﻿@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:1200px; margin:0 auto; margin-top:50px;}
.chanpin h1{ text-align:center;}
.chanpin h2{ text-align:center; font-size:14px; margin:10px 0;}
.chanpin>ul{ margin-left:1.4%;}
.chanpin>ul>li{ float:left; width:23%; border:1px solid #ccc; box-shadow:2px 4px 7px rgba(0,0,0,0.3); margin-top:20px; background-color:#fff; text-align:center; border-radius:5px;}
.chanpin>ul>li:nth-child(1),.chanpin>ul>li:nth-child(2),.chanpin>ul>li:nth-child(3){ margin-right:2%;}
.chanpin h3{ width:100%; font-size:18px; height:60px; line-height:60px; border-bottom:1px solid #ccc;}
.chanpin h3 span{ color:#ffae00; font-size:14px; font-weight:700;}
.chanpin>ul>li>ul>li{ font-size:14px; height:40px; line-height:40px; width:80%; border-bottom:1px dashed #ccc; margin:0 auto;}
.chanpin h4{ text-align:center; font-size:24px; color:#ff7200; margin:20px 0 0px;}
.chanpin .goumai{ margin:0 auto; font-size:16px; color:#1d89e4; padding:30px 0;}
.chanpin .goumai a{ padding:7px 40px; border:1px solid #b8b8b8; }
.chanpin .chakan{ display:block; margin-top:20px;}

.chanpin .teshu{ background-color:#1d89e4; padding:3px; margin-top:10px;}
.chanpin .teshu ul{ background-color:#fff; padding-top:10px;}
.chanpin .teshu h3{ height:70px; line-height:70px; color:#fff;}
.chanpin .teshu h3 span{ color:#fff;}
.chanpin .teshu a{ padding:7px 40px; border:1px solid #1d89e4; }

/*---------選擇我們-------------*/
.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;}