@charset "utf-8";
/* CSS Document */
body{ margin:0; padding:0; box-sizing:border-box; font-size:0; background-color:#fff;}
ul{ list-style:none; margin:0; padding:0;}
li{ list-style:none;}
a{ text-decoration:none;}
ul,li,p{ margin:0;}
h1,h2,h3,h4,h5,h6{ font-weight:normal; margin:0;}
.clearfix{ clear:both;}
img{ margin:0; padding:0;}
hr{ margin:0; padding:0;}
.wrapper{font-size: 0px;}
/*頭部*/
.header{ width:100%; color:#fff; position:relative; overflow:hidden;}
.header_top{ height:110px; width:100%; background-color:rgba(66,80,110,0.5); position:absolute; z-index:10; margin:0 auto;}
.header_top .top ul li{ float:left; width:50%;}
.header_top .top ul li:nth-child(1) span{ margin-left:5%;}
.header_top .top{ width:100%; height:30px; }
.header_top .top ul{ width:100%; max-width:1500px; margin:0 auto; line-height:30px; margin-top:10px;}
.header_top .top>ul>li a{ float:right; padding:6px 20px; color:#fff; margin-right:10px; line-height:16px; border-radius:3px; background-color:#F60;font-size: 14px;}


.nav_box{ width:100%; height:80px; margin:0 auto;}
.nav_box .logo{ position:absolute; top:15%; left:10%;} 
.nav_box .nav{ width:100%; max-width:1500px; margin:0 auto;}
.nav_box .nav a:hover{ color:#F60;}
.nav_box .menu{ width:70%; float:right;}
.nav_box .menu .menu-tit{ float:right; padding:0 2%;}
.nav_box .menu .yjbt{ display:inline-block; line-height:68px; font-size:16px; color:#fff;}

     /*二级标题*/
.nav_box .menu-text-two{ position:absolute; width:100%; border-top:1px solid #fff; background-color:rgb(66,80,110); left:0; display:none;}
.nav_box .menu-text-two .text-two{ width:90%; margin:10px auto;}
.nav_box .menu-text-two .text-two>li{ width:25%; float:left; height:250px; margin:0; border-right:1px solid #ccc; box-sizing:border-box;}
.nav_box .menu-text-two .text-two>li:nth-child(4){ border:none;}
.nav_box .menu-text-two .text-two>li>ul>li{ padding-bottom:20px; margin-left:15%;}
.nav_box .menu-text-two .text-two>li>ul>li>a{ color:#fff; font-size:18px; line-height: 40px;}
.nav_box .menu-text-two .text-two>li>ul>li>a:hover{ color:#F60;}
.nav_box .menu-text P{ color:#CCC; line-height:20px; margin-left:1em;font-size: 14px;}

.bannerbox{ width:100%;height:auto;}
.tubox{width:600%; left:0;top:0; position:relative;}
.tubox>li{ float:left; width:calc(100% / 6); overflow:hidden;}
.bannerbox img{ width:100%; min-width:1200px; vertical-align:middle;}
.bannerbox .yuan{ height:30px; width:200px; position:absolute; bottom:10px; left:50%; z-index:10; margin-left:-48px;}
.bannerbox .yuan li{ width:16px; height:16px; display:block; float:left; background-color:#666; border-radius:50%; margin:5px;}
.bannerbox .yuan li.se{ background-color:#fff;}

.header_footer{ width:100%; height:120px; background-color:#f6f6f6; bottom:0; z-index:10; position:relative;}
.header_footer ul{ width:100%; max-width:1500px; margin:0 auto;}
.header_footer ul li{ float:left;color:#000; width:20%; height:120px; box-sizing:border-box;}
.header_footer ul li:nth-child(1),.header_footer ul li:nth-child(2),.header_footer ul li:nth-child(3),.header_footer ul li:nth-child(4){border-right:1px solid #ccc;}
.header_footer ul li:nth-child(4),.header_footer ul li:nth-child(2),.header_footer ul li:nth-child(3),.header_footer ul li:nth-child(5){border-left:1px solid #ccc;}
.header_footer a{ color:#000;}
.header_footer ul li img{ display:block; float:right; width:20%; height:50%; margin-right:10%; margin-top:-10%;}
.header_footer ul li h6,.header_footer ul li a{ margin-left:7%; margin-top:15%;}
.header_footer ul li h6{ font-size:18px;}
.header_footer ul li a{ display:inline-block;margin-top:10px;font-size: 14px;}
.header_footer ul li a:hover{ color:#F60;}

.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;
	text-align:center; line-height:100px;
}


/*-----------熱銷產品------------*/
.chanpin{ width:100%; max-width:none; margin:0 auto; margin-top:0; padding:76px 0 86px; background:#07111f; background:linear-gradient(135deg,#07111f 0%,#0b2440 52%,#103b64 100%); position:relative; overflow:hidden;}
.chanpin:before{ content:""; position:absolute; left:50%; top:-220px; width:840px; height:840px; margin-left:-420px; background:radial-gradient(circle,rgba(32,145,255,0.22) 0%,rgba(32,145,255,0) 62%); pointer-events:none;}
.chanpin:after{ content:""; position:absolute; right:-140px; bottom:-220px; width:520px; height:520px; background:radial-gradient(circle,rgba(255,171,64,0.16) 0%,rgba(255,171,64,0) 68%); pointer-events:none;}
.chanpin-title{ position:relative; z-index:1; width:100%; max-width:1200px; margin:0 auto; text-align:center;}
.chanpin-title span{ display:inline-block; color:#74b8ff; font-size:13px; letter-spacing:3px; margin-bottom:12px;}
.chanpin h1{ text-align:center; color:#fff; font-size:34px; font-weight:700; line-height:1.3;}
.chanpin h2{ text-align:center; color:#b8c8dd; font-size:15px; line-height:26px; margin:12px auto 0; max-width:720px;}
.chanpin .product-grid{ position:relative; z-index:1; width:100%; max-width:1200px; margin:42px auto 0; display:flex; gap:28px;}
.chanpin .product-grid>li{ float:none; width:33.333%; min-height:470px; border:1px solid rgba(255,255,255,0.12); box-shadow:0 26px 70px rgba(0,0,0,0.28); margin-top:0; background:rgba(255,255,255,0.96); text-align:left; border-radius:8px; box-sizing:border-box; padding:30px 28px 28px; position:relative; overflow:hidden; transition:all .25s ease;}
.chanpin .product-grid>li:before{ content:""; position:absolute; left:0; top:0; width:100%; height:5px; background:linear-gradient(90deg,#26a5ff,#82d8ff);}
.chanpin .product-grid>li:nth-child(2):before{ background:linear-gradient(90deg,#ff9f38,#ffd18a);}
.chanpin .product-grid>li:nth-child(3):before{ background:linear-gradient(90deg,#20c997,#7af0c4);}
.chanpin .product-grid>li:hover,.chanpin .product-grid>li.teshu{ transform:translateY(-10px); box-shadow:0 34px 90px rgba(0,0,0,0.38);}
.chanpin .product-card-top{ min-height:146px; border-bottom:1px solid #e8edf4; margin-bottom:18px;}
.chanpin .product-location{ display:inline-block; color:#1b78d0; font-size:13px; font-weight:700; letter-spacing:1px; margin-bottom:14px;}
.chanpin h3{ width:100%; color:#101a2b; font-size:24px; font-weight:700; height:auto; line-height:1.25; border-bottom:none;}
.chanpin .product-card-top p{ color:#5d6b7d; font-size:14px; line-height:24px; margin-top:14px;}
.chanpin .product-specs{ padding:0; background:transparent;}
.chanpin .product-specs li{ display:flex; justify-content:space-between; align-items:center; gap:16px; color:#344154; font-size:14px; height:auto; min-height:42px; line-height:20px; width:100%; border-bottom:1px solid #eef2f7; margin:0;}
.chanpin .product-specs span{ color:#8795a8;}
.chanpin .product-specs strong{ color:#1d2a3a; font-weight:700; text-align:right;}
.chanpin .product-footer{ padding-top:20px;}
.chanpin h4{ text-align:left; font-size:42px; color:#ff7200; margin:0 0 18px; font-weight:700; line-height:1;}
.chanpin h4 span{ font-size:20px; vertical-align:15px; margin-right:3px;}
.chanpin h4 em{ color:#7c8796; font-size:14px; font-style:normal; font-weight:400; margin-left:5px;}
.chanpin .goumai{ margin:0; font-size:15px; color:#1d89e4; padding:0; display:flex; gap:12px;}
.chanpin .goumai a{ display:inline-block; padding:11px 20px; border:1px solid #1d89e4; border-radius:4px; color:#fff; background:#1d89e4; transition:all .2s ease;}
.chanpin .goumai a:hover{ background:#0f6ec0; border-color:#0f6ec0;}
.chanpin .chakan{ display:inline-block; margin-top:0; color:#1d89e4!important; background:#fff!important; border-color:#cfe3f8!important;}
.chanpin .chakan:hover{ color:#0f6ec0!important; border-color:#0f6ec0!important;}
.chanpin .teshu{ background:rgba(255,255,255,0.98); padding:30px 28px 28px; margin-top:0;}
.chanpin .teshu ul{ background:transparent; padding-top:0;}
.chanpin .teshu h3{ height:auto; line-height:1.25; color:#101a2b;}

/*---------選擇我們-------------*/
.us{ width:100%; max-width:1200px; margin:0 auto; margin-top:90px; margin-bottom:50px;}
.us h1{ text-align:center;}
.us h2{ text-align:center; font-size:14px; margin:10px 0;}
.us>ul>li{ float:left; width:23%; color:#000; text-align:center;}
.us>ul>li h5{ font-size:36px; margin:20px 0;}
.us>ul>li h6{ font-size:14px; line-height:24px; padding:0 10px;}


/*-------------服务平台--------------*/
.map{ width:100%; background-color:#f5f6f7; margin-top:20px; padding-top:50px;}
.map-service{ width:100%; max-width:1200px; margin:0 auto;}
.map-service h1{ text-align:center;}
.map-service h2{ text-align:center; font-size:14px; margin:10px 0;}
.map-product {
	padding-bottom: 30px;
}
.map-service-box{
	position: relative;
}
.world-map-wrapper {
	/*margin-top: 10px;*/
	width: 100%;
	height: 401px;
	background: url(images/world-map-bg.png) no-repeat center;
}
.world-map {
	position: relative;
	margin: 0 auto;
	width: 1000px;
	height: 100%;
}
.region-list {
	position: absolute;
	left: 0px;
	top: 0px;
}
.map-service-left{ margin:0 auto 20px; width:300px;}
.map-service-left .data-list-li{ float:left; margin-left:20px;}
.map-service-left .data-list-li a{ display:block;}
.data-list-title{ width:100%; padding-left:50px; margin-bottom:4px; height:44px; line-height:44px; font-size:14px; color:#0080ff; background:url(images/data_list_icon_active.png) no-repeat 20px center;}
.list-title-3{ color:#14cc45; background:url(images/data_list_icon_waite.png) no-repeat 20px center;}

@keyframes warn {
	0% {
		transform: scale(0);
		opacity: 1;
	}
	30% {
		transform: scale(0);
		opacity: 0.1;
	}
	60% {
		transform: scale(0.5);
		opacity: 0.5;
	}
	100% {
		transform: scale(1);
		opacity: 0.0;
	}
}
@-webkit-keyframes warn {
	0% {
		-webkit-transform: scale(0);
		opacity: 0.0;
	}
	30% {
		transform: scale(0);
		opacity: 0.1;
	}
	60% {
		transform: scale(0.5);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: scale(1);
		opacity: 0.0;
	}
}
@-moz-keyframes warn {
	0% {
		-moz-transform: scale(0);
		opacity: 0.0;
	}
	30% {
		transform: scale(0);
		opacity: 0.1;
	}
	60% {
		transform: scale(0.5);
		opacity: 0.5;
	}

	100% {
		-moz-transform: scale(1);
		opacity: 0.0;
	}
}

.area-box .dot {
	display: inline-block;
	position: absolute;
	left: 0px;
	width: 16px;
	height: 16px;
	/*background: url("img/area_min.png") no-repeat center;*/
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	background: #14cc45;
	opacity: 1;
	filter: alpha(opacity=100);
}
.area-box .pulse {
	display: inline-block;
	position: absolute;
	top: -36px;
	left: -36px;
	height: 88px;
	width: 88px;
	-webkit-border-radius: 48px;
	-moz-border-radius: 48px;
	border-radius: 48px;
	background: #14cc45;
	opacity: 0.12;
	filter: alpha(opacity=0);
	-webkit-animation: warn 2s ease-out;
	-moz-animation: warn 2s ease-out;
	animation: warn 2s ease-out;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
.region-list.active .area-box .dot {
	background: #0080ff;
}
.region-list.active .area-box .pulse {
	background: #0080ff;
}
.region-list.waite .area-box .dot {
	background: #ff9900;
}
.region-list.waite .area-box .pulse {
	background: #ff9900;
}
.show-regin {
	position: absolute;
	left: 2px;
	height: 0px;
	top: 0px;
	width: 11px;
	opacity:0;
	-o-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-webkit-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}
.online-node .show-regin,
.region-list:hover .show-regin {
	height: 127px;
	opacity: 1;
}
.waite-node .show-regin,
.region-list:hover .show-regin {
	height: 127px;
	opacity: 1;
}
.underline-node .show-regin,
.region-list:hover .show-regin {
	height: 127px;
	opacity: 1;
}
.show-regin span {

	width: 80px;
	display: inline-block;
	position: absolute;
	left: -34px;
	top: -34px;
	padding: 6px 10px;
	font-size: 12px;
	color: #fff;
	background: #a2a9b4;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	text-align:center;
}
.postition-10 .show-regin span {
	left: -5px;
}
.postition-6 .show-regin span {
	left: -63px;
}
.area-box {
	z-index: 77;
}
.show-regin {
	z-index: 66;
}

.region-list.active .show-regin span {
	position: relative;
	color: #fff;
	background: #009fd9;
}
.region-list.active .show-regin span:before {
	content: "";
	position: absolute;
	left: 50%;
	margin-left: -6px;
	bottom: -10px;
	border: 6px solid transparent;
	border-top-color: #009fd9;
}
.postition-10.region-list.active .show-regin span:before {
	left: 11px;
	margin-left: -6px;
}
.postition-6.region-list.active .show-regin span:before {
	left: 69px;
	margin-left: -6px;
}
.region-list.waite .show-regin span {
	color: #fff;
	background: #ff9900;
}
.region-list.waite .show-regin span:before {
	content: "";
	position: absolute;
	left: 50%;
	margin-left: -6px;
	bottom: -10px;
	border: 6px solid transparent;
	border-top-color: #ff9900;
}
.region-list.underline-node .show-regin span:before {
	content: "";
	position: absolute;
	left: 50%;
	margin-left: -6px;
	bottom: -10px;
	border: 6px solid transparent;
	border-top-color: #a2a9b4;
}
.region-position-introduce {
	position: absolute;
	font-size: 16px;
	color: #808080;
}
.postition-1 {
	left: 190px;
	top: 90px;
}
.postition-2 {
	left: 265px;
	top: 160px;
}
.postition-3 {
	left: 330px;
	top: 310px;
}
.postition-4 {
	left: 520px;
	top: 140px;
}
.postition-5 {
	left: 720px;
	top: 140px;
}
.postition-6 {
    left: 700px;
    top: 180px;
}
.postition-introduce-6 {
    left: 660px;
    top: 175px;
}
/*華東*/
.postition-7 {
    left: 730px;
    top: 175px;
}
.postition-introduce-7 {
    left: 750px;
    top: 170px;
}
/*香港*/
.postition-8 {
    left: 710px;
    top: 215px;
}
.postition-introduce-8 {
    left: 670px;
    top: 212px;

}
.postition-9 {
    left: 735px;
    top: 215px;
}
.postition-introduce-9 {
    left: 757px;
    top: 212px;
}
/*美国*/
.postition-10 {
	left: 225px;
	top: 170px;
}
.postition-introduce-10 {
	left: 225px;
	top: 190px;
}
.postition-11 {
    left: 679px;
    top: 253px;
}
.postition-introduce-11 {
    left: 625px;
    top: 250px;
}
.postition-12 {
    left: 713px;
    top: 255px;
}
.postition-introduce-12 {
    left: 732px;
    top: 252px;
}






.douhao {
	display: inline-block;
	width: 0px;
}

/*-----------合作伙伴-------------*/
.hezuo{ width:100%; max-width:1200px; margin:0 auto; margin-top:80px;}
.hezuo h1{ text-align:center;}
.hezuo h2{ text-align:center; font-size:14px; margin:10px 0;}
.hezuo_huoban{ margin-top:30px;}
.hezuo_huoban>ul{ width:100%;}
.hezuo_huoban>ul>li{ float:left; width:20%; height:180px;}
.hezuo_huoban>ul>li img{ display:inline-block; margin-left:calc(50% - 78px); margin-top:50px;}
.huoban_se{ background-color:#fff; box-shadow:3px 5px 20px 1px rgba(0,0,0,0.3);}

/*-----------常見問題-------------*/
.wenti{ width:100%; max-width:1200px; margin:0 auto; margin-top:50px; background-color:#f5f6f7; padding-bottom:30px;}
.wenti h1{ text-align:center;padding-top:50px;}
.wenti h2{ text-align:center; font-size:14px; margin:10px 0;}
.wenti>ul{ width:99%; margin:0 auto;}
.wenti>ul>li{ float:left; width:32%; background-color:#fff; padding-bottom:30px; border-radius:5px;}
.wenti>ul>li:nth-child(2){ margin:0 2%;}
.wenti_1 img{ float:left; margin-left:20px; margin-top:15px; margin-right:10px;}
.wenti_1 h3{ display:inline-block; height:50px; line-height:50px;}
.wenti_1>a{ font-size:14px; margin-left:48%;}
.wenti .wenti_neirong{ width:80%; border-top:2px solid #ccc; margin-left:50px; padding-top:10px;}
.wenti .wenti_neirong li{ line-height:30px;}

/*-----------免費註冊-------------*/
.zhuce{ width:100%; height:240px; background:url(images/2.jpg) no-repeat center; margin-top:10px;}
.zhuce h1{ text-align:center; color:#fff; padding-top:80px;}
.zhuce a{ display:inline-block; padding:10px 100px; border:1px solid #fff; margin-left:43%; margin-top:30px; color:#fff;}



/*----------尾部--------------*/
.footer,.footer-banner,body{min-width:1200px}
body{font-family:"Microsoft Yahei"}strong{font-weight:400}.strong{font-weight:700}::selection{background:#1EACDF;color:#333}::-moz-selection{background:#1EACDF;color:#333}::-webkit-selection{background:#1EACDF;color:#333}
.auto,.autoWidth{margin:0 auto;max-width:1200px;_width:1200px}
.clearfix:after,.clearfix:before{display:table;line-height:0;content:""}.clearfix:after{clear:both}.pull-right{float:right}
.hide{display:none}.show{display:block}.invisible{visibility:hidden}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}
.img-rounded{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}
.img-polaroid{padding:4px;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);-webkit-box-shadow:0 1px 3px rgba(0,0,0,.1);-moz-box-shadow:0 1px 3px rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.1)}
.img-circle{-webkit-border-radius:500px;-moz-border-radius:500px;border-radius:500px}.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}
.footer{font-family:"Microsoft Yahei"}
.clear-float{clear:both}.text-overflow{overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}

.suspension{width:54px;height:300px;position:fixed;right:40px;bottom:40px;z-index:999}
.suspension li{position:relative;width:54px;height:54px;margin-top:10px;border-radius: 5px;}
.connect-us,.phone,.qrcode,.telegram{position:absolute;bottom:-20%;z-index:30}
.connect-us {bottom: -140%;}
.qrcode{bottom: -80%;}
.suspension li:first-child{margin-top:0}
.suspension li .pop-qq{background-image: url(images/pop-qq.png);}
.suspension li .pop-telegram{ background-image: url(images/pop-telegram.png);}
.suspension li .pop-qrcode{background-image: url(images/pop-qrcode.png);}
.suspension li .pop-tel{background-image: url(images/pop-tel.png);}
.suspension li .to-top{background-image: url(images/to-top.png);}
.suspension li#toTop{transition:all 0.3s;display: none;}
.pop-qq,.pop-qrcode,.pop-tel,.pop-telegram,.to-top{display:block;width:100%;height:100%;border-radius: 5px;opacity: 0.3;background-color:#000;background-repeat:no-repeat;background-position:center;cursor: pointer;}
.pop-qq:hover,.pop-qrcode:hover,.pop-tel:hover,.to-top:hover,.pop-telegram:hover{background: #145eff;border:none;background-position: center;opacity: 1;}
.pop-qq{border-color:#145eff;background-color:#145eff;opacity: 0.7}
.phone,.telegram{width:220px;right:55px;background:#fff;border-radius:10px;-webkit-box-shadow:0 6px 12px 0 rgba(0,0,0,.15);-moz-box-shadow:0 6px 12px 0 rgba(0,0,0,.15);box-shadow:0 6px 12px 0 rgba(0,0,0,.15);padding-bottom: 10px;display:none}
.phone p,.telegram p{font-size: 16px;padding:10px 20px 0; text-align:center;}
.phone p span,.telegram p span{color: #145eff;font-weight: bold;}
.connect-us{width:220px;right:55px;background:#fff;border-radius:10px;-webkit-box-shadow:0 6px 12px 0 rgba(0,0,0,.15);-moz-box-shadow:0 6px 12px 0 rgba(0,0,0,.15);box-shadow:0 6px 12px 0 rgba(0,0,0,.15);padding-bottom: 10px;display:none;}
.connect-us h6,.phone h6,.telegram h6{height:40px;line-height: 40px;border-radius:10px;text-align: center;background: #145eff;font-size: 16px;color:#fff; }
.connect-us ul{text-align: center;}
.connect-us ul p{color: #333;font-size: 15px;    text-align: left;margin-left: 20px;padding-top: 5px;}
.connect-us li{display:list-item;width:100%;overflow:hidden;line-height: 40px;height: 40px;margin-top: 5px;}
.connect-us li span{color:#145eff; font-weight:bold; font-size:16px;}
.qrcode{right:55px;width:150px;height: 150px;border-radius: 10px;background: url(../images/qrcode.jpg);background-size: 100%;-webkit-box-shadow:0 6px 12px 0 rgba(0,0,0,.15);-moz-box-shadow:0 6px 12px 0 rgba(0,0,0,.15);box-shadow:0 6px 12px 0 rgba(0,0,0,.15);display: none;}

.footer{background-color:#0d0d0d}
.footer-floor1{width:100%;padding:40px 0 20px}
.footer-floor3{width:100%;padding-bottom: 20px;padding-top: 15px;}
.footer-floor3 ul li{float: left;color: #fff;height: 30px;line-height: 30px;margin:0px 10px}
.footer-floor3 ul li a{color: #cccccc;letter-spacing: 1px;}
.footer-floor3 ul li a:hover{color: #1426ff;}
.footer-floor3 ul li.link{font-size: 18px;}
.company-box,.footer-list{padding-left:20px}
.footer-list{width:60%;height:100%;border-left:1px solid #414b51;float:left}
.footer-list ul{float:left;width:33.3%}
.footer-list li{line-height:30px;letter-spacing: 1px;}
.footer-list li a{color:#cccccc;font-size:14px;letter-spacing: 1px;}
.footer-floor2 a:hover,.footer-list li a:hover{color:#1d89e4;}
.footer-list li a:hover{color:#1d89e4}
.footer-list .flist-title{font-size:18px;color:#fff;margin-bottom:10px}
.footer-left{width:32%;float:left}
.company-logo{height:40px;}
.company-logo p{display:inline; color:#fff; font-size:24px;}
.company-logo span{display:inline-block;margin-left:20px;margin-top:-5px;width:126px;height:40px;background:url(images/bottom_16.gif) left no-repeat;letter-spacing: 1px;}
.company-name{margin-top:20px;line-height:25px;font-size:14px;color:#fff}
.official-plat{width:100%;height:100%;margin-top:20px;position:relative}
.official-plat .neirong_box{width:100%}.official-plat .neirong_box>li{float:left;margin-left:15px;width:40px;height:40px}
.official-plat .neirong_box a{display:block}
.official-plat .neirong_box>li span{display:inline-block;width:40px;height:40px;background-repeat:no-repeat;background-position:center}

.official-plat .telegram-logo{background-image:url(images/bottom_23.png)}
.official-plat .qq-logo{background-image:url(images/bottom_27.png)}
.official-plat .qq-text,.official-plat .telegram-text{ position:absolute; width:160px; background-color:#fff; top:40px; display:none; border-radius:5px; left:0; z-index:888;}
.official-plat .neirong li{ width:100%; display:list-item; height:30px; line-height:30px; overflow:hidden; text-align:center;}
.official-plat .neirong h6{ height:30px; line-height:30px; background:#145eff; color:#fff; font-size:16px; text-align:center; border-radius:5px;}
.official-plat .neirong li span{ color:#145eff; font-weight:bold; font-size:14px; margin-right:30%;}
.official-plat .telegram-text span{ line-height:30px; font-size:14px; margin-left:10%;color:#145eff;font-weight:bold;}
.official-plat>p{display:inline-block;width:132px;height:132px;border:1px solid #ddd;background-color:#fff}
.official-plat .weibo,.official-plat .weixin{top:-145px;background-image:url(images/plat_qrcode.png);display:none;position:absolute;background-repeat:no-repeat}
.official-plat .weixin{left:24px;background-position:0 0}
.official-plat .weibo{left:-32px;background-position:-132px 0}
.corner{border:10px solid transparent;border-top:10px solid #fff;position:absolute;bottom:-20px;right:50%;margin-right:-10px;z-index:10;*height:0}

.footer-banner-button,.footer-banner-text{position:relative;z-index:20}
.five-superiority{width:100%;height:120px;border-bottom:1px solid #414b51}
.five-superiority-list li{float:left;width:25%;height:120px}
.five-superiority-list li a{white-space:nowrap;display:block;line-height:120px;padding-left:130px;background-repeat:no-repeat;background-position:50px center;font-size:18px;color:#fff;letter-spacing: 1px;}.compensate_ico a{background-image:url(images/bottom_03.png)}
.retreat_ico a{background-image:url(images/bottom_05.png)}
.technology_ico a{background-image:url(images/bottom_07.png)}
.prepare_ico a{background-image:url(images/bottom_09.png)}
.footer-floor2{width:100%;border-top:1px solid #000;padding:20px 0 30px;text-align:center;letter-spacing: 1px;}
.footer-floor2 .mpkj-auto{position: relative;}
.footer-floor2 .mpkj-auto a img.img-responsive{width:75px;position: absolute; top: -10px; left: 250px;}
.footer-floor2 p{text-align:center;color:#fff;font-size:13px;line-height:30px}
.footer-floor2 p span{font-family:PingFangSC-Light,'helvetica neue','hiragino sans gb',tahoma,'microsoft yahei ui','microsoft yahei',simsun,sans-serif}
.footer-floor2 a{color:#fff}.foot-link{margin:0 15px;text-decoration:none}



.footer-banner{position:relative;/*background:#0993fd;*/height:180px;overflow:hidden;color:#fff;text-align:center; margin-top: 0px;background:url(images/footer_bg001.jpg) center;}
.footer-banner-text{padding-top:45px;font-size:22px}
.footer-banner-button a{display:inline-block;margin-top:50px;width:200px;height:40px;line-height:40px;border:1px solid #fff;color:#fff;font-size:18px;}
.footer-banner-button a:hover{color:#333;background-color:#fff}
.footer-bubble{position:absolute}
.bubble-1{top:120px;left:70%;z-index:10;margin-left:-120px;width:55px;height:120px;background:url(images/rocket.png);-webkit-animation:bubble-animate-1 linear 3s infinite;-moz-animation:bubble-animate-1 linear 3s infinite;-o-animation:bubble-animate-1 linear 3s infinite;animation:bubble-animate-1 linear 3s infinite}
.bubble-2{top:40px;left:38%;z-index:11;width:64px;height:45px;background:url(images/footer_bubble_1.png);-webkit-animation:bubble-animate-2 linear 24s infinite;-moz-animation:bubble-animate-2 linear 24s infinite;-o-animation:bubble-animate-2 linear 24s infinite;animation:bubble-animate-2 linear 24s infinite}
.bubble-3{top:50px;left:48%;z-index:12;width:90px;height:50px;background:url(images/footer_bubble_3.png);-webkit-animation:bubble-animate-3 linear 28s infinite;-moz-animation:bubble-animate-3 linear 28s infinite;-o-animation:bubble-animate-3 linear 28s infinite;animation:bubble-animate-3 linear 28s infinite}
.bubble-4{top:110px;left:18%;z-index:12;width:90px;height:50px;background:url(images/footer_bubble_2.png);-webkit-animation:bubble-animate-4 linear 40s infinite;-moz-animation:bubble-animate-4 linear 40s infinite;-o-animation:bubble-animate-4 linear 40s infinite;animation:bubble-animate-4 linear 40s infinite}
@-webkit-keyframes bubble-animate-1{from{top:120px}to{top:-120px}}
@-moz-keyframes bubble-animate-1{from{top:120px}to{top:-120px}}
@-o-keyframes bubble-animate-1{from{top:120px}to{top:-120px}}
@keyframes bubble-animate-1{from{top:120px}to{top:-120px}}
@-webkit-keyframes bubble-animate-2{from,to{top:40px;left:35%}50%{top:40px;left:10%}}
@-moz-keyframes bubble-animate-2{from,to{top:40px;left:35%}50%{top:40px;left:10%}}
@-o-keyframes bubble-animate-2{from,to{top:40px;left:35%}50%{top:40px;left:10%}}
@keyframes bubble-animate-2{from,to{top:40px;left:35%}50%{top:40px;left:10%}}
@-webkit-keyframes bubble-animate-3{from,to{top:60px;left:60%}50%{top:60px;left:80%}}
@-moz-keyframes bubble-animate-3{from,to{top:60px;left:60%}50%{top:60px;left:80%}}
@-o-keyframes bubble-animate-3{from,to{top:60px;left:60%}50%{top:60px;left:80%}}
@keyframes bubble-animate-3{from,to{top:60px;left:60%}50%{top:60px;left:80%}}
@-webkit-keyframes bubble-animate-4{
    from,to{top:110px;left:18%}50%{top:110px;left:88%}
    }
@-moz-keyframes bubble-animate-4{
    from,to{top:110px;left:18%}50%{top:110px;left:88%}
    }
@-o-keyframes bubble-animate-4{
    from,to{top:110px;left:18%}50%{top:110px;left:88%}
    }
@keyframes bubble-animate-4{
    from,to{top:110px;left:18%}50%{top:110px;left:88%}
    }

.signfooter{background-color:#f2f4f5;border-top:1px solid #ddd;text-align:center}
.footer-signfooter{width:100%;padding:25px 0 30px}
.footer-signfooter a,.footer-signfooter p{margin-top:8px;font-size:12px;color:#999}
.signfooter-nav{margin-top:25px}
.signfooter-nav-list{display:inline-block}
.signfooter-nav-list li{position:relative;float:left;margin:0 30px;height:20px;line-height:20px}
.signfooter-nav-list li:before{position:absolute;left:-30px;top:4px;content:"";height:14px;width:1px;background:#ddd}
.signfooter-nav-list li:first-child:before{width:0;height:0}
.signfooter-nav-list li a{display:inline-block;font-size:16px;color:#666}
.show-captcha{height:30px}
.signfooter-foot-link{margin-left:15px;text-decoration:none;color:#b6e2f2}
.signfooter-foot-link:hover{text-decoration:underline}


.chanpin h1,.us h1,.map-service h1,.hezuo h1{font-size: 28px;}
.chanpin .chanpin-title h1{font-size:34px;}

/* 20260706 homepage refresh */
body{background:#f4f7fb;color:#172235;}
.header_top{background:rgba(5,15,31,0.72);backdrop-filter:blur(10px);box-shadow:0 16px 40px rgba(0,0,0,0.16);}
.nav_box .menu .yjbt{font-weight:600;letter-spacing:0.5px;}
.nav_box .menu .yjbt:hover{color:#6bc3ff;}
.bannerbox{position:relative;height:650px;overflow:hidden;background:#07111f;}
.tubox{width:300%;height:650px;left:0;top:0;position:absolute;z-index:1;}
.tubox>li{float:left;width:calc(100% / 3);height:650px;overflow:hidden;}
.bannerbox:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;background:linear-gradient(90deg,rgba(3,10,23,0.88) 0%,rgba(5,20,42,0.72) 42%,rgba(5,20,42,0.25) 100%);}
.bannerbox:after{content:"";position:absolute;right:7%;top:22%;z-index:3;width:360px;height:360px;border:1px solid rgba(112,196,255,0.18);border-radius:50%;box-shadow:0 0 80px rgba(29,137,228,0.18), inset 0 0 60px rgba(29,137,228,0.1);pointer-events:none;}
.bannerbox img{height:650px;object-fit:cover;filter:saturate(1.08) contrast(1.05);}
.bannerbox .yuan{z-index:6;bottom:30px;}
.bannerbox .yuan li{width:34px;height:4px;border-radius:4px;background:rgba(255,255,255,0.35);}
.bannerbox .yuan li.se{background:#62c7ff;}
.hero-content{position:absolute;z-index:5;left:50%;top:50%;width:1200px;transform:translate(-50%,-43%);color:#fff;}
.hero-content>span,.section-title>span{display:inline-block;color:#74c8ff;font-size:13px;font-weight:700;letter-spacing:3px;margin-bottom:16px;}
.hero-content h1{width:720px;font-size:48px;font-weight:800;line-height:1.22;margin:0;}
.hero-content p{width:650px;margin-top:22px;color:#c7d7ea;font-size:17px;line-height:32px;}
.hero-actions{display:flex;gap:16px;margin-top:34px;}
.hero-actions a{display:inline-block;padding:14px 30px;border-radius:4px;background:#1d89e4;color:#fff;font-size:16px;font-weight:700;box-shadow:0 16px 36px rgba(29,137,228,0.36);}
.hero-actions a:nth-child(2){background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.35);box-shadow:none;}
.hero-actions a:hover{background:#0f6ec0;}
.hero-actions a:nth-child(2):hover{background:rgba(255,255,255,0.16);}
.hero-metrics{display:flex;gap:54px;margin-top:44px;}
.hero-metrics li{float:none;color:#fff;}
.hero-metrics strong{display:block;font-size:28px;font-weight:800;line-height:1;color:#fff;}
.hero-metrics em{display:block;margin-top:9px;color:#9fb1c7;font-size:14px;font-style:normal;}
.header_footer{height:auto;margin-top:-44px;background:transparent;z-index:7;}
.header_footer ul{max-width:1200px;display:flex;background:#fff;border-radius:8px;box-shadow:0 24px 70px rgba(9,30,66,0.16);overflow:hidden;}
.header_footer ul li{float:none;flex:1;height:126px;border:none!important;position:relative;padding:26px 22px;transition:all .2s ease;}
.header_footer ul li:after{content:"";position:absolute;right:0;top:30px;width:1px;height:66px;background:#e6edf5;}
.header_footer ul li:last-child:after{display:none;}
.header_footer ul li:hover{background:#f7fbff;}
.header_footer ul li h6,.header_footer ul li a{margin:0;}
.header_footer ul li h6{color:#101a2b;font-size:18px;font-weight:700;}
.header_footer ul li a{color:#637187;font-size:13px;line-height:21px;margin-top:10px;width:130px;}
.header_footer ul li img{width:44px;height:44px;float:none;position:absolute;right:22px;bottom:26px;margin:0;object-fit:contain;}
.section-title{text-align:center;max-width:1200px;margin:0 auto;}
.section-title h1{color:#101a2b;font-size:34px;font-weight:800;line-height:1.3;}
.section-title h2{color:#69788d;font-size:15px;line-height:26px;margin-top:10px;}
.us{max-width:none;margin:0;padding:86px 0;background:#fff;}
.us h1{color:#101a2b!important;font-size:34px!important;font-weight:800;}
.us h2{color:#69788d;font-size:15px;line-height:26px;margin:12px 0 40px;}
.us .adList{width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.us>ul>li{float:none;width:auto;min-height:232px;text-align:left;background:#f7f9fc;border:1px solid #e7edf5;border-radius:8px;padding:30px 26px;box-sizing:border-box;transition:all .25s ease;}
.us>ul>li:hover{transform:translateY(-8px);background:#fff;box-shadow:0 22px 58px rgba(9,30,66,0.12);border-color:#d4e8fb;}
.reason_img{display:block;width:48px;height:48px;border-radius:8px;background:linear-gradient(135deg,#1d89e4,#61c7ff);box-shadow:0 14px 30px rgba(29,137,228,0.28);}
.reason_img:before{display:block;color:#fff;font-size:22px;font-weight:800;line-height:48px;text-align:center;}
.reason_img_1:before{content:"G";}
.reason_img_2:before{content:"P";}
.reason_img_3:before{content:"D";}
.reason_img_4:before{content:"S";}
.ad_left{margin-top:24px;color:#101a2b;font-size:20px;font-weight:800;}
.ad_right{margin-top:12px;color:#647389;font-size:14px;line-height:25px;}
.map{margin-top:0;padding:84px 0 70px;background:#07111f;background:linear-gradient(135deg,#07111f 0%,#0d213a 58%,#102b4a 100%);overflow:hidden;}
.map-service{max-width:1200px;position:relative;}
.map-service h1{color:#fff!important;font-size:34px!important;font-weight:800;}
.map-service h2{color:#9fb4cb;font-size:15px;line-height:26px;margin:12px 0 24px;}
.map-service-wrapper{background:rgba(255,255,255,0.035);border:1px solid rgba(255,255,255,0.08);border-radius:8px;box-shadow:0 30px 90px rgba(0,0,0,0.26);}
.world-map-wrapper{height:440px;background:url(images/world-map-bg.png) no-repeat center;background-size:contain;opacity:.96;}
.region-position-introduce{color:#c7d7ea;font-size:14px;text-shadow:0 2px 10px rgba(0,0,0,0.4);}
.area-box .dot,.region-list.active .area-box .dot{background:#62c7ff;box-shadow:0 0 18px rgba(98,199,255,.7);}
.area-box .pulse,.region-list.active .area-box .pulse{background:#62c7ff;}
.data-list-title{color:#d9e9ff;font-size:14px;background:none!important;padding-left:0;height:36px;line-height:36px;}
.data-list-title:before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;background:#62c7ff;margin-right:10px;box-shadow:0 0 14px rgba(98,199,255,.8);}
.list-title-3:before{background:#ffb34d;box-shadow:0 0 14px rgba(255,179,77,.75);}
.hezuo{max-width:none;margin:0;padding:84px 0;background:#f4f7fb;}
.hezuo h1{color:#101a2b!important;font-size:34px!important;font-weight:800;}
.hezuo h2{color:#69788d;font-size:15px;line-height:26px;margin-top:10px;}
.hezuo_huoban{width:1200px;margin:34px auto 0;}
.hezuo_huoban>ul{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;}
.hezuo_huoban>ul>li{float:none;width:auto;height:118px;background:#fff;border:1px solid #e7edf5;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;}
.hezuo_huoban>ul>li img{display:block;margin:0;max-width:76%;height:auto;filter:grayscale(1);opacity:.75;transition:all .2s ease;}
.huoban_se,.hezuo_huoban>ul>li:hover{box-shadow:0 18px 50px rgba(9,30,66,0.12);border-color:#cfe3f8;transform:translateY(-4px);}
.huoban_se img,.hezuo_huoban>ul>li:hover img{filter:none;opacity:1;}
.news{background:#fff;padding:84px 0 90px;}
.news-title{margin-bottom:34px;}
.news-title h1{color:#101a2b;font-size:34px;font-weight:800;}
.news-title h2{color:#69788d;font-size:15px;line-height:26px;margin-top:10px;}
.news .ww{width:1200px;margin:0 auto;}
.newsList{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.newsList>li{float:none;width:auto!important;margin:0!important;}
.newsborder{background:#fff;border:1px solid #e7edf5;border-radius:8px;overflow:hidden;box-shadow:0 18px 52px rgba(9,30,66,0.08);transition:all .25s ease;}
.newsborder:hover{transform:translateY(-6px);box-shadow:0 28px 70px rgba(9,30,66,0.13);}
.newsBg{height:58px;line-height:58px;padding:0 22px;background:#101a2b;color:#fff;font-size:18px;font-weight:800;}
.newsImg{height:150px;overflow:hidden;}
.newsImg img{width:100%;height:100%;object-fit:cover;display:block;transition:all .3s ease;}
.newsborder:hover .newsImg img{transform:scale(1.04);}
.txtList{padding:18px 22px 24px;}
.txtList li{height:38px;line-height:38px;border-bottom:1px solid #eef2f7;position:relative;padding-left:14px;}
.txtList li em{display:none;}
.txtList li:before{content:"";position:absolute;left:0;top:17px;width:4px;height:4px;border-radius:50%;background:#1d89e4;}
.txtList li a{max-width:230px;color:#344154;font-size:14px;}
.txtList li a:hover{color:#1d89e4;}
.newsDate{float:right;color:#9aa7b8;font-size:12px;}
.btnDiv{padding-top:18px;}
.txtBtn{display:inline-block;color:#1d89e4;font-size:14px;font-weight:700;}
.txtBtn:after{content:" >";font-family:Arial,sans-serif;}
.footer-banner{height:220px;background:linear-gradient(135deg,#0b2440,#07111f),url(images/footer_bg001.jpg) center;background-blend-mode:multiply;}
.footer-banner-text{padding-top:58px;font-size:26px;font-weight:800;}
.footer-banner-button a{border-radius:4px;background:#1d89e4;border-color:#1d89e4;box-shadow:0 14px 34px rgba(29,137,228,0.28);}
.footer{background:#07111f;}
.footer-list{border-left-color:rgba(255,255,255,0.12);}
.five-superiority{border-bottom-color:rgba(255,255,255,0.1);}