@charset "UTF-8";

@media screen and (max-width: 1320px){
    .team-list li .tmore{margin-top: 30px;}
    .team-list li{width: 50%;margin-bottom: 20px;}
}

@media screen and (max-width: 1220px){
    .fw{width: 100%;}
    .navbtn{display: block;}
    #nav{
        top: 0;
        right: 0;
        left: auto;
        height: 100%;
        padding: 40px 0;
        opacity: 0;
        visibility: hidden;
        width: 0;
        transition: all 1s ease .2s;
    }
    #nav a{
        display: block;
        text-align: center;
        height: 56px;line-height: 56px;
        position: relative;
    }
    #nav a+a{margin-left: 0;}
    #header .sign{display: none;}
    #header .tel{display: none;}
    .hcut{height: 80px;}
    #header .logo{height: 80px;line-height: 80px;padding: 0 10px;}
    #header .logo img{max-height: 80%;}
    .leftmenu{display: none;}
    .section4 .content{display: block;}
    .process-swiper li .state{font-size: 14px;line-height: 1.6;max-height: 68px;overflow: hidden;}
    .process-swiper li .nums i{font-size: 22px;}
    .process-swiper li .title{font-size: 20px;}
    .process-swiper .next{right: 25%;}
    .process-swiper .prev{left: 25%;}
    .process-swiper li .title::after{left: -52px;}
    #footer{padding-top: 30px;}
    .foottop .list1 span{margin-bottom: 0;}
    .foottop .list2{
        height: auto;padding: 14px 0;
        line-height: 1.5;
        width: 100%;
    }
    .foottop .list3{
        margin-top: 0;padding-top: 0;background:none;
        height: auto;
        width: 100%;padding-left: 0;
        padding-bottom: 15px;
    }
    .foottop .list3 .tel{margin-top: 0;}
    .foottop .list4{width: 100%;margin-left: 0;padding-top: 0;height: auto;}
    .foottop .list1{margin-right: 0;text-align: center;height: auto;}
    .foottop .logo{text-align: center;margin-bottom: 10px;}
    .foottop .list1 a{text-align: left;}
    .foottop{margin-bottom: 30px;}
    #footer .bottom{text-align: center;}
    .rightcon{padding-left: 40px;}
    .incase li{padding: 0 15px;margin-bottom: 30px;}
    #banner{top: 80px;}

}
@media screen and (max-width: 980px){
    .case-list li{width: 50%;}
    .section2 .wrap{padding: 0;}
    .ad2 span{display: block;line-height: 1.8;margin-bottom: 10px;margin-right: 0;}
    .ad2 a{display: block;margin: 0 auto;}
    .equipment li{width: 33.3%;}
    .process-swiper .next{right: 12%;}
    .process-swiper .prev{left: 12%;}
    .process-swiper li .con{padding: 20px;}
    .section8 .pic{display: none;}
    .section8 .content{padding-left: 0;}
    .innews li .date{display: none;}
    .innews li .date2{display: block;margin-top: 5px;}
    .innews li a{padding-right: 20px;}
    .innews li .con{padding-top: 8px;}
    .leftbar{float: none;width: 100%;margin-bottom: 20px;position: relative;z-index: 9;}
    .rightcon{padding-left: 0;position: relative;z-index: 2;min-height: 320px;}
    .bartitle{
        background: #eee url(../images/sj.png) no-repeat 95% center;
        background-size: 15px auto;
        text-align: left;
        border: 1px solid #ccc;
        min-height: initial;padding: 10px 15px;
        height: 45px;
    }
    .barlist{
        position: absolute;
        top: 45px;
        left: 0;
        width: 100%;
        box-shadow: 0px 2px 10px 1px rgba(0,0,0,.1);
        display: none;
        max-height: 300px;
        overflow: auto;
        
    }
    .hottel{display: none;}

    .bartitle .t1{color: #333;font-size: 16px;}
    .bartitle .t2{color: #333;display: none;}
    .itemimg{display: none;}
    .incase{margin: 0 -15px;}
    .solution li{width: 33.3%;}
}

@media screen and (max-width: 768px){
    #header .logo{height: 60px;line-height: 60px;}
    #header .logo img{max-height: 70%;}
    .hcut{height: 60px;}
    .navbtn{height: 60px;width: 60px;padding-top: 5px;}
    .bannerwrap{display: none;}
    #banner{top: 60px;display: none;}
    #banner2{display: block;}
    .bcut{display: none;}
    body.open .navbtn .line1 {
        transform: translateY(12px) rotate(-45deg);
        -webkit-transform: translateY(13px) rotate(-45deg);
    }
    body.open .navbtn .line3 {
        transform: translateY(-3px) rotate(45deg);
        -webkit-transform: translateY(-1px) rotate(45deg);
    }
    #banner .swiper-pagination-bullet{
        width: 14px;
        height: 14px;
        margin: 0 5px;
    }
    #banner .swiper-pagination-bullet::after{
        width: 8px;height: 8px;
        top: 3px;left: 3px;
    }
    .ad{display: none;}
    .show-swiper li .num{top: 20px;}
    .section3 .wrap{padding: 0 10px;}
    .case-list li{padding: 0 10px;}
    .ad2 span{font-size: 20px;}
    .ad2 a{
        width: 150px;height: 48px;line-height: 48px;
        font-size: 16px;
    }
    .foottop .logo{margin-right: 40px;}
    .equipment li{width: 50%;}
    .process-swiper{padding-bottom: 10px;}
    .process-swiper li{
        box-shadow: 0px 0px 15px 1px rgba(0,0,0,.1);
    }
    .process-swiper li .con{
        position: relative;
        left: 0;
        top: 0;height: auto;
        width: 100%;
        opacity: 1;
        visibility: visible;
        padding: 10px;
        box-shadow: 0;
    }
    /* .process-swiper .sbtn{ margin-top: -20px;width: 50px;height: 40px;line-height: 40px;} */
    .process-swiper .sbtn{display: none;}
    .process-swiper li .title::after{display: none;}
    .process-swiper .sbtn img{max-width: 50%;}
    .process-swiper .prev{left: 0px;}
    .process-swiper .next{right: 0px;}
    .section6{padding: 36px 10px;}
    .honor-swiper li a{padding: 20px;}
    .honor-swiper li .con{font-size: 14px;}
    .section6 .sbtn{width: 34px;}
    .section6 .sbtn img{max-width: 60%;}
    .section6 .content{padding: 0 40px;}
    .team-list li{width: 100%;margin-bottom: 20px;}
    .team-list li.item2{padding-top: 0;}
    .team-list li.item1{padding-bottom: 0;}
    .team-list li.item2 a{padding-top: 0;}
    .team-list li.item1 a{padding-bottom: 0;}
    .team-list li .con{
        position: relative;
        top: 0;bottom: auto;
        height: auto;
        padding: 20px;
    }
    .team-list li .tmore{color: #333;border: 1px solid #333;}
    .team-list li.item2 .con{top: 0;}
    .team-list li.item1 .con{bottom: 0;}
    #footer .wrap{font-size: 12px;}
    #footer .wrap a{font-size: 12px;}
    .innews li .pic{width: 120px;height: auto;}
    .innews li a{padding: 10px;}
    .inpage .wrap{padding: 0 10px;}
    .innews li .con{padding-left: 12px;padding-top: 0;}
    .innews li .state{margin-top: 10px;line-height: 1.5;}
    .innews li .date2{margin-top: 0;}
    .pages{padding-top: 30px;}
    .pages a{margin: 0 3px;font-size: 12px;width: 30px;height: 30px;line-height: 28px;}
    .pages a.ss{width: 64px;}
    .indetail .dtitle .t1{font-size: 20px;}
    .switch{padding-right: 0;}
    .switch .back{
        position: relative;
        top: 0;margin-top: 20px;
        display: block;
    }
    .incase{margin: 0 -10px;}
    .incase li{width: 50%;padding: 0 10px;}
    .incase li .title{margin-top: 10px;}
    .indetail2 .dtitle .back2{
        position: relative;
        left: 0;
        right: auto;
    }
    .indetail2 .dtitle{padding-right: 0;}
    .about-title .entitle{font-size: 28px;}
    .about-title .title{font-size: 18px;margin: 10px 0;}
    .yearcon .pic{width: 250px;}
    .yearcon .pic img{margin-bottom: 15px;}
    .yearcon li{margin-bottom: 40px;}
    .yearcon li .t1{margin-bottom: 4px;}
    #map{height: 300px;}
    .board .info{width: 100%;float: none;}
    .board .info .t{padding-right: 0;width: 60px;}
    .board .submit a{margin-left: 60px;}
    .board .yzm input{width: 150px;}
    .board .yzm .yzmimg{width: 100px;}
    .board .yzm .yzmimg img{height: 36px;}
    .board .info{margin-bottom: 20px;}
    .board .area textarea{height: 200px;}
    .sort span.s6, .sort .s2{display: none;}
    .re-list .zhiwei .z6, .re-list .zhiwei .z2{display: none;}
    .sort span, .re-list .zhiwei span{width: 20%;font-size: 14px;}
    .sort .s1, .sort .s7, .sort .s3{width: 20%;}
    .re-list .zhiwei .z1, .re-list .zhiwei .z7, .re-list .zhiwei .z3{width: 20%;}
    .sort{margin-bottom: 15px;}
    .re-list .description{padding: 20px;}
    .solution li{width: 50%;}
    .incase2 li .title{font-size: 14px;}
    .topdetail .pic{width: 100%;float: none;}
    .topdetail .con{padding-left: 0;margin-top: 30px;}
    .equip-tabs a{font-size: 16px;border-bottom: 3px solid transparent;}
    .equip-tabs a.active, .equip-tabs a:hover{border-bottom: 3px solid #0291dd;}
    .topdetail{margin-bottom: 40px;}
    .baike li .question{padding: 12px;}
    .baike li .answer{padding: 12px;}
    .foottop .list3 p{
        display: inline-block;
        height: 30px;
        line-height: 30px;
    }
    .foottop .list2{padding-bottom: 0;}
    .foottop .list3{padding-bottom: 10px;}
    .d-leftbar{display: none;}
    .subbanner .ch{font-size: 30px;}
    .yearcon .pic{width: 200px;}
    .yearcon li .con{padding-right: 20px;}
    
}
@media screen and (max-width: 640px){
    .show-swiper li{padding: 0 10px;}
    .show-wrap{padding: 0 30px;}
    .section1 .maintitle{padding: 0 30px;}
    .section1{padding: 45px 10px 60px;}
    .case-list li{width: 100%;margin-bottom: 20px;}
    .case-list li .state{height: auto;}
    .case-list li .title{font-size: 16px;}
    .maintitle .title{font-size: 26px;}
    .maintitle .subtitle{font-size: 14px;}
    .maintitle2 .subtitle{margin-top: 16px;}
    .stabs a{font-size: 14px;padding-right: 5px;}
    .stabs a+a{padding-left: 15px;background-size: auto 13px;}
    .section8 .smore{height: 20px;line-height: 20px;}
    .indetail .dcon .nn img{margin:0 auto 10px;display: block;}
    .inpage{padding-bottom: 30px;}
    .manager-list .pic{width: 100%;float: none;}
    .manager-list .con{
        float: none;width: 100%;
        padding: 15px;
        box-shadow: 0px 0px 12px 0px rgba(0,0,0,.1)
    }
    .manager{padding: 0 10px;}
    .teamshow li .con{top: -48px;width: 90%;}
    .teamshow li .tt{height: 48px;line-height: 48px;padding: 0 108px 0 15px;font-size: 16px;}
    .teamshow .btns{padding-right: 0;right: 5%;}
    .teamshow .btns a{
        height: 48px;line-height: 48px;
        width: 48px;
    }
    .teamshow li .state{padding: 15px;}
    .yearcon .pic{width: 30%;}
    .yearcon li .t1{font-size: 14px;}
    .yearcon li .t2{font-size: 12px;}
    .yearswiper li a{font-size: 16px;}
    .zz-list li{width: 50%;}
    .zz-list li .con{margin-top: 15px;}
    
    
}
@media screen and (max-width: 540px){
    .show-swiper li{padding: 0 15px;}
    .sort .s4, .re-list .zhiwei .z4{display: none;}
    .sort span, .re-list .zhiwei span{width: 25%;}
    .sort .s1, .sort .s7, .sort .s3{width: 25%;}
    .re-list .zhiwei .z1, .re-list .zhiwei .z7, .re-list .zhiwei .z3{width: 25%;}
}
@media screen and (max-width: 480px){
	.board .yzm input{width: 120px;}
    .board .yzm .yzmimg{width: 80px;margin-left: 5px;}
    .zz-list li{width: 100%;margin-bottom: 20px;}
    .zz-list li .con{height: auto;line-height: 1.8;margin-top: 5px;}

    .show-swiper li a .state{opacity: 1;visibility: visible;height:auto;}
    .solution-swiper li a .state{opacity: 1;height: auto;}
}
@media screen and (max-width: 376px){
    .solution li{width: 100%;}
    .solution li .state{height: auto;}

    .show-swiper li a .state{opacity: 1;visibility: visible;height:auto;}
    .solution-swiper li a .state{opacity: 1;height: auto;}
}
@media screen and (max-width: 320px){
	
}