body{background:#e8e8e8 url("/smart-office/y2020/exhibition-bg.png") no-repeat 0 0;background-size:100% auto;}
header {background-color:#005bc9;position:fixed;width:100%;left:0;top:0;z-index:10}
header .menus{display:flex;align-items: center;height: 55px;}
header .menus nav{line-height:1;font-size:16px;}
header .menus .item{color:#fff;margin-right:44px;}
.exhibition-banner{margin-top:55px;}
.exhibition-banner .banner{margin:136px 0 155px;}
.exhibition-item > .inner{background-color:#d1dafd;border-radius:15px;padding:10px;margin-bottom:35px}
.exhibition-item > .inner .i-header{margin-top:20px;}
.exhibition-item > .inner .thumb{overflow:hidden}
.exhibition-item > .inner .thumb img{width:100% !important;height:100% !important}
.exhibition-item > .inner .title-box{display:flex;justify-content: center;align-items: center;height: 56px;overflow: hidden;padding:8px 0}
.exhibition-item > .inner .title-box a{font-size:18px;color:#222;font-weight:600;line-height:1.25;max-height:44px;overflow: hidden;}
.exhibition-item > .inner .title-box a:hover{color:#33b2f7}
.exhibition-item > .inner .i-body{height:94px;overflow: hidden;font-size:12px;color:#333;margin-bottom:20px;}
.body-show{background-color:#fafafa;background-image:none;}
.body-show header{background-color:#4f4e4e;position:relative}
.body-show header .menus{height:50px;}
.body-show .header-contact{display:flex;align-items: center;height:50px;}
.body-show header a{color:#fff}
.body-show .exhibition-banner{padding:28px 0 40px;background-color:#fff;margin:0}
.slide-video{max-height:100%;max-width:100%;    height: 100%;
    width: 100%;}.ex-company .description
.slide-video-bg{
    background-color:rgba(0,0,0,.65);
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 40px;
    color: #FFF;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index:100
}
.slide-video-bg .fas{
    border: 2px solid #fff;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 20px;
    text-align: center;
    cursor: pointer;
    transition: all .3s;
}
.slide-video-bg .fas:hover{background-color: #fff;color:#000}
#exhibition-swiper-one .swiper-pagination-bullet{background-color: #999;opacity: 1}
#exhibition-swiper-one .swiper-button-prev{background-image: url("left.png")}
#exhibition-swiper-one .swiper-button-next{background-image: url("right.png")}
#exhibition-swiper-one .swiper-container{width:100%;max-height:640px;}
#exhibition-swiper-one .swiper-pagination{text-align:left;padding:0 36px;}
#exhibition-swiper-one .swiper-pagination-bullet-active{background:#ffffff;width:16px;border-radius:4px;}
.ex-company{background:#e1ebfa url("exhibition-show-c-bg.png") no-repeat left bottom;background-size:100% auto;padding:50px 0 80px}
.ex-company .title{text-align:center}
.ex-company .title .company-name{background-color:#2782ff;font-size:26px;line-height:50px;padding:0 45px;display:inline-block;color:#fff;margin-bottom:55px;line-height: 40px;}
.description p{line-height:35px}
.ex-company .description{color:#333;position: relative;padding-right:14px;}
.ps__rail-y{opacity: 1}
.ex-zlq{background-color:#fff}
.ex-zlq .main{text-align:center;padding:88px 0 33px}
.ex-art-title{padding:80px 0 46px;text-align:center}
.art-header{display:flex;border:solid #e0e0e0;border-width:0 0 0 1px}
.art-header-item{flex:1;padding:25px 15px;text-align:center;color:#000000;font-size:18px;font-weight:400;background-color:#e1ebfa;height:80px;width:0;display: flex;justify-content: center;align-items: center;cursor: pointer}
.art-header-item{border:solid #e0e0e0;border-width:1px 1px 1px 0;}
.art-header-item-title{max-width:100%;overflow:hidden;white-space:nowrap;font-weight:inherit;margin:0;text-overflow: ellipsis;}
.art-header-item.active{font-weight:600;background-color:#fafafa;}
.art-header-item.active{border-bottom:0;border-top:5px solid #2782ff}
.art-contents-wrap{position:relative}

.art-content-header-bg{height:130px;position:absolute;top:0;left: 0;width:100%;background: url("art-header-bg-1.png") no-repeat left bottom;background-size:100% auto;z-index:-1;}
.art-contents{padding:110px 0 80px; }
.art-content-item{padding:0 174px;position:relative;height: 0;overflow:hidden;opacity: 0;transition:height 0s .4s, opacity .4s 0s;}
.art-content-item.active{height: auto;opacity: 1}
.download-btn-stick{position: absolute;top:0;right:40px;
    box-shadow: 0 0 0 1px #05e7df inset, 0 0 0 0 transparent;
    color: #05e7df;
}
.download-btn-stick:hover{
    background-image: linear-gradient(transparent,rgba(0, 148, 143, 0.07));
    box-shadow: 0 0 0 1px #00d8d0 inset, 0 2px 3px 0 rgba(1, 138, 133, 0.5);
    color: #00bfb8;
}
.page-plus{position:fixed;top:200px;right:5px;left:auto;display: flex;flex-direction: column;z-index:110}
.page-plus a{width:171px;}

.content-show{}
.content-title{color:#333;font-size:24px;text-align: center;font-weight:600;margin-bottom:37px;}
.content-display{color:#333}
.content-display p{line-height:2;margin-bottom: 2em;text-indent: 2em}
.art-content-footer-bg{height:130px;position:absolute;bottom:0;left: 0;width:100%;background: url("art-header-bg-2.png") no-repeat left bottom;background-size:100% auto;z-index:-1;}
.download-btn-wrap{margin-top:80px;padding: 10px;}
.download-btn-a{color:#05e7df;font-weight:600;padding: 4px 0;border-bottom: 2px solid;}
.download-btn-a:hover{color:#05e7df;border-bottom-style: dashed}
/**/
.cm-box{position: relative;}
.cm-box .close-btn{position: absolute;width:32px;height:32px;border-radius: 50%;background-color: #fff;color:#bfbfbf;font-size:32px;line-height:1;text-align: center;    top: -13px;
    right: -13px;cursor:pointer}
.cm-header{font-size:24px;color:#fff;font-weight:600;line-height: 1;background-color:#04cfc8;text-align: center;border-radius:15px 15px 0 0;padding:16px 0}
.cm-body{padding:26px 60px 13px;}
.cm-group{display:flex;align-items: center;margin-bottom:20px;}
.validate-label{width:4em;font-size: 16px;color:#333;margin:0 26px 0 0;text-align: right}
.validate-container{flex:1;}
.cm-body .form-check-label{cursor:pointer}
.cm-body .contact-submit-btn{background-color: #04cfc8;font-size:16px;color:#fff}
.cm-body .contact-submit-btn:hover{
    background-image: linear-gradient(transparent,rgba(0, 148, 143, 0.07));
    box-shadow: 0 0 0 1px #00d8d0 inset, 0 2px 3px 0 rgba(1, 138, 133, 0.5);
    color: #fff;
}
#backTop {
    position: fixed;
    z-index: 30;
    right: 10px;
    bottom: 20px;
    background-color: #fff;
}
@media all and (min-width:1367px){
    .page-plus{right:130px;}
    #backTop{right: 130px;}
}
@media all and (min-width:1281px) and (max-width: 1366px){

}
@media all and (min-width:992px) and (max-width: 1280px) {
}
@media all and (max-width:800px) {
    header .menus .item{margin-right:15px;}
    .page-plus{top:80px;}
    .page-plus a{width:88px;}
    .exhibition-banner .banner{margin: 35px 0 25px;}
    .art-content-item{padding:0 10px;}
    .body-show .exhibition-banner{padding:15px 0 0px;}
    .ex-company{padding: 20px 0}
    .ex-company .title .company-name{margin-bottom:15px;font-size:16px;line-height:1.5;padding:15px}
    .ex-company .logo{text-align: center}
    .ex-zlq .main{padding:20px 15px}
    .ex-art-title{padding:20px 15px}
    .art-contents{padding:15px 0}
    .art-header{margin-bottom:15px}
    .art-content-header-bg{background-position:top center}
    .art-header-item{height:46px;font-size:16px;padding:0 10px;}
    .content-title{margin-top:45px;}
}