@charset "utf-8";
/* CSS Document */

/*自界说样式*/

#main{height:100vh;position:relative;overflow:hidden;}
.posi {position:relative;}

/*》》》》》》》》》》动态效果《《《《《《《《《《*/
.opacity{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;-webkit-opacity:0;visibility:hidden;}
.transition02{transition:all 0.2s;-moz-transition:all 0.2s;-webkit-transition:all 0.2s;-o-transition:all 0.2s;}
.transition035{transition:all 0.35s;-moz-transition:all 0.35s;-webkit-transition:all 0.35s;-o-transition:all 0.35s;}
.transition05{transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;}
.transition075{transition:all 0.75s;-moz-transition:all 0.75s;-webkit-transition:all 0.75s;-o-transition:all 0.75s;}
.transition1{transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s;}
.transition-delay01{transition-delay:0.1s;-moz-transition-delay:0.1s; -webkit-transition-delay:0.1s;-o-transition-delay:0.1s;}
.transition-delay02{transition-delay:0.2s;-moz-transition-delay:0.2s; -webkit-transition-delay:0.2s;-o-transition-delay:0.2s;}
.transition-delay03{transition-delay:0.3s;-moz-transition-delay:0.3s; -webkit-transition-delay:0.3s;-o-transition-delay:0.3s;}
.transition-delay05{transition-delay:0.5s;-moz-transition-delay:0.5s; -webkit-transition-delay:0.5s;-o-transition-delay:0.5s;}
.transition-delay075{transition-delay:0.75s;-moz-transition-delay:0.75s; -webkit-transition-delay:0.75s;-o-transition-delay:0.75s;}



/*》》》》》》》》》》自界说转动《《《《《《《《《《*/
.main_roll,.parallax,.iScrollVerticalScrollbar .iScrollIndicator{
transition-property:cubic-bezier(0.19, 1, 0.22, 1) !important;
transition-duration:1.5s !important;
transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1) !important;
-webkit-transition-property:cubic-bezier(0.19, 1, 0.22, 1) !important;
-webkit-transition-duration:1.5s !important;
-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1) !important;
will-change:transform;}
.iScrollVerticalScrollbar{position:absolute;width:5px;height:100%;right:0;top:0;z-index:1200;background-color:#e0e0e0;}
.iScrollVerticalScrollbar .iScrollIndicator{cursor:pointer;background-color:#333;width:100%;}


/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>首页_start<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
/*》》》》》》》》》》首页banner《《《《《《《《《《*/
.Hbanner{width:100%;height:calc(100vh - 131px);overflow:hidden;background-image: linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.35));}
.Hbanner_swiper{width:100%;height:100%;}
.Hbanner_swiper .swiper-wrapper{transition-timing-function:cubic-bezier(0.7, 0.01, 0.4, 1);-webkit-transition-timing-function:cubic-bezier(0.7, 0.01, 0.4, 1);will-change:transform;}
.Hbanner_swiper .swiper-slide{overflow:hidden;}
.Hbanner_swiper .Hbanner_text{position:absolute;top:50%;left:0;z-index:50;width:100%;line-height:1.4;transform:translate(100px,-50%);-webkit-transform:translate(100px,-50%);opacity:0;-webkit-opacity:0;transition-property: transition opacity;-webkit-transition-property: transition opacity;transition-duration:1s;-webkit-transition-duration:1s;transition-timing-function:cubic-bezier(0.7, 0.01, 0.4, 1);-webkit-transition-timing-function:cubic-bezier(0.7, 0.01, 0.4, 1);}


.Hbanner_swiper .Hbanner_text .Hbanner_text_fc{ position:relative;font-size:0.93rem; letter-spacing:0.05rem;font-weight:bold; line-height:1.5;}
.Hbanner_swiper .Hbanner_text .Hbanner_text_fc::before {position:absolute; content:"";bottom:0;left:0;height:0.11rem;width:2em; background-color:#8bca1d;}
.Hbanner_swiper .Hbanner_text .Hbanner_text_fm{font-size:0.51rem; letter-spacing:5px; line-height:1.5; margin:0.3rem 0px;}
.Hbanner_swiper .Hbanner_text .Hbanner_text_fen{font-size:0.22rem; letter-spacing:2px; line-height:1;}

.Hbanner_swiper .Hbanner_text .Hbanner_text_c{ position:relative;font-size:0.93rem; letter-spacing:0.05rem;font-weight:bold; line-height:1.5;}
.Hbanner_swiper .Hbanner_text .Hbanner_text_c::before {position:absolute; content:"";bottom:0;left:0;height:0.11rem;width:4em; background-color:#8bca1d;}
.Hbanner_swiper .Hbanner_text .Hbanner_text_m{font-size:0.24rem; letter-spacing:0.32rem; line-height:1.5; margin:0.3rem 0px;}
.Hbanner_swiper .Hbanner_text .Hbanner_text_en{font-size:0.17rem;  line-height:1; text-transform:uppercase;}

.Hbanner_swiper .Hbanner_text .Hbanner_text_more{font-size:0.24rem; margin-top:0.7rem;display: flex; align-items: center;}
.Hbanner_swiper .Hbanner_text .Hbanner_text_more span{font-size:0.35rem; margin-left:10px;}


.Hbanner_swiper .Hbanner_bg{width:100%;height:100%;transition-timing-function:cubic-bezier(0.7, 0.01, 0.4, 1);-webkit-transition-timing-function:cubic-bezier(0.7, 0.01, 0.4, 1);will-change: transform;}
.Hbanner_swiper .Hbanner_bg:before{position:absolute;content: "";width:100%;height:100%;background-color:rgba(0, 0, 0, 0);left:0;top:0;z-index:20;}
.Hbanner_swiper .Hbanner_bg>img{width:110%;height:100%;object-fit:cover;}
.Hbanner_swiper .ani_slideX .Hbanner_bg>img{animation: ani_slideX 8.5s linear forwards;-webkit-animation: ani_slideX 8.5s linear forwards;}
@keyframes ani_slideX{
    0% {
        transform:translateX(0);-webkit-transform:translateX(0);
    }
    100% {
        transform:translateX(-9%);-webkit-transform:translateX(-9%);
    }
}
@-webkit-keyframes ani_slideX{
    0% {
        transform:translateX(0);-webkit-transform:translateX(0);
    }
    100% {
        transform:translateX(-9%);-webkit-transform:translateX(-9%);
    }
}

.Hbanner .Hbanner_nav{position:absolute;z-index:10;bottom:0.6rem;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);z-index: 9;height:4px;}
.Hbanner .Hbanner_nav .swiper-pagination-bullet{opacity:1;background:#fff;height:100%;border-radius:5px;width:35px;margin:0 8px;
-webkit-transition:ease 0.4s;transition:ease 0.4s;}
.Hbanner .Hbanner_nav .swiper-pagination-bullet-active{background:#b1cc1d;width:70px;}

.Hbanner .Hbanner_switch{position:absolute;top:50%;color:#fff;z-index:10;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.Hbanner .Hbanner_switch.Hbanner_prev{left:6vw;}
.Hbanner .Hbanner_switch.Hbanner_next{right:6vw;}
.Hbanner .Hbanner_switch>a{width:50px;height:50px;line-height:50px;opacity:0.5;-webkit-opacity:0.5;
-webkit-transition:ease 0.4s;-o-transition:ease 0.4s;}
.Hbanner .Hbanner_switch>a>i{font-size:28px;}
.Hbanner .Hbanner_switch .Hbanner_switch_circular{width:100%;height:100%;position:absolute;left:0;top:0;}
.Hbanner .Hbanner_switch .Hbanner_switch_circular circle{stroke:#fff;stroke-dasharray:150.72;
stroke-dashoffset:150.72;-webkit-animation: circle-stroke-out .4s forwards;animation: circle-stroke-out .4s forwards;}


.Hbanner_swiper .swiper-slide.swiper-slide-active .Hbanner_text,
.Hbanner_swiper .swiper-slide.swiper-slide-duplicate-active .Hbanner_text{
transition-delay:.6s;-webkit-transition-delay:.6s;transition-duration:1s;-webkit-transition-duration:1s;
transition-timing-function:ease-out;-webkit-transition-timing-function:ease-out;
transform:translate(0,-50%);-webkit-transform:translate(0,-50%);opacity:1;-webkit-opacity:1;}

.hmct{position: relative; display: block; text-align: center; font-size:0.6rem; line-height:1.5;font-weight: bold;transition:all 0.6s ease-in-out; }
.hmcp{position: relative; display: block;text-align: center; font-size:0.2rem; line-height:1.5; }
.hmcp:hover{color:#8bca1d;}

/*************about****************/
.index_about_bg{ position:relative; width:100%; overflow:hidden;padding: 1rem 0px;}



.index_about_box{ margin-top:0.8rem;}
.index_about_lf{ width:50%;}
.index_about_lf img{ width:100%;}
.index_about_rf{ width:calc(50% - (50% - 800px)); margin-right:calc(50% - 800px); padding-left:1rem;padding-right:0.7rem;}
.index_about_title{ color: rgba(1,1,1,0.1); font-family:Arial;font-size:1.6rem;line-height:1.4; text-transform:uppercase; font-weight:bold; margin-left: -1.35em;}
.index_about_info{}
.index_about_info p{ text-indent:2em; color:#666666; font-size:14px; line-height:2.5;text-align: justify;}

.index_about_rf .index_about_more{display: inline-block; font-size:16px;color:#fff; border:1px solid #8bca1d;background:#8bca1d;padding: 12px 41px;transition:all 0.6s ease-in-out; margin-top:0.4rem;}
.index_about_rf .index_about_more:hover{color:#8bca1d; background:#fff;border:1px solid #8bca1d; font-weight:bold;}

@media (max-width:1600px){
.index_about_rf{ width:45%; margin-right:5%; padding-left:1rem;padding-right:0.6rem;}
.index_about_title{ line-height:1;}
.index_about_info p{ text-indent:2em; color:#666666; font-size:14px; line-height:2;text-align: justify;}
}

@media (max-width:1025px){
.index_about_rf{ width:45%; margin-right:5%; padding-left:0.5rem;padding-right:0.4rem;}
.index_about_title{ line-height:1;font-size: 1.3rem; margin-left: -1.1em;}

}



/*********营业领域*************/
.index-s3 {position: relative;width:100%; height: 8rem; margin-top:0.8rem;}
.index-s3 .tab-tit {position: absolute;display: flex;right: 0;top: 0;z-index: 2; width:100%; height:100%;}
.index-s3 .tab-tit .tab-titbox { position: relative; width:20%;color: #fff;display:inline-block;transition: opacity .3s ease;cursor: pointer;}

.index-s3 .tab-tit .tab-titbox  .tab-title{ position:absolute; left:0; bottom:0.5rem; text-align:center; width:100%; }
.index-s3 .tab-tit .tab-titbox  .tab-title .tab-titcn{ font-size:24px;}
.index-s3 .tab-tit .tab-titbox  .tab-title .tab-titen{ font-size:16px;}
.index-s3 .tab-tit .tab-titbox:before {content: '';width: 1px;height: 100%;background-color: rgba(255,255,255,0.2);position: absolute;top: 0;right:0;transition: transform .6s ease;}
.index-s3 .tab-tit .tab-titbox:after {content: '';width: 100%;height: 100%;background-color: rgba(255,255,255,0.2);position: absolute;top: 0;right:0;opacity: 0;transition: transform .6s ease;}
.index-s3 .tab-tit .tab-titbox.active:after {opacity: 1;}

.index-s3 .img-box {position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;background-color: #000;}
.index-s3 .img-box:after {content: "";background: rgba(0,0,0,0.2);position: absolute;left: 0;top: 0;right: 0;bottom: 0;}
.index-s3 .img-box .item {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-position: center;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;opacity: 0;transition: all .3s ease;}


.index-s3 .img-box .item.active {opacity: 1;}
.index-s3 .txt-box {position: absolute; width:100%;top:20%;left: 0;z-index: 4;}
.index-s3 .txt-box .item {position: absolute;top: 0;left: 0;right: 0;bottom: 0;padding: 0 22%;display: none;}
.index-s3 .txt-box .item.active {display: block;}

.index-s3 .txt-box .item h3 {font-size: 0.6rem;color: #fff;opacity: 0;animation: o-upfade-top 0.7s cubic-bezier(0.4, 0, 0.2, 1) forwards;animation-delay: .1s;}
@keyframes o-upfade-top {
  0% {
    opacity: 0;
    transform: translateY(40px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.index-s3 .buttons {position: absolute;bottom: 6.25vw;left: 12.5vw;font-size: 0;z-index: 4;}
.index-s3 .button {width: 60px;height: 60px;display: inline-block;vertical-align: middle;background-position: center;background-repeat: no-repeat;background-size: contain;background-image:;cursor: pointer;opacity: .3;transition: all .3s ease;}


/*************news****************/
.hmCon4{ padding: 1rem 0px; background:url(/i/images/index_news_bg.jpg) left top no-repeat; }

.hmc4conWpr{ margin-top:0.8rem; position:relative; transition:all 0.6s ease-in-out; }
.hmc4Lbox{width: 45%;position:relative;}
.hmc4Lbox .overflowHide{height: 4.6rem;}
.hmc4Lbox .overflowHide:after{content:""; background:rgba(0,0,0,0); position:absolute; left:0; top:0; right:0; bottom:0;}

.hmc4layer{position:relative;color:#333;z-index:2;padding: 0.2rem 0.3rem;background: #f7f7f7;}
.hmc4lytxt{display: block;border-bottom:1px solid rgba(255,255,255,0.4);}
.hmc4lytxt strong{position:relative;font-size: 20px;line-height: 0.36rem;display: block;font-weight: bold;padding-bottom: 0.15rem;}
.hmc4lytxt strong::before {position:absolute; content:"";bottom:5px;left:0;height:1px;width:6em; background-color:#8bca1d;}
.hmc4lytxt p{font-size: 14px;line-height: 0.24rem;letter-spacing: 1px;display: block;height: 0.48rem;margin-top: 0.1rem;color:#999999;}
.hmc4lay_info{overflow: hidden;font-size: 14px;line-height: 0.3rem; margin-top:0.1rem}
.hmc4lay_info .fl{}
.hmc4lay_info .fr{color: #8bca1d;text-decoration: underline;}


.hmc4Rx{width:50%;}
.hmc4Rx li{margin-bottom: 0.4rem;}
.hmc4Rx li:last-child{margin-bottom:0;}
.hmc4ra{ display:block; overflow:hidden}
.hmc4ra .overflowHide{float: left;height: 1.9rem;width:2.55rem;}
.hmc4aRx{ margin-left:2.8rem;}
.hmc4aRx strong{ font-size:0.2rem; line-height:2; font-weight:bold; color: #333;display: block; transition:all 0.6s ease-in-out;}
.hmc4aRx p{ font-size: 14px; line-height:1.75; color: #999999; height: 49px; }
.hmc4lay_info2{ margin-top:0.2rem; }
.hmc4lay_info2 .time{font-size: 14px; color:#333333;}
.hmc4lay_info2 .more{display: inline-block; font-size:14px;color: #8bca1d;text-decoration: underline;margin-top: 0.15rem;}
.hmc4Rx li:hover strong{  color: #8bca1d;}

/**************/
.hmc1u5{ position:relative; width:100%; overflow:hidden;}
.hmc1u5 li{ position:relative;  width:50%; float:left}

.hmc5_aBox{ display:block; position:relative;}
.hmc5_aBox .overflowHide{ height:6.4rem; background:#01375d;}
.hmc5_aBox .overflowHide:after{content:""; background:rgba(0,0,0,0.5); position:absolute; left:0; top:0; right:0; bottom:0; z-index:1;}
.hmc1u5 li:nth-child(1) .hmc5_aBox .overflowHide:after{content:""; background:rgba(0,0,0,0);}
.hmc5_aBox .hmc5layer{ position: absolute; left:calc(100% - 800px); top: 50%; transform:translateY(-50%); z-index:2;transition:all 0.6s ease-in-out;}


@media (max-width:1600px){
.hmc5_aBox .hmc5layer{ position: absolute; left:5%; }
}

.hmc5_aBox .hmc5layer strong{ font-size:0.46rem; line-height:2; font-weight:bold; color: #fff;display: block; transition:all 0.6s ease-in-out;}
.hmc5_aBox .hmc5layer p{ width:82%;font-size: 0.18rem; line-height:1.75; color: #fff; }

.hmc5_aBox .hmc5layer .more{display: inline-block; font-size:16px;color:#fff; border:1px solid #fff;padding: 12px 41px;transition:all 0.6s ease-in-out; margin-top:0.5rem;}

.hmc5_aBox .hmc5layer .more:hover{color: #fff; background:#8bca1d;border:1px solid #8bca1d; font-weight:bold;}
.hmc5_aBox .hmc5layer:hover strong{ color: #8bca1d;}



@media (max-width:769px){

.index_about_lf{ width:100%;}
.index_about_rf{ width:100%; margin-right:0; padding-left:0.5rem;padding-right:0.5rem;}
.index_about_title { line-height: 1; font-size: 1rem;  margin-left:0em;margin-top: -0.5rem;}

.index-s3 .tab-tit .tab-titbox .tab-title .tab-titcn {font-size: 18px;}
.index-s3 .tab-tit .tab-titbox .tab-title .tab-titcn .br{ display:block;}
.index-s3 .tab-tit .tab-titbox .tab-title .tab-titen {font-size: 12px;}

.hmc4Lbox { width: 100%; position: relative;}
.hmc4Rx {width: 100%; margin-top:20px;}
.hmc1u5 li { position: relative; width: 100%; float: left;}

}<!--耗时1758362267.1042秒-->