/* CSS Document */
@import url("style");

/*************************首页*************************/


/*首页导航特效*/


/* -------------------------------- 

Primary style

-------------------------------- */

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

.cd-nav-trigger::after,
.cd-nav-trigger::before,
.cd-icon::after,
.cd-icon::before {
	content: '';
}


/* -------------------------------- 

Main components 

-------------------------------- */

.cd-nav-trigger {
	z-index: 99999;
	position: absolute;
	display: inline-block;
}

.cd-nav-trigger {
	top: 50%;
	margin-top: -0.32rem;
	right: 5%;
	width: 32px;
	height: 32px;	
	width: .64rem;
	height: .64rem;
	z-index: 5;
	/* image replacement */
	/*overflow: hidden;
	text-indent: 100%;*/
	white-space: nowrap;
}

.cd-nav-trigger .cd-icon {
	/* icon created in CSS */
	position: absolute;
	left: 50%;
	top: 50%;
	bottom: auto;
	right: auto;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	display: inline-block;
	width: 18px;
	height: 2px;
	width: .36rem;
	height: .04rem;
	background-color: #3f3f3f;
	z-index: 10;
}

.cd-nav-trigger .cd-icon::before,
.cd-nav-trigger .cd-icon:after {
	/* upper and lower lines of the menu icon */
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: #3f3f3f;
	/* Force Hardware Acceleration in WebKit */
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	/* apply transition to transform property */
	-webkit-transition: -webkit-transform .3s;
	-moz-transition: -moz-transform .3s;
	transition: transform .3s;
}

.cd-nav-trigger .cd-icon::before {
	-webkit-transform: translateY(-0.1rem) rotate(0deg);
	-moz-transform: translateY(-0.1rem) rotate(0deg);
	-ms-transform: translateY(-0.1rem) rotate(0deg);
	-o-transform: translateY(-0.1rem) rotate(0deg);
	transform: translateY(-0.1rem) rotate(0deg);
}

.cd-nav-trigger .cd-icon::after {
	-webkit-transform: translateY(0.1rem) rotate(0deg);
	-moz-transform: translateY(0.1rem) rotate(0deg);
	-ms-transform: translateY(0.1rem) rotate(0deg);
	-o-transform: translateY(0.1rem) rotate(0deg);
	transform: translateY(0.1rem) rotate(0deg);
}

.cd-nav-trigger::before,
.cd-nav-trigger::after {
	/* 2 rounded colored backgrounds for the menu icon */
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 50%;
	height: 100%;
	width: 100%;
	/* Force Hardware Acceleration in WebKit */
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
}

.cd-nav-trigger::before {
	background-color: #fff;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-delay: 0.4s;
	-moz-transition-delay: 0.4s;
	transition-delay: 0.4s;
}

.cd-nav-trigger::after {
	/*background-color: #4BABD2;*/
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	transition-duration: 0s;
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	transition-delay: 0s;
}

.cd-nav-trigger.close-nav::before {
	/* user clicks on the .cd-nav-trigger element - 1st rounded background disappears */
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
}

.cd-nav-trigger.close-nav::after {
	/* user clicks on the .cd-nav-trigger element - 2nd rounded background appears */
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-delay: 0.4s;
	-moz-transition-delay: 0.4s;
	transition-delay: 0.4s;
}

.cd-nav-trigger.close-nav .cd-icon {
	/* user clicks on the .cd-nav-trigger element - transform the icon */
	background-color: rgba(255, 255, 255, 0);
}

.cd-nav-trigger.close-nav .cd-icon::before,
.cd-nav-trigger.close-nav .cd-icon::after {
	background-color: #060001;
}

.cd-nav-trigger.close-nav .cd-icon::before {
	width: 32px;
	-webkit-transform: translateY(0) rotate(45deg);
	-moz-transform: translateY(0) rotate(45deg);
	-ms-transform: translateY(0) rotate(45deg);
	-o-transform: translateY(0) rotate(45deg);
	transform: translateY(0) rotate(45deg);
}

.cd-nav-trigger.close-nav .cd-icon::after {
	width: 32px;
	-webkit-transform: translateY(0) rotate(-45deg);
	-moz-transform: translateY(0) rotate(-45deg);
	-ms-transform: translateY(0) rotate(-45deg);
	-o-transform: translateY(0) rotate(-45deg);
	transform: translateY(0) rotate(-45deg);
}

.cd-primary-nav {
	/* by default it's hidden */
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
    max-width: 9.6rem;
    min-width: 3.2rem;
	padding: 80px 8%;
	z-index: 3;
	background-color: #fff;
	overflow: auto;
	/* this fixes the buggy scrolling on webkit browsers - mobile devices only - when overflow property is applied */
	-webkit-overflow-scrolling: touch;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: visibility 0s, opacity 0.3s;
	-moz-transition: visibility 0s, opacity 0.3s;
	transition: visibility 0s, opacity 0.3s;
}

.cd-primary-nav li {
	line-height: 13.5vw;
	text-transform: capitalize;
	border-bottom: 1px solid #cfcfcf;
}

.cd-primary-nav a {
	display: block;
	font-size: 16px;
	font-size: .32rem;
	color: #000;
	/*font-size: 1.25rem;*/
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition: color 0.2s;
	-moz-transition: color 0.2s;
	transition: color 0.2s;
}

.no-touch .cd-primary-nav a:hover {
	color: #ffffff;
}

.cd-primary-nav.fade-in {
	z-index: 3;
	/* navigation visible at the end of the circle animation */
	visibility: visible;
	opacity: 1;
}

@media only screen and (min-width: 768px) {
	.cd-primary-nav li {
		padding: 0.5em 0;
	}
	.cd-primary-nav a {
		font-size: 28px;
		font-size: .38rem;
	}
}

@media only screen and (min-width: 1170px) {
	.cd-primary-nav li {
		margin: 2.6em 0;
	}
	.cd-primary-nav a {
		font-size: 32px;
		font-size: .64rem;
	}
}

.cd-overlay-nav,
.cd-overlay-content {
	/* containers of the 2 main rounded backgrounds - these containers are used to position the rounded bgs behind the menu icon */
	position: fixed;
	top: 16px;
	right: 5%;
	height: 4px;
	width: 4px;
	-webkit-transform: translateX(-20px) translateY(20px);
	-moz-transform: translateX(-20px) translateY(20px);
	-ms-transform: translateX(-20px) translateY(20px);
	-o-transform: translateX(-20px) translateY(20px);
	transform: translateX(-20px) translateY(20px);
}

.cd-overlay-nav span,
.cd-overlay-content span {
	display: inline-block;
	position: absolute;
	border-radius: 50%;
	/* Force Hardware Acceleration in WebKit */
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	will-change: transform;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
}

.cd-overlay-nav.is-hidden,
.cd-overlay-content.is-hidden {
	/* background fades out at the end of the animation */
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity .3s 0s, visibility 0s .3s;
	-moz-transition: opacity .3s 0s, visibility 0s .3s;
	transition: opacity .3s 0s, visibility 0s .3s;
}

.cd-overlay-nav {
	/* main rounded colored bg 1 */
	z-index: 2;
}

.cd-overlay-nav span {
	background-color: #fff;
}

.cd-overlay-content {
	/* main rounded colored bg 2 */
	z-index: 4;
}

.cd-overlay-content span {
	background-color: #4BABD2;
}

.cd-content {
	/* just some dummy content */
	max-width: 768px;
	margin: 0 auto;
	z-index: 1;
}

/*导航结束*/
.header{
	width: 100%;
	overflow: hidden;
}

/*logo开始*/

/* .logo {
	position: absolute;
	width: 32vw;
	width: 2.19rem;
	height: 3.96vw;
	height: .32rem;
	top: 50%;
	left: 5%;
	margin-top: -1.98vw;
	margin-top: -0.16rem;
	z-index: 2;
}
.logo a{
	display: block;
	width: 100%;
	height: 3.96vw;
	height: .32rem;
	background: url(../img/bolehu.png) no-repeat;
	background-size: 100% 100%;
} */
.case-logo a{
	display: block;
	width: 100%;
	height: 30px;
	height: .32rem;
	background: url(../image/bolehu-blue.png) no-repeat;
	background-size: 100% 100%;
}
.logo img {
	width: 100%;
}

.header-ban1 a {
	display: block;
}

.header-ban1 img {
	width: 100%;
}

.wechat-word {
	width: 51.2%;
	margin: 0 auto;
	overflow: hidden;
	zoom: 1;
}

.wechat-word img {
	width: 100%;
}

.wechat-pic {
	width: 50.4%;
	margin: 0 auto;
	overflow: hidden;
	zoom: 1;
}

.wechat-pic img {
	width: 100%;
}


/* ban旋转 */
.ban-turn{
	position: absolute;
	width: 85vw;
	left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.ban-turn p{
	display: block;
	width: 100%;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    
    -webkit-animation: banturn 10s linear infinite;
    -moz-animation: banturn 10s linear infinite;
    -o-animation: banturn 10s linear infinite;
    animation: banturn 10s linear infinite;
}
.ban-turn p img{
	width: 100%;
}

@-webkit-keyframes banturn{
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
	    transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(-360deg);
		-moz-transform: rotate(-360deg);
		-o-transform: rotate(-360deg);
	    transform: rotate(-360deg);
	}
}
@-moz-keyframes banturn{
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
	    transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(-360deg);
		-moz-transform: rotate(-360deg);
		-o-transform: rotate(-360deg);
	    transform: rotate(-360deg);
	}
}
@-o-keyframes banturn{
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
	    transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(-360deg);
		-moz-transform: rotate(-360deg);
		-o-transform: rotate(-360deg);
	    transform: rotate(-360deg);
	}
}
@keyframes banturn{
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
	    transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(-360deg);
		-moz-transform: rotate(-360deg);
		-o-transform: rotate(-360deg);
	    transform: rotate(-360deg);
	}
}


/* banner3 */
.header-ban1 > p{
	position: absolute;
	display: block;
}
.yin{
	width: 22.5vw;
	top: 60.83vw;
	left: 20.83vw;
}
.wei{
	width: 10.56vw;
	top: 60.83vw;
	left: 45.14vw;
}
.you{
	width: 10.56vw;
	top: 60.83vw;
	left: 56.39vw;
}
.ni{
	width: 10.56vw;
	top: 60.83vw;
	left: 67.78vw;
}
.cun{
	width: 10.56vw;
	top: 72.22vw;
	left: 45.14vw;
}
.gan{
	width: 10.56vw;
	top: 72.22vw;
	left: 56.39vw;
}
.ji{
	width: 10.56vw;
	top: 72.22vw;
	left: 67.78vw;
}
.gyxj{
	width: 56.25vw;
	top: 88.61vw;
	left: 22.78vw;
}
.yin img{
	width: 100%;
}



/*logo结束*/

.index-banner{
	width: 100%;
	overflow: hidden;
	zoom: 1;
	position: relative;
}
.header-banner li{
	height: 110.28vw;
	overflow: hidden;
}
.header-banner li a{
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}
.header-banner li a > span{
	display: block;
	position: absolute;
}
.ban-wechat{
	width: 67.22vw;
	bottom: 0;
	left: 15.28vw;
}
.ban-wechat img{
	width: 100%;
	vertical-align: top;
}
.wxkf{
	width: 42.64vw;
	bottom: 59.03vw;
	left: 28.61vw;
}
.djh{
	width: 53.47vw;
	bottom: 72.78vw;
	left: 28.61vw;
}

.ban-swiper-pagination{
	/*display: none;*/
	position: absolute;
	bottom: 4.6vw;
	left: 90.28vw;
	z-index: 999;
	font-size: 0;
	color: transparent;
	overflow: hidden;
	zoom: 1;
	width: 10px;
}
.ban-swiper-pagination span{
	display: block;
	font-size: 16px;
	line-height: 32px;
	color: #fff;
	z-index: 999;
}
.ban-swiper-pagination span:first-child{
	border-bottom: 1px solid #fff;
}

/*ban2*/
.lbs{
	display: block;
	position: absolute;
	bottom: 0;
	width: 100%;
	/* max-width: 716px; */
}
.lbs img{
	width: 100%;
	vertical-align: top;
}
.yddjs{
	display: block;
	position: absolute;
	width: 80.69vw;
	margin: 0 auto;
	bottom: 62.22vw;
	left: 9.72vw;
}
.wmwbthy{
	display: block;
	position: absolute;
	width: 21.39vw;
	margin: 0 auto;
	bottom: 72.06vw;
	left: 39.31vw;
}
.solutions{
	display: block;
	position: absolute;
	width: 47.5vw;
	margin: 0 auto;
	bottom: 77.5vw;
	left: 28.06vw;
}


.revision{
	position: relative;
	width: 60.97vw;
	height: 60.97vw;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	background: #fff;
	overflow: hidden;
}
.revision{
	border-radius: 50%;
}
.revision li{
	display: block;
	width: 60.97vw;
	height: 60.97vw;
	border-radius: 50%;
	
	text-align: center;
	line-height: 60.97vw;
}
.revision-spot{
	position: relative;
	width: auto !important;
	text-align: center;
	top: -12.72vw;
	margin: 0 auto;
	z-index: 1;
}
.revision-spot span{
	width: 8px;
	height: 8px;
	width: .16rem;
	height: .16rem;
}
.revision .swiper-pagination-bullet-active{
	background: #0098c5;
}
/*.header{
	position: absolute;
	height: 10.1vw;
	z-index: 999;
}*/


/*case开始*/
.icase-nav {
	display: block;
	width: 58%;
	padding-top: 10px;
	padding-top: .2rem;
	margin: 20px auto;
	margin: .4rem auto;
	overflow: hidden;
	zoom: 1;
}

.icase-nav li{
	display: block;
	width: 45%;
	float: left;
	margin-right: 10%;
}
.icase-nav li:last-child{
	margin-right: 0;
}
.case-nav-i {
	width: 100%;
	display: block;
	float: left;
	text-align: center;
	color: #868686;
	font-size: 16px;
	font-size: .32rem;
	line-height: 32px;
	line-height: 2em;
	box-sizing: border-box;
	border: 2px solid rgba(0,0,0,0);
	/*margin-right: 5%;*/
	border-radius: 1em;
}
.icase-nav .current{
	color: #0098c5;
	border: 2px solid #0098c5;
	border-radius: 2em;
	box-sizing: border-box;
}

.icase-nav .case-nav-i:last-child {
	margin-right: 0;
}
.icase-block{
	overflow: hidden;
	zoom: 1;
}
.icase-items {
	display: block;
	width: 50%;
	float: left;
	overflow: hidden;
	zoom: 1;
}
.icase-items a{
	color: #6e6e6e;
	display: block;
	overflow: hidden;
	zoom: 1;
}
.icase-items span{
	display: block;
}
.case-items-w{
	display: table-cell !important;
	height: 4em;
	vertical-align: middle;
	font-size: 14px;
	font-size: .28rem;
	padding-left: 1em;
}

.icase-items:nth-child(2n+1) {
	background: #f1f1f1;
}

.icase-items:nth-child(2n) {
	background: #f7f7f7;
}

.icase-items img {
	width: 100%;
	height: 100%;
	border: 0 none;
}

.read-more{
	display: table;
	margin: 20px auto;
	margin: .4rem auto;
	overflow: hidden;
	zoom: 1;
	border: 2px solid #959595;
	font-size: 14px;
	font-size: .28rem;
	line-height: 2em;
	color: #676767;
	padding: 0 14px;
	border-radius: 1em;
}


/*viewpoint*/
.index-view{
	overflow: hidden;
	zoom: 1;
	padding-bottom: 60px;
	background: url(../image/viewpointbg.jpg) left top no-repeat;
	background-size: cover !important;
}
.view-tit{
	display: block;
	width: 50%;
	width: 4.13rem;
	margin: 11.11vw auto 2.42vw;
}
.view-tit img{
	width: 100%;
	vertical-align: top;
}
.view-block{
	width: 86%;
	margin: 0 7% 0 7%;
	padding: 35px 0 25px;
	overflow: hidden;
	zoom: 1;
	border-bottom: 1px solid #696969;
}
.view-block dt{
	width: 26%;
	/* width: 2.07rem; */
	display: block;
	float: left;
	/*border: 1px solid #696969;
	border-radius: 13vw;*/
}
.view-block dt img{
	width: 100%;
}
.view-block dd{
	width: 70%;
	display: block;
	float: right;ffffff
}
.view-block dd h5{
	font-size: 14px;
	font-size: .28rem;
	color: #fff;
}
.view-block dd p{
	padding-top: 6px;
	font-size: 14px;
	font-size: .28rem;
	color: #b1b1b1;
}
/*index-brand*/
.index-brand{
	overflow: hidden;
	zoom: 1;
}

.ibrand-tit{
	margin: 8.52vw auto 2.42vw;
}
.ibrand-tit2{
	font-size: 16px;
	font-size: .32rem;
	font-weight: bold;
	text-align: center;
	color: #3f3b3a;
	margin-bottom: 2.42vw;
}
.ibrand-tit3{
	padding: 0 7%;
	font-size: 14px;
	font-size: .28rem;
	text-align: center;
	color: #4c4948;
	margin-bottom: 5.21vw;
}
/*.i-b-block{
	display: block;
	width: 50%;
	float: left;
	border-bottom: 1px solid #d6d6d6;
	overflow: hidden;
}
.i-b-block:nth-of-type(2n+1){
	border-right: 1px solid #d6d6d6;
}
.i-b-block:nth-of-type(1),.i-b-block:nth-of-type(2){
	border-top: 1px solid #d6d6d6;
	margin-top: 36px;
}
.i-b-block img{
	width: 100%;
	margin: auto auto;
}*/
.brand-box{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	/*margin-top: 10.46vw;*/
}
.brand-items{
	width: 33.33%;
	border-bottom: 1px solid #e7e7e7;
	border-left: 1px solid #e7e7e7;
}
/*.brand-items a{
	display: -webkit-flex;
	display: flex;
	justify-content:center;
	align-items:center;
}*/
.brand-items img{
	display: block;
	width: 100%;
}
.brand-items:nth-child(1),.brand-items:nth-child(2),.brand-items:nth-child(3){
	border-top: 1px solid #e7e7e7;
}
.case-brand .swiper-slide:first-child .brand-items:nth-child(3n+1),
.swiper-slide-active .brand-items:nth-child(3n+1){
	border-left: 0;
}
/*cfbolehu*/
.cfbolehu{
	padding: 10px 5% 60px;
	padding: .2rem 5% 1.2rem;
	overflow: hidden;
	zoom: 1;
	background: url(../image/cfbolehubg.jpg) no-repeat;
	background-size: 100% 100%; 
}
.cfbolehu p{
	font-size: 14px;
	font-size: .28rem;
	line-height: 1.86em;
	color: #e3e3e3;
	text-align: center; 
}
.cfbolehu-section1{
	width: 87%;
	margin: 0 auto;
}
.condition{
	margin-top: 40px;
	margin-top: .8rem;
}
.condition span{
	display: block;
	float: left;
	margin: 0 2%;
}
.condition1{
	width: 24%;
}
.condition1 img{
	width: 100%;
/*	width: 90px;*/
}
.plus{
	width: 4%;
}
.plus img{
	margin-top: 8.5vw;
	width: 100%;
}



/*************************about*************************/
.about-banner{
	height: 31.26vw;
	background: #1e9dc2;
	/*padding-top: 90px;*/
	overflow: hidden;
	zoom: 1;
	text-align:center;
}
.about-banner h4{
	display: block;
	width: 28%;
	margin: 0 auto;
}
.about-banner h4 img{
	width: 100%;
}
.about-nav{
	display:-webkit-inline-box;
    display:-moz-inline-box;
    display:-ms-inline-flexbox;
    display:-webkit-inline-flex;
    display:inline-flex;
    /*margin: 5.4vw 0 0;*/
    position: relative;
    top: 18.67vw;
}
.about-nav li{
	 margin-left:20px;
}
.about-nav li:first-child{
	margin-left: 0;
}
.about-nav-items a{
	font-size: 14px;
	font-size: .28rem;
	color: #fafafa;
	display: block;
	border: 2px solid #fff;
	padding: 0 18px;
	padding: 0 .36rem;
	line-height: 2em;
	box-sizing: border-box;
	border-radius: 2em;
}
.about-nav-itemsact{
	border: 0 none;
	background: #fff;
	line-height: 2.28em;
	border-radius: 2.28em;
}
.about-nav-itemsact a{
	color: #575757;
}

.aboutus{
	background: url(../image/about-intrbg.jpg) no-repeat;
	background-size: 100% 100%;
}
.aboutus-header{
	display: block;
	padding: 5.8vw 5.6vw 5.4vw;
	overflow: hidden;
	zoom: 1;
}
.aboutus-headerl{
	display: block;
	width: 23.5vw;
}
.aboutus-headerr{
	display: block;
	width: 24vw;
	padding: 6px 0;
	padding: .12rem 0;
}
.aboutus-headerl img,.aboutus-headerr img{
	width: 100%;
}
.aboutus-art{
	height: 58.33vw;
	font-size: 14px;
	font-size: .28rem;
	color: #444;
	padding: 5vw 2.5vw 5vw 5.7vw;
	background: rgba(255,255,255,.88);
	box-sizing: border-box;
}
.aart-main{
	height: 48.33vw;
	padding-right: 3vw;
	overflow: hidden;
}
.aboutus-art p{
	line-height: 22px;
	line-height: 1.57em;
}


/*价值使命*/
.value,.mission {
	overflow: hidden;
	zoom: 1;
	font-size: 12px;
	font-size: .24rem;
	line-height: 20px;
	line-height: 1.67em;
}
.mission{
	background: #f0f0f0;
	overflow: hidden;
	zoom: 1;
}
.value-img,.mission-img{
	display: block;
	width: 50%;
}
.value-img img,.mission-img img{
	display: block;
	width: 100%;
}
.value-img{
	float: left;
}
.mission-img{
	float: right;
}
.value-art {
	float: right;
	width: 50%;
	padding: 2.6vw 3.1vw 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	/* Firefox */
	-webkit-box-sizing: border-box;
	/* Safari */
	color: #4d4d4d;
}
.value-art h5,.mission-art h5{
	font-size: 16px;
	font-size: .32rem;
	line-height: 24px;
	line-height: 1.5em;
	color: #1e9dc2;
}
.value-art p,
.mission-art p {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}
.mission-art{
	float: left;
	width: 50%;
	padding: 5vw;
	box-sizing: border-box;
	color: #595959;
}

.vam{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	width: 100%;
}
.vam li{
	width: 50%;
	height: 36.875vw;
}
.vam li p{
	font-size: 12px;
	font-size: .24rem;
	line-height: 20px;
	line-height: 1.67em;
	color: #4d4d4d;
}

.value-pic img,.mission-pic img{
	width: 100%;
}



/*9年经验*/
.experience{
	overflow: hidden;
	zoom: 1;
}
.ex-header{
	padding-top: 6.5vw;
}
.ex-header img{
	width: 100%;
}
.experience h5{
	font-size: 14px;
	font-size: .28rem;
	color: #797979;
	text-align: center;
	line-height: 2em;
	padding-bottom: 3.75vw;
}

.adv-itmes{
	width: 50vw;
	float: left;
	padding: 5.4vw 0;
}
.adv-gray{
	background: #f9f9f9;
}
.adv-blue{
	background: #eaf3f5;
}
.adv-itmes span{
	display: block;
}
.adv-one-pic{
	position: relative;
	width: 33%;
	margin: 0 auto;
}
.adv-one-pic img{
	width: 100%;
}

.adv-one-tit{
	font-size: 20px;
	font-size: .32rem;
	color: #1e9dc2;
	text-align: center;
	padding-top: 1.2vw;
}
.adv-one-art{
	font-size: 14px;
	font-size: .28rem;
	color: #898989;
	text-align: center;
}
.bottom-nav{
	position: fixed;
	bottom: 0;
	width: 100%;
	overflow: hidden;
	zoom: 1;
    max-width: 9.6rem;
    min-width: 3.2rem;
	/* background: #1e9dc2; 
	height: 14.6vw;*/
	z-index: 3;
	margin-top: 10px;
	margin-top: .2rem;	
}
.botnav-box{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap:nowrap;
	flex-wrap:nowrap;
	width: 100%;
	background: url('../image/btnav-bg1.jpg') repeat-x;
	background-size: 100% 100%;
}
.botnav-box li{
	width: 25%;
	display: block;
}
.get-quotes{
	position: relative;
	float: left;
	width: 58.54vw;
	height: 14.6vw;
	font-size: 18px;
	font-size: .36rem;
}
.get-quotes span{
	display: inline-block;
}
.get-quotes a{
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
}
.get-quotes a p{
	position: relative;
	display: table;
	line-height: 42px;
	line-height: 
	margin: 0 auto;
	top: 50%;
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.gq-icon{
	width: 18px;
	margin-right: 7px;
}
.gq-icon img{
	width: 100%;
	vertical-align: middle;
	margin-top: -5px;
}

/* .online,.tel, .wx-tel{
	position: relative;
	float: left;
	height: 16vw;
	border-top: 1px solid #d5d5d5;
	box-sizing: border-box;
}
.online a,.tel a{
	display: block;
	width: 100%;
	height: 100%;
}
.online p,.tel p, .wx-tel p{
	position: relative;
	display: table;
	margin: 0 auto;
	top: 50%;
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
} */
.botnav-box li p span{
	display: block;
}
/* .online span,.tel span{
	display: block;
} */
.online-text,.tel-text{
	font-size: 14px;
	font-size: .28rem;
	text-align: center;
	color: #000;
}
/* .online-icon{
	width: 4.9vw;
	margin: 0 auto;
}
.online-icon img{
	width: 100%;
}
.online-icon{
	width: 4.9vw;
	height: 4.79vw;
	margin: 0 auto;
}
.tel-icon{
	width: 4.79vw;
	height: 4.79vw;
	margin: 0 auto;
}
.online-icon img,.tel-icon img{
	width: 100%;
	vertical-align: top;
} */
.botnav-box li:first-child span{
	color: #0098c5;
}

.btnav-icon{
	display: block;
	width: 6.94vw;
	height: 5.21vw;
	margin: 0 auto 6px;
	margin: 0 auto .12rem;
}
.btnav-icon img{
	width: 100%;
}

/* .online{
	background: #e9e9e9;
}
.tel{
	background: #dedede;
} */

/*************************payment*************************/

.payment-header{
	display: block;
	background: url(../image/paymentbg.jpg) no-repeat;
	background-size: 100% 100%;
	font-size: 24px;
	line-height: 27vw;
	text-align: center;
	color: #a4a4a4;
	overflow: hidden;
	zoom: 1;
}

.pay-mode-items{
	padding: 5vw 3.75vw;
	border-bottom: 1px solid #e2e2e2;
	overflow: hidden;
}
.pmi-pic{
	display: block;
	float: left;
	width: 28.8vw;
}
.pmi-pic img{
	width: 100%;
}
.pmi-art{
	font-size: 12px;
	font-size: .24rem;
	line-height: 1.5em;
	margin-left: 32.55vw;
}
/*************************contact*************************/
.con-thank{
	font-size: 14px;
	font-size: .28rem;
	color: #787878;
	line-height: 20px;
	line-height: 1.67em;
	padding: 9.17vw 0 6.33vw;
}
.con-info{
	font-size: 14px;
	font-size: .28rem;
	color: #787878;
}
.con-info li{
	padding: 2.71vw 0;
	border-bottom: 1px solid #cecece;
}
.con-info　li span:first-child{
	text-align: right;
}
.address span{
	display: block;
}
.address span:first-child{
	float: left;
}
.address span:last-child{
	margin-left: 5em;
}
.maps{
	margin: 8.125vw 0 6.04vw;
}

/*.joint{
	padding-bottom: 6.04vw;
}*/
.joint-art{
	width: 54.66vw;
	float: left;
}
.joint-art h5{
	font-size: 22px;
	font-size: .44rem;
	line-height: 48px;
	line-height: 2.18em;
	color: #1e9dc2;
}
.joint-art p{
	font-size: 14px;
	font-size: .28rem;
	color: #787878;
}
.joint-wechat{
	width: 33.75vw;
	margin-left: 59.16vw;
	text-align: center;
	font-size: 14px;
	font-size: .28rem;
	color: #3f3f3f;
}
.joint-wechat img{
	width: 100%;
	vertical-align: top;
}
.adviser{
	margin-top: 5.625vw;
	font-size: 14px;
	font-size: .28rem;
	line-height: 28px;
	line-height: .2em;
	color: #3f3f3f;
}
.adviser a{
	display: block;
	font-size: 24px;
	font-size: .36rem;
	line-height: 2.6em;
	color: #1e9dc2;
}

/*************************case*************************/
.case-banner{
	position: relative;
	width: 100%;
	height: 66.67vw;
	overflow: hidden;
	zoom: 1;
	background: url(../image/case-ban.jpg) no-repeat;
	background-size: 100% 100%;
}
.case-ban-tit,.circle1,.circle2,.circle3,.case-ban-phone,.case-ban-comp{
	display: block;
	position: absolute;
}
.case-ban-tit{	
	width: 43.54vw;
	top: 25.625vw;
	left: 6.875vw;
	/*动画*/
	-webkit-animation: comel 0.6s linear;
	-moz-animation: comel 0.6s linear;
	-ms-animation: comel 0.6s linear;
	-o-animation: comel 0.6s linear;
	animation: comel 0.6s linear;
}
@-webkit-keyframes comel{
	from{left: -50%; opacity: 0;}
	to{left: 6.875vw; opacity: 1;}
}
@-moz-keyframes comel{
	from{left: -50%; opacity: 0;}
	to{left: 6.875vw; opacity: 1;}
}
@-ms-keyframes comel{
	from{left: -50%; opacity: 0;}
	to{left: 6.875vw; opacity: 1;}
}
@-o-keyframes comel{
	from{left: -50%; opacity: 0;}
	to{left: 6.875vw; opacity: 1;}
}
@keyframes comel{
	from{left: -50%; opacity: 0;}
	to{left: 6.875vw; opacity: 1;}
}


.circle1{
	width: 38.33vw;
	top: 10vw;
	right: 6.875vw;
	-webkit-animation: circlezoom 0.6s linear;
	-moz-animation: circlezoom 0.6s linear;
	-ms-animation: circlezoom 0.6s linear;
	-o-animation: circlezoom 0.6s linear;
	animation: circlezoom 0.6s linear;
}
@-webkit-keyframes circlezoom{
	from{transform: scale(0); opacity: 0;}
	to{transform: scale(1); opacity: 1;}
}
@-moz-keyframes circlezoom{
	from{transform: scale(0); opacity: 0;}
	to{transform: scale(1); opacity: 1;}
}
@-ms-keyframes circlezoom{
	from{transform: scale(0); opacity: 0;}
	to{transform: scale(1); opacity: 1;}
}
@-o-keyframes circlezoom{
	from{transform: scale(0); opacity: 0;}
	to{transform: scale(1); opacity: 1;}
}
@keyframes circlezoom{
	from{transform: scale(0); opacity: 0;}
	to{transform: scale(1); opacity: 1;}
}
.circle2{
	width: 4.17vw;
	top: 11.04vw;
	right: 43.75vw;
	-webkit-animation: circlezoom 0.6s linear;
	-moz-animation: circlezoom 0.6s linear;
	-ms-animation: circlezoom 0.6s linear;
	-o-animation: circlezoom 0.6s linear;
	animation: circlezoom 0.6s linear;
}
.circle3{
	width: 2.4vw;
	top: 44.17vw;
	right: 45.31vw;
	-webkit-animation: circlezoom 0.6s linear;
	-moz-animation: circlezoom 0.6s linear;
	-ms-animation: circlezoom 0.6s linear;
	-o-animation: circlezoom 0.6s linear;
	animation: circlezoom 0.6s linear;
}
.case-ban-phone{
	width: 8.33vw;
	right: 45.42vw;
	bottom: 4.17vw;
	/*动画*/
	-webkit-animation: comeb 0.6s linear;
	-moz-animation: comeb 0.6s linear;
	-ms-animation: comeb 0.6s linear;
	-o-animation: comeb 0.6s linear;
	animation: comeb 0.6s linear;
}
@-webkit-keyframes comeb{
	from{bottom: -50%; opacity: 0;}
	to{bottom: 4.17vw; opacity: 1;}
}
@-moz-keyframes comeb{
	from{left: -50%; opacity: 0;}
	to{bottom: 4.17vw; opacity: 1;}
}
@-ms-keyframes comeb{
	from{left: -50%; opacity: 0;}
	to{bottom: 4.17vw; opacity: 1;}
}
@-o-keyframes comeb{
	from{left: -50%; opacity: 0;}
	to{bottom: 4.17vw; opacity: 1;}
}
@keyframes comeb{
	from{left: -50%; opacity: 0;}
	to{bottom: 4.17vw; opacity: 1;}
}
.case-ban-comp{
	width: 41.46vw;
	right: 0;
	bottom: 3.125vw;
	/*动画*/
	-webkit-animation: comer 0.6s linear;
	-moz-animation: comer 0.6s linear;
	-ms-animation: comer 0.6s linear;
	-o-animation: comer 0.6s linear;
	animation: comer 0.6s linear;
}
@-webkit-keyframes comer{
	from{right: -50%; opacity: 0;}
	to{right: 0; opacity: 1;}
}
@-moz-keyframes comer{
	from{right: -50%; opacity: 0;}
	to{right: 0; opacity: 1;}
}
@-ms-keyframes comer{
	from{right: -50%; opacity: 0;}
	to{right: 0; opacity: 1;}
}
@-o-keyframes comer{
	from{right: -50%; opacity: 0;}
	to{right: 0; opacity: 1;}
}
@keyframes comer{
	from{right: -50%; opacity: 0;}
	to{right: 0; opacity: 1;}
}
.case-ban-tit img,.circle1 img,.circle2 img,.circle3 img,.case-ban-phone img,.case-ban-comp img{
	width: 100%;
}

/*.case-n{
	border-top: 1px solid #e1e1e1;
}*/
.case-main{
	position: relative;
	/*height: 28.695vw;*/
	width: 100%;
}
.case-main h4{
	display: block;
	width: 29.17vw;
	margin: 0 auto;
}
.case-main h4 img{
	width: 100%;
}
.case-nav{
	width: 100%;
    max-width: 9.6rem;
    min-width: 3.2rem;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	background: #fff;
	z-index: 60;
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	margin: 0 0 5vw;
}
.case-nav .current{
	color: #0098c5;
}
.casenav-items{
	flex-grow: 1;
	width: 25%;
	font-size: 16px;
	font-size: .32rem;
	height: 10.2vw;
	line-height: 10.2vw;
	text-align: center;
	border-right: 1px solid #e1e1e1;
}
.casenav-items:last-child{
	border-right: 0;
}
.casenav-items a{
	display: block;
	color: #6f6f6f;
}
.casenav-items-act a{
	color: #0098c5;
}

.case-nav-itmes{
	position: relative;
	display: block;
	float: left;
	width: 50%;
	text-align: center;
	line-height: 3.6em;
	font-size: 18px;
	font-size: .36rem;
	color: #6f6f6f;
}
.case-nav-itmes a{
	color: #6f6f6f;
}




.loading{
	display: block;
	font-size: 18px;
	font-size: .36rem;
	line-height: 4em;
	text-align: center;
	color: #999;
	margin: 0 auto;
}
.case-brand{
	width: 100%;
	overflow: hidden;
}


.case .icase-block{
	margin-top: 4.375vw;
}

.case-list{
	margin-top: 20.41vw;
}

/*************************service*************************/

.service-banner{
	background: url(../image/service-banner.jpg) no-repeat;
	background-size: 100% 100%;
	height: 46vw;
	padding-top: 90px;
	padding-top: 1.8rem;
	overflow: hidden;
	zoom: 1;
	text-align:center;
}
.service-banner h4{
	display: block;
	width: 28%;
	margin: 0 auto;
}
.service-banner h4 img{
	width: 100%;
}
.service-banner p{
	font-size: 16px;
	font-size: .32rem;
	color: #c5c5c5;
}


.ser-terminal{
	/* height: 92.125vw; */
	padding-bottom: 30px;
	padding-bottom: .6rem;
}
.ser-items-pic{
	display: block;
	width: 18.34vw;
	margin: 14px auto;
	margin: .28rem auto;
}
.ser-items-pic img{
	width: 100%;
}
.ser-items-art{
	font-size: 16px;
	font-size: .32rem;
	color: #646464;
	display: block;
	margin: 0 auto;
	max-width: 78.92vw;
}
.content-wrap h4{
	font-size: 26px;
	font-size: .52rem;
	color: #0098c5;
}
.service01,.tabClick li:nth-child(1){
	display: inline-block;
	width: 36px;
	height: 36px;
	width: .72rem;
	height: .72rem;
	background: url(../image/01.png) no-repeat 0 0;
	background-size: 100% 100%;
	
}



@-webkit-keyframes pulse{
0%{-webkit-transform:scale(1.1)}
100%{-webkit-transform:scale(1)}
}
@-moz-keyframes pulse{
0%{-moz-transform:scale(1.1)}
100%{-moz-transform:scale(1)}
}

.tab-current .service01,.tabClick li:nth-child(1).active{
	background: url(../image/01-1.png) no-repeat;
	background-size: 100% 100%;
	/*-webkit-animation:pulse 1s .2s ease both;
-moz-animation:pulse 1s .2s ease both;*/
}
.service02,.tabClick li:nth-child(2){
	display: inline-block;
	width: 36px;
	height: 36px;
	width: .72rem;
	height: .72rem;
	background: url(../image/02.png) no-repeat 0 0;
	background-size: 100%;
}
.tab-current .service02,.tabClick li:nth-child(2).active{
	background: url(../image/02-1.png) no-repeat;
	background-size: 100% 100%;
	/*-webkit-animation:pulse 1s .2s ease both;
-moz-animation:pulse 1s .2s ease both;*/
}
.service03,.tabClick li:nth-child(3){
	display: inline-block;
	width: 36px;
	height: 36px;
	width: .72rem;
	height: .72rem;
	background: url(../image/03.png) no-repeat 0 0;
	background-size: 100%;
}
.tab-current .service03,.tabClick li:nth-child(3).active{
	background: url(../image/03-1.png) no-repeat;
	background-size: 100% 100%;
	/*-webkit-animation:pulse 1s .2s ease both;
-moz-animation:pulse 1s .2s ease both;*/
}

.service04,.tabClick li:nth-child(4){
	display: inline-block;
	width: 36px;
	height: 36px;
	width: .72rem;
	height: .72rem;
	background: url(../image/04.png) no-repeat 0 0;
	background-size: 100%;
}
.tab-current .service04,.tabClick li:nth-child(4).active{
	background: url(../image/04-1.png) no-repeat;
	background-size: 100% 100%;
	/*-webkit-animation:pulse 1s .2s ease both;
-moz-animation:pulse 1s .2s ease both;*/
}
.service05,.tabClick li:nth-child(5){
	display: inline-block;
	width: 36px;
	height: 36px;
	width: .72rem;
	height: .72rem;
	background: url(../image/05.png) no-repeat 0 0;
	background-size: 100%;
}
.tab-current .service05,.tabClick li:nth-child(5).active{
	background: url(../image/05-1.png) no-repeat;
	background-size: 100% 100%;
	/*-webkit-animation:pulse 1s .2s ease both;
-moz-animation:pulse 1s .2s ease both;*/
}
.ser-items-line{
	display: block;
	height: 26px;
	height: .4rem;
	width: 1px;
	margin: 20px auto 0;
	background: url(../image/v-line.jpg) repeat-y;
}

.content-wrap section{
	 -webkit-animation: masked-animation 0.5s linear;
}
@-webkit-keyframes masked-animation {
    0%  { opacity: 0;}
    100% { opacity: 1;}
}


.tabClick {
	display: table;
	margin: 0 auto;
	overflow: hidden;
	height: 38px;
	padding: 1px 0;
}

.tabClick li {
	position: relative;
    float: left;
    width: 36px;
    height: 36px;
    z-index: 1;
    display: block;
    margin: 0;
    text-align: center;
    margin-right: 10px;
}
.tabClick li:last-child{
	margin-right: 0;
}

.tabClick li.active {
	transition: 0.1s;
}

.tabCon {
	overflow: hidden
}

.tabBox {
	position: relative
}

.tabList {
	word-break: break-all;
	width: 100%;
	float: left;
	text-align: center;
	padding: 1em !important;
}

.lineBorder {
	height: 2px;
	overflow: hidden;
}

.lineDiv {
	height: 2px;
	width: 25%;
}


/*服务体系*/
.ser-system{
	display: block;
	position: relative;
	padding-top: 30px;
	padding-top: .6rem;
	background: #efefef;
	overflow: hidden;
	zoom: 1;
}
.ser-system-tit{
	display: block;
	width: 40.2%;
	margin: 0 auto;
}
.ser-system-tit img{
	width: 100%;
}
.ser-system-main{
	width: 90%;
	margin: 20px auto 40px;
	margin: .4rem auto .8rem;
}
.ser-system-main img{
	width: 100%;
}

/*套餐*/
.ser-plan{
	padding-bottom: 30vw;
	overflow: hidden;
	zoom: 1;
}
.ser-plan .ser-system-tit{
	margin: 5vw auto;
}
.mobile-plan{
	width: 50%;
	float: left;
	/*overflow: hidden;
	zoom: 1;*/
}
.flash-plan{
	width: 50%;
	float: left;
}
.mobile-plan-head{
	height: 34vw;
	padding: 6px 0;
	padding: .12rem 0;
	background: #47baf0;
	overflow: hidden;
	zoom: 1;
	box-sizing: border-box;
}
.mobile-plan-tit{
	font-size: 22px;
	font-size: .44rem;
	color: #fff;
	line-height: 36px;
	line-height: 1.89em;
	text-align: center;	
}
.mobile-plan .mobile-plan-tit{
	margin-bottom: .10rem;
}
.plan{
	width: 33.3%;
	float: left;
	font-size: 14px;
	font-size: .28rem;
	color: #06587e;
	text-align: center;
	border-right: 1px solid #329fd3;
}
.plan:last-child{
	border: 0 none;
}
.plana{
	display: block;
	width: 20px;
	height: 20px;
	width: .4rem;
	height: .4rem;
	margin: 0 auto 7px;
	margin: 0 auto .14rem;
	line-height: 20px;
	line-height: .4rem;
	color: #8cd5f7;
	background: url(../image/planbg.png) no-repeat;
	background-size: 100% 100%;
}
.mobile-plan-main{
	border-right: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	box-sizing: border-box;
}
.mobile-plan-main h5{
	font-size: 16px;
	font-size: .32rem;
	line-height: 42px;
	line-height: 2.625em;
	color: #535353;
	background: #f6f6f6;
	padding-left: 5%;
}
.mobile-plan-main p{
	font-size: 12px;
	font-size: .24rem;
	line-height: 24px;
	line-height: 2em;
	color: #6b6b6b;
	padding-left: 5%;
	padding-top: 10px;
	padding-top: .2rem;
	padding-right: 5%;
	min-height: 9em;
}
.viewcase{
	display: block;
	margin: 0 auto;
	width: 60px;
	height: 60px;
	width: 1.2rem;
	height: 1.2rem;
	border: 1px solid #dcdcdc;
	border-radius: 30px;
	border-radius: .6rem;
	background: #fff;
	font-size: 14px;
	font-size: .28rem;
	color: #606060;
	text-align: center;
	position: relative;
	bottom: -0.6rem;
	line-height: 16px;
	line-height: 2em;
}
.viewcase span{
	display: table;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -1em;
	margin-top: -1.14em;
	line-height: 1.14em;
	text-align: center;
}
.flash-plan-head{
	height: 34vw;
	padding: 6px 0;
	padding: .12rem 0;
	background: #0e8ad9;
	overflow: hidden;
	zoom: 1;
	box-sizing: border-box;
}
.flash-plan-price{
	/* width: 25.3vw; */
	margin: 0 auto 0.2rem;
	/* background: url(../img/pricebg.jpg) repeat-x center; */
	text-align: center;
	line-height: 1;
	font-size: 0.6rem;
	color: #fff;
}
.flash-plan-price span{
	font-size: 0.2rem;
}
.flash-down{
	position: relative;
	display: block;
	margin: 0 auto;
	width: 7.4vw;
	height: 9.6vw;
	height: .82rem;
	top: 0;
	opacity: .6;
	filter:alpha(opacity=60);
}

.flash-down img{
	display: block;
	position: relative;
	width: 100%;
}
.flash-plan .mobile-plan-main h5,.flash-plan .mobile-plan-main p{
	padding-left: 10%;
}			
.ser-plan-block .swiper-slide:last-child .mobile-plan-main{
	border-right: 0 none !important;
}
/*服务流程*/
.ser-flow{
	padding-top: 30px;
	background: url(../image/flowbg.jpg) no-repeat;
	background-size: 100% 100%;
}
.ser-flow p{
	display: block;
	width: 77%;
	margin: 40px auto 10px;
}
.ser-flow p img{
	width: 100%;
}


.plan-next,.plan-prev{
	position: absolute;
	bottom: 0 !important;
	display: block;
	top: 92% !important;
	width: 16.67vw !important;
	height: 6.04vw !important;
	border: 1px solid #cfcfcf;
	border-radius: 3.02vw;
	opacity: 1 !important;
}
.plan-next{
	right: 31.875vw !important;
	/* background: url(../img/plan-next.png) center center no-repeat !important; */
	background: none !important;
}
.plan-prev{
	left: 31.875vw !important;
	/* background: url(../img/plan-prev.png) center center no-repeat !important; */
	background: none !important;
}
.plan-next a,.plan-prev a{
	display: block;
	width: 3.54vw;
	height: 2.08vw;
	margin: 1.98vw auto;
}
.plan-next a img,.plan-prev a img{
	width: 100%;
	vertical-align: top;
}


.jjsy-plan .flash-plan-head{
	background: #b3cf7a;
}
.jjsy-plan .flash-plan-price span{
	background: #b3cf7a;
}
.zzfw-plan .flash-plan-head{
	background: #8abd00;
}
.zzfw-plan .flash-plan-price span{
	background: #8abd00;
}
.jtzf-plan .flash-plan-head{
	background: #cfbe7a;
}
.jtzf-plan .flash-plan-price span{
	background: #cfbe7a;
}
.dzsw-plan .flash-plan-head{
	background: #bda000;
}
.dzsw-plan .flash-plan-price span{
	background: #bda000;
}
.xys-plan .flash-plan-head{
	background: #0e8ad9;
}
.xys-plan .flash-plan-price span{
	background: #0e8ad9;
}


/*************************phone*************************/

/*.phone-banner{
	background: url(../img/phone-banner.jpg) no-repeat;
	background-size: 100% 100%;
	height: 56vw;
	padding-top: 90px;
	overflow: hidden;
	zoom: 1;
	text-align:center;
}
.phone-banner h4{
	display: block;
	width: 28%;
	margin: 0 auto;
}
.phone-banner h4 img{
	width: 100%;
}
.phone-banner p{
	display: block;
	width: 80%;
	margin: 10px auto;
	font-size: 16px;
	color: #c5c5c5;
}*/
.phone-banner{
	background: url(../image/phone-ban.jpg) no-repeat;
	background-size: 100% 100%;
	height: 44vw;
	overflow: hidden;
	zoom: 1;
	text-align:center;
}
.phone-mw{
	width: 40.625%;
	margin: 17.5vw auto 0;
}
.ydhlw{
	width: 81.56%;
	margin: 3.75vw auto 0;
}
.ydhlwzj{
	width: 51.46%;
	margin: 1.67vw auto 0;
}
.phone-mw img,.ydhlw img,.ydhlwzj img{
	display: block;
	width: 100%;
	vertical-align: top;
}

/*价格版本*/
.edition{
	margin-top: 8.33vw;
}
.edition-nav{
	width: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
}
.edition-nav li{
	display: block;
	width: 24%;
	height: 14vw;
}
.edition-nav li a{
	width: 100%;
	height: 14vw;
}
.edition-nav li{
	margin-left: -2.08vw;
	border-radius: 12.03vw;
	/*overflow: hidden;*/
}
.edition-nav li:nth-child(1){
	margin-left: 0;
	z-index: 0;
	background: #1e9dc2;
}
.edition-nav li:nth-child(2){
	z-index: 1;
	background: #5bb8d4;
}
.edition-nav li:nth-child(3){
	z-index: 2;
	background: #d2b957;
}
.edition-nav li:nth-child(4){
	z-index: 3;
	background: #cb9f37;
}
.edition-nav li img{
	width: 100%;
}
.edition-art{
	overflow: hidden;
	zoom: 1;
	padding: 0 3.33vw;
}
.edition-art h5{
	font-size: 16px;
	font-size: .32rem;
	line-height: 36px;
	line-height: 2.25em;
	color: #1e9dc2;
}
.edition-art p{
	font-size: 14px;
	font-size: .28rem;
	line-height: 22px;
	line-height: 1.57em;
	color: #848484;
}

.edition-xal{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	margin-top: 6.25vw;
}
.edition-xal li{
	height: 10.1vw;
}
.defe{
	position: relative;
	display: block;
	float: left;
	width: 41vw;
	height: 10vw;
	line-height: 9.4vw;
	text-align: center;
	font-size: 16px;
	font-size: .32rem;
	color: #1e9dc2;
	border: 1px solid #1e9dc2;
	border-radius: 5vw;
	margin-right: 3.75vw;
	box-sizing: border-box;
	padding-left: 9vw;
	margin-bottom: 1.6em;
}
.defe span{
	display: block;float: left;
}
.defe span:first-child{
	position: relative;
	width: 5.2vw;
	height: 4vw;
	margin-right: 1.8vw;
	padding-top: 0.2vw;
	box-sizing: border-box;
	top: 50%;
	margin-top: -2.5vw;
}
.defe span img{
	width: 100%;
	vertical-align: top;
}
.cocuse{
	position: relative;
	display: block;
	float: left;
	width: 41vw;
	height: 10vw;
	line-height: 9.8vw;
	text-align: center;
	font-size: 16px;
	font-size: .32rem;
	color: #1e9dc2;
	border: 1px solid #bebebe;
	border-radius: 5vw;
	box-sizing: border-box;
	padding-left: 9vw;
}
.cocuse span{
	display: block;
	float: left;
}
.cocuse span:first-child{
	position: relative;
	width: 5.2vw;
	height: 4vw;
	margin-right: 1.8vw;
	padding-top: 0.3vw;
	box-sizing: border-box;
	top: 50%;
	margin-top: -2vw;
}
.cocuse span img{
	width: 100%;
	vertical-align: top;
}

.edition-vd{
	padding: 15px 4.25vw 30px;
	padding: .3rem 4.25vw .6rem;
}
.md-modal{
	width: 86.875vw;
	height: 145.625vw;
	width: 7.2rem;
	height: 12rem;
	max-width: 86.875%;
	max-height: 90vh;
	background: url(../image/bj-bg.jpg) no-repeat;
	background-size: 100% 100%;
}
.md-close{
	position: absolute;
	width: 10vw;
	height: 10.42vw;
	width: .828rem;
	height: .8625rem;
	right: 0;
	background: url(../image/md-close.png) no-repeat;
	background-size: 100% 100%;
}
.md-close img{
	width: 100%;
}
.evd-tit span{
	display: block;
}
.evd-title{
	width: 47.71vw;
	width: 3.95rem;
	margin: 0 auto;
}
.evd-price{
	/* width: 37.08vw; */
	height: .66rem;
	margin-left: 18.75vw;
	margin-left: 1.85rem;
}
.evd-title img{
	width: 100%;
}
.evd-title img,.evd-price img{
	/* width: 100%; */
	height: 100%;
}

.evd-function{
	margin: 8.46vw 0 11.46vw !important;
	padding: 0 !important;
	overflow: hidden;
	zoom: 1;
}
.evdf-itmes{
	position: relative;
	width: 50%;
	float: left;
	font-size: 14px;
	font-size: .28rem;
	line-height: 32px;
	line-height: 2.29em;
	color: #6a6a6a;
	border-bottom: 1px solid #dadada;
}
.evdf-items-act:after{
	position: absolute;
	content: '';
	width: 16px;
	height: 16px;
	width: .32rem;
	height: .32rem;
	background: url(../image/evdf-check.png) no-repeat;
	background-size: 100% 100%;
	top: 50%;
	margin-top: -0.16rem;
	right: 4.33vw;
}


/*一站全包*/


.weball{
	overflow: hidden;
	zoom: 1;
	height: 68.75vw;
	background: #f1f1f1;
	box-sizing: border-box;
}
.weball-tit{
	padding-top: 4.16vw;
	text-align: center;
	font-size: 22px;
	font-size: .44rem;
	line-height: 30px;
	line-height: 1.36em;
	color: #0098c5;
}



.weball-box{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap:wrap;
	padding-top: 5.21vw;
}
.weball-items{
	width: 18.125vw;
	margin-right: 5.8vw;
	margin-bottom: 7.08vw;
}
.weball-items img{
	width: 100%;
}
.weball-items:nth-child(4n){
	margin-right: 0;
}

/* 八大费用全免 */
.free{
	position: relative;
	width: 100%;
}
.free-tit{
	height: 19.58vw;
	font-size: 22px;
	font-size: .44rem;
	line-height: 19.58vw;
	text-align: center;
	color: #0098c5;
}
.free-blcok{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap:wrap;
}
.free-items{
	width: 50%;
	height: calc(100vw/3);
	padding-top: 7.5vw;
	font-size: 14px;
	font-size: .28rem;
	color: #5b5b5b;
	box-sizing: border-box;
	border-right: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	background: #fafafa;
}
.free-items span{
	display: block;
	text-align: center;
}
.free-icon{
	width: 18.54vw;
	height: 11.875vw;
	margin: 0 auto 3.125vw;
}
.free-icon img{
	width: 100%;
}

.free-items:nth-child(2),
.free-items:nth-child(3),
.free-items:nth-child(6),
.free-items:nth-child(7) {
	background: #f3f3f3;
}
.free-items:nth-child(1),
.free-items:nth-child(2) {
	border-top: 1px solid #dcdcdc;
}
.free-items:nth-child(2n){
	border-right: 0 none;
}
.free-items:nth-last-child(1),
.free-items:nth-last-child(2) {
	border-bottom: 0 none;
}




/*为什么做手机站*/
.why-box{
	width: 100%;
	overflow: hidden;
}
.why-tit{
	width: 100%;
	background: url(../image/why-titbg.jpg) no-repeat;
	background-size: 100% 100%;
	font-size: 30px;
	font-size: .6rem;
	line-height: 42px;
	line-height: 1.4em;
	color: #fff;
	padding: 7.81vw 5% 9.16vw;
}
.why-items{
	/*height: 28.96vw;*/
	padding: 4.375vw 0;
	text-align: left !important;
	box-sizing: border-box;
}
.why-block .why-items:nth-child(1){
	background: #fff;
}
.why-block .why-items:nth-child(2){
	background: #f5f5f5;
}
.why-block .why-items:nth-child(3){
	background: #ebebeb;
}
.why-items h5{
	position: relative;
	height: 6.42vw;
	line-height: 6.42vw;
	font-size: 16px;
	font-size: .32rem;
	color: #515151;	
	padding-left: 8.02vw;
}
.why-items h5 span{
	position: absolute;
	width: 6.42vw;
	height: 6.42vw;
	top: 0;
	left: 0;
	/*background: url(../img/why-icon.png) no-repeat;*/
	background: #08c5bf;
	border-radius: 50%;
	font-size: 18px;
	font-size: .36rem;
	line-height: 6.92vw;
	text-align: center;
	color: #fff;
	/* background-size: 100% 100%; */
}
.why-items h5 span{
	display: inline-block;	
}
.why-items p{
	font-size: 12px;
	font-size: .24rem;
	line-height: 24px;
	line-height: 2em;
	color: #515151;
}

/*我们的优势*/
.advantage{
	width: 100%;
	overflow: hidden;
}
.advantage .swiper-container{
	overflow: visible;
}
.adv-tit{
	font-size: 20px;
	font-size: .4rem;
	text-align: center;
}
.advantage .lay{
	margin: 11.67vw 0;
}
.adv-num{
	position: absolute;
	display: block;
	width: 8.54vw;
	height: 7.92vw;
	background: #0098c5;
	border-radius: 6px;
	z-index: 1;
	left: 50%;
	margin-top: -3.96vw;
	margin-left: -4.27vw;
	font-size: 20px;
	font-size: .4rem;
	text-align: center;
	color: #fff;
}
.adv-items{
	display: block;
	/*height: 63.125vw;*/
	padding: 1px 1px 5.21vw;
	background: url(../image/adv-bg.png) no-repeat;
	background-size: 100% 100%;
}
.advi-tit{
	font-size: 16px;
	font-size: .32rem;
	line-height: 24px;
	line-height: 1.5em;
	color: #000;
	margin: 3.21vw 0 2.17vw;
}
.advi-text{
	height: 4.5em;
	font-size: 12px;
	font-size: .24rem;
	color: #838383;
	padding: 0 4.17vw;
}

/*行业解决方案*/
.solution{
	position: relative;
	width: 100%;
	height: 73.54vw;
	background: url(../image/solutionbg.jpg) no-repeat;
	background-size: 100% 100%;
	overflow: hidden;
}
.solution h4{
	font-size: 22px;
	font-size: .44rem;
	text-align: center;
	color: #fff;
	margin-top: 7.29vw;
}
.peak{
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
}
.peak1,.peak2,.peak3{
	position: absolute;
	bottom: 0;
}
.peak1{
	right: 0;
}
.peak2{
	left: 0;
}
.peak3{
	right: 0;
}
.peak1{
	height: 20.93vw;
}
.peak2,.peak3{
	height: 36.875vw;
}
.peak1 img,.peak2 img,.peak3 img{
	height: 100%;
}

.solu-line p{
	display: block;
}
.solu-line1{
	position: absolute;
	width: 3.44vw;
	left: 10.31vw;
	bottom: 13.28vw;
}
.solu-line2{
	position: absolute;
	width: 3.44vw;
	left: 25.94vw;
	bottom: 33.58vw;
}
.solu-line3{
	position: absolute;
	width: 3.44vw;
	left: 36.98vw;
	bottom: 14.625vw;
}
.solu-line4{
	position: absolute;
	width: 3.44vw;
	right: 40vw;
	bottom: 22.88vw;
}
.solu-line5{
	position: absolute;
	width: 3.44vw;
	right: 25.52vw;
	bottom: 14.2vw;
}
.solu-line6{
	position: absolute;
	width: 3.44vw;
	right: 12.18vw;
	bottom: 14.3vw;
}
.solu-line p img{
	width: 100%;
}

.solu-text p{
	display: block;
	position: absolute;
	font-size: 12px;
	font-size: .24rem;
	color: #fff;
}
.solu-text1{
	left: 2.29vw;
	bottom: 23.33vw;
}
.solu-text2{
	left: 18.75vw;
	bottom: 43.75vw;
}
.solu-text3{
	left: 29.375vw;
	bottom: 23.33vw;
}
.solu-text4{
	right: 32.81vw;
	bottom: 39.58vw;
}
.solu-text5{
	right: 18.33vw;
	bottom: 27.29vw;
}
.solu-text6{
	right: 4.69vw;
	bottom: 34.58vw;
}

/*合作流程      服务流程*/
.service-flow h4{
	display: table;
	margin: 8.96vw auto 0;
	font-size: 18px;
	font-size: .36rem;
	line-height: 30px;
	line-height: 1.67em;
	border: 1px solid #00aee6;
}
.service-flow h4 a{
	display: inline-block;
	padding: 0 18px;
	padding: 0 .36rem;
}
.service-flow h4 a:nth-child(1){
	color: #060001;
}
.service-flow h4 a:nth-child(2){
	color: #fff;
	background: #00aee6;
}
.service-flow h5{
	margin: 3.125vw auto 5.21vw;
	font-size: 14px;
	font-size: .28rem;
	text-align: center;
	color: #bbb;
}
.sflow-box img{
	width: 100%;
}

.service-flow .service-nav{
	display: table;
	margin: 8.96vw auto 0;
}
.service-flow .sernav-items{
	display: block;
	float: left;
	width: 24.17vw;
	height: 32px;
	height: .64rem;
	text-align: center;
}
.service-flow .sernav-items a{
	display: inline-block;
	font-size: 16px;
	font-size: .32rem;
	line-height: 30px;
	line-height: 1.875em;
	color: #060001;
	height: .64rem;
	border: 1px solid #00aee6;
	box-sizing: border-box;
}
.service-flow .tabulous_active{
	line-height: 32px;
	line-height: 1.875em;
	background: #00aee6;
	color: #fff !important;
	border: 0 none;
}
 .service-flow .service-art{
	min-height: 36.2vw;
} 
.service-flow #tabs2{
	margin-bottom: 4.17vw; 
}
.service-art p{
	display: block;
	width: 100%;
}
.service-flow .service-art img{
	display: block;
	width: 100%;
}
.service-flow .flow-tit-small{
	font-size: 14px;
	font-size: .28rem;
	line-height: 32px;
	line-height: 2.29em;
	text-align: center;
	color: #bbb;
}
#tabs_container .service-art:first-child{
	padding: 0 5%;
}


/*案例*/
.case-tit{
	text-align: center;
	font-size: 20px;
	font-size: .4rem;
	color: #5a5a5a;
	line-height: 48px;
	line-height: 2.4em;
	margin: 4.04vw 0;
}


/*************************wechat*************************/
.wechat-banner{
	height: 75.625vw;
	background: url(../image/wechatbg.jpg) no-repeat;
	background-size: 100% 100%;
	padding-top: 21.875vw;
	box-sizing: border-box;
}
.wechat-banner h4{
	display: block;
	width: 24.8vw;
	text-align: center;
	margin: 0 auto 8.5vw;
}
.wechat-banner h4 img{
	width: 100%;
	display: block;
}
.wechat-banner p{
	display: block;
	width: 80vw;
	height: 10vw;
	/*line-height: 10vw;*/
	margin: 0 auto;
	background: #fff;
	border-radius: 5vw;
	font-size: 18px;
	font-size: .36rem;
	color: #1392f3;
	padding: .8vw 1vw 0 5.2vw;
}
.wechat-banner p span{
	display: block;
	float: left;
	line-height: 8.6vw;
}

.wechat-banner p a{
	display: block;
	float: right;
	width: 23.125vw;
	height: 8.6vw;
	font-size: 16px;
	font-size: .32rem;
	line-height: 8.6vw;
	color: #fff;
	text-align: center;
	background: #1392f3;
	border-radius: 4vw;
}

/*您想要的功能，这儿都有*/
.wantf{
	position: relative;
	/*height: 110vw;*/
	overflow: hidden;
	zoom: 1;
	padding-top: 20px;
	padding-top: .4rem;
	background: #fff;
	padding-bottom: 10.5vw;
}
.wantf h4{
	font-size: 20px;
	font-size: .4rem;
	line-height: 44px;
	line-height: 2.2em;
	color: #747474;
	text-align: center;
}
.wantf-block{
	height: 76vw;
	overflow: hidden;
}
.wantf-itmes{
	position: relative;
	display: block;
	width: 33.3%;
	height: 35.5vw;
	float: left;
	margin: 2.42vw 0;
}
.wantf-itmes span{
	display: block;
	text-align: center;
}
.wangf-pic{
	width: 21.46vw;
	margin: 0 auto;
}
.wangf-pic img{
	width: 100%;
}
.wangf-tit{
	width: 28vw;
	margin: 0 auto;
	font-size: 12px;
	font-size: .24rem;
	color: #828282;
}
.wangf-more{
	position: absolute;
	display: block;
	width: 26vw;
	height: 7.5vw;
	left: 37vw;
	bottom: 0;
	padding-top: 4px;
	padding-top: .08rem;
	background: url(../image/wangf-more.png) no-repeat;
	background-size: 100% 100%;
}
.wangf-more-btnc{
	display: block;
	position: relative;
	bottom: 0;
	/*Safari and Chrome*/
	transform: rotate(180deg);
	-ms-transform: rotate(180deg));
	/* IE 9 */
	-moz-transform: rotate(180deg));
	/* Firefox */
	-webkit-transform: rotate(180deg));
	/* Safari 和 Chrome */
	-o-transform: rotate(180deg));
	/* Opera */
}
.wangf-moreb{
	position: relative;
	display: block;
	width: 16px;
	height: 8px;
	width: .32rem;
	height: .16rem;
	top: 2px;
	top: .04rem;
	margin: 0 auto;
	background: url(../image/more-b.png) no-repeat;
	background-size: 100% 100%;
	
	-webkit-animation: movet 0.6s infinite 0.1s;
	animation: movet 0.6s infinite 0.1s;
}
.wangf-moreb img {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	
	-webkit-animation: movet 0.6s infinite 0.1s;
	animation: movet 0.6s infinite 0.1s;
	/*Safari and Chrome*/
}


@keyframes movet
{
1% {top: 2px; opacity: 1;}
50% {top: 5px; opacity: 1;}
100%{
	top: 2px; opacity: 1;
}
}

@-webkit-keyframes movet /*Safari and Chrome*/
{
1% {top: 2px; opacity: 1;}
50% {top: 5px; opacity: 1;}
100%{
	top: 2px; opacity: 1;
}
}
.wangf-moreg {
	position: relative;
	display: block;
	width: 24px;
	height: 14px;
	width: .48rem;
	height: .28rem;
	top: -1px;
	margin: 0 auto;
	background: url(../image/more-g.png) no-repeat;
	background-size: 100% 100%;
	-webkit-animation: moveb 0.6s infinite;
	animation: moveb 0.6s infinite;
}
.wangf-moreg img{
	display: block;
	position: relative;
	width: 100%;
	
	-webkit-animation: moveb 0.6s infinite;
	animation: moveb 0.6s infinite;
}
@keyframes moveb
{
1% {top: -2px; opacity: 1;}
50% {top: 1px; opacity: 1;}
100%{
	top: -2px; opacity: 1;
}
}

@-webkit-keyframes moveb /*Safari and Chrome*/
{
1% {top: -2px; opacity: 1;}
50% {top: 1px; opacity: 1;}
100%{
	top: -2px; opacity: 1;
}
}

/*微信无缝对接全方位营销*/
.all-around{
	position: relative;
	height: 72.5vw;
	padding: 50px 5vw 20px 52vw;
	padding: 1rem 5vw .4rem 52vw;
	background-color: #ebebeb;
	background-image: url(../image/all-aroundbg.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
}
.all-around h4{
	font-size: 24px;
	font-size: .48rem;
	color: #1392f3;
	margin-bottom: 10px;
	margin-bottom: .2rem;
}
.all-around p{
	font-size: 12px;
	font-size: .24rem;
	color: #909090;
}
/*免费吸粉*/
.absorb-funs{
	height: 57.2vw;
	padding: 30px 0 0 6.25vw;
	padding: .6rem 0 0 6.25vw;
	background: url(../image/absorb-funsbg.jpg) no-repeat;
	background-size: 100% 100%;
}
.absorb-funs h4{
	font-size: 24px;
	font-size: .48rem;
	color: #fff;
	margin-bottom: 10px;
	margin-bottom: .2rem;
}
.absorb-funs p{
	width: 50vw;
	font-size: 14px;
	font-size: .28rem;
	color: #fff;
}
/*粉丝互动*/
.interact{
	/*height: 141.25vw;*/
	background: #fff;
	overflow: hidden;
	zoom: 1;
	margin-bottom: 30px;
	margin-bottom: .6rem;
}
.int-items{
	float: left;
	width: 33.3%;
	padding: 0 2%;
	margin-top: 30px;
	margin-top: .6rem;
}
.int-items span{
	display: block;
	text-align: center;
}
.int-pic{
	width: 15.625vw;
	margin: 0 auto;
}
.int-pic img{
	/*width: 15.625vw;*/
	width: 100%;
}
.int-tit{
	font-size: 16px;
	font-size: .32rem;
	line-height: 30px;
	line-height: 1.875em;
	color: #383838;
}
.int-tit1{
	font-size: 12px;
	font-size: .24rem;
	color: #a6a6a6;
}

.interact-tit{
	display: block;
	width: 100%;
	height: 14.6vw;
	padding: 40px 0 50px;
	padding: .8rem 0 1rem;
	text-align: center;
}
.interact-tit h4{
	font-size: 20px;
	font-size: .4rem;
	color: #000;
}
.interact-tit p{
	font-size: 16px;
	font-size: .32rem;
	color: #a6a6a6;
}


.case-btn{
	position: absolute;
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: nowrap;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	top: 16px;
	top: .28rem;
	top: 50%;
	left: 5%;
	padding-left: 38px;
	padding-left: .84rem;
	margin-top: -0.32rem;
}
.case-btn li{
	width: 36px;
	width: .64rem;
	height: .64rem;
	margin-left: 6px;
	margin-left: .12rem;
}
.case-btn li:first-child{
	margin-left: 0;
}
.case-btn li a{
	display: block;
}
.case-btn li a img{
	width: 100%;
}
.home {
	position: absolute;
	width: 36px;
	height: 36px;
	width: .64rem;
	height: .64rem;
	top: 50%;
	margin: 14px 0 0 5%;
	margin: .28rem 0 0 5%;
	margin: -0.32rem 0 0 5%;
	z-index: 1;
}
.home a{
	display: block;
}
.home a img{
	width: 100%;
	vertical-align: top;
}

.case-details img{
	width: 100%;
	vertical-align: top;
}


/*************************e-commerce电商*************************/
.ecomm-ban{
	/* height: 106.35vw;
	height: 8.8rem; */
	background: url('../image/ecomm-banbg.png') no-repeat;
	background-size: 100% auto;
	overflow: hidden;
}
/* .ecommb-pic{
	display: block;
	position: absolute;
} */
.ecommb-text1{
	font-size: 22px;
	font-size: .44rem;
	color: #fff;
	/* margin-top: 19.69vw; */
	margin-top: 1.64rem;
	text-align: center;
}
.ecommb-text2{
	font-size: 14px;
	font-size: .28rem;
	color: #fff;
	margin-top: .2rem;
	text-align: center;
}
.ecommb-pic{
	/* top: 40.42vw;
	top: 3.32rem;
 	left: 50%; */
	width: 84.58vw;
	width: 6.78rem;
	max-width: 90%;
	margin: .68rem auto 0;
	/*margin-left: -42.29vw;
	margin-left: -3.39rem;
	 -webkit-transform: translate(-50%,0);
	transform: translate(-50%,0); */
}
.ecommb-pic img{
	width: 100%;
	vertical-align: top;
}


.ecf h4{
	font-size: 20px;
	font-size: .4rem;
	text-align: center;
	color: #5b5b5b;
	padding: 0.65rem 0;
}

.ecf-con{
	overflow: hidden;
}
.ecf-blcok{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.ecf-items{
	width: 33.33%;
	margin-bottom: .52rem;
}
.ecf-items span{
	display: block;
}
.ecfi-icon{
	width: 1.5rem;
	margin: 0 auto;
}
.ecfi-icon img{
	width: 100%;
}
.ecfi-tit{
	text-align: center;
	font-size: 16px;
	font-size: .32rem;
	line-height: 2em;
	color: #3f3f3f;
}
.ecfi-info{
	display: block;
	width: 8em;
	margin: 0 auto;
	text-align: center;
	font-size: 12px;
	font-size: .24rem;
	line-height: 20px;
	line-height: 1.7em; 
	color: #858585;

	height: 5.1em;
	overflow: hidden;
}

.ecf-icon {
	text-align: center;
	vertical-align: top;
}
.ecf-icon .swiper-pagination-bullet{
	width: .4rem;
	height: .4rem;
	background: none;
	border: 1px solid #b6b6b6;
	border-radius: 50%;
	opacity: 1;
	margin: 0 .08rem;
}
.ecf-icon .swiper-pagination-bullet-active{
	border-color: #424242;
}

/* 商品管理功能 */
.ecomm-cm{
	padding: 15.94vw 0;
	padding: 1.32rem 0;
	background: url('../image/ecomm-bg1.png') no-repeat;
	background-size: 100% 100%;
}
.ecm-l,.ecm-r{
	max-width: 48%;
	overflow: hidden;
}
.ecm-r{
	width: 37.44vw;
	width: 3.1rem;
}
.ecm-r img{
	width: 100%;
}
.ecm-tit{
	width: 100%;
	height: 8.02vw;
	height: .66rem;
	/* margin-left: 1.9vw;
	margin-left: .16rem; */
	margin-top: 2.4vw;
	margin-top: .2rem;
	margin-bottom: .48rem;
}
.ecm-tit img{
	height: 100%;	
}
.ecm-l .ecm-tit img{
	height: auto;
	max-width: 100% !important;
}
.ecm-art{
	margin: 0 0 .48rem 0;
	font-size: 14px;
	font-size: .28rem;
	color: #656565;
}
.ecm-func {
	font-size: 14px;
	font-size: .28rem;
	line-height: 2em;
	color: #2d2d2d;
	/* margin-left: 1.9vw;
	margin-left: .16rem; */
}
.ecmf-items{
	position: relative;
	padding-left: 4.35vw;
	padding-left: .36rem;
}
.ecmf-items:before{
	display: block;
	position: absolute;
	content: '';
	width: .28rem;
	height: .28rem;
	border: 1px solid #2d2d2d;
	border-radius: 50%;
	left: 0;
	top: 1em;
	margin-top: -0.16rem;
}
/* 订单管理 */
.ecomm-om{
	position: relative;
	padding: 86.21vw 0  8.21vw;
	/* padding: .68rem 0; */
}
.ecomm-om .ecm-art{
	margin: 2.9vw 0;
	margin: .24rem 0;
}

.ecom-b{
	display: -webkit-flex;
	display: flex;
}
.ecom-bl,.ecom-br{
	width: 50%;
	float: left;
}
.ecom-bl{
	max-width: 50%;
	width: 37.44vw;
	width: 3.1rem;
}
.ecom-bl img{
	width: 100%;
	z-index: -1;
}
.ecom-br {
	font-size: 14px;
	font-size: .28rem;
	line-height: 2em;
	color: #2793b2;
	/* margin-left: 1.9vw;
	margin-left: .16rem; */
}
.ecom-br h5{
	color: #3f3f3f;
}
.ecom-br .ecmf-items{
	color: #2793b2;
}
.ecom-br .ecmf-items:before{
	border-color: #2793b2;
}
.ecom-br{
	max-width: 50%;
	padding-left: 7.25vw;
	padding-left: .6rem;
	padding-top: 9.18vw;
	padding-top: .72rem;
	box-sizing: border-box;
}
/* 促销活动管理 */
.ecomm-pm{
	position: relative;
	margin-top: -34.54vw;
	margin-top: -2.86rem;
	padding: 15.94vw 0;
	padding: 1.32rem 0;
	background: url('../image/ecomm-bg3.png') no-repeat;
	background-size: 100% 100%;
	z-index: 1;
}
.ecomm-pm .ecom-br{
	padding-left: 0;
}
.ecomm-pm .ecm-art{
	margin: 0;
}
.ecomm-pm .ecom-bl{
	position: absolute;
	right: 6.25vw;
	bottom: -9.66vw;
	bottom: -.8rem;
}

.coupon{
	overflow: hidden;
	padding: .56rem .181rem .57rem .181rem;
	background: url('../image/ecomm-pm-phone.png') no-repeat;
	background-size: 100% 100%;
}
.coupon .coupon-con{
	overflow: hidden;
}
.coupon .coupon-icon{
	position: absolute;
	text-align: center;
	bottom: 0.608rem;
	z-index: 999
}
.coupon .coupon-icon span{
	width: 0.06rem;
	height: 0.06rem;
	border-radius: 100%;
	background: #fff;
	border: 1px solid #818181;
}
.coupon .coupon-icon .swiper-pagination-bullet-active{
	border-color: #474747;
}

/* 商城会员管理 */
.ecomm-hy{
	position: relative;
	padding: 19.32vw 0 8.21vw;
	padding: 1.6rem 0 .68rem;	
}
.ecomm-hy .ecmf-block{
	color: #2793b2;
}

/* 物流管理系统 */
.ecomm-wl{
	position: relative;
	margin-top: -29.71vw;
	margin-top: -2.46rem;
	padding: 15.94vw 0;
	padding: 1.32rem 0;
	background: url('../image/ecomm-bg5.png') no-repeat;
	background-size: 100% 100%;
	z-index: 1;
}
.ecomm-wl .ecmf-block{
	color: #2c66a7;
}
.ecomm-wl .ecmf-items:before{
	border-color: #2c66a7;
}


/* 商城整体页面兼容性 */
.ecomm-jr{
	padding: 7.71vw 0;
	padding: .64rem 0;
}
.ecoj-tit {
    /* margin-left: 1.9vw;
    margin-left: .16rem; */
    margin-top: 60.4vmin;
    /* margin-top: .2rem; */
    margin-bottom: .28rem;
    font-size: 18px;
    font-size: .36rem;
    color: #1e9dc2;
}
.ecomm-jr .ecm-art{
	color: #737373;
}
.ecoj-b{
	display: -webkit-flex;
	display: flex;
}
.ecojb-items{
	width: 15.22vw;
	width: 1.26rem;
	margin-right: 3.86vw;
	margin-right: .32rem;
}
.ecojb-items img{
	width: 100%;
}
.ecojb-items:last-child{
	margin-right: 0;
}

/* 购物体验 三步完成 */
.ecomm-gwty{
	position: relative;
	padding: 15.94vw 0;
	padding: 1.32rem 0;
	background: url('../image/ecomm-bg6.png') no-repeat;
	background-size: 100% 100%;
}
.ecomm-gwty .ecog-tit{
	/* margin-left: 1.9vw;
    margin-left: .16rem; */
    margin-bottom: .28rem;
}
.ecomm-gwty .ecog-tit,.ecomm-gwty .ecm-art{
	color: #fff;
}

.ecog-b{
	/* display: flex;
	flex-wrap: nowrap; */
	margin: 0 auto;
	display: table;
}
.ecog-b p{
	float: left;
	display: block;
	position: relative;
	margin-left: -1.9rem;
}
.ecog-b p img{
	width: 100%;
}
.ecogb-pic1,.ecogb-pic2,.ecogb-pic3{
	width: 3.24rem;
}
.ecogb-pic1{
	margin-left: .54rem !important;
	z-index: 2;
}
.ecogb-pic2{
	top: -0.28rem;
	z-index: 1;
}
.ecogb-pic3{
	top: -0.56rem;
	z-index: 0;
}

/* 完善的账号个性化管理 */
.ecomm-admin{
	padding: 7.71vw 0 0;
	padding: .64rem 0 0;
}
.ecomm-admin-pic{
	display: block;
	width: 7.08rem;
	max-width: 100%;
	margin: 0 auto;
}
.ecomm-admin-pic img{
	width: 100%;
}

@-webkit-media screen and (min-width: 1024px) {
	.lbs{
		display: block;
		position: absolute;
		bottom: 0;
		width: 8.234rem;
		max-width: 716px;
		left: 50%;
		margin-left: -3.317rem;
	}
	.mobile-plan .mobile-plan-tit{
		margin-bottom: .44rem;
	}
}
@media screen and (min-width: 1024px) {
	.lbs{
		display: block;
		position: absolute;
		bottom: 0;
		width: 8.234rem;
		max-width: 716px;
		left: 50%;
		margin-left: -3.317rem;
	}
	.mobile-plan .mobile-plan-tit{
		margin-bottom: .44rem;
	}
}