@charset "utf-8";
@import url("./base.css");

@font-face {
    font-family: 'Montserrat-Medium';
    src: url('../font/Montserrat-Medium.eot');
    src:
    url('../font/Montserrat-Medium.eot?#font-spider') format('embedded-opentype'),
    url('../font/Montserrat-Medium.woff') format('woff'),
    url('../font/Montserrat-Medium.ttf') format('truetype'),
    url('../font/Montserrat-Medium.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* flex布局 */
.disflex{display: flex;}
.flexCenter{display: flex;justify-content: center;align-items: center;}
.flexBetween{display: flex;justify-content: space-between;align-items: center;}
.flexAlignCenter{display: flex;align-items: center;}

/*文字截断*/
.TXTovehid{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.TXTovehid-two{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.TXTovehid-three{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}

/*transition*/
.tran200{-webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear;}
.tran300{-webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear;}
.tran400{-webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -ms-transition:all 0.4s linear; transition:all 0.4s linear;}
.tran500{-webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear; transition:all 0.5s linear;}
.tran1000{-webkit-transition:all 1s linear; -moz-transition:all 1s linear; -ms-transition:all 1s linear; transition:all 1s linear;}

/*动效*/
.scaleimg:hover .pic img,
.scaleimg:hover .pic em{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}

/* 背景图片 */
.bgStyle{position: absolute;left: 0;top:0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}
.bgCover{background-position: center;background-repeat: no-repeat;background-size: cover;}
.bgContain{background-position: center;background-repeat: no-repeat;background-size: contain;}

/*黑色遮罩层*/
.black-layer{display: none;z-index: 10;position: fixed;left: 0;right: 0;top: 0;bottom: 0;background-color: rgba(0,0,0,.6);}
.black-layer-header{z-index: 3;}
/*弹窗-视频*/
.popup-video{display: none;z-index: 11;position: fixed;left: 50%;top: 50%;width: 90%;max-width: 1000px;transform: translate(-50%,-50%);}
.popup-video .close-btn{z-index: 1;position: absolute;right: 0;top: 0;display: inline-flex;justify-content: center;align-items: center;width: 40px;height: 40px;background-color: #0F5ADE;font-size: 40px;color: #fff;cursor: pointer;}
.popup-video video{display: block;width: 100%;max-height: 600px;object-fit: contain;}

/* 安全线 */
.w1300{width: 90%;margin: 0 auto;max-width: 1300px;}

/* 边距 */
.padding80{padding: 80px 0;}

/* brief */
.brief{font-size: 56px;line-height: 1.14;}
.brief1{font-size: 24px;line-height: 1.33;}
.brief2{font-size: 40px;line-height: 1.35;}
.brief3{font-size: 18px;line-height: 1.33;}

/* 相对定位 */
.poHidden{position: relative;overflow: hidden;}
html,body{scroll-behavior:smooth;}
header{z-index: 9;}

/* html,body{scroll-behavior:smooth;} */

/* 加粗 */
.bold{font-weight: bold;}

/* topic-page */
.topic-page{font-family: "Microsoft YaHei";}

/* 菜单 */
.topic-page .menu{position: fixed;left: 2%;top: 50%;transform: translateY(-50%);z-index: 9;opacity: 0;visibility: hidden;transition: 0.3s;}
.topic-page .menu.show{opacity: 1;visibility: visible;}
.topic-page .menu li{padding: 14px 0;}
.topic-page .menu li a{display: block;padding-left: 18px;position: relative;color: #FFFFFF;line-height: 1;font-weight: bold;}
.topic-page .menu li a::before{content: "";width: 9px;height: 9px;box-sizing: border-box;border: 1px solid currentColor;border-radius: 50%;position: absolute;left: 0;top: 3px;z-index: 2;}
.topic-page .menu li a span{display: block;}
.topic-page .menu li.active a span{background-image: linear-gradient(0deg, #0492FF 0%, #0495FF 0%, #02C2FF 24%, #00F8FF 38%, #FDFFFF 55%, #FFFFFF 100%);-webkit-background-clip: text;color: transparent;background-clip: text;}

/* banner */
.topic-page .banner img{width: 100%;}

/* main */
.topic-page .main{background: url(../images/topic_bg.jpg) no-repeat center top;background-size: cover;}
.block{display: block;}
/* 标题 */
.topic-page .title{margin-bottom: 50px;}
.topic-page .title img{height: 151px;}
/* 倒计时 */
.topic-page .line{background: url(../images/line.png) no-repeat center bottom;background-size: 100% auto;}
.topic-page .part1 .title img{height:56px}
.topic-page .part1 .tit{color: #FFFFFF;line-height: 1.3;text-align: center;margin-bottom: 25px;}
.topic-page .part1 .timeTo{margin: 25px 0;height: auto;display: flex;justify-content: center;}
.topic-page .part1 .timeTo figure:last-child,
.topic-page .part1 .timeTo > span:nth-of-type(2){display: none;}
.topic-page .part1 .timeTo figcaption{color: #FFFFFF;}
.topic-page .part1 .timeTo figcaption::first-letter{text-transform: uppercase;}
.topic-page .part1 .timeTo > span{font-size: 0;width: 55px;height: 160px;background: url(../images/dot.svg) no-repeat center;}
.topic-page .part1 .timeTo figure{width: auto !important;max-width: none !important;}
.topic-page .part1 .timeTo ul{width: 100%;position: relative;left: 0 !important;top: 0 !important;}
.topic-page .part1 .timeTo ul li:nth-child(2){display: none;}
.topic-page .part1 .timeTo.timeTo-black div{background: url(../images/box.svg) no-repeat center;background-size: 100%;border: none;margin-right: 10px;width: 110px !important;height: 160px !important;text-align: center;line-height: 160px;}
.topic-page .part1 .timeTo.timeTo-black div:last-child{margin-right: 0;}
.topic-page .part1 .timeTo figcaption{margin-top: 16px;}
.topic-page .part1 .text{margin: 22px 0 47px;color: #fff;text-align: center;line-height: 1.4;}
.topic-page .part1 .text i{font-weight: bold;color: #FFFFB5;font-size: 26px;}

.topic-page .part2 .wrap{width: 86.5%;margin: auto;}
.topic-page .part2 .title img{height:184px}
.topic-page .part2 .tit2card{max-height:321px;margin:0 auto 33px}
.topic-page .part3 .wrap .item{position: relative;justify-content: space-between;}
.topic-page .part3 .wrap .item::before{position: absolute;content: '';height: 100%;border-left: 1px dashed #fff;left:220px}
.topic-page .part3 .wrap .item .label{width: 220px;position: relative;color: #fff;line-height: 25px;}
.topic-page .part3 .wrap .item .label::before{width: 57px;height: 25px;background: url(../images/ico.svg) center no-repeat;position: absolute;content: '';right: -47px;}
.topic-page .part3 .wrap .item .text{width: calc(100% - 305px);border: 1px solid rgba(255,255,255,0.6);border-radius: 10px;overflow: hidden;margin-bottom: 50px;}
.topic-page .part3 .wrap .item .text h5{background: url(../images/bg1@2x.png) center no-repeat;line-height: 79px;color: #fff;padding: 0 30px;}
.topic-page .part3 .wrap .item .text h5 i{padding-left: 54px;background-size: auto 100%;background-repeat:no-repeat;background-position:left center}
.topic-page .part3 .wrap .item .text h6{background: url(../images/bg2@2x.png) center no-repeat;background-size: cover;line-height: 79px;padding: 0 30px;color: #FFFFB5;border-radius: 10px;}
.topic-page .part3 .wrap .item:nth-child(-n+2) .label::before,.topic-page .part3 .wrap .item:last-child::before{display: none;}
.topic-page .part3 .wrap .item ul{padding: 30px;color: #2A2829;font-size: 26px;line-height: 1.46;background: rgba(255,255,255,0.4);}
.topic-page .part3 .wrap .item ul .name{font-weight: 500;}
.topic-page .part3 .wrap .item ul li{margin-top: 13px;}
.topic-page .part3 .wrap .item ul li:first-child{margin-top: 0;}
.topic-page .part3 .wrap .item:last-child .text h6{display: flex;justify-content: space-between;}
.topic-page .part3 .wrap .item:last-child .text h6 em{color: #fff;background: url(../images/add.svg) left center no-repeat;padding-left: 54px;}

.topic-page .part4 .img{margin: auto;width: 82%;}
.topic-page .part4 .btn{width: 50px;height: 50px;position: absolute;top: 40%;border-radius: 50%;background: rgba(255,255,255,0.4);z-index: 2;cursor: pointer;transition: 0.4s;}
.topic-page .part4 .btn img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.topic-page .part4 .btn.prev{left: 0;}
.topic-page .part4 .btn.next{right: 0;}
.topic-page .part4 .btn:hover{background: linear-gradient(to right,#FB857A,#FFC3A7,#FB857A);}
@media screen and (max-width: 1920px){
}
	
/*笔记本1920*1080显示放大比例为125%，实际分辨率为1920/1.25=1536*/
@media screen and (max-width: 1550px){
/* brief */
.brief{font-size: 46px;}
.brief1{font-size: 20px;}
.brief2{font-size: 34px;}
.brief3{font-size: 15px;}

.w1300{width: 70%;}

.fz18{font-size: 16px;}

.fz22{font-size: 18px;}
}

/*中屏PC，分辨率1366*/
@media screen and (max-width: 1440px){

}

/*小屏PC，分辨率1280*/
@media screen and (max-width: 1300px){

.w1300{width: 90%;}

	.topic-page .part3 .wrap .item .text h5 i,.topic-page .part3 .wrap .item .text h6{font-size: 24px;}
	.topic-page .part3 .wrap .item ul{font-size: 20px;}
	.topic-page .part3 .wrap .item .text h6{line-height: 40px;padding: 10px 30px;word-break: break-all;}
	
}

/*pad横屏，分辨率1024*/
@media screen and (max-width: 1024px){
.topic-page .part1 .timeTo.timeTo-black div{width: 60px !important;height: 88px !important;line-height: 88px;}
.topic-page .part1 .timeTo > span{height: 88px;width: 30px;background-size: 6px  auto;}
.topic-page .part1 .btn{width: 160px;height: 52px;line-height: 52px;}


}

/*phone和pad竖屏，分辨率820*/
@media screen and (max-width: 820px){

.padding80{padding: 30px 0;}

.fz22,.fz30{font-size: 16px;}

.topic-page .menu{display: none;}

.topic-page .title{margin-bottom: 20px;}
.topic-page .title .num{font-size: 66px;height: 56px;line-height: 56px;}
.topic-page .title .ch{margin-top: -20px;}
.topic-page .title .en{letter-spacing: 3px;}
.topic-page .part1 .title img,.topic-page .part4 .title img{max-width: 50%;}
.topic-page .part1 .timeTo.timeTo-black div{width: 30px !important;height: 44px !important;line-height: 44px;}
.topic-page .part1 .timeTo > span{height: 44px;width: 20px;background-size: 6px  auto;}
.topic-page .part1 .timeTo figcaption{margin-top: 10px;font-size:14px !important}
.topic-page .part1 .btn{width: 120px;height: 40px;line-height: 40px;}
.topic-page .part1 .text{margin: 10px 0 20px;}
.topic-page .part1 .timeTo.timeTo-black figure:nth-child(2) div:nth-child(2){margin-right: 0;}

.topic-page .title img{height: auto !important;max-width: 100%;}
.topic-page .part1 .title img{height:56px !important}
.topic-page .part3 .wrap .item .text h5,.topic-page .part3 .wrap .item .text h6{line-height: 1.4;}
.topic-page .part3 .wrap .item .text h5 i, .topic-page .part3 .wrap .item .text h6{font-size: 16px;}
.topic-page .part3 .wrap .item .text h5 i{padding-left:30px;}
.topic-page .part3 .wrap .item .text h5 {padding: 8px;}
.topic-page .part3 .wrap .item{flex-wrap: wrap;}
.topic-page .part3 .wrap .item .text,.topic-page .part3 .wrap .item .label{width: 100%;}
.topic-page .part3 .wrap .item::before{display: none;}
.topic-page .part3 .wrap .item .label::before{left: 95px;background-size:25px}
.topic-page .part3 .wrap .item .label{padding-bottom: 10px;}
.topic-page .part3 .wrap .item .text{margin-bottom: 20px;}
.topic-page .part3 .wrap .item .text h6,.topic-page .part3 .wrap .item ul{padding: 10px 20px;}
.topic-page .part3 .wrap .item ul{font-size: 14px;}
.topic-page .part3 .wrap .item ul li{align-items: inherit;}
.topic-page .part3 .wrap .item ul .name{width: 35%;}
.topic-page .part3 .wrap .item ul .how{width: 60%;text-align: right;}
    .banner {
        margin-top: 0 !important;
    }
    .topic-page .part3 .wrap .item:last-child .text h6 em{background-size:20px;padding-left:30px}
    .topic-page .part3 .wrap .item:last-child .text h6{flex-wrap:wrap;}
    
}