.gt100 {
	margin-top:100px
}

.service .service-banner {
	padding-top:134px;
	background:url(../images/service/banner.jpg) no-repeat center center;
	background-size:cover
}

.service .service-banner .banner-title {
	margin-bottom:16px
}

.service .service-banner .banner-desc {
	margin-bottom:24px
}

.service-common--title {
	font-size:36px;text-align: center;
	line-height:1;
	font-weight:400;
	color:#009f88;
	margin-bottom:60px
}

@media screen and (min-width: 1024px) {.service-mode {
	text-align:center;
	width:810px;
	margin:4px auto 0
}

.service-mode--item {
	width:240px;text-align: center;
	height:310px;
	background:#fff;
	-webkit-box-shadow:0 0 9px 0 rgba(102,102,102,.2);
	box-shadow:0 0 9px 0 rgba(102,102,102,.2);
	border-radius:4px;
	margin-right:45px
}
}
@media screen and (max-width: 1024px) {.service-mode {
	text-align:center;
	width:100%;
	margin:40px auto 0
}

.service-mode--item {
	width:90%;         margin-left: 5%;text-align: center;
	height:310px;
	background:#fff;
	-webkit-box-shadow:0 0 9px 0 rgba(102,102,102,.2);
	box-shadow:0 0 9px 0 rgba(102,102,102,.2);
	border-radius:4px;
	margin-right:45px
}
}

.service-mode--item:last-child {
	margin-right:0
}

.service-mode--img__1 {
	height:180px;
	line-height:180px;
	border-radius:4px 4px 0 0;
	background:-webkit-gradient(linear,left top,left bottom,from(#3183ff),to(#6bdbff));
	background:linear-gradient(180deg,#3183ff 0,#6bdbff 100%)
}

.service-mode--img__1>img {
	width:88px;
	height:88px
}

.service-mode--img__2 {
	background:-webkit-gradient(linear,left top,left bottom,from(#29b7d3),to(#4cdcbb));
	background:linear-gradient(180deg,#29b7d3 0,#4cdcbb 100%)
}

.service-mode--img__3 {
	background:-webkit-gradient(linear,left top,left bottom,from(#f4893e),to(#fcbc64));
	background:linear-gradient(180deg,#f4893e 0,#fcbc64 100%)
}

.service-mode--des {
	margin-top:32px;text-align: center;
	font-size:18px;
	line-height:1;
	margin-bottom:14px
}

.service-mode--des__text {
	font-size:13px;text-align: center;
	color:#999;
	line-height:18px
}

.service-support {
	padding:80px 0 54px;
	text-align:center;
	background:rgba(68,176,255,.03)
}


@media screen and (min-width: 1024px) {.service-support__list {
	width:734px;
	margin:80px auto 0
}

.service-support__item {
	margin-right:160px
}

.service-support__item--icon {
	width:47px;
	margin-right:20px
}

.service-support__item--icon i {
	color:#009f88;
	font-size:38px
}

.service-support__item--right {
	width:220px;
	text-align:left
}}


@media screen and (max-width: 1024px) {.service-support__list {
	width:100%;
	margin:80px auto 0
}

.service-support__item {
	margin-left:10px;        width: 90%;
}

.service-support__item--icon {
	width:47px;
	margin-right:20px
}

.service-support__item--icon i {
	color:#009f88;
	font-size:38px
}

.service-support__item--right {
	width:70%; 
	text-align:left
}}




.service-support__item--title {
	font-size:20px;
	font-weight:400;
	margin-bottom:11px
}

.service-support__item--des {
	height:78px;
	font-size:14px;
	color:#999;
	line-height:26px
}

.service-support__item:last-child {
	margin-right:0
}

.gt120 {
	margin-top:120px
}

.service .service-friendlink {
	padding-bottom:100px
}

.service .service-friendlink .wrap .ouline-consulting {
	margin-bottom:0
}

.friendlink {
	text-align:center
}

.friendlink .wrap {
	position:relative
}

.friendlink .wrap .next,.friendlink .wrap .prev {
	top:50%;
	margin-top:-50px
}


@media screen and (min-width: 1024px) {.friendlink .swiper-container1 {
	width:850px;
	padding-left:25px
}

.friendlink .swiper-container2 {
	padding-left:25px;
	width:1015px
}

.friendlink .logo-content .logo-item {
	height:60px;float: left;
    width: 170px;
	padding:5px;
	border:1px solid #ebedf0;
	margin:0 25px 40px 0;
	text-align:center;
	line-height:40px
}}
@media screen and (max-width: 1024px) {.friendlink .swiper-container1 {
	width:100%;
	padding-left:0px
}

.friendlink .swiper-container2 {
	padding-left:25px;
	width:1015px
}

.friendlink .logo-content .logo-item {
	height:60px;float: left;
    width: 140px;
	padding:5px;
	border:1px solid #ebedf0;
	margin:0 25px 40px 20px;
	text-align:center;
	line-height:40px
}}



.friendlink .logo-content .logo-wrap {
	width:100%
}

.btn-wrap {
	margin-top:35px
}

.btn-wrap a {
	margin:0 auto
}

.service-power {
	margin-top:0;
	padding:80px 0
}

.service-power-title h3 {
	margin-bottom:15px
}

.service-power-title h3,.service-power-title h4 {
	font-size:32px;
	color:#009f88;
	line-height:1
}

.service-power-help-img {
	width:268px;
	height:277px
}

.service-power-help-img>img {
	width:100%;
	height:100%
}

.service-power .border50 {
	border-color:#eee
}

@media only screen and (max-width:767px) {
	.service {
		overflow-x:hidden;
		background-color:#fff
	}

	.service .service-banner {
		height:1.59rem;
		min-height:159px;
		padding-top:.36rem;
		background:url(../images/service/bannerm.jpg) no-repeat center center;
		background-size:cover
	}

	.service .service-banner .banner-title {
		font-size:.16rem;
		line-height:.16rem;
		margin-bottom:.16rem
	}

	.service .service-banner .banner-desc {
		font-size:12px;
		line-height:.16rem;
		margin-bottom:.2rem
	}

	.service .service-common--title {
		font-size:14px;
		color:#333;
		position:relative;
		margin-bottom:.5rem
	}

	.service .service-common--title::after {
		content:'';
		display:inline-block;
		width:0;
		height:0;
		border:4px solid transparent;
		border-top:4px solid #999;
		position:absolute;
		top:22px;
		left:50%;
		margin-left:-4px
	}

	.service .service-mode {
		width:100%;
		margin:.4rem 0 0
	}

	.service .service-mode>ul {
		padding:0 10px;
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-pack:justify;
		-ms-flex-pack:justify;
		justify-content:space-between
	}

	.service .service-mode>ul::after {
		display:none
	}

	.service .service-mode--item {
		width:1.1rem;
		height:1.64rem;
		margin-right:0rem;
		-webkit-box-shadow:0 0 9px 0 rgba(102,102,102,.2);
		box-shadow:0 0 9px 0 rgba(102,102,102,.2)
	}

	.service .service-mode--img__1 {
		height:.9rem;
		line-height:.9rem
	}

	.service .service-mode--img__1>img {
		width:.4rem;
		height:.4rem
	}

	.service .service-mode--item:last-child {
		margin-right:0
	}

	.service .service-mode--des {
		margin-top:.13rem;
		margin-bottom:.08rem;
		font-size:13px
	}

	.service .service-mode--des__text {
		font-size:12px;
		line-height:14px
	}

	.service .gt100 {
		margin-top:.4rem
	}

	.service .service-support {
		padding:.4rem 0
	}

	.service .service-support__list {
		width:100%;
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-pack:justify;
		-ms-flex-pack:justify;
		justify-content:space-between;
		margin:0;
		padding:0 20px
	}

	.service .service-support__list:last-child {
		margin-top:.4rem
	}

	.service .service-support .clearfix::after {
		display:none
	}

	.service .service-support__item {
		width:1.44rem;
		margin-right:0;
		text-align:center
	}

	.service .service-support__item--right {
		width:100%
	}

	.service .service-support__item--icon {
		width:100%;
		margin-right:0;
		height:30px;
		margin-bottom:.25rem
	}

	.service .service-support__item--icon i {
		font-size:30px
	}

	.service .service-support__item--right {
		text-align:center
	}

	.service .service-support__item--title {
		font-size:13px
	}

	.service .service-support__item--des {
		font-size:12px;
		line-height:20px;
		height:60px
	}

	.service .service-friendlink {
		margin:.4rem 0;
		padding-bottom:0
	}

	.service .service-friendlink .content {
		margin-left:-15px;
		margin-right:-15px
	}

	.service .friendlink .logo-content .logo-wrap {
		padding-left:.15rem
	}

	.service .friendlink .service-common--title {
		margin-bottom:.3rem
	}

	.service .friendlink .wrap {
		padding:0
	}

	.service .friendlink .wrap .next,.service .friendlink .wrap .prev {
		margin-top:0
	}

	.service .friendlink .wrap .prev {
		left:0
	}

	.service .friendlink .wrap .next {
		right:0
	}

	.service .friendlink .swiper-container1,.service .friendlink .swiper-container2 {
		width:3.45rem;
		padding-left:0
	}

	.service .friendlink .logo-content .logo-item {
		width:.95rem;
		height:.4rem;
		padding:.05rem;
		line-height:0.28rem;
		margin:0;
		margin-top:.2rem;
		margin-right:.15rem
	}

	.service-power {
		margin-top:.6rem;
		padding:.4rem 0 .5rem 0
	}

	.service-power-m__item {
		margin-bottom:.2rem;
		color:#009f88;
		font-size:12px;
		line-height:18px;
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex
	}

	.service-power-m__item::before {
		content:'';
		-ms-flex-negative:0;
		flex-shrink:0;
		margin-right:10px;
		margin-top:3px;
		width:8px;
		height:8px;
		border-radius:50%;
		border:1px solid #009f88
	}

	.service-power-m__img {
		display:block;
		width:140px;
		margin:0 auto
	}

	.service-power-title h3,.service-power-title h4 {
		font-size:14px;
		color:#333;
		position:relative
	}

	.service-power-title h3 {
		margin-bottom:10px
	}

	.service-power-title h4::after {
		content:'';
		display:inline-block;
		width:0;
		height:0;
		border:4px solid transparent;
		border-top:4px solid #999;
		position:absolute;
		top:22px;
		left:50%;
		margin-left:-4px
	}

	.service-power-des {
		width:100%;
		font-size:12px;
		color:#999;
		margin-top:.32rem;
		line-height:16px;
		margin-bottom:.3rem
	}

	.service-power-help {
		width:100%
	}

	.service-power-help .circle-big {
		width:204px;
		height:204px;
		margin-left:38px
	}

	.service-power-help .circle-big .circle-small {
		margin-top:32px;
		width:140px;
		height:140px
	}

	.service-power-help-img {
		width:140px;
		left:0;
		top:20px
	}

	.service-power-help-img>img {
		width:100%
	}

	.service-power-help-list {
		display:none
	}

	.service-power-help-listm {
		display:block;
		left:200px;
		font-size:12px;
		color:#666
	}

	.service-power-help-listm>li {
		margin-top:34px
	}

	.service-power-help-listm>li::before {
		margin-right:5px
	}

	.service-power-help-listm .li1 {
		margin-left:-26px
	}

	.service-power-help-listm .li2 {
		margin-left:5px
	}

	.service-power-help-listm .li3 {
		margin-left:-15px
	}

	.service-power-info {
		margin-top:.5rem
	}

	.service-power-info-item {
		width:33%;
		margin:0
	}

	.service-power-info-item .info-img {
		width:.44rem;
		height:.44rem;
		line-height:.44rem
	}

	.service-power-info-item .info-img .ft24 {
		font-size:.2rem
	}

	.service-power-info-item h5 {
		font-size:13px;
		margin-top:.2rem
	}

	.service-power-info-item p {
		display:none
	}

	.service-power-line {
		width:100%;
		padding:0 17%;
		margin-left:0
	}

	.service-power-line h5 {
		margin-top:.1rem;
		font-size:14px
	}

	.service .service-friendlink .wrap .ouline-consulting {
		margin:.3rem auto 0;
		width:140px;
		height:36px;
		line-height:36px;
		font-size:14px
	}
}

.left {
    float:left;
}