*{margin:0; padding:0; border:0; font-family:"Hiragino Sans GB","Microsoft YaHei","微软雅黑","MicrosoftJhengHei",Arial,"Helvetica Neue",Helvetica,sans-serif; }
a { text-decoration: none; color: #333; }
ul,
dl,
dt,
dd { list-style: none; margin: 0; padding: 0; }
input:focus,
select:focus,
textarea:focus { outline: none; }
img { max-width: 100%; height: auto; border: 0; }
h1,
h2,
h3,
h4,
h5,
p { margin: 0; padding: 0; }
table { border-collapse: collapse; }
.hide{display:none;}
.block{display:block;}
input[type="text"],
input[type="password"],
input[type="button"],
input[type="submit"],
select,
textarea{-webkit-appearance:none;margin:0;padding:0;border:0;}
input::-webkit-input-placeholder{color:#aaa!important;}
input:-moz-placeholder{color:#aaa!important;}
input::-moz-placeholder{color:#aaa!important;}
input:-ms-input-placeholder{color:#aaa!important;}
.clear:after{content:'';display:block;clear:both;}
.maxsize{margin-left:auto;margin-right:auto; width: 100%;}
.posr{ position: relative; }
body{ overflow-x: hidden; }
.bg{ width: 100%; vertical-align: top;}
.first{}
	.first .clear{ position: absolute; top:0; left: 0; width: 100%; }
	.logo-l{ float: left; margin-top: 5%; margin-left: 4.5%; width: 40%;}
	.logo-r{ float: right; margin-top: 5%; margin-right: 5%; width: 18%; }
	.regButton{ display: block; position: absolute; width: 27%; left: 37%; top: 41.5%; }
.map{  }
.photoMod{ overflow:hidden; }
	.photoMod .sliderBox{ position: absolute; left:4%; top: 10%; width: 100%; height: 584px; background: url(../images/spin.gif) no-repeat center; background-size: 10% auto; }
	.photoMod .sliderBox .mask{ position: absolute; top: 0; left: 0; width: 100%;  display: block; z-index: 888 ; background: url(../images/photoBg.png) no-repeat left top; background-size: 100% auto; }
	.photoMod .bx-controls .bx-pager{ display: none; }
	.photoMod ul li{ width: 100%; overflow:hidden; position: absolute; left: 0; top:0; }
	.photoMod ul li .wh{ width: 100%; }
	.photoMod ul li p{ text-align: center; padding-top: 4.5%;}
	.photoMod ul li p img{ }
	.photoMod li .bx-prev,.photoMod li .bx-next{ position: absolute; top: 41%; width: 4%; height: 41px; display: block; z-index: 99; text-indent: -9999px; opacity: 1;filter: alpha(opacity=100);}
	.photoMod li .bx-prev:hover,.photoMod li .bx-next:hover{  }
	.photoMod li .bx-prev{ left:2.1%; background:url(../images/leftBtn.png) no-repeat left top; background-size: 100% auto; }
	.photoMod li .bx-next{ right: 2.1%; background:url(../images/rightBtn.png) no-repeat left top; background-size: 100% auto; }
	#bx-pager{ width: 100%; position: absolute; left: 0; bottom:10%; text-align: center;}
	#bx-pager a{ display: inline-block; width: 9%; text-align: center;}
	#bx-pager a img{}
	#bx-pager .a1{ background: url(../images/a1t.png) no-repeat left top; background-size:200% auto; }
	#bx-pager .a1.on{ background: url(../images/a1t.png) no-repeat right top; background-size:200% auto; }
	#bx-pager .a2{ background: url(../images/a2t.png) no-repeat left top; background-size:200% auto; }
	#bx-pager .a2.on{ background: url(../images/a2t.png) no-repeat right top; background-size:200% auto; }
	#bx-pager .a3{ background: url(../images/a3t.png) no-repeat left top; background-size:200% auto; }
	#bx-pager .a3.on{ background: url(../images/a3t.png) no-repeat right top; background-size:200% auto; }
	#bx-pager .a4{ background: url(../images/a4t.png) no-repeat left top; background-size:200% auto; }
	#bx-pager .a4.on{ background: url(../images/a4t.png) no-repeat right top; background-size:200% auto; }
	#bx-pager .a5{ background: url(../images/a5t.png) no-repeat left top; background-size:200% auto; }
	#bx-pager .a5.on{ background: url(../images/a5t.png) no-repeat right top; background-size:200% auto; }
	#bx-pager .a6{ background: url(../images/a6t.png) no-repeat left top; background-size:200% auto; }
	#bx-pager .a6.on{ background: url(../images/a6t.png) no-repeat right top; background-size:200% auto; }
	#bx-pager .a7{ background: url(../images/a7t.png) no-repeat left top; background-size:200% auto; }
	#bx-pager .a7.on{ background: url(../images/a7t.png) no-repeat right top; background-size:200% auto; }
	#bx-pager .a8{ background: url(../images/a8t.png) no-repeat left top; background-size:200% auto; }
	#bx-pager .a8.on{ background: url(../images/a8t.png) no-repeat right top; background-size:200% auto; }
	#bx-pager .on{ color: #00aded; }
.videoMod{ background: url(../images/m4.jpg) no-repeat center top; position: relative; }
	.videoBox{ padding-top: 4%; left: 4%; position: absolute; top:14%; background: url(../images/videoBg.png) no-repeat top center; background-size: 100% auto; }
	.videoBox #a1{ margin-left: 4%;}
	.videoBox .sltImg{ position: absolute; left: 4%; top:5.5%; z-index: 1; }
	
	.box_move{position: absolute; bottom:8%; left: 0;width:100%;height:23%;overflow: hidden;}
	#change_swiper{ position: absolute; top:0px; left:5%;width:90%;height:100%;overflow: hidden;}
	.videoItem {width:140%;left:0px;position: absolute;top:0;}
	
	/*.videoItem { overflow: hidden; position: absolute; bottom:8%; left: 0; width: 100%; text-align: center;}*/
	.videoItem li{ width: 23.3%;display: inline-block; position: relative; }
	.videoItem li p{ color: #fff; font-size: 12px; padding-top: 2px; }
	.videoItem li i{ position: absolute; left: 50%; top:50%; margin-top: -26%; margin-left: -20%; background: url(../images/playIcon.png) no-repeat left top; background-size: 100% auto; width: 40%; height: 89px; }
	.videoItem li img{ width: 96%; margin-left: 2%; margin-top: 0%; display: block; }
	
	.prev-btn{position: absolute;width: 4%;height: 31%;left: 1%;top: 32%;cursor: pointer;}
	.next-btn{position: absolute;width: 4%;height: 31%;right: 1%;top: 32%;cursor: pointer;}

.hidden{opacity: 0;filter: alpha(opacity=0);}

.foot{ font-size: 12px; text-align: center;padding:2% 0; background-color: #e2f199;}
	.foot .tel{ font-size: 14px; }
	.foot .tel strong{ color: #bf0724;font-weight: normal;}
	.foot .copyright{}

.loading{ max-width: 640px; margin: 0 auto; /*background:#f9f2e3 url(../images/loading.jpg) no-repeat center top;*/ background-size: auto 100%;}
.loading_inner{position:fixed;left:50%;top:50%;margin-left:-150px;margin-top:-120px;width:300px;height:80px;text-align:center;color:#aaa;font-size:20px; z-index: 9999; }
.loading_img{width:300px;height:70px;background-size:300px auto;display: none;}
.loading-num{position:absolute;left:0;bottom:-5.0rem;width:100%;text-align:center;color: #aaa; font-size: 1.8rem;}

.moveLeft{animation: move_left 2s forwards;-webkit-animation: move_left 2s forwards ;}
@keyframes move_left{
	from{left:0;}
	to{left:-33%;}
}
@-webkit-keyframes move_left{
	from{left:0;}
	to{left:-33%;}
}
.moveRight{animation: move_right 2s forwards;-webkit-animation: move_right 2s forwards ;}
@keyframes move_right{
	from{left:-33%;}
	to{left:0;}
}
@-webkit-keyframes move_right{
	from{left:-33%;}
	to{left:0;}
}