@charset "UTF-8";
.index_section1{height:100vh; position:relative;}
.hmFocus{ height:100vh; background:#093977;}
.hmFocus_item { height: 100vh; 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); }
.hmFocus_item video{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.hmFs_layBg{position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.05);}
.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) }
.hmFocus_doc{ width: 100%; position: absolute; left: 0px; bottom: 70px; z-index: 5; }
.hmFocus_doc ul{ margin: 0px -12px; }
.hmFocus_doc ul li{padding:0 12px; width:25%; float:left; cursor:pointer}
.hmFs_docx{ line-height: 50px; height: 51px; border-top: 1px solid #FFF; transition: all 0.5s ease-in-out; font-size: 12px; color: #FFF; opacity:0.5; position:relative; }
.hmFs_docx.on{opacity:1;}
.hmFs_docx i{width:0; height:2px; background:#fff; position:absolute; left:0; top:0; transition:all 0.5s ease-in-out;}
.hmFs_docx.on i{width:100%; transition:all 8.0s linear;}
.hmFocus_doc ul li:first-child .hmFs_docx.on i{transition:all 15s linear;}
.index_section2 { background: #093977;}
.hmTxtDes2{position:absolute; left:0; width:100%; top:50%; transform:translateY(-50%); z-index:5; color:#fff;}
.hmTxtDes2_t1 { font-size: 36px; line-height: 48px; margin-bottom: 40px; font-weight: bold; max-width:945px; transition:all 0.8s ease-in-out; opacity:0; transform:translate(180px,0px) }
.hmTxtDes2_p1 { font-size: 20px; line-height: 40px; font-weight: 100; margin-bottom: 45px; max-width: 945px; letter-spacing: 2px; 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{ line-height: 48px; background: #0094dc; text-align: center; height: 48px; width: 200px; display: inline-block; margin-right: 24px; font-size: 16px; color: #FFF; letter-spacing: 2px; box-shadow:0 8px 12px 10px rgba(198,22,52,0.1); }
.hmTxt_btn1:hover{ background: #AA132E; color: #FFF; }
.hmTxt_btn2{ line-height: 44px; height: 48px; width: 200px; border: 2px solid #FFF; text-align: center; display: inline-block; font-size: 16px; color: #FFF; }
.hmTxt_btn2:hover{ color: #c61634; background: #FFF; }
.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.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;}
@media (max-width:1799px){
.hmTxt_ct{font-size:52px;}
.index_content{padding: 80px 0px;}
.hmTxtDes2_t1 { font-size: 26px; line-height: 38px; margin-bottom: 26px;}
.hmTxtDes2_p1 { font-size: 18px; line-height: 32px; margin-bottom: 35px;}
.hmFocus_doc{bottom:40px;}
.hmTxtDes{padding-top:18px; }
}
@media (max-width:1199px){
.hmTxtDes{padding-top: 0px; }
}
@media (max-width:993px){
.index_section1,.hmFocus_item ,.hmFocus{height:600px;}
.hmTxt_ct{font-size:42px;}
.hmTxt_et{font-size:22px; line-height:38px; margin-top:-15px;}
}
@media (max-width:767px){
.index_section1,.hmFocus_item ,.hmFocus{height:400px;}
.hmTxt_ct{font-size:16px; height:30px; line-height:30px; margin-bottom:0}
.hmTxt_et{font-size:14px; line-height:22px; margin-top:5px;}
.hmTxt{width:100%;}
.hmTxt img{width:52%;}
.hmFocus_doc ul li{padding:0 5px;}
.hmFocus_doc{bottom:25px;}
.hmTxtDes2_t1 { font-size: 18px; line-height: 28px; margin-bottom: 15px; letter-spacing: 0em; }
.hmTxtDes2_p1 { font-size: 14px; line-height: 22px; margin-bottom: 20px;}
.hmTxt_btn1{width:105px; height:40px; line-height:40px; font-size:14px; letter-spacing:0; margin-right:12px;}
.hmTxt_btn2{ line-height: 38px; height: 40px; width: 105px; border: 1px solid #FFF; font-size: 14px;}
}

.hmc2_tnm { font-size: 48px; font-weight: bold; color: #FFF; line-height: 66px; margin-bottom: 10px; position: relative; }
.hmc2_tnm:after{ content: ""; background: #0094dc; height: 2px; width: 36px; margin-top: -1px; position: absolute; top: 50%; left: -58px; }
.hmc2_item { padding-top: 52px; position: relative; max-width:900px;}
.hmc2_item dt{height:80px; position:relative;}
.hmc2_item dt strong { font-size: 36px; font-weight: bold; display: block; line-height: 42px; position: relative; z-index: 2; color: #FFF; opacity:0.3; transition:all 0.5s ease-in-out; }
.hmc2_item dt span { display: block; height: 80px; position: absolute; left: 0px; bottom: 0px; width: 100%; background-position:40px center; background-repeat:no-repeat; }
.hmc2_item dd p { font-size: 18px; line-height: 36px; height:auto; overflow:hidden; color: #ffffff; margin-bottom: 24px; max-width:710px; }
.hmc2_more { background: url(../images/hmc2arrow.png) no-repeat right center; font-size: 18px; line-height: 30px; color: #FFF; display: inline-block; padding-right: 28px; height: 30px; }
.hmc2_more:hover{ color: #FFF; text-decoration: underline; }
.hmc2_item dd{ height:0; transition:all 0.5s ease-out; margin-top:-8px; overflow:hidden; opacity:0;}
.hmc2_item.on dd{ height:auto; opacity:1;}
.hmc2_item.on dt strong{opacity:1;}
.hmc2sCon{padding-left:60px; padding-right:60px;}
@media (max-width:1799px){
.hmc2_tnm{font-size:36px; line-height:52px;}
.hmc2_item{padding-top:25px;}
.hmc2_item dt{height:62px;}
.hmc2_item dt strong{font-size:22px;}
.hmc2_item dt span{background-size:auto 45px; height:55px;}
.hmc2_item dd p{ font-size: 15px; line-height: 30px; height:60px; margin-bottom: 18px; }
.hmc2_more { background: url(../images/hmc2arrow.png) no-repeat right center; font-size: 16px; line-height: 26px;padding-right: 25px; height: 26px; }
.hmc2_item.on dd{height:105px;}
}
@media (max-width:767px){
.index_content{padding:60px 0px;}
.hmc2sCon{padding-left:0px; padding-right:0px;}
.hmc2_tnm:after{display:none;}
.hmc2_tnm{font-size:26px; line-height:36px; text-align:center;}
.hmc2_item dd{height:auto!important; opacity:1; margin-top:-15px; opacity:0.8;}
.hmc2_item dt strong{opacity:1; font-size:20px; font-weight:normal}
.hmc2_item dt span{background-size:auto 32px; height:68px;}
.hmc2_item{padding-top:8px;}
.hmc2_item dd p{font-size:14px; line-height:26px; height:auto;}
.hmc2_more{font-size:14px;}
}





/**************关于我们******************/
.u-jc-sb {justify-content: space-between;}
.u-df { display: -webkit-box; display: -ms-box;display: flex;}
.u-fw { -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.f-b { font-weight: bold;}



.page-in-about { color:#fff; padding:164px 0px 267px; position:relative;  }
.page-in-about .page-title { line-height:1.5; }
.page-in-about .page-title .common_cn{font-size: 30px;color: #fff;line-height: 1.5;font-weight: bold;}
.page-in-about .page-title .common_en{font-size: 16px; color: #fff;text-transform: uppercase;}


.page-in-about .page-text { width:77.4285%; }
.page-in-about .page-txt { line-height:1.875; margin-top:12px; }
.page-in-about .page-more { padding-top:90px; }
.page-in-about .page-more a { background:#0094dc; color:#fff; }
.page-in-about .page-num { padding:26px 5% 0px; }
.page-in-about .num-txt { margin-top:-10px; }
.tac {text-align: center;}
.page-more a { display:inline-block; position:relative; background:#e9ebf1; min-width:160px; letter-spacing:3px; line-height:2.5; border-radius:5px; padding:0px 20px; color:#666; }
.page-more a span { position:relative; z-index:2; display:inline-block; }
.page-more a:before { position:absolute; left:0px; top:0px; height:100%; transition:0.5s all; border-radius:0.05rem;  -webkit-transition:0.5s all; content:""; bottom:0px; width:0px; background:rgba(0,0,0,0.1);}
.page-more a:hover:before { width:100%; }
@media only screen and (max-width: 750px){
.page-more a { line-height:1.75; }
}




.page-about-programme { position:relative; }
.page-about-programme .bg-img { position:absolute; left:0px; top:0px; width:100%; right:0px; bottom:0px; height:100%; }
.page-about-programme .bg-img2 { position:absolute; display:none; left:0px; top:0px; width:100%; right:0px; bottom:0px; height:100%; }
.page-about-programme .bg_cover { background-position: center center; background-repeat: no-repeat; background-size: cover;}
.page-about-programme #in_about { position:absolute; left:0px; top:0px; background:transparent; width:100%; height:1080px; right:0px; object-fit:fill; mix-blend-mode: screen; }
.page-about-programme .in-niudai { position:absolute; left:0px; width:100%; right:0px; top:380px; }


@media only screen and (max-width:750px){

.page-about-programme .bg-img { display:none; }
.page-about-programme .bg-img2 { display:block; }
.page-about-programme #in_about { display:none; }
.page-about-programme .in-niudai { display:none;  }

}
@media only screen and (max-width:480px){
.page-in-about .page-num ul li { width:49%; }
}

/**************产品中心*****************/
.page-in-programme { color:#fff; padding-bottom:148px; }
.page-in-programme .page-title { position:relative;  padding:174px 0px 24px; }
.page-in-programme .page-title .common_cn{font-size: 30px;color: #fff;line-height: 1.5;font-weight: bold;}
.page-in-programme .page-title .common_en{font-size: 16px; color: #fff;text-transform: uppercase;}
.page-in-programme .page-title:before { position:absolute; border-radius:2px; background:#fff; height:2px; width:60px; left:0px; bottom:0px; content:""; } 

.page-in-programme ul { overflow:hidden; }
.page-in-programme ul li { margin-top:30px; position:relative; overflow:hidden; }
.page-in-programme ul li .bg_container { height:469px; }
.page-in-programme ul li img{ width:100%;}
.page-in-programme ul li a { color:#fff; }
.page-in-programme ul li .page-text { position:absolute; left:44px; bottom:39px; right:44px; color:#0094dc;}
.page-in-programme ul li h3 { line-height:1.3; }
.page-in-programme .page-left { width:55.7142%;}
.page-in-programme .page-left ul { padding-top:40px; }
.page-in-programme .page-left ul li:first-child +li .bg_container { height:254px; width:50%; }
.page-in-programme .page-left ul li:first-child +li .page-text { left:50%; width:50%; background:url(../images/page-in-programme-libg01.jpg) no-repeat center center; background-size:cover; padding:35px 80px 35px 44px; top:0px; height:100%; bottom:0px;  }
.page-in-programme .page-left ul li:first-child +li .page-txt { opacity:0.6; filter:alpha(opacity=60); margin-top:8px; }

.page-in-programme .page-right { width:42.1428%; }
.page-in-programme .page-right ul li:first-child .bg_container { height:370px; }
.page-in-programme .page-right ul li:nth-child(2) .bg_container { height:370px; }
.page-in-programme .page-more { padding-top:19px; }
.page-in-programme .page-more span { width:32px; display:inline-block; position:relative; height:32px; }
.page-in-programme .page-more span:before { position:absolute; width:20px; left:0; height:2px; top:50%;  content:""; border-radius:2px; background:#fff;transform-origin:right center; transform:rotate(45deg); -webkit-transform:rotate(45deg); }
.page-in-programme .page-more span:after { position:absolute; width:20px; margin-top:-1px; left:0px; height:4px; border-radius:2px; top:50%;  content:""; background:#fff; transform-origin:right center; transform:rotate(315deg); -webkit-transform:rotate(315deg);}

.bg_container img { display: none;}

.scaleimg .bg_container { transition: all 0.5s;/*! transform:scale(1,1); */ /*! -webkit-transform:scale(1,1); */ /*! transition:0.5s all; */ /*! -webkit-transition:0.5s all; */}
.scaleimg:hover .bg_container { transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05);}

.scaleimg2 { overflow:hidden; display:block;}
.scaleimg2 .img { transform:scale(1,1); -webkit-transform:scale(1,1); transition:0.5s all; -webkit-transition:0.5s all;}
.scaleimg2:hover .img{ transform:scale(1.02,1.02); -webkit-transform:scale(1.02,1.02);}

@media only screen and (max-width:1260px){
.page-in-programme .page-left ul li:first-child +li .page-txt {height:40px; max-height:40px; }
.page-in-programme .page-left ul li:first-child +li .page-text { padding-top:15px; }
.page-in-programme .page-more { padding-top:0px; }
}
@media only screen and (max-width:750px){
.page-in-programme { padding-bottom:80px; }
.page-in-programme ul li .page-text { left:20px; right:20px; }
.page-in-programme .page-left ul li:first-child +li .page-txt { display:none; }
.page-in-programme .page-left ul li:first-child +li .bg_container { height:190px; }
.page-in-programme .page-left ul li:first-child +li .page-text {padding:30px 20px 0px 20px;  }
}




/***************行业应用********************/

.index_hang_bg{ position:relative;}

.swip { display: none;}
.active-nav .swipacc { display: none;}
.active-nav .swip {display: block;}


.index_hang_bg .swiper-nav .swiper-wrapper { margin: 0 auto;}


.index_hang_bg .swiper-content .ileft {
  padding: 20px 20px;
  margin-top: 300px;
}



.common_title{text-align: left; margin-bottom:40px;}
.common_title .common_cn{font-size: 30px;color: #0094dc;line-height: 1.5;font-weight: bold;}
.common_title .common_en{font-size: 16px; color: rgba(0,0,0,.5);text-transform: uppercase;}

/**********新闻****************/	  
.index_news_bg{padding:60px 0; background:rgba(39, 130, 103, 0.04); }

.news_bottom { position: relative; padding-bottom:20px;overflow:hidden;border-top: 1px solid #e5e5e5;}
.news_box li { float: left;width: 33.333333%;}
.news_box li a {  display: block;padding: 55px 40px 65px;}
.news_box li:not(:last-child) { border-right: 1px solid #e5e5e5;}

.news_date {font-size: 16px;color:#0094dc;line-height: 20px;margin-bottom: 25px;}
.news_date i{font-size: 18px;line-height: 20px;}
.news_txt {font-size: 22px;line-height: 34px;color: #000000;height:34px;overflow: hidden; margin-bottom:10px;}
.news_info {font-size:15px;line-height:1.8;color: #666;overflow: hidden; margin-bottom:30px; height:81px;}

.news_morebtn {position: relative;z-index: 1;display: inline-block;vertical-align: top;padding: 0 30px;line-height: 44px;font-size: 14px;font-weight: bold;color:#fff;}
.news_morebtn::before {content: "";position: absolute;left: 0;top: 0;z-index: -1;width: 100%;height: 100%;background: #fff;transition: all .36s;transform: scale(1) !important;border-radius: 0px 0px 15px;background:#0094dc; color:#fff;}
.news_morebtn::after {content: "";position: absolute;left: 0;top: 0;z-index: -1;width: 100%;height: 100%;opacity: 0;transform: scale(1);transition: all .36s;color:#0094dc;border: 1px solid#0094dc;border-radius: 0px 0px 15px;}

.news_imgbox { position: relative;margin-top: 55px; overflow: visible;}
.news_imgbox::before { content: ""; position: absolute; left: 0; bottom: -30px; z-index: 1; width: 100%; height: 1px;background:#0094dc; }
.news_imgbox::after { content: "";position: absolute; left: 0; bottom: -30px; z-index: 2; width: 0; height: 1px; background:#0094dc; transition: all .5s;}
.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;}

.news_box li a:hover { box-shadow: 15px 9px 14px 2px rgba(110, 117, 129, .18);}
.news_box li a:hover .news_imgbox::after {width: 100%;}
.news_box li a:hover .news_morebtn::before { transform: scale(.5); opacity: 0;}
.news_box li a:hover .news_morebtn::after { transform: scale(1); opacity: 1; }
.news_box li a:hover .news_morebtn { color: #0094dc; }


@media (max-width:768px){
.page-in-programme .page-left { width: 100%;}	
.page-in-programme .page-right { width: 100%;}	
.page-in-programme ul li .bg_container {height: 250px;}
.page-in-programme .page-right ul li:nth-child(2) .bg_container {
    height: 250px;
}
.news_box li { float: left;width: 100%; margin-bottom:10px;}
}

/*************数字******************/
.hmBom{ background: #0094dc; /*url(../images/footBg.jpg) no-repeat center bottom;*/ text-align: center; padding: 70px 15px; color: #FFF; }
.hmBom_t1 { font-size: 36px; line-height: 60px; font-weight: bold; }
.hmBom_st { font-size: 20px; line-height: 30px; }
.hmBom_btns { margin-top: 35px; }
.hmBom_btn1{ font-size: 18px; line-height: 54px; color: #0094dc; background: #FFFFFF; text-align: center; display: inline-block; height: 54px; width: 240px; }
.hmBom_btn1:hover{ box-shadow:0 2px 5px 4px rgba(0,0,0,0.1); transform:translateY(-5px);}
.hmBom_btn2{ background: url(../images/tion.png) no-repeat 39px center; text-align: left; height: 54px; width: 240px; border: 2px solid #FFF; padding-left: 68px; color: #FFF; display: inline-block; margin-left: 22px; position: relative; top: 1px; font: 20px/50px DINPro-Bold; }
.hmBom_btn2:hover{ color: #FFF; box-shadow:0 2px 5px 4px rgba(0,0,0,0.1); transform:translateY(-5px); }
@media (max-width:1799px){
.hmBom_t1 { font-size: 28px; line-height:48px;}
.hmBom_st { font-size: 18px; line-height: 28px; }
.hmBom_btns { margin-top: 25px; }
.hmBom_btn1{ font-size: 16px; line-height: 48px; height: 48px; width: 220px; }
.hmBom_btn2{ background: url(../images/tion.png) no-repeat 29px center; height: 48px; width: 220px; border: 1px solid #FFF; padding-left: 58px; margin-left: 16px; font: 18px/46px DINPro-Bold; }
}
@media (max-width:767px){
.hmBom_t1{font-size:26px; line-height:38px;}
.hmBom{padding:60px 15px;}
.hmBom_st{margin-top:18px;}
.hmBom_btn1{ font-size: 15px; line-height: 42px; height: 44px; width: 130px; }
.hmBom_btn1:hover{transform:translateY(0px);}
.hmBom_btn2{ background: url(../images/tion.png) no-repeat 19px center; height: 44px; width: 160px; border: 1px solid #FFF; padding-left: 47px; margin-left: 12px; font:15px/42px DINPro-Bold; }
.hmBom_btn2:hover{transform:translateY(0px); }
.footWx{width:150px; display:block; float:none; margin:0 auto; clear:both}
.footWx img{width:120px; height:120px;}
.footWx p{margin-top:15px;}
.footerTop dl dd{line-height:32px; height:32px;}
.footerTop{padding-bottom:30px;}
.footerBottom{font-size:12px; line-height:22px;}
}


@media (max-width:767px){

.footer{padding-bottom:60px;}
}
