.swiper-container {margin:0 auto;position:relative;overflow:hidden;direction:ltr;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;z-index:1}
.swiper-wrapper {position:relative;width:100%;-webkit-transition-property:-webkit-transform,left,top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform,left,top;-moz-transition-duration:0s;-moz-transform:translate3d(0,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform,left,top;-o-transition-duration:0s;-o-transform:translate3d(0,0,0);-o-transition-timing-function:ease;-o-transform:translate(0,0);-ms-transition-property:-ms-transform,left,top;-ms-transition-duration:0s;-ms-transform:translate3d(0,0,0);-ms-transition-timing-function:ease;transition-property:transform,left,top;transition-duration:0s;transform:translate3d(0,0,0);transition-timing-function:ease;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.swiper-free-mode>.swiper-wrapper {-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}
.swiper-slide {float:left;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.swiper-wp8-horizontal {-ms-touch-action:pan-y}
.swiper-wp8-vertical {-ms-touch-action:pan-x}
a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,html,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var {padding:0;margin:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-family:inherit;font-size:100%;vertical-align:baseline}
body {line-height:1}
ol,ul {list-style:none}
table {border-collapse:separate;border-spacing:0;vertical-align:middle}
caption,td,th {text-align:left;font-weight:400;vertical-align:middle}
a img {border:none}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display:block;padding:0;margin:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-family:inherit;font-size:100%;vertical-align:baseline}
audio,canvas,video {display:inline-block;*display:inline;*zoom:1}
[hidden],audio:not([controls]) {display:none}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display:block;padding:0;margin:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-family:inherit;font-size:100%;vertical-align:baseline}
audio,canvas,video {display:inline-block;*display:inline;*zoom:1}
[hidden],audio:not([controls]) {display:none}
a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,html,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var {padding:0;margin:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-family:inherit;font-size:100%;vertical-align:baseline}
body {line-height:1}
ol,ul {list-style:none}
table {border-collapse:separate;border-spacing:0;vertical-align:middle}
caption,td,th {text-align:left;font-weight:400;vertical-align:middle}
a img {border:none}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display:block;padding:0;margin:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-family:inherit;font-size:100%;vertical-align:baseline}
audio,canvas,video {display:inline-block;*display:inline;*zoom:1}
[hidden],audio:not([controls]) {display:none}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display:block;padding:0;margin:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-family:inherit;font-size:100%;vertical-align:baseline}
audio,canvas,video {display:inline-block;*display:inline;*zoom:1}
[hidden],audio:not([controls]) {display:none}
body {-webkit-font-smoothing:antialiased;font:14px/1.6 PingFangSC-Light,'helvetica neue','hiragino sans gb',tahoma,'microsoft yahei ui','microsoft yahei',simsun,sans-serif;background-color:#fff;min-height:100%;position:relative}
a {color:#008de8;text-decoration:none;-webkit-transition:all .6s cubic-bezier(.19,1,.22,1);transition:all .6s cubic-bezier(.19,1,.22,1)}
a:hover {color:#006eb5}
.fr,.pull-right {float:right}
.fl,.pull-left {float:left}
.wrapper {background-color:#fff;padding-top:0px}
html {width:100%;height:100%}
.container {*zoom:1;margin-left:auto;margin-right:auto;width: 1200px;}
.container:after,.container:before {display:table;content:""}
.container:after {clear:both}
.container:after,.container:before {display:table;content:""}
.container:after {clear:both}
.row {*zoom:1;margin-right:-15px;margin-left:-15px}
.row:after,.row:before {display:table;content:""}
.row:after {clear:both}
.row:after,.row:before {display:table;content:""}
.row:after {clear:both}
.row .col-1,.row .col-10,.row .col-11,.row .col-12,.row .col-2,.row .col-3,.row .col-4,.row .col-5,.row .col-6,.row .col-7,.row .col-8,.row .col-9 {-webkit-box-sizing:border-box;box-sizing:border-box;padding-right:15px;padding-left:15px;float:left;*padding-right:0;*padding-left:0}
.row .col-10>div,.row .col-11>div,.row .col-12>div,.row .col-1>div,.row .col-2>div,.row .col-3>div,.row .col-4>div,.row .col-5>div,.row .col-6>div,.row .col-7>div,.row .col-8>div,.row .col-9>div {*margin-right:15px;*margin-left:15px}
.row .col-12 {width:100%}
.row .col-11 {width:91.66666667%}
.row .col-10 {width:83.33333333%}
.row .col-9 {width:75%}
.row .col-8 {width:66.66666667%}
.row .col-7 {width:58.33333333%}
.row .col-6 {width:50%}
.row .col-5 {width:41.66666667%}
.row .col-4 {width:33.33333333%}
.row .col-3 {width:25%}
.row .col-2 {width:16.66666667%}
.row .col-1 {width:8.33333333%}
.btn {display:inline-block;*display:inline;*zoom:1;border:1px solid #3da8ee;border-radius:2px;cursor:pointer;color:#008de8;font-size:14px;padding:3px 20px;line-height:24px;text-align:center;text-decoration:none;outline:0;-webkit-transition:all .4s ease;transition:all .4s ease}
.btn-default {color:#008de8;border-color:#3da8ee;background-color:transparent}
.btn-default:hover {color:#fff;border-color:#008de8;background-color:#008de8}
.btn-default.btn-disabled,.btn-default.btn-disabled:hover,.btn-default[disabled],.btn-default[disabled]:hover {cursor:not-allowed;color:#888;border-color:#ddd;background-color:transparent}
.btn-primary {color:#fff;border-color:#008de8;background-color:#008de8}
.btn-primary:hover {color:#fff;border-color:#006eb5;background-color:#006eb5}
.btn-primary.btn-disabled,.btn-primary.btn-disabled:hover,.btn-primary[disabled],.btn-primary[disabled]:hover {cursor:not-allowed;color:#fff;border-color:#bdcccf;background-color:#bdcccf}
.btn-link {color:#008de8;border-color:transparent;background-color:transparent}
.btn-link:hover {color:#006eb5;text-decoration:underline}
.btn-link.btn-disabled,.btn-link.btn-disabled:hover,.btn-link[disabled],.btn-link[disabled]:hover {cursor:not-allowed;color:#888;text-decoration:none;border-color:transparent;background-color:transparent}
.btn-xlg {padding:6px 30px;font-size:16px}
.btn-lg {padding:6px 30px;font-size:16px}
.btn-md {padding:3px 20px;font-size:14px}
.btn-sm {padding:0 10px;font-size:12px}
.btn-block {display:block}
.btn-disabled:hover,button.btn[disabled]:hover,input.btn[disabled]:hover {color:#fff;border-color:#bdcccf;background-color:#bdcccf}
.nav {margin-bottom:0;padding-left:0;list-style:none}
.nav>li {position:relative;display:block}
.nav>li>a {position:relative;display:block;padding:12px 15px;min-width:52px;text-align:center;font-size:18px}
.nav>li>a:focus,.nav>li>a:hover {text-decoration:none;background-color:#eee}
.nav>li.disabled>a {color:#777}
.nav>li.disabled>a:focus,.nav>li.disabled>a:hover {color:#777;text-decoration:none;background-color:transparent;cursor:not-allowed}
.nav .open>a,.nav .open>a:focus,.nav .open>a:hover {background-color:#eee;border-color:#337ab7}
.nav .nav-divider {height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}
.nav>li>a>img {max-width:none}
.nav-tabs {border-bottom:1px solid #ddd}
.nav-tabs>li {float:left;margin-bottom:-1px}
.nav-tabs>li>a {margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}
.nav-tabs>li>a:hover {border-color:#eee #eee #ddd}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover {color:#555;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent;cursor:default}
.tab-content>.tab-pane {display:none}
.tab-content>.active {display:block}
.nav-tabs .dropdown-menu {margin-top:-1px;border-top-right-radius:0;border-top-left-radius:0}
.nav-stacked.slider,.nav-tabs.scale,.nav-tabs.scale-top,.nav-tabs.slider {position:relative;border-bottom:none}
.nav-stacked.slider>li,.nav-tabs.scale-top>li,.nav-tabs.scale>li,.nav-tabs.slider>li {float:left}
.nav-stacked.slider>li.slider,.nav-tabs.scale-top>li.slider,.nav-tabs.scale>li.slider,.nav-tabs.slider>li.slider {position:absolute;height:2px;bottom:0;left:0;border-bottom:2px solid #008de8;font-size:0;line-height:0}
.nav-stacked.slider>li>a,.nav-tabs.scale-top>li>a,.nav-tabs.scale>li>a,.nav-tabs.slider>li>a {margin-right:0;line-height:1.4;border:none;border-radius:0;outline:0;outline:0;color:#555;cursor:pointer}
.nav-stacked.slider>li>a:hover,.nav-tabs.scale-top>li>a:hover,.nav-tabs.scale>li>a:hover,.nav-tabs.slider>li>a:hover {background-color:#008de8;color:#fff}
.nav-stacked.slider>li:hover,.nav-tabs.scale-top>li:hover,.nav-tabs.scale>li:hover,.nav-tabs.slider>li:hover {border-top-color:#008de8!important;border-bottom-color:#008de8!important;border-right-color:#008de8!important}
.nav-stacked.slider>li.active,.nav-tabs.scale-top>li.active,.nav-tabs.scale>li.active,.nav-tabs.slider>li.active {border-top-color:#008de8!important;border-bottom-color:#008de8!important;border-right-color:#008de8!important}
.nav-stacked.slider>li.active>a,.nav-stacked.slider>li.active>a:focus,.nav-stacked.slider>li.active>a:hover,.nav-tabs.scale-top>li.active>a,.nav-tabs.scale-top>li.active>a:focus,.nav-tabs.scale-top>li.active>a:hover,.nav-tabs.scale>li.active>a,.nav-tabs.scale>li.active>a:focus,.nav-tabs.scale>li.active>a:hover,.nav-tabs.slider>li.active>a,.nav-tabs.slider>li.active>a:focus,.nav-tabs.slider>li.active>a:hover {border:none;background-color:#008de8;cursor:pointer;color:#fff}
.nav-tabs.scale-top>li:after,.nav-tabs.scale>li:after,.scale-top-tab>li:after {display:none;display:none\9;position:absolute;content:'';right:2px;height:2px;bottom:0;left:0;border-bottom:2px solid #008de8;font-size:0;line-height:0;-webkit-transform:scale3d(0,1,1);transform:scale3d(0,1,1);-webkit-transition:-webkit-transform .4s;transition:-webkit-transform .4s;transition:transform .4s;transition:transform .4s,-webkit-transform .4s}
.nav-tabs.scale-top>li.active:after,.nav-tabs.scale>li.active:after,.scale-top-tab>li.active:after {display:block;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
.nav-tabs.scale-top-tab>li:after,.nav-tabs.scale-top>li:after {top:0;bottom:auto}
.nav-tabs.scale-top-tab>li>a {outline:0;outline:0;border-radius:0}
.nav-stacked.slider {position:relative}
.nav-stacked.slider>li {float:none}
.nav-stacked.slider>li.slider {position:absolute;width:2px;height:auto;top:0;bottom:auto;border-bottom:none;border-left:2px solid #008de8;font-size:0}
.nav-stacked.slider>li>a {margin-right:0}
.modal-open {overflow:hidden}
.modal {display:none;overflow:hidden;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;-webkit-overflow-scrolling:touch;outline:0}
.modal.fade .modal-dialog {-webkit-transform:translate(0,-25%);transform:translate(0,-25%);-webkit-transition:-webkit-transform .3s ease-out;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out}
.modal.in .modal-dialog {-webkit-transform:translate(0,0);transform:translate(0,0)}
.modal-open .modal {display:block;overflow-x:hidden;overflow-y:auto}
.modal-open .modal-backdrop {display:block}
.modal-dialog {position:absolute;width:430px;top:50%;left:50%;margin:-158px 0 0 -215px;-webkit-box-shadow:0 1px 6px rgba(73,75,82,.2);box-shadow:0 1px 6px rgba(73,75,82,.2)}
.modal-content {position:relative;background-color:#fff;background-clip:padding-box;outline:0}
.modal-backdrop {display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}
.modal-backdrop.fade {opacity:0;filter:alpha(opacity=0)}
.modal-backdrop.in {opacity:.5;filter:alpha(opacity=50)}
.modal-header {position:relative;padding:15px;text-align:center}
.modal-title {margin:0;line-height:1;font-size:16px}
.modal-body {position:relative;padding:0 15px 15px}
.reg-sp .modal-body {position:relative;padding:30px 0;line-height:1.5}
.reg-sp .modal-body .pop-summ-info {text-align:center}
.reg-sp .modal-body .pop-summ-info .txt {line-height:1;font-size:16px;margin-top:15px}
.reg-sp .modal-body .pop-desc,.reg-sp .modal-body .pop-desc-sub {text-align:center;font-size:14px;margin-top:30px}
.reg-sp .modal-body .pop-desc-sub {margin-top:10px;font-size:12px;color:#999}
.join-us {width:724px;margin:-245px 0 0 -362px}
.join-us .modal-header {-webkit-box-sizing:border-box;box-sizing:border-box;height:50px;padding:20px 20px 0 20px;background:#fff;border-bottom:none}
.join-us .modal-header .close {float:right;width:19px;height:19px;padding:0;border:none;background:0 0;-webkit-box-shadow:none;box-shadow:none;outline:0;cursor:pointer}
.join-us .modal-header .close:before {left:0}
.join-us .modal-body {line-height:1;padding:0 65px}
.join-us .modal-body .pop-tit {font-size:20px}
.join-us .modal-body .pop-desc {margin-top:20px;margin-bottom:30px;font-size:14px;color:#666}
.join-us .modal-body .pop-desc>li {position:relative;padding-left:80px;line-height:25px;margin-top:5px}
.join-us .modal-body .pop-desc>li>span {position:absolute;width:80px;left:0;top:0;bottom:0;color:#333}
.join-us .modal-footer {padding:25px 0 50px}
.join-us .modal-footer .btn {-webkit-box-sizing:border-box;box-sizing:border-box;width:400px;height:60px;line-height:36px}
.modal-footer {padding:0 0 30px;text-align:center}
.breadcrumn {list-style:none}
.breadcrumn li {display:inline-block;*display:inline;*zoom:1;position:relative;padding-right:25px}
.breadcrumn li:after {position:absolute;color:#666;content:'>';right:8px}
.breadcrumn li.active,.breadcrumn li:last-child {color:#666}
.breadcrumn li.active:after,.breadcrumn li:last-child:after {display:none}
.breadcrumn li.active a,.breadcrumn li:last-child a {color:#666}
.breadcrumn li a {text-decoration:none}
.navbar {top:0;right:0;left:0;-webkit-transition:top .4s cubic-bezier(.19,1,.22,1);transition:top .4s cubic-bezier(.19,1,.22,1);z-index:98}
.navbar .navbar-hd {width:100%;height:80px;background-color:#fff;border-bottom:1px solid #f1f1f1}
.navbar .navbar-brand {float:left;line-height:80px;font-size:18px;opacity:1;padding:0;height:auto;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:all .4s cubic-bezier(.19,1,.22,1);transition:all .4s cubic-bezier(.19,1,.22,1)}
.navbar .navbar-brand .navbar-brand-logo {display:block;padding-left:190px;background-image:url(../images/logo.png);background-repeat:no-repeat;background-position:0 center;background-size:179px}
.navbar .navbar-bd {height:80px;background-color:#fff;background-color:rgba(255,255,255,.98); float:right;width:450px;}
.navbar .navbar-bd .container {position:relative}
.navbar .navbar-brand-minimal {display:none;float:left;width:41px;height:40px;margin:12px 40px 12px 0;background-image:url(../images/logo-minimal.png);background-image:-webkit-image-set(url(../images/logo-minimal.png) 1x,url(../images/logo-minimal@2x.png) 2x);background-repeat:no-repeat;background-position:center}
.navbar .navbar-navigation {*zoom:1;float:left;list-style:none}
.navbar .navbar-navigation:after,.navbar .navbar-navigation:before {display:table;content:""}
.navbar .navbar-navigation:after {clear:both}
.navbar .navbar-navigation:after,.navbar .navbar-navigation:before {display:table;content:""}
.navbar .navbar-navigation:after {clear:both}
.navbar .navbar-navigation li {float:left;margin-right:34px;line-height:80px;text-align:center;position:relative}
.navbar .navbar-navigation li:after {position:absolute;left:0;bottom:-1px;height:4px;width:100%;content:' ';background-color:#008de8;background-color:transparent\9;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transition:all .6s cubic-bezier(.19,1,.22,1);transition:all .6s cubic-bezier(.19,1,.22,1)}
.navbar .navbar-navigation li.active>a,.navbar .navbar-navigation li:hover>a {color:#008de8}
.navbar .navbar-navigation li.active:after,.navbar .navbar-navigation li:hover:after {-webkit-transform:scaleX(1);transform:scaleX(1);background-color:#008de8}
.navbar .navbar-navigation li a {display:block;color:#333;text-decoration:none}
.navbar .navbar-navigation li .navbar-pop {display:none;position:absolute;left:50%;margin-left:-57px;top:70px;width:114px;border:1px solid #d4d4d4;background-color:#fff;line-height:35px;padding:18px 0;-webkit-box-shadow:2px 2px 8px rgba(0,0,0,.08);box-shadow:2px 2px 8px rgba(0,0,0,.08);border-radius:2px}
.navbar .navbar-navigation li .navbar-pop>a {color:#666}
.navbar .navbar-navigation li .navbar-pop>a:hover {color:#008de8}
.navbar .navbar-navigation li .resources {width:150px;margin-left:-75px}
.navbar .navbar-panel {*zoom:1;list-style:none;float:right;line-height:32px;margin-top:16px}
.navbar .navbar-panel:after,.navbar .navbar-panel:before {display:table;content:""}
.navbar .navbar-panel:after {clear:both}
.navbar .navbar-panel:after,.navbar .navbar-panel:before {display:table;content:""}
.navbar .navbar-panel:after {clear:both}
.navbar .navbar-panel li {float:left}
.navbar .navbar-panel li .btn {padding:7px 20px}
.navbar .navbar-panel li .btn-register {margin-left:15px}
.navbar .navbar-panel .panel-contact {font-size:16px;padding-left:25px;background-image:url(../images/icon-tel.png);background-image:-webkit-image-set(url(../images/icon-tel.png) 1x,url(../images/icon-tel@2x.png) 2x);background-repeat:no-repeat;background-position:0 center}
.navbar .navbar-panel .panel-action {margin:0;position:absolute;top:-61px;right:0}
.navbar-minimal {top:-81px}
.navbar-minimal .navbar-brand {-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);opacity:0}
.navbar-minimal .navbar-brand-minimal {display:block}
.navbar-minimal .panel-contact {margin-top:5px}
.navbar-minimal .navbar-panel {margin-top:12px}
.navbar-minimal .navbar-panel .panel-action {position:static}
.navbar-minimal .btn-login>span {display:none}
.navbar .userpanel {position:relative}
.navbar .userpanel.active .user-exit,.navbar .userpanel:hover .user-exit {opacity:1;visibility:visible;-webkit-transform:translate(0,0);transform:translate(0,0)}
.navbar .userpanel .user-infor {padding-left:16px;padding-right:14px;cursor:pointer}
.navbar .userpanel .user-avater {width:40px;height:40px;vertical-align:middle;border-radius:100%}
.navbar .userpanel .user-name {font-size:14px;color:#000;display:inline-block;vertical-align:middle;margin-left:4px;max-width:5em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.navbar .userpanel .user-icon {width:0;height:0;border-color:#000 transparent transparent transparent;border-style:solid;border-width:4px;position:absolute;right:0;top:50%;margin-top:-2px}
.navbar .userpanel .user-exit {visibility:hidden;opacity:0;padding-top:12px;position:absolute;top:36px;left:0;width:100%;-webkit-transform:translate(0,4px);transform:translate(0,4px);-webkit-transition:opacity .2s,visibility .2s,-webkit-transform .2s;transition:opacity .2s,visibility .2s,-webkit-transform .2s;transition:opacity .2s,transform .2s,visibility .2s;transition:opacity .2s,transform .2s,visibility .2s,-webkit-transform .2s}
.navbar .userpanel .user-exit>a {display:block;-webkit-transition:color .6s;transition:color .6s;height:48px;border:1px solid #d4d4d4;line-height:48px;font-size:14px;background-color:#fff;text-align:center;-webkit-box-shadow:2px 1px 4px rgba(0,0,0,.1);box-shadow:2px 1px 4px rgba(0,0,0,.1);border-radius:2px}
.navbar .login {margin-left:15px;position:relative}
.navbar .login.active .login-account,.navbar .login:hover .login-account {opacity:1;visibility:visible;-webkit-transform:translate(0,0);transform:translate(0,0)}
.navbar .login .btn-login {margin-left:0}
.navbar .login .login-account {opacity:0;visibility:hidden;padding-top:10px;position:absolute;left:0;top:40px;-webkit-transform:translate(0,4px);transform:translate(0,4px);-webkit-transition:opacity .2s,visibility .2s,-webkit-transform .2s;transition:opacity .2s,visibility .2s,-webkit-transform .2s;transition:opacity .2s,transform .2s,visibility .2s;transition:opacity .2s,transform .2s,visibility .2s,-webkit-transform .2s}
.navbar .login .login-account .login-btn {width:120px;padding:12px 25px;background-color:#fff;border:1px solid #e5e5e5;-webkit-box-shadow:2px 1px 4px rgba(0,0,0,.1);box-shadow:2px 1px 4px rgba(0,0,0,.1);border-radius:2px}
.navbar .login .login-account .login-btn>a {display:block;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:36px;color:#666;-webkit-transition:color .4s;transition:color .4s}
.navbar .login .login-account .login-btn>a:hover {color:#008de8}
.navbar .login .login-account .account-attention {display:block;width:150px;padding:9px 30px;background-color:#008de8;color:#fff;border-radius:2px}
.navbar .login .login-account .account-attention>span {display:inline-block;vertical-align:middle;margin-left:6px;position:relative;line-height:1.3}
.navbar .login .login-account .account-attention>span:before {content:"";width:100%;height:1px;background-color:#fff;position:absolute;left:0;bottom:0}
.footer {background-color:#282828}
.footer .footer-bd {padding:90px 0 50px}
.footer .footer-bd .mp {padding-left:100px;*zoom:1}
.footer .footer-bd .mp:after,.footer .footer-bd .mp:before {display:table;content:""}
.footer .footer-bd .mp:after {clear:both}
.footer .footer-bd .mp:after,.footer .footer-bd .mp:before {display:table;content:""}
.footer .footer-bd .mp:after {clear:both}
.footer .footer-bd .mp.fr {float:right}
.footer .footer-bd .mp .mp-qrcode {margin-top:16px}
.footer .footer-bd .mp .mp-qrcode img {width:122px;height:122px}
.footer .footer-bd .mp .mp-title {color:#bdbdbd;font-size:16px;margin-bottom:20px}
.footer .footer-bd .mp .fnav-list {margin-top:-3px;line-height:2}
.footer .footer-bd .mp .fnav-list li a,.footer .footer-bd .mp .mp-desc {color:#666;font-size:14px;max-width:188px}
.footer .footer-bd .mp .fnav-list li a:hover {color:#888}
.footer .footer-ft {*zoom:1;color:#666;padding:20px 0;font-size:12px;border-top:1px solid #464646}
.footer .footer-ft:after,.footer .footer-ft:before {display:table;content:""}
.footer .footer-ft:after {clear:both}
.footer .footer-ft:after,.footer .footer-ft:before {display:table;content:""}
.footer .footer-ft:after {clear:both}
.footer .footer-ft a {color:#666}
.footer .footer-ft a:hover {color:#fff}
.footer .footer-logo>a {display:block;width:198px;height:57px;background-image:url(../images/footer-logo.png);background-image:-webkit-image-set(url(../images/footer-logo.png) 1x,url(../images/footer-logo@2x.png) 2x);background-repeat:no-repeat;background-position:center}
.footer .footer-nav {*zoom:1;float:left}
.footer .footer-nav:after,.footer .footer-nav:before {display:table;content:""}
.footer .footer-nav:after {clear:both}
.footer .footer-nav:after,.footer .footer-nav:before {display:table;content:""}
.footer .footer-nav:after {clear:both}
.footer .footer-nav li {float:left;margin-right:20px}
.footer .footer-copyright {float:right}
.footer .footer-copyright>span {margin-right:18px}
@font-face {font-family:dsp;src:url(../fonts/dsp.eot);src:url(../fonts/dsp.eot?#font-spider) format('embedded-opentype'),url(../fonts/dsp.woff2) format('woff2'),url(../fonts/dsp.woff) format('woff'),url(../fonts/dsp.ttf) format('truetype'),url(../fonts/dsp.svg) format('svg');font-weight:400;font-style:normal}
html {min-width:1200px}
h2.title-big,h3.title-big {font-size:36px;line-height:1;color:#000;text-align:center;font-family:dsp,PingFangSC-Light,'helvetica neue','hiragino sans gb',tahoma,'microsoft yahei ui','microsoft yahei',simsun,sans-serif}
h2.title-big span,h3.title-big span {display:block}
h4.title-small {font-size:16px;color:#999;text-align:center;margin-bottom:30px}
.g-content {background-color:#fff}
.text-overflow {width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.cat-navigation {font-size:14px;color:#000}
.cat-navigation .container {border-bottom:1px solid #d9d9d9;padding:50px 0 25px;position:relative}
.cat-navigation.no-border .container {border-bottom:none;padding:40px 0}
.slide-item {display:none}
.swiper-slide {display:block}
.swiper-slide-active {display:block}
input,textarea {font-family:'helvetica neue','hiragino sans gb',tahoma,'microsoft yahei ui','microsoft yahei',simsun,sans-serif;font-size:14px;outline:0;border:none 0;background-color:transparent}
a {*cursor:pointer}
.hero {width:100%;height:auto;*overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat}
.hero .container {display:table;height:100%;padding-top:66px;*padding-top:0;-webkit-box-sizing:border-box;box-sizing:border-box}
.hero .hero-content {display:table-cell;vertical-align:middle}
.hero .hero-title {display:table-cell;vertical-align:middle;font-size:36px;color:#fff;line-height:1.5;font-family:dsp,PingFangSC-Light,'helvetica neue','hiragino sans gb',tahoma,'microsoft yahei ui','microsoft yahei',simsun,sans-serif;*font-family:PingFangSC-Light,'helvetica neue','hiragino sans gb',tahoma,'microsoft yahei ui','microsoft yahei',simsun,sans-serif;*padding-top:120px}
.hero .hero-title span {display:block}
.hero-index {position:relative;height:600px;background:0 0}
.hero-index .hero-index-bg {position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/hero_index.jpg) no-repeat center center #f7f8f9;background-image:-webkit-image-set(url(../images/hero_index.jpg) 1x,url(../images/hero_index@2x.jpg) 2x);z-index:1}
.hero-index .container {position:relative;z-index:2}
.hero-index .hero-title {display:block;color:#000}
.hero-index .hero-text {font-size:16px;line-height:2;color:#333;padding:20px 0 30px;word-spacing:6px}
.hero-index .btn-primary {line-height:38px}
.hero-index .phone {color:#333;margin-top:20px;font-size:16px}
.hero-index .phone b {font-weight:400;color:#008de8}
.hero-case {background-image:url(../images/hero_case.jpg);background-image:-webkit-image-set(url(../images/hero_case.jpg) 1x,url(../images/hero_case@2x.jpg) 2x)}
.hero-source {background-image:url(../images/hero/hero_source.jpg);background-image:-webkit-image-set(url(../images/hero/hero_source.jpg) 1x,url(../images/hero/hero_source@2x.jpg) 2x)}
.hero-orientation {background-image:url(../images/hero/hero_orientation.jpg);background-image:-webkit-image-set(url(../images/hero/hero_orientation.jpg) 1x,url(../images/hero/hero_orientation@2x.jpg) 2x)}
.hero-join {background-image:url(../images/hero/hero_join_us.jpg);background-image:-webkit-image-set(url(../images/hero/hero_join_us.jpg) 1x,url(../images/hero/hero_join_us@2x.jpg) 2x);background-color:#262046;background-size:auto 100%}
.reservation {background:#eaeaea;padding:105px 0 40px}
.reservation .btn {padding:17px 0}
.reservation .reservation-word {padding:20px 0 45px;font-size:16px;color:#666;text-align:center}
.reservation .reservation-form {width:870px;margin:0 auto;margin-bottom:70px}
.reservation .reservation-form>ul {*zoom:1;zoom:1;margin-right:-30px}
.reservation .reservation-form>ul:after,.reservation .reservation-form>ul:before {display:table;content:""}
.reservation .reservation-form>ul:after {clear:both}
.reservation .reservation-form>ul:after,.reservation .reservation-form>ul:before {display:table;content:""}
.reservation .reservation-form>ul:after {clear:both}
.reservation .reservation-form li {float:left;*width:420px;margin-right:30px;height:95px;position:relative}
.reservation .reservation-form li.item-disabled input.res-inp {color:#ccc;cursor:not-allowed;background-color:#eee;pointer-events:none}
.reservation .reservation-form li.item-disabled .res-error-text {display:none}
.reservation .reservation-form li .res-error-text {position:absolute;top:40px;right:10px;color:red;font-size:14px;line-height:48px;display:none}
.reservation .reservation-form li.item-error .res-error-text {display:block}
.reservation .reservation-form li.item-error input.res-inp {border-color:red}
.reservation .reservation-form li input.res-inp {width:360px;height:48px;line-height:48px;border-radius:2px;background-color:#fff;background-image:url(../images/icon/icon-reservation.png);background-image:-webkit-image-set(url(../images/icon/icon-reservation.png) 1x,url(../images/icon/icon-reservation@2x.png) 2x);background-repeat:no-repeat;border:1px solid #e1e0e0;padding:0 10px 0 48px;-webkit-transition:border-color .4s;transition:border-color .4s}
.reservation .reservation-form li input.res-inp::-webkit-input-placeholder {color:#c9caca}
.reservation .reservation-form li input.res-inp:-moz-placeholder {color:#c9caca}
.reservation .reservation-form li input.res-inp::-moz-placeholder {color:#c9caca}
.reservation .reservation-form li input.res-inp:-ms-input-placeholder {color:#c9caca}
.reservation .reservation-form li input.res-inp.company {background-position:11px -391px}
.reservation .reservation-form li input.res-inp.name {background-position:11px -444px}
.reservation .reservation-form li input.res-inp.tel {background-position:11px -496px}
.reservation .reservation-form li input.res-inp.mail {background-position:11px -544px}
.reservation .reservation-form li input.res-inp:focus {color:#008de8;border-color:#008de8}
.reservation .reservation-form li input.res-inp:focus::-webkit-input-placeholder {color:transparent}
.reservation .reservation-form li input.res-inp:focus:-ms-input-placeholder {color:transparent}
.reservation .reservation-form li input.res-inp:focus:-moz-placeholder {color:transparent}
.reservation .reservation-form li input.res-inp:focus::-moz-placeholder {color:transparent}
.reservation .reservation-form li input.res-inp:focus.company {background-position:11px -189px}
.reservation .reservation-form li input.res-inp:focus.name {background-position:11px -242px}
.reservation .reservation-form li input.res-inp:focus.tel {background-position:11px -294px}
.reservation .reservation-form li input.res-inp:focus.mail {background-position:11px -342px}
.reservation .reservation-form li input.res-inp.warning {color:#f0614e;border-color:#f0614e}
.reservation .reservation-form li input.res-inp.warning.company {background-position:11px 13px}
.reservation .reservation-form li input.res-inp.warning.name {background-position:11px -40px}
.reservation .reservation-form li input.res-inp.warning.tel {background-position:11px -92px}
.reservation .reservation-form li input.res-inp.warning.mail {background-position:11px -140px}
.reservation .reservation-form li .checkbox {color:#666;padding:12px 0}
.reservation .reservation-form li .checkbox input.check-personal {display:inline-block;vertical-align:middle;cursor:pointer;margin:0 5px 0 0;width:20px;height:20px;background:url(../images/checkbox.png);background:-webkit-image-set(url(../images/checkbox.png) 1x,url(../images/checkbox@2x.png) 2x);background-repeat:no-repeat;background-position:0 0;background:0 0\9;-webkit-appearance:none;border:none}
.reservation .reservation-form li .checkbox input.check-personal:checked {background-position:0 -20px}
.reservation .reservation-form li .checkbox label {cursor:pointer}
.reservation .btn-erea {width:510px;margin:0 auto}
.reservation .open-account {border-top:1px solid #c9caca;padding-top:55px}
.reservation .open-account .open-con {width:510px;margin:0 auto}
.reservation .open-account .title {margin-bottom:40px}
.reservation .open-account .invite-agency {text-align:center;margin:30px 0 0}
.reservation .open-account .invite-agency .btn {padding:6px 30px}
.reservation_400 {padding-bottom:40px}
.reservation_400 .reservation-con {*zoom:1;width:880px;margin:0 auto}
.reservation_400 .reservation-con:after,.reservation_400 .reservation-con:before {display:table;content:""}
.reservation_400 .reservation-con:after {clear:both}
.reservation_400 .reservation-con:after,.reservation_400 .reservation-con:before {display:table;content:""}
.reservation_400 .reservation-con:after {clear:both}
.reservation_400 .reservation-con .reservation-fill {float:left;width:370px}
.reservation_400 .reservation-con .reservation-form {width:360px}
.reservation_400 .reservation-con .reservation-form li {height:auto;margin-bottom:30px}
.reservation_400 .reservation-con .reservation-form li input.res-inp {width:300px}
.reservation_400 .reservation-con .reservation-form li.item-company {margin-bottom:0}
.reservation_400 .reservation-con .reservation-form li .res-error-text {top:38px}
.reservation_400 .reservation-con .reservation-form .btn-erea {width:226px;margin:0 auto;padding-top:15px}
.reservation_400 .reservation-con .rereservation-phone {float:right;width:380px;text-align:center}
.reservation_400 .reservation-con .rereservation-phone .icon-phone {display:inline-block;margin-top:25px;width:80px;height:82px;background-image:url(../images/icon/icon-all.png);background-image:-webkit-image-set(url(../images/icon/icon-all.png) 1x,url(../images/icon/icon-all@2x.png) 2x);background-repeat:no-repeat;background-position:0 -380px}
.reservation_400 .reservation-con .rereservation-phone .phone-number {font-size:42px;color:#008de8;font-weight:700;margin:20px 0}
.reservation_400 .reservation-con .rereservation-phone .time {color:#000;font-size:14px}
.reservation_400 .reservation-con h3.title {font-size:26px;line-height:1;font-family:dsp,PingFangSC-Light,'helvetica neue','hiragino sans gb',tahoma,'microsoft yahei ui','microsoft yahei',simsun,sans-serif}
.reservation_400 .reservation-con .reservation-word {font-size:14px;color:#666}
.reservation_400 .open-account .invite-agency {text-align:center;margin:30px 0 0}
.reservation_400 .open-account .invite-agency .btn {padding:6px 30px}
.reservation-pop {display:none;width:100%;height:100%;left:0;top:0;position:fixed;z-index:99999;background:#666;background:rgba(0,0,0,.7)}
.reservation-pop .pop-wrap {overflow-y:scroll;padding:0 75px;width:450px;height:690px}
.reservation-pop .pop-con {padding:45px 0;text-align:center;position:absolute;left:50%;margin-left:-300px;top:50%;margin-top:-390px;background-color:#fff;color:#000;border-radius:3px;-webkit-box-shadow:2px 5px 12px rgba(0,0,0,.1);box-shadow:2px 5px 12px rgba(0,0,0,.1)}
.reservation-pop .pop-con .reservation-points {padding-bottom:30px;margin-bottom:35px;border-bottom:1px solid #e9e9e9}
.reservation-pop .pop-con h4 {font-size:24px;margin:20px 0}
.reservation-pop .pop-con p {font-size:16px;line-height:2;color:#000}
.reservation-pop .pop-con p>span {color:#008de8}
.reservation-pop .pop-con .btn {width:160px;padding:12px 0}
.reservation-pop .pop-con .reservation-research {text-align:left}
.reservation-pop .pop-con .research-list {font-size:14px;padding:30px 0 0}
.reservation-pop .pop-con .research-list li {padding-bottom:20px}
.reservation-pop .pop-con .research-list li h5 {font-size:14px;padding-bottom:10px}
.reservation-pop .pop-con .research-list li label {font-size:14px;vertical-align:middle;padding-left:8px;cursor:pointer}
.reservation-pop .pop-con .research-list li input {margin:0;vertical-align:middle}
.reservation-pop .pop-con .research-list li input[type=radio] {cursor:pointer;-webkit-appearance:none;width:16px;height:16px;background:url(../images/icon/icon-all.png) no-repeat;background-image:-webkit-image-set(url(../images/icon/icon-all.png) 1x,url(../images/icon/icon-all@2x.png) 2x);background-position:-660px -618px}
.reservation-pop .pop-con .research-list li input[type=radio]:checked {background-position:-640px -618px}
.reservation-pop .pop-con .research-list li input[type=checkbox] {cursor:pointer;-webkit-appearance:none;width:15px;height:15px;background:url(../images/icon/icon-all.png) no-repeat;background-image:-webkit-image-set(url(../images/icon/icon-all.png) 1x,url(../images/icon/icon-all@2x.png) 2x);background-position:-620px -618px}
.reservation-pop .pop-con .research-list li input[type=checkbox]:checked {background-position:-600px -618px}
.reservation-pop .pop-con .research-list li p {padding:5px 0}
.reservation-pop .pop-con .research-list .research-inp {border:1px solid #88c1d9;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 14px;width:100%;display:block;line-height:36px;height:36px}
.reservation-pop .pop-con .research-list .research-inp.error-inp {border-color:#f0614e;color:#f0614e}
.reservation-pop .pop-con .research-list .inp-wrap {margin-left:22px;margin-top:4px;display:block}
.reservation-pop .pop-con .btn-area {text-align:center;padding-top:20px}
.reservation-pop .pop-con .btn.submit-seccess span {display:inline-block;vertical-align:middle}
.reservation-pop .pop-con .btn.submit-seccess .icon-ok {margin-right:6px;display:inline-block}
.reservation-pop .pop-con span.error-text {color:red;font-size:14px}
.reservation-pop .btn-close {position:absolute;right:-42px;top:0}
.reservation-pop2 .pop-con .reservation-points {display:none;padding-bottom:0;margin-bottom:0;border-bottom:none}
.reservation-pop2.finished .pop-con {margin-top:-191px!important}
.reservation-pop2.finished .pop-wrap {overflow:auto!important;height:auto!important}
.reservation-pop-origin .pop-con {padding:0;display:table;width:600px;height:414px;text-align:center;position:absolute;left:50%;top:50%;margin-left:-300px;margin-top:-207px;background:#fff;color:#000;border-radius:3px;-webkit-box-shadow:2px 5px 12px rgba(0,0,0,.1);box-shadow:2px 5px 12px rgba(0,0,0,.1)}
.reservation-pop-origin .pop-con>div {display:table-cell;vertical-align:middle}
.reservation-pop-origin .pop-con p {padding-bottom:20px;font-size:18px}
.reservation-pop-origin .pop-wrap {height:auto;overflow-y:visible;padding-top:58px}
.reservation-pop-origin .reservation-research {display:none}
.reservation-pop-origin .btn-area {display:none}
.icon-all {background-image:url(../images/icon/icon-all.png);background-image:-webkit-image-set(url(../images/icon/icon-all.png) 1x,url(../images/icon/icon-all@2x.png) 2x);background-repeat:no-repeat}
i.icon {display:inline-block;vertical-align:middle;background-repeat:no-repeat}
i.icon.icon-registration-notice {background-position:-511px -618px;width:24px;height:28px}
i.icon.icon-learning-center {background-position:-372px -618px;width:24px;height:28px}
i.icon.icon-ads-faq {background-position:-402px -618px;width:24px;height:28px}
i.icon.icon-activity-announce {background-position:-432px -618px;width:24px;height:28px}
i.icon.icon-play {background-position:-541px -618px;width:20px;height:20px}
i.icon.icon-open-account {background-position:0 -618px;width:42px;height:32px}
i.icon.icon-new-ads {background-position:-48px -618px;width:42px;height:32px}
i.icon.icon-effect-evaluation {background-position:-96px -618px;width:34px;height:34px}
i.icon.icon-effect-optimization {background-position:-136px -618px;width:34px;height:34px}
i.icon.icon-assist-tools {background-position:-176px -618px;width:29px;height:32px}
i.icon.icon-pro-illustration {background-position:-211px -618px;width:30px;height:35px}
i.icon.icon-latest-update {background-position:-247px -618px;width:34px;height:34px}
i.icon.icon-optimization-guide {background-position:-287px -618px;width:30px;height:33px}
i.icon.icon-industry-solution {background-position:-323px -618px;width:43px;height:36px}
i.icon.icon-video {background-position:-462px 0;width:43px;height:25px}
i.icon.icon-attention {background-position:-567px -618px;width:23px;height:23px}
i.icon.icon-success {background-position:-460px -265px;width:80px;height:80px}
i.icon.icon-creative-guide {background-position:0 -660px;width:31px;height:33px}
i.icon.icon-schedule {background-position:0 -468px;width:122px;height:138px}
i.icon.icon-bid {background-position:-128px -468px;width:171px;height:138px}
i.icon.icon-price {background-position:-720px -468px;width:171px;height:138px}
i.icon.icon-accurate {background-position:-304px -467px;width:138px;height:138px}
i.icon.icon-experience {background-position:-448px -468px;width:110px;height:138px}
i.icon.icon-recognition {background-position:-563px -467px;width:145px;height:138px}
i.icon.icon-ok {background-position:-680px -618px;width:22px;height:22px}
i.icon.icon-close {background-position:-710px -618px;width:32px;height:32px}
i.icon.icon-success-lg {width:46px;height:46px;background:no-repeat;background-position:0 0}
i.icon.icon-warning-lg {width:46px;height:46px;background:no-repeat;background-position:0 -50px}
i.icon.icon-error-lg {width:46px;height:46px;background:no-repeat;background-position:-50px 0}
i.icon.icon-error-lg,i.icon.icon-success-lg,i.icon.icon-warning-lg {background-image:url(../images/sprites/main.png?20170419105225);background-image:-webkit-image-set(url(../images/sprites/main.png?20170419105225) 1x,url(../images/sprites/main@2x.png?20170419105225) 2x)}
@media only screen and (min--moz-device-pixel-ratio:1.5),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (-webkit-min-device-pixel-ratio:2.5),only screen and (min-resolution:240dpi),only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-resolution:2dppx) {i.icon.icon-error-lg,i.icon.icon-success-lg,i.icon.icon-warning-lg {background-image:url(../images/sprites/main@2x.png?20170419105225);background-size:124px auto}
i.icon.icon-success-lg {background-position:0 0}
i.icon.icon-warning-lg {background-position:0 -48px}
i.icon.icon-error-lg {background-position:-48px 0}
}
.source-description {padding:90px 0}
.source-description .description-word {line-height:2;font-size:16px;color:#000;text-align:center;margin-top:40px}
.show-position {background:#fff;padding:90px 0 0}
.show-position h3.title {margin-bottom:85px}
.show-list {text-align:center;margin-top:50px;font-size:0}
.show-list>a {height:50px;line-height:50px;padding:0 20px;display:inline-block;color:#7c7c7c;font-size:18px;border-radius:2px;position:relative}
.show-list>a:after {content:"";width:1px;height:18px;line-height:1;display:inline-block;overflow:hidden;background-color:#d1d1d1;position:absolute;left:0;top:50%;margin-top:-9px}
.show-list>a.active {background:#008de8;color:#fff;margin-right:-1px;z-index:10}
.show-list>a.active:after {opacity:0}
.show-list>a:first-child:after {opacity:0}
.scene {width:100%;overflow:hidden;background:#fff}
.scene .container {width:1274px}
.scene .scene-text {height:521px}
.scene .scene-item {margin-top:90px;padding:0 172px 0;border-bottom:1px solid #e9e9e9;background-repeat:no-repeat;*zoom:1;background-position:right bottom;overflow:hidden;position:relative}
.scene .scene-item:after,.scene .scene-item:before {display:table;content:""}
.scene .scene-item:after {clear:both}
.scene .scene-item:after,.scene .scene-item:before {display:table;content:""}
.scene .scene-item:after {clear:both}
.scene .scene-item.section-active .bg-decor:after,.scene .scene-item.section-active .bg-decor:before {opacity:1}
.scene .scene-item.section-active .bg-capt {-webkit-box-shadow:1px 0 8px rgba(0,0,0,.3);box-shadow:1px 0 8px rgba(0,0,0,.3)}
.scene .scene-item .nav {border-radius:3px;position:absolute;left:172px;bottom:100px}
.scene .scene-item .nav li {border:1px solid #dadada;border-left-width:0;text-align:center}
.scene .scene-item .nav li:first-child {border-left-width:1px;border-radius:3px 0 0 3px}
.scene .scene-item .nav li:first-child.active,.scene .scene-item .nav li:first-child:hover {border-left-color:#008de8}
.scene .scene-item .nav li:last-child {border-radius:0 3px 3px 0}
.scene .scene-item .nav li:last-child.active,.scene .scene-item .nav li:last-child:hover {border-right-color:#008de8}
.scene .scene-item .nav.nav-word2 li {width:85px}
.scene .scene-item .nav.nav-word4 li {width:105px}
.scene .scene-item .nav.nav-word6 li {width:145px}
.scene .scene-text {float:left;width:390px;display:table}
.scene .scene-text .text-erea {display:table-cell;vertical-align:middle;*padding-top:160px}
.scene .scene-text .sub-tit {margin-bottom:8px;font-size:18px;color:#a8a8a8}
.scene .scene-text h4 {font-size:26px;color:#333;margin-bottom:30px}
.scene .scene-text p {font-size:16px;line-height:2;color:#000}
.scene .scene-text .h-line3 {height:160px;color:#909090;margin-top:10px}
.scene .scene-text .h-line5 {height:200px;margin-top:10px}
.scene .scene-pic {float:right;background-repeat:no-repeat;background-position:center;text-align:center}
.scene .scene-pic .scene-paper {display:inline-block;background-repeat:no-repeat;background-position:center;background-size:100% 100%;position:relative;border:1px solid #dedede;border-bottom:none;border-radius:4px}
.scene .scene-pic .bg-decor {position:absolute}
.scene .scene-pic .bg-decor:after,.scene .scene-pic .bg-decor:before {content:"‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧";position:absolute;overflow:hidden;line-height:1;-webkit-transition:all .6s .6s;transition:all .6s .6s;opacity:0}
.scene .scene-pic .bg-capt {position:relative;z-index:2;-webkit-transition:all .8s;transition:all .8s}
.scene .scene-pic .bg-capt>img {display:block}
.scene .scene-pic .bg-shade {width:100%;height:100%;position:absolute}
.scene.scene-phone .scene-pic {background-image:url(../images/source/bg-phone.png);background-image:-webkit-image-set(url(../images/source/bg-phone.png) 1x,url(../images/source/bg-phone@2x.png) 2x);width:323px;height:521px}
.scene.scene-phone .scene-pic .scene-paper {width:285px;height:446px;margin-top:75px}
.scene.scene-phone.app-scene .scene-pic,.scene.scene-phone.browser-scene-new .scene-pic,.scene.scene-phone.qq-mobile-scene-new .scene-pic,.scene.scene-phone.qzone-mobile-scene .scene-pic {width:301px;height:538px;background-image:url(../images/source/bg-phone-b.png)}
.scene.scene-phone.app-scene .scene-pic .scene-paper,.scene.scene-phone.browser-scene-new .scene-pic .scene-paper,.scene.scene-phone.qq-mobile-scene-new .scene-pic .scene-paper,.scene.scene-phone.qzone-mobile-scene .scene-pic .scene-paper {width:267px;height:471px;margin-top:66px}
.scene.scene-desktop .scene-item {padding:0 100px}
.scene.scene-desktop .scene-item .nav {left:100px;bottom:90px}
.scene.scene-desktop .scene-item.left-pic .nav {left:784px}
.scene.scene-desktop .scene-item .scene-pic {background-image:url(../images/source/bg-desktop.png);background-image:-webkit-image-set(url(../images/source/bg-desktop.png) 1x,url(../images/source/bg-desktop@2x.png) 2x);width:506px;height:318px}
.scene.scene-desktop .scene-item .scene-pic .scene-paper {width:386px;height:218px;background-size:100% 100%;margin-top:48px;border-bottom:1px solid #dedede}
.scene-item.left-pic {background-position:0 bottom}
.scene-item.left-pic .scene-pic {float:left}
.scene-item.left-pic .scene-text {float:right}
.scene-item.left-pic .nav {left:712px}
.scene .scene-item .bg-shade:after,.scene .scene-item .bg-shade:before {display:none\9}
:root .scene .scene-item .bg-shade:after,:root .scene .scene-item .bg-shade:before {display:block\9}
.description-digital {padding:60px 0;width:1050px;margin:0 auto}
.description-digital li {text-align:center}
.description-digital li b {display:block;font-size:36px;color:#008de8;margin-bottom:10px;font-weight:400}
.description-digital li span {display:block;font-size:16px;color:#000}
.diversity {padding:90px 0}
.diversity .container {width:930px;overflow:hidden}
.diversity-tabs {margin:60px 0;text-align:center;overflow:hidden;position:relative}
.diversity-tabs:before {content:"";width:100%;height:2px;background:#dfe0e0;position:absolute;left:0;bottom:0}
.diversity-tabs>a {display:inline-block;font-size:18px;color:#000;padding:0 0 12px;position:relative}
.diversity-tabs>a:after {position:absolute;left:0;bottom:-1px;height:4px;width:100%;content:' ';background-color:#008de8;background-color:transparent\9;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transition:all .6s cubic-bezier(.19,1,.22,1);transition:all .6s cubic-bezier(.19,1,.22,1)}
.diversity-tabs>a.active,.diversity-tabs>a:hover {color:#008de8}
.diversity-tabs>a.active:after,.diversity-tabs>a:hover:after {-webkit-transform:scaleX(1);transform:scaleX(1);background-color:#008de8}
.diversity-tabs.tabs-4>a {margin:0 35px}
.diversity-tabs.tabs-3>a {margin:0 80px}
.diversity-con .diversity-desc {text-align:center;font-size:16px;margin-bottom:60px;color:#000}
.diversity-con .pic {text-align:center}
.diversity-con img {max-width:100%;max-height:415px}
.sticker {z-index:97;position:fixed;bottom:100px;right:100px}
.sticker.fixed-bottom {position:absolute;margin-bottom:0;bottom:421px}
.sticker.show-roll li.roll-top {opacity:1;height:53px;-webkit-transform:scale(1);transform:scale(1)}
.sticker.mini-screen {right:10px}
.sticker.hidden {display:none}
.sticker li {position:relative}
.sticker li>a {display:block;width:53px;height:53px;background-image:url(../images/side-bar.png);background-image:-webkit-image-set(url(../images/side-bar.png) 1x,url(../images/side-bar@2x.png) 2x);background-repeat:no-repeat}
.sticker li>#weixinqqicon {display:block;width:53px;height:53px;background-image:url(../images/weixin_icon.png);background-repeat:no-repeat; margin-top:10px;}
.sticker li.consultation a {background-position:0 0}
.sticker li.roll-top {margin-top:10px;height:0;opacity:0;overflow:hidden;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:all .3s ease;transition:all .3s ease}
.sticker li.roll-top a {background-position:0 bottom}
.sticker .side-pop {display:none;position:absolute;bottom:0;left:50%;margin-left:-46px; text-align:center;}
.sticker .side-pop>p {display:block;width:125px;height:190px;text-align:center;line-height:20px;border:1px solid #008de8;background-color:#fff}
.sticker .side-pop>p.open-account {border-bottom:none;border-radius:3px 3px 0 0}
.sticker .side-pop>p.after-sale {border-radius:0 0 3px 3px}
.overview .dsp-source {position:relative;height:700px;color:#fff;background:url(../images/overview_bg.jpg) no-repeat left center transparent;background-image:-webkit-image-set(url(../images/overview_bg.jpg) 1x,url(../images/overview_bg@2x.jpg) 2x)}
.overview .dsp-source .container {height:100%;text-align:left;position:relative}
.overview .dsp-source .container:before {width:0;height:100%;display:inline-block;*display:inline;*zoom:1;content:' ';vertical-align:middle}
.overview .dsp-source .dsp-source-light {position:absolute;right:50%;bottom:0;width:856px;height:414px;margin-right:-228px;background:url(../images/overview_light.png) no-repeat center center transparent;background-image:-webkit-image-set(url(../images/overview_light.png) 1x,url(../images/overview_light@2x.png) 2x)}
.overview .dsp-source .dsp-source-text {text-align:left;width:352px;display:inline-block;*display:inline;*zoom:1;vertical-align:middle;margin-left:0px; margin-top: 45px; }
.overview .dsp-source .dsp-source-text h3.title {font-family:dsp,PingFangSC-Light,'helvetica neue','hiragino sans gb',tahoma,'microsoft yahei ui','microsoft yahei',simsun,sans-serif;text-align:left;color:#fff;line-height:1.5;margin-bottom:20px;*padding-top:150px}
.overview .dsp-source .dsp-source-text p {font-size:16px;line-height:2;margin-bottom:20px}
.overview .dsp-source .dsp-source-text .btn-more-source {font-size:16px;color:#fff}
.overview .dsp-source .dsp-source-text .btn-more-source:hover {opacity:.8}
.overview .dsp-source .dsp-source-text .content {margin-bottom:35px}
.overview .dsp-source .dsp-source-text .btn {line-height:38px}
.overview .dsp-source .dsp-source-list {position:absolute;left:406px;top:174px}
.overview .dsp-source .dsp-source-list li {float:left;margin-right:18px}
.overview .dsp-source .dsp-source-list li.ads,.overview .dsp-source .dsp-source-list li.app {margin-top:9px}
.overview .dsp-source .dsp-source-list li.video,.overview .dsp-source .dsp-source-list li.wechat {margin-top:30px}
.overview .dsp-source .dsp-source-list li.news,.overview .dsp-source .dsp-source-list li.qq {margin-top:68px}
.overview .dsp-source .dsp-source-list li.kuaibao,.overview .dsp-source .dsp-source-list li.qzone {margin-top:128px}
.overview .dsp-source .dsp-source-list li .icon {display:block;background-image:url(../images/icon/icon-all.png);background-image:-webkit-image-set(url(../images/icon/icon-all.png) 1x,url(../images/icon/icon-all@2x.png) 2x);background-repeat:no-repeat;width:67px;height:67px}
.overview .dsp-source .dsp-source-list li .icon.icon-wechat {background-position:0 -152px}
.overview .dsp-source .dsp-source-list li .icon.icon-ads {background-position:-73px -152px}
.overview .dsp-source .dsp-source-list li .icon.icon-app {background-position:-146px -152px}
.overview .dsp-source .dsp-source-list li .icon.icon-browser {background-position:-219px -152px}
.overview .dsp-source .dsp-source-list li .icon.icon-qq {background-position:-292px -152px}
.overview .dsp-source .dsp-source-list li .icon.icon-qzone {background-position:-365px -152px}
.overview .dsp-source .dsp-source-list li .icon.icon-video {background-position:-439px -152px}
.overview .dsp-source .dsp-source-list li .icon.icon-news {background-position:-513px -152px}
.overview .dsp-source .dsp-source-list li .icon.icon-kuaibao {background-position:-585px -152px}
.overview .dsp-source .dsp-source-list li span {display:block;font-size:12px;color:#dadada;text-align:center;margin-top:6px}
.overview .orientation-ability {padding:80px 0 90px;background:#f0f3f6;background:-webkit-gradient(linear,left top,left bottom,from(#f0f3f6),color-stop(82%,#e9edf0),to(#e8ebf0));background:linear-gradient(to bottom,#f0f3f6 0,#e9edf0 82%,#e8ebf0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f3f6',endColorstr='#e8ebf0',GradientType=0)}
.overview .orientation-ability .orientation-ability-text {width:352px;float:right;padding-top:0px;position: relative;left: -50px;}
.overview .orientation-ability .orientation-ability-text h3.title {font-family:dsp,PingFangSC-Light,'helvetica neue','hiragino sans gb',tahoma,'microsoft yahei ui','microsoft yahei',simsun,sans-serif;text-align:left;line-height:1.5;margin-bottom:20px}
.overview .orientation-ability .orientation-ability-text .content {margin-bottom:35px}
.overview .orientation-ability .orientation-ability-text p {font-size:16px;line-height:2;margin-bottom:20px}
.overview .orientation-ability .orientation-ability-text .btn-more-orientation {font-size:16px}
.overview .orientation-ability .orientation-ability-text .btn {line-height:38px}
.overview .orientation-ability .orientation-ability-example {position:relative;float:right;width:544px;height:345px}
.overview .orientation-ability .orientation-ability-tab {float:right;width:410px;margin:60px 80px 0 0;overflow:hidden;*position:relative;*height:130px}
.overview .orientation-ability .orientation-ability-tab .orientation-tabs {position:relative;overflow:hidden;margin-right:-20px}
.overview .orientation-ability .orientation-ability-tab .orientation-tabs>a {display:block;float:left;font-size:18px;color:#000;padding:0 7px 12px;position:relative;margin-right:20px}
.overview .orientation-ability .orientation-ability-tab .orientation-tabs>a:after {position:absolute;left:0;bottom:-1px;height:4px;width:100%;content:' ';background-color:#008de8;background-color:transparent\9;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transition:all .6s cubic-bezier(.19,1,.22,1);transition:all .6s cubic-bezier(.19,1,.22,1)}
.overview .orientation-ability .orientation-ability-tab .orientation-tabs>a.active,.overview .orientation-ability .orientation-ability-tab .orientation-tabs>a:hover {color:#008de8}
.overview .orientation-ability .orientation-ability-tab .orientation-tabs>a.active:after,.overview .orientation-ability .orientation-ability-tab .orientation-tabs>a:hover:after {-webkit-transform:scaleX(1);transform:scaleX(1);background-color:#008de8}
.overview .orientation-ability .orientation-ability-tab .orientation-tabs:before {content:"";width:100%;height:2px;background:#dfe0e0;position:absolute;left:0;bottom:0}
.overview .orientation-ability .orientation-ability-tab .orientation-slide-container {text-align:center;font-size:16px;color:#666;margin-top:15px;*zoom:1}
.overview .orientation-ability .orientation-ability-tab .orientation-slide-container:after,.overview .orientation-ability .orientation-ability-tab .orientation-slide-container:before {display:table;content:""}
.overview .orientation-ability .orientation-ability-tab .orientation-slide-container:after {clear:both}
.overview .orientation-ability .orientation-ability-tab .orientation-slide-container:after,.overview .orientation-ability .orientation-ability-tab .orientation-slide-container:before {display:table;content:""}
.overview .orientation-ability .orientation-ability-tab .orientation-slide-container:after {clear:both}
.overview .management {padding:100px 0;background:#f7f9fb}
.overview .management .title {line-height:1.5;margin-bottom:60px;font-family:dsp,PingFangSC-Light,'helvetica neue','hiragino sans gb',tahoma,'microsoft yahei ui','microsoft yahei',simsun,sans-serif}
.overview .management .management-list {text-align:center;color:#000}
.overview .management .management-list li .icon {display:inline-block;background-image:url(../images/icon/icon-all.png);background-image:-webkit-image-set(url(../images/icon/icon-all.png) 1x,url(../images/icon/icon-all@2x.png) 2x);background-repeat:no-repeat}
.overview .management .management-list li .icon.icon-free {background-position:0 -231px;width:171px;height:143px}
.overview .management .management-list li .icon.icon-cost {background-position:-177px -231px;width:122px;height:143px}
.overview .management .management-list li .icon.icon-count {background-position:-305px -231px;width:144px;height:143px}
.overview .management .management-list li h4 {font-size:26px;margin:30px 0 10px}
.overview .management .management-list li p {font-size:16px;line-height:2;display:inline-block;max-width:300px}
.overview .effect {background-color:#fff;padding:110px 0 80px}
.overview .effect h3.title {margin-bottom:90px;font-family:dsp,PingFangSC-Light,'helvetica neue','hiragino sans gb',tahoma,'microsoft yahei ui','microsoft yahei',simsun,sans-serif}
.overview .effect .effect-container {width:100%;height:350px;overflow:hidden;*position:relative}
.overview .effect .effect-container .swiper-slide {position:relative}
.overview .effect .effect-container .effect-slide1,.overview .effect .effect-container .effect-slide3 {background-image:url(../images/index/bg-effect.png);background-image:-webkit-image-set(url(../images/index/bg-effect.png) 1x,url(../images/index/bg-effect@2x.png) 2x);background-repeat:no-repeat;background-position:center bottom}
.overview .effect .effect-container .effect-text {width:480px;position:absolute;left:50%;margin-left:40px;margin-top:10px}
.overview .effect .effect-container .effect-text .effect-brand {color:#999;font-size:18px}
.overview .effect .effect-container .effect-text .effect-title {font-family:dsp,PingFangSC-Light,'helvetica neue','hiragino sans gb',tahoma,'microsoft yahei ui','microsoft yahei',simsun,sans-serif;font-size:32px;line-height:1.56;color:#000;margin:28px 0}
.overview .effect .effect-container .effect-text .effect-title>em {color:#008de8;font-style:normal}
.overview .effect .effect-container .effect-text .effect-description {font-size:16px;color:#333;line-height:2;margin-bottom:30px}
.overview .effect .effect-container .effect-text .effect-description p:before {display:inline-block;*display:inline;*zoom:1;content:'|';margin-right:8px}
.overview .effect .effect-container .effect-text .btn-primary {line-height:36px}
.overview .effect .effect-container .effect-pic {position:absolute;right:50%;margin-right:40px}
.overview .effect .effect-container .effect-pic img{}
.overview .effect .effect-container .effect-pic.pic1 {width:327px;height:522px;background-image:url(../images/index/effect1.png);background-image:-webkit-image-set(url(../images/index/effect1.png) 1x,url(../images/index/effect1@2x.png) 2x);background-repeat:no-repeat}
.overview .effect .effect-container .effect-pic.pic2 {width:546px;height:515px;background-image:url(../images/index/effect2.png);background-image:-webkit-image-set(url(../images/index/effect2.png) 1x,url(../images/index/effect2@2x.png) 2x);background-repeat:no-repeat}
.overview .effect .effect-container .effect-pic.pic3 {width:327px;height:522px;background-image:url(../images/index/effect3.png);background-image:-webkit-image-set(url(../images/index/effect3.png) 1x,url(../images/index/effect3@2x.png) 2x);background-repeat:no-repeat}
.overview .effect .pagination {text-align:center;margin:30px 0 10px}

.overview .effect .pagination .bannerNavChild{margin:0 10px;width:12px;height:12px;display:inline-block;*display:inline;*zoom:1;background:#008de8;border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;-webkit-border-radius:10px;cursor:pointer;}
.overview .effect .pagination .bannerNavChild.on{background:#000;
animation:bannerNavChildOn .2s  ease-in-out 0s  both;
-moz-animation:bannerNavChildOn .2s  ease-in-out 0s  both;
-webkit-animation:bannerNavChildOn .2s  ease-in-out 0s  both;
-o-animation:bannerNavChildOn .2s  ease-in-out 0s  both;}

.overview .effect .pagination>span {cursor:pointer;display:inline-block;background:#8e9ea6;width:10px;height:10px;border-radius:100%;margin:0 6px;border:1px solid #fff;-webkit-transition:all .4s;transition:all .4s}
.overview .effect .pagination>span.swiper-active-switch {border-color:#008de8;background:#fff}
.overview .effect .btn-erea {text-align:center}
.figure-car1 {position:absolute;top:138px;left:105px;width:76px;height:197px;background:url(../images/index/figure/figure-car1.png) no-repeat center center transparent;background-image:-webkit-image-set(url(../images/index/figure/figure-car1.png) 1x,url(../images/index/figure/figure-car1@2x.png) 2x);z-index:2}
.figure-car1 i {width:100%;height:100%;display:block;background:url(../images/index/figure/figure-car1-active.png) no-repeat center center transparent;background-image:-webkit-image-set(url(../images/index/figure/figure-car1-active.png) 1x,url(../images/index/figure/figure-car1-active@2x.png) 2x)}
.figure-car2 {position:absolute;top:33px;left:341px;width:58px;height:176px;background:url(../images/index/figure/figure-car2.png) no-repeat center center transparent;background-image:-webkit-image-set(url(../images/index/figure/figure-car2.png) 1x,url(../images/index/figure/figure-car2@2x.png) 2x);z-index:2}
.figure-car2 i {width:100%;height:100%;display:block;background:url(../images/index/figure/figure-car2-active.png) no-repeat center center transparent;background-image:-webkit-image-set(url(../images/index/figure/figure-car2-active.png) 1x,url(../images/index/figure/figure-car2-active@2x.png) 2x)}
.figure-car3 {position:absolute;top:130px;left:412px;width:62px;height:189px;background:url(../images/index/figure/figure-car3.png) no-repeat center center transparent;background-image:-webkit-image-set(url(../images/index/figure/figure-car3.png) 1x,url(../images/index/figure/figure-car3@2x.png) 2x);z-index:2}
.figure-car3 i {width:100%;height:100%;display:block;background:url(../images/index/figure/figure-car3-active.png) no-repeat center center transparent;background-image:-webkit-image-set(url(../images/index/figure/figure-car3-active.png) 1x,url(../images/index/figure/figure-car3-active@2x.png) 2x)}
.figure-car3-active {background:url(../images/index/figure/figure-car3-active.png) no-repeat center center transparent;background-image:-webkit-image-set(url(../images/index/figure/figure-car3-active.png) 1x,url(../images/index/figure/figure-car3-active@2x.png) 2x)}
.figure-car1-shape {position:absolute;top:324px;left:108px;width:61px;height:17px;background:url(../images/index/figure/figure-car1-shape.png) no-repeat center center transparent;background-image:-webkit-image-set(url(../images/index/figure/figure-car1-shape.png) 1x,url(../images/index/figure/figure-car1-shape@2x.png) 2x);z-index:1}
.figure-car2-shape {position:absolute;top:200px;left:344px;width:54px;height:15px;background:url(../images/index/figure/figure-car2-shape.png) no-repeat center center transparent;background-image:-webkit-image-set(url(../images/index/figure/figure-car2-shape.png) 1x,url(../images/index/figure/figure-car2-shape@2x.png) 2x);z-index:1}
.figure-car3-shape {position:absolute;top:309px;left:414px;width:57px;height:16px;background:url(../images/index/figure/figure-car3-shape.png) no-repeat center center transparent;background-image:-webkit-image-set(url(../images/index/figure/figure-car3-shape.png) 1x,url(../images/index/figure/figure-car3-shape@2x.png) 2x);z-index:1}
.figure-car1-line {position:absolute;top:210px;left:141px;width:219px;height:119px;z-index:0}
.figure-car1-line i {width:100%;height:100%;display:block;background:url(../images/index/figure/figure-car1-line.png) no-repeat 0 0 transparent;background-image:-webkit-image-set(url(../images/index/figure/figure-car1-line.png) 1x,url(../images/index/figure/figure-car1-line@2x.png) 2x)}
.figure-car2-line {position:absolute;top:208px;left:375px;width:63px;height:140px;z-index:0}
.figure-car2-line i {width:100%;height:100%;display:block;background:url(../images/index/figure/figure-car2-line.png) no-repeat 0 0 transparent;background-image:-webkit-image-set(url(../images/index/figure/figure-car2-line.png) 1x,url(../images/index/figure/figure-car2-line@2x.png) 2x)}
.figure-car3-line {position:absolute;top:316px;left:160px;width:265px;height:18px;z-index:0}
.figure-car3-line i {width:100%;height:100%;display:block;background:url(../images/index/figure/figure-car3-line.png) no-repeat right top transparent;background-image:-webkit-image-set(url(../images/index/figure/figure-car3-line.png) 1x,url(../images/index/figure/figure-car3-line@2x.png) 2x)}
.figure-shop1 {position:absolute;top:25px;left:173px;width:67px;height:165px;background:url(../images/index/figure/figure-shop1.png) no-repeat center center transparent;background-image:-webkit-image-set(url(../images/index/figure/figure-shop1.png) 1x,url(../images/index/figure/figure-shop1@2x.png) 2x);z-index:2}
.figure-shop1 i {width:100%;height:100%;display:block;background:url(../images/index/figure/figure-shop1-active.png) no-repeat center center transparent;background-image:-webkit-image-set(url(../images/index/figure/figure-shop1-active.png) 1x,url(../images/index/figure/figure-shop1-active@2x.png) 2x)}
.figure-shop3 {position:absolute;top:147px;left:245px;width:78px;height:197px;background:url(../images/index/figure/figure-shop2.png) no-repeat center center transparent;background-image:-webkit-image-set(url(../images/index/figure/figure-shop2.png) 1x,url(../images/index/figure/figure-shop2@2x.png) 2x);z-index:2}
.figure-shop3 i {width:100%;height:100%;display:block;background:url(../images/index/figure/figure-shop2-active.png) no-repeat center center transparent;background-image:-webkit-image-set(url(../images/index/figure/figure-shop2-active.png) 1x,url(../images/index/figure/figure-shop2-active@2x.png) 2x)}
.figure-shop2 {position:absolute;top:64px;left:488px;width:53px;height:173px;background:url(../images/index/figure/figure-shop3.png) no-repeat center center transparent;background-image:-webkit-image-set(url(../images/index/figure/figure-shop3.png) 1x,url(../images/index/figure/figure-shop3@2x.png) 2x);z-index:2}
.figure-shop2 i {width:100%;height:100%;display:block;background:url(../images/index/figure/figure-shop3-active.png) no-repeat center center transparent;background-image:-webkit-image-set(url(../images/index/figure/figure-shop3-active.png) 1x,url(../images/index/figure/figure-shop3-active@2x.png) 2x)}
.figure-shop1-shape {position:absolute;top:183px;left:194px;width:47px;height:13px;background:url(../images/index/figure/figure-shop1-shape.png) no-repeat center center transparent;background-image:-webkit-image-set(url(../images/index/figure/figure-shop1-shape.png) 1x,url(../images/index/figure/figure-shop1-shape@2x.png) 2x);z-index:1}
.figure-shop2-shape {position:absolute;top:231px;left:489px;width:49px;height:14px;background:url(../images/index/figure/figure-shop2-shape.png) no-repeat center center transparent;background-image:-webkit-image-set(url(../images/index/figure/figure-shop2-shape.png) 1x,url(../images/index/figure/figure-shop2-shape@2x.png) 2x);z-index:1}
.figure-shop3-shape {position:absolute;top:332px;left:258px;width:73px;height:20px;background:url(../images/index/figure/figure-shop3-shape.png) no-repeat center center transparent;background-image:-webkit-image-set(url(../images/index/figure/figure-shop3-shape.png) 1x,url(../images/index/figure/figure-shop3-shape@2x.png) 2x);z-index:1}
.figure-shop1-line {position:absolute;top:189px;left:218px;width:292px;height:53px;z-index:0}
.figure-shop1-line i {width:100%;height:100%;display:block;background:url(../images/index/figure/figure-shop1-line.png) no-repeat 0 0 transparent;background-image:-webkit-image-set(url(../images/index/figure/figure-shop1-line.png) 1x,url(../images/index/figure/figure-shop1-line@2x.png) 2x)}
.figure-shop2-line {position:absolute;top:243px;left:306px;width:210px;height:98px;z-index:0}
.figure-shop2-line i {width:100%;height:100%;display:block;background:url(../images/index/figure/figure-shop2-line.png) no-repeat right top transparent;background-image:-webkit-image-set(url(../images/index/figure/figure-shop2-line.png) 1x,url(../images/index/figure/figure-shop2-line@2x.png) 2x)}
.figure-shop3-line {position:absolute;top:190px;left:218px;width:63px;height:146px;z-index:0}
.figure-shop3-line i {width:100%;height:100%;display:block;background:url(../images/index/figure/figure-shop3-line.png) no-repeat right bottom transparent;background-image:-webkit-image-set(url(../images/index/figure/figure-shop3-line.png) 1x,url(../images/index/figure/figure-shop3-line@2x.png) 2x)}
.figure-app1 {position:absolute;top:141px;left:0;width:48px;height:162px;background:url(../images/index/figure/figure-app1.png) no-repeat center center transparent;background-image:-webkit-image-set(url(../images/index/figure/figure-app1.png) 1x,url(../images/index/figure/figure-app1@2x.png) 2x);z-index:2}
.figure-app1 i {width:100%;height:100%;display:block;background:url(../images/index/figure/figure-app1-active.png) no-repeat center center transparent;background-image:-webkit-image-set(url(../images/index/figure/figure-app1-active.png) 1x,url(../images/index/figure/figure-app1-active@2x.png) 2x)}
.figure-app2 {position:absolute;top:14px;left:69px;width:41px;height:137px;background:url(../images/index/figure/figure-app2.png) no-repeat center center transparent;background-image:-webkit-image-set(url(../images/index/figure/figure-app2.png) 1x,url(../images/index/figure/figure-app2@2x.png) 2x);z-index:2}
.figure-app2 i {width:100%;height:100%;display:block;background:url(../images/index/figure/figure-app2-active.png) no-repeat center center transparent;background-image:-webkit-image-set(url(../images/index/figure/figure-app2-active.png) 1x,url(../images/index/figure/figure-app2-active@2x.png) 2x)}
.figure-app3 {position:absolute;top:0;left:273px;width:37px;height:120px;background:url(../images/index/figure/figure-app3.png) no-repeat center center transparent;background-image:-webkit-image-set(url(../images/index/figure/figure-app3.png) 1x,url(../images/index/figure/figure-app3@2x.png) 2x);z-index:2}
.figure-app3 i {width:100%;height:100%;display:block;background:url(../images/index/figure/figure-app3-active.png) no-repeat center center transparent;background-image:-webkit-image-set(url(../images/index/figure/figure-app3-active.png) 1x,url(../images/index/figure/figure-app3-active@2x.png) 2x)}
.figure-app1-shape {position:absolute;top:295px;left:0;width:53px;height:15px;background:url(../images/index/figure/figure-app1-shape.png) no-repeat center center transparent;background-image:-webkit-image-set(url(../images/index/figure/figure-app1-shape.png) 1x,url(../images/index/figure/figure-app1-shape@2x.png) 2x);z-index:1}
.figure-app2-shape {position:absolute;top:144px;left:68px;width:42px;height:12px;background:url(../images/index/figure/figure-app2-shape.png) no-repeat center center transparent;background-image:-webkit-image-set(url(../images/index/figure/figure-app2-shape.png) 1x,url(../images/index/figure/figure-app2-shape@2x.png) 2x);z-index:1}
.figure-app3-shape {position:absolute;top:114px;left:274px;width:37px;height:11px;background:url(../images/index/figure/figure-app3-shape.png) no-repeat center center transparent;background-image:-webkit-image-set(url(../images/index/figure/figure-app3-shape.png) 1x,url(../images/index/figure/figure-app3-shape@2x.png) 2x);z-index:1}
.figure-app1-line {position:absolute;top:150px;left:20px;width:71px;height:150px;z-index:0}
.figure-app1-line i {width:100%;height:100%;display:block;background:url(../images/index/figure/figure-app1-line.png) no-repeat 0 0 transparent;background-image:-webkit-image-set(url(../images/index/figure/figure-app1-line.png) 1x,url(../images/index/figure/figure-app1-line@2x.png) 2x)}
.figure-app2-line {position:absolute;top:120px;left:88px;width:205px;height:33px;z-index:0}
.figure-app2-line i {width:100%;height:100%;display:block;background:url(../images/index/figure/figure-app2-line.png) no-repeat 0 0 transparent;background-image:-webkit-image-set(url(../images/index/figure/figure-app2-line.png) 1x,url(../images/index/figure/figure-app2-line@2x.png) 2x)}
.figure-app3-line {position:absolute;top:123px;left:30px;width:265px;height:180px;z-index:0}
.figure-app3-line i {width:100%;height:100%;display:block;background:url(../images/index/figure/figure-app3-line.png) no-repeat right top transparent;background-image:-webkit-image-set(url(../images/index/figure/figure-app3-line.png) 1x,url(../images/index/figure/figure-app3-line@2x.png) 2x)}
.no-cssanimations .orientation-ability-example .figure i,.no-cssanimations .orientation-ability-example .line i,.no-cssanimations .orientation-ability-example .shape {display:none;opacity:0}
.no-cssanimations .orientation-ability-example.status0 .figure-car1 i,.no-cssanimations .orientation-ability-example.status0 .figure-car1-line i,.no-cssanimations .orientation-ability-example.status0 .figure-car1-shape,.no-cssanimations .orientation-ability-example.status0 .figure-car2 i,.no-cssanimations .orientation-ability-example.status0 .figure-car2-line i,.no-cssanimations .orientation-ability-example.status0 .figure-car2-shape,.no-cssanimations .orientation-ability-example.status0 .figure-car3 i,.no-cssanimations .orientation-ability-example.status0 .figure-car3-line i,.no-cssanimations .orientation-ability-example.status0 .figure-car3-shape {opacity:1;display:block}
.no-cssanimations .orientation-ability-example.status1 .figure-shop1 i,.no-cssanimations .orientation-ability-example.status1 .figure-shop1-line i,.no-cssanimations .orientation-ability-example.status1 .figure-shop1-shape,.no-cssanimations .orientation-ability-example.status1 .figure-shop2 i,.no-cssanimations .orientation-ability-example.status1 .figure-shop2-line i,.no-cssanimations .orientation-ability-example.status1 .figure-shop2-shape,.no-cssanimations .orientation-ability-example.status1 .figure-shop3 i,.no-cssanimations .orientation-ability-example.status1 .figure-shop3-line i,.no-cssanimations .orientation-ability-example.status1 .figure-shop3-shape {opacity:1;display:block}
.no-cssanimations .orientation-ability-example.status2 .figure-app1 i,.no-cssanimations .orientation-ability-example.status2 .figure-app1-line i,.no-cssanimations .orientation-ability-example.status2 .figure-app1-shape,.no-cssanimations .orientation-ability-example.status2 .figure-app2 i,.no-cssanimations .orientation-ability-example.status2 .figure-app2-line i,.no-cssanimations .orientation-ability-example.status2 .figure-app2-shape,.no-cssanimations .orientation-ability-example.status2 .figure-app3 i,.no-cssanimations .orientation-ability-example.status2 .figure-app3-line i,.no-cssanimations .orientation-ability-example.status2 .figure-app3-shape {opacity:1;display:block}
.cssanimations .orientation-ability-example .figure i,.cssanimations .orientation-ability-example .line i,.cssanimations .orientation-ability-example .shape {opacity:0}
.cssanimations .orientation-ability-example .line i {position:absolute;top:0;height:100%;width:0%}
.cssanimations .orientation-ability-example.status0 .figure-car1 i {-webkit-animation:fadeIn .4s ease both;animation:fadeIn .4s ease both}
.cssanimations .orientation-ability-example.status0 .figure-car1-shape {-webkit-animation:fadeIn .6s ease both .2s;animation:fadeIn .6s ease both .2s}
.cssanimations .orientation-ability-example.status0 .figure-car1-line i {-webkit-animation:lineRight .4s ease both .4s;animation:lineRight .4s ease both .4s}
.cssanimations .orientation-ability-example.status0 .figure-car2 i {-webkit-animation:fadeIn .6s ease both .4s;animation:fadeIn .6s ease both .4s}
.cssanimations .orientation-ability-example.status0 .figure-car2-shape {-webkit-animation:fadeIn .4s ease both .6s;animation:fadeIn .4s ease both .6s}
.cssanimations .orientation-ability-example.status0 .figure-car2-line i {-webkit-animation:lineRight .4s ease both .8s;animation:lineRight .4s ease both .8s}
.cssanimations .orientation-ability-example.status0 .figure-car3 i {-webkit-animation:fadeIn .6s ease both .8s;animation:fadeIn .6s ease both .8s}
.cssanimations .orientation-ability-example.status0 .figure-car3-shape {-webkit-animation:fadeIn .4s ease both 1s;animation:fadeIn .4s ease both 1s}
.cssanimations .orientation-ability-example.status0 .figure-car3-line i {-webkit-animation:lineLeft .4s ease both 1.2s;animation:lineLeft .4s ease both 1.2s}
.cssanimations .orientation-ability-example.status1 .figure-shop1 i {-webkit-animation:fadeIn .6s ease both;animation:fadeIn .6s ease both}
.cssanimations .orientation-ability-example.status1 .figure-shop2 i {-webkit-animation:fadeIn .6s ease both .4s;animation:fadeIn .6s ease both .4s}
.cssanimations .orientation-ability-example.status1 .figure-shop3 i {-webkit-animation:fadeIn .6s ease both .8s;animation:fadeIn .6s ease both .8s}
.cssanimations .orientation-ability-example.status1 .figure-shop1-shape {-webkit-animation:fadeIn .4s ease both .2s;animation:fadeIn .4s ease both .2s}
.cssanimations .orientation-ability-example.status1 .figure-shop1-line i {-webkit-animation:lineRight .4s ease both .4s;animation:lineRight .4s ease both .4s}
.cssanimations .orientation-ability-example.status1 .figure-shop2-shape {-webkit-animation:fadeIn .4s ease both .6s;animation:fadeIn .4s ease both .6s}
.cssanimations .orientation-ability-example.status1 .figure-shop2-line i {-webkit-animation:lineLeft .4s ease both .8s;animation:lineLeft .4s ease both .8s}
.cssanimations .orientation-ability-example.status1 .figure-shop3-shape {-webkit-animation:fadeIn .4s ease both 1s;animation:fadeIn .4s ease both 1s}
.cssanimations .orientation-ability-example.status1 .figure-shop3-line i {-webkit-animation:lineLeft .4s ease both 1.2s;animation:lineLeft .4s ease both 1.2s}
.cssanimations .orientation-ability-example.status2 .figure-app1 i {-webkit-animation:fadeIn .6s ease both;animation:fadeIn .6s ease both}
.cssanimations .orientation-ability-example.status2 .figure-app2 i {-webkit-animation:fadeIn .6s ease both .4s;animation:fadeIn .6s ease both .4s}
.cssanimations .orientation-ability-example.status2 .figure-app3 i {-webkit-animation:fadeIn .6s ease both .8s;animation:fadeIn .6s ease both .8s}
.cssanimations .orientation-ability-example.status2 .figure-app1-shape {-webkit-animation:fadeIn .4s ease both .2s;animation:fadeIn .4s ease both .2s}
.cssanimations .orientation-ability-example.status2 .figure-app1-line i {-webkit-animation:lineRight .4s ease both .4s;animation:lineRight .4s ease both .4s}
.cssanimations .orientation-ability-example.status2 .figure-app2-shape {-webkit-animation:fadeIn .4s ease both .6s;animation:fadeIn .4s ease both .6s}
.cssanimations .orientation-ability-example.status2 .figure-app2-line i {-webkit-animation:lineRight .4s ease both .8s;animation:lineRight .4s ease both .8s}
.cssanimations .orientation-ability-example.status2 .figure-app3-shape {-webkit-animation:fadeIn .4s ease both 1s;animation:fadeIn .4s ease both 1s}
.cssanimations .orientation-ability-example.status2 .figure-app3-line i {-webkit-animation:lineLeft .4s ease both 1.2s;animation:lineLeft .4s ease both 1.2s}
.cssanimations .hero-index .hero-content .btn,.cssanimations .hero-index .hero-index-bg,.cssanimations .hero-index .hero-text,.cssanimations .hero-index .hero-title,.cssanimations .hero-index .phone {opacity:0}
.cssanimations .hero-index.sec-active .hero-index-bg {-webkit-animation:fadeIn .6s linear both;animation:fadeIn .6s linear both}
.cssanimations .hero-index.sec-active .hero-title {-webkit-animation:fadeInTop .4s ease-in-out both .5s;animation:fadeInTop .4s ease-in-out both .5s}
.cssanimations .hero-index.sec-active .hero-text {-webkit-animation:fadeInTop .4s ease-in-out both .5s;animation:fadeInTop .4s ease-in-out both .5s}
.cssanimations .hero-index.sec-active .hero-content .btn {-webkit-animation:fadeIn .4s ease-in-out both .8s;animation:fadeIn .4s ease-in-out both .8s}
.cssanimations .hero-index.sec-active .phone {-webkit-animation:fadeIn .4s ease-in-out both .8s;animation:fadeIn .4s ease-in-out both .8s}
.cssanimations .dsp-source .dsp-source-light,.cssanimations .dsp-source .dsp-source-list ul li,.cssanimations .dsp-source .dsp-source-text .btn,.cssanimations .dsp-source .dsp-source-text .content,.cssanimations .dsp-source .dsp-source-text .title {opacity:0}

.cssanimations .orientation-ability .orientation-ability-example,.cssanimations .orientation-ability .orientation-ability-tab,.cssanimations .orientation-ability .orientation-ability-text .btn,.cssanimations .orientation-ability .orientation-ability-text .content,.cssanimations .orientation-ability .orientation-ability-text .title {opacity:0}
.overview .orientation-ability .orientation-ability-text .title {-webkit-animation:fadeInTop .4s ease-in-out both;animation:fadeInTop .4s ease-in-out both}
.overview .orientation-ability  .orientation-ability-text .content {-webkit-animation:fadeInTop .4s ease-in-out both;animation:fadeInTop .4s ease-in-out both}
.overview .orientation-ability  .orientation-ability-text .btn {-webkit-animation:fadeInTop .4s ease-in-out both .3s;animation:fadeInTop .4s ease-in-out both .3s}
.overview .orientation-ability  .orientation-ability-example {-webkit-animation:fadeIn .4s ease-in-out both .6s;animation:fadeIn .4s ease-in-out both .6s}
.overview .orientation-ability  .orientation-ability-tab {-webkit-animation:fadeIn .4s ease-in-out both .9s;animation:fadeIn .4s ease-in-out both .9s}
.cssanimations .management .management-item .icon,.cssanimations .management .management-item h4,.cssanimations .management .management-item p,.cssanimations .management .title-big {opacity:0}

.cssanimations .effect .title-big {opacity:0}
.cssanimations .effect .swiper-slide-active .effect-brand,.cssanimations .effect .swiper-slide-active .effect-description,.cssanimations .effect .swiper-slide-active .effect-pic,.cssanimations .effect .swiper-slide-active .effect-text .btn,.cssanimations .effect .swiper-slide-active .effect-title {opacity:0}

.orientation {padding:70px 0 0;background-color:#f9f9f9}
.orientation .title {line-height:1.75;margin-bottom:60px}
.orientation .orientation-base {margin-bottom:70px}
.orientation .orientation-base h4 {font-size:26px;color:#000}
.orientation .orientation-base .base-description {font-size:16px;color:#000;margin:15px 0 60px}
.orientation .orientation-base .base-list {padding:0 5.8%;*zoom:1}
.orientation .orientation-base .base-list:after,.orientation .orientation-base .base-list:before {display:table;content:""}
.orientation .orientation-base .base-list:after {clear:both}
.orientation .orientation-base .base-list:after,.orientation .orientation-base .base-list:before {display:table;content:""}
.orientation .orientation-base .base-list:after {clear:both}
.orientation .orientation-base .base-list .base-item {width:340px;padding-left:50px;margin-bottom:18px;float:left;position:relative}
.orientation .orientation-base .base-list .base-item .icon {position:absolute;left:0;top:0;background-image:url(../images/icon/icon-all.png);background-image:-webkit-image-set(url(../images/icon/icon-all.png) 1x,url(../images/icon/icon-all@2x.png) 2x);background-repeat:no-repeat;width:42px}
.orientation .orientation-base .base-list .base-item .icon.icon-location {background-position:0 -107px;height:33px}
.orientation .orientation-base .base-list .base-item .icon.icon-information {background-position:-42px -107px;height:32px}
.orientation .orientation-base .base-list .base-item .icon.icon-status {background-position:-84px -107px;height:33px}
.orientation .orientation-base .base-list .base-item .icon.icon-behavior {background-position:-126px -107px;height:32px}
.orientation .orientation-base .base-list .base-item .icon.icon-consumption {background-position:-168px -107px;height:33px}
.orientation .orientation-base .base-list .base-item .icon.icon-weather {background-position:-210px -107px;height:32px}
.orientation .orientation-base .base-list .base-item .icon.icon-mobile {background-position:-252px -107px;height:33px}
.orientation .orientation-base .base-list .base-item .icon.icon-custom {background-position:-294px -107px;height:32px}
.orientation .orientation-base .base-list .base-item b {font-size:20px}
.orientation .orientation-base .base-list .base-item p {font-size:14px;line-height:2;color:#666;padding-top:16px;height:6em}
.orientation .orientation-base .base-list .base-item.base-item-fr {float:right}
.orientation .orientation-base .btn-eara {text-align:center}
.orientation .orientation-item {padding:70px 0;*zoom:1;color:#000}
.orientation .orientation-item:after,.orientation .orientation-item:before {display:table;content:""}
.orientation .orientation-item:after {clear:both}
.orientation .orientation-item:after,.orientation .orientation-item:before {display:table;content:""}
.orientation .orientation-item:after {clear:both}
.orientation .orientation-item .text-area {width:525px}
.orientation .orientation-item .text-area h3 {font-size:26px;line-height:1;margin-bottom:35px}
.orientation .orientation-item .text-area p {font-size:16px;line-height:2}
.orientation .orientation-vertical {background:#fff}
.orientation .orientation-vertical .text-area {float:left;padding-top:70px}
.orientation .orientation-vertical .text-area .remark {display:block;color:#999}
.orientation .orientation-vertical .vertical-pic {width:311px;height:312px;float:right;margin-right:100px;background-image:url(../images/orientation/bg-orientation-vertical.png);background-image:-webkit-image-set(url(../images/orientation/bg-orientation-vertical.png) 1x,url(../images/orientation/bg-orientation-vertical@2x.png) 2x);background-repeat:no-repeat}
.orientation .orientation-people .text-area {float:right;padding-top:60px}
.orientation .orientation-people .text-area .btn-area {margin-top:15px}
.orientation .orientation-people .text-area .btn-area .btn-lg {padding:0}
.orientation .orientation-people .people-pic {float:left;width:322px;height:321px;margin-left:90px;background-image:url(../images/orientation/bg-orientation-people.png);background-image:-webkit-image-set(url(../images/orientation/bg-orientation-people.png) 1x,url(../images/orientation/bg-orientation-people@2x.png) 2x);background-repeat:no-repeat}
.case {margin-top:50px}
.case .case-title {font-size:45px;text-align:center;color:#333;margin:60px 0 30px}
.case .case-title.case-title-small {font-size:20px;text-align:left;margin:0 0 30px 0;color:#000}
.case .case-filter {position:relative;z-index:9;*zoom:1;margin-bottom:50px;*margin:0 -16px 50px}
.case .case-filter:after,.case .case-filter:before {display:table;content:""}
.case .case-filter:after {clear:both}
.case .case-filter:after,.case .case-filter:before {display:table;content:""}
.case .case-filter:after {clear:both}
.case .case-filter-item {cursor:pointer}
.case .case-filter-item .column {line-height:54px;height:54px;position:relative;background:#fff;border:1px solid #efefef;border-radius:2px}
.case .case-filter-item .case-filter-title {display:block;line-height:54px;color:#666;-webkit-appearance:none;background-color:#fff;border:none;font-size:16px;padding:0 20px;outline:0;position:relative}
.case .case-filter-item .case-filter-title:after {position:absolute;top:28px;right:20px;content:'';-webkit-transition:all .4s linear;transition:all .4s linear;-webkit-transform-origin:center 3px;transform-origin:center 3px;border:5px solid #999;border-color:#999 transparent transparent transparent}
.case .case-filter-item .case-filter-title:hover {color:#008de8}
.case .case-filter-item.case-filter-active .column {-webkit-box-shadow:0 3px 5px rgba(0,0,0,.1);box-shadow:0 3px 5px rgba(0,0,0,.1)}
.case .case-filter-item.case-filter-active .case-filter-title {color:#008de8}
.case .case-filter-item.case-filter-active .case-filter-title:after {-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.case .case-filter-item.case-filter-active .case-filter-dropdown {display:block}
.case .case-filter-dropdown {position:absolute;top:100%;right:0;left:0;display:none;background-color:#fff;-webkit-box-shadow:0 3px 5px rgba(0,0,0,.1);box-shadow:0 3px 5px rgba(0,0,0,.1);z-index:9}
.case .case-filter-dropdown a {color:#333;display:block;line-height:45px;padding:0 20px;-webkit-transition:padding .4s linear;transition:padding .4s linear}
.case .case-filter-dropdown .case-filter-item-active a,.case .case-filter-dropdown li a:hover {padding-left:25px;color:#fff;background-color:#23a8ee}
.case .case-bd {*zoom:1}
.case .case-bd:after,.case .case-bd:before {display:table;content:""}
.case .case-bd:after {clear:both}
.case .case-bd:after,.case .case-bd:before {display:table;content:""}
.case .case-bd:after {clear:both}
.case .case-bd:after,.case .case-bd:before {display:table;content:""}
.case .case-bd:after {clear:both}
.case .case-bd:after,.case .case-bd:before {display:table;content:""}
.case .case-bd:after {clear:both}
.case .case-item {cursor:pointer;display:block;background-color:#fff;border-radius:2px;overflow:hidden;margin-bottom:35px;border:1px solid #efefef;-webkit-transition:all .6s cubic-bezier(.19,1,.22,1);transition:all .6s cubic-bezier(.19,1,.22,1)}
.case .case-item:nth-child(3n+1) {margin-left:0}
.case .case-item:hover {border-color:#007fcb}
.case .case-item:hover .case-cover {-webkit-transform:scale(1.08);transform:scale(1.08)}
.case .case-item-hd {position:relative;height:0;padding-bottom:54%;overflow:hidden}
.case .case-item-hd:after {position:absolute;bottom:0;left:0;width:100%;height:130px;content:' ';background:url(../images/case_cover.png) repeat-x 0 0 transparent;z-index:1}
.case .case-cover {position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;-webkit-transition:all .6s cubic-bezier(.19,1,.22,1);transition:all .6s cubic-bezier(.19,1,.22,1)}
.case .case-brand {position:absolute;bottom:20px;left:20px;color:#fff;z-index:3}
.case .case-brand-logo {display:inline-block;*display:inline;*zoom:1;vertical-align:bottom;line-height:0}
.case .case-brand-logo img {width:56px;height:56px}
.case .case-brand-title {display:inline-block;*display:inline;*zoom:1;margin-left:5px;font-size:18px;vertical-align:bottom}
.case .case-item-bd {position:relative;padding:25px 20px 20px}
.case .case-item-bd h2 {font-size:20px;line-height:1.5;color:#000;margin:12px 0 15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.case .case-item-bd p {font-size:14px;color:#666}
.case .case-item-ft {border-top:1px solid #eee;*zoom:1;padding:15px 25px;font-size:14px;position:relative}
.case .case-item-ft:after,.case .case-item-ft:before {display:table;content:""}
.case .case-item-ft:after {clear:both}
.case .case-item-ft:after,.case .case-item-ft:before {display:table;content:""}
.case .case-item-ft:after {clear:both}
.case .case-item-ft:after,.case .case-item-ft:before {display:table;content:""}
.case .case-item-ft:after {clear:both}
.case .case-item-ft:after,.case .case-item-ft:before {display:table;content:""}
.case .case-item-ft:after {clear:both}
.case .case-meta {display:block;float:left;width:31.33333333%;margin-left:3%}
.case .case-meta:first-child {margin-left:0}
.case .case-meta:first-child {margin-left:0}
.case .case-meta:nth-child(1) {text-align:left}
.case .case-meta:nth-child(2) {text-align:center}
.case .case-meta:nth-child(3) {text-align:right}
.case .case-column-1 .case-meta {display:block;float:left;width:100%;margin-left:3%;text-align:center}
.case .case-column-1 .case-meta:first-child {margin-left:0}
.case .case-column-1 .case-meta:first-child {margin-left:0}
.case .case-column-2 .case-meta {display:block;float:left;width:48.5%;margin-left:3%;text-align:center}
.case .case-column-2 .case-meta:first-child {margin-left:0}
.case .case-column-2 .case-meta:first-child {margin-left:0}
.case .case-meta-data {color:#008de8;font-size:16px}
.case .case-meta-title {color:#747474}
.case .case-ft {text-align:center;margin-bottom:40px}
.case .case-more {padding:12px 26px}
.page-navgation.case-page-navgation {font-size:16px;margin-bottom:35px;padding-left:30px;border:1px solid #efefef;border-radius:2px}
.page-navgation.case-page-navgation>a {line-height:35px}
.case-detail .case-detail-hd {height:450px;position:relative;text-align:center;background:url(../images/hero_case_detail.jpg) no-repeat center center transparent;background-image:-webkit-image-set(url(../images/hero_case_detail.jpg) 1x,url(../images/hero_case_detail@2x.jpg) 2x);background-size:cover;color:#fff;line-height:1;z-index:1}
.case-detail .case-detail-hd:before {position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;content:' ';background:url(../images/mask.png);z-index:1}
.case-detail .case-detail-hd .container {position:relative;padding:154px 0 0;z-index:3}
.case-detail .case-detail-hd .case-brand {font-size:26px;margin-bottom:30px}
.case-detail .case-detail-hd .case-title {font-size:36px;margin-bottom:35px}
.case-detail .case-detail-hd .case-tag-item {display:inline-block;*display:inline;*zoom:1;font-size:14px;color:#fff;background-color:#008de8;line-height:30px;padding:0 18px;margin-right:5px;border-radius:2px}
.case-detail .case-detail-bd .container {background-color:#fff}
.case-detail .case-detail-bd .case-summary {margin-top:-50px;position:relative;z-index:3}
.case-detail .case-detail-bd .case-summary .container {width:auto;max-width:none;margin:0 8%;padding:42px 0}
.case-detail .case-detail-bd .case-summary .case-summary-hd {background-color:#008de8;color:#fff;line-height:1}
.case-detail .case-detail-bd .case-summary .case-summary-hd .container {background-color:#008de8}
.case-detail .case-detail-bd .case-summary .case-summary-bd {background-color:#fff}
.case-detail .case-detail-bd .case-summary .case-meta {display:block;float:left;width:45%;margin-left:10%;text-align:center}
.case-detail .case-detail-bd .case-summary .case-meta:first-child {margin-left:0}
.case-detail .case-detail-bd .case-summary .case-meta:first-child {margin-left:0}
.case-detail .case-detail-bd .case-summary .case-column-3 .case-meta {display:block;float:left;width:32%;margin-left:2%;*width:31%}
.case-detail .case-detail-bd .case-summary .case-column-3 .case-meta:first-child {margin-left:0}
.case-detail .case-detail-bd .case-summary .case-column-3 .case-meta:first-child {margin-left:0}
.case-detail .case-detail-bd .case-summary .case-intro {margin-bottom:35px}
.case-detail .case-detail-bd .case-summary .case-intro:last-of-type {margin-bottom:0}
.case-detail .case-detail-bd .case-summary .case-meta-data {font-size:50px;margin-bottom:25px}
.case-detail .case-detail-bd .case-summary .case-meta-data .has-arrow {position:relative;display:inline-block}
.case-detail .case-detail-bd .case-summary .case-meta-data .has-arrow i {font-style:normal;font-size:40px;position:absolute;right:-35px;top:5px;*right:-25px}
.case-detail .case-detail-bd .case-summary .case-meta-title {font-size:18px}
.case-detail .case-detail-bd .case-summary .case-intro-title {font-size:20px;padding-bottom:10px}
.case-detail .case-detail-bd .case-summary .case-intro-data {font-size:14px;line-height:2;color:#000}
.case-detail .case-detail-bd .case-summary .case-intro-data h2 {font-size:32px;color:#000;line-height:1;padding:10px 0 20px}
.case-detail .case-detail-bd .case-summary .case-intro-data p {padding-bottom:10px}
.case-detail .case-detail-bd .case-summary .case-intro-data p img {margin:10px 0;width:100%}
.case-detail .case-detail-bd .case-content {background-color:#fff;width:auto;max-width:none;padding:0 8% 42px 8%;line-height:2;font-size:14px;color:#000}
.case-detail .case-detail-bd .case-content h2 {font-size:32px;color:#000;line-height:1;padding:10px 0 20px}
.case-detail .case-detail-bd .case-content h3 {font-size:20px;padding-bottom:10px}
.case-detail .case-detail-bd .case-content p {margin:15px 0}
.case-detail .case-detail-bd .case-content p img {display:block;margin:30px auto;max-width:100%;text-align:center}
.case-detail .case-detail-bd .case-content ol {list-style:decimal outside;padding:0 25px 0 45px;margin:25px 0}
.case-detail .case-detail-bd .case-content ol li {margin:15px 0}
.case-detail .case-detail-bd .case-content hr {width:100%;height:1px;margin:30px 0;background-color:#ededed;border:none}
.case-detail .case-detail-bd .case-content a {text-decoration:underline}
.case-detail .case-detail-bd .case-content a:hover {text-decoration:none}
.case-detail .case-detail-bd .case-content .case-usage a {font-size:14px;margin-right:30px}
.case-detail .case-detail-bd .case-navigation {background:#fff;*zoom:1;margin:0 8%;padding:20px 0 45px;border-top:1px solid #ededed}
.case-detail .case-detail-bd .case-navigation:after,.case-detail .case-detail-bd .case-navigation:before {display:table;content:""}
.case-detail .case-detail-bd .case-navigation:after {clear:both}
.case-detail .case-detail-bd .case-navigation:after,.case-detail .case-detail-bd .case-navigation:before {display:table;content:""}
.case-detail .case-detail-bd .case-navigation:after {clear:both}
.case-detail .case-detail-bd .case-navigation a {font-size:16px;color:#8f8f8f}
.case-detail .case-detail-bd .case-navigation a:hover {color:#008de8}
.case-detail .case-detail-bd .case-navigation-prev {float:left}
.case-detail .case-detail-bd .case-navigation-next {float:right}
.case-relative {background:#fff}
.case-relative .case-relative-hd {padding:60px 0 50px}
.source {margin-top:90px;color:#000;padding-bottom:75px}
.source .source-hd {text-align:center}
.source .source-hd p {font-size:16px;line-height:2;padding:15px 22% 80px}
.source .source-bd .source-item {margin-bottom:30px}
.source .source-bd .source-item .column {background:#fff;border:1px solid #efefef;position:relative;-webkit-transition:border-color .6s;transition:border-color .6s;border-radius:2px}
.source .source-bd .source-item .column>.box {color:#000;display:block;position:relative;padding:128px 38px 40px}
.source .source-bd .source-item .column .kefu {position:absolute;right:40px;bottom:25px; border-color: #008de8;background-color: #008de8; color:#fff;}
.source .source-bd .source-item .column .kefu:hover {color:#fff;border-color:#006eb5;background-color:#006eb5}
.source .source-bd .source-item .column:hover:before {background-position:0 -74px}
.source .source-bd .source-item .column .icon {position:absolute;left:38px;top:34px;background-repeat:no-repeat}
.source .source-bd .source-item .column .icon.icon-wechat {background-position:0 0;width:66px;height:53px}
.source .source-bd .source-item .column .icon.icon-ad {background-position:-72px 0;width:143px;height:51px}
.source .source-bd .source-item .column .icon.icon-app {background-position:-221px 0;width:53px;height:53px}
.source .source-bd .source-item .column .icon.icon-browser {background-position:-280px 0;width:84px;height:68px;margin-left:-10px}
.source .source-bd .source-item .column .icon.icon-qq {background-position:-370px 0;width:49px;height:58px}
.source .source-bd .source-item .column .icon.icon-qzone {background-position:-425px 0;width:59px;height:56px}
.source .source-bd .source-item .column .icon.icon-news {width:53px;height:53px;background-position:-489px 0}
.source .source-bd .source-item .column .icon.icon-video {width:54px;height:50px;background-position:-547px 0}
.source .source-bd .source-item .column .icon.icon-ttkb {width:50px;height:50px;background-position:-606px 0}
.source .source-bd .source-item .source-title {font-size:26px;line-height:1;margin-bottom:20px}
.source .source-bd .source-item .source-text {font-size:14px;line-height:2;min-height:10em;padding-bottom:10px}
.qq-mobile-scene .scene-shopping .bg-decor {right:6px;top:60px}
.qq-mobile-scene .scene-shopping .bg-decor:after,.qq-mobile-scene .scene-shopping .bg-decor:before {right:0;color:#008de8;width:100px}
.qq-mobile-scene .scene-shopping .bg-decor:before {top:0;-webkit-transform:rotate(8deg);transform:rotate(8deg)}
.qq-mobile-scene .scene-shopping .bg-decor:after {bottom:2px;-webkit-transform:rotate(-8deg);transform:rotate(-8deg)}
.qq-mobile-scene .scene-shopping .bg-capt {-webkit-transform-origin:right center;transform-origin:right center;-webkit-transform:translateX(0) scale(.82);transform:translateX(0) scale(.82)}
.qq-mobile-scene .scene-shopping.section-active .bg-capt {-webkit-transform:translateX(-94px) scale(1);transform:translateX(-94px) scale(1)}
.qq-mobile-scene .scene-shopping .bg-shade {background:#008de8;-webkit-transform:scale(.82);transform:scale(.82);-webkit-transform-origin:right center;transform-origin:right center}
.qq-mobile-scene .scene-bag .bg-decor {left:15px;top:342px}
.qq-mobile-scene .scene-bag .bg-decor:after,.qq-mobile-scene .scene-bag .bg-decor:before {left:0;color:#e72431;width:90px}
.qq-mobile-scene .scene-bag .bg-decor:before {top:-2px;-webkit-transform:rotate(-6deg);transform:rotate(-6deg)}
.qq-mobile-scene .scene-bag .bg-decor:after {bottom:0;-webkit-transform:rotate(6deg);transform:rotate(6deg)}
.qq-mobile-scene .scene-bag .bg-capt {-webkit-transform:translateX(0) scale(.78);transform:translateX(0) scale(.78);-webkit-transform-origin:0 center;transform-origin:0 center}
.qq-mobile-scene .scene-bag.section-active .bg-capt {-webkit-transform:translateX(88px) scale(1);transform:translateX(88px) scale(1)}
.qq-mobile-scene .scene-bag .bg-shade {background:#e72431;-webkit-transform:scale(.77);transform:scale(.77);-webkit-transform-origin:0 center;transform-origin:0 center}
.qq-mobile-scene .scene-hot .bg-decor {right:16px;top:143px}
.qq-mobile-scene .scene-hot .bg-decor:after,.qq-mobile-scene .scene-hot .bg-decor:before {right:0;color:#fbc422;width:90px}
.qq-mobile-scene .scene-hot .bg-decor:before {top:-3px;-webkit-transform:rotate(4deg);transform:rotate(4deg)}
.qq-mobile-scene .scene-hot .bg-decor:after {bottom:-2px;-webkit-transform:rotate(-4deg);transform:rotate(-4deg)}
.qq-mobile-scene .scene-hot .bg-capt {-webkit-transform-origin:right center;transform-origin:right center;-webkit-transform:translateX(0) scale(.8);transform:translateX(0) scale(.8)}
.qq-mobile-scene .scene-hot.section-active .bg-capt {-webkit-transform:translateX(-88px) scale(1);transform:translateX(-88px) scale(1)}
.qq-mobile-scene .scene-hot .bg-shade {background:#fbc422;-webkit-transform:scale(.79);transform:scale(.79);-webkit-transform-origin:right center;transform-origin:right center}
.qq-mobile-scene .scene-banner .bg-decor {left:10px;top:286px}
.qq-mobile-scene .scene-banner .bg-decor:after,.qq-mobile-scene .scene-banner .bg-decor:before {left:0;color:#0ea74a;width:90px}
.qq-mobile-scene .scene-banner .bg-decor:before {top:-1px;-webkit-transform:rotate(-8deg);transform:rotate(-8deg)}
.qq-mobile-scene .scene-banner .bg-decor:after {bottom:1px;-webkit-transform:rotate(8deg);transform:rotate(8deg)}
.qq-mobile-scene .scene-banner .bg-capt {-webkit-transform:translateX(0) scale(.8);transform:translateX(0) scale(.8);-webkit-transform-origin:0 center;transform-origin:0 center}
.qq-mobile-scene .scene-banner.section-active .bg-capt {-webkit-transform:translateX(88px) scale(1);transform:translateX(88px) scale(1)}
.qq-mobile-scene .scene-banner .bg-shade {background:#0ea74a;-webkit-transform:scale(.79);transform:scale(.79);-webkit-transform-origin:0 center;transform-origin:0 center}
.qq-mobile-scene .scene-weather .bg-decor {right:10px;top:318px}
.qq-mobile-scene .scene-weather .bg-decor:after,.qq-mobile-scene .scene-weather .bg-decor:before {right:0;color:#008de8;width:90px}
.qq-mobile-scene .scene-weather .bg-decor:before {top:-3px;-webkit-transform:rotate(5deg);transform:rotate(5deg)}
.qq-mobile-scene .scene-weather .bg-decor:after {bottom:-1px;-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}
.qq-mobile-scene .scene-weather .bg-capt {-webkit-transform-origin:right center;transform-origin:right center;-webkit-transform:translateX(0) scale(.8);transform:translateX(0) scale(.8)}
.qq-mobile-scene .scene-weather.section-active .bg-capt {-webkit-transform:translateX(-88px) scale(1);transform:translateX(-88px) scale(1)}
.qq-mobile-scene .scene-weather .bg-shade {background:#008de8;-webkit-transform:scale(.8);transform:scale(.8);-webkit-transform-origin:right center;transform-origin:right center}
.qq-mobile-scene .scene-interest .bg-decor {left:12px;top:205px}
.qq-mobile-scene .scene-interest .bg-decor:after,.qq-mobile-scene .scene-interest .bg-decor:before {left:0;color:#e72431;width:95px;left:-2px}
.qq-mobile-scene .scene-interest .bg-decor:before {top:12px;-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}
.qq-mobile-scene .scene-interest .bg-decor:after {bottom:14px;-webkit-transform:rotate(23deg);transform:rotate(23deg)}
.qq-mobile-scene .scene-interest .bg-capt {-webkit-transform:translateX(0) scale(.78);transform:translateX(0) scale(.78);-webkit-transform-origin:0 center;transform-origin:0 center}
.qq-mobile-scene .scene-interest.section-active .bg-capt {-webkit-transform:translateX(88px) scale(1);transform:translateX(88px) scale(1)}
.qq-mobile-scene .scene-interest .bg-shade {background:#e72431;-webkit-transform:scale(.497);transform:scale(.497);-webkit-transform-origin:0 center;transform-origin:0 center}
.qq-mobile-scene .scene-nearby .bg-decor {right:7px;top:210px}
.qq-mobile-scene .scene-nearby .bg-decor:after,.qq-mobile-scene .scene-nearby .bg-decor:before {right:0;color:#fbc422;width:100px}
.qq-mobile-scene .scene-nearby .bg-decor:before {top:-4px;-webkit-transform:rotate(4deg);transform:rotate(4deg)}
.qq-mobile-scene .scene-nearby .bg-decor:after {bottom:-2px;-webkit-transform:rotate(-4deg);transform:rotate(-4deg)}
.qq-mobile-scene .scene-nearby .bg-capt {-webkit-transform-origin:right center;transform-origin:right center;-webkit-transform:translateX(0) scale(.82);transform:translateX(0) scale(.82)}
.qq-mobile-scene .scene-nearby.section-active .bg-capt {-webkit-transform:translateX(-94px) scale(1);transform:translateX(-94px) scale(1)}
.qq-mobile-scene .scene-nearby .bg-shade {background:#fbc422;-webkit-transform:scale(.81);transform:scale(.81);-webkit-transform-origin:right center;transform-origin:right center}
.qq-pc-scene {padding-bottom:90px}
.qq-pc-scene .scene-item {padding:90px 110px 0}
.qq-pc-scene .scene-text {height:318px;padding-left:60px}
.qq-pc-scene .scene-text .text-erea {*padding-top:116px}
.qq-pc-scene .scene-banner .bg-decor {left:238px;top:6px}
.qq-pc-scene .scene-banner .bg-decor:after,.qq-pc-scene .scene-banner .bg-decor:before {left:-2px;width:46px;color:#008de8}
.qq-pc-scene .scene-banner .bg-decor:before {top:4px;-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}
.qq-pc-scene .scene-banner .bg-decor:after {bottom:4px;-webkit-transform:rotate(30deg);transform:rotate(30deg)}
.qq-pc-scene .scene-banner .bg-capt {-webkit-transform-origin:0 center;transform-origin:0 center;-webkit-transform:translateX(0) scale(.817);transform:translateX(0) scale(.817)}
.qq-pc-scene .scene-banner.section-active .bg-capt {-webkit-transform:translateX(40px) scale(1);transform:translateX(40px) scale(1)}
.qq-pc-scene .scene-banner .bg-shade {background:#008de8;-webkit-transform:scale(.81);transform:scale(.81);-webkit-transform-origin:0 center;transform-origin:0 center}
.qq-pc-scene .scene-window .bg-decor {left:96px;top:198px}
.qq-pc-scene .scene-window .bg-decor:after,.qq-pc-scene .scene-window .bg-decor:before {left:0;width:44px;color:#e72431}
.qq-pc-scene .scene-window .bg-decor:before {top:-1px;-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}
.qq-pc-scene .scene-window .bg-decor:after {bottom:0;-webkit-transform:rotate(15deg);transform:rotate(15deg)}
.qq-pc-scene .scene-window .bg-capt {-webkit-transform-origin:0 center;transform-origin:0 center;-webkit-transform:translateX(0) scale(.4);transform:translateX(0) scale(.4)}
.qq-pc-scene .scene-window.section-active .bg-capt {-webkit-transform:translateX(40px) scale(1);transform:translateX(40px) scale(1)}
.qq-pc-scene .scene-window .bg-shade {background:#e72431;-webkit-transform:scale(.36);transform:scale(.36);-webkit-transform-origin:0 center;transform-origin:0 center}
.qq-pc-scene .scene-tips .bg-decor {right:0;bottom:-14px}
.qq-pc-scene .scene-tips .bg-decor:after,.qq-pc-scene .scene-tips .bg-decor:before {width:50px;color:#fbc422;right:0}
.qq-pc-scene .scene-tips .bg-decor:before {top:-1px;-webkit-transform:rotate(16deg);transform:rotate(16deg)}
.qq-pc-scene .scene-tips .bg-decor:after {bottom:1px;-webkit-transform:rotate(-16deg);transform:rotate(-16deg)}
.qq-pc-scene .scene-tips .bg-capt {-webkit-transform-origin:right center;transform-origin:right center;-webkit-transform:translateX(0) scale(.6);transform:translateX(0) scale(.6)}
.qq-pc-scene .scene-tips.section-active .bg-capt {-webkit-transform:translateX(-48px) scale(1);transform:translateX(-48px) scale(1)}
.qq-pc-scene .scene-tips .bg-shade {background:#fbc422;-webkit-transform:scale(.6);transform:scale(.6);-webkit-transform-origin:right center;transform-origin:right center}
.qq-pc-scene .scene-announce .bg-decor {left:284px;top:48px}
.qq-pc-scene .scene-announce .bg-decor:after,.qq-pc-scene .scene-announce .bg-decor:before {left:0;width:42px;color:#0ea74a}
.qq-pc-scene .scene-announce .bg-decor:before {top:-1px;-webkit-transform:rotate(-16deg);transform:rotate(-16deg)}
.qq-pc-scene .scene-announce .bg-decor:after {bottom:1px;-webkit-transform:rotate(16deg);transform:rotate(16deg)}
.qq-pc-scene .scene-announce .bg-capt {-webkit-transform-origin:0 center;transform-origin:0 center;-webkit-transform:translateX(0) scale(.6);transform:translateX(0) scale(.6)}
.qq-pc-scene .scene-announce.section-active .bg-capt {-webkit-transform:translateX(40px) scale(1);transform:translateX(40px) scale(1)}
.qq-pc-scene .scene-announce .bg-shade {background:#0ea74a;-webkit-transform:scale(.6);transform:scale(.6);-webkit-transform-origin:0 center;transform-origin:0 center}
.qq-pc-scene .scene-qun .bg-decor {right:54px;bottom:136px}
.qq-pc-scene .scene-qun .bg-decor:after,.qq-pc-scene .scene-qun .bg-decor:before {bottom:2px;width:58px;color:#008de8}
.qq-pc-scene .scene-qun .bg-decor:before {right:-2px;-webkit-transform:rotate(-16deg);transform:rotate(-16deg)}
.qq-pc-scene .scene-qun .bg-decor:after {left:-1px;-webkit-transform:rotate(16deg);transform:rotate(16deg)}
.qq-pc-scene .scene-qun .bg-capt {-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-transform:translateY(0) scale(.36);transform:translateY(0) scale(.36)}
.qq-pc-scene .scene-qun.section-active .bg-capt {-webkit-transform:translateY(-14px) scale(1);transform:translateY(-14px) scale(1)}
.qq-pc-scene .scene-qun .bg-shade {background:#008de8;-webkit-transform:scale(.36);transform:scale(.36);-webkit-transform-origin:center bottom;transform-origin:center bottom}
.qq-pc-scene .scene-qqshow .bg-decor {left:268px;top:42px}
.qq-pc-scene .scene-qqshow .bg-decor:after,.qq-pc-scene .scene-qqshow .bg-decor:before {left:0;width:48px;color:#e72431}
.qq-pc-scene .scene-qqshow .bg-decor:before {top:-2px;-webkit-transform:rotate(-14deg);transform:rotate(-14deg)}
.qq-pc-scene .scene-qqshow .bg-decor:after {bottom:-1px;-webkit-transform:rotate(14deg);transform:rotate(14deg)}
.qq-pc-scene .scene-qqshow .bg-capt {-webkit-transform-origin:0 center;transform-origin:0 center;-webkit-transform:translateX(0) scale(.88);transform:translateX(0) scale(.88)}
.qq-pc-scene .scene-qqshow.section-active .bg-capt {-webkit-transform:translateX(40px) scale(1);transform:translateX(40px) scale(1)}
.qq-pc-scene .scene-qqshow .bg-shade {background:#e72431;-webkit-transform:scale(.88);transform:scale(.88);-webkit-transform-origin:0 center;transform-origin:0 center}
.qq-mobile-scene-new .scene-pic {overflow:hidden}
.qzone-mobile-scene .scene-text .most {font-size:16px;color:#999;margin-bottom:12px}
.qzone-mobile-scene .scene-mix .bg-decor {right:0;top:84px}
.qzone-mobile-scene .scene-mix .bg-decor:after,.qzone-mobile-scene .scene-mix .bg-decor:before {right:0;color:#008de8;width:100px}
.qzone-mobile-scene .scene-mix .bg-decor:before {top:4px;-webkit-transform:rotate(12deg);transform:rotate(12deg)}
.qzone-mobile-scene .scene-mix .bg-decor:after {bottom:5px;-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}
.qzone-mobile-scene .scene-mix .bg-capt {-webkit-transform:translateX(0) scale(.865);transform:translateX(0) scale(.865);-webkit-transform-origin:right center;transform-origin:right center}
.qzone-mobile-scene .scene-mix.section-active .bg-capt {-webkit-transform:translateX(-100px) scale(1);transform:translateX(-100px) scale(1)}
.qzone-mobile-scene .scene-mix .bg-shade {background:#008de8;-webkit-transform:scale(.86);transform:scale(.86);-webkit-transform-origin:right center;transform-origin:right center}
.qzone-mobile-scene .scene-video .bg-decor {left:0;top:65px}
.qzone-mobile-scene .scene-video .bg-decor:after,.qzone-mobile-scene .scene-video .bg-decor:before {left:0;color:#e72431;width:100px}
.qzone-mobile-scene .scene-video .bg-decor:before {top:5px;-webkit-transform:rotate(-14deg);transform:rotate(-14deg)}
.qzone-mobile-scene .scene-video .bg-decor:after {bottom:8px;-webkit-transform:rotate(14deg);transform:rotate(14deg)}
.qzone-mobile-scene .scene-video .bg-capt {-webkit-transform:translateX(0) scale(.862);transform:translateX(0) scale(.862);-webkit-transform-origin:0 center;transform-origin:0 center}
.qzone-mobile-scene .scene-video.section-active .bg-capt {-webkit-transform:translateX(100px) scale(1);transform:translateX(100px) scale(1)}
.qzone-mobile-scene .scene-video .bg-shade {background:#e72431;-webkit-transform:scale(.85);transform:scale(.85);-webkit-transform-origin:0 center;transform-origin:0 center}
.qzone-mobile-scene .scene-pop .bg-decor {right:0;top:84px}
.qzone-mobile-scene .scene-pop .bg-decor:after,.qzone-mobile-scene .scene-pop .bg-decor:before {right:0;color:#fbc422;width:100px}
.qzone-mobile-scene .scene-pop .bg-decor:before {top:5px;-webkit-transform:rotate(13deg);transform:rotate(13deg)}
.qzone-mobile-scene .scene-pop .bg-decor:after {bottom:8px;-webkit-transform:rotate(-13deg);transform:rotate(-13deg)}
.qzone-mobile-scene .scene-pop .bg-capt {-webkit-transform:translateX(0) scale(.86);transform:translateX(0) scale(.86);-webkit-transform-origin:right center;transform-origin:right center}
.qzone-mobile-scene .scene-pop.section-active .bg-capt {-webkit-transform:translateX(-100px) scale(1);transform:translateX(-100px) scale(1)}
.qzone-mobile-scene .scene-pop .bg-shade {background:#fbc422;-webkit-transform:scale(.85);transform:scale(.85);-webkit-transform-origin:right center;transform-origin:right center}
.qzone-mobile-scene .scene-tab .bg-decor {left:0;top:65px}
.qzone-mobile-scene .scene-tab .bg-decor:after,.qzone-mobile-scene .scene-tab .bg-decor:before {left:0;color:#0ea74a;width:100px}
.qzone-mobile-scene .scene-tab .bg-decor:before {top:6px;-webkit-transform:rotate(-14deg);transform:rotate(-14deg)}
.qzone-mobile-scene .scene-tab .bg-decor:after {bottom:8px;-webkit-transform:rotate(14deg);transform:rotate(14deg)}
.qzone-mobile-scene .scene-tab .bg-capt {-webkit-transform:translateX(0) scale(.862);transform:translateX(0) scale(.862);-webkit-transform-origin:0 center;transform-origin:0 center}
.qzone-mobile-scene .scene-tab.section-active .bg-capt {-webkit-transform:translateX(100px) scale(1);transform:translateX(100px) scale(1)}
.qzone-mobile-scene .scene-tab .bg-shade {background:#0ea74a;-webkit-transform:scale(.85);transform:scale(.85);-webkit-transform-origin:0 center;transform-origin:0 center}
.qzone-mobile-scene .scene-brand .bg-decor {right:0;top:84px}
.qzone-mobile-scene .scene-brand .bg-decor:after,.qzone-mobile-scene .scene-brand .bg-decor:before {right:-3px;color:#008de8;width:106px}
.qzone-mobile-scene .scene-brand .bg-decor:before {top:8px;-webkit-transform:rotate(16deg);transform:rotate(16deg)}
.qzone-mobile-scene .scene-brand .bg-decor:after {bottom:10px;-webkit-transform:rotate(-16deg);transform:rotate(-16deg)}
.qzone-mobile-scene .scene-brand .bg-capt {-webkit-transform:translateX(0) scale(.86);transform:translateX(0) scale(.86);-webkit-transform-origin:right center;transform-origin:right center}
.qzone-mobile-scene .scene-brand.section-active .bg-capt {-webkit-transform:translateX(-100px) scale(1);transform:translateX(-100px) scale(1)}
.qzone-mobile-scene .scene-brand .bg-shade {background:#008de8;-webkit-transform:scale(.85);transform:scale(.85);-webkit-transform-origin:right center;transform-origin:right center}
.qzone-mobile-scene .scene-micro .bg-decor {left:0;top:65px}
.qzone-mobile-scene .scene-micro .bg-decor:after,.qzone-mobile-scene .scene-micro .bg-decor:before {left:-2px;color:#e72431;width:106px}
.qzone-mobile-scene .scene-micro .bg-decor:before {top:10px;-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}
.qzone-mobile-scene .scene-micro .bg-decor:after {bottom:12px;-webkit-transform:rotate(20deg);transform:rotate(20deg)}
.qzone-mobile-scene .scene-micro .bg-capt {-webkit-transform:translateX(0) scale(.862);transform:translateX(0) scale(.862);-webkit-transform-origin:0 center;transform-origin:0 center}
.qzone-mobile-scene .scene-micro.section-active .bg-capt {-webkit-transform:translateX(100px) scale(1);transform:translateX(100px) scale(1)}
.qzone-mobile-scene .scene-micro .bg-shade {background:#e72431;-webkit-transform:scale(.8);transform:scale(.8);-webkit-transform-origin:0 center;transform-origin:0 center}
.qzone-pc-scene {padding-bottom:90px}
.qzone-pc-scene .scene-item {padding:90px 110px 0}
.qzone-pc-scene .scene-text {height:318px;padding-left:60px}
.qzone-pc-scene .scene-text .text-erea {*padding-top:116px}
.qzone-pc-scene .scene-dynamics .decor1 {right:148px;top:140px}
.qzone-pc-scene .scene-dynamics .decor1:after,.qzone-pc-scene .scene-dynamics .decor1:before {right:0;color:#008de8;width:45px;-webkit-transition:all .8s 1.8s;transition:all .8s 1.8s}
.qzone-pc-scene .scene-dynamics .decor1:before {top:-1px;-webkit-transform:rotate(16deg);transform:rotate(16deg)}
.qzone-pc-scene .scene-dynamics .decor1:after {bottom:1px;-webkit-transform:rotate(-16deg);transform:rotate(-16deg)}
.qzone-pc-scene .scene-dynamics .decor1 .bg-capt {-webkit-transform:translateX(0) scale(.6);transform:translateX(0) scale(.6);-webkit-transform-origin:right center;transform-origin:right center;-webkit-transition:all .8s 1.2s;transition:all .8s 1.2s}
.qzone-pc-scene .scene-dynamics .decor1 .bg-shade {background:#008de8;-webkit-transform:scale(.6);transform:scale(.6);-webkit-transform-origin:right center;transform-origin:right center}
.qzone-pc-scene .scene-dynamics.section-active .decor1 .bg-capt {-webkit-transform:translateX(-42px) scale(1);transform:translateX(-42px) scale(1)}
.qzone-pc-scene .scene-dynamics .decor2 {left:272px;top:152px}
.qzone-pc-scene .scene-dynamics .decor2:after,.qzone-pc-scene .scene-dynamics .decor2:before {left:0;color:#e72431;width:24px;font-size:12px}
.qzone-pc-scene .scene-dynamics .decor2:before {top:-3px;-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}
.qzone-pc-scene .scene-dynamics .decor2:after {left:0;bottom:-2px;-webkit-transform:rotate(18deg);transform:rotate(18deg)}
.qzone-pc-scene .scene-dynamics .decor2 .bg-capt {-webkit-transform:translateX(0) scale(.6);transform:translateX(0) scale(.6);-webkit-transform-origin:0 center;transform-origin:0 center}
.qzone-pc-scene .scene-dynamics .decor2 .bg-shade {background:#e72431;-webkit-transform:scale(.56);transform:scale(.56);-webkit-transform-origin:0 center;transform-origin:0 center}
.qzone-pc-scene .scene-dynamics.section-active .decor2 .bg-capt {-webkit-transform:translateX(20px) scale(1);transform:translateX(20px) scale(1)}
.qzone-pc-scene .scene-personal .decor1 {right:288px;top:74px}
.qzone-pc-scene .scene-personal .decor1:after,.qzone-pc-scene .scene-personal .decor1:before {right:-8px;color:#0ea74a;width:45px;-webkit-transition:all .8s 1.8s;transition:all .8s 1.8s}
.qzone-pc-scene .scene-personal .decor1:before {top:10px;-webkit-transform:rotate(50deg);transform:rotate(50deg)}
.qzone-pc-scene .scene-personal .decor1:after {bottom:10px;-webkit-transform:rotate(-50deg);transform:rotate(-50deg)}
.qzone-pc-scene .scene-personal .decor1 .bg-capt {-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);-webkit-transform-origin:right center;transform-origin:right center;-webkit-transition:all .8s 1.2s;transition:all .8s 1.2s}
.qzone-pc-scene .scene-personal .decor1 .bg-shade {background:#0ea74a;-webkit-transform:scale(.6);transform:scale(.6);-webkit-transform-origin:right center;transform-origin:right center}
.qzone-pc-scene .scene-personal.section-active .decor1 .bg-capt {-webkit-transform:translateX(-28px) scale(1);transform:translateX(-28px) scale(1)}
.qzone-pc-scene .scene-personal .decor2 {left:270px;top:2px}
.qzone-pc-scene .scene-personal .decor2:after,.qzone-pc-scene .scene-personal .decor2:before {left:-2px;color:#fbc422;width:26px;font-size:12px}
.qzone-pc-scene .scene-personal .decor2:before {top:0;-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}
.qzone-pc-scene .scene-personal .decor2:after {left:0;bottom:1px;-webkit-transform:rotate(30deg);transform:rotate(30deg)}
.qzone-pc-scene .scene-personal .decor2 .bg-capt {-webkit-transform:translateX(0) scale(.6);transform:translateX(0) scale(.6);-webkit-transform-origin:0 center;transform-origin:0 center}
.qzone-pc-scene .scene-personal .decor2 .bg-shade {background:#fbc422;-webkit-transform:scale(.54);transform:scale(.54);-webkit-transform-origin:0 center;transform-origin:0 center}
.qzone-pc-scene .scene-personal.section-active .decor2 .bg-capt {-webkit-transform:translateX(20px) scale(1);transform:translateX(20px) scale(1)}
.scene.scene-desktop .scene-pic {width:504px;height:278px}
.scene.scene-desktop .scene-text {height:400px}
.scene.scene-desktop .scene-text h4 {margin-top:-80px}
.title-tab {margin-bottom:80px}
.ad-shape {background:#fff;padding:85px 0 70px;width:100%;overflow:hidden}
.shape-con {width:930px;margin:0 auto;padding-top:150px;position:relative}
.shape-list {position:relative;z-index:3}
.shape-list li {*zoom:1;margin-bottom:40px}
.shape-list li:after,.shape-list li:before {display:table;content:""}
.shape-list li:after {clear:both}
.shape-list li:after,.shape-list li:before {display:table;content:""}
.shape-list li:after {clear:both}
.shape-list li .shape-pic {display:block;float:left;margin-left:150px;-webkit-box-shadow:1px 0 8px rgba(0,0,0,.3);box-shadow:1px 0 8px rgba(0,0,0,.3)}
.shape-list li .shape-pic img {display:block;width:420px;height:113px}
.shape-list li .shape-text {width:300px;float:right}
.shape-list li .shape-text h4 {font-size:26px;color:#333;margin:10px 0}
.shape-list li .shape-text>p {font-size:16px;color:#000}
.shape-phone {position:absolute;left:50%;margin-left:-698px;top:60px;width:321px;height:465px;background:url(../images/source/weixin/shape-phone.jpg) no-repeat}
.shape-line {position:absolute;left:50%;margin-left:-408px;top:206px;width:122px;height:309px;background:url(../images/source/weixin/shape-line.png) no-repeat}
.description-list {margin-top:65px;text-align:center;color:#000}
.description-list li h4 {font-size:26px;margin:30px 0 10px}
.description-list li p {font-size:16px;line-height:2}
.moments-description {width:930px;margin-left:auto;margin-right:auto}
.moments-scene {padding:90px 0 0;background-color:transparent}
.moments-scene .scene-text {height:521px}
.moments-scene .scene-bendi .bg-decor:after,.moments-scene .scene-bendi .bg-decor:before {display:none}
.moments-scene .scene-bendi .scene-pic {overflow:hidden}
.moments-scene .scene-tgy .bg-decor {left:53px;top:110px}
.moments-scene .scene-tgy .bg-decor:after,.moments-scene .scene-tgy .bg-decor:before {color:#e72431}
.moments-scene .scene-tgy .bg-decor:before {width:170px;left:-31px;top:-75px;-webkit-transform:rotate(-52deg);transform:rotate(-52deg)}
.moments-scene .scene-tgy .bg-decor:after {left:-46px;width:200px;bottom:214px;-webkit-transform:rotate(59deg);transform:rotate(59deg)}
.moments-scene .scene-tgy .bg-capt {height:260.19417476px;overflow:hidden;-webkit-transition:all .8s;transition:all .8s;-webkit-transform:scale(.515);transform:scale(.515);-webkit-transform-origin:0 0;transform-origin:0 0}
.moments-scene .scene-tgy .bg-shade {background:#e72431;width:134px;height:134px}
.moments-scene .scene-tgy.section-active .bg-capt {height:440px;-webkit-transform:scale(1) translate(105px,-135px);transform:scale(1) translate(105px,-135px)}
.moments-scene .scene-sp .bg-decor {right:0;top:120px}
.moments-scene .scene-sp .bg-decor:after,.moments-scene .scene-sp .bg-decor:before {right:0;color:#fbc422;width:100px}
.moments-scene .scene-sp .bg-decor:before {top:6px;-webkit-transform:rotate(14deg);transform:rotate(14deg)}
.moments-scene .scene-sp .bg-decor:after {bottom:8px;-webkit-transform:rotate(-14deg);transform:rotate(-14deg)}
.moments-scene .scene-sp .bg-capt {-webkit-transform:translateX(0) scale(.86);transform:translateX(0) scale(.86);-webkit-transform-origin:right center;transform-origin:right center}
.moments-scene .scene-sp.section-active .bg-capt {-webkit-transform:translateX(-100px) scale(1);transform:translateX(-100px) scale(1)}
.moments-scene .scene-sp .bg-shade {background:#fbc422;-webkit-transform:scale(.8);transform:scale(.8);-webkit-transform-origin:right center;transform-origin:right center}
.moments-scene .scene-tw .bg-decor {left:0;top:120px}
.moments-scene .scene-tw .bg-decor:after,.moments-scene .scene-tw .bg-decor:before {left:0;color:#0ea74a;width:100px}
.moments-scene .scene-tw .bg-decor:before {top:6px;-webkit-transform:rotate(-14deg);transform:rotate(-14deg)}
.moments-scene .scene-tw .bg-decor:after {bottom:8px;-webkit-transform:rotate(14deg);transform:rotate(14deg)}
.moments-scene .scene-tw .bg-capt {-webkit-transform:translateX(0) scale(.86);transform:translateX(0) scale(.86);-webkit-transform-origin:0 center;transform-origin:0 center}
.moments-scene .scene-tw.section-active .bg-capt {-webkit-transform:translateX(100px) scale(1);transform:translateX(100px) scale(1)}
.moments-scene .scene-tw .bg-shade {background:#0ea74a;-webkit-transform:scale(.8);transform:scale(.8);-webkit-transform-origin:0 center;transform-origin:0 center}
.purchase-way {padding-top:55px}
.purchase-content {width:1065px;margin:0 auto;padding-top:108px;padding-bottom:150px}
.description-banner {text-align:center}
.tsa-description {padding:90px 0;background-color:#fff;margin-top:0}
.tsa-description h3.title {text-align:center;font-size:38px;color:#000;margin-bottom:60px}
.tsa-description li p {display:inline-block;width:270px;text-align:left}
.tsa-scene {background-color:transparent;padding-top:90px}
.tsa-scene .tsa-here-word {font-size:16px;color:#000;text-align:center;margin-top:35px}
.tsa-scene .scene-orignal .bg-decor {right:0;top:84px}
.tsa-scene .scene-orignal .bg-decor:after,.tsa-scene .scene-orignal .bg-decor:before {right:0;color:#008de8;width:100px}
.tsa-scene .scene-orignal .bg-decor:before {top:8px;-webkit-transform:rotate(16deg);transform:rotate(16deg)}
.tsa-scene .scene-orignal .bg-decor:after {bottom:10px;-webkit-transform:rotate(-16deg);transform:rotate(-16deg)}
.tsa-scene .scene-orignal .bg-capt {-webkit-transform:translateX(0) scale(.86);transform:translateX(0) scale(.86);-webkit-transform-origin:right center;transform-origin:right center}
.tsa-scene .scene-orignal.section-active .bg-capt {-webkit-transform:translateX(-100px) scale(1);transform:translateX(-100px) scale(1)}
.tsa-scene .scene-orignal .bg-shade {background:#008de8;-webkit-transform:scale(.77);transform:scale(.77);-webkit-transform-origin:right center;transform-origin:right center}
.tsa-scene .scene-open .bg-decor {left:0;top:-10px}
.tsa-scene .scene-open .bg-decor:after,.tsa-scene .scene-open .bg-decor:before {left:-2px;color:#e72431;width:105px}
.tsa-scene .scene-open .bg-decor:before {top:10px;-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}
.tsa-scene .scene-open .bg-decor:after {bottom:12px;-webkit-transform:rotate(18deg);transform:rotate(18deg)}
.tsa-scene .scene-open .bg-capt {-webkit-transform:translateX(0) scale(.862);transform:translateX(0) scale(.862);-webkit-transform-origin:0 center;transform-origin:0 center}
.tsa-scene .scene-open.section-active .bg-capt {-webkit-transform:translateX(100px) scale(1);transform:translateX(100px) scale(1)}
.tsa-scene .scene-open .bg-shade {background:#e72431;-webkit-transform:scale(.86);transform:scale(.86);-webkit-transform-origin:0 center;transform-origin:0 center}
.tsa-scene .scene-insert .bg-decor {right:11px;top:109px}
.tsa-scene .scene-insert .bg-decor:after,.tsa-scene .scene-insert .bg-decor:before {right:0;color:#fbc422;width:104px}
.tsa-scene .scene-insert .bg-decor:before {top:7px;-webkit-transform:rotate(14deg);transform:rotate(14deg)}
.tsa-scene .scene-insert .bg-decor:after {bottom:7px;-webkit-transform:rotate(-14deg);transform:rotate(-14deg)}
.tsa-scene .scene-insert .bg-capt {-webkit-transform:translateX(0) scale(.8);transform:translateX(0) scale(.8);-webkit-transform-origin:right center;transform-origin:right center}
.tsa-scene .scene-insert.section-active .bg-capt {-webkit-transform:translateX(-100px) scale(1);transform:translateX(-100px) scale(1)}
.tsa-scene .scene-insert .bg-shade {background:#fbc422;-webkit-transform:scale(.8);transform:scale(.8);-webkit-transform-origin:right center;transform-origin:right center}
.tsa-scene .scene-banner .bg-decor {left:0;top:190px}
.tsa-scene .scene-banner .bg-decor:after,.tsa-scene .scene-banner .bg-decor:before {left:0;color:#0ea74a;width:105px}
.tsa-scene .scene-banner .bg-decor:before {top:-3px;-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}
.tsa-scene .scene-banner .bg-decor:after {bottom:-1px;-webkit-transform:rotate(5deg);transform:rotate(5deg)}
.tsa-scene .scene-banner .bg-capt {-webkit-transform:translateX(0) scale(.862);transform:translateX(0) scale(.862);-webkit-transform-origin:0 center;transform-origin:0 center}
.tsa-scene .scene-banner.section-active .bg-capt {-webkit-transform:translateX(100px) scale(1);transform:translateX(100px) scale(1)}
.tsa-scene .scene-banner .bg-shade {background:#0ea74a;-webkit-transform:scale(.7);transform:scale(.7);-webkit-transform-origin:0 center;transform-origin:0 center}
.digital-browser {padding-bottom:0}
.browser-scene {padding:90px 0 0}
.browser-scene .scene-item .scene-text .intr {font-size:16px;color:#909090}
.browser-scene .scene-item.left-pic .nav {left:712px}
.browser-scene .scene-shanping .bg-decor {right:0;top:-24px}
.browser-scene .scene-shanping .bg-decor:after,.browser-scene .scene-shanping .bg-decor:before {right:0;color:#008de8;width:100px}
.browser-scene .scene-shanping .bg-decor:before {top:3px;-webkit-transform:rotate(11deg);transform:rotate(11deg)}
.browser-scene .scene-shanping .bg-decor:after {bottom:5px;-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}
.browser-scene .scene-shanping .bg-capt {-webkit-transform-origin:right center;transform-origin:right center;-webkit-transform:translateX(0) scale(.908);transform:translateX(0) scale(.908)}
.browser-scene .scene-shanping.section-active .bg-capt {-webkit-transform:translateX(-100px) scale(1);transform:translateX(-100px) scale(1)}
.browser-scene .scene-shanping .bg-shade {background:#008de8;-webkit-transform:scale(.908);transform:scale(.908);-webkit-transform-origin:right center;transform-origin:right center}
.browser-scene .scene-news .bg-decor {left:0;top:180px}
.browser-scene .scene-news .bg-decor:after,.browser-scene .scene-news .bg-decor:before {left:0;color:#e72431;width:105px}
.browser-scene .scene-news .bg-decor:before {top:0;-webkit-transform:rotate(-8deg);transform:rotate(-8deg)}
.browser-scene .scene-news .bg-decor:after {bottom:2px;-webkit-transform:rotate(8deg);transform:rotate(8deg)}
.browser-scene .scene-news .bg-capt {-webkit-transform-origin:0 center;transform-origin:0 center;-webkit-transform:translateX(0) scale(.86);transform:translateX(0) scale(.86)}
.browser-scene .scene-news.section-active .bg-capt {-webkit-transform:translateX(100px) scale(1);transform:translateX(100px) scale(1)}
.browser-scene .scene-news .bg-shade {background:#e72431;-webkit-transform:scale(.85);transform:scale(.85);-webkit-transform-origin:0 center;transform-origin:0 center}
.browser-scene .scene-haowen .bg-decor {right:10px;top:190px}
.browser-scene .scene-haowen .bg-decor:after,.browser-scene .scene-haowen .bg-decor:before {right:0;color:#fbc422;width:90px}
.browser-scene .scene-haowen .bg-decor:before {top:0;-webkit-transform:rotate(9deg);transform:rotate(9deg)}
.browser-scene .scene-haowen .bg-decor:after {bottom:2px;-webkit-transform:rotate(-9deg);transform:rotate(-9deg)}
.browser-scene .scene-haowen .bg-capt {-webkit-transform-origin:right center;transform-origin:right center;-webkit-transform:translateX(0) scale(.8);transform:translateX(0) scale(.8)}
.browser-scene .scene-haowen.section-active .bg-capt {-webkit-transform:translateX(-90px) scale(1);transform:translateX(-90px) scale(1)}
.browser-scene .scene-haowen .bg-shade {background:#fbc422;-webkit-transform:scale(.79);transform:scale(.79);-webkit-transform-origin:right center;transform-origin:right center}
.browser-scene .scene-pause .bg-decor {left:33px;top:26px}
.browser-scene .scene-pause .bg-decor:after,.browser-scene .scene-pause .bg-decor:before {left:-4px;color:#e72431;width:63px}
.browser-scene .scene-pause .bg-decor:before {top:10px;-webkit-transform:rotate(-33deg);transform:rotate(-33deg)}
.browser-scene .scene-pause .bg-decor:after {bottom:12px;-webkit-transform:rotate(33deg);transform:rotate(33deg)}
.browser-scene .scene-pause .bg-capt {-webkit-transform-origin:0 center;transform-origin:0 center;-webkit-transform:translateX(0) scale(.62);transform:translateX(0) scale(.62)}
.browser-scene .scene-pause.section-active .bg-capt {-webkit-transform:translateX(55px) scale(1);transform:translateX(55px) scale(1)}
.browser-scene .scene-pause .bg-shade {background:#e72431;-webkit-transform:scale(.62);transform:scale(.62);-webkit-transform-origin:0 center;transform-origin:0 center}
.browser-scene .scene-cont .bg-decor {right:0;top:190px}
.browser-scene .scene-cont .bg-decor:after,.browser-scene .scene-cont .bg-decor:before {right:0;color:#fbc422;width:90px}
.browser-scene .scene-cont .bg-decor:before {top:-2px;-webkit-transform:rotate(6deg);transform:rotate(6deg)}
.browser-scene .scene-cont .bg-decor:after {bottom:-1px;-webkit-transform:rotate(-6deg);transform:rotate(-6deg)}
.browser-scene .scene-cont .bg-capt {-webkit-transform-origin:right center;transform-origin:right center;-webkit-transform:translateX(0) scale(.86);transform:translateX(0) scale(.86)}
.browser-scene .scene-cont.section-active .bg-capt {-webkit-transform:translateX(-90px) scale(1);transform:translateX(-90px) scale(1)}
.browser-scene .scene-cont .bg-shade {background:#fbc422;-webkit-transform:scale(.86);transform:scale(.86);-webkit-transform-origin:right center;transform-origin:right center}
.browser-scene .scene-sear .bg-decor {left:0;top:150px}
.browser-scene .scene-sear .bg-decor:after,.browser-scene .scene-sear .bg-decor:before {left:0;color:#008de8;width:58px}
.browser-scene .scene-sear .bg-decor:before {top:-1px;-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}
.browser-scene .scene-sear .bg-decor:after {bottom:1px;-webkit-transform:rotate(12deg);transform:rotate(12deg)}
.browser-scene .scene-sear .bg-capt {-webkit-transform-origin:0 center;transform-origin:0 center;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}
.browser-scene .scene-sear.section-active .bg-capt {-webkit-transform:translateX(55px) scale(1);transform:translateX(55px) scale(1)}
.browser-scene .scene-sear .bg-shade {background:#008de8;-webkit-transform:scale(.68);transform:scale(.68);-webkit-transform-origin:0 center;transform-origin:0 center}
.browser-scene-new {padding:90px 0 0}
.browser-scene-new .scene-pic {overflow:hidden}
.app-scene {background-color:#fff;padding-top:90px}
.app-scene .app-here-word {font-size:16px;color:#000;text-align:center;margin-top:35px}
.app-scene .scene-block .bg-decor {right:9px;top:96px}
.app-scene .scene-block .bg-decor:after,.app-scene .scene-block .bg-decor:before {right:0;color:#008de8;width:90px}
.app-scene .scene-block .bg-decor:before {top:-3px;-webkit-transform:rotate(6deg);transform:rotate(6deg)}
.app-scene .scene-block .bg-decor:after {bottom:-1px;-webkit-transform:rotate(-7deg);transform:rotate(-7deg)}
.app-scene .scene-block .bg-capt {-webkit-transform-origin:right center;transform-origin:right center;-webkit-transform:translateX(0) scale(.81);transform:translateX(0) scale(.81)}
.app-scene .scene-block.section-active .bg-capt {-webkit-transform:translateX(-90px) scale(1);transform:translateX(-90px) scale(1)}
.app-scene .scene-block .bg-shade {background:#008de8;-webkit-transform:scale(.79);transform:scale(.79);-webkit-transform-origin:right center;transform-origin:right center}
.app-scene .scene-search .bg-decor {left:0;top:260px}
.app-scene .scene-search .bg-decor:after,.app-scene .scene-search .bg-decor:before {left:0;color:#e72431;width:100px}
.app-scene .scene-search .bg-decor:before {top:-4px;-webkit-transform:rotate(-4deg);transform:rotate(-4deg)}
.app-scene .scene-search .bg-decor:after {bottom:-3px;-webkit-transform:rotate(4deg);transform:rotate(4deg)}
.app-scene .scene-search .bg-capt {-webkit-transform-origin:0 center;transform-origin:0 center;-webkit-transform:translateX(0) scale(.86);transform:translateX(0) scale(.86)}
.app-scene .scene-search.section-active .bg-capt {-webkit-transform:translateX(100px) scale(1);transform:translateX(100px) scale(1)}
.app-scene .scene-search .bg-shade {background:#e72431;-webkit-transform:scale(.85);transform:scale(.85);-webkit-transform-origin:0 center;transform-origin:0 center}
.app-scene .scene-relat .bg-decor {right:188px;top:248px}
.app-scene .scene-relat .bg-decor:after,.app-scene .scene-relat .bg-decor:before {right:0;color:#fbc422;width:58px}
.app-scene .scene-relat .bg-decor:before {top:0;-webkit-transform:rotate(14deg);transform:rotate(14deg)}
.app-scene .scene-relat .bg-decor:after {bottom:1px;-webkit-transform:rotate(-14deg);transform:rotate(-14deg)}
.app-scene .scene-relat .bg-capt {-webkit-transform-origin:right center;transform-origin:right center;-webkit-transform:translateX(0) scale(.84);transform:translateX(0) scale(.84)}
.app-scene .scene-relat.section-active .bg-capt {-webkit-transform:translateX(-56px) scale(1);transform:translateX(-56px) scale(1)}
.app-scene .scene-relat .bg-shade {background:#fbc422;-webkit-transform:scale(.8);transform:scale(.8);-webkit-transform-origin:right center;transform-origin:right center}
.news-scene {padding:90px 0 0;background-color:#fff}
.news-scene .scene-text {height:521px}
.news-scene .scene-pic .bg-capt>img {width:330px}
.news-scene .scene-small .bg-decor {right:0;top:224px}
.news-scene .scene-small .bg-decor:after,.news-scene .scene-small .bg-decor:before {color:#008de8;right:0;width:90px}
.news-scene .scene-small .bg-decor:before {top:-3px;-webkit-transform:rotate(4deg);transform:rotate(4deg)}
.news-scene .scene-small .bg-decor:after {bottom:-2px;-webkit-transform:rotate(-4deg);transform:rotate(-4deg)}
.news-scene .scene-small .bg-capt {-webkit-transform:translateX(0) scale(.86);transform:translateX(0) scale(.86);-webkit-transform-origin:right center;transform-origin:right center}
.news-scene .scene-small .bg-shade {background:#008de8;-webkit-transform:scale(.83);transform:scale(.83);-webkit-transform-origin:right center;transform-origin:right center}
.news-scene .scene-small.section-active .bg-capt {-webkit-transform:translateX(-90px) scale(1);transform:translateX(-90px) scale(1)}
.news-scene .scene-multi .bg-decor {left:0;top:168px}
.news-scene .scene-multi .bg-decor:after,.news-scene .scene-multi .bg-decor:before {left:0;color:#e72431;width:90px}
.news-scene .scene-multi .bg-decor:before {top:0;-webkit-transform:rotate(-9deg);transform:rotate(-9deg)}
.news-scene .scene-multi .bg-decor:after {bottom:2px;-webkit-transform:rotate(9deg);transform:rotate(9deg)}
.news-scene .scene-multi .bg-capt {-webkit-transform:translateX(0) scale(.86);transform:translateX(0) scale(.86);-webkit-transform-origin:0 center;transform-origin:0 center}
.news-scene .scene-multi.section-active .bg-capt {-webkit-transform:translateX(88px) scale(1);transform:translateX(88px) scale(1)}
.news-scene .scene-multi .bg-shade {background:#e72431;-webkit-transform:scale(.77);transform:scale(.77);-webkit-transform-origin:0 center;transform-origin:0 center}
.news-scene .scene-multi .scene-text {width:290px}
.news-scene .scene-big .bg-decor {right:0;top:223px}
.news-scene .scene-big .bg-decor:after,.news-scene .scene-big .bg-decor:before {color:#fbc422;right:0;width:90px}
.news-scene .scene-big .bg-decor:before {top:0;-webkit-transform:rotate(9deg);transform:rotate(9deg)}
.news-scene .scene-big .bg-decor:after {bottom:1px;-webkit-transform:rotate(-9deg);transform:rotate(-9deg)}
.news-scene .scene-big .bg-capt {-webkit-transform:translateX(0) scale(.86);transform:translateX(0) scale(.86);-webkit-transform-origin:right center;transform-origin:right center}
.news-scene .scene-big .bg-shade {background:#fbc422;-webkit-transform:scale(.83);transform:scale(.83);-webkit-transform-origin:right center;transform-origin:right center}
.news-scene .scene-big.section-active .bg-capt {-webkit-transform:translateX(-90px) scale(1);transform:translateX(-90px) scale(1)}
.video-scene {padding:90px 0 0;background-color:#fff}
.video-scene .scene-text {height:521px}
.video-scene .scene-pic .bg-capt>img {width:330px}
.video-scene .scene-small .bg-decor {right:0;top:165px}
.video-scene .scene-small .bg-decor:after,.video-scene .scene-small .bg-decor:before {color:#008de8;right:0;width:142px}
.video-scene .scene-small .bg-decor:before {top:-1px;-webkit-transform:rotate(5deg);transform:rotate(5deg)}
.video-scene .scene-small .bg-decor:after {bottom:1px;-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}
.video-scene .scene-small .bg-capt {-webkit-transform:translateX(0) scale(.865);transform:translateX(0) scale(.865);-webkit-transform-origin:right center;transform-origin:right center}
.video-scene .scene-small .bg-shade {background:#008de8;-webkit-transform:scale(.83);transform:scale(.83);-webkit-transform-origin:right center;transform-origin:right center}
.video-scene .scene-small.section-active .bg-capt {-webkit-transform:translateX(-142px) scale(1);transform:translateX(-142px) scale(1)}
.video-scene .scene-small.section-active .bg-capt>img {border:10px solid #fff}
.video-scene .scene-big .bg-decor {left:0;top:153px}
.video-scene .scene-big .bg-decor:after,.video-scene .scene-big .bg-decor:before {left:0;color:#e72431;width:90px}
.video-scene .scene-big .bg-decor:before {top:6px;-webkit-transform:rotate(-16deg);transform:rotate(-16deg);left:-1px}
.video-scene .scene-big .bg-decor:after {bottom:8px;-webkit-transform:rotate(16deg);transform:rotate(16deg);left:-2px}
.video-scene .scene-big .bg-capt {-webkit-transform:translateX(0) scale(.865);transform:translateX(0) scale(.865);-webkit-transform-origin:0 center;transform-origin:0 center}
.video-scene .scene-big.section-active .bg-capt {-webkit-transform:translateX(88px) scale(1);transform:translateX(88px) scale(1)}
.video-scene .scene-big .bg-shade {background:#e72431;-webkit-transform:scale(.77);transform:scale(.77);-webkit-transform-origin:0 center;transform-origin:0 center}
@-webkit-keyframes slideInRight {0% {-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:right 0;transform-origin:right 0}
100% {-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:right 0;transform-origin:right 0}
}
@keyframes slideInRight {0% {-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:right 0;transform-origin:right 0}
100% {-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:right 0;transform-origin:right 0}
}
@-webkit-keyframes slideInLeft {0% {-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 0;transform-origin:0 0}
100% {-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:0 0;transform-origin:0 0}
}
@keyframes slideInLeft {0% {-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 0;transform-origin:0 0}
100% {-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:0 0;transform-origin:0 0}
}
@-webkit-keyframes slideInUp {0% {-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:0 bottom;transform-origin:0 bottom}
100% {-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:0 bottom;transform-origin:0 bottom}
}
@keyframes slideInUp {0% {-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:0 bottom;transform-origin:0 bottom}
100% {-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:0 bottom;transform-origin:0 bottom}
}
@-webkit-keyframes lineRight {0% {width:0%;left:0;opacity:1}
100% {width:100%;left:0;opacity:1}
}
@keyframes lineRight {0% {width:0%;left:0;opacity:1}
100% {width:100%;left:0;opacity:1}
}
@-webkit-keyframes lineLeft {0% {width:0%;right:0;opacity:1}
100% {width:100%;right:0;opacity:1}
}
@keyframes lineLeft {0% {width:0%;right:0;opacity:1}
100% {width:100%;right:0;opacity:1}
}
@-webkit-keyframes fadeIn {0% {opacity:0}
100% {opacity:1}
}
@keyframes fadeIn {0% {opacity:0}
100% {opacity:1}
}
@-webkit-keyframes fadeInLeft {0% {opacity:0;-webkit-transform:translate3d(80px,0,0);transform:translate3d(80px,0,0)}
100% {opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes fadeInLeft {0% {opacity:0;-webkit-transform:translate3d(80px,0,0);transform:translate3d(80px,0,0)}
100% {opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@-webkit-keyframes fadeInRight {0% {opacity:0;-webkit-transform:translate3d(-80px,0,0);transform:translate3d(-80px,0,0)}
100% {opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes fadeInRight {0% {opacity:0;-webkit-transform:translate3d(-80px,0,0);transform:translate3d(-80px,0,0)}
100% {opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@-webkit-keyframes fadeInDown {0% {opacity:0;-webkit-transform:translate3d(0,-50px,0);transform:translate3d(0,-50px,0)}
100% {opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes fadeInDown {0% {opacity:0;-webkit-transform:translate3d(0,-50px,0);transform:translate3d(0,-50px,0)}
100% {opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@-webkit-keyframes fadeInTop {0% {opacity:0;-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}
100% {opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes fadeInTop {0% {opacity:0;-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}
100% {opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@-webkit-keyframes zoomIn {0% {opacity:0;-webkit-transform:scale(0);transform:scale(0)}
100% {opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes zoomIn {0% {opacity:0;-webkit-transform:scale(0);transform:scale(0)}
100% {opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
.faq {margin-bottom:30px}
.faq.register-notice {margin-top:30px}
.faq .container {background-color:#fff;border:1px solid #efefef;border-radius:2px}
.faq .faq-title {font-size:23px;line-height:90px;padding-left:24px;border-bottom:1px solid #efefef;position:relative;height:90px}
.faq .faq-title .icon {margin-right:12px;position:relative;top:-2px}
.faq .faq-bd {height:100%}
.faq .faq-list {width:32%;border-right:1px solid #efefef;margin-right:-1px}
.faq .faq-list ul:last-of-type li:last-of-type {border-bottom:none}
.faq .faq-list li.faq-cats {border-bottom:1px solid #efefef}
.faq .faq-list li.faq-cats>h4>a {display:block;font-size:16px;padding:0 24px;line-height:60px;height:60px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#000;position:relative}
.faq .faq-list li.faq-cats>h4>a i.icon-arrow {width:7px;height:14px;position:absolute;right:16px;top:50%;margin-top:-7px;-webkit-transition:all .6s;transition:all .6s}
.faq .faq-list li.faq-cats>h4>a i.icon-arrow:after,.faq .faq-list li.faq-cats>h4>a i.icon-arrow:before {content:"";width:0;height:0;border-style:solid;border-width:7px;position:absolute;top:0;-webkit-transition:all .6s;transition:all .6s}
.faq .faq-list li.faq-cats>h4>a i.icon-arrow:before {border-color:transparent transparent transparent #ddd;left:3px}
.faq .faq-list li.faq-cats>h4>a i.icon-arrow:after {border-color:transparent transparent transparent #fff;left:0}
.faq .faq-list li.faq-cats.active>h4>a {color:#008de8}
.faq .faq-list li.faq-cats.active>h4>a i.icon-arrow {-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.faq .faq-list li.faq-cats.active>h4>a i.icon-arrow:before {border-color:transparent transparent transparent #008de8}
.faq .faq-list .faq-submenu {display:none;background:#efefef;padding:25px 0 10px}
.faq .faq-list .faq-submenu>li {margin-bottom:15px;padding:0 50px}
.faq .faq-list .faq-submenu>li a {display:block;color:#666}
.faq .faq-list .faq-submenu>li a:hover {color:#008de8}
.faq .faq-list .faq-submenu>li.active a {color:#008de8}
.faq .faq-bd {width:68%;color:#000}
.faq .faq-bd .content {border-left:1px solid #efefef;padding:45px}
.faq .faq-bd .content>h3.title {font-size:20px;margin-bottom:35px}
.faq .faq-bd .faq-text {font-size:14px;line-height:2}
.faq .faq-bd .faq-text h4.blue-bar {font-size:16px;position:relative;padding-left:.9em;*padding-left:0;margin-bottom:10px}
.faq .faq-bd .faq-text h4.blue-bar:before {content:"";width:3px;height:1em;background-color:#008de8;position:absolute;left:0;top:.5em}
.faq .faq-bd .faq-text p {margin-bottom:1em}
.faq .faq-bd .faq-text img {max-width:100%}
.entrance {margin-bottom:50px}
.entrance li {font-size:14px}
.entrance li .con {background-color:#fff;border:1px solid #efefef;border-radius:2px;overflow:hidden;-webkit-transition:all .6s;transition:all .6s}
.entrance li .con:hover {-webkit-box-shadow:0 2px 10px rgba(0,0,0,.1);box-shadow:0 2px 10px rgba(0,0,0,.1)}
.entrance li .entrance-pic {padding-bottom:53%;background-repeat:no-repeat;background-size:cover;background-position:center;height:1px}
.entrance li .entrance-text {padding:35px}
.entrance li .entrance-text h3.title {line-height:1;font-size:23px;color:#000;padding-left:36px;position:relative}
.entrance li .entrance-text h3.title .icon {position:absolute;left:0;top:50%;margin-top:-14px}
.entrance li .entrance-text p {line-height:2;color:#000;margin:20px 0}
.search-result {padding-bottom:50px}
.search-result .container {border:1px solid #efefef;-webkit-box-sizing:border-box;box-sizing:border-box}
.search-result .result-index {background:#efefef;padding:40px 60px 20px}
.search-result .result-index h3 {font-size:23px;color:#000;margin-bottom:22px}
.search-result .result-index h3>em {font-style:normal;color:#008de8}
.search-result .result-index .result-cat>a {display:inline-block;color:#000;font-size:14px;line-height:31px;height:31px;padding:0 16px}
.search-result .result-index .result-cat>a.active,.search-result .result-index .result-cat>a:hover {background-color:#008de8;color:#fff}
.search-result .result-list {padding:0 60px;background:#fff}
.search-result .result-list li {padding:35px 0 40px;border-bottom:1px solid #f1f1f1}
.search-result .result-list li h4 {font-size:20px;margin-bottom:10px}
.search-result .result-list li h4 a {color:#000}
.search-result .result-list li p {font-size:14px;line-height:2;color:#666}
.search-result .result-list li em {font-style:normal;color:#008de8}
.page-navgation {padding:30px 60px;background:#fff}
.page-navgation>a {display:inline-block;line-height:31px;padding:0 12px;border-radius:2px}
.page-navgation>a.active,.page-navgation>a:hover {background-color:#008de8;color:#fff}
.feedback {margin-top:30px;padding-top:30px;border-top:1px solid #efefef}
.feedback h5 {font-size:14px;color:#000;margin-bottom:15px}
.feedback .btn-erea a.btn {line-height:35px;padding:0 18px;margin-right:10px}
.recommend h3.title {font-size:20px;color:#000;line-height:64px;padding-left:20px;border-bottom:1px solid #efefef}
.recommend .content {border:1px solid #efefef;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;border-radius:2px;overflow:hidden}
.recommend .recommend-hot {width:62%}
.recommend .recommend-hot .content {margin-right:15px}
.recommend .recommend-hot .hot-content {width:100%;overflow:hidden;*position:relative}
.recommend .recommend-hot .hot-content .hot-pic a {display:block;height:364px;background-size:cover;background-repeat:no-repeat;background-position:center}
.recommend .recommend-hot .hot-tabs {*zoom:1}
.recommend .recommend-hot .hot-tabs:after,.recommend .recommend-hot .hot-tabs:before {display:table;content:""}
.recommend .recommend-hot .hot-tabs:after {clear:both}
.recommend .recommend-hot .hot-tabs:after,.recommend .recommend-hot .hot-tabs:before {display:table;content:""}
.recommend .recommend-hot .hot-tabs:after {clear:both}
.recommend .recommend-hot .hot-tabs a {float:left;width:33.33333333%;text-align:center;line-height:60px;color:#000;font-size:16px}
.recommend .recommend-hot .hot-tabs a.active,.recommend .recommend-hot .hot-tabs a:hover {background-color:#008de8;color:#fff}
.recommend .recommend-last {width:38%}
.recommend .recommend-last .content {margin-left:15px;padding:0 20px}
.recommend .recommend-last h3.title {padding-left:0}
.recommend .recommend-last .last-list li {line-height:2;padding:15px 0;border-bottom:1px solid #efefef;position:relative}
.recommend .recommend-last .last-list li h4 {width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:80%}
.recommend .recommend-last .last-list li h4 a {color:#000;font-size:16px}
.recommend .recommend-last .last-list li h4 a:hover {color:#008de8}
.recommend .recommend-last .last-list li>p {width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:80%;font-size:14px;color:#666}
.recommend .recommend-last .last-list li>p .icon {margin-right:8px}
.recommend .recommend-last .last-list li a.btn {opacity:0;visibility:hidden;padding:0 6px;line-height:30px;position:absolute;right:4px;top:50%;margin-top:-16px;-webkit-transform:translateX(-20px);transform:translateX(-20px);-webkit-transition:all .6s;transition:all .6s}
.recommend .recommend-last .last-list li.active a.btn {opacity:1;visibility:visible;-webkit-transform:translateX(0);transform:translateX(0)}
.recommend .recommend-last .btn-all {text-align:center;padding:14px 0}
.step {margin-top:40px}
.step .container .step-con {padding:60px;border:1px solid #efefef;background:#fff;border-radius:2px}
.step h3.title {font-size:20px;line-height:2}
.step p.desc {font-size:14px;color:#666;line-height:2}
.step .step-list li {color:#000;margin-top:40px}
.step .step-list li h4.step-title {font-size:18px;margin-bottom:25px;position:relative;line-height:2}
.step .step-list li h4.step-title a {color:#000}
.step .step-list li h4.step-title a:hover {color:#008de8}
.step .step-list li h4.step-title .icon {margin-right:8px;position:relative;top:-2px}
.step .step-list li p {font-size:16px}
.step .step-list li p span {line-height:2;display:block;position:relative;padding-left:8px;margin-bottom:8px;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.step .step-list li p span a {color:#000}
.step .step-list li p span a:hover {color:#008de8}
.step .step-list li p span:before {content:"";width:2px;height:1em;background-color:#008de8;position:absolute;left:0;top:.5em}
.download-data {margin:40px 0}
.download-data .container .download-con {padding:60px;border:1px solid #efefef;background:#fff;border-radius:2px}
.download-data h3.title {font-size:20px;line-height:2}
.download-data p.desc {font-size:14px;color:#666;line-height:2}
.download-data .download-list li {color:#000;margin-top:40px}
.download-data .download-list li h4.download-title {font-size:18px;margin-bottom:25px}
.download-data .download-list li h4.download-title a {color:#000}
.download-data .download-list li h4.download-title a:hover {color:#008de8}
.download-data .download-list li h4.download-title .icon {margin-right:10px;position:relative;top:-2px}
.download-data .download-list li p {font-size:16px}
.download-data .download-list li p span {line-height:2;display:block;position:relative;padding-left:8px;margin-bottom:8px;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.download-data .download-list li p span a {color:#000;position:relative}
.download-data .download-list li p span a:after {content:"";width:100%;height:1px;background-color:transparent;position:absolute;bottom:0;left:0;-webkit-transition:all .6s cubic-bezier(.19,1,.22,1);transition:all .6s cubic-bezier(.19,1,.22,1)}
.download-data .download-list li p span a:hover {color:#008de8}
.download-data .download-list li p span a:hover:after {background-color:#008de8}
.download-data .download-list li p span:before {content:"";width:2px;height:1em;background-color:#008de8;position:absolute;left:0;top:.5em}
.enter-bbs {margin-bottom:40px}
.enter-bbs .container {border:1px solid #efefef;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#fff;border-radius:2px}
.enter-bbs .container>a {display:table;*display:block;width:100%;height:170px;background-image:url(../images/more/enter-bbs.jpg);background-image:-webkit-image-set(url(../images/more/enter-bbs.jpg) 1x,url(../images/more/enter-bbs@2x.jpg) 2x);background-repeat:no-repeat;background-position:center;background-size:cover}
.enter-bbs .container p {display:table-cell;vertical-align:middle;font-size:20px;color:#000;padding-left:60px;*padding-top:60px}
.btn_download {line-height:1;border-bottom:1px solid #008de8}
.download-area h3.faq-title {padding-left:0}
.download-area h3.faq-title a {display:block;color:#000;padding-left:24px}
.download-area h3.faq-title.active {background:#efefef}
.download-area .download-cats {width:26%}
.download-area .download-bd {width:74%}
.download-area .download-table {width:100%;color:#000;table-layout:fixed;border-collapse:collapse}
.download-area .download-table tr {border-bottom:1px solid #efefef}
.download-area .download-table thead th {font-size:18px;line-height:60px;padding-bottom:10px;padding-left:12px}
.download-area .download-table thead th.th-name {width:40%}
.download-area .download-table thead th.th-time {width:32%}
.download-area .download-table thead th.th-operation {width:28%}
.download-area .download-table tbody td {font-size:16px;line-height:65px;padding-left:12px}
.download-area .download-table tbody td.data-link {color:#008de8;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.download-area .download-table tbody td.data-link a {color:#000;position:relative}
.download-area .download-table tbody td.data-link a:after {content:"";width:100%;height:1px;background-color:transparent;position:absolute;bottom:0;left:0;-webkit-transition:all .6s cubic-bezier(.19,1,.22,1);transition:all .6s cubic-bezier(.19,1,.22,1)}
.download-area .download-table tbody td.data-link a:hover {color:#008de8}
.download-area .download-table tbody td.data-link a:hover:after {background-color:#008de8}
.download-area .download-table tbody td.td-operation a.btn {padding:3px 8px;margin-right:10px}
.download-page-navgation {padding:30px 0 30px 12px}
.course-preview {margin-bottom:50px}
.course-preview .container {background-color:#fff;border:1px solid #efefef}
.course-preview .preview-cats {*zoom:1;position:relative}
.course-preview .preview-cats:after,.course-preview .preview-cats:before {display:table;content:""}
.course-preview .preview-cats:after {clear:both}
.course-preview .preview-cats:after,.course-preview .preview-cats:before {display:table;content:""}
.course-preview .preview-cats:after {clear:both}
.course-preview .preview-cats li {line-height:60px;float:left;width:17%}
.course-preview .preview-cats li>a {display:block;font-size:20px;color:#000;text-align:center;border-right:1px solid #efefef;border-bottom:1px solid #efefef}
.course-preview .preview-cats li>a:hover {color:#008de8}
.course-preview .preview-cats li.active>a {color:#008de8;border-bottom-color:#fff}
.course-preview .preview-section {border-top:1px solid #efefef;margin-top:-1px;padding:0 5.8%}
.course-preview .preview-section li {overflow:hidden;position:relative}
.course-preview .preview-section li:last-child:before {display:none}
.course-preview .preview-section li:before {content:"";width:100%;height:1px;background:#efefef;position:absolute;right:0;bottom:0}
.course-preview .preview-section li .course-time {position:absolute;left:0;top:50%;margin-top:-32px;height:64px;font-size:14px;color:#666}
.course-preview .preview-section li .course-time span {display:block;font-size:26px;color:#000}
.course-preview .preview-section li .course-content {float:right;width:81%}
.course-preview .preview-section li .course-content .course-item {padding:20px 0;position:relative;*overflow:hidden}
.course-preview .preview-section li .course-content .course-item>div {display:inline-block;vertical-align:middle;*float:left}
.course-preview .preview-section li .course-content .course-item:before {content:"";width:100%;height:1px;background:#efefef;position:absolute;right:0;top:0}
.course-preview .preview-section li .course-content .course-item:first-of-type:before {display:none}
.course-preview .preview-section li .course-content .cource-pic>a {display:block;width:150px;height:86px}
.course-preview .preview-section li .course-content .course-text {*padding-top:14px;width:56%;overflow:hidden;margin-left:20px}
.course-preview .preview-section li .course-content .course-text .cource-tit {width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:18px;margin-bottom:6px}
.course-preview .preview-section li .course-content .course-text .cource-tit a {color:#000}
.course-preview .preview-section li .course-content .course-text>p {width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:14px;color:#666}
.course-preview .preview-section li .course-content .course-text>p b {font-weight:400;color:#008de8}
.course-preview .preview-section li .course-btn {position:absolute;right:0;top:50%;margin-top:-16px}
.course-preview .preview-section li .course-btn .btn {padding:0;line-height:32px;width:95px}
.course-preview .preview-section li .course-btn .btn-disabled {color:#c9caca}
.course-preview .preview-section li .activity-details {display:none;width:56%;margin-left:175px;font-size:14px;color:#000;line-height:2;margin-bottom:2em}
.course-preview .preview-section li .activity-details h5 {font-size:16px}
.course-preview .preview-section li .activity-details p {margin-bottom:1em}
.join_us {margin:92px 0}
.join_us * {-webkit-box-sizing:border-box;box-sizing:border-box}
.join_block {border:1px solid #efefef;border-radius:2px;background-color:#fff;padding:64px 55px;margin-top:30px;overflow:hidden;line-height:1}
.join_block:first-of-type {margin-top:0}
.join_block .row {margin:0}
.join_block .col-12,.join_block .col-6 {padding:0 40px}
.join_block .join_block_hd {font-size:26px;padding-left:40px}
.join_block .join_block_bd {margin-top:50px}
.join_block .join_block_ft {margin-top:40px}
.join_block .join_block_ft .btn {width:230px;height:60px;line-height:36px}
.join_desc {color:#666;line-height:2}
.join_desc .desc-tit {font-size:20px;line-height:1;color:#000;margin-bottom:24px}
.join_desc .desc-define {font-size:14px;margin-bottom:14px}
.join_desc .desc-list>li {position:relative;padding-left:14px}
.join_desc .desc-list>li:before {position:absolute;display:block;content:'';width:4px;height:4px;top:12px;left:0;border-radius:50%;background-color:#666;vertical-align:middle;margin-right:10px}
.tc-reg-form>ul>li .form-inline {font-size:0;white-space:nowrap}
.tc-reg-form>ul>li .chosen-model .chosen-search input {position:static}
.tc-reg-form>ul>li .chosen-model .chosen-results .active-result {height:40px;padding:0 0 0 40px;line-height:40px}
.tc-reg-form>ul>li .chosen-model .chosen-results .active-result:hover {background-color:#3e8edd;color:#fff}
.tc-reg-form>ul>li .chosen-model .chosen-results .highlighted {background-color:#3e8edd;color:#fff}
.tc-reg-form>ul>li .chosen-model .chosen-container-single .chosen-single {height:38px;border:none;border-radius:0;padding:0 10px 0 40px;font-size:14px;color:#a9a9a9;line-height:38px}
.tc-reg-form>ul>li .chosen-model .chosen-container-single .chosen-single div b {background-position:0 10px}
.tc-reg-form>ul>li .chosen-model .chosen-container-active .chosen-single {color:#333}
.tc-reg-form>ul>li .chosen-model .chosen-container-active .chosen-single div b {background-position:-18px 10px}
.tc-reg-form.has-icons>ul>li input {padding-left:40px}
.tc-reg-form.has-icons>ul>li.pic-verifi input,.tc-reg-form.has-icons>ul>li.verifi input {padding-left:10px}
.tc-btn,.tc-btn:active,.tc-btn:hover,.tc-btn:link,.tc-btn:visited {display:inline-block;text-align:center;text-decoration:none;color:#fff;vertical-align:middle}
.tc-btn.blue {background:#008de8}
.tc-btn.disabled,.tc-btn.disabled.focus,.tc-btn.disabled:focus,.tc-btn.disabled:hover {background:#f9f9f9!important;border-color:#c3c3c3;color:#8e929b!important;cursor:default}
.tc-reg-form {margin:0 auto;font-size:14px}
.tc-reg-form>ul>li {position:relative;height:40px;border:1px solid #e0e0e0;margin-bottom:15px;text-align:left;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:height .4s,margin-bottom .4s;transition:height .4s,margin-bottom .4s}
.tc-reg-form>ul>li>i {position:absolute;width:26px;height:26px;top:6px;left:10px;overflow:hidden;background:no-repeat;z-index:1}
.tc-reg-form>ul>li>i.icons-cpname {background-position:-50px -50px}
.tc-reg-form>ul>li>i.icons-mail {background-position:-78px -50px}
.tc-reg-form>ul>li>i.icons-phonenum {background-position:-50px -78px}
.tc-reg-form>ul>li>i.icons-username {background-position:0 -100px}
.tc-reg-form>ul>li>i.icons-years {background-position:-100px 0}
.tc-reg-form>ul>li>i.icons-post {background-position:-106px -28px}
.tc-reg-form>ul>li>i.icons-location {background-position:-28px -106px}
.tc-reg-form>ul>li input,.tc-reg-form>ul>li select {-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;width:100%;padding:10px;top:0;bottom:0;font-size:14px;border:none;border-radius:0;line-height:18px}
.tc-reg-form>ul>li input::-webkit-input-placeholder {font-size:14px}
.tc-reg-form>ul>li input.placeholder {color:#999}
.tc-reg-form>ul>li.hide {height:0;margin-bottom:0!important;border-color:#fff!important;overflow:hidden}
.tc-reg-form>ul>li .help-info {position:absolute;top:-22px;right:-225px;width:182px;height:60px;padding:10px 15px;border-radius:3px;background-color:#f3f3f3;font-size:12px;line-height:20px}
.tc-reg-form>ul>li .help-info:before {display:block;position:absolute;content:'';width:8px;height:16px;top:50%;left:-8px;margin-top:-8px}
.tc-reg-form .error-info {display:none;position:absolute;bottom:-26px;left:0;height:24px;line-height:24px;color:#e33244;font-size:14px}
.tc-reg-form .error-info:before {display:inline-block;content:'';width:12px;height:12px;margin-top:-2px;margin-right:5px;background:no-repeat;background-position:-78px -78px;overflow:hidden;vertical-align:middle}
.tc-reg-form>ul>li.verifi.form-error {border:0}
.tc-reg-form>ul>li.verifi.form-error input {border:1px solid #e33244}
.tc-reg-form>ul>li.verifi input {width:174px;left:0;right:106px}
.tc-reg-form>ul>li.verifi .tc-btn {-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;width:105px;height:38px;top:0;right:0;line-height:38px;font-size:14px;border:1px solid transparent}
.tc-reg-form>ul>li.verifi .tc-btn.disabled {border-left:1px solid #dedede}
.tc-reg-form>ul>li.verifi.readonly input {background:#f9f9f9}
.tc-reg-form>ul>li.verifi.readonly .tc-btn {height:36px;background:#f9f9f9!important;border-left:1px solid #dedede;color:#999}
.tc-reg-form>ul>li.verifi .tc-btn.disable {border-left:1px solid #dedede}
.tc-reg-form>ul>li.pic-verifi {border:0;font-size:0}
.tc-reg-form>ul>li.pic-verifi.form-error {border:0}
.tc-reg-form>ul>li.pic-verifi.form-error input {border:1px solid #e33244}
.tc-reg-form>ul>li.pic-verifi input {width:130px;margin-right:8px;border:1px solid #e0e0e0;position:static;vertical-align:middle}
.tc-reg-form>ul>li.pic-verifi img {width:103px;height:41px;vertical-align:middle}
.tc-reg-form>ul>li.pic-verifi .change {margin-left:8px;vertical-align:middle;color:#008fe4;font-size:12px}
.tc-reg-form>ul>li.form-error {border:1px solid #e33244;margin-bottom:34px}
.tc-reg-form>ul>li.form-error input {color:#e33244}
.tc-reg-form>ul>li.form-error .error-info {display:block}
.tc-reg-form .reg-protocol {line-height:20px;margin-top:15px;margin-bottom:23px}
.tc-reg-form .form-error~.reg-protocol {margin-top:0}
.tc-reg-form .reg-protocol .m-checkbox .ico {-webkit-box-sizing:border-box;box-sizing:border-box}
.tc-reg-form .reg-protocol input {-webkit-appearance:checkbox;-moz-appearance:checkbox;appearance:checkbox;cursor:pointer;vertical-align:middle}
.tc-reg-form .reg-protocol label {vertical-align:middle}
.reg-protocol a {color:#008fe4}
.tc-reg-form .tc-btn {width:100%}
.tc-reg-form .error-info:before,.tc-reg-form>ul>li>i.icons-cpname,.tc-reg-form>ul>li>i.icons-location,.tc-reg-form>ul>li>i.icons-mail,.tc-reg-form>ul>li>i.icons-phonenum,.tc-reg-form>ul>li>i.icons-post,.tc-reg-form>ul>li>i.icons-username,.tc-reg-form>ul>li>i.icons-years {background-image:url(../images/sprites/main.png?20170419105225)}
@media only screen and (min--moz-device-pixel-ratio:1.5),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (-webkit-min-device-pixel-ratio:2.5),only screen and (min-resolution:240dpi),only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-resolution:2dppx) {.tc-reg-form .error-info:before,.tc-reg-form>ul>li>i.icons-cpname,.tc-reg-form>ul>li>i.icons-location,.tc-reg-form>ul>li>i.icons-mail,.tc-reg-form>ul>li>i.icons-phonenum,.tc-reg-form>ul>li>i.icons-post,.tc-reg-form>ul>li>i.icons-username,.tc-reg-form>ul>li>i.icons-years {background-image:url(../images/sprites/main@2x.png?20170419105225);background-size:124px auto}
.tc-reg-form>ul>li>i.icons-cpname {background-position:-48px -48px}
.tc-reg-form>ul>li>i.icons-mail {background-position:-74px -48px}
.tc-reg-form>ul>li>i.icons-phonenum {background-position:-48px -74px}
.tc-reg-form>ul>li>i.icons-username {background-position:0 -96px}
.tc-reg-form>ul>li>i.icons-years {background-position:-96px 0}
.tc-reg-form>ul>li>i.icons-post {background-position:-100px -26px}
.tc-reg-form>ul>li>i.icons-location {background-position:-26px -100px}
.tc-reg-form .error-info:before {background-position:-74px -74px}
}
.sitemap-wrap {padding:60px 50px;background:#fff;border:1px solid #efefef;margin-bottom:50px}
.sitemap-list {*zoom:1;margin-bottom:50px}
.sitemap-list:after,.sitemap-list:before {display:table;content:""}
.sitemap-list:after {clear:both}
.sitemap-list:after,.sitemap-list:before {display:table;content:""}
.sitemap-list:after {clear:both}
.sitemap-list:last-of-type {margin-bottom:0}
.sitemap-list h3 {font-size:18px;color:#222;font-weight:700;margin-bottom:20px}
.sitemap-list li {float:left;line-height:36px;font-size:14px;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:20%}
.sitemap-list li a {color:#333;padding-left:10px;position:relative;transiton:color .2s}
.sitemap-list li a:hover {color:#008de8;text-decoration:underline}
.sitemap-list li a:before {content:"";width:2px;height:13px;background:#008de8;position:absolute;left:0;top:50%;margin-top:-7px}
.no-bd {border:none!important}
.sp_search {margin:45px 0;background-color:#fff;border:1px solid #efefef;border-radius:3px}
.sp_search * {-webkit-box-sizing:border-box;box-sizing:border-box}
.sp_search .form-wrap {width:720px;margin:80px auto;overflow:hidden}
.sp_search .form-wrap .form-title {font-size:30px;line-height:1;text-align:center}
.sp_search .form-wrap .form-subtitle {margin-top:12px;font-size:14px;line-height:1;text-align:center;color:#999}
.sp_search .form-wrap .form-input {margin-top:42px;font-size:0}
.sp_search .form-wrap .form-input .form-control {display:inline-block;width:534px;height:38px;padding:10px 15px;border:1px solid #d5d5d5;border-radius:0;-webkit-box-shadow:none;box-shadow:none;font-size:16px;line-height:1;color:#333}
.sp_search .form-wrap .form-input .form-control:focus {border-color:#008de8}
.sp_search .form-wrap .form-input .btn {float:right;width:168px;border-radius:0;vertical-align:middle}
.sp_search .form-wrap .form-input .help-block {height:35px;margin:0;padding:0;line-height:35px;font-size:14px}
.sp_search .form-wrap .form-input.has-error .help-block {color:#c80e13}
.sp_search .form-wrap .result-wrap {margin-top:40px}
.sp_search .form-wrap .table {width:100%;margin-bottom:0}
.sp_search .form-wrap .table>thead>tr>td,.sp_search .form-wrap .table>thead>tr>th {height:50px;background-color:#fafafa;border-bottom:1px solid #dcdee3;color:#999;vertical-align:middle}
.sp_search .form-wrap .table>tbody>tr>td,.sp_search .form-wrap .table>tbody>tr>th,.sp_search .form-wrap .table>thead>tr>td,.sp_search .form-wrap .table>thead>tr>th {height:50px;border-bottom:1px solid #dcdee3;border-top:none;vertical-align:middle}
.sp_search .form-wrap .table>tbody>tr>td:first-of-type,.sp_search .form-wrap .table>tbody>tr>th:first-of-type,.sp_search .form-wrap .table>thead>tr>td:first-of-type,.sp_search .form-wrap .table>thead>tr>th:first-of-type {padding-left:20px}
.sp_search .form-wrap .table>tbody>tr>td:nth-child(2),.sp_search .form-wrap .table>tbody>tr>th:nth-child(2),.sp_search .form-wrap .table>thead>tr>td:nth-child(2),.sp_search .form-wrap .table>thead>tr>th:nth-child(2) {width:110px;text-align:right;padding-right:20px}
.sp_search .form-wrap .table>tbody>tr>td:last-of-type,.sp_search .form-wrap .table>tbody>tr>th:last-of-type,.sp_search .form-wrap .table>thead>tr>td:last-of-type,.sp_search .form-wrap .table>thead>tr>th:last-of-type {width:140px;text-align:right;padding-right:20px}
.sp_search .form-wrap .table>tbody>tr>td,.sp_search .form-wrap .table>tbody>tr>th {color:#666}
.sp_search .form-wrap .table>tbody>tr>td:first-of-type,.sp_search .form-wrap .table>tbody>tr>th:first-of-type {padding-left:20px;color:#333}
.sp_search .form-wrap .pagebar {padding:0 11px 0 20px}
.sp_search .form-wrap .pagebar .page-info {line-height:46px;float:left;color:#999}
.sp_search .form-wrap .pagebar .pagination {line-height:25px;margin:15px 0;float:right;font-size:0}
.sp_search .form-wrap .pagination>li {padding:0 1px;display:inline-block;font-size:14px}
.sp_search .form-wrap .pagination>li>a,.sp_search .form-wrap .pagination>li>span {border:0;color:#404040}
.sp_search .form-wrap .pagination>li:first-child>a,.sp_search .form-wrap .pagination>li:first-child>span {border-radius:2px}
.sp_search .form-wrap .pagination>.active>a,.sp_search .form-wrap .pagination>.active>a:focus,.sp_search .form-wrap .pagination>.active>a:hover {border-radius:2px;background-color:#008de8;color:#fff}
.sp_search .form-wrap .pagination>li>a,.sp_search .form-wrap .pagination>li>span {padding:3px 9px 2px 8px}
.sp_search .form-wrap .pagination li>span,.sp_search .form-wrap .pagination li>span:focus,.sp_search .form-wrap .pagination li>span:hover {border-radius:2px;background-color:#fff}
.docs-block {margin:30px 0}
.docs-title {font-size:18px;font-weight:700}
.docs-intro {margin:20px 0}
.docs-intro p {margin:10px 0}
.docs-showcase {margin:20px 0}
.docs-showcase p {margin:15px 0}
code {font-family:Consolas,"Liberation Mono",Menlo,Courier,monospace;background-color:#fdf6e3;color:#657b83;display:inline-block;padding:0 2px;margin:0 5px}
.docs-source {margin:20px 0;font-size:12px;font-family:Consolas,"Liberation Mono",Menlo,Courier,monospace}
.docs-source .hljs {border-radius:5px;padding:.5em 1em;margin:0}
.docs-column {height:40px;color:#666;line-height:40px;text-align:center;background-color:#eee}


.item-cards {box-sizing:border-box;width:1200px;min-height:393px;transition:all .3s ease; margin:0 auto;}
.item-cards.s-empty:after {display:block}
.item-cards:after {content:"\62B1\6B49\FF0C\6682\672A\627E\5230\7B26\5408\60A8\641C\7D22\6761\4EF6\7684\6848\4F8B\FF0C\8BF7\91CD\65B0\7B5B\9009\5E7F\544A\6761\4EF6";display:none;padding-top:50px;text-align:center;font-size:16px;color:#919191}
.app1-caselist-case {position:relative;display:inline-block;box-sizing:border-box;margin-bottom:45px;width:24.7%;height:348px;text-align:center;vertical-align:top}
.app1-caselist-case a {display:block;box-sizing:border-box;padding:50px 35px 0;width:280px;position:relative;height:100%;background:#fff;border-bottom:3px solid transparent;transition:all .3s ease}
li.app1-caselist-case a:hover {border-bottom-color:#00c800;transform:translateY(-4px);box-shadow:0 20px 40px rgba(0,0,0,.12)}
li.app1-caselist-case a .app1-caselist-item-logo {transform:translateY(-2px)}
.app1-caselist-item-logo {width:200px;height:50px;margin:0 auto;transition:all .3s ease}
.app1-caselist-item-title {margin:28px 0 12px;text-align:center}
.app1-caselist-item-title-text {font-size:18px;font-weight:400;line-height:22px;color:#000;letter-spacing:1px;text-align:left;display:inline-block}
.app1-caselist-item-desc {font-size:13px;line-height:18px;text-align:justify;color:#9f9dab}
.app1-caselist-item-bottom {position:absolute;left:0;bottom:26px;width:100%;color:#9f9dab}
.app1-caselist-item-bottom:before {content:"";position:absolute;top:-18px;left:50%;margin-left:-17.5px;width:35px;height:2px;background:#00c800}
.item-cards li:nth-child(4n){ float:right; margin-right:0}
.item-cards li:nth-child(8n){ float:right; margin-right:0}
.item-cards li:nth-child(12n){ float:right; margin-right:0}
.item-cards li:nth-child(16n){ float:right; margin-right:0}
.item-cards li:nth-child(20n){ float:right; margin-right:0}
.breadcrumb {height:45px;line-height:45px;border-bottom:1px #eee solid;background:#fff;font-size:14px;}
.w1200 {width:1200px;margin:0 auto;}
.breadcrumb a {color:#555;}
.breadcrumb i {font-style:normal;font-family:宋体;margin:0px 10px;}
.breadcrumb span {color:#1479d7;}
.copyrightbox{background:#f7f7f7;}
.copyrightbox .nav_ul{width:270px;background:#fff;margin-top:20px;}
.copyrightbox .nav_ul li{height:60px;line-height: 60px;text-align: center;font-size:18px;position: relative;border-bottom:1px #f7f7f7 solid;}
.copyrightbox .nav_ul li a{display: block;color: #555;}
.copyrightbox .nav_ul li.active a{color:#1479d7;}
.copyrightbox .nav_ul li a:hover{background:#2888e2;color:#fff;}
.copyrightbox .nav_ul li.active:before{content: '';width:4px;height:26px;background:#1479d7;left:8px;top:17px;position: absolute;}
.copyrightbox .containerBox{padding:0 60px 60px;background:#fff;margin:20px 0 60px;}
.copyrightbox .containerBox h6{font-weight: normal;font-size:18px;color:#898989;height:60px;line-height:60px;border-bottom:1px #eee solid;}
.copyrightbox .containerBox h6 span{font-size:12px;margin-left:10px;}
.copyrightbox .containerBox p{margin-top:20px;line-height:25px;font-size:14px;color:#555;}
.copyright .containerBox p img{display:block;margin:0 auto;max-width: 100%;}

.case {position:relative;top:15px;box-sizing:border-box;margin:0 auto;padding:41px 24.5px 59px;width:1200px;background:#f2f3f5;box-shadow:0 8px 20px rgba(0,0,0,.1); margin-bottom: 15px;}

.case-name {margin:0 0 4px;font-size:22px;font-weight:500;text-align:center;color:#4a4a4a}
.case-ad-desc {padding-bottom:20px;font-size:16px;text-align:center;color:#969696}
.case-ad-desc span {display:inline-block;text-align:left}
.case-title {position:relative;margin:0 0 140px;font-size:38px;font-weight:400;color:#fff;text-align:center;line-height:100px;letter-spacing:2px}
.case-desc {margin-bottom:30px;font-size:16px;line-height:32px;color:#646464}

.pages {text-align:center;margin:34px 0 34px 0;}
.pages li {display:inline-block;padding:9px 14px;margin:0 1px;border: 1px solid rgba(214,214,214, 0.8);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.pages a,.pages li {display:inline-block;list-style:none;text-decoration:none;color:#58A0D3;}
.pages a.first,.pages a.prev,.pages a.next,.pages a.end {margin:0;}
.pages a:hover {border-color:#50A8E6;}
.pages li.thisclass {background:#50A8E6;color:#FFF;font-weight:700;border-color:#50A8E6;}



.effect .title-big {-webkit-animation:fadeIn .4s ease-in-out both;animation:fadeIn .4s ease-in-out both}
.overview .effect .effect-container .effect-pic{-webkit-animation:fadeInRight .4s ease-in-out both .3s;animation:fadeInRight .4s ease-in-out both .3s}
.overview .effect .effect-container .effect-text .effect-brand {-webkit-animation:fadeInTop .4s ease-in-out both .5s;animation:fadeInTop .4s ease-in-out both .5s}
.overview .effect .effect-container .effect-text .effect-title {-webkit-animation:fadeInTop .4s ease-in-out both .5s;animation:fadeInTop .4s ease-in-out both .5s}
.overview .effect .effect-container .effect-text .effect-description {-webkit-animation:fadeInTop .4s ease-in-out both .5s;animation:fadeInTop .4s ease-in-out both .5s}
.overview .effect .effect-container .effect-text .effect-text .btn {-webkit-animation:fadeIn .4s ease-in-out both .8s;animation:fadeIn .4s ease-in-out both .8s}



.overview .dsp-source .dsp-source-text .content {-webkit-animation:fadeInTop .4s ease-in-out both;animation:fadeInTop .4s ease-in-out both}
.overview .dsp-source.dsp-source-text .btn {-webkit-animation:fadeIn .4s ease-in-out both .3s;animation:fadeIn .4s ease-in-out both .3s}
.overview .dsp-source .dsp-source-light {-webkit-animation:fadeIn .4s ease-in-out both .7s;animation:fadeIn .4s ease-in-out both .7s}
.overview .dsp-source .dsp-source-list ul li {-webkit-animation:zoomIn .4s ease-in-out both;animation:zoomIn .4s ease-in-out both}
.overview .dsp-source .dsp-source-list ul li:nth-child(1) {-webkit-animation-delay:.8s;animation-delay:.8s}
.overview .dsp-source .dsp-source-listul li:nth-child(2) {-webkit-animation-delay:.9s;animation-delay:.9s}
.overview .dsp-source .dsp-source-list ul li:nth-child(3) {-webkit-animation-delay:1s;animation-delay:1s}
.overview .dsp-source .dsp-source-list ul li:nth-child(4) {-webkit-animation-delay:1.1s;animation-delay:1.1s}
.overview .dsp-source .dsp-source-list ul li:nth-child(5) {-webkit-animation-delay:1.2s;animation-delay:1.2s}
.overview .dsp-source .dsp-source-list ul li:nth-child(6) {-webkit-animation-delay:1.3s;animation-delay:1.3s}
.overview .dsp-source .dsp-source-list ul li:nth-child(7) {-webkit-animation-delay:1.4s;animation-delay:1.4s}
.overview .dsp-source .dsp-source-list ul li:nth-child(8) {-webkit-animation-delay:1.5s;animation-delay:1.5s}
.overview .dsp-source .dsp-source-list ul li:nth-child(9) {-webkit-animation-delay:1.6s;animation-delay:1.6s}

.overview .management .title-big {-webkit-animation:fadeInTop .4s ease-in-out both;animation:fadeInTop .4s ease-in-out both}
.overview .management-item:nth-child(1) .icon {-webkit-animation:zoomIn .4s ease-in-out both .2s;animation:zoomIn .4s ease-in-out both .2s}
.overview .management-item:nth-child(1) h4 {-webkit-animation:fadeInTop .4s ease-in-out both .3s;animation:fadeInTop .4s ease-in-out both .3s}
.overview .management-item:nth-child(1) p {-webkit-animation:fadeInTop .4s ease-in-out both .4s;animation:fadeInTop .4s ease-in-out both .4s}
.overview .management-item:nth-child(2) .icon {-webkit-animation:zoomIn .4s ease-in-out both .4s;animation:zoomIn .4s ease-in-out both .4s}
.overview.management-item:nth-child(2) h4 {-webkit-animation:fadeInTop .4s ease-in-out both .5s;animation:fadeInTop .4s ease-in-out both .5s}
.overview .management-item:nth-child(2) p {-webkit-animation:fadeInTop .4s ease-in-out both .6s;animation:fadeInTop .4s ease-in-out both .6s}
.overview .management-item:nth-child(3) .icon {-webkit-animation:zoomIn .4s ease-in-out both .6s;animation:zoomIn .4s ease-in-out both .6s}
.overview .management-item:nth-child(3) h4 {-webkit-animation:fadeInTop .4s ease-in-out both .7s;animation:fadeInTop .4s ease-in-out both .7s}
.overview .management-item:nth-child(3) p {-webkit-animation:fadeInTop .4s ease-in-out both .8s;animation:fadeInTop .4s ease-in-out both .8s}

.cases_xiala{line-height: 54px;height: 54px;width: 100%; border: 0; font-size: 16.5px; padding: 0 20px; color: #666;border: none;outline: 0;font-family: 微软雅黑;border:none;}
.cases_xiala option{color: #333;display: block;line-height: 45px;padding: 20px;-webkit-transition: padding .4s linear; transition: padding .4s linear; border:none; height:45px; }