@charset "utf-8"; /* css document */ /*common*/ .mb10 { margin-bottom:10px;} .ml10 { margin-left:10px;} .bg { background:#fff;} /**/ /**/ .banners{height: 600px;} .fullslide { width:100%; position:relative; height:600px; } .fullslide .bd { margin:0 auto; position:relative; z-index:0; overflow:hidden; } .fullslide .bd ul { width:100% !important; } .fullslide .bd li { width:100% !important; height:600px; overflow:hidden; text-align:center; background-position:center top; } .fullslide .bd li a { display:block; height:600px; } .fullslide .hd { position:absolute; z-index:999; bottom:0px; width:100%; height:30px; line-height:30px; } .fullslide .hd ul { text-align:center; } .fullslide .hd ul li { cursor:pointer; display:inline-block; *display:inline; zoom:1; width:48px; height:8px; margin:1px; overflow:hidden; background:#fff; line-height:999px; } .fullslide .hd ul .on { background:#1c79d8; } .fullslide .prev,.fullslide .next { display:block; position:absolute; z-index:1; top:50%; margin-top:-30px; left:5%; z-index:1; width:40px; height:60px; cursor:pointer; filter:alpha(opacity=50); opacity:0.5; display:none; width:73px; height:73px; } .fullslide .prev { background: no-repeat; } .fullslide .next { left:auto; right:5%; background: no-repeat; } .header , .content , .footer { width: 1300px !important; margin:0 auto !important; } /**/ .sou_bg{ height: 89px; padding-top: 50px; border-bottom: 1px solid #f5f5f5; overflow: hidden; } .sou_bg p{ font-size: 18px; line-height: 46px; color: #c6c6c6;} .sou_bg p b{font-weight: normal; color: #0f0f0f;} .sou_bg p a{ display: inline-block; padding: 0 8px;} .sou_bg p a:hover{color: #54d2ff;} .s_inp01{width: 370px; height: 42px; overflow: hidden; background: #fff; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; } .inp01{width: 290px; height:42px; line-height: 42px; border:0 ; background: none; padding: 0 20px; color:#333; font-size:18px; float:left; } .inp02{width:40px; height:42px; border:0; float:left; background:url(/uploads/image/sdi/ss.png) #fff no-repeat center center; } .pro{ padding: 80px 0 130px 0; overflow: hidden; background: #fff; } .pro h2{ background: url(/uploads/image/sdi/bts.jpg) no-repeat center 16px; text-align: center; line-height: 1; font-weight: normal; } .pro h2 a{ font-size: 48px; color: #5d5d5d; } .pro h2 span{ padding-top: 10px; display: block; font-size: 24px; color: #393939; } .pro .content{ margin-top: 80px; } .pro .content .pro-min{ position: relative; } .pro .content .pro-min .prve,.pro .content .pro-min .next{ position: absolute; top: 86px; width: 33px; height: 106px; } .pro .content .pro-min .prve a{ display: block; width: 33px; height: 106px; background: url(/uploads/image/sdi/pro_btn1.png) no-repeat center top; } .pro .content .pro-min .next a{ display: block; width: 33px; height: 106px; background: url(/uploads/image/sdi/pro_btn2.png) no-repeat center top; } .pro .content .pro-min .prve a:hover{ background: no-repeat center top; } .pro .content .pro-min .next a:hover{ background: no-repeat center top; } .pro .content .pro-min .prve{ left: -10px; } .pro .content .pro-min .next{ right: -10px; } .pro .content .pro-min .pro-cont ul{ width: 1154px; margin: 0 auto; overflow: hidden; } .pro-cont{ margin-left: 81px; margin-top: 52px; } .pro .content .pro-min .pro-cont ul li{ position: relative; float: left; width: 284px; height: 285px; margin-right: 4px; overflow: hidden; } .pro .content .pro-min .pro-cont ul li img{ display: block; width: 100%; height: auto; transition: all .8s; } .pro .content .pro-min .pro-cont ul li:hover img{ transform: scale(1.1); } .pro .content .pro-min .pro-cont ul li .pro-txt{ display: none; position: absolute; top: 0; left: 0; width: 70%; padding: 0 15%; height: 100%; background: url(/uploads/image/sdi/pro_s.png) rgba(3, 171, 230, .8) no-repeat center 80%; overflow: hidden; } .pro .content .pro-min .pro-cont ul li.cur .pro-txt{ display: block; } .pro .content .pro-min .pro-cont ul li.no{ margin: 0; } .pro .content .pro-min .pro-txt h5{ margin-top: 80px; text-align: center; font-size: 24px; color: #fff; margin-bottom: 8px; } .pro .content .pro-min .pro-txt p{ height: 20px; color: #fff; font-size: 16px; } .case{ padding: 70px 0; background: #f8f8f8; } .case .case-l{ float: left; width: 300px; } .case .case-l ul{ background: #5d5d5d; } .case .case-l ul li{ height: 100px; border-left: 7px solid #2e4a53; padding: 0 20px; } .case .case-l ul li a{ display: block; text-align: center; line-height: 100px; display: block; font-size: 20px; color: #fff; border-bottom: 1px dashed #a7a7a7; } .case .case-l ul li:hover,.case .case-l ul li.cur{ border-left: 7px solid #0188ce; font-weight: bold; background: url(/uploads/image/sdi/case_is.png) #03abe6 no-repeat right center; } .case .case-l ul li.last a{ border: none; } .case .case-r{ position: relative; float: right; width: 986px; height: 500px; } .case .case-r .case-img{ width: 986px; height: 500px; } .case .case-r .case-img img{ display: block; width: 986px; height: 500px; } .case .case-r .case-list{ position: absolute; bottom: 0; left: 0; width: 946px; padding: 20px 20px; height: 112px; background:url(/uploads/image/sdi/bgs_br.png) repeat-x center top; } .case .case-r .case-list ol{ overflow: hidden; } .case .case-r .case-list ol li{ float: left; width: 182px; height: 112px; margin-right: 10px; } .case .case-r .case-list ol li img{ width: 182px; height: 112px; } .case .case-r .case-list .case-txt{ position: absolute; top: 30px; right: 36px; width: 340px; } .case .case-r .case-list .case-txt h6{ font-size: 24px; color: #fff; line-height: 1; margin-bottom: 8px; } .case .case-r .case-list .case-txt p{ font-size: 16px; color: #fff; line-height: 20px; } .case .case-ico{ height: 222px; margin-top: 56px; } .case .case-ico ul{ overflow: hidden; } .case .case-ico ul li{ float: left; width: 216px; text-align: center; padding-top: 44px; background: url(/uploads/image/sdi/case_br.png) no-repeat right center; } .case .case-ico ul li img{ display: block; width: 120px; height: 120px; margin: 0 auto; } .case .case-ico ul li p{ margin-top: 26px; font-size: 16px; color: #434343; line-height: 26px; } .case .case-ico ul li.last{ background: none; } .fa{ padding-top: 106px; background: url(/uploads/image/sdi/fa_bg.jpg) no-repeat center top; overflow: hidden; } .fa .content{ position: relative; height: 620px; } .fa .fa-txt{ margin-bottom: 22px; } .fa .fa-txt h2{ font-size: 50px; color: #fff; line-height: 56px; } .fa .fa-txt p{ padding-top: 6px; font-size: 30px; color: #fff; } .fa .fa-tel p{ padding-left: 102px; font-size: 24px; color: #fff; background: url(/uploads/image/sdi/fa_tel.png) no-repeat left center; } .fa .fa-tel p b{ padding-top: 4px; display: block; line-height: 32px; font-size: 36px; } .fa .fa-tel a{ margin-top: 20px; display: block; width: 310px; line-height: 64px; text-align: center; font-size: 24px; color: #fff; background: #54d2ff; } .fa .fa-list{ position: absolute; bottom: 0; left: 0; } .fa .fa-list ul{ overflow: hidden; } .fa .fa-list ul li{ float: left; width: 200px; height: 176px; padding: 0 30px; padding-top: 46px; border-bottom: 6px solid #dddcdc; text-align: center; background: url(/uploads/image/sdi/fa_br.jpg) #fdfdfd no-repeat right center; } .fa .fa-list ul li span{ display: block; font-size: 36px; line-height: 1; margin-bottom: 12px; } .fa .fa-list ul li h3{ font-size: 24px; line-height: 1; height: 36px; margin-bottom: 14px; font-weight: normal; color: #4d4e4e; background: url(/uploads/image/sdi/fa_sr.jpg) no-repeat center bottom; } .fa .fa-list ul li p{ font-size: 16px; line-height: 18px; color: #4d4d4d; text-align: left; } .fa .fa-list ul li.last{ background:#fdfdfd no-repeat right center; } .fa .fa-list ul li.cur { background: #54d2ff; } .fa .fa-list ul li.cur h3{ background: url(/uploads/image/sdi/fa_ssr.jpg) no-repeat center bottom; } .fa .fa-list ul li.cur span,.fa .fa-list ul li.cur h3,.fa .fa-list ul li.cur p{ color: #fff; } .ys { padding-top: 64px; } .ys h2 img{ display: block; width: 80%; height: auto; margin: 0 auto; } .ys .ys-cont{ position: relative; margin-top: 42px; height: 1490px; background: url(/uploads/image/sdi/ys_bg.jpg) no-repeat center top; } .ys .ys-cont dl{ position: absolute; width: 430px; padding-left: 78px; } .ys .ys-cont dl dt { margin-bottom: 28px; } .ys .ys-cont dl dt h4{ font-size: 36px; line-height: 40px; font-weight: normal; color: #292929; } .ys .ys-cont dl dt h4 b{ color: #4d4e4e; } .ys .ys-cont dl dd p{ margin-bottom: 20px; padding-left: 22px; line-height: 24px; font-size: 18px; color: #292929; background: url(/uploads/image/sdi/ys_is.png) no-repeat left 8px; } .ys .ys-cont dl.dl01{ top: 106px; left: 76px; background: url(/uploads/image/sdi/ys_01.jpg) no-repeat left top; } .ys .ys-cont dl.dl02{ top: 616px; right: 62px; background: url(/uploads/image/sdi/ys_02.jpg) no-repeat left top; } .ys .ys-cont dl.dl03{ top: 1144px; left: 76px; background: url(/uploads/image/sdi/ys_03.jpg) no-repeat left top; } .pic{ position: relative; height: 510px; background: url(/uploads/image/sdi/pic_bg.jpg) no-repeat center top; } .pic .pic-cont{ position: absolute; top: 96px; left: 50%; margin-left: 130px; width: 420px; } .pic .pic-txt{ width: 416px; margin-bottom: 16px; text-align: right; } .pic .pic-txt h2{ margin-bottom: 14px; font-size: 50px; color: #fff; line-height: 54px; } .pic .pic-txt p{ font-size: 30px; color: #fff; line-height: 32px; } .pic .pic-tel p{ padding-left: 102px; font-size: 24px; color: #fff; background: url(/uploads/image/sdi/fa_tel.png) no-repeat left center; } .pic .pic-tel p b{ padding-top: 4px; display: block; line-height: 36px; font-size: 36px; } .pic .pic-tel a{ margin-top: 10px; display: block; width: 310px; line-height: 64px; text-align: center; font-size: 24px; color: #fff; background: #54d2ff; } .about{ padding-top: 22px; } .about .content{ position: relative; z-index: 6; } .about .about-inner{ padding-left: 420px; background: url(/uploads/image/sdi/about_img.jpg) no-repeat left top; } .about .about-inner h2{ padding-top: 54px; } .about .about-inner h2 a{ font-size: 48px; color: #0f0f0f; font-weight: normal; line-height: 1; } .about .about-inner h2 b{ font-size: 60px; color: #33caff; } .about .about-inner .about-more{ height: 20px; line-height: 20px; background: url(/uploads/image/sdi/about_br.jpg) no-repeat 226px center; } .about .about-inner .about-more p{ font-size: 18px; color: #0f0f0f; } .about .about-inner .about-more a{ display: inline-block; width: 64px; line-height: 16px; background: #54d2ff; border-radius: 2px; text-align: center; font-size: 14px; color: #fff; } .about .about-inner dl{ margin-top: 40px; height: 370px; } .about .about-inner dl dt p{ font-size: 16px; color: #686868; line-height: 30px; text-indent: 30px; } .about .about-inner dl dd{ margin-top: 14px; } .about .about-inner dl dd ol{ overflow: hidden; } .about .about-inner dl dd ol li{ position: relative; float: left; width:196px; height: 142px; padding: 4px; margin-right:15px; } .about .about-inner dl dd ol li img{ display: block; width: 100%; height: auto; padding: 4px; background: #fff; border-radius: 4px; box-shadow: 0 0 3px rgba(0,0,0,.5) ; box-sizing: border-box; } .about .about-inner dl dd ol li .box{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; line-height: 130px; text-align: center; color: #fff; font-size: 16px; background: rgba(51, 202, 255, .5); display: none; } .about .about-inner dl dd ol li.cur .box{ display: block; } .xc{ background: #f5f5f5; margin-top: -70px; padding-top: 106px; height: 433px; } .xc .xc-cont{ position: relative; width: 1300px; margin: 0 auto; } .xc .xc-ul ul{ text-align: center; width:530px; margin:0 auto; overflow: hidden; } .xc .xc-ul li{ float:left; font-size: 22px; color: #434343; margin: 0 20px; } .xc .xc-ul li a{ display: block; line-height: 42px; padding: 0 24px; } .xc .xc-ul li.cur a{ background: #33caff; color: #fff; border-radius: 20px; } .xc .xc-min{ width: 1212px; margin: 24px auto 0; } .xc .xc-min ol{ overflow: hidden; } .xc .xc-min ol li{ float: left; width: 388px; margin: 0 8px; } .xc .xc-min .box{ width: 388px; height: 268px; overflow: hidden; } .xc .xc-min ol li span{ display: block; padding-top: 20px; line-height: 1; font-size: 18px; text-align: center; color: #494949; } .xc .xc-min ol li img{ display: block; width: 100%; height: auto; transition: all .8s; } .xc .xc-min ol li:hover img{ transform: scale(1.1); } .xc .xc-cont .prvexx,.xc .xc-cont .nextxx{ position: absolute; top: 174px; width: 17px; height: 53px; } .xc .xc-cont .prvexx{ left: 0; } .xc .xc-cont .nextxx{ right: 0; } .news { padding: 68px 0; } .news .news-l{ width: 456px; } .news .news-l h2{ height: 56px; background: url(/uploads/image/sdi/news_br.jpg) no-repeat left bottom; overflow: hidden; } .news .news-l h2 span{ font-size: 14px; line-height: 1; color: #535252; font-weight: normal; text-transform: uppercase; } .news .news-l h2 span b{ display: block; font-size: 24px; color: #535252; padding-bottom: 3px; } .news .news-l h2 em a{ font-size: 14px; color: #979696; line-height: 50px; font-weight: normal; } .news .news-l dl dt { padding: 15px 0; padding-left: 40px; line-height: 38px; background: url(/uploads/image/sdi/w_ico.png) no-repeat left center; border-bottom: 1px solid #f5f5f5; } .news .news-l dl dt a{ font-size: 18px; color: #303030; } .news .news-l dl dd{ padding: 15px 0; padding-left: 40px; background: url(/uploads/image/sdi/d_ico.png) no-repeat left 15px; } .news .news-l dl dd p{ font-size: 16px; color: #313131; line-height: 24px; } .news .news-r{ width: 780px; border: 2px solid #dcdcdc; height: 490px; } .news .news-nav{ position: relative; height: 72px; background: #f5f5f5; margin-bottom: 20px; } .news .news-nav ul{ overflow: hidden; } .news .news-nav ul li{ float: left; width: 204px; font-size: 20px; color: #393939; } .news .news-nav ul li a{ display: block; padding: 0 26px; line-height: 72px; } .news .news-nav ul li.cur a{ background: url(/uploads/image/sdi/news_ico.png) #33caff no-repeat 160px center; color: #fff; } .news .news-nav .more{ position: absolute; top: 0; right: 20px; } .news .news-nav .more a{ line-height: 72px; font-size: 14px; color: #979696; } .news .news-imgs{ padding: 20px; } .news .news-imgs dl{ margin-bottom: 18px; overflow: hidden; } .news .news-imgs dl dt{ float: left; width: 256px; height: 172px; } .news .news-imgs dl dt img{ width: 256px; height: 172px; } .news .news-imgs dl dd{ float: right; width: 460px; } .news .news-imgs dl dd h4 { margin: 8px 0; } .news .news-imgs dl dd h4 a{ font-size: 18px; line-height: 30px; color: #535252; font-weight: normal; } .news .news-imgs dl dd p{ font-size: 16px; color: #939292; line-height: 24px; margin-bottom: 16px; } .news .news-imgs dl dd .more{ display: block; text-align: center; width: 114px; height: 36px; line-height: 36px; background: #33caff; font-size: 16px; color: #fff; } .news .news-imgs ol{ overflow: hidden; } .news .news-imgs ol li{ float: left; width: 50%; } .news .news-imgs ol li a{ line-height: 36px; font-size: 18px; color: #535252; padding-left: 16px; background: url(/uploads/image/sdi/news_ss.jpg) no-repeat left center; } .link { padding-bottom: 28px; } .link h3{ height: 50px; line-height: 1; font-weight: normal; overflow: hidden; background: no-repeat center bottom; } .link h3 b{ float: left; font-size: 24px; color: #1d1d1d; } .link h3 span{ float: right; line-height: 24px; } .link h3 span a{ font-size: 14px; color: #979696; } .link p{ margin-top: 30px; font-size: 22px; color: #464646; } .link p a{ line-height: 34px; margin-right: 70px; padding-left: 30px; background: url(/uploads/image/sdi/link_ico.png) no-repeat left center; } .sou_bg{ height: 89px; padding-top: 50px !important; border-bottom: 1px solid #f5f5f5; overflow: hidden; }