@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: 16px;
    line-height: 30px;
	text-align:left;
    padding-top: 15px;  
	 
	margin:20px auto 30px;
	font-weight:normal;
}
 
.subimg{
	width:1100px;
	height:160px;
	padding-bottom:50px;
}
.textzfb{
 	padding-left:450px;
	padding-top:50px;
	height:100%;
	width:700px;
}
.important {
    color: #f60;
    font-family: "Microsoft Yahei",SimHei,sans-serif;
}
.loading {
    background:url(/Public/common/images/loader.gif) no-repeat scroll center center rgba(0, 0, 0, 0);
}
.section-wrap .section {
    margin: 0 auto;
    width: 1100px;
}
.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;
    top: -5px;
	left:10px;    
    width: 0;
	position:relative;
}
#head {
    height: 97px;
}

#cases, #feature, #about, #settled {
    position: relative;
    top: -64px;
}
.header {
	background: none repeat scroll 0 0 #fff;
    border-bottom: 1px solid #e6e6e6;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
}
.header .notice {
    text-align: center;
    background: #FEF4C7;
    line-height: 35px;
	position:relative;
}
.header .notice a {
    color: #FF4400;
}
.header .notice a:hover {
    text-decoration: underline;
}
.header .section1 {
    min-width: 750px;
    width: auto;
}
.header .nav-wrap {
   	float: right;
    height: 64px;
    line-height: 65px;
}

.header .nav {
    position: relative;
	float:left;
	margin-left:40px;
}
.header .nav li {
    border-top: 2px solid #fff;
    display: inline-block;
    padding: 0 18px;
	float:left;
	
}

.header .nav li.active{
    border-top: 2px solid #22ac38;
}
.header .nav li.active a{
	color:#22ac38
}
.header .nav li.active .caret{
	border-top:4px solid #22ac38;
}
.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("/Public/common/images/logo.png") no-repeat 0 center;/*logot*/
    float: left;
    height: 63px;
    margin: 0 0 0 10px;
    width: 200px;
}
/*.header .logo:hover{
	background-image: url("/Public/common/images/xlogo.png");
    float: left;
    height: 50px;
    margin: 8px 0 0 10px;
    width: 150px;
}*/
@media not all, only screen and (min--moz-device-pixel-ratio: 1.5), not all, not all {
.header .logo {
    background-image: url("/Public/common/images/logo.png");
    background-size: cover;
}
}

.header .header-opt-wrap {
    float:right;
    margin-top: 2px;
    position: relative;
 
}
.header .login-wrap {
    background: none repeat scroll 0 0 #22ac38;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    float: left;
    height: 36px;
    line-height: 36px;
  
    margin-top: 15px;
    text-align: center;
    width: 50px;
}
.header .login-wrap a{
	color:#fff;
}
.header .tel-wrap {
	display: inline-block;
    margin-top: 17px;
	width:150px;
}
.header .header-register-btn {
    background-color: #f60;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    line-height: 20px;
    padding: 8px 10px;
    margin-top: 15px;
    display: inline-block;
    margin-right: 20px;
    float: left;
}
.to-register {
    background-color: #11b02b;
    border-radius: 5px;
    display: inline-block;
    cursor: pointer;
    line-height: 20px;
    padding: 8px 10px;
    margin-top: 15px;
    float: left;
}
.to-register a {
    color: #fff;
}
.header .header-register-btn a {
    color: #fff;
}
.header.affix {
    position: fixed;
    z-index: 1000;
	
}
.header.affix .header-register-btn {
    display: inline-block;
}
.overview-area {
	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(/Public/common/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("/Public/common/image/home/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("/Public/common/image/home/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("../image/home/check1@2x.png");
}
.overview-area .overview-focus-line.overview-focus-line2 .overview-focus-line-icon {
    background-image: url("../image/home/check2@2x.png");
}
.overview-area .overview-focus-line.overview-focus-line3 .overview-focus-line-icon {
    background-image: url("../image/home/check3@2x.png");
}
}
.overview-area .section {
    position: relative;
}
.overview-area .section {
    position: relative;
	width:1000px;
}

.cases-area .cases-title {
    color: #31454c;
    margin: 0;
    padding: 60px 0 45px;
}
.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(/Public/common/images/zx11.png);
	height: 160px;
    width: 250px;
}
.cases-area .case-zgyidong {
    background-image:url(/Public/common/images/zx2.png);
	height: 160px;
    width: 250px;
}
.cases-area .case-shihua {
    background-image:url(/Public/common/images/zx3.png);
	height: 160px;
    width: 250px;
}
.cases-area .case-buding {
    background-image: url(/Public/common/images/zx4.png);
	height: 160px;
    width: 250px;
}
.cases-area .case-jiaotong {
    background-image:url(/Public/common/images/zx61.png);
	height: 160px;
    width: 250px;
}
.cases-area .case-car {
    background-image:url(/Public/common/images/zx8.png);
	height: 160px;
    width: 250px;
}
.cases-area .case-haiwangxingchen {
    background-image: url(/Public/common/images/zx9.png);
	height: 160px;
    width: 250px;
}

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

.cases-area .case-youbao {
    background-image:url(/Public/common/images/zx71.png);
	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("/Public/common/image/home/cases/afu@2x.jpg");
}
.cases-area .case-aikang {
    background-image: url("../image/home/cases/aikang@2x.jpg");
}
.cases-area .case-boya {
    background-image: url("../image/home/cases/boya@2x.jpg");
}
.cases-area .case-gangben {
    background-image: url("../image/home/cases/gangben@2x.jpg");
}
.cases-area .case-huangyaoshi {
    background-image: url("../image/home/cases/huangyaoshi@2x.jpg");
}
.cases-area .case-huxu {
    background-image: url("../image/home/cases/huxu@2x.jpg");
}
.cases-area .case-liangsanshi {
    background-image: url("../image/home/cases/liangsanshi@2x.jpg");
}
.cases-area .case-luotuo {
    background-image: url("../image/home/cases/luotuo@2x.jpg");
}
.cases-area .case-maibaobao {
    background-image: url("../image/home/cases/maibaobao@2x.jpg");
}
.cases-area .case-mofashijia {
    background-image: url("../image/home/cases/mofashijia@2x.jpg");
}
.cases-area .case-nanrenwa {
    background-image: url("../image/home/cases/nanrenwa@2x.jpg");
}
.cases-area .case-weihuadian {
    background-image: url("../image/home/cases/weihuadian@2x.jpg");
}
.cases-area .case-wis {
    background-image: url("../image/home/cases/wis@2x.jpg");
}
.cases-area .case-wufangzhai {
    background-image: url("../image/home/cases/wufangzhai@2x.jpg");
}
.cases-area .case-xiangtuxiangqin {
    background-image: url("../image/home/cases/xiangtuxiangqin@2x.jpg");
}
.cases-area .case-yangege {
    background-image: url("../image/home/cases/yangege@2x.jpg");
}
.cases-area .case-zhanfang {
    background-image: url("../image/home/cases/zhanfang@2x.jpg");
}
.cases-area .case-xinnongge {
    background-image: url("../image/home/cases/xinnongge@2x.jpg");
}
.cases-area .case-baicaowei {
    background-image: url("../image/home/cases/baicaowei@2x.jpg");
}
.cases-area .case-xunman {
    background-image: url("../image/home/cases/xunman@2x.jpg");
}
.cases-area .case-yifutang {
    background-image: url("../image/home/cases/yifutang@2x.jpg");
}
.cases-area .case-luojisiwei {
    background-image: url("../image/home/cases/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(/Public/common/images/arrow.png);
    height: 40px;
    left: -40px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
    width: 40px;
}
.feature-area .icon-weibo {
    background-image: url(/Public/common/images/wgw.png);
}
.feature-area .icon-weixin {
    background-image:url(/Public/common/images/wsc.png);
}
.feature-area .icon-feature1 {
    background-image: url(/Public/common/images/ic1.png);
}
.feature-area .icon-feature2 {
    background-image: url(/Public/common/images/ic2.png);
}
.feature-area .icon-feature3 {
    background-image: url(/Public/common/images/ic3.png);
}
.feature-area .icon-feature4 {
    background-image: (url/Public/common/images/ic4.png);
}
.feature-area .icon-feature5 {
    background-image: url(/Public/common/images/ic5.png);
}
.feature-area .icon-feature6 {
    background-image: url(/Public/common/images/ic6.png);
}
.feature-area .icon-feature7 {
    background-image: url(/Public/common/images/ic7.png);
}
.feature-area .icon-feature8 {
    background-image: url(/Public/common/images/ic8.png);
}
.feature-area .icon-feature9 {
    background-image: url(/Public/common/images/ic9.png);
}
.feature-area .icon-feature10 {
    background-image: url(/Public/common/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("../image/home/wb@2x.png");
}
.feature-area .icon-weixin {
    background-image: url("../image/home/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("../image/home/feature1@2x.png");
}
.feature-area .icon-feature2 {
    background-image: url("../image/home/feature2@2x.png");
}
.feature-area .icon-feature3 {
    background-image: url("../image/home/feature3@2x.png");
}
.feature-area .icon-feature4 {
    background-image: url("../image/home/feature4@2x.png");
}
.feature-area .icon-feature5 {
    background-image: url("../image/home/feature5@2x.png");
}
.feature-area .icon-feature6 {
    background-image: url("../image/home/feature6@2x.png");
}
.feature-area .icon-feature7 {
    background-image: url("../image/home/feature7@2x.png");
}
.feature-area .icon-feature8 {
    background-image: url("../image/home/feature8@2x.png");
}
.feature-area .icon-feature9 {
    background-image: url("../image/home/feature9@2x.png");
}
.feature-area .icon-feature10 {
    background-image: url("../image/home/feature_qrcode@2x.png");
}
}
.settled-area {
    
    padding: 40px 0 20px;
	width:100%;
}
.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(/Public/common/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(/Public/common/images/settled_register.png);
}
.settled-area .settled-graphic-step2 {
    background-image: url(/Public/common/images/settled_attestation.png);
}
.settled-area .settled-graphic-step3 {
    background-image: url(/Public/common/images/settled_fitment.png);
}
.settled-area .settled-graphic-step4 {
    background-image: url(/Public/common/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("../image/home/settled_arrows@2x.png");
}
.settled-area .settled-graphic-step1 {
    background-image: url("../image/home/settled_register@2x.png");
}
.settled-area .settled-graphic-step2 {
    background-image: url("../image/home/settled_attestation@2x.png");
}
.settled-area .settled-graphic-step3 {
    background-image: url("../image/home/settled_fitment@2x.png");
}
.settled-area .settled-graphic-step4 {
    background-image: url("../image/home/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("/Public/common/image/home/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(/Public/common/images/about1.jpg);
	 
}
.about-area .about-gallery .about-image2 {
    background-image:url(/Public/common/images/about2.jpg);
}
.about-area .about-gallery .about-image3 {
    background-image:url(/Public/common/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(/Public/common/images/register_btn_715.png);
    cursor: pointer;
    display: inline-block;
    height: 50px;
    width: 195px;
}
.register-btns {
    background-image:url(/Public/common/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(/Public/common/images/register_btn_715@2x.png);
    background-size: cover;
}
}
.dropdown {
    position: relative;
    z-index: 200;
}
.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;
    position: absolute;
    right: -18px;
    top: 40px;
    width: 92px;
}
.dropdown .dropdown-menu .li {
    border: medium none;
    display: block;
    text-align:center;
    padding: 5px 0;
	line-height: 30px;
	width: 92px;
}
.dropdown .dropdown-menu .li:hover {
    background-color: #f5f5f5;
	border-bottom:none;
}
.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(/Public/common/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(/Public/common/images/page1.png );
	
}
.main-slide .pic2 {
    background-image: url( /Public/common/images/page2.png);
}
.main-slide .pic3 {
    background-image: url(/Public/common/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(/Public/common/images/mac@2x.png);
}
.main-slide .pic1 {
    background-image: url(/Public/common/images/page1@2x.png);
}
.main-slide .pic2 {
    background-image: url(/Public/common/images/page2@2x.png);
}
.main-slide .pic3 {
    background-image: url(/Public/common/images/page3@2x.png);
}
}
.minor-slide-wrapper {
    background-image: url(/Public/common/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(/Public/common/images/imagesmobile-pic1.png);

}
.minor-slide .pic2 {
    background-image: url(/Public/common/images/imagesmobile-pic2.png);
}
.minor-slide .pic3 {
    background-image: url(/Public/common/images/imagesmobile-pic3.png);
}
.minor-slide .pic4 {
    background-image: url(/Public/common/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("../image/home/iphone@2x.png");
}
.minor-slide .pic1 {
    background-image: url("../image/home/mobile-pic1@2x.png");
}
.minor-slide .pic2 {
    background-image: url("../image/home/mobile-pic2@2x.png");
}
.minor-slide .pic3 {
    background-image: url("../image/home/mobile-pic3@2x.png");
}
.minor-slide .pic4 {
    background-image: url("../image/home/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(/Public/common/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(/Public/common/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("/Public/common/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(/Public/common/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("/Public/common/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{
 
    height:auto;
    width: 100%;
	border-bottom: 2px solid #fff;
	padding: 20px 0 0px;
}
.manage .section{
    margin: 0 auto;
    width: 1000px;
}

.manage .cases-titles {
    color: #31454c;
    margin: 0;
    padding: 60px 0 0;
	text-align: center;
	background:#f0f6fa;
}
.aptitude {
    margin: 40px auto;
    width: 1000px;
	text-align:center;
}
.aptitude .title{
	background:url(../images/index/icon_aptitude.png) no-repeat;
	width:119px;
	height:30px;
	margin:65px auto 40px;
}
.aptitude .titles{
	background:url(../images/index/icon_active.png) no-repeat;
	width:120px;
	height:30px;
	margin:0px auto 40px;
}
.aptitude ul{
	display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
}
.aptitude ul li{
	-webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    width: 100%;
}
.aptitude ul li p{
	font-size:16px;
	color:#474747;
	padding-top:25px;
}
#sybcenter {
    
    margin: 40px auto 40px;
    width: 1000px;
}
#sybcenter h1{
	font-size:24px;
	font-weight:normal;
	color:#282828;
	text-align:center;
}
#sybcenter h2 {
    color: #727272;
    font-size: 18px;
    font-weight: normal;
    padding-top: 10px;
    text-align: center;
	border-bottom:1px solid #e6e6e6;
	padding-bottom:35px;
}
.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:1100px;
	height:210px;
	margin:40px auto 20px;
}
.adds ul li{
	width:25%;
	height:235px;
	float:left;
	text-align:center;
}
.adds ul li img{
	margin:18px auto 15px;
}
.z3{
	font-size:16px;
	color:#13151b;
}
.z4{
	font-size:12px;
	color:#707070;
	height:40px;
	padding:10px;	 
}
#dl{
    border:1px dashed #ccc;
    border-radius: 3px;
    color: #707070;
    font-family: "微软雅黑";
    font-size: 16px;
	background:#fff;
	padding:7px 15px;
}
.zc{
    margin: 0px auto;
    position: relative;
    width: 1005px;
	padding-top:30px;
	background:#f7fafc;
	margin-top:30px;
	padding-bottom:40px;
}
.zc h1{
	font-size:24px;
	font-weight:normal;
	color:#282828;
	text-align:center;
}

.zc h2{
	font-size:18px;
	font-weight:normal;
	color:#282828;
	text-align:center;
	padding-top:10px;
}
.zc .zc-box{
	width: 1000px;
	height:335px;
	margin-top:35px;
}
.zc .zc-box li{
	width:220px;
	height:300px;
	float:left;
	margin-left:25px;
	background:#fff;
	text-align:center;
}
.zc .zc-box li h5{
	font-size:16px;
	color:#282828;
	font-weight:normal;
	padding-top:30px;
	padding-bottom:20px;
}
.zc .zc-box li p{
	font-size: 12px;
    line-height: 25px;
    padding: 20px 15px;
	color:#282828;
}
.zc .dis-box{
	width: 1000px;
	padding-top:35px;
	text-align:center;
	height:300px;
}
.zc .dis-box li{
	width:235px;
	height:290px;
	float:left;
	margin-right:145px;
}
.zc .dis-box li h4{
	color: #282828;
    font-size: 16px;
    font-weight: normal;
    margin-top: 15px;
	padding-bottom:10px;
}
.zc .dis-box li p{
	font-size:12px;
	line-height: 25px;
	 
}
.zc_btn {
    background: url("/Public/common/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("/Public/common/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 #f4f8f9;
    padding-bottom: 35px;
}
.section-wrap {
    border-bottom: 2px solid #fff;
}

.section-wrap .section1 {
    width: 1100px;
    margin: auto auto 2px auto;
}
 
#o2o_box {
	height: 270px;
    margin: 30px auto 0;
    width: 1000px;
}
#o2o_box li {
    float: left;
    height: 200px;
    position: relative;
    width:25%;
	text-align:center;
	margin-top:40px;
}
#o2o_box li h5 {
    color: #282828;
    font-size: 18px;
	font-weight:normal;
    padding-top: 30px;
}
#o2o_box li p {
    color: #282828;
    font-size: 12px;
    line-height: 25px;
    padding: 20px 28px;
}
.hui{
	color:#bbb;
}
.foot {
    margin: 0px auto;
	font-family:'微软雅黑';
	background:#f9f9f9;
    border-top: 1px solid #e5e5e5;
}
.foot .foot_box{
	width:1077px;
	height:280px;
	margin:30px auto 0;
}

.foot .foot_box .newbox1 {
    width: 210px;
    border-left: 1px solid #e5e5e5;
    float: left;
	height:252px;
    padding-left: 40px;
}
.foot ul li {
    font-size: 14px;
    line-height: 24px;
}
.foot-title {
    font-size: 16px;
    color: #5a5a5a;
    margin-bottom: 10px;
}
.to-calculate {
    margin: 40px 0;
}
.newtime {
    vertical-align: 6px;
}
.numberCount {
    color: #5a5a5a;
    font-size: 30px;
    font-weight: bold;
}
.foot .foot_box .newbox2 {
    width: 235px;
    border-right: 1px solid #e5e5e5;
    float: left;
    padding-left: 15px;
	height:252px;
}

.foot .foot_box .newbox4 {
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    float: left;
    padding-left: 40px;
    padding-right: 40px;
	height:252px;
}
.wx-pic {
    width: 175px;
    height: 175px;
    border: 1px solid #e5e5e5;
}
.wx-box {
    text-align: center;
    color: #5a5a5a;
    font-size: 12px;
	line-height:18px;
}
.foot .foot_box .newbox5 {
    width: 220px;
    float: left;
    height: 252px;
    border-left: 1px solid #e5e5e5;
    padding-left: 40px;
    padding-right: 40px;
}
.newbox5 img {
    border: 1px solid #e5e5e5;
    margin-bottom: 3px;
}
.like-button {
    padding: 5px 40px;
    border-radius: 3px;
    background: #46a36e;
    color: #fff;
    font-size: 14px;
    display: inline-block;
}
.like-hr {
    width: 100%;
    height: 1px;
    background: #e5e5e5;
}
p.copyright {
    text-align: center;
    line-height: 30px;
    height: 50px;
    color: #484848;
    font-size: 12px;
}




.brush{
	float:left;
	 
}
.up{
	height:30px;
	width:100%;
	border-bottom:1px solid #f1f1f1;
    background: #424242;
}
.up .up_box{
	width:1115px;
	height:31px;
	margin:0px auto;
	color:#575757;
	font-size:12px;
}
.up .up_box .box_width{
	width:185px;
	height:25px;
	border-right:1px solid #f1f1f1;
	color:#575757;
	font-size:12px;
	top:10px;
	line-height:25px;
	float:left;
	position:relative;
}
.up .up_box .box_width2{
	color: #575757;
    float: left;
    font-size: 12px;
    height: 16px;
    line-height: 16px;
    margin-top: 8px;
    padding-left: 15px;
    position: relative;
}
.up .up_box .box_width2 a{
    font-size: 12px;
}
.up .up_box .up_box_right{
	float:right;
	color:#575757;
	position: relative;
	padding-top:4px;
}
.up .up_box .up_box_right a{
	padding:0 10px;
	font-size:12px;
	border-right:1px solid #f1f1f1;
}
.steps .steps_box{
	width:1100px;
	height:125px;
}
.steps .floor {
    color: #fff;
    display: block;
    height: 118px;
    margin-left: 54px;
    margin-right: 38px;
    padding: 5px 0 0 15px;
    position: relative;
    width: 118px;
}
.floor_box{
	width:275px;
	float:left;
}
.pos-box{
	width:100%;
	position:relative;
	height:530px;
}
.pos-box li{
	width:25%;
	text-align:center;
	float:left;
	padding-top:40px;
	padding-bottom:50px;
	position:relative;
}
.pos-box li img{
	width:94px;
	height:94px;
}
.pos-box li .title{
	color:#333;
	margin-top:20px;
	margin-bottom:15px;
	font-size:20px;
}
.pos-box li p{
	font-size:14px;
	color:#808080;
}
.border-bottom{
	border-bottom:1px solid #d2d2d2;
}
.border-left{
	float:left;
	width:1px;
	height:180px;
	background:#d2d2d2;
	position:absolute;
	right:0px;
	bottom:0px;
}
.border-left2{
	float:left;
	width:1px;
	height:180px;
	background:#d2d2d2;
	position:absolute;
	right:0px;
	top:0px;
}
.liaojie{
	width:275px;
	padding: 10px 100px;
	text-align:center;
	color:#919191;
	font-size:18px;
	border:1px solid #d2d2d2;
}
#way{
	position:relative;
	width:1000px;
	margin-top:60px;
	margin-bottom:50px;
}
#way ul{
	position:relative;
	width:100%;
	height:250px;
}
#way ul li{
	width:25%;
	text-align:center;
	float:left;
}
#way ul li p{
	color:#333333;
	margin-top:20px;
	font-size:18px;
}
#way ul li .img-box{
	width:174px;
	height:174px;
	text-align:center;
	margin:0px auto;
}
#way ul li .img-box img{
	margin-top:8px;
}
#way ul li:hover .img-box img{
	border:8px solid #d3eed7;
	border-radius:50%;
	margin-top:0px;
}
.way-box{
	margin-top:20px;
}
.way-box .way-box-border{
	border:1px dashed #e5e5e5;
	padding:30px;
}
.way-box .way-box-border ul{
	width:100%;
	position:relative;
}
.way-box .way-box-border ul li{
	width:25%;
	line-height:22px;
	font-size:15px;
	text-align:center;
}
.way-box .way-box-border ul li span{
	width:22px;
	height:22px;
	border-radius:22px;
	font-size:15px;
	text-align:center;
	line-height:22px;
	border:1px solid #22ac38;
	color:#22ac38;
	display:block;
	float:left;
	margin-right:10px;
}
.flash-box .flash-box-left{
	width:580px;
	float:left;
	margin-top:25px;
}
.flash-box .flash-box-left .title{
	font-size:24px;
	color:#323232;
	margin-bottom:35px;
}
.flash-box .flash-box-right{
	float: right;
    padding-top: 20px;
}
.flash-box .flash-box-left span{
	border-width:1px;
	border-style:dashed;
	padding:0px 20px;
	float:left;
	margin-right:25px;
	font-size:14px;
}
.flash-list{
	height:25px;
	line-height:25px;
	height:50px;
	color:#999;
}
.green{
	color:#22ac38;
	border-color:#22ac38;
}
.orange{
	color:#fbb629;
	border-color:#fbb629;
}
.bule2{
	color:#00a0e9;
	border-color:#00a0e9;
}
.flash-box .flash-box-left .jm{
	background:#22ac38;
	color:#fff;
	font-size:20px;
	padding:8px 70px;
	text-align:center;
	line-height:50px;
	border:1px solid #088f1e;
	margin-top:40px;
}
.flash-box h1{
	font-size:24px;
	font-weight:normal;
	color:#282828;
	text-align:center;
}
.flash-box h2 {
    color: #727272;
    font-size: 18px;
    font-weight: normal;
    padding-top: 10px;
    text-align: center;
	border-bottom:1px solid #e6e6e6;
	padding-bottom:35px;
}