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

.meitie{  padding:40px 0; }
.meitie .middle{ position:relative; z-index:5;}
.meitie h2.title{ padding-bottom:50px;}
.meitie .tel{ float:left; width:400px;  }
.meitie .logo-icon{ float:left; width:800px;}
.meitie .logo-icon li{ float:left; width:210px; margin:0 20px; padding-bottom:100px; text-align:center; overflow:hidden;}
.meitie .logo-icon i{ display:block; width:90px; height:80px; margin:0 auto 10px; background:url(../images/meitie.png) 5px 0 no-repeat; transition: all 0.5s; -webkit-transition: all 0.5s;}
.meitie .logo-icon h2{ font-size:14px; font-weight:normal; transition: all 0.5s; -webkit-transition: all 0.5s;}
.meitie .logo-icon li:hover i,.meitie .logo-icon li:hover h2{ transform:scale(1.2); -webkit-transform: scale(1.2) ;}

.meitie .logo-icon .n2 i{ width:129px; background-position:-87px -5px;}
.meitie .logo-icon .n3 i{ width:173px; background-position:-238px -1px;}
.meitie .logo-icon .n4 i{ width:166px; background-position:0 -112px;}
.meitie .logo-icon .n5 i{ width:78px; background-position:-207px -112px;}
.meitie .logo-icon .n6 i{ width:196px; background-position:-313px -112px;}

.meitie .explorer{ clear:both; width:100%;}
.meitie .explorer h2{ padding:5px 0; font-size:16px; font-weight:bold;}
.meitie .explorer p{font-size:14px; color:#333333;}

.new{ clear:both; padding:60px 0; background:#f5f5f5; overflow:hidden;}
.new li{ float:left; width:305px; margin:0 30px; overflow:hidde;}
.new li .img{ height:145px; line-height:22px; overflow:hidden; margin-bottom:20px; }
.new li img{ width:305px; transition: all 0.5s; -webkit-transition: all 0.5s;}
.new li img:hover{ transform: scale(1.2) ;-webkit-transform: scale(1.2) ;}

.caiji{ padding:50px 0;}
.caiji ul{ float:left; width:1400px;}
.caiji li{ float:left; width:230px; padding-top:30px; overflow:hidden; margin:0 45px; }
.caiji li .img{ width:200px; height:120px; margin:0 auto;  background:url(../images/meitie.png) -7px -209px no-repeat;}
.caiji li .img1{ animation:caiji1 infinite 5s; -webkit-animation:caiji1 infinite 5s;}
@keyframes caiji1{50%{ transform:scale(1.2) rotateY(-20deg)}}
@-webkit-keyframes caiji1{50%{ -webkit-transform:scale(1.2) rotateY(-20deg)}}
.caiji li .img2{ animation:caiji2 infinite 5s; -webkit-animation:caiji2 infinite 5s; background-position:-236px -209px;}
@keyframes caiji2{50%{ transform:translateY(-20px)}}
@-webkit-keyframes caiji2{50%{ -webkit-transform:translateY(-20px)}}
.caiji li .img3{ animation:caiji3 infinite 5s; -webkit-animation:caiji3 infinite 5s; background-position:-446px -209px;}
@keyframes caiji3{50%{ transform:scale(1.2)}}
@-webkit-keyframes caiji3{50%{ -webkit-transform:scale(1.2)}}
.caiji li .img4{ animation:caiji4 infinite 5s; -webkit-animation:caiji4 infinite 5s; background-position:-7px -358px;}
@keyframes caiji4{50%{ transform:rotateY(20deg)}}
@-webkit-keyframes caiji4{50%{ -webkit-transform:rotateY(20deg)}}
.caiji li h2{ padding:10px 0; font-size:14px;}
.caiji li p{ line-height:24px; font-size:13px; color:#555555;}

.brand{  clear:both; padding:60px 0; background:#f5f5f5; overflow:hidden; }
.brand ul{ display:block; width:1350px; margin:0 auto; overflow:hidden; display:box; box-pack:center; box-align:center;  -webkit-box-pack:center; -webkit-box-align:center; }
.brand li{ display:block; float:left; width:140px; margin:0 20px; padding:10px 0; box-flex:1; -webkit-box-flex:1;}
.brand img{ display:block; margin:0 auto; padding:10px; border-radius:10px; background:#fff;transition: all 0.5s; -webkit-transition: all 0.5s;}
.brand img:hover{ transform: scale(1.2) ;-webkit-transform: scale(1.2) ;}