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

.jiejuefa{  padding:60px 0; }
.jiejuefa .middle{ position:relative; z-index:5;}
.jiejuefa p{ line-height:24px; color:#666;}

.xueqiu{ overflow:hidden;}
.xueqiu .meiti ul{ float:left; width:1400px;}
.xueqiu .meiti li{ float:left; width:220px; overflow:hidden; margin:0 45px;}
.xueqiu .meiti li h2{ font-size:15px; padding:10px 0; text-align:center;}
.xueqiu .meiti li p{ line-height:24px; color:#555555;}
.xueqiu .meiti li .img{ height:125px; overflow:hidden;}
.xueqiu .meiti li img{transition: all 0.5s; -webkit-transition: all 0.5s;}
.xueqiu .meiti li img:hover{ transform: scale(1.2) ;-webkit-transform: scale(1.2)}

.fangan .item1{ float:left; width:500px;}
.fangan .item2{ float:right; width:500px;}
.fangan li{ overflow:hidden;}
.fangan .img{ float:left; width:80px;}
.fangan .text{ padding-left:90px;}
.fangan h2{ font-size:15px;}
.fangan p{ font-size:13px; line-height:22px; color:#555555;}
.fangan .item1 li{ height:100px; margin:20px 0;}
.fangan .item2 li{ height:65px; margin-bottom:15px;}

.zf{ height:464px; margin:20px 0; padding-top:60px; background:url(../images/zfjjfan.jpg) no-repeat;}
.zf h2.title{ padding:0; color:white;}
.zf h3.tit{ padding:10px 0 30px; font-size:15px; color:white;}
.zf li{ float:left; width:250px; height:85px; padding:15px; overflow:hidden; margin:0 10px 35px; background:#ebeaeb;}
.zf li .icon{ float:left; width:60px; padding-top:5px;}
.zf li .icon i{ display:block;  width:51px; height:56px; background:url(../images/zfjjfanan.png) no-repeat; }
.zf li h2{ font-size:18px;}
.zf li p{ font-size:13px; padding-top:5px; line-height:22px; color:#555555; }
.zf li .text{ padding-left:60px;}
.zf li .icon.n2 i{ background-position:0 -59px;}
.zf li .icon.n3 i{ background-position:0 -120px;}
.zf li .icon.n4 i{ width:57px; background-position:0 -188px;}
.zf li .icon.n5 i{ background-position:0 -248px;}
.zf li .icon.n6 i{ background-position:0 -313px;}
.zf li .icon.n7 i{ width:55px; background-position:0 -377px;}
.zf li .icon.n8 i{ width:55px; background-position:0 -437px;}

.brand{ padding:30px 0 50px; overflow:hidden; }
.brand .logo1{ height:150px; overflow:hidden;}
.brand .logo1 li,.brand .logo2 li{ float:left; width:150px; margin:0 25px;}
.brand i{ display:inline-block; width:136px; height:100px; margin:0 auto; background:url(../images/zfjjfanan-logo.jpg) no-repeat; transition-duration:.5s; -webkit-transition-duration:.5s; }
.brand i:hover{ background-position:-136px 0;}

.brand .logo1 .n2{ width:180px;}
.brand .logo1 .n2 i{ width:164px; height:77px; background-position:0 -114px;}
.brand .logo1 .n2:hover i{ background-position:-190px -114px;}

.brand .logo1 .n3{ width:110px;}
.brand .logo1 .n3 i{ width:98px; height:96px; background-position:-112px -210px;}
.brand .logo1 .n3:hover i{ background-position:0 -210px;}

.brand .logo1 .n4{ width:110px;}
.brand .logo1 .n4 i{ width:93px; height:101px; background-position:0 -328px;}
.brand .logo1 .n4:hover i{ background-position:-121px -328px;}

.brand .logo1 .n5{ width:110px;}
.brand .logo1 .n5 i{ width:98px; height:104px; background-position:0 -443px;}
.brand .logo1 .n5:hover i{ background-position:-129px -443px;}

.brand .logo1 .n6{ width:220px;}
.brand .logo1 .n6 i{ width:209px; height:49px; margin-top:30px; background-position:0 -567px;}
.brand .logo1 .n6:hover i{ background-position:0 -626px;}


.brand .logo2 .n1{ width:220px;}
.brand .logo2 .n1 i{ width:211px; height:35px; margin-top:20px; background-position:0 -681px;}
.brand .logo2 .n1:hover i{ background-position:0 -735px;}

.brand .logo2 .n2{ width:230px;}
.brand .logo2 .n2 i{ width:230px; height:35px; margin-top:20px; background-position:0 -793px;}
.brand .logo2 .n2:hover i{ background-position:0 -835px;}

.brand .logo2 .n3{ width:200px;}
.brand .logo2 .n3 i{ width:197px; height:64px; background-position:0 -890px;}
.brand .logo2 .n3:hover i{ background-position:0 -971px;}

.brand .logo2 .n4{ width:270px;}
.brand .logo2 .n4 i{ width:265px; height:67px; background-position:0 -1050px;}
.brand .logo2 .n4:hover i{ background-position:0 -1124px;}

.kehu{ background:#f2f2f2; overflow:hidden; padding:50px 0; }
.kehu .leftside{ float:left; width:500px; overflow:hidden;  text-align:center;}
.kehu .leftside h2{ color:#da251e; font-size:15px; font-weight:normal; text-align:center; padding-top:20px;}

.kehu .rightside{ float:right; width:500px;}
.kehu .rightside h3{ clear:both; float:left; width:70px; height:20px; line-height:20px; text-indent:5px; background:#ff0900; color:white; font-size:13px; font-weight:normal; }
.kehu .rightside dl{ padding-bottom:20px; overflow:hidden; }
.kehu .rightside p{ clear:both; padding-top:15px; line-height:22px; color:#666666;}
.kehu .rightside .right{ float:right; color:#da251e; }
.kehu dd{ float:left; width:120px; overflow:hidden;}
.kehu dt{ float:left; width:380px;}
.kehu dd i{ display:inline-block; background:url(../images/zfjjfanan.png) no-repeat; }
.kehu dd .n1{ width:103px; height:97px; background-position:0 -505px; }
.kehu dd .n2{ width:92px; height:70px; background-position:0 -604px; }
