@import "/Styles/font-awesome/css/font-awesome.css";

@import "/assets/global/plugins/jquery-ui/jquery-ui.min.css";
@import "/assets/global/plugins/bootstrap/css/bootstrap.min.css";
@import "/assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css";
@import "/assets/global/plugins/select2/css/select2.min.css";
@import "/assets/global/plugins/select2/css/select2-bootstrap.min.css";

@import "/assets/global/css/plugins.min.css";
@import "/assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.css";
@import "/assets/global/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.min.css";
@import "/assets/global/plugins/bootstrap-timepicker/css/bootstrap-timepicker.min.css";
@import "/assets/global/plugins/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css";

@import "/assets/global/plugins/bootstrap-editable/bootstrap-editable/css/bootstrap-editable.css";

@import "/assets/global/plugins/clockface/css/clockface.css";
@import "/assets/global/plugins/bootstrap-touchspin/bootstrap.touchspin.css";
@import "/assets/global/plugins/jstree/dist/themes/default/style.min.css";
@import "/assets/global/plugins/bootstrap-select/css/bootstrap-select.min.css";
@import "/assets/global/plugins/bootstrap-toastr/toastr.min.css";
@import "/assets/global/plugins/datatables/datatables.min.css";
@import "/assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.css";
@import "/assets/global/plugins/bootstrap-tagsinput/bootstrap-tagsinput.css";
@import "/assets/global/plugins/typeahead/typeahead.css";
@import "/assets/global/plugins/dropzone/dropzone.min.css";
@import "/assets/global/plugins/dropzone/basic.min.css";

@import "/assets/global/plugins/socicon/socicon.css";
@import "/assets/global/plugins/simple-line-icons/simple-line-icons.min.css";
@import "/assets/global/css/plugins.min.css";


@import "/assets/global/css/components-rounded.css";
@import "/assets/layouts/layout3/css/layout.min.css";
@import "/assets/layouts/layout3/css/themes/default.min.css";
@import "/assets/layouts/layout3/css/custom.min.css";

@import "/Styles/css/iCheck/custom.css";
@import "/assets/global/css/pagination.css";
@import "/Styles/css/sweetalert/sweetalert.css";
@import "/Styles/css/ladda/ladda-themeless.min.css";
@import "/Styles/typeahead/jquery.typeahead.css";
@import "/Styles/swiper/css/swiper.min.css";
@import "/Styles/lightbox.css";
@import "/Styles/intro/introjs.css";


body {
    background: #f2f3f7;
    color: #3d3d3d;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

body .ui-tooltip {
    z-index: 100000;
}



ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

a {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #007aff;
}

    a:hover {
        color: #fdbe00;
    }



.page-header {
    width: 100%;
    margin: 0;
    border: 0;
    padding: 0;
    box-shadow: none;
    min-height: 132px;
    /*background-image: none;
    -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.1);*/
    /*border-bottom: 1px solid rgba(0, 0, 0, 0.1);*/
    /*border-bottom: 1px solid #dae0e6;*/
}

.page-header-top {
    min-height: 132px;
    padding: 0;
}



.page-header-nav {
    padding: 5px 0 0px 0;
    /*background: #f8fafc;*/
    background: #fff;
    width: 100%;
    border-bottom: 0px solid #efefef;
}

.page-header-nav-container {
    background: #fff;
    padding-top: 10px;
    box-shadow: 0 3px 5px 0 rgba(50,50,50,.1) inset;
}

.page-header-menu {
    margin: 0 auto;
    width: 100%;
}

    .page-header-menu li {
        display: inline;
        padding-bottom: 10px;
        float: left;
    }

    .page-header-menu .active {
        border-bottom: 3px solid #007aff;
    }

    .page-header-menu li a {
        color: #333;
        padding-right: 15px;
        padding-left: 15px;
        font-size: 14px;
        border-right: 1px solid #ccc;
    }

    .page-header-menu li:last-child a {
        padding-right: 0;
    }

    .page-header-menu li:first-child a {
        padding-left: 0px;
    }

    .page-header-menu li:last-child a {
        border-right: 0px solid #ccc;
    }






.page-header .page-header-top .page-logo {
    float: left;
    display: block;
    width: auto;
    height: 70px;
}

.page-header .page-header-top {
    height: 70px;
}

.page-logo {
    width: auto;
    display: block;
    float: left;
    margin-right: 0px;
    padding-top: 0px;
    float: left;
}

.page-logo-title {
    float: left;
    margin-left: 20px;
}

/*.page-logo-title h3 {
        border-left: 1px solid #a2abb7;
        padding-left: 20px;
    }*/

.page-logo-title__logo {
    width: auto;
    height: 40px;
    display: block;
    float: left;
    margin-right: 10px;
    margin-left: 20px;
    border-right: 1px solid #ccc;
    padding-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.page-logo-title__date {
    float: left;
    text-align: left;
    margin-left: 10px;
}

    .page-logo-title__date h3 {
        margin: 0;
        font-size: 14px;
        margin-top: 10px;
        color: #666;
    }

        .page-logo-title__date h3 b {
            font-size: 16px;
        }


.session-title {
    font-size: 24px;
    color: #000;
}

    .session-title i {
        color: #007aff;
        margin-right: 10px;
    }



.page-content {
    padding: 0;
    /*background:#fff;*/
    padding-top: 0px;
    /*padding-bottom: 30px;*/
}

.m-style {
    padding-bottom: 30px;
}

.page-prefooter {
    background: #3d3d3d;
    color: #a2abb7;
}


.page-footer {
    background: #3d3d3d;
    color: #a2abb7;
}

    .page-footer a {
        color: #a2abb7;
    }

h3.sticky-title {
    background: #fdbe00;
    font-size: 18px !important;
    color: #fff;
    padding: 5px;
    border-radius: 5px;
    text-align: center;
    -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
    width: 300px !important;
}


.page-prefooter a, .page-prefooter h2 {
    color: #f8fafc;
}

.page-footer-text {
    border-top: 1px solid #a2abb7;
    padding-top: 10px;
}

.page-prefooter .subscribe-form .btn,
.page-prefooter .subscribe-form .btn:hover {
    color: #fff;
    background-color: #ff0000;
    border-color: #ff0000;
}

.footer-service h4 {
    color: #fff;
    margin-bottom: 20px;
    /*border-bottom:1px solid #a2abb7;
    padding-bottom:10px;*/
    font-weight: bold;
}

.footer-service a {
    color: #a2abb7;
}

.footer-service .help-block {
    margin-top: 5px;
    margin-bottom: 5px;
    color: #ea0e0e;
}

.footer-service btn:hover {
    color: #ff0000;
}

.page-content-left {
    float: left;
    width: 260px;
    padding-right: 30px;
    border-right: 0px solid #e8e8e8;
}


.page-content-body {
    overflow: hidden;
}

.page-events-button {
    position: absolute;
    left: 20px;
    top: 0;
    margin-top: -40px;
}

    .page-events-button a {
        color: #fff;
    }

.badge {
    margin-right: 3px;
    margin-bottom: 3px;
}



/*页面选中效果*/
#index .index,
#tradeshows .tradeshows,
#exhibitor .exhibitors,
#product .products,
#overseasw .overseasw,
#investment .investment,
#article .article,
#requests .requests,
#help .help {
    border-bottom: 3px solid #007aff;
    padding-left: 10px;
}


.drop-shadow {
    -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
    /*box-shadow: 0px 0px 9px 1px #bbb;*/
}

/*.portlet {
    margin: 5px;
}*/

.navbar-nav > li > a {
    color: #fff;
}

    .navbar-nav > li > a:hover {
        color: #000;
    }

.scroll-to-top {
    bottom: 80px;
    background: #007aff;
    height: 45px;
    width: 45px;
    line-height: 45px;
    border-radius: 45px;
}

    .scroll-to-top > i {
        font-size: 30px;
        color: #fff;
        margin-top: 13px;
    }


.scrool-to-customer {
    background: #007aff;
    height: 45px;
    width: 45px;
    border-radius: 45px;
    text-align: center;
    position: fixed;
    z-index: 10001;
    bottom: 180px;
    right: 20px;
}

.scrool-to-customer img {
    width: 32px;
    margin-top: 3px;
}

.scroll-to-kf {
    background: #fff; 
    width:130px;
    border-radius: 10px;
    text-align: center;
    position: fixed;
    z-index: 10001;
    bottom: 355px;  
    border:1px solid #007aff;
    right: 20px;
    text-align: center;
    line-height: 45px;
    color: #fff;
}
    .scroll-to-kf .kf-header img{
        width:100%;
        border-radius:10px 10px 0 0;
    }

    .scroll-to-kf .kf-body {
        text-align:center;
        padding:10px;
    }

        .scroll-to-kf .kf-body .link-button{
            width:100%;
            border:1px solid #ccc;
            background:#efefef;
            border-radius:35px;
            height:35px;
            margin-bottom:8px;
            display:flex;
            align-items:center;
        }
            .scroll-to-kf .kf-body .link-button span{
                color:#000;
                margin-left:5px;
            }
            .scroll-to-kf .kf-body .link-button a{
                line-height:100%;
                text-decoration:none;
            }


            .scrool-to-rfq {
                background: #007aff;
                height: 45px;
                width: 45px;
                border-radius: 45px;
                text-align: center;
                position: fixed;
                z-index: 10001;
                bottom: 235px;
                right: 20px;
                text-align: center;
                line-height: 45px;
                color: #fff;
            }

    .scrool-to-rfq a {
        color: #fff;
        font-size: 16px;
        font-weight: bold;
    }

.scrool-to-chat {
    -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
    background: #007aff;
    height: 45px;
    width: 45px;
    border-radius: 45px;
    text-align: center;
    position: fixed;
    z-index: 10001;
    bottom: 290px;
    right: 20px;
    text-align: center;
    color: #fff;
}

    .scrool-to-chat img {
        width: 32px;
        margin-top: 5px;
    }

    .scrool-to-chat a {
        color: #fff;
        font-size: 16px;
        font-weight: bold;
    }




.scrool-to-share {
    display: none;
    background: #fdbe00;
    color: #fff;
    height: 45px;
    width: 45px;
    line-height: 45px;
    border-radius: 45px;
    text-align: center;
    position: fixed;
    z-index: 1001;
    /*130*/
    bottom: 345px;
    right: 20px;
}



    .scrool-to-share a {
        color: #fff;
        height: 45px;
        line-height: 45px;
        text-align: center;
        display: block;
    }

    .scrool-to-share span, .scrool-to-share [class^="icon-"] {
        font-size: 24px;
        line-height: 45px;
    }


.scrool-to-mob {
    background: #007aff;
    color: #fff;
    height: 45px;
    width: 45px;
    line-height: 45px;
    border-radius: 45px;
    text-align: center;
    position: fixed;
    z-index: 1001;
    bottom: 290px;
    right: 20px;
}



    .scrool-to-mob a {
        color: #fff;
        height: 45px;
        line-height: 45px;
        text-align: center;
        display: block;
    }

    .scrool-to-mob span, .scrool-to-mob [class^="fa"] {
        font-size: 24px;
        line-height: 45px;
    }


/*modal Right*/
.modal.left .modal-dialog,
.modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 680px;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.modal.left .modal-content,
.modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
    border-radius: 0;
    border: 0;
}



/*Left*/
.modal.left.fade .modal-dialog {
    left: -680px;
    -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
    -o-transition: opacity 0.3s linear, left 0.3s ease-out;
    transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.left.fade.in .modal-dialog {
    left: 0;
}

/*Right*/
.modal.right.fade .modal-dialog {
    right: -680px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.in .modal-dialog {
    right: 0;
}

.modal.left .modal-header, .modal.right .modal-header {
    position: fixed;
    top: 0;
    /*background:#e7ecf1;*/
    background: #fff;
    width: 100%;
    z-index: 10000;
    border-bottom: 1px solid #ccc;
    height: 58px;
}

    .modal.left .modal-header h4, .modal.right .modal-header h4 {
        color: #000;
    }

.modal.left .modal-body,
.modal.right .modal-body {
    /*padding: 15px 15px 0px;*/
    margin-top: 58px;
    padding: 0;
    overflow: hidden;
    padding-right: 20px;
}


.modal-nav {
    height: 100%;
    background: #fcfcfc;
    position: fixed;
    width: 120px;
    border-right: 1px solid #ddd;
}

/*
 *  Usage:
 *
 *    <div class="sk-spinner sk-spinner-three-bounce">
 *      <div class="sk-bounce1"></div>
 *      <div class="sk-bounce2"></div>
 *      <div class="sk-bounce3"></div>
 *    </div>
 *
 */
.sk-spinner-three-bounce.sk-spinner {
    margin: 0 auto;
    width: 70px;
    text-align: center;
}

.sk-spinner-three-bounce div {
    width: 18px;
    height: 18px;
    background-color: #007aff;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-threeBounceDelay 1.4s infinite ease-in-out;
    animation: sk-threeBounceDelay 1.4s infinite ease-in-out;
    /* Prevent first frame from flickering when animation starts */
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.sk-spinner-three-bounce .sk-bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.sk-spinner-three-bounce .sk-bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes sk-threeBounceDelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes sk-threeBounceDelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}




.list-attachment {
    margin: 0;
    list-style: none;
    padding: 0;
    clear: both;
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
}

    .list-attachment li {
        padding: 5px;
        line-height: 16px;
        width: 100%;
        float: left;
        text-align: left;
        text-wrap: inherit;
        word-wrap: break-word;
    }

        .list-attachment li img {
            float: left;
            text-align: center;
            width: 16px;
            height: 16px;
            margin-right: 10px;
        }

        .list-attachment li span {
            font-size: 14px;
            margin-right: 10px;
        }

        .list-attachment li a, .list-attachment li a:hover {
            color: #007aff;
        }


.profile-sidebar {
    float: left;
    width: 240px;
    margin-right: 30px;
    background: #fff;
    clear: both;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 10px 10px 10px 10px;
    min-height: 300px;
}

.profile-usermenu {
    background: #fff;
    padding: 0px;
    margin-top: 10px;
}

    .profile-usermenu ul li {
        border-top: 0px solid rgba(0, 0, 0, 0.1);
    }

        .profile-usermenu ul li a {
            color: #000;
            font-size: 14px;
            padding-left: 30px;
            /*border-bottom:1px solid rgba(0, 0, 0, 0.1);*/
        }

        .profile-usermenu ul li.active {
            border-left: #CC0000 5px solid;
            color: #5b9bd1;
            background-color: #f6f9fb;
            margin-left: -5px;
            font-weight: bold;
            color: #000;
        }


.profile-content {
    overflow: hidden;
    /*-webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);*/
}


#user_index .index a,
#user_account .account a,
#user_appointment .appointment a,
#user_message .message a,
#user_favorite .favorite a,
#user_badges .badges a,
#user_history .history a,
#user_inquiry .inquiry a,
#user_rfq .rfq a,
#user_attendance .attendance a,
#user_invite .invite a,
#user_businesscard .businesscard a,
#user_meeting .meeting a {
    border-left: #fdbe00 3px solid;
    color: #5b9bd1;
    background-color: #f6f9fb;
    margin-left: -3px;
    font-weight: bold;
    color: #000;
}

/*
 *  Usage:
 *
 *    <div class="sk-spinner sk-spinner-three-bounce">
 *      <div class="sk-bounce1"></div>
 *      <div class="sk-bounce2"></div>
 *      <div class="sk-bounce3"></div>
 *    </div>
 *
 */
.sk-spinner-three-bounce.sk-spinner {
    margin: 0 auto;
    width: 70px;
    text-align: center;
}

.sk-spinner-three-bounce div {
    width: 18px;
    height: 18px;
    background-color: #5383ED;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-threeBounceDelay 1.4s infinite ease-in-out;
    animation: sk-threeBounceDelay 1.4s infinite ease-in-out;
    /* Prevent first frame from flickering when animation starts */
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.sk-spinner-three-bounce .sk-bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.sk-spinner-three-bounce .sk-bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}



.control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px;
}

.edit-form .form-group {
    border-bottom: 0px dotted #ccc;
    margin: 0;
    padding: 10px;
}

.img_close {
    position: absolute;
    right: -12px;
    top: -2px;
    cursor: pointer;
}

.container {
    width: 1250px;
    /*width:1450px;*/
}

.container-fluid {
    padding-left: 30px;
    padding-right: 30px;
}

.index-banner {
    width: 100%;
    border-radius: 10px;
}

    .index-banner img {
        border-radius: 5px;
    }


.index-banner-block {
}

    .index-banner-block ul li {
        float: left;
        text-align: center;
        width: 100%;
        margin-bottom: 5px;
    }

        .index-banner-block ul li img {
            height: 110px;
            width: 282px;
        }

        .index-banner-block ul li:before {
            margin-right: 0px;
            text-align: right;
        }

        .index-banner-block ul li:after {
            margin-right: 0px;
            text-align: right;
        }

        .index-banner-block ul li img {
            border-radius: 5px;
        }


.common_table table {
    width: 100% !important;
}

.common_table .dataTables_paginate span {
    display: none;
}

.common_table .table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
    background-color: #1f2b3d;
    color: #fff;
    border-right: 1px solid #fff;
    font-size: 16px;
}

.common_table .table > tr > td {
    font-weight: bold;
}

.gray_bg {
    background-color: #f2f4f6;
    font-weight: normal;
}

.common_table .table tr th .btn {
    padding: 0 0;
    height: 24px;
    width: 24px;
}

.common_table label input[type="checkbox"] ~ i.fa.fa-square-o {
    background: transparent;
}

.common_table .fa-square-o:before {
    margin-top: -3px;
    float: left;
    color: #c5c5c5;
}

.common_table .table tr th .btn.active {
    padding: 0 0;
}

/*播放器===========*/
.video-js .vjs-big-play-button {
    font-size: 2.5em;
    line-height: 2.3em;
    height: 2.5em;
    width: 2.5em;
    -webkit-border-radius: 2.5em;
    -moz-border-radius: 2.5em;
    border-radius: 2.5em;
    background-color: #73859f;
    background-color: rgba(115,133,159,.5);
    border-width: 0.15em;
    margin-top: -1.25em;
    margin-left: -1.75em;
}
/* 中间的播放箭头 */
.vjs-big-play-button .vjs-icon-placeholder {
    font-size: 1.63em;
}
/* 加载圆圈 */
.vjs-loading-spinner {
    font-size: 2.5em;
    width: 2em;
    height: 2em;
    border-radius: 1em;
    margin-top: -1em;
    margin-left: -1.5em;
}

.videoImage {
    width: 100%;
    padding: 0px;
    background: #000;
    text-align: center;
    clear: both;
    position: relative;
    border-radius: 10px;
    background-size: 100% 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.1);
    position: relative;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
}

.videoBox {
    width: 100%;
    padding: 5px;
    background: #000;
    text-align: center;
    clear: both;
    position: relative;
    border-radius: 10px;
    background-size: 100% 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.1);
    position: relative;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
}

    .videoBox.out {
        position: fixed;
        top: 150px;
        /*bottom: 80px;*/
        right: 20px;
        width: 320px;
        height: 185px;
        padding: 5px;
        background: #000;
        z-index: 100000;
        animation: an 0.1s;
    }


        .videoBox.out iframe {
            width: 100%;
            height: 180px;
            border-radius: 5px;
            background: #000;
        }




    .videoBox .mask {
        width: 100%;
        text-align: center;
        height: 420px;
        background-color: rgba(0,0,0,.5);
        text-align: center;
        position: absolute;
        border: 0;
        top: 0;
        z-index: 1000;
        border-radius: 5px;
    }

    .videoBox img {
        width: 100%;
        height: 100%;
        z-index: 900;
        border-radius: 5px;
    }

    .videoBox .play {
        background: url(/Styles/images/ico_play.png) no-repeat;
        background-position: 0px 0px; /*对应小图标的坐标*/
        width: 60px;
        height: 60px;
        position: absolute;
        left: 50%;
        margin-left: -30px;
        top: 50%;
        margin-top: -30px;
    }


.vjs-paused .vjs-big-play-button,
.vjs-paused.vjs-has-started .vjs-big-play-button {
    display: block;
}

.video-js.vjs-playing .vjs-tech {
    pointer-events: auto;
}

.videojs-background-wrap {
    overflow: hidden;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -998;
}


.item-image .play {
    background: url(/Styles/images/ico_play.png) no-repeat;
    background-position: 0px 0px; /*对应小图标的坐标*/
    width: 60px;
    height: 60px;
    position: absolute;
    left: 50%;
    margin-left: -30px;
    top: 50%;
    margin-top: -30px;
}
/*===========*/

.profile-userpic {
    position: relative;
    text-align: center;
    margin-top: 20px;
}

    .profile-userpic a.edit {
        position: absolute;
        right: 0;
        top: 0;
        padding: 5px;
        background: #fdbe00;
        color: #fff;
    }

    .profile-userpic img {
        width: 100px;
        height: 100px;
        border-radius: 100%;
        background: #f6f9fb;
        margin: 0 auto;
    }

.profile-usertitle {
    text-align: center;
    margin-top: 20px;
}

.profile-userbuttons {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 20px;
}

.icon-btn-circle {
    border-radius: 50px;
    padding: 10px;
    height: 35px;
}

.img-circle {
    width: 40px;
    height: 40px;
    background: #fff;
}

.thumbnail {
    padding: 0 0 10px 0;
    border: 0;
    /*-webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);*/
    margin-bottom: 10px;
}


/*展会*/
.events {
    margin-top: 5px;
    padding: 0 0px;
}

    .events h3 {
        margin-bottom: 16px;
        margin-left: 0px;
        font-size: 28px;
    }

    .events .item:first-child, .events .item:nth-child(2), .events .item:nth-child(3), .events .item:nth-child(4), .events .item:nth-child(5), .events .item:nth-child(6) {
        display: block;
    }

    .events .item a {
        display: block;
        margin-bottom: 24px;
        -webkit-transition: margin-top .2s,padding-bottom .2s;
        transition: margin-top .2s,padding-bottom .2s;
    }


    .events a {
        text-decoration: none;
    }

    .events .item a .thumbnail {
        position: relative;
        overflow: hidden;
        margin-bottom: 0;
        -webkit-transition: -webkit-box-shadow 1s;
        transition: -webkit-box-shadow 1s;
        transition: box-shadow 1s;
        transition: box-shadow 1s,-webkit-box-shadow 1s;
        -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
    }


    .events .selected {
        border: 2px solid #ffde00;
        background-position: right bottom;
        background-repeat: no-repeat;
        background-image: url(/Styles/images/selected_icon.png);
    }

    .events .thumbnail:hover {
        cursor: pointer;
    }

    .events .item a .thumbnail:hover {
        -webkit-box-shadow: 0px 3px 5px 0px rgba(255, 102, 0, 0.5);
        -moz-box-shadow: 0px 3px 5px 0px rgba(255, 102, 0, 0.5);
        box-shadow: 0px 3px 5px 0px rgba(255, 102, 0, 0.5);
        border: 1px solid #FF6600;
    }

    .events .item-image {
        padding-top: 56.25%;
        height: 0;
        overflow: hidden;
        position: relative;
        border-radius: 5px 5px 0 0;
        background: #efefef;
    }

        .events .item-image .play {
            background: url(/Styles/images/ico_play.png) no-repeat;
            background-position: 0px 0px; /*对应小图标的坐标*/
            width: 60px;
            height: 60px;
            position: absolute;
            left: 50%;
            margin-left: -30px;
            top: 50%;
            margin-top: -30px;
        }

            .events .item-image .play:hover {
                filter: drop-shadow(#fdbe00 0 0);
            }

        .events .item-image span.time {
            position: absolute;
            right: 5px;
            bottom: 5px;
            background: rgba(0,0,0,0.5);
            border-radius: 40px;
            padding-left: 3px;
            color: #fff;
            padding-right: 3px;
            font-size: 12px;
        }

        .events .item-image span.lock {
            position: absolute;
            right: 5px;
            top: 5px;
        }

        .events .item-image > div {
            display: block;
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            transition: all 0.6s;
        }
            /*放大 add 2020年11月3日*/
            .events .item-image > div:hover {
                transform: scale(1.4);
            }

    .events .item-banner {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
    }

    .events .item-logo {
        position: absolute;
        width: 80px;
        height: 80px;
        border-radius: 10px;
        background: #fff;
        right: 40px;
        margin-top: -40px;
        -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
        text-align: center;
        line-height: 80px;
        padding: 10px;
    }

        .events .item-logo img {
            width: 60px;
            height: 60px;
        }

    .events .item-body {
        padding: 10px 12px 0px 20px;
    }

    .events .item-title {
        font-size: 16px;
        margin-bottom: 8px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        word-wrap: break-word;
        height: 50px;
        color: #333;
        font-weight: 500;
        width: 60%;
    }

    .events .item-desc {
        color: #666;
        margin-bottom: 4px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .events .item-footer {
        position: relative;
        color: #999;
        margin-bottom: 20px;
        overflow: hidden;
        zoom: 1;
    }

        .events .item-footer .item-footer-orgname-box {
            padding-left: 20px;
        }

        .events .item-footer .item-footer-count, .events .item-footer .item-footer-orgname-box {
            position: relative;
            float: left;
            text-overflow: ellipsis;
            word-break: keep-all;
            overflow: hidden;
            height: 20px;
            line-height: 20px;
        }

    .events .item-footer--avatar {
        position: absolute;
        left: 12px;
        top: 0;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        overflow: hidden;
    }

        .events .item-footer--avatar img {
            position: relative;
            display: block;
            width: 100%;
            height: 100%;
        }

    .events .item-footer .item-footer-count {
        padding-left: 0;
        padding-right: 16px;
    }

    .events .item-footer .item-footer-count, .events .item-footer .item-footer-orgname-box {
        position: relative;
        float: left;
        text-overflow: ellipsis;
        word-break: keep-all;
        overflow: hidden;
        height: 20px;
        line-height: 20px;
    }
/*展会end*/



#list-events .thumbnail {
    padding: 0 0 10px 0;
    border: 0;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
    padding: 10px;
    border: 2px solid #ccc;
    height: 120px;
    font-size: 15px;
}

#list-events .selected {
    border: 2px solid #ffde00;
    background-position: right bottom;
    background-repeat: no-repeat;
    background-image: url(/Styles/images/selected_icon.png);
}

#list-events .thumbnail:hover {
    cursor: pointer;
}


.list-events-product {
    background: #fff;
    border-radius: 10px;
    margin-bottom: 20px;
}

.list-events-product__title {
    padding: 20px 30px 20px 30px;
    border-bottom: 1px solid #efefef;
}

    .list-events-product__title h3 {
        padding: 0;
        margin: 0;
    }

    .list-events-product__title p {
        padding: 0;
        margin: 0;
    }

.list-events-product__body {
    padding: 0px 30px 20px 30px;
}

/*分类*/
.category-current {
    background-color: #f93a35;
    color: #fff;
    padding: 2px 5px;
}


/*产品分类*/
.product-category {
    border: 2px solid #007aff;
}

/*<!-- 产品 -->*/
.product {
    margin-top: 10px;
    padding: 0 0px;
}

    .product h3 {
        margin-bottom: 16px;
        margin-left: 0px;
        font-size: 28px;
    }


    .product .thumbnail:hover {
        -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
    }

    .product .item-image {
        padding-top: 56.25%;
        height: 0;
        overflow: hidden;
        position: relative;
        border-radius: 5px 5px 0 0;
        background: #efefef;
    }

        .product .item-image .play {
            background: url(/Styles/images/ico_play.png) no-repeat;
            background-position: 0px 0px; /*对应小图标的坐标*/
            width: 60px;
            height: 60px;
            position: absolute;
            left: 50%;
            margin-left: -30px;
            top: 50%;
            margin-top: -30px;
        }

            .product .item-image .play:hover {
                filter: drop-shadow(#fdbe00 0 0);
            }

        .product .item-image span.time {
            position: absolute;
            right: 5px;
            bottom: 5px;
            background: rgba(0,0,0,0.5);
            border-radius: 40px;
            padding-left: 3px;
            color: #fff;
            padding-right: 3px;
            font-size: 12px;
        }

        .product .item-image span.lock {
            position: absolute;
            right: 5px;
            top: 5px;
        }

        .product .item-image > div {
            display: block;
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            transition: all 0.6s;
        }

            .product .item-image > div:hover {
                transform: scale(1.4);
            }

    .product .item-body {
        padding: 10px 12px 0px 20px;
    }

        .product .item-body a {
            font-size: 16px;
            color: #333;
        }

    .product .item-title {
        font-size: 16px;
        margin-bottom: 8px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        word-wrap: break-word;
        height: 45px;
        color: #333;
        font-weight: 500;
        width: 100%;
        text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .product .product_img {
        width: 100%;
        padding-bottom: 100%;
        position: relative;
        border-radius: 5px 5px 0 0;
        overflow: hidden;
    }

        .product .product_img img {
            width: 100%;
            height: 100%;
            position: absolute;
            border-radius: 5px 5px 0 0;
            transition: all 0.6s;
        }

            /*放大 add 2020年11月3日*/
            .product .product_img img:hover {
                transform: scale(1.4);
            }

    .product .thumbnail .play {
        background: url(/Styles/images/ico_play.png) no-repeat;
        background-position: 0px 0px;
        width: 60px;
        height: 60px;
        position: absolute;
        left: 50%;
        margin-left: -30px;
        top: 50%;
        margin-top: -28px;
    }

    .product .item-desc {
        color: #666;
        margin-bottom: 4px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .product .item-footer {
        position: relative;
        color: #999;
        margin-bottom: 10px;
        height: inherit;
        overflow: hidden;
        zoom: 1;
        text-align: left;
        margin-top: 10px;
        padding-left: 20px;
    }




/*产品end*/




/*<!-- webinar -->*/
.webinar {
    margin-top: 10px;
    padding: 0 0px;
}

    .webinar h3 {
        margin-bottom: 16px;
        margin-left: 0px;
        font-size: 24px;
    }

    .webinar .thumbnail:hover {
        -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
    }

    .webinar .item-image {
        padding-top: 56.25%;
        height: 0;
        overflow: hidden;
        position: relative;
        border-radius: 5px 5px 0 0;
        background: #efefef;
    }

        .webinar .item-image .play {
            background: url(/Styles/images/ico_play.png) no-repeat;
            background-position: 0px 0px; /*对应小图标的坐标*/
            width: 60px;
            height: 60px;
            position: absolute;
            left: 50%;
            margin-left: -30px;
            top: 50%;
            margin-top: -30px;
        }

            .webinar .item-image .play:hover {
                filter: drop-shadow(#fdbe00 0 0);
            }

        .webinar .item-image span.time {
            position: absolute;
            right: 5px;
            bottom: 5px;
            background: rgba(0,0,0,0.5);
            border-radius: 40px;
            padding-left: 3px;
            color: #fff;
            padding-right: 3px;
            font-size: 12px;
        }

        .webinar .item-image span.lock {
            position: absolute;
            right: 5px;
            top: 5px;
        }

        .webinar .item-image > div {
            display: block;
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
        }

    .webinar .item-body {
        padding: 10px 12px 0px 20px;
        text-align: left;
    }



    .webinar .item-title {
        font-size: 18px;
        margin-bottom: 15px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        word-wrap: break-word;
        color: #ff0000;
        font-weight: 500;
        width: 100%;
    }

        .webinar .item-title a {
            color: #000;
            font-weight: bold;
        }

    .webinar .item-events {
        font-size: 14px;
        color: #666;
        margin-bottom: 4px;
        overflow: hidden;
        word-wrap: break-word;
        margin-bottom: 10px;
    }

        .webinar .item-events a {
            color: #000;
        }


    .webinar .item-desc {
        font-size: 14px;
        color: #9a9a9a;
        margin-bottom: 4px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

        .webinar .item-desc i {
            color: #fdbe00;
            margin-right: 5px;
        }

    .webinar .item-footer {
        position: relative;
        color: #999;
        margin-bottom: 20px;
        height: inherit;
        overflow: hidden;
        zoom: 1;
        text-align: left;
        margin-top: 20px;
        padding-left: 20px;
    }
/*webinar end*/



/*<!-- exhibitor -->*/
.exhibitor-rec {
    margin-top: 10px;
    padding: 0 0px;
}

    .exhibitor-rec h3 {
        margin-bottom: 16px;
        margin-left: 0px;
        font-size: 24px;
    }

    .exhibitor-rec .thumbnail:hover {
        -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
    }

    .exhibitor-rec .item-image {
        padding-top: 56.25%;
        height: 0;
        overflow: hidden;
        position: relative;
        border-radius: 5px 5px 0 0;
        background: #efefef;
    }

        .exhibitor-rec .item-image .play {
            background: url(/Styles/images/ico_play.png) no-repeat;
            background-position: 0px 0px; /*对应小图标的坐标*/
            width: 60px;
            height: 60px;
            position: absolute;
            left: 50%;
            margin-left: -30px;
            top: 50%;
            margin-top: -30px;
        }

            .exhibitor-rec .item-image .play:hover {
                filter: drop-shadow(#fdbe00 0 0);
            }

        .exhibitor-rec .item-image span.time {
            position: absolute;
            right: 5px;
            bottom: 5px;
            background: rgba(0,0,0,0.5);
            border-radius: 40px;
            padding-left: 3px;
            color: #fff;
            padding-right: 3px;
            font-size: 12px;
        }

        .exhibitor-rec .item-image span.lock {
            position: absolute;
            right: 5px;
            top: 5px;
        }

        .exhibitor-rec .item-image > div {
            display: block;
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
        }



    .exhibitor-rec .item-title {
        font-size: 18px;
        margin-bottom: 0px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        word-wrap: break-word;
        color: #ff0000;
        font-weight: 500;
        width: 100%;
        height: 80px;
    }

    .exhibitor-rec .item-title__logo {
        width: 50px;
        height: 50px;
        float: left;
        margin-right: 10px;
    }

        .exhibitor-rec .item-title__logo img {
            width: 50px;
        }

    .exhibitor-rec .item-title__body {
        overflow: hidden;
    }

        .exhibitor-rec .item-title__body h3 {
            margin: 0;
            padding: 0;
            font-size: 16px;
            font-weight: bold;
        }

            .exhibitor-rec .item-title__body h3 a {
                font-size: 16px;
                font-weight: bold;
                color: #000;
            }

        .exhibitor-rec .item-title__body p {
            margin: 0;
            padding: 0;
            font-size: 12px;
            color: #a2abb7;
        }


        .exhibitor-rec .item-title__body .chat {
            margin: 0;
            padding: 0;
            padding-top: 0px;
            padding-bottom: 10px;
            font-size: 12px;
            color: #007aff;
        }

            .exhibitor-rec .item-title__body .chat a {
                border: 0px solid #fdbe00;
                padding: 5px;
                background: #fff;
                border-radius: 3px;
                color: #007aff;
                margin-right: 10px;
            }

                .exhibitor-rec .item-title__body .chat a img {
                    width: 16px;
                    display: inline-grid;
                }


    .exhibitor-rec .item-body {
        padding: 10px 12px 0px 20px;
    }




    .exhibitor-rec .item-title a {
        color: #666;
    }

    .exhibitor-rec .product .item-title a {
        font-size: 12px;
        width: 100%;
        text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .exhibitor-rec .item-events {
        font-size: 14px;
        color: #666;
        margin-bottom: 4px;
        overflow: hidden;
        word-wrap: break-word;
        margin-bottom: 10px;
    }

        .exhibitor-rec .item-events a {
            color: #000;
        }

    .exhibitor-rec .item-desc {
        font-size: 14px;
        color: #9a9a9a;
        margin-bottom: 4px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

        .exhibitor-rec .item-desc i {
            color: #fdbe00;
            margin-right: 5px;
        }

    .exhibitor-rec .item-footer {
        position: relative;
        color: #999;
        margin-bottom: 20px;
        height: inherit;
        overflow: hidden;
        zoom: 1;
        text-align: left;
        margin-top: 20px;
        padding-left: 20px;
    }
/*exhibitor-rec end*/





.list-tab-events {
    width: 100%;
    border-bottom: 2px solid #007aff;
    clear: both;
    overflow: hidden;
    padding: 0;
}

    .list-tab-events ul {
        width: 100%;
        margin: 0;
        padding: 0;
        text-align: center;
    }

        .list-tab-events ul li {
            display: inline-grid;
            margin-right: 10px;
        }

            .list-tab-events ul li:after {
                margin-right: 0px;
            }

    .list-tab-events .thumbnail {
        width: 110px;
        padding: 0 0 0px 0;
        border: 0;
        -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
        padding: 5px;
        border: 2px solid #efefef;
        height: 90px;
        font-size: 11px;
        margin-bottom: -3px;
    }

    .list-tab-events h4 {
        font-size: 11px;
    }

    .list-tab-events .selected {
        /*ffde00*/
        border: 2px solid #007aff;
        border-bottom: 0px;
    }

    .list-tab-events .thumbnail:hover {
        cursor: pointer;
    }





.page-events-logo {
    width: 120px;
    height: 120px;
    border-radius: 10px;
    background: #fff;
    float: left;
    padding: 10px;
}

    .page-events-logo img {
        width: 100px;
        height: 100px;
        border-radius: 10px;
    }

.page-events-date {
    float: left;
    margin-left: 20px;
}

    .page-events-date h2 {
        font-weight: bold;
        padding-top: 5px;
        margin: 0;
    }

    .page-events-date p {
        margin: 0;
        padding: 0;
        font-size: 18px;
    }

.page-events-day {
    float: right;
    width: 80px;
    height: 80px;
    border-radius: 10px;
    background: #3c763d;
    padding: 5px;
    color: #fff;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
    margin-top: 20px;
}

    .page-events-day h3 {
        text-align: center;
        margin: 0;
        padding: 0;
        margin-top: 5px;
        padding-bottom: 5px;
        font-weight: bold;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

    .page-events-day p {
        text-align: center;
        padding: 0;
        margin: 0;
        font-size: 14px;
        padding-top: 5px;
    }

/*ending*/
.page-events-day-red {
    background: #a94442;
}

/*ongoing*/
.page-events-day-green {
    background: #3c763d;
}


.page-events-day-yellow {
    background: #fdbe00;
}

.overlay {
    /*position: absolute;
    top: 80px;*/
    width: 100%;
    height: 240px;
    background: url('/Styles/images/1.jpg') center center no-repeat;
    position: relative;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
}

.overlay_text {
    position: absolute;
    top: 0px;
    text-align: left;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 0px;
    padding: 10px;
    left: 0px;
    width: 100%;
    height: 240px;
    padding-top: 60px;
    padding-bottom: 50px;
}




.alert-warning {
    background-color: #fff4e5;
    border: 1px solid #fff4e5;
    padding: 5px;
    margin: 0;
}




.list-company {
    background: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 10px;
    padding-left: 20px;
    border-radius: 10px;
    margin-bottom: 10px;
    position: relative;
}

    .list-company .top {
        display: inline-block;
        width: 0;
        height: 0;
        border-top: 15px solid #fdbe00;
        border-right: 15px solid transparent;
        position: absolute;
        top: 5px;
        left: 5px;
    }

    .list-company:hover {
        -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
    }

    .list-company h3 {
        color: #007aff;
        padding-bottom: 10px;
        margin: 0;
        font-size: 18px;
        font-weight: bold;
    }

    .list-company dl {
        width: 100%;
        padding: 0;
        margin: 0;
        padding-top: 5px;
    }

        .list-company dl dt.subject {
            font-weight: normal;
            color: #a2abb7;
            width: 110px;
            display: inline-block;
            float: left;
            overflow: hidden;
        }

        .list-company dl dt.content {
            font-weight: normal;
            overflow: hidden;
        }

.list-company-header {
    width: 100%;
    clear: both;
    padding-bottom: 10px;
    padding-top: 10px;
    overflow: hidden;
}

.list-company-header_logo {
    float: left;
    width: 50px;
    height: 50px;
    margin-right: 20px;
}

    .list-company-header_logo img {
        width: 50px;
        height: 50px;
    }

.list-company-header_title {
    overflow: hidden;
}

    .list-company-header_title h3 {
        margin: 0;
        padding: 0;
        margin-top: 0px;
        margin-bottom: 10px;
    }

.list-company-product {
    width: 100%;
    min-height: 180px;
    border-radius: 5px;
    padding-bottom: 5px;
    margin-top: 20px;
    border: 2px solid #fff;
}


    .list-company-product:hover {
        border: 2px solid #fdbe00;
    }

.list-company-product__image .play {
    background: url(/Styles/images/ico_play.png) no-repeat;
    background-position: 0px 0px; /*对应小图标的坐标*/
    width: 60px;
    height: 60px;
    position: absolute;
    left: 50%;
    margin-left: -30px;
    top: 25%;
    /*margin-top: -30px;*/
}

    .list-company-product__image .play:hover {
        filter: drop-shadow(#fdbe00 0 0);
    }

.list-company-product__image {
    background: #fcfcfc;
    width: 100%;
}

    .list-company-product__image img {
        height: 110px;
        width: 100%;
        border: 1px solid #efefef;
        padding: 0px;
        border-radius: 5px;
    }

.list-company-product__title {
    font-size: 14px;
    color: #000;
    line-height: 16px;
    padding: 5px;
    margin: 0;
}

.list-company-product__recommentd {
    color: #fdbe00;
    font-size: 12px;
    text-align: center;
}

.list-company-filter {
    width: 180px;
    min-height: 400px;
    margin-left: -190px;
    position: absolute;
    margin-top: 20px;
}

.list-program-time {
    width: 100%;
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #000;
    line-height: 120%;
}

    .list-program-time i {
        font-size: 24px;
        color: #ccc;
        margin-right: 10px;
    }

.list-program-row {
    width: 100%;
    overflow: hidden;
    padding-left: 20px;
    border-left: 1px solid #ccc;
    margin-left: 9px;
}

.list-program {
    width: 100%;
    overflow: hidden;
    background: #fff;
    border-bottom: 0px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
    border-left: 0px solid #fdbe00;
    margin-left: -5px;
    margin-bottom: 10px;
}


.list-program-date {
    text-align: center;
    float: left;
    width: 20px;
    clear: both;
    margin-top: 20px;
    border-right: #a2abb7 0px solid;
    margin-right: 20px;
}

.list-program-video {
    width: 100%;
    height: 260px;
    margin-right: 20px;
    border-radius: 5px 0 0 5px;
    position: relative;
}

    .list-program-video .background {
        position: absolute;
        top: 0px;
        left: 0px;
        text-align: center;
        background: rgba(0, 0, 0, 0.1);
        border-radius: 0px;
        padding: 10px;
        width: 100%;
        height: 100%;
        border-radius: 5px 0 0 5px;
    }

    .list-program-video .play {
        background: url(/Styles/images/ico_play.png) no-repeat;
        background-position: 0px 0px;
        width: 60px;
        height: 60px;
        position: absolute;
        left: 50%;
        margin-left: -30px;
        top: 50%;
        margin-top: -30px;
    }

.list-program-date span {
    color: #a2abb7;
}

.list-program-date p {
    padding: 0;
    margin: 0;
    margin: 5px;
}

.list-program-body {
    overflow: hidden;
    margin-top: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    padding-right: 20px;
}

    .list-program-body h3 {
        font-size: 20px;
        margin: 10px 0 10px 0;
        padding: 0;
    }

    .list-program-body p {
        padding: 0;
        margin: 0;
        margin-top: 5px;
    }

    .list-program-body i {
        color: #fdbe00;
        margin-right: 10px;
    }


.list-program-speaker {
    width: 140px;
    margin-top: 10px;
    margin-right: 10px;
    text-align: center;
    float: left;
}

.list-program-speaker__avatar {
    width: 80px;
    height: 80px;
    border-radius: 80px;
    background: #f6f9fb;
    margin: 0 auto;
}

.list-program-speaker__title {
    color: #a2abb7;
    padding-top: 10px;
}

    .list-program-speaker__title h4 {
        margin-top: 10px;
        padding: 0;
        margin: 0;
        font-size: 14px;
        height: 32px;
    }

        .list-program-speaker__title h4 a {
            color: #000;
        }

    .list-program-speaker__title p {
        padding: 0;
        margin: 0;
        margin-top: 5px;
        text-align: center;
        font-size: 14px;
        height: 35px;
        display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
        word-break: break-all;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
        -webkit-line-clamp: 2; /** 显示的行数 **/
        overflow: hidden;
    }

.list-program-tab {
    width: 100%;
    clear: both;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

    .list-program-tab li {
        list-style: none;
        width: 150px;
        float: left;
        padding: 5px 10px 5px 10px;
        background: #fff;
        text-align: center;
        margin-right: 10px;
        border-radius: 0px;
        height: 50px;
        margin-bottom: 10px;
    }

        .list-program-tab li a {
            font-size: 14px;
            color: #000;
        }


    .list-program-tab .active {
        background: #fdbe00;
        color: #fff;
    }

        .list-program-tab .active a {
            color: #fff;
        }


/**
    events article

*/

.list-article-row {
    width: 100%;
    overflow: hidden;
    padding-left: 20px;
    margin-left: 0px;
}

.list-article {
    width: 100%;
    overflow: hidden;
    background: #fff;
    border-bottom: 0px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
    border-left: 0px solid #fdbe00;
    margin-left: -5px;
    margin-bottom: 10px;
}


.list-article-date {
    text-align: center;
    float: left;
    width: 20px;
    clear: both;
    margin-top: 20px;
    border-right: #a2abb7 0px solid;
    margin-right: 20px;
}

.list-article-video {
    width: 100%;
    height: 210px;
    margin-right: 20px;
    border-radius: 5px 0 0 5px;
    position: relative;
}

    .list-article-video .background {
        position: absolute;
        top: 0px;
        left: 0px;
        text-align: center;
        background: rgba(0, 0, 0, 0.1);
        border-radius: 0px;
        padding: 10px;
        width: 100%;
        height: 100%;
        border-radius: 5px 0 0 5px;
    }

    .list-article-video .play {
        background: url(/Styles/images/ico_play.png) no-repeat;
        background-position: 0px 0px;
        width: 60px;
        height: 60px;
        position: absolute;
        left: 50%;
        margin-left: -30px;
        top: 50%;
        margin-top: -30px;
    }

.list-article-date span {
    color: #a2abb7;
}

.list-article-date p {
    padding: 0;
    margin: 0;
    margin: 5px;
}

.list-article-body {
    overflow: hidden;
    margin-top: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    padding-right: 20px;
}

    .list-article-body h3 {
        font-size: 24px;
        margin: 10px 0 10px 0;
        padding: 0;
    }

    .list-article-body p {
        padding: 0;
        margin: 0;
        margin-top: 5px;
        font-size: 16px;
    }

    .list-article-body i {
        color: #fdbe00;
        margin-right: 10px;
    }




/*all 产品列表*/


.all-list-product-container-left {
    width: 260px;
    float: left;
    margin-right: 30px;
    overflow: hidden;
}

    .all-list-product-container-left h3.title {
        padding: 0;
        margin: 0;
        color: #000;
        font-size: 14px;
        font-weight: bold;
    }




.all-list-product-container-body {
    overflow: hidden;
    border-radius: 10px;
}

.all-list-product {
    border-bottom: 1px solid #efefef;
    margin-bottom: 10px;
    width: 100%;
    clear: both;
    overflow: hidden;
}

    .all-list-product:hover {
        background: #fff;
    }

.all-list-product-left {
    width: 200px;
    float: left;
    margin-right: 20px;
}

.all-list-product-left__image {
    width: 100%;
    text-align: center;
    padding: 0px;
    border-radius: 5px;
}

    .all-list-product-left__image img {
        width: 100%;
        /*border: 1px solid #efefef;*/
        padding: 0;
        margin: 0;
    }

    .all-list-product-left__image div {
        position: relative;
    }

    /*视频播放按钮*/
    .all-list-product-left__image .play {
        background: url(/Styles/images/ico_play.png) no-repeat;
        background-position: 0px 0px; /*对应小图标的坐标*/
        width: 60px;
        height: 60px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-top: -30px;
        margin-left: -25px;
    }

.all-list-product-body {
    overflow: hidden;
}


    .all-list-product-body h3, .all-list-product-body h3 a {
        color: #007aff;
        padding-bottom: 10px;
        padding-top: 0px;
        margin: 0;
        font-size: 18px;
        font-weight: bold;
    }

    .all-list-product-body dl {
        margin: 0;
        padding: 0;
        width: 100%;
        padding-top: 5px;
    }

    .all-list-product-body dt.subject {
        color: #888;
        width: 90px;
        float: left;
        font-size: 14px;
        font-weight: normal;
    }

    .all-list-product-body dt {
        font-size: 14px;
        font-weight: normal;
    }

        .all-list-product-body dt .price {
            color: #000;
            font-size: 14px;
            font-weight: bold;
        }

        .all-list-product-body dt a {
            color: #000;
        }

.all-list-product-body__bottom {
    margin-top: 20px;
    margin-bottom: 20px;
}


/*.all-list-product-product {
    width: 100%;
    min-height: 180px;
    border-radius: 5px;
    padding-bottom: 5px;
    margin-top: 20px;
    border: 2px solid #fff;
}


    .all-list-product-product:hover {
        border: 2px solid #e47911;
    }*/




/*end*/

/*.videoContainer {
    max-height: 520px;
}*/

.exhibitor-header {
    background: #fff;
    width: 100%;
    padding-top: 0px;
    padding-bottom: 20px;
    /*-webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);*/
    margin-bottom: 0px;
}

.exhibitor-header-left {
    float: left;
    margin-right: 20px;
}

.exhibitor-header-left__logo {
    height: 100px;
    border-radius: 10px;
    background: #fcfcfc;
}

    .exhibitor-header-left__logo img {
        height: 100px;
    }

.exhibitor-header-body {
    overflow: hidden;
}

    .exhibitor-header-body h3 {
        margin: 0;
        padding-bottom: 10px;
    }

    .exhibitor-header-body p {
        margin: 0;
        padding: 0;
        line-height: 180%;
    }




.list-product {
    width: 100%;
    background: #fff;
    border-radius: 5px;
    margin-bottom: 20px;
    text-align: center;
    padding: 0px;
}

    .list-product h3 {
        margin: 10px 0 10px 0;
        padding: 0 20px 0 20px;
        font-size: 16px;
        text-align: left;
        line-height: 120%;
    }

.list-product-image {
    width: 100%;
    height: 200px;
    background: #fcfcfc;
    border-radius: 5px;
    margin: 0 auto;
}

    .list-product-image img {
        width: 100%;
        height: 200px;
    }





.list-product-container {
    width: 100%;
    background: #fff;
    border-radius: 10px;
    padding: 10px;
    overflow: hidden;
}

.list-product-left {
    width: 120px;
    float: left;
    text-align: center;
    margin-right: 20px;
}

.list-product-body {
    overflow: hidden;
}

    .list-product-body h3 {
        margin: 0;
        padding: 0;
        padding-bottom: 10px;
    }

    .list-product-body p {
        margin: 0;
        padding: 0;
        color: #a2abb7;
    }

        .list-product-body p span {
            color: #000;
            width: 120px;
            margin-right: 10px;
        }

.company-right-detail {
}

    .company-right-detail p {
        margin: 0;
        padding: 0;
    }

        .company-right-detail p span {
            color: #a2abb7;
        }

        .company-right-detail p i {
            margin-right: 5px;
            width: 12px;
        }

.product-detail-header {
    overflow: hidden;
    position: relative;
}

.product-detail-header-left {
    width: 400px;
    float: left;
    min-height: 400px;
    margin-right: 30px;
    clear: both;
}

.product-detail-header-body {
    overflow: hidden;
}

    .product-detail-header-body p {
        margin-top: 10px;
    }

        .product-detail-header-body p span {
            color: #a2abb7;
        }




    .product-detail-header-body h3 {
        margin: 0;
        padding: 0;
        padding-bottom: 10px;
        font-size: 28px;
        line-height: 120%;
    }

.product-detail-header-body__price {
    padding: 20px;
    background: #fcfcfc;
    margin-top: 10px;
    margin-bottom: 10px;
}

.product-detail-header-body p {
    margin: 0;
    padding: 0;
    margin-bottom: 5px;
}

.product-detail-header-summary {
    height: 120px;
    background: #f6f9fb;
    border-radius: 10px;
    border: 2px dashed #fdbe00;
    margin-top: 20px;
    margin-bottom: 20px;
}


.nodata {
    width: 100%;
    text-align: center;
    padding: 20px;
}









.choose {
    background: #fff;
    font-size: 12px;
    position: relative;
    margin-bottom: 10px;
    padding-top: 5px;
    padding-left: 0;
    padding-bottom: 15px;
    border: 2px dashed #ff611b;
    border-radius: 5px;
}

    .choose span {
        height: 22px;
        line-height: 22px;
        display: inline-block;
        padding: 0 26px 0 10px;
        margin-left: 10px;
        margin-top: 10px;
        border: 1px solid #ccc;
        position: relative;
        font-size: 12px;
    }


        .choose span:hover {
            border-color: #ff611b;
            color: #ff611b;
        }

            .choose span:hover i {
                background-color: #f76737;
            }

    .choose i {
        cursor: pointer;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 1;
        width: 20px;
        height: 20px;
        display: block;
        background-color: #ccc;
        background-position: 5px -65px;
        text-indent: -999em;
    }

    .choose i {
        background-image: url(images/close.png?v=5.0);
        background-repeat: no-repeat;
    }

    .choose .chooseclear {
        margin-left: 17px;
        color: #5e69ad;
        position: relative;
    }

        .choose .chooseclear:hover {
            color: #e03700;
        }



.company-logo {
    margin-top: 10px;
    width: 120px;
    height: 120px;
    border: 1px dotted #a2abb7;
}





.login-left {
    background: url(/Styles/images/worldmap.png?t=v1) no-repeat;
    width: 100%;
}

    .login-left h3 {
    }


.login-left-list {
    width: 100%;
    clear: both;
    overflow: hidden;
    margin-bottom: 30px;
}

.login-left-list__icon {
    width: 80px;
    float: left;
    height: 80px;
    margin-right: 20px;
    border-radius: 120px;
    border: 0px solid #a2abb7;
    text-align: center;
}

    .login-left-list__icon i {
        color: #E7505A;
        font-size: 45px;
        margin-top: 30px;
    }

.login-left-list__body {
    overflow: hidden;
}

.btn.blue {
    background-color: #007aff;
    border-color: #007aff;
}

    .btn.blue:not(.btn-outline) {
        color: #FFFFFF;
        background-color: #007aff;
        border-color: #007aff;
    }

    .btn.blue:hover {
        background-color: #007aff;
        border-color: #007aff;
    }

.index-top-category {
    width: 100%;
    margin-right: 10px;
    clear: both;
    overflow: hidden;
    height: 400px;
}

    .index-top-category ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .index-top-category ul li {
            padding: 10px 0 5px 0px;
            font-size: 16px;
            border-bottom: 1px solid #efefef;
        }




.index-top-body {
    float: left;
    width: 600px;
    height: 450px;
}

.index-top-member {
    padding-left: 10px;
    overflow: hidden;
}



.index-container {
    /*position: absolute;
    top: 80px;*/
    width: 100%;
    height: 550px;
    background: url('/Styles/images/1.jpg') center center no-repeat;
    position: relative;
    /*-webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);*/
    background-size: cover;
}

.index-container-overlay {
    position: absolute;
    top: 0px;
    text-align: left;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 0px;
    left: 0px;
    width: 100%;
    height: 550px;
    padding-top: 30px;
    padding-bottom: 50px;
}



.index-match-container {
    /*position: absolute;
    top: 80px;*/
    width: 100%;
    height: 450px;
    background: url('/Styles/images/index-banner-bg.jpg') center center no-repeat;
    position: relative;
    /*-webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);*/
    background-size: cover;
}

.index-match-container-left {
    width: 700px;
    float: left;
}

    .index-match-container-left p {
        font-size: 20px;
        color: #fff;
    }

    .index-match-container-left h3 {
        margin-top: 30px;
        color: #fff;
        font-weight: bold;
        font-size: 60px;
    }

    .index-match-container-left h4 {
        color: #fff;
        font-size: 30px;
        margin-top: 20px;
    }

    .index-match-container-left p {
        padding: 0;
        margin: 0;
        font-size: 18px;
    }

.index-match-container-video {
    overflow: hidden;
    padding-top: 80px;
    /*padding-top: 60px;*/
}


    .index-match-container-video video {
        width: 100%;
        border-radius: 10px;
    }





/*Characteristic service*/
.section-h3 {
    font-size: 24px;
    color: #333333;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 25px;
    font-weight: 600;
}

.chs-ul {
    width: 100%;
    clear: both;
    overflow: hidden;
    background: #fff;
}

    .chs-ul li {
        display: inline-block;
        width: 19%;
        padding: 50px 25px;
        vertical-align: top;
        text-align: center;
        position: relative;
        letter-spacing: 0;
    }

        .chs-ul li span {
            display: block;
            font-size: 18px;
            color: #333333;
            margin-top: 10px;
            margin-bottom: 25px;
            font-weight: 600;
        }

        .chs-ul li p {
            text-align: left;
            color: #888888;
        }

        .chs-ul li:after {
            content: '';
            position: absolute;
            height: 160px;
            top: 120px;
            left: 100%;
            border-right: 1px solid #ededed;
        }

        .chs-ul li:last-of-type:after {
            border-right: none;
        }

        .chs-ul li:hover img {
            transform: translate(0,-5px);
            -webkit-transform: translate(0,-5px);
            transition: all 0.3s ease;
        }

        .chs-ul li:hover span {
            color: #ff6d18;
            transition: all 0.3s ease;
        }




.cate_box {
    width: 100%;
    background: #fff;
    border-radius: 0px;
    padding: 0px;
}

    .cate_box h3 {
        margin: 0;
        padding: 0;
        padding-bottom: 10px;
        font-size: 18px;
        color: #000;
    }

        .cate_box h3 i {
            margin-right: 10px;
        }

.cate_box_top {
    height: 35px;
    line-height: 35px;
    padding-left: 0px;
    color: #474747;
    border: 0px solid #e3e3e3;
    border-bottom: 1px solid #ddd;
}

    .cate_box_top a {
        color: #474747;
    }

        .cate_box_top a:hover {
            color: #e47911;
            background: #efefef;
        }

.cate_list {
    border-top: 1px solid #ccc;
}

.c_l_item {
    padding-left: 0px;
    border: 1px solid #fff;
    position: relative;
    z-index: 10;
    zoom: 1;
    width: 100%;
    *display: inline;
}

.c_l_item_on {
    border-color: #bbb;
    z-index: 11;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.bta {
    border-top-color: #bbb;
}

.c_l_item .first_cate {
    display: block;
    width: 100%;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 14px;
    color: #808080;
    background-color: #fff;
    position: relative;
    z-index: 13;
    zoom: 1;
}

    .c_l_item .first_cate:hover {
        color: #e47911;
        text-decoration: none;
        font-size: 14px;
    }

.c_l_item_on .first_cate {
    color: #e47911;
    font-size: 14px;
}

.c_l_item .first_cate i {
    display: block;
    width: 6px;
    height: 11px;
    line-height: 11px;
    overflow: hidden;
    position: absolute;
    top: 10px;
    right: 10px;
    background-position: 0px -110px;
}

.c_l_item .sub_cate {
    position: absolute;
    top: -1px;
    left: 235px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 5px 15px 20px 15px;
    min-width: 220px;
    z-index: 12;
    box-shadow: 2px 2px 3px #cfcfcf;
    display: none;
    _width: expression(document.body.clientWidth < 120 ? "200px" : "auto");
}

.c_l_item .sub_cate_name {
    color: #e47911;
    white-space: nowrap;
    margin: 0;
}

    .c_l_item .sub_cate_name a {
        color: #e47911;
        font-size: 16px;
    }

.c_l_item .s_c_list {
    line-height: 30px;
}

    .c_l_item .s_c_list li {
        white-space: nowrap;
    }

    .c_l_item .s_c_list a {
        color: #474747;
        font-size: 14px;
    }

        .c_l_item .s_c_list a:hover {
            color: #e47911;
        }

.last_c_l_item {
    font-weight: bold;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.breadcrumb {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0;
}

.events-tab {
    display: block;
    overflow: hidden;
    width: 100%;
    border-bottom: 3px solid #fdbe00;
}

    .events-tab h3 {
    }

    .events-tab ul {
        text-align: center;
    }

    .events-tab li {
        padding: 10px;
        background: #fff;
        font-size: 16px;
        display: inline-block;
        border-radius: 10px 10px 0 0;
        margin-right: 10px;
    }

        .events-tab li a {
            color: #000;
        }

    .events-tab .active, .events-tab .active a {
        background: #fdbe00;
        color: #fff;
    }




.login-tab {
    display: block;
    overflow: hidden;
    width: 100%;
    border-bottom: 0px solid #e7505a;
}

    .login-tab h3 {
    }

    .login-tab ul {
        text-align: center;
    }

    .login-tab li {
        padding: 10px 20px 10px 20px;
        background: #fff;
        font-size: 16px;
        display: inline-block;
        border-radius: 0;
        margin-right: 10px;
        background: #efefef;
    }

        .login-tab li a {
            color: #000;
        }

    .login-tab .active, .login-tab .active a {
        background: #e7505a;
        color: #fff;
    }

.product-container {
    width: 100%;
    min-height: 540px;
    background: #fff;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
}


.product-container-left {
    width: 180px;
    float: left;
    min-height: 300px;
    background: #fff;
    margin-right: 30px;
    border-radius: 0px;
    margin-bottom: 20px;
}

    .product-container-left h3 {
        margin-top: 0px;
        padding: 10px 10px 10px 10px;
        font-size: 18px;
        background: rgba(0, 0, 0, 0.1);
        text-align: center;
    }

    .product-container-left p {
        padding-left: 50px;
        margin-top: 10px;
    }

.product-container-body {
    overflow: hidden;
}

.event-container {
    width: 100%;
    min-height: 450px;
    background: #fff;
    margin-top: 10px;
    margin-bottom: 20px;
    border-radius: 5px;
}

.event-container-left {
    float: left;
    width: 300px;
    height: 450px;
    position: relative;
    border-radius: 5px 0 0 5px;
}

    .event-container-left h3 {
        padding-left: 50px;
        margin-top: 50px;
    }

    .event-container-left p {
        padding-left: 50px;
        margin-top: 10px;
    }

.event-container-left__more {
    position: absolute;
    bottom: 20px;
    right: 20px;
}

    .event-container-left__more a {
        font-size: 18px;
        color: #fff;
    }

.event-container-right {
    overflow: hidden;
    padding: 10px;
}

.event-container-right__logo {
    float: left;
    width: 60px;
    height: 60px;
    padding: 5px;
}

    .event-container-right__logo img {
        width: 50px;
        height: 50px;
    }

.event-container-right__bar {
    overflow: hidden;
    padding: 10px;
    border-bottom: 1px solid #efefef;
    padding-top: 0;
}

    .event-container-right__bar h3 {
        margin: 0;
        padding: 0;
        margin-bottom: 5px;
    }

        .event-container-right__bar h3 a {
            color: #000;
            font-size: 18px;
        }

    .event-container-right__bar p {
        padding: 0;
        margin: 0;
        font-size: 14px;
        color: #a2abb7;
    }

        .event-container-right__bar p i {
            color: #007aff;
            margin-right: 5px;
        }


.event-container-body {
    overflow: hidden;
    padding: 10px;
}



/*状态样式*/
.label {
    display: inline;
    padding: .2em .6em .3em .2em;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    width: 120px;
    float: left;
    padding: 6px 7px !important;
    font-size: 14px;
}

.label-padding {
    background: #fdbe00;
    color: #000;
}

.label-cancel {
    background: #efefef;
    color: #999;
}

.label-ok {
    background: #0eae1b;
}




/*展会合作伙伴*/
.link-image {
    height: 150px;
    width: 267px;
    border-radius: 5px 5px 0 0;
    background: #efefef;
}

.link-class {
    height: 150px;
    width: 267px;
}





/*预约详情样式*/
.appointment-detail-header {
    padding: 10px;
    background: #fcfcfc;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

    .appointment-detail-header dl {
        width: 100%;
        overflow: hidden;
        margin: 0;
        padding: 0;
        font-size: 14px;
        color: #000;
        margin-top: 5px;
    }

    .appointment-detail-header dt.title {
        width: 110px;
        color: #a2abb7;
        float: left;
        font-weight: normal;
        text-align: right;
        margin-right: 10px;
    }

    .appointment-detail-header p {
        padding: 0;
        margin: 0;
    }

    .appointment-detail-header dd {
        overflow: hidden;
    }

.appointment-detail-body {
    padding: 10px;
}

.appointment-detail-reply {
    border-top: 1px solid #eee;
    padding-top: 10px;
    margin-top: 30px;
}

    .appointment-detail-reply p {
        padding: 0;
        margin: 0;
        color: #007aff;
    }

    .appointment-detail-reply span {
        color: #a2abb7;
    }
/*合作伙伴*/
.index-bottom-partner {
    width: 100%;
    overflow: hidden;
}

    .index-bottom-partner ul {
        text-align: center;
    }

        .index-bottom-partner ul li {
            width: 180px;
            height: 120px;
            border-radius: 5px;
            background: #fff;
            display: inline-grid;
            float: left;
            margin-right: 20px;
            margin-bottom: 10px;
        }

            .index-bottom-partner ul li img {
                border-radius: 5px;
                width: 100%;
            }



.appointment-exhibitor-container {
    width: 282px;
    background: url("/Styles/Images/meeting1.jpg");
    height: 200px;
    border-radius: 10px;
    margin-top: 20px;
    text-align: left;
    padding: 10px;
    padding-top: 50px;
    position: relative;
}

    .appointment-exhibitor-container span {
        color: #fff;
        margin-top: 30px;
        font-weight: bold;
        font-size: 24px;
        background: #fdbe00;
        background: rgba(0, 0, 0, 0.5);
        line-height: 26px;
    }

    .appointment-exhibitor-container a {
        clear: both;
        overflow: hidden;
        color: #fff;
        font-size: 16px;
    }


.exhibitor-doorname {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 5px solid #007aff;
    height: 120px;
    background: #fff;
    border-radius: 10px;
    text-align: center;
    position: relative;
}

    .exhibitor-doorname .exhibitor-doorname__boothno {
        position: absolute;
        right: 0;
        bottom: 0;
        font-size: 20px;
    }

    .exhibitor-doorname h3 {
        text-align: center;
        font-size: 40px;
    }

.list-partner-container {
    margin-top: 0px;
    width: 100%;
}

.list-partner {
    width: 100%;
    text-align: center;
}

    .list-partner h3 {
        font-size: 40px;
    }

    .list-partner li {
        display: inline-table;
        margin-right: 10px;
        margin-bottom: 10px;
    }

        .list-partner li .box {
            width: 180px;
            height: 180px;
            border-radius: 10px;
            padding: 10px;
            display: table-cell;
            border: 0px solid #efefef;
            text-align: center;
            vertical-align: middle;
            position: relative;
        }

        .list-partner li img {
            border: none;
            max-width: 100%;
            max-height: 100%;
            border-radius: 10px;
            display: block;
            margin: auto; /*设置垂直居中*/
        }




/*typeahead 顶部搜索下拉框样式修改*/
.typeahead__list, .typeahead__dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 100000;
    width: 100%;
    min-width: 160px;
    padding: 5px 0;
    margin: 5px 0 0;
    list-style: none;
    text-align: left;
    background-color: #fff;
    border: 1px solid #007aff;
    border-radius: 10px;
    background-clip: padding-box;
}

    .typeahead__list > li > a:hover,
    .typeahead__list > li > a:focus,
    .typeahead__list > li.active > a,
    .typeahead__dropdown > li > a:hover,
    .typeahead__dropdown > li > a:focus,
    .typeahead__dropdown > li.active > a {
        background-color: #f5f5f5;
        border-left: 1px solid #007aff;
        color: #3c3c3c;
    }
/*表头样式*/
.table > caption + thead > tr:first-child > td, .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th {
    border-top: 0;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 8px;
    line-height: 1.42857;
    vertical-align: middle;
    border-top: 1px solid #e7ecf1;
}

.table-advance thead tr th, .table thead tr th {
    background-color: #FFFFFF;
    font-size: 16px;
    color: #000;
    border: 0px solid #dddddd;
    font-weight: bold;
    text-align: center;
    background: #fcfcfc;
    /*-webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);*/
}

.table-advance thead {
    color: #3f444a;
}

.table-advance, .table {
    border-top: 0px solid #dddddd;
}


#form_Container .selected {
    background-color: #007aff;
    color: #fff;
}

.calendar-select-container {
    border-radius: 0px;
    margin-bottom: 20px;
    overflow: hidden;
    padding: 0px;
}

    .calendar-select-container h3 {
        margin: 0;
        padding: 0;
    }

.calendar-select-container-left {
    width: 550px;
    margin-right: 30px;
    float: left;
    border-right: 1px solid #ccc;
    padding-right: 20px;
}

.calendar-select-container-body {
    overflow: hidden;
}

.calendar-select-container-body__time {
    width: 100%;
    overflow: hidden;
    text-align: center;
}

    .calendar-select-container-body__time ul li {
        float: left;
        display: inline-grid;
        margin-right: 10px;
        margin-bottom: 8px;
    }

        .calendar-select-container-body__time ul li a {
            border: 1px solid #ccc;
            border-radius: 0px;
            padding: 5px 10px 5px 10px;
            color: #666;
            width: 110px;
        }


        .calendar-select-container-body__time ul li .selected {
            background: #007aff;
            color: #fff;
            /*height:80px;
            background-color:#fff;

          
        border: 2px solid #ffde00;
        background-position: right bottom;
        background-repeat: no-repeat;
        background-image: url(/Styles/images/selected_icon.png);*/
        }


.chatnow img {
    width: 24px;
    margin-left: 10px;
}

.inquiry-product-container {
    width: 100%;
}

.inquiry-product-left {
    width: 80px;
    float: left;
    margin-right: 10px;
}

    .inquiry-product-left img {
        width: 80px;
        border-radius: 5px;
    }

.inquiry-product-body {
    overflow: hidden;
}

    .inquiry-product-body p {
        padding: 0;
        margin: 0;
        margin-top: 5px;
    }

        .inquiry-product-body p span {
            color: #a2abb7;
            font-size: 11px;
        }






.inquiry-detail-product-container {
    width: 100%;
    /*-webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);*/
    overflow: hidden;
    border: 0px solid #ccc;
    padding: 10px;
    border-radius: 10px;
    background: #fff;
}

.inquiry-detail-product-left {
    width: 120px;
    float: left;
    margin-right: 20px;
}

    .inquiry-detail-product-left img {
        width: 120px;
        border-radius: 5px;
    }

.inquiry-detail-product-body {
    overflow: hidden;
}

    .inquiry-detail-product-body p {
        padding: 0;
        margin: 0;
        margin-top: 5px;
    }

        .inquiry-detail-product-body p span {
            color: #a2abb7;
            font-size: 11px;
        }




.inquiry_reply_container {
    width: 100%;
    clear: both;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    padding-top: 10px;
    background: #fff;
    border-radius: 10px;
    padding: 10px;
    /*-webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);*/
    margin-bottom: 10px;
}

.border-blue {
    border: 2px solid #007aff;
}

.inquiry_reply_header {
}

.inquiry_reply_header--left {
    float: left;
    width: 45px;
    margin-right: 15px;
    background: #fcfcfc;
    border-radius: 45px;
}

    .inquiry_reply_header--left img {
        width: 45px;
        height: 45px;
        border-radius: 45px;
    }

.inquiry_reply_header--body {
    overflow: hidden;
    padding: 0px;
}

    .inquiry_reply_header--body p {
        padding: 0;
        margin: 0;
    }

        .inquiry_reply_header--body p span.date {
            color: #a2abb7;
        }

.inquiry_reply_body img {
    width: 120px;
}

.modal-content {
    background: #f8fafc;
}



/*.page-visitor {
    float: right;
    text-align: right;
    font-size: 14px;
  
}

    .page-visitor a {
        padding: 5px;
        clear: both;
        overflow: hidden;
    }*/


.events-top-logo {
    z-index: 10000;
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #efefef;
}


#top_Logo {
}

#top_Visitor {
    float: right;
    padding-top: 5px;
}

#page_top_events {
    margin-top: 5px;
    padding-left: 0px;
    width: 100%;
    display: flex;
}

    #page_top_events .page-top-events-logo {
        float: left;
        margin-right: 10px;
    }

        #page_top_events .page-top-events-logo img {
            height: 70px;
        }

    #page_top_events .page-top-events-date {
        display: flex;
        align-items: center;
        align-content: center;
    }

        #page_top_events .page-top-events-date h3, #page_top_events .page-top-events-date h4 {
            padding: 0;
            margin: 0;
        }

        #page_top_events .page-top-events-date h3 {
            color: #000;
            font-size: 26px;
            line-height: 110%;
            padding-bottom: 5px;
            margin-top: 5px;
            /*font-weight:bold;*/
        }

        #page_top_events .page-top-events-date h4 {
            /* display: inline-grid; */
            font-size: 14px;
            /* padding-left: 5px; */
            /* background: #fdbe00; */
            /* border-radius: 10px; */
            padding: 3px;
            /* color: #fff; */
            /* width: 200px; */
            text-align: center;
            float: left;
            margin-right: 10px;
            color: #a2abb7;
            font-weight: normal;
        }


    #page_top_events .page-top-events-date__left {
        float: left;
        width: 660px;
    }

    #page_top_events .page-top-events-date__body {
        width: 60px;
    }

    #page_top_events .page-top-events-day {
        width: 60px;
        height: 60px;
        border-radius: 10px;
        background: #3c763d;
        padding: 3px;
        color: #fff;
        -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
    }

        #page_top_events .page-top-events-day h3 {
            text-align: center;
            margin: 0;
            padding: 0;
            margin-top: 5px;
            color: #fff;
            padding-bottom: 5px;
            font-size: 18px;
            font-weight: bold;
            border-bottom: 1px solid #fff;
        }

        #page_top_events .page-top-events-day p {
            text-align: center;
            padding: 0;
            margin: 0;
            font-size: 12px;
            padding-top: 0px;
        }

    /*ending*/
    #page_top_events .page-top-events-day-red {
        background: #a94442;
    }

    /*ongoing*/
    #page_top_events .page-top-events-day-green {
        background: #3c763d;
    }


    #page_top_events .page-top-events-day-yellow {
        background: #fdbe00;
    }

#page_top_events_nav {
    /*border-bottom:1px solid #f6f9fb;*/
}

.events-page-header-nav {
    width: 100%;
    background: #fff;
    border-top: 0px solid #efefef;
    padding-bottom: 0px;
    padding-top: 5px;
}

/*
    menu
*/
.page-top-events-nav {
    float: left;
}

    .page-top-events-nav ul li {
        display: inline-grid;
        margin-right: 25px;
        padding-right: 0px;
    }

        .page-top-events-nav ul li:last-child {
            margin-right: 0;
        }

        .page-top-events-nav ul li a {
            color: #000;
            padding-top: 8px;
            padding-bottom: 8px;
            padding-left: 0px;
            padding-right: 0px;
            font-size: 16px;
        }

    .page-top-events-nav .dropdown-menu {
        padding-top: 10px;
        padding-bottom: 10px;
    }

        .page-top-events-nav .dropdown-menu li {
            display: inline;
        }

            .page-top-events-nav .dropdown-menu li a {
                width: 100%;
                text-align: left;
                font-size: 14px;
                padding-left: 10px;
                padding-right: 10px;
                font-weight: normal;
            }


.page-top-events-visitor-login {
    float: right;
    padding-top: 10px;
}

    .page-top-events-visitor-login a {
        color: #fff;
    }

#events_index .events_index,
#events_about .events_about,
#events_exhibitors .events_exhibitors,
#events_visitor .events_visitor,
#events_program .events_program,
#events_gallery .events_gallery,
#events_floorplan .events_floorplan,
#events_news .events_news,
#events_product .events_product,
#events_live .events_live,
#events_online .events_online,
#events_meetingroom .events_meetingroom,
.events_actived {
    border-bottom: 4px solid #ff0000;
    padding-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-right: 20px;
}




    #events_index .m_events_index a,
    #events_exhibitors .m_events_exhibitors a,
    #events_visitor .m_events_visitor a,
    #events_program .m_events_program a,
    #events_gallery .m_events_gallery a,
    #events_floorplan .m_events_floorplan a,
    #events_news .m_events_news a,
    #events_product .m_events_product a,
    #events_live .m_events_live a,
    #events_online .m_events_online a,
    .events_actived a {
        font-weight: bold;
        color: #fdbe00;
    }


.content_details {
    width: 100%;
    overflow: hidden;
}

    .content_details p {
        line-height: 150%;
        font-size: 16px;
    }

    .content_details img {
        max-width: 100%;
        margin: 0 auto;
    }

    .content_details p img {
        max-width: 100%;
        margin: 0 auto;
    }

    .content_details table {
        border: 1px solid #a2abb7;
    }

    .content_details td {
        border-right: 1px solid #a2abb7;
        border-bottom: 1px solid #a2abb7;
    }







.social-share-container {
    width: 300px;
    height: 60px;
}

    .social-share-container span {
        margin-right: 5px;
        cursor: pointer;
    }




.socicon-facebook {
    color: #44619D;
    border-color: #44619D;
}

    .socicon-facebook:hover {
        background: #44619D;
        color: #fff;
    }

.socicon-google {
    color: #db4437;
    border-color: #db4437;
}

    .socicon-google:hover {
        background: #db4437;
        color: #fff;
    }



.socicon-twitter {
    color: #55acee;
    border-color: #55acee;
}

    .socicon-twitter:hover {
        background: #55acee;
        color: #fff;
    }


.socicon-linkedin {
    color: #0077B5;
    border-color: #0077B5;
}

    .socicon-linkedin:hover {
        background: #0077B5;
        color: #fff;
    }




.visitor-info {
    width: 100%;
    text-align: center;
    padding: 10px;
    border-radius: 10px;
    background: #fff;
    margin-bottom: 20px;
    min-height: 240px;
}

    .visitor-info:hover {
        -webkit-box-shadow: 0px 1px 10px 2px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px 1px 10px 2px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 1px 10px 2px rgba(0, 0, 0, 0.1);
    }

    .visitor-info img {
        width: 80px;
        height: 80px;
        border-radius: 80px;
        border: 1px solid #efefef;
    }

    .visitor-info h3 {
        padding: 0;
        margin: 0;
        font-size: 18px;
        font-weight: bold;
        margin-top: 10px;
    }

    .visitor-info p {
        padding: 0;
        margin: 0;
        margin-top: 5px;
        font-size: 14px;
        color: #a2abb7;
    }




.leftContent {
    width: 74%;
    float: left;
}

.rightSidebar {
    width: 25%;
    float: right;
}

#LiveRoom .leftContent {
    width: 74%;
    float: left;
}

#LiveRoom .rightSidebar {
    width: 25%;
    float: right;
}

.product-image-container {
    overflow: hidden;
    width: 400px;
    height: 400px;
    -webkit-box-shadow: 0px 1px 10px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 1px 10px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 10px 2px rgba(0, 0, 0, 0.1);
    border: 0px solid #efefef;
}

.video-live {
}



.icon-live-gif, .icon-live-gif:after {
    background: #f30;
    border-radius: 50px;
    position: relative;
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
}

    .icon-live-gif:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        background: url(data:image/gif;base64,R0lGODlhKAAoAKIFAP/////MzP9mM/9mZv//zPo1DgAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo3ZGYyMTg1NS0zMGU5LTM3NGYtYWNlNi01NjdjMmFhYWNhYzAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0U1MTU1QkE5MDE2MTFFQTg3RTc5OTQyNkMwNjQ1ODgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0U1MTU1Qjk5MDE2MTFFQTg3RTc5OTQyNkMwNjQ1ODgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RUQ3OTFGMkVDRDY1RUExMUEwRDdDMTBDMkUyNTlFMzEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6N2RmMjE4NTUtMzBlOS0zNzRmLWFjZTYtNTY3YzJhYWFjYWMwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkECQoABQAsAAAAACgAKABAA3BYutz+MMpJawEYwKxt5Ap4ZV5pnigqppbokqxCYIRM20Ad73zv/8ANzCEIBAS8VUOZemFCQ5azwwxar9isdsvtehnFI7dqJY+eO7O5JAojz53YFIqWw+bpu74u3VOjKQMYAwqCAIQFhohfjI2Ojw0JACH5BAkKAAUALAAAAAAoACgAQANwWLrc/jDKSWsBGMCsbeQKeGVeaZ5oOglBIKiLKJNwQWCEcgO5jdfAoHBILIZoDhFshjk2a8yOUhV1dozYrHbL7Xq/YC/LtUFSzYxpSjR+jZ5LWhUqr8PPz3k8b7/ipX1AAxgDCoMAhQWHiWGNjo+QCQAh+QQJCgAFACwAAAAAKAAoAEADc1i63P4wyklrARiorG+2Erd9HgaeaKquk8iOZtm5L4ERig3ghc6/wKBwSHwIAgFBEUJjuZ6kFzTWXE1n0aV2y+16v+CwOFXdllPHpCKtlAWvsI6UBAfWz6h71krvx+ZUfnIsAxgDCoUAhwWJi2OPkJGSDQkAIfkECQoABQAsAAAAACgAKABAA25Yutz+MMpJ6wMYqKxt5FsWYl5pnmg6CUEgqAtYyDJMYIRyA3mx97CgcEgsGis0UTBJmilhzE5NFR11jtisdsvter/gsIXlsmKrQfLL2Zym0G4U/ElVoqH2fBPf1l9VAxgDCoEAgwWFh2KLjI2OCQAh+QQJCgAFACwAAAAAKAAoAEADaFi63P4wyknrAxiorG3kWxZiXmmeaNqAKsS+YlsQGKHQgD3Xcu//wKDQFRMEAoIhjCRbdlgt56gzrFqv2Kx2y+0ujEgt9CoVllvgZOGsKo9T7lg0xobT78zWADNQ7AF9BX+BXoWGh4gJACH5BAkKAAUALAAAAAAoACgAQANnWLrc/jDKSesDGCgRgrBSphWiUoJoqq5sm55w5ioERtA2Dtxz7//AoPAiE8YwpqLrODoti8yhdEqtWq/YrHbb4HiuTqD3Q4IqW9EycpYOs9rnt3ntXsHXrgFmoNAD+AV+gFyEhYZbCQAh+QQJCgAFACwAAAAAKAAoAEADaVi63P4wyklrARiorK3nWxZiXmmeaKqe4CW65FoQGKHQgD3Xcu//wKBwSGm1BIGAoGd8tVbN2JNIrVqv2Kx2y+36kEoFeCmMdoLm0VmVhq1T7SncSY9B6x05aoAZKPgAfgWAgl6Gh4hYCQAh+QQJCgAFACwAAAAAKAAoAEADZ1i63P4wyknrAxgoEYKwUqYVolKCaKqubJuecOYqBEbQNg7cc+//wKDwIhPGMKai6zg6LYvMoXRKrVqv2Kx22+B4rk6g90OCKlvRMnKWDrPa57d57V7B164BZqDQA/gFfoBchIWGWwkAIfkECQoABQAsAAAAACgAKABAA2hYutz+MMpJ6wMYqKxt5FsWYl5pnmjagCrEvmJbEBih0IA913Lv/8Cg0BUTBAKCIYwkW3ZYLeeoM6xar9isdsvtLoxILfQqFZZb4GThrCqPU+5YNMaG0+/M1gAzUOwBfQV/gV6FhoeICQAh+QQJCgAFACwAAAAAKAAoAEADbli63P4wyknrAxiorG3kWxZiXmmeaDoJQSCoC1jIMkxghHIDebH3sKBwSCwaKzRRMEmaKWHMTk0VHXWO2Kx2y+16v+CwheWyYqtB8svZnKbQbhT8SVWiofZ8E9/WX1UDGAMKgQCDBYWHYouMjY4JACH5BAkKAAUALAAAAAAoACgAQANwWLrc/jDKSWsBGMCsbeQKeGVeaZ4oKqaW6JKsQmCETNtAHe987//ADcwhCAQEvFVDmXphQkOWs8MMWq/YrHbL7XoZxSO3aiWPnjuzuSQKI8+d2BSKlsPm6bu+Lt1ToykDGAMKggCEBYaIX4yNjo8NCQAh+QQFCgAFACwAAAAAKAAoAEADcFi63P4wyklrARjArG3kCnhlXmmeaDoJQSCoiyiTcEFghHIDuY3XwKBwSCyGaA4RbIY5NmvMjlIVdXaM2Kx2y+16v2Avy7VBUs2MaUo0fo2eS1oVKq/Dz895PG+/4qV9QAMYAwqDAIUFh4lhjY6PkAkAOw==) no-repeat 50%/100%;
    }

.article-title {
    font-size: 28px;
    text-align: center;
    font-weight: bold;
}

.article-content {
    text-align: left;
    font-size: 16px;
    width: 100%;
}

    .article-content p {
        text-indent: 36px;
        font-size: 18px;
        line-height: 2em;
    }

        .article-content p img,
        .article-content img,
        .article-content a img,
        .article-content a p img {
            max-width: 680px;
            height: auto !important;
            margin: 0 auto;
        }






.live-banner {
    width: 100%;
    height: 280px;
    background: url(/Styles/images/livesubscribe-banner.jpg) center center no-repeat;
}


.live-company {
    width: 100%;
    background: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 0px;
    border-radius: 10px;
    margin-bottom: 10px;
    /*background:url(/Styles/images/back-img2.png)  no-repeat; background-size:100% 100%; background-attachment:fixed;*/
    position: relative;
    margin-bottom: 0px;
    -webkit-box-shadow: 0px 1px 10px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 1px 10px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 10px 2px rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    height: 320px;
}

    .live-company .play {
        background: url(/Styles/images/ico_play.png) no-repeat;
        background-position: 0px 0px; /*对应小图标的坐标*/
        width: 60px;
        height: 60px;
        position: absolute;
        left: 50%;
        margin-left: -30px;
        top: 50%;
        margin-top: -30px;
    }

.live-company-header {
    padding: 10px;
    width: 100%;
}




    .live-company-header p {
        margin: 0;
        padding: 0;
        color: #999;
        font-size: 12px;
        margin: 10px 0 10px 0;
    }

        .live-company-header p span {
            color: #666;
        }


.live-company-header_logo {
    width: 50px;
    height: 50px;
    float: left;
    margin-right: 10px;
}

    .live-company-header_logo img {
        width: 50px;
        height: 50px;
        border-radius: 50px;
    }
/*mod syt 20200723*/
.live-company-header_title {
    font-size: 16px;
    padding: 3px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    height: 50px;
}
/*主营产品超出两行省略号显示*/
.live-company-mainproducts {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}

/*<div class="spinner">
                               <div class="bounce1"></div>
                               <div class="bounce2"></div>
                               <div class="bounce3"></div>
                           </div>*/
.spinner {
    width: 30px;
    z-index: 10000;
    font-size: 11px;
    display: inline;
}

    .spinner img {
        position: absolute;
        right: -10px;
        top: -40px;
    }

    .spinner > div {
        width: 6px;
        height: 6px;
        background-color: #333;
        border-radius: 100%;
        display: inline-block;
        -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
        animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    }

    .spinner .bounce1 {
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
    }

    .spinner .bounce2 {
        -webkit-animation-delay: -0.16s;
        animation-delay: -0.16s;
    }

@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1.0);
    }
}

@keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}




@keyframes slideFromLeft {
    0% {
        margin-left: -200px;
        opacity: 0;
    }

    100% {
        margin-left: 0;
        opacity: 1;
    }
}

@-webkit-keyframes slideFromLeft {
    0% {
        margin-left: -200px;
        opacity: 0;
    }

    100% {
        margin-left: 0;
        opacity: 1;
    }
}

@keyframes slideFromRight {
    0% {
        margin-right: -200px;
        opacity: 0;
    }

    100% {
        margin-right: 0;
        opacity: 1;
    }
}

@-webkit-keyframes slideFromRight {
    0% {
        margin-right: -200px;
        opacity: 0;
    }

    100% {
        margin-right: 0;
        opacity: 1;
    }
}


.font-green {
    color: #13830e !important;
}



#company_nav .tabbable-line > .nav-tabs > li.active {
    background: none;
    border-bottom: 4px solid #d71e26;
    position: relative;
    color: #fff;
}

.tabbable-line > .nav-tabs > li.active a {
    color: #fff;
}

#company_nav .tabbable-line > .nav-tabs > li > a {
    font-size: 16px;
    color: #fff;
}


#company_nav .tabbable-line > .nav-tabs > li:hover {
    border-bottom: 4px solid #d71e26;
}

    #company_nav .tabbable-line > .nav-tabs > li:hover a {
        color: #fff;
    }


.tabbable-line > .nav-tabs > li.active {
    background: none;
    border-bottom: 4px solid #fdbe00;
    position: relative;
    color: #000;
}

    .tabbable-line > .nav-tabs > li.active a {
        color: #000;
    }

.tabbable-line > .nav-tabs > li > a {
    font-size: 16px;
    color: #000;
}


.tabbable-line > .nav-tabs > li:hover {
    border-bottom: 4px solid #fdbe00;
}

    .tabbable-line > .nav-tabs > li:hover a {
        color: #000;
    }

.exhibitor-btns {
    display: inline;
    float: right;
    padding-top: 10px;
}

    .exhibitor-btns .btn-item {
        display: inline;
        float: left;
        color: #fff;
        text-align: center;
    }


        .exhibitor-btns .btn-item .btn-item-icon {
            position: relative;
            width: 50px;
            height: 15px;
            margin: 0;
            padding: 0;
            text-align: center;
            display: inline-block;
        }

            .exhibitor-btns .btn-item .btn-item-icon span {
                position: absolute;
                right: -5px;
                top: -10px;
            }

        .exhibitor-btns .btn-item h4 {
            font-size: 13px;
            text-align: center;
            margin: 0;
            padding: 10px 10px 5px 10px;
        }





.list-exhibitor-btns {
    width: 100%;
    margin-top: 20px;
    padding-top: 10px;
    text-align: center;
}

    .list-exhibitor-btns .btn-item {
        display: inline;
        float: left;
        text-align: center;
        color: #007aff;
    }


        .list-exhibitor-btns .btn-item .btn-item-icon {
            position: relative;
            width: 50px;
            height: 15px;
            margin: 0;
            padding: 0;
            text-align: center;
            display: inline-block;
        }

            .list-exhibitor-btns .btn-item .btn-item-icon span {
                position: absolute;
                right: -5px;
                top: -10px;
            }

        .list-exhibitor-btns .btn-item h4 {
            font-size: 14px;
            text-align: center;
            margin: 0;
            padding: 10px 10px 5px 10px;
        }






.list-match {
    width: 100%;
    border-radius: 10px;
    padding: 10px;
    padding-top: 30px;
    background: #fff;
    height: 380px;
    position: relative;
    margin-bottom: 10px;
}

    .list-match:hover:hover {
        -webkit-box-shadow: 0px 1px 10px 2px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px 1px 10px 2px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 1px 10px 2px rgba(0, 0, 0, 0.1);
    }

.list-match-table {
    width: 120px;
    height: 120px;
    position: relative;
    margin: 0 auto;
}

    .list-match-table img {
        width: 100%;
        z-index: 10;
    }

    .list-match-table .list-match-table__content {
        position: absolute;
        z-index: 20;
        top: 40px;
        text-align: center;
        left: 10px;
        color: #fff;
        font-size: 16px;
        width: 100px;
    }

    .list-match-table button {
        position: absolute;
        z-index: 20;
        top: 110px;
        text-align: center;
        left: 50px;
        font-size: 11px;
        width: 100px;
        border-radius: 20px;
        background: #007aff;
        border: 1px solid #007aff;
        color: #fff;
    }


.list-match-header {
    width: 100%;
    margin-top: 10px;
    overflow: hidden;
}

.list-match-header_logo {
    width: 40px;
    height: 40px;
    float: left;
    margin-right: 10px;
}

    .list-match-header_logo img {
        width: 100%;
    }

.list-match-header_title {
    font-size: 16px;
    overflow: hidden;
}

    .list-match-header_title a {
        font-size: 14px;
    }

.list-match-body {
    width: 100%;
}



/*<!-- 产品 -->*/
.list-match-product {
    margin-top: 10px;
    padding: 0 0px;
    border-radius: 10px;
    margin-right: 5px;
}

    .list-match-product h3 {
        margin-bottom: 16px;
        margin-left: 0px;
    }




    .list-match-product .item-image {
        padding-top: 56.25%;
        height: 0;
        overflow: hidden;
        position: relative;
        border-radius: 5px 5px 0 0;
        background: #efefef;
    }

        .list-match-product .item-image .play {
            background: url(/Styles/images/ico_play.png) no-repeat;
            background-position: 0px 0px; /*对应小图标的坐标*/
            width: 60px;
            height: 60px;
            position: absolute;
            left: 50%;
            margin-left: -30px;
            top: 50%;
            margin-top: -30px;
        }

            .list-match-product .item-image .play:hover {
                filter: drop-shadow(#fdbe00 0 0);
            }



        .list-match-product .item-image > div {
            display: block;
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
        }

    .list-match-product .item-body {
        padding: 10px 12px 0px 20px;
    }

        .list-match-product .item-body a {
            font-size: 16px;
            color: #333;
        }

    .list-match-product .item-title {
        font-size: 12px;
        margin-bottom: 8px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        word-wrap: break-word;
        height: 50px;
        color: #333;
        font-weight: 500;
        width: 100%;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }

        .list-match-product .item-title a {
            font-size: 12px;
        }

    .list-match-product .item-desc {
        color: #666;
        margin-bottom: 4px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .list-match-product .item-footer {
        position: relative;
        color: #999;
        margin-bottom: 20px;
        height: inherit;
        overflow: hidden;
        zoom: 1;
        text-align: left;
        margin-top: 20px;
        padding-left: 20px;
    }




.list-exhibitor-left {
    width: 200px;
    float: left;
    margin-right: 30px;
    overflow: hidden;
}

    .list-exhibitor-left h3.title {
        padding: 0;
        margin: 0;
        color: #000;
        font-size: 14px;
        font-weight: bold;
    }



/*展商列表*/
.list-exhibitor-body {
    overflow: hidden;
}








.mt-checkbox > span {
    background: #fff;
    border: 1px solid #ccc;
    height: 14px;
    width: 14px;
}

.mt-checkbox {
    font-size: 12px;
    margin-bottom: 8px;
    padding-right: 5px;
    padding-left: 20px;
}

.form-inline .mt-checkbox {
    margin-left: 5px;
    margin-right: 5px;
}


/*  展商列表 筛选标签 */
.exhibitorchoose span {
    height: 22px;
    line-height: 22px;
    display: inline-block;
    padding: 0 26px 0 10px;
    margin-right: 10px;
    margin-top: 10px;
    border: 1px solid #ff611b;
    position: relative;
    font-size: 12px;
}


    .exhibitorchoose span:hover {
        border-color: #ff611b;
        color: #ff611b;
    }

        .exhibitorchoose span:hover i {
            background-color: #ff611b;
        }

.exhibitorchoose i {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 20px;
    height: 20px;
    display: block;
    background-color: #ff611b;
    background-position: 5px -65px;
    text-indent: -999em;
}

.exhibitorchoose i {
    background-image: url(images/close.png?v=5.0);
    background-repeat: no-repeat;
}

.exhibitorchoose .chooseclear {
    margin-left: 17px;
    color: #ff611b;
    position: relative;
}

    .exhibitorchoose .chooseclear:hover {
        color: #e03700;
    }



/* events-exhibitor-online 页 */

.events-exhibitor-online-category {
    width: 100%;
    background: #fff;
    overflow: hidden;
}

    .events-exhibitor-online-category ul li {
        display: inline-grid;
        float: left;
        padding: 10px;
        background: #fff;
    }


        .events-exhibitor-online-category ul li:hover, .events-exhibitor-online-category ul li.active {
            cursor: pointer;
            background: #fdbe00;
            color: #fff;
        }


.search-forms {
    background: #f6f9fb;
    border-radius: 38px;
    display: inline-block;
    position: relative;
    border: 2px solid #007aff;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 10px;
    width: 580px;
}

    .search-forms .input-group .form-control {
        height: 38px;
        border: 0;
        background: 0 0 !important;
        font-size: 14px;
        padding-left: 0;
        margin-left: 12px;
        background: #efefef;
    }

.events-search-forms {
    background: #f6f9fb;
    border-radius: 38px;
    display: inline-block;
    position: relative;
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 0px;
}

    .events-search-forms .input-group .form-control {
        height: 38px;
        border: 0;
        background: 0 0 !important;
        font-size: 14px;
        padding-left: 0;
        margin-left: 12px;
        background: #efefef;
    }








.login-wechat {
    width: 180px;
    height: 180px;
    position: relative;
    text-align: center;
    margin: 0 auto;
    margin-top: 30px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    vertical-align: middle;
    align-content: center;
    margin-bottom: 10px;
}

    .login-wechat img {
        vertical-align: middle;
        align-content: center;
        width: 180px;
        height: 180px;
    }

    .login-wechat .qrcodeShadow {
        width: 180px;
        height: 180px;
        background-color: hsla(0,0%,100%,.9);
        text-align: center;
        position: absolute;
        top: 0;
    }

/*exhibitor detail*/


company_baseinfo baseinfo_container {
    width: 1200px;
    margin: 0 auto;
}

baseinfo_container {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}

.company_baseinfo .cell {
    border-bottom: 1px solid #e6e6e6;
    min-height: 34px;
    line-height: 34px;
    padding: 10px 0;
    font-size: 14px;
    display: flex;
    color: #343434;
}

.company_baseinfo .cell-item {
    flex: 1;
}

.company_baseinfo .cell-label {
    display: block;
    flex: 0 0 180px;
    color: #666;
}

.company_baseinfo .cell-value {
    display: block;
    flex: 1;
    font-weight: 600;
    padding-right: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.exhibitor_tilte {
    font-size: 28px;
    font-weight: 600;
}
/*contact*/
.contact-service base {
    padding-top: 48px;
    padding-bottom: 120px;
    background-color: #fff;
}



.contact-service .contact-service__box {
    display: flex;
    justify-content: space-between;
}

.contact-service .contact-service__card {
    width: 570px;
    padding: 40px;
    background: #f7f7f7 no-repeat 50%;
    position: relative;
    display: flex;
    flex-direction: column;
    background-size: cover;
}

.contact-service .contact-service__card-icon {
    position: absolute;
    right: 35px;
    top: 60px;
    width: 72px;
    color: #d71e26;
    height: 72px;
}

.contact-service .contact-service__card-title {
    font-size: 20px;
    font-weight: 600;
    color: #333;
    line-height: 30px;
    position: relative;
}

.contact-service .contact-service__card-ctrls {
    position: relative;
    margin-top: 60px;
}

.contact-service .contact-service__card-btn.reservation {
    background-color: transparent;
    color: #d71e26;
    transition: all .5s;
}

.contact-service .contact-service__card-btn {
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d71e26;
    color: #d71e26;
    font-size: 16px;
    font-weight: 600;
    background: no-repeat 50%;
    cursor: pointer;
    background: #d71e26;
    color: #fff;
    transition: all .5s;
}
/*product menu drop*/

.exhibitor-nav__item {
    color: #fff;
    padding: 0 24px;
    margin-right: 6px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    height: 36px;
    line-height: 36px;
    display: flex;
    align-items: center;
    transition: all .5s;
}

.exhibitor-nav__drop {
    width: 200px;
    padding-top: 10px;
    z-index: 100000000;
    position: absolute;
    left: 0;
    top: 36px;
    display: none;
}



.exhibitor-nav__drop-item {
    padding: 5px 15px;
    font-size: 14px;
    color: #333;
    /*min-height: 40px;*/
    line-height: 1.5;
    cursor: pointer;
    background-color: transparent;
    color: #333;
    transition: all .5s;
}

.exhibitor-nav__drop-item-active {
    border-right: 4px solid #e7505a;
}





/*.exhibitor-nav__item:hover {
    color: #fff;
}*/


.exhibitor-nav__drop-cont {
    background-color: #fff;
    width: 250px;
    border: 1px solid #e3e3e3;
    max-height: 440px;
    overflow-y: auto;
}

.exhibitor-nav__drop-item:hover {
    background-color: rgba(0,0,0,.1);
    color: #333;
}



.exhibitor-nav__menu:hover .exhibitor-nav__drop {
    display: block;
}



.headline h3 {
    font-size: 16px;
    border-left: 5px solid #ffd800;
    padding-left: 10px;
    float: left;
    width: 160px;
}

.headline {
    border-bottom: 1px solid #e7ecf1;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100%;
    clear: both;
    overflow: hidden;
}


.header-top-dropdown-menu {
    display: inline-flex;
    float: right;
}

    .header-top-dropdown-menu li {
        padding: 5px;
        margin-left: 10px;
    }

        .header-top-dropdown-menu li a {
            color: #666;
        }



.video-container {
    position: relative;
    border-radius: 5px;
    height: auto; /*480px*/
}


.videoCount {
    z-index: 102;
    position: absolute;
    left: 10px;
    bottom: 30px;
    display: inline;
    padding: 5px 10px 5px 10px;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 20px;
    color: #fff;
}

    .videoCount i {
        margin-right: 5px;
    }


.videoLike {
    z-index: 102;
    position: absolute;
    right: 10px;
    bottom: 30px;
    display: inline;
    padding: 5px 10px 5px 10px;
    color: #fff;
}

.videoLike_Count {
    z-index: 102;
    padding: 3px;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 20px;
    margin-top: 10px;
    color: #fff;
}

.videoBtn_Container {
    width: 100%;
    overflow: hidden;
    padding: 10px;
    z-index: 105;
    margin-top: 10px;
    background: #fff;
    border-radius: 5px;
}

    .videoBtn_Container img {
        width: 24px;
        height: 24px;
    }

    .videoBtn_Container .btn_CN {
        width: 45px;
        height: 35px;
        background: #fff;
        padding: 10px;
    }

    .videoBtn_Container .btn_active {
        background: #007aff;
        color: #fff;
    }

    .videoBtn_Container a:hover {
        background: #007aff;
        color: #fff;
    }

.videoHtml iframe {
    width: 100%;
    height: 470px;
    border-radius: 5px;
    background: #000;
}

.program-detail {
    width: 100%;
    position: relative;
}

    .program-detail img {
        max-height: 540px;
    }

.program-detail-time-bg {
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    border-radius: 0 0 10px 10px;
    color: #fff;
    font-size: 14px;
    padding: 10px;
}

.program-detail-time-bg__timeleft {
    color: #fff;
    font-size: 18px;
    text-align: center;
}

.program-detail-time-bg h3 {
    padding: 0;
    margin: 0;
}

.program-detail-time-bg__timeleft div {
    display: inline-block;
    margin-right: 5px;
    font-size: 12px;
    background: #fff;
    color: #000;
    padding: 4px 8px 4px 8px;
    border-radius: 5px;
    text-align: center;
    color: #a2abb7;
}

    .program-detail-time-bg__timeleft div h3 {
        font-size: 20px;
        color: #000;
        font-weight: bold;
    }

.program-detail .background {
    position: absolute;
    top: 0px;
    left: 0px;
    text-align: center;
    background: rgba(0, 0, 0, 0.4);
    padding: 10px;
    width: 100%;
    height: 100%;
}

.program-detail .play {
    background: url(/Styles/images/ico_play.png) no-repeat;
    background-position: 0px 0px;
    width: 60px;
    height: 60px;
    position: absolute;
    left: 50%;
    margin-left: -30px;
    top: 50%;
    margin-top: -30px;
}



span.mainproduct {
    background: #efefef;
    margin-right: 5px;
    padding: 2px;
    border-radius: 10px;
    margin-bottom: 5px;
}

/*分享社交媒体图标*/
.share-sns-icon {
    margin-right: 5px;
    margin-left: 5px;
}

    .share-sns-icon img {
    }



.events-detail-session {
    width: 100%;
    margin-top: 30px;
    margin-bottom: 0px;
    overflow: hidden;
}

.events-detail-session-video {
    /*background: #fff;*/
    border-radius: 10px;
    height: 510px;
    overflow: hidden;
    float: left;
    width: 900px;
    -webkit-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.1);
}

    .events-detail-session-video iframe {
        width: 100%;
        height: 510px;
        border: 0;
    }


.events-detail-session-right {
    float: right;
    width: 300px;
    height: 510px;
    border-radius: 10px;
    padding: 0px;
}

.events-detail-session__items {
    padding: 0 0px;
}

    .events-detail-session__items .thumbnail {
        -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
        border: 4px solid #fff;
        padding: 0;
        height: 230px;
        border-radius: 10px;
    }

        .events-detail-session__items .thumbnail:hover, .events-detail-session__items .thumbnail_active {
            border: 4px solid #fdbe00;
            border-radius: 10px;
            cursor: pointer;
        }

    .events-detail-session__items .item-image {
        padding-top: 56.25%;
        height: 0;
        overflow: hidden;
        position: relative;
        border-radius: 5px 5px 0 0;
        background: #efefef;
    }

        .events-detail-session__items .item-image .play {
            background: url(/Styles/images/ico_play.png) no-repeat;
            background-position: 0px 0px; /*对应小图标的坐标*/
            width: 60px;
            height: 60px;
            position: absolute;
            left: 50%;
            margin-left: -30px;
            top: 50%;
            margin-top: -30px;
        }

            .events-detail-session__items .item-image .play:hover {
                filter: drop-shadow(#fdbe00 0 0);
            }

        .events-detail-session__items .item-image span.time {
            position: absolute;
            left: 10px;
            bottom: 10px;
            background: rgba(0,0,0,0.5);
            border-radius: 40px;
            padding-left: 8px;
            color: #fff;
            padding-right: 8px;
            font-size: 14px;
        }


        .events-detail-session__items .item-image span.video {
            position: absolute;
            left: 10px;
            top: 10px;
            background: rgba(0,0,0,0.5);
            border-radius: 40px;
            padding-left: 8px;
            color: #fff;
            padding-right: 8px;
            font-size: 14px;
        }



        .events-detail-session__items .item-image span.lock {
            position: absolute;
            right: 5px;
            top: 5px;
        }

        .events-detail-session__items .item-image > div {
            display: block;
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
        }



    .events-detail-session__items .item-title {
        font-size: 18px;
        margin-bottom: 15px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        word-wrap: break-word;
        color: #000;
        font-weight: 500;
        width: 100%;
        padding: 10px;
    }

        .events-detail-session__items .item-title a {
            color: #000;
            font-weight: bold;
        }

.iframe_Box {
    width: 100%;
    text-align: center;
    clear: both;
    position: relative;
    border-radius: 10px;
    background-size: 100% 100%;
    position: relative;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
}

    .iframe_Box.out {
        position: fixed;
        top: 140px;
        /*bottom: 80px;*/
        right: 20px;
        width: 320px;
        height: 200px;
        z-index: 100000;
        animation: an 0.1s;
    }


        .iframe_Box.out iframe {
            width: 100%;
            height: 185px;
        }


.iframe_videoBox .btn_CN {
    color: #007aff;
}

.iframe_videoBox .btn_active {
    border-bottom: 3px solid #fdbe00;
}


.category_active {
    border-left: #007aff 5px solid;
    color: #007aff;
    background-color: #f8fafc;
}

.childrencategory_active {
    border-color: #007aff;
    color: #007aff;
    background-color: #f8fafc;
}





/*<!-- events-news -->*/
.events-news {
    margin-top: 10px;
    padding: 0 0px;
}

    .events-news h3 {
        margin-bottom: 16px;
        margin-left: 0px;
        font-size: 24px;
    }

    .events-news .thumbnail {
        border: 1px solid #efefef;
        border-radius: 10px;
    }

        .events-news .thumbnail:hover {
            -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
            -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
        }

    .events-news .item-image {
        padding-top: 56.25%;
        height: 0;
        overflow: hidden;
        position: relative;
        border-radius: 5px 5px 0 0;
        background: #efefef;
    }

        .events-news .item-image .play {
            background: url(/Styles/images/ico_play.png) no-repeat;
            background-position: 0px 0px; /*对应小图标的坐标*/
            width: 60px;
            height: 60px;
            position: absolute;
            left: 50%;
            margin-left: -30px;
            top: 50%;
            margin-top: -30px;
        }

            .events-news .item-image .play:hover {
                filter: drop-shadow(#fdbe00 0 0);
            }

        .events-news .item-image span.time {
            position: absolute;
            right: 5px;
            bottom: 5px;
            background: rgba(0,0,0,0.5);
            border-radius: 40px;
            padding-left: 3px;
            color: #fff;
            padding-right: 3px;
            font-size: 12px;
        }

        .events-news .item-image span.lock {
            position: absolute;
            right: 5px;
            top: 5px;
        }

        .events-news .item-image > div {
            display: block;
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
        }

    .events-news .item-body {
        padding: 20px 12px 0px 20px;
        text-align: left;
        height: 155px;
    }



    .events-news .item-title {
        font-size: 18px;
        margin-bottom: 15px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        word-wrap: break-word;
        color: #ff0000;
        font-weight: 500;
        width: 100%;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

        .events-news .item-title a {
            color: #000;
            font-weight: bold;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

    .events-news .item-events {
        font-size: 14px;
        color: #666;
        margin-bottom: 4px;
        overflow: hidden;
        word-wrap: break-word;
        margin-bottom: 10px;
    }

        .events-news .item-events a {
            color: #000;
        }


    .events-news .item-desc {
        font-size: 16px;
        color: #9a9a9a;
        margin-bottom: 4px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        line-clamp: 3;
        -webkit-box-orient: vertical;
    }

        .events-news .item-desc i {
            color: #fdbe00;
            margin-right: 5px;
        }

    .events-news .item-footer {
        position: relative;
        color: #999;
        margin-bottom: 20px;
        height: inherit;
        overflow: hidden;
        zoom: 1;
        text-align: left;
        margin-top: 20px;
        padding-left: 20px;
    }
/*events-news end*/


@media (max-width:1400px) {
    #page_top_events .page-top-events-date__left {
        float: left;
        width: 620px;
    }
}

@media (max-width:1300px) {
    #page_top_events .page-top-events-date__left {
        float: left;
        width: 520px;
    }
}


@media (max-width:720px) {

    .page-header {
        min-height: 80px;
    }

    .page-header-top {
        min-height: 80px;
    }

    .article-content {
    }

        .article-content img, .article-content p img {
            width: 100% !important;
            height: auto !important;
            margin: 0 auto;
        }



    .page-header .page-header-top .page-logo img {
        margin-top: 10px;
        width: 160px;
    }

    .page-header .page-header-top .top-menu {
        display: inline;
        clear: inherit;
        margin-top: 10px;
    }

    .container {
        width: auto;
    }

    .page-header .page-header-top.fixed {
        height: 70px;
    }

    .page-logo {
        left: 10px;
    }

    .scroll-to-top {
        right: 20px;
    }

    .content_details img {
        max-width: 100%;
        margin: 0 auto;
    }



    .leftContent {
        width: 100%;
        float: none;
        overflow: hidden;
    }

    .rightSidebar {
        margin-top: 30px;
        width: 100%;
        float: none;
        overflow: hidden;
        padding: 0;
        position: relative;
    }

    .product-detail-header-left {
        width: 100%;
        text-align: center;
    }

    .product-detail-header-body {
        margin-top: 10px;
        border-top: 1px solid #ccc;
        width: 100%;
    }

    .input-lg {
        width: 100% !important;
    }





    .video-container {
        position: relative;
        border-radius: 5px;
        height: auto;
    }


    .videoBox.out {
        top: 85px;
        width: 91%;
        height: auto;
    }


    .content_details, .content_details p {
        line-height: 150%;
        font-size: 16px;
    }

        .content_details img {
            width: 100%;
            margin: 0 auto;
        }

        .content_details p img {
            width: 100%;
            margin: 0 auto;
        }

        .content_details table {
            border: 1px solid #a2abb7;
        }

        .content_details td {
            border-right: 1px solid #a2abb7;
            border-bottom: 1px solid #a2abb7;
        }
}


.exhibitor-header-nav-bgcolor {
    background-color: #3d3d3d;
}


.area-content {
    line-height: 150%;
    max-height: 120px;
    overflow-y: auto;
}

    .area-content p {
        margin: 0;
        line-height: 150%;
    }

.area-content-video {
    display: inline;
    height: 180px;
    align-items: center;
    text-align: center;
    margin: 0 auto;
}

.area-content-video_card {
    background: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 0px;
    border-radius: 10px;
    margin-bottom: 10px;
    position: relative;
    margin-bottom: 10px;
    -webkit-box-shadow: 0px 1px 10px 2px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 1px 10px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 10px 2px rgb(0 0 0 / 10%);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    height: 180px;
}

    .area-content-video_card .play {
        background: url(/Styles/images/ico_play.png) no-repeat;
        background-position: 0px 0px;
        width: 60px;
        height: 60px;
        position: absolute;
        left: 50%;
        margin-left: -30px;
        top: 50%;
        margin-top: -30px;
    }




.btn-success, btn-primary {
    background-color: #007aff;
    border-color: #007aff;
}

    .btn-success:hover, btn-primary:hover {
        background-color: #007aff;
        border-color: #007aff;
    }

    .btn-success:link, btn-primary:link {
        background-color: #007aff;
        border-color: #007aff;
    }

    .btn-success:visited, btn-primary:visited {
        background-color: #007aff;
        border-color: #007aff;
    }


#newsContent .nav-tabs > li > a {
    font-size: 16px;
    color: #000;
}


#newsContent .nav-tabs > li:hover {
    border-bottom: 4px solid #e7505a;
}

    #newsContent .nav-tabs > li:hover a {
        color: #000;
    }

#newsContent .nav-tabs > li.active {
    border-bottom: 4px solid #e7505a;
}