.cter {
	position: absolute;
	left: 50%;
	top: 50%;
	max-width: 100%;
	max-height: 100%;
	width: auto !important;
	height: auto !important;
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
}
.flex1{
	flex:1;
}
/*新版-index*/
.product-logo-text {
	color: #5c5c5c;
}

.banner_bbc3 {
	background: url(../images/new/bbcbuilder/banner2.png) no-repeat center;
}

.focus {
	height: 100%;
	overflow: hidden;
	background: #ccc;
	position: relative;
}

.focus-z li {
	height: 100% !important;
}

.focus_m ul {
	width: 100%;
	height: 637px;
	overflow: hidden
}

.focus_m li {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	visibility: hidden;
}

.focus_m li.active {
	visibility: visible;
}

.focus_m li div.banner-module,
.banner-text {
	padding: 150px 0 0 14px;
}

.focus_m li div .h3 {
	margin-bottom: 32px;
	font-size: 44px;
	font-weight: 600;
}

.banner-text .h3 {
	font-size: 46px;
	margin-bottom: 26px;
	color: #fff;
}

.focus_m li div .h4,
.banner-text .h4 {
	font-size: 20px;
	line-height: 36px;
	color: #fff;
	font-weight: 400;
}

.focus_m li div .h4 p {
	font-size: 20px;
	line-height: 34px;
	letter-spacing: 1px;
	font-weight: 400;
	color: #fff;
}

.index-banner-des-text p {
	font-size: 16px;
	line-height: 30px;
	color: #fff;
}

.banner-span-lists span {
	position: relative;
	display: inline-block;
	padding-left: 10px;
	font-size: 20px;
	margin-right: 20px;
}

.banner-span-lists span:before {
	content: "";
	width: 5px;
	height: 5px;
	background: #fff;
	border-radius: 100%;
	position: absolute;
	left: 0;
	top: 14px;
}

.focus_m li div.banner-module,
.banner-text {
	position: relative;
	z-index: 2;
	opacity: 0;
	box-sizing: border-box;
	transition: all 1.3s;
	-moz-transition: all 1.3s;
	-webkit-transition: all 1.3s;
	-o-transition: all 1.3s;


}

.focus_m li div.banner-module {
	padding: 147px 0 0 14px;
}

.focus_m li:nth-child(3) .h3 {
	margin-bottom: 0;
}

.focus_m li:nth-child(3) div.banner-module {
	padding-top: 108px;
}

.focus_m li:nth-child(3) .h3 em {
	color: #3BB7FF;
}

.focus_m li:nth-child(5) div em {
	color: #2FC8FE;
}

.focus_m li:nth-child(5) div em {
	color: #F8E71C;
}

.focus_m li:nth-child(8) div em,
.focus_m li:nth-child(8) .h4 strong {
	color: #FF684D;
}

.focus_m li:nth-child(9) div em,
.focus_m li:nth-child(9) .h4 strong {
	color: #FF6465;
}

.focus_m li .h4 strong {
	font-weight: normal;
}

.focus_m li:nth-child(3) .banner-button {
	background: #FE6F69;
}

.focus_m li:nth-child(3) .banner-button {
	margin-top: 300px;
	background: #3BB7FF;
}

.focus_m li:nth-child(5) .banner-button {
	background: #17C5FF;
}

.focus_m li:nth-child(4) .banner-button {
	background: #FF503C;
}

.focus_m li:nth-child(5) .banner-button {
	background: #F8C71C;
}

.focus_m li:nth-child(8) .banner-button {
	background: #FF684D;
}

.focus_m li:nth-child(9) .banner-button {
	background: #FF6465;
}

.banner-text {
	padding: 110px 0 0 14px;
}

.focus_m li.active div.banner-module,
.banner-text.active {
	/* top: 0; */
	opacity: 1;
}

.focus_m li.active em.banner-img {
	/* bottom: 120px; */
	opacity: 1;
}

.focus_m li .img-box {
	display: inline-block;
	width: 100%;
	height: 637px;
	position: absolute;
	left: 0;
	top: 0;
}


.focus_m li:nth-child(1) {
	background: url(../images/new/index/banner-index0.png) no-repeat center;
	background-size: cover;
}
.focus_m li:nth-child(2) {
	background: url(../images/new/index/banner-index2.png) no-repeat center;
	background-size: cover;
}

.focus_m li:nth-child(3) {
	background: url(../images/new/index/banner-index2-2.png) no-repeat center;
	background-size: cover;
}

.focus_m li:nth-child(5) {
	background: url(../images/new/index/banner-index3-2.png) no-repeat center;
	background-size: cover;
}

.focus_m li:nth-child(4) {
	background: url(../images/new/index/banner-index20.png) no-repeat bottom;
	background-size: cover;
}

.focus_m li:nth-child(5) {
	background: url(../images/new/index/banner-index3-2.png) no-repeat center;
	background-size: cover;
}
.focus_m li:nth-child(6) {
	background: url(../images/new/index/banner-index21.png) no-repeat center;
	background-size: cover;
}
.focus_m li:nth-child(7) {
	background: url(../images/new/index/banner-index6.png) no-repeat center;
	background-size: cover;
}

.focus_m li:nth-child(8) {
	background: url(../images/new/index/banner-index7.png) no-repeat center;
	background-size: cover;
}

.focus_m li:nth-child(9) {
	background: url(../images/new/index/banner-index7.png) no-repeat center;
	background-size: cover;
}

.focus .banner-button {
	display: inline-block;
	margin-top: 90px;
	width: 126px;
	height: 46px;
	line-height: 46px;
	font-size: 20px;
	font-weight: lighter;
	color: #fff;
	text-align: center;
	border-radius: 4px;
}

.banner-inside .banner-button {
	display: inline-block;
	font-size: 14px;
	min-width: 138px;
	height: 40px;
	border: 1px solid #fff;
	text-align: center;
	line-height: 40px;
	margin-top: 50px;
	margin-left: 3px;
	color: #fff;
}



.focus_s {
	margin: 0 auto;
	text-align: center;
	position: absolute;
	bottom: 0;
	height: 50px;
	z-index: 2;
	left: 50%;
	margin-left: -588px;
}

.focus_s ul li {
	height: 50px;
	display: inline-block;
	z-index: 111
}

.focus_s li b {
	display: block;
	text-indent: -999em;
	background: rgba(0, 0, 0, 0.1);
	width: 44px;
	height: 4px;
	overflow: hidden;
	margin-top: 20px;
	margin-right: 10px;
	cursor: pointer;
}

.focus_s li.active b {
	background: #fff;
	opacity: 1;
	filter: alpha(opacity=100)
}

.index-banner-des-text .banner-text-li {
	margin-right: 30px;
}

.banner-text-language {
	padding-top: 118px !important;
}

.banner-text-language h4 {
	font-size: 32px;
	font-weight: lighter;
	color: #fff;
	line-height: 45px;
}

.banner-text-language h3 {
	margin-top: 11px;
	font-size: 36px;
	font-weight: lighter;
	color: #fff;
	line-height: 50px;
}

.banner-text-language div span {
	display: inline-block;
	margin: 27px 40px;
	vertical-align: top;
}

.banner-text-language div span em {
	display: block;
	margin-bottom: 13px;
	font-size: 40px;
	line-height: 56px;
}

.banner-text-language div span a {
	display: inline-block;
	width: 189px;
	height: 52px;
	line-height: 52px;
	font-size: 24px;
	font-weight: lighter;
	color: #FFF;
}

.banner-text-language div span:first-child em {
	color: #4EFFF8;
}

.banner-text-language div span:last-child em {
	color: #FFE258;
}

.banner-text-language div span:first-child a {
	background: linear-gradient(127deg, #05EBFC 0%, #1379E6 100%);
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
}

.banner-text-language div span:last-child a {
	background: linear-gradient(138deg, #F2A43D 0%, #FF7CA8 100%);
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
}

.module-bg {
	position: absolute;
	left: 0;
	bottom: -86px;
	width: 100%;
}

.module-bg img {
	width: 44px;
}

.module-bg-cont {
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.26);
}

.general-top li {
	/* width:24% !important; */
	width: auto !important;
	margin-right: 30px;
}

.general li {
	display: inline-block;
	width: 19%;
	text-align: center;
	padding: 47px 0;
	vertical-align: top;
}

.general li div {
	display: inline-block;
	vertical-align: top;
	padding-left: 8px;
	max-width: 221px;
}

.general li .iconfont {
	color: #7F959E;
	vertical-align: top;
}

.general li div b,
.general li div span {
	display: block;
	text-align: left;
}

.general li div b {
	margin-bottom: 6px;
	font-size: 18px;
	color: #383D41;
	font-weight: bold;
}

.general li div span {
	font-size: 14px;
	color: #7F959E;
}

.general-changes {
	display: inline-block;
	width: 100%;
	height: 180px;
	background: url('../images/new/index/data.png') no-repeat center;
	background-size: cover;
}

.general-bottom li {
	padding: 39px 0;
}

.general-changes li div b {
	font-size: 40px;
	color: #fff;
}

.general-changes li div span {
	font-size: 16px;
	color: #fff;
}

.general-changes li span {
	position: relative;
}

.general-changes li span:before {
	content: '';
	display: block;
	width: 30px;
	height: 2px;
	background: #fff;
	margin: 9px 0 15px;
}

.general-bottom li sup {
	margin-left: 6px;
	font-size: 24px;
	vertical-align: top;
}

.num-box i {
	display: inline-block;
	margin-top: 10px;
	margin-right: -4px;
	width: 28px;
	height: 36px;
	background: url('../images/new/index/num.png') no-repeat;
	transition: all 2.5s;
	opacity: 1;
	filter: alpha(opacity=100);
}

.num-box i.num-0 {
	background-position: 0 2px;
}

.num-box i.num-1 {
	background-position: 0 -41px;
}

.num-box i.num-2 {
	background-position: 0 -82px;
}

.num-box i.num-4 {
	background-position: 0 -166px;
}

.num-box i.num-5 {
	background-position: 0 -209px;
}

.num-box i.num-6 {
	background-position: 0 -253px;
}

.num-box i.num-7 {
	background-position: 0 -295px;
}

.num-box i.num-8 {
	background-position: 0 -380px;
}

.num-box i.active {
	background-position: 0 -660px;
	opacity: 0;
	filter: alpha(opacity=0);
}

.index-new-options li {
	position: relative;
	float: left;
	width: 240px;
	height: 330px;
}


.index-new-options li .options-top img {
	width: 100%;
}

.index-new-options li .options-top span {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
	display: inline-block;
	width: 100%;
	line-height: 48px;
	background: linear-gradient(136deg, rgba(53, 54, 55, 0.71) 0%, rgba(34, 34, 34, 0.89) 100%);
	font-size: 18px;
	color: #fff;
	text-align: center;
}

.index-new-options li .option-det {
	display: none;
	padding: 48px 25px;
	width: 100%;
	height: 100%;
	background: linear-gradient(320deg, rgba(26, 228, 242, 1) 0%, rgba(37, 125, 209, 1) 100%);
	box-sizing: border-box;
	text-align: center;
}

.index-new-options li .option-det h4,
.index-new-options li .option-det p {
	color: #fff;
}

.index-new-options li .option-det h4 {
	margin-bottom: 14px;
	font-size: 22px;
}

.index-new-options li .option-det p {
	font-size: 14px;
	line-height: 28px;
	text-align: left;
}

.index-new-options li .option-det .btn-more {
	display: inline-block;
	margin-top: 13px;
	width: 170px;
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	color: #42BDF2;
	background: #fff;

}

.index-new-options li:hover .options-top {
	display: none;
}

.index-new-options li:hover .option-det {
	display: inline-block;
}

.index-style-options {
	max-width: 100%;
	height: 538px;
	background: url('../images/new/index/module-bg.png') no-repeat center;
}

.index-style-options ul {
	padding-top: 120px;
}

.index-style-options ul li {
	position: relative;
	float: left;
	margin-top: 70px;
	width: 226px;
	height: 322px;
	background: #fff;
	border-left: 1px solid #DADADA;
	box-sizing: border-box;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s 0.12s;
}

.index-style-options h5 {
	height: 80px;
	line-height: 80px;
	background: #E5E9EA;
	text-align: center;
}

.index-style-options h5 .iconfont {
	font-size: 24px;
}

.index-style-options h5 span {
	font-size: 16px;
}

.index-style-options h5 .iconfont,
.index-style-options h5 span {
	display: inline-block;
	vertical-align: top;
	color: #383D41;
}

.index-style-options .style-content {
	padding: 32px 14px 10px;
}

.index-style-options .style-content p {
	font-size: 14px;
	color: #383D41;
	line-height: 28px;
}

.btn-see-more {
	opacity: 0;
	display: inline-block;
	position: absolute;
	left: 30px;
	bottom: 44px;
	width: 232px;
	height: 48px;
	line-height: 48px;
	border: 1px solid #42BDF2;
	box-sizing: border-box;
	font-size: 14px;
	color: #42BDF2;
	text-align: center;
}

.index-style-options ul li.active {
	margin-top: 7px;
	width: 296px;
	height: 395px;
	z-index: 10;
	box-shadow: 0px 0px 8px 0px rgba(28, 134, 179, 0.71);
}

.index-style-options ul li.active h5 span {
	font-size: 18px;
}

.index-style-options ul li.active .top {
	height: 100px;
	line-height: 100px;
	background: url('../images/new/index/module-top-bg.png') no-repeat center;
}

.index-style-options ul li.active i,
.index-style-options ul li.active span {
	color: #fff;
}

.index-style-options ul li.active .btn-see-more {
	opacity: 1;
}

.termials-ul li {
	float: left;
	margin-right: 7px;
	margin-bottom: 20px;
	width: 234px;
	height: 183px;
	background: #fff;
	border: 1px solid #DFDFDF;
	text-align: center;
	box-sizing: border-box;
}

.termials-ul li div {
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	width: 100%;
	height: 100%;
}

.termials-ul li:nth-child(5n) {
	margin-right: 0;
}

.termials-ul li img {
	height: 40px;
}

.termials-ul li h5 {
	margin-top: 10px;
	margin-bottom: 9px;
	font-size: 16px;
	color: #383D41;
}

.termials-ul li span {
	display: inline-block;
	width: 177px;
	font-size: 14px;
	color: #9B9B9B;
	text-align: left;
	line-height: 20px;
}

.termials-ul li p {
	display: none;
	margin-top: 20px;
}

.termials-ul li p a {
	display: inline-block;
	width: 96px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	border: 1px solid #42BDF2;
	text-align: center;
}

.termials-ul li p a:first-child {
	margin-right: 6px;
	color: #fff;
	background: #42BDF2;
}

.termials-ul li p a:last-child {
	color: #42BDF2;
	background: #fff;
}

.termials-ul li:hover {
	border-color: #42BDF2;
}

.termials-ul li:hover p {
	display: block;
}

.termials-ul li:hover img {
	display: none;
}

.important-module {
	padding-bottom: 32px;
	background: #F5F5F6;
}

.intr-module-tab li {
	position: relative;
	display: inline-block;
	margin: 0 9px;
	padding: 0 32px;
	height: 46px;
	line-height: 46px;
	border-radius: 29px;
	cursor: pointer;
}

.intr-module-tab li:after {
	display: none;
	content: "";
	border-width: 8px;
	border-style: solid;
	border-color: #42BDF2 transparent transparent transparent;
	position: absolute;
	bottom: -16px;
	left: 60px;
}

.intr-module-tab li em,
.intr-module-tab li i {
	color: #383D41;
}

.intr-module-tab li em {
	font-size: 18px;
}

.intr-module-tab li i {
	margin-right: 4px;
	font-size: 18px;
}

.intr-module-tab li.active {
	position: relative;
	background: #42BDF2;
}

.intr-module-tab li.active:after {
	display: inline-block;
}

.intr-module-tab li.active i,
.intr-module-tab li.active em {
	color: #fff;
}

.intr-module-cont ul {
	display: none;
}

.intr-module-cont ul.active {
	display: block;
}

.intr-module-ul li {
	position: relative;
	float: left;
	margin-top: 60px;
	width: 220px;
	height: 328px;
	background: #fff;
	border-right: 1px solid #ECECEC;
}

.intr-module-ul li .top {
	height: 84px;
	background: #E5E9EA;
	text-align: center;
}

.intr-module-ul li .top span {
	font-size: 16px;
	color: #383D41;
}

.intr-module-ul li .center {
	padding: 17px 14px 0;
}

.intr-module-ul li .center h5 {
	margin-bottom: 14px;
	font-size: 20px;
	color: #42BDF2;
}

.intr-module-ul li .center p em {
	position: relative;
	padding-left: 7px;
	margin-bottom: 14px;
	font-size: 12px;
	color: #383D41;
	line-height: 25px;
}

.intr-module-ul li .center p em:before {
	content: "";
	width: 3px;
	height: 3px;
	background: #808080;
	border-radius: 100%;
	position: absolute;
	left: 0;
	top: 11px;
}

.intr-module-ul li .top .iconfont {
	display: none;
}

.intr-module-ul li .top svg {
	margin-top: 10px;
	margin-bottom: 6px;
}

.intr-module-li-det {
	display: none;
}

.intr-module-li-preview {
	padding-top: 13px;
	padding-left: 30px;
}

.intr-module-li-preview p {
	margin-bottom: 25px;
}

.intr-module-li-preview span {
	position: relative;
	font-size: 14px;
	color: #808080;
}

.intr-module-li-preview span:before {
	content: "";
	width: 4px;
	height: 4px;
	background: #808080;
	position: absolute;
	left: -11px;
	top: 7px;
	border-radius: 100%;
}

.intr-module-ul li.active {
	margin-top: 42px;
	width: 312px;
	height: 375px;
	box-shadow: 0px 0px 11px 0px rgba(66, 189, 242, 0.7);
	border: 1px solid rgba(66, 189, 242, 1);
}

.intr-module-ul li.active .top {
	height: 107px;
	background: linear-gradient(119deg, rgba(5, 224, 252, 1) 0%, rgba(59, 143, 233, 1) 100%);

}

.intr-module-ul li.active .top span {
	color: #fff;
}

.intr-module-ul li.active .top svg {
	display: none;
}

.intr-module-ul li.active .top .iconfont {
	display: inline-block;
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 28px;
	color: #fff;
}

.intr-module-ul li.active .center {
	padding-top: 18px;
}

.intr-module-ul li.active .center .intr-module-li-preview {
	display: none;
}

.intr-module-ul li.active .intr-module-li-det {
	display: block;
}

.btn-p {
	margin-top: 24px;
}

.btn-p a {
	display: inline-block;
	margin: 0 5px;
	width: 120px;
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	text-align: center;
}

.btn-p a:first-child {
	background: #42BDF2;
	color: #fff;
}

.btn-p a:last-child {
	color: #42BDF2;
	border: 1px solid #42BDF2;
}

.conpany-introduce-face {
	position: relative;
	height: 100%;
	background: url(../images/new/index/yf-company.png) no-repeat center;
	background-size: cover;
}

.conpany-introduce-face .masks {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .48);
}

.conpany-introduce-face img {
	max-width: 100%;
}

.conpany-introduce-face .text {
	position: absolute;
	left: 0;
	top: 0;
	padding-top: 198px;
	width: 100%;
	height: 100%;
	box-sizing: border-box;

}

.conpany-introduce-face .text strong,
.conpany-introduce-face .text p {
	color: #fff;
}

.conpany-introduce-face .text strong {
	display: block;
	margin-bottom: 20px;
	font-size: 50px;
	font-weight: normal;
	line-height: 80px;
}

.conpany-introduce-face .text p {
	width: 793px;
	font-size: 16px;
	line-height: 32px;
	color: #ddd;
}

.btn-video-play {
	position: absolute;
	right: 100px;
	top: 80px;
	display: inline-block;
	width: 95px;
	height: 95px;
	background: url("../images/new/index/video-play.png") no-repeat center;
	background-size: contain;
	cursor: pointer;
}

.video-wrap {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 11;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .48);
}

.video-content {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 888px;
	height: 500px;
	z-index: 14;
	border-radius: 10px;
}

.video-box1 {
	margin: auto;
	width: 100%;
	height: 100%;
	z-index: 18;
	border-radius: 10px;
	overflow: hidden;
}

.video-box video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 10px;
	overflow: hidden;
}

.btn-close-player {
	display: inline-block;
	width: 60px;
	height: 60px;
	background: url(../images/new/index/close.png) no-repeat center;
	background-size: contain;
	position: absolute;
	right: -10px;
	top: -20px;
	z-index: 100;
	cursor: pointer;
}



.service-protections li {
	display: inline-block;
	width: 370px;
	height: 150px;
	border: 1px solid #d5d5d5;
	position: relative;
	margin: 0 12px 25px;
}

.service-protections li.active {
	border-color: #99e6f2;
	box-shadow: 0 0 6px #99e6f2;
}

.service-protections li.active div.overview {
	display: none;
}

.service-protections li.active div.detail {
	display: block;
}

.service-protections li .table {
	width: 100%;
	height: 100%;
	text-align: center;
}

.service-protections li h3 {
	display: inline-block;
	margin-left: 20px;
	font-size: 22px;
	vertical-align: middle;
}

.service-protections li div.detail {
	display: none;
	text-align: left;
	font-size: 16px;
	padding: 0 30px;
}

.coor-partner li {
	width: 178px;
	height: 80px;
	display: inline-block;
	margin: 8px;
}

.coor-partner li span {
	width: 100%;
	height: 100%;
	display: inline-block;
}

.ele-chose-nav div.ele-chose-item {
	float: left;
	width: 33.33%;
	cursor: pointer;
}

.ele-chose-nav .ele-chose-item.active .iconfont,
.ele-chose-nav .ele-chose-item.active h5 {
	color: #00c1de !important;
}

.ele-chose-drapdown h3 {
	font-size: 18px;
}

.indicator-triangle {
	position: absolute;
	bottom: 0;
	left: 190px;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 8px solid #f5f5f6;
	transition: left .3s linear;
}

.ele-chose-drapdown li {
	display: none;
	opacity: 0;
}

.ele-chose-drapdown li.active {
	display: block;
	opacity: 1;
}

.ele-chose-drapdown li div {
	float: left;
	width: 50%;
	padding-left: 100px;
	box-sizing: border-box;
	margin-bottom: 30px;
}

.ele-chose-drapdown li div p {
	margin-top: 5px;
}

.electric-business ul li {
	width: 400px;
	float: left;
}

.electric-business ul li h2 {
	font-size: 20px;
	background: url(../images/new/index/index-news-bg.png) left bottom no-repeat;
	line-height: 40px;
	margin-bottom: 15px;
}

.electric-business-module1 li a.img {
	display: block;
	width: 340px;
	height: 200px;
	overflow: hidden;
}

.electric-business ul li img {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.electric-business ul li .news-tit {
	display: inline-block;
	font-size: 16px;
	line-height: 46px;
	width: 340px;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden;
}

.electric-business ul li p {
	line-height: 22px;
	color: #8D8D8D;
	width: 340px;
	display: block;
}

.electric-business ul li a.more {
	font-size: 14px;
	color: #0A6DEE;
	float: right;
	margin-right: 60px;
}

.electric-business ul li:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.electric-business-module2 {
	margin-top: 40px;
}

.electric-business .module2-text {
	width: 300px;
	background: #fff;
	line-height: 22px;
	padding: 20px;
	height: 90px;
}

.electric-business .module2-text a {
	font-size: 16px;
	font-weight: bold;
	line-height: 30px;
	padding: 4px 0;
	width: 340px;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden;
	display: block;
	width: 300px;
}

.electric-business span {
	padding: 15px 0 0 20px;
	width: 320px;
	line-height: 22px;
	color: #8D8D8D;
	display: block;
}

.electric-business span a {
	color: #585858;
	font-size: 14px;
	line-height: 40px;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden;
	display: block;
}

.electric-business span a em {
	display: block;
	width: 4px;
	height: 4px;
	background: #666666;
	margin: 18px 5px;
	float: left;
}

.software-update {
	margin: 0 46px !important;
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.14);
}

.software-update li {
	position: relative;
	background: #fff;
}

.software-update li img {
	float: left;
	width: 368px;
	height: 268px;
}

.software-update li .software-update-news {
	padding: 58px 150px 26px 394px;
}

.software-update li .software-update-news span {
	display: block;
	margin-bottom: 34px;
	font-size: 18px;
	color: #373d41;
}

.software-update li .software-update-news p {
	font-size: 14px;
	color: #666;
	line-height: 24px;
}

.software-update em {
	position: absolute;
	right: 60px;
	top: 58px;
	text-align: center;
	font-size: 14px;
}

.software-update em i {
	font-size: 18px;
	font-weight: bold;
	font-style: normal;
}

.software-update-module .swiper-button-prev,
.software-update-module .swiper-button-next {
	background: none;
	width: 30px;
	height: 88px;
	background-color: #ddd;
	outline: none;
	z-index: 2;
}

.software-update-module .swiper-button-prev i.iconfont,
.software-update-module .swiper-button-next i.iconfont {
	font-size: 30px;
	color: #fff;
	line-height: 88px;
}

.software-update-module .swiper-button-prev {
	left: 0;
}

.software-update-module .swiper-button-next {
	right: 0;
}

.software-update-module .swiper-pagination {
	bottom: -20px !important;
}

.software-update-module .swiper-pagination span {
	margin: 0 4px;
}

.software-update-module .swiper-pagination span.swiper-pagination-bullet-active {
	background: #21bbe2;
}

.software-update-mes {
	margin-top: 50px;
}

.software-update-mes li {
	float: left;
	margin-right: 11px;
}

.software-update-mes li:hover em {
	background-color: #e45050;
}

.software-update-mes li:hover div {
	background-color: #4c4c4c;
}

.software-update-mes li:hover em,
.software-update-mes li:hover div span,
.software-update-mes li:hover div p {
	color: #fff;
}

.software-update-mes li:nth-child(3n) {
	margin-right: 0;
}

.software-update-mes em {
	float: left;
	vertical-align: top;
	font-size: 14px;
	width: 62px;
	height: 66px;
	line-height: 66px;
	background: #ddd;
	text-align: center;
}

.software-update-mes div {
	float: left;
	width: 330px;
	height: 170px;
	padding: 20px 30px;
	box-sizing: border-box;
	background: #fff;
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.14);
}

/*.software-update-mes em,.software-update-mes div{transition:all 1s;}*/
.software-update-mes div span {
	margin-bottom: 10px;
	font-size: 16px;
	color: #373d41;
}

.software-update-mes div p {
	font-size: 12px;
	color: #6c6b6a;
	line-height: 20px;
}

.index-activity-box {
	position: relative;
}

.index-activity-img {
	position: relative;
	display: inline-block;
	width: 320px;
	height: 440px;
}

.index-activity-teams {
	display: inline-block;
	margin-left: 5px !important;
	width: 875px;
	height: 440px;
	box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.16);
	background: #fff;
	box-sizing: border-box;
	vertical-align: top;
}

.index-activity-teams li.swiper-slide {
	padding: 49px 25px 0 !important;
	box-sizing: border-box;
}

.index-activity-teams .img-box {
	position: relative;
	display: inline-block;
	width: 216px;
	height: 216px;
}

.index-activity-teams-intro {
	display: inline-block;
	margin-left: 30px;
	width: 539px;
	vertical-align: top;
}

.index-activity-teams-intro h4 {
	margin-top: 6px;
	margin-bottom: 10px;
	font-size: 16px;
	color: #1AC8E2;
}

.index-activity-teams-intro p {
	font-size: 14px;
	color: #4A4A4A;
	line-height: 28px;
}

.index-activity-course {
	padding-top: 20px;
	border-top: 1px solid #E4E4E4;
}

.index-activity-course li {
	display: inline-block;
	width: 269px;
	height: 43px;
	line-height: 43px;
	text-align: center;
}

.index-activity-course li a {
	font-size: 16px;
	color: #fff;
}

.activity-course-zc {
	margin-right: 8px;
	background-image: linear-gradient(-119deg, #05E0FC 0%, #3B8FE9 96%);
}

.activity-course-yy {
	margin-right: 8px;
	background-image: linear-gradient(-131deg, #67B6FF 0%, #10D9FF 100%);
}

.activity-course-cz {
	background-image: linear-gradient(-134deg, #0DD3F9 0%, #00ECFF 100%);
}

.index-activity-content {
	height: 263px;
}

.index-activity-box .swiper-button-prev,
.index-activity-box .swiper-button-next {
	width: 29px;
	height: 85px;
	line-height: 85px;
	background: none;
	opacity: 0.41;
	background: #A7A7A7;
}

.index-activity-box .swiper-button-prev i,
.index-activity-box .swiper-button-next i {
	font-size: 30px;
	color: #fff;
}

.index-activity-box .swiper-button-prev {
	left: 325px;
}

.index-activity-box .swiper-button-next {
	right: 0px;
}

.index-activity-teams .swiper-pagination-bullet-active {
	background: #1AC8E2;
}

.index-activity-teams .swiper-pagination {
	bottom: 17px !important;
}

.right-top-more {
	display: inline-block;
	margin-top: -2px;
	vertical-align: top;
}

.index-services-items {
	margin-left: 1px;
}

.index-services-items li {
	float: left;
	padding: 0 40px;
	width: 399px;
	height: 220px;
	border: 0.5px solid #EDEDED;
	box-sizing: border-box;
	text-align: center;
	background: #fff;
}

.index-services-items li:hover {
	border-color: #1AC8E2;
	box-shadow: 0 0 9px 0 rgba(7, 98, 112, 0.49);
}

.index-services-items li:hover i.iconfont,
.index-services-items li:hover h4 {
	color: #1AC8E2;
}

.index-services-items li .iconfont {
	display: inline-block;
	margin-top: 32px;
	margin-bottom: 16px;
	font-size: 40px;
	color: #383D41;
}

.index-services-items li h4 {
	margin-bottom: 16px;
	font-size: 20px;
	font-weight: bold;
	color: #383D41;
}

.index-services-items li p {
	font-size: 14px;
	color: #666666;
	line-height: 24px;
	text-align: left;
}

/*新版-xinlingshou /b2c新零售*/

.banner_channel {
	background: url('../images/banner/banner_channel2.png') center 0 no-repeat #288cc0
}

.channel-features li {
	text-align: center;
	float: left;
	width: 294px;
	height: 360px;
	padding: 30px 50px;
	box-sizing: border-box;
	background: #f3f2f2;
}

.channel-features li .iconfont {
	font-size: 40px;
	margin-top: 30px;
	display: inline-block;
}

.channel-features li div {
	font-size: 20px;
	color: #3d95d1;
	margin-top: 30px;
	margin-bottom: 10px;
}

.channel-features li span {
	font-size: 16px;
	color: #363636;
	margin-bottom: 20px;
}

.channel-features li p {
	font-size: 14px;
	color: #616161;
	text-align: left;
	line-height: 30px;
}

.channel-fit-industry {
	height: 262px;
	overflow: hidden;
}

.channel-fit-industry li {
	float: left;
	width: 162px;
	height: 118px;
	position: relative;
	margin-right: 8px;
	margin-bottom: 25px;
	cursor: pointer;
}

.channel-fit-industry li:hover div {
	background: rgba(0, 0, 0, 0.2);
}

.channel-fit-industry li img {
	width: 100%;
	height: 100%;
}

.channel-fit-industry li div {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(68, 68, 68, 0.8);
	padding: 10px;
	box-sizing: border-box;
}

.channel-fit-industry li div span {
	display: inline-block;
	width: 100%;
	height: 100%;
	border: 1px dashed #bbb;
	color: #fff;
	line-height: 100px;
	text-align: center;
}

.channel-fit-industry li:nth-child(7n) {
	margin-right: 0;
}

.channel-news img {
	width: 530px;
	height: 300px;
	margin-right: 60px;
	background: rgba(0, 0, 0, 0.1);
}

.channel-news div {
	float: right;
	width: 600px;
}

.channel-news ul li {
	margin-bottom: 20px;
}

.channel-news ul li strong {
	width: 62px;
	height: 58px;
	float: left;
	border: 1px solid #3da0f3;
	color: #3da0f3;
	font-size: 12px;
	text-align: center;
}

.channel-news ul li i {
	font-size: 16px;
	display: block;
	margin-top: 8px;
}

.channel-news ul li div {
	margin-left: 25px;
	width: 500px;
	float: left;
}

.channel-news ul li div h4 {
	color: #1f1b1c;
	font-size: 16px;
	margin-bottom: 3px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.channel-news ul li div p {
	font-size: 14px;
	color: #7a7a7a;
}

.electric-business span a em {
	display: block;
	width: 4px;
	height: 4px;
	background: #666666;
	margin: 18px 5px;
	float: left;
}

.electric-business span a em {
	display: block;
	width: 4px;
	height: 4px;
	background: #666666;
	margin: 18px 5px;
	float: left;
}

.news-more {
	font-size: 14px;
	color: #3da0f3;
}

/* 新版-bbcbuilder */
/*	.banner_bbc1 {
		background: url('../images/new/bbcbuilder/banner1.png') no-repeat center;
	}*/
.banner_bbc1 .banner-img.active {
	bottom: -49px;
	opacity: 1;
}

/* .banner_bbc1 .banner-img {
	bottom: -90px;
	right: -10px;
	width: 404px;
	height: 320px;
	background: url(../images/new/bbcbuilder/banner3.png) no-repeat center;
	background-size: 100%;
}

.banner_bbc2 {
	background: url('../images/new/bbcbuilder/banner2.png') no-repeat center;
} */

/*	.banner_bbc3{
		background:none;
	}*/


.banner_bbc1 h4 strong,
.banner_bbc1 p strong {
	color: #e45050;
}

.banner_bbc1 h4 span,
.banner_bbc1 p em {
	color: #fff;
}

.banner_bbc1 h4 {
	margin-bottom: 32px;
	font-size: 36px;
}

.banner_bbc1 p em {
	font-size: 18px;
}

.banner_bbc1 p strong {
	font-size: 20px;
}

.banner_bbc3 strong {
	display: inline-block;
	margin-top: 326px;
	padding: 0 10px;
	font-size: 26px;
	line-height: 60px;
	border: 2px solid #fff;
	color: #fff;
	border-radius: 6px;
	font-weight: normal;

}

.banner_bbc2 .mall_btns {
	left: 43%;
	bottom: -40px;
}

@keyframes icon-swing {

	0%,
	100% {
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	25% {
		-moz-transform: rotate(15deg);
		-ms-transform: rotate(15deg);
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg);
	}

	50% {
		-moz-transform: rotate(-15deg);
		-ms-transform: rotate(-15deg);
		-webkit-transform: rotate(-15deg);
		transform: rotate(-15deg);
	}

	75% {
		-moz-transform: rotate(5deg);
		-ms-transform: rotate(5deg);
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg);
	}

	85% {
		-moz-transform: rotate(-5deg);
		-ms-transform: rotate(-5deg);
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg);
	}
}

@-webkit-keyframes icon-swing {

	0%,
	100% {
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	25% {
		-moz-transform: rotate(15deg);
		-ms-transform: rotate(15deg);
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg);
	}

	50% {
		-moz-transform: rotate(-15deg);
		-ms-transform: rotate(-15deg);
		-webkit-transform: rotate(-15deg);
		transform: rotate(-15deg);
	}

	75% {
		-moz-transform: rotate(5deg);
		-ms-transform: rotate(5deg);
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg);
	}

	85% {
		-moz-transform: rotate(-5deg);
		-ms-transform: rotate(-5deg);
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg);
	}
}

@-moz-keyframes icon-swing {

	0%,
	100% {
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	25% {
		-moz-transform: rotate(15deg);
		-ms-transform: rotate(15deg);
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg);
	}

	50% {
		-moz-transform: rotate(-15deg);
		-ms-transform: rotate(-15deg);
		-webkit-transform: rotate(-15deg);
		transform: rotate(-15deg);
	}

	75% {
		-moz-transform: rotate(5deg);
		-ms-transform: rotate(5deg);
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg);
	}

	85% {
		-moz-transform: rotate(-5deg);
		-ms-transform: rotate(-5deg);
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg);
	}
}

@-o-keyframes icon-swing {

	0%,
	100% {
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	25% {
		-moz-transform: rotate(15deg);
		-ms-transform: rotate(15deg);
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg);
	}

	50% {
		-moz-transform: rotate(-15deg);
		-ms-transform: rotate(-15deg);
		-webkit-transform: rotate(-15deg);
		transform: rotate(-15deg);
	}

	75% {
		-moz-transform: rotate(5deg);
		-ms-transform: rotate(5deg);
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg);
	}

	85% {
		-moz-transform: rotate(-5deg);
		-ms-transform: rotate(-5deg);
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg);
	}
}

.bbc-pre li {
	display: inline-block;
	width: 108px;
	height: 108px;
	border-radius: 100%;
	margin-right: 24px;
}

.bbc-pre li .iconfont {
	font-size: 40px;
	color: #fff;
	margin-top: 18px;
	margin-bottom: 4px;
	display: inline-block;
}

.bbc-pre li.bbc-pre-item0 {
	background: #2a45ac;
}

.bbc-pre li.bbc-pre-item1 {
	background: #3ea3ff;
}

.bbc-pre li.bbc-pre-item2 {
	background: #ae9e67;
}

.bbc-pre li.bbc-pre-item3 {
	background: #5d58cc;
}

.bbc-pre li.bbc-pre-item4 {
	background: #2ba759;
}

.bbc-pre li.bbc-pre-item5 {
	background: #f68016;
}

.bbc-pre li.bbc-pre-item6 {
	background: #ed5250;
}

.bbc-pre li.bbc-pre-item7 {
	background: #9387b4;
}

.bbc-pre li:last-child {
	margin-right: 0;
}

.bbc-pre li span {
	color: #FFF;
}

.bbc-models {
	font-size: 0;
	height: 520px;
}

.bbc-models li {
	display: inline-block;
	background: #fff;
	width: 232px;
	margin-right: 10px;
	box-sizing: border-box;
	vertical-align: top;
	transition: all 0.4s;
	border: 1px solid transparent;
}

.bbc-models li.active {
	border-color: #1AC8E2;
}

.bbc-models li:last-child {
	margin-right: 0;
}

.bbc-models li span {
	font-size: 16px;
	color: #fff;
	line-height: 59px;
	background: #03ABFF;
}

.bbc-models li div {
	border-bottom: 1px solid #e3e3e3;
}

.bbc-models li em {
	height: 400px;
}

.bbc-models li em img {
	max-width: 208px;
}

.btn-experience {
	display: inline-block;
	font-size: 14px;
	color: #fff;
	width: 112px;
	text-align: center;
	background: #03ABFF;
	line-height: 32px;
	display: none;
	margin-bottom: 20px;
}

.btn-experience:hover {
	color: #fff;
}

.bbc-models li.active a.btn-experience {
	display: inline-block;
}

.independent-present li {
	display: inline-block;
	margin-right: 55px;
}

.independent-present li:last-child {
	margin-right: 0;
}

.independent-present li span {
	display: inline-block;
	width: 116px;
	height: 116px;
	border-radius: 100%;
	margin-bottom: 40px;
}

.independent-present li.independent-present-item1 span {
	background: #3ea3ff;
}

.independent-present li.independent-present-item2 span {
	background: #2ba759;
}

.independent-present li.independent-present-item3 span {
	background: #ed5250;
}

.independent-present li.independent-present-item4 span {
	background: #9a8dbf;
}

.independent-present li.independent-present-item5 span {
	background: #5d58cc;
}

.independent-present li.independent-present-item6 span {
	background: #2a45ac;
}

.independent-present li i.iconfont {
	font-size: 50px;
	line-height: 116px;
	color: #fff;
}

.bbc-function li {
	float: left;
	width: 294px;
	height: 244px;
	border: 1px solid #fff;
	box-sizing: border-box;
	background: #fff;
	margin-right: 8px;
	margin-bottom: 15px;
	transition: all 0.4s;
}

.bbc-function li:nth-child(4n) {
	margin-right: 0;
}

.bbc-function li .bbc-function-detail {
	display: none;
}

.bbc-function li div.table em {
	display: block;
	font-size: 16px;
	color: #222;
	margin-top: 30px;
}

.bbc-function li div.table i.iconfont {
	font-size: 50px;
	color: #3ea3ff;
}

.bbc-function li div.bbc-function-detail {
	padding: 40px 20px 20px;
}

.bbc-function li div.bbc-function-detail strong {
	border-bottom: 1px solid #ccc;
	display: inline-block;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.bbc-function li div.bbc-function-detail strong i.iconfont {
	font-size: 36px;
	margin-right: 20px;
	display: inline-block;
	color: #3ea3ff;
	position: absolute;
	left: 0;
	top: 0;
}

.bbc-function li div.bbc-function-detail strong em {
	display: inline-block;
	font-size: 16px;
	color: #222;
	padding-left: 50px;
	font-weight: normal;
}

.bbc-function li div.bbc-function-detail p {
	font-size: 14px;
	color: #585858;
	line-height: 26px;
}

.bbc-function li.active {
	background: #fff;
	border-color: #3ea3ff;
}

.bbc-function li.active div.table {
	display: none;
}

.bbc-function li.active div.bbc-function-detail {
	display: block;
}

.bbc-services li {
	display: inline-block;
	margin-bottom: 20px;
	margin-right: 56px;
	text-align: center;
	margin-left: 56px;
}

.bbc-services li:hover i.iconfont,
.bbc-yingxiao-content ul li:hover i.iconfont {
	-webkit-animation: icon-swing .5s alternate;
	-moz-animation: icon-swing .5s alternate;
	-ms-animation: icon-swing .5s alternate;
	-o-animation: icon-swing .5s alternate;
	animation: icon-swing .5s alternate;
}

.bbc-services li span {
	display: inline-block;
	width: 88px;
	height: 88px;
	border-radius: 6px;
}

.bbc-services li em {
	font-size: 12px;
	color: #9b9b9b;
	margin-top: 20px;
}

.bbc-services li.services-case1 span {
	background: #f94003;
}

.bbc-services li.services-case2 span {
	background: #db211d;
}

.bbc-services li.services-case3 span {
	background: #ff9c01;
}

.bbc-services li.services-case4 span {
	background: #d23c37;
}

.bbc-services li.services-case5 span {
	background: #01b906;
}

.bbc-services li.services-case6 span {
	background: #01a3f8;
}

.bbc-services li.services-case7 span {
	background: #b89264;
}

.bbc-services li.services-case8 span {
	background: #514dbb;
}

.bbc-services li.services-case9 span {
	background: #ba50fd;
}

.bbc-services li.services-case10 span {
	background: #00b5e4;
}

.bbc-services li.services-case11 span {
	background: #8a77f5;
}

.bbc-services li.services-case12 span {
	background: #07c18f;
}

.bbc-services li.services-case13 span {
	background: #da241f;
}

.bbc-services li.services-case14 span {
	background: #0785ec;
}

.bbc-services li.services-case15 span {
	background: #e93e3e;
}

.bbc-services li.services-case16 span {
	background: #ec9d07;
}

.bbc-services li.services-case17 span {
	background: #37ab4b;
}

.bbc-services li.services-case18 span {
	background: #f76704;
}

.bbc-services li i.iconfont {
	font-size: 50px;
	color: #fff;
	line-height: 88px;
	display: inline-block;
}

.bbc-zhuangxiu-area {
	margin-bottom: 12px;
}

.bbc-zhuangxiu-left {
	width: 51px;
	background: #3ea3ff;
	font-size: 18px;
	border-radius: 4px;
	color: #fff;
	margin-right: 12px;
}

.bbc-zhuangxiu-left1 {
	height: 180px;
}

.bbc-zhuangxiu-right {
	width: 1137px;
}

.bbc-zhuangxiu-right .bbc-zhuangxiu-nav li {
	float: left;
	background: #94d1ff;
	color: #585858;
	line-height: 32px;
	height: 32px;
	font-size: 14px;
	border-radius: 4px;
	text-align: center;
}

.bbc-zhuangxiu-nav {
	margin-bottom: 8px;
}

.bbc-zhuangxiu-nav li.bbc-zhuangxiu-nav1 {
	width: 106px;
	margin-right: 5px;
}

.bbc-zhuangxiu-nav li.bbc-zhuangxiu-nav2 {
	width: 106px;
	margin-right: 12px;
}

.bbc-zhuangxiu-nav li.bbc-zhuangxiu-nav3 {
	width: 192px;
	margin-right: 5px;
}

.bbc-zhuangxiu-nav li.bbc-zhuangxiu-nav4 {
	width: 277px;
	margin-right: 12px;
}

.bbc-zhuangxiu-nav li.bbc-zhuangxiu-nav5 {
	width: 225px;
	margin-right: 12px;
}

.bbc-zhuangxiu-nav li.bbc-zhuangxiu-nav6 {
	width: 176px;
}

.bbc-zhuangxiu-module h5 {
	font-size: 14px;
	color: #019fe8;
	line-height: 34px;
}

.bbc-zhuangxiu-module li {
	font-size: 14px;
	color: #585858;
	width: 85px;
	display: inline-block;
	border: 1px solid #e3e3e3;
	line-height: 26px;
	height: 26px;
	margin-bottom: 8px;
	box-sizing: border-box;
	background: #fff;
}

.bbc-zhuangxiu-module div {
	background: #f4f4f4;
	display: inline-block;
	vertical-align: top;
	border-radius: 4px;
}

.bbc-zhuangxiu-module1 {
	width: 218px;
	margin-right: 12px;
}

.bbc-zhuangxiu-module2 {
	width: 474px;
	margin-right: 12px;
}

.bbc-zhuangxiu-module3 {
	width: 225px;
	margin-right: 12px;
}

.bbc-zhuangxiu-module4 {
	width: 176px;
}

.bbc-zhuangxiu-module1,
.bbc-zhuangxiu-module2,
.bbc-zhuangxiu-module3,
.bbc-zhuangxiu-module4 {
	height: 140px;
}

.bbc-zhuangxiu-module5 {
	width: 1130px;
	padding: 0 75px;
	box-sizing: border-box;
}

.bbc-zhuangxiu-module5 li {
	margin-right: 26px;
	float: left;
}

.bbc-zhuangxiu-module5 li:nth-child(9n) {
	margin-right: 0;
}

.bbc-zhuangxiu-left2,
.bbc-zhuangxiu-module5 {
	height: 140px;
}

.bbc-zhuangxiu-module5 h5 {
	line-height: 50px;
	height: 50px;
}

.bbc-zhuangxiu-left3 {
	height: 256px;
}

.bbc-zhuangxiu-right strong {
	display: inline-block;
	width: 50px;
	background: #94d1ff;
	border-radius: 4px;
}

.strong-erp {
	height: 174px;
	line-height: 174px;
	margin-right: 12px;
}

.strong-area {
	width: 50px;
	margin-right: 8px;
}

.strong-wms {
	margin-bottom: 8px;
}

.strong-wms,
.strong-crm {
	height: 83px;
	line-height: 83px;
}

.bbc-zhuangxiu-module6 {
	width: 575px;
}

.bbc-zhuangxiu-module7 {
	margin-bottom: 8px;
	height: 92px;
}

.bbc-zhuangxiu-module7 ul {
	padding: 20px 40px;
}

.bbc-zhuangxiu-module7 li {
	margin-right: 20px;
}

.bbc-zhuangxiu-module7 li:nth-child(4n) {
	margin-right: 0;
}

.bbc-zhuangxiu-module8 {
	height: 74px;
}

.bbc-zhuangxiu-module8 li {
	width: 60px;
}

.bbc-zhuangxiu-module9 {
	margin-bottom: 8px;
}

.bbc-zhuangxiu-module9 ul,
.bbc-zhuangxiu-module10 ul {
	padding: 12px 50px;
}

.bbc-zhuangxiu-module9 li,
.bbc-zhuangxiu-module10 li {
	margin-right: 30px;
}

.bbc-zhuangxiu-module9 li:nth-child(2n),
.bbc-zhuangxiu-module10 li:nth-child(2n) {
	margin-right: 0;
}

.bbc-zhuangxiu-module12,
.bbc-zhuangxiu-module9,
.bbc-zhuangxiu-module10 {
	width: 416px;
}

.bbc-zhuangxiu-module11 {
	width: 480px;
	margin-left: 20px;
}

.bbc-zhuangxiu-module9,
.bbc-zhuangxiu-module10 {
	height: 83px;
}

.bbc-zhuangxiu-module13 {
	width: 1130px;
	margin-top: 8px;
	height: 74px;
}

.success-cases {
	font-size: 0
}

.success-cases li,
.success-cases2 li {
	width: 156px;
	height: 62px;
	display: inline-block;
	margin: 9px 7px;
	box-sizing: border-box;
}

.success-cases li span,
.success-cases2 li span {
	width: 100%;
	height: 100%;
	display: inline-block;
	background-size: contain;
}

.success-cases2 .zx-li1 span {
	background: url('../images/new/case/1.png') 50% center no-repeat rgb(255, 255, 255);
}

.success-cases2 .zx-li2 span {
	background: url('../images/new/case/2.png') 50% center no-repeat rgb(255, 255, 255);
}

.success-cases2 .zx-li3 span {
	background: url('../images/new/case/3.png') 50% center no-repeat rgb(255, 255, 255);
}

.success-cases2 .zx-li4 span {
	background: url('../images/new/case/4.png') 50% center no-repeat rgb(255, 255, 255);
}

.success-cases2 .zx-li5 span {
	background: url('../images/new/case/5.png') 50% center no-repeat rgb(255, 255, 255);
}

.success-cases2 .zx-li6 span {
	background: url('../images/new/case/6.png') 50% center no-repeat rgb(255, 255, 255);
}

.success-cases2 .zx-li7 span {
	background: url('../images/new/case/7.png') 50% center no-repeat rgb(255, 255, 255);
}

.success-cases2 .zx-li8 span {
	background: url('../images/new/case/8.png') 50% center no-repeat rgb(255, 255, 255);
}

.success-cases2 .zx-li9 span {
	background: url('../images/new/case/11.png') 50% center no-repeat rgb(255, 255, 255);
}

.success-cases2 .zx-li10 span {
	background: url('../images/new/case/14.png') 50% center no-repeat rgb(255, 255, 255);
}

.success-cases2 .zx-li11 span {
	background: url('../images/new/case/15.png') 50% center no-repeat rgb(255, 255, 255);
}

.success-cases2 .zx-li12 span {
	background: url('../images/new/case/17.png') 50% center no-repeat rgb(255, 255, 255);
}

.bbc-safe li {
	display: inline-block;
	vertical-align: top;
	margin-right: 6px;
	margin-bottom: 6px;
	padding-top: 30px;
	padding-left: 40px;
	box-sizing: border-box;
	width: 295px;
	height: 120px;
	background: #fff;
}

.bbc-safe li:hover .iconfont,
.bbc-products li:hover .iconfont {
	-webkit-animation: icon-swing .5s alternate;
	-moz-animation: icon-swing .5s alternate;
	-ms-animation: icon-swing .5s alternate;
	-o-animation: icon-swing .5s alternate;
	animation: icon-swing .5s alternate;
}

.bbc-safe li:nth-child(4n) {
	margin-right: 0;
}

.bbc-safe li .iconfont {
	display: inline-block;
	font-size: 40px;
	color: #21bbe2;
	line-height: 65px;
}

.bbc-safe li span {
	display: inline-block;
	box-sizing: border-box;
	margin-right: 10px;
	vertical-align: middle;
	width: 65px;
	height: 65px;
	border: 1px solid #bbb;
	border-radius: 100%;
	text-align: center;
	background: #fff;
}

.bbc-safe li em {
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	color: #222;
	text-align: left;
}

.title-h4 span {
	display: inline-block;
	margin-right: 48px;
}

.title-h4 span .iconfont {
	display: inline-block;
	margin-right: 4px;
	vertical-align: middle;
	font-size: 24px;
	color: #21bbe2;
}

.title-h4 span em {
	display: inline-block;
	vertical-align: middle;
}

.bbc-products li {
	display: inline-block;
	vertical-align: top;
	margin-right: 2px;
	width: 168px;
	height: 158px;
	background: #fff;
}

.bbc-products li a {
	display: block;
	height: 100%;
}

.bbc-products li span {
	display: inline-block;
	margin-top: 20px;
	box-sizing: border-box;
	width: 66px;
	height: 66px;
	border: 1px solid #ddd;
	border-radius: 100%;
	background: #fff;
}

.bbc-products li span .iconfont {
	display: inline-block;
	font-size: 36px;
	line-height: 66px;
	color: #21bbe2;
}

.bbc-products li em {
	display: block;
	margin-top: 14px;
	font-size: 14px;
	color: #222;
}

/* bbcbuilder new */
.banner-bbc li .img-box {
	display: inline-block;
	width: 100%;
	height: 100%;
}

.banner-bbc li:nth-child(1) .img-box {
	background: url(../images/new/bbcbuilder/banner-new1-2.png) no-repeat center;
	background-size: cover;
}

.banner-bbc li:nth-child(2) .img-box {
	background: url(../images/new/bbcbuilder/banner-new2.png) no-repeat center;
	background-size: cover;
}

.bbc-swiper .swiper-slide {
	overflow: hidden;
}

.bbc-swiper .banner_bbc1 {
	padding-top: 68px;
}

.bbc-swiper .img-box {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}

/* .bbc-swiper .img-box img{
	position: relative;
	left: -50%;
} */
.bbc-swiper .banner_bbc1 .h3 {
	margin-bottom: 0;
	font-size: 38px;
}

.bbc-swiper .banner_bbc1 .h3 em {
	color: #03ABFF;
}

.bbc-swiper .banner_bbc1 .h4 {
	font-size: 18px;
	color: #F4E2FF;
	font-weight: lighter;
}

.bbc-swiper .button {
	display: inline-block;


	background: #03ABFF;
	box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.26);
	font-size: 18px;
	color: #fff;
	text-align: center;
	font-weight: lighter;
}

.banner_bbc1 .button {
	margin-top: 270px;
	width: 144px;
	height: 33px;
	line-height: 33px;
}

.banner_bbc2 .button {
	width: 169px;
	height: 42px;
	line-height: 42px;
}

.banner_bbc2 .h3 {
	font-size: 48px;
}

.banner_bbc2 .h3 em:first-child {
	color: #03ABFF;
}

.banner_bbc2 .h3 em:nth-child(2) {
	color: #D106D0;
}

.banner_bbc2 .h4 {
	font-size: 24px;
	font-weight: lighter;
	line-height: 48px;
}

.banner_bbc2 .h4 em {
	color: #D106D0;
}

.bbc-module1 li {
	display: inline-block;
	margin-right: 70px;

}

.bbc-module1 li:last-child {
	margin-right: 0;
}

.bbc-module1 .img-box {
	display: inline-block;
	width: 56px;
}

.bbc-module1 .img-box img {
	max-width: 100%;
}

.bbc-module1 li span {
	display: block;
	margin-top: 15px;
	font-size: 16px;
	color: #383D41;

}

.btn-more {
	display: inline-block;
	margin-top: 40px;
	width: 160px;
	height: 42px;
	line-height: 42px;
	border: 1px solid #42BDF2;
	box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.19);
	font-size: 18px;
	color: #42BDF2;
}

.bbc-module-relatives.bg {
	background: linear-gradient(180deg, rgba(2, 17, 33, 1) 0%, rgba(5, 25, 70, 1) 100%);
}

.bbc-module-relatives .title-h3,
.bbc-module-relatives .title-h4,
.bbc-module-relatives.bg h4,
.bbc-module-relatives.bg p {
	color: #fff;
}

.bbc-module-relatives .title-h4 {
	font-size: 16px;
}

.bbc-module-relatives h4 {
	margin-bottom: 16px;
	font-size: 24px;
	font-weight: lighter;
}

.bbc-module-relatives p {
	font-size: 14px;
	font-weight: lighter;
	width: 564px;
	line-height: 28px;
}

.bbc-functions-text {
	display: inline-block;
	margin-top: 65px;
	padding-left: 30px;
	width: 630px;
	box-sizing: border-box;
}

.bbc-functions-text b {
	position: absolute;
	left: -22px;
	display: inline-block;
	width: 42px;
	height: 42px;
	line-height: 42px;
	background: linear-gradient(360deg, rgba(5, 235, 252, 0) 0%, rgba(19, 121, 230, 1) 100%);
	border-radius: 100%;
	text-align: center;
	color: #fff;
}

.bbc-module-relatives .btn {
	display: inline-block;
	margin-top: 20px;
	width: 135px;
	height: 41px;
	line-height: 41px;
	background: linear-gradient(127deg, rgba(5, 235, 252, 1) 0%, rgba(19, 121, 230, 1) 100%);
	border-radius: 3px;
	font-size: 14px;
	color: #fff;
	text-align: center;
}

.bbc-module-relatives .btn:hover {
	background: linear-gradient(127deg, #61F4FF 0%, #4EA4FF 100%);
}

.bbc-module-relatives .img-box {
	display: inline-block;
	max-width: 500px;
	vertical-align: top;
}

.bbc-module-relatives .img-box img {
	max-width: 100%;
}

.bbc-module-relatives {
	padding: 96px 0 0;
}

.bbc-module-relatives .wrap>div {
	position: relative;
	padding-bottom: 40px;
}

.bbc-module-relatives .wrap>div:before,
.bbc-module-relatives .wrap>div:after {
	content: "";
	width: 1px;
	background: rgba(136, 136, 136, 0.36);
	;
	position: absolute;
	left: 0;

}

.bbc-module-relatives .wrap>div:before {
	top: -96px;
	height: 161px;
}

.bbc-module-relatives .wrap>div:after {
	top: 107px;
	bottom: 0;
}

.bbc-module-relatives.first .wrap>div:before {
	display: none;
}

.bbc-module-relatives.last .wrap>div:after {
	bottom: 252px;
}

/* weishangcheng begin*/
.banner_shops {
	background: url(../images/new/weishangcheng/banner3-2.png) no-repeat center;
}

.banner_shops .h4 {
	line-height: 48px;
}

.ecshop-admins li {
	padding: 20px 36px 10px;
	margin: 0 8px 12px 0;
	width: 293px;
	height: 196px;
	background: #fff;
	border: 1px solid #e3e3e3;
	box-sizing: border-box;
	text-align: center;
}

.ecshop-admins li:nth-child(4n) {
	margin-right: 0;
}

.ecshop-admins li .img-box {
	display: inline-block;
	width: 64px;
	height: 64px;
	line-height: 64px;
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.22);
	border-radius: 100%;
}

.ecshop-admins li .img-box img {
	max-width: 32px;
	max-height: 32px;
}

.ecshop-admins li span {
	margin-top: 14px;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: 700;
	color: #383D41;
}

.ecshop-admins li p {
	font-size: 14px;
	color: #696969;
	text-align: left;
	line-height: 20px;
}

.ecshop-wells li {
	display: inline-block;
	margin-bottom: 10px;
	width: 100%;
	background: #fff;
	box-sizing: border-box;
}

.ecshop-wells .left {
	padding: 10px 40px 10px 88px;
}

.ecshop-wells .right {
	padding: 10px 90px 10px 150px;
}

.ecshop-wells .left img {
	float: left;
	margin-right: 110px;
}

.ecshop-wells .right img {
	float: right;
}

.ecshop-wells li span,
.ecshop-wells li p {
	color: #383D41;
}

.ecshop-wells li span {
	margin-top: 80px;
	margin-bottom: 20px;
	font-size: 18px;
	font-weight: 700;
}

.ecshop-wells li p {
	font-size: 14px;
}

.ecshop-steps li {
	float: left;
	margin-right: 14px;
	margin-bottom: 20px;
	width: 289px;
	background: #fff;
	box-shadow: 0 0 6px rgba(0, 0, 0, .1);
}

.ecshop-steps li:nth-child(4n) {
	margin-right: 0;
}

.ecshop-steps li img {
	width: 100%;
	height: 235px;
}

.ecshop-steps li p {
	display: inline-block;
	width: 100%;
	line-height: 53px;
	font-size: 14px;
	color: #383D41;
	text-align: center;
}

.shop-img-preview {
	margin-bottom: 40px;
	width: 1141px;
}

.btn1,
.btn2 {
	display: inline-block;
	margin: 0 24px;
	width: 168px;
	height: 40px;
	font-size: 14px;
	text-align: center;
	box-sizing: border-box;
}

.btn1 {
	background: #03ABFF;
	color: #fff;
	line-height: 40px;
}

.btn2 {
	line-height: 38px;
	color: #03ABFF;
	border: 1px solid #03ABFF;
}




/* weishangcheng end*/


.banner_shops .banner-btn {
	position: static;
	left: 0;
}

.shops-channels-items li {
	display: inline-block;
	margin-right: 15px;
	margin-bottom: 12px;
	padding: 50px 40px 40px;
	box-sizing: border-box;
	vertical-align: top;
	width: 370px;
	height: 190px;
	background: #eee;
}

.shops-channels-items li:nth-child(3n) {
	margin-right: 0;
}

.shops-channels-items li .icon {
	display: inline-block;
	vertical-align: top;
	margin-right: 20px;
	font-size: 64px;
}

.shops-channels-items li span {
	display: inline-block;
	margin-bottom: 10px;
	font-size: 20px;
	color: #3d95d1;
}

.shops-channels-items li p {
	font-size: 14px;
	color: #616161;
}

.shops-datas-items li {
	display: inline-block;
	box-sizing: border-box;
	padding: 28px 44px;
	margin-right: 5px;
	margin-bottom: 10px;
	vertical-align: top;
	text-align: center;
	width: 376px;
	height: 181px;
	border: 1px solid transparent;
	background: #f8f8f8;
}

.shops-datas-items li:hover {
	border-color: #1396da;
	background: #fff;
}

.shops-datas-items li span {
	display: block;
	margin-top: 6px;
	margin-bottom: 18px;
	font-size: 18px;
	color: #222;
}

.shops-datas-items li p {
	font-size: 14px;
	color: #4a4a4a;
}

.shops-datas-items li .iconfont {
	font-size: 40px;
}

.shops-tuiguang li {
	float: left;
	width: 25%;
	margin-bottom: 52px;
	font-size: 0;
}

.shops-tuiguang li span {
	display: inline-block;
	vertical-align: top;
	margin-right: 22px;
	width: 52px;
	height: 52px;
	border-radius: 4px;
	text-align: center;
}

.shops-tuiguang li .iconfont {
	display: inline-block;
	line-height: 52px;
	font-size: 30px;
	color: #fff;
}

.shops-tuiguang .wechat span {
	background: #00b807;
}

.shops-tuiguang .sina span {
	background: #ff9c04;
}

.shops-tuiguang .app span {
	background: #da211e;
}

.shops-tuiguang .messages span {
	background: #0485ec;
}

.shops-tuiguang .code span {
	background: #0cc18f;
}

.shops-tuiguang .seller span {
	background: #03b5e4;
}

.shops-tuiguang .sales span {
	background: #f76806;
}

.shops-tuiguang .pin span {
	background: #e83d3e;
}

.shops-tuiguang .tuan span {
	background: #8a77f5;
}

.shops-tuiguang .wish span {
	background: #ff514d;
}

.shops-tuiguang .plug-in span {
	background: #00a2f8;
}

.shops-tuiguang li em {
	display: inline-block;
	margin-bottom: 10px;
	margin-top: 2px;
	font-size: 16px;
	color: #222;
}

.shops-tuiguang li p {
	font-size: 12px;
}

.shops-orders {
	padding: 0 40px;
	background: #f7f7f7;
}

.shops-orders li {
	position: relative;
	float: left;
	padding-top: 30px;
	padding-left: 70px;
	padding-right: 105px;
	box-sizing: border-box;
	width: 33.33%;
	height: 125px;
	border-bottom: 1px solid #e3e3e3;
}

.shops-orders li:after {
	position: absolute;
	right: 0;
	top: 25px;
	bottom: 25px;
	content: "";
	display: block;
	border-right: 1px solid #e3e3e3;
}

.shops-orders li:nth-child(3n):after {
	display: none;
}

.shops-orders li .iconfont {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	font-size: 30px;
	color: #4585f5;
}

.shops-orders li em {
	font-size: 16px;
	color: #222;
}

.shops-orders li p {
	font-size: 14px;
	color: #666;
}

.shops-fit {
	box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
	background: #fff;
}

.shops-fit li {
	float: left;
	box-sizing: border-box;
	padding: 15px;
	width: 200px;
	height: 184px;
	border-right: 1px solid #e2e2e2;
}

.shops-fit li:hover {
	background: #0b70d7;
}

.shops-fit li:hover .iconfont,
.shops-fit li:hover span,
.shops-fit li:hover p {
	color: #fff;
}

.shops-fit li div {
	display: inline-block;
	padding: 6px;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	border: 1px dashed #fff;
	text-align: center;
}

.shops-fit li .iconfont {
	display: inline-block;
	margin-top: 6px;
	font-size: 46px;
	color: #0b70d7;
}

.shops-fit li span {
	display: block;
	margin-bottom: 4px;
	font-size: 16px;
	color: #222;
}

.shops-fit li p {
	font-size: 12px;
	color: #616161;
	text-align: left;
}

.shops-o2o {
	padding-left: 40px;
	padding-top: 53px;
	box-sizing: border-box;
	height: 468px;
	background: #f5f5f5;
}

.shops-o2o img {
	display: inline-block;
	margin-right: 30px;
}

.shops-o2o div {
	width: 840px;
}

.shops-o2o dl {
	float: left;
	box-sizing: border-box;
	margin-right: 17px;
	margin-bottom: 20px;
	padding: 27px 30px 0 23px;
	width: 261px;
	height: 107px;
	background: #fff;
}

.shops-o2o dl:nth-child(3n) {
	margin-right: 0;
}

.shops-o2o dl dt {
	margin-bottom: 6px;
	font-size: 16px;
	color: #222;
}

.shops-o2o dl dd {
	font-size: 12px;
	color: #616161;
}

.shops-admin li {
	float: left;
	margin-right: 1px;
	width: 120px;
	height: 312px;
	cursor: pointer;
	transition: width 0.2s;
	-moz-transition: width 0.2s;
	/* Firefox 4 */
	-webkit-transition: width 0.2s;
	/* Safari 和 Chrome */
	-o-transition: width 0.2s;
	/* Opera */
}

.shops-admin li.active {
	width: 230px;
}

.shops-admin li.active p {
	display: block;
}

.shops-admin li.admin-kefu {
	background: url(../images/new/weishangcheng/admin-kefu.png) no-repeat left;
}

.shops-admin li.admin-good {
	background: url(../images/new/weishangcheng/admin-good.png) no-repeat left;
}

.shops-admin li.admin-fenquan {
	background: url(../images/new/weishangcheng/admin-fenquan.png) no-repeat left;
}

.shops-admin li.admin-seo {
	background: url(../images/new/weishangcheng/admin-seo.png) no-repeat left;
}

.shops-admin li.admin-do {
	background: url(../images/new/weishangcheng/admin-do.png) no-repeat left;
}

.shops-admin li.admin-daily {
	background: url(../images/new/weishangcheng/admin-daily.png) no-repeat left;
}

.shops-admin li.admin-tixian {
	background: url(../images/new/weishangcheng/admin-tixian.png) no-repeat left;
}

.shops-admin li.admin-set {
	background: url(../images/new/weishangcheng/admin-set.png) no-repeat left;
}

.shops-admin li.admin-messages {
	background: url(../images/new/weishangcheng/admin-messages.png) no-repeat left;
}

.shops-admin i,
.shops-admin em,
.shops-admin p {
	color: #fff;
}

.shops-admin i {
	font-size: 50px;
}

.shops-admin em {
	display: block;
	font-size: 18px;
	margin-top: 16px;
}

.shops-admin p {
	display: none;
	padding: 0 24px;
	font-size: 14px;
}

.shops-shouhou li {
	float: left;
	margin-bottom: 30px;
	width: 33.33%;
}

.shops-shouhou li span {
	display: inline-block;
	margin-right: 23px;
	width: 79px;
	height: 79px;
	border: 1px solid #ddd;
	border-radius: 100%;
	text-align: center;
}

.shops-shouhou li em {
	display: block;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: 700;
	color: #222;
}

.shops-shouhou li div {
	vertical-align: top;
	width: 200px;
}

.shops-shouhou li .iconfont {
	display: inline-block;
	font-size: 44px;
	line-height: 79px;
	color: #888;
}

/*新·drpbuilder*/
.index-options ul {
	color: #fff;
}

.index-options ul li .overview b {
	width: 30px;
	height: 2px;
	background: #fff;
	display: block;
	margin: auto;
}

.index-options ul li h4 {
	font-size: 20px;
	margin-top: 24px;
}

.index-options ul li {
	float: left;
	width: 25%;
	height: 100%;
	position: relative;
	overflow: hidden;
}

.index-options ul li .overview {
	height: 100%;
}

.index-options ul li .table {
	width: 100%;
	height: 100%;
}

.index-options ul li .detail {
	position: absolute;
	left: 0;
	bottom: -400px;
	width: 100%;
	height: 100%;
	z-index: 3;
	padding: 0 14px;
	box-sizing: border-box;
	transition: 0.5s;
}

.index-options ul li .detail i.mask-blue {
	width: 100%;
	height: 100%;
	display: inline-block;
	background: rgba(0, 193, 222, .4);
	position: absolute;
	left: 0;
	top: 0;
}

.index-options ul li .detail div {
	position: relative;
	z-index: 2;
}

.index-options ul li.active .overview {
	opacity: 0;
	display: none;
}

.index-options ul li.active .detail {
	opacity: 1;
	bottom: 0;
}

.index-options ul li .detail {
	opacity: 0;
}

.index-options ul li .detail h4 {
	margin-top: 0;
	margin-bottom: 26px;
}

.index-options ul li .detail p {
	text-align: left;
	font-size: 14px;
}

.index-options ul li .detail a {
	line-height: 30px;
	display: inline-block;
	padding: 0 36px;
	background: #fff;
	margin-top: 24px;
	color: #333;
}


.new-fenxiao .ss_y1 {
	width: 1200px;
	margin: 30px auto;
}

.ss_p {
	width: 150px;
	height: 40px;
	line-height: 40px;
	background: #f4f4f4;
	color: #fff;
	padding: 0 !important;
	margin: 0 auto;
	margin-top: 20px;
}

.situation {
	width: 1120px;
	margin: 0 auto;
}

.situation li {
	float: left;
	width: 112px;
	height: 112px;
	margin-right: 71px;
	background: #ededed;
	border-radius: 50%;
	text-align: center;
}

.situation li div {
	margin-top: 18px;
}

.situation li i {
	font-size: 34px;
}

.situation li p {
	line-height: 18px;
}

.situation2 i {
	color: #fff;
}

.situation2 li p {
	color: #fff;
}

.bg-f72 {
	background: #ff7272 !important;
}

.bg-2fb {
	background: #2fbf58 !important;
}

.bg-00b {
	background: #00b5e3 !important;
}

.bg-b79 {
	background: #b79165 !important;
}

.bg-0a8 {
	background: #0a85eb !important;
}

.bg-504 {
	background: #504cbb !important;
}

.translate li {
	width: 358px;
	height: 406px;
	margin-right: 22px;
	background: #f8f8f8;
}

.translate li:nth-child(1) {
	margin-left: 44px;
}

.translate li div {
	width: 120px;
	height: 120px;
	margin: 0 auto;
	margin-top: 54px;
	border: 1px dashed #65bfec;
	border-radius: 50%;
}

.translate li i {
	display: block;
	margin-top: 25px;
	font-size: 58px;
	text-align: center;
	color: #65bfec;
}

.translate li p {
	margin-top: 20px;
	text-align: center;
	font-size: 16px;
	color: #222;
}

.translate li span {
	display: block;
	margin: 0 auto;
	margin-top: 5px;
	line-height: 20px;
	text-align: center;
	font-size: 14px;
	color: #363636;
}

.translate2 li {
	width: 390px;
	height: 320px;
	margin-right: 15px;
	background: #f8f8f8;
}

.translate2 li i {
	display: block;
	text-align: center;
	margin-top: 70px;
	font-size: 56px;
	color: #65bfec;
}

.translate2 li p {
	margin-top: 20px;
	text-align: center;
	font-size: 16px;
	color: #222;
}

.translate2 li span {
	display: block;
	margin-top: 5px;
	margin-left: 53px;
	line-height: 20px;
	text-align: left;
	font-size: 14px;
	color: #666;
}

.index-options2 ul {
	height: 378px !important;
	background: #fff !important;
}

.index-options2 ul li {
	width: 237px !important;
	margin-right: 3px;
}

.index-options2 ul li:nth-child(1) {
	background: url(../images/new/drpbuilder/fen-li1.png)no-repeat;
}

.index-options2 ul li:nth-child(2) {
	background: url(../images/new/drpbuilder/fen-li2.png)no-repeat;
}

.index-options2 ul li:nth-child(3) {
	background: url(../images/new/drpbuilder/fen-li3.png)no-repeat;
}

.index-options2 ul li:nth-child(4) {
	background: url(../images/new/drpbuilder/fen-li4.png)no-repeat;
}

.index-options2 ul li:nth-child(5) {
	background: url(../images/new/drpbuilder/fen-li5.png)no-repeat;
}

.shops-admin2 li {
	float: left;
	width: 198px;
	height: 410px;
	margin-right: 0;
	background: #fff;
	border: 1px solid #e7e7e7;
	cursor: pointer;
}

.shops-box {
	width: 100%;
	height: 136px;
}

.shops-admin2 i {
	display: block;
	padding-top: 15px;
	padding-bottom: 5px;
	font-size: 56px;
}

.shops-admin2 em {
	display: block;
	font-size: 20px;
	color: #333;
	line-height: 20px;
}

.shops-admin2 b {
	width: 65%;
	height: 2px;
	background: #e7e7e7;
	display: block;
	margin: auto;
	margin-top: 10px;
}

.details {
	margin-top: 48px;
	padding: 0 20px;
	font-size: 14px;
	color: #666;
}

.details .mt-gn {
	font-size: 20px;
	color: #333;
	margin-bottom: 30px;
	display: none;
}

.btn-ljxq {
	display: none;
	position: absolute;
	left: 29.5%;
	bottom: 50px;
	width: 172px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	color: #fff;
	background: #3ea3ff;
}

.col-5d {
	color: #5d58cc;
}

.col-91 {
	color: #91cdff;
}

.col-a1 {
	color: #a192cd;
}

.col-3e {
	color: #3ea3ff;
}

.shops-admin2 li.active em {
	color: #fff;
}

.shops-admin2 li.active {
	width: 394px;
	box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
}

.shops-admin2 li.active .shops-box {
	background: #2d66c4;
}

.shops-admin2 li.active i {
	color: #fff !important;
}

.shops-admin2 li.active b {
	display: none;
}

.shops-admin2 li.active .details .mt-gn,
.shops-admin2 li.active .btn-ljxq {
	display: block;
}

.distribution {
	width: 100%;
	height: 470px;
	background: #f8f8f8;
}

.distribution .swiper-slide {
	text-align: left;
	font-size: 18px;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.distribution img {
	width: 100%;
	height: 100%;
}

.distribution .swiper-button-next {
	width: 55px;
	height: 100px;
	background: url(../images/new/drpbuilder/right.png)no-repeat !important;
}

.distribution .swiper-button-prev {
	width: 55px;
	height: 100px;
	background: url(../images/new/drpbuilder/left.png)no-repeat !important;
}

.distribution .btn-mfty {
	position: absolute;
	bottom: 28px;
	display: block;
	width: 260px;
	height: 56px;
	line-height: 56px;
	text-align: center;
	background: #2b85ff;
	font-size: 18px;
	color: #fff;
}

.left41 {
	left: 41%;
}

.swiper-abs {
	position: absolute;
	top: 92px;
	left: 675px;
}

.swiper-abs-title {
	font-size: 20px;
	color: #2d66c4;
}

.swiper-abs-title em {
	font-size: 30px;
	font-style: italic;
}

.swiper-abs-title2 {
	margin-top: 20px;
	font-size: 18px;
	color: #333;
}

.swiper-abs ul {
	margin-top: 20px;
	line-height: 25px;
	font-size: 14px;
	color: #666;
}

.swiper-abs2 {
	position: absolute;
	top: 130px;
	left: 210px;
}

.swiper-abs3 {
	position: absolute;
	top: 185px;
	left: 700px;
}

.swiper-abs4 {
	position: absolute;
	top: 75px;
}

/*新-host*/
.banner_host .banner-img {
	bottom: -200px;
	right: -130px;
	width: 730px;
	height: 367px;
	background: url(../images/new/host/host-img.png) no-repeat center;
}

.banner_host .banner-img.active {
	bottom: -150px;
	opacity: 1;
}

.host-module1 {
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.2)
}

.host-module1 img {
	width: 541px;
}

.host-module1 div {
	width: 620px;
}

.host-module1-text-default {
	color: #373d41;
	line-height: 24px;
}

.host-module1-text-strong {
	padding: 6px 8px;
	margin-top: 10px;
	box-sizing: border-box;
	background: #f4f4f4;
	font-size: 14px;
	color: #23a0b4;
	line-height: 24px;
}

.section-container-module {
	padding-bottom: 114px;
}

.section-container {
	text-align: center;
	width: 1180px;
	margin: 0 auto;
	color: #666;
}

.section-container table {
	width: 1180px;
	border: 1px solid #EBEBEB;
	margin-top: 10px;
}

.section-container table th {
	font-size: 16px !important;
	height: 57px;
	text-align: center;
	vertical-align: middle;
	font-weight: normal;
	background: #e5e9ea;
}

.section-container table td,
.section-container table th {
	border: 1px solid #EBEBEB;
	color: #666;
	font-size: 14px;
}

.section-container table td.main {
	border-color: #EBEBEB #00c4e2;
}

.section-container table td.feature {
	border-right: none;
}

.section-container table .main-title div {
	top: -10px;
	bottom: -1px;
	left: -1px;
	right: -1px;
	color: #FFF;
	line-height: 57px;
	position: absolute;
	background: #00c4e2;
}

.section-container table .feature-title {
	width: 215px;
}

.section-container table .main-title {
	width: 580px;
	position: relative;
	color: #fff;

}

.section-container table .feature {
	padding: 20px;
	text-align: center;
}

.section-container table td {
	background: #FFF;
	line-height: 24px;
}

.section-container table .contrast {
	padding: 20px 40px;
	text-align: left;
}

.section-container table .main {
	color: #363636;
	text-align: left;
	position: relative;
	padding: 20px 40px;
}

.section-container table li::before {
	content: '';
	display: inline-block;
	width: 6px;
	height: 6px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #333;
	margin-left: -16px;
	margin-right: 10px;
	vertical-align: middle;
}

.section-container table .main-title div::before,
.section-container table .main::before,
[ui-type="contrast"] table .apply::before {
	left: 0;
	-webkit-box-shadow: -3px 0 5px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: -3px 0 5px rgba(0, 0, 0, 0.3);
	box-shadow: -3px 0 5px rgba(0, 0, 0, 0.3);
}

.section-container table .main-title div::after,
.section-container table .main::after,
[ui-type="contrast"] table .apply::after {
	right: 0;
	-webkit-box-shadow: 3px 0 5px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 3px 0 5px rgba(0, 0, 0, 0.3);
	box-shadow: 3px 0 5px rgba(0, 0, 0, 0.3);
}

.section-container table .main-title div::before,
.section-container table .main::before,
.section-container table .apply::before,
.section-container table .main-title div::after,
.section-container table .main::after,
.section-container table .apply::after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: -1px;
	width: 1px;
}

.section-container table .main .apply {
	height: 60px;
	line-height: 60px;
	padding: 0 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	bottom: -60px;
	left: -1px;
	right: -1px;
	background: #FFF;
	border: 1px solid #EBEBEB;
	border-color: #EBEBEB #00c4e2 #00c4e2;
}

.section-container table .main .apply a {
	display: inline-block;

}

.host-func {
	height: 314px;
}

.host-func li {
	width: 100%;
	position: relative;
}

.host-func li .icon-box {
	float: left;
	width: 66px;
	margin: 0 54px;
	text-align: center;
}

.host-func li .content-box {
	display: none;
	width: 100%;
	min-height: 200px;
	top: 100px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 40px;
	padding-top: 20px;
	line-height: 18px;
	position: absolute;
	background: #f4f4f4;
	font-size: 14px;
}

.host-func li.active .content-box {
	display: block;
}

.host-func li.active .icon-box .iconfont,
.host-func li.active .icon-box span {
	color: #00c4e2;
}

.host-func li .content-box .wrap {
	position: relative;
}

.host-func li .content-box .wrap:before {
	content: '';
	display: block;
	position: absolute;
	height: 10px;
	width: 10px;
	top: -40px;
	background-color: #f4f4f4;
	border-top: 1px solid #f4f4f4;
	border-left: 1px solid #f4f4f4;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
}

.host-func li .content-box p {
	margin: 1em 0 1em 50px;
	font-size: 14px;
	color: #363636;
}

.host-func li .content-box a {
	display: inline-block;
	font-size: 14px;
	color: #00c4e2;
	width: 90px;
	line-height: 22px;
	border: 1px solid #00c4e2;
	text-align: center;
}

.host-func .iconfont {
	font-size: 50px;
	color: #bebebe;
}

.circle {
	display: inline-block;
	margin-left: -22px;
	width: 20px;
}

.circle:before {
	content: '';
	display: block;
	width: 8px;
	height: 8px;
	border: 4px solid #333;
	box-sizing: border-box;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.host-func li .icon-box span {
	display: block;
	font-size: 16px;
}

.host-func-item1 .content-box .wrap:before {
	left: 48px;
}

.host-func-item2 .content-box .wrap:before {
	left: 218px;
}

.host-func-item3 .content-box .wrap:before {
	left: 396px;
}

.host-func-item4 .content-box .wrap:before {
	left: 570px;
}

.host-func-item5 .content-box .wrap:before {
	left: 740px;
}

.host-func-item6 .content-box .wrap:before {
	left: 920px;
}

.host-func-item7 .content-box .wrap:before {
	left: 1090px;
}

.other-products li {
	display: inline-block;
	margin-bottom: 20px;
	padding-top: 36px;
	padding: 36px 20px;
	box-sizing: border-box;
	width: 590px;
	height: 150px;
	background: #fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	box-shadow: 0 1px 6px rgba(0, 0, 0, .3);
}

.other-products li:hover {
	-webkit-transform: scale(1.03, 1.03);
	-moz-transform: scale(1.03, 1.03);
	-ms-transform: scale(1.03, 1.03);
	-o-transform: scale(1.03, 1.03);
	transform: scale(1.03, 1.03);
	-webkit-box-shadow: 0 8px 12px 0 rgba(205, 205, 205, 0.5);
	-moz-box-shadow: 0 8px 12px 0 rgba(205, 205, 205, 0.5);
	box-shadow: 0 8px 12px 0 rgba(205, 205, 205, 0.5);
}

.other-products li:nth-child(odd) {
	margin-right: 20px;
}

.other-products li span {
	display: inline-block;
	margin-right: 20px;
	box-sizing: border-box;
	width: 78px;
	height: 78px;
	border: 1px solid #b9b9b9;
	border-radius: 100%;
	text-align: center;
}

.other-products li i.iconfont {
	color: #606060;
	font-size: 40px;
	line-height: 78px;
}

.other-products li dl {
	padding-top: 10px;
}

.other-products li dt {
	margin-bottom: 10px;
	font-size: 18px;
	color: #222;
}

.other-products li dd {
	font-size: 14px;
	color: #666;
}

.other-products li a {
	margin-top: 20px;
	width: 70px;
	line-height: 30px;
	border: 1px solid #b9b9b9;
	background: #fff;
	font-size: 16px;
	color: #666;
	text-align: center;
}

/*新-sms*/
.banner_sms .banner-img {
	bottom: -200px;
	right: 100px;
	width: 302px;
	height: 271px;
	background: url(../images/new/sms/sms-img.png) no-repeat center;
}

.banner_sms .banner-img.active {
	bottom: -160px;
	opacity: 1;
}

.sms-banner-text span {
	display: inline-block;
	margin-right: 20px;
	font-size: 20px;
	color: #fefefe;
	border-radius: 16px;
}

.sms-fee-items li {
	display: inline-block;
	margin-right: 20px;
	padding: 35px 20px 30px;
	box-sizing: border-box;
	vertical-align: top;
	width: 225px;
	height: 300px;
	background: #f8f8f8;
	border: 2px solid #f8f8f8;

}

.sms-fee-items li:last-child {
	margin-right: 0;
}

.sms-fee-items li:hover {
	border-color: #a4cbff;
	background: #fff;
}

.sms-fee-items li strong {
	font-weight: normal;
}

.sms-fee-items li .sms-fee-item-head em {
	font-size: 18px;
	color: #222;
}

.sms-fee-items li div.sms-fee-item-head {
	border-bottom: 1px solid #e3e3e3;
}

.sms-fee-items li .sms-fee-item-text {
	padding-top: 36px;
}

.btn-buy {
	display: inline-block;
	width: 70px;
	line-height: 34px;
	border-radius: 4px;
	background: #f66866;
	font-size: 18px;
	color: #fff;
	text-align: center;
}

.sms-fee-item-last {
	width: 220px !important;
	background: #f66866 !important;
	border: none !important;
}

.sms-fee-item-last .sms-fee-item-head em {
	color: #fff !important;
}

.btn-buy-more {
	display: inline-block;
	box-sizing: border-box;
	width: 164px;
	line-height: 38px;
	border: 1px solid #fff;
	text-align: center;
	font-size: 18px;
	border-radius: 30px;
	letter-spacing: 4px;
}

.btn-buy-more:hover {
	background: #fff;
	color: #f66866;
}

/*新-kuajingdianshang-jinkou*/
.banner_kuajing .banner-img {
	bottom: -100px;
	right: -10px;
	width: 404px;
	height: 320px;
	background: url(../images/new/kuajingdianshang2/kjds-img.png) no-repeat center;
}

.banner_kuajing .banner-img.active {
	bottom: -70px;
	opacity: 1;
}

.spot-style {
	display: inline-block;
	vertical-align: middle;
	font-size: 42px;
	height: 4px;

	line-height: 0px;
	color: #fff;
}

.banner-button-new {
	width: 328px;
	height: 48px;
	line-height: 48px;
	font-size: 20px;
}

.banner-new {
	background: #1b2a46;
}

.banner-new img {
	position: absolute;
	top: 80px;
	right: 40px;
}

.pattern-new {
	display: block;
	width: 934px;
	height: 517px;
	margin: 0 auto;
}

.business-new li:hover {
	border: 1px solid #31cbe3;
}

.business-new li:hover i {
	color: #31cbe3;
}

.business-new li {
	width: 388px;
	height: 276px;
	border: 1px solid #fff;
	background: #fff;
	margin-right: 14px;
}

.business-new i {
	display: block;
	text-align: center;
	margin-top: 55px;
	line-height: 60px;
	font-size: 60px;
}

.business-new p {
	margin-top: 40px;
	text-align: center;
	line-height: 16px;
	font-size: 16px;

}

.business-new span {
	display: block;
	width: 70%;
	margin: 0 auto;
	margin-top: 21px;
	text-align: center;
	line-height: 20px;
	font-size: 14px;
}

.process-now {
	padding-bottom: 30px;
	border-bottom: 1px dashed #e3e3e3;
}

.process-now li {
	position: relative;
	text-align: center;
	margin-right: 162px;
}

.process-now li h3 {
	line-height: 30px;
	font-size: 30px;
	color: #383d41;
}

.process-now li h4 {
	display: block;
	margin-top: 15px;
	line-height: 16px;
	font-size: 16px;
	color: #383d41;
}

.process-now li div {
	margin: 0 auto;
	margin-top: 15px;
	width: 68px;
	height: 68px;
	background: #32cae2;
	border-radius: 50%;
}

.process-now li i {
	margin: 0 auto;
	line-height: 70px;
	font-size: 40px;
	color: #fff;
}

.process-now li p {
	width: 100px;
	margin-top: 22px;
	text-align: left;
	font-size: 14px;
	color: #666666;
}

.process-now span {
	position: absolute;
	top: 55%;
	right: -193px;
	display: block;
	width: 210px;
	height: 1px;
	background: #32cae2;
}

.pattern-img {
	display: block;
	margin: 0 auto;
}

.shop-fun li {
	width: 231px;
	height: 121px;
	margin-right: 8px;
	margin-bottom: 12px;
	padding-top: 25px;
	border: 1px solid #e4e4e4;
}

.shop-fun li i {
	vertical-align: middle;
	margin-left: 26px;
	margin-right: 10px;
	font-size: 25px;
	line-height: 30px;
}

.shop-fun li span {
	line-height: 16px;
	font-size: 16px;
	color: #222222;
}

.shop-fun li p {
	width: 85%;
	margin: 0 auto;
	margin-top: 15px;
	text-align: left;
}

.core-new li {
	width: 291px;
	height: 217px;
	border: 1px solid #fff;
	background: #fff;
	margin: 0 9px 16px 0;
}

.core-new i {
	display: block;
	margin-top: 56px;
	line-height: 50px;
	font-size: 50px;
	color: #31CBE3;
	text-align: center;
}

.core-new p {
	margin-top: 24px;
	text-align: center;
	line-height: 18px;
	font-size: 18px;
	color: #222;
}

.core-new .xian {
	height: 1px;
	background: #e4e4e4;
}

.core-new span {
	display: none;
	width: 80%;
}

.core-new li:hover {
	border: 1px solid #31CBE3;
}

.core-new li:hover div {
	margin-bottom: 10px;
}

.core-new li:hover i {
	float: left;
	margin: 20px 11px 0 28px;
	line-height: 30px;
	font-size: 23px;
	vertical-align: middle;
}

.core-new li:hover p {
	float: left;
}

.core-new li:hover span {
	display: block;
	margin: 0 auto;
	margin-top: 15px;
	font-size: 14px;
	color: #666;
}

.other-new {
	margin: 0 auto;
	width: 1160px;
	height: 320px;
	background: url(../images/new/kuajingdianshang2/other-new2.png)no-repeat;

}

.other-new li {
	margin-right: 10px;
	float: left;
	width: 185px;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.2);
	color: #fff;
}

.other-new li:hover {
	background: none
}

.other-new a {
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	color: #fff;
}

.other-new div {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.other-new i {
	font-size: 40px;
}

.kuajing-chart-tit {
	margin-bottom: 30px;
	text-align: center;
	font-size: 16px;
	color: #32cae2;
}

/*新-about*/
.about-nav {
	border-bottom: 1px solid #e3e3e3;
}

.about-nav li {
	float: left;
	width: 14.28%;
	font-size: 14px;
	text-align: center;
}

.about-nav li a {
	display: inline-block;
	padding: 0 10px;
	line-height: 60px;
	box-sizing: border-box;
	border-bottom: 1px solid transparent;
}

.about-nav li:hover a,
.about-nav li.active a {
	color: #21bbe2;
	border-color: #21bbe2;
}

.banner_parners {
	background: url(../images/new/about/about-ban01.png) no-repeat center;
}

.banner_parners strong {
	line-height: 473px;
	color: #fff;
	font-size: 36px;
}

.service-preview-items {
	margin-bottom: 37px;
}

.service-preview-items li {
	float: left;
	margin-right: 10px;
	margin-bottom: 13px;
	width: 292px;
	height: 172px;
	background: #f4f4f4;
	text-align: center;
}

.service-preview-items li:nth-child(4n) {
	margin-right: 0;

}

.service-preview-items li i.iconfont {
	display: inline-block;
	margin-top: 40px;
	margin-bottom: 28px;
	font-size: 40px;
	color: #666;
}

.service-process {
	max-width: 100%;
}

.service-preview-items li span {
	display: block;
	font-size: 16px;
	color: #666;

}

.company-address {
	position: relative;
	display: inline-block;
	width: 900px;
	height: 600px;
	background: url(../images/new/about/map-4.png) no-repeat center;
	background-size: 70%;
}

.local-informations {
	position: relative;
	display: inline-block;
	width: 436px;
	height: 156px;
	background: #fff;
	border: 1px solid #31cbe3;
	overflow: hidden;
}

.local-informations-zIndex {
	z-index: 2;
}

.local-informations b {
	position: absolute;
	bottom: -11px;
	left: 66px;
	z-index: 1;
	display: block;
	width: 22px;
	height: 22px;
	background: #fff;
	border: 1px solid #31cbe3;
	transform: rotate(138deg);
	-ms-transform: rotate(138deg);
	-moz-transform: rotate(138deg);
	-webkit-transform: rotate(138deg);
	-o-transform: rotate(138deg);
}

.company-address img {
	float: left;
	width: 110px;
}

.local-informations-text {
	float: left;
	box-sizing: border-box;
	width: 323px;

}

.local-informations-text span,
..local-informations-text em {
	color: #383d41;
}

.local-informations-text span {
	margin-bottom: 10px;
	margin-top: 14px;
	font-size: 16px;
}

.local-informations-text p {
	margin-bottom: 6px;
}

.local-informations-text em {
	display: inline-block;
	font-size: 12px;

}

.local-informations-text p,
.local-informations-text span {
	padding-left: 18px;
}

.local-informations-text p {
	position: relative;
}

.local-informations-text p .iconfont {
	position: absolute;
	left: 0;
	top: 0;
	display: inline-block;
	margin-right: 5px;
}

.local-addr {
	width: 60px;
	height: 36px;
}

.local-addr .iconfont {
	font-size: 22px;
	color: #31cbe3;
}

.local-informations-absolute {
	position: absolute;
	left: -56px;
	bottom: 70px;
}

.icon-local {
	font-size: 16px;
	transition: all 0.3s;

}

.address-hover.active .icon-local {
	font-size: 30px;
}

.address-hover.active .local-informations-absolute,
.address-hover.active .icon-location {
	opacity: 1;
}

.local-addr b,
.local-addr .icon-local {
	display: inline-block;
	vertical-align: middle;
	line-height: 30px;
}

.icon-location {
	position: absolute;
	left: 0;
	bottom: 19px;
	font-size: 30px !important;
	opacity: 0;
}

.address-shanghai {
	position: absolute;
	right: 130px;
	bottom: 160px;
	z-index: 2;
}

.address-beijing {
	position: absolute;
	right: 130px;
	bottom: 330px;
	z-index: 2;
}

.address-guangzhou {
	position: absolute;
	bottom: 0;
	left: 77px;
}

.address-zhengzhou {
	position: absolute;
	bottom: 182px;
	left: 77px;
}

.address-hangzhou {
	position: absolute;
	right: 130px;
	bottom: -10px;
	z-index: 2;
}

.banner_about1 {
	background: url(../images/new/about/about-ban2.png) no-repeat center;
}

.banner_about2 {
	background: url(../images/new/about/about-ban01.png) no-repeat center;
}

.banner_about3 {
	background: url(../images/new/about/about-ban3.png) no-repeat center;
}

.banner_about1,
.banner_about2 {
	background-size: cover;
}

.banner_about_new li strong {
	line-height: 473px;
	color: #fff;
	font-size: 36px;
}

.about-me-module1 {
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
}

.about-me-module1-img {
	position: relative;
	width: 546px;
	height: 520px;
}

.about-me-module1-img img {
	cursor: pointer;
}

.about-me-module1-img .video-wrap2 {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
}

.about-me-module1-img video {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
}


.about-me-module2-text {
	padding: 30px 30px 18px 32px;
	width: 590px;
}

.about-me-module2-text p {
	margin-bottom: 20px;
	font-size: 16px;
	color: #666;
	line-height: 28px;
}

.about-me-module1-img-swiper img {
	height: 355px;
}

.swiper-pagination2 {
	padding-right: 20px;
	box-sizing: border-box;
}

.swiper-pagination2 .swiper-pagination-bullet {
	margin: 0 2px !important;
	width: 12px;
	height: 12px;
}

.about-me-module2 li {
	margin-right: 10px;
	width: 393px;
	height: 235px;
}

.about-me-module2-item1 {
	background: url(../images/new/about/follow-bg1.png) no-repeat center;
}

.about-me-module2-item2 {
	background: url(../images/new/about/follow-bg2.png) no-repeat center;
}

.about-me-module2-item3 {
	background: url(../images/new/about/follow-bg3.png) no-repeat center;
}

.about-me-module2 span {
	display: block;
	margin-bottom: 27px;
	margin-top: 15px;
	font-size: 22px;
	font-weight: 700;
	color: #fff;
}

.about-me-module2 em {
	display: inline-block;
	width: 90px;
	height: 90px;
	background: #fff;
	border-radius: 100%;
}

.about-me-module2 em i.iconfont {
	font-size: 50px;
	line-height: 90px;
}

.about-me-module2 b {
	display: block;
	margin-top: 20px;
	font-size: 18px;
	color: #fff;
}

.about-me-module3 li {
	display: inline-block;
	margin-right: 68px;
	width: 141px;
	height: 141px;
	background: #fff;
	border: 1px solid #d6d6d6;
	text-align: center;
	border-radius: 100%;
}

.about-me-module3 li span {
	display: block;
	margin-top: 10px;
	font-size: 16px;
	color: #383d41;
}

.about-me-module3 i.iconfont {
	display: inline-block;
	margin-top: 22px;
	font-size: 50px;
}

.about-me-construction {
	position: relative;
	padding: 0 40px;
	box-sizing: border-box;
	width: 1200px;
	height: 590px;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
}

.about-me-construction li span {
	line-height: 50px;
}

.about-me-construction .swiper-button-prev,
.about-me-construction .swiper-button-next {
	z-index: 2;
	width: 30px;
	height: 88px;
	background: none;
	background-color: #ddd;
	outline: none;

}

.about-me-construction .swiper-button-prev {
	left: 0;
}

.about-me-construction .swiper-button-next {
	right: 0;
}

.about-me-construction i.iconfont {
	font-size: 30px;
	color: #fff;
	line-height: 88px;
}

.about-me-construction-swiper {
	/* width: ; */
}

.about-box-img {
	position: relative;
	width: 1110px;
	height: 500px;
}

.about-box-img img {
	display: block;
}

.zs-swiper li img {
	max-width: 100%;
}

.zs-swiper li {
	display: flex;
	height: 450px;
	justify-content: space-around;
	align-items: center;
	margin-right: 20px;
}

#outerdiv {
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.7);
	z-index: 3;
	width: 100%;
	height: 100%;
	display: none;
}

#outerdiv #bigimg {
	border: 5px solid #fff;
}


.other-new a {
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	color: #fff;
}

.other-new div {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.other-new i {
	font-size: 40px;
}

.other-new a {
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	color: #fff;
}

.other-new div {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.other-new i {
	font-size: 40px;
}

.about-swiper {
	height: 500px;
	width: 1200px;
}

.about-istory {
	width: 100%;
}

.about-istory div {
	position: relative;
	box-sizing: border-box;
	padding-left: 35px;
	float: right;
	width: 50%;
	border: 1px dashed #f0f0f0;
}

.about-istory i {
	position: absolute;
	top: 0;
	left: -16px;
	z-index: 2;
	font-size: 32px;
	color: #C9C9C9;
}

.about-istory span {
	font-size: 16px;
	color: #c9c9c9;
}

.about-istory p {
	margin-top: 5px;
	width: 495px;
	min-height: 88px;
	line-height: 24px;
	padding: 18px 23px;
	box-sizing: border-box;
	background: #fff;
	color: #666;
}

.about-istory:nth-child(even) div {
	float: left;
	width: 50%;
}


.about-istory:nth-child(even) i {
	position: absolute;
	left: inherit !important;
	right: -16px;
}

.about-istory:nth-child(even) span {
	padding-left: 420px;
}


.introduce-box li {
	width: 592px;
	height: 472px;
}



.about-istory:last-child {
	position: absolute;
	top: 0;
	left: 50%;
	width: 1px;
	height: 100%;
	border-left: 1px dashed #fff;
}

.about-istory.active div {
	padding-left: 35px;
}

.about-istory.active i {
	font-size: 44px;
	color: #31cbe3;
	top: -6px;
	left: -23px;
}

.about-istory.active:nth-child(even) i {
	font-size: 44px;
	color: #31cbe3;
	right: -23px;
}

.about-istory.active span {
	color: #31cbe3;
}

.about-istory.active p {
	background: #31cbe3;
	color: #fff;
}

.kuaj-case .swiper-container {
	width: 100%;
	height: 100%;
}

.kuaj-case .swiper-slide {
	text-align: center;
	font-size: 18px;
	height: 536px;
	background: #fff;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.kuaj-case .swiper-button-next,
.kuaj-case .swiper-button-prev {
	width: 40px !important;
	height: 67px !important;

	background: url(../images/new/kuajingdianshang2/left-right-jt.png)no-repeat !important;
}

.kuaj-case .swiper-button-next {
	background-position: -40px !important;
}

/*new-加入我们*/
.introduce-box li {
	width: 592px;
	height: 472px;
}

.introduce-box li div {
	padding: 20px 31px 0 31px;
	height: 136px;
	line-height: 20px;
	background: #f4f4f4;
	font-size: 14px;
	color: #666;
}


.firm-development li {
	width: 290px;
	height: 220px;
	background: #f4f4f4;
	padding-top: 60px;
	margin-right: 13px;
}

.firm-development div {
	width: 102px;
	height: 102px;
	background: #fff;
	border: 1px solid #c7c7c7;
	border-radius: 50%;
	text-align: center;
	line-height: 102px;
	margin: 0 auto;

}

.firm-development i {
	font-size: 50px;
	color: #8f8f8f;
}

.firm-development p {
	font-size: 16px;
	color: #393939;
	text-align: center;
	margin-top: 38px;
}

.recruit li {
	margin-bottom: 10px;
	cursor: pointer;
}

.recruit div.clearfix {
	padding: 0 20px 0 17px;
	height: 57px;
	line-height: 57px;
	background: #f4f4f4;
}

.recruit div.fz16 {
	color: #383d41;
}

.recruit div em {
	color: #31cbe3;
}

.recruit i {
	font-size: 30px;
	color: #666;
}

.recruit i.icon-arrow-down {
	color: #fff;
}

.job-description {
	display: none;
	padding: 20px 20px 30px 20px;
	line-height: 25px;
	border: 1px solid #31cbe3;
	border-top: none;
}

.job-description h4 {
	font-size: 14px;
	color: #383d41;
	font-weight: 600;
}

.job-description p {
	font-size: 14px;
	color: #666666;
}

.recruit div.active {
	background: #31cbe3;
}

.recruit div.active div,
.recruit div.active em {
	color: #fff;
}

.delivery-resume {
	font-size: 18px;
	color: #31cbe3;
	text-align: center;
	margin-top: 36px;

}

.honour-module {
	height: 642px;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
}

.honour-module-right {
	box-sizing: border-box;
	height: 100%;
	width: 930px;
	text-align: center;

}

.gallery-top {
	margin: 23px 51px !important;
	width: 828px;
	height: 596px;
}

.gallery-top .swiper-slide img {
	width: 100%;
	height: 100%;
}

.gallery-thumbs {
	width: 269px;
	height: 100%;
	text-align: center;

}

.gallery-thumbs img {
	margin-top: 8px;
	width: 203px;
	height: 146px;
}

.gallery-thumbs .swiper-slide-active {
	box-sizing: border-box;
	border: 1px solid #21bbe2;
}

.gallery-thumbs .swiper-slide {
	width: 269px !important;
	height: 162px !important;
}

.gallery-thumbs .swiper-button {
	display: inline-block;
	width: 60px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background: #ddd;
	color: #fff;
	z-index: 6;


}

.gallery-thumbs .swiper-button .iconfont {
	font-size: 30px;
}

.gallery-thumbs .swiper-button-prev {
	top: 22px;
	left: 100px;
}

.gallery-thumbs .swiper-button-next {
	bottom: 0;
	right: 112px;
	top: auto;
}

.honour-lists li {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	padding: 18px;
	box-sizing: border-box;
	width: 385px;
	height: 497px;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
}

.honour-lists li img {
	max-width: 100%;
}

.honour-lists li:nth-child(3n) {
	margin-right: 0;
}

.pages {
	text-align: center;
	margin-top: 40px;
}

.pages li {
	display: inline-block;
}

.pages li.active a {
	color: #21bbe2;
	border-color: transparent;
}

.pages li a {
	display: inline-block;
	padding: 0 10px;
	line-height: 30px;
	border: 1px solid #bcbcbc;
	color: #333;
	border-radius: 4px;
}

.swiper-container-history .swiper-slide {
	font-size: 18px;
	height: auto;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 30px;
}

.module-lr {
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
}

.module-lr-text {
	padding: 20px 10px;
	color: #373d41;
	line-height: 30px;
	width: 620px;
}

.module-lr-img {
	width: 541px;
}


/*success-case*/

.success-h4 {
	display: inline-block;
	width: 95px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	font-size: 14px;
	border: 1px solid #31cbe3;
	color: #31cbe3;
}

.banner-success .swiper-container {
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}

.banner-success .swiper-pagination-bullet-active {
	background: #80c0e6 !important;
}

.banner-success {
	width: 100%;
	text-align: center;
	background: url(../images/new/success-case/banner-bg2.png)no-repeat;
	/* Center slide text vertically */
	/* display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center; */
}



.banner-success .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	bottom: 35px !important;
}

.banner-success .swiper-pagination-bullet {
	width: 25px;
	height: 5px;
	border-radius: unset;
}

.success-case-ul {
	position: relative;
	margin-top: -334px !important;
	box-sizing: border-box;
	background: linear-gradient(135deg, #EDF6FF 0%, #FFFFFF 100%);
	box-shadow: 0px 2px 24px 0px rgba(30, 44, 65, 0.05);
	border-radius: 8px;
	border: 3px solid #FFFFFF;
	height: 424px;
	padding: 50px 35px 50px;
}

.success-case-ul .swiper-pagination {
	bottom: 0 !important;
}

.success-case-ul ul {
	width: 100%;
	position: relative;
}

.success-case-ul ul .banner-success-text {
	margin-left: 24px;
	width: 819px;
}

.banner-success-text p {
	margin-bottom: 10px;
}

.banner-success-text .sign {
	font-size: 14px;
	color: #999;
	position: absolute;
	width: 100%;
	right: 0;
	bottom: 30px;
}

.banner-success .banner-success-text {
	width: 70%;
	margin-left: 80px;
	height: 275px;
}

.banner-success li:nth-child(1) {
	margin-top: 30px;
	width: 218px;
	height: 218px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .8);
}


.banner-success li:nth-child(1) img {
	margin-top: 14px;
	width: 188px;
	height: 188px;
	border-radius: 50%;
}

.banner-success-text h3 {
	display: table;
	padding-bottom: 8px;
	margin-bottom: 15px;
	font-size: 14px;
	color: #333;
}

.banner-success-text div img {
	width: 24px;
	height: 19px;
	vertical-align: super;
}

.banner-success-text div {
	line-height: 24px;
	font-size: 14px;
	color: #333;
	text-align: left;
}



.success-nav li {
	width: 50%;
	text-align: left;
	padding-left: 50px;
	box-sizing: border-box;
}

.success-nav li:first-child {
	text-align: right;
	padding-right: 50px;
	box-sizing: border-box;
}

.success-swiper {
	height: 580px !important;
	border: 1px solid #31cbe3;
}

.success-swiper .success-content {
	padding: 0 58px;
	height: 100%;
}

.success-img-act {
	width: 226px;
	height: 60px;
	margin-bottom: 6px;
	margin-top: 14px;
}

.success-img li {
	width: 324px;
	height: 241px;
	padding: 10px;
	margin-right: 10px;
	border: 1px solid #e9e9e9;
	overflow: hidden;

}

.success-img li img {
	width: 100%;
	max-height: 100%;
}

.success-text {
	margin-top: 24px;
	padding-bottom: 16px;
	border-bottom: 1px dashed #e0e0e0;
	text-align: left;
	line-height: 24px;
	font-size: 14px;
	color: #383d41;
}

.success-combination {
	width: 354px;
	margin: 20px auto;
}

.success-combination li {
	margin-right: 20px;
}

.success-combination i {
	font-size: 16px;
}


.success-btn {
	display: block;
	margin: 0 auto;
	width: 248px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	background: #31cbe3;
}

.success-swiper .swiper-button-next {
	background: url(../images/new/success-case/right-jt.png)no-repeat !important;
	background-size: 100%;
	width: 23px;
	height: 75px;
	right: 0;
}

.success-swiper .swiper-button-prev {
	background: url(../images/new/success-case/left-jt.png)no-repeat !important;
	background-size: 100%;
	width: 23px;
	height: 75px;
	left: 0;
}



.success-pagination {
	margin: 0 auto;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

.success-pagination li {
	float: left;
	padding: 6px 9px;
	margin-right: 4px;
	cursor: pointer;
	font-size: 14px;
	color: #333;
	border-radius: 5px;
	border: 1px solid #e7e7e7;
}

.success-pagination li:hover {
	color: #31cbe3;
}


.success-pagination li.active {
	border: 1px solid #f4f4f4;
	color: #31cbe3;
}

.success-swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.success-swiper {
	width: 98%;
	height: 100%;
}

.success-classic-case .case-list li {
	/*padding-top: 36px;*/
	margin-right: 22px;
	background: #fff;
	width: 383px !important;
	border: 1px solid #fff;
}

.success-classic-case .case-list li:hover {
	border: 1px solid #31cbe3;
}


.success-classic-case .case-list li:nth-child(3n) {
	margin-right: 0;
}

.success-classic-case .case-intro .text h4 {
	font-weight: 600;
	font-size: 16px;
	color: #383d41;
}

.success-classic-case .case-intro .text p {
	line-height: 22px;
	font-size: 14px;
	color: #666;
}

.success-classic-case .case-list li img {
	width: 362px;
	height: 274px;
	margin: 0 auto !important;
}

.success-classic-case .case-intro .text {
	width: 100%;
	padding: 0 34px;
	box-sizing: border-box;
}

/*2018.7.30 new-ERP*/
.banner_erp .banner-img {
	bottom: -100px;
	right: -10px;
	width: 304px;
	height: 320px;
	background: url(../images/new/erpbuilder/eboss-logo.png) no-repeat center;
	background-size: contain;
}

.banner_erp .banner-img.active {
	bottom: -60px;
	opacity: 1;
}

.banner_erp p {
	line-height: 26px;
}

.erp-difficulty {
	width: 100%;
	height: 310px;
}

.erp-difficulty li {
	width: 300px;
	height: 100%;
}

.erp-difficulty li div {
	width: 100%;
	height: 188px;
}

.erp-difficulty li:first-child div {
	background: url(../images/new/erpbuilder/erp-qyds.png)no-repeat 0 0;
}

.erp-difficulty li:nth-child(2) div {
	background: url(../images/new/erpbuilder/erp-qyds.png)no-repeat -303px 0;
}

.erp-difficulty li:nth-child(3) div {
	background: url(../images/new/erpbuilder/erp-qyds.png)no-repeat -603px 0;
}

.erp-difficulty li:nth-child(4) div {
	background: url(../images/new/erpbuilder/erp-qyds.png)no-repeat -903px 0;
}

.erp-difficulty li p {
	margin-top: 15px;
	padding: 0 15px;
	padding-top: 10px;
	box-sizing: border-box;
	width: 100%;
	height: 105px;
	line-height: 22px;
	border-right: 1px solid #e8e8e8;
	color: #383d41;
}

.erp-management {
	width: 1200px;
}

.erp-management li {
	margin-right: 14px;
	margin-bottom: 11px;
	width: 287px;
	height: 178px;
	background: #fff;
	border: 1px solid #fff;
}

.erp-management li:nth-child(4n) {
	margin-right: 0;
}

.erp-management li:hover {
	border: 1px solid #31cbe3;
}

.erp-static {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
	margin: 0 auto;
	width: 64px;

}

.erp-static i {
	font-size: 44px;
	color: #383d41;
}

.erp-static p {
	margin-top: 5px;
	font-size: 16px;
	color: #383d41;
}

.erp-dynamic {
	display: none;
	padding-left: 25px;
	padding-right: 21px;
}

.erp-dynamic div {
	margin-top: 25px;
	border-bottom: 1px solid #e7e7e7;
}

.erp-dynamic div i {
	font-size: 22px;
	color: #46cee3;
}

.erp-dynamic div p {
	margin-left: 10px;
	font-size: 16px;
	color: #383d41;
}

.erp-dynamic>p {
	margin-top: 5px;
	font-size: 14px;
	color: #666;
	line-height: 26px;
}

.erp-footer-tiyan {
	height: 180px !important;
	padding-top: 30px;
	box-sizing: border-box;
}

.erp-footer-tiyan p {
	line-height: 24px !important;
	padding-top: 0 !important;
}

.erp-footer-tiyan a {
	margin-top: 19px !important;
	margin: 0 auto;
	padding: 0 !important;
	text-align: center;
	display: block !important;
	width: 246px;
	height: 45px !important;
	line-height: 45px !important;
	background: #fff;
}


/*xiaochengxu*/
.banner_xcx {
	background: url(../images/new/xiaochengxu/banner.png) no-repeat center;
}

/* .banner_xcx .banner-img {
	bottom: -100px;
	right: -10px;
	width: 404px;
	height: 320px;
	background: url(../images/new/xiaochengxu/xcx-banner.png) no-repeat center;
	background-size: 100%;
}

.banner_xcx .banner-img.active {
	bottom: -224px;
	opacity: 1;
}
 */
.banner_xcx .h4 {
	width: 690px;
}

.banner_xcx .h4 span {
	margin-bottom: 10px;
}

.banner_xcx .h4 span.fr {
	width: 290px;
}

.program-traffic li {
	margin-right: 6px;
}

.program-traffic li p {
	width: 293px;
	height: 70px;
	line-height: 70px;
	text-align: center;
	border: 1px solid #F4F4F4;
	background: #F4F4F4;
	border-top: none;
	font-size: 14px;
	color: #383d41;
}

.program-traffic li:hover {
	-moz-box-shadow: 0px 0px 5px rgba(14, 5, 10, 0.4);
	-webkit-box-shadow: 0px 0px 5px rgba(14, 5, 10, 0.4);
	box-shadow: 0px 0px 5px rgba(14, 5, 10, 0.4);
}

.program-traffic li:hover p {
	background: #fff;
	border: 1px solid #31cbe3;
}

.program-advantage li {
	margin-right: 10px;
	width: 230px;
	height: 214px;
	border: 1px solid #fff;
	background: #fff;
}

.program-advantage li i {
	display: block;
	margin-top: 38px;
	text-align: center;
	font-size: 39px;
	color: #383d41;
}

.program-advantage li em {
	display: block;
	margin-top: 7px;
	margin-bottom: 15px;
	text-align: center;
	line-height: 16px;
	font-size: 16px;
	color: #383d41;
}

.program-advantage li p {
	width: 75%;
	margin: 0 auto;
	font-size: 14px;
	color: #666;
}

.program-advantage li:hover {
	border: 1px solid #31cbe3;
}

.program-advantage li:hover i {
	color: #31cbe3;
}

.program-marketing li {
	width: 96px;
	height: 96px;
	border-radius: 50%;
	background: #31cbe3;
	margin-right: 58px;
}

.program-marketing li i {
	display: block;
	margin-top: 14px;
	text-align: center;
	font-size: 35px;
	color: #fff;
}

.program-marketing li:last-child i {
	margin-top: 0;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.program-marketing li p {
	text-align: center;
	margin-top: 8px;
	line-height: 14px;
	font-size: 14px;
	color: #fefefe;
}

.btn-free-trial {
	display: block;
	text-align: center;
	margin: 0 auto;
	margin-top: 44px;
	width: 186px;
	height: 47px;
	line-height: 47px;
	border: 1px solid #31cbe3;
	font-size: 16px;
	color: #31cbe3;
}

.program-consulting {
	-moz-box-shadow: 0px 0px 5px rgba(14, 5, 10, 0.4);
	-webkit-box-shadow: 0px 0px 5px rgba(14, 5, 10, 0.4);
	box-shadow: 0px 0px 5px rgba(14, 5, 10, 0.4);
}

.program-consulting li.fl {
	position: relative;
	width: 533px;
	height: 526px;
	background: url(../images/new/xiaochengxu/consulting.png) no-repeat;
}

.program-consulting li.fl div {
	position: absolute;
	top: 373px;
	left: 50%;
	margin-left: -82px;
	text-align: center;
}

.program-consulting li.fl p {
	margin-bottom: 10px;
	line-height: 16px;
	font-size: 16px;
	color: #383d41;

}

.program-consulting li.fl h4 {
	margin-bottom: 20px;
	line-height: 24px;
	font-size: 24px;
	color: #31cbe3;

}

.program-consulting li.fl a {
	display: block;
	width: 164px;
	height: 45px;
	text-align: center;
	line-height: 45px;
	background: #31cbe3;
	color: #fff;
	font-size: 14px;
}

.program-consulting li.fl a i {
	vertical-align: middle;
}

.program-consulting li.fr {
	width: 667px;
	height: 526px;
}

.program-consulting form {
	padding: 26px 0 0 56px;
}

.program-consulting form dl {
	margin-bottom: 15px;
}

.program-consulting form dt {
	display: inline-block;
	vertical-align: middle;
	width: 70px;
	text-align: right;
	font-size: 14px;
	color: #383d41;
	margin-right: 14px;
}

.program-consulting form dd {
	display: inline-block;
	width: 476px;
}

.program-consulting form dd input {
	padding-left: 12px;
	width: 100%;
	height: 43px;
	box-sizing: border-box;
	border: 1px solid #dcdcdc;
	font-size: 14px;
	color: #b3b3b3;
}

.program-consulting dl:first-child input {
	width: 287px;
}

.program-consulting input::-webkit-outer-spin-button,
.program-consulting input::-webkit-inner-spin-button {
	-webkit-appearance: none;
}

.program-consulting input[type="number"] {
	-moz-appearance: textfield;
}

.program-consulting input:focus,
.program-consulting textarea:focus {
	outline: none;
	border: 1px solid #31cbe3 !important;
}

.program-consulting dl:nth-child(3) input {
	padding-right: 130px;
}

.program-consulting dl button {
	position: absolute;
	right: 1px;
	top: 1px;
	width: 115px;
	height: 41px;
	line-height: 41px;
	text-align: center;
	border: none;
	background: #efefef;
	font-size: 14px;
	color: #41d1e5;
}

.program-consulting dl:nth-child(3) dt {
	vertical-align: top;
	margin-top: 13px;
}

.program-consulting dl:nth-child(5) dt {
	vertical-align: top;
	margin-top: 13px;
}

.program-consulting textarea {
	padding: 14px 12px;
	box-sizing: border-box;
	width: 100% !important;
	height: 165px !important;
	border: 1px solid #dcdcdc !important;
}

.program-consulting li.fr a {
	margin: 0 auto;
	display: block;
	width: 157px;
	height: 43px;
	line-height: 43px;
	text-align: center;
	border: 1px solid #31cbe3;
	font-size: 16px;
	color: #31cbe3;
}

.xcx-module1-items li {
	display: inline-block;
	margin-right: 17px;
	margin-bottom: 20px;
	width: 386px;
	height: 311px;
	background: #fff;
	vertical-align: top;
	text-align: center;
}

.xcx-module1-items li:nth-child(3n) {
	margin-right: 0;
}

.xcx-module1-items li .iconfont {
	display: inline-block;
	margin: 30px 0 20px;
	width: 83px;
	height: 83px;
	line-height: 83px;
	border-radius: 100%;
	font-size: 30px;
	color: #fff;
}

.xcx-module1-items li:nth-child(1) .iconfont {
	background: #03ABFF;
}

.xcx-module1-items li:nth-child(2) .iconfont {
	background: #FF5656;
}

.xcx-module1-items li:nth-child(3) .iconfont {
	background: #4A90E2;
}

.xcx-module1-items li:nth-child(4) .iconfont {
	background: #42C6F2;
}

.xcx-module1-items li:nth-child(5) .iconfont {
	background: #7ED321;
}

.xcx-module1-items li:nth-child(6) .iconfont {
	background: #F8B51C;
}

.xcx-module1-items li p {
	display: inline-block;
	width: 248px;
	font-size: 14px;
	color: #9D9D9D;
	text-align: left;
}

.xcx-module1-items li span {
	margin-bottom: 16px;
	font-size: 16px;
	font-weight: bold;
	color: #383D41;
}

.xcx-module1-items li a {
	display: inline-block;
	margin-top: 26px;
	width: 200px;
	height: 46px;
	line-height: 44px;
	border: 1px solid #03ABFF;
	font-size: 16px;
	color: #03ABFF;
	box-sizing: border-box;
}

.xcx-module2-items li {
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
	width: 292px;
	height: 234px;
	vertical-align: top;
	background: #fff;
	box-sizing: border-box;
	cursor: pointer;
}

.xcx-module2-items li:nth-child(4n) {
	margin-right: 0;
}

.xcx-module2-items li .detail {
	display: none;
}

.xcx-module2-items li .preview .iconfont {
	display: inline-block;
	margin-top: 70px;
	font-size: 40px;
	color: #383D41;
}

.xcx-module2-items li .preview span {
	margin-top: 30px;
	font-size: 16px;
	color: #383D41;
}

.xcx-module2-items li .detail {
	padding: 30px 22px 10px;
}

.xcx-module2-items li .detail h5 {
	margin-bottom: 18px;
	font-size: 16px;
	font-weight: 700;
	color: #383D41;
	text-align: center;
}

.xcx-module2-items li .detail p {
	font-size: 14px;
	color: #7D7D7D;
	line-height: 24px;
}

.xcx-module2-items li:hover {
	box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.18);
	border: 1px solid rgba(3, 171, 255, 1);
}

.xcx-module2-items li:hover .preview {
	display: none;
}

.xcx-module2-items li:hover .detail {
	display: block;
}

/*区块链*/
.banner_chain .banner-img {
	bottom: -100px;
	right: -10px;
	width: 404px;
	height: 320px;
	background: url(../images/new/chain-new/chain-banner.png) no-repeat center;
	background-size: 100%;
}

.banner_chain .banner-img.active {
	bottom: -118px;
	opacity: 1;
}

.banner_chain .h3 {
	margin-top: 50px;
}

.chain-system {
	width: 100%;
	height: 434px;
	background: url(../images/new/chain-new/chain-img.png)no-repeat;
	background-size: 100%;
}

.chain-system li>div {
	margin-bottom: 10px;
	width: 400px;
	height: 210px;
	border: 1px solid #fff;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.chain-system li>div div {
	width: 100%;
	height: 54px;
	line-height: 54px;
	text-align: center;
	font-size: 16px;
	color: #383d41;
	background: #e5e9ea;

}

.chain-system li p {
	width: 100%;
	padding: 0 34px;
	box-sizing: border-box;
	line-height: 22px;
	margin-bottom: 5px;
	font-size: 14px;
	color: #383d41;
}


.chain-system li>div:hover {
	border: 1px solid #31cbe3;
}

.chain-system li>div:hover div {
	color: #fff;
	background: #31cbe3;
}


/*webpos*/
.banner_webpos .h3 {
	margin-top: 30px;
	font-size: 36px;
}

.banner_webpos .banner-img {
	bottom: -100px;
	right: -10px;
	width: 450px;
	height: 350px;
	background: url(../images/new/webpos/webpos-banner.png) no-repeat center;
	background-size: 100%;
}

.banner_webpos .banner-img.active {
	bottom: -85px;
	opacity: 1;
}

.webpos-box img {
	display: block;
	margin: 0 auto;
}

.webpos-box .erp-management li:hover i {
	color: #31cbe3;
}

.webpos-box .erp-static {
	width: 100%;
	min-height: 128px;
	padding: 0 30px;
	box-sizing: border-box;
}


.webpos-box .erp-static div {
	margin-top: 15px;
	line-height: 18px;
	text-align: left;
	font-size: 14px;
	color: #666;
}


/*农村电商解决方案*/
.banner_farm2 .h3 {
	margin-top: 30px;
	font-size: 36px;
}

.banner_farm2 .banner-img {
	bottom: -100px;
	right: -10px;
	width: 450px;
	height: 350px;
	background: url(../images/new/farm/farm-banner.png) no-repeat center;
	background-size: 100%;
}

.banner_farm2 .banner-img.active {
	bottom: -170px;
	opacity: 1;
}

.farm-btn {
	display: block;
	margin: 0 auto;
	margin-top: 45px;
	width: 155px;
	height: 37px;
	line-height: 37px;
	text-align: center;
	font-size: 14px;
	color: #31cbe3;
	border: 1px solid #31cbe3;
}

.farm-programme .index-options {
	background: #f4f4f4;
}

.farm-programme .index-options ul {
	height: 345px;
	background: url(../images/new/farm/farm-img2.png) no-repeat;
}

.farm-programme .index-options ul li {
	width: 16.6666%;
}

.farm-programme .index-options ul li h4 {
	margin-top: 4px;
	font-size: 16px;
}

.farm-programme .index-options ul li .detail h4 {
	margin-top: 10px !important;
	margin-bottom: 15px;
}

.farm-swiper .case-list li {
	width: 378px !important;
	border: 1px solid #ddd;
}

.farm-swiper .swiper-button-next {
	background: url(../images/new/success-case/right-jt.png)no-repeat !important;
	background-size: 100%;
	width: 23px;
	height: 75px;
	right: 0;
}

.farm-swiper .swiper-button-prev {
	background: url(../images/new/success-case/left-jt.png)no-repeat !important;
	background-size: 100%;
	width: 23px;
	height: 75px;
	left: 0;
}

/*gongyingshang*/
.banner_supplier .h3 {
	margin-top: 30px;
	font-size: 36px;
}

.banner_supplier .banner-img {
	bottom: -100px;
	right: -10px;
	width: 450px;
	height: 350px;
	background: url(../images/new/gongyingshang/supplier-banner.png) no-repeat center;
	background-size: 100%;
}

.banner_supplier .banner-img.active {
	bottom: 0;
	opacity: 1;
}

.qualification li {
	padding: 8px 9px 0 9px;
	box-sizing: border-box;
	width: 592px;
	height: 392px;
	background: #fff;
}

.qualification li p {
	margin-top: 8px;
	height: 68px;
	padding: 0 35px;
	text-align: left;
	padding-top: 5px;
	box-sizing: border-box;
	line-height: 24px;
	font-size: 16px;
	color: #383d41;
}

.gys-text-spot {
	display: inline-block;
	margin-top: 16px;
	width: 700px;
	font-size: 0;
}

.gys-text-spot em {
	display: inline-block;
	margin-bottom: 10px;
	width: 25%;
	font-size: 16px;
}

.supplier-scale {
	width: 1200px;
	height: 172px;
	background: url(../images/new/gongyingshang/supplier-yes.png)no-repeat;
	background-size: 100%;
}

.supplier-scale li {
	float: left;
	width: 20%;
	height: 100%;
}

.supplier-scale li div {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;

}

.supplier-scale li p {
	line-height: 24px;
	font-size: 24px;
	color: #fff;
}

.supplier-scale li span {
	display: block;
	margin-top: 10px;
	line-height: 16px;
	font-size: 16px;
	color: #fff;
}

.supplier-scale2 {
	margin-top: 2px;
	background: url(../images/new/gongyingshang/supplier-no.png)no-repeat;
	background-size: 100%;
}

.supplier-invoice li {
	display: inline-block;
	margin: 0 38px;
}

.supplier-invoice div {
	float: left;
	width: 172px;
	height: 127px;
	border: 1px solid #31cbe3;
	background: #fff;
	box-sizing: border-box;

}

.supplier-invoice div.relative {
	border: 1px dashed #31cbe3
}

.supplier-invoice img {
	position: absolute;
	top: 28px;
	left: 46px;
}

.supplier-invoice div:nth-child(2n) {
	border: none;
	width: 42px;
	height: 14px;
	margin: 55px 12px;
	background: url(../images/new/gongyingshang/left-jt.png)no-repeat;
	background-size: 100%;
}

.supplier-invoice span {
	display: block;
	margin: 0 auto;
	margin-top: 16px;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background: #e5e9ea;
}

.supplier-invoice svg {
	display: block;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	margin: 0 auto;
	font-size: 46px;
}

.supplier-invoice p {
	margin-top: 10px;
	text-align: center;
	font-size: 16px;
	color: #383d41;
}

.supplier-invoice li.mt15 div {
	border: none;
}

.supplier-invoice li.mt15 div:first-child span {
	background: none;
}

.supplier-invoice li.mt15 div:first-child svg {
	font-size: 60px;
}

.supplier-invoice li.mt15 div:nth-child(2n) {
	background: url(../images/new/gongyingshang/left-jt2.png)no-repeat;
	background-size: 100%;
}

.supplier-price li {
	margin: 0 17px;
}


.supplier-price div {
	position: relative;
	width: 230px;
	height: 117px;
}

.supplier-price div:nth-child(2n) {
	margin: 51px 20px;
}

.supplier-price img {
	position: absolute;
	top: 23px;
	left: 67px;
}

.supplier-price i {
	margin-top: 24px;
	display: block;
	text-align: center;
	font-size: 44px;
	color: #31cbe3;
}

.supplier-price p {
	position: absolute;
	bottom: 15px;
	width: 100%;
	text-align: center;
	font-size: 14px;
	color: #383d41;
}

.supplier-price li.mt15 i {
	color: #b9b9b9;
}

.supplier-product li.fr {
	width: 833px;
	height: 244px;
	background: #fff;
}

.supplier-product div {
	margin: 0 auto;
	margin-top: 21px;
	padding: 48px 54px;
	width: 795px;
	height: 202px;
	font-size: 14px;
	line-height: 24px;
	color: #383d41;
	border: 1px dashed #31cbe3;
	box-sizing: border-box;
}

.supplier-late {
	width: 1000px;
	margin: 0 auto;
}

.supplier-late li {
	width: 25%;
}

.supplier-late span {
	display: block;
	margin: 0 auto;
	width: 70px;
	height: 70px;
	border: 1px solid #9a9a9a;
	border-radius: 50%;
}

.supplier-late i {
	display: block;
	text-align: center;
	font-size: 46px;
	line-height: 70px;
}

.supplier-late p {
	margin-top: 24px;
	line-height: 14px;
	text-align: center;
	font-size: 14px;
	color: #383d41;
}

.gongyingshang-news-items li {
	display: inline-block;
	margin-right: 18px;
	margin-bottom: 20px;
	padding: 16px;
	width: 388px;
	height: 368px;
	background: #fff;
	border: 1px solid transparent;
	box-shadow: 0 4px 10px rgba(0, 0, 0, .1);
	box-sizing: border-box;
	vertical-align: top;
}

.gongyingshang-news-items li:hover {
	border-color: #83e3ff;
}

.gongyingshang-news-items li:nth-child(3n) {
	margin-right: 0;
}

.gongyingshang-news-items li .img-box {
	display: inline-block;
	position: relative;
	margin-bottom: 12px;
	width: 356px;
	height: 258px;
	overflow: hidden;
}

.gongyingshang-news-items li span {
	display: block;
	margin-bottom: 10px;
	font-size: 15px;
	color: #383d41;
}

.gongyingshang-news-items li p {
	font-size: 12px;
	color: #666;
	max-height: 34px;
	overflow: hidden;
}


/*IM*/
.banner_IM .h3 {
	font-size: 36px;
	line-height: 50px;
}

.banner_IM .h4 p {
	font-size: 20px;
	margin-bottom: 8px;
}

.banner_IM .banner-img {
	bottom: -80px;
	right: -10px;
	width: 450px;
	height: 350px;
	background: url(../images/new/im/im-banner.png) no-repeat center;
	background-size: 100%;
}

.banner_IM .banner-img.active {
	bottom: 0;
	opacity: 1;
}

.IM-box>ul {
	padding: 0 160px;
	box-sizing: border-box;
	height: 30px;
	line-height: 30px;
}

.IM-box>ul li {
	float: left;
	position: relative;
	width: 33.3%;
	height: 32px;
	line-height: 32px;
	text-align: center;
	cursor: pointer;
	font-size: 14px;
	color: #383d41;
}

.IM-box>ul li p {
	display: inline-block;
	box-sizing: border-box;
}

.IM-box>ul li.active p {
	color: #31cbe3 !important;
	border-bottom: 2px solid #31cbe3;
}

.IM-box .content {
	position: relative;
	margin-top: 30px;
	width: 100%;
	height: 398px;
}

.IM-box .content .ct {
	position: absolute;
	width: 1200px;
}

.IM-left-content {
	width: 394px;
	margin-left: 116px;
}

.IM-left-content h3 {
	margin-top: 50px;
	line-height: 16px;
	font-size: 16px;
	color: #31cbe3;
}

.IM-left-content>p {
	margin-top: 15px;
	line-height: 24px font-size: 14px;
	color: #4e5356;
}

.IM-left-content ul {
	margin-top: 15px;

}

.IM-left-content li {
	float: left;
	margin-left: 22px;
	text-align: center;
	width: 45px;
}


.IM-left-content li div {
	width: 45px;
	height: 45px;
	background: #e5e9ea;
	border-radius: 50%;
}

.IM-left-content li i {
	display: block;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
	font-size: 26px;
	color: #31cbe3;
}

.IM-left-content li p {
	margin-top: 14px;
	line-height: 14px;
	font-size: 14px;
	color: #383d41;
}

.IM-left-content a {
	display: block;
	margin: 0 auto;
	margin-top: 28px;
	width: 174px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	border-radius: 20px;
	background: #31cbe3;
}

.IM-right-content {
	position: relative;
	width: 590px;
	height: 398px;
	background: url(../images/new/im/phone-bg.png);
}


.IM-right-content .swiper-container {
	width: 100%;
	height: 100%;
}

.IM-right-content .swiper-slide {
	opacity: 0.5;
	margin-top: 33px;
	width: 173px;
	height: 317px;
}

.IM-right-content .swiper-slide-next {
	opacity: 1;

}

.IM-right-content .phone-img1 {
	left: 0
}

.IM-right-content .phone-img2 {
	left: 208px;
}

.IM-right-content .phone-img3 {
	left: 416px;
}

.IM-channel {
	padding: 0 125px;
	box-sizing: border-box;
	width: 100%;
	height: 217px;
	background: url(../images/new/im/channel-bg.png)no-repeat;
	background-size: 100%;
}

.IM-channel li {
	float: left;
	box-sizing: border-box;
	margin-top: 72px;
	margin-right: -36px;
	width: 167px;
	height: 144px;
	text-align: center;

}

.IM-channel li:nth-child(even) {
	margin-top: 0;
}

.IM-channel li div {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.IM-channel li i {
	color: #7f7f7f;
	font-size: 46px;
}

.IM-channel li p {
	margin-top: 10px;
	line-height: 14px;
	font-size: 14px;
	color: #4e5356;
}

.IM-system li {
	margin-right: 10px;
	width: 592px;
	height: 271px;
	border: 1px solid #31cbe3;

}

.IM-system .IM-system-l {
	width: 163px;
	height: 271px;
	color: #fff;
	background: url(../images/new/im/im-mj2.png)no-repeat;
	background-size: 100%;
}

.IM-system .IM-system-l span {
	display: block;
	margin: 0 auto;
	margin-top: 84px;
	width: 72px;
	height: 72px;
	border: 1px solid #fff;
	border-radius: 50%;
}

.IM-system .IM-system-l i {
	display: block;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
	font-size: 36px;

}

.IM-system .IM-system-l p {
	margin-top: 14px;
	text-align: center;
	line-height: 16px;
	font-size: 16px;
	color: #fff;
}

.IM-system .IM-system-r {
	padding-left: 10px;
}

.IM-system .IM-system-r h3 {
	margin-top: 60px;
	margin-bottom: 25px;
	line-height: 16px;
	font-size: 16px;
	color: #383d41;
}

.IM-system .IM-system-r div {
	border-left: 1px solid #e5e9ea;
	border-top: 1px solid #fff;
}

.IM-system .IM-system-r p {
	margin-bottom: 20px;
	line-height: 14px;
	font-size: 14px;
	color: #383d41;
}

.IM-system .IM-system-r p:first-child {
	margin-top: -10px;
}

.IM-system .IM-system-r em {
	display: inline-block;
	margin-left: -3px;
	margin-right: 7px;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #31cbe3;
}

.IM-system-l2 {
	background: url(../images/new/im/im-mj1.png)no-repeat !important;
	background-size: 100%;
}

.IM-system-l2 i {
	font-size: 45px !important;
}

.IM-operation li {
	float: left;
	margin-bottom: 10px;
	width: 232px;
	height: 146px;
	box-sizing: border-box;
	border: 1px solid #fff;
	margin-right: 10px;
	background: #fff;
}

.IM-operation li:nth-child(5n) {
	margin-right: 0;
}

.IM-operation li:hover {
	border: 1px solid #31cbe3;
}

.IM-operation-div2 {
	display: none;
}

.IM-operation-div2 {
	margin: 0 auto;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	width: 146px;
	line-height: 24px;
	font-size: 14px;
	color: #383d41;
}

.IM-operation li:hover .IM-operation-div {
	display: none;
}

.IM-operation li:hover .IM-operation-div2 {
	display: block;
}

.IM-operation li i {
	display: block;
	margin-top: 42px;
	text-align: center;
	font-size: 50px;
	color: #666;
}

.IM-operation li p {
	margin-top: 10px;
	text-align: center;
	line-height: 14px;
	font-size: 14px;
	color: #383d41;
}

/*新-shopbuilder*/

.banner_b2c .banner-img.active {
	bottom: -40px;
	opacity: 1;
}

.banner_b2c .banner-img {
	bottom: -100px;
	right: -10px;
	width: 450px;
	height: 350px;
	background: url(../images/new/shopbuilder/b2c-banner.png) no-repeat center;
	background-size: 100%;
}

.module-lists5 li {
	float: left;
	margin-right: 12px;
	margin-bottom: 12px;
	padding: 34px 10px 0;
	width: 228px;
	height: 161px;
	background: #fff;
	text-align: center;
	box-sizing: border-box;
}

.module-lists5 li .iconfont {
	display: block;
	margin-bottom: 15px;
	font-size: 36px;

}

.module-lists5 li span {
	display: inline-block;
	font-size: 14px;
	color: #383d41;

}

.terminal-items {
	padding-top: 170px;
	width: 100%;
	box-sizing: border-box;
	background: url(../images/new/shopbuilder/img2.png) no-repeat center top;
}

.terminal-items li {
	float: left;
	padding: 0 20px;
	width: 25%;
	text-align: center;
	box-sizing: border-box;
}

.terminal-items li {
	font-size: 14px;
}

.terminal-items li span {
	display: block;
	padding: 20px 0;
	color: #41464a;

}

.function-items li {
	float: left;
	margin-right: 42px;
}

.function-items li:last-child {
	margin-right: 0;
}

.function-items li em {
	display: inline-block;
	width: 80px;
	height: 80px;
	line-height: 80px;
	border-radius: 20px;
	text-align: center;

}

.function-items li em .iconfont {
	font-size: 36px;
	color: #fff;
}

.function-items li span {
	display: block;
	margin-top: 20px;
	font-size: 14px;
	color: #383d41;
	text-align: center;
}

.function-items .item1 em {
	background: #f05e2e;
}

.function-items .item2 em {
	background: #ff9c01;
}

.function-items .item3 em {
	background: #49c0f2;
}

.function-items .item4 em {
	background: #ec7352;
}

.function-items .item5 em {
	background: #529fef;
}

.function-items .item6 em {
	background: #ef5f37;
}

.function-items .item7 em {
	background: #01a3f8;
}

.function-items .item8 em {
	background: #1fc7e5;
}

.function-items .item9 em {
	background: #f17e7e;
}

.function-items .item10 em {
	background: #8a77f5;
}

.advantage-items li {
	float: left;
	padding: 0 24px;
	width: 16.66%;
	box-sizing: border-box;
	text-align: center;
}

.advantage-items li em {
	display: inline-block;
	width: 70px;
	height: 70px;
	border: 1px solid #383d41;
	border-radius: 100%;
	text-align: center;
}

.advantage-items li em .iconfont {
	font-size: 40px;
	line-height: 68px;
}

.advantage-items li span,
.advantage-items li p {
	display: block;
	margin-top: 20px;
	font-size: 14px;
	color: #383d41;
}

/*新-b2bbuilder*/
.banner_b2b .banner-img.active {
	bottom: -90px;
	opacity: 1;
}

.banner_b2b .banner-img {
	bottom: -100px;
	right: -10px;
	width: 450px;
	height: 350px;
	background: url(../images/new/b2b/b2b-banner.png) no-repeat center;
	background-size: 100%;
}

.module-rl {
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
}

.module-rl .img-box {
	display: inline-block;
	width: 532px;
	height: 276px;
}

.module-rl .img-box img {
	max-width: 100%;
	max-height: 100%;
}

.module-rl div {
	padding: 20px 30px 18px 32px;
	width: 668px;
	box-sizing: border-box;
}

.module-rl div p {
	margin-bottom: 10px;
	font-size: 14px;
	color: #666;
	line-height: 26px;
}

.b2b-advantage-items li {
	float: left;
	margin-right: 10px;
	margin-bottom: 20px;
	width: 230px;
	height: 140px;
	background: #fff;
	border: 1px solid transparent;
	box-sizing: border-box;

}

.b2b-advantage-items li:hover {
	border-color: #2fbdd4;
	box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
}

.b2b-advantage-items li:hover .advantage-item {
	display: none;
}

.b2b-advantage-items li:hover .advantage-text {
	display: block;
}

.b2b-advantage-items li .advantage-item .iconfont {
	display: inline-block;
	margin-top: 30px;
	font-size: 36px;
	color: #222;
}

.advantage-text {
	display: none;
}

.b2b-advantage-items .advantage-item {
	text-align: center;
}

.b2b-advantage-items .advantage-item span {
	display: block;
	margin-top: 10px;
	font-size: 16px;
	color: #222;
}

.b2b-advantage-items .advantage-text {
	padding: 20px;
}

.b2b-advantage-items .advantage-text .iconfont {
	margin-right: 10px;
	font-size: 26px;
	color: #666;
	vertical-align: middle;
}

.b2b-advantage-items .advantage-text em {
	display: inline-block;
	font-size: 16px;
	color: #222;
	vertical-align: middle;
	line-height: 26px;
}

.b2b-advantage-items .advantage-text p {
	display: block;
	margin-top: 10px;
	font-size: 14px;
	color: #666;
}

.b2b-function-items {
	display: inline-block;
	margin-top: 20px;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}

.b2b-function-items li {
	margin-right: 0;
	margin-bottom: 0;
	width: 136px;
	height: 170px;
	border-right: 1px solid #eee;
	transition: .1s;
}

.b2b-function-items li.active {
	width: 248px;
	background: #2fbdd4;
	border-color: transparent;
}

.b2b-function-items li.active .advantage-item {
	display: none;
}

.b2b-function-items li.active .advantage-text {
	display: block;
}

.b2b-function-items li.active .advantage-text .iconfont,
.b2b-function-items li.active .advantage-text em,
.b2b-function-items li.active .advantage-text p {
	color: #fff;
}

.market-items {
	width: 100%;
	height: 233px;
	background: url(../images/new/b2b/img2.png) no-repeat center top;
}

.market-items li {
	float: left;
	margin-right: 6px;
	width: 144px;
	text-align: center;

}

.market-items li:last-child {
	margin-right: 0;
}

.market-items li .iconfont,
.market-items li span,
.market-items li p {
	color: #fff;
}

.market-items li .iconfont {
	display: inline-block;
	margin-top: 46px;
	font-size: 36px;
}

.market-items li span {
	display: block;
	margin-top: 4px;
	margin-bottom: 10px;
	font-size: 16px;

}

.market-items li p {
	padding: 0 20px;
	font-size: 14px;
}

.reason-items li {
	float: left;
	width: 25%;
	text-align: center;
}

.reason-items li:last-child {
	margin-right: 0;
}

.reason-items li em {
	display: inline-block;
	width: 70px;
	height: 70px;
	line-height: 70px;
	border: 1px solid #aaa;
	border-radius: 100%;
	text-align: center;
	box-sizing: border-box;
}

.reason-items li em .iconfont {
	font-size: 36px;
	color: #333;
}

.reason-items li span {
	display: block;
	margin-top: 20px;
	font-size: 16px;
	color: #333;
}



/*新-saas*/
.banner_saas .banner-img {
	bottom: -100px;
	right: -10px;
	width: 450px;
	height: 350px;
	background: url(../images/new/saas/banner.png) no-repeat center;
	background-size: 100%;
}

.banner_saas .banner-img.active {
	bottom: -150px;
	opacity: 1;
}

.module-function-items li {
	float: left;
	margin-right: 12px;
	margin-bottom: 10px;
	padding: 20px 24px;
	width: 392px;
	box-sizing: border-box;
	border: 1px solid #e3e3e3;
}

.module-function-items li:nth-child(3n) {
	margin-right: 0;
}

.module-function-items li:hover {
	border-color: #31cbe3;
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}

.module-function-items li i.iconfont {
	display: inline-block;
	font-size: 28px;
	color: #383d41;
	vertical-align: middle;
}

.module-function-items li em {
	display: inline-block;
	margin-left: 10px;
	font-size: 16px;
	color: #383d41;
	vertical-align: middle;
}

.module-function-items li p {
	margin-top: 6px;
	font-size: 14px;
	color: #666;
}

.tower-items li {
	display: inline-block;
	margin: 0 20px;
}

.tower-items li em {
	display: inline-block;
	width: 95px;
	height: 95px;
	line-height: 95px;
	border-radius: 100%;

}

.tower-items li em i {
	font-size: 50px;
	color: #fff;
}

.tower-items li span {
	display: block;
	margin-top: 26px;
	font-size: 14px;
	columns: #383d41;
}

.tower-items li.item1 em {
	background: #f05e2e;
}

.tower-items li.item2 em {
	background: #ff9c01;
}

.tower-items li.item3 em {
	background: #49c0f2;
	;
}

.tower-items li.item4 em {
	background: #ec7352;
}

.tower-items li.item5 em {
	background: #529fef;
}

.tower-items li.item6 em {
	background: #ef5f37;
}

.tower-items li.item7 em {
	background: #01a3f8;
}

.fit-company-items li {
	float: left;
	position: relative;
	margin-right: 1px;
	width: 119px;
}

.fit-company-items li:last-child {
	margin-right: 0;
}

.fit-company-items li img {
	width: 100%;
}

.fit-company-items li div {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.fit-company-items li i {
	display: inline-block;
	margin-top: 50px;
	font-size: 40px;
	color: #fff;
}

.fit-company-items li span {
	display: block;
	margin-top: 10px;
	font-size: 14px;
	color: #fff;
}

.saas-section-container table td {
	padding: 6px 20px !important;
}

.saas-table-bottom {
	position: absolute;
	left: -1px;
	top: 0;
	width: 607px;
	background: #fff;
	padding: 0 20px;
	box-sizing: border-box;
	border: 1px solid #00c4e2;
	border-top: none;
	padding-bottom: 22px;
	padding-top: 26px;
}

.saas-section-container table .feature-title {
	width: 154px;
}

.saas-section-container table .main-title {
	width: 605px;
}

/*推荐引擎engine*/
.banner_engine .h4 p {
	width: 460px;
	line-height: 22px;
}

.banner_engine .banner-img.active {
	bottom: -60px;
	opacity: 1;
}

.banner_engine .banner-img {
	bottom: -100px;
	right: -10px;
	width: 404px;
	height: 320px;
	background: url(../images/new/engine/banner.png) no-repeat center;
	background-size: 100%;
}

.engine-application-items li {
	float: left;
	margin-right: 40px;
	padding: 40px 30px 20px;
	width: 373px;
	height: 358px;
	border: 1px solid #e3e3e3;
	box-sizing: border-box;
	text-align: center;
}

.engine-application-items li:last-child {
	margin-right: 0;
	color: #383d41;
}

.engine-application-items li span {
	margin-top: 30px;
	margin-bottom: 20px;
	font-size: 16px;

}

.engine-application-items li p {
	font-size: 14px;
	text-align: left;
	line-height: 22px;
}

.engine-individuation-items {
	font-size: 0;
}

.engine-individuation-items li {
	display: inline-block;
	margin-right: 40px;
	width: 30%;
	vertical-align: top;
	text-align: center;
}

.engine-individuation-items li p {
	margin-bottom: 10px;
}

.engine-individuation-items li i {
	margin-right: 10px;
	font-size: 30px;
	color: #9b9b9b;
}

.engine-individuation-items em {
	font-size: 14px;
	color: #383d41;
	line-height: 35px;
	vertical-align: top;
}

.engine-individuation-items li span {
	display: inline-block;
	width: 235px;
	height: 458px;
	background: url(../images/new/engine/individuation.png) no-repeat;
}

.engine-individuation-items li:first-child span {
	background-position: 0 0;
}

.engine-individuation-items li:nth-child(2) span {
	background-position: -435px 0;
}

.engine-individuation-items li:last-child span {
	background-position: -870px 0;
}

.engine-breach-text {
	font-size: 14px;
	width: 100%;
	text-align: center;
}

.engine-breach-text span {
	position: relative;
	padding-right: 20px;
	padding-left: 10px;
}

.engine-breach-text span:after {
	position: absolute;
	left: 0;
	top: 8px;
	content: "";
	width: 6px;
	height: 6px;
	background: #21bbe2;
	border-radius: 100%;
}

.engine-adv-items li {
	display: inline-block;
	width: 27%;
	box-sizing: border-box;

}

.engine-adv-items li div {
	position: relative;
	padding-left: 10px;
	text-align: left;
}

.engine-adv-items li div:after {
	position: absolute;
	left: 0;
	top: 8px;
	content: "";
	width: 6px;
	height: 6px;
	background: #21bbe2;
	border-radius: 100%;
}

.engine-adv-items li span {
	display: block;
	font-size: 14px;
	color: #383d41;
	line-height: 22px;
}

.engine-features-items li {
	float: left;
	padding: 0 30px;
	width: 25%;
	box-sizing: border-box;
}

.engine-features-items li em {
	display: inline-block;
	width: 74px;
	height: 74px;
	line-height: 74px;
	background: #f4f4f4;
	border-radius: 100%;
}

.engine-features-items li em i {
	font-size: 40px;
	color: #1fe2ff;
}

.engine-features-items li span {
	margin: 20px 0;
	font-size: 16px;
	color: #383d41;
}

.engine-features-items li p {
	font-size: 14px;
	color: #383d41;
	text-align: left;
	line-height: 22px;
}

/*物联网*/
.banner_iot .banner-img.active {
	bottom: -33px;
	opacity: 1;
}

.banner_iot .banner-img {
	bottom: -100px;
	right: -10px;
	width: 404px;
	height: 320px;
	background: url(../images/new/wulianwang/banner.png) no-repeat center;
	background-size: 100%;
}

.iot-flow-items li {
	position: relative;
	display: inline-block;
	margin-right: 128px;
	width: 200px;
	text-align: center;
}

.iot-flow-items li:last-child {
	margin-right: 0;
}

.iot-flow-items li:last-child:after {
	display: none;
}

.iot-flow-items li:after {
	position: absolute;
	left: 165px;
	top: 30px;
	content: "";
	width: 186px;
	height: 1px;
	background: #40e6ff;
}

.iot-flow-items li em {
	display: inline-block;
	margin-bottom: 23px;
	width: 59px;
	height: 59px;
	line-height: 59px;
	border: 1px solid #40e6ff;
	box-sizing: border-box;
	font-size: 36px;
	color: #40e6ff;
}

.iot-flow-items li span,
.iot-flow-items li p {
	color: #383d41;
}

.iot-flow-items li span {
	display: block;
	font-size: 16px;
}

.iot-flow-items li p {
	margin-top: 18px;
}

.iot-class-items dl {
	text-align: center;
}

.iot-class-items dl dt {
	margin-bottom: 45px;
	font-size: 16px;
	color: #31cbe3;
}

.iot-class-items dl dd {
	margin-bottom: 50px;
	font-size: 0;
}

.iot-class-items dl dd span {
	display: inline-block;
	width: 16.66%;
}

.iot-class-items dl dd span em {
	display: block;
	margin-top: 20px;
	font-size: 14px;
	color: #383d41;
}

.iot-solutions-items li {
	display: inline-block;
	margin-right: 20px;
	width: 285px;
	height: 370px;
	border: 1px solid #f4f4f4;
	box-sizing: border-box;
}

.iot-solutions-items li:last-child {
	margin-right: 0;
}

.iot-solutions-items li .img-box {
	display: inline-block;
	width: 100%;
	height: 180px;
	overflow: hidden;
}

.iot-solutions-items li img {
	max-width: 100%;
	max-height: 100%;
}

.iot-solutions-items li div {
	padding: 33px 20px 20px;
	text-align: center;
}

.iot-solutions-items li div h4 {
	margin-bottom: 15px;
	font-size: 16px;
	color: #232628;
}

.iot-solutions-items li div {
	font-size: 14px;
	;
}

.iot-solutions-items li div span {
	display: block;
	color: #383d41;
}

.iot-solutions-items li div p {
	color: #666;
	line-height: 22px;
}

.iot-solution-tit {
	padding-bottom: 20px !important;
	color: #40e6ff !important;
}

.iot-advantage-items li {
	display: inline-block;
	padding: 40px 30px 20px;
	margin-right: 36px;
	margin-bottom: 16px;
	width: 273px;
	height: 207px;
	background: #fff;
	box-sizing: border-box;
	text-align: center;
}

.iot-advantage-items li:nth-child(4n) {
	margin-right: 0;
}

.iot-advantage-items li i.iconfont {
	font-size: 43px;
	color: #40e6ff;
}

.iot-advantage-items li span {
	display: block;
	margin-top: 6px;
	margin-bottom: 10px;
	font-size: 16px;
	color: #383d41;
}

.iot-advantage-items li p {
	font-size: 14px;
	color: #383d41;
	line-height: 22px;
}

/*多语言-language /b2b2c英文版*/
.banner_language .banner-img.active {
	bottom: -118px;
	opacity: 1;
}

.banner_language .banner-img {
	bottom: -100px;
	right: -10px;
	width: 404px;
	height: 320px;
	background: url(../images/new/language/banner.png) no-repeat center;
	background-size: 100%;
}

.language-system-items li {
	display: inline-block;
	margin-right: 60px;
	padding: 0 75px;
	width: 523px;
	height: 337px;
	border: 1px solid #d2d2d2;
	box-sizing: border-box;
}

.language-system-items li:last-child {
	margin-right: 0;
}

.language-system-items li:hover {
	border-color: #31cbe3;
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}

.language-system-items li:hover i {
	color: #31cbe3;
}

.language-system-items li:hover a {
	background: #31cbe3;
	color: #fff;
}

.language-system-items li i {
	display: inline-block;
	margin-top: 37px;
	margin-bottom: 10px;
	font-size: 50px;
	color: #666;
}

.language-system-items li h4 {
	margin-bottom: 30px;
	font-size: 18px;
	color: #383d41;
}

.language-system-items li p {
	font-size: 16px;
	color: #383d41;
	line-height: 30px;
	text-align: left;
}

.language-system-items li a {
	display: inline-block;
	margin-top: 40px;
	width: 153px;
	height: 47px;
	line-height: 47px;
	font-size: 16px;
	color: #31cbe3;
	border: 1px solid #31cbe3;
	text-align: center;
}

.language-adv-items li {
	display: inline-block;
	margin-right: 20px;
	margin-bottom: 20px;
	width: 285px;
	height: 237px;
	background: #fff;
	vertical-align: top;
	border: 1px solid transparent;
	box-sizing: border-box;
}

.language-adv-items li .language-adv-detail {
	display: none;
}

.language-adv-items li:hover {
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
	border-color: #31cbe3;
}

.language-adv-items li:hover .language-adv-preview {
	display: none;
}

.language-adv-items li:hover .language-adv-detail {
	display: block;
}

.language-adv-items li:nth-child(4n) {
	margin-right: 0;
}

.language-adv-items li .language-adv-preview i {
	display: inline-block;
	margin-top: 65px;
	margin-bottom: 10px;
	font-size: 50px;
	color: #383d41;
}

.language-adv-items li .language-adv-preview span {
	display: block;
	font-size: 16px;
	color: #383d41;
}

.language-adv-items li .language-adv-detail {
	padding: 30px 16px 20px;
}

.language-adv-items li .language-adv-detail strong {
	display: block;
	margin-bottom: 14px;
	font-weight: normal;
	color: #31cbe3;
}

.language-adv-items li .language-adv-detail strong i {
	display: inline-block;
	vertical-align: middle;
	margin-right: 6px;
	font-size: 24px;
}

.language-adv-items li .language-adv-detail strong em {
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	color: #31CBE3;
	line-height: 24px;
}

.language-adv-items li .language-adv-detail p {
	color: #666;
	line-height: 22px;
}

.btn-common {
	display: inline-block;
	padding: 0 20px;
	height: 60px;
	line-height: 60px;
	border: 1px solid #31CBE3;
	border: 1px solid #31CBE3;
	font-size: 16px;
	color: #31CBE3;
}

.language-website {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
	width: 100%;
	height: 163px;
	background: #31cbe3;
}

.language-website ul {
	position: relative;
	display: inline-block;
	width: 1200px;
	background: #31cbe3;
	bottom: 16px;
	box-sizing: border-box;
	box-shadow: 0 -3px 20px rgba(27, 27, 27, .2);
}

.language-website ul li {
	position: relative;
	float: left;
	padding-top: 46px;
	width: 25%;
	height: 179px;
	box-sizing: border-box;
}

.language-website ul li:after {
	content: "";
	width: 1px;
	background: #7beafb;
	position: absolute;
	top: 46px;
	bottom: 38px;
	right: 0;
}

.language-website ul li:last-child:after {
	display: none;
}

.language-website ul li {
	color: #fff;
}

.language-website ul li strong {
	font-size: 36px;
	font-weight: normal;
}

.language-website ul li em {
	font-size: 20px;
	vertical-align: top;
}

.language-website ul li p {
	font-size: 16px;
}

.language-service-items li {
	width: 185px;
	height: 224px;
}

.language-service-items li.active {
	width: 270px;
}

.language-service-items li i {
	font-size: 44px !important;
	color: #666 !important;
}

.language-service-items li .advantage-item {
	padding-top: 24px;
}

.language-service-items li .advantage-item span {
	font-size: 16px;
	color: #383d41;
	line-height: 26px;
}

.language-service-items li .advantage-text {
	padding-top: 47px;
}

.language-service-items li .advantage-text em {
	text-align: center;
}

.language-service-items li .advantage-text p {
	text-align: left;
}

.shop-demo-nav {
	/*border:1px solid #d7d7d7;*/
	border-right: none;
}

.shop-demo-nav li {
	float: left;
	margin-left: -1px;
	width: 170px;
	height: 53px;
	line-height: 51px;
	border: 1px solid #d7d7d7;
	box-sizing: border-box;
	font-size: 16px;
	color: #383d41;
	cursor: pointer;
}

.shop-demo-nav li.active {
	background: #31cbe3;
	color: #fff;
	border-color: transparent;
}

.language-shop-items li {
	position: relative;
	display: inline-block;
	margin-right: 35px;
	padding: 10px 0;
	width: 240px !important;
	height: 323px;
	text-align: center;
	border: 1px solid #d7d7d7;
	box-sizing: border-box;
}

.language-shop-items {
	display: inline-block;
	width: 1065px;
}

.language-shop-items li img {
	max-width: 100%;
	position: absolute;
	left: 10px;
	top: 10px;
}

.language-shop-items li span {
	padding-top: 264px;
	width: 100%;
	height: 100%;
	font-size: 14px;
	line-height: 46px;
	color: #383d41;
	box-sizing: border-box;
}

.swiper-nav-items {

	height: 346px;
}

.swiper-nav-item {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}

.swiper-nav-items .swiper-nav-item {
	visibility: hidden;
}

.swiper-nav-items .swiper-nav-item.active {
	visibility: visible;
}

.swiper-nav-item .swiper-button-prev,
.swiper-nav-item .swiper-button-next {
	width: 35px;
	height: 87px;
	line-height: 87px;
	background: rgba(0, 0, 0, .3);
	background-image: none;
	outline: none;
}

.swiper-nav-item .swiper-button-prev i,
.swiper-nav-item .swiper-button-next i {
	font-size: 30px;
	color: #fff;
}

/*版本迭代日志-changelogs*/
.banner_version .banner-img.active {
	bottom: -175px;
	opacity: 1;
}

.banner_version .banner-img1 {
	bottom: -100px;
	right: -10px;
	width: 404px;
	height: 320px;
	background: url(../images/new/version/banner1.png) no-repeat center;
	background-size: 100%;
}

.banner_version .banner-img2 {
	bottom: -100px;
	right: -10px;
	width: 404px;
	height: 320px;
	background: url(../images/new/version/banner16.png) no-repeat center;
	background-size: 100%;
}

.notice-tips {
	display: none;
	width: 100%;
	height: 46px;
	background: url(../images/new/version/notice-bg.png) no-repeat center;
	overflow: hidden;
}

.notice-tips-pading {
	position: relative;
	padding: 0 123px 0 136px;
	line-height: 46px;
}

.notice-tips-pading strong {
	position: absolute;
	left: 130px;
	top: 0;
	font-size: 18px;
	color: #f9ff49;
}

.notice-tips-text {
	/* 	margin-left: 119px; */
	font-size: 14px;
	color: #fff;
	animation: marquee 15s linear infinite;
	overflow: hidden;
}

.notice-tips-text:hover {
	animation-play-state: paused;
}

@keyframes marquee {
	0% {
		text-indent: 27.5em
	}

	100% {
		text-indent: -45em
	}
}

.version-nav {
	margin-top: 60px;
	margin-bottom: 40px;
}

.version-nav li {
	float: left;
	width: 198px;
	height: 51px;
	line-height: 49px;
	border: 1px solid #ececec;
	box-sizing: border-box;
	cursor: pointer;
}

.version-nav li span {
	font-size: 16px;
	color: #383d41;
}

.version-nav li.active {
	background: #31cbe3;
	border-color: transparent;
}

.version-nav li.active span {
	color: #fff;
}

.version-logs {
	padding-left: 203px;
	box-sizing: border-box;
}

.version-logs dl {
	padding-bottom: 14px;
	border-left: 1px solid #ececec;
}

.version-logs dl:last-child {
	padding-bottom: 0;
}

.version-logs dl:last-child p:last-child {
	padding-bottom: 10px;
}

.version-logs dl dt,
.version-logs dl dd {
	padding-left: 15px;
}

.version-logs dl dt {
	position: relative;

	padding-bottom: 30px;
	font-size: 14px;
	color: #383d41;

}

.version-logs dl dt:before {
	content: "";
	width: 10px;
	height: 10px;
	background: #31cbe3;
	border-radius: 100%;
	position: absolute;
	left: -5px;
	top: 10px;
}

.version-logs dl dt:after {
	content: "";
	width: 100%;
	height: 1px;
	background: #e2e2e2;
	position: absolute;
	left: 15px;
	top: 15px;
}

.version-logs dl dt div {
	position: relative;
	z-index: 2;
	display: inline-block;
	padding-right: 20px;
	background: #fff;
}

.version-logs dl dt a {
	display: inline-block;
	margin-left: 20px;
	width: 159px;
	height: 29px;
	line-height: 27px;
	border: 1px solid #31cbe3;
	box-sizing: border-box;
	text-align: center;
	color: #31cbe3;
}

.version-logs dl dt time {
	position: absolute;
	left: -100px;
	top: 4px;
}

.version-logs dl dd p {
	padding-bottom: 30px;
	font-size: 14px;

}

.version-logs dl dd p strong {
	font-size: 16px;
	font-weight: normal;
	color: #383d41;
}

.version-logs dl dd p em {
	color: #666;
}

.pages-version {
	padding: 20px 0;
	border-top: 1px solid #e2e2e2;
}

.pages-version li a {
	margin-right: 6px;
	font-size: 14px;
	border-radius: 0;
}

.pages-version li.active a {
	color: #fff;
	background: #31cbe3;
}

/*新-人脸识别*/
.banner_face .banner-img.active {
	bottom: -90px;
	opacity: 1;
}

.banner_face .banner-img {
	bottom: -100px;
	right: -10px;
	width: 404px;
	height: 320px;
	background: url(../images/new/facerecog/banner.png) no-repeat center;
	background-size: 100%;
}

.banner_face {}

.face-module {
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}

.face-module-left,
.face-module-right {
	display: inline-block;
	vertical-align: top;
}

.face-module-left {
	position: relative;
	width: 455px;
}

.face-module-left:after {
	content: "";
	width: 1px;
	background: #e1e1e1;
	position: absolute;
	right: 0;
	top: 20px;
	bottom: 20px;
}

.face-module-left img {
	max-width: 100%;
}

.face-module-right {
	padding: 68px 0 0 55px;
	width: 593px;
}

.face-module-right span {
	margin-bottom: 20px;
}

.face-module-right span,
.face-module-right p {
	font-size: 16px;
	color: #383d41;
}

.face-module-right p {
	font-size: 14px;
	line-height: 30px;
}

.title-li span {
	position: relative;
	display: inline-block;
	margin-right: 98px;
	padding-left: 10px;
	font-size: 14px;
	color: #383d41;
	text-align: left;
}

.title-li span:last-child {
	margin-right: 0;
}

.title-li span:before {
	content: "";
	width: 6px;
	height: 6px;
	background: #31cbe3;
	border-radius: 100%;
	position: absolute;
	left: 0;
	top: 6px;
}

.face-terminals li {
	display: inline-block;
	margin-right: 27px;
	vertical-align: top;
	width: 382px;
	height: 298px;
	border: 1px solid #ececec;
	box-sizing: border-box;
}

.face-terminals li:last-child {
	margin-right: 0;
}

.face-terminals li .img-box {
	display: inline-block;
	width: 100%;
}

.face-terminals li img {
	max-width: 100%;
}

.face-terminals li strong {
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: normal;
	color: #31cbe3;

}

.face-terminals li p {
	color: #383d41;
}

.face-advantages li {
	display: inline-block;
	margin-right: 10px;
	padding: 0 42px;
	width: 390px;
	height: 232px;
	background: #fff;
	box-sizing: border-box;
	vertical-align: top;
}

.face-advantages li:last-child {
	margin-right: 0;
}

.face-advantages li i {
	display: inline-block;
	margin-top: 18px;
	font-size: 62px;
	color: #31cbe3;
}

.face-advantages li span {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 16px;
}

.face-advantages li span,
.face-advantages li strong {
	color: #383d41;
}

.face-fit-items {
	display: inline-block;
	width: 1200px;
	height: 338px;
	background: url(../images/new/facerecog/fit-bg.png) no-repeat top;
}

.face-advantages li p {
	display: inline-block;
	text-align: left;
	line-height: 26px;
}

.face-fit-items li {
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
	width: 232px;
	height: 106px;
	line-height: 106px;
	text-align: center;
}

.face-fit-items li:nth-child(5n) {
	margin-right: 0;
}

.face-fit-items li span {
	font-size: 16px;
	color: #fff;
}

/*医药电商*/
.banner_medicine .banner-img.active {
	bottom: -60px;
	opacity: 1;
}

.banner_medicine .banner-img {
	bottom: -100px;
	right: -10px;
	width: 404px;
	height: 320px;
	background: url(../images/new/medicine/banner.png) no-repeat center;
	background-size: 100%;
}

.medicine-intelligence-items li {
	display: inline-block;
	margin-right: 28px;
	width: 381px;
	height: 483px;
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.19);
	box-sizing: border-box;
	vertical-align: top;
}

.medicine-intelligence-items li:last-child {
	margin-right: 0;
}

.medicine-intelligence-items li:hover .medicine-intelligence-content {
	border-color: #5DD4E7;
}

.medicine-intelligence-items li:hover .medicine-intelligence-head {
	background: #5DD4E7;
}

.medicine-intelligence-items li:hover .medicine-intelligence-head span,
.medicine-intelligence-items li:hover .medicine-intelligence-head p {
	color: #fff;
}

.medicine-intelligence-head {
	display: inline-block;
	padding: 0 16px;
	width: 100%;
	height: 120px;
	background: #E5E9EA;
	box-sizing: border-box;
}

.medicine-intelligence-head span {
	margin-top: 25px;
	font-size: 16px;
	color: #383D41;
	text-align: center;
}

.medicine-intelligence-head p {
	margin-top: 9px;
	font-size: 14px;
	color: #383D41;
}

.medicine-intelligence-content {
	padding: 32px 16px 16px;
	border: 1px solid transparent;
	height: 363px;
	box-sizing: border-box;
}

.medicine-intelligence-content p {
	font-size: 14px;
	color: #666666;
	line-height: 24px;
}

.medicine-operate {
	display: inline-block;
	width: 1179px;
	height: 382px;
	background: url(../images/new/medicine/bg.png) no-repeat center;
}

.medicine-operate-table {
	font-size: 14px;

}

.medicine-operate-table th {
	font-weight: normal;
	height: 53px;
	color: #fff;
	box-sizing: border-box;
}

.medicine-operate-name {
	width: 144px;
}

.medicine-operate-type {
	width: 303px;
	padding-right: 10px;
}

.medicine-operate-model {
	padding-right: 10px;
	width: 418px;
}

.medicine-operate-profit {
	width: 310px;
}

.medicine-operate-table td {
	padding-bottom: 8px;
	height: 104px;
}

.medicine-operate-table strong {
	display: inline-block;
	width: 95px;
	font-size: 16px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: center;
}

.medicine-operate-type1 {
	padding-left: 115px;
	line-height: 41px;
}

.medicine-operate-type2 {
	padding-left: 82px;
}

.medicine-operate-model-td {
	padding: 0 13px 0 17px;
}

.medicine-operate-model-td p {
	line-height: 24px;
}

.medicine-operate-profit-td {
	padding: 0 13px 0 23px;
}

/*电视购物解决方案*/
.banner_shopping .banner-img.active {
	bottom: -120px;
	opacity: 1;
}

.banner_shopping .banner-img {
	bottom: -100px;
	right: -10px;
	width: 404px;
	height: 320px;
	background: url(../images/new/shopping/banner.png) no-repeat center;
	background-size: 100%;
}

.jubao-module {
	padding: 2px 6px;
	background: #eee;
}

/*727 宣传*/
.banner_activity .h3 {
	font-size: 40px;
}

.banner_activity .banner-img.active {
	bottom: -40px;
	opacity: 1;
}

.banner_activity .banner-img {
	bottom: -160px;
	right: -10px;
	width: 404px;
	height: 320px;
	background: url(../images/new/activity/banner3.png) no-repeat center;
}

.banner_activity dl {
	margin-top: 28px;
}

.banner_activity dl dt,
.banner_activity dl dd {
	color: #fff;
}

.banner_activity dl dt {
	margin-bottom: 16px;
	font-size: 20px;
}

.banner_activity dl dd {
	font-size: 16px;
}

.banner_activity dl dd span {
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 20px;
	font-size: 14px;
}

.banner_activity dl dd span i.iconfont {
	margin-right: 6px;
}

.course-preface-items li {
	display: inline-block;
	margin-right: 10px;
	width: 289px;
	height: 305px;
	box-shadow: 0 0 6px rgba(0, 0, 0, .2);
	vertical-align: top;

}

.course-preface-items li img {
	width: 100%;
}

.course-preface-items li p {
	padding: 12px 13px;
	font-size: 14px;
	color: #383D41;
	line-height: 28px;
}

.activity-module-borderless {
	padding: 14px 0 18px 12px;
	width: 100%;
	background: #fff;
}

.activity-module-borderless img {
	float: left;
}

.activity-module-borderless div {
	width: 100%;
	box-sizing: border-box;
}

.activity-module-borderless div>p {
	margin-bottom: 12px;
	font-size: 15px;
	color: #383D41;
	line-height: 24px;
}

.activity-module-borderless ul li {
	float: left;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-right: 15px;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.20);
}

.activity-module-borderless ul li:last-child {
	margin-right: 0;
}

.activity-module-borderless ul li dt {
	font-size: 15px;
	color: #383D41;
	height: 35px;
	line-height: 35px;
	background: #E5E9EA;
	text-align: center;
}

.activity-module-borderless ul li:first-child {
	width: 176px;
}

.activity-module-borderless ul li:nth-child(2),
.activity-module-borderless ul li:last-child {
	width: 300px;
}

.activity-module-borderless ul li:first-child dt {
	border-top: 2px solid #F8E71C;
}

.activity-module-borderless ul li:nth-child(2) dt {
	border-top: 2px solid #1AC8E2;
}

.activity-module-borderless ul li:nth-child(3) dt {
	border-top: 2px solid #E97CFF;
}

.activity-module-borderless ul li:nth-child(4) dt {
	border-top: 2px solid #B8E986;
}

.activity-module-borderless ul li:nth-child(3) p {
	line-height: 50px;
}

.activity-module-borderless ul li dd p {
	padding: 0 10px;
	line-height: 37px;
	border-bottom: 1px solid #E3E3E3;
	text-align: center;
}

.activity-module-borderless ul li dd p:last-child {
	border-bottom: 0;
}

.activity-module-borderless ul li dd p span {
	margin: 0 7px;
}

.activity-module-borderless ul li dd p span.fl {
	margin-left: 32px;
}

.activity-fit-who li {
	display: inline-block;
	width: 33.33%;
}

.activity-fit-who li i {
	display: inline-block;
	margin-bottom: 30px;
	width: 142px;
	height: 142px;
	line-height: 142px;
	background: #1AC8E2;
	border-radius: 100%;
	font-size: 56px;
	color: #fff;
}

.activity-fit-who li span {
	font-size: 14px;
	color: #383D41;
}

.activity-harvests-items li {
	display: inline-block;
	padding: 11px 21px 36px;
	width: 564px;
	min-height: 291px;
	background: #fff;
	box-sizing: border-box;
	vertical-align: top;
}

.activity-harvests-items li:first-child {
	margin-right: 72px;
}

.activity-harvests-items li span {
	position: relative;
	padding-left: 30px;
	line-height: 60px;
	border-bottom: 1px solid #D9D9D9;
	font-size: 14px;
	color: #383D41;
}

.activity-harvests-items li span:before {
	position: absolute;
	left: 2px;
	top: 20px;
	content: "";
	border-width: 10px;
	border-style: solid;
	border-color: transparent transparent transparent #1AC8E2;
}

.activity-text-des {
	width: 1155px;
	font-size: 14px;
	color: #383D41;
	line-height: 28px;
	text-indent: 2em;
}

.activity-about-efamily {
	display: inline-block;
	margin-top: 50px;
	width: 1029px;
	height: 215px;
	background: url(../images/new/activity/activity-acout-bg.png) no-repeat center;
	background-size: contain;
}

.activity-about-efamily li {
	display: inline-block;
	margin-right: 14px;
	padding: 54px 20px 0;
	width: 194px;
	text-align: center;
	box-sizing: border-box;
	vertical-align: top;
}

.activity-about-efamily li:last-child {
	margin-right: 0;
}

.activity-about-efamily li:nth-child(odd) h4,
.activity-about-efamily li:nth-child(odd) p {
	color: #fff;
}

.activity-about-efamily li h4 {
	margin-bottom: 7px;
	font-size: 18px;
	color: #1AC8E2;
}

.activity-about-efamily li p {
	font-size: 14px;
	color: #383D41;
}



.activity-rel-box {
	padding: 68px 0 74px;
}

.activity-rel1,
.activity-rel2 {
	display: inline-block;
	vertical-align: top;
}

.activity-rel1 {
	width: 562px;
}

.activity-rel2 {
	margin-top: 34px;
	margin-left: 26px;
	width: 590px;
}

.activity-rel2 h4 {
	margin-top: -20px;
	margin-bottom: 8px;
	font-size: 36px;
	color: #1AC8E2;
	letter-spacing: -1.7px;
}

.activity-rel2 h4 strong {
	font-size: 36px;
	color: #F5A623;
	font-weight: normal;
}

.activity-rel2 p {
	font-size: 14px;
	color: #383D41;
	line-height: 30px;
	text-indent: 2em;
}

.activity-style-items li {
	display: inline-block;
	margin-right: 262px;
}

.activity-style-items li:last-child {
	margin-right: 0;
}

.activity-style-items li i {
	display: inline-block;
	margin-bottom: 30px;
	width: 140px;
	height: 140px;
	line-height: 140px;
	border: 1px dashed #1AC8E2;
	background: #fff;
	border-radius: 100%;
	font-size: 60px;
	color: #1AC8E2;
}

.activity-style-items li span {
	font-size: 14px;
	color: #383D41;
}

.activity-speical {
	margin-bottom: 20px;
	font-size: 14px;
	color: #383D41;
	line-height: 28px;
}

.activity-swiper {
	box-shadow: 0 0 6px rgba(0, 0, 0, .2);
}

.activity-swiper .swiper-slide {
	padding: 10px 12px !important;
	box-sizing: border-box;
}

.activity-swiper .swiper-button-next,
.activity-swiper .swiper-button-prev {
	width: 31px;
	line-height: 75px;
	height: 75px;
	background: rgba(0, 0, 0, .2);
	text-align: center;
}

.activity-swiper .swiper-button-next i,
.activity-swiper .swiper-button-prev i {
	font-size: 20px;
	color: #fff;
}

.activity-swiper .swiper-button-prev {
	left: 0;
}

.activity-swiper .swiper-button-next {
	right: 0;
}

.activity-bottom-text {
	margin-bottom: 44px;
	width: 956px;
	font-size: 14px;
	color: #383D41;
	text-align: left;
}

.instructor-teams-items li {
	margin-bottom: 30px;
	padding: 25px 0 25px 13px;
	background: #fff;
	box-sizing: border-box;
	box-shadow: 0 0 6px rgba(0, 0, 0, .2);
}

.instructor-teams-preview .img-box {
	position: relative;
	display: inline-block;
	width: 250px;
	height: 207px;
}

.instructor-teams-position {
	display: inline-block;
	padding-right: 25px;
	width: 895px;
	vertical-align: top;
	box-sizing: border-box;
}

.instructor-teams-position h4 {
	display: inline-block;
	margin-bottom: 14px;
	padding: 0 12px;
	/* width:142px; */
	height: 32px;
	line-height: 32px;
	background: #1AC8E2;
	font-size: 16px;
	color: #F2F7FF;
	box-sizing: border-box;
}

.instructor-teams-position h4+p {
	padding-bottom: 10px;
}

.instructor-teams-position p {
	font-size: 14px;
	color: #383D41;
	line-height: 28px;
}

.instructor-teams-text {
	padding-top: 6px;
	font-size: 14px;
	color: #666666;
	line-height: 28px;
	border-top: 1px solid #1AC8E2;
}

/*.instructor-teams-height1{
	height:255px;
}
.instructor-teams-height2,.instructor-teams-height3{
	height:239px;
}
.instructor-teams-height4,.instructor-teams-height5{
	height:300px;
}*/
.instructor-teams-personal {
	padding-left: 43px;
	font-size: 14px;
	color: #383D41;
	line-height: 28px;
}

.activity-bottom-box {
	padding: 62px 0 28px;
}

.activity-bottom-box img {
	margin-bottom: 20px;
	width: 172px;
}

.activity-bottom-box span {
	margin-bottom: 55px;
	font-size: 14px;
	color: #383D41;
}

.activity-bottom-box p {
	font-size: 14px;
	color: #383D41;
	line-height: 26px;
}

.activity-bottom-box em {
	display: inline-block;
	width: 432px;
	line-height: 20px;
	text-align: left;
}

.activity-president-items li {
	position: relative;
	display: inline-block;
	margin-bottom: 10px;
	margin-right: 9px;
	width: 595px;
	height: 337px;
	background: #fff;
	vertical-align: top;
}

.activity-president-items li:nth-child(even) {
	margin-right: 0;
}

.activity-president-items li img {
	position: absolute;
	left: 0;
	top: 0;
	width: 239px;
}

.activity-president-items li div {
	padding-left: 259px;
	padding-right: 22px;
}

.activity-president-items li div span {
	margin-top: 54px;
	margin-bottom: 20px;
	font-size: 18px;
	color: #1AC8E2;
}

.activity-president-items li div p {
	font-size: 14px;
	color: #383D41;
	line-height: 28px;
}

/*社群 community*/
.banner_community .banner-img {
	bottom: -160px;
	right: -10px;
	width: 450px;
	height: 350px;
	background: url(../images/new/community/banner.png) no-repeat center;
	background-size: 100%;
}

.banner_community .banner-img.active {
	bottom: -140px;
	opacity: 1;
}

.community-advantage-items li {
	display: inline-block;
	margin-right: 21px;
	width: 386px;
	height: 487px;
	vertical-align: top;
	background: #fff;
}

.community-advantage-items li:hover {
	box-shadow: 0 0 12px 0 rgba(26, 200, 226, 0.41);
}

.community-advantage-items li:last-child {
	margin-right: 0;
}

.community-advantage-items li em.img-box {
	display: inline-block;
	width: 100%;
	height: 257px;

}

.community-advantage-items li.item1 .img-box {
	background: url(../images/new/community/advantage-img1.png) no-repeat center;
	background-size: contain;
}

.community-advantage-items li.item2 .img-box {
	background: url(../images/new/community/advantage-img2.png) no-repeat center;
	background-size: contain;
}

.community-advantage-items li.item3 .img-box {
	background: url(../images/new/community/advantage-img3.png) no-repeat center;
	background-size: contain;
}

.community-advantage-items li div {
	padding: 27px 20px 20px;
}

.community-advantage-items li div h4 {
	margin-bottom: 15px;
	font-size: 16px;
	color: #383D41;
	text-align: center;
}

.community-advantage-items li div p {
	font-size: 12px;
	color: #666666;
	line-height: 29px;
}

.community-advantage-items li .img-box b {
	display: inline-block;
	margin-top: 83px;
	width: 92px;
	height: 92px;
	line-height: 92px;
	background: #fff;
	border-radius: 100%;
}

.community-advantage-items li .img-box i.iconfont {
	font-size: 44px;
	color: #3B8FE9;
}

.community-market-items li {
	display: inline-block;
	margin-bottom: 64px;
	width: 16.66%;
	vertical-align: top;
	text-align: center;
}

.community-market-items li .iconfont {
	display: inline-block;
	width: 76px;
	height: 76px;
	line-height: 76px;
	box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.12);
	border-radius: 100%;
	font-size: 30px;
	color: #fff;
}

.community-market-items li.item1 .iconfont,
.community-market-items li.item5 .iconfont,
.community-market-items li.item9 .iconfont {
	background: #1AC8E2;
}

.community-market-items li.item2 .iconfont,
.community-market-items li.item6 .iconfont,
.community-market-items li.item10 .iconfont {
	background: #FF5F73;
}

.community-market-items li.item3 .iconfont,
.community-market-items li.item7 .iconfont,
.community-market-items li.item11 .iconfont {
	background: #FFB302;
}

.community-market-items li.item4 .iconfont,
.community-market-items li.item8 .iconfont,
.community-market-items li.item12 .iconfont {
	background: #7ED321;
}

.community-market-items li span {
	margin-top: 15px;
	font-size: 14px;
	color: #383D41;
}

.pain-spot {
	width: 1136px;
}

.promote-img {
	width: 983px;
}

.promote-items {
	margin-top: 60px;
}

.promote-items li {
	display: inline-block;
	width: 16.66%;
	vertical-align: top;
}

.promote-items li i.iconfont {
	display: inline-block;
	margin-bottom: 14px;
	width: 71px;
	height: 71px;
	line-height: 71px;
	background: #FFFFFF;
	border: 1px dashed #1AC8E2;
	font-size: 30px;
}

.promote-items li.item2 .iconfont {
	border-color: #9274FF;
}

.promote-items li.item3 .iconfont {
	border-color: #00A3FF;
}

.promote-items li.item4 .iconfont {
	border-color: #FF5F73;
}

.promote-items li.item5 .iconfont {
	border-color: #FFB302;
}

.promote-items li.item6 .iconfont {
	border-color: #84E06C;
}

.promote-items li.item1 .iconfont {
	color: #1AC8E2;
}

.promote-items li.item2 i.iconfont {
	color: #9274FF;
}

.promote-items li.item3 i.iconfont {
	color: #00A3FF;
}

.promote-items li.item4 i.iconfont {
	color: #FF5F73;
}

.promote-items li.item5 i.iconfont {
	color: #FFB302;
}

.promote-items li.item6 i.iconfont {
	color: #84E06C;
}

.promote-items li h5 {
	margin-bottom: 7px;
	font-size: 14px;
	color: #383D41;
}

.promote-items li p {
	font-size: 12px;
	color: #383D41;
}

.architecture-diagram-module {
	display: inline-block;
	padding: 6px;
	width: 1200px;
	height: 597px;
	background: url(../images/new/community/architecture-diagram-bg.png) no-repeat left;
	background-size: contain;
	box-sizing: border-box;
}

.diagram-module1 {
	width: 232px;
}

.diagram-module2 {
	width: 948px;
}

.community-diagram {
	padding: 16px 0 0 10px;
	box-sizing: border-box;
}

.community-diagram h4 {
	text-align: left;
}

.community-diagram h4 b {
	display: inline-block;
	margin-right: 10px;
	padding-left: 6px;
	width: 28px;
	height: 23px;
	line-height: 23px;
	background: url(../images/new/community/num.png) no-repeat center;
	background-size: contain;
	font-size: 12px;
	color: #fff;
	text-align: center;
	box-sizing: border-box;
}

.community-diagram h4 em {
	font-size: 16px;
	color: #383D41;
	letter-spacing: 0.55px;
	vertical-align: middle;
}

.diagram-style1 {
	display: inline-block;
	width: 100%;
	height: 352px;
	text-align: center;
}

.diagram-style1 ul {
	margin-top: 29px;
}

.diagram-style1 ul li {
	margin-bottom: 35px;
}

.diagram-style1 ul li i.iconfont {
	margin-bottom: 10px;
	font-size: 38px;
	color: #1AC8E2;
}

.community-diagram ul li span {
	font-size: 14px;
	color: #383D41;
}

.diagram-style5 {
	height: 228px;
}

.diagram-style5 p strong {
	display: inline-block;
	width: 62px;
	font-size: 48px;
	color: #1AC8E2;
}

.diagram-style5 p em {
	font-size: 20px;
	color: #1AC8E2;
}

.diagram-style5-text {
	padding: 40px 0 25px 40px;
}

.diagram-style5-des {
	padding-left: 35px;
	font-size: 16px;
	color: #383D41;
}

.diagram-style2 {
	width: 658px;
	height: 170px;
}

.diagram-style2 ul {
	margin-top: 31px;
}

.diagram-style2 ul li {
	display: inline-block;
	margin-right: 90px;
}

.diagram-style2 ul li:last-child {
	margin-right: 0;
}

.diagram-style2 ul li i.iconfont {
	margin-bottom: 13px;
	font-size: 38px;
	color: #FF9A10;
}

.diagram-style3 {
	width: 288px;
}

.diagram-style4 {
	width: 658px;
	height: 182px;
}

.diagram-style3 ul {
	margin-top: 36px;
}

.diagram-style3 ul li {
	margin-bottom: 74px;
	display: inline-block;
}

.diagram-style3 ul li:nth-child(odd) {
	margin-right: 90px;
}

.diagram-style3 ul li .iconfont {
	display: inline-block;
	margin-bottom: 15px;
	font-size: 34px;
	color: #7ED321;
}

.diagram-style4 {
	padding: 57px 0 0 46px;
}

.diagram-style4 h4 {
	margin-bottom: 22px;
	font-size: 16px;
	color: #383D41;
	letter-spacing: 0.74px;
}

.diagram-style4 p {
	font-size: 12px;
	color: #666666;
	letter-spacing: 0.55px;
}

.diagram-style6 p {
	margin: 46px 0 33px 48px;
	font-size: 12px;
	color: #666666;
	letter-spacing: 0.55px;
}

.diagram-style6 div {
	margin-left: 48px;
}

.diagram-style6 div a {
	display: inline-block;
	width: 104px;
	height: 33px;
	line-height: 31px;
	border: 1px solid #1AC8E2;
	font-size: 12px;
	text-align: center;
	box-sizing: border-box;
}

.community-btn1 {
	margin-right: 32px;
	color: #fff;
	background: #1AC8E2;
}

.community-btn2 {
	color: #1AC8E2;
}

/*更多优秀客户案例*/
.inside-more-cases li {
	float: left;
	margin-right: 12px;
	margin-bottom: 12px;
	width: 291px;
	height: 411px;
	background: #FFFFFF;
	box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.24);
}

.inside-more-cases li:nth-child(4n) {
	margin-right: 0;
}

.inside-more-cases li .img-box {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 196px;
	overflow: hidden;
}

.inside-more-cases li div {
	padding: 0 12px;
}

.inside-more-cases li h4 {
	margin-bottom: 10px;
	font-size: 14px;
	color: #383D41;
	text-align: center;
}

.inside-more-cases li p {
	font-size: 12px;
	color: #666666;
	line-height: 24px;
}

/*scrm*/
.banner_scrm .banner-img {
	bottom: -140px;
	right: -10px;
	width: 334px;
	height: 267px;
	background: url(../images/new/scrm/banner.png) no-repeat center;
	background-size: contain;
}

.banner_scrm .banner-img.active {
	bottom: -70px;
	opacity: 1;
}

.banner-scrm-items {
	margin-left: -10px;
}

.banner-scrm-items li {
	display: inline-block;
	min-width: 70px;
	margin-right: 32px;
	text-align: center;
}

.banner-scrm-items li i {
	font-size: 30px;
	color: #fff;
}

.banner-scrm-items li span {
	font-size: 20px;
	color: #FFFFFF;
}

.scrm-fission-img {
	width: 874px;
}

.scrm-admin-items li {
	display: inline-block;
	margin-right: 19px;
	width: 385px;
	height: 382px;
	background: #fff;
	vertical-align: top;
}

.scrm-admin-items li:last-child {
	margin-right: 0;
}

.scrm-admin-items li img {
	width: 100%;
}

.scrm-admin-items li div {
	padding: 20px 26px 0;
}

.scrm-admin-items li h5 {
	margin-bottom: 18px;
	font-size: 18px;
	color: #383D41;
	text-align: center;
}

.scrm-admin-items li p {
	font-size: 14px;
	color: #383D41;
	text-align: left;
}

.scrm-market-items li {
	float: left;
	margin-bottom: 48px;
	width: 25%;
	text-align: center;
}

.scrm-market-items li .iconfont {
	display: inline-block;
	margin-bottom: 14px;
	width: 73px;
	height: 73px;
	line-height: 73px;
	font-size: 40px;
	color: #fff;
	border-radius: 100%;
}

.scrm-market-items li.item1 .iconfont,
.scrm-market-items li.item5 .iconfont {
	background: #1AC8E2;
}

.scrm-market-items li.item2 .iconfont,
.scrm-market-items li.item6 .iconfont {
	background: #7ED321;
}

.scrm-market-items li.item3 .iconfont,
.scrm-market-items li.item7 .iconfont {
	background: #FF5F73;
}

.scrm-market-items li.item4 .iconfont,
.scrm-market-items li.item8 .iconfont {
	background: #FFB945;
}

.scrm-market-items li h5 {
	margin-bottom: 10px;
	font-size: 16px;
	color: #383D41;
}

.scrm-market-items li p {
	font-size: 14px;
	color: #666666;
	min-height: 40px;
}

.scrm-new-models-items li {
	float: left;
	margin-bottom: 48px;
	width: 25%;
	text-align: center;
}

.scrm-new-models-items li i {
	display: inline-block;
	margin-bottom: 15px;
	width: 75px;
	height: 75px;
	line-height: 75px;
	border: 1px solid #1AC8E2;
	border-radius: 100%;
	font-size: 36px;
	color: #1AC8E2;
}

.scrm-new-models-items li h5 {
	margin-bottom: 10px;
	font-size: 16px;
	color: #383D41;
}

.scrm-new-models-items li p {
	font-size: 14px;
	color: #666666;
	min-height: 40px;
}

.scrm-features-items .item {
	display: inline-block;
	padding-bottom: 24px;
	width: 16.66%;
	cursor: pointer;
}

.scrm-features-items .item.active i,
.scrm-features-items .item.active p {
	color: #1AC8E2;
}

.scrm-features-items .item i {
	font-size: 32px;
	color: #9B9B9B;
}

.scrm-features-items .item p {
	margin-top: 16px;
	font-size: 14px;
	color: #383D41;
}

.scrm-features-draps {
	padding: 13px 0;
}

.scrm-features-draps li {
	display: none;
}

.scrm-features-draps li.active {
	display: block;
}

.scrm-features-draps .fl {
	padding-top: 100px;
	padding-left: 168px;
}

.scrm-features-draps h5 i {
	margin-right: 7px;
	font-size: 25px;
}

.scrm-features-draps h5 em {
	font-size: 18px;
}

.scrm-features-draps p {
	margin-top: 9px;
	font-size: 14px;
	color: #383D41;
	line-height: 33px;
	width: 311px;
}

.scrm-features-draps h5 i,
.scrm-features-draps h5 em {
	color: #1AC8E2;
	vertical-align: middle;
}

.scrm-features-draps .fr img {
	width: 448px;
}

.scrm-features-items .indicator-triangle {
	left: 90px;
}

.activity-fit-new {
	display: flex;
}

.activity-fit-new li {
	display: inline-block;
	width: 155px;
	height: 130px;
	background: rgba(255, 255, 255, 1);
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.18);
	margin-right: 19px;
	padding: 27px;
}

.activity-fit-new li i {
	display: inline-block;
	margin-bottom: 20px;
	width: 54px;
	height: 54px;
	line-height: 54px;
	background: #1AC8E2;
	border-radius: 100%;
	font-size: 24px;
	color: #fff;
}

/* 背景色 */
#hex-1 {
	background: rgba(26, 200, 226, 1) !important;
}

#hex-2 {
	background: rgba(126, 211, 33, 1) !important;
}

#hex-3 {
	background: rgba(255, 120, 183, 1) !important;
}

#hex-4 {
	background: rgba(255, 214, 59, 1) !important;
}

#hex-5 {
	background: rgba(255, 255, 255, 1) !important;
}

#hex-6 {
	background: rgba(255, 255, 255, 1) !important;
}

#imges-new {
	width: 100%;
	height: 100%;
}

.muc {
	padding: 110px 0 0 14px !important;
}

.erp-management-one li {
	margin-right: 12px;
	margin-bottom: 11px;
	width: 287px;
	height: 178px;
	background: rgba(255, 255, 255, 1);
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.3);
}

.erp-management-two li {
	width: 195px;
	height: 178px;
	background: rgba(255, 255, 255, 1);
	border: 1px solid rgba(244, 244, 244, 1);
}

.erp-static-one {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
	margin: 0 auto;
	/* width: 64px; */
}

.erp-static-one i {
	font-size: 21px;
	color: #FFFFFF;
}

.erp-static-one p {
	margin-bottom: 8px;
	font-size: 16px;
	color: #383d41;
}

.erp-static-one span {
	display: inline-block;
	box-sizing: border-box;
	width: 53px;
	height: 53px;
	margin-bottom: 5px;
	background: rgba(10, 197, 225, 1);
	border-radius: 100%;
	text-align: center;
	line-height: 53px;
}

.erp-static-one div {
	width: 60%;
	margin: auto;
	text-align: left;
}

.erp-management-one1 li {
	margin-right: 12px;
	margin-bottom: 11px;
	width: 287px;
	height: 178px;
	background: rgba(255, 255, 255, 1);
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.3);
}

.erp-static-one1 {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
	margin: 0 auto;
	/* width: 64px; */
}

.erp-static-one1 span {
	display: inline-block;
	box-sizing: border-box;
	width: 53px;
	height: 53px;
	margin-bottom: 5px;
	border: 1px solid rgba(10, 197, 225, 1);
	border-radius: 100%;
	text-align: center;
	line-height: 53px;
}

.erp-static-one1 i {
	font-size: 21px;
	color: #0AC5E1;
}

.erp-static-one1 p {
	margin-bottom: 8px;
	font-size: 16px;
	color: #383d41;
}

.erp-static-one1 div {
	width: 60%;
	margin: auto;
	text-align: left;
}

.b2c-module-lists-one li {
	float: none;
	display: inline-block;
	width: 288px;
	background: #f4f4f4;
}

.module-lists-one li {
	float: left;
	padding: 40px 30px;
	/* width: 228px; */
	height: 161px;
	background: #fff;
	text-align: center;
	box-sizing: border-box;
	border: 1px solid #f4f4f4;
}

.module-lists-one li .iconfont {
	margin-bottom: 15px;
	font-size: 30px;
	color: rgba(10, 197, 225, 1);
}

.module-lists-one li span {
	display: inline-block;
	font-size: 14px;
	color: #383d41;
	padding-left: 8px;
	padding-bottom: 10px;
}

.module-lists-new-one li {
	display: inline-block;
	margin-bottom: 49px;
	width: 20%;
	text-align: center;
}

.module-lists-new-one li i {
	display: inline-block;
	margin-bottom: 20px;
	font-size: 42px;
	color: rgba(10, 197, 225, 1);
}

.module-lists-new-one li p {
	font-size: 14px;
	color: #383D41;
}

.wei i {
	color: rgba(10, 197, 225, 1);
	font-size: 35px;
}

.shops-orders-one li {
	position: relative;
	float: left;
	padding-top: 42px;
	box-sizing: border-box;
	width: 50% !important;
	height: 140px;
	padding-left: 32px;
}

.shops-orders-one li .iconfont {
	display: inline-block;
	box-sizing: border-box;
	width: 45px;
	height: 45px;
	margin-bottom: 5px;
	/* background: rgba(10,197,225,1); */
	border: 1px solid rgba(10, 197, 225, 1);
	border-radius: 100%;
	text-align: center;
	line-height: 45px;
}

.host-module-one img {
	width: 739px;
}

.host-module-one div {
	width: 370px;
}

.host-module-two img {
	width: 562px;
}

.host-module-two div {
	padding-top: 65px;
	width: 638px;
}

.host-module-two ul {
	padding-right: 50px;
}

.host-module-two ul li {
	margin-bottom: 45px;
}

.host-module-three img {
	width: 637px;
}

.host-module-three div {
	width: 560px;
}

.host-module-four {
	position: relative;
}

.host-module-four div {
	position: absolute;
}

.host-module-four img {
	width: 663px;
}

.host-module-four div {
	width: 537px;
}

.shops-rider li {
	position: relative;
	float: left;
	box-sizing: border-box;
	width: 100%;
	padding-left: 32px;
}

.shops-rider li p {
	font-size: 14px;
	color: #666;
}

.shops-rider li .iconfont {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	margin-right: 10px;
	margin-bottom: 5px;
	font-size: 26px;
	color: rgba(10, 197, 225, 1);
}

.shops-rider li em {
	font-size: 18px;

	font-weight: 500;
	color: rgba(10, 197, 225, 1);
}

.shops-rider li span {
	font-size: 14px;

	font-weight: 400;
	color: rgba(56, 61, 65, 1);
}

.other-product-one li {
	display: inline-block;
	margin-bottom: 20px;
	padding-top: 10px;
	width: 540px;
	background: #fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.other-product-one li span {
	display: inline-block;
	margin-right: 20px;
	box-sizing: border-box;
	width: 63px;
	height: 63px;
	line-height: 63px;
	border-radius: 100%;
	text-align: center;
}

.other-product-one li i.iconfont {
	color: #606060;
	font-size: 34px;
}

.other-product-one li dl {
	padding-top: 10px;
}

.other-product-one li dt {
	margin-bottom: 10px;
	font-size: 16px;

	font-weight: 550;
	color: rgba(56, 61, 65, 1);
}

.other-product-one li dd {
	font-size: 14px;
	font-weight: 400;
	color: rgba(56, 61, 65, 1);
	width: 498px;
}

.zhi-bo {
	padding: 30px;
	padding-top: 150px;
	font-size: 16px;

	font-weight: 400;
	color: rgba(56, 61, 65, 1);
}

.bbc-pre2 li.bbc-pre-item-one1 i.iconfont {
	color: #FFFFFF;
	background: #0AC5E1;
}

.bbc-pre2 li.bbc-pre-item-one2 i.iconfont {
	color: #FFFFFF;
	background: #E254FF;
}

.bbc-pre2 li.bbc-pre-item-one3 i.iconfont {
	color: #FFFFFF;
	background: #FFB258;
}

.bbc-pre2 li.bbc-pre-item-one4 i.iconfont {
	color: #FFFFFF;
	background: #4A90E2;
}

.bbc-pre2 li i.iconfont {
	display: inline-block;
	margin-bottom: 24px;
	width: 81px;
	height: 81px;
	line-height: 81px;
	/* border: 1px solid transparent; */
	border-radius: 100%;
	text-align: center;
	font-size: px;
}

.bbc-pre2 li span {
	font-size: 14px;
	color: #383D41;
}

.erp-manage-one li {
	float: left;
	margin-right: 6px;
	margin-bottom: 6px;
	width: 233px;
	height: 326px;
	background: #fff;
	text-align: center;
}

.erp-manage-one li.item1 .iconfont {
	border-color: #31CBE3;
	color: #31CBE3;
}

.erp-manage-one li .iconfont {
	display: inline-block;
	margin-top: 50px;
	margin-bottom: 30px;
	width: 57px;
	height: 57px;
	border: 1px solid transparent;
	box-sizing: border-box;
	border-radius: 100%;
	font-size: 27px;
	line-height: 57px;
}

.erp-manage-one li span {
	display: block;
	/*   margin-bottom: 10px; */
	padding-top: 20px;
	text-align: left !important;
}

.erp-manage-one li p {
	font-size: 16px;

	font-weight: 500;
	color: rgba(10, 197, 225, 1);
}

.erp-manage-one li span {
	padding-left: 10px;
	padding-right: 10px;
	font-size: 14px;

	font-weight: 400;
	color: rgba(56, 61, 65, 1);
}

.erp-manage-one li.item2 .iconfont {
	border-color: #B66AFF;
	color: #B66AFF;
}

.erp-manage-one li .iconfont {
	display: inline-block;
	margin-top: 50px;
	margin-bottom: 30px;
	width: 57px;
	height: 57px;
	border: 1px solid transparent;
	box-sizing: border-box;
	border-radius: 100%;
	font-size: 27px;
	line-height: 57px;
}

.erp-manage-one li.item3 .iconfont {
	border-color: #F5A623;
	color: #F5A623;
}

.erp-manage-one li .iconfont {
	display: inline-block;
	margin-top: 50px;
	margin-bottom: 30px;
	width: 57px;
	height: 57px;
	border: 1px solid transparent;
	box-sizing: border-box;
	border-radius: 100%;
	font-size: 27px;
	line-height: 57px;
}

.erp-manage-one li.item4 .iconfont {
	border-color: #4A90E2;
	color: #4A90E2;
}

.erp-manage-one li .iconfont {
	display: inline-block;
	margin-top: 50px;
	margin-bottom: 30px;
	width: 57px;
	height: 57px;
	border: 1px solid transparent;
	box-sizing: border-box;
	border-radius: 100%;
	font-size: 27px;
	line-height: 57px;
}

.erp-manage-one li.item5 .iconfont {
	border-color: #31CBE3;
	color: #31CBE3;
}

.erp-manage-one li .iconfont {
	display: inline-block;
	margin-top: 50px;
	margin-bottom: 30px;
	width: 57px;
	height: 57px;
	border: 1px solid transparent;
	box-sizing: border-box;
	border-radius: 100%;
	font-size: 24px;
	line-height: 57px;
}



.wei-manage-one {
	display: flex;
	justify-content: space-between;
}

.wei-manage-one .wei-manage-item {
	width: 587px;
	height: 678px;
	text-align: center;
	background: #f4f4f4;
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.27);
	border: 1px solid transparent;
}

.wei-manage-one .wei-manage-item:hover {
	border-color: #0AC5E1;
	background: #fff;
}

.wei-manage-one .wei-manage-item .wei-manage-sey {
	height: 326px;
	background-image: url(../images/new/live/live2.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.wei-manage-one .wei-manage-item .wei-manage-sey1 {
	height: 326px;
	background-image: url(../images/new/live/live3.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.wei-manage-one .wei-manage-item li.item1 .iconfont {
	background: rgba(4, 4, 4, 0.31);
	border: 1px solid rgba(10, 197, 225, 1);
	color: #FFFFFF;
}

.wei-manage-one .wei-manage-item li .iconfont {
	display: inline-block;
	margin-top: 50px;
	margin-bottom: 30px;
	width: 96px;
	height: 96px;
	border: 1px solid transparent;
	box-sizing: border-box;
	border-radius: 100%;
	font-size: 40px;
	line-height: 96px;
}

.wei-manage-one .wei-manage-item li span {
	display: block;
	/*   margin-bottom: 10px; */
	padding-top: 20px;
}

.wei-manage-one .wei-manage-item li p {
	font-size: 16px;

	font-weight: 500;
	color: rgba(255, 255, 255, 1);
}

.wei-manage-one .wei-manage-item li span {
	padding-left: 35px;
	padding-right: 35px;
	font-size: 14px;

	font-weight: 400;
	color: rgba(255, 255, 255, 1);
}

.wei-manage-one .wei-manage-item .module-lists-new-one1 li .iconfont {
	display: inline-block;
	margin-top: 50px;
	margin-bottom: 15px !important;
	width: 53px !important;
	height: 53px !important;
	background: rgba(10, 197, 225, 1) !important;
	color: #FFFFFF !important;
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.27);
	border: 1px solid rgba(10, 197, 225, 1);
	border-radius: 100%;
	font-size: 25px;
	line-height: 53px !important;
}

.module-lists-new-one1 li {
	display: inline-block;
	width: 33.33% !important;
	text-align: center;
}

.module-lists-new-one1 li p {
	font-size: 14px !important;

	font-weight: 500;
	color: rgba(56, 61, 65, 1) !important;
}

.module-lists-new-one1 li i {
	display: inline-block;
	margin-bottom: 20px;
	font-size: 42px;
	color: rgba(10, 197, 225, 1);
}

.module-lists-new-one1 li i {
	width: 53px !important;
	height: 53px !important;
	line-height: 53px !important;
}

.ride-foot {
	height: 164px;
	line-height: 164px;
	background-image: url(../images/new/live/live4.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.ride-foot-liv {
	height: 273px;
	background-image: url(../images/new/rider/rider4.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.ride-foot-liv .ride-foot-one {
	padding-top: 53px;
	width: 70%;
	margin: auto;
	text-align: center;

}

.ride-foot-liv .ride-foot-one span {
	display: block;
	font-size: 36px;

	font-weight: 500;
	color: rgba(255, 255, 255, 1);
}

.ride-foot .ride-foot-siz div {
	font-size: 30px;

	font-weight: 500;
	color: rgba(255, 255, 255, 1);
}

.ride-foot .ride-foot-siz div i {
	background: rgba(255, 126, 128, 1);
	padding-left: 3px;
	padding-right: 6px;
	margin-left: 3px;
	margin-right: 3px;
}

.ride-foot .ride-foot-siz span,
.ride-foot .ride-foot-siz a {
	display: inline-block;
	margin-left: 14px;
	width: 180px;
	height: 41px;
	line-height: 41px;
	text-align: center;
	background: rgba(255, 126, 128, 1);
	font-size: 18px;
	color: rgba(255, 255, 255, 1);
	cursor: pointer;
}

.bao-jia {
	color: #4A90E2 !important;
	background: rgba(248, 231, 28, 1) !important;
}

.blue {
	color: #0AC5E1 !important;
}

.Live {
	display: inline-block;
	width: 257px;
	height: 55px;
	margin-top: 20px;
	font-size: 18px !important;

	font-weight: 500;
	line-height: 55px;
	color: #FFFFFF;
	text-align: center;
	background: rgba(10, 197, 225, 1);
}

.ride-live {
	padding-bottom: 10px !important;
}

.ride-first-step {
	margin-top: 6px;
	font-size: 24px !important;
}

.banner-text {
	opacity: 1;
}

.wei-rid {
	width: auto;
}

.wei-rid em {
	width: auto;
	min-width: 200px;
}

.banner_rider .banner-img {
	opacity: 1;
	bottom: -140px;
	right: -10px;
	width: 402px;
	height: 306px;
	background: url(../images/new/live/live.png) no-repeat center;
	background-size: 100%;
}

.banner_rider .banner-img.active {
	bottom: -124px;
	opacity: 1
}

.banner_live .banner-img {
	opacity: 1;
	bottom: -140px;
	right: -10px;
	width: 360px;
	height: 373px;
	background: url(../images/new/rider/rider2.png) no-repeat center;
	background-size: 100%;
}

.banner_live .banner-img.active {
	opacity: 1;
	bottom: -100px;
}

.shops-rider1 li {
	position: relative;
	float: left;
	padding-top: 35px;
	box-sizing: border-box;
	width: 100%;
	height: 80px !important;
	padding-left: 32px;
}

.shops-rider1 li .iconfont {
	width: 50px !important;
	height: 50px !important;
	line-height: 50px !important;
	font-size: 25px !important;
	color: rgba(10, 197, 225, 1) !important;
}

.shops-rider1 li dl dt {
	font-size: 18px;
	padding-left: 10px;

	font-weight: 500;
	color: rgba(10, 197, 225, 1);
}

.shops-rider1 li dl dd {
	font-size: 14px;

	font-weight: 400;
	color: rgba(56, 61, 65, 1);
	padding-left: 10px;
	padding-top: 8px;
}

.rider-module-functions img {
	width: 614px;
}

.rider-module-functions>div {
	width: 585px;
}

.other-product-one li.im1 span {
	background: rgba(10, 197, 225, 1) !important;
}

.other-product-one li.im1 i.iconfont {
	color: #FFFFFF !important;
}

.other-product-one li.im2 span {
	background: rgba(224, 74, 255, 1) !important;
}

.other-product-one li.im2 i.iconfont {
	color: #FFFFFF !important;
}

.other-product-one li.im3 span {
	background: rgba(126, 211, 33, 1) !important;
}

.other-product-one li.im3 i.iconfont {
	color: #FFFFFF !important;
}

.other-product-one li.im4 span {
	background: rgba(10, 197, 225, 1) !important;
}

.other-product-one li.im4 i.iconfont {
	color: #FFFFFF !important;
}

.other-product-one li.im5 span {
	background: rgba(10, 111, 225, 1) !important;
}

.other-product-one li.im5 i.iconfont {
	color: #FFFFFF !important;
}

.bbc-p li span {
	font-size: 14px !important;
	color: #383D41 !important;
}

.new-products {
	background: red;
	padding: 1px;
	border-radius: 10px;
	padding-left: 5px;
	padding-right: 8px;
	font-size: 12px;
	/* -webkit-transform: scale(0.8); */
	margin-left: 5px;
}

.new-product1 {
	background: #FF8800;
	padding: 1px;
	border-radius: 10px;
	padding-left: 3px;
	padding-right: 5px;
	font-size: 12px;
	/* -webkit-transform: scale(0.8); */
	margin-left: 5px;
}

.wei-ti {
	margin-top: 40px;
	width: 154px;
	height: 43px;
	line-height: 43px;
	text-align: center;
	background: rgba(10, 197, 225, 1);
	font-size: 18px;

	font-weight: 400;
	color: rgba(255, 255, 255, 1) !important;
}

.wei-ti a {
	color: rgba(255, 255, 255, 1) !important;
}

/* app */
.banner_app {
	background: url(../images/new/app/banner-2.png) no-repeat center;
}

.ecshop-admins-app li {
	border: 0;
	height: 233px;
}

.ecshop-admins-app li p {
	color: #9b9b9b;
}

.ecshop-admins-app li .iconfont {
	display: inline-block;
	width: 74px;
	height: 74px;
	line-height: 74px;
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.21);
	border-radius: 100%;
	font-size: 30px;
	color: #03ABFF;
}

.app-imports-ul li {
	position: relative;
	display: inline-block;
	margin-bottom: 50px;
	vertical-align: top;
}

.app-imports-ul li:nth-child(odd) {
	margin-right: 120px;
}

.app-imports-ul li div {
	padding-left: 106px;
	width: 410px;
}

.app-imports-ul li div span {
	margin-bottom: 12px;
	font-size: 16px;
	font-weight: bold;
	color: #383D41;
}

.app-imports-ul li div p {
	font-size: 14px;
	color: #9D9D9D;
}

.app-imports-ul li .iconfont {
	position: absolute;
	left: 0;
	top: 0;
	display: inline-block;
	width: 79px;
	height: 79px;
	line-height: 79px;
	border-radius: 100%;
	font-size: 36px;
	color: #fff;
	text-align: center;
}

.app-imports-ul li:nth-child(1) .iconfont {
	background: #03ABFF;
}

.app-imports-ul li:nth-child(2) .iconfont {
	background: #FF5656;
}

.app-imports-ul li:nth-child(3) .iconfont {
	background: #F8D61C;
}

.app-imports-ul li:nth-child(4) .iconfont {
	background: #7ED321;
}

.app-imports-ul li:nth-child(5) .iconfont {
	background: #F577FF;
}

.app-imports-ul li:nth-child(6) .iconfont {
	background: #4A90E2;
}

.app-services-ul li {
	display: inline-block;
	margin-right: 8px;
	vertical-align: top;
	padding: 30px 22px;
	width: 233px;
	height: 255px;
	background: #fff;
	box-sizing: border-box;
	text-align: center;
}

.app-services-ul li:last-child {
	margin-right: 0;
}

.app-services-ul li .iconfont {
	display: inline-block;
	width: 66px;
	height: 66px;
	line-height: 66px;
	background: linear-gradient(127deg, #05EBFC 0%, #1379E6 100%);
	border-radius: 6px;
	font-size: 26px;
	color: #fff;
	text-align: center;
}

.app-services-ul li span {
	margin-top: 18px;
	font-size: 16px;
	font-weight: bold;
	color: #383D41;
}

.app-services-ul li p {
	margin-top: 12px;
	font-size: 14px;
	color: #8D8D8D;
	text-align: left;
	line-height: 20px;
}

.ui-previews-module {
	display: inline-block;
	padding: 22px 102px;
	width: 1181px;
	height: 588px;
	background: #FFFFFF;
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.19);
	box-sizing: border-box;
}

.ui-previews-module .swiper-bigs {
	display: inline-block;
	width: 285px;
}

.ui-previews-module .swiper-bigs img {
	width: 100%;
}

.swiper-bigs-button {
	width: 31px !important;
	height: 31px !important;
	line-height: 31px;
	border: 1px solid #9B9B9B;
	border-radius: 100%;
	background-image: none !important;
	text-align: center;
	outline: none;
}

.swiper-bigs-button.swiper-button-prev {
	left: -40px;
}

.swiper-bigs-button.swiper-button-next {
	right: -40px;
}

.swiper-bigs-button .iconfont {
	font-size: 24px;
	color: #9B9B9B;
}

.swiper-relative-button {
	display: inline-block;
	margin-left: 170px;
	width: 480px;
	vertical-align: top;
}

.swiper-relative-button h4 {
	margin-bottom: 26px;
	margin-top: 30px;
	font-size: 24px;
	font-weight: bold;
	color: #03ABFF;
}

.swiper-relative-button ul li {
	display: inline-block;
	margin-bottom: 12px;
	padding-top: 24px;
	width: 112px;
	height: 129px;
	text-align: center;
	box-sizing: border-box;
}

.swiper-relative-button li em {
	display: inline-block;
	width: 54px;
	height: 60px;
	line-height: 60px;
	background: #D6F1FF;
	border-radius: 5px;
}

.swiper-relative-button li span {
	margin-top: 14px;
	font-size: 14px;
	color: #383D41;
}

.swiper-relative-button ul li.active {
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.18);
}

.swiper-relative-button ul li.active em {
	background: linear-gradient(127deg, #05EBFC 0%, #1379E6 100%);
}

.swiper-relative-button li.active .iconfont {
	color: #fff;
}

.swiper-relative-button li .iconfont {
	font-size: 32px;
	color: #03ABFF;
}

.code-scan em {
	margin-top: 20px;
	font-size: 14px;
	color: #383d41;
}

/* 更多解决方案 */
.banner_solutions {
	background: url(../images/new/solutions/banner.png) no-repeat center;
}

.solutions-items li {
	display: inline-block;
	margin-right: 19px;
	margin-bottom: 24px;
	width: 387px;
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.21);
	vertical-align: top;
}

.solutions-items li:nth-child(3n) {
	margin-right: 0;
}

.solutions-items h5 {
	padding: 0 22px;
	width: 100%;
	height: 97px;
	line-height: 97px;
	font-size: 18px;
	color: #fff;
	box-sizing: border-box;
}

.solutions-items p {
	padding: 27px 16px;
	height: 160px;
	box-sizing: border-box;
	font-size: 14px;
	color: #A5ACB7;
	line-height: 24px;
}

.solutions-items a {
	display: inline-block;
	width: 100%;
	height: 52px;
	line-height: 52px;
	background: linear-gradient(134deg, #FFDC42 0%, #FF603F 100%);
	font-size: 16px;
	color: #fff;
	text-align: center;
}

.solutions-items li:nth-child(1) h5 {
	background: url(../images/new/solutions/st1.png) no-repeat center;
	background-size: cover;
}

.solutions-items li:nth-child(2) h5 {
	background: url(../images/new/solutions/st2.png) no-repeat center;
	background-size: cover;
}

.solutions-items li:nth-child(3) h5 {
	background: url(../images/new/solutions/st3.png) no-repeat center;
	background-size: cover;
}

.solutions-items li:nth-child(4) h5 {
	background: url(../images/new/solutions/st4.png) no-repeat center;
	background-size: cover;
}

.solutions-items li:nth-child(5) h5 {
	background: url(../images/new/solutions/st5.png) no-repeat center;
	background-size: cover;
}

.solutions-items li:nth-child(6) h5 {
	background: url(../images/new/solutions/st6.png) no-repeat center;
	background-size: cover;
}

.solutions-items li:nth-child(7) h5 {
	background: url(../images/new/solutions/st7.png) no-repeat center;
	background-size: cover;
}

.solutions-items li:nth-child(8) h5 {
	background: url(../images/new/solutions/st8.png) no-repeat center;
	background-size: cover;
}

.solutions-items li:nth-child(9) h5 {
	background: url(../images/new/solutions/st9.png) no-repeat center;
	background-size: cover;
}

.solutions-items li:nth-child(10) h5 {
	background: url(../images/new/solutions/st10.png) no-repeat center;
	background-size: cover;
}

.solutions-items li:nth-child(11) h5 {
	background: url(../images/new/solutions/st11.png) no-repeat center;
	background-size: cover;
}

.solutions-items li:nth-child(12) h5 {
	background: url(../images/new/solutions/st12.png) no-repeat center;
	background-size: cover;
}

.solutions-items li:nth-child(13) h5 {
	background: url(../images/new/solutions/st13.png) no-repeat center;
	background-size: cover;
}

.solutions-items li:nth-child(14) h5 {
	background: url(../images/new/solutions/st14.png) no-repeat center;
	background-size: cover;
}

.solutions-items li:nth-child(15) h5 {
	background: url(../images/new/solutions/st15.png) no-repeat center;
	background-size: cover;
}

.solutions-fit-items li {
	position: relative;
	display: inline-block;
	margin-right: 20px;
	margin-bottom: 10px;
	padding: 25px 26px 25px 0;
	width: 590px;
	height: 167px;
	background: #fff;
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.12);
	vertical-align: top;
	box-sizing: border-box;
}

.solutions-fit-items li:nth-child(2n) {
	margin-right: 0;
}

.solutions-fit-items li .iconfont {
	position: absolute;
	left: 26px;
	top: 45px;
	display: inline-block;
	width: 61px;
	height: 61px;
	line-height: 61px;
	border-radius: 100%;
	font-size: 30px;
	color: #fff;
	text-align: center;
}

.solutions-fit-items li div {
	padding-left: 109px;
}

.solutions-fit-items li div span {
	margin-bottom: 16px;
	font-size: 16px;
	font-weight: bold;
	color: #383D41;
}

.solutions-fit-items li div p {
	font-size: 14px;
	color: #878888;
	line-height: 28px;
}

.solutions-fit-items li:nth-child(1) .iconfont {
	background: #03ABFF;
}

.solutions-fit-items li:nth-child(2) .iconfont {
	background: #FCA211;
}

.solutions-fit-items li:nth-child(3) .iconfont {
	background: #FF5656;
}

.solutions-fit-items li:nth-child(4) .iconfont {
	background: #0045A8;
}

/* 社交电商 */
.banner_shejiao {
	background: url(../images/new/shejiao/banner-2.png) no-repeat center;
}

.banner_shejiao .banner-button {
	display: inline-block;
	width: 189px;
	height: 52px;
	line-height: 52px;
	background: #17C5FF;
	text-align: center;
	font-size: 20px;
	color: #fff;
	border: 0;
	cursor: pointer;
}

.hot-model-items li {
	display: inline-block;
	margin-right: 10px;
	padding: 40px 28px;
	width: 393px;
	height: 436px;
	border-radius: 4px;
	vertical-align: top;
	box-sizing: border-box;
	text-align: center;
}

.hot-model-items li:nth-child(1) {
	background: linear-gradient(127deg, #05EBFC 0%, #1379E6 100%);
}

.hot-model-items li:nth-child(2) {
	background: linear-gradient(134deg, #FF6E6E 0%, #FF5353 100%);
}

.hot-model-items li:nth-child(3) {
	margin-right: 0;
	background: linear-gradient(135deg, #137CE6 0%, #B005FC 100%);
}

.hot-model-items li h5 {
	margin-bottom: 22px;
	font-size: 18px;
	font-weight: bold;
}

.hot-model-items li p {
	margin-bottom: 57px;
	font-size: 16px;
	line-height: 28px;
	text-align: left;
}

.hot-model-items li h5,
.hot-model-items li p {
	color: #fff;
}

.func-items li {
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 23px 16px 10px;
	width: 232px;
	height: 213px;
	border: 1px solid #e5e5e5;
	box-sizing: border-box;
	vertical-align: top;
	text-align: center;
}

.func-items li:nth-child(5n) {
	margin-right: 0;
}

.func-items li i.iconfont {
	display: inline-block;
	font-size: 30px;
	color: #03ABFF;
	width: 67px;
	height: 67px;
	line-height: 67px;
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.13);
	border-radius: 100%;
}

.func-items li span {
	display: block;
	margin: 18px 0;
	font-size: 16px;
	font-weight: bold;
	color: #383D41;
}

.func-items li p {
	font-size: 14px;
	color: #9B9B9B;
	text-align: left;
	line-height: 20px;
}

.changes-items li {
	display: inline-block;
	width: 577px;
	height: 584px;
	background: #FFFFFF;
	border: 1px solid #D1D1D1;
	box-sizing: border-box;
	vertical-align: top;
	transition: all .4s;
}

.changes-items li h5 {
	width: 100%;
	height: 123px;
	line-height: 123px;
	background: #E5E9EA;
	font-size: 18px;
	font-weight: bold;
	color: #383D41;
	text-align: center;
}

.changes-items li div {
	padding: 30px 62px;

}

.changes-items li div p {
	font-size: 16px;
	color: #383D41;
	height: 84px;
	line-height: 28px;
}

.changes-items li:first-child div p {
	margin-bottom: 25px;
}

.changes-items li.active {
	position: relative;
	z-index: 2;
	margin-top: -11px;
	margin-right: -1px;
	width: 623px;
	height: 606px;
	box-shadow: 0px 0px 12px 0px rgba(15, 19, 110, 0.29);
}

.changes-items li.active h5 {
	color: #fff;
	background: linear-gradient(306deg, #4AB1FE 0%, #2479FC 100%);
}

.changes-p span {
	font-size: 14px;
	color: #9B9B9B;
	line-height: 53px;
}

/* java商城 */
.banner_java {
	background: url(../images/new/javashop/banner.png) no-repeat center;
}

.java-funcs-items {
	margin-bottom: 42px;
}

.java-funcs-items>li {
	display: inline-block;
	vertical-align: top;
}

.java-funcs-items li {
	padding: 0 55px 10px;
	font-size: 16px;
	color: #383D41;
	border-bottom: 1px solid #CDCDCD;
	cursor: pointer;
}

.java-funcs-contents li {
	font-size: 0;
	display: none;
}

.java-funcs-contents li.active {
	display: block;
}

.java-funcs-contents>li img {
	width: 530px;
}

.java-funcs-contents>li div {
	display: inline-block;
	padding-left: 86px;
	width: 670px;
	box-sizing: border-box;
	vertical-align: top;
}

.java-funcs-contents>li div h6 {
	margin-top: 16px;
	margin-bottom: 14px;
	font-size: 18px;
	font-weight: bold;
	color: #383D41;
}

.java-funcs-contents>li div p {
	margin-bottom: 30px;
	font-size: 14px;
	color: #9B9B9B;
}

.java-funcs-contents>li div li {
	display: inline-block;
	margin-right: 26px;
	margin-bottom: 12px;
	font-size: 14px;
	color: #4A4A4A;
	height: 32px;
	line-height: 30px;
	border: 1px solid #E3E3E3;
	vertical-align: top;
	box-sizing: border-box;
	width: 95px;
	text-align: center;
}

.java-funcs-contents>li div a {
	display: inline-block;
	margin-top: 8px;
	width: 137px;
	height: 36px;
	line-height: 36px;
	background: linear-gradient(127deg, #05EBFC 0%, #1379E6 100%);
	border-radius: 2px;
	font-size: 14px;
	color: #fff;
	text-align: center;
}

.java-funcs-items>li.active {
	margin-top: -2px;
	border-color: #03ABFF;
	border-width: 4px;
}

.java-funcs-contents>li:last-child div li {
	width: 168px;
}

.java-values-items li {
	display: inline-block;
	margin-right: 20px;
	vertical-align: top;
}

.java-values-items li:last-child {
	margin-right: 0;
}

.java-values-items li .li-head {
	padding-top: 15px;
	width: 100%;
	height: 81px;
	box-sizing: border-box;
	text-align: center;
}

.java-values-items li .li-head h5 {
	margin-bottom: 7px;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
}

.java-values-items li .li-head h6 {
	font-size: 12px;
	color: #fff;
}

.java-values-items li:nth-child(1) {
	width: 230px;
}

.java-values-items li:nth-child(2) {
	width: 363px;
}

.java-values-items li:nth-child(3) {
	width: 313px;
}

.java-values-items li:nth-child(4) {
	width: 230px;
}

.java-values-items li:nth-child(1) .li-head {
	background: url(../images/new/javashop/val-1.png) no-repeat center;
	background-size: cover;
}

.java-values-items li:nth-child(2) .li-head {
	background: url(../images/new/javashop/val-2.png) no-repeat center;
	background-size: cover;
}

.java-values-items li:nth-child(3) .li-head {
	background: url(../images/new/javashop/val-3.png) no-repeat center;
	background-size: cover;
}

.java-values-items li:nth-child(4) .li-head {
	background: url(../images/new/javashop/val-4.png) no-repeat center;
	background-size: cover;
}

.java-values-items li .li-cont {
	padding-top: 30px;
	width: 100%;
	height: 319px;
	background: #fff;
	box-sizing: border-box;
}

.java-values-items li:nth-child(1) .li-cont p {
	margin-bottom: 30px;
}

.java-values-items li:nth-child(1) .li-cont .iconfont {
	margin-left: 66px;
	margin-right: 10px;
	font-size: 20px;
	color: #6C7277;
	vertical-align: middle;
}

.java-values-items li:nth-child(1) .li-cont em {
	font-size: 14px;
	color: #4A4A4A;
	vertical-align: middle;
}

.java-values-items li:nth-child(2) .li-cont span {
	display: inline-block;
	margin-right: 16px;
	width: 94px;
	height: 31px;
	line-height: 29px;
	background: #FFFFFF;
	border-radius: 3px;
	border: 1px solid #03ABFF;
	box-sizing: border-box;
	text-align: center;
	font-size: 14px;
	color: #03ABFF;
}

.java-values-items li:nth-child(2) .li-cont {
	padding-left: 15px;
}

.java-values-items li:nth-child(2) .li-cont em {
	display: inline-block;
	font-size: 12px;
	color: #9B9B9B;
	width: 216px;
	vertical-align: top;
	line-height: 17px;
}

.java-values-items li:nth-child(2) .li-cont p {
	margin-bottom: 28px;
}

.java-values-items li:nth-child(3) .li-cont {
	padding-left: 52px;
	/* 	text-align:center; */
}

.java-values-items li:nth-child(3) .li-cont p {
	display: inline-block;
	margin-bottom: 32px;
	width: 50%;
}

.java-values-items li:nth-child(3) .li-cont .iconfont {
	display: inline-block;
	margin-right: 7px;
	font-size: 20px;
	color: #03ABFF;
	vertical-align: top;
}

.java-values-items li:nth-child(3) .li-cont em {
	display: inline-block;
	font-size: 14px;
	color: #4A4A4A;
	vertical-align: middle;
}

.java-values-items li:nth-child(4) .li-cont {
	text-align: center;
}

.java-values-items li:nth-child(4) .li-cont em {
	display: block;
	margin-bottom: 48px;
	font-size: 14px;
	color: #4A4A4A;
}

.java-skills-items li {
	display: inline-block;
	width: 567px;
	vertical-align: top;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.11);
	transition: all .2s;
}

.java-skills-items li h5 {
	padding-top: 45px;
	width: 100%;
	height: 95px;
	background: #E5EDF1;
	box-sizing: border-box;
	font-size: 16px;
	font-weight: bold;
	color: #383D41;
	text-align: center;
}

.java-skills-items li div p {
	font-size: 14px;
	color: #4a4a4a;
	text-align: center;
	line-height: 62px;
}

.java-skills-items li div p:nth-child(even) {
	background: #F8F9FA;
}

.java-skills-items li.active {
	margin-right: -3px;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.11);
	border: 1px solid #03ABFF;
	width: 579px;
}

.java-skills-items li.active h5 {
	padding-top: 35px;
	color: #fff;
	background: linear-gradient(127deg, #05EBFC 0%, #1379E6 100%);
}

.java-evs-cont {
	display: inline-block;
	padding: 0 56px 0 56px;
	width: 765px;
	height: 398px;
	box-sizing: border-box;
	vertical-align: middle;
}

.java-evs-cont dl dt {
	margin-top: 25px;
	margin-bottom: 12px;
	font-size: 16px;
	color: #4A4A4A;
}

.java-evs-cont dl dd {
	padding-left: 14px;
	height: 44px;
	line-height: 44px;
	background: #F4F4F4;
	font-size: 14px;
	color: #4A4A4A;
}

.java-evs-cont dl dd:nth-child(3) {
	margin-top: 12px;
}

.java-worlds li {
	display: inline-block;
	margin-right: 12px;
	margin-bottom: 10px;
	width: 290px;
	height: 225px;
	border: 1px solid #DBDBDB;
	text-align: center;
	box-sizing: border-box;
	transition: all .3s;
}

.java-worlds li:nth-child(4n) {
	margin-right: 0;
}

.java-worlds li:hover {
	border-color: #03ABFF;
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.21);
	cursor: pointer;
}

.java-worlds li:hover .iconfont {
	background: #E7F7FF;
	color: #03ABFF;
}

.java-worlds li .iconfont {
	display: inline-block;
	margin-top: 42px;
	width: 71px;
	height: 71px;
	line-height: 71px;
	border-radius: 100%;
	font-size: 40px;
	color: #000;
	background: #EBEBEB;
}

.java-worlds li span {
	margin-top: 27px;
	font-size: 16px;
	color: #383D41;
}

/* 社区团购 */
.banner_sqtg {
	background: url(../images/new/sqtg/banner.png) no-repeat center;
}

.sqt-adv-items li {
	display: inline-block;
	padding: 24px 0 10px;
	margin-right: 8px;
	width: 193px;
	height: 256px;
	background: #FFFFFF;
	border: 1px solid #E9E9E9;
	box-sizing: border-box;
	vertical-align: top;
}

.sqt-adv-items li:last-child {
	margin-right: 0;
}

.sqt-adv-items li img {
	max-width: 48px;
	max-height: 36px;
}

.sqt-adv-items li span {
	margin-top: 26px;
	margin-bottom: 12px;
	font-size: 16px;
	color: #383D41;
}

.sqt-adv-items li p {
	padding: 0 20px;
	font-size: 13px;
	color: #919191;
	line-height: 28px;
	text-align: left;
}

.sqt-about {
	padding: 30px 76px 30px 24px;
	background: #fff;
}

.sqt-about ul {
	margin-top: 23px;
	padding-left: 50px;
	width: 626px;
}

.sqt-about ul li:first-child {
	margin-bottom: 46px;
}

.sqt-about ul li em {
	font-size: 16px;
	font-weight: bold;
	color: #383D41;
	letter-spacing: 1px;
}

.sqt-about ul li strong {
	font-size: 16px;
	color: #4A90E2;
	letter-spacing: 1px;
}

.sqt-about ul li p {
	margin-top: 15px;
	font-size: 14px;
	color: #919191;
	line-height: 24px;
}

.stg-steps li {
	display: inline-block;
	margin-right: 10px;
	width: 393px;
	background: #fff;
}

.stg-steps li:last-child {
	margin-right: 0;
}

.stg-steps li h5 {
	width: 100%;
	height: 145px;
	background: #03ABFF;
	text-align: center;
}

.stg-steps li h5 .iconfont {
	display: inline-block;
	margin-top: 18px;
	width: 81px;
	height: 81px;
	line-height: 81px;
	background: #fff;
	font-size: 34px;
	color: #03ABFF;
	border-radius: 100%;

}

.stg-steps li h5 span {
	display: block;
	margin-top: 10px;
	font-size: 18px;
	color: #fff;
}

.stg-steps li div p {
	position: relative;
	margin: 0 30px;
	font-size: 14px;
	color: #383D41;
	line-height: 62px;
	text-align: center;

}

.stg-steps li div p:after {
	content: '';
	width: 100%;
	height: 9px;
	background: url(../images/new/sqtg/line.png) no-repeat center;
	background-size: contain;
	position: absolute;
	left: 0;
	bottom: 0;
}

.stg-steps li div p:last-child:after {
	display: none;
}

.sqt-ways ul li {
	height: 618px;
	text-align: center;
}

.sqt-about ul li a {
	display: inline-block;
	margin-top: 10px;
	padding: 0 14px;
	line-height: 28px;
	border: 1px solid #4A90E2;
	color: #4A90E2;
}

.sqt-ways ul li div.clearfix {
	text-align: left;
}

.sqt-ways ul li h4 {
	padding: 60px 0 40px;
	font-size: 24px;
	text-align: center;
}

.sqt-ways ul li h5 {
	position: relative;
	padding-left: 26px;
	margin-top: 140px;
	margin-bottom: 38px;
	font-size: 18px;
}

.sqt-ways ul li h5:before {
	content: '';
	width: 15px;
	height: 15px;
	background: linear-gradient(360deg, rgba(5, 235, 252, 0) 0%, #1379E6 100%);
	position: absolute;
	left: 0;
	top: 6px;
	border-radius: 100%;
}

.sqt-ways ul li p {
	position: relative;
	padding-left: 26px;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 20px;
	width: 447px;
}

.sqt-ways ul li p:before {
	content: '';
	border-width: 6px;
	border-style: solid;
	position: absolute;
	left: 6px;
	top: 6px;
}

.sqt-ways ul li.odd p:before {
	border-color: transparent transparent transparent #BBBDEA;
}

.sqt-ways ul li.even p:before {
	border-color: transparent transparent transparent #03ABFF;
}

.sqt-ways ul li.odd {
	background: linear-gradient(360deg, #22256B 0%, #0E0F34 100%);
}

.sqt-ways ul li.odd h4,
.sqt-ways ul li.odd h5 {
	color: #fff
}

.sqt-ways ul li.odd p {
	color: #BBBDEA;

}

.sqt-ways ul li.even h4 {
	color: #383D41;
}

.sqt-ways ul li.even h5 {
	color: #03ABFF;
}

.sqt-choose {
	width: 100%;
	height: 280px;
	background: url(../images/new/sqtg/bg.png) no-repeat center;
	background-size: cover;
}

.sqt-choose h3 {
	padding: 60px 0 20px;
	font-size: 24px;
}

.sqt-choose h4 {
	margin-bottom: 62px;
	font-size: 16px;
}

.sqt-choose h3,
.sqt-choose h4 {
	color: #fff;
}

.sqt-choose a {
	display: inline-block;
	margin: 0 47px;
	width: 155px;
	height: 33px;
	line-height: 33px;
	font-size: 16px;
	text-align: center;
}

.sqt-choose a.btn1 {
	background: #03ABFF;
	color: #fff;
}

.sqt-choose a.btn2 {
	border: 1px solid #03ABFF;
	color: #03ABFF;
}


/* 首页banner放入到内页 */
.inside-index-banner {
	margin-top: 10px;
	height: 473px !important;
}

.inside-index-banner li div.banner-module {
	padding: 100px 0 0 60px !important;
}

.banner-module-spec .h3 span {
	color: #FFD537;
}

.banner-module-spec .h3 {
	margin-bottom: 18px !important;
}

.banner-module-spec .h4 {
	margin-top: 40px;
}

.banner-module-spec .banner-button {
	background: #FF8800;
}

.inside-index-banner .focus_s {
	bottom: 0 !important;
}

.inside-index-banner li div .h3 {
	font-size: 46px !important;
}

.inside-index-banner li:nth-child(1) div.banner-module {
	padding-top: 50px !important;
}

.inside-index-banner li:nth-child(3) div.banner-module {
	padding-top: 50px !important;
}

.inside-index-banner li:nth-child(3) .banner-button {
	margin-top: 205px !important;
}

.inside-index-banner li div .h4 p {
	font-size: 22px !important;
}

/* 企业采购caigou */
.banner_caigou {
	background: url(../images/new/caigou/banner.png) no-repeat center;
}

.module-bottom-into {
	display: inline-block;
	width: 100%;
	height: 260px;
	background: url(../images/new/caigou/bottom-into-bg.png) no-repeat center;
	background-size: cover;
}

.module-bottom-into p {
	margin: 58px 0 50px;
	font-size: 24px;
	color: #fff;
}

.module-bottom-into .button a {
	display: inline-block;
	margin: 0 47px;
	width: 155px;
	height: 33px;
	line-height: 33px;
	font-size: 15px;
	color: #fff;
	box-sizing: border-box;
}

.module-bottom-into .button a.style1 {
	background: #03ABFF;
}

.module-bottom-into .button a.style2 {
	border: 1px solid #03ABFF;
}

.cg-sq-items li {
	display: inline-block;
	margin-right: 15px;
	width: 228px;
	height: 393px;
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.22);
	vertical-align: top;
}

.cg-sq-items li:last-child {
	margin-right: 0;
}

.cg-sq-items li .top {
	display: inline-block;
	padding-top: 18px;
	width: 100%;
	height: 96px;
	background: linear-gradient(127deg, #05EBFC 0%, #1379E6 100%);
	text-align: center;
	box-sizing: border-box;
}

.cg-sq-items li .top .iconfont {
	font-size: 28px;
}

.cg-sq-items li .top span {
	display: block;
	margin-top: 8px;
	font-size: 16px;
}

.cg-sq-items li .top i,
.cg-sq-items li .top span {
	color: #fff;
}

.cg-sq-items li .bottom {
	padding: 22px 18px 0 10px;
	text-align: left;
}

.cg-sq-items li .bottom p {
	position: relative;
	margin-bottom: 30px;
	padding-left: 16px;
}

.cg-sq-items li .bottom p i {
	position: absolute;
	left: 0;
	color: #03ABFF;
}

.cg-sq-items li .bottom p em {
	font-size: 14px;
	color: #9B9B9B;
	line-height: 20px;
}

.cg-module-lr {
	display: flex;
	justify-content: space-around;
}

.cg-module-lr div {
	display: flex;
	flex-direction: column;
	width: 576px;
	justify-content: center;
}

.cg-module-lr div h5 {
	margin-bottom: 22px;
	font-size: 24px;
	color: #03ABFF;
}

.cg-module-lr div p {
	font-size: 14px;
	color: #383D41;
	line-height: 20px;
}

.cg-fuc-module {
	padding: 30px 22px;
	background: #fff;
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.11);
}

.cg-act-items li {
	display: inline-block;
	padding-top: 20px;
	margin-right: 9px;
	width: 192px;
	height: 260px;
	background: #fff;
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);
	vertical-align: top;
	box-sizing: border-box;
}

.cg-act-items li:last-child {
	margin-right: 0;
}

.cg-act-items li i {
	display: inline-block;
	width: 56px;
	height: 56px;
	line-height: 56px;
	font-size: 26px;
	color: #fff;
	border-radius: 100%;
}

.cg-act-items li:nth-child(1) i {
	background: linear-gradient(127deg, #05EBFC 0%, #1379E6 100%);
}

.cg-act-items li:nth-child(2) i {
	background: linear-gradient(143deg, #FAD961 0%, #FF9A10 100%);
}

.cg-act-items li:nth-child(3) i {
	background: linear-gradient(134deg, #FF6E6E 0%, #FF5353 100%);
}

.cg-act-items li:nth-child(4) i {
	background: linear-gradient(153deg, #B895FF 0%, #5B78FF 100%);
}

.cg-act-items li:nth-child(5) i {
	background: linear-gradient(136deg, #F68383 0%, #FFE49C 100%);
}

.cg-act-items li:nth-child(6) i {
	background: linear-gradient(134deg, #FB7A7A 0%, #FF7D7D 100%);
}

.cg-act-items li span {
	margin-top: 9px;
	margin-bottom: 9px;
	font-size: 16px;
	color: #383D41;
}

.cg-act-items li p {
	display: inline-block;
	text-align: left;
	font-size: 14px;
	color: #9B9B9B;
	line-height: 24px;
}

.cg-flue span {
	display: inline-block;
	width: 168px;
	height: 46px;
	line-height: 46px;
	background: #5EC9FF;
	font-size: 18px;
	color: #fff;
}

.cg-flue i {
	margin: 0 10px;
	font-size: 20px;
	color: #5EC9FF;
}

.cg-adv li {
	display: inline-block;
	margin-right: 10px;
	width: 290px;
	height: 240px;
	padding: 36px 20px 0;
	box-sizing: border-box;
	border: 1px solid #03ABFF;
	vertical-align: top;
	text-align: left;
}

.cg-adv li:last-child {
	margin-right: 0;
}

.cg-adv li h5 {
	padding-bottom: 15px;
	border-bottom: 1px solid #F2F2F2;
}

.cg-adv li h5 img {
	display: inline-block;
	max-width: 28px;
	vertical-align: middle;
}

.cg-adv li h5 em {
	display: inline-block;
	margin-left: 10px;
	font-size: 16px;
	color: #03ABFF;
	vertical-align: middle;
}

.cg-adv li p {
	margin-top: 20px;
	font-size: 14px;
	color: #9B9B9B;
	line-height: 24px;
}

.scene-items-lr {
	display: flex;
	justify-content: space-around;
}

.scene-items-lr .cont {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.scene-items-lr .cont h5 {
	margin-bottom: 10px;
	font-size: 24px;
	color: #03ABFF;
}

.scene-items-lr .cont p {
	font-size: 14px;
	color: #9B9B9B;
	line-height: 28px;
}

.scene-items-lr .cont .button {
	display: inline-block;
	margin-top: 30px;
	width: 135px;
	height: 41px;
	line-height: 41px;
	background: linear-gradient(127deg, #05EBFC 0%, #1379E6 100%);
	border-radius: 3px;
	font-size: 14px;
	color: #fff;
	text-align: center;
}

/* 财务中台 pcenter */
.banner_pcenter {
	background: url(../images/new/pcenter/banner.png) no-repeat center;
}

/* 经销商 dealer */
.banner_dealer {
	background: url(../images/new/dealer/banner.png) no-repeat center;
}

.banner-tech {
	color: #1274EF;
}

.dealer-ul li {
	margin-top: 30px;
	float: left;
	width: 25%;
	height: 206px;
	border-radius: 4px;
	background: url(../images/new/dealer/img2.png) no-repeat center;
	/* border: 1px solid #B7CFFF; */
	text-align: center;
	box-sizing: border-box;
}

.dealer-top {
	margin-top: 12px;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	width: 100%;
	height: 25px;
	font-size: 18px;
	font-weight: 600;
	color: #FFFFFF;
	line-height: 25px;
}

.dealer-bottom {
	margin-top: 31px;
	padding: 0 14px;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	height: 25px;
	font-weight: 400;
	color: #666666;
	line-height: 22px;
	height: 110px;
	font-size: 14px;
}

.dealer-fangan-ul li {
	margin-right: 2%;
	margin-bottom: 24px;
	float: left;
	width: 49%;
	height: 136px;
	background: linear-gradient(180deg, #F5F6FB 0%, #FFFFFF 100%);
	box-shadow: 0px 3px 6px 0px rgba(45, 116, 255, 0.19);
}

.dealer-fangan-ul li:nth-child(2n) {
	margin-right: 0;
}

.dealer-fangan-top {
	margin-top: 20px;
	padding: 0 16px;
	display: flex;
	font-weight: 500;
	color: #333333;
	height: 32px;
	line-height: 32px;
}

.dealer-fangan-bottom {
	padding: 0 16px;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	height: 60px;
	font-weight: 400;
	color: #666666;
	line-height: 22px;
	font-size: 14px;
}

.dealer-fangan-top-left {
	width: 32px;
	height: 32px;
	/* background-color: #FF8667; */
	border-radius: 21px;
	/* opacity: 0.2; */
	text-align: center;
}

.dealer-fangan-top-right {
	margin-left: 12px;
	font-size: 18px;
	font-weight: 500;
	color: #333333;
}

.dealer-fangan-title {
	background-color: rgba(255, 255, 255, 1);
	border-radius: 8px;
	width: 100%;
}

.dealer-fangan-title-top {
	height: 50px;
	line-height: 50px;
	border-radius: 4px;
	padding: 0 24px;
}

.dealer-fangan-title-top span{
	padding-left: 10px;
	position: relative;
	font-size: 15px;
	color: #fff;
}

.dealer-fangan-title-top span:before {
	content: "";
	display: inline-block;
	width: 3px;
	height: 16px;
	background: #fff;
	position: absolute;
	left: 0;
	top: 0;
}

.dealer-fangan-title-text {
	padding: 0px 16px 0 16px;
	margin-top: 10px;
	display: block;
	font-size: 16px;
	font-weight: 500;
	
}

.dealer-fangan-title-text2 {
	height: 66px;
	font-size: 18px
}

.color333{
	color: #333;
}

.banner-tech2{
	color: #ee7701;
}

.dealer-banner-button{
	display: inline-block;
	font-size: 14px;
	min-width: 138px;
	height: 40px;
	background:url(../images/new/dealer/img16.png) no-repeat center;
	text-align: center;
	line-height: 40px;
	margin-top: 50px;
	margin-left: 3px;
	color: #fff;
}

.pc-lr {
	display: flex;
	justify-content: space-around;
}

.pc-dz-text,
.pc-module2 {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.pc-dz-text li {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-bottom: 6px;
	padding: 0 20px 0 26px;
	width: 533px;
	height: 84px;
	background: #FFFFFF;
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
	border: 1px solid transparent;
	box-sizing: border-box;
}

.pc-dz-text li.active {
	border-color: #4A90E2;
}

.pc-dz-text li.active b {
	display: inline-block;
}

.pc-dz-text li b {
	display: none;
	position: absolute;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-right: 10px solid #4A90E2;
	border-bottom: 10px solid transparent;
	top: 30px;
	left: -10px;
}

.pc-dz-text li b:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-top: 11px solid transparent;
	border-right: 11px solid #fff;
	border-bottom: 11px solid transparent;
	top: -11px;
	left: 1px;
}

.pc-dz-text li h5 i.iconfont,
.pc-dz-text li h5 span {
	display: inline-block;
	vertical-align: middle;
}

.pc-dz-text li h5 i.iconfont {
	margin-right: 12px;
	font-size: 20px;
	color: #515151;
}

.pc-dz-text li h5 span {
	font-size: 16px;
	color: #000000;
}

.pc-dz-text li p {
	margin-top: 8px;
	font-size: 14px;
	color: #9b9b9b;
}

.pc-dz-module .img img {
	display: none;
}

.pc-dz-module .img img.active {
	display: inline-block;
}

.pc-module2 h5 {
	margin-bottom: 20px;
	font-size: 24px;
	color: #383D41;
}

.pc-module2 p {
	font-size: 14px;
	color: #383D41;
	line-height: 28px;
}

.pc-module2 .button {
	display: inline-block;
	margin-top: 23px;
	width: 135px;
	height: 41px;
	line-height: 41px;
	background: linear-gradient(127deg, #05EBFC 0%, #1379E6 100%);
	border-radius: 3px;
	font-size: 14px;
	color: #fff;
	text-align: center;
}

/* 用户中台ucenter */
.banner_ucenter {
	background: url(../images/new/ucenter/banner.png) no-repeat center;
}

.uc-lr h5 {
	font-size: 18px !important;
}

.uc-func-items li {
	display: inline-block;
	margin-right: 14px;
	padding: 36px 0 0;
	width: 188px;
	height: 273px;
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.17);
	box-sizing: border-box;
	vertical-align: top;
	text-align: center;
}

.uc-func-items li i {
	font-size: 32px;
	color: #03ABFF;
}

.uc-func-items li h6 {
	margin-top: 26px;
	font-size: 16px;
	color: #4A4A4A;

}

.uc-func-items li p {
	margin: 10px 20px 0;
	font-size: 14px;
	color: #9B9B9B;
	line-height: 28px;
	text-align: left;
}

.uc-func-items li:last-child {
	margin-right: 0;
}

/* 数据中台cloudata */
.banner_cloudata {
	background: url(../images/new/cloudata/banner.png) no-repeat center;
}

.cl-module-items li {
	display: inline-block;
	padding: 30px;
	margin-right: 13px;
	margin-bottom: 10px;
	width: 390px;
	height: 170px;
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.12);
	box-sizing: border-box;
}

.cl-module-items li:nth-child(3n) {
	margin-right: 0;
}

.cl-module-items li h5 .iconfont {
	display: inline-block;
	margin-right: 17px;
	font-size: 28px;
	color: #03ABFF;
	vertical-align: middle;
}

.cl-module-items li h5 em {
	display: inline-block;
	vertical-align: middle;
	font-size: 18px;
	color: #383D41;
}

.cl-module-items li p {
	margin-top: 20px;
	font-size: 14px;
	color: #9B9B9B;
	line-height: 28px;
}

.cl-module-bottom-into p {
	margin-bottom: 14px;
}

.cl-module-bottom-into span {
	margin-bottom: 34px;
	font-size: 18px;
	color: #fff;
}

/* s2b2b */
.banner_s2b2b {
	background: url(../images/new/s2b2b/banner.png) no-repeat center;
}

.s2b2b-module-five li {
	display: inline-block;
	margin-right: 12px;
	width: 226px;
	height: 250px;
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);
	text-align: center;
}

.s2b2b-module-five li:last-child {
	margin-right: 0;
}

.s2b2b-module-five li .iconfont {
	display: inline-block;
	margin-top: 22px;
	width: 68px;
	height: 68px;
	line-height: 68px;
	border-radius: 100%;
	font-size: 24px;
	color: #fff;
}

.s2b2b-module-five li:nth-child(1) .iconfont {
	background: linear-gradient(127deg, #05EBFC 0%, #1379E6 100%);
}

.s2b2b-module-five li:nth-child(2) .iconfont {
	background: linear-gradient(153deg, #B895FF 0%, #5B78FF 100%);
}

.s2b2b-module-five li:nth-child(3) .iconfont {
	background: linear-gradient(153deg, #F9BC00 0%, #F03100 100%);
}

.s2b2b-module-five li:nth-child(4) .iconfont {
	background: linear-gradient(127deg, #05EBFC 0%, #1379E6 100%);
}

.s2b2b-module-five li:nth-child(5) .iconfont {
	background: linear-gradient(134deg, #FF6E6E 0%, #FF5353 100%);
}

.s2b2b-module-five li h6 {
	margin-top: 16px;
	font-size: 16px;
	color: #383D41;
}

.s2b2b-module-five li p {
	display: inline-block;
	margin-top: 22px;
	font-size: 14px;
	color: #9B9B9B;
	line-height: 28px;
}

.s2b2b-module-six li {
	display: inline-block;
	padding: 44px 40px;
	width: 395px;
	height: 180px;
	background: #FFFFFF;
	margin-right: 6px;
	margin-bottom: 6px;
	vertical-align: top;
	box-sizing: border-box;
}

.s2b2b-module-six li:nth-child(3n) {
	margin-right: 0;
}

.s2b2b-module-six li h6 i {
	display: inline-block;
	margin-right: 5px;
	font-size: 20px;
	color: #383D41;
	vertical-align: middle;
}

.s2b2b-module-six li h6 em {
	display: inline-block;
	font-size: 18px;
	color: #383D41;
	vertical-align: middle;
}

.s2b2b-module-six li p {
	margin-top: 20px;
	font-size: 14px;
	color: #9B9B9B;
	line-height: 28px;
}

.s2b2b-module-eight li {
	display: inline-block;
	padding: 24px 30px;
	margin-right: 18px;
	margin-bottom: 10px;
	width: 286px;
	height: 278px;
	vertical-align: top;
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.16);
	box-sizing: border-box;
	text-align: center;
}

.s2b2b-module-eight li:nth-child(4n) {
	margin-right: 0;
}

.s2b2b-module-eight li h6 {
	margin-top: 9px;
	font-size: 16px;
	color: #383D41;
}

.s2b2b-module-eight li p {
	margin-top: 19px;
	font-size: 14px;
	color: #9B9B9B;
	line-height: 28px;
	text-align: left;
}

/* 家居建材jiancai */
.banner_jiancai {
	background: url(../images/new/jiancai/banner.png) no-repeat center;
}

.jc-six-items li {
	display: inline-block;
	padding: 24px 16px 0;
	margin-right: 8px;
	width: 193px;
	height: 305px;
	vertical-align: top;
	border: 1px solid #DCDCDC;
	text-align: center;
	box-sizing: border-box;
}

.jc-six-items li:last-child {
	margin-right: 0;
}

.jc-six-items li .iconfont {
	display: inline-block;
	width: 53px;
	height: 53px;
	line-height: 53px;
	background: #03ABFF;
	border-radius: 100%;
	font-size: 23px;
	color: #fff;
}

.jc-six-items li h6 {
	margin-top: 12px;
	font-size: 16px;
	color: #383D41;
}

.jc-six-items li p {
	margin-top: 15px;
	font-size: 14px;
	color: #919191;
	line-height: 28px;
	text-align: left;
}

.jc-two-items li {
	display: inline-block;
	margin-bottom: 13px;
	padding: 14px;
	width: 587px;
	height: 128px;
	border: 1px solid #DADADA;
	box-sizing: border-box;
	vertical-align: top;
}

.jc-two-items li:nth-child(odd) {
	margin-right: 25px;
}

.jc-two-items li h6 {
	margin-top: 10px;
}

.jc-two-items li i,
.jc-two-items li span {
	display: inline-block;
	vertical-align: middle;
}

.jc-two-items li i {
	margin-right: 8px;
	font-size: 18px;
	color: #333333;
}

.jc-two-items li span {
	font-size: 16px;
	color: #383D41;
}

.jc-two-items li p {
	margin-top: 13px;
	font-size: 14px;
	color: #838383;
	line-height: 28px;
}

/* 工业电商industry */
.banner_industry {
	background: url(../images/new/industry/banner.png) no-repeat center;
}

.is-pains-items li {
	display: inline-block;
	margin-right: 14px;
	width: 288px;
	height: 388px;
	background: #fff;
	vertical-align: top;
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.17);
	box-sizing: border-box;
}

.is-pains-items li:last-child {
	margin-right: 0;
}

.is-pains-items li .top {
	padding-top: 24px;
	height: 110px;
	background: linear-gradient(127deg, #05EBFC 0%, #1379E6 100%);
	text-align: center;
	box-sizing: border-box;
}

.is-pains-items li .top .iconfont,
.is-pains-items li .top h6 {
	color: #fff;
}

.is-pains-items li .top .iconfont {
	font-size: 28px;

}

.is-pains-items li .top h6 {
	margin-top: 13px;
	font-size: 16px;
}

.is-pains-items li .cont {
	padding: 25px 15px 0;
}

.is-pains-items li .cont p {
	margin-bottom: 24px;
	font-size: 14px;
	color: #A0A0A0;
}

.is-hignlights-items li {
	display: inline-block;
	margin-right: 12px;
	margin-bottom: 10px;
	padding-top: 26px;
	width: 290px;
	height: 196px;
	background: #fff;
	text-align: center;
	vertical-align: top;
	box-sizing: border-box;
}

.is-hignlights-items li:nth-child(4n) {
	margin-right: 0;
}

.is-hignlights-items li i {
	display: inline-block;
	width: 56px;
	height: 56px;
	line-height: 56px;
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.14);
	font-size: 24px;
	color: #03ABFF;
	text-align: center;
	border-radius: 100%;
}

.is-hignlights-items li h6 {
	margin: 16px 0 10px;
	font-size: 16px;
	color: #383D41;
}

.is-hignlights-items li p {
	font-size: 14px;
	color: #9B9B9B;
}

/* 母婴 */
.banner_muying {
	background: url(../images/new/muying/banner.png) no-repeat center;
}

.bottom-register-module {
	display: inline-block;
	padding-top: 40px;
	width: 1194px;
	height: 256px;
	background: #fff;
	box-sizing: border-box;
}

.bottom-register-module h6 {
	margin-bottom: 40px;
	font-size: 18px;
	color: #4A90E2;
}

.bottom-register-module input {
	padding-left: 32px;
	width: 560px;
	height: 67px;
	background: #F3F3F3;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
	box-sizing: border-box;
}

.bottom-register-module button {
	width: 130px;
	height: 67px;
	background: #03ABFF;
	font-size: 18px;
	color: #fff;
	text-align: center;
	border: 0;
	cursor: pointer;
}

.bottom-register-module input,
.bottom-register-module button {
	vertical-align: top;
}

.my-five-items li {
	padding: 23px 16px 0;
	margin-right: 8px;
	width: 233px;
	height: 256px;
	box-sizing: border-box;
}

.my-five-items li:nth-child(4) {
	margin-right: 8px;
}

.my-five-items li:nth-child(5) {
	margin-right: 0;
}

.my-five-items li p {
	text-align: left;
}

.my-five-items li h6 {
	margin-bottom: 18px;
}

.guanyuwomen {
	width: 100%;
	height: 185px;
}

.gywmdiv {
	width: 588px;
	height: 185px;
	background: #FFFFFF;
	opacity: 1;
	color: #656565;
}

.gsdizhi img {
	width: 15px;
	height: 17px;
	margin-left: 13px;
}

.gywmdiv2 {
	width: 588px;
	height: 185px;
	background: #FFFFFF;
	opacity: 1;
}

.gsmingcheng {
	width: 100%;
	height: 24px;
	font-size: 24px;
	font-weight: 500;
	color: #4B81F1;
	line-height: 24px;
	margin-top: 22px;
	border-left: 2px solid #4B81F1;
}

.sqzhixun {
	width: 100%;
	height: 14px;
	font-size: 14px;
	font-weight: 400;
	color: #656565;
	line-height: 14px;
	margin-top: 22px;
}

.shzhixun {
	width: 100%;
	height: 14px;
	font-size: 14px;
	font-weight: 400;
	color: #656565;
	line-height: 14px;
	margin-top: 22px;
}

.gsdizhi {
	width: 100%;
	height: 14px;
	font-size: 12px;
	font-weight: 400;
	color: #656565;
	line-height: 14px;
	margin-top: 22px;
}

.mal34 {
	margin-left: 34px;
}

.mal37 {
	margin-left: 37px;
}

.mal7 {
	margin-left: 7px;
}

.mat24 {
	margin-top: 24px;
}

.mat26 {
	margin-top: 26px;
}

.mat31 {
	margin-top: 31px;
}

.banner-second-title {
	font-size: 28px;
	color: #fff;
	font-weight: 400;
}

.icon-lists span {
	margin-right: 30px;
}

.icon-lists span em,
.icon-lists span i {
	display: inline-block;
	vertical-align: middle;
}

.icon-lists span em {
	font-size: 20px;
	color: #fff;
}

.icon-lists span i {
	margin-right: 6px;
	font-size: 20px;
	color: #FFD537;
}

.beijingtp-new {
	height: 570px;
	background: url(../images/new/index/banner-index21.png) no-repeat center;
}

.pink {
	width: 181px;
	height: 400px;
	background: rgba(0, 0, 0, 0.5);
	backdrop-filter: blur(5px);
}

.pinkone {
	width: 780px;
	height: 400px;
	padding: 0 20px;
	background: rgba(0, 0, 0, 0.35);
	backdrop-filter: blur(4px);
	box-sizing: border-box;
}

.pinktow {
	width: 200px;
	height: 400px;
	padding: 0 19px;
	background: rgba(0, 0, 0, 0.5);
	backdrop-filter: blur(5px);
}

.bbc-jiejue-nav {
	width: 181px;
}

.bbc-jiejue-nav li {
	width: 149px;
	height: 47px;
	margin-left: 15px;
	margin-top: 4px;
	border-radius: 4px;
	text-align: center;
	line-height: 47px;
	cursor: pointer;
}

.bbc-jiejue-nav div span {
	font-size: 16px;
	color: #FFFFFF;
	font-weight: 700;
}

.bbc-jiejue-nav li.active {
	background: #2D74FF;
}

.pinkone-shuzi {
	height: 28px;
	font-size: 20px;
	font-weight: 500;
	color: #FFFFFF;
	line-height: 28px;
	margin-top: 54px;
}

.pinkone-wenan {
	width: 724px;
	height: 60px;
	font-size: 14px;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 20px;
	margin-top: 16px;
}

.pinkone-tubiao {
	margin-top: 53px;
	overflow: hidden;
}

.pinkone-tb {
	height: 48px;
	text-align: center;
}

.pinkone-tb-biaoti {
	width: 48px;
	height: 17px;
	font-size: 12px;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 17px;
}

.pinkone-tb-hezi {
	margin-top: 5px;
}

.mar53 {
	margin-left: 53px;
}

.pinkone-xiantiao {
	width: 729px;
	border-top: 1px solid rgba(255, 255, 255, 0.3);
	margin-top: 50px;
}

.pinkone-anniou {
	margin-top: 28px;
}

.pinkone-ckxq {
	width: 105px;
	height: 40px;
	background: #2D74FF;
	border-radius: 4px;
	line-height: 40px;
	text-align: center;
	display: block;
	color: #FFFFFF;
	cursor: pointer;
}

.pinkone-ljxq {
	width: 105px;
	height: 40px;
	border-radius: 4px;
	border: 1px solid #FFFFFF;
	line-height: 40px;
	text-align: center;
	display: block;
	color: #FFFFFF;
	margin-left: 24px;
	cursor: pointer;
}

.pinktow-biaoti {
	height: 22px;
	font-size: 16px;
	font-weight: 500;
	color: #CCCCCC;
	line-height: 22px;
	margin-top: 24px;
	text-align: center;
}

.pinktow-tupiantow {
	overflow: hidden;
}

.pinktow-tupianimg,
.pinktow-tupianimgtow {
	margin-top: 15px;
}

.pinktow-tupianimg {
	width: 60px;
	height: 60px;
	background: #FFFFFF;
	border-radius: 4px;
	margin-right: 8px;
}

.pinktow-tupianimg:nth-child(3n) {
	margin-right: 0;
}

.pinktow-tupianimg img,
.pinktow-tupianimgtow img {
	width: 100%;
}

/* .pinktow-tupianimgtow{
	width: 64px;
	height: 64px;
	background: #FFFFFF;
	border-radius: 4px;
	margin-left: 15px;
} */
.huoban-one {
	overflow: hidden;
}

.huoban-one-cs {
	width: 132px;
	height: 70px;
	background: linear-gradient(135deg, #FFA61F 0%, #FF7800 100%);
	border-radius: 4px;
	line-height: 70px;
	text-align: center;
	color: #fff;
}

.huoban-one-zf {
	width: 132px;
	height: 70px;
	background: linear-gradient(152deg, #5CE394 0%, #2FC25B 100%);
	border-radius: 4px;
	line-height: 70px;
	text-align: center;
	color: #fff;
}

.huoban-one-gys {
	width: 132px;
	height: 70px;
	background: linear-gradient(149deg, #59ACFF 0%, #2D74FF 100%);
	border-radius: 4px;
	line-height: 70px;
	text-align: center;
	color: #fff;
}

.huoban-one-sjfw {
	width: 132px;
	height: 70px;
	background: linear-gradient(152deg, #5C7BE3 0%, #7136E0 100%);
	border-radius: 4px;
	line-height: 70px;
	text-align: center;
	color: #fff;
}

.huoban-img-cs {
	width: 225px;
	height: 72px;
}

.huoban-img-zf {
	width: 176px;
	height: 72px;
}

.huoban-img-gys {
	width: 306px;
	height: 72px;
}

.ml15 {
	margin-left: 15px;
}

.ml18 {
	margin-left: 18px;
}

.change-uls li {
	display: none;
}

.change-uls li.active {
	display: inline-block;
}

.yingxiao-tghk {
	overflow: hidden;
}

.yingxiao-tghk-left {
	width: 296px;
	height: 146px;
	background: url(../images/new/index/jiejue/yingxiao-img1.png) no-repeat center;
}

.yingxiao-cjzh-left {
	width: 296px;
	height: 80px;
	background: url(../images/new/index/jiejue/yingxiao-img2.png) no-repeat center;
}

.yingxiao-sylc-left {
	width: 296px;
	height: 80px;
	background: url(../images/new/index/jiejue/yingxiao-img3.png) no-repeat center;
}

.yingxiao-fgzg-left {
	width: 296px;
	height: 80px;
	background: url(../images/new/index/jiejue/yingxiao-img4.png) no-repeat center;
}

.yingxiao-fxlb-left {
	width: 296px;
	height: 80px;
	background: url(../images/new/index/jiejue/yingxiao-img5.png) no-repeat center;
}

.yingxiao-tghk-right {
	width: 904px;
	height: 146px;
	background: #F3F6FF;
}

.yingxiao-cjzh-right {
	width: 904px;
	height: 80px;
	background: #F3F6FF;
}

.yingxiao-tghk-wenan {
	height: 22px;
	font-size: 16px;
	display: block;
	font-weight: 700;
	color: #FFFFFF;
	line-height: 22px;
}

.yingxiao-tghk-wenan1 {
	height: 17px;
	font-size: 12px;
	display: block;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 17px;
}

.yingxiao-tghk-img {
	margin: 46px 0 0 6px;
}

.yingxiao-cjzh-img {
	margin: 12px 0 0 6px;
}

.mt18 {
	margin-top: 18px;
}

.yingxiao-tghk-img2 {
	width: 157px;
	height: 49px;
	margin-top: 16px;
	margin-left: 20px;
}

.clfff {
	color: #fff !important;
}

.fw600 {
	font-weight: 600;
}

.case-filter {
	position: relative;
	margin-bottom: 40px;
	width: 100%;
	min-height: 168px;
	background: #F2F7FF;
	border-radius: 0px 8px 8px 0px;
}

.filter-type {
	position: absolute;
	left: 0;
	top: 0;
	display: inline-block;
	width: 201px;
	height: 100%;
	background: #2D74FF;
	border-radius: 8px 0px 0px 8px;
	padding-top: 24px;
	box-sizing: border-box;
}

.filter-type li {
	display: inline-block;
	width: 153px;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	color: #fff;
	cursor: pointer;
}

.filter-type li:first-child {
	margin-bottom: 16px;
}

.filter-type li.active {
	background: #FFFFFF;
	border-radius: 8px;
	color: #2D74FF;
}

.filter-name {
	padding-left: 201px;
	width: 100%;
	box-sizing: border-box;
	text-align: left;
}

.filter-name li {
	padding: 18px 0 18px 18px;
	display: none;
	text-align: left;
}

.filter-name li.active {
	display: inline-block;
}

.filter-name li em {
	display: inline-block;
	margin: 12px 14px 12px 0;
	min-width: 123px;
	height: 40px;
	line-height: 40px;
	background: #FFFFFF;
	border-radius: 20px;
	border: 1px solid #F5F5F5;
	vertical-align: top;
	text-align: center;
	font-size: 14px;
	cursor: pointer;
	padding: 0 6px;
	box-sizing: border-box;
}

.filter-name li em.active {
	background: #2D74FF;
	color: #fff;
}

.brand-class-change {
	padding-top: 30px;
}

.brand-class-change li {
	float: left;
	padding-bottom: 12px;
	width: 240px;
	font-size: 22px;
	color: #444;
	text-align: center;
	cursor: pointer;
}

.brand-class-change li.active {
	color: #2D74FF;
	border-bottom: 3px solid #2D74FF;
}


.brand-items {
	width: 100%;
	height: 560px;
	padding-top: 35px;
	background: url(../images/new/newCase/case-bg.png) no-repeat center;
	background-size: cover;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.brand-items li {
	font-size: 0;
	display: none;
}

.brand-items li.active {
	display: inline-block;
	width: 100%;
}

.brand-items li img {
	width: 220px;
	margin-right: 22px;
	margin-bottom: 30px;
}

.brand-items li img:nth-child(5n) {
	margin-right: 0;
}

/* 纸行业 */
.showBtom {
	width: 100%;
	height: 10px;
	box-shadow: inset 0px 3px 4px 0px rgba(48, 108, 255, 0.1);
}

.colBlock {
	color: #000;
	font-size: 16px;
}

.colGreen {
	font-size: 16px;
	color: #666666 !important;
	line-height: 28px;
}

.fontW700 {
	font-weight: 700;
}

.banner_paper {
	background: url(../images/new/solution_paper/banner.png) no-repeat center;
	background-size: cover;
}

.banner_paper .titleBag {
	width: 510px;
	height: 40px;
	background: url(../images/new/solution_paper/titleBag.png) no-repeat center;
	background-size: cover;
}

.banner_paper .btnBag {
	display: inline-block;
	font-size: 14px;
	min-width: 170px;
	height: 70px;
	text-align: center;
	line-height: 70px;
	margin-top: 50px;
	margin-left: 3px;
	color: #fff;
	background: url(../images/new/solution_paper/butBag.png) no-repeat center;
}

.paper_mudelTwo {
	width: 100%;
	height: 500px;
}

.paper_mudelTwo .mudelTwoBag {
	width: 100%;
	height: 100%;
	background: url(../images/new/solution_paper/mudelTwoBag.png) no-repeat center;
	background-size: 100% 100%;
}

.paper_mudelThree_one,
.paper_mudelThree_two {
	width: 100%;
	margin: 10px 0px 30px 0px;
	display: flex;
	justify-content: space-around;
}

.paper_mudelThree_one li {
	width: 387px;
	height: 146px;
	box-shadow: 0px 2px 6px 0px rgba(0, 28, 83, 0.1);
}

.paper_mudelThree_two li {
	width: 285px;
	height: 190px;
	box-shadow: 0px 2px 6px 0px rgba(0, 28, 83, 0.1);
}

.paper_mudelThree_two li:nth-of-type(2n-1),
.paper_mudelThree_one li:nth-of-type(2n) {
	background: linear-gradient(180deg, #FFFFFF 0%, #F6FAFF 100%);
}

.paper_mudelThree_two li:nth-of-type(2n),
.paper_mudelThree_one li:nth-of-type(2n-1) {
	background: linear-gradient(180deg, #FFFFFF 0%, #F3EEFD 100%);
}

.paper_one_liOne div:nth-of-type(1),
.paper_one_liTwo div:nth-of-type(1) {
	height: 60px;
}

.paper_one_liOne div:nth-of-type(1) {
	background: linear-gradient(90deg, #7B5FE7 0%, #AC99F2 100%);
}

.paper_one_liTwo div:nth-of-type(1) {

	background: linear-gradient(90deg, #2E6AFF 0%, #81A5FF 100%);
}

.paper_one_liOne div:nth-of-type(1) i,
.paper_one_liTwo div:nth-of-type(1) i {
	display: inline-block;
	width: 3px;
	height: 16px;
	line-height: 60px;
	background-color: white;
	margin: 0px 7px -2px 15px;
}

.paper_one_liOne div:nth-of-type(1) span,
.paper_one_liTwo div:nth-of-type(1) span {
	width: 126px;
	height: 25px;
	font-size: 18px;
	font-weight: 500;
	color: #FFFFFF;
	line-height: 60px;
}

.paper_one_liOne div:nth-of-type(2),
.paper_one_liTwo div:nth-of-type(2) {
	padding: 20px 10px 0px 15px;
	box-sizing: border-box;
	width: 100%;
	font-size: 12px;
	font-weight: 400;
	color: #333333;
	line-height: 22px;
}

.paperModelFour {
	width: 100%;
	height: 747px;
	background: url(../images/new/solution_paper/modelfourBag.png) no-repeat center;
	background-size: 100% 100%;
}

.paperModelFive {
	width: 100%;
	height: 568px;
	background: url(../images/new/solution_paper/modelfiveBag.png) no-repeat center;
	background-size: 100% 100%;
}

.paperModelSix {
	width: 100%;
	display: flex;
}

.paperModelSixUlOne {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.paperModelSixUlOne li {
	width: 120px;
	height: 73px;
	background: #F5F9FC;
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	flex-direction: column;
	margin: 15px 23px;
}

.paperModelSixUlTwo {
	width: 20%;
	display: flex;
	flex-wrap: wrap;
}

.paperModelSixUlTwo li {
	width: 156px;
	height: 73px;
	background: #F5F9FC;
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	flex-direction: column;
	margin: 15px 20px;
}

.paperModelSixUlOne li span,
.paperModelSixUlTwo li span {
	font-weight: bold;
}

.paperModelSixUlOne li:hover,
.paperModelSixUlTwo li:hover {
	cursor: pointer;
	color: white;
	background: linear-gradient(133deg, #59ACFF 0%, #2D74FF 100%);
	transition: all .3s;
}

.paperModelSeven {}

.paperModelSeven li {
	width: 100%;
	height: 80px;
	background: #FFFFFF;
	display: flex;
	align-items: center;
	margin: 20px 0px;
}

.paperModelSeven li p:nth-of-type(1) {
	width: 54px;
	height: 54px;
	color: white;
	text-align: center;
	line-height: 54px;
	border-radius: 10px;
	margin: 0px 30px;
}

.paperModelSeven li:nth-child(1) p:nth-of-type(1),
.paperModelSeven li:nth-child(5) p:nth-of-type(1) {
	background: linear-gradient(60deg, #74B5E4 0%, #4695D1 100%);
}

.paperModelSeven li:nth-child(2) p:nth-of-type(1),
.paperModelSeven li:nth-child(6) p:nth-of-type(1) {
	background: linear-gradient(60deg, #A5D497 0%, #6ABC53 100%);
}

.paperModelSeven li:nth-child(3) p:nth-of-type(1),
.paperModelSeven li:nth-child(7) p:nth-of-type(1) {
	background: linear-gradient(60deg, #F4AF9B 0%, #EE785A 100%);
}

.paperModelSeven li:nth-child(4) p:nth-of-type(1) {
	background: linear-gradient(60deg, #F4B140 0%, #F08C39 100%);
}

.paperModelSeven li p:nth-of-type(1) i {
	font-size: 28px;
}

.paperModelSeven li p:nth-of-type(2) {
	color: #383D41;
}

.paperModelSeven li p:nth-of-type(2) strong {
	line-height: 25px;
}

.paperModelSeven li p:nth-of-type(2) span {
	line-height: 30px;
}

.paperModelEight {
	width: 100%;
	display: flex;
	justify-content: space-around;
}

.paperModelEight li {
	width: 360px;
	height: 300px;
	background: linear-gradient(180deg, #FFFFFF 0%, #F6FAFF 100%);
	box-shadow: 0px 2px 6px 0px rgba(0, 28, 83, 0.1);
	border-radius: 8px;
}

.paperModelEight li p:nth-of-type(1) {
	width: 100%;
	height: 60px;
	color: #FFFFFF;
	border-radius: 8px 8px 0px 0px;
	text-align: center;
	line-height: 60px;
	font-size: 18px;
}

.paperModelEight li p:nth-of-type(2) {
	padding: 10px 16px;
	font-size: 14px;
	box-sizing: border-box;
}

.paperModelEight li p:nth-of-type(2) span {
	line-height: 22px;
}

.paperModelEight li:nth-child(1) p:nth-of-type(1) {
	background: linear-gradient(90deg, #055CFF 0%, #81A5FF 100%);
}

.paperModelEight li:nth-child(2) p:nth-of-type(1) {
	background: linear-gradient(90deg, #00A5FF 0%, #7DD1FF 100%);
}

.paperModelEight li:nth-child(3) p:nth-of-type(1) {
	background: linear-gradient(90deg, #5748EC 0%, #867FFF 100%);
}

.paperModelNine {
	width: 100%;
	display: flex;
	justify-content: space-around;
}

.paperModelNine li {
	width: 283px;
	height: 410px;
	background: #FFFFFF;
	box-shadow: 0px 2px 12px 0px rgba(0, 28, 83, 0.1);
	border-radius: 4px;
}

.paperModelNine li p:nth-of-type(1) {
	width: 100%;
	height: 209px;
}

.paperModelNine li p:nth-of-type(2),
.paperModelNine li p:nth-of-type(3),
.paperModelNine li p:nth-of-type(4) {
	margin: 15px 20px;
}

.paperModelNine li p:nth-of-type(2) {
	width: 160px;
	height: 31px;
}

.paperModelNine li p:nth-of-type(3) {
	font-size: 16px;
	color: #000;
}

.paperModelNine li p:nth-of-type(4) {
	height: 39px;
}

.paperModelNine li p:nth-of-type(5) a {
	width: 66px;
	height: 16px;
	display: inline-block;
	font-size: 16px;
	color: #2D74FF;
	line-height: 16px;
	margin: 10px 20px 0px 20px;
}

.paperModelNine li:nth-child(1) p:nth-of-type(1) {
	background: url(../images/new/solution_paper/hangzhou.png) no-repeat center;
	background-size: cover;
}

.paperModelNine li:nth-child(1) p:nth-of-type(2) {
	background: url(../images/new/solution_paper/xinxingLog.png) no-repeat center;
	background-size: cover;
}

.paperModelNine li:nth-child(2) p:nth-of-type(1) {
	background: url(../images/new/solution_paper/jinguang.png) no-repeat center;
	background-size: cover;
}

.paperModelNine li:nth-child(2) p:nth-of-type(2) {
	background: url(../images/new/solution_paper/jinguangLog.png) no-repeat center;
	background-size: cover;
}

.paperModelNine li:nth-child(4) p:nth-of-type(1) {
	background: url(../images/new/solution_paper/shandong.png) no-repeat center;
	background-size: cover;
}

.paperModelNine li:nth-child(4) p:nth-of-type(2) {
	background: url(../images/new/solution_paper/shandongLog.png) no-repeat center;
	background-size: cover;
}

.paperModelNine li:nth-child(3) p:nth-of-type(1) {
	background: url(../images/new/solution_paper/taiyang.png) no-repeat center;
	background-size: cover;
}

.paperModelNine li:nth-child(3) p:nth-of-type(2) {
	background: url(../images/new/solution_paper/taiyangLog.png) no-repeat center;
	background-size: cover;
}

.paperModelTen {
	text-align: center;
}

.paperModelTen a {
	width: 164px;
	height: 48px;
	display: inline-block;
	background: linear-gradient(180deg, #63C8FF 0%, #1172FF 100%);
	border-radius: 24px;
	border: 1px solid;
	backdrop-filter: blur(8px);
	color: #FFFEFE;
	cursor: pointer;
}

.paperModelTen a span,
.paperModelTen a i {
	font-size: 16px;
	line-height: 48px;
	margin-right: 10px;
}
.task-uls li{
	display:inline-block;
	margin-top:60px;
	width: 392px;
	background: #fff;
	vertical-align:top;
}
.task-uls li.active{
	position: relative;
	z-index:2;
	margin-top:36px;
	box-shadow: 0px 4px 32px 0px rgba(0,28,83,0.1);
}
.task-uls li dt{
	position:relative;
	padding:20px 20px 0 27px;
	width:100%;
	height:60px;
	background: linear-gradient(90deg, #2E6AFF 0%, #81A5FF 100%);
	box-sizing:border-box;
}
.task-uls li dt:before{
	content:"";
	width: 3px;
	height: 14px;
	background: #FFFFFF;
	position:absolute;
	left:16px;
	top:26px;
}
.task-uls li dt span{
	font-size:17px;
	font-weight: bold;
	color:#fff;
}
.task-uls li dd{
	padding:0 0 0 12px;
}
.task-uls li.active a{
	padding-top:24px;
	padding-bottom:24px;
}
.task-uls li dd a{
	display:inline-block;
	padding-top:20px;
	padding-bottom:20px;
	width:100%;
}
.task-uls li dd a:nth-child(even){
	background:#F8FBFF;
}
.task-uls li dd span{
	font-size:14px;
	font-weight: bold;
	color:#333;
	margin-bottom:6px;
}
.task-uls li dd em{
	font-size:12px;
	color:#666;
}
.task-uls li dt b{
	float:right;
	display:inline-block;
	margin-top:-5px;
	width:34px;
	height:34px;
}
.task-uls li:nth-child(1) b{
	background:url(../images/new/index/ic1.png) no-repeat center;
	background-size:contain;
}
.task-uls li:nth-child(2) b{
	background:url(../images/new/index/ic2.png) no-repeat center;
	background-size:contain;
}
.task-uls li:nth-child(3) b{
	background:url(../images/new/index/ic3.png) no-repeat center;
	background-size:contain;
}
.message-lists{
	padding-top:40px;
	padding-bottom:40px;
}
.message-lists h4{
	position: relative;
	padding:30px 60px;
	width:100%;
	height:100px;
	box-sizing:border-box;
	background:url(../images/new/message/bg1.png) no-repeat center;
	background-size:cover;
}
.message-lists h4 span{
	font-size:22px;
	color:#333;
}
.message-lists h4:before{
	content: '';
	width: 4px;
	height: 22px;
	background: #2D74FF;
	border-radius: 2px;
	position:absolute;
	left:40px;
	top:35px;
}
.message-lists ul{
	padding:0 24px;
	background:#fff;
}
.message-lists ul li{
	padding:24px 0 24px 16px;
	border-bottom:1px solid #E5E5E5;
}
.message-lists ul li:last-child{
	border-bottom:0;
}
.message-lists ul li .img-box{
	display:inline-block;
	margin-right:24px;
	width:178px;
	height:112px;
	vertical-align:top;
}
.message-lists ul li a{
	display:flex;
}
.message-lists ul li h5{
	margin-top:8px;
	margin-bottom:12px;
	font-size:16px;
	color:#333;
}
.message-lists ul li p{
	font-size:14px;
	color:#666;
}
.message-lists ul li .time{
	margin-top:20px;
	padding:0 30px;
	position: relative;
}
.message-lists ul li .time:before{
	content:'';
	width: 1px;
	height: 72px;
	background:#E5E5E5;
	position:absolute;
	left:0;
	top:0;
}
.message-lists ul li .time strong{
	font-size:40px;
	font-weight:normal;
	color:#999;
}
.message-lists ul li .time em{
	display:block;
	font-size:12px;
	color:#999;
	text-align:center;
}