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

    header h1{left: 8%;}
    .nav li{margin:0 6px;}
    .nav li p{font-size: 16px;}
    .nav li dd{font-size: 16px;}

    .search{right: 8%;}

    .dyip{padding:60px 8%;}
    .dyip .title h2{font-size: 30px;}
    .dyip .title p{font-size: 16px;}

    .derp .box{padding: 50px 8%;}
    .derp .txt{padding:40px 14%;}

    .dsanp{padding:60px 8%;}

    .dsip{padding:60px 8%;}
    .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 .box{padding: 8% 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;}

    .subnav_er{margin:0 8%;}

    .con{padding: 50px 8%;}

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


}

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

    header{height: 80px;}
    header h1{left: 5%;width: 180px;top: 16px;}
    .nav{right: 12%;}
    .nav li{margin:0 5px;}
    .nav li p{line-height: 80px;}
    .nav li dl{top: 80px;}
    .nav li dd{font-size: 14px;}

    .search{right: 5%;top: 15px;}
    .search i{font-size: 20px;}
    .search_box{top: 80px;}

    .banner{margin-top: 80px;}

    .dyip{padding:50px 5%;}

    .derp .box{padding: 50px 0;}
    .derp .txt{line-height: 30px;font-size: 16px;padding:30px 10%;}

    .dsanp{padding:50px 5%;}

    .dsip{padding:50px 5%;}

    .dwup .box{padding: 8% 5%;}
    .dwup .box h2{font-size: 40px;}
    .dwup .box p:nth-of-type(1){font-size: 30px;margin-top: 20px;}
    .dwup .box p:nth-of-type(2){font-size: 16px;margin-top: 30px;}
    .dwup .box .more{margin-top: 60px;font-size: 20px;width: 150px;height: 40px;line-height: 40px;}

    .banner_ny{margin-top: 80px;}

    .subnav_er{margin:0 5%;}

    .con{padding: 50px 5%;}

    .foot .foot_t{padding:50px 5% 20px 5%;}
    .foot .foot_t .left dt{font-size: 16px;}
    .foot .foot_c{padding:30px 5%;}
    .foot .foot_b{padding:20px 5%;}
    .foot .foot_c .title{font-size: 16px;}

}

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

    header{height: 80px;}
    header h1{width: 170px;top: 17px;left: 5%;}
    .nav li p{line-height: 80px;font-size: 18px;}
    .nav li .subnav{top: 80px;}

    .nav li{margin:0 5px;}
    .nav li p{font-size: 14px;}
    .nav li dl{width: 150px;}
    .nav li dd{font-size: 14px;}

    header .yuyan{right: 5%;line-height: 80px;}

    .banner{margin-top: 80px;}

    .dyip .title h2{font-size: 26px;}
    .dyip .title p{font-size: 14px;}

    .derp .title h2{font-size: 26px;}
    .derp .title p{font-size: 14px;}

    .dsanp .title h2{font-size: 26px;}
    .dsanp .hd li{line-height: 60px;font-size: 18px;}
    .dsanp .hd .more{margin-top: 50px;font-size: 20px;}
    .dsanp .bd li h2{font-size: 20px;}

    .dsip .title h2{font-size: 26px;}
    .dsip .title p{font-size: 14px;}
    .dsip li i{font-size: 60px;}
    .dsip li h2{font-size: 18px;margin-top: 20px;}

    .dwup .title h2{font-size: 26px;}
    .dwup .title p{font-size: 14px;}

    .banner_ny{margin-top: 80px;}


    .con{padding: 40px 5%;}

}

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

    body{ font-size:14px;}

    header{height: 50px;}
    header h1{width: 120px;position: fixed;left: 4%;top: 9px;}
    .nav{display: none;}

    .search{right: 50px;top: 0px;}
    .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;}

    header .m-btn{display: block;float: right;}

    .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:40px 4%;}
    .dyip .hd li{height: 30px;line-height: 30px;padding: 0 10px;margin: 0 5px;font-size: 14px;}
    .dyip .bd li h2{font-size: 16px;}
    .dyip .bd li p{font-size: 14px;line-height: 24px;margin-top: 10px;height: 48px;}
    .dyip .bd li .more{width: 80px;height: 24px;line-height: 24px;margin-top: 20px;font-size: 12px;}

    .derp .box{padding: 40px 0;}
    .derp .txt{line-height: 30px;padding:20px 4%;font-size: 16px;}
    .derp .more{width: 150px;line-height: 40px;font-size: 16px;}

    .dsanp{padding:40px 4%;}
    .dsanp .box{padding-top:30px;}
    .dsanp .bd li h2{font-size: 16px;}

    .dsip{padding:40px 4%;}
    .dsip ul{padding-top:40px;}
    .dsip li i{font-size: 50px;}
    .dsip li h2{margin-top: 15px;font-size: 16px;}
    .dsip li p{margin-top: 10px;line-height: 24px;}

    .dwup .box h2{font-size: 40px;}
    .dwup .box p:nth-of-type(1){font-size: 30px;margin-top: 20px;}
    .dwup .box p:nth-of-type(2){font-size: 16px;margin-top: 30px;}
    .dwup .box .more{margin-top: 60px;font-size: 20px;width: 150px;height: 40px;line-height: 40px;}

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

    .subnav_er .dqwz{height: 40px;line-height: 40px;font-size: 12px;}
    .subnav_er ul{height: 40px;line-height: 40px;}
    .subnav_er li{font-size: 12px;margin-left: 20px;}

    .con{padding: 30px 5%;}

    .about_dyip{padding: 30px 5%;}
    .about_dyip .title{font-size: 24px;}
    .about_dyip .txt{margin-top: 20px;line-height: 24px;}

    .about_derp{padding: 30px 5%;background: #F5F5F5;}
    .about_derp .title{font-size: 24px;}
    .about_derp .zhengshu{margin-top:30px;}

    .news li .pic .rq{width: 25%;padding: 5px 0;}
    .news li .pic .rq p{font-size: 24px;}
    .news li .pic .rq span{font-size: 12px;}
    .news li .box .sj{margin-top: 10px;}
    .news li .box .sj .icon-shijian_o{font-size: 16px;margin-right: 5px;}
    .news li .box p{margin-top: 15px;font-size: 12px;line-height: 18px;height: 36px;}

    .con .contact .txt{padding: 20px;}
    .con .contact .txt li{padding-bottom: 10px;}
    .con .contact .txt li h2{font-size: 14px;}
    .con .contact .txt li i{font-size: 22px;}

    .liuyan .title{font-size: 24px;text-align: center;margin-top: 50px;}
    
    .foot .foot_t{padding:30px 5%;display: block;}
    .foot .foot_t .left{width: 100%;}
    .foot .foot_t .left dt{font-size: 14px;margin-bottom: 10px;}
    .foot .foot_t .right{margin-left: 0%;width: 100%;margin-top: 30px;}
    .foot .foot_c .title{font-size: 14px;margin-bottom: 10px;}
    
}

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

    .dyip .title .xian{width: 200px;}
    .dyip .hd{margin-top: 15px;}
    .dyip .hd li{font-size: 12px;height: 24px;line-height: 24px;padding: 0 10px;margin: 0 5px;}
    .dyip .bd{margin-top: 15px;}
    .dyip .bd li{width: 48%;}
    .dyip .bd li p{font-size: 12px;}

    .derp .txt{line-height: 24px;font-size: 14px;padding:20px 4% 0 4%;}
    .derp .more{width: 120px;line-height: 30px;font-size: 14px;margin: 20px auto 0 auto;}

    .dsanp .box{padding-top:20px;}
    .dsanp .hd{float: none;width: 100%;}
    .dsanp .hd ul{float: left;}
    .dsanp .hd li{line-height: 24px;font-size: 14px;float: left;padding-right: 15px;}
    .dsanp .hd .more{margin-top: 0px;font-size: 14px;line-height: 24px;float: right;}
    .dsanp .bd{float: none;width: 100%;margin-top: 15px;}
    .dsanp .bd ul{margin-left: 0%;display: block;}
    .dsanp .bd li{width: 100%;margin-left: 0%;margin-bottom: 10px;}
    .dsanp .bd li .box{padding:10px 0;}

    .dsip{background-size: 200% !important;}
    .dsip ul{padding-top:30px;}
    .dsip li{float: none;width: 100%;padding: 0;margin-bottom: 20px;}
    .dsip li h2{margin-top: 10px;}

    .dwup{background: url(../images/pic9.jpg) no-repeat right;background-size: cover;}
    .dwup .box{background: none;text-align: center;}
    .dwup .box h2{font-size: 24px;}
    .dwup .box p:nth-of-type(1){font-size: 18px;}
    .dwup .box p:nth-of-type(2){font-size: 14px;margin-top: 20px;}
    .dwup .box .more{font-size: 14px;width: 100px;height: 30px;line-height: 30px;margin: 30px auto 0 auto;}
    
    .banner_ny .title h2{font-size: 16px;}
    .banner_ny .title p{font-size: 12px;margin-top: 3px;line-height: 16px;}

    .subnav_er .dqwz{height: 30px;line-height: 30px;border-bottom: 1px solid #DDD;float: none;}
    .subnav_er ul{height: auto;line-height: 30px;}

    .subnav{width: 100%;float: none;margin-bottom: 20px;}
    .subnav h2{height: 30px;line-height: 30px;font-size: 14px;padding: 0 5%;}
    .subnav ul{margin-top: 2px;}
    .subnav li{font-size: 12px;line-height: 24px;margin-bottom: 2px;}
    .subnav li a{padding: 0 5%;}

    .about_derp .swiper-button-next,.about_derp .swiper-button-prev{width: 30px;height: 30px;margin-top: -15px;}
    .about_derp .swiper-button-next:after,.about_derp .swiper-button-prev:after{font-size: 18px;}

    .product_left{width: 100%;float: none;margin-top: 30px;}
    .subnav_san .title{height: 40px;line-height: 40px;font-size: 16px;padding: 0 15px;}
    .subnav_san ul{padding: 10px;}
    .subnav_san li p a{display: block;padding: 8px 10px;}
    .subnav_san li dd{margin-top: 2px;font-size: 12px;}
    .subnav_san li dd a{padding: 4px 0px 4px 30px;}

    .tjcp .title{height: 40px;line-height: 40px;color: #1d50a3;font-size: 16px;padding: 0 10px;}
    .tjcp li p{font-size: 14px;}

    .products_r{width: 100%;float: none;}
    .products_r .title{line-height: 50px;font-size: 24px;}
    .products_r .list .list_subnav li{float: left;line-height: 24px;width: 50%;text-align: center;}
    .products_r .list .list_subnav li a{display: block;padding: 0;}
    .products_r .list .box ul{margin-left: -2%;margin-top: 20px;}
    .products_r .list .box li{position: relative;width: 48%;margin-left: 2%;}
    .products_r .list .box li h2{font-size: 16px;}
    .products_r .list .box li .more{width: 80px;height: 24px;line-height: 24px;margin-top: 20px;font-size: 12px;}

    .con_r .gongchang li{width: 48%;line-height: 40px;}

    .products li{width: 48%;margin-left: 2%;margin-bottom: 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: 20px;}
    .products_con_t .right{width: 100%;float: none;margin-top: 30px;}
    .products_con_t .right .txter p{line-height: 24px;}

    .products_con_b .title{padding:10px 0;font-size: 18px;}
    .products_con_b .box{line-height: 24px;}
    .products_con_b td{padding:10px;font-size: 12px;}
    .products_con_b th{padding:10px;font-size: 14px;}
    
    .xgcp .xg_pro{padding: 20px 0px;}
    .xgcp .swiper-slide .txt{padding: 10px;}
    .xgcp .swiper-slide p{font-size: 14px;line-height: 24px;margin-top: 10px;height: 48px;}
    .xgcp .swiper-slide .more{width: 80px;height: 24px;line-height: 24px;margin-top: 20px;font-size: 12px;}

    .news li .pic img{width: 100%;float: none;}
    .news li .pic .rq{display: none;}
    .news li .box{width: 67%;margin-left: 3%;}
    .news li .box h2{font-size: 16px;}
    .news li .icon-chevron-left{display: none;}

    .news_con{width: 100%;float: none;}
    .news_con .title h2{font-size: 20px;}

    .news_con_r{width: 100%;float: none;margin-top: 30px;}
    .news_con_r .title{line-height: 40px;background: #F5F5F5;border-bottom: 1px solid #DDD;font-size: 20px;padding: 0 20px;}
    .news_con_r li h2{font-size: 16px;}
    .news_con_r li .more{width: 100px;margin-top: 15px;overflow: hidden;}

    .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;}

    .fenye li{margin:0 5px;}
    .fenye li a{width: 28px;height: 28px;line-height: 28px;border: 1px solid #CCC;}
   
    .foot .foot_t{padding:30px 4%;}
    .foot .foot_t .left{display: block;}
    .foot .foot_t .left dl{float: none;width: 100%;padding-bottom: 5px;border-bottom: 1px solid rgba(255, 255, 255, 0.2);margin-bottom: 10px;}
    .foot .foot_t .left dt{font-size: 14px;line-height: 24px;margin-bottom: 0px;}
    .foot .foot_t .left dd{line-height: 24px;font-size: 12px;float: left;width: 25%;}
    .foot .foot_t .right{width: 100%;float: none;padding-left: 0;margin-top: 20px;}
    .foot .foot_t .right ul{float: none;width: 100%;margin-top: 20px;}
    .foot .foot_t .right li{padding-bottom: 15px;}
    .foot .foot_t .right li h2{line-height: 18px;}
    .foot .foot_t .right li p{font-size: 12px;line-height: 18px;}
    .foot .foot_t .right li i{font-size: 22px;}
    .foot .foot_c{padding:20px 4%;}
    .foot .foot_c .title{margin-bottom: 5px;}
    .foot .foot_b{padding:15px 4%;}
}