@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;
	/* [disabled]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.79%;
	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-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%;
	  width: 40%;
  text-align: center;
	background-color: #888888;
	color: #fff;
}
.fot-4x-r12 {
	float: left;
	margin-left: 1rem;
	font-size: 1.8rem;
	line-height: 190%;
	  width: 40%;
  text-align: center;
	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%;
}
/*fot2-2*/
.fot7 {
	min-width: 340px;
	max-width: 640px;
	margin: 0 auto;
	width: 98%;
}
.fot7-tit h3 {
	width: 98%;
	margin: 0 auto;
	margin-top: 1.5rem;
	border-bottom: 1px #b9b9b9 solid;
}
.fot7-tit h3 a {
	display: inline;
	font-size: 1.8rem;
	line-height: 250%;
	color: #555;
}
.fot7-2 {
	width: 96%;
	margin: 0 auto;
}
.fot7-2 h4 {
	text-align: center;
	font-size: 2.2rem;
	line-height: 350%;
	color: #2b2b2b;
}
.fot7-2 p {
	font-size: 1.8rem;
	line-height: 200%;
	color: #555;
	text-indent: 3.6rem;
}
.fot7-3 {
	width: 98%;
	margin: 0 auto;
	padding-top: 1rem;
}
.fot7-3 h4 {
	width: 97%;
	background-color: #b54141;
	line-height: 200%;
	color: #fff;
	font-size: 2rem;
	padding-left: 3%;
}
.fot7-3 p {
	width: 98%;
	margin: 0 auto;
	font-size: 1.8rem;
	line-height: 200%;
	color: #555555;
	text-indent: 3.6rem;
}
.fot7-3 .fot7-31 {
	margin-top: 1.5rem;
}
.fot7-3 p span {
	font-size: 1.8rem;
	line-height: 200%;
	color: #cea259;
}
.fot7-3 h5 {
	width: 45%;
	margin: 1.5rem auto 2rem auto;
}
.fot7-3 h5 img {
	width: 1.6rem;
	height: 1.9rem;
	margin-right: 0.8rem;
}
.fot7-3 a {
	display: inline;
	font-size: 1.8rem;
	color: #9f3333;
	line-height: 100%;
}
.fot7-32 {
	width: 100%;
}
.fot7-32 img {
	width: 100%;
}
.fot7-33 {
	margin-top: 1rem;
}
.fot7-34 {
	width: 95%;
	margin: 1rem auto 0 auto;
	padding-bottom: 1.5rem;
}
.fot7-34-1 {
	float: left;
	width: 44.9%;
}
.fot7-34-1 img {
	width: 100%;
}
.fot7-34-2 {
	float: left;
	width: 27.1%;
}
.fot7-34-2 img {
	width: 100%;
}
.fot7-34-3 {
	float: left;
	width: 27.7%;
}
.fot7-34-3 img {
	width: 100%;
}
.fot-8 {
	min-width: 340px;
	max-width: 640px;
	margin: 3.5rem auto 0 auto;
	width: 100%;
}
.fot-8-tit {
	width: 100%;
	margin-bottom: 2rem;
}
.fot-8-tit img {
	width: 100%;
}
.fot-8-1 {
	width: 98%;
	margin: 0 auto;
}
.fot-8-1 ul {
	margin-bottom: 0.3rem;
}
.fot-8-1 li a {
	text-align: center;
	font-size: 1.8rem;
	line-height: 250%;
	color: #fff;
}
.fot-8-1 .fot-8-11 {
	width: 68%;
	float: left;
	background-color: #e89a7c;
}
.fot-8-1 .fot-8-12 {
	width: 32%;
	float: left;
	background-color: #e8c473;
}
.fot-8-1 .fot-8-13 {
	width: 42%;
	float: left;
	background-color: #d6d97b;
}
.fot-8-1 .fot-8-14 {
	width: 58%;
	float: left;
	background-color: #9ed97b;
}
.fot-8-1 .fot-8-15 {
	width: 68%;
	float: left;
	background-color: #94c1d6;
}
.fot-8-1 .fot-8-16 {
	width: 32%;
	float: left;
	background-color: #ffacb3;
}
.fot-8-1 .fot-8-17 {
	width: 100%;
	background-color: #d75f58;
}
.fot-8-1 .fot-8-17 span {
	font-size: 2.1rem;
}
.fot-8-18 {
	margin-top: 3rem;
	margin-bottom: 1.5rem;
}
.fot-8-181 {
	float: left;
	width: 47.9%;
}
.fot-8-182 {
	float: left;
	width: 47.9%;
}
.fot-8-182 {
	float: right;
}
.fot-8-181 img, .fot-8-182 img {
	width: 100%;
}
.fot-9 {
	min-width: 340px;
	max-width: 640px;
	margin: 0 auto 0 auto;
	width: 100%;
}
.fot-9-tit {
	width: 100%;
}
.fot-9-tit img {
	width: 100%;
}
.fot-9-2 {
	width: 95%;
	margin: 2rem auto 3rem auto;
}
.fot-9-21 {
	float: left;
	width: 31%;
}
.fot-9-21 img {
	width: 100%;
}
.fot-9-22 {
	margin: 0 3.5%;
}

.fot7-2 .p2 {
    font-size: 12px;
    text-align: center;
    color: #999;
    padding-top: .8rem;
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
.fot7-2 .p2 a {
    display: inline-block;
    color: #FF0000;
}