@charset "utf-8";

@media screen and (max-width: 1640px){
    #header .wrap{ padding: 0 20px;}
    .section1 .leftcon{padding: 6% 20px 6%;}
    .section2 .wrap{padding: 0 20px;}
    .casewrap{margin: 0;}
    .section3 .maintitle{
        padding: 0 20px;
    }
    .section3 .leftnews{padding-left: 20px;}
    .section3 .rightnews li a{padding-right: 20px;}
    .inpage .wrap{padding: 0 20px;}
    .contact{left: 20px;}
    
}
@media screen and (max-width: 1540px){
    #nav a{padding: 0 20px;}
    .honor{padding: 50px 30px;}
}
@media screen and (max-width: 1300px){
    #nav{
        position:fixed;
        top: 0;
        right: -100%;
        width: 60%;
        background: #fff;
        box-shadow: 0px 0px 12px 1px rgba(0,0,0,.1);
        height: 100%;
        transition: all .8s ease;
        padding-top: 50px;
        overflow-y: auto;
        overflow-x: hidden;
    }
    #nav .nli{float: none;}
    #nav .nli .item{
        display: block;
        padding: 0;
        background: none;
        text-align: center;
        height: 60px;
        line-height: 60px;
    }
    .subnav{
        position: relative;
        height: auto;
        top: 0;
    }
    .subnav .bg{display: none;}
    .navbtn{display: block;}
    .product{margin: 0 -20px;}
    .product li{margin-bottom: 50px;padding: 0 20px;}
    .technology li .con{padding-left: 20px;}
    .about-intro .aright{padding-left: 40px;}
    .about-project li{width: 33.3%;}
    .about-project li a{padding-left: 80px;background-position: 20px center;}
    .culture .citem .t1{margin-bottom: 20px;}
    .culture .citem .state{line-height: 2;}
    .culture .clist li{padding: 0 20px;}
    .culture .clist{margin: 0 -20px;}
    .culture .ctop{padding: 60px 50px;}
    
}

@media screen and (max-width: 1220px){
    .section3 .leftnews .con{padding: 10px 15px;}
    .technology li .pic{width: 200px;}
    .technology li .tt{font-size: 20px;margin-bottom: 10px;}
    .technology li .date{margin-bottom: 10px;}
    .about-intro .aleft{float: none;width: 100%;}
    .about-intro .aright{padding-left: 0;padding-top: 50px;}
    .join-list li{width: 50%;}
    .culture .citem .state{font-size: 14px;}
    .culture .citem .con{padding: 20px;}
    .culture .citem .con .t1{margin-bottom: 10px;}
    
}
@media screen and (max-width: 1100px){
    .section1 .leftcon{width: 100%;}
    .section1 .rightimg{display: none;}
    .section1 .bg{transition: width ease 4s;}
    .team .pic{float: none;padding-top: 40px;}
    .team .info{float: none;}
    
}
@media screen and (max-width: 980px){
    .section3 .conwrap{padding: 0 20px;}
	.section3 .leftnews{
        position: relative;width: 100%;padding-left: 0;height: auto;
    }
    .section3 .leftnews a{height: auto;}
    .section3 .leftnews .pic img{width: 100%;height: auto;}
    .section3 .rightnews li a{padding: 16px 30px;}
    .morewrap{padding-left: 0;text-align: center;}
    .morewrap .more3{margin: 0 auto;}
    .section2{background-size: 1300px auto;}
    #footer{padding: 40px 15px;}
    #footer .concat{float: none;}
    #footer .copyright{float: none;}
    .product li{width: 33.3%;}
    .technology li{width: 100%;}
    .about-project li{width: 50%;}
    .honor li{width: 33.3%;padding: 0 15px 20px;}
    .organ{padding: 80px 20px;}
    .service .texts{float: none;width: 100%;}
    .service .pic{padding-left: 0;padding-top: 20px;}
    .service .title{margin-bottom: 40px;font-size: 28px;}
    .exchange li {width: 50%;margin-bottom: 50px;}
    .join-list li{width: 100%;}
    .culture .citem .pic{width: 100%;}
    .culture .citem .con{width: 100%;}
    .culture .clist li{width: 50%;}
    .sidebar {display: none;}
}

@media screen and (max-width: 768px){
    #header{height: 60px;}
    #header .wrap{padding: 0;}
    #header .logo{padding: 0 10px;height: 60px;line-height: 60px;}
    #header .logo img{max-height: 26px;}
    .navbtn{
        height: 60px;
        padding: 18px 10px 0;
    }
    .hcut{height: 60px;}
    #banner .sbtn img{height: 22px;}
    #banner .prev{left: 10px;}
    #banner .next{right: 10px;}
    #banner .swiper-pagination{bottom: 10px;}
    #banner .swiper-pagination-bullet{margin: 0 6px;width: 20px;height: 5px;}
    .section1 .items li{width: 50%;}
    .section1 .leftcon{padding: 40px 20px;}
    .section2{padding-top: 40px;}
    .maintitle .ch{font-size: 24px;}
    .more{
        font-size: 14px;height: 36px;line-height: 36px;
        width: 120px;
    }
    .more2 i{margin-right: 5px;}
    .section2 .btns{
        position: relative;
        left: 0;
        margin-top: 20px;
    }
    .section2 .btns a{
        height: 40px;line-height: 40px;
        width: 40px;
    }
    .section2 .btns a img{width: 14px;}
    .maintitle .en{font-size: 18px;}
    .maintitle .en img{width: 45px;}
    .maintitle{margin-bottom: 14px;padding-right: 0;}
    .section2 .wrap{padding: 0 15px;}
    .casewrap{padding: 10px;}
    .caseswiper li .texts .t1{font-size: 18px;}
    .caseswiper li .texts .t2{font-size: 12px;}
    .caseswiper li .texts{padding-bottom: 10px;}
    .section3{padding-top: 40px;}
    .section3 .conwrap{padding: 20px 10px;}
    .section3 .maintitle{padding: 0 10px;}
    .section3 .leftnews .t1{font-size: 16px;margin-bottom: 8px;}
    .section3 .leftnews .t2{font-size: 12px;}
    .section3 .rightnews{padding-top: 20px;}
    .section3 .rightnews li .date{
        display: none;
    }
    .section3 .rightnews li .date2{display: block;}
    .section3 .rightnews li .con{padding-left: 0;}
    .section3 .rightnews li a{padding: 10px 20px;}
    .section3 .rightnews li{margin-bottom: 10px;}
    .section3 .rightnews li .t1{font-size: 16px;margin-bottom: 6px;}
    .section3 .rightnews li .t2{font-size: 12px;}
    #footer .concat .t1{font-size: 28px;}
    #footer .concat p{font-size: 14px;}
    #footer .copyright{font-size: 12px;}
    #footer .copyright a{font-size: 12px;}
    .morewrap{padding-top: 30px;}
    .main{padding-bottom: 50px;}
    .menu li a{font-size: 14px;height: 50px;line-height: 50px;}
    .product li{width: 50%;}
    .inpage .wrap{padding: 0 10px;}
    .inpage{padding: 40px 0;}
    .technology li{margin-bottom: 20px;}
    .technology li .pic{width: 120px;}
    .technology li .tt{font-size: 16px;margin-bottom: 5px;}
    .technology li .date{font-size: 12px;margin-bottom: 5px;}
    .technology li .state{font-size: 12px;height: 40px;overflow: hidden;}
    .technology li a{padding: 10px;}
    .technology li .con{padding-left: 10px;}
    .about-intro .aleft .title{font-size: 28px;margin-bottom: 20px;}
    .about-intro .aright .texts{font-size: 16px;}
    .about-intro .aright .list{width: 50%;margin-bottom: 40px;}
    .honor li{width: 50%;}
    .honor li .tt{font-size: 14px;margin-top: 10px;}
    .honor{padding: 40px 15px;}
    .organ{padding: 50px 15px;}
    .service{padding: 40px 15px;}
    .service .texts li{padding-left: 20px;margin-bottom: 10px;}
    .exchange li .tt{font-size: 14px;height: 50px;}
    .exchange li .con{padding: 10px 15px;}
    .team{padding: 40px 20px;}
    .team .tt1{margin-bottom: 0;}
    .team .tt2{margin-bottom: 20px;}
    .team .state{padding-top: 20px;}
    .team .pic{padding-top: 20px;}
    .about{background-size: cover;}
    .news-detail{padding: 50px 20px;}
    .news-detail .detail{margin-top: 30px;}
    .news-detail .title{font-size: 18px;}
    .product-img{padding: 0 50px;}
    .join-state .state{font-size: 14px;line-height: 2;}
    .join-list li .con{font-size: 12px;}
    .join-list li a{padding: 20px 10px;}
    .join-list li .t1{margin-bottom: 10px;font-size: 16px;}
    .join-list li{margin-bottom: 20px;padding: 0 5px;}
    .join-list{margin: 0 -5px;}
    .map{height: auto;}
    .map #ditu{height: 350px;}
    .contact{
        position: relative;
        top: 0;
        left: 0;
        margin-top:20px;
        width: 100%;height: auto;
        padding: 20px;
    }
    .contact .tt{padding-top: 10px;padding-bottom: 10px;}
    .culture .clist li{padding: 0 10px;margin-bottom: 20px;}
    .culture .clist{margin: 0 -10px;}
    .culture .title{margin-bottom: 30px;}
    .culture .ctop{padding: 40px 20px;margin-bottom: 40px;}
    .corner li{width: 100%;}
    .sidebar {display: none;}

}
@media screen and (max-width: 640px){
    .section1 .items li .con{font-size: 14px;}
    .section1 .items li .pic{width: 45px;}
    .section1 .items li .pic img{max-width: 30px;}
    .section1 .leftcon .title{font-size: 24px;margin-bottom: 20px;}
    .section1 .leftcon .state{padding-bottom: 20px;}
    .section1 .items li{margin-top: 20px;}
    .section1 .items li .more i{margin-right: 6px;}
    .product li{padding: 0 10px;margin-bottom: 20px;}
    .product{margin: 0 -10px;}
    .product li .con p{height: 50px;line-height: 50px;font-size: 14px;}
    .about-intro{padding: 30px 15px;}
    .about-intro .aleft .title{font-size: 24px;}
    .about-intro .aright .icon{width: 40px;}
    .about-intro .aright .icon img{width: 30px;}
    .about-intro .aright .texts{font-size: 14px;}
    .about-intro .aright{padding-top: 40px;}
    .about-project li{width: 100%;padding: 0;margin-bottom: 25px;}
    .about-project ul{padding: 0 15px;}
    .about-project li p{font-size: 16px;max-height: 96px;}
    .about-project .title{padding: 0 15px;margin-bottom: 20px;}
    .honor li{padding: 0 5px 10px;margin-bottom: 20px;}
    .honor{padding: 40px 5px;}
    .service .title{font-size: 24px;margin-bottom: 30px;}
    .exchange li{padding: 0 5px;margin-bottom: 30px;}
    .location .tt a{height: 36px;line-height: 36px;}
    .location .back{width: 100px;}
    .location .back i, .location .back em{
        height: 36px;line-height: 36px;
    }
    .product-img{padding: 0 32px;}
    .product-img .btn img{width: 18px;}
    .sidebar {display: none;}
}
@media screen and (max-width: 540px){
    .caseswiper li{padding: 5px;}
    .join-state .state span{display: block;}
    .join-state .state img{display: none;}
    .join-state .title{font-size: 20px;margin-bottom: 15px;}
    .corner li{padding: 0;margin-bottom: 20px;}
    .corner ul{margin: 0;}
    .corner li a{padding: 10px;}
    .corner li .tt1{font-size: 18px;margin-bottom: 8px;}
    .corner li .tt2{font-size: 12px;}
    .corner li .con{padding: 10px 0;}
        .sidebar {display: none;}
}
@media screen and (max-width: 340px){
    .exchange li{width: 100%;padding: 0;}
    .exchange li .tt{height: auto;}
    .culture .clist li p{font-size: 16px;width: 20px;margin-left: -10px;text-align: center;}
    .culture .clist li{padding:0 5px;margin-bottom: 10px;}
    .culture .clist{margin: 0 -5px;}
    .culture .ctop{padding: 30px 10px;}
        .sidebar {display: none;}
}