@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 1200px) {
    header{padding: 0 5%;}
    .nav li{margin: 0 .05rem;}
}

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

    header{height: 1.8rem;transition: all 0.3s;padding: 0 5%;}
    header:after{left: 0;top: 0rem;right: 0;height: 1.8rem;}
    header h1{left: 5%;top: .1rem;z-index: 100;width: 1.4rem;}
    header .dh{display: none;}

    header .navm{ display: block;transition: all 0.3s;}
    .nav{position: fixed;left: 0;top: 1.8rem;right: 0;bottom: 0;z-index: 1000;padding: 0;display: none;background: #333;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: 1.2rem;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: .4rem;transform: rotate(-90deg);}
    .nav li.on p a i{transform: rotate(0deg);}
    .nav li .subnav{position: initial;width: 100%;box-shadow: none;font-size: .32rem;left: 0;transform: translateX(0%);text-align: left;margin-left: 0;padding: 0;border-top: none;}
    .nav li .subnav:after{display: none;}
    .nav li dd{font-size: .32rem;text-align: left;width: 100%;}
    .nav li dd a{padding: .2rem 5%;display: flex;align-items: center;}
    .nav li dd .pic{width: 1.6rem;margin: 0 .2rem 0 0;}
        
    header .search{margin-left: 0;display: none;}
    header .search i{font-size: .4rem;width: .6rem;line-height: .6rem;height: .6rem;}
    .search_box{top: 1.2rem;padding: .3rem 5%;}
    .search_box .search_t i{display: none;}
    .search_box .input_btn{width: 20%;height: 1.2rem;font-size: .4rem;}
    .search_box .input_txt{width: 80%;height: 1.2rem;padding: 0 .2rem;}
    .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 p{line-height: .8rem;font-size: .32rem;width: 2rem;}
    header .yuyan i{font-size: .32rem;margin-right: .1rem;}
    header .yuyan ul{top: .8rem;width: 2rem;font-size: .32rem;}
    header .yuyan li a{color: #FFF;padding: .1rem .2rem;display: block;}

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

    .banner{margin-top: 1.8rem;}
    .banner .swiper-slide .m{display: block;}
    .banner .swiper-slide .pc{display: none;}
    .banner .swiper-slide figure{padding-bottom: 56%;}
    .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: .3rem;height: .3rem;}
    .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;}

    .dyip .hd li{width: 49%;padding: .05rem;cursor: pointer;margin-bottom: .1rem;}
    .dyip .hd li:last-child:nth-child(3n+1) {margin-right: calc((100% - 31.333%) / 2 * 2);}
    .dyip .hd li:last-child:nth-child(3n+2) {margin-right: calc((100% - 31.333%) / 2 * 1);}
    .dyip .bd ul{margin-top: .2rem;margin-left: 0;}
    .dyip .bd li{width: 100%;float: left;margin-left: 0;margin-bottom: .2rem;}
    .dyip .bd li h2{left: .3rem;right: .3rem;top: .3rem;font-size: .4rem;}
    .dyip .bd li h2:after{width: .4rem;margin-top: .1rem;}
    .dyip .bd li p{left: .3rem;right: .3rem;bottom: .3rem;}
    .dyip .bd li a{padding: .3rem;}

    .derp{padding: 1rem 0;}
    .derp .index_lingyu{margin-top: .4rem;}

    .dsanp .hd li{width: 33.333%;padding: .05rem;}
    .dsanp .bd .conyi .left{width: 100%;}
    .dsanp .bd .conyi .pic{width: 50%; margin-left: 0;}
    .dsanp .bd .conyi a{height: auto;padding: .3rem;}
    
    .dwup{padding: 1rem 5%;}
    .dwup .left{width: 100%;}
    .dwup .left .more{margin-top: .2rem;font-size: .32rem;}
    .dwup .right{width: 100%;margin-top: .5rem;}

    .dliup ul{margin-top: .4rem;}
    .dliup li{width: 100%;padding: .3rem;margin-bottom: .2rem;}
    .dliup li i{font-size: .8rem;margin-bottom: .2rem;}
    .dliup li .pic{margin-top: .2rem;}

    .dsanp .box .hd{width: 100%;}
    .dsanp .box .hd ul{display: flex;align-items: stretch;justify-content: space-between;}
    .dsanp .box .hd li{width: 49%;}
    .dsanp .box .hd li i{font-size: .5rem;}
    .dsanp .box .bd{width: 100%;margin-top: .2rem;}
    .dsanp .box .bd .left{width: 100%;}
    .dsanp .bd .conyi .left span{font-size: 1.2rem;}
    .dsanp .bd .conyi .left .txt strong{font-size: .5rem;}
    .dsanp .box .bd .right{width: 100%;margin-top: .2rem;}
    .dsanp .box .bd .right h2{font-size: .4rem;}
    .dsanp .box .bd .right .more{width: .6rem;height: .6rem;line-height: .6rem;}
    .dsanp .box .bd .right .more i{font-size: .32rem;}

    .dsip{padding: 1rem 5%;justify-content: center;}
    .dsip .title p{font-size: .32rem;}
    .dsip .title .more i{font-size: .32rem;width: .6rem;height: .6rem;margin-right: .2rem;}
    .dsip ul{margin-top: .3rem;flex-wrap: wrap;}
    .dsip li{width: 30%;position: relative;margin-bottom: .3rem;}
    .dsip li .txt{padding: .3rem;}
    .dsip li .txt h2{font-size: .4rem;margin-top: .1rem;}
    .dsip li .txt span{line-height: 2;font-size: .32rem;}
    .dsip li .txt .more{width: .5rem;height: .5rem;line-height: .5rem;margin-top: .2rem;}
    .dsip li .txt .more i{font-size: .32rem;}

    .dliup .box{padding: 1rem 5%;}
    .dliup .box .left{width: 100%;}
    .dliup .box .left h2{font-size: .4rem;}
    .dliup .box .left .more i{font-size: .32rem;}
    .dliup .box .pic{width: 100%;margin-top: .5rem;}
    .dliup .swiper-button-next,.dliup .swiper-button-prev{width: .5rem;height: .5rem;line-height: .5rem;}
    .dliup .swiper-button-next:after,.dliup .swiper-button-prev:after{font-size: .32rem;}

    .dqip .hd li{width: 25%;padding: .05rem;text-align: center;}
    .dqip .bd .conyi .pic{width: 100%;position: relative;}
    .dqip .bd .conyi .pic h2{padding: .3rem;}
    .dqip .bd .conyi ul{width: 100%;margin-bottom: -.2rem;margin-top: .3rem;}
    .dqip .bd .conyi li{margin-bottom: .4rem;}
    .dqip .bd .conyi li .riqi{padding: .2rem;}
    .dqip .bd .conyi li .riqi span{font-size: .5rem;}
    .dqip .bd .conyi li .txt{margin-left: 22%;}
    .dqip .bd .conyi li .txt strong{font-size: .4rem;}

    .subnaver{padding: 0 5%;position: initial;margin-top: 1.8rem;}
    .subnaver ul{margin-left: -2%;}
    .subnaver li{font-size: .32rem;margin-right: 0;line-height: .4rem;width: 48%;margin-left: 2%;}
    .subnaver li a{padding: .1rem 0;}

    .banner_pic{position: relative;margin-top: 1.8rem;}
    .banner_pic .title{left: 5%;right: 5%;width:90%;}
    .banner_pic .title p{font-size: .32rem;margin-top: .1rem;}
    .banner_pic figure{width: 100%;padding-bottom: 40%;}

    .about_dyip .box .left{width: 100%;}
    .about_dyip .box .left h2{font-size: .32rem;margin-top: .1rem;}
    .about_dyip .box .pic{width: 100%;margin-top: .2rem;}
    .about_dyip li{font-size: .32rem;}
    .about_dyip li i{font-size: .5rem;}

    .about_derp .title{padding: .5rem 5%;font-size: .5rem;}
    .about_derp .swiper-button-next,.about_derp .swiper-button-prev{width: .6rem;height: .6rem;line-height: .6rem;margin-top: -.3rem;}
    .about_derp .swiper-button-next:after,.about_derp .swiper-button-prev:after{font-size: .32rem;}

    .about_dsanp .title{font-size: .5rem;}
    .about_dsanp li{font-size: .32rem;width: 50%;margin-top: .2rem;}
    .about_dsanp li i{font-size: .5rem;}

    .about_dsip{background-size: cover;padding: 5% 0 24% 0;}
    .about_dsip .title{font-size: .5rem;}
    .about_dsip .txt{padding: .2rem 5% 0 5%;}
    .about_dsip .zhengshu .swiper-button-next,.about_dsip .zhengshu .swiper-button-prev{width: .6rem;height: .6rem;margin-top: -.3rem;}
    .about_dsip .zhengshu .swiper-button-next:after,.about_dsip .zhengshu .swiper-button-prev:after{font-size: .32rem;}

    .qur li figure{padding-bottom: 80%;}
    .qur li .txt{padding: .4rem;}
    .qur li h2{font-size: .5rem;}

    .products .title{font-size: .5rem;}
    .partnrs li{width: 31.333%;margin-bottom: 2%;}

    .subnav{padding: 0 5%;display: block;}
    .subnav ul{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
    .subnav li{width: 33.333%;font-size: .32rem;margin-right: 0;}
    .subnav li:last-child:nth-child(3n+1) {margin-right: calc((100% - 33.333%) / 2 * 2);}
    .subnav li:last-child:nth-child(3n+2) {margin-right: calc((100% - 33.333%) / 2 * 1);}
    .subnav p{display: flex;align-items: center;justify-content: left;}
    .subnav i:nth-of-type(1){font-size: .32rem;margin-right: .1rem;}
    .subnav i{font-size: .2rem;padding: 0 .1rem;}

    .fenye{margin-top: .5rem;}
    .fenye li{font-size: .32rem;}
    .fenye li a{padding: .3rem;}
    .fenye li i{font-size: .32rem;}

    .bannern figure{padding-bottom: 50%;}

    .dqwz{padding: .2rem 0;border-top: 1px solid #CCC;}
    .dqwz i{font-size: .332rem;padding: 0 .1rem;}

    .con{padding: 5%;}

    .products_t{margin-left: -2%;}
    .products_t select{width: 48%;padding: 0 .07rem;margin: 0;margin-left: 2%;margin-bottom: 2%;height:1rem;}
    .products_t .search{width: 48%;margin-left: 2%;margin-bottom: 2%;}
    .products_t .search .input_txt{height:1rem;}
    .products_t .search .input_btn{height:1rem;}

    .products li{width: 100%;margin-bottom: .2rem;}
    .products li h2{left: .2rem;right: .2rem;top: .2rem;font-size: .4rem;}
    .products li h2:after{width: .8rem;margin-top: .2rem;height: 2px;}
    .products li p{left: .2rem;right: .2rem;bottom: .2rem;}

    .products_b{margin-top: .3rem;font-size: .32rem;}

    .news li{width: 100%;margin-bottom: 2%;margin-left: 0;}
    .news li figure{width: 100%;padding-bottom: 50%;}
    .news li .txt h2{font-size: .4rem;}
    .news li .txt{padding: .3rem;width: 100%;box-sizing: border-box;}
    .news li .txt strong{font-size: .4rem;margin-top: .2rem;}
    .news li .txt p{margin-top: .12rem;font-size: .32rem;}
    .news li .li_t{padding: 0 .3rem;font-size: .32rem;height: 1rem;}
    .news li .li_t p{padding: .03rem .1rem;}
    .news li .more{padding: .2rem .3rem;font-size: .32rem;}

    .huoban li{width: 32%;}

    .wenti li{padding: .2rem 0;}
    .wenti li .dan{margin-top: .15rem;}
    .wenti li p{margin-left: .8rem;}
    .wenti li span{width: .5rem;height: .5rem;}

    .products_con_t{margin-top: 0;}
    .products_con_t .left{width: 100%;}
    .products_con_t .right{width: 100%;padding: .3rem;}
    .products_con_t .right h2{font-size: .5rem;}
    .products_con_t .right .more{margin-top: .2rem;font-size: .32rem;}
    .products_con_t .right .more i{font-size: .32rem;margin-right: .1rem;}
    .products_con_t .right .xiazai a{padding: .1rem .2rem;}
    .products_con_t .right .xiazai i{font-size: .32rem;}

    .products_con_dyip .title h2{font-size: .5rem;}
    .products_con_dyip ul{margin-left: -2%;}
    .products_con_dyip li{width: 48%;padding: .5rem;margin-left: 2%;}
    .products_con_dyip li i{font-size: .5rem;}
    .products_con_dyip li p{line-height: 1.6;margin-top: .2rem;font-size: .32rem;}

    .products_con_derp .title h2{font-size: .5rem;}
    .products_con_derp .box{overflow-y: scroll;}
    .products_con_derp th{padding: .2rem;font-size:.4rem;}

    .products_con_dsanp{margin-top: .5rem;}
    .products_con_dsanp .title{padding: 0 5%;}
    .products_con_dsanp .title h2{font-size: .5rem;}
    .products_con_dsanp .swiper-button-next,.products_con_dsanp .swiper-button-prev{width: .6rem;height: .6rem;line-height: .6rem;margin-top: -.3rem;}
    .products_con_dsanp .swiper-button-next:after,.products_con_dsanp .swiper-button-prev:after{font-size: .32rem;}
    .products_con_dsanp .swiper-button-next{right: 2%;left: auto;}
    .products_con_dsanp .swiper-button-prev{left: 2%;right: auto;}

    .products_con_dsip .title{text-align: center;padding: 0 5%;}
    .products_con_dsip .title h2{font-size: .5rem;}
    .products_con_dsip .swiper-button-next,.products_con_dsip .swiper-button-prev{width: .6rem;height: .6rem;line-height: .6rem;margin-top: -.3rem;}
    .products_con_dsip .swiper-button-next:after,.products_con_dsip .swiper-button-prev:after{font-size: .32rem;}
    .products_con_dsip .swiper-button-next{right: 2%;left: auto;}
    .products_con_dsip .swiper-button-prev{left: 2%;right: auto;}

    .products_related{margin-top: .5rem;text-align: center;}
    .products_related .title{font-size: .4rem;}
    .products_related .picshi{margin-top: .4rem;padding-top: .2rem;text-align: left;}
    .products_related .swiper-slide{margin-bottom: 6%;}
    .products_related .swiper-slide .bq{left: .2rem;top: -.3rem;padding: .05rem .1rem;}
    .products_related .swiper-slide .title h2{font-size: .28rem;font-weight: bold;}
    .products_related .swiper-slide .title p{font-size: .28rem;}
    .products_related .swiper-slide .txt{font-size: .26rem;}
    .products_related .swiper-slide a{padding: .4rem .2rem;}
    .products_related .swiper-slide .more{font-size: .32rem;}
    .products_related .swiper-slide .more a{padding: .1rem .2rem;}
    .products_related .swiper-slide .more i{font-size: .32rem;}
    .products_related .moreer a{padding: .1rem .4rem;}

    .banner_fanan{margin-top: 0;}
    .banner_fanan .swiper-slide{padding: .6rem 5%;}
    .banner_fanan .swiper-slide .left{width: 100%;}
    .banner_fanan .swiper-slide h2{font-size: .5rem;}
    .banner_fanan .swiper-slide .txt{line-height: 1.6;margin-top: .3rem;font-size: .32rem;}
    .banner_fanan .swiper-slide li a{padding: .1rem .2rem;display: block;color: #FFF;text-decoration: underline;}
    .banner_fanan .swiper-slide .pic{width: 100%;}

    .fangan_dyip{position: relative;margin-top: 1.8rem;}
    .mySwiper2 .swiper-slide{padding: 5%;}
    .mySwiper2 .swiper-slide .left{width:100%;}
    .mySwiper2 .swiper-slide h2{font-size:.4rem;}
    .mySwiper2 .swiper-slide .txt{font-size:.32rem;}
    .mySwiper2 .swiper-slide .pic{width:100%;}
    .mySwiper{left: 0;right: 0;bottom:0;}
    .mySwiper .swiper-slide{height:1.2rem;font-size:.26rem;}
    
    .fangan .title h2{font-size:.5rem;}
    .fangan li{width: 48%;}

    .fangan_derp{margin-top: .6rem;background: #F5F5F5;padding: 5%;}
    .fangan_derp .title{font-size: .5rem;}
    .fangan_derp .related .swiper-slide p a i{font-size: .32rem;}

    .fangan_dsanp strong{font-size: .4rem;}
    .fangan_dsanp p{margin-top: .2rem;font-size: .32rem;}
    .fangan_dsanp .more{margin-top: .5rem;}
    .fangan_dsanp .more a{padding: .1rem .2rem;}

    .news_con .title h2{font-size: .4rem;}

    .news_con .left{width: 100%;float: none;}
    .news_con .left .title .ht{padding: .03rem;font-size: .32rem;}
    .news_con .left .title h2{font-size: .5rem;}
    .news_con .left .title p{text-transform: uppercase;font-size: .32rem;}
    .news_con .left .title ul{margin-top: .2rem;}
    .news_con .left .title li{margin-left: 0;font-size: .24rem;margin-right: .2rem;}
    .news_con .left .title li i{font-size: .24rem;width: .4rem;height: .4rem;}
    .news_con .left .title li span{padding: 0 .1rem;}
    .news_con .left .txt{line-height: 1.4;margin-top: .4rem;padding: .3rem 0;}

    .news_con .left .news_con_b i{font-size: .24rem;}
    .news_con .left .news_con_b .tag{font-size: .24rem;padding: .2rem 0;}

    .news_con .left .news_con_b .bq{padding: .2rem 0;font-size: .24rem;}

    .news_con .left .news_con_b .fx li{font-size: .24rem;margin-right: .2rem;}
    .news_con .left .news_con_b .fx li i{font-size: .24rem;width: .4rem;height: .4rem;}
    .news_con .left .news_con_b .fx li span{padding: 0 .1rem;}

    .news_con .right{width: 100%;float: none;margin-top: .6rem;}
    .news_con .right h2{font-size: .5rem;}
    .news_con .news_r_t{margin-top: .3rem;}
    .news_con .right li a{padding: .2rem 0;display: block;}
    .news_con .right .txt{padding: .2rem 0;}
    .news_con .right li .txt strong{font-size: .4rem;}

    .service .title{font-size: .5rem;}
    .service ul{margin-top: .4rem;margin-left: 0;}
    .service li{width: 100%;background: #F5F5F5;box-sizing: border-box;margin-left: 0;margin-bottom: 2%;}
    .service .service_san li{width:100%;}
    .service li .txt{padding: .5rem;}
    .service li i{font-size: .6rem;}

    .service_quality .hd li{border-bottom: 2px solid #f5f5f5;width: 48%;}
    .service_quality .bd li h2{cursor: pointer;}
    .service_quality .bd li{padding-left: .3rem;}
    .service_quality .bd li:before{content: '';position: absolute;left: 0;top: .28rem;width: .08rem;height: .08rem;}
    .service_quality .bd li .txt{padding: .3rem;}

    .service_quality .serviceer .swiper-slide{height: 1.2rem;font-size: .32rem;}

    .syt li i{font-size: .32rem;}

    .con .contact li{width: 100%;margin-top: .4rem;}
    .con .contact li i,.con .contact li em{width: 1.2rem;height: 1.2rem;line-height: 1.2rem;font-size: .5rem;}
    .con .contact li strong{margin-top: .2rem;font-size: .32rem;}
    .con .contact li .xian{width: .4rem;margin-top: .1rem;}

    #map_container{ height:6rem;margin-top: .5rem;}

    .zgs .list{width: 100%;padding: .4rem 0;}
    .zgs .list .title{font-size: .4rem;padding-bottom: .2rem;}

    .liuyan li{ width:100%; margin-bottom: .1rem;}
    .liuyan .textarea textarea{ height:3rem; padding:2%;}
    .liuyan .input_btn{padding: .1rem .4rem;}

    .dingye .right{width: 100%;margin-top: .2rem;}
    .dingye .right .input_txt{height: 1.2rem;}
    .dingye .right .input_btn{background-size: .4rem;height: 1.2rem;}

    footer{padding:5%;}
    footer .foot_t .left{width: 100%;}
    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: .5rem;margin-bottom: .1rem;}
    footer .foot_t .left dd{float: left;margin-right: .4rem;font-size: .32rem;padding-bottom: .1rem;}
    footer .foot_t .right{width: 100%;padding-top: .3rem;}
    footer .foot_t .right .txt{margin-top: .2rem;}
    footer .foot_t .right .txt i{margin-right: .1rem;font-size: .32rem;margin-top: .05rem;}
    footer .foot_t .right .txt em{margin-right: .1rem;font-size: .32rem;margin-top: .05rem;}
    footer .foot_t .right .txter ul{display: flex;align-items: center;margin-top: .2rem;}
    footer .foot_t .right .txter li i{font-size: .32rem;}
    footer .foot_t .right .txter li a{height: .6rem;width: .6rem;}

    footer .foot_b{padding: .3rem 0;margin-top: 0;border-top: none;}
    
    .kefu{display: none;}
    
}