body{}
.ad-banner{ height:401px; background:url(../images/banner8.jpg) center 0 no-repeat;}

#Content{ width:100%; }

.module{}
.module h2.title{ height:50px; padding-bottom:40px; font-size:40px; color:#ff0000; perspective:600px; -webkit-perspective:600px; transition-duration:.5s; -wbkit-transition-duration:.5s;}
.module h3.tit{ padding:20px 50px; font-size:16px; font-weight:normal; color:#000; transition-duration:.5s; -wbkit-transition-duration:.5s;}
.content{ perspective:600px; -webkit-perspective:600px; transition-duration:.5s; -wbkit-transition-duration:.5s;}
.host{ animation:host infinite 5s; -webkit-animation:host infinite 5s; position:absolute; right:-100px; top:100px; width:73px; height:103px; background:url(../images/huojian.png) no-repeat;}
@keyframes host{50%{ transform:translate(25px,-30px)}}
@-webkit-keyframes host{50%{ -webkit-transform:translate(25px,-30px)}}

.mei{ padding:50px 0; overflow:hidden;}
.mei .leftside{ float:left; width:500px;}
.mei .rightside{ float:left; width:500px; margin-left:80px; padding-top:80px; }
.mei .border{ position:relative; z-index:1; width:490px; height:430px; padding:30px 0; border:2px solid #a2bad9;}
.mei .border .duomeiti{ margin:0 auto; transform-origin: center center; -webkit-transform-origin:center; animation:duomei infinite 999s linear; -webkit-animation:duomei infinite 999s linear; width:436px; height:436px;  background:url(../images/meitigongguan.png) no-repeat;}
@keyframes duomei{ 50%{ transform:rotate(9999deg)} }
@-webkit-keyframes duomei{ 50%{ -webkit-transform:rotate(9999deg)} }
.mei .qiu{ position:absolute; top:110px; left:190px; width:387px; height:225px;  background:url(../images/meitiegongguan.png) no-repeat; }
.mei .rightside li{ clear:both; width:480px; height:57px; line-height:57px; margin-bottom:20px; padding:0 15px; border-radius:5px; background:#fbdada; font-size:14px; color:#444;}
.mei .rightside li.n1{ animation:mei1 infinite 5s linear; -webkit-animation:mei1 infinite 5s linear;}
.mei .rightside li.n2{ animation:mei2 infinite 5s linear; -webkit-animation:mei2 infinite 5s linear; background:#f5dec1;}
.mei .rightside li.n3{ animation:mei3 infinite 5s linear; -webkit-animation:mei3 infinite 5s linear; background:#dcf5d9;}
.mei .rightside li.n4{ animation:mei4 infinite 5s linear; -webkit-animation:mei4 infinite 5s linear; background:#daecfb;}
@keyframes mei1{50%{ background:#ff4040; color:white;}}
@-webkit-keyframes mei1{50%{  background:#ff4040; color:white;}}
@keyframes mei2{50%{ background:#ffba63;} }
@-webkit-keyframes mei2{50%{  background:#ffba63;}}
@keyframes mei3{50%{ background:#a7ff9d;} }
@-webkit-keyframes mei3{50%{  background:#a7ff9d;}}
@keyframes mei4{50%{ background:#8dcbff;} }
@-webkit-keyframes mei4{50%{  background:#8dcbff;}}

.gongguan{ clear:both; height:480px; background:url(../images/meitigonguan.jpg) #7cb8ec center 0 no-repeat; overflow:hidden;}
.gongguan .middle{ position:relative; z-index:1; }
.gongguan h2.title{ padding-top:50px; color:white; text-align:center;}
.gongguan .text{ position:absolute; left:493px; top:40px;}
.gongguan li{ height:47px; line-height:47px; color:white;}
.gongguan .jian{ animation:jian infinite 1s linear; -webkit-animation:jian infinite 1s linear; position:absolute; left:304px; top:140px; width:140px; height:54px; background:url(../images/dajian.png) no-repeat; }
@keyframes jian{50%{transform:translateX(20px)} }
@-webkit-keyframes jian{50%{ -webkit-transform:translateX(20px)}}

.fagao .content{ padding:50px; overflow:hidden; }
.fagao .left{ float:left; }
.fagao .right{ float:right; }

.sever{ padding:50px 0; text-align:center;}