.index_title {

		text-align: center;

		margin: 0px;

		margin-bottom: 0px;

		width: 100%;

		padding-top: 12px;

		padding-bottom: 12px;

		background-color: #f7f6f2;

		margin-top: 10px;

		color: #959595;

		

}



.index_title h3 {

		font-size: 25px;

		color: #6457a3;

		margin: 0px;

	}



.index_title h3 span {

		

	}

.index_title p {

     color: #959595;



}













body {

	font: 18px 微软雅黑;

	color: #333;

}



body,

h1,

h2,

h3,

p,

form,

ul,

li {

	margin: 0;

	padding: 0;

	list-style: none;

}



body,

form{

	position: relative

}



td {

	text-align: left

}



img {

	border: 0;

	vertical-align: bottom;

	max-width: 100%;

}



a {

	color: #333;

	text-decoration: none;

	transition: all .4s;

}

a:hover{

	color:#3a9995;

}

a img{

	transition: all 0.5s;

}

a:hover img{

	transform: scale(1.2);

}

input{

	border:0;

	padding:0;

}

input:focus,

textarea:focus

{

	outline:none;

}

textarea{

	font-family: "微软雅黑";

	padding-top: 8px;

}

button{

	border: none;

	transition: all .4s;

	cursor: pointer;

}

em{

	font-style: normal;

	font-weight: bold;

}

i{

	font-style: normal;

}



.wrap{

	padding: 0 2%;

}

/*header{

	overflow: hidden;

}*/

header>div{

	display: inline-block;

}

header .logo{

	width: 60%;

	margin: 1%;

}

header .logo img{

	width: 100%;

}

header>div em{

	font-size: 14px;

	color: #3a9995;

}

header .top_tell{

	float: right;

	width: 28%;

	margin-top: 0.4em;

}

header .top_tell em{

	background: url(../images/header_icon.png) no-repeat left 26% center;

	background-size:16%;

	padding-left: 42%;

	display: block;

	text-align: right;

}

header .top_tell p{

	font-size: 14px;

	color: #ec970c;

	font-weight: bold;

	text-align: right;

}

nav{

	margin: 10px 0;

}

nav ul:first-child{

	border-bottom: 1px solid #dcdcdc;

}

nav ul li{

	width: 23.7%;

	padding: 8px 0;

	display: inline-block;

	text-align: center;

	border-right: 1px solid #dcdcdc;

    box-sizing: border-box;

}

nav ul li:last-child{

	border-right: none;

}

nav ul li>a{

	display: block;

}

nav ul li div{

	width: 48px;

	height: 48px;

	margin: 0 auto;

	border-radius: 24px;

	text-align: center;

}

nav ul:first-child li div{

	background: #75cef6;

}

nav ul:first-child li + li div{

	background: #fac658;

}

nav ul:first-child li + li + li div{

	background: #77cec8;

}

nav ul:nth-child(2) li + li + li + li div{

	background: #d198cb;

}



/*jia*/

nav ul:nth-child(3) li + li + li + li + li div{

	background: #d198cb;

}

nav ul:nth-child(3) li div{

	background: #d198cb;

}

nav ul:nth-child(3) li + li div{

	background: #d198cb;

}

nav ul:nth-child(3) li + li + li div{

	background: #a6db83;

}

nav ul:nth-child(3) li + li + li + li div{

	background: #ee5f61;

}

nav ul:nth-child(3) li + li + li + li + li div{

	background: #9eb4f0;

}

/*jia*/









nav ul:nth-child(2) li div{

	background: #d198cb;

}

nav ul:nth-child(2) li + li div{

	background: #a6db83;

}

nav ul:nth-child(2) li + li + li div{

	background: #ee5f61;

}

nav ul:nth-child(2) li + li + li + li div{

	background: #9eb4f0;

}

nav ul li div img{

	width: 50%;

	position: relative;

	top: 50%;

	transform: translateY(-50%);

}

nav ul li span{

	display: inline-block;

	font-size: 12px;

}

.adv1{

	background: url(../images/adv_bg01.jpg) no-repeat;

	background-size: 100%;

	padding: 3% 0;

	text-align: center;

}

.adv1 em{

	font-size: 16px;

	letter-spacing: 0.5em;

	color: #fff;

}

.adv1 p{

	font-size: 14px;

	color: #fff;

}

.adv1 p span{

	font-size: 18px;

	font-weight: bold;

	color: #ec970c;

}



/*底部*/

footer{

	background: #20a53a;

	padding: 10px;

	margin-bottom: 50px;

}

footer>div{

	font-size: 0;

}

footer>.wrap>div{

	display: inline-block;

	vertical-align: middle;

}

footer .left{

	width: 68%;

}

footer .left p{

	font-size: 12px;

	line-height: 1.5em;

	color: #fff;

}

footer .left p a{

	color: #fff;

}

footer .right{

	width: 32%;

	text-align: right;

}

footer .right img{

	width: 80%;

}

.bottom{

	background: #fff;

	position: fixed;

	z-index: 9999;

	bottom: 0;

	width: 100%;

	height: 50px;

	line-height: 50px;

}

.bottom ul{

	text-align: center;

}

.bottom ul li{

	border-radius: 4px;

	font-size: 16px;

	display: inline-block;

	width: 30%;

	height: 40px;

	line-height: 40px;

	padding-left: 18px;

	box-sizing: border-box;

}

.bottom ul li a{

	color: #fff;

}
.bottom ul li{

	background: #24bab4 url(../images/bottom_icon2.png) no-repeat 10px center;

	background-size: 20%;

}

.bottom ul li+li{

	background: #f2ae41 url(../images/bottom_icon3.png) no-repeat 10px center;

	background-size: 20%;

}

.bottom ul li+li+li{

	background: #009b4c url(../images/1663297158_240988.png) no-repeat 10px center;

	background-size: 20%;

}




/*图片切换*/

.clearfix:before, .clearfix:after { content: '.'; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0; }

.clearfix:after { clear: both; }

.clearfix { zoom: 1; }

.icon-arrow-a-left, .icon-arrow-a-right { background: url(../images/icon-sd26986d847.png) no-repeat; }

.icon-arrow-a-left { background-position: 10px 0; height: 50px; width: 50px; }

.icon-arrow-a-left:hover, .icon-arrow-a-left.arrow-a-left_hover, .icon-arrow-a-left.arrow-a-left-hover { background-position: -60px 0; }

.icon-arrow-a-right { background-position: -132px 0; height: 50px; width: 50px; }

.icon-arrow-a-right:hover, .icon-arrow-a-right.arrow-a-right_hover, .icon-arrow-a-right.arrow-a-right-hover { background-position: -180px 0; }

#main {width: 100%; overflow: hidden; zoom: 1; position: relative; }

.index_b_hero { width: 320px; height: 160px; margin: auto; position: relative; }

.index_b_hero img { width: 320px; height: 160px; }

.index_b_hero .heros { width: 320px; height: 160px; }

.index_b_hero .hero-wrap { overflow: visible; position: absolute; }

.index_b_hero .next, .index_b_hero .prev { filter: alpha(Opacity=70); opacity: .7; position: absolute; top: 50%; margin-top: -25px; margin-left: -50px; background-color: #303030; z-index: 4; border-radius: 4px; }

.index_b_hero .next:hover, .index_b_hero .prev:hover { background-color: #ec970c; opacity: 1;}

.index_b_hero .next { margin: -25px -50px 0 0; right: 0; }

.index_b_hero .disabled { background-color: #eee; }

.index_b_hero .mask-left, .index_b_hero .mask-right, .index_b_hero .hero { background: #fff; /*padding: 5px;*/ z-index: 1; position: absolute; top: 0; left: 0; width: 320px; height: 160px; overflow: hidden; left: 1920px; }

/*.index_b_hero .hero{position: relative;}*/

.index_b_hero .hero p{font-size: 12px; position: absolute; bottom: 0; background: rgba(0,0,0,0.6); color: #fff; padding: 4px 10px; height: 14px; overflow: hidden;}

.index_b_hero .mask-right, .index_b_hero .mask-left { z-index: 4; left: -320px; filter: alpha(Opacity=50); opacity: .5; background: #000; overflow: hidden; }

.index_b_hero .mask-right { left: 320px; }

.index_b_hero .active { z-index: 2; left: 0; }

@media screen and(min-width: 320px)and(max-width: 359px){ 

	.index_b_hero{ 

		width: 320px; 

	} 

	.index_b_hero img{

		width: 320px;

	}

	.index_b_hero .heros{

		width: 320px;

	}

	.index_b_hero .mask-left, .index_b_hero .mask-right, .index_b_hero .hero{

		width: 320px;

	}

	.index_b_hero .mask-right, .index_b_hero .mask-left{

		left: -320px;

	}

	.index_b_hero .mask-right{

		left: 320px;

	}

} 

@media screen and(min-width: 360px)and(max-width: 374px){ 

	.index_b_hero{ 

		width: 360px; 

	} 

	.index_b_hero img{

		width: 360px;

	}

	.index_b_hero .heros{

		width: 360px;

	}

	.index_b_hero .mask-left, .index_b_hero .mask-right, .index_b_hero .hero{

		width: 360px;

	}

	.index_b_hero .mask-right, .index_b_hero .mask-left{

		left: -360px;

	}

	.index_b_hero .mask-right{

		left: 360px;

	} 

} 

@media screen and(min-width: 375px)and(max-width: 385px){ 

	.index_b_hero{ 

		width: 375px; 

	} 

	.index_b_hero img{

		width: 375px;

	}

	.index_b_hero .heros{

		width: 375px;

	}

	.index_b_hero .mask-left, .index_b_hero .mask-right, .index_b_hero .hero{

		width: 375px;

	}

	.index_b_hero .mask-right, .index_b_hero .mask-left{

		left: -375px;

	}

	.index_b_hero .mask-right{

		left: 375px;

	}

} 

@media screen and(min-width: 386px)and(max-width: 392px) { 

	.index_b_hero{ 

		width: 386px; 

	} 

	.index_b_hero img{

		width: 386px;

	}

	.index_b_hero .heros{

		width: 386px;

	}

	.index_b_hero .mask-left, .index_b_hero .mask-right, .index_b_hero .hero{

		width: 386px;

	}

	.index_b_hero .mask-right, .index_b_hero .mask-left{

		left: -386px;

	}

	.index_b_hero .mask-right{

		left: 386px;

	}  

} 

@media screen and(min-width: 393px)and(max-width: 400px){ 

	.index_b_hero{ 

		width: 393px; 

	} 

	.index_b_hero img{

		width: 393px;

	}

	.index_b_hero .heros{

		width: 393px;

	}

	.index_b_hero .mask-left, .index_b_hero .mask-right, .index_b_hero .hero{

		width: 393px;

	}

	.index_b_hero .mask-right, .index_b_hero .mask-left{

		left: -393px;

	}

	.index_b_hero .mask-right{

		left: 393px;

	}

} 

@media screen and(min-width: 401px)and(max-width: 414px){ 

	.index_b_hero{ 

		width: 401px; 

	} 

	.index_b_hero img{

		width: 401px;

	}

	.index_b_hero .heros{

		width: 401px;

	}

	.index_b_hero .mask-left, .index_b_hero .mask-right, .index_b_hero .hero{

		width: 401px;

	}

	.index_b_hero .mask-right, .index_b_hero .mask-left{

		left: -401px;

	}

	.index_b_hero .mask-right{

		left: 401px;

	} 

} 

@media screen and(min-width: 750px)and(max-width: 799px){ 

	.index_b_hero{ 

		width: 750px; 

	} 

	.index_b_hero img{

		width: 750px;

	}

	.index_b_hero .heros{

		width: 750px;

	}

	.index_b_hero .mask-left, .index_b_hero .mask-right, .index_b_hero .hero{

		width: 750px;

	}

	.index_b_hero .mask-right, .index_b_hero .mask-left{

		left: -750px;

	}

	.index_b_hero .mask-right{

		left: 750px;

	}

}

/*图片切换end*/



/*面包屑导航*/

.little_nav{

	border-bottom: 1px solid #c8c8c8;

	font-size: 12px;

	color: #7e7e7e;

	padding: 2% 2% 2% 8%;

	background: url(../images/little_nav_icon.png) no-repeat 10px center;

	background-size: 20px;

}

.little_nav a{

	color: #7e7e7e;

}

.little_nav span,.little_nav a:hover{

	color: #3a9995;

}

/*面包屑导航end*/



/*分页控件*/

.page_div {

	width: 100% !important;

	margin-top: 20px;

	margin-bottom: 20px;

	font-size: 15px;

	font-family: "microsoft yahei";

	color: #666666;

	margin-right: 10px;

	padding: 10px;

	box-sizing: border-box;

	text-align: center;

	padding-bottom: 20px;

}

.page_div a {

	min-width: 30px;

	height: 28px;

	border: 1px solid #dce0e0!important;

	text-align: center;

	margin: 0 4px;

	cursor: pointer;

	line-height: 28px;

	color: #666666;

	font-size: 13px;

	display: inline-block;

    background: #fafafa;

}

#firstPage,

#lastPage {

	width: 50px;

	color: #3a9995;

	border: 1px solid #3a9995!important;

}

#prePage,

#nextPage {

	width: 70px;

	color: #3a9995;

	border: 1px solid #3a9995!important;

}







a.firstPage,a.lastPage {

	width: 50px;

	color: #3a9995;

	border: 1px solid #3a9995!important;

}

a.prePage,a.nextPage {

	width: 70px;

	color: #3a9995;

	border: 1px solid #3a9995!important;

}















.page_div .current {

	background-color: #3a9995;

	border-color: #3a9995;

	color: #FFFFFF;

}

.totalPages {

	margin: 10px;

}

.totalPages span,

.totalSize span {

	color: #3a9995;

	margin: 5px;

	display: inline-block;

}

/*分页控件end*/



/*图片切换*/

.js-silder{

	position: relative;	

	min-width: 320px;

}

.silder-scroll{

	width: 100%;

	overflow: hidden;

}

.silder-main{

	position: relative;

	width: 100%;

	overflow: hidden;

}

.silder-main-img{

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

}

.silder-main-img p,.silder-main-img>div{

	width: 100%;

	position: absolute;

	bottom: 0;

	background: rgba(0,0,0,0.43);

	font-size: 12px;

	color: #fff;

	padding: 0.5rem 1rem;

}

.silder-main-img p font{

	width: 90%;

	display: block;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}

.silder-main-img>div h3,.silder-main-img>div span{

	width: 90%;

	display: block;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}

/*.silder-main-img p span{

	position: absolute;

	right: 0;

	bottom: 0;

	border: 1px solid #f00;

}*/

.silder-main-img img{

	width: 100%;

}

.js-silder-ctrl{

	width: 100%;

	text-align: center;

}

.silder-ctrl-con{

	display: none !important;

}

.silder-ctrl-prev,

.silder-ctrl-next{

	position: absolute;

	top: 0;

	width: 8%;

	height: 100%;

	vertical-align: middle;

	cursor: pointer;

	color: #fff;

	font-family: "宋体";

	font-size: 52px;

	font-weight: 600;

	text-shadow: #666 2px 2px 5px;

	background: #;

}

.silder-ctrl-prev{

	left: 0;

	text-align: left;

}

.silder-ctrl-next{

	right: 0;

	text-align: right;

}

.silder-ctrl-prev>span,

.silder-ctrl-next>span{

	background: #feb800;

	padding: 0.5rem 0.2rem;

	position: absolute;

	top: 50%;

}

.silder-ctrl-prev>span{

	left: 0;

}

.silder-ctrl-next>span{

	right: 0;

}

.silder-ctrl-con{

	display: inline-block;

	width: 4%;

	padding: 10px 0;

	margin: 0 10px;

	cursor: pointer;

}

.silder-ctrl-con>span{

	display: block;

	line-height: 0;

	text-indent: -9999px;

	overflow: hidden;

	padding: 5px 0;

	cursor: pointer;

	background-color: #e4e4e4;

}

.silder-ctrl-con.active>span{

	background-color: #7bbedf;

}





.child_nav{

	position: absolute;

	bottom: 0;

	/*left: 50%;

	transform: translate(-50%,0);*/

    width: 100%;

    text-align: center;

}

.child_nav li{

	display: inline-block;

	padding: 0 8px;

}

.child_nav li{

	*display: inline;

}

.child_nav li a.intro{

 background: #064b16;

	

}





.child_nav li a{

	padding: 12px 46px;

	display: block;

	font-size: 18px;

	color: #fff;

	background: #25ad41;

	font-weight: bold;

}

.child_nav li a:hover{

	background: #f1990d;

}

.child_nav li .active{

	background: #f1990d;

}











@media (max-width: 768px){

	.silder-ctrl-prev,

	.silder-ctrl-next{

		width: 10%;

		font-size: 26px;

		margin-top: -25px;

	}

	.silder-ctrl-con{

		width: 14px;

		height: 14px;

		padding: 0;

		margin: 0 5px;

	}

	.silder-ctrl-con>span{

		display: block;

		width: 100%;

		height: 100%;

		border-radius: 50%;

		padding: 0;

	}

}