ul, li {
list-style:none;}
.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:#0067ed;
	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:#0067ed;
	border-color:#3da8ee;
	background-color:transparent
}
.btn-default:hover {
	color:#fff;
	border-color:#0067ed;
	background-color:#0067ed
}
.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.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:#0067ed;
	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:12px 40px;
	font-size:18px
}
.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
}
.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 .navbar-hd {
	width:100%;
	height:80px;
	background-color:#fff;
	border-bottom:1px solid #f1f1f1
}

.navbar .navbar-brand .navbar-brand-logo {
	display:block;
	padding-left:190px;
	background-image:url(../images/logo.png);
	background-image:-webkit-image-set(url(../images/logo.png) 1x, url(../images/logo@2x.png) 2x);
	background-repeat:no-repeat;
	background-position:0 center;
	background-size:179px 47px
}
.navbar .navbar-bd {
	width:100%;
	height:64px;
	background-color:#fff;
	background-color:rgba(255, 255, 255, .98);
	border-bottom:1px solid #f1f1f1
}
.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:64px;
	text-align:center;
	position:relative
}
.navbar .navbar-navigation li:after {
	position:absolute;
	left:0;
	bottom:-1px;
	height:4px;
	width:100%;
	content:' ';
	background-color:#0067ed;
	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:#0067ed
}
.navbar .navbar-navigation li.active:after, .navbar .navbar-navigation li:hover:after {
	-webkit-transform:scaleX(1);
	transform:scaleX(1);
	background-color:#0067ed
}
.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:#0067ed
}
.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:#0067ed
}
.navbar .login .login-account .account-attention {
	display:block;
	width:150px;
	padding:9px 30px;
	background-color:#0067ed;
	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 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:350px;
	margin-top:-66px;
*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-image:-webkit-image-set(url(../images/hero_index.bmp) 1x, url(../images/hero_index@2x.bmp) 2x);
	background:url(../images/hero_index.bmp) no-repeat center center #f7f8f9;
	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:34px;
	color:#ffffff;
}
.hero-index .phone {
	color:#333;
	margin-top:20px;
	font-size:16px
}
.hero-index .phone b {
	font-weight:400;
	color:#0067ed
}
.hero-case {
	background-image:url(../images/hero_case.bmp);
	background-image:-webkit-image-set(url(../images/hero_case.bmp) 1x, url(../images/hero_case@2x.bmp) 2x)
}
.hero-source {
	background-image:url(../images/hero_source.jpg);
	background-image:-webkit-image-set(url(../images/hero_source.jpg) 1x, url(../images/hero_source@2x.jpg) 2x)
}
.hero-orientation {
	background-image:url(../images/hero_orientation.bmp);
	background-image:-webkit-image-set(url(../images/hero_orientation.bmp) 1x, url(../images/hero_orientation.bmp) 2x)
}
.hero-join {
	background-image:url(../images/hero_join_us.jpg);
	background-image:-webkit-image-set(url(../images/hero_join_us.jpg) 1x, url(../images/hero_join_us@2x.jpg) 2x);
	background-color:#262046;
	background-size:auto 100%
}


.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:#0067ed;
	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:#0067ed
}
.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-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.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
}
.show-list>a {
	display:inline-block;
	width:200px;
	line-height:60px;
	margin:0 6px;
	background:#bccccf;
	font-size:18px;
	color:#fff;
	border-radius:2px
}
.show-list>a.active, .show-list>a:hover {
	background:#0067ed
}
.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;
	background-image:url(../images/source/bg-gray.png);
	background-image:-webkit-image-set(url(../images/source/bg-gray.png) 1x, url(../images/source/bg-gray@2x.png) 2x);
	background-repeat:no-repeat;
*zoom:1;
	background-position:right bottom
}
.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-text {
	float:left;
	width:390px;
	display:table
}
.scene .scene-text .text-erea {
	display:table-cell;
	vertical-align:middle;
*padding-top:160px
}
.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-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
}
.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-desktop .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:573px;
	height:317px
}
.scene.scene-desktop .scene-pic .scene-paper {
	width:410px;
	height:240px;
	background-size:100% 100%;
	margin-top:36px
}
.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 .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:#0067ed;
	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:#0067ed;
	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:#0067ed
}
.diversity-tabs>a.active:after, .diversity-tabs>a:hover:after {
	-webkit-transform:scaleX(1);
	transform:scaleX(1);
	background-color:#0067ed
}
.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/icon/side-bar.png);
	background-image:-webkit-image-set(url(../images/icon/side-bar.png) 1x, url(../images/icon/side-bar@2x.png) 2x);
	background-repeat:no-repeat
}
.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
}
.sticker .side-pop>a {
	display:block;
	width:90px;
	height:40px;
	text-align:center;
	line-height:40px;
	border:1px solid #0067ed;
	background-color:#fff
}
.sticker .side-pop>a.open-account {
	border-bottom:none;
	border-radius:3px 3px 0 0
}
.sticker .side-pop>a.after-sale {
	border-radius:0 0 3px 3px
}
.overview .dsp-source {
	position:relative;
	height:700px;
	color:#fff;
	background-image:-webkit-image-set(url(../images/overview_bg.bmp) 1x, url(../images/overview_bg@2x.bmp) 2x);
	background:url(../images/overview_bg.bmp) no-repeat left center transparent;
}
.overview .dsp-source .container {
	height:100%;
	text-align:right;
	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-image:-webkit-image-set(url(../images/overview_light.png) 1x, url(../images/overview_light@2x.png) 2x);
	background:url(../images/overview_light.png) no-repeat center center transparent;
}
.overview .dsp-source .dsp-source-text {
	text-align:left;
	width:352px;
	display:inline-block;
*display:inline;
*zoom:1;
	vertical-align:middle
}
.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;
	color:#ffffff;
}
.overview .dsp-source .dsp-source-list {
	position:absolute;
	left:0;
	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.news{background:none;padding:0;}
.overview .dsp-source .dsp-source-list li.news .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:110px 0 10px;
	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:left;
	padding-top: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;
	color:#ffffff;
}
.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:50px 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:#0067ed;
	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:#0067ed
}
.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:#0067ed
}
.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:520px;
	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/bg-effect.png);
	background-image:-webkit-image-set(url(../images/bg-effect.png) 1x, url(../images/bg-effect@2x.png) 2x);
	background-repeat:no-repeat;
	background-position:center bottom
}
.overview .effect .effect-container .effect-text {
	width:480px;
	position:absolute;
	left:30%;
	margin-left:40px;
	margin-top:72px
}
.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:#0067ed;
	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;
	color:#ffffff;
}
.overview .effect .effect-container .effect-pic {
	position:absolute;
	right:70%;
	margin-right:40px
}
.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:-webkit-image-set(url(../images/effect3.png) 1x, url(../images/effect3@2x.png) 2x);
	background-image:url(../images/effect3.png);
	background-repeat:no-repeat
}
.overview .effect .pagination {
	text-align:center;
	margin:30px 0 10px
}
.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:#0067ed;
	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 .dsp-source.sec-active .dsp-source-text .title {
-webkit-animation:fadeInTop .4s ease-in-out both;
animation:fadeInTop .4s ease-in-out both
}
.cssanimations .dsp-source.sec-active .dsp-source-text .content {
-webkit-animation:fadeInTop .4s ease-in-out both;
animation:fadeInTop .4s ease-in-out both
}
.cssanimations .dsp-source.sec-active .dsp-source-text .btn {
-webkit-animation:fadeIn .4s ease-in-out both .3s;
animation:fadeIn .4s ease-in-out both .3s
}
.cssanimations .dsp-source.sec-active .dsp-source-light {
-webkit-animation:fadeIn .4s ease-in-out both .7s;
animation:fadeIn .4s ease-in-out both .7s
}
.cssanimations .dsp-source.sec-active .dsp-source-list ul li {
-webkit-animation:zoomIn .4s ease-in-out both;
animation:zoomIn .4s ease-in-out both
}
.cssanimations .dsp-source.sec-active .dsp-source-list ul li:nth-child(1) {
-webkit-animation-delay:.8s;
animation-delay:.8s
}
.cssanimations .dsp-source.sec-active .dsp-source-list ul li:nth-child(2) {
-webkit-animation-delay:.9s;
animation-delay:.9s
}
.cssanimations .dsp-source.sec-active .dsp-source-list ul li:nth-child(3) {
-webkit-animation-delay:1s;
animation-delay:1s
}
.cssanimations .dsp-source.sec-active .dsp-source-list ul li:nth-child(4) {
-webkit-animation-delay:1.1s;
animation-delay:1.1s
}
.cssanimations .dsp-source.sec-active .dsp-source-list ul li:nth-child(5) {
-webkit-animation-delay:1.2s;
animation-delay:1.2s
}
.cssanimations .dsp-source.sec-active .dsp-source-list ul li:nth-child(6) {
-webkit-animation-delay:1.3s;
animation-delay:1.3s
}
.cssanimations .dsp-source.sec-active .dsp-source-list ul li:nth-child(7) {
-webkit-animation-delay:1.4s;
animation-delay:1.4s
}
.cssanimations .dsp-source.sec-active .dsp-source-list ul li:nth-child(8) {
-webkit-animation-delay:1.5s;
animation-delay:1.5s
}
.cssanimations .dsp-source.sec-active .dsp-source-list ul li:nth-child(9) {
-webkit-animation-delay:1.6s;
animation-delay:1.6s
}
.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
}
.cssanimations .orientation-ability.sec-active .orientation-ability-text .title {
-webkit-animation:fadeInTop .4s ease-in-out both;
animation:fadeInTop .4s ease-in-out both
}
.cssanimations .orientation-ability.sec-active .orientation-ability-text .content {
-webkit-animation:fadeInTop .4s ease-in-out both;
animation:fadeInTop .4s ease-in-out both
}
.cssanimations .orientation-ability.sec-active .orientation-ability-text .btn {
-webkit-animation:fadeInTop .4s ease-in-out both .3s;
animation:fadeInTop .4s ease-in-out both .3s
}
.cssanimations .orientation-ability.sec-active .orientation-ability-example {
-webkit-animation:fadeIn .4s ease-in-out both .6s;
animation:fadeIn .4s ease-in-out both .6s
}
.cssanimations .orientation-ability.sec-active .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 .management.sec-active .title-big {
-webkit-animation:fadeInTop .4s ease-in-out both;
animation:fadeInTop .4s ease-in-out both
}
.cssanimations .management.sec-active .management-item:nth-child(1) .icon {
-webkit-animation:zoomIn .4s ease-in-out both .2s;
animation:zoomIn .4s ease-in-out both .2s
}
.cssanimations .management.sec-active .management-item:nth-child(1) h4 {
-webkit-animation:fadeInTop .4s ease-in-out both .3s;
animation:fadeInTop .4s ease-in-out both .3s
}
.cssanimations .management.sec-active .management-item:nth-child(1) p {
-webkit-animation:fadeInTop .4s ease-in-out both .4s;
animation:fadeInTop .4s ease-in-out both .4s
}
.cssanimations .management.sec-active .management-item:nth-child(2) .icon {
-webkit-animation:zoomIn .4s ease-in-out both .4s;
animation:zoomIn .4s ease-in-out both .4s
}
.cssanimations .management.sec-active .management-item:nth-child(2) h4 {
-webkit-animation:fadeInTop .4s ease-in-out both .5s;
animation:fadeInTop .4s ease-in-out both .5s
}
.cssanimations .management.sec-active .management-item:nth-child(2) p {
-webkit-animation:fadeInTop .4s ease-in-out both .6s;
animation:fadeInTop .4s ease-in-out both .6s
}
.cssanimations .management.sec-active .management-item:nth-child(3) .icon {
-webkit-animation:zoomIn .4s ease-in-out both .6s;
animation:zoomIn .4s ease-in-out both .6s
}
.cssanimations .management.sec-active .management-item:nth-child(3) h4 {
-webkit-animation:fadeInTop .4s ease-in-out both .7s;
animation:fadeInTop .4s ease-in-out both .7s
}
.cssanimations .management.sec-active .management-item:nth-child(3) p {
-webkit-animation:fadeInTop .4s ease-in-out both .8s;
animation:fadeInTop .4s ease-in-out both .8s
}
.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
}
.cssanimations .effect.sec-active .title-big {
-webkit-animation:fadeIn .4s ease-in-out both;
animation:fadeIn .4s ease-in-out both
}
.cssanimations .effect.sec-active .swiper-slide-active .effect-pic {
-webkit-animation:fadeInRight .4s ease-in-out both .3s;
animation:fadeInRight .4s ease-in-out both .3s
}
.cssanimations .effect.sec-active .swiper-slide-active .effect-brand {
-webkit-animation:fadeInTop .4s ease-in-out both .5s;
animation:fadeInTop .4s ease-in-out both .5s
}
.cssanimations .effect.sec-active .swiper-slide-active .effect-title {
-webkit-animation:fadeInTop .4s ease-in-out both .5s;
animation:fadeInTop .4s ease-in-out both .5s
}
.cssanimations .effect.sec-active .swiper-slide-active .effect-description {
-webkit-animation:fadeInTop .4s ease-in-out both .5s;
animation:fadeInTop .4s ease-in-out both .5s
}
.cssanimations .effect.sec-active .swiper-slide-active .effect-text .btn {
-webkit-animation:fadeIn .4s ease-in-out both .8s;
animation:fadeIn .4s ease-in-out both .8s
}
.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;clear:right;
	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/bg-orientation-vertical.png);
	background-image:-webkit-image-set(url(../images/bg-orientation-vertical.png) 1x, url(../images/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/bg-orientation-people.png);
	background-image:-webkit-image-set(url(../images/bg-orientation-people.png) 1x, url(../images/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:#0067ed
}
.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:#0067ed
}
.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/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;
	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:#0067ed;
	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:#0067ed;
	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:#0067ed;
	color:#fff;
	line-height:1
}
.case-detail .case-detail-bd .case-summary .case-summary-hd .container {
	background-color:#0067ed
}
.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:#0067ed
}
.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>a {
	color:#000;
	display:block;
	position:relative;
	padding:128px 38px 40px
}
.source .source-bd .source-item .column:before {
	content:"";
	width:29px;
	height:27px;
	position:absolute;
	right:40px;
	bottom:40px;
	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:-35px -74px
}
.source .source-bd .source-item .column:hover {
	border-color:#0067ed
}
.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-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
}
.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;height:150px;
	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:#0067ed;
	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:#0067ed;
	-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:#0067ed;
	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:#0067ed;
	-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:#0067ed
}
.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:#0067ed;
	-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:#0067ed
}
.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:#0067ed;
	-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
}
.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:#0067ed;
	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:#0067ed;
	-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:#0067ed;
	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:#0067ed;
	-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:#0067ed;
	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:#0067ed;
	-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)
}
.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:#0067ed;
	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:#0067ed;
	-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-shanping .bg-decor {
	right:0;
	top:-24px
}
.browser-scene .scene-shanping .bg-decor:after, .browser-scene .scene-shanping .bg-decor:before {
	right:0;
	color:#0067ed;
	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:#0067ed;
	-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:#0067ed;
	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:#0067ed;
	-webkit-transform:scale(.68);
	transform:scale(.68);
	-webkit-transform-origin:0 center;
	transform-origin:0 center
}
.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:#0067ed;
	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:#0067ed;
	-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:#0067ed;
	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:#0067ed;
	-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:#0067ed;
	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:#0067ed;
	-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:#0067ed
}
.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 #0067ed
}
.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:#0067ed
}
.faq .faq-list .faq-submenu>li.active a {
	color:#0067ed
}
.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:#0067ed;
	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:#0067ed
}
.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:#0067ed;
	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:#0067ed
}
.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:#0067ed;
	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:#0067ed;
	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:#0067ed
}
.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:#0067ed
}
.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:#0067ed
}
.step .step-list li p span:before {
	content:"";
	width:2px;
	height:1em;
	background-color:#0067ed;
	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:#0067ed
}
.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:#0067ed
}
.download-data .download-list li p span a:hover:after {
	background-color:#0067ed
}
.download-data .download-list li p span:before {
	content:"";
	width:2px;
	height:1em;
	background-color:#0067ed;
	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 #0067ed
}
.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:#0067ed;
	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:#0067ed
}
.download-area .download-table tbody td.data-link a:hover:after {
	background-color:#0067ed
}
.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:#0067ed
}
.course-preview .preview-cats li.active>a {
	color:#0067ed;
	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:#0067ed
}
.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:#0067ed
}
.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:#0067ed;
	text-decoration:underline
}
.sitemap-list li a:before {
	content:"";
	width:2px;
	height:13px;
	background:#0067ed;
	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:#0067ed
}
.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:#0067ed;
	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
}

 @media (max-width:768px) {
.hero .container{padding:15px;width:300px;}
}