/* CSS Document */
#slides{position: relative;text-align: center;overflow: hidden; height:520px;}
#slides img{width: 100%;}
.slidesjs-pagination{list-style: none;position: relative;bottom: 53px;z-index: 99;}
.slidesjs-pagination li{margin: 0 4px;display: inline-block;}
#slides a:link, #slides a:visited{color: #333;background-color: #fff;}
.slidesjs-pagination li a{display: block;width: 15px;height: 0;padding-top: 15px;float: left;overflow: hidden; border-radius:999em;}
#slides .slidesjs-slide{ display:block; width:100%; height:520px;}
#slides a:link, #slides a:visited{color: #d22929;text-decoration: none;font-weight: 600;}
#slides .slidesjs-pagination li a.active,
#slides .slidesjs-pagination li a:hover.active{background-color: #2fba7e;}
.slidesjs-play, .slidesjs-stop{display: none;}


.cw-banner{ height:520px; background:url(../images/cw-banner.jpg) center top no-repeat;}
.master-banner{ height:520px; background:url(../images/master-banner.jpg) center top no-repeat;}
.brand-banner{ height:520px; background:url(../images/brand-banner.jpg) center top no-repeat;}
.market-banner{ height:518px; background:url(../images/market-banner.jpg) center top no-repeat;}
.cw-banner a,.master-banner a,.brand-banner a,.market-banner a { display:block; width:100%; height:100%;}
.first_intro-m1{ left:0; top:-20px; z-index:10;}
.first_intro-m2{ left:-50px; bottom:0; z-index:9;}
.intro_center{ position:relative; background:url(../pic/branch/t-l1.png) bottom center no-repeat; height:540px;}
.intro_center .intro_title{ top:5%;}
.intro_center .detail{ top:7%;}
.intro_local { height:540px; position:relative; background:url(../images/t-lbg.png) bottom center no-repeat;}
.two_intro_l1{ right:-50px; top:0;}
.intro_local .intro_title{ top:-65%;}
.intro_local .detail{ top:-60%;}
.first_intro-s11{ left:-100px; top:0;}
.first_intro-s12{ right:-215px; bottom:0;}
.two_intro_s21{ right:-50px; top:-30px;}
.three_intro_s31{ left:0; top:0;}
.three_intro_s32{ top:50px; left:120px; width:298px;}
.Ass-search{ height:90px; background:#f5f5f5; text-align:center;}
.Ass-block{ text-align:left; display:inline-block; padding:0 20px;}
.Ass-block p { color:#333; font-size:14px; padding:18px 0 5px 0;}
.Ass-center span { padding-right:20px; font-size:16px; color:#6e6e6e;}
.Ass-center span i{ display:inline-block; width:22px; height:22px; background-size:contain; vertical-align:middle; margin-top:-2px; margin-right:5px;}
.t-ui1{ background: url(../images/t-ui1.png) 0 0 no-repeat;}
.t-ui2{ background: url(../images/t-ui2.png) 0 0 no-repeat;}
.t-ui3{ background: url(../images/t-ui3.png) 0 0 no-repeat;}
.t-ui4{ background: url(../images/t-ui4.png) 0 0 no-repeat;}
.t-ui5{ background: url(../images/t-ui5.png) 0 0 no-repeat;}
.t-ui6{ background: url(../images/t-ui6.png) 0 0 no-repeat;}
.invit-block{ display:inline-block; border:1px solid #aeaeae; vertical-align:middle; height:30px; position:relative; width:250px;}
.invit-block input { border:none; height:30px; padding:0 10px; width:100%; font-size:14px; box-sizing:border-box;}
.invit-block button { position:absolute; right:0; top:0; height:30px; line-height:30px; text-align:center; color:#fff; border:none 0; padding:0 10px;}
.Ass-block1 .invit-block button { background:#2fba7e;}
.Ass-block2 .invit-block button { background:#019ed3;}
.m-top{ height:517px; background:url(../pic/branch/m-top.jpg) center top no-repeat; position:relative;}
.xd-1{ position:absolute; left:240px; top:125px;}
.xd-2{ position:absolute; left:330px; top:40px;}
.xd-3{ position:absolute; left:730px; top:0px;}
.xd-4{ position:absolute; left:660px; top:190px;}
.xd-5{ position:absolute; right:240px; top:70px;}
.hover_animate{transition: box-shadow 0.3s ease 0s;}
.hover_animate:hover{ -webkit-animation: gelatine 0.5s 1;animation: gelatine 0.5s 1;}
@keyframes gelatine {
  from, to {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  25% {
    -webkit-transform: scale(0.9, 1.1);
    transform: scale(0.9, 1.1);
  }
  50% {
    -webkit-transform: scale(1.1, 0.9);
    transform: scale(1.1, 0.9);
  }
  75% {
    -webkit-transform: scale(0.95, 1.05);
    transform: scale(0.95, 1.05);
  }
}
@-webkit-keyframes gelatine {
  from, to {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  25% {
    -webkit-transform: scale(0.9, 1.1);
    transform: scale(0.9, 1.1);
  }
  50% {
    -webkit-transform: scale(1.1, 0.9);
    transform: scale(1.1, 0.9);
  }
  75% {
	-webkit-transform: scale(0.95, 1.05);
	transform: scale(0.95, 1.05);
  }
}

.all_wrap .page {
    width: 100%;
    overflow: hidden;
    background: #F5F5F5;
    padding: 80px 0;
    position: relative;
}

.Recite{ position:relative; height:313px; text-align:center;}
.Recite-line{ border-bottom:1px dotted #adadad; position:absolute; left:50px; right:50px; height:1px; top:55px; z-index:1;}
.Recite p{ font-size:15px; color:#a1a1a1; padding-bottom:10px; text-align:left; line-height:18px; display:inline-block; width:90px;}
.Recite i{ width:20px; height:20px; display:block; border-radius:999em; background:#2fba7e; margin:0 auto;}
.Recite img { margin-top:25px;}
.Recite-b1{ position:absolute; left:0; top:0; z-index:2;}
.Recite-b2{ position:absolute; left:30px; top:0; z-index:2;}
.Recite-b3{ position:absolute; left:440px; top:0; z-index:2;}
.Recite-b4{ position:absolute; right:30px; top:0; z-index:2;}
.Recite-b5{ position:absolute; right:0; top:0; z-index:2;}
.Recite-b1 p,.Recite-b5 p{ color:#2fba7e;}
.Recite-top{ position:relative; height:70px;max-width:1200px; margin:0 auto; margin-bottom:80px; }
.Recite-top .index-title{ text-align:right;}
.Recite-top .index-title h1{ line-height:40px;}
.Recite-top .index-title p{ padding-top:10px;}
.dot-right_top{ width:38%; left:0; top:80px; height:70px; position:absolute;}
.dot-right_top div{height: 100%;background: #2fba7e;float: left;}
.dot-right_top_1{ width:4%;}
.dot-right_top_2{ width: 10%; margin-left: 2%;}
.dot-right_top_3{ width: 15%;margin-left: 2%;}
.dot-right_top_4{ width: 65%;margin-left: 2%;}



.index-block{ padding:60px 0; position:relative;}
.index-title{ text-align:center; position:relative; top:0;}
.index-title h1 { font-size:40px; color:#4c4c4c;}
.index-title h1 span { padding:0 30px;}
.index-title h1 span font{ color:#2fba7e;}
.index-title p{ font-size:15px; color:#999; padding:20px 0}
.index-box1-left{ position:absolute; left:5%; top:10%;}
.index-box1-right { position:absolute; right:5%; top:22%;}
.index-box1-top{ position:absolute; right:13%; bottom:65%;}
.index-box2-center{ position:absolute; left:150px; top:205px;}
.index-box2-cir1{ position:absolute;width:128px; height:128px; border-radius:999em; left:-80px; top:0; text-align:center;}
.index-box2-cir1 p{ position:absolute; background:rgba(47,186,126,0.9); border-radius:999em; width:100%; height:100%;}
.index-box2-cir1 i { position:absolute; left:0; right:0; top:0; bottom:0; background:rgba(47,186,126,0.2); border-radius:999em;animation: fadeOutIn 2.4s infinite; -webkit-animation: fadeOutIn 2.4s infinite;}
.index-box2-cir2{ position:absolute;width:123px; height:123px; border-radius:999em; right:-85px; top:85px; text-align:center;}
.index-box2-cir2 p{ position:absolute; background:rgba(64,104,190,0.8); border-radius:999em; width:100%; height:100%;}
.index-box2-cir2 i { position:absolute; left:0; right:0; top:0; bottom:0; background:rgba(64,104,190,0.2); border-radius:999em;animation: fadeOutIn 2.4s infinite; -webkit-animation: fadeOutIn 2.4s infinite;}
.index-box2-cir3{ position:absolute;width:123px; height:123px; border-radius:999em; right:-40px; bottom:10px; text-align:center;}
.index-box2-cir3 p{ position:absolute; background:rgba(255,86,68,0.8); border-radius:999em; width:100%; height:100%;}
.index-box2-cir3 i { position:absolute; left:0; right:0; top:0; bottom:0; background:rgba(255,86,68,0.2); border-radius:999em;animation: fadeOutIn 2.4s infinite; -webkit-animation: fadeOutIn 2.4s infinite;}
.index-box2-cir1 p span,.index-box2-cir2 p span,.index-box2-cir3 p span{ padding-top:25px; color:#fff; font-size:20px; line-height:24px; display:block;}
.gear_1{ width:219px; height:224px; position:absolute; left:50%; margin-left:-205px; top:0}
.gear-01{ width:219px; height:224px; background:url(../images/vimg/gear1.png) 0 0 no-repeat; position:absolute; left:0;top:0;}
.gear_2{ width:163px; height:164px; position:absolute; left:50%; top:55px;}
.gear-02{ width:163px; height:164px; background:url(../images/vimg/gear2.png) 0 0 no-repeat; position:absolute; left:0;top:0;}
.gear_3{ width:237px; height:241px; position:absolute; left:50%; top:160px; margin-left:-360px;}
.gear-03{ width:237px; height:241px; background:url(../images/vimg/gear3.png) 0 0 no-repeat; position:absolute; left:0;top:0;}
.gear_4{ width:280px; height:285px; position:absolute; left:50%; top:200px; margin-left:-135px;}
.gear-04{ width:280px; height:285px; background:url(../images/vimg/gear4.png) 0 0 no-repeat; position:absolute; left:0;top:0;}
.gear_5{ width:232px; height:235px; position:absolute; left:50%; top:135px; margin-left:126px;}
.gear-05{ width:232px; height:235px; background:url(../images/vimg/gear5.png) 0 0 no-repeat; position:absolute; left:0;top:0;}
.gear_1 .gear-center{ padding-top:70px;}
.gear_2 .gear-center{ padding-top:40px; font-size:24px;}
.gear_3 .gear-center{ padding-top:75px;}
.gear_4 .gear-center{ padding-top:100px; font-size:36px;}
.gear_5 .gear-center{ padding-top:75px;}
.gear-center{font-size:30px; color:#fff; width:100%; text-align:center; position:relative; z-index:10;}
.gear-dot{ width:20px; height:20px; border-radius:999em; background:#bcbcbc; position:absolute;}
.gear-text1 .gear-dot,.gear-text3 .gear-dot{ left:180px; top:7px;}
.gear-text2 .gear-dot,.gear-text4 .gear-dot,.gear-text5 .gear-dot{ left:-28px; top:7px;}
.gear-line{ position:absolute; border-top:2px dotted #a2a2a2; top:15px;}
.gear-text1 .gear-line { width:170px; left:210px;}
.gear-text2 .gear-line { width:220px; left:-260px;}
.gear-text3 .gear-line { width:30px; left:205px;}
.gear-text4 .gear-line { width:250px; left:-290px;}
.gear-text5 .gear-line { width:35px; left:-70px;}
.gear-text1{ position:absolute; left:0; top:60px; width:170px; text-align:right;}
.gear-text2{ position:absolute; right:0; top:80px; width:170px;}
.gear-text3{ position:absolute; left:0; top:270px; width:170px; text-align:right;}
.gear-text4{ position:absolute; right:0; top:392px; width:170px;}
.gear-text5{ position:absolute; right:0; top:240px; width:170px;}
.gear-text1 ul li,.gear-text3 ul li { width:50%; float:left; font-size:15px; background:url(../images/dot-bg.png) 14px center no-repeat; padding-left:10px; box-sizing:border-box; line-height:26px;}
.gear-text2 ul li,.gear-text4 ul li,.gear-text5 ul li{width:50%; float:left; font-size:15px; background:url(../images/dot-bg.png) 0 center no-repeat; padding-left:10px; box-sizing:border-box; line-height:26px;}
.gear-text h2{ font-size:20px; padding-bottom:5px;}
.gear-text1 h2 { color:#ff5a4a;}
.gear-text2 h2 { color:#3399cc;}
.gear-text3 h2 { color:#2fba7e;}
.gear-text4 h2 { color:#f5c635;}
.gear-text5 h2 { color:#6686cb;}
.icon-g-1,.icon-g-2,.icon-g-3,.icon-g-4,.icon-g-5{ width:40px; height:40px; display:block; vertical-align:top; margin:0 auto;}
.icon-g-1{ background:url(../images/gear-i1.png) 0 0 no-repeat;}
.icon-g-2{ background:url(../images/gear-i2.png) 0 0 no-repeat;}
.icon-g-3{ background:url(../images/gear-i3.png) 0 0 no-repeat;}
.icon-g-4{ background:url(../images/gear-i4.png) 0 0 no-repeat;}
.icon-g-5{ background:url(../images/gear-i5.png) 0 0 no-repeat;}
.gear{-moz-animation-timing-function: linear;-moz-animation-iteration-count: infinite;-moz-animation-direction: normal;-moz-animation-delay: 0;-moz-animation-play-state: running;-moz-animation-fill-mode: forwards;-webkit-animation-timing-function: linear;-webkit-animation-iteration-count: infinite;-webkit-animation-direction: normal;-webkit-animation-delay: 0;-webkit-animation-play-state: running;-webkit-animation-fill-mode: forwards;}
#gear_1{-moz-animation-name: ckw;-moz-animation-duration: 9.5s;-webkit-animation-name: ckw;-webkit-animation-duration: 9.5s;}
#gear_2{-moz-animation-name: cckw;-moz-animation-duration: 16.84s;-webkit-animation-name: cckw;-webkit-animation-duration: 16.84s;}
#gear_3{-moz-animation-name: ckw;-moz-animation-duration: 15s;-webkit-animation-name: ckw;-webkit-animation-duration: 15s;}
#gear_4{-moz-animation-name: cckw;-moz-animation-duration: 15s;-webkit-animation-name: cckw;-webkit-animation-duration: 15s;}
#gear_5{-moz-animation-name: ckw;-moz-animation-duration: 15s;-webkit-animation-name: ckw;-webkit-animation-duration: 15s;}
@-webkit-keyframes ckw{0%{-moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);}
100%{-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);}}
@-moz-keyframes ckw{0%{-moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);}
100%{-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);}}
@-webkit-keyframes cckw{0%{-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);}
100%{-moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);}}
@-moz-keyframes cckw{0%{-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);}
100%{-moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);}}
.phone_animate_left{ float:left; width:38%;}
.left_top{ height:70px; width:100%; margin-top:30px;}
.left_top div{ height:100%; background:#2fba7e; float:left;}
.left_top_1{ width:72%; text-align:right;}
.left_top_1 h2 { font-size:30px; color:#fff; line-height:70px; padding-right:20px;}
.left_top_2{ width:10%; margin-left:2%;}
.left_top_3{ width:4%; margin-left:2%;}
.left_middle{ float:right; margin:60px 0 60px 0;}
.left_middle ul li { font-size:26px; line-height:90px; color:#828282;}
.left_middle ul li:hover { cursor:pointer; color:#2fba7e;}
.left_middle ul li span { display:inline-block; height:70px; width:70px; line-height:70px; text-align:center; background:#2fba7e; border-radius:999em; vertical-align:middle; margin-right:40px;}
.left_middle ul li span i{ display:block; height:40px; width:40px; margin:15px;}
.left_middle ul li span .danmu_1 {background:url(../images/danmu_5.png) 0 0 no-repeat;}
.left_middle ul li span .danmu_2 {background:url(../images/danmu_1.png) 0 0 no-repeat;}
.left_middle ul li span .danmu_3 {background:url(../images/danmu_2.png) 0 0 no-repeat;}
.left_middle ul li span .danmu_4 {background:url(../images/danmu_3.png) 0 0 no-repeat;}
.left_middle ul li span .danmu_5 {background:url(../images/danmu_4.png) 0 0 no-repeat;}
.left_middle ul li:hover span { background:#f5c635;}
.phone_container{ width:60%; margin-left:2%; margin-top:30px; float:left; height:686px; position:relative;}
.f-phone{ width:393px; height:686px; background:url(../images/f-phone.png) 0 0 no-repeat; position:absolute; left:0; top:0; z-index:1;}
.animate_container{ position:relative; z-index:10;}
.animate-k-text{ position:relative; float:left; padding:100px 0 0 40px;}
.animate-k-text h1{ font-size:40px; color:#fff; border-bottom:3px solid #fff; line-height:100px; text-align:center; margin-bottom:20px;}
.animate-k-text ul li { font-size:22px; color:#fff; line-height:53px; padding:0 50px;}
.animate-k-text ul li i { width:8px; height:8px; border-radius:999em; border:1px solid  #fff; display:inline-block; margin-right:10px;}
.animate-k-text ul li span { margin-right:15px;}
.animate-k-text ul li font { font-size:26px; margin-right:15px;}
.animate-phone{ width:256px; height:470px; float:left; margin:77px 0 0 64px;}
.animate-phone img { width:100%; height:100%;}
.animate-box{ position:absolute; left:200px; top:80px; background:#2fba7e; right:0; height:485px;}
.danmu_con{ display:none;}
.danmu_con.active{ display:block;}
.example-container{ position:relative;}
.example-left-con{ width:38%; float:left; background:#6686cb; height:425px;}
.example_text_container{ width:350px; float:right; padding: 0 60px; color:#fff; padding-top:30px;}
.example_text_container h1{ font-size:40px; border-bottom:1px solid #fff; line-height:100px; text-align:center;}
.example_text_container p{ font-size:18px; padding:30px 15px 20px 15px; line-height:30px;}
.example-duv { text-align:center;}
.example-duv a span{ font-size:14px; display:inline-block; line-height:30px; padding:0 15px; border:1px solid #fff; color:#fff; margin:5px;}
.example-right-con{float: left;position: relative;width: 62%; height:425px; background:#6686cb;}
.swiper-slide .ex_box{ float:left; width:380px; height:202px; margin-left:20px; margin-bottom:20px; position:relative;}
.swiper-slide .ex_box .ex-hod{ width:100%; height:100%; overflow:hidden;}
.swiper-slide .ex_box:before{ position:absolute; left:-20px; top:-20px; bottom:-20px; right:-20px; background:#fff; content:""; z-index:1;}
.swiper-slide .ex_box img { width:100%; height:100%; position:relative; z-index:9;}
.swiper-slide .ex_box:hover{ cursor:pointer;}
.swiper-slide .ex_box:hover img {-webkit-transform: scale(1.1,1.1);-webkit-transition-timing-function: ease-out;	-webkit-transition-duration: 600ms;	-moz-transform: scale(1.1,1.1);	-moz-transition-timing-function: ease-out;	-moz-transition-duration: 600ms;}

.brand_details{ display:inline-block; margin-left:50px; padding:40px 0;}
.brand-guide{ font-size:18px; color:#4c4c4c; text-align:left;}
.brand-guide a{ color:#2fba7e;}
.details-component{ float:left; padding-top:70px;}
.details-component{ width:330px; text-align:center;}
.details-component h2 { font-size:18px; color:#4c4c4c; padding-bottom:30px;}
.details-code{ width:200px; height:200px; border:1px solid #ddd; display:inline-block; background:#fff;}
.details-code img { width:100%; height:100%;}
.details-ts{ font-size:16px; color:#2fba7e; padding-top:10px;}
.details-code a { display:block; width:100%; height:100%;}
.details-code a h3 { font-size:30px; padding-top:60px; color:#2fba7e;}
.details-code a p{ font-size:18px;}
.details-ls{ font-size:13px; color:#999; padding-top:10px;}
.details-dp{ padding-top:60px;}
.details-dp a{ background:#009bdc; color:#fff; font-size:20px; display:inline-block; line-height:56px; padding:0 50px;}
.details-dp a:hover { background:#00aaf2;}
.detail-title{ height:50px; line-height:50px; color:#fff; font-size:18px; text-align:center; padding:0 30px; position:absolute; left:-80px; top:30px; background:#2fba7e;}
.detail-title a,.detail-title a:hover { color:#fff;}
.detail-title:after { height:50px; background:#2fba7e; width:30px; position:absolute; right:-40px; top:0; content:"";}


.branch-block-center{ height:688px; background:url(../images/branch_pc1.jpg) center top no-repeat;}
.branch-block-down{ text-align:center; padding-top:512px;}
.branch-block-down h4 { font-size:16px; color:#4c4c4c; line-height:20px;}
.branch-block-down p { font-size:14px; color:#909191;}
.download-btn{ display:inline-block; margin-top:10px; height:65px; line-height:65px; border-radius:10px; text-align:center; color:#fff; font-size:22px;
background:#296bc9;background-image:-webkit-linear-gradient(to top, #69a2fe, #1d61bf); background-image:linear-gradient(to top,#69a2fe,#1d61bf); padding:0 30px;}
.ico-down{ display:inline-block; width:30px; height:30px; background:url(../images/ico-rb.png) 0 0 no-repeat; vertical-align:middle; margin-right:8px;}
.download-btn:hover { color:#fff;}
.brand-block-center{ height:688px; background:url(../images/brand-pc1.jpg) center top no-repeat;}
.brand-block-down{ text-align:center; padding-top:512px;}
.brand-block-down h4 { font-size:16px; color:#fff; line-height:20px;}
.brand-block-down p { font-size:14px; color:#909191;}

.index-box6{ padding:20px 0;}
.abnormal-box{ position:relative; text-align:center; margin:60px 0 50px 0;}
.abnormal-box:before{ position:absolute; left:100px; right:100px; border-bottom:1px dotted #8a8a8a; content:""; top:50px; z-index:1; height:1px;}
.abnormal-box ul li { display:inline-block; vertical-align:top; padding:0 45px; position:relative; z-index:2;}
.abnormal-box ul li span{ display:inline-block; width:96px; height:96px; line-height:96px; text-align:center; border-radius:999em; background:#818181; vertical-align:top;}
.abnormal-box ul li span i { display:inline-block; width:65px; height:65px; vertical-align:middle;}
.abnormal-box ul li span i.i-b1{ background:url(../images/i-b1.png) 0 0 no-repeat;}
.abnormal-box ul li span i.i-b2{ background:url(../images/i-b2.png) 0 0 no-repeat;}
.abnormal-box ul li span i.i-b3{ background:url(../images/i-b3.png) 0 0 no-repeat;}
.abnormal-box ul li span i.i-b4{ background:url(../images/i-b4.png) 0 0 no-repeat;}
.abnormal-box ul li span i.i-b5{ background:url(../images/i-b5.png) 0 0 no-repeat;}
.abnormal-box ul li h3 { font-size:20px; padding:20px 0 0 0;}
.abnormal-box ul li p { font-size:15px; color:#6686cb;}
.abnormal-box ul li span.m-circle-x3 { background:#ff4b4b;}
.abnormal-box ul li span.m-circle-x4,.abnormal-box ul li span.m-circle-x5 { background:#2b8fff;}



.about-banner{ height:265px; background:url(../images/aboutbanner.jpg) center center no-repeat;}
.tabs-box{ border-bottom:1px solid #dfdfdf; height:55px;background:#fff; }
.tabs-box ul li { float:left; margin:0 20px;}
.tabs-box ul li a{ font-size:18px; color:#3b3b3b; padding:0 20px; display:block; height:52px; line-height:55px;}
.tabs-box ul li a.tab-active { border-bottom:3px solid #ffcb2f;}
.tabs-underline .tabs-content-placeholder{ max-width:1200px; margin:0 auto;}
.about-main{ padding:70px 20px;}
.about-title{ font-size:28px; color:#898989; padding:0 0 50px 0;}
.about-title font{ padding-right:15px;}
.about-title span { color:#b4b4b4; padding:0 15px;}
.about-text{ width:50%; float:left;}
.about-text p{ font-size:18px; color:#898989; line-height:35px; text-indent:2em; margin-bottom:40px; padding:0 50px 0 0;}
.about-contact ul li { float:left; width:33.33%; font-size:18px; color:#898989; line-height:35px; position:relative;padding:0 15px 0 15px; box-sizing:border-box;}
.about-contact ul li:before{ content:""; width:4px; height:20px; position:absolute; left:0; top:8px; background:#dadada;}
.about-img{ float:left; width:50%; margin-top:120px;}
.about-img ul li { float:left; width:50%; box-sizing:border-box; padding:8px 8px;}
.about-img ul li img { width:100%; display:block; vertical-align:top;}
.about-team ul li { float:left; width:270px; background:#fff; margin:0 25px 25px 0; position:relative; height:326px;}
.team-name{ position:absolute; left:0; right:0; bottom:0; height:55px; line-height:55px; text-align:center;  background:rgba(47,109,186,0.48); color:#fff; font-size:18px;}
.team-name span { font-size:24px; padding-right:15px;}
.about-team ul li:hover { cursor:pointer;}
.about-team ul li .team-pic { width:270px; height:326px; overflow:hidden;}
.team-text{ padding:20px; text-align:center; position:absolute; left:0; top:0; right:0; bottom:0; background:#2f6dba; text-align:left; color:#fff; z-index:19;}
.team-text h2 { font-size:26px; color:#fff;}
.team-text span { color:#fff; font-size:18px; padding-left:15px;}
.team-text p{ color:#fff; font-size:12px; line-height:20px;margin-top:16px; text-align:left;}
.team-pic img { width:100%; vertical-align:top;}
.team-box{-webkit-transform: rotateX(0deg) rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform-style: preserve-3d;
    -moz-backface-visibility: hidden;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;}
.about-team ul li:hover .team-box{-webkit-transform:rotateY(180deg);
    -moz-transform:rotateY(180deg);}
.team-text	{-webkit-transform: rotateY(-180deg);
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-transform: rotateY(-180deg);
    -moz-transform-style: preserve-3d;
    -moz-backface-visibility: hidden;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;}
.about-team ul li:hover .team-text{-webkit-transform:rotateX(0deg) rotateY(0deg);
    -moz-transform:rotateX(0deg) rotate(0deg);}
.about-team ul li:hover .team-text{ opacity:1;}
.about-team ul li:nth-of-type(4n) {margin-right: 0;}
.join-center h2 { font-size:26px; color:#666; padding-bottom:30px;}
.join-text{ font-size:16px; line-height:26px;}
.course-list{ margin-top:30px;}
.course-list li { position:relative; padding-bottom:15px;}
.course-list li .s-year{ position:absolute; width:35px; height:35px; border-radius:999em; border:1px dashed #c6c6c6; line-height:35px; text-align:center; color:#2fba7e; background:#fff; left:0; top:5px; z-index:9;}
.s-text{ padding-left:60px;}
.s-text p{ font-size:14px; color:#898989; text-indent:0; margin-bottom:0; line-height:24px;}
.course-list li:before{ content:""; position:absolute; left:18px; border-right:1px dashed #c6c6c6; top:5px; bottom:-10px;}
.course-list li:last-child:before{ display:none;}
@-webkit-keyframes flipouttoleft{from{-webkit-transform: rotateY(0);}
to{-webkit-transform: rotateY(-90deg) scale(.9);}}
@keyframes flipouttoleft{from{transform: rotateY(0);}
to{transform: rotateY(-90deg) scale(.9);}}
@-webkit-keyframes flipouttoright{from{-webkit-transform: rotateY(0) ;}
to{-webkit-transform: rotateY(90deg) scale(.9);}}
@keyframes flipouttoright{from{transform: rotateY(0);}
to{transform: rotateY(90deg) scale(.9);}}
@-webkit-keyframes flipintoleft{from{-webkit-transform: rotateY(-90deg) scale(.9);}
to{-webkit-transform: rotateY(0);}}
@keyframes flipintoleft{from{transform: rotateY(-90deg) scale(.9);}
to{transform: rotateY(0);}}
@-webkit-keyframes flipintoright{from{-webkit-transform: rotateY(90deg) scale(.9);}
to{-webkit-transform: rotateY(0);}}
@keyframes flipintoright{from{transform: rotateY(90deg) scale(.9);}
to{transform: rotateY(0);}}

.team-list ul li { float:left; width:216px; margin-right:20px; margin-bottom:20px;}
.team-list ul li .team-list-pic { width:100%;}
.team-list ul li .team-list-pic img { width:100%}
.team-list ul li:nth-of-type(5n) { margin-right:0;}
.team-list ul li p{ font-size:18px; color:#898989; text-align:center; line-height:45px;}
.team-list ul li p span { padding-left:10px;}

.tabs-underline .tabs-content-placeholder .tab-content {display: none;}
.tabs-underline .tabs-content-placeholder .tab-content.tab-content-active {display: block;}

.help-main{ padding:30px 0;}
.help-main ul li{ float:left; background:#fff; margin:10px 10px;box-shadow:0 0 3px rgba(0,0,0,0.1)}
.help-main ul li:nth-of-type(4n){ margin-right:0;}
.help-main ul li img { width:270px; height:170px; vertical-align:top;}
.help-main ul li p { font-size:14px; line-height:40px; color:#555; padding:0 15px;}
.help-banner{ height:263px; background:url(../images/help-banner.jpg) center center no-repeat;}


.brand-main{ padding:40px 0;}
.brand-main ul li { float:left; width:265px; margin:20px; background:#fff; position:relative;}
.brand-main ul li:nth-of-type(4n){ margin-right:0;}
.brand-main ul li:hover { cursor:pointer;}
.int-img img{ width:100%; vertical-align:top;}
.int-text{ border:1px solid #eee; border-top:none; padding:15px;}
.int-text-title{ font-size:16px; color:#898989;text-decoration: none; text-overflow: ellipsis; white-space: nowrap; overflow:hidden;}
.int-like{ text-align:right; font-size:14px; line-height:20px;}
.i-like{ display:inline-block; width:20px; height:17px; line-height:17px; background:url(../images/i-like.png) 0 0 no-repeat; vertical-align:middle; margin-right:10px; margin-top:-2px;}
.int-mask{ position:absolute; left:0; top:0; width:100%; height:265px; background:rgba(0,0,0,0.5); text-align:center; opacity:0;transition: all 1s ease 0s;}
.int-mask:hover { opacity:1; cursor:pointer;}
.int-mask img { width:120px; height:120px; margin-top:60px;}
.int-mask a { background:#2fba7e; color:#fff; display:inline-block; height:30px; line-height:30px; padding:0 20px; font-size:14px; margin-top:10px; border-radius:2px;}

.ui-mbox2{position:relative;}
.ui-mbox2 .t-phone{background:url(../images/ui-mbox2-bg.png) 0 0 no-repeat; height:727px; width:604px; position:absolute; right:-180px; bottom:0;}
.news-list{ padding:40px 0;}
.news-list ul { float:left; width:33.33%;}
.news-list ul li { padding:0 6px; margin-bottom:12px;}
.news-box{ background:#fff; padding:30px;}
.news-img img{ width:100%; vertical-align:top;}
.news-title{ font-size:13px; line-height:26px; max-height:52px; overflow:hidden; color:#777; margin-top:10px;}
.news-title:hover { color:#ff6600;}


.preview-wrap {width: 100%;text-align: center;}
.control-component{display: inline-block;width: 300px;height: 560px;margin-top: 60px;background: #fff;border: 1px solid #e6e6e6;border-radius: 3px;box-shadow: -1px -1px 5px #eee, 1px 1px 5px #eee;}
.cata-phone-tab{position: relative;display: inline-block;width: 100%;font-size: 0;cursor: pointer;border-bottom: 1px solid #c6c6c6;z-index: 2;}
.cata-phone-tab > div{position: relative;display: inline-block;padding: 15px 0;width: 50%;color: #666;font-size: 14px;}
.cata-phone-tab > div.active{color: #069b5b;border-bottom: 1px solid #069b5b;margin-bottom: -1px;}
.cata-phone-tab > div.active::before{content: "";display: block;position: absolute;left: 69px;/* bottom: -1px;*/bottom: 0px;border-style: solid;border-width: 7px;border-color: transparent;border-bottom-color: #069b5b;}
.nav-component{display: inline-block;width: 100%;vertical-align: top;text-align: left;}
.nav-component .group-page-container{max-height: 500px;line-height: 32px;color: #666;background-color: #fff;/* text-indent: 34px;*/overflow-y: auto;}
.nav-component .group-page-nav .group-nav{position: relative;cursor: pointer;line-height: 40px;border-bottom: 1px solid #d6d6d6;z-index: 1;/* margin-bottom: 10px;*/}
.nav-component .group-page-nav.active .group-nav{box-shadow: 0 0 7px #C7C5C5;border-bottom: none;}
.group-page-nav .group-nav .icon-folder{margin-left: 32px;/*width: 16px;margin-right: 5px;*/display: inline-block;height: 16px;font-size: 16px;vertical-align: middle;}
.group-page-nav .group-nav .group-nav-text{vertical-align: middle;}
.group-page-nav .group-nav::after{content: "";display: block;position: absolute;top: 16px;left: 12px;border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-left: 8px solid #666;border-right: 0;transition: all linear .3s;}
.group-page-nav.active .group-nav::after{transform: rotateZ(90deg);-webkit-transform: rotateZ(90deg);-moz-transform: rotateZ(90deg);-ms-transform: rotateZ(90deg);}
.nav-component .group-page-nav .page-navs{display: none;color: #666;cursor: pointer;}
.nav-component .group-page-nav.active .page-navs{display: block;}
.nav-component .group-page-nav .page-navs li{box-sizing: border-box;-webkit-box-sizing: border-box;}
.nav-component .group-page-nav .page-navs .page-nav{position: relative;padding-left: 15px;line-height: 35px;background-color: #fff;border-bottom: 1px solid #eaeaea;white-space: nowrap;overflow-x: hidden;text-overflow: ellipsis;}
.nav-component .group-page-nav .page-navs .active{color: #069b5b;border: 1px solid #069b5b;outline: 1px solid #069b5b;z-index: 1;}
.phone-6plus{position: relative;display: inline-block;width: 332px;height: 678px;margin-left: 60px;margin-right: 60px;vertical-align: top;z-index:9;}
.phone-6plus{width: 332px;height: 670px; background:url(../images/6s.png) 0 0 no-repeat;background-size: 100% 100%;}
.service-component{display: inline-block;width: 300px;height: 560px;/* padding: 30px;*/margin-top: 60px;background: #fff;border: 1px solid #e6e6e6;border-radius: 3px;box-shadow: -1px -1px 5px #eee, 1px 1px 5px #eee;vertical-align: top;}
.service-component{display: inline-block;width: 300px;height: 560px;/* padding: 30px;*/margin-top: 60px;background: #fff;border: 1px solid #e6e6e6;border-radius: 3px;box-shadow: -1px -1px 5px #eee, 1px 1px 5px #eee;vertical-align: top;}
.code-container{position: relative;display: inline-block;width: 185px;height: 185px;margin: 40px 0 10px;border: 1px solid #ddd;}
.service-component.normal .code-container{margin-top: 15px;margin-bottom: 15px;}
.preview-code{width: 185px;height: 185px;}
.service-component .code-container-text{color: #535353;font-size: 14px;color:#069b5b;}
.serve-link-wrap { padding:20px 35px 15px 35px;}
.serve-link-wrap a { display:block; width:120px; height:30px; line-height:30px; text-align:center; border:1px solid #069b5b; margin:20px auto 0 auto; color:#069b5b;}
.serve-link-wrap a:hover { color:#069b5b; border:1px solid #069b5b;}
.tabs-content-ps{ width:285px; height:490px; margin:0 auto; margin-top:85px; border:2px solid #000;}
.tabs-content-ps img { width:100%; height:100%;}
.tabs-content-ps .tab-content-div{ display:none; width:100%; height:100%;}
.tabs-content-ps .tab-content-div.tab-content-active{ display:block;}
.code-container-box{ font-size:14px; color:#4a4a4a;}
.app-title{ margin-top:30px;}
.app-title p { font-size:20px; color:#4c4c4c;}

.h-banner { height:259px; background:url(../images/p-banner.jpg) center center no-repeat;}
.mg-wrap{ background:#fff; min-width:1024px; overflow-x:hidden;}
.caltor{ position:relative;}
.caltor:before { position:absolute; background:#dfdfdf; height:1px; left:0; right:0; top:55px; content:"";}
.calculator{ float:left; width:75%;}
.calculator-title{ height:55px; line-height:55px;font-size: 18px;color: #3b3b3b;}
.calculator-title span { display:inline-block; vertical-align:top; height:52px; line-height:55px; border-bottom:3px solid #ffcb2f; padding:0 20px;}
.calculator-ul{ padding:20px 0;}
.calculator-ul ul li { float:left; line-height:30px; padding:8px 0;}
.calculator-ul ul li .j-label { float:left; width:105px; font-size:16px; color:#4c4c4c;}
.calculator-ul ul li .j-text{ float:left; width:200px; position:relative; margin-right:55px;}
.calculator-ul ul li .j-text label { font-size:16px;}
.calculator-ul ul li .j-text .input { background:#f1f1f1; width:100%; box-sizing:border-box; padding:0 30px 0 15px; height:30px; line-height:30px; border:none;}
.calculator-ul ul li .j-text .j-unit { font-size:14px; position:absolute; right:10px; top:0;}
.calculator-ul ul li:nth-of-type(2n) .j-text { margin-right:0;}
.calculator-ul ul li .assment-btn { height:45px; line-height:45px; text-align:center; padding:0 25px; font-size:18px; background:#fbcc3e; color:#fff; display:block; margin-left:25px; margin-top:-15px;}
.calculator-value{ float:left; width:25%;}
.calculator-j{ padding:20px 0;}
.calculator-j ul li { border-bottom:1px solid #ddd; font-size:18px; line-height:48px; color:#898989; padding:8px 0 0 15px;}
.calculator-j ul li:last-child { border-bottom:none;}
.calculator-j ul li span { font-size:48px; color:#4c4c4c; padding:0 10px;}
.calculator-j ul li font{ font-size:12px;}
.tabs-corebox{ background:#2fba7e; height:150px; text-align:center;}
.tabs-corebox ul li { float:left; width:23%;padding:40px 0 35px 0; position:relative;}
.tabs-corebox ul li:nth-of-type(3n) { width:31%;}
.tabs-corebox ul li:hover { cursor:pointer;}
.tabs-corebox ul li.active:before { content: "";display: block;position: absolute;left:0;bottom:10px; background:#fff; height:5px; right:20px;}
.tab-i-span i { width:55px; height:55px; display:block;}
.tab-i-span i.i-t1 { background:url(../images/i-t1.png) center center no-repeat;}
.tab-i-span i.i-t2 { background:url(../images/i-t2.png) center center no-repeat;}
.tab-i-span i.i-t3 { background:url(../images/i-t3.png) center center no-repeat;}
.tab-i-span i.i-t4 { background:url(../images/i-t4.png) center center no-repeat;}
.core-tab-box{ position:relative;}
.core-tab-box .tab-i-span{ position:absolute; left:0; top:0;}
.core-tab-box .core-tab-m { padding-left:65px; text-align:left;}
.core-tab-box .core-tab-m p{ font-size:18px; color:#4c4c4c;}
.core-tab-box .core-tab-m .core-value { font-size:14px; color:#4c4c4c; line-height:40px;}
.core-tab-box .core-tab-m .core-value span { font-size:34px; color:#fff; padding:0 3px;}
.core-describe{ float:left;}
.core-describe h2 { font-size:40px; color:#4c4c4c; padding:100px 0 80px 0;}
.core-describe h2 span { padding:0 30px;}
.core-text{ position:relative; padding-bottom:80px;}
.core-text:before{ content:""; position:absolute; left:22px; top:0; bottom:0; border-right:1px dotted #ccc;}
.core-text-list{ position:relative; padding-left:80px; padding-bottom:60px;}
.core-text-list .core-v0{ display:block; width:45px; height:45px; line-height:45px; text-align:center; font-size:18px; color:#fff; background:#6687cc; border-radius:999em; position:absolute; left:0; top:0;}
.core-text-list:nth-of-type(2n) .core-v0 { background:#ff5a4a;}
.core-text-list:nth-of-type(3n) .core-v0 { background:#828282;}
.core-text-list p{ font-size:16px; line-height:32px;}
.core-prompt{ display:inline-block; margin-right:30px; position:relative;}
.core-prompt a { font-size:16px; color:#005aff; text-decoration:underline; display:block; line-height:32px;}
.core-tip{ position:absolute; left:0; top:35px; background:#fff; border:1px solid #eaeaea;border: 1px solid rgba(0, 0, 0, 0.15);box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); padding:10px 15px; z-index:10; font-size:14px; line-height:25px; width:280px; display:none;}
.core-tip:before{width:0; height:0; border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #fff; content:""; position:absolute; left:30px;top:-8px; z-index:10;}
.core-tip:after {width:0; height:0; border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #eaeaea; content:""; position:absolute; left:28px;top:-10px; z-index:9;}
.core-prompt:hover .core-tip{ display:block;}
.core-text-list p span { color:#ff0000; font-size:24px; padding:0 5px;}
.core-text-list p a{ color:#005aff; padding-right:20px; text-decoration:underline;}
.generate-btn{ display:inline-block; font-size:14px; color:#4c4c4c; border:1px solid #4c4c4c; line-height:38px; padding:0 20px; margin-top:30px; margin-right:20px;}
.generate-btn:hover { background:#2fba7e; color:#fff; border:1px solid #2fba7e;}
.core-r-pic{ float:right; margin-top:160px;}
.core-r-pic ul li { width:380px; height:178px; position:relative; margin-bottom:10px;}
.core-r-pic ul li img { width:100%; height:100%;}
.core-r-pic ul li p{ position:absolute; bottom:0; left:0; right:0; background:rgba(51,59,70,0.8); text-align:center; color:#fff; font-size:16px; line-height:40px;}
.ui-mbox3{ background:url(../images/map1.png) right center no-repeat;}
.main-ublock{ background:#333b46; padding:100px 0; text-align:center;}
.site-title h2 { font-size:40px; color:#fff;}
.site-title h2 span { padding:0 35px;}
.site-title p{ font-size:15px; color:#777; padding-top:20px;}
.site-list ul li{ display:inline-block; margin:0 20px; background:url(../images/sd-bg.png) 0 0 no-repeat; width:133px; height:160px;transition: all 1s ease 0s; position:relative; overflow:hidden; border-radius:999em;}
.site-list ul li .t-box { position:absolute; left:8px;top:8px; right:8px; bottom:8px; overflow:hidden; border-radius:999em;}
.site-list ul li .t-box1{ position:absolute; left:0; bottom:0; width:117px; height:117px;transition: all 1s ease 0s; opacity:1; border-radius:999em; overflow:hidden;}
.site-list ul li .t-box2{ position:absolute; left:-123px; bottom:0; width:117px; height:117px;transition: all 1s ease 0s; opacity:0;}
.site-list ul li .t-box2 h3 { color:#fff;}
.site-list ul li .t-box2 p { color:#fff; opacity:0.7;}
.site-list ul li:first-child { margin-left:0;}
.site-list ul li:hover{ background:url(../images/sd-bghover.png) 0 0 no-repeat; cursor:pointer;}
.site-list ul li:hover .t-box1{ left:133px; opacity:0;}
.site-list ul li:hover .t-box2{ left:0px; opacity:1;}
.site-list ul li:last-child { margin-right:0;}
.site-list ul li h3 { font-size:20px; color:#333b46; padding-top:25px; padding-bottom:6px;}
.site-list ul li p{ font-size:12px;}
.site-center{ padding:60px 0 30px 0;}
.site-sub{ position:relative; height:20px; line-height:20px; margin-bottom:30px;}
.site-sub:before{ position:absolute; left:0; right:0; height:2px; background:#069b5b; content:""; top:50%; margin-top:-1px; z-index:2;}
.site-sub span { position:relative; z-index:9; display:block; float:left; width:33.33%;}
.site-sub span:first-child font{ margin-left:95px;}
.site-sub span:last-child font{ margin-right:95px;}
.site-sub span font{ display:inline-block; background:#333b46; font-size:14px; padding:0 15px; color:#fff; position:relative;}
.site-sub span:nth-of-type(2n) font:before { content:""; width:18px; height:2px; position:absolute; background:#333b46; left:-40px; top:9px;}
.site-sub span:nth-of-type(2n) font:after { content:""; width:18px; height:2px; position:absolute; background:#333b46; right:-40px; top:9px;}
.tabs-ubox { display:none; background:#f9f9f9;}
.tabs-ubox.active{ display:block;}
.service-list { padding-top:80px;}
.service-list ul li { display:inline-block; padding:0 25px;}
.service-list ul li span { display:inline-block; vertical-align:top; width:81px; height:72px;}
.service-list ul li span.b-1{ background:url(../images/b-1.png) 0 0 no-repeat;}
.service-list ul li span.b-2{ background:url(../images/b-2.png) 0 0 no-repeat;}
.service-list ul li span.b-3{ background:url(../images/b-3.png) 0 0 no-repeat;}
.service-list ul li span.b-4{ background:url(../images/b-4.png) 0 0 no-repeat;}
.service-list ul li span.b-5{ background:url(../images/b-5.png) 0 0 no-repeat;}
.service-list ul li span.b-6{ background:url(../images/b-6.png) 0 0 no-repeat;}
.service-list ul li h4 { font-size:18px; color:#fff; padding:15px 0;}
.service-list ul li p{ font-size:14px; color:#686a6c; line-height:28px; padding-left:15px; text-align:left; background:url(../images/dot-bg.png) left center no-repeat;}
.resour-left{ float:left;}
.resour-right{ float:left; text-align:left; margin-left:20px;}
.resour-right h2 {font-size: 40px;color: #fff; margin-bottom:50px;}
.resour-right h2 span { padding:0 35px;}
.resour-right img { padding-left:30px;}
.k-center { padding-top:50px;}
.k-center ul{ display:inline-block; text-align:left; padding:0 60px;}
.k-center ul li { font-size:18px; line-height:60px; color:#ebebeb; background:url(../images/q.png) left center no-repeat; padding-left:25px;}
.ck-slide ul{margin: 0;padding: 0;list-style-type: none;}
.ck-slide{position: relative;width: 1200px; height: 320px; margin: 0 auto;}
.ck-slide-dir {position: relative;overflow: hidden;width: 1200px; height: 320px;}
.ck-slide ul.ck-slide-wrapper{position: absolute;top: 0;left: 0;z-index: 1;margin: 0;padding: 0;}
.ck-slide ul.ck-slide-wrapper li{position: absolute;margin-top:0px;}
.ck-slide ul.ck-slide-wrapper li a{/*a标签是行内元素，宽高对a标签不起作用，这里必须添加line-height:0px;display:black，否则垂直滚动<li>之间会出现间隔*/line-height:0px;display:block;}
.ck-slide ul.ck-slide-wrapper li img{ width:1200px;}
.ck-slide .ck-prev, .ck-slide .ck-next{position: absolute;top: 50%;z-index: 2;width:50px;height: 50px;margin-top: -25px;border-radius: 3px;opacity: .5;text-indent: -9999px;transition: opacity .2s linear 0s; border-radius:999em; background:#0090ff;}
.ck-slide .ck-prev{left: -25px; background-image:url(../images/m-Left.png); background-size:cover;}
.ck-slide .ck-next{right: -25px;background-image:url(../images/m-right.png); background-size:cover;}
.ck-slide ul.ck-slide-wrapper { height: 320px;}

.video-banner{ height:510px; background:url(../images/v-banner.jpg) center center no-repeat;}
.v-title{ font-size:60px; color:#fff; text-align:center; padding-top:120px; text-shadow:0 2px 3px rgba(0,0,0,0.5)}
.v-play{ width:155px; height:155px;margin:25px auto;position:relative;}
.v-play span { display:block; position:absolute; width:129px; height:129px;border-radius:999em; background:rgba(255,255,255,0.2);animation:fadeOutIn 2.4s infinite;-webkit-animation:fadeOutIn 2.4s infinite; margin:13px;}
.v-play img { width:129px; height:129px; margin:13px;}
.v-name{ font-size:18px; color:#fff; text-align:center;}

.product-link{ text-align:center; padding:30px 0;}
.product-link a {display: inline-block;font-size: 16px;color: #4c4c4c;border: 1px solid #4c4c4c;line-height: 42px;padding: 0 40px;}
.product-link a:hover {background: #2fba7e; color: #fff;border: 1px solid #2fba7e;}

.all_wrap .page{width: 100%;overflow: hidden;background: #F5F5F5; padding:80px 0; position:relative;}
#intro_top{width: 100%;height: 100%;background: url(http://1251027630.cdn.myqcloud.com/1251027630/zhichi_frontend/static/webapp_home/img/banner.jpg) 0 bottom no-repeat;-webkit-background-size: 100% 100%;background-size: 100% 100%;color: #fff;font-size: 5vmin;text-align: center;line-height: 10em;}
.intro_show{max-width:1200px;height: 100%;margin: auto; position:relative;}
.animate_content{width: 49%;height: 100%;display: inline-block;position: relative;}
.intro{position: absolute;}
.first_intro_1{left:0;top: 0;}
.first_intro_2{top:0;left:0; z-index:10;}
.first_intro_3{right:0;top: 0; z-index:9;}
.second_intro_1{width: 40%;height: 80%;left: 40%;top: 10%;}
.second_intro_2{top:15%;left:0;}
.third_intro_1{left: 0;top:0;}
.third_intro_2{top: 10%;left:20%;}
.four_intro_1{left: 10%;top:0;}
.four_intro_2{top:0;left: 18%;}
.five_intro_1{top: 10%;left:0;}
.five_intro_2{top:2%;left: 20%;}
.five_intro_3{width: 23%;top: 30%;left: 30%;}
.six_intro_1{top:0;left:0;}
.six_intro_2{width: 26%;top: 4%;left: 27%;}
.seven_intro_1{ left:50%; top:0; margin-left:-212px;}
.seven_intro_2{ left:20%; bottom:-10%; z-index:3;}
.seven_intro_3{ left:48%; bottom:-10%; z-index:2}
.eight_intro_1{ left:50%; margin-left:-250px; top:0;}
.eight_intro_2{ left:50%; margin-left:-100px; top:0;}
.nine_intro_1{ left:50%; margin-left:-345px; top:0;}
.nine_intro_2{ left:50%; margin-left:-170px; top:22%;}
.ten_intro_1{ left:50%; margin-left:-228px; top:0;}
.ten_intro_2{ left:50%; margin-left:-165px; bottom:0;}
.first_intro-s1{ position:absolute; left:50%; margin-left:-150px; top:0;}
.first_intro-s2{ position:absolute; bottom:0; left:0;}
.first_intro-s3{ position:absolute; top:80px; right:30px;}
.second_intro_s1{ position:absolute; right:0; top:50px; z-index:9;}
.second_intro_s2{ position:absolute; right:150px; top:80px; z-index:8;}
.second_intro_s3{ position:absolute; right:300px; top:110px; z-index:7;}
.third_intro_s1{ position:absolute; left:50%; margin-left:-251px; top:0}
.third_intro_s2{ position:absolute; left:50%; margin-left:-128px; top:0;}
.four_intro_s1{ position:absolute; right:220px; bottom:0; z-index:2;}
.four_intro_s2{ position:absolute; right:0; top:0; z-index:1;}
.five_intro_s1{ position:absolute; top:0; left:0;}
.six_intro_s1{ position:absolute; right:220px; bottom:50px; z-index:2;}
.six_intro_s2{ position:absolute; right:0; top:0; z-index:1;}
.intro_title{text-align: center;font-size:38px;position: relative;top: -38%; color:#4c4c4c;}
.detail{text-align: center;font-size: 2.3vmin;color: #8E8E8E;position: relative;top: -31%;margin: 0 auto;}
.left_title{margin-bottom:5px; font-size:22px; color:#777;}
.fadeInRight{animation:fadeInRight 0.7s 0s ease both;-webkit-animation:fadeInRight 0.7s 0s ease both;-moz-animation:fadeInRight 0.7s 0s ease both;-ms-animation:fadeInRight 0.7s 0s ease both;}
.fadeInLeft{animation:fadeInLeft 0.7s 0.3s ease both;-webkit-animation:fadeInLeft 0.7s 0.3s ease both;-moz-animation:fadeInLeft 0.7s 0.3s ease both;-ms-animation:fadeInLeft 0.7s 0.3s ease both;}
.fadeInTop{animation:fadeInTop 0.7s 0.3s ease both;-webkit-animation:fadeInTop 0.7s 0.3s ease both;-moz-animation:fadeInTop 0.7s 0.3s ease both;-ms-animation:fadeInTop 0.7s 0.3s ease both;}
.faseInDown{animation:faseInDown 0.7s 0.3s ease both;-webkit-animation:faseInDown 0.7s 0.3s ease both;-moz-animation:faseInDown 0.7s 0.3s ease both;-ms-animation:faseInDown 0.7s 0.3s ease both;}
.coins{animation:coins 0.7s 0s ease both;-webkit-animation:coins 0.7s 0s ease both;-moz-animation:coins 0.7s 0s ease both;-ms-animation:coins 0.7s 0s ease both;}
.toSmall{animation: toSmall 1s 0.3s ease both;-webkit-animation: toSmall 1s 0.3s ease both;-moz-animation: toSmall 1s 0.3s ease both;-o-animation: toSmall 1s 0.3s ease both;-ms-animation: toSmall 1s 0.3s ease both;}
.fadeInup{animation:fadeInup 0.7s 0.3s ease both;-webkit-animation:fadeInup 0.7s 0.3s ease both;-moz-animation:fadeInup 0.7s 0.3s ease both;-ms-animation:fadeInup 0.7s 0.3s ease both;}
@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-50%);}
100%{opacity:1;transform:translateX(0);}}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-50%);}
100%{opacity:1;-webkit-transform:translateX(0);}}@-moz-keyframes fadeInLeft{0%{opacity:0;-moz-transform:translateX(-50%);}
100%{opacity:1;-moz-transform:translateX(0);}}@-ms-keyframes fadeInLeft{0%{opacity:0;-ms-transform:translateX(-50%);}
100%{opacity:1;-ms-transform:translateX(0);}}
@keyframes fadeInRight{0%{opacity:0;transform:translateX(50%);}
100%{opacity:1;transform:translateX(0);}}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(50%);}
100%{opacity:1;-webkit-transform:translateX(0);}}@-moz-keyframes fadeInRight{0%{opacity:0;-moz-transform:translateX(50%);}
100%{opacity:1;-moz-transform:translateX(0);}}@-ms-keyframes fadeInRight{0%{opacity:0;-ms-transform:translateX(50%);}
100%{opacity:1;-ms-transform:translateX(0);}}
@keyframes fadeInTop{0%{opacity:0;transform:translateY(-50%);}
100%{opacity:1;transform:translateY(0);}}@-webkit-keyframes fadeInTop{0%{opacity:0;-webkit-transform:translateY(-50%);}
100%{opacity:1;-webkit-transform:translateY(0);}}@-moz-keyframes fadeInTop{0%{opacity:0;-moz-transform:translateY(-50%);}
100%{opacity:1;-moz-transform:translateY(0);}}@-ms-keyframes fadeInTop{0%{opacity:0;-ms-transform:translateY(-50%);}
100%{opacity:1;-ms-transform:translateY(0);}}
@keyframes faseInDown{0,50%{opacity:0;transform:translateY(0);}
50%{opacity:0;transform:translateY(100%);}
100%{opacity:1;transform:translateY(0);}}@-webkit-keyframes faseInDown{0%,50%{opacity:0;-webkit-transform:translateY(0);}
50%{opacity:0;-webkit-transform:translateY(100%);}
100%{opacity:1;-webkit-transform:translateY(0);}}@-moz-keyframes faseInDown{0%,50%{opacity:0;-moz-transform:translateY(0);}
50%{opacity:0;-moz-transform:translateY(-100%);}
100%{opacity:1;-moz-transform:translateY(0);}}@-ms-keyframes faseInDown{0%,50%{opacity:0;-ms-transform:translateY(0);}
50%{opacity:0;-ms-transform:translateY(-100%);}
100%{opacity:1;-ms-transform:translateY(0)}}
@keyframes coins{from, to{transform: scale(1, 1);}
0%{opacity:0;transform: scale(0, 0);}
100%{opacity:1;transform: scale(1, 1);}}@-webkit-keyframes coins{from, to{-webkit-transform: scale(1, 1);}
0%{opacity:0;-webkit-transform: scale(0, 0);}
100%{opacity:1;-webkit-transform: scale(1, 1);}}@-moz-keyframes coins{from, to{-moz-transform: scale(1, 1);}
0%{opacity:0;-moz-transform: scale(0, 0);}
100%{opacity:1;-moz-transform: scale(1, 1);}}@-ms-keyframes coins{from, to{-ms-transform: scale(1, 1);}
0%{opacity:0;-ms-transform: scale(0, 0);}
100%{opacity:1;-ms-transform: scale(1, 1);}}
@keyframes toSmall{0%{opacity:0;transform: scale(2);}
100%{opacity:1;transform: scale(1);}}@-webkit-keyframes toSmall{0%{opacity:0;-webkit-transform: scale(2);}
100%{opacity:1;-webkit-transform: scale(1);}}@-moz-keyframes toSmall{0%{opacity:0;-moz-transform: scale(2);}
100%{opacity:1;-moz-transform: scale(1);}}@-o-keyframes toSmall{0%{opacity:0;-o-transform: scale(2);}
100%{opacity:1;-o-transform: scale(1);}}@-ms-keyframes toSmall{0%{opacity:0;-ms-transform: scale(2);}
100%{opacity:1;-ms-transform: scale(1);}}
@keyframes fadeInup{0%{opacity:0;transform:translateY(50%);}
100%{opacity:1;transform:translateX(0);}}@-webkit-keyframes fadeInup{0%{opacity:0;-webkit-transform:translateY(50%);}
100%{opacity:1;-webkit-transform:translateX(0);}}@-moz-keyframes fadeInup{0%{opacity:0;-moz-transform:translateY(50%);}
100%{opacity:1;-moz-transform:translateX(0);}}@-ms-keyframes fadeInup{0%{opacity:0;-ms-transform:translateY(50%);}
100%{opacity:1;-ms-transform:translateX(0);}}
.video{background-color: rgba(0,0,0,0.5);z-index: 99999;position: fixed;width: 100%;height: 100%;top: 0;left: 0;}
.video video{position: relative;display: block;width: 700px;height: 525px;}
.video .close{cursor: pointer;position: absolute;top: 0;right: -50px;width: 30px;height: 30px;text-align: center;line-height: 30px;color: #fff;border: 2px solid #fff;border-radius: 50%;font-size: 30px;}
.video .close:hover{background-color: #e43a3a;}
.a-btn{display: block;margin: 0 auto;color: #fff;background-color: #fdcb2e;width: 22vmin;height: 5.6vmin;line-height: 5.6vmin;text-align: center;border-radius: 2px;font-size: 2.3vmin;}
.scroll{display: none;background-image: url(http://1251027630.cdn.myqcloud.com/1251027630/zhichi_frontend/static/pc/index/img/scrollUp1.png);width: 44px;height: 44px;background-size: 100% 100%;position: fixed;bottom: 50px;right: 40px;}
.scroll:hover{background-image: url(http://1251027630.cdn.myqcloud.com/1251027630/zhichi_frontend/static/pc/index/img/scrollUp2.png);}


@keyframes fadeOutIn{0%{transform: scale(1);opacity: 0.15}
100%{transform: scale(1.2);opacity: 1}
/*100%{transform: scale(1);opacity: 0.15}*/}
@-webkit-keyframes fadeOutIn{0%{-webkit-transform: scale(1);opacity: 0.15}
100%{-webkit-transform: scale(1.2);opacity: 1}
/*100%{-webkit-transform: scale(1);opacity: 0.15}*/}
@-moz-keyframes fadeOutIn{0%{-moz-transform: scale(1);opacity: 0.15}
100%{-moz-transform: scale(1.2);opacity: 1}
/*100%{-moz-transform: scale(1);opacity: 0.15}*/}
@-ms-keyframes fadeOutIn{0%{-ms-transform: scale(1);opacity: 0.15}
100%{-ms-transform: scale(1.2);opacity: 1}
/*100%{-ms-transform: scale(1);opacity: 0.15}*/}
@-o-keyframes fadeOutIn{0%{-o-transform: scale(1);opacity: 0.15}
100%{-o-transform: scale(1.2);opacity: 1}
/*100%{-o-transform: scale(1);opacity: 0.15}*/}


.data-banner { height:510px; position:relative; background:url(../images/data_banner.jpg) center top no-repeat;}
.data-banner .content{ height:100%;}
.data-banner-center{ position:absolute; z-index:10; left:0; bottom:0; right:0; margin-bottom:40px;}
.data-banner-center p{ font-size:24px; color:rgba(255,255,255,0.5);}
.data-banner-center a { display:inline-block; font-size:18px; color:rgba(255,255,255,0.5); border:2px solid rgba(255,255,255,0.5); line-height:32px; padding:0 25px; margin-top:10px;}

.all_wrap .page-center {width: 100%;overflow: hidden;background: #F5F5F5;}
.all_wrap .page-center .content{ }
.data-box2{ height:680px; background:url(../images/mg.jpg) center top no-repeat;}
.data-box2-left h2 { font-size:40px; color:#fff;}
.data-box2-left h2 span { padding:0 30px;}
.first_intro_d1{ left:50%; margin-left:-275px; top:50%; margin-top:-187px;}
.first_intro_d2{ left:50%; top:50%; margin-top:-120px; margin-left:150px;}
.data-box2-left{ position:relative; margin-top:-38%;}
.data-box2-left ul li { line-height:55px; color:#fff; font-size:24px;}
.data-box2-left ul li i { display:inline-block; width:10px; height:10px; border-radius:999em; background:#fff; margin-right:10px;}
.data-box3{ padding:60px 0; position:relative;}
.applic-list { text-align:center; padding:50px 0;}
.applic-list ul li { display:inline-block; padding:0 25px;}
.applic-list ul li i{ font-size:40px; color:#7b7b7b;}
.applic-list ul li p{ font-size:18px; color:#4c4c4c; padding-top:8px;}
.msg-list ul li { float:left; width:20%;}
.msg-list ul li .msg-t-box{position:relative; margin:7px;}
.msg-list ul li .msg-t-box img { width:100%; vertical-align:top;}
.msg-list ul li .msg-t-box .msg-bm{ height:40px; line-height:40px; background:rgba(1,27,56,0.6); color:#fff; font-size:16px; position:absolute; left:0; right:0; bottom:0; padding:0 15px;}
.msg-list ul li .msg-t-box .msg-bm span { padding-left:5px; font-size:22px;}
.data-box1{ background:url(../images/data-fbg.jpg) center top no-repeat; height:635px;}
.data-box1-tv{ float:left; background:url(../images/tv.png) 0 0 no-repeat; width:736px; height:461px; margin-top:100px;}
.data-box1-center{ width:700px; height:398px; background:#fff; margin:15px 0 0 17px; position:relative;}
.data-hover-box{ position:absolute; z-index:20; left:0; top:0; right:0; bottom:0;/* background:rgba(0,0,0,0.6); */line-height:398px; text-align:center; display:none;}
.data-hover-box a{ display:inline-block; line-height:38px; background:#2fba7e; padding:0 25px; color:#fff; font-size:14px;}
.data-box1-center:hover .data-hover-box { display:block;}
.data-box1-center .ck-slide{ width:700px; height:398px;}
.data-box1-center .ck-slide-dir {width:700px; height:398px;}
.data-box1-center .ck-slide ul.ck-slide-wrapper { height:398px;}
.data-box1-center .ck-slide ul.ck-slide-wrapper li img { width:700px; height:398px;}
.data-box1-center .ck-slidebox { position:absolute; left:0; right:0; bottom:0; z-index:29; height:30px; text-align:center;margin-left:0 !important;}
.data-box1-center .ck-slidebox ul li{ display:inline-block;border-radius:999em; margin:0 3px;}
.data-box1-center .ck-slidebox ul li em{ display: block;width: 10px;height: 10px;border-radius:999em;background-color: #89888a;text-indent: -9999px;cursor: pointer;}
.data-box1-center .ck-slidebox ul li.current em { background:#297657;}
.tbox{ max-width:1280px; margin:0 auto; position:relative;}
.data-box1-text{ padding:60px 0 0 0; float:right;}
.data-box1-center iframe body{-webkit-transform: scale(0.8,0.8);-webkit-transition-timing-function: ease-out;	-webkit-transition-duration: 500ms;	-moz-transform: scale(0.8,0.8);	-moz-transition-timing-function: ease-out;	-moz-transition-duration: 500ms;}
.second_intro_w1{ top:0; left:50%; margin-left:-264px;}
.second_intro_w2{ bottom:0; left:50%; margin-left:-272px;}
.third_intro_w1{ left:50%; top:0; margin-left:-320px;}
.third_intro_w2{ right:-100px; bottom:-30px;}
.five_intro_w1{ left:50%; margin-left:-292px; top:0;}
.five_intro_w2{ left:50%; margin-left:-144px; top:0;}
.six_intro_w1{ left:0; top:0}
.seven_intro_w1{ left:0; top:0;}
.seven_intro_w2{ left:60px; top:-30px;}
.seven_intro_w{ top:0; left:50%; margin-left:-262px;}
.dot-management-main{ height:770px; background:url(../pic/branch/dot-map.png) center top no-repeat; position:relative;}
.dot-management-main:before{ position:absolute; left:0; right:0; bottom:0; top:0; background:rgba(0,27,50,0.74); z-index:1; content:"";}
.dot-center{ position:relative; z-index:10; padding:90px 0; text-align:center;}
.dot-center .index-title h1 { color:#fff;}
.dot-sitelist { margin-top:50px;}
.dot-sitelist ul li{ display:inline-block; vertical-align:top; padding:0 50px; color:#fff;}
.dot-sitelist ul li h3{ font-size:32px; padding-bottom:5px;}
.dot-sitelist ul li p{ font-size:18px;}
.dot-entr{ color:#fff; margin-top:80px;}
.dot-entr p{ font-size:18px; padding-bottom:25px;}
.dot-entr a { display:inline-block; height:38px; line-height:38px; border:2px solid rgba(255,255,255,0.8); color:#fff; font-size:16px; padding:0 30px; margin:0 5px;}
.bbtpic{ margin-top:50px;}
.dot-t-r{ position:absolute; right:0; top:150px;}
.dot-left_top{ width:38%; right:0; top:100px; height:70px; position:absolute;}
.dot-left_top div{height: 100%;background: #2fba7e;float: left;}
.dot-left_top_1{ width:4%;}
.dot-left_top_2{ width: 10%; margin-left: 2%;}
.dot-left_top_3{ width: 15%;margin-left: 2%;}
.dot-left_top_4{ width: 65%;margin-left: 2%;}
.eight_intro_w2{ right:0; top:5px;}

.tabs-help{ background:#fff; border-bottom:1px solid #dfdfdf; padding:10px 0;}
.tabs-help ul li { position:relative; line-height:48px;}
.tabs-help ul li label{ font-size:18px; float:left;}
.tabs-help ul li .hd-choice { margin-left:100px;}
.tabs-help ul li .hd-choice a { display:inline-block; width:120px; height:30px; line-height:30px; text-align:center; border:1px solid #eee; font-size:16px; margin-right:10px;}
.tabs-help ul li .hd-choice a.active,.tabs-help ul li .hd-choice a:hover{ background:#fbcc3e; color:#fff; border:1px solid #fbcc3e;}
.help-list { margin:40px 0;}
.help-list ul { float:left; width:33.33%;}
.help-list ul li { padding:0 6px;}
.help-block{ background:#fff; margin-bottom:12px; padding:30px;}
.help-block h2 { font-size:24px; color:#6e6a65; padding-bottom:20px;}
.help-text{ font-size:14px; line-height:30px; color:#777; max-height:120px; overflow:hidden;}
.help-link{ text-align:right; padding-top:8px;}
.help-link a { font-size:14px; color:#ff6600;}
.helproblem-list{ margin:40px 0;}
.helproblem-list ul{ float:left; width:33.33%;}
.helproblem-list ul li{ padding:0 6px;}
.help-ask { position:relative;}
.help-ispan,.A-qspan { position:absolute; left:0; top:0; font-size:24px; color:#6e6a65; line-height:30px;}
.help-ask-w,.A-text{ margin-left:45px; font-size:24px; line-height:30px;}
.help-answer,.help-A-q,.help-A-a{ position:relative;}
.help-utext { margin-left:45px;}
.help-utext p{ font-size:14px; color:#777; line-height:30px; max-height:120px; overflow:hidden;}
.help-details{ background:#fff; margin:30px 0; padding:40px;}
.help-back{ font-size:18px; line-height:30px; padding-bottom:30px;}
.help-back a:hover { color:#ff6600;}
.help-title{ text-align:center; font-size:24px; color:#6a6a6a; margin-bottom:40px;}
.A-text h2{ font-size: 24px;color: #6e6a65;padding-bottom: 20px;}
.A-atext{ margin-left:45px; line-height:30px; font-size:14px;}
.layer{ position:fixed; left:0; top:0; bottom:0; right:0; background:rgba(0,0,0,0.8); z-index:99;}
.layer-wrap{ width:1000px;height:550px; background:#000; position:absolute; left:50%; margin-left:-500px; top:50%; margin-top:-275px;}
.help-xtext{ font-size:14px; line-height:30px; color:#777;}

.m-box{ display:inline-block; margin-right:20px;}
.reg-tip{ display:inline-block; position:relative;}
.reg-tip i { vertical-align:middle;}
.reg-tip-text{ position:absolute; top:23px; left:0; background:#fff;border: 1px solid #eaeaea; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); padding:5px 15px; z-index:10; white-space: nowrap; overflow: hidden;text-overflow: ellipsis; font-size:13px; display:none;}
.reg-tip:hover .reg-tip-text{ display:block;}


@media screen and (max-width: 1366px) {
.example-left-con{ width:34%;}
.example-right-con{ width:66%;}
}

@media screen and (max-width: 1280px) {
	.index-box1,.index-box2,.index-box3,.intro_show{ -webkit-transform: scale(0.9,0.9);-moz-transform: scale(0.9,0.9);}
	.tbox{-webkit-transform: scale(0.9,0.9);-moz-transform: scale(0.9,0.9);}
}

@media screen and (max-width: 1200px) {
.brand-main ul li{ width:220px; margin:18px;}
.int-mask{ height:220px;}
.int-mask img{ margin-top:35px;}
.phone-6plus{ margin-left:20px; margin-right:20px;}
.calculator-ul ul li .j-text{ width:130px;}
.tabs-corebox ul li{ padding:40px 0 38px 0;}
.core-tab-box .core-tab-m .core-value span { font-size:25px;}
.core-text-list{ width:500px;}
.site-list ul li{ margin:0 2px;}
.resour-left{ width:60%;}
.resour-left img { width:100%;}
.resour-right{ width:40%; margin-left:0;}
.resour-right img { width:100%; box-sizing:border-box;}
.k-center ul{ padding:0 30px;}
.ck-slide,.ck-slide-dir,.ck-slide ul.ck-slide-wrapper li img{ width:990px;}
.about-team ul li:nth-of-type(4n) {margin-right: 20px;}
.team-list ul li{ width:172px;}
.all_wrap .page{ padding:80px 0;}
.intro_show{-webkit-transform: scale(0.9,0.9);-moz-transform: scale(0.9,0.9);}
.phone_animate_left{ width:32%;}
.phone_container{ width:68%; margin-left:0;}
.left_middle ul li{ font-size:20px;}
.left_middle ul li span { width:65px; height:65px; line-height:65px; margin-right:20px;}
.animate-k-text{ padding-left:45px;}
.animate-k-text h1{ font-size:34px;}
.animate-k-text ul li{ font-size:18px; line-height:45px; padding:0 20px;}
.example_text_container{ width:250px; padding:0 40px;}
.example_text_container h1 { font-size:30px; line-height:80px;}
.example_text_container p{ font-size:14px; line-height:26px; padding:30px 10px 20px 10px}
.example-duv a span{ font-size:12px; padding:0 10px;}
.swiper-slide .ex_box{ margin-left:15px; margin-bottom:15px;}
.swiper-slide .ex_box:before{left: -15px;top: -15px; bottom: -15x; right: -15px;}
.example-left-con{ width:32%; height:380px;}
.example-right-con{ width:68%; height:380px;}
.swiper-slide .ex_box{ width:280px; height:182px;}
.five_intro_s1{ width:550px; top:60px;}
.second_intro_s1{ width:560px; right:-50px;}
.data-box1-tv, .data-box2-right{-webkit-transform: scale(0.8,0.8);-moz-transform: scale(0.8,0.8);}
.data-box1-text{-webkit-transform: scale(0.7,0.7);-moz-transform: scale(0.7,0.7); position:absolute; right:-100px; top:0px;}
.bbtpic img{ width:650px;}
.dot-t-box{ width:270px;}
.dot-sitelist ul li{ padding:0 30px;}
.dot-cbox2 img { width:520px;}
.dot-cbox4 .third_intro_w1{ width:580px; margin-left:-290px;}
.dot-cbox6 .six_intro_w1 { width:600px; top:50px;}
.dot-cbox7 .seven_intro_w1{ width:500px;}
.dot-cbox8 .seven_intro_w{ width:480px; margin-left:-240px;}
.dot-cbox9 .eight_intro_w2 { width:520px; top:70px;}
.menu{ margin-left:80px;}
.menu > ul > li > a{ padding:0 20px;}
.brand_details{ margin-left:30px;}
.details-component{ width:250px;}
.abnormal-box ul li{ padding:0 25px;}
.Ass-block{ padding:0 5px;}
.invit-block{ width:200px;}
.Ass-center span{ font-size:14px;padding-right:10px;}
.invit-block input{ font-size:12px;}
.Recite img { width:280px;}
.Recite-b3{ left:350px;}
.xd-1{left:140px; top:125px;}
.xd-2{left:250px; top:40px;}
.xd-3{left:620px; top:0px;}
.xd-4{left:550px; top:190px;}
.xd-5{right:130px; top:70px;}
.dot-cbox1 .first_intro-m2{ width:550px;}
.dot-m3 .first_intro-s11, .three_intro_s31{ width:100%;}
.dot-m3 .first_intro-s12 { width:280px; right:-50px; bottom:50px;}
.three_intro_s32{ width:260px;}

}


/* 2017-06-30---------------- */
.one_intro_t1{ top: 0;left: 50%;margin-left: -180px;}
.one_intro_t2{ bottom:-20px;left: 50%;margin-left: 260px;}
.all_wrap .page.f-applet{ background:url(../images/index-model-x1.jpg) center top no-repeat; height:800px; background-size:cover;}
.f-applet-pic{ margin-top:-10px; text-align:center; position:relative;}
.brand-customer{ text-align:center; padding-top:50px;}
.brand-more{ border:2px solid #aeaeae; line-height:32px; font-size:16px; padding:0 30px; color:#aeaeae; display:inline-block;}
.customer-link ul { padding-top:50px;}
.customer-link ul li{ float:left; width:20%;}
.customer-link ul li img { width:203px; height:43px;}

.content-main{position: relative; width: 1100px; height: 580px; margin:0 auto;}
.content-btn{position: absolute; width:100px; height:580px; z-index:10; cursor: pointer;}
.prev-btn{left:0; top:0;}
.next-btn{right:0; top:0;}
.btn-img{opacity:0; display: block; position: absolute; left:0; top:50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.list{width:1100px; height:580px;}
.list li{position: absolute; left:0; top:0; overflow: hidden;}

.inlet-left{ width:50%; float:left; height:510px;}
.inlet-right { width:50%; float:right; height:510px; background:url(../pic/branch/meoo-img.jpg) left top no-repeat;}
.inlet-box { width:700px;}
.inlet-left .inlet-box{ float:right;}
.inlet-right .inlet-box  { text-align:center; padding-top:340px;}
.inlet-right .inlet-box  a{ margin-left:120px;}

@media screen and (max-width: 1200px) {
	.f-applet-pic img { width:1000px;}
}

.index-banner{ height:500px; background:url(../images/indexbanner.jpg) center top no-repeat;}
.index-banner-text{ position:relative; padding-top:180px;}
.index-banner-left{ position:absolute; left:40px; top:170px;}
.index-banner-left h1 { font-size:60px; color:#fff; padding-bottom:80px;}
.index-banner-left a{ display:inline-block; padding:0 30px; border:2px solid #fff; font-size:18px; line-height:32px; color:#fff;}
.index-banner-left a:hover { background:rgba(255,255,255,0.2); border:2px solid rgba(255,255,255,0.8);}
.index-banner-right{ position:absolute; right:100px; top:180px; text-align:center;}
.index-banner-right p { font-size:18px; color:#fff; line-height:24px;padding-top:5px;}
.zf-block{ height:420px; position:relative; margin-top:20px;}
.zf-box { text-align:center; position:absolute;}
.zf-box p{ font-size:16px; color:#6e6e6e; line-height:24px; padding-top:8px;}
.zf-box p span{ color:#d63403;}
.zfbox1{ left:50%; margin-left:-580px; bottom:0;}
.zfbox2{ left:50%; margin-left:-230px; bottom:0; z-index:10;}
.zfbox3{ right:0; bottom:0; z-index:9;}
.intro-ul{ position:relative; top:-20%; margin-left:50px;}
.intro-ul ul li { position:relative; padding-left:40px; margin-bottom:20px;}
.intro-ul ul li  h2 { font-size:36px; color:#4c4c4c;}
.intro-ul ul li p{ font-size:22px; color:#777;}
.intro-ul ul li:before{ width:14px; height:14px; content:""; border-radius:999rem; border:1px solid #313e53; display:block; position:absolute; left:0; top:20px; background:#fff; z-index:9;}
.intro-ul ul li:after{ width:1px; background:#313e53; content:""; top:25px; bottom:-50px; position:absolute; left:8px;}
.intro-ul ul li:last-child:after{ background:transparent;}
.animate-itext { text-align:left; margin-left:135px; position:relative; top:-34%;}
.animate-itext .intro_title{ color:#fff; text-align:left; padding-bottom:20px;}
.animate-itext .detail{ color:#adadad; text-align:left;}
.animate-itext .detail p{ color:#adadad;}
.animate-itext  h2 { color:#fff; font-size:28px; padding-top:10px;}
.orc-text{ text-align:left; padding-left:200px; top:-30%; position:relative;}
.orc-text h2 { font-size:40px; color:#4c4c4c; padding-bottom:40px; line-height:50px;}
.orc-text  p{ font-size:16px; color:#777;}
.orc-text  a{ display:inline-block; line-height:35px; border:1px solid #4c4c4c; font-size:16px; color:#4c4c4c; padding:0 25px; margin-top:40px;}
.order-ul{ padding-top:20px;}
.order-ul ul li { display:inline-block; vertical-align:top; color:#777; padding:0 24px; text-align:center; margin-bottom:40px;}
.order-ul ul li span { display:inline-block; width:70px; height:70px; background-size:contain;}
.xc-1 { background:url(../pic/branch/xc-1.png) 0 0 no-repeat;}
.xc-2 { background:url(../pic/branch/xc-2.png) 0 0 no-repeat;}
.xc-3 { background:url(../pic/branch/xc-3.png) 0 0 no-repeat;}
.xc-4 { background:url(../pic/branch/xc-4.png) 0 0 no-repeat;}
.xc-5 { background:url(../pic/branch/xc-5.png) 0 0 no-repeat;}
.xc-6 { background:url(../pic/branch/xc-6.png) 0 0 no-repeat;}
.xc-7 { background:url(../pic/branch/xc-7.png) 0 0 no-repeat;}
.xc-8 { background:url(../pic/branch/xc-8.png) 0 0 no-repeat;}
.order-ul ul li h2 { font-size:22px;}
.order-ul ul li p{ font-size:12px;}
.settbox { text-align:center;}
.settbox ul { padding-top:80px;}
.settbox ul li { display:inline-block; padding:0 28px;}
.programbox{ background:#eff1fa url(../pic/branch/program-bg.jpg) center top no-repeat; position:relative;overflow:hidden;}
.program_block  { padding-bottom:90px; font-size:16px; color:#777; padding-left:100px;}
.program_block h1{ font-size:40px; color:#4c4c4c; line-height:50px; padding-bottom:45px;}
.program_block p{ font-size:16px; color:#777; line-height:30px;}
.program_block h4 { font-size:22px; padding:25px 0;}
.preview-mb span { line-height:28px; background:#8e8e8e; font-size:14px; padding:0 12px; display:inline-block;border-radius:5px; color:#fff; margin-right:18px;}
.introbtn{ display:inline-block; height:38px; line-height:38px; border:1px solid #4c4c4c; color:#4c4c4c; font-size:16px; padding:0 30px; margin-top:40px;}
.programtop{ height:480px; background:#fff; text-align:center; padding:90px 0 60px 0;}
.program-left{ display:inline-block; padding:0 60px;}
.program-right{ display:inline-block; padding:0 60px; text-align:left;}
.program-right h1 { font-size:40px; color:#4c4c4c; padding-bottom:20px;}
.program-right  p{ font-size:16px; color:#777;}
.program-right h3 { font-size:22px; padding-top:20px; font-weight:normal;}
.program_block img { max-width: 100%; }
.brandinfo-template{position: absolute; top: 280px; left:614px; text-align:center;}
.brandinfo-template p{width: 55px; height: 52px; background-color: #8b8b8b; margin-bottom: 4px;}
.brandinfo-template p img{margin-top:10px; width: 30px; height: 30px;}
.brandinfo-template li{cursor:pointer; line-height: 52px; width: 55px; height: 52px; background-color: #8b8b8b; color: #fff; font-size: 14px;}
.brandinfo-template .active{background-color: #646464;}
.x-phone-6plus{ width:805px; height:978px; background:url(../pic/branch/sj.png) 0 0 no-repeat; position:absolute; right:-190px; top:135px;}
.x-phone-6plus .tabs-content-ps{ width:385px; height:676px; border:1px solid #5d5d5d; margin-top:106px;}
@media screen and (max-width: 1200px) {
	.customer-link ul li img{ width:180px; height:38px;}
	.fin_intro-1{ width:700px; left:-50px;}
	.orc-text{ padding-left:140px;}
	.order-ul ul li{ padding:0 15px;}
	.settbox ul li{ padding:0 5px;}
	.settbox ul li img { width:90%;}
	.animate-itext{ top:-15%;}
	.program_block { padding-left:20px;}
	.program-left{ padding:0 30px 0 0;}
	.program-left img{ width:400px;} 
	.program-right{ padding:0 0 0 30px;}
	.x-phone-6plus{ right:-120px;}
	.first_intro-s11 { width:680px !important; left:-50px;}
	.dot-m3 .first_intro-s12{ right:-150px;}
	.inlet-box{  -webkit-transform: scale(0.8,0.8);
    -moz-transform: scale(0.8,0.8);}
	.inlet-left .inlet-box{ position:relative; left:50px;}
}

.gulist-01,.gulist-02,.gulist-03,.gulist-04{ top:-100%;}
.gulist-img1{ position:absolute;top:-100%; left:0; z-index:1;}
.gulist-img2{ position:absolute;top:-100%; left:0; z-index:2;}
.gulist-img3{ position:absolute;top:-100%; left:0; z-index:3;}
.gulist-img4{ position:absolute;top:-100%; left:0; z-index:4}

.content-main{position: relative; width: 1100px; height: 580px; margin:0 auto;}
.content-btn{position: absolute; width:100px; height:580px; z-index:10; cursor: pointer;}
.prev-btn{left:0; top:0;}
.next-btn{right:0; top:0;}
.btn-img{opacity:0; display: block; position: absolute; left:0; top:50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.list{width:1100px; height:580px;}
.list li{position: absolute; left:0; top:0; overflow: hidden;}
@media screen and (max-width: 1400px) {
	.first_intro-s11 { width:780px; left:-50px;}
	.inlet-box{ width:600px;}
}


.gulist-01,.gulist-02,.gulist-03,.gulist-04{ top:-100%;}
.gulist-img1{ position:absolute;top:-100%; left:0; z-index:1;}
.gulist-img2{ position:absolute;top:-100%; left:0; z-index:2;}
.gulist-img3{ position:absolute;top:-100%; left:0; z-index:3;}
.gulist-img4{ position:absolute;top:-100%; left:0; z-index:4}

.content-main{position: relative; width: 1100px; height: 580px; margin:0 auto;}
.content-btn{position: absolute; width:100px; height:580px; z-index:10; cursor: pointer;}
.prev-btn{left:0; top:0;}
.next-btn{right:0; top:0;}
.btn-img{opacity:0; display: block; position: absolute; left:0; top:50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.list{width:1100px; height:580px;}
.list li{position: absolute; left:0; top:0; overflow: hidden;}
@media screen and (max-width: 1400px) {
	.first_intro-s11 { width:780px; left:-50px;}
	.inlet-box{ width:600px;}
}

/*新专题*/
.process-main{ padding:60px 0;}
.process-title { border-left:6px solid #848484; padding-left:50px; margin-bottom:50px;}
.process-title h2{ font-size:48px; color:#4c4c4c; line-height:60px;}
.process-title h3 { font-size:36px; color:#4c4c4c; line-height:45px;}
.process-before{ float:left; width:50%; box-sizing:border-box; background:url(../images/lc-bg1.jpg) right center no-repeat; height:448px; text-align:right; margin-top:50px;}
.process-before-pic { float:left; width:50%; box-sizing:border-box;}
.process-head{ padding:60px 100px 40px 0;}
.process-before ul  { padding-right:100px;}
.process-before ul li{ color:#fff; font-size:15px; line-height:26px;}
.process-before-pic img { padding-left:45px;}
.process-after-pic{ float:left; width:50%;box-sizing:border-box; position:relative; text-align:right;}
.process-after-pic img { position:relative; z-index:8; margin-right:-120px;}
.process-after{float:left; width:50%;box-sizing:border-box; background:url(../images/lc-bg2.jpg) left center no-repeat; height:448px; margin-top:70px;}
.process-after .process-head{ padding:60px 0 40px 140px;}
.process-after ul  { padding-left:140px;}
.process-after ul li{ color:#fff; font-size:15px; line-height:26px;}
.process-block{ padding-bottom:50px;}
@media screen and (max-width: 1200px) {
	.process-before-pic img{ max-width:100%; padding:60px 0 0 20px;}
	.process-after-pic img{ max-width:115%; margin-right:-80px; margin-top:80px;}
}

.order-ul{ margin-left:60px;}
@media screen and (max-width: 1400px) {
	.order-ul{ margin-left:0;}
}

.house-block {padding: 80px 0;}
.container {position: relative;width: 1200px;padding-left: 0;padding-right: 0;}
.house-title {font-size: 42px;color: #545454;text-align: center;font-family: 'FZLTXHJW';font-weight: bold;}
.more-zy{ padding: 50px 0 0 0; text-align: center; }
.more-zy p { font-size: 18px; color: #545454; padding: 10px 0; }
.more-zy a{ display: block; width: 200px; line-height: 40px; border:1px solid #363636; border-radius: 3px; margin: 8px auto; color: #363636; }
.more-zy a:hover {background: #363636; color: #fff;}