body{ background-image:url(../images/huojian.png); background-repeat:no-repeat; background-position:200px 1000px;}
.ad-banner{ height:401px; background:url(../images/banner5.jpg) center 0 no-repeat;}

#Content{ width:100%; }

.module{}
.module h2.title{ height:50px; 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;}

.ad-nav{ background:url(../images/huojian.png) right 130px no-repeat; overflow:hidden;}
.ad-nav ul{ padding:40px 0 80px; overflow:hidden; background:url(../images/che.png) left 220px no-repeat;  }
.ad-nav li{ float:left; width:225px; height:170px; margin:0 25px; background:#f7f7f7; transition-duration:1s; -webkit-transition-duration:1s;}
.ad-nav li i{ display:block; width:68px; height:45px; margin:30px auto 30px; transition-duration:1s; -webkit-transition-duration:1s; background:url(../images/yingxiaoxinwangzhan.png) center -380px no-repeat;}
.ad-nav li.n1 i{ margin-bottom:43px; }
.ad-nav li.n2 i{ background-position:0 -431px; width:36px; height:58px; }
.ad-nav li.n3 i{ background-position:0 -500px; width:53px; height:58px; }
.ad-nav li.n4 i{ background-position:0 -564px; width:55px; height:58px; }
.ad-nav p{ text-align:center; font-size:15px; transition-duration:1s; -webkit-transition-duration:1s;}
.ad-nav li:hover{ background:#fff6ea;}
.ad-nav li:hover i,.ad-nav li:hover p{ transform:scale(1.5);}

.hangyi{ padding:70px 0; background:#f5f5f5;  overflow:hidden; }
.hangyi .content{ padding:0 60px;}
.hangyi .navside{ width:206px; overflow:hidden;}
.hangyi .nav-left{ float:left; margin-right:60px;}
.hangyi .cnt{ float:left; width:550px; height:370px; margin-top:32px; overflow:hidden;}
.hangyi .nav-right{ float:right;}
.hangyi .navside a{ display:block; height:65px; line-height:65px; margin-bottom:11px; background:#fff; font-size:15px; color:#666666; transition-duration:.5s; -wbkit-transition-duration:.5s;}
.hangyi .navside h2{ height:22px; padding-bottom:10px; font-size:16px; text-align:center;}
.hangyi .navside i{ display:block; float:left; width:35px; height:35px; margin:15px 10px 0 15px; background:url(../images/yingxiaoxinwangzhan.png) no-repeat; transition-duration:.5s; -wbkit-transition-duration:.5s;}
.hangyi .navside a:hover{ background:#42b8e2; color:white; text-decoration:none;}
.hangyi .navside a.n1:hover i{ background-position:right 0;}

.hangyi .navside .n2 i{ height:28px; background-position:0 -45px;}
.hangyi .navside .n2:hover i{ background-position:right -45px;}
.hangyi .navside .n2:hover{ background:#6977c0}
.hangyi .navside .n3 i{ height:35px; background-position:0 -82px;}
.hangyi .navside .n3:hover i{ background-position:right -82px;}
.hangyi .navside .n3:hover{ background:#53a751}
.hangyi .navside .n4 i{ width:37px; height:35px; background-position:0 -130px;}
.hangyi .navside .n4:hover i{ background-position:right -130px;}
.hangyi .navside .n4:hover{ background:#faa112}
.hangyi .navside .n5 i{ width:37px; height:35px; background-position:0 -871px;}
.hangyi .navside .n5:hover i{ background-position:right -871px;}
.hangyi .navside .n5:hover{ background:#eb714f}

.hangyi .navside .n6 i{ height:28px; background-position:0 -176px;}
.hangyi .navside .n6:hover i{ background-position:right -176px;}
.hangyi .navside .n6:hover{ background:#6977c0}
.hangyi .navside .n7 i{ height:35px; background-position:0 -219px;}
.hangyi .navside .n7:hover i{ background-position:right -219px;}
.hangyi .navside .n7:hover{ background:#53a751}
.hangyi .navside .n8 i{ width:37px; height:35px; background-position:0 -263px;}
.hangyi .navside .n8:hover i{ background-position:right -263px;}
.hangyi .navside .n8:hover{ background:#faa112}
.hangyi .navside .n9 i{ width:37px; height:35px; background-position:0 -303px;}
.hangyi .navside .n9:hover i{ background-position:right -303px;}
.hangyi .navside .n9:hover{ background:#eb714f}
.hangyi .navside .n10 i{ width:37px; height:35px; background-position:0 -340px;}
.hangyi .navside .n10:hover i{ background-position:right -340px;}
.hangyi .navside .n10:hover{ background:#42b8e2}

.youshi{ padding:50px 0;}
.youshi .sever li{ float:left; width:19.33%; text-align:center;}
.youshi .sever li h2{ height:33px; line-height:33px; padding:5px 0; font-size:16px;}
.youshi .sever li p { font-size:14px; color:#666; line-height:20px;}
.youshi .sever li .icon{ display:block; width:80px; height:80px; margin:0 auto; border-radius:100%; background:#fb6e50; overflow:hidden;}
.youshi .sever li i{ display:block; margin:0 auto; width:44px; height:42px; margin-top:20px; background:url(../images/yingxiaoxinwangzhan.png) 0 -619px no-repeat;}
.youshi .sever li.n2 .icon{ background:#ffb738;}
.youshi .sever li.n2 i{ background-position:5px -670px;}
.youshi .sever li.n3 .icon{ background:#4ec1e9;}
.youshi .sever li.n3 i{ background-position:0 -719px;}
.youshi .sever li.n4 .icon{ background:#48cfad;}
.youshi .sever li.n4 i{ background-position:0 -772px;}
.youshi .sever li.n5 .icon{ background:#71d042;}
.youshi .sever li.n5 i{ background-position:0 -821px;}

.youshi .txt-img{ clear:both; padding:50px 0 20px; overflow:hidden; }
.youshi .txt-img .img{ width:275px; height:190px; overflow:hidden;}
.youshi .txt-img ul{ float:left; width:1500px;}
.youshi .txt-img li{ float:left; width:275px; margin-right:160px;}
.youshi .txt-img h2{ height:22px; line-height:22px; padding:10px 0; font-size:15px;}
.youshi .txt-img p{ font-size:13px; color:#666666;}

.brand{ padding-bottom:50px; }
.brand img{ padding:10px; border:4px solid #f3f3f3; border-radius:10px; }