@charset "UTF-8";/* mixin *//* caret 三角箭头 *//* mixin end *//**************************common style***********************/html, body, a, span, div, dl, dt, dd, em, h1, h2, h3, h4, h5, h6, i, li, ul, a, p, br, table, form, input, label, select {  font-family: 'Microsoft Yahei','Times New Roman', Times, serif;  padding: 0;  margin: 0;}a {  text-decoration: none; }a:hover, a:visited, a:link, a:active {  text-decoration: none;}ul,ol,li {  list-style: none;  -webkit-margin-before: 0px;  -webkit-margin-after: 0px;  -webkit-margin-start: 0px;  -webkit-margin-end: 0px;  -webkit-padding-start: 0px;  padding-left: 0;  margin: 0;  padding: 0;}table {  border-collapse: collapse;  border-spacing: 0;}.container {  width: 1200px;  margin: 0 auto;}.clearfix,.clear {  zoom: 1;}.clearfix:after,.clear:after {  display: block;  content: "";  height: 0;  visibility: hidden;  clear: both;}.row {  width: 100%;  zoom: 1;}.row:after {  content: '';  visibility: hidden;  height: 0;  display: block;  clear: both;}.row.row-static {  width: 1200px;  margin: 0 auto;}.col-9 {  float: left;  width: 75%;}.col-8 {  width: 66.6666%;  float: left;}.col-7 {  width: 58.3333%;  float: left;}.col-6 {  width: 50%;  float: left;}.col-5 {  width: 41.6666%;  float: left;}.col-4 {  float: left;  width: 400px;}.col-3 {  width: 25%;  float: left;}.col-2 {  width: 16.6666%;  float: left;}.col-5-5 {  width: 20%;  float: left;}.col-6-6 {  width: 16.666%;  float: left;}.col-6-6-2 {  width: 33.332%;  float: left;}.text-center {  text-align: center;}.text-right {  text-align: right;}/**************************common style end***********************//**************************header ***********************/.header {  height: 80px;  min-width: 1200px;  width: 100%;  background-color: rgba(0, 0, 0, 0.3);  background-color: #104373 \9;  position: absolute;  top: 0;  left: 0;  right: 0;  z-index: 100;  -webkit-transition: all 0.3s ease-in-out;  -moz-transition: all 0.3s ease-in-out;  -ms-transition: all 0.3s ease-in-out;  -o-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;}.header:hover {  background-color: #104373;}.header .hd_logo {  float: left;  margin-left: 12px;  margin-top: 12px;}.header .hd_right {  float: right;  margin-right: 10px;}.header .hd_right .hd_01 {  /*margin-top: 20px;*/  margin-top: 35px;}.header .hd_right .hd_01 li,.header .hd_right .hd_01 span {  float: left;  margin-right: 10px;  font-size: 14px;}.header .hd_right .hd_01 li.line,.header .hd_right .hd_01 span.line {  color: #fff;}.header .hd_right .hd_01 a {  cursor: pointer;  color: #fff;  font-size: 14px;}.header .nav {  height: 50px;  /* width: 980px; */  width: 760px;  float: right;  /*margin-top: 32px;*/  margin-top: 5px;}.header .nav .container {  /*width: 980px;*/  width: 760px; }.header .nav li {  float: left;  text-align: center;  font-weight: bold;  padding: 0 30px;}.header .nav li:hover, .header .nav li.active {  /*background-color: #fff;*/  border-bottom: 2px solid #FFF;}.header .nav li:hover a, .header .nav li.active a {  /*color: #0f4c86;*/  color: #FFF;}.header .nav li a {  display: block;  color: #ffffff;  font-size: 16px;  line-height: 71px;}.header .nav ul#nav {  width: 760px;  padding-left: 0;  padding-top: 2px;}.nav_two {  width: 100%;  min-width: 1200px;  position: absolute;  top: 80px;  left: 0;  right: 0;  z-index: 9999;  display: block;  /* background-color: rgba(255,255,255,0.95); */}.nav_two .container-fluid {  width: 100%;  background-color: #fff\9;  background-color: rgba(255, 255, 255, 0.95);}.nav_cont {  padding: 10px 0 30px 0;  width: 1200px;  margin: 0 auto;}.nav_cont .left {  float: left;}.nav_cont .right {  float: left;  margin-left: 40px;}.nav_cont .left dl,.nav_cont .right dl {  float: left;  padding: 0 8px 0 8px;  /* border-left: 1px dashed #34699b; */}.nav_cont .left dl dt,.nav_cont .right dl dt {  width: 160px;  height: 40px;  /*background: #104373;*/  /*color: #ffffff;*/  color: #000;  text-align: left;  line-height: 40px;  font-weight: bold;  font-size: 16px;  -webkit-border-radius: 0px;  -moz-border-radius: 0px;  border-radius: 0px;}.nav_cont .border-bottom{    border-bottom: 1px solid #CCC;}.nav_cont dt.transparent_bg {  /*background: rgba(255, 255, 255, 0) !important;*/}.nav_cont .left dl dt a,.nav_cont .right dl dt a {  color: #333;}.nav_cont .left dl dt a:hover,.nav_cont .right dl dt a:hover {  text-decoration: none;}.nav_cont .left dl dd,.nav_cont .right dl dd {  line-height: 32px;  /*margin-left: 5px;*/}.nav_cont .left dl dd a,.nav_cont .right dl dd a {  color: #626161;  font-size: 15px;}.nav_cont .left dl dd a:hover,.nav_cont .right dl dd a:hover {  color: #4a6df5;}.nav_cont .bold {  margin-top: 5px;  font-size: 15px;  font-weight: 700;}.login-box {  margin-left: 15px;}.login-box .user-btn {  padding: 3px 15px;  border: 1px solid #fff;  -webkit-border-radius: 2px;  -moz-border-radius: 2px;  border-radius: 2px;  text-align: center;  -webkit-transition: all 0.3s;  -moz-transition: all 0.3s;  -ms-transition: all 0.3s;  -o-transition: all 0.3s;  transition: all 0.3s;}.login-box .user-btn.btn-reg {  margin-left: 15px;}.login-box .user-btn:hover.btn-reg {  background-color: #ff7200;  border-color: #ff7200;  color: #fff;}.login-box .user-btn:hover.btn-login {  border-color: #ff961e;  color: #ff961e;}.user-btn-box {  /* &:hover {      .count-info-box {          display: block;      }  } */}.user-btn-box .user-had-login {  position: relative;}.user-btn-box .user-had-login .user-had-login-title {  zoom: 1;  display: block;}.user-btn-box .user-had-login .user-had-login-title:after {  display: block;  content: "";  height: 0;  visibility: hidden;  clear: both;}.user-btn-box .user-had-login .user-had-login-title p {  display: block;  white-space: nowrap;  overflow: hidden;  -ms-text-overflow: ellipsis;  text-overflow: ellipsis;  float: left;}.user-btn-box .user-had-login .user-had-login-title p.user-name {  width: 70px;}.user-btn-box .user-had-login .user-had-login-title span.space {  float: left;}.user-btn-box .user-had-login .count-info-box {  display: none;  width: 180px;  position: absolute;  top: 20px;  left: 0px;  background: rgba(255, 255, 255, 0.95);  -webkit-border-radius: 2px;  -moz-border-radius: 2px;  border-radius: 2px;}.user-btn-box .user-had-login .count-info-box a,.user-btn-box .user-had-login .count-info-box span,.user-btn-box .user-had-login .count-info-box i,.user-btn-box .user-had-login .count-info-box em {  font-size: 12px;}.user-btn-box .user-had-login .count-info-box .info-top {  border-bottom: 1px solid #ddd;  zoom: 1;  margin-left: 20px;  margin-right: 20px;  padding: 15px 0;  padding-bottom: 10px;}.user-btn-box .user-had-login .count-info-box .info-top:after {  display: block;  content: "";  height: 0;  visibility: hidden;  clear: both;}.user-btn-box .user-had-login .count-info-box .info-top:hover a {  background-color: #ff7a21;}.user-btn-box .user-had-login .count-info-box .info-top span {  color: #ff6600;  font-size: 16px;}.user-btn-box .user-had-login .count-info-box .info-top span i {  font-style: normal;}.user-btn-box .user-had-login .count-info-box .info-top a {  display: inline;  float: right;  padding: 4px 8px;  color: #fff;  background-color: #ff6600;  text-align: center;}.user-btn-box .user-had-login .count-info-box .info-middle {  padding-bottom: 10px;}.user-btn-box .user-had-login .count-info-box .info-middle a {  display: block;  text-align: left;  color: #333;  line-height: 30px;  padding: 0 20px;}.user-btn-box .user-had-login .count-info-box .info-middle a:hover {  background-color: #ddd;}.user-btn-box .user-had-login .count-info-box .info-middle a em.num {  float: right;  display: block;  height: 16px;  line-height: 16px;  font-style: normal;  padding: 0px 6px;  margin-top: 7px;  -webkit-border-radius: 2px;  -moz-border-radius: 2px;  border-radius: 2px;  background-color: #0790d4;  color: #fff;}.user-btn-box .user-had-login .count-info-box .info-bottom {  border-top: 1px solid #ddd;  padding: 5px;  margin-left: 20px;  margin-right: 20px;}.user-btn-box .user-had-login .count-info-box .info-bottom a.btn-exit {  display: block;  color: #666;  text-align: center;  height: 36px;  line-height: 36px;  width: 100px;  margin: 0 auto;}.user-btn-box .user-had-login .count-info-box .info-bottom a.btn-exit:hover {  color: #ff7200;}/**************************header end***********************//**************************footer***********************/.part_1 {  background-color: #272b2e;  zoom: 1;}.part_1:after {  display: block;  content: "";  height: 0;  visibility: hidden;  clear: both;}.part_1 .help-nav {  width: 195px;  float: left;  padding: 30px 0px 0px 0px;}.part_1 .help-nav .help-nav-title {  font-size: 14px;  color: #fff;  font-weight: 700;  margin-bottom: 20px;}.part_1 .help-nav ul li {  line-height: 26px;}.part_1 .help-nav a {  color: #bdbfc0;  font-size: 14px;}.part_1 .social-box {  padding: 30px 0 10px 0px;}.part_1 .social-box .line {  width: 1px;  height: 220px;  border: none;  background-color: #b4b4b4;  float: left;  margin-right: 30px;}.part_1 .social-box p.cus-phone {  color: #fff;  font-size: 14px;  margin: 15px 0px;}.part_1 .social-box p.cus-phone span.phone-number {  color: #ff8400;  font-size: 18px;  font-weight: 700;}a.text {  color: #fff;  font-size: 14px;}.part_2 {  background-color: #6f7378;}.part_2 p {  text-align: center;  color: #fff;  font-size: 12px;  line-height: 28px;}.part_2 p a{  text-align: center;  color: #fff;  font-size: 12px;  line-height: 28px;}.part_2 p.bottom-nav a,.part_2 p.bottom-nav span {  color: #fff;  font-size: 14px;}.part_2 p.bottom-nav span {  margin: 0px 10px;}.botm-img-box .botm-img-item{  float: left;  width: 110px;  text-align: center;}.botm-img-item p {  font-size: 14px;  color: #fff;  margin-top: 10px;}/**************************footer end***********************//**************************页面公共样式********************/.sm-nav {  display: block;  margin: 0 auto;  font-size: 18px;  text-align: center;  color: #5c5c5c;  line-height: 70px;}.sm-nav.active {  color: #1976d2;}.image {  text-align: center;}.block-title {  margin: 50px auto 30px;}.block-title.p5 {  padding-top: 50px;}.block-title.block2 {  margin-top: 0;}.block-title.block2 h3 {  color: #fff;}.block-title h3 {  font-size: 30px;  font-weight: normal;  text-align: center;  color: #333;}.block-title h3 span.orange {  color: #ff7200;}.block-title p {  font-size: 14px;  color: #8f8f8f;  line-height: 36px;  text-align: center;}.block-title.block3 p {  color: #ff7200;}.block-title div.line {  width: 30px;  height: 3px;  background-color: #ff7200;  margin: 20px auto 0px;}/*相关产品*/.product-item {  margin: 35px auto;  /* padding: 24px 20px 50px; */  padding: 50px 20px;  background-color: #fff;  width: 280px;  border: 1px solid #dcdcdc;  -webkit-transition: all 0.3s;  -moz-transition: all 0.3s;  -ms-transition: all 0.3s;  -o-transition: all 0.3s;  transition: all 0.3s;  text-align: center;}.product-item.hosting-item {  width: 230px;}.product-item.hosting-item a.btn-chat {  border: 1px solid #ff7200;  color: #ff7200;}.product-item.hosting-item:hover a.btn-chat {  background-color: #ff7200;}.product-item:hover {  -webkit-box-shadow: 3px 3px 10px #dddddd, -3px -3px 10px #dddddd;  -moz-box-shadow: 3px 3px 10px #dddddd, -3px -3px 10px #dddddd;  box-shadow: 3px 3px 10px #dddddd, -3px -3px 10px #dddddd;}.product-item:hover h3 {  color: #ff7200;}.product-item:hover a.btn-chat {  background-color: #008eed;  color: #fff;}.product-item h3 {  font-size: 22px;  color: #333;  margin-bottom: 30px;  font-weight: normal;}.product-item h3 span.hot {  display: inline-block;  font-size: 14px;  color: #fff;  position: relative;  background-color: #ff7200;  padding: 3px;  margin-left: 8px;  vertical-align: middle;}.product-item h3 span.hot:after {  content: '';  border-left: 3px solid transparent;  border-top: 3px solid transparent;  border-right: 3px solid #ff7200;  border-bottom: 3px solid #ff7200;  display: block;  width: 0;  height: 0;  position: absolute;  bottom: 0px;  left: -4px;}.product-item p {  font-size: 14px;  color: #666;  line-height: 24px;  margin-top: 15px;}.product-item p span {  color: #ff7200;  font-size: 20px;}.product-item p.mid-link {  margin-top: 20px;}.product-item p.mid-link a {  cursor: default;}.product-item a.btn-chat {  margin-top: 20px;  display: inline-block;  width: 140px;  height: 40px;  line-height: 40px;  font-size: 14px;  border: 1px solid #008eed;  color: #5b5b5b;  text-align: center;  -webkit-transition: all 0.3s;  -moz-transition: all 0.3s;  -ms-transition: all 0.3s;  -o-transition: all 0.3s;  transition: all 0.3s;}	.kefusidebar {		position: fixed;		right: 0px;		top: 40%;		display: flex;		flex-direction: column;	    z-index: 10000;        margin: -150px 0 0;   	}	.kefusidebar-item {		width: 52px;		background-color: #FF7E00;		color: white;		text-align: center;		box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);		transition: background-color 0.3s, transform 0.1s;		cursor: pointer;		position: relative;		border-bottom: 1px solid #ddd;	}	.kefusidebar-item a {		display: flex;		flex-direction: column;		align-items: center;		justify-content: center;		padding: 10px;		text-decoration: none;		color: white;		font-size: 14px;		line-height: 1.4;	}	.kefusidebar-item .margin {		height: 10px;	}	.kefusidebar-item .tooltip {		position: absolute;		right: 100%;		top: 50%;		transform: translateY(-50%) scale(0);		background-color: #fff;		color: black;		padding: 10px 15px;		border-radius: 20px;		box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);		white-space: nowrap;		font-size: 14px;		opacity: 0;		transition: all 0.3s ease;		transform-origin: right center;	}	.kefusidebar-item:hover .tooltip {		transform: translateY(-50%) scale(1);		opacity: 1;	}	.kefusidebar .wechat-item .tooltip .tooltip-img {		width: 150px;		height: 150px;	}	.kefusidebar .phone-item .tooltip,	 .wechat-item .tooltip,	 .after-sales-item .tooltip {		position: absolute;		right: 120%;		top: 50%;		transform: translateY(-50%) scale(0);		background-color: #fff;		color: #FF7E00;		padding: 18px 22px;		border-radius: 4px;		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);		font-size: 16px;		opacity: 0;		border: 1px solid #ddd;		transition: all 0.3s ease;		transform-origin: right center;	}	.kefusidebar .phone-item .tooltip-arrow,	.kefusidebar  .wechat-item .tooltip .tooltip-arrow,	.kefusidebar  .after-sales-item .tooltip-arrow {		position: absolute;		top: 50%;		right: -10px;		transform: translateY(-50%);		width: 0;		height: 0;		border-width: 5px;		border-style: solid;		border-color: transparent transparent transparent #fff;		box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);	}	.kefusidebar .phone-item .tooltip-text {		display: inline-block;		font-weight: 500;	}	.kefusidebar .phone-item:hover .tooltip {		transform: translateY(-50%) scale(1);		opacity: 1;	}	.kefusidebar .wechat-item .tooltip,	.kefusidebar  .after-sales-item .tooltip {		padding: 8px 12px;	}	.kefusidebar-item:hover {		background-color: #ffc107;	}	.kefusidebar .after-sales-item {		border-bottom: none;	}		.kefusidebar .after-sales-item .tooltip-text {		display: inline-block;		font-weight: 500;		width: 126px;	}		/*  侧导航css start  */#kefubox {  width: 60px;  height: 212px;  position: fixed;  right: 5px;  bottom: 70px;  z-index: 99999;}#kefubox ul li {  width: 60px;  display: block;  overflow: hidden;}div {  display: block;}#kefubox ul li.weixin {  height: 70px;  background-image: url(../images/kefu.png);  background-repeat: no-repeat;  background-position: 0 0;  cursor: pointer;  margin-bottom: 10px;  border-radius: 3px;}#kefubox.kf-common ul li.weixin {  background-image: url(../images/kefu_common.png);}#kefubox ul li.weixin:hover .weixin-logo {  width: 180px;  height: 220px;}#kefubox ul li.idea {  height: 40px;  background-image: url(../images/kefu.png);  background-repeat: no-repeat;  background-position: 0 -168px;  cursor: pointer;  border-radius: 3px;}#kefubox ul li.app {  height: 70px;  background-image: url(../images/kefu.png);  background-repeat: no-repeat;  margin-bottom: 10px;  background-position: 0 -83px;  cursor: pointer;  border-radius: 3px;}#kefubox ul li.app:hover .app-logo {  width: 180px;  height: 204px;}#kefubox ul li .weixin-logo {  width: 0px;  height: 0px;  overflow: hidden;  position: absolute;  top: -2px;  left: -181px;}#kefubox .pox {  width: 160px;  height: 220px;  background-color: #666;  color: #fff;  display: block;  border-radius: 5px;  font-size: 16px;  text-align: center;}#kefubox .pox.pox-ask {  height: 190px;}#kefubox .pox dt {  text-align: center;  padding-top: 15px;}#kefubox .pox dd {  text-align: center;  height: 26px;  line-height: 26px;  margin: 8px 0;}#kefubox .pox dd.poxzx {  width: 126px;  margin: 8px auto;  font-size: 12px;  border-radius: 3px;}/* #kefubox .pox dd {  background-color: #FF7E00;} */#kefubox .chat-btn {  display: block;  width: auto;  max-width: 75%;  margin: 0 auto;  padding: 5px 10px;  background-color: #ff7e00;  color: #fff;  text-align: center;  -webkit-border-radius: 4px;  -moz-border-radius: 4px;  border-radius: 4px;}#kefubox .pox dd.poxwy {  /*background-image: url(../images/kefu_7fb14278d7ca4fa69d3a13e8435f515c.png);*/  background-repeat: no-repeat;  background-position: 0 -293px;}#kefubox .pox dd.poxqq {  background-image: url(../images/kefu_7fb14278d7ca4fa69d3a13e8435f515c.png);  background-repeat: no-repeat;  background-position: 0 -386px;}#kefubox .pox dd.poxwx {  background-image: url(../images/kefu.png);  background-repeat: no-repeat;  background-position: 0 -339px;}#kefubox .pox dd.poxzx a {  color: #fff;  text-decoration: none;}#kefubox ul li .app-logo {  width: 0px;  height: 0px;  overflow: hidden;  position: absolute;  top: -2px;  left: -181px;}#kefubox .poxEmail {  height: 155px;}#kefubox .poxEmail dd.poxzx {  text-indent: 0;  background: #FF7E00;}#kefubox .app-logo div.emailPox {  width: 160px;  height: 25px;  background-color: #FF7E00;  margin-top: 7px;  border-radius: 5px;  text-align: center;  color: #fff;  padding-top: 15px;  font-size: 12px;}#kefubox .app-logo div.emailPox p {  width: 0;  height: 0;  border-top: 6px solid #fff;  border-right: 5px solid transparent;  border-left: 5px solid transparent;  margin: 10px 0;  position: absolute;  top: 160px;  left: 75px;}/* 侧导航end *//* 云业务专用测导航css start  */#serverkefubox {  width: 60px;  height: 83px;  position: fixed;  right: 5px;  bottom: 280px;  z-index: 99999;}#serverkefubox ul li {  width: 60px;  display: block;  overflow: hidden;}div {  display: block;}#serverkefubox ul li.weixin_server {  height: 70px;  background-image: url(../images/kefu_server.png);  background-repeat: no-repeat;  background-position: 0 -83px;  cursor: pointer;  margin-bottom: 10px;  border-radius: 3px;}#serverkefubox ul li .weixin_server_logo {  width: 0px;  height: 0px;  overflow: hidden;  position: absolute;  top: -2px;  left: -141px;}#serverkefubox ul li .weixin_server_logo .weixinserver dd img{    width: 120px;}#serverkefubox ul li.weixin_server:hover .weixin_server_logo {  width: 120px;  height: 120px;}/* 云业务专用测导航end *//**************************页面公共样式 end***********************/