@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}
html{color:#000;overflow-y:scroll;overflow:-moz-scrollbars-vertical}
body,button,input,select,textarea{font-size:12px;font-family:arial,'Hiragino Sans GB','Microsoft Yahei','微软雅黑','宋体',\5b8b\4f53,Tahoma,Arial,Helvetica,STHeiti}
h1,h2,h3,h4,h5,h6{font-size:100%}
em{font-style:normal}
small{font-size:12px}
ul,ol{list-style:none}
a{text-decoration:none}
legend{color:#000}
fieldset,img{border:0}
button,input,select,textarea{font-size:100%}
input:focus {outline:none;}
input {outline:none;}
input {background:none;outline:none;border:0px;}
table{border-collapse:collapse;border-spacing:0}
img{-ms-interpolation-mode:bicubic}
textarea{resize:vertical}
.left{float:left}
.right{float:right}
.overflow{overflow:hidden}
.hide{display:none}
.block{display:block}
.inline{display:inline}
.error{color:#F00;font-size:12px}
label,button{cursor:pointer}
.clearfix:after{content:'\20';display:block;height:0;clear:both}
.clearfix{zoom:1}.clear{clear:both;height:0;line-height:0;font-size:0;visibility:hidden;overflow:hidden}
.wordwrap{word-break:break-all;word-wrap:break-word}
pre.wordwrap{white-space:pre-wrap}
body,form{position:relative}
td{text-align:left}
img{border:0}
.fl{float: left;}
.fr{float: right;}
.pr{position: relative;}
.pa{position: absolute;}
.ov{overflow: hidden;}
  input{   -webkit-appearance: none; -moz-appearance: none;appearance: none;} 
textarea{   -webkit-appearance: none; -moz-appearance: none;appearance: none;} 
select{   -webkit-appearance: none; -moz-appearance: none;appearance: none;} 
body{
	max-width: 6.4rem;
	min-height: 3.2rem;
	margin:0 auto!important;

}



.baner{
	height: 4.45rem;
}

.tit{
text-align: center;

}


.top{
	margin-top: 0.8rem;
}

.tit p{
	font-size: 0.18rem;
	color: #333;
	width: 6rem;
	text-align: left;
	margin:0.34rem auto;
	text-indent: 0.4rem;
	font-weight: 500;
	line-height: 0.24rem;

}
.tit h3{
font-size: 0.38rem;
color:#813ea2;
letter-spacing: 0.02rem;
margin-bottom: 0.08rem;


}
.tit span{
	font-size: 0.25rem;
	color: #000;
	position: relative;
	margin-top: 0.02rem;
	display: block;

}.tit span:after{
	content: "";
	display: block;position: absolute;
	width: 1rem;
	height: 0.04rem;
	background-color: #813ea2;
	top: 0.4rem;
	left: 2.66rem;
}


.box1 ul{
	width: 5.84rem;
	height: 6rem;
	background:url(../images/bg1.jpg)no-repeat top center;
	background-size: 100% 100%;
	margin:0 auto;
	position: relative;
}

.box1 ul li{
	font-size: 0.18rem;
	color: #fff;
}
.box1 ul li:nth-child(1){
	position: absolute;
	top: 2.04rem;
	left: 0.84rem;
	

}
.box1 ul li:nth-child(2){
	position: absolute;
	top: 2.2rem;
	left: 3.74rem;

}
.box1 ul li:nth-child(3){
	position: absolute;
	top: 5.24rem;
	left: 0.44rem;

}
.box1 ul li:nth-child(4){
	position: absolute;
	top: 5.24rem;
	left: 3.64rem;

}

.btn1{
	width: 4.7rem;
	height: 0.5rem;
	border-radius: 0.3rem;
	display: block;
	margin:0.35rem auto 0.5rem auto;
	line-height: 0.5rem;
	text-align: center;font-size: 0.22rem;
	color: #fff;
	 background: -webkit-linear-gradient(left, #f38521 , #f36221); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #f38521, #f36221); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #f38521, #f36221); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #f38521 , #f36221); /* 标准的语法 */
}








.box2{
	background-color: #e5e5e5;
	overflow:hidden;
	width: 6.4rem;
	height: 9.2rem;
}

.box2 ul{
	width: 5.9rem;
	height: 5.7rem;
	background:url(../images/bg2.jpg)no-repeat top center;
	background-size: 100% 100%;
	margin:0 auto;
	position: relative;
}

.box2 ul li{
	width: 1.8rem;
	height: 2.74rem;
	float: left;
	margin-right: 0.24rem;
	position: relative;
}
.box2 ul li:nth-child(3){
	margin-right:0;
}
.box2 ul li:nth-child(6){
	margin-right:0;
}

.box2 ul li:nth-child(4),.box2 ul li:nth-child(5),.box2 ul li:nth-child(6){
	margin-top: 0.26rem
}
.box2 ul li dl dt{
	text-align: center;
	margin-top: 1.4rem;
	font-size: 0.2rem;
	color: #000;
	font-weight: 400;


}
.box2 ul li dl dd{
	margin-left: 0.32rem;
	margin-top: 0.04rem;
	font-size: 0.16rem;
	color: #000;


}

.box2 ul li a{
	display: block;
	width: 1.56rem;
	height: 0.32rem;
	position: absolute;
	top: 2.23rem;
	left: 0.12rem;
	line-height: 0.32rem;
	text-align: center;
	font-size: 0.16rem;
	color: #fff;
	border-radius: 0.08rem;
	background-color: #f38621;
}




.box3 ul{
	width: 6.4rem;
	height: 3.1rem;
	background:url(../images/bg3.jpg)no-repeat top center;
	background-size: 100% 100%;
	position: relative;
	margin-bottom: 1rem;
}

.box3 ul li{
	height: 3rem;
	width: 1.9rem;
	float: left;
	margin-left: 0.16rem;

}

.box3 ul li dl dt{
	margin-top: 1.6rem;
	text-align: center;
	font-size: 0.18rem;
	color: #000;
	font-weight: 600;
}
.box3 ul li dl dd{
	text-align: left;
	font-size: 0.14rem;
	text-align: justify;
	color: #000;
	padding-left: 0.18rem;
	margin-top: 0.04rem;
	font-weight: 400;
}



.box4{
		width: 6.4rem;
	height: 6rem;
	background:url(../images/bg4.jpg)no-repeat top center;
	background-size: 100% 100%;
	position: relative;
	overflow: hidden;
}

.Color,.Color h3,.Color span,.Color p{
	color: #fff;
}
.Color span:after{
	background-color: #fff;
}

.box4 ul{
	margin: 0.46rem auto 0 auto;
width:5.76rem;
height: 2.3rem;
}
.box4 ul li{
	float: left;
	width: 2.64rem;
	height: 1rem;
	margin-right: 0.48rem;
	text-align: center;
	padding-top: 0.16rem;
	box-sizing: border-box;
	font-size: 0.2rem;
	color: #fff;
	font-weight: 600;
}
.box4 ul li:nth-child(2),.box4 ul li:nth-child(4){
	margin-right: 0;
}
.box4 ul li:nth-child(3),.box4 ul li:nth-child(4){
	margin-top: 0.26rem;
}



.slide{
	width: 6rem;
	height: 5rem;
	margin:0.46rem auto 0 auto;
}
.slide .hd{
	width: 6rem;
	height: 0.7rem;

}
.slide .hd ul li{
	float: left;
	width: 1.92rem;
	height: 0.58rem;
	font-size: 0.2rem;
	color: #fff;
	text-align: center;
	line-height: 0.58rem;
	background-color: #9b9b9b;
	border-radius: 0.08rem;
	margin-right: 0.12rem;
	position: relative;
}
.slide .hd ul li a{
	color: #fff;
}
.slide .hd ul li:nth-child(3){
	margin-right: 0rem;

}
 .on{
	background-color: #813ea2!important;
}
.on:after{
	content: "";
	display: block;
	position: absolute;
left:0.9rem;
 width:0rem;
  height:0rem;
  border-left:0.1rem solid transparent;
  border-right:0.1rem solid transparent;
  border-top:0.1rem solid #813ea2;
  font-size:0rem;
  line-height:0rem;

}
.slide .bd ul li {
	width: 6rem;
	height: 4rem;
	margin-top: 0.4rem;


}

.slide .bd ul li img{
	width: 3rem;
	height: 4rem;
	float: left;
}
.slide .bd ul li dl{
	width: 3rem;
	height: 4rem;
		float: right;
		position: relative;
		background-color: #e5e5e5;
}
.slide .bd ul li dl dt{
	font-size: 0.3rem;
	color: #813ea2;
	text-align: center;
	margin-top: 0.34rem;
	font-weight: 600;
}
.slide .bd ul li dl dd:nth-of-type(1){
	width: 2.68rem;height: 0.4rem;
	margin:0.1rem auto 0.22rem auto;
	background-color: #813ea2;
	color: #fff;
	font-size: 0.22rem;
	text-align: center;line-height: 0.4rem;font-weight: bold;
}

.slide .bd ul li dl dd:nth-of-type(2){
	padding-left: 0.18rem;
	font-size: 0.15rem;
	color: #000;
	line-height: 0.23rem;
}
.slide .bd ul li dl a{
	display: block;
	width: 2.6rem;
	height: 0.4rem;
	font-size: 0.18rem;
	color: #fff;
	text-align: center;
	line-height: 0.4rem;
position: absolute;
top: 3.2rem;
left: 0.18rem;
	border-radius: 0.3rem;
		 background: -webkit-linear-gradient(left, #f38521 , #f36221); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #f38521, #f36221); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #f38521, #f36221); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #f38521 , #f36221); /* 标准的语法 */
}

.slide .bd ul li dl a span{
	padding-left: 0.18rem;display: inline-block;
	font-size: 0.2rem;
}
/*slide*/

/*.tabBox .hd{ height:40px; line-height:40px; padding:0 10px; font-size:20px; background:#f4f4f4; border-bottom:1px solid #F5AB38; position:relative;  }
.tabBox .hd ul{ position:absolute; height:41px; top:0; overflow:hidden;  }
.tabBox .hd ul li{ float:left; padding:0 10px; color:#666;  }
.tabBox .hd ul .on{ border:2px solid #F5AB38; border-bottom-color:#fff; background:#fff; color:#CF7F21;   }
.tabBox .bd ul{ padding:10px 0 10px 10px;  }
.tabBox .bd li{ height:33px; line-height:33px;   }
.tabBox .bd li a{ color:#666;  }*/







.foot .btns{
	width: 6rem;height: 1.3rem;
	margin:0.5rem auto 0 auto;

}
.foot .btns a{
	width: 2.8rem;
height: 0.56rem;
float: left;
margin-right: 0.2rem;
border:0.01rem solid #cfcfcf;
border-radius: 0.1rem;
line-height: 0.56rem;
text-align: center;
color: #000;
display: inline-block;
font-size: 0.24rem;
font-weight: 500;
}
.foot .btns a:nth-child(2),.foot .btns a:nth-child(4){
	margin-right: 0;
}
.foot .btns a:nth-child(3),.foot .btns a:nth-child(4){
	margin-top: 0.2rem;
}
.foot .btns a:hover{
	background-color: #813ea2;
	color: #fff;
}

.btn3{
	display: block;

		width: 3.56rem;
	height: 0.5rem;
	border-radius: 0.3rem;
	display: block;
	margin:0.5rem auto 0.5rem auto;
	line-height: 0.5rem;
	text-align: center;font-size: 0.24rem;
	color: #fff;
	 background: -webkit-linear-gradient(left, #f38521 , #f36221); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #f38521, #f36221); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #f38521, #f36221); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #f38521 , #f36221); /* 标准的语法 */
}

.foot  .tit span{
	font-size: 0.4rem;color: #813ea2
}


.foot  .tit span:after{
	top: 0.6rem;
}