@charset "utf-8"; /* css document */ /*common*/ .mb10 { margin-bottom:10px;} .ml10 { margin-left:10px;} .bg { background:#fff;} /**/ .fullslide{min-width:1200px;position:relative;height:700px;overflow:hidden; z-index: 2;} .fullslide .bd{position:relative;z-index:0;margin:0 auto;} .fullslide .bd .con{width:100% !important;} .fullslide .bd .li{width:100%!important;height:700px;overflow:hidden;text-align:center;position: relative;} .fullslide .bd .li a{display:block;height:700px;} .fullslide .bd .li img {position: absolute;left:50%;margin-left:-960px;top:0;} .fullslide .hd { position: absolute; width: 100%; left: 0; bottom: 50px; text-align: center; cursor: pointer;z-index:3; } .fullslide .hd li { display: inline-block; width: 10px; height: 10px; background: #fff; margin: 0 5px; border-radius: 20px; opacity: .6; -o-transition: all .3s ease; transition: all .3s ease; } .fullslide .hd li.on { width: 27px; opacity: .8; } .fullslide p{ position: absolute; top:50%; width: 73px; height: 73px; z-index: 9; opacity: .5; text-align: center; margin-top: -40px;transition:.8s;} .fullslide .prev2 { left: 5%; opacity: 0; } .fullslide .next2 { right: 5%; opacity: 0; } .fullslide:hover .prev2 { left: 10%; opacity: 0.3; } .fullslide:hover .next2 { right: 10%; opacity: 0.3; } /**/ .banner a{ height:567px; display:block;} @charset "utf-8"; /*end*/ body{overflow-x:hidden;} h3{text-align: center;padding-bottom:27px;background:url(/uploads/image/sdiimages/gui-icon.png) no-repeat bottom center;} h3 span{display: block; height:54px; line-height: 54px; font-size: 42px; color:#13502b;font-family: "msungprc"; font-weight: bold;letter-spacing: 1px;} h3 em{display: block;font-size: 20px; color:#333333; height:35px; line-height: 35px;letter-spacing: 1px;} /**/ .guide{height:711px;background:url(/uploads/image/sdiimages/guide.jpg) no-repeat center;} .gui{padding-top:92px;} .gui h3{margin-bottom: 25px;} .gui .gui-desc{line-height: 30px;font-size: 16px; color:#666666; text-align: center; margin-bottom: 66px;} .gui ul li{float:left; width:33.3%; height:80px;line-height: 80px;border-right:1px solid #d2d2d2; text-align: center; box-sizing: border-box;} .gui ul li span{display: inline-block;font-size: 50px; color:#333333;font-family: "msungprc"; font-weight: bold;margin-right: 6px;} .gui ul li em{display: inline-block;font-size: 16px;color: #333333;vertical-align:top;} /**/ .fwbj{height:752px; background:url(/uploads/image/sdiimages/fwbj.jpg) no-repeat center;} .fw{position: relative;} .fw h3{width:100%;height:116px; position: absolute;left:0;top:-145px; box-sizing: border-box;} .fw ul{padding-top:71px;} .fw ul li{float:left;width:393px; height:300px; margin-left: 10px; position: relative; margin-bottom: 3px; overflow: hidden;} .fw ul li:first-child,.fw ul li:nth-child(4){margin-left: 0;} .fw ul li .default{margin-top: 82px; transition: .5s;height:218px;border:1px solid #ffffff; box-sizing: border-box;} .fw ul li .default i{display: block;width:84px; height:84px;margin:-42px auto 41px;} .fw ul li .default i img{width:84px;height:84px;} .fw ul li .default span{display: block; text-align: center;} .fw ul li .default span em{display: block;font-size: 42px; height:51px; line-height: 51px;color:#fff; } .fw ul li .default span p{height:23px; line-height: 23px;font-size: 20px; color:#ffffff; font-family: "arial";} .fw ul li:hover .default{margin-top:270px; opacity: 0;} .fw ul li .hover{width:393px; height:300px;background:url(/uploads/image/sdiimages/fw-bj.jpg) no-repeat center;z-index: -1;transition: 0.85s;transform: rotatex(120deg);transform-origin: center top 0;opacity: 1; position: absolute; top:0; left:0;padding-top:16px; box-sizing: border-box;} .fw ul li .hover span{display: block; height:68px; line-height: 68px; text-align: center; font-size: 42px; color:#13502b; margin-bottom: 5px; font-weight: bold;} .fw ul li .hover p{font-size: 16px; color:#333333;line-height: 27px; text-align: center;} .fw ul li:hover .hover{transform: none;z-index: 1;} /**/ .cas-edt{height:1851px; background:url(/uploads/image/sdiimages/cas-edt.jpg) no-repeat center;} .casebj{height:853px;} .case{padding-top:92px;} .case h3{margin-bottom: 30px;} .case .cas-con{position: relative;} .case .cas-con .cas-list{height:503px; background:#eeeeee;padding:12px 0 15px 12px; box-sizing: border-box;} .case .cas-con .cas-list dl dt{width:635px; height:476px;float:left; position: relative;} .case .cas-con .cas-list dl dt img{width:100%;height: 100%;} .case .cas-con .cas-list dl dt i{font-size: 16px; color:#333; position: absolute; top:15px; right:22px; background:#b0c31d; padding:0 10px; line-height:24px} .case .cas-con .cas-list dl dd{float:left; width:530px;margin-top: 31px;} .case .cas-con .cas-list dl dd h4{height:54px; line-height: 54px; margin-left: 51px;} .case .cas-con .cas-list dl dd h4 a{font-size: 24px; color:#333333; font-weight: normal;overflow: hidden; text-overflow:ellipsis;white-space:nowrap;display: block;} .case .cas-con .cas-list dl dd p{font-size: 16px;color:#666666;line-height:31px;margin-bottom: 21px;margin-left: 51px;height: 93px;} .case .cas-con .cas-list dl dd em{display: block;width:141px; height:39px; background:#b0c31d; border-radius: 20px; text-align: center; line-height: 39px; margin-left: 51px;margin-bottom: 45px;} .case .cas-con .cas-list dl dd em a{display: block;font-size: 16px; color:#ffffff;} .case .cas-con .cas-list dl dd ul li{float:left;width:258px; height:194px; margin-left: 7px; position: relative;} .case .cas-con .cas-list dl dd ul li span{display: block;width:258px; height:194px; } .case .cas-con .cas-list dl dd ul li span img{width:100%;height: 100%;} .case .cas-con .cas-list dl dd ul li i{font-size: 16px; color:#333; position: absolute; left:20px; top:17px;background:#b0c31d; padding:0 10px; line-height:24px} .case .cas-con .hd ul{position: relative;} .case .cas-con .hd ul:before{width:971px;height:1px;background:url(/uploads/image/sdiimages/cas-xt.png) no-repeat center; content:""; position: absolute; top:43px; left:114px;} .case .cas-con .hd ul li{height:112px;width:200px;float:left; text-align: center;padding-top:37px; box-sizing: border-box; cursor: pointer; } .case .cas-con .hd ul li i{display: block;width:14px;height:14px; border:3px solid #707070; box-sizing: border-box;margin:0 auto; border-radius: 50%;} .case .cas-con .hd ul li em{display: inline-block; height:60px; line-height: 60px;font-size: 20px; color:#666666;padding:0 17px; position: relative;} .case .cas-con .hd ul li em:before{width:7px; height:1px;background:#666666; content:""; position: absolute; left:0; top:30px;} .case .cas-con .hd ul li em:after{width:7px; height:1px;background:#666666; content:""; position: absolute; right:0; top:30px;} .case .cas-con .hd ul li.cur i{border:3px solid #046d40;} .case .cas-con .hd ul li.cur em{font-weight: bold;color:#046d40;} .case .cas-con .hd ul li.cur em:before{width:7px; height:1px;background:#046d40; content:""; position: absolute; left:0; top:30px;} .case .cas-con .hd ul li.cur em:after{width:7px; height:1px;background:#046d40; content:""; position: absolute; right:0; top:30px;} .case .cas-con .cas-prev{width:22px; height:41px;background:url(/uploads/image/sdiimages/cas-prev.png) no-repeat center; position: absolute; top:230px; left:-64px; cursor: pointer;} .case .cas-con .cas-next{width:22px; height:41px;background:url(/uploads/image/sdiimages/cas-next.png) no-repeat center; position: absolute; top:230px; right:-64px; cursor: pointer;} /**/ .edge{height:998px;} .ed{padding-top:90px;} .ed h3{margin-bottom: 30px;} .ed .hd{height:169px; background:#13502b;} .ed .hd ul li{float:left; width:240px; height:169px;padding:56px 0 0 63px; box-sizing: border-box; cursor: pointer;} .ed .hd ul li i{display: block; width:78px; height:64px;float:left;} .ed .hd ul li i img{width:100%;} .ed .hd ul li em{display: block; float:left;font-size: 20px; color:#ffffff; margin-top: 37px; margin-left: 6px;} .ed .hd ul li.cur{background:rgba(176,195,29,0.9);} .ed .edt-pic{height:593px;padding-top:98px; box-sizing: border-box;} .ed .edt1{background:url(/uploads/image/sdiimages/edt-pic1.jpg) no-repeat center -1px;} .ed .edt2{background:url(/uploads/image/sdiimages/edt-pic2.jpg) no-repeat center -1px;} .ed .edt3{background:url(/uploads/image/sdiimages/edt-pic3.jpg) no-repeat center -1px;} .ed .edt4{background:url(/uploads/image/sdiimages/edt-pic4.jpg) no-repeat center -1px;} .ed .edt5{background:url(/uploads/image/sdiimages/edt-pic5.jpg) no-repeat center -1px;} .ed .edt-pic .edt-desc{width:580px; min-height:404px; background:rgba(255,255,255,0.95);padding:62px 41px 0 47px; box-sizing: border-box;} .ed .edt-pic .edt-desc dl dt{margin-bottom: 24px;} .ed .edt-pic .edt-desc dl dt span{display: block;height:64px; margin-bottom: 11px;} .ed .edt-pic .edt-desc dl dt span em{display: block; float:left;font-size: 64px; line-height: 64px;color:#13502b;} .ed .edt-pic .edt-desc dl dt span i{display: block; float:left;font-size: 26px;line-height: 26px;color:#13502b; font-weight: bold;margin-top: 32px; margin-left: 10px;} .ed .edt-pic .edt-desc dl dt p{font-size: 18px; color:#333333; line-height: 18px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .ed .edt-pic .edt-desc dl dd ul li{line-height: 35px; padding-left:17px; font-size: 16px; color:#666666;position: relative;} .ed .edt-pic .edt-desc dl dd ul li:before{width:6px; height:6px; background:#13502b; content:""; position: absolute; left:0; top:15px;border-radius: 50%;} .ed .edt-pic .edt-desc dl dd ul li:nth-child(2):before{background:rgba(19,80,43,0.8);} .ed .edt-pic .edt-desc dl dd ul li:nth-child(3):before{background:rgba(19,80,43,0.6);} .ed .edt-pic .edt-desc dl dd ul li:nth-child(4):before{background:rgba(19,80,43,0.4);} .ed .edt-pic .edt-desc dl dd ul li:nth-child(5):before{background:rgba(19,80,43,0.2);} /**/ .newsbj{height:868px;} .news{padding-top:92px;} .news h3{margin-bottom: 5px;} .news .news-left{width:790px;float:left;} .news .news-left .news-left-tit{height:74px;} .news .news-left .news-left-tit span{display: block; height:74px; line-height: 74px; float:left; font-size: 22px; color:#333333; font-weight: bold;} .news .news-left .news-left-tit span a{display: inline-block;font-size: 22px; color:#333333; font-weight: bold;} .news .news-left .news-left-tit span a.cur{color:#13502b;} .news .news-left .news-left-tit strong{display: inline-block; height:74px; line-height: 74px;float:right;} .news .news-left .news-left-tit strong a{font-size: 14px; color:#666666; font-weight: normal; text-transform: uppercase; } .news .news-left dl{height: 230px; background:#eeeeee;margin-bottom: 16px;} .news .news-left dl dt{width: 306px;height:215px;float:left;} .news .news-left dl dt img{width:100%; height:230px} .news .news-left dl dd{width: 482px;float:left;padding:38px 37px 0 34px;box-sizing: border-box;} .news .news-left dl dd h4{line-height: 28px;letter-spacing: 1px; margin-bottom: 13px;} .news .news-left dl dd h4 a{font-size: 20px; color:#333333; font-weight: normal;} .news .news-left dl dd p{font-size: 16px; color:#666666; line-height: 29px;letter-spacing: 1px;} .news .news-left ul li{height:51px; line-height: 51px;padding-left:17px;background:url(/uploads/image/sdiimages/news-icon.png) no-repeat left;} .news .news-left ul li a{font-size: 16px; color:#666666;} .news .news-rig{width:386px; float:right;} .news .news-rig h4{height:64px;} .news .news-rig h4 em{display: inline-block;height:64px; line-height: 64px; float:left;font-size: 22px; color:#333333; font-weight: bold;} .news .news-rig h4 i{display: inline-block; float:right; height:64px; line-height: 64px;font-size: 14px; color:#666666; font-weight: normal; text-transform: uppercase;} .news .news-rig ul li{height:114px;border-bottom:1px solid #e5e5e5; margin-bottom: 13px;} .news .news-rig ul li h5{height:36px; line-height: 36px;padding-left:29px;background:url(/uploads/image/sdiimages/news-icon.png) no-repeat left;margin-bottom: 4px;} .news .news-rig ul li h5 a{font-size:16px;color:#333333; font-weight: normal;} .news .news-rig ul li p{ margin-left: 29px;font-size: 16px; color:#666666; line-height: 29px;} .news .news-rig ul li:last-child{border-bottom:0;} /**/ .about{height:907px; background:url(/uploads/image/sdiimages/about.jpg) no-repeat center;} .abo{padding-top:73px;} .abo h3{margin-bottom: 26px;background:url(/uploads/image/sdiimages/gui-icon1.png) no-repeat bottom center;} .abo h3 span,.abo h3 em{color:#fff;} .abo .abo-left{width:753px; height:572px; margin:0 auto;} .abo .abo-left span{display: block; width:309px; height:572px; float:left;position: relative;} .abo .abo-left span img{width:100%;} .abo .abo-left span i{display: block; width:247px; height:40px; background:rgba(0,0,0,0.5); text-align: center; line-height: 40px; position: absolute; left:33px; bottom:0;font-size: 18px; color:#fff;} .abo .abo-left .abo-con{width:444px; height:573px; background:rgba(0,0,0,0.5);float:left;} .abo .abo-left .abo-con .con1{padding:39px 0 0 42px;} .abo .abo-left .abo-con .con1 h4{height:64px; line-height: 64px;font-size: 20px; color:#fff; font-weight: bold;} .abo .abo-left .abo-con .con1 ul li{height:30px; line-height: 30px;font-size: 14px; color:#fff;} .abo .abo-vid{width:447px; height:376px; float:right;margin-top:98px; cursor: pointer;} .abo .abo-vid img{width:447px; height:376px;}