@charset "utf-8";

#header .menu ul li.i3 a span{background: linear-gradient(to right, rgba(133,146,251,0.8) 0 , rgba(86,176,252,0.8)); }

#main{	overflow: hidden; position: relative; z-index: 1; background: url(../img/icon-01.png) no-repeat right 3% top 150px; padding-bottom: 60px;}
#main .box{ overflow: hidden; padding: 60px 0 30px; overflow: hidden;}
#main .box .pic{float: left; width: 360px; }
#main .box .pic img{ max-width: 100%;}
#main .box .con{ float: right; width: 780px;}
#main .box .con h2{font-size: 30px; color: #000; font-family: Times, times new roman, georgia, Cambria; margin-bottom: 30px;}
#main .box .con p{margin-bottom: 20px; font-size: 18px;  line-height: 1.6em;  word-break:break-all;}
@media screen and (max-width: 768px) {

	#header .menu ul li.i3 a span{background:none; }
	
	#main{	overflow: hidden; position: relative; z-index: 1; background: none; padding: 20px;}
	#main .box{ overflow: hidden; padding: 0px; overflow: hidden;}
	#main .box .pic{float: none; width: 100%; }
	#main .box .pic img{ max-width: 100%;}
	#main .box .con{ float: none; width: 100%;}
	#main .box .con h2{font-size: 22px; color: #000; font-family: Times, times new roman, georgia, Cambria; margin-bottom: 20px; margin-top: 10px;}
	#main .box .con p{margin-bottom: 20px; font-size: 16px; line-height: 1.6em; word-break:break-all;}
	
}