.wrap img{ width:100%;}

@media screen and (min-width:320px) {html { font-size:75%;}}
@media screen and (min-width:360px) {html { font-size:84.4%;}}
@media screen and (min-width:375px) {html { font-size:86.6%;}} /*ipone6*/
@media screen and (min-width:400px) {html { font-size:87%;}}
@media screen and (min-width:414px) {html { font-size:96%;}} /*ipone6p*/
@media screen and (min-width:480px) {html { font-size:112.5%;}}
@media screen and (min-width:550px) {html { font-size:131.25%;}}
@media screen and (min-width:639px) {html { font-size:150%;}}


/*导航样式*/
.g-nav {width: 25.83rem; margin:0 auto; padding:1.25rem 0 0;}
.g-nav a { font-size:1rem; color:#fff;height: 3.13rem;line-height: 3.13rem; width:8.08rem; text-align:center; display:block; float:left; text-shadow:1px 1px 1px #ff290d; margin:0.42rem 0 0 0.42rem;
background: #fe672a; /* old browsers */
background: -moz-linear-gradient(top,  #fe672a 0%, #ff5511 100%); /* ff3.6-15 */
background: -webkit-linear-gradient(top,  #fe672a 0%,#ff5511 100%); /* chrome10-25,safari5.1-6 */
background: linear-gradient(to bottom,  #fe672a 0%,#ff5511 100%); /* w3c, ie10 , ff16 , chrome26 , opera12 , safari7  */
filter: progid:dximagetransform.microsoft.gradient( startcolorstr='#fe672a', endcolorstr='#ff5511',gradienttype=0 ); /* ie6-9 */
border-radius:0.2rem;               
-webkit-border-radius:0.2rem;
-moz-border-radius:0.2rem;
-o-border-radius:0.2rem;}
.g-nav a:nth-child(1){background: #333; text-shadow:1px 1px 1px #181616;}

/*通栏广告*/
.g-adv{ width:100%; height:12.5rem; overflow:hidden;}

/*智能家居让生活更美好*/
.g-mei{ padding:3.25rem 0 3.3rem;}
.g-mei .m-bt,.g-case .m-bt,.g-ys .m-bt{display: block;width: 100%;height: 3rem;overflow: hidden;text-align: center;font-size: 1.5rem;color: #303030; line-height: 1.5rem;background:url(/uploads/image/mi/mei_tbg.gif) no-repeat; -webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-mei .m-bt span,.g-xi .m-bt span,.g-case .m-bt span,.g-ys .m-bt span{display: block;font-size: 0.75rem;color: #666;}
.g-mei ul{width: 20.42rem; margin:0 auto; padding:1.67rem 0 0;overflow: hidden;}
.g-mei ul li{width: 10.21rem;float: left;line-height: 0; padding:0 0 1px;}
.g-mei ul li img{width: 10.21rem;height: 7.75rem;}
.g-mei ul li span{display: block;width: 10.21rem;text-align: center;height: 1.67rem;line-height: 1.67rem;background: #666;}
.g-mei ul li span a{font-size: 0.92rem;color: #fff;}
.g-mei ul li:nth-child(2) span,.g-mei ul li:nth-child(3) span{background: #555;}

/*分类*/
.g-fenl{width: 100%;}
.g-fenl .m-bt{ background: #ff5510;color: #fff;display: block;font-size: 1.08rem;font-weight: bold;height: 3rem;line-height: 3rem;margin: 0 0 1px;overflow: hidden;width: 100%; text-shadow:1px 1px 1px #a6370a;}
.g-fenl .m-bt em {display: inline-block;padding: 0 0.5rem 0 0.83rem;width: 1.08rem;}
.g-fenl .m-bt em img{ vertical-align:middle;}
.fl{display: -webkit-box;display: -moz-box;}
.fl a{display: block;-webkit-box-flex: 1;}
.bottonitem{width: 100%;height: 136px;border-right: 1px solid #f5f5f5;border-bottom: 1px solid #f5f5f5;display: block;float: left;text-align: center;overflow: hidden;}
.bottonitem img{width: auto;}
.botton_img{width: 88px;height: 60px;margin: 0px auto;display: block;position: relative;margin-top:20px;}
.botton_text {font-size: 14px;color: #808080;position: relative;}
.fenl01{width: 100%; padding:0 0 2.4rem;display: none;}
.fenl_l{width: 8.66rem;height: 6.42rem;background: #e7e7e7;float: left;text-align: center;display: block;font-size: 1.08rem;color: #333;font-weight: bold;overflow: hidden;}
.fenl_l em{display: block;width: 2.92em;height: 2.92rem; margin:0 auto; padding:1rem 0 0.2rem;}
.fenl_r{width: 18rem;height: 6.42rem;background: #faf9f9;float: left;display: block;}
.fenl_r li{ height:2rem; line-height:2rem;width:9rem; float:left; position:relative;}
.fenl_r li:before{ position:absolute; content:""; width:0.21rem; height:1rem; background:#c7c7c7; top:29%; left:1.25rem;
border-radius:0.2rem;               
-webkit-border-radius:0.2rem;
-moz-border-radius:0.2rem;
-o-border-radius:0.2rem;}
.fenl_r li a{ font-size:1rem; color:#4c4c4c; padding:0 0 0 2rem;}
.fenl_m{display:inline-block;width: 100%; padding:1.42rem 0 0;}
.fenl_m li{width: 12.21rem;float: left; padding:0 0.5rem;}
.fenl_m li img{width: 12.21rem;height: 8.63rem;}
.fenl_m li span{display: block;width: 12.21rem;text-align: center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.fenl_m li span a{font-size: 0.75rem;color: #333;}
.g-fenl .fenl01:nth-child(3){ padding:0;}

/*家庭智能化系统*/
.g-xi{ width:100%; height:21.33rem; overflow:hidden; position:relative; background:url(/uploads/image/mi/xi_bg.jpg) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-xi .m-bt{display: block;font-size: 1.5rem;color: #303030;text-align: center;line-height: 1.5rem;height: 3rem; padding:3rem 0 0;overflow: hidden;}
.g-xi .prev{ width:2.5rem; position:absolute; top:10.53rem; left:2rem;}
.g-xi .next{ width:2.5rem; position:absolute; top:10.53rem; right:2rem;}
.g-xi .nowarp { margin:0 6.5rem;}
.g-xi .m-box .con{ display:inline; float:left;}
.g-xi ul li{ width:13.6rem;height: 13.25rem; padding:0.17rem 0 0; margin:1rem auto 0;background: #ff5400;overflow: hidden;text-align: center;}
.g-xi ul li img{ width:13.33rem;height: 99%;}
.g-xi ul li b{ display:none; padding:0.8rem 0 0.5rem;}
.g-xi ul li b a{ font-size:1.25rem; color:#fff;}
.g-xi ul li span{display: none;font-size: 0.75rem;color: #fff;}

/*广告条*/
.g-ban01{ display:block; width:100%; overflow:hidden; height:15.58rem; background:url(/uploads/image/mi/ban01.jpg) no-repeat; -webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-ban01 span{display: block;font-size: 0.75rem;color: #333; padding:8.83rem 0 0 16rem;}
.g-ban01 b{ font-family:arial, helvetica, sans-serif; font-size:1.5rem;display: block;}

/*定制案例*/
.g-case{ width:100%; height:26rem; overflow:hidden; margin:2.75rem 0 0;}
.g-case .m-bt{ background:url(/uploads/image/mi/case_tbg.gif) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-case .m-box .con{ display:inline; float:left;}
.g-case .m-box ul{ display:inline-block;width: 100%; padding:1rem 0;}
.g-case .m-box ul li{width: 13.08rem;height: 7.71rem;float: left;position: relative;line-height: 0; margin:0.15rem 0 0 0.15rem;}
.g-case .m-box ul li img{width: 13.08rem;height: 7.71rem;}
.g-case .m-box ul li span{display: block;font-size: 0.75rem;color: #fff;width: 13.08rem;text-align: center;height: 1.5rem;line-height: 1.5rem;position: absolute;bottom: 0;left: 0; background:rgba(0,0,0,0.7);overflow: hidden;}
.g-case .m-cnt{ width:100%;}
.g-case .m-cnt li{ border: 1px solid #bebebe;
    border-radius: 0.2rem;
    color: #666;
    float: left;
    font-size: 0.8rem;
    height: 2rem;
    line-height: 2rem;
    margin: 0 0 0 0.6rem;
    text-align: center;
    width: 5.6rem;}
.g-case .m-cnt li.z-on{ background:#ff5400; border:#ff5400 1px solid; color:#fff;}

/*优势*/
.fuwu{background: url(/uploads/image/mi/kai_bg.jpg) no-repeat center 0;height: 10rem;padding: 85px 0 0;font-size: 0;overflow: hidden;background-size: 100% 100%;}
.g-ys{ width:100%; overflow:hidden; height:34.8rem;margin-top:20px;}
.g-ys .m-bt{ margin:0 0 1.58rem; background:url(/uploads/image/mi/ys_tbg.gif) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-ys .sclwrap_box{ height:22rem; overflow:hidden;}
.g-ys .m-box .con{ display:inline; float:left;}
.g-ys .m-ys{width: 100%;height: 21.08rem;overflow: hidden; background:url(/uploads/image/mi/ys_bg.jpg) no-repeat; -webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-ys ys_pic{display: block; width:100%;}
.g-ys ys_pic img{width: 100%;height: 21.08rem;}
.g-ys .m-ul01{display: none;}
.g-ys .m-ul01 li{width: 5.5rem;float: left;text-align: center; padding:2rem 1.6rem 0;}
.g-ys .m-ul01 li img,.g-ys .m-ul02 li img{width: 4.75rem;height: 4.75rem;}
.g-ys .m-ul01 li b,.g-ys .m-ul02 li b{display: block;font-size: 0.75rem;color: #303030;height: 2rem;line-height: 1rem;overflow: hidden;}
.g-ys .m-ul02{display: none;}
.g-ys .m-ul02 li{width: 11.5rem;float: left; padding:2rem 0 0 1.8rem;}
.g-ys .m-ul02 li img{ padding:0 0 0 2rem;}
.g-ys .m-cnt{ width:21.4rem; margin:0 auto;}
.g-ys .m-cnt li{ font-size:1rem; color:#fff;font-weight: bold;width: 4.83rem;height: 4rem; padding:1.46rem 0 0;float: left; margin:0 0 0 0.5rem;text-align: center; background:url(/uploads/image/mi/ys_tbg01.gif) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-ys .m-cnt li.z-on{ color:#fff;background:url(/uploads/image/mi/ys_tbg02.gif) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

/*“智”生活·共品鉴*/
.g-team{width: 100%;overflow: hidden; padding:0 0 2.7rem;}
.g-team .m-bt{display: block;width: 100%;height: 3.67rem;line-height: 4rem;font-size: 1.5rem;color: #ff5510;font-weight: bold;text-align: center; margin:0 0 0.5rem; background:url(/uploads/image/mi/jz_tbg.gif) no-repeat; -webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-team dl{ width:25.83rem;height: 6.92rem; display:inline-block; overflow:hidden; margin:0.63rem 0 0 0.25rem; border:#e8e8e8 2px solid;border-radius:5rem;               
-webkit- border-radius:5rem;
-moz-border-radius:5rem;
-o-border-radius:5rem;}
.g-team dl dt{ width:6.42rem;height: 6.42rem; float:left; padding:0.25rem 0.75rem 0 0.33rem;}
.g-team dl dd{ width:16.7rem; float:left; padding:1.25rem 0 0 0;}
.g-team dl dd b{display: block;}
.g-team dl dd b a{font-size: 0.92rem;color: #333;font-weight: normal;}
.g-team dl dd p{font-size: 0.75rem;color: #666; padding:0.5rem 0 0;}

/*广告条*/
.g-ban02{ display:block; width:100%; text-align:center; overflow:hidden; height:7.25rem; line-height:11rem; font-size:0.75rem; color:#fff; background:url(/uploads/image/mi/ban02.jpg) no-repeat; -webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-ban02 b{ font-family:arial, helvetica, sans-serif; font-size:1.5rem;}

/*走进铭港*/
.g-about{ width:100%; overflow:hidden; padding:2.9rem 0;}
.g-about .m-bt{display: block;width: 100%;height: 3.67rem;line-height: 4rem; font-size:1.25rem; color:#333;text-align: center;font-weight: bold; background:url(/uploads/image/mi/ab_tbg.gif) no-repeat; -webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-about dl{ width:100%; display:inline-block; padding:0.5rem 0 0;}
.g-about dl dt{ width:25.83rem; margin:0 auto;}
.g-about dl dt img{width: 25rem;height: 13.67rem; padding:0.33rem; border:#d1d1d1 1px solid;}
.g-about dl dd{ width:25rem; margin:0 auto; padding:0.83rem 0 0;}
.g-about dl dd p{ width:100%; font-size:1rem; color:#444; line-height:150%;text-align: center;}
.g-about dl dd em{ display:block; width:22.3rem; margin:0 auto; padding:0.75rem 0 0;}
.g-about dl dd em a{ display:block; width:7.17rem; font-size:1rem; color:#fff; height:2.33rem; line-height:2.33rem; text-align:center; margin: 0 1px; background:#333; float:left;}

/**/
.g-news{ width:24rem; height:13.58rem; border:#ccc 1px solid; overflow:hidden;position: relative; margin:0 auto 2rem;}
.g-news .u-more{display: block;font-size: 0.75rem;color: #333;width: 5rem;text-align: center;height: 2.5rem;line-height: 2.5rem;position: absolute;top: 0;right: 0;overflow: hidden;z-index: 2;}
.g-news .m-cnt{ height:2.5rem; width:100%; border-bottom:#dcdcdc 1px dashed;}
.g-news .m-cnt li{ width:40%; text-align:center; float:left;height: 2.5rem;line-height: 2.5rem;font-size: 1rem;color: #666;}
.g-news .m-cnt li.z-on{color:#3f3f3f;font-weight: bold;}
.g-news .m-box .con{ display:inline; float:left;}
.g-news .m-box ul{ width:22rem; margin:0 auto; padding:0.5rem 0 0;}
.g-news .m-box ul li{ height:2rem; line-height:2rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.g-news .m-box ul li a{ font-size:0.92rem; color:#888;}