@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 1400px) {

    .nav li{margin:0 5px;padding:0 5px;}
    .nav li dd{font-size: 16px;}

    header .yuyan{right: 10%;}

    .dyip .title h2{font-size: 30px;}
    .dyip .title p{font-size: 16px;}

    .dsip{padding:50px 15% 180px 15%;}
    .dsip .title h2{font-size: 30px;}
    .dsip .title p{font-size: 16px;}
    .dsip .txt{line-height: 38px;font-size: 16px;margin-top: 30px;}
    .dsip .more{width: 140px;line-height: 40px;border-radius: 17px;font-size: 18px;}

    .dwup{padding:50px 8%;}
    .dwup .title h2{font-size: 30px;}
    .dwup .title p{font-size: 16px;}
    .dwup li h2{font-size: 16px;}
    .dwup li .more{margin-top: 30px;font-size: 12px;}

    .dqwz{padding:14px 8%;}

    .con{padding: 50px 8%;}

    .foot .foot_t{padding:60px 8%;}
    .foot .foot_b{padding:10px 8%;}


}

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

    header{height: 80px;}
    header h1{width: 240px;top: 11px;left: 5%;}
    .nav li p{line-height: 80px;font-size: 16px;}
    .nav li .subnav{top: 80px;}
    .nav li{margin:0 5px;padding:0 5px;}
    .nav li dd{font-size: 14px;line-height: 70px;}

    header .yuyan{right: 10%;font-size: 16px;}
    header .yuyan p{line-height: 80px;}
    header .yuyan ul{top: 80px;font-size: 16px;}

    .search{top: 15px;}

    .banner{margin-top: 80px;}


    .derp .txt{padding:50px 5%;}

    

    .banner_ny{margin-top: 80px;}

    .dqwz{padding:14px 5%;}

    .con{padding: 50px 5%;}

    .foot .foot_t{padding:60px 5%;}
    .foot .foot_b{padding:10px 5%;}

}

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

    header{height: 50px;}
    header h1{width: 164px;position: fixed;left: 4%;top: 5px;}
    .nav{display: none;}
    header .yuyan{display: none;}
    header .m-btn {display: block;}

    .search{top: 0px;right: 50px;}

    .search{line-height: 50px;width: 40px;height: 50px;margin-top: 0px;margin-left: 0px;float: left;}
    .search_box{height: 40px;top: 50px;border-bottom: none;}
    .search_box .box{width: 100%;left: 0%;right: 0;top: 0px;margin-left: 0%;}
    .search_box .input_txt{float: left;width: 80%;height: 40px;border: none;padding:0 10px;font-size: 12px;background: #FFF;border-top: 1px solid #EEE;border-bottom: 1px solid #EEE;}
    .search_box .input_btn{float: right;width: 20%;height: 40px;background: #0158bf url(../images/pic4_1.png) no-repeat center;background-size: 20px;}
    .search_box .guangbi{width: 50px;height: 50px;line-height: 50px;text-align: center;position: fixed;right: 50px;top: 0px;background: #FFF;color: #333;}

    .banner{margin-top: 50px;}
    .banner .swiper-pagination-bullets{bottom: 10px;}
    .banner .swiper-pagination .swiper-pagination-bullet{margin:0 5px;}
    .banner .swiper-pagination-bullet{width: 6px;height: 6px;}
    .banner .swiper-button-next,.banner .swiper-button-prev{width: 30px;height: 30px;line-height: 30px;margin-top: -15px;}
    .banner .swiper-button-next:after,.banner .swiper-button-prev:after{font-size: 24px;}

    .dyip{padding:50px 0;}
    .dyip .title{font-size: 24px;}
    .dyip .box{padding:30px 5% 0 5%;}
    .dyip .hd li{font-size: 14px;padding: 0 20px;}
    .dyip .bd li p{font-size: 14px;line-height: 40px;padding: 0 15px;}

    .derp .box{padding:50px 0;}
    .derp .title{font-size: 24px;}
    .derp .txt{line-height: 30px;font-size: 16px;}
    .derp .more{width: 150px;line-height: 40px;font-size: 16px;margin: 20px auto 0 auto;}

    .dsanp{padding:50px 0;}
    .dsanp .title{font-size: 24px;}

    .banner_ny{margin-top: 50px;}
    .banner_ny .title h2{font-size: 20px;}
    .banner_ny .title p{font-size: 14px;margin-top: 5px;}

    .dqwz{padding:20px 5%;margin-top: 50px;font-size: 12px;}

    .con{padding: 30px 5%;}

    .title_ny{font-size: 24px;margin-top: 50px;}


    .news li{width: 32.333%;}
    
    .foot .foot_t .left{width: 100%;float: none;padding-right: 0;}
    .foot .foot_t .right{width: 100%;float: none;padding-left: 0%;}
    
}

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

    .dyip{padding:40px 0;}
    .dyip .title{font-size: 18px;}
    .dyip .title:before{width: 30%;height: 2px;background: #CCC;margin-top: -1px;}
    .dyip .title:after{width: 30%;height: 2px;background: #CCC;margin-top: -1px;}
    .dyip .box{padding:20px 5% 0 5%;}
    .dyip .hd ul{margin-left: -2%;}
    .dyip .hd li{font-size: 12px;height: 30px;line-height: 30px;padding: 0px;width: 31.333%;margin: 0 0 2% 2%;}
    .dyip .bd{margin-top: 15px;}
    .dyip .bd li{width: 48%;margin-bottom: 10px;}
    .dyip .bd li p{font-size: 12px;line-height: 30px;}

    .derp .box{padding: 40px 0;}
    .derp .title{font-size: 18px;}
    .derp .title:before{width: 30%;height: 2px;background: #CCC;margin-top: -1px;}
    .derp .title:after{width: 30%;height: 2px;background: #CCC;margin-top: -1px;}
    .derp .txt{line-height: 30px;font-size: 14px;padding:30px 5%;}
    .derp .txt p{text-indent: 2em;padding-bottom: 10px;}

    .dsanp{padding:40px 0;}
    .dsanp .title{font-size: 18px;}
    .dsanp .title:before{width: 30%;height: 2px;background: #CCC;margin-top: -1px;}
    .dsanp .title:after{width: 30%;height: 2px;background: #CCC;margin-top: -1px;}
    .dsanp .box{padding:20px 5% 0 5%;}
    .dsanp ul{margin-left: 0%;display: block;}
    .dsanp li{width: 100%;margin-left: 0;margin-bottom: 10px;}
    .dsanp li h2{font-size: 14px;}
    .dsanp li p{margin-top: 15px;font-size: 14px;}

    .banner_ny .title h2{font-size: 16px;}
    .banner_ny .title p{font-size: 12px;margin-top: 3px;line-height: 16px;}

    .title_ny{font-size: 18px;margin-top: 30px;}
    .title_ny:before{width: 30%;height: 2px;background: #CCC;margin-top: -1px;}
    .title_ny:after{width: 30%;height: 2px;background: #CCC;margin-top: -1px;}

    .subnaver{padding:30px 5% 0 5%;}
    .subnaver li{font-size: 14px;height: 30px;line-height: 30px;margin: 0 0 0 2%;width: 31.333%;}
    .subnaver li a{padding: 0;}

    .about{line-height: 24px;}

    .gongchang li{width: 48%;line-height: 30px;}
    .gongchang li p{padding: 0 15px;}

    .products li{width: 48%;margin-left: 2%;margin-bottom: 10px;}
    .products li p{font-size: 14px;line-height: 30px;padding: 0 10px;}

    .products_con .products_con_t .left{width: 100%;float: none;}
    .gallery-top .swiper-button-next,.gallery-top .swiper-button-prev{width: 30px;height: 30px;line-height: 30px;margin-top: -15px;}
    .gallery-top .swiper-button-next:after,.gallery-top .swiper-button-prev:after{font-size: 18px;}
    .products_con_t .right{width: 100%;float: none;margin-top: 30px;}
    .products_con_t .right h2{font-size: 18px;}
    .products_con_t .right .txt h3{font-size: 14px;}
    .products_con_t .right .txt .xian{width: 54px;}

    .xgcp{text-align: center; padding: 30px 0;}
    .xgcp .titleer{font-size: 20px;line-height: 60px;}
    .xgcp .box{padding: 30px 5%;}
    .xgcp .swiper-slide h2{font-size: 14px;height: 30px; line-height: 30px;}

    .download ul{margin-left: 0;}
    .download li{width: 100%;margin-bottom: 10px;float: none;margin-left: 0;}
    .download li .txt{width: auto;margin-left: 70px;font-size: 12px;}

    .news ul{margin-left: 0%;}
    .news li{width: 100%;margin-left: 0%;margin-bottom: 10px;}
    .news li h2{font-size: 14px;}
    .news li .box{padding: 15px;}
    .news li p{font-size: 14px;}

    .news_con .txt{line-height: 30px;margin-top: 30px;border-top: 1px solid #999;padding: 30px 0;}
    .news_con .title h2{font-size: 24px;padding:10px 0;}

    .syt li{width: 80px;height: 30px;line-height: 30px;font-size: 12px;}
    .syt li i{font-size: 12px;}
    .back{width: 100px;height: 32px;line-height: 32px;left: 50%;top: 30px;margin-left: -50px;font-size: 12px;}
    .back a i{margin-right: 8px;font-size: 12px;}

    .con .contact .txt{float: none;width: 100%;padding: 15px;}
    #map_container{width: 100%; height:400px;float: none;}

    .liuyan ul{margin-left: 0%;margin-top: 20px;}
    .liuyan li{ width:100%; margin-bottom: 10px;float: none;margin-left: 0;}
   
    .foot .foot_t{padding:30px 4%;}
    .foot .foot_t .left{width: 100%;float: none;padding-right: 0;border-right: none;}
    .foot .foot_t .left dl{float: none;width: 100%;padding-bottom: 10px;border-bottom: 1px solid #444;}
    .foot .foot_t .left dt{font-size: 14px;line-height: 24px;margin-bottom: 10px;}
    .foot .foot_t .left dd{line-height: 24px;font-size: 12px;float: left;width: 25%;}
    .foot .foot_t .left ul{float: none;width: 100%;margin-top: 20px;}
    .foot .foot_t .left li{padding-bottom: 15px;}
    .foot .foot_t .left li h2{line-height: 18px;font-size: 14px;}
    .foot .foot_t .left li p{font-size: 12px;line-height: 18px;}
    .foot .foot_t .left li i{font-size: 20px;}
    .foot .foot_t .right{width: 100%;float: none;padding-left: 0;border-top: 1px solid #444;padding-top: 20px;margin-top: 20px;}
    .foot .foot_b{padding:15px 4%;}
    .foot .foot_b .left{float: none;line-height: 24px;font-size: 12px;}
    .foot .foot_b .right{float: none;margin-top: 10px;}
    .foot .foot_t .right .title{font-size: 14px;}
    .foot .foot_t .right ul{margin-top: 10px;}
    .foot .foot_b .right li{float: left;margin-left: 0px;margin-right: 10px;width: 30px;height: 30px;line-height: 30px;}
    .foot .foot_t .right li .input_txt{ height:26px;font-size: 12px;}
    .foot .foot_t .right .textarea textarea{ height:60px;font-size: 12px;}
    .foot .foot_t .right .input_btn{ width:70px; height:26px;font-size: 12px;}

    .foot .foot_b{padding:20px 5%;}

    .y-kefu-box{display: none;}
}