﻿@charset "utf-8";
/*main*/
html, body { position: relative; height: 100%; background: #fff; }
body { font-family: "微软雅黑"; font-size: 16px; color: #fff; margin: 0; padding: 0; overflow: hidden; width: 100%; }
a { text-decoration: none; }
a.footer { color: #FFF; }
a.footer:link { color: #FFF; }
a.footer:hover { color: #09F; }
#jzPro6Container { position: relative; width: 100%; height: 100%; }
.swiper-container { width: 100%; height: 100%; }
.swiper-slide { text-align: center; font-size: 16px; background: #000; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
/*文字浮现*/
.swiper-slide-active .fadeIn { -ms-animation: fadeIn 1s linear; -o-animation: fadeIn 1s linear; -webkit-animation: fadeIn 1s linear; -moz-animation: fadeIn 1s linear; animation: fadeIn 1s linear; }
/*固定页底处理*/
#footer { position: fixed; bottom: 0; left: 0; z-index: 777; height: 0.534rem; width: 100%; -ms-transition: all ease 0.6s; -o-transition: all ease 0.6s; -webkit-transition: all ease 0.6s; -moz-transition: all ease 0.6s; transition: all ease 0.6s; }
#footer .img { width: 100%; height: 0.534rem; background: url(/wooker/swiper/image/main-footer.png) center 0 no-repeat; background-size: 20rem; }
#footer .footText { display: none; margin: 0 auto; font-size: 0.134rem; color: #00deff; font-family: "微软雅黑"; text-align: center; }
#footer.mini { height: 0.35rem; line-height: 0.35rem; opacity: 0.9; }
#footer.mini .footText { display: block; }
#footer.mini .img { background: none; }
/* swiper bg*/
.page { position: relative; width: 100%; height: 100%; }
.page1 { width: 100%; height: 100%; position: relative; background: url(/wooker/swiper/image/main-bg1.jpg) center 0 no-repeat; background-size: cover; }
.page2 { width: 100%; height: 100%; position: relative; background: url(/wooker/swiper/image/main-bg2.jpg) center 0 no-repeat; background-size: cover; }
.page3 { width: 100%; height: 100%; position: relative; background: url(/wooker/swiper/image/main-bg3.jpg) center 0 no-repeat; background-size: cover; }
.page4 { width: 100%; height: 100%; position: relative; background: url(/wooker/swiper/image/main-bg4.jpg) center 0 no-repeat; background-size: cover; }
.page5 { width: 100%; height: 100%; position: relative; background: url(/wooker/swiper/image/main-bg5.jpg) center 0 no-repeat; background-size: cover; }
.page6 { width: 100%; height: 100%; position: relative; background: url(/wooker/swiper/image/main-bg6.jpg) center 0 no-repeat; background-size: cover; }
.page7 { width: 100%; height: 100%; position: relative; background: url(/wooker/swiper/image/main-bg7.jpg) center 0 no-repeat; background-size: cover; }
/* 页面按钮处理*/ /*(bg:1rem=120px) (txt:1rem=10px)*/
.appDiv, .regDiv { margin: 0 auto; height: 100%; }
.regBtn { background: url(/wooker/swiper/image/button.png) no-repeat; background-size: 3.75rem; cursor: pointer; display: block; text-align: center; vertical-align: middle; font-family: "微软雅黑"; font-size: 0.2rem; color: #fff; }
.page1 .appDiv .regDiv { width: 1.875rem; line-height: 0.47rem; position: relative; top: 65%; }
.page1 .appDiv .regBtn1 { float: right; width: 1.875rem; height: 0.475rem; background-position: 0 -0.475rem; }
.page1 .appDiv .regBtn1:hover { float: right; width: 1.875rem; height: 0.475rem; background-position: -1.875rem -0.475rem; color: #eee; }
/* 页面文字处理*/
.appDiv { width: 6rem; height: 100%; }
.txt1 { background: url(/wooker/swiper/image/swiper-txt1.png) no-repeat; background-size: 6rem; width: 6rem; height: 5rem; position: absolute; top: 5%; }

.txt2 { background: url(/wooker/swiper/image/swiper-txt2.png) no-repeat; background-size: 6rem; width: 6rem; height: 2rem; position: absolute; top: 5%; }
.img2-r { background: url(/wooker/swiper/image/swiper-img2-r.png) no-repeat; background-size: 7rem; width: 7rem; height: 5.5rem; position: absolute; bottom: 5%; right: -0.6rem; }

.txt3 { background: url(/wooker/swiper/image/swiper-txt3.png) no-repeat; background-size: 6rem; width: 6rem; height: 2rem; position: absolute; top: 20%; }

.txt4 { background: url(/wooker/swiper/image/swiper-txt4.png) no-repeat; background-size: 6rem; width: 6rem; height: 2rem; position: absolute; top: 20%; }
.img4-r { background: url(/wooker/swiper/image/swiper-img4-r.png) no-repeat; background-size: 7rem; width: 7rem; height: 5.5rem; position: absolute; top:0%; right:0%;  }
.img4-l { background: url(/wooker/swiper/image/swiper-img4-l.png) no-repeat; background-size: 7rem; width: 7rem; height: 5.5rem; position: absolute; top:0%; left:0%; }

.txt5 { background: url(/wooker/swiper/image/swiper-txt5.png) no-repeat; background-size: 6rem; width: 6rem; height: 2rem; position: absolute; top: 10%; }
.img5-r { background: url(/wooker/swiper/image/swiper-img5-r.png) no-repeat; background-size: 7rem; width: 7rem; height: 5.5rem; position: absolute; bottom:10%; right:-0.6rem; }

.txt6 { background: url(/wooker/swiper/image/swiper-txt6.png) no-repeat; background-size: 6rem; width: 6rem; height: 3rem; position: absolute; top: 5%; }
.img6-r { background: url(/wooker/swiper/image/swiper-img6-r.png) no-repeat; background-size: 7rem; width: 7rem; height: 5.5rem; position: absolute; bottom:10%; }

.txt7 { background: url(/wooker/swiper/image/swiper-txt7.png) no-repeat; background-size: 6rem; width: 6rem; height: 7rem; position: absolute; bottom: 5%; }
/*#faiscoService{display: none;}*/
.hideText { visibility: hidden; }

/*keyframes 动画规则*/
@-ms-keyframes fadeIn { 0% {
 opacity: 0;
}
 80% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
 @-o-keyframes fadeIn { 0% {
 opacity: 0;
}
 80% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
 @-webkit-keyframes fadeIn { 0% {
 opacity: 0;
}
 80% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
 @-moz-keyframes fadeIn { 0% {
 opacity: 0;
}
 80% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
 @keyframes fadeIn { 0% {
 opacity: 0;
}
 80% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
