* {
	margin: 0;
	padding: 0
}
html, body, button, select, textarea, input, label, option, fieldset, legend {
	font-family: 'Microsoft YaHei', Arial;
	font-size: 12px;
	line-height: 18px;
	color: #444
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, textarea, button, p, blockquote, th, td {
	margin: 0;
	padding: 0
}
body, html {
	width: 100%
}
textarea {
	resize: none
}
.clear {
	height: 1px;
	overflow: hidden;
	clear: both
}
a, img {
	border: 0
}
a {
	color: #666;
	text-decoration: none
}
a {
	text-decoration: none
}
a:hover {
	text-decoration: none !important;
	color: #666
}
a img, :link img, :visited img {
	border: 0px
}
li {
	list-style-type: none
}
.fl {
	float: left
}
.fr {
	float: right
}
.nf {
	clear: both
}
.red {
	color: red;
	font-weight: bold
}
.green {
	color: #00b500;
	font-weight: bold
}
.ds {
	display: block
}
.hid {
	overflow: hidden
}
.clearfix:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: '';
	font-size: 0
}
.headerbox {
	height: 80px;
	width: 100%;
	background: #e4e4e4
}
.headerbox .header {
	height: 80px;
	width: 1000px;
	margin: 0 auto
}
.headerbox .header .headleft {
	width: 340px;
	float: left;
	color: #333;
	font-size: 18px
}
.headerbox .header .headleft a {
	display: block;
	float: left
}
.headerbox .header .headleft strong {
	display: block;
	float: left;
	font-weight: normal;
	font-size: 16px;
	border-left: 1px solid #999;
	height: 23px;
	line-height: 23px;
	padding-left: 10px;
	margin-top: 38px
}
.headerbox .header .headright {
	float: right;
	width: 573px;
	height: 80px
}

.headerbox .header .headright .download_li{
	/* margin-left: 0; */
	padding-top:22px ;

}
.headerbox .header .headright .download_li .download_a:hover,.headerbox .header .headright .download_li .download_a.active{
	/* color: #333;
	border-bottom: 1px solid #ccc; */
	background: #f5ffea url('../image/phone_hover.png') no-repeat 25px center;
	border:1px solid #6eb11f;


}
.headerbox .header .headright .download_a{
	width: 104px;
	height: 40px;
	line-height: 18px;
	text-align: center;
	border: 1px solid #ccc;
	border-radius: 20px;
	line-height: 40px;
	padding-left: 26px;
	background:url('../image/phone.png') no-repeat 25px center;
}
.headerbox .header .headright li a:hover,.headerbox .header .headright li a.active{
  border-bottom: 2px solid #569f00;
  color: #569f00;
}



.headerbox .header .headright li {
	float: left;
	height: 40px;
	padding-top: 33px;
	color: #333;
	font-size: 16px;
	margin-left: 35px;
	line-height: 18px
}
.headerbox .header .headright li a {
	display: block;
	padding: 0 4px;
	height: 30px;
	overflow: hidden;
	color: #333;
	line-height: 18px
}
.headerbox .header .headright li a:hover, .headerbox .header .headright li a.active {
	border-bottom: 2px solid #569f00;
	color: #569f00
}
.footer_box {
	background: #808080
}
.footer_box .footer {
	width: 1000px;
	margin: 0 auto;
	background: #808080 !important;
	height: auto !important
}
.footer_box .footer .footer_content {
	height: 168px;
	text-align: center;
	margin: 0 auto;
	overflow: hidden
}
.footer_box .footer .footer_content .content_top {
	display: block;
	width: 308px;
	margin: 55px auto 0
}
.footer_box .footer .footer_content .content_top li {
	float: left;
	line-height: 14px;
	border-right: 1px solid #fff
}
.footer_box .footer .footer_content .content_top li.last {
	border-right: none
}
.footer_box .footer .footer_content .content_top li a {
	color: #fff;
	font-size: 14px;
	padding: 0 10px;
	cursor: pointer;
}
.footer_box .footer .footer_content .content_top li a:hover, .footer_box .footer .footer_content .content_top li a.active {
	color: #ffff00;
	text-decoration: underline !important
}
.footer_box .footer .footer_content .content_bottom {
	margin-top: 8px;
	text-align: center;
	color: #fff;
	font-size: 14px
}
.banner {
	height: 279px;
	width: 100%;
	background: url("../image/keti_banner.png") no-repeat top center
}
.keti_content {
	width: 872px;
	min-height: 586px;
	margin: 0 auto;
	overflow: hidden;
	padding: 50px 32px 0  32px
}
.keti_content img {
	display: inline-block;
	float: right;
	width: 195px;
	padding: 10px 10px 3px 10px
}
.keti_content p {
	color: #666;
	font-size: 16px;
	margin-bottom: 40px;
	text-indent: 26px;
	line-height: 30px
}
.lingxian_banner {
	width: 100%;
	height: 278px;
	background: url("../image/lingxian_banner.png") no-repeat center;
	background-size: cover
}
.lingxian_content {
	min-height: 817px;
	width: 1000px;
	margin: 0 auto
}
.lingxian_content .lingxian_title {
	padding: 20px 53px 0 53px;
	color: #666;
	font-size: 14px;
	line-height: 28px;
	text-indent: 26px
}
.lingxian_content .content_title {
	margin-top: 20px;
	height: 58px;
	text-align: center;
	line-height: 58px;
	overflow: hidden
}
.lingxian_content .content_title .title_text {
	height: 58px
}
.lingxian_content .content_title .title_text h3 {
	display: inline-block;
	position: relative;
	color: #569f00;
	font-size: 24px;
	font-weight: 200
}
.lingxian_content .content_title .title_text h3 span {
	position: absolute;
	height: 2px;
	width: 32px;
	background: #569f00
}
.lingxian_content .content_title .title_text h3 span.line_left {
	left: -39px;
	top: 30px
}
.lingxian_content .content_title .title_text h3 span.line_right {
	right: -39px;
	top: 30px
}
.lingxian_content .ul_list {
	margin: 8px 0 0 20px
}
.lingxian_content .ul_list li {
	width: 176px;
	height: 290px;
	float: left;
	text-align: center;
	margin-right: 20px;
	margin-bottom: 24px
}
.lingxian_content .ul_list li img {
	height: 238px;
	width: 176px
}
.lingxian_content .ul_list li span {
	display: inline-block;
	font-size: 14px;
	margin-top: 14px;
	color: #333;
	text-align: center
}
.us_banner {
	height: 280px;
	width: 100%;
	background: url("../image/us_banner.png") no-repeat center;
	background-size: cover
}
.us_content {
	min-height: 480px;
	width: 1000px;
	margin: 0 auto;
	padding-top: 130px
}
.us_content .us_content_left {
	float: left;
	width: 485px;
	margin-left: 40px;
	margin-top: 24px
}
.us_content .us_content_left span {
	display: block;
	height: 52px;
	padding-left: 62px;
	font-size: 18px;
	color: #333;
	line-height: 48px;
	margin-bottom: 42px
}
.us_content .us_content_left label{
	display: block;
	float: left;
	line-height: 48px;
	font-size: 18px;
}
.us_content .us_content_left label.lab1{
	width:100px;
}
.us_content .us_content_left label.lab2{
	width:320px;
}
.us_content .us_content_left span:nth-child(1) {
	background: url("../image/us_phone.png") no-repeat left center
}
.us_content .us_content_left span:nth-child(2) {
	background: url("../image/us_letter.png") no-repeat left center
}
.us_content .us_content_left span:nth-child(3) {
	background: url("../image/us_place.png") no-repeat left center
}
.us_content .us_content_right {
	width: 473px;
	height: 322px;
	float: right;
	background: url("../image/us_map.png") no-repeat center
}
.text_box {
	width: 100%;
	min-height: 900px
}
.text_box .article {
	width: 1000px;
	margin: 0 auto 50px;
	overflow: hidden
}
.text_box .article h2 {
	text-align: center;
	display: block;
	margin-top: 50px;
	font-size: 24px;
	color: #333;
	font-weight: 500;
	height: 24px
}
.text_box .article .content_box {
	margin-top: 40px;
	padding: 0 70px 0 70px
}
.text_box .article .content_box h3 {
	font-size: 18px;
	line-height: 20px
}
.text_box .article .content_box .list {
	margin-top: 35px
}
.text_box .article .content_box .list.first {
	margin-top: 0
}
.text_box .article .content_box .list p {
	text-indent: 0;
	margin: 6px 0 0 0
}
.text_box .article .content_box p {
	margin-bottom: 40px;
	line-height: 30px;
	color: #333;
	font-size: 16px;
	text-indent: 26px
}
.text_box .article .content_box .list .ul {
}
.opin-layer {
	z-index: 99999;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.2
}
.opinion {
	z-index: 9999999;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 500px;
	height: 278px;
	margin: -140px -251px;
	border: solid 1px #ccc;
	border-radius: 4px;
	background: #fff
}
.opinion .opin-title {
	display: block;
	height: 48px;
	line-height: 48px;
	padding-left: 25px;
	color: #7a7a7a;
	font-size: 18px;
	border-bottom: 1px solid #a6a5a5
}
.opin-box {
	display: block;
	width: 362px;
	margin: 25px auto 0
}
.opin-box .opin-textarea {
	width: 350px;
	height: 90px;
	margin: 0 auto;
	padding: 5px;
	border: 1px solid #A5A5A5;
	outline: none;
	resize: none;
	border-radius: 5px
}
.opin-btn {
	width: 180px;
	margin: 20px auto 0
}
.opin-btn a {
	display: block;
	float: left;
	width: 86px;
	height: 46px;
	line-height: 46px;
	text-align: center;
	border-radius: 3px;
	font-size: 18px;
	color: #fff
}
.opin-btn a.opin-cancel {
	background: #f5603c
}
.opin-btn a.opin-submit {
	background: #19ab72;
	margin-left: 8px;
	cursor: pointer;
}

/* 下载页面 */
.download_box{
	height: 100%;
}
.download_content_bg{
	background: url('../image/download_banner.png') no-repeat center;
	background-size: cover;
}
.download_content{
	width: 1000px;
	height: 563px;
	background: url('../image/phone_content_bg.png') no-repeat 173px center;
}
.download_content_right{
	width: 459px;
	margin-left: 503px;
	padding-left: 34px;
}
.download_title{
	font-size: 50px;
	display: block;
	color: #333;
	margin-top: 70px;
	font-weight: 200;
	height: 46px;

}
.download_tip{
	font-size: 30px;
	display: block;
	height: 28px;
	color:#333;
	margin-top: 32px;
}
.download_go{
	height: 200px;
	width: 180px;
	margin-top: 40px;
	float: left;
	margin-right: 20px;
}
.download_go a{
	display: block;
	font-size: 18px;
	padding-left: 71px;
	line-height: 50px;
	width: 109px;
	height: 50px;
	cursor: pointer;
	color: #5c9304;
	border: 1px solid #5c9304;
	border-radius: 12px;
	margin-top: 20px;
}
.download_go span{
	display: block;
	width: 180px;
	height: 180px;
	border: 1px solid #999;

}
.download_go .android_QRcode{
	background: url('../image/android_QRcode.png') no-repeat center;
	background-size: 185px 185px;
}
.download_go .ios_QRcode{
	background: url('../image/ios_QRcode.png') no-repeat center;
	background-size: 185px 185px;
}
.download_android{
	background: rgba(252,248,245,.5) url('../image/download_android.png') no-repeat 32px center;
}
.download_ios{
	background: rgba(252,248,245,.5) url('../image/download_ios.png') no-repeat 32px center;
}
.download_android:hover,.download_ios:hover{
	background-color: rgba(252,248,245,.8);
}
.backToIndex{
	width: 74px;
	height: 22px;
	display: block;
	cursor: pointer;
	position: fixed;
	top: 18px;
	right: 50px;
	background: url('../image/backToIndex.png') no-repeat center left;
	color: #333;
	font-size: 16px;
	line-height: 22px;
	padding-left: 26px;
}
.flex{
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.flex-v{
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
}
.flex-1{
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    -o-flex: 1;
    flex: 1;
}
.flex-hc{
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
}
.flex-vc{
    // -webkit-box-pack: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
}