@charset "ut8";

:root {--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;}

* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

*,*::before,*::after {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

html {font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);width:100%;min-height:100%;overflow-x:hidden;}

article,aside,figcaption,figure,footer,header,hgroup,main,nav,section {display:block;}

@font-face {font-family:'HelveticaNeueLTPro';src:url('../other/HelveticaNeueLTPro-ThEx.otf?v=201710130000'),url('../other/HelveticaNeueLTPro-ThEx.otf?v=201710130000') format('embedded-opentype')}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {font-family:inherit;font-weight:500;line-height:1.1;color:inherit;}

p {margin:0;}

input[disabled], input[readonly]{color: #C0C4CC;background: #F5F7FA;cursor:not-allowed;}

.hidden{display:none;}

.ui-tips-before{max-width:100%;}

.ui-button-sm{padding:5px 12px;}

.ui-button.hot{position:relative;}

.ui-button.hot::after{content: '';position:absolute;top: -20px;right:0;width:34px;height:21px;background:url(../images/icon-hot.gif) no-repeat;background-size: contain;}

.ui-select-datalist{top:30px;}

fieldset.servers-area{display: inline-block;margin:0 10px;padding: 20px;border:1px solid #ececec;border-radius: 5px;transition: border-color .15s,background-color .15s,opacity .15s;}

legend.servers-area{background-color: #ececec;color: #999;border-radius: 20px;padding: 5px 25px;font-size: 12px;transition: border-color .15s,background-color .15s,opacity .15s;}

fieldset.servers-area:hover {border:1px solid #d0d0d5;}

fieldset.servers-area:hover legend{background-color: #d0d0d5;}

/* 纯css小图标 */css-icon {display:inline-block;height:1em;width:1em;font-size:20px;box-sizing:border-box;text-indent:-9999px;vertical-align:middle;position:relative;}

css-icon::before,css-icon::after {content:'';box-sizing:inherit;position:absolute;left:50%;top:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}

.icon-arrow-up::before {height:.65em;width:.65em;border-style:solid;border-width:2px 0 0 2px;-ms-transform:translate(-50%,-25%) rotate(45deg);transform:translate(-50%,-25%) rotate(45deg);}

.icon-arrow-down::before {height:.65em;width:.65em;border-style:solid;border-width:2px 0 0 2px;-ms-transform:translate(-50%,-75%) rotate(225deg);transform:translate(-50%,-75%) rotate(225deg);}

.icon-plus::before {width:90%;border-top:2px solid;}

.icon-plus::after {height:90%;border-left:2px solid;}

.icon-minus::before {width:90%;border-top:2px solid;}

.icon-message {border:solid transparent;border-width:.05em .05em .3em;border-radius:3px;box-shadow:inset 0 2px,inset -2px 0,inset 2px 0;}

.icon-message::before {width:.85em;height:2px;border-left:calc(2px + .1em) solid;border-right:calc(.5em - 2px) solid;top:100%;}

.icon-message::after {width:.3em;height:.3em;border-style:solid;border-width:0 0 2px 2px;left:calc(2px + .1em);top:calc(100% - 0.1242em);-ms-transform:skewY(-45deg);transform:skewY(-45deg);}

.fl{float:left;}.fr{float:right;}

*:before,*:after {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

.clearfix:before,.clearfix:after,.dl-horizontal dd:before,.dl-horizontal dd:after,.container_content:before,.container_content:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.form-horizontal .form-group:before,.form-horizontal .form-group:after,.btn-toolbar:before,.btn-toolbar:after,.btn-group-vertical > .btn-group:before,.btn-group-vertical > .btn-group:after,.nav:before,.nav:after,.navbar:before,.navbar:after,.navbar-header:before,.navbar-header:after,.navbar-collapse:before,.navbar-collapse:after,.pager:before,.pager:after,.panel-body:before,.panel-body:after,.modal-header:before,.modal-header:after,.modal-footer:before,.modal-footer:after,.tags-hd-item:before,.tags-hd-item:after {display:table;content:" ";}

.clearfix:after,.dl-horizontal dd:after,.container_content:after,.container-fluid:after,.row:after,.form-horizontal .form-group:after,.btn-toolbar:after,.btn-group-vertical > .btn-group:after,.nav:after,.navbar:after,.navbar-header:after,.navbar-collapse:after,.pager:after,.panel-body:after,.modal-header:after,.modal-footer:after,.tags-hd-item:after {clear:both;}

.table {font-size:14px;width:100%;overflow:auto;border:1px solid #e8e8e8;}

.table thead th {background-color:#fcfcfc;}

.table td,.table th {padding:1rem .6rem;line-height:2rem;}

.table tr:nth-child(2n) {background-color:#fcfcfc;}

.table-hover tbody tr:hover {color:#212529;background-color:rgba(0,0,0,.075);}

.btn {display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}

.btn+.btn {margin-left:10px;}

.btn-primary {color:#fff;background-color:#007bff;border-color:#007bff;}

.btn-group-sm>.btn,.btn-sm {padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem;}

.btn-outline-primary {color:#007bff;border-color:#007bff;}

.btn-outline-primary:hover {color:#fff;background-color:#007bff;border-color:#007bff;}

.btn-primary:hover {color:#fff;background-color:#0069d9;border-color:#0062cc;}

.btn-large {border-radius:30px;}

.btn-warning {color: #212529;background-color: #ffc107;border-color: #ffc107;}

.btn-warning:hover {color: #212529;background-color: #e0a800;border-color: #d39e00;}

body {min-width:1200px;margin:0;font-family:PingFangSC-Regular,HelveticaNeue-Light,'Helvetica Neue Light','Microsoft YaHei',sans-serif;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff;}

li,ol,ul {list-style:none outside none;margin:0;padding:0;}

a {text-decoration:none;}

.clearfix::after,.nav::after {display:block;clear:both;content:"";}

.clearfix {*zoom:1;}

.clearfix:before,.clearfix:after {display:table;line-height:0;content:"";}

.clearfix:after {clear:both;}

.ellipsis {text-overflow:ellipsis;-o-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap;overflow:hidden}

.text-center {text-align:center;}

.text-right {text-align:right;}

.text-left {text-align:left;}

h2 {color:#333;font-size:32px;}

.h4 {color:#666;}

table {border-collapse:collapse;border-spacing:0;}

.container_content {width:100%;max-width:1200px;min-width:1200px;margin-right:auto;margin-left:auto;}

.header {position:fixed;left:0;top:0;z-index:3;width:100%;min-width:1200px;height:70px;transition:background .3s;transform:translateZ(0);-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);}

.header.transparent,.header:hover {background:#0a1e39;box-shadow:0px 5px 20px 0px rgba(0,87,255,0.1);}

.header .container_content{position:relative;}

.header .logo {float:left;height:40px;margin-right:2%;margin-top:15px;}

.header .logo img {height:100%;}

.header .nav {float:left;height:68px;}

.header .nav ul>li {float:left;margin:0 16px;height:100%;border-bottom:0;text-align:center;}

.header .nav ul>li>a {position: relative;display:block;height:100%;line-height:70px;color:#fff;opacity:.6;transition:all .3s;}

.header .nav ul>li>a:after {display:inline-block;content:" ";position:absolute;bottom:0;left:50%;right:50%;height:2px;background:#fff;transition:all .3s;opacity:0;}

.header .nav ul>li>a.on,.header .nav ul>li>a:hover {opacity:1;}

.header .nav ul>li>a.on:after,.header .nav ul>li>a:hover:after {left:0;right:0;opacity:1;}

#nav_hover_bg {width:100%;min-width:1280px;height:0;position:absolute;top:70px;z-index:9;overflow:hidden;background:#0c2341;}

.submenu {position:absolute;left:0;top:80px;right:0;z-index:9999;width:100%;height:0px;text-align: left;overflow:hidden;}

.solution-submenu dl{width:100%;margin:0;padding:0;}

.solution-submenu dl dd {float: left;margin:10px;width:220px;height:86px;border:#12315a 1px solid;overflow:hidden;transition-duration:.5s;cursor:pointer;background-position:20px;background-repeat: no-repeat;background-color: #0a1e39;background-size:12%;}

.solution-submenu dl dd.fr {float:right;}

.solution-submenu dl dd:hover {border:#666 1px solid;}

.solution-submenu dl dd.bg1 {background-image:url(../images/nav_fa1.png);}

.solution-submenu dl dd.bg2 {background-image:url(../images/nav_fa2.png);}

.solution-submenu dl dd.bg3 {background-image:url(../images/nav_fa3.png);}

.solution-submenu dl dd.bg4 {background-image:url(../images/nav_fa4.png);}

.solution-submenu dl dd.bg5 {background-image:url(../images/nav_fa5.png);}

.solution-submenu dl dd p {text-indent:64px;font-size:16px;display:block;width:218px;overflow:hidden;margin:10px auto 0px auto;line-height:30px;color:#bcbcbc}

.solution-submenu dl dd .xmx {font-size:14px;width:218px;text-indent:64px;margin:0px auto;display:block;line-height:30px;color:#666}



.more_main_l {float:left;background: rgba(24, 110, 188, 0.4);width: 69%;min-height:260px;}

.more_main_l dl {float: left;width:33%;padding: 0 2%;margin-top:20px;box-sizing: border-box;min-height: 176px;margin-bottom:0;}

.more_main_l dl dt {font-size: 16px;color: rgba(255, 255, 255, 0.8);border-bottom: 1px solid #008cf8;margin-bottom: 10px;padding-bottom: 12px;}

.more_main_l dl dt img{width: 16px;height: 16px;vertical-align: middle;margin-right: 10px;}

.more_main_l dl dd{margin:0;}

.more_main_l dl dd a {display: inline-block;margin-bottom: 12px;font-size: 14px;color: rgba(223, 233, 245, 0.8);}

.more_main_l dl dd a:hover {color: #fff;}

.more_main_l dl dd a img {width: 16px;height: 16px;vertical-align: middle;margin-right: 10px;}



.more_main_r {float:right;background: rgba(24, 110, 188, 0.4);width:30%;min-height:260px;}

.more_main_r dl {float: left;width: 100%;padding: 0 5%;box-sizing: border-box; margin-top:16px;margin-bottom:5px;}

.more_main_r dl dd{margin:0; padding-top: 6px;}

.more_main_r dl dt {font-size: 16px;color: rgba(255, 255, 255, 0.8);border-bottom: 1px solid #008cf8;padding-bottom: 10px;}

.more_main_r dl dd a {display: inline-block;margin-bottom: 2px;font-size: 14px;color: rgba(223, 233, 245, 0.8);}

.more_main_r dl dd a img {width: 16px;height: 16px;vertical-align: middle;margin-right: 10px;}



.header .opPanel {float:right;position:relative;z-index:9999;margin-left:15px;margin-right:15px;}

.logout-container{line-height:70px;}

.welcome-user .logout-container,.welcome-container .userinfo-container {display:none;}

.welcome-user .userinfo-container {display:block;}

.userinfo-container {position:relative;z-index:10;width:200px;}

.username-container {position:relative;z-index:100;line-height:70px;}

.username-text {display:inline-block;padding-right:20px;background:no-repeat right center;color:#fff;opacity: .6;cursor:pointer;}

.userinfo-container--extend .username-text {color:#333;text-indent:10px;}

.userinfo-container--extend .username-text:hover {color:#0979ff;}

.auth-icon-personal {background-image:url(../images/auth_personal.png);}

.auth-icon-company {background-image:url(../images/auth_company.png);}

.auth-icon-unauth {background-image:url(../images/auth_unauth.png);}

.username-text span {display:inline-block;vertical-align:top;}

.username-text-show {max-width:65px;}



.user-panel {display:none;top:70px!important;left:0!important;width:200px;line-height:1;background:#fff;box-shadow:0 0 6px 0 rgba(31,50,82,.1);border-radius:4px;border: 1px solid rgba(177,180,185,.45);}

.userinfo-container--extend .user-panel {display:block;}

.user-panel-header {height:90px;padding:10px 0 10px 60px;;background:url(../images/haidu_icon_user_default.png) no-repeat 10px 22px;}

.user-money {padding:16px 0 10px;font-size:14px;color:#FF8500;}

.user-money-control a {color:#077aff;font-size:14px;}

.user-money-control a:hover {color:#FF8500;}

.user-money-control a + a {padding-left:4px;border-left:1px solid #ddd;}

.shortcut-menu-list {border-top:1px solid rgba(0,0,0,.04);padding:10px 0;}

.shortcut-menu-item {position:relative;z-index:1;line-height:32px;padding:0 10px;font-size:14px;}

.shortcut-menu-item a {display:inline-block;color:#606266;}

.shortcut-menu-item a:hover {color:#0979ff;}

.shortcut-menu-item:hover {background-color:#ecf5ff;color:#66b1ff;}

.user-record-count {position:absolute;top:7px;right:0;padding:0 8px;border-radius:2px;color:#FF8500;}



.logout-container a{display:inline-block;width:80px;height:32px;line-height:32px;border:1px solid #0076fe;text-align:center;background-color:#0076fe;font-size:14px;border-radius:28px;color:#fff;margin-right:10px;}





.header.hasSession .opPanel {width:193px;}

.header .topbar-item {width:auto;display:inline-block;cursor:pointer;vertical-align:top;z-index:10;position:relative;margin-right:31px;}

.header .topbar-item.topbar-item-registerCenter {margin-right:0;}

.header.hasSession .topbar-item.topbar-item-loginCenter,.header.hasSession .topbar-item.topbar-item-registerCenter {display:none;}

.header .topbar-item-manageCenter .topbar_btn_text,.header .topbar_btn_registerCenter .topbar_btn_text {display:inline-block;width:80px;height:32px;line-height:32px;border:1px solid #0076fe;text-align:center;background-color:#0076fe;font-size:14px;font-family:"微软雅黑";border-radius:28px;color:#fff;margin-right:10px;}

.topbar_btn_registerCenter .topbar_btn_text:hover {background-color:#2288fe;border-color:#5776ff;color:#fff;}

.header .topbar-item.topbar-item-loginCenter {width:80px;margin-right:0;width:85px;}

.topbar-manage {position:absolute;top:65px;right:0;left:0;height:0;}

.topbar-manage-panel {width:208px;height:0;transition:height .2s;transition:height .5s,;transform-origin:0 0;background-color:#fff;box-shadow:0 0 6px 0 rgba(152,181,229,0.37);border-radius:5px;}

.topbar_panel_active .topbar-manage-panel {position:absolute;left:-38px;transform-origin:0 0;height:auto;transition:all .8s;-webkit-transition:all .8s;transform-origin:0 0;-webkit-transform-origin:0 0;transform:scaleY(0);-webkit-transform:scaleY(0);opacity:0;}

.topbar-comm-panel::before {display:block;position:absolute;width:48px;right:0;top:-18px;height:18px;content:'';}

.topbar-comm-panel .topbar-panel-triangle-tips {position:absolute;border-width:7px;top:-14px;border-style:solid;border-color:transparent transparent rgba(255,255,255,1);font-size:0;line-height:0;display:block;right:0;margin-right:12px;filter:drop-shadow(0 1px 4px rgba(0,0,0,0.1));-webkit-filter:drop-shadow(0 1px 4px rgba(0,0,0,0.1));z-index:0;}

.topbar-manage-list {width:100%;overflow:hidden;transition:height .2s;font-size:14px;}

.topbar-manage-items {line-height:40px;box-sizing:border-box;cursor:pointer;}

.topbar-manage-items:first-child {padding:8px 0;border-bottom:1px solid #ecf2f8;}

.topbar-manage-items .topbar-manage-cor {width:100%;margin:0 auto;height:100%;overflow:hidden;cursor:default;}

.topbar-manage-items .topbar-manage-cor.topbar-manage-cor-edit {cursor:pointer;}

.topbar-manage-items .topbar-manage-cor-name {width:100%;display:inline-block;text-align:center;overflow:hidden;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis;vertical-align:middle;font-size:16px;text-indent:19px;padding:0 4px 0 17px;}

.topbar-manage-items .topbar-manage-cor.topbar-manage-cor-edit .topbar-manage-cor-name {width:148px;text-indent:19px;text-align:left;color:#333;}

.topbar-item-icon {margin:0 17px 0 37px;vertical-align:middle;display:inline-block;}

.topbar-manage-cor-edit .topbar-item-icon {width:13px;height:13px;}

.topbar-manage-cor-edit .topbar-item-icon {margin:0;}

.topbar-manage-items-editAcct .topbar-item-icon {display:none;}

.topbar_btn_loginCenter .topbar_btn_text {display:inline-block;width:80px;height:32px;border:1px solid #dcdcdc;border-radius:28px;text-align:center;line-height:30px;font-size:14px;color:#333;background:#fff;}

.topbar_btn_loginCenter .topbar_btn_text:hover {border:1px solid #999;background:#f5f5f5;color:#333;}

.topbar-manage-items .staff {height:30px;line-height:30px;padding-left:20px;padding-right:0;text-align:left;color:#999;overflow:hidden;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis;font-size:12px;padding-left:37px;}

.manage-hover .topbar-manage-panel {transition:all .3s;-webkit-transition:all .3s;transform-origin:0 0;-webkit-transform-origin:0 0;transform:scaleY(1);-webkit-transform:scaleY(1);opacity:1;}

.topbar-item .portrait {width:34px;height:34px;overflow:hidden;display:inline-block;vertical-align:middle;margin-top:-4px;border-radius:50%;background-position:center center;background-repeat:no-repeat;background:url(../images/header_icon.png) -155px -195px no-repeat;overflow:hidden;}

.topbar-item .portrait .portrait-bg {width:100%;height:100%;display:block;background-size:cover;background-position:center center;background-repeat:no-repeat;}

.topbar-manage-items .topbar_text {display:inline-block;height:40px;line-height:40px;min-width:72px;color:#333;margin-left:37px;}

.topbar-manage-items .topbar_text:hover {color:#0157ff;}

.topbar-manage-list .topbar-manage-items:hover .topbar_text {color:#0076fe;}

.topbar-manage-items .topbar_count {display:inline-block;color:#f00;margin-left:8px;}

#carousel {height:600px;}

#carousel .glide__slides {height:600px;}

#carousel .glide__slides .glide__slide {position:relative;height:100%;background-position:center center;}

#carousel .rotation_btn{position:absolute;bottom:120px;text-align: center;right: 0;left: 0;}

#carousel .rotation_btn a{float:inherit;display:inline-block;vertical-align: bottom;}

.numberBar {color:#333;position:relative;height:106px;}

.numberBar .numberWrap {position:absolute;padding:30px 0;top:-30px;left:42%;margin-left:-450px;max-width:1200px;width:90%;border-radius:5px;z-index:2;background-color:#fff;box-shadow:0 2px 12px rgba(0,0,0,0.1);background-image:url(../images/fixed_bg.png);background-repeat:no-repeat;background-size:cover;background-position:center;}

.numberBar .numberList {font-size:0;display:inline-block;width:100%;}

.numberBar .numberItem {border-left:solid #ebebeb 1px;display:inline-block;float:none;text-align:center;width:20%;}

.numberBar .numberItem:first-child {border-left:none;}

.numberBar .itemWrap {display:inline-block;}

.numberBar .trustChoiceNum {display:inline-block;}

.numberBar .num {font-size:30px;line-height:1;}

.numberBar .char {font-size:12px;margin-left:10px;line-height:1;}

.numberBar .char,.numberBar .numberDesc {color:#666;}

.numberBar .numberDesc {padding-top:20px;font-size:14px;color:#707070;}

.numberBar .num,.numberBar .numberDesc {vertical-align:top;}

.numberBar .char,.numberBar .numberDesc {color:#666;}

/*热门产品*/.hot-product {padding-top:30px;}

.hot-product .h4 {padding-bottom:50px;}



.product_contents{background-color:#efefef;}

.important{text-align: center;}

.important li{display:inline-block;width:100px;margin-right:100px;}

.important li:last-child{margin-right:0px;}

.important li a{display:block;width:80px; height:80px;margin:0 auto; padding:10px;border-radius:100px;border:2px dotted #696969; background:#fff;}

.important li:hover a,.important li.active a{ border-color:#00aaff;}

.important li span{ width:58px; height:58px; display:block;}

.important li.active p{color:#00aaff;}

.important li.active strong{display:block;}



.important .rcsp_1 span{ background:url("../images/index_product_icon1a.png") no-repeat top center;}

.important .rcsp_2 span{ background:url("../images/index_product_icon2a.png") no-repeat top center;}

.important .rcsp_3 span{ background:url("../images/index_product_icon3a.png") no-repeat top center;}

.important .rcsp_4 span{ background:url("../images/index_product_icon4a.png") no-repeat top center;}

.important .rcsp_5 span{ background:url("../images/index_product_icon5a.png") no-repeat top center;}



.important .rcsp_1:hover span, .important .rcsp_2:hover span,.important .rcsp_3:hover span,.important .rcsp_4:hover span,.important .rcsp_5:hover span,.important .rcsp_6:hover span, .important .rcsp_7:hover span, .important .rcsp_8:hover span, .important .rcsp_9:hover span{transition: background 0.3s;

-moz-transition: background 0.3s;

-ms-transition: background 0.3s;

-webkit-transition: background 0.3s;

-o-transition: background 0.3s;}

.important .rcsp_1:hover span,.important .rcsp_1.active span{ background:url("../images/index_product_icon1a.png") no-repeat bottom center;}

.important .rcsp_2:hover span,.important .rcsp_2.active span{ background:url("../images/index_product_icon2a.png") no-repeat bottom center;}

.important .rcsp_3:hover span,.important .rcsp_3.active span{ background:url("../images/index_product_icon3a.png") no-repeat bottom center;}

.important .rcsp_4:hover span,.important .rcsp_4.active span{ background:url("../images/index_product_icon4a.png") no-repeat bottom center;}

.important .rcsp_5:hover span,.important .rcsp_5.active span{ background:url("../images/index_product_icon5a.png") no-repeat bottom center;}



.important li p{ line-height:18px;font-size:16px; font-weight:bold; margin-top:20px; text-align:center; display:block; color:#333;}

.important li:hover p{ color:#00aaff;}

.important li strong{display:none;border-bottom:2px solid #00aaff; position:relative;margin-top:15px;z-index:2;}

.important li strong i{display:none;  position:absolute; width:0px; height:0px; border:10px solid transparent;display:block;left: 50%;margin-left: -9px;border-top-color: #00aaff;}







.cloud-product-ul {width:100%;padding:50px 0;}

.cloud-product-ul li {float:left;position:relative;margin-left:12px;width:286px;height:460px;text-align:center;box-shadow:1px 1px 12px rgba(0,0,0,0.08);transition:width .2s linear;padding-top:15px;background-color:#fff;}

.cloud-product-ul li.active {z-index:1;width:304px;box-shadow:0px 4px 20px rgba(0,0,0,0.2);background-image:url(../images/producet_bg.jpg);background-repeat:no-repeat;}

.cloud-product-ul li:first-child {margin-left:0;}

/*未选中li样式*/

.product-introduce-title {margin-bottom:14px;height:22px;line-height:22px;font-size:22px;color:#999;}

.product-introduce-title.normal-weight {font-weight:normal;}

.product-introduce-content {margin:0 auto 26px;line-height:14px;font-size:14px;color:#999;}

.introduce-list-large {margin:0 auto;line-height:26px;color:#999;font-size:14px;text-align:left;}

.product-introduce-list {margin:0 auto;height:200px;width:84%;padding-top:10px;border:1px solid #f1f1f1;border-left:none;border-right:none;}

.introduce-list-small {line-height:14px;font-size:14px;color:#999999;line-height: 26px;}

.product-introduce-price {margin:20px auto 0;font-size:14px;color:#333;}

.product-introduce-price .price {color:#00aaff;font-size:38px;}

.introduce-link {position:absolute;top:0;left:0;width:100%;height:360px;}

/*选中li样式*/

.active.active-inner-01 {background-position:0 0;}

.active.active-inner-02 {background-position:-304px 0;}

.active.active-inner-03 {background-position:-608px 0}

.active.active-inner-04 {background-position:-912px 0;}

.active.active-inner-05 {background-position:-1216px 0;}

.active .product-introduce-content {color:#eff6ff;}

.active .product-introduce-title {color:#fff;}

.active .product-introduce-list {border-color:#3f9ff9;}

.active .introduce-list-large {width:228px;color:#ddebff;text-align:left;}

.active .product-introduce-price {margin-top:26px;color:#fefeff;}

.active .product-introduce-price .price {display:inline-block;font-size:36px;height:36px;line-height:36px;color:#fff;}

.buy-link-btn {display:block;margin:10px auto 0;width:50%;height:40px;line-height:28px;background-color:#ff9600;color:#fff;text-align:center;}

.buy-link-btn:hover {background-color:#ff8800;}

#shared-hosting-tabs .hd {text-align:center;}

.use_case {clear:both;height:600px;background:#fff url(../images/cjbg.png) no-repeat top;}

.use_case h2 {color:#fff;margin-top:83px}

.use_case .h4 {color:#ccc;}

.use_case .mode-box {width:1200px;margin:40px 0px 80px;}

.use_case .mode-box ul {overflow:hidden;padding-bottom:20px;width:105%;}

.use_case .mode-box ul li {float:left;width:230px;text-align:center;font-size:16px;color:#444;background-color:#efefef;margin-right:12px;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;}

.use_case .mode-box ul li img {display:block;width:100%;height:100%;transition:.1s;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}

.use_case .mode-box ul li:hover img{-webkit-filter:grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter: none;}

.use_case .mode-box ul li p {width:213px;height:85px;line-height:85px;margin:0 auto;padding:0 10px;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;}

.use_case .mode-box ul li p .topic {float:left;color:#333;font-size:22px;}

.use_case .mode-box ul li p .add-icon {float:right;display:inline-block;width:24px;height:24px;background:url(../images/add.png) no-repeat;margin-top:32px;}

.use_case .mode-box ul .actived {background-color:#ffb143;cursor:pointer;}

/* 新闻动态 */.newslist {margin:50px 0;}

.newslist .container_content {margin-top:40px;}

.news-tabs .hd {-ms-flex-pack:center;-ms-flex-wrap:nowrap;-webkit-box-pack:center;-webkit-flex-wrap:nowrap;-webkit-justify-content:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-wrap:nowrap;justify-content:center;}

.news-tabs .hd .ui-button{margin:10px;}

.news-item dt {float:left;width:323px;}

.news-item dt img {display:block;width:100%;height:100%;border-radius:4px;}

.news-item dd {float:left;width:877px;}

.news-item dd {margin:0;}

.newDiv_index {width:400px;height:92px;padding:12px;border:1px solid #e4e4e4;background-color:#fff;float:left;margin-left:36px;margin-bottom:30px;border-radius:4px;}

.newDiv_index .newDiv_index_riqi {width:65px;height:68px;float:left;background-color:#969393;text-align:center;color:#fff;border-radius:4px;transition:.1s;}

.riqip1 {font-size:25px;padding-bottom:2px;}

.riqip2 {font-size:14px;}

.newDiv_index_title {float:left;margin-left:15px;height:65px;width:290px;}

.newDiv_index_title .newDiv_index_title1 {font-size:16px;font-weight:bold;color:#606266;height:24px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

.newDiv_index_title .newDiv_index_title2 {font-size:12px;color:#888;margin-top:3px;line-height:22px;}

.newDiv_index:hover {border-color:#c6e2ff;}

.newDiv_index:hover .newDiv_index_riqi {background-color:#409eff;color:#ecf5ff;}

.home-card-entrance .home-card-entrance__header .home-card-entrance__title {color:#173252;font-family:PingFangSC-Medium;font-size:20px;letter-spacing:0;padding-bottom:16px;margin:0;padding:0;min-height:60px;}

.home-card-entrance .home-card-entrance__header .home-card-entrance__intro {color:#173252;font-family:PingFangSC-Regular;font-size:14px;letter-spacing:0;line-height:24px;margin:0;opacity:.4;}

.home-card-entrance .home-card-entrance__header button {background-color:rgba(0,0,0,0);border:0;color:#0489fc;cursor:pointer;font-family:PingFangSC-Regular;font-size:16px;letter-spacing:0;line-height:20px;margin-top:34px;text-align:right;}

.form-btn {display:inline-block;padding:14px 95px;background-image:linear-gradient(73deg,#4bf5ff 5%,#2f6aff 88%);border-radius:28px;border:none;font-size:16px;color:#fff;line-height:24px;outline:none;margin:48px auto 56px;background:linear-gradient(295deg,#2f6aff,#25c1f5);}

@-webkit-keyframes floatRight {0% {opacity:0}

40% {opacity:0;width:10px}

}

@keyframes floatRight {0% {opacity:0}

40% {opacity:0;width:10px}

}

@-webkit-keyframes floatUp {0% {opacity:0}

20% {-webkit-transform:translateY(100px);opacity:0;transform:translateY(100px)}

}

@keyframes floatUp {0% {opacity:0}

20% {-webkit-transform:translateY(100px);opacity:0;transform:translateY(100px)}

}

/* 数据中心 */.datacenter {padding:45px 0;background-color:rgb(40,48,64);}

.datacenter h2 {color:#fff;}

.datacenter .h4 {color:#fff;opacity:.66;margin:20px 0px;}

.datacenter .container .map {position:relative;width:1140px;height:611px;background:url(../images/bg_map.png) center top no-repeat;margin:0px auto;}

.datacenter .datacenter-distribute {position:absolute;bottom:76px;left:-50px;}

.datacenter .desc{color:#9e9e9e;font-size:1rem;line-height:1.6;margin-bottom:2rem;margin-left: -20px;}

.datacenter .available {font-size:1rem;color:#fff;letter-spacing:0px;margin-bottom:20px;position:relative;}

.datacenter .available::before {content:"";position:absolute;top:5px;left:-25px;width:10px;height:10px;background:rgb(168,255,241);border-radius:5px;}

.datacenter .soon-available {font-size:1rem;color:#fff;letter-spacing:0px;position:relative;}

.datacenter .soon-available::before {content:"";position:absolute;top:5px;left:-25px;width:10px;height:10px;background:rgb(224,224,224);border-radius:5px;}

.datacenter .datacenter-countries {font-size:14px;color:#fff;letter-spacing:0px;position:relative;left:20px;height:100%;width:100%;}

.datacenter .available-country {position:absolute;}

.datacenter .available-country::before {content:"";width:8px;height:8px;position:inherit;bottom:35px;left:12px;box-shadow:rgba(168,255,241,0.4) 0px 0px 0px 5px,rgba(224,224,224,0.2) 0px 0px 0px 11px;background:rgb(168,255,241);border-radius:4px;animation:2s ease 0s infinite alternate none running available-blink;}

.datacenter .soon-available-country {position:absolute;}

.datacenter .soon-available-country::before {content:"";width:8px;height:8px;position:inherit;bottom:35px;left:12px;box-shadow:rgba(224,224,224,0.4) 0px 0px 0px 5px,rgba(224,224,224,0.2) 0px 0px 0px 11px;background:rgb(224,224,224);border-radius:4px;animation:3s ease 0s infinite alternate none running soon-available-blink;}

.datacenter .north-us {top:270px;left:170px;}

.datacenter .brazil {top:430px;left:350px;}

.datacenter .uk {top:173px;left:479px;}

.datacenter .france {top:215px;left:510px;}

.datacenter .europe {top:190px;left:568px;}

.datacenter .south-africa {top:370px;left:570px;}

.datacenter .center-sk {top:190px;left:890px;}

.datacenter .center-jp {top:250px;left:950px;}

.datacenter .north-russia {top:90px;left:800px;}

.datacenter .north-bj {top:230px;left:810px;}

.datacenter .south-hk {top:308px;left:864px;}

.datacenter .south-tw {top:317px;left:890px;}

.datacenter .south-malaysia {top:370px;left:820px;}

.datacenter .australia {top:530px;left:950px;}

.datacenter .canada {top:200px;left:130px;}

@-webkit-keyframes available-blink {0% {-webkit-box-shadow:0 0 0 0 rgba(168,255,241,.4),0 0 0 0 rgba(224,224,224,.2)}

100% {-webkit-box-shadow:0 0 0 5px rgba(168,255,241,.4),0 0 0 11px rgba(224,224,224,.2)}

}

@keyframes available-blink {0% {box-shadow:0 0 0 0 rgba(224,224,224,.4),0 0 0 0 rgba(224,224,224,.2)}

100% {box-shadow:0 0 0 5px rgba(224,224,224,.4),0 0 0 11px rgba(224,224,224,.2)}

}

@-webkit-keyframes soon-available-blink {0% {-webkit-box-shadow:0 0 0 0 rgba(224,224,224,.4),0 0 0 0 rgba(224,224,224,.2)}

100% {-webkit-box-shadow:0 0 0 5px rgba(224,224,224,.4),0 0 0 11px rgba(224,224,224,.2)}

}

@keyframes soon-available-blink {0% {box-shadow:0 0 0 0 rgba(224,224,224,.4),0 0 0 0 rgba(224,224,224,.2)}

100% {box-shadow:0 0 0 5px rgba(224,224,224,.4),0 0 0 11px rgba(224,224,224,.2)}

}

/*行业解决方案*/.sem-four {background:url(../images/con_for_bg_al-ni.jpg) no-repeat center;background-size:cover;position:relative;padding:45px 0 80px;}

.sem-four h2 {color:#fff;}

.sem4slide {position:relative;margin:100px 0 40px;}

.sem4-hd {margin-bottom:32px;text-align:center;}

.sem-four .form-btn {margin:0;}

#solution-carousel .glide__bullets {top:-7em;bottom:auto;width:100%;text-align:center;justify-content:center;}

#solution-carousel .glide__bullet {display:inline-block;width:auto;height:22px;line-height:1.6;border:none;box-shadow:none;background-color:transparent;font-size:16px;color:#fff;opacity:.53;margin:0 40px;cursor:pointer;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;}

#solution-carousel .glide__bullet--active {width:auto;opacity:1;}

.sem4-prev,.sem4-next {position:absolute;top:50%;margin-top:-1.5px;z-index:4;width:53px;height:53px;border:1px solid #fff;border-radius:50%;opacity:.39;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;}

.sem4-prev {left:0;background:url(../images/sem_29.png) no-repeat center;}

.sem4-next {right:0;background:url(../images/sem_30.png) no-repeat center;}

.sem4-prev:hover,.sem4-next:hover {opacity:1;}

.sem4-bd {width:1180px;background:#fff;padding:56px;border-radius:6px;margin:70px auto;}

.sem4-pic {float:right;width:493px;height:323px;overflow:hidden;}

.sem4-pic img {width:100%;display:block;-webkit-transition:all .8s;-o-transition:all .8s;transition:all .8s;}

.sem4-pic:hover img {-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}

.sem4-le {float:left;width:515px;padding-top:40px;}

.sem4-tit {font-size:20px;color:#4a4a5d;margin-bottom:5px;font-weight:600}

.sem4-subtit {font-size:16px;color:#666b7e}

.sem4-subtit span {margin-right:15px;}

.sem4-subtit img {vertical-align:middle;margin-right:10px;}

.sem4-le .hr {width:40px;height:2px;background:#2ea6ff;margin:20px 0 25px;}

.sem4-le .des {font-size:16px;line-height:28px;color:#666b7e;}

.sem4-le p {margin:0;}

.sem-four .btn-consult {color:#fff;border-color:#fff;}

@media (max-width:1440px) {/*.sem4-bd {width:1000px;padding:45px;}

.sem4-le {width:430px;padding-top:0}

.sem4-pic {width:420px;height:275px;}

*/.sem4-prev,.sem4-next {display:none;}

}

#solution-carousel .slider__arrow {width:53px;height:53px;border:1px solid #fff;border-radius:50%;background-color:transparent;box-shadow:none;}

#solution-carousel .slider__arrow--prev {left:-150px;}

#solution-carousel .slider__arrow--next {right:-150px;}

.issues {padding:50px 0;background:url(../images/jjfa1_bj.jpg) center bottom no-repeat;}

.issues .h4 {padding:30px 0 20px;}

.p-seo-item {cursor:pointer;height:300px;background:#fff;text-align:center;margin:20px 0;position:relative;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s;-webkit-box-shadow:0 8px 40px -6px rgba(105,104,178,.18);-moz-box-shadow:0 8px 40px -6px rgba(105,104,178,.18);box-shadow:0 8px 40px -6px rgba(105,104,178,.18);}

.issues .p-icon {width:70px;height:70px;background:url(../images/issues.png) no-repeat;margin:0 auto;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;}

.issues .p-seo-item.i-1 .p-icon {background-position:0 0;}

.issues .p-seo-item.i-2 .p-icon {background-position:-70px 0;}

.issues .p-seo-item.i-3 .p-icon {background-position:-140px 0;}

.issues .p-seo-item.i-4 .p-icon {background-position:-210px 0;}

.issues .p-tit {font-size:18px;line-height:36px;color:#333;margin-top:10px;font-weight:lighter;}

.issues .p-en {font-size:14px;color:#888;line-height:22px;}

.issues .p-seo-item:hover {-webkit-box-shadow:0px 7px 14px 0 rgba(0,0,0,0.18);box-shadow:0px 7px 14px 0 rgba(0,0,0,0.18);}

.issues .p-outlines {position:relative;width:100%;height:100%;overflow:hidden;}

.issues .p-lines {padding:52px 15px 0 15px;position:relative;width:100%;height:100%;}

.issues .p-outlines::before,.issues .p-outlines::after,.issues .p-lines::before,.issues .p-lines::after {content:'';position:absolute;-webkit-transition:-webkit-transform 300ms;transition:-webkit-transform 300ms;-o-transition:transform 300ms;transition:transform 300ms;transition:transform 300ms,-webkit-transform 300ms;z-index:2;}

.issues .p-outlines::before,.issues .p-outlines::after {width:100%;height:1px;background:-webkit-gradient(linear,left top,right top,from(#00abff),to(#0076fe));background:-webkit-linear-gradient(left,#00abff,#0076fe);background:-o-linear-gradient(left,#00abff,#0076fe);background:linear-gradient(to right,#00abff,#0076fe);}

.issues .p-lines:before,.issues .p-lines:after {width:1px;height:100%;}

.issues .p-outlines::before {bottom:0;left:0;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);}

.issues .p-outlines::after {top:0;left:0;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);}

.issues .p-lines:before {left:0;top:0;background:#00abff;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);}

.issues .p-lines:after {right:0;top:0;background:#0076fe;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);}

.issues .p-seo-item:hover .p-outlines::before,.issues .p-seo-item:hover .p-outlines::after {-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}

.issues .p-seo-item:hover .p-lines::before,.issues .p-seo-item:hover .p-lines::after {-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}

.issues .p-seo-item.i-1:hover .p-icon {background-position:-0 -70px;}

.issues .p-seo-item.i-2:hover .p-icon {background-position:-70px -70px;}

.issues .p-seo-item.i-3:hover .p-icon {background-position:-140px -70px;}

.issues .p-seo-item.i-4:hover .p-icon {background-position:-210px -70px;}

.partner {margin:50px 0;}

.partner ul {padding:40px 0;}

.partner li {float:left;background:#fff;width:238px;height:140px;border:solid 1px #efefef;display:flex;display:-webkit-flex;align-content:center;position:relative;cursor:pointer;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}

.partner li img {display:block;margin:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:.2s;-webkit-filter:grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(graysale=1);opacity:.6;}

.partner li:hover img{-webkit-filter:grayscale(0);filter:progid:DXImageTransform.Microsoft.BasicImage(graysale=0);opacity:1;}

.static-wrap {height:385px;background:url(../images/static-bg.jpg) bottom center #fff;}

.static-wrap .num-ul {overflow:hidden;width:1200px;margin:auto;}

.static-wrap .num-ul li {float:left;width:25%;text-align:center;padding-top:60px;}

.static-wrap .num-ul li .num {font-size:30px;color:#33a5dd;}

.static-wrap .num-ul li span {font-size:50px;font-family:UNIQLO;}

.static-wrap .num-ul li .text {font-size:15px;color:#999;}

.static-wrap .point-ul {position:relative;height:220px;}

.static-wrap .point-ul li {width:10px;height:10px;border-radius:50%;background:#84c8e6;position:absolute;}

.static-wrap .point-ul li:nth-child(1) {left:10px;bottom:63px;}

.static-wrap .point-ul li .point1,.static-wrap .point-ul li .point2 {width:20px;height:20px;border-radius:50%;border:solid 1px #7fc8eb;margin:-5px auto 0 -5px;}

.static-wrap .point-ul li:nth-child(1) .point1 {animation:scaleChanges1 1.5s infinite;-webkit-animation-delay:5s;animation-delay:5s;}

.static-wrap .point-ul li .point2 {width:30px;height:30px;border:solid 1px #bbdff2;margin:-25px auto 0 -10px;}

.static-wrap .point-ul li:nth-child(1) .point2 {animation:scaleChanges2 1.5s infinite;-webkit-animation-delay:5s;animation-delay:5s;}

.static-wrap .point-ul li:nth-child(2) {left:234px;bottom:150px;}

.static-wrap .point-ul li:nth-child(2) .point1 {animation:scaleChanges1 1.5s infinite;}

.static-wrap .point-ul li:nth-child(2) .point2 {animation:scaleChanges2 1.5s infinite;}

.static-wrap .point-ul li:nth-child(3) {left:770px;bottom:77px;}

.static-wrap .point-ul li:nth-child(3) .point1 {animation:scaleChanges1 1.5s infinite;-webkit-animation-delay:11s;animation-delay:11s;}

.static-wrap .point-ul li:nth-child(3) .point2 {animation:scaleChanges2 1.5s infinite;-webkit-animation-delay:11s;animation-delay:11s;}

.static-wrap .point-ul li:nth-child(4) {right:43px;bottom:115px;}

.static-wrap .point-ul li:nth-child(4) .point1 {animation:scaleChanges1 1.5s infinite;-webkit-animation-delay:8s;animation-delay:8s;}

.static-wrap .point-ul li:nth-child(4) .point2 {animation:scaleChanges2 1.5s infinite;-webkit-animation-delay:8s;animation-delay:8s;}

@font-face {font-family:UNIQLO;src:url("../other/HelveticaNeueLTPro-ThEx.otf");}

@keyframes scaleChanges1 {0% {transform:scale(1.1);}

25% {transform:scale(1.2);}

50% {transform:scale(1.3);}

100% {transform:scale(1.1);}

}

@keyframes scaleChanges2 {0% {transform:scale(1.2);}

25% {transform:scale(1.4);}

50% {transform:scale(1.6);}

100% {transform:scale(1.2);}

}

/* 产品通栏 内页通栏 */.rotation_box {height:480px;display:flex;justify-content:space-between;position:relative;overflow:hidden;}

.rotation_head {margin-top:120px;display:flex;}

.rotation_head .cloud_shield {text-align:left;height:42px;font-size:45px;font-weight:400;color:rgba(255,255,255,1);line-height:45px;}

.rotation_box p {width:650px;margin-top:8px;font-size:14px;font-weight:400;color:rgba(226,226,226,1);line-height:28px;}

.rotation_btn {margin-top:43px;}

.rotation_btn a {transition:all .3s;}

.rotation_btn .buy_now {position:relative;float:left;width:128px;height:40px;border:1px solid rgba(0,138,255,1);background:rgba(0,138,255,1);border-radius:5px;text-align:center;line-height:40px;font-size:16px;font-weight:300;color:rgba(255,255,255,1);overflow:hidden;}

.rotation_btn .buy_now::before {display:inline-block;content:'';position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;background:#FFF;opacity:.5;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;filter:alpha(opacity=50);-webkit-animation:enlarge 1.3s infinite;-o-animation:enlarge 1.3s infinite;animation:enlarge 1.3s infinite;}

@keyframes enlarge {0% {width:0;height:0}

100% {width:122px;height:122px;background:0}

}

.rotation_btn .counsel {float:left;width:128px;height:40px;border-radius:5px;border:1px solid rgba(255,255,255,1);text-align:center;line-height:40px;margin-left:20px;font-weight:300;color:#fff;box-shadow:0px 3px 8px 1px rgba(7,100,178,0.39);}

.rotation_btn .counsel:hover {border:1px solid rgba(0,138,255,1);background:rgba(0,138,255,1);}

.image_1 {background:url(../images/cdn_banner.jpg) no-repeat center;}

/*高防CDN选购*/

.shop_prod_tabs .hd{padding:20px;border-bottom: 1px solid #EBEFF2;background-color: #FFF;box-shadow: 0 6px 20px rgba(0,0,0,.07);border-top-left-radius: 5px;border-top-right-radius: 5px;}

.shop_prod_tabs .hd .ui-button{font-size:15px;font-weight: 600;color:#888;border:none;border-right: 1px solid #EBEFF2;}

.shop_prod_tabs .hd .ui-button:last-child{border-right:none;}

.shop_prod_tabs .hd .ui-button.ui-button-primary{color:#333;background-color: transparent;}

.third_plate {margin-top:60px;}

.third_plate .container form{/*display:flex;justify-content:space-between;align-items:flex-start;*/}

.shop_districts { 
    position: relative;
    float: left; 
    width: 890px;
    min-height: 600px;
    padding-bottom: 50px;
    padding-top: 20px;
    background: #fff;
    box-shadow: 0 3px 15px 0 rgba(0,0,0,0.1);
    border-radius: 5px;
    margin-right: auto;
    margin-left: auto;
}

.shop_districts .config_item {margin-top:24px;display:flex;position:relative;}

.shop_districts .config_item>p {width:120px;line-height:32px;text-align:right;font-size:14px;font-weight:400;flex-shrink:0;color:rgba(102,102,102,1);}

.shop_districts .config_item>div {margin-left: 29px;}

.shop_districts .config_item .param {padding-top: 4px;}

.shop_districts .config_item .param>p {font-size: 12px;font-weight: 400;color:#666;line-height:30px;}

.shop_districts .config_item .item_radio {margin-left:29px;}

.shop_districts .config_item .item_radio .tips-info{color: rgba(153,153,153,1);font-size:14px;margin-left:10px;}

.shop_districts .config_item .item_radio.bandwidth .ui-spinner{float:right;}

.shop_districts .config_item .item_radio .slider__runway{display:inline-block;width:500px;margin-right:20px;padding-left: 10px;}

.shop_districts .config_item .item_radio .slider__runway .ui-slider{width:100%;height: 3px;background: #fafafa;border-radius: 3px;}

.slider__runway .ui-slider .ui-slider-handle{width: 16px;height: 23px;left: -8px;top: -10px;cursor: ew-resize;border: 1px solid #90a4ae;background: #fff;border-radius: 3px;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);}

.slider__runway .ui-slider .ui-slider-handle:before, .slider__runway .ui-slider .ui-slider-handle:after {content: "";position: absolute;top: 4px;left: 50%;width: 1px;height: 14px;background: #bcc8ce;}

.slider__runway .ui-slider .ui-slider-handle:before {margin-left: -2px;}

.slider__runway .ui-slider .ui-slider-handle:after {margin-left: 1px;}

.shop_districts .tip {margin-top:10px;margin-right:15px;margin-left:150px;font-size:12px;font-weight:400;color:rgba(153,153,153,1);line-height:16px;}

.shop_districts .counter .input-number {width:140px;}

.shop_districts .config_item .unit {margin-left:10px;line-height:32px;font-size:14px;color:#666;}

.shop_districts .attention {margin-top:25px;margin-left:36px;}

.shop_districts .attention p {font-size:14px;font-weight:400;color:rgba(153,153,153,1);line-height:27px;}

.input__inner {-webkit-appearance:none;background-color:#FFF;background-image:none;border-radius:4px;border:1px solid #DCDFE6;-webkit-box-sizing:border-box;box-sizing:border-box;color:#606266;display:inline-block;font-size:inherit;height:40px;line-height:40px;outline:0;padding:0 15px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%;}

.input__inner:hover {border-color:#00a4ff;}

.input__inner.error{border-color:#f4615c;}

.shop_trolley {float:right;width:310px;padding:20px;background:#fff;box-shadow:0 3px 15px 0 rgba(0,0,0,0.1);border-radius:5px;}

.shop_trolley .config_now {margin-top:10px;font-size:16px;font-weight:400;color:rgba(102,102,102,1);}

.shop_trolley .line {margin-top:10px;height:1px;background-color:#dcdfe6;}

.shop_trolley table {margin-top:18px;}

.shop_trolley table tr {height:36px !important;border:none !important;}

.shop_trolley table tr td {height:36px !important;border:none !important;}

.shop_trolley .config_item {line-height:36px;font-size:14px;font-weight:400;color:rgba(153,153,153,1);text-align:right;}

.shop_trolley .config {line-height:36px;font-size:14px;font-weight:400;color:rgba(102,102,102,1);}

.shop_trolley .config_price {margin-top:10px;font-size:14px;font-weight:400;color:rgba(153,153,153,1);}

.shop_trolley .price {font-size:30px;font-weight:400;color:#ed0708;}

.shop_trolley .config_button {margin-top:27px;}

.shop_trolley .cheaper {float:left;margin-left:14px;display:block;width:130px;height:40px;line-height:40px;text-align:center;font-size:14px;font-family:SourceHanSansCN-Normal;font-weight:400;color:rgba(255,255,255,1);border-radius:3px;/* border:1px solid rgba(204,204,204,1);*/    cursor:pointer;background:linear-gradient(180deg,rgba(215,217,41,1),rgba(247,162,115,1));box-shadow:0px 3px 8px 1px rgba(223,166,13,0.39);}

.slider__runway {position:relative;}

.slider__marks {position:absolute;top:20px;left:6px;width:100%;height:100%;}

.slider__marks-text {position:absolute;font-size:14px;color:#909399;margin-top:0;width: 1px;height: 5px;background: #90a4ae;line-height: 40px;}

.input-number {position:relative;display:inline-block;width:180px;line-height:38px;}

.input-number--small {width:130px;line-height:30px;}

.slider__input {float:right;margin-top:3px;width:130px;}

.input-number__decrease,.input-number__increase {position:absolute;z-index:1;top:1px;width:40px;height:auto;text-align:center;background:#F5F7FA;color:#606266;cursor:pointer;font-size:13px;}

.input-number__decrease {left:1px;border-radius:4px 0 0 4px;border-right:1px solid #DCDFE6;}

.input-number__increase {right:1px;border-radius:0 4px 4px 0;border-left:1px solid #DCDFE6;}

.input--small {font-size:13px;}

.input-number--small .input-number__decrease,.input-number--small .input-number__increase {width:32px;height:30px;font-size:13px;}

.input--small .input__inner {height:32px;line-height:32px;}

.input-number--small .input__inner {padding-left:39px;padding-right:39px;height:32px;text-align: center;}

/* 数字加减 */

.input-number__decrease,.input-number__increase {position:absolute;z-index:1;top:1px;width:40px;height:auto;text-align:center;background:#F5F7FA;color:#606266;cursor:pointer;font-size:13px;}

.input-number__decrease.is-disabled,.input-number__increase.is-disabled {color:#C0C4CC;cursor:not-allowed;}

.input-number.is-controls-right .input-number__decrease,.input-number.is-controls-right .input-number__increase {height:auto;line-height:17px;}

.input-number.is-controls-right .input-number__decrease {right:1px;bottom:1px;top:auto;left:auto;border-right:none;border-left:1px solid #DCDFE6;border-radius:0 0 4px;}

/* .input-number--small [class*=icon]{margin-top:5px;} */

.input-number.is-controls-right .input-number__decrease [class*=icon],.input-number.is-controls-right .input-number__increase [class*=icon],.input-number .m-spinner [class*=icon] {-webkit-transform:scale(.5);transform:scale(.5);}

.input-number__increase {right:1px;border-radius:0 4px 4px 0;border-left:1px solid #DCDFE6;}

.input-number.is-controls-right .input-number__increase {border-radius:0 4px 0 0;border-bottom:1px solid #DCDFE6;}



/*单选框*/

.radio-group a{white-space:nowrap;background:#fff;border:1px solid #dcdfe6;font-weight:500;color:#606266;-webkit-appearance:none;text-align:center;box-sizing:border-box;outline:0;margin:0;position:relative;cursor:pointer;transition:all .3s cubic-bezier(.645,.045,.355,1);font-size:12px;border-radius:0;margin-left:-1px;height: 32px;line-height: 32px;padding: 5px 15px;vertical-align: middle;}

.radio-group a:hover{border-color:#8a9099;z-index:1;}

.radio-group a.selected{color:#00a4ff;background-color:#d7e6f8;border-color:#00a4ff;z-index:2;}



.radio-button__inner,.radio-group {display:inline-block;line-height:1;vertical-align:middle;}

.radio-group {font-size:0;}

.radio-button {position:relative;display:inline-block;outline:0;margin-left:-1px;}

.radio-button__orig-radio {opacity:0;outline:0;position:absolute;z-index:-1;}

.radio-button__inner{white-space:nowrap;background:#fff;border:1px solid #dcdfe6;font-weight:500;color:#606266;-webkit-appearance:none;text-align:center;box-sizing:border-box;outline:0;margin:0;position:relative;cursor:pointer;transition:all .3s cubic-bezier(.645,.045,.355,1);padding:8px 15px;font-size:14px;border-radius:0;}

.radio-button:first-child .radio-button__inner {border-left:1px solid #dcdfe6;border-radius:2px 0 0 2px;box-shadow:none!important;}

.radio-button:last-child .radio-button__inner {border-radius:0 2px 2px 0;}

.radio-group .radio-button:first-child:last-child .radio-button__inner {border-radius:2px;}

.radio-button__orig-radio:checked+.radio-button__inner,.radio-button__orig-radio:hover:checked+.radio-button__inner {color:#00a4ff;background-color:#d7e6f8;border-color:#00a4ff;z-index:2;}

.radio-button:hover .radio-button__inner {border-color:#8a9099;z-index:1;}

.row {margin-bottom:0;margin-left:auto;margin-right:auto;margin-top:0;max-width:1200px;width:100%;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;}

.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12 {position:relative;min-height:1px;padding-right:15px;padding-left:15px;}

@media (min-width:768px) {.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12 {float:left;}

.col-sm-6 {width:50%;}

.col-sm-3 {-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%;}

.col-sm-4 {width:33.33333333%;}

.col-sm-12 {width:100%;}

}

.panel {margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 2px 5px rgba(146,146,146,0.1);box-shadow:0 2px 5px rgba(146,146,146,0.1);}

.panel-heading {padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px;}

.panel-default > .panel-heading {color:#333;background-color:#f5f5f5;border-color:#ddd;}

.panel-title {margin-top:0;margin-bottom:0;font-size:16px;color:inherit;}

.panel-title > a,.panel-title > small,.panel-title > .small,.panel-title > small > a,.panel-title > .small > a {color:inherit;}

.collapse {display:none;transition:height .35s ease;}

.collapse.in {display:block;}

.panel-body {padding:15px;}

.panel-body p{margin: 0 0 10px;}

.panel-default > .panel-heading + .panel-collapse > .panel-body {border-top-color:#ddd;}

.margin-top-20 {margin-top:20px;}

.margin-top-40 {margin-top:40px;}

.face-risk {padding:50px 0 !important;background:url(../images/face-bg001.png) no-repeat;background-size:cover;}

.face-risk h2 {color:#fff;}

.face-risk ul {margin:0;padding:40px 0 60px;}

.face-risk li {float:left;background:none;width:300px;padding:0 50px;text-align:center;}

.face-risk li h6 {color:#fff;font-size:16px;margin:0;}

.face-risk li p {color:#999;margin-top:10px;}

.face-risk li i {display:inline-block;width:161px;height:144px;margin:20px 0;background:url('../images/icon-001.png');}

.face-risk li:hover i {background:url('../images/icon-01.png');}

.face-risk li:hover h6 {color:#1678db;}

.face-risk li:nth-child(2) i {background:url('../images/icon-002.png');}

.face-risk li:nth-child(2):hover i {background:url('../images/icon-02.png');}

.face-risk li:nth-child(3) i {background:url('../images/icon-003.png');}

.face-risk li:nth-child(3):hover i {background:url('../images/icon-03.png');}

.face-risk li:nth-child(4) i {background:url('../images/icon-004.png');}

.face-risk li:nth-child(4):hover i {background:url('../images/icon-04.png');}

.web-issue-list {padding-bottom:60px;}

.web-issue-list li {width:23%;height:320px;padding-top:35px;margin:0px 1%;float:left;}

.web-issue-list li:hover {background-color:#fff;-webkit-box-shadow:0 2px 16px rgba(0,0,0,.12);-moz-box-shadow:0 2px 16px rgba(0,0,0,.12);box-shadow:0 2px 16px rgba(0,0,0,.12);}

.issue-title {padding-top:80px;padding-bottom:60px;font-size:36px;color:#555;text-align:center;}

.web-issue-list li a {display:inline-block;width:100%;height:100%;}

.web-issue-list li span {display:block;width:100px;height:100px;margin:0 auto;}

.web-issue-icon {background:url(../images/w-issue-sprite.png) no-repeat;}

.issue_type_01 {background-position:0 0;}

.issue_type_02 {background-position:0 -100px;}

.issue_type_03 {background-position:0 -200px;}

.issue_type_04 {background-position:0 -300px;}

.web-issue-list li a:hover .issue_type_01 {background-position:-100px 0;}

.web-issue-list li a:hover .issue_type_02 {background-position:-100px -100px;}

.web-issue-list li a:hover .issue_type_03 {background-position:-100px -200px;}

.web-issue-list li a:hover .issue_type_04 {background-position:-100px -300px;}

.web-issue-list li a:hover p {color:#059fff;}

.web-issue-list li p {font-size:18px;color:#333;text-align:center;margin:20px 0px 15px 0px;}

.web-issue-list li .issue-introduce {margin:0px 20px;font-size:12px;color:#999;line-height:24px;}

/*优势对比*/

.ground {padding:50px 0;background:#F1F8FE;}

.youshi-wrapper {margin-top:70px;}



.subcptd{background-color:#fff;}

.subcptd .subcptdtit {border: 2px solid #0076fe;font-size: 24px;font-weight: bold;height:72px;line-height: 68px;background: #fff;}

.subcptd em{font-style: normal;}

.subcptd .cttit {width: 559px;font-style: normal;}

.subcptd .bnfltit {background-color: #0076fe;color: #fff;width: 559px;}

.corhui {background-color: #f1f1f1;}

.cptdlist em {display:inline-block;height: 37px;line-height: 20px;overflow: hidden;}

.cptdlist .ctl {background:url(../css/.com/template/Home/Default/PC/Static/css/common/common/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAMAAADzapwJAAAAb1BMVEUAAADf39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f3986YoF7AAAAJHRSTlMA8PXYgXlsYxD54ZeMaD8mzoViU0vGraZfIBoKBOqzr3Q1LSseC+jcAAAAs0lEQVQY02WPVxKDMAxE15gaaggJLT17/zMGW2Zo72dn32hsCUIctVopfQsHrAgUHUl2xzx65QpdOnviBk98xR0P886bB1JgpMHPKRna6FHbjNCZOONLyRstOTrTCmkVNIUIfjpbevDo8IGaR50CwaLnWwLkASJXEjxn25A13J4asmiIRv692JohFi2Vl8bGD8h44IWJ094msdF9stMFLOVmXhVwjOli2wELpX9VE1X2kf4H+gYt3CMBgPkAAAAASUVORK5CYII=) rgba(0,0,0,0) no-repeat scroll 10px 0;font-size: 14px;padding-left: 40px;width:520px;}

.cptdlist .ctc {background-color: #2486ff;color: #fff;font-size: 18px;font-weight: bold;height: 52px;line-height: 52px;padding-top: 0;margin-top:5px;text-align: center;width: 158px;}

.cptdlist .ctr {background:url(../js/.com/template/Home/Default/PC/Static/css/common/common/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAMAAADzapwJAAAAclBMVEUAAAAfdf8fdf8fdf8fdf8fdf8fdf8fdf8fdf8fdf8fdf8fdf8fdf8fdf8fdf8fdf8fdf8fdf8fdf8fdf8fdf8fdf8fdf8fdf8fdf8fdf8fdf8fdf8fdf8fdf8fdf8fdf8fdf8fdf8fdf8fdf8fdf8fdf//bdeYAAAAJXRSTlMA79T2+sutYxjp49q1sIiCe3JrPSAdFfHfvp8SDPmnpJKPSzUCYebqGQAAAK5JREFUGNNl0NkOgjAQheHTIvumKCiCu+f9X1GYIhngu5nkT5pmBk5U5akx9h52UEqPE7OfY+RT8SOIJuZC3Ei2XLEYHLixB/odt3qEy+AfDckKAbUA4fg6Q6prgVLmBWdZwtUQT4ozZL/825K3I650PCQyhmJrPDhJkFG8AfV7O2/zQa736ejs9L0ioODGC4PLuiYYncyymhquW13tCX/FfEavhFIfstTENqgaiB+b4zAnRA1SmgAAAABJRU5ErkJggg==) rgba(0, 0, 0, 0) no-repeat scroll 10px 0;font-size: 14px;padding-left: 40px;width:520px;}



.youshi-item {float:left;width:362px;text-align:center;border-radius:5px;box-shadow:0px 4px 24px 0px rgba(220,220,220,0.45);}

.youshi-item li {font-size:14px;line-height:39px;color:#999;background:#fff}

.youshi-item .youshi-header {border-bottom:1px solid #d3d3d3;background:#f0f0f0;font-size:16px;color:#999;line-height:62px}

.youshi-item .even-row {background:#f7f7f7}

.youshi-our {position:relative;z-index:2;}

.youshi-our {width:466px}

.youshi-our li {color:#999;font-size:16px}

.youshi-item .youshi-header {background:linear-gradient(-118deg,#00c1e0 1%,#098df9 93%);font-size:16px;color:#fff;line-height:62px;border-radius:5px 5px 0 0;}

.youshi-our li.youshi-header {position:relative;color:#fff;font-size:22px;height:63px}

.youshi-our .even-row {background:rgba(0, 170, 255, 0)}

.our-block-extra {position:absolute;left:-2px;right:-1px;height:93px;line-height:93px;bottom:0;z-index:10;background:linear-gradient(-118deg,#00c1e0 1%,#098df9 93%);border-radius:5px 5px 0 0;}

.youshi-our-rec {position:absolute;width:55px;height:55px;right:-5px;top:-3px;background:url(../images/server_icon_recommend.png)}



/*优势*/

.p-se-advantage {height:560px;padding:60px 0;background-repeat: no-repeat;background-position: center;background-size: cover;    background-image:url(../images/p-advant.jpg);}

.p-se-advantage h2{color:#fff;}

.p-advanta-item{float: left;width:20%;height:300px;text-align: center;padding-top: 46px;border-left: 1px solid rgba(255,255,255,.2);position: relative;z-index: 1;}

.p-advanta-item .p-icon{width:60px;height: 60px;margin:0 auto;background:url(../images/issues.png) no-repeat;}

.p-advanta-item.it-1{border-left: none;}

.p-advanta-item.it-1 .p-icon{background-position:-280px -84px;}

.p-advanta-item.it-2 .p-icon{background-position:-340px -84px;}

.p-advanta-item.it-3 .p-icon{background-position:-400px -84px;}

.p-advanta-item.it-4 .p-icon{background-position:-460px -84px;}

.p-advanta-item.it-5 .p-icon{background-position:-520px -84px;}

.p-advanta-item .p-tit{font-size:18px;line-height:1;color: #fff;margin:16px 0px;}

.p-advanta-item .p-des{font-size: 14px;line-height: 24px;color: #888;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;padding: 0px 8px;}

.p-advanta-item::after{content:'';position: absolute;top:0;left: 0;width:0;height: 100%;background: -webkit-linear-gradient(324deg,#00abff,#007bff);background: -o-linear-gradient(324deg,#00abff,#007bff);background: linear-gradient(126deg,#00abff,#007bff);-webkit-transition: all .4s;-o-transition: all .4s;transition: all .4s;z-index: -1;}

.p-advanta-item:hover::after{width: 100%;}

.p-advanta-item:hover .p-des{color: #fff;}

.p-advanta-item:hover + .p-advanta-item{border-color: transparent;}



/*常见问题*/

.section_space.faq {padding:50px 0;}

.faq .panel {margin-top:5px;margin-bottom:0px !important;border:1px solid #eeeded;}

.faq .panel-heading {position:relative;border:0;box-shadow:none;color:#343434;background:#fff;border-radius:0!important;}

.faq .panel-heading h4.panel-title {font-size:14px;font-weight:normal;line-height:1.3;}

.dynamicul {margin-top:20px;}

.dynamicul li {position:relative;z-index:1;width:364px;height:160px;background:#fff;float:left;margin-left:30px;padding:30px;margin-top:30px;transition:0.5s;box-shadow:0 3px 15px 0 rgba(0,0,0,0.1);}

.dynamicul li h3 {font-size:18px;margin-bottom:10px;margin-top:0;line-height: 30px}

.dynamicul li h3 a {color:#212529;}

.dynamicul li p {z-index:1;font-size:14px;color:#888;height:50px;line-height:24px;overflow:hidden;transition:0.2s;padding:0 30px 30px;margin-left:-30px;margin-right:-30px;}

.dynamicul li:hover p{height:auto;background:#fff;;box-shadow:0 3px 15px 0 rgba(0,0,0,0.1);border-radius:5px;padding:30px;}

.dynamicul li:hover {z-index: 9;transform:translate(0px,-5px);box-shadow:0px 5px 20px rgba(0,0,0,0.2)}

.dynamicul li:hover h3,.dynamicul li:hover h3 a {color:#059fff;}

.dynamic_more {width:150px;height:48px;margin:0 auto;border:1px solid #dbdbdb;font-size:14px;text-align:center;line-height:48px;margin-top:40px;transition:0.5s;}

.dynamic_more:hover {background:#c8011c;color:#fff;border:1px solid #c8011c;}

/*站群服务器*/.r-tabs .r-tabs-nav {display:table;margin:0 auto;padding:0;text-align:center;}

.r-tabs .r-tabs-tab {float:left;list-style:none!important;margin:0;}

.r-tabs .r-tabs-panel {display:none;}

.r-tabs .r-tabs-accordion-title {display:none;}

.r-tabs .r-tabs-panel.r-tabs-state-active {display:block;position:relative;}

.website-mall .panel {transition:all .2s;}

.website-mall .panel:hover {transform:scale(1.05,1.05);}

.website-mall .col-sm-6 {padding-left:0;}

.website-mall .pzinfo {height:180px;border:1px solid #7DC8EE;text-align:left;font-size:14px;padding:10px;}

.website-mall .col-sm-6:last-child {padding:0;}

.website-mall .other {border:1px solid #7DC8EE;display:flex;justify-content:space-between;padding:10px 15px;}

.website-mall .other a {color:var(--gray);}

.website-mall .other a:hover {color:var(--primary);}

.website-mall .btn {padding:.375rem 1.75rem;}

.website-mall .panel.active h2,.website-mall .panel.active a {color:var(--light);}

.website-mall .panel.active .btn {border-color:var(--light);}

.website-mall .panel.active .btn:hover {background-color:var(--light);color:var(--dark);}



/*相关产品*/

.relatedPord{margin-top:100px;}

.relatedPord .scenes-box {width:100%;}

.relatedPord .scenes-box ul {width:100%;margin-top:20px;}

.relatedPord .scenes-box ul li {width:230px;height:344px;float:left;margin-right:10px;text-align:center;color:#fff;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;cursor:pointer;}

.relatedPord .scenes-box ul li.list01 {background:url(../images/bg01.png) no-repeat;}

.relatedPord .scenes-box ul li.list01:hover {background:url(../images/bgh01.png) no-repeat;}

.relatedPord .scenes-box ul li.list02 {background:url(../images/bg02.png) no-repeat;}

.relatedPord .scenes-box ul li.list02:hover {background:url(../images/bgh02.png) no-repeat;}

.relatedPord .scenes-box ul li.list03 {background:url(../images/bg03.png) no-repeat;}

.relatedPord .scenes-box ul li.list03:hover,.relatedPord .scenes-box ul li.hover {background:url(../images/bgh03.png) no-repeat;}

.relatedPord .scenes-box ul li.list04 {background:url(../images/bg04.png) no-repeat;}

.relatedPord .scenes-box ul li.list04:hover {background:url(../images/bgh04.png) no-repeat;}

.relatedPord .scenes-box ul li.list05 {background:url(../images/bg05.png) no-repeat;}

.relatedPord .scenes-box ul li.list05:hover {background:url(../images/bgh05.png) no-repeat;}

.relatedPord .scenes-box ul li dl {width:100%;margin:50px 0;}

.relatedPord .scenes-box ul li dl dt.tit {font-size:25px;margin-top:40px;}

.relatedPord .scenes-box ul li dl dd{margin:0;}



/*机房实景*/.room {height:600px;background:url(../images/con_for_bg_al-ni.jpg) center center no-repeat;}

.room h2 {color:#c2cbf0;font-size:32px;}

.room .room1 img {border:1px solid #52607b;margin-bottom:20px;}

.room .container {padding:40px 0;position:relative;}

.room .desc {width:610px;color:#8289a6;font-size:16px;margin:auto;line-height:40px;padding:10px 20px;background:rgba(0,0,0,.2);}

.public-4-box .pb-4-item {-webkit-transition:all .6s;-o-transition:all .6s;transition:all .6s;padding:30px;box-shadow:0 8px 40px -6px rgba(105,104,178,.18);border-radius:10px;background:#fff;}

.public-4-box .pb-4-item:hover {box-shadow:0 8px 50px -6px rgba(84,84,120,.26);-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px);}

.public-4-box .pb-4-item p {color:#999;font-size:14px;}

.introduce-wrap {height:800px;padding-top:50px;background:url("../images/big-banner1.jpg") no-repeat center;}

.introduce-wrap h2 {font-size:32px;color:#fff;}

.introduce-wrap .h4 {font-size:14px;color:#a3a3a3;}

.introduce-wrap .left-ul {float:left;}

.introduce-wrap .left-ul li {width:320px;padding:35px 20px;position:relative;background:#000;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;border-bottom:solid 1px #000;}

.introduce-wrap .left-ul li:hover,.introduce-wrap .left-ul li.hover {background:#1a9fdb;}

.introduce-wrap .left-ul li:hover .descr,.introduce-wrap .left-ul li.hover .descr {color:#fff;opacity:.6;}

.introduce-wrap .left-ul li:hover .triangle,.introduce-wrap .left-ul li.hover .triangle {right:-20px;visibility:visible;}

.introduce-wrap .left-ul img {float:left;margin-right:15px;}

.introduce-wrap .left-ul .tit {font-size:20px;color:#fff;}

.introduce-wrap .left-ul .descr {font-size:14px;color:#666;}

.introduce-wrap .left-ul .triangle {position:absolute;width:0;height:0;border:solid 10px;border-color:transparent transparent transparent #1a9fdb;right:-10px;top:44px;visibility:hidden;-moz-transition:all 0.1s ease-in-out;-o-transition:all 0.1s ease-in-out;-webkit-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;}

.introduce-wrap .right-ul {float:left;width:800px;margin-left:60px;}

.introduce-wrap .right-ul .name {font-size:30px;color:#fff;margin:25px 0;}

.introduce-wrap .right-ul .newname {font-size:24px;color:#fff;margin-bottom:15px;}

.introduce-wrap .right-ul .nview-btn {float:right;font-size:13px;color:#a7a7a7;margin-top:10px;}

.introduce-wrap .right-ul .nview-btn img {margin:3px 0 0 3px;}

.introduce-wrap .right-ul .descr {font-size:14px;color:#999;line-height:32px;}

.introduce-wrap .right-ul .ndescr {font-size:14px;color:#999;line-height:32px;margin-bottom:15px;display:inline-block;}

.introduce-wrap .right-ul .view-btn {font-size:14px;color:#a7a7a7;display:block;width:160px;height:40px;line-height:40px;text-align:center;border:solid 1px #787878;margin:30px 0 40px;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}

.introduce-wrap .right-ul .view-btn:hover {background:#a7a7a7;color:#fff;}

@keyframes bounceUpDown {0% {transform:translate(0px,0px);}

50% {transform:translate(0px,-3px);}

100% {transform:translate(0px,0px);}

}

.tabs-hd li .tabs-hd-item {height:128px;border:1px solid #d7d7d7;transition:all .2s;}

.tabs-hd li.on .tabs-hd-item,.tabs-hd li:hover .tabs-hd-item {position:relative;border-color:#008aff;}

.tabs-hd li .tabs-hd-item .triangle {position:absolute;bottom:-10px;left:50%;opacity:0;width:0px;height:0px;border-top:10px solid #008aff;border-left:8px solid transparent;border-right:8px solid transparent;transition:all .2s}

.tabs-hd li.on .tabs-hd-item .triangle,.tabs-hd li:hover .tabs-hd-item .triangle {opacity:1;}

.tabs-hd li .img {width:55px;height:55px;float:left;margin-top:36px;margin-left:20px;}

.tabs-hd li .img_right {margin-left:20px;overflow:hidden;float:left;width:260px;}

.tabs-hd li .img_right .xbt {font-size:16px;margin-top:35px;margin-bottom:10px;display:block;color:#333;}

.tabs-hd li .img_right .xx {line-height:20px;display:block;color:#787878;font-size:14px;}

.IntSolut {margin-top:100px;margin-bottom:100px;}

.IntSolut .tabs-bd {margin:30px 15px 0;background:#f7f7f7;}

.IntSolut .tabs-bd .d2_left {width:800px;float:left;}

.IntSolut .tabs-bd .d2_left .f1 {display:block;width:750px;margin:30px auto;text-align:right;}

.IntSolut .tabs-bd .d2_left .f2 {display:block;width:750px;margin:0px auto;}

.IntSolut .tabs-bd .d2_right {width:340px;float:right;padding:30px;background:url(../images/jjfa2_div2_d2_right_bj.jpg) top center no-repeat;}

.IntSolut .tabs-bd .d2_right .right_bt {color:#fff;font-size:20px;letter-spacing:2px;margin:0px;font-weight:bold;}

.IntSolut .tabs-bd .d2_right .right_xx {color:#fff;line-height:30px;font-size:16px;letter-spacing:2px;margin:0px;padding-top:20px;padding-bottom:30px;}

.IntSolut .tabs-bd .d2_right .right_xgcp {width:100%;display:block;overflow:hidden;margin-top:30px;}

.IntSolut .tabs-bd .d2_right .right_xgcp ul li {height:53px;line-height:53px;text-align:center;margin-bottom:30px;}

.IntSolut .tabs-bd .d2_right .right_xgcp ul li a {display:block;color:#fff;font-size:18px;border:1px #666 solid;transition-duration:.5s;}

.IntSolut .tabs-bd .d2_right .right_xgcp ul li a:hover {color:#37ACFF;border:1px #37ACFF solid;}

.IntSolut .tabs-bd .d2_right .right_xgcp ul li.bg1 {background:url(../images/jjfa2_div2_d2_right_right_xgcp_01.png) 55px 13px no-repeat;}

.IntSolut .tabs-bd .d2_right .right_xgcp ul li.bg2 {background:url(../images/jjfa2_div2_d2_right_right_xgcp_02.png) 55px 13px no-repeat;}

.IntSolut .tabs-bd .d2_right .right_xgcp ul li.bg3 {background:url(../images/jjfa2_div2_d2_right_right_xgcp_03.png) 55px 13px no-repeat;}

/*申请免费测试*/.consult {text-align:center;z-index:20;padding-top:20px;width:100%;height:252px;color:#fff;margin-top:50px;background:url(../images/footAnimate.png) no-repeat center center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

.consult h2 {color:#fff;}

.consult .btn {font-size:16px;color:#fff;width:179px;height:69px;display:inline-block;background:url(../images/bannerlink.png) no-repeat;line-height:55px;}

/*帮助中心*/.help-main {width:100%;height:469px;background:url(../images/filebanner.jpg) no-repeat center center;}

.search-main {width:770px;margin:0 auto;padding-top:160px;text-align:center;}

.search-main h2 {font-size:32px;color:#fff;margin-bottom:25px;}

.search-main .input-main {width:650px;height:60px;padding-left:25px;border-radius:0;float:left;}

.search-btn {float:left;display:inline-block;width:120px;height:60px;line-height:38px;padding:0 18px;border-radius:0;color:#fff;white-space:nowrap;text-align:center;font-size:14px;border:none;background:#00abff url(../images/search.png) no-repeat center center;}

.help-tabs {margin:0;position:relative;}

.help-tabs .help-tabs-hd {height:80px;position:absolute;top:-40px;left:50%;margin-left:-600px;white-space:nowrap;font-size:0;border-bottom-width:1px;border-bottom-style:solid;transition:all .2s;-webkit-transition:all .2s;-webkit-box-shadow:2px 2px 10px rgba(190,190,190,0.3);-moz-box-shadow:2px 2px 10px rgba(190,190,190,0.3);-ms-box-shadow:2px 2px 10px rgba(190,190,190,0.3);box-shadow:2px 2px 10px rgba(190,190,190,0.3);}

.help-tabs .help-tabs-hd li {display:inline-block;vertical-align:middle;font-size:14px;transition:all .2s;-webkit-transition:all .2s;position:relative;line-height:40px;min-width:65px;padding:0 15px;text-align:center;cursor:pointer;width:400px;height:80px;line-height:80px;font-size:18px;background-color:#fff;border-right:1px solid #ccc;}

.help-tabs .help-tabs-hd .this {color:#fff;background-color:#00abff;border-right:none;}

.help-tabs-bd {margin-top:120px;}

.file-xiugai .col-sm-3 {cursor:pointer;}

.file-xiugai .file-active,.file-xiugai .col-sm-3:hover {border-bottom:5px solid #00abff;}

.file-xiugai .file-xiugai-son2 {font-size:18px;margin:10px auto 30px;}

.file-xiugai-sona .file-xiugai-son2 {background:url(../images/box.png) no-repeat left center;padding-left:35px;background-size:contain;}

.file-xiugai-sona.file-active .file-xiugai-son2 {background:url(../images/box1.png) no-repeat left center;background-size:contain;}

.file-xiugai-sonb .file-xiugai-son2 {background:url(../images/cloud.png) no-repeat 12px center;padding-left:46px;background-size:contain;}

.file-xiugai-sonb.file-active .file-xiugai-son2 {background:url(../images/cloud1.png) no-repeat 12px center;background-size:contain;}

.file-xiugai-sonc .file-xiugai-son2 {background:url(../images/ipp.png) no-repeat 20px center;background-size:contain;padding-left:54px;}

.file-xiugai-sonc.file-active .file-xiugai-son2 {background:url(../images/ipp1.png) no-repeat 20px center;background-size:contain;}

.file-xiugai-sond .file-xiugai-son2 {background:url(../images/eat.png) no-repeat 18px center;background-size:contain;padding-left:52px;}

.file-xiugai-sond.file-active .file-xiugai-son2 {background:url(../images/eat1.png) no-repeat 18px center;background-size:contain;padding-left:52px;}

.footer {width:100%;background:#414956;overflow:hidden;display:block;overflow:hidden;min-width:1200px;}

.footer .div1 {width:1200px;display:block;margin:30px auto;overflow:hidden}

.footer .div1 ul li {width:200px;float:left;height:45px;}

.footer .div1 ul li.bg1 {background:url(../images/footer_ico1.png) left top no-repeat;}

.footer .div1 ul li.bg2 {background:url(../images/footer_ico2.png) left top no-repeat;}

.footer .div1 ul li.bg3 {background:url(../images/footer_ico3.png) left top no-repeat;}

.footer .div1 ul li.bg4 {background:url(../images/footer_ico4.png) left top no-repeat;}

.footer .div1 ul li.bg5 {background:url(../images/footer_ico5.png) left top no-repeat;}

.footer .div1 ul li.bg6 {background:url(../images/footer_ico6.png) left top no-repeat;}

.footer .div1 ul li p {color:#e4e4e4;padding-left:50px;font-weight:bold;}

.footer .div1 ul li span {color:#84868a;padding-left:50px;font-size:14px;}

.footer .div2 {width:100%;display:block;margin:0px auto;overflow:hidden;border-top:1px #575757 solid;background-image:url(../images/footer-banner-34f2f9001f.png);background-position:center bottom;}

.footer .div2 .zhunr {width:1200px;margin:30px auto;overflow:hidden}

.footer .div2 .zhunr .left1 {width:280px;float:left;}

.footer .div2 .zhunr .left1 .wz {color:#e4e4e4;line-height:40px;font-weight:bold;font-size:14px;}

.company-box {margin-top: 80px;}

.company-logo {height: 96px;background: url(../images/bottom_logo.png) no-repeat left;}

.company-logo span {display: inline-block;margin-left: 136px;margin-top: 40px;width: 126px;	height: 40px;background: url(../images/bottom_logo.gif) no-repeat left;}

/*.company-name {margin-top: 20px;line-height: 25px;font-size: 14px;color: #fff;}*/

.footer .div2 .zhunr .zhong1 {width:650px;float:left;}

.footer .div2 .zhunr .zhong1 .gywm {width:150px;float:left;margin-left:20px;margin-right:20px;overflow:hidden;}

.footer .div2 .zhunr .zhong1 .gywm dl {width:100%;}

.footer .div2 .zhunr .zhong1 .gywm dl dt {color:#e4e4e4;text-align:left;margin-bottom:20px;margin-top:10px;font-weight:bold;}

.footer .div2 .zhunr .zhong1 .gywm dl dd {color:#b9bcc5;margin-top:20px;margin-bottom:20px;font-size:14px;margin-left:0;}

.footer .div2 .zhunr .zhong1 .gywm dl dd.frist {background:url(../images/nav_hot.png) 80px 5px no-repeat;}

.footer .div2 .zhunr .zhong1 .gywm dl dd.frist1 {background:url(../images/nav_hot.png) 70px 5px no-repeat;}

.footer .div2 .zhunr .zhong1 .gywm dl dd a {color:#b9bcc5;}

.footer .div2 .zhunr .zhong1 .gywm dl dd a:hover {color:#FFF}

.footer .div2 .zhunr .right1 {width:250px;float:left;}

.footer .div2 .zhunr .right1 .bt {color:#e4e4e4;padding-top:10px;font-weight:bold}

.footer .div2 .zhunr .right1 .phone {width:auto;height:25px;background:url(../other/f_phone.svg) no-repeat;background-size:25px 25px;color:#e4e4e4;text-indent:30px;line-height:25px;font-size:14px;margin-top:10px;}

.footer .div2 .zhunr .right1 .mail {width:auto;height:25px;background:url(../other/f_mail.svg) no-repeat;background-size:25px 25px;color:#e4e4e4;text-indent:30px;line-height:25px;font-size:14px;margin-top:10px;}

.footer .div2 .zhunr .right1 .mahuateng {width:auto;height:25px;background:url(../other/f_QQ.svg) no-repeat;background-size:25px 25px;color:#e4e4e4;text-indent:30px;line-height:25px;font-size:14px;margin-top:10px;}

.footer .div2 .zhunr .right1 .mahuateng a {color:#e4e4e4;font-size:14px;}

.footer .div2 .zhunr .right1 .mahuateng a:hover {color:#f00;}

.footer .div2 .zhunr .right1 .contact {width: auto;margin-left: 1%;}

.footer .div2 .zhunr .right1 .contact dt {font-size: 14px;color: #fff; height: 38px; line-height: 38px;}

.footer .div2 .zhunr .right1 .contact dd {display: inline-block;position: relative;margin: 0px;}

.footer .div2 .zhunr .right1 .contact img {}

.footer .div2 .zhunr .right1 .contact span {display: inline-block;position: absolute;bottom: -5px;color: #fff;font-size: 13px;width: 100%;left: 26px;}

.footer .foot_link {width:1200px;margin:10px auto;height:25px;line-height:25px;font-size:14px;overflow:hidden;transition:all .6s;background:url(../images/f_linkcion.png) no-repeat right 4px;display:block;padding-right:20px;}

.footer .foot_link b {color:#ececec}

.footer .foot_link:hover {overflow:visible;height:100px;transition:all .6s;background:url(../images/f_linkcion.png) no-repeat right 4px;}

.footer .foot_link a {color:#b9bcc5;padding-left:5px;padding-right:5px;}

.footer .beian {width:100%;height:auto;display:block;overflow:hidden;height:50px;line-height:50px;color:#535353;text-align:center;background:#1f1d1e;}

.footer .beian a {color:#535353;}

.footer .beian a:hover {color:#f00}

/* 悬浮客服 */

.right_customers_slide {width:50px;height:300px;position:fixed;top:45%;margin-top:-126px;background:#858F99;right:0;font-size:13px;border-radius:5px 0 0 5px;z-index:999999999;}

.right_customers_slide ul {list-style:none;}

.right_customers_slide>ul>li{position:relative;}

.right_customers_slide .icon li i {display:block;width:50px;height:50px;background:url(../images/icon.png) no-repeat;}

.right_customers_slide>ul>li:hover {background-color:#1F82FC;}

.right_customers_slide .icon li.up i{background-position:-50px -100px;}

.right_customers_slide .icon li.qq i{background-position:0 0;}

.right_customers_slide .icon li.tel i{background-position:0 -150px;}

.right_customers_slide .icon li.skype i{background-position:0 -100px;}

.right_customers_slide .icon li.telegram i{background-position:0 -50px;}

.right_customers_slide .icon li.down i{background-position:-50px -150px;}

.right_customers_slide_index_cy,.right_customers_slide_index_cy2{position:fixed;right:0;top:50%;margin-top:140px;width:30px;height:30px;background:url(../images/index_cy.png);cursor:pointer;z-index:999999999;}

.right_customers_slide_index_cy {background-position:62px 0;}

.right_customers_slide_index_cy2 {background-position:30px 0;}

.right_customers_slide .icon li:hover .f-qq-list {display: block;}

.f-qq-list {width:325px;position: absolute;right:50px;bottom: -135px;border: 1px solid #1F82FC;background-color: #fff;padding: 26px 26px 19px 26px;font-size: 12px;line-height: 1;display: none;}

.f-qq-item {word-break: keep-all;padding-bottom: 7px;}

.f-qq-tit a {color: #353B43;}

.f-qq-item li {padding-bottom: 15px;}

.right_customers_slide .icon li.qq .f-qq-item li{width:50%;display:inline-block;}

.right_customers_slide .icon li.qq .f-qq-item li.f-qq-tit {font-weight: 600;width:100%;}

.f-qq-item:last-child li:last-child {padding-bottom: 0;}

.f-qq-w {display: inline-block;}

.f-qq a {color: #999;}

.f-qq-item li>span:nth-child(2) {padding-left: 57px;}

.f-qq span,.f-qq img {vertical-align: middle;}

.right_customers_slide .icon li .aside-icon-hover {display: none;position: absolute;top: 0;right: 100%;height: 100%;padding: 0 10px;color: #fff;background-color: #1F82FC;display: none;width: 12rem;line-height: 45px;text-align: center;}

.right_customers_slide .icon li:hover .aside-icon-hover {display: block;}

@media screen and (max-width:1050px) {.right_customers_slide {display:none;}

}

.title {position:absolute;left:150px;bottom:1px;color:#fff;line-height:1;text-align:center;-webkit-transition:all 0.6s;-ms-transition:all 0.6s;-moz-transition:all 0.6s;background-color:#fff;box-shadow:0px 0px 10px rgba(0,0,0,.3);z-index:-99;opacity:0;}

.title:before {content:'';display:block;width:10px;height:10px;position:absolute;right:-5px;bottom:14px;background-color:#fff;transform:rotate(45deg);}

.title .tit-img {width:165px;}

.title img {padding:18px 18px 18px 18px;}

.title >p {font-size:14px;font-weight:300;color:#0067ED;width:200px;padding:25px 0;}

.fx-ul li:hover .title {left:-220px;opacity:1;}

.fx-ul li.fx-shop i {background:url("../images/consultation.png") no-repeat;background-position:center center;background-size:auto;padding:23px 0;display:block;}

.fx-ul li a {font-size:12px;font-weight:300;color:#FFFFFF;line-height:18px;text-align:center;}

.fx-ul li.fx-contact i {background:url("../images/weChat.png") no-repeat;background-position:center center;background-size:auto;padding:23px;display:block;}

.fx-ul li.fx-contact .title {background-color:#ffffff;}

.fx-ul li.fx-contact .title:before {background-color:#ffffff;}

.fx-ul li.fx-top {cursor:pointer;}

.fx-ul li.fx-top i {background:url("../images/top.png") no-repeat;background-position:center center;background-size:auto;padding:23px;display:block;}

.fx-ul li.fx-phone i {background:url("../images/phone.png") no-repeat;background-position:center center;background-size:auto;padding:23px;display:block;}

@media screen and (max-width:768px) {.fixed-menu {display:none;}

}

.glide {position:relative;width:100%;box-sizing:border-box}

.glide * {box-sizing:inherit}

.glide__track {overflow:hidden}

.glide__slides {position:relative;width:100%;list-style:none;backface-visibility:hidden;transform-style:preserve-3d;touch-action:pan-Y;overflow:hidden;padding:0;white-space:nowrap;display:flex;flex-wrap:nowrap;will-change:transform}

.glide__slides--dragging {user-select:none}

.glide__slide {width:100%;height:100%;flex-shrink:0;white-space:normal;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}

.glide__slide a {user-select:none;-webkit-user-drag:none;-moz-user-select:none;-ms-user-select:none}

.glide__arrows {-webkit-touch-callout:none;user-select:none}

.glide__bullets {-webkit-touch-callout:none;user-select:none}

.glide--rtl {direction:rtl}

.glide__bullets {position:absolute;z-index:2;bottom:3em;left:50%;display:inline-flex;list-style:none;transform:translateX(-50%)}

.glide__bullet {background-color:rgba(255,255,255,0.5);width:10px;height:10px;padding:0;border-radius:10px;border:2px solid transparent;transition:all 300ms ease-in-out;cursor:pointer;line-height:0;box-shadow:0 0.25em 0.5em 0 rgba(0,0,0,0.1);margin:0 0.25em}

.glide__bullet:focus {outline:none}

.glide__bullet:hover,.glide__bullet:focus {border:2px solid white;background-color:rgba(255,255,255,0.5)}

.glide__bullet--active {width:36px;background-color:white}

.glide--swipeable {cursor:grab;cursor:-moz-grab;cursor:-webkit-grab}

.glide--dragging {cursor:grabbing;cursor:-moz-grabbing;cursor:-webkit-grabbing}

.glide__arrow {cursor:pointer;padding:0;background-color:transparent;border:0;outline:0;}

.slider__arrow {position:absolute;top:50%;z-index:1;width:24px;height:24px;margin-top:-9px;border-radius:50%;background-color:#818999;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-webkit-box-shadow:0 0.5rem 4rem 0 rgba(0,0,0,.5);box-shadow:0 0.5rem 4rem 0 rgba(0,0,0,.5);}

.slider__arrow--prev {left:1.5rem;}

.slider__arrow--next {right:1.5rem;}

svg:not(:root) {overflow:hidden;}

.slider__arrow:hover {background-color:#ed145b;}





/*新高防服务器样式2020-05-19*/

@font-face {

  font-family: 'iconfont';  /* project id 1828187 */

  src: url('../other/font_1828187_p5mwpm3gfyq.eot');

  src: url('../other/font_1828187_p5mwpm3gfyq.eot?#iefix') format('embedded-opentype'),

  url('../other/font_1828187_p5mwpm3gfyq.woff2') format('woff2'),

  url('../other/font_1828187_p5mwpm3gfyq.woff') format('woff'),

  url('../other/font_1828187_p5mwpm3gfyq.ttf') format('truetype'),

  url('../other/font_1828187_p5mwpm3gfyq.svg#iconfont') format('svg');

}

.iconfont{font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;}

.grid {display: flex;flex-wrap: wrap;justify-content: center;}

.grid.grid-square>.grid-item {margin-right: .75rem;margin-bottom: .75rem;}

.grid.grid-2.grid-square>.grid-item {width: calc((100% - .75rem)/2);}

.grid.grid-3.grid-square>.grid-item {width: calc((100% - 1.5rem)/3);}

.grid.grid-4.grid-square>.grid-item {width: calc((100% - 2.25rem)/4);}

.grid.grid-5.grid-square>.grid-item {width: calc((100% - 3rem)/5);}

.grid-2 .grid-item:nth-child(2n) {margin-right: 0;}

.grid-3 .grid-item:nth-child(3n) {margin-right: 0;}

.grid-4 .grid-item:nth-child(4n) {margin-right: 0;}

.grid-5 .grid-item:nth-child(5n) {margin-right: 0;}

.yun-prod{box-shadow: 0 0 35px rgba(140, 152, 164, 0.125);}

.yun-prod .yun-prod-header{background:#2486ff;/* padding:30px; */border-radius:4px 4px 0 0;position:relative;min-height:160px;text-align:center;overflow:hidden;}

.yun-prod .yun-prod-header h3{color:#fff;font-size:24px;font-weight:400;margin-bottom:10px;}

.yun-prod .yun-prod-header p{color:#fff;margin-bottom:1rem;font-size:12px;}

.yun-prod .yun-prod-header p i{font-size:22px;color:#fff;font-style:normal;}

.yun-prod .yun-prod-header p em{font-size:40px;color:#fff;font-style:normal;}

.yun-prod .yun-prod-header img{position:absolute;bottom:-25px;left:0;right:0;width:100%;}

.yun-prod .yun-prod-header b{position:absolute;right:-3.7rem;top:.5rem;z-index:10;width:10rem;line-height:2rem;background:#2DB7F5;color:#fff;font-size:.75rem;text-align:center;font-style:normal;transform:rotate(45deg);font-weight:normal;}

.yun-prod .yun-prod-body{padding:0 20px 20px 20px;position:relative;}

.yun-prod .yun-prod-body li{padding:5px 0;color:#777;font-size:12px;}

.yun-prod .yun-prod-body li .ui-select{height:32px;}

.yun-prod .yun-prod-body li .ui-select-button{height:32px!important;padding: 6px 27px 6px 12px;}

.yun-prod .yun-prod-body li .ui-select-icon{top:5px;}

.yun-prod .yun-prod-body li .ui-select-text{font-size:12px;}

.yun-prod .yun-prod-body .select{width:100%!important;}

.yun-prod .yun-prod-body li .ui-icon{background:#EBF2FF;color:#377DFF;display:inline-block;width:26px;height:26px;line-height:26px;border-radius:50%;text-align:center;margin-right:15px;margin-top:-2px;}

.yun-prod .yun-prod-body li .ui-icon i{font-size:14px;font-weight:600;}

.transition-3d-hover{transition:all 0.2s ease-in-out}.transition-3d-hover:hover,.transition-3d-hover:focus{-webkit-transform:translateY(-3px);transform:translateY(-3px)}

.yun-prod .yun-prod-body li.active{color:#333;}

.yun-prod .yun-prod-body li.active.red{color:#f30;}

.yun-prod .yun-prod-body .ui-button{margin-top:20px;}

.table-row {width: 100%;background-color: #fff;border-bottom: 1px solid #DAE1E7;display: flex;align-items: center;justify-content: space-between;min-height: auto;padding: 20px;}

.table-row .table-cell.table-cell-first {width: 12%;padding: 0;}

.table-row .table-cell {text-align: left;width:24%;}

.table-cell.table-cell-last{width:56%;}









.pt {box-shadow:0px 0px 5px 1px rgba(238,238,238,1);}

.Title-cx {background:#1C8EF2;height:60px;padding:15px 22px;}

.Title-cx h3 {font-weight:500;font-size:22px;color:#fff;float:left;line-height:32px;margin:0;}

.Title-cx a {font-size:15px;padding:4px 36px 4px 24px;background:#ff2200;color:#fff;float:right;transition:all 0.4s;}

.Title-cx span {top:18px;right:50px;position:absolute;}

.pt__header [data-sort-order=asc]:after,.pt__header [data-sort-order=desc]:after {content:"";transform-origin:center center;width:9px;height:13px;background:url(../images/desc.gif) no-repeat;background-size:9px;position:absolute;right:20%;top:40%;}

.pt__header [data-sort-order=desc]:after {transform:rotate(180deg);}

.pt__header {display:flex;text-align:center;color:#fff;background:#1C8EF2;font-size: 15px;font-weight: bold;min-height: 40px;}

.pt__header .pt__cell:first-child,.pt__row-content .pt__cell:first-child {width:26%;position:relative;overflow:hidden;}

.pt__header .pt__cell:nth-child(2),.pt__row-content .pt__cell:nth-child(2) {min-width:8%;}

.pt__header .pt__cell:nth-child(3),.pt__row-content .pt__cell:nth-child(3) {min-width:17%;}

.pt__header .pt__cell:nth-child(4),.pt__row-content .pt__cell:nth-child(4) {min-width:12%;}

.pt__header .pt__cell:nth-child(5),.pt__row-content .pt__cell:nth-child(5) {min-width:13%;}

.pt__header .pt__cell:nth-child(6),.pt__row-content .pt__cell:nth-child(6) {min-width:14%;}

.pt__header .pt__cell:nth-child(7),.pt__row-content .pt__cell:nth-child(7) {min-width:11%;}

.pt__header .pt__cell:nth-child(8),.pt__row-content .pt__cell:nth-child(8) {width:4% !important;cursor:auto;}

.pt__header .pt__cell {width:14%;position:relative;cursor:pointer;}

.pt__cell {transition:color .3s;display:flex;align-items:center;width:14%;font-size:14px;}

.pt__cell .p10{padding:10px;}

.pt__cell .p20{padding:20px;}

.pt__row-content {display:flex;cursor:pointer;transition:border-top .3s;border-top: 1px solid #edeef2;}

.pt__header [data-sort-order=asc],.pt__header .p10 [data-sort-order=desc] {color:#1c8ef2 !important;}

.pt__cell.pt__cell-price .pt__btn {cursor:pointer;text-align:center;height:26px;width:26px;line-height:26px;min-width:26px;border:1px solid  #007bfc;border-radius:100px;margin:0 auto;position:relative;background:url(../images/zkan.png) no-repeat 50%;background-size:18px;transition:all 0.3s;}

.pt__row.is-open .pt__cell.pt__cell-price .pt__btn {background:#fff url(../images/zkan.png) no-repeat 50%;background-size:18px;border:none;transform:rotate(135deg);transition:all 0.3s;}

.pt__row {position:relative;}

.pt__row.is-open {border-top:0;}

.pt__row:last-child {padding-bottom:0;}

.pt__row.is-open:before {opacity:1;visibility:visible;}

.pt__row:before {will-change:opacity;content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;transition:opacity .3s,visibility .3s;opacity:0;visibility:hidden;background:linear-gradient(160deg,rgba(13,101,253,1),rgba(41,138,255,1));}

.pt__row.is-open .pt__row-collapse {display:block;}

.pt__row.is-open .pt__cell,.pt__row.is-open .pt__score.pt__score--faded {color:#fff;}

.pt__row.is-open .pt__cell-price-monthly {color:#FFF600;}

.pt__row.is-open .pt__cell-speedometer__arrow,.pt__row.is-open .pt__cell-speedometer__senior {background:#fff;color:#ff8800;}

.heat.is-open,.high.is-open {background:linear-gradient(160deg,rgba(13,101,253,1),rgba(41,138,255,1));border:none;}

.pt__row-collapse {padding:24px 0 30px;width:100%;display:flex;flex-direction:column;border-top:1px solid rgba(229,235,255,.3);display:none;}

.classification {float:left;}

.pt__row-collapse-cx {margin:10px 30px;}

.classification h3 {font-size:13px;color:#fff;margin-bottom:10px;font-weight:400;}

.classification p {font-size:13px;color:#fff;margin-top:16px;}

.classification p span {font-size:20px;font-weight:bold;margin-left:6px;}

.classification .Price h3 {margin:0;}

.classification .Price p {margin-top:0;}

.Hard-disk,.system,.service,.time {margin-left:30px;}

.Price-Button {float:right;text-align:right;}

.classification .select{font-size:14px;width:150px;}

/*下拉框美化*/

.disabled {opacity: .4;filter: alpha(opacity=40);cursor: default;-ms-pointer-events: none;pointer-events: none;}





:root .ui-dialog-footer{max-height:68px!important;}

.ui-select-button{height:40px!important;}

.ui-lightip{height:50px!important;}



/*登录弹窗 快捷登录*/

.auth-form .btn{width:100%;}

.input-group{margin-bottom: .5rem;overflow: hidden;}

.input-box{position: relative;margin-bottom: .8rem;}

.captcha-box{position:absolute;top:0;right:0;height:37px;}

.captcha-box img{height:100%;}

.input{padding: 10px;width: 100%;border: 1px solid #e9e9e9;border-radius: 2px;outline: none;box-sizing: border-box;}

.input:focus {border-color: #007fff;}

.prompt-box{font-size:14px;margin: 1rem 0 0;color: #767676;}

.prompt-box .clickable{color: #007fff;cursor: pointer;}

.prompt-box .right{float: right;}

.prompt-box .clickable{color: #007fff;cursor: pointer;}

.agreement-box{font-size:14px;margin-top: 1.667rem;color: #767676;}

.agreement-box a{color: #007fff;}

.more-sign {margin-top:20px;}

.more-sign h6 {position: relative;margin: 0 0 10px;font-size: 12px;color: #b5b5b5;text-align:center;}

.more-sign h6:before {left: 30px;}

.more-sign h6:after {right: 30px;}

.more-sign h6:after, .more-sign h6:before {content: "";border-top: 1px solid #e3e3e3;display: block;position: absolute;width: 60px;top: 5px;}

.more-sign ul {list-style: none;text-align:center;}

.more-sign ul li {margin: 0 5px;display: inline-block;}

.more-sign ul a {width: 32px;height: 32px;display: block;}

.more-sign ul a.weixin{background:url(../css/.com/template/Home/Default/PC/Static/css/common/common/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAilBMVEUAAAAAxwAAyAAAyQAAyAAAyAAAyAAAyAAAxwAAyAAAyQAAyAAAyAAAyAAAyAAAyQAAyQAAyAAAxgAAzgAAyAAAyAAAyQAAyAAAyAAAxwAAxwAAwwAAyQAAyAAAyAAAyAAAyQAAyAAAxwAAyAAAyAAAyAAAxgAAxgAAyAAAxwAAyQAAxQAAzAAAyAC0RZHzAAAALXRSTlMAOrKAaSyOcWFaP/fu1s7An5odFfGqlnpsTxIM6eLc0sWtrXRlTEQ2qIlRGgVOhU5JAAABCklEQVQ4y72S15qDIBBGRwMo2EssSTZl07bx/q+3DBoF2c1lzgU4859PFIDXUQnSZJ+c/hOXTI4c2hJcgjc5UzdOnkub9SJfWalrhNg6VXcdXYayNYUUOwIgw1nVOCVGvpG6U4V6Xo0Lfs2CkAvSouM88LbTL9px3N78HT5ERz4IxMp9webi3UOhN/MdTS0fjbI2GvxDWhy+ldEYC+hfCKuTGgnkuAookklgPo4UCjX2esvqHzSih0BiPeXDlkxfAZvkIUiHAJDrWF1cgWhhrV6YZ3t5PjrCTQuyGDeWLXMfEI9OJ5fa+d65o/fIOhgBDn0259EV4OkNjuFvtl5X+GcPmCzhObSDl/AL+1VOUsd6e7QAAAAASUVORK5CYII=);}

.more-sign ul a.qq{background:url(../js/.com/template/Home/Default/PC/Static/css/common/common/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAABvFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD6rwUAAAAAAAD7rQn2qggAAADpHigAAAACAQAAAACIEBYoHAEAAAAAAAAAAAAAAAAAAAAAAAD5rAgAAAAAAAD4qwf7rgjuGykAAADyr7LneH3jiY3eeH0uBQfrowjiKjTQR03WO0L6rQjnGyX5rQj5rQhfCxAAAAB7ERdFCAr5rQgoBQbgGiW0Fh3NGSFNCgygExpcCw8AAADeGyN0DhMWDgFqDRHMGSEAAABVOgMcFAG7FR6hExo/LAHJiweCWQSOERbrHSeTZgT5rQgAAACMYgVZCg+yFR37rQjsHCf4rAkAAAAAAAD5rQb6rQn1rQoAAAD/Kir/qgAAAAD////rHCb6rQi/v7/6xsh/f38SEhL1jpMcHBxgQgP19fXV1dXMzMywsLCfn5+ZmZmRkZGMjIxsbGxqampWVlbooQeqdQWGXQRnRwNKMwIvIQH/+vr84uTi4uL7zM/FxcW1tbWqqqr3pqryZGpmZmbwXWVdXV1QUFDuQkpFRUVEREQ7OzszMzMtLS0QEBDXlQfBhQaveQaBWQQRAgNELwJBLQLEqKglAAAAXXRSTlMAQQx/pCTjsIlKLicTEvv59+jd1Ma+vZ+WeGljPy8qJh8cB/7++/j08/Dt6+vp5OPh39zb2dnX0tDQzcvLysrJxsTEwMC+vr69vbayrKqqop2Vf3Z1bF1ROBkZBgZxktbyAAABnElEQVQ4y5WSdXciMRRHByhQaGm37rru7u7uLndmWArU3Vbq7vaFm9RIGHpOe//M757kvbxn7A93hsvr3j0OpCFJC6SOvRvxppKRSigkwYMU75QCdREEkToodpaXBzSaQ9BsNkK245ESBPUdDRAO1wPpSXmtD0FTRzvSAHJqk1pA0mmOQqRhGoFXF1xI+np7urt7evsQuHThC7DcZW+xsApluuBBEF/MknHX0hrg0YV3F7OR9Mfj/Uguv9CFl5Z1+/7jJ/n3rt+8k3/j6rXTllWj5jUHLAcfVeG95eTKT0XI5eiFk8otx0+cW1EbDchBmdbk2MihI4cP/v/7x2wFihJCOhAzLcFvc5NmBJk7gh+Y04Qm/TPPc4sZTQgjKN3OM6FM1DAcjUa3hVZ8RRQnJuWpgAFToRP/j7zCnW3yGG4fbaoQE7Oo1JbmM7NKHsEvzioNlTe0JATZooMSJv5ttRDLqXDEVZ/OvsqdH28bbGmfouDS66/Jgn3Gto+9fVhw99HT589sO+vUByOZULA8WPU9FKoOfiuv/mXsmXVd6K8zkdR4fAAAAABJRU5ErkJggg==)}



.about-area-nav{height: 60px;line-height: 60px;color: #657493;background-color: #f6f9fc;}

.about-area-nav ul{text-align: center;text-align-last: center;}

.about-area-nav ul li{display: inline-block;width: 80px;margin: 0 34px;}

.about-area-nav ul li a{display:block;color: #657493;}

.about-area-nav ul li.cur a,.about-area-nav ul li a:hover{color:#00aaff;border-bottom: 2px solid #00aaff}



.mods {margin-top: 78px;}

.mods .mode_title {height: 34px;line-height: 34px;text-align: center;font-size: 28px;color: #333;}

.mods .mode_title:before, .mods .mode_title:after {content: "";width: 105px;height: 31px;background-size: 100% 100%;background-repeat: no-repeat;vertical-align: top;display: inline-block;}

.mods .mode_title:before {margin-right: 30px;background-image: url(../images/title_l.png);}

.mods .mode_title:after {margin-left: 30px;background-image: url(../images/title_r.png);}

.mods .mode_desc {line-height: 28px;margin: 18px auto 0 auto;font-size: 18px;color: #333;text-align: center;}



/* 荣誉资质 */

.honor_container .mode_main {position: relative;margin: 40px auto 0 auto;}

.honor_swiper {width: 1140px;margin: 0 auto;overflow: hidden;}

.honor_swiper img {width: 270px;height: 383px;}

.honor_container .mode_main .prev_btn, .honor_container .mode_main .next_btn {position: absolute;top: 50%;margin-top: -25px;width: 25px;height: 50px;background-position: center center;background-repeat: no-repeat;cursor: pointer;}

.honor_container .mode_main .prev_btn {left: 0;background-image: url(../images/prev_btn_1.png);}

.honor_container .mode_main .next_btn {right: 0;background-image: url(../images/next_btn_1.png);}



.about_container .mode_main {margin-top: 35px;position: relative;}

.about_l {width: 576px;height: 338px;background: url(../images/stage.png) center no-repeat;background-size: 100% 100%;position: absolute;}

.about_r {width: 780px;min-height: 265px;padding: 0 20px 0 180px;margin: 115px 0 0 0;background: #fafafa;font-size: 18px;color: #333;}

.about_r:before {content: "“";width: 35px;height: 30px;margin-top: -61px;display: block;font-family: fantasy;font-size:100px;}

.about_r .about_desc {padding: 32px 0 17px 0;display: block;}





.office_container {margin-top: 128px;}

.office_container ul {margin-top: 60px;}

.office_container li {margin: 0 0 22px 30px;float: left;overflow: hidden;}

.office_container li:first-child {margin-left: 0;}

.office_container li img {display: block;transition-delay: .1s;transition-duration: .3s;}

.office_container li:hover img {transform: scale(1.2);}





.corporate_culture_container {padding: 56px 0 90px 0;background: #f7f8fa;}

.corporate_culture .img {width: 247px;height: 247px;margin: 0 auto;background-repeat: no-repeat;background-size: 100 100%;transition-duration: .3s;}

.corporate_culture{text-align:center;margin-top:60px;}

.corporate_culture li{float:left;width:25%;}

.corporate_culture li:hover .img {transform: translateY(-10px);}

.corporate_culture .c_img_1 {background-image: url(../images/shape_12.png);}

.corporate_culture .c_img_2 {background-image: url(../images/shape_13.png);}

.corporate_culture .c_img_3 {background-image: url(../images/shape_14.png);}

.corporate_culture .c_img_4 {background-image: url(../images/shape_15.png);}

.corporate_culture>li>p {width: 245px;}

.corporate_culture>li>h3 {line-height: 54px;margin-top: 10px;font-size: 18px;color: #333;font-weight: normal;}

.corporate_culture>li>h3:after {content: "";width: 30px;height: 1px;margin: 0 auto;background-color: #333;display: block;}

.corporate_culture>li>p {line-height: 28px;margin: 15px auto 0 auto;color: #999;font-size: 18px;text-align: left;}



.fb-type-reminder{font-size: 12px;font-style: inherit;}



.sidebar-left{float:left;width:300px;background: #fff;}

.sidebar-right {float: right;width:870px;background: #fff;border: 1px solid #f3f3f3;padding: 10px 30px;box-shadow: 0 0 40px rgba(150,150,150,.2);}

.sidebar-left .nnn{box-shadow: 0 0 40px rgba(150,150,150,.2);}

.sidebar-left .nnn li a {display: block;  width: 300px;  height: 80px;  line-height: 80px;  padding-left:80px;  font-size: 16px;color:#555;border-bottom: 1px solid #f4f4f4;background-size: 8%;background-position:48px center;background-repeat:no-repeat;}

.sidebar-left .nnn li:nth-of-type(1) {  width: 300px;  height: 100px;  line-height: 100px;  padding-left:50px;  background: #00abff;  color: #fff;

  font-size: 22px;}

.sidebar-left .nnn li.active a { color: #00abff;}

.sidebar-left .nnn li:first-of-type, .sidebar-left .nnn li:last-of-type {border-bottom: none;}

.sidebar-left  .nnn li.active a,.sidebar-left  .nnn li a:hover{background-color: #fafafa;}



.side-content-bottom {width: 100%;padding: 20px;background-color: #fff;margin-top: 10px;box-shadow: 0 0 40px rgba(150,150,150,.2);}

.side-content-bottom .text {float: left;color: #222;font-size: 18px;width: 76px;height: 40px;border-bottom: 1px solid #00abff;}

.side-content-bottom .text .article {color: #00abff;margin-left: -5px;}

.side-content-bottom .more {position: relative;float: left;width: 154px;height: 40px;border-bottom: 1px solid #e7e7e7;}

.side-content-bottom .more a {position:absolute;right:0;top:0;width:19px;height: 19px}

.side-content-bottom .more a:hover {background-image: url(../images/more2-1.png);}



.hot-list li {padding-top: 18px;width: 250px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}

.hot-list a {color: #333;}

.hot-list li:hover a {color: #00abff;}

.hot-list span {font-size:22px;padding:0 6px;color:#00aaff}





.news-list li {position:relative;width: 100%;height:160px;color:#666;padding-top:30px;border-bottom:1px solid #e6e6e6;background-color: #fff;}

.news-list li .news-text {float:left;width: 730px;height: 120px;padding-left: 30px;color: #666;position: relative;}

.news-list li .news-text .news-title {font-size:20px;color: #000;width: 770px;margin:0;font-weight:600;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}

.news-list li .news-text .news-title a{color: #666;}

.news-list li .news-text .news-title a:hover{color:#00abff;}

.news-list li .news-text .desc{font-size:14px;margin-top:15px;}

.news-list li .xinwen_time {  float: left;  width: 70px;}

.news-list li .xinwen_time .xinwen_time_yue {  display: block;font-style: inherit;  width: 100%;  height: 23px;  background-color:#858F99;  color: #fff;  font-size: 14px;  text-align: center;  line-height: 23px;}

.news-list li .xinwen_time .xinwen_time_hao {  display: block;  width: 100%;  height: 50px;  border: 1px solid #858F99;border-top: 0 none;font-size: 20px;color: #858F99;line-height: 50px;text-align: center;}

.news-main-content h2 {width: 810px;font-size: 22px;margin: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.news-article-subtitle {padding: 10px 0;border-bottom: 1px solid #e7e7e7;font-size: 12px;color: #ababab;}

.news-article-main {padding-top: 20px;line-height: 26px;font-size: 14px;}

.news-article-main p {margin-top: 20px;}

.news-article-main img {display:block;max-width: 100%;}

.links {margin-top: 1px;margin-bottom: 0;height: 70px;line-height: 70px;}



.links li a {display: block;color: #999;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}

.links li:hover a {color: #00abff;}

.links li.first {float: left;width: 360px;margin-right: 1px;padding-left: 50px;padding-right: 30px;text-align: left;background: #fff url(../images/arr-l.png) no-repeat 30px center;}

.links li.last {float: left;width: 445px;padding-right: 50px;padding-left: 30px;text-align: right;background: #fff url(../images/arr-r.png) no-repeat 410px center;}



.animated {

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

}

@-webkit-keyframes fadeInUp {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



@keyframes fadeInUp {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



.fadeInUp {

  -webkit-animation-name: fadeInUp;

  animation-name: fadeInUp;

}



.index-text-view {text-align: center;top: 233px!important;flex-direction: column!important;display: flex;justify-content: space-between;align-items: center;position: absolute;left: calc(50% - 330px);top: 20px;font-size: 14px;color: #fff;line-height:20px;}

p.index-text-content,p .index-text-title {color: #fff;line-height: 30px;}

p.index-text-title {font-size: 40px;}

p.index-text-content {font-size: 16px;text-align: center; padding-top:20px;}



.fwzc_div2 li{width:285px;margin-right:20px; height:280px; float:left;box-shadow: 0px 0px 20px #dedede; background:#FFF; margin-top:20px; margin-bottom:20px; border-radius:5px;}

.fwzc_div2 li.last{margin-right:0px;}

.fwzc_div2 li .img{ width:100px; height:100px; margin:20px auto;background:url(../images/w-issue-sprite.png) no-repeat;}

.fwzc_div2 li .img1{background-position:-100px 0;}

.fwzc_div2 li .img2{background-position:-100px -100px;}

.fwzc_div2 li .img3{background-position:-100px -200px;}

.fwzc_div2 li .img4{background-position:-100px -300px;}

.fwzc_div2 li .d1{ text-align:center; width:100%; display:block; font-size:18px; color:#333}

.fwzc_div2 li .d2{ display:block; font-size:15px; width:220px; margin:20px auto; line-height:25px;color:#666}



.fwzc_div3 li{width:580px;float:left; height:690px;box-shadow: 0px 0px 20px #d1d1d1; border-radius:5px; margin-bottom:50px}

.fwzc_div3 li.fr{float:right;}

.fwzc_div3 li .d1{ height:75px; line-height:75px; width:100%; display:block; overflow:hidden;color:#FFF;font-size:20px;background: linear-gradient(-118deg,#00c1e0 1%,#098df9 93%); text-indent:40px;border-top-left-radius:5px;border-top-right-radius:5px;}

.fwzc_div3 li .d1_1{ height:75px; line-height:75px; width:100%; display:block; overflow:hidden;color:#fff;font-size:20px; background:linear-gradient(to right,#474747, #c9c9c9); text-indent:40px;border-top-left-radius:5px;border-top-right-radius:5px;}

.fwzc_div3 li .d2{width:100%; display:block; overflow:hidden}

.fwzc_div3 li .d2 dl dd{color:#666; height:100px; border-bottom:1px #e9e9e9 solid;  font-size:16px;margin:0;overflow:hidden}

.fwzc_div3 li .d2 dl dd .zknr{ width:480px; margin:0px auto;}

.fwzc_div3 li .d2 dl dd .zknr .left{width:85px; line-height:79px; float:left;color:#333;font-size:16px;}

.fwzc_div3 li .d2 dl dd .zknr .right{color:#666; line-height:25px; margin-left:15px; margin-top:15px; width:380px; float:left}





.fwzc_div4{margin-bottom:40px;}

.fwzc_div4 .left{width:300px; float:left}

.fwzc_div4 .left .d1{position:relative;font-size:18px;letter-spacing:2px; color:#333; width:100%; display:block; margin-top:20px; padding-bottom:10px;}

.fwzc_div4 .d1:before{content:'';position:absolute;bottom:0;left:0;width:120px;height:6px;background: linear-gradient(-118deg,#00c1e0 1%,#098df9 93%);border-radius: 3px;}

.fwzc_div4 .left .d3{color:#666;width:100%; display:block;margin-top:20px; line-height:25px; font-size:15px;}

.fwzc_div4 .right{width:860px; float:right}

.fwzc_div4 .right ul li{width:120px; height:130px; float:left; overflow:hidden}

.fwzc_div4 .right ul li .d1{position:relative;font-size:18px;letter-spacing:2px; color:#333; width:100%; display:block;  padding-bottom:10px;}

.fwzc_div4 .right ul li .d1:before{width:30px;height:4px;}

.fwzc_div4 .right ul li .d2{color:#2486ff;font-size:18px;padding-bottom:10px; padding-top:10px;}

.fwzc_div4 .right ul li .d3{color:#666; font-size:15px;line-height:25px;}



/*pagination*/

.pagination{user-select:none;margin:20px 0;}

.pagination ul{margin:0;padding:0;list-style:none;display:flex;margin-left:1px;}

.pagination ul li{font-size:0;list-style:none;display:inline-block;border:1px solid #d9d9d9;margin-left:-1px;}

.pagination ul li:first-child,.pagination ul li:first-child a{border-radius:2px 0 0 2px;}.pagination ul li:last-child,.pagination ul li:last-child a{border-radius:0 2px 2px 0;}.pagination ul li a{font-size:14px;display:block;padding:0 14px;line-height:2.2;color:#444;background:#fff;}.pagination ul li a:not([href]){color:#999;cursor:not-allowed;}.pagination ul li.active{border-color:#1890FF;background:#1890FF;}.pagination ul li.active a{color:#fff;background:#1890FF;}.pagination ul li.active a:hover{background:#1890FF;}.pagination ul li:hover a{background:#f9f9f9;}.pagination-red ul li.active{border-color:#ED4014;background:#ED4014;}.pagination-red ul li.active a{background:#ED4014;}.pagination-red ul li.active a:hover{background:#ED4014;}.pagination-yellow ul li.active{border-color:#F37B1D;background:#F37B1D;}.pagination-yellow ul li.active a{background:#F37B1D;}.pagination-yellow ul li.active a:hover{background:#F37B1D;}.pagination-green ul li.active{border-color:#19BE6B;background:#19BE6B;}.pagination-green ul li.active a{background:#19BE6B;}.pagination-green ul li.active a:hover{background:#19BE6B;}.pagination-info ul li.active{border-color:#2DB7F5;background:#2DB7F5;}.pagination-info ul li.active a{background:#2DB7F5;}.pagination-info ul li.active a:hover{background:#2DB7F5;}.pagination-mid ul li{margin-right:.3rem;}.pagination-mid ul li{border-radius:2px;}.pagination-mid ul li:first-child,.pagination-mid ul li:last-child{border-radius:2px;}.pagination-center ul{display:flex;justify-content:center;align-items:center;}





.kuaisu-wrapper,.pos-fix{position:fixed;bottom:0;z-index:99!important;background-repeat:no-repeat}

.kuaisu-wrapper{display:none;left:0;width:240px;height:91px;cursor:pointer;background-image: url(../images/kuaisu-bj.png);}

.kuaisu-wrapper .kuaisu{float:right;margin-top:15px;margin-right:20px; padding-top: 5px}

.pos-fix{height:110px;width:100%;background-color:rgba(39,172,247,.9)}

.pos-fix .content{width:1040px;margin:0 auto;height:80px;position:relative}

.pos-fix .content .logo-san{position:absolute;left:-169px;bottom:-66px}

.pos-fix .content .close{position:absolute;right:-100px;top:10px;cursor:pointer}

.pos-fix .content>div{display: flex;}

.pos-fix .content>div a{color:#fff;display: flex;justify-content: center;flex-grow: 1;flex-shrink: 0;padding: 21px 0 20px 10px;}

.second_img{width: 65px;height: 71px;flex-shrink: 0;background-size: 100% 100%}



.second_icon1{background: url(../images/second_plate_icon1@2x.png) no-repeat;}

.second_icon3{background: url(../images/second_plate_icon3@2x.png) no-repeat;}

.second_icon4{background: url(../images/second_plate_icon4@2x.png) no-repeat;}

.second_icon5{background: url(../images/second_plate_icon5@2x.png) no-repeat;}

.second_content{margin-left: 14px;width: 300px;}



.join-wrapper{overflow: hidden;position: relative;margin-top:50px;}

.join-ball{max-width: 600px;width:60%;margin: 160px auto 0;position: relative;}

.join-ball-bg:after{content:'';display:block;width: 100%;height: 0;padding-bottom:60%;border-radius: 300px 300px 0 0;box-shadow: 1px 1px  30px #e2f0ff;top:230px;background-color: #fafdff;}

.join-box{width: 300px;height:300px;border:1px solid #ebf5ff;border-radius: 230px;box-sizing: border-box;text-align: center;box-shadow: 1px 1px 30px #ebf5ff;-moz-transition :all 0.3s linear;-webkit-transition :all 0.3s linear;-o-transition :all 0.3s linear;transition:all 0.3s linear;position: absolute;top: 315px;left: 50%;margin:0 -150px;background-color: #fff;z-index: 50;}

.join-box img{position: relative;top:50%;margin-top:-55px;}

.join-box:hover{box-shadow: 1px 1px 30px rgba(56,155,253,0.25)}

.canvas-animate{position: relative;z-index: 10;height: 155px;background-image: url(../images/bg03.jpg)}

.canvas-animate canvas{width:100%;height:155px;}

.round-half{width:100%;height:0;padding-bottom:50%;border-radius: 300px 300px 0 0;position: absolute;background-color: #389bfd;}

.round-half:after{content:'';display:block;width: calc(100% - 8px);height:0;padding-bottom:50%;background-color: #fafdff;border-radius: 300px 300px 0 0;margin:4px;}

.round-half:before{content:'';width:100%;height: 100%;border-radius: 300px 300px 0 0;background-color: #fafdff;display: block;position: absolute;top:-2px;left:0;transform-origin:50% 100%;-ms-transform-origin:50% 100%;-webkit-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-o-transform-origin:50% 100%;

    animation: rotation180 5s linear forwards;-moz-animation: rotation180 5s linear forwards; -webkit-animation: rotation180 5s linear forwards;-o-animation: rotation180 5s linear forwards; -ms-animation: rotation180 5s linear forwards;}



@-webkit-keyframes rotation180{

    0%{

        -webkit-transform : rotate(0deg);

    }

    100%{

        -webkit-transform : rotate(180deg);

    }

}

@-moz-keyframes rotation180{

    0%{

        -moz-transform : rotate(0deg);

    }

    100%{

        -moz-transform : rotate(180deg);

    }

}

@-ms-keyframes rotation180{

    0%{

        -ms-transform : rotate(0deg);

    }

    100%{

        -ms-transform : rotate(180deg);

    }

}

@-o-keyframes rotation180{

    0%{

        -o-transform : rotate(0deg);

    }

    100%{

        -o-transform : rotate(180deg);

    }

}

@keyframes rotation180{

    0%{

        transform : rotate(0deg);

    }

    100%{

        transform : rotate(180deg);

    }

}

.join-info{position: absolute;top:0;width: 600px;;left: 50%;margin-left: -300px}

.join-info-item{width: 270px;text-align: center;position: absolute}

.join-info-item:last-child{margin-bottom: 0 !important;}

.join-info-item p{font-size: 14px;font-weight: bold;color: #333;line-height: 1.5em;}

.join-info-item span{color:#676971;font-size: 14px}

.join-info-item:nth-child(1){top: 240px;left: -290px;}

.join-info-item:nth-child(2){top: 0;left: 50%;margin-left: -135px;}

.join-info-item:nth-child(3){top: 240px;right: -290px;}



.join-point{text-align: center;position: absolute;}

.join-point:hover samp{box-shadow: 1px 1px 30px #b2d9ff}

.join-point samp{width:65px;height:65px;text-align: center;line-height: 65px;border: 4px solid #389bfd;font-size: 26px;font-weight: bold;color:#333;font-family: Arial;display: block;border-radius: 65px;background-color: #fff;-moz-transition :all 0.3s linear;-webkit-transition :all 0.3s linear;-o-transition :all 0.3s linear;transition:all 0.3s }

.join-point p{font-size: 18px;font-weight: bold;color:#333;line-height: 40px;}

.join-point .word{width:270px;color:#666}



.left-point{top:105px;left: 0}

.top-point{top:-30px;left: 50%;margin-left: -36px;}

.right-point{top:105px;right: 0}



.rxg {margin-top:30px;border:1px solid #ebebeb;margin-bottom:12px;padding:25px 20px;background-color:#fff}

.rxg p {margin-bottom:40px;width:1128px;font-size:14px;line-height:24px;color:#757575}

.rxg p span {display:block;padding-bottom:13px;font-size:18px;color:#222}

.job_list {overflow:hidden;margin-bottom:80px}

.job_list li {margin-bottom:18px;background:#fff;padding:20px;border:1px solid #ebebeb}

.dt {cursor:pointer;overflow:hidden;transition:.5s;color:#9e9e9e;font-size:14px;line-height:24px;background:url(../images/join_05.png) no-repeat right 30px}

.job_list li.dt:hover,.dt_on .dt{background:url(../images/join_09.png) no-repeat right 30px}

.dt_on .dd{display:block;}

.dt span {float:left;width:1000px;padding-bottom:5px;display:block;font-size:18px;line-height:24px;color:#353535}

.dt b {width:70px;text-align:right;font-weight:400;float:right;color:#9e9e9e;font-size:13px;font-family:Arial}

.dt p {float:left;width:100%}

.dd {overflow:hidden;display:none;margin:15px 0 18px 0;position:relative;}

.dd div {border-top:1px solid #e2e2e2;font-size:14px;color:#9e9e9e;line-height:24px;padding:10px 0}

.dd div span {padding:30px 0 15px 0;font-size:18px;color:#535353;display:block}

.dd a {right:0;bottom:10px;transition:.5s;display:block;position:absolute;background-color:#27ACF7;font-size:14px;line-height:36px;border-radius:18px;width:138px;height:36px;text-align:center;color:#fff}

.dd a:hover {background-color:#27ACF7}

/*高防定制*/

.service-tips-item{padding: 0px;float: left;width: 280px;margin-right: 20px;}

.service-tips-item .item-inner {display: table;padding-left: 20px;padding-right: 10px;margin-right: 40px;box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);position: relative;z-index:0;height: 156px;background: #fff;box-shadow: 2px 2px 15px #ccc;-webkit-box-shadow: 2px 2px 15px #ccc;-moz-box-shadow: 2px 2px 15px #ccc;}

.service-tips-item .item-inner .figure-holder{display: table-cell;vertical-align: middle;}

.service-tips-item .item-inner .figure-holder img{width: 55px;height: 55px;}

.service-tips-item .item-inner .figure-holder i{display:block;width: 55px;height: 55px;font-style:inherit;text-align: center;line-height: 55px;font-size: 37px;border-radius:50%;background:#ccc;color:#fff;}

.service-tips-item .item-inner .content{display: table-cell;vertical-align: middle;width: 80%;padding-left: 20px;color:#666;font-size: 14px}

.service-tips-item .item-inner .content b{font-size:16px;}

.service-tips-item .item-inner .triangle::before{content: '';width: 10px;height: 156px;position: absolute;background: #ccc;left: -50px;top: -78px;transition: 0.5s;}

.service-tips-item .item-inner .triangle{display: block;width: 0;height: 0;border-width: 78px 0px 78px 40px;border-style: solid;border-color: transparent transparent transparent #ccc;position: absolute;top: 0px;right: -40px;transition: 0.5s;}

.service-tips-item .item-inner::after{content: '';display: block;width: 0;height: 0;border-width: 78px 0px 78px 40px;border-style: solid;border-color:transparent transparent transparent #ffffff;position: absolute;top: 0px;right: -30px;}

.service-tips-item:hover .item-inner .figure-holder i{background:#00a4ff;}

.service-tips-item:hover .item-inner .triangle{border-color: transparent transparent transparent #00a4ff;}

.service-tips-item:hover .item-inner .triangle::before{background:#00a4ff;}
.price{
	font-size: 30px;
    font-weight: 400;
    color: #ed0708;
}
.buttonG{
	margin-left: 150px;
    margin-top: 20px;
}
.ui-button {
    display: inline-block;
    line-height: 20px;
    font-size: 14px;
    text-align: center;
    color: #4c5161;
    border: 1px solid #d0d0d5;
    border-radius: 4px;
    padding: 9px 15px;
    min-width: 50px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    text-decoration: none;
    -webkit-transition: border-color .15s,background-color .15s,opacity .15s;
    transition: border-color .15s,background-color .15s,opacity .15s;
    cursor: pointer;
    overflow: visible;
}
.ui-button-primary, .ui-button-primary.disabled:hover, .ui-button-primary.loading, .ui-button-primary.loading:hover {
    border: 1px solid #2486ff;
    background-color: #2486ff;
    color: #fff;
}
.ui-button-success, .ui-button-success.disabled, .ui-button-success.disabled:hover, .ui-button-success.loading, .ui-button-success.loading:hover {
    border: 1px solid #01cf97;
    background-color: #01cf97;
    color: #fff;
}
.clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-header:after, .modal-footer:after, .tags-hd-item:after {
    clear: both;
}