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

/*鏂扮増-index*/
.product-logo-text {
	color: #5c5c5c;
}
.banner_bbc3 {
    background: url(../images/new/bbcbuilder/banner2.png) no-repeat center;
}
.focus {
	height: 637px;
	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:637px;
	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:58px;
}
.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;
}
.focus_m li div .h4 p{
	font-size:24px;
	line-height:52px;
	letter-spacing:1px;
	font-weight: lighter;
}
.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;
	min-width: 182px;
	font-size: 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:187px 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(4) div em{
	color:#2FC8FE;
}
.focus_m li:nth-child(6) div em{
	color:#F8E71C;
}
.focus_m li:nth-child(7) div em,.focus_m li:nth-child(7) .h4 strong{
	color:#FF684D;
}
.focus_m li:nth-child(8) div em,.focus_m li:nth-child(8) .h4 strong{
	color:#FF6465;
}
.focus_m li .h4 strong{
	font-weight:normal;
}
.focus_m li:nth-child(2) .banner-button{
	background:#FE6F69;
}
.focus_m li:nth-child(3) .banner-button{
	margin-top:248px;
	background:#3BB7FF;
}
.focus_m li:nth-child(4) .banner-button{
	background:#17C5FF;
}
.focus_m li:nth-child(5) .banner-button{
	background:#FF503C;
}
.focus_m li:nth-child(6) .banner-button{
	background:#F8C71C;
}
.focus_m li:nth-child(7) .banner-button{
	background:#FF684D;
}
.focus_m li:nth-child(8) .banner-button{
	background:#FF6465;
}
.banner-text{
	padding: 140px 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{
	visibility: inherit!important;
	transition: opacity 0.5s ease-in-out;
}
/* .focus_m li:nth-child(1){
	background: url(../images/Group55.png) no-repeat center!important;
	background-size: cover!important;
} */
/* .focus_m li:nth-child(2){
	background: url(../images/function/Group22.png) no-repeat center;
	background-size: cover;
}
.focus_m li:nth-child(3){
	background: url(../images/function/Group9.png) no-repeat center;
	background-size: cover;
}
.focus_m li:nth-child(4){
	background: url(../images/function/Group37B.png) no-repeat center;
	background-size: cover;
}
.focus_m li:nth-child(5) {
	background: url(../images/new/index/banner-index4.png) no-repeat bottom;
	background-size: cover;
}

.focus_m li:nth-child(6) {
	background: url(../images/new/index/banner-index5.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 .banner-button{
	display:inline-block;
	margin-top:55px;
	width:190px;
	height:52px;
	line-height:52px;
	font-size:24px;
	font-weight: lighter;
	color:#fff;
	text-align:center;
}

.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: 58px;
	height: 50px;
	z-index: 2;
	left: 50%;
	margin-left: -90px;
}

.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: 20px;
	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;
}
.general li {
	display: inline-block;
	width: 19%;
	text-align: center;
	padding: 47px 0;
}

.general li div {
	display: inline-block;
	vertical-align: middle;
	padding-left: 8px;
}
.general li .iconfont{
	color:#7F959E;
}
.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-7{
	background-position: 0 -295px;
}
.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 18px 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:40px;
}
.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:602px;
	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: 40px;
	font-size: 48px;
	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: 130px;
	height:80px;
	display: inline-block;
	margin: 9px 20px;
	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.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:108px;
}
.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: 239px;
	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.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;
}

/*鏂奥穌rpbuilder*/
.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;
}

.host-intro div {
	background: #e5e9ea;
}

.host-intro li {
	display: inline-block;
	margin-right: 30px;
	padding-bottom: 20px;
	box-sizing: border-box;
	border: 1px solid #e5e9ea;
	width: 370px;
	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;
}

.host-intro li:last-child {
	margin-right: 0;
}

.host-intro li:hover {
	border-color: #00c4e2;
	-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);
}

.host-intro li:hover div {
	background: #00c4e2;
}

.host-intro li:hover div span {
	color: #fff;
}

.host-intro li span {
	display: block;
	line-height: 70px;
	border-bottom: 1px solid #e3e3e3;
	font-size: 18px;
}

.host-intro dl {
	margin-top: 30px;
}

.host-intro dl dt {
	margin-bottom: 12px;
	font-size: 18px;
	color: #363636;
}

.host-intro dl dd {
	font-size: 14px;
	color: #666;
}

.host-intro b {
	margin: 26px 0;
	font-size: 24px;
	color: #fd3d53;
}

.host-intro a {
	display: inline-block;
	padding: 0 50px;
	font-size: 16px;
	line-height: 38px;
	color: #fff;
	background: #00c4e2;
}

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

.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: 16.48%;
	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-ban1.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.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: 70px;
	z-index: 2;
}

.address-beijing {
	position: absolute;
	right: 130px;
	bottom: 270px;
	z-index: 2;
}

.address-guangzhou {
	position: absolute;
	bottom: 0;
	left: 77px;
}

.address-zhengzhou {
	position: absolute;
	bottom: 182px;
	left: 77px;
}

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

.banner_about2 {
	background: url(../images/new/about/about-ban4.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: 17px 30px 18px 32px;
	width: 590px;
}

.about-me-module2-text p {
	margin-bottom: 2px;
	font-size: 14px;
	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;
	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 .swiper-slide {
	width: 100%;
	text-align: center;
	font-size: 18px;
	background: url(../images/new/success-case/banner-bg.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-button-prev {
	width: 53px;
	height: 135px;
	left: 5% !important;
	background: url(../images/new/success-case/left-jt2.png)no-repeat;
	background-size: 100%;
}

.banner-success .swiper-button-next {
	width: 53px;
	height: 135px;
	right: 5% !important;
	background: url(../images/new/success-case/right-jt2.png)no-repeat;
	background-size: 100%;
}

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



.banner-success ul {
	width: 1200px;
}

.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: 24px;
	color: #fff;
	border-bottom: 1px solid #fff;
}

.banner-success-text div img {
	width: 24px;
	height: 19px;
	vertical-align: super;
}

.banner-success-text div {
	line-height: 24px;
	font-size: 14px;
	color: #fff;
	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: 404px;
	height: 320px;
	background: url(../images/new/erpbuilder/erp-logo.png) no-repeat center;
	background-size: 100%;
}

.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/banner4.png) no-repeat center;
	background-size: 100%;
}

.notice-tips {
	display: inline-block;
	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.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.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;
}