.smartHome{min-width:1200px;text-decoration:none;font-family:'AktivGrotesk-Light', Helvetica, Arial, sans-serif;font-weight:normal;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:none;}
.smartHome a{text-decoration:none;}
.smartHome .mobile-layout{display:none;}
.smartHome .bold{font-family:'AktivGrotesk-Bold', Helvetica, Arial, sans-serif;}
.smartHome .medium{font-family:'AktivGrotesk-Medium', Helvetica, Arial, sans-serif;}
.smartHome .regular{font-family:'AktivGrotesk-Regular', Helvetica, Arial, sans-serif;}
.smartHome h2{font-size:50px;line-height:60px;padding-bottom:20px;}
.smartHome p{font-size:20px;line-height:30px;}
.smartHome .w970{width:970px;margin:0 auto;position:relative;}
.smartHome .w1000{width:1000px;margin:0 auto;position:relative;}
.smartHome .w1200{width:1200px;margin:0 auto;position:relative;}
.smartHome .fix{z-index: 99;width: 100%;background-color: #f9c600;height:0;overflow:hidden;}
.smartHome .fix p{text-align: center;padding: 12px 0;}
.smartHome .fix p>a{font-size: 15px;margin-left:20px;color:#000;font-family: 'AktivGrotesk-Light', Helvetica, Arial, sans-serif;}
.silderImg{overflow:hidden;}
.silderImg ul{position:relative;left:-460px;}
.silderImg ul>li{position:relative;opacity:0;filter:alpha(opacity=0);-webkit-transition:opacity linear 1s,z-index linear 1s 1s;transition:opacity linear 1s,z-index linear 1s 1s;z-index:1;}
.silderImg ul>li.active{opacity:1;filter:alpha(opacity=100);z-index:3;}
.silderImg ul>li+li{position:absolute;top:0;left:0;}
.silderImg ul a{display:block;font-size:0;color:#000;}
.silderImg ul a h2{font-size:55px;line-height:55px;}
.silderImg ul a p{font-size:30px;line-height:30px;}
.silderImg ol{text-align:center;font-size:0;position:relative;margin-top:-82px;z-index:9;}
.silderImg ol>li{display:inline-block;width:14px;height:14px;border-radius:50%;cursor:pointer;margin:34px 6px;background-color:#ccc;}
.silderImg ol>li.active{background-color:#4acbd6;}
.smartHome .a{text-align:center;}
.smartHome .a .text{padding-top:70px;}
.smartHome .a .over{position:relative;background:url(a.jpg) 50% 100% no-repeat;height:700px;}
.smartHome .a dl{cursor:pointer;position:absolute;max-width:255px;padding-top:65px;font-family:'AktivGrotesk-Regular', Helvetica, Arial, sans-serif;}
.smartHome .a dl.hover *{color:#4acbd6;}
.smartHome .a dl:before{content:'';display:block;width:60px;height:60px;background:url(a.png) 0 0 no-repeat;position:absolute;top:0;}
.smartHome .a dl.top{top:130px;}
.smartHome .a dl.bottom{top:400px;}
.smartHome .a dl.left{text-align:right;right:895px;}
.smartHome .a dl.left:before{right:0;}
.smartHome .a dl.right{text-align:left;left:855px;}
.smartHome .a dl.right:before{left:0;}
.smartHome .a dt{font-size:20px;line-height:30px;margin-bottom:10px;}
.smartHome .a dd{font-size:16px;line-height:24px;color:#78787a;}
.smartHome .a dl.left.top:before{background-position:0 0;}
.smartHome .a dl.left.top.hover:before{background-position:0 -60px;}
.smartHome .a dl.left.bottom:before{background-position:-60px 0;}
.smartHome .a dl.left.bottom.hover:before{background-position:-60px -60px;}
.smartHome .a dl.right.top:before{background-position:-120px 0;}
.smartHome .a dl.right.top.hover:before{background-position:-120px -60px;}
.smartHome .a dl.right.bottom:before{background-position:-180px 0;}
.smartHome .a dl.right.bottom.hover:before{background-position:-180px -60px;}
.smartHome .a .fixed-image{position:relative;}
.smartHome .a .fixed-image ul{z-index:9;width:233px;height:414px;background-color:#ccc;position:absolute;bottom:-532px;left:460px;}
.smartHome .a .fixed-image li{opacity:0;filter:alpha(opacity=0);-webkit-transition:all linear 0.5s;transition:all linear 0.5s;width:100%;height:100%;display:block;position:absolute;top:0;left:0;background:url() 0 50% no-repeat;}
.smartHome .a .fixed-image li.active{opacity:1;filter:alpha(opacity=100);}
.smartHome .a .fixed-image li.a1{background-image:url(a1.jpg);}
.smartHome .a .fixed-image li.a2{background-image:url(a3.jpg);}
.smartHome .a .fixed-image li.a3{background-image:url(a2.jpg);}
.smartHome .a .fixed-image li.a4{background-image:url(a4.jpg);}
.smartHome .b{height:344px;background:url(b.jpg) 50% 0 no-repeat;position:relative;}
/*.b ul{position:absolute;top:150px;}*/
.smartHome .b li{display:inline-block;text-align:center;font-size:0;position:absolute;top:0;width:449px;height:344px;}
.smartHome .b li:before{-webkit-transition:all linear 0.6s;transition:all linear 0.6s;content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0;background-color:#000;opacity:0.45;filter:alpha(opacity=45);}
/*.b li:nth-of-type(1){left:45px;}
.b li:nth-of-type(2){left:505px;}
.b li:nth-of-type(3){left:965px;}
.b li>a{font-size:24px;line-height:30px;display:inline-block;text-align:center;padding:10px 20px;border:1px solid #fff;border-radius:25px;color:#fff;min-width:190px;box-sizing:border-box;}
*/
.smartHome .b li:nth-of-type(1){left:-77px;}
.smartHome .b li:nth-of-type(2){left:378px;}
.smartHome .b li:nth-of-type(3){left:834px;}
.smartHome .b li:hover:before{opacity:0;filter:alpha(opacity=0);}
.smartHome .b li>a{position:relative;display:block;width:100%;height:100%;}
.smartHome .b li>a:after{content:'';display:inline-block;width:0;vertical-align:middle;height:100%;}
.smartHome .b li>a>span{vertical-align:middle;position:relative;z-index:99;font-size:24px;line-height:30px;display:inline-block;text-align:center;padding:10px 20px;border:2px solid #fff;border-radius:25px;color:#fff;min-width:190px;box-sizing:border-box;}
.smartHome .b li:hover>a{color:#4acbd6;border-color:#4acbd6;}
/*.b li>a:hover{color:#4acbd6;border-color:#4acbd6;}*/
.smartHome .c{height:420px;background:url(c.jpg) 50% 0 no-repeat;}
.smartHome .c ul{position:absolute;top:250px;}
.smartHome .c li{display:inline-block;font-size:0;position:absolute;}
.smartHome .c li:nth-of-type(1){left:50px;}
.smartHome .c li:nth-of-type(2){left:507px;}
.smartHome .c li:nth-of-type(3){left:963px;}
.smartHome .c li>span{font-size:20px;line-height:27px;display:inline-block;text-align:center;min-width:190px;box-sizing:border-box;font-family:'AktivGrotesk-Regular', Helvetica, Arial, sans-serif;}
.smartHome .m-layout{display:none;}
.smartHome .pc{display:inline;}

@media screen and (max-width:736px){
  .bx-wrapper .bx-pager.bx-default-pager a{background-image:url(cir.png)!important;}
  .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{background-image:url(cir-solid.png)!important;}
  .silderImg{display:none;}
  .smartHome .m-layout{display:block;}
  .smartHome .w970,.smartHome .w1000,.smartHome .w1200{width:auto;}
  .smartHome{min-width:auto;}
  .smartHome .text{padding:0!important;}
  .smartHome h2{font-size:24px;line-height:1.2;padding:1.8rem 6% 0.8rem;font-family:'AktivGrotesk-Regular', Helvetica, Arial, sans-serif;}
  .smartHome p{font-size:18px;line-height:1.45;padding:0 6%;}
  .smartHome .fix{padding:0 6%;width:auto;}
  .smartHome .fix p{text-align:left;font-size:16px;}
  .smartHome .fix p>a{white-space:nowrap;}
  .smartHome .a{text-align:left;}
  .smartHome .a .over{background:url(mobile/a.jpg) 50% 0 no-repeat;background-size:100%;padding-top:94%;height:auto;}
  .smartHome .a .over:after{content:'';height:0;clear:both;display:table;}
  .smartHome .a dl{position:relative;max-width:none;width:41%;float:left;text-align:center!important;padding:0;}
  .smartHome .a dl:before{position:relative;margin:0 auto;background-size:160px;width:40px;height:40px;}
  .smartHome .a dl.left{text-align:left;right:auto;margin:0 2% 1rem 6%;}
  .smartHome .a dl.left:before{right:0;}
  .smartHome .a dl.right{text-align:left;left:auto;margin:0 6% 1rem 2%;}
  .smartHome .a dl.right:before{left:0;}
  .smartHome .a dl.top{top:auto;margin-top:2rem!important;margin-bottom:2rem!important;}
  .smartHome .a dl.bottom{top:auto;margin-bottom:4rem;}
  .smartHome .a dl.left.top:before{background-position:-8px 0;}
  .smartHome .a dl.left.top.hover:before{background-position:-8px -40px;}
  .smartHome .a dl.left.bottom:before{background-position:-41px 0px;}
  .smartHome .a dl.left.bottom.hover:before{background-position:-41px -40px;}
  .smartHome .a dl.right.top:before{background-position:-80px 0;}
  .smartHome .a dl.right.top.hover:before{background-position:-80px -40px;}
  .smartHome .a dl.right.bottom:before{background-position:-120px 0;}
  .smartHome .a dl.right.bottom.hover:before{background-position:-120px -40px;}
  .smartHome .a dt{font-size:18px;line-height:1.2;margin-bottom:10px;padding-top:1rem;}
  .smartHome .a dd{font-size:14px;line-height:1.45;}
  .smartHome .a dd br{display:none;}
  .smartHome .a .fixed-image ul{bottom:-79.8vw;left: 31.83vw;width:36.3vw;height:65vw;}
  .smartHome .a .fixed-image li{background-size:100%;background-position:50% 0;}
  .smartHome .a p>br{display:none;}
  .smartHome .b{background:none;height:auto;}
  .smartHome .b ul{padding:0 6%;}
  .smartHome .b li{display:block;position:relative;width: auto;height:67.5vw;left: 0!important;background:url(mobile/b1.jpg) 50% 0 no-repeat;background-size:100%;}
  .smartHome .b li+li{margin-top:2rem;}
  .smartHome .b li:nth-of-type(2){background-image:url(mobile/b2.jpg);}
  .smartHome .b li:last-child{background-image:url(mobile/b3.jpg);}
  .smartHome .b li>a>span{font-size:18px;padding:5px 10px;min-width:150px;border:1px solid #fff;}
  .smartHome .c{background:url(mobile/c.jpg) 50% 0 no-repeat;background-size:100%;height:auto;}
  .smartHome .c ul{padding-top:30vw;position:relative;padding-bottom:20vw;top:0;}
  .smartHome .c li{width:20vw;}
  .smartHome .c li>span{font-size:0.9rem;line-height:1.2;min-width:auto;}
  .smartHome .c li:nth-of-type(1){left:7.5vw;}
  .smartHome .c li:nth-of-type(2){left:40vw;}
  .smartHome .c li:nth-of-type(3){left:71.5vw;}
  .smartHome .pc{display:none;}
}