@charset "utf-8";
/* CSS Document */
/*css预设*/

*{margin:0; padding:0;}/*将所有HTML元素的默认边距清0*/
@font-face {
  font-family: "centuryGothic";
  src: url('fonts/CenturyGothic_gdi.eot');
  src: url('fonts/CenturyGothic_gdi.eot?#iefix') format('embedded-opentype'),
  url('fonts/CenturyGothic_gdi.woff') format('woff'),
  url('fonts/CenturyGothic_gdi.ttf') format('truetype'),
  url('fonts/CenturyGothic_gdi.svg#CenturyGothic_gdi') format('svg');
}

/****************自定义滚动条*****************/
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: #888;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
::-webkit-scrollbar {
    width: 7px;
    height: 7px;
    /*background-color: #535353;*/
}
::-webkit-scrollbar-thumb {
    background-color: #535353;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
/*::selection {
    color: #fff;
    background-color: #08c; 
}*/


html,body{font-size:12px; font-family:"centuryGothic","arial","sans-serif"; color:#000; background:#FFF;}/*对HTML元素中的字体、颜色、背景色进行初始设置*/
ul li,ol li{list-style:none;}/*将列表标签的默认样式清除*/
a{text-decoration:none;outline:none; blr:expression(this.onFocus=this.blur());}/*将超链接的下划线去掉以及在ie6中点击出现的虚线框去掉*/
img{border:none;}/*图片的默认边框去掉 */
table{border-collapse:collapse;border-spacing:0;}
caption,th,td{font-weight:normal;text-align:left;}
input,textarea,select,button{font-size:100%;font-family:inherit;margin:0;padding:0;}
label,button{cursor:pointer}
textarea{white-space:pre;resize:none;border:1px solid #ececec;}
article,aside,figcaption,figure,footer,header,hgroup,nav,section,summary{ display: block;}

/*清楚浮动*/
.clearfix:after{content:""; display:block; clear:both; height:0; line-height:0; visibility:hidden;}
.clearfix{zoom:1;}/*解决ie6的兼容性问题*/
.fl{float: left;}
.fr{float: right;}

.wrapper{
	width:1170px;
}

.boxSizing{
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
}

.top{
	height:100px;
	background:#000;
	overflow: hidden;
}
.top h1{
	float:left;
	margin:22px 0 0 4%;
}
.top h1 a,.top h1 a img{
	display: block;
}
.top h1 a img{
	width:100px;
	height:auto;
}
.top .nav{
	margin-left:74px;
	margin-top:40px;
}
.top .nav li{
	float:left;
	padding-right:42px;
}
.top .nav li a{
	font-size:20px;
	color:#fff;
}
.top .topRight{
	margin-right:8%;
	width:185px;
	height:110px;
	line-height:108px;
	font-size:20px;
	text-align:center;
	color:#333;
	background:#efefef;
	
}

/*******************首页导航********************/
.topNav{
	height:70px;
	/*overflow: hidden;*/
	background: #000;
	position:fixed;
	top:0;
	right:0;
	left:0;
	z-index:300;
}
.wrapper00{
	margin:0 auto;
	width:75%;
	height:70px;
}
.topNav h1{
	float:left;
}
.topNav h1 img{
	margin-top:15px;
	width:74px;
}
.topNav .navIndex{
	height:70px;
}
.topNav .navIndex>li{
	position:relative;
	float:left;
	width:106px;
	text-align:center;
	/*margin-right:56px;*/
}
.topNav .navIndex>li:first-child{
	width:114px;
}
/*.topNav .navIndex>li:nth-child(4){
	width:140px;
}*/
.topNav .navIndex>li:last-child{
	margin-right:0;
	width:106px
}
.topNav .navIndex>li>a{
	display: block;
	margin-top:27px;
	padding-bottom:40px;
	font-size:13px;
	color:#fff;
}
.topNav .navIndex>li ul{
	position:absolute;
	padding-bottom: 11px;
	background: rgba(0,0,0,0.7);
    top: 70px;
    left: 0px;
    display: none;
}
.topNav .navIndex>li ul li{
	width:106px;
	height:40px;
	line-height:40px;
	font-size:13px;
	text-align:center;
}
.topNav .navIndex>li ul li a{
	color:#fff;
}


.footer{
	padding:60px 0 0px;
	background:#000;
}
.wrapper01{
	margin: 0 auto;
    max-width: 1170px;
    color: #fff;
}
.footer h3{
	margin-bottom:20px;
	font-size:16px;
	font-weight:bold;
}
.footer a{
	height: 34px;
  line-height: 34px;
	font-size:12px;
	color:#fff;
}
.footer ul{
	float:left;
	width:25%;
}
.gzwm li{
	float:left;
	margin-right:28px;
	margin-top:16px;
}
.gzwm li a{
	display:block;
}
.gzwm p{
	margin-top:36px;
	font-size:20px;
}

.footer .gzwm a{
	display: block;
	width:30px;
	height:30px;
	
}

.footer01{
	font-size:14px;
	background: #1c1c1c;
}
.footer01 h3,.footer01 li a{
	color:#818181;
}
.footer01 .gzwm li:nth-child(1) a{
	background:url(wx02.png) no-repeat left top 100%;
	background-size: 100%;
}
.footer01 .gzwm li:nth-child(2) a{
	background:url(tx02.png) no-repeat left top 100%;
	background-size: 100%;
}
.footer01 .gzwm li:nth-child(3) a{
	background: url(wb02.png) no-repeat left top 100%;
	background-size: 100%;
}
.footer .gzwm p{
	color:#808080;
}
.footer .gzwm p:last-child{
	color: #81d8cf;
}


.floatW{
	position:fixed;
	width:56px;
	right:0;
	bottom:10%;
	z-index:10000;
}
.floatW li{
	position:relative;
	margin-bottom: 2px;
	width:48px;
	height:48px;
	background: #000 url(icon02.png) no-repeat center center;
	/*border-right:1px solid #fff;*/
	background-size:58%;
}
.floatW li:nth-child(1){
	background-position: 10px 11px;
}
.floatW li:nth-child(2){
	background-position: 12px -39px;
}
.floatW li:nth-child(3){
	background-position: 13px -88px;
}
.floatW li:nth-child(4){
	background-position: 10px -139px;
}
.floatW li:nth-child(5){
	background-position: 12px -185px;
}
.floatW li .zxzx{
	position:relative;
	width:140px;
	height:;
	background: #1f1f1f;
	right:86px;
	bottom:54px;
	display: none;
}
.floatW li .zxzx p:nth-child(1){
	position:relative;
	height:38px;
	line-height:38px;
	font-size:16px;
	font-weight: bold;
	text-indent:16px;
	color:#fff;
}
.floatW li .zxzx p:nth-child(1) span{
	position: absolute;
	font-size:11px;
	color:#81d8cf;
	top:0px;
	right:9px;
}
.floatW li .zxzx p:nth-child(2),.floatW li .zxzx p:nth-child(3){
	height:35px;
	line-height:35px;
	background: #000;
}
.floatW li .zxzx p:nth-child(2){
	margin:0 0 2px;
	background:#000 url(icon02.png) no-repeat 22px -364px;
}
.floatW li .zxzx p:nth-child(3){
	text-indent:39px;
	font-size:14px;
	color:#81d8cf;
	background:#000 url(icon02.png) no-repeat 23px -483px;
}
.floatW li .zxzx p:nth-child(2) a{
	padding-left:52px;
	color:#81d8cf;
}
.floatW form{
		position: relative;
    background: #000;
    display: none;
    width: 269px;
    padding: 2px 0 32px;
    right: 221px;
    bottom: 302px;
}
.floatW form span{
	position:absolute;
	font-size:12px;
	font-weight:normal;
	color:#82D8CF;
	right:14px;
	top:13px;
}
.floatW form img{
	display:block;
	float:none;
	margin:0 auto;
	margin-top:26px;
	margin-bottom:16px;
	width:78px;
}
.floatW form p{
	line-height:26px;
}
.floatW form .p1{
	font-size:20px;
	text-align:center;
	color:#65c3c3;
}
.floatW form .p2{
	font-size:17px;
	text-align:center;
	color:#fff;
}
.floatW form input,.liandong select{
	margin-bottom:10px;
	margin-left:31px;
	width:207px;
	height:30px;
	line-height:30px;
	text-indent:10px;
	font-size:12px;
	background:#fff;
	border-radius:5px;
}
.liandong select:nth-child(2),.liandong select:nth-child(3){
	margin-left:0px;
}
.floatW form input[name=username]{
	margin-top:16px;
}
.floatW form .tijiao{
	margin-left:31px;
	margin-top:13px;
	width:208px;
	height:30px;
	line-height:30px;
	font-size:14px;
	border-radius:5px;
	color:#fff;
	background:#67c2c3;
}
.floatW li .ewm{
	position:absolute;
	width:150px;
	height:150px;
	bottom:0;
	right:0;
	display: none;
}
.floatW li .hqfa{
	position:absolute;
	padding-bottom:80px;
	width:270px;
	right:0;
	bottom:0;
	background:#000 url(best.png) no-repeat center 340px;
	background-size: ;
	display: none;
}
.floatW li .hqfa input,.floatW li .hqfa select,.floatW li .hqfa button{
	border:0;
}
.floatW li>a{
	display: none;
}
.floatW li .resource{
	position:absolute;

	right:0;
	bottom:0;
	/*display: none;*/
}
/*.floatW li:nth-child(4) a{
	display: none;
}
.floatW li:nth-child(4):hover a{
	display: block;
}*/
.copyBox{
	width:100%;
	background:#81d8cf;
}
.copyRight{
	margin: 0 auto;
	margin-top: 42px;
	max-width: 1170px;
	height: 54px;
	line-height: 57px;
	font-size: 14px;
	color: #fff;
	overflow: hidden;
}

.footer .zsrx{
	font-size:16px;
	font-weight:bold;
}
.footer .rxdh{
	margin-top:20px;
	font-size: 16px;
  text-indent: 24px;
	font-weight:bold;
	color:#000;
	background: url(../img/rxdh.png) no-repeat 0px 0px;
	background-size: auto 100%;
}

.erweimaBox{
	position:fixed;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.7);
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:999;
	display: none;
}
.erweimaBox span{
	display: block;
	position: absolute;
	top:50px;
	right:80px;
	width:31px;
	height:31px;
	background:url(../img/sprite-icon.png) top left no-repeat;
}

.erweimaBox img{
	position:absolute;
	margin:auto;
	height:50%;
	top:0;
	right:0;
	left:0;
	bottom:0;
}
.page22{
	margin: 50px 0 60px;
}
.page22 div{
	text-align: center;
}
.page22 div span,.page22 div a{
	display:inline-block;
	margin-right:10px;
}
.page22 div li{
	display: none;
}
.page22 div span,.page22 div a{
	padding:0 10px;
	min-width: 12px;
    height: 30px;
    line-height: 30px;
    color:#808080;
    border: 1px solid #808080;
}
.page22 div span{
	color:#fff;
	background:#808080;
}


.new-footer{
    	padding:126px 0 54px;
    	background:#000;
    }
    .footerBox{
    	margin:0 auto;
    	width:74%;
    }
    .footerBox>div.fl{
    	width:16.66%;
    	text-align:center;
    }
    .footerBox>div.fl span{
    	font-size:12px;
    	color:#666;
    }
    .footerBox>div.fl h3{
    	margin:8px 0 56px 0;
    	font-size:24px;
    	font-weight:normal;
    	color:#fff;
    }
	
	    .footerBox>div.fl h3 a{
    	margin:8px 0 56px 0;
    	font-size:24px;
    	font-weight:normal;
    	color:#fff;
    }
	
    .footerBox>div.fl ul li a{
    	line-height:42px;
    	font-size:14px;
    	color:#636363;
    }
    .footerBox>div.fl ul li a:hover{color:#fff;}
    .new-footer .gray-logo{
    	display: block;
    	margin: 60px auto 64px;
    }
   .new-footer .copy-right{
       	font-size:14px;
       	color:#5b5b5b;
       	text-align: center;
   }
   .km-shop li a{
   		margin-bottom:30px;
       	display: inline-block;
       	width:44px;
       	height:44px;
       	background:url(/Public/Home/img/index/car01.PNG) no-repeat center center;
    }
    .km-shop li:nth-child(2) a{
    	background:url(/Public/Home/img/index/car03.PNG) no-repeat center center;
    }
    .km-shop li:nth-child(3) a{
    	background:url(/Public/Home/img/index/car05.PNG) no-repeat center center;
    }
    .km-shop li:nth-child(1) a:hover{
    	background:url(/Public/Home/img/index/car02.PNG) no-repeat center center;
    }
    .km-shop li:nth-child(2) a:hover{
    	background:url(/Public/Home/img/index/car04.PNG) no-repeat center center;
    }
    .km-shop li:nth-child(3) a:hover{
    	background:url(/Public/Home/img/index/car06.PNG) no-repeat center center;
    }
    

.BMap_Marker div img{
	width:100%;
}

/*加载动画*/
.loadingBox{
	position:fixed;
	z-index:5000;
	top:0;
	right:0;
	top:0;
	bottom:0;
	width:100%;
	height:100%;
	background:#000 url(/Public/Home/img/loadImg1.jpg);
 background-repeat:no-repeat; background-size:100% 100%;-moz-background-size:100% 100%;}
}
.load4{
	position:absolute;
	width:200px;
	height:200px;
	margin:auto;
	top:0;
	right:0;
	bottom:0;
	left:0;
}
.load4 .loader {
	position:relative;
  margin:auto;
  top:4em;
  font-size: 20px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  text-indent: -9999em;
  -webkit-animation: load4 1.3s infinite linear;
  animation: load4 1.3s infinite linear;
}
@-webkit-keyframes load4 {
  0%,
  100% {
    box-shadow: 0em -3em 0em 0.2em #ffffff, 2em -2em 0 0em #ffffff, 3em 0em 0 -0.5em #ffffff, 2em 2em 0 -0.5em #ffffff, 0em 3em 0 -0.5em #ffffff, -2em 2em 0 -0.5em #ffffff, -3em 0em 0 -0.5em #ffffff, -2em -2em 0 0em #ffffff;
  }
  12.5% {
    box-shadow: 0em -3em 0em 0em #ffffff, 2em -2em 0 0.2em #ffffff, 3em 0em 0 0em #ffffff, 2em 2em 0 -0.5em #ffffff, 0em 3em 0 -0.5em #ffffff, -2em 2em 0 -0.5em #ffffff, -3em 0em 0 -0.5em #ffffff, -2em -2em 0 -0.5em #ffffff;
  }
  25% {
    box-shadow: 0em -3em 0em -0.5em #ffffff, 2em -2em 0 0em #ffffff, 3em 0em 0 0.2em #ffffff, 2em 2em 0 0em #ffffff, 0em 3em 0 -0.5em #ffffff, -2em 2em 0 -0.5em #ffffff, -3em 0em 0 -0.5em #ffffff, -2em -2em 0 -0.5em #ffffff;
  }
  37.5% {
    box-shadow: 0em -3em 0em -0.5em #ffffff, 2em -2em 0 -0.5em #ffffff, 3em 0em 0 0em #ffffff, 2em 2em 0 0.2em #ffffff, 0em 3em 0 0em #ffffff, -2em 2em 0 -0.5em #ffffff, -3em 0em 0 -0.5em #ffffff, -2em -2em 0 -0.5em #ffffff;
  }
  50% {
    box-shadow: 0em -3em 0em -0.5em #ffffff, 2em -2em 0 -0.5em #ffffff, 3em 0em 0 -0.5em #ffffff, 2em 2em 0 0em #ffffff, 0em 3em 0 0.2em #ffffff, -2em 2em 0 0em #ffffff, -3em 0em 0 -0.5em #ffffff, -2em -2em 0 -0.5em #ffffff;
  }
  62.5% {
    box-shadow: 0em -3em 0em -0.5em #ffffff, 2em -2em 0 -0.5em #ffffff, 3em 0em 0 -0.5em #ffffff, 2em 2em 0 -0.5em #ffffff, 0em 3em 0 0em #ffffff, -2em 2em 0 0.2em #ffffff, -3em 0em 0 0em #ffffff, -2em -2em 0 -0.5em #ffffff;
  }
  75% {
    box-shadow: 0em -3em 0em -0.5em #ffffff, 2em -2em 0 -0.5em #ffffff, 3em 0em 0 -0.5em #ffffff, 2em 2em 0 -0.5em #ffffff, 0em 3em 0 -0.5em #ffffff, -2em 2em 0 0em #ffffff, -3em 0em 0 0.2em #ffffff, -2em -2em 0 0em #ffffff;
  }
  87.5% {
    box-shadow: 0em -3em 0em 0em #ffffff, 2em -2em 0 -0.5em #ffffff, 3em 0em 0 -0.5em #ffffff, 2em 2em 0 -0.5em #ffffff, 0em 3em 0 -0.5em #ffffff, -2em 2em 0 0em #ffffff, -3em 0em 0 0em #ffffff, -2em -2em 0 0.2em #ffffff;
  }
}
@keyframes load4 {
  0%,
  100% {
    box-shadow: 0em -3em 0em 0.2em #ffffff, 2em -2em 0 0em #ffffff, 3em 0em 0 -0.5em #ffffff, 2em 2em 0 -0.5em #ffffff, 0em 3em 0 -0.5em #ffffff, -2em 2em 0 -0.5em #ffffff, -3em 0em 0 -0.5em #ffffff, -2em -2em 0 0em #ffffff;
  }
  12.5% {
    box-shadow: 0em -3em 0em 0em #ffffff, 2em -2em 0 0.2em #ffffff, 3em 0em 0 0em #ffffff, 2em 2em 0 -0.5em #ffffff, 0em 3em 0 -0.5em #ffffff, -2em 2em 0 -0.5em #ffffff, -3em 0em 0 -0.5em #ffffff, -2em -2em 0 -0.5em #ffffff;
  }
  25% {
    box-shadow: 0em -3em 0em -0.5em #ffffff, 2em -2em 0 0em #ffffff, 3em 0em 0 0.2em #ffffff, 2em 2em 0 0em #ffffff, 0em 3em 0 -0.5em #ffffff, -2em 2em 0 -0.5em #ffffff, -3em 0em 0 -0.5em #ffffff, -2em -2em 0 -0.5em #ffffff;
  }
  37.5% {
    box-shadow: 0em -3em 0em -0.5em #ffffff, 2em -2em 0 -0.5em #ffffff, 3em 0em 0 0em #ffffff, 2em 2em 0 0.2em #ffffff, 0em 3em 0 0em #ffffff, -2em 2em 0 -0.5em #ffffff, -3em 0em 0 -0.5em #ffffff, -2em -2em 0 -0.5em #ffffff;
  }
  50% {
    box-shadow: 0em -3em 0em -0.5em #ffffff, 2em -2em 0 -0.5em #ffffff, 3em 0em 0 -0.5em #ffffff, 2em 2em 0 0em #ffffff, 0em 3em 0 0.2em #ffffff, -2em 2em 0 0em #ffffff, -3em 0em 0 -0.5em #ffffff, -2em -2em 0 -0.5em #ffffff;
  }
  62.5% {
    box-shadow: 0em -3em 0em -0.5em #ffffff, 2em -2em 0 -0.5em #ffffff, 3em 0em 0 -0.5em #ffffff, 2em 2em 0 -0.5em #ffffff, 0em 3em 0 0em #ffffff, -2em 2em 0 0.2em #ffffff, -3em 0em 0 0em #ffffff, -2em -2em 0 -0.5em #ffffff;
  }
  75% {
    box-shadow: 0em -3em 0em -0.5em #ffffff, 2em -2em 0 -0.5em #ffffff, 3em 0em 0 -0.5em #ffffff, 2em 2em 0 -0.5em #ffffff, 0em 3em 0 -0.5em #ffffff, -2em 2em 0 0em #ffffff, -3em 0em 0 0.2em #ffffff, -2em -2em 0 0em #ffffff;
  }
  87.5% {
    box-shadow: 0em -3em 0em 0em #ffffff, 2em -2em 0 -0.5em #ffffff, 3em 0em 0 -0.5em #ffffff, 2em 2em 0 -0.5em #ffffff, 0em 3em 0 -0.5em #ffffff, -2em 2em 0 0em #ffffff, -3em 0em 0 0em #ffffff, -2em -2em 0 0.2em #ffffff;
  }
}