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



}

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




}



@media screen and (max-width:1366px) {
    .cpbox .list li .pic{height: 220px;}
    .banner .arrow-left, .banner .arrow-right{width: 50px;height: 106px;background-size: 100% !important;}


}





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


}




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

    .wrap{width: 90%;}
    header .logo{width: 34%;}
    header nav{width: 64%;}
    header{height: 80px;}
    header nav li .subnav{top:80px;}
    header nav li{line-height: 80px;width: 16%;text-align: center;}
    header nav li a{padding:0;font-size: 16px;}
    .banner_swiper .pagination{bottom: 20px;}
    .product .m li .pic{width: 145px;height: 145px;margin:0 auto 14px;}
    .product .b{height: 300px;}
    .product .m li .txt{font-size: 20px;}
    .aboutA .c .L{width: 48%;}
    .aboutA .c .R{width: 50%;}
    .aboutA .b .L{width: 60%;}
    .aboutA .b .R{width: 38%;}
    .aboutA,.relationA{padding:40px 0;}
    .relationA .mian{margin-top: 40px;}
    .about_m .b{margin-top: 40px;}
    .nycon{padding:30px 0 50px;}
    .about_m .b .txt h2{font-size: 20px;}
    .about_m .b .txt p{font-size: 14px;}
    .about_m .b .pic{height: 460px;}
    .about_m,.new_m,.product .m,.envir .more,.cpmin,.product .b,.aboutA .b,.cprecom,.yrlist{margin-top: 30px;}
    .about_m .b .txt{padding:20px 20px;}
    .about_m .b .txt a{right:20px;top:29px;}
    .cpbox .list li{width: 31%;}
    .cpbox .list li .txt{line-height: 45px;}
    .cpmin .R{width: 47%;}
    .cpmin{height: 465px;}
    #img{width: 50%;}
    #cbtn{height: 152px;}
    #cbtn ul li{width: 129px;height: 145px;}
    .new_list{margin-top: 30px;margin-bottom: 25px;}
    .banner_swiper .swiper-pagination-switch{width: 30px;}
    .banner .arrow-left, .banner .arrow-right{width: 33px;height: 70px;}
    .envir{margin-bottom: 20px;}
    .txtbox h2{font-size: 26px;}
    .new_list li .pic{height: 145px;}
    .minhead h4,.yrlist li .bg h2{font-size: 20px;}
    .paging a{font-size: 16px;}



}




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

    footer .copy{margin-top: 1em;}
    footer{padding:40px 0 20px 0;}
    .relationA .mian li{width: 38%;margin-bottom: 1em;padding-left: 8%;}
    .wrap{width: 95%;}
    .relationA .mian li span img{zoom: .8; }
    .relationA .mian li:nth-child(2n):before{display: none;}
    .relationA .mian li h4{font-size: 20px;}
    .product .m li .pic{width: 120px;height: 120px;}
    header nav li a{font-size: 14px;padding:0 .8em;}
    header nav li{width: auto;}
    header nav{width: 65%;}
    .product .m li .txt{font-size: 18px;}
    .product .b{height: 258px;}
    .aboutA .b .L{width: 100%;}
    .aboutA .c .R{height: 255px;}
    .aboutA .c .L a{margin-top: 30px;}
    .aboutA .c .L h4{margin-bottom: 30px;}
    .aboutA .b .L .item{width: 29%;margin-right: 4%;}
    .aboutA .b .L .item .pic{margin-top: 13px;}
    .aboutA .b .R{text-align: center;width: 100%;}
    .paging a{font-size: 14px;}
    .join_m .list .txt{padding:15px 57px;}
    header nav li{line-height: 65px;}
    header{height: 65px;}
    .cqlist li{height: 265px;margin:0 2% 2% 0;}
    header nav li .subnav{top:65px;}
    .yrlist li{height: 300px;line-height: 300px;margin:0 2% 2% 0;width: 31%;}
    .about_m .b .pic{height: 377px;}
    .about_m .b .txt a{font-size: 14px;width: 117px;}
    .cpbox .list li .pic{height: 188px;}
    .cpbox .menu span{font-size: 14px;}
    .cpbox,.join_m,.cqlist{margin-top: 30px;}
    .join_m .list{margin-bottom: 30px;}


}




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

    header nav{display:none;}
    header .logo{width: 45%;}
    .banner .arrow-left, .banner .arrow-right{width: 19px;height: 40px;}
    .banner_swiper .swiper-pagination-switch{width: 22px;}
    .product .m li .pic{width: 100px;height: 100px;}
    .product .m li .txt,.aboutA .c .L a,.envir .more a{font-size: 16px;}
    .aboutA .b .L .item .top h4{font-size: 20px;}
    .aboutA, .relationA{padding:20px 0;}
    .relationA .mian{margin-top: 20px;}
    .cpbox .top .L p{line-height: 30px;}

    .cpbox .menu span{line-height: 35px;}
    .cpbox .list li .pic{height: 150px;}
    #img{width: 100%;}
    .cpmin .R{width: 100%;}
    .cpmin{height: auto;margin-top: 1em;}
    #img img{height: auto;}
    .txtbox{margin-top: 1em;}
    #cbtn{position: relative;height: auto;}
    .new_list li{width: 47.6%;}
    .join_m .list .txt{padding:1em;}
    .about_m .b .txt a{width: 106px;height: 35px;line-height: 35px;top:16px;}
    .about_m .b .pic{height: 324px;}
    .cqlist li{height: 215px;}
    .yrlist li{height: 230px;line-height: 230px;}
    .yrlist li .bg .box{width: 70%;}
    .navBtn{display:block;top:4px;}
    .navPup-ibox{padding-top:65px;}
    header{position: relative;z-index: 30;}
    .nav-list li a.current, .nav-list li a.far:hover{background:#fb2414;}
    #front a, #next a{width: 55px;height: 96px;}



    
.con{ width:100%; padding:15px; box-sizing:border-box; text-align:justify; font-size:15px; line-height:28px;}
.TableLine{ width:100% !important;}
.TableLine td{ width:100%; display:block;}
.TableLine td.TdLine > div{ text-align:left; padding:15px 0 5px 0;}
.InputNone{ width:100% !important; box-sizing:border-box;}
.InputTextArea{width:100% !important; box-sizing:border-box;}

}




@media screen and (max-width:670px) {
    header .logo{width: 70%;}
    footer .logo2 img{max-width: 86%;}
    footer{padding:1em 0;background:#000;}
    .nycon{padding:1.5em 0;}
    .new_list{margin-right: 0;}
    .new_list li{width: 100%;margin:0 0 1em 0;}

    .new_list li .pic{height: auto;}
    .cpbox .menu span{width: 31.3%;}
    .cpbox .list li{width: 47.4%;}
    .cpbox .list li .pic{height: 120px;}
    .cpbox .list li .txt{line-height: 30px;}
    .nyhead .crumbs{display:none;}
    .cpbox, .join_m, .cqlist{margin-top: 1em;}
    .paging a{padding:0 10px;margin:0 4px;}
    .cpbox .top .L,.cpbox .top .R{width: 100%;}
    .about_m .b{margin-top: 1em;}
    .about_m .b .item{width: 100%;margin-bottom: 1em;}
    .about_m .b .pic{height: auto;}


    header{height: 55px;}
    .navBtn{top:0;}
    .navPup-ibox{padding-top:55px;}
    .banner_swiper .swiper-pagination-switch{width: 10px;height: 10px;border-radius: 10px;}

    .product{padding:1em 0;}
    .about_m, .new_m, .product .m, .envir .more, .cpmin, .product .b, .aboutA .b, .cprecom, .yrlist{margin-top: 1em;}
    .product .m li{width: 31%;margin:0 1% 3%;}
    .product .m li .pic{width: 70px;height: 70px;margin:0 auto 5px;}
    .product .m li .txt, .aboutA .c .L a, .envir .more a{font-size: 14px;}
    .product .b .L{width: 100%;}
    .product .b .R{width: 100%;margin-top: 1em;}
    .aboutA .c .R{width: 100%;height: auto;}
    .aboutA .c .L{width: 100%;margin-top: 1em;}
    .aboutA .c{margin-top: 1em;}
    .product .b{height: auto;}
    .aboutA .c .L h4{margin-bottom: 1em;}
    .aboutA .c .L a{margin-top: 1em;}
    .relationA .mian li:before{display:none;}
    .relationA .mian li{padding-left: 13%;padding-right:0;}
    /*.aboutA .b .L .item {width: 100%;margin-right: 0;float: none;}*/
    .envir img{max-width: 100%;}
    .relationA .mian li{width: 86%;}
    #cbtn{display:none;}
    .cqlist li{width: 48%;height: 155px;}
    .yrlist li{width: 47.4%;height: 200px;line-height: 200px;}
    .minhead h4, .yrlist li .bg h2{font-size: 16px;}
    .join_m .list .txt p{line-height: 26px;font-size: 14px;}

    .aboutA .b .L .item{width: 50%;margin-right: 0;padding:10px 0;}
    .aboutA .b .L .item .top h4{font-size: 16px;}
    .aboutA .b .L .item .pic img{zoom:.8;}
    .aboutA .b .L .item .top h4{padding-right: 0;}
    .aboutA .b .L .item .top h4 i{display:none;}
    .aboutA .b .L .item:before{display:none;}
    .aboutA .b .L .item .pic{height: 87px;line-height: 87px;}


}