@charset "utf-8";
/* CSS Document */
@media only screen and (max-width: 1200px) {
	.w{width: 96%;}
	.head{margin: 20px auto 30px;}
	.logo{width: 50%;}
	.logo .l{height: 50px;margin-left: 5px;}
	.logo .l img{width: auto;height: 100%;}
	.logo .r{float: left; margin-left: 10px;}
	.logo .r b{font-size: 12px;}
	.logo .r p{font-size: 12px;}
	.menuBtn {
		display: block;
		position: relative;
		z-index: 9;
		float: right;
		width: 30px;
		height: 30px;
		margin: 15px 10px 0 0;
		cursor: pointer;
		transition: .3s;
		-ms-transition: .3s;
		-moz-transition: .3s;
		-webkit-transition: .3s;
		-o-transition: .3s;
	}
	.menuBtn b {
		display: block;
		height: 4px;
		background-color: #0c5394;
		margin: 5px 0;
		transition: .3s;
		-ms-transition: .3s;
		-moz-transition: .3s;
		-webkit-transition: .3s;
		-o-transition: .3s;
	}
	.menuBtn.open b {
		display: none;
		margin: 0;
		position: absolute;
		left: 0px;
		top: 50%;
		margin-top: -5px;
		width: 30px;
	}
	.menuBtn.open b:first-child {
		display: block;
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
	}
	.menuBtn.open b:last-child {
		display: block;
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
	}
	.nav{display: none;position: absolute;top:111px;background: #fff;width: 102%;z-index: 1;left: -2%;}
	.nav ul li{width: 100%;border-bottom: 1px solid #eee;}
	.nav ul li a{width: 100%;text-align: center;line-height: 50px;font-weight: normal;}
	.nav ul li.on a{border-bottom: 0;}
	.nav .sub-nav{width: 100%;position: relative;top: 0px;left: 0;overflow: auto;border: none;border-top:1px solid #eee;}
	.nav .sub-nav a{font-size: 14px;width: 100%;color: #666;}
	.nav .sub-nav .bg{display: none;}
	.banner{background-size: auto 100%;height: 0;padding-bottom: 60%;background-position: 90% center;}
	.banner .l, .banner .m, .banner .r{margin-top: 34%; width: 30% !important;}
	.banner .l a,.banner .r a{float: none;margin-left: auto;margin-right: auto;}
	.banner .m{margin-left: 5%;margin-right:5%;}
	.banner .l a, .banner .m a, .banner .r a{font-size: 14px;}
	.banner .l img, .banner .m img, .banner .r img{width: 50px;}
	.tit,.service .con h2{font-size: 20px;}
	.tit i{font-size: 18px;}
	.con{padding: 20px 5px !important;}
	.product, .solution, .about, .news, .contact,.service,.page{margin: 20px auto;}
	.product .con{margin: 0 auto;}
	.product .con ul li .text a,.product .con ul li .text a.more,.solution .con ul li .text a,.solution .con ul li .text a.more{font-size: 16px;}
	.product .con ul li,.solution .con ul li{width: 90%;float: none;margin:5%;}
	.solution .con .w{padding: 0;}
	.about .l,.about .r{width: 100%;margin:5px auto;}
	.news .l,.news .r{width: 100%;}
	.news .l h1 span,.news .r h1 span{font-size: 16px;}
	.news .l h1 a,.news .r h1 a{line-height: 16px;}
	.news .r ul li{margin-bottom: 0;}
	.contact{background-size: auto 100%;padding: 40px 20px;}
	.contact .l,.contact .r,.contact .r dl dd{width: 100%;}
	.contact .r dl button{width: 100%;display: block;margin-left: 0;}
	.contact .l dl,.contact .r dl{margin: 15px auto;}
	.probanner .l,.probanner .r,.pm .l,.pm .r{width: 100%;height: auto;margin:10px 0;padding-bottom: 20px;}
	.probanner .l img,.pm .l img{width: 90%;}
	.product.page .con .text p{padding-left: 0;font-size: 14px;line-height: 150%;margin: 5px auto;}
	.product.page .con .pic{position: relative;width: 100%;top:0;left: 0;}
	.product.page .con ul li,.product.page .con dl dd{width: 100%;margin:0 auto;}
	.nbanner{height: 200px !important;}
	.nbanner div{height: 200px !important;background-size: auto 100% !important; }
	.page .con{margin: 0px auto;}
	.about.page .con .l, .about.page .con .r{width: 100%;}
	.about.page .bg ul{padding: 40px 0;}
	.about.page .bg ul li{width: 50%;line-height: 30px;font-size: 16px;margin-right: 0;padding-left: 8%;}
	.h100{display: none;}
	.media .con ul li{margin:10px auto;}
	.media .con ul li .pic,.media .con ul li .text,.solution.page .con .l, .solution.page .con .r,.service .con .l, .service .con .r{float: none;width: 100%;padding:0;}
	.media .con ul li .pic img{width: 100%;}
	.media .con ul li .text h2 a{font-size: 18px;}
	.contact.page{background:none;}
	.contact.page .con .w{padding: 20px;}
	.contact.page .con .w dl.r dd:last-child{margin-left: 0;}
	.contact.page .con .w dl.r dd{float: none;}
	.product.page .con.spec ul{margin-top: 0;}
	.product.page .con.spec ul li{width: 100%;padding: 5px;}
	.product.page .con dl{margin:5px auto;}
	.solution.page{margin-top: 20px;}
	.solution.page .con img{margin-bottom: 10px;}
	.solution.page .con ul li{width: 100%;}
	.more.r{float: right !important;width: auto !important;}
    .service .con p,.solution .con{font-size: 16px;}
    .service .con .l{margin-bottom: 10px;}
    .solution .con{margin:0 auto;}

}