body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,form,input,button,textarea{margin:0;padding:0;letter-spacing:0.03rem;color: #292C33;}
body,button,input,select,textarea{
    font:12px/1.5 PingFang SC,-apple-system,BlinkMacSystemFont,Helvetica Neue,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;
    color:#252a2d;
    font-weight:300;
    -webkit-touch-callout:none;
    -webkit-highlight:none;
    -webkit-tap-highlight-color:transparent;
    word-wrap:break-word;
    word-break:break-all;
}
table{border-collapse:collapse;border-spacing:0;}
ul,ol{list-style: none;}
li{list-style:none;}
div,input,textarea{outline-style:none;}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;}
em,i{font-style:normal;font-weight:300;}
img {border: 0;vertical-align: middle;}
a {text-decoration:none;outline:0;color:#252a2d;}
a:hover{text-decoration:none;color:#0093e8;}

/*头部banner*/
.top{width:100%;background:#290648;background:linear-gradient(to right,#290648, #181448);}
.banner{ position: relative; margin:0 auto;width:1920px;height:840px;overflow:hidden;background:#20033a url(../img/banner.png) no-repeat top center;}
.banner_con{width:100%;position: absolute;top:61.5%;}
.banner_con h3{width:836px;margin:0 auto;font-size: 18px;color: #fff;font-weight:300;line-height:34px;}
.banner_btn{display:flex;justify-content:center;margin:70px auto 0;}
.banner_btn a{
    position:relative;
    display: block;
    padding:0 72px;
    line-height: 56px;
    font-size: 24px;
    font-weight:400;
    color: #fff;
    background:#535eff;
    background:linear-gradient(to right,#d5a3fc, #87c2fc);
    -khtml-border-radius:90px 90px 90px 90px;
    -ms-border-radius:90px 90px 90px 90px;
    -o-border-radius:90px 90px 90px 90px;
    -moz-border-radius:90px 90px 90px 90px;
    -webkit-border-radius:90px 90px 90px 90px;
    border-radius:90px 90px 90px 90px;
    z-index:0;
}
.banner_btn a::after{
    content:'';
    position: absolute;
    top:2px;
    bottom:2px;
    left:2px;
    right:2px;
    background: -webkit-linear-gradient(to right,#a63dff, #2d7eff);
    background: -moz-linear-gradient(to right,#a63dff, #2d7eff);
    background: linear-gradient(to right,#a63dff, #2d7eff);
    border-radius: 90px 90px 90px 90px;
    z-index:-1;
    background-size: 150%;
    transition: background-position .5s; 
}
.banner_btn a:first-child{margin-right: 64px;}
.banner_btn a:hover::after{
    background-position:100% 0;
    
}
/*嘉宾分享*/
.sharing{
    background:#ebf2f5;overflow: hidden;
}
.sharing_con{
    width:1200px;margin:0 auto;
    padding:9.5% 0 7%;
}
.titile{
    position: relative;z-index:0;margin-bottom:5%;
}
.titile h2{
    font-size: 48px;
    color: #292C33;
    text-align: center;
    line-height: 68px;
    position: relative;
}
.titile span{
    width: 100%;
    text-align: center;
    position:absolute;
    top:-25px;
    font-size: 72px;
    color: rgba(197,221,243,0.50);
    text-align: center;
    line-height: 72px;
    font-weight: bold;
    z-index: -1;
}
.sharing_list{width:100%;}
.sharing_scroll{width:100%;display: flex;justify-content:space-between;flex-wrap:wrap;}
.sharing_box{width: 23.5%;margin-bottom: 24px;}
.sharing_box a{
    display:block;
    position: relative;
    background-color: #fff;
    -webkit-box-shadow: rgba(164, 178, 187, 0.1) 3px 3px 6px;
    -moz-box-shadow: rgba(164, 178, 187, 0.1) 3px 3px 6px;
    box-shadow: rgba(164, 178, 187, 0.1) 3px 3px 6px;
    -khtml-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    padding-bottom:20px;
    z-index:0;
}
.sharing_box a img{ width: 100%;
    -khtml-border-radius:4px 4px 0 0;
    -ms-border-radius:4px 4px 0 0;
    -o-border-radius:4px 4px 0 0;
    -moz-border-radius:4px 4px 0 0;
    -webkit-border-radius:4px 4px 0 0;
    border-radius:4px 4px 0 0;}
.sharing_box a h3{
    font-size: 16px;
    font-weight:normal;
    line-height:23px;
    margin:10px 16px 0 16px;
    color: #5A5E66;
    height:70px;
    overflow:hidden;
    text-overflow: ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient: vertical;
}
.sharing_box a::after {
    content: '';
    position: absolute;
    left: 0; top: 0; right: 0; bottom: 0;
    background: -webkit-linear-gradient(to right,#8a4cff, #3a76ff);
    background: -moz-linear-gradient(to right,#8a4cff, #3a76ff);
    background: linear-gradient(to right,#8a4cff, #3a76ff);
    opacity: 0;    
    transition: opacity .5s;
    z-index:-1;
    -khtml-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
}
.sharing_box a:hover::after{
    opacity: 1;
}
.sharing_box a:hover h3{
    color:#fff;
}

/*榜单*/
.appraisal{width:100%;background:#000;}
.banner2{ position: relative; margin:0 auto;width:1920px;height:646px;overflow:hidden;background:#000 url(../img/banner2.png) no-repeat top center;}
.appraisal_btn{width:100%;display:flex;justify-content:center;position: absolute;bottom:15%;}
.appraisal_btn a{
    position:relative;
    display: block;
    padding:0 42px;
    line-height: 56px;
    font-size: 24px;
    font-weight:normal;
    color: #fff;
    background:#535eff;
    background:linear-gradient(to right,#f2dbb0, #dfc69a);
    -khtml-border-radius:90px 90px 90px 90px;
    -ms-border-radius:90px 90px 90px 90px;
    -o-border-radius:90px 90px 90px 90px;
    -moz-border-radius:90px 90px 90px 90px;
    -webkit-border-radius:90px 90px 90px 90px;
    border-radius:90px 90px 90px 90px;
    z-index:0;
}
.appraisal_btn a::after{
    content:'';
    position: absolute;
    top:2px;
    bottom:2px;
    left:2px;
    right:2px;
    background: -webkit-linear-gradient(to right,#f1c16a, #bb8833);
    background: -moz-linear-gradient(to right,#f1c16a, #bb8833);
    background: linear-gradient(to right,#f1c16a, #bb8833);
    border-radius: 90px 90px 90px 90px;
    z-index:-1;
    background-size: 150%;
    transition: background-position .5s; 
}
.appraisal_btn a:hover::after{
    background-position:100% 0;
    
}
/*现场图集*/
.pictures{
    background:#ebf2f5;overflow: hidden;
}
.picture_con{
    width:1200px;margin:0 auto;
    padding:9.5% 0 0;
}
.picture_list{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;}
.picture_box{width: 24.25%;margin-bottom:13px;-khtml-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    font-size:0;
}
.picture_box img{width:100%;}
.img_bg{background:url(../images/图集-8.png) no-repeat top center;}
.picture_box{ display: flex;align-items:center;justify-content:center;}
.picture_box a .btn_style{
    position:relative;
    display: block;
    padding:8px 38px;
    line-height:36px;
    font-size: 20px;
    font-weight:400;
    color: #fff;
    background:#535eff;
    background:linear-gradient(to right,rgba(213,163,252,0.8), rgba(135,194,252,0.8));
    -khtml-border-radius:90px 90px 90px 90px;
    -ms-border-radius:90px 90px 90px 90px;
    -o-border-radius:90px 90px 90px 90px;
    -moz-border-radius:90px 90px 90px 90px;
    -webkit-border-radius:90px 90px 90px 90px;
    border-radius:90px 90px 90px 90px;
    z-index:0;
}
.picture_box a .btn_style::after{
    content:'';
    position: absolute;
    top:2px;
    bottom:2px;
    left:2px;
    right:2px;
    background: -webkit-linear-gradient(to right,rgba(124,55,218,0.6), rgba(15,78,222,0.6));
    background: -moz-linear-gradient(to right,rgba(124,55,218,0.6),rgba(15,78,222,0.6));
    background: linear-gradient(to right,rgba(124,55,218,0.6), rgba(15,78,222,0.6));
    border-radius: 90px 90px 90px 90px;
    z-index:-1;
    background-size: 150%;
    transition: background-position .5s; 
}
.picture_box a:hover .btn_style::after{
    background-position:100% 0;
    
}
/*现场视频*/
.videos{
    background:#ebf2f5;
    padding-top:9.5%;
}
.video_con{
    width:1200px;
    margin:0 auto;
    position: relative;
    padding-bottom:8%;
}
.swiper-container {
    width:85%;
    height: 100%;
  }

  .swiper-slide {
    text-align: center;
    font-size: 18px;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
.swiper-wrapper .first_slide{z-index: 0;position: relative; width:100%;display: flex;align-items:center;flex-direction:column;}
.swiper-wrapper .first_slide img{position: absolute;width: 100%;height:auto;z-index: 0;}
.swiper-wrapper .first_slide video{z-index:1;margin-top:3%;}
.swiper-wrapper .first_slide p{position: absolute;font-size:16px;color: #fff;line-height: 30px;margin-top:76%;z-index:1;}
.swiper-slide a{ position: absolute;}
.swiper-slide video{ width: 100%;height: auto;}
.video_icon{
    position: absolute;
    background:url(../img/play.png) no-repeat top center;
    width:64px;
    height:64px;
    display: block;
    top:37%;
    left:40%;
}
.swiper-button-next,.swiper-button-prev{
    opacity:0.5;
    width:70px!important;
    height:70px!important;
    background:#fff;
    -khtml-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%;}
.swiper-button-next:after, .swiper-button-prev:after{
    font-size:34px!important;
    font-weight: bold;
    color:#5f646b;
}
.swiper-button-next:hover,.swiper-button-prev:hover{
    opacity:1;
    transition:0.5s;
}
.swiper-button-next{
    right:0px!important;
    top:50%!important;
}
.swiper-button-prev{
    left:0px!important;
    top:50%!important;
}
.swiper-pagination{width: 100%; margin-top:3%;}
/*演讲嘉宾*/
.guests{
    background:#ebf2f5;overflow: hidden;
}
.guest_con{
    width:1200px;margin:0 auto;
    padding:9.5% 0 5%;
}
.guest_list{width:100%;}
.guest_scroll{width:100%;display: flex;justify-content:center;flex-wrap:wrap;}
.guest_box{
    width:225px;margin: 0 25px 60px;color: #292C33;
    background:url(../img/photo_bg.png) no-repeat top center;padding-top:32px; text-align: center;
}
.guest_box img{width:162px;height:162px;
    object-fit:contain;object-position:center top;}
.guest_box h3{font-size: 20px;margin-top:40px;line-height:34px;font-weight:500;}
.guest_box p{font-size: 14px;color: #5A5E66;line-height:22px;}
.guest_link{padding: 0;background: none;}
.guest_link img{ width:226px; height: 226px;}
/*大会议程*/
.agenda{
    background:#fff;overflow: hidden;
}
.agenda_con{
    width:1200px;margin:0 auto;
    padding:9% 0 7%;
}
.agenda_list{width:100%;display:flex;justify-content:space-between;}
.agenda_list ul{ width:44%;}
.agenda_con ul li{ position: relative;padding:16px 0 30px;display:flex;justify-content:space-between;}
.agenda_con ul li:first-child{font-size: 32px;line-height: 28px; font-weight: bold;}
.agenda_con ul li::before{
    content: '';
    width:35px;
    height: 0;
    font-size: 0;
    border-top:#292C33 solid 2px;
    position: absolute;
    top:0;
    left:0;
}
.agenda_con ul li:first-child::before{display: none;}
.agenda_con ul li a{max-width:75%; display: inline-block;pointer-events: none;}
.agenda_con ul li a h4{font-size:20px;color: #292C33;line-height: 24px; font-weight:500;margin-bottom: 3px;}
.agenda_con ul li a i{ display:block;font-size: 14px;color: #5A5E66;line-height: 20px;font-weight:300;}
.agenda_con ul li span{font-size: 18px;line-height: 20px;font-weight:400;letter-spacing:0;}
/*往届回顾*/
.review{
    background:#ebf2f5;overflow: hidden;
}
.review_con{
    width:1200px;margin:0 auto;
    padding:9% 0 7%;
}
.review_box h3{font-size: 28px;font-weight:500; line-height: 40px; margin-top: 33px;}
.review_box p{font-size: 16px;color: #5A5E66; margin-top:8px;}
.review_box img{ width: 100%;}

.review_box .review_btn{display:inline-block;margin-top:50px;
    position:relative;
    padding:0 60px;
    line-height: 56px;
    font-size: 24px;
    font-weight:400;
    color: #fff;
    background:#535eff;
    background:linear-gradient(to right,#d5a3fc, #87c2fc);
    -khtml-border-radius:90px 90px 90px 90px;
    -ms-border-radius:90px 90px 90px 90px;
    -o-border-radius:90px 90px 90px 90px;
    -moz-border-radius:90px 90px 90px 90px;
    -webkit-border-radius:90px 90px 90px 90px;
    border-radius:90px 90px 90px 90px;
    z-index:0;
}
.review_box .review_btn::after{
    content:'';
    position: absolute;
    top:2px;
    bottom:2px;
    left:2px;
    right:2px;
    background: -webkit-linear-gradient(to right,#a63dff, #2d7eff);
    background: -moz-linear-gradient(to right,#a63dff, #2d7eff);
    background: linear-gradient(to right,#a63dff, #2d7eff);
    border-radius: 90px 90px 90px 90px;
    z-index:-1;
    background-size: 150%;
    transition: background-position .5s; 
}
.review_box .review_btn:hover::after{
    background-position:100% 0;
    
}
.cooperation{background:#010524;display: flex;justify-content:center; position: relative; overflow: hidden;}
.cooperation_con{ width: 1200px; margin: 0 auto; height: 100%; position: absolute;top: 76.16%;}
.prnasia{ width:282px;height: 64px; display: block;margin-left: 25.5%;}
.tab,.cc{ display:none;}
.agenda_con .tab ul li::before{display:none;}
.agenda_con .tab{border: #EBF2F5 solid 1px;margin-bottom:10px;-khtml-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px;}
.agenda_con .tab ul{display:flex;}
.agenda_con .tab ul li{padding:0;font-weight:normal;display:inline-block;font-size:20px;line-height:34px;color:#5A5E66;text-align: center; width: 50%;-khtml-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px;}
.agenda_con .tab .curr{color:#fff;background: -webkit-linear-gradient(to right,#a63dff, #2d7eff);background: -moz-linear-gradient(to right,#a63dff, #2d7eff);background: linear-gradient(to right,#a63dff, #2d7eff);}
.m_img{ display: none;}
/*适配*/
@media screen and (max-width:1920px){
    .banner,.banner2{width:auto;}
    .banner_con h3{width:836px;font-size:18px;}
}
@media screen and (max-width:1680px){
    .banner_con h3{width:836px;font-size:17px;}
}
@media screen and (max-width:1536px){

}
@media screen and (max-width:1440px){

}
@media screen and (max-width:1405px){
}
@media screen and (max-width:1366px){

}
@media screen and (max-width:1280px){
    .agenda_list ul{ width:46%;}
    .agenda_list ul li a h4{font-size:19px;}
    .agenda_list ul li span{font-size: 15px;}

}
@media screen and (max-width:1242px){
    .banner{background:url(../img/banner1242.png) no-repeat top center;background-size:100%;}
    .banner,.banner2{width:100%;height:0;padding-bottom:65%;}
    .banner2{padding-bottom:52%;background:url(../img/banner2_m.png) no-repeat top center;background-size:100%;}
    .sharing_con,.picture_con,.video_con,.guest_con,.agenda_con,.review_con{width:93%;margin:0 auto;}
    .appraisal_btn{bottom:10%;}
    .video_icon{
        top:24%;
        left:33%;
    }
    .cooperation{overflow: hidden;}
    .cooperation img{ width:150%; height:100%;}
    .cooperation_con{ width:100%;top: 76.16%;}
    .prnasia{ width:22%;height:4.5%;margin-left: 27%;}
}
@media screen and (max-width:1125px){
    .agenda_list ul{ width:46%;}
    .agenda_list ul li a h4{font-size:17px;}
    .agenda_list ul li span{font-size: 14px;}
    .agenda_list ul li a i{font-size: 13px;}
    .swiper-button-next, .swiper-button-prev{width:60px!important;height:60px!important;}
}
@media screen and (max-width:1024px){
    .banner_con h3 {width:94%;}
    .guest_list{width:100%;margin:0;justify-content:space-between;}
    .guest_box{margin: 0 0 24px;}
    .agenda_list ul li a h4{font-size:15px;}
    .agenda_list ul li span{font-size: 12px;}
    .agenda_list ul li a i{font-size: 12px;}
    .swiper-button-next, .swiper-button-prev{width:55px!important;height:55px!important;}
}
@media screen and (max-width:900px){
    .tab,.cc{ display: block;}
    .agenda_list,.js_box{ display: none;}
    .agenda_list{flex-direction:column;}
    .agenda_con ul li::before{border-top: #292C33 solid 1px;width:20px;}
    .agenda_con ul li a h4{font-size:15px;margin-bottom:0px;}
    .agenda_con ul li span{font-size: 12px;}
    .agenda_con ul li a i{font-size: 12px;}
    .agenda_con ul li {padding:5px 0 15px;}
    .picture_box a .btn_style{font-size: 15px;padding: 5px 15px;}
    .swiper-button-next, .swiper-button-prev{display: none!important;}
    .swiper-container {width:100%;}
    .banner_con{top:57%;}
    .banner_btn {margin-top:16px;}
    .tab ul li{padding:0;}
    .review_box a{ background: #fff; display: block;-khtml-border-radius:0 0 5px 5px;-ms-border-radius:0 0 5px 5px;-o-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px;}
    .review_box .review_btn{display: none;}
    .review_box h3{padding:0 20px;}
    .review_box p{padding:0 20px 20px;}
    .pc_img{ display: none;}
    .m_img{ display:block;}
    .prnasia{width: 28%;height: 4%;margin-left:36%;}
    .cooperation .m_img{width:100%;}
    .guest_scroll{justify-content:flex-start;}
}
@media screen and (max-width:750px){
    .sharing_list,.guest_list{ overflow-x:scroll;}
    .sharing_scroll{ width:1150px;}
    .banner{background:#20033a url(../img/banner_m.png) no-repeat top center;background-size:contain;padding-bottom:100%;}
    .banner_con{top:43%;}
    .sharing_box{width:12%;}
    .picture_box{width:48%;}
    .sharing_box a{padding-bottom:13px;}
    .sharing_box a h3 {font-size: 13px;margin:7px 8px 0;line-height: 18px;height:55px;}
    .banner_con h3{font-size: 14px;line-height:24px;letter-spacing: 0;}
    .banner_btn a {padding: 0 24px;line-height:38px;font-size:15px;}
    .banner_btn a::after {top:1px;bottom:1px;left:1px;right:1px;}
    .banner_btn {margin-top:26px;}
    .banner_btn a:first-child {margin-right:10%;}
    .titile h2{font-size:24px;line-height: 68px;}
    .titile span{font-size:40px;top:-14px;}
    .titile{margin-bottom:0;}
    .appraisal_btn a{padding:0 30px;line-height:34px;font-size:16px;}
    .appraisal_btn a::after {top:1px;bottom:1px;left:1px;right:1px;}
    .picture_box a .btn_style::after{
        top:1px;
        bottom:1px;
        left:1px;
        right:1px;
    }
    .video_icon{ width:30px;height:30px; background-size:100%;
        top:24%;
        left:32%;
    }
    .guest_scroll{ width:900px;}
    .guest_box{width:11.7%;margin:0;margin-right:5px;background-size:100%;padding:0 0 25px;}
    .guest_box img{width:70%;margin-top:15%;height:auto;object-fit:contain;object-position:center top;}
    .guest_box h3{ font-size: 16px;margin-top:15px; line-height: 25px;}
    .guest_box p{font-size: 12px;transform: scale(0.7);color: #5A5E66;line-height:16px;margin-top: 3px;margin:0 -18px;}
    .guest_link img{width: 100%;margin-top:0;}
    .review_box h3{font-size: 20px;font-weight:500; line-height:35px; margin-top:10px;}
    .review_box p{font-size: 13px; margin-top:2px;}
    .swiper-wrapper .first_slide p{font-size:12px;}
}
@media screen and (max-width:640px){

}
@media screen and (max-width:360px){
    .banner_con h3{-webkit-line-clamp:2;}
    .banner_con{top:43%;}
    .banner_con h3{font-size:13px;line-height:20px;}
    .banner_btn {margin-top:10px;}
}

