@charset "gb2312";
/* CSS Document */


/*CSS reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote,th,td,p{margin:0;padding:0; font-size:12px; font-family:"Î¢ÈíÑÅºÚ";}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;border:none;}
ul,li,dl ,dt,dd ,ol,p,img{ list-style: none;border: none;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:normal;font-weight:normal;}
del,ins{text-decoration:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
button,input,select,textarea{font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
a{text-decoration:none; color:#000;}
a:hover{text-decoration:underline;}




.clear{ clear:both; height:0;}
.clear15{ clear:both; height:15px;}
.clear20{ clear:both; height:20px;}

body{ background:#F3F1F2;}

.wrapper{ margin-top:14px; background:#FFF; margin-left:auto; margin-right:auto; height:auto; width:995px; padding:14px; overflow:hidden;}

.container{ width: 1000px; margin: 0 auto; overflow:hidden;}


/* Í·²¿ */
.header{ height:308px; background:url(2016_2h_bg.jpg) no-repeat top center; overflow:hidden; margin-left:auto; margin-right:auto;}
.header .top{height: 37px; border-bottom:2px solid #E6212A; width:995px; margin-left:auto; margin-right:auto;}
.header .top .left{ float:left; width:200px;}
.header .top .right{ float:right; width:200px;}
.header .top .right ul{ width:300px; float:right;}
.header .top .right ul li{ float:right; padding-left:10px; padding-right:8px; line-height:37px;}
.header .top .right .one{ background:url(2016_2h_bg001_r1_c1.jpg) no-repeat left 10px;}
.header .top .right .two{ background:url(2016_2h_bg001_r1_c3.jpg) no-repeat left 10px;}
.header .top .right .three{ background:url(2016_2h_bg001_r1_c5.jpg) no-repeat left 10px;}
.header .top .right .four{ background:url(2016_2h_bg001_r1_c7.jpg) no-repeat left 10px;}
.header .top a{ line-height:21px; margin-left:10px; display:inline-block; *display:inline; *zoom:1; color:#000;}
.header .banner{ height:268px;}

/* footer */
.footer{background:#FFF url(2016_2h_011.jpg) no-repeat center 5px ;margin-top:14px; margin-left:auto; margin-right:auto; height:auto; padding:30px 0px 20px 0px; text-align:center;}
.footer p{ height:22px; line-height:22px;color:#999; text-align:center;}



@media screen and (max-width: 1000px){
	.container{ width:100%;}
	.header{ height:auto; padding-bottom:10px;}
	.header .logo{ float:none; width:100%; text-align:center; margin-top:20px; height:auto;}
	.header .search{ float:none; width:70%; margin:20px auto 0;}
	.header .search .txt{ width:67%; padding:0 1%;}
	.header .search .sbt{ width:30%;}
	
	.nav ul{ width:100%;}
	.nav ul li{ width:16.6%;}
	
	.friend_link{ display:none;}
}

@media screen and (max-width: 480px){
	.header .logo img{ width:80%; height:auto;}
	
	.nav{ height:auto;}
	.nav ul li{ width:33.3%; line-height:40px;}
	.nav ul li:nth-child(4){ background:none;}
}