@charset "utf-8"; /* css document */ /*common*/ .mb10 { margin-bottom:10px;} .ml10 { margin-left:10px;} .bg { background:#fff;} a:hover{text-decoration: none;} /* .pin{height:656px;background: no-repeat center center;padding-top: 0;} .pin .content{height:656px;position: relative;} .pin dl{width: 531px;float: right;padding-top:200px;} .pin dl dt{font-size: 24px;color: #333;font-weight: normal;letter-spacing: 1px;} .pin dt em{padding: 0 7px;} .pin dd h3{font-size: 24px;color: #333;font-weight: bold;padding-top: 73px;} .pin dd h3 em{padding:0 10px;} .pin dd p{font-size: 16px;color: #888;font-weight: normal;line-height: 29px;padding-top: 25px;} .pin dd span a{display: block;margin-top:46px;} .pin2{width: 500px;height:250px;display: block;position: absolute;left: 0;top:303px;overflow: hidden;} .pin2 img{width: 500px;height:250px;transition:all 0.6s ease 0s;} .pin2:hover img{transform: scale(1.05);} **/ /* .pro{height:808px;padding-top: 80px;background: #f7f7f7;} .pro h2{text-align: center;padding-bottom:59px;} .pro h2 a{font-size: 18px;color: #333;font-weight: normal;line-height: 45px;display: block;} .pro h2 a em{display: block;font-size: 50px;color: #333;font-weight: bold;text-transform: uppercase;padding-bottom: 15px;} .pro h2 a:hover{text-decoration: none;} .pro ul li{float: left;width: 268px;height:489px;margin-right:42px; background: no-repeat center center;position: relative;} .pro ul li.nobot{margin-right: 0;} .pro ul li a{width: 240px;padding: 14px;height: 460px; display: block;font-size: 15px;line-height: 187px;text-align: center;color: #221815;} .pro ul li b{width: 240px;height: 364px;overflow: hidden;display: block;} .pro ul li img{width: 240px;height: 364px;transition:all 0.6s ease 0s;} .pro ul li a:hover img{transform: scale(1.05);} .pro ul li em{position: absolute;bottom: 33px;left: 92px;letter-spacing: 5px;} .pro ul li em a{width: 23px;height: 23px;display: inline-block;background: #c00;padding: 0;line-height: 22px;text-indent: 5px; border-radius: 23px;float: left;margin-right: 3px;font-size: 15px;color:#fff;} **/ /*4大优势*/ .dz{padding:70px 0 80px; background:url(/uploads/image/sdi/dzbg.jpg) no-repeat center top #fff} .dz h3{font-weight: normal;text-align: center;margin-bottom:100px;} .dz h3 b{display: block;font-size:30px;color: #333;line-height: 48px;} .dz h3 i{display: inline-block;font-size: 16px;color: #333;position:relative;padding:0 40px;line-height: 16px;} .dz h3 i:before{position:absolute;width:30px;height:1px;background: #eb2427;content: "";left: 0;top: 8px;} .dz h3 i:after{position:absolute;width:30px;height:1px;background: #eb2427;content: "";right: 0;top: 8px;} .dz ul li{float: left;width: 286px;height: 176px;background: #f4f4f4;border-radius:20px;margin-right:18px;position: relative;} .dz ul li.nomar{margin-right: 0;} .dz ul li i{position: absolute;width:79px;height:79px;border-radius: 50%;border:6px solid rgba(27,49,47,0.1);background: #fff;left: 97px;top: -44px;} .dz ul li b{display: block;font-size: 18px;color: #333;padding:65px 0 14px;text-align: center;} .dz ul li p{font-size: 14px;color: #333;line-height: 20px;text-align: center;} .dz ul li .i1{background:url(/uploads/image/sdi/dz1.png) no-repeat #fff;} .dz ul li .i2{background:url(/uploads/image/sdi/dz2.png) no-repeat #fff;} .dz ul li .i3{background:url(/uploads/image/sdi/dz3.png) no-repeat #fff;} .dz ul li .i4{background:url(/uploads/image/sdi/dz4.png) no-repeat #fff;} .dz ul li:hover{background: #bf2a29;cursor: pointer} .dz ul li:hover b,.dz ul li:hover p{color: #fff;} .dz ul li:hover .i1{background:url(/uploads/image/sdi/dz1h.png) no-repeat #fff;} .dz ul li:hover .i2{background:url(/uploads/image/sdi/dz2h.png) no-repeat #fff;} .dz ul li:hover .i3{background:url(/uploads/image/sdi/dz3h.png) no-repeat #fff;} .dz ul li:hover .i4{background:url(/uploads/image/sdi/dz4h.png) no-repeat #fff;} /*行业解决方案*/ .fw{ padding:70px 0 60px 0; background:url(/uploads/image/sdi/fwbg.jpg) no-repeat center top;} .fw h3{font-weight: normal;text-align: center;margin-bottom:60px;} .fw h3 b{display: block;font-size:30px;color: #333;line-height: 48px;} .fw h3 i{display: inline-block;font-size: 16px;color: #333;position:relative;padding:0 40px;line-height: 16px;} .fw h3 i:before{position:absolute;width:30px;height:1px;background: #eb2427;content: "";left: 0;top: 8px;} ..fw h3 i:after{position:absolute;width:30px;height:1px;background: #eb2427;content: "";right: 0;top: 8px;} .fw_l{ width: 260px; background: #fff;} .fw_l dt a{ display: block; background: #bd2a28; color: #fff; line-height: 50px; padding-left: 45px; font-size: 16px; position: relative; } .fw_l dt a:before{content: ""; width: 19px; height: 16px; background: url(/uploads/image/sdi/arrow.png) no-repeat center; position: absolute; left: 20px; top: 18px;} .fw_l dt a:after{ content: ""; width: 2px; height: 100%; position: absolute; left: 2px; top: 0; background: #eee;} .fw_l dd{ overflow: hidden; font-size: 14px; padding-bottom: 14px; } .fw_l dd span{ float: left; line-height: 37px; padding-left: 52px; min-width: 250px; border-bottom: 1px dashed #d0d0d0;} .fw_l dd span:nth-last-of-type(1){ border-bottom: none;} .fw_l dd span a{display: inline-block;} .fw_l dl:hover dt a{background: #d01e1a;} .fw_l dd span a:hover{ color: #d01e1a;} .fw_r{ width: 916px;} .fw_cats{ text-align: right; padding-bottom: 20px;} .fw_cats a{font-size: 14px; padding: 0 8px; position: relative;} .fw_cats a:before{ content: ""; width: 1px; height: 12px; border-right: 1px dotted #999; position: absolute; right: 0; top: 50%; margin-top: -6px;} .fw_cats a:nth-last-child(1):before,.fw_cats a:nth-last-child(2):before{ display: none;} .fw_cats a.more{ display: inline-block; line-height: 22px; width: 64px; text-align: center; background: #eee; border-radius: 22px;} .fw_r dt{float: left;} .fw_r dl{background: #fff; overflow: hidden; margin-bottom: 15px; padding: 10px;} .fw_r dt img{ display: block; width: 390px; height: 235px;} .fw_r dd{ font-size: 14px;float: left; width: 430px; padding: 25px 38px;} .fw_r dd h4{font-size: 16px; border-bottom: 1px dashed #ddd; padding-bottom: 12px; margin-bottom: 12px; } .fw_r dd h4 a{color: #bd2a28} .fw_r dd p{ color: #6f6f6f; line-height: 24px; margin-bottom: 20px; height: 72px; overflow: hidden;} .fw_r dd span a{display: inline-block; width: 125px; line-height: 33px; text-align: center;} .fw_r dd span a.btn1{ background:url(/uploads/image/sdi/morebg.png) no-repeat center; topmargin-right: 12px; cursor: pointer;} /*行业解决方案*/ .ys_bg{padding: 70px 0 60px 0;overflow: hidden;} .ys_bg h3{font-weight: normal;text-align: center;margin-bottom:100px;} .ys_bg h3 b{display: block;font-size:30px;color: #333;line-height: 48px;} .ys_bg h3 i{display: inline-block;font-size: 16px;color: #333;position:relative;padding:0 40px;line-height: 16px;} .ys_bg h3 i:before{position:absolute;width:30px;height:1px;background: #eb2427;content: "";left: 0;top: 8px;} ..ys_bg h3 i:after{position:absolute;width:30px;height:1px;background: #eb2427;content: "";right: 0;top: 8px;} .ys_bg .yin_t:before,.jz .yin_t:before,.about .yin_t:before{left: 36%;} .ys_bg .yin_t:after,.jz .yin_t:after,.about .yin_t:after{right: 36%;} .ys_m{width: 600px;margin: 0 auto;height: 175px; float: left;} .ys_m dl dt{height: 318px;overflow: hidden;} .ys_m dl dt em{padding: 0 0 10px;} .ys_m dl dt em img{width: 550px;height: 270px;} .ys_m dl dt b{display: block;font-size: 20px;color: #333; padding: 20px 10px;} .ys_m dl dd{ width:530px; font-size: 14px;color: #333;line-height: 25px;overflow: hidden; padding: 10px;} .ys_m dl dd p{margin-bottom: 15px;} .ys_m dl dd a { margin-top: 15px; padding:8px 16px; background-color: #c02928; color: #fff;} .ys_bot{width: 600px;float: right} .ys_bot ul li{width: 180px; height:180px;float: left; background-color: #282d32; color: #fff; padding: 30px 0 0;text-align: center; margin: 5px;} .ys_bot ul li em{display: block;width: 74px;height: 74px;line-height: 0;overflow: hidden;margin: 0 auto;} .ys_bot ul li em img{width: 74px;height: 74x;-webkit-transition:all .5s;transition:all .5s;} .ys_bot ul li b{display: block;font-size: 16px;line-height: 24px;padding: 16px 0 0;} .ys_bot ul li b i{display: block;} .ys_bot ul li:hover,.ys_bot ul li.on{background-color: #bf2a29; color: #fff;} .ys_bot ul li:hover em img,.ys_bot ul li.on em img{margin-top: -74px;} .pic1{ height: 238px; background:url(/uploads/image/sdi/pic_bg1.jpg) no-repeat center top;} .pic1 .content{ padding-top: 60px;} .pic1 .content .pic-txt{ float: left; width: 650px; text-align: center; color: #fff; line-height: 1;} .pic1 .content .pic-txt p{ font-size: 30px; padding: 0px 0 20px 0;} .pic1 .content .pic-txt span{ font-size: 32px; font-weight: bold;} .pic1 .content .pic-tel{ line-height: 41px; float: right; font-size: 18px; color: #fff; padding-left: 86px; background:url(/uploads/image/sdi/pic_tel.png) no-repeat left 20px;} .pic1 .content .pic-tel b{ display: block; font-size: 38px; font-weight: normal;} .pic1 .content .pic-tel a{margin-top: 8px; display: block; width: 128px; line-height: 40px; border-radius: 20px; font-size: 16px; text-align: center; color: #fff; background: #32aae6;} .pic2 { height: 280px; background:url(/uploads/image/sdi/pic_bg2.jpg) no-repeat center top;} .pic2 .content{ padding-top: 0px;} .pic2 .content .pic-txt{padding-top: 68px; float: left; width: 650px; text-align: center; color: #fff; line-height: 1;} .pic2 .content .pic-txt p{ font-size: 26px; padding: 22px 0 20px 0; font-weight: 100;} .pic2 .content .pic-txt span{ font-size: 32px; font-weight: bold;} .pic2 .form { float: right; font-size: 18px; color: #fff; padding-top:35px;padding-right:80px; } .pic2 .form ul li{ height: 40px; line-height: 40px; border: 1px solid #fff; margin-bottom: 10px; font-size: 14px; overflow: hidden;} .pic2 .form ul li label{ float: left; display: block; width: 44px;text-align: center; color: #fff;font-size: 14px; padding-left:37px;} .pic2 .form ul li input{ display: block; float: left; width: 240px; line-height: 40px; border: 0; background: none; padding: 0 ; box-sizing: border-box; font-size: 14px; color: #fff;} .pic2 .form .form-btn a{ display: block; width: 180px; line-height: 50px; background: #fff; text-align: center; font-size: 18px; color: #333;} /*优势*/ .edge{background:url(/uploads/image/sdi/edgebg2.jpg) no-repeat center bottom;font-family:"microsoft yahei";font-size:16px;color: #555;position: relative;line-height:23px;z-index: 1; } .edge h2{font-weight: normal;text-align: center;margin:60px 0;} .edge h2 b{display: block;font-size:30px;color: #333;line-height: 48px;} .edge h2 i{display: inline-block;font-size: 16px;color: #333;position:relative;padding:0 40px;line-height: 16px;} .edge h2 i:before{position:absolute;width:30px;height:1px;background: #eb2427;content: "";left: 0;top: 8px;} .edge h2 i:after{position:absolute;width:30px;height:1px;background: #eb2427;content: "";right: 0;top: 8px;} .edge_bg{padding:1px 0 0 0 ;} .edge1{height: 692px;} .edge2{height: 672px;padding: 86px 0 0;} .edge_w{width:500px;} .edge2 .edge_w{width:580px;} .edge_wc{background:url(/uploads/image/sdi/edge_tbg.gif) no-repeat 0 0;padding: 61px 0 0;height:231px;} .edge_wc h3{height:82px;line-height: 82px;font-size: 36px;color: #111;margin-bottom:45px;} .edge_wc h3 span{width:99px;float: left;color: #fff;font-weight: normal;font-family: impact;font-size: 44px;text-align: center;padding: 0 30px 0 0;} .edge_wc li{background:url(/uploads/image/sdi/ico03.gif) no-repeat 23px 6px;padding: 0 0 13px 47px;margin-left: 30px} .edge_wc li em{font-style: normal;font-weight: bold;color: #eb2427;} /*案例*/ .khu{padding: 100px 0 180px;background-color: #f7f7f7;position: relative;overflow: hidden;} .khu h3{font-weight: normal;text-align: center;margin-bottom:100px;} .khu h3 b{display: block;font-size:30px;color: #333;line-height: 48px;} .khu h3 i{display: inline-block;font-size: 16px;color: #333;position:relative;padding:0 40px;line-height: 16px;} .khu h3 i:before{position:absolute;width:30px;height:1px;background: #eb2427;content: "";left: 0;top: 8px;} .khu h3 i:after{position:absolute;width:30px;height:1px;background: #eb2427;content: "";right: 0;top: 8px;} .khu::after{position: absolute;content: "";width: 100%;left: 0;bottom: 179px;height: 1px;background-color: #d2d2d2;} .khu-box{background-color: #fff;padding: 60px;margin: 65px 0;position: relative;} .khu-dx dt{float: left;width: 450px;height: 260px;border: 1px solid #d6d6d6;} .khu-dx dt img{width: 450px;height: 260px;display: block;} .khu-dx dd{float: right;width: 550px;} .khu-dx dd h2{height: 32px;line-height: 32px;font-size: 24px;color: #303030;padding-bottom: 12px;position: relative;} .khu-dx dd h2::after{position: absolute;content: "";width: 40px;height: 4px;background-color: #e5e5e5;left: 0;bottom: 0;z-index: 1;} .khu-dx dd p{font-size: 15px;line-height: 26px;color: #303030;opacity: 0.8;text-align: justify;padding-top: 15px;} .khu-dx dd a{display: block;width: 140px;height: 40px;line-height: 40px;font-size: 16px;color: #fff;text-align: center;background-color: #c02928;border-radius: 30px;margin-top: 13px;} .khu-tab{position: absolute;width: 100%;height: 128px;left: 0;bottom: -194px;z-index: 1;} .khu-tab li{float: left;width: 239px;position: relative;margin-right: 1px;} .khu-tab li.last{margin-right: 0;} .khu-tab li img{width: 239px;height: 130px;filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-o-filter: grayscale(100%);} .khu-tab li.cur img{filter: grayscale(0);-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-o-filter: grayscale(0);} .khu-tab li.cur::before{position: absolute;content: "";width: 239px;height: 4px;background-color: #eb2427;left: 0px;top: 0;z-index: 2;} /*团队*/ .team{padding: 70px 0 220px;background-color: #fff;/*position: relative;*/overflow: hidden;} .team h3{font-weight: normal;text-align: center;margin-bottom:100px;} .team h3 b{display: block;font-size:30px;color: #333;line-height: 48px;} .team h3 i{display: inline-block;font-size: 16px;color: #333;position:relative;padding:0 40px;line-height: 16px;} .team h3 i:before{position:absolute;width:30px;height:1px;background: #eb2427;content: "";left: 0;top: 8px;} .team h3 i:after{position:absolute;width:30px;height:1px;background: #eb2427;content: "";right: 0;top: 8px;} .team-box{padding: 0px 160px;position: relative;background:url(/uploads/image/sdi/teambg.jpg) no-repeat center top;} .team-dx dt{float: left;width: 300px;height: 450px;} .team-dx dt img{width: 282px;height: 419px;display: block;} .team-dx dd{float: right;width: 500px; padding:100px 30px 0 0;} .team-dx dd h2{height: 32px;line-height: 32px;font-size: 24px;color: #303030;padding-bottom: 12px;position: relative;} .team-dx dd h2::after{position: absolute;content: "";width: 40px;height: 4px;background-color: #e5e5e5;left: 0;bottom: 0;z-index: 1;} .team-dx dd p{font-size: 15px;line-height: 26px;color: #303030;opacity: 0.8;text-align: justify;padding-top: 15px;} .team-dx dd a{display: block;width: 140px;height: 40px;line-height: 40px;font-size: 16px;color: #fff;text-align: center;background-color: #c02928;border-radius: 30px;margin-top: 13px;} .team-tab{position: absolute;width: 639px;height: 128px;left:282px;bottom: -194px;z-index: 1; cursor: pointer;} .team-tab li{float: left;width: 106px;position: relative;margin: 0px 10px; cursor: pointer;} .team-tab li.last{margin-right: 0;} .team-tab li img{width: 106px;height: 106px; cursor: pointer;} /**/ .news{padding:70px 0 60px 0;background-color: #eceff4;} .news h2{font-weight: normal;text-align: center;margin-bottom:100px;} .news h2 b{display: block;font-size:30px;color: #333;line-height: 48px;} .news h2 i{display: inline-block;font-size: 16px;color: #333;position:relative;padding:0 40px;line-height: 16px;} .news h2 i:before{position:absolute;width:30px;height:1px;background: #eb2427;content: "";left: 0;top: 8px;} .news h2 i:after{position:absolute;width:30px;height:1px;background: #eb2427;content: "";right: 0;top: 8px;} .news_con{height: 270px;margin-top:42px;} .news-t{width: 585px;height: 270px;position: relative;float: left;} .news-t ul{height: 270px;} .news-t ul li{width: 585px;height: 270px;float: left;overflow: hidden;} .news-t ul li a{width: 585px;height: 270px;display: block;} .news-t ul li img{width: 585px;height: 270px;transition:all 0.6s ease 0s;} .news-t ul li a:hover img{transform: scale(1.05);} .news-t h3{position: absolute;bottom: 12px;height: 8px;right: 44%;} .news-t h3 a{width: 10px;height: 10px;display: block;background: #fff;border-radius: 10px;float: left;margin-right: 12px;} .news-t h3 a.on,.news-t h3 a:hover{background: #d32f31;} .news-b{width: 563px;height: 270px;float: right;} .news-b dl{margin-bottom: 30px;height: 118px;border:1px solid #d2d2d2;width: 561px;float: left;} .news-b dt{padding-top: 20px;text-align:center;width: 134px;float: left; background:url(/uploads/image/sdi/line.jpg) no-repeat right center;height: 99px; font-size: 50px;color: #333;font-weight: bold;font-family: arial;} .news-b dt em{font-size: 14px;color: #666;font-weight: normal;display: block;} .news-b dd{margin:10px;width:335px;float: left;padding: 10px 10px 10px 25px; border-left: 1px solid #d2d2d2;} .news-b h3 a{font-size: 16px;color: #333;font-weight: normal;} .news-b p{font-size: 14px;color: #888;font-weight: normal;line-height: 21px;padding-top: 14px;} .wen{height: 102px;padding:20px;;margin-top: 44px;border:1px solid #d2d2d2;} .wen li{float: left;width: 340px;border-left: 1px solid #d2d2d2; padding: 0px 20px 0px 25px;} .wen li:first-child{border-left:none;} .wen li a{color: #565458;font-size: 14px;float: left; display: block;height: 36px;line-height: 36px;width: 340px;} .wen dt {font-size: 14px;color: #bd2a29;font-weight: bold;} .wen dd{;width:335px;float: left;} .wen h3 a{font-size: 16px;color: #333;font-weight: normal;} .wen p{font-size: 14px;color: #888;font-weight: normal;line-height: 21px;padding-top: 14px;} /**/ .about{padding-top: 80px;background:url(/uploads/image/sdi/aboutbg.jpg) no-repeat center top} .about h2{font-weight: normal;text-align: center;} .about h2 b{display: block;font-size:30px;color: #333;line-height: 48px;} .about h2 i{display: inline-block;font-size: 16px;color: #333;position:relative;padding:0 40px;line-height: 16px;} .about h2 i:before{position:absolute;width:30px;height:1px;background: #eb2427;content: "";left: 0;top: 8px;} .about h2 i:after{position:absolute;width:30px;height:1px;background: #eb2427;content: "";right: 0;top: 8px;} .ab{padding-top: 38px;padding-left: 40px;background: #fff;height: 292px;margin-top: 60px;} .ab dl{height: 330px;margin-right: 35px;} .ab dt{width: 500px;height: 250px;float: left;} .ab dt a{width: 500px;height: 250px;display: block;overflow: hidden;} .ab dt img{width: 500px;height: 250px;transition:all 0.6s ease 0s;} .ab dt a:hover img{transform: scale(1.05);} .ab dd{width: 590px;float: right;} .ab dd h3{} .ab dd h3 a{font-size: 30px;color: #333;font-weight: bold;line-height: 45px;} .ab dd h3 a:hover{text-decoration: none;} .ab dd h3 em{display: block;font-family: arial;font-size: 22px;color: #aaa;font-weight: normal;text-transform: uppercase;} .ab dd p{line-height: 26px;font-size:14px;color: #888;font-weight: normal;} .ab dd span a{width: 160px;height: 33px;line-height: 33px;font-size: 14px;color: #cd413a;margin-top: 38px; border:1px solid #cd413a;border-radius: 15px;display: block; font-weight: bold;text-align:center;} .h_con{position: relative;height: 375px;margin-top: 41px;} .h_con .h-z a,.h_con .h-y a{width: 40px;height: 137px;display: block;z-index:999;} .h_con .h-z{position: absolute;left:-40px;top: 52px;} .h_con .h-y{position: absolute;right:-40px;top: 52px;} .h_con .h_con2{padding-left: 37px;} .h_con ul{height: 321px;padding-left: 82px;} .h_con ul li{width: 166px;height: 321px;float: left;margin-right:26px;position: relative;} .h_con ul li.nobot{margin-right:0;} .h_con ul li a{width: 166px;height: 220px;display: block;} .h_con ul li img{width: 160px;height: 214px;border:3px solid #d2d2d2;} .h_con ul li a:hover img{width: 160px;height: 214px;border:3px solid #cd413a;} .hz2{padding-top:27px;padding-left:26px;} /**/ .service{height:586px;background:url(/uploads/image/sdi/service.jpg) no-repeat center center;padding-top: 60px;} .service h2{font-weight: normal;text-align: center;margin-bottom:100px;} .service h2 b{display: block;font-size:30px;color: #fff;line-height: 48px;} .service h2 i{display: inline-block;font-size: 16px;color: #fff;position:relative;padding:0 40px;line-height: 16px;} .service h2 i:before{position:absolute;width:30px;height:1px;background: #fff;content: "";left: 0;top: 8px;} .service h2 i:after{position:absolute;width:30px;height:1px;background: #fff;content: "";right: 0;top: 8px;} .service ul{height: 400px;margin-top: 40px;} .service ul li{float: left;width: 239px;height: 400px;border-right: 1px solid #fff;position: relative;} .service ul li a.o-wz{width: 239px;display:block;height: 400px;text-align: center;line-height: 655px;color: #666;font-size: 14px;} .service ul li.li01{background:url(/uploads/image/sdi/o-pic1.png) no-repeat center center #e9e9e9;} .service ul li.li01 a.o-wz{background:url(/uploads/image/sdi/o-con1.png) no-repeat center center;} .service ul li.li02{background:url(/uploads/image/sdi/o-pic2.png) no-repeat center center #e9e9e9;} .service ul li.li02 a.o-wz{background:url(/uploads/image/sdi/o-con2.png) no-repeat center center;} .service ul li.li03{background:url(/uploads/image/sdi/o-pic3.png) no-repeat center center #e9e9e9;} .service ul li.li03 a.o-wz{background:url(/uploads/image/sdi/o-con3.png) no-repeat center center;} .service ul li.li04{background:url(/uploads/image/sdi/o-pic4.png) no-repeat center center #e9e9e9;} .service ul li.li04 a.o-wz{background:url(/uploads/image/sdi/o-con4.png) no-repeat center center;} .service ul li.li05{background:url(/uploads/image/sdi/o-pic5.png) no-repeat center center #e9e9e9;} .service ul li.li05 a.o-wz{background:url(/uploads/image/sdi/o-con5.png) no-repeat center center;} .service ul li .o-m{width: 239px;position: absolute;bottom: 0;left: 0;display: none;padding-top: 210px;cursor:pointer; height:190px;text-align: center;color: #fff;font-size: 18px;} .service ul li .o-m a{display: block;background: #bd2a28;color:#fff;margin-left: 64px;margin-top:22px; width: 110px;height: 26px;border-radius: 15px;line-height: 26px;font-size: 14px;text-align: center;} .service ul li:hover .o-m{display: block} .service ul li.li01 .o-m{background:url(/uploads/image/sdi/png1.png) no-repeat center center;} .service ul li.li02 .o-m{background:url(/uploads/image/sdi/png2.png)no-repeat center center;} .service ul li.li03 .o-m{background:url(/uploads/image/sdi/png3.png) no-repeat center center;} .service ul li.li04 .o-m{background:url(/uploads/image/sdi/png4.png) no-repeat center center;} .service ul li.li05 .o-m{background:url(/uploads/image/sdi/png5.png)no-repeat center center;}