@charset "gb2312";
/* css document */
#smain{ width:1100px; overflow:hidden;zoom:1; margin:0 auto; }
.sline1{ overflow:hidden;zoom:1;padding:30px 0px 20px 0px;}
.sline1 .sleft{ float:left; width:670px;}
.sline1 .sright{ width:400px; float:right;}
.sline1.s2 .sleft{ float:none; margin:0 auto;}
.sline1.s2 .sright{ float:none;margin:0 auto; width:670px;}
.stit1{ font-size:24px; font-weight:700; color:#007bc1; background:url(/uploads/image/aaimages/ag-titbg4.jpg) no-repeat; padding-left:70px; padding-bottom:10px; border-bottom:1px solid #ebebeb;}
.stit1 a{color:#007bc1;}
.stit2{ font-size:18px; font-weight:700; color:#fff;border-bottom:2px solid #ebebeb; overflow:hidden;zoom:1;}
.stit2 span{ display:block; height:32px; line-height:32px; padding:0px 15px; float:left;}
.stit2 a{ color:#fff;}
.blue { background:#318fe7;}
.org{background:#fec524;}
.green{background:#1cbb9b;}
.stit2 a{color:#fff;}
.sline1 .sleft .sarea{ padding-top:10px;}
.sline1 .sleft .sarea img{ max-width:100%; height:auto;}
.sline1 .sleft .sarea p{ font-size:16px; padding:15px 0px 25px; line-height:1.8em; color:#434343;}
.sline1 .sleft .sarea p a{ color:#434343;}
.sline1 .sleft .sarea p span a{ color:#318fe7; padding-left:5px;}
.sline1 .sright ul{ padding:20px 0px 30px;}
.sline1 .sright ul li{background:url(/uploads/image/aaimages/ag-dotb.jpg) no-repeat 5px 10px; padding-left:15px; padding-bottom:10px;}
.sline1 .sright ul li a{ color:#318fe7;}
.sline1 .sright img{ margin:0 auto; padding:45px 0px;}
.sline2 .sleft{ float:left; width:670px;}
.sline2 .sright{ width:400px; float:right; padding-top:-20px}
.sline2 .sleft ul{ padding:20px 0px 30px;}
.sline2 .sleft ul li{background:url(/uploads/image/aaimages/ad-dot2.jpg) no-repeat 5px 10px; padding-left:15px; padding-bottom:10px;}
.sline2 .sright ul{ padding:15px 0px 0px;}
.sline2 .sright ul li{background:url(/uploads/image/aaimages/ad-dot2.jpg) no-repeat 5px 10px; padding-left:15px; padding-bottom:8px;  font-size:14px;}
.sline2 .sright .spic{ padding:25px 0px 0px; width:400px; margin:0 auto; position:relative;}
.sline2 .sright .spic img{ width:100%;}
.sline2 .sright .spic h3{position: absolute; bottom:0px; left:0px;background: rgba(0,0,0,0.5);font-size: 14px;padding: 0px 2%;color: #fff;font-weight: 700; width:96%;}
.sline2 .sright .spic h3 a{ color:#fff;}
@media screen and (min-width: 0px) and (max-width: 320px){
	.sline2 .sright ul li,.sline2 .sleft ul li,.sline1 .sleft .sarea p,.sline1 .sright ul li{ font-size:14px;}
	.sline2 .sright ul,.sline2 .sleft ul,.sline1 .sright ul{ padding-bottom:15px;}
	.sline2 .sright ul li,.sline2 .sleft ul li,.sline1 .sright ul li{ padding-bottom:5px;}
	.sline1 .sright img{ padding:25px 0px;}
	.sline2 .sright .spic{ width:300px;}
	}
@media screen and (min-width: 0px) and (max-width: 640px){
	.sline1 .sleft,.sline1 .sright,.sline2 .sleft,.sline2 .sright{ width:100%;}
	.sline2 .sleft{ padding-top:10px;}
	.sline2 .sleft ul{ padding:20px 0px 20px;}
	.sline1{ padding-top:15px;}
	.stit1{ background:none; padding-left:0px; font-size:20px;}
	
	}
@media screen and (min-width: 641px) and (max-width: 769px){
	.sline1 .sleft,.sline1 .sright{ width:49%;}
	.sline1 .sright ul li{ height:1.15em; overflow:hidden;}
	.sline2 .sleft,.sline2 .sright{ width:100%;}
	.sline2 .sright section{ overflow:hidden;zoom:1;margin-bottom:25px;}
	.sline2 .sright .spic{ float:left;margin-right:20px; }
	.sline2 .sright ul{ margin-top:15px;}
	.sline2 .sright ul li{ list-style: inside disc; background:none;}
	}
@media screen and (min-width: 0px) and (max-width: 769px){
	#smain{ width:96%; margin:0 2%; }
	}
/*������*/
#line5{ background:#f2f2f2; margin-top:20px;}
#line5 .area{ width:1100px; margin:0 auto 20px; padding-top:20px;}
.tit3{ background:url(/uploads/image/aaimages/ag-titbg3.jpg) no-repeat center; text-align:center; font-size:22px; font-weight:700; color:#318fe7;}
.tit3 a{color:#318fe7;}
#line5 .box{width:1100px; position:relative; margin:0 auto;}
#line5 .l{ position:absolute; left:10px; top:50px; z-index:100}
#line5 .r{ position:absolute; right:10px; top:50px;z-index:100}
#div1{ width: 100%; height: 175px; position: relative; margin: 20px auto;overflow: hidden;}
#div1 ul { width: 100%; height: 175px; position: relative; }
#div1 ul li { position:relative; width:265px; height:175p; float: left; list-style: none; margin-right:15px;}
#div1 ul li h2{position: absolute;left: 0px;top: 145px;z-index: 10;width: 96%;background: rgba(0,0,0,0.5);font-size: 14px;padding: 0px 2%;color: #fff;font-weight: 0px; height:30px; line-height:30px; overflow:hidden;}
#div1 ul li h2 a{ color:#fff;}
#div1 ul li img { width: 265px; height: 175px; display: inline-block;}
ul.div2{ display:none;}
@media screen and (min-width: 0px) and (max-width: 320px){ul.div2 li{width:100%; max-width:265px; margin:0px auto 10px;}}
@media screen and (min-width: 321px) and (max-width: 480px){ul.div2 li{width:48%; float: left;  margin:0 1%}}
@media screen and (min-width: 0px) and (max-width: 480px){
#div1{ display:none;}
#line5 .l,#line5 .r{ display:none;}
ul.div2{display:block; width: 100%;margin: 20px auto;overflow: hidden; zoom:1;}
ul.div2 li { position:relative;}
ul.div2 li h2{position: absolute;left: 0px;bottom:0px;;z-index: 10;width: 96%;background: rgba(0,0,0,0.5);font-size: 14px;padding: 0px 2%;color: #fff;font-weight: 700; height:30px; line-height:30px; overflow:hidden;}
ul.div2 li h2 a{ color:#fff;}
ul.div2 li img { width:100%;}
.tit3{ width:96%; margin:0 auto;}}
@media screen and (min-width: 0px) and (max-width: 769px){ 
#line5 .area{ width:100%; margin-bottom:0px;}
#line5 .box{ width:100%;}
}
.link{width:1100px; margin:0 auto;}
.link ul{ overflow:hidden;zoom:1; padding:15px 0px 25px;}
.link ul li{ float:left; padding:5px 0px;}
.link ul li a{ padding:0px 20px; border-right:1px solid #656565; white-space:nowrap; font-size:14px;}
.tit4{ font-size:18px; color:#318fe7; font-weight:700; border-bottom:3px solid #acacac; padding-bottom:5px;}
.tit4 a{color:#318fe7;}
#footer{ background:#318fe7; font-size:14px; color:#fff; text-align:center; padding:25px 0px; line-height:2.3em;}
#footer span{ padding-right:5px;}
#footer a{ color:#fff;}
@media screen and (min-width: 0px) and (max-width: 769px){ 
.link{ display:none;}
}