body {
	-webkit-tap-highlight-color: transparent;
	-webkit-tap-highlight-color: transparent
}
*, ::before, :after {
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
button, input[type=button], input[type=date], input[type=file], input[type=submit] {
	cursor: pointer;
	-webkit-appearance: none
}
blockquote, body, button, dd, dl, dt, fieldset, h1, h2, h3, h4, h5, h6, hr, input, lengend, li, ol, p, pre, td, textarea, th, ul {
	margin: 0;
	padding: 0
}
body, button, input, select, textarea {
	font-family: "Microsoft YaHei", "微软雅黑", Arail;
	outline: 0;
	-webkit-font-smoothing: subpixel-antialiased
}
body {
	font-size: 62.5%
}
li, ol, ul {
	list-style: none
}
a {
	text-decoration: none
}
img {
	border: none;
	vertical-align: middle
}
.clearfix:after, .clearfix:before {
	content: "";
	display: table
}
.clearfix:after {
	clear: both
}
.clearfix {
	zoom: 1
}
em, h1, h2, h3, h4, h5, h6, i, u {
	font-style: normal;
	font-weight: 400
}
.fr {
	float: right
}
.fl {
	float: left
}
.ib-middle {
	display: inline-block;
	vertical-align: middle
}
.ib-top {
	display: inline-block;
	vertical-align: top
}
.ib-bottom {
	display: inline-block;
	vertical-align: bottom
}
.full {
	width: 100%;
	height: 100%
}
.middle-left {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%)
}
.middle-right {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%)
}
.middle-center {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%)
}
.middle-bottom {
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%)
}
body, html {
	overflow: hidden;
	overflow-y: auto
}

.transition {
	transition: 1s;
	-ms-transition: 1s;
	-o-transition: 1s;
	-webkit-transition: 1s;
	-moz-transition: 1s
}
.transition_short {
	transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s
}
.transition_ease {
	transition: ease .6s;
	-ms-transition: ease .6s;
	-o-transition: ease .6s;
	-webkit-transition: ease .6s;
	-moz-transition: ease .6s
}
div[class*=container], section[class*=container], ul[class*=container] {
	/* margin: 0 auto; */
	max-width: 100%;
	position: relative
}
.swiper-container {
	min-width: inherit!important
}
.title {
	margin-top: 80px;
	font-size: 36px;
	color: #333
}
.title i {
	display: inline-block;
	vertical-align: middle;
	margin-right: 20px;
	width: 34px;
	height: 24px
}

@media (max-width:640px) {
.title {
margin-top:.8rem;
	font-size: 20px;
	text-align: center
}

}

@media (max-width:360px) {
.title {
	font-size: 26px
}
}

/*社会现状*/
.webox{padding: 56px 0 0;height: 527px;line-height: 36px;background:url(../images/webg.jpg) no-repeat center 0;}
.webox .content{ width:1200px; margin:0 auto;}
.webox_p{ width:400px;}
.webox_w{width: 720px;}
.webox_p img{left:-14px;top: 0;}
.webox_w h2{height:128px;color: #30a333;font-size: 30px;line-height: 47px;padding-top: 41px;}
.webox_w li{padding-left: 23px;background:url(../images/ico06.gif) no-repeat 0 16px;width: 577px;white-space: nowrap;}
.webox_w li.webox_w1{width: 274px;float: left;}
.webox_w li.webox_w2{clear: both;}
.til01 a,.webox_w h2 a{color: #30a333;}
.webox_w h2 em{font-style: normal;color: #ff8a00;}
.til01 em,.webox_w h2 p{display: block;font-family: Arial;font-size: 13px;text-transform: uppercase;color: #bbb;line-height: 26px;font-weight: normal;}
/*产品*/
.qh li{ float:left; width:200px; font-size:18px; text-align:center;}
.qh{ width:100%; margin:0 auto; height:50px; text-align:center;}
.qh ul{ display:inline-block;}
/*招商加盟*/
.zsjm{ display:none;}
/*合作*/
.mark .content{width:1200px; margin:0 auto;}
.mark{font-family: "Microsoft Yahei";line-height: 24px;background:url(../images/markbg.gif) repeat-x center;height: 874px;}
.mark .til01{background:url(../images/tilbg3.gif) no-repeat center 50px;height: 152px;}
.mark_l{width:332px;padding: 51px 0 0;}
.mark_l li{height: 106px;border-bottom: solid 1px #d8d8d8;margin-bottom: 40px;}
.mark_l li p{width:259px;float: left;padding: 0 0 0 14px;}
.mark_l li p b{display: block;height: 38px;line-height: 34px;font-size: 18px;color: #30a333;}
.mark_l li span{width:55px;height:55px;position: relative;display: block;margin: 14px 2px 0;float: left;}
.mark_l li span i{width:55px;height:55px;position: absolute;display: block;top: 0;left: 0;}
.mark_l li span i.default{-webkit-transition: all 0.4s linear;transition: all 0.4s linear;}
.mark_l li span i.hover{opacity:1;visibility:visible;opacity:0;visibility:hidden;
	-webkit-transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
	transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
	-webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    -webkit-transition:all 0.4s linear;
    transition:all 0.4s linear;}
.mark_l li.cur span .default{opacity:0;visibility:hidden;-webkit-transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);}
.mark_l li.cur span .hover{opacity:1;visibility:visible;-webkit-transform:rotate3d(1,0,0,0deg);transform:rotate3d(1,0,0,0deg);}
.mark_l li.cur p b{color: #ff8a00;}

.mark_sj{width:517px;background:url(../images/market_pic.jpg) no-repeat center 0;text-align: center;color: #d0e7d2;line-height: 26px;height: 665px;}
.mark_sj h3{height: 147px;padding: 37px 0 0;margin-bottom:3px;line-height: 56px;background:url(../images/ico08.gif) no-repeat center bottom;font-size: 24px;color: #fff;}
.mark_sj h3 img{margin:0 auto;display: block;}
.mark_sj p{height: 70px;width: 356px;margin:0 auto;display: block;overflow: hidden;}
.mark_more a{display: block;background:url(../images/icobg2.png) no-repeat center 0;width: 138px;line-height: 43px;padding: 0 42px 0 0;font-size: 16px;color: #fff;margin: 0 auto;}
.til01 p{display: block;overflow:hidden;}
.til01 b{display: inline-block;padding: 0 14px;background: #fff;}
/*新闻*/
/* .ind_new{margin-top: 50px; width:1200px;} */
.ind_new_rg{width: 100%;overflow: hidden;}
.ind_new_rg .new_u li .lf_data{display: inline-block;width: 85px;height: 85px;background: #00be60;float: left;text-align: center;padding-top: 10px;}
.ind_new_rg .new_u li img{ display:none;}
.ind_new_rg .new_u li .lf_data p{color: #FFFFFF;font-size: 24px;}
.ind_new_rg .new_u li .lf_data span{color: #FFFFFF;font-size: 18px;}
.ind_new_rg .new_u li .lf_txt{width: 90%;float: left;padding-left: 30px;text-align: left;}
.ind_new_rg .new_u li .lf_txt p{font-size: 18px;color: #999999;margin-bottom: 10px;}
.ind_new_rg .new_u li .lf_txt span{color: #CCCCCC;font-size: 14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ind_new_rg .new_u li:hover .lf_txt p{color: #00be60;}
.ind_new_rg .new_u li{padding: 20px 0;border-bottom: 1px solid #e2e2e2;overflow: hidden;}
/*.ind_new_rg .new_u li:last-child{border-bottom: none;}*/
/*.ind_new_rg .new_u li:nth-child(1){padding-top: 0;}*/

.tab-hd {overflow:hidden; zoom:1;}
.tab-hd li{text-align:center; cursor:pointer;}
.tab-hd li.active{color: #fff;background-color: #00be60;}
.tab-bd>li{display:none; padding:20px;border-top:0 none; font-size:24px;}
.tab-bd>li.thisclass{ display:list-item;}
.tab-bd{padding-top: 30px;}
.more{text-align: center;margin-bottom:30px;}
.more a{display: inline-block;width: 200px;height: 40px;line-height: 40px;text-align: center;color: #999999;font-size: 18px;border: 1px solid #999999;border-radius: 25px;}
.ind_new .tab{margin-bottom: 30px; text-align:center;}
.more a:hover{background: #00be60;border-color: #00be60;color: white;transition:all 0.5s ease-in-out;}
.tab-title>.item, .tab-hd>li{margin-right: 0;font-size: 13px;width: 32%;margin-bottom: 13px;height: 30px;line-height: 30px;}
.tab-title>.item,.tab-hd>li {
	display: inline-block;
	width: 120px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #00be60;
	font-size: 16px;
	border: 1px solid #00be60;
	border-radius: 25px;
	margin-right: 20px;
}