@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 1680px) {
	
	.dingbu .box{padding:0 2%;}
	header .top{padding:0 2%;}
	header h1{ left:2%; width: 400px;}
	header .top .search{ right:11%;}
	header .top .dingbu_r{ right:2%; }
	
	header .nav li{ float:left; padding:0 22px; position:relative;}

	.content{padding:25px 2%;}
	
	.dsip .bd .box .dsip_r li p{margin-top: 12px;line-height: 25px;font-size: 13px;height:50px;display:block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}

	.site{width:100%; padding:12px 2%;}
	
	.subnav{padding:12px 2%; margin:0 auto;}
	.con{padding:12px 2% 25px; overflow: hidden;}

	.foot .box{padding:0 2%;}
	.foot .box .foot_r{float: none;}
	.dyip .bd li.blue{line-height:292px;}


}
@media screen and (max-width: 1550px) {
	.dyip .bd li.blue{line-height:266px;}
}

@media screen and (max-width: 1450px) {
	.dyip .bd li.blue{line-height:250px;}
}

@media screen and (max-width: 1350px) {
	header .top{padding:0 0.5%;}
	header h1{ left:1%; width: 400px;}
    header .nav{position:absolute;right: 25%;top:20px;}
    header .nav li{ float:left; padding:0 15px; position:relative;}
	.dyip .bd li.blue{line-height:233px;}
}
@media screen and (max-width: 1280px) {
	
	header .top{ height:80px;}
	header h1{ left: 2%; width:300px;top: 17px;}
	header .nav{ right:28%; top:10px;}
	header .nav li{ float:left; padding:0 15px; position:relative;}
	header .nav li p{ line-height:60px; font-size:15px;}
	header .top .search{ top:22px;}
	header .top .dingbu_r{ top:22px;}

	.foot .box .foot_c .foot_c_l{float: none;padding-right: 0px;margin-bottom: 20px;}
	.foot .box .foot_c .foot_c_r{float: none;}
	.dyip .bd li.blue{line-height:208px;}

}

@media screen and (max-width: 1170px) {
	
	header h1{width:250px;top: 22px;}
	header .nav{ right:27%;}
	header .top .search{ right:12%;width: 160px;}
	header .top .search .input_txt_yi{width: 110px;height: 36px;border: 0px none;float: left;padding-left: 10px;outline: medium;background: #ebebeb;border-radius: 20px 0 0 20px}
	header .top .search .input_btn_yi{width: 50px;height: 36px;background: #ebebeb url(../images/pic3.png) no-repeat center;background-size: 16px;border: 0 none;float: right;outline: medium;cursor: pointer;border-radius: 0 20px 20px 0}
	header .top .dingbu_r{ right:3%;}
	
	.derp{margin-top: 10px;}
	.derp .pic{width: 100%;float: none;}
	.derp .pic img{width: 100%;}
	.derp .derp_r{width: 100%;float: none;}
	.derp .derp_r .box{padding:3%;}
	
	.con .pcg{float: left; width:100%; }
	.con .pcg img{max-width:100%;}
	.con .tcoms{float: left; width:100%; line-height:32px; font-size: 14px;}
	
	.subnav ul li{ margin:10px 6px 0 0;}
	.subnav ul li a{display:block; line-height:32px; font-size:14px; text-align:center; padding:0 26px; }
	
	.product li{width:23%;}
	
	.product_con_t .t_l{ float:left; width:45%;}
	.product_con_t .t_l img {max-width: 100%;height: auto;border:2px solid #ccc; padding: 2px;}
	.product_con_t .t_r{ float:right; width:50%;}
	.dyip .bd li.blue{line-height:200px;}
	


}
@media screen and (max-width: 1024px) {
	.dyip .bd li.blue{line-height:178px;}
}

@media screen and (max-width: 980px) {
	
	header .top{ height:60px;padding:0 3%;}
	header h1{ left: 3%; top:5px;width:380px;}
	header .nav{display: none;}
	header .top .search{display: none;}
	header .m-btn{display:block;}
	header .top .dingbu_r{display: none;}

	.dyip .hd ul li{display: inline-block;width: 100px; font-size:14px;margin: 8px 5px;}
	.dyip .bd{margin-top: 15px;}
	.dyip .bd ul{margin-top: 12px;}
	.dyip .bd li{ width: 48%;margin-left: 2%;}
	.dyip .bd li:last-child{ width:98%; font-size:18px; line-height:80px;}
	.dyip .bd li .title{margin-top: 10px;}
	.dyip .bd li .title h3{font-size:14px;}

	.derp{margin-top: 10px;}
	.derp .pic{width: 100%;float: none;}
	.derp .derp_r{width: 100%;float: none;}
	.derp .derp_r .box{padding:3%;}
	.derp .derp_r .box h2 {font-size: 24px;}
	.derp .derp_r .box p{line-height: 25px;font-size: 13px;}
	
	.dsanp .title{font-size: 24px;text-align: center; padding:20px 0 0;}

	.dsip .hd h2{font-size:25px;}
	.dsip .bd{margin-top: 20px;}
	.dsip .hd ul li{display: inline-block;width: 100px;margin:5px;}
	.dsip .bd .box .dsip_l{width: 100%;float: none;}
	.dsip .bd .box .dsip_r{width: 100%;float: none;}
	
	.zhengshu li{ width:30.333%;}
	
	.product li{width:31%;margin-bottom: 1.5%;}
	.product li span{display:block; line-height:30px; padding-top: 5px; font-size:14px;}
	
	.product_con_t .t_l{ float:none; width:100%; text-align: center;}
	.product_con_t .t_l img {max-width: 100%;height: auto;border:2px solid #ccc; padding: 2px;}
	.product_con_t .t_r{ float:left; width:100%; margin-top: 30px;}
	.product_con_t .t_r .bt{ font-size:20px; padding:0 0 10px 0; }
	.product_con_t .t_r .bt_2{ font-size:18px; color:#0086e4; margin-top:10px;}
	.product_con_t .t_r .box{ margin-top:2%; line-height:36px; padding:5px 0; font-size:20px; }
	
	.btn{padding: 10px 18px; font-size: 14px;}
	
		
	.cont_text{ padding:20px 0; overflow: hidden;}
	.cont_l{width:100%;float:left; line-height:32px; font-size:14px;}
	.cont_r{width:100%;float:left; text-align:left; margin-top: 20px;}
	.cont_r img{width:180px;}


	.foot{padding:20px 0;margin-top: 50px;}
	.foot .box{}
	.foot .box .t_l{float: none;width: 100%;margin-right: 0%;}
	.foot .box .t_c{width: 55%;border-top: 1px solid #333;padding-top: 30px;margin-top: 30px;}
	.foot .box .t_c dt{font-size: 16px;margin-bottom:15px;}
	.foot .box .fedxx{width:24%;border-top: 1px solid #333;padding-top: 30px;margin-top: 30px;}
	.foot .box .t_r{width: 18%;border-top: 1px solid #333;padding-top: 30px;margin-top: 30px;}
	.foot .box .t_r .pic{float: none;}

}

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

	header h1{ top:8px;width:350px;}

	.banner_pc{ display:none;}
	.banner_yd{ display:block;}

	.site{padding:5px 3%;}
	.site h3{width:100%; float:left;  padding-left:10px;}
	.site .frame{width:98%; float:left; margin-left: 2%;}
	

	.subnav ul{width:100%; text-align:center;}
	.subnav ul li{width:48%; float:left; margin:12px 3% 0 0; position:relative;}
	.subnav ul li:nth-child(2n){margin-right:0;}
	.subnav ul li a{display:block; font-size:14px; text-align:center; padding:0 26px; line-height: 40px;}
	
	.zhengshu li{ width:47%;}

	.product li{width: 48%; }
	
	.foot{padding:20px 0;margin-top:0;}
	.foot .box{padding:0 3%;}
	.foot .box .t_c{display:none;}
	
	.foot .box .fedxx{width:40%;border-top:none;padding-top: 30px;margin-top: 0px;}
	
	.foot .box .t_r{width: 40%;border-top:none;padding-top: 30px;margin-top: 0px;}
	.foot .box .foot_b{line-height: 24px;padding-top: 20px;}
	.foot .box .foot_b .copyright{float: none;}
	.foot .box .foot_b p{float: none;}
	
	.foot .box .rzbs{position:static; bottom: 0; right: 0; width: 320px;} 
	.dyip .bd li:last-child{font-size:16px;}


}

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

	header h1{ top:12px;width:280px;}
	header .top{padding:0 1%;}
	header .m-btn { width:40px;}
   .dyip .bd li:last-child{font-size:14px;}
}