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

@font-face {
    font-family: 'Poppins-SemiBold';
    src: url('../font/Poppins-SemiBold.eot');
    src:
    url('../font/Poppins-SemiBold.eot?#font-spider') format('embedded-opentype'),
    url('../font/Poppins-SemiBold.woff') format('woff'),
    url('../font/Poppins-SemiBold.ttf') format('truetype'),
    url('../font/Poppins-SemiBold.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;}

/* 宽度 */
.w1250{width: 90%;margin: 0 auto;max-width: 1250px;}
.w1140{width: 90%;margin: 0 auto;max-width: 1140px;}

.topic-page{padding: 100px 0;background: #F7F8FD url(../images/topic_bg.jpg) no-repeat center top;background-size: cover;overflow: hidden;}

/* 标题 */
.title-style{margin-bottom: 70px;}
.title-style .line-style i{width: 30px;height: 12px;background: linear-gradient(270deg, #2CFF96 0%, #007BC3 100%);opacity: 0.2;}
.title-style .line-style i:nth-child(2){opacity: 0.4;}
.title-style .line-style i:nth-child(3){opacity: 0.6;}
.title-style .line-style i:nth-child(4){opacity: 1;}
.title-style .line-style:last-child{flex-direction: row-reverse;}
.title-style .title{font-size: 48px;line-height: 1;color: #036EB8;letter-spacing: 0.12em;font-weight: bold;margin: 0 20px;}

/* 邀请函 */
.topic-page .part1{margin-bottom: 100px;}
.topic-page .part1 .content{background: url(../images/part1_bg1.png) no-repeat center;}
.topic-page .part1 .box{position: relative;box-sizing: border-box;background: #B1E1F5;padding: 20px;}
.topic-page .part1 .box .cube{width: 40px;height: 40px;position: absolute;background: #B1E1F5;}
.topic-page .part1 .box .cube:nth-child(1){left: -20px;top: -20px;opacity: 0.4;}
.topic-page .part1 .box .cube:nth-child(2){right: -20px;top: -20px;}
.topic-page .part1 .box .cube:nth-child(3){right: -20px;bottom: -20px;opacity: 0.5;}
.topic-page .part1 .box .cube:nth-child(4){left: -20px;bottom: -20px;opacity: .5;}
.topic-page .part1 .wrap{padding: 40px;background: url(../images/part1_bg2.png) no-repeat center top;background-size: 100% 100%;font-size: 20px;line-height: 2.1;color: #313D41;}
.topic-page .part1 .wrap .right{margin-top: 68px;text-align: right;}

/* 相关报道 */
.topic-page .part2{margin: 0 auto 100px;}
.topic-page .part2 > .w1250{box-sizing: border-box;background: #DFF7FE url(../images/part2_bg1.png) no-repeat left top;border-radius: 12px;}
.topic-page .part2 .title h2{padding: 15px 0 0 55px;font-size: 26px;line-height: 48px;color: #036EB8;font-weight: bold;}
.topic-page .part2 .content{padding: 37px 55px 47px;}
.topic-page .part2 .container{padding-bottom: 50px;position: relative;overflow: hidden;}
.topic-page .part2 .container .wrap{display: block;}
.topic-page .part2 .container .pic{padding-bottom: 65.44%;position: relative;overflow: hidden;border-radius: 8px;margin-bottom: 30px;}
.topic-page .part2 .container .title{color: #3D3D3D;line-height: 1.5;font-weight: bold;font-size: 20px;}
.topic-page .part2 .container .wrap:hover .pic em{transform: scale(1.1);}
.topic-page .part2 .container .wrap:hover .title{color: #036EB8;}
.topic-page .part2 .container .swiper-pagination{position: absolute;left: 0;bottom: 0;}
.topic-page .part2 .container .swiper-pagination .swiper-pagination-bullet{width: 10px;height: 10px;box-sizing: border-box;border: 1px solid #0280C2;border-radius: 5px;opacity: 1;background: none;margin: 0 7px;transition: 0.3s;}
.topic-page .part2 .container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 48px;border-color: #DFF7FE;background: linear-gradient(270deg, #2CFF96 0%, #007BC3 100%);}

/* 议 程 */
.topic-page .part3{margin-bottom: 100px;}
.topic-page .part3 .content{padding-top: 10px;font-weight: bold;}
.topic-page .part3 .bTitle{padding: 16px;border-left: 4px solid #0682BE;background: linear-gradient(90deg, #B1E1F5 0%, rgba(177, 225, 245, 0) 100%);line-height: 48px;color: #3D3D3D;display: flex;align-items: center;}
.topic-page .part3 .bTitle .icon{height: 34px;}
.topic-page .part3 .bTitle h4{margin: 0 30px 0 20px;font-size: 32px;}
.topic-page .part3 .bTitle span{padding: 0 38px;border-radius: 24px;background: linear-gradient(270deg, #007BC3 0%, #36BF8F 100%);color: #fff;font-size: 26px;}
.topic-page .part3 .tit{padding: 40px 0;display: flex;align-items: center;color: #3D3D3D;font-size: 22px;line-height: 26px;}
.topic-page .part3 .tit:last-child{padding-bottom: 0;}
.topic-page .part3 .tit .icon{width: 20px;margin: 0 20px 0 16px;}
.topic-page .part3 .tit h4{font-size: 26px;color: #036EB8;}
.topic-page .part3 .tit span{font-family: "Poppins-SemiBold";}
.topic-page .part3 .cont{padding-left: 193px;font-size: 24px;line-height: 24px;}
.topic-page .part3 .cont dl{padding: 20px 0;border-top: 1px dashed #696969;color: #3D3D3D;display: flex;align-items: center;line-height: 1.4;}
.topic-page .part3 .cont dl dt{flex-shrink: 0;min-width: 276px;box-sizing: border-box;padding-right: 20px;position: relative;display: flex;}
.topic-page .part3 .cont dl dt div{min-width: 100px;text-align-last: justify;}
.topic-page .part3 .cont dl dt .label{padding: 0 20px;font-size: 20px;position: absolute;right: calc(100% + 40px);top: 50%;transform: translateY(-50%);background: linear-gradient(270deg, #007BC3 0%, #36BF8F 100%);color: #fff;white-space: nowrap;border-radius: 24px;}
.topic-page .part3 .cont dl dd{flex: 1;overflow: hidden;font-weight: normal;}
.topic-page .part3 .cont dl dd em{color: #18C5A9;margin-right: 1em;}
.topic-page .part3 .cont dl dd p{margin-bottom: 10px;}
.topic-page .part3 .cont dl dd p:last-child{margin-bottom: 0;}
.topic-page .part3 .cont dl:first-child{padding-top: 0;border: none;}
.topic-page .part3 .cont dl:last-child{padding-bottom: 0;}
.topic-page .part3 .cont .flex{display: flex;}
.topic-page .part3 .cont .blue{color:#036EB8;margin-bottom: 20px;}
.topic-page .part3 .line{margin-top: 40px;width: 100%;}
.topic-page .part3 .line.noMargin{margin-top: 0;}
.topic-page .part3 .line.marginTop20{margin-top: 20px;}

/* 联系我们 */
.topic-page .part4 .wrap{display: flex;border-radius: 12px;overflow: hidden;}
.topic-page .part4 .cont-l{width: 36.8%;height: 534px;box-sizing: border-box;padding: 60px 60px 80px;background: url(../images/part4_bg1.png) no-repeat center;border-right: 4px solid #036EB8;position: relative;display: flex;flex-direction: column;justify-content: space-between;}
.topic-page .part4 .cont-l::before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(255, 255, 255, 0.86);backdrop-filter: blur(10px);}
.topic-page .part4 .cont-l .title,
.topic-page .part4 .cont-l .text{position: relative;z-index: 2;}
.topic-page .part4 .cont-l .title{width: 95.5%;}
.topic-page .part4 .cont-l .text dl{font-size: 20px;line-height: 26px;color: #3D3D3D;margin-bottom: 20px;display: flex;}
.topic-page .part4 .cont-l .text dl:last-child{margin-bottom: 0;}
.topic-page .part4 .cont-l .text dt{flex-shrink: 0;margin-right: 16px;}
.topic-page .part4 .cont-l .text dd{flex: 1;}
.topic-page .part4 .cont-l .text dd span{font-weight: bold;}
.topic-page .part4 .cont-r{width: 63.2%;}
.topic-page .part4 .cont-r img{width: 100%;height: 534px;object-fit: cover;}


/*笔记本1920*1080显示放大比例为125%，实际分辨率为1920/1.25=1536*/
@media screen and (max-width: 1550px){
.topic-page{padding: 82px 0;}

/* 标题 */
.title-style{margin-bottom: 58px;}
.title-style .title{font-size: 40px;margin: 0 10px;}

/* 邀请函 */
.topic-page .part1{margin-bottom: 84px;}
.topic-page .part1 .wrap{padding: 34px;font-size: 16px;}
.topic-page .part1 .wrap .right{margin-top: 56px;}

/* 相关报道 */
.topic-page .part2{margin: 0 0 84px;}
.topic-page .part2 .content{padding: 30px 46px 40px;}
.topic-page .part2 .container .pic{margin-bottom: 25px;}
.topic-page .part2 .container .title{font-size: 16px;}

/* 议 程 */
.topic-page .part3{margin-bottom: 84px;}
.topic-page .part3 .bTitle{line-height: 40px;}
.topic-page .part3 .bTitle h4{font-size: 26px;}
.topic-page .part3 .bTitle span{font-size: 22px;}
.topic-page .part3 .tit{padding: 32px 0;font-size: 18px;}
.topic-page .part3 .cont{font-size: 20px;padding-left: 170px}
.topic-page .part3 .cont dl{padding: 16px 0;}
.topic-page .part3 .line{margin-top: 32px;}
.topic-page .part3 .cont dl dt{min-width: 230px;}

/* 联系我们 */
.topic-page .part4 .cont-l{height: 445px;padding: 50px 50px 66px;}
.topic-page .part4 .cont-l .title{width: 88%;}
.topic-page .part4 .cont-l .text dl{font-size: 16px;}
.topic-page .part4 .cont-l .text dl dt img{height: 20px;}
.topic-page .part4 .cont-r img{height: 445px;}


}

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

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

/*pad横屏，分辨率1024*/
@media screen and (max-width: 1024px){
	
}

/*phone和pad竖屏，分辨率820*/
@media screen and (max-width: 820px){
.topic-page{padding: 40px 0;}

/* 标题 */
.title-style{margin-bottom: 20px;}
.title-style .title{font-size: 26px;margin: 0 5px;}
.title-style .line-style i{width: 20px;height: 8px;}

/* 邀请函 */
.topic-page .part1{margin-bottom: 40px;}
.topic-page .part1 .wrap{padding: 20px;font-size: 15px;}
.topic-page .part1 .wrap .right{margin-top: 30px;}

/* 相关报道 */
.topic-page .part2{margin: 0 0 40px;}
.topic-page .part2 > .w1250{background-size: 189% auto;}
.topic-page .part2 .title h2{padding: 0 0 0 30px;font-size: 18px;}
.topic-page .part2 .content{padding: 20px;}
.topic-page .part2 .container{padding-bottom: 30px;}
.topic-page .part2 .container .pic{margin-bottom: 12px;}
.topic-page .part2 .container .title{font-size: 15px;}

/* 议 程 */
.topic-page .part3{margin-bottom: 40px;}
.topic-page .part3 .bTitle{line-height: 30px;padding: 10px;}
.topic-page .part3 .bTitle .icon{height: 20px;}
.topic-page .part3 .bTitle h4{font-size: 20px;}
.topic-page .part3 .bTitle span{font-size: 16px;padding: 0 20px;}
.topic-page .part3 .tit{padding: 18px 0;font-size: 15px;}
.topic-page .part3 .tit .icon{width: 12px;margin: 0 10px;}
.topic-page .part3 .tit h4{font-size: 16px;}
.topic-page .part3 .cont{font-size: 16px;padding-left: 0;}
.topic-page .part3 .cont dl{padding: 10px 0;align-items: flex-start;}
.topic-page .part3 .line{margin-top: 32px;}
.topic-page .part3 .cont dl dt{min-width: auto;}
.topic-page .part3 .line.marginTop20{margin-top: 0;}

/* 联系我们 */
.topic-page .part4 .wrap{display: block;}
.topic-page .part4 .cont-l{height: auto;padding: 30px;border: none;width: 100%;}
.topic-page .part4 .cont-l .title{width: 70%;max-width: 320px;margin-bottom: 80px;}
.topic-page .part4 .cont-l .text dl{font-size: 16px;}
.topic-page .part4 .cont-l .text dl dt img{height: 20px;}
.topic-page .part4 .cont-r{width: 100%;}
.topic-page .part4 .cont-r img{height: auto;width: 100%;}

}