@charset "utf-8";
/* CSS Document */
*{ box-sizing: border-box; padding:0; margin:0; }
html{ width: 100%; overflow-x: hidden;}
body { font: var(--fz-14) "Microsoft Yahei","Arial",sans-serif; color: #333; line-height: 1.6; letter-spacing: 0.0365vw; }
img{border:0; vertical-align: middle; max-width: 100%;}
dl,dt,dd{display: block;}
a{text-decoration:none; transition: 0.5s; outline: none; color: #333;}
input{height: 100%;}
input,textarea{  outline:none;  border: 0; background:none;  width: 100%;}
input[type="button"], input[type="submit"], input[type="text"],select {-webkit-appearance: none; outline: none; }
button{border: 0; background: none; height: 100%; cursor: pointer; }
ul li,
ol li{list-style-position: inside;}

/*文本框placeholder=""文字颜色*/
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #999; opacity: 1}
input:-moz-placeholder, textarea:-moz-placeholder {color: #999; opacity: 1}
input::-moz-placeholder, textarea::-moz-placeholder {color: #999; opacity: 1}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #999; opacity: 1}

/* 清除浮动 */
.cf:before{ content: ''; display: table }
.cf:after{ content: ''; display: table; clear: both }
.cf { *zoom: 1 }

@font-face {
	font-family: 'Douyin Sans';
	src: url('../fonts/DouyinSansBold.otf');
    font-display: swap;
}
@font-face {
	font-family: 'Poppins';
	src: url('../fonts/poppins.medium.ttf');
    font-display: swap;
}
:root{
    --fz-12: 0.625vw;
    --fz-14: 0.7292vw;
    --fz-15: 0.7813vw ;
    --fz-16: 0.8333vw;
    --fz-18: 0.9375vw;
    --fz-20: 1.0417vw;
    --fz-22: 1.1458vw;
    --fz-24: 1.25vw;
    --fz-26: 1.3542vw;
    --fz-28: 1.4583vw;    
    --color-primary: #2174BB;
    --color-primary01: #45A9FF;
    --color-primary02: #4c9de3;
}


/* 公用类 */
.iconfont{line-height: 1;}
.wrap{margin: 0 2.0833vw;}

.back-video{position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden;}
.back-video::before,
.back-video::after{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%;  background-position: center; background-size: cover; z-index: 1; }
.back-video .video{position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.back-video .video video{width: 100%; height: 100%; object-fit: cover;}
.back-video .pcimg,
.back-video .phoneimg{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center; background-size: cover; }

[line-clamp] {overflow-wrap: break-word; display: -webkit-inline-box; -webkit-box-orient: vertical;	overflow: hidden;}
[line-clamp='1'] {line-clamp: 1 -webkit-legacy;	-webkit-line-clamp: 1;}
[line-clamp='2'] {line-clamp: 2 -webkit-legacy;	-webkit-line-clamp: 2;}
[line-clamp='3'] {line-clamp: 3 -webkit-legacy;	-webkit-line-clamp: 3;}
[line-clamp='4'] {line-clamp: 4 -webkit-legacy;	-webkit-line-clamp: 4;}

.c-title .d1{color: #C5CBDC; font-family: 'Poppins'; font-size: 1.0417vw; letter-spacing: -0.8px; line-height: 1; padding-bottom: 0.7813vw; padding-left: 0.42vw;}
.c-title .d2{font-family: 'Douyin Sans'; font-size: 2.8646vw; letter-spacing: -0.1146vw; line-height: 1.2; position: relative; isolation: isolate;}
/* 逐字浮现 */
.c-title .d2 .char{display: inline; will-change: opacity;}
/* 灰色底层 */
.c-title .d2 .ghost{position: absolute; left: 0; top: 0; width: 100%; color: #C5CBDC; opacity: 0.5; pointer-events: none; z-index: -1;}

.c-tet{font-size: var(--fz-15); color: #666; text-align: justify;}
.c-tet p+p{padding-top: 1em;}

.c-more{display: inline-flex; height: 3.6458vw; font-size: var(--fz-16); color: var(--color-primary); transition: 0.0s;}
.c-more span{padding: 0 1.4583vw 0 2.5vw; display: flex; align-items: center; border: 1px solid var(--color-primary); border-radius: 0.5208vw; border-right: 0; transition: 0.5s;}
.c-more::after{content: '\e62a'; font-family: "iconfont"; width: 3.6458vw; height: 100%; display: flex; align-items: center; justify-content: center; border: 1px solid var(--color-primary); border-radius: 0.5208vw; border-left: 0; box-sizing: border-box; transition: 0.5s;font-size: 1.5625vw;}

.c-more.file,
.c-more:hover{color: #fff;}
.c-more.file span,
.c-more:hover span{background-color: var(--color-primary);}
.c-more.file::after,
.c-more:hover::after{background-color: var(--color-primary);}
.c-more.file:hover::after,
.c-more.file:hover span{background-color: #FAB041; border-color: #FAB041;}

.c-banner{background: #0C1D3F;}
.c-banner .wrap{height: 100vh; display: flex; flex-direction: column; justify-content: flex-end; color: #fff; padding-bottom: 3.6458vw; }
.c-banner .txt{font-size: 5.2604vw; letter-spacing: -0.2104vw; line-height: 1.2; font-family: "Douyin Sans"; position: relative;}
.c-banner .txt .ghost{position: absolute; left: 0; top: 0; width: 100%; color: #40435f; opacity: 0.5; pointer-events: none; z-index: -1;}
.c-banner .tit{font-size: 2.8646vw; letter-spacing: -0.1146vw; line-height: 1.2; font-family: "Douyin Sans"; margin-top: 0.2604vw; position: relative;}
.c-banner .tit .ghost{position: absolute; left: 0; top: 0; width: 100%; color: #40435f; opacity: 0.5; pointer-events: none; z-index: -1;}
.c-banner .tet{font-size: var(--fz-18); width: 430px; position: absolute; right: 11.9792vw; bottom: 19.2708vw; letter-spacing: 0.9px;}
.c-banner .back-video::after{background: linear-gradient(180deg, rgba(5, 20, 68, 0.00) 31.62%, rgba(3, 17, 59, 0.90) 100%);}
.c-banner .wrap::after{content: ''; position: absolute; right: 0; bottom: 4.1667vw; width: 2.9688vw; height: 7.8646vw; background: url(../images/home/icon_01.svg) center top no-repeat; background-size: cover;}


.home-main,
.main{padding: 4.6875vw 0 6.7708vw 0;}
.m-b{margin-bottom: 7.8125vw;}


/* 公用头部、尾部*/
.header{position: fixed; left: 0; top: 0; width: 100%; z-index: 9; padding: 1.3021vw 0; transition: 0.8s;}
.header::after{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background:rgba(3, 12, 57, 0.5); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); opacity: 0; transition: 0.5s;}
.header .wrap{ display: flex; align-items: center; position: relative; z-index: 1;}
.header .row-1 img{width: 6.9271vw;}
.header .row-2{margin-left: auto;}
.header .row-2 .box{ display: flex;}
.header .row-2 dl{position: relative;}
.header .row-2 dl+dl{margin-left: 1.8229vw;}
.header .row-2 dt a{color: #fff; font-size: var(--fz-16);}
.header .row-2 dt a .p1,
.header .row-2 dt a i{display: none;}
.header .row-2 dd{position: absolute; top: 100%; left: 50%; transform: translateX(-50%) translateY(-10px); width: 6.7708vw; pointer-events: none;margin-top: 0.3021vw;  }
.header .row-2 dd span{display: block; border-radius: 0.5208vw;  padding: 0.7813vw 0; margin-top: 1vw; position: relative; transition: 0.5s; opacity: 0; background: rgba(3, 12, 57, 0.50); backdrop-filter: blur(7.5px);}
.header .row-2 dd a{display: block; color: #fff; text-align: center; padding: 0.5208vw 1.0417vw; position: relative; z-index: 1;}
.header .row-2 dd a:hover{color: var(--color-primary02);}
.header .row-2 dt a.active,
.header .row-2 dt a:hover{color: var(--color-primary02);}
.header .row-2 dl:hover dd{ pointer-events: initial;}
.header .row-2 dl:hover dd span{ opacity: 1;}
.header.fixed{padding: 0.6vw 0; }
.header.fixed::after{opacity: 1;}

.footer{background: #030C39; padding: 3.125vw 0 2.0833vw 0; color: #C5CBDC;}
.footer .col-1{display: flex; justify-content: space-between; min-height: 25vw; padding-bottom: 2.6042vw;}
.footer .col-2{display: flex; justify-content: space-between;}
.footer .row-1 img{width: 11.6146vw;}
.footer .row-2{display: flex;}
.footer .row-2 dl+dl{padding-left: 4.4271vw;}
.footer .row-2 a{color: #F1F1F1;}
.footer .row-2 a:hover{color: var(--color-primary);}
.footer .row-2 dt a{font-size: var(--fz-18); font-weight: bold;}
.footer .row-2 dd a{display: block; margin-top: 1.0417vw;}
.footer .row-3 a{color: #C5CBDC;}
.footer .row-4{display: flex;}
.footer .row-4 dl{cursor: pointer; position: relative;}
.footer .row-4 dl+dl{margin-left: 1.1458vw;}
.footer .row-4 dt img{width: 1.0417vw;}
.footer .row-4 dd{position: absolute; bottom: 100%; right: 0; opacity: 0; pointer-events: none; transition: 0.5s;}
.footer .row-4 dd span{width: 5.2083vw; height: 5.2083vw; background: #fff; border-radius: 0.2604vw; margin-bottom: 0.5208vw; display: block; overflow: hidden; padding: 0.2604vw;}
.footer .row-4 dl:hover dd{opacity: 1; pointer-events: initial;}

.footer .row-3{display: flex; flex-wrap: wrap;}
.footer .row-3 div+div::before{content: ''; margin: 0 0.5208vw; width: 1px; height: 0.6771vw; display: inline-block; background: #C5CBDC; opacity: 0.2;}


/* 首页 */
body.hidden{height: 100vh; overflow: hidden;}
.load{ position: fixed; width: 100%; height: 100%; overflow: hidden; left: 0; top: 0; z-index: 999; background: #0C1D3F; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.load .logo{  animation: logo 2s ease infinite;}
@keyframes logo{
    0%{ opacity: 1; }
    30%{ opacity: 0.2; }
    100%{  opacity: 1; }
}

.home-body .header{transform: translateY(-30%); opacity: 0;}
.home-body .home-part1 .wrap::after{transform: translateY(-50px); opacity: 0; transition: 1s 0.4s;}
.home-body.on .header,
.home-body.on .home-part1 .wrap::after{transform: translateY(0); opacity: 1;}

.home-part1{height: 100vh; background: #0C1D3F; position: relative; }
.home-part1::before,
.home-part1::after{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; }
.home-part1::before{background: linear-gradient(180deg, #0C1D3F 0%, rgba(12, 29, 63, 0.01) 100%); height: 5.2083vw;}
.home-part1::after{background: linear-gradient(180deg, rgba(5, 20, 68, 0.00) 31.62%, rgba(3, 17, 59, 0.90) 100%);}
.home-part1 canvas{position: absolute; left: 0; top: 0;}
.home-part1 .wrap{  height: 100%; color: #fff; display: flex; align-items: flex-end;  position: relative; z-index: 2;}
.home-part1 .wrap::after{content: ''; position: absolute; right: 0; bottom: 4.1667vw; width: 2.9688vw; height: 7.8646vw; background: url(../images/home/icon_01.svg) center top no-repeat; background-size: cover;}
.home-part1 .txt{font-family: 'Poppins'; font-size: 5.7292vw; line-height: 1.1; letter-spacing: -0.2083vw; width: 44.2708vw; padding-bottom: 2.8646vw; opacity: 1; position: relative; isolation: isolate;}
/* 逐字浮现 */
.home-part1 .txt .char{display: inline; will-change: opacity;}
/* 灰色底层 */
.home-part1 .txt .ghost{position: absolute; left: 0; top: 0; width: 100%; color: #40435f; opacity: 0.5; pointer-events: none; z-index: -1;}

/* webgl禁用后显示静态背景图 */
.home-part1.no-webgl canvas{display: none;}
.home-part1.no-webgl{background: #0C1D3F url(../images/canvas_bg.png) center center / cover no-repeat;}


.home-part2 .wrap{display: flex;}
.home-part2 .row-1{flex: 1; padding-right: 8.3333vw; display: flex; flex-direction: column;}
.home-part2 .row-2{flex-shrink: 0; width: 47.9167vw;}
.home-part2 .c-tet{margin-top: auto;}
.home-part2 .tat{padding-top: 2.6042vw;}

.home-part3 .wrap{position: relative;}
.home-part3 .row-1{position: absolute; right: 0; top: 0; height: 100%; display: flex; flex-direction: column; justify-content: space-between; padding: 1.0417vw 0 5.625vw 0; z-index: 1;}
.home-part3 .row-2{margin-left: -2.0833vw; width: 73.9583vw;}
.home-part3 .row-2 video{width: 100%; aspect-ratio: 16 / 9; object-fit: cover;}
.home-part3 .row-2 img{display:none}
.home-part3 .c-title{text-align: right;}
/* .home-part3 .c-tet{width: 31.6667vw; background: linear-gradient(to right, #fff 8.5938vw, #333 0); -webkit-background-clip: text; background-clip: text; color: transparent;} */
.home-part3 .c-tet{width: 18.667vw; background: #333; -webkit-background-clip: text; background-clip: text; color: transparent;}

.home-part4 .c-title{border-bottom: 1px solid #D9D9D9; padding-bottom: 1.3021vw; margin-bottom: 1.8229vw;}
.home-part4 .list{display: flex; margin: 0 -0.5208vw;}
.home-part4 .item{padding: 0 0.5208vw; width: 50%;}
.home-part4 .item a{display: block; position: relative; overflow: hidden;}
.home-part4 .item a img{transition: 0.5s;}
.home-part4 .item a::after{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.home-part4 .item span{position: absolute; left: 2.3438vw; bottom: 1.8229vw; color: #fff; font-family: "Douyin Sans"; font-size: 2.0833vw; display: flex; align-items: center; line-height: 1; z-index: 1; transition: 0.5s;}
.home-part4 .item span::after{content: '\e62a'; font-family: "iconfont"; width: 1.5104vw; display: block; margin-left: 0.5208vw; margin-top: -0.2604vw; font-size: 1.5625vw;}
.home-part4 .item:first-child a::after{background: linear-gradient(240deg, rgba(0, 34, 255, 0.00) 48.71%, #2174BB 98.73%);}
.home-part4 .item:last-child a::after{background: linear-gradient(229deg, rgba(0, 14, 71, 0.00) 56.63%, #000E47 100.05%);}
.home-part4 .item a:hover img{transform: scale(1.02);}
.home-part4 .item a:hover span{ color: var(--color-primary02);}

.home-part2,
.home-part3,
.home-part4{position: relative;}
.home-part2 .point,
.home-part3 .point,
.home-part4 .point{position: absolute; left: 0; top: -5.2083vw;}


/* 硬件 */
.yingj-part1 {  margin-top: -4.6875vw;}
.yingj-part1 .wrap{ min-height: 50.5208vw; display: flex; flex-direction: column; padding: 14.0625vw 0 7.8125vw 0;}
.yingj-part1 .c-tet{padding-top: 1.0417vw; width: 33.6458vw;}
.yingj-part1 .list{margin-top: auto; display: flex; width: 43.75vw;}
.yingj-part1 .list dl{width: 33.3%; padding: 0 1.0417vw; border-left: 1px solid #B8B8B8;}
.yingj-part1 .list dt{color: var(--color-primary); font-family: "Douyin Sans"; font-size: 2.0833vw; line-height: 150%;}
.yingj-part1 .list dd{font-size: var(--fz-15); color: #666;margin-top: 0.6vw;}
.yingj-part1 .tmt{display: none;}
.yingj-part2 .wrap{display: flex;}
.yingj-part2 .row-1{width: 52.0833vw; flex-shrink: 0; display: flex; position: relative;}
.yingj-part2 .row-2{display: flex; padding-left: 3.125vw; flex-direction: column;}
.yingj-part2 .row-2 .c-title{text-align: right;}
.yingj-part2 .row-2 .c-tet{margin-top: auto; }
.yingj-part2 .row-2 .tat{padding-top: 2.6042vw;}
.yingj-part2 .swiper1{flex: 1; margin-right: 4.4271vw;}
.yingj-part2 .swiper1 img{ width: 100%; height: 100%;  object-fit: cover;}
.yingj-part2 .swiper1::after{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(210deg, rgba(0, 34, 255, 0.00) 47.77%, rgba(13, 143, 255, 0.45) 104.1%); z-index: 1; pointer-events: none; display: none}
.yingj-part2 .swiper2{width: 3.9063vw; position: absolute; right: 0; top: 0; height: 100%; overflow: hidden;}
.yingj-part2 .swiper2 .swiper-wrapper{margin-top: -0.2604vw;}
.yingj-part2 .swiper2 .swiper-slide{background: #BABABA; height: 3.6458vw; cursor: pointer; position: relative; margin-top: 0.2604vw;}
.yingj-part2 .swiper2 .swiper-slide::after{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 0.1563vw solid var(--color-primary); box-sizing: border-box; opacity: 0; transition: 0.5s;}
.yingj-part2 .swiper2 .swiper-slide img{opacity: 0.5; width: 100%; height: 100%; transition: 0.5s; object-fit: cover;}
.yingj-part2 .swiper2 .swiper-slide-thumb-active img{opacity: 1;}
.yingj-part2 .swiper2 .swiper-slide-thumb-active::after{opacity: 1;}


/* 招聘 */
.zhaop-part .col-1{display: flex; justify-content: center;}
.zhaop-part .col-1 a{ width: 16.4063vw; height: 4.1667vw; display: flex; align-items: center; justify-content: center; font-family: "Douyin Sans"; font-size: var(--fz-26); font-weight: bold; border-radius: 0.5208vw; border: 1px solid #C5CBDC; margin: 0 0.5208vw;}
.zhaop-part .col-1 a.selected{background: var(--color-primary); border-color: var(--color-primary); color: #fff;}
.zhaop-part .col-2{padding-top: 5.2083vw; display: flex;}
.zhaop-part .row-1{width: 30.7292vw; flex-shrink: 0;}
.zhaop-part .row-1 a{display: block; font-family: 'Poppins'; font-size: 1.9271vw; padding: 1.5625vw 0; border-bottom: 1px solid #D5D7DB;}
.zhaop-part .row-1 a.active,
.zhaop-part .row-1 a:hover{color: var(--color-primary); border-color: var(--color-primary);}
.zhaop-part .row-2{padding-left: 5.2083vw; flex: 1;}
.zhaop-part .row-2 dl+dl{margin-top: 1px;}
.zhaop-part .row-2 dl{border-radius: 0 4.1667vw 4.1667vw 0; background: #030C39 ; overflow: hidden; position: relative; transition: 0.5s;}
.zhaop-part .row-2 dl::after{content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: url(../images/zhaop/back_1.png) right bottom no-repeat; }
.zhaop-part .row-2 dt{padding: 1.5625vw; display: flex; align-items: center; cursor: pointer; position: relative; z-index: 1;}
.zhaop-part .row-2 dt::after{content: ''; position: absolute; right: 1.5625vw; top: 50%; transform: translateY(-50%); width: 2.2917vw; aspect-ratio: 1 / 1; display: block; background: url(../images/btn_right.svg) center no-repeat; background-size: cover; transition: 0.5s;}
.zhaop-part .row-2 dd{padding: 1.5625vw; position: relative; z-index: 1; padding-top: 0; display: none;}
.zhaop-part .row-2 .txt{font-size: var(--fz-26); font-family: "Douyin Sans"; color: #fff;}
.zhaop-part .row-2 .tit{display: flex; padding-left: 0.7813vw;}
.zhaop-part .row-2 .tit span{padding: 0 0.5208vw;}
.zhaop-part .row-2 .tit span+span{margin-left:0.5208vw;}
.zhaop-part .row-2 .tit .p1{border: 1px solid var(--color-primary01); color: var(--color-primary01);}
.zhaop-part .row-2 .tit .p2{border: 1px solid #FAB041; color: #FAB041;}
.zhaop-part .row-2 .tet{font-size: var(--fz-14); color: #C5CBDC; line-height: 1.86; padding: 1.5625vw 0; margin-bottom: 1.5625vw; border-bottom: 1px solid rgba(255, 255, 255, 0.20); border-top: 1px solid rgba(255, 255, 255, 0.20);}
.zhaop-part .row-2 .tat{text-align: center;}
.zhaop-part .row-2 dl.on{border-radius: 0 2.0833vw 2.0833vw 0; background: linear-gradient(117deg, #030C39 40.75%, #001D8F 100.67%);}
.zhaop-part .row-2 dl.on dt::after{transform: translateY(-50%) rotate(-90deg) ;}

/* 软件 */
.ruanj-part1{margin-top: -4.6875vw;}
.ruanj-part1{position: relative;}
.ruanj-part1 #container{position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; z-index: 0; pointer-events: none;}
.ruanj-part1 #container canvas{display: block; width: 100%; height: 100%;}
.ruanj-part1 .wrap{min-height: 51.7188vw; display: flex; position: relative; padding: 7.8125vw 0; z-index: 1;}
.ruanj-part1 .row-1{width: 15.625vw; height: 8.8542vw; margin-top: auto; line-height: 1;}
.ruanj-part1 .row-1 video{width: 100%; height: 100%; border-radius: 1.3021vw;}
.ruanj-part1 .row-2{margin-left: auto; width: 33.8542vw; display: flex; flex-direction: column;}
.ruanj-part1 .row-2 .c-title{padding-bottom: 2.6042vw;}
.ruanj-part1 .row-2 .c-tet{margin-top: auto;margin-right: 2.2vw;}
.ruanj-part1 .row-2 .tat{padding-top: 2.6042vw;}

.ruanj-part2{position: relative; color: #fff;}
.ruanj-part2 .wrap{ position: relative; padding: 7.8125vw 0; display: flex; flex-direction: column;}
.ruanj-part2 .c-tet{color: #C5CBDC;}
.ruanj-part2 .col-1{padding-bottom: 1.5625vw; position: sticky; top: 8.5vw;}
.ruanj-part2 .col-1 .c-tet{width: 35.9375vw; padding-top: 2.0833vw;}
.ruanj-part2 .col-2{width: 47.6563vw; margin-left: auto; }
.ruanj-part2 .col-2 dl{display: flex; padding: 2.0833vw 1.0417vw; border-top: 1px solid rgba(255, 255, 255, 0.20);}
.ruanj-part2 .col-2 .item:last-child dl{ border-bottom: 1px solid rgba(255, 255, 255, 0.20);}
.ruanj-part2 .col-2 dt{flex-shrink: 0; width: 7.8125vw;}
.ruanj-part2 .col-2 dd{padding-left: 2.6042vw; position: relative; padding-right: 6.25vw}
.ruanj-part2 .col-2 dd::after{content: ''; position: absolute; right: 0; top: 0; width: 2.2917vw; height: 1.5625vw; display: block; background: url(../images/btn_right2.svg) center no-repeat; background-size: cover; opacity: 0;}
.ruanj-part2 .col-2 a.link dd::after{opacity: 1;}
.ruanj-part2 .col-2 .txt{font-family: "Douyin Sans"; font-size: var(--fz-26); color: #fff; padding-bottom: 0.5208vw;}

.ruanj-part3{overflow: hidden;}
.ruanj-part3 .c-title{display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #D9D9D9; padding-bottom: 1.5625vw; margin-bottom: 1.5625vw;}
.ruanj-part3 .c-title .c-tet{width: 33.1771vw; margin-right: 2.6042vw;}
.ruanj-part3 .swiper{margin-right: -2.0833vw;}
.ruanj-part3 .swiper-wrapper{margin: 0 -0.5208vw;}
.ruanj-part3 .swiper-slide{width: 27.0833vw; height: 35.5729vw; margin: 0 0.5208vw; transition: 0.5s;}
.ruanj-part3 .swiper-slide dt img{width: 100%;}
.ruanj-part3 .swiper-slide-active{width: 47.3958vw; z-index: 1;}
.ruanj-part3 .swiper dl{position: relative;}
.ruanj-part3 .swiper dd{position: absolute; left: 100%; bottom: 0; width: 23.2813vw; transition: 0.5s 0s; opacity: 0;}
.ruanj-part3 .swiper-slide-active dd{margin-left: 1.0417vw; opacity: 1; transition-delay: 0.3s;}
.ruanj-part3 .swiper .txt{font-family: "Douyin Sans"; font-size: var(--fz-26);}
.ruanj-part3 .swiper .c-tet{padding: 0.2604vw 0 0.7813vw 0 ;}
.ruanj-part3 .swiper .tat{width: 2.2917vw;}
.ruanj-part3 .swiper .btn{display: flex; align-items: center; position: absolute; right: 2.0833vw; bottom: 0.1042vw; z-index: 1;}
.ruanj-part3 .swiper .button{width: 3.125vw; aspect-ratio: 1 / 1; border: 1px solid #D6E0EA; display: flex; align-items: center; justify-content: center; border-radius: 50%; cursor: pointer; transition: 0.5s; position: relative;}
.ruanj-part3 .swiper .button i{font-size: 1.3021vw;}
.ruanj-part3 .swiper .pagination{width: auto; display: flex; align-items: flex-end; justify-content: center; width: 5.2083vw; font-family: 'Poppins'; font-size: 0.8333vw; color: #C5CBDC; line-height: 1;}
/* .ruanj-part3 .swiper .button:hover{border-color: var(--color-primary01); color: var(--color-primary); box-shadow: 0 0 0 1px var(--color-primary01);} */
.ruanj-part3 .swiper .pagination span{padding: 0 0.5208vw;}
.ruanj-part3 .swiper .swiper-pagination-current{font-size: 1.25vw; color: #666;}


.loader { position: absolute; left: -0.1042vw; top: -0.1042vw; width: calc(100% + 0.2083vw); height: calc(100% + 0.2083vw); display: none;}
.loader-ring { fill: none; stroke: #0071e3; stroke-width: 2; stroke-linecap: round; stroke-dasharray: 326; stroke-dashoffset: 326; transform: rotate(-90deg); transform-origin: 50% 50%; animation: loading 4.2s linear forwards; }
@keyframes loading {
    to {stroke-dashoffset: 0;}
}

/* 新闻列表 */
.news-part1{padding: 7.8125vw 0; color: #fff; background: #0C1D3F;}
.news-part1::after{content: ''; position: absolute; right: 2.0833vw; bottom: 2.6042vw; width: 2.9688vw; height: 7.8646vw; background: url(../images/home/icon_01.svg) center top no-repeat; background-size: cover;}
.news-part1 .title{font-family: "Douyin Sans"; font-size: 5.2604vw; letter-spacing: -0.2104vw; line-height: 1.2; padding-bottom: 2.6042vw; position: relative;}
.news-part1 .title .ghost{position: absolute; left: 0; top: 0; width: 100%; color: #40435f; opacity: 0.5; pointer-events: none; z-index: -1;}

.news-part1 .box a{display: flex;}
.news-part1 .row-1{width: 47.9167vw; flex-shrink: 0; overflow: hidden;}
.news-part1 .row-1 img{transition: 0.5s;}
.news-part1 .row-2{padding: 1.0417vw 6.25vw 1.5625vw 4.1667vw; display: flex; flex-direction: column;}
.news-part1 .row-2 .d1{font-family: 'Poppins'; font-size: 1.0417vw; color: #C5CBDC;}
.news-part1 .row-2 .d2{font-family: "Douyin Sans"; font-size: 2.0833vw; line-height: 1.3; color: #fff; padding-top: 1.0417vw; transition: 0.5s;}
.news-part1 .row-2 .d3{margin-top: auto; color: #C5CBDC;}
.news-part1 .row-2 .d4{padding-top: 2.6042vw;}
.news-part1 .row-2 .c-more{color: #fff;}
.news-part1 .row-2 .c-more::after,
.news-part1 .row-2 .c-more span{border-color: #fff; }

.news-part1 .box a:hover .row-1 img{transform: scale(1.05);}
.news-part1 .box a:hover .d2{color: var(--color-primary);}
.news-part1 .box a:hover .c-more::after,
.news-part1 .box a:hover .c-more span{border-color: var(--color-primary); background-color: var(--color-primary);}

.news-part2 .title{font-family: "Douyin Sans"; font-size: 2.8646vw; border-bottom: 1px solid #D9D9D9; padding-bottom: 1.3021vw; margin-bottom: 1.3021vw; line-height: 1;}
.news-part2 .list{display: flex; flex-wrap: wrap; margin: -2.6042vw -0.5208vw 0;}
.news-part2 .list .item{width: 33.3%; padding: 2.6042vw 0.5208vw 0;}
.news-part2 .list .d1{overflow: hidden;}
.news-part2 .list .d1 img{transition: 0.5s;}
.news-part2 .list .box{padding-right: 4.1667vw;}
.news-part2 .list .d2{font-family: 'Poppins'; color: #999; padding: 1.0417vw 0 0.5208vw 0;}
.news-part2 .list .d3{font-family: "Douyin Sans"; font-size: var(--fz-26); transition: 0.5s; line-height: 1.3;}
.news-part2 .list .d4{min-height: 6.7708vw; padding-bottom: 2.0833vw;}
.news-part2 .list .d5{width: 2.2917vw;}
.news-part2 .list a:hover .d3{color: var(--color-primary);}
.news-part2 .list a:hover .d1 img{transform: scale(1.05);}


/* 新闻详情 */
.news-body .header{background: #030C39;}
.news-main{padding: 7.8125vw 0;}
.news-part4{width: 57.2917vw; margin-left: auto; margin-right: auto; position: relative;}
.news-part4 .col-1 a{font-size: var(--fz-15); display: flex; align-items: center; line-height: 1;}
.news-part4 .col-1 a i{transform: rotate(90deg); display: inline-block; font-size: 12px; font-weight: bold; margin-right: 5px;}
.news-part4 .col-1 a:hover{color: var(--color-primary);}
.news-part4 .col-2{padding: 2.6042vw 0; margin-bottom: 2.0833vw; border-bottom: 1px solid #D5D7DB;}
.news-part4 .col-2 .txt{padding-bottom: 1.0417vw;}
.news-part4 .col-2 h1{font-family: "Douyin Sans"; font-size: 2.8646vw; line-height: 1.2;}
.news-part4 .col-2 .tit{display: flex; color: #999;}
.news-part4 .col-2 .tit span+span{padding-left: 1.5625vw;}

.news-part4 .col-3{font-size: 0.8333vw; color: #555; line-height: 1.7; letter-spacing: 0.0417vw; padding-bottom: 4.1667vw;}
.news-part4 .col-3 p+p{padding-top: 1.5em;}
.news-part4 .col-3 h1{font-size: 1.3542vw;}
.news-part4 .col-3 h2{font-size: 1.1458vw;padding: 1.5em 0;}
.news-part4 .col-3 h3{font-size: 1.0417vw;}
.news-part4 .col-3 h4{font-size: 0.9375vw;}
.news-part4 .col-3 em{font-size: 0.7292vw; color: #999; font-style: normal;}
.news-part4 .col-3 img{ height: auto !important;}
.news-part4 .col-3 strong,
.news-part4 .col-3 h1,
.news-part4 .col-3 h2,
.news-part4 .col-3 h3,
.news-part4 .col-3 h4{color: #333;}

.news-part4 .col-4{padding: 2.6042vw 0; border: 1px solid #D5D7DB; border-left: 0; border-right: 0;}
.news-part4 .col-4 dl{display: flex;}
.news-part4 .col-4 dl+dl{padding-top: 2.6042vw;}
.news-part4 .col-4 dt{ width: 13.5417vw; font-family: "Douyin Sans"; font-size: var(--fz-26); flex-shrink: 0;}
.news-part4 .col-4 dd{font-size: var(--fz-15); color: #555; font-family: 'Poppins';}
.news-part4 .col-4 dd strong{font-size: 0.9375vw;}
.news-part4 .col-4 dd strong span{padding-left: 0.5208vw;}
.news-part4 .col-4 dd div+div{padding-top: 0.5208vw;}


.page{display: flex; justify-content: center;padding-top: 5.2083vw; }
.page a{display: inline-flex; align-items: center; justify-content: center; height: 3.125vw; width: 3.125vw; border-radius: 50%; margin: 0 0.5208vw; border: 1px solid #F1F1F1;}
.page .Pprev,
.page .Pnext{width: 6.25vw; border-radius: 3.125vw;}
.page .Pmodern,
.page a:hover{background: var(--color-primary); color: #fff;}




/* 响应式样式 */
@media screen and (max-width: 1200px){
    :root{
        --fz-12: 12px;
        --fz-14: 14px;
        --fz-15: 14px;
        --fz-16: 15px;
        --fz-18: 16px;
        --fz-26: 22px;
    }
    body{line-height: 1.5;}

    .c-title .d1{font-size: 20px;}
    .c-title .d2{font-size: 36px;}

    .c-more{height: 50px; }
    .c-more span{padding: 0 20px; border-radius: 8px;}
    .c-more::after{width: 50px;  border-radius: 8px; background-size: 20px; font-size: 20px;}

    .news-part1 .title,
    .c-banner .txt{font-size: 50px;}
    .c-banner .wrap{padding-bottom: 50px;}
    .news-part1::after,
    .c-banner .wrap::after{width: 40px; height: 106px; bottom: 50px;}


    .c-banner .tit{font-size: 32px;}
    .c-banner .tet{width: 300px; right: 50px; }

    .header,
    .header.fixed{padding:15px 0;}
    .header .row-1{position: relative; z-index: 1;}
    .header .row-1 img{width: 100px;}
    .header .row-2{position: fixed; left: 0; top: 0; width: 100%; height: 100vh; background: rgba(3, 12, 57, 0.50); backdrop-filter: blur(25px);  -webkit-backdrop-filter: blur(25px); transition: 200ms 0.15s linear; padding-top: 60px; opacity: 0; pointer-events: none;}
    .header .row-2 .box{display: flex; flex-direction: column; justify-content: center; height: 100%; overflow: auto; padding: 0 40px; padding-bottom: 0;}
    .header .row-2 dl+dl{margin-left: 0;}
    .header .row-2 dl{border-bottom: 1px solid rgba(255, 255, 255, 0.08);}
    .header .row-2 dt a{ display: flex; align-items: center;  height: 75px; overflow: hidden;}
    .header .row-2 dt a.active, .header .row-2 dt a:hover{color: #fff;}
    .header .row-2 dt a div{overflow: hidden; display: flex; align-items: center;}
    .header .row-2 dt a span{transition: 0.5s ease-out; transform: translateY(30px); display: flex !important; align-items: center; line-height: 1;}
    .header .row-2 dt a .p1{ color: var(--color-primary); font-family: 'Poppins'; font-size: 15px; }
    .header .row-2 dt a .p2{ padding-left: 20px; font-family: "Douyin Sans"; font-size: 26px; padding-top: 2px; } 
    .header .row-2 dt a i{margin-left: auto; height: 100%; width: 50px; display: flex; align-items: center; justify-content: center; transition: 0.5s; transform: translateY(45px);}
    .header .row-2 dt.on a i::before{transform: rotate(-180deg)}
    .header .row-2 dt.on a{color: var(--color-primary);}
    .header .row-2.on{opacity: 1; pointer-events: initial; transition-delay: 0s;}
    .header .row-2.on dt a span{ transform: translateY(0);}
    .header .row-2.on dt a .p2{transition-delay: 0.05s;}
    .header .row-2.on dt a i{transform: translateY(0);}
    .header .row-2.on1 dt a span{transform: translateY(-30px);}
    .header .row-2.on1 dt a .p2{transition-delay: 0.05s;}
    .header .row-2.on1 dt a i{transform: translateY(45px);}
    .header .row-2 dd{display: none; border-top: 1px solid var(--color-primary01); position: initial; background: none; width: auto; transform: none; pointer-events: initial;}
    .header .row-2 dd span{padding: 0 0 20px 40px; display: block; background: none; backdrop-filter:initial; opacity: 1;}
    .header .row-2 dd a{color: #fff; display: block; margin-top: 15px; font-size: 14px; padding: 0; text-align: left;}
    
    .btn-nav{ height: 20px; cursor: pointer; display: flex; align-items: center; margin-left: auto; position: relative; z-index: 1;}
    .btn-nav span{width: 30px; height: 1px; background: #fff;  position: relative; transition: 0.4s; }
    .btn-nav span::after,
    .btn-nav span::before{content: ""; position: absolute; left: 0; width: 100%; height: 1px; background: #fff; display: block; transition: 0.4s;}
    .btn-nav span::before{top: -6px;}
    .btn-nav span::after{top: 6px;}
    .btn-nav.on span{background: none !important; }
    .btn-nav.on span::after{transform: rotate(-45deg); top: 0;}
    .btn-nav.on span::before{transform: rotate(45deg); top: 0;}

    .footer{padding: 30px 0;}
    .footer .row-1 img{width: 120px;}
    .footer .row-4 dt img{width: 20px;}
    .footer .row-4 dd span{width: 100px; height: 100px; margin-bottom: 10px; border-radius: 5px; padding: 5px;}
    .footer .row-3 div+div::before{height: 10px; margin: 0 10px;}
    .footer .col-2{display: block;}
    .footer .row-4{padding-top: 10px;}

    .wrap{margin: 0 40px;}
    .home-part1 .txt{font-size: 60px; width: 460px; padding-bottom: 50px;}
    .home-part1 .wrap::after{width: 40px; height: 106px; bottom: 50px;}
    .home-part2 .row-1{padding-right: 50px; }
    .home-part3 .row-1{padding: 10px 0 ; z-index: 0;}
    .home-part3 .row-2{margin-left: -40px; width: calc(60% - 10px);}
    .home-part3 .c-tet{background: none; color: #666; width: 40%; margin-left: auto;}
    .home-part4 .item span{font-size: 24px; left: 20px;bottom: 20px;}
    .home-part4 .item span::after{ margin-left: 10px; font-size: 24px; margin-top: -2px;}


    .ruanj-part1 .row-1{height: auto; width: 200px;}
    .ruanj-part2 .col-1{top: 60px;}
    .ruanj-part2 .col-2 dd{padding-right: 0;}
    .ruanj-part2 .col-2 dd::after{display: none;}
    .ruanj-part3 .swiper .tat{width: 30px;}
    .ruanj-part3 .swiper .button{width: 40px;}
    .ruanj-part3 .swiper .button i{font-size: 16px;}
    .ruanj-part3 .swiper .pagination{font-size: 14px; width: 60px;}
    .ruanj-part3 .swiper .pagination span{padding: 0 2px;}
    .ruanj-part3 .swiper .swiper-pagination-current{font-size: 16px;}

    .loader{left: -2px; top: -2px; width: calc(100% + 4px); height: calc(100% + 4px);}

    .zhaop-part .row-1{width: 24vw;}
    .zhaop-part .row-2 dt::after{width: 35px;}

    .news-part1 .row-2 .d1{font-size: 12px;}
    .news-part2 .list .d5{width: 25px;}

    .yingj-part1 .list dt{font-size: 22px;}


    .news-part1 .row-2 .d2{font-size: 24px;}
    .news-part2 .title{font-size: 36px;}
    .news-part4{width: 700px;}
    .news-part4 .col-2 h1{font-size: 32px;}
    .news-part4 .col-3{font-size: 14px;}
    .news-part4 .col-3 em{font-size: 12px;}
    .news-part4 .col-3 h4{font-size: 16px;}
    .news-part4 .col-3 h3{font-size: 18px;}
    .news-part4 .col-3 h2{font-size: 20px;}
    .news-part4 .col-3 h1{font-size: 22px;}
    .news-part4 .col-3 p+p{padding-top: 1em;}
    .news-part4 .col-4 dt{width: 200px;}
    .news-part4 .col-4 dd strong{font-size: 14px;}
    .news-part4 .col-4 dd strong span{padding-left: 10px;}
}

@media screen and (max-width: 1002px){

    .zhaop-part .row-2 dt{display: block;}
    .zhaop-part .row-2 .tit span{margin-right: 5px;}
    .zhaop-part .row-2 .tit span + span{margin-left: 0;}
    .zhaop-part .row-2{padding-left: 30px;}
    .zhaop-part .row-1{width: 150px;}
    .zhaop-part .row-2 .tit{padding: 2px 0 0 0;}
    
}

@media screen and (max-width: 758px){

    :root{
        --fz-12: 12px;
        --fz-14: 12px;
        --fz-15: 13px;
    }

    .c-title .d1{padding-bottom: 5px;}
    .c-title .d2{font-size: 30px;}


    .news-part1 .title,
    .c-banner .txt{font-size: 32px;}
    .news-part1::after,
    .c-banner .wrap::after{width: 27px; height: 72px;}

    .c-banner .tet{position: initial; width: auto; font-size: 14px; padding: 20px 30px 0 0; }



    .home-main,
    .main{padding: 50px 0;}
    .m-b{margin-bottom: 50px;}

    .header,
    .header.fixed{padding: 15px 0;}
    .wrap{margin: 0 20px;}
    .header .row-1 img{width: 80px;}
    

    .header .row-2 .box{padding: 0 20px;}

    .footer {padding: 60px 0 30px 0; text-align: center;}
    .footer .col-1{min-height: auto; padding-bottom: 90px;}
    .footer .row-1{margin: 0 auto;}
    .footer .row-1 img{width: 150px;}
    .footer .row-2{display: none;}
    .footer .col-2{display: block;}
    .footer .row-3{justify-content: center;}
    .footer .row-3 div:first-child{width: 100%; flex-shrink: 0; padding-bottom: 10px;}
    .footer .row-3 div:nth-child(2)::before{display: none;}
    .footer .row-4{justify-content: center; padding-top: 10px; flex-wrap: wrap;}
    .footer .row-4 dl{margin: 0 10px !important;}
    .footer .row-4 dd{left: 50%; right: auto; transform: translateX(-50%);}
    .footer .row-4 dl.email{width: 100%;padding-bottom: 10px;}

    .home-part1 .txt{font-size: 44px; width: 300px; }
    .home-part1 .wrap::after{width: 27px; height: 72px;}
    .home-part2 .wrap{display: block;}
    .home-part2 .row-1{padding: 0;}
    .home-part2 .c-tet{padding-top: 20px;}
    .home-part2 .row-2{width: auto; padding-top: 20px;}
    .home-part3 .row-1{position: initial; padding: 0;}
    .home-part3 .c-tet{width: auto; padding-top: 20px;}
    .home-part3 .row-2{margin: 0; width: auto; padding-top: 20px;}
    .home-part3 .row-2 video{display:none}
    .home-part3 .row-2 img{display:block}
    .home-part4 .c-title{border: 0; margin: 0; padding-bottom: 20px;}
    .home-part4 .list{display: block; margin: -10px 0 0 0;}
    .home-part4 .item{width: 100%; padding: 10px 0 0 0;}


    .ruanj-part1{margin-top: -50px; padding: 50px 0;}
    .ruanj-part1 #container{display: none;}
    .ruanj-part1 .wrap{min-height: auto; display: block;}
    .ruanj-part1 .row-1{width: auto; padding-bottom: 30px;}
    .ruanj-part1 .row-2{width: auto;}
    .ruanj-part1 .back-video{display: none;}
    .ruanj-part1 .row-2 .c-title{padding-bottom: 20px;}
    .ruanj-part1 .row-2 .tat{padding-top: 40px;}
    .ruanj-part2{padding: 50px 0;}
    .ruanj-part2 .col-1{position: initial; padding-bottom: 20px;}
    .ruanj-part2 .col-1 .c-tet{width: auto; padding-top: 20px;}
    .ruanj-part2 .col-2{width: auto;}
    .ruanj-part2 .col-2 dl{padding: 20px 10px;}
    .ruanj-part2 .col-2 dt{width: 50px;}
    .ruanj-part2 .col-2 dd{padding-left: 20px;}

    .ruanj-part3 .c-title{display: block; border: 0; margin: 0; padding-bottom: 20px;}
    .ruanj-part3 .c-title .c-tet{width: auto; margin: 0; padding-right: 20px;}

    .ruanj-part3 .swiper{margin-right: -20px;}
    .ruanj-part3 .swiper-wrapper{margin: 0 -5px;}
    .ruanj-part3 .swiper-slide{width: calc(100% - 50px); height: auto; margin: 0 5px;}
    .ruanj-part3 .swiper dd{position: initial; margin: 0; width: auto; padding: 20px 0;}
    .ruanj-part3 .swiper .c-tet{padding: 5px 0 10px 0;}
    .ruanj-part3 .swiper-slide-active dd{transition-delay: 0s;}
    .ruanj-part3 .swiper .btn{position: initial; padding-bottom: 2px;}

    .yingj-part1{margin-top: -50px; padding: 50px 0 0 0;}
    .yingj-part1 .back-video{display: none;}
    .yingj-part1 .wrap{height: auto; padding: 0;}
    .yingj-part1 .c-tet{padding-top: 20px; width: auto;}
    .yingj-part1 .list{padding-top: 20px; width: auto;}
    .yingj-part1 .list dl{padding: 0 10px;}
    .yingj-part1 .tmt{display: block;}
    .yingj-part2 .wrap{display: block;}
    .yingj-part2 .row-1{width: auto; display: block;}
    .yingj-part2 .row-2{padding: 20px 0 0 0;}
    .yingj-part2 .row-2 .c-title{text-align: left;}
    .yingj-part2 .row-2 .c-tet{padding-top: 10px;}
    .yingj-part2 .row-2 .tat{padding-top: 20px;}
    .yingj-part2 .swiper1{margin: 0;}
    .yingj-part2 .swiper2{position: initial; width: auto; padding-top: 5px;}
    .yingj-part2 .swiper2 .swiper-wrapper{margin: 0 -2px;}
    .yingj-part2 .swiper2 .swiper-slide{width: calc(16.6% - 3.1px); height: auto; margin: 0 2px;}
    .yingj-part2 .swiper2 .swiper-slide::after{border-width: 2px;}


    .news-part1{padding: 100px 0 50px 0;}
    .news-part1 .box a{display: block;}
    .news-part1 .row-1{width: auto;}
    .news-part1 .row-2{padding: 20px 0 0 0;}
    .news-part2 .title{font-size: 22px; border: 0; padding-bottom: 20px; margin-bottom: 0;}

    .news-part1 .row-2 .d2{font-size: 22px; padding-top: 5px;}
    .news-part1 .row-2 .d3{padding-top: 5px;}
    .news-part1 .row-2 .d4{padding-top: 40px;}

    .news-part2 .list{margin: -40px 0 0 0;}
    .news-part2 .list .item{width: 100%; padding: 40px 0 0 0;}
    .news-part2 .list .d2{padding: 10px 0 5px 0;}
    .news-part2 .list .d4{padding-bottom: 10px;}

    .news-main{padding: 80px 0 50px 0;}
    .news-part4{width: auto; margin-left: 20px; margin-right: 20px;}
    .news-part4 .col-2{padding: 20px 0 15px 0; margin-bottom: 20px;}
    .news-part4 .col-2 .txt{padding-bottom: 10px;}
    .news-part4 .col-2 h1{font-size: 26px;}
    .news-part4 .col-3{padding-bottom: 40px;}
    .news-part4 .col-3 h4{font-size: 15px; line-height: 1.4;}
    .news-part4 .col-3 h3{font-size: 16px; line-height: 1.4;}
    .news-part4 .col-3 h2{font-size: 18px; line-height: 1.4;}
    .news-part4 .col-3 h1{font-size: 20px; line-height: 1.4;}
    .news-part4 .col-4{padding: 20px 0;}
    .news-part4 .col-4 dl{display: block;}
    .news-part4 .col-4 dt{width: auto; padding-bottom: 10px;}
    .news-part4 .col-4 dl+dl{padding-top: 20px;}

    .zhaop-part .col-1{overflow: auto; justify-content: flex-start; margin:0;}
    .zhaop-part .col-1 a{width: auto; height: auto; padding: 5px 10px; min-width: 110px; font-size: 18px; margin: 0;}
    .zhaop-part .col-1 a+a{margin-left: 10px;}
    .zhaop-part .col-2{display: block; padding-top: 20px;}
    .zhaop-part .row-1{width: auto;}
    .zhaop-part .row-1 a{padding: 10px 0; font-size: 16px;}
    .zhaop-part .row-2{padding: 20px 0 0 0;}

    .zhaop-part .row-2 dt{padding: 15px; display: block;}
    .zhaop-part .row-2 dt::after{width: 30px; right: 10px;}

    .zhaop-part .row-2 .tet{padding: 15px; margin-bottom: 10px;}
    .zhaop-part .row-2 dd{padding: 15px 5px; padding-top: 0;}
    .zhaop-part .row-2 .tit span{margin: 0 5px 0 0 !important;}


    .page .Ppagelist{display: none;}
    .page a{margin: 0 5px;}
    .page .Pprev, .page .Pnext{width: 80px; height: 30px; border-radius: 15px;}
}