@charset "utf-8";
/* css document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#fff;}
a{text-decoration:none;}

/*正文开始*/
.banner a { background:url(/uploads/image/sdi/banner.jpg) no-repeat center 0; height:572px; display:block;}

/*智能家居让生活更美好*/
.mei{ padding:75px 0 90px;font-size: 0;overflow: hidden;}
.mei_t{ background:url(/uploads/image/sdi/mei_line.gif) no-repeat 0 20px;height: 114px;text-align: center;overflow: hidden;font-weight: normal;}
.mei_t a{font-size: 36px;color: #333;text-decoration:none;}
.mei_t a:hover{color: #ff5510;}
.mei_t span{display: none;font-size: 18px;color: #666; padding:5px 0 0; letter-spacing:5px;}
.mei ul li{ width:245px; float:left; padding:0 2px; text-align:center;}
.mei ul li img{ width:245px; height:187px;}
.mei ul li a{ color:#333; display:block; width:245px;background: #e9e9e9;}
.mei ul li.cur a,.mei ul li a:hover{color: #fff;background: #ff5510; text-decoration:none;}
.mei ul li p{width: 245px;height: 187px;}
.mei ul li b{ display:block; font-size:20px; padding:50px 0 10px; background:url(/uploads/image/sdi/mei_line.png) no-repeat center bottom;}
.mei ul li span{ display:block; font-size:14px; padding:10px 0 0; height:50px; line-height:25px; overflow:hidden;}

/*系统分类*/
.fenl_bg{ background:url(/uploads/image/sdi/fenl_bg.jpg) no-repeat center 0;/*height: 1100px;*/ padding:58px 0 0;font-size: 0;overflow: hidden;margin: auto;background-size: 1000px;}
.fenl .mei_t{ background:url(/uploads/image/sdi/fenl_line.png) no-repeat 0 20px;height: 190px;}
.fenl .mei_t a,.fenl .mei_t span,.zhan .mei_t a,.zhan .mei_t span{color: #fff;text-decoration:none;}
.fenl01{width: 200px; padding:0 13px 0 0;height: 240px;overflow: hidden;}
.fenl01 h3{height: 50px;line-height: 50px;overflow: hidden; background:url(/uploads/image/sdi/fenl_line.gif) no-repeat 0 48px;}
.fenl01 h3 a{font-size: 24px;color: #333;font-weight: normal;}
.fenl01 h3.cur a,.fenl01 h3 a:hover{color: #ff5510;}
.fenl01 ul{ padding:8px 0 0;}
.fenl01 ul li{height: 28px;line-height: 28px;overflow: hidden;}
.fenl01 ul li a{font-size: 14px;color: #333;}
.fenl01 ul li.cur a,.fenl01 ul li a:hover{color: #f60;}
.fenl05{width: 148px;padding: 0;}

/*8个按钮*/
.bottonitem{width: 237px;height: 196px;border-right: 1px solid #f5f5f5;border-bottom: 1px solid #f5f5f5;display: block;float: left;text-align: center;overflow: hidden;}
.botton_text{font-size: 14px;color: #808080;position: relative;}
.botton_img{width: 88px;height: 88px;margin: 35px auto 16px;margin-top: 35px;display: block;position: relative;}
.bottonhover:hover {-webkit-transform:translatey(-20px);-moz-transform:translatey(-20px);-ms-transform:translatey(-20px);-o-transform:translatey(-20px);transform:translatey(-20px);}

/*系统产品*/
.xi_l{ position:absolute; top:90px; left:-90px;}
.xi_r { position:absolute; top:90px; right:-80px;}
.xi_l img,.xi_r img{width: 60px;height: 116px;}
.xi_c{ display:inline-block;width: 1000px;overflow: hidden;}
.xi_c ul li{ width:328px; float:left; padding:0 2px;text-align: center;}
.xi_c ul li a{background: #f6f5f5;display: block;width: 320px;padding: 4px;color: #333;}
.xi_c ul li.cur a,.xi_c ul li a:hover{background: #ff5510;color: #fff; text-decoration:none;zoom:1;}
.xi_c ul li a.wydz:hover em{filter :alpha(opacity=70) ; -moz-opacity: 0.7 ; -khtml-opacity: 0.7 ; opacity : 0.7;}
.xi_c ul li img{ width:320px; height:330px;}
.xi_c ul li b{display: block;font-size: 24px; padding:40px 0 10px;}
.xi_c ul li a:hover b{ text-decoration:underline;}
.xi_c ul li span{ display:none;font-size: 14px;line-height: 22px;height: 66px;overflow: hidden;}
.xi_c ul li em{ background:url(/uploads/image/sdi/xi_btn01.gif) no-repeat 0 15px;display: block;width: 147px;height: 43px; margin:0 auto; padding:15px 0 40px;}
.xi_c ul li a:hover em,.xi_c ul li.cur em{ background:url(/uploads/image/sdi/xi_btn02.gif) no-repeat 0 15px;display: none;}

/*多选*/
.duo_bg{ background:url(/uploads/image/sdi/duo_bg.jpg) no-repeat center 0;height: 643px;overflow: hidden;}
.duo{width: 375px;float: right; padding:90px 0 0;}
.duo h2{font-weight: normal; padding:0 0 65px;}
.duo h2 a{font-size: 36px;color: #fff;}
.duo h2 span{display: block;font-size: 20px; padding:5px 0 0;}
.duo p{ display:inline-block;width: 375px;overflow: hidden;}
.duo label{font-size: 14px;color: #fff;display: block;width: 185px;float: left;height: 50px;line-height: 50px;overflow: hidden;}
.duo i{ padding:0 0 0 10px;}
.duo b{display: block;width: 140px; padding:20px 0 0 60px;}
.duo b a{width: 140px;height: 40px;}
.duo b a:hover{filter :alpha(opacity=70) ; -moz-opacity: 0.7 ; -khtml-opacity: 0.7 ; opacity : 0.7;}
.duo b img{width: 140px;height: 40px;}

/*一键开启智慧生活模式*/
.kai_bg{ background:url(/uploads/image/sdi/kai_bg.jpg) no-repeat center 0;height: 795px; padding:85px 0 0;font-size: 0;overflow: hidden;}
.kai .mei_t{ background:url(/uploads/image/sdi/kai_line.gif) no-repeat 0 20px;height: 90px;display: none;}
.kai p{width:308px;position: absolute;}
.kai p a{color: #fff; background:url(/uploads/image/sdi/kai_bg01.png) no-repeat;display: block;width: 270px; padding:0 19px;height: 93px;overflow: hidden;}
.kai p a:hover{ background:url(/uploads/image/sdi/kai_bg02.png) no-repeat; text-decoration:none;}
.kai p b{display: block;font-size: 16px; padding:10px 0;}
.kai p span{display: block;font-size: 14px;height: 40px;line-height: 20px;overflow: hidden;}
.kai .kai_p01{top: 165px;left: 0;}
.kai .kai_p02{top: 450px;left: 0;}
.kai .kai_p03{top: 150px;right: 165px;}
.kai .kai_p04{top: 365px;right: 0;}
.kai .kai_p05{top: 535px;right: 95px;}

/*优势*/
.ys_bg{ background:url(/uploads/image/sdi/ys_bg.jpg) no-repeat center 0;height: 850px; padding:70px 0 0;font-size: 0;overflow: hidden;}
.ys .mei_t{ background:url(/uploads/image/sdi/ys_line.png) no-repeat 0 20px;height: 106px;}
.ys01{ background:url(/uploads/image/sdi/ys_bg01.png) no-repeat;height: 604px;overflow: hidden;}
.ys01 b{display: block;width: 113px;height: 83px;font-size: 18px;color: #fff;text-align: center; padding:30px 0 0;position: absolute;}
.ys01 .ys_b01{top: 286px;left: 3px;}
.ys01 .ys_b02{top: 158px;left: 82px;}
.ys01 .ys_b03{top: 46px;left: 194px;}
.ys01 .ys_b07{left: 360px;}
.ys01 .ys_b08{left: 530px;}
.ys01 .ys_b06{top: 286px;right: 3px;}
.ys01 .ys_b05{top: 158px;right: 82px;}
.ys01 .ys_b04{top: 46px;right: 194px;}
.ys01 p{width: 230px; padding:12px 0 0 384px; display:none;}
.ys01 p span{display: block;float: left;width: 96px;text-align: center; padding:0 0 0 12px;}
.ys01 p img{width: 96px;height: 96px;}
.ys01 p em{display: block;font-size: 20px;color: #000;font-weight: bold; padding:2px 0 0;}
.ys01 i{display: none;font-size: 22px;color: #333;font-weight: bold; padding:20px 0 0;text-align: center;}
.ys02{ background:url(/uploads/image/sdi/designbg1.png) no-repeat;height: 604px;overflow: hidden;}
.ys02 ul{display: none;}
.ys02 ul li{width: 120px;text-align: center;float: left; padding:60px 106px 0;}
.ys02 ul li a:hover,.ys02 ul li a:hover b{ color:#ff5510; text-decoration:none;}
.ys02 ul li img,.ys04 ul li img{width: 114px;height: 114px;}
.ys02 ul li b,.ys04 ul li b{display: block;font-size: 18px;color: #333;height: 50px;line-height: 25px;overflow: hidden; padding:10px 0 0;}
.ys03{ background:url(/uploads/image/sdi/mianfeibg.png) no-repeat center;height: 604px;overflow: hidden;background-size:65%;}
.ys03 ul{display: none;}
.ys03 h3{height: 40px;line-height: 40px;overflow: hidden; padding:40px 0 0;display:none;}
.ys03 h3 a{font-size: 24px;color: #333;}
.ys03 p{width: 333px;float: left; padding:20px 0 15px;display: none;}
.ys03 p b{ background:url(/uploads/image/sdi/ys_btn01.png) no-repeat;display: block;width: 117px;height: 49px;text-align: center;line-height: 49px;overflow: hidden;float: left;}
.ys03 p b a{font-size: 18px;color: #fff;}
.ys03 p span{display: block;float: left;width: 200px;font-size: 12px;color: #333;height: 48px;line-height: 24px;overflow: hidden;}
.ys03 p span a{ display:inline-block;font-size: 14px;color: #333; padding:0 10px;}
.ys03 p span a:hover{color:#ff5510; text-decoration:none;}
.ys03 ul li{width: 324px;float: left; padding:40px 4px 0;}
.ys03 ul li a{width: 324px;height: 225px;}
.ys03 ul li a:hover img{filter :alpha(opacity=70) ; -moz-opacity: 0.7 ; -khtml-opacity: 0.7 ; opacity : 0.7;}
.ys03 ul li img{width: 324px;height: 225px;}
/*.ys04 ul li{width: 340px;float: left; padding:55px 80px 0;}
.ys04 ul li img{ padding:0 0 0 40px;}*/
.ys04{ background:url(/uploads/image/sdi/huifangbg.png) no-repeat;height: 604px;overflow: hidden;}
.ys04 p{position: absolute;font-size: 16px;color: #333;font-weight: bold;line-height: 24px;width: 190px;display: none;}
.ys04 p i{display: block;font-size: 18px;color: #ff5510; padding:0 0 4px;}
.ys04 .ys_p01,.ys04 .ys_p02{ text-align:right; top:136px;left: 0;}
.ys04 .ys_p02{top: 415px;}
.ys04 .ys_p03,.ys04 .ys_p04{top: 145px;right: 0;}
.ys04 .ys_p04{top: 418px;}
.ys04 .ys_p05{width: 345px;text-align: center;top: 292px; left:330px;}
.ys04 p a{ color:#333;}
.ys04 p a:hover{color:#ff5510; text-decoration:none;}

.ys_bot{position: absolute;top: 686px;left: 0;}
.ys_bot ul li{width: 144px;height: 163px;float: left; padding:0 53px;}
.ys_bot ul li a{font-size: 20px;color: #fff; background:url(/uploads/image/sdi/ys_tbg01.png) no-repeat;display: block;float: left;width: 144px;height: 103px;overflow: hidden;text-align: center; padding:60px 0 0;}
.ys_bot ul li.cur a,.ys_bot ul li a:hover{ background:url(/uploads/image/sdi/ys_tbg02.png) no-repeat; text-decoration:none;}
.ys02 ul li a:hover b,.ys04 ul li a:hover b,.ys02 ul li a:hover,.ys04 ul li a:hover{color:#ff5510; text-decoration:none;}
/*定制案例*/
.case{ background:url(/uploads/image/sdi/case_bg.gif) no-repeat 0 75px;height: 670px;font-size: 0;overflow: hidden; padding:75px 0 0;}
.case .mei_t{ background:none;height: 110px;}
.case_l{width: 605px;}
.case_l img{width: 605px;height: 464px;}
.case_r{width: 393px;}
.case_r ul li{width: 393px;height: 231px;position: relative; padding:0 0 2px;}
.case_r ul li a{width: 393px;height: 231px;}
.case_r ul li a:hover{filter :alpha(opacity=70) ; -moz-opacity: 0.7 ; -khtml-opacity: 0.7 ; opacity : 0.7;}
.case_r ul li img{width: 393px;height: 231px;}
.case_r ul li span{ width:393px; display:block; text-align:center; height:40px; line-height:40px;position: absolute;bottom: 2px;left: 0;font-size: 14px;color: #fff; overflow:hidden; background:rgba(0,0,0,0.5);}
.case_bot{height: 94px;line-height: 94px;overflow: hidden;display: none;}
.case_bot ul li{float: left; padding:0 45px;}
.case_bot ul li a{font-size: 18px;color: #666;}
.case_bot ul li.cur a,.case_bot ul li a:hover{color: #ff5510;}

/*预约体验*/
.yu_bg{ background:url(/uploads/image/sdi/yu_bg.jpg) no-repeat center 78px;height: 618px;font-size: 0;overflow: hidden; padding:78px 0 0;}
.yu{width: 1000px;height: 618px;}
.yu h3{ padding:100px 0 30px;}
.yu h3 a{font-size: 24px;color: #fff;}
.yu ul{width: 345px;}
.yu ul li{height: 36px;line-height: 36px;overflow: hidden; border-bottom:#ff8867 1px dashed;}
.yu ul li a{font-size: 14px;color: #fff;}
.yu ul li span{float: right;}
.yu b{display: block; padding:40px 0 25px;}
.yu b a{width: 147px;height: 43px;}
.yu b a:hover img{filter :alpha(opacity=70) ; -moz-opacity: 0.7 ; -khtml-opacity: 0.7 ; opacity : 0.7;}
.yu b img{width: 147px;height: 43px;}
.yu p{font-size: 14px;color: #fff;}
.yu p i{font-size: 30px;font-weight: bold;}
.yu .yu_ico{display: block;position: absolute;bottom: 50px;right: 0;}
.yu .yu_ico a{ background:url(/uploads/image/sdi/yu_ico01.png) no-repeat;display: block;width: 13px;height: 13px;float: left; margin:0 0 0 20px;}
.yu .yu_ico a.cur,.yu .yu_ico a:hover{ background:url(/uploads/image/sdi/yu_ico02.png) no-repeat;}

/*客户见证*/
.jz{ padding:60px 0 70px;font-size: 0;width: 1200px;}
.jz_t{ background:url(/uploads/image/sdi/jz_line.gif) no-repeat 0 37px; height:40px; line-height:40px;overflow: hidden;background-size: 100%;}
.jz_t a{ font-size:24px;color:#666; font-weight:normal;}
.jz .jz_t a{ display:none;}
.jz_t a:hover{ color:#ff5510;}
.jz_t span,.team_t span,.wd_t span{ float:right;display: block;line-height: 0; padding:25px 0 0;}
.jz_t span img,.team_t span img,.wd_t span img{width: 60px;height: 20px;}
.jz dl{ background:url(/uploads/image/sdi/jz_bg.gif) no-repeat; width:380px; height:421px; margin:20px 5px 0; float:left;overflow: hidden;background-size: 380px 400px;}
.jz dt{ width:177px; margin:0 auto;}
.jz dt a{ width:177px; height:177px; display:block;}
.jz dt a:hover{filter :alpha(opacity=70) ; -moz-opacity: 0.7 ; -khtml-opacity: 0.7 ; opacity : 0.7;}
.jz dt img{ width:177px; height:177px;}
.jz dd{ width:280px; margin:0 auto; overflow:hidden; padding:5px 0 0;}
.jz dd h5{line-height:28px; height:28px; overflow:hidden;}
.jz dd h5 a{ font-size:14px; color:#333;}
.jz dd h5 a:hover{color:#ff5510;}
.jz dd p{font-size: 14px; color:#666; line-height:22px; height:44px; overflow:hidden; padding-top:5px;}

/*展厅*/
.zhan_bg{ background:url(/uploads/image/sdi/zhan_bg.jpg) no-repeat center 0;height: 710px; padding:45px 0 0;overflow: hidden;}
.zhan .mei_t{ background:url(/uploads/image/sdi/zhan_line.gif) no-repeat 0 20px;height: 112px;}
.zhan_m{ background:url(/uploads/image/sdi/zhan_mbg.jpg) no-repeat;width: 1000px;height: 480px;overflow: hidden;}
/*.zhan_m ul li{width: 602px; padding:5px 0 0; margin:0 auto;line-height: 0;}
.zhan_m ul li img{width: 602px;height: 362px;}
.zhan_m ul li span{ width:602px; display:block; text-align:center; height:50px; line-height:50px; overflow:hidden; background:url(/uploads/image/sdi/zhan_picbg.png) no-repeat;}
.zhan_m ul li span a{font-size: 14px;color: #fff;}*/
.zhan_m { width:1000px; background:none; height: 480px;margin:0 auto; overflow: hidden; }
.zhan_m ul{width:1000px; height:362px;  position: relative;overflow:hidden;}
.zhan_m ul li { width:602px; height:362px; overflow:hidden;margin:0 auto;}
.zhan_m ul li a{display:block;}
.zhan_m ul li a img{ width:100%}
.zhan_m ul li span{ background:url(/uploads/image/sdicommon/hlr4_03.png) repeat; left:3px; width:602px;display:block; text-align:center; width:100%; height:54px; line-height:54px; position:absolute; left:0; bottom:0px;}
.zhan_m ul li span a{ font-size:14px; color:#fff;}
.zhan_m ul li span a:hover{ font-size:18px;}

.sq_l{width: 165px;height: 95px; border:#999 1px solid; margin:0 60px; _margin:0 40px;overflow: hidden;}
.sq_l a{font-size: 24px;color: #333; display:inline-block; padding:18px 0 0 25px; letter-spacing:2px;}
.sq ul{float: left;width: 390px;position: relative;display: block;}
.sq ul li{width:380px; padding:0 0 10px;overflow: hidden;}
.sq ul li span{ font-size:14px; color:#333; display:block; width:55px; text-align:right; line-height:25px; float:left;}
.sq ul li i{ display:block;float: left;font-size: 12px; color:#f00;line-height: 25px; width:20px;text-align: center;}
.sq .sq_inp01{ font-size:14px; color:#333; background:none; width:293px; height:25px; line-height:25px; border:#999 1px solid; padding:0 5px; float:left; outline:none;}
.sq li.tj{position: absolute;top: 0;left:418px;}
.sq .ly_btn01{width:258px; height:55px;}

/*走进铭港*/
.about{ padding:90px 0 45px;font-size: 0;}
.about dl dt{ width:437px; float:left;}
.about dl dt img{ width:437px; height:269px;}
.about dl dd{ width:525px; float:left; padding:0px 0 0 35px;}
.about dl dd h5{height: 55px;line-height: 55px;overflow: hidden; background:url(/uploads/image/sdi/ab_line.gif) no-repeat 0 53px;}
.about dl dd h5 a{font-size: 24px;color: #666;font-weight: normal;}
.about dl dd h5 a:hover{color: #ff5510;}
.about dl dd p{ font-size:12px; color:#666;  line-height:24px; padding:0px 0 0;overflow: hidden;}
.about dl dd span{ display:block;width: 102px;height: 32px;line-height: 32px;text-align: center;background: #ff5510;overflow: hidden; margin:5px 0 0;}
.about dl dd span a{ font-size:12px; color:#fff;}

/*铭港风采*/
.team_t,.wd_t{ background:url(/uploads/image/sdi/team_line.png) no-repeat 0 57px;height: 60px;line-height: 60px;overflow: hidden;}
.team_t ul li{ padding:0 20px 0 0;float: left; background:url(/uploads/image/sdi/team_bor.gif) no-repeat right 18px;}
.team_t ul li a{font-size: 24px;color: #666;}
.team_t ul li.cur a,.team_t ul li a:hover{color: #ff5510;}
.team_t .nobor{ background:none; padding:0 0 0 20px;}
.team_m{ padding:30px 0 40px; display:inline-block;width: 1000px;}
.team_m ul li{width: 237px;float: left; padding:0 6px;font-size: 0;}
.team_m ul li> a{width: 237px;height: 152px; display:block;}
.team_m ul li a:hover img{filter :alpha(opacity=70) ; -moz-opacity: 0.7 ; -khtml-opacity: 0.7 ; opacity : 0.7;}
.team_m ul li img{width: 237px;height: 152px;}
.team_m ul li span{ width:237px; display:block; text-align:center; height:25px; line-height:25px; padding:5px 0 0; overflow:hidden;}
.team_m ul li span a{font-size: 14px;color: #666;}
.team_m ul li span a:hover{color: #ff5510;}

/*行业资讯*/
.news_bg{background: #f3f3f3;font-size: 0; padding:36px 0 45px;}
.news{ width:590px;}
.news dl{ width:590px; padding:28px 0 15px; display:inline-block; overflow:hidden;}
.news dt{ width:218px; float:left; padding:0 30px 0 10px;}
.news dt img{ width:218px; height:190px;}
.news dd{ float:left; overflow:hidden; width:325px; padding:20px 0 0;}
.news dd h5{ height:25px; line-height:25px; overflow:hidden;}
.news dd h5 a{ font-size:14px; color:#363636;}
.news dd h5 a:hover{color:#ff5510;}
.news dd p{ font-size:12px; color:#666; height:125px; line-height:30px; padding:10px 0 0;overflow: hidden;}
.news_m ul{ width:576px; display:inline-block; overflow:hidden; padding:0 0 0 10px;}
.news_m ul li{ height:30px; line-height:30px; overflow:hidden; background:url(/uploads/image/sdi/news_ico.gif) no-repeat 0 12px;}
.news_m ul li a{ font-size:12px; color:#666; padding:0 0 0 18px;}
.news_m ul li a:hover{color:#ff5510;}
.news_m ul li span{font-size: 12px;color: #666;float: right; font-family:"宋体";}

/*常见问题*/
.wd{ width:355px;}
.wd_t a{font-size:22px;color:#666; font-weight:normal;}
.wd_t a:hover{color:#ff5510;}
.wd dl{ width:355px; height:105px; border-bottom:#f5d3c6 1px solid; padding:25px 0 0;}
.wd dt{ background:url(/uploads/image/sdi/wen.gif) no-repeat 0 5px; padding-left:28px; height:25px; line-height:25px; overflow:hidden;}
.wd dt a{ font-size:12px; color:#363636; font-weight:bold;}
.wd dt a:hover{color:#ff5510;}
.wd dd{ font-size:12px; color:#666; background:url(/uploads/image/sdi/da.gif) no-repeat 0 15px; padding:10px 0 0 28px; line-height:25px; height:50px; overflow:hidden;}
.wd .nobor{ border:none;}

/*友情链接*/
.link{ padding:40px 0;}
.jz_t em{float: right;}
.jz_t em a{ font-size:12px; color:#666;}
.link p{ height:50px; line-height:25px; overflow:hidden; padding:18px 0 0;}
.link p a{ font-size:12px; color:#666; display:inline-block; padding:0 14px;}
.link p a:hover{color:#ff5510;}