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

/* 安全线 */
.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;
}
.gradient-title .name{    background-image: linear-gradient(0deg, #FDC151 0%, #FE5349 100%);
    -webkit-background-clip: text;
    color: transparent;
    background-clip: text;}
/* 主要内容 */
.idxone{background: url(../images/bg1.jpg) center no-repeat;background-size: cover;padding: 40px 0 60px;}
.idxtite img{display: block;margin: auto;height: 127px;width:auto !important}
.idxone video{max-width: 100%; margin-top: 47px;}
.idxone img{width:100%;cursor:pointer}
.idxone .w1300{margin-top:25px}
.idxtwo{background: url(../images/bg2.png) center no-repeat;background-size: cover;padding: 40px 0 10px;}
.idxtwo .item1 {margin-bottom: 70px;}
.idxtwo .item1 .titleBg{width: 562px;background: linear-gradient(to bottom,#32C2FB, #91E3FF);border-radius: 70px;margin: auto;text-align: center; font-family: 'Montserrat-Medium';padding: 20px 0 30px;margin-top: 40px;}
.idxtwo .item1 .titleBg .en1{color: #fff;}
.idxtwo .item1 .titleBg .en2{color: #141F82;}
.idxtwo .item2 .titleBg{padding: 38px 0 50px;line-height: 1;letter-spacing: 5px;background: linear-gradient(to bottom,#38E6F2,#1D65DA);}
.idxtwo .item1 dl{display: flex;background: rgba(255,255,255,0.5);border-radius: 50px;padding: 0 50px 0 18px;margin-top: -20px;backdrop-filter: blur(4px); position: relative;z-index: 2;border: 1px solid #fff;align-items: flex-end;}
.idxtwo .item1 dl dt{width: 33%;}
.idxtwo .item1 dl dd{width: calc(100% - 33%);display: inline-flex;gap: 20px;flex-wrap: wrap;position: relative;left: -2%;padding-bottom: 30px;justify-content: space-between;}
.idxtwo .item1 dl dd .intel:first-child{width: 100%;}
.idxtwo .item4 dl dd .intel:nth-child(2){width:40%}
.idxtwo .item4 dl dd .intel:nth-child(3){width:calc(60% - 20px)}
.idxtwo .item2 dl{padding: 40px 50px;}
.idxtwo .item2 dl dd{width: 100%;left: 0;padding-bottom: 0;}
.idxtwo .item2 dl dd .intel{width: 48%;}
.idxtwo .item3 dl{align-items: center;padding: 0 40px;}
.idxtwo .item3 dl dd {gap: 0;}
.idxtwo .item3 dl dd .intel:first-child{width: 40%;}
.idxtwo .item3 dl dd .intel:nth-child(2){width: calc(60% - 20px);}
.idxtwo .item3 dl dt img{transform: scale(1.1) translate(0, -13px);}

.idxtwo .idxName{width: 140px;line-height: 45px;border-radius: 50px;text-align: center;box-shadow: 0 1px 2px #AEC0D9;background: #fff;color: #255BBD;margin-bottom: 15px;}
.idxtwo .subtitle{border-radius: 50px;line-height: 70px;background: rgba(198,217,240,0.5);padding:0 30px;box-shadow: inset 0 1px 2px #C9D5E8}
.idxtwo .fwb{font-weight: bold;}
.idxend{background: #7AC5F0;border-radius: 70px;line-height: 100px;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.idxend img{margin: 0 56px;}
.idxend .name span{padding-right: 20px;}
.idxend2{background: #6796DF;}
.idxtwo .idxend .idxName{margin-bottom: 0;}

.bluecolor2{color: #43A7DC;}

.bluecolor{color: #0945E4;}
.color31{color: #313742;}
.color23{color: #232C32;}
.colorbbd{color: #255BBD;}
.fz34{font-size: 34px;}

/*笔记本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% !important;}
.fz18{font-size: 16px;}
.fz22{font-size: 18px;}
.idxtwo .subtitle{line-height:30px;padding:26px 30px}
.idxtwo .item3 .subtitle{height:60px}
.idxtwo .item4 dd{padding-top: 20px}
}

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

}

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

.w1300{width: 90% !important;}

.idxtwo .subtitle{min-height:60px;height:auto !important;}	
}

/*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;}
.fz34{font-size: 22px;}
.idxtwo .item1 .titleBg{width: 400px;}
.idxtwo .item2 .titleBg{padding: 20px 0 40px;width: 400px;}
.idxend{line-height: 80px;}
.idxtwo .subtitle{min-height:inherit;}
.idxtwo .item4 dl dt{width: 45%;}
.idxtwo .item4 dl{padding-top: 20px;align-items: center;}
}

/*phone和pad竖屏，分辨率820*/
@media screen and (max-width: 820px){
.idxone{padding:20px 0;}
.idxtwo{padding-top: 20px;}
.idxtwo .item1 .titleBg{width: 90%;padding: 10px 0 20px;}
.idxtwo .item2 .titleBg{padding: 20px 0 40px;width: 90%;}
.idxtwo .item4 dl,.idxtwo .item1 dl{flex-wrap: wrap;justify-content: center;padding: 20px;}
.idxtwo .item4 dl dt,.idxtwo .item4 dl dd,.idxtwo .item3 dl dt,.idxtwo .item3 dl dt{width: 100%;}
.idxtwo .subtitle{line-height: 30px;padding: 10px 20px;width: 100%;box-sizing: border-box;}
.idxtwo .item1 dl dd .intel{width: 100%;}
.idxend img{display: none;}
.idxtwo .item1 dl dd{padding-bottom: 0;}
.idxend{line-height: 40px;padding: 10px 30px;}
.idxtwo .idxName{line-height: 35px;}
.idxtwo .item2 dl{padding: 20px;}
.idxtwo .item2 .titleBg{letter-spacing: 2px;}
.idxtwo .item3 dl dd .intel{width: 100% !important;}
.idxtwo .item1{margin-bottom: 20px;}
.idxtite img{height: 80px;}
.banner{margin-top:0 !important}
.idxtwo .item4 dl dt,.idxtwo .item3 dl dt{margin-bottom:20px;width:55%}
.fz22, .fz20, .fz24{font-size:16px}
.idxtwo .item3 dl dt img{transform:inherit}
.idxtwo .idxName{margin:0 auto 15px}
.idxend .name {text-align:center;width:100%}
.idxend .name span{display:block;margin:auto;padding-right:0;line-height: 1;padding-top: 10px;}
.idxtwo .item3 dl dd .intel{margin-bottom:20px}
.idxtwo .subtitle{text-align:center}
.idxtwo .item4 dl dt{width:75%}
.idxtwo .item4 dl dd .intel:nth-child(2),.idxtwo .item4 dl dd .intel:nth-child(3){width:100%;}
}