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

@charset "UTF-8";
.index_section1{height:70vh; position:relative;}
.hmFocus{ height:70vh; background:#093977;}
.hmFocus_item { height: 70vh; 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.1); transform:scale(1.1); }
.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.3);}
.active .hmFs_bg{ visibility: visible; -webkit: 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; left:0; width:100%; top:50%; transform:translateY(-50%); z-index:5; color:#fff;}
.hmTxtDes2_t1 { font-size:36px; line-height:1.5; margin-bottom: 40px; font-weight: bold; text-transform:uppercase;max-width:945px; transition:all 0.8s ease-in-out; opacity:0; transform:translate(180px,0px) }
.hmTxtDes2_p1 { font-size:46px; line-height:1.5; font-weight: 100; margin-bottom: 45px; max-width: 945px;  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: #C61634; 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:80vh; 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;}


.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;}


.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){
.hmTxtDes2_t1 { font-size:26px;}
.hmTxtDes2_p1 { font-size:36px;} 

}

@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;}
.hmTxtDes2_t1 { font-size:20px;}
.hmTxtDes2_p1 { font-size:30px;} 


}


/**********行业应用***********/
.index_hang_bg{position:relative; padding:80px 0px 60px;background: rgb(238, 238, 238) url(../images/grey_bg.jpg) left bottom no-repeat;background-size: contain;}
.index_hang_box{ position:relative; padding-bottom:130px;}

.hmc2m { position: absolute; bottom:0; left:0px;line-height: 44px; height: 44px;  padding-left: 14px; display: inline-block; letter-spacing: 1px; }
.hmc2m span { font-size: 16px; color: #005aac; display: inline-block; position: relative; z-index: 2; transition: all 0.5s ease-in-out; }
.hmc2m i { height: 44px; width: 44px; position: absolute; left: 0px; top: 0px; display: block; transition: all 0.5s ease-in-out; }
.hmc2m i:after { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border-radius: 50%; border: 1px dashed #005aac; }
.hmc2m:hover i:after { animation: rotate 8s linear infinite; }
.hmc2m:hover i { transform: scale(1.3); }
.hmc2m:hover span { transform: translateX(5px); }

.index_hang_box .swiper-pagination-progress {width: 100%; height: 4px;left: 0;top: auto;bottom:80px;}
.index_hang_box .swiper-pagination-progress .swiper-pagination-progressbar {background: #005aac;}
.index_hang_box .swiper-button-prev { background: url(../images/more_i.png) no-repeat center center; display: inline-block; height: 40px; width: 40px; position: absolute; top:auto; left:auto; right:60px; bottom: 0px;  overflow: hidden; cursor: pointer; z-index: 3; border: 1px dashed #005aac; border-radius: 50%; transform: rotate(180deg); transition: all 0.5s ease-in-out;}
.index_hang_box .swiper-button-next { background: url(../images/more_i.png) no-repeat center center; display: inline-block; height: 40px; width: 40px; position: absolute; top:auto; right:0px; bottom: 0px;overflow: hidden; cursor: pointer; z-index: 3; border: 1px dashed #005aac; border-radius: 50%; transition: all 0.5s ease-in-out;}


.hmBox { }
.hmBox .overflowHide{width:50%;height: 330px;background: #fff;}
.hmBox .overflowHide .bgImg { opacity: 1; transition: all 0.5s ease-in-out; }

.hmBox .hmRtxt{ width:calc( 50% - 50px);}
.hmBox .hmRtxt .item_before{width:100%;padding:0px 0px 30px;-webkit-transition:all 0.5s;transition:all 0.5s}
.hmRtxt .item_before .txt{color:#005aac;}
.hmRtxt .item_before .txt b{font-weight: normal;display: inline-block; font-size: 22px; background: #005aac; color: #fff; border-radius:5px;padding:8px 24px; margin-bottom: 5px;}
.hmRtxt .item_before .txt .t{color:#005aac;display:block;font-size:14px;}

.hmRtxt .item_before .icon{width:65px;height:65px; text-align:center;}
.hmRtxt .item_before .icon img{ transform:scale(0.9);}
.hmBox:hover .hmRtxt .item_before .icon img{ transform:scale(1);}

.hmRtxt strong{position:relative;font-size:19px;line-height:1.2;display:block;font-weight: bold;color: #005aac;padding-left: 10px;}
.hmRtxt strong:after {content: "";width: 3px;height: 100%;background: #005aac;position: absolute;left: 0;bottom: 0;}
.hmRtxt p { font-size: 16px; line-height: 1.7; color: #444; margin-top: 20px; overflow: hidden;  transition: all 0.5s ease-in-out; opacity: 0 }
.index_hang_box .swiper-slide-active .hmRtxt p {opacity: 1;}


@media (max-width: 767px){
.index_hang_bg {padding: 40px 0px 40px;}
.hmBox .overflowHide{width:100%;height: 160px;background: #fff;}
.hmBox .hmRtxt{width:100%; margin-top:30px;}
}



/**********************/
.index_about_bg{ padding:40px 0px 40px; background:url(../images/index_about_bg.png) center center no-repeat;}

.index_about_box .swiper-container{ padding:30px 15px 50px; margin-left: -15px;margin-right: -15px;}
.index_about_box .swiper-slide:first-child  .mask-box:before {content: '';position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 0;background:url(../images/pro_img1.png) center center no-repeat;background-size: cover;}
.index_about_box .swiper-slide:nth-child(2) .mask-box:before { content: ''; position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 0;background:url(../images/pro_img2.png) center center no-repeat;background-size: cover;}
.index_about_box .swiper-slide:nth-child(3) .mask-box:before { content: ''; position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 0;background:url(../images/pro_img3.png) center center no-repeat;background-size: cover;}

.index_about_box .mask-box { text-align: center;overflow: hidden;box-shadow: 2px 2px 14px rgba(0, 0, 0, 0.4); padding: 100px 40px 40px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; z-index: 6;}




.index_about_box  h3 {font-size: 23px; line-height:1;font-weight: 600; color:#005aac;}
.index_about_box .en {position: relative;line-height:3;font-size: 15px;font-weight: 600;color:#005aac;text-transform: uppercase; margin-top:10px;}
.index_about_box .en::before {content: '';position: absolute; bottom: 0; left:50%;height: 2px;width: 50px;background-color:#005aac;margin-left: -25px;}
.index_about_box  .more { position:relative; z-index:2; display:inline-block; font-size: 12px; color:#000; font-weight:bold; margin-top:80px;transition:all .3s}
.index_about_box .more:hover { color:#005aac;transform:translateY(-3px);}


.index_about_box  .p {position: relative;color:#000;margin-top:10px;padding-top:30px;min-height: 156px;transition:all .3s;}
.index_about_box .p-box {line-height:2.5;font-size: 15px; border-bottom:1px dashed #000; max-width:170px; margin:0 auto;transition:all .3s; margin-bottom:5px;}

.index_about_box .p-box:hover{transform:translateY(-5px);}


.index_about_box .swiper-pagination{ display:none;}
@media (max-width:767px){
.index_about_box .swiper-pagination{ display:block;}
}