@charset "utf-8";
*{
	margin: 0;
	padding: 0;
	font-family: "微软雅黑";
	}
input,textarea{
	outline:medium;/*在chrom浏览器下面，点击input
	输入时，会有边框*/
	}	
	
li{
	list-style:none;
	}
a{
	display:block;
	text-decoration:none;
	blr:expression(this.onFocus=this.blur());/*这句话的意思是链接 a 在获得焦点的同时失去焦点。如果你用的是图片链接什么的，他不会显示周边的虚线*/;
	}
img{border:none;}
.clear{
	clear:both;
	}
h2,h3,h4,h5,h6{
	font-weight:normal;
	}
body{
	min-width:320px;
	max-width:960px;
	margin:0 auto;
	background-color: #FFFFFF;
	
}
@media (min-width: 641px){
	html{ font-size:62.5%; }
}
@media (min-width: 590px) and (max-width:640px) {
	html{ font-size:62.5%; }
}
@media (min-width: 520px) and (max-width:589px) {
	html{ font-size:56.3%; }
}

@media (min-width: 480px) and (max-width:519px) {
	html{ font-size:50%; }
}

@media (min-width: 320px) and (max-width:480px) {
	html{ font-size:39%; }
}




/*top*/
.top{
	min-width:340px;
	max-width:640px;
	margin:0 auto;
	width:100%;
	padding:2.5% 0;
	}
.top-1{
	float:left;
	width:68%;
	padding:0 8% 0 4.5%;
	}
.top-1 img{
	width:100%;
	}		
.top-2{
	float:left;
	width:14.6%;
	}
.top-2 img{
	width:100%;
	}		
/*nav*/
.nav{
	min-width:340px;
	max-width:640px;
	margin:0 auto;
	width:100%;
	}
.nav ul{
	margin:0 auto;
	width:100%;
	border-bottom:1px solid #fff;
	}
.nav ul li{
	float:left;
	width:24.7%;
	text-align:center;
	border-right:1px solid #fff;
	}
.nav ul li a{
	line-height:288%;
	background-color:#283442;
	font-size:1.8rem;
	color:#fff;
	}
.nav .nav-4{
	border-right:inherit;
	}				
.banner{
	border-top:1px solid #fff;
	min-width:340px;
	max-width:640px;
	margin:0 auto;
	width:100%;
	}
.banner img{
	width:100%;
	}
.banner h3{
	font-size:2.6rem;
	text-align:center;
	color:#555555;
	line-height:250%;
	}	
.fot-1{
	min-width:340px;
	max-width:640px;
	margin:0 auto;
	width:100%;
	background-color:#f2f2f2;
	padding:2% 0;
	}
.fot-1-in{
	width:92%;
	margin:0 auto;
	}	
.fot-1-1{
	margin-top:1%;
	float:left;
	width:34%;
	}
.fot-1-1 img{
	width:100%;
	}
.fot-1-2{
	float:right;
	width:59%;
	}
.fot-1-2 img{
	width:100%;
	}
/*fot-2*/
.fot-2{
	min-width:340px;
	max-width:640px;
	margin:0 auto;
	width:98%;
	}
.wt{
	margin:1.5rem 0 1rem 0;
	}
.wt-1{
	width:26%;
	float:left;
	border:1px solid #cfcfcf;
	background-color:#f9efe1;
	margin-right:1.9%;
	}
.wt-1-img{
	margin:0 auto;
	width:60%;
	padding:12% 0 6% 0;
	}
.wt-1-img img{
	width:100%;
	}		
.wt-1 p{
	color:#323232;
	line-height:100%;
	text-align:center;
	font-size:1.8rem;
	padding-bottom:12%;
	}
.wt-2{
	width:47.5%;
	float:left;
	}
.wt-21{
	padding-bottom:3.2%;
	}	
.wt-21 a{
	float:left;
	font-size:1.8rem;
	color:#666666;
	line-height:283%;
	border:1px solid #c9c9c9;
	width:48.3%;
	text-align:center;
	color:#f92a2a;
	}
.wt-21 .wt-211{
	float:right;
	color:#666666;
	}
.wt-2 p a{
	font-size:1.6rem;
	color:#666666;
	text-align:center;
	line-height:136%;
	}
.wt-3{
	width: 22.6%;
	float: right;
	font-size: 1.8rem;
	color: #656464;
	line-height: 116%;
	border: 1px solid #cfcfcf;
	text-align: center;
	padding-top: 8.7%;
	padding-right: 0;
	padding-bottom: 8.7%;
	padding-left: 0;
	}					
.wt-4{
	width:71.4%;
	float:right;
	border:1px solid #cdcdcd;
	}
.wt-5{
	margin-right:inherit;
	}
.wt-4 h3{
	font-size:3.2rem;
	text-align:center;
	color:#666666;
	line-height:120%;
	padding:9.2% 0;
	}
.wt-4 h3 p{
	font-size:1.8rem;
	color:#666666;
	line-height:100%;
	padding-top:2%;
	}
.wt-4 h3 p span{
	color:#f92a2a;
	}	
.wt-6{
	width:23%;
	float:right;
	}
.wt-6 a{
	font-size:1.8rem;
	color:#656464;
	line-height:283%;
	border:1px solid #cfcfcf;
	text-align:center;
	}	
.wt-6 .wt-61{
	margin-bottom:6.5%;
	}
.pi{
	}	
.cx{
	float:right;
	width:71.5%;
	font-size:1.6rem;
	text-align:center;
	}
.cx a{
	line-height:100%;
	padding-top:2.2%;
	color:#666;
	}	
.wt-23{
	padding-bottom:inherit;
	}	
/*fon-3*/
.fot-3{
	min-width:340px;
	max-width:640px;
	margin:0 auto 1rem auto;
	width:100%;
	}

.fot-3-tit{
	margin-top:2.5rem;
	width:100%;
	margin-bottom:1rem;
	}
.fot-3-tit img{
	width:100%;
	}
.fot-3-x{
	width:98%;
	margin:0 auto;
	background-image:url(../images/ioc_03.png);
	background-repeat:no-repeat;
	background-position:center top;
	overflow:hidden;
	}
.fot-3-x ul{
	border-bottom:1px solid rgba(255,255,255,0.4);
	}				
.fot-3-x ul li{
	text-align:center;
	float:left;
	font-size:1.4rem;
	line-height:405%;
	color:#fff;
	}
.fot-3-x .fot-3-x1{
	width:22%;
	border-right:1px solid #fff;
	}	
.fot-3-x .fot-3-x2{
	background-color:#a83837;
	width:54.9%;
	border-right:1px solid #fff;
	}	
.fot-3-x .fot-3-x3{
	width:22%;
	}
.fot-3-xx li{
	font-weight:bold;
	}
.fot-3-xc li a{
	background-image:url(../images/sqbj_03.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	color:#fff;
	background-size:70%;
	}	
.fot-3-xc li{
	font-size:1.6rem;
	color:#fff;
	}
/*fot-4*/		
.fot-4{
	min-width:340px;
	max-width:640px;
	margin:1rem auto 1rem auto;
	width:100%;
	}
.fot-4-tit{
	margin-top:2.5rem;
	width:100%;
	margin-bottom:1rem;
	}
.fot-4-tit img{
	width:100%;
	}
.fot-4x{
	width:98%;
	margin:0 auto 1rem auto;
	}
.fot-4x-l{
	width:40%;
	float:left;
	}
.fot-4x-l img{
	width:100%;
	}
.fot-4x-r{
	float:right;
	width:56%;
	float:right;
	}
.fot-4x-r h4{
	font-size:2.4rem;
	color:#d2b16c;
	line-height:200%;
	}
.fot-4x-r p{
	font-size:1.8rem;
	color:#666;
	line-height:150%;
	}
.fot-4x-r p a{
	display:inline;
	color:#9f3333;
	}
.fot-4x-r1{
	margin-top:2rem;
	}
.fot-4x-r11{
	float:left;
	font-size:1.8rem;
	line-height:190%;
	padding:0 2rem;
	background-color:#888888;
	color:#fff;
	}								
.fot-4x-r12{
	float:left;
	margin-left:1rem;
	font-size:1.8rem;
	line-height:190%;
	padding:0 2rem;
	background-color:#9f3333;
	color:#fff;
	}								
.fot-5{
	min-width:340px;
	max-width:640px;
	width:98%;
	padding:0 1%;
	margin:0 auto 1rem auto;
	}
.fot-5s{
	width:100%;
	}
.fot-5s img{
	width:100%;}	
.fot-5x{
	margin-top:1rem;
	width:100%;
	}
.fot-5x img{
	width:100%;}	
/*fot-6*/	
.fot-6{
	min-width:340px;
	max-width:640px;
	margin:1rem auto 0 auto;
	width:100%;
	}
.fot-61{
	float:left;
	width:35%;
	}
.fot-61 img{
	width:100%;
	}	
.fot-62{
	float:right;
	width:65%;
	margin-top:1.5rem;
	}
.fot-621{
	margin-bottom:1rem;
	}	
.fot-621i{
	float:left;
	width:13.5%;
	margin-right:2%;
	}
.fot-621i img{
	width:100%;
	}
.fot-621r{
	float:left;
	}
.fot-621r p{
	font-size:1.8rem;
	color:#283442;
	line-height:120%;
	}
.fot-621r h3{
	font-size:2.4rem;
	color:#283442;
	line-height:120%;
	}
.fot-6{
	padding-bottom:15%;}				
.fot-621r .dzh{
	font-size:1.4rem;
	line-height:200%;
	}
.fot-6221{
	float:left;
	width:45%;
	margin-right:2%;
	}
.fot-6221 img{
	width:100%;
	}		
	
	
@media screen and (max-width:360px){body,input,select{font-size:13px}}
@media screen and (min-width:360px){body,input,select{font-size:13px}}
@media screen and (min-width:400px){body,input,select{font-size:15px}}
@media screen and (min-width:480px){body,input,select{font-size:18px}}
@media screen and (min-width:560px){body,input,select{font-size:20.5px}}
@media screen and (min-width:600px){body,input,select{font-size:22.25px}}
@media screen and (min-width:640px){body,input,select{font-size:24px}}