/* common */

.more-btn{width: 1.8rem; height: .52rem;border-radius: .26rem; padding: 0 .18rem 0 .24rem; color: #fff;align-items: center; justify-content: space-between; display: flex; background: linear-gradient( 270deg, #3369A7 0%, #17386E 100%);}
.more-btn .more-icon{width: .16rem; height: .16rem;}


.more-border-white{border: 1px solid #FFFFFF;}

.ind-title{font-size: .48rem;font-weight: bold;}

.ind-p1{font-size: .24rem; font-weight: 600; } 

/* .ind-p2{font-size: .18rem;  }  */



 .myswiperbtn{color: #999; width: .48rem !important; height: .48rem; border-radius: 50%; border: 1px solid #FFFFFF;}

.myswiperbtn.swiper-button-prev::after,.myswiperbtn.swiper-button-next::after{content: '' ;}
.myswiperbtn  img{width: .2rem; height: 0.2rem;}
.myswiperbtn.swiper-button-prev img{transform: rotate(180deg);}
.myswiperbtn  img:nth-child(2){display: block;}
.myswiperbtn  img:nth-child(1){display: none;}

.swiper-horizontal > .swiper-scrollbar{height: 2px !important;}
.my-swiper-scrollbar .swiper-scrollbar-drag{background: #17386E;}
.myswiperbtn.bgblue {border: 1px solid #97A1B1 !important;}

.pro-list{position: relative; z-index: 5;}
.pro-list .row >div{margin-bottom: .24rem;}
.pro-list .item{overflow: hidden; display: block; height: 100%; }
.pro-list .item .title{color: #17386E;}
.pro-list .item-img{padding: .5rem .63rem 0; height: 3.06rem; width: 100%; overflow: hidden; }
.pro-list .btn-groups{margin-top: .24rem;margin-bottom: .46rem;}
.pro-list .btn-groups .btn{
    padding: .12rem .28rem;
    background: #FFFFFF;
    border-radius: .24rem;
    border: 1px solid #DDDDDD;
    cursor: pointer;
}
.pro-list .btn-groups .btn .btn-img{width: .2rem; height: .2rem; margin-right: .09rem; overflow: hidden;}
.pro-list .btn-groups .btn .btn-img img{width: .2rem;height: .2rem;}
.pro-list .btn-groups .btn .btn-img img:nth-child(1){display: none;}
.pro-list .btn-groups .btn .btn-img img:nth-child(2){display: block;}
.pro-list .btn-groups .btn:nth-child(1){
    margin-right: .24rem;
}

.pro-list  .item-txt .en-title{line-height: .4rem; height: .8rem; overflow: hidden;}
.ind-banner {height: 100vh;}
.ind-banner  .ind-banner-swiper,.ind-banner  .ind-banner-swiper .bannerSwiper { height: 100%;}

.ind-banner-txt{left: 0; right: 0; bottom: 0; top: 45%; color: #FFFFFF; }

.ind-banner-txt  .ind-ban-t {font-size: 0.54rem; }


.ind-banner-txt  .ind-ban-morebtn { position: relative; z-index: 5; border: 1px solid #FFFFFF; padding: 0 0.54rem; display: inline-block; border-radius: 0.08rem; height: 0.52rem; line-height: calc(0.52rem - 2px); text-align: center; color: #FFFFFF; font-size: 0.18rem;  }

.ind-banner-txt  .ind-ban-morebtn::after{ border-radius: 0.08rem; z-index: -1; overflow: hidden; transition: width .36s; position: absolute; content: ''; left: 0; top: 0; width: 0; height: 100%; background: #4F84FF;}

.bannerSwiper .swiper-slide.swiper-slide-active .ind-banner-txt .ind-ban-t.t1{

    animation: myfadeInUp .5s ease-in-out both;

    animation-delay: 0.2s;

}

.bannerSwiper .swiper-slide.swiper-slide-active .ind-banner-txt .ind-ban-t.t2{

    animation: myfadeInUp .5s ease-in-out both;

    animation-delay: 0.4s;

}

.bannerSwiper .swiper-slide.swiper-slide-active .ind-banner-txt .ind-ban-morebtn{

    animation: myfadeInUp .5s ease-in-out both;

    animation-delay: 0.4s;

}

.bannerSwiper .swiper-button-prev:after,.bannerSwiper  .swiper-button-next:after{font-size: 0.22rem; font-weight: 600;}

.ind-banner-bottom{z-index: 2; position: absolute; left: 30px; right: 30px; bottom: 0.50rem;}
.ind-banner-bottom .swiper-button-prev,
.ind-banner-bottom .swiper-button-next{position: relative;color: #fff;margin-top:unset; left: unset; right: unset;}
.ind-banner-bottom .swiper-pagination{position: relative;  width: unset; bottom: unset; margin:  0 0.44rem;}
.ind-banner .swiper-pagination .swiper-pagination-bullet{width: 24px; height: 24px; overflow: hidden; position: relative; background: transparent; margin: 0 0.15rem; opacity: 1;}
.ind-banner .swiper-pagination .swiper-pagination-bullet:before{content: ""; position: absolute; width: 10px; height: 10px; left: 50%; top: 50%; transform: translate(-50%,-50%); background: rgba(255,255,255,0.5); border-radius: 50%;}
.ind-banner .swiper-pagination span.swiper-pagination-bullet-active:before{opacity: 0;} 
.ind-banner .swiper-pagination .ui-loop .svg { 
    transform: rotate(-90deg);
    opacity: 0;
}
.ind-banner .swiper-pagination .swiper-pagination-bullet-active  .ui-loop .svg{opacity: 1;}
.ind-banner .swiper-pagination .swiper-pagination-bullet-active .svg .progress {    animation: rotate  45s linear ;}

@keyframes rotate {    

    from {        

        stroke-dashoffset: 400px;    

    }    

    to {        

        stroke-dashoffset: 0px;    

    }

}

@keyframes donut-spin {

    0% {

      transform: rotate(0deg);

    }

  

    100% {

      transform: rotate(360deg);

    }

 }

 .my_swiper-button{width: 0.48rem; height: 0.48rem; border-radius: 50%; background: #FFFFFF;}

 .my_swiper-button-prev{width: 0.48rem; height: 0.48rem; border-radius: 50%; background: #FFFFFF;}



/* 首页 */

.ind-banner-swiper,.ind-banner-silde {

    height: 100%;

}

.ind2{
    background: url(../images/ind-bg1.jpg) no-repeat; background-size: 100% 100%; padding: 0 0 0 12.625%;
    /* padding: 0 0  0 12.5vw; 
    min-height: 9.5rem;*/overflow: hidden;

}
.ind2 .row-flex >div{margin-bottom: 0 ;}
.ind2-right{ position: relative; text-align: right;}
.ind2-right-img{display: inline-block; position: relative; }
.play-icon{ cursor: pointer; left: 50%; top: 50%; transform: translate(-50%,-50%); width: .8rem; height: .8rem;  animation: myrotate 1.1s linear infinite;}

.ind2-left{padding-right: .4rem; padding-top: 4.7vw;}
.ind2-left .ind-title{ color: #222; margin-bottom: .34rem;}
.ind2-left .ind-p2{line-height: .34rem; color: #999;}
.ind2-left .more-btn {margin-top: 2.8vw; margin-bottom: 5.5vw;}
.ind2-left .list{margin-top: .3rem;}

 .num-list .item{ width: 33.3333%; padding-right: 10px; margin-bottom: .3rem;color: #333333;font-size: .16rem;}
 .num-list .item img{width: .48rem; height: .48rem;}
 .num-list .item .item-l1{display: flex; align-items: baseline;font-size: .48rem;  font-weight: bold;color: #17386E;margin-top: 4px; }

 .num-list .item .item-l1 samp{font-size: .24rem;font-weight: 400;}

 .num-list .item .item-l2{margin-top: 7px;color: #3A3A3A;}


.ind3{ min-height: 10.08rem; padding-top: .8rem; padding-left: 12.625%;}
.ind3-swiper{padding: .4rem 0 0 0; }
.ind3-swiper .ind3-swiper-slide{min-height: 7.2rem; display: block;}
.ind3-swiper  .ind3-slide-txt{position: absolute;left: .35rem;right: .35rem;bottom: .83rem ; display: flex;flex-direction: column; align-items: center;  }
.ind3-swiper  .ind3-slide-txt .ind3-icon{width: .72rem; height: .72rem;}
.ind3-swiper  .ind3-slide-txt .ind3-title{margin-top: .27rem;margin-bottom: .2rem;}
.ind3-en-title{line-height: .29rem; height: 0.87rem; overflow: hidden;}
.ind3-swiper  .ind3-slide-txt .ind3-desc{line-height: .3rem; height: 0; overflow: hidden;  transition: height .36s;}
.ind3-swiper .ind3-swiper-slide:hover .ind3-slide-txt .ind3-desc{height:1.8rem;}

.ind3-swiper .myswiperbtn.bgwhite.swiper-button-prev{left: -.88rem;border: 1px solid #97A1B1;}
.ind3-swiper .myswiperbtn.bgwhite.swiper-button-next{right: 9.2%;border: 1px solid #97A1B1;}

.ind4{ padding: .98rem 0 0.5rem ; position: relative;min-height: 10.23rem; background: url(../images/ind-bg2.jpg) no-repeat; background-size: 100% 100%;}
.ind4  .container{position: relative; z-index: 5;}
.ind4 .tab-list{ right: 0; right: 0; top: 0; width: 5.18rem; z-index: 10;}
.ind4 .tab-list  .tab-item:nth-child(1),.ind4 .tab-list  .tab-item:nth-child(2),.ind4 .tab-list  .tab-item:nth-child(3){transform: translate(-1.72rem);}
.tab-list .tab-item{background: linear-gradient( 180deg, #FFFFFF 0%, rgba(255,255,255,0.6) 100%);
    border-radius: .08rem; width: 1.56rem; padding: .16rem .15rem;  text-align: center; margin-right: .16rem; margin-bottom: .16rem; cursor: pointer;}

.tab-list .tab-item .item-img{width: .6rem; height: .6rem; overflow: hidden; position: relative; margin:0 auto 0.09rem;}
.tab-list .tab-item .item-img img{width: .6rem; height: .6rem; position: absolute;left: 0;top: 0;}
.tab-list .tab-item .item-img img:nth-child(1){opacity: 1;}
.tab-list .tab-item .item-img img:nth-child(2){opacity: 0;}
.tab-list  .tab-item.on,.tab-list  .tab-item:hover{background: linear-gradient( 225deg, #3369A7 0%, #17386E 100%); color: #fff;}
.tab-list .tab-item.on .item-img img:nth-child(1),.tab-list .tab-item:hover .item-img img:nth-child(1){opacity: 0;}
.tab-list .tab-item.on .item-img img:nth-child(2),.tab-list .tab-item:hover .item-img img:nth-child(2){opacity: 1;}

.ind4 .ind4-content{ width: 100%; margin-top: 5vw;  }
.ind4 .ind4-content .ind4-content-l {width: 26%; padding-right: .5rem; padding-top: 7vw;}
.ind4 .ind4-content .ind4-content-r {width: 74%;}

.ind4-content .more-btn{margin-top: .93rem;}
.ind4 .ind4-content .ind4-content-l .ind-title{font-size: .64rem; color: #17386E; margin-bottom: .34rem;}
.ind4 .ind4-content .ind4-content-l .ind4-desc{line-height: 28px;}
.ind4 .ind4-content .bg-circle-box{width: 7rem; height: 7rem; position: relative; }
.ind4-tab-content .myswiperbtn.swiper-button-prev{ left: unset; right: calc(10px + .48rem + .28rem);}
.ind4-tab-content .myswiperbtn.swiper-button-prev,.ind4-tab-content .myswiperbtn.swiper-button-next{top: 90%;}
.ind4 .ind4-content .bg-circle{position: absolute; width: 5.4rem;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.ind4 .ind4-content .bg-circle img{width: 5.4rem; height: 5.4rem;}
.ind4 .ind4-content .pro{position: absolute;left: 0;right: 0;top: 0;bottom: 0; overflow: hidden;}

/* 首页科研及设备 */
.ind5{padding: 5.3vw 0 .6rem; position: relative;  background: url(../images/ind-bg3.jpg) no-repeat; background-size: 100% 100%;}

.ind5 .container{position: relative; z-index: 10; }
.ind5 .ind-title .introduce{font-size: .15rem; flex: 1; font-weight: 400; max-width: calc(100% - 45% ); line-height: .29rem; padding-right: .6rem; }
.ind5 .ind-title .introduce .more-btn{margin-top: .4rem; background: #FFFFFF; color: #3A3A3A;}
.ind5 .ind-title .introduce .more-btn   img:nth-child(1){display: block;}
.ind5 .ind-title .introduce .more-btn   img:nth-child(2){display: none;}
.ind5-swiper{ padding-left: 12.625%; padding-top: .5rem;}

.ind5-swiper .ind5-swiper-slide{ padding-top: .53rem; overflow: hidden; cursor: pointer;}
.ind5-swiper .ind5-swiper-slide .ind5-item-img{height: 5.64rem; overflow: hidden; }
.ind5-swiper .ind5-swiper-slide .item-txt{position: absolute;z-index: 2;height: 1.36rem;color: #FFFFFF;left: 0;right: 0;bottom: 0;padding: .45rem .6rem;
    background: linear-gradient( 180deg, rgba(23,56,110,0) 0%, rgba(23,56,110,0.8) 100%);}
.ind5 .item-num{position: absolute;left: .52rem; top: 0; font-size: .8rem; color: #fff; margin-top: -10px;}
.ind5-swiper .swiper-wrapper{padding-bottom: 1.4rem; position: relative;}

.ind5-swiper .swiper-pagination{background: rgba(255, 255, 255,.3); width: calc(100vw - 12.625% - 12.625%); height: 2px;}

.ind5-swiper .swiper-horizontal > .swiper-scrollbar{background: rgba(255, 255, 255,.3); width: calc(100vw - 12.625% - 12.625%);}
.ind5-swiper .my-swiper-scrollbar .swiper-scrollbar-drag{background: rgba(255, 255, 255,1);}
.ind5-swiper .swiper-pagination-custom{display: flex;bottom: .5rem; position: relative;}
.ind5-swiper .swiper-pagination-custom::before{position: absolute;content: '';top: 50%; left: 0;width: .2rem; height: .2rem; border-radius: 50%; transform: translate(.1rem,-50%); background: #fff; z-index: 2;}
.ind5-swiper .swiper-pagination-custom::after{position: absolute;content: '';top: 50%; left: 0;width: .4rem; height: .4rem;border-radius: 50%; transform: translate(0,-50%);  border: 1px solid #fff; z-index: 3;}
.ind5-swiper .swiper-pagination-custom span{flex: 1;height: 100%; position: relative; }
.ind5-swiper .swiper-pagination-custom span::after{position: absolute; content: ''; opacity: 0; right: 0; top: 50%; transform: translate(0,-50%); width: .1rem; height: .1rem; border-radius: 50%;background: #FFFFFF;}
.ind5-swiper .swiper-pagination-custom span.on{background: rgba(255, 255, 255,1);}
.ind5-swiper .swiper-pagination-custom span.on::after{opacity: 1;}


.ind5-swiper::after{
    position: absolute;
    content: '';
    width: 12.7%;
    left: 0;
    bottom: 0.5rem;
    height: 2px ; background: rgba(255, 255, 255,1);
}



.ind6 {background: #F5F5F7; padding: 1rem 0 .76rem;}
.ind6 .ind6-swiper{
    margin-top: .5rem;
    padding-left: 12.625%;
    padding-bottom: 1rem;
}
.ind6 .ind6-swiper .ind6-swiper-slide{
    background: #FFFFFF;
    border: 1px solid #E9E9E9;
    padding: .16rem;
    display: block;
}
.ind6 .ind6-swiper .ind6-swiper-slide .item-img{
    height: 2.54rem;
    overflow: hidden;
}
.ind6-swiper-slide .item-title{
    margin: .16rem .08rem .14rem; height: 56px; line-height: 28px;
}
.ind6-swiper-slide .item-desc{
    margin: 0 0.08rem .32rem; line-height: .21rem; height: .42rem;
}
.item-bottom {
    border-top: 2px solid #EAEAEA;
    padding: .18rem .08rem .1rem;
}
.ind6-swiper-slide .item-bottom span{
    color: #7C8085;
}
.ind6 .ind6-swiper .swiper-wrapper {padding-bottom: .65rem;}
.ind6-btn-group{  position: absolute; left: 12.625%; right: 12.625%; height: .6rem; top: 91%;}
.ind6-btn-group .swiper-button-next{ right: 0;}
.ind6-btn-group .swiper-button-prev{ left: unset; right: calc(.48rem + .36rem );}
.ind6-swiper .swiper-horizontal > .swiper-scrollbar{width: calc(98% - 12.625%);}
/* .ind5-swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #CA3935;} */
/* 内页大图 */

.inner-banner{position: relative; margin-top: .9rem; }  

.inner-banner >img{width: 100%;}

.inner-ban-txt{ left: 0; right: 0; top: 50%; transform: translateY(-50%);   z-index: 2; }
.inner-ban-txt .big{ text-shadow: 0px 8px 17px rgba(0,0,0,0.5);}
.bgwhite{background-color: #fff;}

.bggray{background: #F5F5F7;}

/* 内页二级目录 */

.sub-menu{ left: 0 ; right: 0; z-index: 10; bottom: 0;transform: translateY(0.6rem);}

.sub-menu-box {width: 100%;  height: 1.2rem;}

.sub-menu-list{width: 100%; height: 100%; font-size: 0; }

.sub-menu-list .swiper-slide:not(:last-child)::after{position: absolute; content: ''; width: 1px; height: 40%; top: 30%; right: 0; background-color: rgba(255, 255, 255,.3);}
.sub-menu-list .swiper-wrapper{align-items: stretch;}
.sub-menu-list .swiper-wrapper .swiper-slide{ height: unset;}
.sub-menu-list .item{position: relative;display: block;
     z-index: 8; 
     padding: .15rem;
     height: 100%;
     /* width: 2.2rem;  margin-right: .16rem; height: 1.2rem;*/
     overflow: hidden; border-radius: .08rem;  background: rgba(255, 255, 255,.9); border: 2px solid #E9E9E9;}

.sub-menu-list .item .item-img{ width: 0.6rem; height: 0.6rem;  z-index: 2; position: relative; margin:0 auto .11rem;}
.sub-menu-list .item .item-txt{ z-index: 2; position: relative;color: #17386E; text-align: center; }
.sub-menu-list .item .item-img img{width: 0.6rem; height: 0.6rem; }
.sub-menu-list .item .item-img img:nth-child(1){display: block ;}
.sub-menu-list .item .item-img img:nth-child(2){display: none;}

.sub-menu-list .item.on,.sub-menu-list .item:hover{background: linear-gradient( 225deg, #3369A7 0%, #17386E 100%);border: 2px solid transparent ; }
.sub-menu-list .item:hover .item-txt,.sub-menu-list .item.on .item-txt{color: #fff;}

.sub-menu-list .item:hover .item-img img:nth-child(1),.sub-menu-list .item.on .item-img img:nth-child(1){display: none;}
.sub-menu-list .item:hover .item-img img:nth-child(2),.sub-menu-list .item.on .item-img img:nth-child(2){display: block ;}
.sub-menu-list.small  .swiper-wrapper{justify-content: center;}
/* .sub-menu-list.small  .swiper-wrapper .swiper-slide{max-width: 2.2rem; margin-right: .16rem;} */
.sub-menu-list .myswiperbtn{background: #fff;}
.sub-menu-list .myswiperbtn.swiper-button-prev{left: calc(-.48rem - 20px);}
.sub-menu-list .myswiperbtn.swiper-button-next{right:calc(-.48rem - 20px);}


/* 新闻列表 */

.news-list{position: relative; z-index: 6; padding-top: .6rem;}

.news-list-main{padding:0  0 0.88rem;}

.news-list .item {

    display: block;

    border: 1px solid #E9E9E9;

     overflow: hidden;

}

.news-list .item  .item-img{ height: 2.86rem; padding: 0.16rem; overflow: hidden;}

.news-list .item  .item-txt{ padding: 0 0.24rem 0.2rem; background: #fff;}

.news-list .item  .item-txt .title{line-height: 0.32rem; height: 0.62rem; overflow: hidden; margin-top: 0.08rem; margin-bottom: 0.12rem;}

.news-list .item  .item-txt .txt{line-height: 0.24rem; height: 0.48rem; overflow: hidden;}

.news-list .item  .item-detail{position: relative; border-top: 1px solid #D8D8D8; margin-top: 0.23rem; padding-top: 0.2rem; color: #7C8085;}

.news-list .item  .item-detail::after{position: absolute; left: 0; width: 0; top: 0; height: 1px ; background: #17386E; content: ''; z-index: 2; transition: width .3s;}





.mypage{text-align: center; padding: 0.10rem 0.30rem 0.52rem;}

.mypage .pagination>li>a, .mypage .pagination>li>span{

    color: #30364C;font-size: 0.18rem;border-radius: .04rem;
    border: 1px solid #EEEEEE; margin: 0 0.1rem;padding: 0;

    display: block;width: 0.44rem; height: 0.44rem; text-align: center; line-height: 0.42rem;

}
.mypage .pagination>li>a .jiantou{ display: block; width: .14rem; height: .14rem;   border-top: 2px solid #30364C;border-right: 2px solid #30364C;}
.mypage .pagination>li>a .jiantou.left{transform: rotate(-135deg);margin-left: .18rem;margin-top: .15rem;}
.mypage .pagination>li>a .jiantou.right{transform: rotate(45deg);margin-left: .12rem;margin-top: .15rem;}
.mypage .pagination>li>a:hover,.mypage .pagination>.active>a,.mypage  .pagination>.active>a:focus,.mypage .pagination>.active>a:hover,.mypage  .pagination>.active>span,.mypage  .pagination>.active>span:focus,.mypage  .pagination>.active>span:hover{

    color: #fff !important; background-color: #17386E; 
}
.mypage .pagination>li>a:hover .jiantou,.mypage .pagination>.active>a .jiantou {border-top: 2px solid #fff;border-right: 2px solid #fff ;}
/* 新闻详情 */
.newsdel{
    padding: 1.62rem 0 1rem ;
}
.newsdel .container{padding: 0 4.2vw;}
.newsdel .newsdel-title{ border-bottom: 2px solid #D8D8D8;}
.newsdel-title .time{margin-top: .54rem; margin-bottom: .26rem;}
.newsdel .newsdel-content{padding: .51rem 0 1rem;}
.newsdel .newsdel-content *{font-size: 16px; color: #333; line-height: 28px;}
.newsdel .newsdel-content img{max-width: 100%;}
.newsdel .newsdel-btn{border-top: 2px solid #D8D8D8; padding: .24rem 0 ;}
.newsdel .newsdel-btn .newsdel-btn-item img{width: 20px; height: 20px;}
.newsdel .newsdel-btn .newsdel-btn-item:nth-child(1) img{transform: rotate(180deg); margin-right: 9px;}
.newsdel .newsdel-btn .newsdel-btn-item:nth-child(2) img{margin-right: 9px;}
.newsdel .newsdel-btn .newsdel-btn-item:nth-child(3) img{margin-left: 9px;}
/* 视频弹框 */

#video-pop{position: fixed;



    z-index: 1000;

  

    width: 100%;

  

    height: 100%;

  

    left: 0;

  

    top: 0;

  

    display: none;

  

    visibility: hidden;

  

    align-items: center;

  

    justify-content: center;

  

    opacity: 0;

  

    pointer-events: none;

  

    transform: translateZ(0);

  

    transition: all 0.3s ease-in-out;

  

    -webkit-transition: all 0.3s ease-in-out;

  

    -moz-transition: all 0.3s ease-in-out;

  

    -o-transition: all 0.3s ease-in-out;

  

    -ms-transition: all 0.3s ease-in-out;}

#video-pop.on {



    opacity: 1;



    display: flex;



    pointer-events: auto;



    visibility: visible;



}



#video-pop .mask {



  position: absolute;



  width: 100%;



  height: 100%;



  top: 0;



  left: 0;



  background-color: rgba(0, 0, 0, 0.7);



}



#video-pop .con {



  padding: 1em;



  width: 64%;



  position: relative;



  transform: translate3d(0, 8px, 0);



  -webkit-transform: translate3d(0, 8px, 0);



  -moz-transform: translate3d(0, 8px, 0);



  -o-transform: translate3d(0, 8px, 0);



  -ms-transform: translate3d(0, 8px, 0);



  transition: all 0.5s ease-in-out;



  -webkit-transition: all 0.5s ease-in-out;



  -moz-transition: all 0.5s ease-in-out;



  -o-transition: all 0.5s ease-in-out;



  -ms-transition: all 0.5s ease-in-out;



  opacity: 0;



  background-color: #333;



}



#video-pop.on .con {



  transform: none;



  -webkit-transform: none;



  -moz-transform: none;



  -o-transform: none;



  -ms-transform: none;



  opacity: 1;



}



#video-pop .con .del_p {



  position: absolute;



  bottom: calc(100% + 5px);



  left: calc(100% + 5px);



   width: 0.3rem;



   height: 0.3rem;



   border: 1px solid #fff;



   border-radius: 50%;



   cursor: pointer;



}



#video-pop .con .del_p::after{content: 'x'; font-size: 0.3rem; color: #fff; position: absolute; left: 20%; top:-25%;}



.video-box {



  height: 70vh;



  overflow: hidden;



}



.video-box video{ object-fit: cover; height: 100%; width: 100%;}

/* 产品页 */

.pro-swiper .swiper-button-prev{left: -37px;}

.pro-swiper .swiper-button-next{right: -37px;}

.page-products{padding-top: 1.2rem; padding-bottom: 1rem; background: #f7f7f7;}
.pro-list .tab-list{margin-bottom: .48rem;}
.pro-list .tab-list a{padding: .1rem .28rem;background: #FFFFFF; margin-right: .2rem; margin-bottom: .2rem;}
.pro-list .tab-list a.active, .pro-list .tab-list a:hover{background: linear-gradient( 270deg, #3369A7 0%, #17386E 100%); color: #fff;}

/* 产品详情 */
.productsDetail-box{padding: 0.9rem 0;background: #F7F7F7; }
.productsDetail-box .prodel-top{padding: .29rem 9.9vw 1.1rem;background: #fff;}
.prodel-top-nav img{ width: .24rem; height: .24rem; margin-right: .2rem;}
.prodel-top-nav span{color: #9C9C9C; margin-right: .15rem;}
.prodel-top-nav span.active{color: #333;}
.prodel-top-pro{padding-top: .29rem;}
.prodel-top-pro .top-img{background: #F3F4F8; padding: .6rem; width: 50%;}
.prodel-top-pro  .top-txt{padding-left: 4vw;width: 49%; }
.top-txt-desc{ color: #333; line-height: 28px;}
.prodel-top-pro  .top-txt .title{color: #111111; font-size: .52rem; margin-bottom: .28rem;}
 .zixun-btn{
    color: #fff;width: 1.5rem;
    margin-top: .28rem;
    height: .48rem;cursor: pointer;
    background: linear-gradient( 270deg, #FFAB48 0%, #F37121 100%);
    border-radius: .24rem;}
 .zixun-btn > img{width: .2rem; height: .2rem; margin-right: .1rem;}
  .zixun-btn:hover{color: #fff;}
.prodel-contents{ color: #333; line-height: 28px;}
.prodel-contents .prodel-title{color: #17386E; margin-bottom: .4rem;}
.prodel-contents *{inherits: inherit;}
.prodel-contents img{max-width: 100%;}
.prodel-contents .container .section{ background: #fff; margin-top: .6rem; padding: .6rem .8rem;}
.row-pro > div{margin-bottom: .4rem;}
.row-pro .item{ background: rgba(255,255,255,0.9);
    border-radius: 4px;
    border: 2px solid #E9E9E9;
    backdrop-filter: blur(10px); height: 100%; padding: .3rem .32rem;}
.row-pro .item .item-title{ color: #111;}
.row-pro .item .item-title img{width: .32rem; height: .32rem; margin-right: .14rem;}

.row-pro .item .item-txt{padding: .18rem 0 ;}

/* 工程案例 */
.page-case{background: #F5F5F7; padding: 1.2rem 0 .6rem;}
.case-list .tab-list{margin-bottom: .48rem;}
.case-list .tab-list a{padding: .1rem .28rem;background: #FFFFFF; margin-right: .2rem; margin-bottom: .2rem;}
.case-list .tab-list a.active, .case-list .tab-list a:hover{background: linear-gradient( 270deg, #3369A7 0%, #17386E 100%); color: #fff;}
.case-example .item{background: #fff;  height: 100%; display: block;}
.case-example > div{margin-bottom: .48rem;}
.case-example .item .item-img{height: 2.74rem; overflow: hidden;}
.case-example .item .item-txt{display: flex;justify-content: center; align-items: center; padding: .19rem .2rem;}
.case-example .item .item-txt .title{line-height: 28px; height: 56px;}
/* 案例详情 */
.casedel{
    padding: .6rem 0;
}
.casedel .section{
    background: #fff;
    margin-bottom: .8rem;
}
.casedel .section.sec1{padding: .6rem;}
.casedel .section.sec1 .img-box{width: 92%;}
.case-txt .title{padding-bottom: .32rem; border-bottom: 1px solid #d8d8d8;}
.case-txt  .desc{padding: .32rem 0 0;}
.section.sec2{padding: .6rem .8rem;}
.section.sec2 .sec2-title{color: #17386E; margin-bottom: .4rem;}
.section.sec2  .sec2-content img{max-width: 100%; margin-top: .24rem;}
.sec3 .sec3-title{margin-bottom: .3rem;}

/* 工程案列- 质量保证 */
.case2{padding: .4rem 0 0; background: #F5F5F7; }
.case2 .section{padding: 5.25vw 0; background: #fff; }
.case2 .section .item{ position: relative; width: 100%;overflow: hidden; min-height: 5.4rem; }
.case2 .section .item .item-img{ position: absolute;width: 59%; right: 0; top: 0; bottom: 0;overflow: hidden;}
.case2 .section .item .item-txt{ width: 41%; padding-right: 4.2vw; }
.case2 .section .item .item-txt .title-big{ margin-bottom: .44rem; margin-top: .3rem;}
.case2 .section .item .item-txt .title-small{ margin-bottom: .16rem;color: #17386E;}
.case2 .section .item .item-txt .title-small >img{ width: .32rem; height: .32rem; margin-right: .16rem;}
.case2 .section .item .item-txt .item-desc{ line-height: 28px; margin-bottom: .36rem;}
.case2 .section.img-left {background: #F5F5F7; }
.case2 .section.img-left .item .item-txt {margin-left: 59%; padding-left: 4.2vw; padding-right: 0;}
.case2 .section.img-left .item-img{left: 0; right: unset;}
/* 科研设备 */
.eq-sec1{background: url(../images/equipment-bg1.png) no-repeat; background-size: 100% 100%; padding: .8rem 0;}
.eq-sec1 .eq-title{margin-bottom: .49rem;}

.eq-sec2{padding: .9rem 0 .46rem;}
.eq-sec2 .eq-title{margin-bottom: .7rem;}
.eq2-swiper .eq2-slide .eq2-slide-img{height: 5.09rem; width: 100%; background: #F3F4F8; padding: .4rem .6rem; }
.routine-swiper .myswiper-pagination.swiper-pagination ,.performance-swiper .myswiper-pagination.swiper-pagination{width: 30%;color: #17386E; font-size: .2rem;}
.routine-swiper .swiper-pagination-current,.performance-swiper  .swiper-pagination-current{font-size: .36rem;}
.eq2-slide-txt{padding: .19rem .6rem; opacity: 0;}
.eq2-slide-txt .eq2-slide-title{margin-bottom: .13rem;}
.eq2-swiper  .swiper-slide.swiper-slide-active .eq2-slide-txt{opacity: 1;} 
.routine-swiper  .swiper-wrapper,.performance-swiper  .swiper-wrapper{padding-bottom: 1rem;}
.routine-swiper .swiper-scrollbar, .performance-swiper .swiper-scrollbar{width: 30%; left: unset; right: 12.625%;}
.eq-sec3{padding: .46rem 0 1.2rem;}
/* 合作项目 */
.inner-banner .sub-btn{ margin:17% auto 0; color: #fff;}
.co-sec1{padding: .8rem 0 .4rem;}
.co-sec1 .co-title-small{margin-top: .11rem; margin-bottom: .47rem;}
.co-sec1 .row-flex > div{margin-bottom: .48rem;}
.co-sec1 .item{border-radius: .04rem; border: 2px solid #E9E9E9; padding: .4rem 2vw; text-align: center; }
.co-sec1 .item .item-icon{width: .72rem; height: .72rem; margin:0  auto .34rem;}
.co-sec1 .item .title{margin-bottom: .18rem;}
.co-sec2{background: url(../images/cooperation-bg1.png) no-repeat; background-size: 100% 100%; padding: .78rem 0 .48rem;}
.co-sec3{padding: .8rem 0 .6rem;}
.co-sec3 .co-title,.co-sec4 .co-title{margin-bottom: .4rem;}
.co-sec3 .item{background: linear-gradient( 180deg, #F5F9FD 0%, #E8F0FA 100%); padding: .54rem 2.5vw; border-radius: 4px;}
.co-sec3 .item .item-icon{width: 1.16rem; height: 1.16rem; }
.co-sec3 .item .item-txt{flex: 1; padding-left: .56rem; padding-right: .06rem;}
.co-sec3 .item .item-txt .title{margin-bottom: .24rem;}
.co-sec4 {padding: .8rem 0 .6rem;}
.co-sec4 .item{background: #FFFFFF; border-radius: 4px; padding: .48rem 2.7vw .37rem; text-align: center;}

.co-sec4 .item .item-icon{width: .72rem; height: .72rem; margin:0  auto .29rem;}
.co-sec4 .item .title{margin-bottom: .16rem;}
.co-sec4 .item .desc{line-height: .32rem;}

.co-sec5{padding: .8rem 0 0;}
.co-sec5 .co-title{margin-bottom: .5rem;}
.co-sec5 .co-sec5-list .item{width: 25%; position: relative; margin-bottom: .66rem;}
.co-sec5 .co-sec5-list .item::after{
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 0.67rem;
    height: 1px;
    border-bottom: 2px dashed #A5B0C3;
    transform: translate(50% , 0);
    z-index: 2;
}

.co-sec5 .co-sec5-list .item .circle{
    position: relative;z-index: 5;
    width: 1.34rem; height: 1.34rem; border-radius: 50%;background: #F3F7FB; overflow: hidden;
    display: flex;align-items: center; justify-content: center; margin:0  auto .18rem; 
}
.co-sec5 .co-sec5-list .item .circle> img{ width: .56rem; height: .56rem;}
.co-sec6{padding:  1rem 0 0.8rem;}
.co-sec6 .form-box{background: url(../images/form-bg.png) no-repeat; background-size: 100% 100%; padding: .5rem 6.3vw .63rem;}
.form-box .form-group{padding-top: .61rem; padding-bottom: .24rem;}
.form-box .form-group input{width: 32%; height: .6rem; border-radius: .1rem; overflow: hidden; padding: 0 .33rem;font-size: .18rem;}
textarea.form-control{border-radius: .1rem;padding:.15rem .33rem;font-size: .18rem;}
.form-box .form-group input::placeholder,textarea::placeholder{color: #999999;}
.sub-btn{
    display: block;
    width: 12vw;
    height: .52rem;
    line-height: .52rem;
    text-align: center;
    background: linear-gradient( 270deg, #FFAB48 0%, #F37121 100%);
    border-radius: .26rem;
    color: #fff;
    cursor: pointer;
    
}
.co-sec6 .sub-btn {margin:.32rem auto 0;}




/* .del-sec2{padding-bottom: .36rem; overflow: hidden;}

.del-sec2 .pro-list .item{background: #F6F6F8;}

.del-sec2 .ind-title{ margin-top: 1rem; margin-bottom: .4rem;} */

/* 联系我们 */

.contact{padding: .9rem 0 0; overflow: hidden;}
.contact .content{ min-height: 8rem;}
.contact-l{width: 50%; padding-left: 12.625%;}

.contact-l .contact-l-title{ margin-bottom: .19rem;}
.contact-list{
    width: calc(100% + 0.99rem);
    background: rgba(255,255,255,0.9);
    border-radius: 16px;
    border: 2px solid #fff;
    padding: .40rem 0;
    backdrop-filter: blur(8px); position: relative;z-index: 5;}
.contact-list .item{
        margin-bottom: .28rem;
    }
.contact-list .item a{color: #222;}
.contact-list .item .img-icon{
    width: .4rem; height: .4rem; margin-right: .16rem;
}
.contact-list .item .img-code{width: 1.22rem; height: 1.22rem;}
.first-line{padding-right: 1.76rem;}

.contact-r{width: 50%; height: 100%; position: relative;z-index: 3;}
.contact-r::after{position: absolute;left: 0;top: 0;bottom: 0;width: 10vw; content: '';
    background: linear-gradient( 270deg, rgba(255,255,255,0) 0%, #FFFFFF 100%); 
    z-index: 10;}



/* about */

.about-sec1{padding: .9rem 0 0.4rem;}

.about-play {margin: .32rem; text-align: center; cursor: pointer;}

.about-play img{width: .8rem; height: .8rem;}

.about-sec1-left{padding-right: 1.5vw;color: #17386E;}
.about-sec1-left .about-small{margin-top: 4px;}
.about-sec1-right{ line-height: 28px;}
.about-sec1 .num-list{margin-top: .63rem;}
.about-sec1 .num-list .item{ flex: 1;}
.about-video{background: url(../images/about-video-bg.png) no-repeat; background-size: 100% 100%; height: 8.2rem; position: relative;}
.about-culture { padding: .9rem 0 .7rem;}
.about-culture .about-title{ margin-bottom: .32rem;}
.about-culture .item{background: #FFFFFF; padding: .34rem; text-align: center;}
.about-culture .item > img{width: .6rem; height: .6rem; margin: 0 auto .2rem;}
.about-culture .item  .item-title{color: #17386E; margin-bottom: .11rem;}




.about-sec2{background: url(../images/history-bg.png) no-repeat ; background-size: cover; height: 8rem;}
.about-sec2 .history-l,.about-sec2 .history-r{width: 50%;  position: relative;}
/* .about-sec2 .history-l img{display: none;}
.about-sec2 .history-l img.on{display: block;} */
.about-sec2 .history-l .swiper-wrapper {height: 8rem;}
.about-sec2 .history-l .myswiperbtn.swiper-button-prev{left: 4vw; top: 55% !important;}
.about-sec2 .history-l .myswiperbtn.swiper-button-next{right: 4vw;top: 55% !important;}
.swiper-btn-group {position: absolute; bottom: 0; right: 0; width: 3.6rem; height: 1rem;background: #D4611B; overflow: hidden; z-index: 5;
    border-radius: .3rem 0px 0px 0px;}

.about-sec2-swiper-box{ height: 100%; position: relative;}
.about-sec2-swiper-box .about-title {position: absolute; z-index: 2;top: .8rem; left: 7.85vw; right: 3.2rem;}
.about-sec2-swiper{height: 7rem; width: calc(100% - 3.2vw); background: url(../images/history-img2.png) no-repeat; background-size: 100% 100%;}
.about-sec2-swiper .swiper-slide {

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    padding: 2.48rem 7.85vw .2rem;

    cursor: pointer;

}

.about-sec2-swiper .slide-item{

    padding-left: 0.18rem;

    position: relative;

    padding-bottom: 1rem;

    top: 0;

    transition: .33s;

}

.about-sec2-swiper .slide-item .slide-year{

    font-size: 0.44rem;
    color: #17386E;

    position: relative;

    -webkit-transition: 0.4s;

    -o-transition: 0.4s;

    transition: 0.4s;

}



.about-sec2-swiper .slide-item .slide-des{

    color: #666;

    margin-top: 0.41rem;

    line-height: 28px;

    -webkit-transition: 0.4s;

    -o-transition: 0.4s;

    transition: 0.4s;


    overflow: auto;

    overflow-x: hidden;

    overflow-y: auto;

}

.about-sec2-swiper-prosess{ position: relative;}



.years-swiper{ padding: .35rem 3.2vw 0 ; }
.years-swiper .swiper-slide{padding-bottom: .29rem;}
.years-slide-item{text-align: center; cursor: pointer; color: rgba(255, 255, 255,.4); padding-bottom: .2rem; border-bottom: 1px solid transparent;}

.years-swiper .swiper-slide.swiper-slide-thumb-active  .years-slide-item{ color: rgba(255, 255, 255,1); border-bottom: 1px solid #fff;}


.about-sec3{ background: #F9F9FB; padding: 1rem 0 .8rem;}
.about-sec3-title-desc{margin-top: .29rem; margin-bottom: .27rem; line-height: 29px;}
.about-sec3 .item {padding: .4rem; background: #fff; height: 100%;}
.about-sec3 .item .item-img{ height: 3rem; }
.about-sec3 .item .item-txt{padding-top: .38rem;}
.about-sec3 .about-sec3-swiper{padding-left: 12.625%;  padding-bottom: .9rem;}
.about-sec3 .about-sec3-swiper .swiper-wrapper {padding-bottom: .65rem; align-items: stretch;}
.about-sec3 .about-sec3-swiper .swiper-wrapper .swiper-slide{height: unset;}
.about3-btn-group{  position: absolute; left: 12.625%; right: 12.625%; height: .6rem; top: 91%;}
.about3-btn-group .swiper-button-next{ right: 0;}
.about3-btn-group .swiper-button-prev{ left: unset; right: calc(.48rem + .36rem );}
.about-sec3-swiper .swiper-horizontal > .swiper-scrollbar{width: calc(98% - 12.625%);}

@keyframes myrotate {



    0%{-webkit-transform:rotate(0deg);}

  

    25%{-webkit-transform:rotate(90deg);}

  

    50%{-webkit-transform:rotate(180deg);}

  

    75%{-webkit-transform:rotate(270deg);}

  

    100%{-webkit-transform:rotate(360deg);}

  

  }
/* 咨询弹框 */
.zixun-popup{
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    background: rgba(0, 0, 0, 0.57);
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
}
.zixun-popup.on{
    display: flex;
}
.zixun-popup .popup-box{
    
    background: #fff;
    border-radius: .15rem;
    padding:.45rem .3rem .3rem;
}
.zixun-popup .popup-box img{
    width: 200px;
}
.zixun-popup .popup-box .close{
    position: absolute;
    width: 30px;
    top: .25rem;
    right: .25rem;
    height: 30px;
    border-radius: 50%; 
    background: #fff;
    border: 1px solid #333;
    cursor: pointer;
    
}
.zixun-popup .popup-box .close::before{
    position: absolute;
    content: '';
    left: 50%;
    top: 50%;
    width: 15px;
    height: 1px;
    background: #333;
    transform: translate(-50%,-50%) rotate(-45deg);
}
.zixun-popup .popup-box .close::after{
    position: absolute;
    content: '';
    left: 50%;
    top: 50%;
    width: 15px;
    height: 1px;
    background: #333;
    transform: translate(-50%,-50%) rotate(45deg);
}
.popup-content{
    display: flex;
    align-items: center;
    justify-content: center;
}
  @media (min-width: 993px){
    
    .myswiperbtn:hover {background: #fff;}
    .myswiperbtn:hover  img:nth-child(1){display: block;}
    .myswiperbtn:hover  img:nth-child(2){display: none;}
    .myswiperbtn.bgblue:hover {background: linear-gradient( 270deg, #3369A7 0%, #17386E 100%);}
    .myswiperbtn.bgwhite:hover {background: #fff !important;}
    .more-btn:hover,.ind5 .more-btn:hover{ background: rgba(212, 97, 27, 1) !important;color: #fff !important;}
    .ind5 .ind-title .introduce .more-btn:hover  img:nth-child(1){display: none;}
    .ind5 .ind-title .introduce .more-btn:hover  img:nth-child(2){display: block;}
    .row-flex{display: flex; align-items: stretch; flex-wrap: wrap;}
    .ind2 .col-md-5 ,.ind2 .col-lg-5 {width: 45%;}
    .ind2 .col-md-7 ,.ind2 .col-lg-7 {width: 55%;}
    .ind6 .ind6-swiper .ind6-swiper-slide:hover{box-shadow: 0px .08rem .32rem 0px rgba(33,41,53,0.16); border: 1px solid #17386E;}
    .ind6-swiper-slide:hover .item-title,  .ind6-swiper-slide:hover .item-bottom span,
    .news-list .item:hover  .item-txt .title,.news-list .item:hover  .item-detail span, 
    .newsdel-btn .newsdel-btn-item:hover,.case-example .item:hover .item-txt .title{color: #17386E;}  
    .sub-menu-list .swiper-wrapper{justify-content: center;}
    .news-list .item:hover{box-shadow: 0px 8px 32px 0px rgba(33,41,53,0.16); border: 1px solid #17386E;}
 
    .row-flex div .item{height: 100%;}

    .row-flex >div { padding-right: 0.24rem;  padding-left: 0.24rem;  margin-bottom: .48rem; }
    .row-flex.row { margin-right: -0.24rem; margin-left: -0.24rem; }
    .img-hover{overflow: hidden;}
    .img-hover:hover img{transform: scale(1.1);}


    .ind6 .list .item:hover{transform: translateY(-10px);}

    .pro-list .row .col-md-3,.pro-list .row .col-lg-3{ padding-right: 0.12rem; padding-left: 0.12rem;}

    .pro-list .row { margin-right: -0.12rem; margin-left: -0.12rem; }

    .pro-list .item:hover{box-shadow: 0px 4px 32px 0px rgba(0,0,0,0.08);}
  
    .pro-list .item:hover .btn-groups a.btn{background: linear-gradient( 270deg, #3369A7 0%, #17386E 100%);}
    .pro-list .item:hover .btn-groups .zixun-code-btn{background: linear-gradient( 270deg, #FFAB48 0%, #F37121 100%);}
    .pro-list .item:hover .btn-groups .btn .btn-img img:nth-child(1){display: block;}
    .pro-list .item:hover .btn-groups .btn .btn-img img:nth-child(2){display: none;}
    .pro-list .item:hover .btn-groups .btn .btn-txt{color: #fff;}
    .row-pro .item:hover,.co-sec1 .item:hover{border: 2px solid #17386E;}
    .zixun-btn:hover,.sub-btn:hover{background: linear-gradient( 270deg, #3369A7 0%, #17386E 100%);}
    .eq2-swiper .eq2-slide-txt .eq2-slide-title {color: #17386E;}
    .co-sec3 .item:hover,.co-sec4 .item:hover{box-shadow: 0px 8px 32px 0px rgba(33,41,53,0.16);}
    .case2 .section:hover .item .item-img img{transform: scale(1.1);}
    .co-sec5 .co-sec5-list .item:nth-child(4):after,.co-sec5 .co-sec5-list .item:nth-child(8):after{width: 0;}

}
@media (max-width:1400px){
    .del-right .list{padding:10px 10px 0; }

    .del-right .list .item{width: 50%;justify-content:left; margin-bottom: 22px;}
   
}
@media (max-width:1600px){
   
    .about-sec1-bottom.ind3 .list .item{width: 50%; margin-bottom: 15px;}
}
  @media (max-width: 993px) {
    .sub-menu-list .item{height: unset;}
    .sub-menu-list .myswiperbtn {display: none;}
    .row-flex >div {margin-bottom: 15px;}
    .inner-banner{margin-top: 60px; height: 230px;}
    .m-d-flex{flex-wrap: wrap;}
    .more-btn{height: 0.68rem; line-height: 0.68rem; border-radius: 30px;}
    #video-pop .con{width: 85%;}
    .video-box{height: unset;}
    #video-pop .con .del_p::after{top: -37%;}
    .ind2{padding: 15px 30px;}
    .ind2-left{padding-right: 0; padding-top: 0; }
    .ind2-left .ind-p2{line-height: 26px; margin-bottom: 20px;}
    .ind6 .ind6-swiper{padding: 10px 30px 1.5rem;}
    .ind6-swiper .swiper-horizontal > .swiper-scrollbar{width: 100%;}
    .about-sec1 .num-list .item{width: 33.333%; flex: unset;}
    .about-sec1-right{margin-top: 30px;}
    .about-video{height: 5rem; background-size: cover;}
    .about-culture .item{margin-bottom: 15px;}
    .about-sec2,.news-list .item .item-img,.pro-list .item-img,.case-example .item .item-img{height: unset;}
    .about-sec2 .history-l, .about-sec2 .history-r,.prodel-top-pro .top-img,.prodel-top-pro .top-txt{width: 100%;}
    .about-sec1,.about-culture{padding: 70px 15px 30px;}
    .news-list .item .item-txt .txt , .news-list .item .item-txt .title{line-height: 26px; height: 52px;}
    .ind6 .ind6-swiper .ind6-swiper-slide .item-img{height: unset;}
    .newsdel{padding: 100px 15px 30px;}
    .prodel-top-pro .top-txt{padding: 30px 15px;}
    .zixun-btn{width: 120px; height: 40px ; line-height: 40px; border-radius: 24px;}
    .zixun-btn > img{width: 16px; height: 16px;}
    .prodel-contents .container .section{padding: 30px 15px;}
    .about-sec2 .history-l .myswiperbtn.swiper-button-next{right: 12vw; top: 66% !important;}
    .about-sec2 .history-l .myswiperbtn.swiper-button-prev{left: 12vw; top: 66% !important;}
    .casedel .section.sec1 .img-box{width: 100%; margin-bottom: 30px;}
    .case-txt .desc,.co-sec4 .item .desc{line-height: 28px;}
    .casedel .section.sec1,.section.sec2{padding: 15px;}
    .sub-btn{ width: 180px; height: 40px; line-height: 40px; border-radius: 20px;}
    .inner-banner .sub-btn{margin: 30% auto 0;}
    .form-box .form-group input{width: 100%; margin-bottom: 15px;}
    .form-box .form-group{padding-bottom: 0;}
    .form-group{margin-bottom: 0;}
    .co-sec5 .co-sec5-list .item{width: 33.333%;}
    .co-sec5 .co-sec5-list .item:nth-child(3):after,.co-sec5 .co-sec5-list .item:nth-child(6):after, .co-sec5 .co-sec5-list .item:last-child::after{width: 0;}
    .contact{padding: 90px 0 0;}
    .contact-l{width: 100%; padding: 25px 30px; overflow: hidden;}
    .contact-list{width: 100%;}
    .contact-list .item{align-items: start;}
    .first-line{padding-right: 0;}
    .contact-r{width: 100%;}
    .contact-list .item .img-icon{width: 26px; height: 26px;}
    .pro-list .btn-groups .btn .btn-img,.pro-list .btn-groups .btn .btn-img img{width: 16px; height: 16px;}
    .pro-list .btn-groups .btn{border-radius: 20px;}
    .case2 .section .item .item-img{position: relative;width: 100%;}
    .case2 .section.img-left .item .item-txt{margin-left: 0; }
    .case2 .section .item .item-txt{width: 100%;padding: 15px;}
    .case2{padding: 50px 0 0;}
    .ind4 .tab-list{position: relative; padding-top: 30px;}
    .ind4 .tab-list .tab-item:nth-child(1), .ind4 .tab-list .tab-item:nth-child(2), .ind4 .tab-list .tab-item:nth-child(3){transform: translate(0);}
    .ind4 .tab-list,.ind4 .ind4-content .ind4-content-l,.ind4 .ind4-content .ind4-content-r{width: 100%;}
    .tab-list .tab-item{width: calc(33.333% - .16rem);}
    .ind4 .ind4-content .ind4-content-l{padding: 15px ;}
    .ind4-tab-content .myswiperbtn.swiper-button-prev, .ind4-tab-content .myswiperbtn.swiper-button-next{top: 100%;}
    .ind5 .ind-title .introduce{font-size: 14px; padding-right: 0; max-width: 100%; width: 100%; line-height: 23px;}
    .ind5-title{width: 100%; margin-bottom: 15px;}
    .ind6-swiper-slide .item-desc{line-height: 23px; height: 46px;}
    .zixun-popup .popup-box img{width: 240px;}
}






/* 
@media (min-width: 1600px){

    .ind1-btn .ind1-li-btn{  line-height: 2.72vw; width: 10.5vw; height: 2.72vw; }

} */









@media (max-width: 450px) {

    .ind-banner-txt  .ind-ban-t {font-size: 23px; }

    .ind1-btn .ind1-li-btn{width: 120px;height: 45px; line-height: 45px;}

}

@keyframes myfadeInUp2{

    0%{

    

        transform: translate3d(0,100%,0);

    }

    100%{

      

        transform: none;

    }

}

.myfadeInUp2 {

    animation: myfadeInUp2 .5s ease-in-out both;

    animation-delay: .4s;

}

@keyframes myfadeInUp{

    0%{

        opacity: 0;

        transform: translate3d(0,50px,0);

    }

    100%{

        opacity: 1;

        transform: none;

    }

}

.myfadeInUp {

    animation: myfadeInUp .5s ease-in-out both;

    animation-delay: .4s;

}



@keyframes imgbigtosmall {

    0% { 

    opacity: 1;

    -webkit-transform: scale(1.2); 

    -ms-transform: scale(1.2); 

    transform: scale(1.2);

    }

    100% { 

    opacity: 1;

    -webkit-transform: scale(1); 

    -ms-transform: scale(1); 

    transform: scale(1);

    }

  }

  .imgbigtosmall{

    -webkit-animation-name: imgbigtosmall;

    animation-name: imgbigtosmall;

    transition: all 10s ease;

    transform-origin: 50% 50%;

  }