@charset "gb2312";

.box-c{z-index:10;position:relative;overflow:hidden;margin-top:-66px;height:1080px;}

.cycle-a .cycle-item{overflow:hidden;width:100%;height:100%;}
.cycle-a .cycle-item .noizzz{overflow:hidden;width:100%;height:100%;}
.cycle-a .cycle-item .wrapper-a{position:relative;margin-top:60px;}
.cycle-a .cycle-item .content{position:relative;z-index:5;width:500px;padding:450px 0 0 64px;}
.cycle-a .cycle-item .content p{color:#4e2906;font:normal 1.6em/1.31 MuseoSans500,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif;letter-spacing:-0.02em;}
.cycle-a .cycle-item .content p cite{font-style:normal;font-weight:bold;}
.cycle-a .cycle-item .vis-box,.vis-box1{position:absolute;z-index:3;right:0;top:0;-moz-user-select:none;-khtml-user-select:none;}
.cycle-a .cycle-item .vis-box *{-moz-user-select:none;-khtml-user-select:none;}

/*! Home page visuals ---- */

/*! hitmo ---- */
.cycle-a .hitmo {background:url(../images/project-visuals/fengmian.jpg) no-repeat;}


.cycle-a .hitmo .vis-box{top:180px;right:42px;}

/*! fastpr ---- */
.cycle-a .fastpr {background:url(../images/project-visuals/gy.jpg) no-repeat;}

.cycle-a .fastpr .header-a{color:#155b91;}
.cycle-a .fastpr .content p{color:#155c92;}
.cycle-a .fastpr .vis-box{top:63px;right:85px;}
.special-box{position:absolute;top:-17px;right:-42px;}
.special-box *{float:right;clear:right;}

/*! thinkmedia ---- */
.cycle-a .thinkmedia {background:url(../images/project-visuals/zunyi.jpg) no-repeat;}

.cycle-a .thinkmedia .header-a{color:#1d536d;}
.cycle-a .thinkmedia .content p{color:#1d536d;}
.cycle-a .thinkmedia .vis-box{top:0;right:50px;}

/*! arkana ---- */
.cycle-a .arkana {background:url(../images/project-visuals/tr.jpg) no-repeat;}

.cycle-a .arkana .header-a{color:#4f3219;}
.cycle-a .arkana .content p{color:#4f3219;}
.cycle-a .arkana .vis-box{top:20px;right:0;}
.cycle-a .arkana .vis-box .image-a img{display:block;background:url(../images/project-visuals/vis-arkana_shadow.png) 0 0 no-repeat;}

/*! bioway ---- */
.cycle-a .bioway {background:url(../images/project-visuals/anshun.jpg) no-repeat;}

.cycle-a .bioway .header-a{color:#40864e;}
.cycle-a .bioway .content p{color:#40864e;}
.cycle-a .bioway .vis-box{top:18px;right:33px;}

/*! nana ---- */
 .cycle-a .nana {background: url(../images/project-visuals/qiannan.jpg) no-repeat;}

 .cycle-a .akademia {background: url(../images/project-visuals/fengdi.jpg) no-repeat;}




.list-a{float:left;list-style:none;margin:0;padding:18px 2px 0 31px;}
.list-a li{float:left;padding-left:5px;font-size:1em;}
.list-a li a{display:block;width:23px;height:26px;margin-right:2px;color:#fff;background:url(../images/sprites-set-2.png) -50px 0 no-repeat;text-decoration:none !important;line-height:22px;text-align:center;}
.list-a li a:hover{background-position:-25px 0;}
.list-a li.active a{width:25px;margin-right:0;color:#aaa29a;background-position:0 0;}
.list-a li abbr{text-decoration:none;border:none;}

.list-b{position:relative;float:left;list-style:none;margin:0;padding:5px 1px 2px 9px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;-webkit-transition:background 0.15s ease-in;-moz-transition:background 0.15s ease-in;-o-transition:background 0.15s ease-in;transition:background 0.15s ease-in;}
.list-b:hover{padding:4px 0 1px 8px;border:1px solid rgba(255,255,255,0.0);background-color:rgba(255,255,255,0.21);}
.ielt9 .list-b:hover{padding:5px 1px 2px 9px;}
.list-b li{float:left;padding-right:8px;}
.list-b li a{display:block;overflow:hidden;width:32px;height:35px;background:url(../images/cycle-nav-icons.png) 0 0 no-repeat;text-indent:-10001px;outline:none;}
.list-b li.hitmo a{ }
.list-b li.hitmo a:hover{background-position:0 -35px;}
.list-b li.hitmo a.active{background-position:0 -70px;}
.list-b li.fastpr a{background-position:-32px 0;}
.list-b li.fastpr a:hover{background-position:-32px -35px;}
.list-b li.fastpr a.active{background-position:-32px -70px;}
.list-b li.thinkmedia a{background-position:-64px 0;}
.list-b li.thinkmedia a:hover{background-position:-64px -35px;}
.list-b li.thinkmedia a.active{background-position:-64px -70px;}
.list-b li.arkana a{background-position:-96px 0;}
.list-b li.arkana a:hover{background-position:-96px -35px;}
.list-b li.arkana a.active{background-position:-96px -70px;}
.list-b li.bioway a{background-position:-128px 0;}
.list-b li.bioway a:hover{background-position:-128px -35px;}
.list-b li.bioway a.active{background-position:-128px -70px;}
.list-b li.nana a{background-position:-160px 0;}
.list-b li.nana a:hover{background-position:-160px -35px;}
.list-b li.nana a.active{background-position:-160px -70px;}
.list-b li.akademia a{background-position:-192px 0;}
.list-b li.akademia a:hover{background-position:-192px -35px;}
.list-b li.akademia a.active{background-position:-192px -70px;}
.list-b li.ancora a{background-position:-256px 0;}
.list-b li.ancora a:hover{background-position:-256px -35px;}
.list-b li.ancora a.active{background-position:-256px -70px;}
.list-b li.pixad a{background-position:-288px 0;}
.list-b li.pixad a:hover{background-position:-288px -35px;}
.list-b li.pixad a.active{background-position:-288px -70px;}
.list-b li.other a{background-position:-224px 0;}
.list-b li.other a:hover{background-position:-224px -35px;}
.list-b li.other a.active{background-position:-224px -70px;}

#content{z-index:10;position:relative;}

.wrapper-b:after{content:".";display:block;height:0;clear:both;visibility:hidden;}


.box-b{position:relative;overflow:hidden;width:100%;height:168px;}
.cycle-button-a{position:absolute;right:50px;top:400px;z-index:20;overflow:hidden;width:41px;cursor:pointer;}
.cycle-button-a .cbutton-wrapper{margin:50px 0;padding-left:41px;background:url(../images/cycle-navbutton.png) 0 0 no-repeat;}
.cycle-button-a:hover .cbutton-wrapper{background-position:0 -85px;}
.cba-a{right:auto;left:50px;}
.cba-a .cbutton-wrapper{float:right;padding:0 41px 0 0;background-position:100% -170px;}
.cba-a:hover .cbutton-wrapper{background-position:100% -255px;}
.cycle-nav-container{z-index:20;position:absolute;width:860px;top:100px;left:42%;overflow:hidden;background-color:rgba(255,255,255,0);margin-left:-430px;}
a{color:#5f8195;text-decoration:none;}
a:hover, a:focus, a:active{color:#5f8195;text-decoration:none;}

.link-a{display:block;height:19px;line-height:20px;color:#fff;background:url(../images/bullet-1.png) 100% 0 no-repeat;text-decoration:none;width: 80px;margin-top: 15px;font-weight: bold;}
.link-a:hover{color:#172934;background-position:100% -19px;text-decoration:none;}

.lnka-a{color:#172934;background-position:100% -19px;}
.lnka-a:hover{color:#fff;background-position:100% 0;}


.subTitle{position: absolute;z-index: 50;font-size: 50px;width: 500px;height: 100px;left: 50%;top: 100px;}

.music{ width:14px; height:14px; background:url(../images/musicon.gif) no-repeat; cursor:pointer;position: absolute;left: 300px;top: 18px;}
.a,.b,.c,.d,.e,.e,.f,.g,.h,.l,.k,.m,.n{width: 380px;height: 450px;position: absolute;top: 300px;left: 62px;color: #fff;z-index: 1000000;border-radius: 10px;background:rgba(0, 0, 0, 0.4)!important;filter:alpha(opacity=40);background: #000;}
.b,.d,.f,.h{top: 300px;left: 772px;}
.l,.k,.m{width: 280px;height: 450px;}
.l{left: -80px;}
.k{left: 420px;}
.m{left: 900px;}


.g,.h,.n{width: 346px;height: 500px;}
.g{left: 50px;}
.h{left: 415px;}
.n{left: 776px;}


.play{clear: both;margin: 20px;}
.wrapper-a p{margin: 20px;line-height: 28px;}

#nana .content,#nana .vis-box,#nana .vis-box1{position:relative;z-index:5;width:300px;}
#content #nana .content{padding:150px 0 0 -64px;}
#nana .vis-box{left: 400px;top: 100px;}
#nana .vis-box1{top: 100px;;left: 600px;}


#bioway .content,#bioway .vis-box,#nana .vis-box1{position:relative;z-index:5;width:300px;}
#content #bioway .content{padding:150px 0 0 -64px;}
#bioway .vis-box{left: 400px;top: 100px;}
#bioway .vis-box1{top: 100px;;left: 600px;}


.subTitle{background:url(../images/subTitle.png) no-repeat;width: 917px;height: 195px;position: absolute;top: 15px;left: 150px;animation:zoomIn 1s ease-in forwards;-moz-animation:zoomIn 1s ease-in forwards;-webkit-animation:zoomIn 1s ease-in forwards;}


.hanhong{position: absolute;top: 700px;left: 630px;}
.hanhong .link-a{font-size: 18px;color: #024ac6;width: 210px;}

.play .link-a{font-size:1.3em;}










.clouds_one {
  background: url(../images/cloud_one.png) repeat-x;
  position: absolute;

  left: 0;
  top: 100px;
  height: 645px;
  width: 300%;
  -webkit-animation: cloud_one 50s linear infinite;
  -moz-animation: cloud_one 50s linear infinite;
  -o-animation: cloud_one 50s linear infinite;
  animation: cloud_one 50s linear infinite;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

@-webkit-keyframes cloud_one {
  0% {
	left: 0
  }
  100% {
	left: -200%
  }
}
@-moz-keyframes cloud_one {
  0% {
	left: 0
  }
  100% {
	left: -200%
  }
}
@keyframes cloud_one {
  0% {
	left: 0
  }
  100% {
	left: -200%
  }
}