html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

* {
	list-style: none;
	padding: 0;
	margin: 0;
	border: 0;
	outline: 0;
	text-decoration: none;
	background: transparent;
	font-size: 100%;
	font-family: "Microsoft Yahei","微软雅黑",sans-self,arial, helvetica;
	
}

div {
	display: block;
}

ul {
	margin: 0;
	padding: 0;
	display: block;
	list-style-type: disc;
}
p {
	display: block;
	margin-top: 1em;
	margin-bottom: 1em;
	
	margin-inline-start: 0px;
	margin-inline-end: 0px;
}

@font-face {font-family: "iconfont";
  src: url('iconfont/iconfont.eot?t=1581520665698&v=1.2'); /* IE9 */
  src: url('iconfont/iconfont.eot?t=1581520665698&v=1.2#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('iconfont/iconfont.woff?v=1.2') format('woff'),
  url('iconfont/iconfont.woff?t=1581520665698&v=1.2') format('woff'),
  url('iconfont/iconfont.ttf?t=1581520665698&v=1.2') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('iconfont/iconfont.svg?t=1581520665698&v=1.2#iconfont') format('svg'); /* iOS 4.1- */
} 
 #popIcon{
	 display: none;
 }
#header,
#banner,
#compose,
#footer,
#pop-show,
#show,
#charact {
	width: 100%;
}
#content,
#product {
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	margin: auto;
}
.hactive{
	box-sizing: border-box;
	box-shadow: 0 0 13px rgb(0 0 0 / 20%);
	background-color: rgb(18, 33, 78);
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;	
}
/* 页头 */
#header {
	position: fixed;
	top: 0px;
	height: 68px;
	z-index: 1000;
	
}
#header #mobile-h{
	display: none;
}
#header #logo {
	height: 68px;
	display: inline-block;
	line-height: 68px;
	vertical-align: middle;
}
#header #logo img{
	height: 40px;
	width: auto;
	vertical-align: -10px;
}
#header #logo label{
	font-size: 26px;
	color: #f7c331;
	padding-left: 6px;
}
#header #icon-face{
	display: none;
}

#logo i{
	display: none;
	
}
#menu {
	float: right;
	padding-top: 16px;
}
#header #menu ul {
	display: inline-block;
}

#header #menu li {
	float: left;
	margin: 0px 20px;
	font-size: 1rem;
	line-height: 40px;
	color: #383838;
	display: inline-block;
	overflow: hidden;
	cursor: pointer;
	height: ;
}
#header #menu li a {
	display: block;
	color: #f7c331;
	float: left;
}
.other-header li a {
	color: #687a8f !important;
}

#header #menu li a:hover {
	border-bottom: 2px solid #F7C331;
	color: #EE9900;
}
.menu-button a:hover{
	border-bottom: 0px solid #F7C331 !important;
}
#header #menu li a.active {
	border-bottom: 2px solid #F7C331;
	color: #EE9900;
}

#header #menu li a.link {
	color: #f7c331;
	font-weight: 700;
}

#header .panel{
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	margin: auto;
}
.clearfix:after {
	display: block;
	content: "";
	clear: both;
	height: 0;
	visibility: hidden;
}

.dropdown {
	position: absolute;
	/* width: 100%; */
	left: auto;
	right: 10%;
	top: 60px;
	max-width: none;
	background: rgb(20 51 158 / 90%);
	z-index: 999999;
	padding: 0px;
	box-sizing: border-box;
	box-shadow: 0 8px 24px rgba(0, 0, 0, .13);
	/*  transform: scale(0); */
	transition: transform, opacity 0.3s, 0.2s;
}

.dropdown-content {
	width: 100%;
	/*  display: flex; */
	flex-direction: row;
	transition: all 0.3s;
}

#products-dropdpwn {
	margin: 0 auto !important;
	margin-top: 10px !important;

}

.pro-active {
	margin: 0px 30px !important;
	white-space: nowrap;
}

.pro-active a {
	opacity: 0.5;
	float: left;
}

.pro-active a:hover {
	opacity: 1;
}

.pro-active img {
	height: 30px;
	/* width: 30px; */
	margin: 0 auto;
	display: block;
}

.ppp {
	height: 25px !important;
	padding: 2.5px;
}

.pro-active p {
	font-size: 12px;
	line-height: 30px;
	letter-spacing: 0px;
	white-space: nowrap;
	color: whitesmoke;
}
/* box */
.pop_box {
	display: none;
	position: fixed;
	top: 50%;
	right: 0;
/* 	width: 60px; */
	margin-top: -100px;
	cursor: pointer;
	z-index: 5000;
}

.box_chat {
	background-color: #FFFFFF;
	
	filter: Alpha(opacity=60);
	border-radius: 0 10px 0px 0;
	box-shadow: 0 6px 26px 0 rgba(18, 18, 49, .2);
}

.pop_box a {
	display: block;
	position: relative;
	height: 70px;
	/* color: #fff; */
	font-size: 13px;
	cursor: pointer;
	text-align: center;
	border-bottom: solid 1px #F5F2F0;
}

.box_chat span:hover {
	width: 42px;
	height: 42px;
}

.box_chat span {
	display: inline-block;
	width: 36px;
	height: 36px;
	display: -moz-inline-box;
	margin: 0px auto;
	/* color: #ffae27; */
	margin-top: 16px;
}

.pop-chat {
	background: url(../img/box-pop.png) no-repeat;
	background-size: contain;
		/*-ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/box-pop.png', sizingMethod='scale');
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/box-pop.png', sizingMethod='scale');
 */
	background: none\9;
}

.pop-weixin {
	background: url(../img/box-weixin.png) no-repeat;
	background-size: contain;
}

.pop-qq {
	background: url(../img/box-qq.png) no-repeat;
	background-size: contain;
}

.box-text {
	position: absolute;
	bottom: 65px;
	font-size: 14px;
	margin-left: 8px;
	color: #F7F7F7;
}
.pop_box img {
	/* width: 80px; */
	opacity: 0.8;
}
/* banner */
#banner {
	position: relative;
	height: 660px;
	margin: 0 0 60px;
	overflow: hidden;
}

#banner ul {
	position: relative;
	width: 100%;
	display: inline-block;
}
.index-banner .button-panel{
	width: 100%;
	z-index: 101; 
	position: absolute; 
	bottom: 180px;
}
.index-banner img {
	margin: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	width: 100%;
	background-size: cover;
}

.index-banner ul li {
	position: absolute;
	width: 2000px;
	overflow: hidden;
	left: 50%;
	margin-left: -1000px;
	top: 0px;
	height: 660px;

}

.index-banner-text {
	width: 100%;
	position: absolute;
	color: #EEEEEE;
	top: 100px;
}

.contain {
	min-width: 0;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	margin-bottom: 40px;
	margin-top: 10px;
}

.index-banner-text p {

	margin-top: 40px;
	width: 570px;
}

.text1 {
	font-size: 40px;
	line-height: 60px!important;
	height: 60px;
	margin: 30px 0px;
}

.text2 {
	font-size: 24px;
}

.text3 {
	font-size: 20px;
	margin-bottom: 40px;
}

.control-line {
	bottom: 120px;
	width: 100%;
	position: absolute;
	text-align: center;
	margin: 0;
	padding: 0;
	list-style: none;
	z-index: 2;
}

.control-line li {
	margin: 0 10px;
	display: inline-block;
}

.control-line li a {
	background: rgba(255, 255, 255, .4);
	width: 14px;
	height: 14px;
	display: block;
	cursor: pointer;
	text-indent: -9999px;
	border-radius: 20px;
}

a {
	color: #333;
	text-decoration: none;
}

.btn-banner {
	position: relative;
	/* left: 100px; */
}

.banner-btn {
	margin-right: 80px;
	color: #FFFFFF;
	background-color: #EE9900;
	box-shadow: 0 4px 20px 0 rgba(255, 128, 0, .4);
	cursor: pointer;
}

.ghost-btn {
	margin-right: 20px;
	color: #EE9900;
	border: 2px solid #EE9900 !important;
	height: 46px;
	padding: 0 24px;
	line-height: 48px;
}
.ghost-btn:hover{
	background-color: #F0F0F0;
}
.btn {
	display: inline-block;
	min-width: 98px;
	height: 50px;
	line-height: 50px;
	border-radius: 2px;
	padding: 0 26px;
	cursor: pointer;
	user-select: none;
	border: none;
	outline: 0;
	text-align: center;
	text-decoration: none;
	font-size: 18px;
}
.login-btn{
	width:120px!important; margin-left: 35%!important;
}
/* 登陆 */
.login-contain {
	bottom: 200px !important;
}

.login-text {
	float: left;
	width: 40% !important;
	margin-top: 40px !important;
}

.login-form {
	width: 30%;
	top: 30%;
	float: right;
	position: absolute;
	left: 50% !important;
	padding: 40px 30px !important;
	background-color: rgba(247, 248, 250, 0.1);
	font-style: inherit;

}

.lable {
	color: #F5F5F5;
	float: right;
	margin-top: 30px;
}

.login2 {
	display: inline-block;
	width: 100%;
	text-align: center;
	vertical-align: middle;
	margin: 0px auto;
	font-style: inherit;
	position: absolute;
	top: 20%;
}

/* 其他banner */
.pro-banner {
	position: relative;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 400px;
	margin: 0 0 60px 0;
	width: 100%;
	overflow: hidden;
}
.content-banner{
	height: 240px !important;
	margin: 0 0 40px 0 !important;
}
.downbg{
	background-image: url(../img/products-banner.png);
}
.casebg{
	background-image: url(../img/case-banner.png);
}
.helpbg{	background-image: url(../img/service-banner.png);}
.aboutbg{
	background-image: url(../img/products1-banner.png);
}
.probg{
	background-image: url(../img/products-banner.png);
}
.banner-bg{
	width: 100%;
	position: absolute;
	height: 400px;
}
.banner-bg .leftbg{
	background-color: rgb(19, 39, 115);
	width: 50%;
	height: 100%;
	float: left;
}
.banner-bg .rightbg{
	background-color: rgb(9, 17, 53);
	width: 50%;
	height: 100%;
	float: right;
}
.pro-bgc .leftbg{
	background-color: rgb(9, 17, 53);
}
.pro-bgc .rightbg{
	background-color: rgb(19, 39, 115);
}

.pro-banner1 {
	position: relative;
	background-image: url(../img/products1-banner.png);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 500px;
	margin: 0 0 100px 0;
	width: 100%;
}
.pro-banner-case {
	background-image: url(../img/case-banner.png);
}
.pro-banner-service {
	background-image: url(../img/service-banner.png);
}

.pro-banner-box {
	position: absolute;
	width: 1500px;
	overflow: hidden;
	left: 50%;
	margin-left: -750px;
	top: 0px;
	height: 400px;
}
.pro-banner-left {
	width: 50%;
	position: absolute;
	top: 16%;
	overflow: hidden;
	margin: auto;
	z-index: 2;
}

.pro-banner-left p {
	display: block;
	color: #EEEEEE;
}
.banner-text{
	font-size: 18px;line-height: 40px;
	font-weight: 300;
}
.text2{
	line-height: 40px;
}
.pro-banner-text {
	/* width: 500px; */
}

.pro-banner img {
	margin: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	width: 100%;
	background-size: cover;
}

.index-compose-text {
	position: absolute;
	left: 0px;
	top: 0;
	right: 0px;
	bottom: 0;
	margin: 0 auto;
	height: 350px;
	min-width:950px!important;
	overflow: hidden;
}

.index-compose-text p {
	font-size: 16px;
	color: #fff;
	margin-bottom: 5px;
	text-align: left;
}

.compose-text-pop {
	background: url(img/compose1.1-img.png) no-repeat;
	margin-left: 80px;
	padding-top: 40px;
	padding-left: 47px;
	height: 200px;
	width: 10%;
	float: left;
}
.compose-list {
	font-size: 80px;
	color: #fff;
	font-style: inherit;
	position: relative;
	padding-bottom: 15px;
	margin-bottom: 25px;
	text-align: left;
}
#particles-box {
	position: absolute;
	top: 0px;
	z-index: 100;
	width: 100%;
	height: 100%;
}
.compose-list span{
}
.container{
	margin-right: auto;
	margin-left: auto;
	width: 998px;
}

.index-intro {
	text-align: center;
}


.index-intro h1 {
	font-size: 30px;
	text-align: center;
	margin-bottom: 20px;
	margin-top: 40px;
	font-weight: 400;
	color: #383838;
}

.index-intro h2 {
	font-size: 20px;
	font-weight: 400;
	line-height: 1.8;
	margin-top: 20px;
	margin-bottom: 50px;
	color: rgba(18, 20, 28, 0.5);
	text-align: center;
}

/* 主页-在线客服功能 */
#main {
	overflow: hidden;
}

#purpose {
	text-align: center;
	color: #3c4b54;
	position: relative;
}

.pro-purpose {
	margin: auto;
	position: relative;
}

#purpose p {
	color: #707070;
	font-size: 18px;
}

#purpose ul {
	margin: 0 auto;
	margin-bottom: 40px;
	text-align: center;
	display: inline-block;
}
.purpose-u{
	width: 100%;
}
.purpose-u li {
	width: 20%;
	float: left;
	box-sizing: border-box;
	transition: top .2s ease-in-out;
	position: relative;

}

.purpose-u>li:hover {
	background-color: rgb(196, 224, 247, .8);
	top: -10px;
}

.purpose-p {
	padding: 30px 15px 30px;
	background-color: rgb(243, 249, 253);
	margin: 10px;
	box-shadow: 0 2px 6px 0 rgba(18, 18, 49, .1);
 	border-radius: 1px;
}

.purpose-p i {
	font-size: 48px;
	color: #ffae27;

}

.purpose-p p {
	font-size: 18px;
	display: block;
	color: #999999;
	margin-top: 10px;
	margin-bottom: 10px;
}

/* 案例purpose */
#case{
	text-align: center;
	color: #3c4b54;
	margin-bottom: 60px;
	position: relative;
}
.case-purpose {
	background-image: url(../img/case-purpose%202.png);
	background-size: 70%;
	margin-top: 40px;

	position: relative;
	background-repeat: no-repeat;
	background-position-x: center;
}
.case-purp{overflow: hidden;position: relative;margin-top: 40px;}
.purpose-u img{
	margin-bottom: 20px;
	padding: 10px;
	width: 100%;
}
.case {
	margin-top: 60px;
	margin-bottom: 120px;

}

.case-product {
	margin-right: 10px !important;
	/* box-shadow:0px 0px 4px 0px rgba(18,18,49,.1)!important; */
}
.case-pur h1{
	margin-top: 60px!important;
}
 .case-pur h2{
	 font-size: 18px;
	 color: rgba(18, 20, 28, 0.5);
	 font-weight: 400;
	     line-height: 1.8;
		 margin-bottom: 20px;
 }
.case-purp-co{
	overflow: hidden;position: relative;margin-top: 40px;background-color: rgb(196, 224, 247, .2);
}
.case-text{
	margin: 0 auto;
	/* width: fit-content!important; */
}
.case-img img{
	margin-bottom: 40px;
}
#case3 img{
	margin-bottom: 60px;
}
#case4 img{
	margin-bottom: 40px;
}
#case5 img{
	margin-bottom: 60px;
}
.case-text img{
	width: 100%;
}
.case-mobie{display: none;}

.demand-t-l {
	padding-top: 20px;
	box-shadow: 2px 6px 12px 0 rgba(123, 154, 173, .8);
	margin-right: 5%;
	/* 	position: absolute; */
	border-radius: 50%;
	width: 100px;
	height: 80px;
	font-size: 18px;

	text-align: center;
	color: #6b6969;
	display: inline-block;
}

.demand-t-r {
	padding-top: 20px;
	box-shadow: 2px 6px 12px 0 rgba(123, 154, 173, .8);
	margin-left: 5%;
	/* position: absolute; */
	border-radius: 50%;
	width: 100px;
	height: 80px;
	font-size: 18px;
	/* 	right:20%; */
	text-align: center;
	color: #6b6969;
	display: inline-block;
}

.demand-t-l i,
.demand-t-r i {
	font-size: 28px;
	color: #ffae27;

}

.demand-t-r i {
	line-height: 32px;
	font-size: 26px;

}

#case-purpose-r1 {
	width: 80% !important;

}

#case-purpose-r1 li {
	width: 100% !important;
	padding-top: 10px !important;

}

#case-purpose-r1 p {
	float: left;
	text-align: left;
	width: 72%;
	color: #6b6969;
}

#case-purpose-r1 i {
	font-size: 40px;
	color: #ffae27;
	float: left;
	/* 	padding-top: 20px; */
	margin: 10px;
}

.case li {
	width: 50% !important;

	padding-left: 0 !important;
	padding-right: 0 !important;
	padding-top: 0 !important;
}

.case-p2 {
	margin-top: 120px;
}

.caselogo {
	/* background-color: rgba(35, 43, 108, 0.6); */
	padding: 60px 0;

	margin: 0 auto;
}

/* 关于我们 */
.ours-flow {
	margin-bottom: 40px;
	margin-top: 10px;
}

.ours-fl {
	width: 33.3333%;
	float: left;
	/* margin: 10px; */
}
.ours-fl p{
	color: rgba(18, 20, 28, 0.5)!important;
	font-size: 16px!important;text-align:left;margin: 20px;line-height: 30px;
	 background-color:rgb(196, 224, 247, .2);padding: 20px;min-height: 200px;
}
.ours-flow li {
	position: ;
}

.ours-flow img {
	width: 200px;
}

.ours-pur ul {
	margin-bottom: 0px !important;
}

.ours-pur-left {
	height: 450px;
	margin: 0 auto;
	/* width:/* 640px */

	position: relative;
	margin-bottom: 80px;

}

.ours-compose {	
	margin-top: 80px;width: 100%!important;margin-left: 0;
	background-image:url(../img/ours-purpose16.png);
	background-size: 100% 100%;background-repeat: no-repeat;
	background-position: center;
}

.ours-compa {
position: relative;
	padding: 10px 0px;
	background-color: rgba(247, 248, 250, 0.1);
	height: 450px;
}

.ours-compa h1 {
	font-size: 24px !important;
	height: 60px;
	text-align: center;
	line-height: 50px;
	padding-left: 15px;
	color: #fba100 !important;
	margin-top: 20px !important;
}
.ours-comp{

}
.ours-compa-p{
	float: left;
		width: 50%;
}
.ours-compa p{
	color: #EEEEEE;font-size: 14px;text-align: left;line-height: 30px;margin-block-start: 0;
	text-indent: 30px;padding: 0 10px 20px 10px;width: 55%;float: right;
}


.ours-pur-left img {
	/* width: 160px !important; */
	margin-top: 0 !important;
	/* height: 120px; */
	width: 40%;
}


.ours-credent {
	position: relative;
	margin: 0 auto;
}
.ours-credent h1{
	    text-align: center;
	    margin-bottom: 20px;
	    margin-top: 20px;
	    font-size: 26px;
	    color: #EE9900;
	    font-weight: 400;
}
.ours-cre-left {

	margin: 0 auto;
	width:
		/* 640px */
		80%;

	position: relative;
	margin-bottom: 80px;

}

.cre-left {
	float: left;
	width: 40%;
	margin-top: 100px;
}

.cre-left img {
	width: 90% !important;
}

.cre-right ul {
	position: relative;
	width: 100%;
}

.cre-right img {
	width: 100%;
}

.cre-right ul li {
	float: left;
	width: 18%;
	margin-top: 0px;
	margin-bottom: 20px;
	text-align: center;
	padding-top: 20px;
	margin-left: 50px;
	position: relative;

}

.ours-cre-left h1 {
	font-size: 24px !important;
	height: 50px;
	text-align: center;
	line-height: 50px;

	color: #fba100 !important;
	margin-top: 0 !important;
}

.cre-right {
	width: 60%;
	float: right;
	margin-top: 10px;
	text-align: center;
}

.work-grids {
	margin: 5em 0 0 0;
}

.work-grid-left {
	vertical-align: middle;
	text-align: center;
	/* padding: 7.52em 2em; */
	background: #87accc7a;
	height: auto;
}

.col-md-4 {}

.work-grids-top {
	width: 100%;
	position: relative;
}

.work-grid-left h5 {
	color: #2a292b;
	font-size: 2em;
	margin: 0;
	text-transform: capitalize;
	margin-block-start: 1.67em;
	margin-block-end: 1.67em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	display: block;
}

.work-grid-left {
	vertical-align: middle;
	text-align: center;
	width: 20% !important;
	float: left;
	position: relative;
	min-height: 1px;
	max-height: 286px;
}

.work-grid-left p {
	color: #FFFFFF;
	font-size: 1em;
	margin: .68em 0;
	line-height: 1.8em;
	padding: 0 1em;
}

.work-grid-left a {
	margin-top: 1em;
	display: inline-block;
	/* padding: .35em 1.8em; */
	font-weight: 700;
	font-size: 1em;
	line-height: 2em;
	text-transform: uppercase;
	color: #87CCC3;
	text-decoration: none;
	-webkit-border-radius: 30px;
	-o-border-radius: 30px;
	-ms-border-radius: 30px;
	-moz-border-radius: 30px;
	background-color: #fff;
}

.work-grid-middle {
	/*  padding: 10px; */
	width: 20% !important;
	background-color: whitesmoke;
}

.work-grid-middle img {
	width: 100%;
	/* margin: 40px 0; */
}



/* 服务中心 */
.service-flow img {
	width: 100%;
}

.service-flow a {
	display: block;
	margin: 10px auto;
	width: 128px; 
	text-align: center;
}

.service-flow {
	position: relative;
	padding: 80px 160px 80px 160px;
}
.service-pur {
	overflow: hidden;
	margin: auto 0;
	position: relative;
}
.service-left{
	width:200px;
	float: left;
	position: absolute;
}
.service-right {
	float: left; 
	display: inherit!important;
	margin-bottom: 40px;
	padding: 0 10px;
	padding-left: 200px;
}
#help-menu{
	top:80px;
	width: 180px;
}
.service-help{
	width: 100%;
	height: 40px;
	margin-bottom: 20px;
}

.left-box{
	width: 100%;
	display: inherit!important;
}
.left-box li.on {
    background:  #EE9900;;
    border: 1px solid  #EE9900;
}
.left-box li {
    margin-bottom: 8px;
    width: 100%;
    height: 45px;
    line-height: 42px;
    font-size: 15px;
	  
}

.left-box li.on a {
    color: #fff;
}
.left-box li a {
    color: #3D3D3D;
    display: block;
    width: 100%;
    text-align: center;
}

.service-pur-right {
	float: right; 
	overflow: hidden;
	width: 18%;
}

.r-list {
	margin: 10px 0 20px;
	
}

.l-list {
	background-color: rgb(251 251 253 / 60%);
	box-shadow: 0 6px 26px 0 rgba(95, 100, 100, .1);
}

.l-list h1 {
	font-size: 18px !important;
	height: 50px;
	background-color: #5f71cb;
	line-height: 50px;
	padding-left: 15px;
	color: #F5F2F0 !important;
	margin-top: 0 !important;
}

.service-pur-right h1 {
	font-size: 18px !important;
	height: 50px;
	background-color: #62b1f1;
	line-height: 50px;
	padding-left: 15px;
	color: whitesmoke !important;
	margin-top: 0 !important;
}

.o1 i {
	font-size: 60px;
	color: #B3D4FC;
}

.o2 i {
	font-size: 50px;
	color: #eab186;
}

.o3 i {
	font-size: 45px;
	color: #eab186;
}
.fastgo{
	position: ;
	width: 100%;
}
.fastgo i:hover {
	color: #5f71cb;
}

.l-list{
	position: relative;
}
.l-list ul {
	margin-left: 0 !important;
}

.l-list li {
	float: left;
	width: 50% !important;
}

.l-list a {
	display: inline-block;
	width: 60px;
	text-align: center;
}

.l-list p {
	width: 60px;
	height: 60px;
	margin: 0 auto 10px;
}

.fastgo span {
	font-size: 14px;
	color: #4391ce;
	line-height: 24px;
}

a.more {
	position: ;
	left: 10%;
	font-size: 13px;
	color:  rgba(18, 20, 28, 0.5);
}

.qeslist a {
	color: rgba(18, 20, 28, 0.5);
	display: block;
	padding: 9.3px 10px 0px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size: 15px;
	text-align: left;
}

.qeslist a:hover {
	text-decoration: underline;
}

.search-box{
	    height: 180px;
	    padding-top: 65px;
	}
	
.search-box .text1{
	color: #EEEEEE;
	text-align: center;
}
.form-help {
    width: 790px;
    position: relative;
    margin: 0px auto;}

.search-box .form-help form {
    width: 790px;
    height: 50px;
    margin: 50px auto 0px auto;
    line-height: 50px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    font-size: 16px;
    background: #FFF;}
	
.button-help {
    width: 50px;
    height: 50px;
    cursor: pointer;
    float: right;
	font-size: 40px;
	color: #696969;
}
	
	
.search-box .text-help {
	    height: 40px;
	    width: 680px;
	    line-height: 40px;
	    margin: 5px;
	    font-size: 18px;
	    color: #8C8A8B;
	    font-family: Arial,Helvetica,sans-serif;
	    text-indent: 0.5em;
	    float: left;
	}
/*  */

/* 产品页-功能阐述 */
#purpose h1 {
	text-align: center;
	margin-bottom: 20px;
	margin-top: 20px;
	font-size: 26px;
	color: #383838;
	font-weight: 400;

}

.product-u li {
	width: 25%;
	float: left;
	min-height: 1px;
	position: relative;
	padding-top: 60px;
}

.p2 {
	padding-top: 120px !important;
}

.p4 {
	padding-top: 0px !important;
}

.product-p {
	padding: 10px 15px 20px;
	box-shadow: 0 6px 26px 0 rgba(84, 142, 201, .2);
	border-radius: 2px;
	margin: 10px;
	background-color: #fbf7f7;

}

.product-p-p1 {
	background-color: rgba(245, 245, 245, .1);
	padding: 5px;
}

.product-p-p1 img {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	position: ;
}

.product-p-p1 p {
	text-align: left;
	margin-top: -30px;
}

.product-p-c p {
	line-height: 24px;
	font-size: 15px !important;
	text-align: left;
	color: rgba(18, 20, 28, 0.5) !important;
	margin-bottom: 50px;
}

.product-item{
	overflow-x: hidden;
	min-height: 217px;
	width: 100%; 
	padding-bottom: 100px;
	padding-top: 1px;
	margin: 0 auto;
	background-color: rgb(196, 224, 247, .2);
}

.product-item h1{
	color: #383838;
	font-size: 26px;
}
.product-item h3{
	font-size: 20px;
	font-weight: 400;
	line-height: 1.8;
	margin-bottom: 20px;
	color: rgba(18, 20, 28, 0.8);
	text-align: center;
}
 
.pro-item-title{
	margin: 60px auto 0;
	padding: 0;
   /* width: 960px; */
	height: 42px;
	border-bottom: 1px solid #edf1f5;
}

.pro-item-title li{
	font-size: 18px;
	height: 42px;
	width: 14.28%;
	line-height: 42px;
	text-align: center;
	cursor: pointer;
	transition: background-color .2s linear,color .2s linear;
	float: left;
	color: rgba(18, 20, 28, 0.5);
}
.pro-item-title li.active{background-color: #EE9900;
    border-radius: 2px 2px 0 0;
    color: #fff;
}

.pro-item-content{
	min-height: 500px;
	display: none;
}
.current{
	display: block;
}

.item-content-inner{
	margin: auto;
	padding-top: 60px;
}
.text-item-title{
	float: left;
	width: 40%;
	min-height: 100px;
}

.image-item{
	float: right;
	width: 60%;
}
.image-item img{
	width: 100%;
}
.text-item p{
	text-align: left;
	color: rgba(18, 20, 28, 0.5);
}
.text-item h4{
	text-align: left;
	color: rgba(18, 20, 28, 0.5);
}
.text-item h4::before{
	content: " ";
	display: inline-block;
	height: 10px;
	width: 10px;
	margin-right: 10px;
	vertical-align: middle;
	background-color: #EE9900;
	border-radius: 50%;
	
}
.image-item1{
	width: 600px;
	display: inline-block;
}
/* 产品页vip-功能阐述 */
.pro-vip-purpose {
	margin-top: 40px;
	margin: auto;
	position: relative;
	/* width:100%; */
	margin-bottom: 80px;
}

.pro-vip-purpose h1 {
	margin-top: 99px;
	margin-bottom: 0;
	text-align: center;
	color: #545d69;
	font-weight: 400;
	font-size: 30px;
}

.pro-content-inner {
	width: 1000px;
	margin: 0 auto;
	padding-top: 40px;
}


.pro-vip-purpose ul {
	position: relative;
	width: 100%;
	text-align: center;
	display: inline-block;
}

.pro-vip-purpose-text {
	float: right;
	margin: 40px 0 0 0;
}

.vs-textdiv {
	width: 80% !important;
}

.free-text {
	width: 350px;
	-webkit-animation: rock 1s 0s ease-in-out 1;
}

@keyframes rock {
	0% {
		opacity: 0;
		transform: none;
	}

	60% {
		opacity: 1;
		transform: translate3d(25px, 0, 0);
	}

	75% {
		transform: translate3d(-10px, 0, 0);
	}

	90% {
		transform: translate3d(-5px, 0, 0);
	}

	100% {
		transform: ;
	}
}

h4 {
	margin-top: 0 !important;
}

.free-img {
	margin: 60px 0 0 100px;
	width: 500px;
	height: 370px;
}

.free-img-left {
	margin: 60px 80px 0 0;
	width: 500px;
	height: 370px;
}

.pro-vip-purpose-text-r {
	float: right;
	margin: 40px 0 0 20px;
}

.pro-vip-purpose li {
	float: left;
	min-height: 100px;
}

.pro-vip-pur-r {
	margin-left: 0px !important;
	margin-right: 20px;
}

.pro-vip-purpose img {
	width: 100%;
}

.pro-vip-purpose h4 {
	color: #4391ce;
	margin-top: 20px;
	text-align: center;
	font-size: 22px;
}

.pro-vip-purpose p {
	color: #7b7d82;
	font-size: 18px !important;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-left: 20px;
}
/* vs */
.vs1 {
	color: #a9acb6;
	margin-right: 10px;
}

.vs2 {
	color: #4391ce;
	margin-left: 10px;
}

.vs-text1 {
	background-image: url(../img/vs-purpose1.png);
	background-size: 90%;
	margin-top: 40px;
	position: relative;
	background-repeat: no-repeat;
	background-position-y: center;
	background-position-x: center;
}

.vs-text2 {
	background-image: url(../img/vs-purpose3.png);
	background-size: 90%;
	margin-top: 40px;
	position: relative;
	background-repeat: no-repeat;
	background-position-y: center;
	background-position-x: center;
}

.vs-text3 {
	background-image: url(../img/vs-purpose4.png);
	background-size: 90%;
	margin-top: 40px;
	position: relative;
	background-repeat: no-repeat;
	background-position-y: center;
	background-position-x: center;
}

.vs-text4 {
	background-image: url(../img/vs-purpose5.png);
	background-size: 90%;
	margin-top: 40px;
	position: relative;
	background-repeat: no-repeat;
	background-position-y: center;
	background-position-x: center;
}

.vs-purpose li {
	width: 100% !important;
}

.vs-purpose ul {
	margin-bottom: 0 !important;
}

.vs-textdiv {
	margin: 80px 20px 80px 100px !important;
	float: left !important;
}

.vs-textdiv img {
	width: 90% !important;
}

.vs-icon img {
	width: 100%;
}

.vs-icon {
	width: 50px;
	margin: 0 auto;
}

.down {
	margin: 0 auto;
	height: auto;
	overflow: hidden;
	padding-bottom: 40px;
}

.case-d {
	margin-bottom: 0 !important;
}

.down-item {
	float: left;
	width: 22%;
	margin: 10px;
	margin-bottom: 20px;
	border: 1px solid #f0f1f2;
	border-radius: 6px;
	background: #fff;
}

.down i {
}

.down p {
	font-size: 12px;
	color: #3C4B54;
}

.top-down {
	width: 100%;
	height: 182px;
	border-radius: 6px 6px 0px 0px;
}
.top-down img{
	width: 100%;
	height: auto;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
}

.top-down-apple {
	background: url(../img/top-down-apple.png);
	background-size: 100% 100%;
}

.top-down-andro {
	background: url(../img/top-down-andro.png);
	background-size: 100% 100%;
}

.top-down-pc {
	background: url(../img/top-down-pc.png);
	background-size: 100% 100%;
}

.top-down-mac {
	background: url(../img/top-down-mac.png);
	background-size: 100% 100%;
}

.mid {
	
}
.mid p{
	font-size: 12px;
}

.mid h3 {
	font-size: 18px;
	color: #686868;
	margin: 36px 0px 14px 0px;
	text-align: center;
	font-weight: bold;
}
.down .info{
	font-size: 12px;
	color: #686868;
}
.bottom {
	width: 100%;
	text-align: center;
	height: 80px;
}

.down-btn {
	display: inline-block;
	text-align: center;
	width: 80%;
	height: 45px;
	color: #fff;
	font-size: 16px;
	line-height: 45px;
	margin-bottom: 20px;
	margin-top: 20px;
	border-radius: 4px;
	background-color: #f0a55c;
}
.down-btn:hover{
	background-color: #dc7b1d;
}
.win_down-btn {
	display: inline-block;
	text-align: center;
	width: 100px;
	height: 45px;
	color: #fff;
	font-size: 16px;
	line-height: 45px;
	border-radius: 4px;
	background-color: #007BDB;
}
.win_down-btn:hover{
	background-color:#2771ab;
}
.win_bottom .down-btn{
	width: 45%;
	margin-bottom: 20px;
	margin-top: 20px;
}
.win_bottom .win_down-btn{
	width: 45%;
	margin-bottom: 20px;
	margin-top: 20px;
}
.down-icon span {
	display: inline-block;
	font-size: 24px;
	margin-right: 0.1rem;
	margin-bottom: 2px;
	vertical-align: middle;
	color: #EEEEEE;
}

.down-icon {
	display: inline-block;
	line-height: 20px;
	cursor: pointer;
	text-align: center;
	color: #fff;
	font-size: 16px;
	padding: 15px;
	-webkit-border-radius: 2.0rem;
	background-color: #333;
	width: 170px;
	-webkit-box-shadow: 0 0 0.1333rem rgba(51, 51, 51, 0.2);
}

.down-apple {
	padding-top: 50px;
}

.down-android {
	padding-top: 50px;
}

.down-android-but {
	padding: 20px 0;
	width: 100%;
}

.down-android-icon {
	display: inline-block;
	line-height: 20px;
	cursor: pointer;
	text-align: center;
	color: #fff;
	font-size: 16px;
	padding: 15px;
	-webkit-border-radius: 2.0rem;
	background-color: #74c043;
	width: 170px;
	-webkit-box-shadow: 0 0 0.1333rem rgba(51, 51, 51, 0.2);
}

.down-android-icon span {
	display: inline-block;
	font-size: 18px;
	margin-right: 0.1rem;
	margin-bottom: 2px;
	vertical-align: middle;
	color: #EEEEEE;
}

.down-pc {
	padding-top: 50px;
}

.down-pc-but {
	padding: 20px 0;
	width: 100%;
}

.down-pc-icon {
	display: inline-block;
	line-height: 20px;
	cursor: pointer;
	text-align: center;
	color: #fff;
	font-size: 16px;
	padding: 15px;
	-webkit-border-radius: 2.0rem;
	background-color: #4c76a5;
	width: 170px;
	-webkit-box-shadow: 0 0 0.1333rem rgba(51, 51, 51, 0.2);
}

.down-pc-icon span {
	display: inline-block;
	font-size: 18px;
	margin-right: 0.1rem;
	margin-bottom: 2px;
	vertical-align: middle;
	color: #EEEEEE;
}

.down-flow {
	width: 80%;
	position: relative;
	margin-bottom: 40px;
}
.code{
	position: relative;
}
.code a{
	font-size: 12px;
	color: #b1b1b1;
	display: inline-block;
	zoom: 1;
	line-height: 15px;
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -15px;
}
.code a:hover{
	 color: #f0a55c;
}
.code a:hover .code-android{
	display: block;
}
.code i{
	display: inline-block;
	zoom: 1;
	width: 15px;
	height: 15px;
	position: absolute;
	top: 0px;
	left: -20px;
}
.icon-2{
	background:url(../img/erweima.png) no-repeat center center;
	background-size: contain;
}
.code-android {
	height: 188px;
	width: 188px;
	background-color: #fff;
	display: inline-block;
	position: absolute;
	top: -202px;
	left: -80px;
	border: 1px solid #999;
	display: none;
	border-radius: 6px;
}    
.code-android img{
	width: 97%;
	height: 97%;
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -91px;
	margin-top: -91px;
}
/* compose */
#compose {
	padding: 20px 0 0 0;
	margin-top: 80px;
	position: relative;
	background-color: rgb(243, 249, 253);
	text-align: center;
}
.compose-iphone{
	display:none ;
}
.compose-img {
	position: relative;
	margin: auto;
	background-color: rgb(9, 7, 67);
	overflow: hidden;
}

.compose-img img {
	margin: auto;
	position: relative;
	list-style: none;
	display: block;
}
/* pop功能 */
#content {
	margin-top: 10px;
}

#content ul li {
	float: left;
	width: 25%;
	margin-bottom: 30px;
	text-align: center;
}

#content ul {
	position: relative;
	margin: 0 auto;
	display: block;
}

.clearfix:after {}

.clearfix {
	zoom: 1;
}
.menu-button{
	border: solid 1px #EE9900;
}
.menu-button a{
	margin: 0px 36px;color: #fff;
}

.content-pop {
	display: block;
	margin-left: 30px;
	margin-right: 30px;
	text-decoration: none;
	color: whitesmoke;
}

.content-img {
	width: 100%;
	background: rgb(196, 224, 247, .2);
	border-radius: 20px;
	-webkit-border-radius: 20px;
	overflow: hidden;
}

.content-img img {
	position: relative;
	list-style: none;
	width: 100%;
	vertical-align: middle;
}

.content-title {
	font-size: 18px;
	color: #707070;
	margin-top: 10px;
	font-weight: 400;
}

.content-pop p {
	color: rgba(18, 20, 28, 0.5);
	font-size: 14px;
	display: block;
	margin-top: 10px;
	text-align: left;
	font-weight: 400;
}

/* pop-show */
#pop-show {
	position: relative;
	margin-top: 30px;
}

.popshow-top img {
	width: 100%;
}

#show {
	padding: 20px 0 0 0;
	background-color: rgb(196, 224, 247, .2);
	margin-bottom: ;
	position: relative;
}

#show ul {
	position: relative;
	padding-bottom: 30px;
}
.credent-box img {
	width: 70%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	margin-bottom: 30px;
}

.linepop {
	bottom: 10px;
}

#charact ul {
	position: relative;
	width: 100%;
	display: inline-block;
	min-width: 1260px;
	overflow: hidden;
}

#charact ul li {
	float: left;
	width: 30%;
	margin-top: 40px;
	margin-bottom: 2.5rem;
	text-align: center;
	padding-top: 20px;
	margin-left: 30px;
	position: relative;

}

.charact-title {	
	color: whitesmoke;
	font-size: 26px;
	text-align: -webkit-center
}

.charact-text {
	position: absolute;
	top: 100px;
	padding: 20px 120px;
	text-align: -webkit-left;
}

.charact-text p {
	color: #CCCCCC;
	font-size: 16px;
	line-height: 24px;
}

.friend {
	list-style: none;
	padding: 0em 8em 3em 8em;
}

.col-md-4 {
	width: 33.333333%;
	float: left;
	position: relative;
	min-height: 1px;
}

.friend-img img {
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	box-shadow: 3px 3px 0px 0px rgb(92 110 175);
	-webkit-box-shadow: 3px 3px 0px 0px rgb(92 110 175);
	-o-box-shadow: 3px 3px 0px 0px rgb(92 110 175);
	-moz-box-shadow: 3px 3px 0px 0px rgb(92 110 175);
	width: 60%;
	margin: 0 auto;
	vertical-align: middle;
	display: block;
	max-width: 100%;
	height: auto;

}

.friend-desc {
	margin: 1.5em 0em 0em 0em;
}

.col-md-8 {
	float: left;
	width: 60%;
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

.friend-desc h3,
.friend-desc1 h3 {
	font-size: 1.5em;
	margin: 0em 0em 0.3em 0em;
	color: rgb(9 19 70 / 68%);
}

.friend-desc h4,
.friend-desc1 h4 {
	font-size: 1.3em;
	margin: 0.5em 0em 0.5em 0em;
	color: rgb(9 19 70 / 68%);
}

/* 主页-产品 */
#product {
	padding-bottom: 40px;
	margin-top:20px;
	box-sizing: border-box;
}

#product ul {
	margin: 0 auto;
	margin-top: 40px;
	overflow: hidden;
	position: relative;
}


#product ul li {
	float: left;
	width: 50%;
	position: relative;
	border-radius: 2px;
	overflow: hidden;
	margin-bottom: 30px;
}

.product-ul li {
	float: left;
	width: 36%;
	position: relative;
	box-shadow: 0 6px 26px 0 rgba(18, 18, 49, .1);
	border-radius: 2px;
	overflow: hidden;
	margin-bottom: 30px;
}

.pro-box {
	padding: 30px;
	background: rgb(196, 224, 247, .2);
	margin: 10px;
}

.pro-hot-re {
	position: absolute;
	right: 0;
	top: 0;
	width: 85px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	text-align: center;
	background-color: #ff6b53;
	border-radius: 0 2px 0 15px;
}

.product-ul img {
	width: 40px;
	float: left;
	margin-right: 10px;
}

.pro-title {
	line-height: 60px;
	font-size: 26px;
	text-align: -webkit-left;
}

#product p {
	color: rgba(18, 20, 28, 0.5);
	font-size: 16px;
	line-height: 28px;
	/* overflow: -webkit-paged-y; */
}
/* 产品页-产品 */
#pro-box {
	width: 100%;
	margin-bottom: 40px;
	min-width: 1260px;
	overflow: hidden;
}

.pro-product {
	margin: auto;
	width: 80%;
}

.pro-product-ul {
	position: relative;
	width: 100%;
	margin-left: 20px;
	margin-top: 20px;
	text-align: center;
	display: inline-block;
}

.pro-product-ul li {
	background-color: rgb(142 165 204);
	box-shadow: 0 6px 26px 0 rgba(84, 142, 201, .2);
}

.pro-product-left {
	float: left;
	margin: 30px;
	width: 55%;
	height: 280px;
	box-shadow: 0 6px 26px 0 rgba(52, 58, 77, .1);
	background-color: #FFFFFF;
	border-radius: 2px;
	margin-right: 20px;
	opacity: 0.9;
}

.left-pro {
	width: 30%;
	font-size: 14px;
}

.pro-left-title {
	height: 56px;
	line-height: 56px;
	color: #FFFFFF;
	font-size: 20px;
	margin: 0 0 0 30px;
	text-align: left;
	position: relative;
}

.pro-left-title img {
	display: inline-block;
	width: 30px;
	height: 40px;
	vertical-align: middle;

}

.right img {
	height: 30px;
	width: 33px;
}

.pro-product-left-1 {
	padding: 20px;
}

.right p {
	font-size: 14px;
	line-height: 26px !important;
}

.pro-product-left-1 p {
	padding: 0px;
	text-align: left;
	line-height: 30px;
	color: #EEEEEE;
}

.pro-product-ul-right {
	position: relative;
	width: 30%;
	margin-left: 30px;
	margin-bottom: 20px;
	margin-top: 40px;
	margin-right: 20px;
	text-align: center;
	display: inline-block;
}

.pro-product-right {
	margin: 30px;
	width: 100%;
	height: 280px;
	box-shadow: 0 6px 26px 0 rgba(52, 58, 77, .1);
	background-color: #FFFFFF;
	border-radius: 2px;
	opacity: 0.9;
}
.index-product{
	background-color:rgb(196, 224, 247, .2);
}
.index-flow {
	margin: 0 auto;
	max-width: 1260px;
	padding: 10px 0;
	position: relative;
}

.flow-title {
	text-align: center;
	
}

.flow-title h4 {
	font-size: 30px;
	text-align: center;
	margin-bottom: 20px;
	margin-top: 50px;
	font-weight: 400;
	color: #383838;
}

.case-logo{margin-bottom: 20px;}
/* 登陆banner */
.banner-land {
	width: 100%;
	position: relative;
	padding: 160px 0px;
	overflow: hidden;
}

.banner-land img {
	width: 100%;
}

.reg_form {
	width:420px;
	padding: 15px 10px;
	text-align: center;
	box-shadow: 0 0 10px 0 rgba(29, 29, 29, .15);
	border-radius: 3px;
	vertical-align: middle;
	margin: 10px auto;
	background-color: rgba(247, 248, 250, 0.1);
	font-style: inherit;
	position: absolute;
	top: 20%;
	right: 100px;
	border: #83838a 1px solid;

}
.sig-form{}
.sign-bottom{
	text-align: center;
	width: 100%;
	overflow: hidden;
}
.sign-bottom a{font-size: 14px;}

.signup-form{width: 100%;margin: 10px 0 auto;}

.index-form {
	top: 0% !important;
	width: 40% !important;
	left: 30% !important;
}

/* footer */
.footer-title{display: none;}
.register{
	display: none;
}
.footer-mobile{
	display: none;
}
#footer {
	height: 360px;
	background-color: rgb(1, 34, 98);
	background-image: url(../img/index-footer_07_07_07.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: 0px;
	position: relative;
}
#footer .bgimg {
	margin: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	width: 100%;
	background-size: cover;
}
#footer .weixin .qr{
	text-align: center;
} 
#footer .panel {
	position: absolute;
	top:0px;
	width: 100%;
}
#footer .cert{
	text-align: center;
}
#footer .cert img{
	width: 80px;
	height: auto;
	padding-right: 6px;
}
.foot-contain {
	height: 360px;
	width: 100%;
	z-index: 200;
	overflow: hidden;
	background-color: rgb(184 187 212 / 20%);
}
.foot-icon{
	font-size: 28px;
	vertical-align: -20%;
}
.copying {
    clear: both;
    height: 50px;
    text-align: center;
    margin: auto;
    float: none;
    line-height: 50px;
    color: #FFF;
}
.foot-contain-t {
	font-size: 16px;
	color: #9ea7b2;
	margin-top: 18px;
}
.foot-contain-left{
	margin-top: 60px!important;
}
.other {
	height: 300px;
	margin: 0 auto;
	filter: Alpha(Opacity=50);
	background-color: rgba(14, 61, 106, 0.8);
}

.certification {
	text-align: center;
	position: relative;
	-moz-user-select:none;
	user-select:none;
	padding-top: 40px;
}
.certification .box
{
	margin: 0 50px;
	margin-right: 60px;
	overflow: hidden;
	position: relative;
	height: 254px;
}
.certification .box ul
{
	width: 1602px;
}

.certification .box li
{
	width: 178px;
}

.certification .box ul img {
	width: auto;
	height: 220px;
}
.prev, .next {
    display: block;
    position: absolute;
    z-index: 600;
    top: 50%;
    margin-top: -25px;
    width: 50px;
    height: 50px;
    cursor: pointer;
}
.prev .iconfont, .next .iconfont{
	font-size: 40px;
	color:darkgrey;
}

.prev.over .iconfont, .next.over .iconfont{
	color:dimgrey;
}

.certification .prev{
	left: 8px;
	background-position: 0 0;
	z-index: 600;
	
}
.certification .next{
	right: 8px;
	background-position: 0 -100px;
	z-index: 600;
}
.certification li {

	float: left;
    text-align: center;
	width: 16.6667%;
	position: relative;
}

.certification span {
	color: rgba(18, 20, 28, 0.5);
	font-size: 14px;
	text-align: center;
	display: block;
	
}
.foot-left{width: 20%!important;}
.contain-left {
	float: left;
	width: 40%;
	margin-top: 60px;
}
.contain-left-r{
	width: 20%;
}
.contain-right {
	margin-top: 40px;
	text-align: center;

}
#footer h3 {
	color: #E9E9E9;
	font-size: 16px;
	text-transform: uppercase;
}

#footer ul {
	/* display: inline-block; */
	float: left;
}
#footer ul li {
	text-align: left;
}

.copyright {
	line-height: 26px;
	bottom: 0px;
	background-color: #2f3542;
	padding: 8px 0px;
	width: 100%;
	height: 100px;
}

.copyright p {
	color: #CCCCCC;
	font-size: 12px;
	text-align: center;
	line-height: 26px;
	height: 26px;
}
#footer a{
	color: #CCCCCC;
}
#footer a:hover{
	color: #EE9900;
	text-decoration: underline;
}
.copyright img{
	width: 14px;
}
.contain-right {
	width: 50%;
	color: #CCCCCC;
}
#footer .contact{
	margin-top: 40px;
}
#footer .contact .title{
	color: #ffffff;
	margin-left: 20px;
}
#footer .contact li{
	color: #CCCCCC;
	line-height: 30px;
	height: 30px;
}
#footer .logo{
	text-align: left;
}
#footer .weixin{
	width: 240px;
}
#footer .weixin img{
	width: 180px;
}
.right-text li{
	color: #CCCCCC;
	line-height: 24px;
}
.left-text {
	width: 50%;
}
.left-text li a{
	color: #CCCCCC;
	line-height: 40px;
}

.left-text img{
	width: 50%;
}
.foot-menu img{
	width: auto;
	padding-right: 10px;
	
}
.foot-menu-icon{
	float: left;
}

.foot-text {
	width: 50%;
	font-size: 16px;
	margin-top: 10px;
}
.foot-wx{
	width: 80%;
	font-size: 16px;
	margin-top: 10px;
}
.text-pro-title {
	color: #fff;
	margin-bottom: 15px;
}
.weixin .text-pro-title{
	text-align: center;
}
.foot-wx li {
	line-height: 36px;
	width: auto;
	color: #fff;
}
.foot-wx li a {
	color: #CCCCCC;
}
.foot-wx a {
	color: #CCCCCC;
}
.foot-text li {
	line-height: 36px;
	width: auto;
	color: #fff;
}
.foot-text li a {
	color: #CCCCCC;
}
.foot-text a {
	color: #CCCCCC;
}
.footer-menu li {
	width: 50%;
}

.right-text {
	margin-top: 20px;
}

.right-text a i {
	font-size: 20px;
	margin-right: 20px;
	color: #E9E9E9;
}

.contain-right p {
	color: #CCCCCC;
	font-size: 14px;
	margin-top: 10px;
}
/* 帮助中心弹屏 */
.fastgo-yc {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1000;
	width: 100%;
	height: 100%;
	background-color: #404040;
}

.yc-body {
	position: relative;
	top: 50%;
	width: 1024px;
	margin: -325px auto 0;
	background-color: #F8F8F8;
}

.yc-contain {
	position: absolute;
	top: 45%;
	margin: -280px auto 0;
}

.yc-contain,
.alist {
	width: 1024px;
	height: 560px;
}

.alist p {
	text-align: left;
	position: absolute;
	top: 10px;
	font-size: 24px;
	color: #666666;
}

.yc-title {
	left: 30px;
}

.list1 {
	width: 2048px;
	position: relative;
}

.skip {
	width: 1024px;
	height: 560px;
	display: inline-block;
	margin: 30px 10px 0px 10px;
	float: left;
	position: relative;
}

.alist img {
	width: 40%;
	position: absolute;
	margin: 0 auto;
}

.l-1-1img {
	top: 130px;
	left: 100px;
}

.l-1-1text {
	font-size: 15px !important;
}

.l-1-2img {
	top: 280px;
	left: 100px;
}

.choise {
	position: absolute;
	top: 640px;
	right: 30px;
}

.yc-close {
	cursor: pointer;
	width: 32px;
	right: 4px;
	top: 6px;
	height: 38px;
	position: absolute;
}
/* read me */
.container_box {
	border: 1px solid #eaeaea;
	margin: 0 auto;
	width: 80%;
}

.container_box.cell_layout .col_side {
	width: 17.5%;
	max-width: 208px;
}

.container_box.cell_layout .col_side,
.container_box.cell_layout .col_main {
	display: table-cell;
	vertical-align: top;
	word-wrap: break-word;
	word-break: break-all;
}

.col_main {
	background-color: #fff;
}

.side_l .col_side {
	border-right: 1px solid #f0f0f0;
}

.col_side,
.inner_side {
	min-height: 1px;
}

.col_side {
	background-color: #fff;
}

.menu_box {
	margin-bottom: 150px;
}

.menu.no_extra {
	border-top-width: 0;
	margin-top: 0px;
}

.menu {
	padding-bottom: 6px;
	border-top: 1px solid #e7e7eb;
}

.menu_title {
	margin-bottom: 0;
}

.menu_title {
	position: relative;
	padding: 0 15px 0;
	width: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	line-height: 34px;
	color: whitesmoke;
	background-color: #5f71cb;
}
.menu_item {
	line-height: 34px;
	font-size: 14px;
}

.menu_item a {
	display: block;
	padding: 0 0 0 63px;
	width: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	color: #222;
}

.container_box.cell_layout .col_main {
	width: 2200px;
	height: 650px;
	position: relative;
}

.notices_box {
	line-height: 40px;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	background-color: #fff;
	border-bottom: none;
}

.title_bar {
	padding: 0 20px;
	background-color: #f4f5f9;
	border: 1px solid #e7e7eb;
	line-height: 30px;
}

.title_bar h3 {
	font-size: 12px;
	font-weight: 400;
	font-style: normal;
}

.main_right {
	float: left;
	margin-left: 5px;
	padding-top: 10px;
	background-color: #FFFFFF;
}

.main_right::after {
	content: '';
	float: left;
	margin-left: 5px;
	padding-top: 10px;
	background-color: #FFFFFF;
	height: 650px;
	width: auto;
	display: inline-block;
	position: relative;
}
.qa_list .title{
	color: #EE9900;
	position: relative;
}
.qa_list .title .control{
	right: 10px;
	display: block;
	float: right;
	font-size: 20px;
}
.qa_list .content ul{
	margin-bottom:10px !important; 
}
.qa_list li {
	list-style: none;
	border-bottom: 1px solid #f0f1f2;
	line-height: 30px;
	padding: 10px 6px;
	text-align: left;
}
.qa_list .content {
	list-style: none;
	border-bottom: 0px solid #f0f1f2;
	line-height: 0px;
	padding: 0px 0px;
	text-align: left;
}
.qa_style {
	font-size: 14px;
	font-weight: bold;
	color: #2a83c7;
	font-size: 14px;
}
.qa_list li span{
	color: rgba(18, 20, 28, 0.5);
	font-size: 15px; 
}
.qa_list li a {
	text-decoration: none;
	color: #666666;
	font-size: 15px; 
}
.banner-clause{
	height: 280px!important;
	position: relative;
	background-image: url(../img/login3.png);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	margin: 0 0 0px 0;
	width: 100%;
	padding-top: 1px;
}
.main {
	margin-top: 10px;
    padding-bottom: 80px;
}
.main-cont{
	text-align: left;
	width: 825px;
	margin: 10px auto 0;
	border: 1px solid #d8d8d9;
	word-break: break-word;
	box-sizing: border-box;
	padding: 20px 45px 60px;
}
.clause-{
	box-shadow: 0 0 13px rgb(0 0 0 / 20%);
}
.main-title{
	font-size: 40px;
	color: #000;
}	
.banner-clause h1{
	text-align: center;
	color: #fff;
	font-weight: 400;
	font-size: 30px;
	margin-top: 80px;
	margin-bottom: 45px;
}
.clause-box{
	background-color:#fff;width: 160px;margin: 0 auto; text-align: center;height: 45px;
}
.clause-box :hover{
	font-size: 18px;
}
.clause-box a{
	color: #EE9900;line-height: 42px;
}
@media (min-width:820px) {
	.container {
		width: 820px;
		min-width: 0;
		margin: 0 auto;
	}
	#header #menu li{
		margin: 0px 10px;
	}
	.down-item {
	    width: 44%;
	    margin: 18px;
	}
	
}
@media (min-width:1024px) {
	.container {
		width: 994px;
		min-width: 0;
		margin: 0 auto;
	}
	#header #menu li{
		margin: 0px 20px;
	}
	.down-item {
	    width: 23%;
	    margin: 7px;
	}
	
	
}

@media (min-width:1200px) {
	.container {
		width: 994px;
		min-width: 0;
	}
	#header #menu li{
		margin: 0px 20px;
	}
}

@media (min-width:1440px) {
	.container{
		width: 1170px;
		min-width: 0;
	}
	#certPanel{
		width: 1170px;
	}
	#header #menu li{
		margin: 0px 20px;
	}
}

.line { 
	text-align:center; 
	font-size:12px; 
	padding:2px 0; 
	margin:10px auto 10px auto;
	border-radius:20px; 
	color:#7f7f7f;
}
.line-bg{
	height: 1px; width: 27px; margin-top: 2px; margin-bottom: 4px; background-color: #EE9900; display: inline-block;
}



.p_input{
	width:90%;
	height:26px;
	border:1px solid #c1c1c1;
	margin-left:3px; 
	background: transparent; 
	color: #ffffff;
	padding-left: 6px;
}
.form-title{
	color: #EE9900;
	text-align: left;
}
.login_form {
	width:380px;
	padding: 20px 10px;
	text-align: center;
	box-shadow: 0 0 10px 0 rgba(29, 29, 29, .15);
	border-radius: 3px;
	vertical-align: middle;
	margin: 10px auto;
	background-color: rgba(247, 248, 250, 0.1);
	font-style: inherit;
	position: absolute;
	top: 20%;
	right: 100px;
	color: #ffffff;
	border: #83838a 1px solid;

}

#loginTable ,#infoTable{
	padding-top: 20px;
}
.login_form td{
	height: 50px;
	text-align: left;
}

.p-button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.p-button:hover {
	text-decoration: none;
}
.p-button:active {
	position: relative;
	top: 1px;
}


/* orange */
.but_orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.but_orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.but_orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

.pop_warming{
	width: 100%;
	bottom: 15px;
	border-radius: 0px;
	margin-left: 0%;
	background-color: #fff5e6;
	color: #7d858e;
	z-index: 4000;
	text-align: left;
	filter:alpha(Opacity=100);
	-moz-opacity:1;
	opacity: 1;
	border-bottom: 1px solid #CCC;
	padding: 10px 0px;
}
.pop_warming_text{
	line-height: 32px;
	display: block;
	font-size: 18px;
}
.pop_warming_close{
	display: block;
	position: absolute;
	right: 10px;
	top: 10px;
	cursor: pointer;
}

.footWarming{
	height: 280px;
	width: 100%;
}
.fun_table{
	width:100%;
	background: #fff;
	border: 1px solid #e2e2e2;
	border-right: 0px;
	box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%);
	text-align:center;
	margin:60px 10px;
	color: #828588;
}
.fun_table .head td{
	background-color: #fafafa;
	height: 80px;
	color: #000000;
	text-align: center;
}
.fun_table td{
	line-height:26px;
	text-align:left;
	border-bottom:1px solid #e2e2e2;
	border-right:1px solid #e2e2e2;
	padding:5px;
}
.fun_table_td02{
	line-height:26px; 
	text-align:left;
	border-bottom:1px solid #e2e2e2;
	border-right:1px solid #e2e2e2;
	padding:5px;
	background-color:#f9fafb;
}
.fun_table .red{color:#FF0000;}