﻿article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display:block
}
html, body, div, ul, ol, dl, dt, dd {
	margin:0;
	padding:0;
	border:0
}
li {
	list-style:none
}	
body {
	font:14px/1.5 "Hiragino Sans GB", "Hiragino Sans GB W3", 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, Sans-serif;
	margin:0;
	min-width:1099px;
	color:#929292;
}
 @media screen and (max-width:1280px) {
 body {
 min-width:1000px
}
}
button, input, select, textarea {
	font-family:"Hiragino Sans GB", "Hiragino Sans GB W3", 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, Sans-serif;
	font-size:100%;
	margin:0;
	vertical-align:baseline;
 *vertical-align:middle
}
input:focus {
	outline-color:transparent;
	outline-style:none
}
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	background-color:#fff;
	border:1px solid #ccc;
	box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset;
 transition:border .2s linear 0s, box-shadow .2s linear 0s;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px
}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
	border-color:rgba(82, 168, 236, 0.8);
	box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
	outline:0 none
}
textarea {
	overflow:auto;
	vertical-align:top
}
table {
	border-collapse:collapse;
	border-spacing:0
}
h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	font-size:1em;
	line-height:1.2
}
.ffclear {
	clear: both;
	height: 1px;
}
a:focus, a:active, a:hover {
	outline:0
}
.cf:before, .cf:after {
	content:" ";
	display:table
}
.cf:after {
	clear:both
}
.cf {
 *zoom:1
}
a {
	color:#929292;
	text-decoration:none
}
a:hover {
	color:#3eb57f
}
a img {
	border:0
}
.modal {
	display:none;
	width:480px;
	height:420px;
	position:fixed;
	z-index:99999999;
	top:50%;
	left:50%;
	margin:-210px 0 0 -240px;
	background:#fff;
	padding:12px
}
.modal .holder {
	width:100%;
	height:100%;
	background:#fff;
	position:relative;
	text-align:center
}
.modal .holder .close {
	color:#000;
	position:absolute;
	font-size:20px;
	top:3px;
	right:6px;
	cursor:pointer
}
 @font-face {
 font-family:'FontAwesome';
 src:url('../font/fontawesome-webfont.eot?v=3.2.1');
 src:url('../font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('../font/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('../font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('../font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');
 font-weight:normal;
 font-style:normal
}
 [class^="as-"], [class*=" as-"] {
 font-family:FontAwesome;
 font-weight:normal;
 font-style:normal;
 text-decoration:inherit;
 -webkit-font-smoothing:antialiased;
 *margin-right:.3em
}
 [class^="as-"]:before, [class*=" as-"]:before {
 text-decoration:inherit;
 display:inline-block;
 speak:none
}
.as-phone-sign:before {
	content:"\f098"
}
.as-phone:before {
	content:"\f095"
}
.as-question:before {
	content:"\f128"
}
.as-qrcode:before {
	content:"\f029"
}
.as-remove-sign:before {
	content:"\f057"
}
.as-envelope:before {
	content:"\f0e0"
}
#scrollUp {
	bottom:4px;
	right:4px;
	height:38px;
	width:38px;
	opacity:.8;
	background:url(../images/top.png) no-repeat
}
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
	outline:0
}
.slides, .flex-control-nav, .flex-direction-nav {
	margin:0;
	padding:0;
	list-style:none
}
 @font-face {
 font-family:'flexslider-icon';
 src:url('fonts/flexslider-icon.eot');
 src:url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
 font-weight:normal;
 font-style:normal
}
.flexslider {
	margin:0;
	padding:0
}
.flexslider .slides>li {
	display:none;
	-webkit-backface-visibility:hidden
}
.flexslider .slides img {
	width:100%;
	display:block
}
.flex-pauseplay span {
	text-transform:capitalize
}
.slides:after {
	content:"\0020";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0
}
html[xmlns] .slides {
	display:block
}
* html .slides {
	height:1%
}
.no-js .slides>li:first-child {
	display:block
}
.flexslider {
	margin:0 0 60px;
	background:#fff;
	border:4px solid #fff;
	position:relative;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
	zoom:1
}
.flex-viewport {
	max-height:2000px;
	-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	-o-transition:all 1s ease;
	transition:all 1s ease
}
.loading .flex-viewport {
	max-height:300px
}
.flexslider .slides {
	zoom:1
}
.carousel li {
	margin-right:5px
}
.flex-direction-nav {
 *height:0
}
.flex-direction-nav a {
	display:block;
	width:40px;
	height:40px;
	margin:-20px 0 0;
	position:absolute;
	top:50%;
	z-index:10;
	overflow:hidden;
	opacity:0;
	cursor:pointer;
	color:rgba(0, 0, 0, 0.8);
	text-shadow:1px 1px 0 rgba(255, 255, 255, 0.3);
 -webkit-transition:all .3s ease;
 -moz-transition:all .3s ease;
 transition:all .3s ease
}
.flex-direction-nav .flex-prev {
	left:-50px
}
.flex-direction-nav .flex-next {
	right:-50px;
	text-align:right
}
.flexslider:hover .flex-prev {
	opacity:.7;
	left:10px
}
.flexslider:hover .flex-next {
	opacity:.7;
	right:10px
}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
	opacity:1
}
.flex-direction-nav .flex-disabled {
	opacity:0!important;
	filter:alpha(opacity=0);
	cursor:default
}
.flex-direction-nav a:before {
	font-family:"flexslider-icon";
	font-size:40px;
	display:inline-block;
	content:'\f001'
}
.flex-direction-nav a.flex-next:before {
	content:'\f002'
}
.flex-pauseplay a {
	display:block;
	width:20px;
	height:20px;
	position:absolute;
	bottom:5px;
	left:10px;
	opacity:.8;
	z-index:10;
	overflow:hidden;
	cursor:pointer;
	color:#000
}
.flex-pauseplay a:before {
	font-family:"flexslider-icon";
	font-size:20px;
	display:inline-block;
	content:'\f004'
}
.flex-pauseplay a:hover {
	opacity:1
}
.flex-pauseplay a.flex-play:before {
	content:'\f003'
}
.flex-control-nav {
	width:100%;
	position:absolute;
	bottom:-40px;
	text-align:center
}
.flex-control-nav li {
	margin:0 6px;
	display:inline-block;
	zoom:1;
 *display:inline
}
.flex-control-paging li a {
	width:11px;
	height:11px;
	display:block;
	background:#666;
	background:rgba(0, 0, 0, 0.5);
	cursor:pointer;
	text-indent:-9999px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	-o-border-radius:20px;
	border-radius:20px;
	-webkit-box-shadow:inset 0 0 3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:inset 0 0 3px rgba(0, 0, 0, 0.3);
	-o-box-shadow:inset 0 0 3px rgba(0, 0, 0, 0.3);
	box-shadow:inset 0 0 3px rgba(0, 0, 0, 0.3)
}
.flex-control-paging li a:hover {
	background:#333;
	background:rgba(0, 0, 0, 0.7)
}
.flex-control-paging li a.flex-active {
	background:#000;
	background:rgba(0, 0, 0, 0.9);
	cursor:default
}
.flex-control-thumbs {
	margin:5px 0 0;
	position:static;
	overflow:hidden
}
.flex-control-thumbs li {
	width:25%;
	float:left;
	margin:0
}
.flex-control-thumbs img {
	width:100%;
	display:block;
	opacity:.7;
	cursor:pointer
}
.flex-control-thumbs img:hover {
	opacity:1
}
.flex-control-thumbs .flex-active {
	opacity:1;
	cursor:default
}
 @media screen and (max-width:860px) {
 .flex-direction-nav .flex-prev {
 opacity:1;
 left:10px
}
 .flex-direction-nav .flex-next {
 opacity:1;
 right:10px
}
}
.header {
	width:1099px;
	width:100%;
	background:#EEEEEE;
	height:108px;
	overflow:hidden;
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
	border-bottom: 1px solid #E8E8E8;
	-webkit-box-shadow: rgba(0, 0, 0, .1) 0 1px 5px;
	-moz-box-shadow: rgba(0, 0, 0, .1) 0 1px 5px;
	box-shadow: rgba(0, 0, 0, .1) 0 1px 5px;
}
.header .head-holder {
	width:100%;
	background:#eeeeee;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
	border-bottom: 1px solid #E8E8E8;
	-webkit-box-shadow: rgba(0, 0, 0, .1) 0 1px 5px;
	-moz-box-shadow: rgba(0, 0, 0, .1) 0 1px 5px;
	box-shadow: rgba(0, 0, 0, .1) 0 1px 5px;
}
.header .head-holder .inner {
	width:1099px;
	min-width:1099px;
	margin:0 auto;
	height:108px;
	position:relative
}
.header .head-holder .inner .logo {
	width:214px;
	height:71px;
	position:absolute;
	top:18px;
	left:0;
	background:url(../images/logo2.png) no-repeat right center;
}
.header .head-holder .inner .am-logo {
	display:block;
	width:72px;
	height:71px;
	position:absolute;
	left:0;
	top:0
}
.header .head-holder .inner .am-logo .logo-bar {
	display:block;
	position:absolute;
 -webkit-transition:all .3s;
 transition:all .3s
}

.header-nav {
	position:absolute;
	top:36px;
	right:230px;
	font-size:13px
}
.header-nav a {
	display:inline;
	margin-right:22px;
	color: #515151;
}
.header-nav a:hover {
	color:#3eb57f
}
.header .head-holder .inner .tel {
	position:absolute;
	top:9px;
	right:-235px;
	color:#6fa847;
	font-size:16px;
	font-weight:100
}
.header .head-holder .inner .btn-english {
	position:absolute;
	top:72px;
	right:0;
	font-size:12px
}
.header .transformers {
	position:fixed;
	top:0;
	left:0;
	z-index:99999;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
    -ms-box-sizing:border-box  transition: all 0.4s;
	-webkit-transition: all 0.4s;
	border-bottom: 1px solid #E8E8E8;
	-webkit-box-shadow: rgba(0, 0, 0, .1) 0 1px 5px;
	-moz-box-shadow: rgba(0, 0, 0, .1) 0 1px 5px;
	box-shadow: rgba(0, 0, 0, .1) 0 1px 5px;
}
.header .transformers .inner {
	height:98px
}
.header .transformers .inner .logo {
	width:214px
}
.header .transformers .inner .btn-login, .header .transformers .inner .btn-register {
	top:22px
}
.header .transformers .inner .header-nav {
	right:220px;
	top:36px
}
.header .transformers .inner .tel {
	top:9px;
	right:-230px
}
.header .transformers .inner .btn-english {
	display:none
}


/*footer*/
.foot {
	background:#FFFAFA;
	width:100%;
	height: 30px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;	
}
.footin {
	width: 1099px;
	margin:auto;
}
.foot .weizhi1 {
    font-size:12px;
	text-align:left;
	float:left;
    color:#a09f9f;
	line-height:30px;
}	
.foot .weizhi2 {
    font-size:12px; 
	text-align: right; 
	float:right;
	margin-right:7px;
	color:#a09f9f;  
	line-height:30px;
}
.footer {
	background:#EEEEEE;
	width:100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;	
}
.footerin {
	width: 1099px;
	margin: 0 auto;
}
.footer .inner {
	width:1099px;
	min-width:1099px;
	margin:0 auto;
	padding-bottom:15px;
	overflow:hidden;
	position:relative;
	border-bottom: 7px solid #3eb57f;
	padding-top: 15px;
	margin-right: 10px;
}
.footer .inner .footer-nav {
	font-size:12px;
	margin-top:28px;
	text-align: left;
}
.footer .inner .footer-nav span {
}
.footer .inner .footer-nav a+a:before {
	content:'/';
	padding:0 4px 0 2px;
}
.footer .inner .footer-nav a:hover {
	color:#74bc46
}
.footer .inner .copyright {
	color:#898989;
	font-size:14px;
	line-height: 25px;
}
.footer .inner .copyright span {
	font-size: 12px;
}
.footer .inner .copyright #privacy {
	margin-left:50px
}
.footer .inner .copyright .icp {
	margin-left:5px
}
.footer .inner .copyright .icp a {
	color:#898989
}
.footer .inner .footer-contact, .footer .inner .copyright, .footer .inner .footerkeyword {
	float: left;
	margin-right: 10px;
	margin-bottom: 20px;
	width: 359px;
	height: 140px;
	display: inline;
	background: url(../images/ico_bjia.png) no-repeat left bottom;
}
.footer .inner .footerkeyword {
	margin-right: 0;
}
.footer .inner .footerkeyword span {
	font-size: 12px;
}
.footer .inner .footer-contact .imgbox {
	float: left;
	width: 96px;
	display: inline;
}
.footer .inner .footer-contact .rbox {
	float:right;
	width: 250px;
	display: inline;
	padding-top: 5px;
	font-size: 14px;
}
.footer .inner .footer-contact .rbox .tels {
	font-size: 18px;
}
.footer .inner .footer-contact {
	color: #888888;
}
.footer .inner .footer-contact a {
	width:34px;
	height:32px;
	display:inline-block;
	cursor:pointer;
	color: #888888;
}
.footer .inner .footer-contact a i {
	width:34px;
	height:32px;
	display:block;
	margin:15px auto 0;
	background:url(../images/ico_con.png) no-repeat
}
.footer .inner .footer-contact a .icon-weibo {
	background-position:-88px 0
}
.footer .inner .footer-contact a .icon-weixin {
	background-position:-44px 0;
}
.footer .inner .footer-contact a .icon-blog {
	background-position:-72px 0
}
.footer .inner .footer-contact a .icon-qq {
	background-position:0px 0
}
.weixin-modal .qrcode-weixin {
	padding-top:35px
}
.weixin-modal .info {
	font-size:16px;
	color:#898989
}
 @media screen and (max-width:1280px) {
 .header .head-holder {
 padding:0 20px
}
 .header .head-holder .inner {
 min-width:1160px;
 width:100%
}
 .footer {
 padding:0 20px
}
 .footer .inner {
 min-width:980px;
 width:100%
}
}
.content-index .forum-ad {
	z-index:100;
	width:100%;
	font-size:0;
	text-align:center
}
.content-index .forum-ad a {
	display:inline-block;
	width:100%
}
.content-index .forum-ad a img {
	width:100%
}
.content-index .banner {
	background:#f2f2f2;
	overflow:hidden;
	position:relative;
	width:100%
}
.indexbanner {
	position: relative;
	width:100%;
	height:800px;
	text-align: center;
	overflow: hidden;
	display: block;
	margin:0 auto;
}
.indexbanner .pic {
	width: 100%;
	height: 100%;
	margin:0 auto;
	text-align: center;
}
.indexbanner .pic li {
	width: 100%;
	height: 100%;
	display: inline-block;
	margin:0 auto;
	text-align: center;
	}
.indexbanner .pic li a {
	margin: 0 auto;
	text-align: center;
	width: 100%;
	height: 100%;
	display: block;
}
.indexbanner .hd {
	position:absolute;
	width:950px;
	left:50%;
	margin-left: -475px;
	height:8px;
	bottom:245px;
	text-align:center;
	z-index:1;
}
.indexbanner .hd li {
	margin-right: 15px;
	background: url(../images/ico_round.png) no-repeat center center;
	height: 10px;
	overflow: hidden;
	width: 10px;
	cursor: pointer;
	display:inline-block;
*display:inline;
	zoom:1;
}
.indexbanner .hd li.on {
	background: url(../images/ico_round_on.png) no-repeat center center;
}
.indexbanner .prev, .indexbanner .next {
	width: 43px;
	height: 72px;
	margin: -60px 0 0;
	display: none;
	background: url(../images/arrow-l.png) no-repeat 0 0;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	text-indent: -9999px;
	filter:alpha(opacity=20);
	opacity:0.2;
}
.indexbanner .prev {
	left: -180px;
	;
}
.indexbanner .next {
	background: url(../images/arrow-r.png) no-repeat 0 0;
	right: -180px;
}
.indexbanner .prev:hover, .indexbanner .next:hover {
}
.indexbanner .inner {
	width:1099px;
	height: 100%;
	margin:0 auto;
	position:absolute;
	left:50%;
	top:0;
	margin-left: -552px;
}
.case-list {
	padding-top:8px;
}
.case-list ul {
	padding-top:20px;
}
.case-list li {
	float:left;
	width:359px;
	height:279px;
	margin-right:10px;
	margin-bottom:10px;
	display:block;
}
.case-list li a {
	position:relative;
	display:block;
	width:359px;
	height:279px;
	color:#fff;
}
.case-list li a .bg {
	background:#3eb57f;
	position:absolute;
	top:0;
	left:0;
	display:none;
	width:359px;
	height:279px;
}
.case-list li img {
	width:359px;
	height:279px;
	background:url(../images/loading.gif) center center no-repeat;
	display:block;
-webkit-animation:DDInY .8s .3s ease both;
-ms-animation:DDInY .8s .3s ease both;
-moz-animation:DDInY .8s .3s ease both;
animation:DDInY .8s .3s ease both
}
.case-list li a .info {
	position:absolute;
	top:0;
	left:0;
	display:none;
	width:359px;
	height:279px;
	cursor:pointer;
}
.case-list li .title {
	display:block;
	height:220px;
	padding:10px 0 0 20px;
	line-height:24px;
	font-size:16px;
}
.case-list li .title span {
	font-size: 0px;
	margin-top: 10px;
	display: block;
	width: 61px;
	height: 61px;
	background: url(../images/img_+.png) no-repeat left center;
	font-weight: normal;
	font-family: Arial
}
.case-list li .des {
	display:block;
	padding:0 0 0 20px;
	font-size:14px;
	font-style:normal
}
.caseshow {
	width: 1099px;
	min-width: 1099px;
	margin:50px auto 10px;
	position: relative;
}
.caseshow .info {
	width: 100%;
	margin-bottom: 20px;
}
.caseshow .info .left {
	float: left;
	width: 34%;
	display: inline;
}
.caseshow .info .none {
	width:33%;
	display: inline;
}
.caseshow .info .right {
	width:33%;
	float: right;
	display: inline;
}
.caseshow .case-body {
	width:100%;
	padding:10px 0;
	border-bottom: 1px solid #C6C6C6;
}
.caseshow .case-body b {
	font-size:14px;
	line-height:26px;
}
.caseshow .case-body1 {
	width:100%;
	padding:10px 0;
}
.caseshow .case-body1 .left {
	float: left;
	width:64%;
	padding:4px 0;
}
.caseshow .case-body1 .left img {
	width:700px;
}
.caseshow .case-body1 .right{
	float: right;
	width:32.5%;
	padding:10px 0;
}
.caseshow .case-body1 b {
	font-size:14px;
	line-height:26px;
}
.caseshow .gettopbox {
	position: absolute;
	top:200px;
	right: -50px;
}
.case-tool {
	width:63px;
	position:fixed;
	top:50%;
	margin-top:-100px;
	left:50%;
	margin-left:560px;
	z-index:999
}
.case-tool a {
	width:63px;
	height:60px;
	display:block;
	border-bottom:2px solid #fff;
	background:#c4c4c4;
	color:#fff;
	font-family:"simsun";
	text-align:center;
	font-size:44px;
	line-height:60px;
	font-weight:bold
}
.case-tool a:hover {
	background:#4fc08d
}
.case-tool a.backlist {
	background:url(../images/icon-list.png) center 17px no-repeat #c4c4c4;
}
.case-tool a.backlist:hover {
	background:url(../images/icon-list.png) center 17px no-repeat #4fc08d;
}
.case-tool a.backtop {
	font-family:"Arial";
	font-size:18px;
	display:block;
	opacity:0;
	filter:alpha(opacity=0);
	font-weight:normal
}
.content-index .case {
	width:1109px;
	min-width:1109px;
	margin:0 auto;
	margin:50px auto 10px
}
.content-index .case .case-slogan {
	text-align:left;
	margin-right: 10px;
}
.content-index .case .case-info {
	margin-top:50px
}
.content-index .case .case-info:after {
	content:'';
	clear:both;
	display:block
}
.content-index .case .case-info .case-block {
	float:left;
	width:359px;
	height: 279px;
	text-align:center;
	position:relative;
	overflow:hidden;
	display: inline;
	margin-right:10px;
	margin-bottom: 10px;
}
.content-index .case .case-info .case-block+.case-block {
	margin-bottom: 10px;
}
.content-index .case .case-info .case-block:hover .cover {
	top:0;
	padding: 15px 20px;
}
.content-index .case .case-info .case-block p {
}
.content-index .case .case-info .case-block .case-img {
	width:359px;
	max-width:100%;
	height:279px;
}
.content-index .case .case-info .case-block .cover {
	height:100%;
	position:absolute;
	top:-320px;
	left:0;
	right:0;
	background: url(../images/bg_pro.png) no-repeat center top;
	text-align: left;
	color: #fff;
}
.content-index .case .case-info .case-block .cover img {
	vertical-align:middle
}
.content-index .case .case-info .case-block .case-title {
	font-size:18px;
	margin:8px 0;
	color: #fff;
	height: 200px;
}
.content-index .case .case-info .case-block p {
	color: #fff;
}
.content-index .case .case-info .case-block .case-title span {
	font-size: 0px;
	margin-top: 10px;
	display: block;
	width: 61px;
	height: 61px;
	background: url(../images/img_+.png) no-repeat left center;
	font-weight: normal;
	font-family: Arial
}
.content-index .case .case-info .case-block .case-title a {
	color:#fff
}
.h-about {
	padding:0px 0 0px 0px;
	position:relative;
}
.h-about h2 {
	font-size:18px;
}
.h-about b {
	margin:0 5px 0 2px
}
.h-about p {
	line-height: 28px;
}
.index-tool {
	text-align: right;
	position:absolute;
	right:0;
	bottom:0px;
}
.index-tool a {
	width:40px;
	height:30px;
	display:block;
	margin-right:2px;
	float:left;
	background:#c4c4c4;
	color:#fff;
	font-family:"simsun";
	text-align:center;
	font-size:24px;
	line-height:30px;
	font-weight:bold
}
.index-tool a:hover {
	background:#3eb57f
}
.index-tool a.backlist {
	background:url(../images/icon-list2.png) center 7px no-repeat #c4c4c4;
}
.index-tool a.backlist:hover {
	background:url(../images/icon-list2.png) center 7px no-repeat #3eb57f;
}
.index-tool a.backtop {
	font-family:"Arial";
	font-size:18px;
	display:block;
	font-weight:normal
}
.content-index .contrast {
	width:100%;
	height: auto;
	margin-bottom: 10px;
}
.content-index .contrast .inner {
	width:1109px;
	min-width:1109px;
	margin:0 auto
}
.content-index .contrast .inner .con-info {
	margin-top:0px
}
.content-index .contrast .inner .con-info:after {
	content:'';
	clear:both;
	display:block
}
.content-index .contrast .inner .con-info .con-block {
	float:left;
	text-align:left;
	width:359px;
	display: inline;
	margin-right:10px;
}
.content-index .contrast .inner .con-info .con-block p {
	margin:0
}
.content-index .contrast .inner .con-info .con-block .con-title {
	font-size:14px;
	color:#757575;
	height: 35px;
	line-height: 35px;
	border-bottom: 1px solid #C6C6C6;
	margin-bottom:10px
}
.content-index .contrast .inner .con-info .con-block .con-title span {
	font-size: 12px;
	color: #B8B8B8;
}
.content-index .contrast .inner .con-info .con-block .con-content {
	list-style: none;
	margin:0 0 10px;
	font-size: 12px;
	line-height: 25px;
	margin-top: 10px;
}
.content-index .contrast .inner .con-info .con-block .con-content li {
	background: url(../images/icon.png) no-repeat 0 11px;
	overflow: hidden;
	width: 100%;
	height: 25px;
	line-height: 25px;
}
.content-index .contrast .inner .con-info .con-block .con-content li span {
	padding-left:10px;
}
.content-index .contrast .inner .con-info .con-block .con-more {
	color:#000;
	font-weight:600;
	text-decoration:underline
}
.content-index .contrast .inner .con-info .con-block .con-more:hover {
	color:#26aeec
}
 @media screen and (max-width:1150px) {
 .content-index .banner .banner-bk {
 padding:0 20px;
 min-width:1024px;
 height:500px;
 box-sizing:border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 -o-box-sizing:border-box;
 -ms-box-sizing:border-box
}
 .content-index .banner .inner {
 width:100%;
 min-width:1000px;
 height:500px
}
 .content-index .banner .inner .banner-phone {
 width:360px
}
 .content-index .banner .inner .cover {
 left:390px;
 width:620px
}
 .content-index .banner .inner .cover .start-ysp .url-start-ysp {
 width:360px
}
 .content-index .case .case-slogan {
 font-size:30px
}
}
 @media screen and (max-width:1280px) {
 .content-index .banner .banner-bk {
 padding:0 20px;
 min-width:1024px;
 height:500px;
 box-sizing:border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 -o-box-sizing:border-box;
 -ms-box-sizing:border-box;
 background:#f2f2f2 url(../images/index-banner.jpg) 0 0 no-repeat;
 background-size:100% 100%
}
 .content-index .banner .inner {
 width:100%;
 min-width:1000px;
 height:500px
}
 .content-index .banner .inner .banner-phone {
 width:360px
}
 .content-index .banner .inner .cover {
 left:375px;
 width:620px
}
 .content-index .banner .inner .cover .start-ysp .url-start-ysp {
 width:360px
}
 .content-index .banner .inner .cover .start-ysp .btn-start-ysp {
 padding:11px 50px
}
 .content-index .banner .honor {
 padding:0 20px
}
 .content-index .banner .honor li:last-child {
 float:none
}
 .content-index .explanation {
 width:1000px;
 min-width:1000px;
 padding:0 30px;
 box-sizing:border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 -o-box-sizing:border-box;
 -ms-box-sizing:border-box
}
 .content-index .explanation .exp-info {
 left:636px
}
 .content-index .odds .inner {
 width:100%;
 min-width:1000px;
 padding:50px 20px;
 box-sizing:border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 -o-box-sizing:border-box;
 -ms-box-sizing:border-box
}
 .content-index .odds .inner .odds-info {
 overflow:hidden
}
 .content-index .odds .inner .odds-info .odds-title {
 width:200px
}
 .content-index .contrast .inner {
 width:100%;
 min-width:1000px;
 padding:0 20px;
 box-sizing:border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 -o-box-sizing:border-box;
 -ms-box-sizing:border-box
}
 .content-index .marketing .mark-bk .inner {
 width:100%;
 min-width:1000px
}
 .content-index .marketing .mark-bk .inner .mark-slogan {
 padding-left:30px
}
 .content-index .marketing .mark-bk .inner .mark-info {
 padding-left:30px
}
 .content-index .marketing .mark-bk .inner .mark-info .mark-left {
 width:100%
}
 .content-index .marketing .mark-bk .inner .mark-phone {
 right:30px;
 width:300px
}
 .content-index .marketing .mark-bk {
 min-width:100%;
 box-sizing:border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 -o-box-sizing:border-box;
 -ms-box-sizing:border-box
}
 .content-index .customers .inner {
 width:100%;
 min-width:1000px;
 padding:0 20px;
 box-sizing:border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 -o-box-sizing:border-box;
 -ms-box-sizing:border-box;
 padding-top:70px
}
 .content-index .case {
 width:100%;
 min-width:1000px;
 padding:0 20px;
 box-sizing:border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 -o-box-sizing:border-box;
 -ms-box-sizing:border-box
}
 .content-index .case .case-info .case-block {
 width:30%
}
 .content-index .case .case-info .case-block:nth-child(n+2) {
 margin-left:4.6%
}
 .content-index .case .case-info .case-block:nth-child(3) {
 float:right
}
}
.content-jobs {
	width:100%
}
.content-jobs .banner {
	margin:0 auto;
	height:534px;
	background-image:url("../images/jion.jpg");
	background-repeat:no-repeat;
	background-position:center center;
	margin:20px auto
}
.content-jobs .job-info {
	width:1098px;
	margin:0 auto;
	margin:0 auto 100px;
	padding-top: 30px;
}
.content-jobs .job-info:after {
	content:'';
	display:block;
	clear:both
}
.content-jobs .job-info .job-ysp {
	width:70%;
	float:left;
	line-height: 28px;
}
.content-jobs .job-info .job-ysp .holder {
	width:85%
}
.content-jobs .job-info .job-ysp .holder .title {
	border-bottom:1px solid #d6d6d6;
	margin:65px 0 20px
}
.content-jobs .job-info .job-ysp .holder .title:first-child {
	margin-top:0
}
.content-jobs .job-info .job-ysp .holder .title h3 {
	font-size:22px;
	margin-bottom:15px;
	font-weight:100
}
.content-jobs .job-info .job-ysp .holder p {
	margin:0 0 10px;
	width:98%;
	line-height:22px
}
.content-jobs .job-info .job-post {
	width:30%;
	float:right;
	position:relative;
}
.content-jobs .job-info .job-post .holder {
	width:85%;
	float:right;
	padding-top: 40px;
}
.content-jobs .job-info .job-post .holder .title {
	border-bottom:1px solid #d6d6d6
}
.content-jobs .job-info .job-post .holder .title h3 {
	font-size:22px;
	margin-bottom:15px;
	font-weight:100
}
.content-jobs .job-info .job-post .holder .content {
	margin-top:40px;
	width:96%
}
.content-jobs .job-info .job-post .holder .content .job-block {
	margin-bottom:40px
}
.content-jobs .job-info .job-post .holder .content .job-block:last-child {
	padding-bottom:0
}
.content-jobs .job-info .job-post .holder .content .job-block .job-title {
	cursor:pointer;
	font-size:16px
}
.content-jobs .job-info .job-post .holder .content .job-block .job-title:hover {
	color:#08c
}
.content-jobs .job-info .job-post .holder .content .job-block .job-detail {
	border:0;
	display:none;
	padding-left:1em
}
.content-jobs .job-info .job-post .holder .content .job-block .job-detail ul {
	list-style:circle;
	padding:0;
	margin:0 0 10px 25px
}
.content-jobs .job-info .job-post .holder .content .job-block .job-detail ul li {
	margin-top:5px
}
.content-jobs .job-info .job-post .holder .mail {
	font-size:18px
}
.content-jobs .job-info .job-post .holder .mail a {
	color:#26aeec
}
 @media screen and (max-width:1280px) {
 .content-jobs .banner {
 width:100%;
 min-width:1000px;
 padding:0 20px;
 box-sizing:border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 -o-box-sizing:border-box;
 -ms-box-sizing:border-box
}
 .content-jobs .job-info {
 width:100%;
 min-width:1000px;
 padding:0 20px;
 box-sizing:border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 -o-box-sizing:border-box;
 -ms-box-sizing:border-box
}
}
.content-pricing .slogan {
	width:1260px;
	min-width:1260px;
	margin:0 auto;
	text-align:center;
	margin-top:60px
}
.content-pricing .slogan .title {
	font-size:36px
}
.content-pricing .container {
	margin:60px auto 50px;
	width:1260px;
	min-width:1260px;
	margin:0 auto
}
.content-pricing .table {
	width:100%;
	table-layout:fixed;
	text-align:center
}
.content-pricing .table th, .content-pricing .table td {
	border:1px solid #ccc;
	padding:10px
}
.content-pricing .table th {
	background:#313131;
	color:#fff
}
.content-pricing .table th.highlight {
	background:#26aeec
}
.content-pricing .table tr.dark-color {
	background:#eee
}
.content-pricing .pricing-call {
	font-size:24px;
	text-align:right;
	color:#4ab86b;
	margin-top:15px
}
.content-pricing .pricing-call .as-phone-sign {
	margin-right:8px
}
.content-pricing .pricing-call span {
	font-weight:bold
}
.content-pricing .form {
	width:1260px;
	min-width:1260px;
	margin:0 auto
}
.content-pricing .form .url-block {
	margin-top:40px;
	margin-left:100px
}
.content-pricing .form .url-block .url-input {
	width:460px;
	height:42px;
	vertical-align:middle;
	border:1px solid #DDD;
	border-radius:0;
	padding:0 12px;
	font-size:16px
}
.content-pricing .form .url-block .url-btn {
	background:#4ab86b;
	color:#fff;
	font-size:14px;
	padding:2px 13px;
	border:0;
	border-radius:4px;
	vertical-align:middle;
	cursor:pointer;
	font-size:18px;
	padding:11px 65px;
	margin-left:10px
}
.content-pricing .form .url-block .url-btn:hover {
	background:#58db7f
}
.content-pricing .form .deals {
	margin-left:120px;
	margin-top:20px;
	color:#26aeec
}
.content-pricing .service {
	width:100%;
	background:url(../images/service-bg.jpg) no-repeat left top;
	background-size:100% auto
}
.content-pricing .service .service-info {
	width:1260px;
	min-width:1260px;
	margin:0 auto;
	position:relative;
	height:710px
}
.content-pricing .service .service-info .service-slogan {
	padding-top:60px;
	text-align:center;
	font-size:50px;
	color:#dbdbdb
}
.content-pricing .service .service-info .service-tit {
	padding-top:100px;
	background:url(../images/ysp-service.png) no-repeat center bottom
}
.content-pricing .service .service-info .service-tit ul:after {
	display:block;
	content:'';
	clear:both
}
.content-pricing .service .service-info .service-tit li {
	float:left;
	width:20%;
	text-align:center;
	list-style:none;
	font-size:20px;
	position:relative
}
.content-pricing .service .service-info .service-tit li a {
	height:60px;
	display:block;
	line-height:50px
}
.content-pricing .service .service-info .service-tit li.blue {
	width:220px;
	padding-left:30px;
	color:#1ba1e2
}
.content-pricing .service .service-info .service-tit li.green {
	padding-left:9px;
	color:#9c0
}
.content-pricing .service .service-info .service-tit li.green a {
	margin-left:-21px
}
.content-pricing .service .service-info .service-tit li.origin {
	width:200px;
	padding-left:7px;
	color:#fb3
}
.content-pricing .service .service-info .service-tit li.origin a {
	margin-left:-14px
}
.content-pricing .service .service-info .service-tit li.red {
	width:200px;
	padding-left:45px;
	color:#f44
}
.content-pricing .service .service-info .service-tit li.red a {
	margin-left:-1px
}
.content-pricing .service .service-info .service-tit li.brown {
	color:#a6c
}
.content-pricing .service .service-info>img {
	padding-left:35px;
	z-index:900
}
.content-pricing .service .service-info .service-cont ul {
	position:relative;
	width:100%
}
.content-pricing .service .service-info .service-cont li {
	position:absolute;
	width:205px;
	list-style:none;
	padding:10px;
	border-radius:.8em;
	display:none
}
.content-pricing .service .service-info .service-cont li:before {
	content:'';
	width:0;
	height:0;
	border:11px solid rgba(0, 0, 0, 0);
	position:absolute;
	left:50%;
	top:-21px;
	margin-left:-5.5px
}
.content-pricing .service .service-info .service-cont li p {
	color:#FFF;
	font-size:16px;
	line-height:30px;
	text-indent:2em;
	padding-bottom:25px
}
.content-pricing .service .service-info .service-cont li.blue {
	top:10px;
	left:30px;
	background:#1ba1e2;
	display:block
}
.content-pricing .service .service-info .service-cont li.blue:before {
	border-bottom-color:#1ba1e2
}
.content-pricing .service .service-info .service-cont li.green {
	top:10px;
	left:275px;
	background:#9c0
}
.content-pricing .service .service-info .service-cont li.green:before {
	border-bottom-color:#9c0
}
.content-pricing .service .service-info .service-cont li.origin {
	top:10px;
	left:515px;
	background:#fb3
}
.content-pricing .service .service-info .service-cont li.origin:before {
	border-bottom-color:#fb3
}
.content-pricing .service .service-info .service-cont li.red {
	top:10px;
	left:755px;
	background:#f44
}
.content-pricing .service .service-info .service-cont li.red:before {
	border-bottom-color:#f44
}
.content-pricing .service .service-info .service-cont li.brown {
	top:10px;
	left:996px;
	background:#a6c
}
.content-pricing .service .service-info .service-cont li.brown:before {
	border-bottom-color:#a6c
}
 @media screen and (max-width:1280px) {
 .content-pricing .slogan {
 width:100%;
 min-width:980px
}
 .content-pricing .container {
 width:100%;
 min-width:984px
}
 .content-pricing .form {
 width:100%;
 min-width:980px;
 box-sizing:border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 -o-box-sizing:border-box;
 -ms-box-sizing:border-box;
 padding:0 20px
}
 .content-pricing .service {
 width:100%;
 margin:0 auto;
 background:url(../images/service-bg.jpg) no-repeat left top;
 background-size:100% auto
}
 .content-pricing .service .service-info {
 width:100%;
 min-width:980px;
 position:relative;
 height:710px
}
 .content-pricing .service .service-info .service-slogan {
 padding-top:60px;
 text-align:center;
 font-size:50px;
 color:#dbdbdb
}
 .content-pricing .service .service-info .service-tit {
 padding-top:100px;
 width:980px;
 margin:0 auto;
 background:url(../images/ysp-service.png) no-repeat center bottom;
 background-size:100%
}
 .content-pricing .service .service-info .service-tit li {
 float:left;
 width:20%;
 text-align:center;
 list-style:none;
 font-size:20px;
 position:relative
}
 .content-pricing .service .service-info .service-tit li a {
 height:60px;
 display:block;
 line-height:50px
}
 .content-pricing .service .service-info .service-tit li.blue {
 width:125px;
 padding-left:10px;
 color:#1ba1e2
}
 .content-pricing .service .service-info .service-tit li.green {
 padding-left:9px;
 color:#9c0;
 width:250px
}
 .content-pricing .service .service-info .service-tit li.green a {
 margin-left:-21px
}
 .content-pricing .service .service-info .service-tit li.origin {
 width:180px;
 padding-left:7px;
 color:#fb3
}
 .content-pricing .service .service-info .service-tit li.origin a {
 margin-left:-14px
}
 .content-pricing .service .service-info .service-tit li.red {
 width:200px;
 padding-left:2px;
 color:#f44
}
 .content-pricing .service .service-info .service-tit li.red a {
 margin-left:-1px
}
 .content-pricing .service .service-info .service-tit li.brown {
 color:#a6c;
 width:190px
}
 .content-pricing .service .service-info .service-cont {
 width:980px;
 margin:0 auto
}
 .content-pricing .service .service-info .service-cont li.blue {
 left:-18px
}
 .content-pricing .service .service-info .service-cont li.blue:before {
 left:45%
}
 .content-pricing .service .service-info .service-cont li.green {
 left:173px
}
 .content-pricing .service .service-info .service-cont li.origin {
 left:373px
}
 .content-pricing .service .service-info .service-cont li.red {
 left:575px
}
 .content-pricing .service .service-info .service-cont li.brown {
 left:777px
}
}
.privacy {
	width:1260px;
	min-width:1260px;
	margin:0 auto;
	padding:50px 0
}
.privacy .title {
	font-size:24px;
	border-bottom:1px solid #eee;
	margin-bottom:1.5em
}
.privacy .title h3 {
	padding-bottom:1.5em
}
.privacy p {
	margin:0 0 1em;
	columns:4
}
.privacy h4 {
	margin:2em 0 1em
}
.privacy ul {
	margin-left:2em;
	line-height:1.8
}
 @media screen and (max-width:1280px) {
 .privacy {
 width:94%;
 min-width:980px;
 margin:0 auto
}
}
.content-signup {
	width:100%
}
.content-signup .banner {
	margin:0 auto;
	height:504px;
	background-image:url("../images/contact.jpg");
	background-repeat:no-repeat;
	background-position:center center;
	margin:0px auto
}
.content-signup .sign-info {
	width:1099px;
	min-width:1099px;
	margin:0 auto;
	margin:0 auto 50px;
	padding-top: 30px;
}
.content-signup .sign-info:after {
	content:'';
	display:block;
	clear:both
}
.content-signup .sign-info .sign-text {
	width:70%;
	float:left;
	line-height: 28px;
}
.content-signup .sign-info .sign-text .holder {
	width:85%
}
.content-signup .sign-info .sign-text .holder .title {
	border-bottom:1px solid #d6d6d6;
	margin:65px 0 20px
}
.content-signup .sign-info .sign-text .holder .title:first-child {
	margin-top:0
}
.content-signup .sign-info .sign-text .holder .title h3 {
	font-size:18px;
	margin-bottom:15px;
	font-weight:100
}
.content-signup .sign-info .sign-form {
	width:30%;
	float:right;
	position:relative
}
.content-signup .sign-info .sign-form .holder {
	width:85%;
	float:right;
	padding-top: 40px;
}
.content-signup .sign-info .sign-form .holder .conname {
	line-height: 25px;
}
.content-signup .sign-info .sign-form .holder .conname h5 {
	font-size:22px;
	line-height: 25px;
	margin-bottom:10px;
	font-weight:100
}
.tipche {
	line-height: 36px;
}
.contact h5 {
	font-size: 18px;
	line-height: 28px;
}
 @media screen and (max-width:1280px) {
 .content-signup .banner {
 width:100%;
 min-width:1000px;
 box-sizing:border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 -o-box-sizing:border-box;
 -ms-box-sizing:border-box
}
 .content-signup .sign-info {
 width:100%;
 min-width:1000px;
 box-sizing:border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 -o-box-sizing:border-box;
 -ms-box-sizing:border-box;
 padding:0 20px
}
}
.content-yunshipei .best {
	background:#fff;
	padding-top:20px
}
.content-yunshipei .best .inner {
	width:1099px;
	min-width:1099px;
	margin:0 auto;
	overflow:hidden;
}
.content-yunshipei .best .best-slogan {
	text-align:left;
	font-size:24px;
}
.content-yunshipei .best .best-slogan span {
	font-size: 24px;
	padding-right: 30px;
	background: url(../images/ico_jia.png) no-repeat right center;
}
.content-yunshipei .best .best-info {
	margin-top:20px
}
.margin30 {
	margin-bottom: 40px;
}
.content-yunshipei .best .best-info .best-block {
	width:325px;
	float:left;
	text-align:left;
	margin-bottom: 0px;
}
.content-yunshipei .best .best-info .best-block.margin10 {
	margin-bottom: 15px;
}
.content-yunshipei .best .best-info .best-block+.best-block {
	margin-left:62px;
	display: inline;
}
.content-yunshipei .best .best-info .best-block .best-icon {
	width:325px;
	height:357px;
	display:block;
	margin:0 auto;
}
.content-yunshipei .best .best-info .best-block .best-icon b {
	padding-top:42px;
	width:325px;
	display:block;
	height:315px;
}
.content-yunshipei .best .best-info .best-block .best-icon a {
	width:325px;
	height:315px;
	display:block;
}
.content-yunshipei .best .best-info .best-block .best-icon a:hover {
	width:325px;
	height:315px;
	background:#3eb57f;
	filter:alpha(opacity=82);
	-moz-opacity:0.82;
	-khtml-opacity: 0.82;
	opacity:0.82;
}
.content-yunshipei .best .best-info .best-block .best-wap {
	background:url(../images/service_con01.jpg) 50% 50% no-repeat
}
.content-yunshipei .best .best-info .best-block .best-app {
	background:url(../images/service_con02.jpg) 50% 50% no-repeat
}
.content-yunshipei .best .best-info .best-block .best-siteApp {
	background:url(../images/service_con03.jpg) 50% 50% no-repeat
}
.content-yunshipei .best .best-info .best-block .best-servi04 {
	background:url(../images/service_con04.jpg) 50% 50% no-repeat
}
.content-yunshipei .best .best-info .best-block .best-servi05 {
	background:url(../images/service_con05.jpg) 50% 50% no-repeat
}
.content-yunshipei .best .best-info .best-block .best-servi06 {
	background:url(../images/service_con06.jpg) 50% 50% no-repeat
}
.content-yunshipei .best .best-info .best-block .you-icon {
	border-top: 1px solid #969696;
	padding-top: 8px;
	width:325px;
	height: 100px;
	display: block;
	padding-bottom: 100px;
	font-size: 14px;
	line-height: 28px;
}
.content-yunshipei .best .best-info .best-block .you-icon h5 {
	font-size: 18px;
}
.content-yunshipei .best .best-info .best-block .you-icon p {
	padding-top: 0;
	margin-top: 5px;
}
.content-yunshipei .best .best-info .best-block .s-you {
	background:url(../images/service_b01.png) 50% bottom no-repeat
}
.content-yunshipei .best .best-info .best-block .d-you {
	background:url(../images/service_b02.png) 50% bottom no-repeat
}
.content-yunshipei .best .best-info .best-block .ser-you {
	background:url(../images/service_b04.png) 50% bottom no-repeat
}
.content-yunshipei .best .best-info .best-block .best-title {
	margin-top:20px;
	font-size:18px
}
.content-yunshipei .best .best-info .best-block .best-content {
	font-size:13px;
	line-height:24px;
	color:#777;
	text-align:left;
	text-indent:2em
}
.content-yunshipei .best .best-info .best-block .best-content span {
	text-indent:2em;
	display:block
}
.content-yunshipei .start {
	margin-top:40px;
	padding-bottom: 10px;
}
.content-yunshipei .start .inner {
	width:1099px;
	min-width:1099px;
	margin:0 auto;
}
.content-yunshipei .start .start-img {
	margin-top:20px;
	float:right;
	width: 50%;
	text-align: right;
}
.content-yunshipei .start .start-info {
	width:50%;
	float: left;
}
.content-yunshipei .start .start-info .start-content {
	margin:0;
	padding:0;
	list-style:none;
	padding-top: 100px;
	font-size: 18px;
	line-height: 30px;
	color: #9D9D9D
}
 @media screen and (max-width:1280px) {
 .content-yunshipei .theory {
 background:#fe8b0c;
 height:740px
}
 .content-yunshipei .theory .textArea {
 width:980px;
 min-width:980px;
 margin:0 auto
}
 .content-yunshipei .theory .theory-content {
 width:980px;
 min-width:980px;
 height:480px;
 position:relative
}
 .content-yunshipei .theory .theory-content .theo-pc {
 position:absolute;
 left:0;
 top:55px;
 text-align:center;
 width:260px
}
 .content-yunshipei .theory .theory-content .theo-pc p {
 margin:0;
 color:#FFF
}
 .content-yunshipei .theory .theory-content .theo-quote {
 position:absolute;
 left:245px;
 top:100px;
 width:230px;
 text-align:center
}
 .content-yunshipei .theory .theory-content .theo-quote p {
 margin:0;
 color:#FFF
}
 .content-yunshipei .theory .theory-content .theo-code {
 position:absolute;
 left:485px;
 top:104px;
 text-align:center
}
 .content-yunshipei .theory .theory-content .theo-code .theo-textcode {
 background:#FFF;
 line-height:30px;
 padding-right:10px
}
 .content-yunshipei .theory .theory-content .theo-code .theo-textcode .num {
 width:40px;
 display:inline-block;
 text-align:center;
 background:#DDD;
 margin-right:5px
}
 .content-yunshipei .theory .theory-content .theo-origin {
 position:absolute;
 left:120px;
 bottom:140px;
 width:280px
}
 .content-yunshipei .theory .theory-content .theo-origin p {
 position:absolute;
 left:60px;
 top:40px;
 color:#FFF
}
 .content-yunshipei .theory .theory-content .theo-ip {
 position:absolute;
 left:305px;
 bottom:40px;
 text-align:center
}
 .content-yunshipei .theory .theory-content .theo-ip p {
 margin:0;
 color:#fff
}
 .content-yunshipei .theory .theory-content .theo-transform {
 position:absolute;
 left:525px;
 bottom:140px;
 width:200px
}
 .content-yunshipei .site {
 background:#f2f2f2;
 width:100%;
 padding-bottom:40px
}
 .content-yunshipei .site .inner {
 width:100%;
 min-width:980px;
 position:relative;
 height:800px;
 overflow:hidden
}
 .content-yunshipei .site .site-slogan {
 padding-top:60px;
 text-align:center;
 font-size:34px;
 font-weight:normal
}
 .content-yunshipei .site .site-subtitle {
 margin-top:15px;
 font-size:20px;
 text-align:center;
 color:#888
}
 .content-yunshipei .site .site-img {
 position:absolute;
 width:42%;
 left:10px;
 bottom:auto;
 top:255px
}
 .content-yunshipei .site .site-info {
 position:absolute;
 top:170px;
 right:10px;
 width:550px
}
 .content-yunshipei .best {
 background:#fff;
 padding-top:50px
}
 .content-yunshipei .best .inner {
 width:980px;
 min-width:980px;
 position:relative;
 height:720px;
 overflow:hidden;
 margin:0 auto
}
 .content-yunshipei .best .best-slogan {
 text-align:center;
 font-size:34px
}
 .content-yunshipei .best .best-info {
 margin-top:60px
}
 .content-yunshipei .best .best-info:after {
 content:'';
 display:block;
 clear:both
}
 .content-yunshipei .best .best-info .best-block {
 width:312px;
 float:left;
 text-align:center
}
 .content-yunshipei .best .best-info .best-block+.best-block {
 margin-left:20px
}
 .content-yunshipei .start {
 background:#f2f2f2;
 margin-top:40px
}
 .content-yunshipei .start .inner {
 width:100%;
 min-width:980px;
 position:relative;
 height:750px
}
 .content-yunshipei .start .start-img {
 position:absolute;
 right:0;
 bottom:40px;
 width:46%;
 max-width:540px
}
 .content-yunshipei .start .start-info {
 position:absolute;
 top:220px;
 left:30px;
 width:500px
}
 .content-yunshipei .start .start-info .start-content {
 margin:0;
 padding:0;
 list-style:none
}
 .content-yunshipei .start .start-info .start-content li {
 margin-top:15px
}
 .content-yunshipei .start .start-info .start-content li:after {
 content:'';
 display:block;
 clear:both
}
 .content-yunshipei .start .start-info .start-content li .start-cont {
 width:452px;
 float:right
}
}
.content-value .site {
	background:#f2f2f2
}
.content-value .site .inner {
	width:1260px;
	min-width:1260px;
	margin:0 auto;
	position:relative;
	height:660px;
	overflow:hidden
}
.content-value .site .site-slogan {
	padding-top:60px;
	text-align:center;
	font-size:26px;
	font-weight:600
}
.content-value .site .site-subtitle {
	margin-top:15px;
	font-size:20px;
	text-align:center;
	color:#888
}
.content-value .site .site-img {
	position:absolute;
	left:0;
	bottom:0
}
.content-value .site .site-info {
	position:absolute;
	top:200px;
	right:0;
	width:520px
}
.content-value .site .site-info .site-content {
	margin:0;
	padding:0;
	list-style:none
}
.content-value .site .site-info .site-content li {
	margin-top:15px
}
.content-value .site .site-info .site-content li:after {
	content:'';
	display:block;
	clear:both
}
.content-value .site .site-info .site-content li .site-icon {
	width:40px;
	float:left
}
.content-value .site .site-info .site-content li .site-icon i {
	background:url(../images/marketing-icon.png) -9px -284px no-repeat;
	width:22px;
	height:22px;
	display:inline-block;
	vertical-align:top
}
.content-value .site .site-info .site-content li .site-cont {
	width:480px;
	float:right
}
.content-value .site .site-info .site-content li .site-cont p {
	margin:0 0 10px 0
}
.content-value .site .site-info .site-content li .site-cont .site-tip {
	height:22px;
	line-height:22px;
	font-size:18px
}
.content-value .site .site-info .site-content li .site-cont .site-text {
	margin-top:10px;
	color:#555
}
.content-value .start {
	width:1260px;
	min-width:1260px;
	margin:0 auto;
	position:relative;
	height:750px
}
.content-value .start .start-slogan {
	padding-top:60px;
	text-align:center;
	font-size:26px
}
.content-value .start .start-subtitle {
	margin-top:15px;
	font-size:20px;
	text-align:center;
	color:#888
}
.content-value .start .start-img {
	position:absolute;
	right:0;
	bottom:40px
}
.content-value .start .start-info {
	position:absolute;
	top:240px;
	left:50px;
	width:570px
}
.content-value .start .start-info .start-content {
	margin:0;
	padding:0;
	list-style:none
}
.content-value .start .start-info .start-content li {
	margin-top:15px
}
.content-value .start .start-info .start-content li:after {
	content:'';
	display:block;
	clear:both
}
.content-value .start .start-info .start-content li .start-icon {
	width:40px;
	float:left
}
.content-value .start .start-info .start-content li .start-icon i {
	background:url(../images/marketing-icon.png) -9px -284px no-repeat;
	width:22px;
	height:22px;
	display:inline-block;
	vertical-align:top
}
.content-value .start .start-info .start-content li .start-cont {
	width:530px;
	float:right
}
.content-value .start .start-info .start-content li .start-cont p {
	margin:0 0 10px
}
.content-value .start .start-info .start-content li .start-cont .start-tip {
	font-size:18px;
	height:22px;
	line-height:22px
}
.content-value .start .start-info .start-content li .start-cont .start-text {
	margin-top:5px;
	color:#666
}
.content-product .banner {
	width:100%;
	overflow:hidden;
	position:relative;
	background:#f2f2f2 url(../images/pro-banner.jpg) 0 0 no-repeat;
	background-size:100% auto
}
.content-product .banner .inner {
	width:1260px;
	min-width:1260px;
	margin:0 auto;
	height:380px;
	position:relative;
	overflow:hidden
}
.content-product .banner .inner .url-block {
	width:750px;
	height:40px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-20px 0 0 -290px
}
.content-product .banner .inner .url-block .url-input {
	width:490px;
	height:45px;
	vertical-align:middle;
	border:0;
	border-radius:0;
	padding:0 12px
}
.content-product .banner .inner .url-block .url-btn {
	background:#ff8b00;
	color:#fff;
	font-size:14px;
	padding:2px 13px;
	border:0;
	border-radius:4px;
	vertical-align:middle;
	cursor:pointer;
	font-size:16px;
	padding:12px 55px;
	margin-left:10px
}
.content-product .banner .inner .url-block .url-btn:hover {
	background:#fba135
}
.content-product .banner .inner .url-block .deals {
	margin-top:20px;
	color:#fff
}
.content-product .slogan {
	width:1260px;
	min-width:1260px;
	margin:0 auto;
	text-align:center;
	margin-top:70px
}
.content-product .slogan p {
	margin:0
}
.content-product .slogan .title {
	font-size:36px
}
.content-product .slogan .subtitle {
	color:#898989;
	font-size:26px;
	margin-top:20px
}
.contactcontent {
	line-height: 28px;
}
.contactcontent .subtitle {
	font-size:18px;
	line-height: 20px;
	font-weight: bold;
	margin-bottom: 0px;
}
.contactcontent .colortitil {
	color: #3eb57f;
}
.content-product .products {
	width:1260px;
	min-width:1260px;
	margin:0 auto;
	margin-top:60px
}
.content-product .products:after {
	content:'';
	display:block;
	clear:both
}
.content-product .products .pro-block {
	width:270px;
	height:660px;
	margin:0 0 80px 60px;
	float:left
}
.content-product .products .pro-block:first-child {
	margin-left:0
}
 .content-product .products .pro-block:nth-child(5n) {
 margin-left:0
}
.content-product .products .pro-block .pro-img {
	width:270px;
	height:223px;
	display:block
}
.content-product .products .pro-block .stat {
	background:url(../images/pro-stat.jpg) 50% 50% no-repeat
}
.content-product .products .pro-block .marketing {
	background:url(../images/pro-marketing.jpg) 50% 50% no-repeat
}
.content-product .products .pro-block .mutual {
	background:url(../images/pro-mutual.jpg) 50% 50% no-repeat
}
.content-product .products .pro-block .pay {
	background:url(../images/pro-pay.jpg) 50% 50% no-repeat
}
.content-product .products .pro-block .safe {
	background:url(../images/pro-safe.jpg) 50% 50% no-repeat
}
.content-product .products .pro-block .speed {
	background:url(../images/pro-speed.jpg) 50% 50% no-repeat
}
.content-product .products .pro-block .app {
	background:url(../images/pro-app.jpg) 50% 50% no-repeat
}
.content-product .products .pro-block .customize {
	background:url(../images/pro-customize.jpg) 50% 50% no-repeat
}
.content-product .products .pro-block .pro-title {
	font-size:22px;
	width:240px;
	margin:30px auto 0
}
.content-product .products .pro-block .pro-content {
	width:240px;
	margin:30px auto 0
}
.content-product .products .pro-block .pro-content p {
	margin:0 0 10px 0
}
.content-product .products .pro-block .pro-content .tip {
	font-size:16px
}
 @media screen and (max-width:1280px) {
 .content-product .banner {
 width:100%
}
 .content-product .banner .inner {
 width:100%;
 min-width:980px;
 margin:0 auto
}
 .content-product .banner .inner .url-block {
 left:42%
}
 .content-product .slogan {
 width:100%;
 min-width:980px
}
 .content-product .products {
 width:100%;
 min-width:980px;
 margin-top:60px;
 margin:0 auto
}
 .content-product .products .pro-block {
 width:25%;
 height:660px;
 margin:0 0 80px 0;
 float:left
}
 .content-product .products .pro-block:first-child {
 margin-left:auto
}
 .content-product .products .pro-block:nth-child(5n) {
 margin-left:auto
}
 .content-product .products .pro-block .pro-img {
 width:90%;
 height:223px;
 display:block
}
 .content-product .products .pro-block .stat {
 background:url(../images/pro-stat.jpg) 50% 50% no-repeat;
 margin-left:10px
}
 .content-product .products .pro-block .marketing {
 background:url(../images/pro-marketing.jpg) 50% 50% no-repeat
}
 .content-product .products .pro-block .mutual {
 background:url(../images/pro-mutual.jpg) 50% 50% no-repeat;
 background-size:90%
}
 .content-product .products .pro-block .pay {
 background:url(../images/pro-pay.jpg) 50% 50% no-repeat;
 background-size:100%
}
 .content-product .products .pro-block .safe {
 background:url(../images/pro-safe.jpg) 50% 50% no-repeat
}
 .content-product .products .pro-block .speed {
 background:url(../images/pro-speed.jpg) 50% 50% no-repeat;
 background-size:100%
}
 .content-product .products .pro-block .app {
 background:url(../images/pro-app.jpg) 50% 50% no-repeat;
 background-size:100%
}
 .content-product .products .pro-block .customize {
 background:url(../images/pro-customize.jpg) 50% 50% no-repeat;
 background-size:100%
}
 .content-product .products .pro-block .pro-title {
 width:90%
}
 .content-product .products .pro-block .pro-content {
 width:90%
}
}
.content-partner {
	width:100%;
	background:#f5f5f5
}
.content-partner .logos {
	width:1260px;
	min-width:1260px;
	margin:0 auto;
	padding:200px 0
}
.content-partner .logos table {
	width:100%;
	text-align:center
}
.content-partner .logos table tr:first-child td {
	border-top:0
}
.content-partner .logos table tr td {
	width:25%;
	height:140px;
	border-top:1px solid #dfdfdf;
	border-left:1px solid #dfdfdf
}
.content-partner .logos table tr td:first-child {
	border-left:0
}
 @media screen and (max-width:1280px) {
 .content-partner .logos {
 width:100%;
 min-width:1000px;
 padding:200px 20px;
 box-sizing:border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 -o-box-sizing:border-box;
 -ms-box-sizing:border-box
}
}
.content-cases .banner .inner .flexslider .flex-direction-nav li .flex-next:before {
	content:''
}
.content-cases .case {
	width:1260px;
	min-width:1260px;
	margin:0 auto;
	margin:50px auto 0
}
.case .cases-type {
	border-bottom: 1px solid #C6C6C6;
	padding-bottom: 25px;
	margin-right: 10px;
}
.content-index .case .case-info.mtpx {
	margin-top: 20px;
}
.case .cases-type li {
	width:154px;
	height:30px;
	line-height:30px;
	display:inline-block;
	color:#555;
	text-align:center;
	vertical-align:middle;
	float: left;
	margin-right: 3px;
}
.case .cases-type li a {
	width: 100%;
	height: 30px;
	line-height: 30px;
	display: block;
	background: #efefef;
}
.case .cases-type li a:hover {
	background: #3eb57f;
	color: #fff;
}
.content-cases .cases .cases-list {
	width:1060px;
	min-width:1060px;
	margin:0 auto;
	margin:50px auto 0
}
.content-cases .cases .cases-list:after {
	content:'';
	display:block;
	clear:both
}
.content-cases .cases .cases-list .cases-block {
	float:left;
	width:220px;
	margin:0 60px 90px 0;
	text-align:center
}
 .content-cases .cases .cases-list .cases-block:nth-child(4n) {
 margin-right:0
}
.content-cases .cases .cases-list .cases-block .cases-img {
	position:relative;
	width:218px;
	height:340px;
	border:1px solid #eee;
	box-shadow:0 0 5px rgba(0, 0, 0, 0.15);
	overflow:hidden
}
.content-cases .cases .cases-list .cases-block .cases-img:hover .cover {
	top:0
}
.content-cases .cases .cases-list .cases-block .cases-img .cover {
	width:100%;
	height:100%;
	position:absolute;
	background:rgba(234, 34, 44, 0.7);
	cursor:pointer;
	top:-340px;
	left:0;
 -webkit-transition:.2s all ease
}
.content-cases .cases .cases-list .cases-block .cases-img .cover i {
	color:#fff;
	font-size:32px;
	display:block;
	margin-top:150px
}
.content-cases .cases .cases-list .cases-block .cases-img img {
	width:218px;
	height:340px
}
.content-cases .cases .cases-list .cases-block .cases-title {
	margin-top:15px;
	font-size:16px;
	line-height:22px;
	overflow:hidden
}
.content-cases .cases .cases-list .cases-block .cases-title span {
	max-width:218px;
	display:inline-block;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden
}
.content-cases .cases .cases-pagination {
	width:1260px;
	min-width:1260px;
	margin:0 auto;
	height:40px;
	margin-bottom:50px;
	position:relative;
	text-align:center;
}
.content-cases .cases .cases-pagination nav {
	position:absolute;
	top:0;
	right:0
}
.content-cases .cases .cases-pagination nav:after {
	content:'';
	display:block;
	clear:both
}
.content-cases .cases .cases-pagination nav a {
	background:#d6d6d6;
	display:block;
	float:left;
	margin-left:1px;
	padding:6px 12px;
	color:#fff
}
.content-cases .cases .cases-pagination nav a:hover {
	background:#1ba6df
}
.content-cases .cases .cases-pagination nav a:first-child {
	border-radius:4px 0 0 4px;
	margin-left:0
}
.content-cases .cases .cases-pagination nav a:first-child:before {
	content:'<';
	margin-right:5px
}
.content-cases .cases .cases-pagination nav a:last-child {
	border-radius:0 4px 4px 0
}
.content-cases .cases .cases-pagination nav a:last-child:after {
	content:'>';
	margin-left:5px
}
.content-cases .cases .cases-pagination nav .active {
	background:#1ba6df;
	cursor:default
}
.content-cases .cases-modal .title {
	padding-top:20px;
	font-size:16px
}
.content-cases .cases-modal .qrcode {
	margin:20px auto;
	width:260px;
	height:260px
}
.content-cases .cases-modal .info {
	margin-top:10px;
	color:#898989
}
 @media screen and (max-width:1280px) {
 .content-cases .banner .inner .flexslider {
 left:40px
}
 .content-cases .banner .inner .flexslider .slides li .flex-caption {
 position:absolute;
 top:-40px;
 right:-640px;
 width:560px
}
 .content-cases .cases {
 width:100%;
 min-width:980px;
 margin:50px auto 0
}
 .content-cases .cases .cases-type {
 text-align:right;
 margin-right:10px
}
 .content-cases .cases .cases-list {
 width:980px;
 min-width:980px;
 margin:50px auto 0
}
 .content-cases .cases .cases-list:after {
 content:'';
 display:block;
 clear:both
}
 .content-cases .cases .cases-list .cases-block {
 float:left;
 width:220px;
 margin:0 32px 90px 0;
 text-align:center
}
 .content-cases .cases .cases-pagination {
 width:100%;
 min-width:980px
}
 .content-cases .cases .cases-pagination nav {
 right:10px
}
 .content-cases .customers {
 width:100%;
 min-width:980px
}
 .content-cases .customers .inner {
 width:100%;
 min-width:980px
}
}
.content-contact {
	width:100%
}
.content-contact .contact-info {
	width:980px;
	min-width:980px;
	margin:0 auto;
	margin:70px auto
}
.content-contact .contact-info:after {
	content:'';
	display:block;
	clear:both
}
.content-contact .contact-info .contact-left {
	width:49%;
	float:left;
	border-right:1px solid #d6d6d6
}
.content-contact .contact-info .contact-left .holder {
	width:85%
}
.content-contact .contact-info .contact-left .holder .title {
	border-bottom:1px solid #d6d6d6;
	margin:65px 0 20px
}
.content-contact .contact-info .contact-left .holder .title:first-child {
	margin-top:0
}
.content-contact .contact-info .contact-left .holder .title h3 {
	font-size:22px;
	margin-bottom:15px;
	font-weight:100
}
.content-contact .contact-info .contact-left .holder p {
	margin:0 0 10px;
	width:98%;
	line-height:22px
}
.content-contact .contact-info .contact-right {
	width:50%;
	float:left
}
.content-contact .contact-info .contact-right .holder {
	width:85%;
	float:right
}
.content-contact .contact-info .contact-right .holder .title {
	border-bottom:1px solid #d6d6d6
}
.content-contact .contact-info .contact-right .holder .title h3 {
	font-size:22px;
	margin-bottom:15px;
	font-weight:100
}
.content-contact .contact-info .contact-right .holder .content {
	margin-top:20px;
	width:96%
}
.content-contact .contact-locations {
	position:relative;
	width:100%;
	height:480px
}
.content-contact .contact-locations #contact-map {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:480px;
	clear:both;
	z-index:0
}
.content-contact .contact-locations #contact-map img {
	max-width:none
}
.content-contact .contact-locations #contact-offices {
	background:#fff;
	position:absolute;
	top:0;
	left:50%;
	width:320px;
	padding:20px;
	margin:0 0 0 -160px;
	opacity:.85
}
.content-contact .contact-locations #contact-offices h3 {
	font-size:26px;
	font-weight:100;
	margin:10px 0
}
.content-contact .contact-locations #contact-offices .unstyled {
	list-style:none;
	margin:18px 0 0
}
.content-contact .contact-locations #contact-offices .unstyled li {
	line-height:20px;
	margin-top:20px
}
.content-contact .contact-locations #contact-offices .unstyled li h5 {
	margin:10px 0
}
.content-contact .contact-locations #contact-offices .unstyled li address {
	margin-bottom:20px
}
.content-contact .contact-locations #contact-offices .unstyled li address a {
	color:#26aeec
}
.content-contact .contact-locations .flag {
	display:inline-block;
	width:16px;
	height:11px;
	background:url(../images/flags.png) no-repeat
}
.content-contact .contact-locations .flag.flag-cn {
	background-position:-208px -22px
}
.content-contact .contact-locations .flag.flag-hk {
	background-position:-208px -55px
}
.content-contact .contact-locations .flag.flag-us {
	background-position:-112px -154px
}
.content-reports .reports-main {
	width:1000px;
	min-width:1000px;
	margin:0 auto;
	padding-top:80px;
	padding-bottom:80px
}
.content-reports .reports-main:after {
	clear:both;
	display:block;
	content:""
}
.content-reports .reports-main .sidebar {
	float:right;
	overflow:hidden;
	width:210px
}
.content-reports .reports-main .sidebar .relative {
	color:#222;
	font-weight:bold
}
.content-reports .reports-main .sidebar .nav {
	border:0;
	margin-left:1.3em;
	padding:0
}
.content-reports .reports-main .sidebar .nav li {
	list-style:disc
}
.content-reports .reports-main .sidebar .nav li a {
	color:#06C
}
.content-reports .reports-main .reports-info {
	float:left;
	width:750px
}
.content-reports .reports-main .reports-info .reports-list li {
	padding:20px;
	padding-bottom:10px;
	list-style:none
}
.content-reports .reports-main .reports-info .reports-list li .reports-time {
	width:90px;
	color:#999;
	float:left
}
.content-reports .reports-main .reports-info .reports-list li .reports-tit a {
	color:#404a58;
	font-size:16px;
	font-weight:600;
	display:block;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden
}
.content-reports .reports-main .reports-info .reports-list li .reports-dsc {
	line-height:20px;
	font-size:14px;
	color:#595959;
	padding-left:90px
}
.content-reports .reports-main .reports-info .reports-list li .reports-medio {
	text-align:right;
	color:#595959;
	margin-right:10px
}
.content-reports .reports-main .reports-info .reports-list li:after {
	content:"";
	border-bottom:1px #DDD dashed;
	display:block
}
.content-reports .reports-main .reports-info .reports-pagination {
	width:1000px;
	min-width:1000px;
	margin:0 auto;
	height:40px;
	margin-top:15px
}
.content-reports .reports-main .reports-info .reports-pagination nav:after {
	content:'';
	display:block;
	clear:both
}
.content-reports .reports-main .reports-info .reports-pagination nav a {
	background:#d6d6d6;
	display:block;
	float:left;
	margin-left:1px;
	padding:6px 12px;
	color:#fff
}
.content-reports .reports-main .reports-info .reports-pagination nav a:hover {
	background:#1ba6df
}
.content-reports .reports-main .reports-info .reports-pagination nav a:first-child {
	border-radius:4px 0 0 4px;
	margin-left:0
}
.content-reports .reports-main .reports-info .reports-pagination nav a:first-child:before {
	content:'<';
	margin-right:5px
}
.content-reports .reports-main .reports-info .reports-pagination nav a:last-child {
	border-radius:0 4px 4px 0
}
.content-reports .reports-main .reports-info .reports-pagination nav a:last-child:after {
	content:'>';
	margin-left:5px
}
.content-reports .reports-main .reports-info .reports-pagination nav .active {
	background:#1ba6df;
	cursor:default
}
.content-build .banner {
	width:100%;
	height:190px;
	position:relative;
	overflow:hidden
}
.content-build .banner img {
	width:100%;
	height:auto
}
.content-build .banner h2 {
	position:absolute;
	width:100%;
	top:50%;
	font-size:40px;
	font-weight:normal;
	color:#FFF
}
.content-build .banner h2 div {
	display:block;
	margin:0 auto;
	width:1260px
}
.content-build .banner h2 span {
	display:block;
	font-size:16px;
	margin-top:15px
}
.content-build .design {
	width:100%;
	background:#f0f0f0;
	padding-top:40px
}
.content-build .design .design-cont {
	width:1260px;
	min-width:1260px;
	margin:0 auto
}
.content-build .design .design-cont:after {
	display:block;
	clear:both;
	content:""
}
.content-build .design .design-cont .design-left {
	float:left;
	width:50%;
	height:100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	padding-right:15px
}
.content-build .design .design-cont .design-right {
	float:left;
	width:50%;
	height:100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	padding-left:15px;
	color:#595959
}
.content-build .design .design-cont .design-right h2 {
	font-size:25px;
	margin-bottom:40px;
	font-weight:normal;
	margin-top:15px;
	color:#404a58
}
.content-build .design .design-cont .design-right .info p {
	font-size:14px;
	margin:0;
	line-height:25px
}
.content-build .design .design-cont .design-right .info p.in {
	text-indent:1em
}
.content-build .design .design-cont .design-right .info p.in:before {
	content:"•";
	display:inline-block;
	color:#595959;
	margin-right:5px
}
.content-build .build-suggestion {
	width:1260px;
	min-width:1260px;
	margin:0 auto;
	padding-top:40px;
	line-height:20px;
	padding-bottom:60px;
	color:#595959
}
.content-build .build-suggestion .suggestion-slogn {
	width:50%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	padding-right:15px
}
.content-build .build-suggestion .sug-block:after {
	display:block;
	clear:both;
	content:""
}
.content-build .build-suggestion .sug-block .sug-text {
	margin-top:15px
}
.content-build .build-suggestion .sug-block .sug-block-left {
	float:left;
	width:50%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	padding-right:15px
}
.content-build .build-suggestion .sug-block .sug-block-right {
	float:right;
	width:50%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	padding-left:15px
}
 .content-build .build-suggestion .sug-block:nth-child(2) .sug-block-left {
 height:340px;
 padding-top:80px
}
 .content-build .build-suggestion .sug-block:nth-child(3) .sug-block-right {
 height:360px;
 padding-top:10px
}
 .content-build .build-suggestion .sug-block:nth-child(4) .sug-block-left {
 height:300px
}
 .content-build .build-suggestion .sug-block:nth-child(5) .sug-block-left {
 height:300px;
 padding-top:30px
}
 .content-build .build-suggestion .sug-block:nth-child(6) .sug-block-left {
 height:280px;
 padding-top:10px
}
 @media screen and (max-width:1280px) {
 .content-build .banner {
 min-width:1000px
}
 .content-build .design .design-cont {
 width:100%;
 min-width:1000px;
 box-sizing:border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 -o-box-sizing:border-box;
 -ms-box-sizing:border-box;
 padding:0 20px
}
 .content-build .build-suggestion {
 width:100%;
 min-width:1000px;
 box-sizing:border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 -o-box-sizing:border-box;
 -ms-box-sizing:border-box;
 padding:40px 20px 60px
}
 .content-build .build-suggestion .suggestion-cont .sug-block .sug-block-right {
 height:400px
}
}
.pingtai {
	height: 242px;
	position: relative;
	padding-left: 0px;
}
.pingtai .morein {
	position: absolute;
	left: 0px;
	bottom: 0;
	height: 30px;
	line-height: 30px;
}
.content-aboutus {
	width:100%
}
.content-aboutus .aboutus {
	width:100%;
	min-width:1099px;
}
.content-aboutus .aboutus .img {
	margin-bottom: 20px;
	margin-top: 30px;
}
.content-aboutus .aboutus .inner {
	width:100%;
}
.content-aboutus .aboutus .inner .story {
	width:1099px;
	min-width:1099px;
	margin:0 auto;
}
.content-aboutus .aboutus .inner .story .title {
	width:100%;
	margin:0 auto 0;
	padding-top:18px;
	font-size:24px;
	border-bottom: 1px solid #A6ABB1;
	padding-bottom: 10px;
}
.content-aboutus .aboutus .inner .story .title.huaxetitle {
	padding-top: 20px;
}
.content-aboutus .aboutus .inner .story .content {
	width:100%;
	margin:25px auto 0;
	font-size:14px;
	line-height:24px
}
.content-aboutus .aboutus .inner .story .content .gongxin {
	border-top: 1px dotted #A6ABB1;
	padding-top: 50px;
}
.content-aboutus .aboutus .inner .story .content .hua_l {
	width: 50%;
	float: left;
	text-align: center;
	padding-top: 40px;
	padding-bottom: 80px;
}
.content-aboutus .aboutus .inner .story .content .hua_r {
	width: 50%;
	float: right;
	padding-top: 40px;
	padding-bottom: 80px;
}
.content-aboutus .aboutus .inner .story .content .si_text01 {
	padding-left: 40px;
	padding-top: 60px;
	line-height: 28px
}
.content-aboutus .aboutus .inner .story .content .si_text01 h5 {
	font-size: 22px;
	color: #3eb57f;
	margin-bottom: 10px;
}
.content-aboutus .aboutus .inner .story .content .si_text02 {
	padding-top: 40px;
	line-height: 28px;
	text-align: left;
}
.content-aboutus .aboutus .inner .story .content .si_text02 h5 {
	font-size: 24px;
	color: #3eb57f;
	margin-bottom: 10px;
}
.content-aboutus .aboutus .inner .story .content .imgcenter {
	text-align: center;
}
.content-aboutus .aboutus .inner .story .content .cons {
	padding-bottom: 0px;
	z-index:80;
}
.content-aboutus .aboutus .inner .story .content .l_text {
	float: left;
	line-height: 28px;
	padding-top: 60px;
	width: auto;
}
.content-aboutus .aboutus .inner .story .content .l_text h5 {
	font-size: 18px;
	color: #3eb57f;
	margin-bottom: 10px;
}
.content-aboutus .aboutus .inner .story .content .r_img {
	float: right;
	width: auto;
	text-align: center;
	padding-top: 30px;
}
.content-aboutus .aboutus .inner .story .content .r_img img {
	-webkit-animation: popOut 600ms ease 200ms both;
	-moz-animation: popOut 600ms ease 200ms both;
	-ms-animation: popOut 600ms ease 200ms both;
	-o-animation: popOut 600ms ease 200ms both;
	animation: popOut 600ms ease 200ms both;
}
.content-aboutus .aboutus .inner .story .content p {
	margin:0 0 15px 0
}
.content-aboutus .aboutus .inner .story .content .websale {
	padding-top: 5px;
	padding-bottom: 30px;
	line-height: 28px;
}
.content-aboutus .aboutus .inner .story .content .websale h5 {
	font-size: 18px;
	color: #3eb57f;
	margin-bottom: 10px;
}
.content-aboutus .aboutus .inner .story .content .websale .web_l {
	float: left;
	width: 50%;
}
.content-aboutus .aboutus .inner .story .content .websale .web_r {
	float: right;
	width: 50%;
}
.morein {
	height:35px;
	line-height:35px;
	color: #3eb57f;
	z-index:9999999;
}
.morein a {
	color: #3eb57f;
	font-size: 18px;
}
.content-aboutus .vibox {
}
.content-aboutus .vibox .inner {
	width:1099px;
	min-width:1099px;
	margin:0 auto;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	position:relative;
	border-bottom: 1px dotted #A6ABB1;
	border-top: 1px dotted #A6ABB1;
	padding-bottom: 58px;
	padding-top: 58px;
	margin-bottom: 30px;
	margin-top: 50px;
}
.content-aboutus .vibox .inner .content .title {
	width:100%;
	margin:0 auto 0;
	padding-top:30px;
	font-size:36px
}
.content-aboutus .vibox .inner .content {
	width:100%;
}
.content-aboutus .vibox .inner .content .ceoPhoto {
	float:left;
	width:60%;
}
.content-aboutus .vibox .inner .content .ceoIntro {
	width: 40%;
	float: right;
	line-height: 28px;
}
.content-aboutus .vibox .inner .content .ceoIntro h5 {
	font-size: 18px;
	color: #3eb57f;
	margin-bottom: 6px;
}
.content-aboutus .vibox .inner .content .ceoIntro .introin {
	padding-left: 70px;
}
.content-aboutus .vibox .inner .separator {
	margin:50px auto;
	border-bottom:solid 1px #ccc;
	width:85%
}
 @media screen and (max-width:1280px) {
 .content-aboutus .aboutus {
 min-width:1000px
}
 .content-aboutus .aboutus .inner {
 min-width:1000px;
 box-sizing:border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 -o-box-sizing:border-box;
 -ms-box-sizing:border-box;
 padding:0 20px
}
 .content-aboutus .ceo {
 min-width:1000px;
 width:100%;
 box-sizing:border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 -o-box-sizing:border-box;
 -ms-box-sizing:border-box;
 padding:0 20px
}
 .content-aboutus .ceo .inner .content .ceoIntro {
 width:auto;
 float:none;
 padding:35px 30px 0 200px;
 display:block
}
 .content-aboutus .honor {
 width:100%;
 min-width:1000px
}
 .content-aboutus .honor .title {
 width:95%
}
 .content-aboutus .honor .medalHolder .medal {
 width:30%;
 background:url(../images/shading.png) no-repeat 50%
}
 .content-aboutus .team {
 min-width:1000px;
 width:100%;
 box-sizing:border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 -o-box-sizing:border-box;
 -ms-box-sizing:border-box;
 padding:0 20px
}
 .content-aboutus .team .team-photos {
 width:100%;
 min-width:100%
}
 .content-aboutus .team .team-photos .team-content.bottom .right ul li {
 text-align:right;
 padding:0;
 padding-left:4%
}
 .content-aboutus .team .team-photos .team-content.top .team-imgs.right ul li {
 text-align:left;
 padding:0;
 padding-left:4%
}
}
 @media screen and (min-width:1230px) and (max-width:1280px) {
 .team .team-photos .team-photos {
 width:1190px;
 min-width:1190px
}
}
.newslist {
	width: 100%;
	background: url(../images/bg_newscontent.png) repeat-x left top;
}
.newsshowbox {
	background-color: #F2F2F3;
	margin-bottom: 30px;
}
.newslist .titleboxs {
	margin-bottom: 20px;
	height: 90px;
	position: relative;
}
.newslist .titleboxs .ls {
	float: left;
}
.newslist .titleboxs .rs {
	position: absolute;
	right: 0;
	bottom: 0;
}
.newslist .titleboxs .rs a {
	height: 28px;
	line-height: 28px;
	padding: 5px 48px;
	text-align: center;
	background: #EFEFEF;
	margin-left: 2px;
}
.newslist .main {
	width:1099px;
	min-width:1099px;
	margin:0 auto;
	padding-top:80px;
	padding-bottom:30px
}
.newslist .main:after {
	clear:both;
	display:block;
	content:""
}
.bshare {
	padding-top: 20px;
}
.newslist .main .info .show {
	background: #fff;
	padding:40px 50px 40px 50px;
	overflow:hidden;
}
.newslist .main .info .show .news_title {
	font-size: 24px;
	margin-bottom: 10px;
}
.newslist .main .info .show .newshowend span {
	margin-right: 20px;
}
.newslist .main .info .show .codebox {
	background: #3eb57f;
	color: #fff;
	padding: 20px 40px;
	position: relative;
}
.newslist .main .info .show .codebox .ls {
	width: 60%;
	line-height: 27px;
}
.newslist .main .info .show .codebox .rs {
	float: right;
	display: inline;
	position: absolute;
	right: 40px;
	top: 40px;
}
.newslist .main .info .show .codebox .codeabout {
	border-top: 1px solid #fff;
	padding-top: 20px;
}
.newslist .main .info .show .codebox .welcomewei {
	font-size: 16px;
}
.newslist .main .info .list li {
	padding:10px;
	padding-right: 30px;
	height: 225px;
	list-style:none;
	background: #EFEFF0;
	margin-bottom: 15px;
}
.newslist .main .info .list li .leftimg {
	float: left;
	width:350px;
	margin-right: 40px;
}
.newslist .main .info .list li .question {
	color:#404a58;
	font-size:18px;
	font-weight:600;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	padding-top: 10px;
}
.newslist .main .info .list li .answer {
	line-height:20px;
	font-size:12px;
	color:#737373;
	height: 118px;
}
.newslist .main .info .list li .datas {
	font-size: 12px;
}
.newslist .main .info .pagination {
	margin:0 auto;
	height:49px;
	line-height: 49px;
	margin-top:15px;
	text-align: center;
	background: #EDEEEF;
	color: #666666;
}
.newslist .main .info .pagination .current {
	margin-left:1px;
	padding:6px 12px;
	color:#fff;
	border:1px solid #CCCCCC;
	background:#555555;
}
.newslist .main .info .pagination nav:after {
	content:'';
	display:block;
	clear:both
}
.newslist .main .info .pagination nav a {
	background:#fff;
	margin-left:1px;
	padding:6px 12px;
	color:#555555;
	border:1px solid #CCCCCC;
}
.newslist .main .info .pagination nav a:hover {
	background:#555555;
	color: #fff;
}
.newslist .main .info .pagination nav a:first-child {
	margin-left:0
}
.newslist .main .info .pagination nav a:first-child:before {
	margin-right:5px
}
.newslist .main .info .pagination nav a:last-child {
}
.newslist .main .info .pagination nav a:last-child:after {
	margin-left:5px
}
.newslist .main .info .pagination nav .active {
	background:#555555;
	color: #fff;
	cursor:default
}
.pagination1 {
	width:1100px;
	margin-left:0 auto;
	height:49px;
	line-height: 49px;
	margin-top:15px;
	text-align:center;
	background: #EDEEEF;
	color: #666666;
}
.pagination1 .current {
	margin-left:1px;
	padding:6px 12px;
	color:#fff;
	border:1px solid #CCCCCC;
	background:#555555;
}
.pagination1 nav:after {
	content:'';
	display:block;
	clear:both;
}
.pagination1 nav a {
	background:#fff;
	margin-left:1px;
	padding:6px 12px;
	color:#555555;
	border:1px solid #CCCCCC;
}
.pagination1 nav a:hover {
	background:#555555;
	color: #fff;
}
.pagination1 nav a:first-child {
	margin-left:0
}
.pagination1 nav a:first-child:before {
	margin-right:5px
}
.pagination1 nav a:last-child {
}
.pagination1 nav a:last-child:after {
	margin-left:5px
}
.pagination1 nav .active {
	background:#555555;
	color: #fff;
	cursor:default
}
 @media screen and (max-width:1280px) {
 .newslist .main {
 width:100%;
 min-width:1000px
}
 .newslist .main .info .pagination {
 width:100%;
 min-width:1000px;
 padding-left:0
}
 .newslist .main .info .pagination nav {
 padding-left:30px
}
}
* {
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.content-forum {
	color:#363636;
	font-size:16px
}
.content-forum .wrapper {
	max-width:1000px;
	margin:0 auto
}
.content-forum .banner img {
	width:100%
}
.content-forum .info .wrapper {
	padding:40px 0
}
.content-forum .info .wrapper:after {
	display:block;
	content:'';
	width:0;
	height:0;
	clear:both
}
.content-forum .info .wrapper .title {
	margin:0 0 20px 0
}
.content-forum .info .wrapper .title span {
	display:inline-block;
	padding:0 15px;
	height:40px;
	line-height:40px;
	background-color:#f26522;
	color:#fff;
	font-size:24px
}
.content-forum .info .wrapper .schedule {
	float:left;
	display:inline-block;
	margin:0 20px 0 0;
	width:430px;
	border:1px solid #cdcdcd
}
.content-forum .info .wrapper .schedule p {
	width:100%;
	margin:0;
	padding:15px 20px;
	height:60px;
	border-bottom:1px solid #d7d7d7;
	line-height:29px
}
.content-forum .info .wrapper .schedule p:last-child {
	border-bottom:0;
	line-height:30px
}
.content-forum .info .wrapper .schedule p.head {
	background-color:#eee;
	font-size:20px
}
.content-forum .info .wrapper .place {
	float:left;
	display:inline-block;
	padding:15px;
	width:540px;
	height:482px;
	border:1px solid #cdcdcd
}
.content-forum .info .wrapper .place h4 {
	padding:0 10px;
	margin:0 0 20px 0;
	height:30px;
	border-left:3px solid #f26522;
	line-height:30px;
	font-size:20px;
	font-weight:normal
}
.content-forum .info .wrapper .place .gallery {
	margin:0 0 20px 0;
	font-size:0
}
.content-forum .info .wrapper .place .gallery img {
	margin:0 15px 0 0;
	width:154px;
	height:100px
}
.content-forum .info .wrapper .place .t-gallery {
	margin:0 0 15px 0;
	font-size:0
}
.content-forum .info .wrapper .place .t-gallery img {
	width:508px
}
.content-forum .info .wrapper .place .details {
	font-size:14px
}
.content-forum .info .wrapper .place .details p {
	margin:0;
	padding:0;
	height:28px;
	line-height:28px
}
.content-forum .info .wrapper .place .details p span.label {
	display:inline-block;
	width:70px;
	text-align:right
}
.content-forum .enroll {
	background-color:#eee
}
.content-forum .enroll .success {
	text-align:center;
	margin:20px 0;
	font-size:24px
}
.content-forum .enroll .wrapper {
	padding:40px 0
}
.content-forum .enroll .wrapper .title {
	margin:0 0 20px 0
}
.content-forum .enroll .wrapper .title span {
	display:inline-block;
	padding:0 15px;
	height:40px;
	line-height:40px;
	background-color:#6948a4;
	color:#fff;
	font-size:24px
}
.content-forum .enroll .wrapper form {
	margin:50px 0
}
.content-forum .enroll .wrapper form .failure {
	margin:20px 0;
	padding-left:20px;
	color:#f26522
}
.content-forum .enroll .wrapper form .inline {
	float:left;
	margin:0 0 25px 0;
	width:500px
}
.content-forum .enroll .wrapper form .inline label {
	display:inline-block;
	padding-left:20px;
	width:130px
}
.content-forum .enroll .wrapper form .inline input {
	padding:8px 12px;
	width:330px
}
.content-forum .enroll .wrapper form .inline select {
	width:160px;
	height:36px;
	border:1px solid #cdcdcd
}
.content-forum .enroll .wrapper form .block {
	clear:both;
	width:100%
}
.content-forum .enroll .wrapper form .block label {
	display:inline-block;
	padding-left:20px;
	width:130px
}
.content-forum .enroll .wrapper form .block textarea {
	width:330px;
	padding:10px 15px
}
.content-forum .enroll .wrapper form input[type="submit"] {
	cursor:pointer;
	display:block;
	margin:30px 0 0 520px;
	padding:0;
	width:250px;
	height:50px;
	border:0;
	line-height:50px;
	background-color:#f26522;
	color:#fff;
	font-size:28px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.6)
}
.content-forum .footer {
	text-align:center;
	margin:0;
	padding:25px;
	background-color:#fff;
	font-size:14px
}
.content-forum .footer span {
	margin-right:40px
}
* {
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.lottery {
	position:relative;
	height:2388px;
	background:url('../images/bg0.jpg') 50% 0 no-repeat
}
.lottery .countdown {
	margin:0 auto;
	padding-top:350px;
	width:420px
}
.lottery .countdown span {
	display:inline-block
}
.lottery .countdown .background {
	position:relative;
	width:90px;
	height:90px;
	background:url('../images/countdown-bg.png') 0 0 no-repeat;
	text-align:center
}
.lottery .countdown .delimiter {
	vertical-align:top;
	width:20px;
	height:90px;
	background:url('../images/countdown-delimiter.png') 0 0 no-repeat
}
.lottery .countdown .number {
	margin:0 auto;
	line-height:90px;
	color:#fff;
	font-size:40px
}
.lottery .countdown .unit {
	position:absolute;
	right:10px;
	bottom:5px;
	color:#fff
}
.lottery .fillInfo {
	cursor:pointer;
	display:block;
	margin:30px auto 0 auto;
	padding:10px;
	width:234px;
	background:#fe9440;
	color:#fff;
	text-align:center
}
.lottery .fillInfo span {
	display:block
}
.lottery .fillInfo .fill {
	font-size:30px;
	line-height:40px
}
.lottery .updates {
	position:absolute;
	overflow:hidden;
	left:calc(50% - 300px);
	top:710px;
	width:340px;
	height:128px;
	border:1px solid #dcdcdc;
	background:#f0f0f0
}
.lottery .updates .container {
	overflow:hidden;
	margin:15px;
	height:96px
}
.lottery .updates li {
	list-style:none;
	line-height:24px
}
.lottery .updates li span {
	display:inline-block;
	margin-right:15px
}
.lottery .updates li span:first-child {
	min-width:75px
}
.lottery .share {
	position:absolute;
	right:calc(50% - 425px);
	bottom:525px
}
.lottery .lottery-modal {
	display:none;
	font-size:16px
}
.lottery .lottery-modal .holder {
	background:#fff
}
.lottery .lottery-modal form {
	padding:80px 50px 50px 50px
}
.lottery .lottery-modal form .inline {
	margin-bottom:15px;
	width:100%
}
.lottery .lottery-modal form .inline label {
	display:inline-block;
	width:80px;
	text-align:right
}
.lottery .lottery-modal form .inline input[type="text"] {
	margin-left:20px;
	padding:6px 12px;
	width:250px
}
.lottery .lottery-modal form .inline div.submit {
	cursor:pointer;
	float:left;
	margin:10px 0 0 110px;
	width:120px;
	height:40px;
	border:0;
	background:#fe9440;
	color:#fff;
	line-height:40px
}
.lottery .lottery-modal h4 {
	padding-top:180px;
	font-size:24px
}
.lottery .lottery-modal p.feedback {
	margin:0;
	padding-top:160px;
	line-height:30px;
	font-size:18px
}
.in_main4 {
	clear:both;
	width: 1109px;
	margin:0 auto;
}
.index_ad {
	width: 1160px;
	overflow: hidden;
}
.index_ad li {
	float:left;
	margin-bottom: 15px;
	width: 112px;
	opacity:0.8;
	filter:alpha(opacity=80);
	list-style-type:none;
}
/* 新的 */
.w1200 {
	width: 1109px;
	margin:0 auto;
	margin-top:-230px; 
	z-index:3;
	background:#fff;
}
.service {
	margin-top: 0px;
}
.service_bd {
	margin-top: 0px;
	overflow: hidden;
}
.service_bd ul {
	margin-left: 0px;
	overflow: hidden;
}
.service_bd li {
	float: left;
	width: 266px;
	height: 350px;
	text-align: center;
	position: relative;
	cursor: pointer;
}
.service_bd .over .detail {
	bottom: 0;
}
.service_bd .over .sinfo {
	top:30px;
}
/*.service_bd li:hover .detail{
  display: block;
}*/
.service_bd .sinfo {
	width: 266px;
	height: 186px;
	position: absolute;
	top: 70px;
	left: 0;
	transition: 400ms;
}	
.service_bd li h3 {
	margin-top: 10px;
}
.service_bd .detail {
	width: 100%;
	height: 101px;
	line-height: 24px;
	font-size: 14px;
	color: #fff;
	background: #3eb57f;
	position: absolute;
	left: 0;
	bottom: -101px;
	transition: 400ms;
}
.service_bd .detail p {
	margin: 0 auto;
	margin-top: 13px;
	width: 221px;
	height: 51px;
	/*border:2px #fff solid;*/
  padding: 10px;
	color: #fff;
}
.case-list2 {
	padding-top:8px;
}
.case-list2 ul {
	padding-top:20px;
}
.case-list2 li {
	float:left;
	width:359px;
	height:279px;
	margin-right:10px;
	margin-bottom:10px;
	display:block;
}
.case-list2 li a {
	position:relative;
	display:block;
	width:359px;
	height:279px;
	color:#fff;
}
.case-list2 li a .bg {
	background:#3eb57f;
	position:absolute;
	top:0;
	left:0;
	display:none;
	width:359px;
	height:279px;
}
.case-list2 li img {
	width:359px;
	height:279px;
	background:url(../images/loading.gif) center center no-repeat;
	display:block;
-webkit-animation:DDInY .8s .3s ease both;
-ms-animation:DDInY .8s .3s ease both;
-moz-animation:DDInY .8s .3s ease both;
animation:DDInY .8s .3s ease both
}
.case-list2 li a .info {
	position:absolute;
	top:0;
	left:0;
	display:none;
	width:359px;
	height:279px;
	cursor:pointer;
}
.case-list2 li .title {
	display:block;
	height:220px;
	padding:10px 0 0 20px;
	line-height:24px;
	font-size:16px;
}
.case-list2 li .title span {
	font-size: 0px;
	margin-top: 10px;
	display: block;
	width: 61px;
	height: 61px;
	background: url(../images/img_+.png) no-repeat left center;
	font-weight: normal;
	font-family: Arial
}
.case-list2 li .des {
	display:block;
	padding:0 0 0 20px;
	font-size:14px;
	font-style:normal
}
/* ----- PB分页数字条效果 结束 ----- */
.pagebar .paginationz {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.paginationz a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 14px;
  padding: 8px 12px;
  margin: 0 5px;
  border-radius: 3px;
}
.paginationz span {
    color: #333;
    font-size: 14px;
    padding: 8px 2px;
    margin: 0 5px;
    border-radius: 3px;
}
.paginationz a:hover {
  color: #4fc08d;
  border: 1px solid #4fc08d;
}
.paginationz a.page-num-current {
  color: #fff;
  background: #4fc08d;
  border: 1px solid #4fc08d;
}
/* ----- PB分页数字条效果 结束 ----- */
.float-right-box {
	width: 250px;
	position: fixed;
	right: 0;
	top: 50%;
	margin-top: 58px;
	background-color: #3eb57f;
	z-index: 1000;
	transition: width 0.3s ease 0s;
}
.float-right-box.on {
	width: 50px;
}
.float-right-box .top-list {
	width: 100%;
}
.float-right-box .top-list ul {
	width: 100%;
}
.float-right-box .top-list li {
	width: 100%;
	position: relative;
	border-bottom: 1px solid #ffffff;
	transition: background 0.3s ease 0s;
	height: 50px;
}
.float-right-box .top-list a {
	display: block;
	width: 100%;
}
.float-right-box .top-list .ico {
	display: inline-block;
	width: 50px;
	height: 50px;
	position: absolute;
	right: 0;
	top: 0;
	transition: background 0.3s ease 0s;
	z-index: 2;
}
.float-right-box .top-list .ico1 {
	background: url(../images/ico_58.png) no-repeat center #3eb57f;
}
.float-right-box .top-list .ico2 {
	background: url(../images/ico_59.png) no-repeat center #3eb57f;
}
.float-right-box .top-list .ico3 {
	background: url(../images/ico_60.png) no-repeat center #3eb57f;
}
.float-right-box .top-list .ico4 {
	background: url(../images/ico_61.png) no-repeat center #3eb57f;
}
.float-right-box .top-list .ico5 {
	background: url(../images/ico_62.png) no-repeat center #3eb57f;
}
.float-right-box .top-list .ico6 {
	background: url(../images/ico_68.png) no-repeat center #3eb57f;
}
.float-right-box .top-list .ico7 {
	background: url(../images/ico_69.png) no-repeat center #3eb57f;
}
.float-right-box .top-list .stt {
	display: inline-block;
	font-size: 14px;
	line-height: 50px;
	color: #fff;
	transition: color 0.3s ease 0s;
	position: absolute;
	left: 28px;
	top: 0;
	z-index: 1;
	width: 222px;
	cursor: pointer;
}
.float-right-box .top-list li:hover .stt {
	color: #15191e;
}
.float-right-box .top-list li:hover .ico1 {
	background: url(../images/ico_58_h.png) no-repeat center #fff;
}
.float-right-box .top-list li:hover .ico2 {
	background: url(../images/ico_59_h.png) no-repeat center #fff;
}
.float-right-box .top-list li:hover .ico3 {
	background: url(../images/ico_60_h.png) no-repeat center #fff;
}
.float-right-box .top-list li:hover .ico4 {
	background: url(../images/ico_61_h.png) no-repeat center #fff;
}
.float-right-box .top-list li:hover .ico5 {
	background: url(../images/ico_62_h.png) no-repeat center #fff;
}
.float-right-box .top-list li:hover .ico6 {
	background: url(../images/ico_68_h.png) no-repeat center #fff;
}
.float-right-box .top-list li:hover .ico7 {
	background: url(../images/ico_69_h.png) no-repeat center #fff;
}
.float-right-box .top-list li:hover {
	background-color: #fff;
}
.float-right-box .top-list .return-webtop .stt {
	font-family: "Arial";
	font-weight: bold;
}
.float-right-box .bot-share {
	position: relative;
	height: 50px;
}
.float-right-box .bot-share a {
	display: inline-block;
	width: 50px;
	height: 50px;
	float: left;
	transition: background 0.3s ease 0s;
	margin: 0;
	padding: 0;
}
.float-right-box .bot-share .share {
	width: 200px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}
.float-right-box .bot-share .sina {
	background: url(../images/ico_63.png) no-repeat center;
}
.float-right-box .bot-share .wx {
	background: url(../images/ico_64.png) no-repeat center;
}
.float-right-box .bot-share .more {
	background: url(../images/ico_66.png) no-repeat center;
}
.float-right-box .bot-share a:hover {
	background-color: #525354;
}
.float-right-box .bot-share .share-ico {
	background: url(../images/ico_67.png) no-repeat center #191919;
	width: 50px;
	height: 50px;
	display: inline-block;
	cursor: pointer;
	z-index: 2;
	position: relative;
}
.float-right-box .top-list li .weix {
	position: relative;
}
.float-right-box .sidebox {
	position: absolute;
	right: 250px;
	top: 0;
	transition: all 0.1s ease 0s;
	width: 120px;
	z-index: 10;
	display: none;
	background: #ffffff;
}
.float-right-box .sidebox img {
	width: 110px;
	height: 110px;
	display: block;
	margin: 5px auto;
}