@charset "utf-8";
.main{position: relative;z-index: 29;background: #fff;}
.bannerwrap{
    position: relative;
}
#banner{ 
    width: 100%;overflow: hidden;position: relative;
}

#banner .img{ 
    width: 100%;
}
#banner li{ 
    position: relative;
}
#banner .swiper-pagination-bullet{
    width: 24px;
    height: 24px;
    opacity: 1;
    background: rgba(255,255,255,.3);
    position: relative;
    transition: all ease .3s;
    margin: 0 7px;
}
#banner .swiper-pagination-bullet::after{
    position: absolute;
    content: "";
    width: 14px;height: 14px;
    background: #fff;
    border-radius: 50%;
    top: 5px;left: 5px;
}
#banner .swiper-pagination-bullet-active,
#banner .swiper-pagination-bullet:hover{
    background: rgba(28,177,255,.3);
}
#banner .swiper-pagination-bullet-active::after,
#banner .swiper-pagination-bullet:hover::after{
    background: #1cb1ff;
}
#banner .swiper-pagination{
    bottom: 5.5%;
    text-align: left;width: auto;
    left: 18.75%;
}
.ad{
    width: 100%;overflow: hidden;
    position: relative;z-index: 9;
}



#banner2{ 
    width: 100%;overflow: hidden;position: relative;
    display: none;
}

#banner2 .img{ 
    width: 100%;
}
#banner2 li{ 
    position: relative;
}
#banner2 .swiper-pagination-bullet{
    width: 12px;
    height: 12px;
    opacity: 1;
    background: rgba(255,255,255,.3);
    position: relative;
    transition: all ease .3s;
    margin: 0 5px;
}
#banner2 .swiper-pagination-bullet::after{
    position: absolute;
    content: "";
    width: 6px;height: 6px;
    background: #fff;
    border-radius: 50%;
    top: 3px;left: 3px;
}
#banner2 .swiper-pagination-bullet-active,
#banner2 .swiper-pagination-bullet:hover{
    background: rgba(28,177,255,.3);
}
#banner2 .swiper-pagination-bullet-active::after,
#banner2 .swiper-pagination-bullet:hover::after{
    background: #1cb1ff;
}
#banner2 .swiper-pagination{
    bottom: 5.5%;
    text-align: left;width: auto;
    left: 18.75%;
}

.maintitle{margin-bottom: 36px;}
.maintitle.center{text-align: center;}
.maintitle .title{
    color: #333333;font-size: 32px;
    line-height: 1;
}
.maintitle .subtitle{
    color: #999999;font-size: 18px;margin-top: 10px;
}
.maintitle .entitle{
    color: #dcdcdc;font-size: 14px;margin-top: 4px;
    text-transform: uppercase;
}
.section1{
    padding: 46px 20px 96px;
}
.section1 .maintitle{padding: 0 45px;}
.section1 .wrap{
    max-width: 1290px;
    margin: 0 auto;   
}
.show-wrap{
    padding: 0 45px;position: relative;
}
.show-wrap .sbtn{
    position: absolute;
    height: 44px;line-height: 44px;
    top: 50%;
    margin-top: -21px;
    opacity: .5;
    transition: all ease .3s;
}
.show-wrap .prev{left: 0;}
.show-wrap .next{right: 0;}
.show-wrap .sbtn:hover{opacity: 1;}

.show-swiper{width: 100%;overflow: hidden;padding: 15px 0;}
.show-swiper li{
    padding: 0 15px;
    background: #fff;
}
.show-swiper li a{
    display: block;
    position: relative;
    box-shadow: 0px 0px 18px 0px rgba(0,0,0,.1);
    overflow: hidden;
}
.show-swiper li .pic img{width: 100%;}
.show-swiper li .num{
    position: absolute;
    left: 16px;
    top: 50px;
}
.show-swiper li .num .t1{
    color: #666666;font-size: 16px;
}
.show-swiper li .num .t2{
    color: #0291dd;font-size: 30px;
    margin-top: 18px;line-height: 1;
}
.show-swiper li .state{
    position: absolute;
    background: rgba(2,145,221,.9);
    color: #fff;
    font-size: 14px;
    width: 100%;height: 0;
    padding: 20px;
    bottom:0;
    transition: all 1s ease;
    opacity: 0;visibility: hidden;
    max-height: 104px;overflow: hidden;
}
.show-swiper li a:hover .state{opacity: 1;visibility: visible;height:auto;}

.maintitle2 .subtitle{margin-top: 25px;}
.section2 .wrap{
    background: #373d41;
    padding: 0 20px;
    width: 100%;overflow: hidden;
}
.solution-swiper{
    max-width: 1436px;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}
.solution-swiper .sbtn{
    height: 100%;
    background-color: rgba(55,61,65,.6);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 0;
    width: 50px;
    z-index: 9;
}
.solution-swiper .prev{
    background-image: url(../images/prev2.png);
    left: 0;
}
.solution-swiper .next{
    background-image: url(../images/next2.png);
    right: 0;
}
.solution-swiper .sbtn.sbtn.sdisabled{opacity: .5;}
.solution-swiper li{position: relative;text-align: center;}
.solution-swiper li .pic img{width: 100%;}
.solution-swiper li .con{
    background: rgba(0,0,0,.8);
    position: absolute;
    width: 100%;height: 100%;
    top: 0;left: 0;
    text-align: center;
    padding: 25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.solution-swiper li a:hover .con{
    background: rgba(2,145,221,.8);
}
.solution-swiper li .icon{
    height: 48px;line-height: 48px;
}
.solution-swiper li .line{
    width: 22px;height: 2px;
    background: #fff;
    display: inline-block;
    margin: 20px 0;
}
.solution-swiper li .t1{
    color: #fff;font-size: 22px;
    overflow: hidden;
    text-overflow: ellipsis;white-space: nowrap;
    font-weight: bold;
}
.solution-swiper li .state{
    color: #fff;font-size: 14px;
    margin: 20px 0;
    opacity: 0;height: 0;
    /*max-height: 63px;*/
    overflow: hidden;
    transition: all 1s ease;
}
.solution-swiper li .more{
    display: inline-block;
    width: 120px;height: 42px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #fff;
    color: #fff;font-size: 14px;
    opacity: 0;height: 0;
    transition: all 1s ease;
}
.solution-swiper li a:hover .state{
    opacity: 1;height: auto;
}
.solution-swiper li a:hover .more{opacity: 1;height: 42px;}
.section3{
    padding: 46px 0 70px;
}
.section3 .wrap{
    max-width: 1380px;
    padding: 0 20px;
    margin: 0 auto;
}
.case-list li{
    float: left;
    width: 33.3%;
    padding: 0 20px;
    margin-bottom: 45px;
}
.case-list li .pic{position: relative;max-width: 214px;margin: 0 auto;overflow: hidden;}
.case-list li .title{
    position: absolute;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: rgba(55,61,65,.7);
    width: 100%;
    bottom: 0;
    color: #fff;font-size: 18px;
    font-weight: bold;
}
.case-list li .pic img{transition: all ease 3s;}
.case-list li .pic a:hover img{transform: scale(1.2);}
.case-list li .state{
    text-align: center;
    margin-top: 20px;
    font-size: 0;
    height: 54px;overflow: hidden;
}
.case-list li .state a{
    display: inline-block;
    color: #999999;font-size: 14px;
    padding: 0 8px;
    height: 12px;line-height: 12px;
    margin-bottom: 15px;
}
.case-list li .state a+a{border-left: 1px solid #999999;}
.case-list li .state a:hover{color: #1f96e6;}
.more{
    display: block;
    width: 120px;
    height: 42px;
    border: 1px solid #333;
    color: #333;font-size: 14px;
    text-align: center;
    margin: 0 auto;
    line-height: 40px;
    transition: all .5s cubic-bezier(.645,.045,.355,1);
}
.more:hover{background: #1f96e6;color: #fff;border: 1px solid #1f96e6;}
.ad2{
    text-align: center;
    background: #1394d9 url(../images/bg2.png) no-repeat center;
    text-align: center;
    padding: 20px;
}
.ad2 span{
    color: #fff;font-size: 26px;
    display: inline-block;margin-right: 54px;
    display: inline;
    line-height: 60px;
}
.ad2 a{
    display: inline-block;
    width: 165px;height: 60px;
    text-align:center;
    line-height: 60px;
    background: url(../images/bg3.png) no-repeat center;
    color: #1394d9;font-size: 20px;
    border-radius: 8px;
}
.section4{
    padding: 60px 0 100px;
    background-image: url(../images/bg1.png);
}
.section4 .wrap{
    max-width: 1240px;
    margin: 0 auto;
}
.section4 .content{
    display: flex;
}
.leftmenu{
    width: 250px;
    background: #364150;
}
.leftmenu li+li{border-top: 1px solid #4a5462;}
.leftmenu li a:hover{text-decoration: none;}
.leftmenu li .item{
    display: block;
    padding: 0 42px;
    background: #364150 url(../images/jt.png) no-repeat 208px center;
    color: #fff;font-size: 16px;
    height: 50px;
    line-height: 50px;
    border-right: 2px solid #999999;
    transition: all ease .3s;
}
.leftmenu .submenu{
    display: none;
}
.leftmenu .submenu a{
    display: block;
    height: 50px;
    line-height: 50px;
    background: #2c3542;
    padding: 0 42px;
    color: #fff;font-size: 16px;
    border-right: 2px solid #999999;
    transition: all ease .3s;
}
.leftmenu li .item:hover, .leftmenu li.active .item{
    background: #0291dd url(../images/jt2.png) no-repeat 208px center;
}
.leftmenu .submenu a:hover, .leftmenu .submenu a.on{
    border-right: 3px solid #0291dd;
    background: #3e4b5c;
}
.equipment{overflow: hidden;background: #fff;flex: 1;}
.equipment li{
    float: left;
    width: 25%;
    text-align: center;
    margin-top: 28px;
}
.equipment li .pic{
    width: 160px;height: 160px;
    overflow: hidden;
    border: 1px solid #fff;
    margin: 0 auto;
    overflow: hidden;
}
.equipment li .pic img{width: 100%;height: 100%;}
.equipment li a:hover .pic{
    border: 1px solid #0291dd;
}
.equipment li .state{
    color: #666666;font-size: 14px;
    text-align: center;
    height: 42px;overflow: hidden;
    padding: 0 20px;
    max-width: 160px;margin: 15px auto 0;
}
.equipment li a:hover .state{color: #0291dd;}
.section5{
    padding: 70px 0;
}
.process-swiper{
    width: 100%;overflow: hidden;
    padding-bottom: 66px;
    position: relative;
}
.process-swiper li{
    position: relative;
}
.process-swiper li .bg{
    width: 100%;height: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(255,255,255,.6);
    z-index: 9;
    position: absolute;
    transition: all 1s ease;
}
.process-swiper li.swiper-slide-active .bg{
    opacity: 0;
    width: 0;
}
.process-swiper li .pic img{width: 100%;}
.process-swiper li .con{
    position: absolute;
    background: #fff;
    width: 278px;
    height: 100%;
    top: 58px;
    left: 66px;
    box-shadow: 0px 0px 15px 1px rgba(0,0,0,.1);
    padding: 35px 30px;
    opacity: 0;visibility: hidden;
    height: 0;
    transition: all 1s ease .8s;
}
.process-swiper li .title{
    color: #0291dd;font-size: 24px;
    font-weight: bold;
    margin-bottom: 6%;
    position: relative;
}
.process-swiper li .title::after{
    content: "";
    position: absolute;
    background: #0291dd;
    width: 46px;height: 3px;
    top: 50%;
    margin-top: -2px;
    left: -56px;
}
.process-swiper li .state{
    color: #666666;font-size: 16px;
    line-height: 1.8;margin-bottom: 10%;
    max-height: 87px;overflow: hidden;
}
.process-swiper li .nums{color: #666;font-size: 16px;text-align: center;}
.process-swiper li .nums i{
    color: #333333;font-size: 28px;
}
.process-swiper li.swiper-slide-active .con{
    opacity: 1;visibility: visible;
    height: 100%;
}
.process-swiper .sbtn{
    position: absolute;
    background: rgba(102,102,102,.6);
    width: 90px;height: 50px;
    text-align: center;
    line-height: 50px;
    top: 50%;
    margin-top: -45px;
    z-index: 9;
}
.process-swiper .sbtn:hover{
    background: rgba(2,145,221,.9);
}
.process-swiper .prev{left: 28%;}
.process-swiper .next{right: 28%;}
.process-swiper.on{
    -webkit-animation: slideInUp 2s forwards cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation: slideInUp 2s forwards cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.section2 .wrap.on{
    -webkit-animation: slideInUp 2s forwards cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation: slideInUp 2s forwards cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.show-wrap.on{
    -webkit-animation: slideInUp 2s forwards cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation: slideInUp 2s forwards cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.section6{
    padding: 36px 20px 60px;
    background-image: url(../images/bg5.png);
}
.section6 .wrap{
    max-width: 1320px;
    margin: 0 auto;overflow: hidden;
}
.section6 .content{
    position: relative;padding: 0 60px;
}
.section6 .content.on{
    -webkit-animation: slideInUp 2s forwards cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation: slideInUp 2s forwards cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.section6 .sbtn{
    position: absolute;
    background: rgba(102,102,102,.3);
    width: 50px;height: 50px;
    line-height: 50px;text-align: center;
    top: 50%;
    margin-top: -25px;
    transition: all ease .3s
}
.section6 .sbtn:hover{
    background: rgba(2,145,221,.9);
}
.section6 .prev{left: 0;}
.section6 .next{right: 0;}
.honor-swiper{
    width: 100%;
    overflow: hidden;
    padding:10px;
}
.honor-swiper li a{
    display: block;
    background: #fff;
    padding: 54px 25px 25px;
    box-shadow: 0px 0px 18px 1px rgba(0,0,0,.1);
}
.honor-swiper li .pic img{width: 100%;}
.honor-swiper li .con{
    color: #666666;font-size: 16px;line-height: 1.8;
    margin-top: 30px;
}
.section7{
    padding: 44px 0 78px;
    overflow: hidden;
}
.section7 .wrap{
    max-width: 1466px;
    margin: 0 auto;
    padding: 0 15px;
}
.team-list li{
    float: left;
    width: 25%;
}
.team-list li.item1{padding-bottom: 32px;}
.team-list li.item2{padding-top: 32px;}
.team-list li a{display: block;position: relative;box-shadow: 0px 0px 16px 0px rgba(0,0,0,.1);}
.team-list li.item1 a{padding-bottom: 220px;}
.team-list li.item2 a{padding-top: 220px;}
.team-list li .pic {position: relative;z-index: 2;}
.team-list li .pic img{width: 100%;}
.team-list li .con{
    position: absolute;
    width: 100%;
    left: 0;
    padding: 0 25px;
    color: #333;
    z-index: 9;
    height: 200px;
    overflow: hidden;
    transition: all .6s ease;
}
.team-list li.item1 .con{bottom: 16px;}
.team-list li.item2 .con{top: 16px;}
.team-list li .name{
    font-size: 26px;font-weight: bold;
    padding-bottom: 10px;border-bottom: 1px solid #e5e5e5;
}
.team-list li .name span{
    font-size: 14px;
}
.team-list li .info .t{font-size: 16px;font-weight: bold;display: inline-block;line-height: 1.8;}
.team-list li .info .state{font-size: 16px;line-height: 1.8;overflow: hidden;text-align: justify;}
.team-list li .tmore{
    display: block;
    width: 120px;height: 42px;
    line-height: 40px;
    border: 1px solid #fff;
    color: #fff;
    font-size: 14px;
    text-align: center;
    margin-top: 50px;
}
.team-list li .bg{
    position: absolute;
    width: 100%;
    height: 0;
    left: 0;
    background: rgba(28,177,255,.9);
    z-index: 8;
    opacity: 0;
    transition: all .4s ease;
}
.team-list li.item1 .bg{bottom: 0;}
.team-list li.item2 .bg{top: 0;}

@media screen and (min-width: 768px){
    .team-list li a:hover{text-decoration: none;}
    .team-list li a:hover .con{color: #fff;}
    .team-list li a:hover .bg{
        opacity: 1;
        height: 100%;
    }
    .team-list li a:hover .con{
        height: 100%;padding: 10px 25px;
        opacity: 1;
    }
    .team-list li.item1 a:hover .con{bottom:0;}
    .team-list li.item2 a:hover .con{top: 0;}
}

.section8{
    padding: 46px 20px 56px;
    background: #f6f6f6;
}
.section8 .wrap{
    max-width: 1200px;
    margin: 0 auto;
}
.section8 .pic{width: 272px;}
.section8 .pic img{width: 100%;}
.section8 .content{
    overflow: hidden;
    padding-left: 36px;
    position: relative;
}
.section8 .smore{
    position: absolute;
    right: 0;
    top: 0;
    color: #aeaeae;font-size: 14px;
    height: 30px;line-height: 30px;
}
.stabs{
    border-bottom: 1px solid #ededed;
    font-size: 0;padding-bottom: 10px;
}
.stabs a{
    color: #333333;font-size: 18px;
    display: inline-block;
    padding-right: 16px;
}
.stabs a+a{
    background: url(../images/line.png) no-repeat left center;
    padding-left: 35px;
}
.stabs a:hover, .stabs a.active{color: #0291dd;font-weight: bold;}
.tabswrap .box{display: none;}
.tabswrap .box.open{display: block;}
.n-list li{margin-top: 10px;}
.n-list li a{display: block;}
.n-list li p{
    color: #333;font-size: 16px;
    width: 60%;float: left;
}
.n-list li p i{color: #2295bb;}
.n-list li .date{
    float: right;
    color: #999999;font-size: 14px;
}
.n-list li a:hover p{color: #2295bb;}
.n-list li a:hover .date{color: #2295bb;}