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;

}
.admin-contorl-panel {
	text-align: center;
	margin: 10px auto 10px auto;
	height: 10px;
	width: 200px;
}

.c-line {
	text-align: center;
	font-size: 12px;
	padding: 2px 0px;
	margin: 10px 4px 10px 4px;
	border-radius: 20px;
	background-color: #7f7f7f;
	width: 50px;
	float: left;
}

.c-line-active {
	background-color: #ee9901;
}

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.3');
	/* IE9 */
	src: url('iconfont/iconfont.eot?t=1581520665698&v=1.3#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('iconfont/iconfont.woff?v=1.3') format('woff'),
		url('iconfont/iconfont.woff?t=1581520665698&v=1.3') format('woff'),
		url('iconfont/iconfont.ttf?t=1581520665698&v=1.3') format('truetype'),
		/* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
		url('iconfont/iconfont.svg?t=1581520665698&v=1.3#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;
}

.menu-one {
	display: inline-block;
}

#header #menu li {
	float: left;
	margin: 0px 20px;
	font-size: 1rem;
	line-height: 40px;
	display: inline-block;
	overflow: hidden;
	cursor: pointer;
}

#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;
}


.pro-active a:hover {
	border-bottom: 0px !important;
}

#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: 68px;
	max-width: none;

	z-index: 999999;
	padding: 0px;
	box-sizing: border-box;
	background-color: rgb(18, 33, 78);

	-moz-opacity: 0.8;
	opacity: 0.8;
	/*  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: 6px;
	letter-spacing: 0px;
	white-space: nowrap;
	color: #F7C331;
}

/* 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: 560px;
	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: 100px;
}

.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;
}

.control-line .line-active a {
	background: rgba(255, 255, 255, .8);
}

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%;
}
.pro-banner.gao{height: 200px;}

.content-banner {
	height: 240px !important;
	margin: 0 0 40px 0 !important;
	overflow: hidden;
}

.downbg {
	background-image: url(../img/banner-index.jpg);
}

.casebg {
	background-image: url(../img/banner-case.jpg);
}

.helpbg {
	background-image: url(../img/banner-help.jpg);
}

.aboutbg {
	background-image: url(../img/banner-about.jpg);
}

.probg {
	background-image: url(../img/banner-products.jpg);
}

.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;
}

.index-intro p{	text-align:left;line-height:1.8;padding-bottom:30px;}

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

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

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

#purpose .main-cont {
	margin-bottom: 20px;
}

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


#purpose ul {
	margin: 0 auto;
	margin-bottom: 40px;
	text-align: center;
	display: inline-block;
}

.purpose-u {
	width: 100%;
	margin: 0 auto;
	margin-bottom: 40px;
	text-align: center;
	display: inline-block;
}

.purpose-u li {
	width: 16.667%;
	float: left;
	box-sizing: border-box;
	/* transition: top .2s ease-in-out; */
	position: relative;
	cursor: pointer;

}

.purpose-u>li:hover {
	background-color: transparent;
	top: -10px;
}

.purpose-p span {
	position: absolute;
}

.turnoff1 {
	display: none;
	height: 120px;
}
.turn1 {
	height: 120px;
}

.purpose-u>li:hover .turnoff1 {
	display: block;
}

.purpose-u>li:hover .turn1 {
	display: none;
}


.purpose-p {
	padding: 10px 5px 10px;
	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: 16px;
	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;

}


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

.pro-vip-purpose-text {
	float: left;
	margin: 80px 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: 20px 0 0 30px;
	width: 500px;
	/* 	height: 300px; */
	/* overflow: hidden; */
}

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

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

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

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

.pro-vip-purpose img {
	width: inherit;
	vertical-align: middle;
	/* float: right; */
}

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

.pro-vip-purpose p {
	color: #7b7d82;
	font-size: 16px !important;
	line-height: 28px;
	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;
}

.index-down {
	display: flex;

	height: auto;
	overflow: hidden;
	padding-bottom: 60px;
	padding-top: 40px;
	align-items: center;
	justify-content: space-between;
}

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

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

.indexdown-item {
	float: left;
	width: 22%;
	box-shadow: 4px 10px 20px 1px rgb(76 76 76 / 8%);
	/* padding:10px 20px ; */

	box-sizing: border-box;
	border-radius: 6px;


}

.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;
}

 .indexdown-top {
	height: auto;
}

.indexdown-top img {
	width: 100%;
	display: block;
	margin: 0 auto;
}

.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 {
	text-align: center;
}

.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;
	text-align: center;
}

.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.green{background-color: #1eb955;}

.win_down-btn:hover {
	background-color: #2771ab;
}

.win_down-btn.green:hover {
	background-color: #309153;
}

.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;
}
.pig_bottom .down-btn {
	width: 30%;
	margin-bottom: 20px;
	margin-top: 20px;
}

.pig_bottom .win_down-btn {
	width: 30%;
	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 {
	font: 400 13px 'Open Sans', sans-serif;
	text-align: left;
	padding-top: 35px;
	border-top: 1px solid #B4B4B4;
	position: relative;
	margin-bottom: 40px;
	line-height: 1.7;
	color: #666666
}

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

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

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


.carousel {
	margin: 0 auto;
	height: 520px;
	overflow: hidden;
	position: relative;
	text-align: center;
}
.carousel img{
	width: 100%;
}

#show ul {
	width: auto;
	list-style-type: none;
	padding: 0;
	margin: 0 auto;
	position: absolute;
	left: 0;
	top: 0;
	animation: lunbo 10s infinite;

}

.carousel ul li {
	float: left;
}

.carousel ul:after {
	content: '';
	display: block;
	clear: both;
}

.lunbo {
	-webkit-animation-name: lunbo;
	animation-name: lunbo;
}

@keyframes lunbo {
	0% {
		left: 0;
	}

	5% {
		left: 0;
	}

	23% {
		left: -1000px;
	}

	28% {
		left: -1000px;
	}

	46% {
		left: -1100px;
	}

	71% {
		left: -2100px;
	}

	76% {
		left: -2100px;
	}

	100% {
		left: -2800px;
	}
}


.credent-box img {

	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: 0px;
	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 1px 14px 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;

}

.animated::before {
	content: " ";
	display: table;
}

.animated::after {
	clear: both;
}

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

:after,
:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.purposeInUp {
	-webkit-animation-name: purposeInUp;
	animation-name: purposeInUp;
}

.zoomInUp {
	-webkit-animation-name: zoomInUp;
	animation-name: zoomInUp;
}

@keyframes zoomInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes purposeInUp {
	0% {
		background: white;
	}

	25% {
		background: lightyellow;
	}

	65% {
		background: black;
	}

	100% {
		background: #e74c3c;
	}
}

.turn1 {
	-webkit-animation-name: turn1;
	background: url(../img/lizi.png) no-repeat center/100% 100%;
	animation-name: turn1;
	transition: all 3s cubic-bezier(0.175, 0.885, 0.32, 1.075);
}

@keyframes turn1 {
	0% {
		transform: rotate3d(0, 0, 1, -200deg);
		opacity: 0;
	}

	100% {
		transform-origin: center;
		-webkit-transform: none;
		transform: none;
		opacity: 1;
	}
}

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

.purpose-play {
	width: 100%;
	height: 480px;
	position: relative;
	overflow: hidden;
}

.purpose-play-left {
	display: block;
	float: left;
	width: 40%;
	height: 460px;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.purpose-play-right {
	float: right;
	width: 60%;
	height: 460px;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	padding-top: 40px;
}

.purpose-play-right li img {
	width: 100%;
}

.purpose-play-left li {
	height: 90px;
	text-align: center;
	line-height: 76px;
	float: left;
	position: relative;
	letter-spacing: 1px;
	z-index: 1;
}

.purpose-play-left li div {
	float: left;
}

.icon-div {
	padding: 40px 0;
	line-height: 30px;
	/* text-align: left; */
	color: #666666;
	font-size: 14px;
}

.purpose-play-left .channel-this {
	box-sizing: border-box;

}

.icon-channel-play {
	font-size: 36px;
	height: 40px;
	line-height: 36px;
	display: inline-block;
	
}

.roll3 {
	-webkit-animation-name: roll3;
	animation-name: roll3;
	animation-duration: 20s;
	/* animation-timing-function: ease-out; */
	animation-delay: 1s;
	animation-iteration-count: infinite;
	visibility: visible;		
	position: relative;
}

@keyframes roll3 {
	0% {
		left: 400px;
	}

	10% {
		left: 0;
	}

	100% {
		left: 0;
	}
}

.roll1,
.roll2 {
	display: inline-block;
	width: auto;
	height: 40px;

	border-radius: 5px;
	padding: 0 20px;
	line-height: 36px;

}

.roll1 {
	background: whitesmoke;
	color: slategray;
}

.roll2 {
	background: #B3D4FC;
	color: white;
}

.ll-1 {
	-webkit-animation-name: ll-1;
	animation-name: ll-1;
}

.ll-2 {
	-webkit-animation-name: ll-2;
	animation-name: ll-2;
}

.ll-3 {
	-webkit-animation-name: ll-3;
	animation-name: ll-3;
}

@keyframes ll-1 {

	0% {
		top: 10px;
		opacity: 0
	}

	40% {
		top: -20px;
		opacity: 1
	}

	90% {
		top: -20px;
		opacity: 0
	}

	100% {
		top: 10px;
		opacity: 0
	}
}

@keyframes ll-2 {

	0% {
		top: 60px;
		opacity: 0
	}

	30% {
		top: 60px;
		opacity: 0
	}

	60% {
		top: 10px;
		opacity: 1
	}

	100% {
		top: 10px;
		opacity: 0
	}
}

@keyframes ll-3 {

	0% {
		top: 100px;
		opacity: 0
	}

	50% {
		top: 100px;
		opacity: 0
	}

	80% {
		top: 40px;
		opacity: 1
	}

	100% {
		top: 40px;
		opacity: 1
	}
}

.b-contact {
	background-color: rgb(196, 224, 247, .2);
	color: #fff;
	box-sizing: border-box;
	width: 100%;
	position: relative;
}
.b-download {
	padding-top: 10px;
}

.regist {
	background-color: #62657C;
	color: #666666;
}

.contact-row {
	position: relative;
}

.b-contact-title h5 {
	font: 700 11px 'Open Sans', sans-serif;
	padding: 3px 5px;
	text-transform: uppercase;
	margin: 10px 0 15px 0;
	display: inline-block;
}

.case-logo {
	margin-bottom: 20px;
}

.b-contact__form {
	text-align: center;
	padding: 10px 0 20px 0;
}

.b-contact__form p {
	color: white !important;
	line-height: 16px !important;
}

.contact-bu {
	background-color: #FFCD84;
	color: #666666;
	padding: 10px 40px;
	border-radius: 30px;
	width: 340px;
	margin: 0 auto;
	font: 400 13px 'Open Sans', sans-serif;
}

/* 登陆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;
}

.compose-show {

	margin-right: -15px;
	margin-left: -15px;

}

.compose-show::after {
	display: table;
	content: " ";
	clear: both;
}


.compose-showb {
	width: 33.33333333%;
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	float: left;
	display: table;
	box-sizing: border-box;
}

.compose-showb img {
	display: block;
	max-width: 100%;
	vertical-align: middle;

}

.compose-show-word {
	margin: 25px 0 10px 0;
	text-align: center;
}

.compose-showb p {
	font: 400 16px 'Open Sans', sans-serif;
	text-align: left;
	padding-top: 35px;
	border-top: 1px solid #B4B4B4;
	position: relative;
	margin-bottom: 40px;
	line-height: 1.7;
	color: #666666;
}

.compose-showb h2 {

	margin: 0 0 25px 0;
	font: 600 18px 'Open Sans', sans-serif;
	padding: 0 0 0 10px;
	text-align: left;
	border-left: 3px solid #f76d2b;
}

/* 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.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: 0px;
	position: relative;
}
#footer2 {
	height: 30px;
	background-color: rgb(1, 34, 98);
	margin-top: 0px;
	position: relative;
}

#footer .bgimg,#footer2 .bgimg {
	margin: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	width: 100%;
	background-size: cover;
}

#footer .weixin .qr {
	text-align: center;
}

#footer .panel,#footer2 .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;

}

.fa-user {
	cursor: pointer;
}

#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,#footer2 a {
	color: #CCCCCC;
}

#footer a:hover,#footer2 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;
}
.case-pur li{
	width: 20%;
}
.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;
		margin: 0 auto;
	}

	#header #menu li {
		margin: 0px 20px;
	}
}

@media (min-width:1440px) {
	.container {
		width: 1170px;
		min-width: 0;
		margin: 0 auto;
	}

	#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;
}


.online-tab {
	position: relative;
	width: 100%;
	bottom: -360px;

	justify-content: center;
}

.tab-pro-list {
	width: 520px;
	height: 80px;
	line-height: 80px;
	background: #fff;
	border: 1px solid #fafafa;
	box-shadow: 0 2px 8px 0 rgb(61 65 71 / 10%);
	border-radius: 100px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
}

.tab-pro-list li:first-child {
	margin-right: 50px;
	float: left;
	justify-content: center;

}

.tab-pro-list>li>a {
	display: inline-block;
	height: 100%;
	box-sizing: border-box;
	border-bottom: 3px solid transparent;
	font-size: 24px;
	color: #373d40;
}