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

.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: #1276ba;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;}

@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; }
.hmFocus_doc{bottom:40px;}
}

@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%;}
.hmFocus_doc ul li{padding:0 5px;}
.hmFocus_doc{bottom:25px;}

}


/*标题*/
.plate1-top { width: 100%; z-index: 9; margin-bottom:0.5rem;}
.plate1-top .top-title { font-size: 0.48rem; line-height:1.5;font-weight: bold; text-align: center; color: #333;}
.plate1-top .top-heng { width:1rem; height:3px;margin: 0.1rem auto 0; border-radius: 0.5rem; background: #797979;}
.plate1-top .top-more { text-align:center; margin-top:20px;}
.plate1-top .top-more a { display: inline-block; font-size: 16px; color: rgb(0 0 0 / 76%);}


/*******关于我们***********/
.index_about_bg { padding:0.8rem 0px; background:url(../images/index_about_bg.jpg) bottom center no-repeat; background-size:cover;}

.aboutitem{width:100%;transition:all 0.5s ease-in-out;position:relative;background: rgba(255 ,255 ,255 , 0.75); padding:0.5rem 20px;max-width: 1180px;margin: 0 auto;margin-top: 1.2rem;}
.aboutitem li{ width:49%; background:url(../images/line.png) left top no-repeat; padding:0.3rem 20px;}
.aboutitem li .number{ display:inline-block; color:#036eb8; font-size:1rem; font-weight:bold; width:50%; }
.aboutitem li .number .unit{font-size:0.8rem;}
.aboutitem li .title{ display:inline-block; color:#6b6a6a; font-size:18px;font-family: 'SOURCEHANSANSCN-MEDIUM';}

/*****

**产品***********/
.index_product { position:relative; padding:0.8rem 0px;}

.proTxtDes{position:absolute; left:0; width:100%; top:15%; z-index:5; color:#000;}
.proTxtDes_t1 {font-size: 0.48rem;line-height: 1.8;font-weight: bold;color: #272727;}
.proTxtDes_en {font-size: 0.24rem;line-height: 1.5;margin-bottom: 0.2rem;color: rgb(5 5 3 / 33%); position:relative;padding-left:15px;}
.proTxtDes_en:after { content: ""; display: block;width: 5px;height: 100%;background-color: #036eb8;position: absolute;left: 0;top: 0;}


.proTxtDes_p1 { font-size: 16px; line-height:1.8; margin-bottom: 0.4rem; width:40%;}

.index_product_list{ border:1px solid #dddee0;  align-items: end;}
.gallery-thumbs{ float:right; width:35%; box-sizing: border-box; margin: 0.6rem 5%; padding:0px 30px;}
.gallery-thumbs .swiper-slide {  opacity: 0.4; }
.gallery-thumbs .swiper-slide-active { opacity: 1; }
.gallery-thumbs .btn-name { text-align:center;font-size:0.28rem; font-family:Impact;line-height: 2; color: #000;}
.gallery-top{ float:right; width:55%; border:0.35rem solid #dddee0;}
.gallery-top img{width:100%; vertical-align:middle;}

.gallery-top .btn-name {  position: absolute; top: 50%; left: 50%;  transform: translate3d(-50%,-50%,0); -webkit-transform: translate3d(-50%,-50%,0); 
 color: #fff;cursor: pointer; 
font-size:0.48rem; 
font-family:Impact;line-height: 2.5;
    padding: 5px 10px;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;}

/********360quanjing********/
.index_phone_bg {position: relative; overflow:hidden; width:100%;}
.index_phone_bg img{ width:100%;}
.index_phone_bg iframe { position: absolute;  top:0;left: 0;  width: 100%;z-index: 2; height: 100%;}

.index_phone_box{ position: absolute; z-index: 3; width:100%; top: 50%; left: 50%; transform: translate3d(-50%,-50%,0);  -webkit-transform: translate3d(-50%,-50%,0); text-align:center;color: #fff;cursor: pointer;}
.index_phone_box .index_phone_t1 { font-size:0.7rem; line-height:1.5; font-family:impact;}
.index_phone_box .index_phone_p1 { font-size:0.48rem; line-height:1.5;}


/* 宣传片 */
.video-section{
    position: relative;
    text-align: center;
    overflow: hidden;
}
.video-section .btn-video{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0);
    -webkit-transform: translate3d(-50%,-50%,0);
    color: #fff;
    cursor: pointer;
    font-size: var(--size-18);
}
.video-section .icon-video{
    background: url("../images/icon-video-play.png") no-repeat center;
    width: 80px;
    height: 80px;
    margin: 1.05vw 0;
    display: inline-block;
    position: relative;
}

.video-section .icon-video::after{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all .65s ease;
    -webkit-transition: all .65s ease;
    background: url("../images/icon-video-bg.png") no-repeat center;
    background-size: cover;
}

.video-section img{
    transition: all .7s ease;
}
.video-section:hover img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);

}

.video-section .icon-video:hover::after{
    transform: rotate(40deg);
    -webkit-transform: rotate(40deg);

}
.video-wrap{
    display: none;
}
.video-wrap .bg,
.video-wrap{
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
}

.video-wrap .bg{
    background: rgba(0, 0, 0, .5);
    z-index: 2;
}

.video-wrap video{
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 100;
    transform: translate3d(-50%,-50%,0);
    -webkit-transform: translate3d(-50%,-50%,0);
    max-height: 80vh;
    max-width: 75vw;
}
.video-wrap .btn-close{
    position: absolute;
    right: 24px;
    top: 30px;
    z-index: 100;
    cursor: pointer;
}   

.video-wrap .btn-close .layui-icon{
    font-size: 24px;
    background: #fff;
    border-radius: 50%;
    color: #000;font-style: normal;
    padding: 8px;
    font-weight: bold;
    border: 0;
    transition: all .35s ease;
    -webkit-transition: all .35s ease;
}

.video-wrap .btn-close:hover .layui-icon{
    color: #082da5;
    box-shadow: 0 0 10px rgba(255, 255, 255, .7)
}




/*******技术优势***********/
.index_technique { position:relative; padding:0.8rem 0px;background:url(../images/index_technique_bg.jpg) top center no-repeat;}

.index_technique .box .item {width: 16.6666%;box-sizing: border-box; border-left:1px solid #fff;transition: 0.4s; position: relative;text-align: center; background:#f1f2f3;}
.index_technique .box .item .img {width: 100%; height: 100%; overflow:hidden;}
.index_technique .box .item .img img { 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);}
.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);}


@media screen and (max-width: 768px) {
 .index_technique .box .item {width: 33.333333%;}
}
/*******新闻中心***********/
.index_news_bg { position:relative; padding:0.8rem 0px; background:#f4f4f4;}


.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 15px 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:#036eb8;}
.mc_e1_lisbox:hover .mc_e1_txt,.mc_e1_lisbox:hover .mc_e1_date{color:#fff;}


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