@charset "utf-8"; /*banner*/ .banner{ height:548px; } .banner a{ display:block; background:url(/uploads/image/sdi/banner.jpg) no-repeat center 0;height:548px;} .g_top{ height:201px; } /* 五大 */ .g_five{padding-top: 60px;height: 230px;background: #fafafa;} .g_five li{width: 176px;margin-right: 30px;float: left;} .g_five .li5{margin-right: 0;} .g_five li a{float: left;width:176px;height: 40px;padding-top: 130px; text-align: center; font-size: 14px;color: #999999;} .g_five li a:hover{color: #fff; text-decoration:none;} .g_five .li1 a{ background: #eeeeee url(/uploads/image/sdi/ico1.png) no-repeat -2px 0px;} .g_five .li1 a:hover{ background: #1671c2 url(/uploads/image/sdi/ico2.png) no-repeat -2px 0px;} .g_five .li2 a{ background: #eeeeee url(/uploads/image/sdi/ico1.png) no-repeat -205px 0px;} .g_five .li2 a:hover{ background: #1671c2 url(/uploads/image/sdi/ico2.png) no-repeat -205px 0px;} .g_five .li3 a{ background: #eeeeee url(/uploads/image/sdi/ico1.png) no-repeat -405px 0px;} .g_five .li3 a:hover{ background: #1671c2 url(/uploads/image/sdi/ico2.png) no-repeat -405px 0px;} .g_five .li4 a{ background: #eeeeee url(/uploads/image/sdi/ico1.png) no-repeat -605px 0px;} .g_five .li4 a:hover{ background: #1671c2 url(/uploads/image/sdi/ico2.png) no-repeat -605px 0px;} .g_five .li5 a{ background: #eeeeee url(/uploads/image/sdi/ico1.png) no-repeat -805px 0px;} .g_five .li5 a:hover{ background: #1671c2 url(/uploads/image/sdi/ico2.png) no-repeat -805px 0px;} /* 方案 */ .g_fa{height: 536px;background: #fafafa;} .g_fa .content{height:474px;background: #fff;} .g_fa .m_faleft{width: 236px;border-bottom: 1px solid #dfdfdf;float: left;} .g_fa .m_faleft h2{background:url(/uploads/image/sdi/fatit.jpg) no-repeat;width: 216px;padding-left: 20px; height: 80px;line-height: 80px;} .g_fa .m_faleft h2 a{font-size: 22px;color: #fff;font-weight: normal;} .g_fa .u_lst2 li{height: 80px; line-height: 80px;overflow: hidden; } .g_fa .u_lst2 li a{display: block;background:url(/uploads/image/sdi/fatab1.jpg) no-repeat;width: 176px;height: 80px;line-height: 80px; padding-left: 40px;font-size: 14px;color: #666666;padding-right: 20px;overflow: hidden;} .g_fa .u_lst2 li a:hover,.g_fa .u_lst2 .cur a { text-decoration:none; background :url(/uploads/image/sdi/fatab2.jpg) no-repeat;color: #fff;font-weight: bold;} .m_far{float: left;width: 762px;border: 1px solid #dfdfdf;border-left: none;height: 479px;} .m_far h3{height: 56px;line-height: 56px;border-bottom: 1px solid #dfdfdf; margin-bottom: 20px;} .m_far h3 a{display: block;float: left;width:380px;height: 56px;line-height: 56px;text-align: center;font-size: 16px;color: #666666;font-weight: normal; border-right: 1px solid #dfdfdf;} .m_far h3 .lasta{border-right: none;} .m_far h3 a:hover,.m_far h3 .cur{ text-decoration:none; color: #1671c2;font-size: 16px;height: 52px;line-height: 52px;margin-top:4px;font-weight: bold;border-bottom: 5px solid #0782d2; position: relative;bottom:4px;} .m_far dl{height: 198px;} .m_far dt{float: left;width: 256px;margin-right: 20px;} .m_far dt img{display: block;width: 254px;height: 170px;border: 1px solid #dfdfdf;} .m_far dd{float: left;width: 460px;} .m_far dd h4{height: 28px; line-height: 28px; overflow: hidden;} .m_far dd h4 a{color: #333333;font-size: 16px;font-weight: normal;} .m_far dd p{font-size: 14px;line-height: 24px;height: 72px;overflow: hidden;color: #555555;} .m_far dd span{display: block;margin-top: 40px;} .m_far dd span a{display: block;float: left;width: 130px;height: 30px;line-height: 30px;text-align: center;font-size: 14px;color: #fff;background: #a09ea7; margin-right: 15px;} .m_far dd span .btn2{background: #1671c2;} /* 智能弱电系统集成工程服务 */ .g_fw{background:url(/uploads/image/sdi/fwbg.jpg) no-repeat center top; height: 390px; padding-top: 40px;} .g_fw h2{text-align: center; height: 146px;} .g_fw h2 a{color: #fff;font-size: 30px;font-weight: normal;} .g_fw h2 em{display: block;text-transform: uppercase;font-size: 50px;color: #fff;font-weight: bold;} .g_fw .u_lst2{padding-left: 43px;} .g_fw .u_lst2 li{position: relative; float: left;height: 66px; padding-top: 10px;padding-left: 50px;font-size: 14px;color: #434343;} .g_fw .u_lst2 li em{display: block;position: absolute;left:0;top:0;width: 42px;height: 42px;} .g_fw .u_lst2 .li1{width: 180px;} .g_fw .u_lst2 .li2{width: 200px;} .g_fw .u_lst2 .li3{width: 198px;} .g_fw .u_lst2 .li0{width: 160px;} .g_fw .u_lst2 .li12{width: 160px; padding-left: 20px;} /* 华思特成功案例施工现场展示 */ .g_an{background: #fafafa;padding-top: 45px;height: 544px;} .g_an h2{text-align: center;height: 104px;} .g_an h2 a{font-size: 30px;color: #333333;font-weight: normal;} .g_an h2 em{display: block;text-transform: uppercase;font-size: 50px;line-height: 50px; color: #e8e8e8;font-weight: bold;} .g_an h2 b{color: #0782d2; display: inline-block;padding: 0 6px;} .m_an .anbig{float: left;width: 480px;height: 380px;position: relative;} .m_an .anbig img{display: block;width: 480px;height: 380px;} .m_an .anbig em{position: absolute;width: 480px;height:50px;line-height: 50px;background:url(/uploads/image/sdi/sha.png) repeat;text-align: center;font-size: 14px;color: #fff;font-weight: bold; left:0;bottom:0;} .m_an .u_lst3{float:right;width:520px; } .m_an .u_lst3 li{float: left;margin-left: 18px;width: 241px;position: relative;margin-bottom: 20px; height: 180px; overflow:hidden;} .m_an .u_lst3 li img{display: block;width: 241px;} .m_an .u_lst3 li em{position: absolute;width: 224px;height:68px; padding-top: 100px; background:url(/uploads/image/sdi/sha1.png) repeat;text-align: center;font-size: 14px;color: #fff;font-weight: bold; left:8px;top:7px; display: none;} /* 选择大品牌 */ .g_hz{background:url(/uploads/image/sdi/xban.jpg) no-repeat center top; padding-top: 40px;height: 280px;} .g_hz h2{text-align: center;height: 90px;} .g_hz h2 a{font-size: 30px;color: #222222;} .g_hz h2 em{display: block;font-size: 20px;color: #666666;} .g_hz .u_lst4 li{float: left;width: 145px;height: 80px; margin-right: 24px;} .g_hz .u_lst4 li a{ cursor:unset;} .g_hz .u_lst4 li img{display: block;width: 145px;height: 80px;} .g_hz .u_lst4 .lastli{margin-right: 0;} .g_hz .tel{margin-top: 23px;padding-left: 220px;font-size: 14px;color: #666666;font-weight: bold;} .g_hz .tel b{color: #1671c2;font-size: 30px;} .g_hz .tel span{display: inline-block;margin-left: 35px;width: 224px;height: 42px;line-height: 42px;border: 1px solid #434343; text-align: center; color: #434343;font-size: 14px;position: relative;top:-7px;} .g_hz .tel span a{color: #434343;font-weight: normal;} /*产品展示一*/ .g_pro{ height: 623px; padding-top: 60px; overflow: hidden;background: #fafafa;} /* 左边 */ .syimg{position: absolute;z-index:99;} .syimg #closead{background:url(/uploads/image/sdi/closead.png) no-repeat center top;overflow: hidden; display: block; height: 15px; width: 15px; position: absolute; right: 0px; top: 0px; cursor:pointer; } /* 右边 */ .g_pro .m_pright{ width: 780px; } .g_pro .m_pright h3{height: 48px;line-height: 48px;border: 1px solid #f3f3f3;} .g_pro .m_pright h3 a{display: block;float: left;width: 130px;text-align: center;border-right: 1px solid #f3f3f3;font-size: 16px;color: #666666;font-weight: normal;} .g_pro .m_pright h3 a:hover,.g_pro .m_pright .cur{background: #0782d2;color: #fff;font-weight: bold;} .g_pro .m_pright h3 span a{font-size: 14px;font-weight: normal;color: #666;} .g_pro .m_pright h3 span a:hover{background: none;color: #666;font-weight: normal;} .m_cpcon{background: #fff;border: 1px solid #f3f3f3;border-top: none;height: 492px; padding: 20px 0 0 20px;} .g_pro .u_dlst1{height: 280px;clear: both; display:none; width:740px;} .g_pro .u_dlst1 dt{float: left;width: 378px; margin-right: 22px;} .g_pro .u_dlst1 dt img{width: 378px;height: 258px;display: block;border: 1px solid #dfdfdf;} .g_pro .u_dlst1 dd{float: left; width: 340px;height:260px; overflow:hidden;} .g_pro .u_dlst1 dd h4{height: 38px;line-height: 38px; border-bottom: 2px solid #d3d4d5;overflow: hidden;margin-bottom: 12px;} .g_pro .u_dlst1 dd h4 a{color: #666666; font-size: 16px;font-weight: bold;} .g_pro .u_dlst1 dd .sd{font-size: 14px;line-height: 30px;height: 150px;overflow: hidden;color: #666666;} .g_pro .u_dlst1 dd span{display: block;margin-top: 25px;} .g_pro .u_dlst1 dd span a{display: block;float: left;width: 130px;height: 30px;line-height: 30px;background: #a09ea7;text-align: center;font-size: 14px;color: #fff; margin-right: 15px;} .g_pro .u_dlst1 dd span .btn2{width: 160px;background: #1671c2;} .g_pro .u_lst1 li{ width: 228px; margin-right: 22px; float: left;} .g_pro .u_lst1 li img{ width: 228px; height: 153px;border: 1px solid #dfdfdf;display: block;} .g_pro .u_lst1 li span{ display: block; height: 34px; line-height: 34px; overflow: hidden; border: none; text-align: center; color: #535353; font-size: 14px; } .g_pro .u_ljt,.g_pro .u_rjt{ width:40px; height:40px;position: absolute; cursor:pointer; display:block;} .g_pro .u_ljt{top:56px;left:0; } .g_pro .u_rjt{top:56px;right:28px; } .g_pro .u_ljt a{ background: url(/uploads/image/sdi/jt1.png) no-repeat; width:40px; height:40px; display:block;} .g_pro .u_rjt a{ background: url(/uploads/image/sdi/jt2.png) no-repeat; width:40px; height:40px; display:block;} .g_pro .u_ljt a:hover,.g_pro .u_rjt a:hover{background-position: -40px 0; } /* 不完美 */ .g_wm{background: url(/uploads/image/sdi/chobg.jpg) no-repeat center top;height: 350px;padding-top: 50px;} .g_wm h2{text-align: center;height: 104px;} .g_wm h2 a{font-size: 30px;color: #333333;font-weight: normal;} .g_wm h2 em{display: block;text-transform: uppercase;font-size: 50px;line-height: 50px; color: #e8e8e8;font-weight: bold;} .g_wm h2 b{color: #0782d2; display: inline-block;padding: 0 6px;} .g_wm .u_lst5 li{float: left;width: 126px;margin-right: 90px;text-align: center;font-size: 12px;line-height: 24px;color: #666;text-align: center;} .g_wm .u_lst5 li em{display: block;width: 126px;height: 122px;margin-bottom: 12px; } .g_wm .u_lst5 .lastli{margin-right: 0;} /* 优势 */ .g_ys{background: url(/uploads/image/sdi/ysbg.jpg) no-repeat center top;height: 656px;padding-top: 50px;} .g_ys .ysimg1{position: absolute;width: 468px;height: 470px;display: block;right:-9px;top:-26px;} .g_ys h2{text-align: center;height: 116px;} .g_ys h2{font-size: 30px;color: #333333;font-weight: normal;} .g_ys h2 em{display: block;text-transform: uppercase;font-size: 30px; color: #333333;} .g_ys h2 b{color: #12538f; display: inline-block;padding: 0 15px;} .g_ys dl{height: 182px;z-index: 10;position: relative;} .g_ys dt{float: left;background: url(/uploads/image/sdi/ysico.png) no-repeat;width: 88px;height: 85px;text-align: center;line-height: 85px;font-size: 30px;color: #1671c2; margin-right: 13px;} .g_ys dd{float: left;width: 450px} .g_ys dd h3{font-size: 22px;line-height: 30px;color: #333333;font-weight: normal;margin-bottom: 23px;} .g_ys dd h3 em{display: block;} .g_ys dd p{font-size: 14px;line-height: 24px;color: #666666;} .g_ys .tel{margin-top: 23px;font-size: 14px;color: #666666;font-weight: bold;} .g_ys .tel b{color: #1671c2;font-size: 30px;} .g_ys .tel span{display: inline-block;margin-left: 35px;width: 130px;height: 30px;line-height: 30px;text-align: center; color: #fff;font-size: 14px;position: relative;top:-7px; background: #1671c2;} .g_ys .tel span a{color: #fff;font-weight: normal; } .g_ys .m_ys1{height: 464px;} .g_ys .tab{width: 300px;margin: 0 auto;height: 7px;} .g_ys .tab li{float: left;width: 130px;margin-right: 20px;} .g_ys .tab li a{width: 130px;height: 7px;background: #a09ea7;display: block;float: left;} .g_ys .tab li a:hover,.g_ys .tab .cur a{background: #1671c2;} /* 新闻 */ .g_news{background:url(/uploads/image/sdi/newbg.jpg) no-repeat center top; height: 353px; padding-top: 60px; } .g_news .u_lst6{height: 48px;line-height: 48px;border: 1px solid #f3f3f3;background: #fefdfd;} .g_news .u_lst6 li{float: left;width: 166px;} .g_news .u_lst6 li a{display: block;float: left;width: 165px;border-right: 1px solid #f3f3f3;text-align: center;font-size: 14px;color: #666666;} .g_news .u_lst6 li.cur{background: #1671c2;color: #fff;} .g_news .u_lst6 li.cur a{color: #fff;font-weight: bold;} .g_news .u_lst6 .lastli a{margin-right: 0;width: 167px;border-right:none;} .m_new1 dl{padding: 20px 15px 0 20px;} .m_new1 dt{float: left;width: 473px;margin-right: 16px;} .m_new1 dt img{display: block;width: 473px;height: 256px;border: 1px solid #dfdfdf;} .m_new1 dd{float: left;width: 470px;} .m_new1 dd h4{height: 50px; line-height: 50px; overflow: hidden;background:url(/uploads/image/sdi/line1.jpg) no-repeat left bottom; margin-bottom: 12px;} .m_new1 dd h4 a{color: #666666;font-size: 18px;font-weight: normal;} .m_new1 dd h4 b{font-weight: normal;font-size: 14px;} .m_new1 dd p{font-size: 14px;line-height: 24px;height: 96px;overflow: hidden;color: #666666;} .m_new1 dd span{display: block;margin-top: 60px;} .m_new1 dd span a{display: block;width: 160px;height: 36px;line-height: 36px;background: #a09ea7;text-align: center;color: #fff;font-size: 14px; border-radius: 2px;} .m_new2{padding: 18px 0 0 18px; position: relative;} .m_new2 .u_lst7 li{ width: 310px; margin-right: 18px; float: left;} .m_new2 .u_lst7 .lastli{margin-right: 0;} .m_new2 .u_lst7 li img{ width: 310px; height: 220px;display: block;} .m_new2 .u_lst7 li em{ display: block; height: 34px; line-height: 34px; overflow: hidden; border: none; text-align: center; color: #535353; font-size: 14px; width: 310px; } .m_new2 .u_ljt,.m_new2 .u_rjt{ width:40px; height:40px;position: absolute; cursor:pointer; display:block;} .m_new2 .u_ljt{top:106px;left:0; } .m_new2 .u_rjt{top:106px;right:0; } .m_new2 .u_ljt a{ background: url(/uploads/image/sdi/jt1.png) no-repeat; width:40px; height:40px; display:block;} .m_new2 .u_rjt a{ background: url(/uploads/image/sdi/jt2.png) no-repeat; width:40px; height:40px; display:block;} .m_new2 .u_ljt a:hover,.m_new2 .u_rjt a:hover{background-position: -40px 0; } .m_new3 dl{padding:30px 0 0 0;height: 120px;border-bottom: 1px dashed #d8d8d8; width: 277px;float: left;margin-left: 40px; } .m_new3 dt{padding-left: 34px;background: url(/uploads/image/sdi/wen.jpg) no-repeat 0 5px;height: 24px;line-height: 24px;overflow: hidden;} .m_new3 dt a{font-size: 14px;color: #2f2b20;font-weight: bold;} .m_new3 dd{padding-left: 34px;background: url(/uploads/image/sdi/da.jpg) no-repeat 0 8px;font-size: 14px;line-height: 22px;height: 66px;overflow: hidden; margin-top: 8px; padding-top: 8px;} .m_new3 dd a{font-weight: bold;color: #666;} .m_new4{} .m_new4 dl{padding: 17px 0 0 20px; float: left;width:670px; } .m_new4 dt{float: left;width: 240px;margin-right: 16px; position: relative;} .m_new4 dt img{display: block;width: 240px;height: 243px;} .m_new4 dt b{width: 49px;display: block;position: absolute;right:-22px;top:10px;} .m_new4 dt b img{display: block;width: 49px;height: 23px;} .m_new4 dd{float: left;width: 360px;padding-top: 10px;} .m_new4 dd h4{height: 24px; line-height: 24px; overflow: hidden;margin-bottom: 15px; padding-left: 20px;} .m_new4 dd h4 a{color: #333333;font-size: 14px;font-weight: normal;} .m_new4 dd p{font-size: 14px;line-height: 24px;height: 120px;overflow: hidden;color: #666666;} .m_new4 dd span{display: block;margin-top: 38px;} .m_new4 dd span a{display: block;width: 160px;height: 36px;line-height: 36px;background: #a09ea7;text-align: center;color: #fff;font-size: 14px; border-radius: 2px;} .m_new4 .u_lst8{padding-top: 22px;} .m_new4 .u_lst8 li{background:url(/uploads/image/sdi/dtico.jpg) no-repeat 0 12px;padding-left: 24px;height: 36px;line-height: 36px;overflow: hidden;} .m_new4 .u_lst8 li a{font-size: 14px;color: #555555;} .m_new6{padding: 36px 0 0 26px;} .m_new6 dl{ float: left;width:456px;margin-right: 36px; } .m_new6 .lastdl{margin-right: 0;} .m_new6 dt{float: left;width: 162px;margin-right: 6px; position: relative;} .m_new6 dt img{display: block;width: 160px;height: 160px; border:#ccc solid 1px;} .m_new6 dd{float: left;width: 280px;} .m_new6 dd h4{height: 66px; line-height: 22px; overflow: hidden;margin-bottom: 15px; border-bottom: 3px solid #d8d7db;} .m_new6 dd h4 a{color: #2b2b2d;font-size: 14px;font-weight: bold;} .m_new6 dd h4 em{display: block;} .m_new6 dd p{font-size: 14px;line-height: 24px;height: 72px;overflow: hidden;color: #666666;} .m_new6 dd span{display: block;margin-top: 20px;} .m_new6 dd span a{display: block;width: 130px;height: 30px;line-height: 30px;background: #a09ea7;text-align: center;color: #fff;font-size: 14px; border-radius: 2px;} /* 友情链接 */ .g_link{ height: 120px;background: #fafafa;padding-top: 45px;} .g_link h2{background:url(/uploads/image/sdi/linktit.jpg) no-repeat; height: 38px; line-height: 38px; color: #2f2b20;} .g_link h2 a{color: #2f2b20; font-size: 16px;font-weight: normal; text-decoration: none;} .g_link h2 em{ margin-left: 8px; color: #2f2b20; font-size: 14px; font-weight: normal;font-style: italic; } .g_link .more01 a{font-size: 12px; color: #6b6b6b; font-weight: bold; display: inline-block; } .link_c{line-height:26px; overflow:hidden; padding:10px 0 0 0;} .link_c a{ white-space:nowrap; padding:0 36px 0 0; height: 26px; line-height:26px; color:#666666;display: inline-block;} .fullslide {width:100%;position:relative;background:url(/uploads/image/sd/img/banner_line.gif) repeat-x center bottom;height:556px;z-index:0} .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:548px;overflow:hidden;text-align:center;} .fullslide .bd li a {display:block;height:548px;} .fullslide .hd {width:100%;position:absolute;z-index:1;bottom:0px;left:0;height:30px;line-height:30px;} .fullslide .hd ul {text-align:center;} .fullslide .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1; border-radius:10px;width:42px;height:11px;margin:1px;overflow:hidden;background:#fff;filter:alpha(opacity=50);opacity:0.5;line-height:999px;} .fullslide .hd ul .on {background:#1671c2 ;filter:alpha(opacity=80);opacity:0.8;} .fullslide .prev,.fullslide .next {display:block;position:absolute;z-index:5;top:50%;margin-top:-33px;z-index:1;width:73px;height:73px;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;} .fullslide .prev{ background:url(/uploads/image/sd/img/left1s.png) no-repeat;_filter: progid:dximagetransform.microsoft.alphaimageloader(enabled=true, sizingmethod=noscale, src="/uploads/image/sd/img/left1s.png");_background:none; left:50px;} .fullslide .next {background:url(/uploads/image/sd/img/right1s.png) no-repeat;_filter: progid:dximagetransform.microsoft.alphaimageloader(enabled=true, sizingmethod=noscale, src="/uploads/image/sd/img/right1s.png");_background:none;right:50px;}