body{}
.ad-banner{ height:401px; background:url(../images/banner11.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;}

.wenhua{ padding:50px 0;}
.wenhua .middle{ position:relative; z-index:1;}
.wenhua .item{ position:relative; z-index:2; float:left; width:240px;  margin:50px 20px 0;}
.wenhua .item .icon{ padding-bottom:15px;}
.wenhua .item i{ width:45px; height:45px; display:block; margin:0 auto; background:url(../images/qyiwenhua-icon.png) 0 0 no-repeat;}
.wenhua .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%;}
.wenhua .item h2{ padding:10px 0; text-align:center; font-size:16px;}
.wenhua .item p{ text-align:center; 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)}}

.wenhua .item.n1 i{ }
.wenhua .item.n2 i{background-position:-64px 0;}
.wenhua .item.n3 i{ background-position:-129px 0;}
.wenhua .item.n4 i{ background-position:-194px 0;}

.history{ clear:both; padding-top:50px; overflow:hidden;}
.history h2{  height:50px; padding-bottom:40px; font-size:40px; color:#ff0000; perspective:600px; -webkit-perspective:600px; transition-duration:.5s; -wbkit-transition-duration:.5s;;}
.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{ }


.wei{ clear:both; background:#f5f5f5; margin-top:50px; padding:50px 0; overflow:hidden; }
.wei h3.tit{ text-align:center; padding: 0;}
.wei .left-btn,.wei .right-btn,.waishi .left-btn,.waishi .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,.waishi .left-btn{ margin-right:20px; }
.wei .left-btn i,.wei .right-btn i,.waishi .left-btn i,.waishi .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,.waishi .left-btn:hover,.waishi .right-btn:hover{ background:#ff0900; border-color:#ff0900;}
.wei .left-btn:hover i,.waishi .left-btn:hover i{ background-position:0 -42px;}
.wei .right-btn,.waishi .right-btn{ float:right; margin-right:0;}
.wei .right-btn i,.waishi .right-btn i{  background-position:-15px -23px;}
.wei .right-btn:hover i,.waishi .right-btn:hover i{ background-position:0 -23px;}
.wei .list,.waishi .list{ float:left; width:9999em;}
.wei .list ul,.waishi .list ul{ float:left;}
.wei .content .demo,.wei .list li,.waishi .content .demo,.waishi .list li{ float:left; width:1100px; padding:20px 0 50px; overflow:hidden; text-align:center; }
.wei .box{ width:840px; height:470px; margin:0 auto; background:#fff;}
.wei .box .img{ float:left; width:420px; overflow:hidden; padding-top:10px;}
.wei .box .img img{ display:inline-block; margin:0 auto; vertical-align:middle; max-width:400px; max-height:450px;}
.wei .box .text{ float:left; width:420px; height:470px; color:white; background:#f04247; line-height:22px;}
.wei .box .text h2{ padding:50px 20px 20px; font-size:49px;}
.wei .box .text p{ padding:5px 20px;}

.baomi{ background:#f5f5f5; margin-top:50px; padding:50px 0; overflow:hidden; }
.baomi h2.title{ margin:0; padding-bottom:10px;}
.baomi h3.tit{ margin:0; padding:0;}
.baomi dl{ float:left; width:350px; margin:0 20px;}
.baomi dl dt{ font-size:18px; padding-bottom:10px; padding-left:5px; font-weight:bold; color:#333333;}
.baomi dl .num{ float:left; width:20px; height:20px; margin-top:5px; font:8px/20px arial; border-radius:100%; background:#ff0000; color:white; text-align:center;}
.baomi dl .txt{ padding-left:30px; font-size:13px; color:#333333; padding-bottom:10px; line-height:22px;}

.waishi{ padding:30px 0; }

.fixed-nav{ position:absolute; left:35px; top:735px; z-index:999; width:50px;}
.fixed-nav.fixed{ position:fixed; top:35px; }
.fixed-nav a{ display:block; width:50px; height:47px; padding-top:3px; margin-bottom:4px; background:#333333; color:#ff0000; line-height:22px; text-align:center;}
.fixed-nav .icon{ display:none; margin:0 auto; width:28px; height:28px; background:url(../images/qyiwenhua-icon.png) 0 0 no-repeat;}
.fixed-nav .icon.m1{ background-position:0 -59px; margin-top:10px;}
.fixed-nav .icon.m2{ background-position:-40px -59px; margin-top:8px;}
.fixed-nav .icon.m3{ background-position:-92px -59px; margin-top:8px;}
.fixed-nav .icon.m4{ background-position:-136px -59px; margin-top:7px;}
.fixed-nav a:hover span{ display:none;}
.fixed-nav a:hover .icon{ display:block;}