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

	header .nav li{width: 100px;}

	.dyip .title{font-size: 28px;padding:50px 5%;}

	.derp{padding:50px 5%;margin-top: 50px;}
	.derp .title{font-size: 28px;}
	.derp ul{margin-top: 50px;}

	.dsanp{padding:100px 5%;}
}

@media screen and (max-width: 1280px) {
	
	header h1{top: 30px;width: 130px;}
	header .nav li{width: 80px;}
	header .yuyan{top: 30px;}
	header .yuyan li{width: 30px;line-height: 30px;margin-left: 10px;}
	header .nav li p{line-height: 90px;font-size: 14px;}


}

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

	.h_active{height: 50px;}
	.h_active h1{top: 10px;}
	.h_active .m-btn{color: #0068b7;}

	header{height: 50px;}
	header .top{}
	header h1{top: 10px;width: 130px;}
	header .nav{display: none;}
	header .m-btn {display: block;}
	header .yuyan{display: none;}

	.dsanp{padding:50px 5%;}
	.dsanp .title{font-size: 18px;margin-left: 10%;width: 30%;}
	.dsanp .dsanp_r{width: 60%;}
	.dsanp .dsanp_r h2{font-size: 18px;}
	.dsanp .more{line-height: 40px;width: 100%;}
	.dsanp .more:before{height: 40px;}

	.banner_ny{height: 400px;}

	.news li .pic{width: 160px;}
	.news li .txt{margin-left: 160px;padding:10px;}
	.news li .txt h2{font-size: 16px;}
	.news li .txt p{line-height: 18px;margin-top: 5px;height: 36px;font-size: 12px;}
	.news li .txt .more{width: 80px;height: 24px;line-height: 24px;margin-top: 10px;font-size: 12px;}

	.fenye{margin-top: 10px;}
	.fenye li{font-size: 16px;width: 30px;height: 30px;line-height: 30px;}

	.subnav h2{height: 50px;line-height: 50px;font-size: 18px;padding:0 20px;}
	.subnav h2 i{padding-right: 10px;font-size: 12px;}
	.subnav li{line-height: 40px;border-bottom: 1px solid #CCC;font-size: 14px;}
	.subnav li a i{font-size: 12px;opacity: 0;}

	.con_l{width: 100%;float: none;}
	.con_r{width: 100%;float: none;}

	.case li{width: 31.333%;}


	.foot .foot_t{padding-bottom: 30px;}
	.foot .foot_t .logo{width: 180px;float: left;}

}


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

	.banner{width: 100%;height: 70%;overflow: hidden;}
	.banner .swiper-slide video{height: 700px;width: auto;}

	.dyip .title{font-size: 18px;padding:30px 5%;text-align: center;}
	.dyip ul{border-left: none;border-right: none;padding:10px 0;}
	.dyip li{border-left: none;border-right: none;width: 100%;background: #FFF;margin:10px 0;}
	.dyip li h2{padding:20px 0;font-size: 14px;}
	.dyip li p{height: 2px;margin:10px auto 0 auto;}

	.derp{padding:30px 5%;margin-top: 10px;}
	.derp .title{font-size: 18px;text-align: center;}
	.derp ul{margin-left: -2%;margin-top: 30px;}
	.derp li{float: left;width: 31.333%;padding:0px 0;}
	.derp .more{line-height: 40px;width: 100%;float: none;}
	.derp .more:before{height: 40px;}

	.dsanp{padding:50px 5%;}
	.dsanp .title{font-size: 18px;margin-left: 0%;width: 100%;float: none;}
	.dsanp .dsanp_r{width: 100%;float: none;margin-top: 30px;}
	.dsanp .dsanp_r h2{font-size: 16px;}
	.dsanp .dsanp_r .txt{margin-top: 10px;font-size: 12px;}
	.dsanp .more{line-height: 40px;width: 100%;margin-top: 20px;}
	.dsanp .more:before{height: 40px;}

	.banner_ny{height: 240px;}

	.con{padding:30px 5%;}

	.con .about{line-height: 24px;}

	.news ul{margin-left: 0;}
	.news li{float: none;width: 100%;margin-left: 0%;margin-bottom: 10px;}
	.news li .pic{width: 110px;}
	.news li .txt{margin-left: 110px;padding:10px;}
	.news li .txt h2{font-size: 14px;height: 18px;line-height: 18px;overflow: hidden;}
	.news li .txt .more{display: none;}

	.news_con{width: 100%;float: none;}
	.news_con h2{font-size: 18px;}
	.news_con .box{margin-top: 20px;line-height: 24px;font-size: 12px;}

	.sxy{border-top: 1px solid #DDD;margin-top: 30px;padding-top: 10px;}
	.sxy ul{line-height: 24px;font-size: 12px;float: none;}
	.sxy .more{float: none;width: 100px;height: 30px;line-height: 30px;font-size: 14px;margin-top: 10px;}

	.news_con_r{width: 100%;float: none;margin-top: 20px;}
	.news_con_r .title{font-size: 16px;line-height: 30px;}
	.news_con_r ul{margin-top: 15px;}
	.news_con_r li{margin-bottom: 10px;}

	.subnav{width: 100%;float: none;}

	.product{width: 100%;float: none;margin-top: 20px;}
	.product .box li{width: 50%;}

	.product_con{width: 100%;float: none;margin-top: 20px;}

	.product_con_t{padding:10px;}
	.gallery-top{float: none;width: 100%;box-shadow: 0 0 5px rgba(0,0,0,0.2);}
	.gallery-thumbs{float: none;width: 100%;margin-top: 10px;}

	.con_r{margin-top: 10px;}
	.con_r h2{font-size: 16px;font-weight: bold;padding: 10px 0;}
	.con_r .txt{line-height: 24px;margin-top: 10px;font-size: 12px;}
	.con_r .more{width: 100px;height: 30px;line-height: 30px;margin-top: 10px;font-size: 12px;}

	.product_con_b{padding:10px;margin-top: 10px;}
	.product_con_b h2{font-size: 16px;font-weight: bold;}
	.product_con_b ul{margin-left: -2%;margin-top: 10px;}
	.product_con_b li{width: 48%;margin-bottom: 10px;}
	.product_con_b li h3{line-height: 30px;font-weight: bold;font-size: 12px;}

	.case li{width: 48%;line-height: 30px;}

	.contact_l{width: 100%;float: none;}
	.contact_l .txt{line-height: 24px;padding-bottom: 10px;}
	.zxly{width: 100%;float: none;}
	.zxly li{ width:100%; margin-bottom: 10px;}
	.zxly li:nth-of-type(odd){float: none;}
	.zxly li:nth-of-type(even){float: none;}
	.zxly li .input_txt{ width:100%; height:36px;}
	.zxly .more{margin-top:10px;}
	.zxly .input_btn{ width:100px; height:36px;font-size: 14px;}


	.foot{padding:30px 5% 0 5%;background: #f2f2f2;}
	.foot .foot_t{padding-bottom: 20px;}
	.foot .foot_t .logo{width: 120px;float: left;}
	.foot .foot_t li a{color: #333;display: block;width: 30px;line-height: 30px;border:1px solid #999;}

	.foot .foot_c{padding:10px 0;}
	.foot .foot_c li{line-height: 24px;margin-right: 20px;font-size: 12px;}

	.foot .copyright{padding:20px 0;font-size: 12px;line-height: 24px;}
	.foot .copyright .left{float: none;}
	.foot .copyright .right{float: none;}


}