@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;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; position:relative;}
.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/big1.jpg") top no-repeat;-webkit-transform: translateY(0);background-size: contain}
.page:nth-child(2){background:url("../big/big2.jpg") no-repeat 0 0;}

.page:nth-child(2) .center{width:136px; margin:96px auto 0 auto;}
.page:nth-child(2) .center .uljs{height:20px; margin:0 auto;}
.page:nth-child(2) .center .uljs p{float:left; width:53px; line-height:20px; color:#d63535;}
.page:nth-child(2) .center .uljs span{float:left; width:29px; line-height:20px; display:block;color:#d63535; text-align:right;} 
.page:nth-child(2) .center .uljs li{float:left;width:50px;height:20px;background:#fff;text-align:center; font:bold 14px/20px microsoft yahei;-webkit-border-radius:5px;margin-left:2px; }


.page:nth-child(3){background:url("../big/big3.jpg") no-repeat 0 0;}
.page:nth-child(4){background:url("../big/big4.jpg") no-repeat 0 0;}
.page:nth-child(4) .one{width:300px; margin:60px auto 0 auto; overflow:hidden;}
.page:nth-child(4) .one dt{width:50px; float:left;}
.page:nth-child(4) .one dd{width:236px; float:left; background:#de8a39; color:#FFF; margin-left:10px; padding:2px; letter-spacing:-1px;}
.page:nth-child(4) .one dd h1{float:left; line-height:20px; color:#fff; font-size:12px; width:100%;}
.page:nth-child(4) .one dd p{float:left; line-height:18px; color:#fff; font-size:12px; width:100%;}

.page:nth-child(4) .onea{width:300px; margin:5px auto 0 auto;overflow:hidden;}
.page:nth-child(4) .onea dt{width:50px; float:left;}
.page:nth-child(4) .onea dd{width:236px; float:left; background:#98ac78; color:#FFF; margin-left:10px; padding:2px; letter-spacing:-1px;}
.page:nth-child(4) .onea dd h1{float:left; line-height:20px; color:#fff; font-size:12px;width:236px; }
.page:nth-child(4) .onea dd p{float:left; line-height:18px; color:#fff; font-size:12px;width:236px; }

.page:nth-child(4) .oneb{width:300px; margin:5px auto 0 auto;overflow:hidden;}
.page:nth-child(4) .oneb dt{width:50px; float:left;}
.page:nth-child(4) .oneb dd{width:236px; float:left; background:#9ea23f; color:#FFF; margin-left:10px; padding:2px; letter-spacing:-1px;}
.page:nth-child(4) .oneb dd h1{float:left; line-height:20px; color:#fff; font-size:12px;width:236px; }
.page:nth-child(4) .oneb dd p{float:left; line-height:18px; color:#fff; font-size:12px;width:236px; }

.qiangqian{width:50px; height:50px; -webkit-border-radius:50%; background:rgba(0,0,0,0.5); color:#fff; line-height:16px; font-size:12px; border:2px solid #cd4438;right:10px; bottom:10px; text-align:center; position: fixed; cursor:pointer;color:#fff; z-index:100;}
.qiangqian p{margin-top:8px;}

.tcck{width:220px; height:326px; background:url(../big/bd.png) top no-repeat; position:absolute; top:50%; margin-top:-163px; left:50%; margin-left:-110px; z-index:999; display:none;}
.tcck .closex{width:220px; height:20px; cursor:pointer;}
.tcck .closex a{width:20px; height:20px; display:block;-webkit-border-radius:50%; background:#F30; color:#FFF; text-align:center; line-height:20px;}
.tcck dl{width:160px; margin:8px auto 0 auto; overflow:hidden;}
.tcck dl dt{width:50px; height:24px; float:left; text-align:center; overflow:hidden; margin-bottom:5px; line-height:24px;}
.tcck dl dd{width:110px; height:24px; float:left; text-align:left; overflow:hidden;margin-bottom:5px;line-height:20px;}
.tcck dl dd input{width:108px; height:22px; border:1px solid #ddd; font-size:12px; line-height:18px;}
.tcck dl dd.tjbtn{width:110px;height:24px; overflow:hidden; padding-left:50px; text-align:left;}
.tcck .a{width:220px;display:block; height:40px; margin:50px auto 0 auto;}
.tcck .b{width:220px;display:block; height:40px; margin:10px auto 0 auto;}



.page:nth-child(5){background:url("../big/big5.jpg") no-repeat 0 0;}

.page:nth-child(5) .wylb{width:300px;margin:60px auto 0 auto; height:60px; overflow:hidden;}
.page:nth-child(5) .wylb dt{width:60px; height:60px; float:left;}
.page:nth-child(5) .wylb dt img{-webkit-border-radius:50%;}
.page:nth-child(5) .wylb dd{width:230px;margin-left:10px; float:left;height:60px;}
.page:nth-child(5) .wylb dd h1{float:left; font-size:12px; line-height:20px;}
.page:nth-child(5) .wylb dd p{float:left; font-size:12px; line-height:15px; padding:5px; background:rgba(255,255,255,0.4); color:#fff;-webkit-border-radius:5px;}


.page:nth-child(5) .wylbb{width:300px;margin:10px auto 0 auto; height:60px; overflow:hidden;}
.page:nth-child(5) .wylbb dt{width:60px; height:60px; float:left;}
.page:nth-child(5) .wylbb dt img{-webkit-border-radius:50%;}
.page:nth-child(5) .wylbb dd{width:230px;margin-left:10px; float:left;height:60px;}
.page:nth-child(5) .wylbb dd h1{float:left; font-size:12px; line-height:20px;}
.page:nth-child(5) .wylbb dd p{float:left; font-size:12px; line-height:15px; padding:5px; background:rgba(255,255,255,0.4); color:#fff;-webkit-border-radius:5px;}


.page:nth-child(5) .wylba{width:300px;margin:10px auto 0 auto; height:60px; overflow:hidden;}
.page:nth-child(5) .wylba dt{width:60px; height:60px; float:left;}
.page:nth-child(5) .wylba dt img{-webkit-border-radius:50%;}
.page:nth-child(5) .wylba dd{width:230px;margin-right:10px; float:left;height:60px;}
.page:nth-child(5) .wylba dd h1{float:left; font-size:12px; line-height:20px;}
.page:nth-child(5) .wylba dd p{float:left; font-size:12px; line-height:15px; padding:5px; background:rgba(255,255,255,0.4); color:#fff;-webkit-border-radius:5px;}

/*.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;}