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

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

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;}

/* 标题 */
.topic-page .title{margin-bottom: 50px;flex-direction: column;}
.topic-page .title .num{font-size: 142px;background-image: linear-gradient(0deg, rgba(4,146,255,0) 0%, rgba(112,255,255,0.14) 55%, rgba(255,255,255,0.2) 100%);-webkit-background-clip: text;color: transparent;background-clip: text;font-family: "Poppins-Medium";line-height: 120px;height: 120px;font-weight: bold;}
.topic-page .title .ch{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;margin-top: -52px;}
.topic-page .title .en{color: #89D3E8;font-family: "Poppins-Regular";line-height: 20px;text-transform: uppercase;font-weight: normal;letter-spacing: 8px;}

/* 倒计时 */
.topic-page .line{background: url(../images/line.png) no-repeat center bottom;background-size: 100% auto;}
.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: 21px;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;font-weight: bold;line-height: 1.4;}
.topic-page .part1 .btn{width: 222px;height: 73px;display: block;margin: 0 auto;border-radius: 37px;text-align: center;line-height: 73px;color: #FFFFFF;font-weight: bold;background: url(../images/btn_bg.svg) no-repeat center;background-size: 100%;}

/* 预热视频 */
.topic-page .part2 .video-box{cursor: pointer;border-radius: 20px;height: auto;}
.topic-page .part2 .video-box .bg{width: 100%;}
.topic-page .part2 .video-box .icon{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.topic-page .part2 .video-box:hover .bg{transform: scale(1.05);}
.topic-page .part2 .lineBg{position: absolute;right: 6.7%;top: 186px;}

/* 邀请函 */
.topic-page .part3 .lineBg{position: absolute;left: 6.25%;top: 286px;}
.topic-page .part3 .content{padding: 88px 17%;background: url(../images/part3_bg.png) no-repeat center;background-size: 100% 100%;color: #FFFFFF;line-height: 1.66;position: relative;}
.topic-page .part3 .content .icon{position: absolute;top: 160px;right: 9.3%;}


/* 长飞展台展示内容 */
.topic-page .part4 .pic img{width: 100%;}

/* 新品发布会 */
.topic-page .part5 .cont-top dl{width: 48.8%;margin-bottom: 30px;border-radius: 20px;border: 1px solid #fff;box-sizing: border-box;}
.topic-page .part5 .cont-top dl::before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;opacity: 0.3;background-image: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);border-radius: 20px;}
.topic-page .part5 .cont-top dl dt{flex-shrink: 0;padding: 0 52px;height: 100px;background: url(../images/part5_bg1.jpg) no-repeat center;background-size: cover;color: #0492FF;position: relative;z-index: 2;}
.topic-page .part5 .cont-top dl dt img{margin-right: 10px;}
.topic-page .part5 .cont-top dl dd{flex: 1;overflow: hidden;box-sizing: border-box;padding: 0 28px;color: #fff;position: relative;height: 100px;display: flex;align-items: center;}
.topic-page .part5 .cont-top dl dd .bg{position: absolute;right: 18px;top: 18px;height: 30px;}
.topic-page .part5 .cont-bottom{position: relative;padding-bottom: 34px;}
.topic-page .part5 .cont-bottom::before{content: "";width: 100%;height: calc(100% - 98px);position: absolute;left: 0;bottom: 0;opacity: 0.05;
    background-image: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);
    border-radius: 0 0 20px 20px;}
.topic-page .part5 .cont-bottom .bg{position: absolute;}
.topic-page .part5 .cont-bottom .bg1{left: -32px;top: -65px;height: 130px;}
.topic-page .part5 .cont-bottom .bg2{right: -75px;bottom: -72px;height: 207px;}
.topic-page .part5 .cont-bottom table{width: 100%;border-collapse: collapse;border-spacing: 0;color: #FFFFFF;text-align: center;border-radius: 20px 20px 0 0;overflow: hidden;}
.topic-page .part5 .cont-bottom table tr{border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
.topic-page .part5 .cont-bottom table th{background: rgba(255, 255, 255, 0.3);line-height: 98px;}
.topic-page .part5 .cont-bottom table td{padding: 26px 10px;line-height: 28px;}

@keyframes rond {
    0% {transform: rotate(0deg)}
    100% {transform: rotate(360deg)}
}

/* GSMA峰会论坛 */
.topic-page .part6 .title{margin-bottom: 38px;}
.topic-page .part6 .descText{text-align: center;color: #fff;margin-bottom: 48px;line-height: 1.3;}
.topic-page .part6 .descText .tit{margin-bottom: 7px;}
.topic-page .part6 dl{display: flex;justify-content: space-between;}
.topic-page .part6 dl dd{margin-bottom: 30px;width: 48.8%;box-sizing: border-box;position: relative;background: url(../images/box1.png) no-repeat center;background-size: 100% 100%;}
.topic-page .part6 dl dd .wrap{position: relative;z-index: 5;display: flex;align-items: center;padding: 40px 10px 40px 30px;}
.topic-page .part6 dl dd .wrap .icon{width: 16.5%;margin-right: 15px;flex-shrink: 0;}
.topic-page .part6 dl dd .wrap .text{flex: 1;overflow: hidden;font-weight: bold;color: #FFFFFF;line-height: 1.4;}
.topic-page .part6 dl dd .tit{color: #DFE9F6;margin-bottom: 4px;}
.topic-page .part6 .bg{position: absolute;right: 70px;top: 36px;}
.topic-page .part6 .bottom{padding: 26px 65px;background: url(../images/box2.png) no-repeat center;background-size: 100% 100%;color: #FFFFFF;position: relative;align-items: flex-start;}
.topic-page .part6 .bottom .cont-left{flex-direction: column;flex-shrink: 0;margin-right: 6%;}
.topic-page .part6 .bottom .cont-left .pic{width: 163px;}
.topic-page .part6 .bottom .cont-left .name{margin-top: 9px;background: #1AA6FC;border-radius: 23px;line-height: 1;text-align:center;padding:9px 18px 13px}
.topic-page .part6 .bottom .cont-left .name div:first-child{margin-bottom:3px}
.topic-page .part6 .bottom .cont-right{flex: 1;overflow: hidden;line-height: 1.35;padding-top: 50px;}
.topic-page .part6 .bottom .desc{margin: 4px 0 20px;}
.topic-page .part6 .bottom .line{max-width: 550px;height: 1px;background-image: linear-gradient(to right, rgba(255,255,255,0.6) , rgba(255,255,255,0));opacity: 0.7;}
.topic-page .part6 .bottom .pos{display: flex;align-items: center;color: #DFE9F6;}
.topic-page .part6 .bottom .pos img{margin-right: 6px;}
.topic-page .part6 .bottom .name{padding-left: 20px;line-height: 1.15;margin-top: 8px;}

/*按钮样式*/
.buttonStyle{width: 50px;height: 50px;border-radius: 50%;position: absolute;cursor: pointer;top: 50%;transform: translateY(-50%);z-index: 3;}
.buttonStyle::before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;opacity: 0.35;background-image: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);border-radius: 50%;transition: 0.3s;}
.buttonStyle::after{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;border-radius: 50%;background-image: linear-gradient(-6deg, #0492FF 0%, #39A9FF 8%, #7FC7FF 19%, #B6DFFF 30%, #DEF1FF 39%, #F6FBFF 46%, #FFFFFF 50%, #F6FBFF 54%, #DEF1FF 61%, #B6DFFF 70%, #7FC7FF 81%, #39A9FF 92%, #0492FF 100%);border: 1px solid #FFFFFF;box-sizing: border-box;opacity: 0;transition: 0.3s;}
.buttonStyle.prev{left: 0;}
.buttonStyle.next{right: 0;}
.buttonStyle img{filter: brightness(0) invert(1);position: relative;z-index: 3;}
.buttonStyle:hover::before{opacity: 0;}
.buttonStyle:hover::after{opacity: 1;}
.buttonStyle:hover img{filter: brightness(1) invert(0);}
.buttonStyle.swiper-button-disabled{pointer-events: none;opacity: 0.4;}

/* 展区导览 */
.topic-page .part7 .container{padding-bottom: 20px;}
.topic-page .part7 .container .pic{height: 790px;}
.topic-page .part7 .container .pic img{max-width: 84%;max-height: 100%;}
/*.topic-page .part7 .container .btn{width: 50px;height: 50px;border-radius: 50%;position: absolute;cursor: pointer;top: 50%;transform: translateY(-50%);z-index: 3;}
.topic-page .part7 .container .btn::before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;opacity: 0.35;background-image: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);border-radius: 50%;transition: 0.3s;}
.topic-page .part7 .container .btn::after{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;border-radius: 50%;background-image: linear-gradient(-6deg, #0492FF 0%, #39A9FF 8%, #7FC7FF 19%, #B6DFFF 30%, #DEF1FF 39%, #F6FBFF 46%, #FFFFFF 50%, #F6FBFF 54%, #DEF1FF 61%, #B6DFFF 70%, #7FC7FF 81%, #39A9FF 92%, #0492FF 100%);border: 1px solid #FFFFFF;box-sizing: border-box;opacity: 0;transition: 0.3s;}
.topic-page .part7 .container .btn.prev{left: 0;}
.topic-page .part7 .container .btn.next{right: 0;}
.topic-page .part7 .container .btn img{filter: brightness(0) invert(1);position: relative;z-index: 3;}
.topic-page .part7 .container .btn:hover::before{opacity: 0;}
.topic-page .part7 .container .btn:hover::after{opacity: 1;}
.topic-page .part7 .container .btn:hover img{filter: brightness(1) invert(0);}*/
.topic-page .part7 .bg{width: 790px;height: 790px;position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
.topic-page .part7 .bg img{position: absolute;}
.topic-page .part7 .bg .circle1{width: 100%;height: 100%;top: 0;left: 0;animation: rond 12s infinite;}
.topic-page .part7 .bg .circle2{width: 86%;height: 86%;left: 7%;top: 7%;animation: rond 6s infinite;}
.topic-page .part7 .bg .circle3{width: 70%;height: 70%;left: 15%;top: 15%;}
.topic-page .part7 .container .swiper-pagination{bottom: 72px;}
.topic-page .part7 .container .swiper-pagination .swiper-pagination-bullet{width: 30px;height: 30px;background: none;position: relative;opacity: 0.35;margin: 0 4px;color: #fff;}
.topic-page .part7 .container .swiper-pagination .swiper-pagination-bullet::before,
.topic-page .part7 .container .swiper-pagination .swiper-pagination-bullet::after{content: "";position: absolute;border-radius: 50%;transition: 0.3s;}
.topic-page .part7 .container .swiper-pagination .swiper-pagination-bullet::before{width: 10px;height: 10px;background: currentColor;left: 10px;top: 10px;}
.topic-page .part7 .container .swiper-pagination .swiper-pagination-bullet::after{width: 100%;height: 100%;left: 0;top: 0;box-sizing: border-box;border: 1px solid currentColor;opacity: 0;transform: scale(0.5);}
.topic-page .part7 .container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;}
.topic-page .part7 .container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after{opacity: 1;transform: scale(1);}

/* 展会地址 */
.topic-page .part8 .content{padding: 1px;background: url(../images/box3.png) no-repeat center;background-size: 100% 100%;display: flex;}
.topic-page .part8 .content .cont-left{width: 37.4%;box-sizing: border-box;padding: 90px 17px 90px 60px;border-radius: 20px 0 0 20px;color: #fff;}
.topic-page .part8 .content .cont-left::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0.2;background-image: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);border-radius: 20px 0 0 20px;}
.topic-page .part8 .content .cont-left .wrap{position: relative;z-index: 2;color: #FFFFFF;}
.topic-page .part8 .content .cont-left .tit{line-height: 1.4;padding-bottom: 22px;position: relative;margin-bottom: 12px;}
.topic-page .part8 .content .cont-left .tit::before{content: "";width: 100%;height: 1px;background-image: linear-gradient(to right, rgba(255,255,255,0.6) , rgba(255,255,255,0));position: absolute;left: 0;bottom: 0;}
.topic-page .part8 .content .cont-left .tit::after{content: "";width: 99px;height: 3px;position: absolute;left: 0;bottom: 0;background-image: linear-gradient(-75deg, #FFFFFF 0%, #81FFFF 87%, #00FFFF 100%);}
.topic-page .part8 .content .cont-left dl{padding: 22px 0 15px;position: relative;display: flex;align-items: center;line-height: 1.3;}
.topic-page .part8 .content .cont-left dl::before{content: "";width: 100%;height: 1px;position: absolute;left: 0;bottom: 0;background-image: linear-gradient(to right, rgba(255,255,255,0.6) , rgba(255,255,255,0));}
.topic-page .part8 .content .cont-left dl dt{flex-shrink: 0;margin-right: 14px;}
.topic-page .part8 .content .cont-left dl dd{flex: 1;overflow: hidden;}
.topic-page .part8 .content .cont-left dl dd .t{color: #DFE9F6;margin-bottom: 2px;}
.topic-page .part8 .content .cont-left .text{margin-top: 60px;line-height: 1.3;}
.topic-page .part8 .content .cont-left .text .t{margin-bottom: 4px;}
.topic-page .part8 .content .cont-right{width: 62.6%;min-height: 565px;}
.topic-page .part8 .content .cont-right .map{width: 100%;height: 100%;object-fit: cover;border-radius: 0 20px 20px 0;}
.topic-page .part8 .content .cont-right .icon{width: 0;height: 0;position: absolute;left: 45.4%;top: 53.4%;z-index: 2;}
.topic-page .part8 .content .cont-right .icon .cricle{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);max-width: none;}
.topic-page .part8 .content .cont-right .icon .cricle img{max-width: none;}
.topic-page .part8 .content .cont-right .icon .circle1 img{animation: rond 6s infinite;}
.topic-page .part8 .content .cont-right .icon .circle2 img{animation: rond 3s infinite;}

/*相关视频*/
.topic-page .part9 .content{padding-bottom: 50px;}
.topic-page .part9 .container{position: relative;}
.topic-page .part9 .buttonStyle.prev{left: -80px;}
.topic-page .part9 .buttonStyle.next{right: -80px;}
.topic-page .part9 .wrap{padding-bottom: 44.15%;border-radius: 20px;cursor: pointer;}
.topic-page .part9 .wrap .icon{width: 10%;max-width: 80px;position: absolute;left: 50%;top: 50%;z-index: 2;transform: translate(-50%, -50%);}
.topic-page .part9 .wrap:hover em{transform: scale(1.05);}
.topic-page .part9 .swiper-pagination{bottom: 0;width: 100%}
.topic-page .part9 .swiper-pagination .swiper-pagination-bullet{width: 30px;height: 30px;background: none;position: relative;opacity: 0.35;margin: 0 4px;color: #fff;}
.topic-page .part9 .swiper-pagination .swiper-pagination-bullet::before,
.topic-page .part9 .swiper-pagination .swiper-pagination-bullet::after{content: "";position: absolute;border-radius: 50%;transition: 0.3s;}
.topic-page .part9 .swiper-pagination .swiper-pagination-bullet::before{width: 10px;height: 10px;background: currentColor;left: 10px;top: 10px;}
.topic-page .part9 .swiper-pagination .swiper-pagination-bullet::after{width: 100%;height: 100%;left: 0;top: 0;box-sizing: border-box;border: 1px solid currentColor;opacity: 0;transform: scale(0.5);}
.topic-page .part9 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;}
.topic-page .part9 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after{opacity: 1;transform: scale(1);}

/*视频弹窗*/
.popup-video{max-width: 1000px !important;}

/*笔记本1920*1080显示放大比例为125%，实际分辨率为1920/1.25=1536*/
@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% !important;}


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

.topic-page .part3 .content{padding: 80px 13%;}

.topic-page .part5 .cont-top dl dt{padding: 0 30px;height: 80px;}
.topic-page .part5 .cont-top dl dt img{height: 28px;}
.topic-page .part5 .cont-top dl dd{height: 80px;}
.topic-page .part5 .cont-bottom table th{line-height: 80px;}
.topic-page .part5 .cont-bottom::before{height: calc(100% - 80px);}
.topic-page .part5 .cont-bottom table td{padding: 20px 10px;}

.topic-page .part9 .container{width: 50% !important;}
.topic-page .part9 .wrap .icon{max-width: 46px;}
.topic-page .part9 .buttonStyle{width: 40px;height: 40px;}


}

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

}

/*小屏PC，分辨率1280*/
@media screen and (max-width: 1300px){
/* brief */
.brief{font-size: 36px;}
.brief1{font-size: 16px;}
.brief2{font-size: 26px;}
.brief3{font-size: 12px;}

.w1300{width: 90% !important;}

.topic-page .part3 .content .icon{right: 5.3%;}

.topic-page .part7 .container .pic{height: 600px;}
.topic-page .part7 .bg{width: 600px;height: 600px;}

.topic-page .part9 .container{width: 90% !important;}

}

/*pad横屏，分辨率1024*/
@media screen and (max-width: 1024px){
/* brief */
.brief{font-size: 24px;}
.brief1{font-size: 14px;}
.brief2{font-size: 18px;}
.brief3{font-size: 12px;}

.topic-page .part1 .timeTo.timeTo-black div{width: 60px !important;height: 88px !important;line-height: 88px;}
.topic-page .part1 .timeTo > span{height: 88px;width: 0;background-size: 6px  auto;}
.topic-page .part1 .btn{width: 160px;height: 52px;line-height: 52px;}

.topic-page .part2 .video-box .icon{height: 60px;}
.topic-page .part2 .lineBg,
.topic-page .part3 .lineBg{display: none;}

.topic-page .part3 .content{padding: 0;background: none;}
.topic-page .part3 .content .icon{top: 0;width: 30px;display: none;}

.topic-page .part6 .bottom{padding: 20px 40px;}
.topic-page .part6 .bottom .cont-left{margin-right: 3%;}
.topic-page .part6 .bottom .cont-left .pic{width: 140px;}

.topic-page .part7 .container .pic{height: 400px;}
.topic-page .part7 .bg{width: 400px;height: 400px;}
.topic-page .part7 .container .swiper-pagination{bottom: 30px;}

.topic-page .part8 .content .cont-left{padding: 50px 17px 50px 30px;}



}

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

.padding80{padding: 30px 0;}

.fz22{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 .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;}
.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 .part2 .video-box .icon{height: 30px;}

.topic-page .part6 .title{margin-bottom: 20px;}
.topic-page .part6 .descText{margin-bottom: 24px;}
.topic-page .part6 dl{display: block;}
.topic-page .part6 dl dd{width: 100%;margin-bottom: 15px;}
.topic-page .part6 dl dd .wrap{padding: 20px 10px;}
.topic-page .part6 dl dd .wrap .icon{width: 12%;margin-right: 10px}
.topic-page .part6 .bottom{padding: 20px 10px;align-items: center;}
.topic-page .part6 .bottom .cont-left .pic{width: 80px;}
/*.topic-page .part6 .bottom .cont-left .name{padding: 0 8px;line-height: 24px;}*/
.topic-page .part6 .bottom .cont-right{padding-top: 0;padding-bottom: 20px;}
.topic-page .part6 .bottom .desc{margin: 4px 0 10px;}
.topic-page .part6 .bg{right: 20px;top: 10px;}

.buttonStyle{width: 28px;height: 28px;}
.buttonStyle img{height: 30%;}

.topic-page .part7 .container .pic{height: 300px;}
.topic-page .part7 .bg{width: 300px;height: 300px;}
.topic-page .part7 .container .swiper-pagination{bottom: 30px;}
.topic-page .part7 .container .swiper-pagination .swiper-pagination-bullet{width: 20px;height: 20px;}
.topic-page .part7 .container .swiper-pagination .swiper-pagination-bullet::before{width: 6px;height: 6px;left: 7px;top: 7px;}

.topic-page .part8 .content{display: block;background: none;border: 1px solid rgba(255, 255, 255, 0.6);border-radius: 20px;overflow: hidden;padding: 0;}
.topic-page .part8 .content .cont-left,
.topic-page .part8 .content .cont-right{width: 100%;}
.topic-page .part8 .content .cont-right{min-height: auto;}
.topic-page .part8 .content .cont-right .map{height: auto;border-radius: 0 0 20px 20px;}
.topic-page .part8 .content .cont-left{border-radius: 20px 20px 0 0;padding: 20px;}
.topic-page .part8 .content .cont-left::before{border-radius: 0;}
.topic-page .part8 .content .cont-left .tit{padding-bottom: 12px;margin-bottom: 8px;}
.topic-page .part8 .content .cont-left .text{margin-top: 30px;}
.topic-page .part8 .content .cont-right .icon .cricle.i{height: 40px;}
.topic-page .part8 .content .cont-right .icon .circle1 img{height: 60px;}
.topic-page .part8 .content .cont-right .icon .circle2 img{height: 80px;}

.topic-page .part5 .cont-top{display: block;}
.topic-page .part5 .cont-top dl{width: 100%;margin-bottom: 15px;}
.topic-page .part5 .cont-top dl dt{padding: 0 18px;height: 66px;}
.topic-page .part5 .cont-top dl dt img{height: 18px;}
.topic-page .part5 .cont-top dl dd{height: 66px;padding: 0 16px;}
.topic-page .part5 .cont-bottom{overflow: auto;border-radius: 20px;background: rgba(255, 255, 255, 0.1);}
.topic-page .part5 .cont-bottom::before{display: none;}
.topic-page .part5 .cont-bottom .bg{display: none;}
.topic-page .part5 .cont-bottom table{min-width: 1000px;}
.topic-page .part5 .cont-bottom table th{line-height: 60px;}
.topic-page .part5 .cont-bottom table td{padding: 10px 5px;}

.topic-page .part1 .timeTo figure:first-child{margin-right:10px}
.topic-page .part1 .timeTo figure:nth-child(4) div:nth-child(2){margin-right:0;}

.topic-page .part9 .content{padding-bottom: 30px;}
.topic-page .part9 .buttonStyle{width: 28px;height: 28px;}
.topic-page .part9 .buttonStyle.prev{left: 3%;}
.topic-page .part9 .buttonStyle.next{right: 3%;}
.topic-page .part9 .swiper-pagination .swiper-pagination-bullet{width: 20px;height: 20px;}
.topic-page .part9 .swiper-pagination .swiper-pagination-bullet::before{width: 6px;height: 6px;left: 7px;top: 7px;}

}

@media screen and (max-width: 768px){
.topic-page .part2 .video-box{padding-top: 0;} 
}