/*ww-floor-02*/
.ww-floor-02 { margin-top: 75px; position: relative; z-index: 2; }
.ww-floor-02:before { content: ""; width: 100%; height: 435px; background: #f5f7fb; position: absolute; top: 0px; left: 0px; z-index: 1; }
.ww-floor-02 .ww-common-title { position: relative; z-index: 2; padding-top: 75px; }
.ww-floor-02 .floor-02-nav { width: auto; text-align: center; font-size: 0px; position: relative; z-index: 2; background: #fff; padding: 15px; border: 1px solid #ebebeb; margin: 32px auto 0; }
.ww-floor-02 .floor-02-nav a { display: inline-block; font-size: 16px; color: #666; padding: 0 20px; transition: all 0.5s ease; }
.ww-floor-02 .floor-02-nav a:hover { transform: translateX(10px); color: #3b9bff; }
.ww-floor-02 .floor-02-nav em { color: #eee; font-size: 16px; display: inline-block; }
.ww-floor-02 .floor-02-nav em:last-of-type { display: none; }
.ww-floor-02 .floor-02-content { position: relative; z-index: 2; text-align: center; margin-top: 75px; }
.ww-floor-02 .floor-02-content .floor-02-item { width: 1573px; margin: auto; font-size: 0px; }
.ww-floor-02 .floor-02-content .floor-02-item .floor-02-left,.ww-floor-02 .floor-02-content .floor-02-item .floor-02-center,.ww-floor-02 .floor-02-content .floor-02-item .floor-02-right { display: inline-block; vertical-align: top; margin-left: 10px; }
.ww-floor-02 .floor-02-content .floor-02-item .floor-02-left { margin-left: 0px; }
.ww-floor-02 .floor-02-content .floor-02-item a { margin-top: 10px; display: block; position: relative; color: #fff; overflow: hidden; }
.ww-floor-02 .floor-02-content .floor-02-item a:first-child { margin-top: 0px; }
.ww-floor-02 .floor-02-content .floor-02-item a i { width: 100%; height: 100%; position: relative; display: block; overflow: hidden; background: #fff; }
.ww-floor-02 .floor-02-content .floor-02-item a.p1 { width: 378px; height: 330px; }
.ww-floor-02 .floor-02-content .floor-02-item a.p3 { width: 585px; height: 275px; }
.ww-floor-02 .floor-02-content .floor-02-item a.p5 { width: 590px; height: 325px; }
.ww-floor-02 .floor-02-content .floor-02-item a.p2 { width: 378px; height: 220px; }
.ww-floor-02 .floor-02-content .floor-02-item a.p4 { width: 585px; height: 275px; }
.ww-floor-02 .floor-02-content .floor-02-item a.p6 { width: 590px; height: 225px; }
.ww-floor-02 .floor-02-content .floor-02-item a.p1 i img{height:100%;width:auto;}
.ww-floor-02 .floor-02-content .floor-02-item a img { width: 100%; position: absolute; margin: auto; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; transition: all 0.5s ease; }
.ww-floor-02 .floor-02-content .floor-02-item a:hover img { transform: scale(1.12); }
.ww-floor-02 .floor-02-content .floor-02-item a .floor-02-descript { position: absolute; top: -500px; left: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.5); transition: all 0.5s ease; opacity: 0; font-size: 16px; display: table; }
.ww-floor-02 .floor-02-content .floor-02-item a .floor-02-descript .floor-02-text { display: table-cell; vertical-align: middle; text-align: center; padding: 0 25px; }
.ww-floor-02 .floor-02-content .floor-02-item a .floor-02-descript .floor-02-text:before { content: ""; width: 25px; height: 1px; background: #fff; display: block; margin: 0 auto 20px; }
.ww-floor-02 .floor-02-content .floor-02-item a .floor-02-descript .floor-02-text p { font-size: 14px; margin-top: 10px; }
.ww-floor-02 .floor-02-content .floor-02-item a:hover .floor-02-descript { top: 0px; opacity: 1; }

@media screen and (max-width: 1440px) {
	.ww-floor-02 .floor-02-content .floor-02-item { width: 1440px; }
	.ww-floor-02 .floor-02-content .floor-02-item a.p1 { width: 345px; height: 302px; }
	.ww-floor-02 .floor-02-content .floor-02-item a.p3 { width: 535px; height: 251px; }
	.ww-floor-02 .floor-02-content .floor-02-item a.p5 { width: 539px; height: 296px; }
	.ww-floor-02 .floor-02-content .floor-02-item a.p2 { width: 345px; height: 200px; }
	.ww-floor-02 .floor-02-content .floor-02-item a.p4 { width: 535px; height: 251px; }
	.ww-floor-02 .floor-02-content .floor-02-item a.p6 { width: 539px; height: 206px; }
}
/*通用按钮*/
.ww-common-btn { width: 270px; height: 65px; line-height: 50px; background: url(../images/common-btn.png) no-repeat;font-size: 18px; display: block; margin: 50px auto 0; text-align: center; animation: zoomIn 1.2s linear 1.2s infinite alternate; cursor: pointer; color: #fff; }
.ww-common-btn a { color: #fff; font-size: 17px; display: block; padding-right: 15px; }
.ww-common-btn a:hover { color: #fff; }
.ww-common-btn.w { width: 515px; height: 65px; line-height: 50px; background: url(../images/common-w-btn.png) no-repeat; display: block; margin: 50px auto 0; font-size: 0px; }
.ww-common-btn.w .ww-btn-left { color: #fff; }
.ww-common-btn.w .ww-btn-left,.ww-common-btn.w .ww-btn-right { width: 256px; display: inline-block; vertical-align: top; font-size: 17px; }
.ww-common-btn.w .ww-btn-right { width: 240px; color: #666; padding-left: 16px; }

/*ww-pop-wrapper*/
.ww-pop-wrapper { width: 500px; height: 320px; position: fixed; top: -1650px; left: 0px; right: 0px; z-index: 9; margin: 150px auto; background: #fff; box-shadow: 0 15px 32px 0 rgba(0,0,0,0.1); opacity: 0; transition: opacity 0.5s ease,top 0.5s ease; }
.ww-pop-wrapper .floor-pop-title { width: 500px; height: 128px; background: url(../images/pop-bg.jpg) no-repeat; text-align: center; color: #fff; padding-top: 32px; position: relative; }
.ww-pop-wrapper .floor-pop-title i { display: block; margin-bottom: 10px; }
.ww-pop-wrapper .floor-pop-input { padding: 20px 25px; text-align: center; font-size: 16px; }
.ww-pop-wrapper .floor-pop-input p { margin-top: 15px; }
.ww-pop-wrapper .floor-pop-input p:first-child { margin-top: 0px; }
.ww-pop-wrapper .floor-pop-input p input { background: #fff; width: 255px; height: 50px; vertical-align: middle; border: 1px solid #ddd; padding: 0 15px; text-align: center; box-sizing: border-box;}
.ww-pop-wrapper .floor-pop-input p a { display: block; color: #fff; background: #3b9bff; width: 255px; height: 50px; line-height: 50px; text-align: center; margin: auto; }
.ww-pop-wrapper .floor-pop-box { position: relative; }
.ww-pop-wrapper .floor-pop-box .floor-pop-close { width: 50px; height: 50px; line-height: 50px; font-size: 32px; text-align: center; color: #fff; position: absolute; top: 20px; right: 20px; font-family: arial; cursor: pointer; }
.ww-pop-bg { width: 100%; height: 100%; background: rgba(0,0,0,0.5); position: fixed; top: 0px; left: 0px; z-index: -1; opacity: 0; }
body.active .ww-pop-wrapper { top: 0px; opacity: 1; }
body.active .ww-pop-bg { z-index: 6; opacity: 1; }
.ww-pop-wrapper .floor-pop-box .floor-pop-qrcode { visibility: hidden; }
body.active.w .floor-pop-qrcode { width: 250px; height: 255px; background: #f6f6f6; border-left: 1px solid #ebebeb; position: absolute; top: 0px; right: 0; text-align: center; padding-top: 65px; visibility: visible; }
body.active.w .floor-pop-qrcode img { width: 136px; height: 136px; margin: auto; }
body.active.w .floor-pop-qrcode span { display: block; text-align: center; margin-top: 10px; color: #999; font-size: 14px; line-height: 25px; }
body.active.w .ww-pop-wrapper .floor-pop-input { width: 450px; }
body.active.w .ww-pop-wrapper { width: 750px; }


@keyframes zoomIn {
	0% { transform: scale(0.7); }
	50% { transform: scale(1); }
	100% { transform: scale(0.7); }
}
@keyframes zoomBig {
	0% { transform: scale(1); }
	50% { transform: scale(1.12); }
	100% { transform: scale(1.32); }
}