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

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

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

/* 相对定位 */
.poHidden{position: relative;overflow: hidden;}
.color000{color: #000;}
.white{color: #fff;}
header{z-index: 9;}

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

/* 加粗 */
.bold{font-weight: bold;}
/* 菜单 */
.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%;}
/* 标题 */
.gradient-title{display: flex;justify-content: center;margin-bottom: 50px;}
.gradient-title .name {text-align: center;
    color: #333;
    font-size: 42px;
    font-weight: bolder;
    letter-spacing: .02em;
}
/* 倒计时 */
.idxone{margin-top: 148px;margin-bottom: 148px;background: url(../images/image.png) center no-repeat;background-size: 100% auto;}
.idxone .w1200{padding: 70px 57px;box-sizing: border-box;height: 290px;position: relative;}
.idxone .w1200::before{background: #fff;width: 864px;height: 100%;content: '';position: absolute;left:0;top: 0;box-shadow: 0 4px 50px rgba(187,187,187,0.3);border-radius: 18px;}
.idxone .text{z-index: 3;}
.idxone .ititle{line-height: 45px;}
.idxone .subtitle{line-height: 22px;margin: 18px 0;}
.idxone .ico{background: url(../images/dataico.png) center no-repeat;width: 128px;height: 45px;line-height: 45px;padding-left:54px;box-sizing: border-box;background-size: 100%;border-radius: 4px;font-weight: bold;display: block;color: #fff;}
.idxone .numBox{position: absolute;width: 556px;height: 556px;right: 30px;top: 50%;transform: translateY(-50%);}
.idxone .numBox::before{content: '';position: absolute; width: 100%;height: 100%;background: url(../images/yuan.png) center no-repeat;background-size: 100%; left: 0;top: 0;animation: spin 10s linear infinite;  animation-delay: 1s; }
.idxone .numBox *{position: absolute;z-index: 2;}
.idxone .numBox .num{width: 100%;line-height: 556px;font-size: 100px;display: block;text-align: center;color: #fff;}
.idxone .numBox .fz20{left: 60%;top: 43%;}

.idxtwo .bg{background: url(../images/ztbg.jpg) center no-repeat;background-size: cover;padding:80px 0 128px;}

.idxthree{padding: 80px 0 80px;}
.threeSwiper{margin-top: -40px;}
.threeSwiper .btn{width: 30px;position: absolute;top: 50%;transform: translateY(-50%);cursor: pointer;}
.threeSwiper .btn.prev{left: 0;}
.threeSwiper .btn.next{right: 0;}
.threeSwiper .btn.swiper-button-disabled{opacity: 0.2;}
/* .threeSwiper .wrap{max-width: 886px;margin: auto;width: 73%;} */

.gradient-title .name{    background-image: linear-gradient(0deg, #FDC151 0%, #FE5349 100%);
    -webkit-background-clip: text;
    color: transparent;
    background-clip: text;}
@keyframes spin {
  from {
    transform: rotate(0deg); /* 初始状态，无旋转 */
  }
  to {
    transform: rotate(360deg); /* 结束状态，完成一个完整的360度旋转 */
  }
}
/*笔记本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){

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

	
}

/*pad横屏，分辨率1024*/
@media screen and (max-width: 1024px){
.idxone .numBox{width: 400px;height: 400px;right: -50px;}
.idxone .numBox .num{line-height: 400px;}
.idxone .w1200::before{width: 750px;}
.gradient-title .name{font-size: 20px;}
.gradient-title{margin-bottom: 30px;}
}

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

.idxone .numBox{width: 300px;height: 300px;right: -90px;}
.idxone .numBox .num{line-height: 300px;font-size: 60px;}
.idxone .w1200::before{width: 100%;background-size: cover;}
.idxone .w1200{height: 200px;padding: 40px;}
.idxone{margin-top: 60px;margin-bottom: 60px;}
.idxtwo .bg,.idxthree{padding: 60px 0;}
}