@charset "UTF-8";

.linkArrow {
	position: relative
}

.linkArrow:before {
	content: '';
	width: 14px;
	height: 2px;
	vertical-align: middle;
	display: inline-block;
	background: #7c99ef
}

.linkArrow:after {
	content: '';
	width: 6px;
	height: 6px;
	vertical-align: top;
	display: inline-block;
	border-top: 2px solid #7c99ef;
	border-left: 2px solid #7c99ef;
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	vertical-align: middle;
	margin-left: -10px;
	margin-right: 8px
}

.hover-line {
	position: relative
}

.hover-line:after {
	content: '';
	position: absolute;
	width: 25%;
	bottom: 0;
	left: 50%;
	opacity: 0;
	transition: width .4s ease-in-out, opacity .4s ease-in-out, left .4s ease-in-out
}

.hover-line.active:after,
.hover-line:hover:after {
	left: 0;
	opacity: 1;
	width: 100%
}

.hover-line:hover,
.hover-line.active {
	height: auto;
	background: 0 0
}

.m-carousel-indicators {
	position: absolute;
	bottom: 50px;
	left: 50%;
	z-index: 15;
	width: 60%;
	padding-left: 0;
	margin-left: -30%;
	text-align: center;
	list-style: none
}

.m-carousel-indicators li,
.m-carousel-indicators i {
	display: inline-block;
	padding: 8px 0;
	cursor: pointer
}

.m-carousel-indicators li:before,
.m-carousel-indicators i:before {
	content: '';
	display: inline-block;
	width: 30px;
	height: 4px;
	margin: 1px;
	background-color: #a5a8b7
}

.m-carousel-indicators li.active:before,
.m-carousel-indicators i.active:before {
	background-color: #E13939
}

.m-carousel-indicators li.hover:before,
.m-carousel-indicators i.hover:before {
	background-color: #E13939
}

.tabs-indicators,
.flow .indicators {
	padding: 0;
	text-align: center;
	clear: both;
	display: inline-block;
	line-height: 32px
}

.tabs-indicators li,
.flow .indicators li {
	float: left;
	display: inline-block;
	width: 150px;
	cursor: pointer;
	border: 1px solid #9aa0b8;
	transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out
}

.tabs-indicators li.active,
.flow .indicators li.active {
	color: #fff;
	background: #9aa0b8
}

.tabs-indicators li:first-child,
.flow .indicators li:first-child {
	border-radius: 17px 0 0 17px
}

.tabs-indicators li:last-child,
.flow .indicators li:last-child {
	border-radius: 0 17px 17px 0
}

.flow {
	margin: 0 auto;
	text-align: center;
	font-size: 18px;
	background-color: #f0f5f9
}

.flow ul {
	padding: 40px 0
}

.flow .h2 {
	font-size: 30px;
	padding-bottom: 30px;
	padding-top: 0;
	text-align: center
}

.flow .steps {
	margin: 10px 0;
	content: '';
	width: 120px;
	height: auto;
	vertical-align: top;
	display: inline-block
}

.flow .steps:before {
	content: '';
	width: 120px;
	height: 101px;
	vertical-align: top;
	display: inline-block;
	margin-bottom: 10px
}

.flow .arrow {
	text-align: center;
	line-height: 121px;
	content: '';
	width: 70px;
	height: 101px;
	vertical-align: middle;
	display: inline-block
}

@media (min-width:1380px) {
	.flow .arrow {
		content: '';
		width: 100px;
		height: 101px;
		vertical-align: middle;
		display: inline-block
	}
}

.tab-format {
	overflow: auto
}

.tab-format dt,
.tab-format dd {
	display: table-cell;
	padding: 6px 20px;
	box-sizing: border-box;
	border-bottom: 1px solid #e3e3e3;
	border-right: 1px solid #e3e3e3
}

.tab-format .tab-col {
	display: table;
	width: 100%
}

.tab-format .tab-col1 {
	font-size: 16px;
	border-bottom: 2px solid #c80000
}

.tab-format .tab-col1 dt {
	padding: 6px 0 6px 20px;
	border-right: 0
}

.tab-format .tab-col1 p {
	border-right: 2px solid #e3e3e3;
	line-height: 24px
}

.tab-format .tab-col1 .no-border-r {
	border-right: 0
}

.tab-format .tab-col2 dd {
	padding-top: 26px
}

.lower-banner {
	min-height: 260px;
	overflow: hidden;
	color: #FEFEFE;
	overflow: hidden
}

.lower-banner img {
	height: 100%;
	width: auto
}

.lower-banner h1 {
	padding-bottom: 0
}

.lower-banner strong {
	font-weight: 500
}

.lower-banner .box {
	margin-top: -20px
}

.lower-banner .banner-brief {
	font-size: 26px;
	line-height: 40px
}

@media screen and (max-width:1600px) {
	.lower-banner h1 {
		font-size: 34px;
		line-height: 48px
	}

	.lower-banner .banner-brief {
		font-size: 22px
	}
}

@media screen and (max-width:768px) {
	.lower-banner {
		height: 6.4533rem
	}

	.lower-banner .box {
		margin-top: -.8rem
	}

	.lower-banner h1 {
		font-size: .64rem;
		line-height: 1.067rem
	}
}

.linkArrow {
	position: relative
}

.linkArrow:before {
	content: '';
	width: 14px;
	height: 2px;
	vertical-align: middle;
	display: inline-block;
	background: #7c99ef
}

.linkArrow:after {
	content: '';
	width: 6px;
	height: 6px;
	vertical-align: top;
	display: inline-block;
	border-top: 2px solid #7c99ef;
	border-left: 2px solid #7c99ef;
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	vertical-align: middle;
	margin-left: -10px;
	margin-right: 8px
}

.hover-line {
	position: relative
}

.hover-line:after {
	content: '';
	position: absolute;
	width: 25%;
	bottom: 0;
	left: 50%;
	opacity: 0;
	transition: width .4s ease-in-out, opacity .4s ease-in-out, left .4s ease-in-out
}

.hover-line.active:after,
.hover-line:hover:after {
	left: 0;
	opacity: 1;
	width: 100%
}

.hover-line:hover,
.hover-line.active {
	height: auto;
	background: 0 0
}

.m-carousel-indicators {
	position: absolute;
	bottom: 50px;
	left: 50%;
	z-index: 15;
	width: 60%;
	padding-left: 0;
	margin-left: -30%;
	text-align: center;
	list-style: none
}

.m-carousel-indicators li,
.m-carousel-indicators i {
	display: inline-block;
	padding: 8px 0;
	cursor: pointer
}

.m-carousel-indicators li:before,
.m-carousel-indicators i:before {
	content: '';
	display: inline-block;
	width: 30px;
	height: 4px;
	margin: 1px;
	background-color: #a5a8b7
}

.m-carousel-indicators li.active:before,
.m-carousel-indicators i.active:before {
	background-color: #E13939
}

.m-carousel-indicators li.hover:before,
.m-carousel-indicators i.hover:before {
	background-color: #E13939
}

.tabs-indicators,
.flow .indicators {
	padding: 0;
	text-align: center;
	clear: both;
	display: inline-block;
	line-height: 32px
}

.tabs-indicators li,
.flow .indicators li {
	float: left;
	display: inline-block;
	width: 150px;
	cursor: pointer;
	border: 1px solid #9aa0b8;
	transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out
}

.tabs-indicators li.active,
.flow .indicators li.active {
	color: #fff;
	background: #9aa0b8
}

.tabs-indicators li:first-child,
.flow .indicators li:first-child {
	border-radius: 17px 0 0 17px
}

.tabs-indicators li:last-child,
.flow .indicators li:last-child {
	border-radius: 0 17px 17px 0
}

.flow {
	margin: 0 auto;
	text-align: center;
	font-size: 18px;
	background-color: #f0f5f9
}

.flow ul {
	padding: 40px 0
}

.flow .h2 {
	font-size: 30px;
	padding-bottom: 30px;
	padding-top: 0;
	text-align: center
}

.flow .steps {
	margin: 10px 0;
	content: '';
	width: 120px;
	height: auto;
	vertical-align: top;
	display: inline-block
}

.flow .steps:before {
	content: '';
	width: 120px;
	height: 101px;
	vertical-align: top;
	display: inline-block;
	margin-bottom: 10px
}

.flow .arrow {
	text-align: center;
	line-height: 121px;
	content: '';
	width: 70px;
	height: 101px;
	vertical-align: middle;
	display: inline-block
}

@media (min-width:1380px) {
	.flow .arrow {
		content: '';
		width: 100px;
		height: 101px;
		vertical-align: middle;
		display: inline-block
	}
}

.tab-format {
	overflow: auto
}

.tab-format dt,
.tab-format dd {
	display: table-cell;
	padding: 6px 20px;
	box-sizing: border-box;
	border-bottom: 1px solid #e3e3e3;
	border-right: 1px solid #e3e3e3
}

.tab-format .tab-col {
	display: table;
	width: 100%
}

.tab-format .tab-col1 {
	font-size: 16px;
	border-bottom: 2px solid #c80000
}

.tab-format .tab-col1 dt {
	padding: 6px 0 6px 20px;
	border-right: 0
}

.tab-format .tab-col1 p {
	border-right: 2px solid #e3e3e3;
	line-height: 24px
}

.tab-format .tab-col1 .no-border-r {
	border-right: 0
}

.tab-format .tab-col2 dd {
	padding-top: 26px
}

.lower-banner {
	min-height: 260px;
	overflow: hidden;
	color: #FEFEFE;
	overflow: hidden
}

.lower-banner img {
	height: 100%;
	width: auto
}

.lower-banner h1 {
	padding-bottom: 0
}

.lower-banner strong {
	font-weight: 500
}

.lower-banner .box {
	margin-top: -20px
}

.lower-banner .banner-brief {
	font-size: 26px;
	line-height: 40px
}

@media screen and (max-width:1600px) {
	.lower-banner h1 {
		font-size: 34px;
		line-height: 48px
	}

	.lower-banner .banner-brief {
		font-size: 22px
	}
}

@media screen and (max-width:768px) {
	.lower-banner {
		height: 6.4533rem
	}

	.lower-banner .box {
		margin-top: -.8rem
	}

	.lower-banner h1 {
		font-size: .64rem;
		line-height: 1.067rem
	}
}

.m-btn-0 {
	color: #c21927
}

.m-btn-0:hover {
	color: #be0d23;
	text-decoration: underline
}

.m-btn-2 {
	border: 1px solid #98a7b8;
	border-radius: 5px;
	padding: 0 40px;
	display: inline-block;
	transition: all .3s;
	background: #fff;
	color: #98a7b8;
	box-sizing: border-box;
	line-height: 32px
}

.m-btn-2:hover {
	background: #454a60;
	border: 1px solid #454a60;
	color: #fff
}

.m-btn-3,
.banner .banner-btn,
.pro-format .btn,
.suc-cases .more-cases-link,
.more-btn,
.customer .more-cases-link {
	border-radius: 5px;
	padding: 0 40px;
	display: inline-block;

	color: #fff;
	box-sizing: border-box;
	line-height: 34px;
	background: -moz-linear-gradient(left, #0073df 0, #00a5eb 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0073df), color-stop(100%, #00a5eb));
	background: -webkit-linear-gradient(top, #0073df 0, #00a5eb 100%);
	background: -o-linear-gradient(left, #0073df 0, #00a5eb 100%);
	background: -ms-linear-gradient(left, #0073df 0, #00a5eb 100%);
	background: linear-gradient(to right, #0073df 0, #00a5eb 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$s, endColorstr=$e, GradientType=1);
	*: ;
	background: #0073df;
}

.m-btn-3:hover,
.banner .banner-btn:hover,
.pro-format .btn:hover,
.suc-cases .more-cases-link:hover,
.more-btn:hover,
.customer .more-cases-link:hover {
	color: #626dae;
	border: 1px solid #cb74ab;
	background: #fff
}

.m-btn-4,
.banner .banner-btn.m-btn-4 {
	border: 1px solid #8cafdc;
	border-radius: 5px;
	padding: 0 40px;
	display: inline-block;
	transition: all .3s;
	background: #8cafdc;
	color: #fff;
	box-sizing: border-box;
	line-height: 32px
}

.m-btn-4:hover,
.banner .banner-btn.m-btn-4:hover {
	background: #fff;
	border: 1px solid #8cafdc;
	color: #8cafdc
}

.m-btn-5,
.banner .down-btn {
	border: 1px solid #fff;
	border-radius: 5px;
	padding: 0 40px;
	display: inline-block;
	transition: all .3s;
	background: transparent;
	color: #fff;
	box-sizing: border-box;
	line-height: 32px;
}

.m-btn-5:hover,
.banner .down-btn:hover {
	background: #fff;
	border: 1px solid #c89563;
	color: #c89563
}

.m-btn-6 {
	border: 1px solid #fff;
	border-radius: 50px;
	padding: 0 40px;
	display: inline-block;
	transition: all .3s;
	background: #98a7b8;
	color: #fff;
	box-sizing: border-box;
	line-height: 32px
}

.m-btn-6:hover {
	background: #4d5c71;
	border: 1px solid #4d5c71;
	color: #fff
}

.m-btn-7,
.banner .banner-btn.m-btn-7 {
	border: 1px solid #fff;
	border-radius: 5px;
	padding: 0 40px;
	display: inline-block;
	transition: all .3s;
	background: transparent;
	color: #fff;
	box-sizing: border-box;
	line-height: 32px
}

.m-btn-7:hover,
.banner .banner-btn.m-btn-7:hover {
	background: rgba(255, 255, 255, .4);
	border: 1px solid #fff;
	color: #fff
}

.m-btn-8 {
	border: 1px solid #737883;
	border-radius: 5px;
	padding: 0 40px;
	display: inline-block;
	transition: all .3s;
	background: #737883;
	color: #fff;
	box-sizing: border-box;
	line-height: 32px
}

.m-btn-8:hover {
	background: #363c4f;
	border: 1px solid #363c4f;
	color: #fff
}

.m-btn-9 {
	border: 1px solid #98a7b8;
	border-radius: 5px;
	padding: 0 30px;
	display: inline-block;
	transition: all .3s;
	background: transparent;
	color: #98a7b8;
	box-sizing: border-box;
	line-height: 32px;
	line-height: 28px
}

.m-btn-9:hover {
	background: #98a7b8;
	border: 1px solid #98a7b8;
	color: #fff
}

.m-btn-10 {
	border: 1px solid #de3939;
	border-radius: 5px;
	padding: 0 40px;
	display: inline-block;
	transition: all .3s;
	background: transparent;
	color: #fff;
	box-sizing: border-box;
	line-height: 32px
}

.m-btn-10:hover {
	background: #de3939;
	border: 1px solid #de3939;
	color: #fff
}

.m-btn-11 {
	border-radius: 5px;
	padding: 0 40px;
	display: inline-block;
	color: #fff;
	box-sizing: border-box;
	line-height: 34px;
	background: -moz-linear-gradient(left, #c89563 0, #CFB296 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c89563), color-stop(100%, #CFB296));
	background: -webkit-linear-gradient(top, #c89563 0, #CFB296 100%);
	background: -o-linear-gradient(left, #c89563 0, #CFB296 100%);
	background: -ms-linear-gradient(left, #c89563 0, #CFB296 100%);
	background: linear-gradient(to right, #c89563 0, #CFB296 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$s, endColorstr=$e, GradientType=1);
	*background: #c89563
}

.m-btn-11:hover {
	color: #c89563;
	border: 1px solid #c89563;
	background: #fff
}

.m-btn-12 {
	border-radius: 2px;
	padding: 0 40px;
	display: inline-block;
	color: #fff;
	box-sizing: border-box;
	line-height: 34px;
	background-color: rgba(255, 255, 255, .2)
}

.m-btn-12:hover {
	color: gray;
	border: 1px solid #fff;
	background: #fff
}

.new-btn-1 {
	border-radius: 2px;
	padding: 0 40px;
	display: inline-block;
	color: #fff;
	box-sizing: border-box;
	line-height: 34px;
	background-color: #7191DA
}

.new-btn-1:hover {
	color: #fff
}

.new-btn-2 {
	border-radius: 2px;
	padding: 0 40px;
	display: inline-block;
	color: #fff;
	box-sizing: border-box;
	line-height: 32px;
	font-size: 16px;
	border: 1px solid #fff
}

.new-btn-2:hover {
	color: #7191DA;
	border: 1px solid #7191DA
}

.new-btn-3 {
	border-radius: 3px !important;
	padding: 0 40px;
	display: inline-block;
	color: #fff;
	text-align: center;
	font-size: 16px;
	box-sizing: border-box;
	line-height: 34px;
	background-color: #0073df;
	cursor: pointer
}

.new-btn-3:hover {
	color: #0073df;
	background-color: #fff;
	border: 1px solid #0073df
}

.new-btn-4 {
	border-radius: 2px;
	padding: 0 40px;
	font-size: 16px;
	text-align: center;
	display: inline-block;
	color: #fff;
	box-sizing: border-box;
	cursor: pointer;
	color: #0073df;
	border: 1px solid #0073df
}

.new-btn-4:hover {
	font-size: 16px;
	text-align: center;
	display: inline-block;
	color: #fff;
	background-color: #0073df;
	border: 1px solid #0073df
}

.new-btn-5 {
	border-radius: 2px;
	padding: 0 40px;
	font-size: 16px;
	text-align: center;
	display: inline-block;
	color: #fff;
	box-sizing: border-box;
	cursor: pointer;
	line-height: 32px;
	border: 1px solid #0073df
}

.new-btn-5:hover {
	background-color: #fff;
	color: #6976C7;
	border: 1px solid transparent
}

.new-btn-6 {
	border-radius: 2px;
	padding: 0 40px;
	font-size: 16px;
	text-align: center;
	display: inline-block;
	color: #fff;
	cursor: pointer;
	box-sizing: border-box;
	cursor: pointer;
	border: 1px solid #6976C7
}

.new-btn-6:hover {
	background-color: transparent;
	border: 1px solid #fff;
	color: #fff
}

@media screen and (max-width:768px) {

	.m-btn-1,
	.m-btn-2,
	.m-btn-3,
	.banner .banner-btn,
	.pro-format .btn,
	.suc-cases .more-cases-link,
	.more-btn,
	.customer .more-cases-link,
	.m-btn-4,
	.banner .banner-btn.m-btn-4,
	.m-btn-5,
	.banner .down-btn,
	.m-btn-6,
	.m-btn-7,
	.banner .banner-btn.m-btn-7,
	.m-btn-8,
	.m-btn-10 {
		line-height: .747rem;
		padding: 0 .8rem;
		font-size: .37333rem
	}

	.new-btn-1,
	.new-btn-2 {
		line-height: .747rem;
		padding: 3px .8rem;
		font-size: .37333rem
	}

	.new-btn-3,
	.new-btn-4,
	.new-btn-5,
	.new-btn-6 {
		padding: 3px .8rem;
		font-size: .37333rem;
		line-height: .747rem
	}
}

@media screen and (min-width:768px) and (max-width:1024px) {

	.new-btn-1,
	.new-btn-2,
	.new-btn-3,
	.new-btn-4,
	.new-btn-5,
	.new-btn-6 {
		padding: 0 40px
	}
}

@media screen and (min-width:415px) and (max-width:768px) {

	.m-btn-1,
	.m-btn-2,
	.m-btn-3,
	.banner .banner-btn,
	.pro-format .btn,
	.suc-cases .more-cases-link,
	.more-btn,
	.customer .more-cases-link,
	.m-btn-4,
	.banner .banner-btn.m-btn-4,
	.m-btn-5,
	.banner .down-btn,
	.m-btn-6,
	.m-btn-7,
	.banner .banner-btn.m-btn-7,
	.m-btn-8,
	.m-btn-10 {
		line-height: .6rem;
		font-size: .267rem
	}

	.new-btn-1,
	.new-btn-3,
	.new-btn-4,
	.new-btn-5,
	.new-btn-6,
	.new-btn-2 {
		line-height: .6rem;
		font-size: .267rem
	}
}

.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
	display: block;
	max-width: 100%;
	height: auto
}

.carousel {
	position: relative;
	padding-bottom: 10px
}

.carousel-inner {
	position: relative;
	overflow: hidden
}

.carousel-inner>.item {
	position: relative;
	display: none;
	width: 100%;
	-webkit-transition: .6s ease-in-out left;
	-o-transition: .6s ease-in-out left;
	transition: .6s ease-in-out left
}

.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
	line-height: 1
}

@media all and (transform-3d),
(-webkit-transform-3d) {
	.carousel-inner>.item {
		-webkit-transition: -webkit-transform .6s ease-in-out;
		-o-transition: -o-transform .6s ease-in-out;
		transition: transform .6s ease-in-out;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-perspective: 1000;
		perspective: 1000
	}

	.carousel-inner>.item.next,
	.carousel-inner>.item.active.right {
		left: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}

	.carousel-inner>.item.prev,
	.carousel-inner>.item.active.left {
		left: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}

	.carousel-inner>.item.next.left,
	.carousel-inner>.item.prev.right,
	.carousel-inner>.item.active {
		left: 0;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.carousel-inner>.active,
.carousel-inner>.next,
.carousel-inner>.prev {
	display: block
}

.carousel-inner>.active {
	left: 0
}

.carousel-inner>.next,
.carousel-inner>.prev {
	position: absolute;
	top: 0;
	width: 100%;
	cursor: pointer
}

.carousel-inner>.next {
	left: 100%
}

.carousel-inner>.prev {
	left: -100%
}

.carousel-inner>.next.left,
.carousel-inner>.prev.right {
	left: 0
}

.carousel-inner>.active.left {
	left: -100%
}

.carousel-inner>.active.right {
	left: 100%
}

.carousel-control,
.new-carousel .control {
	display: none;
	position: absolute;
	top: 50%;
	margin-top: -25px;
	bottom: 0;
	width: 60px;
	height: 60px;
	color: #fff;
	text-align: center
}

.carousel-control.left,
.new-carousel .left.control {
	left: 1%
}

.carousel-control.right,
.new-carousel .right.control {
	right: 1%
}

.carousel-control:hover,
.new-carousel .control:hover,
.carousel-control:focus,
.new-carousel .control:focus {
	color: #fff;
	text-decoration: none;
	filter: alpha(opacity=90);
	outline: 0;
	opacity: .9
}

.carousel-control .glyphicon-chevron-left,
.new-carousel .control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.new-carousel .control .glyphicon-chevron-right {
	position: absolute;
	top: 50%;
	z-index: 5;
	display: inline-block
}

.carousel-control .glyphicon-chevron-left,
.new-carousel .control .glyphicon-chevron-left {
	left: 10px
}

.carousel-control .glyphicon-chevron-right,
.new-carousel .control .glyphicon-chevron-right {
	right: 10px
}

.carousel-indicators {
	position: absolute;
	bottom: 0;
	left: 50%;
	z-index: 5;
	width: 90%;
	padding-left: 0;
	margin-left: -45%;
	text-align: center;
	list-style: none
}

.carousel-indicators li {
	display: inline-block;
	width: 30px;
	height: 4px;
	margin: 1px;
	text-indent: -999px;
	cursor: pointer;
	background: #ccd3de;
	color: #8c8b8b;
	overflow: hidden
}

.carousel-indicators .active {
	width: 30px;
	height: 4px;
	margin: 1px;
	background: -moz-linear-gradient(left, #cb74ab 0, #626dae 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cb74ab), color-stop(100%, #626dae));
	background: -webkit-linear-gradient(top, #cb74ab 0, #626dae 100%);
	background: -o-linear-gradient(left, #cb74ab 0, #626dae 100%);
	background: -ms-linear-gradient(left, #cb74ab 0, #626dae 100%);
	background: linear-gradient(to right, #cb74ab 0, #626dae 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$s, endColorstr=$e, GradientType=1);
	*background: #cb74ab
}

.carousel-caption {
	position: absolute;
	right: 15%;
	bottom: 20px;
	left: 15%;
	z-index: 10;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .6)
}

.carousel-caption .btn {
	text-shadow: none
}

.new-carousel .control {
	display: block
}

@media screen and (min-width:769px) {
	.new-carousel .carousel-indicators {
		position: relative;
		bottom: auto;
		left: 0;
		width: 100%;
		margin: 0 0 50px;
		font-size: 18px;
		line-height: 1
	}

	.new-carousel .carousel-indicators:before {
		content: '';
		display: block;
		border-bottom: 1px solid #98a4b7;
		position: absolute;
		bottom: 20px;
		left: 0;
		width: 24%;
		z-index: -1
	}

	.new-carousel .carousel-indicators:after {
		content: '';
		display: block;
		border-bottom: 1px solid #98a4b7;
		position: absolute;
		bottom: 20px;
		right: 0;
		width: 24%;
		z-index: -1
	}

	.new-carousel .carousel-indicators li {
		display: inline-block;
		width: auto;
		height: auto;
		margin: 0;
		text-indent: 0;
		background: 0 0;
		padding: 10px 20px;
		position: relative;
		min-width: 160px;
		border-radius: 5px;
		background: #fff;
		/* background: #fafbfc; */
		color: #454e68;
		margin: 0 .8%
	}

	.new-carousel .carousel-indicators li:hover,
	.new-carousel .carousel-indicators li.active {
		height: auto;
		background: #454e68;
		/* background: #126ee3; */
		color: #fff
	}
}

.carousel-control .glyphicon-chevron-left,
.new-carousel .control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.new-carousel .control .glyphicon-chevron-right {
	width: 22px;
	height: 22px;
	margin-top: -13px;
	border-top: 4px solid #cad1db;
	border-right: 4px solid #cad1db
}

.carousel-control .glyphicon-chevron-left,
.new-carousel .control .glyphicon-chevron-left {
	transform: rotate(-135deg)
}

.carousel-control .glyphicon-chevron-right,
.new-carousel .control .glyphicon-chevron-right {
	transform: rotate(45deg)
}

.carousel-caption {
	right: 20%;
	left: 20%;
	padding-bottom: 30px
}

.carousel-indicators {
	bottom: 30px
}

.pic-indicators-carousel {
	padding-bottom: 0
}

.pic-indicators-carousel ::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 7px
}

.pic-indicators-carousel ::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background-color: rgba(0, 0, 0, .5);
	box-shadow: 0 0 1px rgba(255, 255, 255, .4);
	-webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .4)
}

.pic-indicators-carousel .carousel-inner {
	width: 86%
}

.pic-indicators-carousel .pic-indicators {
	position: absolute;
	width: 14%;
	right: 0;
	top: 0;
	bottom: 0;
	overflow-y: scroll;
	box-shadow: 0 0 2px 1px #ccc
}

.pic-indicators-carousel .pic-indicators .indicators {
	padding: 2%;
	margin: 1% 2%;
	box-sizing: border-box;
	cursor: pointer
}

.pic-indicators-carousel .pic-indicators .indicators.active {
	border: 2px solid #c80000
}

@media screen and (max-width:768px) {
	.pic-indicators-carousel .carousel-inner {
		width: 100%
	}

	.pic-indicators-carousel .pic-indicators {
		display: none
	}
}

.m-fade-in {
	webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	-webkit-transform: translate3d(0, 0, 0);
	animation-fill-mode: forwards;
	-webkit-transform-origin: center center;
	animation: fadeIn 1s ease-in-out 0s;
	-webkit-animation: fadeIn 1s ease-in-out;
	-o-animation: fadeIn 1s ease-in-out 0s;
	-moz-animation: fadeIn 1s ease-in-out 0s;
	-ms-animation: fadeIn 1s ease-in-out 0s
}

@keyframes fadeIn {
	0% {
		transform: translate(20px, 20px);
		-webkit-transform: translate(20px, 20px);
		-o-transform: translate(20px, 20px);
		-moz-transform: translate(20px, 20px);
		-ms-transform: translate(20px, 20px);
		opacity: 0
	}

	100% {
		transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		opacity: 1
	}
}

@-webkit-keyframes fadeIn {
	0% {
		transform: translate(20px, 20px);
		-webkit-transform: translate(20px, 20px);
		-o-transform: translate(20px, 20px);
		-moz-transform: translate(20px, 20px);
		-ms-transform: translate(20px, 20px);
		opacity: 0
	}

	100% {
		transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		opacity: 1
	}
}

.m-fade-up {
	webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	-webkit-transform: translate3d(0, 0, 0);
	animation-fill-mode: forwards;
	-webkit-transform-origin: center center;
	animation: fadeUp 1s ease-in-out 0s;
	-webkit-animation: fadeUp 1s ease-in-out 0s;
	-o-animation: fadeUp 1s ease-in-out 0s;
	-moz-animation: fadeUp 1s ease-in-out 0s;
	-ms-animation: fadeUp 1s ease-in-out 0s
}

@keyframes fadeUp {
	0% {
		transform: translateY(20px);
		-webkit-transform: translateY(20px);
		-o-transform: translateY(20px);
		-moz-transform: translateY(20px);
		-ms-transform: translateY(20px);
		opacity: 0
	}

	100% {
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-o-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		opacity: 1
	}
}

@-webkit-keyframes fadeUp {
	0% {
		transform: translateY(20px);
		-webkit-transform: translateY(20px);
		-o-transform: translateY(20px);
		-moz-transform: translateY(20px);
		-ms-transform: translateY(20px);
		opacity: 0
	}

	100% {
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-o-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		opacity: 1
	}
}

.m-fade-right {
	webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	-webkit-transform: translate3d(0, 0, 0);
	animation-fill-mode: forwards;
	-webkit-transform-origin: center center;
	animation: fadeRight 1s ease-in-out 0s;
	-webkit-animation: fadeRight 1s ease-in-out 0s;
	-o-animation: fadeRight 1s ease-in-out 0s;
	-moz-animation: fadeRight 1s ease-in-out 0s;
	-ms-animation: fadeRight 1s ease-in-out 0s
}

@keyframes fadeRight {
	0% {
		transform: translateX(-20px);
		-webkit-transform: translateX(-20px);
		-o-transform: translateX(-20px);
		-moz-transform: translateX(-20px);
		-ms-transform: translateX(-20px);
		opacity: 0
	}

	100% {
		transform: translateX(0);
		-webkit-transform: translateX(0);
		-o-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		opacity: 1
	}
}

@-webkit-keyframes fadeRight {
	0% {
		transform: translateX(-20px);
		-webkit-transform: translateX(-20px);
		-o-transform: translateX(-20px);
		-moz-transform: translateX(-20px);
		-ms-transform: translateX(-20px);
		opacity: 0
	}

	100% {
		transform: translateX(0);
		-webkit-transform: translateX(0);
		-o-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		opacity: 1
	}
}

.m-fade-left {
	webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	-webkit-transform: translate3d(0, 0, 0);
	animation-fill-mode: forwards;
	-webkit-transform-origin: center center;
	animation: fadeRight 1s ease-in-out 0s;
	-webkit-animation: fadeRight 1s ease-in-out 0s;
	-o-animation: fadeRight 1s ease-in-out 0s;
	-moz-animation: fadeRight 1s ease-in-out 0s;
	-ms-animation: fadeRight 1s ease-in-out 0s
}

@keyframes fadeRight {
	0% {
		transform: translateX(20px);
		-webkit-transform: translateX(20px);
		-o-transform: translateX(20px);
		-moz-transform: translateX(20px);
		-ms-transform: translateX(20px);
		opacity: 0
	}

	100% {
		transform: translateX(0);
		-webkit-transform: translateX(0);
		-o-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		opacity: 1
	}
}

@-webkit-keyframes fadeRight {
	0% {
		transform: translateX(20px);
		-webkit-transform: translateX(20px);
		-o-transform: translateX(20px);
		-moz-transform: translateX(20px);
		-ms-transform: translateX(20px);
		opacity: 0
	}

	100% {
		transform: translateX(0);
		-webkit-transform: translateX(0);
		-o-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		opacity: 1
	}
}

.title-after {
	text-align: center;
	font-size: 22px;
	margin-bottom: 40px;
	color: #98a7b8
}

.title-before {
	font-size: 22px;
	margin-bottom: 20px;
	text-align: center;
	color: #98a7b8
}

@media screen and (max-width:1441px) {

	.title-before,
	.title-after {
		font-size: 18px
	}
}

@media screen and (max-width:768px) {

	.title-before,
	.title-after {
		font-size: 14px
	}

	.title-after {
		margin-bottom: .8rem
	}

	.title-before {
		margin-bottom: .2667rem
	}
}

.set-bg-color {
	background: #eff2f4
}

.banner {}

.challenge {
	text-align: center;
	padding-bottom: 50px
}

.challenge .challenge-item {
	webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	-webkit-transform: translate3d(0, 0, 0);
	animation-fill-mode: forwards;
	-webkit-transform-origin: center center;
	animation: fadeIn 1s ease-in-out 0s;
	-webkit-animation: fadeIn 1s ease-in-out;
	-o-animation: fadeIn 1s ease-in-out 0s;
	-moz-animation: fadeIn 1s ease-in-out 0s;
	-ms-animation: fadeIn 1s ease-in-out 0s;
	display: inline-block;
	width: 33%;
	vertical-align: top;
	padding: 0 2%;
	box-sizing: border-box
}

@keyframes fadeIn {
	0% {
		transform: translate(0, -10px);
		-webkit-transform: translate(0, -10px);
		-o-transform: translate(0, -10px);
		-moz-transform: translate(0, -10px);
		-ms-transform: translate(0, -10px);
		opacity: 1
	}

	100% {
		transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		opacity: 1
	}
}

@-webkit-keyframes fadeIn {
	0% {
		transform: translate(0, -10px);
		-webkit-transform: translate(0, -10px);
		-o-transform: translate(0, -10px);
		-moz-transform: translate(0, -10px);
		-ms-transform: translate(0, -10px);
		opacity: 1
	}

	100% {
		transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		opacity: 1
	}
}

.challenge .challenge-item img {
	margin-bottom: 20px;
	width: 60%
}

.pro-func h3 {
	text-align: left
}

.pro-func .h3 {
	margin: 10px 0
}

.pro-func h4 {
	font-size: 18px
}

.pro-func ul {
	position: relative
}

.pro-func .item {
	margin-bottom: 20px;
	webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	-webkit-transform: translate3d(0, 0, 0);
	animation-fill-mode: forwards;
	-webkit-transform-origin: center center;
	animation: fadeIn 1s ease-in-out 0s;
	-webkit-animation: fadeIn 1s ease-in-out;
	-o-animation: fadeIn 1s ease-in-out 0s;
	-moz-animation: fadeIn 1s ease-in-out 0s;
	-ms-animation: fadeIn 1s ease-in-out 0s
}

@keyframes fadeIn {
	0% {
		transform: translate(0, -10px);
		-webkit-transform: translate(0, -10px);
		-o-transform: translate(0, -10px);
		-moz-transform: translate(0, -10px);
		-ms-transform: translate(0, -10px);
		opacity: 1
	}

	100% {
		transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		opacity: 1
	}
}

@-webkit-keyframes fadeIn {
	0% {
		transform: translate(0, -10px);
		-webkit-transform: translate(0, -10px);
		-o-transform: translate(0, -10px);
		-moz-transform: translate(0, -10px);
		-ms-transform: translate(0, -10px);
		opacity: 1
	}

	100% {
		transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		opacity: 1
	}
}

.pro-func .item:last-child {
	padding-bottom: 0
}

.pro-func .item:first-child .content {
	display: block
}

.pro-func .item .til-col {
	padding: 8px 20px;
	background: #f0f4f7;
	cursor: pointer
}

.pro-func .item .til-col:before {
	content: '';
	width: 5px;
	height: 26px;
	vertical-align: top;
	display: inline-block;
	background: #E13939;
	margin-right: 6px
}

.pro-func .item .content {
	padding: 40px 20px 0
}

.pro-func .func-cell {
	width: 49%;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 50px;
	box-sizing: border-box;
	webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	-webkit-transform: translate3d(0, 0, 0);
	animation-fill-mode: forwards;
	-webkit-transform-origin: center center;
	animation: fadeIn 1s ease-in-out 0s;
	-webkit-animation: fadeIn 1s ease-in-out;
	-o-animation: fadeIn 1s ease-in-out 0s;
	-moz-animation: fadeIn 1s ease-in-out 0s;
	-ms-animation: fadeIn 1s ease-in-out 0s
}

@keyframes fadeIn {
	0% {
		transform: translate(0, -10px);
		-webkit-transform: translate(0, -10px);
		-o-transform: translate(0, -10px);
		-moz-transform: translate(0, -10px);
		-ms-transform: translate(0, -10px);
		opacity: 1
	}

	100% {
		transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		opacity: 1
	}
}

@-webkit-keyframes fadeIn {
	0% {
		transform: translate(0, -10px);
		-webkit-transform: translate(0, -10px);
		-o-transform: translate(0, -10px);
		-moz-transform: translate(0, -10px);
		-ms-transform: translate(0, -10px);
		opacity: 1
	}

	100% {
		transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		opacity: 1
	}
}

.pro-func .func-cell:nth-child(odd) {
	padding-right: 4%
}

.pro-func .func-cell.new-style {
	width: 42%;
	margin-right: 3.8%;
	margin-left: 3.8%
}

.pro-func .func-cell.new-style img {
	margin-bottom: 20px;
	width: 100%
}

.pro-func .func-cell.new-style:nth-child(odd) {
	padding-right: 0
}

@media screen and (max-width:1441px) {
	.pro-func h4 {
		font-size: 15px
	}

	.pro-func .h3 {
		margin: 4px 0
	}
}

@media screen and (min-width:769px) {

	.pro-func li .cur .til-col:after,
	.pro-func li .til-col:after {
		display: none
	}

	.pro-func li .content {
		display: block
	}
}

.pro-func-2 {}

.pro-func-2 .view-detail {
	border: 1px solid #8e9dae;
	color: #8e9dae;
	border-radius: 5px;
	display: inline-block;
	padding: 0 30px;
	line-height: 26px
}

.pro-func-2 .view-detail:hover {
	color: #fff;
	background-color: #454a60;
	border: 1px solid #454a60
}

.pro-func-2 .list-item {
	display: inline-block;
	vertical-align: top;
	width: 30%;
	margin: 1.5%;
	text-align: center;
	height: 220px;
	box-shadow: 0 0 4px 2px #e3e3e3;
	padding: 3% 2%;
	box-sizing: border-box;
	cursor: pointer;
	background: #fff
}

.pro-func-2 .list-item:hover {
	box-shadow: 0 0 6px 2px #ccc
}

.pro-func-2 .list-item .icon {
	max-height: 56px;
	margin-bottom: 16px
}

.pro-func-2 .list-item .view-detail {
	margin-top: 10px
}

@media screen and (max-width:768px) {
	.pro-func-2 ul {
		display: flex;
		flex-wrap: wrap
	}

	.pro-func-2 .list-item {
		width: 45%;
		margin: 2%;
		height: auto;
		padding: .5333rem 2%;
		min-height: 4.5333rem;
		min-height: 4.5333rem
	}

	.pro-func-2 .list-item .icon {
		max-height: 32px;
		margin-bottom: .2667rem
	}

	.pro-func-2 .list-item .view-detail {
		margin-top: .16rem
	}

	.pro-func-2 h4 {
		font-size: 12px;
		line-height: 20px;
		min-height: 1.1733rem
	}
}

.pro-func-2 .m-exband {
	background: transparent
}

.pro-func-2 .exband-item:first-child .content {
	display: block
}

.pro-func-2 .exband-item .til-col {
	background: #eff2f4
}

.pro-func-2 .exband-item .til-col .icon {
	vertical-align: middle
}

.pro-func-2 .exband-item .til-col h4 {
	display: inline-block;
	padding-bottom: 0;
	margin-bottom: 0
}

.pro-func-2 .exband-item .content .til {
	color: #E13939;
	font-weight: 600
}

.pro-func-2 .exband-item .content .detail {
	padding-left: 10px
}

@media screen and (min-width:769px) {
	.pro-func-2 .exband-item {
		margin-bottom: 20px
	}

	.pro-func-2 .exband-item.cur .til-col:after {
		margin-top: 20px
	}

	.pro-func-2 .exband-item .til-col {
		padding: 6px 20px
	}

	.pro-func-2 .exband-item .til-col:after {
		margin-top: 10px
	}

	.pro-func-2 .exband-item .til-col .icon {
		max-width: 60px;
		max-height: 50px;
		margin-right: 10px
	}

	.pro-func-2 .exband-item .til-col h4 {
		width: 80%;
		min-height: 50px;
		line-height: 50px
	}

	.pro-func-2 .exband-item .content {
		padding: 40px 20px 50px
	}

	.pro-func-2 .exband-item .content .text,
	.pro-func-2 .exband-item .content .image {
		display: inline-block;
		vertical-align: top
	}

	.pro-func-2 .exband-item .content .text {
		width: 40%;
		padding-top: 20px
	}

	.pro-func-2 .exband-item .content .image {
		width: 59%
	}
}

@media screen and (max-width:768px) {
	.pro-func-2 ul {
		display: none
	}

	.pro-func-2 .exband-item {
		margin-bottom: .3733rem
	}

	.pro-func-2 .exband-item.cur .til-col:after {
		margin-top: .4267rem
	}

	.pro-func-2 .exband-item .til-col {
		padding: .2133rem .3733rem
	}

	.pro-func-2 .exband-item .til-col:after {
		margin-top: .16rem
	}

	.pro-func-2 .exband-item .til-col .icon {
		max-height: 1.0667rem;
		max-width: 1.3333rem;
		margin-right: .2667rem
	}

	.pro-func-2 .exband-item .til-col h4 {
		width: 5.3333rem;
		min-height: 1.0667rem;
		line-height: 1.0667rem;
		font-size: .32rem
	}

	.pro-func-2 .exband-item .content {
		padding: .5333rem .2667rem
	}
}

.pro-format .format-tab {
	width: 100%;
	border-bottom: 1px solid #d0d7e2;
	border-collapse: collapse
}

.pro-format .format-tab thead {
	background: #324672;
	color: #fff;
	font-size: 18px
}

.pro-format .format-tab tbody tr:nth-child(even) {
	background: #fff
}

.pro-format .format-tab tbody .title {
	background: #e0e6ee
}

.pro-format .format-tab td,
.pro-format .format-tab th {
	padding: 8px 1.5%;
	font-weight: 500;
	min-width: 100px;
	box-sizing: border-box
}

.pro-format .format-tab th:first-child {
	min-width: 100px
}

.pro-format .format-tab td {
	border-right: 1px solid #d0d7e2
}

.pro-format .format-tab td:last-child {
	border-right: 0
}

.pro-format .btn {
	margin-top: 40px
}

.pro-format .pc-format {
	display: table
}

.pro-format .m-format {
	display: none
}

.pro-advantage {
	color: #fff
}

.pro-advantage h2 {
	color: #fff;
	text-align: left;
	margin-bottom: 50px;
	border-bottom: 1px solid #fff;
	padding-bottom: 40px;
	text-align: center
}

.pro-advantage h4 {
	font-size: 18px;
	color: #fff;
	margin-top: 30px;
	font-weight: 500
}

.pro-advantage .content {
	width: 55%
}

.pro-advantage .content p {
	text-indent: -12px;
	margin-left: 12px
}

.pro-sence {
	line-height: 34px
}

.pro-sence .text,
.pro-sence .image {
	width: 49%;
	display: inline-block;
	vertical-align: middle
}

.pro-sence .text {
	padding-right: 4%
}

.pro-sence .image {
	text-align: center
}

.pro-sence .sence-col {
	text-indent: -10px;
	margin-left: 10px
}

.suc-cases {
	text-align: center
}

.suc-cases .case-item {
	display: inline-block;
	width: 26%;
	margin: 1.5% 2%;
	position: relative
}

.suc-cases .case-item .case-til {
	position: absolute;
	top: 40%;
	color: #fff;
	font-size: 18px;
	width: 100%;
	left: 0;
	font-weight: 600
}

.suc-cases .more-cases-link {
	margin-top: 40px
}

@media screen and (max-width:768px) {
	.suc-cases .case-item {
		width: 45%;
		margin: 2%
	}

	.suc-cases .case-item .case-til {
		font-size: 12px;
		top: 36%
	}
}

.partner {
	text-align: center
}

.partner .partner-logo {
	margin: 0 2%;
	vertical-align: middle
}

.help-doc {
	text-align: center;
	font-size: 17px;
	padding-left: 2%;
	padding-right: 2%
}

.help-doc .docs {
	display: inline-block;
	width: 24%;
	border-right: 1px solid #eee;
	padding: 20px 0;
	color: #98a7b8
}

.help-doc .docs:hover {
	color: #E13939
}

.help-doc .docs:last-child {
	border-right: 0
}

.help-doc .docs:before {
	content: '';
	width: 35px;
	height: 36px;
	vertical-align: top;
	display: inline-block;
	background: url(../../images/anyshare/express/help_doc_icon.svg) no-repeat center;
	background-size: 862px 37px;
	margin-bottom: 10px
}

.help-doc .docs.doc-1:before {
	background-position: -6px 0
}

.help-doc .docs.doc-2:before {
	background-position: -277px 0
}

.help-doc .docs.doc-3:before {
	background-position: -550px 0
}

.help-doc .docs.doc-4:before {
	background-position: -822px 0
}

@media screen and (max-width:768px) {
	.challenge {
		text-align: left;
		padding-bottom: .5333rem
	}

	.challenge .challenge-item {
		width: 100%;
		padding: 0;
		margin-bottom: .8rem
	}

	.challenge .challenge-item:last-child {
		margin-bottom: 0
	}

	.challenge .challenge-item img {
		width: 38%;
		margin: 0 4% 0 0;
		max-width: 200px
	}

	.challenge .challenge-item .item-text {
		width: 56%
	}

	.challenge .challenge-item img,
	.challenge .challenge-item .item-text {
		display: inline-block;
		vertical-align: middle
	}

	.pro-func h4 {
		font-size: 14px
	}

	.pro-func .item {
		padding-bottom: .2667rem
	}

	.pro-func .item .til-col {
		padding: .2133rem .2667rem
	}

	.pro-func .item .content {
		padding: .5333rem .2667rem 0
	}

	.pro-func .func-cell {
		width: 100%;
		margin: 0 0 30px
	}

	.pro-func .func-cell:nth-child(odd) {
		padding-right: 0
	}

	.pro-func .func-cell:last-child {
		margin-bottom: 0
	}

	.pro-func .func-cell.new-style {
		width: 100%
	}

	.pro-format {
		border-top: 1px solid #e4e3e3
	}

	.pro-format .tab-box {
		width: 100%;
		max-width: 100%;
		overflow-x: scroll
	}

	.pro-format .tab-box .format-tab {
		width: 200%
	}

	.pro-format .format-tab {
		margin-bottom: 40px
	}

	.pro-format .format-tab:last-child {
		margin-bottom: 0
	}

	.pro-format .format-tab thead {
		font-size: 15px
	}

	.pro-format h2 {
		border-bottom: 0;
		padding-bottom: 0
	}

	.pro-format .m-format {
		border-bottom: 0;
		display: table
	}

	.pro-format .m-format td {
		border-bottom: 0;
		border-left: 0
	}

	.pro-format .m-format td:last-child {
		border-right: 0;
		border-bottom: 1px solid #f7f6f6;
		padding-left: 5%
	}

	.pro-format .m-format td:first-child {
		background: #F7F7F7;
		text-align: right;
		padding-right: 5%;
		min-width: 2.4rem
	}

	.pro-format .pc-format {
		display: none
	}

	.pro-advantage h2 {
		border-bottom: 0;
		padding-bottom: 0
	}

	.pro-advantage h4 {
		text-align: center;
		margin-bottom: .5333rem
	}

	.pro-advantage h4 {
		font-size: 16px
	}

	.pro-advantage .content {
		width: 100%;
		text-indent: 0;
		margin-left: 0
	}

	.pro-sence {
		line-height: 23px
	}

	.pro-sence .carousel .item {
		margin-bottom: 0
	}

	.pro-sence .item {
		margin-bottom: 1.0667rem
	}

	.pro-sence .item:last-child {
		margin-bottom: 0
	}

	.pro-sence .text,
	.pro-sence .image {
		width: 100%;
		padding-right: 0
	}

	.pro-sence .image {
		display: none
	}

	.pro-sence .til {
		color: #98a7b8;
		border-bottom: 1px solid #98a7b8;
		padding: .38rem 0;
		margin-bottom: .38rem
	}

	.pro-sence .til h3 {
		text-align: left
	}

	.help-doc {
		padding-left: 0;
		padding-right: 0;
		font-size: 14px
	}

	.help-doc .docs {
		width: 48%
	}

	.help-doc .docs:nth-child(odd) {
		border-right: 0;
		padding: .2667rem 0;
		margin-bottom: .8rem
	}

	.more-btn {
		width: 200px;
		padding: 6px 0
	}
}

.more-btn {
	margin-top: 30px
}

.mask {
	background: rgba(0, 0, 0, .3);
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2;
	display: none;
	cursor: pointer
}

.detail-box {
	position: fixed;
	width: 70%;
	top: 130px;
	left: 15%;
	z-index: 3;
	background: #fff;
	box-sizing: border-box;
	min-height: 400px;
	display: none
}

.detail-box h2 {
	margin-bottom: 30px;
	color: #454e68
}

.detail-box .detail-inner {
	height: 100%;
	overflow-y: scroll;
	padding: 4% 3%;
	box-sizing: border-box
}

.detail-box .detail-inner>img {
	max-width: 86%
}

.detail-box .lis {
	text-indent: -10px;
	padding-left: 10px
}

.detail-box .til {
	color: #E13939;
	font-weight: 600
}

.detail-box .text,
.detail-box .image {
	display: inline-block;
	vertical-align: top
}

.detail-box .text {
	width: 32%;
	text-align: left;
	padding: 2% 10px 0 0;
	box-sizing: border-box;
	color: #454e68
}

.detail-box .image {
	width: 66%
}

.detail-box .image img {
	max-width: 90%
}

.detail-box .img-content {
	display: flex;
	justify-content: space-around
}

.detail-box .img-content .content-item {
	color: #565d6d;
	display: inline-block;
	width: 48%;
	text-align: left;
	margin-right: 2%;
	padding-bottom: 50px;
	box-sizing: border-box;
	border: 1px solid #eee;
	border-radius: 4px;
	font-size: 12px;
	position: relative
}

.detail-box .img-content .content-item:last-child {
	margin-right: 0
}

.detail-box .img-content .content-item .lis {
	margin: 0 20px
}

.detail-box .img-content .content-item .connect {
	display: block;
	position: absolute;
	bottom: 10px;
	background: #98a7b8;
	width: 90%;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	text-align: center;
	left: 50%;
	margin-left: -45%;
	border-radius: 4px
}

.detail-box .img-content .content-item .connect:before {
	content: '';
	width: 0;
	height: 0;
	vertical-align: top;
	display: inline-block;
	content: '';
	border-top: 8px solid transparent;
	border-left: 16px solid #d4d9de;
	border-bottom: 8px solid transparent;
	position: absolute;
	right: -26px;
	top: 6px;
	z-index: 2
}

.detail-box .img-content .content-item .connect:after {
	content: '';
	width: 0;
	height: 0;
	vertical-align: top;
	display: inline-block;
	content: '';
	border-top: 10px solid transparent;
	border-left: 20px solid #98a7b8;
	border-bottom: 10px solid transparent;
	position: absolute;
	right: -38px;
	top: 4px;
	z-index: 2
}

.detail-box .img-content .content-item:last-child .connect:before,
.detail-box .img-content .content-item:last-child .connect:after {
	display: none
}

.detail-box .img-content h3 {
	color: #fff;
	background: #8093ab;
	text-align: center;
	padding: 10px 6px;
	margin-bottom: 20px;
	border-radius: 4px 4px 0 0
}

.detail-box .close {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 10px;
	right: 20px;
	cursor: pointer
}

.detail-box .close-path {
	fill: transparent;
	stroke: #999;
	stroke-linejoin: round;
	stroke-width: 3
}

@media screen and (min-width:1367px) and (max-width:1440px) {
	.detail-box .image img {
		max-height: 400px
	}
}

@media screen and (max-width:1366px) {
	.detail-box .image img {
		max-height: 300px
	}
}

@media screen and (min-width:1441px) {
	.detail-box h3 {
		font-size: 18px;
		font-weight: 600
	}
}

@media screen and (max-width:768px) {
	.detail-box {
		width: 96%;
		top: 3.4667rem;
		left: 2%;
		min-height: 0
	}

	.detail-box .detail-inner {
		max-height: 13.3333rem
	}

	.detail-box .text,
	.detail-box .image {
		width: 100%;
		margin: .2667rem
	}

	.detail-box .text {
		padding-top: 0
	}

	.detail-box .img-content {
		display: block
	}

	.detail-box .img-content h3 {
		font-size: 16px
	}

	.detail-box .img-content .content-item {
		width: 100%;
		margin: .5333rem 0 0
	}

	.detail-box .img-content .content-item .connect:before,
	.detail-box .img-content .content-item .connect:after {
		display: none
	}

	.detail-box .close {
		right: 0
	}
}

.linkArrow {
	position: relative
}

.linkArrow:before {
	content: '';
	width: 14px;
	height: 2px;
	vertical-align: middle;
	display: inline-block;
	background: #7c99ef
}

.linkArrow:after {
	content: '';
	width: 6px;
	height: 6px;
	vertical-align: top;
	display: inline-block;
	border-top: 2px solid #7c99ef;
	border-left: 2px solid #7c99ef;
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	vertical-align: middle;
	margin-left: -10px;
	margin-right: 8px
}

.hover-line {
	position: relative
}

.hover-line:after {
	content: '';
	position: absolute;
	width: 25%;
	bottom: 0;
	left: 50%;
	opacity: 0;
	transition: width .4s ease-in-out, opacity .4s ease-in-out, left .4s ease-in-out
}

.hover-line.active:after,
.hover-line:hover:after {
	left: 0;
	opacity: 1;
	width: 100%
}

.hover-line:hover,
.hover-line.active {
	height: auto;
	background: 0 0
}

.m-carousel-indicators {
	position: absolute;
	bottom: 50px;
	left: 50%;
	z-index: 15;
	width: 60%;
	padding-left: 0;
	margin-left: -30%;
	text-align: center;
	list-style: none
}

.m-carousel-indicators li,
.m-carousel-indicators i {
	display: inline-block;
	padding: 8px 0;
	cursor: pointer
}

.m-carousel-indicators li:before,
.m-carousel-indicators i:before {
	content: '';
	display: inline-block;
	width: 30px;
	height: 4px;
	margin: 1px;
	background-color: #a5a8b7
}

.m-carousel-indicators li.active:before,
.m-carousel-indicators i.active:before {
	background-color: #E13939
}

.m-carousel-indicators li.hover:before,
.m-carousel-indicators i.hover:before {
	background-color: #E13939
}

.tabs-indicators,
.flow .indicators {
	padding: 0;
	text-align: center;
	clear: both;
	display: inline-block;
	line-height: 32px
}

.tabs-indicators li,
.flow .indicators li {
	float: left;
	display: inline-block;
	width: 150px;
	cursor: pointer;
	border: 1px solid #9aa0b8;
	transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out
}

.tabs-indicators li.active,
.flow .indicators li.active {
	color: #fff;
	background: #9aa0b8
}

.tabs-indicators li:first-child,
.flow .indicators li:first-child {
	border-radius: 17px 0 0 17px
}

.tabs-indicators li:last-child,
.flow .indicators li:last-child {
	border-radius: 0 17px 17px 0
}

.flow {
	margin: 0 auto;
	text-align: center;
	font-size: 18px;
	background-color: #f0f5f9
}

.flow ul {
	padding: 40px 0
}

.flow .h2 {
	font-size: 30px;
	padding-bottom: 30px;
	padding-top: 0;
	text-align: center
}

.flow .steps {
	margin: 10px 0;
	content: '';
	width: 120px;
	height: auto;
	vertical-align: top;
	display: inline-block
}

.flow .steps:before {
	content: '';
	width: 120px;
	height: 101px;
	vertical-align: top;
	display: inline-block;
	margin-bottom: 10px
}

.flow .arrow {
	text-align: center;
	line-height: 121px;
	content: '';
	width: 70px;
	height: 101px;
	vertical-align: middle;
	display: inline-block
}

@media (min-width:1380px) {
	.flow .arrow {
		content: '';
		width: 100px;
		height: 101px;
		vertical-align: middle;
		display: inline-block
	}
}

.tab-format {
	overflow: auto
}

.tab-format dt,
.tab-format dd {
	display: table-cell;
	padding: 6px 20px;
	box-sizing: border-box;
	border-bottom: 1px solid #e3e3e3;
	border-right: 1px solid #e3e3e3
}

.tab-format .tab-col {
	display: table;
	width: 100%
}

.tab-format .tab-col1 {
	font-size: 16px;
	border-bottom: 2px solid #c80000
}

.tab-format .tab-col1 dt {
	padding: 6px 0 6px 20px;
	border-right: 0
}

.tab-format .tab-col1 p {
	border-right: 2px solid #e3e3e3;
	line-height: 24px
}

.tab-format .tab-col1 .no-border-r {
	border-right: 0
}

.tab-format .tab-col2 dd {
	padding-top: 26px
}

.lower-banner {
	min-height: 260px;
	overflow: hidden;
	color: #FEFEFE;
	overflow: hidden
}

.lower-banner img {
	height: 100%;
	width: auto
}

.lower-banner h1 {
	padding-bottom: 0
}

.lower-banner strong {
	font-weight: 500
}

.lower-banner .box {
	margin-top: -20px
}

.lower-banner .banner-brief {
	font-size: 26px;
	line-height: 40px
}

@media screen and (max-width:1600px) {
	.lower-banner h1 {
		font-size: 34px;
		line-height: 48px
	}

	.lower-banner .banner-brief {
		font-size: 22px
	}
}

@media screen and (max-width:768px) {
	.lower-banner {
		height: 6.4533rem
	}

	.lower-banner .box {
		margin-top: -.8rem
	}

	.lower-banner h1 {
		font-size: .64rem;
		line-height: 1.067rem
	}
}

.m-exband {
	color: #353a40
}

.m-exband .til-col {
	font-size: 22px
}

.m-exband .til-col .til {
	display: inline-block
}

.m-exband .til-col:after {
	content: '';
	width: 12px;
	height: 12px;
	vertical-align: top;
	display: inline-block;
	border-top: 2px solid #a5a9ad;
	border-left: 2px solid #a5a9ad;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-135deg);
	transform: rodeta(-135deg);
	margin: 2px 6px 0 0;
	float: right
}

.m-exband .content {
	display: none
}

.m-exband .content a {
	display: block;
	padding: 10px 0
}

.m-exband .cur .til-col:after {
	-webkit-transform: rotate(45deg);
	transform: rodeta(45deg);
	margin-top: 12px
}

@media screen and (max-width:768px) {
	.m-exband .til-col {
		font-size: 16px
	}
}

.banner h1.h1 {
	margin-bottom: 14px
}

.banner .banner-btn {
	margin-top: 30px
}

.banner .down-btn {
	margin: 30px 0 0 10px
}

.banner .pro-logo {
	width: auto
}

.banner .box {
	max-width: 880px
}

@media screen and (max-width:768px) {
	.banner {}

	.banner h1.h1 {
		margin-bottom: .2667rem;
		padding-bottom: .16rem
	}

	.banner .down-btn,
	.banner .banner-btn {
		margin-top: .8rem;
		font-size: 12px
	}

	.banner .overview {
		max-width: 100%;
		font-size: 12px;
		line-height: 20px
	}
}

.requirement {
	text-align: center;
	font-size: 16px
}

.requirement .item {
	width: 33%;
	max-width: 340px;
	padding: 0 2%;
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	-webkit-transform: translate3d(0, 0, 0);
	animation-fill-mode: forwards;
	-webkit-transform-origin: center center;
	animation: fadeIn 1s ease-in-out 0s;
	-webkit-animation: fadeIn 1s ease-in-out;
	-o-animation: fadeIn 1s ease-in-out 0s;
	-moz-animation: fadeIn 1s ease-in-out 0s;
	-ms-animation: fadeIn 1s ease-in-out 0s
}

@keyframes fadeIn {
	0% {
		transform: translate(0, -10px);
		-webkit-transform: translate(0, -10px);
		-o-transform: translate(0, -10px);
		-moz-transform: translate(0, -10px);
		-ms-transform: translate(0, -10px);
		opacity: .8
	}

	100% {
		transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		opacity: 1
	}
}

@-webkit-keyframes fadeIn {
	0% {
		transform: translate(0, -10px);
		-webkit-transform: translate(0, -10px);
		-o-transform: translate(0, -10px);
		-moz-transform: translate(0, -10px);
		-ms-transform: translate(0, -10px);
		opacity: .8
	}

	100% {
		transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		opacity: 1
	}
}

.requirement .analysis {
	color: #fff;
	display: inline-block;
	vertical-align: middle;
	padding: 36px 4% 0;
	width: 210px;
	height: 210px;
	border: 16px solid #eff2f4;
	font-size: 18px;
	box-sizing: border-box;
	border-radius: 50%;
	background: #393f5b;
	line-height: 24px
}

.requirement .analysis .data {
	margin-bottom: 4px;
	font-size: 34px;
	display: inline-block;
	line-height: 48px;
	color: #ff8206
}

.requirement .conmment {
	margin-top: 30px;
	box-sizing: border-box
}

.requirement .conmment strong {
	display: block
}

.requirement .conmment .source {
	color: #98a7b8
}

@media screen and (max-width:1440px) and (min-width:769px) {
	.requirement .item {
		font-size: 14px
	}

	.requirement .analysis {
		height: 190px;
		width: 190px;
		font-size: 14px
	}

	.requirement .analysis .data {
		font-size: 28px;
		line-height: 32px
	}

	.requirement .conmment {
		margin-top: 20px
	}
}

@media screen and (max-width:768px) {
	.requirement .item {
		width: 49%;
		max-width: 100%;
		font-size: 12px
	}

	.requirement .analysis {
		width: 4.2rem;
		height: 4.2rem;
		margin: 0 2%;
		font-size: 12px;
		line-height: 18px;
		padding-top: .7467rem
	}

	.requirement .analysis:nth-child(2) {
		display: block;
		margin: 0 auto -1%
	}

	.requirement .analysis .data {
		margin-bottom: 0;
		font-size: 24px;
		line-height: 30px
	}

	.requirement .conmment {
		margin-top: 10px
	}
}

.requirement-2 {
	text-align: center
}

.requirement-2 h3 {
	margin: 16px 0 12px
}

.requirement-2 .item {
	display: inline-block;
	vertical-align: top;
	width: 31%
}

.requirement-2 .item:nth-child(3) {
	margin: 0 2%
}

.requirement-2 img {
	max-height: 100px
}

@media screen and (max-width:768px) {
	.requirement-2 .item {
		width: 100%;
		margin: 10px 0
	}

	.requirement-2 .item:nth-child(3) {
		margin: 10px 0
	}
}

.abe_intro {
	text-align: center;
	background: url(../../tizeecloud/images/bg2.jpg) no-repeat center #515151;
	background-size: 100% 100%
}

.abe_intro h2 {
	color: #fff
}

.abe_intro .mod-brief {
	font-size: 18px;
	line-height: 34px;
	color: #eee
}

.abe_intro img {
	width: 90%;
	max-height: 480px
}

@media screen and (max-width:1440px) and (min-width:769px) {
	.abe_intro img {
		max-height: 450px
	}
}

@media screen and (max-width:768px) {
	.abe_intro {
		background: url(../../images/anybackup/express/m_bg2.jpg) no-repeat center #515151;
		background-size: 100% 100%
	}

	.abe_intro .mod-brief {
		font-size: 12px;
		line-height: 24px
	}

	.abe_intro img {
		width: 100%;
		max-height: 1000px
	}
}

.advantage {
	text-align: center
}

.advantage .advantage-content {
	display: flex;
	flex-wrap: wrap
}

.advantage .advantage-item {
	width: 22.5%;
	margin: 0 0.5%;
	display: inline-block;
	vertical-align: top;
	background: #f1f4f8;
	border: 1px solid #eee;
	padding: 2%;
	box-sizing: border-box;
	box-shadow: 0 0 3px 3px #ddd;
	*min-height: 440px
}

.advantage .advantage-item em {
	color: #f87808;
	border: 1px dotted #f87808;
	border-radius: 5px;
	padding: 0 10px;
	font-weight: 600;
	font-style: normal;
	margin: 20px 0;
	display: inline-block
}

.advantage .advantage-item .icon {
	height: 64px;
	margin-bottom: 14px
}

.advantage .advantage-item .lis {
	text-align: left;
	margin-bottom: 14px
}

@media screen and (max-width:1441px) {
	.advantage .advantage-item {
		padding: 1%
	}
}

@media screen and (max-width:1280px) {
	.advantage .advantage-item {
		min-height: 470px
	}
}

@media screen and (max-width:768px) {
	.advantage .advantage-item {
		width: 100%;
		margin: 0 0 .8rem;
		min-height: 0;
		padding: .5333rem
	}
}

.pro-sence .lis {
	text-indent: -10px;
	margin-left: 10px
}

.pro-sence .carousel-inner {
	width: 92%;
	margin: 0 auto
}

.pro-sence .image {
	width: 55%
}

.pro-sence .image img {
	max-height: 450px
}

.pro-sence .text {
	width: 44%;
	padding-right: 3%
}

.pro-sence .text .comment {
	font-size: 15px
}

@media screen and (max-width:768px) {
	.pro-sence .exband-item {
		margin-bottom: 1.0667rem
	}

	.pro-sence .img {
		margin-bottom: .5333rem
	}

	.pro-sence .phone-scene {
		background: transparent
	}

	.pro-sence .phone-scene>div:first-child .content {
		display: block
	}

	.pro-sence .til-col {
		border-bottom: 1px solid #ccc;
		margin: .5333rem 0 .4267rem;
		padding-bottom: .16rem
	}

	.pro-sence .til {
		color: #454e68;
		border-bottom: 0;
		padding: 0;
		margin-bottom: 6px
	}
}

.customer {
	text-align: center
}

.customer .customer-item {
	display: inline-block;
	width: 30%;
	vertical-align: top;
	min-height: 300px;
	max-width: 350px;
	margin: 0 1.5% 2%;
	position: relative;
	border-bottom: 1px dashed #ccc
}

.customer .customer-item .name {
	margin-bottom: 10px;
	display: inline-block
}

.customer .customer-item .pic {
	position: absolute;
	left: 0;
	top: 60px;
	width: 100%;
	color: #fff
}

.customer .customer-item .pic .logo {
	max-height: 40px;
	max-width: 60%;
	margin-bottom: 10px;
	display: block;
	margin: 6px auto
}

.customer .customer-item .pic b {
	display: inline-block;
	min-width: 60%;
	padding: 6px 0;
	border-top: 1px solid #fff
}

.customer .customer-item .text {
	margin-top: 14px;
	line-height: 24px;
	padding: 0 6px;
	text-align: left
}

.customer .customer-item .titlex {
	margin-top: 14px;
	line-height: 24px;
	padding: 0 6px;
	font-size: 18px !important;
	text-align: left
}

.customer .customer-item .view-detail {
	border: 1px solid #8e9dae;
	color: #8e9dae;
	border-radius: 5px;
	display: inline-block;
	padding: 0 30px;
	line-height: 26px;
	position: absolute;
	right: 50%;
	margin-right: -60px;
	bottom: 20px
}

.customer .customer-item .view-detail:hover {
	color: #fff;
	background-color: #454a60;
	border: 1px solid #454a60
}

.customer .more-cases-link {
	margin-top: 30px
}

@media screen and (min-width:769px) and (max-width:1360px) {
	.customer .customer-item .pic {
		top: 50px
	}

	.customer .customer-item .pic .logo {
		max-height: 34px;
		margin-bottom: 6px
	}
}

@media screen and (max-width:768px) {
	.customer .customer-item {
		width: 100%;
		padding-bottom: 1.3333rem;
		vertical-align: top;
		max-width: 340px;
		min-height: 0;
		margin: 0 0 .8rem
	}

	.customer .customer-item .view-detail {
		margin: 0;
		right: .2667rem
	}

	.customer .more-cases-link {
		margin-top: .2667rem
	}
}