@charset "utf-8";
/* CSS Document */
html,body{font-size:14px; font-family:"Microsoft YaHei",Verdana,Geneva,sans-serif,\5b8b\4f53;}
/*css-reset*/
html,body,div,ul,ol,li,dl,dt,dd,p,span,em,strong,b,i,h1,h2,h3,h4,form,input,button,textarea,select,option,img,a{ margin:0; padding:0}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;}
html{_filter:expression(document.execCommand("BackgroundImageCache",false,true));}
ul,li,div,dl,dt,dd{list-style:none;}
/*
body table{border-collapse:separate; border-spacing:2px;}
*/
input{outline: none;font-size:14px; font-family:"Microsoft YaHei"}
input::-ms-clear{display:none;}
h1.wm-public{height:0px; line-height:0px; font-size:0px;}
a{text-decoration:none;}
a{blr:expression(this.onFocus=this.blur());outline:none;}
a:hover{text-decoration:none;}
img{border:0;}
font,em{font-style:normal; font-family:\5b8b\4f53;}
label{vertical-align:middle; font-family:tahoma;}
textarea,input{resize:none; outline:none;}
textarea{overflow:auto;}
ins{float:right; text-decoration:none; font-weight:normal;}
.pub_wsp{word-wrap:break-word; word-break:break-all;}
.pub_abso{vertical-align:middle;}
.pub_clr{clear:both;font-size:0;height:0;line-height:0;overflow:hidden;}
.pub_yh{font-family:"Microsoft YaHei";}
.none{display:none;}
/*公用浮动*/
.f_left{ float: left}
.f_right{ float: right}
/*浮动清理*/
.cf:before,.cf:after{content:".";display:block;height:0;visibility:hidden}
.cf:after{clear:both}
.cf{zoom:1}

html, body, .page, .wrap{ height: 100%;}
.wrap{ position: relative; width: 1200px; margin: 0 auto;}
.animated {
	-webkit-animation-duration: 0.8s;
	animation-duration: 0.8s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}
@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-100%,0);
		transform: translate3d(0,-100%,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-100%,0);
		transform: translate3d(0,-100%,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

/* 视频弹窗 */
.videoFiex{width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 999; background: rgba(0,0,0,0.8); display: none;}
.videoMain{width: 960px; height: 540px; position:fixed; left: 50%; top: 50%; margin:-270px 0 0 -480px; background: #000;}
.closeBtn{display: block; width: 58px; height: 58px; cursor: pointer; position: absolute; right: -58px; top: 0; background: url(https://perfectpark.games.wanmei.com/images/close.png) no-repeat 0 0;}
.videoInt,.videoInt video{width: 100%; height: 100%;}
.videoPlayBtn{cursor:pointer;}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
}
.slide1{ background: url(../images/slide1.jpg) no-repeat center top;}
.slide2{ background: url(../images/slide2.jpg) no-repeat center top;}
.slide3{ background: url(../images/slide3.jpg) no-repeat center top;}
.slide4{ background: url(../images/slide4.jpg) no-repeat center top;}
.swiper-container-vertical>.swiper-pagination-bullets{ top: 33px; left: 0;
	-webkit-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{ display: inline-block; margin: 0 100px;}
.swiper-pagination-bullet{ width: 72px; height: 46px; color: #FFF; font-size: 16px; opacity: 1; background: none; border-radius: 0;}
.swiper-pagination-bullet-active{ background: url(../images/nav_on.png) no-repeat center bottom;}
.swiper-pagination.on .swiper-pagination-bullet{ color: #5e6266;}
.swiper-pagination.on .swiper-pagination-bullet-active{ background: url(../images/nav_on2.png) no-repeat center bottom;}
.slide1 video, .layer{ position: absolute; top: 50%; left: 50%; margin: -540px 0 0 -960px; width: 1920px; height: 1080px;}
.layer{ background: url(../images/layer.png) no-repeat center center;}
.slogan{ position: absolute; top: 160px; left: 50%; margin-left: -350px;}
.play{ position: absolute; top: 624px; left: 50%; margin-left: -47px; width: 94px; height: 94px; background: url(../images/play.png) no-repeat 0 0;}
.down{ position: absolute; bottom: 30px; left: 50%; margin-left: -103px;}
.prompt{ position: relative; display: none;}
#prompt_video{ width: 960px; height: 540px; background-color: #000;}
.close{ position: absolute; top: 0; right: -58px; width: 58px; height: 58px; background: url(../images/close.png) no-repeat 0 0;}
.page_title{ padding: 105px 0 20px 0; text-align: center; color: #FFF;position: relative;}
.page_title a{position: absolute;right: 0;bottom: 10px;font-size: 16px;color: #fff;}
.page_title.on{ color: #2e3133;}
.page_title h2{ font-size: 42px; font-weight: normal;}
.page_title h3{ font-size: 18px; font-weight: normal;}
.news_top_pic{ width: 600px; height: 356px;}
.news_top_content{ position: relative; width: 600px; height: 356px; background-color: #FFF;}
.date{ position: absolute; top: 0; right: 0; width: 64px; height: 93px; text-align: center; background: url(../images/date.png) no-repeat 0 0; color: #FFF;}
.date span{ display: block; padding: 5px 0; font-size: 36px;}
.date p{ font-size: 14px;}
.news_top_content .title{ padding: 75px 0 50px 0; text-align: center;}
.news_top_content .title h1{ font-weight: normal; font-size: 24px;}
.news_top_content .title h1 a{ color: #4c4c4c;}
.news_top_content .title h2{ padding: 10px 0; font-weight: normal; font-size: 14px; color: #c2c2c2;}
.news_top_content .des{ padding: 0 80px; line-height: 26px; font-size: 14px; color: #757575;}
.news_top_content .des a{color: #757575;}
.news{ position: relative;}
.news .swiper-container{ width: 1118px; margin-top: 20px;}
.news .swiper-slide{ width: 336px; height: 356px; background-color: #FFF;}
.swiper-button-next, .swiper-button-prev{ width: 12px; height: 36px; margin-top: -18px;}
.swiper-button-prev{ left: 0; background: url(../images/prev.png) no-repeat 0 0;}
.swiper-button-next{ right: 0; background: url(../images/next.png) no-repeat 0 0;}
.news img{ display: block; width: 336px; height: 188px;}
.news .text{ padding: 18px 18px 0 18px; background: url(../images/nav_on2.png) no-repeat center top; line-height: 28px; font-size: 20px; color: #757575;}
.news .text a{color: #757575;}
.news .des{ padding: 10px 18px 0 18px; line-height: 20px; font-size: 14px; color: #a8a8a8;}
.news .time{ position: absolute; bottom: 20px; left: 0; width: 100%; text-align: center; font-size: 14px; color: #c2c2c2;}
.pics{ position: relative;}
.pics .swiper-container{ width: 1119px; height: 630px;}
.box{ position: absolute; overflow: hidden;}
.box img{ width: 100%; height: 100%; transform: scale(1.0); transition: transform 0.6s;}
.box1{ top: 0; left: 0; width: 356px; height: 630px;}
.box2{ top: 0; right: 0; width: 763px; height: 315px;}
.box3{ bottom: 0; left: 356px; width: 381px; height: 315px;}
.box4{ bottom: 0; right: 0; width: 382px; height: 315px;}
.box .shadow{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; content:""; background-color: rgba(55,56,56,0.46);}
.box:hover img{ transform: scale(1.05);}
.box:hover .shadow{ /*display: none;*/ visibility: hidden !important;}
.map{ display: block; width: 1120px; height: 320px; margin: 0 auto;}
.contectUs{ margin-top: 15px;}
.contectUs li{ float: left; width: 300px; text-align: center; color: #FFF;}
.contectUs img{ display: block; margin: 0 auto;}
.contectUs .head{ position: relative; height: 130px; margin-bottom: 20px; background: url(../images/line.png) no-repeat center bottom;}
.contectUs .head p{ position: absolute; bottom: 30px; left: 0; width: 100%; font-size: 22px;}
.contectUs .info{ line-height: 28px;}
.contectUs .info .mail{ color:#fff;}
.contectUs .info .mail:hover{ text-decoration: underline;}
.contectUs .info .qq{ display:inline; position:relative; top:6px;}
.contectUs .dot{ display: inline-block; width: 11px; height: 11px; margin-right: 5px; overflow: hidden; background: url(../images/dot.png) no-repeat 0 0;}
.copyright{ position: absolute; bottom: 0; left: 0; width: 100%; height: 29px; padding-top: 12px; text-align: center; background-color: #45494d; line-height: 20px; font-size: 14px; color: #757575;}
.code{ width: 80px; height: 80px;}