@charset "utf-8";
/* CSS Document */





/* .part-process */
.part-process {
	display:block;
	width:100%; height:auto; overflow:hidden;
	margin:0 auto; padding:34px 0;
	background-color:#fff;
}
.part-process .content {
	display:block;
	width:100%; height:auto; overflow:hidden;
	margin:0 auto;
}
.part-process .content > li {
	float:left; display:inline-block;
	width:220px; height:100px; overflow:hidden;
	font-size:16px; color:#333;
	text-align:-moz-center!important; text-align:center;
}
.part-process .content > li.gap {
	width:65px;
	font-size:0;
	background:url(ico-23.png) center center no-repeat;
}
.part-process .content > li:first-child {
	margin-left:62px;
}
.part-process .content > li > .ico {
	display:block;
	width:60px; height:60px; overflow:hidden;
	margin:0 auto 12px auto;
	background:url(ico-22.png) no-repeat;
}
.part-process .content > li:nth-of-type(1) > .ico {background-position:0 0;}
.part-process .content > li:nth-of-type(3) > .ico {background-position:0 -60px;}
.part-process .content > li:nth-of-type(5) > .ico {background-position:0 -120px;}
.part-process .content > li:nth-of-type(7) > .ico {background-position:0 -180px;}



/* .part-service */
.part-service {
	display:block;
	width:100%; height:auto; overflow:hidden;
	margin:0 auto; padding:60px 0;
	background-color:#eee;
}
.part-service .cover {
	float:left; display:inline-block;
	width:580px; height:350px; overflow:hidden;
	background:url(p-09.png) center center no-repeat;
}

.part-service .body {
	float:right; display:inline-block;
	width:510px; height:auto; overflow:hidden;
	margin:0 50px 0 0;
}
.part-service .body > big {
	display:block;
	line-height:2;
	font-size:30px; color:#ee2645; font-weight:bold;
}
.part-service .body > p {
	display:block;
	line-height:2.2;
	margin-top:40px;
	font-size:18px; color:#555;
}



/* .part-advant */
.part-advant {
	display:block;
	width:100%; height:auto; overflow:hidden;
	margin:0 auto; padding:60px 0;
	background-color:#fff;
}
.part-advant .title {
	display:block;
}
.part-advant .title > big {
	display:block;
	line-height:2;
	font-size:30px; color:#f11738; font-weight:bold;
}

.part-advant .content {
	display:block;
	width:100%; height:auto; overflow:hidden;
	margin:40px auto 0 auto;
}
.part-advant .content > li {
	float:left; display:inline-block;
	width:185px; height:auto; overflow:hidden;
	margin:0 0 0 120px;
	text-align:-moz-center!important; text-align:center;
}
.part-advant .content > li:first-child {
	margin-left:50px;
}
.part-advant .content > li > .ico {
	display:block;
	width:100px; height:100px; overflow:hidden;
	margin:0 auto 10px auto;
	background:url(ico-24.png) no-repeat;
}
.part-advant .content > li:nth-of-type(1) > .ico {background-position:0 0;}
.part-advant .content > li:nth-of-type(2) > .ico {background-position:0 -100px;}
.part-advant .content > li:nth-of-type(3) > .ico {background-position:0 -200px;}
.part-advant .content > li:nth-of-type(4) > .ico {background-position:0 -300px;}
.part-advant .content > li > strong {
	display:block;
	line-height:2.4;
	font-size:20px; font-weight:normal; color:#f78b1c;
}
.part-advant .content > li > small {
	display:block;
	line-height:1.8;
	font-size:14px; color:#888;
}



/* .part-effect */
.part-effect {
	display:block;
	width:100%; height:auto; overflow:hidden;
	margin:0 auto; padding:60px 0;
	background-color:#f7f3f6;
}
.part-effect .title {
	display:block;
}
.part-effect .title > .line {
	display:block;
	width:70px; height:3px; overflow:hidden;
	background-color:#ff0039;
}
.part-effect .title > big {
	display:block;
	margin-top:4px;
	font-size:30px; font-weight:bold; color:#ff0039;
}
.part-effect .title > small {
	display:block;
	line-height:2;
	font-size:16px; color:#999;
}


.part-effect .content {
	position:relative;
	display:block;
	width:100%; height:556px; overflow:hidden;
	margin:0 auto;
}
.part-effect .content > .ctrl {
	position:absolute; left:140px; top:112px;
	display:block;
	width:40px; height:296px; overflow:hidden;
}
.part-effect .content > .ctrl > li {
	position:absolute;
	display:block;
	padding:25px 9px 26px 9px;
	width:22px; height:auto;
	font-size:18px; color:#fff;
	text-align:-moz-center!important; text-align:center;
	background-color:#222;
	-webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;
	
	transition-property:background-color, padding-top, padding-bottom;
	-moz-transition-property:background-color, padding-top, padding-bottom;
	-webkit-transition-property:background-color, padding-top, padding-bottom;
	-o-transition-property:background-color, padding-top, padding-bottom;
	
	transition-duration:0.2s;
	-moz-transition-duration:0.2s;
	-webkit-transition-duration:0.2s;
	-o-transition-duration:0.2s;
	
	transition-timing-function:linear;
	-moz-transition-timing-function:linear;
	-webkit-transition-timing-function:linear;
	-o-transition-timing-function:linear;
}
.part-effect .content > .ctrl > li:nth-of-type(1) {
	top:0;
}
.part-effect .content > .ctrl > li:nth-of-type(2) {
	bottom:0;
}
.part-effect .content > .ctrl > li.active {
	padding-top:45px;
	padding-bottom:46px;
	background-color:#ff4820;
}

.part-effect .content > .view {
	position:absolute; left:222px; top:33px;
	display:block;
	width:868px; height:512px; overflow:hidden;
}
.part-effect .content > .view > li {
	position:relative;
	display:block;
	width:868px; height:512px; overflow:hidden;
	
	transition-property:margin-top;
	-moz-transition-property:margin-top;
	-webkit-transition-property:margin-top;
	-o-transition-property:margin-top;
	
	transition-duration:0.2s;
	-moz-transition-duration:0.2s;
	-webkit-transition-duration:0.2s;
	-o-transition-duration:0.2s;
	
	transition-timing-function:linear;
	-moz-transition-timing-function:linear;
	-webkit-transition-timing-function:linear;
	-o-transition-timing-function:linear;
}
.part-effect .content > .view > li:nth-of-type(1) {
	background:url(../image/p-03-3.png) center center no-repeat;
}
.part-effect .content > .view > li:nth-of-type(2) {
	background:url(../image/p-03-4.png) center center no-repeat;
}

.part-effect a.button {
	display:block;
	width:200px; height:42px; line-height:42px; overflow:hidden;
	margin:20px auto 0 auto;
	font-size:15px; color:#fff;
	text-align:-moz-center!important; text-align:center;
	background-color:#ff4820;
	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
	
	transition-property:background-color, box-shadow;
	-moz-transition-property:background-color, box-shadow;
	-webkit-transition-property:background-color, box-shadow;
	-o-transition-property:background-color, box-shadow;
	
	transition-duration:0.2s;
	-moz-transition-duration:0.2s;
	-webkit-transition-duration:0.2s;
	-o-transition-duration:0.2s;
	
	transition-timing-function:linear;
	-moz-transition-timing-function:linear;
	-webkit-transition-timing-function:linear;
	-o-transition-timing-function:linear;
}
.part-effect a.button:hover {
	background-color:#ef370f;
	-webkit-box-shadow:rgba(0,0,0,0.1) 0 0 10px; -moz-box-shadow:rgba(0,0,0,0.1) 0 0 10px; box-shadow:rgba(0,0,0,0.2) 2px 2px 5px;
}



/* .part-case */
.part-case {
	display:block;
	width:100%; height:auto; overflow:hidden;
	margin:0 auto; padding:40px 0;
	background-color:#fff;
}
.part-case .title {
	display:block;
	text-align:-moz-center!important; text-align:center;
}
.part-case .title > big {
	display:block;
	line-height:2;
	font-size:30px; color:#f11738;
}

.part-case .content {
	display:block;
	width:100%; height:auto; overflow:hidden;
	margin:40px auto 0 auto;
}
.part-case .content > li {
	float:left; display:inline-block;
	width:268px; height:490px;
	margin:8px 0 0 40px;
	text-align:-moz-center!important; text-align:center;
	border:1px solid #f97c8c;
	background-color:#fff8fa;
	-webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;
}
.part-case .content > li:first-child {
	margin-left:0;
}
.part-case .content > li > .capi {
	position:relative; top:-8px;
	display:block;
	width:172px; height:36px; line-height:36px; overflow:hidden;
	margin:0 auto;
	font-size:18px; font-weight:bold; color:#fff;
	background:url(../image/ico-25.png) no-repeat;
}
.part-case .content > li > .cover {
	display:block;
	width:120px; height:120px; overflow:hidden;
	margin:12px auto 0 auto;
	border:5px solid #f97c8c;
	-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;
}
.part-case .content > li > big {
	display:block;
	line-height:2;
	margin:8px auto 0 auto;
	font-size:18px; font-weight:bold; color:#333;
}
.part-case .content > li > small {
	display:block;
	line-height:2;
	margin:0 auto;
	font-size:14px; color:#555;
}
.part-case .content > li > p {
	display:block;
	width:80%; height:auto; line-height:1.9; overflow:hidden;
	margin:18px auto 0 auto;
	font-size:12px; color:#888;
}

.part-case .content > li:nth-of-type(1) {border-color:#f97c8c; background-color:#fff8fa;}
.part-case .content > li:nth-of-type(2) {border-color:#ff966c; background-color:#fff8f6;}
.part-case .content > li:nth-of-type(3) {border-color:#cb89f9; background-color:#fcf7ff;}
.part-case .content > li:nth-of-type(4) {border-color:#4ebeed; background-color:#f7fdff;}
.part-case .content > li:nth-of-type(1) > .capi {background-position:0 0;}
.part-case .content > li:nth-of-type(2) > .capi {background-position:0 -36px;}
.part-case .content > li:nth-of-type(3) > .capi {background-position:0 -72px;}
.part-case .content > li:nth-of-type(4) > .capi {background-position:0 -108px;}
.part-case .content > li:nth-of-type(1) > .cover {border-color:#f97c8c;}
.part-case .content > li:nth-of-type(2) > .cover {border-color:#ff966c;}
.part-case .content > li:nth-of-type(3) > .cover {border-color:#cb89f9;}
.part-case .content > li:nth-of-type(4) > .cover {border-color:#4ebeed;}



/* .part-article */
.part-article {
	display:block;
	width:100%; height:auto; overflow:hidden;
	margin:0 auto; padding:50px 0;
	background-color:#fff;
}
.part-article .left-box {
	float:left; display:inline-block;
	width:500px; height:auto; overflow:hidden;
}
.part-article .left-box > .title {
	display:block;
	width:100%; height:30px; line-height:30px;
	padding:10px 0;
	font-size:18px; color:#333;
	border-bottom:1px solid #e0e0e0;
}
.part-article .left-box > .title > .ico {
	display:inline-block;
	width:30px; height:30px; overflow:hidden;
	vertical-align:middle;
	background:url(../image/ico-12.png) 0 -60px no-repeat;
}
.part-article .left-box > .title > a.more {
	float:right; display:inline-block;
	width:auto; height:30px; line-height:30px;
	padding-right:20px;
	font-size:12px;
	background:url(../image/ico-19.png) right 8px no-repeat;
}

.part-article .left-box > .content {
	display:block;
	width:480px; height:auto; overflow:hidden;
	margin:10px auto 0 auto;
}
.part-article .left-box > .content > li {
	display:block;
	width:100%; height:32px; line-height:32px; overflow:hidden;
	font-size:14px;
	white-space:nowrap; text-overflow:ellipsis;
}
.part-article .left-box > .content > li:first-child {
	display:block;
	width:438px; height:56px; line-height:normal; overflow:hidden;
	margin:0 0 10px 0;
	background:url(../image/pic-06.jpg) center center no-repeat; background-size:cover;
}


.part-article .right-box {
	float:right; display:inline-block;
	width:620px; height:auto; overflow:hidden;
}
.part-article .right-box > .title {
	display:block;
	width:100%; height:30px; line-height:30px;
	padding:10px 0;
	font-size:18px; color:#333;
	border-bottom:1px solid #e0e0e0;
}
.part-article .right-box > .title > .ico {
	display:inline-block;
	width:30px; height:30px; overflow:hidden;
	vertical-align:middle;
	background:url(../image/ico-12.png) 0 0 no-repeat;
}
.part-article .right-box > .title > a.more {
	float:right; display:inline-block;
	width:auto; height:30px; line-height:30px;
	padding-right:20px;
	font-size:12px;
	background:url(../image/ico-19.png) right 8px no-repeat;
}

.part-article .right-box > .content {
	display:block;
	width:600px; height:auto; overflow:hidden;
	margin:10px auto 0 auto;
}
.part-article .right-box > .content > li {
	display:block;
	width:100%; height:38px; line-height:38px; overflow:hidden;
}
.part-article .right-box > .content > li > a {
	float:left; display:inline-block;
	width:470px; height:38px; overflow:hidden;
	font-size:14px;
	white-space:nowrap; text-overflow:ellipsis;
}
.part-article .right-box > .content > li > .r {
	float:right; display:inline;
	font-size:12px; color:#999;
}