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

.g-wrap{ width:100%; height:100%;margin:0 auto; position:relative }
.pimg{ width:100%; height:100%; position:fixed; top:0; left:0; background-repeat:no-repeat; background-size:100% 100%; background-position:0 0;}
.g-wrap img{ max-width:100%;}
.mpage{ width:100%; position:relative; z-index:99; left:0; top:0;}
p.blank{ height:50%;}
.vcon{ background:rgba(38,86,181,.85); height:auto; box-shadow:0 -3px 5px #88a4e1;}
.ubox,.contactbox{ width:100%; padding:20px 0; border-bottom:1px solid #acbdde;}
.ubox{ padding:15px;}
.ubox li{ line-height:30px;  text-align:center;}
.ubox li.u-username{  font-size:20px; margin-top:0}
.ubox li.u-username i{ font-size:16px; margin-left:10px; color:#cfd8ec}
.ubox li.ctel { line-height:30px; }
.ubox.fixedcss{ position:fixed; z-index:2; top:0; background-color:rgb(38,86,181); left:0; width:100%;}
.ctel a{ color:#cfd8ec; font-size:18px; letter-spacing:1px; padding-left:30px;}
.ctel a{ display:inline-block; background:url(../images/ctel.png) no-repeat 0 center; background-size:auto 25px;  position:relative  }
.ctel a i{ width:20px; height:15px;  background:url(../images/carrow.png) no-repeat 0 0; background-size:auto 15px;  position: absolute; top: -5px; left: 15px; display:inline-block;
	-webkit-animation: callme 1.5s infinite ease-in-out;
	   -moz-animation: callme 1.5s infinite ease-in-out;
	        animation: callme 1.5s infinite ease-in-out;}

.copyright{ padding:5px 0 10px;  margin:15px 0 0;background:rgba(0,0,0,0.8);}
.copyright a{color:#F63; font-size:14px; text-decoration:none;}
.adbox{ margin:0 0 15px 0;}

/*call me*/
@-webkit-keyframes callme {
	0%,30% {opacity: 0;-webkit-transform: translate(10px,0px);}
	60% {opacity: 1;-webkit-transform: translate(0,0);}
	100% {opacity: 0;-webkit-transform: translate(-8px,0px);}
}
@-moz-keyframes callme {
	0%,30% {opacity: 0;-moz-transform: translate(10px,0px);}
	60% {opacity: 1;-moz-transform: translate(0,0);}
	100% {opacity: 0;-moz-transform: translate(-8px,0px);}
}
@keyframes callme {
	0%,30% {opacity: 0;transform: translate(10px,0px);}
	60% {opacity: 1;transform: translate(0,0);}
	100% {opacity: 0;transform: translate(-8px,0px);}
}

.contactbox li.company{ margin-left:0; color:#f6da73; font-size:18px; margin-bottom:15px; text-align:center;}

.contactbox {  overflow:hidden; position:relative; padding-top:10px; }
.contactbox li{ margin-left:15px;  font-size:14px; height:25px;white-space:nowrap; margin-bottom:5px; line-height:25px; overflow:hidden}
.contactbox li img{ width:25px; height:25px; margin-right:5px; display:inline; float:left;}
.contactbox li.address{ width:100%; float:none;}
.contactbox li.bd-map{ width:60px; height:60px; margin-bottom:0; position:absolute; top:50%; margin-top:-30px; right:8%; text-align:center}
.contactbox li a{ color:#fff; text-decoration:none}

.introcon{text-align: left; padding:15px 5px 15px 0; background:rgba(255,255,255,.85); border-top:1px solid #c5233c; color:#7d7171; line-height:24px;}
.css_sprite01 { background-image:url(../images/css_sprite01.png)!important; background-size:80% auto;  background-repeat: no-repeat!important; } 
 .bd-map span { position: absolute; z-index:5; left:50%; margin-left:-14px; display: inline-block; width: 36px; height: 42px; }
 .bd-map .map-animate {position: absolute; left:50%; top:50%; z-index:4; margin-left:-10px; /* top: 140px; right: 119px;*/ width: 20px; height: 20px; border-radius: 50%; /*background:#fff; */
	-webkit-transform: rotateX(-110deg);
	   -moz-transform: rotateX(-110deg);
	        transform: rotateX(-110deg);

	-webkit-transform-origin:50%;
	   -moz-transform-origin:50%;
	        transform-origin:50%;
}
 .bd-map .map-animate strong { position: absolute; top: 30%; left: 50%; width: 20px; height: 20px; margin: 0px 0 0 -11px; border: 2px solid #fff; border-radius: 50%; }
 .bd-map .map-animate strong:nth-child(1) {
	-webkit-animation: mapJump 1s linear infinite;
	   -moz-animation: mapJump 1s linear infinite;
	        animation: mapJump 1s linear infinite;
}
 .bd-map .map-animate strong:nth-child(2) {
	-webkit-animation: mapJump 1.5s .75s linear infinite;
	   -moz-animation: mapJump 1.5s .75s linear infinite;
	        animation: mapJump 1.5s .75s linear infinite;
}
/*地图跳动*/
@keyframes mapJump {
	  0% {transform:scale(0.1); opacity: 0;}
	 90% {transform:scale(2); opacity: 0.9;}
	100% {transform:scale(2);opacity: 1;}
}
@-webkit-keyframes mapJump {
	  0% {-webkit-transform:scale(0.1); opacity: 0;}
	 90% {-webkit-transform:scale(2); opacity: 0.9;}
	100% {-webkit-transform:scale(2);opacity: 1;}
}
@-moz-keyframes mapJump {
	  0% {-moz-transform:scale(0.1); opacity: 0;}
	 90% {-moz-transform:scale(2); opacity: 0.9;}
	100% {-moz-transform:scale(2);opacity: 1;}
}

.cmap{ width:100%; height:100%; position:absolute; top:110%;}
.cmap{ left:0; background:#fff; z-index:10000;}
.mpage .bj{}
#data-map span{ position:absolute; top:50%; left:50%; color:#333; font-size:18px; margin:-10px 0 0 -75px;}
.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;}


.conbox{ padding:20px 0 10px; line-height:25px; color:#fff;}


@media screen and  (min-width: 641px){
      .g-wrap{ width:640px; }
	  .pimg{ width:640px; margin:0 auto;}
	  
}