@charset "utf-8";
/*当页面小于992px的时执行下面的CSS*/
@media screen and (max-width: 992px){
	.pro{ width:100%; height:auto; overflow:hidden; margin-top:0px}
	.pro .left{ display:none}
	.pro .right{width:100%; height:auto;}
	.pro .right2{width:100%; height:auto;}
	.pro .left h6{ color:#000; font-size:18px; font-weight:bold; position:relative;}
	.pro .left h6:before{content: ""; width:40px; height:3px; background-color:#0593db; position:absolute; left:0; top:40px}
	
	/*图片文字左右分开
	<dl class="dl">
		<a href="../p/?<%=rs_page("id")%>.html">
		<dt><img src="<%=rs_page("a_img")%>" /></dt>
		<dd>
			<p><%=rs_page("a_name")%></p>
			
		</dd>
		</a>
	</dl>
	*/
	.dl{ width:100%; height:auto; overflow:hidden}
	.dl dt{ float:left; width:35%; height:auto}
	.dl dt img{width:100%; height:auto}
	.dl dd{ float:right; width:62%; height:auto}
	.dl dd p{line-height:26px}
	.dl dd span{ display:block; margin-top:15px}
	.dl+dl{ margin-top:15px; border-top:1px solid #EAEAEA; padding-top:15px}
	/*左右分开end*/
}

/*当页面大于992px时候*/
@media screen and (min-width:992px){
	.pro{ width:100%; height:auto; overflow:hidden; margin-top:40px}
	.pro .left{ float:left; width:25%; height:auto; margin-top:15px; border:1px solid #EAEAEA; padding:20px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
	.pro .right{ float:right; width:72%; height:auto; padding:15px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
	.pro .right2{ float:right; width:72%; height:auto;}
	.pro .left h6{ color:#000; font-size:18px; font-weight:bold; position:relative;}
	.pro .left h6:before{content: ""; width:40px; height:3px; background-color:#0593db; position:absolute; left:0; top:40px}
	

	/*图片文字左右分开
	<dl class="dl">
		<a href="../p/?<%=rs_page("id")%>.html">
		<dt><img src="<%=rs_page("a_img")%>" /></dt>
		<dd>
			<p><%=rs_page("a_name")%></p>
			
		</dd>
		</a>
	</dl>
	*/
	.dl{ width:100%; height:auto; overflow:hidden}
	.dl dt{ float:left; width:35%; height:auto; overflow:hidden;}
	.dl dt img{width:100%; height:auto; -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
	.dl dt:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
	.dl dd{ float:right; width:62%; height:auto}
	.dl dd p{line-height:26px}
	.dl dd span{ display:block; margin-top:15px}
	.dl+dl{ margin-top:15px; border-top:1px solid #EAEAEA; padding-top:15px}
	/*左右分开end*/
}