/* CSS Document */

/* header */
.header {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 80px;
	background: url(../img/header_line.png) repeat-x left bottom;
	z-index: 999;
	/*background-color:#FF0000;*/
	/*filter:alpha(Opacity=50);-moz-opacity:0.5;opacity: 0.5;*/
}
.header .logo {
	float: left;
	padding: 23px 0 0 40px;
}
.header .nav {
	position: absolute;
	top: 0;
	left: 23%;
	width: 840px;
	padding-top: 21px;
	text-align: center;
}
.header .nav a {
	display: inline-block;
	padding: 0 32px;
	height: 40px;
	font-size: 14px;
	color: #FFF;
	line-height: 40px;
}
.header .nav a:hover {
	background: url(../img/nav_crt.png) no-repeat center bottom;
}
.header .nav a.crt {
	background: url(../img/nav_crt0.png) no-repeat center bottom;
}
.header .nav .space {
	display: inline-block;
	width: 15px;
	/*background: url(../img/nav_space.png) no-repeat center center;*/
}
.header .contact {
	float: right;
	padding: 29px 40px 0 30px;
	height: 51px;
	background: url(../img/header_line.png) repeat-y left top;
}
.header .weixin {
	position: relative;
	display: inline-block;
	width: 25px;
	height: 25px;
	background: url(../img/ico_weixin.png);
	vertical-align: middle;
}
.header .weixin_code {
	display: none;
	position: absolute;
	top: 51px;
	left: -59px;
	width: 140px;
	border: 1px solid #E6E6E6;
	border-radius: 4px;
	background: #FFF;
}
.header .weixin_code .arrow {
	position: absolute;
	top: -6px;
	left: 64px;
}
.header .weixin_code p {
	padding-bottom: 8px;
	color: #999;
	text-align: center;
}
.header .tel {
	margin-left: 12px;
}

/* header_fixed */
.header_fixed {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 80px;
	border-bottom: 1px solid #E6E6E6;
	background: #FFF;
	z-index: 999;
}
.header_fixed .logo {
	float: left;
	padding: 23px 0 0 40px;
}
.header_fixed .nav {
	position: absolute;
	top: 0;
	left: 23%;
	width: 840px;
	padding-top: 21px;
	text-align: center;
}
.header_fixed .nav a {
	display: inline-block;
	padding: 0 32px;
	height: 40px;
	font-size: 14px;
	color: #555;
	line-height: 40px;
}
.header_fixed .nav a:hover {
	background: url(../img/nav_crt.png) no-repeat center bottom;
}
.header_fixed .nav a.crt {
	background: url(../img/nav_crt.png) no-repeat center bottom;
}
.header_fixed .nav .space {
	display: inline-block;
	width: 15px;
	background: url(../img/fixed_nav_space.png) no-repeat center center;
}
.header_fixed .contact {
	float: right;
	padding: 29px 40px 0 30px;
	height: 51px;
	border-left: 1px solid #E6E6E6;
}
.header_fixed .weixin {
	position: relative;
	display: inline-block;
	width: 25px;
	height: 25px;
	background: url(../img/fixed_ico_weixin.png);
	vertical-align: middle;
}
.header_fixed .weixin_code {
	display: none;
	position: absolute;
	top: 51px;
	left: -59px;
	width: 140px;
	border: 1px solid #E6E6E6;
	border-radius: 4px;
	background: #FFF;
}
.header_fixed .weixin_code .arrow {
	position: absolute;
	top: -6px;
	left: 64px;
}
.header_fixed .weixin_code p {
	padding-bottom: 8px;
	color: #999;
	text-align: center;
}
.header_fixed .tel {
	margin-left: 12px;
}

/* footer */
.footer {
	background: #282C35;
	color: #CCC;
}
.footer .yunying {
	padding-top: 50px;
}
.footer .yunying h4 {
	padding-bottom: 5px;
	font-size: 14px;
	font-weight: normal;
	line-height: 30px;
}
.footer .yunying p {
	font-size: 13px;
	line-height: 24px;
}
.footer .copyright {
	padding-top: 35px;
	font-size: 13px;
	line-height: 24px;
}
.footer .tit {
	font-size: 15px;
	line-height: 36px;
}
.footer .tel {
	padding-top: 35px;
}
.footer .address {
	padding: 30px 0 0 36px;
	background: url(../img/footer_ico_address.png) no-repeat 0 30px;
	font-size: 13px;
	line-height: 24px;
}
.footer .web {
	padding: 25px 0 0 36px;
	background: url(../img/footer_ico_web.png) no-repeat 0 25px;
	font-size: 13px;
	line-height: 24px;
}
.footer .weixin {
	float: left;
	padding-top: 35px;
	width: 200px;
}
.footer .weixin .qrcode {
	float: left;
}
.footer .weixin .qrcode img {
	border-radius: 3px;
}
.footer .weixin .tip {
	float: left;
	padding: 46px 0 0 12px;
	line-height: 20px;
}

/* to top */
.to-top {
  position: fixed;
  display: inline-block;
  bottom: 80px;
  right: 20px;
  width: 60px;
  height: 60px;
  border-radius: 4px;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
  /* image replacement properties */
  background: url(../img/to_top.png) no-repeat center center #666;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.to-top.is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.to-top.fade-out {
  /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
  opacity: .5;
}
.to-top:hover {
  background-color: #333;
  opacity: 1;
}


#page-index #cloud-intro[data-v-9dc4268e]{padding-top:63px;padding-bottom:66px; background-color:#f0f0f0;}
#page-index .box[data-v-9dc4268e],#page-index .slide-down[data-v-9dc4268e]{/*background-image:url(../img/down.png);background-repeat:no-repeat*/}
#page-index .box[data-v-9dc4268e]{background-position:center bottom 30px}
#page-index .box .box-title[data-v-9dc4268e]{font-size:26px;color:#020202;text-align:center}
#page-index #top-banner[data-v-9dc4268e]{position:relative;height:800px}
.wrapper{width:1200px;margin-left:auto;margin-right:auto}
#page-index #cloud-intro.anime-in .box-title[data-v-9dc4268e],#page-index #cloud-intro.anime-in .list .list-item[data-v-9dc4268e],#page-index #cloud-intro.anime-in .list[data-v-9dc4268e],#page-index #cloud-intro.anime-in .video-preview[data-v-9dc4268e]{-webkit-transform:none;transform:none;opacity:1}
#page-index #cloud-intro .video-preview[data-v-9dc4268e]{margin-top:34px;background:url(../images/zhuimeng.jpg) 50% 50% no-repeat;width:1200px;height:300px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;position:relative}
#page-index #cloud-intro .video-preview .video-mask[data-v-9dc4268e]{position:absolute;left:0;top:0;width:1200px;height:300px;background:#000;opacity:.6;z-index:1}
#page-index #cloud-intro .video-preview .play-video-button[data-v-9dc4268e]{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);z-index:2;width:113px;height:113px;background:rgba(0,0,0,.9) url(../img/bofang.png) 55% 50% no-repeat;border-radius:50%}
#page-index #cloud-intro .video-preview .play-video-button[data-v-9dc4268e]:hover{background:rgba(0,0,0,.9) url(../img/bofang.png) 55% 50% no-repeat;border-radius:50%);}
#page-index #office-intro[data-v-9dc4268e]{}
#page-index .box[data-v-9dc4268e],#page-index .slide-down[data-v-9dc4268e]{/*background-image:url(../img/down.png);background-repeat:no-repeat*/}#page-index .box[data-v-9dc4268e]{background-position:center bottom 30px}
#page-index #office-intro .wrapper[data-v-9dc4268e]{position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-top:80px;padding-bottom:70px}
#page-index #office-intro.anime-in .intro-box[data-v-9dc4268e]{-webkit-transform:none;transform:none;opacity:1}
#page-index #office-intro .intro-box[data-v-9dc4268e]{-webkit-box-flex:560px;-ms-flex:560px 0 0px;flex:560px 0 0;padding-top:334px;color:#000;font-size:16px;line-height:1.42308;background:url(../img/studio-bg.45c4fd6d.png) 50% 0 no-repeat}
#page-index #office-intro .intro-box .content[data-v-9dc4268e]{width:440px;margin:0 auto}
#page-index #office-intro .intro-box .title[data-v-9dc4268e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:8px}
#page-index #office-intro .intro-box .title .text[data-v-9dc4268e]{font-size:26px}
#page-index #office-intro .intro-box .title .text[data-v-9dc4268e]{font-size:26px}#page-index #office-intro .intro-box .title .tag[data-v-9dc4268e]{margin-left:9px;display:inline-block;font-size:16px;line-height:1.375;color:#505050;border:1px solid #505050;border-radius:4px;padding:2px 7px}#page-index #office-intro .intro-box .title .button[data-v-9dc4268e]{-webkit-box-flex:1;-ms-flex:1;flex:1;cursor:pointer;text-align:right;font-size:16px;color:#383b43;padding-right:10px;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAMCAYAAACulacQAAAAAXNSR0IArs4c6QAAAONJREFUGBljsLNz0bSycalhwAKYxMUFb/1j+B9qYePaiy7PCBLw9PTk+/Dp947/jAw3PFxsUhoaGv6BxMGSIIaDQwLHzz9PNvxnYPgqKykYuXr16l9wSYiCBpaff44sA7IFZSQFvVEkQQr+///PaGnrOhPIdGABCaADoA6g6QzMKDodHBpYfvw+soSRkUEEaKwXM0yXZWgo559PNzcAJRhkJIUCQQ5iAkmCvPL/+ftdjIxMr9xdbINBEiBxxtDQUObHz9+dZWRk3H/88J5CkCAMMIuISGn8+8fAePzI3iqYIIwGAPp7SSFHcvE8AAAAAElFTkSuQmCC") 100% 50% no-repeat}#page-index #office-intro .intro-box .intro[data-v-9dc4268e]{line-height:1.625;margin-bottom:36px}#page-index #office-intro .intro-box .label[data-v-9dc4268e]{color:#666;margin-bottom:10px}#page-index #office-intro .intro-box .list[data-v-9dc4268e]{line-height:2}
#page-index #office-intro .intro-box.space-intro[data-v-9dc4268e]{background-image:url(../img/space-bg.c209c91a.png);margin-left:40px}

body.has-booking-visit-floating #footer{padding-bottom:30px}
#footer{background:#2d2e30;font-size:14px;line-height:2}
#footer a{ color:#FFF;}
#footer .wrapper{padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box}
#footer .site-nav{padding-top:30px;padding-bottom:30px;color:#fff}
#footer .site-nav .wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}
#footer .site-nav .column{-ms-flex-negative:0;flex-shrink:0;margin-right:50px}
#footer .site-nav .column .column-label{color:#fff;font-size:16px}
#footer .site-nav .column .column-content a{display:block}
#footer .site-nav .column .column-content a:hover{color:#ee4351}
#footer .site-nav .column .column-content .contact-mail,#footer .site-nav .column .column-content .contact-phone{background:0 50% no-repeat;padding-left:28px}
#footer .site-nav .column .column-content .contact-phone{margin-top:20px;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAdFJREFUOBGtlb9LQlEUx3312ixoiChoCAIboikbc29SQhqCWvpFEDQ5ttQkTdHS0B+QFCVELU7Nji1aazm0BDZK9vk+79X78CkUXvh4zj3ne4/3PO99erGI0Ww2fcIZSMMSTIPGB5ThHu48z2tg+w+KZeANSrADCYgb5CumnDT60uhB0oM8VCEVrepEpTFarfE6GeMRVOIZxruSPQLSmjX5kISg2tTOgmLYOdiHw5AwYqI1oLWt9nF80PMI2sROgsYVPMFuRJ1QCE0KVMOP8ZGFklXg78Gl5tgNuLG5fhadfqjsECIdjWtHXMWfN/Mv7BrC7ofuLDCuaqS1iwokbB5/Aj4hCRrtnNVEWemgoqNSRzDFIf22QmIX+JrPQIPcls31sqyJk6tph3UzaWuZz0INFkDjvJ3s4aAZhXpXy1ZPchXeQUfoBU5AHZ3CMSxbrSzzoGX9KLqbKwq6gzYfmefgFTYhCT+g9segSJEC1g7VKKty6NjYrLUmr/YPYBuGlcOmoejogmOjROhgW4Fr0SzCA+hGnME63II6UI0UtA62CYSunlvM9Vmko5SDAhzBCISvnl1AYnAvB7PLwb6+nJ2qfT0PPeQ/v2Aj7yiF/v0X8AtTviYtMDNOrgAAAABJRU5ErkJggg==")}
#footer .site-nav .column .column-content .contact-phone:hover{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAxNJREFUOBGtlU1oVFcUx8859yVj/Ih1NFOLKwWRkhaiZBGDQtIJiotGEp1NJbRibBcV6koQF8nCr4UKbhSrCX4sJxoK3UQzEolKFg1+0UKJuy6KSWeMY1M/8u45njPpG8c4Kqh3c+679///3XvPe+c+hDJNmpqCXPBpvYPn3+p0AwImTCYg4xpGPFSei4cPfsOhodDGSxuWPlg/n9y6nsnvBYbFnmSAQrwt5CZsDtnXcCB1jnEjEGSJ3aHqTN+wzUXtFeBky5bvRfgnQbrw7Bn1fDacLoAicRT/Xp+qicV4Bwp3INLxTwYv/hzNFaPCdk4m20fzyba1xcF3dLIbNjeax7yRtLDDXEtqHUp4ygnvrL76y81s85baSge1LLLkiZO+pZf7LXdlW/6rzY0e6bRg8EN8MH2dxjZtioGE+zTx5wyWb25d5RQCKG2CsCsm2FGW9P+geUTgvDGMRQk/t44I4wTSYxpPFZ+rYGz+lUvfEOARFGmU7m56GzRAOGOMAksYvhOAgepMf9ZM7HhK81D5RypVEQpXgeDyfzO/L34b0LzGMJauzA3ew63IMJeDP/WLiy/L+VZNw15E7J0/XFtYLNKUizMMbiAUTBDSP5FozmD6L0AaFZSvAeESA6+B7mj2zdEYmqqEpklFwUuhPsrzkI5qWXzhCEf1KMse3bi7X1Ip91JVpmcMNQdWTjzNS0oliaH0/Vyyrct7ORA46mLmXY8e+hOTG1KHRcIuraJsBbmBeVh1Ay9fmDKvMQKCcc0hjTgHq0uB1o9n+n/V7fcqrEuroQcRKoH9NRT4Uqcdohx66B8fi3wzDBrRo8NZ3elGrZDX3uTCzMXjjt1BLcc9XmTCER0mom2LMv27p0VOOqQqA5rXGMaicfffbWbJhQKd0WqlccHVvjSQdOrLW+k9b2eGHZqOH1XTwQJ3TGteYxhLwQCzS8/GZjd9OZhPttfrZ9Sk/RVEcu9xbPpsbIrq9JjF0iv6osvBCr44+I5OtqW9oezlEPmi60tzcf7J06D3fa6vwpEjoMWPesFG4A/5BbwAhg+Q11kz28wAAAAASUVORK5CYII=")}
#footer .site-nav .column .column-content .contact-mail{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAMCAYAAABvEu28AAAAAXNSR0IArs4c6QAAALtJREFUKBWdk2sKwjAQhIOX8Dz1X/BQ8WR6mBaUgl4hflM2mGge0oXpJtnZyQ5tXYzRgxXsDfV6x2MGT3ABB/dniGs9L/IsIcURXMFN65GWOMZVj9ZxE1Ija90QwAOcWmKqGSeQNwfkj1Bq5GwCd1BYZZ+sqDYlvjL7XyErFFbhFVZyka6QFXOrshtA9WVwXp8ovxGOrBZW8vpwom9yb6+JqqP2mlo1CS0InluE0bn1Lnp1+kX0de8N9fo3N5NxKQoKwkgAAAAASUVORK5CYII=")}#footer .site-nav .column .column-content .contact-mail:hover{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOCAYAAAAvxDzwAAAAAXNSR0IArs4c6QAAAdpJREFUOBGVlEFLG1EQx2fevo2kiMnWNjePXqXgzdOKSS6CJg3BeNC730AQQhAE/SwhNsWDYgIuPYgI3jx5KvQiLTFJLYYkb9/4JumGFTSYgbdvZt5/fuzsDg8hZBeuK91Q/B7XM6Jlz1OBFtlppNeXhC9KAjHqA9hIJALBuJ0QtQXQ10QdbenS7Pn3S6R8PtJ+UFVT6CJCDQkO+1L8Fdq3x8G0sPq20jOEsEsEKaP1Yh9lRjabEAWCBBIWQNCWRtyLkr3zoVb5NQ74lC7MdbF3ZLrpkMYCIRWZNWjNvBn6hHePT3JbIl53qXfaWFnfeAvYWPm60fW7pwLpmmu4lhmsl0HRVETLT16lY+L9ZjJ7K1CUWsnsl56SBwmv/I91v938dESqPQJaNWExVvt2zPnHdFYq8/HZXv34Tt0IJa0B4IJtqeN2KjfPi33O8dlAM2S8eL4KZIVzVv0Zc6wsAF2R1ie82Occn72ghIJRy6HcyMVyuWeCYiuZ+8FJp16pjw7fcMYCg5r4O0CB9n/L5qcLvx8kJ92HtWYijUnHgU77Ae9Jyc1mKsMDPrGREhkEuo8b1oDaWs4soiX2CeAzmbGfxHA4gH/I18X4RfVmAAwAZC6HwJ9kx9Dl8AxSccRje6FD2wAAAABJRU5ErkJggg==")}
#footer .site-nav .qr-code{-webkit-box-flex:68px;-ms-flex:68px 0 0px;flex:68px 0 0;text-align:center;font-size:14px;color:silver;margin-left:20px}
#footer .site-nav .qr-code .qr-code-app,
#footer .site-nav .qr-code .qr-code-wx{width:120px;height:120px;background:#fff 50% 50% no-repeat;background-size:120px auto}
#footer .site-nav .qr-code .qr-code-app{background-image:url(../img/qr-app.837665cc.jpg)}
#footer .site-nav .qr-code .qr-code-wx{background-image:url(../img/qr-wx.506471a1.jpg)}
#footer .address-info{color:#fff;margin-bottom:10px}
#footer .address-info .wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
#footer .address-info .wrapper .local-name,
#footer .address-info .wrapper a,
#footer .address-info .wrapper span{margin-right:30px}
#footer .address-info .wrapper a:hover{cursor:pointer!important;color:#ee4351}
#footer .copyright{color:#666;font-size:12px}
#footer .copyright .wrapper{padding:8px 0 20px;border-top:1px solid #4c4c4c}