.f-16{ font-size: 14px;}
.f-18{ font-size: 17px;}
.f-40{ font-size: 20px;}
.f-26{ font-size: 14px;}
.f-28{ font-size: 28px;}
.c-999{ color: #999;}
.c-blue{ color: #004DE9;}
.right {width:auto !important;max-width: 100% !important;}

.online,.offline,.onwxline{display:inline-block;width: 24px;height: 24px;background-size: 100% 100%}
.online{background-image: url(../image/qq-online.png);}
.onwxline{background-image: url(../image/wx-online.png);}
.offline{background-image: url(../image/qq-offline.png);}

/*footer-banner*/
.footer-banner{ height: 160px; background: url("../image/reg-bg.png")  center no-repeat; overflow: hidden; min-width:1220px;}
.footer-banner h1{ color: #fff; font-size: 30px; float: left; height: 40px; line-height: 40px; margin: 70px 0 0;}
.footer-banner a{ display: block; float: right; width: 200px; height: 50px; margin: 65px 0 0; background: #fff; border-radius: 3px; line-height: 50px; text-align: center; color: #059fff; font-size: 18px; }
.footer-banner .footer-title{font-size: 24px;font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	margin-top: 30px;
	text-align: center;
	color: #ffffff;}
.footer-banner .footer-reg{
	float: none;
	display: block;
	margin:30px auto 0;
	width: 120px;
	height: 36px;
	line-height: 36px;
	background-color: #ffffff;
	border-radius: 2px;
	border: solid 1px #ffffff;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #188ae0;
	text-align: center;
}
.w {
  width: 1200px;
  margin: 0 auto;
}
.footer {
  background-color: #1f2130;
  width: 100%;
  text-align: center;
  padding: 0 0 30px;
}

.bottom-top {
  width: 100%;
  height: 120px;
  border-bottom: 1px solid #414b51;
}

.bottom-ul {
  height: 120px;
  position: relative;
}

.bottom-ul li {
  float: left;
  width: 25%;
  height: 100%;
  position: relative;
}

.bottom-ul li:first-of-type div {
  position: absolute;
  top: 0;
  left: 0;
}

.bottom-ul li:last-of-type div {
  position: absolute;
  top: 0;
  right: 0;
}

.bottom-ul li:nth-of-type(2) div {
  margin-left: -30px;
}

.bottom-ul li:nth-of-type(3) div {
  margin-right: -30px;
}

.bottom-ul li img {
  margin-top: 35px;
  width: 35px;
}

.bottom-ul li span {
  color: #fff;
  margin-left: 15px;
  font-size: 18px;
  position: relative;
  bottom: -20px;
}

.footer-center-left {
  float: left;
  width: 168px;
  position: relative;
}


.footer-center-left p.week {
  font-size: 13px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #ffffff;
  opacity: 0.4;
  text-align: left;
}

.footer-center-left p.gytel {
  font-size: 22px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #ffffff;
}

.footer-center-left-logo {
  width: 100%;
  height: 56px;
  margin-bottom: 20px;
}


.footer-center-left-ewm {
  position: absolute;
  top: 186px;
  left: 80px;
  box-sizing: border-box;
  width: 109px;
  display: none;
}

.footer-center-left-ewm img {
  width: 100%;
}

.footer-center-right {
  float: left;
}

.footer-center-right>ul {
  width: 258px;
  float: left;
}

.footer-center-right ul li {
  text-align: left;
  line-height: 26px;
}

.footer-center-right ul li a {
  font-size: 12px;
  color: #999;
}

.footer-center-right ul li a:hover {
  color: #2468f2;
}

.footer-center-right ul li.foo {
  margin-bottom: 10px;
  font-weight: normal;
  color: #fff;
  font-size: 16px;
  line-height: 40px;
}

.bottom-footer p {
  color: #fffefe;
}

.bottom-footer .dibua {
  margin-left: 18px;
}

.bottom-footer p a {
  color: #fff;
}

.bottom-footer p a:hover {
  color: #2468f2;
}

.footer-top {
  width: 100%;
  min-height: 60px;
  color: #333;
  background-color: #f0f3f7;
  padding: 20px 0;
  margin-top: 80px;
}

.footer-top a {
  display: inline-block;
  color: #666;
  margin-right: 20px;
}

.footer-top a:hover {
  color: #2468f2;
}

.footer-top-center {
  width: 1200px;
  margin: 0 auto;
  line-height: 30px;
  text-align: left;
  font-size: 12px;
  color: #ffffff;
  padding: 20px 0;
}

.footer-top-center a {
  color: #fff;
  margin-right: 25px;
}

.footer-top-center .fri {
  float: left;
  width: 8%;
  padding-left: 5px;
}

.footer-top-center .friLinks {
  float: left;
  width: 92%;
  opacity: 0.5;
}

.contact {
  margin-top: 20px;
}

.contact .footqq {
  float: left;
  margin-right: 10px;
  width: 30px;
  height: 30px;
  background: url(../image/qq-bottom.png) center center no-repeat;
  background-size: contain;
}

.contact .footqq:hover {
  background: url(../image/qq1.png) center center no-repeat;
  background-size: contain;
}

.contact .footqq a {
  width: 30px;
  height: 30px;
  display: block;
}

.contact .footwechat {
  float: left;
  width: 30px;
  height: 30px;
  background: url(../image/weixin-bottom.png) center center no-repeat;
  background-size: contain;
}

.contact .footwechat:hover {
  background: url(../image/wechat1.png) center center no-repeat;
  background-size: contain;
}

.outLink {
  width: 100%;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.foot-honor{ font-size: 12px; overflow:hidden;}
.foot-honor li{ display: inline-block; height:24px;line-height: 24px;color: #5e646e; margin-right:22px;}
.foot-honor li:last-child{ margin-right: 0}
.foot-honor li a{display:inline-block;color: #5e646e;}
.foot-honor li a:hover{color: #fff;}
.foot-honor .item1{ padding-left: 24px;background:url("../image/foot-logo1.png") left center no-repeat}
.foot-honor .item2{ padding-left: 24px;background:url("../image/foot-logo2.png") left center no-repeat}
.foot-honor .item3{ padding-left: 35px;background:url("../image/foot-logo3.png") left center no-repeat}
.foot-honor .item4{ padding-left: 28px;background:url("../image/foot-logo4.png") left center no-repeat}
.foot-honor .item5{ padding-left: 28px;background:url("../image/foot-logo5.png") left center no-repeat}


.float-consult{right:12px !important; bottom:20px !important;}
.float-consult .other{padding: 10px 20px 10px !important;}
.back-top{transition: 0.3s all linear; visibility:hidden;}
.float-consult{ position: fixed; right: 20px; bottom:100px;z-index:111;}
.float-consult > ul{ position: relative; }
.float-consult > ul > li{ width: 90px; height:55px;margin: 0 0 5px;}
.float-consult .cloumn{ float: right; width:55px; height: 55px; background: #fff;  text-align: center; font-size: 12px; color: #666666; border: 1px solid #eee; cursor: pointer;}
.float-consult .cloumn:before{ content: ""; width: 26px; height: 26px; display: block; margin:5px auto 2px; background: url("../image/side-menu.png-v=2.png")  no-repeat;}
.float-consult .cs1:before{ background-position: 1px 0;}
.float-consult .cs2:before{ background-position: -27px 0;}
.float-consult .cs3:before{ background-position: -56px 0;}
.float-consult .cs4:before{ background-position: -85px 0;}
.float-consult .cs5:before{ background-position: -116px 0;}
.float-consult .cs6:before{ background-position: -145px 0;}
.float-consult .cs7:before{ background-position: -176px 0;}
.float-consult .cs8:before{ background-position: -206px 0;}
.float-consult .cs9:before{ background-position: -95px -86px;}
.float-consult .ewm{ display: none; position: absolute; bottom:-5px; right:69px; z-index: 111; background: #fff;width:128px; height: 128px; border: 1px solid #059fff;}
.float-consult .ewm:after{ content: ""; width:5px; height:8px; display: block; position: absolute; right:-5px; top:30px; background: url("../image/ico21.png")  left center no-repeat; }
.float-consult .ewm img{ display: block; width: 118px; height: 118px; margin: 5px; }
.float-consult .service{ display: none; position: absolute; top: 240px; right:70px; font-size: 16px; color: #fff; width: 210px; background: #059fff; text-align: center; line-height: 25px; padding:18px 0; }
.float-consult .service:after{ content: ""; position: absolute; right: -5px; top: 26px; display: inline-block;width: 0;height: 0;line-height: 0;vertical-align: middle;border:5px dashed transparent;border-left-style: solid;border-left-color: #059fff;border-right-width: 0;}
.float-consult .consult{ display: none; border: 1px solid #eee; width: 323px; background:#fff; position: absolute; right:70px; top: 10px;}
.float-consult .consult:before{ content: ""; display: block; width: 6px; height: 10px; position: absolute; right: -5px;background: url("../image/ico41.png")  center no-repeat; }
.float-consult .consult h2{ font-size: 20px; padding: 13px 20px 13px; margin: 0 0 15px; border-bottom: 1px dashed #ddd;}
.float-consult .consult h2 span{color: #999999; font-size: 14px; margin-left:15px;}
.float-consult .list{ border-bottom: 1px dashed #eee; padding:0 20px 15px;}
.float-consult .tip{font-size:12px; overflow: hidden;}
.float-consult .tip h5{ color: #ff8a00; font-size:14px; margin:0 0 5px;}
.float-consult .tip p{ color:#666; line-height:20px;}
.float-consult .tip span{ font-weight:600;}
.float-consult .item{ height: 38px; border: 1px solid #eeeeee; position: relative; padding-left: 140px; text-align: center; min-height: 38px; margin: 0 0 15px;}
.float-consult .item em{ display: block; width: 139px;height: 38px; line-height: 38px; background: #fafafa; position: absolute; left: 0; top: 0;color: #666666; }
.float-consult .item .ico{ display: inline-block; width: 20px; height: 20px; position: relative; margin:9px 10px 0; vertical-align: middle; cursor: pointer; background: url("../image/side-menu.png-v=2.png")  no-repeat;}
.float-consult .item img{ display: block; width:89px; height:89px;}
.float-consult .item .card{ display: none; position: absolute; bottom: -98px; left:-37px; z-index: 111; background: #fff;width: 89px; height: 89px; border: 1px solid #059fff;}
.float-consult .item .card:before{ content: ""; width: 9px; height: 6px; display: block; position: absolute; left: 41px; top: -6px; background: url("../image/ico3.png")  center bottom no-repeat; }
.float-consult .preale3 .card{ top: -98px;}
.float-consult .preale3 .card:before{ top:89px;background: url("../image/ico3-1.png")  center bottom no-repeat; }
.float-consult .preale4 .card{ top: -98px;}
.float-consult .preale4 .card:before{ top:89px;background: url("../image/ico3-1.png")  center bottom no-repeat; }
.float-consult .item .phone{ display: none; position: absolute;  top: 40px; left:-65px;font-size: 16px; z-index: 111; color: #fff; width:150px; background: #059fff; text-align: center; line-height: 25px; padding:7px 0; }
.float-consult .item .phone:after{ content: ""; position: absolute; left: 70px; top:-5px; display: inline-block;width: 0;height: 0;line-height: 0;vertical-align: middle;border:5px dashed transparent;border-bottom-style: solid;border-bottom-color: #059fff;border-top-width: 0;}
.float-consult .preale4 .phone{ bottom:33px;}
.float-consult .preale4 .phone:after{ bottom:-5px; top:auto;border-top-width: thick; border-bottom-style: none; border-top-style: solid; border-top-color: #059fff; border-bottom-width: 0;}
.float-consult .list .qq{ background-position: 0 -60px;}
.float-consult .list .wx{background-position: -22px -60px;}
.float-consult .list .tel{background-position: -50px -60px;}
.float-consult .list .qq:hover{ background-position: -71px -60px;}
.float-consult .list .wx:hover{background-position: -94px -60px;}
.float-consult .list .tel:hover{background-position: -120px -60px;}
.float-consult .other{ clear:both; padding: 20px 20px 10px; overflow:hidden;}
.float-consult .other h3{ color: #059fff; font-size: 14px; margin: 0 0 10px; }
.float-consult .other a{ display: block; color: #999999; font-size: 12px; line-height:20px; }
.float-consult .other a:hover{ color:#059fff;}
.float-consult .preale:before{ top: 75px;}
.float-consult .aftersale:before{ top: 192px;}
.float-consult .beian:before{ top:252px;}
.float-consult li:hover .cloumn{ border: 1px solid #059fff; color: #059fff;}
.float-consult li:hover .cs1:before{ background-position: 1px -30px;}
.float-consult li:hover .cs2:before{ background-position: -27px -28px;}
.float-consult li:hover .cs3:before{ background-position: -56px -28px;}
.float-consult li:hover .cs4:before{ background-position: -85px -28px;}
.float-consult li:hover .cs5:before{ background-position: -116px -28px;}
.float-consult li:hover .cs6:before{ background-position: -145px -28px;}
.float-consult li:hover .cs7:before{ background-position: -176px -27px;}
.float-consult li:hover .cs8:before{ background-position: -206px -27px;}
.float-consult li:hover .cs9:before{ background-position: -128px -86px;}
.float-consult .cart:hover a{ color:#ff8a00; border:1px solid #ff8a00;}
.float-consult .cartActive a{ border:1px solid #ff8a00; color:#ff8a00;}
.float-consult .cartActive .cs7:before{ background-position: -176px -27px;}
.float-consult .cartActive em{ width:20px; height:20px; position:absolute; left:20px; top:-10px; border-radius:100%; color:#fff; line-height:20px; text-align:center; font-size:12px; background:#ff8a00;}

.consult-drop:hover span {
	display: block!important;
}
.consult-drop a {
	color: #fff;
}
.float-consult .item .phone {
	top: 25px;
}


.float-consult > ul > li {
	width: 55px;
	height: 55px;
}
.suspension-item {
	position: relative;
	display: block;
	width: 55px;
	height: 55px;
	background: #fff no-repeat center 8px;
	padding-top: 35px;
	text-align: center;
	color: #666;
	border: 1px solid #eeeeee;
	font-size: 12px;
}
.suspension-item:hover {
	color: #059fff;
	border-color: #059fff;
}
.suspension-item.qq {
	background-image: url(../image/icon_suspension_qq.png);
}
.suspension-item.qq:hover {
	background-image: url(../image/icon_suspension_qq_active.png);
}
.suspension-item.wechat {
	background-image: url(../image/icon_suspension_wechat.png);
}
.suspension-item.wechat:hover {
	background-image: url(../image/icon_suspension_wechat_active.png);
}
.suspension-item.tel {
	background-image: url(../image/icon_suspension_tel.png);
}
.suspension-item.tel:hover {
	background-image: url(../image/icon_suspension_tel_active.png);
}
.suspension-detail-outer {
	display: none;
	position: absolute;
	top: -34%;
	right: 54px;
	width: 340px;
}
.suspension-detail {
	position: relative;
	width: 325px;
	padding: 20px;
	background: #fff;
	box-shadow: 0px 1px 4px 1px rgba(0,0,0,0.1);
}
.suspension-detail:after {
	content: "";
	position: absolute;
	border: 6px solid transparent;
	border-left-color: #fff;
	right: -12px;
	top: 50%;
	margin-top: -6px;
}
.suspension-detail-title {
	color: #666666;
	font-size: 14px;
	height: 14px;
	text-align: left;
}
.suspension-detail-list li {
	float: left;
	width: 142px;
	margin-top: 18px;
	height: 20px;
	line-height: 20px;
}
.suspension-detail-list li a {
	display: block;
	width: 100%;
	height: 20px;
	line-height: 20px;
	padding-left: 30px;
	background: no-repeat left center;
	font-size: 14px;
	text-align: left;
	color: #999;
}
.suspension-detail-list li a:hover {
	color: #059fff;
}
li.icon-consult a {
	background-image: url(../image/icon_suspension_consult.png);
}
li.icon-small-tel a {
	background-image: url(../image/icon_suspension_tel_orange.png);
}
.suspension-item:hover .suspension-detail-outer {
	display: block;
}
.wechat .suspension-detail-outer {
	left: auto;
	width: 133px;
	top: -50%;
}
.wechat .suspension-detail {
	width: 118px;
	height: 118px;
	padding: 0;
}
.tel .suspension-detail-outer {
	width: 235px;
}
.tel .suspension-detail {
	width: 220px;
}

 .weixinkefu {border: 1px solid #237ffd; background: linear-gradient(90deg, #0066ff, #0066ff, #0066ff);
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    -o-border-radius: 18px;
    border-radius: 18px; padding: 2px 5px 8px 8px;}

 .weixin_image {
        display: none;
        position: absolute;
        width: 142px; height: 161px; 
        margin-top: -164px;
        margin-left:-38px;
    }


.contactbox{ position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 9999; display: flex; align-items: center; justify-content: center; padding: 10px;}
.contactbox .close{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,.3);}
.contactbox .box2{ width: 100%; max-width: 1050px; position: relative; z-index: 1; border-radius: 2px; overflow: hidden;}
.contactbox .box2 .top {background: url(../image/contact-bg.png) center no-repeat;background-size: cover;justify-content: center;color: #fff;padding: 15px 5% 0 5%;height: 80px;}
.contactbox .box2 .top .ico{ max-width: 217px; float: left;}
.contactbox .box2 .top .txt{ margin-left:70px;}
.contactbox .box2 .closebtn{ z-index: 9999; position: absolute; right: 20px; top: 20px; cursor: pointer; width: 43px; height: 43px;}
.contactbox .box2 .cont{ background: #fff; padding: 3%;}
.contactbox .box2 .cont .sbar{ overflow: auto; max-height: calc(100vh - 380px); padding: 0 3%;}
.contactbox .box2 .cont li{ padding: 2% 0;}
.contactbox .box2 .cont li+li{ border-top: 1px solid #e4e4e4;}
.contactbox .box2 .cont li.last{ border-top: none; padding-top: 0;}

.contactbox .box2 .cont li.last .line{ border-top: 1px solid #e4e4e4; margin-bottom: 3%;}
.contactbox .box2 .cont li .left{ float: left;border-right: 1px solid #e4e4e4; width: 28%; flex: 0 0 auto; justify-content: flex-start; max-width: 270px; padding-left: 1%; text-align: center;}
.contactbox .box2 .cont li .left *{vertical-align: top}
.contactbox .box2 .cont li .left img{ width: 50px; height: 50px; margin-right: 20px;}
.contactbox .box2 .cont li .right{ width: 100%; padding: 0 3%;margin-left: 260px;}
.contactbox .box2 .cont li .right .flex{ justify-content: flex-start; flex-wrap: wrap; padding-bottom: 10px; margin-left: -20px;}
.contactbox .box2 .cont li .right .flex > *{ margin-left: 20px;vertical-align: top;}
.contactbox .box2 .cont li .right .flex .gdbtn{ background: #004DE9;height: 38px; border: 1px solid #fff; padding: 10px 15px; line-height: 38px; color: #fff;}
@media screen and (max-width:960px){
.contactbox .box2 .top{ padding: 15px;}
.contactbox .box2 .top .ico{ max-width: 150px; width: 20%;}
.contactbox .box2 .cont{ padding: 1%;}
.contactbox .box2 .cont li .left{ padding-left: 1%;}
.contactbox .box2 .cont li .left img{ width: 30px; height: 30px; margin-right: 10px;}
.contactbox .box2 .cont li .right{ padding: 0 1% 0 3%;}
}
@media screen and (max-width:768px){
.contactbox .box2 .closebtn{ width: 30px; height: 30px; right: 10px; top: 10px;}
.contactbox .box2 .cont .sbar{ max-height: calc(100vh - 250px);}
.contactbox .box2 .cont{ padding: 15px 10px;}
.contactbox .box2 .cont li{ display: block;}
.contactbox .box2 .cont li .left{ border-right: none; width: 100%; padding: 0;}
.contactbox .box2 .cont li .right{ padding: 15px 0 0 0;}
.contactbox .box2 .cont li.last .right{ padding-top: 0;}
.contactbox .box2{ border-radius: 5px;}
}

.kf-list *{vertical-align: top}
.kf-list span{display: inline-block;line-height: 26px;margin-left:5px;margin-right:15px;color:#32363f}
.kf-list a:hover span{color:#598cf4}


/* 港云网络独家设计，版权所有，盗版必究，制作QQ:7099174，2021.09.25*/ 


@media screen and (max-width:767px) {
.w {
	margin: 0 auto;
	min-width: 100%;
	max-width: 100%;
}
.footer-banner{ height: 160px; background: url("../image/reg-bg.png")  center no-repeat; overflow: hidden; min-width:100%;}
.footer-banner h1{ color: #fff; font-size: 25px; float: left; height: 40px; line-height: 40px; margin: 70px 0 0;}
.footer-banner a{ display: block; float: right; width: 200px; height: 50px; margin: 65px 0 0; background: #fff; border-radius: 3px; line-height: 50px; text-align: center; color: #059fff; font-size: 12px; }

.bottom-ul {
    width: 100%;
  height: 120px;
}

.bottom-ul li {
  width: 24%;
 float: left;
}

.bottom-ul li img{
    width: 40px;
  margin-left: 0px;
}

.bottom-ul li span{

font-size: 10px;
margin-top: 20px;
float: left;
}
.footer-center-right {
     width: 100%;
  float: left;
}

.footer-center-right>ul {
  width: 50%;
  float: left;
    margin-bottom: 30px;
}

.footer-center-right ul li {
  text-align: center;
  line-height: 26px;
}

.footer-center-right ul li a {
  font-size: 12px;
  color: #999;
}

.footer-center-right ul li a:hover {
  color: #2468f2;
}

.footer-center-right ul li.foo {
  margin-bottom: 0px;
  font-weight: normal;
  color: #ffffff;
  font-size: 16px;
  line-height: 30px;
}
.footer-center-left {
  float: left;
  width: 168px;
  position: relative;
}


.footer-center-left p.week {
  font-size: 13px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #333333;
  text-align: left;
    line-height: 30px;
}

.footer-center-left p.tel {
  font-size: 22px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #ff2a00;
    line-height: 40px;
}
.footer-center-left p.tel400 {
  font-size: 22px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #ff2a00;
  line-height: 40px;
}

.footer-center-left-ewm {
  position: absolute;
  top: 156px;
  left: 80px;
  box-sizing: border-box;
  width: 109px;
  display: none;
}

.footer-center-left-ewm img {
  width: 100%;
}

.footer-banner .footer-title{font-size: 18px;font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	margin-top: 30px;
	text-align: center;
	color: #ffffff;}

.footer-top-center {
  width: 100%;
  margin: 0 auto;
  line-height: 30px;
  text-align: left;
  font-size: 12px;
  color: #ffffff;
  padding: 20px 0;
}
.footer-banner .footer-reg{
	float: none;
	display: block;
	margin:30px auto 0;
	width: 100px;
	height: 30px;
	line-height: 30px;
	background-color: #ffffff;
	border-radius: 2px;
	border: solid 1px #ffffff;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #188ae0;
	text-align: center;
}
}