@charset "gb2312";
/* css document */
#main{ width:1100px; overflow:hidden;zoom:1; margin:0 auto; }
.line1{ overflow:hidden;zoom:1; background:#f2f2f2; padding:20px 0px 20px 20px;}
.line1 .left{ float:left; width:510px;}
.line1 .right{ width:530px; float:right; padding-right:10px;}

/*����ͼ*/
#imgshow {position:relative;width:100%;max-height:340px;margin-bottom:5px;overflow:hidden;}
#container {width:100%;height:100%;margin:0 auto;overflow:hidden;white-space:nowrap;}
#container ul {width:400%;white-space:nowrap;display:inline-block;}/*widthֵ������ͼƭ���ǰٷ�֮���١���4��ͼ����400%*/
#container li {position:relative;display:inline-block;width:25%;overflow:hidden;}
#container img {display:block;width:100%;max-height:290px;border:none;}
#container h3 {position:absolute;bottom:0;width:100%;background-color:#333;font-weight:normal;text-align:center;opacity:0.7;filter:alpha(opacity=70);z-index:100;padding:5px;font-size:0.875em;}
#container h3 a {color:#fff;}
.arrowl,.arrowr {position:absolute;top:40%;width:50px;height:50px;cursor:pointer;background: 50% 50% no-repeat;border-radius:50%;transition-property:background-color;transition-duration:1s;}
.arrowl {left:10px;}
.arrowr {right:10px;background: 50% 50% no-repeat;}
.btnhover {background-color:#666;opacity:0.6;filter:alpha(opacity=60);}
/*��һ���ҳ�*/
.line1 .right h1{ padding-top:10px;font-size:22px;}
.line1 .right h1 a{color:#007bc1; }
.line1 .right p{ font-size:16px; padding:15px 0px;}
.line1 .right ul{ padding-top:15px; border-top:1px dashed #848484;}
.line1 .right ul li{ background:url(/uploads/image/aaimages/ag-dot.jpg) no-repeat 0px 8px; padding-left:15px; padding-bottom:8px;}
@media screen and (min-width: 0px) and (max-width: 320px){
	.line1 .right p{ font-size:14px;}
	.line1 .right ul li{ font-size:14px;}
	.line1 .right h1{ font-size:18px;}
	}
@media screen and (min-width: 321px) and (max-width: 480px){
	.line1 .right p{ font-size:14px;}
	.line1 .right ul li{ font-size:14px;}
	}
@media screen and (min-width: 0px) and (max-width: 640px) {
#main{ width:96%; margin:2% auto;}
.line1{ background:none; padding:10px 0px 0px;} 
.line1 .left{ width:100%;}	
.line1 .right{ width:100%; padding-right:0px;}

	}
@media screen and (min-width: 641px) and (max-width: 769px) {
#main{ width:96%; margin:2% auto;}
.line1{ padding-bottom:0px;}
.line1 .left{ width:46.36%;}
.line1 .right{ width:48.18%;}
.line1 .right p{ font-size:14px; height:2.6em;overflow:hidden;}
.line1 .right h1{ height:1.2em; overflow:hidden; font-size:18px; padding-top:5px;}
.line1 .right ul li{ font-size:14px;}
.line1 .right ul li:nth-child(4){ display:none;}
	}
/*ͨ��*/
#banner{ padding:20px 0px;}
.line2{ padding-top:25px;}
.line2 .left{ float:left; width:500px; }
.tit1{ font-size:24px; font-weight:700; color:#007bc1; background:url(/uploads/image/aaimages/ag-titbg4.jpg) no-repeat; padding-left:70px;}
.tit1 a{color:#007bc1;}
.menu_list { width: 100%;position:relative; padding-top:10px; }
.menu_head { padding: 5px 10px 5px 0px; cursor: pointer; position: relative; margin:1px;background: #fff url(/uploads/image/aaimages/ag-arrb.jpg) 50px center no-repeat; float:left; border:1px solid #e5e5e5; font-size:14px; color:#007bc1; width:60px; text-align:center; margin-right:10px; margin-top:10px;}
.p1{ position:absolute; z-index:1000; top:46px; left:0px;}
.p2{ position:absolute; z-index:1000; top:46px; left:83px;}
.p3{ position:absolute; z-index:1000; top:46px; left:167px;}
.p4{ position:absolute; z-index:1000; top:46px; left:250px;}
.p5{ position:absolute; z-index:1000; top:46px; left:333px;}
.p6{ position:absolute; z-index:1000; top:46px; right:13px;}
.p7{ position:absolute; z-index:1000; top:93px; left:0px;}
.p8{ position:absolute; z-index:1000; top:93px; left:83px;}
.p9{ position:absolute; z-index:1000; top:93px; left:167px;}
.p10{ position:absolute; z-index:1000; top:93px; left:250px;}
.p11{ position:absolute; z-index:1000; top:93px; left:333px;}
.p12{ position:absolute; z-index:1000; top:93px; right:13px;}
.p13{ position:absolute; z-index:1000; top:140px; left:0px;}
.p14{ position:absolute; z-index:1000; top:140px; left:83px;}
.menu_body { display:none;  }
.menu_body a { display:block; color:#006699; background-color: #ccdfef;  padding:3px 1px 3px 4px; text-decoration:none;white-space:nowrap; min-width:50px; width:100%; }
.menu_body a:hover { color: #000000; text-decoration:underline; }

.line2 .right{ float:right; width:532px;}
.line2 .right ul{ overflow:hidden;zoom:1; padding:10px 0px 15px;}
.line2 .right ul li{ float:left; background: url(/uploads/image/aaimages/ag-arrr2.jpg) no-repeat 98% center; border:1px solid #55ccb4; line-height:33px; height:33px; padding-right:8px; padding-left:2px; font-size:14px; font-weight:700; text-align:center; margin-top:10px;}
.line2 .right ul li a{ color:#55ccb4;}
.a1{ margin-right:10px; width:410px;}
.a2{ width:88px;}
.a3,.a4,.a5,.a7,.a8{ margin-right:10px;}
.a3{ width:99px;}
.a4{ width:118px;}
.a5{ width:118px;}
.a6{ width:118px;}
.a7{ width:162px;}
.a8{ width:162px;}
.a9{ width:150px;}

@media screen and (min-width: 0px) and (max-width: 364px) {
.line2 .right ul li.a1{ width:290px; height:auto; text-align:left; line-height:20px; }
.a9{ width:100px;}
.a7{ width:140px;}
.menu_head { background: #fff url(/uploads/image/aaimages/ag-arrb.jpg) 43px center no-repeat; width:50px;}
.p1{top:46px; left:0px;}
.p2{top:46px; left:73px;}
.p3{top:46px; left:147px;}
.p4{ top:46px; left:auto; right:0px;}
.p5{top:93px; left:0px;}
.p6{top:93px; right:auto; left:73px;}
.p7{top:93px; left:147px;}
.p8{top:93px; left:auto; right:0px;}
.p9{top:140px; left:0px;}
.p10{top:140px; left:73px;}
.p11{top:140px; left:147px;}
.p12{ top:140px; right:0px;}
.p13{top:190px; left:0px;}
.p14{top:190px; left:83px;}
	}
@media screen and (min-width: 365px) and (max-width: 449px) {
.line2 .right ul li.a1{ width:320px; height:auto; text-align:left; line-height:20px;}
.p4{ top:46px; left:auto; right:0px;}
.p5{ top:93px; left:0px;}
.p6{ top:93px; left:83x; right:auto;}
.p7{ top:93px; left:167px;}
.p8{ top:93px; left:auto; right:0px; }
.p9{top:140px; left:0px;}
.p10{top:140px; left:83px;}
.p11{top:140px; left:167px;}
.p12{top:140px; right:0px; left:auto;}
.p13{top:190px; left:0px;}
.p14{top:190px; left:83px; }	}
@media screen and (min-width: 450px) and (max-width: 535px) {
.p5{ top:46px; left:auto; right:0;}
.p6{ top:93px; left:0x; right:auto;}
.p7{ top:93px; left:83px;}
.p8{ top:93px; left:167px; }
.p9{top:93px; left:250px;}
.p10{top:93px; left:auto;right:0px;}
.p11{top:140px; left:0px;}
.p12{top:140px; right:auto; left:83px;}
.p13{top:140px; left:167px;}
.p14{top:140px; left:auto; right:0px;}	
	}
@media screen and (min-width: 623px) and (max-width: 707px) {
.p6{ top:46px; left:416px; right:auto;}
.p7{ top:46px; right:0px; left:auto;}
.p8{ top:93px; left:0px; }
.p9{top:93px; left:83px;}
.p10{top:93px; left:167px;}
.p11{top:93px; left:250px;}
.p12{top:93px; right:auto; left:330px;}
.p13{top:93px; left:416px;}
.p14{top:93px; left:auto; right:0px;}}

@media screen and (min-width: 708px) and (max-width: 769px) {
.p6{ top:46px; left:416px; right:auto;}
.p7{ top:46px; left:500px;}
.p8{ top:46px; right:0px; left:auto;}
.p9{top:93px; left:0px;}
.p10{top:93px; left:83px;}
.p11{top:93px; left:167px;}
.p12{top:93px; right:auto; left:250px;}
.p13{top:93px; left:330px;}
.p14{top:93px; left:416px;}}
@media screen and (min-width: 0px) and (max-width: 320px){
.tit1{ font-size:16px; background:none; padding-left:0px;}
	}
@media screen and (min-width: 321px) and (max-width: 480px) {
.tit1{ font-size:18px; background:none; padding-left:0px;}
}
@media screen and (min-width: 0px) and (max-width: 769px) {
.line2{ padding-top:15px;}
#banner{ display:none;}
.line2 .left{ width:100%}
.line2 .right{ width:100%; margin-top:15px;}
.a2,.a6{margin-right:10px; }
.menu_body a{ font-size:14px;}
}
/*������ ������*/
.line3{overflow:hidden;zoom:1;}
.line3 .left{ float:left; width:100%;}
.tit2{ font-size:22px; font-weight:300; color:#318fe7; background: url(/uploads/image/aaimages/ag-titbg2.jpg) no-repeat; padding-bottom:17px; padding-left:33px;}
.tit2 a{color:#318fe7;}
.list{ margin-right:430px;}
.list ul li{ border-bottom:1px dashed #666666; padding-bottom:20px; overflow:hidden;zoom:1; padding-top:15px;}
.list ul li a.trans {display:block;overflow:hidden; float:left; margin-right:20px;}
.list ul li a.trans img{ width:100%;max-width:215px;}
.list ul li h3{ font-size:18px; font-weight:700;}
.list ul li p{ font-size:14px; padding-top:10px; }
/*�������ҳ�*/
.line3 .right{ width:400px; margin-left:-400px; float:right;}
.line3 .right ul{ padding:15px 0px;}
.line3 .right ul li{ background:url(/uploads/image/aaimages/ad-dot2.jpg) no-repeat 5px 10px; font-size:14px; padding-left:15px; padding-bottom:5px;}
.line3 .box{ overflow:hidden;zoom:1; padding-top:15px;}
.line3 .box a.trans {display:block;overflow:hidden; float:left; margin-right:20px; }
.line3 .box a.trans img{ width:100%;max-width:200px;}
.line3 .box h3{ font-size:14px; font-weight:700;}
.line3 .box p{ font-size:12px;}
.rpic,.rpic1{ padding:20px 0px 10px;}
.rpic1{ max-width:400px; }
.rpic img{ margin:0 auto;}
.mail{ padding:0px 0px 0px 40px; background:url(/uploads/image/aaimages/ag-mail.jpg) no-repeat center left;  line-height:28px; margin-top:15px;}
.tel{padding:0px 0px 0px 40px; background:url(/uploads/image/aaimages/ag-tel.jpg) no-repeat center left;line-height:28px;margin-top:15px;}
/*ͨ����*/
#banner2 ul{ overflow:hidden;zoom:1;padding:20px 0px;}
#banner2 ul li{ float:left; width:360px;} 
#banner2 ul li img{ width:360px;}
#banner2 ul li.center{ padding:0px 10px;}
@media screen and (min-width: 0px) and (max-width: 320px) {
	.list ul li h3{ font-size:16px;}
	.list ul li p{ font-size:12px; padding-top:5px;}
.tit2{ font-size:18px; background:none; border-bottom:3px solid #ebebeb; font-weight:700; padding-left:0px; padding-bottom:5px;}
}
@media screen and (min-width: 321px) and (max-width: 480px) {
.tit2{ font-size:18px; background:none; border-bottom:3px solid #ebebeb; font-weight:700; padding-left:0px; padding-bottom:5px;}

}
@media screen and (min-width: 0px) and (max-width: 480px) {
.line3 .box a.trans{ max-width:150px; margin-right:10px;}
.list ul li a.trans{ max-width:150px; margin-right:10px;}
#banner2 ul{ padding:0px 0px 10px;}
#banner2 ul li{ width:100%; max-width:360px; margin:0 auto; float:none;}
#banner2 ul li.center{ padding:10px 0px;}
.rpic{ display:none;}
	}
@media screen and (min-width: 481px) and (max-width: 640px) {
#banner2 ul{ padding:5px 0 10px;}
#banner2 ul li{ width:32.6%;}
#banner2 ul li.center{ padding:0 1%}
#banner2 ul li img{ width:100%;}
.rpic{ display:none;}
}
@media screen and (min-width: 641px) and (max-width: 769px) {
.sleft{ width: 100%; overflow:hidden;zoom:1;}
.sleft .sl3a{ float:left; width:49%; }
.sleft .sl3b{ float: right; width:49%; }
#banner2 ul{ padding:5px 0 10px;}
#banner2 ul li{ width:32.6%;}
#banner2 ul li.center{ padding:0 1%}
#banner2 ul li img{ width:100%;}
.line3 .box a.trans{ max-width:150px; margin-right:10px;}
.rpic{ padding-top:60px;}
	}
@media screen and (min-width: 0px) and (max-width: 769px) {
.list ul li:last-child{ border-bottom:none;}
.list{ margin-right:0px;}
.line3 .left{ margin-top:-10px;}
.line3 .right{ width:100%; margin-left:0px; }	
.tit2{ margin-top:15px;}
	}
/*������*/
#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;}
.ie8 #div1 ul li h2{background: #000;filter:alpha(opacity=70);}

#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: 0px; 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;}
}