﻿body,textarea,input,button,select,keygen,legend{font:14px/1.14 "Microsoft YaHei",\5fae\8f6f\96c5\9ed1,arial,\5b8b\4f53;color:#fff;outline:0;}
body{width:100%; height:100%; background:#fff; }
a,a:hover{ color:#333; text-decoration:underline }
.g-wrap{ width:100%; height:100%;margin:0 auto; position:relative }
.pimg{ width:100%; height:100%; position:fixed}
.g-wrap img{ max-width:100%;}
.blank{ display:block; height:51%;}
.conbox{ height:50%; position:relative; }
.conbox .half{ height:50%; padding:0; margin:0;}
.conbox .twhite{ background:rgba(255,255,255,.85);}
.conbox .black{ background:#000;}

.mpage,.cmap{ width:100%; height:100%; position:absolute; top:0;}
.cmap{ top:110%; left:0; background:#fff; z-index:10000;}
.mpage .bj{}
.mpage .inbg{ background:url(../images/rbg.png) no-repeat 0 0 ; background-size:100% 100%; height:100%; position:absolute; top:0; width:100%; left:0;}
#data-map span{ position:absolute; top:50%; left:50%; color:#333; font-size:18px; margin:-10px 0 0 -75px;}
#wrapper { color:#333; 
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0px;
    width: 100%; height:100%;  }


 

.conbox p{ line-height:23px; font-size:14px; padding-left:24px; margin-bottom:2px;}
.conbox p.company{ text-align:left; font-size:16px; margin:5px 0px; padding:0px 0 0px 10%; }
.conbox ul{ margin:10px 10px 10px 10px; clear:both; overflow:hidden}
.conbox .qq{background:url(../../p_img/white/qq.png) no-repeat 0 0; background-size:20px;}
.conbox .weixin{background:url(../../p_img/white/weixin.png) no-repeat 0 0;background-size:20px; }
.conbox .email{background:url(../../p_img/white/email.png) no-repeat 0 0;background-size:20px; }
.conbox .web{background:url(../../p_img/white/web.png) no-repeat 0 0; background-size:20px;}
.conbox .tel{background:url(../../p_img/white/tel.png) no-repeat 0 0; background-size:22px;}
.conbox .twitter{background:url(../../p_img/white/twitter.png) no-repeat 0 0; background-size:22px;}
.conbox .sweibo{background:url(../../p_img/white/sweibo.png) no-repeat 0 0; background-size:22px;}
.conbox .facebook{background:url(../../p_img/white/facebook.png) no-repeat 0 0; background-size:22px;}
.conbox a{ color:#fff; text-decoration:none}
.conbox .address { padding:0; margin:0; height:20%; position:absolute; bottom:5px; left:0; width:100%; line-height:45px; text-align:center; }
 .address a{ text-decoration:underline; color:#fff;background:url(../../p_img/white/address.png) no-repeat 0 0;background-size:20px; padding-left:25px; font-size:16px;}
.conbox p.u-username{ height:28%; line-height:55px; margin:0 0 0px 35%; color:#333; padding:0;font-size:16px; text-align:center}
.conbox p.u-username span{ font-size:22px;}
.conbox p.u-username i{ font-size:16px; margin-left:10px; color:#666;}
.conbox li{ float:left; width:50%; padding-left:30px; height:25px; line-height:25px; box-sizing:border-box; margin:3px 0;}
.u-tel{ text-align:center;  position:fixed; top:47%; left:2%; width:25%; overflow:hidden;	}
.u-tel a{ margin:20px 0 0; height:50px; width:50px; display:inline-block; background:url(../images/ctel1.png) no-repeat 0 0; background-size:50px 50px; }
 
.copyright{ padding:5px 0 10px;  margin:15px 0;background:rgba(0,0,0,0.8);}
.copyright a{color:#F63; font-size:14px; text-decoration:none;}
.adbox{ margin:0 0 15px 0;}

.tor{-moz-animation: to_right  0.6s ease-in 0.1s forwards;
-webkit-animation: to_right  0.6s ease-in 0.1s forwards;
-o-animation: to_right  0.6s ease-in 0.1s forwards;
-ms-animation: to_right  0.6s ease-in 0.1s forwards;
animation: to_right  0.6s ease-in 0.1s forwards;
}
 .tol{-moz-animation: to_left  0.6s ease-in 0.1s forwards;
-webkit-animation: to_left  0.6s ease-in 0.1s forwards;
-o-animation: to_left  0.6s ease-in 0.1s forwards;
-ms-animation: to_left  0.6s ease-in 0.1s forwards;
animation: to_left  0.6s ease-in 0.1s forwards;
}


@-webkit-keyframes to_left{0%{ left:70%;-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(-720deg);left:2%;}}
@-moz-keyframes to_left{0%{ left:70%;-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(-720deg);left:2%;}}
@-o-keyframes to_left{0%{ left:70%;-o-transform:rotate(0deg)}100%{-o-transform:rotate(-720deg);left:2%;}}
@-ms-keyframes to_left{0%{ left:70%;-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(-720deg);left:2%;}}
@keyframes to_left{0%{ left:70%;transform:rotate(0deg)}100%{transform:rotate(-720deg);left:2%;}}

@-webkit-keyframes to_right{0%{ left:2%;-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(720deg);left:70%;}}
@-moz-keyframes to_right{0%{ left:2%;-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(720deg);left:70%;}}
@-o-keyframes to_right{0%{ left:2%;-o-transform:rotate(0deg)}100%{-o-transform:rotate(720deg);left:70%;}}
@-ms-keyframes to_right{0%{ left:2%;-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(720deg);left:70%;}}
@keyframes to_right{0%{ left:2%;transform:rotate(0deg)}100%{transform:rotate(720deg);left:70%;}}
 
 
.map{ height:100%; width:100%; display:none; position: absolute; top:0; left:0; z-index:99; background:#fff;}
.mapbar{ z-index:10; height:35px; line-height:35px; background:rgba(255,255,255,.8); box-shadow:0 2px 3px #333 ; position:absolute; top:0; left:0; width:100%;}
.mapbar p{ float:left;  font-size:16px; display:inline-block;  text-align:center;color:#333; }
.mapbar p.close_map{width:80px;background:#F03E11;color:#fff; cursor:pointer}
.mapbar p.maptxt{ margin-left:10px; font-size:14px;}

.bus-guide-img {
	position: fixed !important;
	right : 17px;
	top: 20px;
	z-index: 1003;
	height: 50px;
	width: 50px;
	cursor: pointer;
}
.self-guide-img {
	position: fixed !important;
	right : 17px;
	top: 85px;
	z-index: 1003;
	height: 50px;
	width: 50px; 
	cursor: pointer;
}
.allmap{ width:100%; height:100%;}
.open-road {
	left: 0px;
	bottom: 0px;
	text-align: center;
	height: 55px;
	vertical-align: middle;
	line-height: 55px;
	background-color: #FFFFFF;
	opacity: 0.9;
	z-index: 1003;
	position: fixed !important;
	display: none;
	width: 100%;
}
.open-road-btn {
	display: inline-block;
	left: 0px;
	width: 175px;
	height: 38px;
	line-height: 38px;
	border: none;
	margin-top: 8px;
	color: #FFFFFF;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	background-color: rgb(255, 122, 0);
	border-radius: 6px;
	cursor: pointer;
}
.abus{ background:rgba(38,38,38,.8); width:100%;  position:absolute; top:0; left:-100%;  min-height:100%; z-index:999; display:none}

@media screen and  (min-width: 641px){
      .g-wrap{ width:640px; }
	  .pimg{ width:640px; margin:0 auto;}
	  .m-avatar img{ width:180px; height:180px;}
}



.sl-slider {
	position: absolute; width:100%; height:100%;
	top: 0;
	left: 0;
}

/* Slide wrapper and slides */

.sl-slide,
.sl-slides-wrapper,
.sl-slide-inner {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
} 

.sl-slide {
	z-index: 1;
}




