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

    header .nav li p a{padding:0 15px;}

    .dyip li .txt .more{width: 120px;}

}

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

    header h1{width: 220px;top: 45px;}
    header .nav{margin-right: 12%;}
    header .nav li p{font-size: 16px;line-height: 70px;}
    header .nav li p a{padding:0 10px;}
    header .nav li .subnav{top: 120px;}
    header .yuyan{top: 50px;}
    header .yuyan p{line-height: 70px;font-size: 16px;}
    header .yuyan i{font-size: 20px;}

    .dyip li .txt .more{width: 120px;margin-top: 40px;}

    .about{padding:0 5% 400px 5%;}

    .zhengshu{margin-top: 50px;padding:0 5% 50px 5%;}

    .products .list li .txt p{font-size: 26px;}
    .products .list li .txt h2{font-size: 20px;}

    .news_con{padding:0px 5% 50px 5%;}

    .content_contact{padding:50px 5%;}

    

}

@media screen and (max-width: 1160px) {
	
    header{height: 50px;background: #FFF;}
    header h1{width: 140px;top: 8px;left: 50%;margin-left: -70px;}
    header .nav{display: none;}
	header .m-btn{display: block;}
    header .top_t{display: none;}
    header .yuyan{left: 0;top: 0px;width: 50px;}
    header .yuyan .box{width: 50px;}
    header .yuyan p{line-height: 50px;height: 50px;}
    header .yuyan i{font-size: 24px;margin-right: 0px;}
    header .yuyan span{display: none;}
    header .yuyan ul{left: 0;top: 50px;margin-left: 0;font-size: 14px;width: 80px;}
    header .yuyan li a{padding:0 15px;}
    header .yuyan .bg{top: 50px;}
    .h_active{background: #FFF;height: 50px;box-shadow: 0 0 3px rgba(0,0,0,0.3);border-bottom: none;}
    .h_active h1{width: 140px;top: 8px;}
    .h_active .yuyan ul{top: 50px;}
    .h_active .yuyan .bg{top: 50px;}

    .banner{margin-top: 50px;}
    .banner .bg{display: none;}
    .gallery-thumbs{bottom: 20px;}

    .dyip li .txt p{font-size: 30px;}
    .dyip li .txt h2{font-size: 24px;}
    .dyip li .pic{width: 60%;bottom: 30px;}
    .dyip li:hover .pic{width: 65%;}

    .derp .box{padding:60px 5%;}
    .derp li .txt{padding:0 10px 10px 10px;}
    .derp li .txt h2{font-size: 18px;margin-bottom: 5px;font-weight: bold;}
    .derp li .txt p{font-size: 12px;}

    .content{padding-top: 100px;}

    .subnaver li{font-size: 14px;height: 30px;line-height: 30px;width: 100px;margin:0 10px;}

    .about{padding:0 5% 300px 5%;font-size: 16px;line-height: 30px;}

    .zhengshu{margin-top: 20px;}
    .zhengshu li{width: 31.333%;}

    .bannerny{margin-top: 50px;}
    .bannerny .bg{display: none;}

    .products h2{font-size: 30px;}
    .products_subnav li{line-height: 60px;font-size: 18px;margin-right: 20px;}
    .products .list li .txt{padding:15px 0;}
    .products .list li .txt p{font-size: 18px;}
    .products .list li .txt h2{font-size: 16px;}
    .products .list li .txt .more{font-size: 12px;}

    .content_products{padding:30px 5%;}
    .subnavsan li p{font-size: 16px;line-height: 40px;}
    .subnavsan li dd{margin-bottom: 0px;font-size: 12px;}

    .product_con{margin-top: 60px;}
    .product_con .product_con_t .txtyi p{font-size: 26px;}
    .product_con .product_con_t .txtyi h2{font-size: 24px;}
    .product_con .product_con_t .txter h2{font-size: 16px;}
    .product_con .product_con_t .txter .txt{font-size: 14px;}
    .product_con .product_con_t .pdf{width: 100px;height: 30px;line-height: 30px;margin-top: 20px;font-size: 12px;}
    .product_con .product_con_t .pdf a i{font-size: 16px;}

    .news li{width: 32.333%;}

    .news_con .title h2{font-size: 30px;}

    .foot .foot_t .t_l li{padding-right: 30px;}
    .foot .foot_t .t_l li:after{right: 15px;}

}

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

    .gallery-top .m{display: block;}
    .gallery-top .pc{display: none;}
    .gallery-thumbs{bottom: 10px;width: 240px;margin-left: -120px;}

    .dyip{border-bottom: none;}
    .dyip li{float: left;width: 100%;height: 300px;border-bottom: 2px solid #DDD;border-left: none;}
    .dyip li .txt{position: absolute;left: 20px; top: 30px;}
    .dyip li:nth-of-type(even) .txt{left: auto;right: 20px;text-align: right;}
    .dyip li:nth-of-type(even) .txt .more{float: right;}
    .dyip li .pic{width: 60%;right: 10px;bottom: 10px;}
    .dyip li:nth-of-type(odd) .pic{right: 10px;}
    .dyip li:nth-of-type(even) .pic{right: auto;left: 10px;}
    .dyip li:hover .pic{width: 65%;}
    .dyip li .txt .more{width: 90px;margin-top: 30px;font-size: 12px;}

    .derp{margin:30px 0;background:url(../images/pic11_1.jpg) no-repeat center;}
    .derp .left{width: 100%;margin-right: 0%;}
    .derp .left h2{font-size: 30px;}
    .derp .left p{font-size: 16px;margin-top: 30px;line-height: 30px;}
    .derp .left .more{margin-top: 30px;}
    .derp ul{width: 100%;margin-left: -3%;margin-top: 40px;}

    .dsanp{padding:0px 5% 30px 5%;}
    .dsanp .title{font-size: 30px;}
    .dsanp ul{margin-top: 20px;margin-left: 0%;}
    .dsanp li{float: none;width: 100%;margin-left: 0%;margin-bottom: 20px;}
    .dsanp li .txt{padding: 15px;box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);}

    .content{padding-top: 70px;}

    .subnaver li{width: 100px;margin:5px 10px;}

    .about{margin-top: 30px;font-size: 14px;}

    .zhengshu li{width: 48%;}
    .zhengshu li p{padding:10px;font-size: 12px;}

    .subnavsan{float: none;width: 100%;}
    .subnavsan li dd{width: 28.333%;}

    .products{float: none;width: 100%;margin-top: 50px;}
    .products h2{font-size: 24px;}
    .products_subnav li{line-height: 40px;font-size: 16px;margin-right: 20px;}

    .products .list ul{margin-top: 15px;margin-left: -2%;}
    .products .list li{width: 48%;margin-left: 2%;margin-bottom: 2%;}
    .products .list li .pic{width: 100%;float: none;}
    .products .list li .txt{float: none;width: 100%;padding:20px 5%;box-sizing: border-box;}
    .products .list li .txt .more{margin-top: 10px;height: 30px;line-height: 30px;}

    .fenyeer li{font-size: 14px;width: 30px;height: 24px;line-height: 24px;margin-left:10px;}

    .product_con{margin-top: 40px;}
    .product_con .product_con_t .pic{width: 100%;}
    .product_con .product_con_t .t_r{width: 100%;margin-left: 0%;margin-top: 30px;}

    .content_news{padding: 30px 0;}

    .news ul{margin-top: 30px;margin-left: 0%;}
    .news li{width: 100%;margin-bottom: 10px;margin-left: 0%;}
    .news li .txt{padding: 20px;}
    .news li .txt .sj{margin-bottom: 15px;}
    .news li .txt h2{font-size: 16px;}
    .news li .txt p{margin-top: 15px;line-height: 24px;height: 48px;}
    .news li .txt .more{margin-top: 20px;width: 30px;height: 30px;line-height: 30px;}

    .fenye li{font-size: 14px;width: 30px;height: 24px;line-height: 24px;margin:0 5px;}

    .news_con .title h2{font-size: 20px;}

    .content_contact{padding:30px 5%;}
    .content_contact .title{font-size: 30px;}
    .content_contact .contact .txt{float: none;width: 100%;padding:20px;}
    #map_container{ height:400px;width: 100%;float: none;}

    .liuyan ul{margin-left: 0%;margin-top: 30px;}
    .liuyan li{ width:100%; margin-bottom: 10px;float: none;margin-left: 0%;}

    .foot{padding-bottom:50px;}
    .foot .foot_t .t_l{float: none;}
    .foot .foot_t .t_l li{line-height: 30px;padding-right: 20px;}
    .foot .foot_t .t_l li:after{right: 10px;top: 8px;}
    .foot .foot_t .t_r{float: none;line-height: 40px;margin-top: 20px;}
    .foot .foot_t .t_r h2{float: none;margin-right: 0px;}
    .foot .foot_t .t_r .box{width: 200px;float: none;}
    .foot .foot_b .b_l{float: none;}
    .foot .foot_b .b_l .logo{width: 180px;}
    .foot .foot_b .b_r{float: none;line-height: 30px;font-size: 0px;margin-top: 20px;}
    .foot .foot_b .b_r .lx{text-align: left;margin-bottom: 15px;}
    .foot .foot_b .b_r .add{text-align: left;}
    .foot .foot_b .b_r p{margin-left: 0px;font-size: 12px;display: block;}
    
    .foot_nav{display: block;}

}