img,input {
	border:none
}
body,li,ul {
	margin:0;
	padding:0
}
body,button,input,select,textarea {
	font:12px/1.14 Arial,Helvetica,sans-serif
}
body {
	font-size:16px
}
p {
	font-size:14px
}
h1,h2,h3,h4,h5,h6,p {
	font-weight:400;
	margin:0;
	cursor:default
}
.grey {
	color:#666
}
img {
	vertical-align:middle
}
li {
	list-style:none
}
a {
	-webkit-tap-highlight-color:transparent;
	color:#328fee;
	cursor:pointer;
	text-decoration:none
}
a:focus,a:hover {
	text-decoration:none;
	outline:0
}
input {
	background:0 0
}
button,input,select,textarea {
	margin:0;
	color:inherit
}
label {
	display:inline-block;
	max-width:100%
}
button::-moz-focus-inner,input::-moz-focus-inner {
	padding:0;
	border:0
}
a:focus,button,button:focus,input,input:focus,ul:focus {
	outline:0
}
.left {
	float:left
}
.right {
	float:right
}
.fixed {
	position:fixed;
	top:0
}
.clearfix {
	zoom:1
}
.clearfix:after {
	visibility:hidden;
	display:table;
	font-size:0;
	content:"";
	clear:both;
	height:0
}
.hide {
	display:none!important
}
.center {
	text-align:center
}
.antonyms .header-wrap .header .logo .headicons-head_logo,.antonyms .header-wrap.scroll .header .logo .headicons-head_logo,.header-wrap .header .logo .headicons-head_logo,.headicons-close,.headicons-head_logo,.headicons-head_logo_bak,.headicons-head_logo_wap,.headicons-head_logo_wap_bak,.headicons-head_logo_white,.headicons-sprite,.headicons-tool {
	background-image:url(../images/headicons-sad1fec38c3.png);
	background-repeat:no-repeat
}
.headicons-close {
	background-position:0 0;
	height:18px;
	width:18px
}
.headicons-head_logo {
	background-position:-20px 0;
	height:27px;
	width:218px
}
.headicons-head_logo_bak {
	background-position:-240px 0;
	height:32px;
	width:215px
}
.headicons-head_logo_wap {
	background-position:-457px 0;
	height:22px;
	width:179px
}
.headicons-head_logo_wap_bak {
	background-position:-638px 0;
	height:18px;
	width:119px
}
.headicons-head_logo_white {
	background-position:-759px 0;
	height:27px;
	width:218px
}
.headicons-tool {
	background-position:-979px 0;
	height:18px;
	width:18px
}
.header-wrap {
	background:#FFF;
	position:fixed!important;
	width:100%;
	left:0;
	top:0;
	z-index:1111!important;
	transition:all .25s ease-in-out
}
.antonyms .header-wrap .header,.aside {
	z-index:9999
}
.header-wrap.scroll {
	box-shadow:1px 1px 10px rgba(0,0,0,.2);
	opacity:.9
}
.header-wrap .header {
	position:relative;
	height:60px;
	margin:0 auto;
	color:#6B6B6B;
	z-index:9999
}
.header-wrap .header .logo {
	margin:15px 56px 0 36px
}
.header-wrap .header .logo .headicons-head_logo {
	background-position:-20px 0;
	height:27px;
	width:218px
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:1.5),(min-device-pixel-ratio:1.5) {
	.header-wrap .header .logo .headicons-head_logo {
	background-image:url(../images/headicons2x-s3ad60865d2.png);
	-webkit-background-size:440px auto;
	-moz-background-size:440px auto;
	-o-background-size:440px auto;
	background-size:440px auto;
	background-position:0 0
}
}
.header-wrap .header .iconfont,.header-wrap .header .logo-wap {
	display:none
}
.header-wrap .header .selected {
	color:#3E75FF
}
.header-wrap .header .nav-wrap {
	height:100%
}
.header-wrap .header .nav-wrap .nav {
	display:inline;
	height:100%
}
.header-wrap .header .nav-wrap .nav .item {
	display:inline-block;
	height:100%;
	margin-right:36px;
	line-height:60px;
	box-sizing:border-box;
	cursor:pointer
}
.header-wrap .header .nav-wrap .nav .item:last-child {
	margin-right:0
}
.header-wrap .header .nav-wrap .nav .item a {
	color:#6B6B6B;
	display:block;
	transition:color .25s ease-in-out
}
.header-wrap .header .nav-wrap .nav .item a.active,.header-wrap .header .nav-wrap .nav .item a:hover,.header-wrap .header .nav-wrap .nav .item.active .name {
	color:#3E75FF
}
.header-wrap .header .nav-wrap .nav .item.active {
	border-bottom:2px solid #3E75FF
}
.header-wrap .header .nav-wrap .nav .product {
	position:relative
}
.header-wrap .header .nav-wrap .nav .product .product-box {
	position:absolute;
	width:140px;
	height:160px;
	left:-46px;
	top:54px;
	display:none;
	background:#FFF;
	box-shadow:1px 1px 5px rgba(0,0,0,.1);
	border-radius:4px;
	overflow:hidden
}
.header-wrap .header .nav-wrap .nav .product .product-box li {
	height:40px;
	line-height:40px;
	width:140px;
	text-align:center;
	color:#6B6B6B;
	font-size:14px;
	cursor:pointer
}
.header-wrap .header .nav-wrap .nav .product .product-box li:hover {
	background:#F4F4F4
}
.header-wrap .header .nav-wrap .nav .product .product-box li:hover a {
	color:#3E75FF
}
.header-wrap .header .nav-wrap .nav .product:hover .product-box {
	display:block
}
.header-wrap .open-now-wap {
	display:none
}
.header-wrap .login-now,.header-wrap .open-now {
	display:block;
	float:right;
	height:100%;
	width:86px;
	line-height:60px;
	text-align:center;
	font-size:14px;
	color:#FFF;
	background:#3E75FF;
	transition:background .25s ease-in-out
}
.header-wrap .login-now:hover,.header-wrap .open-now:hover {
	background:#40A9FF
}
.header-wrap .login-now {
	background:0 0;
	margin-left:12px;
	color:#3E75FF;
	border:1px solid #3E75FF;
	width:80px;
	display:none
}
.header-wrap .login-now:hover {
	color:#000;
	border:1px solid #3E75FF;
	background:#3E75FF
}
.antonyms .header-wrap {
	background:0 0
}
.antonyms .header-wrap .header .logo .headicons-head_logo {
	background-position:-759px 0;
	height:27px;
	width:218px
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:1.5),(min-device-pixel-ratio:1.5) {
	.antonyms .header-wrap .header .logo .headicons-head_logo {
	background-image:url(../images/headicons2x-s3ad60865d2.png);
	-webkit-background-size:440px auto;
	-moz-background-size:440px auto;
	-o-background-size:440px auto;
	background-size:440px auto;
	background-position:-220px 0
}
}
.antonyms .header-wrap .header .iconfont,.antonyms .header-wrap .header .logo-wap {
	display:none
}
.antonyms .header-wrap .header .selected {
	color:#FFF
}
.antonyms .header-wrap .header .nav-wrap {
	height:100%
}
.antonyms .header-wrap .header .nav-wrap .nav {
	display:inline;
	height:100%
}
.antonyms .header-wrap .header .nav-wrap .nav .item a {
	color:#D5D5D5;
	color:rgba(255,255,255,.5)
}
.antonyms .header-wrap .header .nav-wrap .nav .item a.active,.antonyms .header-wrap .header .nav-wrap .nav .item a:hover,.antonyms .header-wrap .header .nav-wrap .nav .item.active .name {
	color:#FFF
}
.antonyms .header-wrap .header .nav-wrap .nav .item.active {
	border-color:#FFF
}
.antonyms .header-wrap .header .nav-wrap .nav .product {
	position:relative
}
.antonyms .header-wrap .header .nav-wrap .nav .product .product-box li a {
	color:#6B6B6B
}
.antonyms .header-wrap .header .nav-wrap .nav .product .product-box li:hover {
	background:#F4F4F4
}
.antonyms .header-wrap .header .nav-wrap .nav .product .product-box li:hover a {
	color:#3E75FF
}
.antonyms .header-wrap .header .nav-wrap .nav .product:hover .product-box {
	display:block
}
.antonyms .header-wrap .login-now,.antonyms .header-wrap .open-now {
	background:0 0;
	color:#FFF
}
.antonyms .header-wrap .login-now {
	display:none
}
.antonyms .header-wrap.scroll {
	background:#FFF
}
.antonyms .header-wrap.scroll .header .logo .headicons-head_logo {
	background-position:-20px 0;
	height:27px;
	width:218px
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:1.5),(min-device-pixel-ratio:1.5) {
	.antonyms .header-wrap.scroll .header .logo .headicons-head_logo {
	background-image:url(../images/headicons2x-s3ad60865d2.png);
	-webkit-background-size:440px auto;
	-moz-background-size:440px auto;
	-o-background-size:440px auto;
	background-size:440px auto;
	background-position:0 0
}
}
.antonyms .header-wrap.scroll .header .nav-wrap .nav .item a {
	color:#6B6B6B
}
.antonyms .header-wrap.scroll .header .nav-wrap .nav .item.active .name,.antonyms .header-wrap.scroll .header .nav-wrap .nav .item:hover .name {
	color:#3E75FF
}
.antonyms .header-wrap.scroll .header .nav-wrap .nav .item.active {
	border-color:#3E75FF
}
.antonyms .header-wrap.scroll .header .login-now,.antonyms .header-wrap.scroll .header .open-now {
	display:block;
	background:#3E75FF
}
.antonyms .header-wrap.scroll .header .login-now,.footer .service-wrap .service .iconfont {
	display:none
}
.footer .service-wrap .friendship-link .friendship-link-ul .gray-li .footerIcon-corpmail:hover,.footer .service-wrap .friendship-link .friendship-link-ul .gray-li .footerIcon-tyCloud:hover,.footer .service-wrap .friendship-link .friendship-link-ul .gray-li .footerIcon-tyCloudstorage:hover,.footerIcon-an,.footerIcon-app,.footerIcon-code,.footerIcon-corpmail,.footerIcon-dxLogo,.footerIcon-dxLogowhite,.footerIcon-sprite,.footerIcon-tyCloud,.footerIcon-tyCloudstorage,.footerIcon-wq,.footerIcon-xin,.footerIcon-yi,.footerIcon-yong {
	background-image:url(../images/footericon-s83c73f2ae8.png);
	background-repeat:no-repeat
}
.footerIcon-an {
	background-position:0 0;
	height:34px;
	width:34px
}
.footerIcon-app {
	background-position:-36px 0;
	height:84px;
	width:84px
}
.footerIcon-code {
	background-position:-122px 0;
	height:84px;
	width:84px
}
.footerIcon-corpmail {
	background-position:-208px 0;
	height:34px;
	width:110px
}
.footerIcon-corpmail.corpmail-hover,.footerIcon-corpmail:hover {
	background-position:-320px 0
}
.footerIcon-dxLogo {
	background-position:-432px 0;
	height:54px;
	width:140px
}
.footerIcon-dxLogowhite {
	background-position:-574px 0;
	height:36px;
	width:120px
}
.footerIcon-tyCloud {
	background-position:-696px 0;
	height:34px;
	width:110px
}
.footerIcon-tyCloud.tyCloud-hover,.footerIcon-tyCloud:hover {
	background-position:-808px 0
}
.footerIcon-tyCloudstorage {
	background-position:-920px 0;
	height:34px;
	width:110px
}
.footerIcon-tyCloudstorage.tyCloudstorage-hover,.footerIcon-tyCloudstorage:hover {
	background-position:-1032px 0
}
.footerIcon-wq {
	background-position:-1144px 0;
	height:30px;
	width:132px
}
.footerIcon-wq.wq-hover,.footerIcon-wq:hover {
	background-position:-1278px 0
}
.footerIcon-xin {
	background-position:-1412px 0;
	height:34px;
	width:34px
}
.footerIcon-yi {
	background-position:-1448px 0;
	height:34px;
	width:34px
}
.footerIcon-yong {
	background-position:-1484px 0;
	height:34px;
	width:34px
}
.other-android,.other-download,.other-iphone,.other-windows,.othericons-sprite {
	background-image:url(../images/othericons-sd48ec4278f.png);
	background-repeat:no-repeat
}
.other-android {
	background-position:0 0;
	height:58px;
	width:49px
}
.other-download {
	background-position:-51px 0;
	height:42px;
	width:36px
}
.other-iphone {
	background-position:-89px 0;
	height:54px;
	width:44px
}
.other-windows {
	background-position:-135px 0;
	height:46px;
	width:49px
}
.footer {
	background-color:#1C1C1C;
	overflow:hidden
}
.footer .line {
	height:0;
	border-bottom:1px solid #2E2E2E
}
.footer .service-nav {
	width:1000px;
	height:90px;
	margin:0 auto
}
.footer .service-nav li {
	position:relative;
	width:25%;
	float:left;
	line-height:90px
}
.footer .service-nav .footerIcon {
	position:absolute;
	top:28px;
	left:24px;
	width:34px;
	height:34px
}
.footer .service-nav .name {
	padding-left:70px;
	font-size:14px;
	color:#666;
	line-height:36px
}
.footer .service-wrap {
	margin:0 auto;
	width:840px
}
.footer .service-wrap .service {
	padding:50px 0;
	width:840px;
	margin:0 auto
}
.footer .service-wrap .service h3 {
	font-size:18px;
	margin-bottom:24px;
	color:#666;
	font-weight:700
}
.footer .service-wrap .service .col-1 {
	width:26%
}
.footer .service-wrap .service .col-2 {
	width:44%
}
.footer .service-wrap .service .col-3 {
	width:28%
}
.footer .service-wrap .service li.col {
	display:inline-block;
	vertical-align:top;
	width:33%
}
.footer .service-wrap .service li.col.wap {
	display:none
}
.footer .service-wrap .service li.col.web {
	margin-right:0
}
.footer .service-wrap .service li.col a {
	display:inline-block;
	width:316px;
	font-size:12px;
	line-height:2;
	color:#666;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.footer .service-wrap .service li.col a:hover {
	color:#3E75FF;
	text-decoration:none;
	cursor:pointer
}
.footer .service-wrap .service li.col .name {
	display:inline-block;
	width:84px;
	text-align:left;
	font-size:12px;
	line-height:2;
	color:#666;
	margin-right:11px
}
.footer .service-wrap .service li.col .foot-code {
	height:84px;
	width:84px;
	float:left;
	margin-top:8px;
	margin-right:16px
}
.footer .service-wrap .service li.col .foot-code.pc {
	background:#333;
	text-align:center;
	cursor:pointer;
	transition:opacity .25s ease-in-out
}
.footer .service-wrap .service li.col .foot-code.pc a {
	display:inline-block;
	height:100%;
	width:100%;
	text-decoration:none;
	line-height:1
}
.footer .service-wrap .service li.col .foot-code.pc a i {
	display:block;
	height:43px;
	width:43px;
	background:url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAFYAAABWBAMAAACneHzEAAAAD1BMVEUAAAABn+72URB9vQL/uQI8ohw1AAAAAXRSTlMAQObYZgAAADVJREFUSMftyjERACAQA7BawAIWsIB/TQysNfB3yZzsIskpXNd1XXfM5VtFklu4ruu67pT7AK2LE19q5lkXAAAAAElFTkSuQmCC) center no-repeat;
	background-size:100% 100%;
	margin:14px 20.5px 8.5px
}
.footer .service-wrap .service li.col .foot-code.pc a span {
	display:block;
	font-size:12px;
	color:#3E75FF
}
.footer .friend-wrap .footer-tip-wap,.footer .service-wrap .friendship-link .friendship-link-ul li .img2,.footer .tel-phone {
	display:none
}
.footer .service-wrap .service li.col .foot-code.pc:hover {
	opacity:.8
}
.footer .service-wrap .service li.col-1 {
	width:20%
}
.footer .service-wrap .service li.col-2 {
	width:40%
}
.footer .service-wrap .service li.col-3 {
	width:38%
}
.footer .service-wrap .friendship-link {
	width:840px;
	margin:auto
}
.footer .service-wrap .friendship-link .friendship-name {
	float:left;
	margin-right:60px;
	font-size:14px;
	color:#666;
	line-height:36px
}
.footer .service-wrap .friendship-link .friendship-link-ul {
	float:left;
	width:640px
}
.footer .service-wrap .friendship-link .friendship-link-ul li {
	float:left;
	margin-right:40px
}
.footer .service-wrap .friendship-link .friendship-link-ul li:last-child {
	margin-right:0
}
.footer .service-wrap .friendship-link .friendship-link-ul .gray-li .link-icon {
	float:left
}
.footer .service-wrap .friendship-link .friendship-link-ul .gray-li .footerIcon-tyCloud {
	width:110px
}
.footer .service-wrap .friendship-link .friendship-link-ul .gray-li .footerIcon-tyCloud:hover {
	background-position:-808px 0;
	height:34px;
	width:110px
}
.footer .service-wrap .friendship-link .friendship-link-ul .gray-li .footerIcon-tyCloudstorage {
	width:110px
}
.footer .service-wrap .friendship-link .friendship-link-ul .gray-li .footerIcon-tyCloudstorage:hover {
	background-position:-1032px 0;
	height:34px;
	width:110px
}
.footer .service-wrap .friendship-link .friendship-link-ul .gray-li .footerIcon-corpmail {
	width:110px
}
.footer .service-wrap .friendship-link .friendship-link-ul .gray-li .footerIcon-corpmail:hover {
	background-position:-320px 0;
	height:34px;
	width:110px
}
.footer .friend-wrap {
	width:840px;
	position:relative;
	margin:24px auto;
	text-align:left;
	padding:20px 0;
	font-size:12px;
	color:#666;
	line-height:24px;
	border-top:1px solid #2E2E2E
}
.footer .friend-wrap .dxLogo {
	float:left;
	width:140px;
	margin-top:-2px
}
.footer .friend-wrap .friend-right {
	margin-left:154px
}
.footer .friend-wrap a {
	color:#666
}
.footer .friend-wrap p {
	font-size:12px
}
.footer .friend-wrap .xin-an {
	position:absolute;
	width:100px;
	right:-38px;
	top:26px
}
.footer-IPv6 {
	display:inline-block;
	position:relative;
	top:4px;
	width:48px;
	height:17px;
	margin-right:5px;
	background:url(../images/ipv6.png) center center no-repeat
}
.footerIcon-an {
	background:url(../images/footer_an.png) center no-repeat;
	background-size:100% 100%
}
.footerIcon-xin {
	background:url(../images/footer_xin.png) center no-repeat;
	background-size:100% 100%
}
.footerIcon-yi {
	background:url(../images/footer_yi.png) center no-repeat;
	background-size:100% 100%
}
.footerIcon-yong {
	background:url(../images/footer_yong.png) center no-repeat;
	background-size:100% 100%
}
.shade-app,.shade-code {
	display:none
}
.asideIcon-code,.asideIcon-fankui,.asideIcon-icon-code,.asideIcon-icon-k,.asideIcon-icon-kefu,.asideIcon-icon-qiye,.asideIcon-icon-tousu,.asideIcon-icon-zixun,.asideIcon-kefu,.asideIcon-phone,.asideIcon-qiye,.asideIcon-qq,.asideIcon-sprite,.asideIcon-toTop,.asideIcon-tousu,.asideIcon-zixun {
	background-image:url(../images/asideicon-sdebc593f48.png);
	background-repeat:no-repeat
}
.asideIcon-icon-code {
	background-position:0 -28px;
	height:90px;
	width:90px
}
.asideIcon-icon-k {
	background-position:0 -118px;
	height:341px;
	width:312px
}
.asideIcon-icon-kefu {
	background-position:0 -459px;
	height:24px;
	width:24px
}
.asideIcon-icon-qiye {
	background-position:0 -483px;
	height:24px;
	width:24px
}
.asideIcon-icon-tousu {
	background-position:0 -507px;
	height:24px;
	width:24px
}
.asideIcon-icon-zixun {
	background-position:0 -531px;
	height:24px;
	width:24px
}
* {
	margin:0;
	padding:0
}
.aside {
	position:fixed;
	right:20px;
	top:65%;
	margin-top:-100px
}
.aside .aside-item {
	background:#FFF;
	box-shadow:0 2px 23px 0 rgba(0,0,0,.08);
	border-radius:26px
}
.aside .aside-item .aside-icon {
	display:block;
	width:50px
}
.aside .aside-item .aside-icon .aside-icon-img {
	display:block
}
.aside .aside-item .aside-icon .aside-icon-text {
	display:block;
	font-size:14px;
	color:#6691FF;
	line-height:18px;
	margin:0 18px 2px
}
.aside .aside-item .aside-bg {
	display:none;
	position:absolute;
	right:40px;
	top:-20px
}
.aside .aside-item .aside-bg .aside-text {
	width:240px;
	height:270px;
	background-image:url(../images/icon-k.png);
	padding:40px 35px;
	white-space:nowrap;
	overflow:hidden
}
.aside .aside-item .aside-bg .aside-text .server-item .server-icon {
	display:inline-block;
	float:left;
	margin-right:12px
}
.aside .aside-item .aside-bg .aside-text .server-item .server-list .server-title {
	font-size:12px;
	color:#333;
	line-height:17px
}
.aside .aside-item .aside-bg .aside-text .server-item .server-list .server-desc {
	font-size:11px;
	color:#888;
	line-height:16px;
	margin-top:5px
}
.aside .aside-item .aside-bg .aside-text .server-item .server-list .server-s {
	font-size:12px;
	color:#3A3A3A;
	line-height:20px
}
.aside .aside-item .aside-bg .aside-text .qiye {
	border-bottom:1px solid #ECEEF0
}
.aside .aside-item .aside-bg .aside-arrow,.aside .aside-item .aside-bg .aside-arrow .arrow-icon {
	width:0;
	height:0;
	border-bottom:10px solid transparent;
	border-top:10px solid transparent;
	position:absolute
}
.aside .aside-item .aside-bg .aside-text .kefu,.aside .aside-item .aside-bg .aside-text .tousu {
	margin-top:19px
}
.aside .aside-item .aside-bg .aside-text .phone .server-list .server-s {
	color:#ffa53b
}
.aside .aside-item .aside-bg .aside-arrow {
	top:30px;
	right:6px
}
.aside .aside-item .aside-bg .aside-arrow .arrow-icon {
	border-left:10px solid #fff;
	top:-10px;
	right:2px;
	z-index:9
}
.aside .zixun {
	padding:15px 0
}
.aside .zixun .aside-icon-img {
	margin:0 13px 10px
}
.aside .zixun .kefu .server-s,.aside .zixun .kefu .server-title {
	cursor:pointer
}
.aside .zixun .kefu .server-link {
	display:block
}
.aside .zixun .kefu .server-link:hover .server-title {
	color:#3679FF!important
}
.aside .toTop {
	margin-top:10px;
	padding:9px 0
}
.aside .toTop .aside-icon-img {
	margin:10px 16px
}
.aside .fankui .aside-icon .aside-icon-text,.aside .fankui:hover .aside-icon-img {
	display:none
}
.aside .fankui:hover .aside-icon-text {
	display:block;
	margin:5px 16px

}
.asideIcon-zixun {
	background-position:0 -531px;
	height:24px;
	width:24px
}
.asideIcon-fankui {
	background-position:0 0;
	height:28px;
	width:28px
}
.asideIcon-toTop {
	background-position:0 -651px;
	height:12px;
	width:18px
}
.asideIcon-kefu {
	background-position:0 -459px;
	height:24px;
	width:24px
}
.asideIcon-tousu {
	background-position:0 -507px;
	height:24px;
	width:24px
}
.asideIcon-qiye {
	background-position:0 -483px;
	height:24px;
	width:24px
}
.asideIcon-code {
	margin-top:5px;
	display:block;
	margin-left:36px;
	margin-bottom:24px;
	background-position:0 -28px;
	height:90px;
	width:90px
}
.asideIcon-phone {
	background-position:0 -587px;
	height:32px;
	width:32px
}
.asideIcon-qq {
	background-position:0 -619px;
	height:32px;
	width:32px
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:1.5),(min-device-pixel-ratio:1.5) {
	.asideIcon-zixun {
	background-image:url(../images/asideicon2x-s3878640a52.png);
	-webkit-background-size:530px auto;
	-moz-background-size:530px auto;
	-o-background-size:530px auto;
	background-size:530px auto;
	background-position:-484px 0
}
.asideIcon-kefu,.asideIcon-tousu {
	background-image:url(../images/asideicon2x-s3878640a52.png);
	-webkit-background-size:530px auto;
	-moz-background-size:530px auto;
	-o-background-size:530px auto
}
.asideIcon-kefu {
	background-size:530px auto;
	background-position:-406px 0
}
.asideIcon-tousu {
	background-size:530px auto;
	background-position:-458px 0
}
.asideIcon-code,.asideIcon-qiye {
	-webkit-background-size:530px auto;
	-moz-background-size:530px auto;
	-o-background-size:530px auto;
	background-image:url(../images/asideicon2x-s3878640a52.png)
}
.asideIcon-qiye {
	background-size:530px auto;
	background-position:-432px 0
}
.asideIcon-code {
	background-size:530px auto;
	background-position:0 0
}
.asideIcon-toTop {
	background-image:url(../images/asideicon2x-s3878640a52.png);
	-webkit-background-size:530px auto;
	-moz-background-size:530px auto;
	-o-background-size:530px auto;
	background-size:530px auto;
	background-position:-510px 0
}
}
@keyframes slideInDown {
	from {
	-webkit-transform:translate3d(0,-100%,0);
	transform:translate3d(0,-100%,0);
	visibility:visible
}
to {
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
}.slideInDown {
	-webkit-animation-name:slideInDown;
	animation-name:slideInDown
}
@-webkit-keyframes slideInLeft {
	from {
	-webkit-transform:translate3d(-100%,0,0);
	transform:translate3d(-100%,0,0);
	visibility:visible
}
to {
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
}
@keyframes slideInLeft {
	from {
	-webkit-transform:translate3d(-100%,0,0);
	transform:translate3d(-100%,0,0);
	visibility:visible
}
to {
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
}
.slideInLeft {
	-webkit-animation-name:slideInLeft;
	animation-name:slideInLeft
}
@-webkit-keyframes slideInRight {
	from {
	-webkit-transform:translate3d(100%,0,0);
	transform:translate3d(100%,0,0);
	visibility:visible
}
to {
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
}@keyframes slideInRight {
	from {
	-webkit-transform:translate3d(100%,0,0);
	transform:translate3d(100%,0,0);
	visibility:visible
}
to {
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
}
.slideInRight {
	-webkit-animation-name:slideInRight;
	animation-name:slideInRight
}
@-webkit-keyframes slideInUp {
	from {
	-webkit-transform:translate3d(0,100%,0);
	transform:translate3d(0,100%,0);
	visibility:visible
}
to {
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
}
@keyframes slideInUp {
	from {
	-webkit-transform:translate3d(0,100%,0);
	transform:translate3d(0,100%,0);
	visibility:visible
}
to {
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
}
.slideInUp {
	-webkit-animation-name:slideInUp;
	animation-name:slideInUp
}
@-webkit-keyframes opacity_transform {
	from {
	opacity:0
}
to {
	opacity:1
}
}
@keyframes opacity_transform {
	from {
	opacity:0
}
to {
	opacity:1
}
}
@-webkit-keyframes bounceIn {
	20%,40%,60%,80%,from,to {
	-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
	animation-timing-function:cubic-bezier(.215,.61,.355,1)
}
0% {
	-webkit-transform:scale3d(.7,.7,.7);
	transform:scale3d(.7,.7,.7)
}
20%,to {
	-webkit-transform:scale3d(1,1,1);
	transform:scale3d(1,1,1)
}
40% {
	-webkit-transform:scale3d(.9,.9,.9);
	transform:scale3d(.9,.9,.9)
}
60% {
	-webkit-transform:scale3d(1.03,1.03,1.03);
	transform:scale3d(1.03,1.03,1.03)
}
80% {
	-webkit-transform:scale3d(.97,.97,.97);
	transform:scale3d(.97,.97,.97)
}
}
@keyframes bounceIn {
	0% {
	-webkit-transform:scale3d(.6,.6,.6);
	transform:scale3d(.6,.6,.6)
}
20% {
	-webkit-transform:scale3d(1.1,1.1,1.1);
	transform:scale3d(1.1,1.1,1.1)
}
40% {
	-webkit-transform:scale3d(.9,.9,.9);
	transform:scale3d(.9,.9,.9)
}
60% {
	-webkit-transform:scale3d(1.03,1.03,1.03);
	transform:scale3d(1.03,1.03,1.03)
}
80% {
	-webkit-transform:scale3d(.97,.97,.97);
	transform:scale3d(.97,.97,.97)
}
to {
	-webkit-transform:scale3d(1,1,1);
	transform:scale3d(1,1,1)
}
}
.bounceIn {
	-webkit-animation-duration:.75s;
	animation-duration:.75s;
	-webkit-animation-name:bounceIn;
	animation-name:bounceIn
}
@-webkit-keyframes bounceInDown {
	60%,75%,90%,from,to {
	-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
	animation-timing-function:cubic-bezier(.215,.61,.355,1)
}
0% {
	opacity:0;
	-webkit-transform:translate3d(0,-3000px,0);
	transform:translate3d(0,-3000px,0)
}
60% {
	opacity:1;
	-webkit-transform:translate3d(0,10px,0);
	transform:translate3d(0,10px,0)
}
75% {
	-webkit-transform:translate3d(0,-10px,0);
	transform:translate3d(0,-10px,0)
}
90% {
	-webkit-transform:translate3d(0,5px,0);
	transform:translate3d(0,5px,0)
}
to {
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
}
@keyframes bounceInDown {
	60%,75%,90%,from,to {
	-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
	animation-timing-function:cubic-bezier(.215,.61,.355,1)
}
0% {
	opacity:0;
	-webkit-transform:translate3d(0,-3000px,0);
	transform:translate3d(0,-3000px,0)
}
60% {
	opacity:1;
	-webkit-transform:translate3d(0,10px,0);
	transform:translate3d(0,10px,0)
}
75% {
	-webkit-transform:translate3d(0,-10px,0);
	transform:translate3d(0,-10px,0)
}
90% {
	-webkit-transform:translate3d(0,5px,0);
	transform:translate3d(0,5px,0)
}
to {
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
}
.bounceInDown {
	-webkit-animation-name:bounceInDown;
	animation-name:bounceInDown
}
@-webkit-keyframes bounceInLeft {
	60%,75%,90%,from,to {
	-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
	animation-timing-function:cubic-bezier(.215,.61,.355,1)
}
0% {
	opacity:0;
	-webkit-transform:translate3d(-3000px,0,0);
	transform:translate3d(-3000px,0,0)
}
60% {
	opacity:1;
	-webkit-transform:translate3d(25px,0,0);
	transform:translate3d(25px,0,0)
}
75% {
	-webkit-transform:translate3d(-10px,0,0);
	transform:translate3d(-10px,0,0)
}
90% {
	-webkit-transform:translate3d(5px,0,0);
	transform:translate3d(5px,0,0)
}
to {
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
}
@keyframes bounceInLeft {
	60%,75%,90%,from,to {
	-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
	animation-timing-function:cubic-bezier(.215,.61,.355,1)
}
0% {
	opacity:0;
	-webkit-transform:translate3d(-3000px,0,0);
	transform:translate3d(-3000px,0,0)
}
60% {
	opacity:1;
	-webkit-transform:translate3d(25px,0,0);
	transform:translate3d(25px,0,0)
}
75% {
	-webkit-transform:translate3d(-10px,0,0);
	transform:translate3d(-10px,0,0)
}
90% {
	-webkit-transform:translate3d(5px,0,0);
	transform:translate3d(5px,0,0)
}
to {
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
}
.bounceInLeft {
	-webkit-animation-name:bounceInLeft;
	animation-name:bounceInLeft
}
@-webkit-keyframes bounceInRight {
	60%,75%,90%,from,to {
	-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
	animation-timing-function:cubic-bezier(.215,.61,.355,1)
}
from {
	opacity:0;
	-webkit-transform:translate3d(3000px,0,0);
	transform:translate3d(3000px,0,0)
}
60% {
	opacity:1;
	-webkit-transform:translate3d(-25px,0,0);
	transform:translate3d(-25px,0,0)
}
75% {
	-webkit-transform:translate3d(10px,0,0);
	transform:translate3d(10px,0,0)
}
90% {
	-webkit-transform:translate3d(-5px,0,0);
	transform:translate3d(-5px,0,0)
}
to {
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
}
@keyframes bounceInRight {
	60%,75%,90%,from,to {
	-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
	animation-timing-function:cubic-bezier(.215,.61,.355,1)
}
from {
	opacity:0;
	-webkit-transform:translate3d(3000px,0,0);
	transform:translate3d(3000px,0,0)
}
60% {
	opacity:1;
	-webkit-transform:translate3d(-25px,0,0);
	transform:translate3d(-25px,0,0)
}
75% {
	-webkit-transform:translate3d(10px,0,0);
	transform:translate3d(10px,0,0)
}
90% {
	-webkit-transform:translate3d(-5px,0,0);
	transform:translate3d(-5px,0,0)
}
to {
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
}
.bounceInRight {
	-webkit-animation-name:bounceInRight;
	animation-name:bounceInRight
}
@-webkit-keyframes bounceInUp {
	60%,75%,90%,from,to {
	-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
	animation-timing-function:cubic-bezier(.215,.61,.355,1)
}
from {
	opacity:0;
	-webkit-transform:translate3d(0,3000px,0);
	transform:translate3d(0,3000px,0)
}
60% {
	opacity:1;
	-webkit-transform:translate3d(0,-20px,0);
	transform:translate3d(0,-20px,0)
}
75% {
	-webkit-transform:translate3d(0,10px,0);
	transform:translate3d(0,10px,0)
}
90% {
	-webkit-transform:translate3d(0,-5px,0);
	transform:translate3d(0,-5px,0)
}
to {
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
}
@keyframes bounceInUp {
	60%,75%,90%,from,to {
	-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
	animation-timing-function:cubic-bezier(.215,.61,.355,1)
}
from {
	opacity:0;
	-webkit-transform:translate3d(0,3000px,0);
	transform:translate3d(0,3000px,0)
}
60% {
	opacity:1;
	-webkit-transform:translate3d(0,-20px,0);
	transform:translate3d(0,-20px,0)
}
75% {
	-webkit-transform:translate3d(0,10px,0);
	transform:translate3d(0,10px,0)
}
90% {
	-webkit-transform:translate3d(0,-5px,0);
	transform:translate3d(0,-5px,0)
}
to {
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
}
.bounceInUp {
	-webkit-animation-name:bounceInUp;
	animation-name:bounceInUp
}
.opacity_transform {
	-webkit-animation-name:opacity_transform;
	animation-name:opacity_transform
}
@-webkit-keyframes pulse {
	from,to {
	-webkit-transform:scale3d(1,1,1);
	transform:scale3d(1,1,1)
}
50% {
	-webkit-transform:scale3d(1.05,1.05,1.05);
	transform:scale3d(1.05,1.05,1.05)
}
}
@keyframes pulse {
	from,to {
	-webkit-transform:scale3d(1,1,1);
	transform:scale3d(1,1,1)
}
50% {
	-webkit-transform:scale3d(1.05,1.05,1.05);
	transform:scale3d(1.05,1.05,1.05)
}
}
.pulse {
	-webkit-animation-name:pulse;
	animation-name:pulse
}
@-webkit-keyframes rotateIn {
	from {
	-webkit-transform-origin:center;
	transform-origin:center;
	-webkit-transform:rotate3d(0,0,1,-200deg);
	transform:rotate3d(0,0,1,-200deg);
	opacity:0
}
to {
	-webkit-transform-origin:center;
	transform-origin:center;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	opacity:1
}
}
@keyframes rotateIn {
	from {
	-webkit-transform-origin:center;
	transform-origin:center;
	-webkit-transform:rotate3d(0,0,1,-200deg);
	transform:rotate3d(0,0,1,-200deg);
	opacity:0
}
to {
	-webkit-transform-origin:center;
	transform-origin:center;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	opacity:1
}
}
.rotateIn {
	-webkit-animation-name:rotateIn;
	animation-name:rotateIn
}
@-webkit-keyframes rotateInDownLeft {
	from {
	-webkit-transform-origin:left bottom;
	transform-origin:left bottom;
	-webkit-transform:rotate3d(0,0,1,-45deg);
	transform:rotate3d(0,0,1,-45deg);
	opacity:0
}
to {
	-webkit-transform-origin:left bottom;
	transform-origin:left bottom;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	opacity:1
}
}
@keyframes rotateInDownLeft {
	from {
	-webkit-transform-origin:left bottom;
	transform-origin:left bottom;
	-webkit-transform:rotate3d(0,0,1,-45deg);
	transform:rotate3d(0,0,1,-45deg);
	opacity:0
}
to {
	-webkit-transform-origin:left bottom;
	transform-origin:left bottom;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	opacity:1
}
}
.rotateInDownLeft {
	-webkit-animation-name:rotateInDownLeft;
	animation-name:rotateInDownLeft
}
@-webkit-keyframes rotateInDownRight {
	from {
	-webkit-transform-origin:right bottom;
	transform-origin:right bottom;
	-webkit-transform:rotate3d(0,0,1,45deg);
	transform:rotate3d(0,0,1,45deg);
	opacity:0
}
to {
	-webkit-transform-origin:right bottom;
	transform-origin:right bottom;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	opacity:1
}
}
@keyframes rotateInDownRight {
	from {
	-webkit-transform-origin:right bottom;
	transform-origin:right bottom;
	-webkit-transform:rotate3d(0,0,1,45deg);
	transform:rotate3d(0,0,1,45deg);
	opacity:0
}
to {
	-webkit-transform-origin:right bottom;
	transform-origin:right bottom;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	opacity:1
}
}
.rotateInDownRight {
	-webkit-animation-name:rotateInDownRight;
	animation-name:rotateInDownRight
}
@-webkit-keyframes rotateInUpLeft {
	from {
	-webkit-transform-origin:left bottom;
	transform-origin:left bottom;
	-webkit-transform:rotate3d(0,0,1,45deg);
	transform:rotate3d(0,0,1,45deg);
	opacity:0
}
to {
	-webkit-transform-origin:left bottom;
	transform-origin:left bottom;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	opacity:1
}
}
@keyframes rotateInUpLeft {
	from {
	-webkit-transform-origin:left bottom;
	transform-origin:left bottom;
	-webkit-transform:rotate3d(0,0,1,45deg);
	transform:rotate3d(0,0,1,45deg);
	opacity:0
}
to {
	-webkit-transform-origin:left bottom;
	transform-origin:left bottom;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	opacity:1
}
}
.rotateInUpLeft {
	-webkit-animation-name:rotateInUpLeft;
	animation-name:rotateInUpLeft
}
@-webkit-keyframes rotateInUpRight {
	from {
	-webkit-transform-origin:right bottom;
	transform-origin:right bottom;
	-webkit-transform:rotate3d(0,0,1,-90deg);
	transform:rotate3d(0,0,1,-90deg);
	opacity:0
}
to {
	-webkit-transform-origin:right bottom;
	transform-origin:right bottom;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	opacity:1
}
}
@keyframes rotateInUpRight {
	from {
	-webkit-transform-origin:right bottom;
	transform-origin:right bottom;
	-webkit-transform:rotate3d(0,0,1,-90deg);
	transform:rotate3d(0,0,1,-90deg);
	opacity:0
}
to {
	-webkit-transform-origin:right bottom;
	transform-origin:right bottom;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	opacity:1
}
}
.rotateInUpRight {
	-webkit-animation-name:rotateInUpRight;
	animation-name:rotateInUpRight
}
.guide-list .active .indexIcon-jisu,.guide-list .active .indexIcon-qiye,.guide-list .active .indexIcon-tuandui,.guide-list .active .indexIcon-yidong,.guide-list .guide-item:hover .indexIcon-jisu,.guide-list .guide-item:hover .indexIcon-qiye,.guide-list .guide-item:hover .indexIcon-tuandui,.guide-list .guide-item:hover .indexIcon-yidong,.indexIcon-jisu,.indexIcon-jisu_h,.indexIcon-qiye,.indexIcon-qiye_h,.indexIcon-sprite,.indexIcon-tuandui,.indexIcon-tuandui_h,.indexIcon-yidong,.indexIcon-yidong_h {
	background-image:url(../images/indexicon-s4c25c35b31.png);
	background-repeat:no-repeat
}
.indexInfoIcons-infoicon_1,.indexInfoIcons-infoicon_2,.indexInfoIcons-infoicon_3,.indexInfoIcons-infoicon_4,.indexInfoIcons-infoicon_5,.indexInfoIcons-infoicon_6,.indexInfoIcons-infoicon_7,.indexInfoIcons-infoicon_8,.indexInfoIcons-infoicon_9,.indexInfoIcons-sprite {
	background-image:url(../images/indexinfoicons-se47aeb69e9.png);
	background-repeat:no-repeat
}
.indexInfoIcons-infoicon_1 {
	background-position:0 0;
	height:20px;
	width:20px
}
.indexInfoIcons-infoicon_2 {
	background-position:-22px 0;
	height:20px;
	width:20px
}
.indexInfoIcons-infoicon_3 {
	background-position:-44px 0;
	height:20px;
	width:20px
}
.indexInfoIcons-infoicon_4 {
	background-position:-66px 0;
	height:20px;
	width:20px
}
.indexInfoIcons-infoicon_5 {
	background-position:-88px 0;
	height:20px;
	width:20px
}
.indexInfoIcons-infoicon_6 {
	background-position:-110px 0;
	height:20px;
	width:20px
}
.indexInfoIcons-infoicon_7 {
	background-position:-132px 0;
	height:20px;
	width:20px
}
.indexInfoIcons-infoicon_8 {
	background-position:-154px 0;
	height:20px;
	width:20px
}
.indexInfoIcons-infoicon_9 {
	background-position:-176px 0;
	height:20px;
	width:20px
}
.hexagon-baoxian,.hexagon-sousuo,.hexagon-sprite,.hexagon-tongbu {
	background-image:url(../images/hexagon-sc860e4ab41.png);
	background-repeat:no-repeat
}
.hexagon-baoxian {
	background-position:0 0;
	height:44px;
	width:44px
}
.hexagon-sousuo {
	background-position:-46px 0;
	height:44px;
	width:44px
}
.hexagon-tongbu {
	background-position:-92px 0;
	height:44px;
	width:44px
}
.index-icons-pro_img_0,.index-icons-pro_img_0_bak,.index-icons-pro_img_1,.index-icons-pro_img_2,.index-icons-pro_img_3,.indexheadicons-sprite {
	background-image:url(../images/indexheadicons-s43c185d325.png);
	background-repeat:no-repeat
}
.index-icons-pro_img_0_bak {
	background-position:-596px 0;
	height:440px;
	width:600px
}
.index-sample-info_1,.index-sample-info_2,.index-sample-info_3,.index-sample-sample_0,.index-sample-sample_1,.index-sample-sample_2,.index-sample-sample_3,.index-sample-sample_4,.index-sample-sample_5,.index-sample-sample_6,.index-sample-sample_7,.index-sample-sample_8,.indexsampleicons-sprite {
	background-image:url(../images/indexsampleicons-sb21b75b1a5.png);
	background-repeat:no-repeat
}
.index-sample-info_1 {
	background-position:0 0;
	height:330px;
	width:380px
}
.index-sample-info_2 {
	background-position:-382px 0;
	height:330px;
	width:380px
}
.index-sample-info_3 {
	background-position:-764px 0;
	height:330px;
	width:380px
}
.index-sample-sample_0 {
	background-position:-1146px 0;
	height:200px;
	width:300px
}
.index-sample-sample_1 {
	background-position:-1448px 0;
	height:200px;
	width:300px
}
.index-sample-sample_2 {
	background-position:-1750px 0;
	height:200px;
	width:300px
}
.index-sample-sample_3 {
	background-position:-2052px 0;
	height:200px;
	width:300px
}
.index-sample-sample_4 {
	background-position:-2354px 0;
	height:200px;
	width:300px
}
.index-sample-sample_5 {
	background-position:-2656px 0;
	height:200px;
	width:300px
}
.index-sample-sample_6 {
	background-position:-2958px 0;
	height:200px;
	width:300px
}
.index-sample-sample_7 {
	background-position:-3260px 0;
	height:200px;
	width:300px
}
.index-sample-sample_8 {
	background-position:-3562px 0;
	height:200px;
	width:300px
}
.slide-slide_education,.slide-slide_government,.slide-slide_media,.slide-slide_medical,.slide-sprite,.slide-thumb_education,.slide-thumb_government,.slide-thumb_media,.slide-thumb_medical,.zone.solution .cards .card.preview.education,.zone.solution .cards .card.preview.government,.zone.solution .cards .card.preview.media,.zone.solution .cards .card.preview.medical,.zone.solution .cards .card.thumb.education,.zone.solution .cards .card.thumb.government,.zone.solution .cards .card.thumb.media,.zone.solution .cards .card.thumb.medical {
	background-image:url(../images/slide-s0e97fb5fc9.png);
	background-repeat:no-repeat
}
.slide-slide_education {
	background-position:0 0;
	height:455px;
	width:630px
}
.slide-slide_government {
	background-position:-632px 0;
	height:455px;
	width:630px
}
.slide-slide_media {
	background-position:-1264px 0;
	height:455px;
	width:630px
}
.slide-slide_medical {
	background-position:-1896px 0;
	height:455px;
	width:630px
}
.slide-thumb_education {
	background-position:-2528px 0;
	height:411px;
	width:190px
}
.slide-thumb_government {
	background-position:-2720px 0;
	height:411px;
	width:190px
}
.slide-thumb_media {
	background-position:-2912px 0;
	height:411px;
	width:190px
}
.slide-thumb_medical {
	background-position:-3104px 0;
	height:411px;
	width:190px
}
.certification-27001,.certification-27001_2x,.certification-9001,.certification-9001_2x,.certification-djcp,.certification-djcp_2x,.certification-l3,.certification-l3_2x,.certification-micl,.certification-micl_2x,.certification-sprite,.zone.security .certifications .certification .logo.logo_27001,.zone.security .certifications .certification .logo.logo_9001,.zone.security .certifications .certification .logo.logo_djcp,.zone.security .certifications .certification .logo.logo_l3,.zone.security .certifications .certification .logo.logo_micl {
	background-image:url(../images/certification-sfbbd5b98a7.png);
	background-repeat:no-repeat
}
.certification-27001,.certification-27001_2x {
	background-position:0 0;
	height:90px;
	width:91px
}
.certification-9001,.certification-9001_2x {
	background-position:-277px 0;
	height:90px;
	width:91px
}
.certification-djcp {
	background-position:-554px 0;
	height:90px;
	width:91px
}
.certification-djcp_2x {
	background-position:-647px 0;
	height:180px;
	width:182px
}
.certification-l3 {
	background-position:-831px 0;
	height:90px;
	width:90px
}
.certification-l3_2x {
	background-position:-923px 0;
	height:180px;
	width:180px
}
.certification-micl {
	background-position:-1105px 0;
	height:90px;
	width:91px
}
.certification-micl_2x {
	background-position:-1198px 0;
	height:180px;
	width:182px
}
.introduction-icon_education,.introduction-icon_file,.introduction-icon_government,.introduction-icon_hot,.introduction-icon_media,.introduction-icon_medical,.introduction-icon_mobile,.introduction-icon_news,.introduction-icon_open,.introduction-icon_safe,.introduction-icon_share,.introduction-icon_sync,.introduction-sprite,.zone.introduction .box .tabs .tab .name .logo.file,.zone.introduction .box .tabs .tab .name .logo.mobile,.zone.introduction .box .tabs .tab .name .logo.open,.zone.introduction .box .tabs .tab .name .logo.safe,.zone.introduction .box .tabs .tab .name .logo.share,.zone.introduction .box .tabs .tab .name .logo.sync,.zone.introduction .box .tabs .tab.selected .logo.file,.zone.introduction .box .tabs .tab.selected .logo.mobile,.zone.introduction .box .tabs .tab.selected .logo.open,.zone.introduction .box .tabs .tab.selected .logo.safe,.zone.introduction .box .tabs .tab.selected .logo.share,.zone.introduction .box .tabs .tab.selected .logo.sync,.zone.news .scroll .icon_news,.zone.news .scroll .list li i,.zone.solution .cards .card.preview.education .icon,.zone.solution .cards .card.preview.government .icon,.zone.solution .cards .card.preview.media .icon,.zone.solution .cards .card.preview.medical .icon,.zone.solution .cards .card.thumb.education .icon,.zone.solution .cards .card.thumb.government .icon,.zone.solution .cards .card.thumb.media .icon,.zone.solution .cards .card.thumb.medical .icon {
	background-image:url(../images/introduction-s82d0b4f892.png);
	background-repeat:no-repeat
}
.introduction-icon_education {
	background-position:0 0;
	height:52px;
	width:52px
}
.introduction-icon_file {
	background-position:-54px 0;
	height:36px;
	width:36px
}
.introduction-icon_file.icon_file-active,.introduction-icon_file:active {
	background-position:-92px 0
}
.introduction-icon_government {
	background-position:-130px 0;
	height:52px;
	width:52px
}
.introduction-icon_hot {
	background-position:-184px 0;
	height:17px;
	width:34px
}
.introduction-icon_media {
	background-position:-220px 0;
	height:52px;
	width:52px
}
.introduction-icon_medical {
	background-position:-274px 0;
	height:52px;
	width:52px
}
.introduction-icon_mobile {
	background-position:-328px 0;
	height:36px;
	width:36px
}
.introduction-icon_mobile.icon_mobile-active,.introduction-icon_mobile:active {
	background-position:-366px 0
}
.introduction-icon_news {
	background-position:-404px 0;
	height:18px;
	width:110px
}
.introduction-icon_open {
	background-position:-516px 0;
	height:36px;
	width:36px
}
.introduction-icon_open.icon_open-active,.introduction-icon_open:active {
	background-position:-554px 0
}
.introduction-icon_safe {
	background-position:-592px 0;
	height:36px;
	width:36px
}
.introduction-icon_safe.icon_safe-active,.introduction-icon_safe:active {
	background-position:-630px 0
}
.introduction-icon_share {
	background-position:-668px 0;
	height:36px;
	width:36px
}
.introduction-icon_share.icon_share-active,.introduction-icon_share:active {
	background-position:-706px 0
}
.introduction-icon_sync {
	background-position:-744px 0;
	height:36px;
	width:36px
}
.introduction-icon_sync.icon_sync-active,.introduction-icon_sync:active {
	background-position:-782px 0
}
.keyframe-keyframe_0_0,.keyframe-keyframe_0_1,.keyframe-keyframe_0_2,.keyframe-keyframe_0_3,.keyframe-keyframe_0_4,.keyframe-keyframe_0_5,.keyframe-keyframe_1_0,.keyframe-keyframe_1_1,.keyframe-keyframe_1_2,.keyframe-keyframe_1_3,.keyframe-keyframe_1_4,.keyframe-keyframe_2_0,.keyframe-keyframe_2_1,.keyframe-keyframe_2_2,.keyframe-keyframe_2_3,.keyframe-keyframe_2_4,.keyframe-keyframe_2_5,.keyframe-keyframe_2_6,.keyframe-keyframe_3_0,.keyframe-keyframe_3_1,.keyframe-keyframe_3_2,.keyframe-keyframe_3_3,.keyframe-keyframe_3_4,.keyframe-keyframe_3_5,.keyframe-keyframe_3_6,.keyframe-keyframe_4_0,.keyframe-keyframe_4_1,.keyframe-keyframe_4_2,.keyframe-keyframe_4_3,.keyframe-keyframe_5_0,.keyframe-keyframe_5_1,.keyframe-keyframe_5_2,.keyframe-keyframe_5_3,.keyframe-keyframe_5_4,.keyframe-keyframe_5_5,.keyframe-keyframe_5_6,.keyframe-sprite,.zone.introduction .box .contents .content .right .keyframe.keyframe_0_0,.zone.introduction .box .contents .content .right .keyframe.keyframe_0_1,.zone.introduction .box .contents .content .right .keyframe.keyframe_0_2,.zone.introduction .box .contents .content .right .keyframe.keyframe_0_3,.zone.introduction .box .contents .content .right .keyframe.keyframe_0_4,.zone.introduction .box .contents .content .right .keyframe.keyframe_0_5,.zone.introduction .box .contents .content .right .keyframe.keyframe_1_0,.zone.introduction .box .contents .content .right .keyframe.keyframe_1_1,.zone.introduction .box .contents .content .right .keyframe.keyframe_1_2,.zone.introduction .box .contents .content .right .keyframe.keyframe_1_3,.zone.introduction .box .contents .content .right .keyframe.keyframe_1_4,.zone.introduction .box .contents .content .right .keyframe.keyframe_2_0,.zone.introduction .box .contents .content .right .keyframe.keyframe_2_1,.zone.introduction .box .contents .content .right .keyframe.keyframe_2_2,.zone.introduction .box .contents .content .right .keyframe.keyframe_2_3,.zone.introduction .box .contents .content .right .keyframe.keyframe_2_4,.zone.introduction .box .contents .content .right .keyframe.keyframe_2_5,.zone.introduction .box .contents .content .right .keyframe.keyframe_2_6,.zone.introduction .box .contents .content .right .keyframe.keyframe_3_0,.zone.introduction .box .contents .content .right .keyframe.keyframe_3_1,.zone.introduction .box .contents .content .right .keyframe.keyframe_3_2,.zone.introduction .box .contents .content .right .keyframe.keyframe_3_3,.zone.introduction .box .contents .content .right .keyframe.keyframe_3_4,.zone.introduction .box .contents .content .right .keyframe.keyframe_3_5,.zone.introduction .box .contents .content .right .keyframe.keyframe_3_6,.zone.introduction .box .contents .content .right .keyframe.keyframe_4_0,.zone.introduction .box .contents .content .right .keyframe.keyframe_4_1,.zone.introduction .box .contents .content .right .keyframe.keyframe_4_2,.zone.introduction .box .contents .content .right .keyframe.keyframe_4_3,.zone.introduction .box .contents .content .right .keyframe.keyframe_5_0,.zone.introduction .box .contents .content .right .keyframe.keyframe_5_1,.zone.introduction .box .contents .content .right .keyframe.keyframe_5_2,.zone.introduction .box .contents .content .right .keyframe.keyframe_5_3,.zone.introduction .box .contents .content .right .keyframe.keyframe_5_4,.zone.introduction .box .contents .content .right .keyframe.keyframe_5_5,.zone.introduction .box .contents .content .right .keyframe.keyframe_5_6 {
	background-image:url(../images/keyframe-sf52cce9755.png);
	background-repeat:no-repeat
}
.keyframe-keyframe_0_0 {
	background-position:0 0;
	height:199px;
	width:729px
}
.keyframe-keyframe_0_1 {
	background-position:-731px 0;
	height:325px;
	width:320px
}
.keyframe-keyframe_0_2 {
	background-position:-1053px 0;
	height:112px;
	width:152px
}
.keyframe-keyframe_0_3 {
	background-position:-1207px 0;
	height:171px;
	width:68px
}
.keyframe-keyframe_0_4 {
	background-position:-1277px 0;
	height:90px;
	width:90px
}
.keyframe-keyframe_0_5 {
	background-position:-1369px 0;
	height:90px;
	width:90px
}
.keyframe-keyframe_1_0 {
	background-position:-1461px 0;
	height:54px;
	width:54px
}
.keyframe-keyframe_1_1 {
	background-position:-1517px 0;
	height:54px;
	width:54px
}
.keyframe-keyframe_1_2 {
	background-position:-1573px 0;
	height:157px;
	width:532px
}
.keyframe-keyframe_1_3 {
	background-position:-2107px 0;
	height:340px;
	width:330px
}
.keyframe-keyframe_1_4 {
	background-position:-2439px 0;
	height:239px;
	width:274px
}
.keyframe-keyframe_2_0 {
	background-position:-2715px 0;
	height:392px;
	width:332px
}
.keyframe-keyframe_2_1 {
	background-position:-3049px 0;
	height:93px;
	width:204px
}
.keyframe-keyframe_2_2 {
	background-position:-3255px 0;
	height:93px;
	width:240px
}
.keyframe-keyframe_2_3 {
	background-position:-3497px 0;
	height:168px;
	width:145px
}
.keyframe-keyframe_2_4 {
	background-position:-3644px 0;
	height:96px;
	width:96px
}
.keyframe-keyframe_2_5 {
	background-position:-3742px 0;
	height:26px;
	width:40px
}
.keyframe-keyframe_2_6 {
	background-position:-3784px 0;
	height:26px;
	width:36px
}
.keyframe-keyframe_3_0 {
	background-position:-3822px 0;
	height:41px;
	width:41px
}
.keyframe-keyframe_3_1 {
	background-position:-3865px 0;
	height:66px;
	width:66px
}
.keyframe-keyframe_3_2 {
	background-position:-3933px 0;
	height:296px;
	width:425px
}
.keyframe-keyframe_3_3 {
	background-position:-4360px 0;
	height:166px;
	width:189px
}
.keyframe-keyframe_3_4 {
	background-position:-4551px 0;
	height:246px;
	width:155px
}
.keyframe-keyframe_3_5 {
	background-position:-4708px 0;
	height:104px;
	width:104px
}
.keyframe-keyframe_3_6 {
	background-position:-4814px 0;
	height:104px;
	width:104px
}
.keyframe-keyframe_4_0 {
	background-position:-4920px 0;
	height:104px;
	width:387px
}
.keyframe-keyframe_4_1 {
	background-position:-5309px 0;
	height:323px;
	width:380px
}
.keyframe-keyframe_4_2 {
	background-position:-5691px 0;
	height:330px;
	width:168px
}
.keyframe-keyframe_4_3 {
	background-position:-5861px 0;
	height:156px;
	width:130px
}
.keyframe-keyframe_5_0 {
	background-position:-5993px 0;
	height:328px;
	width:432px
}
.keyframe-keyframe_5_1 {
	background-position:-6427px 0;
	height:283px;
	width:467px
}
.keyframe-keyframe_5_2 {
	background-position:-6896px 0;
	height:210px;
	width:177px
}
.keyframe-keyframe_5_3 {
	background-position:-7075px 0;
	height:92px;
	width:91px
}
.keyframe-keyframe_5_4 {
	background-position:-7168px 0;
	height:96px;
	width:96px
}
.keyframe-keyframe_5_5 {
	background-position:-7266px 0;
	height:92px;
	width:91px
}
.keyframe-keyframe_5_6 {
	background-position:-7359px 0;
	height:88px;
	width:88px
}
.banner {
	position:relative;
	width:auto;
	height:640px
}
.banner .login-form {
	height:316px;
	width:312px;
	position:absolute;
	z-index:10;
	top:140px;
	left:50%;
	display:block;
	margin-left:180px;
	background:#FFF;
	overflow:hidden;
	border-radius:4px
}
.banner .banner-nav {
	position:absolute;
	top:540px;
	left:0;
	z-index:1000;
	height:10px;
	padding:10px;
	margin-left:300px;
	text-align:center
}
.banner .banner-nav .nav-item {
	float:left;
	display:inline-block;
	width:40px;
	height:2px;
	margin-right:8px;
	background:#CCC;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	opacity:.75;
	cursor:pointer
}
.banner .banner-nav .nav-item.active {
	background:#3679FF
}
.banner .banner-nav .nav-item:hover {
	opacity:1
}
.banner .header-wrap {
	position:absolute;
	left:0;
	top:0;
	z-index:99;
	width:100%;
	height:60px
}
.banner-img {
	width:100%;
	height:640px;
	overflow:hidden;
	background:#F4FBFF
}
.banner-img .banner-wap {
	display:none
}
.banner-img .img-item {
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	width:100%;
	height:100%;
	margin-left:0;
	opacity:1;
	display:none
}
.banner-img .img-show,.module-title {
	display:block
}
.banner-img .nav-img-show {
	z-index:2
}
.module-title {
	margin:100px auto 80px;
	font-size:40px;
	color:#333;
	line-height:42px;
	text-align:center
}
.old {
	display:none
}
.zone {
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	-o-user-select:none;
	user-select:none;
	font-family:Arial,Helvetica,sans-serif
}
.zone .title {
	font-size:32px;
	color:#000;
	font-weight:400;
	text-align:center;
	margin-bottom:40px;
	text-decoration:none;
	-webkit-appearance:none
}
.zone.news {
	height:78px;
	background:#FAFBFF;
	background:rgba(255,255,255,.3);
	backdrop-filter:blur(8px);
	position:relative;
	top:-78px;
	z-index:999
}
.zone.news .scroll {
	width:730px;
	height:40px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
	top:18px
}
.zone.news .scroll .icon_news {
	display:inline-block;
	position:absolute;
	top:10px;
	left:0;
	background-position:-404px 0;
	height:18px;
	width:110px
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:1.5),(min-device-pixel-ratio:1.5) {
	.zone.news .scroll .icon_news {
	background-image:url(../images/introduction2x-sfbd754afb4.png);
	-webkit-background-size:820px auto;
	-moz-background-size:820px auto;
	-o-background-size:820px auto;
	background-size:820px auto;
	background-position:-404px 0
}
.zone.news .scroll .list li i {
	background-image:url(../images/introduction2x-sfbd754afb4.png);
	-webkit-background-size:820px auto;
	-moz-background-size:820px auto;
	-o-background-size:820px auto;
	background-size:820px auto;
	background-position:-184px 0
}
}
.zone.news .scroll .list {
	list-style:none;
	height:100%;
	position:relative
}
.zone.news .scroll .list li {
	height:100%;
	box-sizing:border-box;
	line-height:40px;
	text-align:center;
	padding:0;
	margin:0;
	position:relative
}
.zone.news .scroll .list li a {
	text-decoration:none;
	font-size:16px;
	color:#000;
	transition:color .25s ease-in-out;
	display:inline-block;
	height:100%;
	max-width:500px;
	white-space:nowrap;
	word-break:break-all;
	overflow:hidden;
	text-overflow:ellipsis;
	position:relative;
	margin-left:80px
}
.zone.news .scroll .list li a::after {
	content:'';
	position:absolute;
	width:100%;
	transform:scaleX(0);
	height:1px;
	bottom:0;
	left:0;
	background-color:#3679FF;
	transform-origin:bottom right;
	transition:transform .25s ease-out
}
.zone.news .scroll .list li a:hover {
	color:#3679FF
}
.zone.news .scroll .list li a:hover:after {
	transform:scaleX(1);
	transform-origin:bottom left
}
.zone.news .scroll .list li i {
	display:inline-block;
	font-size:12px;
	position:absolute;
	top:50%;
	margin-top:-8px;
	font-style:normal;
	line-height:16px;
	margin-left:4px;
	background-position:-184px 0;
	height:17px;
	width:34px
}
.zone.introduction .title {
	margin:0 auto 24px
}
.zone.introduction .subtitle {
	font-size:18px;
	color:#888;
	text-align:center
}
.zone.introduction .box {
	height:580px;
	width:1200px;
	margin:40px auto
}
.zone.introduction .box .tabs {
	height:100px
}
.zone.introduction .box .tabs .tab {
	height:100%;
	width:200px;
	line-height:100px;
	box-sizing:border-box;
	float:left;
	cursor:pointer;
	background:url(../images/path_gray.png) bottom center no-repeat;
	background-size:100% auto
}
.zone.introduction .box .tabs .tab .name {
	font-size:16px;
	color:#838383;
	cursor:pointer
}
.zone.introduction .box .tabs .tab .name .logo {
	display:inline-block;
	width:36px;
	height:36px;
	margin:0 16px 0 30px;
	vertical-align:middle
}
.zone.introduction .box .tabs .tab .name .logo.sync {
	background-position:-744px 0;
	height:36px;
	width:36px
}
.zone.introduction .box .tabs .tab .name .logo.sync.icon_sync-active,.zone.introduction .box .tabs .tab .name .logo.sync:active {
	background-position:-782px 0
}
.zone.introduction .box .tabs .tab .name .logo.file {
	background-position:-54px 0;
	height:36px;
	width:36px
}
.zone.introduction .box .tabs .tab .name .logo.file.icon_file-active,.zone.introduction .box .tabs .tab .name .logo.file:active {
	background-position:-92px 0
}
.zone.introduction .box .tabs .tab .name .logo.share {
	background-position:-668px 0;
	height:36px;
	width:36px
}
.zone.introduction .box .tabs .tab .name .logo.share.icon_share-active,.zone.introduction .box .tabs .tab .name .logo.share:active {
	background-position:-706px 0
}
.zone.introduction .box .tabs .tab .name .logo.mobile {
	background-position:-328px 0;
	height:36px;
	width:36px
}
.zone.introduction .box .tabs .tab .name .logo.mobile.icon_mobile-active,.zone.introduction .box .tabs .tab .name .logo.mobile:active {
	background-position:-366px 0
}
.zone.introduction .box .tabs .tab .name .logo.safe {
	background-position:-592px 0;
	height:36px;
	width:36px
}
.zone.introduction .box .tabs .tab .name .logo.safe.icon_safe-active,.zone.introduction .box .tabs .tab .name .logo.safe:active {
	background-position:-630px 0
}
.zone.introduction .box .tabs .tab .name .logo.open {
	background-position:-516px 0;
	height:36px;
	width:36px
}
.zone.introduction .box .tabs .tab .name .logo.open.icon_open-active,.zone.introduction .box .tabs .tab .name .logo.open:active {
	background-position:-554px 0
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:1.5),(min-device-pixel-ratio:1.5) {
	.zone.introduction .box .tabs .tab .name .logo.sync {
	background-image:url(../images/introduction2x-sfbd754afb4.png);
	-webkit-background-size:820px auto;
	-moz-background-size:820px auto;
	-o-background-size:820px auto;
	background-size:820px auto;
	background-position:-744px 0
}
.zone.introduction .box .tabs .tab .name .logo.file,.zone.introduction .box .tabs .tab .name .logo.share {
	background-image:url(../images/introduction2x-sfbd754afb4.png);
	-webkit-background-size:820px auto;
	-moz-background-size:820px auto;
	-o-background-size:820px auto
}
.zone.introduction .box .tabs .tab .name .logo.file {
	background-size:820px auto;
	background-position:-54px 0
}
.zone.introduction .box .tabs .tab .name .logo.share {
	background-size:820px auto;
	background-position:-668px 0
}
.zone.introduction .box .tabs .tab .name .logo.mobile,.zone.introduction .box .tabs .tab .name .logo.safe {
	-webkit-background-size:820px auto;
	-moz-background-size:820px auto;
	-o-background-size:820px auto;
	background-image:url(../images/introduction2x-sfbd754afb4.png)
}
.zone.introduction .box .tabs .tab .name .logo.mobile {
	background-size:820px auto;
	background-position:-328px 0
}
.zone.introduction .box .tabs .tab .name .logo.safe {
	background-size:820px auto;
	background-position:-592px 0
}
.zone.introduction .box .tabs .tab .name .logo.open {
	background-image:url(../images/introduction2x-sfbd754afb4.png);
	-webkit-background-size:820px auto;
	-moz-background-size:820px auto;
	-o-background-size:820px auto;
	background-size:820px auto;
	background-position:-516px 0
}
}
.zone.introduction .box .tabs .tab.selected {
	background:url(../images/path.png) bottom center no-repeat;
	background-size:100% auto
}
.zone.introduction .box .tabs .tab.selected .name {
	color:#3679FF
}
.zone.introduction .box .tabs .tab.selected .logo.sync {
	background-position:-782px 0;
	height:36px;
	width:36px
}
.zone.introduction .box .tabs .tab.selected .logo.file {
	background-position:-92px 0;
	height:36px;
	width:36px
}
.zone.introduction .box .tabs .tab.selected .logo.share {
	background-position:-706px 0;
	height:36px;
	width:36px
}
.zone.introduction .box .tabs .tab.selected .logo.mobile {
	background-position:-366px 0;
	height:36px;
	width:36px
}
.zone.introduction .box .tabs .tab.selected .logo.safe {
	background-position:-630px 0;
	height:36px;
	width:36px
}
.zone.introduction .box .tabs .tab.selected .logo.open {
	background-position:-554px 0;
	height:36px;
	width:36px
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:1.5),(min-device-pixel-ratio:1.5) {
	.zone.introduction .box .tabs .tab.selected .logo.sync {
	background-image:url(../images/introduction2x-sfbd754afb4.png);
	-webkit-background-size:820px auto;
	-moz-background-size:820px auto;
	-o-background-size:820px auto;
	background-size:820px auto;
	background-position:-782px 0
}
.zone.introduction .box .tabs .tab.selected .logo.file,.zone.introduction .box .tabs .tab.selected .logo.share {
	background-image:url(../images/introduction2x-sfbd754afb4.png);
	-webkit-background-size:820px auto;
	-moz-background-size:820px auto;
	-o-background-size:820px auto
}
.zone.introduction .box .tabs .tab.selected .logo.file {
	background-size:820px auto;
	background-position:-92px 0
}
.zone.introduction .box .tabs .tab.selected .logo.share {
	background-size:820px auto;
	background-position:-706px 0
}
.zone.introduction .box .tabs .tab.selected .logo.mobile,.zone.introduction .box .tabs .tab.selected .logo.safe {
	-webkit-background-size:820px auto;
	-moz-background-size:820px auto;
	-o-background-size:820px auto;
	background-image:url(../images/introduction2x-sfbd754afb4.png)
}
.zone.introduction .box .tabs .tab.selected .logo.mobile {
	background-size:820px auto;
	background-position:-366px 0
}
.zone.introduction .box .tabs .tab.selected .logo.safe {
	background-size:820px auto;
	background-position:-630px 0
}
.zone.introduction .box .tabs .tab.selected .logo.open {
	background-image:url(../images/introduction2x-sfbd754afb4.png);
	-webkit-background-size:820px auto;
	-moz-background-size:820px auto;
	-o-background-size:820px auto;
	background-size:820px auto;
	background-position:-554px 0
}
}
.zone.introduction .box .contents {
	height:500px;
	width:100%;
	position:relative;
	overflow:hidden
}
.zone.introduction .box .contents .content {
	height:100%;
	width:100%;
	position:absolute;
	z-index:1;
	box-sizing:border-box;
	background:#FFF
}
.zone.introduction .box .contents .content p {
	line-height:1.75;
	padding:0 60px
}
.zone.introduction .box .contents .content p.content_title {
	font-size:26px;
	color:#000;
	margin-top:136px
}
.zone.introduction .box .contents .content p.content_description {
	font-size:18px;
	color:#838383;
	margin-top:20px
}
.zone.introduction .box .contents .content .left {
	width:50%;
	height:320px;
	float:left;
	margin-top:60px
}
.zone.introduction .box .contents .content .left .inner {
	box-sizing:border-box
}
.zone.introduction .box .contents .content .left .inner.cover {
	height:80px;
	border-left:1px solid #BEC9EC
}
.zone.introduction .box .contents .content .left .inner.cover p.title {
	padding:24px 24px 24px 29px
}
.zone.introduction .box .contents .content .left .inner.preview {
	height:160px;
	background:#f7faff;
	border-left:6px solid #3E75FF
}
.zone.introduction .box .contents .content .left .inner.hide {
	display:none
}
.zone.introduction .box .contents .content .left .inner p {
	margin:0
}
.zone.introduction .box .contents .content .left .inner p.title {
	font-size:26px;
	color:#000;
	padding:24px 24px 16px;
	text-align:left
}
.zone.introduction .box .contents .content .left .inner p.descript {
	font-size:18px;
	color:#838383;
	padding:0 24px;
	line-height:1.5
}
.zone.introduction .box .contents .content .right {
	height:200px;
	width:200px;
	position:absolute;
	top:130px;
	right:300px
}
.zone.introduction .box .contents .content .right .keyframe {
	display:inline-block;
	position:absolute
}
.zone.introduction .box .contents #content_2,.zone.introduction .box .contents #content_3,.zone.introduction .box .contents #content_4,.zone.introduction .box .contents #content_5,.zone.ui .box .left .inner.hide {
	display:none
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_0_0 {
	top:0;
	left:-250px;
	z-index:2;
	background-position:0 0;
	height:199px;
	width:729px
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_0_0.animation {
	animation:opacity_transform 2s .15s;
	animation-fill-mode:both
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_0_1 {
	top:-60px;
	left:-36px;
	z-index:1;
	background-position:-731px 0;
	height:325px;
	width:320px
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_0_1.animation {
	animation:slideInUp .75s 0s;
	animation-fill-mode:both
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_0_2 {
	top:180px;
	left:50px;
	z-index:2;
	background-position:-1053px 0;
	height:112px;
	width:152px
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_0_2.animation {
	animation:slideInUp .75s .15s;
	animation-fill-mode:both
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_0_3 {
	top:30px;
	left:88px;
	z-index:2;
	background-position:-1207px 0;
	height:171px;
	width:68px
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_0_3.animation {
	animation:bounceInUp 1.25s 0s;
	animation-fill-mode:both
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_0_4 {
	top:0;
	left:-120px;
	z-index:2;
	background-position:-1277px 0;
	height:90px;
	width:90px
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_0_4.animation {
	animation:slideInLeft 1s .25s;
	animation-fill-mode:both
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_0_5 {
	top:104px;
	left:280px;
	z-index:2;
	background-position:-1369px 0;
	height:90px;
	width:90px
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_0_5.animation {
	animation:slideInRight 1s .25s;
	animation-fill-mode:both
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_1_0 {
	top:-10px;
	left:330px;
	z-index:3;
	background-position:-1461px 0;
	height:54px;
	width:54px
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_1_0.animation {
	animation:rotateInDownRight 1.75s .15s;
	animation-fill-mode:both
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_1_1 {
	top:150px;
	left:-80px;
	z-index:3;
	background-position:-1517px 0;
	height:54px;
	width:54px
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_1_1.animation {
	animation:rotateInUpLeft 1.75s .15s;
	animation-fill-mode:both
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_1_2 {
	top:20px;
	left:-124px;
	z-index:2;
	background-position:-1573px 0;
	height:157px;
	width:532px
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_1_2.animation {
	animation:opacity_transform 2s .15s;
	animation-fill-mode:both
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_1_3 {
	top:-70px;
	left:-20px;
	z-index:1;
	background-position:-2107px 0;
	height:340px;
	width:330px
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_1_3.animation {
	animation:slideInLeft .75s 0s;
	animation-fill-mode:both
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_1_4 {
	left:180px;
	top:60px;
	z-index:3;
	background-position:-2439px 0;
	height:239px;
	width:274px
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_1_4.animation {
	animation:slideInRight .75s 0s;
	animation-fill-mode:both
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_2_0 {
	top:-90px;
	left:40px;
	z-index:1;
	background-position:-2715px 0;
	height:392px;
	width:332px
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_2_0.animation {
	animation:slideInUp .75s 0s;
	animation-fill-mode:both
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_2_1 {
	top:10px;
	left:280px;
	z-index:2;
	background-position:-3049px 0;
	height:93px;
	width:204px
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_2_1.animation {
	animation:slideInRight 1s 0s;
	animation-fill-mode:both
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_2_2 {
	top:140px;
	left:-80px;
	z-index:2;
	background-position:-3255px 0;
	height:93px;
	width:240px
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_2_2.animation {
	animation:slideInLeft 1s 0s;
	animation-fill-mode:both
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_2_3 {
	top:110px;
	left:260px;
	z-index:2;
	background-position:-3497px 0;
	height:168px;
	width:145px
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_2_3.animation {
	animation:slideInUp .75s 0s;
	animation-fill-mode:both
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_2_4 {
	top:0;
	left:16px;
	z-index:2;
	background-position:-3644px 0;
	height:96px;
	width:96px
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_2_4.animation {
	animation:slideInUp .75s 0s;
	animation-fill-mode:both
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_2_5 {
	top:110px;
	left:140px;
	z-index:2;
	background-position:-3742px 0;
	height:26px;
	width:40px
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_2_5.animation {
	animation:slideInUp .75s 0s;
	animation-fill-mode:both
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_2_6 {
	top:10px;
	left:240px;
	z-index:2;
	background-position:-3784px 0;
	height:26px;
	width:36px
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_2_6.animation {
	animation:slideInUp .75s 0s;
	animation-fill-mode:both
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_3_0 {
	top:160px;
	left:-90px;
	z-index:3;
	background-position:-3822px 0;
	height:41px;
	width:41px
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_3_0.animation {
	animation:slideInUp .75s 0s;
	animation-fill-mode:both
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_3_1 {
	top:40px;
	left:330px;
	z-index:3;
	background-position:-3865px 0;
	height:66px;
	width:66px
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_3_1.animation {
	animation:slideInUp .75s 0s;
	animation-fill-mode:both
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_3_2 {
	top:-50px;
	left:-40px;
	z-index:2;
	background-position:-3933px 0;
	height:296px;
	width:425px
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_3_2.animation {
	animation:slideInUp .75s 0s;
	animation-fill-mode:both
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_3_3 {
	top:-90px;
	left:260px;
	z-index:1;
	background-position:-4360px 0;
	height:166px;
	width:189px
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_3_3.animation {
	animation:rotateIn 1.25s 0s;
	animation-fill-mode:both
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_3_4 {
	top:40px;
	left:-100px;
	z-index:2;
	background-position:-4551px 0;
	height:246px;
	width:155px
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_3_4.animation {
	animation:slideInUp .75s 0s;
	animation-fill-mode:both
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_3_5 {
	top:175px;
	left:240px;
	z-index:3;
	background-position:-4708px 0;
	height:104px;
	width:104px
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_3_5.animation {
	animation:bounceInUp 1s 0s;
	animation-fill-mode:both
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_3_6 {
	top:175px;
	left:140px;
	z-index:3;
	background-position:-4814px 0;
	height:104px;
	width:104px
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_3_6.animation {
	animation:bounceInUp 1.25s 0s;
	animation-fill-mode:both
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_4_0 {
	top:-80px;
	left:0;
	z-index:2;
	background-position:-4920px 0;
	height:104px;
	width:387px
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_4_0.animation {
	animation:slideInLeft .75s 0s;
	animation-fill-mode:both
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_4_1 {
	top:-80px;
	left:0;
	z-index:1;
	background-position:-5309px 0;
	height:323px;
	width:380px
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_4_1.animation {
	animation:slideInRight .75s 0s;
	animation-fill-mode:both
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_4_2 {
	top:-40px;
	left:260px;
	z-index:3;
	background-position:-5691px 0;
	height:330px;
	width:168px
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_4_2.animation {
	animation:slideInRight .75s 0s;
	animation-fill-mode:both
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_4_3 {
	top:100px;
	left:-24px;
	z-index:3;
	background-position:-5861px 0;
	height:156px;
	width:130px
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_4_3.animation {
	animation:pulse 1s 0s;
	animation-fill-mode:both
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_5_0 {
	top:-80px;
	left:20px;
	z-index:1;
	background-position:-5993px 0;
	height:328px;
	width:432px
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_5_0.animation {
	animation:slideInUp .75s 0s;
	animation-fill-mode:both
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_5_1 {
	top:-30px;
	left:-40px;
	z-index:2;
	background-position:-6427px 0;
	height:283px;
	width:467px
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_5_1.animation {
	animation:opacity_transform 2s .15s;
	animation-fill-mode:both
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_5_2 {
	top:20px;
	left:110px;
	z-index:3;
	background-position:-6896px 0;
	height:210px;
	width:177px
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_5_2.animation {
	animation:slideInDown .75s 0s;
	animation-fill-mode:both
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_5_3 {
	top:150px;
	left:-110px;
	z-index:3;
	background-position:-7075px 0;
	height:92px;
	width:91px
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_5_3.animation {
	animation:opacity_transform 2.25s .15s;
	animation-fill-mode:both
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_5_4 {
	top:-80px;
	left:-54px;
	z-index:3;
	background-position:-7168px 0;
	height:96px;
	width:96px
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_5_4.animation {
	animation:opacity_transform 2s .15s;
	animation-fill-mode:both
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_5_5 {
	top:60px;
	left:300px;
	z-index:3;
	background-position:-7266px 0;
	height:92px;
	width:91px
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_5_5.animation {
	animation:opacity_transform 2.5s .15s;
	animation-fill-mode:both
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_5_6 {
	top:210px;
	left:360px;
	z-index:3;
	background-position:-7359px 0;
	height:88px;
	width:88px
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_5_6.animation {
	animation:opacity_transform 3s .15s;
	animation-fill-mode:both
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:1.5),(min-device-pixel-ratio:1.5) {
	.zone.introduction .box .contents .content .right .keyframe.keyframe_0_0 {
	background-image:url(../images/keyframe2x-see0a8a0467.png);
	-webkit-background-size:7449px auto;
	-moz-background-size:7449px auto;
	-o-background-size:7449px auto;
	background-size:7449px auto;
	background-position:0 0
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_0_1 {
	background-image:url(../images/keyframe2x-see0a8a0467.png);
	-webkit-background-size:7449px auto;
	-moz-background-size:7449px auto;
	-o-background-size:7449px auto;
	background-size:7449px auto;
	background-position:-731px 0
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_0_2 {
	background-image:url(../images/keyframe2x-see0a8a0467.png);
	-webkit-background-size:7449px auto;
	-moz-background-size:7449px auto;
	-o-background-size:7449px auto;
	background-size:7449px auto;
	background-position:-1053px 0
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_0_3 {
	background-image:url(../images/keyframe2x-see0a8a0467.png);
	-webkit-background-size:7449px auto;
	-moz-background-size:7449px auto;
	-o-background-size:7449px auto;
	background-size:7449px auto;
	background-position:-1207px 0
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_0_4 {
	background-image:url(../images/keyframe2x-see0a8a0467.png);
	-webkit-background-size:7449px auto;
	-moz-background-size:7449px auto;
	-o-background-size:7449px auto;
	background-size:7449px auto;
	background-position:-1277px 0
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_0_5 {
	background-image:url(../images/keyframe2x-see0a8a0467.png);
	-webkit-background-size:7449px auto;
	-moz-background-size:7449px auto;
	-o-background-size:7449px auto;
	background-size:7449px auto;
	background-position:-1369px 0
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_1_0 {
	background-image:url(../images/keyframe2x-see0a8a0467.png);
	-webkit-background-size:7449px auto;
	-moz-background-size:7449px auto;
	-o-background-size:7449px auto;
	background-size:7449px auto;
	background-position:-1461px 0
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_1_1 {
	background-image:url(../images/keyframe2x-see0a8a0467.png);
	-webkit-background-size:7449px auto;
	-moz-background-size:7449px auto;
	-o-background-size:7449px auto;
	background-size:7449px auto;
	background-position:-1517px 0
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_1_2 {
	background-image:url(../images/keyframe2x-see0a8a0467.png);
	-webkit-background-size:7449px auto;
	-moz-background-size:7449px auto;
	-o-background-size:7449px auto;
	background-size:7449px auto;
	background-position:-1573px 0
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_1_3 {
	background-image:url(../images/keyframe2x-see0a8a0467.png);
	-webkit-background-size:7449px auto;
	-moz-background-size:7449px auto;
	-o-background-size:7449px auto;
	background-size:7449px auto;
	background-position:-2107px 0
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_1_4 {
	background-image:url(../images/keyframe2x-see0a8a0467.png);
	-webkit-background-size:7449px auto;
	-moz-background-size:7449px auto;
	-o-background-size:7449px auto;
	background-size:7449px auto;
	background-position:-2439px 0
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_2_0 {
	background-image:url(../images/keyframe2x-see0a8a0467.png);
	-webkit-background-size:7449px auto;
	-moz-background-size:7449px auto;
	-o-background-size:7449px auto;
	background-size:7449px auto;
	background-position:-2715px 0
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_2_1 {
	background-image:url(../images/keyframe2x-see0a8a0467.png);
	-webkit-background-size:7449px auto;
	-moz-background-size:7449px auto;
	-o-background-size:7449px auto;
	background-size:7449px auto;
	background-position:-3049px 0
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_2_2 {
	background-image:url(../images/keyframe2x-see0a8a0467.png);
	-webkit-background-size:7449px auto;
	-moz-background-size:7449px auto;
	-o-background-size:7449px auto;
	background-size:7449px auto;
	background-position:-3255px 0
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_2_3 {
	background-image:url(../images/keyframe2x-see0a8a0467.png);
	-webkit-background-size:7449px auto;
	-moz-background-size:7449px auto;
	-o-background-size:7449px auto;
	background-size:7449px auto;
	background-position:-3497px 0
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_2_4 {
	background-image:url(../images/keyframe2x-see0a8a0467.png);
	-webkit-background-size:7449px auto;
	-moz-background-size:7449px auto;
	-o-background-size:7449px auto;
	background-size:7449px auto;
	background-position:-3644px 0
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_2_5 {
	background-image:url(../images/keyframe2x-see0a8a0467.png);
	-webkit-background-size:7449px auto;
	-moz-background-size:7449px auto;
	-o-background-size:7449px auto;
	background-size:7449px auto;
	background-position:-3742px 0
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_2_6 {
	background-image:url(../images/keyframe2x-see0a8a0467.png);
	-webkit-background-size:7449px auto;
	-moz-background-size:7449px auto;
	-o-background-size:7449px auto;
	background-size:7449px auto;
	background-position:-3784px 0
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_3_0 {
	background-image:url(../images/keyframe2x-see0a8a0467.png);
	-webkit-background-size:7449px auto;
	-moz-background-size:7449px auto;
	-o-background-size:7449px auto;
	background-size:7449px auto;
	background-position:-3822px 0
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_3_1 {
	background-image:url(../images/keyframe2x-see0a8a0467.png);
	-webkit-background-size:7449px auto;
	-moz-background-size:7449px auto;
	-o-background-size:7449px auto;
	background-size:7449px auto;
	background-position:-3865px 0
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_3_2 {
	background-image:url(../images/keyframe2x-see0a8a0467.png);
	-webkit-background-size:7449px auto;
	-moz-background-size:7449px auto;
	-o-background-size:7449px auto;
	background-size:7449px auto;
	background-position:-3933px 0
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_3_3 {
	background-image:url(../images/keyframe2x-see0a8a0467.png);
	-webkit-background-size:7449px auto;
	-moz-background-size:7449px auto;
	-o-background-size:7449px auto;
	background-size:7449px auto;
	background-position:-4360px 0
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_3_4 {
	background-image:url(../images/keyframe2x-see0a8a0467.png);
	-webkit-background-size:7449px auto;
	-moz-background-size:7449px auto;
	-o-background-size:7449px auto;
	background-size:7449px auto;
	background-position:-4551px 0
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_3_5 {
	background-image:url(../images/keyframe2x-see0a8a0467.png);
	-webkit-background-size:7449px auto;
	-moz-background-size:7449px auto;
	-o-background-size:7449px auto;
	background-size:7449px auto;
	background-position:-4708px 0
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_3_6 {
	background-image:url(../images/keyframe2x-see0a8a0467.png);
	-webkit-background-size:7449px auto;
	-moz-background-size:7449px auto;
	-o-background-size:7449px auto;
	background-size:7449px auto;
	background-position:-4814px 0
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_4_0 {
	background-image:url(../images/keyframe2x-see0a8a0467.png);
	-webkit-background-size:7449px auto;
	-moz-background-size:7449px auto;
	-o-background-size:7449px auto;
	background-size:7449px auto;
	background-position:-4920px 0
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_4_1 {
	background-image:url(../images/keyframe2x-see0a8a0467.png);
	-webkit-background-size:7449px auto;
	-moz-background-size:7449px auto;
	-o-background-size:7449px auto;
	background-size:7449px auto;
	background-position:-5309px 0
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_4_2 {
	background-image:url(../images/keyframe2x-see0a8a0467.png);
	-webkit-background-size:7449px auto;
	-moz-background-size:7449px auto;
	-o-background-size:7449px auto;
	background-size:7449px auto;
	background-position:-5691px 0
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_4_3 {
	background-image:url(../images/keyframe2x-see0a8a0467.png);
	-webkit-background-size:7449px auto;
	-moz-background-size:7449px auto;
	-o-background-size:7449px auto;
	background-size:7449px auto;
	background-position:-5861px 0
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_5_0 {
	background-image:url(../images/keyframe2x-see0a8a0467.png);
	-webkit-background-size:7449px auto;
	-moz-background-size:7449px auto;
	-o-background-size:7449px auto;
	background-size:7449px auto;
	background-position:-5993px 0
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_5_1 {
	background-image:url(../images/keyframe2x-see0a8a0467.png);
	-webkit-background-size:7449px auto;
	-moz-background-size:7449px auto;
	-o-background-size:7449px auto;
	background-size:7449px auto;
	background-position:-6427px 0
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_5_2 {
	background-image:url(../images/keyframe2x-see0a8a0467.png);
	-webkit-background-size:7449px auto;
	-moz-background-size:7449px auto;
	-o-background-size:7449px auto;
	background-size:7449px auto;
	background-position:-6896px 0
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_5_3 {
	background-image:url(../images/keyframe2x-see0a8a0467.png);
	-webkit-background-size:7449px auto;
	-moz-background-size:7449px auto;
	-o-background-size:7449px auto;
	background-size:7449px auto;
	background-position:-7075px 0
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_5_4 {
	background-image:url(../images/keyframe2x-see0a8a0467.png);
	-webkit-background-size:7449px auto;
	-moz-background-size:7449px auto;
	-o-background-size:7449px auto;
	background-size:7449px auto;
	background-position:-7168px 0
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_5_5 {
	background-image:url(../images/keyframe2x-see0a8a0467.png);
	-webkit-background-size:7449px auto;
	-moz-background-size:7449px auto;
	-o-background-size:7449px auto;
	background-size:7449px auto;
	background-position:-7266px 0
}
.zone.introduction .box .contents .content .right .keyframe.keyframe_5_6 {
	background-image:url(../images/keyframe2x-see0a8a0467.png);
	-webkit-background-size:7449px auto;
	-moz-background-size:7449px auto;
	-o-background-size:7449px auto;
	background-size:7449px auto;
	background-position:-7359px 0
}
}.zone.introduction .box .contents .show {
	z-index:2
}
.zone.ui {
	margin:80px 0
}
.zone.ui .box {
	width:1200px;
	height:500px;
	margin:0 auto;
	clear:both;
	overflow:hidden;
	background:#FFF
}
.zone.ui .box .left {
	width:50%;
	height:100%;
	float:left
}
.zone.ui .box .left .inner {
	box-sizing:border-box
}
.zone.ui .box .left .inner.cover {
	height:100px;
	border-left:1px solid #BEC9EC
}
.zone.ui .box .left .inner.cover p.title {
	padding-left:29px;
	padding-right:29px
}
.zone.ui .box .left .inner.preview {
	height:300px;
	background:#f7faff;
	border-left:6px solid #017FFD
}
.zone.ui .box .left .inner p {
	margin:0
}
.zone.ui .box .left .inner p.title {
	font-size:32px;
	padding:36px 24px;
	text-align:left
}
.zone.ui .box .left .inner p.descript {
	font-size:20px;
	color:#4E5660;
	padding:0 24px;
	line-height:2
}
.zone.ui .box .right {
	height:100%;
	float:right;
	width:50%;
	position:relative;
	text-align:center
}
.zone.ui .box .right .ui_banner {
	display:inline-block;
	width:414px;
	height:423px;
	background-size:100% 100%;
	vertical-align:middle
}
.zone.solution {
	height:820px;
	background:url(../images/solution_bg.png) center no-repeat #2D334F;
	background-size:cover
}
.zone.solution .title {
	color:#FFF;
	margin:0;
	padding:60px 0 20px
}
.zone.solution .subtitle {
	font-size:16px;
	color:#FFF;
	text-align:center
}
.zone.solution .cards {
	width:1200px;
	height:454px;
	margin:auto;
	position:relative;
	top:70px
}
.zone.solution .cards .card {
	float:left;
	box-shadow:1px 1px 10px rgba(0,0,0,.2);
	background-color:#4074DA;
	cursor:pointer
}
.zone.solution .cards .card .icon {
	display:inline-block;
	height:52px;
	width:52px
}
.zone.solution .cards .card.preview {
	height:455px;
	width:630px;
	position:relative;
	top:-22px;
	box-shadow:1px 1px 5px rgba(0,0,0,.2);
	overflow:hidden;
	transition:all .25s ease-out
}
.zone.solution .cards .card.preview .icon {
	margin:40px 0 0 60px
}
.zone.solution .cards .card.preview.education {
	background-position:0 0;
	height:455px;
	width:630px
}
.zone.solution .cards .card.preview.education .icon {
	background-position:0 0;
	height:52px;
	width:52px
}
.zone.solution .cards .card.preview.media {
	background-position:-1264px 0;
	height:455px;
	width:630px
}
.zone.solution .cards .card.preview.media .icon {
	background-position:-220px 0;
	height:52px;
	width:52px
}
.zone.solution .cards .card.preview.medical {
	background-position:-1896px 0;
	height:455px;
	width:630px
}
.zone.solution .cards .card.preview.medical .icon {
	background-position:-274px 0;
	height:52px;
	width:52px
}
.zone.solution .cards .card.preview.government {
	background-position:-632px 0;
	height:455px;
	width:630px
}
.zone.solution .cards .card.preview.government .icon {
	background-position:-130px 0;
	height:52px;
	width:52px
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:1.5),(min-device-pixel-ratio:1.5) {
	.zone.solution .cards .card.preview.education .icon {
	background-image:url(../images/introduction2x-sfbd754afb4.png);
	-webkit-background-size:820px auto;
	-moz-background-size:820px auto;
	-o-background-size:820px auto;
	background-size:820px auto;
	background-position:0 0
}
.zone.solution .cards .card.preview.media .icon,.zone.solution .cards .card.preview.medical .icon {
	-webkit-background-size:820px auto;
	-moz-background-size:820px auto;
	-o-background-size:820px auto;
	background-image:url(../images/introduction2x-sfbd754afb4.png)
}
.zone.solution .cards .card.preview.media .icon {
	background-size:820px auto;
	background-position:-220px 0
}
.zone.solution .cards .card.preview.medical .icon {
	background-size:820px auto;
	background-position:-274px 0
}
.zone.solution .cards .card.preview.government .icon {
	background-image:url(../images/introduction2x-sfbd754afb4.png);
	-webkit-background-size:820px auto;
	-moz-background-size:820px auto;
	-o-background-size:820px auto;
	background-size:820px auto;
	background-position:-130px 0
}
}
.zone.solution .cards .card.preview p {
	color:#FFF;
	font-size:18px;
	line-height:1.5;
	font-style:normal;
	font-weight:400!important;
	padding:0 60px;
	-webkit-appearance:none
}
.zone.solution .cards .card.preview p.card_title {
	font-size:24px;
	margin:20px 0 0
}
.zone.solution .cards .card.preview p.card_descript {
	margin:40px auto
}
.zone.solution .cards .card.preview p.card_link a {
	font-size:16px;
	text-decoration:none;
	color:#FFF;
	transition:color .25s ease-in-out;
	cursor:pointer;
	position:relative
}
.zone.solution .cards .card.preview p.card_link a:hover .arrow {
	width:40px
}
.zone.solution .cards .card.preview p.card_link a .arrow {
	cursor:pointer;
	display:inline-block;
	height:12px;
	margin-left:.5em;
	position:relative;
	transition:width .25s ease-in-out;
	vertical-align:middle;
	width:30px
}
.zone.solution .cards .card.preview p.card_link a .arrow::after {
	border-right:1px solid #FFF;
	border-top:1px solid #FFF;
	content:'';
	display:block;
	height:10px;
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%) rotate(45deg);
	width:10px
}
.zone.solution .cards .card.preview p.card_link a .arrow::before {
	border-bottom:1px solid #FFF;
	content:'';
	left:0;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	width:100%
}
.zone.solution .cards .card.preview:hover {
	transform:scale(1.04);
	box-shadow:1px 1px 15px rgba(0,0,0,.25)
}
.zone.solution .cards .card.thumb {
	height:411px;
	width:190px;
	overflow:hidden;
	text-align:center
}
.zone.solution .cards .card.thumb .icon {
	margin:140px auto 20px
}
.zone.solution .cards .card.thumb .text {
	font-size:24px;
	color:#FFF;
	display:block;
	margin:0 auto
}
.zone.solution .cards .card.thumb.education {
	background-position:-2528px 0;
	height:411px;
	width:190px
}
.zone.solution .cards .card.thumb.education .icon {
	background-position:0 0;
	height:52px;
	width:52px
}
.zone.solution .cards .card.thumb.media {
	background-position:-2912px 0;
	height:411px;
	width:190px
}
.zone.solution .cards .card.thumb.media .icon {
	background-position:-220px 0;
	height:52px;
	width:52px
}
.zone.solution .cards .card.thumb.medical {
	background-position:-3104px 0;
	height:411px;
	width:190px
}
.zone.solution .cards .card.thumb.medical .icon {
	background-position:-274px 0;
	height:52px;
	width:52px
}
.zone.solution .cards .card.thumb.government {
	background-position:-2720px 0;
	height:411px;
	width:190px
}
.zone.solution .cards .card.thumb.government .icon {
	background-position:-130px 0;
	height:52px;
	width:52px
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:1.5),(min-device-pixel-ratio:1.5) {
	.zone.solution .cards .card.thumb.education .icon {
	background-image:url(../images/introduction2x-sfbd754afb4.png);
	-webkit-background-size:820px auto;
	-moz-background-size:820px auto;
	-o-background-size:820px auto;
	background-size:820px auto;
	background-position:0 0
}
.zone.solution .cards .card.thumb.media .icon,.zone.solution .cards .card.thumb.medical .icon {
	-webkit-background-size:820px auto;
	-moz-background-size:820px auto;
	-o-background-size:820px auto;
	background-image:url(../images/introduction2x-sfbd754afb4.png)
}
.zone.solution .cards .card.thumb.media .icon {
	background-size:820px auto;
	background-position:-220px 0
}
.zone.solution .cards .card.thumb.medical .icon {
	background-size:820px auto;
	background-position:-274px 0
}
.zone.solution .cards .card.thumb.government .icon {
	background-image:url(../images/introduction2x-sfbd754afb4.png);
	-webkit-background-size:820px auto;
	-moz-background-size:820px auto;
	-o-background-size:820px auto;
	background-size:820px auto;
	background-position:-130px 0
}
}
.zone.solution .cards .card.hide {
	display:none
}
.zone.solution .learn_more_button {
	clear:both;
	display:block;
	margin:120px auto;
	width:200px;
	height:44px;
	text-align:center;
	color:#FFF;
	border:1px solid rgba(255,255,255,.3);
	font-size:16px;
	line-height:44px;
	position:relative;
	overflow:hidden;
	z-index:1;
	-webkit-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
	cursor:pointer
}
.experience .experience-web,.zone.solution .learn_more_button::before {
	-webkit-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out
}
.zone.solution .learn_more_button::before {
	content:"";
	z-index:-1;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:-100%;
	background:#FFF;
	transition:all .3s ease-in-out
}
.zone.solution .learn_more_button:hover {
	color:#3679FF;
	box-shadow:1px 1px 10px rgba(0,0,0,.2)
}
.zone.solution .learn_more_button:hover::before {
	left:0
}
.zone.partner {
	padding:80px 0 120px
}
.zone.partner .title {
	margin-bottom:80px
}
.zone.partner .logos {
	width:1267px;
	height:293px;
	margin:0 auto;
	background:url(../images/partner.png) center no-repeat;
	background-size:100% 100%
}
.zone.security {
	background:#F6F7FA;
	padding:80px 0 60px
}
.zone.security .certifications {
	width:650px;
	height:200px;
	margin:0 auto
}
.zone.security .certifications .certification {
	width:130px;
	height:100%;
	float:left;
	overflow:hidden;
	box-sizing:border-box;
	text-align:center
}
.zone.security .certifications .certification .logo {
	display:inline-block;
	height:90px;
	width:90px;
	margin-top:12px;
	border-radius:50%;
	overflow:hidden;
	transition:all .25s ease-out
}
.zone.security .certifications .certification .logo.logo_l3 {
	background-position:-831px 0;
	height:90px;
	width:90px
}
.zone.security .certifications .certification .logo.logo_9001 {
	background-position:-277px 0;
	height:90px;
	width:91px
}
.zone.security .certifications .certification .logo.logo_27001 {
	background-position:0 0;
	height:90px;
	width:91px
}
.zone.security .certifications .certification .logo.logo_djcp {
	background-position:-554px 0;
	height:90px;
	width:91px
}
.zone.security .certifications .certification .logo.logo_micl {
	background-position:-1105px 0;
	height:90px;
	width:91px
}
.zone.security .certifications .certification .name {
	display:inline-block;
	font-size:12px;
	color:#838383;
	margin-top:12px;
	line-height:1.5
}
.zone.security .certifications .certification:hover .logo {
	transform:scale(1.05);
	box-shadow:1px 1px 15px rgba(0,0,0,.15)
}
.info {
	position:relative;
	width:1208px;
	margin:0 auto
}
.info .item {
	float:left;
	width:380px;
	height:720px;
	margin-right:30px;
	background:#FFF;
	border:1px solid #EEE;
	box-shadow:0 0 10px 0 rgba(0,0,0,.08);
	border-radius:4px
}
.info .item.last {
	margin-right:0
}
.info .item .item-wap-banner {
	display:none
}
.info .item .item-banner {
	width:100%;
	height:330px
}
.info .item .item-content {
	height:320px
}
.info .item .item-content .title {
	padding:40px 0;
	text-align:center;
	font-size:28px;
	color:#333;
	line-height:40px
}
.info .item .item-content .desc {
	font-size:16px;
	color:#888;
	text-align:center;
	line-height:32px
}
.info .item .item-footer {
	width:100%;
	height:68px;
	border-top:1px solid #EEE
}
.info .item .item-footer .ele {
	float:left;
	width:33.3%;
	height:100%;
	line-height:68px;
	text-align:center;
	font-size:14px;
	color:#888;
	vertical-align:middle
}
.info .item .item-footer .ele .icon {
	display:inline-block;
	position:relative;
	top:4px;
	width:20px;
	height:20px;
	margin-right:6px
}
.guide {
	width:100%;
	height:661px
}
.guide .guide-title {
	height:100px;
	border-bottom:solid 1px #dfdfdf
}
.guide .guide-title .guide-list {
	width:1000px;
	margin:0 auto
}
.guide .guide-title .guide-list .guide-item {
	display:inline-block;
	width:24%;
	cursor:pointer;
	line-height:100px;
	text-align:center;
	font-size:18px;
	color:#888
}
.guide .guide-title .guide-list .active,.guide .guide-title .guide-list .guide-item:hover {
	color:#3679FF
}
.guide .guide-title .guide-list .guide-item img {
	position:relative;
	float:left;
	margin-top:-11px;
	display:none
}
.guide .guide-title .guide-list .guide-item .guide-icon {
	display:inline-block;
	margin-right:16px;
	margin-bottom:5px;
	width:32px;
	height:32px;
	vertical-align:middle
}
.guide .guide-title .guide-list .filemanage img {
	display:none
}
.guide .guide-detaile .guide-detaile-right ul,.guide .guide-title .guide-list .active img {
	display:block
}
.guide .guide-detaile {
	height:540px;
	width:1035px;
	margin:0 auto
}
.guide .guide-detaile .guide-detaile-left {
	float:left;
	margin-top:56px;
	width:600px;
	height:440px
}
.guide .guide-detaile .guide-detaile-right {
	margin-right:80px;
	margin-top:116px;
	float:right
}
.guide .guide-detaile .guide-detaile-right ul li {
	display:block;
	margin:7px 0;
	font-size:14px;
	color:#888;
	height:44px;
	line-height:44px
}
.guide .guide-detaile .guide-detaile-right ul .center-light,.sample .arrow-left,.sample .arrow-right,.sample .s-item,.sample .sample-item .box-mask,.sample .sample-item:hover .sam-item,.sample .sample-title-wap {
	display:none
}
.guide .guide-detaile .guide-detaile-right ul li span {
	display:none;
	width:44px;
	height:44px;
	margin-right:20px;
	vertical-align:middle
}
.guide .guide-detaile .guide-detaile-right ul .detaile-title {
	min-width:200px;
	font-size:30px;
	color:#333;
	line-height:40px;
	border-bottom:solid 1px #CDD8F5;
	padding-bottom:16px;
	margin-bottom:22px
}
.advantage {
	width:100%;
	height:480px;
	background:url(../images/index_15.jpg) center center no-repeat;
	background-size:cover
}
.sample {
	width:904px;
	margin:0 auto;
	text-align:center
}
.sample .sample-title {
	font-size:36px;
	color:#333;
	line-height:42px
}
.sample .sample-title-s {
	font-size:24px;
	color:#151515;
	line-height:42px;
	margin-bottom:56px
}
.sample .sample-item {
	position:relative;
	width:300px;
	height:200px;
	float:left;
	text-align:center
}
.sample .sample-item .sam-item {
	margin-top:118px;
	padding-left:20px;
	font-size:24px;
	text-align:left;
	color:#FFF;
	line-height:30px
}
.sample .sample-item .box-mask {
	height:200px;
	width:100%;
	transition:max-height .2s;
	-webkit-transition:max-height .2s;
	position:absolute;
	float:left;
	background:#3679ff;
	opacity:.8;
	z-index:100;
	overflow:hidden
}
.sample .sample-item .box-mask p {
	color:#FFF;
	position:absolute;
	text-align:left;
	margin-left:28px;
	margin-right:28px
}
.sample .sample-item .box-mask .sample-title {
	font-size:20px;
	margin-top:32px;
	line-height:32px
}
.sample .sample-item .box-mask .sample-introduce {
	font-size:13px;
	margin-top:69px;
	line-height:18px
}
.sample .sample-item .box-mask a {
	position:absolute;
	width:140px;
	height:32px;
	top:143px;
	left:28px;
	border:1px solid #FFF;
	color:#FFF;
	font-size:14px;
	line-height:32px
}
.sample .sample-item .box-mask a:hover {
	background-color:#FFF;
	color:#3679FF
}
.experience {
	height:260px;
	text-align:center;
	background:url(../images/bg.png) center center no-repeat #005EFF;
	background-size:cover
}
.experience .experience-title {
	display:block;
	line-height:46px;
	padding-top:60px;
	color:#FFF;
	font-size:30px
}
.experience .open-now-wap {
	display:none
}
.experience .experience-web {
	display:inline-block;
	margin-top:36px;
	width:200px;
	height:44px;
	color:#FFF;
	border:1px solid rgba(255,255,255,.3);
	font-size:16px;
	line-height:44px;
	position:relative;
	overflow:hidden;
	z-index:1;
	transition:all .3s ease-in-out;
	cursor:pointer
}
.experience .experience-web::before {
	content:"";
	z-index:-1;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:-100%;
	background:#FFF;
	-webkit-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out
}
.experience .experience-web:hover {
	color:#3679FF;
	box-shadow:1px 1px 10px rgba(0,0,0,.2)
}
.experience .experience-web:hover::before {
	left:0
}
.experience .experience-wap {
	display:none
}
.indexIcon-jisu {
	background-position:0 0;
	height:32px;
	width:32px
}
.indexIcon-tuandui {
	background-position:-136px 0;
	height:32px;
	width:32px
}
.indexIcon-yidong {
	background-position:-204px 0;
	height:32px;
	width:32px
}
.indexIcon-qiye {
	background-position:-68px 0;
	height:32px;
	width:32px
}
.indexIcon-jisu_h {
	background-position:-34px 0;
	height:32px;
	width:32px
}
.indexIcon-tuandui_h {
	background-position:-170px 0;
	height:32px;
	width:32px
}
.indexIcon-yidong_h {
	background-position:-238px 0;
	height:32px;
	width:32px
}
.indexIcon-qiye_h {
	background-position:-102px 0;
	height:32px;
	width:32px
}
.guide-list .active .indexIcon-jisu,.guide-list .guide-item:hover .indexIcon-jisu {
	background-position:-34px 0;
	height:32px;
	width:32px
}
.guide-list .active .indexIcon-tuandui,.guide-list .guide-item:hover .indexIcon-tuandui {
	background-position:-170px 0;
	height:32px;
	width:32px
}
.guide-list .active .indexIcon-yidong,.guide-list .guide-item:hover .indexIcon-yidong {
	background-position:-238px 0;
	height:32px;
	width:32px
}
.guide-list .active .indexIcon-qiye,.guide-list .guide-item:hover .indexIcon-qiye {
	background-position:-102px 0;
	height:32px;
	width:32px
}
.index-icons-pro_img_0 {
	background-position:0 0;
	height:440px;
	width:594px
}
.index-icons-pro_img_1 {
	background-position:-1198px 0;
	height:440px;
	width:600px
}
.index-icons-pro_img_2 {
	background-position:-1800px 0;
	height:440px;
	width:600px
}
.index-icons-pro_img_3 {
	background-position:-2402px 0;
	height:440px;
	width:600px
}