@font-face {
        font-family: "HarmonyOS_Sans_Bold";
        src: url("../fonts/HarmonyOS_Sans_Bold.ttf");
    }
    @font-face {
        font-family: "HarmonyOS_Sans_Regular";
        src: url("../fonts/HarmonyOS_Sans_Regular.ttf");
    }
    @font-face {
        font-family: "Din_Bold";
        src: url("../fonts/din_bold.otf");
    }
    html,body{
        font-size: 14px;
        font-family: "HarmonyOS_Sans_Regular", Calibri;
    }
    html body.cn_body{
        font-size: 14px;
        font-family:微软雅黑
    }
    input, textarea{
        border: none;
        outline: none;
    }
    input[type="number"]::-webkit-outer-spin-button,
    input[type="number"]::-webkit-inner-spin-button {
        margin: 0;
        -webkit-appearance: none !important;
        -moz-appearance: textfield;/*在firefox下移除input[number]的上下箭头*/
    }
    .sub-title{
        font-size: 1.6rem;
        color:#212121;
        font-weight: 600;
        padding-bottom: 1rem;
    }
    .switch-icon{
        -webkit-transition: all 600ms ease-in-out;
        -moz-transition: all 600ms ease-in-out;
        -o-transition: all 600ms ease-in-out;
        -ms-transition: all 600ms ease-in-out;
        transition: all 600ms ease-in-out;
    }
    .close-icon{
        /*-webkit-transform:rotate(135deg);
        -moz-transform:rotate(135deg);
        -o-transform:rotate(135deg);
        -ms-transform:rotate(135deg);*/
        -webkit-transform:rotate(180deg);
        -moz-transform:rotate(180deg);
        -o-transform:rotate(180deg);
        -ms-transform:rotate(180deg);
    }

    .largenIcon{
        animation: largenIcon 1.5s linear infinite;
        animation-direction:alternate;
    }
    .largenIcon:hover{
        animation-play-state:paused;
    }

    @keyframes largenIcon{
        0%{
            transform: scale(1);
            -ms-transform: scale(1);	/* IE 9 */
            -webkit-transform: scale(1);	/* Safari 和 Chrome */
            -o-transform: scale(1);	/* Opera */
            -moz-transform: scale(1);	/* Firefox */
        }
        100%{
            transform: scale(1.4);
            -ms-transform: scale(1.4);	/* IE 9 */
            -webkit-transform: scale(1.4);	/* Safari 和 Chrome */
            -o-transform: scale(1.4);	/* Opera */
            -moz-transform: scale(1.4);	/* Firefox */
        }
    }


    .panel{
       /* border: 1px solid #ddd;*/
        border-radius: 4px;
    }
    .panel-heading{
        /*background: #f5f5f5;*/
    }
    .panel-heading .panel-title a{
        color:#fff;
    }

    .panel-body{
        border: 1px solid #ddd;
        padding: 15px;
        position: relative;
       /* border-radius: 4px;*/
    }
    .panel-title span{
        /*float: right;
        margin-right: 15px;*/
        display: inline-block;
    }

    /* ==========================================================================
       关于 About
       ========================================================================== */
    #About .AboutRow{
        margin-top: 1.5rem;
    }
    #About ul li i{
        color: #a3d320;
        padding-right: 1rem;
        padding-top: 5px;
    }
    #About ul li{
        font-size: 1.3rem;
        /*padding-bottom: 1rem;*/
        display: flex;
    }
    #About ul li span{
        color: #3498e0;
    }

    #About .about-text{
        height: 208px;
        overflow: hidden;
        position: relative;
    }
    #About .omit{
        position: absolute;
        bottom: 0px;
        right: 10px;
        padding: 0 20px 0 5px;
        background: white;
        color:black;
    }

    /* ==========================================================================
    Some Previous Speakers
   ========================================================================== */

    #sliderDiv .am-slider-default{
        box-shadow: none;
    }

    #Speakers .InviteImgContainer{
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    #Speakers .InviteImgContainer img{
        width: 38%;
        height: auto;
    }
    #Speakers .InviteContainer p{
        line-height: 2.4rem;
    }
    #Speakers .InviteContainer p i{
        color:#a3d320;
    }

    /*圆的speakers*/
    .img-circle{
        border-radius:50%;
    }
    #Speakers .speakerBox{
        text-align: center;
        margin-bottom: 30px;
    }
    #Speakers .speakerImgBox{
        text-align: center;
        margin-bottom: 10px;
    }
    #Speakers .speakersRow .speakerImgBox img{
        cursor: pointer;
        width: 80%;
        height: auto;
        /*border: 2px solid #3498e0;*/
        padding: 18px;
        background: url("../../assets/img/background/speaker.png") no-repeat;
        background-size: cover;
        display: inline-block;
        /*box-shadow: 0px 0px 0px 10px rgba(255, 255, 255, 1) ,0px 0px 5px 10px rgba(0, 0, 0, 0.1);*/
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

    #Speakers .speakersRow .speakerImgBox img:hover{
        padding: 6px;
    }



    /* ==========================================================================
    会议回顾 Previous Events
    ========================================================================== */
    .reviewRow{
       /* background-image: url('../img/review/star.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;*/
        height: 350px;
        overflow: hidden;
        position: relative;
        background-color: black;
        background: radial-gradient(220% 105% at top center, #000 5%, #000035 20%, #0b2570 75%, #0070aa);
    }

    /*新增的星星*/
    .reviewRow span {
        display: inline-block;
        width: auto;
        position: absolute;
        border-radius: 100%;
        transition: 100s linear;
    }

    #reviewContainer #reviewSlider{
        position: relative;
        background: transparent;
        color: white;
    }
    #reviewContainer #reviewSlider .am-viewport{
        padding: 0 10px;
    }

    #reviewContainer .am-slides li{
        display: flex !important;
        flex-direction: column;
        height: 360px;
    }
    #reviewContainer .am-slides li.topLi{
        justify-content: flex-start;
    }


    #reviewContainer .am-slides li.bottomLi{
        justify-content: flex-end;
    }
    #reviewContainer .outsiteBox{
        height: 170px;
        margin-left: 20px;
    }

    #reviewContainer .innerBox{
        border-left: 1px solid #a3d320;
        position: relative;
    }

    #reviewContainer li .pBox{
        padding-left: 0.5rem;
        white-space: nowrap;
    }
    #reviewContainer li:last-child .pBox{
        white-space: normal;
    }


    #reviewContainer .am-slides li.topLi .outsiteBox{
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }

    #reviewContainer li .smallCircl{
        position: absolute;
        left: -8.5px;
        width: 16px;
        height: 8px;
        background: #a3d320;
    }
    #reviewContainer li.topLi .smallCircl{
        bottom: 0px;
        border-radius: 16px 16px 0 0;
    }
    #reviewContainer li.bottomLi .smallCircl{
        top: 0px;
        border-radius: 0 0 16px 16px;
    }

    .bigCircle{
        width: 40px;
        height: 40px;
        border-radius: 40px;
        text-align: center;
        line-height: 40px;
        position: relative;
        left: -20px;
        background: url("../img/review/moon.png") no-repeat center;
        background-size: 48px 48px;

        /* Safari and Chrome */
        -webkit-animation-name: breathingLight;
        -webkit-animation-duration: 3s;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: infinite;

        animation-name: breathingLight;
        animation-duration: 3s;
        animation-timing-function: ease-in-out;
        animation-iteration-count: infinite;
    }

    @-webkit-keyframes breathingLight {
        50% {
            -webkit-box-shadow: 0 0 20px 3px rgba(256,256,256,.4);
        }
    }

    @keyframes breathingLight{
        50% {
            box-shadow: 0 0 20px 3px rgba(256,256,256,.4);
        }
    }

    .rocketBox{
        overflow: hidden;
        position: absolute;
        transform: translate(-50%,-50%);
        top: 50%;
        left: 50%;
        width: 100%;
        height: 20px;
        background: -webkit-linear-gradient(left,  rgba(256,256,256,0.2),rgba(252,0,25,0.3) , rgba(15,128,19,0.3) , rgba(10,11,251,0.3)); /* Safari 5.1 - 6.0 */
        background: linear-gradient(to right, rgba(256,256,256,0.2),rgba(252,0,25,0.3) , rgba(15,128,19,0.3) , rgba(10,11,251,0.3)); /* 标准的语法（必须放在最后） */
    }
    .rocketBox .rocket{
        position: absolute;
        width: 36px;
        height: 20px;
        background: url('../img/review/rocket.gif') no-repeat center;
    }

    #reviewContainer .am-slider-default{
        box-shadow: none;
        margin: 0;
    }
    #reviewContainer .am-slider-default .am-direction-nav .am-prev{
        left: -15px;
    }
    #reviewContainer .am-slider-default .am-direction-nav .am-next{
        right: -15px;
    }
    #reviewContainer .am-slider-default .am-direction-nav a:before{
        color:white;
        font-size: 36px !important;
    }

    /* ==========================================================================
    报名 Registration
    ========================================================================== */

    .reg_state{
        background-color: #eeeeee;
        padding: 0.5rem 0;
        font-family: "Calibri";
        color: #555555;
        text-align: center;
    }
    .reg_state span{
        font-weight:bold;
    }
    .reg_state a{
        text-decoration:underline;
        color:#a3d320;
    }
    .textbox {
        width: 16px;
        height: 20px;
        font-size: 1.4rem;
        border:1px solid #A9A9A9;
        background-color: #fff;
    }
    .textbox[disabled],#txtcardName[disabled]{
        background-color: #EBEBE4;
    }

    #txtcardName{
        width:40%;
        height: 20px;
        font-size: 1.4rem;
        border:1px solid #A9A9A9;
        background-color: #fff;
    }

    #Registration>div.container .registrationRow{
        border: 1px solid #E6E6E6;
    }
    .reg_stitle{
        color:#a3d320;
        font-weight: bolder;
        padding:0.8rem 0;
    }
    .reg_stitle span{
       /* font-size: 1.4rem;*/
    }
    .reg_list{
        padding-bottom: 1rem;
    }
    .reg_red{
        color:red;
    }
    .selectBox{
        /*font-size: 1.4rem;*/
        background-color: #EEEEEE;
        padding: 0.4rem 0;
    }
    .selectBox input{
        vertical-align:-2px;
    }
    .reg_font{
       /* font-size: 1.4rem;*/
    }
    #Registration .table-bordered  tr,td,th {
        border: 1px solid #555555 !important; /* 整体表格边框 */
    }
    #Registration  .price_list_table thead th{

    }
    #Registration .table-bordered input{
        background-color: #EEEEEE;
        width: 70%;
    }
    .reg_footer{
        background-color: #959595;
    }
    table.price_list_table{
        vertical-align: middle;text-align: center;
    }
    table.price_list_table thead th{
        width: 16.666%;
    }
    table.price_list_table tbody td{
        height: 50px;
    }

    #Registration #RegistrationBtn{
        background: #a3d320;
        border: none;
        color: white;
        padding: 0.5rem 2rem;
        letter-spacing: 2px;
        border-radius: 2rem;
    }

    /* ==========================================================================
     Hotel Registration
     ========================================================================== */
    #hotel .hotelInfo p{
        text-align: left;
        padding-bottom: 8px;
    }
    #hotel .hotelInfo a{
        color: #a3d320;
    }
    .hotelInfo img{
        width: 100%;
        height: 184px;
        object-fit: cover;
        border-radius: 5px;
        margin-bottom: 15px;
    }
    #hotel .hotelInfo a .hotel_reservation_form{
        padding: 5px;
        color: white;
        background-color: #a3d320;
        border-radius: 5px;
    }
    .hotelInfo p{
        text-align: left;
        font-size: 14px;
        line-height: 22px;
    }
    .hotelInfo p.hotel_title{
        color: #a3d320;
        font-size: 20px;
        margin-bottom: 20px;
        font-weight: bold;
    }
    .hotelInfo .hotel-name{
        font-size: 20px;
        font-weight: bold;
        text-align: left;
        margin-bottom: 25px;
    }


    /* ==========================================================================
    赞助商机会 Sponsorship Opportunities
    ========================================================================== */
    #Opportunities .opportunitiesRow>div{
           padding: 0;
    }
    #Opportunities .opportunitiesRow .counter{
        display: flex;
        /*flex-direction: column;*/
        height: 100%;
    }

   #Opportunities .innerCounter{
       flex: 1;
       border: 1px solid rgba(256,256,256,.4);
       border-radius: 15px;
       padding: 30px 15px;
       cursor: pointer;
   }
    #Opportunities .innerCounter:hover{
        box-shadow: 0 0 30px rgba(0,0,0,.2);
        border:1px solid rgba(0,0,0,.1);
    }

    @keyframes autoStretch
    {
        from {background: red;}
        to {background: yellow;}
    }

   .opportunitiesDiv{
       color:white;
       text-align: left;

   }
   .opportunitiesDiv ul li{
       display: flex;

   }
   .opportunitiesDiv ul li i{
       padding-top: 0.5em;
       padding-right: 0.6rem;
   }

   /* ==========================================================================
       图集 Gallery
      ========================================================================== */
    .galleryRow img{
        width: 100%;
        height: auto;
        border-radius: 5px;
    }
    .gallery-video{
       margin-bottom: 20px;
    }

    /*Breaking News*/
    .BreakingNewsRow>div{
        display: flex;
    }
    /*.BreakingNewsRow .news-item{
        display: flex;
        flex-direction: column;
    }
    .BreakingNewsRow .news-item .descr{
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }*/
    .BreakingNewsRow .blog-item h3 a{
        font-size: 1.2rem;
        line-height: 1.2rem;
    }


    /* ==========================================================================
       相关会议 Sponsorship Opportunities
       ========================================================================== */
    #relatedEventsSection div.relatedRow>div{
        display: flex;
    }
    #relatedEventsSection .blog-item{
       /* display: flex;
        flex-direction: column;*/
    }
    #relatedEventsSection .blog-item .descr{
        /*flex: 1;*/
        /*display: flex;
        flex-direction: column;
        justify-content: space-between;*/
    }
    #relatedEventsSection .blog-item h3 a{
        font-size: 1.2rem;
        line-height: 1.2rem;
    }

    /* ==========================================================================
       参会嘉宾 Attendees
       ========================================================================== */
    #Attendees .AttendeesLogo{
        display: flex;
    }
    #Attendees .AttendeesLogo>div{
        width: 20%;
        padding: 0.5rem;
    }
    #Attendees .AttendeesLogo .spnsors-logo{
        margin-bottom: 0;
    }
    #Attendees i{
        font-size: 14px;
        color: #a3d320;
    }
    #Attendees .AttendeesBtn span{
        display: inline-block;
    }
    #Attendees .AttendeesBtn span i{
        color: white;
        margin-left: 0.5rem;
    }

    /* ==========================================================================
       支持机构 Endorsers 和 媒体合作 media
       ========================================================================== */

    .detailSection .mask{
        display: flex;
        flex-direction: column;
        justify-content: center;
        width:100%;
        height:100%;
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0;
    }


    .detailSection .mask ul li {
        -webkit-transform: translateY(-200px);
        -moz-transform: translateY(-200px);
        -o-transform: translateY(-200px);
        -ms-transform: translateY(-200px);
        transform: translateY(-200px);
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;

        display: inline-block;
    }
    .detailSection .sponsor-title{
        font-size: 15px;
        margin-bottom: 5px;
    }
    .detailSection .spnsors-logo:hover img{
        transform: scale(1.1);
        transition: all 1s ease 0s;
        -webkit-transform: scale(1.1);
        -webkit-transition: all 1s ease 0s;
    }

    .detailSection .spnsors-logo:hover .mask{
        -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        opacity: 1;
        -webkit-transform: translateY(0px) rotate(0deg);
        -moz-transform: translateY(0px) rotate(0deg);
        -o-transform: translateY(0px) rotate(0deg);
        -ms-transform: translateY(0px) rotate(0deg);
        transform: translateY(0px) rotate(0deg);
        -webkit-transition-delay: 0.4s;
        -moz-transition-delay: 0.4s;
        -o-transition-delay: 0.4s;
        -ms-transition-delay: 0.4s;
        transition-delay: 0.4s;
        background: rgba(14,106,168, 0.7);
    }

    .detailSection .mask ul li i{
        width: 35px;
        height: 35px;
        line-height: 35px;
        border-radius: 4px;
        font-size: 1.5rem;
        color: #fff;
        border: 1px solid #fff;
        background-color: transparent;
        text-align: center;
        cursor: pointer;
    }

    .detailSection .spnsors-logo:hover .mask ul li:nth-child(1) {
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -o-transform: translateY(0px);
        -ms-transform: translateY(0px);
        transform: translateY(0px);
        -webkit-transition-delay: 0.6s;
        -moz-transition-delay: 0.6s;
        -o-transition-delay: 0.6s;
        -ms-transition-delay: 0.6s;
        transition-delay: 0.6s;
    }

    .detailSection .spnsors-logo:hover .mask ul li:nth-child(2) {
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -o-transform: translateY(0px);
        -ms-transform: translateY(0px);
        transform: translateY(0px);
        -webkit-transition-delay: 0.7s;
        -moz-transition-delay: 0.7s;
        -o-transition-delay: 0.7s;
        -ms-transition-delay: 0.7s;
        transition-delay: 0.7s;
    }

    .detailSection .spnsors-logo:hover .mask ul li:nth-child(3) {
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -o-transform: translateY(0px);
        -ms-transform: translateY(0px);
        transform: translateY(0px);
        -webkit-transition-delay: 0.9s;
        -moz-transition-delay: 0.9s;
        -o-transition-delay: 0.9s;
        -ms-transition-delay: 0.9s;
        transition-delay: 0.9s;
    }


    .panel-collapse{
        position: relative;
    }
    .panel-collapse .borderDiv{
        position: absolute;
        z-index: 1;
        background-color: #a3d320;
    }
    .panel-collapse .leftTop{
        height: 1px;
        width: 0;
        top:0;
        left: 0;
    }
    .panel-collapse .rightTop{
        height: 0;
        width: 1px;
        top:0;
        right: 0;
    }
    .panel-collapse .rightBottom{
        height: 1px;
        width: 0;
        bottom: 0;
        right: 0;
    }
    .panel-collapse .leftBottom{
        height: 0;
        width: 1px;
        left: 0;
        bottom: 0;
    }

    /* ==========================================================================
       Gallery
       ========================================================================== */
    .switch-btn{
        -webkit-transition: all 600ms ease-in-out;
        -moz-transition: all 600ms ease-in-out;
        -o-transition: all 600ms ease-in-out;
        -ms-transition: all 600ms ease-in-out;
        transition: all 600ms ease-in-out;
    }

    .switchBtn{
        -webkit-transform:rotate(180deg);
        -moz-transform:rotate(180deg);
        -o-transform:rotate(180deg);
        -ms-transform:rotate(180deg);
    }

    .item2 {
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }

    .item2 .shadow2 {
        width: 30px;
        height: 6px;
        line-height: 12px;
        font-size: 10px;
        color: #a3d320;
        left: 0;
        right: 0;
        margin: auto;
        margin-top: 12px;
        border-radius: 50%;
        background: #888888;
        box-shadow: 0 0 5px #888888;
        -webkit-animation: shadow 1.5s ease-in-out infinite;
        animation: shadow 1.5s ease-in-out infinite;
        -webkit-animation-delay: 0.3s;
        animation-delay: 0.3s;
    }

    .jumpBtn{
        height: 50px;
        width: 50px;
        padding: 11px;
        display: inline-block;
        background: #a3d320;
        border-radius: 50%;
        color:white;
        cursor: pointer;
    }

    .jumpAnimation{
        animation: jumpAnimation 1.5s linear infinite;
    }

    .jumpBtn:hover{
        animation-play-state:paused;
    }

    @keyframes shadow {
        0%, 100% {
            -webkit-transform: scaleX(1);
            transform: scaleX(1);
        }
        50% {
            -webkit-transform: scaleX(0.9);
            transform: scaleX(0.9);
        }
    }

    @keyframes jumpAnimation {
        0%{
            opacity: 1;
            transform:translateY(0px);
            -ms-transform:translateY(0px); /* IE 9 */
            -moz-transform:translateY(0px); /* Firefox */
            -webkit-transform:translateY(0px); /* Safari and Chrome */
            -o-transform:translateY(0px);
        }
        25%{
            transform:translateY(-5px);
            -ms-transform:translateY(-5px); /* IE 9 */
            -moz-transform:translateY(-5px); /* Firefox */
            -webkit-transform:translateY(-5px); /* Safari and Chrome */
            -o-transform:translateY(-5px);
        }
        75%{
            transform:translateY(5px);
            -ms-transform:translateY(5px); /* IE 9 */
            -moz-transform:translateY(5px); /* Firefox */
            -webkit-transform:translateY(5px); /* Safari and Chrome */
            -o-transform:translateY(5px);
        }
        100%{
            transform:translateY(0px);
            -ms-transform:translateY(0px); /* IE 9 */
            -moz-transform:translateY(0px); /* Firefox */
            -webkit-transform:translateY(0px); /* Safari and Chrome */
            -o-transform:translateY(0px);
            opacity: 1;
        }
    }

    /* ==========================================================================
       联系我们Contact Us
       ========================================================================== */
        /*百度地图*/
        #Contact-Us div#allmap{
            height: 450px;
            width: 100%;
        }

        div.BMapLib_SearchInfoWindow{
            box-sizing: content-box;
        }
        div.BMapLib_SearchInfoWindow div,
        div.BMapLib_SearchInfoWindow li,
        div.BMapLib_SearchInfoWindow td
        {
            box-sizing: content-box;
        }
        div.BMapLib_sendToPhone{
            display: none;
        }
        div.BMapLib_nav{
            display: none;
        }
        /*.BMapLib_bubble_tools{
            display: none;
        }*/

    /* ==========================================================================
       脚部
       ========================================================================== */

    footer.footer-area h3{
        font-family: "HarmonyOS_Sans_Bold";
        /*font-size: 1.3rem;*/
    }

    footer.footer-area .footIcon{
        margin-bottom: 1rem;
    }
    footer.footer-area .footIcon a{
        margin-right: 1rem;
    }

    /* ==========================================================================
      右侧悬浮菜单
    ========================================================================== */

    .right_menu{
        position:fixed;
        top:50%;
        margin-top:-65px;
        right:5px;
        z-index: 1500;
    }
    .right_menu li{
        margin-bottom:5px;
        clear:both;
        overflow:hidden;
    }
    .ico_wrapper{
        width:40px;
        height:40px;
        border-radius:10px;
        float:right;
        margin-left:5px;
        background-color:#cccccc;
        /* Firefox 4 */
        -moz-transition:all 0.3s linear ;
        /* Safari and Chrome */
        -webkit-transition:all 0.3s linear;
        /* Opera */
        -o-transition:all 0.3s linear;
    }
    .right_menu li:hover .ico_wrapper{
        background-color:#2f8bce;
    }
    .right_menu li:hover .san_left{
        display:block;
    }
    .san_left{
        display:none;
        float:right;
        margin-left:5px;
        margin-top:13px;
        animation: fade-in;/*动画名称*/
        animation-duration: 0.3s;/*动画持续时间*/
        -webkit-animation:fade-in 0.3s;/*针对webkit内核*/
    }
    .app{
        display:none;
        position:fixed;
        right:70px;
        animation: fade-in;/*动画名称*/
        animation-duration: 0.3s;/*动画持续时间*/
        -webkit-animation:fade-in 0.3s;/*针对webkit内核*/
    }
    .right_menu li:hover .app{
        display:block;
    }
    .top{
        cursor:pointer;
    }
    .right_lampten{
        font-family:Calibri;
        font-size:1.4rem;
        min-width:200px;
        padding: 0 5px;
        height:39px;
        line-height:39px;
        text-align:center;
        border-radius:10px;
        background-color:#2f8bce;
        float:right;
        display:none;
        animation: fade-in;/*动画名称*/
        animation-duration: 0.3s;/*动画持续时间*/
        -webkit-animation:fade-in 0.3s;/*针对webkit内核*/
    }
    .right_menu li:hover .right_lampten{
        display:block;
    }
    .right_lampten a{
        color:#FFF;
    }
    @keyframes fade-in {
        0% {opacity: 0;}/*初始状态 透明度为0*/
        40% {opacity: 0;}/*过渡状态 透明度为0*/
        100% {opacity: 1;}/*结束状态 透明度为1*/
    }
    @-webkit-keyframes fade-in {/*针对webkit内核*/
        0% {opacity: 0;}
        40% {opacity: 0;}
        100% {opacity: 1;}
    }


    /* ==========================================================================
    welcome letter
    ========================================================================== */
    .banner_wlmenu{
        position:fixed;
        left:0;
        z-index:1500;
        bottom: 10px;
    }
    .banner_wlmenu img{
        width: 150px;
        border: 1px solid #a3d320;
    }
    .phone_wlmenu.mobile_wlmenu{
        display: none;
    }
    .phone_wlmenu{
        position:fixed;
        left:0;
        z-index:1500;
        bottom: 80px;
    }
    .phone_wlmenu2{
        position:fixed;
        left:0;
        z-index:1500;
        bottom: 205px;
    }
    .phone_wlmenu3{
        position:fixed;
        left:0;
        z-index:1500;
        bottom: 330px;
    }
    .phone_wlmenu4{
        position:fixed;
        left:0;
        z-index:1500;
        bottom: 455px;
    }
    .phone_wlmenu5{
        position:fixed;
        left:0;
        z-index:1500;
        bottom: 580px;
    }
    .wl_wrapper{
        width: 20px;
        height: 120px;
        float:left;
        background-color: var(--primary-color);
        /* Firefox 4 */
        -moz-transition:all 0.3s linear ;
        /* Safari and Chrome */
        -webkit-transition:all 0.3s linear;
        /* Opera */
        -o-transition:all 0.3s linear;
    }
    .wl_wrapper img{
        width: 100%;
    }
    .phone_wl{
        display:block;
        position:fixed;
        left:20px;
        animation: fade-in;/*动画名称*/
        animation-duration: 0.3s;/*动画持续时间*/
        -webkit-animation:fade-in 0.3s;/*针对webkit内核*/
    }
    .phone_wl img{
        border:2px solid var(--primary-color);
        height: 120px;
    }

    .phone_wlmenu:hover .phone_wl, .phone_wlmenu2:hover .phone_wl{
        display:block;
    }
    .phone_wlmenu:hover .wl_wrapper, .phone_wlmenu2:hover .wl_wrapper {
        background-color: var(--primary-color);
    }
    @media screen and (max-width:767.98px) {
        /*邀请信*/
        .wl_wrapper{
            background-color:#cccccc;
        }
        .phone_wl{
            display:none;
        }
    }


    div.ad{
        width: 300px;
        height: auto;
        background: #3498e0;
        position: fixed;
        left: 15px;
        top: calc(50% - 135px);
        color:#fff;
        padding: 30px;
        z-index: 1;
        border-radius: 10px;
    }
    div.ad a{
        color:white;
        display: block;
    }


    /*超大PC屏幕下的专用样式*/
    @media screen and (min-width:1200px) {

        /*header Start*/
            nav.navbar #main-navbar{
                font-size: 1.2rem;
            }
        /*header End*/

        /*Some Previous Speakers Start*/
        #Speakers {
            position: relative;
        }

        #Speakers .img-box {
            width: 70%;
            margin: 15px auto;
            padding: 10px;
            border-radius: 4px;
            position: relative;
            overflow: hidden;
            box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.17);
        }
        #Speakers .img-box:hover {
            box-shadow: 0 25px 35px -12px rgba(0, 0, 0, 0.35);
        }
        #Speakers .img-box:hover img{
            transform: scale(1.1);
            transition: all 1s ease 0s;
            -webkit-transform: scale(1.1);
            -webkit-transition: all 1s ease 0s;
        }

        #Speakers .overlay-box {
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: -30px;
            transition: .3s ease-out;
            background: rgba(0, 0, 0, .7);
            transform: translate(0,100%);
        }
        #Speakers .item:hover .overlay-box {
            transition: .5s ease-in-out;
            top: 0px;
            transform: translate(0,0);
        }

        #Speakers .inner-box {
            position: relative;
            padding-left: 55px;
            padding-right: 15px;
            transition: 1s ease;
        }
        #Speakers .item:hover .inner-box {
            padding: 43px 15px 43px 55px;
            height: 100%;
            transition: .5s ease;
        }

        #Speakers .icon_box {
            position: absolute;
            width: 40px;
            height: 100%;
            text-align: center;
            background: #a3d320;
            left: 0;
            top: 0;
            bottom: 0;
            line-height: 30px;
            color: #fff;
            transition: .5s ease;
        }
        #Speakers .icon_box span {
            font-size: 33px;
            line-height: 30px;
        }

        #Speakers .item:hover .icon_box span {
            position: absolute;
            top: 50%;
            width: 100%;
            left: 0;
            margin-top: -20px;
            transition: .5s ease;
        }

        #Speakers .overlay-box .text {
            color: #fff;
        }

        #Speakers .overlay-box h5 {
            color: #fff;
            line-height: 30px;
            transition: .5s ease-in-out;
            font-size: 1rem;
            font-weight: bolder;
        }
        #Speakers .item:hover .overlay-box h5 {
            color: #a3d320;
            transition: .5s ease-in-out;
        }

        #Speakers .overlay-box .text p {
            color: rgba(255, 255, 255, 0.06);
            transform: translate(0,100%);
            transition: 1s ease;
            opacity: 0;
        }
        #Speakers .item:hover .overlay-box .text p {
            transform: translate(0,0);
            transition: .5s ease;
            transition-delay: .3s;
            opacity: 1;
            color: #fff;
        }

        /*不滚动的speakers*/
        #Speakers .speakersRow img{
            width: 100%;
            height: auto;
        }
        /*Some Previous Speakers End*/


        /*支持机构详细信息的模态框*/
        #detailContainer .layui-layer{
            border-radius: 5px;
        }
        #detailContainer .layui-layer-content{
            border-radius: 4px;
            padding: 1.5rem;
        }
        #detailContainer img{
            width: 30%;
            height: auto;
        }

    }

    /*中等PC屏幕下的专用样式*/
    @media screen and (min-width:992px) and (max-width:1199.98px) {
        /*header Start*/

        nav.navbar #main-navbar{
            font-size: 1.1rem;
        }
        nav.navbar #main-navbar .navbar-nav .nav-link{
            padding: 0 8px;
        }

        /*header End*/


        /*Some Previous Speakers Start*/
        #Speakers {
            position: relative;
        }

        #Speakers .img-box {
            width: 70%;
            margin: 15px auto;
            padding: 10px;
            border-radius: 4px;
            position: relative;
            overflow: hidden;
            box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.17);
        }
        #Speakers .img-box:hover {
            box-shadow: 0 25px 35px -12px rgba(0, 0, 0, 0.35);
        }

        #Speakers .img-box:hover img{
            transform: scale(1.1);
            transition: all 1s ease 0s;
            -webkit-transform: scale(1.1);
            -webkit-transition: all 1s ease 0s;
        }
        #Speakers .overlay-box {
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: -30px;
            transition: .3s ease-out;
            background: rgba(0, 0, 0, 0.7);
            transform: translate(0,100%);
        }
        #Speakers .item:hover .overlay-box {
            transition: .5s ease-in-out;
            top: 0px;
            transform: translate(0,0);
        }

        #Speakers .inner-box {
            position: relative;
            padding-left: 55px;
            padding-right: 15px;
            transition: 1s ease;
        }
        #Speakers .item:hover .inner-box {
            padding: 43px 15px 43px 55px;
            height: 100%;
            transition: .5s ease;
        }

        #Speakers .icon_box {
            position: absolute;
            width: 40px;
            height: 100%;
            text-align: center;
            background: #a3d320;
            left: 0;
            top: 0;
            bottom: 0;
            line-height: 30px;
            color: #fff;
            transition: .5s ease;
        }
        #Speakers .icon_box span {
            font-size: 33px;
            line-height: 30px;
        }

        #Speakers .item:hover .icon_box span {
            position: absolute;
            top: 50%;
            width: 100%;
            left: 0;
            margin-top: -20px;
            transition: .5s ease;
        }

        #Speakers .overlay-box .text {
            color: #fff;
        }

        #Speakers .overlay-box h5 {
            color: #fff;
            line-height: 30px;
            transition: .5s ease-in-out;
            font-size: 1rem;
            font-weight: bolder;
        }
        #Speakers .item:hover .overlay-box h5 {
            color: #a3d320;
            transition: .5s ease-in-out;
        }

        #Speakers .overlay-box .text p {
            color: rgba(255, 255, 255, 0.06);
            transform: translate(0,100%);
            transition: 1s ease;
            opacity: 0;
        }
        #Speakers .item:hover .overlay-box .text p {
            transform: translate(0,0);
            transition: .5s ease;
            transition-delay: .3s;
            opacity: 1;
            color: #fff;
        }
        /*不滚动的speakers*/
        #Speakers .speakersRow img{
            width: 100%;
            height: auto;
        }
        /*Some Previous Speakers End*/

        /*赞助商机会 Sponsorship Opportunities*/
        #Opportunities .opportunitiesRow>div{
            padding: 0;
        }
        #Opportunities .opportunitiesRow .counter{
            display: flex;
            /*flex-direction: column;*/
            height: 100%;
            padding: 0;
            border-radius: 15px;
        }
        .opportunitiesRow .counterInner{
            border: 1px solid rgba(256,256,256,.4);
            flex:1;
            border-radius: 15px;
            padding: 30px 15px;
        }
        #Opportunities .opportunitiesRow .counter.counterOuter{
            box-shadow: 0 0 30px rgba(0,0,0,.2);
            border:1px solid rgba(0,0,0,.1);
            padding: 30px 15px;
        }

        /*支持机构详细信息的模态框*/
        #detailContainer .layui-layer{
            border-radius: 5px;
        }
        #detailContainer .layui-layer-content{
            border-radius: 4px;
            padding: 1.5rem;
            /* IE10、Firefox and Opera，IE9以及更早的版本不支持 */
            animation-name: breathingLight;
            animation-duration: 3s;
            animation-timing-function: ease-in-out;
            animation-iteration-count: infinite;

            /* Safari and Chrome */
            -webkit-animation-name: breathingLight;
            -webkit-animation-duration: 3s;
            -webkit-animation-timing-function: ease-in-out;
            -webkit-animation-iteration-count: infinite;
        }
        #detailContainer img{
            width: 30%;
            height: auto;

        }
       /* @keyframes breathingLight{
            50% {
                box-shadow: 0 0 30px 3px crimson;
                -webkit-box-shadow: 0 0 30px 3px crimson;
            }
        }*/

        /*酒店*/
        .hotelInfo img{
            width: 100%;
        }

    }

    /*PAD屏幕下的专用样式*/
    @media screen and (min-width: 768px) and (max-width:991.98px ){


        /*Some Previous Speakers Start*/
        #Speakers .InviteImgContainer img{
            width: 48%;
            height: auto;
        }
        #Speakers .InviteContainer p{
            line-height: 1.8rem;
            font-size: 1rem;
        }


        #Speakers .inner-box .icon_box{
            display: none;
        }
        #Speakers .inner-box h5{
            padding-top: 0.5rem;
            font-size: 1rem;
            line-height: 1.2rem;
            font-weight: normal;
            margin-bottom: 0;
        }
        #Speakers div#sliderDiv .img-box{
            text-align: center;
        }
        #Speakers div#sliderDiv .img-box img{
            width: 60%;
            display: inline-block;
        }
        #Speakers  .img-box .overlay-box p{
            padding: 0 1rem 1rem 1rem;
            font-size: 1rem;
            line-height: 1.2rem;
            height: 6rem;
        }

        #Speakers .speakerBox p{
            font-size: 1rem;
        }
        /*不滚动的speakers*/
        #Speakers .speakersRow .item{
            text-align: center;
        }
        #Speakers .speakersRow img{
            width: 75%;
            height: auto;
        }
        /*Some Previous Speakers End*/


        /*支持机构详细信息的模态框*/
        #detailContainer .layui-layer{
            border-radius: 5px;
        }
        #detailContainer .layui-layer-content{
            border-radius: 4px;
            padding: 1.5rem;
        }
        #detailContainer img{
            width: 40%;
            height: auto;

        }
        /*相关会议 Sponsorship Opportunities*/
        .opportunitiesRow>div{
            border:none;
        }

        div.ad{
            display: none;
        }
    }

    /*PHONE屏幕下的专用样式*/
    @media screen and (max-width:767.98px) {

        /*header*/
        #main-slide .carousel-caption{
            left: 3%;
            right: 3%;
            padding: 0.5rem 0;
        }
        #main-slide .carousel-item .carousel-caption p{
            padding-top: 0rem;
        }
        /*Some Previous Speakers Start*/

        #Speakers .inner-box .icon_box{
            display: none;
        }
        #Speakers .inner-box h5{
            padding-top: 0.5rem;
            font-size: 0.8rem;
            line-height: 1rem;
            font-weight: normal;
            margin-bottom: 0;
        }
        #Speakers div#sliderDiv .img-box{
            text-align: center;
        }
        #Speakers div#sliderDiv .img-box img{
            width: 60%;
            display: inline-block;
        }
        #Speakers  .img-box .overlay-box p{
            padding: 0 0.5rem 0.5rem 0.5rem;
            font-size: 0.8rem;
            line-height: 1rem;
            height: 5rem;
        }
        #Speakers .speakerBox p{
            font-size: 0.8rem;
            line-height: 1.6em;
        }
        /*不滚动的speakers*/
        #Speakers .speakersRow .item{
            text-align: center;
        }
        #Speakers .speakersRow img{
            width: 75%;
            height: auto;
        }
        /*Some Previous Speakers End*/

        /*参会嘉宾 Attendees*/
        #Attendees .AttendeesLogo>div{
            width: 33.33333%;
            padding: 0.3rem;
        }

        /*支持机构详细信息的模态框*/
        #detailContainer .layui-layer{
            border-radius: 5px;
        }
        #detailContainer .layui-layer-content{
            border-radius: 4px;
            padding: 1.5rem;
        }
        #detailContainer img{
            width: 50%;
            height: auto;

        }

        /*相关会议 Sponsorship Opportunities*/
        .opportunitiesRow>div{
            border:none;
        }
        /*联系我们*/
        #Contact-Us div#allmap{
            height: 280px;
            width: 100%;
        }

        /*酒店*/
        .hotelInfo img{
            width: 100%;
        }

        div.ad{
            display: none;
        }
    }
    /*END PHONE屏幕下的专用样式*/



@media screen and (max-width: 768px){
    #Speakers .speakersRow .speakerImgBox img{
        padding: 12px;
    }
    .pc_wlmenu, .banner_wlmenu img{
        display: none;
    }
    .phone_wlmenu.mobile_wlmenu{
        display: block;
    }

    .hotelInfo .hotel-name{
        margin-bottom: 10px;
    }
    .hotelInfo p{
        margin-bottom: 10px;
    }
    .panel-body p{
        margin-bottom: 20px;
    }

}