﻿@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 1600px) {
    header .top{padding: 0 6%;}
    .banner_ny{}
    .sy_gy .txt{padding-left:6%;}
    .index-product .left{padding: 0 6%;}
    .layout{padding: 0 6%;}
    .layout2{padding: 0 6%;}
    footer{padding: 0 6%;}
}
@media screen and (max-width: 1400px) {

    header .top{padding: 0 4%;}
    .nav li p{font-size: 16px;}
    .banner_ny{padding-top: 60px;}
    .sy_gy .txt{padding-left:4%;}
    .sy_gy .txt .ml1{font-size: 48px; line-height: 48px;}
    .sy_gy .txt .ml2{font-size: 30px; line-height: 30px;}
    .sy_gy .txt .ml5 a{line-height: 40px;}
    .index-product .left .subtitle{font-size: 36px;}
    .index-product .left{padding: 0 4%;}
    .index-Advantage-title{font-size:36px; line-height: 36px;}
    .layout{padding: 0 4%;}
    .layout2{padding: 0 4%;}
    .ny_lx .txt .bt{font-size:36px; line-height: 36px;}
    .fwz{font-size:20px !important}
    footer{padding: 0 4%;}
}

@media screen and (max-width: 1200px) {
    body{ font-size:.08rem;}

    header{padding: 0 0%;}
    header .dingbu{padding: 0 2%;}
    header .top{padding: 0 2%; height: auto;}
    .sy_gy .txt{padding-left:2%;}
    .nav li{margin: 0 .1rem;}
    .nav li p{font-size: 15px;}
    .nav li .subanv_nav{width: 3rem;}
    .nav li dd{font-size: .12rem;}

    header .yuyan{font-size: .08rem;}
    header .yuyan li a{width: .3rem;height: .3rem;}

    header .search i{font-size: .16rem;width: .3rem;line-height: .3rem;height: .3rem;}
    .sy_gy .txt .ml1{font-size:32px; line-height: 32px;}
    .sy_gy .txt .ml2{font-size:28px; line-height: 28px;}
    .sy_gy .txt .ml4{padding-top:2.5%;}
    .sy_gy .txt .ml5{padding: 3% 0;}

    .index-product .left .subtitle{font-size:32px;}
    .index-product .left{padding: 0 2%;}
    .index-Advantage-title{font-size:32px; line-height: 32px;}
    .layout{padding: 0 2%;}
    footer{padding: 2%;}
    .layout2{padding: 0 2%;}
    .nytitle .abt{font-size:32px; line-height: 32px;}
    .fwz{font-size: 16px !important;}
    .ny_lx .txt .bt{font-size:32px; line-height: 32px;}
    footer{padding: 0 2%;}
}

@media screen and (max-width: 980px) {
    body{ font-size:.08rem;}
    .fs{font-size: .5rem;}
    table,td,tr,th{font-size:.32rem;}
    .iconfont{font-size: .4rem;}

    header:after{left: 5%;top: 1.2rem;right: 5%;}
    header h1{left: 5%;top: .1rem;z-index: 100;width:1.8rem;}
    header .dh{display: none;}

    header .navm { display:inline-flex;transition: all 0.3s; width: auto;}
    /* header .right{margin-right: 4%;} */
    
    .nav{position: fixed;left: 0;top: 1.2rem;right: 0;bottom: 0;z-index: 1000;padding: 0;display: none;background: #044fa0;margin: 0;}
    .nav li{display: block;border-bottom: 1px solid rgba(255, 255, 255, .1);margin-left: 0;border-bottom: 1px solid rgba(255, 255, 255, .1);margin: 0;}
    .nav li:after{display: none;}
    .nav li p{line-height:1rem;font-size: .32rem;padding:0 .02rem;}
    .nav li p:after{display: none;}
    .nav li p a{padding: 0 5%;display: flex;align-items: center;justify-content: space-between;color: #FFF;}
    .nav li:hover p a{text-decoration: none;color:#FFF;}
    .nav li.current p a{color:#FFF;}
    .nav li p a i{display: block;transition: all .3s;font-size: .26rem;}
    .nav li.on p a i{transform: rotate(-90deg);}
    .nav li dl{position: initial;width: 100%;box-shadow: none;font-size: .32rem;left: 0;transform: translateX(0%);text-align: left;margin-left: 0;padding: 0;}
    .nav li dl:after{display: none;}
    .nav li dd{font-size: .28rem;text-align: left;float: none;}
    .nav li dd a{padding: .2rem 5%;}
    
    header .search{margin-left: 0;}
    header .search i{font-size: .6rem;width: 1.2rem;line-height: 1.2rem;height: 1.2rem;}
    .search_box{top: 1.2rem;padding: 0;}
    .search_box .search_t i{display: none;}
    .search_box .input_btn{width: 20%;height: 1.2rem;font-size: .32rem;}
    .search_box .input_txt{width: 80%;height: 1.2rem;padding: 0 .2rem 0 .5rem;font-size: .32rem;}
    .search_box .search_c{font-size: .32rem;padding: .2rem 0;}
    .search_box .search_c h2{width: 100%;font-weight: bold;}
    .search_box .search_c ul{margin-top: .1rem;}
    .search_box .search_c li{float: left;margin-right: .1rem;margin-left: 0;}

    header .yuyan{font-size: .32rem;}
    header .yuyan li a{width: .6rem;height: .6rem;}
    header .yuyan li i{font-size: .24rem;}

    .h_active .nav li p a{color: #FFF;}
    .h_active .navm{color: #333;}

    .banner{position: relative;margin-top:60px;}
    .banner .swiper-slide .m{display: block;}
    .banner .swiper-slide .pc{display: none;}
    .banner .swiper-slide figure{padding-bottom: 50%;}
    .banner .swiper-slide .txt h2{font-size: .5rem;}
    .banner .swiper-slide .txt p{font-size: .32rem;margin-top: .1rem;}
    .banner .swiper-pagination{bottom: 2%;font-size: .32rem;}
    .banner .swiper-pagination-bullet{width: .2rem;height: .2rem;}
    .banner .swiper-pagination .swiper-pagination-current{font-size: .6rem;}
    .banner .swiper-button-next,.banner .swiper-button-prev{width: .8rem;height: .8rem;text-align: center;line-height: .8rem;margin-top: -.4rem;}
    .banner .swiper-button-next:after,.banner .swiper-button-prev:after{font-size: .3rem;}

    .sy_gy{display: block;}
    .sy_gy .txt{width:96%; margin: 0 auto; box-sizing: border-box; padding-left: 0;}
    .sy_gy .img{width:96%; margin: 0 auto; box-sizing: border-box;}
    .sy_gy .txt .ml4{font-size: 15px; line-height:28px;}
    .sy_gy .txt .ml5 a{line-height: 30px;}
    .index-product{display: block;}
    .index-product .left{width: 100%;}
    .index-product .left .subtitle{font-size:28px; margin-bottom: 0;}
    .index-product .left p{font-size: 15px; line-height: 28px; margin-top:1%;}
    #product-list{width:96%; margin: 0 auto; box-sizing: border-box;}
    .index-product .left .hover-btn{margin:3% 0}
    .index-Advantage-title{font-size:28px; line-height: 28px;}
    .index-Global-title{font-size: 22px;}
    .fwz{font-size:20px !important;}

    .banner_ny{padding-top: 60px;}
    .sun-navs{height: 40px; margin-top:-40px}
    .sun-navs ul li{line-height: 40px; font-size: 15px;}
    .nytitle .abt{font-size: 28px; }
    .aboutny{font-size: 15px; line-height: 28px;}



    footer .foot_t .left{width: 100%;}
    footer .foot_t .left .logo{width: 5rem;}
    footer .foot_t .left dl{width: 100%;border-bottom: 1px solid rgba(255, 255, 255, .1);padding: .2rem 0;}
    footer .foot_t .left dt{font-size: .32rem;margin-bottom: .1rem;}
    footer .foot_t .left dd{float: left;margin-right: .2rem;font-size: .24rem;}
    footer .foot_t .right{width: 100%;margin-top: .4rem;}
    footer .foot_t .right span{font-size: .32rem;}
    footer .foot_t .right .txtyi p{font-size: .5rem;margin-top: .2rem;}
    footer .foot_t .right .txter li{font-size: .32rem;}

    footer .foot_b{padding: .3rem 0;margin-top: 0;border-top: none;font-size: .24rem;}


    .Ulimg2 li{width: 31.333%;}
    .Ulimg2 li span{font-size: 14px;}

    
    .kefu{display: none;}


    .workshop li{width: 31.333%;}
    .workshop li span{font-size: 14px;}
    .partner li{width: 31.333%;}
    .product_list ul li{width: 31.333%;}
    .in_pr li .pright_zi{font-size: 22px;}
    .in_pr li .pright_xny{font-size: 15px; line-height: 24px;}
    .cjwt-nr-title a{font-size: 16px;}
    .bots .title{font-size: 20px;}
    .ny_lx .txt .bt{font-size:28px; line-height: 28px;}
    .ny_lx{display: block;}
    .ny_lx .txt{width: 100%;}
    .ny_lx .txt .nr ul li{font-size: 16px;}
    .ny_lx .dt{width: 100%;}
    



    
}
@media screen and (max-width:768px) {
    .header_zi{font-size: 18px;}
    .nav{top:60px}
    .navm i{font-size: 0.4rem;}
    .sy_gy .txt .ml1{font-size:24px; line-height: 24px;}
    .sy_gy .txt .ml2{font-size:20px; line-height:20px;}
    .sy_gy .txt .ml4{line-height: 24px; font-size: 14px;}
    .index-product .left .subtitle{font-size:24px;}
    .index-Advantage-title{font-size:24px; line-height: 24px;}
    .index-Global-title{font-size: 20px;}
    .index-Global{width: 100%;}
    .index-Global-wb{margin-top: 0; font-size: 14px; line-height: 22px;}
    .fwz{font-size: 18px !important;}
    .nytitle .abt{font-size:24px; }
    .aboutny{font-size: 14px; line-height: 24px;}
    .sun-navs{margin-top:0px; position: static; height: auto;}
    .sun-navs ul li{line-height: 35px; font-size: 14px;}
    .Ulimg2 li{width:48%;}
    .workshop li{width:48%;}
    .partner li{width:48%;}
    .product_list ul li{width:48%;}
    .in_pr li{display: block; margin-bottom: 2%;}
    .in_pr li .pleft{width: 100%;}
    .in_pr li .pright{width: 100%; padding: 3%; box-sizing: border-box;}
    .in_pr li .pright_zi{font-size: 20px;}
    .in_pr li .pright_xny{font-size: 14px; line-height:22px;}
    .cjwt-nr-title a{font-size: 15px;}
    .cjwt-hz-bottom-wz{font-size: 14px; line-height: 22px;}
    .about_joinny li{width: 98%;}
    .bots .title{font-size:18px;}
    .col-sm-6{width: 100%;}
    .ny_lx .txt .nr ul li{font-size:14px; line-height: 24px;}
    .map #map_container{height: 400px;}


}
@media screen and (max-width:500px) {
    .header_zi{font-size: 16px;}
    .yuyan p{font-size: 16px;}
    .yuyan ul{width: 100%;}
    .sy_gy .txt .ml1{font-size:22px; line-height: 22px;}
    .sy_gy .txt .ml2{font-size:18px; line-height:18px;}
    .index-product .left .subtitle{font-size:22px;}
    .index-Advantage-title{font-size:22px; line-height: 22px;}
    .index-Global-title{font-size:18px;}
    .fwz{font-size: 16px !important;}
    .nytitle .abt{font-size: 22px; }
    .in_pr li .pright_zi{font-size:18px;}
    .bots .title{font-size: 16px;}
    .ny_lx .txt .bt{font-size:22px; line-height: 22px;}
}
@media screen and (max-width:400px) {
    .header_zi{font-size: 13px;}
    .yuyan p{font-size: 13px;}
}