/*
    作者：wyxqjq@163.com
    时间：2020-10-29
    描述：在线展首页
*/
#box_bg{
    margin:0 auto;
    max-width:1920px;
    background: url('/Public/pc/images/aiot/right_bg.png')  no-repeat right bottom,url('/Public/pc/images/aiot/left_bg.png')  no-repeat left bottom,url('/Public/pc/images/aiot/line_bg.png')  no-repeat  top center,linear-gradient(to right,  #0E0F2D,#1F0F4E);
    background-size: auto auto,auto auto,100% auto,auto auto;
    color:#fff;
    font-size:14px;
    line-height: 150%;
    padding-bottom:100px;
}

#share,#exhibition,.product,#show{width:1200px;margin-left: auto;margin-right:auto}

.banner_head{}
.banner_head img{border: 0;display: block;width:100%;max-width:1920px;margin:0 auto}



#share{padding:49px 0; text-align: right;height:40px;}
.qrcode{position: fixed;right:0px;left:0px;width:300px;margin: auto;top:300px;z-index: 5;display: none;background:#fff;border:1px solid #ccc; text-align: center;color:#000;padding:20px;}
#share span{display: inline-block;margin-left:20px;height: 40px; width: 40px;}
#share span.text{ width: 100px;vertical-align: middle;}
#share span.qq{background: url('/Public/pc/images/aiot/qq.png') no-repeat center center;cursor: pointer;margin-left:10px}
#share .qq_z{background: url('/Public/pc/images/aiot/qq_z.png') no-repeat center center;cursor: pointer;}
#share .weibo{background: url('/Public/pc/images/aiot/weibo.png') no-repeat center center;cursor: pointer;}
#share .weixin{background: url('/Public/pc/images/aiot/weixin.png') no-repeat center center;cursor: pointer;}

#exhibition{height: 400px;}
#schedule{background:url('/Public/pc/images/aiot/horn_2.png') no-repeat 303px 7px,url('/Public/pc/images/aiot/horn_3.png') no-repeat 7px 333px ;
    float:left;height:400px;width:370px;box-sizing: border-box;padding:30px 0px; background-color: #4E1B99;
    border:1px solid #4AC4E5;
}
#schedule h3{font-size:16px;line-height: 16px;font-weight: 500;padding-left:27px;}

#schedule .datelist{height:56px;overflow-y: hidden;overflow-x: scroll;width:328px;margin:auto;}

#schedule ul.day{padding:15px 0px;white-space:nowrap;}
#schedule ul.day li{position: relative;height:30px;cursor: pointer;display: inline-block;width:60px;white-space:nowrap;text-align: center;color:#CCCCCC}
#schedule ul.day li.active{color:#fff;font-weight: bold;}
#schedule ul.day li.active:before{content: "";display: block;position: absolute;bottom:0px;height:2px;background-color: #fff;left:20px;right:20px;}
a{color:#fff;}
#schedule .list{overflow-y: scroll;height:266px;padding-left:27px;margin-right:20px;margin-top:10px ;display: none;}
#schedule .item{display: flex;align-items: center;padding-bottom:20px;}
#schedule .left{line-height:100%;width:44px;height:44px;background-color: #6D29DE;display: flex;justify-content: center;align-items: center}
#schedule .right{padding-left:20px;width:251px}
#schedule span{display: block;}

#schedule .list::-webkit-scrollbar,#schedule .datelist::-webkit-scrollbar {/*滚动条整体样式*/
    width: 6px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 6px;
    scrollbar-arrow-color:red;

}
#schedule .list::-webkit-scrollbar-thumb ,#schedule .datelist::-webkit-scrollbar-thumb{/*滚动条里面小方块*/
    border-radius: 8px;
    -webkit-box-shadow: inset 0 0 8px rgba(255,255,255,0.8);
    background: rgba(0,0,0,0.2);
    scrollbar-arrow-color:red;
}
#schedule .list::-webkit-scrollbar-track,#schedule .datelist::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 8px rgba(255,255,255,0.2);
    border-radius: 0;
    background: rgba(255,255,255,0.2);
}


#ad{width:800px;height:400px;float: right;position: relative;overflow: hidden;}
#ad .img{width:7000px;height:400px;white-space:nowrap;}
#ad .item{float: left;width:800px;height:400px;}
#ad .item img{display: block;border: 0;}
#ad .left_btn,#ad .right_btn{width:40px;height:70px;position: absolute;top:165px;cursor: pointer;}
#ad .left_btn{left:31px; background:url('/Public/pc/images/aiot/left_btn.png') rgba(255,255,255,0.2) no-repeat center center;}
#ad .right_btn{right:31px; background:url('/Public/pc/images/aiot/right_btn.png') rgba(255,255,255,0.2) no-repeat center center; }
#ad .dot{position: absolute;bottom:20px;height:12px;left:0px;right:10px;display: flex;justify-content: center;}
#ad .dot span{background-color: #999999;margin-left:10px;height: 12px;width:12px;line-height: 12px;border-radius: 12px;}
#ad .dot span.active{background-color: #ffffff;}


.product,#show{background: url('/Public/pc/images/aiot/horn_1.png') no-repeat 11px 11px;margin-top:150px;position: relative;border:1px solid #4AC4E5;padding-bottom:50px}
.product:after,#show:after{content: "";display: block;position: absolute;bottom:11px;right:11px;width:60px;height:60px;background:url('/Public/pc/images/aiot/horn_4.png') no-repeat}
.product h2.title,#show h2.title{line-height:110px; text-align:center;position: absolute;left:352px;top:-55px;width:498px;height:110px;background: url('/Public/pc/images/aiot/tiitle_bg.png') no-repeat;font-size:40px;}

.product ul{display: flex;padding:107px 30px 0px 30px;flex-wrap: wrap;}
.product li{width:212px;background-color: #143055;line-height: 200%;margin-bottom:20px;margin-left:20px;}
.product li:nth-child(5n+1){margin-left:0px;}
.product .img{height:159px; background-color: #3A4C9E;}
.product h4{padding:20px 20px 0px 20px;font-sie:16px;}
.product p{padding:0px 20px;color:#CCCCCC}
.product em{color:#FF5D9A;font-sie:16px;font-style: normal;}
.product #limitbuy{padding:150px 30px 0px 30px;}
.product #msg{ text-align: center;position: absolute;top:90px;left:0;right:0;font-size:18px;}

.product .limit_btn{background:linear-gradient(to bottom,  #7C3BB1,#BA337D);display: block;border-radius: 40px;height:40px;width:172px;margin: 20px auto;line-height: 40px;text-align: center;color:#ccc}

a.buy_btn{background:linear-gradient(to bottom,  #7C3BB1,#BA337D);display: block;border-radius: 40px;height:40px;width:172px;margin: 20px auto;line-height: 40px;text-align: center;}

.product a.more{border: 1px solid #4AC4E5;background-color: #182044;display: block;border-radius: 40px;height:40px;width:172px;margin: 30px auto 0px auto;line-height: 40px;text-align: center;}

#show ul.nav{justify-content: space-between;align-items: flex-start;position: relative;height:160px;display: flex;padding:100px 50px 0px 50px;width:880px;margin:0 auto;box-sizing: border-box;}
#show ul.nav:after{position: absolute;left:0px;right:0px;bottom:5px;content: "";display: block;height:1px; overflow: hidden;background:url('/Public/pc/images/aiot/line.png') no-repeat center center;}

#show ul.nav li{width:170px;position: relative;height:60px; text-align: center;cursor: pointer;}
#show ul.nav li.active:after{content: "";display: block;position: absolute;bottom:-5px;left:0px;right:0px;height:42px; background: url('/Public/pc/images/aiot/show_active.png')  no-repeat bottom center;}

#show .list{display: flex;padding:54px 10px 0px 10px;flex-wrap: wrap;}

#show .list li{margin-bottom:20px;width:366px;background-color: #143055;padding:20px;box-sizing: border-box;margin-left:20px ;}
#show .header{display: flex;justify-content: space-between;align-items: center;}
#show .header .pic{width:32px;height:32px;background-color: #3A4C9E;border-radius: 32px;}
#show .header .company{flex-grow: 1;padding:0px 10px;}
#show .play_btn{display: none;}
#show .centre{background-color: #fff;width:326px;height:245px;margin:20px 0;position: relative;}
#show .centre .img{width: 326px}
#show .footer .img{width: 153px}

#show .special{position: absolute;bottom:34px;left:2px; background:url('/Public/pc/images/aiot/special.png') no-repeat left bottom;display: flex;align-items: center;justify-content: center; text-align: center;font-weight:bold}

#show .centre .special{width:80px;height:73px;font-size:20px;line-height: 120%;}
#show .footer{display: flex;justify-content: space-between;}
#show  .left,#show .right{background-color: #fff;width:153px;height:115px;position: relative;}
#show  .left .special,#show .right .special{width:55px;height:50px;background-size: 55px 50px;line-height: 110%;}
#show .title{background: linear-gradient(to right,  #B80433,#741F9B);height:32px; text-align: center;position: absolute;bottom: 0px;left:0px;right:0px;line-height: 32px;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden}
#show .active .centre,#show  .active .left,#show .active .right{background-color: #3A4C9E;}

#show .active .play_btn{display: inherit;width: 100px;height:32px;background:url('/Public/pc/images/aiot/play_line.png') no-repeat center center;}
#show .active .play{position: absolute;display: inherit;top:0px;left:0px;right:0px;bottom:0px; background: url('/Public/pc/images/aiot/play.png') no-repeat center center;}

.hot_imgs img{
    width: 212px;
}