@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 980px) {
    body{ font-size:.32rem;}
    .Fbt{font-size: .5rem;}
    .Fny{font-size: .5rem;}
    .iconfont{font-size: .4rem;}
    .layout{padding: 1rem 5%;}

    header{height: 1.2rem;transition: all 0.3s;}
    header h1{left: 5%;top: .2rem;z-index: 100;width: 3rem;}

    header .navm { display: block;color: #FFF;}
    .nav{position: fixed;left: 0;top: 1.2rem;right: 0;bottom: 0;z-index: 1000;padding: 0;display: none;background: #193cad;}
    .nav li{display: block;border-bottom: 1px solid rgba(255, 255, 255, .1);margin-left: 0;}
    .nav li p{line-height: 1.2rem;font-size: .4rem;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 p a i{display: block;transition: all .3s;}
    .nav li.on p a i{transform: rotate(90deg);}
    .nav li dl{position: initial;width: 100%;box-shadow: none;font-size: .32rem;}
    .nav li dd a{padding: .2rem 5%;}

    header .yuyan{right: 1.2rem;line-height: 1.2rem;font-size: .32rem;}

    .h_active{box-shadow: 0 0 .1rem rgba(0,0,0,.1);}
    .h_active .navm{color: #333;}
    .h_active .nav li p a{color: #FFF;}
    .h_active .nav li:hover p a{text-decoration: none;color: #FFF;}
    .h_active .nav li.current p a{color: #FFF;}

    .banner:after{height: 1.6rem;}
    .banner .swiper-slide .m{display: block;}
    .banner .swiper-slide .pc{display: none;}
    .banner .swiper-pagination .swiper-pagination-bullet{margin:0 .1rem;}
    .banner .swiper-pagination-bullet{width: 0.15rem;height: 0.15rem;}
    .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: 0.6rem;}

    .dyip li figure{padding-bottom: 100%;width: 100%;}
    .dyip li:nth-of-type(odd) figure{float: none;}
    .dyip li:nth-of-type(even) figure{float: none;}
    .dyip li .txt{position: initial;width: 100%;padding: 5%;}
    .dyip li:nth-of-type(odd) .txt .txter{padding: 0;}
    .dyip li:nth-of-type(even) .txt .txter{right: 0;width: auto;padding: 0;}
    .dyip li .txt .txter i{font-size: .4rem;}
    .dyip li .txt .txter strong{font-size: .5rem;margin-top: .1rem;}
    .dyip li .txt .txter p{margin-top: .2rem;line-height: 1.6;}
    .dyip li:nth-of-type(odd) .txt .txtsan{left: 0;width: auto;}
    .dyip li:nth-of-type(even) .txt .txtsan{width: auto;left: 0;}
   
    .dyip li:nth-of-type(2) .txt .txtsan dl{width: 100%;margin-bottom: .3rem; border-right: 1px solid rgba(255,255,255,.1);box-sizing: border-box;width: 20%;}
    
    .dyip li:nth-of-type(2) .txt .txtsan dl:last-child{border-right: none;}
    
    
    
    .dyip li .txt .txtsan dt{font-size: .4rem;margin-bottom: .1rem;font-weight: bold;}
    .dyip li .txt .txtsan dd{line-height: 1.8;}
    
    .dyip li .txt .more a{border: .015rem solid #193cad;}
    .dyip li:nth-of-type(odd) .txt .more{margin-left: 0;}
    .dyip li:nth-of-type(even) .txt .more{margin-left: 0;}

    .derp li{width: 48%;margin-bottom: .4rem;}
    .derp li strong{padding: .2rem;font-size: .4rem;}

    .dsanp .box{padding: 1rem 5%;}
    .dsanp li{font-size: .32rem;width: 50%;margin-bottom: .4rem;}
    .dsanp li i{font-size: .5rem;}
    .dsanp li:nth-of-type(even){border-right: none;}
    .dsanp .more a{padding: .1rem .4rem;}

    .dsip li{width: 48%;margin-bottom: .4rem;}
    .dsip li strong{padding: .16rem .2rem;font-size: .4rem;}

    .dwup li{width: 100%;margin-bottom: .4rem;}
    .dwup li .txt strong{font-size: .4rem;margin-top: .1rem;}

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

    .banner_pic figure{padding-bottom: 50%;}
    .banner_pic .title p{font-size: .32rem;}
    .banner_pic:after{height: 1.6rem;}
    
    .subnav{padding:0 5%;display: block;}
    .subnav i{font-size: .32rem;padding: 0 .1rem;}
    .subnav p{padding: .15rem 0;border-bottom: 1px solid #DDD;display: none;}
    .subnav ul{display: flex;align-items: center;justify-content: left;margin-left: -3%;}
    .subnav li{margin-left: 0;width: 30.333%;margin-left: 3%;}
    .subnav li a{padding: .15rem 0;}
    .subnav li a:after{height: .03rem;}

    .about .em{position: relative;top: -1.2rem;}
    .about_dyip li{font-size: .32rem;width: 50%;margin-bottom: .3rem;}
    .about_dyip li i{font-size: .5rem;}

    .about_derp{padding: 1rem 0% 1.3rem 0%;}
    .about_derp .swiper-father{padding: .4rem 10% 0 10%;}
    .about_derp .swiper-father .swiper-button-next:after, .about_derp .swiper-father .swiper-button-prev:after{font-size: .6rem;}
    .about_derp:before {margin-left: -4.5rem;width: 9rem;height: 2rem;}

    .about_dsanp{padding: 1rem 0 1.2rem 0;}
    .about_dsanp .swiper-father .swiper-wrapper{padding: 0 .5rem;}
    .about_dsanp .licheng .swiper-slide{height: 6rem;margin-top: .6rem;}
    .about_dsanp .licheng .swiper-slide .box{margin-left: .4rem;}
    .about_dsanp .licheng .swiper-slide .dian{width: .22rem;height: .22rem;left: -.13rem;}
    .about_dsanp:after{bottom: 1.2rem;}

    .products li{width: 48%;}
    .products li strong{padding: .2rem;font-size: .32rem;}

    .products_con .products_con_t .left{width: 100%;float: none;}
    .products_con_t .right{width: 100%;float: none;}
    .products_con_t .right strong{font-size: .5rem;padding: .2rem 0;}

    .products_con_b .titleer{padding: .2rem 0;font-size: .4rem;}

    .fangan li{width: 48%;margin-bottom: 4%;font-size: .32rem;}
    .fangan li strong{padding: .2rem;}

    .news_t{box-shadow: 0 0 .1rem rgba(0,0,0,.2);}
    .news_t .swiper-slide figure{padding-bottom: 35%;width: 40%;}
    .news_t .swiper-slide .txt{width: 60%;padding: 2% 5%;}
    .news_t .swiper-slide .txt strong{font-size: .4rem;margin-top: .2rem;}
    .news_t .swiper-slide .txt p{display: none;}
    .news_t .swiper-slide .txt .more{margin-top: .2rem;font-size: .32rem;}
    .news_t .swiper-pagination-bullet{width: .13rem;height: .13rem;}
    .news_t .swiper-pagination-bullets{bottom: .1rem;}

    .news li{width: 100%;margin-bottom: 4%;padding: .4rem;}
    .news li .txt strong{font-size: .32rem;margin-top: .2rem;}
    .news li figure{margin-top: .4rem;}
    .news li p{margin-top: .4rem;}

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

    .download li{padding: .2rem;}
    .download li:nth-of-type(1){width: 60%;}
    .download li:nth-of-type(2){display: none;}
    .download li:nth-of-type(3){width: 20%;}
    .download li:nth-of-type(4){display: none;}
    .download li:nth-of-type(5){display: none;}
    .download li:nth-of-type(6){width: 20%;}

    .wenti li{margin-bottom: .1rem;border-left: .1rem solid #CCC;}
    .wenti li.on{border-left: .1rem solid #193cad;}
    .wenti li .title{ padding:.2rem;font-size: .4rem;}
    .wenti li .title i{width: .5rem;height: .5rem;line-height: .5rem;font-size: .32rem;}
    .wenti li .box{ line-height:1.6; padding: .4rem;}

    .service_dyip .txt{font-size: .32rem;}
    .service_dyip .txt h2{font-size: .4rem;}

    .service_derp{display: block;margin-top: 1rem;}
    .service_derp figure{width: 100%;padding-bottom: 60%;}
    .service_derp .txt{width: 100%;}
    .service_derp .txt h2{font-size: .5rem;}
    .service_derp .txt strong{font-size: .4rem;margin-top: .2rem;}

    .service_dsanp{margin-top: 1rem;}
    .service_dsanp li{margin-bottom: .3rem;padding: .5rem;}
    .service_dsanp li h2{font-size: .4rem;}
    .service_dsanp li dl{margin-top: .4rem;}
    .service_dsanp li dd{margin-bottom: .4rem;}
    .service_dsanp li dd:nth-of-type(odd) i{font-size: .4rem;width: .6rem;height: .6rem;line-height: .6rem;}
    .service_dsanp li dd:nth-of-type(even) i{font-size: .32rem;}

    .service_dsip{padding: 1rem 0 .4rem 0;}
    .service_dsip .txtyi{margin-top: .2rem;padding: 0;}
    .service_dsip li{width: 100%;margin-bottom: .4rem;}
    .service_dsip li .txter h2{font-size: .4rem;}
    

    .con .contact .txt{float: none;width: 100%;padding: .3rem;font-size: .32rem;}
    #map_container{width: 100%; height:6rem;float: none;}

    .liuyan .title{font-size: .5rem;margin-top: .6rem;}
    .liuyan .txt{margin-top: .1rem;font-size: .32rem;}
    .liuyan ul{margin-left: 0%;margin-top: .4rem;}
    .liuyan li{ width:100%;float: none;margin-left: 0%;}
    .liuyan li .input_txt{font-size: .32rem;}
    .liuyan .li .input_txt{font-size: .32rem;}
    .liuyan .textarea textarea{height:2rem; padding:1%;font-size: .32rem;}
    .liuyan .more{margin-top:.2rem;}
    .liuyan .input_btn{padding: .1rem .4rem;font-size: .32rem;}

    footer{padding-bottom: .3rem;}
    footer .foot_t{padding:1rem 5% .5rem 5%;display: block;}
    footer .foot_t .left{width: 100%;}
    footer .foot_t .left i{margin-right: .1rem;}
    footer .foot_t .left .txt p{font-size: .4rem;margin-top: .1rem;}
    footer .foot_t .left ul{margin-top: .2rem;}
    footer .foot_t .left li{padding-bottom: .15rem;}
    footer .foot_t .center{margin-top: 1rem;width: 100%;}
    footer .foot_t .center dt{font-size: .4rem;margin-bottom: .1rem;}
    footer .foot_t .right{width: 100%;margin-left: 0;margin-top: 1rem;}
    footer .foot_t .right li{width: 40%;}

    .foot .foot_b{padding: .5rem 5%;font-size: .32rem;}
    

}