body{}
.ad-banner{ height:401px; background:url(../images/datu1.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;}
.module h2.title{ line-height:32px; overflow:hidden;}
.module h2.title .name{ float:left; height:22px; line-height:22px; margin-top:5px; color:#ff0000; font-size:31px;  font-family:Microsoft Yahei,Arial;}
.module h2.title .en{ float:left; padding-left:5px; padding-top:10px; font-size:24px; color:#fbe9e8; font-weight:normal; font-family:Arial;}
.module h3{ clear:both; height:40px; font-size:30px; padding-top:5px; font-weight:normal; font-family:Microsoft Yahei,Arial; color:#ff0000;}

.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)}}
.che{ position:absolute; left:-200px; top:150px; width:69px; height:60px; background:url(../images/che.png) no-repeat;}

.jj{ padding:50px 0;}
.jj .middle{ position:relative; z-index:1;}
.jj .asideleft{ float:left; width:600px; }
.jj .asideleft h2{ font-size:16px; padding-bottom:10px;}
.jj .asideleft p{ line-height:22px;}
.jj .asideleft .cnt{ padding:5px 0;}
.jj .asideleft .strong{ display:inline-block; width:100px; height:30px; line-height:30px; margin-right:10px; font-size:16px; text-align:center; color:white;}
.jj .asideleft .strong.red{ background:#f44e4e;}
.jj .asideleft .strong.blue{ background:#1da3f8;}
.jj .asideleft .ad{ padding-top:20px;}
.jj .asideleft h3.strong{ margin:5px 0;}

.jj .asideright{ float:right; width:580px; }
.jj .asideright h2{ font-size:16px; padding-bottom:10px;}

.history{ clear:both; padding-top:50px; overflow:hidden;}
.history h2{ text-align:center; font-size:40px; font-weight:normal;}
.history h3{ text-align:center; font-size:21px; font-weight:normal; font-family:Arial;}
.history h4{ text-align:center; font-size:45px; font-weight:normal; color:#ff0000;}

.history .list .demo .item,.history .list .options{ float:left; width:9999em; }
.history .list .demo ul{ float:left; border-bottom:1px solid #ff0000; }
.history .list .demo ul li{ transition-duration:1s; -webkit-transition-duration:1s; float:left; width:100px; height:50px; margin-bottom:-6px; text-align:center; cursor:pointer; background:url(../images/propote.png) center bottom no-repeat; }
.history .list .demo ul li.current{ background-position:center 38px;}
.history .text{ transition-duration:.5s; -webkit-transition-duration:.5s;  position:relative; padding-top:20px; overflow:hidden; clear:both;}
.history .options{ position:absolute; top:0; transition-duration:.5s; -webkit-transition-duration:.5s; }
.history .option{ float:left; width:1100px; text-align:center;}
.history .option h5{ padding:5px 0; text-align:center; font-size:20px; }
.history .option p{ text-align:center; font-size:14px; line-height:22px; }
.history .left-btn,.history .right-btn{ display:block; float:left; width:29px; height:49px; line-height:49px; margin-top:60px; border:1px solid #d8d8d8; text-align:center;}
.history .left-btn{ margin-right:20px; }
.history .left-btn i,.history .right-btn i{ display:inline-block; width:10px; height:17px; vertical-align:top; margin-top:15px; background:url(../images/jian.gif) -15px -42px no-repeat;}
.history .left-btn:hover,.history .right-btn:hover{ background:#ff0900; border-color:#ff0900;}
.history .left-btn:hover i{ background-position:0 -42px;}
.history .right-btn{ float:right; margin-right:0;}
.history .right-btn i{  background-position:-15px -23px;}
.history .right-btn:hover i{ background-position:0 -23px;}
.history .content,.history .list .demo{ float:left; width:1100px; padding:20px 0 50px; overflow:hidden; }
.history .list .demo{ }

.sever .middle{ overflow:hidden; position:relative; z-index:1;}
.sever .line{ animation:line infinite linear 5s; -webkit-animation:line infinite linear 5s; transform:rotate(-25deg); -webkit-transform:rotate(-25deg); position:absolute; top:60px; width:148px; height:1px; font:0/0 arial; background:#cacaca;}
.sever .line.line1{ left:160px;}
.sever .line.line2{ left:525px;}
.sever .line.line3{ left:885px;}
.sever .line.line4{ left:356px; transform:rotate(25deg); -webkit-transform:rotate(25deg); animation:line1 infinite linear 5s; -webkit-animation:line1 infinite linear 5s;}
.sever .line.line5{ left:722px; transform:rotate(25deg); -webkit-transform:rotate(25deg); animation:line1 infinite linear 5s; -webkit-animation:line1 infinite linear 5s;}
@keyframes line{50%{ transform:rotate(-10deg)}}
@-webkit-keyframes line{50%{ transform:rotate(-10deg)}}
@keyframes line1{50%{ transform:rotate(15deg)}}
@-webkit-keyframes line1{50%{ transform:rotate(15deg)}}

.sever .item{ position:relative; z-index:2; float:left; width:240px;  margin:50px 20px 0;}
.sever .item .icon{ animation:icon infinite linear 5s; -webkit-animation:icon infinite linear 5s; width:120px; height:120px; margin:0 auto; overflow:hidden; display:block; border-radius:100%; background:#fb6e50;}
.sever .item i{ width:120px; height:69px; display:block; border-radius:100%; background:url(../images/jj-icon.png) center 0 no-repeat;}
.sever .fu{ animation:fu infinite linear 5s; -webkit-animation:fu infinite linear 5s;  position:relative; z-index:2; float:left; width:90px; font-weight:bold; height:50px; padding-top:20px; text-align:center; background:#f5f5f5; border-radius:100%;}
.sever .item h2{ padding:10px 0; text-align:center; font-size:16px;}
.sever .item p{ line-height:20px; color:#333333;}
@keyframes fu{50%{ transform:translateY(25px)}}
@-webkit-keyframes fu{50%{ transform:translateY(25px)}}
@keyframes icon{50%{ transform:translateY(-25px)}}
@-webkit-keyframes icon{50%{ transform:translateY(-25px)}}

.sever .item.n1 i{ margin-top:30px;}
.sever .item.n2 .icon{ background:#ffb738;}
.sever .item.n2 i{ margin-top:30px; background-position:center -80px;}
.sever .item.n3 .icon{ background:#4ec1e9;}
.sever .item.n3 i{ margin-top:30px; background-position:center -154px;}

.wei{ background:#f5f5f5; margin-top:50px; padding:50px 0; overflow:hidden; }
.wei h3.tit{ text-align:center; padding: 0;}
.wei .left-btn,.wei .right-btn{ display:block; float:left; width:29px; height:49px; line-height:49px; margin-top:200px; border:1px solid #d8d8d8; text-align:center;}
.wei .left-btn{ margin-right:20px; }
.wei .left-btn i,.wei .right-btn i{ display:inline-block; width:10px; height:17px; vertical-align:top; margin-top:15px; background:url(../images/jian.gif) -15px -42px no-repeat;}
.wei .left-btn:hover,.wei .right-btn:hover{ background:#ff0900; border-color:#ff0900;}
.wei .left-btn:hover i{ background-position:0 -42px;}
.wei .right-btn{ float:right; margin-right:0;}
.wei .right-btn i{  background-position:-15px -23px;}
.wei .right-btn:hover i{ background-position:0 -23px;}
.wei .list{ float:left; width:9999em;}
.wei .list ul{ float:left;}
.wei .content .demo,.wei .list li{ float:left; width:1100px; padding:20px 0 50px; overflow:hidden; text-align:center; }