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:1300px;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%}
#main .hct_fl .fl_list ul li{float:left;font-weight:bold;width:calc(14.28% - 1px);text-align:center;cursor:pointer;border-right:solid 1px #CCCCCC;
    /* white-space: nowrap; */
    display: flex;
    align-items: center;
    justify-content: center;
    /* line-height:80px; */
    height: 80px;
    padding: 0 6px;
    box-sizing: border-box;
}
#main .hct_fl .fl_list ul li:last-of-type{border-right:0}
#main .hct_fl .fl_list ul li:hover{color:#3A94F2}
#main .hct_fl .fl_list ul .a_s{color:#3A94F2}
.middle{width:1170px;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{}
.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;}

.title-center{
    text-align: center;
}
.title-bold{
    font-weight: bold;
}
.text-top{
    width: 620px;
    line-height: 30px;
    font-size: 18px;
    color: #4B4B4B;
    text-align: center;
    margin: 0 auto 93px;
}
.content-list-ul>li{
    display: flex;
    align-items: flex-start;
    margin-bottom: 70px;
}
.content-list-ul>li>img{
    margin-right: 65px;
    width: 150px;
}
.content-list-right>div{
    font-size: 18px;
    margin-bottom: 8px;
}
.content-list-right>div>span{
    font-weight: bold;
}
.content-list-right-title{
    font-weight: bold;
    font-size: 30px !important;
    margin-bottom: 30px !important;
    color: #006CDF;
}

.content-list-right{
    padding-bottom: 80px;
    border-bottom: 1px solid #E5E5E5;
}
.title-border{
    border-bottom: 1px solid #E5E5E5;
    padding-bottom: 40px;
    width: 740px;
    margin: 0 auto;
}