body{}
.ad-banner{ height:401px; background:url(../images/banner23.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 .icon{ position:relative; z-index:1; width:100px; height:100px; margin:0 auto 20px; padding:8px; border:1px solid #ebebeb; border-radius:100%; }
.mei .icon .bg{ width:100px; height:100px; line-height:100px; text-align:center; background:#f47149; border-radius:100%; transition-duration:.5s; -webkit-transition-duration:.5s;}
.mei .icon .border,.mei .icon .border1{ opacity:1; position:absolute; left:0; top:0; width:116px; height:116px; border:1px solid #ebebeb; border-radius:100%; transition-duration:.5s; -webkit-transition-duration:.5s;}

.mei li h3{ height:33px; line-height:33px; color:#333333; font-size:15px; text-align:center; }
.mei li{ float:left; width:220px; margin:0 35px;}
.mei li p{ color:#666666; font-size:13px; line-height:22px; }
.mei .icon.n2 .bg{ background:#418b72;}
.mei .icon.n3 .bg{ background:#9067df;}
.mei .icon.n4 .bg{ background:#fd5e00;}
.mei .icon i{ display:inline-block; vertical-align:middle; width:42px; height:41px; background:url(../images/guangbo-icon.png) no-repeat;}
.mei .icon.n2 i{ width:43px; height:43px; background-position:0 -50px;}
.mei .icon.n3 i{ width:55px; height:46px; background-position:0 -108px;}
.mei .icon.n4 i{ width:42px; height:40px; background-position:0 -171px;}
.mei .icon.n1:hover i{ background-position:right 0;}
.mei .icon.n2:hover i{ background-position:right -50px;}
.mei .icon.n3:hover i{ background-position:right -108px;}
.mei .icon.n4:hover i{ background-position:right -171px;}
.mei .icon:hover .bg{ background:#f5f5f5; }
.mei .icon:hover .border{ transform:scale(2); opacity:.3;}
.mei .icon:hover .border1{ transform:scale(1.5); opacity:.5;}

.ad{ padding-top:50px; background:#f5f5f5; overflow:hidden; }
.ad .content{ height:85px; padding-top:320px; background:url(../images/huwai-ad.jpg) #f8b805 center 0 no-repeat; }
.ad .content h3{ text-align:center; color:white; font-size:21px;}
.ad .content:hover h3{ color:#ff0000;transition-duration:.5s; -wbkit-transition-duration:.5s; }

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

.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; }

.brand{ background:#f5f5f5; 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;}