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

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    border: 0 none;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
	font-size:14px;
	border:0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
   
}
ol, ul {
    list-style: none outside none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
body {
    background: none repeat scroll 0 0 #fff;
    color: #333;
    font-family: "Microsoft Yahei",SimHei,sans-serif;
    font-size: 14px;
}
a {
    color: #333;
    text-decoration: none;
}
h1 {
    font-family: STHeiti,"Microsoft Yahei",SimHei,sans-serif;
    font-size: 24px;
    line-height: 36px;
}
h1.main-title {
    line-height: 24px;
    margin: 25px 0;
    text-align: center;
	#31454c
}
h4 {
    font-size: 14px;
}

h4.subtitle {
    color: #525050;
    font-family: '微软雅黑';
    font-size: 15px;
    line-height: 36px;
    width: 780px;
	padding-top:40px;
}
.ss{
 
}
.textzfb{
 	padding-left:450px;
	padding-top:50px;
	height:100%;
	width:700px;
}
.important {
    color: #f60;
    font-family: "Microsoft Yahei",SimHei,sans-serif;
}
.loading {
    background:url(../images/loader.gif) no-repeat scroll center center rgba(0, 0, 0, 0);
}
.section-wrap {
    
}
.section-wrap .section {
    margin: 0 auto;
    width: 1000px;
}
.clearfix {
    clear: both;
}
.caret {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #000;
    content: "";
    display: inline-block;
    height: 0;
    margin: 8px 0 0 7px;
    vertical-align: top;
    width: 0;
}
#head {
    height: 67px;
}
#cases, #feature, #about, #settled {
    position: relative;
    top: -64px;
}
.header {
	background: none repeat scroll 0 0 #fff;
    border-bottom: 1px solid #e6e6e6;
    padding: 10px 0 0px;
    position: fixed;
    top: 0;
	height: 55px;
    width: 100%;
    z-index: 1000;
}
.header .section {
    min-width: 750px;
    width: auto;
}
.header .nav-wrap {
    height: 40px;
    padding: 13px 0 0 10px;
	float:right;
}

.header .nav {
    width: 100%;
}
.header .nav li {
    border-right: 1px solid #bbb;
    display: inline-block;
    padding: 0 25px;
	float:left;
	
}
.header .nav li .hot {
    background: none repeat scroll 0 0 #f00;
    border-radius: 2px;
    color: #fff;
    font-family: "Arial Black";
    font-size: 11px;
    line-height: 11px;
    margin-left: 8px;
    padding: 0 3px;
    position: relative;
    top: -1px;
}
.header .nav li.last-one {
    border-right: medium none;
}
.header .logo {
    background: url("../images/logo.png") no-repeat;
    float: left;
    height: 40px;
    margin: 6px 0 0 10px;
    width: 184px;
}
.header .logo:hover{
	background: url("../images/xlogo.png") no-repeat center 4px;
    float: left;
    height: 40px;
    margin: 6px 0 0 10px;
    width: 184px;
}
@media not all, only screen and (min--moz-device-pixel-ratio: 1.5), not all, not all {
.header .logo {
    background-image: url("../images/logo@2x.png");
    background-size: cover;
}
}

body .header .header-opt-wrap {
    float: left;
    margin-top: 2px;
    padding-left: 30px;
    position: relative;
	width: 20%;
}
.header .login-wrap {
    display: inline-block;
    margin-top: 10px;
	float:left;
}
.header .header-register-btn {
    background-color: #f60;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    display: none;
    left: 20px;
    padding: 8px;
    position: relative;
    width: 60%;
}
.header .header-register-btn a {
    color: #fff;
}
.header.affix {
    position: fixed;
    z-index: 1000;
}
.header.affix .header-register-btn {
    display: inline-block;
}
.overview-area {
    background: none repeat scroll 0 0 #f7f7f7;
    height: 540px;
	width:100%;
}
.overview-area .overview-content {
    padding-left: 160px;
	padding-top:40px;
	width::100%;
	position:absolute;
	background: none repeat scroll 0 0 #f7f7f7;
}
.overview-area .overview-title {
    font-family:'微软雅黑';
    letter-spacing: 2px;
    margin:25px;
 
	padding-left:180px;
	
}
.overview-area .overview-focus-list {
    margin-top: 40px;
    width: 400px;
}
.overview-area .overview-focus-line {
  
    border-radius: 2px;
    color: #b0a9b0;
    display: inline-block;
	font-weight:bolder;
    height: 35px;
    line-height: 30px;
    margin: 7px 0;
    padding: 0 20px 0 10px;
}
.overview-area .overview-focus-line.overview-focus-line1 .overview-focus-line-head {
    color: #294473;
}
.overview-area .overview-focus-line.overview-focus-line1 .overview-focus-line-icon {
    background-image: url(../images/check1.png);
}
.overview-area .overview-focus-line.overview-focus-line2 .overview-focus-line-head {
    color: #f97f1c;
}
.overview-area .overview-focus-line.overview-focus-line2 .overview-focus-line-icon {
    background-image: url("../images/check2.png");
}
.overview-area .overview-focus-line.overview-focus-line3 .overview-focus-line-head {
    color: #ec45ed;
}
.overview-area .overview-focus-line.overview-focus-line3 .overview-focus-line-icon {
    background-image: url("../images/check3.png");
}
.overview-area .overview-focus-line-head {
    font-size: 14px;
    margin: 0 8px;
}
.overview-area .overview-focus-line-icon {
    background-size: cover;
    float: left;
    height: 16px;
    margin-top: 10px;
    width: 16px;
}
.overview-area .overview-btn {
    margin: 10px 0 0 35px;
}
@media not all, only screen and (min--moz-device-pixel-ratio: 1.5), not all, not all {
.overview-area .overview-focus-line.overview-focus-line1 .overview-focus-line-icon {
    background-image: url("../images/check1@2x.png");
}
.overview-area .overview-focus-line.overview-focus-line2 .overview-focus-line-icon {
    background-image: url("../images/check2@2x.png");
}
.overview-area .overview-focus-line.overview-focus-line3 .overview-focus-line-icon {
    background-image: url("../images/check3@2x.png");
}
}
.overview-area .section {
    position: relative;
}
.overview-area .section {
    position: relative;
	width:1000px;
}
.cases-area {
    background: none repeat scroll 0 0 #e9ecf3;
    min-height: 1100px;
    padding-bottom: 70px;
}
.cases-area .cases-title {
    color: #31454c;
    margin: 0;
    padding: 70px 0 0px;
	background: none repeat scroll 0 0 #e9ecf3;
}
.cases-area .case-item {
    float: left;
    font-size: 12px;
    height: 160px;
    line-height: 20px;
    margin-top: 30px;
    position: relative;
    width: 250px;
	margin-left: -30px
}
.cases-area .case-item:hover  .case-item-qrcode-wrap  {
    height: 160px;
    opacity: 1;
    top: -0px;
	left:-65px;
    transition: all 0.3s ease-in-out 0.2s;
}
.cases-area .case-item-line:hover .case-item-qrcode-wrap  {
height: 160px;
    opacity: 1;
    top: -0px;
	left:-65px;
    transition: all 0.3s ease-in-out 0.2s;
}
.cases-area .case-item.case-item-third {
    margin-right: 0;
}
.cases-area .cases-more-btn {
    background-color: #f60;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    display: block;
    margin: 0 auto;
    padding: 8px;
    text-align: center;
    width: 100px;
}
.cases-area .cases-addition {
    background-color: #fff;
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
    display: none;
    margin-bottom: 20px;
}
.cases-area .cases-addtion-item {
    float: left;
    margin: 20px 0;
    position: relative;
    text-align: center;
    width: 12.5%;
}
.cases-area .cases-addtion-icon {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    height: 68px;
    padding: 5px;
    width: 68px;
}
.cases-area .cases-addition-qrcode-wrap {
    background-color: #fff;
    box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.1);
    left: 50%;
    margin-left: -100px;
    position: absolute;
    top: 50px;
    z-index: 100;
}
.cases-area .cases-addtion-name {
    padding-top: 5px;
}

.cases-area .case-item-qrcode-wrap {
    background: none repeat scroll 0 0 #fff;
    box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.1);
    height: 160px;
    left: 50%;
    margin-left: 109px;
    opacity: 0.3;
    position: absolute;
    text-align: center;
    top: 0;
    transition: all 0.3s ease-in-out 0s;
    width: 160px;
    z-index: 10;
}
.cases-area .cases-item-qrcode-intro {
    font-size: 14px;
    position: relative;
    top: -5px;
	display: block;
}

.cases-area .case-item-qrcode {
    height: 145px;
    width: 145px;
}


.cases-area .case-item-content {
    background-color: #fff;
    box-shadow: 0 -1px 2px 1px rgba(0, 0, 0, 0.1);
    float: left;
    height: 140px;
    left: 250px;
    margin: 0 20px 35px 0;
    padding: 10px;
    position: absolute;
    top: 0;
    width: 270px;
    z-index: 20;
}
.cases-area .case-item-date {
    color: #999;
    float: right;
    font-size: 12px;
    font-weight: normal;
}
.cases-area .case-item-line {
    margin-bottom: 8px;
}
.cases-area .case-item-label {
    color: #999;
    float: left;
    width: 50px;
}
.cases-area .case-item-controls {
    border-bottom: 1px dotted #d1dcdd;
    color: #666;
    margin-left: 50px;
    padding-bottom: 10px;
	font-size:12px;
}
.cases-area .case-item-controls.last-child {
    border-bottom: medium none;
}
.cases-area .case-item-name {
    color: #333;
    font-size: 14px;
    font-weight: bold;
}
.cases-area .case-item-head {
    background-color: #ddd;
    background-size: cover;
    height: 160px;
}
.cases-area .case-zxyinhang {
    background-image:url(../images/zx11.png);
	height: 160px;
    width: 250px; background-size:cover;
}
.cases-area .case-zgyidong {
    background-image:url(../images/zx2.png);background-size:cover;
	height: 160px;
    width: 250px;
}
.cases-area .case-shihua {
    background-image:url(../images/zx3.png);background-size:cover;
	height: 160px;
    width: 250px;
}
.cases-area .case-buding {
    background-image: url(../images/zx4.png);background-size:cover;
	height: 160px;
    width: 250px;
}
.cases-area .case-jiaotong {
    background-image:url(../images/zx61.png);background-size:cover;
	height: 160px;
    width: 250px;
}
.cases-area .case-car {
    background-image:url(../images/zx8.png);background-size:cover;
	height: 160px;
    width: 250px;
}
.cases-area .case-haiwangxingchen {
    background-image: url(../images/zx9.png);background-size:cover;
	height: 160px;
    width: 250px;
}

.cases-area .case-wangpiaomovie {
    background-image:url(../images/zx101.png);background-size:cover;
	height: 160px;
    width: 250px;
}
.cases-area .case-dingding {
    background-image:url(../images/zx111.png);background-size:cover;
	height: 160px;
    width: 250px;
}
.cases-area .case-12306 {
    background-image:url(../images/zx12-1.png);background-size:cover;
	height: 160px;
    width: 250px;
}
.cases-area .case-taobaolvxing {
    background-image:url(../images/zx13-1.png);background-size:cover;
	height: 160px;
    width: 250px;
}

.cases-area .case-youbao {
    background-image:url(../images/zx71.png);background-size:cover;
	height: 160px;
    width: 250px;
}

@media not all, only screen and (min--moz-device-pixel-ratio: 1.5), not all, not all {
.cases-area .case-afu {
    background-image: url("../images/afu@2x.jpg");
}
.cases-area .case-aikang {
    background-image: url("../images/aikang@2x.jpg");
}
.cases-area .case-boya {
    background-image: url("../images/boya@2x.jpg");
}
.cases-area .case-gangben {
    background-image: url("../images/gangben@2x.jpg");
}
.cases-area .case-huangyaoshi {
    background-image: url("../images/huangyaoshi@2x.jpg");
}
.cases-area .case-huxu {
    background-image: url("../images/huxu@2x.jpg");
}
.cases-area .case-liangsanshi {
    background-image: url("../images/liangsanshi@2x.jpg");
}
.cases-area .case-luotuo {
    background-image: url("../images/luotuo@2x.jpg");
}
.cases-area .case-maibaobao {
    background-image: url("../images/maibaobao@2x.jpg");
}
.cases-area .case-mofashijia {
    background-image: url("../images/mofashijia@2x.jpg");
}
.cases-area .case-nanrenwa {
    background-image: url("../images/nanrenwa@2x.jpg");
}
.cases-area .case-weihuadian {
    background-image: url("../images/weihuadian@2x.jpg");
}
.cases-area .case-wis {
    background-image: url("../images/wis@2x.jpg");
}
.cases-area .case-wufangzhai {
    background-image: url("../images/wufangzhai@2x.jpg");
}
.cases-area .case-xiangtuxiangqin {
    background-image: url("../images/xiangtuxiangqin@2x.jpg");
}
.cases-area .case-yangege {
    background-image: url("../images/yangege@2x.jpg");
}
.cases-area .case-zhanfang {
    background-image: url("../images/zhanfang@2x.jpg");
}
.cases-area .case-xinnongge {
    background-image: url("../images/xinnongge@2x.jpg");
}
.cases-area .case-baicaowei {
    background-image: url("../images/baicaowei@2x.jpg");
}
.cases-area .case-xunman {
    background-image: url("../images/xunman@2x.jpg");
}
.cases-area .case-yifutang {
    background-image: url("../images/yifutang@2x.jpg");
}
.cases-area .case-luojisiwei {
    background-image: url("../images/luojisiwei@2x.png");
}
}
.feature-area {
    background: none repeat scroll 0 0 #fff;
    padding: 50px 0 80px;
}
.feature-area .feature-content {
    height: 400px;
    margin-top: 50px;
}
.feature-area .feature-content-sub, .feature-area .feature-content-main {
    border: 2px solid #cde1f0;
    border-radius: 25px;
    float: left;
    height: 300px;
}
.feature-area .feature-content-sub {
    background-color: #f6f9fc;
    padding: 40px 40px 60px;
    width: 110px;
}
.feature-area .feature-content-sub .feature-icon {
    font-size: 16px;
}
.feature-area .feature-content-main {
    margin-left: 66px;
    padding: 55px 28px 45px;
    position: relative;
    width: 680px;
}
.feature-area .feature-content-main .feature-icon {
    font-size: 12px;
    margin: 0 15px 40px;
    padding-top: 115px;
  
}
.feature-area .feature-icon {
    background-repeat: no-repeat;
    color: #696969;
    float: left;
    height: 15px;
    margin-bottom: 40px;
    padding-top: 135px;
    text-align: center;
    width: 105px;
}
.feature-area .feature-arrow {
    background-image: url(../images/arrow.png);
    height: 40px;
    left: -40px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
    width: 40px;
}
.feature-area .icon-weibo {
    background-image: url(../images/wgw.png);
}
.feature-area .icon-weixin {
    background-image:url(../images/wsc.png);
}
.feature-area .icon-feature1 {
    background-image: url(../images/ic1.png);
}
.feature-area .icon-feature2 {
    background-image: url(../images/ic2.png);
}
.feature-area .icon-feature3 {
    background-image: url(../images/ic3.png);
}
.feature-area .icon-feature4 {
    background-image: (url../images/ic4.png);
}
.feature-area .icon-feature5 {
    background-image: url(../images/ic5.png);
}
.feature-area .icon-feature6 {
    background-image: url(../images/ic6.png);
}
.feature-area .icon-feature7 {
    background-image: url(../images/ic7.png);
}
.feature-area .icon-feature8 {
    background-image: url(../images/ic8.png);
}
.feature-area .icon-feature9 {
    background-image: url(../images/ic9.png);
}
.feature-area .icon-feature10 {
    background-image: url(../images/ic10.png);
}
@media not all, only screen and (min--moz-device-pixel-ratio: 1.5), not all, not all {
.feature-area .icon-weibo {
    background-image: url("../images/wb@2x.png");
}
.feature-area .icon-weixin {
    background-image: url("../images/weixin@2x.png");
}
.feature-area .feature-icon {
    background-size: 96px auto;
}
.feature-area .feature-content-sub .feature-icon {
    background-size: 116px auto;
}
.feature-area .icon-feature1 {
    background-image: url("../images/feature1@2x.png");
}
.feature-area .icon-feature2 {
    background-image: url("../images/feature2@2x.png");
}
.feature-area .icon-feature3 {
    background-image: url("../images/feature3@2x.png");
}
.feature-area .icon-feature4 {
    background-image: url("../images/feature4@2x.png");
}
.feature-area .icon-feature5 {
    background-image: url("../images/feature5@2x.png");
}
.feature-area .icon-feature6 {
    background-image: url("../images/feature6@2x.png");
}
.feature-area .icon-feature7 {
    background-image: url("../images/feature7@2x.png");
}
.feature-area .icon-feature8 {
    background-image: url("../images/feature8@2x.png");
}
.feature-area .icon-feature9 {
    background-image: url("../images/feature9@2x.png");
}
.feature-area .icon-feature10 {
    background-image: url("../images/feature_qrcode@2x.png");
}
}
.settled-area {
    background: none repeat scroll 0 0 #f4f8f9;
    padding: 40px 0 20px;
	width:100%;
}
.steps .floor {
    color: #fff;
    display: block;
    height: 118px;
    margin-right: 30px;
    padding: 5px 0 0 15px;
    position: relative;
    width: 118px
}
.settled-area .section {
    position: relative;
}
.settled-area .settled-graphic {
    height: 120px;
    margin: 50px auto 60px;
    width: 862px;
}
.settled-area .settled-graphic-step {
    background-repeat: no-repeat;
    background-size: 146px 78px;
    color: #666;
    float: left;
    height: 20px;
    margin-right: 91px;
    padding-top: 100px;
    position: relative;
    text-align: center;
    width: 146px;
}
.settled-area .settled-graphic-step-arrow {
    background-image: url(../images/settled_arrows.png);
    background-size: cover;
    height: 20px;
    position: absolute;
    right: -91px;
    top: 30px;
    width: 92px;
}
.settled-area .settled-graphic-step1 {
    background-image: url(../images/settled_register.png);
}
.settled-area .settled-graphic-step2 {
    background-image: url(../images/settled_attestation.png);
}
.settled-area .settled-graphic-step3 {
    background-image: url(../images/settled_fitment.png);
}
.settled-area .settled-graphic-step4 {
    background-image: url(../images/settled_finish.png);
    margin-right: 0;
}
@media not all, only screen and (min--moz-device-pixel-ratio: 1.5), not all, not all {
.settled-area .settled-graphic-step-arrow {
    background-image: url("../images/settled_arrows@2x.png");
}
.settled-area .settled-graphic-step1 {
    background-image: url("../images/settled_register@2x.png");
}
.settled-area .settled-graphic-step2 {
    background-image: url("../images/settled_attestation@2x.png");
}
.settled-area .settled-graphic-step3 {
    background-image: url("../images/settled_fitment@2x.png");
}
.settled-area .settled-graphic-step4 {
    background-image: url("../images/settled_finish@2x.png");
}
}
.settled-area .settled-common-qa-title {
    color: #2e3d53;
    font-size: 16px;
    margin: 30px 0;
    padding-left: 50px;
}
.settled-area .settled-common-qa-line {
    color: #666;
    font-size: 12px;
    margin-bottom: 25px;
    padding-left: 50px;
}
.settled-area .settled-common-question {
    color: #185bb1;
}
.settled-area .settled-common-answer {
    line-height: 22px;
    margin-top: 10px;
}
.settled-area .settled-common-answer-content {
    margin-left: 17px;
}
.settled-area .settled-common-answer-affix {
    float: left;
}
.settled-area .settled-reference {
    background-size: cover;
    height: 500px;
    position: absolute;
    right: -50px;
    top: 100px;
    width: 280px;
}
.settled-area .settled-reference-content {
    height: 405px;
    left: 100px;
    position: absolute;
    top: 10px;
    width: 295px;
}
@media not all, only screen and (min--moz-device-pixel-ratio: 1.5), not all, not all {
.settled-area .settled-reference {
    background-image: url("../images/reference@2x.png");
}
}
.about-area {
    background: none repeat scroll 0 0 #fff;
    padding: 50px 0 0px;
}
.about-area .about-gallery {
    height: 340px;
    padding-left: 5px;
}
.about-area .about-gallery .about-image {
    float: left;
    height: 240px;
    margin: 30px 5px;
    width: 320px;
}
.about-area .about-gallery .about-image1 {
    background-image:url(../images/about1.jpg);
	 
}
.about-area .about-gallery .about-image2 {
    background-image:url(../images/about2.jpg);
}
.about-area .about-gallery .about-image3 {
    background-image:url(../images/about3.jpg);
}
.about-area ul.about-links {
    color: #666;
    font-size: 14px;
    text-align: center;
}
.about-area ul.about-links li {
    display: inline;
}
.about-area ul.about-links a {
    color: #666;
}
.about-area ul.about-links .sep {
    padding: 0 3px;
}
.footer-area {
    background: none repeat scroll 0 0 #f8f8f8;
    padding: 20px 0px 40px;
}
.footer-area .section {
    position: relative;
	 text-align: center;
}
.footer-area .main-title {
    margin: 30px 0 40px;
}
.footer-area .footer-register-btn {
    left: 50%;
    margin-left: -100px;
    position: absolute;
}
.footer-area .copy {
    color: #999;
    margin-top: 30px;
    text-align: center;
}
.register-btn {
    background-image:url(../images/register_btn_715.png);
    cursor: pointer;
    display: inline-block;
    height: 50px;
    width: 195px;
}
.register-btns {
    background-image:url(../images/register_btn_715@2x.png);
    cursor: pointer;
    display: inline-block;
    height: 50px;
    width: 195px;
	margin-top: 10px;
}
@media not all, only screen and (min--moz-device-pixel-ratio: 1.5), not all, not all {
.register-btn {
    background-image:url(../images/register_btn_715@2x.png);
    background-size: cover;
}
}
.dropdown {
    position: relative;
}
.dropdown .dropdown-menu {
    background-color: #fff;
    border: 1px solid #b3b3b3;
    border-radius: 2px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    display: none;
    top:18px;
    position: absolute;
    right: -26px;
    width: 93px;;
}
.dropdown .dropdown-menu li {
    border: medium none;
    display: block;
    text-align:center;
    padding: 5px;
	width: 83px;
}
.dropdown .dropdown-menu li:hover {
    background-color: #f5f5f5;
}
.dropdown:hover .dropdown-menu {
    display: block;
}
.dropdown .dropdown-menu:hover {
    display: block;
}
.swiper-container {
    backface-visibility: hidden;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.swiper-wrapper {
    box-sizing: content-box;
    position: relative;
    transform: translate3d(0px, 0px, 0px);
    transition-duration: 0s;
    transition-property: transform, left, top;
    transition-timing-function: ease;
    width: 100%;
}
.swiper-free-mode > .swiper-wrapper {
    margin: 0 auto;
    transition-timing-function: ease-out;
}
.swiper-slide {
    float: left;
}
.swiper-wp8-horizontal {
}
.swiper-wp8-vertical {
}
.swiper-active-switch {
    background: none repeat scroll 0 0 #fff;
}
.slide-container {
   
    height: 421px;
    position: absolute;
    right: -100px;
}
.main-slide-wrapper {
    background: url(../images/mac.png) no-repeat scroll center top / cover rgba(0, 0, 0, 0);
    height: 370px;
    overflow: hidden;
    width: 640px;
}
.main-slide.swiper-container {
    height: 310px;
    margin-left: 74px;
    margin-top: 23px;
    width: 495px;
    z-index: 100;
}
.main-slide .swiper-slide {
    background-size: cover;
}
.main-slide .pic1 {
    background-image: url(../images/page1.png );
	
}
.main-slide .pic2 {
    background-image: url( ../images/page2.png);
}
.main-slide .pic3 {
    background-image: url(../images/page3.png );
}

@media not all, only screen and (min--moz-device-pixel-ratio: 1.5), not all, not all {
.main-slide-wrapper {
    background-image: url(../images/mac@2x.png);
}
.main-slide .pic1 {
    background-image: url(../images/page1@2x.png);
}
.main-slide .pic2 {
    background-image: url(../images/page2@2x.png);
}
.main-slide .pic3 {
    background-image: url(../images/page3@2x.png);
}
}
.minor-slide-wrapper {
    background-image: url(../images/iphone.png);
    background-repeat: no-repeat;
    background-size: cover;
 	 
    height: 265px;
    position: absolute;
 	margin-top:40px;
    width: 135px;
    z-index: 200;
}
.minor-slide.swiper-container {
    height: 192px;
    margin-left: 14px;
    margin-top: 40px;
    overflow: hidden;
    width: 109px;
}
@media not all, only screen and (min--moz-device-pixel-ratio: 1.5), not all, not all {
.minor-slide.swiper-container {
    height: 190px;
    margin-left: 15px;
    margin-top: 41px;
    overflow: hidden;
    width: 106px;
}
}
.minor-slide .swiper-slide {
    background-size: cover;
}
.minor-slide .pic1 {
    background-image:url(../images/imagesmobile-pic1.png);

}
.minor-slide .pic2 {
    background-image: url(../images/imagesmobile-pic2.png);
}
.minor-slide .pic3 {
    background-image: url(../images/imagesmobile-pic3.png);
}
.minor-slide .pic4 {
    background-image: url(../images/imagesmobile-pic4.png);
}
.minor-slide-wrapper .minor-slide-pagination {
    bottom: 30px;
    margin-right: -18px;
    position: absolute;
    right: 50%;
    z-index: 300;
}
@media not all, only screen and (min--moz-device-pixel-ratio: 1.5), not all, not all {
.minor-slide-wrapper {
    background-image: url("../images/iphone@2x.png");
}
.minor-slide .pic1 {
    background-image: url("../images/mobile-pic1@2x.png");
}
.minor-slide .pic2 {
    background-image: url("../images/mobile-pic2@2x.png");
}
.minor-slide .pic3 {
    background-image: url("../images/mobile-pic3@2x.png");
}
.minor-slide .pic4 {
    background-image: url("../images/mobile-pic4@2x.png");
}
}
.qq-server-wrap {
    bottom: 0;
    color: #f6fbff;
    font-size: 16px;
    position: fixed;
    right: 0;
    text-align: center;
    z-index: 100;
}
.qq-server-wrap .qq-server-content {
    background: none repeat scroll 0 0 #343b41;
    height: 72px;
    line-height: 18px;
    padding: 30px 10px;
    width: 1em;
}
.qq-server-wrap .qq-server-content:hover {
    width: 70px;
}
.qq-server-wrap .qq-server-content:hover .qq-server-before {
    display: none;
}
.qq-server-wrap .qq-server-content:hover .qq-server-after {
    display: block;
}
.qq-server-wrap .qq-server-content .qq-server-after {
    background:url(../images/qq_server.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    display: none;
    padding-top: 60px;
}
.guidepop-area {
    display: none;
    height: 312px;
    left: 50%;
    margin-left: -265px;
    position: fixed;
    top: 100px;
    width: 544px;
    z-index: 1000;
}
.guidepop-area .guidepop-wrap {
    background-image:url(../images/guidepop.png);
    background-size: cover;
    height: 312px;
    width: 544px;
}
.guidepop-area .guidepop-close {
    cursor: pointer;
    height: 20px;
    position: absolute;
    right: 17px;
    top: 30px;
    width: 20px;
}
.guidepop-area .guidepop-register-btn {
    bottom: 45px;
    cursor: pointer;
    height: 60px;
    left: 147px;
    position: absolute;
    width: 245px;
}
@media not all, only screen and (min--moz-device-pixel-ratio: 1.5), not all, not all {
.guidepop-area .guidepop-wrap {
    background-image: url("../images/guidepop@2x.png");
}
}

#zjwm {
    background: none repeat scroll 0 0 #f5f5f5;
    height: 630px;
    width: 100%;
}

.hgj {
    height: 420px;
    width: 100%;
}

.ztext {
    height: 70px;
    padding-left: 210px;
    padding-top: 20px;
    width: 940px;
}
.zj_a {
    color: #555555;
    font-family: '微软雅黑';
    font-size: 15px;
    margin: 0 auto;
}
.bule {
    background: url(../images/ls.png) no-repeat scroll center 0 rgba(0, 0, 0, 0);
    overflow: hidden;
    position: relative;
    width: 100%;
}
.address {
    background: none repeat scroll 0 0 #fff;
    height: 400px;
    overflow: hidden;
    padding-top: 30px;
    position: relative;
    width: 100%;
}

.map {
    background: url("../images/map.png") no-repeat scroll 0 center rgba(0, 0, 0, 0);
    height: 370px;
    margin-left: 180px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.logotext {
    color: #2b334a;
    font-family: '微软雅黑';
    font-size: 28px;
    left: 880px;
    line-height: 25px;
    position: absolute;
    top: 167px;
}

.addresstext {
    color: #48505d;
    font-family: '微软雅黑';
    font-size: 21px;
    left: 720px;
    position: absolute;
    top: 215px;
	line-height:28px;
}

.end {
    background: none repeat scroll 0 0 #293448;
    height: 50px;
    width: 100%;
}

.end_text {
    color: #d5d6d8;
    font-size: 16px;
    padding-left: 530px;
    padding-top: 15px;
}
.manage{
	background: none repeat scroll 0 0 #f0f6fa;
    height:auto;
    width: 100%;
	border-bottom: 2px solid #fff;
	padding: 40px 0 60px;
}
.manage .section{
    margin: 0 auto;
    width: 1000px;
}

.manage .cases-titles {
    color: #31454c;
    margin: 0;
    padding: 60px 0 0;
	text-align: center;
	background:#f0f6fa;
}

#sybcenter {
    background-color: #f0f6fa;
    height: 460px;
    margin: 0px auto 0;
    width: 1000px;
}
.sybcenterheader{
	padding-top:20px;
	height:50px;
	padding-left:240px;
}
.sybcentersubmit{
    background: none repeat scroll 0 0 #5891A1;
    height:37px;
	border-radius:6px;
    border: 0 none;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    line-height: 21px;
    padding: 0 24px;
    vertical-align: middle;
    width: 110px;
	float:left;
	margin:30px;
}

.sybcentersubmit hover{
	background:#485c97;
}
ul, li {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

#sybcenterbox {
    padding: 5px;
    width: 990px;
}

#sybcenterbox li {
    border: 1px solid #f0f6fa;
    border-radius: 8px;
    float: left;
    height: 152px;
    margin: 15px 16px 15px 17px;
    position: relative;
    width: 212px;
}

#sybcenterbox li a {
    display: block;
    height: 152px;
    width: 212px;
}
* {
    font-family: "Microsoft YaHei",微软雅黑,"SimHei",黑体,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu;
    margin: 0;
    padding: 0;
}


#sybcenterbox li .icon {
 
    height: 100px;
    margin: 20px auto 0;
    width: 100px;
}

#sybcenterbox li span {
    bottom: 0;
    color: #646464;
    display: block;
    font-family: "SimHei",黑体,"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu;
    font-size: 16px;
    height: 25px;
    left: 0;
    line-height: 25px;
    position: absolute;
    text-align: center;
    width: inherit;
}
.sybcentersubmit1{
    background: none repeat scroll 0 0 #485c79;
    height:37px;
	border-radius:6px;
    border: 0 none;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    line-height: 21px;
    padding: 0 24px;
    vertical-align: middle;
    width: 110px;
	float:left;
	margin:30px;
}
.sybli{
	width:800px;
	height:500px;
}

.nv{
    height: 30px;
    line-height: 20px;
    margin: 0 auto;
    position: relative;
    right: 0;
    text-align: center;
    top: 30px;
}

.li {
    border-right: 1px solid #bbb;
    display: inline-block;
	float:left;
    padding: 0 15px;
}
.qudao {
    font-size: 16px;
    padding-top: 50px;
    text-align: center;
}
.zs{
	text-align:center;
	padding-top:50px;
	width:910px;
	margin: 0px auto 0px;
}
.zs_img{
	height: 340px;
    margin: 20px auto 0px;
    width: 100%;
}
.zs_left{
	float:left;
}
.zs_right{
	float:right;
}
.z1{
	font-size:17px;
	line-height:40px;
	color:#13151b;
}
.z2{
	color:#707070;
	font-size:13px;
}
.adds{
	width:1000px;
	height:230px;
	margin:0px auto;
}
.adds ul li{
	width:24%;
	height:210px;
	float:left;
	border-right:1px dashed #ccc;
	text-align:center;
}
.adds ul li img{
	margin:18px auto 15px;
}
.z3{
	font-size:16px;
	color:#13151b;
}
.z4{
	font-size:12px;
	color:#707070;
	line-height:25px;
}
#dl{
    border:1px dashed #ccc;
    border-radius: 3px;
    color: #707070;
    font-family: "微软雅黑";
    font-size: 16px;
    height: 25px;
    width: 90px;
	text-align:center;
	background:#fff;
	margin-top:5px;
}
.zc{
    margin: 0px auto;
    position: relative;
    width: 1000px;
	padding-top:70px;
	height:450px;
}

.zc_btn {
    background: url("../images/zc.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin-right:100px;
	float:right;
    height: 35px;
	display:inline-block;
    width: 179px;
 
}
.o2o{
	background: url("../images/o2o.png") no-repeat scroll center 0 #f0f6fa;
    height: 481px;
    margin: 80px auto;
    position: absolute;
    width: 100%;
}
.cases-area {
    background: none repeat scroll 0 0 #e3edee;
    min-height: 680px;
    padding-bottom: 70px;
}
.section-wrap {
    border-bottom: 2px solid #fff;
}

.section-wrap .section {
 
    width: 1000px;
}
.cases-area .cases-title {
    color: #31454c;
    margin: 0;
    padding: 60px 0 25px;
}
#o2o_box {
    padding: 5px;
    width: 990px;
}
#o2o_box li {
    border: 1px solid #f0f6fa;
    border-radius: 8px;
    float: left;
    height: 180px;
    margin: 20px 29px;
    position: relative;
    width: 270px;
}
#o2o_box li .icon {
    height: 73px;
    margin: 10px auto 0;
    width: 71px;
}
#o2o_box li span {
    color: #333;
    display: block;
    font-size: 16px;
	font-weight:bold;
    text-align: center;
}
#o2o_box li p {
    color: #555;
    font-size: 14px;
    padding-top: 30px;
    text-align: center;
}
.hui{
	color:#bbb;
}

.foot {
    height: 265px;
    margin: 0px auto;
	font-family:'微软雅黑';
}

.foot .about {
    border-bottom: 1px solid #ccc;
    height:240px;
    margin: 0 auto;
    padding-top: 10px;
    width: 1160px;
}
.foot .about dl {
    float: left;
    text-align: center;
    width: 190px;
}
.foot .about dl dt {
    font-size: 13px;
    height: 40px;
    line-height: 40px;
}
.foot .about dl dt b {
    font-size: 16px;
	color:#333;
}
.foot .about dl dd {
    font-size: 12px;
}
.foot .about dl dd a {
    color: #333;
}
.foot .about dl dd a:hover{
	color:#ff6600;
	font-weight:bold;
}
.foot .about dl dd {
    font-size: 12px;
    line-height: 30px;
}
.foot .about dl dd em {
    color: #4993da;
	font-style: normal;
    font-weight:bold;
}
.foot .copyright {
    margin: 0 auto;
	height:90px;
    width: 1085px;
}
.foot .copyright b {
    color: #545454;
    display: block;
    float: left;
    font-size: 12px;
    font-weight: normal;
    line-height: 22px;
}
.footer_topbg{
	background:#187bd9;
	height:70px;
	width:100%;
	text-align:center;
}
.footer_topbg img{
	margin-top:20px;
}
.brush{
	float:left;
	margin-top:13px;
}