*{margin: 0;padding: 0;}
body{ font-family:"Microsoft Yahei";font-size:14px;margin: 0;padding: 0;background:#fff;color:#333;}
li{ list-style-type:none;}
img{ border:0;}
a,a:hover{ text-decoration:none !important;}
a{ color:#333;}
a:hover{ color:#1f93ff;}
a:focus{outline:none;text-decoration:none !important;}
p,h1,h2,h3,h4,h5,ul,dl,dd{ font-weight: normal; margin:0; padding:0;}
input,textarea,button,select{outline:none !important;border: 0;}
textarea{resize:none}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none; font-family:"Microsoft Yahei"}
input[type="text"]{font-family:"Microsoft Yahei"}
/* input[disabled]{ background:#ccc !important; cursor:not-allowed !important;} */
button[disabled]{ background:#ccc !important;cursor:not-allowed !important;}
em{ font-style: normal; }
a,button,input,textarea{-webkit-tap-highlight-color:transparent;}

@font-face {
  font-family: 'HanHei-SC';
  font-style: normal;
  src: url(fonts/HanHei-SC-thin.woff) format("woff");
}
@font-face{
font-family:'bebasregular';
src:url(fonts/bebas-webfont.woff2)format('woff2'),
	url(fonts/bebas-webfont.woff) format('woff');
font-style:normal;
font-weight:normal
}

@font-face {font-family: "iconfont";
	src: url('fonts/iconfont.eot'); /* IE9*/
	src: url('fonts/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('fonts/iconfont.woff') format('woff'), /* chrome, firefox */
	url('fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
	url('fonts/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
@charset "utf-8";
/* 港云网络独家设计，版权所有，盗版必究，制作QQ:7099174 */ 
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	list-style: none
}
body { font-family: "Microsoft Yahei";min-width: 1280px}
a {	outline: 0;text-decoration: none}
img {border: 0}
.container{ width: 1280px; margin: 0 auto; }
.auto{margin:0 auto;min-width:1280px;max-width:1280px}
.auto{overflow:visible}
.clear{clear: both;}
.fl{float: left;}
.fr{float: right;}
.top-nav {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 80px;
	border-bottom: 1px solid rgba(255,255,255,0.12);
	z-index: 100;
}
.font-size-16{font-size:16px}
.head-nav h1{ float: left; width: 150px; height: 50px; margin: 25px 20px 0 0;}
.head-nav h1 img,.head-nav h1 a{ display: block; width: 100%;}
.header-main{width: 100%;border-bottom:1px solid rgba(255, 255, 255, 0.2);background: #fff;}
.head_main{width: 1280px;}

.dn23-logo{float: left;}
.dn23-logo a{display: block;height: 45px; margin-left:20px;background-size: cover;line-height: 60px; }
.dn23-logo img{margin: -10px 0px;width: 220px;}
.head_sull {margin-top: 10px;}
.head_sull li{padding: 0px 8px;color: #333333;float: left;font-size: 14px;line-height: 60px;} 
.head_sull li a{font-size: 14px;color: #333333}
.head_sull li a:hover{color: #006aff}
.head_sull li:last-child{padding: 0 0 0 20px;}
.head_sull li.head_sull_bg{background: #2358fe;padding: 0 40px;}
.head_sull li:last-child a:nth-child(2){background: #006aff;padding: 0 40px;display: inline-block;line-height: 60px;}

.head-nav .head_main .btn{ height: 60px; line-height: 60px; color: #ffffff; border-radius: 5px;}
.head-nav .head_main .btn-dndenglu{ height: 60px;  border:1px solid #2358fe; padding: 9px 10px;background: #ffffff; line-height: 60px; color: #2358fe;}
.head-nav .head_main .btn-dndenglu:before{content: ""; width: 14px; margin-right: 8px; display: inline-block; vertical-align: top; height: 60px;background: url("img/login.png") right center no-repeat;}
.head-nav .head_main .btn-register{height: 60px; padding: 10px 10px;line-height: 60px; background: #2358fe;}
.head-nav .head_main .btn-register:before{content: ""; width: 14px; margin-right: 8px; display: inline-block; vertical-align: top; height: 60px;background: url("img/register.png") right center no-repeat;}
.btns{ height: 40px; line-height: 40px; color: #ffffff;margin-left: 20px;font-size: 15px; border-radius: 5px; }
.btns-xuangou{ height: 40px; padding: 8px 10px;line-height: 40px; background: #2358fe;}

.header-left {float: left;margin-left: 20px;margin-top: 15px;}
.header-nav-li {float: left;height: 50px;z-index: 100}
.header-nav-li>a {display: inline-block;text-decoration: none;height: 49px;padding: 0 18px;cursor: pointer;line-height: 50px;color: #333333;font-size: 16px;text-align: center;-webkit-transition: color .3s ease;-moz-transition: color .3s ease;-o-transition: color .3s ease;transition: color .3s ease}
.header-nav-li.header-nav-li--active>a {color: #006aff}
.header-nav-li.apy-header-nav-li-active>a {color: #006aff}
.header-nav-li--active i {display: inline-block}
.header-nav-li--active>ul {background-color: #00435b}
.header-nav .current {color: #0af}
.header .auto {overflow: visible}
.cursor-arrow {cursor: default}
.nav-item-name {position: relative;display: inline-block;margin-bottom: 0px;color: #fff;font-size: 14px}
.apy-pop-list{background-color: #fff;position: absolute;border-radius: 2px;padding: 10px 0 20px 20px;opacity: 0;box-sizing: border-box;margin-left: -60px;box-shadow: 0 0 5px rgba(0,0,0,.15);}
.apy-pop-list:before{content: '';position: absolute;left: 98px;top: -17px;border: 8px solid transparent;border-bottom-color: #e6e6e6;}
.header-nav-li:nth-child(0) .apy-pop-list{margin-left:0;left:90px;}
.header-nav-li:nth-child(1) .apy-pop-list{margin-left: 0;left:90px;}
.header-nav-li:nth-child(3) .apy-pop-list{margin-left: -52px;}
.header-nav-li:nth-child(4) .apy-pop-list,.header-nav-li:nth-child(5) .apy-pop-list{margin-left: -58px;}
.header-nav-li:nth-child(2) .apy-pop-list{width: 600px;}
.header-nav-li:nth-child(7) .apy-pop-list{margin-left: 0;/*left:116px;*/}
.header-nav-li:nth-child(3) .apy-pop-list:before{left: 100px;}
.header-nav-li:nth-child(7) .apy-pop-list:before{/*left: 510px;*/  left: 50px;}
.pa {position:relative;margin-left: 4px;}
.apy-pop-list .apy-pop-item{box-sizing: border-box;padding: 0 0 0 10px;display: inline-block;vertical-align: top;width:165px; margin-left: 8px;white-space: normal;}
.apy-pop-list .apy-pop-item:nth-child(5n+1){margin-left: 0;}
.apy-pop-list .apy-pop-item1{width: 214px;}
.apy-pop-list .apy-pop-item:nth-child(5n+1){margin-left:0px;}
.apy-pop-list .apy-pop-item1:nth-child(5){margin-top:20px;margin-left:0px;}
.apy-pop-list .apy-pop-item1:nth-child(6){margin-top:20px;margin-left:20px;}
.apy-pop-list .apy-pop-item1:nth-child(7){margin-top:20px;}
.apy-pop-list .apy-pop-item .apy-pop-item-title{color: #333;font-weight: 700;padding: 10px 0;border-bottom: #e5e5e5 1px solid;font-size: 14px;margin-bottom: 10px;}
.apy-pop-item li a,.apy-pop-item li a span{font-size: 13px;color: #333333 !important;line-height:30px;}

.apy-pop-item li:hover a,.apy-pop-item li:hover span{color: #0033ff !important;}

.footer-join-box {
  height: 244px;
  background: #242633;
}
.footer-join-box h3 {
  font-size: 28px;
  padding: 70px 0 40px;
}
.footer-join-box .f-join-photo {
  margin-top: 45px;
}
.bdr-2{border-radius:2px}
.w-136{width:136px}
.foot-white{color:#fff}
.foot-color-006aff{color:#fff}
.font-weight-normal{font-weight:400}
.inline-block{display:inline-block}
.a-public-btn{border-style:solid;border-width:1px;height:36px;line-height:36px;cursor:pointer;text-align:center}.a-public-btn.w-96{width:96px}.a-public-btn.w-100{width:100px}.a-public-btn.w-136{width:136px}.a-public-btn.w-107{width:107px}.a-public-btn.min-w-100{min-width:100px}.a-public-btn.w-auto{width:auto}.a-public-btn.bd-color-white{border-color:#fff}.a-public-btn.bd-color-006aff{border-color:#006aff}.a-public-btn:hover.hover-bg-e5eefd{background-color:#e5eefd}.a-public-btn:hover.hover-bg-e5f0ff{background-color:#e5f0ff}.a-public-btn:hover.hover-bg-fff{background-color:#fff}.a-public-btn:hover.hover-color-006aff{color:#006aff}.a-public-btn:hover.hover-bd-fff{border-color:#fff}.a-public-btn:hover.hover-bg-rgba2{background-color:rgba(255,255,255,.2)}.a-public-btn:hover.hover-bg-2681ff{background-color:#2681ff;border-color:#2681ff}


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

.head-nav .apy-pop-item-title dt{ padding-left: 24px;}
.apy-pop-item .nav1 dt{background: url("img/nav1.png") left center no-repeat;}
.apy-pop-item .nav2 dt{background: url("img/nav2.png") left center no-repeat;}
.apy-pop-item .nav3 dt{background: url("img/nav3.png") left center no-repeat;}
.apy-pop-item .nav4 dt{background: url("img/nav4.png") left center no-repeat;}
.apy-pop-item .nav5 dt{background: url("img/nav5.png") left center no-repeat;}
.apy-pop-item .nav6 dt{background: url("img/nav6.png") left center no-repeat;}
.apy-pop-item .nav7 dt{background: url("img/nav7.png") left center no-repeat;}
.apy-pop-item .nav8 dt{background: url("img/nav8.png") left center no-repeat;}
.apy-pop-item .nav9 dt{background: url("img/nav9.png") left center no-repeat;}
.apy-pop-item .nav10 dt{background: url("img/nav10.png") left center no-repeat;}
.apy-pop-item .nav11 dt{background: url("img/nav11.png") left center no-repeat;}
.apy-pop-item .nav12 dt{background: url("img/nav12.png") left center no-repeat;}
.apy-pop-item em{display: inline-block; vertical-align:text-top; width: 31px; height: 15px; margin:2px 0 0 5px;}
.apy-pop-item .hot{background: url("img/ico4.png") center no-repeat;}
.apy-pop-item .new{background: url("img/new.png") center no-repeat;}



/* .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(img/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:10px;float: left;}
.contactbox .box2 .closebtn{ 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}