#Content{ width:auto;}
.ad-banner{ height:401px; background:url(../images/banner1.jpg) center 0 no-repeat;}

.module{}
.module h2.title{ height:50px; font-size:40px; color:#ff0000; transition: all 0.5s; -webkit-transition: all 0.5s;}

.juedao .title,.early .title,.personality .title{ transform: rotateX(120deg) translateY(200px); -webkit-transform: rotateY(120deg) translateY(200px); opacity:0;}
.juedao{ padding-top:50px; overflow:hidden;}
.juedao .pic{transform:translateY(100px) scale(3) rotateX(-120deg); -webkit-transform:translateY(100px) scale(3) rotateX(-120deg);  opacity:0; height:490px; background:url(../images/guowai_pic1.jpg) center 0 no-repeat; }
.juedao .text{ transform: rotateX(120deg) translateY(200px); -webkit-transform: rotateY(120deg) translateY(200px); opacity:0; font-size:15px; line-height:24px; margin-top:50px; margin-bottom:50px; overflow:hidden;}
.juedao .more{ display:block; float:left; width:137px; height:28px; margin-top:20px; margin-left:50px; text-indent:-9999px; background:url(../images/more.jpg) #ff0000 center 0 no-repeat;}
.juedao .more:hover{ background-color:#353535; background-position:center -29px;}
.juedao .txt{ float:left; width:770px; padding-left:30px; font-size:15px;}
.juedao em{ display:inline-box; display:-webkit-inline-box; transform:scale(5); -webkit-transform:scale(5); opacity:0; color:#ff0000; transition: all 0.5s; -webkit-transition: all 0.5s;}

.early{ padding:70px 0; overflow:hidden; background:#f5f5f5;}
.early .text{ transform: rotateX(120deg) translateY(200px); -webkit-transform: rotateY(120deg) translateY(200px); opacity:0; padding:30px 0; font-size:15px; line-height:24px;}
.early .pic{transform:translateY(100px) scale(3) rotateX(-120deg); -webkit-transform:translateY(100px) scale(3) rotateX(-120deg);  opacity:0; height:143px; background:url(../images/yuejin_pic.jpg) center 0 no-repeat;}
.early .pic .img{ transition: all 0.5s;  -webkit-transition: all 0.5s; background:url(../images/yuejin_pic.jpg) no-repeat;}
.early .pic .img:hover{ transform: scale(1.2) ;-ms-transform: scale(1.2) ;-webkit-transform: scale(1.2) ;-o-transform: scale(1.2) ;-moz-transform: scale(1.2) ; }
.early .pic .pic1{ float:left; width:100px; height:100px; margin:12px 0 0 188px; background-position:-57px -12px;}
.early .pic .pic2{ float:left; margin-left:0; width:124px; height:78px; margin:18px 0 0 275px; background-position:-432px -18px;}
.early .pic .pic3{ float:left; margin-left:0; width:78px; height:88px; margin:13px 0 0 304px; background-position:right -13px;}

.personality{ padding:70px 0 50px;}
.personality .pic{transform:translateY(100px) scale(3) rotateX(-120deg); -webkit-transform:translateY(100px) scale(3) rotateX(-120deg);  opacity:0; height:461px; background:url(../images/personality_pic.jpg) center 0 no-repeat;}
.person{ position:relative; z-index:1;}
.person .pic1{ position:absolute; left:32px; }
.person .pic1 .p1{ position:absolute; left:0; top:80px; width:86px; height:284px; cursor:pointer;}
.person .pic1 .p2{ position:absolute; left:0; top:54px; width:394px; height:42px; transform:rotate(-8deg); -webkit-transform:rotate(-8deg);-o-transform:rotate(-8deg);-ms-transform:rotate(-8deg);-moz-transform:rotate(-8deg); cursor:pointer;}

.person .pic2{ position:absolute; left:117px; top:29px; }
.person .pic2 .p1{ position:absolute; left:0; top:80px; width:86px; height:284px; cursor:pointer;}
.person .pic2 .p2{ position:absolute; left:0; top:54px; width:394px; height:42px; transform:rotate(-8deg); -webkit-transform:rotate(-8deg);-o-transform:rotate(-8deg);-ms-transform:rotate(-8deg);-moz-transform:rotate(-8deg); cursor:pointer;}

.person .pic3{ position:absolute; left:206px; top:113px; width:444px; height:330px; transform:rotate(-7deg); cursor:pointer; }