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:#ccc; 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%;}
.mpage{ width:100%; height:100%; position:absolute; top:0;}
.mpage .inbg{ position:absolute; background:rgba(246,22,75,.85); height:60%; width:200%; bottom:-50px; left:-12%;-moz-transform:rotate(-20deg);-webkit-transform:rotate(-20deg); }
#data-map span{ position:absolute; top:50%; left:50%; color:#333; font-size:18px; margin:-10px 0 0 -75px;}
#wrapper {
    background: rgba(0,0,0,.7);  
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0px;
    width: 100%; height:100%;  }


@-moz-keyframes inbg_a{0{left:100%}50%{left:0}100%{-moz-transform:rotate(-20deg);left:-2%}}
/*.mpage .inbg{-moz-animation:inbg_a 2s ease-out 2s forwards;}*/




.conbox{  height:40%;  position:absolute; width:100%; bottom:0; left:0}
.conbox p{ line-height:23px; font-size:14px; padding-left:24px; margin-bottom:2px;}
.conbox p.company{ text-align:center; font-size:18px; margin:0px 0px 0px; padding:10px 20px; border-top:1px solid #fff;}
.conbox .qq{background:url(../images/qq.png) no-repeat 0 0; background-size:20px;}
.conbox .weixin{background:url(../images/weixin.png) no-repeat 0 0;background-size:20px; }
.conbox .email{background:url(../images/email.png) no-repeat 0 0;background-size:20px; }
.conbox .web{background:url(../images/web.png) no-repeat 0 0; background-size:20px;}
.conbox .tel{background:url(../images/tel.png) no-repeat 0 0; background-size:22px;}
.conbox .twitter{background:url(../images/twitter.png) no-repeat 0 0; background-size:22px;}
.conbox .sweibo{background:url(../images/sweibo.png) no-repeat 0 0; background-size:22px;}
.conbox .facebook{background:url(../images/facebook.png) no-repeat 0 0; background-size:22px;}
.conbox a{ color:#fff; text-decoration:none}
.conbox .address{background:url(../images/address.png) no-repeat 0 0; background-size:20px;}

.conbox p.u-username{ height:30px; line-height:30px; margin:0 0 20px 35%; 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:#fff;}
.conbox li{ float:left;}
.u-tel{ text-align:center;  position:relative; width:25%; overflow:hidden;}
.u-tel a{ margin:20px 0 0; height:50px; width:50px; display:inline-block; background:url(../images/qtel.png) no-repeat 0 0; background-size:50px 50px; }



.oinfo{ width:75%;}
.bluebg{ background:blue;}

.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;}


@-moz-keyframes my_tel{0%{-moz-transform:left:-10px;opacity:0}100%{-moz-transform:left:10%;opacity:1}}
@-o-keyframes my_avatar{0%{-o-transform:rotate(-200deg);opacity:0}100%{-o-transform:rotate(0);opacity:1}}
@-ms-keyframes my_avatar{0%{-ms-transform:rotate(-200deg);opacity:0}100%{-ms-transform:rotate(0);opacity:1}}
@keyframes my_avatar{0%{transform:rotate(-200deg);opacity:0}100%{transform:rotate(0);opacity:1}}


.mnav{ background:#a2ebfe; display:inline-block; width:34%; height:50px; line-height:50px; position:absolute; top:0; font-size:18px; text-align:center; }
.left_s{ left:0;-ms-border-radius:0 5px 5px 0;-webkit-border-radius:0 5px 5px 0;-o-border-radius:0 5px 5px 0; -moz-border-radius:0 5px 5px 0;border-radius:0 5px 5px 0;animation:to_left 1s ease-in 0.1s;}
.right_s{ right:0;-moz-border-radius:5px 0px 0px 5px;-ms-border-radius:5px 0px 0px 5px;-o-border-radius:5px 0px 0px 5px;-webkit-border-radius:5px 0px 0px 5px;border-radius:5px 0px 0px 5px;animation:to_right 1s ease-in 0.1s;}
@-webkit-keyframes to_left{0%{ left:-34%;opacity:0}100%{left:0;opacity:1}}
@-moz-keyframes to_left{0%{ left:-34%;opacity:0}100%{left:0;opacity:1}}
@-o-keyframes to_left{0%{ left:-34%;opacity:0}100%{left:0;opacity:1}}
@-ms-keyframes to_left{0%{ left:-34%;opacity:0}100%{left:0;opacity:1}}
@keyframes to_left{0%{ left:-34%;opacity:0}100%{left:0;opacity:1}}
@-webkit-keyframes to_right{0%{ right:-34%;opacity:0}100%{right:0;opacity:1}}
@-moz-keyframes to_right{0%{ right:-34%;opacity:0}100%{right:0;opacity:1}}
@-o-keyframes to_right{0%{ right:-34%;opacity:0}100%{right:0;opacity:1}}
@-ms-keyframes to_right{0%{ right:-34%;opacity:0}100%{right:0;opacity:1}}
@keyframes to_right{0%{ right:-34%;opacity:0}100%{right:0;opacity:1}}

.map{ height:100%; width:100%; display:none; position: absolute; top:0; left:0; z-index:99; background:#fff;}
.map-close-img{ position: fixed !important;z-index: 1003; height:50px; width:50px; top:0; left:0; display:none}
.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;
}

/* The duplicate parts/slices */

.sl-content-slice {
	overflow: hidden;
	position: absolute;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	/*background: #fff;*/
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	opacity : 1;
}

/* Horizontal slice */

.sl-slide-horizontal .sl-content-slice {
	width: 100%;
	height: 50%;
	left: -200px;
	-webkit-transform: translateY(0%) scale(1);
	-moz-transform: translateY(0%) scale(1);
	-o-transform: translateY(0%) scale(1);
	-ms-transform: translateY(0%) scale(1);
	transform: translateY(0%) scale(1);
}

.sl-slide-horizontal .sl-content-slice:first-child {
	top: -200px;
	padding: 200px 200px 0px 200px;
}

.sl-slide-horizontal .sl-content-slice:nth-child(2) {
	top: 50%;
	padding: 0px 200px 200px 200px;
}

/* Vertical slice */

.sl-slide-vertical .sl-content-slice {
	width: 50%;
	height: 100%;
	top: -200px;
	-webkit-transform: translateX(0%) scale(1);
	-moz-transform: translateX(0%) scale(1);
	-o-transform: translateX(0%) scale(1);
	-ms-transform: translateX(0%) scale(1);
	transform: translateX(0%) scale(1);
}

.sl-slide-vertical .sl-content-slice:first-child {
	left: -200px;
	padding: 200px 0px 200px 200px;
}

.sl-slide-vertical .sl-content-slice:nth-child(2) {
	left: 50%;
	padding: 200px 200px 200px 0px;
}

/* Content wrapper */
/* Width and height is set dynamically */
.sl-content-wrapper {
	position: absolute;
}

.sl-content {
	width: 100%;
	height: 100%;
	 
}

/* Default styles for background colors */
.sl-slide-horizontal .sl-slide-inner {
	background: #ddd;
}

.sl-slide-vertical .sl-slide-inner {
	background: #ccc;
}

/* Custom navigation arrows */
.nav-arrows{ display:none}
.nav-arrows span {
	position: absolute;
	z-index: 2000;
	top: 50%;
	width: 40px;
	height: 40px;
	border: 8px solid #ddd;
	border: 8px solid rgba(150,150,150,0.4);
	text-indent: -90000px;
	margin-top: -40px;
	cursor: pointer;
	
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.nav-arrows span:hover {
	border-color: rgba(150,150,150,0.9);
}

.nav-arrows span.nav-arrow-prev {
	left: 5%;
	border-right: none;
	border-top: none;
}

.nav-arrows span.nav-arrow-next {
	right: 5%;
	border-left: none;
	border-bottom: none;
}

/* Custom navigation dots */

.nav-dots {
	text-align: center;
	position: absolute;
	bottom: 2%;
	height: 30px;
	width: 100%;
	left: 0;
	z-index: 1000;
}

.nav-dots span {
	display: inline-block;
	position: relative;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	margin: 3px;
	background: #ddd;
	background: rgba(150,150,150,0.4);
	cursor: pointer;
	box-shadow: 
		0 1px 1px rgba(255,255,255,0.4), 
		inset 0 1px 1px rgba(0,0,0,0.1);
}