@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 1200px) {
	
	header .nav li{margin:0 40px;}

	.dyip{padding: 0 5%;}
	.dyip .title{padding:30px 0;}
	.dyip .title h2{font-size: 26px;}
	.dyip .title p{font-size: 16px;margin-top: 10px;}
	.dyip .title .more{width: 160px;height: 40px;line-height: 40px;margin:20px auto 0 auto;font-size: 16px;}

	.derp{padding: 30px 5% 10px 5%;}
	.derp .pic{margin-bottom: 10px;}
	.derp .left{width: calc(44% - 5px);}
	.derp .right{width: calc(56% - 5px);}
	.derp .right .t_l{width: calc(50% - 5px);}
	.derp .right .t_l .txt{padding:3%;}
	.derp .right .t_l .txt h3{font-size: 26px;}
	.derp .right .right_b .txt{padding:3%;}
	.derp .right .right_b .txt h3{font-size: 18px;}
	.derp .right .right_b .txt p{line-height: 24px;text-indent: 2em;font-size: 14px;}

	.dsanp{height: 500px;padding:0 5%;}
	.dsanp h2{font-size: 26px;font-weight: bold;}
	.dsanp p{font-size: 14px;line-height: 30px;margin-top: 20px;}

	.dsip{padding: 30px 5%;}
	.dsip li .txt h3{font-size: 26px;}
	.dsip li .txt p{font-size: 14px;}
	.dsip li .txt .more{width: 120px;height: 30px;line-height: 30px;margin-top: 15px;font-size: 14px;}

	.dwup{padding: 0px 5% 30px 5%;}

	.foot{background: #333;padding:40px 5%;}
	.foot .left dt{font-size: 16px;margin-bottom: 15px;}
	.foot .left dd{line-height: 30px;font-size: 14px;}

	.foot .right h2{font-size: 16px;}
	.foot .right p{line-height: 24px;font-size: 14px;margin-top: 5px;}

	.foot .copyright{margin-top: 50px;font-size: 14px;}

}

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

	header{height: 50px;position: fixed;left: 0px;top: 0px;right: 0px;}
	header h1{left: 50%;width: 200px;top: 17px;margin-left: -100px;}
	header .nav{display: none;}
	header .m-btn {display: block;}

	.banner{margin-top: 50px;}
	.banner .swiper-pagination-bullets{bottom: 5px;}
	.banner .swiper-pagination-bullet{width: 30px;}
	.banner .swiper-pagination .swiper-pagination-bullet{margin:0 3px;}
	.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 .title{padding:20px 0;}
	.dyip .title h2{font-size: 18px;}
	.dyip .title p{font-size: 12px;line-height: 18px;margin-top: 5px;}
	.dyip .title .more{width: 100px;height: 24px;line-height: 24px;margin:10px auto 0 auto;font-size: 12px;}

	.derp .left{width: 100%;}
	.derp .right{width: 100%;}
	.derp .pic{margin-bottom: 5px;}
	.derp .pic h2{font-size: 16px;}
	.derp .right .t_l{width: calc(50% - 3px);}
	.derp .right .right_b .txt{padding:3%;position: initial;}
	.derp .right .right_b img{display: none;}
	.derp .right .right_b .txt h3{font-size: 14px;}
	.derp .right .right_b .txt p{line-height: 24px;text-indent: 2em;font-size: 12px;margin-top: 10px;}
	.derp .right .t_l .txt{padding:3%;}
	.derp .right .t_l .txt h3{font-size: 16px;}
	.derp .right .t_l .txt p{font-size: 12px;margin-top: 5px;}
	.derp .right .t_l .txt .more{width: 100px;height: 24px;line-height: 24px;margin-top: 10px;font-size: 12px;}

	.dsanp{height: 200px;padding:0 5%;}
	.dsanp h2{font-size: 16px;}
	.dsanp p{font-size: 12px;line-height: 20px;margin-top: 10px;}

	.dsip{padding: 30px 5% 10px 5%;}
	.dsip ul{margin-left: 0%;}
	.dsip li{float: none;width: 100%;margin-left: 0%;overflow: hidden;margin-bottom: 10px;}
	.dsip li .txt h3{font-size: 18px;}
	.dsip li .txt p{font-size: 12px;margin-top: 5px;}
	.dsip li .txt .more{width: 100px;height: 24px;line-height: 24px;margin-top: 15px;font-size: 12px;}

	.banner_ny{margin-top: 50px;}

	.con{padding:30px 5%;}
	.con .title{margin-top: 40px;}
	.con .title h2{font-size: 20px;}
	.con .title p{font-size: 16px;}

	.con .titleer{margin-top: 0px;}
	.con .titleer h2{font-size: 20px;}
	.con .titleer p{font-size: 16px;}

	.about{margin-top: 20px;}
	.about .pic{width: 100%;float: none;}
	.about .txt{width: 100%;float: none;margin-top: 20px;}
	.about .txt h3{font-size: 18px;margin-bottom: 10px;}
	.about .txt p{line-height: 18px;padding-bottom: 10px;font-size: 12px;}

	.dqwz{margin-top: 20px;line-height: 30px;font-size: 12px;}
	.dqwz i{padding-right: 6px;font-size: 12px;}


	.zhengshu{margin-top: 20px;}
	.zhengshu ul{margin-left: -2%;}
	.zhengshu li{float: left;width: 48%;margin-left: 2%;margin-bottom: 2%;}

	.con .title_pro{margin-top: 40px;}
	.con .title_pro h2{font-size: 18px;color: #333;}
	.products{margin-top: 20px;}
	.products li{float: left;width: 48%;margin-left: 2%;margin-bottom: 4%;}
	.products li h2{font-size: 12px;margin-top: 5px;}

	.subnav{float: none;width:100%;margin-top: 30px;}

	.products_con{float: none;width: 100%;}
	.product_t{margin-top: 10px;}
	.meiti_dt{width:100%;float:none;}
	.product_t_r{ float:none; width:100%;}
	.product_t_r h2{ font-size:14px;line-height: 24px;}
	.product_t_r .txt{ padding-bottom:10px;line-height: 24px;color: #666;font-size: 12px;}

	.product_b{margin-top: 20px;}
	.product_b h2{width: 100px;height: 30px;line-height: 30px;font-size: 14px;}

	.news{margin-top: 10px;}
	.news ul{margin-left: 0%;}
	.news li{float: none;width: 100%;margin-bottom: 15px;margin-left: 0%;}
	.news li h3{font-size: 14px;margin-top: 10px;}
	.news li p{width: 80px;height: 24px;line-height: 24px;margin-top: 10px;font-size: 12px;}

	.news_con .title_news{padding:15px 0;}
	.news_con .title_news h2{color: #0094dc;font-size: 14px;}
	.news_con .title_news p{margin-top: 5px;font-size: 12px;}
	.news_con .box{padding:20px 0;line-height: 20px;}
	.news_con .box p{padding-bottom: 10px;font-size: 12px;}

	.jishu{line-height: 24px;margin-top: 20px;font-size: 12px;}

	.cpxqer{margin-top: 20px;}
	.cpxqer .tit{font-size: 14px;}
	.cpxqer li .con_er{ line-height:20px; padding:3%;font-size: 12px;}

	.kehu ul{margin-left: -2%;margin-top: 20px;}
	.kehu li{float: left;width: 31.333%;}

	.contact{margin-top: 20px;line-height: 24px;font-size: 12px;}

	.liuyan{margin-top: 20px;}

	.liuyan .more{margin-top:10px;}
	.liuyan .input_txt{ width:100%; height:30px;font-size: 12px;}
	.liuyan .textarea textarea{font-size: 12px;}
	.liuyan .input_btn{ width:100%; height:30px;font-size: 14px;}

	.foot .left{float: none;width: 70%;display: none;}
	.foot .subnav_foot{display: block;}
	.foot .right{float: none;width: 100%;margin-top: 30px;}
	.foot .right li{width: 40px;height: 40px;line-height: 40px;margin-right: 5px;}
	.foot .right p{line-height: 24px;font-size: 12px;}
	.foot .copyright{margin-top: 30px;font-size: 12px;}

}