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

.ad-tit{ padding:50px 0; overflow:hidden; clear:both;}
.ad-tit .img{ height:651px; background:url(../images/huwaiad.jpg) center 0 no-repeat;}
.ad-tit .img-list{ padding:30px 0; }
.ad-tit .img-list li{ float:left; width:33%; text-align:center;}
.ad-tit .img-list h2{ font-size:16px; padding:10px 0; }

.waishi{ padding:30px 0; }
.youshi{ padding:50px 0; overflow:hidden; clear:both; background:#f5f5f5;}
.youshi .img{ float:left; width:570px; }
.youshi .text{ float:right; width:520px; }
.youshi .text h2{ color:#333333; font-size:20px; }
.youshi .text p{ padding:10px 0; line-height:22px; color:#333333; font-size:14px; }

.huwai{ padding:50px 0; overflow:hidden; clear:both;}
.huwai li{ float:left; width:19%; text-align:center; }
.huwai li i{ animation:icon infinite linear 1s; -webkit-animation:icon infinite linear 1s; width:84px; height:78px; display:block; margin:0 auto; background:url(../images/huwai-icon.png) 0 0 no-repeat;}
.huwai h2{ padding:10px 0; text-align:center; font-size:16px;}

.huwai .n1 i{ width:75px; height:75px; animation:icon1 infinite linear 111s; -webkit-animation:icon1 infinite linear 111s;}
.huwai .n2 i{ width:67px; height:67px; animation:icon1 infinite linear 111s; -webkit-animation:icon1 infinite linear 111s; background-position:0 -84px;}
.huwai .n3 i{ background-position:0 -163px;}
.huwai .n4 i{ animation:icon4 infinite linear 1s; -webkit-animation:icon4 infinite linear 1s; width:52px; background-position:0 -259px;}
.huwai .n5 i{ background-position:0 -365px;}
@keyframes icon{50%{ transform:translateY(-15px)}}
@-webkit-keyframes icon{50%{ transform:translateY(-15px)}}
@keyframes icon1{50%{ transform:rotate(9999deg); }}
@-webkit-keyframes icon1{50%{ transform:rotate(9999deg); }}
@keyframes icon4{
	0%{ transform:translateX(0px)}
	25%{ transform:translateX(-15px)}
	50%{ transform:translateX(0px)}
	75%{ transform:translateX(15px)}
	100%{ transform:translateX(0px)}
}
@-webkit-keyframes icon4{
	0%{ transform:translateX(0px)}
	25%{ transform:translateX(-15px)}
	50%{ transform:translateX(0px)}
	75%{ transform:translateX(15px)}
	100%{ transform:translateX(0px)}
}

.brand{ padding:50px 0;}
.brand .demo{ float:left; width:1100px; overflow:hidden;}
.logo-list li{ float:left; width:200px; height:215px; margin:0 10px; padding:0; border:1px solid #cccccc; color:#333333; font-size:14px; text-align:center; overflow:hidden; background:#fff; transition-duration:1s; -webkit-transition-duration:1s;}
.logo-list li:hover{ background:#f2b40d; color:white;}
.brand .logo-list li .pic{ width:190px; height:160px; overflow:hidden; margin:5px auto 10px; background:white;}
.brand .left-btn,.brand .right-btn{ display:block; float:left; width:29px; height:49px; line-height:49px; margin-top:80px; border:1px solid #d8d8d8; text-align:center;}
.brand .left-btn{ margin-right:10px; }
.brand .left-btn i,.brand .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;}
.brand .left-btn:hover,.brand .right-btn:hover{ background:#ff0900; border-color:#ff0900;}
.brand .left-btn:hover i{ background-position:0 -42px;}
.brand .right-btn{ float:right; margin-right:0;}
.brand .right-btn i{  background-position:-15px -23px;}
.brand .right-btn:hover i{ background-position:0 -23px;}