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

#Content{ width:100%; }

.module{clear:both; padding:50px 0; overflow:hidden;}
.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{ height:22px; line-height:22px; margin-top:5px; color:#ff0000; font-size:31px;  font-family:Microsoft Yahei,Arial; text-align:center;}
.module h2.title .en{ text-align:center;; padding-top:10px; font-size:14px; color:#333; font-weight:normal; font-family:Arial;  font-family:Microsoft Yahei,Arial; color:#666;}
.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;}

.jiance{ height:478px; background:url(../images/jiancebanner.jpg) center 0 no-repeat; }
.jiance h2.title .en{ font-size:13px; font-family:Microsoft Yahei;}
.jiance .leftside{ float:left; width:550px; height:300px; background:url(../images/jianceleft.png) no-repeat;}
.jiance .rightside{ float:right; width:650px; }
.jiance .leftside ul{ padding-left:240px; padding-top:50px; }
.jiance .leftside li{ height:45px; line-height:45px; color:#2d6ad2; }
.jiance .leftside em{ font-size:12px; padding-right:10px;}

@keyframes left1{ 50%{transform:translateX(-50px)}}
@-webkit-keyframes left1{ 50%{-webkit-transform:translateX(-50px)}}

.jiance .rightside .ul{ float:right; width:720px; padding-top:30px;}
.jiance .rightside a{ display:block; float:left; width:100px; height:140px; padding-top:10px; margin:0 40px; text-align:center; overflow:hidden;}
.jiance .rightside i{ display:block; width:81px; height:70px; margin:0 auto; background:url(../images/jiance-icon.png) center 0 no-repeat; }
.jiance .rightside h2{ padding:5px 0;  font-size:16px; color:#666666;}
.jiance .rightside .n1 i{ animation:sx 1s infinite linear; -webkit-animation:sx 1s infinite linear;}
.jiance .rightside .n2 i{ animation:yxz 5s infinite linear; -webkit-animation:yxz 5s infinite linear; background-position:0 -76px;}
.jiance .rightside .n3 i{ animation:zy 1s infinite linear; -webkit-animation:zy 1s infinite linear; background-position:0 -160px;}
.jiance .rightside .n4 i{ animation:xz 111s infinite linear; -webkit-animation:xz 111s infinite linear; background-position:0 -241px;}
.jiance .rightside .n5 i{ animation:yxz 5s infinite linear; -webkit-animation:yxz 5s infinite linear; background-position:0 -327px;}
.jiance .rightside .n6 i{ animation:sx 1s infinite linear; -webkit-animation:sx 1s infinite linear; background-position:0 -412px;}
.jiance .rightside .n7 i{ animation:yxz 15s infinite linear; -webkit-animation:yxz 15s infinite linear; background-position:0 -500px;}
.jiance .rightside .n8 i{ animation:xxz 5s infinite linear; -webkit-animation:xxz 5s infinite linear; background-position:0 -588px;}
.jiance .rightside a:hover{ text-decoration:none;}

@keyframes sx{ 50%{transform:translateY(-10px)}}
@-webkit-keyframes sx{ 50%{-webkit-transform:translateY(-10px)}}
@keyframes zy{ 50%{transform:translateX(-10px)}}
@-webkit-keyframes zy{ 50%{-webkit-transform:translateX(-10px)}}
@keyframes xz{ 50%{transform:rotate(9999deg)}}
@-webkit-keyframes xz{ 50%{-webkit-transform:rotate(9999deg)}}
@keyframes xxz{ 50%{transform:rotateX(360deg)}}
@-webkit-keyframes xxz{ 50%{-webkit-transform:rotateX(360deg)}}
@keyframes yxz{ 50%{transform:rotateY(360deg)}}
@-webkit-keyframes yxz{ 50%{-webkit-transform:rotateY(360deg)}}

.sm{ padding:0 0 20px; font-size:20px; color:#ff0000; text-align:center; }

.zhanshi{ padding:50px 0; overflow:hidden; background:#f5f5f5; }
.zhanshi .content{ border:1px solid #d8d8d8; overflow:hidden; }
.zhanshi .tit{ height:70px; line-height:70px; border-bottom:1px solid #d8d8d8; background:#fff;}

.zhanshi li{ float:left; width:33%; border-right:1px solid #d8d8d8; text-align:center; }
.zhanshi li.l3{ border-right:none;}
.zhanshi .content .cnt li{ height:290px; padding-top:50px; }

.us li h2{ height:70px; line-height:70px; padding-left:15px; transition-duration:.5s; -webkit-transition-duration:.5s; border-bottom:2px solid #ff0000; font-size:14px; background:#f5f5f5;}
.us li{ float:left; width:340px; margin:0 10px 50px;}
.us .content{ overflow:hidden;}
.us li h2:hover{ background:#ff0000; color:white;}

.xd ul{ width:1080px; margin:0 auto;}
.xd li{ float:left; width:240px; margin:0 60px; overflow:hidden; text-align:center;}
.xd li .img{ width:229px; height:114px;  border:2px solid #ccc; margin:0 auto 10px; overflow:hidden;}
.xd li img{ display:block; margin:0 auto; transition-duration:.5s; -webkit-transition-duration:.5s;}
.xd li h2{ padding:5px 0 10px; font-size:15px; color:#333333;}
.xd li p{ font-size:13px; line-height:22px; color:#666; text-align:left;}

.xd img:hover{ transform: scale(1.2) ;-webkit-transform: scale(1.2) ;-ms-transform: scale(1.2) ;-o-transform: scale(1.2) ;-moz-transform: scale(1.2) ; opacity:.7; }