@charset "utf-8";
#header .menu ul li.i2 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 .title{text-align: left; margin-top: .5rem;}
#main .title h1{font-size: 42px; 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 a.list{border-bottom: 1px solid #eee; display: block; padding: 20px 0;}
#main .box a.list .title{font-size: 18px; color: #3c6bc6; margin-bottom: 10px; margin:0 0 10px;}
#main .box a.list .con{ font-size: 14px; color: #888;}
#main .box a.list:hover .con{color: #3c6bc6;}

@media screen and (max-width: 768px) {
	
	#header .menu ul li.i2 a span{background:none; }



	#main{	overflow: hidden; position: relative; z-index: 1; background: none; padding-bottom: 60px;}
	#main .title{text-align: left; margin-top: 1rem; margin-left: 20px;}
	#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 20px;}
	#main .box a.list{border-bottom: 1px solid #eee; display: block; padding: 20px 0;}
	#main .box a.list .title{font-size: 18px; color: #3c6bc6; margin-bottom: 10px; margin:0 0 10px; text-align:justify; word-break:break-all; }
	#main .box a.list .con{ font-size: 14px; color: #888;}
	#main .box a.list:hover .con{color: #3c6bc6;}	
	
}