@charset "utf-8";
/* CSS Document */
/*** Chiukingho 2014.05.12 Edit ***/


/*  1 - index 主页样式 */

.index { }

/*  1.1 - openning 动画样式  */

#openning{width:85%;height:100%;display:none;margin:0 auto;position:absolute;top:0;left:7.5%;}
.part-one{position:absolute;text-align:right;display:inline;top:95px;right:0;}
.part-one div{text-align:right;padding-bottom:10px;opacity:0;filter:alpha(opacity:0);display:none;}
.part-one div img,.part-two div img  {margin-bottom:20px;}
.part-two{position:absolute;text-align:right;display:inline;top:95px;right:0;}
.part-two div{text-align:right;padding-bottom:10px;opacity:0;+width:50%;filter:alpha(opacity:0);}
.ani-logo-wrapper{position:absolute;top:58%;left:30%;display:none;z-index:99999}

.part-one div{display:block!important}
.ani-logo{position:absolute;left:0;}
.anii-wrapper{margin-top:95px}
.anii{position:relative;height:auto;display:block;width:70%;overflow:hidden;margin:15px 0px;z-index:-1}
.anii img{position:absolute;margin-right:7px;top:0;left:80%;width:13px;height:100%}
.anii-one{height:108px}
.anii-two{height:60px}
.anii-three{height:50px}
.anii-four{height:50px}
.anii-five{height:50px}
.anii-six{height:35px}
.anii-seven{height:35px}

/*  1.2 - banner 轮播图片样式 */

.index #banner{overflow:hidden;z-index:0;width:auto;position:inherit}
.index .banner{position:relative;height:100%;overflow:hidden;width:100%;}
.banner-word{position:absolute;z-index:999;top:0;right:0;height:100%}
.index .banner .carousel{width:100%;position:absolute;left:0;top:0px;height:100%;overflow:hidden;}
.index .banner .carousel ul{position:relative;height:100%;overflow:hidden;width:100%;float:left;}
.index .banner .carousel ul li{text-align:center;width:100%;float:left;height:100%;position:absolute;display:block!important;opacity:0;filter:alpha(opacity:0);}
.index .banner .carousel ul li img{}

/*  1.3 - 效果预设定样式 */

#header{display:none!important}
#footer{display:none!important}
#wrapper{ opacity:0;/*filter:alpha(opacity:0);*/*visibility:hidden}
#wrapper .show{display:block!important;*visibility:visible!important}


/*  1.4 - mobile 兼容 */
@media screen and (max-height:600px){
	.part-one,.part-two{ top:10%}
	.anii-wrapper{margin-top:10%}
	.ani-logo-wrapper{top:auto;bottom:30%;}
}
@media screen and (max-height:450px){
	#openning{ top:-100px}
	.part-one,.part-two{ top:1%!important}
	.anii-wrapper{margin-top:1%!important}
	.ani-logo-wrapper{top:auto!important;bottom:20%;!important}
}
#fixImg a img {
	+width:222px; +height:187px;
}
#fixImg a img.close  {
	+width:22px; +height:22px;
}
@media screen and (max-width:640px){
    #wrapper{opacity:1;}


}