@charset "utf-8";
.topic-header {
    background: #ffffff;
    width: 100%;
    height: 100px;
    z-index: 998;
}
.topic-header .logo {
    display: flex;
    align-items: center;
    float: left;
    width: 247px;
    height: 100px;
    position: relative;
}
.topic-header .logo:after {
    content: '';
    width: 1px;
    height: 50px;
    display: block;
    position: absolute;
    right: -25px;
    bottom: 25px;
    background: #dbe5f4;
}

.topic-header .name {
    width: 106px;
    height: 30px;
    line-height: 30px;
    margin-left: 50px;
    background: #E7F1FF;
    text-align: center;
    font-weight: 600;
    color: #5181d1;
    font-size: 16px;
    box-shadow: 4px 4px 0px #dbe5f4;
}
.main-nav__top {
    margin-left: auto;
}

.topic-nav {
    height: 50px;
    background: #0146ae;
}
.topic-nav.fixed{
    width: 100%;
    left: 0;
    top:0;
    z-index: 998;
}
.topic-nav .w {
    height: 50px;
}
.topic-nav ul {
    height: 50px;
    width: 100%;
    display: flex;
    align-items: flex-start;
}
.topic-nav ul li {
    padding: 0 30px; 
}
.topic-nav ul li:hover a{
    color: #fff;
}
.topic-nav ul li.on{
    color: #fff;
}
.topic-nav ul li a {
    color: #fff;
    display: block;
    line-height: 50px;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
}

.topic-banner {
    height: auto;
    align-items: center;
    text-align: center;
}
.topic-banner img{
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.topic-hd {
    position: relative;
    width: 300px;
    margin: 25px auto 50px;
    text-align: center;
}
.topic-hd:after {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 22px;
    content: "";
    height: 4px;
    background-color: #c2c2c2;
}
.topic-hd h2 {
    position: relative;
    display: inline;
    font-size: 38px;
    font-weight: 600;
    padding-left: 22px;
    padding-right: 22px;
    background-color: #fff;
    z-index: 2;
}
.topic-hd h2 span{
    color: #0146AE;
}

.footer-wrapper {
    min-width: 1400px;
    height: 410px;
    color: #fff;
    background-color: #333;
    text-align: center;
    display: flex;
    align-items: center;
}

.topic-wrapper {
    min-width: 1200px;
}

.topic-wrapper .floor-bg-gray{
    min-width: 1200px;
    background: #f5f6f8;
}

.topic-wrapper .about{
    padding: 60px 0 100px;
}
.topic-wrapper .about .topic-bd {
    display: flex;
    justify-content: space-between;
}
.topic-wrapper .about .topic-bd .left{
    width: 40%;
}

.swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}
.swiper-slide {
    background-size: cover;
    background-position: center;
}
.gallery-thumbs {
    height: 100%;
    width: 100%;
}

.topic-wrapper .about .topic-bd .right{
    width: 60%;
    font-size: 16px;
    line-height: 28px;
    background: #f5f6f8;
    padding: 50px;
}

.topic-wrapper .agenda{
    padding: 60px 0 100px;
}
.topic-wrapper .agenda .topic-hd h2 {
    background-color: #f5f6f8;
}
.timeline{width: 1000px;margin:0 auto;padding:0;list-style:none;position:relative}
.timeline:before{content:'';position:absolute;top:0;bottom:0;width:1px;background:#23396a;left:110px;}
.timeline>li{position:relative}
.timeline>li .tmtime{display:block;width:140px;padding-right:40px;position:absolute}
.timeline>li .tmtime span{display:block;text-align:right}
.timeline>li .tmtime span:first-child{font-size:.9em;color:#23396a}
.timeline>li .tmtime span:last-child{font-size:1em;color:#23396a}
.timeline>li:nth-child(odd) .tmtime span:last-child{color:#23396a}
.timeline>li .tmlabel{margin:0 0 20px 150px;color:#333;padding:12px 15px 12px;background:#fff;box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.1);border-radius: 4px;position:relative}
.timeline li .tmlabel .title{font-size: 16px;}
.timeline li .tmlabel .desc{margin-top: 10px;color: #666;font-size: 14px;}

.timeline>li .tmicon{width:20px;height:20px;position:absolute;color:#fff;background: linear-gradient(-84deg, #06BCFD, #0146AE);border-radius:50%;text-align:center;left:0;top:0px;margin:0 0 0 100px;box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.18);}
.timeline>li .tmicon p{line-height: 20px;}

.topic-wrapper .swiper-guest {
    padding: 60px 0 60px;
}
.swiper-guest {
    position: relative;
    width: 1400px;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
}
.swiper-guest .swiper-slide {
    padding: 0 5px;
    margin-bottom: 35px;
    box-sizing: border-box;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.swiper-grid>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: row;
}
.swiper-guest .swiper-button-next,.swiper-guest .swiper-button-prev {
    top: 93%;
}
.swiper-guest .swiper-button-next {
    right: 45%;
}
.swiper-guest .swiper-button-prev {
    left: 45%;
}
.topic-wrapper .swiper-guest .block-inner {

}
.topic-wrapper .swiper-guest .block-inner .title {
    height: 46px;
    line-height: 46px;
    overflow: hidden;
    color: #fff;
    text-align: left;
    background: linear-gradient(-84deg, #06BCFD, #0146AE);
}
.topic-wrapper .swiper-guest .block-inner .title span{
    font-size: 18px;
    margin-left: 12px;
    padding-left: 32px;
    background: url(../images/icon-topic-guest.png) no-repeat left center;
}
.topic-wrapper .swiper-guest .block-inner .cont{
    display: flex;
    justify-content: space-between;
    margin-top: 13px;
}
.topic-wrapper .swiper-guest .block-inner .cont .image{
    width: 172px;
    height: 184px;
}
.topic-wrapper .swiper-guest .block-inner .cont .image img{
    width: 172px;
    height: 184px;
}
.topic-wrapper .swiper-guest .block-inner .cont .info{
    margin-left: 15px;
    text-align: left;
}
.topic-wrapper .swiper-guest .block-inner .cont .info h4{
    display: block;
    font-weight: bold;
    font-size: 24px;
}
.topic-wrapper .swiper-guest .block-inner .cont .info h5{
    display: block;
    font-weight: bold;
    color: #555555;
    font-size: 18px;
    line-height: 28px;
}
.topic-wrapper .swiper-guest .block-inner .cont .info p{
    font-size: 16px;
}


/*.topic-wrapper .guest{
    padding: 60px 0 60px;
}
.topic-wrapper .guest .topic-bd ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
}
.topic-wrapper .guest .topic-bd ul li{
    flex: 0 0 49%;
    max-width: 49%;
    padding: 0 5px;
    margin-bottom: 35px;
    box-sizing: border-box;
}
.topic-wrapper .guest .topic-bd ul li .title{
    height: 46px;
    line-height: 46px;
    overflow: hidden;
    color: #fff;
    background: linear-gradient(-84deg, #06BCFD, #0146AE);
}
.topic-wrapper .guest .topic-bd ul li .title span{
    font-size: 18px;
    margin-left: 12px;
    padding-left: 32px;
    background: url(../images/icon-topic-guest.png) no-repeat left center;
}
.topic-wrapper .guest .topic-bd ul li .cont{
    display: flex;
    justify-content: space-between;
    margin-top: 13px;
}
.topic-wrapper .guest .topic-bd ul li .cont .image{
    width: 172px;
    height: 184px;
}
.topic-wrapper .guest .topic-bd ul li .cont .image img{
    width: 172px;
    height: 184px;
}
.topic-wrapper .guest .topic-bd ul li .cont .info{
    margin-left: 15px;
}
.topic-wrapper .guest .topic-bd ul li .cont .info h4{
    display: block;
    font-weight: bold;
    font-size: 24px;
}
.topic-wrapper .guest .topic-bd ul li .cont .info h5{
    display: block;
    font-weight: bold;
    color: #555555;
    font-size: 18px;
    line-height: 28px;
}
.topic-wrapper .guest .topic-bd ul li .cont .info p{
    font-size: 16px;
}*/


.topic-wrapper .enterprise{
    padding: 60px 0 100px;
}
.topic-wrapper .enterprise .topic-hd h2 {
    background-color: #f5f6f8;
}
.topic-wrapper .enterprise .topic-bd ul{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: 20px;
}
.topic-wrapper .enterprise .topic-bd ul li{
    flex: 0 0 16.66%;
    max-width: 16.66%;
    padding: 0 5px;
    margin-bottom: 10px;
    box-sizing: border-box;
}
.topic-wrapper .enterprise .topic-bd ul li a {
    display: block;
    border: 1px solid #ececec;
    height: 100px;
    padding: 10px;
    box-sizing: border-box;
    background: #fff;
}

.topic-wrapper .enterprise .topic-bd ul li img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.topic-wrapper .enterprise .topic-bd ul li img {
    transition: all .3s ease
}
.topic-wrapper .enterprise .topic-bd ul li:hover img {
    transform: scale(1.2)
}
.topic-wrapper .enterprise .topic-bd ul li:nth-child(5n) {
    margin-right: 0
}

.topic-wrapper .enroll{
    padding: 60px 0 100px;
}
.topic-wrapper .enroll .topic-bd {
    display: flex;
    justify-content: space-between;
}
.topic-wrapper .enroll .topic-bd .left{
    width: 57%;
}
.topic-wrapper .enroll .topic-bd .right{
    width: 35%;
    font-size: 14px;
    line-height: 28px;
    background: #f5f6f8;
    padding: 27px;
}
.topic-wrapper .enroll .topic-bd .right .notice{
    font-size: 20px;
    margin-bottom: 10px;
    padding-left: 32px;
    color: #0146AE;
    background: url(../images/icon-topic-notice.png) no-repeat left center;
}
.topic-wrapper .enroll .topic-bd .right .contact{
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 32px;
    color: #0146AE;
    background: url(../images/icon-topic-contact.png) no-repeat left center;
}


.footer-wrapper .address{
    font-size: 38px;
    font-weight: 700;
}
.footer-wrapper .address span {
    position: relative;
    font-size: 38px;
    font-weight: 700;
}
.footer-wrapper .address span:after {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: -20px;
    content: "";
    height: 4px;
    background-color: #fff;
}
.footer-wrapper .path{
    margin-top: 48px;
    line-height: 30px;
}
.footer-wrapper .map {
    margin-top: 36px;
}
.footer-wrapper .map a{
    background: linear-gradient(90deg, #06BCFD, #0146AE);
    color: #fff;
    font-size: 16px;
    display: inline-flex;
    color: #fff;
    height: 48px;
    line-height: 48px;
    padding: 0 60px;
    border-radius: 4px;
}

.footer-copyright {
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #2b2b2b;
}
.footer-copyright * {
    font-size: 14px;
    color: #ddd;
}

.dodge2 {
    animation: pulse;
    animation-duration: 1s;
    animation-iteration-count: 99999;
    width: 100%;
    font-weight: bolder;
    font-size: 1.1em;
    color: #fff;
    background: -webkit-linear-gradient(left,#dcc13e,#ffffff);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: scratchy 1s linear forwards infinite
}

@keyframes scratchy {
    0% {
        background-position: 0 0
    }

    25% {
        background-position: 0 0
    }

    26% {
        background-position: 20px -20px
    }

    50% {
        background-position: 20px -20px
    }

    51% {
        background-position: 40px -40px
    }

    75% {
        background-position: 40px -40px
    }

    76% {
        background-position: 80px -8px
    }

    99% {
        background-position: 177px -177px
    }

    to {
        background-position: 0 0
    }
}

.up {
    position: fixed;
    bottom: 10%;
    right: 10px;
    z-index: 999;
    width: 170px
}
.up .up-li {
    background: linear-gradient(90deg,#94b9e1 0%,#0059b8 100%);
    color: #fff;
    border-radius: 2px;
    text-align: center;
    padding: 18px 0;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}
.up .up-li a{
    color: #fff;
}
.up-li-img {
    width: 120px;
    height: 120px;
    margin: 0 auto
}
.up-li-img img {
    width: 120px;
    height: 120px;
    border: 10px solid #fff;
}
.up .up-li:hover {
    cursor: pointer
}
.up-li .up-icon .iconfont {
    font-size: 24px;
    line-height: normal
}
.up .up-li+.up-li {
    margin-top: 5px
}
.up-title {
    font-size: 18px;
    line-height: 21px
}
.up-li.white {
    color: #0059b8;
    background: #fff;
    border: 1px solid #0059b8
}
.up-title-day {
    color: #ffce21;
    font-size: 32px;
    font-weight: 900;
    vertical-align: bottom
}
.up-top {
    font-size: 18px;
    line-height: 21px;
    background: url(../images/icon-topic-contact.png) no-repeat left center;
}
.backTop {display: none;}


/*组*/
.group-form{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%;margin-bottom: 10px;}
.group-form>.group-title{width:100%;font-size:15px;font-weight:bold;line-height:32px;color:#495057;}
.group-form>.group-label{align-items:center;padding:0 15px;font-size:15px;font-weight:bold;height:40px;line-height:40px;color:#495057;text-align:right;width:140px;}
.group-form>.group-content{display:block;color:#495057;position:relative;flex:1 1 auto;width:1%;}
.group-form>.group-content .tip{line-height:initial;}
.group-form>.group-value{line-height:40px;}
.group-form>.group-label{font-weight:normal;color:#353535;}
.group-input{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;height:35px;width:100%;margin-bottom:15px;}
.group-input>.group-label{width:initial;height:100%;color:#fff;align-items:center;padding:0 15px;text-align:center;white-space:nowrap;background:var(--dark);display:flex;border:none!important;}
.group-input>.group-label>i{margin-right:5px;display:inline-block;margin-top:2px;}
.group-input>input:not([type="submit"]){display:block;color:#495057;background-color:#fff;border:1px solid #cccccc;border-right:none;position:relative;flex:1 1 auto;width:1%;height:100%;line-height:initial;}
.group-input>input input{width:100%;height:100%;padding:0 15px;border:none;font-size:15px;}
.group-input>.group-label+input{border-left:none;}
.group-input>input+.group-label{border-right:none;}
.group-input>div{overflow:hidden;}
.group-input>div:first-child{border-radius:2px 0 0 2px;}
.group-input>*:last-child{border-radius:0 2px 2px 0;border-right:1px solid #cccccc!important;}
@media (max-width:768px){
    .group-form>.group-label{display:block;width:100%;text-align:left;padding:0;height:auto;line-height:32px;}
    .group-form>.group-content{width:100%;}
}

.form-control{width:100%;color:#676767!important;vertical-align:middle;border:1px solid #fff;border-color:#ccc;padding:0 10px;border-radius: 5px;}
input[type="text"]:disabled,input[type="number"]:disabled,input[type="password"]:disabled{border:1px solid #dddddd;background:#f5f5f5;}
.form-control:focus{border-bottom:1px solid #575757;}
textarea.form-control{border:1px solid #ccc;padding:6px 12px;}
.help{display:inline-block;margin-bottom:10px;font-size: 13px;color:#b1b1b1;}

/* 美化input框 */
input{background-color:#FFF;border:1px solid #ccc;color:#555;height:35px;line-height:35px;padding:0 10px;transition:border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0s;}
input.error,input.error:focus,textarea.error,textarea.error:focus{outline:0;border:1px solid var(--red)!important;}
input.success,input.success:focus,textarea.success,textarea.success:focus{outline:0;border:1px solid var(--green)!important;}
input[type="checkbox"]{vertical-align:middle;height:inherit;line-height:inherit;}
textarea{background-color:#FFF;background-image:none;border:1px solid #CCC;color:#555;line-height:1.42857;padding:6px 10px;transition:none;vertical-align:middle;}

/* 美化单选框和复选框 */
.radio,.checkbox,.toggle{display:block;margin-right:15px;cursor:pointer;}
.radio input,.checkbox input,.toggle input{position:absolute;display:none;}
.radio input[disabled],.checkbox input[disabled]{cursor:not-allowed;}
.radio label,.checkbox label{position:relative;padding-left:25px;vertical-align:middle;user-select:none;display:inline-block;cursor:pointer;}
.radio:hover input + label:before,.checkbox:hover input + label:before{animation-duration:0.4s;animation-fill-mode:both;animation-name:hover-color;}
.radio input + label:before,.checkbox input + label:before{margin:auto 0;position:absolute;top:0;bottom:0;left:0;display:inline-block;width:19px;height:19px;content:'';border:1px solid #c0c0c0;border-radius:2px;background:#fff;}
.radio input + label:after,.checkbox input + label:after{position:absolute;display:none;content:'';}
.radio input[disabled] + label,.checkbox input[disabled] + label{cursor:not-allowed;opacity:.5;}
.radio input[disabled] + label:hover,.radio input[disabled] + label:before,.radio input[disabled] + label:after,.checkbox input[disabled] + label:hover,.checkbox input[disabled] + label:before,.checkbox input[disabled] + label:after{cursor:not-allowed;}
.radio input[disabled] + label:hover:before,.checkbox input[disabled] + label:hover:before{animation-name:none;}
.radio input[disabled] + label:before,.checkbox input[disabled] + label:before{border-color:#e4e4e4;}
.radio input:checked + label:before,.checkbox input:checked + label:before{animation-name:none;}
.radio input:checked + label:after,.checkbox input:checked + label:after{display:block;}
.radio input + label:before{border-radius:50%;}
.radio input + label:after{margin:auto 0;top:0;bottom:0;left:5px;width:9px;height:9px;border-radius:50%;background:var(--default);}
.radio input:checked + label:before{border:1px solid var(--default);}
.radio input:checked[disabled] + label:after{background:var(--default);}
.checkbox input + label:after{margin:auto 0;top:-3px;bottom:0;left:7px;box-sizing:border-box;width:6px;height:12px;transform:rotate(45deg);border-width:2px;border-style:solid;border-color:#fff;border-top:0;border-left:0;}
.checkbox input:checked + label:before{border:1px solid var(--default);background:var(--default);}

.group-body .submit{
    background: linear-gradient(90deg, #06BCFD, #0146AE);
    color: #fff;
    font-size: 16px;
    display: inline-flex;
    color: #fff;
    height: 48px;
    line-height: 48px;
    padding: 0 60px;
    border-radius: 4px;
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    padding-right: 10px;
    margin-top: 0;
}

.form-select {
    display: block;
    width: 100%;
    padding: 0.375rem 2.25rem 0.375rem 0.75rem;
    -moz-padding-start: calc(0.75rem - 3px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

#st_areaid {
    display: flex;
}
#st_areaid select
{
    width: 100%
}
#st_areaid .col-sm-4
{
    padding-left: 0px;
}

/*==========以下部分是Validform必须的===========*/
.Validform_checktip{
    line-height:17px;
    height:17px;
    overflow:hidden;
    color:#999;
    font-size:12px;
    position: absolute;
    margin-top: 8px;
    margin-left: 8px;
}
.Validform_right{
    color:#0AA00E;
    padding-left:20px;
    width: 125px;
    background:url(../../images/right.png) no-repeat left center;
    background-image:-webkit-image-set(url('../../images/right.png') 1x,url('../../images/right@2x.png') 2x);
}
.Validform_wrong{
    color:#777;
    padding-left:20px;
    white-space:nowrap;
    background:url(../../images/error.png) no-repeat left center;
    background-image:-webkit-image-set(url('../../images/error.png') 1x,url('../../images/error@2x.png') 2x);
    margin-left: 8px;
    font-size: 12px;
}
.Validform_loading{
    padding-left:0px;
    background:url(../../images/onLoad.gif) no-repeat left center;
    white-space: nowrap;
    padding-left: 20px;
}
.Validform_error{
    background-color:#ffe7e7;
    border-color: #e7a3a3;
}
#Validform_msg{color:#7d8289; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width:280px; -webkit-box-shadow:2px 2px 3px #aaa; -moz-box-shadow:2px 2px 3px #aaa; background:#fff; position:absolute; top:0px; right:50px; z-index:99999; display:none;filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999');}
#Validform_msg .iframe{position:absolute; left:0px; top:-1px; z-index:-1;}
#Validform_msg .Validform_title{line-height:25px; height:25px; text-align:left; font-weight:bold; padding:0 8px; color:#fff; position:relative; background-color:#000;}
#Validform_msg a.Validform_close:link,#Validform_msg a.Validform_close:visited{line-height:22px; position:absolute; right:8px; top:0px; color:#fff; text-decoration:none;}
#Validform_msg a.Validform_close:hover{color:#cc0;}
#Validform_msg .Validform_info{padding:8px;border:1px solid #000; border-top:none; text-align:left;}