body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
br{opacity: 0;background: transparent;color: transparent;}
img{ border:0;}
ol,ul,li{list-style:none;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
a{text-decoration:none;}
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
body{background-color:#002464;}
.clearfix:before,
.clearfix:after
.header:before{display: table; content: " ";}
.clearfix:after{clear: both;}
.visible-xs{display: none !important;}
.hidden-xs {display: block !important;}
.themewrapper{margin-left:auto; margin-right:auto; padding-bottom:0px; position:relative;}
.themetitle{margin:0px auto 80px; width:100%; max-width:1440px;}

.head_bg{position:fixed; left:0px; right:0px; top:0px; background:rgba(18,17,72,.24); backdrop-filter:blur(24px); -webkit-backdrop-filter:blur(24px); z-index:1300;}
.themeheader{margin-left:auto; margin-right:auto; width:100%; max-width:1440px; height:90px; display:flex; justify-content:space-between; align-items:center;}
.logo{text-align:left; position:relative; z-index:1000;}
ul.navi{display:flex;justify-content:flex-end;}
ul.navi li{padding:0px 12px; }
ul.navi li a{color:#fff; text-decoration:none; position:relative; font-size:16px;}
ul.navi li a:hover::after{content:" "; position:absolute; left:0px; bottom:-2px;width:100%; height:1px; background-color:#fff;}
/*
.themeheader .meun-btn{margin-right:10px; width:20px; height:32px; position:relative; z-index:1202;display:none;}
.themeheader .meun-btn>span{position:absolute; top:10px; left:0; width:20px; height:12px; transition:transform .1806s cubic-bezier(.04,.04,.12,.96);}
.themeheader .meun-btn .crust{display:block; width:20px; height:2px; background:#fff; border-radius:2px; position:absolute; left:0; z-index:1; transition:transform .1596s cubic-bezier(.52,.16,.52,.84) .1008s;}
.themeheader .meun-btn .lint-1 .crust{top:0px;}
.themeheader .meun-btn .lint-2 .crust{top:6px;}
.themeheader .meun-btn .lint-3 .crust{top:12px;}
.themeheader .meun-btn.open .crust{background:#80B8EB;}
.themeheader .meun-btn.open .lint-1 {transition:transform .3192s cubic-bezier(.04,.04,.12,.96) .1008s; transform:rotate(45deg);}
.themeheader .meun-btn.open .lint-1 .crust {transform:translateY(5px); transition:transform .1806s cubic-bezier(.04,.04,.12,.96);}
.themeheader .meun-btn.open .lint-2 {transition:opacity .1806s; opacity:0;}
.themeheader .meun-btn.open .lint-3 {transition:transform .3192s cubic-bezier(.04,.04,.12,.96) .1008s; transform:rotate(-45deg);}
.themeheader .meun-btn.open .lint-3 .crust{transform:translateY(-7px); transition:transform .1806s cubic-bezier(.04,.04,.12,.96);}
body.open{height:100%; overflow:hidden;}

.themeheader.open{height:100%;transition: background .36s cubic-bezier(.32,.08,.24,1),height .56s cubic-bezier(.52,.16,.24,1);}
.themeheader{z-index:1201;}
.themeheader .menu{position: fixed;top: 0;left: 0;right:0px; bottom:0px;width: 100%;height: 100%;padding-top: 105px; overflow-y: auto;background-color:#012464;display:none;z-index:900;}
.themeheader .menu ul{display:none;}
.themeheader .menu li a{line-height:50px; color:#fff; font-size:16px; font-weight:bold; text-align:center; display:block;}
.themeheader .menu li a:hover{background-color:#fff; text-decoration:none;}
*/

.video_bg {
  position: absolute;
  min-width: 12rem;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.themebanner{margin-left:auto; margin-right:auto; width:100%; position:relative;}
.themebanner .box{position:absolute; left:13%; top:23%;}
.themebanner .box button{margin-top:30px; width:178px; height:56px; background:rgba(255,255,255,1); font-weight:bold; border-radius:8px; font-size:28px; text-align:center; color:#0088ff; border:none; cursor:pointer;}
.themebanner .box button:hover{ background:rgba(255,255,255,.75);}
.themebanner img{width: 100%; height: 100%; -webkit-object-fit: cover; -moz-object-fit: cover; -o-object-fit: cover; -ms-object-fit: cover; object-fit: cover; }
.mb120{margin-bottom:160px;}

.bbs,.agenda, .highlight, .datazone,.conferencevideo, .cooperation , .guide,.bbssubject,.album{margin-left:auto; margin-right:auto; width:100%; max-width:1440px; position:relative;}
.bbs .player{width:78%; min-height:400px;}
.bbs .player img{max-width:100%; height:auto; border-radius:8px;}
.bbs .list{position:absolute; left:79.3%; top:0px; bottom:0px; width:296px; height:100%; background-color:#244068; border-radius:8px;}
.bbs .list .thead{height:42px; line-height:42px; text-align:center; font-size:16px; color:#fff; letter-spacing:3px; border-top-left-radius:8px; border-top-right-radius:8px; background-image: linear-gradient(90deg, #9ECDF9 0%, #7AB0EE 34%, #568FE0 71%, #4981D6 100%);}
.bbs .list .body{padding:0px 0px 0px 30px; background-color:#344db3; height:100%; border-bottom-left-radius:8px; border-bottom-right-radius:8px; height: calc(100% - 42px);overflow: hidden; background:url(../images/timeline.jpg) no-repeat center bottom; background-size:100%;}
.bbs .list .body li{padding:20px 0px;width:100%; color:#fff; display:flex; justify-content:space-between; border-bottom:2px solid rgba(255,255,255,.75);}
.bbs .list .body li:last-child{border-bottom:none;}
.bbs .list .body li .time{width:26%; font-size:14px;}
.bbs .list .body li .subject{width:74%;}
.bbs .list .body li .time span{padding:3px 0px; display:block; width:50px; text-align:center;}
.bbs .list .body li .subject p.title{font-size:16px; font-weight:bold;}
.bbs .list .body li .subject p.name{margin:10px 0px; font-size:14px;}
.bbs .list .body li .subject p.post{font-size:12px;}
.bbs .schedule{display:none;}
.bbs .schedule img{max-width:100%; height:auto; border-radius:8px;}


.bbssubject ul{}
.bbssubject li{margin-bottom:12px;}
.bbssubject li .subjectitem{padding:0px 60px; width:100%; height:90px; color:#fff; font-size:24px; background: linear-gradient(90deg, rgba(31, 157, 244, 1) 0%, rgba(44, 66, 152, 1) 100%); border-radius:8px; display:flex; justify-content:space-between; align-content:flex-start; align-items:center; -webkit-transition-duration:.35s; transition-duration:.35s;}
.bbssubject li .time{width:20%;}
.bbssubject li .theme{width:50%; text-align:left;}
.bbssubject li .author{width:30%; text-align:right;; visibility:hidden;}
.bbssubject li .author span{font-size:14px;}
.bbssubject li.on .subjectitem{height:140px; background:url(../images/bg_bbs.jpg) no-repeat; background-size:100% 100%; border:2px solid #92c3ee;}
.bbssubject li.on .author{visibility:visible;}
.bgone{position:absolute; right:0%; top:10%;}
.bgone img{width:90%;}

ul.agendatab{margin-bottom:60px; display:flex; justify-content:flex-start;}
ul.agendatab li{margin-right:30px; width:100%; max-width:260px; height:60px; color:#fff; font-size:20px; text-align:center; border:1px solid #fff; cursor:pointer; border-radius:8px;background: #012464; line-height:60px;}
ul.agendatab li.on{border:none; border-radius:8px; background: linear-gradient(90deg, rgba(157, 204, 249, 1) 0%, rgba(73, 129, 214, 1) 100%); font-weight:bold; border:2px solid #92c3ee;}
ul.agendatab li:hover{background:#fff; color:#0088ff;}
ul.agendatab li.on:hover{background: linear-gradient(90deg, rgba(157, 204, 249, 1) 0%, rgba(73, 129, 214, 1) 100%); color:#fff;}

.album{padding:0px 60px; position:relative;}
.album .swiper-container{padding:50px 0px 0px;}
.agendabox .agendaboxitem{display:none;}
.agendabox .agendaboxitem:first-child{display:block;}
.agendabox .agendaboxitem img{max-width:100%; height:auto; border-radius:8px;}
.bgjb{position:absolute; left:0px; bottom:90px;}
/*
ul.guest{margin:0 auto; width:100%; max-width:306px;}
ul.guest li{margin-bottom:15px; width:306px; height:386px; font-size:14px; cursor:pointer; background:url(../images/jb.jpg) no-repeat; display:flex; flex-direction:column;border-top-left-radius:8px;border-top-right-radius:8px;}
ul.guest li.on{background:url(../images/jb_o.jpg) no-repeat;}
ul.guest li .photo{ -webkit-box-align:end; -ms-flex-align:end; -webkit-box-pack:center; -ms-flex-pack:center; align-items:flex-end; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; height:296px; justify-content:center; position:relative; width:306px;}
ul.guest li .photo img{width:100%; max-width:286px;}
ul.guest li.on .photo img{transition-duration: .3s !important; max-width: 296px;}
ul.guest li .name{color: #fff;font-size: 16px;height: 90px;text-align: center;background: linear-gradient(90deg, rgba(170, 232, 222, 1) 0%, rgba(70, 139, 231, 1) 100%);display:flex;flex-direction:column;justify-content:center;align-items:center;border-bottom-left-radius:8px;border-bottom-right-radius:8px;}
ul.guest li .name strong{margin-bottom:6px; font-size:20px; line-height:20px; font-weight:normal; text-align:center; display:block;}
*/
.wguest{margin:0 auto; width:100%; max-width:238px;}
.wguest img{max-width:100%; height:auto;}
.wguest .photo{margin-bottom:25px;}
.wguest .name{margin:0 auto; width:90%; font-size:16px; color:#fff; text-align:center; line-height:20px;}
.wguest .name strong{margin-bottom:10px; font-size:20px; text-align:center; display:block;}

.album .jb-prev{position:absolute; left:0px; top:36%; width:48px; height:48px; background:url(../images/btn_prev.png) no-repeat; cursor:pointer; background-size:100% auto;}
.album .jb-next{position:absolute; right:0px; top:36%; width:48px; height:48px; background:url(../images/btn_next.png) no-repeat; cursor:pointer; background-size:100% auto;}

.bgld{position:absolute; left:0px; top:0px; color:#fff;}

/*
.highlight ul.data{margin-bottom:50px; height:200px; display:flex; justify-content:space-between; align-items:center; gap:10px; }
.highlight ul.data li{width:100%; max-width:342px; height:188px; color:#fff; font-size:18px; text-align:center; display:flex; flex-direction:column;justify-content:center; background: linear-gradient(#274a8a, #59a6f6); border-radius:8px;}
.highlight ul.data li strong{margin-bottom:10px; font-size:28px;}
*/
.highlight .data{margin-bottom:50px;}
.highlight .data img{margin:0 auto; max-width:100%; height:auto;}
.highlight ul.news{ display:flex; justify-content:space-between; flex-wrap:wrap;align-items:stretch;}
.highlight ul.news li{width:49.5%;}
.highlight ul.news li a.text{padding:24px; color:#fff;background-image: linear-gradient(#3668c9, #3499eb); display:block; overflow:hidden; border-top-right-radius:8px; border-bottom-right-radius:8px; position:relative;}
.highlight ul.news li a.text h4{font-size:20px; line-height:30px;}
.highlight ul.news li a.text p{margin-top:15px; font-size:16px; line-height:24px; height:96px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4;}
.newsgap{height:10px;}
.highlight ul.news li:first-child{display:flex; justify-content:space-between; align-content:stretch; flex-direction:column;}
.highlight ul.news li:first-child a.text{height:calc(100% - 326px); border-bottom-left-radius:8px; border-bottom-right-radius:8px; border-top-left-radius:0px; border-top-right-radius:0px;}
.highlight ul.news li:first-child img{width:100%; height:auto;  -webkit-object-fit: cover; -moz-object-fit: cover; -o-object-fit: cover; -ms-object-fit: cover; object-fit: cover; transition: .5s ease transform;}
.highlight ul.news li:first-child:hover img{transform: scale(1.05);}
.highlight ul.news li:first-child .img{height:326px; overflow:hidden;border-top-left-radius:8px; border-top-right-radius:8px;}
.highlight ul.news li:first-child a.text{padding:24px 35px; background:url(../images/bg_news.jpg) no-repeat; background-size:100%;}
.highlight ul.news li a.text h4{font-size:20px; line-height:30px;}
.highlight ul.news li .rnews{display:flex;  justify-content:space-between; flex-direction:row; align-content:stretch;}
.highlight ul.news li .rnews:first-child{margin-bottom:0px;}
.highlight ul.news li .rnews img{max-width: 284px; height: 100%; -webkit-object-fit: cover; -moz-object-fit: cover; -o-object-fit: cover; -ms-object-fit: cover; object-fit: cover; transition: .5s ease transform;}
.highlight ul.news li a.text p.more {position:absolute;left:24px; bottom:24px; width:160px; height:auto;}
.highlight ul.news li:first-child a.text p.more {left:35px;}
.highlight ul.news li a.text p.more span::after{content:" "; position:absolute; left:70px; top:6px; width:24px; height:13px; background:url(../images/arrow.png) no-repeat;}
.highlight ul.news li .rnews .img{width:284px; overflow:hidden; border-top-left-radius:8px; border-bottom-left-radius:8px;}
.highlight ul.news li .rnews .img:hover img{transform: scale(1.05);}
.highlight ul.news li .rnews a.text{width:calc(100% - 284px);}

.datazone .ul{display:flex; justify-content:flex-start;}
.datazone .ul a{margin-right:40px;width:464px; height:286px; display:block; position:relative; overflow:hidden; border-radius:8px;}
.datazone .ul a img{max-width:100%; height:auto; transition: .5s ease transform; border-radius:8px;}
.datazone .ul a:hover img{transform: scale(1.05);}
.datazone .ul a p{color:#fff; font-size:28px;  position:absolute; left:30px; right:0px; bottom:0px; top:40px; z-index:300;}
.datazone .ul a p span{margin-top:20px; font-size:20px; display:block; position:relative; }
.guide img{max-width:100%; height:auto;}
.datazone .ul a p span::after{content:" "; position:absolute; left:90px; top:4px; width:20px; height:20px; background:url(../images/download.png) no-repeat;}


.conferencevideo ul.row1{margin-bottom:50px; display:flex; justify-content:space-between;}
.conferencevideo ul.row1 img{max-width:100%; height:auto; transition: .5s ease transform; border-radius:8px;}
.conferencevideo ul.row1 a{position:relative; max-width:702px; max-height:399px; display:block; overflow:hidden;border-radius: 8px;}
.conferencevideo ul.row1 a:hover img{transform: scale(1.05);}
.conferencevideo ul.row1 .name{position:absolute; left:0px; bottom:0px; padding-left:30px; font-size:24px; line-height:60px; color:#fff; width:100%; height:60px; background: linear-gradient(270deg, rgba(89,221,188,0.21) 0%, rgba(72,229,235,0.44) 35%, rgba(49,216,235,0.74) 66%, #036BFF 100%);border-radius: 0px 0px 8px 8px;}
.conferencevideo .row2{width:100%; overflow:hidden;}
.conferencevideo .row2 ul{width:100%; display:flex; flow-wrap:no-wrap;}
.conferencevideo .row2 ul li{margin-right:15px;}
.conferencevideo .row2 img{border-radius:8px;}

.cooperation ul{ display:flex; justify-content:space-between; flex-wrap:wrap;}
.cooperation li{width:25%;}
.cooperation li a{margin:0px 10px; padding:50px 0px; font-size:24px; color:#fff; text-align:center; display:block; background:rgba(255,255,255,.2); border-radius:10px; display:flex; justify-content:center; align-items:center;}
.cooperation li a img{margin-right:10px;}

.sponsor{padding:0px 0px 160px; text-align:center; font-size:24px; color:#fff; line-height:30px;}
.sponsor img{margin-left:20px; vertical-align:middle; max-width:100%; height:auto;}

.bottombg{background:url(../images/bottom.png) no-repeat center bottom;}

.pop-overlay {width: 100%;background: rgba(0,0,0,.75);position: fixed;left: 0;top: 0;bottom: 0;right: 0; display: none; z-index: 8000;}
.pop-videoBox {position: fixed; width: 60%;left: 50%; top:50%; transform: translateY(-50%) translateX(-50%);padding: 20px;background: #fff;text-align: center;border-radius: 5px;}
.pop-videoBox video {width: 100%;}
.pop-close {width: 36px;height: 36px;position: absolute;top: -18px;right: -18px;display: block;background: transparent url(https://cn.uniview.com/pub/2021_CPSE/images/close.png) no-repeat center center;opacity: .8;}
.pop-close:hover {opacity: 1;}


@media screen and (max-width: 768px){
.pd10{padding:0px 10px;}
.visible-xs{display: block !important;}
.hidden-xs {display: none !important;}
.mb120{margin-bottom:80px;}
.themeheader{height:60px;}
.logo{width:100%; text-align:center;}
ul.navi{display:none;}
.themebanner .box button{margin-top:30px; width:110px; height:40px; border-radius:4px; font-size:16px;}
.themeheader .logo img{margin-left:20px; width:80%;}
.themeheader .meun-btn{display:block;}
.themebanner h1 img{width:85%;}
.video_bg{display:none;}
.themetitle{margin:0px auto 50px; text-align:center;}
.bbs .player{width:100%; min-height:auto;}
.bbs .list{position:static; left:auto; top:auto; bottom:auto; width:100%; height:auto; background-color:#244068; border-radius:8px;}
.bbs .list .body,.bbs .list .thead{display:none;}
.bbs .schedule{display:block;}

.bbs,.agenda, .wguest, .highlight,.datazone, .conferencevideo, .guide{padding:0px 0px;}
.highlight ul.news{flex-direction:column;}
.highlight ul.news li{margin-bottom:15px; width:100%;}
.highlight ul.news li .rnews:first-child{margin-bottom:15px;}
.highlight ul.news li .rnews img{display:none;}
.newsgap{display:none;}
.highlight ul.news li a.text{border-radius:8px;}

.bbssubject ul{display:none;}
.bbssubject img{max-width:100%; height:auto; border-radius:8px;}



.datazone .ul{align-content:flex-start; flex-direction:column;}
.datazone .ul a{margin-left:auto; margin-right:auto; margin-bottom:15px;}
.datazone .ul a p{color:#fff; font-size:24px;left:20px; top:30px;}
.datazone .ul a p span{font-size:14px;}

.conferencevideo ul.row1{margin-bottom:20px; flex-direction:column;}
.conferencevideo ul.row1 li:first-child{margin-bottom:10px;}
.conferencevideo .row2 ul li img{width:180px;}
.cooperation li{margin-bottom:20px; width:50%;}


}


@media (max-width: 480px) {
.mb120{margin-bottom:50px;}
.themebanner h1 img{width:85%;}
.themetitle img{max-width:40%; height:auto;}
.themetitle img.tbbs{max-width:30%; height:auto;}

.themebanner .box button{width:80px; height:36px; border-radius:4px; font-size:14px;}
.themeheader{ justify-content:flex-start;}
.logo{text-align:left; position:relative; z-index:1000;}
.themebanner .box{left:10px;}

ul.agendatab{margin-bottom:30px; justify-content:space-between;}
ul.agendatab li{margin-right:0; padding:0px 5px; width:auto; height:40px; line-height:40px; font-size:14px;}
.album .swiper-container{padding-top:50px;}
.highlight ul.news li .rnews{ height:100%;flex-direction:column;}
.highlight ul.news li a.text{padding:24px;}
.highlight ul.news li a.text h4{font-size:18px; line-height:24px;}
.highlight ul.news li a.text p{margin-top:15px; font-size:14px; line-height:20px;}
.highlight ul.news li:first-child a.text{background-image: linear-gradient(#3668c9, #3499eb);}
.highlight ul.news li .rnews{height:auto;}

.wguest .name{font-size:14px;}
.wguest .name strong{font-size:18px;}

.album .jb-prev{left:0px; top:39%; width:32px; height:32px;}
.album .jb-next{right:0px; top:39%; width:32px; height:32px;}

/*
.highlight ul.data{height:auto; display:flex; justify-content:space-between; flex-direction:column;}
.highlight ul.data li{margin-bottom:15px; font-size:14px;}
.highlight ul.data li strong{margin-right:10px; font-size:24px;}
*/
.highlight ul.news li:first-child .img{height:auto;}
.highlight ul.news li .rnews .img{display:none;}
.highlight ul.news li .rnews a.text{width:100%;}
.highlight ul.news li a.text p.more {position:relative;left:auto; bottom:auto; }
.highlight ul.news li:first-child a.text p.more {left:auto;}
.highlight ul.news li:first-child a.text{padding:24px;}
.datazone .ul a{width:100%; height:auto;}
.datazone .ul a p{bottom:auto;}
.datazone .ul a p span::after{left:60px; top:0px;}
.cooperation li a,.conferencevideo ul.row1 .name{font-size:16px;}
.bottombg{padding:0px;}
.agendabox .agendaboxitem img{margin-left:auto; margin-right:auto;}

}