@charset "gb2312";
/* css document */

*{margin:0px;padding:0px; }
a{color: #404040; text-decoration: none;transition: all 0.7s;}
a:hover{color:#ff8500;}
ul,li,ol{ list-style:none;border:none;}
body{font-size:16px;line-height:1.5em;font-family:"arial","heiti sc","microsoft yahei",simsun,sans-serif;color: #000;background:#fff;min-width:320px;overflow-x:hidden;-webkit-text-size-adjust:none;}  
img,video { max-width: 100%; height: auto;border:0; }
img{display:block;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{* height:1%;}

#header{ background:url(/uploads/image/aaimages/ag-top.jpg) top center; height:370px; }
.hd-box{ margin:0 auto;  width:1100px; position:relative;}
.input-group{}
.search-text{border:none;border:1px solid #4295cb; width:120px; height:24px; line-height:24px; padding:0px 10px; position:absolute; right:164px; top:16px;}
.search-btn{ border:none; background: url(/uploads/image/aaimages/ag-search.jpg) no-repeat; width:27px; cursor:pointer; height:27px;position:absolute; right:135px;top:16px;}
.hd-box p{ position:absolute; color:#fff; font-size:14px; height:27px; line-height:27px;right:0px; top:16px;}
.gb{ background:#08ae4c; display:block; padding:0px 5px;float:left;white-space:nowrap; }
.gb a{ color:#fff;}
.co{background:#0560c7;display:block; padding:0px 5px;float:left;white-space:nowrap;}
.co a{color:#fff;}
.hd-box img{ margin:0 auto; width:100%; display:none;}
@media screen and (min-width: 640px) and (max-width: 1100px) {
#header{ background:none; height:auto;}	
.hd-box{ width:100%;}
.hd-box img{ display:block;}	
	}
/*����*/
#nav{ width:100%; background:#318fe7; height:56px; }
#nav a{ color:#fff;text-decoration: none;}
#nav a:hover{ color:#fff;}
ul#subsnav{ overflow:hidden; zoom:1; width:1100px; margin:0 auto; }
ul#subsnav li{ float:left;height:56px; line-height:56px; font-size:18px; font-weight:700; padding:0px 11px; text-align:center;}
#nav h4{ display:none; text-align:center; line-height:45px; font-size:18px; font-weight:700; color:#fff; }
#enablebtn {float:right;width:22px;height:17px;margin:-31px 10px 0px 0px;display:none;cursor:pointer;background:url(/uploads/image/aohimages/navbtnbg.png) no-repeat;}
/*԰������*/
#nav .f{background:url(/uploads/image/aaimages/ag-s-arr.jpg) no-repeat right center;}
#nav .f a{ color:#fed824; }
.sec ul#subsnav li{ padding:0px 15px;}
@media screen and (min-width: 0px) and (max-width: 549px){
	ul#subsnav li{ width:33.33%;font-size:14px;}
	ul#subsnav li:nth-child(4){ width:100%;}
	}
@media screen and (min-width: 550px) and (max-width: 660px){ul#subsnav li{width:33.33%;font-size:16px;}}
@media screen and (min-width: 0px) and (max-width: 660px) {
#header{display:none;}
#nav{ height:auto;}
#nav h4,#enablebtn {display:block;}
ul#subsnav {width:100%;padding-left:0%;height:0px;transition:height ease 0.5s; overflow:hidden; overflow:hidden; zoom:1;background:#318fe7;}
ul#subsnav li{display:block;border-left:none;line-height:35px; height:35px; float:left; text-align:center;  padding:0px; font-weight:300;}
ul#subsnav li a{ color:#fff; display:block; }
ul#subsnav li a:hover{ color:#fff;background:#f7b608;}
#nav h3.ebtn ~ #subsnav {height:140px;}
.sec ul#subsnav li{ padding:0px;}
.sec ul#subsnav li{ width:33.33%;}
.sec ul#subsnav li.f{ width:100%; background:none; font-weight:700;}
	}
@media screen and (min-width: 661px) and (max-width: 1100px) {
	#nav{ height:66px;}
	ul#subsnav{ width:100%;  }
    ul#subsnav li{ text-align:center; width:19%; padding:0px; text-align:center; font-size:14px; line-height:33px; height:33px;}
	ul#subsnav li:nth-child(4),ul#subsnav li:nth-child(9){ width:24%}
	.sec ul#subsnav li{ width:15%;}
	.sec ul#subsnav li.f{ width:27%;}	
	
	}
/*��ҳ*/
.page{ text-align:center; margin-bottom:20px;}
.page a{ border:1px solid #797979; padding:0px 5px; margin:0px 5px;}