ul{zoom:1} li{list-style:none;} /* .service-pannel0 .container {width: 825px; } */ .service-pannel0 .container {width: 825px; padding:5px;background:#fff;margin-top:10px;} .service-pannel0 .aside {width: 354px;} .service-pannel0 .tit { height: 36px; } .service-pannel0 .tit li {margin-right:30px;float: left; padding: 0 12px; height: 34px; line-height: 34px; font-size: 17px;width:100px;} .service-pannel0 .tit li a{display:block;text-align:center;} .service-pannel0 .tit li.on {color: #bf1c20; border-bottom: 2px solid #bf1c20;} .service-pannel0 .container .ws0 .list {height: 203px;border:1px solid #ddd;} .service-pannel0 .container .ws0 .list li {width: 150px; margin: 10px 0 0 10px; height: 40px; float: left;background:#f5f5f5;} .service-pannel0 .container .ws0 .list li a {display: block; text-align: center; font-size: 14px; color: #000; height: 40px; line-height:40px; margin: 0 auto; } /* .service-pannel0 .container .ws0 .list-0 li a {background-image: url("/media/images/page/service-people-icon.png");} */ /* .service-pannel0 .container .ws0 .list-1 li a {background-image: url("/media/images/page/service-business-icon.png");} */ .service-pannel0 .container .ws0 .bd ul{overflow-y:auto;} .service-pannel0 .container .ws0 .list li a:hover {color: #fff; background-color: #f69292; } .service-pannel0 .container .ws0 .list-0 .item0 {background-position: 25px 15px;} .service-pannel0 .container .ws0 .list-0 .item1 {background-position: -93px 15px;} .service-pannel0 .container .ws0 .list-0 .item2 {background-position: -215px 15px;} .service-pannel0 .container .ws0 .list-0 .item3 {background-position: -335px 15px;} .service-pannel0 .container .ws0 .list-0 .item4 {background-position: 25px -102px;} .service-pannel0 .container .ws0 .list-0 .item5 {background-position: -93px -102px;} .service-pannel0 .container .ws0 .list-0 .item6 {background-position: -215px -102px;} .service-pannel0 .container .ws0 .list-0 .item7 {background-position: -455px -102px;} .service-pannel0 .container .ws0 .list-0 .item8 {background-position: 25px -222px;} .service-pannel0 .container .ws0 .list-0 .item9 {background-position: -335px -102px;} .service-pannel0 .container .ws0 .list-0 .item10 {background-position: -215px -222px;} .service-pannel0 .container .ws0 .list-0 .item11 {background-position: -93px -222px;} .service-pannel0 .container .ws0 .list-0 .item12 {background-position: -335px -222px;} .service-pannel0 .container .ws0 .list-1 .item0 {background-position: 30px 15px;} .service-pannel0 .container .ws0 .list-1 .item1 {background-position: -88px 15px;} .service-pannel0 .container .ws0 .list-1 .item2 {background-position: -210px 15px;} .service-pannel0 .container .ws0 .list-1 .item3 {background-position: -327px 15px;} .service-pannel0 .container .ws0 .list-1 .item4 {background-position: -445px 15px;} .service-pannel0 .container .ws0 .list-1 .item5 {background-position: 30px -130px;} .service-pannel0 .container .ws0 .list-1 .item6 {background-position: -88px -130px;} .service-pannel0 .container .ws0 .list-1 .item7 {background-position: -210px -130px;} .service-pannel0 .container .ws0 .list-1 .item8 {background-position: -327px -130px;} .service-pannel0 .container .ws0 .list-1 .item9 {background-position: -445px -130px;} .service-pannel0 .container .ws0 .list-1 .item10 {background-position: 30px -270px;} .service-pannel0 .container .ws0 .list-1 .item11 {background-position: -88px -270px;} .service-pannel0 .container .ws0 .list-2 {display: none; overflow: auto;} .service-pannel0 .container .ws0 .list-2 li {margin-top: 10px; float: left; width: 125px; height: 35px;} .service-pannel0 .container .ws0 .list-2 li a {width: 130px; height: 35px; line-height: 35px; display: block; margin: 0 auto; text-align: center; padding-top: 0;} .service-pannel0 .container .ws0 .list-2 li a:hover {background-color: #f69292;} /* .service-pannel0 .wrap .pic { width: 335px; height: 228px; margin-right:10px;} */ /* .service-pannel0 .wrap{margin-top:35px;} */ .service-pannel0 .wrap{margin-top:10px;padding:22px 10px;background:#fff;} /* .service-pannel2 .aside {width: 345px;} */ .service-pannel0 .aside {width: 345px;padding:5px 5px 0 5px;background:#fff;margin-top:10px;} .service-pannel0 .aside .box a {float: left; width: 172px; height: 77px; text-align: center; font-size: 16px; color: #fff; margin-bottom: 5px; -webkit-transition: .5s; transition: .5s;} .service-pannel0 .aside .box a:hover {-webkit-transform: translateY(-5px); transform: translateY(-5px);} .service-pannel0 .aside .box a span {display: block; height: 35px; padding-top: 10px;} .service-pannel2 .title {height: 36px; border-bottom: 1px solid #ddd;} .service-pannel2 .title a {float: left; padding: 0 12px; height: 34px; line-height: 34px; font-size: 17px;} .service-pannel2 .title .active {color: #bf1c20; border-bottom: 2px solid #bf1c20;} .service-pannel2 .wrap .pic { width: 1190px; height: 242px; float: left;overflow:hidden;} .service-pannel2 .wrap .zwdt {float: right; width: 575px;} .service-pannel2 .wrap .zwdt a {float: left; margin-right: 12px; display: block; background-color: #ebebeb; margin-top:12px; width: 130px; height: 40px; padding-top: 60px; text-align: center; font-size: 16px; background-image: url("/media/images/page/zwdt-icon.png"); background-repeat: no-repeat;} .service-pannel2 .wrap .zwdt a:hover {box-shadow: 0 0 10px #ebebeb;} .service-pannel2 .wrap .zwdt .item0 {background-position: 47px 20px;} .service-pannel2 .wrap .zwdt .item1 {background-position: -95px 20px;} .service-pannel2 .wrap .zwdt .item2 {background-position: -240px 20px;} .service-pannel2 .wrap .zwdt .item3 {background-position: -382px 20px;} .service-pannel2 .wrap .zwdt .item4 {background-position: 47px -95px;} .service-pannel2 .wrap .zwdt .item5 {background-position: -95px -95px;} .service-pannel2 .wrap .zwdt .item6 {background-position: -240px -95px;} .service-pannel2 .wrap .zwdt .item7 {background-position: -382px -95px;}