@charset "utf-8";
#header .menu ul li.i4 a span{background: rgba(26,85,242,0.8); }

#banner{height: 500px;overflow: hidden;}
#banner .banner .con{padding-top: 11%;}


#main{	overflow: hidden; position: relative; z-index: 1; background: url(../img/icon-01.png) no-repeat right 3% top 60px; padding-bottom: 60px;}
#main .mainBox{max-width: 1000px;}
#main .title{text-align: left; margin-top: .5rem;}
#main .title h1{font-size: 30px; color: #000; font-family: Times, times new roman, georgia, Cambria; text-transform: uppercase;}
#main .title h2{font-size: 22px; color: #000; font-weight: normal;}
#main .box{ overflow: hidden; padding: 30px 0;}
#main .box p{margin-bottom: 20px; font-size: 18px; line-height: 1.6em;  word-break:break-all;}
#main .box img{ max-width: 100%;}
@media screen and (max-width: 768px) {

	#header .menu ul li.nav4 a span{background:none; }
	
	#main{	overflow: hidden; position: relative; z-index: 1; background: none; padding: 20px;}
	#main .title{text-align: left; margin-top: 1rem;}
	#main .title h1{font-size: 22px; color: #000; font-family: Times, times new roman, georgia, Cambria; text-transform: uppercase;}
	#main .title h2{font-size: 16px; color: #000; font-weight: normal;}
	#main .box{ overflow: hidden; padding: 30px 0;}
	#main .box p{margin-bottom: 20px; font-size: 16px; line-height: 1.6em;}
	#main .box img{ max-width: 100%;}
	
}