@charset "utf-8";
@import url("idangerous.swiper.css");
@font-face {font-family: "iconfont";src:url('../fontico/iconfont.ttf');}
@font-face {font-family: "impact";src:url('../fontico/impact.ttf');}
.iconfont{font-family:"iconfont" !important;font-size:26px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;color:#fff;}


*{font-family:arial;}
body, html, h1, h2, h3, h4, h5, h6, p, em, i, form, ul, li, dl, dt, dd, figure{padding:0;margin:0;}
body{font-size:12px;background-color:#fff;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none;}
html, body{width:100%;height:100%;overflow:hidden;}
em, u, i, b{font-style:normal;font-weight:normal;text-decoration:none;}
ul, li{list-style:none;}
h3{font-size:14px;}
a{text-decoration:none;outline:none;color:#2b2a2a;}
a:hover {}
a img{border:none;display:block;}
.img,.img img{display:block;}
.clear{content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;overflow:hidden;line-height:0;}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.clearfix {*zoom:1;}

.masker,.loader{position:absolute;left:0;top:0;width:100%;height:100%;}
.loader{background-color:#fff;display:block;z-index:11;}
.loader i{width:48px;height:48px;position:absolute;top:50%;left:50%;margin-top:-24px;margin-left:-24px;
	-webkit-animation:rotate 1s 1s ease both;
	-webkit-animation-timing-function:linear;
	-webkit-animation-iteration-count: infinite;
}
.loader i b{width:100%;height:50%;display:block;overflow:hidden;position:relative;z-index:0;}
.loader i b em{width:100%;height:100%;display:block;background:-webkit-gradient(linear,0% 0%, 75% 0%, from(#000), to(#fff));border-radius:24px 24px 0 0;}
.loader i b:nth-child(2) em{-webkit-transform:rotate(-180deg);}
.loader s{width:40px;height:40px;display:block;position:absolute;left:50%;top:50%;margin-left:-20px;margin-top:-20px;background-color:#fff;z-index:2;border-radius:50%;font-size:13px;text-decoration:none;font-style:italic;line-height:40px;text-align:center;}

.masker{z-index:1;opacity:0;background-color:#fff;display:none;}

.container{z-index:0;position:absolute;left:0;top:0;}
.container, .page{width:100%;height:100%;overflow:hidden;}
.page{background-size:100% auto !important;position:absolute;left:0;top:0;display:block;-webkit-transform: translateY(100%) translateX(0);}
.page:nth-child(1){background:url("../big/001.jpg") center no-repeat;-webkit-transform: translateY(0);background-size: contain;}
.page:nth-child(2){background:url("../big/002.jpg") center no-repeat;background-size: contain;}
.page:nth-child(3){background:url("../big/003.jpg") center no-repeat;background-size: contain;}
.page:nth-child(4){background:url("../big/004.jpg") center no-repeat;background-size: contain;}
.page:nth-child(5){background:url("../big/005.jpg") center no-repeat;background-size: contain;}
.page:nth-child(6){background:url("../big/006.jpg") center no-repeat;background-size: contain;}
.page:nth-child(7){background:url("../big/007.jpg") center no-repeat;background-size: contain;}
/*.page:nth-child(8){background:url("../big/bg8.jpg") no-repeat 0 0;}
.page:nth-child(9){background:url("../big/bg9.jpg") no-repeat 0 0;}
.page:nth-child(10){background:url("../big/bg10.jpg") no-repeat 0 0;}

.page:nth-child(10) p{background-color:rgba(0,0,0,0.5);height:30px;width:100%;position:absolute;left:0;bottom:0;font-size:16px;line-height:28px;color:#fff;text-indent:1em;}
.page:nth-child(10) p *{color:#fff;}

.page:nth-child(2) .house,.page:nth-child(5) .house{width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;display:block;}
*/
.cloudBox{width:100%;height:100%;position:relative;}
.cloudBox .cloud{position:absolute;background-repeat:no-repeat;background-position:0 0;background-size:100% auto;display:block;-webkit-animation-timing-function:linear !important;-webkit-animation-iteration-count: infinite !important;}
.cloudBox .cloud:nth-child(1){width:307px;height:179px;z-index:1;background-image:url("../yun/cloud1.png");left:100px;top:50px;
	-webkit-animation:flyCloud 1.5s 1.5s ease both;
}
.cloudBox .cloud:nth-child(2){width:222px;height:130px;z-index:2;background-image:url("../yun/cloud2.png");left:20px;top:50px;
	-webkit-animation:flyCloud 2.5s 2.5s ease both;
}
.cloudBox .cloud:nth-child(3){width:330px;height:180px;z-index:3;background-image:url("../yun/cloud3.png");left:-40px;top:40px;
	-webkit-animation:flyCloud 3.5s 3.5s ease both;
}
.cloudBox .cloud:nth-child(4){width:377px;height:173px;z-index:4;background-image:url("../images/cloud4.png");left:0;top:-35px;
	-webkit-animation:flyCloud 2s 2s ease both;
}
.cloudBox .cloud:nth-child(5){width:320px;height:150px;z-index:5;background-image:url("../yun/cloud5.png");left:35px;top:10px;
	-webkit-animation:flyCloud 3s 3s ease both;
}
.cloudBox .cloud:nth-child(6){width:320px;height:150px;z-index:6;background-image:url("../yun/cloud6.png");left:10px;top:20px;
	-webkit-animation:flyCloud 4s 4s ease both;
}
.cloudBox .cloud:nth-child(7){width:320px;height:150px;z-index:7;background-image:url("../yun/cloud7.png");left:-25px;top:75px;
	-webkit-animation:flyCloud 5s 5s ease both;
}

@-webkit-keyframes rotate {
  from {-webkit-transform:rotate(360deg);}
  to {-webkit-transform:rotate(0deg);}
}
@-webkit-keyframes flyCloud {
	0% {-webkit-transform:scale(0.5) translate(-200px, 200px) rotateX(0deg) rotateY(0deg);opacity:0;}
	33% {-webkit-transform:scale(1) translate(-80px, 80px) rotateX(20deg) rotateY(-20deg);opacity:1;}
	66% {-webkit-transform:scale(1.8) translate(100px, -100px) rotateX(30deg) rotateY(-10deg);opacity:.8;}
	100% {-webkit-transform:scale(2) translate(300px, -300px) rotateX(0deg) rotateY(0deg);opacity:.6;}
}

.yearBox{height:100%;width:100%;position:relative;z-index:1;}
.yearBox .swiper-slide{float:none;padding-bottom:10px;}
.hisiLogo{background:url('../big/hisi.png') no-repeat 0 0;width:260px;height:50px;background-size:100% auto;margin:10px 10px 0 10px;}
.figureBox{margin:0 auto;padding:8px;}
.figureBox figure{margin:1%;width:31.3%;float:left;position:relative;overflow:hidden;}
.figureBox figure a{width:200%;height:100%;position:absolute;left:50%;margin-left:-100%;text-align:center;z-index:0;}
.figureBox figure a img{height:100%;display:inline;}
.figureBox figure figcaption{width:100%;height:100%;background-color:rgba(0,0,0,0.5);display:block;position:absolute;left:0;bottom:0;z-index:1;font:normal 20px/18px impact;text-align:center;color:#fff;-webkit-transition:color 0.25s ease-in-out;}
.figureBox figure.active figcaption{color:transparent;}
.imgLoader{background:url('../img/ajax-loader.png') no-repeat 0 0;position:absolute;left:50%;top:50%;margin-left:-55px;margin-top:-59px;width:110px;height:117px;z-index:2;-webkit-transform:scale(0.5);}

@-webkit-keyframes upDown {
	0% {-webkit-transform:translateY(8px);opacity:0;}
	35% {-webkit-transform:translateY(0);opacity:1;}
	70% {-webkit-transform:translateY(-8px);opacity:0;}
	100% {-webkit-transform:translateY(8px);}
}
@-webkit-keyframes zoom {
	0% {-webkit-transform:scale(1);opacity:1;}
	50% {-webkit-transform:scale(2);opacity:0;}
	100% {-webkit-transform:scale(1);opacity:0;}
}

.tool{position:fixed;bottom:10px;z-index:9;width:40px;height:40px;left:50%;margin-left:-20px;}
.tool>dt,.tool dd{position:absolute;top:50%;margin-top:-20px;left:50%;margin-left:-20px;line-height:40px;width:40px;height:40px;text-align:center;border-radius:50%;display:block;}
.tool>dt{z-index:1;-webkit-transform:scale(1.2);-webkit-transform:rotate(0deg);-webkit-transition:all 1s cubic-bezier(.97,-0.48,.09,1.48);}
.tool>dd{background-color:rgba(0,0,0,0.5);color:#fff;transition:all 1.5s cubic-bezier(.97,-0.48,.09,1.48);-webkit-transition:all 1.5s cubic-bezier(.97,-0.48,.09,1.48);opacity:0;z-index:0;}
.tool>dd a{display:block;border-radius:50%;}  
.tool.active>dd{opacity:1;}

.tool>dt>em{width:40px;height:40px;background-color:rgba(255,255,255,0.35);border-radius:50%;position:absolute;z-index:0;left:0;top:0;
	-webkit-animation:zoom 2.5s 2.5s ease both;
	-webkit-animation-timing-function:linear;
	-webkit-animation-iteration-count: infinite;
}
.tool>dt>i{width:40px;height:40px;display:block;background-color:rgba(0,0,0,0.65);border-radius:50%;}
.tool>dt>b{width:22px;height:2px;display:block;border-radius:2px;position:absolute;left:50%;top:50%;margin-left:-11px;margin-top:-1px;background-color:#fff;}
.tool>dt>b:nth-child(4){-webkit-transform:rotate(-90deg);}
.tool.active>dt{-webkit-transform:rotate(-135deg);}

.upArrow{width:60px;height:40px;position:fixed;z-index:8;left:50%;margin-left:-30px;bottom:60px;opacity:0;
	-webkit-animation:upDown 2s 2s ease both;
	-webkit-animation-timing-function:linear;
	-webkit-animation-iteration-count: infinite;
}
.upArrow b{width:24px;height:12px;background:url("../images/arrow.png") no-repeat 0 0;background-size:100% auto;margin:0 auto;display:block;}
.upArrow s{text-decoration:none;text-align:center;font-size:12px;color:#fff;display:block;line-height:20px;padding-top:3px;text-shadow:0 0 1px rgba(0,0,0,0.2);}

.loadPicBox{position:fixed;z-index:2;display:none;opacity:0;overflow:visible !important;}
.loadPicBox a{width:30px;height:30px;display:block;background-color:#fff;border-radius:50%;position:absolute;right:-15px;top:-15px;z-index:2;overflow:hidden;overflow::hidden;}
.loadPicBox a i{width:20px;height:2px;display:block;border-radius:2px;position:absolute;left:50%;top:50%;margin-left:-10px;margin-top:-1px;background-color:#ccc;-webkit-transform:rotate(45deg);}
.loadPicBox a i:nth-child(2){-webkit-transform:rotate(-45deg);}
.picSwiperBox{padding:10px;position:relative;z-index:1;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,0.5);}
.picSwiperBox,.picSwiper{height:100%;}
.loadPicBox .swiper-wrapper{opacity:0;}
.picSwiper .swiper-slide{float:none;width:100%;}
.picSwiper .swiper-slide .picCon{padding:5px 0;}
.picSwiper .swiper-slide:first-child .picCon{padding-top:0;}
.picSwiper .swiper-slide:last-child .picCon{padding-bottom:0;}
.picSwiper .swiper-slide figure img{width:100%;display:block;}
.picSwiper .swiper-slide figcaption{padding:5px 0;line-height:20px;}
.picMasker{position:fixed;left:0;top:0;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,0.5);display:none;z-index:1;}