@charset "gb2312";
/* CSS Document */

/*zero*/
html{ font-size:62.5%;}
body,div,menu,ol,ul,li,dl,dd,dt,h1,h2,h3,h4,h5,h6,input,p,form,header,nav,article,section,aside,footer,video,audio,figure,textarea{ padding:0; margin:0;}
input,select,textarea,img,area{ outline:none; border:none;}
input,select,textarea{ background:#FFF;}
mark{ background:none;}
img{ vertical-align:middle;}
textarea{ resize:none;}
menu,ul,ol{ list-style-type:none;}
body{ font-family:"Î¢ÈíÑÅºÚ"; line-height:1 !important; font-size:14px; color:#333333;}
em,i,strong,b,small,h1,h2,h3,h4,h5,h6,address{ font-style:normal; font-weight:normal; font-size:100%;}
span,b,em,i,strong,small,label,a,mark{ display:inline-block;}
em,i,strong,b,small,span,li,a,mark{ transition:all 0.4s;}
ul li{ transition:0s;}

a{ text-decoration:none; outline:none; color:inherit;}
a:hover{ text-decoration:none;}
/*clearFix*/
.clearFix{ clear:both; *zoom:1;}
.clearFix:after{ clear:both; display:block; visibility:hidden; height:0; line-height:0; content:""; font-size:0;}
/*common*/
.fl{ float:left;}
.fr{ float:right;}
.w320{ width:320px; margin:0 auto; overflow:hidden;}
.w640{ width:640px; margin:0 auto; overflow:hidden;}
.w1001{ width:1000px; margin:0 auto; overflow:hidden;}
.w1200{ width:1200px; margin:0 auto; overflow:hidden;}
/*noSpacing*/
.noMt{ margin-top:0 !important;}
.noMr{ margin-right:0 !important;}
.noMb{ margin-bottom:0 !important;}
.noMl{ margin-left:0 !important;}
.noPt{ padding-top:0 !important;}
.noPr{ padding-right:0 !important;}
.noPb{ padding-bottom:0 !important;}
.noPl{ padding-left:0 !important;}
.noBt{ border-top:none !important;}
.noBr{ border-right:none !important;}
.noBb{ border-bottom:none !important;}
.noBl{ border-left:none !important;}

/*media*/
@media (min-width:480px) and (max-width:639px){
	/*html*/
	html{ font-size:46.875%;}
	/*container
	#container{ width:100%;}*/
}
@media (min-width:400px) and (max-width:479px){
	/*html*/
	html{ font-size:39.0625%;}
	/*container
	#container{ width:100%;}*/	
}
@media (min-width:320px) and (max-width:399px){
	/*html*/
	html{ font-size:31.25%;}
	/*container
	#container{ width:100%;}*/	
}

/* head */
.head { width:100%; height:auto;}
.top { margin:0px auto; width:1000px;}
.top .p1 { width:449px;}
.top .p2 { width:332px;}
.nav_box { width:100%; height:45px; background-color:#0064b4;}
.nav { margin:0px auto; width:1000px; height:45px;}
.nav li { width:111px; text-align:center; float:left; line-height:45px; font-size:18px; }
.nav li a { color:#FFF;}
.nav li:hover{ background:#00447a;}

/*footer*/
.footer{ width:100%; height:310px; background:#333333; overflow:hidden}
.footers{ width:1000px; margin:auto; margin-top:25px;}
.ft-left{ width:225px; height:210px;}
.ft-cent{ width:490px; margin-left:20px;}
.ft-cent li{ border-bottom:#FFF dashed 1px; padding-bottom:12px; margin-top:12px;}

.ft-cent a {font-size: 14px; padding: 0 15px; color:#FFF; border-right: 2px solid #c6c6c6;}

.ft-right{ width:215px; height:200px; font-size:16px; color:#FFF; line-height:25px;}
.ft-right p{ margin-top:25px;}
.xian{ width:2px; height:215px; background:#3a3a3a; border-right:#282828 solid 2px; margin-left:15px; float:left;}

.copy{ width:1000px; height:30px; margin:auto; text-align:center; font-size:12px; color:#fff; font-family:"ËÎÌå"; margin-top:20px;}























