﻿body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img {
	border: 0;
}
ol, ul {
	list-style: none;
}
caption, th {
	text-align: left;
}
q:before, q:after {
	content: '';
}
abbr, acronym {
	border: 0;
}
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.l, .col-l, .col_l, .col-c, .col_c {
	float: left;
}
.r, .col-r, .col_r, dt span, .ul-txt li span, .ul_txt li span {
	float: right;
}
.c {
	clear: both;
}
.n, em {
	font-weight: normal;
	font-style: normal;
}
.b {
	font-weight: bold;
}
.i {
	font-style: italic;
}
.fa {
	font-family: Arial;
}
.fg {
	font-family: Georgia;
}
.ft {
	font-family: Tahoma;
}
.fl {
	font-family: Lucida Console;
}
.fs {
	font-family: '宋体';
}
.fw {
	font-family: '微软雅黑';
}
.tc {
	text-align: center;
}
.tr {
	text-align: right;
}
.tl {
	text-align: left;
}
.tdu {
	text-decoration: underline;
}
.tdn, .tdn:hover, a.tdl:hover {
	text-decoration: none;
}
.fc0 {
	color: #000000;
}
.fc3 {
	color: #333333;
}
.fc6 {
	color: #666666;
}
.fc9 {
	color: #999999;
}
.fcr {
	color: red;
}
.fcw {
	color: white;
}
.fcb {
	color: blue;
}
.fcg {
	color: green;
}
.f0 {
	font-size: 0;
}
.f10 {
	font-size: 10px;
}
.f12 {
	font-size: 12px;
}
.f13 {
	font-size: 13px;
}
.f14 {
	font-size: 14px;
}
.f16 {
	font-size: 16px;
}
.f20 {
	font-size: 20px;
}
.f24 {
	font-size: 24px;
}
.vm {
	vertical-align: middle;
}
.vtb {
	vertical-align: text-bottom;
}
.vt {
	vertical-align: top;
}
.vn {
	vertical-align: -2px;
}
.vimg {
	margin-bottom: -3px;
}
.m0 {
	margin: 0;
}
.ml0 {
	margin-left: 0;
}
.ml5 {
	margin-left: 5px;
}
.ml10 {
	margin-left: 10px;
}
.ml20 {
	margin-left: 20px;
}
.mr0 {
	margin-right: 0;
}
.mr5 {
	margin-right: 5px;
}
.mr10 {
	margin-right: 10px;
}
.mr20 {
	margin-right: 20px;
}
.mt5 {
	margin-top: 5px;
}
.mt10 {
	margin-top: 10px;
}
.mt20 {
	margin-top: 20px;
}
.mb5 {
	margin-bottom: 5px;
}
.mb10 {
	margin-bottom: 10px;
}
.mb20 {
	margin-bottom: 20px;
}
.ml-1 {
	margin-left: -1px;
}
.mt-1 {
	margin-top: -1px;
}
.p1 {
	padding: 1px;
}
.pl5 {
	padding-left: 5px;
}
.p5 {
	padding: 5px;
}
.pt5 {
	padding-top: 5px;
}
.pr5 {
	padding-right: 5px;
}
.pb5 {
	padding-bottom: 5px;
}
.p10 {
	padding: 10px;
}
.pl10 {
	padding-left: 10px;
}
.pt10 {
	padding-top: 10px;
}
.pr10 {
	padding-right: 10px;
}
.pb10 {
	padding-bottom: 10px;
}
.p20 {
	padding: 20px;
}
.pl20 {
	padding-left: 20px;
}
.pt20 {
	padding-top: 20px;
}
.pr20 {
	padding-right: 20px;
}
.pb20 {
	padding-bottom: 20px;
}
.rel, .pr {
	position: relative;
}
.abs, .pa {
	position: absolute;
}
.dn {
	display: none;
}
.db {
	display: block;
}
.dib {
	-moz-inline-stack: inline-block;
	display: inline-block;
}
.di {
	display: inline;
}
.ovh {
	overflow: hidden;
}
.ovs {
	overflow: scroll;
}
.vh {
	visibility: hidden;
}
.vv {
	visibility: visible;
}
.lh14 {
	line-height: 14px;
}
.lh16 {
	line-height: 16px;
}
.lh18 {
	line-height: 18px;
}
.lh20 {
	line-height: 20px;
}
.lh22 {
	line-height: 22px;
}
.lh24 {
	line-height: 24px;
}
.fix {
*zoom:1;
}
.fix:after, .fix:before {
	display: block;
	content: "clear";
	height: 0;
	clear: both;
	overflow: hidden;
	visibility: hidden;
}
.z {
	_zoom: 1;
}
.h1 {
	height: 1px;
}
.h5 {
	height: 5px;
}
.h10, .h {
	height: 10px;
}
.h15 {
	height: 15px;
}
.h20 {
	height: 20px;
}
.h1, .h5, .h10, .h15, .h20, .h25, .h, .h30, .h35, .h40, .h45, .h50, .h55, .h60 {
	font-size: 0px;
	line-height: 0;
	overflow: hidden;
	clear: both;
	visibility: hidden;
}
a {
	text-decoration: none;
}
a:hover {
	color: #FF6600
}
.h25 {
	height: 25px;
}
.h30 {
	height: 30px;
}
.h40 {
	height: 40px;
}
.h45 {
	height: 45px;
}
.h50 {
	height: 50px;
}
.h55 {
	height: 55px;
}
.h60 {
	height: 60px;
}
.slick-slider *, .slick-slider {
	outline: none;
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
button::-moz-focus-inner {
 border: 0;
}
:focus, :active {
	outline: 0;
	border: 0;
}
a {
	color: #333;
	-webkit-transition: color .3s, opacity .3s;
	transition: color .3s, opacity .3s;
}
a:hover {
	color: #1EB754;
}
textarea {
	overflow: auto;
}
a, a:visited, a:focus, a:active, a:hover {
	outline: 0 none !important;
}
u {
	text-decoration: none;
}
img {
	max-width: 100%;
	height: auto;
	vertical-align:middle !important;
}
input[type="submit"], input[type="reset"], input[type="button"], button {
	-webkit-appearance: none;
}
select, input, textarea {
	outline: none;
}
h1, h2, h3, h3, h4, h5, h6 {
	font-weight: normal;
}
.fix:before, .fix:after {
	content: '.';
	display: block;
	overflow: hidden;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
	width: 0;
	height: 0;
}
@font-face {
	font-family: 'fontnameRegular';
	src: url('fontname.eot');
	src: local('fontname Regular'),  local('fontname'),  url('fontname.woff') format('woff'),  url('fontname.ttf') format('truetype'),  url('fontname.svg#fontname') format('svg');
}
.fix:after {
	clear: both;
}
.fix {
	zoom: 1;
}
.hide-tab {
	height: 0;
	overflow: hidden;
	padding-top: 0;
	padding-bottom: 0;
}
#map img {
	max-width: 999999999px;
}
.BMapLabel {
	display: none !important;
}
body {
	-webkit-text-size-adjust: 100%;
	font-family: "微软雅黑", "Microsoft Yahei";
	color: #666;
	font-size: 12px;
	overflow-x: hidden;
}
.wp {
	max-width: 1100px;
	width: 100%;
	margin: 0 auto;
}
/*手机头部*/
.m-bar {
	height: 60px;
	background-color: #fff;
}
.logo-m {
	width: 75%;
	display: inline-block;
	float: left;
	margin-left: 10px;
	height: 60px;
	line-height: 60px;
}
.logo-m img {
	height: 40px;
	display: inline-block;
	z-index: 60;
	vertical-align: middle;
}
.m-hd {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000000;
	-webkit-box-shadow: 0px 4px 5px -2px rgba(0,0,0,.2);
	box-shadow: 0px 4px 5px -2px rgba(0,0,0,.2);
}
.m-nav {
	clear: both;
	position: absolute;
	top: 60px;
	left: 0;
	width: 100%;
	-webkit-box-shadow: 0px 4px 5px -2px rgba(0,0,0,.2);
	box-shadow: 0px 4px 5px -2px rgba(0,0,0,.2);
	max-height: 0;
	overflow: hidden;
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
}
.m-nav a {
	display: block;
	width: 100%;
	line-height: 40px;
	text-align: left;
	border-top: 1px solid #e0e0e0;
	font-size: 15px;
	background-color: #fff;
	padding: 0 20px;
	color: #333;
}
.m-trigger {
	height: 60px;
	cursor: pointer;
	width: 60px;
	float: right;
	background: url(../images/menu.png) no-repeat center center;
	-webkit-background-size: 25px;
	-moz-background-size: 25px;
	-o-background-size: 25px;
	background-size: 25px;
}
.m-sub {
	max-height: 0;
	overflow: hidden;
}
.m-sub.on, .m-nav.on {
	-webkit-transition: all .6s linear;
	transition: all .6s linear;
	max-height: 999px;
}
.m-sub a {
	font-size: 14px;
	padding: 0 30px;
	background-color: #F1F1F1;
	border-top-color: #efefef;
}
.m-show {
	display: none;
}
#nav-toggle {
	position: absolute;
	right: 14px;
	top: 18px;
	color: #fff;
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	-ms-transform: scale(0.7);
	-o-transform: scale(0.7);
	transform: scale(0.7);
	transform-origin: 50% 50%;
}
#nav-toggle {
	cursor: pointer;
	padding: 10px 35px 16px 0px;
	display: none;
}
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
	cursor: pointer;
	border-radius: 1px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	-o-border-radius: 1px;
	height: 5px;
	width: 35px;
	background: #007E67;
	position: absolute;
	display: block;
	content: '';
}
#nav-toggle span:before {
	top: -10px;
}
#nav-toggle span:after {
	bottom: -10px;
}
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
	transition: all 500ms ease-in-out;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
}
#nav-toggle.active span {
	background-color: transparent;
}
#nav-toggle.active span:before, #nav-toggle.active span:after {
	top: 0;
}
#nav-toggle.active span:before {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}
#nav-toggle.active span:after {
	transform: translateY(-10px) rotate(-45deg);
	-webkit-transform: translateY(-10px) rotate(-45deg);
	-ms-transform: translateY(-10px) rotate(-45deg);
	top: 10px;
}
.slick-slider {
	position: relative;
	display: block;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}
.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0
}
.slick-list:focus {
	outline: 0
}
.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}
.slick-slider .slick-track, .slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block
}
.slick-track:before, .slick-track:after {
	display: table;
	content: ''
}
.slick-track:after {
	clear: both
}
.slick-loading .slick-track {
	visibility: hidden
}
.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px
}
[dir='rtl'] .slick-slide {
	float: right
}
.slick-slide img {
	display: block
}
.slick-slide.slick-loading img {
	display: none
}
.slick-slide.dragging img {
	pointer-events: none
}
.slick-initialized .slick-slide {
	display: block
}
.slick-loading .slick-slide {
	visibility: hidden
}
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}
.slick-arrow.slick-hidden {
	display: none
}
.slick-slider, .slick-slider {
	outline: 0
}
#hd {
	height: 70px;
	background-color: #fff;
	position: relative;
}
#hd .logo {
	float: left;
}
#hd .logo a {
	display: block;
	line-height: 70px;
}
#hd .logo a img {
	display: inline-block;
	vertical-align: middle;
	max-width: 70%
}
#nav {
	float: left;
	margin-left: 16%;
}
#nav li {
	float: left;
	margin-right: 25px;
}
#nav li a {
	display: block;
	font-size: 16px;
	color: #222;
	border-bottom: 2px solid #fff;
	line-height: 68px;
	padding: 0 5px;
}
#nav li a:hover {
	color: #1EB754;
	border-color: #1CC882;
}
#hd .btnBox {
	float: right;
	line-height: 70px;
	font-size: 16px;
	width: 180px;
}
#hd .btnBox .login {
	width: 120px;
	height: 38px;
	text-align: center;
	line-height: 38px;
	background-color: #1EB754;
	border-radius: 4px;
	display: inline-block;
	margin-left: 20px;
	color: #fff;
}
#hd .btnBox .login:hover {
	background-color: #0DAF46;
	box-shadow: 0 0 12px 4px rgba(198,198,198,0.40);
}
.bannerBox {
	background-image: linear-gradient(-40deg, #26A28B 0%, #3EAE81 100%);
	overflow: hidden;
	padding-top: 75px;
	padding-bottom: 60px;
}
.selectBox {
	width: 352px;
	margin-left: 30px;
	position: absolute;
	right: 0;
	top: 0;
}
.selectBox h5 {
	position: relative;
	margin-bottom: 20px;
	margin-top: 12px;
	background: #FF7F70;
	border-radius: 4px;
	color: #fff;
	font-size: 18px;
	line-height: 25px;
	padding: 10px 14px;
}
.selectBox h5:after {
	content: '';
	position: absolute;
	left: 40px;
	top: 70px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #FF7F70 transparent transparent transparent;
}
.selectBox .box {
	background: #007E67;
	height: 518px;
	padding: 20px;
	margin-top: 33px;
}
.selectBox .box .line {
	margin-top: 13px;
	background: #D8D8D8;
	border: 1px solid #979797;
	border-radius: 12px;
	height: 24px;
}
.selectBox .box .line span {
	display: inline-block;
	background: #FFBE59;
	border-radius: 12px;
	width: 25%;
	height: 100%;
}
.selectBox .box.step2 .line span {
	width: 50%;
}
.selectBox .box.step3 .line span {
	width: 75%;
}
.selectBox .box.step4 .line span {
	width: 100%;
}
.selectBox .box ul li {
	height: 40px;
	background: #fff;
	line-height: 30px;
	border: 1px solid #ddd;
	margin-bottom: 15px;
	font-size: 14px;
	font-family: "微软雅黑", "Microsoft Yahei";
}
.selectBox .box ul li span {
	float: left;
	width: 70px;
	display: inline-block;
	padding-left: 10px;
	line-height: 38px;
	font-size: 14px;
}
.selectBox .box ul li .inp {
	width: 100%;
	height: 38px;
	border: 0;
}
.selectBox .box h4 {
	font-size: 26px;
	color: #fff;
	line-height: 37px;
	margin: 26px 0;
}
.selectBox .box label {
	display: block;
	line-height: 16px;
	font-size: 16px;
	color: #fff;
	margin-bottom: 8px;
}
.selectBox .box label .radio {
	width: 19px;
	height: 19px;
	display: inline-block;
	vertical-align: middle;
	margin-top: -3px;
	margin-right: 25px;
}
.selectBox .box .btn {
	margin-top: 18px;
}
.selectBox .box .btn a {
	display: block;
	width: 100%;
	background: #FFB035;
	border-radius: 6px;
	line-height: 58px;
	color: #fff;
	font-size: 28px;
	text-align: center;
}
.selectBox .box .btn a span {
	background: url(../images/arr1.png) right center no-repeat;
	padding-right: 45px;
}
.submitt {
	display: block;
	width: 100%;
	background: #FFB035;
	border-radius: 6px;
	line-height: 58px;
	color: #fff;
	font-size: 28px;
	text-align: center;
	padding-right: 15px;
}
.selectBox .box .btn a:hover {
	background: #FFA71F;
	box-shadow: 0 0 12px 4px #666;
}
.btn a:hover {
	background: #FFA71F;
	box-shadow: 0 0 12px 4px #666;
}
.selectBox .box h6 {
	margin-top: 10px;
	font-size: 13px;
	color: #FFFFFF;
	text-align: center;
}
.videoBox {
	overflow: hidden;
	padding-right: 382px;
}
.videoBox .tit {
	text-align: center;
	font-size: 36px;
	line-height: 50px;
	color: #fff;
	margin-bottom: 14px;
}
.videoBox .video {
	height: 398px;
	margin-top: 26px;
	position: relative;
	text-align: center;
}
.videoBox .video img {
	display: block;
	width: 100%;
	height: 100%;
}
.videoBox .video em {
	position: absolute;
	left: 50%;
	top: 50%;
	background: url(../images/play_btn.png) no-repeat;
	width: 86px;
	height: 86px;
	z-index: 10;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	display: block;
	cursor: pointer;
}

@media screen and (max-width: 900px) {
.videoBox .video {
	height: inherit;
}
}
.videoBox .userInfo {
	background: #007E67;
	color: #fff;
	height: 96px;
	padding: 15px 20px;
	overflow: hidden;
}
.videoBox .userInfo .photo {
	width: 140px;
	height: 140px;
	border-radius: 100%;
	float: left;
	margin-right: 21px;
}
.videoBox .userInfo .txt {
	overflow: hidden;
	font-size: 16px;
	line-height: 25px;
	color: #fff;
}
.videoBox .userInfo .txt h3 {
	font-size: 20px;
	margin-bottom: 10px;
	margin-top: 15px;
}
.banWrap {
	position: relative;
}
.videoBox .userInfo .mark {
	width: 390px;
	height: 90px;
	font-family: MicrosoftYaHei-Bold;
	font-weight: bold;
	color: rgba(255,255,255,1);
	line-height: 30px;
	float: left;
	font-size: 20px;
}
.videoBox .userInfo .downLoad-free {
	width: 285px;
	height: 58px;
	background: rgba(255,176,53,1);
	border-radius: 6px;
	float: right;
	font-size: 30px;
	color: #fff;
	text-align: center;
	line-height: 58px;
}
.freeBox {
	background: #007E67;
	padding: 30px 0;
	overflow: hidden;
}
.freeBox .btnBox {
	float: left;
	width: 49%;
	margin-right: 36px;
	color: #fff;
}
.freeBox .btnBox h3 {
	font-size: 40px;
	text-align: center;
	margin: 14px 0;
}
.freeBox .btnBox .btn a {
	display: block;
	height: 100px;
	padding: 10px 0;
	background: #FFB035;
	border-radius: 8px;
	text-align: center;
	color: #fff;
	font-size: 18px;
}
.freeBox .btnBox .btn span {
	display: inline-block;
	background: url(../images/arr2.png) right center no-repeat;
	padding-right: 73px;
}
.freeBox .btnBox .btn a b {
	font-size: 36px;
	display: block;
	font-weight: normal;
}
.freeBox .btnBox .btn a:hover {
	background: #FF9B00;
}
.freeBox .btnBox h6 {
	font-size: 16px;
	text-align: center;
	margin-top: 11px;
	line-height: 22px;
}
.freeBox .txt p {
	font-size: 20px;
	line-height: 28px;
	margin-bottom: 20px;
	color: #fff;
	background: url(../images/duihao.png) left 8px no-repeat;
	padding-left: 50px;
}
.freeBox .txt {
	overflow: hidden;
}
.freeBox .txt {
	padding-top: 3%;
}
.freeBox .desc {
	background: rgba(0,0,0,.11);
	text-align: center;
	color: #fff;
	font-size: 28px;
	padding: 13px 0;
	line-height: 1.43;
	margin-top: 15px;
}
.solutionBox {
	padding-top: 5%;
	background-color: #f8f8f8;
	padding-bottom: 6%;
	overflow: hidden;
}
.solutionBox .tit {
	text-align: center;
}
.solutionBox .tit h3, .whatBox .tit h3 {
	line-height: 1;
	font-size: 50px;
	color: #333;
	margin-bottom: 20px;
}
.solutionBox .tit h4, .whatBox .tit h4 {
	font-size: 30px;
	color: #666;
	padding: 0 12%;
	line-height: 1.33;
	margin-bottom: 20px;
}
.solutionBox .pic {
	float: right;
	width: 44%;
}
.solutionBox .pic img {
	display: block;
	width: 100%;
}
.solutionBox .txt {
	overflow: hidden;
	line-height: 26px;
	font-size: 16px;
	padding-top: 35px;
}
.solutionBox .txt p em {
	width: 31px;
	height: 26px;
	background: url(../images/duihao2.png) no-repeat;
	margin-right: 20px;
	display: inline-block;
	margin-top: -2px;
	vertical-align: middle;
}
.solutionBox .txt p {
	margin-bottom: 20px;
}
.whatBox .tit {
	text-align: center;
}
.whatBox .tit h4 {
	margin-bottom: 60px;
}
.whatBox {
	overflow: hidden;
	padding-top: 4%;
	padding-bottom: 5.4%;
}
.whatBox .picBox {
	position: relative;
	text-align: center;
	padding: 200px 0;
	max-width: 990px;
	width: 100%;
	margin: 0 auto;
}
.whatBox .picBox2 {
	max-width: 1080px;
}
.whatBox .pic {
	display: inline-block;
	vertical-align: middle;
}
.whatBox li {
	position: absolute;
	background: #FFFFFF;
	box-shadow: 0 0 12px 4px rgba(198,198,198,0.40);
	border-radius: 4px;
	width: 200px;
	height: 120px;
	padding: 15px;
}
.whatBox li:hover {
	box-shadow: 0 0 12px 4px rgba(30,183,84,0.20);
	cursor: pointer;
}
.whatBox li h3 {
	line-height: 34px;
	font-size: 20px;
	color: #333;
	text-align: left;
}
.whatBox li h3 img {
	display: inline-block;
	vertical-align: middle;
	margin-top: -4px;
	margin-right: 14px;
}
.whatBox li p {
	font-size: 12px;
	color: #666;
	line-height: 18px;
	text-align: left;
}
.whatBox li .more {
	display: inline-block;
	float: right;
	width: 68px;
	height: 25px;
	line-height: 25px;
	background: #17C67E;
	color: #fff;
	font-size: 12px;
	border-radius: 4px;
}
.whatBox li .more:hover {
	background: #0DAF46;
	box-shadow: 0 0 12px 4px rgba(198,198,198,0.40);
}
.whatBox li.s1 {
	top: 0;
	left: 106px;
}
.whatBox li.s2 {
	top: 0;
	right: 106px;
}
.whatBox li.s3 {
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}
.whatBox li.s4 {
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}
.whatBox li.s5 {
	bottom: 0;
	left: 106px;
}
.whatBox li.s6 {
	bottom: 0;
	right: 106px;
}
.whatBox li:after {
	content: '';
	position: absolute;
}
.whatBox li.s1:after {
	width: 131px;
	height: 96px;
	background: url(../images/left_up.png) no-repeat;
	top: 65px;
	right: -158px;
}
.whatBox li.s2:after {
	width: 131px;
	height: 96px;
	background: url(../images/right_up.png) no-repeat;
	top: 65px;
	left: -158px;
}
.whatBox li.s3:after {
	width: 103px;
	height: 4px;
	background: url(../images/left.png) no-repeat;
	top: 60px;
	right: -118px;
}
.whatBox li.s4:after {
	width: 103px;
	height: 4px;
	background: url(../images/left.png) no-repeat;
	top: 60px;
	left: -118px;
}
.whatBox li.s5:after {
	width: 131px;
	height: 96px;
	background: url(../images/left_down.png) no-repeat;
	bottom: 47px;
	right: -158px;
}
.whatBox li.s6:after {
	width: 131px;
	height: 96px;
	background: url(../images/right_down.png) no-repeat;
	bottom: 47px;
	left: -158px;
}
.whatBox .list2 .ico {
	text-align: center;
}
.whatBox .list2 h3 {
	text-align: center;
	font-size: 15px;
}
.whatBox .list2 p {
	text-align: center;
}
.whatBox .list2 li {
	width: 120px;
	height: 120px;
	padding: 20px 0;
	cursor: pointer;
}
.ads {
	background: #007E67;
	padding: 20px 0;
	color: #FFF;
	font-size: 28px;
	color: #fff;
	line-height: 60px;
}
.ads .wp {
	max-width: 1060px;
}
.ads .btn {
	display: inline-block;
	float: right;
	background: #FFB035;
	border-radius: 8px;
	width: 200px;
	height: 60px;
	color: #fff;
	font-size: 26px;
	text-align: center;
}
.ads .btn:hover {
	background: #FFA71F;
	box-shadow: 0 0 12px 4px #666;
}
.ul-list {
	overflow: hidden;
	padding-top: 7%;
	max-width: 1060px;
	width: 100%;
	margin: 0 auto;
}
.ul-list li {
	overflow: hidden;
	margin-bottom: 5%;
}
.ul-list li .pic {
	float: left;
	width: 45%;
	margin-right: 8%;
}
.ul-list li .txt {
	overflow: hidden;
	font-size: 22px;
	color: #333;
	line-height: 35px;
	padding-top: 4%;
}
.ul-list li .txt h3 {
	font-size: 40px;
	font-weight: bold;
	margin-bottom: 21px;
	line-height: 1.4;
}
.ul-list li:nth-child(2n) .pic {
	float: right;
	margin-right: 0;
	margin-left: 8%;
}
.ul-list li:last-child .txt {
	padding-right: 8%;
}
.customerBox {
	background: #F8F8F8;
	overflow: hidden;
	padding-top: 4%;
	padding-bottom: 5%;
}
.customerBox h3 {
	text-align: center;
	font-size: 50px;
	color: #333;
	font-weight: bold;
	margin-bottom: 2%;
}
.customerBox .wp .anli{
	text-align: center;
	font-size: 18px;
	color: #333;
	margin-bottom: 2%;
}
.ul-customer li {
	float: left;
	width: 20%;
	text-align: center;
	font-size: 16px;
	line-height: 29px;
	padding: 10px 10px;
}
.ul-customer li img {
	display: inline-block;
	vertical-align: middle;
	width: 200px;
	height: 150px;
}
.ul-customer li h5 {
	font-size: 20px;
	margin: 20px 0;
	color: #333;
	font-weight: bold;
}
.ul-customer li a:hover {
	color: #1EB754;
}
.picsBox {
	padding-top: 5%;
	overflow: hidden;
	padding-bottom: 3%;
}
.picsBox h3 {
	text-align: center;
	font-size: 50px;
	font-weight: bold;
	color: #333;
	margin-bottom: 1%;
}
.picsBox h4 {
	font-size: 30px;
	color: #666;
	padding: 0 12%;
	line-height: 1.33;
	margin-bottom: 20px;
	text-align: center;
}
.ul-imgtxt {
	margin: 0 -15px;
	overflow: hidden;
}
.ul-imgtxt li {
	float: left;
	width: 25%;
	padding: 0 15px;
}
.ul-imgtxt li img {
	display: block;
	width: 100%;
}
.ul-imgtxt li h5 a {
	display: block;
	border: 1px solid #DFDFDF;
	line-height: 22px;
	padding: 22px 0;
	text-align: center;
	border-top: 0;
	font-size: 20px;
}
.ul-imgtxt li:hover h5 a {
	box-shadow: 0 4px 12px 0 rgba(196,196,196,0.30);
}
.newsBox {
	background: #F6F6F6;
	padding: 4% 0;
	overflow: hidden;
}
.newsBox .wp {
	max-width: 1030px;
}
.newsBox .news {
	float: left;
	width: 46%;
	border-right: 1px solid #CFCFCF;
	margin-right: 26px;
	padding-right: 38px;
	padding-bottom: 10px;
}
.newsBox h4 {
	font-size: 18px;
	color: #333;
	line-height: 25px;
	margin-bottom: 12px;
}
.logs {
	overflow: hidden;
}
.newsBox dt {
	font-size: 14px;
	color: #9F9F9F;
	text-transform: uppercase;
	margin-bottom: 15px;
}
.newsBox dt a {
	color: #1EB754;
	float: right;
}
.ul-news li {
	line-height: 36px;
	font-size: 14px;
}
.ul-news li span {
	float: right;
	font-size: 12px;
}
.logs dl {
	margin-bottom: 20px;
}
.logs dl dt {
	margin-bottom: 3px;
}
.newsTop {
	margin-bottom: 20px;
}
.newsTop .img {
	float: left;
	width: 130px;
	margin-right: 26px;
}
.newsTop h5 {
	overflow: hidden;
	font-size: 14px;
}
.newsTop h5 span {
	float: right;
	font-size: 12px;
}
.friendLink {
	background: #333;
	text-align: center;
	padding-bottom: 2%;
	padding-top: 2%;
}
.friendLink h3 {
	font-size: 18px;
	font-weight: bold;
	color: #535252;
	margin-bottom: 14px;
}
.friendLink a {
	font-size: 13px;
	color: #666;
	line-height: 20px;
	margin-right: 9px;
}
.friendLink a:hover {
	color: #1EB754;
}
#fd {
	background: #333333;
	padding-top: 3%;
	padding-bottom: 5%;
	overflow: hidden;
}
#fd .code {
	float: right;
	width: 300px;
	text-align: center;
	font-size: 14px;
	color: #fff;
}
#fd .code .pic img {
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 11px;
}
#fd .tel {
	opacity: 0.94;
	font-size: 32px;
	color: #FFFFFF;
	letter-spacing: 0;
	line-height: 40px;
	margin-top: 20px;
}
#fd .tel span {
	background: url(../images/tel.png) left center no-repeat;
	display: inline-block;
	padding-left: 48px;
}
.fdNav {
	overflow: hidden;
	color: #fff;
}
.fdNav dl {
	float: left;
	margin-right: 9%;
}
.fdNav dl dt {
	font-size: 18px;
	margin-bottom: 20px;
}
.fdNav dl dd a {
	font-size: 14px;
	line-height: 36px;
	color: #fff;
	display: block;
}
.fdNav dl dd a:hover {
	color: #1EB754;
}
#ban-in img {
	display: block;
	width: 100%;
}
.snvBox {
	background: #EEEEEE;
	padding: 4px 0;
	padding-bottom: 6px;
	margin-bottom: 4%;
}
.snvBox ul {
	overflow: hidden;
	margin: 0 -1.5px;
}
.snvBox ul li {
	float: left;
	width: 16.66%;
	padding: 0 1.5px;
}
.snvBox ul li a {
	display: block;
	width: 100%;
	line-height: 65px;
	font-size: 18px;
	color: #666;
	text-align: center;
	background-color: #fff;
}
.snvBox ul li.hover a, .snvBox ul li a:hover {
	background: #1EB754;
	color: #fff;
}
.ul-list2 li {
	overflow: hidden;
	margin-bottom: 5%;
}
.ul-list2 li .pic {
	float: left;
	width: 50%;
}
.ul-list2 li .txt {
	overflow: hidden;
	color: #333;
	padding: 0 5%;
	padding-top: 5%;
}
.ul-list2 li .txt h3 {
	font-size: 26px;
	margin-bottom: 20px;
	font-weight: bold;
}
.ul-list2 li .txt p {
	font-size: 14px;
	line-height: 24px;
	width: 378px;
}
.ul-list2 li:nth-child(2n) .pic {
	float: right;
	text-align: right;
}
.rfm-tit {
	text-align: center;
	margin-bottom: 13%;
}
.rfm-tit span {
	display: inline-block;
	font-size: 40px;
	padding: 0 60px;
	position: relative;
	color: #333;
}
.rfm-tit span:before, .rfm-tit span:after {
	content: '';
	position: absolute;
	top: 50%;
	width: 203px;
	height: 2px;
	background: #E3E3E3;
}
.rfm-tit span:before {
	left: -260px;
}
.rfm-tit span:after {
	right: -260px;
}
.ul-list3 {
	max-width: 1060px;
	width: 100%;
	margin: 0 auto;
}
.ul-list3 li {
	overflow: hidden;
	margin-bottom: 5%;
}
.ul-list3 li .pic {
	float: left;
	width: 42%;
}
.ul-list3 li .txt {
	overflow: hidden;
	padding-left: 80px;
}
.ul-list3 li h3 {
	font-size: 40px;
	color: #333;
	margin-bottom: 54px;
	text-align: right;
}
.ul-list3 li .desc {
	background-color: #1EB754;
	color: #fff;
	font-size: 20px;
	line-height: 35px;
	padding: 24px 22px;
	border-radius: 12px;
	position: relative;
	width: 437px;
	float: right;
}
.ul-list3 li .desc:after {
	content: '';
	position: absolute;
	top: 50%;
	left: -23px;
	margin-top: -12.5px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 16.5px 23px 16.5px 0;
	border-color: transparent #1EB754 transparent transparent;
}
.ul-list3 li:nth-child(2n) .pic {
	float: right;
	text-align: right;
}
.ul-list3 li:nth-child(2n) h3 {
	text-align: left;
}
.ul-list3 li:nth-child(2n) .txt {
	padding-left: 0;
	padding-right: 80px;
}
.ul-list3 li:nth-child(2n) .desc:after {
	right: -23px;
	left: auto;
	border-width: 16.5px 0 16.5px 23px;
	border-color: transparent transparent transparent #1EB754;
}
.ul-list3 li:nth-child(2n) .desc {
	float: left;
}
.solution-tit {
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	color: #333;
	color: #333;
}
.solution-tit span {
	position: relative;
}
.solution-tit span:before {
	content: '';
	position: absolute;
	top: -30px;
	left: 50%;
	margin-left: -44px;
	width: 83px;
	height: 8px;
	background: #1EB754;
	border-radius: 8px;
}
.rightFixed {
	position: fixed;
	right: 0;
	top: 30%;
	z-index: 100;
}
/*.side {
	width: 83px;
	height: 415px;
	box-shadow: 0 0 12px 4px rgba(198,198,198,0.40);
}
.side ul li {
	width: 83px;
	height: 83px;
	float: left;
	position: relative;
}
.side ul li .sidebox {
	position: absolute;
	width: 83px;
	height: 83px;
	line-height: 83px;
	top: 0;
	right: 0;
	transition: all 0.3s;
	overflow: hidden;
	background: #fff;
	color: #1EB754;
	font-size: 24px;
	border: 1px solid #eee;
}
.side ul li .sidetop {
	width: 83px;
	height: 83px;
	line-height: 83px;
	display: inline-block;
	transition: all 0.3s;
	background: #fff;
}*/
.side {
	width: 114px;
	overflow: hidden;
    border-radius: 5px;
    border: 2px solid #cfcfcf;
}
.side ul li {
	width: 110px;
	height: 104px;
	float: left;
	position: relative;
}
.side ul li .sidebox {
	position: absolute;
	width: 110px;
	height: 104px;
	top: 0;
	right: 0;
	transition: all 0.3s;
	overflow: hidden;
	background: #fff;
	color: #1EB754;
	border-bottom: 2px solid #cfcfcf;
	text-align: center;
}
.side ul li .sidebox img{width:38px;float: none;margin-top: 16px; margin-bottom: 4px;}
.side ul li .sidebox span{display:inline-block;font-size: 17px;color: #333;width: 100%;}

.side ul li.sidewechat{height: 124px;}
.side ul li.sidewechat .sidebox{height: 124px;}
.side ul li.sidewechat img{width: 99px;height: 99px;margin-top: 3px;margin-bottom: 0;}
.side ul li.sidewechat small{display:inline-block;font-size: 11px;color: #333;width: 100%;}

.side ul li .sidetop {
	width: 110px;
	height: 104px;
	display: inline-block;
	transition: all 0.3s;
	background: #fff;text-align: center;
}

.side ul li .sidetop img{float: none;margin-top:20px;}
.side ul li .sidetop span{display: inline-block;font-size: 17px;color: #333;width: 100%;}
.side ul li .sidetop:hover {
}
.side ul li .sidebox2 {
	position: absolute;
	width: 83px;
	height: 83px;
	line-height: 83px;
	top: 0;
	right: 0;
	transition: all 0.3s;
	background: #fff;
	color: #1EB754;
	font-size: 24px;
	border: 1px solid #eee;
}
.side ul li img {
	float: left;
}
.side ul li.s4 .sidebox {
	width: 83px !important;
}
.side ul li .sidebox:hover {
	box-shadow: 0 0 12px 4px rgba(198,198,198,0.40);
}
.side ul li.s4 .code {
	position: absolute;
	left: -155px;
	bottom: 0;
	width: 150px;
	display: none;
}
.side ul li.s4:hover .code {
	display: block;
}
.side ul li a:hover {
	box-shadow: 0 0 6px 0 rgba(0,0,0,0.20);
}
.overlay {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	display: none;
	z-index: 100;
}
.videoPop {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	background: #fff;
	border-radius: 10px;
	padding: 15px;
	display: none;
	z-index: 100;
}
.videoPop span {
	cursor: pointer;
	background: url(../images/close.png) no-repeat;
	width: 56px;
	height: 56px;
	display: block;
	position: absolute;
	right: -28px;
	top: -28px;
}
/*********2019-11-25***********/
.clearfix:after, #nav .list dl:after {
	content: '';
	display: block;
	clear: both;
}
#hd {
	border: 1px #eee solid;
	position: relative;
}
.wp {
	position: relative;
}
#nav {
	float: none;
	text-align: center;
}
#nav ul {
	display: inline-block;
}
#nav ul li a.firstNav {
	position: relative;
}
#nav ul li.active a.firstNav:after {
	content: '';
	display: block;
	width: 100%;
	height: 2px;
	bottom: 0;
	left: 0;
	background: #41c060;
}
#hd .logo {
	float: none;
	position: absolute;
}
#hd .btnBox {
	position: absolute;
	right: 0;
	top: 0;
	width: auto;
}
#nav li a {
	border-bottom: none;
}
#nav .list {
	display: none;
}
#nav ul li.active .list {
	display: block;
}
#nav .list dl, #nav .list dl dt, #nav .list dl dd {
	float: left;
}
#nav .list {
	position: absolute;
	background: #fff;
	right: -50%;
	left: -50%;
	top: 69px;
	text-align: center;
	padding: 15px 0;
	z-index: 99;
}
#nav .list dl {
	background: #f9f9f9;
	padding: 5px 10px;
	display: inline-block;
	line-height: 35px;
	font-size: 15px;
	margin: 2px 3px;
}
#nav .list dl a {
	line-height: inherit;
	height: auto;
}
#nav .list dl dt {
	height: 30px;
	margin-top: -5px;
}
.loginBtn, .registBtn {
	border: 1px #41c060 solid;
	border-radius: 3px;
}
.loginBtn {
	line-height: 30px;
	padding: 0 15px;
	color: #41c060;
	background: none;
}
.registBtn {
	line-height: 30px;
	background: #41c060;
	padding: 0 15px;
	color: #fff;
}
.navmore a {
	position: relative;
}
.navmore a.firstNav:before {
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	border-right: 1px #666 solid;
	border-bottom: 1px #666 solid;
	transform: rotate(45deg);
	position: absolute;
	right: -8px;
	top: 50%;
	margin-top: -7px;
}
.navmore a {
	position: relative;
}
.navmore a.firstNav:before {
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	border-right: 1px #666 solid;
	border-bottom: 1px #666 solid;
	transform: rotate(45deg);
	position: absolute;
	right: -8px;
	top: 50%;
	margin-top: -7px;
}
.homeConten2{
    height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #efefef;
}
.flexDiv {
    display: flex;
    align-items: center;
}
.mr70 {
    margin-right: 51px;
}
.mr16 {
    margin-right: 16px;
}
.max160 {
    max-width: 160px;
}
.f18 {
    font-size: 18px;
}
.boldfont {
    font-weight: bold;
}
.mb5 {
    margin-bottom: 5px;
}
.f12 {
    font-size: 12px;
}
.greyfont {
    color: #999999;
}
