@charset "UTF-8";
.index_section1{height:calc(100vh - 100px); position:relative; }
.hmFocus{ height:calc(100vh - 100px); background:#093977;}
.hmFocus_item { height: calc(100vh - 100px); position: relative; overflow: hidden; }
.hmFs_bg { height: 100%; width: 100%; background-repeat:no-repeat; background-size:cover; background-position:center center;-webkit-transform:scale(1.12); transform:scale(1.12); }
.hmFs_layBg{position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.1);}
.active .hmFs_bg{ visibility: visible; -webkit-animation: scaleBg 6s linear forwards; animation: scaleBg 6s linear forwards;}

.hmTxt { display: inline-block; position: absolute; z-index: 5; left: 0%; top: 50%; transform: translate(0%,-50%); width:100%; color: #FFF; text-align: center;}
.hmTxt img{transition:all 0.5s ease-in-out; opacity:0; transform:translate(-100px,0); margin:0 auto;}
.hmTxtDes{position:absolute; left:0; top:0; width:100%; padding-top: 4px; }
.hmTxt_ct { font-size: 70px; font-weight: bold; display: block; height: 84px; transition:all 0.8s ease-in-out; opacity:0; transform:translate(180px,0px) }
.hmTxt_et { font-size: 30px; margin-top:25px; line-height: 50px; font-weight: 100; transition:all 0.8s ease-in-out; opacity:0; transform:translate(180px,0px) }

.hmTxtDes2{position:absolute;right: 0;width:100%;top:50%;transform:translateY(-50%);z-index:5;color: #050406;max-width: 960px;}
.hmTxtDes2_t1 {font-size: 0.72rem;line-height: 1.5;font-family: 'SOURCEHANSANSCN-MEDIUM';font-weight: bold;transition:all 0.8s ease-in-out;opacity:0;transform:translate(180px,0px);}
.hmTxtDes2_t2 {font-size: 0.48rem;line-height: 1.5;font-family: 'SOURCEHANSANSCN-MEDIUM';font-weight: bold;color: #0001be;transition:all 0.8s ease-in-out;opacity:0;transform:translate(180px,0px);}
.hmTxtDes2_p1 {font-size: 0.24rem;line-height:1.5;color: rgb(0 0 0 / 61%);margin-bottom: 0.4rem;transition:all 0.8s ease-in-out;opacity:0;transform:translate(180px,0px);}
.hmTxtDes2_btns{ transition:all 0.8s ease-in-out; opacity:0; transform:translate(180px,0px) }

.hmTxt_btn1{ display: inline-block;  font-size: 16px; color: rgb(0 0 0 / 76%);}
.hmTxt_btn1 img{display: inline-block; margin-right:10px; }

.index_content{ position:relative;padding: 15.27vh 0px; min-height:100vh; position:relative}
.index_bg{ height:100%; position:absolute; left:0; top:0; width:100%; background: url(../images/hmc2_bg1.jpg) no-repeat fixed center center; background-size:cover; opacity:0; transition:all 0.5s ease-in-out;}
.index_bg:after{content:""; width:100%; height:100%; background:rgba(0,0,0,0.3); position:absolute; left:0; top:0}
.index_bg.on{opacity:1;}
.index_content .container{position:relative; z-index:5;}
.active .hmTxt img{transform:translate(0,0); opacity:1; transition-delay:0.3s;}
.active .hmTxt_ct{transform:translate(0,0); opacity:1; transition-delay:0.4s;}
.active .hmTxt_et{transform:translate(0,0); opacity:1; transition-delay:0.5s;}
.active .hmTxtDes2_t1{transform:translate(0,0); opacity:1; transition-delay:0.2s;}
.active .hmTxtDes2_t2{transform:translate(0,0); opacity:1; transition-delay:0.3s;}
.active .hmTxtDes2_p1{transform:translate(0,0); opacity:1; transition-delay:0.4s;}
.active .hmTxtDes2_btns{transform:translate(0,0); opacity:1; transition-delay:0.5s;}

.hmFocus_dot{ height: 2px; width: 100%; position: absolute; left: 0px; bottom: 4vh; z-index: 5; text-align:center}
.hmFocus_dot span{ display: inline-block; margin: 0px 5px; height:6px; width:65px; background:rgba(255,255,255,0.5); cursor:pointer; position:relative; }
.hmFocus_dot span.on{height:6px;}
.hmFocus_dot span:after{content:""; background:#0b46a7; width:0; height:6px; position:absolute; left:0; top:0;}
.hmFocus_dot span.on:after{ width:100%; transition:all 4.8s linear;}
.hmFocus .slick-prev{ background: rgba(0, 0, 0, 0.5) url(../images/fsBtn.png) no-repeat center center; display: inline-block; height: 55px; width: 55px; border-radius: 50%;position: absolute; left: 0.2rem; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; margin-top: -35px; z-index:3; transition:all 0.5s ease-in-out; opacity:0.5; transform:rotate(180deg); }
.hmFocus .slick-next{  background:rgba(0, 0, 0, 0.5) url(../images/fsBtn.png) no-repeat center center; display: inline-block; height: 55px; width: 55px; border-radius: 50%;position: absolute; right: 0.2rem; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; margin-top: -35px; z-index:3; transition:all 0.5s ease-in-out; opacity:0.5;}
.hmFocus .slick-prev:hover,.hmFocus .slick-next:hover{ opacity:1;}

@media (max-width:1799px){
.index_section1{height:calc(100vh - 80px); position:relative; }
.hmFocus{ height:calc(100vh - 80px); background:#093977;}
.hmFocus_item { height: calc(100vh - 80px); position: relative; overflow: hidden; }
}

@media (max-width:993px){
.index_section1,.hmFocus_item ,.hmFocus{height:600px;}

}
@media (max-width:767px){
.index_section1,.hmFocus_item ,.hmFocus{height:400px;}
.hmTxt{width:100%;}
.hmTxt img{width:52%;}


}



/*******关于我们***********/
.index_about_bg { position:relative; padding:0.8rem 0px;}
.index_about_box{align-items: center;}
.index_about_lf{ width:50%;}
.index_about_line{overflow: hidden; width: 92px; margin-bottom:0.2rem;}
.top-title { line-height: normal;font-size: 0.36rem; font-weight: 700;color: #333;}
.top-title-en { line-height: normal; font-size:0.2rem; margin-bottom: 10px;color: #4c4c4c;}
.index_about_info p{line-height: 1.8;font-size: 16px; color: #777;margin-top: 20px; max-width: 750px;}

.aboutitem{width:100%;transition:all 0.5s ease-in-out;position:relative;max-width: 1180px;margin-top: .3rem;}
.aboutitem li{ width:33.333%;}
.aboutitem li .number{display:inline-block;color: #0001be;font-size:0.6rem;font-weight:bold;width:50%;}
.aboutitem li .number .unit{font-size:0.4rem;}
.aboutitem li .title{display:block;color: #666;font-size: 16px;}

.index_about_rf{ width:45%;}
.index_about_rf img{ width:100%;}

/*****

**产品***********/
.index_product_bg { position:relative; padding:0.8rem 0px; background: url("../images/index_pro_bg.jpg") no-repeat center bottom; background-size:cover;}
.pl-title{margin-bottom:0.4rem;}
.pl-heng{overflow: hidden; width: 92px;margin-left: auto; margin-right: auto;}
.pl-heng img {width: 100%; height: 100%;object-fit: contain;}
.pl-tit{ font-size:0.4rem;text-align: center;line-height: 1.3; color: #fff; font-weight: 700; margin-top: 20px;}
.pl-tit-en{font-size:0.22rem;text-align: center; color: #fff; line-height: 1.6;}

.index_product_list{}
.index_product_list .swiper-slide a{ display:block; background:#fff; padding:15px;}
.index_product_list .swiper-slide .pro-img{ overflow:hidden;}
.index_product_list .swiper-slide .pro-img img{ transition-duration: .5s;}
.index_product_list .swiper-slide .pro-name{ text-align:center;font-size: 16px; line-height:2;color: #333;margin-top: 15px;}
.index_product_list .swiper-slide:hover .pro-img img{ transform: scale(1.1);}
.index_product_list .swiper-slide:hover .pro-name{color: #0001be;}
.index_product_list .swiper-button-prev,.index_product_list .swiper-button-next{ width:50px; height:50px; border-radius:50%;background-color:rgba(0, 0 ,0 ,0.4); background-size:50% 50%;}
.top-more{ margin-top:0.4rem; text-align:center;}
.top-more .hmTxt_btn1{ border-radius:5px; border:2px solid #fff; padding:0.12rem 0.45rem; color:#fff; font-size:16px;}
.top-more .hmTxt_btn1:hover{ border-radius:5px; border:2px solid #0001be; background:#0001be; padding:0.12rem 0.45rem; color:#fff; font-size:16px;}

/*****案例********/
.index_csae_bg { position:relative; padding:0.8rem 0px; background: url("../images/index_case_bg.jpg") no-repeat center bottom; background-size:cover;}
.index_csae_bg .pl-tit{ font-size:0.4rem;text-align: center;line-height: 1.3; color: #333; font-weight: 700; margin-top: 20px;}
.index_csae_bg .pl-tit-en{font-size:0.22rem;text-align: center; color: #333; line-height: 1.6;}

.index_case_list{}
.index_case_list .swiper-slide a{ display:block; background:#fff; padding:15px; border:1px solid #e5e5e5;}
.index_case_list .swiper-slide .pro-img{ overflow:hidden;}
.index_case_list .swiper-slide .pro-img img{ transition-duration: .5s;}
.index_case_list .swiper-slide .pro-name{ text-align:center;font-size: 16px; line-height:2;color: #333; margin-top: 15px;}
.index_casae_list .swiper-slide:hover .pro-img img{ transform: scale(1.1);}
.index_case_list .swiper-slide:hover .pro-name{color: #0001be;}


.index_case_list .swiper-button-prev,.index_case_list .swiper-button-next{ width:50px; height:50px; border-radius:50%;background-color:rgba(0, 0 ,0 ,0.4); background-size:50% 50%;}


/*******新闻中心***********/
.index_news_bg { position:relative; padding:0.8rem 0px;background: url("../images/index_news_bg.jpg") no-repeat center bottom; background-size:cover;}
.index_news_bg .pl-tit{ font-size:0.4rem;text-align: center;line-height: 1.3; color: #333; font-weight: 700; margin-top: 20px;}
.index_news_bg .pl-tit-en{font-size:0.22rem;text-align: center; color: #333; line-height: 1.6;}

.index_news_box{ padding-bottom:40px;}
.mc_e1_lisbox {position: relative;display: block;transition: all .36s;background: #fff;border-radius: 15px;overflow: hidden;}
.mc_list_imgbox { position: relative;overflow: hidden;}
.mc_list_png { width: 100%; position: relative; z-index: 1; top: 0;left: 0;}
.mc_list_img {width: 100%;height: 100%;position: absolute;z-index: 2;top: 0; left: 0;object-fit: cover;transition: all .36s;}

.mc_e1_txtbox {padding: 20px 25px 20px;}
.mc_e1_txt {font-size: 0.22rem;line-height: 2;height: 86px;overflow: hidden;color: #000000;font-weight: bold;margin-bottom: 0.4rem;}
.mc_e1_date {font-size: 0.16rem;color: rgb(45 45 45 / 60%);line-height: 2;font-weight: bold;}
.mc_e1_more{background:url(../images/line.png) left top no-repeat; padding:0.3rem 0px 0.1rem;}


.mc_e1_lisbox:hover { box-shadow: 0 5px 12px 4px rgba(214, 211, 211, .75);}
.mc_e1_lisbox:hover .mc_e1_imgbox img { transform: scale(1.1); }
.mc_e1_lisbox:hover .mc_e1_more{background:url(../images/line.png) left top no-repeat; padding:0.3rem 0px 0.1rem; color:#fff;}
.mc_e1_lisbox:hover .mc_e1_txtbox{  background:#0001be;}
.mc_e1_lisbox:hover .mc_e1_txt,.mc_e1_lisbox:hover .mc_e1_date{color:#fff;}



/*******技术优势***********/
.index_technique { position:relative; padding:0.8rem 0px;background:url(../images/index_technique_bg.jpg) top center no-repeat;}
.index_technique .pl-tit{ font-size:0.4rem;text-align: center;line-height: 1.3; color: #333; font-weight: 700; margin-top: 20px;}
.index_technique .pl-tit-en{font-size:0.22rem;text-align: center; color: #333; line-height: 1.6;}

.index_technique .box .item {width: calc((100% - 1.2rem)/ 4); border-radius:10px; overflow:hidden;box-sizing: border-box; border-left:1px solid #fff;background:#000000;transition: 0.4s; position: relative;text-align: center;}
.index_technique .box .item .img {width: 100%; height: 100%; overflow:hidden;}
.index_technique .box .item .img img {opacity:.5; width: 100%; height: 100%;object-fit: cover;transition-duration: .5s;}

.index_technique .box .item .posi_main {position: absolute;width: 100%;z-index: 2;box-sizing: border-box;top: 50%;left: 50%;transform: translate3d(-50%,-50%,0);-webkit-transform: translate3d(-50%,-50%,0);transition: all .6s;}
.index_technique .box .item .posi_main .content1 {}
.index_technique .box .item .posi_main .content2 {font-size: 0.24rem;color: #fff;margin-top: .3rem;transition: 0.4s;}
.index_technique .box .item .posi_main .content3 {color: #fff;font-size: 14px;}
.index_technique .box .item:hover .img  img{ transform: scale(1.1);}


.index_technique .box .item:hover{background:#ca0000}
.index_technique .box .item:hover .img img{opacity:.2}
.index_technique .box .item:hover .posi_main{top:40%}

@media screen and (max-width: 768px) {
 .index_technique .box .item {width: 33.333333%;}
}


@media screen and (max-width: 768px) {
  
}