#swiper-banner .swiper-slide{background-repeat:no-repeat;background-position:center top;height:380px}
#swiper-banner .swiper-slide.img01{background-image:url(/images/rwbanner03.gif)}
#swiper-banner .swiper-slide.img02{background-image:url(/images/rwbanner02.jpg)}
#swiper-banner .swiper-pagination-bullet{width:12px;height:12px;display:inline-block;border-radius:100%;background:#fff;opacity:.5}
#swiper-banner .swiper-pagination-bullet-active{opacity:1}
.login-black{position:absolute;top:45px;left:50%;width:320px;height:290px;padding:10px;background:rgba(0,0,0,.4);margin-left:200px;z-index:99999}
.login-box{background:#fff;width:100%;height:100%;padding:30px}
.login-box h2{font-size:18px;font-weight:700;color:#333;margin-bottom:14px;text-align:center}
.login-box li{height:32px;line-height:32px;margin-bottom:14px;border:1px solid #ccc;box-shadow:inset 1px 1px 0 #eee}
.login-box li .lileft{display:inline-block;width:60px;color:#9aa2af;text-align:right;font-size:12px;float:left}
.login-box li .login_text{height:32px;line-height:32px;width:170px;border:0;background:0 0;color:#333;outline:0;float:left}
.login-box li .yzm{width:110px}
.login-box li *{vertical-align:middle}
.login-box li.last{border:0}
.login-box li .login_btn{border:0;outline:0;color:#fff;font-size:14px;font-weight:700;width:100%;height:40px;background:#0086df;cursor:pointer;border-bottom:solid 2px #0368ab}
.wlyxdiv{padding:50px 0 60px}
.htitle{font-size:32px;color:#333}
.wlyxdiv h1{text-align:center;font-size:30px;color:#333;margin-bottom:6px;font-weight:400}
.wlyxdiv p{text-align:center;color:#666;font-size:14px;line-height:24px}
.wid1100{width:1100px;margin:0 auto}
.list{margin:0 auto;width:1100px;margin-top:30px}
.list a{display:block;float:left;width:220px;text-align:center}
.list a:hover{-moz-opacity:.7;opacity:.7;text-decoration:none}
.list a img{width:130px}
.list a h3{font-size:24px;padding:12px 0;font-weight:400;color:#333}
.list a p{padding:0 30px;font-size:14px;line-height:24px;color:#999;text-align:center}
.yhhddiv{background:#eee}
.rwyoushi{margin-top:20px}
.rwyoushi li{float:left;width:320px;height:50px;line-height:25px;margin:20px 60px 20px 0}
.rwyoushi li i{display:inline-block;float:left;width:50px;height:50px;background:url(/images/rw_ico.png) no-repeat 0 0}
.rwyoushi li p{padding-left:70px;text-align:left}
.rwyoushi li.rwli02 i{background-position:0 -50px}
.rwyoushi li.rwli03 i{background-position:0 -100px}
.rwyoushi li.rwli04 i{background-position:0 -150px}
.rwyoushi li.rwli05 i{background-position:0 -200px}
.rwyoushi li.rwli06 i{background-position:0 -250px}
.rwyoushi li.rwli03,.rwyoushi li.rwli06{margin-right:0}
.hcaseul{margin:30px 0 0}
.hcaseul li{float:left;width:202px;height:80px;border:solid 1px #d7d7d7;background:#fff;border-radius:4px;margin:20px 20px 0 0;overflow:hidden;position:relative;text-align:center}
.hcaseul li img{max-width:100%;max-height:100%}
.btna{display:block;width:120px;height:30px;line-height:30px;text-align:center;border:solid 1px #ccc;background:#fff;color:#666;margin:30px auto 0}
.btna:hover{border-color:#2087ed;color:#2087ed}
.mob-show{display:none}
@media screen and (max-width:768px){.foot,.list a p,.mob-hide,.swiper-button-next,.swiper-button-prev{display:none}
.mob-show{display:block}
.list,.wid1100{width:100%}
#swiper-banner .swiper-slide{height:200px;background-size:100% auto}
#swiper-banner .swiper-slide.img01{background-image:url(../images/ruanwen_01.gif)}
#swiper-banner .swiper-slide.img02{background-image:url(../images/ruanwen_02.jpg)}
#swiper-banner .swiper-pagination-bullet{width:8px;height:8px}
.login-black{position:inherit;top:0;left:0;width:100%;height:auto;padding:0;background:0 0;margin-left:0;z-index:0}
.login-box li,.login-box li .login_text{height:40px;line-height:40px}
.wlyxdiv{padding:30px 15px}
.gray{background:#f5f5f5}
.wlyxdiv h1{font-size:17px;color:#000;margin-bottom:6px}
.list{padding-left:2%}
.list a{background:url(../images/koubei_07.png) no-repeat center center;opacity:.7;background-size:100% 100%;height:147px;padding:30px 5px;margin-left:-2px;width:33.33%;text-align:center}
.list a img{width:50px}
.list a h3{font-size:15px;padding:15px 0}
.list a:nth-child(4){margin-left:16%}
.list a:nth-child(4),.list a:nth-child(5){margin-top:-38px}
.yhhddiv{background:#fff}
#swiper-case{padding:20px 0 20px 0}
#swiper-case.swiper-container-horizontal>.swiper-pagination-bullets{bottom:0}
.case li{width:25%;float:left;margin-bottom:2%;text-align:center}
.case li img{width:95%;border:1px solid #eee}
.rwyoushi li{width:50%;height:180px;padding:20px 15px 0 15px;margin:0;border:1px solid #e5e5e5}
.rwyoushi li:nth-child(even){margin-left:-1px}
.rwyoushi li:nth-child(3),.rwyoushi li:nth-child(4),.rwyoushi li:nth-child(5),.rwyoushi li:nth-child(6){margin-top:-1px}
.rwyoushi li i{display:block;margin:0 auto;float:none;width:40px;height:40px;background-size:40px auto}
.rwyoushi li p{padding:20px 0 0 0;text-align:left}
.rwyoushi li.rwli02 i{background-position:0 -40px}
.rwyoushi li.rwli03 i{background-position:0 -80px}
.rwyoushi li.rwli04 i{background-position:0 -120px}
.rwyoushi li.rwli05 i{background-position:0 -160px}
.rwyoushi li.rwli06 i{background-position:0 -200px}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px){#swiper-banner .swiper-slide{height:400px}
}