html,body{overflow-x:hidden}
#wrap img{width:100%;height:auto}
#led,#zemso_prod,#software,#control{display:none}
#main .content_s{display:block;position: relative;margin-top: -20px;}
#main{position:relative}
#main .hct_fl{width:61vw;padding:20px 0;position:relative;top:-45px;z-index:3;height:120px;background:#FFFFFF;border-radius:10px;box-shadow:0 5px 10px 0 gainsboro;-webkit-box-shadow:0 5px 10px 0 gainsboro;-moz-box-shadow:0 5px 10px 0 gainsboro;margin: 0 auto;}
#main .hct_fl .fl_list,#main .hct_fl .fl_list ul{
    width:100%;height:100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#main .hct_fl .fl_list ul li{font-weight:bold;text-align:center;cursor:pointer;
    border-right:solid 1px #CCCCCC;white-space: nowrap;
    width: calc( 16.66% - 1px );
}
#main .hct_fl .fl_list ul li>a{
    color: #4B4B4B;
}
#main .hct_fl .fl_list ul li:last-of-type{border-right:0}
#main .hct_fl .fl_list ul li>a:hover{color:#3A94F2 !important;}
#main .hct_fl .fl_list ul li.a_s>a{color:#3A94F2 !important;}
.middle{width:61vw;margin:0 auto;}
.undefined,.undefined>div{width:100%}
.undefined{background-color:#FFFFFF;margin-top:-20px}
.undefined>div{padding:20px 0}
.undefined .undefinedA{padding-top:90px;background-color:#FAFAFC}
.undefined .undefinedB{color:#3A94F2;background-color:white}
.undefined .undefinedC{background:url(../img/software/0003-2.png)no-repeat center center;background-size:100% 100%}
.undefined p{text-align:left;color:black;margin:20px 0;letter-spacing:1px}
.undefined>div>div ul{width:100%}
.undefined>div>div ul li{width:50%;float:left}
.undefined>div>div ul li div{padding:10px 20px;text-align:center}
.undefined>div>div ul li:nth-of-type(odd) div{padding-left:0}
.undefined>div>div ul li:nth-of-type(even) div{padding-right:0}
.undefined>div>div ul li div p,.undefined>div>div ul li div img{text-align:center;margin:5px 0}
.undefined01{width:100%}
.undefined01 img{display:block;width:80%;margin-left:10%}
.undefined>div>div{width:1170px;margin:0 auto;text-align:center}
.undefined h5{color:#3A94F2;font-weight:bold}
.undefined h1,.undefined h3{text-align:left;color:#3A94F2;margin:20px 0;font-weight:bold}
.undefined h3{margin:5px 0}
.undefined h2{text-align:left;color:black;margin:5px 0;font-weight:bold}
.undefined p span{display:block;width:100px;background-color:black;height:1px}
.undefined img{width:auto;max-width:100%;margin:20px 0}
.middle{margin-top:30px}
.middle h1{font-weight:bold;margin-bottom:10px;margin-left:10px}
.middle div ul li{width:33.3%;float:left;cursor:pointer;text-align:center;}
.middle div ul li a{margin:10px;display:block;overflow:hidden}
.middle div ul li a img{width:100%;max-width:100%;height:auto;max-height:100%}
.middle div ul li a:nth-of-type(2){border:0}
.middle div ul li:hover a:nth-of-type(1) img{transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s}
.fenye{width:100%;margin:60px auto;text-align:center}
.xf{display:none}
.fenye_s{display:block}
.led_bottom{position:relative;width:100%}
.led_bottom>img{width:100%;height:auto;max-width:100%;max-height:100%}
.led_bottom  button{position:absolute;width:230px;bottom:calc(30% - 26px);border:#1A1B1D;border-radius:30px;left:calc(50% - 116px);left:-moz-calc(50% - 116px);left:-webkit-calc(50% - 116px);height:50px;text-align:center;line-height:50px;color:white;background:rgba(138,147,164,0.6)}
.smartCity{width:1170px;margin:0 auto;padding-top:80px;text-align:center;display:none}
.smartCityActive{display:block}
.smartCity p{letter-spacing:1px;margin:15px 0;text-align:left}
.smartCity h1,.smartCity h2,.smartCity h3{font-weight:bold;margin:15px 0}
.smartCity h2{text-align:center;color:#005BC4}
.smartCity h4{margin:40px 0;text-align:center;color:red;font-weight:bold}
.smartCity h3{color:#3A94F2;text-align:left}
.smartCity img{width:auto;margin:15px 0;max-width:100%}
.smartCity .bot img{width:100%;margin:0}
.smartCity .myYs{width:100%;text-align:center}
.smartCity .myYs div{position:relative;display:inline-block;padding:0 20px}
.smartCity .myYs span:first-of-type{left:-100px}
.smartCity .myYs span:last-of-type{right:-100px}
.smartCity .myYs span:first-of-type,.smartCity .myYs span:last-of-type{width:100px;position:absolute;top:50%;height:2px;background-color:#707070}
.smartCity .three_img > div{width:33.3%;float:left}
.smartCity .three_img div div{padding:10px 20px}
.smartCity p .lx{width:20px;height:20px;background:pink;transform:skew(-20deg);text-align:center;line-height:20px}
.smartCity-img img{margin: 0;}
.content-sub{
    font-size: 44px;
    color: #4B4B4B;
    margin-bottom: 48px;
}
.content-img{
    width: 61vw;
    margin: 0 auto;
}
.content-img>img{
    width: 100%;
    margin-bottom: 80px;
}