﻿	content:"Copyright@2018 华宇电讯版权所有"
}
article,aside,dialog,footer,header,section,footer,nav,figure,menu {
	display:block
}
body {
	font:14px/1.5 "roboto","PingFang SC","\5FAE\8F6F\96C5\9ED1","Microsoft Yahei",Helvetica,Arial,sans-serif;
	color:#666;
	background:#fff;
	padding:0;
	margin:0
}
.wrapper {
	margin:0 auto;
	width:100%;
	max-width:1200px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	padding:0 10px
}
.overflow-h {
	overflow:hidden
}
.nowrap {
	white-space:nowrap
}
.wrap {
	word-break:break-all
}
.font18 {
	font-size:18px
}
.font14 {
	font-size:14px
}
.font12 {
	font-size:12px
}
.font-dark {
	color:#333
}
.font-color {
	color:#666
}
.font-light {
	color:#999
}
.font-red {
	color:#ef2a3a
}
.font-blue {
	color:#66afe9
}

h1,h2,h3,h4,h5,h6 {
	font-weight:400;
	color:#333
}
.bold {
	font-weight:700
}
.float-right {
	float:right
}
.float-left {
	float:left
}
.center,center {
	text-align:center
}
.left,left {
	text-align:left
}
.right,right {
	text-align:right
}
.justify {
	text-align:justify
}
* {
	box-sizing:border-box
}
.h-100per {
	height:100%
}
.w-100per {
	width:100%
}
.no-margin {
	margin:0
}
.no-padding {
	padding:0
}
.topic-box {
	padding:50px 0
}
.block {
	display:block!important
}
.inline {
	display:inline!important
}
.inline-block {
	display:inline-block
}
.none {
	display:none!important
}
.table {
	display:table
}
.table>* {
	display:table-row
}
.table>*>* {
	display:table-cell;
	vertical-align:top
}
@media screen and (max-width:1600px) {
	.hide-lg {
	display:none!important
}
}@media screen and (max-width:1200px) {
	.hide-md {
	display:none!important
}
}@media screen and (max-width:992px) {
	.hide-sm {
	display:none!important
}
}@media screen and (max-width:768px) {
	.hide-xs {
	display:none!important
}
}@media screen and (max-width:480px) {
	.hide-xxs {
	display:none!important
}
}@media screen and (min-width:1601px) {
	.show-lg {
	display:none!important
}
}@media screen and (min-width:1201px) {
	.show-md {
	display:none!important
}
}@media screen and (min-width:993px) {
	.show-sm {
	display:none!important
}
}@media screen and (min-width:769px) {
	.show-xs {
	display:none!important
}
}@media screen and (min-width:481px) {
	.show-xxs {
	display:none!important
}
}ul,ol {
	padding-left:0
}
li {
	list-style:none
}
::selection {
	background:#fae7e9
}
.one-row {
	display:table;
	width:100%
}
.one-row>* {
	display:table-cell;
	vertical-align:middle
}
.one-row>gap {
	width:6px
}
.some-line {
	text-align:center
}
.some-line>* {
	text-align:center;
	margin:auto
}
.some-row {
	display:table;
	width:100%
}
.some-row>* {
	display:table-row
}
.some-row>*>* {
	display:table-cell;
	vertical-align:top
}
.some-row>*>gap {
	width:6px
}
.two-cols {
	margin:-12px
}
.two-cols>div {
	width:100%;
	display:table;
	border-collapse:separate;
	border-spacing:12px
}
.two-cols>div>div {
	display:table-cell;
	vertical-align:middle
}
@media screen and (max-width:768px) {
	.two-cols>div>div {
	display:block
}
}.b-l-none {
	border-left:0!important
}
.b-r-none {
	border-right:0!important
}
.b-t-none {
	border-top:0!important
}
.b-b-none {
	border-bottom:0!important
}
.border-none {
	border:0!important
}
.col-1 {
	width:16.66%;
	float:left
}
.col-2 {
	width:33.33%;
	float:left
}
.col-3 {
	width:50%;
	float:left
}
.col-4 {
	width:66.664%;
	float:left
}
.col-5 {
	width:83.33%;
	float:left
}
.col-6 {
	width:100%;
	float:left
}
.col-7 {
	width:20%;
	float:left
}
.col-8 {
	width:25%;
	float:left
}
.col-9 {
	width:33.3%;
	float:left
}
.col-10 {
	width:12.5%;
	float:left
}
.col-11 {
	width:14.285%;
	float:left
}
.grid-container * {
	box-sizing:border-box;
	max-width:1200px
}
.row:before,.row:after {
	content:"";
	display:table;
	clear:both
}
@media all and (max-width:1200px) {
	.col-8 {
	width:50%
}
.col-10 {
	width:16.6%
}
.col-11 {
	width:16.6%;
	float:left
}
}@media all and (max-width:1024px) {
	.col-10,.col-11 {
	width:20%
}
}@media all and (max-width:800px) {
	.col-1 {
	width:33.33%
}
.col-2 {
	width:50%
}
.col-3 {
	width:83.33%
}
.col-4 {
	width:100%
}
.col-5 {
	width:100%
}
.col-6 {
	width:100%
}
.col-7 {
	width:50%
}
.col-8 {
	width:50%
}
.col-9 {
	width:50%
}
.col-10 {
	width:25%
}
.row .col-9:last-of-type {
	width:100%
}
.row .col-5~.col-1 {
	width:100%
}
}@media all and (max-width:650px) {
	.col-1 {
	width:50%
}
.col-2 {
	width:100%
}
.col-3 {
	width:100%
}
.col-4 {
	width:100%
}
.col-5 {
	width:100%
}
.col-6 {
	width:100%
}
.col-7 {
	width:100%
}
.col-8 {
	width:100%
}
.col-9 {
	width:100%
}
}.red {
	color:#ef2a3a
}
.green {
	color:green
}
.blue {
	color:#66afe9
}
.orange {
	color:#fa8f04
}
.yellow {
	color:#ffd46c
}
.done {
	color:green
}
.fail {
	color:#ef2a3a
}
.ing {
	color:#fa8f04
}
red {
	color:#ef2a3a
}
.white-bg {
	background-color:#fff
}
.status-dot::before {
	content:"●";
	padding-right:4px
}
.done-dot::before {
	content:"●";
	padding-right:4px
}
.done-dot::before {
	color:green
}
.fail-dot::before {
	content:"●";
	padding-right:4px
}
.fail-dot::before {
	color:#ef2a3a
}
.ing-dot::before {
	content:"●";
	padding-right:4px
}
.ing-dot::before {
	color:#fa8f04
}
clear {
	clear:both!important;
	display:block
}
.window-height {
	min-height:300px
}
img {
	border:0
}
.middle {
	position:absolute;
	margin:auto;
	top:0;
	bottom:0;
	left:0;
	right:0
}
.box-shadow {
	-moz-box-shadow:0 0 20px #ddd;
	-webkit-box-shadow:0 0 20px #ddd;
	box-shadow:0 0 20px #ddd
}
.icon001 {
	position:relative;
	margin:auto;
	width:78px;
	height:72px
}
.icon001 .temp {
	position:absolute;
	margin:auto;
	z-index:3
}
.icon001 img {
	position:absolute;
	margin:auto;
	z-index:3;
	top:13px;
	right:26px
}
.icon001 i {
	position:absolute;
	margin:auto;
	z-index:3;
	color:#fff;
	font-size:20px;
	top:10px;
	right:24px;
	transform:matrix3d(1,-.4,0,.005,0,1,0,0,0,0,1,0,0,0,0,1)
}
.icon001::before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	margin:auto;
	width:35px;
	height:51px;
	background:url(/img/icon/001/bg-gray.png);
	z-index:2
}
.icon001::after {
	content:"";
	position:absolute;
	bottom:0;
	width:78px;
	height:54px;
	background:url(/img/icon/001/shadow.png);
	z-index:1
}
.card-topline1 {
	z-index:10;
	position:absolute;
	width:0;
	height:5px;
	left:50%;
	transition:width .1s;
	-webkit-transition:all .5s ease-out
}
.tit1 {
	text-align:center;
	padding:20px 0
}
.tit1 h1 {
	font-size:30px;
	color:#333;
	text-align:center;
	margin-bottom:0
}
.tit1 p {
	font-size:16px;
	color:#999;
	text-align:center
}
.tit2 {
	position:relative;
	height:44px;
	padding-left:20px
}
.tit2::before {
	content:"";
	height:30px;
	width:5px;
	background:#ef2a3a;
	display:block;
	position:absolute;
	top:7px;
	left:0
}
.tit2 b {
	color:#333;
	font-size:30px;
	font-weight:400;
	line-height:44px
}
.tit2 small {
	color:#999;
	font-size:16px;
	margin-left:10px
}
@media screen and (max-width:480px) {
	.tit2 small {
	display:none
}
}.tit3 {
	position:relative;
	padding:0 266px;
	display:inline-block;
	color:#050c15;
	font-size:30px;
	margin:auto;
	white-space:nowrap
}
.tit3 .temp {
	content:"";
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	margin:auto;
	width:236px;
	height:21px
}
.tit3::before {
	content:"";
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	margin:auto;
	width:236px;
	height:21px;
	left:0;
	background:url(/img/other/tit3-01.png) no-repeat center
}
.tit3::after {
	content:"";
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	margin:auto;
	width:236px;
	height:21px;
	right:0;
	background:url(/img/other/tit3-02.png) no-repeat center
}
@media screen and (max-width:992px) {
	.tit3 {
	padding:0 256px;
	font-size:26px
}
}@media screen and (max-width:768px) {
	.tit3 {
	padding:0 100px
}
.tit3 .temp {
	content:"";
	width:84px;
	height:16px
}
.tit3::before {
	content:"";
	width:84px;
	height:16px;
	left:0;
	background:url(/img/other/tit3-03.png) no-repeat center
}
.tit3::after {
	content:"";
	width:84px;
	height:16px;
	right:0;
	background:url(/img/other/tit3-04.png) no-repeat center
}
}@media screen and (max-width:480px) {
	.tit3 {
	padding:0 86px;
	font-size:22px
}
.tit3 .temp {
	width:68px
}
.tit3::before {
	width:68px;
	left:0;
	background:url(/img/other/tit3-03.png) no-repeat center;
	background-size:100%
}
.tit3::after {
	width:68px;
	right:0;
	background:url(/img/other/tit3-04.png) no-repeat center;
	background-size:100%
}
}@media screen and (max-width:404px) {
	.tit3 {
	padding:0 32px
}
.tit3 .temp {
	width:20px;
	height:18px
}
.tit3::before {
	width:20px;
	height:18px;
	left:0;
	background:url(/img/other/tit3-05.png) no-repeat center
}
.tit3::after {
	width:20px;
	height:18px;
	right:0;
	background:url(/img/other/tit3-06.png) no-repeat center
}
}.tit4 {
	position:relative;
	padding:0 266px;
	display:inline-block;
	color:#fff;
	font-size:72px;
	margin:auto;
	white-space:nowrap
}
.tit4 .temp {
	content:"";
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	margin:auto;
	width:236px;
	height:21px
}
.tit4::before {
	content:"";
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	margin:auto;
	width:236px;
	height:21px;
	left:0;
	background:url(/img/other/tit4-01.png) no-repeat center
}
.tit4::after {
	content:"";
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	margin:auto;
	width:236px;
	height:21px;
	right:0;
	background:url(/img/other/tit4-02.png) no-repeat center
}
@media screen and (max-width:992px) {
	.tit4 {
	padding:0 256px;
	font-size:50px
}
}@media screen and (max-width:860px) {
	.tit4 {
	padding:0 100px
}
.tit4 .temp {
	content:"";
	width:84px;
	height:16px
}
.tit4::before {
	content:"";
	width:84px;
	height:16px;
	left:0;
	background:url(/img/other/tit4-03.png) no-repeat center
}
.tit4::after {
	content:"";
	width:84px;
	height:16px;
	right:0;
	background:url(/img/other/tit4-04.png) no-repeat center
}
}@media screen and (max-width:560px) {
	.tit4 {
	padding:0 86px;
	font-size:30px
}
.tit4 .temp {
	width:68px
}
.tit4::before {
	width:68px;
	left:0;
	background:url(/img/other/tit4-03.png) no-repeat center;
	background-size:100%
}
.tit4::after {
	width:68px;
	right:0;
	background:url(/img/other/tit4-04.png) no-repeat center;
	background-size:100%
}
}@media screen and (max-width:404px) {
	.tit4 {
	padding:0 32px
}
.tit4 .temp {
	width:20px;
	height:18px
}
.tit4::before {
	width:20px;
	height:18px;
	left:0;
	background:url(/img/other/tit4-05.png) no-repeat center
}
.tit4::after {
	width:20px;
	height:18px;
	right:0;
	background:url(/img/other/tit4-06.png) no-repeat center
}
}.topic-title {
	text-align:center;
	font-weight:700;
	font-size:36px
}
.tab,.tab-nav {
	display:table;
	margin:auto;
	position:relative
}
.tab>*,.tab-nav>* {
	display:table-cell;
	float:left;
	vertical-align:bottom
}
.tab>*:not(last-child),.tab-nav>*:not(last-child) {
	margin-right:50px
}
@media screen and (max-width:1200px) {
	.tab>*:not(last-child),.tab-nav>*:not(last-child) {
	margin-right:20px
}
}@media screen and (max-width:1024px) {
	.tab>*:not(last-child),.tab-nav>*:not(last-child) {
	margin-right:10px
}
}.tab gap,.tab-nav gap {
	width:60px
}
.tab gap:last-child,.tab-nav gap:last-child {
	width:0;
	max-width:0
}
.tab>*,.tab-nav>* {
	border-bottom:transparent solid 3px
}
.tab>*.nav-current .item,.tab-nav>*.nav-current .item {
	border-bottom-color:#ef2a3a
}
.tab .item,.tab-nav .item {
	display:block;
	width:max-content;
	margin:auto;
	white-space:nowrap;
	line-height:40px;
	font-size:18px;
	color:#333;
	border-bottom:transparent solid 3px
}
.tab .item:hover,.tab-nav .item:hover {
	cursor:pointer;
	color:#ef2a3a
}
.tab-wrap {
	background:#fff;
	border-bottom:1px solid #ddd
}
.tab-wrap .item {
	line-height:60px
}
.header-fixed {
	overflow:hidden
}
.header-fixed .item:hover {
	color:#ef2a3a!important
}
.tab2 {
	width:100%;
	display:table
}
.tab2 li {
	display:table-cell!important
}
.tab2 li:hover {
	cursor:pointer
}
.tab-wrap2 {
	border-bottom:#bdc5d2 solid 1px;
	background:#f1f4f9
}
.tab-wrap2 .item {
	line-height:60px
}
.advantage-wrap {
	padding:45px 10px;
	background:#fff;
	-webkit-box-shadow:0 0 40px #d2dce5;
	box-shadow:0 0 40px #d2dce5
}
@media screen and (max-width:768px) {
	.advantage-wrap {
	padding:0
}
}.advantage-wrap .advantage-table .item {
	width:196px;
	margin:auto;
	text-align:center
}
.advantage-wrap .advantage-table .item p {
	text-align:center;
	color:#999
}
.advantage-wrap .advantage-table>* {
	vertical-align:top
}
@media screen and (max-width:768px) {
	.advantage-wrap .advantage-table>* p {
	display:none
}
.advantage-wrap .advantage-table>* .item {
	display:block;
	width:100%;
	padding:20px 0 10px
}
.advantage-wrap .advantage-table>* .item img {
	max-width:60px
}
}.advantage-wrap .advantage-table gap {
	width:1px;
	min-width:1px;
	background:#dee6ee
}
.steps {
	position:relative;
	width:100%;
	height:65px
}
.steps::before {
	content:"";
	position:absolute;
	z-index:1;
	top:20px;
	border-bottom:dotted 1px #ef2a3a;
	height:0;
	width:100%
}
.steps .steps-table {
	position:absolute;
	z-index:2;
	display:table;
	width:100%;
	max-width:460px;
	margin:auto;
	top:0;
	left:0;
	right:0
}
.steps .steps-table>* {
	display:table-cell;
	vertical-align:top;
	text-align:center
}
.steps .steps-table>* i {
	display:inline-block;
	width:38px;
	height:38px;
	border-radius:50%;
	border:solid 1px #ef2a3a;
	line-height:38px;
	font-style:normal;
	background:#fff;
	color:#ef2a3a
}
.steps .steps-table>* p {
	text-align:center;
	margin-bottom:0
}
.tech-bg01 {
	background:url(/img/bg/tech-01.png) right no-repeat,#f4f6f8!important
}
.tech-bg02 {
	background:url(/img/bg/tech-02.png) right no-repeat,#f4f6f8!important
}
.tech-bg03 {
	background:url(/img/bg/tech-03.png) right no-repeat,#f4f6f8!important
}
.tech-bg04 {
	background:url(/img/bg/tech-04.png) top right no-repeat,#fff!important;
	padding-right:120px!important
}
@media screen and (max-width:768px) {
	.tech-bg04 {
	padding-right:26px!important
}
}.tech-bg05 {
	background:url(/img/bg/tech-05.png) top right no-repeat,#fff!important
}
.tech-bg06 {
	background:url(/img/bg/tech-06.png) center no-repeat;
	background-size:100% 100%
}
.tech-bg07 {
	background:url(/img/bg/tech-07.png) center no-repeat;
	background-size:100% 100%
}
.tech-bg08 {
	background:url(/img/bg/tech-08.png) center no-repeat;
	background-size:100% 100%
}
.table-style {
	width:100%;
	border-collapse:collapse;
	text-align:center;
	color:#333
}
.table-style th {
	background:#e1e4e5;
	padding:10px 0;
	border:1px solid #ddd
}
.table-style tr:hover td {
	background:#f8f8f8
}
.table-style tr td {
	border:1px solid #ddd;
	padding:10px 0
}
.user-only {
	display:none!important
}
.non-user-only {
	display:none!important
}
.admin-only {
	display:none!important
}
.non-admin-only {
	display:none!important
}
.irs {
	height:50px
}
.irs .irs-line {
	height:8px
}
.irs .irs-line:hover {
	cursor:pointer
}
.irs .irs-line::before {
	content:"";
	display:block;
	width:100%;
	height:4px;
	background:#dcdcdc;
	margin-top:2px
}
.irs .irs-line>* {
	display:none!important
}
.irs .irs-grid {
	bottom:auto;
	top:27px;
	height:28px
}
.irs .irs-grid .irs-grid-pol {
	height:4px;
	width:2px;
	background:#bfbfbf
}
.irs .irs-grid .irs-grid-text {
	color:#333;
	font-size:14px
}
.irs .irs-bar {
	height:8px;
	background:#ef2a3a
}
.irs .irs-bar-edge {
	height:8px;
	background:#ef2a3a;
	width:11px
}
.irs .irs-slider {
	height:22px;
	width:22px;
	top:18px;
	background:url(/img/other/irs-dot.png) no-repeat center
}
.irs .irs-slider:hover {
	background-position-y:0
}
.irs .irs-slider.state_hover {
	background-position-y:0
}
.irs .irs-from,.irs .irs-to,.irs .irs-single {
	background:#666;
	top:-10px;
	line-height:20px
}
.irs .irs-from::after,.irs .irs-to::after,.irs .irs-single::after {
	border-top-color:#666
}
.help-block {
	display:none;
	background:url(/img/bg/003.png) center no-repeat,#dde3eb!important;
	margin-bottom:0!important;
	padding-bottom:20px
}
.help-block .tit1 {
	padding-top:1px
}
.help-block .help-table {
	margin:0 -20px
}
.help-block .help-table .one-row {
	border-collapse:separate;
	border-spacing:20px
}
.help-block .help-table .one-row>div {
	background:#fff;
	padding:20px;
	width:25%;
	max-width:25%
}
@media screen and (max-width:768px) {
	.help-block .help-table {
	margin:0
}
.help-block .help-table .one-row {
	display:block
}
.help-block .help-table .one-row>div {
	display:block;
	width:100%;
	max-width:100%;
	margin-bottom:20px
}
}.recommend-block {
	background:url(/img/bg/012.png) center no-repeat,#dde3eb!important;
	margin-bottom:0!important;
	padding:50px
}
.recommend-block .item {
	position:relative;
	line-height:50px;
	padding:0 20px;
	display:inline-block
}
.recommend-block .item:hover {
	-webkit-box-shadow:0 0 10px #c1c8cf;
	box-shadow:0 0 10px #c1c8cf
}
.recommend-block .item:hover .bg {
	opacity:1
}
.recommend-block .item .txt {
	position:relative;
	margin:auto;
	z-index:2;
	font-size:16px;
	color:#333
}
.recommend-block .item .bg {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#fff;
	opacity:.7;
	z-index:1
}
section.topology {
	text-align:center
}
section.topology img {
	margin:auto;
	width:100%;
	max-width:650px
}
section.topology .topo-wrap {
	background:#fff
}
section.topology .topo-wrap .topo-nav {
	margin:-10px -10px 10px
}
section.topology .topo-wrap .topo-nav .topo-nav-table {
	display:table;
	border-collapse:separate;
	border-spacing:10px
}
section.topology .topo-wrap .topo-nav .topo-nav-table>div {
	display:table-cell
}
section.topology .topo-wrap .topo-nav .topo-nav-table>div .item {
	position:relative;
	background:#f1f1f1;
	padding:10px 16px;
	font-size:16px
}
section.topology .topo-wrap .topo-nav .topo-nav-table>div .item:hover {
	cursor:pointer
}
section.topology .topo-wrap .topo-nav .topo-nav-table>div .item.current {
	background:#ef2a3a;
	color:#fff
}
section.topology .topo-wrap .topo-nav .topo-nav-table>div .item.current::before {
	content:"";
	position:absolute;
	height:0;
	width:0;
	bottom:-16px;
	left:0;
	right:0;
	margin:auto;
	border:transparent solid 8px;
	border-top-color:#ef2a3a
}
section.topology .topo-wrap .topo-display {
	border:1px solid #ddd;
	padding:20px 0
}
section.topology .topo-wrap .topo-display table {
	width:100%
}
section.topology .topo-wrap .topo-display table td {
	text-align:left;
	vertical-align:top
}
section.topology .topo-wrap .topo-display table td h2 {
	margin-top:0;
	font-size:18px;
	font-weight:700;
	border-bottom:1px solid #ddd
}
section.topology .topo-wrap .topo-display table td h3 {
	margin:24px 0 4px
}
section.topology .topo-wrap .topo-display table td h4 {
	font-weight:700;
	margin-bottom:0
}
section.topology .topo-wrap .topo-display table td ul,section.topology .topo-wrap .topo-display table td p {
	margin:0;
	color:#666
}
section.topology .topo-wrap .topo-display table td figure {
	text-align:center
}
section.topology .topo-wrap .topo-display table td:first-child {
	width:68%
}
section.topology .topo-wrap .topo-display table td:last-child {
	border-left:1px #ddd dashed;
	padding:0 40px
}
@media screen and (max-width:992px) {
	section.topology .topo-wrap .topo-display {
	padding:20px
}
section.topology .topo-wrap .topo-display table td {
	display:block
}
section.topology .topo-wrap .topo-display table td figure {
	margin-left:0;
	margin-right:0
}
section.topology .topo-wrap .topo-display table td figure img {
	max-height:unset
}
section.topology .topo-wrap .topo-display table td:first-child {
	width:100%
}
section.topology .topo-wrap .topo-display table td:last-child {
	border-left:0;
	border-top:1px #ddd dashed;
	padding:0
}
}@media screen and (max-width:768px) {
	section.topology .topo-wrap .topo-nav .topo-nav-table>div .item {
	font-size:14px;
	padding:6px 12px
}
}section.server-info .part1 .tab {
	margin:0;
	border-collapse:collapse
}
section.server-info .part1 .tab>div {
	border:1px solid #ddd;
	margin-right:0!important
}
section.server-info .part1 .tab>div .item {
	padding:4px 30px;
	border-bottom:0;
	font-size:16px;
	background:#f4f6f8;
	position:relative
}
section.server-info .part1 .tab>div .item.current {
	background:#fff
}
section.server-info .part1 .tab>div .item.current::before {
	content:"";
	width:100%;
	height:2px;
	background:#ef2a3a;
	display:block;
	position:absolute;
	top:-1px;
	left:0
}
section.server-info .part1 .tab>*:not(:last-child) {
	border-right:0
}
section.server-info .part2 {
	padding-top:20px;
	padding-bottom:40px
}
section.server-info .part2 .temp {
	background:#fff;
	border:1px solid #ddd;
	margin-bottom:20px;
	padding:15px 40px
}
section.server-info .part2 .temp b {
	font-size:18px;
	color:#333
}
section.server-info .part2 .temp red {
	color:#ef2a3a
}
section.server-info .part2 .info-header {
	position:relative;
	background:#fff;
	border:1px solid #ddd;
	margin-bottom:20px;
	padding:15px 40px;
	border:0;
	box-shadow:0 0 10px #dcdcdc;
	padding-right:383px;
	overflow:hidden
}
section.server-info .part2 .info-header b {
	font-size:18px;
	color:#333
}
section.server-info .part2 .info-header red {
	color:#ef2a3a
}
section.server-info .part2 .info-header img {
	position:absolute;
	right:0;
	bottom:0;
	width:383px;
	min-height:100%
}
section.server-info .part2 .info-header red {
	font-size:24px
}
section.server-info .part2 .info-header .price-info {
	font-size:16px;
	border-top:1px dashed #ddd;
	letter-spacing:1px;
	line-height:40px;
	color:#666;
	margin-bottom:0;
	padding-top:10px
}
section.server-info .part2 .info-header .one-row>div:first-child {
	padding-right:20px
}
@media screen and (max-width:768px) {
	section.server-info .part2 .info-header .one-row {
	display:block
}
section.server-info .part2 .info-header .one-row>div {
	display:block;
	padding-bottom:20px
}
section.server-info .part2 .info-header .one-row>div:first-child {
	padding-right:0
}
section.server-info .part2 .info-header .one-row>div img {
	max-width:100%
}
}@media screen and (max-width:800px) {
	section.server-info .part2 .info-header {
	padding-right:40px
}
section.server-info .part2 .info-header img {
	display:none
}
}section.server-info .part2 .info-item {
	background:#fff;
	border:1px solid #ddd;
	margin-bottom:20px;
	padding:15px 40px;
	position:relative;
	padding-top:60px
}
section.server-info .part2 .info-item b {
	font-size:18px;
	color:#333
}
section.server-info .part2 .info-item red {
	color:#ef2a3a
}
section.server-info .part2 .info-item red {
	font-size:20px
}
section.server-info .part2 .info-item b {
	display:block;
	border-bottom:1px solid #ddd;
	padding-bottom:10px
}
section.server-info .part2 .info-item .tit {
	position:absolute;
	background:#f9f9f9;
	top:0;
	left:0;
	width:100%;
	border-bottom:1px solid #ddd;
	padding:15px 40px;
	font-weight:700;
	color:#333;
	font-size:18px
}
section.server-info .part2 .info-item .tit.hot::after {
	position:absolute;
	content:"";
	height:43px;
	width:54px;
	background:url(/img/other/hotlabel.png) no-repeat center;
	left:0;
	top:0
}
section.server-info .part2 .info-item .server-info-table {
	margin:10px 0;
	color:#999;
	line-height:30px
}
section.server-info .part2 .info-item .server-info-table span {
	color:#333
}
section.server-info .part2 .info-item .server-info-table>div>div {
	width:25%;
	white-space:nowrap
}
@media screen and (max-width:768px) {
	section.server-info .part2 .info-item .server-info-table>div>div {
	display:block
}
}section.server-info .part2 .info-item .price-info {
	margin-bottom:0;
	padding-top:10px;
	border-top:1px dashed #ddd;
	min-height:36px
}
section.server-info .part2 .info-item .price-info span {
	margin-right:50px
}
section.document {
	padding-bottom:45px;
	padding-top:10px;
	width:100%
}
section.document .tit1 {
	padding-top:0
}
section.document .tit1 h1 {
	color:#333
}
section.document .tit1 h1 {
	text-align:left;
	font-size:24px
}
section.document .document-table-wrap {
	border-collapse:separate;
	border-spacing:10px
}
section.document .document-table-wrap .item {
	position:relative;
	border:#ddd 1px solid;
	overflow:hidden
}
section.document .document-table-wrap .item:hover {
	box-shadow:0 0 20px #dedede
}
section.document .document-table-wrap .help-text {
	z-index:2
}
section.document .document-table-wrap .help-text a {
	z-index:2
}
section.document .document-table-wrap .item::before {
	content:"";
	position:absolute;
	background:url(/img/other/help-cloud.png) center no-repeat;
	right:-3px;
	bottom:-3px;
	width:95px;
	height:71px
}
@media screen and (min-width:1200px) {
	section.document .document-table-wrap {
	border-spacing:0
}
section.document .document-table-wrap .one-row {
	display:table-cell;
	width:50%
}
section.document .document-table-wrap .item {
	display:inline-block;
	width:48%;
	margin-right:2%;
	float:left;
	padding:16px 20px;
	overflow:hidden
}
section.document .document-table-wrap .item .help-text {
	height:45px;
	align-items:center;
	display:-webkit-flex;
	justify-content:center
}
}@media screen and (max-width:1200px) {
	section.document .document-table-wrap .some-row>* {
	display:table-row
}
section.document .document-table-wrap .item {
	display:table-cell;
	padding:10px 15px;
	width:50%
}
section.document .document-table-wrap .item .help-text {
	height:45px;
	align-items:center;
	display:-webkit-flex;
	justify-content:center
}
}@media screen and (max-width:650px) {
	section.document .document-table-wrap {
	border-spacing:0
}
section.document .document-table-wrap .item {
	display:block;
	width:100%;
	margin-bottom:10px;
	padding:20px
}
}section.document .document-table-wrap .help-text::after {
	position:relative;
	display:inline-block;
	content:"";
	width:10px;
	height:10px;
	right:-2px;
	background:url(/img/other/arrow2.png) no-repeat center
}
section.document .document-table-wrap .help-text:hover::after {
	position:relative;
	display:inline-block;
	content:"";
	width:10px;
	height:10px;
	right:-2px;
	background:url(/img/other/arrow.png) no-repeat center
}
.list li {
	display:inline-block
}
.list li a {
	display:inline-block
}
.list li:not(:last-child)::after {
	content:"|";
	display:inline-block;
	width:24px;
	text-align:center
}
@media screen and (max-width:768px) {
	.list li:not(:last-child)::after {
	width:16px
}
}@media screen and (max-width:768px) {
	.list li::after {
	width:16px
}
}.circle-list li {
	color:#666;
	font-size:16px;
	position:relative;
	padding-left:10px
}
.circle-list li::before {
	position:absolute;
	margin:auto;
	left:0;
	top:8px;
	display:block;
	content:"";
	height:6px;
	width:6px;
	background:url(/img/banner/dot.png) center no-repeat
}
.partner-style {
	padding-bottom:50px
}
.partner-style .partner-table>div>div {
	text-align:center;
	padding:25px 0;
	vertical-align:middle
}
.partner-style .partner-table img {
	width:120px
}
@media screen and (max-width:768px) {
	.partner-style .partner-table img {
	width:80px
}
}@media screen and (max-width:480px) {
	.partner-style .partner-table img {
	width:60px
}
}.catalog-nav {
	padding-bottom:40px
}
.catalog-nav .catalog {
	border-bottom:1px solid #ddd
}
.catalog-nav .catalog>div:first-child {
	width:50px;
	white-space:nowrap
}
.catalog-nav .catalog h3 {
	color:#999
}
.catalog-nav .catalog ul {
	width:100%;
	padding:10px 20px
}
.catalog-nav .catalog ul li {
	display:inline-block
}
.catalog-nav .catalog ul li a {
	display:inline-block
}
.catalog-nav .catalog ul li:not(:last-child)::after {
	content:"|";
	display:inline-block;
	width:24px;
	text-align:center
}
@media screen and (max-width:768px) {
	.catalog-nav .catalog ul li:not(:last-child)::after {
	width:16px
}
}@media screen and (max-width:768px) {
	.catalog-nav .catalog ul li::after {
	width:16px
}
}.catalog-nav .catalog ul li a:hover {
	color:#ef2a3a
}
.catalog-nav .catalog ol li {
	display:inline-block
}
.catalog-nav .catalog ol li:not(:last-child) {
	margin-right:20px
}
.catalog-nav .catalog ol li a {
	position:relative;
	display:inline-block;
	height:25px;
	color:#666;
	padding-left:30px
}
.catalog-nav .catalog ol li a img {
	position:absolute;
	left:0;
	top:-2px
}
.catalog-nav .catalog ol li a span {
	display:inline-block;
	line-height:25px;
	height:25px
}
.catalog-nav .catalog ol li a:hover {
	color:#ef2a3a
}
.catalog-nav.sm {
	padding-bottom:10px
}
.catalog-nav.sm .catalog ul {
	padding:0 20px
}
.catalog-nav.sm .catalog ul li a {
	color:#333
}
.catalog-nav.sm .catalog ul li a:hover {
	color:#ef2a3a
}
.catalog-nav.sm .catalog ul li::after {
	content:""!important
}
section.tips {
	padding-bottom:60px;
	padding-top:40px;
	background:#f4f6f8
}
section.tips .tips-wrap {
	line-height:30px
}
section.tips .tips-wrap strong {
	color:#333!important;
	font-size:24px;
	font-weight:400!important
}
section.tips .tips-wrap strong span {
	color:#333!important;
	font-weight:400!important
}
.search-bar {
	position:relative;
	height:87px;
	width:100%;
	z-index:99
}
.search-bar>* {
	position:absolute;
	margin:auto
}
.search-bar .one-row {
	z-index:2;
	height:50px;
	top:0;
	bottom:0;
	border-collapse:collapse
}
.search-bar .one-row .search {
	position:relative
}
.search-bar .one-row .search .forms {
	width:100%
}
.search-bar .one-row .search .forms gap {
	width:8px
}
.search-bar .one-row .search .forms input[type=text] {
	height:50px;
	border:0;
	padding-left:20px
}
.search-bar .one-row .search .forms input[type=text]:focus {
	-webkit-box-shadow:none;
	box-shadow:none
}
.search-bar .one-row .search .forms .more {
	width:120px;
	background:#edf1f7;
	text-align:center
}
.search-bar .one-row .search .forms .more:hover {
	cursor:pointer
}
@media screen and (max-width:768px) {
	.search-bar .one-row .search .forms .more {
	width:80px
}
}.search-bar .one-row .search .forms .go {
	width:120px
}
.search-bar .one-row .search .forms .go .btn {
	width:100%;
	height:100%;
	line-height:48px;
	padding:0
}
@media screen and (max-width:768px) {
	.search-bar .one-row .search .forms .go {
	width:80px
}
}.search-bar .one-row .search .more-info-wrap {
	width:100%;
	padding-right:120px;
	position:absolute;
	top:54px
}
.search-bar .one-row .search .more-info-wrap .more-info {
	background:#edf1f7;
	padding:20px 20px 10px
}
.search-bar .one-row .search .more-info-wrap .more-info ul {
	margin:0
}
.search-bar .one-row .search .more-info-wrap .more-info ul li {
	display:inline-block;
	float:left;
	white-space:nowrap;
	width:80px;
	margin-bottom:10px;
	font-size:16px
}
.search-bar .one-row .search .more-info-wrap .more-info ul li input[type=checkbox] {
	margin:0
}
.search-bar .one-row .search .more-info-wrap .more-info ul li span {
	line-height:16px;
	font-size:14px;
	padding-left:2px;
	display:inline-block
}
.search-bar .one-row .search .more-info-wrap .more-info .link {
	float:right
}
@media screen and (max-width:768px) {
	.search-bar .one-row .search .more-info-wrap {
	padding-right:0
}
.search-bar .one-row .search .more-info-wrap .more-info ul li {
	font-size:14px;
	width:60px
}
.search-bar .one-row .search .more-info-wrap .more-info .link {
	float:right
}
}.search-bar .one-row .tips {
	width:100px;
	white-space:nowrap
}
.search-bar .one-row .tips h3 {
	font-size:20px;
	margin:0
}
.search-bar .one-row .tips p {
	margin:0
}
@media screen and (max-width:768px) {
	.search-bar .one-row .tips {
	display:none
}
}.search-bar .one-row .tips+.search {
	padding-left:0
}
.search-bar>.one-row {
	border-collapse:separate;
	border-spacing:18px
}
.search-bar .bg {
	width:100%;
	height:100%;
	background:#d1d5da;
	z-index:0
}
@media screen and (max-width:768px) {
	.search-bar.tm-search {
	height:280px
}
.search-bar.tm-search>.one-row .forms {
	height:auto
}
.search-bar.tm-search>.one-row .forms>* {
	display:block;
	margin-bottom:10px;
	height:50px
}
.search-bar.tm-search>.one-row .forms>*.go {
	width:100%!important
}
.search-bar.tm-search>.one-row .forms gap {
	display:none
}
}.iconfont {
	font-family:iconfont!important;
	font-size:16px;
	font-style:normal;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}
.alert {
	color:#b39b8c;
	background:#fff2eb;
	border:1px dashed #ffb58c;
	padding:10px 15px;
	font-size:12px
}
.img-txt {
	border-bottom:1px solid #ddd;
	border-collapse:collapse;
	margin:20px 0
}
.img-txt>div {
	vertical-align:bottom
}
.img-txt .img {
	width:40%
}
.img-txt .img img {
	width:100%;
	padding-right:10px;
	display:block
}
.img-txt .img:last-child img {
	padding-right:0;
	padding-left:10px
}
.img-txt .txt {
	margin:0
}
.img-txt .txt p {
	margin:0
}
@media screen and (max-width:1200px) {
	.img-txt .txt p {
	line-height:26px
}
}@media screen and (max-width:768px) {
	.img-txt>div {
	display:block
}
.img-txt .img {
	display:none
}
}.breadcrumb li {
	display:inline-block;
	color:#999
}
.breadcrumb li:not(:last-child)::after {
	content:">";
	color:#ccc;
	margin-left:6px;
	margin-right:2px
}
.breadcrumb li a {
	color:#999
}
.dot-list li {
	color:#666;
	position:relative;
	padding-left:10px
}
.dot-list li::before {
	position:absolute;
	margin:auto;
	left:0;
	top:7px;
	display:block;
	content:"";
	height:6px;
	width:6px;
	background:url(/img/banner/dot.png) center no-repeat
}
.screen {
	position:fixed!important;
	top:0!important;
	left:0!important;
	z-index:-1!important;
	background:#bfbfbf
}
.pagination {
	margin:-10px
}
.pagination>* {
	display:table;
	border-collapse:separate;
	border-spacing:10px
}
.pagination>*>* {
	display:table-cell;
	border:1px solid #ddd;
	line-height:calc(29px);
	text-align:center;
	vertical-align:middle;
	padding:0 10px;
	color:#666
}
.pagination>*>*.current {
	color:#fff;
	background:#ef2a3a
}
.pagination>*>* .temp {
	color:#bbb;
	width:32px;
	padding:0!important
}
.pagination>*>* .temp.disabled {
	color:#eee;
	border-color:#eee
}
.pagination>*>*:first-child {
	color:#bbb;
	width:32px;
	padding:0!important
}
.pagination>*>*:first-child.disabled {
	color:#eee;
	border-color:#eee
}
.pagination>*>*:last-child {
	color:#bbb;
	width:32px;
	padding:0!important
}
.pagination>*>*:last-child.disabled {
	color:#eee;
	border-color:#eee
}
.turning-icon {
	position:relative;
	height:70px;
	width:70px;
	margin:auto
}
.turning-icon img {
	position:absolute;
	margin:auto;
	top:0;
	bottom:0;
	left:0;
	right:0
}
.turning-icon:after {
	position:absolute;
	margin:auto;
	top:0;
	bottom:0;
	left:0;
	right:0;
	height:70px;
	width:70px;
	background:url(/img/bg/turning-icon.png) no-repeat center
}
.turning-icon:hover {
	cursor:pointer
}
.turning-icon:hover:after {
	content:"";
	animation:rotate-r 2s infinite linear
}
.hot {
	position:relative
}
.hot::after {
	position:relative;
	display:inline-block;
	content:"";
	width:6px;
	height:9px;
	top:-4px;
	right:-2px;
	background:url(/img/other/hot.png) no-repeat center
}
.hot-word {
	position:relative
}
.hot-word::after {
	position:relative;
	display:inline-block;
	content:"";
	width:25px;
	height:9px;
	top:-4px;
	right:-2px;
	background:url(/img/other/hot-word.png) no-repeat center
}
.logo {
	display:table
}
.logo>div {
	display:table-cell;
	vertical-align:middle
}
.logo>div:first-child {
	padding-right:8px
}
.img-table {
	margin:-20px
}
.img-table table {
	border-collapse:separate;
	border-spacing:20px;
	width:100%
}
.img-table table img {
	max-width:100%;
	width:100%
}
@media screen and (max-width:768px) {
	.img-table {
	margin:-10px
}
.img-table table {
	border-spacing:10px
}
}@media screen and (max-width:480px) {
	.img-table table td {
	display:block;
	padding-bottom:6px
}
}.quote {
	position:relative;
	line-height:30px;
	padding:20px 55px
}
.quote::before {
	position:absolute;
	top:0;
	left:0;
	content:"";
	width:40px;
	height:42px;
	background:url(/img/other/“.png) no-repeat center
}
.quote::after {
	position:absolute;
	bottom:0;
	right:0;
	content:"";
	width:40px;
	height:43px;
	background:url(/img/other/”.png) no-repeat center
}
@media screen and (max-width:480px) {
	.quote {
	padding:4px 24px;
	line-height:24px
}
.quote .temp {
	width:20px;
	height:21px;
	background-size:20px 21px
}
.quote::before {
	width:20px;
	height:21px;
	background-size:20px 21px
}
.quote::after {
	width:20px;
	height:21px;
	background-size:20px 21px
}
}.gradient-bg {
	background:url(/img/bg/001.png) bottom repeat-x;
	background-size:1px 100%
}
.vertical-nav {
	width:210px;
	margin-bottom:60px
}
.vertical-nav div {
	position:relative;
	font-size:16px;
	color:#333;
	line-height:30px;
	border-bottom:1px solid #ddd
}
.vertical-nav div b {
	display:block;
	font-size:24px;
	font-weight:400;
	padding:0 20px 20px
}
.vertical-nav div a {
	font-size:14px;
	color:#333;
	display:block;
	padding:5px 30px
}
.vertical-nav div>a {
	padding:5px 20px;
	font-size:16px
}
.vertical-nav div li>a:hover {
	color:#ef2a3a;
	background-color:#f3f5f9
}
.vertical-nav div i {
	position:absolute;
	padding-left:5px;
	right:6px;
	top:5px;
	transition:all .5s
}
.vertical-nav div ul {
	height:0;
	margin:0;
	overflow:hidden;
	font-size:14px;
	transition:all .5s
}
.vertical-nav div ul li {
	position:relative
}
.vertical-nav div ul li.current {
	font-weight:700
}
.vertical-nav div.current {
	background:#fff;
	border-left-color:#ef2a3a;
	border-right-color:#fff
}
.vertical-nav div.current>a {
	font-weight:700;
	border-bottom:1px solid #ddd
}
.vertical-nav div.open ul {
	height:auto
}
.vertical-nav div.open i {
	transform:rotate(180deg)
}
.col-layout {
	padding-top:20px
}
.col-layout>div {
	vertical-align:top
}
.col-layout>div:first-child {
	width:240px
}
.col-layout>gap {
	width:38px
}
@media screen and (max-width:1080px) {
	.col-layout>div:first-child {
	display:none!important
}
.col-layout>gap {
	display:none!important
}
}[tab] {
	display:none
}
[tab='0'] {
	display:block
}
.jump {
	width:100%;
	max-width:500px;
	margin:20px auto
}
.jump .one-row>div {
	vertical-align:bottom
}
.jump .mapnail {
	position:relative;
	width:46px;
	height:72px;
	margin:auto
}
.jump .mapnail .temp {
	content:"";
	position:absolute;
	left:0;
	right:0;
	margin:auto
}
.jump .mapnail::before {
	content:"";
	position:absolute;
	left:0;
	right:0;
	margin:auto;
	top:0;
	height:55px;
	width:46px;
	background:url(/img/other/mapnail.png) no-repeat center
}
.jump .mapnail::after {
	content:"";
	position:absolute;
	left:0;
	right:0;
	margin:auto;
	bottom:0;
	height:13px;
	width:36px;
	background:url(/img/other/mapnail-shadow.png) no-repeat center
}
.jump+h1 {
	font-size:24px
}
@media screen and (max-width:500px) {
	.jump .jumpgif {
	padding:0 10px
}
.jump .jumpgif img {
	max-width:100%
}
.jump .mapnail {
	display:none
}
.jump+h1 {
	font-size:18px
}
}.getsolution-top {
	width:300px
}
.article-nav {
	border-top:#ddd dashed 1px;
	margin-bottom:60px;
	padding:10px 0
}
.article-nav a {
	display:block
}
*[promotion] {
	position:relative
}
*[promotion]::after {
	position:absolute;
	display:block;
	content:attr(promotion);
	font-size:12px;
	line-height:12px;
	color:#fff;
	background:#ff721e;
	padding:3px;
	top:2px;
	right:-28px;
	margin:auto;
	border-radius:2px
}
*[promotion]::before {
	content:"";
	position:absolute;
	height:0;
	width:0;
	top:0;
	bottom:0;
	right:-4px;
	margin:auto;
	display:block;
	border:transparent solid 4px;
	border-top-width:3px;
	border-bottom-width:3px;
	border-right-color:#ff721e
}
.iot-ani {
	position:absolute;
	width:639px;
	height:442px
}
.iot-ani .temp {
	position:absolute;
	content:"";
	display:block;
	width:639px;
	height:442px
}
.iot-ani::before {
	position:absolute;
	content:"";
	display:block;
	width:639px;
	height:442px;
	background:url(/img/icon/024/001.png) center no-repeat;
	z-index:1
}
.iot-ani::after {
	position:absolute;
	content:"";
	display:block;
	width:639px;
	height:442px;
	background:url(/img/icon/024/002.png) center no-repeat;
	animation:fadeIn linear 1s;
	z-index:2
}
.iot-ani>* {
	position:absolute
}
.iot-ani cube {
	height:14px;
	width:25px;
	background:url(/img/icon/024/003.png) center no-repeat;
	animation:bounce infinite 6s;
	z-index:3
}
.iot-ani cube:nth-of-type(1) {
	left:60px;
	top:211px
}
.iot-ani cube:nth-of-type(2) {
	left:167px;
	top:284px
}
.iot-ani cube:nth-of-type(3) {
	left:457px;
	top:50px
}
.iot-ani ball {
	left:265px;
	top:113px;
	height:96px;
	width:130px;
	background:url(/img/icon/024/004.png) center no-repeat;
	animation:bounce infinite 6s;
	z-index:3
}
.iot-ani ballshadow {
	left:276px;
	top:176px;
	width:108px;
	height:80px;
	background:url(/img/icon/024/005.png) center no-repeat;
	animation:fadeIn linear 1s;
	z-index:3
}
.iot-ani dots {
	left:266px;
	top:90px;
	height:150px;
	width:130px;
	z-index:4;
	overflow:hidden
}
.iot-ani dots dot {
	position:absolute;
	bottom:-24px;
	height:4px;
	width:4px;
	background:url(/img/icon/024/006.png) center no-repeat;
	animation:float-up infinite 10s linear;
	opacity:.8
}
.iot-ani dots div {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:80%
}
.float-dot {
	position:absolute;
	left:0;
	right:0;
	margin:auto;
	width:300px;
	height:460px;
	overflow:hidden
}
.float-dot div {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:80%
}
.float-dot img {
	position:absolute;
	bottom:-24px;
	animation:float-up infinite 10s linear
}
*[vm-type="1"] {
	visibility:hidden
}
.animated {
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both
}
.fadeInUp {
	-webkit-animation-name:fadeInUp;
	animation-name:fadeInUp
}
.level0 {
	-webkit-animation-duration:1s;
	-webkit-animation-delay:0s
}
#stack-pic {
	position:relative;
	width:1200px;
	margin:0 auto
}
#stack-pic .swiper-container {
	padding-bottom:60px
}
#stack-pic .swiper-slide {
	width:520px;
	height:408px
}
#stack-pic .swiper-slide img {
	display:block
}
#stack-pic .swiper-slide p {
	line-height:98px;
	padding-top:0;
	text-align:center;
	color:#636363;
	font-size:1.1em;
	margin:0
}
#stack-pic .swiper-pagination {
	width:100%;
	bottom:20px
}
#stack-pic .swiper-pagination-bullets .swiper-pagination-bullet {
	margin:0 5px;
	background-color:#d5d5d5;
	width:30px;
	height:4px;
	opacity:1;
	border-radius:2px
}
#stack-pic .swiper-pagination-bullets .swiper-pagination-bullet-active {
	background-color:#ef2a3a
}
#stack-pic .swiper-button-prev {
	background-size:100%
}
#stack-pic .swiper-button-prev:hover {
	background-position:0 -46px;
	background-size:100%
}
#stack-pic .swiper-button-next {
	background-size:100%
}
#stack-pic .swiper-button-next:hover {
	background-position:0 -139px;
	background-size:100%
}
.map-spot1 {
	position:absolute;
	height:10px;
	width:10px;
	border-radius:50%;
	background:#0056c9
}
.map-spot1::before {
	content:"";
	position:absolute;
	left:-5px;
	top:-5px;
	height:20px;
	width:20px;
	border-radius:50%;
	background:rgba(38,163,254,.1);
	animation:flash infinite linear 1s
}
.map-spot1::after {
	content:"";
	position:absolute;
	left:-3px;
	top:-3px;
	height:15px;
	width:15px;
	border-radius:50%;
	background:rgba(38,163,254,.1);
	animation:pulse2 infinite linear 1s
}
a {
	text-decoration:none;
	color:#666
}
a:hover {
	text-decoration:none;
	color:#ef2a3a;
	cursor:pointer
}
.form-style {
	display:block;
	width:100%;
	height:32px;
	padding:6px 8px;
	font:14px/1.5 "roboto","PingFang SC","\5FAE\8F6F\96C5\9ED1","Microsoft Yahei",Helvetica,Arial,sans-serif;
	line-height:32px;
	color:#555;
	background-color:#fff;
	background-image:none;
	border:1px solid #ddd;
	border-radius:0
}
.form-style:focus {
	outline:0;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,0,0,.1);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,0,0,.1)
}
.form-style.lg {
	padding:0 20px;
	height:calc(38px);
	line-height:calc(36px)
}
.form-style.sm {
	font-size:12px;
	padding:0 8px;
	height:calc(24px);
	line-height:calc(20px)
}
input[type=text],input[type=password] {
	display:block;
	width:100%;
	height:32px;
	padding:6px 8px;
	font:14px/1.5 "roboto","PingFang SC","\5FAE\8F6F\96C5\9ED1","Microsoft Yahei",Helvetica,Arial,sans-serif;
	line-height:32px;
	color:#555;
	background-color:#fff;
	background-image:none;
	border:1px solid #ddd;
	border-radius:0
}
input[type=text]:focus,input[type=password]:focus {
	outline:0;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,0,0,.1);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,0,0,.1)
}
input[type=text].lg,input[type=password].lg {
	padding:0 20px;
	height:calc(38px);
	line-height:calc(36px)
}
input[type=text].sm,input[type=password].sm {
	font-size:12px;
	padding:0 8px;
	height:calc(24px);
	line-height:calc(20px)
}
textarea {
	display:block;
	width:100%;
	height:32px;
	padding:6px 8px;
	font:14px/1.5 "roboto","PingFang SC","\5FAE\8F6F\96C5\9ED1","Microsoft Yahei",Helvetica,Arial,sans-serif;
	line-height:32px;
	color:#555;
	background-color:#fff;
	background-image:none;
	border:1px solid #ddd;
	border-radius:0;
	height:80px;
	line-height:18px
}
textarea:focus {
	outline:0;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,0,0,.1);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,0,0,.1)
}
textarea.lg {
	padding:0 20px;
	height:calc(38px);
	line-height:calc(36px)
}
textarea.sm {
	font-size:12px;
	padding:0 8px;
	height:calc(24px);
	line-height:calc(20px)
}
select {
	display:block;
	width:100%;
	height:32px;
	padding:6px 8px;
	font:14px/1.5 "roboto","PingFang SC","\5FAE\8F6F\96C5\9ED1","Microsoft Yahei",Helvetica,Arial,sans-serif;
	line-height:32px;
	color:#555;
	background-color:#fff;
	background-image:none;
	border:1px solid #ddd;
	border-radius:0
}
select:focus {
	outline:0;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,0,0,.1);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,0,0,.1)
}
select.lg {
	padding:0 20px;
	height:calc(38px);
	line-height:calc(36px)
}
select.sm {
	font-size:12px;
	padding:0 8px;
	height:calc(24px);
	line-height:calc(20px)
}
.form-wrap {
	display:table;
	width:100%
}
.form-wrap>* {
	display:table-cell
}
.form-wrap gap {
	width:4px;
	min-width:4px
}
.multi-form {
	position:relative
}
.multi-form input[type=text],.multi-form input[type=password] {
	height:32px
}
.multi-form i+input[type=text],.multi-form i+input[type=password] {
	padding-right:32px
}
.multi-form label+input[type=text],.multi-form label+input[type=password] {
	padding-left:50px
}
.multi-form label+textarea {
	padding-left:50px;
	height:80px;
	line-height:18px
}
.multi-form label {
	line-height:30px;
	position:absolute;
	top:0;
	left:10px
}
.multi-form i {
	position:absolute;
	right:0;
	top:0;
	display:block;
	height:32px;
	line-height:calc(30px);
	width:32px;
	text-align:center;
	color:#ccc;
	font-size:18px
}
.multi-form .embed {
	position:absolute;
	right:8px;
	top:0;
	bottom:0;
	margin:auto;
	display:block;
	height:32px;
	line-height:calc(30px);
	width:32px;
	text-align:center;
	color:#ccc;
	font-size:18px
}
.multi-form.lg input[type=text],.multi-form.lg input[type=password] {
	height:38px
}
.multi-form.lg i+input[type=text],.multi-form.lg i+input[type=password] {
	padding-right:38px
}
.multi-form.lg i {
	height:38px;
	line-height:calc(36px);
	width:38px
}
.multi-form.lg label {
	line-height:38px
}
.multi-form.lg img {
	position:absolute;
	top:calc(8px);
	right:10px
}
.multi-form.sm {
	font-size:12px
}
.multi-form.sm input[type=text],.multi-form.sm input[type=password] {
	height:24px
}
.multi-form.sm i+input[type=text],.multi-form.sm i+input[type=password] {
	padding-right:24px
}
.multi-form.sm i {
	height:24px;
	line-height:24px
}
.multi-form.sm label {
	line-height:22px
}
.multi-form.sm img {
	position:absolute;
	top:2px;
	right:4px;
	width:60px;
	height:20px
}
.multi-form img+input[type=text],.multi-form img+input[type=password] {
	padding-right:88px
}
.multi-form img {
	position:absolute;
	top:calc(5px);
	right:10px
}
.multi-form img:hover {
	cursor:pointer
}
.check-form {
	position:relative;
	margin-bottom:18px
}
.check-form.wrong:before {
	position:absolute;
	bottom:-18px;
	display:block;
	font-size:12px;
	height:18px;
	color:#ef2a3a;
	content:attr(data-beforeData)
}
.check-form.wrong i {
	color:#ef2a3a
}
.check-form.wrong input,.check-form.wrong select {
	border-color:#ef2a3a;
	-webkit-box-shadow:inset 0 1px 1px rgba(240,65,52,.2),0 0 8px rgba(240,65,52,.2);
	box-shadow:inset 0 1px 1px rgba(240,65,52,.2),0 0 8px rgba(240,65,52,.2)
}
.form-wrap {
	display:table;
	width:100%
}
.form-wrap gap {
	width:4px
}
.form-wrap>div {
	display:table-cell;
	vertical-align:top
}
.btn {

	line-height:calc(30px);
	padding:0 16px;
	border:1px solid #ef2a3a;
	font-size:14px;
	letter-spacing:1px;
	display:inline-block;
	vertical-align:middle;
	transition:background .3s,color .3s;
	color:#fff;
	background-color:#ef2a3a;
	text-align:center;
	white-space:nowrap;
	outline:0
}
.btn[disabled] {
	background-color:#f0979e;
	border-color:#f0979e
}
.btn[disabled]:hover {
	background-color:#f0979e;
	border-color:#f0979e;
	cursor:no-drop
}
.btn:hover {
	cursor:pointer;
	color:#fff;
	background-color:#f24651;
	border-color:#f24651
}
.btn.line {
	color:#ef2a3a;
	border-color:#ef2a3a;
	background:0 0
}
.btn.line:hover {
	color:#fff;
	background:#ef2a3a
}
.btn.line[disabled] {
	color:#f0979e;
	border-color:#f0979e
}
.btn.line[disabled]:hover {
	color:#fff;
	background:#f0979e
}
.btn.white {
	color:#ef2a3a;
	border-color:#ef2a3a;
	background:0 0;
	color:#fff;
	border-color:#fff
}
.btn.white:hover {
	color:#fff;
	background:#ef2a3a
}
.btn.white[disabled] {
	color:#f0979e;
	border-color:#f0979e
}
.btn.white[disabled]:hover {
	color:#fff;
	background:#f0979e
}
.btn.white:hover {
	background:0 0
}
.btn.round {
	border-radius:16px
}
.btn.glow {
	box-shadow:0 0 20px 0 rgba(239,35,54,.2)
}
.btn.lg {
	font-size:16px;
	padding:0 20px;
	height:calc(38px);
	line-height:calc(36px)
}
.btn.lg.glow {
	box-shadow:0 10px 20px 0 rgba(239,35,54,.2)
}
.btn.lg.round {
	border-radius:calc(19px)
}
.btn.sm {
	font-size:12px;
	padding:0 8px;
	height:calc(24px);
	line-height:calc(20px)
}
.btn.sm.round {
	border-radius:calc(12px)
}
.btn.b01 {
	position:relative
}
.btn.b01 .temp {
	position:absolute;
	top:0;
	bottom:0;
	margin:auto;
	height:120px;
	width:129px;
	display:block;
	background-size:100%;
	transition:.5s all
}
.btn.b01::before {
	position:absolute;
	top:0;
	bottom:0;
	margin:auto;
	height:120px;
	width:129px;
	display:block;
	background-size:100%;
	transition:.5s all;
	right:50%;
	background:url(/img/bg/034.png) no-repeat center right
}
.btn.b01::after {
	position:absolute;
	top:0;
	bottom:0;
	margin:auto;
	height:120px;
	width:129px;
	display:block;
	background-size:100%;
	transition:.5s all;
	left:50%;
	background:url(/img/bg/035.png) no-repeat center left
}
.btn.b01:hover .temp {
	content:"";
	animation:zoom-bg .2s 0s ease-out forwards
}
.btn.b01:hover::before {
	content:"";
	animation:zoom-bg .2s 0s ease-out forwards
}
.btn.b01:hover::after {
	content:"";
	animation:zoom-bg .2s 0s ease-out forwards
}
.btn.b02 {
	font-size:16px;
	padding:0 20px;
	height:calc(38px);
	line-height:calc(36px);
	color:#ef2a3a;
	border-color:#ef2a3a;
	background:0 0;
	position:relative;
	padding-right:60px;
	overflow:hidden;
	background:#fff
}
.btn.b02.glow {
	box-shadow:0 10px 20px 0 rgba(239,35,54,.2)
}
.btn.b02.round {
	border-radius:calc(19px)
}
.btn.b02:hover {
	color:#fff;
	background:#ef2a3a
}
.btn.b02[disabled] {
	color:#f0979e;
	border-color:#f0979e
}
.btn.b02[disabled]:hover {
	color:#fff;
	background:#f0979e
}
.btn.b02 span {
	position:relative;
	color:#fff
}
.btn.b02::before {
	content:"";
	display:block;
	background:#ef2a3a;
	position:absolute;
	left:-15px;
	right:40px;
	top:-50px;
	bottom:-50px;
	-webkit-transition:.3s all;
	transition:.3s all;
	-webkit-transform:rotate(8deg);
	transform:rotate(8deg)
}
.btn.b02::after {
	position:absolute;
	content:"";
	display:block;
	width:8px;
	height:15px;
	top:11px;
	right:16px;
	background:url(/img/other/b02.png) no-repeat center
}
.btn.b02:hover {
	background:#fff
}
.btn.b02:hover::before {
	right:-10px
}
.btn.b02:hover::after {
	background-image:url(/img/other/b02-hover.png)
}
.btn.b03 {
	position:relative;
	display:inline-block;
	height:34px;
	width:158px;
	border:0!important;
	background:url(/img/icon/025/001.png) center no-repeat
}
.btn.b03 span {
	display:inline-block;
	position:absolute;
	font-size:16px;
	line-height:16px;
	top:8px;
	left:24px;
	z-index:3
}
.btn.b03::before {
	content:"";
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:118px;
	height:34px;
	background:url(/img/icon/025/002.png) center no-repeat;
	-webkit-transition:.3s all;
	transition:.3s all;
	z-index:1
}
.btn.b03::after {
	content:"";
	display:block;
	position:absolute;
	right:20px;
	top:7px;
	width:11px;
	height:20px;
	background:url(/img/icon/025/003.png) center no-repeat;
	z-index:2
}
.btn.b03:hover::before {
	left:40px
}
.btn.b03:hover::after {
	background:url(/img/icon/025/004.png) center no-repeat
}
.banner {
	position:relative;
	height:360px;
	background:url(img/banner.jpg) center no-repeat

}
.banner .wrapper {
	position:relative;
	height:100%
}
.banner .wrapper .banner-txt {
	margin:auto;
	height:340px;
	display:table-cell;
	vertical-align:middle;
	max-width:550px;
	align-items:center
}
.banner .wrapper .banner-txt h1 {
	font-size:30px;
	margin:0;
	white-space:nowrap
}
.banner .wrapper .banner-txt h3 {
	margin-top:0;
	margin-bottom:0
}
.banner .wrapper .banner-txt h4 {
	color:#999;
	margin:6px 0
}
.banner .wrapper .banner-txt .btn {
	margin-top:20px
}
.banner .wrapper .banner-txt ul li {
	color:#666;
	font-size:16px;
	position:relative;
	padding-left:10px
}
.banner .wrapper .banner-txt ul li::before {
	position:absolute;
	margin:auto;
	left:0;
	top:8px;
	display:block;
	content:"";
	height:6px;
	width:6px;
	background:url(/img/banner/dot.png) center no-repeat
}
.banner .wrapper .banner-txt.center {
	height:50px;
	display:block;
	position:absolute;
	margin:auto!important;
	top:0;
	bottom:0;
	left:0;
	right:0;
	letter-spacing:2px
}
.banner .tab-wrap {
	position:absolute;
	bottom:0;
	height:51px;
	min-height:51px;
	width:100%;
	border-bottom:0;
	background:0 0
}
.banner .tab-wrap .wrapper {
	z-index:2
}
.banner .tab-wrap .wrapper .item {
	line-height:48px;
	color:#fff;
	font-size:16px
}
.banner .tab-wrap .bg {
	position:absolute;
	top:0;
	height:51px;
	width:100%;
	background:#111b2c;
	z-index:1;
	opacity:.6;
	border-bottom:1px solid #ddd
}
.solution-banner {
	height:100%
}
body.solutions .banner {
	background:linear-gradient(#eff7fc,#fff)
}
body.products .banner {
	background:url(/img/banner/products.jpg) center no-repeat
}
body.isp02-products .banner {
	background:url(/img/banner/products.jpg) center no-repeat
}
body.server-index .banner {
	background:url(/img/server-index.jpg) center no-repeat
}
body.server-index .hk-banner {
	background:url(/img/banner/014.jpg) center no-repeat;
	height:500px
}
body.server-index .hk-banner .wrapper {
	position:relative
}
body.server-index .hk-banner .content {
	height:430px;
	max-width:650px;
	display:table-cell;
	vertical-align:middle
}
@media screen and (max-width:992px) {
	body.server-index .hk-banner .hkbanner-txt {
	width:80%
}
}@media screen and (max-width:768px) {
	body.server-index .hk-banner {
	height:400px;
	transition:height .5s
}
}body.idc .banner {
	background:url(/img/banner/idc.jpg) center no-repeat
}
body.topic-idc-jx .banner {
	background:url(/img/banner/idc-jx.jpg) center no-repeat
}
body.domain-index .banner {
	background:url(/img/banner/domain-index.jpg) center no-repeat
}
body.domain-result .banner {
	background:url(/img/banner/domain-index.jpg) center no-repeat
}
body.email-business .banner {
	background:url(/img/banner/email-business.jpg) center no-repeat
}
body.email-fob .banner {
	background:url(/img/banner/email-fob.jpg) center no-repeat
}
body.email-customize .banner {
	background:url(/img/banner/email-customize.jpg) center no-repeat
}
body.cloud-index .banner {
	background:url(/img/banner/cloud-index.jpg) center no-repeat
}
body.cloud-private .banner {
	background:url(/img/banner/cloud-private.jpg) center no-repeat
}
body.host-index .banner {
	background:url(/img/banner/host-index.jpg) center no-repeat
}
body.datacenter-index .banner {
	background:url(/img/banner/datacenter-index.jpg) center no-repeat
}
body.datacenter-details .banner {
	background:url(/img/banner/datacenter-details.jpg) center no-repeat
}
body.solution-index .banner {
	background:url(/img/banner/solution-index.jpg) center no-repeat
}
body.about .banner {
	background:url(/img/banner/about.jpg) center no-repeat
}
body.solution-DS .need {
	background:url(/img/banner/solution-DS.jpg) center no-repeat
}
body.solution-HI .need {
	background:url(/img/banner/solution-HI.jpg) center no-repeat
}
body.solution-FN .need {
	background:url(/img/banner/solution-FN.jpg) center no-repeat
}
body.solution-SM .need {
	background:url(/img/banner/solution-SM.jpg) center no-repeat
}
body.solution-GM .need {
	background:url(/img/banner/solution-GM.jpg) center no-repeat
}
body.solution-EC .need {
	background:url(/img/banner/solution-EC.jpg) center no-repeat
}
body.solution-IM .need {
	background:url(/img/bg/015.png) center no-repeat
}
body.solution-NE .need {
	background:url(/img/banner/solution-NE.jpg) center no-repeat
}
body.solution-DA .need {
	background:url(/img/banner/solution-DA.jpg) center no-repeat
}
body.solution-BD .need {
	background:url(/img/banner/solution-BD.jpg) center no-repeat
}
body.solution-IO .need {
	background:url(/img/banner/solution-IO.jpg) center no-repeat
}
body.solution-CS .need {
	background:url(/img/banner/solution-CS.png) center no-repeat
}
body.solution-LB .need {
	background:url(/img/banner/solution-LB.jpg) center no-repeat
}
body.solution-SP .need {
	background:url(/img/banner/solution-SP.jpg) center no-repeat
}
body.solution-HA .need {
	background:url(/img/banner/solution-HA.jpg) center no-repeat
}
body.solution-DC .need {
	background:url(/img/banner/solution-DC.jpg) center no-repeat
}
body.solution-DR .need {
	background:url(/img/bg/015.png) center no-repeat
}
body.solution-BC .need {
	background:url(/img/banner/solution-BC.jpg) center no-repeat
}
body.solution-PS .need {
	background:url(/img/banner/solution-PS.jpg) center no-repeat
}
body.solution-CFN .need {
	background:url(/img/banner/solution-CFN.jpg) center no-repeat
}
body.solution-CIM .need {
	background:url(/img/banner/solution-CIM.jpg) center no-repeat
}
body.solution-CEC .need {
	background:url(/img/banner/solution-CEC.jpg) center no-repeat
}
body.solution-CSM .need {
	background:url(/img/banner/solution-CSM.jpg) center no-repeat
}
body.help .banner {
	background:url(/img/banner/help.jpg) center no-repeat
}
body.service .banner {
	background:url(/img/banner/service.jpg) center no-repeat
}
body.topic-gragonboat .banner {
	background:url(/img/banner/topic-gragonboat1.jpg) center no-repeat
}
body.topic-largebd .banner {
	background:url(/img/banner/topic-largebd.jpg) center no-repeat
}
body.topic-ddos .banner {
	background:url(/img/banner/topic-ddos.jpg) center no-repeat
}
body.topic-extra .banner {
	background:url(/img/banner/topic-extra.jpg) center no-repeat
}
body.topic-SSL .banner {
	background:url(/img/banner/topic-SSL.jpg) center no-repeat
}
body.topic-pioneer .banner {
	background:url(/img/banner/topic-poineer.png) center no-repeat
}
body.topic-hkcloud .banner {
	background:url(/img/banner/topic-hkcloud.jpg) center no-repeat
}
body.topic-szcloud .banner {
	background:url(/img/banner/topic-szcloud.jpg) center no-repeat
}
body.topic-uscloud .banner {
	background:url(/img/banner/topic-uscloud.jpg) center no-repeat
}
body.topic-sp-eccloud .banner {
	background:url(/img/banner/topic-sp-eccloud.jpg) center no-repeat
}
body.topic-cloudpublic .banner {
	background:url(/img/banner/topic-cloudpublic.jpg) center no-repeat
}
body.topic-overseas .banner {
	background:url(/img/banner/topic-overseas.jpg) center no-repeat
}
body.topic-idc-hn .banner {
	background:url(/img/banner/topic-idc-hn.jpg) center no-repeat
}
body.topic-idc-kr .banner {
	background:url(/img/banner/017.jpg) center no-repeat
}
body.topic-idc-us .banner {
	background:url(/img/banner/topic-idc-us.jpg) center no-repeat
}
body.topic-cloud-us .banner {
	background:url(/img/banner/topic-cloud-us.jpg) center no-repeat
}
body.topic-idc-tw .banner {
	background:url(/img/banner/topic-idc-tw.jpg) center no-repeat
}
body.topic-idc-de .banner {
	background:url(/img/banner/topic-idc-de.jpg) center no-repeat
}
body.topic-idc-ru .banner {
	background:url(/img/banner/topic-idc-ru.jpg) center no-repeat
}
body.topic-idc-sg .banner {
	background:url(/img/banner/topic-idc-sg.jpg) center no-repeat
}
body.topic-idc-ph .banner {
	background:url(/img/banner/topic-idc-ph.jpg) center no-repeat
}
body.topic-idc-my .banner {
	background:url(/img/banner/topic-idc-my.jpg) center no-repeat
}
body.topic-idc-za .banner {
	background:url(/img/banner/topic-idc-za.jpg) center no-repeat
}
body.topic-idc-jp .banner {
	background:url(/img/banner/topic-idc-jp.jpg) center no-repeat
}
body.topic-idc-th .banner {
	background:url(/img/banner/topic-idc-th.jpg) center no-repeat
}
body.topic-idc-id .banner {
	background:url(/img/banner/topic-idc-id.jpg) center no-repeat
}
body.topic-idc-uk .banner {
	background:url(/img/banner/topic-idc-uk.jpg) center no-repeat
}
body.topic-idc-in .banner {
	background:url(/img/banner/topic-idc-in.jpg) center no-repeat
}
body.topic-idc-nll .banner {
	background:url(/img/banner/topic-idc-nll.jpg) center no-repeat
}
body.topic-idc-vn .banner {
	background:url(/img/banner/topic-idc-vn.jpg) center no-repeat
}
body.topic-idc-cbd .banner {
	background:url(/img/banner/topic-idc-cbd.jpg) center no-repeat
}
body.topic-idc-ar .banner {
	background:url(/img/banner/topic-idc-ar.jpg) center no-repeat
}
body.topic-idc-au .banner {
	background:url(/img/banner/topic-idc-au.jpg) center no-repeat
}
body.topic-idc-br .banner {
	background:url(/img/banner/topic-idc-br.jpg) center no-repeat
}
body.topic-idc-fr .banner {
	background:url(/img/banner/topic-idc-fr.jpg) center no-repeat
}
body.topic-idc-ca .banner {
	background:url(/img/banner/topic-idc-ca.jpg) center no-repeat
}
body.topic-idc-cz .banner {
	background:url(/img/banner/topic-idc-cz.jpg) center no-repeat
}
body.topic-idc-tr .banner {
	background:url(/img/banner/topic-idc-tr.jpg) center no-repeat
}
body.topic-idc-es .banner {
	background:url(/img/banner/topic-idc-es.jpg) center no-repeat
}
body.topic-idc-it .banner {
	background:url(/img/banner/topic-idc-it.jpg) center no-repeat
}
body.topic-idc-hk .topic-banner {
	background:url(/img/banner/topic-idc-hk2.jpg) center no-repeat
}
.server-topic .section {
	background:url(/img/banner/topic-server-bg.jpg) center no-repeat;
	background-size:1920px 100%
}
.hktopic .home-page {
	background:url(/img/banner/topic-hkserver.jpg) center no-repeat;
	background-size:1920px 100%
}
.hkcloud .home-page {
	background:url(/img/banner/topic-hkserver.jpg) center no-repeat;
	background-size:1920px 100%
}
.section {
	background:url(/img/banner/topic-server-bg.jpg) center no-repeat;
	background-size:1920px 100%
}
.menu-page {
	background:url(/img/banner/topic-hkserver.jpg) center no-repeat;
	background-size:1920px 100%
}
.topic-dc-sg .banner {
	background:url(/img/banner/topic-dc-sg.jpg) center no-repeat
}
@media screen and (max-width:1200px) {
	body.topic-idc-hk .topic-banner {
	background:url(/img/banner/topic-idc-hk2.jpg) center no-repeat
}
}@keyframes rotate {
	0% {
	transform:rotate(0deg)
}
100% {
	transform:rotate(360deg)
}
}@keyframes rotate-r {
	0% {
	transform:rotate(0deg)
}
100% {
	transform:rotate(-360deg)
}
}@keyframes float-up {
	0% {
	top:100%;
	opacity:0
}
40% {
	opacity:1
}
70% {
	opacity:1
}
100% {
	top:0;
	opacity:0
}
}@keyframes zoom-bg {
	0% {
	background-size:80% 80%
}
100% {
	background-size:100% 100%
}
}@keyframes rotate {
	0% {
	transform:rotate(0)
}
100% {
	transform:rotate(360deg)
}
}@keyframes rerotate {
	0% {
	transform:rotate(0)
}
100% {
	transform:rotate(-360deg)
}
}@-webkit-keyframes fadeInUp {
	from {
	opacity:0;
	-webkit-transform:translate3d(0,20%,0);
	transform:translate3d(0,20%,0)
}
to {
	opacity:1;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
}@keyframes fadeInUp {
	from {
	opacity:0;
	-webkit-transform:translate3d(0,20%,0);
	transform:translate3d(0,20%,0)
}
to {
	opacity:1;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
}@keyframes scaleIn {
	0% {
	opacity:0;
	-moz-opacity:0;
	filter:alpha(opacity=0);
	transform:scale(.5)
}
100% {
	opacity:1;
	-moz-opacity:1;
	filter:alpha(opacity=100);
	transform:scale(1)
}
}@keyframes scaleOut {
	0% {
	opacity:1;
	-moz-opacity:1;
	filter:alpha(opacity=100);
	transform:scale(1)
}
100% {
	opacity:0;
	-moz-opacity:0;
	filter:alpha(opacity=0);
	transform:scale(.5)
}
}@keyframes loop1 {
	0% {
	background-position-y:0
}
100% {
	background-position-y:-696px
}
}@keyframes circle-wave {
	0% {
	opacity:1;
	transform:scale(0)
}
100% {
	opacity:0;
	transform:scale(1)
}
}@-webkit-keyframes headarrow {
	25% {
	-webkit-transform:translateY(-4px)
}
50%,100% {
	-webkit-transform:translateY(0)
}
75% {
	-webkit-transform:translateY(4px)
}
}@keyframes headarrow {
	25% {
	transform:translateY(-4px)
}
50%,100% {
	transform:translateY(0)
}
75% {
	transform:translateY(4px)
}
}@keyframes myCircle {
	0% {
	transform:rotate(0deg)
}
100% {
	transform:rotate(-360deg)
}
}@keyframes myDot {
	from {
	top:300px
}
to {
	top:60px;
	opacity:.1
}
}section .t-title {
	text-align:center
}
section .t-title h1 {
	font-size:30px;
	color:#333;
	margin-bottom:0;
	margin:0;
	padding-top:25px
}
section .t-title h3 {
	font-size:16px;
	color:#999;
	margin-top:0
}
section p {
	word-wrap:break-word
}
section .t-wrapper {
	position:relative;
	max-width:1200px;
	margin:0 auto;
	padding:0 10px
}
section .t-btn {
	margin-top:20px;
	display:table;
	background-color:#ef2a3a;
	color:#fff;
	padding:5px
}
section .t-card {
	display:table-cell;
	text-align:center
}
.t-banner {
	position:relative
}
.t-banner .t-wrapper {
	position:relative;
	max-width:1200px;
	height:100%;
	padding:0 10px;
	margin:0 auto;
	-webkit-box-sizing:border-box
}
.t-banner .t-wrapper .t-banner-txt {
	display:table-cell;
	max-width:500px;
	height:500px;
	vertical-align:middle
}
.t-banner .t-wrapper .t-banner-txt h1 {
	margin:0;
	font-size:30px
}
.t-banner .bg-1 {
	background:url(/img/banner/004.png) center no-repeat
}
.t-banner .bg-2 {
	background:url(/img/banner/006.png) center no-repeat
}
.t-banner .bg-3 {
	background:url(/img/banner/007.png) center no-repeat
}
.t-banner .bg-4 {
	background:url(/img/banner/008.png) center no-repeat
}
.t-banner .swiper-pagination {
	bottom:70px!important
}
.t-banner .swiper-pagination-bullet {
	margin:0 8px!important;
	width:12px;
	height:12px
}
.t-banner .swiper-pagination-bullet-active {
	width:12px;
	height:12px;
	background:#ef2a3a!important
}
.t-search {
	position:relative;
	background-color:#f5f7fa;
	padding-top:50px;
	height:160px
}
.t-search .t-introduction {
	position:relative;
	z-index:99
}
.t-search .t-introduction ul {
	position:absolute;
	top:-130px;
	width:100%;
	box-shadow:0 0 16px rgba(0,0,0,.08);
	border-collapse:collapse;
	height:120px
}
.t-search .t-introduction ul li {
	position:relative;
	background-color:#fff;
	line-height:30px;
	padding-left:110px;
	padding-top:30px;
	padding-bottom:30px;
	float:left;
	width:25%
}
.t-search .t-introduction ul li .hover {
	display:none
}
.t-search .t-introduction ul li img {
	position:absolute;
	top:30px;
	left:20px;
	width:70px;
	height:70px
}
.t-search .t-introduction ul li h3 {
	margin:0;
	text-align:left
}
.t-search .t-introduction ul li p {
	margin:0;
	text-align:left;
	color:#999
}
@media screen and (max-width:990px) {
	.t-search .t-introduction ul li {
	height:120px;
	text-align:center;
	padding-left:0
}
.t-search .t-introduction ul li img {
	position:relative;
	top:-10px;
	left:0
}
.t-search .t-introduction ul li h3 {
	text-align:center;
	margin-top:-25px
}
.t-search .t-introduction ul li p {
	display:none
}
.t-search .t-introduction ul li:hover img {
	position:relative;
	top:-10px;
	left:0;
	margin:auto
}
.t-search .t-introduction ul li:hover h3 {
	margin-top:-15px!important
}
}@media screen and (max-width:650px) {
	.t-search .t-introduction ul h3 {
	font-size:12px
}
.t-search .t-introduction ul img {
	left:0;
	top:-5px!important;
	width:55px!important;
	height:50px!important
}
}.t-search .t-introduction ul li:hover {
	box-shadow:0 0 16px rgba(0,0,0,.12);
	cursor:pointer;
	height:130px;
	top:-6px;
	left:0;
	z-index:99
}
.t-search .t-introduction ul li:hover .unhover {
	display:none
}
.t-search .t-introduction ul li:hover .hover {
	display:block
}
.t-search .t_search-bottom {
	position:relative;
	display:table;
	float:left;
	width:100%
}
.t-search .t_search-bottom .search-main>* {
	*display:table-cell;
	float:left
}
.t-search .t_search-bottom .search-main h2 {
	padding:20px 5px 0;
	margin-top:5px;
	margin-bottom:0
}
.t-search .t_search-bottom .search-main h3 {
	padding:5px 5px 0;
	margin-bottom:20px;
	margin-top:0
}
.t-search .t_search-bottom .search-left {
	display:table-cell;
	width:10%
}
.t-search .t_search-bottom .search-right {
	display:table-cell;
	float:left;
	width:100%;
	height:105px
}
.t-search .t_search-bottom .search-right .search-main {
	margin-top:35px
}
.t-search .t_search-bottom .search-right .search-main .search-input {
	width:74%;
	height:50px;
	border-collapse:collapse
}
.t-search .t_search-bottom .search-right .search-main .search-input input {
	width:100%;
	height:100%
}
.t-search .t_search-bottom .search-right .search-main .search-more {
	width:13%;
	cursor:pointer;
	min-width:80px;
	text-align:center;
	border:1px solid #ddd;
	background:#fff;
	height:50px;
	border-collapse:collapse
}
.t-search .t_search-bottom .search-right .search-main .search-more>* {
	line-height:50px
}
.t-search .t_search-bottom .search-right .search-main .search-btn {
	width:13%;
	min-width:80px;
	height:50px
}
.t-search .t_search-bottom .search-right .search-main .search-btn button {
	color:#fff;
	font-size:16px;
	width:100%;
	height:100%;
	background-color:#ef2a3a;
	border:1px solid #ef2a3a;
	box-shadow:0 10px 20px 0 rgba(239,35,54,.2)
}
.t-search .t_search-bottom .search-right .t-more {
	position:relative;
	display:none;
	width:87%;
	z-index:99
}
.t-search .t_search-bottom .search-right .t-more .t-more-info {
	margin-top:87px;
	background:#edf1f7
}
@media screen and (max-width:770px) {
	.t-search .t_search-bottom .search-left {
	display:none
}
.t-search .t_search-bottom .search-main {
	display:flex
}
.t-search .t_search-bottom .t-more-info {
	margin-top:-13px!important
}
.t-search .t_search-bottom .t-more {
	width:100%!important
}
}.t-product {
	position:relative
}
.t-product .t-product-content {
	display:table;
	width:100%;
	margin-bottom:40px
}
.t-product .t-product-content gap {
	width:35px;
	display:table-cell;
	vertical-align:middle
}
.t-product .t-product-content .t-product-table {
	display:table-cell;
	text-align:center
}
.t-product .t-product-content .t-product-table .t-item {
	border:1px solid #eee
}
.t-product .t-product-content .t-product-table .t-item .t-tit {
	height:80px;
	background:#d2691e;
	padding-top:10px
}
.t-product .t-product-content .t-product-table .t-item .tit-bg1 {
	background:url(/img/bg/tech-06.png) right no-repeat,#f5f7fa
}
.t-product .t-product-content .t-product-table .t-item .tit-bg2 {
	background:url(/img/bg/tech-07.png) right no-repeat,#f5f7fa
}
.t-product .t-product-content .t-product-table .t-item .tit-bg3 {
	background:url(/img/bg/tech-08.png) right no-repeat,#f5f7fa
}
.t-product .t-product-content .t-product-table .t-item .t-product-tr>* {
	display:table;
	width:100%;
	margin-bottom:20px;
	margin-top:20px;
	height:100px
}
.t-product .t-product-content .t-product-table .t-item .t-product-tr>* .pro-item {
	vertical-align:middle;
	width:33.33%;
	display:table-cell;
	border-spacing:10px
}
.t-product .t-product-content .t-product-table .t-item .t-product-tr>* .pro-item .pro-img {
	position:relative;
	height:70px;
	width:70px;
	margin:auto
}
.t-product .t-product-content .t-product-table .t-item .t-product-tr>* .pro-item .pro-img>img {
	position:absolute;
	vertical-align:middle;
	margin:auto;
	top:0;
	bottom:0;
	left:0;
	right:0
}
.t-product .t-product-content .t-product-table .t-item .t-product-tr>* .pro-item:hover .pro-img::after {
	position:absolute;
	margin:auto;
	height:70px;
	width:70px;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background:url(/img/bg/turning-icon.png) no-repeat center;
	content:"";
	animation:myCircle 2s infinite ease
}
@media screen and (max-width:990px) {
	.t-product .t-product-content gap {
	display:none
}
.t-product .t-product-content .t-product-table {
	display:block;
	margin-top:20px
}
}.t-solution {
	position:relative;
	background-color:#121631;
	height:550px
}
.t-solution h1 {
	padding-top:25px;
	color:#fff!important
}
.t-solution .t-title {
	margin-bottom:20px
}
.t-solution .t-solution-content .t-solution-table {
	display:table;
	width:100%
}
.t-solution .t-solution-content .t-solution-table .t-card {
	z-index:99;
	cursor:pointer;
	position:relative;
	width:20%;
	height:0;
	transition:height 1s linear
}
.t-solution .t-solution-content .t-solution-table .t-card .t-item {
	position:relative;
	text-align:center;
	width:100%
}
.t-solution .t-solution-content .t-solution-table .t-card .t-item .outer {
	margin-top:70px;
	margin-bottom:50px
}
.t-solution .t-solution-content .t-solution-table .t-card .t-item .outer img {
	padding-top:20px
}
.t-solution .t-solution-content .t-solution-table .t-card .t-item .outer hr {
	margin-top:30px;
	width:20px;
	border-color:#ef2a3a
}
.t-solution .t-solution-content .t-solution-table .t-card .t-item .outer h2 {
	color:#fff
}
.t-solution .t-solution-content .t-solution-table .t-card .t-item .inner {
	display:none;
	max-width:240px;
	text-align:center
}
.t-solution .t-solution-content .t-solution-table .t-card .t-item .inner p {
	max-width:160px;
	word-wrap:break-word
}
.t-solution .t-solution-content .t-solution-table .t-card .t-item .inner .t-btn {
	padding:5px 10px;
	margin:auto
}
.t-solution .t-solution-content .t-solution-table .t-card .t-item .inner .t-btn+a {
	line-height:50px
}
.t-solution .t-solution-content .t-solution-table .t-card:hover {
	background:linear-gradient(#1f2846,#131733);
	opacity:.8;
	height:400px
}
.t-solution .t-solution-content .t-solution-table .t-card:hover .outer {
	position:absolute;
	top:-20px;
	width:100%;
	margin-top:70px;
	margin-bottom:10px
}
.t-solution .t-solution-content .t-solution-table .t-card:hover .outer hr {
	display:none
}
.t-solution .t-solution-content .t-solution-table .t-card:hover .inner {
	position:absolute;
	top:180px;
	width:100%;
	display:block
}
@media screen and (max-width:770px) {
	.t-solution .t-solution-content .outer img {
	height:60px
}
}.t-solution .t-product-bg {
	z-index:1;
	position:absolute;
	height:550px;
	width:100%;
	top:0;
	background:url(/img/bg/030.png) no-repeat center bottom;
	overflow:hidden
}
.t-solution .t-product-bg .pro-bg {
	position:absolute;
	margin:auto;
	width:100%;
	height:400px;
	overflow:hidden
}
.t-solution .t-product-bg .pro-bg img {
	bottom:-20px;
	position:absolute;
	animation:myDot infinite 10s linear
}
.t-advantage {
	background:#dee6ee;
	height:460px
}
.t-advantage .t-advantage-content .t-advantage-table {
	display:table;
	width:100%;
	background:#fff;
	box-shadow:0 0 16px rgba(0,0,0,.08)
}
.t-advantage .t-advantage-content .t-advantage-table .t-card {
	padding:50px 0;
	width:25%
}
.t-advantage .t-advantage-content .t-advantage-table .t-card .t-item p {
	max-width:180px
}
@media screen and (max-width:770px) {
	.t-advantage .t-advantage-content .t-advantage-table p {
	display:none
}
}.t-partner .t-cards {
	display:table;
	width:100%;
	margin:40px 0
}
.t-partner .t-cards .t-item {
	display:table-cell;
	width:20%;
	text-align:center
}
.t-partner .t-cards .t-item img {
	width:120px
}
@media screen and (max-width:770px) {
	.t-partner .t-cards .t-item img {
	width:80px
}
}@media screen and (max-width:500px) {
	.t-partner .t-cards .t-item img {
	width:60px
}
}.t-active {
	background:#f6f6f7;
	height:460px
}
.t-active .t-active-content {
	margin-top:30px
}
.t-active .t-active-content .t-active-table {
	margin-left:-10px;
	margin-right:-10px
}
.t-active .t-active-content .t-active-table .t-card {
	float:left;
	width:33.33333333%;
	padding-left:10px;
	padding-right:10px
}
.t-active .t-active-content .t-active-table .t-card .t-item>div>div {
	text-align:left
}
.t-active .t-active-content .t-active-table .t-card .t-item>div>div .i-left {
	background:#e3e9f2;
	padding:4px 15px;
	border-radius:5px
}
.t-active .t-active-content .t-active-table .t-card .t-item>div>div .i-right {
	float:right
}
.t-active .t-active-content .t-active-table .t-card .t-item img {
	width:100%;
	margin-top:10px
}
.t-active .t-active-content .t-active-table .t-card .t-item .t-act-text {
	width:100%
}
.t-active .t-active-content .t-active-table .t-card .t-item .t-act-text a {
	padding:0!important;
	background:0 0!important
}
@media screen and (max-width:770px) {
	.t-active {
	height:350px
}
}@media screen and (max-width:650px) {
	.t-active {
	height:320px
}
}.t-register {
	background:url(/img/bg/031.png) no-repeat center;
	height:180px
}
.t-register .t-register-buttom {
	text-align:center;
	margin-top:30px
}
.t-register .t-register-buttom a {
	color:#fff;
	padding:10px 20px;
	background-color:#ef2a3a;
	border-radius:20px
}
.header {
	position:fixed;
	top:0;
	width:100%;
	z-index:20000;
	color:#fff;
	box-shadow:0 5px 5px rgba(0,0,0,.08)
}
.header .gif-2019 {
	position:absolute;
	top:0;
	height:68px
}
.header a {
	color:#fff
}
.header .bar {
	background:#222121
}
.header .bar>.wrapper {
	position:relative
}
.header .bar .inner {
	height:62px;
	display:table;
	width:100%
}
.header .bar .inner>* {
	display:table-cell;
	vertical-align:middle
}
.header .bar .inner>gap {
	width:6px
}
.header .bar .inner>* {
	white-space:nowrap
}
.header .bar .inner img {
	display:block
}
.header .bar .inner .burger-menu {
	width:40px;
	display:none
}
@media(max-width:768px) {
	.header .bar .inner .burger-menu {
	display:table-cell
}
}.header .bar .inner .burger-menu:hover {
	cursor:pointer
}
.header .bar .inner .burger-menu .burger-btn {
	display:inline-block;
	vertical-align:middle;
	padding:5px 0 0;
	float:right
}
.header .bar .inner .burger-menu .burger-btn span {
	display:block;
	width:20px;
	height:2px;
	min-height:2px;
	max-height:2px;
	margin-bottom:5px;
	position:relative;
	background:#fff;
	border-radius:3px;
	z-index:1;
	-webkit-transform-origin:20px;
	transform-origin:20px;
	transition:background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease,transform .5s cubic-bezier(.77,.2,.05,1),width .5s
}
.header .bar .inner .burger-menu .burger-btn.open span:nth-child(1) {
	opacity:1;
	transform:rotate(-45deg)
}
.header .bar .inner .burger-menu .burger-btn.open span:nth-child(2) {
	width:0;
	max-width:0;
	opacity:0;
	transform:rotate(0);
	transition:width .5s
}
.header .bar .inner .burger-menu .burger-btn.open span:nth-child(3) {
	opacity:1;
	transform:rotate(45deg)
}
.header .bar .inner .logo>div:last-child img {
	fill:#fff
}
.header .bar .inner .logged {
	position:relative
}
.header .bar .inner .logged .name {
	text-align:right
}
.header .bar .inner .logged .drop {
	display:none;
	position:absolute;
	right:0;
	top:45px;
	padding-bottom:4px
}
.header .bar .inner .logged .drop ul {
	position:relative;
	margin:0;
	width:100%;
	z-index:2
}
.header .bar .inner .logged .drop ul li {
	text-align:right;
	padding:4px 18px;
	font-size:13px
}
.header .bar .inner .logged .drop .bg {
	position:absolute;
	top:0;
	right:0;
	height:100%;
	width:100%;
	z-index:1;
	background:#222121;
	opacity:.95
}
.header .bar .inner .logged:hover {
	cursor:pointer
}
.header .bar .inner .logged:hover .drop {
	display:block
}
.header .bar .inner .menu table {
	margin:auto;
	height:100%
}
.header .bar .inner .menu table td {
	padding:0 12px;
	position:relative
}
.header .bar .inner .menu table td::after {
	content:"";
	height:3px;
	position:absolute;
	width:0;
	background-color:#ef2a3a;
	bottom:-2px;
	left:0;
	-webkit-transition:width ease .6s;
	-moz-transition:width ease .6s;
	-ms-transition:width ease .6s;
	-o-transition:width ease .6s;
	transition:width ease .6s
}
.header .bar .inner .menu table td:hover::after {
	width:100%
}
.header .bar .inner .menu table td:hover a {
	color:#ef2a3a
}
.header .bar .inner .hotline {
	width:220px
}
.header .bar .inner .hotline span {
	position:relative;
	width:210px;
	display:block
}
.header .bar .inner .hotline span:after {
	position:absolute;
	top:-12px;
	right:-2px;
	content:"";
	font-size:12px;
	display:block;
	width:53px;
	height:16px;
	background:url(/img/other/hotline-badge.png)
}
.header .bar .inner .cart {
	text-align:center;
	width:52px
}
.header .bar .inner .log {
	text-align:center;
	width:48px
}
.header .bar .inner .reg {
	background:#ef2a3a;
	color:#fff;
	text-align:center;
	width:60px
}
.header .bar .inner .log2,.header .bar .inner .reg2,.header .bar .inner .slogan {
	display:none
}
.header.open .burger-menu .burger-btn span:nth-child(1) {
	opacity:1;
	transform:rotate(-45deg)
}
.header.open .burger-menu .burger-btn span:nth-child(2) {
	width:0
}
.header.open .burger-menu .burger-btn span:nth-child(3) {
	opacity:1;
	transform:rotate(45deg)
}
.header-gap {
	height:61px
}
.footer {
	background:#222;
	color:#666
}
.footer a {
	color:#666
}
.footer a:hover {
	color:#ef2a3a
}
.footer h3 {
	text-align:left;
	color:#fff;
	margin:10px auto
}
.footer h4 {
	text-align:left;
	color:#fff;
	margin:10px auto
}
.footer ul li:not(:first-child) {
	padding:2px 0
}
.footer .app-footer {
	padding:20px 0
}
@media screen and (min-width:768px) {
	.footer .app-footer {
	display:none
}
}.footer .app-footer .hotline-btn {
	color:#fff;
	border-color:#666
}
.footer .app-footer .hotline-btn:hover {
	background-color:transparent
}
.footer .app-footer ul {
	margin-top:0
}
.footer .app-footer ul li {
	display:inline-block;
	margin-right:10px
}
.footer .app-footer ul li a {
	color:#fff;
	font-size:14px
}
.footer table {
	width:100%;
	border-collapse:collapse
}
.footer table td {
	vertical-align:top
}
.footer table td:nth-child(odd) {
	width:0
}
.footer .service {
	border-bottom:#313131 solid 1px
}
@media screen and (max-width:1000px) {
	.footer .service {
	display:none
}
}.footer .service td {
	vertical-align:middle
}
@media screen and (min-width:1001px) {
	.footer .guide {
	margin-bottom:30px
}
}.footer .guide .guides td {
	width:16.66%
}
@media screen and (min-width:1001px) {
	.footer .guide .guides td {
	padding-bottom:10px
}
}@media screen and (max-width:768px) {
	.footer .guide .guides ul li:not(:first-child) {
	display:none
}
}.footer .guide .adds {
	font-size:12px
}
@media screen and (max-width:1000px) {
	.footer .guide .adds {
	display:none
}
}.footer .other {
	border-top:#313131 solid 1px;
	line-height:16px;
	font-size:12px;
	padding:6px 0
}
.footer .other .wrapper {
	position:relative
}
.footer .other img {
	display:inline-block
}
.footer .other ul {
	margin:0
}
@media screen and (max-width:768px) {
	.footer .other ul li {
	display:block
}
.footer .other ul li::after {
	content:""
}
}.footer .hot-line {
	font-size:20px
}
.footer .hot-line * {
	vertical-align:text-top
}
.footer .hot-line i {
	font-size:30px;
	line-height:32px;
	margin-right:2px
}
.footer .hot-line span {
	line-height:32px;
	display:inline-block
}
.footer img {
	display:block;
	margin-bottom:-2px
}
@media screen and (max-width:768px) {
	.footer .footer-gap {
	height:50px;
	min-height:50px
}
}.browser-top {
	margin:auto;
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index:20001
}
.browser-top .sidetools-wrap {
	position:absolute;
	right:-20px;
	width:0
}
@media screen and (max-width:1350px) {
	.browser-top .sidetools-wrap {
	right:75px
}
}@media screen and (max-width:768px) {
	.browser-top .sidetools-wrap {
	margin:-10px
}
}.browser-top .sidetools-wrap .sidetools {
	position:fixed;
	width:70px;
	border-collapse:separate;
	border-spacing:10px;
	color:#666;
	z-index:9999;
	transition:opacity 5s
}
.browser-top .sidetools-wrap .sidetools img {
	display:block;
	margin:auto
}
.browser-top .sidetools-wrap .sidetools .item {
	position:relative;
	background:#8e8e8e;
	text-align:center;
	width:100%;
	min-height:44px;
	margin-bottom:6px;
	padding:10px 0
}
.browser-top .sidetools-wrap .sidetools .item img:only-child {
	position:absolute;
	margin:auto;
	top:0;
	bottom:0;
	left:0;
	right:0
}
.browser-top .sidetools-wrap .sidetools .item p {
	display:inline-block;
	color:#fff;
	text-align:justify;
	margin:0
}
.browser-top .sidetools-wrap .sidetools .item:hover {
	cursor:pointer
}
@media screen and (min-width:769px) {
	.browser-top .sidetools-wrap .sidetools .item.QQ-btn {
	background:#ef2a3a;
	padding:8px 0 4px;
	height:auto!important;
	box-shadow:0 1px 5px #ef2a3a;
	border-radius:5px;
	top:-96px
}
.browser-top .sidetools-wrap .sidetools .item.QQ-btn p {
	font-size:20px
}
}.browser-top .sidetools-wrap .sidetools .item.top-btn {
	top:30px;
	background-color:#434343;
	opacity:.5
}
.browser-top .sidetools-wrap .sidetools .item.top-btn:hover {
	opacity:.8
}
.browser-top .sidetools-wrap .sidetools .item.getsolution-btn {
	background:#fff;
	box-shadow:0 0 10px #facace;
	line-height:16px;
	border-radius:5px;
	top:95px
}
.browser-top .sidetools-wrap .sidetools .item.getsolution-btn img {
	position:relative;
	z-index:10
}
.browser-top .sidetools-wrap .sidetools .item.getsolution-btn p {
	color:#333;
	margin-top:5px
}
@media screen and (max-width:768px) {
	.browser-top .sidetools-wrap .sidetools .item.getsolution-btn {
	display:none!important
}
}.browser-top .sidetools-wrap .sidetools .item.QRcode-btn {
	display:none
}
.browser-top .sidetools-wrap .sidetools .item.hotline-btn {
	display:none
}
.browser-top .sidetools-wrap .sidetools .pop-out {
	position:absolute;
	right:80px;
	background:#fff;
	-webkit-box-shadow:0 0 14px #bbb;
	box-shadow:0 0 14px #bbb;
	display:none
}
.browser-top .sidetools-wrap .sidetools .pop-out.QQ-list {
	padding:20px 30px 30px
}
.browser-top .sidetools-wrap .sidetools .pop-out.QQ-list>h3 {
	font-weight:700;
	margin:24px 0 10px
}
.browser-top .sidetools-wrap .sidetools .pop-out.QQ-list .head {
	white-space:nowrap;
	border-bottom:1px solid #ddd;
	margin:-10px -30px;
	padding:10px 30px
}
.browser-top .sidetools-wrap .sidetools .pop-out.QQ-list .head .one-row {
	border-collapse:collapse
}
.browser-top .sidetools-wrap .sidetools .pop-out.QQ-list .head .one-row i {
	font-size:50px;
	display:block;
	line-height:50px;
	width:50px
}
.browser-top .sidetools-wrap .sidetools .pop-out.QQ-list .head .one-row h3 {
	margin:0;
	font-size:16px
}
.browser-top .sidetools-wrap .sidetools .pop-out.QQ-list .head .one-row b {
	color:#ef2a3a;
	font-size:18px
}
.browser-top .sidetools-wrap .sidetools .pop-out.QQ-list .pro {
	margin-bottom:8px
}
.browser-top .sidetools-wrap .sidetools .pop-out.QQ-list .pro .intro {
	white-space:nowrap;
	background:#f3f3f3;
	margin-bottom:6px;
	padding:2px 6px
}
.browser-top .sidetools-wrap .sidetools .pop-out.QQ-list .pro .intro::before {
	content:"●";
	color:#ef2a3a;
	padding-right:5px;
	font-size:14px
}
.browser-top .sidetools-wrap .sidetools .pop-out.QQ-list .pro .QQ-table {
	white-space:nowrap
}
.browser-top .sidetools-wrap .sidetools .pop-out.QQ-list .pro .QQ-table a {
	display:inline-block;
	height:23px;
	width:20px;
	background:url(/img/other/qq.png) center no-repeat
}
.browser-top .sidetools-wrap .sidetools .pop-out.QQ-list .pro .QQ-table a:not(:last-child) {
	margin-right:20px
}
@media screen and (max-height:915px) {
	.browser-top .sidetools-wrap .sidetools .pop-out.QQ-list .pro {
	margin-bottom:0
}
}.browser-top .sidetools-wrap .sidetools .pop-out.QQ-list.short {
	padding:16px 24px
}
.browser-top .sidetools-wrap .sidetools .pop-out.QQ-list.short .head {
	display:none!important
}
.browser-top .sidetools-wrap .sidetools .pop-out.QQ-list.short .head+h3 {
	margin-top:0
}
.browser-top .sidetools-wrap .sidetools .pop-out.QQ-list.short .pro {
	margin-bottom:8px;
	margin-bottom:0
}
.browser-top .sidetools-wrap .sidetools .pop-out.QQ-list.short .pro .intro {
	font-size:13px;
	margin-bottom:6px
}
.browser-top .sidetools-wrap .sidetools .pop-out.QQ-list.short .pro .intro::before {
	font-size:12px
}
.browser-top .sidetools-wrap .sidetools .pop-out.QQ-list.short .pro .QQ-table a {
	height:18px;
	width:16px;
	background-size:16px 18px
}
.browser-top .sidetools-wrap .sidetools .pop-out.QQ-list.short .pro .QQ-table a:not(:last-child) {
	margin-right:16px
}
.browser-top .sidetools-wrap .sidetools .pop-out.getsolution {
	width:360px;
	top:-50px;
	padding:30px
}
.browser-top .sidetools-wrap .sidetools .pop-out.getsolution h3 {
	font-size:24px;
	color:#333;
	text-align:center;
	border-bottom:1px #ddd dashed;
	margin-top:0;
	padding-bottom:16px;
	margin-bottom:16px
}
.browser-top .sidetools-wrap .sidetools .pop-out.getsolution h3 small {
	display:block;
	font-size:60%;
	color:#999;
	margin-top:10px
}
.browser-top .sidetools-wrap .sidetools .pop-out.getsolution .btn {
	width:100%
}
@media screen and (max-width:768px) {
	.browser-top .sidetools-wrap .sidetools .pop-out.getsolution {
	display:none!important
}
}.browser-top .sidetools-wrap .sidetools .pop-out.QR-code {
	padding:2px;
	top:-24px
}
@media screen and (max-width:768px) {
	.browser-top .sidetools-wrap .sidetools .pop-out.QR-code {
	display:none!important
}
}@media screen and (min-width:cal(768px+1)) {
	.browser-top .sidetools-wrap .sidetools {
	top:42%
}
}@media screen and (max-width:768px) {
	.browser-top .sidetools-wrap .sidetools {
	bottom:0!important;
	left:0;
	display:table;
	width:100%;
	background:#eee;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd
}
.browser-top .sidetools-wrap .sidetools .item {
	display:table-cell!important;
	width:50%!important;
	min-width:50%!important;
	padding:4px 0
}
.browser-top .sidetools-wrap .sidetools .item.hotline-btn {
	background:0 0!important;
	border:1px solid #ef2a3a
}
.browser-top .sidetools-wrap .sidetools .item.hotline-btn p {
	color:#ef2a3a
}
.browser-top .sidetools-wrap .sidetools .item.QQ-btn {
	background:#ef2a3a!important
}
.browser-top .sidetools-wrap .sidetools .item.QQ-btn p {
	color:#fff
}
.browser-top .sidetools-wrap .sidetools .item img {
	display:none
}
.browser-top .sidetools-wrap .sidetools .QQ-list {
	top:auto;
	right:0;
	left:0;
	width:100%;
	bottom:51px!important;
	top:auto!important;
	padding:20px 10px 4px;
	box-shadow:none;
	-webkit-box-shadow:none;
	border-bottom:1px solid #ddd;
	border-top:1px solid #ddd
}
.browser-top .sidetools-wrap .sidetools .QQ-list .head {
	display:none
}
.browser-top .sidetools-wrap .sidetools .QQ-list .head+h3 {
	display:none
}
.browser-top .sidetools-wrap .sidetools .QRcode-btn,.browser-top .sidetools-wrap .sidetools .top-btn {
	display:none!important
}
}.lxb-container {
	left:auto!important;
	right:100px!important;
	box-sizing:border-box!important;
	height:120px!important;
	width:0!important;
	overflow:hidden!important;
	background:url(/img/other/sidetools05.png) no-repeat center!important;
	background-size:cover!important;
	padding-top:10px!important
}
.lxb-container .temp {
	box-sizing:border-box!important;
	position:absolute!important
}
.lxb-container .custom-text {
	box-sizing:border-box!important;
	position:absolute!important;
	top:10px!important;
	height:40px!important;
	width:100%!important;
	background:url(/img/other/sidetools04.png) center no-repeat!important
}
.lxb-container .lxb-hide-btn {
	top:12px!important;
	left:12px!important;
	display:none!important
}
.lxb-container .lxb-cb-input {
	box-sizing:border-box!important;
	position:absolute!important;
	top:62px!important;
	left:12px!important;
	display:inline-block!important;
	padding:0 16px!important;
	width:180px!important;
	height:38px!important;
	line-height:36px!important;
	color:#666!important;
	outline:0!important
}
.lxb-container .lxb-cb-input-btn {
	box-sizing:border-box!important;
	position:absolute!important;
	font-family:roboto,pingfang sc,\5fae\8f6f\96c5\9ed1,microsoft yahei,Helvetica,Arial,sans-serif!important;
	top:62px!important;
	left:196px!important;
	display:inline-block!important;
	font-size:14px!important;
	letter-spacing:0!important;
	padding:0!important;
	font-weight:400!important;
	border:1px solid #ef2a3a!important;
	background-color:#ef2a3a!important;
	height:38px!important;
	line-height:36px!important;
	width:120px!important;
	transition:background .3s,color .3s!important;
	color:#fff!important
}
.lxb-container .lxb-cb-input-btn:hover {
	color:#fff!important;
	background-color:#f24651!important;
	border-color:#f24651!important
}
.lxb-container .lxb-cb-tip {
	box-sizing:border-box!important;
	position:absolute!important;
	left:0!important;
	top:124px!important;
	width:100%!important;
	padding:10px!important;
	border:1px solid #ddd!important;
	background:#f5f5f5!important
}
.lxb-container .lxb-cb-tip .lxb-cb-tip-con {
	width:100%!important;
	font-family:roboto,pingfang sc,\5fae\8f6f\96c5\9ed1,microsoft yahei,Helvetica,Arial,sans-serif!important
}
.lxb-container .lxb-cb-tip .lxb-cb-tip-con .error-tip {
	font-family:roboto,pingfang sc,\5fae\8f6f\96c5\9ed1,microsoft yahei,Helvetica,Arial,sans-serif!important;
	margin:0!important
}
.lxb-container .lxb-cb-tip .lxb-cb-tip-con .success-tip-img {
	background-size:80px 62px!important;
	width:80px!important;
	height:62px!important
}
.lxb-container .lxb-cb-tip .lxb-cb-tip-con .success-tip-txt {
	font-family:roboto,pingfang sc,\5fae\8f6f\96c5\9ed1,microsoft yahei,Helvetica,Arial,sans-serif!important
}
.lxb-container .lxb-cb-tip .lxb-cb-tip-close {
	display:none!important
}
@media screen and (max-width:768px) {
	.lxb-container {
	display:none!important
}
}.lxb-close-btn {
	display:block!important;
	background-image:none!important;
	box-sizing:border-box!important;
	height:105px!important;
	width:70px!important;
	content:"免费通话"!important;
	border-radius:5px;
	color:#333!important;
	border:1px solid #fff!important;
	box-shadow:0 0 10px #facace;
	background:url(/img/other/sidetools12.png) center no-repeat,#fff!important;
	left:auto!important
}
@media screen and (max-width:768px) {
	.lxb-close-btn {
	display:none!important
}
}.dropmenu {
	display:none;
	position:fixed;
	top:61px;
	left:0;
	right:0;
	margin:auto;
	z-index:20000
}
.dropmenu::-webkit-scrollbar {
	width:5px;
	background-color:#626262
}
.dropmenu .one-row {
	vertical-align:top
}
.dropmenu .one-row>div {
	vertical-align:top
}
.dropmenu .menu-wrap {
	position:relative;
	padding:0 20px 0 40px;
	overflow:hidden;
	max-height:400px;
	overflow:auto;
	background:rgba(34,33,33,.95)
}
.dropmenu .menu-wrap h1 {
	color:#fefefe;
	font-size:16px;
	margin:0 0 10px;
	white-space:nowrap;
	padding:10px 0 10px 20px
}
.dropmenu .menu-wrap h1:hover {
	cursor:pointer
}
.dropmenu .menu-wrap .current {
	background:#ef2a3a
}
.dropmenu .menu-wrap .current2 {
	background:#ef2a3a
}
.dropmenu .menu-wrap h2 {
	color:#ddd;
	font-size:14px;
	margin:0;
	padding:4px 0;
	white-space:nowrap
}
.dropmenu .menu-wrap a {
	color:#888;
	font-size:14px;
	line-height:24px;
	white-space:nowrap
}
.dropmenu .menu-wrap a:hover {
	color:#ef2a3a
}
.dropmenu .menu-wrap .partner .img-gray {
	display:block
}
.dropmenu .menu-wrap .partner .img-colour {
	display:none
}
.dropmenu .menu-wrap .partner img {
	background-color:#3e3e3e;
	border:1px #2d2c2c solid;
	width:100%
}
.dropmenu .menu-wrap .partner .col-11:hover .img-gray {
	display:none
}
.dropmenu .menu-wrap .partner .col-11:hover .img-colour {
	display:block
}
.dropmenu .menu-wrap .head-nav-ul {
	width:15%;
	border-right:1px rgba(226,243,251,.2) solid;
	vertical-align:top
}
.dropmenu .menu-wrap .head-qq {
	width:480px;
	background-color:#313131;
	border:1px #434343 solid;
	padding:5px 20px;
	margin:20px 0
}
.dropmenu .menu-wrap .menu {
	position:relative;
	z-index:2;
	padding:20px 0
}
.dropmenu .menu-wrap .menu .head-li {
	margin-bottom:20px
}
.dropmenu .menu-wrap .menu .head-li>div {
	display:table;
	width:100%
}
.dropmenu .menu-wrap .menu .mini-btn {
	border:#888 1px solid;
	padding:1px 2px;
	font-size:12px;
	border-radius:2px
}
.dropmenu .menu-wrap .menu .mini-btn:hover {
	border-color:#ef2a3a;
	color:#ef2a3a
}
.dropmenu .menu-wrap .menu .service520 {
	border:solid 1px #434343;
	background-color:#313131;
	padding:5px 20px;
	font-size:12px;
	padding:6px
}
.dropmenu .menu-wrap .menu .service520 h2 {
	margin:0;
	line-height:20px;
	padding:0;
	max-width:140px
}
.dropmenu .menu-wrap .menu .service520 p {
	max-width:140px;
	margin:0
}
.dropmenu .menu-wrap .menu block {
	display:block;
	height:80px
}
.dropmenu .menu-wrap .menu .img {
	position:relative;
	width:80px;
	height:36px;
	background:#fff;
	text-align:center;
	margin-bottom:8px
}
.dropmenu .menu-wrap .menu .img img {
	position:absolute;
	margin:auto;
	top:0;
	bottom:0;
	left:0;
	right:0;
	max-width:68px;
	max-height:32px
}
.dropmenu .menu-wrap .menu .bg {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:1
}
.dropmenu .menu-wrap .menu .private {
	background:url(/img/bg/029.png) no-repeat center;
	background-size:cover;
	padding:30px 35px;
	margin-top:10px;
	max-width:890px
}
.dropmenu .menu-wrap .menu .private h3 {
	font-size:24px;
	color:#fff;
	margin:0
}
.dropmenu .menu-wrap .menu .private p {
	color:#b9d1ec;
	max-width:400px;
	margin-left:0;
	line-height:30px;
	padding:10px 0
}
.dropmenu .menu-wrap .menu .private a {
	color:#ef2a3a;
	padding:5px 20px;
	border:1px #ef2a3a solid;
	border-radius:20px
}
.dropmenu .menu-wrap .menu .private a:hover {
	background:#ef2a3a;
	color:#fff;
	transition:all ease .5s
}
@media screen and (max-width:768px) {
	.dropmenu .menu-wrap .menu .private {
	padding:40px 20px
}
}.dropmenu .menu-wrap .menu .domain-nav {
	margin-top:20px
}
.dropmenu .menu-wrap .menu .domain-nav gap {
	width:20px
}
.dropmenu .menu-wrap .menu .domain-nav .item {
	position:relative;
	text-align:center;
	transition:all .2s
}
.dropmenu .menu-wrap .menu .domain-nav .item h3 {
	font-size:16px;
	color:#fff;
	margin-top:0;
	margin-bottom:6px
}
.dropmenu .menu-wrap .menu .domain .item {
	background-color:#3e3e3e;
	padding:20px 0
}
.dropmenu .menu-wrap .menu .domain .item:hover {
	background-color:#535353;
	transition:background-color .5s
}
.dropmenu .menu-wrap .menu .email p {
	color:#fff;
	text-align:center
}
.dropmenu .menu-wrap .menu .email .email-fob {
	background:url(/img/bg/060.png) center no-repeat;
	background-size:100% 100%
}
.dropmenu .menu-wrap .menu .email .email-business {
	background:url(/img/bg/061.png) center no-repeat;
	background-size:100% 100%
}
.dropmenu .menu-wrap .menu .email .email-customize {
	background:url(/img/bg/062.png) center no-repeat;
	background-size:100% 100%
}
.dropmenu .menu-wrap .menu .email .item {
	padding:30px 0
}
.dropmenu .menu-wrap .menu .email a {
	z-index:2;
	position:relative;
	display:block
}
.dropmenu .menu-wrap .menu .email .bg {
	background:#292f4c;
	opacity:.6
}
.dropmenu .menu-wrap .menu .email .item:hover .bg {
	opacity:.8
}
.dropmenu.product .email a {
	white-space:unset
}
.dropmenu.product .menu>div {
	padding-left:40px
}
.dropmenu.solution .head-nav-ul {
	width:18%
}
.dropmenu.solution .head-li {
	min-height:100px
}
.dropmenu.solution .head-qq>div {
	vertical-align:middle
}
.dropmenu.solution .menu>div {
	padding-left:40px
}
.dropmenu.about h2:hover {
	cursor:pointer
}
.dropmenu.about .menu-wrap .menu {
	padding:20px 0 30px
}
.dropmenu.about .menu-wrap .menu .service520 {
	margin-top:8px;
	padding:10px 30px
}
.dropmenu.about .menu-wrap .menu .service520 h2 {
	line-height:30px
}
.dropmenu.about .menu-wrap .menu .service520 p {
	line-height:25px
}
.dropmenu.about .head-about {
	float:left
}
.dropmenu.about .head-about h2 {
	border-bottom:1px #434343 solid;
	margin:0 0 10px;
	padding:10px 0
}
.dropmenu.about .head-about:not(:last-child) {
	padding-right:60px
}
.dropmenu.about .one-row>div>div {
	width:95px
}
@media screen and (max-width:1200px) {
	.dropmenu.about .menu-wrap .menu>div {
	padding-left:0
}
.dropmenu.about .head-about:not(:last-child) {
	padding-right:20px
}
}@media screen and (max-width:900px) {
	.dropmenu.about .head-about:not(:last-child) {
	padding-right:0
}
}.home-dropmenu .menu-wrap {
	padding:0 20px 20px 0
}
.home-dropmenu .menu-wrap h1 {
	padding:10px 0;
	border-bottom:1px #434343 solid
}
.home-dropmenu .menu-wrap .hot-word:hover {
	position:relative
}
.home-dropmenu .menu-wrap .hot-word:hover::after {
	-webkit-animation:headarrow 1.5s linear infinite;
	animation:headarrow 1.5s linear infinite
}
.home-dropmenu .head-arrow {
	position:relative
}
.home-dropmenu .head-arrow::after {
	position:absolute;
	display:inline-block;
	content:"";
	width:15px;
	height:12px;
	top:15px;
	right:0;
	background:url(/img/other/arrow3.png) no-repeat center
}
.home-dropmenu .row .domain-reg {
	padding-left:40px
}
@media screen and (max-width:1200px) {
	.home-dropmenu .row .col-3 {
	width:100%
}
.home-dropmenu .row .domain-reg {
	padding-left:0
}
}.home-dropmenu .customized {
	width:20%
}
.home-dropmenu .customized>div {
	padding:15px;
	background-color:#313131;
	border:1px #434343 solid
}
.home-dropmenu .customized>div h1 {
	border-bottom:0;
	padding:0
}
.home-dropmenu .customized>div a {
	white-space:normal
}
.home-dropmenu .customized>div .btn {
	margin-top:10px
}
@media screen and (max-width:1200px) {
	.home-dropmenu.product .one-row>div {
	width:20%
}
}.home-dropmenu.datacenter.menu-wrap {
	width:150px
}
.home-dropmenu.datacenter .one-row {
	width:90%;
	margin:auto;
	text-align:center
}
@media screen and (max-width:992px) {
	.home-dropmenu .menu-wrap .menu>div {
	padding-left:20px
}
}.burgermenu {
	display:none
}
@media screen and (max-width:768px) {
	.burgermenu {
	position:fixed;
	width:100%;
	margin:auto;
	z-index:20000
}
.burgermenu.show {
	display:block
}
.burgermenu .menu-wrap {
	position:relative;
	padding:10px 0 0
}
.burgermenu .menu-wrap .menu {
	position:relative;
	z-index:2;
	color:#888;
	max-height:calc(70vh);
	overflow:auto
}
.burgermenu .menu-wrap .menu .user-bar {
	background:#343434;
	color:#fff;
	padding:6px 12px;
	margin:0 10px 20px;
	color:#999;
	font-size:16px
}
.burgermenu .menu-wrap .menu .user-bar a {
	color:#999;
	border-color:#fff
}
.burgermenu .menu-wrap .menu .user-bar a:not(:last-child) {
	margin-right:12px
}
.burgermenu .menu-wrap .menu .menu-tree {
	margin:0;
	border-top:1px solid #444
}
.burgermenu .menu-wrap .menu .menu-tree>li>ul>a {
	padding-left:30px
}
.burgermenu .menu-wrap .menu .menu-tree>li>ul>li>a {
	padding-left:30px
}
.burgermenu .menu-wrap .menu .menu-tree>li>ul>li>ul>a {
	padding-left:50px
}
.burgermenu .menu-wrap .menu .menu-tree>li>ul>li>ul>li>a {
	padding-left:50px
}
.burgermenu .menu-wrap .menu .menu-tree>li>ul>li>ul>li>ul>a {
	padding-left:70px
}
.burgermenu .menu-wrap .menu .menu-tree>li>ul>li>ul>li>ul>li>a {
	padding-left:70px
}
.burgermenu .menu-wrap .menu .menu-tree a {
	display:block;
	line-height:46px;
	border-bottom:1px solid #444;
	padding:0 10px;
	color:#fff
}
.burgermenu .menu-wrap .menu .menu-tree ul {
	height:0;
	max-height:0;
	overflow:hidden;
	transition:height .5s
}
.burgermenu .menu-wrap .menu .menu-tree li {
	font-family:iconfont!important;
	font-size:16px;
	font-style:normal;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	position:relative
}
.burgermenu .menu-wrap .menu .menu-tree li::after {
	position:absolute;
	content:"\e6c4";
	right:10px;
	top:8px;
	font-size:22px;
	color:#666;
	transition:all .5s
}
.burgermenu .menu-wrap .menu .menu-tree li.single::after {
	display:none
}
.burgermenu .menu-wrap .menu .menu-tree li.open::after {
	transform:rotate(180deg)
}
.burgermenu .menu-wrap .menu .menu-tree li.open>ul {
	height:auto;
	max-height:none
}
.burgermenu .menu-wrap .menu .menu-tree li a.current {
	background:#333
}
.burgermenu .menu-wrap .menu .hotline-wrap {
	padding:10px
}
.burgermenu .menu-wrap .bg {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background:#222121;
	opacity:.95;
	z-index:1
}
}.external {
	background:url(/img/other/popup/marketing/popup-bg.png) center no-repeat;
	height:445px;
	background-size:101%
}
.external .timers span {
	font-size:20px;
	color:#f0f8ff
}
.external .timers .timer {
	padding:15px 10px;
	background:url(/img/other/popup/marketing/number-bg.png) center no-repeat
}
.external .timers .tips {
	opacity:.7
}
.external>div {
	text-align:center;
	position:relative
}
.external .title-1 {
	padding-top:30px
}
.external .title-2 {
	top:-10px
}
.external .title-3 {
	top:-60px;
	height:150px
}
.external .title-3 .consult {
	margin:auto;
	cursor:pointer;
	display:table;
	position:relative;
	top:-75px
}
.external .title-4 {
	top:-20px
}
.external .title-4 span {
	padding:0 10px;
	color:#f0f8ff;
	opacity:.7;
	font-size:16px
}
.external .title-4::after {
	content:url(/img/other/popup/marketing/right.png);
	top:-5px;
	position:relative
}
.external .title-4::before {
	content:url(/img/other/popup/marketing/left.png);
	top:-5px;
	position:relative
}
.inside>div {
	padding:0 65px
}
.inside .timers span {
	font-size:20px;
	color:#f0f8ff
}
.inside .timers .timer {
	padding:15px 10px;
	background:url(/img/other/popup/marketing/number-bg.png) center no-repeat
}
.inside .timers .tips {
	opacity:.7
}
.inside .title {
	width:100%;
	height:103px;
	background:url(/img/other/popup/marketing/popup-bg-min.png) center;
	display:table
}
.inside .title>div {
	display:table-cell;
	text-align:center;
	vertical-align:middle
}
.inside .title>div .timers span {
	font-size:14px
}
.inside .title>div .timers .timer {
	padding:6px 4px;
	background-size:25px;
	font-size:16px
}
.inside .title>div .timers .tips {
	font-size:16px
}
.inside .title .title-1 {
	width:183px;
	padding-top:10px
}
.inside .title .title-2 {
	width:243px
}
.inside .qqlist {
	display:table;
	width:100%;
	margin-top:10px
}
.inside .qqlist>div {
	display:table-cell
}
.inside .qqlist .intro {
	white-space:nowrap;
	background:#f3f3f3;
	margin-bottom:6px;
	padding:2px 6px;
	font-size:13px
}
.inside .qqlist .intro::before {
	content:"●";
	color:#ef2a3a;
	padding-right:5px;
	font-size:14px
}
.inside .qqlist a {
	display:inline-block;
	background:url(/img/other/qq.png) center no-repeat;
	height:25px;
	width:20px;
	background-size:20px 23px;
	margin-right:15px
}
.inside .qqlist .a>div {
	margin-right:20px
}
.inside .qqlist .b>div {
	margin-left:20px
}
.inside .qqBtn {
	padding:15px 65px
}
.inside .qqBtn>div {
	width:100%;
	height:33px;
	background:#c92828;
	text-align:center
}
.inside .qqBtn>div>* {
	vertical-align:middle
}
.inside .qqBtn>div span {
	color:#fff;
	font-size:18px;
	font-weight:700;
	letter-spacing:4px;
	font-family:-webkit-body;
	line-height:33px
}
@keyframes mymove {
	from {
	top:-2px;
	opacity:.4
}
to {
	top:4px;
	oopacity:1
}
}.inside .qqBtn>div .arrow {
	position:relative;
	-webkit-animation:mymove 1.5s linear infinite;
	animation:mymove 1.5s linear infinite
}
body.user {
	background:url(/img/bg/001.png) bottom repeat-x;
	background-size:1px 100%
}
body.user .header .burger-menu,body.user .header .menu,body.user .header .hotline,body.user .header .reg,body.user .header .log,body.user .header .cart {
	display:none!important
}
body.user .header .sidetools-wrap {
	display:none
}
body.user .btn-default {
	color:#666;
	background:#eef0f4;
	border:1px solid #eef0f4;
	margin-left:20px
}
body.user .remind-text {
	margin:40px 0;
	text-align:center
}
body.user .remind-text img {
	vertical-align:middle
}
body.user .remind-text p {
	font-size:16px;
	padding-left:5px;
	display:inline-block
}
body.user .reg-wrap,body.user .contract-wrap {
	width:100%;
	max-width:1000px;
	background:#fff;
	border:1px solid #ddd;
	padding:15px 80px;
	margin:30px auto 10px
}
body.user .reg-wrap h1,body.user .contract-wrap h1 {
	text-align:center
}
@media screen and (max-width:767px) {
	body.user .reg-wrap,body.user .contract-wrap {
	padding:15px
}
}body.user .reg-wrap>div,body.user .contract>div {
	width:100%;
	max-width:400px;
	margin:25px auto
}
body.user .reg-wrap .form-wrap>div,body.user .contract .form-wrap>div {
	width:33.34%
}
body.user .log-wrap {
	position:relative;
	background:url(/img/bg/002.png) left bottom no-repeat;
	padding:20px 10px
}
body.user .log-wrap .log-form {
	position:absolute;
	top:138px;
	right:10px;
	width:450px;
	background:#fff;
	padding:10px 45px 30px;
	border:1px solid #ddd
}
body.user .log-wrap .log-form h2 {
	font-size:24px
}
body.user .log-wrap .log-form .check-form {
	margin:25px 0
}
@media screen and (max-width:768px) {
	body.user .log-wrap .log-form {
	position:static;
	width:100%
}
}body.user .log-wrap .log-form-remind {
	position:relative;
	top:100px;
	min-height:320px;
	background:#fff;
	padding:30px 45px;
	border:1px solid #ddd
}
body.contract .header .slogan {
	display:table-cell!important
}
body.register .header .log2 {
	display:table-cell!important
}
body.register .discount {
	background:linear-gradient(#3364ff,#3332cc)
}
body.register .discount .wrapper {
	position:relative
}
body.register .discount .one-row {
	padding:0 90px;
	min-height:200px
}
body.register .discount .one-row p {
	color:#fff;
	font-size:18px
}
body.register .discount .ticket {
	text-align:right
}
body.register .discount .close {
	position:absolute;
	top:18px;
	right:0
}
@media screen and (max-width:1200px) {
	body.register .discount .one-row {
	display:block;
	padding:20px 10px
}
body.register .discount .one-row>div {
	display:block;
	text-align:center
}
body.register .discount .one-row p {
	text-align:center
}
body.register .discount .ticket {
	text-align:left
}
}@media screen and (max-width:992px) {
	body.register .discount .title-img {
	width:80%
}
}@media screen and (max-width:480px) {
	body.register .discount .ticket-img {
	width:60%
}
}body.login .header .reg2 {
	display:table-cell!important
}
body.login .copyright {
	color:#aaa;
	line-height:40px
}
body.login h2 {
	text-align:center
}
body.reg-success img {
	vertical-align:middle;
	padding-right:10px
}
body.reg-success .success-title h2 {
	display:inline-block;
	vertical-align:middle
}
body.reg-success .success-info {
	padding:20px 0;
	max-width:100%!important;
	border-bottom:1px dashed #dcdcdc
}
body.reg-success .success-info .one-row>* {
	text-align:center
}
body.reg-success .success-info a {
	color:#1ba0ec
}
body.reg-success .success-more {
	text-align:center
}
body.reg-success .success-more>div {
	text-align:center;
	margin:40px 0 20px
}
body.reg-success .success-more .btn {
	margin-bottom:50px
}
.authentication>div {
	text-align:center
}
.authentication .authentication-form {
	height:100%
}
.authentication p {
	text-align:center;
	color:#999
}
.authentication h1 {
	font-size:48px
}
.authentication h2 {
	font-size:36px;
	color:#fff;
	margin:0;
	padding:15px
}
.authentication h3 {
	font-size:30px
}
.authentication p {
	font-size:24px
}
.authentication span {
	font-size:24px;
	margin:0 4%
}
.authentication [type=button] {
	-webkit-appearance:none
}
.authentication .authentication-btn {
	width:80%;
	height:80px;
	border-radius:10px;
	background:#ef2a3a;
	color:#fff;
	font-size:28px;
	border:1px solid #ef2a3a;
	margin:20px 0
}
.authentication .authentication-title {
	text-align:center;
	background:#333
}
.authentication .authentication-step {
	padding:20px
}
.authentication .authentication-step img {
	width:auto
}
@media screen and (max-width:480px) {
	.authentication h1 {
	font-size:32px
}
.authentication h2 {
	font-size:24px
}
.authentication h3 {
	font-size:18px
}
.authentication p {
	font-size:14px
}
.authentication span {
	font-size:16px
}
.authentication .authentication-btn {
	width:90%;
	height:40px;
	font-size:18px;
	border-radius:5px
}
}@media screen and (max-width:400px) {
	.authentication span {
	font-size:14px;
	margin:0 2%
}
}.authentication-start p {
	display:inline-block
}
.authentication-start img {
	width:80%;
	margin:auto
}
.authentication-start .authentication-start-img {
	background:url(/img/other/authentication-start-bg.jpg) center no-repeat;
	background-size:100% 100%;
	height:60%;
	padding:15% 0;
	text-align:center
}
.authentication-start .authentication-start-submit {
	text-align:center;
	padding:0 10%
}
@media screen and (max-width:480px) {
	.authentication-start .authentication-start-img {
	padding:20% 0
}
}.authentication-id {
	background:#f6f6f6
}
.authentication-id .authentication-id-upload {
	text-align:center
}
.authentication-id .authentication-id-upload .content {
	width:90%;
	border:1px solid #dcdcdc;
	border-radius:5px;
	background:#fff;
	margin:0 auto 20px;
	padding:30px 0
}
.authentication-id .authentication-id-upload .content>img:first-child {
	width:35%;
	vertical-align:middle
}
.authentication-id .authentication-id-upload .content>img:last-child {
	width:8%;
	vertical-align:middle
}
.authentication-id .input {
	position:relative
}
.authentication-id .input .input-box {
	height:60px;
	padding-left:25%;
	border-left:0;
	border-right:0
}
.authentication-id .input .input-box-id {
	border-top:0
}
.authentication-id label {
	position:absolute;
	left:5%;
	top:30%;
	font-size:18px;
	color:#333
}
.authentication-video {
	background:#f6f6f6
}
.authentication-video .authentication-face-scan {
	background-color:#fff;
	padding:20px 0
}
.authentication-video .authentication-face-scan img {
	width:60%
}
@media screen and (min-width:768px) {
	.authentication-video .authentication-btn {
	margin:50px 0
}
}.authentication-result .authentication-step {
	background:#f6f6f6
}
.authentication-result .authentication-result-info {
	padding-top:10%
}
.authentication-result .authentication-result-info h2 {
	color:#333
}
.authentication-result .authentication-result-info img {
	width:15%
}
.authentication-result .corporate-result-info {
	padding-top:15%
}
.authentication-result .corporate-result-info img {
	width:25%
}
.authentication-result .corporate-result-info h2 {
	color:#333
}
body.order {
	background:#f1f1f1
}
body.order .tit1 h1 {
	margin-top:0
}
body.order .order-wrap {
	background:#fff;
	border:1px solid #ddd;
	padding:0 80px;
	margin-bottom:60px
}
body.order .order-wrap .order-table {
	width:100%
}
body.order .order-wrap .order-table td {
	border-bottom:1px solid #eee;
	padding:20px 0
}
body.order .order-wrap .order-table td:first-child {
	max-width:100px;
	width:100px;
	white-space:nowrap
}
body.order .order-wrap .order-table td:nth-child(2) {
	width:60%
}
body.order .order-wrap .order-table td:last-child {
	padding-left:20px
}
body.order .order-wrap .alert {
	margin-top:20px
}
body.order .order-wrap .btn {
	display:block;
	width:200px;
	margin:20px auto 40px
}
@media screen and (max-width:768px) {
	body.order .order-wrap {
	padding:10px 20px
}
}@media screen and (max-width:500px) {
	body.order .order-wrap .order-table td:first-child {
	max-width:100px;
	width:100px
}
body.order .order-wrap .order-table td:last-child {
	display:none
}
}body.cart {
	background:#f1f1f1
}
body.cart .log-tip {
	border:1px solid #ddd;
	margin-bottom:20px;
	padding:4px 10px
}
body.cart .fa {
	color:#ef2a3a
}
body.cart .cart-body {
	margin-bottom:60px;
	text-align:left
}
body.cart .cart-body .table-style {
	background:#fff;
	width:100%;
	border-collapse:collapse;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd
}
body.cart .cart-body .table-style td,body.cart .cart-body .table-style th {
	border-bottom:1px solid #ddd;
	padding:8px 20px
}
body.cart .cart-body .table-style th {
	font-weight:400;
	color:#999
}
body.cart .cart-body .table-style b {
	font-weight:400;
	padding-right:4px;
	color:#333
}
body.cart .cart-body .lister {
	background:#fff;
	width:100%;
	border-collapse:collapse;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	margin-bottom:10px
}
body.cart .cart-body .lister td,body.cart .cart-body .lister th {
	border-bottom:1px solid #ddd;
	padding:8px 20px
}
body.cart .cart-body .lister th {
	font-weight:400;
	color:#999
}
body.cart .cart-body .lister b {
	font-weight:400;
	padding-right:4px;
	color:#333
}
body.cart .cart-body .lister tbody th {
	background:#eee
}
body.cart .cart-body td.check {
	width:50px;
	text-align:center
}
body.cart .cart-body .casher {
	background:#fff;
	width:100%;
	border-collapse:collapse;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd
}
body.cart .cart-body .casher td,body.cart .cart-body .casher th {
	border-bottom:1px solid #ddd;
	padding:8px 20px
}
body.cart .cart-body .casher th {
	font-weight:400;
	color:#999
}
body.cart .cart-body .casher b {
	font-weight:400;
	padding-right:4px;
	color:#333
}
body.cart .cart-body .casher p {
	width:auto;
	margin:0
}
body.cart .cart-body .casher .paper {
	font-size:12px
}
body.cart .cart-body .casher .paper a {
	color:#999
}
body.cart .cart-body .casher .count {
	padding-right:0;
	padding-left:0;
	width:80px;
	white-space:nowrap
}
body.cart .cart-body .casher .count .red {
	font-weight:700;
	font-size:16px
}
body.cart .cart-body .casher .count p:last-child {
	color:#999
}
body.cart .cart-body .casher .cash {
	width:134px
}
body.cart .cart-body .invoice {
	background:#fff;
	border:1px solid #ddd;
	margin-bottom:10px;
	padding:8px 20px
}
body.cart .cart-body .invoice>table {
	width:100%
}
body.cart .cart-body .invoice>table td {
	vertical-align:top;
	padding:4px 0
}
body.cart .cart-body .invoice>table td:first-child {
	width:73px;
	line-height:31px
}
body.cart .cart-body .invoice .invoice-type {
	display:table;
	margin:0;
	border-collapse:collapse
}
body.cart .cart-body .invoice .invoice-type gap {
	display:table-cell;
	width:10px
}
body.cart .cart-body .invoice .invoice-type li {
	display:table-cell
}
body.cart .cart-body .invoice .invoice-type li .item {
	background:#fff;
	border:1px solid #ddd;
	padding:4px 16px
}
body.cart .cart-body .invoice .invoice-type li .item.selected {
	border-color:#ef2a3a;
	background:url(/img/bg/checked.png) right bottom no-repeat
}
body.cart .cart-body .invoice .invoice-info {
	background:#f9f9f9;
	margin-bottom:10px;
	padding:10px 20px
}
body.cart .cart-body .invoice .invoice-info table td {
	vertical-align:middle;
	padding:2px
}
body.cart .cart-body .invoice .invoice-info table td .temp {
	text-align:right;
	width:20px;
	white-space:nowrap
}
body.cart .cart-body .invoice .invoice-info table td:first-child {
	text-align:right;
	width:20px;
	white-space:nowrap
}
body.cart .cart-body .invoice .invoice-info table td:nth-child(3) {
	text-align:right;
	width:20px;
	white-space:nowrap;
	padding-left:10px
}
@media screen and (max-width:768px) {
	body.cart .cart-body .lister tr {
	display:block;
	position:relative;
	border-bottom:1px solid #ddd;
	width:100%
}
body.cart .cart-body .lister tr th {
	display:block;
	width:100%;
	border-bottom:0
}
body.cart .cart-body .lister tr td {
	position:absolute;
	display:block;
	padding:8px;
	border-bottom:0
}
body.cart .cart-body .lister tr td .temp {
	padding-top:50px
}
body.cart .cart-body .lister tr td.check {
	position:relative;
	width:40px;
	max-width:40px;
	height:110px;
	padding-top:50px
}
body.cart .cart-body .lister tr td.type {
	left:40px;
	top:0;
	font-weight:700
}
body.cart .cart-body .lister tr td.name {
	left:40px;
	top:30px
}
body.cart .cart-body .lister tr td.unit {
	left:40px;
	top:60px
}
body.cart .cart-body .lister tr td.unit select {
	height:26px;
	line-height:24px;
	padding:0 8px
}
body.cart .cart-body .lister tr td.price {
	right:36px;
	top:0;
	font-weight:700;
	padding-top:50px
}
body.cart .cart-body .lister tr td.delete {
	right:0;
	top:0;
	padding:8px;
	width:36px;
	max-width:36px;
	padding-top:50px
}
body.cart .cart-body .casher-wrap {
	position:fixed;
	bottom:52px;
	left:0;
	padding:0 10px;
	width:100%;
	background:#fff;
	border-top:1px solid #ddd
}
body.cart .cart-body .casher-wrap .casher {
	border:0
}
body.cart .cart-body .casher-wrap .casher .cash {
	padding:6px 0
}
body.cart .cart-body .casher-wrap .casher .cash .btn {
	float:right
}
body.cart .cart-body .casher-wrap .casher td {
	border-bottom:0
}
body.cart .cart-body .casher-wrap .casher td.check {
	width:40px;
	max-width:40px;
	padding:6px 8px
}
body.cart .cart-body .casher-wrap .casher td.count {
	font-weight:700
}
}body.cart .order-body h1 img {
	padding-right:10px
}
body.cart .order-body h4 {
	font-weight:700;
	margin:0;
	letter-spacing:1px;
	padding-left:1px
}
body.cart .order-body .lister {
	margin-bottom:30px
}
body.cart .order-body .lister thead th {
	background:#f9f9f9;
	color:#333
}
body.cart .cart-empty {
	background:#fff;
	border:1px solid #ddd;
	padding-top:80px;
	padding-bottom:80px;
	text-align:center;
	margin-bottom:60px
}
body.cart .cart-empty p {
	text-align:center
}
body.index section.banner {
	position:relative;
	height:500px
}
body.index section.banner .swiper-container {
	position:absolute;
	width:100%;
	height:500px
}
body.index section.banner .swiper-container .wrapper {
	height:500px
}
body.index section.banner .swiper-container .wrapper .banner-txt {
	height:430px;
	max-width:650px;
	text-align:left
}
body.index section.banner .swiper-container .wrapper .banner-txt h1 {
	font-size:48px;
	margin:0 0 10px
}
@media screen and (max-width:480px) {
	body.index section.banner .swiper-container .wrapper .banner-txt h1 {
	font-size:38px
}
}body.index section.banner .swiper-container .wrapper .banner-txt h2 {
	font-size:38px;
	margin:0 0 10px
}
@media screen and (max-width:480px) {
	body.index section.banner .swiper-container .wrapper .banner-txt h2 {
	font-size:28px
}
}body.index section.banner .swiper-container .wrapper .banner-txt h3 {
	font-size:30px;
	margin:0
}
@media screen and (max-width:480px) {
	body.index section.banner .swiper-container .wrapper .banner-txt h3 {
	font-size:22px
}
}body.index section.banner .swiper-container .wrapper .banner-txt p {
	font-size:18px
}
body.index section.banner .swiper-container .wrapper .banner-txt .btn-jx {
	background:#00cfc8;
	border-radius:30px;
	border:0
}
body.index section.banner .swiper-container .wrapper .banner-txt .btn-GB {
	color:#973f1d;
	background:#fff;
	border-radius:5px;
	border:1px solid #973f1d
}
body.index section.banner .swiper-container .wrapper .banner-txt .btn-hk {
	color:#0246c1;
	background:#fff;
	border-radius:10px;
	border:0
}
body.index section.banner .swiper-container .wrapper .banner-txt .btn-hk:hover {
	color:#205dce;
	box-shadow:0 0 5px #c0cedf;
	transition:all .5s
}
body.index section.banner .swiper-container .wrapper .banner-GB {
	padding-top:20px;
	vertical-align:top;
	max-width:unset;
	width:1200px;
	text-align:center
}
@media screen and (max-width:992px) {
	body.index section.banner .swiper-container .wrapper .banner-GB {
	padding-top:70px
}
body.index section.banner .swiper-container .wrapper .banner-GB img {
	width:100%
}
}body.index section.banner .swiper-container .wrapper .overseas {
	position:relative
}
body.index section.banner .swiper-container .wrapper .overseas .overseas-t {
	position:relative;
	top:10px
}
body.index section.banner .swiper-container .wrapper .overseas p {
	font-size:16.3px;
	color:#081e87;
	line-height:43px
}
body.index section.banner .swiper-container .wrapper .overseas span {
	font-size:21.74px
}
@media screen and (max-width:992px) {
	body.index section.banner .swiper-container .wrapper .overseas img {
	width:80%
}
body.index section.banner .swiper-container .wrapper .overseas p {
	line-height:30px
}
}body.index section.banner .swiper-container .wrapper .banner-sg-content {
	position:relative
}
body.index section.banner .swiper-container .wrapper .banner-sg-content .sale {
	position:absolute;
	top:-20px
}
body.index section.banner .swiper-container .wrapper .banner-sg-content h1 {
	color:#fff;
	text-shadow:3px 0 3px #4680fe;
	font-size:50px
}
body.index section.banner .swiper-container .wrapper .banner-sg-content p {
	color:#344ac2;
	background:#fff;
	padding:5px 30px;
	margin:30px 0 10px;
	border-radius:20px
}
body.index section.banner .swiper-container .wrapper .banner-sg-content .btn-sg {
	background:linear-gradient(to right,#f21f28,#ff6f78);
	border:0;
	border-radius:5px
}
@media screen and (max-width:992px) {
	body.index section.banner .swiper-container .wrapper .hk-idc-banner img {
	width:80%
}
body.index section.banner .swiper-container .wrapper .hk-idc-banner a {
	font-size:16px;
	height:30px;
	line-height:30px
}
}body.index section.banner .swiper-container .wrapper .kr-idc-banner h3,body.index section.banner .swiper-container .wrapper .kr-idc-banner h2 {
	color:#1d2b95
}
body.index section.banner .swiper-container .wrapper .kr-idc-banner h2 {
	font-size:50px;
	margin:0 0 20px
}
body.index section.banner .swiper-container .wrapper .kr-idc-banner p {
	font-size:18px;
	color:#5d6f8f;
	line-height:30px
}
body.index section.banner .swiper-container .wrapper .kr-idc-banner red {
	font-weight:700
}
@media screen and (max-width:768px) {
	body.index section.banner .swiper-container .wrapper .kr-idc-banner h2 {
	font-size:30px;
	margin:0 0 20px
}
body.index section.banner .swiper-container .wrapper .kr-idc-banner p {
	font-size:16px;
	line-height:24px
}
body.index section.banner .swiper-container .wrapper .kr-idc-banner h3 {
	font-size:20px
}
}body.index section.banner .swiper-container .swiper-pagination {
	bottom:90px
}
body.index section.banner .swiper-container .swiper-pagination .swiper-pagination-bullet {
	width:13px;
	height:13px;
	background:0 0;
	opacity:1;
	text-align:CENTER
}
body.index section.banner .swiper-container .swiper-pagination .swiper-pagination-bullet::before {
	display:block;
	width:13px;
	height:13px;
	content:"";
	background:url(img/banner/swiper-dot.png) center no-repeat
}
body.index section.banner .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
	background:url(img/banner/swiper-dot-red.png) center no-repeat
}
body.index section.banner .swiper-container .banner-sg {
	background:url(/img/banner/015.jpg) center no-repeat
}
body.index section.banner .swiper-container .banner-sg .banner-sg-content h1 {
	font-size:44px
}
body.index section.banner .swiper-container .banner-sg .banner-sg-content .reduce {
	width:80%
}
body.index section.banner .swiper-container .banner-sg .banner-sg-content p {
	margin:20px 0 0
}
@media screen and (max-width:480px) {
	body.index section.banner .swiper-container .banner-sg {
	background:url(/img/banner/015-xs.jpg) center no-repeat
}
body.index section.banner .swiper-container .banner-sg .banner-txt {
	vertical-align:top;
	padding-top:50px
}
}body.index section.banner .iot-ani {
	top:0;
	right:49px
}
@media screen and (max-width:650px) {
	body.index section.banner .iot-ani {
	right:0;
	width:100%;
	height:700px;
	background:url(/img/icon/024/000.png) center bottom no-repeat;
	background-size:120%
}
body.index section.banner .iot-ani::before {
	display:none
}
body.index section.banner .iot-ani::after {
	display:none
}
body.index section.banner .iot-ani cube,body.index section.banner .iot-ani ball,body.index section.banner .iot-ani ballshadow,body.index section.banner .iot-ani dots {
	display:none
}
}@media screen and (max-width:500px) {
	body.index section.banner .iot-ani {
	width:100%;
	background-size:160%
}
}body.index section.search {
	background:#f5f7fa;
	padding-top:80px;
	padding-bottom:30px
}
body.index section.search .wrapper .recommend-wrap {
	position:relative
}
body.index section.search .wrapper section.recommend {
	position:absolute;
	width:100%;
	top:-130px;
	z-index:99
}
body.index section.search .wrapper section.recommend .recommend-table {
	width:100%
}
body.index section.search .wrapper section.recommend .recommend-table .one-row {
	box-shadow:0 0 16px rgba(0,0,0,.08);
	border-collapse:collapse
}
body.index section.search .wrapper section.recommend .recommend-table .one-row>div {
	position:relative;
	width:25%
}
body.index section.search .wrapper section.recommend .recommend-table .one-row>div .item {
	position:relative;
	background:#fff;
	line-height:30px;
	padding-left:110px;
	padding-top:30px;
	padding-bottom:30px;
	height:120px;
	width:100%
}
body.index section.search .wrapper section.recommend .recommend-table .one-row>div .item img {
	position:absolute;
	top:36px;
	left:20px
}
body.index section.search .wrapper section.recommend .recommend-table .one-row>div .item img.hover {
	display:none
}
body.index section.search .wrapper section.recommend .recommend-table .one-row>div .item img.unhover {
	display:block
}
body.index section.search .wrapper section.recommend .recommend-table .one-row>div .item h3 {
	margin:0;
	text-align:left
}
body.index section.search .wrapper section.recommend .recommend-table .one-row>div .item p {
	margin:0;
	text-align:left;
	color:#999
}
@media screen and (max-width:1200px) {
	body.index section.search .wrapper section.recommend .recommend-table .one-row>div .item {
	padding-left:80px
}
body.index section.search .wrapper section.recommend .recommend-table .one-row>div .item img {
	top:42px;
	left:15px;
	width:50px
}
}@media screen and (max-width:992px) {
	body.index section.search .wrapper section.recommend .recommend-table .one-row>div .item {
	padding-left:0;
	padding-top:76px
}
body.index section.search .wrapper section.recommend .recommend-table .one-row>div .item img {
	top:20px;
	left:0;
	right:0;
	margin:auto;
	width:60px
}
body.index section.search .wrapper section.recommend .recommend-table .one-row>div .item h3 {
	text-align:center
}
body.index section.search .wrapper section.recommend .recommend-table .one-row>div .item p {
	display:none
}
}@media screen and (max-width:768px) {
	body.index section.search .wrapper section.recommend .recommend-table .one-row>div .item {
	padding-top:82px
}
body.index section.search .wrapper section.recommend .recommend-table .one-row>div .item img {
	top:26px
}
body.index section.search .wrapper section.recommend .recommend-table .one-row>div .item h3 {
	font-size:14px;
	line-height:20px
}
}body.index section.search .wrapper section.recommend .recommend-table .one-row>div .item:hover {
	position:absolute;
	top:-3px;
	left:0;
	height:126px;
	box-shadow:0 0 16px rgba(0,0,0,.12);
	cursor:pointer;
	z-index:99
}
body.index section.search .wrapper section.recommend .recommend-table .one-row>div .item:hover img.hover {
	display:block
}
body.index section.search .wrapper section.recommend .recommend-table .one-row>div .item:hover img.unhover {
	display:none
}
body.index section.search .search-bar {
	margin:-18px;
	width:auto
}
body.index section.search .search-bar .one-row {
	position:static
}
body.index section.search .search-bar .tips h3 {
	color:#333
}
body.index section.search .search-bar .tips p {
	color:#333
}
body.index section.search .search-bar .text {
	border:1px solid #ddd
}
body.index section.search .search-bar .more {
	border:1px solid #ddd;
	background:#fff!important
}
body.index section.search .search-bar .go {
	border:#ef2a3a 1px solid
}
body.index section.search .search-bar .bg {
	display:none
}
body.index section.product .product-table {
	margin-bottom:50px
}
body.index section.product .product-table gap {
	width:38px
}
body.index section.product .product-table .item {
	border:1px solid #eee;
	text-align:center
}
body.index section.product .product-table .item h3 {
	margin-top:10px;
	font-size:20px;
	color:#fff
}
body.index section.product .product-table .item p {
	text-align:center;
	max-width:260px;
	width:260px;
	margin-bottom:50px
}
body.index section.product .product-table .item p a {
	color:#666
}
body.index section.product .product-table .item img {
	vertical-align:middle
}
body.index section.product .product-table .item .tit {
	height:93px;
	padding-top:20px
}
@media screen and (max-width:768px) {
	body.index section.product .product-table .item .tit {
	height:60px;
	padding-top:10px
}
}body.index section.product .product-table .item .pro-row {
	width:100%;
	margin-bottom:20px
}
body.index section.product .product-table .item .pro-row>div {
	border-collapse:separate;
	border-spacing:10px
}
body.index section.product .product-table .item .pro-row>div>div {
	width:33.33%
}
body.index section.product .product-table .item .pro-row>div>div:hover .turning-icon::after {
	content:"";
	animation:rotate-r 2s infinite linear
}
@media screen and (max-width:992px) {
	body.index section.product .product-table>* {
	display:table-row
}
body.index section.product .product-table>*.gap {
	height:20px
}
body.index section.product .product-table>* .item {
	margin-bottom:20px
}
body.index section.product .product-table>* .item h3 {
	margin:10px 0
}
body.index section.product .product-table>* .item p {
	margin-bottom:20px
}
}body.index section.solution {
	background:#121631;
	overflow:hidden
}
body.index section.solution .tit1 h1 {
	color:#fff
}
body.index section.solution .tit1 p {
	color:#999
}
body.index section.solution .wrapper {
	position:relative;
	padding-bottom:80px
}
body.index section.solution .solution-table {
	position:relative;
	z-index:2
}
body.index section.solution .solution-table .one-row {
	height:400px
}
body.index section.solution .solution-table .one-row>div {
	position:relative;
	width:20%
}
body.index section.solution .solution-table .one-row .item {
	position:relative;
	height:100%;
	text-align:center;
	overflow:hidden!important
}
body.index section.solution .solution-table .one-row .item>* {
	position:absolute;
	left:0;
	right:0;
	margin:auto;
	transition:all ease .5s
}
body.index section.solution .solution-table .one-row .item .cover {
	top:80px;
	transition:all ease .5s
}
body.index section.solution .solution-table .one-row .item .cover hr {
	width:30px;
	height:2px;
	margin:30px auto;
	border-color:#ef2a3a
}
body.index section.solution .solution-table .one-row .item .cover h2 {
	font-size:20px;
	color:#fff
}
body.index section.solution .solution-table .one-row .item .detail {
	top:430px;
	height:0;
	padding-left:10px;
	padding-right:10px
}
body.index section.solution .solution-table .one-row .item .detail p {
	color:#ccc;
	margin-bottom:20px;
	max-width:160px
}
body.index section.solution .solution-table .one-row .item .detail .more {
	display:block;
	margin-top:10px
}
body.index section.solution .solution-table .one-row .item:hover {
	cursor:pointer
}
body.index section.solution .solution-table .one-row .item:hover .cover {
	top:40px;
	z-index:2
}
body.index section.solution .solution-table .one-row .item:hover .cover hr {
	display:none
}
body.index section.solution .solution-table .one-row .item:hover .cover h2 {
	color:#fff
}
body.index section.solution .solution-table .one-row .item:hover .detail {
	height:auto;
	top:160px;
	z-index:2
}
body.index section.solution .solution-table .one-row .item:hover .bg {
	height:100%;
	width:100%;
	opacity:.6;
	z-index:1;
	background:-webkit-linear-gradient(#1f2846,#131733);
	background:-o-linear-gradient(#1f2846,#131733);
	background:-moz-linear-gradient(#1f2846,#131733);
	background:linear-gradient(#1f2846,#131733)
}
@media screen and (max-width:768px) {
	body.index section.solution .solution-table .one-row .item .cover img {
	height:40px
}
body.index section.solution .solution-table .one-row .item .cover h2 {
	font-size:16px
}
body.index section.solution .solution-table .one-row .item:hover .cover {
	top:80px
}
body.index section.solution .solution-table .one-row .item:hover .cover hr {
	display:block
}
body.index section.solution .solution-table .one-row .item:hover .detail {
	display:none
}
body.index section.solution .solution-table .one-row .item:hover .bg {
	display:none
}
}body.index section.solution .solution-bg {
	position:absolute;
	background:url(/img/bg/030.png) no-repeat center bottom;
	height:600px;
	width:100%;
	bottom:0;
	z-index:1
}
body.index section.advantage {
	background:#dee6ee;
	padding-bottom:60px
}
body.index section.partner {
	padding-bottom:50px
}
body.index section.partner .partner-table>div>div {
	text-align:center;
	padding:25px 0;
	vertical-align:middle
}
body.index section.partner .partner-table img {
	width:120px
}
@media screen and (max-width:768px) {
	body.index section.partner .partner-table img {
	width:80px
}
}@media screen and (max-width:480px) {
	body.index section.partner .partner-table img {
	width:60px
}
}body.index section.news {
	background:#f6f6f7;
	padding-bottom:60px
}
@media screen and (min-width:1040px) {
	body.index section.news .news-table>div:hover {
	position:relative;
	overflow:hidden;
	background:rgba(209,211,211,.1);
	box-shadow:0 5px 40px 0 rgba(0,0,0,.2);
	border-radius:5px;
	transition:all .5s
}
body.index section.news .news-table>div:hover li {
	margin:auto;
	transition:all .5s
}
body.index section.news .news-table>div:hover .iconfont {
	color:#ef2a3a;
	transition:all .5s
}
}body.index section.news .news-table>* {
	padding:10px 15px 0
}
body.index section.news .news-table>* .item {
	width:100%
}
@media screen and (max-width:1039px) {
	body.index section.news .news-table>* {
	display:table-row
}
body.index section.news .news-table>* .item {
	width:100%;
	padding-bottom:30px
}
body.index section.news .news-table>* .item .tit {
	padding-bottom:0!important
}
body.index section.news .news-table>* .item img {
	display:none
}
}body.index section.news .news-table gap {
	width:24px
}
body.index section.news .news-table .item .tit {
	padding-bottom:10px;
	position:relative
}
body.index section.news .news-table .item .tit .tit-style {
	position:relative;
	width:100px;
	height:24px;
	background:#e3e9f2;
	border-radius:4px;
	padding-left:34px;
	color:#333
}
body.index section.news .news-table .item .tit .tit-style i {
	position:absolute;
	margin:auto;
	left:10px;
	bottom:0;
	top:0;
	line-height:24px
}
body.index section.news .news-table .item .tit .tit-style span {
	line-height:24px
}
body.index section.news .news-table .item .tit .tit-style:hover {
	cursor:pointer
}
body.index section.news .news-table .item .tit a {
	position:absolute;
	top:0;
	right:0;
	height:24px;
	color:#999
}
body.index section.news .news-table .item .tit a:hover {
	color:#ef2a3a
}
body.index section.news .news-table .item img {
	width:100%
}
body.index section.news .news-table .item ul {
	margin-top:10px;
	border-top:#ddd solid 1px
}
body.index section.news .news-table .item ul li {
	margin-top:10px
}
body.index section.news .news-table .item ul li a {
	color:#333
}
body.index section.news .news-table .item ul li span {
	color:#999;
	float:right
}
body.index section.news .news-table .item ul li:hover>* {
	color:#ef2a3a
}
body.index section.index-footer {
	background:url(/img/bg/031.png) no-repeat center;
	background-size:cover;
	padding-top:20px;
	padding-bottom:40px
}
body.index section.index-footer .wrapper {
	text-align:center
}
body.index section.index-footer .wrapper h1 {
	font-size:30px;
	text-align:center
}
@media screen and (max-width:480px) {
	body.index section.index-footer .wrapper h1 {
	font-size:22px
}
}body.products .products-wrap {
	background:url(/img/bg/008.png) no-repeat center bottom,#eee;
	padding:20px 0
}
body.products .products-wrap .shadow {
	background:#fff;
	-webkit-box-shadow:0 0 10px #e9e9e9;
	box-shadow:0 0 10px #e9e9e9
}
body.products .products-wrap .hover:hover {
	cursor:pointer;
	box-shadow:0 0 20px #ddd
}
body.products .products-wrap .hover:hover h3 {
	color:#ef2a3a
}
body.products .products-wrap .advantage-wrap {
	background:#fff;
	-webkit-box-shadow:0 0 10px #e9e9e9;
	box-shadow:0 0 10px #e9e9e9
}
body.products .products-wrap .advantage-wrap .advantage-table .item p {
	text-align:justify
}
body.products .products-wrap .advantage-wrap .advantage-table .item p span {
	color:#ef2a3a;
	padding-right:3px
}
body.products .products-wrap .tit1 h1 {
	margin-top:0;
	font-size:24px
}
body.products .products-wrap .tit2 {
	margin-bottom:10px
}
body.products .products-wrap .catalog-table {
	margin:-20px
}
body.products .products-wrap .catalog-table .server-nav {
	border-collapse:separate;
	border-spacing:20px;
	width:100%;
	padding-bottom:0;
	background:#fff;
	-webkit-box-shadow:0 0 10px #e9e9e9;
	box-shadow:0 0 10px #e9e9e9;
	background:0 0
}
body.products .products-wrap .catalog-table .server-nav td {
	border:#e9e9e9 solid 1px;
	padding:10px 20px;
	vertical-align:top;
	background:#fff
}
body.products .products-wrap .catalog-table .server-nav .catalog {
	border:0
}
body.products .products-wrap .catalog-table .server-nav .catalog:not(:only-child):first-child {
	width:50%
}
body.products .products-wrap .catalog-table .server-nav .catalog h3 {
	font-weight:400;
	margin-bottom:0;
	padding-left:0
}
body.products .products-wrap .catalog-table .server-nav .catalog h3::before {
	display:none
}
body.products .products-wrap .catalog-table .server-nav .catalog ul {
	display:inline-block;
	width:auto;
	border:0;
	padding:0
}
body.products .products-wrap .catalog-table .server-nav .catalog ul li:not(:last-child)::after {
	width:24px
}
body.products .products-wrap .catalog-table .server-nav .catalog ol li {
	height:40px;
	width:142px;
	margin-right:60px
}
body.products .products-wrap .catalog-table .server-nav .catalog:hover:hover {
	cursor:pointer;
	box-shadow:0 0 20px #ddd
}
body.products .products-wrap .catalog-table .server-nav .catalog:hover:hover h3 {
	color:#ef2a3a
}
@media screen and (max-width:768px) {
	body.products .products-wrap .catalog-table {
	margin:0
}
body.products .products-wrap .catalog-table .server-nav {
	display:block
}
body.products .products-wrap .catalog-table .server-nav tbody,body.products .products-wrap .catalog-table .server-nav tr {
	display:block
}
body.products .products-wrap .catalog-table .server-nav .catalog {
	display:block;
	width:100%!important;
	margin-bottom:10px
}
body.products .products-wrap .catalog-table .server-nav .catalog h3 {
	margin-top:0
}
body.products .products-wrap .catalog-table .server-nav .catalog ul {
	margin:8px 0 0
}
body.products .products-wrap .catalog-table .server-nav .catalog ul li::after {
	width:16px!important
}
body.products .products-wrap .catalog-table .server-nav .catalog ol li {
	margin-right:10px
}
}body.products .products-wrap section:not(.server) {
	margin-top:20px
}
body.products .products-wrap section.idc .idc-nav {
	margin:-20px
}
body.products .products-wrap section.idc .idc-nav .one-row {
	border-collapse:separate;
	border-spacing:20px
}
body.products .products-wrap section.idc .idc-nav .one-row .item {
	background:#fff;
	vertical-align:top;
	width:50%
}
body.products .products-wrap section.idc .idc-nav .one-row .item .tit {
	font-size:24px;
	color:#fff;
	line-height:68px;
	text-align:center
}
body.products .products-wrap section.idc .idc-nav .one-row .item .tit.tit01 {
	background:url(/img/bg/027.png) no-repeat center;
	background-size:cover
}
body.products .products-wrap section.idc .idc-nav .one-row .item .tit.tit02 {
	background:url(/img/bg/028.png) no-repeat center;
	background-size:cover
}
body.products .products-wrap section.idc .idc-nav .one-row .item .links {
	text-align:center;
	padding:20px
}
body.products .products-wrap section.idc .idc-nav .one-row .item .links ul {
	margin:0
}
body.products .products-wrap section.idc .idc-nav .one-row .item .links ul a {
	font-size:16px
}
body.products .products-wrap section.idc .idc-nav .one-row .item .links .more {
	display:inline-block;
	margin-top:10px;
	color:#999
}
body.products .products-wrap section.idc .idc-nav .one-row .item .links .more:hover {
	color:#ef2a3a
}
@media screen and (max-width:768px) {
	body.products .products-wrap section.idc .idc-nav {
	margin:0
}
body.products .products-wrap section.idc .idc-nav .one-row {
	display:block
}
body.products .products-wrap section.idc .idc-nav .one-row .item {
	display:block;
	width:100%;
	margin-bottom:10px
}
}body.products .products-wrap section.cloud .cloud-nav {
	margin:0 -20px -20px
}
body.products .products-wrap section.cloud .cloud-nav .one-row {
	border-collapse:separate;
	border-spacing:20px
}
body.products .products-wrap section.cloud .cloud-nav .one-row>div {
	width:33.3333%;
	background:#fff;
	text-align:center;
	padding:40px 0
}
body.products .products-wrap section.cloud .cloud-nav .one-row>div h3 {
	margin-bottom:0;
	margin-top:10px;
	font-size:18px
}
body.products .products-wrap section.cloud .cloud-nav .one-row>div:hover {
	cursor:pointer;
	box-shadow:0 0 20px #ddd
}
body.products .products-wrap section.cloud .cloud-nav .one-row>div:hover h3 {
	color:#ef2a3a
}
body.products .products-wrap section.cloud .private {
	background:url(/img/bg/029.png) no-repeat center;
	background-size:cover;
	padding:40px 100px
}
body.products .products-wrap section.cloud .private h3 {
	font-size:24px;
	color:#fff;
	margin:0
}
body.products .products-wrap section.cloud .private p {
	color:#ccc;
	max-width:520px;
	margin-left:0
}
body.products .products-wrap section.cloud .private a {
	color:#ef2a3a
}
body.products .products-wrap section.cloud .private:hover {
	cursor:pointer
}
@media screen and (max-width:768px) {
	body.products .products-wrap section.cloud .private {
	padding:40px 20px
}
}body.products .products-wrap section.domain .domain-nav {
	margin-top:20px
}
body.products .products-wrap section.domain .domain-nav gap {
	width:20px
}
body.products .products-wrap section.domain .domain-nav .item {
	background:#fff;
	-webkit-box-shadow:0 0 10px #e9e9e9;
	box-shadow:0 0 10px #e9e9e9;
	text-align:center;
	padding:20px 0
}
body.products .products-wrap section.domain .domain-nav .item:hover {
	cursor:pointer;
	box-shadow:0 0 20px #ddd
}
body.products .products-wrap section.domain .domain-nav .item:hover h3 {
	color:#ef2a3a
}
body.products .products-wrap section.domain .domain-nav .item h3 {
	font-size:18px;
	margin-top:0;
	margin-bottom:6px
}
body.products .products-wrap section.domain .search-bar {
	margin-top:20px
}
@media screen and (max-width:768px) {
	body.products .products-wrap section.domain .domain-nav gap {
	width:10px
}
body.products .products-wrap section.domain .search-bar {
	margin-top:10px
}
}body.products .products-wrap section.trademark .trademark-nav {
	margin-top:20px
}
body.products .products-wrap section.trademark .trademark-nav .item {
	background:#fff;
	-webkit-box-shadow:0 0 10px #e9e9e9;
	box-shadow:0 0 10px #e9e9e9;
	margin-bottom:20px;
	position:relative
}
body.products .products-wrap section.trademark .trademark-nav .item>div {
	padding:20px 0
}
body.products .products-wrap section.trademark .trademark-nav .item>div:first-child {
	text-align:center;
	width:128px
}
body.products .products-wrap section.trademark .trademark-nav .item>div:last-child {
	padding-right:60px
}
body.products .products-wrap section.trademark .trademark-nav .item h3 {
	margin:0;
	font-size:18px
}
body.products .products-wrap section.trademark .trademark-nav .item ul {
	margin-top:10px;
	margin-bottom:0
}
body.products .products-wrap section.trademark .trademark-nav .item ul a:hover {
	color:#ef2a3a
}
body.products .products-wrap section.trademark .trademark-nav .item .link::before {
	font-family:iconfont!important;
	font-size:16px;
	font-style:normal;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	content:"\e66a";
	font-size:30px;
	display:block;
	position:absolute;
	top:30%;
	right:20px;
	color:#999
}
@media screen and (max-width:768px) {
	body.products .products-wrap section.trademark .trademark-nav .item {
	margin-bottom:10px
}
}@media screen and (max-width:480px) {
	body.products .products-wrap section.trademark .trademark-nav .item>div:first-child {
	width:90px
}
body.products .products-wrap section.trademark .trademark-nav .item>div:last-child {
	padding-right:0
}
body.products .products-wrap section.trademark .trademark-nav .item>div:last-child .link {
	display:none
}
}body.products .products-wrap section.email {
	padding-bottom:50px
}
body.products .products-wrap section.email .email-nav {
	margin-top:20px
}
body.products .products-wrap section.email .email-nav gap {
	width:20px
}
body.products .products-wrap section.email .email-nav .item {
	position:relative;
	text-align:center;
	padding:50px 10px
}
body.products .products-wrap section.email .email-nav .item h3 {
	color:#fff;
	font-size:18px;
	font-weight:700;
	margin:10px
}
body.products .products-wrap section.email .email-nav .item p {
	color:#fff;
	text-align:center;
	font-size:16px
}
body.products .products-wrap section.email .email-nav .item.item1 {
	background:url(/img/bg/009.png) no-repeat center;
	background-size:cover
}
body.products .products-wrap section.email .email-nav .item.item2 {
	background:url(/img/bg/010.png) no-repeat center;
	background-size:cover
}
body.products .products-wrap section.email .email-nav .item.item3 {
	background:url(/img/bg/036.png) no-repeat center;
	background-size:cover
}
@media screen and (max-width:768px) {
	body.products .products-wrap section.email .email-nav {
	display:block
}
body.products .products-wrap section.email .email-nav>* {
	display:block;
	margin-bottom:10px
}
}body.isp02-products .products-wrap p {
	color:#73889e;
	font-size:14px
}
body.isp02-products .products-wrap .tit1 {
	text-align:center
}
body.isp02-products .products-wrap .tit1 p {
	font-size:16px
}
body.isp02-products .products-wrap .shadow {
	background:#fff;
	-webkit-box-shadow:0 0 10px #e9e9e9;
	box-shadow:0 0 10px #e9e9e9
}
body.isp02-products .products-wrap .hover:hover {
	cursor:pointer;
	box-shadow:0 10px 20px 0 rgba(0,0,0,.1)
}
body.isp02-products .products-wrap .hover:hover h3 {
	color:#ef2a3a
}
body.isp02-products .products-wrap .pro-link {
	display:table
}
body.isp02-products .products-wrap .pro-link a {
	color:#2d94ff
}
body.isp02-products .products-wrap .pro-arrow {
	width:30px;
	margin-left:5px;
	display:inline-block;
	overflow:hidden;
	vertical-align:middle;
	position:relative
}
body.isp02-products .products-wrap .pro-arrow img {
	position:relative;
	right:12px;
	transition:all ease .5s
}
body.isp02-products .products-wrap .pro-link:hover {
	cursor:pointer
}
body.isp02-products .products-wrap .pro-link:hover .pro-arrow img {
	right:0;
	transition:all ease .5s
}
body.isp02-products .products-wrap .product-line {
	width:40px;
	height:5px;
	border-radius:5px;
	margin:10px auto;
	background:linear-gradient(to right,#ffcbaf,#ff6a76)
}
body.isp02-products .products-wrap .product-item {
	padding:0 0 0 10%
}
body.isp02-products .products-wrap .product-item .sign {
	height:44px;
	margin:30px 0 10px;
	position:relative
}
body.isp02-products .products-wrap .product-item .sign img {
	position:relative;
	bottom:0
}
body.isp02-products .products-wrap .product-item .title {
	line-height:36px;
	margin:0;
	font-size:20px
}
body.isp02-products .products-wrap .product-server {
	background-color:#f2f4f9;
	padding:10px 0 60px
}
body.isp02-products .products-wrap .product-server .part2 {
	margin-top:50px
}
body.isp02-products .products-wrap .product-server .card {
	margin:10px -10px 0
}
body.isp02-products .products-wrap .product-server .card>div {
	padding:0 10px
}
body.isp02-products .products-wrap .product-server .card>div .item {
	text-align:center;
	background:#fff;
	padding:20px 0
}
body.isp02-products .products-wrap .product-server .card>div .item:hover:hover {
	cursor:pointer;
	box-shadow:0 10px 20px 0 rgba(0,0,0,.1)
}
body.isp02-products .products-wrap .product-server .card>div .item:hover:hover h3 {
	color:#ef2a3a
}
body.isp02-products .products-wrap .product-server .card>div img {
	vertical-align:middle
}
body.isp02-products .products-wrap .white-bg {
	background-color:#fff
}
body.isp02-products .products-wrap .product-cloud {
	background:url(/img/bg/079.jpg) center no-repeat;
	background-size:100% 100%;
	padding:20px 0 70px
}
body.isp02-products .products-wrap .product-cloud .tit1 h1 {
	color:#fff
}
body.isp02-products .products-wrap .product-cloud .product-line {
	margin:20px auto
}
body.isp02-products .products-wrap .product-cloud .title {
	color:#fff
}
body.isp02-products .products-wrap .product-cloud .row {
	padding:0 15%
}
body.isp02-products .products-wrap .product-cloud .product-item .sign {
	margin:0 0 10px
}
@media screen and (max-width:992px) {
	body.isp02-products .products-wrap .product-cloud .row {
	padding:0 20px
}
body.isp02-products .products-wrap .product-cloud .product-item {
	padding:0;
	width:50%
}
body.isp02-products .products-wrap .product-cloud .title {
	font-size:16px
}
}body.isp02-products .products-wrap .private-cloud .content {
	min-height:485px;
	background:url(/img/icon/028/bg01.png) right no-repeat
}
body.isp02-products .products-wrap .private-cloud .item {
	max-width:500px;
	top:100px;
	position:relative
}
body.isp02-products .products-wrap .private-cloud .item h1 {
	font-size:30px;
	margin:0
}
body.isp02-products .products-wrap .private-cloud .item .product-line {
	margin:15px 0 20px
}
body.isp02-products .products-wrap .private-cloud .item p {
	line-height:36px
}
body.isp02-products .products-wrap .private-cloud .title {
	font-size:18px;
	line-height:36px;
	color:#429eff
}
body.isp02-products .products-wrap .private-cloud .pro-link {
	margin:20px 0
}
@media screen and (max-width:768px) {
	body.isp02-products .products-wrap .private-cloud .content {
	background-size:100%
}
}body.isp02-products .products-wrap .product-domain {
	background:url(/img/bg/080.jpg) center no-repeat;
	padding:0 0 60px
}
body.isp02-products .products-wrap .product-domain .tit1 h1 {
	color:#fff
}
body.isp02-products .products-wrap .product-domain .domain-card {
	padding:20px 120px
}
body.isp02-products .products-wrap .product-domain .item {
	text-align:center
}
body.isp02-products .products-wrap .product-domain .item span {
	display:block;
	color:#fff;
	font-size:20px;
	margin:10px 0
}
body.isp02-products .products-wrap .product-domain .search-bar {
	margin:40px 0 15px
}
body.isp02-products .products-wrap .product-domain .pro-link {
	margin:auto
}
@media screen and (max-width:768px) {
	body.isp02-products .products-wrap .product-domain .domain-card {
	padding:20px
}
}body.isp02-products .products-wrap .product-email {
	padding:10px 0 55px
}
body.isp02-products .products-wrap .product-email .pro-link a {
	display:inline-block;
	margin:40px 0
}
body.server-index section.addvatage {
	padding-bottom:60px
}
body.server-index section.addvatage .advantage-wrap {
	box-shadow:0 0 20px #dcdcdc
}
body.server-index .tit1 {
	padding-top:0
}
body.server-index .tit1 h1 {
	text-align:left;
	font-size:24px
}
body.server-index .btn-hk {
	color:#0246c1;
	background:#fff;
	border-radius:10px;
	border:0;
	margin-top:20px
}
body.server-details section.config {
	background:#f1f1f1;
	padding:20px
}
body.server-details section.config .config-table-wrap {
	margin:-24px
}
body.server-details section.config .config-table-wrap>* {
	border-collapse:separate;
	border-spacing:24px
}
body.server-details section.config .config-table-wrap .config-table {
	margin-top:20px
}
body.server-details section.config .config-table-wrap .config-table>* {
	vertical-align:top
}
body.server-details section.config .config-table-wrap .config-table .select-wrap .select-info {
	padding:20px 30px;
	background:#fff;
	border:1px solid #ddd
}
body.server-details section.config .config-table-wrap .config-table .select-wrap .select-info .tit {
	font-size:24px;
	border-bottom:1px solid #ddd;
	padding:0 30px 20px;
	margin-left:-30px;
	margin-right:-30px;
	position:relative
}
body.server-details section.config .config-table-wrap .config-table .select-wrap .select-info .tit .btn {
	position:absolute;
	right:30px;
	top:2px;
	display:none;
	padding:0 6px
}
@media screen and (max-width:992px) {
	body.server-details section.config .config-table-wrap .config-table .select-wrap .select-info .tit .btn {
	display:block
}
}@media screen and (max-width:768px) {
	body.server-details section.config .config-table-wrap .config-table .select-wrap .select-info .tit {
	margin-left:-20px;
	margin-right:-20px
}
body.server-details section.config .config-table-wrap .config-table .select-wrap .select-info .tit .btn {
	right:20px
}
}body.server-details section.config .config-table-wrap .config-table .select-wrap .select-info table {
	width:100%
}
body.server-details section.config .config-table-wrap .config-table .select-wrap .select-info table td {
	padding:15px 0;
	border-bottom:#e9e9e9 dotted 1px
}
body.server-details section.config .config-table-wrap .config-table .select-wrap .select-info table td ul {
	margin:0
}
body.server-details section.config .config-table-wrap .config-table .select-wrap .select-info table td .temp1 {
	border:1px solid #ddd;
	text-align:center;
	line-height:36px
}
body.server-details section.config .config-table-wrap .config-table .select-wrap .select-info table td .temp1:hover {
	cursor:pointer
}
body.server-details section.config .config-table-wrap .config-table .select-wrap .select-info table td .temp2 {
	border-color:#ef2a3a;
	color:#ef2a3a;
	background:#fff8f9
}
body.server-details section.config .config-table-wrap .config-table .select-wrap .select-info table td ul.h-list {
	width:100%;
	display:table;
	border-collapse:separate;
	border-spacing:0;
	margin:0
}
body.server-details section.config .config-table-wrap .config-table .select-wrap .select-info table td ul.h-list>li {
	border:1px solid #ddd;
	text-align:center;
	line-height:36px;
	display:table-cell;
	white-space:nowrap
}
body.server-details section.config .config-table-wrap .config-table .select-wrap .select-info table td ul.h-list>li:hover {
	cursor:pointer
}
body.server-details section.config .config-table-wrap .config-table .select-wrap .select-info table td ul.h-list>li:not(:last-child) {
	border-right-color:transparent
}
body.server-details section.config .config-table-wrap .config-table .select-wrap .select-info table td ul.h-list>li.selected {
	border-color:#ef2a3a;
	color:#ef2a3a;
	background:#fff8f9
}
@media screen and (max-width:600px) {
	body.server-details section.config .config-table-wrap .config-table .select-wrap .select-info table td ul.h-list>li {
	display:block;
	margin-bottom:10px
}
body.server-details section.config .config-table-wrap .config-table .select-wrap .select-info table td ul.h-list>li:not(:last-child) {
	border-right-color:#ddd
}
body.server-details section.config .config-table-wrap .config-table .select-wrap .select-info table td ul.h-list>li:not(:last-child).selected {
	border-right-color:#ef2a3a
}
}body.server-details section.config .config-table-wrap .config-table .select-wrap .select-info table td ul.v-list {
	width:100%
}
body.server-details section.config .config-table-wrap .config-table .select-wrap .select-info table td ul.v-list>li {
	position:relative;
	display:block;
	margin-bottom:6px
}
body.server-details section.config .config-table-wrap .config-table .select-wrap .select-info table td ul.v-list>li:last-child {
	margin-bottom:0!important
}
body.server-details section.config .config-table-wrap .config-table .select-wrap .select-info table td ul.v-list>li b {
	border:1px solid #ddd;
	text-align:center;
	line-height:36px;
	display:inline-block;
	font-weight:400;
	padding:0 20px
}
body.server-details section.config .config-table-wrap .config-table .select-wrap .select-info table td ul.v-list>li b:hover {
	cursor:pointer
}
body.server-details section.config .config-table-wrap .config-table .select-wrap .select-info table td ul.v-list>li span {
	position:absolute;
	line-height:40px;
	right:0
}
body.server-details section.config .config-table-wrap .config-table .select-wrap .select-info table td ul.v-list>li.selected b {
	border-color:#ef2a3a;
	color:#ef2a3a;
	background:#fff8f9
}
body.server-details section.config .config-table-wrap .config-table .select-wrap .select-info table td ul.v-list>li.selected span {
	color:#ef2a3a
}
body.server-details section.config .config-table-wrap .config-table .select-wrap .select-info table td ul.v-list>li:hover span {
	font-weight:700
}
body.server-details section.config .config-table-wrap .config-table .select-wrap .select-info table td.quantity .check-form {
	display:inline-block;
	width:80px;
	margin-right:6px
}
body.server-details section.config .config-table-wrap .config-table .select-wrap .select-info table td.quantity small {
	padding-left:10px;
	color:#999;
	line-height:40px
}
body.server-details section.config .config-table-wrap .config-table .select-wrap .select-info table .no-border-bottom td {
	border-bottom:0
}
@media screen and (max-width:768px) {
	body.server-details section.config .config-table-wrap .config-table .select-wrap .select-info {
	padding:10px 20px
}
}body.server-details section.config .config-table-wrap .config-table .check-wrap {
	position:relative;
	width:280px
}
body.server-details section.config .config-table-wrap .config-table .check-wrap .check-info {
	width:280px;
	background:#fff;
	border:1px solid #ddd;
	line-height:30px
}
body.server-details section.config .config-table-wrap .config-table .check-wrap .check-info .wrap {
	padding:10px 10px 10px 20px
}
body.server-details section.config .config-table-wrap .config-table .check-wrap .check-info .tit {
	background:#f5f5f5;
	line-height:40px;
	text-align:center;
	font-weight:700
}
body.server-details section.config .config-table-wrap .config-table .check-wrap .check-info table {
	width:100%
}
body.server-details section.config .config-table-wrap .config-table .check-wrap .check-info table td:first-child {
	white-space:nowrap
}
body.server-details section.config .config-table-wrap .config-table .check-wrap .check-info .total {
	border-top:#ddd dashed 1px;
	padding-bottom:20px;
	text-align:center
}
body.server-details section.config .config-table-wrap .config-table .check-wrap .check-info .total h3 {
	font-size:18px;
	text-align:left;
	margin:10px 0
}
body.server-details section.config .config-table-wrap .config-table .check-wrap .check-info .total .btn {
	width:100%
}
@media screen and (max-width:992px) {
	body.server-details section.config .config-table-wrap .config-table .check-wrap {
	display:none
}
}@media screen and (max-width:992px) {
	body.server-details section.config {
	padding:20px 10px
}
}body.idc {
	background:#f4f6f8
}
body.idc section:not(.banner):not(.document) {
	background:#fff;
	border:1px solid #ddd;
	padding:20px 40px;
	margin-bottom:20px
}
@media screen and (max-width:768px) {
	body.idc section:not(.banner):not(.document) {
	padding:10px!important
}
}body.idc section h2 {
	margin-top:0;
	margin-bottom:6px
}
body.idc section.intro {
	text-indent:30px;
	text-align:justify;
	margin-top:20px
}
body.idc section.info .btn {
	margin:auto
}
body.idc section.info .visitor-only {
	margin:auto
}
body.idc section.info table+.btn {
	display:none;
	margin-top:10px;
	margin-bottom:10px
}
@media screen and (max-width:600px) {
	body.idc section.info .info-table td:last-child,body.idc section.info .info-table th:last-child {
	display:none
}
body.idc section.info table+.btn {
	display:block
}
}.topic-server-net .th {
	background:url(/img/other/map-nav/topic-node/th-l.png) center no-repeat
}
.topic-server-net .jp {
	background:url(/img/other/map-nav/topic-node/jp-l.png) center no-repeat
}
.topic-server-net .za {
	background:url(/img/other/map-nav/topic-node/za-l.png) center no-repeat
}
.topic-server-net .uk {
	background:url(/img/other/map-nav/topic-node/uk-l.png) center no-repeat
}
.topic-server-net .id {
	background:url(/img/other/map-nav/topic-node/id-l.png) center no-repeat
}
.topic-server-net .my {
	background:url(/img/other/map-nav/topic-node/sg-l.png) center no-repeat
}
.topic-server-net .sg {
	background:url(/img/other/map-nav/topic-node/sg-l.png) center no-repeat
}
.topic-server-net .de {
	background:url(/img/other/map-nav/topic-node/de-l.png) center no-repeat
}
.topic-server-net .us {
	background:url(/img/other/map-nav/topic-node/us-l.png) center no-repeat
}
.topic-server-net .in {
	background:url(/img/other/map-nav/topic-node/in-l.png) center no-repeat
}
.topic-server-net .nll {
	background:url(/img/other/map-nav/topic-node/nll-l.png) center no-repeat
}
.topic-server-net .vn {
	background:url(/img/other/map-nav/topic-node/vn-l.png) center no-repeat
}
.topic-server-net .cbd {
	background:url(/img/other/map-nav/topic-node/cbd-l.png) center no-repeat
}
.topic-server-net .ar {
	background:url(/img/other/map-nav/topic-node/ar-l.png) center no-repeat
}
.topic-server-net .au {
	background:url(/img/other/map-nav/topic-node/au-l.png) center no-repeat
}
.topic-server-net .br {
	background:url(/img/other/map-nav/topic-node/br-l.png) center no-repeat
}
.topic-server-net .fr {
	background:url(/img/other/map-nav/topic-node/fr-l.png) center no-repeat
}
.topic-server-net .ca {
	background:url(/img/other/map-nav/topic-node/ca-l.png) center no-repeat
}
.topic-server-net .cz {
	background:url(/img/other/map-nav/topic-node/cz-l.png) center no-repeat
}
.topic-server-net .hk {
	background:url(/img/other/map-nav/topic-node/hk-l.png) top no-repeat
}
.topic-server-net .es {
	background:url(/img/other/map-nav/topic-node/es-l.png) center no-repeat
}
.topic-server-net .tr {
	background:url(/img/other/map-nav/topic-node/tr-l.png) center no-repeat
}
.topic-server-net .it {
	background:url(/img/other/map-nav/topic-node/it-l.png) top no-repeat
}
.topic-server-net .map-node {
	height:650px;
	background-size:100%
}
@media screen and (max-width:992px) {
	.topic-server-net .map-node {
	height:600px
}
}body.topic-idc-kr section {
	padding-bottom:60px
}
body.topic-idc-kr .tit1 {
	padding:40px 0 20px
}
body.topic-idc-kr .tit1 p {
	color:#666
}
body.topic-idc-kr .banner {
	height:400px
}
body.topic-idc-kr .banner .kr-idc-banner {
	display:table-cell;
	vertical-align:middle;
	height:400px
}
body.topic-idc-kr .banner .kr-idc-banner h3,body.topic-idc-kr .banner .kr-idc-banner h2 {
	color:#1d2b95
}
body.topic-idc-kr .banner .kr-idc-banner h2 {
	font-size:50px;
	margin:0 0 20px
}
body.topic-idc-kr .banner .kr-idc-banner h3 {
	font-size:30px;
	margin:0
}
body.topic-idc-kr .banner .kr-idc-banner p {
	font-size:18px;
	color:#5d6f8f;
	line-height:30px
}
body.topic-idc-kr .banner .kr-idc-banner red {
	font-weight:700
}
@media screen and (max-width:768px) {
	body.topic-idc-kr .banner .kr-idc-banner h2 {
	font-size:30px;
	margin:0 0 20px
}
body.topic-idc-kr .banner .kr-idc-banner p {
	font-size:16px;
	line-height:24px
}
body.topic-idc-kr .banner .kr-idc-banner h3 {
	font-size:20px
}
}body.topic-idc-kr .part2 {
	background:url(/img/bg/076.jpg) center no-repeat;
	min-height:500px
}
body.topic-idc-kr .part2 h1 {
	font-size:30px;
	text-align:center;
	color:#fff;
	padding:95px 0;
	margin:0
}
body.topic-idc-kr .part2 .container p {
	text-align:center;
	color:#a5b1d5;
	padding:0 50px;
	font-size:18px;
	line-height:48px
}
body.topic-idc-kr .part3 .topic-gridtable {
	border-color:#626989
}
body.topic-idc-kr .part3 .topic-gridtable th {
	width:11%;
	background-color:#26136e;
	border-color:#626989;
	color:#b3b6cc
}
body.topic-idc-kr .part3 .topic-gridtable td {
	border-color:#626989;
	color:#626989
}
body.topic-idc-kr .part3 .map {
	margin-top:20px
}
body.topic-idc-kr .part3 .map .one-row>div:last-child {
	text-align:right
}
@media screen and (max-width:1200px) {
	body.topic-idc-kr .part3 .one-row>div {
	display:block;
	text-align:center!important
}
body.topic-idc-kr .part3 img {
	width:80%
}
}body.topic-idc-kr .topic-service {
	background-color:#f2f6ff
}
body.topic-idc-kr .topic-truststep .tit1 p {
	color:#fff
}
body.topic-idc-kr .topic-customer {
	background-color:#fff
}
body.topic-idc-kr .topic-customer .partner-table img {
	width:226px
}
@media screen and (max-width:1200px) {
	body.topic-idc-kr .topic-customer .partner-table img {
	width:160px
}
}@media screen and (max-width:768px) {
	body.topic-idc-kr .topic-customer .partner-table img {
	width:100px
}
}.topic-idc-uk section.banner .title1 {
	padding:170px 0 0
}
.topic-idc-uk section.banner .title3 {
	font-size:20px;
	font-weight:400;
	color:#fff;
	line-height:60px
}
.topic-idc-uk .topic-sever-configure .red {
	line-height:36px
}
.topic-idc-uk .topic-datacenter {
	background-color:#fff
}
.topic-idc-uk .topic-server-net .text {
	padding:0 90px
}
@media screen and (max-width:768px) {
	.topic-idc-uk section.banner .title1 {
	padding:120px 0 0
}
.topic-idc-uk section.banner .title3 {
	font-size:16px;
	line-height:30px
}
.topic-idc-uk .topic-server-net .text {
	padding:0 5%
}
}.topic-idc-nll section.banner .title1 {
	padding:230px 0 0
}
.topic-idc-nll section.banner .title3 {
	color:#fff;
	font-weight:400;
	font-size:24px;
	line-height:48px;
	text-align:center
}
@media screen and (max-width:992px) {
	.topic-idc-nll section.banner .title1 {
	padding:160px 0 20px
}
.topic-idc-nll section.banner .title3 {
	font-size:16px;
	line-height:36px
}
}.topic-idc-vn section.banner .title1 {
	padding:200px 0 30px
}
.topic-idc-cbd section.banner .title1 {
	padding:145px 0 10px
}
.topic-idc-cbd section.banner .title3 {
	color:#fff;
	font-weight:400;
	font-size:24px;
	line-height:48px;
	text-align:center
}
@media screen and (max-width:992px) {
	.topic-idc-cbd section.banner .title3 {
	font-size:16px;
	line-height:36px
}
}.topic-idc-in section.banner .title1 {
	padding:240px 0 20px
}
.topic-idc-in section.banner .title3 {
	color:#fff;
	font-weight:400;
	font-size:24px;
	line-height:48px;
	text-align:center
}
@media screen and (max-width:992px) {
	.topic-idc-in section.banner .title1 {
	padding:160px 0 20px
}
.topic-idc-in section.banner .title3 {
	font-size:16px;
	line-height:36px
}
}.topic-idc-id section.banner .title1 {
	padding:170px 0 50px 10%
}
.topic-idc-br section.banner .title1,.topic-idc-au section.banner .title1,.topic-idc-ar section.banner .title1,.topic-idc-fr section.banner .title1,.topic-idc-ca section.banner .title1,.topic-idc-cz section.banner .title1,.topic-idc-es section.banner .title1,.topic-idc-tr section.banner .title1,.topic-idc-it section.banner .title1 {
	padding:210px 0 15px
}
.topic-idc-br section.banner .title3,.topic-idc-au section.banner .title3,.topic-idc-ar section.banner .title3,.topic-idc-fr section.banner .title3,.topic-idc-ca section.banner .title3,.topic-idc-cz section.banner .title3,.topic-idc-es section.banner .title3,.topic-idc-tr section.banner .title3,.topic-idc-it section.banner .title3 {
	color:#fff;
	font-size:24px;
	line-height:48px;
	font-weight:400
}
@media screen and (max-width:992px) {
	.topic-idc-br section.banner .title1,.topic-idc-au section.banner .title1,.topic-idc-ar section.banner .title1,.topic-idc-fr section.banner .title1,.topic-idc-ca section.banner .title1,.topic-idc-cz section.banner .title1,.topic-idc-es section.banner .title1,.topic-idc-tr section.banner .title1,.topic-idc-it section.banner .title1 {
	padding:150px 0 15px
}
.topic-idc-br section.banner .title3,.topic-idc-au section.banner .title3,.topic-idc-ar section.banner .title3,.topic-idc-fr section.banner .title3,.topic-idc-ca section.banner .title3,.topic-idc-cz section.banner .title3,.topic-idc-es section.banner .title3,.topic-idc-tr section.banner .title3,.topic-idc-it section.banner .title3 {
	font-size:16px;
	line-height:36px
}
}.topic-idc-br .topic-datacenter,.topic-idc-au .topic-datacenter,.topic-idc-ar .topic-datacenter,.topic-idc-fr .topic-datacenter,.topic-idc-ca .topic-datacenter,.topic-idc-cz .topic-datacenter,.topic-idc-es .topic-datacenter,.topic-idc-tr .topic-datacenter,.topic-idc-it .topic-datacenter {
	background-color:#fff
}
.topic-idc-ar .topic-sever-configure .red {
	line-height:36px;
	margin-top:30px
}
.topic-idc-ph section.banner .text1 {
	font-size:18px;
	text-align:center;
	line-height:60px;
	color:#fff;
	font-weight:400
}
.topic-idc-ph section.banner .text2 {
	background:#ff8f44;
	width:389px;
	height:48px;
	line-height:48px;
	text-align:center;
	border-radius:48px;
	font-size:24px;
	color:#fff;
	margin:auto
}
@media screen and (max-width:1200px) {
	.topic-idc-ph section.banner .text1 {
	font-size:16px;
	line-height:30px
}
.topic-idc-ph section.banner .text2 {
	font-size:20px;
	width:300px
}
}@media screen and (max-width:768px) {
	.topic-idc-ph section.banner .title1 {
	padding:120px 0 10px
}
.topic-idc-ph section.banner .text2 {
	font-size:16px;
	width:250px;
	height:40px;
	line-height:40px
}
}.topic-idc-ph .topic-server-net .ph {
	background:url(/img/other/map-nav/topic-node/ph-l.png) center no-repeat;
	background-size:100%;
	height:650px
}
.topic-idc-ru .topic-server-net .ru {
	background:url(/img/other/map-nav/topic-node/ru-l.png) center no-repeat;
	background-size:100%;
	height:650px
}
.topic-idc-de .topic-solution .card-nav {
	width:220px
}
.topic-idc-tw section.banner {
	height:520px
}
.topic-idc-tw section.banner .title2 {
	padding:150px 0 40px
}
.topic-idc-tw section.banner .title1 {
	padding:0
}
.topic-idc-tw .topic-server-net .tw {
	background:url(/img/other/map-nav/topic-node/tw-l.png) center no-repeat;
	background-size:100%;
	height:650px
}
.topic-idc-tw .topic-solution .card-nav {
	width:220px
}
@media screen and (max-width:1200px) {
	.topic-idc-tw section.banner .title1 {
	width:50%
}
.topic-idc-tw section.banner .title2 {
	width:80%
}
}@media screen and (max-width:768px) {
	.topic-idc-tw section.banner {
	height:400px
}
.topic-idc-tw section.banner .title2 {
	padding:120px 0 40px
}
}.topic-idc-us section.banner {
	height:547px
}
.topic-idc-us section.banner .title1 {
	padding:170px 0 50px 10%
}
.topic-idc-us .part1 .tit1 {
	padding:45px 0 20px
}
.topic-idc-us .part1 .card {
	margin:30px 0
}
.topic-idc-us .part1 .row {
	margin:0 -25px
}
.topic-idc-us .part1 .col-8 {
	padding:0 25px
}
.topic-idc-us .part1 .item {
	text-align:center;
	min-height:255px;
	border:1px solid #eee;
	padding:30px 10px
}
.topic-idc-us .part1 .item p {
	text-align:center
}
.topic-idc-us .topic-solution .card-nav {
	width:220px
}
.topic-idc-us .topic-protect .topic-button {
	margin-top:35px
}
@media screen and (max-width:1200px) {
	.topic-idc-us section.banner .title1 {
	width:60%;
	padding:170px 0 50px 5%
}
.topic-idc-us section.banner .title2 {
	width:40%
}
}@media screen and (max-width:768px) {
	.topic-idc-us section.banner {
	height:350px
}
.topic-idc-us section.banner .title1 {
	width:90%;
	padding:100px 0 30px 8%
}
.topic-idc-us section.banner .title2 {
	width:60%
}
}.topic-idc-hn section:not(.topic-titlebox) {
	padding-bottom:50px
}
.topic-idc-hn section.banner {
	height:500px
}
.topic-idc-hn section.banner h1 {
	font-weight:700;
	font-size:48px!important
}
.topic-idc-hn section.banner img {
	margin-bottom:20px
}
.topic-idc-hn section.banner h3 {
	padding:15px 0;
	width:95%
}
.topic-idc-hn section.banner .banner-txt {
	height:520px
}
.topic-idc-hn section.banner .banner-txt h3 {
	line-height:36px
}
@media screen and (max-width:768px) {
	.topic-idc-hn section.banner .banner-txt img {
	width:100%
}
}.topic-idc-hn .map-jx-img {
	position:relative;
	height:530px;
	background:url(/img/other/map-nav/map-hn.jpg) center no-repeat
}
.topic-idc-hn .bandwidth {
	background-color:#f0f5fd
}
.topic-idc-hn .bandwidth .tit1 p {
	color:#566b89
}
.topic-idc-hn .bandwidth .content img {
	width:100%
}
.topic-idc-hn .topic-service p {
	color:#566b89
}
.topic-idc-hn .topic-service .item-img1 {
	background:url(/img/bg/card/007.jpg) center no-repeat
}
.topic-idc-hn .topic-service .item-img2 {
	background:url(/img/bg/card/008.jpg) center no-repeat
}
.topic-idc-hn .topic-service .item-img3 {
	background:url(/img/bg/card/009.jpg) center no-repeat
}
.topic-idc-hn .topic-service .item-img4 {
	background:url(/img/bg/card/010.jpg) center no-repeat
}
.topic-idc-hn .topic-service .item-img5 {
	background:url(/img/bg/card/011.png) center no-repeat
}
.topic-idc-hn .topic-service .item-img6 {
	background:url(/img/bg/card/012.jpg) center no-repeat
}
.topic-idc-hn .topic-province-map .tit1 p {
	color:#566b89
}
.topic-idc-hn .topic-province-map .datacenter {
	right:250px;
	bottom:50px
}
.topic-idc-hn .topic-province-map .datacenter span {
	top:-10px;
	line-height:36px
}
.topic-idc-hn .topic-speed .map-img {
	background:url(/img/other/map-nav/map4.png) center no-repeat;
	min-height:331px
}
.topic-idc-hn .topic-speed .map-line {
	background:url(/img/other/map-nav/map-line4.png) no-repeat right bottom
}
.topic-idc-hn .topic-speed .map-line {
	right:-90px;
	bottom:-55px
}
.topic-idc-hn .topic-configure {
	background-color:#f0f5fd
}
.topic-idc-hn .topic-configure .tit1 p {
	color:#566b89;
	line-height:44px;
	padding:15px 20px
}
.topic-idc-hn .topic-configure a {
	color:#1e6ad9
}
.topic-idc-hn .topic-configure img {
	margin-bottom:10px;
	width:100%
}
.topic-idc-hn section.partner {
	background-color:#f0f5fd;
	padding-bottom:50px
}
.topic-idc-hn section.partner .partner-table>div>div {
	text-align:center;
	padding:25px 0;
	vertical-align:middle
}
.topic-idc-hn section.partner .partner-table img {
	width:120px
}
@media screen and (max-width:768px) {
	.topic-idc-hn section.partner .partner-table img {
	width:80px
}
}@media screen and (max-width:480px) {
	.topic-idc-hn section.partner .partner-table img {
	width:60px
}
}@media screen and (min-width:769px) {
	.topic-idc-hn section.partner .partner-table img {
	width:228px
}
}.topic-idc-jx section.banner {
	height:700px
}
.topic-idc-jx section.banner .title-color {
	color:#0d5fd9;
	font-weight:400
}
.topic-idc-jx section.banner h1 {
	font-weight:700;
	font-size:48px!important
}
.topic-idc-jx section.banner h3 {
	padding:15px 0;
	color:#566b89;
	width:80%
}
.topic-idc-jx section.banner .btn {
	background:#00cfc8;
	border-radius:30px;
	border:0
}
.topic-idc-jx section.banner .btn:hover {
	background:#61d4d1
}
.topic-idc-jx section.banner .banner-txt {
	height:420px
}
@media screen and (max-width:768px) {
	.topic-idc-jx section.banner {
	height:600px
}
.topic-idc-jx section.banner h1 {
	font-size:25px!important
}
}.topic-idc-jx section:not(.topic-titlebox) {
	padding-bottom:50px
}
.topic-idc-jx .topic-titlebox .recommend {
	position:absolute;
	width:100%;
	top:-150px;
	z-index:99
}
.topic-idc-jx .topic-province-map p {
	color:#566b89
}
.topic-idc-jx .topic-province-map .map-jx-img {
	position:relative;
	height:530px;
	background:url(/img/other/map-nav/map-jx.jpg) center no-repeat
}
.topic-idc-jx .topic-province-map .map-line {
	background:url(/img/other/map-nav/map-line3.png) no-repeat right bottom
}
.topic-idc-jx .bandwidth {
	background-color:#f0f5fd
}
.topic-idc-jx .bandwidth .content img {
	width:100%
}
.topic-idc-jx .topic-speed .map-img {
	background:url(/img/other/map-nav/map4.png) center no-repeat;
	min-height:331px
}
.topic-idc-jx .topic-speed .map-line {
	background:url(/img/other/map-nav/map-line3.png) no-repeat right bottom
}
.topic-idc-jx .scheme {
	background:url(/img/bg/071.jpg) center
}
.topic-idc-jx .scheme .content {
	width:80%;
	margin:auto
}
.topic-idc-jx .scheme .col-8 {
	text-align:center;
	padding:15px
}
.topic-idc-jx .scheme .col-8 img {
	width:100%
}
.topic-idc-jx .scheme .col-8>div {
	background:#fff;
	box-shadow:0 0 16px rgba(37,113,220,.12);
	padding:30px 0 20px
}
.topic-idc-jx .scheme .col-8>div>div {
	width:60px;
	height:60px;
	margin:auto
}
.topic-idc-jx .scheme .col-8 h3 {
	font-weight:700
}
.topic-idc-jx .scheme .scheme-nav {
	cursor:pointer
}
.topic-idc-jx .scheme .scheme-nav .hover {
	display:block
}
.topic-idc-jx .scheme .scheme-nav .unhover {
	display:none
}
.topic-idc-jx .scheme .scheme-nav h3 {
	color:#1e6ad9
}
.topic-idc-jx .scheme .scheme-nav>div {
	border:1px solid #1e6ad9
}
.topic-idc-jx .scheme .hover {
	display:none
}
.topic-idc-jx .scheme .pointer {
	display:none;
	border:1px solid #acc8f0;
	padding:10px;
	margin-top:20px;
	min-height:76px
}
.topic-idc-jx .scheme .pointer p {
	text-align:center;
	width:50%
}
.topic-idc-jx .topic-configure .tit1 p {
	color:#566b89;
	padding:15px 20px
}
.topic-idc-jx .topic-configure a {
	color:#1e6ad9
}
.topic-idc-jx .topic-configure img {
	margin-bottom:10px;
	width:100%
}
.topic-idc-jx section.partner {
	padding-bottom:50px
}
.topic-idc-jx section.partner .partner-table>div>div {
	text-align:center;
	padding:25px 0;
	vertical-align:middle
}
.topic-idc-jx section.partner .partner-table img {
	width:120px
}
@media screen and (max-width:768px) {
	.topic-idc-jx section.partner .partner-table img {
	width:80px
}
}@media screen and (max-width:480px) {
	.topic-idc-jx section.partner .partner-table img {
	width:60px
}
}@media screen and (max-width:480px) {
	.topic-idc-jx .tit1 h1 {
	font-size:22px
}
.topic-idc-jx .tit1 p {
	font-size:14px
}
}.topic-idc-hk .common-title .tit {
	text-align:center
}
.topic-idc-hk .common-title>div {
	font-size:30px;
	font-weight:700
}
.topic-idc-hk .common-title .t-line {
	position:relative;
	display:inline-block;
	margin:auto;
	white-space:nowrap;
	padding:0 180px;
	color:#333
}
.topic-idc-hk .common-title .t-line::after {
	content:"";
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	margin:auto;
	width:163px;
	height:21px;
	left:0;
	background:url(/img/other/topic/server/hk/tit1-l.png) no-repeat center
}
.topic-idc-hk .common-title .t-line::before {
	content:"";
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	margin:auto;
	width:163px;
	height:21px;
	right:0;
	background:url(/img/other/topic/server/hk/tit1-r.png) no-repeat center
}
.topic-idc-hk .common-title p {
	font-size:16px;
	line-height:36px;
	color:#666
}
.topic-idc-hk .btn-hk {
	background:linear-gradient(to right,#2397f7,#3674e4);
	border-radius:5px;
	font-size:16px;
	height:40px;
	line-height:40px;
	border:0;
	width:140px;
	margin:0 60px
}
.topic-idc-hk .topic-banner {
	height:930px
}
.topic-idc-hk .topic-banner .content {
	height:500px
}
.topic-idc-hk .topic-banner .wrapper {
	position:relative
}
.topic-idc-hk .topic-banner .gif1 {
	position:absolute;
	right:27px;
	top:27px
}
.topic-idc-hk .topic-banner .title {
	height:500px;
	display:table-cell;
	vertical-align:middle
}
.topic-idc-hk .topic-banner .title a {
	color:#0246c1;
	background:#fff;
	border-radius:10px;
	border:0;
	margin-top:55px
}
@media screen and (max-width:1200px) {
	.topic-idc-hk .topic-banner .gif1 {
	display:none
}
}.topic-idc-hk .topic-hk-brand {
	margin-top:-450px
}
.topic-idc-hk section.card {
	padding-bottom:30px
}
.topic-idc-hk section.card .row {
	margin:20px -56px 0
}
.topic-idc-hk section.card .item {
	padding:20px 56px;
	text-align:center
}
.topic-idc-hk section.card .item span {
	font-size:18px;
	color:#2397f7
}
.topic-idc-hk section.card .item p {
	color:#333
}
.topic-idc-hk .exclusive {
	padding:50px 0
}
.topic-idc-hk .exclusive .content {
	box-shadow:0 5px 30px 0 rgba(0,0,0,.2);
	padding:30px 55px 20px;
	margin-bottom:20px
}
.topic-idc-hk .exclusive .col-2 {
	padding:20px
}
.topic-idc-hk .exclusive .col-2>div {
	border:1px solid #e5e5e5;
	position:relative
}
.topic-idc-hk .exclusive .top-line {
	position:absolute;
	top:0;
	height:3px;
	width:100%
}
.topic-idc-hk .exclusive ul {
	padding:10px 20px 0
}
.topic-idc-hk .exclusive li {
	list-style:inside;
	font-size:16px;
	line-height:42px
}
.topic-idc-hk .exclusive li span {
	color:#333;
	margin-left:-8px
}
.topic-idc-hk .exclusive li .BW {
	display:inline-block;
	width:116px;
	height:36px;
	color:#fff;
	border-radius:5px;
	line-height:36px;
	text-align:center;
	background:linear-gradient(to right,#ff977c,#ff694e)
}
.topic-idc-hk .exclusive .more {
	padding:0 30px 30px;
	font-size:24px;
	line-height:36px;
	display:block
}
.topic-idc-hk .exclusive .item1 .top-line {
	background:linear-gradient(to right,#2397f7,#3674e4)
}
.topic-idc-hk .exclusive .item1 li {
	color:#2497f7
}
.topic-idc-hk .exclusive .item1 .more {
	color:#2497f7
}
.topic-idc-hk .exclusive .item2 .top-line {
	background:linear-gradient(to right,#2dd67f,#06b07e)
}
.topic-idc-hk .exclusive .item2 li {
	color:#2dd67f
}
.topic-idc-hk .exclusive .item2 .more {
	color:#2dd67f
}
.topic-idc-hk .exclusive .item3 .top-line {
	background:linear-gradient(to right,#ecc333,#f29720)
}
.topic-idc-hk .exclusive .item3 li {
	color:#ecc333
}
.topic-idc-hk .exclusive .item3 .more {
	color:#ecc333
}
.topic-idc-hk .business {
	padding:30px 0 0
}
.topic-idc-hk .business .content {
	min-height:568px;
	background:url(/img/bg/081.jpg) center no-repeat;
	background-size:100% 100%
}
.topic-idc-hk .business .content p {
	font-size:16px;
	color:#333;
	padding:40px 168px 10px;
	line-height:30px
}
.topic-idc-hk .business .content .chart {
	margin-bottom:25px
}
.topic-idc-hk .business .content span {
	font-weight:700;
	color:#333;
	display:block;
	font-size:24px;
	line-height:60px
}
.topic-idc-hk .topic-server-net {
	padding:60px 0;
	background:linear-gradient(to right,#3674e4,#2397f7)
}
.topic-idc-hk .topic-server-net .common-title .t-line,.topic-idc-hk .topic-server-net .common-title p {
	color:#fff
}
.topic-idc-hk .topic-server-net .node-table {
	bottom:60px
}
.topic-idc-hk .topic-server-net .topic-gridtable td {
	min-width:55px;
	background-color:rgba(255,255,255,.1);
	border-color:rgba(255,255,255,.2);
	color:#fff
}
.topic-idc-hk .topic-server-net .node-btn {
	margin-top:-20px
}
.topic-idc-hk .topic-server-net .node-btn a {
	background:0 0;
	border:1px solid rgba(255,255,255,.2);
	transition:border .5s
}
.topic-idc-hk .topic-server-net .node-btn a:hover {
	border:1px solid rgba(255,255,255,.8);
	transition:border .5s
}
.topic-idc-hk .technology .common-title>div {
	color:#333
}
.topic-idc-hk .technology .text {
	font-size:16px;
	color:#333
}
.topic-idc-hk .technology .btn-hk {
	margin-left:0
}
.topic-idc-hk .technology .green-line {
	height:3px;
	width:50px;
	background:#2dd67f;
	margin:10px 0
}
.topic-idc-hk .autonomy .text {
	line-height:36px;
	padding:0 50px 30px 0
}
.topic-idc-hk .raid {
	background:#f2f9ff;
	padding:80px 0 60px
}
.topic-idc-hk .raid .one-row>div {
	width:50%
}
.topic-idc-hk .raid .text {
	line-height:30px
}
.topic-idc-hk .raid .raid-table {
	border-collapse:collapse;
	min-height:90px;
	margin-bottom:20px
}
.topic-idc-hk .raid .raid-table td {
	background:#fff;
	border:1px solid #e5e5e5;
	width:33.3%;
	vertical-align:top;
	color:#999;
	padding:5px 10px
}
.topic-idc-hk .raid .raid-table b {
	font-size:18px;
	display:block;
	text-align:center;
	color:#333
}
.topic-idc-hk .topic-solution {
	padding:65px 0 30px
}
.topic-idc-hk .topic-solution .content {
	box-shadow:0 5px 20px 0 rgba(0,0,0,.1)
}
.topic-idc-hk .topic-solution .topo-wrap .topo-display {
	border:0
}
.topic-idc-hk .topic-solution .topo-wrap .topo-display h3 {
	color:#fff;
	width:106px;
	text-align:center;
	height:36px;
	line-height:36px;
	border-radius:5px;
	background:linear-gradient(to right,#ff977c,#ff694e)
}
.topic-idc-hk .topic-solution .topo-wrap .topo-display ul {
	margin:10px 0 20px
}
.topic-idc-hk .topic-solution .topo-wrap .topo-display li {
	padding-left:0;
	list-style:inside;
	font-size:16px;
	line-height:36px;
	color:#2dd67f
}
.topic-idc-hk .topic-solution .topo-wrap .topo-display li span {
	color:#333;
	margin-left:-10px
}
.topic-idc-hk .topic-solution .topo-wrap .topo-display li::before {
	display:none
}
.topic-idc-hk .topic-solution .title {
	min-height:109px;
	background:url(/img/other/topic/server/hk/hk20.png);
	background-size:100% 100%
}
.topic-idc-hk .topic-solution .title p {
	padding:30px 115px 0;
	color:#fff;
	font-size:16px;
	line-height:30px
}
.topic-idc-hk .topic-solution .autonomy-btn .btn-hk {
	margin:0 60px 20px 0
}
.topic-idc-hk .topic-customer {
	padding-top:30px;
	background:#fff
}
@media screen and (max-width:1200px) {
	.topic-idc-hk .topic-banner .tit {
	width:80%
}
.topic-idc-hk .topic-hk-brand {
	margin-top:-300px
}
.topic-idc-hk .topic-hk-brand .common-title {
	display:block
}
.topic-idc-hk .topic-hk-brand .brand-img {
	display:none
}
.topic-idc-hk .topic-hk-brand .wrapper>.one-row {
	margin-left:0
}
.topic-idc-hk .exclusive .content {
	padding:30px 0 20px
}
.topic-idc-hk .business .content p {
	padding:40px 10px 10px
}
.topic-idc-hk .business .content .chart {
	width:80%
}
.topic-idc-hk .technology {
	padding:50px 0
}
.topic-idc-hk .technology .pic {
	display:none
}
.topic-idc-hk .solution .title p {
	padding:30px 10px
}
}@media screen and (max-width:768px) {
	.topic-idc-hk .btn-hk {
	margin:0
}
.topic-idc-hk .common-title .t-line {
	padding:0
}
.topic-idc-hk .common-title .t-line::before,.topic-idc-hk .common-title .t-line::after {
	display:none
}
.topic-idc-hk .topic-server-net .map-node {
	height:400px
}
.topic-idc-hk .topic-hk-brand .card>div {
	height:auto
}
.topic-idc-hk .topic-hk-brand .card .item {
	display:block;
	border-bottom:1px solid #e5e5e5
}
}body.domain-index section.banner {
	height:360px;
	padding-top:10px;
	padding-bottom:20px
}
body.domain-index section.banner .wrapper>h1 {
	text-align:center;
	font-size:36px;
	color:#fff;
	margin-top:60px;
	margin-bottom:0;
	white-space:nowrap
}
body.domain-index section.banner .wrapper>p {
	text-align:center;
	color:#999;
	font-size:18px;
	margin-bottom:38px
}
body.domain-index section.banner .search-bar-wrap .search-bar .tips h3,body.domain-index section.banner .search-bar-wrap .search-bar .tips p {
	color:#fff
}
body.domain-index section.banner .search-bar-list {
	position:relative;
	padding-left:130px;
	height:21px;
	overflow:hidden;
	padding-right:36px
}
body.domain-index section.banner .search-bar-list li {
	display:inline-block;
	width:80px;
	color:#fff;
	font-size:14px
}
body.domain-index section.banner .search-bar-list a {
	position:absolute;
	top:0;
	right:0;
	color:#999
}
body.domain-index section.banner .search-bar-list .icheckbox_minimal {
	margin-right:4px;
	background-image:url(/img/other/icheck-sm.png)
}
@media screen and (max-width:1200px) {
	body.domain-index section.banner .search-bar-list li {
	width:60px
}
}@media screen and (max-width:768px) {
	body.domain-index section.banner .search-bar-list {
	padding-left:0
}
}body.domain-index section.why {
	background:#f5f5f5;
	padding:20px 0 60px
}
body.domain-index section.why .why-table {
	margin:0 -20px
}
body.domain-index section.why .why-table .one-row {
	border-collapse:separate;
	border-spacing:20px
}
body.domain-index section.why .why-table .one-row>div {
	background:#fff;
	padding:20px 40px;
	text-align:center;
	width:25%;
	vertical-align:top
}
body.domain-index section.why .why-table .one-row>div p {
	color:#333;
	text-align:center;
	line-height:24px
}
@media screen and (max-width:768px) {
	body.domain-index section.why .why-table {
	margin:0
}
body.domain-index section.why .why-table .one-row {
	display:block
}
body.domain-index section.why .why-table .one-row>div {
	display:block;
	width:100%;
	margin-bottom:20px
}
}body.domain-index section.brand .brand-table {
	margin:-20px
}
body.domain-index section.brand .brand-table .one-row {
	position:relative;
	border-collapse:separate;
	border-spacing:20px
}
body.domain-index section.brand .brand-table .one-row>div {
	vertical-align:top
}
body.domain-index section.brand .brand-table .one-row .texts {
	position:relative;
	z-index:2;
	width:50%
}
body.domain-index section.brand .brand-table .one-row .texts h2 {
	font-size:20px;
	font-weight:700
}
body.domain-index section.brand .brand-table .one-row .texts h3 {
	font-size:16px
}
body.domain-index section.brand .brand-table .one-row .texts ul li h4 {
	position:relative;
	font-size:14px;
	padding-left:24px;
	margin:6px 0
}
body.domain-index section.brand .brand-table .one-row .texts ul li h4::before {
	content:"";
	background:url(/img/other/dot-18.png) no-repeat center;
	display:block;
	height:17px;
	width:18px;
	position:absolute;
	left:0;
	top:2px
}
body.domain-index section.brand .brand-table .one-row .texts ul li p {
	line-height:24px;
	color:#999
}
body.domain-index section.brand .brand-table .one-row .imgs {
	text-align:center;
	max-width:50%
}
body.domain-index section.brand .brand-table .one-row .imgs img {
	max-width:100%
}
@media screen and (max-width:992px) {
	body.domain-index section.brand .brand-table {
	margin:0
}
body.domain-index section.brand .brand-table .one-row {
	display:block
}
body.domain-index section.brand .brand-table .one-row>div {
	display:block;
	margin-bottom:40px
}
body.domain-index section.brand .brand-table .one-row .texts {
	width:100%
}
body.domain-index section.brand .brand-table .one-row .imgs img {
	position:absolute;
	margin:auto;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:1;
	opacity:.2
}
}body.domain-index section.report .report-table {
	background:url(/img/bg/041.png) center no-repeat;
	background-size:cover;
	padding:20px
}
body.domain-index section.report .report-table>h2 {
	font-size:24px;
	padding-left:10px;
	margin-top:12px;
	margin-bottom:4px
}
body.domain-index section.report .report-table .one-row {
	border-collapse:separate;
	border-spacing:10px
}
body.domain-index section.report .report-table .one-row>div {
	position:relative
}
body.domain-index section.report .report-table .one-row>div:nth-child(1) {
	width:20%
}
body.domain-index section.report .report-table .one-row>div:nth-child(2) {
	width:20%
}
body.domain-index section.report .report-table .one-row>div:last-child {
	width:15%
}
body.domain-index section.report .report-table .one-row>div .b02 {
	width:100%
}
body.domain-index section.report .report-table .one-row>div label {
	position:absolute;
	top:0;
	left:10px;
	line-height:38px
}
body.domain-index section.report .report-table .one-row>div input {
	padding-left:50px
}
body.domain-index section.report .report-table .one-row>div input::-webkit-input-placeholder {
	color:#999
}
body.domain-index section.report .report-table .one-row>div input::-moz-placeholder {
	color:#999
}
body.domain-index section.report .report-table .one-row>div input:-moz-placeholder {
	color:#999
}
body.domain-index section.report .report-table .one-row>div input:-ms-input-placeholder {
	color:#999
}
@media screen and (max-width:768px) {
	body.domain-index section.report .report-table {
	margin:0
}
body.domain-index section.report .report-table h2 {
	text-align:center
}
body.domain-index section.report .report-table .one-row {
	display:block
}
body.domain-index section.report .report-table .one-row>div {
	display:block;
	width:100%!important;
	margin-bottom:10px
}
}body.domain-index section.partner {
	padding-bottom:50px
}
body.domain-index section.partner .partner-table>div>div {
	text-align:center;
	padding:25px 0;
	vertical-align:middle
}
body.domain-index section.partner .partner-table img {
	width:120px
}
@media screen and (max-width:768px) {
	body.domain-index section.partner .partner-table img {
	width:80px
}
}@media screen and (max-width:480px) {
	body.domain-index section.partner .partner-table img {
	width:60px
}
}body.domain-result section.banner {
	height:195px;
	padding-top:10px;
	padding-bottom:20px
}
body.domain-result section.banner .wrapper>h1 {
	text-align:center;
	font-size:36px;
	color:#fff;
	margin-top:60px;
	margin-bottom:0;
	white-space:nowrap
}
body.domain-result section.banner .wrapper>p {
	text-align:center;
	color:#999;
	font-size:18px;
	margin-bottom:38px
}
body.domain-result section.banner .search-bar-wrap {
	padding:30px 50px 0
}
body.domain-result section.banner .search-bar-wrap .search-bar .tips h3,body.domain-result section.banner .search-bar-wrap .search-bar .tips p {
	color:#fff
}
body.domain-result section.banner .search-bar-list {
	position:relative;
	padding-left:70px;
	margin:0;
	height:21px;
	overflow:hidden;
	padding-right:36px
}
body.domain-result section.banner .search-bar-list li {
	display:inline-block;
	width:80px;
	color:#fff;
	font-size:14px
}
body.domain-result section.banner .search-bar-list a {
	position:absolute;
	top:0;
	right:60px;
	color:#999
}
body.domain-result section.banner .search-bar-list .icheckbox_minimal {
	margin-right:4px;
	background-image:url(/img/other/icheck-sm.png)
}
@media screen and (max-width:1200px) {
	body.domain-result section.banner .search-bar-list li {
	width:60px
}
}@media screen and (max-width:768px) {
	body.domain-result section.banner .search-bar-list {
	padding-left:0
}
}body.domain-result section.result {
	padding-top:20px;
	padding-bottom:120px
}
body.domain-result section.result .result-table {
	color:#333;
	border:1px solid #dcdcdc;
	padding:0 0 50px
}
body.domain-result section.result .result-table .some-row>div>div {
	font-size:14px;
	padding:10px 20px;
	border-bottom:#dde4ee solid 1px;
	text-align:right;
	vertical-align:middle
}
body.domain-result section.result .result-table .some-row>div>div .btn {
	border:0;
	color:#2d94ff
}
body.domain-result section.result .result-table .some-row>div>div .btn:hover {
	text-decoration:underline;
	background:0 0
}
body.domain-result section.result .result-table .some-row>div>div>span {
	color:#ff9037;
	font-weight:700;
	white-space:nowrap
}
body.domain-result section.result .result-table .some-row>div>div>span.available {
	color:green
}
body.domain-result section.result .result-table .some-row>div>div small {
	white-space:nowrap
}
body.domain-result section.result .result-table .some-row>div>div:first-child {
	text-align:left;
	font-weight:700
}
body.domain-result section.result .result-table .some-row>div:nth-of-type(odd)>div {
	background:#f5f7fa
}
body.domain-result section.result .result-table .some-row>div:nth-of-type(even)>div {
	background:#fff
}
body.domain-result section.result .result-table .some-row .result-head>div {
	font-size:16px;
	background:#f5f5f5!important;
	font-weight:400!important
}
body.domain-info section {
	padding:30px 0
}
body.domain-info .detail {
	background:url(/img/bg/070.png) no-repeat right
}
body.domain-info .detail .title {
	font:36px 700;
	color:#333;
	padding:20px 0
}
body.domain-info .detail .crumbs .crumbs-link {
	color:#c6c6c6
}
body.domain-info .detail .crumbs .crumbs-link:hover {
	color:#999
}
body.domain-info .detail .ad {
	padding-bottom:20px;
	font-size:16px;
	line-height:30px;
	word-break:break-all;
	max-height:90px
}
body.domain-info .detail .price {
	padding-left:0;
	font-size:22px;
	font-weight:700
}
body.domain-info .detail .price h4 {
	color:#333;
	font-size:16px
}
body.domain-info .detail .price span {
	color:#f63d57
}
body.domain-info .detail .price td {
	border:1px #eee solid;
	padding:6px 20px;
	text-align:center;
	white-space:nowrap
}
body.domain-info .detail .price small {
	color:#888;
	font-size:70%;
	font-weight:400
}
body.domain-info section.function .fun-group h2 {
	font-size:16px;
	font-weight:700;
	margin:0
}
body.domain-info section.function .fun-group h3 {
	font-size:14px;
	font-weight:700;
	margin-bottom:0
}
@media screen and (max-width:768px) {
	body.domain-info section.function .fun-group h3 {
	margin-top:6px
}
}body.domain-info section.function .fun-group p {
	margin-top:0;
	max-width:200px;
	margin-left:0;
	margin-right:0
}
body.domain-info section.function .fun-group .title {
	position:relative;
	border:1px solid #ddd;
	background:#eee;
	padding:0 40px
}
body.domain-info section.function .fun-group .title .one-row>div {
	width:55px;
	height:58px
}
body.domain-info section.function .fun-group .title .click {
	display:block;
	height:28px;
	width:28px;
	position:absolute;
	top:24px;
	right:40px
}
body.domain-info section.function .fun-group .title .click i {
	display:block;
	font-size:26px;
	height:10px;
	width:26px;
	line-height:10px;
	text-align:center;
	color:#686868;
	transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	-o-transform:rotate(180deg)
}
body.domain-info section.function .fun-group .content {
	display:none;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	background:#fff;
	padding:20px 40px
}
@media screen and (max-width:768px) {
	body.domain-info section.function .fun-group .content {
	padding:10px
}
}body.domain-info section.function .fun-group .content .some-row gap {
	width:40px
}
@media screen and (max-width:768px) {
	body.domain-info section.function .fun-group .content .some-row gap {
	width:10px
}
}@media screen and (max-width:768px) {
	body.domain-info section.function .fun-group .content .some-row>*>* {
	display:block
}
}body.domain-info section.function .fun-group .content .item {
	position:relative;
	padding-left:16px
}
body.domain-info section.function .fun-group .content .item::before {
	content:"";
	position:absolute;
	left:0;
	top:5px;
	height:8px;
	width:8px;
	background:url(/img/other/dot-8.png) no-repeat center
}
body.domain-info section.function .fun-group.open .title::before {
	position:absolute;
	top:0;
	left:0;
	content:"";
	height:100%;
	width:3px
}
body.domain-info section.function .fun-group.open .title .click i {
	transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
	-o-transform:rotate(0deg)
}
body.domain-info .search {
	background:#f5f6f8
}
body.domain-info .domain-info-search {
	width:100%;
	display:table;
	margin:20px 0 50px
}
body.domain-info .domain-info-search>div {
	display:table-cell;
	vertical-align:middle
}
body.domain-info .domain-info-search .iconfont {
	font-size:22px
}
body.domain-info .domain-info-search>div:first-child {
	padding-left:20px;
	width:140px
}
body.domain-info .domain-info-search>div:last-child {
	padding-right:20px
}
body.domain-info .domain-info-search h3 {
	text-align:center;
	font-size:30px;
	margin:0
}
body.domain-info .domain-info-search h3 span {
	color:#d50000
}
body.domain-info .domain-info-search img {
	height:100px
}
body.domain-info .domain-info-search .other-zone {
	margin-top:10px
}
body.domain-info .domain-info-search .other-zone span:nth-of-type(1) a {
	color:#d50000
}
body.domain-info .domain-info-search .other-zone span:nth-of-type(2) a {
	color:#0d4883
}
body.domain-info .domain-info-search .other-zone span:nth-of-type(3) a {
	color:#ef8127
}
body.domain-info .domain-info-search .other-zone b,body.domain-info .domain-info-search .other-zone span {
	margin-right:15px
}
body.domain-info .domain-info-search .other-zone span a {
	color:#888;
	font-size:18px;
	font-weight:700
}
body.domain-info .domain-info-search .input-search {
	margin:30px 0;
	position:relative
}
body.domain-info .domain-info-search .input-search .btn {
	width:140px;
	font-size:18px
}
body.domain-info .domain-info-search .input-search .form-control {
	padding-right:150px
}
body.domain-info .domain-info-search .input-search input {
	width:100%;
	height:50px!important;
	padding-right:56px;
	font-size:14px
}
body.domain-info .domain-info-search .input-search .btn {
	display:inline-block;
	color:#fff;
	letter-spacing:1px;
	font-size:16px;
	padding:0 30px
}
body.domain-info .domain-info-search .input-search .btn-search {
	position:absolute;
	top:1px;
	right:1px;
	height:48px;
	width:90px;
	line-height:48px
}
body.domain-info .domain-info-search .other-zone a:hover,body.domain-info .domain-info-search .other-zone a:focus,body.domain-info .domain-info-search .other-zone a:active {
	color:#50a2de
}
body.domain-info .partner {
	padding-bottom:50px
}
body.domain-info .partner .partner-table>div>div {
	text-align:center;
	padding:25px 0;
	vertical-align:middle
}
body.domain-info .partner .partner-table img {
	width:120px
}
@media screen and (max-width:768px) {
	body.domain-info .partner .partner-table img {
	width:80px
}
}@media screen and (max-width:480px) {
	body.domain-info .partner .partner-table img {
	width:60px
}
}body.domain-info .honor {
	background:#f5f6f8;
	padding-bottom:50px
}
body.domain-info .honor .partner-table>div>div {
	text-align:center;
	padding:25px 0;
	vertical-align:middle
}
body.domain-info .honor .partner-table img {
	width:120px
}
@media screen and (max-width:768px) {
	body.domain-info .honor .partner-table img {
	width:80px
}
}@media screen and (max-width:480px) {
	body.domain-info .honor .partner-table img {
	width:60px
}
}body.domain-info .service h3 {
	font-size:20px
}
body.email {
	background:#f4f6f8
}
body.email .tit1 h1 {
	font-size:24px
}
body.email section.banner {
	position:relative
}
body.email section.banner>.wrapper .banner-txt {
	height:300px
}
body.email section.banner>.wrapper .banner-txt>* {
	color:#fff
}
body.email section.info .config {
	padding:40px 120px;
	background:#fff;
	border:1px solid #ddd
}
@media screen and (max-width:768px) {
	body.email section.info .config {
	padding:20px
}
}body.email section.info .config table {
	margin:auto;
	width:100%;
	color:#999
}
body.email section.info .config table th {
	border-bottom:1px solid #ddd;
	font-weight:400;
	text-align:left;
	padding-bottom:20px
}
body.email section.info .config table th:first-child {
	color:#333;
	white-space:nowrap
}
@media screen and (max-width:768px) {
	body.email section.info .config table th:first-child {
	display:none
}
}body.email section.info .config table td {
	padding:20px 0;
	line-height:34px
}
body.email section.info .config table td:first-child {
	color:#333;
	white-space:nowrap
}
body.email section.info .config table td .operate {
	float:right
}
body.email section.info .config table td .operate span {
	padding-right:20px
}
body.email section.info .config table td .operate span b {
	font-size:24px;
	color:#ef2a3a
}
@media screen and (max-width:768px) {
	body.email section.info .config table td .operate {
	display:block;
	text-align:right;
	float:none
}
}@media screen and (max-width:768px) {
	body.email section.info .config table td:first-child {
	display:none
}
}body.email section.function .fun-group {
	margin-bottom:12px
}
body.email section.function .fun-group h2 {
	font-size:16px;
	font-weight:700;
	margin-bottom:0
}
body.email section.function .fun-group h3 {
	font-size:14px;
	font-weight:700;
	margin-bottom:0
}
@media screen and (max-width:768px) {
	body.email section.function .fun-group h3 {
	margin-top:6px
}
}body.email section.function .fun-group p {
	margin-top:0;
	max-width:200px;
	margin-left:0;
	margin-right:0
}
body.email section.function .fun-group .title {
	position:relative;
	border:1px solid #ddd;
	background:#fff;
	padding:0 40px
}
body.email section.function .fun-group .title .one-row>div:first-child {
	width:55px;
	height:88px
}
body.email section.function .fun-group .title .click {
	display:block;
	height:28px;
	width:28px;
	position:absolute;
	top:30px;
	right:40px
}
body.email section.function .fun-group .title .click i {
	display:block;
	font-size:28px;
	height:28px;
	width:28px;
	line-height:28px;
	text-align:center;
	color:#333;
	transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	-o-transform:rotate(180deg)
}
body.email section.function .fun-group .content {
	display:none;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	background:#fff;
	padding:20px 40px
}
@media screen and (max-width:768px) {
	body.email section.function .fun-group .content {
	padding:10px
}
}body.email section.function .fun-group .content .some-row gap {
	width:40px
}
@media screen and (max-width:768px) {
	body.email section.function .fun-group .content .some-row gap {
	width:10px
}
}@media screen and (max-width:768px) {
	body.email section.function .fun-group .content .some-row>*>* {
	display:block
}
}body.email section.function .fun-group .content .item {
	position:relative;
	padding-left:16px
}
body.email section.function .fun-group .content .item::before {
	content:"";
	position:absolute;
	left:0;
	top:5px;
	height:8px;
	width:8px;
	background:url(/img/other/dot-8.png) no-repeat center
}
body.email section.function .fun-group.open .title::before {
	position:absolute;
	top:0;
	left:0;
	background:#ef2a3a;
	content:"";
	height:100%;
	width:3px
}
body.email section.function .fun-group.open .title .click i {
	transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
	-o-transform:rotate(0deg)
}
body.email section.advantage .some-row {
	margin-top:10px;
	margin-bottom:40px
}
body.email section.advantage .some-row>div>gap {
	width:50px
}
body.email section.advantage .some-row>div>div {
	padding-bottom:40px
}
body.email section.advantage .some-row .item>* {
	vertical-align:top
}
body.email section.advantage .some-row .item gap {
	width:0
}
body.email section.advantage .some-row .item h3 {
	font-weight:700;
	margin:0;
	color:#333
}
body.email section.advantage .some-row .item img {
	padding-top:4px;
	padding-right:20px
}
@media screen and (max-width:768px) {
	body.email section.advantage .some-row>*>* {
	display:block
}
body.email section.advantage .some-row>*>div {
	padding-bottom:20px!important
}
body.email section.advantage .some-row>*>gap {
	height:0!important
}
body.email section.advantage .some-row .item img {
	width:40px;
	padding-right:10px
}
}body.email section.map {
	background:url(/img/bg/005.png) no-repeat center;
	background-size:cover;
	padding-top:20px;
	padding-bottom:40px
}
body.email section.map h1,body.email section.map p {
	color:#fff
}
body.email section.map p {
	text-align:center
}
body.email section.map .map-img {
	margin-bottom:30px;
	text-align:center
}
@media screen and (max-width:880px) {
	body.email section.map .map-img img {
	width:100%
}
}body.email section.partner {
	background:#fff;
	padding-bottom:40px;
	overflow:hidden
}
body.email section.partner .partner-table {
	border-collapse:separate;
	border-spacing:18px
}
body.email section.partner .partner-table>div>div {
	border:1px solid #ddd;
	text-align:center;
	vertical-align:middle;
	width:16.66%
}
@media screen and (max-width:1060px) {
	body.email section.partner .partner-table {
	padding:6px 0
}
body.email section.partner .partner-table img {
	max-height:40px;
	max-width:80px
}
}@media screen and (max-width:768px) {
	body.email section.partner .partner-table {
	border-spacing:6px
}
body.email section.partner .partner-table>div>div {
	border:0
}
body.email section.partner .partner-table img {
	max-height:30px;
	max-width:60px
}
}@media screen and (max-width:480px) {
	body.email section.partner .partner-table {
	border-spacing:2px
}
body.email section.partner .partner-table img {
	max-height:25px;
	max-width:50px
}
body.email section.partner .partner-table>div>div:first-child {
	display:none
}
body.email section.partner .partner-table>div>div:nth-child(2) {
	display:none
}
}body.email section.function2 {
	background:#fff;
	margin-top:40px;
	padding-bottom:40px;
	overflow:hidden
}
body.email section.function2 .function2-table-wrap {
	margin:-20px
}
body.email section.function2 .function2-table-wrap .function2-table {
	border-collapse:separate;
	border-spacing:20px;
	width:100%
}
body.email section.function2 .function2-table-wrap .function2-table .item {
	border:1px solid #ddd;
	height:100%
}
body.email section.function2 .function2-table-wrap .function2-table .item>div {
	padding:18px 0
}
body.email section.function2 .function2-table-wrap .function2-table .item>div:first-child {
	width:140px;
	text-align:center
}
body.email section.function2 .function2-table-wrap .function2-table .item>div:last-child {
	padding-right:30px
}
body.email section.function2 .function2-table-wrap .function2-table .item h3 {
	font-size:18px;
	color:#ef2a3a;
	margin:0
}
body.email section.function2 .function2-table-wrap .function2-table .item p {
	margin-top:0
}
@media screen and (max-width:992px) {
	body.email section.function2 .function2-table-wrap .function2-table .item {
	border-spacing:10px
}
body.email section.function2 .function2-table-wrap .function2-table .item>div:first-child {
	width:100px
}
body.email section.function2 .function2-table-wrap .function2-table .item>div:first-child img {
	width:80px
}
body.email section.function2 .function2-table-wrap .function2-table .item>div:last-child {
	padding-right:10px
}
}@media screen and (max-width:768px) {
	body.email section.function2 .function2-table-wrap .function2-table {
	border-collapse:collapse
}
body.email section.function2 .function2-table-wrap .function2-table td {
	display:block!important;
	margin-bottom:20px;
	padding:0 20px
}
body.email section.function2 .function2-table-wrap .function2-table .item {
	margin:0
}
}body.cloud-index .tit1 {
	padding-top:0
}
body.cloud-index .tit1 h1 {
	text-align:left;
	font-size:24px
}
body.cloud-index .btn-buy {
	color:#ff701a;
	line-height:32px;
	padding:0 20px
}
body.cloud-index .more-configuration {
	margin-bottom:20px
}
body.cloud-index .server-info .part2 .info-item .tit {
	background:0 0
}
body.cloud-index section.catalog-nav .catalog>div:first-child {
	width:60px
}
@media screen and (max-width:768px) {
	body.cloud-index section.catalog-nav .catalog>div:first-child {
	padding-left:6px
}
}@media screen and (max-width:768px) {
	body.cloud-index section.catalog-nav .catalog>div h3 {
	margin-bottom:0
}
}body.cloud-index section.intro {
	background:url(/img/bg/006.png) no-repeat center;
	background-size:cover;
	padding-bottom:60px;
	padding-top:10px
}
body.cloud-index section.intro .tit1 h1 {
	color:#fff
}
body.cloud-index section.intro gap {
	width:20px
}
body.cloud-index section.intro .intro-table-wrap-wrap {
	margin:-20px
}
body.cloud-index section.intro .intro-table-wrap-wrap>table {
	width:100%;
	border-collapse:separate;
	border-spacing:20px
}
body.cloud-index section.intro .intro-table-wrap-wrap .intro-table-wrap {
	margin:-20px
}
body.cloud-index section.intro .intro-table-wrap-wrap .intro-table-wrap .intro-table {
	width:100%;
	border-collapse:separate;
	border-spacing:20px
}
body.cloud-index section.intro .intro-table-wrap-wrap .intro-table-wrap .intro-table .item {
	position:relative;
	height:220px;
	padding:20px
}
body.cloud-index section.intro .intro-table-wrap-wrap .intro-table-wrap .intro-table .item .one-row {
	border-collapse:collapse
}
body.cloud-index section.intro .intro-table-wrap-wrap .intro-table-wrap .intro-table .item .text {
	margin:auto;
	width:240px;
	position:relative;
	z-index:2;
	color:#fff
}
body.cloud-index section.intro .intro-table-wrap-wrap .intro-table-wrap .intro-table .item .text h3 {
	color:#fff;
	margin:0;
	font-size:20px
}
body.cloud-index section.intro .intro-table-wrap-wrap .intro-table-wrap .intro-table .item .text h3 img {
	padding-right:6px
}
body.cloud-index section.intro .intro-table-wrap-wrap .intro-table-wrap .intro-table .item .text ul li {
	position:relative;
	padding-left:10px
}
body.cloud-index section.intro .intro-table-wrap-wrap .intro-table-wrap .intro-table .item .text ul li::before {
	content:"•";
	position:absolute;
	top:0;
	left:0;
	color:#ef2a3a
}
body.cloud-index section.intro .intro-table-wrap-wrap .intro-table-wrap .intro-table .item .bg {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#1e2330;
	border:1px solid #7d7d7d;
	opacity:.7;
	z-index:1
}
@media screen and (max-width:1270px) {
	body.cloud-index section.intro .intro-table-wrap-wrap {
	margin:-10px
}
body.cloud-index section.intro .intro-table-wrap-wrap>table {
	border-collapse:separate;
	border-spacing:10px
}
body.cloud-index section.intro .intro-table-wrap-wrap .intro-table-wrap {
	margin:-10px
}
body.cloud-index section.intro .intro-table-wrap-wrap .intro-table-wrap .intro-table {
	border-spacing:10px
}
}@media screen and (max-width:1200px) {
	body.cloud-index section.intro .intro-table-wrap-wrap>table>tbody>tr>td {
	display:block;
	padding-bottom:10px
}
}@media screen and (max-width:650px) {
	body.cloud-index section.intro .intro-table-wrap-wrap .intro-table-wrap .intro-table>tbody>tr>td {
	display:block
}
body.cloud-index section.intro .intro-table-wrap-wrap .intro-table-wrap .intro-table>tbody>tr>td:not(:last-child) {
	padding-bottom:10px
}
body.cloud-index section.intro .intro-table-wrap-wrap .intro-table-wrap .intro-table .item {
	height:auto
}
}body.cloud-private section.function {
	padding-bottom:40px
}
body.cloud-private section.function .function-table {
	margin:0 -26px
}
body.cloud-private section.function .function-table .some-row {
	border-collapse:separate;
	border-spacing:26px
}
body.cloud-private section.function .function-table .some-row>div>div {
	position:relative;
	box-shadow:0 0 20px #dedede;
	width:33.3333%;
	padding:30px 40px;
	vertical-align:top
}
body.cloud-private section.function .function-table .some-row>div>div h3 {
	font-size:18px;
	font-weight:700;
	margin:12px auto;
	color:#333
}
body.cloud-private section.function .function-table .some-row>div>div.item01 {
	background:url(/img/icon/002/061-bg.png) top right no-repeat
}
body.cloud-private section.function .function-table .some-row>div>div.item02 {
	background:url(/img/icon/002/062-bg.png) top right no-repeat
}
body.cloud-private section.function .function-table .some-row>div>div.item03 {
	background:url(/img/icon/002/063-bg.png) top right no-repeat
}
body.cloud-private section.function .function-table .some-row>div>div.item04 {
	background:url(/img/icon/002/064-bg.png) top right no-repeat
}
body.cloud-private section.function .function-table .some-row>div>div.item05 {
	background:url(/img/icon/002/065-bg.png) top right no-repeat
}
body.cloud-private section.function .function-table .some-row>div>div.item06 {
	background:url(/img/icon/002/066-bg.png) top right no-repeat
}
@media screen and (max-width:768px) {
	body.cloud-private section.function .function-table {
	margin:0
}
body.cloud-private section.function .function-table .some-row {
	display:block
}
body.cloud-private section.function .function-table .some-row>div {
	display:block
}
body.cloud-private section.function .function-table .some-row>div>div {
	display:block;
	width:100%;
	margin-bottom:10px;
	padding:10px 20px;
	box-shadow:0 0 10px #dedede
}
body.cloud-private section.function .function-table .some-row>div>div img {
	position:absolute;
	height:30px;
	max-width:40px;
	top:20px;
	left:20px
}
body.cloud-private section.function .function-table .some-row>div>div h3 {
	padding-left:46px
}
}body.cloud-private section.soluion {
	background:url(/img/bg/023.png),#f3f6f9;
	padding-bottom:60px;
	padding-top:20px
}
body.cloud-private section.soluion .nav {
	margin:-30px -20px 0
}
body.cloud-private section.soluion .nav .one-row {
	width:auto;
	margin:10px auto;
	border-collapse:separate;
	border-spacing:20px
}
body.cloud-private section.soluion .nav .one-row>div {
	position:relative;
	line-height:38px;
	width:156px;
	text-align:center;
	background:#fff;
	border:1px solid #ddd
}
body.cloud-private section.soluion .nav .one-row>div:hover {
	cursor:pointer;
	color:#ef2a3a
}
body.cloud-private section.soluion .nav .one-row>div.page-current {
	background:#ef2a3a;
	color:#fff
}
body.cloud-private section.soluion .nav .one-row>div.page-current:hover {
	color:#fff
}
body.cloud-private section.soluion .nav .one-row>div.page-current::after {
	content:"";
	position:absolute;
	left:0;
	right:0;
	bottom:-14px;
	margin:auto;
	height:0;
	width:0;
	border:7px solid transparent;
	border-top-color:#ef2a3a;
	border-left-width:5px;
	border-right-width:5px
}
@media screen and (max-width:580px) {
	body.cloud-private section.soluion .nav {
	margin:-20px -10px 0
}
body.cloud-private section.soluion .nav .one-row {
	border-spacing:10px
}
}body.cloud-private section.soluion .soluion-table {
	background:#fff;
	box-shadow:0 0 20px #dedede
}
body.cloud-private section.soluion .soluion-table .one-row {
	border-collapse:collapse
}
body.cloud-private section.soluion .soluion-table .one-row>div {
	padding:26px;
	border:1px solid #ddd;
	vertical-align:top
}
body.cloud-private section.soluion .soluion-table .one-row>div h3 {
	font-size:18px;
	font-weight:700;
	border-bottom:1px solid #ddd;
	margin-top:0;
	margin-bottom:10px
}
body.cloud-private section.soluion .soluion-table .one-row>div>p {
	margin-bottom:20px
}
body.cloud-private section.soluion .soluion-table .one-row>div ul h4 {
	margin-top:0;
	margin-bottom:0;
	font-size:14px;
	font-weight:700
}
body.cloud-private section.soluion .soluion-table .one-row>div ul p {
	font-size:14px;
	margin-top:0
}
@media screen and (max-width:1200px) {
	body.cloud-private section.soluion .soluion-table .one-row {
	display:block
}
body.cloud-private section.soluion .soluion-table .one-row>div {
	display:block
}
body.cloud-private section.soluion .soluion-table .one-row>div.topo {
	text-align:center;
	border-bottom:0
}
body.cloud-private section.soluion .soluion-table .one-row>div.topo img {
	max-width:100%
}
}body.cloud-private section.service {
	padding:60px 0;
	background:url(/img/bg/024.png) no-repeat center;
	background-size:cover
}
body.cloud-private section.service .service-table {
	position:relative;
	margin:-60px 0
}
body.cloud-private section.service .service-table .one-row {
	border-collapse:separate;
	border-spacing:60px
}
body.cloud-private section.service .service-table .one-row>div.txt h1 {
	font-size:30px;
	color:#fff;
	margin-top:0;
	margin-bottom:0
}
body.cloud-private section.service .service-table .one-row>div.txt>p {
	font-size:16px;
	color:#c6d1dc;
	margin-bottom:30px
}
body.cloud-private section.service .service-table .one-row>div.txt ul li {
	position:relative;
	padding-left:24px;
	color:#fff
}
body.cloud-private section.service .service-table .one-row>div.txt ul li::before {
	position:absolute;
	margin:auto;
	left:0;
	top:2px;
	display:block;
	content:"";
	height:21px;
	width:18px;
	background:url(/img/other/red-cube.png) center no-repeat
}
body.cloud-private section.service .service-table .one-row>div.txt ul li h4 {
	color:#fff;
	font-size:16px;
	margin:0
}
body.cloud-private section.service .service-table .one-row>div.txt ul li p {
	margin-top:0;
	margin-bottom:20px
}
@media screen and (max-width:1200px) {
	body.cloud-private section.service .service-table .one-row>div.img img {
	width:300px
}
}@media screen and (max-width:992px) {
	body.cloud-private section.service .service-table {
	margin:0
}
body.cloud-private section.service .service-table .one-row {
	border-collapse:collapse
}
body.cloud-private section.service .service-table .one-row>div.img img {
	position:absolute;
	right:0;
	bottom:0;
	z-index:1;
	text-align:center;
	width:auto;
	opacity:.2;
	max-width:100%
}
body.cloud-private section.service .service-table .one-row>div.txt {
	position:relative;
	z-index:2
}
}body.cloud-private section.advantage {
	padding:20px 0 100px
}
body.cloud-private section.advantage .advantage-table>div .item {
	width:260px
}
@media screen and (max-width:992px) {
	body.cloud-private section.advantage .advantage-table>div .item {
	width:200px
}
}@media screen and (max-width:768px) {
	body.cloud-private section.advantage .advantage-table>div .item {
	width:auto
}
}body.cloud-private section.partner {
	padding-bottom:50px
}
body.cloud-private section.partner .partner-table>div>div {
	text-align:center;
	padding:25px 0;
	vertical-align:middle
}
body.cloud-private section.partner .partner-table img {
	width:120px
}
@media screen and (max-width:768px) {
	body.cloud-private section.partner .partner-table img {
	width:80px
}
}@media screen and (max-width:480px) {
	body.cloud-private section.partner .partner-table img {
	width:60px
}
}.cloud-host-configuration .common-title {
	background-color:#fff
}
.cloud-host-configuration .common-title h1 {
	font-size:24px;
	height:70px;
	line-height:70px;
	margin:0
}
.cloud-host-configuration .common-footer {
	left:0;
	bottom:0;
	width:100%;
	height:100px;
	background-color:#fff;
	z-index:9999;
	box-shadow:0 0 20px rgba(36,37,41,.15)
}
.cloud-host-configuration .common-footer .total-cost {
	position:relative;
	line-height:100px
}
.cloud-host-configuration .common-footer .total-cost span {
	font-size:16px;
	color:#333
}
.cloud-host-configuration .common-footer .total-cost .price {
	font-size:30px;
	vertical-align:middle;
	font-weight:400
}
.cloud-host-configuration .common-footer .total-cost .btn {
	position:absolute;
	right:0;
	top:35%;
	height:40px;
	line-height:40px
}
.cloud-host-configuration .content {
	background-color:#f1f1f1
}
.cloud-host-configuration .content .step {
	padding:38px 0 20px
}
.cloud-host-configuration .content .step .line {
	position:relative;
	border-top:1px dotted #ef2a3a;
	height:60px
}
.cloud-host-configuration .content .step .line .one-row {
	width:60%;
	margin:auto
}
.cloud-host-configuration .content .step .line .step-item {
	text-align:center;
	position:relative;
	top:-18px
}
.cloud-host-configuration .content .step .line .step-item span {
	color:#ef2a3a;
	border:1px solid #ef2a3a;
	border-radius:36px;
	width:36px;
	height:36px;
	display:block;
	text-align:center;
	line-height:36px;
	background-color:#f1f1f1;
	margin:auto
}
.cloud-host-configuration .content .step .line .step-item p {
	text-align:center
}
.cloud-host-configuration .content .step .tips {
	background-color:#f6f6f6;
	border:1px dashed #dcdcdc
}
.cloud-host-configuration .content .step .tips p {
	font-size:14px;
	color:#999;
	text-align:center
}
.cloud-host-configuration .content .data-info {
	background-color:#fff
}
.cloud-host-configuration .content .data-info .info-title {
	padding:30px;
	border-bottom:1px solid #dcdcdc
}
.cloud-host-configuration .content .data-info .info-title h1 {
	margin:0;
	font-size:24px;
	display:inline-block;
	vertical-align:middle
}
.cloud-host-configuration .content .data-info .info-title a {
	color:#ff701a;
	margin-left:10px
}
.cloud-host-configuration .content .data-info .data-info-card {
	padding:30px 0;
	border-bottom:1px solid #eee
}
.cloud-host-configuration .content .data-info .item-info .discount {
	color:#ff701a;
	font-size:10px;
	position:relative;
	top:-6px;
	left:-2px
}
.cloud-host-configuration .content .data-info .item-info .data-list {
	display:table
}
.cloud-host-configuration .content .data-info .item-info .data-list li {
	float:left;
	margin-bottom:10px;
	border:1px solid #dcdcdc;
	line-height:40px;
	font-size:14px;
	color:#666;
	height:40px;
	text-align:center;
	overflow:hidden;
	white-space:nowrap;
	min-width:80px;
	cursor:pointer;
	padding:0 15px
}
.cloud-host-configuration .content .data-info .item-info .data-list .active {
	border:1px solid #ef2a3a!important;
	background-color:#fff8f9!important;
	color:#ef2a3a
}
.cloud-host-configuration .content .data-info .item-info .data-list1 li:not(:first-child) {
	border-left:0
}
.cloud-host-configuration .content .data-info .item-info .data-list2 li {
	margin:0 5px 10px 0
}
.cloud-host-configuration .content .data-info .item-title {
	width:10%
}
.cloud-host-configuration .content .data-info .item-content {
	padding:0 30px
}
.cloud-host-configuration .content .data-info .item-configuration .item {
	float:left;
	margin:0 20px 10px 0;
	border:1px solid #dcdcdc;
	min-width:215px;
	position:relative;
	cursor:pointer
}
.cloud-host-configuration .content .data-info .item-configuration .item h2 {
	background-color:#eaedf2;
	font-size:16px;
	line-height:48px;
	font-weight:700;
	margin:0;
	padding:0 30px
}
.cloud-host-configuration .content .data-info .item-configuration .item .option {
	padding:10px 30px;
	line-height:30px
}
.cloud-host-configuration .content .data-info .item-configuration .item .option p {
	margin:0
}
.cloud-host-configuration .content .data-info .item-configuration .cf-action {
	border:1px solid #ef2a3a
}
.cloud-host-configuration .content .data-info .item-configuration .cf-action::after {
	content:"";
	width:17px;
	height:14px;
	position:absolute;
	bottom:0;
	right:0;
	background:url(/img/other/tick/001.png)
}
.cloud-host-configuration .content .data-info .item-system .select {
	height:40px;
	max-width:250px;
	font-family:microsoft yahei;
	font-size:16px;
	background-color:#fff;
	position:relative;
	border:#dcdcdc 1px solid
}
.cloud-host-configuration .content .data-info .item-system .select:after {
	content:'';
	display:block;
	width:10px;
	height:10px;
	border-left:1px #ccc solid;
	border-bottom:1px #ccc solid;
	position:absolute;
	top:11px;
	right:12px;
	transform:rotate(-45deg);
	transition:transfrom .3s ease-in,top .3s ease-out
}
.cloud-host-configuration .content .data-info .item-system .select p {
	padding:0 15px;
	width:100%;
	line-height:40px;
	color:#333;
	cursor:pointer;
	font-size:14px;
	float:right;
	margin:0;
	height:100%
}
.cloud-host-configuration .content .data-info .item-system .select .select-ul {
	list-style-type:none;
	background-color:#fff;
	width:100%;
	overflow-y:auto;
	position:absolute;
	top:38.5px;
	right:0;
	margin:0;
	z-index:5;
	max-height:0;
	border:#dcdcdc 1px solid;
	border-top:0
}
.cloud-host-configuration .content .data-info .item-system .select-ul::-webkit-scrollbar {
	width:7px;
	background-color:#cad7e6
}
.cloud-host-configuration .content .data-info .item-system .select-ul::-webkit-scrollbar-thumb {
	background-color:#e5e5e5
}
.cloud-host-configuration .content .data-info .item-system .select .select-ul li {
	padding:0 15px;
	line-height:40px;
	cursor:pointer;
	color:#333;
	font-size:14px
}
.cloud-host-configuration .content .data-info .item-system .select li:hover {
	background-color:#fffbfb
}
.cloud-host-configuration .content .data-info .item-system .select li.selected {
	background-color:#fff8f9;
	border:1px solid #ef2a3a
}
.cloud-host-configuration .content .data-info .item-system .select-title {
	width:28%;
	display:inline-block;
	text-align:center;
	line-height:40px;
	background-color:#e7eff8;
	border-right:#bdc9d6 1px solid;
	height:100%
}
.cloud-host-configuration .content .data-info .item-system .select-title span {
	color:#183a98
}
.cloud-host-configuration .content .data-info .item-system .select.open .select-ul {
	max-height:250px;
	transform-origin:50% 0;
	transition:max-height .2s ease-out
}
.cloud-host-configuration .content .data-info .item-system .open {
	box-shadow:0 0 5px #cad7e6
}
.cloud-host-configuration .content .data-info .item-system .select.open:after {
	transform:rotate(-225deg);
	top:18px;
	transition:all .3s ease-in
}
.cloud-host-configuration .content .data-info .item-quantity .data-list li {
	width:40px;
	padding:0;
	min-width:unset
}
.cloud-host-configuration .content .data-info .item-quantity .data-list .number {
	width:65px;
	border-left:0;
	border-right:0
}
.cloud-host-configuration .content .data-info .item-quantity .data-list .num-add {
	font-size:18px;
	color:#ef2a3a;
	background-color:#eaedf2
}
.cloud-host-configuration .content .data-info .item-quantity .data-list .num-reduce {
	color:#ef2a3a;
	background-color:#eaedf2
}
.cloud-host-configuration .content .data-info .item-quantity .data-list .input-num {
	text-align:center;
	border:0;
	height:40px;
	line-height:40px
}
body.IOT-index {
	background:#f3f6f9
}
body.IOT-index section {
	padding:40px 0
}
@media screen and (max-width:768px) {
	body.IOT-index section {
	padding:20px 0
}
}body.IOT-index section .wrapper {
	text-align:center
}
body.IOT-index section .wrapper .tit3 {
	margin-bottom:48px
}
@media screen and (max-width:768px) {
	body.IOT-index section .wrapper .tit3 {
	margin-bottom:20px
}
}body.IOT-index section.banner {
	height:937px;
	background:url(/img/bg/043.png) top center no-repeat
}
body.IOT-index section.banner .wrapper {
	overflow:hidden
}
body.IOT-index section.banner .wrapper>.tit4 {
	margin-top:20px
}
body.IOT-index section.banner .wrapper>p {
	color:#ff7575;
	font-size:18px;
	text-align:center
}
@media screen and (max-width:500px) {
	body.IOT-index section.banner .wrapper>p {
	font-size:14px
}
}body.IOT-index section.banner .wrapper .b03 {
	margin:20px auto 30px
}
body.IOT-index section.banner .wrapper .iot-ani {
	margin:auto;
	left:0;
	right:0
}
body.IOT-index section.banner .wrapper .phone {
	position:relative;
	top:8px;
	left:-8px
}
body.IOT-index section.status {
	margin-top:-200px
}
body.IOT-index section.status .wrapper .status-wrap {
	position:relative;
	padding:110px 130px 0;
	height:315px;
	background:url(/img/bg/044.png) no-repeat center
}
body.IOT-index section.status .wrapper .status-wrap h2 {
	position:relative;
	padding:0 266px;
	display:inline-block;
	color:#050c15;
	font-size:30px;
	margin:auto;
	white-space:nowrap
}
body.IOT-index section.status .wrapper .status-wrap h2 .temp {
	content:"";
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	margin:auto;
	width:236px;
	height:21px
}
body.IOT-index section.status .wrapper .status-wrap h2::before {
	content:"";
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	margin:auto;
	width:236px;
	height:21px;
	left:0;
	background:url(/img/other/tit3-01.png) no-repeat center
}
body.IOT-index section.status .wrapper .status-wrap h2::after {
	content:"";
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	margin:auto;
	width:236px;
	height:21px;
	right:0;
	background:url(/img/other/tit3-02.png) no-repeat center
}
@media screen and (max-width:992px) {
	body.IOT-index section.status .wrapper .status-wrap h2 {
	padding:0 256px;
	font-size:26px
}
}@media screen and (max-width:768px) {
	body.IOT-index section.status .wrapper .status-wrap h2 {
	padding:0 100px
}
body.IOT-index section.status .wrapper .status-wrap h2 .temp {
	content:"";
	width:84px;
	height:16px
}
body.IOT-index section.status .wrapper .status-wrap h2::before {
	content:"";
	width:84px;
	height:16px;
	left:0;
	background:url(/img/other/tit3-03.png) no-repeat center
}
body.IOT-index section.status .wrapper .status-wrap h2::after {
	content:"";
	width:84px;
	height:16px;
	right:0;
	background:url(/img/other/tit3-04.png) no-repeat center
}
}@media screen and (max-width:480px) {
	body.IOT-index section.status .wrapper .status-wrap h2 {
	padding:0 86px;
	font-size:22px
}
body.IOT-index section.status .wrapper .status-wrap h2 .temp {
	width:68px
}
body.IOT-index section.status .wrapper .status-wrap h2::before {
	width:68px;
	left:0;
	background:url(/img/other/tit3-03.png) no-repeat center;
	background-size:100%
}
body.IOT-index section.status .wrapper .status-wrap h2::after {
	width:68px;
	right:0;
	background:url(/img/other/tit3-04.png) no-repeat center;
	background-size:100%
}
}@media screen and (max-width:404px) {
	body.IOT-index section.status .wrapper .status-wrap h2 {
	padding:0 32px
}
body.IOT-index section.status .wrapper .status-wrap h2 .temp {
	width:20px;
	height:18px
}
body.IOT-index section.status .wrapper .status-wrap h2::before {
	width:20px;
	height:18px;
	left:0;
	background:url(/img/other/tit3-05.png) no-repeat center
}
body.IOT-index section.status .wrapper .status-wrap h2::after {
	width:20px;
	height:18px;
	right:0;
	background:url(/img/other/tit3-06.png) no-repeat center
}
}@media screen and (min-width:1301px) {
	body.IOT-index section.status .wrapper .status-wrap h2 {
	position:absolute;
	top:26px;
	left:0;
	right:0;
	margin:auto;
	font-size:30px;
	color:#fff
}
body.IOT-index section.status .wrapper .status-wrap h2::before {
	display:none
}
body.IOT-index section.status .wrapper .status-wrap h2::after {
	display:none
}
}body.IOT-index section.status .wrapper .status-wrap p {
	color:#333
}
body.IOT-index section.status .wrapper .status-wrap ul li {
	position:relative;
	text-align:left;
	color:#1955a0;
	padding-left:15px
}
body.IOT-index section.status .wrapper .status-wrap ul li::before {
	position:absolute;
	left:0;
	top:6px;
	content:"";
	display:block;
	height:9px;
	width:9px;
	background:#ff7582
}
@media screen and (max-width:1300px) {
	body.IOT-index section.status .wrapper .status-wrap {
	background:0 0;
	border:#a0d9fe solid 1px;
	padding:6px;
	height:auto
}
body.IOT-index section.status .wrapper .status-wrap h2 {
	top:unset;
	margin-bottom:10px
}
body.IOT-index section.status .wrapper .status-wrap>div {
	background:#e3f4ff;
	padding:20px 40px
}
}body.IOT-index section.need .need-table {
	margin:-16px
}
body.IOT-index section.need .need-table .one-row {
	border-collapse:separate;
	border-spacing:16px
}
body.IOT-index section.need .need-table .one-row>div {
	background:#fff;
	width:25%;
	padding:40px 20px;
	vertical-align:top;
	border-bottom:2px solid transparent
}
body.IOT-index section.need .need-table .one-row>div h3 {
	font-size:20px;
	margin:10px 0
}
body.IOT-index section.need .need-table .one-row>div p {
	text-align:center
}
body.IOT-index section.need .need-table .one-row>div:hover:nth-child(odd) {
	border-bottom-color:#ed5b59
}
body.IOT-index section.need .need-table .one-row>div:hover:nth-child(even) {
	border-bottom-color:#3a7fdc
}
@media screen and (max-width:768px) {
	body.IOT-index section.need .need-table {
	margin:0
}
body.IOT-index section.need .need-table .one-row {
	display:block
}
body.IOT-index section.need .need-table .one-row>div {
	display:block;
	width:100%;
	margin-bottom:16px
}
body.IOT-index section.need .need-table .one-row>div img {
	width:60px
}
}body.IOT-index section.product .product-table {
	position:relative;
	background:-webkit-linear-gradient(90deg,#1957a1,#121f73);
	background:-o-linear-gradient(90deg,#1957a1,#121f73);
	background:-moz-linear-gradient(90deg,#1957a1,#121f73);
	background:linear-gradient(90deg,#1957a1,#121f73);
	padding:20px;
	margin-bottom:30px;
	overflow:hidden
}
body.IOT-index section.product .product-table::before {
	content:"";
	display:block;
	position:absolute;
	top:0;
	right:0;
	width:371px;
	height:148px;
	background:url(/img/bg/042.png) no-repeat center;
	z-index:1
}
body.IOT-index section.product .product-table>h4 {
	font-size:24px;
	color:#fff;
	position:relative;
	z-index:2
}
body.IOT-index section.product .product-table .one-row {
	position:relative;
	z-index:2;
	border-collapse:separate;
	border-spacing:2px
}
body.IOT-index section.product .product-table .one-row>div {
	background:#fff;
	border-radius:3px;
	vertical-align:top;
	width:50%
}
body.IOT-index section.product .product-table .one-row>div .tit {
	font-size:20px;
	border-bottom:1px solid #8dafd8;
	padding:12px 0
}
body.IOT-index section.product .product-table .one-row>div ul {
	padding:10px 30px
}
body.IOT-index section.product .product-table .one-row>div ul li {
	position:relative;
	text-align:left;
	font-size:16px;
	padding-left:28px;
	line-height:28px;
	margin-bottom:6px
}
body.IOT-index section.product .product-table .one-row>div ul li::before {
	position:absolute;
	top:6px;
	left:0;
	content:"";
	display:block;
	width:20px;
	height:15px;
	background:url(/img/other/iot-check.png) no-repeat center
}
@media screen and (max-width:768px) {
	body.IOT-index section.product .product-table .one-row {
	display:block
}
body.IOT-index section.product .product-table .one-row>div {
	display:block;
	width:100%;
	margin-bottom:10px
}
}body.IOT-index section.advantage .advantage-table {
	position:relative;
	background:#fff;
	padding:30px
}
@media screen and (max-width:768px) {
	body.IOT-index section.advantage .advantage-table {
	padding-top:260px
}
}body.IOT-index section.advantage .advantage-table table {
	margin:auto;
	width:100%;
	border-collapse:separate;
	border-spacing:20px
}
body.IOT-index section.advantage .advantage-table table .rotate-cloud {
	position:relative;
	height:277px;
	width:277px
}
body.IOT-index section.advantage .advantage-table table .rotate-cloud img {
	position:absolute;
	margin:auto;
	top:0;
	bottom:0;
	left:0;
	right:0
}
body.IOT-index section.advantage .advantage-table table .rotate-cloud img:nth-child(2) {
	animation:rotate infinite 120s
}
body.IOT-index section.advantage .advantage-table table .rotate-cloud img:nth-child(3) {
	animation:rerotate infinite linear 90s
}
body.IOT-index section.advantage .advantage-table table .rotate-cloud img:nth-child(4) {
	animation:rotate infinite linear 60s
}
@media screen and (max-width:992px) {
	body.IOT-index section.advantage .advantage-table table .rotate-cloud {
	height:200px;
	width:200px
}
body.IOT-index section.advantage .advantage-table table .rotate-cloud img:nth-child(1) {
	width:100px
}
body.IOT-index section.advantage .advantage-table table .rotate-cloud img:nth-child(2) {
	width:153px
}
body.IOT-index section.advantage .advantage-table table .rotate-cloud img:nth-child(3) {
	width:165px
}
body.IOT-index section.advantage .advantage-table table .rotate-cloud img:nth-child(4) {
	width:200px
}
}@media screen and (max-width:768px) {
	body.IOT-index section.advantage .advantage-table table .rotate-cloud {
	position:absolute;
	top:40px;
	left:0;
	right:0;
	margin:auto
}
}body.IOT-index section.advantage .advantage-table table .item {
	width:50%
}
body.IOT-index section.advantage .advantage-table table .item h3 {
	position:relative;
	font-size:24px;
	margin-top:0;
	margin-bottom:6px
}
body.IOT-index section.advantage .advantage-table table .item h3::before {
	content:"";
	width:116px;
	height:34px;
	position:absolute
}
body.IOT-index section.advantage .advantage-table table .item .temp1 {
	padding-right:126px
}
body.IOT-index section.advantage .advantage-table table .item .temp1 * {
	text-align:right
}
body.IOT-index section.advantage .advantage-table table .item .temp1 h3::before {
	right:-126px
}
body.IOT-index section.advantage .advantage-table table .item .temp2 {
	padding-left:126px
}
body.IOT-index section.advantage .advantage-table table .item .temp2 * {
	text-align:left
}
body.IOT-index section.advantage .advantage-table table .item .temp2 h3::before {
	left:-126px
}
body.IOT-index section.advantage .advantage-table table .item .temp3 {
	vertical-align:bottom
}
body.IOT-index section.advantage .advantage-table table .item .temp3 h3::before {
	top:4px
}
body.IOT-index section.advantage .advantage-table table .item .temp4 {
	vertical-align:top
}
body.IOT-index section.advantage .advantage-table table .item .temp4 h3::before {
	top:0
}
body.IOT-index section.advantage .advantage-table table .item.item1 {
	padding-right:126px;
	vertical-align:bottom
}
body.IOT-index section.advantage .advantage-table table .item.item1 * {
	text-align:right
}
body.IOT-index section.advantage .advantage-table table .item.item1 h3::before {
	right:-126px
}
body.IOT-index section.advantage .advantage-table table .item.item1 h3::before {
	top:4px
}
body.IOT-index section.advantage .advantage-table table .item.item1 h3::before {
	background:url(/img/icon/023/005.png) center no-repeat
}
body.IOT-index section.advantage .advantage-table table .item.item2 {
	padding-left:126px;
	vertical-align:bottom
}
body.IOT-index section.advantage .advantage-table table .item.item2 * {
	text-align:left
}
body.IOT-index section.advantage .advantage-table table .item.item2 h3::before {
	left:-126px
}
body.IOT-index section.advantage .advantage-table table .item.item2 h3::before {
	top:4px
}
body.IOT-index section.advantage .advantage-table table .item.item2 h3::before {
	background:url(/img/icon/023/006.png) center no-repeat
}
body.IOT-index section.advantage .advantage-table table .item.item3 {
	padding-right:126px;
	vertical-align:top
}
body.IOT-index section.advantage .advantage-table table .item.item3 * {
	text-align:right
}
body.IOT-index section.advantage .advantage-table table .item.item3 h3::before {
	right:-126px
}
body.IOT-index section.advantage .advantage-table table .item.item3 h3::before {
	top:0
}
body.IOT-index section.advantage .advantage-table table .item.item3 h3::before {
	background:url(/img/icon/023/007.png) center no-repeat
}
body.IOT-index section.advantage .advantage-table table .item.item4 {
	padding-left:126px;
	vertical-align:top
}
body.IOT-index section.advantage .advantage-table table .item.item4 * {
	text-align:left
}
body.IOT-index section.advantage .advantage-table table .item.item4 h3::before {
	left:-126px
}
body.IOT-index section.advantage .advantage-table table .item.item4 h3::before {
	top:0
}
body.IOT-index section.advantage .advantage-table table .item.item4 h3::before {
	background:url(/img/icon/023/008.png) center no-repeat
}
@media screen and (max-width:1200px) {
	body.IOT-index section.advantage .advantage-table table .item h3::before {
	width:30px;
	height:30px;
	background:url(/img/icon/023/009.png) center no-repeat!important
}
body.IOT-index section.advantage .advantage-table table .item.item1 {
	padding-right:42px
}
body.IOT-index section.advantage .advantage-table table .item.item1 h3::before {
	right:-42px
}
body.IOT-index section.advantage .advantage-table table .item.item2 {
	padding-left:42px
}
body.IOT-index section.advantage .advantage-table table .item.item2 h3::before {
	left:-42px
}
body.IOT-index section.advantage .advantage-table table .item.item3 {
	padding-right:42px
}
body.IOT-index section.advantage .advantage-table table .item.item3 h3::before {
	right:-42px
}
body.IOT-index section.advantage .advantage-table table .item.item4 {
	padding-left:42px
}
body.IOT-index section.advantage .advantage-table table .item.item4 h3::before {
	left:-42px
}
}@media screen and (max-width:768px) {
	body.IOT-index section.advantage .advantage-table table .item {
	vertical-align:top!important
}
}@media screen and (max-width:580px) {
	body.IOT-index section.advantage .advantage-table table .item {
	display:block;
	width:100%;
	margin-bottom:10px;
	padding-right:0!important;
	padding-left:42px!important
}
body.IOT-index section.advantage .advantage-table table .item>* {
	text-align:left!important
}
body.IOT-index section.advantage .advantage-table table .item h3::before {
	left:-42px!important
}
}@media screen and (max-width:580px) {
	body.IOT-index section.advantage .advantage-table table {
	display:block
}
body.IOT-index section.advantage .advantage-table table tr {
	display:block
}
body.IOT-index section.advantage .advantage-table table .item5 {
	display:block;
	height:0;
	max-height:0;
	padding:0;
	overflow:hidden
}
}body.IOT-index section.partner .partner-table {
	margin:0 -40px
}
body.IOT-index section.partner .partner-table .one-row {
	width:auto;
	border-collapse:separate;
	border-spacing:40px;
	width:100%
}
body.IOT-index section.partner .partner-table .one-row img {
	max-height:48px;
	max-width:120px
}
@media screen and (max-width:768px) {
	body.IOT-index section.partner .partner-table .one-row img {
	max-width:100%
}
}@media screen and (max-width:992px) {
	body.IOT-index section.partner .partner-table {
	margin:0 -20px
}
body.IOT-index section.partner .partner-table .one-row {
	border-spacing:20px
}
}@media screen and (max-width:768px) {
	body.IOT-index section.partner .partner-table {
	margin:0
}
body.IOT-index section.partner .partner-table .one-row {
	display:block
}
body.IOT-index section.partner .partner-table .one-row>div {
	display:inline-block;
	margin:5px 10px
}
body.IOT-index section.partner .partner-table .one-row>div img {
	max-width:100px
}
}@media screen and (max-width:768px) and screen and (max-width:768px) {
	body.IOT-index section.partner .partner-table .one-row>div img {
	max-width:100%
}
}body.host-index section.catalog-nav .catalog>div:first-child {
	width:125px
}
@media screen and (max-width:768px) {
	body.host-index section.catalog-nav .catalog>div:first-child {
	padding-left:6px
}
}@media screen and (max-width:768px) {
	body.host-index section.catalog-nav .catalog>div {
	display:block
}
body.host-index section.catalog-nav .catalog>div h3 {
	margin-bottom:0
}
}body.host-index .tit1 {
	padding-top:0
}
body.host-index .tit1 h1 {
	text-align:left;
	font-size:24px
}
body.datacenter-index section.app-nav {
	display:none
}
@media screen and (max-width:768px) {
	body.datacenter-index section.app-nav {
	display:block;
	background:#f1f4f9
}
body.datacenter-index section.app-nav .app-nav-table {
	margin:-12px
}
body.datacenter-index section.app-nav .app-nav-table table {
	width:100%;
	border-collapse:separate;
	border-spacing:12px
}
body.datacenter-index section.app-nav .app-nav-table table td {
	background:#fff;
	border:1px solid #ddd;
	text-align:center;
	padding-top:20px
}
body.datacenter-index section.app-nav .app-nav-table table td h1 {
	margin-top:0;
	font-size:22px
}
body.datacenter-index section.app-nav .app-nav-table table td:hover {
	cursor:pointer
}
}body.datacenter-index section.map {
	background:#fff;
	background-size:cover;
	padding-bottom:60px
}
body.datacenter-index section.map .tit1 {
	margin-bottom:20px
}
body.datacenter-index section.map .map-nav {
	position:relative;
	height:580px;
	width:1180px
}
body.datacenter-index section.map .map-nav .temp {
	position:absolute
}
body.datacenter-index section.map .map-nav .temp>img {
	position:absolute
}
body.datacenter-index section.map .map-nav .temp .map,body.datacenter-index section.map .map-nav .temp .hover {
	margin:auto;
	top:0;
	bottom:0;
	left:0;
	right:0
}
body.datacenter-index section.map .map-nav .temp .name {
	z-index:3
}
body.datacenter-index section.map .map-nav .temp .hover {
	display:none;
	z-index:2
}
body.datacenter-index section.map .map-nav .temp .map {
	z-index:1
}
body.datacenter-index section.map .map-nav .temp:hover {
	cursor:pointer
}
body.datacenter-index section.map .map-nav .temp:hover .hover {
	display:inline
}
body.datacenter-index section.map .map-nav .northamerica {
	position:absolute;
	height:355px;
	width:522px;
	top:0;
	left:0
}
body.datacenter-index section.map .map-nav .northamerica>img {
	position:absolute
}
body.datacenter-index section.map .map-nav .northamerica .map,body.datacenter-index section.map .map-nav .northamerica .hover {
	margin:auto;
	top:0;
	bottom:0;
	left:0;
	right:0
}
body.datacenter-index section.map .map-nav .northamerica .name {
	z-index:3
}
body.datacenter-index section.map .map-nav .northamerica .hover {
	display:none;
	z-index:2
}
body.datacenter-index section.map .map-nav .northamerica .map {
	z-index:1
}
body.datacenter-index section.map .map-nav .northamerica:hover {
	cursor:pointer
}
body.datacenter-index section.map .map-nav .northamerica:hover .hover {
	display:inline
}
body.datacenter-index section.map .map-nav .northamerica .name {
	top:150px;
	left:170px
}
body.datacenter-index section.map .map-nav .southamerica {
	position:absolute;
	height:251px;
	width:156px;
	top:331px;
	left:282px
}
body.datacenter-index section.map .map-nav .southamerica>img {
	position:absolute
}
body.datacenter-index section.map .map-nav .southamerica .map,body.datacenter-index section.map .map-nav .southamerica .hover {
	margin:auto;
	top:0;
	bottom:0;
	left:0;
	right:0
}
body.datacenter-index section.map .map-nav .southamerica .name {
	z-index:3
}
body.datacenter-index section.map .map-nav .southamerica .hover {
	display:none;
	z-index:2
}
body.datacenter-index section.map .map-nav .southamerica .map {
	z-index:1
}
body.datacenter-index section.map .map-nav .southamerica:hover {
	cursor:pointer
}
body.datacenter-index section.map .map-nav .southamerica:hover .hover {
	display:inline
}
body.datacenter-index section.map .map-nav .southamerica .name {
	top:40px;
	left:30px
}
body.datacenter-index section.map .map-nav .europe {
	position:absolute;
	height:238px;
	width:319px;
	top:14px;
	right:396px
}
body.datacenter-index section.map .map-nav .europe>img {
	position:absolute
}
body.datacenter-index section.map .map-nav .europe .map,body.datacenter-index section.map .map-nav .europe .hover {
	margin:auto;
	top:0;
	bottom:0;
	left:0;
	right:0
}
body.datacenter-index section.map .map-nav .europe .name {
	z-index:3
}
body.datacenter-index section.map .map-nav .europe .hover {
	display:none;
	z-index:2
}
body.datacenter-index section.map .map-nav .europe .map {
	z-index:1
}
body.datacenter-index section.map .map-nav .europe:hover {
	cursor:pointer
}
body.datacenter-index section.map .map-nav .europe:hover .hover {
	display:inline
}
body.datacenter-index section.map .map-nav .europe .name {
	top:110px;
	left:150px
}
body.datacenter-index section.map .map-nav .africa {
	position:absolute;
	height:252px;
	width:229px;
	top:250px;
	right:453px
}
body.datacenter-index section.map .map-nav .africa>img {
	position:absolute
}
body.datacenter-index section.map .map-nav .africa .map,body.datacenter-index section.map .map-nav .africa .hover {
	margin:auto;
	top:0;
	bottom:0;
	left:0;
	right:0
}
body.datacenter-index section.map .map-nav .africa .name {
	z-index:3
}
body.datacenter-index section.map .map-nav .africa .hover {
	display:none;
	z-index:2
}
body.datacenter-index section.map .map-nav .africa .map {
	z-index:1
}
body.datacenter-index section.map .map-nav .africa:hover {
	cursor:pointer
}
body.datacenter-index section.map .map-nav .africa:hover .hover {
	display:inline
}
body.datacenter-index section.map .map-nav .africa .name {
	top:60px;
	left:80px
}
body.datacenter-index section.map .map-nav .asia {
	position:absolute;
	height:398px;
	width:544px;
	top:15px;
	right:0
}
body.datacenter-index section.map .map-nav .asia>img {
	position:absolute
}
body.datacenter-index section.map .map-nav .asia .map,body.datacenter-index section.map .map-nav .asia .hover {
	margin:auto;
	top:0;
	bottom:0;
	left:0;
	right:0
}
body.datacenter-index section.map .map-nav .asia .name {
	z-index:3
}
body.datacenter-index section.map .map-nav .asia .hover {
	display:none;
	z-index:2
}
body.datacenter-index section.map .map-nav .asia .map {
	z-index:1
}
body.datacenter-index section.map .map-nav .asia:hover {
	cursor:pointer
}
body.datacenter-index section.map .map-nav .asia:hover .hover {
	display:inline
}
body.datacenter-index section.map .map-nav .asia .name {
	top:130px;
	left:150px
}
body.datacenter-index section.map .map-nav .oceania {
	position:absolute;
	height:178px;
	width:230px;
	top:365px;
	right:34px
}
body.datacenter-index section.map .map-nav .oceania>img {
	position:absolute
}
body.datacenter-index section.map .map-nav .oceania .map,body.datacenter-index section.map .map-nav .oceania .hover {
	margin:auto;
	top:0;
	bottom:0;
	left:0;
	right:0
}
body.datacenter-index section.map .map-nav .oceania .name {
	z-index:3
}
body.datacenter-index section.map .map-nav .oceania .hover {
	display:none;
	z-index:2
}
body.datacenter-index section.map .map-nav .oceania .map {
	z-index:1
}
body.datacenter-index section.map .map-nav .oceania:hover {
	cursor:pointer
}
body.datacenter-index section.map .map-nav .oceania:hover .hover {
	display:inline
}
body.datacenter-index section.map .map-nav .oceania .name {
	top:40px;
	left:20px
}
@media screen and (max-width:1225px) {
	body.datacenter-index section.map .map-nav.lg {
	display:none
}
}body.datacenter-index section.map .map-nav.md {
	width:730px;
	height:360px;
	margin:auto
}
body.datacenter-index section.map .map-nav.md .northamerica {
	height:220px;
	width:323px
}
body.datacenter-index section.map .map-nav.md .northamerica .name {
	top:70px;
	left:98px
}
body.datacenter-index section.map .map-nav.md .southamerica {
	height:156px;
	width:96px;
	top:206px;
	left:178px
}
body.datacenter-index section.map .map-nav.md .southamerica .name {
	top:10px;
	left:0
}
body.datacenter-index section.map .map-nav.md .asia {
	height:246px;
	width:337px;
	top:8px;
	right:0
}
body.datacenter-index section.map .map-nav.md .asia .name {
	top:80px;
	left:80px
}
body.datacenter-index section.map .map-nav.md .europe {
	height:147px;
	width:198px;
	top:9px;
	right:246px
}
body.datacenter-index section.map .map-nav.md .europe .name {
	top:40px;
	left:50px
}
body.datacenter-index section.map .map-nav.md .africa {
	height:156px;
	width:142px;
	top:154px;
	right:280px
}
body.datacenter-index section.map .map-nav.md .africa .name {
	top:20px;
	left:40px
}
body.datacenter-index section.map .map-nav.md .oceania {
	height:110px;
	width:142px;
	top:227px;
	right:28px
}
body.datacenter-index section.map .map-nav.md .oceania .name {
	top:6px;
	left:4px
}
@media screen and (min-width:1225px) {
	body.datacenter-index section.map .map-nav.md {
	display:none
}
}body.datacenter-index section.map .text {
	text-align:center;
	font-size:16px;
	margin-top:30px
}
body.datacenter-index section.map .text a {
	color:#ef2a3a
}
@media screen and (max-width:768px) {
	body.datacenter-index section.map {
	display:none
}
}body.datacenter-index section.standard {
	background:#f1f4f9;
	padding-bottom:60px
}
@media screen and (max-width:768px) {
	body.datacenter-index section.standard {
	padding-bottom:20px
}
body.datacenter-index section.standard .tit1 h1 {
	font-size:26px
}
}body.datacenter-index section.standard .some-row>div>div {
	width:50%;
	background:#fff;
	vertical-align:middle
}
body.datacenter-index section.standard .some-row>div>div h3 {
	font-size:24px;
	margin-top:0;
	margin-bottom:10px;
	text-align:center
}
body.datacenter-index section.standard .some-row>div>div p {
	font-size:14px;
	max-width:85%;
	text-align:center
}
body.datacenter-index section.standard .some-row>div>div img {
	display:block;
	width:100%
}
body.datacenter-index section.standard .some-row>div>div:hover h3 {
	color:#ef2a3a
}
@media screen and (max-width:850px) {
	body.datacenter-index section.standard .some-row {
	display:block
}
body.datacenter-index section.standard .some-row>div {
	position:relative;
	display:block;
	margin-bottom:20px;
	padding-top:120px
}
body.datacenter-index section.standard .some-row>div>div {
	display:block;
	width:100%
}
body.datacenter-index section.standard .some-row>div>div.has-txt {
	padding-top:30px;
	padding-bottom:40px
}
body.datacenter-index section.standard .some-row>div>div.has-img {
	position:absolute;
	top:0;
	left:0;
	right:0;
	height:120px;
	overflow:hidden
}
body.datacenter-index section.standard .some-row>div>div.has-img img {
	display:block;
	width:100%
}
}body.datacenter-details section.banner .banner-txt h1 {
	color:#fff!important
}
body.datacenter-details .tab-wrap {
	background:#f1f4f9
}
body.datacenter-details .tab-wrap .tab .item,body.datacenter-details .tab-wrap .tab-nav .item {
	display:table-cell;
	position:relative;
	line-height:50px;
	padding:0 20px;
	font-size:16px
}
body.datacenter-details .tab-wrap .tab .item::before,body.datacenter-details .tab-wrap .tab-nav .item::before {
	content:"|";
	color:#ccc;
	position:absolute;
	left:0
}
body.datacenter-details .tab-wrap .tab .item:first-child::before,body.datacenter-details .tab-wrap .tab-nav .item:first-child::before {
	content:""
}
body.datacenter-details .tab-wrap .tab .item.current,body.datacenter-details .tab-wrap .tab-nav .item.current {
	border-top:3px #ef2a3a solid;
	border-bottom:0;
	background:#fff
}
body.datacenter-details .tab-wrap .tab .item.current::before,body.datacenter-details .tab-wrap .tab-nav .item.current::before {
	content:""
}
body.datacenter-details .tab-wrap .tab .item.current::after,body.datacenter-details .tab-wrap .tab-nav .item.current::after {
	content:"";
	position:absolute;
	left:0;
	bottom:-1px;
	height:1px;
	width:100%;
	background:#fff
}
body.datacenter-details .tab-wrap .tab .item.current+.item::before,body.datacenter-details .tab-wrap .tab-nav .item.current+.item::before {
	content:""
}
body.datacenter-details section.intro {
	overflow:hidden
}
body.datacenter-details section.intro .intro-txt {
	position:relative;
	width:100%;
	height:460px;
	display:table-cell;
	padding-right:460px;
	vertical-align:middle
}
body.datacenter-details section.intro .intro-txt .txt {
	position:relative;
	margin:-30px auto 0;
	line-height:30px;
	top:0;
	bottom:0;
	z-index:2
}
body.datacenter-details section.intro .intro-txt .txt h1 {
	font-size:30px;
	margin-top:0;
	margin-bottom:16px
}
body.datacenter-details section.intro .intro-txt .txt .advs {
	margin:-10px -20px -20px
}
body.datacenter-details section.intro .intro-txt .txt .advs .one-row {
	border-collapse:separate;
	border-spacing:20px
}
body.datacenter-details section.intro .intro-txt .txt .advs .one-row>div {
	background:rgba(226,236,249,.5);
	padding:10px 20px
}
body.datacenter-details section.intro .intro-txt .txt .advs .one-row>div h3 {
	margin:0;
	line-height:30px
}
body.datacenter-details section.intro .intro-txt .txt .advs .one-row>div h3::before {
	content:"●";
	color:#ef2a3a;
	font-size:12px;
	padding-right:6px
}
body.datacenter-details section.intro .intro-txt .txt .advs .one-row>div p {
	margin:0;
	line-height:20px;
	color:#999;
	font-size:12px
}
body.datacenter-details section.intro .intro-txt img {
	position:absolute;
	top:0;
	right:0;
	z-index:1
}
@media screen and (max-width:1200px) {
	body.datacenter-details section.intro .intro-txt {
	padding-right:0
}
body.datacenter-details section.intro .intro-txt .txt .advs .one-row>div {
	border:1px solid #ddd
}
body.datacenter-details section.intro .intro-txt img {
	opacity:.2
}
}@media screen and (max-width:768px) {
	body.datacenter-details section.intro .intro-txt {
	height:auto!important;
	padding:60px 0 30px
}
body.datacenter-details section.intro .intro-txt .txt .advs .one-row>div {
	display:block;
	margin-bottom:20px
}
}body.datacenter-details section.parameter {
	background:#f1f4f9;
	padding-bottom:60px
}
body.datacenter-details section.parameter gap {
	width:36px
}
body.datacenter-details section.parameter .parameter-wrap {
	margin:-30px
}
body.datacenter-details section.parameter .parameter-wrap table {
	width:100%;
	border-collapse:separate;
	border-spacing:30px
}
body.datacenter-details section.parameter .parameter-wrap table tr td {
	border:1px solid #ccddf0;
	background:#fff;
	padding:24px;
	vertical-align:top;
	width:33.3%
}
body.datacenter-details section.parameter .parameter-wrap table tr td img {
	max-width:100%
}
body.datacenter-details section.parameter .parameter-wrap table tr td h3 {
	font-size:18px;
	margin:10px 0 0
}
body.datacenter-details section.parameter .parameter-wrap table tr td p {
	color:#999
}
body.datacenter-details section.parameter .parameter-wrap table tr td ul {
	margin:0
}
body.datacenter-details section.parameter .parameter-wrap table tr td ul li::before {
	font-family:iconfont!important;
	font-size:16px;
	font-style:normal;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	content:"\e6cd";
	color:#ef2a3a;
	margin-right:6px;
	font-size:12px
}
@media screen and (max-width:992px) {
	body.datacenter-details section.parameter .parameter-wrap {
	margin:-10px
}
body.datacenter-details section.parameter .parameter-wrap table {
	border-spacing:10px
}
}@media screen and (max-width:768px) {
	body.datacenter-details section.parameter .parameter-wrap table tr td {
	display:block;
	margin-bottom:20px;
	width:100%
}
body.datacenter-details section.parameter .parameter-wrap table tr td img {
	width:100%
}
}body.datacenter-details section.show {
	padding-bottom:60px
}
body.datacenter-details section.show .show-table {
	margin:-30px
}
body.datacenter-details section.show .show-table table {
	width:100%;
	border-collapse:separate;
	border-spacing:30px
}
body.datacenter-details section.show .show-table table td {
	text-align:center
}
body.datacenter-details section.show .show-table table td img {
	width:100%
}
@media screen and (max-width:992px) {
	body.datacenter-details section.show .show-table {
	margin:-10px
}
body.datacenter-details section.show .show-table table {
	border-spacing:10px
}
}@media screen and (max-width:768px) {
	body.datacenter-details section.show .show-table table td {
	display:block;
	margin-bottom:20px
}
}body.solution-index {
	background:url(/img/bg/013.png) center bottom no-repeat,#eee
}
body.solution-index .banner-txt {
	height:200px!important
}
body.solution-index .banner-txt h1 {
	margin-bottom:10px!important;
	color:#fff
}
body.solution-index .banner-txt h3 {
	margin-bottom:0;
	color:#fff
}
body.solution-index .banner .tab-wrap .bg {
	background:#111b2c;
	opacity:.6
}
body.solution-index .some-row {
	border-collapse:collapse
}
body.solution-index .some-row>div>div {
	border:1px solid #ddd;
	text-align:center;
	width:33.33%;
	background:#fff
}
body.solution-index .some-row>div>div .item {
	position:relative;
	width:100%;
	height:220px;
	padding:30px
}
body.solution-index .some-row>div>div .item h4 {
	font-size:16px;
	margin:10px auto
}
body.solution-index .some-row>div>div .item p {
	color:#999;
	text-align:center;
	font-size:12px
}
@media screen and (max-width:992px) {
	body.solution-index .some-row>div>div .item {
	height:260px
}
}@media screen and (max-width:768px) {
	body.solution-index .some-row>div>div .item {
	height:300px
}
}body.solution-index .some-row>div>div .item:hover {
	cursor:pointer;
	box-shadow:0 0 20px #ccc
}
body.solution-index .some-row>div>div .item:hover h4 {
	color:#ef2a3a
}
@media screen and (max-width:720px) {
	body.solution-index .some-row>div>div {
	display:block;
	width:100%;
	border:0;
	margin-bottom:20px
}
body.solution-index .some-row>div>div .item {
	height:auto;
	border:1px solid #ddd
}
}body.solution-index section.honor {
	background:#fff;
	padding-top:20px;
	padding-bottom:20px
}
body.solution-index section.honor .honor-table>div {
	text-align:center
}
body.solution-index section.honor .honor-table>div h3 {
	width:200px;
	margin:8px auto 0
}
@media screen and (max-width:992px) {
	body.solution-index section.honor .honor-table>div h3 {
	display:none
}
}body.solution-index section.custom {
	padding-bottom:40px
}
body.solution-index section.custom .custom-wrap {
	background:#fff;
	padding:30px
}
body.solution-index section.custom .custom-wrap h3 {
	font-weight:700
}
body.solution-index section.custom .btn {
	display:block;
	width:260px;
	margin:30px auto
}
body.solutions .banner .tab-wrap {
	display:none
}
body.solutions .banner-max {
	margin-bottom:0
}
body.solutions section:not(.situation) {
	padding-bottom:60px;
	position:relative
}
@media screen and (max-width:768px) {
	body.solutions section:not(.situation) {
	padding-bottom:40px
}
}body.solutions section.banner {
	overflow:hidden
}
body.solutions section.banner .banner-txt {
	position:relative;
	z-index:5;
	height:320px;
	transition:all .5s
}
body.solutions section.banner::before {
	content:"";
	background:url(/img/banner/solution-banner.png) center no-repeat;
	height:100%;
	width:100%;
	min-height:700px;
	position:absolute;
	top:0
}
body.solutions section.banner .banner-icon {
	position:absolute;
	float:right;
	top:5px;
	right:8%;
	width:430px;
	height:305px;
	transition:all .5s
}
body.solutions section.banner .banner-icon img {
	position:relative;
	margin:auto;
	width:100%
}
body.solutions section.banner .situation {
	margin-top:-15px;
	margin-bottom:20px
}
body.solutions section.banner .situation .tit1 {
	display:none
}
body.solutions section.banner .situation .wrapper {
	z-index:3;
	padding:0;
	position:relative
}
body.solutions section.banner .situation .wrapper .content {
	background:#fff;
	padding:10px 26px 20px
}
body.solutions section.banner .situation .wrapper .content h3 {
	font-weight:700;
	font-size:18px;
	margin:10px 0 0
}
body.solutions section.banner .situation .wrapper .content p {
	color:#999;
	line-height:30px;
	margin:10px 0 0
}
body.solutions section.banner .situation .wrapper .content ul {
	margin:0
}
body.solutions section.banner .situation .wrapper .content ul li {
	margin:5px 0
}
body.solutions section.banner .situation .wrapper .content::before {
	content:"";
	position:absolute;
	margin:auto;
	top:0;
	bottom:0;
	left:0;
	right:0;
	box-shadow:0 0 20px #ddd;
	z-index:1
}
body.solutions section.banner .situation .wrapper .content-max {
	bottom:70px
}
@media screen and (max-width:768px) {
	body.solutions section.banner .wrapper .banner-icon {
	background-size:90%;
	right:1%;
	transition:all .5s
}
body.solutions section.banner .wrapper .situation .wrapper .content {
	padding-right:28px
}
}@media screen and (max-width:576px) {
	body.solutions section.banner .wrapper .banner-icon {
	background-size:90%;
	right:-15%;
	transition:all .5s
}
}@media screen and (max-width:480px) {
	body.solutions section.banner .wrapper .banner-txt {
	z-index:2;
	height:280px;
	transition:all .5s
}
body.solutions section.banner .wrapper .banner-icon {
	background-size:70%;
	right:-35%;
	top:-80px;
	transition:all .5s
}
}body.solutions section.apply {
	background:url(/img/bg/025.png);
	padding-bottom:100px
}
body.solutions section.apply .apply-table {
	margin:-60px
}
body.solutions section.apply .apply-table table {
	margin:auto;
	width:100%;
	border-collapse:separate;
	border-spacing:60px
}
body.solutions section.apply .apply-table table td {
	position:relative
}
body.solutions section.apply .apply-table table td img {
	display:block;
	max-width:100%
}
body.solutions section.apply .apply-table table td span {
	position:absolute;
	margin:auto;
	top:0;
	bottom:0;
	left:0;
	right:0;
	top:auto;
	bottom:-28px;
	height:56px;
	line-height:56px;
	width:70%;
	text-align:center;
	background:#fff;
	box-shadow:0 0 10px rgba(0,0,0,.2);
	font-size:20px;
	z-index:2
}
body.solutions section.apply .apply-table table td small {
	display:none;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	line-height:20px;
	font-size:14px;
	color:#fff;
	padding:40px 30px;
	background:rgba(30,48,82,.7);
	z-index:1
}
body.solutions section.apply .apply-table table td:hover small {
	display:block
}
body.solutions section.apply .apply-table table.w75per {
	width:75%
}
@media screen and (max-width:768px) {
	body.solutions section.apply .apply-table {
	margin:-20px
}
body.solutions section.apply .apply-table table {
	border-spacing:20px
}
body.solutions section.apply .apply-table table td span {
	bottom:-15px;
	height:30px;
	line-height:30px;
	font-size:16px
}
}@media screen and (max-width:500px) {
	body.solutions section.apply .apply-table {
	margin:0
}
body.solutions section.apply .apply-table table {
	display:block;
	border-collapse:collapse
}
body.solutions section.apply .apply-table table.w75per {
	width:100%
}
body.solutions section.apply .apply-table table tbody,body.solutions section.apply .apply-table table tr {
	display:block
}
body.solutions section.apply .apply-table table td {
	position:relative;
	display:block;
	margin-bottom:40px
}
body.solutions section.apply .apply-table table td img {
	width:100%
}
body.solutions section.apply .apply-table table td span {
	bottom:-20px;
	height:40px;
	line-height:40px;
	font-size:18px
}
}body.solutions section.need {
	background-size:cover;
	overflow:hidden
}
body.solutions section.need .tit1 h1 {
	color:#fff
}
body.solutions section.need .black-tit1 h1 {
	color:#333
}
body.solutions section.need .card {
	margin:0 -20px
}
body.solutions section.need .card .some-row {
	border-spacing:20px
}
body.solutions section.need .card .some-row>div>div {
	border:1px solid #ddd;
	text-align:center;
	width:25%;
	background:#fff;
	opacity:.9;
	transition:opacity .8s
}
body.solutions section.need .card .some-row>div>div:hover {
	opacity:1;
	transition:all .8s
}
body.solutions section.need .card .some-row>div>div .item {
	position:relative;
	width:100%;
	height:260px;
	padding:25px 20px
}
body.solutions section.need .card .some-row>div>div .item>:first-child {
	height:60px;
	line-height:60px
}
body.solutions section.need .card .some-row>div>div .item>:first-child img {
	max-height:55px;
	position:relative;
	display:inline-block;
	vertical-align:middle
}
body.solutions section.need .card .some-row>div>div .item h3 {
	font-weight:700;
	font-size:18px;
	margin-bottom:0
}
body.solutions section.need .card .some-row>div>div .item h4 {
	margin-top:10px
}
body.solutions section.need .card3 {
	margin:0 100px
}
body.solutions section.need .card5 .some-row>div>div {
	display:block;
	width:100%;
	margin-bottom:10px
}
body.solutions section.need .card5 .some-row>div>div .item {
	text-align:left;
	display:table;
	padding:0 0 0 10px;
	height:106px
}
body.solutions section.need .card5 .some-row>div>div .item>div {
	display:table-cell;
	vertical-align:middle
}
body.solutions section.need .card5 .some-row>div>div .item>:first-child {
	width:60px
}
body.solutions section.need .card5 .some-row>div>div .item>:last-child {
	text-align:left
}
body.solutions section.need .card5 .some-row>div>div .item>:last-child h3,body.solutions section.need .card5 .some-row>div>div .item>:last-child h4 {
	margin:0
}
@media screen and (max-width:1220px) {
	body.solutions section.need .card .some-row>div>div .item {
	height:290px
}
body.solutions section.need .card5 .some-row>div>div .item {
	height:106px
}
}@media screen and (max-width:992px) {
	body.solutions section.need .card .some-row>div>div {
	display:block;
	width:100%;
	margin-bottom:10px
}
body.solutions section.need .card .some-row>div>div .item {
	text-align:left;
	display:table;
	padding:0;
	height:106px
}
body.solutions section.need .card .some-row>div>div .item>div {
	display:table-cell;
	vertical-align:middle
}
body.solutions section.need .card .some-row>div>div .item>:first-child {
	width:60px
}
body.solutions section.need .card .some-row>div>div .item>:last-child {
	text-align:left
}
body.solutions section.need .card .some-row>div>div .item>:last-child h3,body.solutions section.need .card .some-row>div>div .item>:last-child h4 {
	margin:0
}
body.solutions section.need .card3 {
	margin:0 -20px
}
}body.solutions section.advantage {
	background:#f3f8fc;
	overflow:hidden
}
body.solutions section.advantage .advantage-wrap {
	box-shadow:none;
	background:0 0
}
body.solutions section.advantage .advantage-wrap h3 {
	white-space:nowrap
}
body.solutions section.advantage .advantage-wrap .advantage-table gap {
	display:none
}
body.solutions section.advantage .advantage-wrap .advantage-table .item {
	position:relative;
	padding-top:80px
}
body.solutions section.advantage .advantage-wrap .advantage-table .item .img {
	position:absolute;
	top:0;
	left:0;
	right:0;
	margin:auto;
	height:80px;
	width:80px;
	border-radius:50%;
	overflow:hidden;
	background:#fff;
	-moz-box-shadow:0 0 20px #ddd;
	-webkit-box-shadow:0 0 20px #ddd;
	box-shadow:0 0 20px #ddd
}
body.solutions section.advantage .advantage-wrap .advantage-table .item .img img {
	position:absolute;
	margin:auto;
	top:0;
	bottom:0;
	left:0;
	right:0
}
body.solutions section.advantage .advantage-wrap .advantage-table .item p.w140 {
	max-width:140px
}
@media screen and (max-width:768px) {
	body.solutions section.advantage .advantage-wrap .advantage-table .item {
	padding-top:60px
}
body.solutions section.advantage .advantage-wrap .advantage-table .item .img {
	height:60px;
	width:60px
}
body.solutions section.advantage .advantage-wrap .advantage-table .item .img img {
	max-width:66%;
	max-height:66%
}
}body.solutions section.partner .one-row {
	width:auto;
	border-collapse:separate;
	border-spacing:40px;
	margin:-20px auto
}
@media screen and (max-width:992px) {
	body.solutions section.partner .one-row {
	border-spacing:20px
}
}@media screen and (max-width:768px) {
	body.solutions section.partner .one-row {
	border-spacing:10px
}
}body.solutions section.partner .partner-table {
	margin:30px -20px 10px
}
body.solutions section.partner .partner-table .one-row {
	width:100%;
	border-collapse:separate;
	border-spacing:20px
}
body.solutions section.partner .partner-table .one-row .item {
	width:20%;
	box-shadow:0 0 10px #ddd;
	padding:20px 6px 10px
}
body.solutions section.partner .partner-table .one-row .item table {
	width:100%
}
body.solutions section.partner .partner-table .one-row .item table td {
	height:56px;
	vertical-align:middle
}
body.solutions section.partner .partner-table .one-row .item table td img {
	max-width:100%!important
}
body.solutions section.partner .partner-table .one-row .item p {
	margin:0
}
@media screen and (max-width:1350px) {
	body.solutions section.partner .partner-table .one-row .item {
	margin-bottom:20px
}
body.solutions section.partner .partner-table .one-row .item table {
	width:auto;
	margin:auto
}
body.solutions section.partner .partner-table .one-row .item table td {
	display:block;
	height:44px;
	padding:0 10px
}
}@media screen and (max-width:768px) {
	body.solutions section.partner .partner-table {
	margin-left:-10px;
	margin-right:-10px
}
body.solutions section.partner .partner-table .one-row {
	border-spacing:10px
}
}@media screen and (max-width:480px) {
	body.solutions section.partner .partner-table {
	margin-left:0;
	margin-right:0
}
body.solutions section.partner .partner-table .one-row {
	border-spacing:10px
}
body.solutions section.partner .partner-table .one-row .item {
	display:block;
	width:100%
}
body.solutions section.partner .partner-table .one-row .item table td {
	display:table-cell
}
}body.solutions section.partner img {
	max-height:48px;
	max-width:200px
}
@media screen and (max-width:768px) {
	body.solutions section.partner img {
	max-width:100%
}
}body.solutions section.recommend {
	display:none;
	background:#f1f4f9
}
body.solutions section.recommend .server-item-wrap {
	display:block;
	margin:-20px
}
body.solutions section.recommend .server-item-wrap table {
	width:100%;
	border-collapse:separate;
	border-spacing:40px
}
body.solutions section.recommend .server-item-wrap table .server-item {
	background:#fff;
	height:120px;
	white-space:nowrap;
	width:100%;
	-webkit-box-shadow:0 0 8px #ccc;
	box-shadow:0 0 8px #ccc;
	border-collapse:collapse
}
body.solutions section.recommend .server-item-wrap table .server-item>div {
	text-align:center
}
body.solutions section.recommend .server-item-wrap table .server-item .btn {
	display:table-cell;
	color:#666;
	background:#eee;
	border:0;
	border-radius:0;
	font-size:16px;
	letter-spacing:0;
	width:100px
}
body.solutions section.recommend .server-item-wrap table .server-item .btn:hover {
	color:#fff;
	background:#ef2a3a
}
body.solutions section.recommend .server-item-wrap table .server-item p:first-child {
	font-size:16px;
	color:#333;
	font-weight:700
}
@media screen and (max-width:992px) {
	body.solutions section.recommend .server-item-wrap table td {
	display:block
}
body.solutions section.recommend .server-item-wrap table .server-item {
	margin-bottom:20px
}
}body.solutions section.recommend center .btn {
	margin-top:30px
}
body.solutions.solution-SM section.partner img {
	max-height:none!important;
	max-width:none!important
}
body.solutions.solution-BC section.feature {
	background:url(/img/bg/037.png) no-repeat center;
	background-size:cover
}
body.solutions.solution-BC section.feature .tit1 h1 {
	color:#fff
}
body.solutions.solution-BC section.feature .feature-table {
	margin:0 -12px
}
body.solutions.solution-BC section.feature .feature-table .one-row {
	border-collapse:separate;
	border-spacing:12px
}
body.solutions.solution-BC section.feature .feature-table .one-row>div {
	background:rgba(255,255,255,.8);
	width:20%;
	padding:24px;
	vertical-align:top
}
body.solutions.solution-BC section.feature .feature-table .one-row>div h3 {
	font-weight:700;
	margin:10px auto
}
@media screen and (max-width:992px) {
	body.solutions.solution-BC section.feature .feature-table {
	margin:12px 0
}
body.solutions.solution-BC section.feature .feature-table .one-row {
	display:block
}
body.solutions.solution-BC section.feature .feature-table .one-row>div {
	display:block;
	width:100%;
	margin-bottom:12px
}
}body.solutions.solution-PS section.situation .content {
	background:url(/img/bg/047.png) no-repeat right center
}
body.solutions.solution-PS section.advantage {
	padding-bottom:0
}
body.solutions.solution-PS section.advantage .advantage-table>* {
	width:33.3%
}
@media screen and (max-width:992px) {
	body.solutions.solution-PS section.advantage .advantage-table h3 {
	font-size:14px
}
}body.solutions.solution-PS section.advantage .advantage-table2 {
	margin-top:45px
}
body.solutions.solution-PS .ps-tit {
	padding-top:40px;
	padding-bottom:0
}
body.solutions.solution-DR section.topology img {
	margin-top:20px;
	max-width:70%
}
@media screen and (max-width:768px) {
	body.solutions.solution-DR section.topology img {
	margin-top:10px;
	max-width:100%
}
}body.about:not(.service) .banner .banner-txt {
	max-width:600px!important;
	height:120px!important
}
body.about:not(.service) .banner .banner-txt h1 {
	color:#fff;
	font-size:36px!important;
	margin-bottom:10px!important
}
body.about:not(.service) .banner .banner-txt h3 {
	color:#fff
}
@media screen and (min-width:1081px) {
	body.about .banner .tab-wrap {
	display:none!important
}
}body.about .banner .tab-wrap .tab {
	margin:auto!important
}
body.about .banner .tab-wrap .tab .item {
	line-height:48px!important;
	font-size:16px!important
}
@media screen and (max-width:992px) {
	body.about .banner .tab-wrap gap {
	display:none
}
}@media screen and (max-width:480px) {
	body.about .banner .tab-wrap {
	min-height:100px
}
}body.about .vertical-nav ul {
	height:auto!important
}
body.about .article-nav {
	border-top:1px solid #ddd;
	padding-top:10px;
	margin:20px 0 60px
}
body.about .article-nav a {
	display:block;
	color:#999
}
body.about .tab-wrap {
	margin-top:16px
}
body.about .tab-wrap .tab,body.about .tab-wrap .tab-nav {
	margin:0
}
body.about .tab-wrap .tab .item,body.about .tab-wrap .tab-nav .item {
	line-height:36px;
	font-size:16px
}
body.about .tab-wrap .tab gap,body.about .tab-wrap .tab-nav gap {
	width:30px
}
body.about .content-temp {
	padding-bottom:40px
}
body.about .content-temp h2 {
	font-weight:700
}
body.about .content-temp h2:first-child {
	margin-top:0
}
body.about .content-temp p {
	line-height:30px;
	text-indent:30px
}
body.about .about-content {
	padding-bottom:40px
}
body.about .about-content h2 {
	font-weight:700
}
body.about .about-content h2:first-child {
	margin-top:0
}
body.about .about-content p {
	line-height:30px;
	text-indent:30px
}
body.about .about-content .about-data {
	margin:-20px
}
body.about .about-content .about-data table {
	width:100%;
	border-collapse:separate;
	border-spacing:20px
}
body.about .about-content .about-data img {
	width:100%
}
@media screen and (max-width:768px) {
	body.about .about-content .about-data {
	margin:-6px
}
body.about .about-content .about-data table {
	border:spacing 6px
}
}body.about .about-content img {
	max-width:100%
}
body.about .about-content .img-txt {
	color:#999
}
@media screen and (max-width:1200px) {
	body.about .about-content .img-txt .txt p {
	line-height:26px
}
}body.about .about-content .partner-table {
	margin:-12px
}
body.about .about-content .partner-table table {
	width:100%;
	border-collapse:separate;
	border-spacing:12px
}
body.about .about-content .partner-table table td {
	width:33.33%;
	border:1px solid #ddd;
	vertical-align:middle;
	text-align:center;
	height:60px;
	overflow:hidden
}
body.about .about-content .partner-table table img {
	max-width:110px;
	max-height:40px
}
@media screen and (max-width:768px) {
	body.about .about-content .partner-table table img {
	max-width:90%
}
}body.about .about-content .almanac .years {
	position:relative
}
body.about .about-content .almanac .years .years-table {
	position:relative;
	z-index:2;
	width:90%;
	margin:auto;
	left:0;
	right:0
}
body.about .about-content .almanac .years .years-table>div {
	text-align:center
}
body.about .about-content .almanac .years .years-table>div h2 {
	margin:0;
	font-size:20px;
	line-height:30px
}
body.about .about-content .almanac .years .years-table>div .dot {
	width:35px;
	height:41px;
	margin:auto;
	background:url(/img/other/almanac-dot.png) top center no-repeat
}
body.about .about-content .almanac .years .years-table>div .temp h2 {
	color:#ef2a3a
}
body.about .about-content .almanac .years .years-table>div .temp .dot {
	background-image:url(/img/other/almanac-dot-current.png)
}
body.about .about-content .almanac .years .years-table>div.current h2 {
	color:#ef2a3a
}
body.about .about-content .almanac .years .years-table>div.current .dot {
	background-image:url(/img/other/almanac-dot-current.png)
}
body.about .about-content .almanac .years .years-table>div:hover {
	cursor:pointer
}
body.about .about-content .almanac .years .years-table>div:hover h2 {
	color:#ef2a3a
}
body.about .about-content .almanac .years .years-table>div:hover .dot {
	background-image:url(/img/other/almanac-dot-current.png)
}
body.about .about-content .almanac .years .slash {
	position:absolute;
	top:45px;
	height:5px;
	width:100%;
	background:#ddd;
	z-index:1
}
body.about .about-content .almanac .events {
	display:none;
	background:#f1f4f9;
	color:#636d7d;
	padding:10px 30px;
	margin-top:10px
}
body.about .about-content .almanac .events.current {
	display:block
}
body.about .about-content .almanac .events ul {
	padding-left:20px
}
body.about .about-content .almanac .events ul li {
	position:relative;
	padding:5px 0 5px 50px
}
body.about .about-content .almanac .events ul li span {
	position:absolute;
	left:0
}
@media screen and (max-width:768px) {
	body.about .about-content .almanac .years .years-table {
	width:100%
}
body.about .about-content .almanac .years .years-table>div {
	text-align:center
}
body.about .about-content .almanac .years .years-table>div h2 {
	font-size:14px;
	padding-top:16px;
	line-height:14px
}
}body.about .about-content .story-table {
	margin:-6px
}
body.about .about-content .story-table table {
	border-collapse:separate;
	border-spacing:6px;
	width:100%;
	margin-top:10px
}
body.about .about-content .story-table table td:only-child {
	padding-bottom:10px
}
body.about .about-content .story-table table h3,body.about .about-content .story-table table h4 {
	color:#666;
	margin:0;
	text-align:center
}
body.about .about-content .feedback-table>div {
	color:#666;
	background:#fafcff;
	border:1px solid #ddd;
	padding:10px;
	text-align:center;
	vertical-align:top
}
body.about .about-content .feedback-table>div .img {
	position:relative;
	height:80px
}
body.about .about-content .feedback-table>div .img img {
	position:absolute;
	margin:auto;
	top:0;
	left:0;
	right:0;
	bottom:0;
	max-width:180px
}
body.about .about-content .feedback-table>div p {
	width:245px
}
body.about .about-content .feedback-table>gap {
	width:20px;
	min-width:20px
}
@media screen and (max-width:992px) {
	body.about .about-content .feedback-table {
	display:block
}
body.about .about-content .feedback-table>div {
	display:block;
	margin-bottom:20px
}
body.about .about-content .feedback-table>div p {
	width:80%;
	margin-bottom:20px
}
}body.about .about-content .qualifications-table {
	border-bottom:#ddd dashed 1px
}
body.about .about-content .qualifications-table img {
	background:#f8f8f8;
	border:1px solid #ddd;
	padding:20px
}
body.about .about-content .qualifications-table h4 {
	color:#999;
	margin:0;
	text-align:center
}
body.about .about-content .qualifications-table>div {
	padding-bottom:10px
}
body.about .about-content .honor-table {
	border-collapse:collapse;
	margin-bottom:20px
}
body.about .about-content .honor-table>div {
	border:1px solid #ddd
}
body.about .about-content .honor-table>div.img {
	background:#f8f8f8;
	width:240px;
	text-align:center;
	padding:20px 0
}
body.about .about-content .honor-table>div.txt {
	padding:20px
}
body.about .about-content .honor-table>div.txt h3 {
	font-weight:700;
	margin:0
}
body.about .about-content .honor-table>div.txt h4 {
	margin:6px 0
}
body.about .about-content .honor-table>div.txt p {
	text-indent:0;
	color:#999
}
@media screen and (max-width:768px) {
	body.about .about-content .honor-table {
	display:block
}
body.about .about-content .honor-table>div {
	display:block
}
body.about .about-content .honor-table>div.img {
	width:100%;
	border-bottom:0;
	padding:10px 0
}
body.about .about-content .honor-table>div.img img {
	zoom:.5
}
body.about .about-content .honor-table>div.txt {
	border-top:0;
	padding:10px
}
body.about .about-content .honor-table>div.txt p {
	line-height:20px
}
}body.about .about-content .job-intro h3 {
	font-size:18px;
	margin:5px 0
}
body.about .about-content .job-intro p {
	line-height:20px;
	text-indent:0
}
body.about .about-content .job-intro .mail {
	color:#333;
	background:#f1f4f9;
	padding:20px
}
body.about .about-content .job-intro .mail a {
	color:#ef2a3a;
	font-size:16px
}
body.about .about-content .job-intro .mail a.btn {
	font-size:12px
}
body.about .about-content .job-intro .mail a.btn:hover {
	color:#fff
}
body.about .about-content .job-list {
	margin-top:30px
}
body.about .about-content .job-list .item {
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	padding:14px 20px
}
body.about .about-content .job-list .item:not(.head) {
	background:#f1f4f9
}
body.about .about-content .job-list .item .title {
	position:relative
}
body.about .about-content .job-list .item .title h3 {
	margin:0
}
body.about .about-content .job-list .item .title>* {
	color:#333;
	display:inline-block;
	font-size:16px
}
body.about .about-content .job-list .item .title>*:nth-child(1) {
	width:40%
}
body.about .about-content .job-list .item .title>*:nth-child(2) {
	width:30%
}
body.about .about-content .job-list .item .title>*:nth-child(3) {
	width:24%
}
body.about .about-content .job-list .item .title::after {
	content:"+";
	position:absolute;
	height:24px;
	width:24px;
	margin:auto;
	right:0;
	top:0;
	bottom:0;
	text-align:center
}
body.about .about-content .job-list .item:not(.head) .title:hover {
	cursor:pointer
}
body.about .about-content .job-list .item.head {
	font-weight:700
}
body.about .about-content .job-list .item.head h3 {
	font-weight:700
}
body.about .about-content .job-list .item.head .title::after {
	content:""
}
body.about .about-content .job-list .item .details {
	color:#999;
	height:0;
	transition:height 1s;
	overflow:hidden
}
body.about .about-content .job-list .item .details h4 {
	margin:0
}
body.about .about-content .job-list .item.open {
	background:#fff
}
body.about .about-content .job-list .item.open .title::after {
	content:"-";
	font-size:20px
}
body.about .about-content .job-list .item.open .details {
	height:auto;
	margin-top:14px;
	padding-top:10px;
	border-top:#ddd dashed 1px;
	transition:height 1s
}
body.about .about-content .job-list .item:last-child {
	border-bottom:1px solid #ddd
}
body.about .about-content .hotline-table {
	color:#999
}
body.about .about-content .hotline-table>div {
	padding:5px 16px
}
body.about .about-content .hotline-table .hotline {
	color:#333;
	background:#f1f4f9;
	position:relative;
	white-space:nowrap;
	width:320px;
	line-height:40px;
	padding-left:52px
}
body.about .about-content .hotline-table .hotline b {
	font-size:24px;
	color:#ef2a3a;
	font-weight:400
}
body.about .about-content .hotline-table .hotline img {
	position:absolute;
	top:10px;
	left:16px
}
@media screen and (max-width:768px) {
	body.about .about-content .hotline-table {
	display:block
}
body.about .about-content .hotline-table>div {
	display:block;
	width:100%!important
}
}body.about .about-content .business-table {
	display:table
}
body.about .about-content .business-table>div {
	display:table-cell
}
body.about .about-content .business-table>div .item {
	border:1px solid #ddd;
	padding:10px;
	margin-right:20px;
	width:300px
}
body.about .about-content .business-table>div .item h3 {
	font-weight:700;
	margin:10px 0
}
body.about .about-content .business-table>div .item h3 img {
	padding-right:10px
}
body.about .about-content .business-table>div .item h4 {
	margin-top:0;
	margin-bottom:10px
}
@media screen and (max-width:768px) {
	body.about .about-content .business-table {
	display:block
}
body.about .about-content .business-table>div {
	display:block;
	padding-bottom:20px
}
}@media screen and (max-width:480px) {
	body.about .about-content .business-table .item {
	width:100%!important
}
}body.about .about-content .address-table {
	margin:-20px
}
body.about .about-content .address-table .some-row {
	border-collapse:separate;
	border-spacing:20px
}
body.about .about-content .address-table .some-row>div>div {
	border:1px solid #ddd;
	padding:5px 16px
}
body.about .about-content .address-table .some-row>div>div:first-child {
	width:50%
}
body.about .about-content .address-table .some-row>div>div .title {
	color:#fc3e47;
	font-size:24px;
	line-height:50px;
	border-bottom:#ddd 1px solid;
	margin-bottom:10px
}
body.about .about-content .address-table .some-row>div>div p {
	position:relative;
	padding-left:26px;
	font-size:16px;
	color:#333;
	margin-top:5px;
	text-indent:0
}
body.about .about-content .address-table .some-row>div>div p::before {
	content:"";
	position:absolute;
	left:0;
	top:3px;
	height:20px;
	width:20px
}
body.about .about-content .address-table .some-row>div>div p.add::before {
	background:url(/img/other/contact-add.png) left no-repeat
}
body.about .about-content .address-table .some-row>div>div p.tel::before {
	background:url(/img/other/contact-tel.png) left no-repeat
}
@media screen and (max-width:768px) {
	body.about .about-content .address-table .some-row {
	display:block;
	margin:0;
	padding:20px
}
body.about .about-content .address-table .some-row>div {
	display:block
}
body.about .about-content .address-table .some-row>div>div {
	display:block;
	width:100%!important;
	margin-bottom:20px
}
}body.about .service-content {
	padding-bottom:40px
}
body.about .service-content h2 {
	font-weight:700
}
body.about .service-content h2:first-child {
	margin-top:0
}
body.about .service-content p {
	line-height:30px;
	text-indent:30px
}
body.about .service-content .service-table {
	margin:-20px
}
body.about .service-content .service-table .one-row {
	border-collapse:separate;
	border-spacing:20px
}
body.about .service-content .service-table .one-row>div {
	border:1px solid #ddd;
	text-align:center;
	width:20%;
	padding:20px 0;
	vertical-align:top
}
body.about .service-content .service-table .one-row>div img {
	margin-bottom:10px
}
body.about .service-content .service-table .one-row>div h4 {
	margin:0
}
@media screen and (max-width:768px) {
	body.about .service-content .service-table {
	margin:-6px
}
body.about .service-content .service-table .one-row {
	border-spacing:6px
}
body.about .service-content .service-table .one-row>div {
	padding:10px 0
}
body.about .service-content .service-table .one-row>div img {
	width:40px
}
}body.about .service-content .service-item h3 {
	border-bottom:1px solid #ddd;
	margin-bottom:0;
	padding-left:16px;
	position:relative;
	font-size:18px;
	line-height:38px
}
body.about .service-content .service-item h3::before {
	position:absolute;
	left:0;
	content:"●";
	color:#ef2a3a
}
body.about .service-content .service-item p {
	text-indent:0;
	padding-left:16px;
	line-height:20px
}
body.about .service-content .service-item ul {
	padding-left:16px;
	margin-top:4px
}
body.about .service-content .service-item .btn {
	margin-left:16px
}
body.about .news-page {
	padding-top:20px
}
body.about .news-page>div {
	vertical-align:top
}
body.about .news-page>div:last-child {
	width:340px;
	min-width:340px
}
@media screen and (max-width:992px) {
	body.about .news-page>div:last-child {
	width:240px;
	min-width:240px
}
}@media screen and (max-width:768px) {
	body.about .news-page>div:last-child {
	display:none!important
}
}body.about .news-page>gap {
	width:38px
}
@media screen and (max-width:992px) {
	body.about .news-page>gap {
	display:none!important
}
}body.about .news-page .news-content {
	padding-bottom:60px
}
body.about .news-page .news-content .tab-wrap {
	margin-top:0
}
body.about .news-page .news-content .title {
	display:block;
	font-size:24px;
	color:#333;
	font-weight:700
}
body.about .news-page .news-content .temp {
	color:#999
}
body.about .news-page .news-content .temp i {
	margin-right:4px
}
body.about .news-page .news-content .temp span:not(:last-child) {
	margin-right:60px
}
body.about .news-page .news-content .news-list li {
	padding:20px 0 30px;
	border-bottom:1px solid #ddd
}
body.about .news-page .news-content .news-list li p {
	color:#999
}
body.about .news-page .news-content .news-list li p i {
	margin-right:4px
}
body.about .news-page .news-content .news-list li p span:not(:last-child) {
	margin-right:60px
}
body.about .news-page .news-content .news-list li h4 {
	margin:0
}
body.about .news-page .news-content .news-list li a:hover {
	color:#ef2a3a
}
body.about .news-page .news-content .news-info .news-head {
	border-bottom:1px solid #ddd;
	margin-bottom:20px
}
body.about .news-page .news-content .news-info .news-head p {
	color:#999
}
body.about .news-page .news-content .news-info .news-head p i {
	margin-right:4px
}
body.about .news-page .news-content .news-info .news-head p span:not(:last-child) {
	margin-right:60px
}
body.about .news-page .hotnews {
	background:#f6f6f6;
	padding:20px;
	margin-bottom:60px
}
body.about .news-page .hotnews h3 {
	margin:0 -20px 10px;
	padding-left:20px;
	border-left:#ef2a3a 3px solid
}
body.about .news-page .hotnews img {
	max-width:100%
}
body.about .news-page .hotnews ul li {
	line-height:40px
}
body.about .news-page .hotnews ul li:not(:last-child) {
	border-bottom:1px solid #ddd
}
body.about .news-page .hotnews ul li a {
	color:#666;
	display:inline-block;
	max-width:220px
}
body.about .news-page .hotnews ul li a:hover {
	color:#ef2a3a
}
body.about .news-page .hotnews ul li span {
	float:right
}
@media screen and (max-width:992px) {
	body.about .news-page .hotnews ul li span {
	display:none
}
}body.service .banner .banner-txt h1 {
	font-size:36px!important;
	margin-bottom:10px!important
}
body.service .banner .banner-txt p {
	font-size:18px
}
body.help .search-bar {
	height:108px
}
body.help .search-bar .one-row {
	height:40px
}
body.help .search-bar .tips {
	width:240px;
	text-align:center;
	padding-left:0
}
body.help .search-bar .tips h3 {
	font-size:30px
}
body.help .search-bar .search input {
	height:40px;
	border:1px solid #ddd
}
body.help .search-bar .search .go .btn {
	line-height:38px
}
body.help .search-bar .search ul {
	margin:6px 0 0;
	line-height:14px
}
body.help .search-bar .search ul li {
	display:inline-block;
	margin-right:8px;
	line-height:20px
}
body.help .search-bar .search ul li a {
	color:#999
}
body.help .search-bar .search ul li a:hover {
	color:#ef2a3a
}
body.help .banner {
	height:280px
}
body.help .banner h1 {
	font-size:30px;
	text-align:center;
	margin-top:0
}
body.help .banner .help-banner-wrapper {
	display:table;
	width:800px;
	margin:auto
}
body.help .banner .help-banner-wrapper>div {
	vertical-align:middle;
	display:table-cell;
	height:280px;
	width:800px
}
@media screen and (max-width:850px) {
	body.help .banner .help-banner-wrapper {
	width:100%
}
body.help .banner .help-banner-wrapper>div {
	width:100%
}
}body.help .banner .tab-wrap {
	display:none;
	height:31px
}
body.help .banner .tab-wrap .wrapper .item {
	line-height:28px;
	font-size:14px
}
body.help .banner .tab-wrap .bg {
	height:31px
}
@media screen and (max-width:1080px) {
	body.help .banner .tab-wrap {
	display:block
}
}body.help section.line {
	border-bottom:1px solid #ddd
}
body.help .catalog-table {
	width:100%;
	text-align:center;
	margin:40px auto
}
body.help .catalog-table td {
	padding:20px
}
body.help .catalog-table td h3 {
	margin:4px 0;
	white-space:nowrap
}
body.help .catalog-table td p {
	text-align:center;
	color:#999;
	width:200px;
	max-width:100%
}
@media screen and (max-width:1000px) {
	body.help .catalog-table td p {
	display:none
}
}body.help .catalog-table td:hover {
	box-shadow:0 0 10px #ddd
}
@media screen and (max-width:500px) {
	body.help .catalog-table td {
	padding:10px 0
}
}body.help .help-tit {
	color:#ef2a3a;
	font-size:18px;
	margin:0;
	border-bottom:1px solid #ddd;
	line-height:50px
}
body.help .article-list {
	margin:0 0 20px
}
body.help .article-list li {
	border-bottom:1px dashed #d2d2d2;
	padding:12px 0
}
body.help .article-list li::before {
	content:"●";
	color:#d2d2d2;
	padding-right:4px
}
body.help .article-list a {
	font-size:16px;
	color:#333
}
body.help .article-list a:hover {
	color:#ef2a3a
}
body.help .article-list p {
	color:#999
}
body.help .article-info .title {
	color:#333;
	font-size:18px;
	margin-bottom:10px
}
body.help-index .banner .tab-wrap {
	display:none!important
}
body.VI h2 {
	color:#333;
	margin:0
}
body.VI hr {
	border-top:dashed #999 1px;
	border-bottom:0;
	margin-top:20px
}
body.VI a:not(.btn) {
	color:#13539b
}
body.VI .header a {
	color:#fff
}
body.VI .txt-wrap {
	background:#f5f5f5;
	padding:10px;
	border:1px solid #ddd
}
body.VI .darkbg {
	background:#bbb;
	padding:3px;
	display:inline-block
}
body.VI .table-wrap {
	margin:-10px
}
body.VI .table-wrap table {
	width:100%;
	border-collapse:separate;
	border-spacing:10px
}
body.VI .table-wrap table td,body.VI .table-wrap table th {
	text-align:left;
	vertical-align:bottom
}
body.VI .tips div {
	color:#333;
	font-size:16px
}
body.VI .tips li {
	position:relative;
	padding-left:12px;
	line-height:26px
}
body.VI .tips li::before {
	position:absolute;
	margin:auto;
	left:0;
	top:10px;
	display:block;
	content:"";
	height:6px;
	width:6px;
	background:url(/img/banner/dot.png) center no-repeat
}
body.VI .intro {
	display:inline;
	color:#999;
	padding-left:10px
}
body.VI .intro::before {
	content:"------";
	padding-right:4px
}
body.VI intro {
	display:inline;
	color:#999;
	padding-left:10px
}
body.VI intro::before {
	content:"------";
	padding-right:4px
}
body.VI .explorer ul {
	padding-left:20px
}
body.VI .explorer li {
	color:#333
}
body.VI .explorer li::before {
	font-family:iconfont!important;
	font-size:16px;
	font-style:normal;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	content:"\e6d6";
	padding-right:5px
}
body.VI .explorer span {
	display:inline;
	color:#999;
	padding-left:10px
}
body.VI .explorer span::before {
	content:"------";
	padding-right:4px
}
body.VI .partner-table {
	border-collapse:separate;
	border-spacing:12px
}
body.VI .partner-table>div>div {
	border:1px solid #ddd;
	vertical-align:middle;
	text-align:center;
	height:60px;
	background:#fff
}
body.VI .partner-table img {
	max-width:110px;
	max-height:40px
}
body.VI .footer .other .list a {
	color:#666
}
body.VI.index h1 {
	text-align:center
}
body.VI.index .VI-nav {
	margin:0 -20px
}
body.VI.index .VI-nav .table {
	display:table;
	width:100%;
	border-collapse:separate;
	border-spacing:20px
}
body.VI.index .VI-nav .table>div {
	display:table-cell;
	background:#f5f5f5;
	padding:20px
}
body.VI.index .VI-nav .table>div:hover {
	cursor:pointer;
	box-shadow:0 0 20px #eee
}
body.VI.index .VI-nav .table>div h2 {
	display:block;
	text-align:center
}
@media screen and (max-width:768px) {
	body.VI.index .VI-nav {
	display:block;
	margin:0
}
body.VI.index .VI-nav .table {
	display:block
}
body.VI.index .VI-nav .table>div {
	display:block;
	margin-bottom:20px
}
}body.VI.markdown h1,body.VI.markdown h2,body.VI.markdown h3,body.VI.markdown h4,body.VI.markdown h5,body.VI.markdown h6 {
	font-family:source sans pro,helvetica neue,Helvetica,Arial,sans-serif;
	-webkit-font-feature-settings:'dlig' 1,'liga' 1,'lnum' 1,'kern' 1;
	font-feature-settings:'dlig' 1,'liga' 1,'lnum' 1,'kern' 1;
	font-style:normal;
	font-weight:600!important;
	margin-top:0
}
body.VI.markdown h1 {
	font-size:28px
}
body.VI.markdown p {
	line-height:28px
}
body.VI.markdown pre {
	display:block;
	margin:0 0 10px;
	word-break:break-all;
	word-wrap:break-word;
	white-space:pre;
	color:#333;
	background-color:#f5f5f5;
	border:1px solid #ccc;
	border-radius:4px;
	font-size:14px;
	padding:.66001rem 9.5px 9.5px;
	line-height:2rem;
	background:-webkit-linear-gradient(top,#fff 0,#fff .75rem,#f5f7fa .75rem,#f5f7fa 2.75rem,#fff 2.75rem,#fff 4rem);
	background:linear-gradient(to bottom,#fff 0,#fff .75rem,#f5f7fa .75rem,#f5f7fa 2.75rem,#fff 2.75rem,#fff 4rem);
	background-size:100% 4rem;
	border-color:#d3daea;
	text-size-adjust:100%
}
body.VI.markdown pre code {
	padding:0;
	font-size:inherit;
	color:inherit;
	background-color:transparent;
	border-radius:0;
	box-sizing:border-box;
	display:inline;
	font-family:monospace,monospace;
	font-weight:400;
	text-size-adjust:100%;
	white-space:pre-wrap;
	word-break:break-all;
	word-wrap:break-word
}
.topic-tit {
	text-align:center;
	padding-top:80px
}
.topic-tit p {
	text-align:center;
	color:#fff
}
.topic-public section {
	padding-bottom:50px
}
.topic-public .banner {
	height:520px;
	transition:all ease .5s
}
.topic-public .title1 {
	padding:145px 0 55px
}
.topic-public .tit1 p {
	padding:15px 120px;
	margin:0;
	font-size:18px;
	line-height:36px
}
@media screen and (max-width:1200px) {
	.topic-public .tit1 p {
	padding:15px 20px
}
}@media screen and (max-width:1200px) {
	.topic-public section.banner .title1 {
	width:80%;
	transition:all ease .5s
}
.topic-public section.banner .title2 {
	width:60%;
	transition:all ease .5s
}
}@media screen and (max-width:768px) {
	.topic-public section.banner {
	height:400px;
	transition:all ease .5s
}
}@media screen and (max-width:480px) {
	.topic-public section.banner {
	height:360px;
	transition:all ease .5s
}
}.topic-btn1 {
	height:42px;
	line-height:calc(42px);
	width:260px;
	font-size:14px;
	letter-spacing:1px;
	display:inline-block;
	vertical-align:middle;
	color:#fff;
	background:linear-gradient(to left,#8a9dd8,#87bdf0);
	text-align:center;
	white-space:nowrap;
	border-radius:5px;
	outline:0;
	margin:0 60px
}
@media screen and (max-width:992px) {
	.topic-btn1 {
	width:150px;
	margin:0 10px
}
}.topic-btn1:hover {
	color:#fff;
	background:linear-gradient(to left,#2647bb,#1f89eb)
}
.topic-gridtable {
	font-size:14px;
	width:100%;
	border-width:1px;
	border-collapse:collapse
}
.topic-gridtable th {
	border-width:1px;
	height:38px;
	border-style:solid
}
.topic-gridtable td {
	border-width:1px;
	height:38px;
	text-align:center;
	border-style:solid
}
.topic-titlebox {
	padding-bottom:10px
}
.topic-titlebox .recommend-wrap {
	position:relative
}
.topic-titlebox .recommend .recommend-table {
	width:100%
}
.topic-titlebox .recommend .recommend-table .one-row {
	box-shadow:0 0 16px rgba(37,113,220,.12);
	border-collapse:collapse;
	border-radius:10px
}
.topic-titlebox .recommend .recommend-table .one-row>div:first-child .item {
	border-radius:10px 0 0 10px
}
.topic-titlebox .recommend .recommend-table .one-row>div:last-child .item {
	border-radius:0 10px 10px 0
}
.topic-titlebox .recommend .recommend-table .one-row>div {
	position:relative;
	width:25%
}
.topic-titlebox .recommend .recommend-table .one-row>div .item {
	position:relative;
	background:#fff;
	line-height:30px;
	padding-left:110px;
	padding-top:30px;
	padding-bottom:30px;
	height:150px;
	width:100%
}
.topic-titlebox .recommend .recommend-table .one-row>div .item img {
	position:absolute;
	top:36px;
	left:20px
}
.topic-titlebox .recommend .recommend-table .one-row>div .item img.hover {
	display:none
}
.topic-titlebox .recommend .recommend-table .one-row>div .item img.unhover {
	display:block
}
.topic-titlebox .recommend .recommend-table .one-row>div .item h3 {
	margin:0;
	text-align:left;
	font-weight:700
}
.topic-titlebox .recommend .recommend-table .one-row>div .item p {
	margin:0;
	text-align:left;
	color:#333
}
@media screen and (max-width:1200px) {
	.topic-titlebox .recommend .recommend-table .one-row>div .item {
	padding-left:80px
}
.topic-titlebox .recommend .recommend-table .one-row>div .item img {
	top:42px;
	left:15px;
	width:50px
}
}@media screen and (max-width:992px) {
	.topic-titlebox .recommend .recommend-table .one-row>div .item {
	padding-left:0;
	padding-top:76px
}
.topic-titlebox .recommend .recommend-table .one-row>div .item img {
	top:20px;
	left:0;
	right:0;
	margin:auto;
	width:60px
}
.topic-titlebox .recommend .recommend-table .one-row>div .item h3 {
	text-align:center;
	padding-top:20px
}
.topic-titlebox .recommend .recommend-table .one-row>div .item p {
	display:none
}
}@media screen and (max-width:768px) {
	.topic-titlebox .recommend .recommend-table .one-row>div .item {
	padding-top:82px
}
.topic-titlebox .recommend .recommend-table .one-row>div .item img {
	top:26px
}
.topic-titlebox .recommend .recommend-table .one-row>div .item h3 {
	font-size:14px;
	line-height:20px
}
}.topic-titlebox .recommend .recommend-table .one-row>div .item:hover {
	position:absolute;
	top:-3px;
	left:0;
	height:155px;
	box-shadow:0 0 16px rgba(37,113,220,.12);
	cursor:pointer;
	z-index:99
}
.topic-titlebox .recommend .recommend-table .one-row>div .item:hover img.hover {
	display:block
}
.topic-titlebox .recommend .recommend-table .one-row>div .item:hover img.unhover {
	display:none
}
.topic-sever-configure {
	background-color:#f2f8ff
}
.topic-sever-configure .tit1 p {
	line-height:36px;
	color:#666;
	padding:15px 60px
}
.topic-sever-configure .red {
	font-size:24px;
	line-height:60px
}
.topic-sever-configure .btn {
	margin:0 20px 10px;
	width:216px;
	height:40px;
	line-height:40px;
	background:#464eba;
	border-radius:5px;
	border:1px solid #464eba
}
.topic-sever-configure .more {
	font-size:24px;
	margin-bottom:20px
}
@media screen and (max-width:1200px) {
	.topic-sever-configure img {
	width:100%
}
.topic-sever-configure .tit1 p {
	line-height:30px;
	padding:15px 3%;
	font-size:16px
}
}.topic-province-map .spot {
	position:absolute;
	height:10px;
	width:10px;
	border-radius:50%;
	background:#26a3fe
}
.topic-province-map .spot1 {
	background:#0056c9
}
.topic-province-map .spot2 {
	background:#4ec133
}
.topic-province-map .spot3 {
	background:#ef702a
}
.topic-province-map .landmark .spot::before {
	content:"";
	position:absolute;
	left:-5px;
	top:-5px;
	height:20px;
	width:20px;
	border-radius:50%;
	background:rgba(38,163,254,.1);
	animation:flash infinite linear 1s
}
.topic-province-map .landmark .spot::after {
	content:"";
	position:absolute;
	left:-3px;
	top:-3px;
	height:15px;
	width:15px;
	border-radius:50%;
	background:rgba(38,163,254,.1);
	animation:pulse2 infinite linear 1s
}
.topic-province-map .landmark .spot2::before {
	background:rgba(78,193,51,.1)
}
.topic-province-map .landmark .spot3::before {
	background:rgba(239,112,42,.1)
}
.topic-province-map .landmark .spot2::after {
	background:rgba(78,193,51,.1)
}
.topic-province-map .landmark .spot3::after {
	background:rgba(239,112,42,.1)
}
.topic-province-map .spot:hover {
	cursor:pointer
}
.topic-province-map .spot:hover .content {
	display:block
}
.topic-province-map .content {
	position:relative;
	width:230px;
	background:linear-gradient(to right,#3e88e3,#46cfe3);
	color:#fff;
	padding:15px;
	border-radius:5px;
	display:none;
	z-index:2
}
.topic-province-map .spotright {
	position:relative;
	left:190px;
	top:-50px
}
.topic-province-map .spotright::before {
	content:url(/img/other/pointer2.png);
	position:absolute;
	top:20px;
	left:-182px;
	width:30px;
	height:10px
}
.topic-province-map .spotleft {
	right:380px;
	top:-50px
}
.topic-province-map .spotleft::after {
	content:url(/img/other/pointer1.png);
	position:absolute;
	top:20px;
	right:0;
	width:30px;
	height:10px
}
.topic-province-map .datacenter {
	position:absolute;
	right:350px;
	bottom:0
}
.topic-province-map .datacenter span {
	position:relative;
	left:15px;
	top:-5px
}
.topic-province-map .map-pic {
	display:none
}
.topic-province-map .map-pic img {
	width:50%
}
@media screen and (max-width:1200px) {
	.topic-province-map .map-jx-img {
	display:none
}
.topic-province-map .map-pic {
	text-align:center;
	display:block
}
}.topic-server-node {
	background:linear-gradient(to left,#2647bb,#1f89eb)
}
.topic-server-node h1 {
	color:#fff
}
.topic-server-node .content {
	background:#fff;
	box-shadow:0 0 15px rgba(151,148,148,.2)
}
.topic-server-node .topic-btn1 {
	background:0 0;
	border:1px solid #6fa0ea
}
.topic-server-node .topic-btn1:hover {
	box-shadow:0 0 10px #6598e4;
	transition:all ease .5s
}
.topic-server-node .node-nav {
	width:170px;
	box-shadow:0 0 15px rgba(126,122,122,.2)
}
.topic-server-node .node-nav li {
	text-align:center;
	padding:8px 0;
	border-right:2px solid #fff
}
.topic-server-node .node-nav li:hover {
	cursor:pointer;
	background:linear-gradient(to right,#fff,#bad7f6)
}
.topic-server-node .node-nav .node-cur {
	background:linear-gradient(to right,#fff,#bad7f6);
	border-right:3px solid #2649bc
}
.topic-server-node .node-map {
	padding:0 30px
}
.topic-server-node .node-map>div {
	display:none
}
.topic-server-node .node-map .node-active {
	display:block
}
.topic-server-node .node-table {
	padding:0 30px
}
.topic-server-node .gridtable {
	font-size:14px;
	width:255px;
	border-width:1px;
	border-color:#aab6ce;
	border-collapse:collapse
}
.topic-server-node .gridtable th {
	border-width:1px;
	height:38px;
	color:#245dcb;
	border-style:solid;
	border-color:#aab6ce;
	background-color:#eef0f4
}
.topic-server-node .gridtable td {
	border-width:1px;
	height:38px;
	text-align:center;
	border-style:solid;
	border-color:#aab6ce
}
.topic-server-node2 .box {
	position:relative
}
.topic-server-node2 .nodemap {
	width:100%;
	height:570px;
	background:url(/img/other/map-nav/map3.png) center no-repeat
}
.topic-server-node2 .nodemap .map-site {
	opacity:1
}
.topic-server-node2 .site-circle-hover {
	display:none
}
.topic-server-node2 .map-site a {
	z-index:2;
	padding:5px 10px;
	box-shadow:0 0 5px #cad7e6;
	border-radius:5px;
	background-color:#fff
}
.topic-server-node2 .map-site:hover .site-circle-hover {
	display:inline-block
}
.topic-server-node2 .map-site:hover .site-circle {
	display:none
}
.topic-server-node2 .map-site:hover a {
	color:#fff;
	background-color:#009cff;
	box-shadow:0 0 5px #009cff
}
.topic-server-node2 .site-right a {
	position:absolute;
	right:-40px;
	top:5px
}
.topic-server-node2 .site-left a {
	position:absolute;
	left:-40px;
	top:5px
}
.topic-server-node2 .site-bottom a {
	position:absolute;
	left:-30px;
	top:30px
}
.topic-server-node2 .cloudpublic-btn {
	position:relative;
	top:-50px
}
.topic-server-node2 .cloudpublic-btn .btn {
	padding:0 25px;
	background:linear-gradient(to right,#2787e0,#2bdeee);
	border:0
}
.topic-server-node2 .cloudpublic-btn .btn:hover {
	background:linear-gradient(to left,#2787e0,#2bdeee)
}
@media screen and (max-width:1200px) {
	.topic-server-node2 {
	height:700px
}
.topic-server-node2 .nodemap {
	background:url(/img/other/map-nav/map3-phone.png) center no-repeat;
	background-size:100%
}
.topic-server-node2 .nodemap .map {
	display:none
}
}@media screen and (max-width:992px) {
	.topic-server-node2 {
	height:660px
}
}@media screen and (max-width:768px) {
	.topic-server-node2 {
	height:500px
}
.topic-server-node2 .tit1 {
	font-size:25px
}
.topic-server-node2 .nodemap {
	height:360px
}
}.topic-server-net {
	background-color:#032b5c
}
.topic-server-net .tit1 h1 {
	color:#fff
}
.topic-server-net .map-node {
	position:relative
}
.topic-server-net .text {
	color:#a5b1d5;
	text-align:center;
	padding:0 90px;
	line-height:30px;
	font-size:16px
}
.topic-server-net .node-table {
	padding:0 200px;
	position:absolute;
	bottom:0;
	width:100%
}
.topic-server-net .tbody2 {
	display:none
}
.topic-server-net .topic-gridtable {
	border-color:#2d5389
}
.topic-server-net .topic-gridtable th {
	border-color:#2d5389;
	color:#9cb3d1
}
.topic-server-net .topic-gridtable td {
	background-color:#0c3669;
	border-color:#2d5389;
	color:#9cb3d1
}
@media screen and (max-width:1200px) {
	.topic-server-net .node-table {
	padding:0
}
.topic-server-net .text {
	padding:0 5%
}
}@media screen and (max-width:768px) {
	.topic-server-net .tbody2 {
	display:block;
	margin:auto
}
.topic-server-net .tbody1 {
	display:none
}
}.topic-bandwith .tit1 {
	padding:40px 0 0
}
.topic-bandwith .row {
	margin:0 -30px
}
.topic-bandwith .col-2 {
	text-align:center;
	padding:0 30px
}
.topic-bandwith .card {
	padding:25px;
	border:1px solid #d2d7e0;
	min-height:280px;
	margin-top:40px
}
.topic-bandwith .card:hover {
	cursor:pointer;
	border:0;
	box-shadow:0 0 30px #f2f2f2
}
.topic-bandwith .topic-button {
	padding:50px 0 60px;
	text-align:center
}
.topic-customer {
	background-color:#eff2f6;
	padding-bottom:50px
}
.topic-customer .partner-table>div>div {
	text-align:center;
	padding:25px 0;
	vertical-align:middle
}
.topic-customer .partner-table img {
	width:120px
}
@media screen and (max-width:768px) {
	.topic-customer .partner-table img {
	width:80px
}
}@media screen and (max-width:480px) {
	.topic-customer .partner-table img {
	width:60px
}
}.topic-truststep {
	background:url(/img/bg/077.jpg) center no-repeat
}
.topic-truststep .tit1 h1 {
	color:#fff
}
.topic-truststep .tit1 p {
	padding:15px 220px;
	color:#fff;
	font-size:16px
}
.topic-truststep .ts-process img {
	width:100%
}
.topic-truststep .ts-process p {
	font-size:24px;
	line-height:48px;
	text-align:center;
	color:#fff
}
@media screen and (max-width:1200px) {
	.topic-truststep .tit1 p {
	padding:15px 20px
}
}.topic-protect {
	background-color:#eff2f6
}
.topic-protect .public-card1 {
	margin:0 -25px
}
.topic-protect .col-8 {
	padding:0 25px
}
.topic-protect .item {
	background:#fff;
	padding:25px 30px;
	text-align:center
}
.topic-protect .item h3 {
	margin:0;
	line-height:48px
}
.topic-protect .item .line {
	width:40px;
	background:#17cea3;
	height:3px;
	border-radius:3px;
	margin:0 auto 15px
}
.topic-protect .item p {
	color:#333;
	text-align:center
}
.topic-protect .topic-button {
	margin-top:30px
}
.topic-dell-machine {
	background-color:#f2f6ff
}
.topic-dell-machine .tit1 p {
	color:#666;
	font-size:18px
}
.topic-dell-machine .server-dell {
	width:500px;
	margin:auto;
	height:230px;
	overflow:hidden
}
.topic-dell-machine .server-dell img {
	box-shadow:0 20px 50px #c3c7ce
}
@media screen and (max-width:768px) {
	.topic-dell-machine .server-dell {
	width:100%;
	height:180px
}
.topic-dell-machine .server-dell img {
	width:70%;
	box-shadow:none
}
}@media screen and (max-width:768px) {
	.topic-dell-machine .server-dell {
	height:150px
}
}.topic-dell-machine .histogram p {
	text-align:center;
	font-size:18px;
	color:#333
}
.topic-solution .tit1 p {
	color:#666;
	padding:15px 120px 0
}
.topic-solution .card {
	border-top:3px solid #ddd;
	border-image:linear-gradient(to right,#1f89eb,#2647bb) 20 20;
	box-shadow:0 0 10px rgba(2,45,134,.13);
	margin:25px 0 20px
}
.topic-solution .card-title {
	padding:0 30px
}
.topic-solution .card-title h2 {
	display:inline-block;
	font-size:24px;
	margin:7px 0
}
.topic-solution .card-title a {
	float:right;
	line-height:50px;
	color:#999
}
.topic-solution .card-nav {
	width:200px;
	background-image:-webkit-linear-gradient(to right,rgba(38,71,187,0),rgba(31,137,235,0.2));
	background-image:-o-linear-gradient(to right,rgba(38,71,187,0),rgba(31,137,235,0.2));
	background-image:-moz-linear-gradient(to right,rgba(38,71,187,0),rgba(31,137,235,0.2));
	background-image:linear-gradient(to right,rgba(38,71,187,0),rgba(31,137,235,0.3));
	padding:10px 0
}
.topic-solution .card-nav li {
	font-size:16px;
	margin-bottom:10px;
	padding:14px 0 14px 30px;
	color:#fff
}
.topic-solution .card-nav li:hover {
	cursor:pointer;
	background-image:-webkit-linear-gradient(to left,rgba(38,71,187,0.2),rgba(31,137,235,0.6));
	background-image:-o-linear-gradient(to left,rgba(38,71,187,0.2),rgba(31,137,235,0.6));
	background-image:-moz-linear-gradient(to left,rgba(38,71,187,0.2),rgba(31,137,235,0.6));
	background-image:linear-gradient(to left,rgba(38,71,187,0.6),rgba(31,137,235,0.6))
}
.topic-solution .card-nav .current {
	background-image:-webkit-linear-gradient(to left,rgba(38,71,187,0.2),rgba(31,137,235,0.6));
	background-image:-o-linear-gradient(to left,rgba(38,71,187,0.2),rgba(31,137,235,0.6));
	background-image:-moz-linear-gradient(to left,rgba(38,71,187,0.2),rgba(31,137,235,0.6));
	background-image:linear-gradient(to left,rgba(38,71,187,0.6),rgba(31,137,235,0.6));
	border-right:3px solid #17cea3
}
.topic-solution .st-industry {
	background:url(/img/bg/074.jpg) center no-repeat;
	background-size:100% 100%
}
.topic-solution .st-technical {
	background:url(/img/bg/075.jpg) center no-repeat;
	background-size:100% 100%
}
.topic-solution .card-info {
	vertical-align:top
}
.topic-solution .card-info>div {
	display:none;
	padding:25px 200px 0 78px
}
.topic-solution .card-info h2 {
	color:#fff;
	line-height:80px;
	margin:0
}
.topic-solution .card-info p {
	color:#fff;
	line-height:30px
}
.topic-solution .card-info .btn {
	line-height:calc(32px);
	color:#fff;
	border:1px solid rgba(238,240,244,.3);
	height:32px;
	width:132px;
	text-align:center;
	margin-top:30px;
	background-color:unset;
	transition:border ease .5s
}
.topic-solution .card-info .btn:hover {
	border:1px solid rgba(238,240,244,.8)
}
.topic-solution .card-info .active {
	display:block
}
@media screen and (max-width:1200px) {
	.topic-solution .tit1 p {
	line-height:30px;
	padding:15px 3%;
	font-size:16px
}
.topic-solution .card-info>div {
	padding:25px 20px 0
}
}@media screen and (max-width:768px) {
	.topic-solution .card-info>div {
	padding:10px 5px 0
}
}.topic-service .content {
	margin:0 -20px
}
.topic-service .one-row {
	border-spacing:20px 0;
	margin-bottom:20px
}
.topic-service .card {
	position:relative;
	overflow:hidden;
	text-align:center;
	cursor:pointer;
	height:210px;
	width:380px
}
.topic-service .item-img1 {
	background:url(/img/bg/card/001.jpg) center no-repeat
}
.topic-service .item-img2 {
	background:url(/img/bg/card/002.jpg) center no-repeat
}
.topic-service .item-img3 {
	background:url(/img/bg/card/003.jpg) center no-repeat
}
.topic-service .item-img4 {
	background:url(/img/bg/card/004.jpg) center no-repeat
}
.topic-service .item-img5 {
	background:url(/img/bg/card/005.jpg) center no-repeat
}
.topic-service .item-img6 {
	background:url(/img/bg/card/006.jpg) center no-repeat
}
.topic-service .item-img {
	position:absolute;
	z-index:0;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background-size:cover;
	background-position:center;
	transition:.2s
}
.topic-service .center {
	position:relative;
	color:#fff;
	font-size:18px;
	line-height:36px
}
.topic-service .card:hover .item-img {
	transform:scale(1.1)
}
.topic-operation {
	background:url(/img/bg/072.jpg) center
}
.topic-operation .tit1 h1 {
	color:#fff
}
.topic-operation .tit1 p {
	color:#fff
}
.topic-operation .card-topline1 {
	background:#00cfc8
}
.topic-operation .row {
	margin:-10px
}
.topic-operation .col-7 {
	padding:10px
}
.topic-operation .col-7:hover .card-topline1 {
	width:100%;
	left:0
}
.topic-operation .col-7:hover .inner-card {
	background-color:#fff
}
.topic-operation .inner-card {
	position:relative;
	background-color:#d5e8ff;
	border-radius:5px;
	text-align:center;
	min-height:170px
}
.topic-operation .inner-card img {
	margin:20px 0 5px
}
.topic-operation .inner-card p {
	padding:0 30px;
	line-height:25px;
	text-align:center;
	color:#0b1734
}
@media screen and (max-width:768px) {
	.topic-operation .inner-card {
	min-height:130px
}
}.topic-datacenter {
	background-color:#eff2f6
}
.topic-datacenter .tit1 p {
	font-size:16px;
	color:#666
}
@media screen and (max-width:1200px) {
	.topic-datacenter img {
	width:100%
}
}.topic-speed {
	background:url(/img/bg/050.jpg) center no-repeat;
	background-size:100% 100%
}
.topic-speed h1 {
	color:#fff
}
.topic-speed p {
	color:#fff
}
.topic-speed .page-anchor {
	display:none
}
.topic-speed .map-table {
	background-color:#1e4392
}
.topic-speed .one-row {
	width:850px;
	margin:auto;
	padding:20px 0
}
.topic-speed .map-img {
	position:relative;
	overflow:hidden;
	margin-bottom:50px
}
.topic-speed .map-img img {
	position:absolute;
	bottom:25px;
	z-index:1
}
.topic-speed .map-pic {
	display:none
}
.topic-speed .map-line {
	position:absolute;
	width:0;
	height:0;
	right:-30px;
	bottom:-68px;
	-webkit-transition:all 4s ease-in 0s;
	-moz-transition:all 4s ease 0s;
	-o-transition:all 4s ease 0s
}
.topic-speed .wave {
	background:#fff;
	animation:circle-wave 2s infinite;
	width:50px;
	height:50px;
	position:absolute;
	border-radius:50%;
	top:-30px;
	right:-16px;
	opacity:0
}
.topic-speed span {
	position:relative
}
.topic-speed .map-site-center {
	position:absolute
}
.topic-speed .map-site-center span {
	color:#fff
}
.topic-speed .map-site-center img {
	z-index:3
}
.topic-speed .map-site {
	position:absolute;
	opacity:0
}
.topic-speed .map-site span {
	color:#fff
}
.topic-speed .active {
	opacity:1;
	transition:all 1s linear 0s
}
.topic-speed .active .map-line {
	width:820px;
	height:250px
}
.topic-speed .site-my .wave {
	right:20px
}
.topic-speed .site-left img {
	bottom:10px;
	left:-30px
}
.topic-speed .site-left .wave {
	right:12px;
	top:-14px
}
.topic-speed .map-pic {
	display:none
}
.topic-speed .band-nav {
	width:120px
}
.topic-speed .band-nav h1 {
	font-size:16px;
	background-color:#072667;
	padding:10px 25px
}
.topic-speed .band-nav h1:hover {
	cursor:pointer
}
.topic-speed .speed-nav {
	position:relative;
	background:#333;
	border:1px solid #1e6dd9;
	color:#00cfc8
}
.topic-speed .band-table {
	padding-left:50px
}
.topic-speed table.gridtable {
	font-size:14px;
	color:#abc1de;
	width:100%;
	border-width:1px;
	border-color:#2d5389;
	border-collapse:collapse
}
.topic-speed table.gridtable th {
	border-width:1px;
	height:30px;
	border-style:solid;
	border-color:#2d5389;
	background-color:#0e3077
}
.topic-speed table.gridtable td {
	border-width:1px;
	height:30px;
	text-align:center;
	border-style:solid;
	border-color:#2d5389
}
.topic-speed .band-nav {
	position:relative
}
.topic-speed .band-nav .speed-nav {
	border:1px solid #1e6dd9
}
.topic-speed .band-nav .speed-nav span {
	display:block;
	width:0;
	height:0;
	border-width:0 10px 10px;
	border-style:solid;
	border-color:transparent transparent #1e6dd9;
	position:absolute;
	top:35%;
	left:105%;
	margin-left:-10px;
	transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-o-transform:rotate(90deg)
}
.topic-speed .band-nav .speed-nav em {
	display:block;
	width:0;
	height:0;
	border-width:0 10px 10px;
	border-style:solid;
	border-color:transparent transparent #072667;
	position:absolute;
	top:2px;
	left:-10px
}
@media screen and (max-width:1200px) {
	.topic-speed .map-img {
	display:none
}
.topic-speed .map-pic {
	display:block
}
.topic-speed .map-pic img {
	width:100%
}
.topic-speed .map-pic .pic {
	width:100%
}
.topic-speed .map-table .one-row {
	width:100%
}
.topic-speed .map-table .one-row>* {
	display:table;
	width:100%
}
.topic-speed .map-table .band-nav {
	width:100%
}
.topic-speed .map-table .band-nav h1 {
	display:table-cell
}
.topic-speed .band-table {
	padding-left:0
}
.topic-speed .band-nav .speed-nav span {
	display:block;
	width:0;
	height:0;
	border-width:0 10px 10px;
	border-style:solid;
	border-color:transparent transparent #1e6dd9;
	position:absolute;
	top:100%;
	left:50%;
	margin-left:-10px;
	transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-o-transform:rotate(180deg)
}
}section.topic-stack .swiper-slide img {
	box-shadow:0 0 30px rgba(0,0,0,.15)
}
section.topic-stack .stack-nav .one-row {
	position:relative;
	width:84%;
	margin-left:105px;
	text-align:center
}
section.topic-stack .stack-nav .one-row>div {
	position:absolute
}
section.topic-stack #stack-pic {
	margin-top:60px
}
section.topic-stack #stack-pic .swiper-pagination {
	width:100%;
	top:-60px
}
section.topic-stack #stack-pic .swiper-container {
	z-index:12
}
section.topic-stack #stack-pic .swiper-pagination-bullets .swiper-pagination-bullet {
	background-color:transparent;
	height:30px;
	width:100px
}
section.topic-stack #stack-pic .swiper-pagination-bullets .swiper-pagination-bullet-active {
	border-bottom:3px solid #ef2a3a
}
section.topic-stack .detail {
	background:#e7edf5;
	padding:20px 0;
	margin-bottom:40px
}
@media screen and (max-width:1300px) {
	section.topic-stack #stack-pic {
	width:100%
}
section.topic-stack #stack-pic .swiper-slide {
	width:100%
}
section.topic-stack #stack-pic .swiper-slide img {
	margin:auto
}
}@media screen and (max-width:992px) {
	section.topic-stack #stack-pic .swiper-slide {
	height:100%
}
section.topic-stack #stack-pic .swiper-slide img {
	width:80%
}
}@media screen and (max-width:480px) {
	section.topic-stack #stack-pic .swiper-slide img {
	width:100%
}
}section.topic-hk-brand .common-title {
	display:none
}
section.topic-hk-brand .wrapper>.one-row {
	margin-left:-25px
}
section.topic-hk-brand .card {
	border-radius:8px
}
section.topic-hk-brand .card .brand-title {
	height:55px;
	line-height:55px;
	font-size:18px;
	color:#333;
	border-bottom:1px solid #e5e5e5
}
section.topic-hk-brand .card>div {
	height:325px;
	box-shadow:0 5px 30px 0 rgba(0,0,0,.2);
	border-radius:8px;
	background-color:#fff
}
section.topic-hk-brand .card .item {
	overflow:hidden
}
section.topic-hk-brand .card .item>div {
	padding:30px 20px 0;
	min-height:270px
}
section.topic-hk-brand .card .item .model {
	display:block;
	color:#fff;
	font-size:18px;
	height:40px;
	line-height:40px;
	text-align:center
}
section.topic-hk-brand .card .item p {
	font-size:16px;
	text-align:center
}
section.topic-hk-brand .card .item .title {
	color:#999;
	margin-top:20px
}
section.topic-hk-brand .card .item .line {
	height:1px;
	border-bottom:1px dashed #e5e5e5;
	margin:15px 0
}
section.topic-hk-brand .card .item:not(:last-child) {
	border-right:1px solid #e5e5e5
}
section.topic-hk-brand .card .model1 {
	background:linear-gradient(to right,#ff977c,#ff694e)
}
section.topic-hk-brand .card .model2 {
	background:linear-gradient(to right,#2397f7,#3674e4)
}
section.topic-hk-brand .card .model3 {
	background:linear-gradient(to right,#ecc333,#f29720)
}
section.topic-hk-brand .card .model4 {
	background:linear-gradient(to right,#2dd67f,#06b07e)
}
body.topic-ddos section.server {
	padding-bottom:60px
}
body.topic-ddos section.server .server-table {
	margin:-50px
}
body.topic-ddos section.server .server-table>table {
	width:100%;
	border-collapse:separate;
	border-spacing:50px
}
body.topic-ddos section.server .server-table>table>tbody>tr>td {
	height:570px;
	width:33.33%
}
body.topic-ddos section.server .server-table .item {
	width:100%;
	background:#fff;
	border:1px solid #ddd
}
body.topic-ddos section.server .server-table .item .tit {
	position:relative;
	background:url(/img/bg/021.png) no-repeat center;
	background-size:cover;
	color:#fff;
	font-size:24px;
	padding:20px 0;
	padding-left:50px
}
body.topic-ddos section.server .server-table .item .tit img {
	position:relative;
	top:5px
}
body.topic-ddos section.server .server-table .item .info {
	background:#fff;
	padding:0 50px 10px
}
body.topic-ddos section.server .server-table .item .info table {
	border-collapse:collapse;
	width:100%
}
body.topic-ddos section.server .server-table .item .info table tr:not(:last-child) td {
	border-bottom:1px solid #ddd
}
body.topic-ddos section.server .server-table .item .info table tr td {
	line-height:55px;
	font-size:16px;
	color:#333
}
body.topic-ddos section.server .server-table .item .bottom {
	background:#f6f8fb;
	padding:0 50px;
	overflow:hidden;
	box-sizing:border-box;
	height:0;
	transition:all .5s
}
body.topic-ddos section.server .server-table .item .bottom .table-wrap {
	margin:-30px
}
body.topic-ddos section.server .server-table .item .bottom .table-wrap table {
	width:100%;
	border-collapse:separate;
	border-spacing:30px
}
body.topic-ddos section.server .server-table .item .bottom .btn {
	width:100%
}
body.topic-ddos section.server .server-table .item:hover {
	box-shadow:0 0 16px #dcdcdc
}
body.topic-ddos section.server .server-table .item:hover .bottom {
	height:auto;
	padding:20px 50px
}
@media screen and (max-width:1200px) {
	body.topic-ddos section.server .server-table {
	margin:-20px
}
body.topic-ddos section.server .server-table>table {
	border-spacing:20px
}
body.topic-ddos section.server .server-table>table>tbody>tr>td {
	height:450px
}
body.topic-ddos section.server .server-table .item .tit {
	padding-left:20px
}
body.topic-ddos section.server .server-table .item .info {
	padding-left:20px;
	padding-right:20px
}
body.topic-ddos section.server .server-table .item .info table tr td {
	line-height:38px
}
body.topic-ddos section.server .server-table .item .bottom {
	padding-left:20px;
	padding-right:20px
}
body.topic-ddos section.server .server-table .item .bottom .table-wrap {
	margin:-10px
}
body.topic-ddos section.server .server-table .item .bottom .table-wrap table {
	border-spacing:10px
}
body.topic-ddos section.server .server-table .item:hover .bottom {
	padding:20px
}
}@media screen and (max-width:830px) {
	body.topic-ddos section.server .server-table>table>tbody>tr>td {
	display:block;
	width:100%;
	height:auto;
	margin-bottom:20px
}
body.topic-ddos section.server .server-table .item .bottom {
	padding-top:20px;
	padding-bottom:20px;
	height:auto
}
}body.topic-ddos section.industry .part1 {
	background:#f6f8fb;
	border-bottom:1px solid #ddd
}
body.topic-ddos section.industry .part2 {
	background:#ebeff4;
	padding:70px 0
}
body.topic-ddos section.industry .part2 .item {
	display:none;
	background:#fff;
	margin:auto;
	width:880px;
	border-radius:8px;
	box-shadow:0 0 20px #ccc;
	overflow:hidden
}
body.topic-ddos section.industry .part2 .item.current {
	display:block
}
body.topic-ddos section.industry .part2 .item .txt {
	padding-left:40px;
	padding-right:20px
}
body.topic-ddos section.industry .part2 .item .txt h3 {
	font-weight:700;
	font-size:18px;
	padding-left:40px;
	position:relative;
	margin-top:0
}
body.topic-ddos section.industry .part2 .item .txt h3 img {
	position:absolute;
	left:0
}
body.topic-ddos section.industry .part2 .item .bg {
	position:relative;
	overflow:hidden!important
}
body.topic-ddos section.industry .part2 .item .bg .mask {
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:160px;
	background:-webkit-linear-gradient(-90deg,rgba(255,255,255,0),#fff);
	background:-o-linear-gradient(-90deg,rgba(255,255,255,0),#fff);
	background:-moz-linear-gradient(-90deg,rgba(255,255,255,0),#fff);
	background:linear-gradient(-90deg,rgba(255,255,255,0),#fff)
}
body.topic-ddos section.industry .part2 .item .bg img {
	display:block
}
@media screen and (max-width:992px) {
	body.topic-ddos section.industry .part2 {
	padding:40px 0
}
body.topic-ddos section.industry .part2 .item {
	width:100%
}
}@media screen and (max-width:768px) {
	body.topic-ddos section.industry .part2 {
	padding-top:20px
}
body.topic-ddos section.industry .part2 .item {
	position:relative;
	width:100%
}
body.topic-ddos section.industry .part2 .item .txt {
	display:block;
	margin-top:200px;
	padding-right:30px;
	padding-left:30px;
	padding-bottom:40px;
	background:#fff
}
body.topic-ddos section.industry .part2 .item .bg {
	outline:0;
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:100%;
	height:200px;
	border-bottom:#fff 2px solid
}
body.topic-ddos section.industry .part2 .item .bg img {
	position:absolute;
	margin:auto;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	z-index:1
}
body.topic-ddos section.industry .part2 .item .bg .mask {
	width:101%;
	height:160px;
	top:auto;
	right:0;
	bottom:0;
	z-index:2;
	background:-webkit-linear-gradient(-180deg,rgba(255,255,255,0),#fff);
	background:-o-linear-gradient(-180deg,rgba(255,255,255,0),#fff);
	background:-moz-linear-gradient(-180deg,rgba(255,255,255,0),#fff);
	background:linear-gradient(-180deg,rgba(255,255,255,0),#fff)
}
}body.topic-ddos section.features {
	background:url(/img/bg/022.png) no-repeat center;
	background-size:cover;
	color:#fff;
	padding-bottom:220px
}
body.topic-ddos section.features .tit1 h1 {
	color:#fff
}
body.topic-ddos section.features .table-wrap-wrap {
	margin:-20px
}
body.topic-ddos section.features .table-wrap-wrap>table {
	border-collapse:separate;
	border-spacing:20px;
	width:100%
}
body.topic-ddos section.features .table-wrap-wrap .table-wrap {
	margin:-20px
}
body.topic-ddos section.features .table-wrap-wrap .table-wrap .one-row {
	border-collapse:separate;
	border-spacing:20px
}
body.topic-ddos section.features .table-wrap-wrap .table-wrap .one-row>div {
	background:-webkit-linear-gradient(-20deg,rgba(31,41,65,0.4),rgba(52,106,187,0.4));
	background:-o-linear-gradient(-20deg,rgba(31,41,65,0.4),rgba(52,106,187,0.4));
	background:-moz-linear-gradient(-20deg,rgba(31,41,65,0.4),rgba(52,106,187,0.4));
	background:linear-gradient(-20deg,rgba(31,41,65,0.4),rgba(52,106,187,0.4));
	height:115px
}
body.topic-ddos section.features .table-wrap-wrap .table-wrap .one-row>div .item {
	width:133px;
	margin:auto;
	text-align:center
}
@media screen and (max-width:992px) {
	body.topic-ddos section.features .table-wrap-wrap>table td {
	display:block
}
body.topic-ddos section.features .table-wrap-wrap>table td:first-child {
	padding-bottom:20px
}
}@media screen and (max-width:480px) {
	body.topic-ddos section.features .table-wrap-wrap>table td:first-child {
	padding-bottom:0
}
body.topic-ddos section.features .table-wrap-wrap .table-wrap .one-row>div {
	display:block;
	height:auto;
	padding:20px 0;
	margin-bottom:20px
}
body.topic-ddos section.features .table-wrap-wrap .table-wrap .one-row>div .item {
	width:133px;
	margin:auto;
	text-align:center;
	white-space:nowrap
}
}body.topic-ddos section.advantage {
	background:url(/img/bg/020.png) no-repeat bottom,#f5f7f9;
	background-size:cover;
	position:relative;
	padding-bottom:60px;
	padding-top:60px
}
@media screen and (max-width:705px) {
	body.topic-ddos section.advantage {
	padding-top:80px
}
}@media screen and (max-width:489px) {
	body.topic-ddos section.advantage {
	padding-top:100px
}
}body.topic-ddos section.advantage .method {
	position:absolute;
	top:-200px;
	width:100%
}
body.topic-ddos section.advantage .method .tit1 p {
	width:80%
}
@media screen and (max-width:1080px) {
	body.topic-ddos section.advantage .method .tit1 p {
	width:100%;
	font-size:14px
}
}body.topic-ddos section.advantage .method .wrapper .method-wrap {
	position:relative;
	background:#f5f7f9;
	box-shadow:0 0 20px rgba(0,0,0,.2);
	padding:0 60px;
	height:280px
}
@media screen and (max-width:1080px) {
	body.topic-ddos section.advantage .method .wrapper .method-wrap {
	padding:0 10px
}
}body.topic-ddos section.advantage .method .wrapper .method-wrap .mask {
	padding:0 20px;
	box-sizing:content-box;
	height:20px;
	width:100%;
	position:absolute;
	z-index:1;
	bottom:-20px;
	left:-20px;
	background:#f5f7f9
}
body.topic-ddos section.advantage .method .wrapper .method-wrap .mask1 {
	padding:0 20px;
	box-sizing:content-box;
	height:20px;
	width:100%;
	position:absolute;
	z-index:1;
	bottom:-20px;
	left:-20px;
	background:#f5f7f9;
	height:100px;
	background:-webkit-linear-gradient(rgba(255,255,255,0),#f5f7f9);
	background:-o-linear-gradient(rgba(255,255,255,0),#f5f7f9);
	background:-moz-linear-gradient(rgba(255,255,255,0),#f5f7f9);
	background:linear-gradient(rgba(255,255,255,0),#f5f7f9)
}
body.topic-ddos section.advantage .method .wrapper .method-wrap .mask2 {
	padding:0 20px;
	box-sizing:content-box;
	height:20px;
	width:100%;
	position:absolute;
	z-index:1;
	bottom:-20px;
	left:-20px;
	background:#f5f7f9
}
body.topic-ddos section.advantage .table-wrap {
	margin:-125px 0 -20px
}
body.topic-ddos section.advantage .table-wrap .one-row {
	border-collapse:separate;
	border-spacing:20px
}
body.topic-ddos section.advantage .table-wrap .one-row>div {
	z-index:2;
	border:1px solid #ddd;
	background:#fff;
	text-align:center;
	vertical-align:top;
	padding:20px;
	width:33.33%;
	position:relative;
	padding-bottom:66px
}
body.topic-ddos section.advantage .table-wrap .one-row>div h3 {
	font-weight:700;
	font-size:18px
}
body.topic-ddos section.advantage .table-wrap .one-row>div p {
	color:#999
}
body.topic-ddos section.advantage .table-wrap .one-row>div ul li {
	line-height:28px;
	border-bottom:#ddd dashed 1px;
	text-align:left
}
body.topic-ddos section.advantage .table-wrap .one-row>div ul li img {
	margin-right:2px
}
body.topic-ddos section.advantage .table-wrap .one-row>div ul li span {
	float:right;
	color:#ef2a3a
}
body.topic-ddos section.advantage .table-wrap .one-row>div .btn {
	position:absolute;
	bottom:20px;
	left:0;
	right:0;
	margin:auto;
	width:120px
}
@media screen and (max-width:1080px) {
	body.topic-ddos section.advantage .table-wrap .one-row {
	border-spacing:10px
}
body.topic-ddos section.advantage .table-wrap .one-row>div {
	padding:10px 10px 66px
}
body.topic-ddos section.advantage .table-wrap .one-row>div ul li span {
	float:none;
	display:block;
	line-height:20px
}
body.topic-ddos section.advantage .table-wrap .one-row>div h3 {
	margin:10px 0
}
}@media screen and (max-width:768px) {
	body.topic-ddos section.advantage .table-wrap .one-row>div {
	display:block;
	width:100%;
	margin-bottom:20px
}
body.topic-ddos section.advantage .table-wrap .one-row>div ul li span {
	float:right;
	line-height:28px
}
}body.topic-largebd section.intro {
	background-size:cover;
	padding:60px 0
}
body.topic-largebd section.intro .intro-table {
	margin:-6px
}
body.topic-largebd section.intro .intro-table .one-row {
	position:relative;
	border-collapse:separate;
	border-spacing:6px
}
body.topic-largebd section.intro .intro-table .one-row h1 {
	padding:0 53px;
	font-size:30px;
	margin:0
}
@media screen and (max-width:768px) {
	body.topic-largebd section.intro .intro-table .one-row h1 {
	font-size:28px
}
}@media screen and (max-width:522px) {
	body.topic-largebd section.intro .intro-table .one-row h1 {
	font-size:26px
}
body.topic-largebd section.intro .intro-table .one-row h1 span {
	display:block;
	font-size:18px;
	color:#999
}
}@media screen and (max-width:480px) {
	body.topic-largebd section.intro .intro-table .one-row h1 {
	padding:0 24px
}
}@media screen and (max-width:1200px) {
	body.topic-largebd section.intro .intro-table img {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	opacity:.2
}
}body.topic-largebd section.server {
	background:url(/img/bg/019.png) repeat,#f3f5f9;
	padding-bottom:60px;
	padding-top:60px
}
body.topic-largebd section.server gap {
	width:20px
}
body.topic-largebd section.server .server-table {
	margin:-70px
}
body.topic-largebd section.server .server-table table {
	width:100%;
	border-collapse:separate;
	border-spacing:70px
}
body.topic-largebd section.server .server-table table td .item {
	background:#fff;
	border-radius:6px;
	text-align:center;
	padding:20px;
	margin-bottom:-20px
}
body.topic-largebd section.server .server-table table td .item:hover {
	box-shadow:0 0 16px #dcdcdc
}
body.topic-largebd section.server .server-table table td .item h3 {
	text-align:center;
	font-size:18px;
	font-weight:700
}
body.topic-largebd section.server .server-table table td .item p {
	width:220px;
	height:110px
}
body.topic-largebd section.server .server-table table td .item .btn {
	margin-bottom:30px
}
@media screen and (max-width:1200px) {
	body.topic-largebd section.server .server-table {
	margin:-40px
}
body.topic-largebd section.server .server-table table {
	border-spacing:40px
}
body.topic-largebd section.server .server-table table td .item {
	margin-bottom:-10px
}
}@media screen and (max-width:992px) {
	body.topic-largebd section.server .server-table {
	margin:-20px
}
body.topic-largebd section.server .server-table table {
	border-spacing:20px
}
body.topic-largebd section.server .server-table table td .item {
	margin-bottom:0
}
body.topic-largebd section.server .server-table table td .item p {
	width:180px;
	height:140px
}
}@media screen and (max-width:768px) {
	body.topic-largebd section.server .server-table {
	margin:-20px
}
body.topic-largebd section.server .server-table table {
	border-spacing:20px
}
body.topic-largebd section.server .server-table table td {
	display:block;
	margin-bottom:20px
}
body.topic-largebd section.server .server-table table td .item p {
	width:100%;
	max-width:320px;
	height:auto;
	margin-bottom:10px
}
}body.topic-largebd section.advantage {
	background:url(/img/bg/020.png) no-repeat center;
	background-size:cover;
	padding-bottom:60px
}
body.topic-extra .banner-txt h1 {
	color:#fff
}
body.topic-extra .banner-txt h2 {
	color:#fff
}
body.topic-extra section.intro {
	background:url(/img/bg/018.png) no-repeat center;
	background-size:cover;
	padding-bottom:100px
}
body.topic-extra section.intro .intro-txt {
	max-width:660px;
	margin:auto;
	text-align:center
}
body.topic-extra section.service {
	padding-bottom:60px
}
body.topic-extra section.service gap {
	width:20px
}
@media screen and (max-width:768px) {
	body.topic-extra section.service gap {
	width:10px
}
}body.topic-extra section.service .item {
	text-align:center;
	padding:30px 0;
	margin-bottom:20px;
	background-size:cover;
	background-position:center;
	background-repeat:initial
}
body.topic-extra section.service .item h3 {
	text-align:center;
	color:#fff
}
body.topic-extra section.service .item.item01 {
	background-image:url(/img/icon/014/bg001.png)
}
body.topic-extra section.service .item.item02 {
	background-image:url(/img/icon/014/bg002.png)
}
body.topic-extra section.service .item.item03 {
	background-image:url(/img/icon/014/bg003.png)
}
body.topic-extra section.service .item.item04 {
	background-image:url(/img/icon/014/bg004.png)
}
body.topic-extra section.service .item.item05 {
	background-image:url(/img/icon/014/bg005.png)
}
body.topic-extra section.service .item.item06 {
	background-image:url(/img/icon/014/bg006.png)
}
@media screen and (max-width:768px) {
	body.topic-extra section.service .item {
	margin-bottom:10px
}
}body.topic-SSL section.intro {
	padding-top:10px
}
body.topic-SSL section.intro .intro-txt {
	box-shadow:0 0 16px #ddd;
	padding:70px 420px 70px 75px;
	position:relative
}
body.topic-SSL section.intro .intro-txt p {
	position:relative;
	z-index:2;
	text-align:justify;
	line-height:28px;
	margin:0
}
body.topic-SSL section.intro .intro-txt img {
	position:absolute;
	right:30px;
	top:0;
	bottom:0;
	margin:auto;
	z-index:1
}
@media screen and (max-width:992px) {
	body.topic-SSL section.intro .intro-txt {
	padding:40px 380px 40px 40px
}
body.topic-SSL section.intro .intro-txt img {
	right:10px
}
}@media screen and (max-width:850px) {
	body.topic-SSL section.intro .intro-txt {
	padding:40px
}
body.topic-SSL section.intro .intro-txt img {
	right:0;
	left:0;
	opacity:.3
}
}@media screen and (max-width:480px) {
	body.topic-SSL section.intro .intro-txt {
	padding:20px 30px
}
}body.topic-SSL section.function {
	padding-top:20px;
	padding-bottom:80px
}
body.topic-SSL section.function .some-row {
	border-collapse:collapse
}
body.topic-SSL section.function .some-row>div>div {
	border:1px solid #ddd;
	padding:30px 40px;
	text-align:center
}
body.topic-SSL section.function .some-row>div>div h3 {
	width:196px;
	line-height:46px;
	margin:20px auto;
	background:-webkit-linear-gradient(90deg,#eef2f4,transparent);
	background:-o-linear-gradient(90deg,#eef2f4,transparent);
	background:-moz-linear-gradient(90deg,#eef2f4,transparent);
	background:linear-gradient(90deg,#eef2f4,transparent)
}
body.topic-SSL section.function .some-row>div>div p {
	color:#999;
	max-width:268px
}
@media screen and (max-width:992px) {
	body.topic-SSL section.function .some-row>div>div {
	padding:20px
}
body.topic-SSL section.function .some-row>div>div h3 {
	width:100%
}
}@media screen and (max-width:480px) {
	body.topic-SSL section.function .some-row {
	display:block
}
body.topic-SSL section.function .some-row>div {
	display:block
}
body.topic-SSL section.function .some-row>div>div {
	display:block;
	margin-bottom:10px
}
}body.topic-SSL section.package {
	overflow:hidden;
	background:url(/img/bg/032.png) top center no-repeat,#f1f6fa;
	padding-top:40px;
	padding-bottom:60px
}
body.topic-SSL section.package .tit1 {
	margin-bottom:40px
}
body.topic-SSL section.package .tit1 h1 {
	color:#fff
}
body.topic-SSL section.package .package-table {
	margin:-40px
}
body.topic-SSL section.package .package-table .one-row {
	border-collapse:separate;
	border-spacing:40px
}
body.topic-SSL section.package .package-table .one-row>div {
	border-radius:8px;
	background:#fff;
	width:33.33%;
	padding:30px;
	vertical-align:top;
	text-align:center;
	box-shadow:0 0 16px rgba(0,0,0,.1)
}
body.topic-SSL section.package .package-table .one-row>div .tit {
	text-align:center
}
body.topic-SSL section.package .package-table .one-row>div .tit h3 {
	font-size:20px;
	margin:0
}
body.topic-SSL section.package .package-table .one-row>div .tit p {
	text-align:center;
	color:#4976a9
}
body.topic-SSL section.package .package-table .one-row>div hr {
	border-top:#dcdcdc solid 1px;
	border-bottom:0;
	margin:20px 0
}
body.topic-SSL section.package .package-table .one-row>div ul li {
	position:relative;
	text-align:left;
	padding:4px 4px 4px 24px
}
body.topic-SSL section.package .package-table .one-row>div ul li::before {
	content:"";
	height:12px;
	width:17px;
	background:url(/img/other/SSL-check.png) no-repeat center;
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	margin:auto;
	display:block
}
body.topic-SSL section.package .package-table .one-row>div .price {
	border-radius:8px;
	overflow:hidden;
	margin-bottom:15px
}
body.topic-SSL section.package .package-table .one-row>div .price>div {
	width:50%;
	float:left
}
body.topic-SSL section.package .package-table .one-row>div .price h3 {
	color:#fff;
	background:-webkit-linear-gradient(left,#6e8196,#889cb3);
	background:-o-linear-gradient(right,#6e8196,#889cb3);
	background:-moz-linear-gradient(right,#6e8196,#889cb3);
	background:linear-gradient(to right,#6e8196,#889cb3);
	font-weight:700;
	height:44px;
	line-height:44px;
	margin:0
}
body.topic-SSL section.package .package-table .one-row>div .price>div:first-child {
	border-right:1px solid #fff
}
body.topic-SSL section.package .package-table .one-row>div .price>div:first-child h3 {
	background:-webkit-linear-gradient(left,#536679,#6e8196);
	background:-o-linear-gradient(right,#536679,#6e8196);
	background:-moz-linear-gradient(right,#536679,#6e8196);
	background:linear-gradient(to right,#536679,#6e8196)
}
body.topic-SSL section.package .package-table .one-row>div .price p {
	background:#f1f6fa;
	margin:0;
	text-align:center;
	padding:10px
}
body.topic-SSL section.package .package-table .one-row>div .price p span {
	font-size:18px;
	color:#333;
	margin:0 10px;
	white-space:nowrap;
	display:inline-block;
	min-width:80px
}
body.topic-SSL section.package .package-table .one-row>div .price p span small {
	font-size:14px
}
body.topic-SSL section.package .package-table .one-row>div .price p>span:last-child {
	position:relative;
	left:-10px
}
@media screen and (max-width:1200px) {
	body.topic-SSL section.package .package-table {
	margin:-20px
}
body.topic-SSL section.package .package-table .one-row {
	border-collapse:separate;
	border-spacing:20px
}
body.topic-SSL section.package .package-table .one-row>div .price>div {
	width:100%;
	float:none
}
body.topic-SSL section.package .package-table .one-row>div .price>div h3 {
	background:-webkit-linear-gradient(left,#536679,#889cb3);
	background:-o-linear-gradient(right,#536679,#889cb3);
	background:-moz-linear-gradient(right,#536679,#889cb3);
	background:linear-gradient(to right,#536679,#889cb3)
}
}@media screen and (max-width:768px) {
	body.topic-SSL section.package .package-table {
	margin:0
}
body.topic-SSL section.package .package-table .one-row {
	display:block
}
body.topic-SSL section.package .package-table .one-row>div {
	display:block;
	width:100%;
	margin-bottom:40px
}
}body.topic-SSL section.apply {
	padding-bottom:60px
}
body.topic-SSL section.apply .apply-table {
	margin:-20px -34px
}
body.topic-SSL section.apply .apply-table .one-row {
	border-collapse:separate;
	border-spacing:34px
}
body.topic-SSL section.apply .apply-table .one-row>div {
	background:url(/img/bg/033.png) right bottom no-repeat;
	border:1px solid #ddd;
	border-radius:4px;
	padding:30px;
	width:25%;
	vertical-align:top
}
body.topic-SSL section.apply .apply-table .one-row>div h3 {
	font-size:18px;
	margin:12px auto
}
@media screen and (max-width:992px) {
	body.topic-SSL section.apply .apply-table {
	margin:-20px
}
body.topic-SSL section.apply .apply-table .one-row {
	border-spacing:20px
}
body.topic-SSL section.apply .apply-table .one-row>div {
	padding:20px
}
}@media screen and (max-width:768px) {
	body.topic-SSL section.apply .apply-table {
	display:block;
	margin:0
}
body.topic-SSL section.apply .apply-table .one-row {
	display:block
}
body.topic-SSL section.apply .apply-table .one-row>div {
	display:block;
	width:100%;
	margin-bottom:20px
}
}body.topic-SSL section.help-block {
	display:block
}
.servertopic {
	margin-top:-50px
}
.servertopic section {
	min-height:860px
}
.servertopic span,.servertopic a,.servertopic h3,.servertopic h2,.servertopic h1 {
	color:#f0f8ff
}
.servertopic span {
	font-size:18px
}
.servertopic h2 {
	color:#fff;
	font-size:48px;
	text-align:center;
	padding:0 10px
}
.servertopic p {
	display:inline-block;
	text-align:center
}
.servertopic h4 {
	color:#acd4ef;
	font-size:18px
}
.servertopic h3 {
	font-size:24px
}
.servertopic .yellow {
	color:#ffd57c
}
.servertopic .topic-more {
	padding:5px 40px;
	background:#00a3e0;
	border:1px solid #00a3e0;
	border-radius:15px;
	font-size:18px
}
.servertopic .more {
	text-align:center;
	margin:50px 0 0;
	font-size:18px
}
.servertopic .card-4 .more {
	margin:80px 0 60px!important
}
.servertopic .main {
	padding-top:5px
}
.servertopic .topic-tit {
	text-align:center;
	padding:10px 0;
	margin-top:-40px
}
.servertopic .topic-tit>div>* {
	display:inline-block
}
.servertopic .topic-content {
	text-align:center;
	position:relative
}
.servertopic .topic-nav {
	height:90px;
	background:url(/img/other/topic/server/nav.png) no-repeat;
	width:180px;
	text-align:center;
	line-height:90px;
	background-size:180px
}
.servertopic .topic-nav h3 {
	letter-spacing:5px;
	padding-left:5px
}
.servertopic .next {
	width:100%;
	height:50px;
	margin-top:60px;
	position:relative;
	text-align:center
}
.servertopic .next a {
	display:table;
	height:40px;
	margin:auto
}
.servertopic .card-4 .topic-content {
	margin:-20px
}
.servertopic .card-4 .topic-content .some-row {
	border-spacing:20px
}
.servertopic .card-4 .topic-content .some-row>div>div {
	width:25%
}
.servertopic>section:not(.home-page)>div {
	vertical-align:top
}
.hktopic .topic-tit {
	margin-top:20px!important
}
.hktopic .topic-tit h2 {
	margin-bottom:0!important
}
.hktopic .topic-tit h3 {
	margin-top:0;
	margin-bottom:50px
}
@media screen and (max-width:480px) {
	.hktopic .topic-tit h3 {
	margin-bottom:20px
}
}section.menu-page .home-tit {
	position:relative;
	padding-top:200px;
	text-align:center
}
section.menu-page .home-tit>div {
	position:relative;
	margin:auto
}
section.menu-page .home-tit>div span {
	font-size:24px;
	background:url(/img/other/topic/server/title.png) center no-repeat;
	background-size:100% 50px;
	line-height:60px;
	padding:10px 15px
}
section.menu-page .home-tit .details {
	padding:30px
}
section.menu-page .home-tit .details .info-btn::after {
	position:relative;
	left:10px;
	content:">"
}
section.menu-page .home-nav {
	margin:0 -10px
}
section.menu-page .home-nav>div {
	display:table;
	border-spacing:10px 0
}
section.menu-page .home-nav>div .item {
	display:table-cell;
	background:url(/img/other/topic/server/hk-menu-1.png) center no-repeat;
	background-size:100% 100%;
	width:20%;
	padding:5px 10px;
	vertical-align:middle;
	height:80px
}
section.menu-page .home-nav>div .item h3 {
	margin:0;
	font-size:18px
}
section.menu-page .home-nav>div .item h4 {
	margin:0;
	font-size:14px
}
section.menu-page .home-nav>div .item img {
	height:35px;
	width:35px
}
section.menu-page .home-nav>div .item>* {
	display:table
}
section.menu-page .home-nav>div .item>*>* {
	display:table-cell;
	vertical-align:middle
}
section.menu-page .home-nav>div:last-child {
	width:80%;
	margin:auto;
	margin-top:20px
}
section.menu-page .home-nav>div:last-child .item {
	width:25%
}
@media screen and (max-width:1200px) {
	section.menu-page .home-tit>div span {
	font-size:20px
}
}@media screen and (max-width:992px) {
	section.menu-page .home-tit>div span {
	font-size:16px
}
section.menu-page .home-nav {
	display:none
}
}@media screen and (max-width:768px) {
	section.menu-page .home-tit>img {
	width:100%
}
section.menu-page .home-tit>div span {
	line-height:10px;
	background:0 0;
	font-size:15px;
	padding:0
}
}.topic-overseas section .wrapper {
	width:1200px
}
.topic-overseas .banner {
	height:1000px
}
.topic-overseas .banner .red,.topic-overseas .banner .yellow {
	font-size:21px
}
.topic-overseas section:not(.topic-bandwith) .topic-button {
	padding:30px 0 60px;
	text-align:center
}
.topic-overseas .topic-nav {
	position:relative;
	box-shadow:0 0 10px rgba(2,45,134,.13);
	padding:30px
}
.topic-overseas .topic-nav a {
	font-weight:700;
	color:#333;
	font-size:18px
}
.topic-overseas .topic-nav .col-1 {
	text-align:center;
	border-right:1px solid #dcdcdc;
	height:30px
}
.topic-overseas .topic-nav .col-1 .footer-line {
	width:25%;
	background:#17cea3;
	height:3px;
	margin:auto;
	display:none
}
.topic-overseas .topic-nav .col-1:hover .footer-line {
	display:block
}
.topic-overseas .topic-nav .col-1:last-child {
	border-right:0
}
.topic-overseas .topic-nav::before {
	content:"";
	width:95%;
	height:10px;
	box-shadow:0 0 10px rgba(2,45,134,.13);
	display:block;
	position:absolute;
	bottom:-10px
}
.topic-overseas .topic-stack {
	background-color:#eff2f6
}
.topic-overseas .map-overseas .map-overseas-img {
	position:relative;
	height:600px;
	background:url(/img/other/map-nav/map5.png) center no-repeat
}
.topic-overseas .map-overseas .point {
	position:absolute
}
.topic-overseas .map-overseas .point span {
	color:#333
}
.topic-overseas .map-overseas .content {
	position:relative;
	z-index:2;
	bottom:-15px;
	right:10px
}
.topic-overseas .map-overseas .spotright {
	bottom:5px;
	right:-15px
}
.topic-overseas .map-overseas .spotleft {
	bottom:5px;
	right:35px
}
.topic-overseas .map-overseas .point:hover .map-spot1 {
	background:#17cea3
}
.topic-overseas .map-overseas .point:hover span {
	color:#333
}
.topic-overseas .map-overseas .point:hover .map-spot1::before {
	content:"";
	position:absolute;
	left:-5px;
	top:-5px;
	height:20px;
	width:20px;
	border-radius:50%;
	background:rgba(77,224,190,.2);
	animation:flash infinite linear 1s
}
.topic-overseas .map-overseas .point:hover .map-spot1::after {
	background:rgba(71,219,185,.2)
}
.topic-overseas .datacenter {
	background-color:#eff2f6
}
.topic-overseas .datacenter .col-1 {
	margin-top:20px
}
.topic-overseas .datacenter .col-1 a {
	display:inherit;
	width:170px;
	margin:auto;
	height:40px;
	background:url(/img/other/frame/001.png) center no-repeat;
	text-align:center;
	color:#2649bd;
	line-height:40px
}
.topic-overseas .topic-hardware {
	background-color:#eff2f6
}
.topic-overseas .topic-hardware .series {
	background:#fff;
	box-shadow:0 0 15px rgba(2,45,134,.15);
	border-radius:10px
}
.topic-overseas .topic-hardware .series-title {
	background:url(/img/other/topic/server/overseas2.jpg) center no-repeat;
	padding:18px 40px;
	border-radius:10px 10px 0 0
}
.topic-overseas .topic-hardware h3 {
	margin:0;
	color:#fff;
	font-size:24px
}
.topic-overseas .topic-hardware p {
	color:#fff
}
.topic-overseas .topic-hardware .series-list {
	padding:18px 40px
}
.topic-overseas .topic-hardware .btn {
	background-color:#eef0f4;
	border:1px solid #eef0f4;
	color:#333;
	height:40px;
	line-height:40px;
	padding:0 16px;
	width:134px
}
.topic-overseas .topic-hardware .col-11 {
	text-align:center
}
.topic-overseas .topic-hardware .btn:hover {
	color:#fff;
	background-color:#17cea3;
	border:1px solid #17cea3
}
.topic-overseas .topic-hardware .frontiers {
	box-shadow:0 0 15px rgba(2,45,134,.15);
	border-radius:10px;
	background:#fff;
	margin-top:20px
}
.topic-overseas .topic-hardware .frontiers img {
	border-radius:10px
}
@media all and (max-width:1024px) {
	.topic-overseas .topic-hardware .col-11 {
	margin-top:10px;
	width:25%
}
}@media all and (max-width:650px) {
	.topic-overseas .topic-hardware .col-11 {
	width:50%
}
}@media screen and (max-width:1200px) {
	.hktopic>section:not(.home-page)>div {
	vertical-align:middle
}
.hktopic>section:not(.home-page) .wrapper {
	margin-top:0
}
.hktopic .server-nav .main {
	padding-top:0
}
}@media screen and (max-width:1024px) {
	#fp-nav.left {
	display:none
}
.hktopic .home-page .home-tit img {
	width:100%
}
.topic-copyright {
	display:none
}
.topic-copyright-min {
	display:block;
	position:absolute;
	bottom:0;
	width:100%;
	text-align:center;
	border-top:1px solid #737b8d;
	padding:5px 0
}
.topic-copyright-min span {
	color:#737b8d
}
}@media screen and (max-width:768px) {
	.servertopic section {
	min-height:660px
}
br {
	display:none
}
.hktopic {
	margin-top:-10px
}
.hktopic h2 {
	font-size:30px
}
.hktopic .topic-tit {
	margin-top:0!important
}
.hktopic .topic-nav {
	margin:auto;
	background-size:100%;
	width:150px;
	line-height:80px;
	height:80px
}
.hktopic .topic-nav h3 {
	font-size:18px;
	letter-spacing:5px
}
.hktopic .card-4 .topic-content {
	margin:-20px -10px
}
.hktopic .card-4 .topic-content .some-row {
	border-spacing:10px
}
.hktopic .card-4 .topic-content .some-row>div>div {
	margin-bottom:10px;
	display:block;
	width:100%;
	position:relative
}
.hktopic .card-4 .topic-content .some-row>div>div .item {
	font-size:15px;
	text-align:left;
	padding-top:0
}
.hktopic .card-4 .topic-content .some-row>div>div .item>* {
	display:table-cell;
	position:relative;
	vertical-align:middle
}
.hktopic .card-4 .topic-content .some-row>div>div .item>:last-child {
	padding:0
}
.hktopic .card-4 .topic-content .some-row>div>div .item>:last-child h4 {
	margin-bottom:0
}
.hktopic .card-4 .topic-content .some-row>div>div .item h4 {
	margin:0!important
}
.hktopic .card-4 .topic-content .some-row>div>div .item h3 {
	margin:0!important
}
.hkcloud .topic-tit img {
	display:none!important
}
}@media screen and (max-width:480px) {
	.servertopic section {
	min-height:500px
}
.hktopic h4 {
	font-size:16px!important
}
.hktopic h3 {
	font-size:18px!important
}
.hktopic .topic-tit h2 {
	font-size:25px
}
.hktopic .topic-tit img {
	width:16%
}
.topic-copyright-min span {
	font-size:14px
}
}@-webkit-keyframes pulse {
	0% {
	-webkit-transform:scale(1);
	transform:scale(1)
}
50% {
	-webkit-transform:scale(1.1);
	transform:scale(1.1)
}
100% {
	-webkit-transform:scale(1);
	transform:scale(1)
}
}@keyframes pulse {
	0% {
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1)
}
50% {
	-webkit-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transform:scale(1.1)
}
100% {
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1)
}
}.pulse {
	-webkit-animation-name:pulse;
	animation-name:pulse
}
@-webkit-keyframes pulse2 {
	0% {
	-webkit-transform:scale(1);
	transform:scale(1)
}
50% {
	-webkit-transform:scale(2);
	transform:scale(2)
}
100% {
	-webkit-transform:scale(1.2);
	transform:scale(1.2)
}
}@keyframes pulse2 {
	0% {
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1)
}
50% {
	-webkit-transform:scale(2);
	-ms-transform:scale(2);
	transform:scale(2)
}
100% {
	-webkit-transform:scale(1.2);
	-ms-transform:scale(1.2);
	transform:scale(1.2)
}
}.pulse2 {
	-webkit-animation-name:pulse2;
	animation-name:pulse2
}
.animated {
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both
}
@-webkit-keyframes arrow {
	25% {
	-webkit-transform:translateY(-10px)
}
50%,100% {
	-webkit-transform:translateY(0)
}
75% {
	-webkit-transform:translateY(10px)
}
}@keyframes arrow {
	25% {
	transform:translateY(-10px)
}
50%,100% {
	transform:translateY(0)
}
75% {
	transform:translateY(10px)
}
}.animate-arrow {
	-webkit-animation:arrow 1.5s linear infinite;
	animation:arrow 1.5s linear infinite
}
.server-topic {
	margin-top:-50px
}
.server-topic span,.server-topic a,.server-topic h3,.server-topic h2,.server-topic h1 {
	color:#f0f8ff
}
.server-topic span {
	font-size:18px
}
.server-topic h2 {
	color:#fff;
	font-size:48px;
	text-align:center;
	padding:0 10px
}
.server-topic p {
	display:inline-block;
	text-align:center
}
.server-topic h4 {
	color:#acd4ef;
	font-size:18px
}
.server-topic h3 {
	font-size:24px
}
.server-topic .yellow {
	color:#ffd57c
}
.server-topic .topic-more {
	padding:5px 40px;
	background:#00a3e0;
	border:1px solid #00a3e0;
	border-radius:15px;
	font-size:18px
}
.server-topic .more {
	text-align:center;
	margin:50px 0 60px;
	font-size:18px
}
.server-topic .card-4 .more {
	margin:80px 0 60px!important
}
.server-topic .main {
	padding-top:5px
}
.server-topic .topic-tit {
	text-align:center;
	padding:10px 0;
	margin-top:-40px
}
.server-topic .topic-tit>div>* {
	display:inline-block
}
.server-topic .topic-content {
	text-align:center;
	position:relative
}
.server-topic .topic-nav {
	height:90px;
	background:url(/img/other/topic/server/nav.png) no-repeat;
	width:180px;
	text-align:center;
	line-height:90px;
	background-size:180px
}
.server-topic .topic-nav h3 {
	letter-spacing:5px;
	padding-left:5px
}
.server-topic .next {
	width:100%;
	height:50px;
	position:relative;
	text-align:center
}
.server-topic .next a {
	display:table;
	height:40px;
	margin:auto
}
.server-topic .card-4 .topic-content {
	margin:-20px
}
.server-topic .card-4 .topic-content .some-row {
	border-spacing:20px
}
.server-topic .card-4 .topic-content .some-row>div>div {
	width:25%
}
.server-topic>section:not(.home-page)>div {
	vertical-align:top
}
.server-topic>section:not(.home-page) .wrapper {
	margin-top:60px
}
.hktopic .topic-tit {
	margin-top:20px!important
}
.hktopic .topic-tit h2 {
	margin-bottom:0!important
}
.hktopic .topic-tit h3 {
	margin-top:0;
	margin-bottom:50px
}
@media screen and (max-width:480px) {
	.hktopic .topic-tit h3 {
	margin-bottom:20px
}
}.topic-copyright {
	position:absolute;
	bottom:5px
}
.topic-copyright img {
	width:100%;
	min-width:1100px
}
.topic-copyright-min {
	display:none
}
section.home-page .home-tit {
	position:relative;
	margin-top:-120px;
	text-align:center
}
section.home-page .home-tit>div {
	position:relative;
	margin:auto
}
section.home-page .home-tit>div span {
	font-size:24px;
	background:url(/img/other/topic/server/title.png) center no-repeat;
	background-size:100% 50px;
	line-height:60px;
	padding:10px 15px
}
section.home-page .home-tit .info-btn {
	position:relative;
	top:30px
}
section.home-page .home-tit .info-btn::after {
	position:relative;
	left:10px;
	content:">"
}
section.home-page .home-nav {
	position:relative;
	top:120px;
	margin:0 -10px
}
section.home-page .home-nav>div {
	display:table;
	border-spacing:10px 0
}
section.home-page .home-nav>div .item {
	display:table-cell;
	background:url(/img/other/topic/server/hk-menu-1.png) center no-repeat;
	background-size:100% 100%;
	width:20%;
	padding:5px 10px;
	vertical-align:middle;
	height:80px
}
section.home-page .home-nav>div .item h3 {
	margin:0;
	font-size:18px
}
section.home-page .home-nav>div .item h4 {
	margin:0;
	font-size:14px
}
section.home-page .home-nav>div .item img {
	height:35px;
	width:35px
}
section.home-page .home-nav>div .item>* {
	display:table
}
section.home-page .home-nav>div .item>*>* {
	display:table-cell;
	vertical-align:middle
}
section.home-page .home-nav>div:last-child {
	width:80%;
	margin:auto;
	margin-top:20px
}
section.home-page .home-nav>div:last-child .item {
	width:25%
}
@media screen and (max-width:1200px) {
	section.home-page .home-tit>div span {
	font-size:20px
}
}@media screen and (max-width:992px) {
	section.home-page .home-tit>div span {
	font-size:16px
}
}@media screen and (max-width:768px) {
	section.home-page .home-tit>img {
	width:100%
}
section.home-page .home-tit>div span {
	line-height:10px;
	background:0 0;
	font-size:15px;
	padding:0
}
section.home-page .home-nav {
	display:none
}
}.server-nav .main {
	padding-top:100px
}
.server-nav .topic-tit {
	background:url(/img/other/topic/server/tit-line.png) center no-repeat
}
.server-nav .topic-content {
	display:none;
	padding:0 80px
}
.server-nav .topic-content .Hexagon {
	position:relative
}
.server-nav .topic-content .Hexagon img {
	width:45px;
	height:45px
}
.server-nav .topic-content .Hexagon h3 {
	color:#19acec;
	font-size:24px;
	margin-top:5px
}
.server-nav .topic-content .Hexagon .figure {
	text-align:center;
	height:160px;
	width:100%;
	background:url(/img/other/topic/server/nav-bg.png) center no-repeat;
	background-size:200px
}
.server-nav .topic-content .Hexagon .figure .item {
	padding-top:40px
}
.server-nav .topic-content .Hexagon .figure:hover {
	cursor:pointer;
	background:url(/img/other/topic/server/nav-hover.png) center no-repeat;
	background-size:200px;
	transition:all 1s
}
@media screen and (min-width:1200px) {
	.server-nav .topic-content {
	padding:0 50px
}
.server-nav .topic-content .figure {
	width:180px!important
}
.server-nav .topic-content .Hexagon-1>div:first-child {
	position:relative;
	left:0;
	bottom:80px
}
.server-nav .topic-content .Hexagon-1>div:last-child {
	position:absolute;
	right:10%;
	top:0
}
.server-nav .topic-content .Hexagon-2>div:last-child {
	position:relative;
	left:70%;
	bottom:240px
}
.server-nav .topic-content .Hexagon-2 .safe-nav {
	position:relative;
	top:-160px;
	left:25%
}
.server-nav .topic-content .Hexagon-2>div:first-child {
	position:relative;
	top:80px;
	left:-20%
}
.server-nav .topic-content .Hexagon-3>div:last-child {
	position:relative;
	right:0;
	bottom:80px;
	float:right
}
.server-nav .topic-content .Hexagon-3>div:first-child {
	position:absolute;
	left:10%;
	top:0
}
}@media screen and (max-width:768px) {
	.server-nav .topic-content {
	padding:0
}
.server-nav .topic-content .Hexagon .figure {
	background-size:180px
}
.server-nav .topic-content .Hexagon .figure:hover {
	background-size:180px
}
}@media screen and (max-width:480px) {
	.server-nav .topic-content .Hexagon img {
	width:30px;
	height:30px
}
.server-nav .topic-content .Hexagon .figure {
	background-size:130px;
	height:140px
}
.server-nav .topic-content .Hexagon .figure:hover {
	background-size:130px;
	height:140px
}
}section.record .topic-content {
	display:table;
	width:100%;
	padding-top:40px
}
section.record .topic-content .left {
	background:url(/img/other/topic/server/hk-p1-1.png) center no-repeat;
	background-size:97% 100%
}
section.record .topic-content .right {
	background:url(/img/other/topic/server/hk-p1-2.png) center no-repeat;
	background-size:97% 100%
}
section.record .topic-content>* {
	padding:30px 40px;
	width:50%;
	display:table-cell;
	min-height:120px;
	text-align:center
}
section.record .topic-content>* span {
	font-size:22px
}
section.record .more {
	margin:120px 0 70px
}
@media screen and (max-width:768px) {
	section.record .topic-content>* {
	display:block;
	float:left;
	padding:30px 40px;
	width:100%;
	margin-top:20px
}
section.record .topic-content>* span {
	font-size:20px
}
}section.net .main .topic-content .dashboard img {
	width:80%;
	margin-top:-20px;
	padding-right:5%
}
section.net .main .topic-content .some-row>div>div {
	background:rgba(9,37,84,.4) none repeat scroll!important
}
section.net .main .topic-content .some-row>div>div .item {
	padding:40px 20px
}
section.net .main .topic-content .some-row>div>div .item h3 {
	margin:10px 0
}
section.net .main .topic-content .some-row>div>div .item h4 {
	margin:10px 0
}
section.net .main .topic-content .some-row>div>div .item>div:first-child {
	height:60px;
	min-width:80px;
	text-align:center
}
section.net .main .topic-content p {
	color:#ffad42;
	font-size:18px
}
section.net .main .topic-content p::before {
	content:url(/img/other/topic/server/label2.png);
	margin-right:10px
}
section.net .main .topic-content p::after {
	content:url(/img/other/topic/server/label1.png);
	margin-left:10px
}
section.net .main .topic-content .info {
	background:url(/img/other/topic/server/hk-p2.png) center no-repeat;
	background-size:100% 100%;
	padding:15px 20px;
	text-align:left
}
section.net .main .more {
	margin:20px 0 40px
}
@media screen and (max-width:768px) {
	section.net .main .topic-tit {
	margin-top:0
}
section.net .main .topic-content .dashboard img {
	width:100%
}
section.net .main .topic-content .some-row>div>div .item {
	padding:10px 0
}
section.net .main .topic-content p {
	font-size:19px
}
section.net .main .topic-content p::before {
	content:""
}
section.net .main .topic-content p::after {
	content:""
}
}section.performance .main .topic-tit {
	padding:0
}
section.performance .main .topic-content .some-row>div>div {
	border:1px solid #acd4ef
}
section.performance .main .topic-content .some-row>div>div .item {
	padding-top:10px
}
section.performance .main .topic-content .some-row>div>div .item>:last-child {
	padding:0 15px
}
section.performance .main .topic-content .some-row>div>div .item>:last-child h3 {
	margin:0
}
section.performance .main .topic-content .some-row>div>div .item>:last-child h4 {
	margin-top:0
}
section.extend .topic-content>div {
	background:rgba(153,226,255,.2) none repeat scroll!important;
	filter:alpha(opacity=20);
	width:100%;
	height:100%
}
section.extend .topic-content>div>div {
	padding:35px 100px
}
section.extend .topic-content>div>div .item {
	position:relative;
	opacity:1;
	text-align:left;
	border-bottom:1px dashed #3fa4d5;
	padding:10px 0 10px 30px;
	vertical-align:middle
}
section.extend .topic-content>div>div .item div {
	width:20px;
	display:inline-block
}
section.extend .topic-content>div>div .item div img {
	height:22px
}
section.extend .topic-content>div>div .item span {
	margin-left:5px
}
@media screen and (max-width:768px) {
	section.extend .topic-content>div>div {
	padding:10px 20px
}
section.extend .topic-content>div>div .item {
	padding:10px
}
section.extend .topic-content>div>div .item span {
	font-size:14px
}
}section.safe .topic-tit {
	margin-top:-40px
}
section.safe .topic-content .some-row {
	background:url(/img/other/topic/server/hk-p4-2.png) center no-repeat;
	background-size:100% 100%;
	padding:20px 10px 10px
}
section.safe .topic-content .some-row>div>div:first-child {
	vertical-align:middle;
	width:40%
}
section.safe .topic-content .some-row>div>div:first-child img {
	width:100%
}
section.safe .topic-content .some-row>div>div:last-child {
	width:60%
}
section.safe .topic-content .some-row>div>div:last-child h3 {
	font-weight:700;
	margin-bottom:5px
}
section.safe .topic-content .some-row>div>div:last-child h4 {
	text-align:left;
	font-size:20px;
	margin:0 30px;
	padding:30px 20px;
	background:url(/img/other/topic/server/hk-p4-3.png) center no-repeat;
	background-size:100% 80%;
	letter-spacing:1px
}
@media screen and (max-width:992px) {
	section.safe .topic-content .some-row {
	background:0 0;
	padding:0
}
section.safe .topic-content .some-row>div>div {
	display:block;
	margin:auto
}
section.safe .topic-content .some-row>div>div:first-child {
	width:60%
}
section.safe .topic-content .some-row>div>div:last-child {
	width:90%;
	padding-top:0
}
section.safe .topic-content .some-row>div>div:last-child h4 {
	margin:0;
	text-align:center;
	background:0 0;
	padding:0
}
}@media screen and (max-width:480px) {
	section.safe .topic-content .some-row>div>div:first-child {
	width:80%
}
}section.stable .topic-tit {
	margin-top:-40px
}
section.stable .topic-content {
	margin:0 -20px
}
section.stable .topic-content .some-row {
	border-spacing:20px
}
section.stable .topic-content .some-row>div:last-child {
	margin-top:20px
}
section.stable .topic-content .item {
	width:33%;
	background:rgba(38,72,127,.5) none repeat scroll!important;
	filter:alpha(opacity=20);
	box-shadow:0 0 .1px #fff
}
section.stable .topic-content .item>div {
	vertical-align:middle;
	display:table-cell;
	text-align:left
}
section.stable .topic-content .item>div h3,section.stable .topic-content .item>div h4 {
	margin:0
}
@media screen and (max-width:992px) {
	section.stable .topic-content {
	margin:0
}
section.stable .topic-content .some-row {
	border-spacing:0
}
section.stable .topic-content .some-row .item {
	padding:10px;
	display:block;
	width:100%
}
section.stable .topic-content .some-row .item>div:last-child {
	padding-left:20px
}
section.stable .topic-content .some-row .item h4 {
	display:inline-block
}
}section.service .topic-content {
	margin-top:40px
}
section.service .topic-content .some-row>div>div {
	width:25%;
	border-right:1px solid rgba(172,212,239,.2)
}
section.service .topic-content .some-row>div>div h4 {
	padding:0 10px
}
section.service .topic-content .some-row>div>div:last-child {
	border:0
}
section.service .more {
	margin-top:40px
}
@media screen and (max-width:992px) {
	section.service .topic-tit h2 {
	font-size:30px
}
}@media screen and (max-width:768px) {
	section.service .topic-tit {
	margin-top:0
}
section.service .topic-tit h2 {
	font-size:24px
}
section.service .topic-content .some-row>div>div h4 {
	padding:0 20px
}
}@media screen and (max-width:480px) {
	section.service .topic-content .some-row>div>div {
	padding:5px 0;
	width:100%;
	display:block;
	border:1px solid rgba(172,212,239,.2)
}
section.service .topic-content .some-row>div>div h3,section.service .topic-content .some-row>div>div h4 {
	margin:0
}
section.service .topic-content .some-row>div>div:last-child {
	border:1px solid rgba(172,212,239,.2)
}
}section.dominate .topic-tit {
	margin-top:-40px
}
section.dominate .topic-content img {
	width:70%
}
@media screen and (max-width:768px) {
	section.dominate .topic-tit {
	margin-top:0
}
section.dominate .topic-content img {
	width:100%
}
}section.cost .topic-tit {
	margin-top:-40px
}
section.cost .topic-content img {
	width:90%
}
@media screen and (max-width:768px) {
	section.cost .topic-tit {
	margin-top:0
}
section.cost .topic-content img {
	width:100%
}
}@media screen and (max-width:1200px) {
	.server-topic>section:not(.home-page)>div {
	vertical-align:middle
}
.server-topic>section:not(.home-page) .wrapper {
	margin-top:0
}
.server-topic .server-nav .main {
	padding-top:0
}
}@media screen and (max-width:1024px) {
	#fp-nav.left {
	display:none
}
.server-topic>section:not(.home-page) .wrapper {
	margin-bottom:100px
}
.server-topic .home-page .home-tit img {
	width:100%
}
.topic-copyright {
	display:none
}
.topic-copyright-min {
	display:block;
	position:absolute;
	bottom:0;
	width:100%;
	text-align:center;
	border-top:1px solid #737b8d;
	padding:5px 0
}
.topic-copyright-min span {
	color:#737b8d
}
}@media screen and (max-width:768px) {
	br {
	display:none
}
.server-topic {
	margin-top:-10px
}
.server-topic h2 {
	font-size:30px
}
.server-topic .topic-tit {
	margin-top:0!important
}
.server-topic .topic-nav {
	margin:auto;
	background-size:100%;
	width:150px;
	line-height:80px;
	height:80px
}
.server-topic .topic-nav h3 {
	font-size:18px;
	letter-spacing:5px
}
.server-topic .card-4 .topic-content {
	margin:-20px -10px
}
.server-topic .card-4 .topic-content .some-row {
	border-spacing:10px
}
.server-topic .card-4 .topic-content .some-row>div>div {
	margin-bottom:10px;
	display:block;
	width:100%;
	position:relative
}
.server-topic .card-4 .topic-content .some-row>div>div .item {
	font-size:15px;
	text-align:left;
	padding-top:0
}
.server-topic .card-4 .topic-content .some-row>div>div .item>* {
	display:table-cell;
	position:relative;
	vertical-align:middle
}
.server-topic .card-4 .topic-content .some-row>div>div .item>:last-child {
	padding:0
}
.server-topic .card-4 .topic-content .some-row>div>div .item>:last-child h4 {
	margin-bottom:0
}
.server-topic .card-4 .topic-content .some-row>div>div .item h4 {
	margin:0!important
}
.server-topic .card-4 .topic-content .some-row>div>div .item h3 {
	margin:0!important
}
.hkcloud .topic-tit img {
	display:none!important
}
}@media screen and (max-width:480px) {
	.server-topic h4 {
	font-size:16px!important
}
.server-topic h3 {
	font-size:18px!important
}
.server-topic .topic-tit h2 {
	font-size:25px
}
.server-topic .topic-tit img {
	width:16%
}
.topic-copyright-min span {
	font-size:14px
}
}body.topic-pioneer section:not(.soluion ):not(.frame) p {
	text-align:center
}
body.topic-pioneer .line {
	margin:15px 0;
	padding:0 40px
}
body.topic-pioneer .more {
	width:100%;
	text-align:center;
	padding-bottom:20px
}
body.topic-pioneer section:not(.serve):not(.frame) .wrapper {
	position:relative;
	overflow:hidden
}
body.topic-pioneer section.topic-nav .tab-wrap {
	width:100%;
	height:51px
}
body.topic-pioneer section.topic-nav .tab-wrap .tab>div .item,body.topic-pioneer section.topic-nav .tab-wrap .tab-nav>div .item {
	font-size:16px;
	line-height:48px
}
body.topic-pioneer section.stack .swiper-button-prev {
	left:40px;
	display:none
}
body.topic-pioneer section.stack .swiper-button-next {
	right:40px;
	display:none
}
body.topic-pioneer section.stack .swiper-slide img {
	box-shadow:0 0 30px rgba(0,0,0,.15)
}
body.topic-pioneer section.stack .detail {
	background:#e7edf5;
	padding:20px 0;
	margin-bottom:40px
}
body.topic-pioneer section.stack .detail .some-line>div {
	position:relative;
	width:90%
}
body.topic-pioneer section.stack .detail .some-line>div h3 {
	font-weight:700
}
body.topic-pioneer section.stack .detail .some-line>div p {
	font-size:16px;
	padding:0 15px
}
body.topic-pioneer section.stack .detail .some-line>div::before {
	content:"";
	position:absolute;
	background:url(/img/other/ribbon01.png) no-repeat;
	width:20px;
	left:0;
	top:0;
	height:100%;
	background-size:100% 100%
}
body.topic-pioneer section.stack .detail .some-line>div::after {
	content:"";
	position:absolute;
	background:url(/img/other/ribbon02.png) no-repeat;
	width:20px;
	height:100%;
	right:0;
	top:0;
	background-size:100% 100%
}
@media screen and (max-width:1300px) {
	body.topic-pioneer section.stack .swiper-button-prev {
	display:block
}
body.topic-pioneer section.stack .swiper-button-next {
	display:block
}
body.topic-pioneer section.stack #stack-pic {
	width:100%
}
body.topic-pioneer section.stack #stack-pic .swiper-slide {
	width:100%
}
body.topic-pioneer section.stack #stack-pic .swiper-slide img {
	margin:auto
}
}@media screen and (max-width:992px) {
	body.topic-pioneer section.stack .swiper-button-prev {
	left:20px;
	top:40%
}
body.topic-pioneer section.stack .swiper-button-next {
	right:20px;
	top:40%
}
body.topic-pioneer section.stack #stack-pic .swiper-slide {
	height:100%
}
body.topic-pioneer section.stack #stack-pic .swiper-slide img {
	width:80%
}
}@media screen and (max-width:480px) {
	body.topic-pioneer section.stack .swiper-button-prev {
	left:0
}
body.topic-pioneer section.stack .swiper-button-next {
	right:0
}
body.topic-pioneer section.stack #stack-pic .swiper-slide img {
	width:100%
}
}body.topic-pioneer section.product {
	background:url(/img/bg/048.png) center
}
body.topic-pioneer section.product .tit1 h1 {
	color:#fff
}
body.topic-pioneer section.product p {
	color:#e7edf5;
	padding:10px 20px;
	line-height:25px
}
body.topic-pioneer section.product h2 {
	font-size:24px;
	color:#e7edf5
}
body.topic-pioneer section.product .item .some-line {
	position:relative;
	overflow:hidden;
	margin-bottom:40px;
	transition:all .3s ease-out
}
body.topic-pioneer section.product .item .some-line>div {
	padding:15px 0;
	background:linear-gradient(to right,rgba(64,111,213,0.8),rgba(44,157,210,0.8))
}
body.topic-pioneer section.product .item .some-line>div h2 {
	width:70%;
	text-align:left
}
@media screen and (min-width:1201px) {
	body.topic-pioneer section.product .item .some-line {
	padding-top:210px;
	height:284px;
	padding-left:30px;
	padding-right:30px
}
body.topic-pioneer section.product .item .some-line>div {
	min-height:250px
}
body.topic-pioneer section.product .item .some-line:hover {
	padding-top:40px;
	transition:all .3s ease-out
}
body.topic-pioneer section.product .item .some-line:hover>div {
	padding:30px 0
}
body.topic-pioneer section.product .item .some-line:hover>div .one-row>* {
	display:block
}
body.topic-pioneer section.product .item .some-line:hover h2 {
	width:100%;
	text-align:center;
	padding-left:none;
	padding-left:0;
	margin:20px 0 10px
}
body.topic-pioneer section.product .item .some-line:hover p {
	padding:0 20px
}
}body.topic-pioneer section.product .some-row>*>* {
	width:33%;
	min-height:284px
}
body.topic-pioneer section.product gap {
	width:6px!important;
	padding:0 15px
}
body.topic-pioneer section.product .card1 {
	background:url(/img/other/topic/pioneer1.png) no-repeat
}
body.topic-pioneer section.product .card2 {
	background:url(/img/other/topic/pioneer2.png) no-repeat
}
body.topic-pioneer section.product .card3 {
	background:url(/img/other/topic/pioneer3.png) no-repeat
}
body.topic-pioneer section.product .card4 {
	background:url(/img/other/topic/pioneer4.png) no-repeat
}
body.topic-pioneer section.product .card5 {
	background:url(/img/other/topic/pioneer5.png) no-repeat
}
body.topic-pioneer section.product .card6 {
	background:url(/img/other/topic/pioneer6.png) no-repeat
}
@media screen and (max-width:1200px) {
	body.topic-pioneer section.product .some-row>* div {
	width:100%;
	display:block;
	min-height:0
}
body.topic-pioneer section.product .some-row>* div h2 {
	width:100%!important;
	text-align:center!important;
	display:block;
	margin-bottom:0
}
body.topic-pioneer section.product .some-row>* gap {
	display:none!important
}
body.topic-pioneer section.product .item {
	background:0 0
}
}body.topic-pioneer section.soluion .nav .one-row>div:hover {
	background:linear-gradient(to left,rgba(64,111,213,0.6),rgba(44,157,210,0.6))!important;
	transition:all .5s ease-out;
	color:#fff!important
}
body.topic-pioneer section.soluion .nav .one-row>div.page-current {
	background:linear-gradient(to right,#406fd5,#2c9dd2)!important
}
body.topic-pioneer section.soluion .nav .one-row>div.page-current::after {
	border-top-color:#3785d4!important
}
body.topic-pioneer section.frame {
	background:#dfe9f2;
	overflow:hidden
}
body.topic-pioneer section.frame .card-topline1 {
	background:#7da5db
}
body.topic-pioneer section.frame .content {
	margin:0 -26px
}
body.topic-pioneer section.frame .content .one-row {
	border-collapse:separate;
	border-spacing:26px
}
body.topic-pioneer section.frame .item {
	position:relative;
	overflow:hidden;
	width:33.3%;
	border-radius:5px;
	height:160px;
	box-shadow:0 10px 30px rgba(32,31,46,.2)
}
body.topic-pioneer section.frame .item .inner-card {
	position:relative;
	top:0;
	left:0;
	width:100%;
	padding:30px 10px;
	height:100%
}
body.topic-pioneer section.frame .item .inner-card .inner-text {
	padding-left:20px;
	position:relative;
	z-index:2
}
body.topic-pioneer section.frame .item .inner-card img {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:1
}
body.topic-pioneer section.frame .item .outer-card {
	position:absolute;
	top:0;
	left:0;
	bottom:-100px;
	width:100%;
	background:#fff;
	height:100%;
	display:block;
	opacity:0
}
body.topic-pioneer section.frame .item .outer-card .outer-text {
	padding:10px 30px
}
body.topic-pioneer section.frame .item .outer-card .outer-text h2 {
	margin-bottom:10px
}
body.topic-pioneer section.frame .item .outer-card .outer-text .line {
	margin:10px 0
}
body.topic-pioneer section.frame .item .outer-card a:hover {
	color:#333
}
body.topic-pioneer section.frame .item h2 {
	font-size:18px;
	color:#fff
}
body.topic-pioneer section.frame .item .line {
	height:4px;
	width:10px;
	background:#f56f69;
	border-radius:4px
}
@media screen and (min-width:1025px) {
	body.topic-pioneer section.frame .item:hover .card-topline1 {
	width:100%;
	left:0
}
body.topic-pioneer section.frame .item:hover .outer-card {
	-webkit-animation:scaleIn .5s 0s ease both;
	animation:scaleIn .5s 0s ease both;
	will-change:transform;
	z-index:2;
	margin-top:0;
	opacity:1
}
body.topic-pioneer section.frame .item:hover .outer-card h2 {
	color:#333
}
}@media screen and (max-width:1024px) {
	body.topic-pioneer section.frame .item {
	height:190px
}
body.topic-pioneer section.frame .item .card-topline1 {
	width:100%;
	left:0
}
body.topic-pioneer section.frame .item .outer-card {
	opacity:1;
	z-index:2
}
body.topic-pioneer section.frame .item .outer-card h2 {
	color:#333
}
}@media screen and (max-width:768px) {
	body.topic-pioneer section.frame .item {
	height:160px;
	width:100%;
	display:block;
	margin-bottom:20px
}
}body.topic-pioneer section.serve {
	height:480px
}
body.topic-pioneer section.serve .content {
	border-radius:5px;
	box-shadow:0 0 30px rgba(0,0,0,.15);
	background:#fff;
	position:relative;
	z-index:10
}
body.topic-pioneer section.serve .content .one-row .item {
	width:50%
}
body.topic-pioneer section.serve .content .one-row .item .title {
	position:relative;
	height:60px;
	width:100%
}
body.topic-pioneer section.serve .content .one-row .item .title h2 {
	position:relative;
	display:table;
	margin:auto;
	line-height:60px;
	color:#fff
}
body.topic-pioneer section.serve .content .one-row .item .service-list {
	padding:10px 0 0 40px
}
body.topic-pioneer section.serve .content .one-row .item .service-list li>* {
	display:inline-block
}
body.topic-pioneer section.serve .content .one-row .item .service-list li h3 {
	color:#fff;
	padding:3px 15px;
	border-radius:3px;
	margin:10px;
	min-width:112px;
	text-align:center
}
body.topic-pioneer section.serve .content .one-row .item .service-list li p {
	text-align:left;
	padding-left:5px
}
body.topic-pioneer section.serve .content .one-row .item1 .title {
	background:#7492be;
	border-radius:5px 0 0 0
}
body.topic-pioneer section.serve .content .one-row .item1 .title h2::before {
	content:"";
	background:url(/img/other/topic/pioneer10.png) no-repeat;
	width:80px;
	height:80px;
	position:absolute;
	background-size:100% 100%;
	left:-90px;
	bottom:0
}
body.topic-pioneer section.serve .content .one-row .item1 .service-list {
	border-right:1px #cdd8e2 dashed
}
body.topic-pioneer section.serve .content .one-row .item1 .service-list h3 {
	background:linear-gradient(to right,#555c6a,#757d8b)
}
body.topic-pioneer section.serve .content .one-row .item2 .title {
	background:#1a284f;
	border-radius:0 5px 0 0
}
body.topic-pioneer section.serve .content .one-row .item2 .title h2::before {
	content:"";
	background:url(/img/other/topic/pioneer11.png) no-repeat;
	width:80px;
	height:80px;
	position:absolute;
	background-size:100% 100%;
	right:-90px;
	bottom:0
}
body.topic-pioneer section.serve .content .one-row .item2 .service-list h3 {
	background:linear-gradient(to right,#ef2a3a,#f56f69)
}
body.topic-pioneer section.serve .more::after {
	content:"";
	position:absolute;
	left:0;
	right:0;
	bottom:-20px;
	margin:auto;
	height:0;
	width:0;
	border-left:15px solid transparent;
	border-right:15px solid transparent;
	border-top:20px solid #fff
}
body.topic-pioneer section.serve .basic {
	position:relative;
	bottom:-20px;
	width:95%;
	height:20px;
	border-radius:0 0 5px 5px;
	background:#fff;
	opacity:.4;
	margin:auto
}
body.topic-pioneer section.serve .basic::after {
	content:"";
	position:absolute;
	left:0;
	right:0;
	bottom:-20px;
	margin:auto;
	height:0;
	width:0;
	border-left:15px solid transparent;
	border-right:15px solid transparent;
	border-top:20px solid #fff
}
@media screen and (max-width:1200px) {
	body.topic-pioneer section.serve {
	height:700px
}
body.topic-pioneer section.serve .content .one-row .item .service-list {
	padding:10px 0 0 10px
}
body.topic-pioneer section.serve .content .one-row .item .service-list ul li>* {
	display:block
}
body.topic-pioneer section.serve .content .one-row .item .service-list ul li h3 {
	width:112px
}
}@media screen and (max-width:992px) {
	body.topic-pioneer section.serve {
	height:100%
}
body.topic-pioneer section.serve .content .one-row .item {
	display:block;
	width:100%
}
body.topic-pioneer section.serve .content .one-row .item .service-list {
	padding:10px 0 0 20px
}
body.topic-pioneer section.serve .content .one-row .item .service-list ul li>* {
	display:inline-block
}
body.topic-pioneer section.serve .content .one-row .item1 .service-list {
	border-right:0
}
body.topic-pioneer section.serve .content .one-row .item2 .title h2::before {
	left:-90px
}
}@media screen and (max-width:600px) {
	body.topic-pioneer section.serve .content {
	box-shadow:none
}
body.topic-pioneer section.serve .content .one-row .item {
	box-shadow:0 0 10px #dcdcdc;
	margin:20px 0
}
body.topic-pioneer section.serve .content .one-row .item .service-list {
	padding:10px 0
}
body.topic-pioneer section.serve .content .one-row .item .service-list ul li>* {
	display:block
}
body.topic-pioneer section.serve .content .one-row .item .service-list ul li p {
	margin-left:5px
}
body.topic-pioneer section.serve .basic {
	display:none
}
body.topic-pioneer section.serve .more .btn {
	height:42px;
	padding:5px 40px;
	font-size:16px
}
body.topic-pioneer section.serve .more::after {
	display:none
}
}body.topic-pioneer section.company {
	height:570px;
	overflow:hidden
}
body.topic-pioneer section.company .pic {
	width:100%;
	height:100%;
	overflow:hidden;
	position:relative;
	background:url(/img/other/topic/pioneer12.jpg);
	animation:loop1 50s linear 0s infinite;
	background-position:center top
}
body.topic-pioneer section.company p {
	position:absolute;
	top:320px;
	width:100%;
	font-size:40px;
	color:#fff;
	text-align:center
}
@media screen and (max-width:1200px) {
	body.topic-pioneer section.company .pic {
	background-size:130%
}
}@media screen and (max-width:992px) {
	body.topic-pioneer section.company {
	height:480px
}
body.topic-pioneer section.company .pic {
	background-size:130%
}
body.topic-pioneer section.company p {
	top:40%
}
}@media screen and (max-width:768px) {
	body.topic-pioneer section.company {
	height:300px
}
body.topic-pioneer section.company .pic {
	background-size:150%
}
body.topic-pioneer section.company p {
	font-size:35px
}
}@media screen and (max-width:480px) {
	body.topic-pioneer section.company {
	height:220px
}
body.topic-pioneer section.company p {
	font-size:25px
}
}@media screen and (max-width:375px) {
	body.topic-pioneer section.company {
	height:200px
}
}body.topic-pioneer section.information .content {
	margin:0 -15px 60px
}
body.topic-pioneer section.information .content .one-row {
	border-collapse:separate;
	border-spacing:15px
}
body.topic-pioneer section.information .content .item {
	width:25%;
	overflow:hidden
}
body.topic-pioneer section.information .content .item .pic {
	overflow:hidden;
	max-height:160px
}
body.topic-pioneer section.information .content .item .pic img {
	width:100%
}
body.topic-pioneer section.information .content .item .info {
	min-height:50px
}
body.topic-pioneer section.information .content .item .info h3 {
	font-size:16px;
	padding:0 5px;
	margin:5px 0
}
body.topic-pioneer section.information .content .item .line {
	width:100%;
	height:2px;
	margin:0;
	background:#dcdcdc
}
body.topic-pioneer section.information .content .item:hover img {
	transform:scale(1.1,1.1);
	transition:.5s
}
body.topic-pioneer section.information .content .item:hover h3 {
	color:#ef2a3a;
	transition:color .5s ease
}
body.topic-pioneer section.information .content .item:hover .line {
	background:#ef2a3a;
	transition:all .5s ease
}
@media screen and (max-width:992px) {
	body.topic-pioneer section.information .content .item .info {
	min-height:100px
}
}@media screen and (max-width:480px) {
	body.topic-pioneer section.information .content .item {
	width:100%;
	display:block;
	margin-bottom:30px
}
body.topic-pioneer section.information .content .item .info {
	min-height:40px
}
}.topic-cloud .nav-page p,.topic-cloud .example p {
	font-size:14px;
	color:#333
}
.topic-cloud .nav-page span,.topic-cloud .example span {
	font-size:16px
}
.topic-cloud .nav-page h3,.topic-cloud .example h3 {
	font-size:20px
}
.topic-cloud .nav-page h4,.topic-cloud .example h4 {
	font-size:14px;
	color:#999;
	margin:0
}
.topic-cloud .nav-page h2,.topic-cloud .example h2 {
	font-weight:700;
	font-size:36px;
	margin:0
}
.topic-cloud .nav-page b,.topic-cloud .example b {
	font-size:24px
}
.topic-cloud .qq {
	padding:40px 0 0;
	text-align:center
}
.topic-cloud .topic-btn1 {
	border-radius:5px;
	border:0;
	color:#fff;
	padding:0 20px;
	height:42px;
	line-height:42px;
	width:130px;
	font-size:16px
}
.topic-cloud .orange {
	color:#fa8f04!important
}
.topic-cloud .banner {
	height:730px;
	overflow:hidden
}
.topic-cloud .banner .title,.topic-cloud .banner .title2 {
	text-align:center;
	padding:100px 0
}
.topic-cloud .banner .title .tit,.topic-cloud .banner .title2 .tit {
	font-weight:100;
	font-size:60px;
	background:linear-gradient(rgba(255,144,45,0.3),rgba(255,144,45,0));
	-webkit-background-clip:text;
	color:transparent;
	font-family:auto;
	margin:0;
	display:block
}
.topic-cloud .banner .title p,.topic-cloud .banner .title2 p {
	margin-top:-30px;
	color:#fff;
	font-size:18px;
	max-swidth:650px;
	padding:15px 0;
	text-align:center
}
@media screen and (max-width:1200px) {
	.topic-cloud .banner {
	height:630px
}
.topic-cloud .banner img {
	width:40%
}
.topic-cloud .banner .title .tit {
	font-size:40px
}
.topic-cloud .banner .title p {
	padding:5px 0;
	margin-top:-10px;
	font-size:16px
}
}@media screen and (max-width:992px) {
	.topic-cloud .banner {
	height:530px
}
.topic-cloud .banner img {
	width:60%
}
}@media screen and (max-width:480px) {
	.topic-cloud .banner {
	height:350px
}
}.topic-cloud .node {
	height:760px
}
.topic-cloud .node .box {
	position:relative
}
.topic-cloud .node .tit1 {
	padding-top:50px
}
.topic-cloud .node .nodemap {
	position:relative;
	width:100%;
	height:570px;
	background:url(/img/other/map-nav/map3.png) center no-repeat
}
.topic-cloud .node .nodemap .map-site {
	opacity:1
}
.topic-cloud .node .site-circle-hover {
	display:none
}
.topic-cloud .node .map-site a {
	z-index:2;
	padding:5px 10px;
	box-shadow:0 0 5px #cad7e6;
	border-radius:5px;
	background-color:#fff
}
.topic-cloud .node .map-site:hover .site-circle-hover {
	display:inline-block
}
.topic-cloud .node .map-site:hover .site-circle {
	display:none
}
.topic-cloud .node .map-site:hover a {
	color:#fff;
	background-color:#009cff;
	box-shadow:0 0 5px #009cff
}
.topic-cloud .node .site-right a {
	position:absolute;
	right:-40px;
	top:5px
}
.topic-cloud .node .site-left a {
	position:absolute;
	left:-40px;
	top:5px
}
.topic-cloud .node .site-bottom a {
	position:absolute;
	left:-30px;
	top:30px
}
.topic-cloud .node .cloudpublic-btn {
	position:relative;
	top:-50px
}
.topic-cloud .node .cloudpublic-btn .btn {
	padding:0 25px;
	background:linear-gradient(to right,#2787e0,#2bdeee);
	border:0
}
.topic-cloud .node .cloudpublic-btn .btn:hover {
	background:linear-gradient(to left,#2787e0,#2bdeee)
}
@media screen and (max-width:1200px) {
	.topic-cloud .node {
	height:700px
}
.topic-cloud .node .nodemap {
	background:url(/img/other/map-nav/map3-phone.png) center no-repeat;
	background-size:100%
}
.topic-cloud .node .nodemap .map {
	display:none
}
}@media screen and (max-width:992px) {
	.topic-cloud .node {
	height:660px
}
}@media screen and (max-width:768px) {
	.topic-cloud .node {
	height:500px
}
.topic-cloud .node .tit1 {
	font-size:25px
}
.topic-cloud .node .nodemap {
	height:360px
}
}.topic-cloud .example {
	background-color:#e7eff8
}
.topic-cloud .example h2 {
	font-size:30px;
	display:table;
	padding-bottom:50px
}
.topic-cloud .example span {
	font-size:16px
}
.topic-cloud .example .title {
	vertical-align:top
}
.topic-cloud .example .title .btn {
	background-color:#f73d3d;
	border-radius:3px;
	position:relative;
	margin-top:40px
}
.topic-cloud .example .content {
	width:85%
}
.topic-cloud .example .ten-month {
	position:relative
}
.topic-cloud .example .ten-month::before {
	content:"";
	background:url(/img/other/tit5-01.png) no-repeat center;
	top:-20px;
	left:0;
	background-size:100%;
	position:absolute;
	width:170px;
	height:10px
}
.topic-cloud .example .ten-month::after {
	content:"";
	background:url(/img/other/tit5-01.png) no-repeat center;
	bottom:-20px;
	left:0;
	background-size:100%;
	position:absolute;
	width:170px;
	height:10px
}
.topic-cloud .example .col-8 {
	position:relative;
	padding:10px
}
.topic-cloud .example .exm-item {
	background-color:#fff;
	width:100%;
	height:280px
}
.topic-cloud .example .exm-item h3 {
	color:#183a98;
	font-size:18px;
	margin:0
}
.topic-cloud .example .exm-item-topnets {
	height:330px
}
.topic-cloud .example del {
	display:block
}
.topic-cloud .example .exm-item:hover {
	cursor:pointer;
	box-shadow:0 0 5px 3px rgba(0,0,0,.03)
}
.topic-cloud .example .exm-item:hover .exm-item-title {
	background:linear-gradient(to right,#3463ea,#80b1f5);
	background-position:100% 0
}
.topic-cloud .example .exm-item:hover .exm-item-title h3 {
	color:#fff
}
.topic-cloud .example .exm-item-title,.topic-cloud .example .exm-link {
	height:48px;
	width:100%;
	background-size:200%;
	line-height:48px;
	padding:0 20px
}
.topic-cloud .example .exm-item-title {
	border-bottom:#e5e5e5 1px solid
}
.topic-cloud .example .exm-content .bold {
	font-size:14px
}
.topic-cloud .example .exm-content .one-row {
	border-spacing:initial
}
.topic-cloud .example .exm-content-top {
	margin:0;
	height:110px;
	padding:20px 20px 0;
	overflow:hidden
}
.topic-cloud .example .exm-content-data {
	text-align:center;
	width:33.3%;
	border-right:#e5e5e5 1px solid
}
.topic-cloud .example .exm-content-data:last-child {
	border-right:0
}
.topic-cloud .example .exm-link {
	border-top:#e5e5e5 1px solid;
	font-size:16px;
	margin-top:20px
}
@media screen and (max-width:1200px) {
	.topic-cloud .example .wrapper>.one-row>* {
	display:block
}
.topic-cloud .example .wrapper>.one-row .title {
	text-align:center;
	margin-bottom:20px
}
.topic-cloud .example .wrapper>.one-row .title br {
	display:none
}
.topic-cloud .example .wrapper>.one-row .title h2 {
	display:block;
	padding-bottom:20px
}
.topic-cloud .example .content {
	width:100%
}
}.topic-cloud .function .content {
	margin-top:50px
}
.topic-cloud .function .col-1 {
	margin-top:10px;
	text-align:center;
	min-height:180px
}
.topic-cloud .function .col-1 hr,.topic-cloud .function .col-1 p {
	display:none
}
.topic-cloud .function .col-1:hover {
	cursor:pointer
}
.topic-cloud .function .col-1:hover h3 {
	margin:0 0 15px
}
.topic-cloud .function .col-1:hover hr,.topic-cloud .function .col-1:hover p {
	display:block
}
.topic-cloud .function .col-1:hover p {
	margin-top:15px
}
.topic-cloud .function .col-1:hover hr {
	width:30px;
	background-color:#183a98;
	height:2px;
	border:0
}
.topic-cloud .function .col-1:hover .fun-item-img,.topic-cloud .function .col-1:hover h4 {
	display:none
}
.topic-cloud .function .fun-item-img {
	height:60px
}
.topic-cloud .map {
	background:url(/img/bg/050.jpg) center no-repeat;
	background-size:100% 100%
}
.topic-cloud .map span {
	color:#fff
}
.topic-cloud .map h2 {
	color:#fff
}
.topic-cloud .map i {
	z-index:10
}
.topic-cloud .map .content {
	margin-top:50px
}
.topic-cloud .map .map-img {
	background-image:url(/img/other/map-nav/map.png);
	min-height:331px;
	position:relative;
	overflow:hidden;
	margin-bottom:50px
}
.topic-cloud .map .map-img img {
	position:absolute;
	bottom:25px;
	z-index:1
}
.topic-cloud .map .site-right img {
	right:-38px;
	bottom:10px
}
.topic-cloud .map .map-pic {
	display:none
}
.topic-cloud .map .map-line {
	background:url(/img/other/map-nav/map-line2.png) no-repeat right top;
	position:absolute;
	width:0;
	height:0;
	-webkit-transition:all 4s ease-in 0s;
	-moz-transition:all 4s ease 0s;
	-o-transition:all 4s ease 0s
}
.topic-cloud .map .wave {
	background:#fff;
	animation:circle-wave 2s infinite;
	width:50px;
	height:50px;
	position:absolute;
	border-radius:50%;
	top:-26px;
	right:-13px;
	opacity:0
}
.topic-cloud .map span {
	position:relative
}
.topic-cloud .map .map-site-center {
	position:absolute;
	left:930px;
	top:120px
}
.topic-cloud .map .map-site-center img {
	z-index:3
}
.topic-cloud .map .map-site {
	position:absolute;
	opacity:0
}
.topic-cloud .map .active {
	opacity:1;
	transition:all 1s linear 0s
}
.topic-cloud .map .active .map-line {
	width:820px;
	height:250px
}
.topic-cloud .map .site-my .wave {
	right:20px
}
.topic-cloud .map .site-left img {
	bottom:10px;
	left:-30px
}
.topic-cloud .map .site-left .wave {
	right:18px;
	top:-12px
}
.topic-cloud .map .map-table {
	margin-top:20px
}
.topic-cloud .map .row>div>p {
	background-color:#0c307c;
	padding:15px 0;
	margin:0;
	text-align:center;
	color:#abc1de
}
.topic-cloud .map .row>div {
	float:left;
	min-height:1px;
	padding:1px;
	background-color:#345597
}
@media screen and (max-width:1200px) {
	.topic-cloud .map .map-img {
	display:none
}
.topic-cloud .map .map-pic {
	display:block;
	width:100%
}
.topic-cloud .map .map-pic .pic {
	width:100%
}
}.topic-cloud .visual {
	background:url(/img/bg/051.jpg) no-repeat center;
	width:100%
}
.topic-cloud .visual .topic-title {
	text-align:left
}
.topic-cloud .visual .vis-line {
	background:url(/img/bg/054.png) no-repeat center;
	height:429px;
	margin-top:-70px
}
@media screen and (max-width:1200px) {
	.topic-cloud .visual .vis-line {
	background:url(/img/bg/055.png) no-repeat center;
	background-size:100%
}
}@media screen and (max-width:992px) {
	.topic-cloud .visual .vis-line {
	height:400px
}
}@media screen and (max-width:768px) {
	.topic-cloud .visual .vis-line {
	height:350px;
	margin-top:-40px
}
}@media screen and (max-width:480px) {
	.topic-cloud .visual .vis-line {
	height:150px;
	margin-top:-20px
}
}.topic-cloud .rent .topic-box {
	display:table
}
.topic-cloud .rent .topic-box>div {
	display:table-cell
}
.topic-cloud .rent .topic-box .topic-title {
	display:none
}
.topic-cloud .rent b {
	display:block
}
.topic-cloud .rent .rent-book {
	border:#e5e5e5 1px solid;
	border-right:0;
	padding:40px
}
.topic-cloud .rent .rent-table {
	border:#e5e5e5 1px solid
}
.topic-cloud .rent .row:first-child {
	border-bottom:#e5e5e5 1px solid
}
.topic-cloud .rent img {
	padding-top:10px
}
.topic-cloud .rent .col-2:hover {
	cursor:pointer
}
.topic-cloud .rent .col-2:hover img {
	padding-top:0;
	transition:all .5s ease
}
.topic-cloud .rent .col-2 {
	float:left;
	height:230px;
	padding:30px;
	border-right:#e5e5e5 1px solid
}
@media screen and (max-width:1200px) {
	.topic-cloud .rent .topic-box>div {
	display:block;
	margin-bottom:20px
}
.topic-cloud .rent .topic-box .topic-title {
	display:block
}
.topic-cloud .rent .topic-box .rent-book {
	display:none
}
}@media all and (max-width:800px) {
	.topic-cloud .rent .col-2 {
	width:100%;
	border-bottom:#e5e5e5 1px solid;
	border-right:0;
	padding:10px 30px;
	height:170px
}
}.topic-cloud .configure {
	background:url(/img/bg/056.png) no-repeat center;
	min-height:400px;
	background-size:100% 100%
}
.topic-cloud .configure .col-8 {
	padding:30px 20px 0 0
}
.topic-cloud .configure .col-9 {
	padding:30px 20px 0 0
}
.topic-cloud .configure .row2 {
	padding:0 90px
}
.topic-cloud .configure .cpu .select-ul {
	z-index:5
}
.topic-cloud .configure .memory .select-ul {
	z-index:4
}
.topic-cloud .configure .harddisk .select-ul {
	z-index:3
}
.topic-cloud .configure .OS .select-ul {
	z-index:2
}
.topic-cloud .configure .cpu .select,.topic-cloud .configure .memory .select,.topic-cloud .configure .harddisk .select,.topic-cloud .configure .OS .select,.topic-cloud .configure .flow .select,.topic-cloud .configure .bandwidth .select,.topic-cloud .configure .IP .select {
	height:40px;
	margin:0 auto;
	font-family:microsoft yahei;
	font-size:16px;
	background-color:#fff;
	position:relative;
	border:#bdc9d6 1px solid
}
.topic-cloud .configure .cpu .select:after,.topic-cloud .configure .memory .select:after,.topic-cloud .configure .harddisk .select:after,.topic-cloud .configure .OS .select:after,.topic-cloud .configure .flow .select:after,.topic-cloud .configure .bandwidth .select:after,.topic-cloud .configure .IP .select:after {
	content:'';
	display:block;
	width:10px;
	height:10px;
	border-left:1px #ccc solid;
	border-bottom:1px #ccc solid;
	position:absolute;
	top:11px;
	right:12px;
	transform:rotate(-45deg);
	transition:transfrom .3s ease-in,top .3s ease-out
}
.topic-cloud .configure .cpu .select p,.topic-cloud .configure .memory .select p,.topic-cloud .configure .harddisk .select p,.topic-cloud .configure .OS .select p,.topic-cloud .configure .flow .select p,.topic-cloud .configure .bandwidth .select p,.topic-cloud .configure .IP .select p {
	padding:0 15px;
	width:72%;
	line-height:40px;
	cursor:pointer;
	font-size:16px;
	float:right;
	margin:0;
	height:100%
}
.topic-cloud .configure .cpu .select .select-ul,.topic-cloud .configure .memory .select .select-ul,.topic-cloud .configure .harddisk .select .select-ul,.topic-cloud .configure .OS .select .select-ul,.topic-cloud .configure .flow .select .select-ul,.topic-cloud .configure .bandwidth .select .select-ul,.topic-cloud .configure .IP .select .select-ul {
	list-style-type:none;
	background-color:#fff;
	width:72%;
	overflow-y:auto;
	position:absolute;
	top:38.5px;
	right:0;
	margin:0;
	max-height:0
}
.topic-cloud .configure .cpu .select-ul::-webkit-scrollbar,.topic-cloud .configure .memory .select-ul::-webkit-scrollbar,.topic-cloud .configure .harddisk .select-ul::-webkit-scrollbar,.topic-cloud .configure .OS .select-ul::-webkit-scrollbar,.topic-cloud .configure .flow .select-ul::-webkit-scrollbar,.topic-cloud .configure .bandwidth .select-ul::-webkit-scrollbar,.topic-cloud .configure .IP .select-ul::-webkit-scrollbar {
	width:7px;
	background-color:#cad7e6
}
.topic-cloud .configure .cpu .select-ul::-webkit-scrollbar-thumb,.topic-cloud .configure .memory .select-ul::-webkit-scrollbar-thumb,.topic-cloud .configure .harddisk .select-ul::-webkit-scrollbar-thumb,.topic-cloud .configure .OS .select-ul::-webkit-scrollbar-thumb,.topic-cloud .configure .flow .select-ul::-webkit-scrollbar-thumb,.topic-cloud .configure .bandwidth .select-ul::-webkit-scrollbar-thumb,.topic-cloud .configure .IP .select-ul::-webkit-scrollbar-thumb {
	background-color:#e5e5e5
}
.topic-cloud .configure .cpu .select .select-ul li,.topic-cloud .configure .memory .select .select-ul li,.topic-cloud .configure .harddisk .select .select-ul li,.topic-cloud .configure .OS .select .select-ul li,.topic-cloud .configure .flow .select .select-ul li,.topic-cloud .configure .bandwidth .select .select-ul li,.topic-cloud .configure .IP .select .select-ul li {
	padding:0 15px;
	line-height:40px;
	cursor:pointer
}
.topic-cloud .configure .cpu .select li:hover,.topic-cloud .configure .memory .select li:hover,.topic-cloud .configure .harddisk .select li:hover,.topic-cloud .configure .OS .select li:hover,.topic-cloud .configure .flow .select li:hover,.topic-cloud .configure .bandwidth .select li:hover,.topic-cloud .configure .IP .select li:hover {
	background-color:#f7f5f5
}
.topic-cloud .configure .cpu .select li.selected,.topic-cloud .configure .memory .select li.selected,.topic-cloud .configure .harddisk .select li.selected,.topic-cloud .configure .OS .select li.selected,.topic-cloud .configure .flow .select li.selected,.topic-cloud .configure .bandwidth .select li.selected,.topic-cloud .configure .IP .select li.selected {
	background-color:#a3c6df;
	color:#fff
}
.topic-cloud .configure .cpu .select-title,.topic-cloud .configure .memory .select-title,.topic-cloud .configure .harddisk .select-title,.topic-cloud .configure .OS .select-title,.topic-cloud .configure .flow .select-title,.topic-cloud .configure .bandwidth .select-title,.topic-cloud .configure .IP .select-title {
	width:28%;
	display:inline-block;
	text-align:center;
	line-height:40px;
	background-color:#e7eff8;
	border-right:#bdc9d6 1px solid;
	height:100%
}
.topic-cloud .configure .cpu .select-title span,.topic-cloud .configure .memory .select-title span,.topic-cloud .configure .harddisk .select-title span,.topic-cloud .configure .OS .select-title span,.topic-cloud .configure .flow .select-title span,.topic-cloud .configure .bandwidth .select-title span,.topic-cloud .configure .IP .select-title span {
	color:#183a98
}
@-webkit-keyframes slide-down {
	0% {
	transform:scale(1,0)
}
25% {
	transform:scale(1,1.01)
}
50% {
	transform:scale(1,.9)
}
75% {
	transform:scale(1,1.01)
}
100% {
	transform:scale(1,1)
}
}.topic-cloud .configure .cpu .select.open .select-ul,.topic-cloud .configure .memory .select.open .select-ul,.topic-cloud .configure .harddisk .select.open .select-ul,.topic-cloud .configure .OS .select.open .select-ul,.topic-cloud .configure .flow .select.open .select-ul,.topic-cloud .configure .bandwidth .select.open .select-ul,.topic-cloud .configure .IP .select.open .select-ul {
	max-height:250px;
	transform-origin:50% 0;
	-webkit-animation:slide-down .5s ease-in;
	transition:max-height .2s ease-out
}
.topic-cloud .configure .cpu .open,.topic-cloud .configure .memory .open,.topic-cloud .configure .harddisk .open,.topic-cloud .configure .OS .open,.topic-cloud .configure .flow .open,.topic-cloud .configure .bandwidth .open,.topic-cloud .configure .IP .open {
	box-shadow:0 0 5px #cad7e6
}
.topic-cloud .configure .cpu .open p,.topic-cloud .configure .memory .open p,.topic-cloud .configure .harddisk .open p,.topic-cloud .configure .OS .open p,.topic-cloud .configure .flow .open p,.topic-cloud .configure .bandwidth .open p,.topic-cloud .configure .IP .open p {
	border:#183a98 1px solid
}
.topic-cloud .configure .cpu .select.open:after,.topic-cloud .configure .memory .select.open:after,.topic-cloud .configure .harddisk .select.open:after,.topic-cloud .configure .OS .select.open:after,.topic-cloud .configure .flow .select.open:after,.topic-cloud .configure .bandwidth .select.open:after,.topic-cloud .configure .IP .select.open:after {
	transform:rotate(-225deg);
	top:18px;
	transition:all .3s ease-in
}
.topic-cloud .configure .flow p,.topic-cloud .configure .bandwidth p,.topic-cloud .configure .IP p {
	background-color:#e7eff8
}
@media screen and (max-width:1200px) {
	.topic-cloud .configure .row2 {
	padding:0
}
}.topic-cloud .freetrial {
	background:url(/img/bg/073.png) center no-repeat;
	height:330px
}
.topic-cloud .freetrial h1 {
	font-size:48px;
	color:#fff;
	padding-top:100px;
	margin:0
}
.topic-cloud .freetrial .btn {
	padding:0 30px;
	background:#fff;
	color:#300ad1;
	border:0;
	border-radius:5px;
	margin-top:20px
}
.topic-cloud .freetrial .btn:hover {
	border:0;
	color:#fff;
	background:#2e40e4;
	box-shadow:0 0 5px #3345e2;
	margin-top:10px;
	transition:all ease .5s
}
.topic-cloud .partner {
	padding-bottom:50px
}
.topic-cloud .partner .partner-table>div>div {
	text-align:center;
	padding:25px 0;
	vertical-align:middle
}
.topic-cloud .partner .partner-table img {
	width:120px
}
@media screen and (max-width:768px) {
	.topic-cloud .partner .partner-table img {
	width:80px
}
}@media screen and (max-width:480px) {
	.topic-cloud .partner .partner-table img {
	width:60px
}
}.topic-cloud .sidebar {
	position:fixed;
	top:-110px;
	left:0;
	right:0;
	z-index:20001
}
.topic-cloud .sidebar .content {
	position:absolute;
	display:table;
	left:-120px
}
.topic-cloud .sidebar .title {
	background:url(/img/other/topic/nav-bg.png) center no-repeat;
	background-size:100% 100%;
	display:table;
	padding:16.5px;
	border-radius:5px
}
.topic-cloud .sidebar .title b {
	display:block;
	color:#fff
}
.topic-cloud .sidebar .nav {
	display:table;
	padding:17px;
	background-color:#cddaea;
	border-radius:5px
}
.topic-cloud .sidebar .nav .nav-ul {
	margin:0
}
.topic-cloud .sidebar .nav .nav-ul li {
	text-align:center;
	border-bottom:1px #e5ebf2 solid;
	height:35px;
	line-height:35px;
	color:#18458f
}
.topic-cloud .sidebar .nav .nav-ul .nav-action {
	border-bottom:1px #f73d3d solid!important
}
.topic-cloud .sidebar .nav .nav-ul li:hover {
	cursor:pointer;
	color:#f73d3d
}
.topic-cloud .sidebar .nav .TOP {
	text-align:center;
	margin-top:10px
}
.topic-cloud .sidebar .nav .TOP:hover {
	cursor:pointer
}
@media screen and (max-width:1500px) {
	.topic-cloud .sidebar .content {
	position:absolute;
	display:table;
	left:-100px
}
}@media screen and (max-width:1200px) {
	.topic-cloud .sidebar .content {
	display:none
}
}@media screen and (max-width:768px) {
	.topic-cloud .freetrial {
	height:200px
}
.topic-cloud .freetrial h1 {
	font-size:32px;
	padding-top:50px
}
}@media screen and (max-width:480px) {
	.topic-cloud h2 {
	font-size:25px
}
}.topic-hkcloud .map .map-line {
	background:url(/img/other/map-nav/map-line2.png) no-repeat right top;
	right:-110px;
	top:-110px
}
.topic-hkcloud .map .site-right img {
	right:-68px;
	bottom:0
}
.topic-hkcloud .map .site-right .wave {
	right:-70px;
	top:0
}
.topic-hkcloud .configure .topic-btn1 {
	background:linear-gradient(to left,#3463ea,#80b1f5);
	border:0
}
.topic-hkcloud .configure .topic-btn1:hover {
	background:linear-gradient(to right,#3463ea,#80b1f5)
}
.topic-szcloud .topic-btn1 {
	background:linear-gradient(to left,#5bb8f7,#666AFF)
}
.topic-szcloud .topic-btn1:hover {
	background:linear-gradient(to right,#5bb8f7,#666AFF)
}
.topic-szcloud .banner {
	height:700px
}
.topic-szcloud .banner .title2 {
	padding:58px 0 40px
}
.topic-szcloud .banner .try-btn {
	text-align:center
}
.topic-szcloud .banner .btn {
	font-size:24px;
	font-weight:700;
	width:350px;
	height:60px;
	line-height:60px;
	border-radius:60px
}
@media screen and (max-width:1200px) {
	.topic-szcloud .banner .title2 img {
	width:60%
}
}@media screen and (max-width:992px) {
	.topic-szcloud .banner {
	height:580px
}
}@media screen and (max-width:768px) {
	.topic-szcloud .banner {
	height:430px
}
.topic-szcloud .banner .title2 {
	padding:30px 0
}
.topic-szcloud .banner .btn {
	font-size:18px;
	width:300px;
	height:50px;
	line-height:50px;
	border-radius:50px
}
}@media screen and (max-width:480px) {
	.topic-szcloud .banner {
	height:340px
}
.topic-szcloud .banner .title2 img {
	width:80%
}
.topic-szcloud .banner .btn {
	font-size:16px;
	width:250px;
	height:40px;
	line-height:40px;
	border-radius:40px
}
}.topic-szcloud .map {
	background:url(/img/bg/058.jpg) center no-repeat;
	background-size:100% 100%
}
.topic-szcloud .map .col-7>p {
	background-color:#181a85
}
.topic-szcloud .map .map-img {
	background:url(/img/other/map-nav/map2.png) center no-repeat;
	min-height:421px
}
.topic-szcloud .map .map-site-center {
	left:930px;
	top:350px
}
.topic-szcloud .map .map-line {
	background:url(/img/other/map-nav/map-line.png) no-repeat bottom right;
	right:-48px;
	bottom:2px
}
.topic-szcloud .map .site-right img {
	right:-38px;
	bottom:0
}
.topic-szcloud .map .site-right .wave {
	right:-42px;
	top:0
}
.topic-cloudpublic .tit1 {
	font-size:36px;
	color:#333
}
.topic-cloudpublic .banner {
	height:700px
}
.topic-cloudpublic .banner .title h1 {
	color:#fff;
	font-size:72px;
	font-weight:700;
	margin:60px 0 0
}
.topic-cloudpublic .banner .title h2 {
	color:#fff;
	font-size:48px
}
.topic-cloudpublic .banner .title p {
	font-size:14px
}
.topic-cloudpublic .banner .data {
	max-width:600px;
	margin:auto
}
.topic-cloudpublic .banner .split-line {
	height:90px;
	margin:40px 0 0
}
@media screen and (max-width:992px) {
	.topic-cloudpublic .banner .title h1 {
	font-size:48px;
	margin:40px 0 0
}
.topic-cloudpublic .banner .title h2 {
	font-size:30px
}
}@media screen and (max-width:768px) {
	.topic-cloudpublic .banner {
	height:500px
}
.topic-cloudpublic .banner .title h1 {
	font-size:36px;
	margin:20px 0 0
}
.topic-cloudpublic .banner .title h2 {
	font-size:24px
}
}.topic-cloudpublic .node {
	height:740px
}
.topic-cloudpublic .node .box {
	box-shadow:0 0 10px #cad7e6;
	border-radius:10px;
	position:relative;
	top:-120px;
	background-color:#fff
}
.topic-cloudpublic .node .icons {
	width:90%;
	text-align:right;
	color:#333;
	margin-bottom:10px
}
.topic-cloudpublic .node .icons .item {
	margin:10px
}
.topic-cloudpublic .node .icons img {
	vertical-align:middle
}
.topic-cloudpublic .node .ps {
	font-size:16px;
	padding-bottom:40px
}
@media screen and (max-width:768px) {
	.topic-cloudpublic .node {
	height:500px
}
}.topic-cloudpublic .example h2 {
	display:block;
	text-align:center;
	font-weight:400;
	padding-bottom:20px
}
.topic-cloudpublic .example .content {
	width:100%
}
.topic-cloudpublic .example .exm-link {
	margin-top:0
}
.topic-cloudpublic .example .exm-item {
	height:auto
}
.topic-cloudpublic .example .exm-item .tips-item {
	margin:0;
	padding:10px 20px
}
.topic-cloudpublic .example .exm-item .tips-item1 {
	background:#f0f7ff;
	margin-top:10px
}
.topic-cloudpublic .example .exm-item:hover .exm-item-title {
	background:linear-gradient(to right,#666aff,#5bb9f7)
}
.topic-cloudpublic .example .discount-btn {
	margin-top:30px
}
.topic-cloudpublic .example .discount-btn .item {
	font-size:18px;
	height:38px;
	line-height:38px;
	display:table-cell;
	padding:0 10px;
	border:1px solid #2787e0;
	font-weight:700
}
.topic-cloudpublic .example .discount-btn .item1 {
	color:#fff;
	background:#2787e0
}
.topic-cloudpublic .example .discount-btn .item2 {
	color:#183a98
}
.topic-cloudpublic .cloudFramework {
	padding:20px 0;
	background:linear-gradient(to left,#04319e,#338ff7)
}
.topic-cloudpublic .cloudFramework .tit1 {
	color:#fff
}
.topic-cloudpublic .cloudFramework .title>div {
	position:relative;
	height:70px;
	font-size:24px;
	width:255px;
	color:#fff;
	margin:20px 0
}
.topic-cloudpublic .cloudFramework .title>div::before {
	content:"";
	width:43px;
	height:48px;
	display:inline-block;
	background:url(/img/icon/026/027.png) center;
	vertical-align:middle;
	margin-right:20px
}
.topic-cloudpublic .cloudFramework .title>div::after {
	content:"";
	width:255px;
	height:27px;
	position:absolute;
	bottom:0;
	left:0;
	background:url(/img/icon/026/026.png) center no-repeat
}
.topic-cloudpublic .cloudFramework .diagram {
	text-align:right
}
@media screen and (max-width:992px) {
	.topic-cloudpublic .cloudFramework .diagram {
	display:none
}
.topic-cloudpublic .cloudFramework .title {
	width:100%;
	background:url(/img/icon/026/framework.png) right no-repeat;
	background-size:70%
}
.topic-cloudpublic .cloudFramework .title>div {
	height:50px;
	font-size:18px
}
}.topic-cloudpublic .cloudsolution {
	padding-top:30px
}
.topic-cloudpublic .cloudsolution .content {
	margin:70px 0 0
}
.topic-cloudpublic .cloudsolution .active .item {
	width:350px;
	height:492px;
	z-index:10;
	top:-65px;
	left:-45px
}
.topic-cloudpublic .cloudsolution .active .item1 {
	background:url(/img/bg/card/021.jpg) center
}
.topic-cloudpublic .cloudsolution .active .item2 {
	background:url(/img/bg/card/022.jpg) center
}
.topic-cloudpublic .cloudsolution .active .item3 {
	background:url(/img/bg/card/023.jpg) center
}
.topic-cloudpublic .cloudsolution .active .item4 {
	background:url(/img/bg/card/024.jpg) center
}
.topic-cloudpublic .cloudsolution .active .icon {
	padding-top:45px;
	transition:all .5s
}
.topic-cloudpublic .cloudsolution .active p,.topic-cloudpublic .cloudsolution .active .btn {
	opacity:1;
	transition:opacity .5s
}
.topic-cloudpublic .cloudsolution .active h2 {
	padding-top:0;
	font-size:24px;
	transition:all .5s
}
.topic-cloudpublic .cloudsolution .item1 {
	background:url(/img/bg/card/021S.jpg) center
}
.topic-cloudpublic .cloudsolution .item2 {
	background:url(/img/bg/card/022S.jpg) center
}
.topic-cloudpublic .cloudsolution .item3 {
	background:url(/img/bg/card/023S.jpg) center
}
.topic-cloudpublic .cloudsolution .item4 {
	background:url(/img/bg/card/024S.jpg) center
}
.topic-cloudpublic .cloudsolution .icon {
	padding-top:90px;
	width:100%;
	text-align:center
}
.topic-cloudpublic .cloudsolution .line {
	position:absolute;
	height:3px;
	width:50px;
	background:#2787e0;
	top:180px;
	left:50%;
	margin-left:-25px
}
.topic-cloudpublic .cloudsolution h2 {
	color:#fff;
	padding-top:40px;
	font-size:18px
}
.topic-cloudpublic .cloudsolution p {
	color:#fff;
	text-align:center;
	opacity:0;
	font-size:16px;
	line-height:30px;
	padding-top:30px
}
.topic-cloudpublic .cloudsolution .item {
	overflow:hidden;
	cursor:pointer;
	height:360px;
	position:relative;
	background-size:100%;
	padding:0 50px
}
.topic-cloudpublic .cloudsolution .btn {
	background:linear-gradient(to right,#2787e0,#2bdeee);
	border:0;
	height:42px;
	line-height:42px;
	padding:0 35px;
	font-size:16px;
	margin:20px 0;
	opacity:0
}
.topic-cloudpublic .cloudsolution .card_wrap_xs .item {
	height:200px
}
.topic-cloudpublic .cloudsolution .card_wrap_xs h2 {
	padding-top:0
}
.topic-cloudpublic .cloudsolution .card_wrap_xs .icon {
	padding-top:35px
}
.topic-cloudpublic .cloudsolution .card_wrap_xs .line {
	top:150px
}
.topic-cloudpublic .cloudservice {
	background-size:100% 100%
}
.topic-cloudpublic .cloudservice .row {
	padding:0 0 60px
}
.topic-cloudpublic .cloudservice .col-8 {
	text-align:center
}
.topic-cloudpublic .cloudservice .col-8 img {
	width:151px;
	height:141px
}
.topic-cloudpublic .cloudservice .col-8 span {
	font-weight:700;
	font-size:20px;
	color:#052743
}
.topic-cloudpublic .cloudservice .col-8 p {
	padding:10px 30px;
	color:#052743
}
.topic-cloudpublic .cloudservice .col-8>* {
	text-align:center;
	margin:0
}
.topic-cloudpublic .cloudservice .tit1 {
	padding:0 0 80px
}
@media screen and (max-width:768px) {
	.topic-cloudpublic .tit1 {
	font-size:25px
}
}.topic-uscloud .topic-btn1 {
	background:linear-gradient(to left,#3463ea,#80b1f5);
	border:0
}
.topic-uscloud .topic-btn1:hover {
	background:linear-gradient(to right,#3463ea,#80b1f5);
	border:0
}
.topic-uscloud .banner .title2 {
	padding:120px 0 0
}
.topic-uscloud .banner .title2 img {
	display:block;
	margin:auto
}
.topic-uscloud .banner .title2 .main-tit {
	margin:50px 0 35px 25%
}
.topic-uscloud .banner {
	height:548px
}
.topic-uscloud .example .topic-title h2 {
	display:block;
	padding-bottom:40px
}
.topic-uscloud .example .content {
	width:100%
}
.topic-uscloud .example .exm-item {
	height:320px
}
.topic-uscloud .example .exm-content .exm-content-top {
	height:100px
}
.topic-uscloud .example .exm-link {
	padding:0;
	padding-top:15px;
	margin-top:30px;
	height:80px;
	line-height:20px
}
.topic-uscloud .example .exm-content-data {
	position:relative
}
.topic-uscloud .example .exm-content-data .ssd {
	position:absolute;
	text-align:center;
	width:100%;
	margin:0
}
.topic-uscloud .topic-server-node2 .nodemap {
	width:100%;
	height:500px;
	background:url(/img/other/map-nav/map-us.png) center no-repeat
}
.topic-uscloud .topic-server-node2 .nodemap .map-site {
	opacity:1
}
.topic-uscloud .topic-server-node2 .node-map-xs {
	text-align:center;
	display:none
}
.topic-uscloud .topic-server-node2 .node-map-xs img {
	width:70%
}
@media screen and (max-width:1200px) {
	.topic-uscloud .topic-server-node2 .nodemap {
	display:none
}
.topic-uscloud .topic-server-node2 .node-map-xs {
	display:block;
	margin:auto
}
}@media screen and (max-width:480px) {
	.topic-uscloud .topic-server-node2 {
	height:400px
}
.topic-uscloud .topic-server-node2 .node-map-xs img {
	width:90%
}
}.topic-uscloud .map .map-site-center {
	left:205px;
	top:100px
}
.topic-uscloud .map .map-line {
	background:url(/img/other/map-nav/map-line5.png) no-repeat top left;
	height:250px
}
.topic-uscloud .map .active .map-line {
	width:880px;
	height:195px;
	top:-45px;
	left:15px
}
.topic-uscloud .map .stie-cn-l .wave {
	right:50px
}
.topic-uscloud .map .site-right .wave {
	right:-42px;
	top:-15px
}
.topic-uscloud .topic-Superiority-contrast .histogram {
	position:relative;
	overflow:hidden;
	width:348px;
	height:313px;
	margin:auto
}
.topic-uscloud .topic-Superiority-contrast .histogram img {
	padding:320px 0 0 100px
}
.topic-uscloud .topic-Superiority-contrast .chart {
	margin:30px 0
}
.topic-uscloud .topic-Superiority-contrast .chart-lg {
	display:none
}
.topic-uscloud .topic-Superiority-contrast .chart-lg img {
	width:90%
}
.topic-uscloud .topic-Superiority-contrast .histogram1 {
	background:url(/img/other/chart/histogram5-bg.png) center no-repeat
}
.topic-uscloud .topic-Superiority-contrast .histogram2 {
	background:url(/img/other/chart/histogram6-bg.png) center no-repeat
}
.topic-uscloud .topic-Superiority-contrast .histogram3 {
	background:url(/img/other/chart/histogram7-bg.png) center no-repeat
}
.topic-uscloud .topic-Superiority-contrast .histogram3 img {
	padding:320px 0 0 115px
}
.topic-uscloud .topic-Superiority-contrast .col-2:hover {
	cursor:pointer
}
.topic-uscloud .topic-Superiority-contrast .col-2:hover .histogram1 img {
	padding:55px 0 0 100px;
	transition:all ease 1s
}
.topic-uscloud .topic-Superiority-contrast .col-2:hover .histogram2 img {
	padding:54px 0 0 100px;
	transition:all ease 1s
}
.topic-uscloud .topic-Superiority-contrast .col-2:hover .histogram3 img {
	padding:66px 0 0 115px;
	transition:all ease 1s
}
.topic-uscloud .topic-Superiority-contrast .text {
	padding:10px 0 0 86px
}
.topic-uscloud .topic-Superiority-contrast .text span {
	padding:0 41px;
	color:#333
}
.topic-uscloud .topic-Superiority-contrast .contrast-table {
	text-align:center
}
.topic-uscloud .topic-Superiority-contrast .contrast-table img {
	width:95%
}
@media screen and (max-width:1200px) {
	.topic-uscloud .topic-Superiority-contrast .chart {
	display:none
}
.topic-uscloud .topic-Superiority-contrast .chart-lg {
	display:block
}
}.topic-uscloud .configure .bandwidth .select p {
	font-size:13px
}
.topic-sp-eccloud {
	background-color:#f9faff
}
.topic-sp-eccloud .banner {
	height:500px
}
.topic-sp-eccloud .banner h1 {
	font-weight:700;
	font-size:50px;
	color:#fff;
	text-shadow:5px 5px #2338e1
}
.topic-sp-eccloud .banner .special {
	color:#ffd182
}
.topic-sp-eccloud .topic-btn1 {
	background-color:#4e76f7
}
.topic-sp-eccloud .title {
	text-align:center
}
.topic-sp-eccloud .title p {
	text-align:center;
	color:#333;
	font-size:16px
}
.topic-sp-eccloud .title h2 {
	padding:20px 0;
	margin:50px 0 40px;
	font-size:36px;
	position:relative
}
.topic-sp-eccloud .title h2::after {
	content:"";
	position:absolute;
	bottom:0;
	left:48%;
	width:50px;
	display:block;
	height:1px;
	border:1px solid #4e76f7;
	background-color:#4e76f7;
	border-radius:1px
}
.topic-sp-eccloud .solution .content {
	padding:40px 50px;
	background:#fff;
	border:1px solid #e1e6f0
}
.topic-sp-eccloud .solution p {
	font-size:16px;
	line-height:36px;
	color:#333
}
.topic-sp-eccloud .solution .tit {
	color:#4c73f6
}
.topic-sp-eccloud .advantage .row {
	margin:0 -25px
}
.topic-sp-eccloud .advantage .col-2 {
	padding:0 25px 25px
}
.topic-sp-eccloud .advantage .one-row {
	position:relative;
	padding:25px 25px 10px;
	background-color:#fff;
	border:1px solid #e1e6f0;
	min-height:140px
}
.topic-sp-eccloud .advantage .one-row>div {
	vertical-align:top
}
.topic-sp-eccloud .advantage .one-row::after {
	content:"";
	position:absolute;
	top:0;
	left:25px;
	width:35px;
	display:block;
	height:1px;
	border:1px solid #4e76f7;
	background-color:#4e76f7;
	border-radius:1px
}
.topic-sp-eccloud .advantage span {
	font-size:18px;
	font-weight:700;
	line-height:30px;
	color:#333
}
.topic-sp-eccloud .advantage p {
	font-size:14px;
	line-height:30px;
	color:#333
}
.topic-sp-eccloud .node {
	height:720px
}
.topic-sp-eccloud .node .title h2 {
	margin-bottom:20px
}
@media screen and (max-width:1200px) {
	.topic-sp-eccloud .node {
	height:700px
}
.topic-sp-eccloud .node .nodemap {
	background:url(/img/other/map-nav/map3-phone2.png) center no-repeat;
	background-size:100%
}
.topic-sp-eccloud .node .nodemap .map {
	display:none
}
}.topic-sp-eccloud .MPC img {
	width:90%
}
.topic-sp-eccloud .discount {
	margin-bottom:60px
}
.topic-sp-eccloud .discount .row {
	margin:0 -16px
}
.topic-sp-eccloud .discount .topic-btn1 {
	background-color:#f49138;
	font-size:14px;
	width:unset;
	margin:0
}
.topic-sp-eccloud .discount .col-8 {
	padding:0 16px 20px
}
.topic-sp-eccloud .discount .col-8>div {
	background:#fff;
	border:1px solid #e1e6f0
}
.topic-sp-eccloud .discount .tit {
	background:url(/img/bg/082.jpg) center no-repeat;
	background-size:100%;
	padding:15px 25px
}
.topic-sp-eccloud .discount h5,.topic-sp-eccloud .discount span {
	color:#fff;
	line-height:30px
}
.topic-sp-eccloud .discount h5 {
	font-weight:700;
	font-size:18px;
	margin:0
}
.topic-sp-eccloud .discount span {
	font-size:16px
}
.topic-sp-eccloud .discount .data {
	padding:15px 25px
}
.topic-sp-eccloud .discount .data p {
	color:#333;
	font-size:14px;
	line-height:30px;
	margin:0
}
.topic-sp-eccloud .discount .data p::before {
	content:"·";
	display:inline-block;
	color:#f49138;
	vertical-align:middle;
	font-size:36px;
	width:15px
}
.topic-sp-eccloud .discount .one-row {
	background:#fff;
	border:1px solid #e1e6f0;
	padding:15px 25px
}
.topic-sp-eccloud .discount .one-row b {
	color:#2e37e1
}
.topic-sp-eccloud .discount .one-row .qq {
	padding:0;
	text-align:right
}
@media screen and (max-width:768px) {
	.topic-sp-eccloud .banner {
	height:300px
}
.topic-sp-eccloud .banner .title {
	padding:50px 0
}
.topic-sp-eccloud .banner .title h1 {
	font-size:40px
}
.topic-sp-eccloud .title h2 {
	margin:0 0 20px;
	font-size:30px
}
.topic-sp-eccloud .title h2::after {
	content:"";
	position:absolute;
	bottom:0;
	left:44%;
	width:50px;
	display:block;
	height:1px;
	border:1px solid #4e76f7;
	background-color:#4e76f7;
	border-radius:1px
}
.topic-sp-eccloud .solution .content {
	padding:10px 20px
}
.topic-sp-eccloud .advantage .row {
	margin:0
}
.topic-sp-eccloud .advantage .col-2 {
	padding:0 0 15px
}
.topic-sp-eccloud .node {
	height:450px
}
.topic-sp-eccloud .discount .row {
	margin:0
}
.topic-sp-eccloud .discount .col-8 {
	padding:0 0 20px
}
.topic-sp-eccloud .discount .one-row>* {
	display:block
}
}.topic-popup-voucher .content {
	height:445px;
	width:666px;
	background:url(/img/other/topic/popup/bg/001.jpg) center no-repeat,#3451eb
}
.topic-popup-voucher .content-xs {
	display:none;
	height:240px;
	width:350px
}
.topic-popup-voucher .ticket {
	text-align:center;
	padding:140px 0 30px
}
.topic-popup-voucher .btn {
	background:linear-gradient(to right,#39abec,#42bde0);
	border:0;
	border-radius:3px;
	width:152px;
	height:40px;
	line-height:40px;
	font-size:16px;
	box-shadow:0 5px 20px #122b98
}
@media screen and (max-width:500px) {
	.topic-popup-voucher {
	position:relative
}
.topic-popup-voucher .content {
	display:none
}
.topic-popup-voucher .content-xs {
	display:block;
	background:url(/img/other/topic/popup/bg/002.jpg) center no-repeat,#3451eb;
	background-size:100%
}
}.topic-gragonboat {
	background:linear-gradient(to right,#aedac3,#83ccbb,#aedac3)
}
.topic-gragonboat .banner {
	height:754px
}
.topic-gragonboat .special .title {
	text-align:center;
	margin:80px 0 30px
}
.topic-gragonboat .special .item {
	position:relative;
	background:#fff;
	border-radius:10px;
	margin:10px;
	box-shadow:10px 10px 40px rgba(12,95,65,.4)
}
.topic-gragonboat .special .item p {
	text-align:center;
	color:#333;
	line-height:30px;
	font-size:16px
}
.topic-gragonboat .special .item .red {
	font-size:30px;
	color:#f82828
}
.topic-gragonboat .special .item .data {
	padding:15px 20px 25px
}
.topic-gragonboat .special .item .data .p1 {
	font-size:14px;
	color:#666
}
.topic-gragonboat .special .item .data .p2 {
	font-size:14px;
	color:#999;
	text-decoration:line-through
}
.topic-gragonboat .special .item .tit {
	background:linear-gradient(to right,#09a126,#bad258);
	border-radius:10px 10px 0 0
}
.topic-gragonboat .special .item .tit h3 {
	font-size:24px;
	margin:0;
	text-align:center;
	color:#fff;
	padding:20px 0
}
.topic-gragonboat .special .item .dash-line {
	height:1px;
	width:100%;
	border-bottom:1px dashed #90d0bf
}
.topic-gragonboat .special .item .buy {
	border-radius:3px;
	background:linear-gradient(to right,#f14e39,#f99f4e);
	border:0
}
.topic-gragonboat .special .item .line {
	border:1px solid #f14e38;
	color:#f14e38;
	border-radius:3px;
	margin-right:10px
}
.topic-gragonboat .special .item .line:hover {
	background:#f14e38;
	color:#fff
}
.topic-gragonboat .special .item .button {
	display:table;
	margin:auto
}
.topic-gragonboat .special .flag {
	position:absolute;
	top:-30px;
	height:45px;
	left:43%
}
.topic-gragonboat .illustrate {
	padding:60px 0
}
@media screen and (min-width:1200px) {
	.topic-gragonboat .col-8 {
	padding-top:15px
}
.topic-gragonboat .col-8:hover {
	padding-top:0;
	transition:all ease .5s
}
}.topic-dc-sg .banner .banner-txt {
	max-width:700px;
	width:auto
}
.topic-dc-sg .banner .content {
	position:relative
}
.topic-dc-sg .banner .content a {
	height:40px;
	width:100%;
	position:absolute;
	bottom:9%;
	right:0
}
.topic-dc-sg .topic-nav {
	position:relative;
	box-shadow:0 0 10px rgba(2,45,134,.13);
	padding:20px;
	background:#f7f6f9
}
.topic-dc-sg .topic-nav a {
	position:relative;
	color:#333;
	font-size:18px
}
.topic-dc-sg .topic-nav .col-11 {
	position:relative;
	text-align:center;
	border-right:1px solid #dcdcdc;
	height:30px
}
.topic-dc-sg .topic-nav .col-11 .footer-line {
	width:20%;
	background:#ff7207;
	height:3px;
	margin:auto;
	display:none
}
.topic-dc-sg .topic-nav .col-11:hover .footer-line {
	display:block
}
.topic-dc-sg .topic-nav .col-11:hover a {
	top:-5px;
	font-weight:700
}
.topic-dc-sg .topic-nav .col-11:last-child {
	border-right:0
}
.topic-dc-sg .typical {
	padding:50px 0 70px
}
.topic-dc-sg .typical .tit1 p {
	color:#666;
	padding:10px
}
@media screen and (min-width:992px) {
	.topic-dc-sg .typical .tit1 {
	padding:0 150px 20px
}
}@media screen and (max-width:992px) {
	.topic-dc-sg .typical {
	padding:0 0 50px
}
.topic-dc-sg .typical img {
	width:90%
}
}.topic-dc-sg .operators {
	height:540px;
	padding:10px 0;
	background:url(/img/bg/083.jpg) no-repeat
}
.topic-dc-sg .operators .item {
	position:relative;
	width:142px;
	height:142px;
	margin:auto
}
.topic-dc-sg .operators .operators-tp {
	display:none
}
.topic-dc-sg .operators .content {
	margin-top:40px
}
.topic-dc-sg .operators .icon {
	transform:rotate(-45deg);
	position:relative;
	width:142px;
	height:142px;
	box-shadow:0 20px 40px rgba(227,170,132,.4)
}
.topic-dc-sg .operators .icon:hover {
	cursor:pointer;
	width:150px;
	height:150px;
	transition:all .5s
}
.topic-dc-sg .operators .row {
	margin:auto
}
.topic-dc-sg .operators .row1 {
	width:40%
}
.topic-dc-sg .operators .row2 {
	width:80%
}
.topic-dc-sg .topic-delay {
	padding:30px 0 70px
}
.topic-dc-sg .topic-delay .content-lg {
	display:none
}
.topic-dc-sg .topic-delay .content-lg img {
	width:100%
}
.topic-dc-sg .topic-delay .item {
	text-align:center
}
.topic-dc-sg .topic-delay .item>div {
	width:80px;
	margin:auto
}
.topic-dc-sg .topic-delay .title {
	color:#3f78f2;
	font-size:18px;
	line-height:42px;
	text-align:center
}
.topic-dc-sg .topic-delay .basic {
	margin:auto;
	display:block
}
.topic-dc-sg .topic-delay .line {
	height:91px;
	margin:-10px 0 20px
}
@-webkit-keyframes dong {
	0% {
	height:0
}
100% {
	height:91px
}
}.topic-dc-sg .topic-delay .l {
	height:91px;
	width:1027px;
	margin:auto;
	background:url(/img/icon/029/007.png) no-repeat top center;
	animation:dong 3s ease-in infinite
}
.topic-dc-sg .topic-delay .active-line .l {
	height:91px;
	width:1027px
}
.topic-dc-sg .topic-delay .one-row {
	background:url(/img/icon/029/008.jpg) center;
	height:200px
}
.topic-dc-sg .topic-delay .one-row>* {
	vertical-align:top
}
.topic-dc-sg .topic-delay .speed {
	font-size:30px;
	line-height:42px;
	color:#333
}
.topic-dc-sg .topic-delay .region {
	position:relative;
	display:block;
	border-top:1px solid #dcdcdc;
	border-bottom:1px solid #dcdcdc;
	font-size:18px;
	color:#999;
	line-height:48px
}
.topic-dc-sg .topic-delay .item:not(:last-child) .region::after {
	content:"·";
	font-size:48px;
	color:#f7d98a;
	position:absolute;
	display:block;
	right:-40px;
	bottom:0
}
.topic-dc-sg section.industry {
	background:#f7f6f9;
	min-height:690px
}
.topic-dc-sg section.industry .tit1 {
	padding:50px 0
}
.topic-dc-sg section.industry p {
	color:#e7edf5;
	padding:10px 20px;
	line-height:25px;
	text-align:center
}
.topic-dc-sg section.industry h2 {
	font-size:20px;
	line-height:48px;
	font-weight:700;
	color:#fff;
	text-align:center
}
.topic-dc-sg section.industry .item .some-line {
	position:relative;
	overflow:hidden;
	margin-bottom:40px;
	transition:all .3s ease-out
}
.topic-dc-sg section.industry .item .some-line>div {
	background:linear-gradient(to left,rgba(255,86,112,0.9),rgba(253,163,107,0.9))
}
@media screen and (min-width:1201px) {
	.topic-dc-sg section.industry .item .some-line {
	padding-top:150px;
	height:200px;
	padding-left:20px;
	padding-right:20px
}
.topic-dc-sg section.industry .item .some-line>div {
	min-height:250px
}
.topic-dc-sg section.industry .item .some-line:hover {
	padding-top:30px;
	transition:all .3s ease-out
}
.topic-dc-sg section.industry .item .some-line:hover>div {
	padding:0
}
.topic-dc-sg section.industry .item .some-line:hover>div .one-row>* {
	display:block
}
.topic-dc-sg section.industry .item .some-line:hover h2 {
	width:100%;
	padding-left:none;
	padding-left:0;
	margin:10px 0 0
}
.topic-dc-sg section.industry .item .some-line:hover p {
	padding:0 20px
}
}.topic-dc-sg section.industry .some-row>*>* {
	width:25%;
	min-height:284px
}
.topic-dc-sg section.industry gap {
	width:6px!important;
	padding:0 15px
}
.topic-dc-sg section.industry .card1 {
	background:url(/img/bg/card/013.jpg) no-repeat
}
.topic-dc-sg section.industry .card2 {
	background:url(/img/bg/card/014.jpg) no-repeat
}
.topic-dc-sg section.industry .card3 {
	background:url(/img/bg/card/015.jpg) no-repeat
}
.topic-dc-sg section.industry .card4 {
	background:url(/img/bg/card/016.jpg) no-repeat
}
.topic-dc-sg section.industry .card5 {
	background:url(/img/bg/card/017.jpg) no-repeat
}
.topic-dc-sg section.industry .card6 {
	background:url(/img/bg/card/018.jpg) no-repeat
}
.topic-dc-sg section.industry .card7 {
	background:url(/img/bg/card/019.jpg) no-repeat
}
.topic-dc-sg section.industry .card8 {
	background:url(/img/bg/card/020.jpg) no-repeat
}
@media screen and (max-width:1200px) {
	.topic-dc-sg section.industry .some-row>* div {
	width:100%;
	display:block;
	min-height:0
}
.topic-dc-sg section.industry .some-row>* div h2 {
	width:100%!important;
	text-align:center!important;
	display:block;
	margin-bottom:0
}
.topic-dc-sg section.industry .some-row>* gap {
	display:none!important
}
.topic-dc-sg section.industry .item {
	background:0 0
}
}.topic-dc-sg .topic-solution {
	padding:0 0 50px
}
.topic-dc-sg .topic-solution .card {
	border-image:linear-gradient(to right,#fda36b,#ff5670) 20 20
}
.topic-dc-sg .topic-service {
	padding:0 0 60px;
	background:#f7f6f9
}
.topic-dc-sg .topic-customer {
	background:#fff
}
@media screen and (max-width:1200px) {
	.topic-dc-sg .topic-nav {
	display:none
}
.topic-dc-sg .topic-delay .content {
	display:none
}
.topic-dc-sg .topic-delay .content-lg {
	display:block
}
}@media screen and (max-width:1024px) {
	.topic-dc-sg .banner img {
	width:80%
}
.topic-dc-sg .operators {
	height:auto
}
.topic-dc-sg .operators .row {
	display:none
}
.topic-dc-sg .operators .content {
	margin-top:0
}
.topic-dc-sg .operators .operators-tp {
	text-align:center;
	display:block
}
.topic-dc-sg .operators .operators-tp img {
	width:90%
}
}.deving {
	display:none!important
}
