html,body {height:100%;}
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,figure,form,fieldset,legend,input,textarea,button,p,blockquote,th,td,pre,xmp {margin: 0;padding: 0;}
ul,ol,menu {list-style: none;}
b,i{font-style:normal;}
fieldset,img{border: 0;vertical-align: middle;}
input,textarea,button{outline: 0 none;line-height: inherit;font-family: inherit;}
textarea {resize:vertical;}
button::-moz-focus-inner,input::-moz-focus-inner { padding: 0;border: 0;}
table{border-collapse:collapse;border-spacing:0;}
a{cursor:pointer;text-decoration:none;}
a:hover{text-decoration:none;}
body{font-size:12px;line-height:1.5;background:#fff;overflow-x:hidden;font-family:verdana, helvetica, arial,sans-serif;}
*{
	margin:0;
	padding: 0;
}
a{
	text-decoration: none;
	-webkit-tap-highlight-color:rgba(0,0,0,0)
}
img{
	border: none;
}
body{
width:100%;
height: auto;
background: #f5f5f5;
}
/*头部*/
.header{
	width: 100%;
	height: 2.875rem;
background: #FFFFFF;
	position: relative;
	z-index: 99998;
}
.search-box{
	width: 1rem;
	height: 1rem;
	background:#afafaf;
	border-radius: 100%;
	position: absolute;
	left: 0.25rem;top:1rem;
}
.search-box a{
	width: 1rem;
	height: 1rem;
 display: block;
background:url(../img/search.png)no-repeat;
background-position: center;
}
.logo{
	width:2.25rem;
	height:2.375rem;
	display: block;
	background: url(../img/logo.png) no-repeat;
	background-position: center;
	margin: 0 auto;
	position: relative;
	top: 0.4375rem;
}
.menu{
	width:1rem;
	height:1rem;
	display: block;
	
 background: url(../img/menu.png)no-repeat;
 background-position: center;
 position: absolute;
	right: 0.25rem;top:1rem;
}
.banner{
	width: 100%;
}
.banner img{
	display:block;
	width:100%;
}

.box1{
	width:100%;
	height: 14rem;
	background:#FFFFFF;
	margin: 0 auto;
	
}
.bg{
	width: 15.25rem;
	height: 100%;
	margin: 0 auto;
background: white
}
.wrapper{
	width: 100%;
	margin: 0 auto;
}
.box-title{
	height: 1.875rem;
	width: 100%;
	font-size: 0.75rem;
	color: #0099cc;
	text-align: center;
	line-height: 1.875rem;
}
.box-title a{
	color: #0099cc;
}
.slideGroup{
	width:100%;
	height: 10.25rem;

/*margin-left: 2.5%;*/
	
}
.clearfix{
	width:100%;
	margin: 0 auto;
}
.radius
{
	height: 1rem;
	width: 100%;
	background:#f0f0f0;
	margin-bottom: 0.25rem;
	text-align: center;
	line-height: 1rem;
	font-size: 0.45rem;
	color: #333333;
   border-radius: 0.375rem;
}
.radius i{
	color: white;
}
.on{
	background: #3eb43a;
	color: white;
}
.on i{
	background: white;
	color: #41c13d;
}
.slideBox
{
	width: 100%;
	height:6.25rem;
	
	border: 1px solid #3eb43a;
	margin-top: 1rem;
	box-sizing: border-box;
}
.clearfix .radius i{
	transform: rotate(90deg);
}
.tempWrap{
	overflow: hidden;
		width:15.25rem;
	height:6.25rem;
 /*background: red;*/
}
.tempWrap ul{
	width: 400%;
	height: 6.25rem;
	/*background: red;*/
	transition: all 0.5s ease-out; 
}
.clone
{
width:15.25rem;
	height:6.25rem;	
	/*background:black;*/
	position: relative;
	border: 1px solid #3eb43a;
	float: left;
}
.clone img{
	width:6.5rem;
	height: 5.5rem;
	margin: 0.325rem;
		float: left;
}
.dl{
	width: 7.75rem;
	height: 100%;
	/*background:red;*/
	float: left;
	/*position: absolute;
	right: 0;*/
	display: block;
}
.dl dt a{
	width: 100%;
	height: 1.25rem;
	display: block;
	/*background: gray;*/
	font-size: 0.6rem;
	white-space:nowrap;
	overflow: hidden;
	text-overflow:ellipsis;
	color: #333333;0
	text-align: left;
	line-height: 1.25rem;
	border-bottom:1px solid #eaeaea;
}
.dl dd{
	white-space:nowrap;overflow: hidden;text-overflow:ellipsis;
	font-size:0.45rem;
	color: #666666;
	margin-bottom: 0.05rem;
}
.dla{
	display: block;
	width: 3.75rem;
	height: 1rem;
	background: #0099cc;
	padding-left: 0.625rem;
	line-height: 1rem;
	color: #ffffff;
	font-size: 0.45rem;
	margin-top: 0.5rem;
}
.icons{
	width:1rem;
	height:100%;
	float: right;
	text-align: center;
	line-height: 1rem;
	background: #3eb43a;
}
.btn{
	width: 15.25rem;
	height: 0.75rem;
	
	margin-top: 0.25rem;
}
.btn a{
	width: 7.5rem;
	height: 100%;
	background: #3eb43a ;
	display:block;
	float: left;
	text-align: center;
	line-height: 0.75rem;
	color: white;
	font-size: 0.4rem;
}
.next{
	margin-left: 0.25rem;
}
/*关于我们*/
.box2{
	width:100%;
	background: #f5f5f5;
	margin-bottom: 2rem;
  overflow:hidden;
}
.box2-about{
	width: 15.25rem;
	height: 7.25rem;
	box-sizing: border-box;
	margin: 0 auto;
	/*background: red;*/
}
.box2-about li{
	width: 7.5rem;
	height: 2.25rem;
	border: 1px solid #0099cc;
	float: left;
	/*background: green;*/
	box-sizing: border-box;
	position: relative;
}
.box2-about li a{
	display: block;
	width:100%;
	height: 100%;
}
.box2-about li a span{
	width: 2.25rem;
	height: 2.25rem;
	background:#0099cc;
	display: block;
}
.box2-about li a p{
	float: right;
width:5.2rem;
height:100%;
display: block;
background:white;
position: absolute;
top: 0;right: 0;
color: #333333;
font-size: 0.45rem;
text-align: center;
line-height:2.25rem;
}
.icon{
	width: 0.875rem;
	height: 0.875rem;
	margin: 0 auto;
	position: relative;
	top: 0.5625rem;
	display: block;
	background:url(../img/Cup.png) no-repeat;
}
.bd{
	width:15.25rem;
	height: 11.5rem;
	margin: 0.25rem auto;
position: relative;
	overflow: hidden;
}
.bd ul{
	width:300%;
	height:100%;
	transition: all 0.5 ease-out;
}
.bd ul li{
	width:15.25rem;
	height: 100%;
	float: left;
}
.bd ul li a{
	width: 100%;height: 100%;
	display: block;
}
.bd ul li a img{
	width: 100%;height: 100%;
}
#click{
	width: 100%;
	height:0.25rem;
	position:absolute;
	bottom: 0;left:0;
	margin-left: 0;
	display:flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	
	justify-content:center;
	-ms-justify-content:center;
	-webkit-justify-content:center;
	  
	align-items:center;
	-ms-align-items: center;
	-webkit-align-items: center;
}
#click li{
	width: 1.5rem;
	height: 100%;
	background: #0099cc;
	float: left;
	margin-right: 0.25rem;
}
.cultuer{
	widows:100%;
	height: 7.5rem;
	background: white;
	position: relative;
	z-index: 9999;
}
.cultuer dt a{
	display: block;
text-align: center;
width: 100%;
height: 2.5rem;
line-height: 2.5rem;
color: #333333;
font-size: 0.6rem;
}
.cultuer dt span{
	width: 1.25rem;
	height: 0.075rem;
	background: #0099cc;
	display: block;margin-left: 7.5rem;
	margin-top: -0.375rem;
}
.cultuer dd{
	width: 15.25rem;
	height: auto;
	margin: 0.5rem auto;
	font-size: 0.45rem;
	color: #666666;
}
.cultuer dd a{
	width: 4.15rem;
	height: 1.125rem;
	font-size: 0.45rem;
	color:#ffffff;
	display: block;
	text-align: center;
    line-height: 1.125rem;
	background: #3eb43a;
	margin: 0 auto;
	border-radius: 0.375rem;
}
.box3{
	width: 100%;
  overflow:hidden;
}
.main{
	width: 100%;
	
	background: white;
	box-sizing: border-box;
	margin: 0 auto;
	position: relative;
}
.main a{
	width: 100%;
	display: block;
}
.main a img{
	width:100%;
	height:100%;
}
.main-on{
	width: 10rem;
	height:1.25rem;
	background:#3EB43A;
	color: #FFFFFF;
	font-size: 0.5rem;
     text-align: center;
    line-height: 1.25rem;
    position: absolute;
    left: 2.625rem;
    top: 5.375rem;
  
}
.main-on i{
	width: 1.25rem;
	height: 1.25rem;
	line-height: 1.25rem;
	position: absolute;
	right: 0;top: 0;
}
.box4{
	width: 15.25rem;
	height: 31rem;
	background: white;
	margin: 0 auto;
}
.box-li{
	height: 14.5rem;
}
.box-li img{
	width: 100%;
	margin-bottom: 0.1rem;
}
.box-li dt.more-font{color: #333;font-size: 0.6rem;}
.box-li dd.more-font{color: #999; font-size: 0.4rem;}
.more-font{
	width: 100%;
	height: auto;
	color:black;
}
.box-li{margin-bottom:0.5rem; background: #fff; padding-bottom: 0.3rem;}
.date{
	font-size: 0.35rem;
	color: #999999;
	width: 100%;
	height: 1.25rem;
	line-height: 1.25rem;
	text-align: left;
}
.more{
	width: 2.75rem;
	height: 0.75rem;
	color: white;
	font-size: 0.45rem;
	text-align: center;
line-height: 0.75rem;
margin-top: 0.5rem;
background: #3eb43a;
}
.more i{
	width: 0.5rem;
	height: 0.5rem;
	background: #0099cc;
	text-align: center;
color: white;
line-height: 0.5rem;
margin-right: 0.25rem;
margin-top: 0.125rem;}



.xiala{
	width: 100%;
	height: auto;
position: relative;
z-index: 99999;
display:none;
}
.xialali{
	width: 100%;
	height: 2rem;

text-align: center;
font-size: 0.6rem;
color: #333333;
position: relative;
background: #ffffff;
}
.cur{
	width: 100%;
	height: 2rem;
background: #ffffff;
text-align: center;
font-size: 0.6rem;
color: #333333;
position: relative;
}
.cur p{
	width: 100px;
	height: 100%;
	font-size: 0.6rem;
color: #00933f;

text-align: left;
line-height: 2rem;
position: relative;
left: 1.5rem;
}
.cur .icons{
	width: 0.75rem;
	height: 0.75rem;
	color: #00933f;
	font-size: 0.45rem;
transform: rotate(90deg);
/*background: red;*/
display: block;
position: absolute;
	right: 1.125rem;top: 0.5rem;
}
.xialali p{
	width: 100px;
	height: 100%;
	font-size: 0.6rem;
color: #333333;
text-align: left;
line-height: 2rem;
position:relative;
left: 1.5rem;
}
.xialali .icons{
	width: 0.75rem;
	height: 0.75rem;
	color: #434343;
	font-size: 0.45rem;

	position: absolute;
	right: 1.125rem;top: 0.5rem;
}
.tmain{
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;top: 2.875rem;
}
.two{
	width: 100%;
	height:auto;
		position: relative;
	background:#f5f5f5;
	display:none;
	
	
}
.two p{
	width: 100%;
	height: 1.25rem;
  border-bottom: 1px solid #e6e4e4;
   position: relative;
   font-size: 0.45rem;
}
.two p a{
	width: 100%;
	height:100%;
	display: block;
text-align: left;
padding-left:1.75rem ;
line-height: 1.25rem;
color: #666666;


float: left;
}
#chan p a
{
	width: 30%;
	height: auto;
	padding-left: 0;
} 

.cover{
	width: 100%;
	height: 100%;
	background: black;
	opacity: 0.5;
	position: absolute;
	top: 0;left: 0;
	z-index: 88888;
	display: none;
}