@charset "utf-8";
/* CSS Document  ffff */
*{ box-sizing: border-box; padding:0; margin:0;}
html{ width: 100%; overflow-x: hidden;}
body { font: var(--fz18) "Microsoft Yahei","Arial",sans-serif; color: #333; line-height: 1.5; }
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; font: var(--fz18) "Microsoft Yahei","Arial",sans-serif; width: 100%; }
input[type="button"], input[type="submit"], input[type="text"] {-webkit-appearance: none; outline: none; }
button{border: 0; background: none; height: 100%; cursor: pointer;}
ul,ol{margin-left: 1em;}
video{width: 100%; height: 100%; object-fit: cover; vertical-align: middle;}

/*文本框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: 'DIN';
	src: url('../fonts/DIN-Regular.ttf');
    font-display: swap;
}
@font-face {
	font-family: 'Montserrat';
	src: url('../fonts/Montserrat-Regular.ttf');
    font-display: swap;
}
@font-face {
	font-family: 'Montserrat-Bold';
	src: url('../fonts/Montserrat-Bold.ttf');
    font-display: swap;
}

:root{
    --color: #183789;
    --color2: #0870D8;

    --fz46: 2.4vw;
    --fz36: 1.88vw;
    --fz30: 1.5625vw;
    --fz26: 1.35vw;
    --fz24: 1.25vw;
    --fz22: 1.15vw;
    --fz18: 0.9375vw;
    --fz16: 0.83vw;
    --fz14: 0.73vw;

    --h180: 9.38vw;
    --h160: 8.33vw;
    --h140: 7.29vw;
    --h100: 5.21vw;
    --h80: 4.17vw;
    --h60: 3.13vw;
    --h30: 1.56vw;

    --radius: 1.0417vw
}




/* 视频背景 */
.back_video{position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.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 .pcimg,
.back_video .phoneimg{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center; background-size: cover; }

.video_dialog{position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9; background: rgba(0, 0, 0, 0.6); display: none; }
.video_dialog .box{background: #ddd; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 65%; height: 70%;}
.video_dialog .close{position: absolute; right: 0; top: 0; margin: -1.56vw; cursor: pointer; color: #fff; font-size: 1.56vw; line-height: 1;}
.video_dialog .close:hover{color: #ddd;}


/* 公用类 */
.iconfont{font-size: initial;}
.wrap{width: 75vw; margin: 0 auto;} /* 1440 */
.line2{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.c_h46{font-size: var(--fz46); text-align: center; padding-bottom: var(--h60);} 
.c_h26{font-size: var(--fz26);} 

.c_txt{font-size: var(--fz46); background: linear-gradient(90deg, #00A2FF 0%, #2C5EFF 100%); background-clip: text; -webkit-background-clip: text;
-webkit-text-fill-color: transparent; letter-spacing: 2.3px;}

.c_banner{height: 33.85vw; display: flex; align-items: center; transform: translateY(0); padding: 0 9.38vw; position: relative; overflow: hidden; background-color: var(--color); background-size: cover; background-position: center; background-repeat: no-repeat}
.c_banner .txt{font-size: 3.13vw; color: #fff; position: relative; z-index: 2; }
.c_banner .back_video{width: 64.58vw; left: auto; right: 0;}
/* .c_banner::after{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/banner_back.png) center no-repeat;} */
.yew_banner .pic,
.fuw_banner .pic{position: absolute; right: 0; top: 0;  height: 100%;}
.yew_banner .pic img,
.fuw_banner .pic img{max-width: none; height: 100%;}

.c_banner .pic img:last-child {display: none;}




.home_s1{ position: absolute; top: 0; left: 0; height: 100%; width: 100%;}
.home_s1::after{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/banner_back.png) left center no-repeat; background-size: cover; }
.home_s1 svg{ position: absolute; width: 65.73vw; height: 100%; left: 33.3333vw; z-index: 1;}
.home_s1 .lottie{ position: absolute; width: 100vw; height: 33.85vw; top: 0; left: -1.04vw; z-index: 1;}
.home_s1 path{ fill: none; stroke-linecap: round; animation-timing-function: linear; animation-iteration-count: infinite;}
.home_s1 path:nth-child(1){ stroke-dasharray: 800; stroke-dashoffset: 600; animation: move1 4s linear infinite;}
.home_s1 path:nth-child(2){ stroke-dasharray: 900; stroke-dashoffset: 800; animation: move2 6s linear infinite;}
.home_s1 path:nth-child(3){ stroke-dasharray: 600; stroke-dashoffset: 200; animation: move3 5s linear infinite;}

@keyframes move1 {
  to { stroke-dashoffset: -1000; }
}

@keyframes move2 {
  to { stroke-dashoffset: -1000; }
}

@keyframes move3 {
  to { stroke-dashoffset: -1000; }
}




.c_sbutton{width: 3.65vw; height: 3.65vw; background: var(--color2); cursor: pointer; display: flex; align-items: center; justify-content: center; color: #fff; border-radius: 50%; }

.c_sbutton1{width: 2.34vw; height: 2.34vw; border: 1px solid rgba(24, 55, 137, 0.41); border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; color: var(--color);  transition: 0.5s;}
.c_sbutton1 i{font-size: 0.73vw;}
.c_sbutton1:hover{background: var(--color); color: #fff;}

.o{border-radius: var(--radius); overflow: hidden;}

.c_more{position: relative; padding-right: 2.0833vw; font-weight: bold; font-size: var(--fz16); color: var(--color); transition: 0.5s;} 
.c_more::after{content: '\e607'; font-family: "iconfont"; font-size: 1.5625vw; position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-weight: normal;}

.c_more2{width: 8.8542vw; height: 2.6042vw; border-radius: 2.6042vw; border: 2px solid #fff; display: flex; align-items: center; justify-content: center; color: #fff; font-size: var(--fz14); font-weight: bold; transition: 0.5s;}
.c_more2 span{position: relative; padding-right: 1.5625vw;} 
.c_more2 span::after{content: '\eb4c'; font-family: "iconfont"; font-size: var(--fz18); position: absolute; right: 0; top: -0.1563vw; font-weight: normal;}
.c_more2:hover{background: var(--color2); color: #fff; border-color: var(--color2);}

.c_tat{width: 4.5833vw; height: 2.3958vw; border-radius: 2.3958vw; display: flex; align-items: center; justify-content: center;  border: 1px solid #fff; transition: 0.5s;}



/* 公用头部、尾部*/
.header{display: flex; width: 100%; height: 4.17vw; padding: 0 3.13vw; align-items: center; border-bottom: 1px solid rgba(0, 0, 0, 0.15); box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.05); background: #fff; position: sticky; top: 0; z-index: 9; transition: 0.5s; }
.header .logo a{ position: relative; display: block;}
.header .logo img{ width: 8.33vw;}
.header .logo .img2{opacity: 0; position: absolute; left: 0; top: 0;}
.header .nav{margin-left: auto; display: flex; font-size: var(--fz16);}
.header .nav dl{position: relative;}
.header .nav dl+dl{margin-left: 2.6vw;}
.header .nav dl:first-child{display: none;}
.header .nav dt a{height: 4.17vw; display: flex; align-items: center; }
.header .nav dt a::after{content: ''; position: absolute; left: 0; bottom: -1px; width: 100%; height: 2px; background: var(--color); transition: 0.5s; opacity: 0;}
.header .nav dt a span{display: none;}

.header .nav dd{display: none;}

.header .nav dt a.one,
.header .nav dt a:hover{color: var(--color);}
.header .nav dt a.one::after,
.header .nav dt a:hover::after{opacity: 1;}

.header .search{padding-left: 2.6vw; padding-top: 0.2604vw;}
.header .search i{font-size: var(--fz22); }
.header .search a:hover{color: var(--color);}


.nav_layer{ width: 45.8333vw; padding: 1.5625vw 2.0833vw; background: #fff; z-index: 8; position: fixed; top: 4.17vw; right: 3.125vw;  display: none; box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.10);}
.nav_layer .box{display: flex;}
.nav_layer .row1{width: 18.75vw; flex-shrink: 0;}
.nav_layer .row1 a{height: 3.3854vw; display: flex; align-items: center; color: #666; font-size: var(--fz16); position: relative;}
.nav_layer .row1 a+a{border-top: 1px solid #E9E9E9;}
.nav_layer .row1 a::after{content: '\e607'; font-family: "iconfont"; font-size: 1.5625vw; position: absolute; left: 0; top: 50%; transform: translateY(-50%); font-weight: normal; color: var(--color); opacity: 0; transition: 0.5s;}
.nav_layer .row1 a.one{padding-left: 2.8125vw; font-weight: bold; color: var(--color);}
.nav_layer .row1 a.one::after{opacity: 1; }

.nav_layer.news{height: 30.0521vw;}
.nav_layer.news .row1{padding-top: 2.5vw;}

.nav_layer .row2{flex: 1; overflow: hidden; padding-left: 2.0833vw;}
.nav_layer .row2 dl{display: none;}
.nav_layer .row2 dt{display: flex; justify-content: space-between; padding-bottom: 1.5625vw ;}
.nav_layer .row2 .c_h26{font-weight: bold;}
.nav_layer .row2 dt a{color: var(--color); font-size: var(--fz16);}
.nav_layer .row2 dt a:hover{color: var(--color2);}
.nav_layer .row2 dd{width: 20.8333vw;}
.nav_layer .row2 .cont{border-bottom: 1px solid #E9E9E9; padding: 0 0.5208vw;}
.nav_layer .row2 .tmt{font-family: 'Montserrat'; font-size: var(--fz16); padding-top: 1.0417vw; color: #999;}
.nav_layer .row2 .txt{font-size: var(--fz22); transition: 0.5s;}
.nav_layer .row2 .tat{padding: 1.5625vw 0;}
.nav_layer .row2 dd a:hover .txt{color: var(--color);}

.nav_layer .row2 .item_img{display: none;}
.nav_layer .row2 .item_img img{width: 20.8333vw;}


.footer{ background: #1E1E1E; color: #fff; padding: 5.21vw 0 2.08vw 0;}
.footer .col_1{display: flex; padding-bottom: 6.25vw;}
.footer .logo{margin-right: auto; width: 10.4167vw;}
.footer .nav{display: flex;}
.footer .nav dl+dl{padding-left: 3.13vw;}
.footer .nav a{color: #fff;}
.footer .nav dd{padding-top: 0.26vw;}
.footer .nav dd a{display: block; font-size: var(--fz16); opacity: 0.6; margin-top: 0.52vw;}
.footer .nav a:hover{text-decoration: underline; opacity: 1;}

.footer .col_2{font-size: var(--fz14); padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid rgba(255, 255, 255, 0.15);}
.footer .col_2 dl{display: flex;}
.footer .col_2 dt{color: #999; flex-shrink: 0; opacity: 0.6;}
.footer .col_2 dd {display: flex; flex-wrap: wrap;}
.footer .col_2 dd a{opacity: 0.6; color: #fff; margin-right: 1.04vw;}
.footer .col_2 dd a:hover{text-decoration: underline; opacity: 1;}

.footer .col_3{font-size: var(--fz14); display: flex; justify-content: space-between;}
.footer .cont{color: #999; opacity: 0.6; line-height: 1.8;}

.footer .code{display: flex;}
.footer .code dl{position: relative; cursor: pointer;}
.footer .code dl+dl{margin-left: 2.08vw;}
.footer .code dt i{font-size: 1.3vw;}
.footer .code dd{position: absolute; left: 50%; transform: translateX(-50%); bottom: 100%; pointer-events: none; opacity: 0; transition: 0.5s;}
.footer .code span{width: 100px; height: 100px; background: #fff; display: block; border-radius: 5px; padding: 5px; margin-bottom: 5px;}
.footer .code dl:hover dd{pointer-events: initial; opacity: 1;}


/* 首页 */
.home_s1_box{ position: relative;}
.home_s1_box .bg_box{ position: relative; width: 100%; height: 450vh; left: 0; top: 0; z-index: 1;}
.home_s1_box .bg_box .bg_canvas{ position: fixed; left: 0; top: 0; width: 100%; height: 100vh; z-index: 1; background: linear-gradient(172deg, #FFF 50.41%, #E2ECF0 92.7%);}

.home_title{width: 48.9583vw; margin: 0 auto; text-align: center; padding-bottom: var(--h60);}
.home_title .c_h46{padding-bottom: 0;}
.home_title .tet{padding-top: 20px; color: #999;}

.home_part1{ width: 100%; height: 100vh; color: #fff; position: fixed; left: 0; top: 0; z-index: 1;}
.home_part1 .swiper{height: 100%;}
.home_part1 .swiper::after{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: radial-gradient(135.24% 102.62% at -5.18% 65.83%, #1B46B7 0%, rgba(27, 70, 183, 0.00) 100%);}
.home_part1 .swiper-slide{display: flex; align-items: center;}
.home_part1 .but{position: absolute; left: 0; bottom: 0; z-index: 1; padding: 3.65vw; display: inline-flex; align-items: center;}
.home_part1 .but .button{width: 2.34vw; height: 2.34vw; display: flex; flex-shrink: 0; align-items: center; justify-content: center; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.30); cursor: pointer; position: relative;}
.home_part1 .but .button i{font-size: 0.73vw;}
.home_part1 .but .pagination{font-family: 'Montserrat'; font-size: var(--fz16); opacity: 0.5; width: 3.23vw; text-align: center;}
.home_part1 .title{padding-left: 6.25vw;}
.home_part1 .title.d1{font-size: 4.79vw; line-height: 1.3;}
.home_part1 .title.d1 p+p{padding-left: 1em;}

.home_part1 .title.d2 .txt{font-size: 3.3854vw;}
.home_part1 .title.d2 .tet{font-size: 1.875vw; padding: 1.0417vw 0 2.6042vw 0; width: 34.5313vw;}


.home_part2{text-align: center; width: 100%; height: 100vh; display: flex; flex-direction: column; justify-content: center; align-items: center; position: fixed; left: 0; top: 0; z-index: 2; padding-top: 21.875vw; overflow: hidden;}
.home_part2 .txt{font-size: var(--fz22); color: #666; letter-spacing: 0.2292vw; padding-bottom: var(--h30);}
.home_part2 .tat a{width: 13.4375vw; height: 3.3854vw; display: flex; align-items: center; justify-content: center; border-radius: 65px; background: linear-gradient(272deg, #085AF4 4.68%, #4BCFFF 93.66%); box-shadow: 0 5px 20px 0 rgba(0, 119, 255, 0.50); color: #fff; font-size: var(--fz18); font-weight: bold;}
.home_part2 .tat a i{margin-left: 1.0417vw; font-size: 1.0417vw; transform: translateY(0.026vw);}
.home_part2 .tat a:hover{box-shadow: 0 5px 40px 0 rgba(0, 119, 255, 0.80); }
.home_part2 .img{display: none;}


.home_part3-wrapper{position: relative; height: 322vh; margin-top: -88.4375vw; z-index: 2;}
.home_part3-wrapper .home_part3{ color: #fff; position: sticky; top: 36.4583vw; height: 78.125vw;}
.home_part3 .wrap_box{position: absolute; margin-top: -26.5625vw; width: 100%;}

.home_part3{color: #fff;}
.home_part3 .title{width: 51.0417vw; margin: 0 auto; display: flex; justify-content: space-between; flex-shrink: 0;}
.home_part3 .tab{display: flex; flex-direction: column;  position: relative;}
.home_part3 .tab span{cursor: pointer; transition: 0.5s; height: 2.6042vw; display: flex; align-items: center; font-weight: bold; position: relative; padding-left: var(--h60);}
.home_part3 .tab span+span{margin-top: 0.7813vw;}
.home_part3 .tab::after{content: ''; position: absolute; left: 0; top: 0; width: 1px; height: calc(100% + 2.6042vw); background-image: linear-gradient(#fff, 50%, rgba(255,255,255,0)); opacity: 0.4;}
.home_part3 .cont{width: 26.0417vw; flex-shrink: 0; display: none;}
.home_part3 .cont .tet{padding-bottom: var(--h60);}
.home_part3 .tab span::after{content: ''; position: absolute; left: -1px; top: 0; width: 0.1563vw; height: 100%; background: var(--color2); z-index: 1; transition: 0.5s; opacity: 0;}
.home_part3 .tab span.c_txt{font-weight: normal;}
.home_part3 .tab span.c_txt::after{opacity: 1;}
.home_part3 .box{display: none;}
.home_part3 .dd1{padding-top: 2.0833vw;}
.home_part3 .dd2{padding-top: 5.2083vw;}
.home_part3 .dd3{padding-top: 9.375vw;}
.home_part3 .dd1 img:nth-child(2),
.home_part3 .dd2 img:nth-child(2){display: none;}
.home_part3 .list{height: 100%; display: flex; align-items: flex-end; margin: 0 -1.875vw;}
.home_part3 .item{width: 50%; padding: 0 1.875vw;}
.home_part3 .item dl{position: relative; border-radius: 0.7813vw; overflow: hidden;}
.home_part3 .item dt{position: relative;}
.home_part3 .item dt .c_h26{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(90deg, rgba(24, 55, 137, 0.90) 20%, rgba(24, 55, 137, 0.00) 65%); color: #fff; display: flex; align-items: center; padding: 0 2.6042vw; }
.home_part3 .item dd{position: absolute; left: 0; top: 0; opacity: 0; width: 100%; height: 100%; background: linear-gradient(90deg, #183789 49.09%, rgba(24, 55, 137, 0.61) 100%); color: #fff; display: flex; flex-direction: column; justify-content: center; padding: 0 2.6042vw; transition: 0.5s;}
.home_part3 .item dd .tet{padding-top: 1.0417vw;}
.home_part3 .item dl:hover dd{opacity: 1;}


.home_part4{padding-top: var(--h140); overflow: hidden; position: relative; margin-top: -62.5vw; background: #fff;}
.home_part4::after{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 28.3854vw; background: #010C2F;}
.home_part4 .home_title{padding-bottom: 5.2083vw; position: relative; z-index: 1;}
.home_part4 .swiper_box{position: relative; z-index: 1;}
.home_part4 .swiper{overflow: initial;  width: calc(52.0833vw * 3); margin-left: -28.6458vw;}
.home_part4 .swiper-slide a{display: block; position: relative;}
.home_part4 .swiper-slide a::after{content: ''; width: 100%; height: 2.0833vw; display: block; border-radius: 20px 20px 0 0; background: linear-gradient(180deg, rgba(27, 61, 163, 0.19) 4.46%, rgba(27, 61, 163, 0.03) 44.31%, rgba(27, 61, 163, 0.00) 93.59%);  display: none;}
.home_part4 .swiper-slide a::before{content: ''; position: absolute; left: 0; top: -10%; width: 100%; height: 90%; background: linear-gradient(90deg, rgba(0, 17, 60, 0.50) 0.02%, #2147AC 50.32%, rgba(0, 17, 60, 0.50) 100.01%); filter: blur(50px);  display: none;}
.home_part4 dl{border-radius: var(--radius); overflow: hidden; position: relative; color: #fff;}
.home_part4 dl::after{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%;  background: rgba(48, 59, 89, 0.22); display: none; }
.home_part4 dl::before{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000;  opacity: 0; transition: 0.5s; z-index: 1;}
.home_part4 dt{position: relative;}
.home_part4 dt span{position: absolute; right: 0; top: 0; background: #fff; width: 8.4375vw; height: 3.6979vw; display: flex; align-items: center; justify-content: center; border-radius: 0 0 0 1.5625vw; padding: 1.0417vw;}
.home_part4 dt>img{width: 100%;}
.home_part4 dt span img{max-height: 100%;}
.home_part4 dt::after{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(0, 0, 0, 0.97) -2.16%, rgba(0, 0, 0, 0.00) 61.6%);;}
.home_part4 dd{position: absolute; left: 0; bottom: 0; z-index: 1; transition: 0.5s; padding: 2.6042vw; width: 100%;}
.home_part4 dd .c_h26{font-weight: bold; transition: 0.5s;}
.home_part4 dd .box{display: none; justify-content: space-between; border-top: 1px solid rgba(255, 255, 255, 0.4); padding-top: 0.5208vw; margin-top: 1.0417vw;}
.home_part4 dd .tet{width: 33.6458vw;}

.home_part4 .swiper0 dl:hover .c_h26{color: var(--color2);}
.home_part4 .swiper0 dl:hover .tat{border-color: var(--color2); color: var(--color2);}
.home_part4 .swiper0 .box{display: flex;}
.home_part4 .swiper0 a::after,
.home_part4 .swiper0 a::before{display: block;}
.home_part4 .swiper1 dl::before{opacity: 0.5;}
.home_part4 .swiper2 dl::after{ display: block;}
.home_part4 .swiper2 dl dt>img{ filter:blur(35px); }
.home_part4 .swiper2 dd{opacity: 0;}





.home_part4 .swiper-slide-next .c_h26{text-align: right;}

.home_part4 .button{position: absolute; top: 50%; transform: translateY(-50%); width: 3.6458vw; height: 3.6458vw; border: 1px solid rgba(255, 255, 255, 0.41); border-radius: 50%; cursor: pointer; z-index: 1; display: flex; align-items: center; justify-content: center; color: #fff; transition: 0.5s;}
.home_part4 .button.prev{left: var(--h60);}
.home_part4 .button.next{right: var(--h60);}
.home_part4 .button:hover{border-color: var(--color2); color: var(--color2);}

@media screen and (max-width: 1600px){
.home_part4 .button.prev{left: 7%;}
.home_part4 .button.next{right: 7%;}

}


.home_part5{padding: var(--h140) 0; background: #fff;}
.home_part5 .swiper_box{overflow: hidden; border-radius: var(--radius);}
.home_part5 .swiper{margin: 0 -0.7813vw;}
.home_part5 .swiper-slide{width: 49.4792vw; padding: 0 0.7813vw;}
.home_part5 dl{border-radius: var(--radius); overflow: hidden; position: relative; color: #fff;}
.home_part5 dd{position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; flex-direction: column; padding: 2.0833vw;}
.home_part5 dd .c_h26{border-bottom: 1px solid rgba(255, 255, 255, 0.40); padding-bottom: 10px;}
.home_part5 dd .tet{margin-top: auto; padding-bottom: 1.0417vw; opacity: 0; transition: 0.5s;}
.home_part5 dd .c_more2{background: #fff; color: var(--color); border-color: #fff;}
.home_part5 dd .tat{display: none;}
/* .home_part5 dl:hover .c_h26 {color: var(--color2);} */
.home_part5 dl:hover .c_more2{background: var(--color2); border-color: var(--color2); color: #fff;}
.home_part5 dl:hover .c_tat{border-color: var(--color2); color: var(--color2)}
.home_part5 .swiper-slide-active .tat{display: block;}
.home_part5 .swiper-slide-active dd .c_tat{display: none;}
.home_part5 .swiper-slide-active dd .tet{opacity: 1;}
.home_part5 .pagination{position: inherit; display: flex; align-items: center; justify-content: center; padding-top: 2.0833vw;}
.home_part5 .pagination span{width: 2.6042vw; height: 0.3125vw; background: #D9D9D9; border-radius: 0.3125vw; opacity: 1; margin: 0 0.3646vw !important; transition: 0.5s;}
.home_part5 .pagination .swiper-pagination-bullet-active{background: var(--color); width: 4.1667vw;}


.home_part6{padding-bottom: var(--h140); background: #fff;}
.home_part6 .list{display: flex; flex-wrap: wrap; margin: -1.5625vw -0.7813vw 0;}
.home_part6 .item{padding: 1.5625vw 0.7813vw 0;}
.home_part6 .row{display: flex; flex-wrap: wrap; flex: 1;}
.home_part6 .item1 dl{width: 49.4792vw; color: #333;}
.home_part6 .item1 .tmt{color: #666;}
.home_part6 .item2 dl{width: 23.9583vw;}
.home_part6 .item3 dl{width: 23.9583vw;}
.home_part6 .item5,
.home_part6 .item6{width: 50%;}
.home_part6 .item5 dl{color: #333;}
.home_part6 .item5 .tmt{color: #666;}
.home_part6 dl{position: relative; border-radius: var(--radius); overflow: hidden; color: #fff;}
.home_part6 dt img:nth-child(2){display: none;}
.home_part6 dd{position: absolute; left: 0; bottom: 0; width: 100%; padding: 2.0833vw;}
.home_part6 dd>div{transition: 0.5s;}
.home_part6 .tmt{font-family: 'Montserrat'; font-size: var(--fz16);}
.home_part6 .txt{font-size: var(--fz22); width: 19.7917vw; padding: 0.5208vw 0 1.0417vw 0; }
.home_part6 .tat i{font-size: 1.7708vw; height: 0.5208vw; display: flex; align-items: center; }
.home_part6 dl:hover .txt{text-decoration: underline;}
.home_part7{height: 51.0417vw;  display: flex; flex-direction: column; justify-content: space-between; padding: var(--h100) 0;}
.home_part7 .list{overflow: hidden; position: relative; z-index: 1;}
.home_part7 .list ul{margin: 0; width: 9999999px;}
.home_part7 .list li{padding: 0 2.6042vw; float: left; list-style: none;}
.home_part7 .list li img{max-height: 2.0833vw; max-width: none;}

.home_part8{height: 13.5417vw; display: flex; background: #000; overflow: hidden;}
.home_part8 a{display: flex; width: 50%; height: 100%; flex-direction: column; justify-content: center; padding-left: 12.5vw; border-top: 1px solid #37035F; position: relative;} 
.home_part8 a>div{position: relative; z-index: 1;}
.home_part8 .c_txt{padding-bottom: 2.0833vw;}
.home_part8 .tat{font-size: var(--fz14); font-weight: bold; position: relative; color: #fff; display: flex; align-items: center;}
.home_part8 .tat::before{content: '\eb4c'; font-family: "iconfont"; width: 2.5vw; height: 2.5vw; display: flex; align-items: center; justify-content: center; border-radius: 50%; border: 1px solid #fff; color: #fff; font-size: var(--fz18); font-weight: normal; margin-right: 1.0417vw; transition: 0.5s;}
.home_part8 a::after,
.home_part8 a::before{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: 0.5s;  backdrop-filter: blur(7.5px);}
.home_part8 a::before{border-top: 1px solid #024C4F; border-bottom: 1px solid #024C4F; background: linear-gradient(93deg, rgba(0, 166, 203, 0.30) 0%, rgba(2, 56, 201, 0.30) 100%); z-index: 1; opacity: 0;}
.home_part8 a::after{border-right: 1px solid #37035F; border-bottom: 1px solid #37035F; background: linear-gradient(93deg, rgba(50, 22, 77, 0.30) 0%, rgba(0, 115, 255, 0.30) 100%);}
.home_part8 a:hover::before{opacity: 1;}
.home_part8 a:hover::after{opacity: 0;}
.home_part8 a:hover .tat::before{background: #fff; color: var(--color);}

/* .home_part3-wrapper,
.home_s1_box,
.home_part1,
.home_part2,
.home_part3{display: none;} */



/* 互联网电视 */
.cibn_part1{position: relative; padding-top: var(--h180); overflow: hidden;}
.cibn_part1::after{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 1440px; background: linear-gradient(180deg, #D7E4FF 0%, #FFF 100%); z-index: -1;}
.cibn_part1 .cont{ text-align: center;  padding-bottom: 2.6vw;}
.cibn_part1 .tit img{width: 62.5vw;}
.cibn_part1 .c_h46{padding: 3.13vw 0 1.04vw 0;}
.cibn_part1 .tet{ width: 48.0208vw; color: #666; opacity: 0.6; margin: 0 auto; letter-spacing: 0.9px;}

.cibn_part1 .box{height: 50vw;  clip-path: polygon(18.75vw 10.42vw, 18.75vw 41.67vw, 81.25vw 41.67vw, 81.25vw 10.42vw); transition: 1s; transform: translateY(0); position: relative; }
.cibn_part1 .back_pic{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: 100vw; z-index: 2;}
.cibn_part1 .box .back_video{width: 37.5vw; height: 20.8854vw; left: 50%; top: 50%; transform: translate(-50%,-50%); margin-top: 1.8229vw;}
.cibn_part1 .box.auto{clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% 0%); transform: translateY(0);}
.cibn_part1 .back{position: absolute; right: 0; bottom: 0; width: 100%; height: 100%; background-size: 100vw; background-position: center; background-repeat: no-repeat; pointer-events: none; z-index: 3;}


.cibn_part2{background: url(../images/home/back_3.jpg) center no-repeat; background-size: cover; height: 50vw; padding-top: var(--h160);}
.cibn_part3{padding: var(--h160) 0;}
.cibn_part3 .cont{ text-align: center;  padding-bottom: var(--h100);}
.cibn_part3 .cont .c_h46{padding-bottom: 0;}
.cibn_part3 .cont .tit{color: var(--color); padding: 1.04vw 0; font-size: var(--fz26); font-weight: bold;}
.cibn_part3 .cont .tet{ width: 47.92vw; color: #666; opacity: 0.6; margin: 0 auto;}
.cibn_part3 .pic{padding-bottom: var(--h80);}
.cibn_part3 .pic img{width: 75vw;}
.cibn_part3 .list{display: flex; margin: -1.3vw -0.65vw 0; flex-wrap: wrap;}
.cibn_part3 .list .item{width: 50%; padding: 1.3vw 0.65vw 0;}
.cibn_part3 .list dl{background-repeat: no-repeat;  border: 1px solid #D5D7DB; min-height: 11.98vw; height: 100%; padding: 2.08vw 2.6vw; padding-left: 7.81vw; background-position: 1.56vw 2.08vw; background-size: 5.21vw;}
.cibn_part3 .list dt{font-size: var(--fz24); color: var(--color); font-weight: bold; padding-bottom: 0.78vw;}
.cibn_part3 .list dd{color: #848484;}




/* 产品中心 */
.chanp_list{margin: var(--h100) 0 var(--h160) 0;  border-top: 1px solid #D5D7DB;}
.chanp_list dl{display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #D5D7DB; height: 200px; overflow: hidden; transition: 0.5s;}
.chanp_list dt{position: relative; flex: 1; margin-right: 4.17vw; height: 100%;}
.chanp_list dt img{width: 4.1667vw;}
.chanp_list dd{width: 37.6vw; flex-shrink: 0; position: relative;}
.chanp_list dd::after{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(90deg, #FFF 0%, rgba(255, 255, 255, 0.98) 40%, rgba(255, 255, 255, 0.90) 80%); transition: 0.7s;}
.chanp_list dd img{border-radius: 1.04vw; width: 100%;}
.chanp_list dt>div{position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; transition: 0.5s; }
.chanp_list .txt{font-size: var(--fz36);}
.chanp_list .d1{display: flex; align-items: center;}
.chanp_list .d1 .txt{padding-left: 1.04vw;  transition: 0.3s;}
.chanp_list .d2{flex-direction: column; align-items: flex-start; justify-content: center; opacity: 0; }
.chanp_list .d2 .txt{padding: 1.04vw 0;}
.chanp_list .d2 .tet{color: #999;}

.chanp_list dl.on{ height: 27.4vw;}
.chanp_list dl.on dd::after{opacity: 0;}
.chanp_list dl.on .d1{opacity: 0;}
.chanp_list dl.on .d2{opacity: 1; transition-delay: 0.1s;}


/* 关于我们 */
.about_title{text-align: center;}
.about_title .tet{width: 56.25vw; margin: 0 auto; color: #666; opacity: 0.6; padding-top: 1.56vw;}
.about_title .tet p+p{padding-top: 1em;}

.about_part1{ padding: var(--h160) 0 var(--h100) 0;}
.about_part1 .c_h46,
.about_part2 .c_h46{padding-bottom: 0;}
.about_part2{padding: var(--h160) 0;}
.about_part2 .about_title{padding-bottom: var(--h60);}
.about_part2 .swiper-slide{width: 27.08vw; padding: 0 0.52vw; box-sizing: border-box;}
.about_part2 dl{position: relative; border: 1px solid #D5D7DB;}
.about_part2 dt{position: relative;}
.about_part2 dt::after{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: radial-gradient(254.52% 139.62% at 50% 16.14%, rgba(255, 255, 255, 0.00) 25.87%, rgba(255, 255, 255, 0.79) 35%, #FFF 40%);}
.about_part2 dd{position: absolute; left: 0; bottom: 0; width: 100%; padding: 3.13vw 3.65vw;}
.about_part2 dd .txt{font-size: var(--fz26); font-weight: bold; color: var(--color); padding-bottom: 1.04vw;}
.about_part2 dd .tet{color: #999;}

.about_part3{margin-bottom: var(--h80); overflow: hidden;}
.about_part3 .wrap{height: 58.96vw; display: flex; justify-content: space-between;}
.about_part3 .row_1{width: 29.17vw;  flex-shrink: 0; padding-top: 13.8vw;}
.about_part3 .row_1 .c_h46{text-align: left;}
.about_part3 .row_1 dt {color: var(--color); line-height: 1;}
.about_part3 .row_1 dt .p1{ font-size: 4.17vw; font-family: 'Montserrat'; position: relative; padding-left: 1.35vw;}
.about_part3 .row_1 dt .p1::after{content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%) scale(0.5); width: 1.15vw; height: 1.15vw; background: var(--color2);}
.about_part3 .row_1 dt .p2{font-size: 1.56vw; padding-left: 0.52vw; }
.about_part3 .row_1 dd{opacity: 0.6; white-space: pre-wrap;}
.about_part3 .row_1 .button {color: #999; display: flex; position: absolute; left: 0; bottom: 7.8125vw; z-index: 1;}
.about_part3 .row_1 .button div{width: 2.6vw; height: 2.6vw; cursor: pointer; margin-right: 0.52vw;}

.about_part3 .row_1 .button div::after{content: ''; width: 100%; height: 100%; background-image: url(../images/about/ico_left.svg); background-position: center left; display: block; background-repeat: no-repeat; background-size: contain;}
.about_part3 .row_1 .button .next::after{ transform: rotate(180deg);}
.about_part3 .row_1 .button .prev:hover::after{transform: rotate(180deg); margin-top: -0.05vw;}
.about_part3 .row_1 .button .next:hover::after{transform: rotate(0deg); margin-top: 0.1vw;}
.about_part3 .row_1 .button div:hover{width: 4.69vw;}
.about_part3 .row_1 .button div:hover::after{background-image: url(../images/about/ico_right.svg);}

.about_part3 .row_1 .swiper{height: 23.44vw; width: 100%;}
.about_part3 .row_1 .swiper0 dd{display: block; padding: 3.13vw 0;}
.about_part3 .row_1 .swiper0 .button{display: flex;}
.about_part3 .row_1 .swiper0 dt .p1{font-weight: bold;}
.about_part3 .row_1 .swiper1{opacity: 0.5;}
.about_part3 .row_1 .swiper1 dl{transform: translateY(-5.21vw);}
.about_part3 .row_1 .swiper1 .p1{font-size: 2.08vw;}
.about_part3 .row_1 .swiper1 .p1::after{ transform: translateY(-50%) scale(0.4)}

.about_part3 .row_1 .swiper2{opacity: 0.1;}
.about_part3 .row_1 .swiper2 dl{transform: translateY(-25.52vw);}
.about_part3 .row_1 .swiper2 .p1{font-size: 1.25vw;}
.about_part3 .row_1 .swiper2 .p1::after{ transform: translateY(-50%) scale(0.3)}
.about_part3 .row_1 .swiper2 .p2{font-size: 0.94vw;}

.about_part3 .row_1 .swiper3,
.about_part3 .row_1 .swiper4{opacity: 0;}
.about_part3 .row_1 dd{display: none;}

.about_part3 .row_2{width: 24.38vw; display: flex;  position: relative; padding-bottom: 6.25vw;}
.about_part3 .row_2 .dd{ position: absolute; width: 1.67vw; height: 1.67vw; transform: scale(0.5); background: var(--color); border-radius: 50%; z-index: 1;}
.about_part3 .row_2 .d1{right: 3.125vw; top: 8.44vw; }
.about_part3 .row_2 .d2{right: 5.6771vw; bottom: 11.46vw; }
.about_part3 .row_2::after{content: ''; position: absolute; left: 12.34vw; top: 0; width: 58.96vw; height: 58.96vw; border: 1px solid #D5D7DB; border-radius: 50%;}
/* .about_part3 .row_2 .swiper-slide{display: flex; align-items: center;}
.about_part3 .row_2 .swiper-slide div{background-image: linear-gradient(100.31deg, #2451C9 4.18%, #183789 91.89%); border-radius: 50%; width: 24.38vw; height: 24.38vw; padding: 0.52vw;}
.about_part3 .row_2 .swiper-slide span{width: 100%; height: 100%; border-radius: 50%; overflow: hidden; display: block; position: relative; z-index: 1;}
.about_part3 .row_2 .swiper-slide span img{width: 100%; height: 100%; object-fit: cover;}
.about_part3 .row_2 .swiper-slide-next {opacity: 1 !important;}
.about_part3 .row_2 .swiper-slide-next div{ width: 3.44vw; height: 3.44vw; border: 1px solid #E2E2E2; padding: 0; background: none; transform:translate(16.15vw,20.31vw);} */
.about_part3 .row_2 .item{ display: none; width: 100%; position: relative; z-index: 1;}
.about_part3 .row_2 .item .box{display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
.about_part3 .row_2 .item .img{background-image: linear-gradient(100.31deg, #2451C9 4.18%, #183789 91.89%); border-radius: 50%; width: 24.38vw; height: 24.38vw; padding: 0.52vw; overflow: hidden;}
.about_part3 .row_2 .item .img span{width: 100%; height: 100%; border-radius: 50%; overflow: hidden; display: block;}
.about_part3 .row_2 .item .img img{width: 100%; height: 100%; object-fit: cover;}


.about_part4{padding-bottom: var(--h160);}
.about_part4 .box{height: 22.92vw; display: flex; flex-direction: column; color: #fff; padding-left: 6.25vw; justify-content: center; background-position: center; background-size: cover;}
.about_part4 .c_h46{text-align: left; padding-bottom: 1.0417vw;}
.about_part4 .tet p+p{padding-top: 0.2604vw;}


/* 创新业务 */
.yew_wrap{width: 62.5vw; margin: 0 auto;}

.yew_part1{ background: url(../images/yew/back_1.jpg) center bottom no-repeat; background-size: cover; }
.yew_part1 .yew_wrap{ display: flex; text-align: center; justify-content: center; flex-direction: column; padding: var(--h160) var(--h60); min-height: 35.3125vw; }
.yew_part1 .tet{ color: #666; padding-top: var(--h30);}
.yew_part1 .tet h2{font-size: var(--fz26); color: #333; padding-bottom: 1em;}
.yew_part1 .tet p{ opacity: 0.6;}
.yew_part1 .tet p+p{padding-top: 1em;}
.yew_part1 .pic span+span{border-left: 1px solid rgba(0, 0, 0, 0.1);}




.yew_part2{ padding: var(--h60) 0 var(--h140) 0;}
.yew_part2 .title{display: flex; justify-content: space-between; align-items: center; padding-bottom: var(--h60);}
.yew_part2 .title .tet{width: 31.25vw; color: #666; opacity: 0.6;}
.yew_part2 .title .txt{font-size: var(--fz46); background: linear-gradient(90deg, #00A2FF 0%, #2C5EFF 100%); background-clip: text; -webkit-background-clip: text;
-webkit-text-fill-color: transparent; letter-spacing: 2.3px;}
.yew_part2 .pic{margin-bottom: var(--h30); height: 35.1563vw;}
.yew_part2 .list{background: url(../images/yew/xx.svg) center top no-repeat; background-size: 62.5vw; padding-top: var(--h30); display: flex;}
.yew_part2 .list .item{width: 50%; padding: 0 2.6vw;}
.yew_part2 .list dl{position: relative; padding-left: 1.04vw;}
.yew_part2 .list dl::after{content: ''; position: absolute; top: 0.47vw; left: 0; width: 0.42vw; height: 0.42vw; background:  linear-gradient(90deg, #00A2FF 0%, #2C5EFF 100%); border-radius: 50%;}
.yew_part2 .list dt{color: var(--color2); font-weight: bold; padding-bottom: 1.04vw;}
.yew_part2 .list dd{color: #666; opacity: 0.6;}
.yew_part2 .list dd p{white-space: pre-wrap; }

.yew_part3{background: #F4F7F8; padding: var(--h140) 0;}
.yew_part3 .list{display: flex; flex-wrap: wrap; margin: -1.04vw -0.78vw 0;}
.yew_part3 .list .item{padding: 1.04vw 0.78vw 0;}
.yew_part3 .list dl{display: flex; align-items: center; border: 1px solid #eceded; border-radius: 3.65vw; padding: 0.52vw;}
.yew_part3 .list dt{width: 3.44vw; flex-shrink: 0;}
.yew_part3 .list dd{width: 12.24vw; margin: 0 2.08vw 0 0.52vw; text-align: center; font-size: var(--fz22); color: #666;}

.yew_part4{background: #F4F7F8; padding-bottom: var(--h140);}
.yew_part4 .swiper-slide{width: 52.08vw;}
.yew_part4 .swiper-slide span{transform: scale(0.76); opacity: 0.2; transition: 0.5s; filter: grayscale(100%);  display: block; background: #A6A6A6; position: relative;}
.yew_part4 .swiper-slide span img{width: 100%;}
.yew_part4 .swiper-slide span::after{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #fff; opacity: 0.6; transition: 0.5s;}
.yew_part4 .swiper-slide-active span{transform: scale(1); opacity: 1; filter: grayscale(0);}
.yew_part4 .swiper-slide-active span::after{opacity: 0;}
.yew_part4 .c_sbutton{position: absolute; top: 50%; transform: translateY(-50%); z-index: 1;}
.yew_part4 .c_sbutton.prev{left: 12.5vw;}
.yew_part4 .c_sbutton.next{right: 12.5vw;}

.yew_part5{background: #F4F7F8; padding: var(--h160) 0; }
.yew_part5 .title{display: flex; justify-content: space-between; padding-bottom: var(--h60);}
.yew_part5 .title .tet{width: 50%; color: #999; opacity: 0.6;}

.yew_part5 .list1{display: flex; }
.yew_part5 .list1 .item:first-child{width: 30.7292vw; margin-right: 0.5208vw; flex-shrink: 0;}
.yew_part5 .list1 .item:last-child{flex: 1; display: flex; flex-direction: column; margin: -0.2604vw 0;}
.yew_part5 .list1 .item .dd{flex: 1; padding: 0.2604vw 0;}
.yew_part5 .list1 .item .dd a{height: 100%;}
.yew_part5 .list2{display: flex; flex-wrap: wrap; margin: -0.5208vw -0.2604vw 0;}
.yew_part5 .list1 .item .dd dt{position: absolute !important; left: 0; top: 0; width: 100%; height: 100%;}

.yew_part5 .list2 .item{width: 50%; padding: 0.5208vw 0.2604vw 0;}
.yew_part5 .list2 .item:first-child{width: 100%;}

.yew_part5 dl{position: relative; color: #fff; height: 100%;}
.yew_part5 dt{position: relative;}
.yew_part5 dt img{width: 100%;}
.yew_part5 dt::after{content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 6.7708vw; opacity: 0.85; background: linear-gradient(180deg, rgba(24, 55, 137, 0.00) 0%, #183789 100%);}
.yew_part5 dt .c_h26{position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; padding: 2.0833vw;  transition: 0.5s;}
.yew_part5 dd{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(1, 24, 125, 0.8); z-index: 2; padding: 4.1667vw 2.0833vw; transition: 0.5s; opacity: 0;}
.yew_part5 dd .c_h26{padding-bottom: 0.5208vw;}
/* .yew_part5 dl:hover dt .c_h26{opacity: 0;} */
/* .yew_part5 dl:hover dd{opacity: 1;} */



.yew_part6{background-position: center; background-size: cover; background-repeat: no-repeat; padding: var(--h160) 0;}
.yew_part6 dl{display: flex; align-items: center;}
.yew_part6 dt{padding-right: 3.3854vw; flex: 1;}
.yew_part6 dt .tet{color: #fff; opacity: 0.6; padding-top: 1.0417vw;}
.yew_part6 dd{width: 31.25vw; flex-shrink: 0;}
.yew_part6 dd img{ width: 100%;}
.yew_part7{background: #F4F7F8; padding: var(--h140) 0;}
.yew_part7 .c_h46{padding-bottom: var(--h60);}
.yew_part7 .item+.item{padding-top: var(--h60);}
.yew_part7 dl{display: flex; box-shadow: 0 0 30px 0 rgba(8, 112, 216, 0.20);}
.yew_part7 dt{background: url(../images/yew/back_5.png); flex: 1; display: flex; flex-direction: column; justify-content: center;  padding: 0 var(--h140) 0 var(--h60);}
.yew_part7 dd{flex-shrink: 0; width: 37.5vw;}
.yew_part7 .c_h26{font-weight: bold;}
.yew_part7 .tet{padding-top: 0.5208vw; color: #666;}

.yew_part8{height: 50vw; position: relative;}
.yew_part8 .img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center; background-size: cover; transition: 0.5s; opacity: 0;}
.yew_part8 .img.on{opacity: 1;}
.yew_part8::after{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.8;
background: linear-gradient(90deg, rgba(5, 19, 58, 0.70) 0%, rgba(5, 19, 58, 0.20) 72.29%); z-index: 1;}
.yew_part8 .wrap{position: relative; z-index: 2; color: #fff; opacity: 0.8;}

.yew_part8 .c_h46{text-align: left; padding: 6.25vw 0 11.4583vw 0;}
.yew_part8 .tab{width: 29.1667vw; position: relative;}
.yew_part8 .tab::after{content: ''; position: absolute; left: 0; top: 0; width: 1px; height: calc(100% + 2.6042vw); background-image: linear-gradient(#fff, 50%, rgba(255,255,255,0)); opacity: 0.4;}
.yew_part8 .tab dl{padding-left: var(--h60); cursor: pointer; position: relative;}
.yew_part8 .tab dl::after{content: ''; position: absolute; left: -1px; top: 0; width: 0.1563vw; height: 100%; background: var(--color2); z-index: 1; transition: 0.5s; opacity: 0;}
.yew_part8 .tab dl+dl{margin-top: 2.0833vw;}
.yew_part8 .tab dt{font-weight: bold;}
.yew_part8 .tab dd{padding-top: 0.5208vw; transition: 0.5s; opacity: 0;}
.yew_part8 .tab dl.on dt{background: linear-gradient(90deg, #00A2FF 0%, #2C5EFF 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.yew_part8 .tab dl.on dd{opacity: 1;}
.yew_part8 .tab dl.on::after{opacity: 1;}


/* 服务详情 */
.fuw_main>div{margin-bottom: var(--h160); background-position: center; background-repeat: no-repeat; background-size: cover;}
.fuw_main>div:first-child{margin-top: var(--h160);}
.fuw_main>div.pp{padding: var(--h160) 0;}


.fuw_part1 .wrap{display: flex; justify-content: space-between;}
.fuw_part1 .tet{color: #999; width: 46.88vw; }
.fuw_part1 .tet p+p{padding-top: 1em;}

.fuw_part2 .wrap{display: flex;}
.fuw_part2 .row_1{width: 43.33vw; flex-shrink: 0;}
.fuw_part2 .row_1 dl{position: relative;}
.fuw_part2 .row_1 dt{position: relative;}
.fuw_part2 .row_1 img{width: 100%;}
.fuw_part2 .row_1 dt::after{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(1, 24, 125, 0.67) 23.56%, rgba(1, 24, 125, 0.23) 37.86%, rgba(1, 24, 125, 0.00) 55%);}
.fuw_part2 .row_1 dd{position: absolute; left: 0; bottom: 0; z-index: 1; padding: 3.13vw 2.6vw; color: #fff;}
.fuw_part2 .row_1 .c_h26{font-weight: bold; padding-bottom: 0.52vw;}
.fuw_part2 .row_1 .tet{font-size: var(--fz16);}

.fuw_part2 .row_2{flex: 1; padding-left: 3.13vw; display: flex; justify-content: space-between; flex-direction: column; padding-top: 0.52vw;}
.fuw_part2 .row_2 .c_h46{text-align: left; padding-bottom: 0;}
.fuw_part2 .row_2 .tab a{display: block; height:5.21vw ; font-size: var(--fz22); display: flex; align-items: center; color: #666; border-bottom: 1px solid #D9D9D9; position: relative;}
.fuw_part2 .row_2 .tab a:hover{color: var(--color);}
.fuw_part2 .row_2 .tab a::after{content: '\e607' ; font-family: "iconfont"; font-size: var(--fz30); font-weight: normal; position: absolute; left: 0; top: 50%; transform: translateY(-50%); opacity: 0; transition: 0.5s;}
.fuw_part2 .row_2 .tab a.selected{padding-left: 3.33vw; font-size: var(--fz26); font-weight: bold; color: var(--color);}
.fuw_part2 .row_2 .tab a.selected::after{opacity: 1;}

.fuw_part3{margin-bottom: 10.4167vw;}
.fuw_part3 .list{display: flex; flex-wrap: wrap; margin: -1.5625vw -0.78vw 0;}
.fuw_part3 .list .item{padding: 1.5625vw 0.78vw 0; width: 33.3%;}
.fuw_part3 .list.li4 .item,
.fuw_part3 .list.li7 .item,
.fuw_part3 .list.li8 .item{width: 25%;}
.fuw_part3 .list dl{background-color: #F4F7F8; background-position: center; background-size: cover; height: 100%; text-align: center; padding: 2.6vw;}
.fuw_part3 .list img{width: 3.54vw;}
.fuw_part3 .list span{display: block; padding-top: var(--h30); font-size: var(--fz22); font-weight: bold; color: #666;}
.fuw_part3 .list dd{color: #999; padding-top: 0.78vw;}

.fuw_part4{color: #fff;}
.fuw_part4 .list dl{display: flex; }
.fuw_part4 .list dl+dl{margin-top: var(--h60);}
.fuw_part4 .list dt{flex: 1; overflow: hidden; background: rgba(255, 255, 255, 0.30); backdrop-filter: blur(2px); padding: 4.69vw var(--h60); padding-bottom: var(--h60);}
.fuw_part4 .list dd{width: 50%; flex-shrink: 0;}
.fuw_part4 .list dd img{height: 100%; object-fit: cover;}
.fuw_part4 .list .c_h26{font-weight: bold; padding-bottom: 1.04vw;}
.fuw_part4 .list .tet{opacity: 0.6; font-size: var(--fz16);}
.fuw_part4 .list .tet p+p{padding-top: 1em;}

.fuw_part5 .list dl{border: 1px solid #D5D7DB; display: flex; align-items: center; padding: var(--h80) 0;}
.fuw_part5 .list dl+dl{margin-top: var(--h60);}
.fuw_part5 .list dt{width: 13.54vw; flex-shrink: 0; text-align: center;}
.fuw_part5 .list dt img{width: 5.21vw;}
.fuw_part5 .list .c_h26{color: var(--color);}
.fuw_part5 .list dd{padding-right: var(--h80);}
.fuw_part5 .list dd .c_h26{ font-weight: bold; padding-bottom: 1.04vw;}
.fuw_part5 .list .tet{color: #666;}
.fuw_part5 .list ul{margin: 1em 0 0 0; font-size: var(--fz16);}
.fuw_part5 .list li{color: #999; list-style: none;  position: relative; padding-left: 0.78vw;}
.fuw_part5 .list li+li{margin-top: 0.5em;}
.fuw_part5 .list li::after{content: ''; position: absolute; left: 0; top: 0.42vw; width: 0.52vw; height: 0.52vw; transform: scale(0.5); background: var(--color);}

.fuw_part6{overflow: hidden;}
.fuw_part6 .title{padding-bottom: var(--h60); display: flex; align-items: center;}
.fuw_part6 .title .c_h46{margin-right: auto; padding-bottom: 0;}
.fuw_part6 .title .c_sbutton1{ margin-left: 0.78vw;}
.fuw_part6 .swiper{ overflow: initial; margin: 0 -0.52vw;}
.fuw_part6 .swiper-slide{padding: 0 0.52vw; opacity: 0.3; transition: 0.5s; width: 50%;}
.fuw_part6 .swiper-slide-active,
.fuw_part6 .swiper-slide-next{opacity: 1;}
.fuw_part6 .swiper dd{padding: 1.04vw 0.78vw 1.82vw 0.78vw;}
.fuw_part6 .swiper .c_h26{color: var(--color); font-weight: bold; padding-bottom: 0.52vw;}

.fuw_part7 .c_h46{text-align: left;}
.fuw_part7 .box{display: flex;}
.fuw_part7 .list{flex: 1; overflow: hidden; padding-right: var(--h80);}
.fuw_part7 .list .item{display: flex; flex-wrap: wrap; margin: -4.17vw -1.56vw 0;}
.fuw_part7 .list dl{width: 50%; padding: 4.17vw 1.56vw 0;}
.fuw_part7 .list dt{color: var(--color); font-weight: bold; padding-bottom: 0.78vw; margin-bottom: 0.78vw; border-bottom: 1px solid #E9E9E9;}
.fuw_part7 .list dd{color: #999;}
.fuw_part7 .pic{ flex-shrink: 0;}
.fuw_part7 .pic img{width: 31.25vw;}

.fuw_part8 .wrap{display: flex;}
.fuw_part8 dl{width: 33.3%; border-left: 1px solid #D9D9D9; padding: 0 4.7917vw;}
.fuw_part8 dl:last-child{border-right: 1px solid #D9D9D9;}
.fuw_part8 dt{line-height: 1; color: var(--color); padding-bottom: 1.0417vw;}
.fuw_part8 .p1{ font-size: 4.1667vw; font-family: "Montserrat"; font-weight: 600;}
.fuw_part8 .p2{font-size: var(--fz30); padding-left: 0.5208vw;}
.fuw_part8 dd{opacity: 0.6;}

.fuw_part9{overflow: hidden;}
.fuw_part9.pad{padding: var(--h140) 0;}
.fuw_part9 .tab{display: flex; justify-content: center; width: 41.6667vw; border-bottom: 1px solid #D5D7DB; margin: 0 auto;  margin-bottom: var(--h30); }
.fuw_part9 .tab a{ padding-bottom: 1.0417vw; position: relative; margin: 0 var(--h60); font-size: var(--fz26); color: #666;}
.fuw_part9 .tab a::after{content: ''; position: absolute; left: 0; bottom: -1px; width: 100% ; height: 0.1563vw; background: var(--color2); transition: 0.5s; opacity: 0;}
.fuw_part9 .tab a.selected{background: linear-gradient(90deg, #00A2FF 0%, #2C5EFF 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.fuw_part9 .tab a.selected::after{opacity: 1;}


.fuw_part9 .tet{text-align: center; color: #666; opacity: 0.6;}

.fuw_part9 .swiper_box{padding-top: var(--h60);}
.fuw_part9 .swiper{overflow: initial;}
.fuw_part9 .swiper-slide{width: 50vw; opacity: 0;}
.fuw_part9 .swiper-slide img{width: 100%;}
.fuw_part9 .swiper-slide-visible{opacity: 1;}
.fuw_part9 .swiper-slide span{display: block; filter: grayscale(100%); position: relative; transition: 0.5s;}
.fuw_part9 .swiper-slide span::after{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: 0.5s; background: linear-gradient(270deg, #FFF 0%, rgba(205, 205, 205, 0.90) 100%);}
.fuw_part9 .swiper-slide-next span::after{ background: linear-gradient(270deg,rgba(205, 205, 205, 0.90) 100%,#FFF 0%);}
.fuw_part9 .swiper-slide-active span::after{opacity: 0;}
.fuw_part9 .swiper-slide-active span{ filter: grayscale(0); }
.fuw_part9 .swiper .c_sbutton{position: absolute; top: 50%; transform: translateY(-50%); z-index: 1;}
.fuw_part9 .swiper .c_sbutton.prev{left: 7.8125vw;}
.fuw_part9 .swiper .c_sbutton.next{right: 7.8125vw;}
.fuw_part9 .swiper .swiper-pagination{position: initial; bottom: auto; height: 0.5208vw; margin-top: 1.0417vw; display: flex; align-items: center; justify-content: center;}
.fuw_part9 .swiper .swiper-pagination span{width: 0.5208vw; height: 0.5208vw; background: #ddd; opacity: 1;}
.fuw_part9 .swiper .swiper-pagination span.swiper-pagination-bullet-active{background: var(--color2);}


.fuw_part10 dl{position: relative; background: #fff; box-shadow: 0 0 30px 0 rgba(8, 112, 216, 0.20); height: 27.0833vw; }
.fuw_part10 dl+dl{margin-top: 2.6042vw;}
.fuw_part10 dt{position:absolute; width: 100%; height: 100%; top: 0; right: 0; text-align: right;}
.fuw_part10 dt img{height: 100%; object-fit: cover;}
.fuw_part10 dt::after{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 27.4%, rgba(255, 255, 255, 0.80) 49.23%, #FFF 60.19%, #FFF 99.67%);}

.fuw_part10 dd{ display: flex; align-items: center; width: 100%; height: 100%;}
.fuw_part10 dd .cont{width: 31.25vw; position: relative; z-index: 1; margin: 0 var(--h60); }
.fuw_part10 dd .c_h26{ font-weight: bold; padding-bottom: 1.0417vw;}
.fuw_part10 dd .tet{color: #999;}
.fuw_part10 dd .tet p+p{padding-top: 1em;}
.fuw_part10 dl:nth-child(even) dt{text-align: left;}
.fuw_part10 dl:nth-child(even) dt::after{ background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 27.4%, rgba(255, 255, 255, 0.80) 49.23%, #FFF 60.19%, #FFF 99.67%);}
.fuw_part10 dl:nth-child(even) dd{justify-content: flex-end;}

.fuw_part11 .title{display: flex; align-items: center; padding-bottom: var(--h60);}
.fuw_part11 .title .c_h46{margin-right: auto; padding-bottom: 0;}
.fuw_part11 .title .c_sbutton1{margin-left: 0.7813vw;}

.fuw_part11 .wrap{overflow: hidden;}
.fuw_part11 .swiper{margin: 0 -1.3021vw;}
.fuw_part11 .swiper-slide{width: 50%; padding: 0 1.3021vw;}

.fuw_part11 dl{display: flex; background: #F4F7F8;}
.fuw_part11 dl+dl{margin-top: 2.6042vw;}
.fuw_part11 dt{display: flex; flex-direction: column; justify-content: space-between; padding: 1.5625vw; flex: 1;}
.fuw_part11 dd{width: 18.125vw; flex-shrink: 0;}
.fuw_part11 .d1 img{width: 3.3333vw;}
.fuw_part11 .d2{color: #666;}


/* .fuw_part13 .list{display: flex; margin: 0 -0.7813vw;}
.fuw_part13 .item{width: 33.3%; padding: 0 0.7813vw;}
.fuw_part13 dl{border-radius: 1.0417vw; position: relative; overflow: hidden;}
.fuw_part13 dt{position: relative;}
.fuw_part13 dt::after{content: ''; position: absolute; left: 0; top: 0; width: 100%; opacity: 0; height: 100%;  background: rgba(24, 55, 137, 0.85); transition: 0.5s;}
.fuw_part13 dd{position: absolute; left: 0; bottom: 0; width: 100%; transition: 0.5s; color: #fff; padding: 2.6042vw;}
.fuw_part13 .c_h26{ font-weight: bold; padding-bottom: 0.7813vw;}
.fuw_part13 a:hover dt::after{opacity: 1;}
.fuw_part13 a:hover dd{ top: auto; bottom: 15.625vw;} */


.fuw_part13 {text-align: center; }
.fuw_part13 .tet{padding-bottom: var(--h60); width: 56.25vw; margin: 0 auto; color: #999;}
.fuw_part13 .tmt img{width: 46.875vw; }

.fuw_part14 .tab{ border-bottom: 1px solid #D5D7DB; margin-bottom: var(--h60);}
.fuw_part14 .tab .box{display: flex; align-items: center; justify-content: center;}
.fuw_part14 .tab a{position: relative; padding-bottom: 1.0417vw; font-size: var(--fz26); color: #999; margin: 0 3.125vw;}
.fuw_part14 .tab a::after{content: ''; position: absolute; left: 0; bottom: -1px; width: 100%; height: 1px; background: var(--color2); transition: 0.5s; opacity: 0;}
.fuw_part14 .tab a.selected{font-weight: bold; background: linear-gradient(90deg, #00A2FF 0%, #2C5EFF 100%); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.fuw_part14 .tab a.selected::after{opacity: 1;}
.fuw_part14 .cont dl{display: flex; align-items: center;}
.fuw_part14 .cont dt{flex: 1; padding-right: 3.125vw;}
.fuw_part14 .cont dd{flex-shrink: 0; width: 40.625vw;}
.fuw_part14 .cont .c_h26{padding-bottom: 1.0417vw;}
.fuw_part14 .cont .tet{color: #999;}
.fuw_part14 .cont .tet p+p{padding-top: 1.5em;}


/* 播控矩阵 */
.bok_part{padding: var(--h160) 0;}
.bok_part .nav{display: flex; justify-content: center; padding-bottom: var(--h60);}
.bok_part .nav a{font-size: var(--fz22); color: #999; position: relative; border-bottom: 0.1563vw solid transparent; padding-bottom: 1.0417vw; margin: 0 2.0833vw;}
.bok_part .nav a:hover,
.bok_part .nav a.active{border-color: var(--color2); color: var(--color);}

.bok_part .list{display: flex; flex-wrap: wrap; margin: -1.5625vw -0.7813vw 0;}
.bok_part .item{width: 50%; padding: 1.5625vw 0.7813vw 0;}
.bok_part .item dl{position: relative;}
.bok_part .item dt{position: absolute; left: 0; top: 0; border-radius: 0 5.2083vw 5.2083vw 2.0833vw; border: 1px solid rgba(255, 255, 255, 0.50); border-top: 0; background: linear-gradient(97deg, rgba(255, 255, 255, 0.60) 0%, rgba(255, 255, 255, 0.40) 91.72%); backdrop-filter: blur(15px); height: 4.1667vw; display: flex; align-items: center;  padding: 1.0417vw 1.5625vw; margin: 1.0417vw;}
.bok_part .item dt img{max-height: 100%;}



/* 新闻列表 */
.news_hot{padding: var(--h160) 0; background: #F4F7F8;}
.news_hot dl{display: flex; background: #fff;}
.news_hot dt{width: 37.5521vw; flex-shrink: 0;}
.news_hot dt img{height: 100%; object-fit: cover;}
.news_hot dd{flex: 1; display: flex; flex-direction: column; justify-content: center; padding:0 var(--h60);}
.news_hot .tmt{font-family: "Montserrat"; color: #999; font-size: var(--fz16);}
.news_hot .c_h26{color: var(--color); transition: 0.5s; padding: 1.0417vw 0; font-weight: bold; transition: 0.5s;}
.news_hot .tet{ font-size: var(--fz16); color: #999;}
.news_hot .tat{padding-top: var(--h60);}
.news_hot dl:hover .c_h26{color: var(--color2);}

.news_box{padding: var(--h160) 0;}
.news_search{display: flex; justify-content: space-between; padding-bottom: var(--h60);}
.news_search .row_1{display: flex; flex: 1; flex-wrap: wrap;}
.news_search a{color: #999; font-size: var(--fz22); padding-bottom: 1.0417vw; border-bottom: 0.1563vw solid transparent;}
.news_search a:hover,
.news_search a.active{border-color: var(--color2); color: var(--color);}
.news_search a+a{margin-left: var(--h60);}
.news_search .row_2{flex-shrink: 0; width: 18.75vw;}
.news_search form{display: flex; border-bottom: 1px solid rgba(53, 62, 75, 0.50); height: 2.8125vw;  padding: 0 0.7813vw;}
.news_search input{font-size: var(--fz16); flex: 1;}
.news_search button{flex-shrink: 0; font-weight: bold; color: var(--color2);}

.news_list {display: flex; flex-wrap: wrap; margin: -4.1667vw -1.1458vw 0;}
.news_list .item{padding: 4.1667vw 1.1458vw 0; width: 33.3%;}
.news_list .item a{height: 100%;}
.news_list dd{ display: flex; flex-direction: column; padding: 1.0417vw 0.5208vw; padding-bottom: 0; height: 13.0208vw;}
.news_list .tmt{font-family: "Montserrat"; color: #999; font-size: var(--fz16);}
.news_list .txt{font-size: var(--fz22); padding: 0.7813vw 0; transform: 0.5s;}
.news_list .tet{ font-size: var(--fz16); color: #999;}
.news_list .tat{margin-top: auto;}
.news_list dl:hover .txt{color: var(--color);}


/* 新闻详情 */
.news_cont{background: url(../images/news/back.png) center top no-repeat; background-size: 100%; padding: var(--h160) 0;}
.news_cont .title{display: flex; padding-bottom: var(--h60); margin-bottom: var(--h60); border-bottom: 1px solid #D5D7DB; align-items: center;}
.news_cont .row_1{flex: 1;}
.news_cont .row_2{flex-shrink: 0; border-left: 1px solid #D5D7DB; padding-left: 2.0833vw; }
.news_cont .row_2 dl{cursor: pointer;}
.news_cont .row_2 dt{width: 3.125vw; height: 3.125vw; background: url(../images/news/ico_fx.svg) center no-repeat; background-size: cover; border-radius: 50%;}

.news_cont .tit{display: flex; padding-bottom: 1.0417vw; font-family: "Montserrat"; font-size: var(--fz16); color: #999;}
.news_cont .tit span+span{padding-left: 1.0417vw;}
.news_cont .c_h26{font-weight: bold;}
.news_cont .tet{color: #666;}
.news_cont .tet p+p{padding-top: 1.5em;}
.news_cont .tet h2{color: #333;}



.news_pro{padding: var(--h160) 0; background: #F4F7F8;}
.news_pro .title{display: flex; justify-content: space-between; align-items: center; padding-bottom: var(--h60);}
.news_pro .c_h46{padding-bottom: 0;}
.news_pro .title a{background: #fff; width: 8.8542vw; height: 2.3958vw; display: flex; align-items: center; justify-content: center; border-radius: 2.3958vw; color: var(--color); font-weight: bold;}
.news_pro .title a span{position: relative; padding-right: 1.3021vw;}
.news_pro .title a span::after{content: '\eb4c'; font-family: "iconfont"; font-size: 0.9375vw; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.news_pro .title a:hover{background: var(--color); }
.news_pro .title a:hover span{color: #fff;}


/* 加入我们 */
.join_part1{padding: var(--h160) 0; overflow: hidden;}
.join_part1 .c_h46{padding-bottom: var(--h30);}
.join_part1 .tet{width: 56.25vw; margin: 0 auto; color: #666; opacity: 0.6; text-align: center;}
.join_part1 .tet p+p{padding-top: 1.5em;}
.join_part1 .swiper{overflow: initial; perspective: 1200px; padding-top: 4.1667vw;}
.join_part1 .swiper-slide{width: 16.4063vw; margin: 0 1.0417vw; transform-style: preserve-3d; transition: 0.5s;}
.join_part1 .swiper-wrapper{transform-style: preserve-3d; -webkit-transform-style: preserve-3d; }

.join_part1 .swiper-2{transform: translate3d(0px, 0px, 9.375vw) rotateX(0deg) rotateY(60deg) scale(1.18); -webkit-transform: translate3d(0px, 0px, 9.375vw) rotateX(0deg) rotateY(60deg) scale(1.18);}
.join_part1 .swiper-1{transform: translate3d(0px, 0px, 4.6875vw) rotateX(0deg) rotateY(30deg) scale(1); -webkit-transform: translate3d(0px, 0px, 4.6875vw) rotateX(0deg) rotateY(30deg) scale(1);}
.join_part1 .swiper1{transform: translate3d(0px, 0px, 4.6875vw) rotateX(0deg) rotateY(-30deg) scale(1); -webkit-transform: translate3d(0px, 0px, 4.6875vw) rotateX(0deg) rotateY(-30deg) scale(1);}
.join_part1 .swiper2{transform: translate3d(0px, 0px, 9.375vw) rotateX(0deg) rotateY(-60deg) scale(1.18); -webkit-transform: translate3d(0px, 0px, 9.375vw) rotateX(0deg) rotateY(-60deg) scale(1.18);}



.join_part1 .button{display: flex; align-items: center; justify-content: center; padding-top: 2.0833vw;}
.join_part1 .button div{width: 2.3438vw; height: 2.3438vw; border-radius: 50%; border: 1px solid rgba(24, 55, 137, 0.41);  color: var(--color); cursor: pointer; display: flex; align-items: center; justify-content: center; margin: 0 0.3646vw; transition: 0.5s;}
.join_part1 .button div i{font-size: var(--fz14);}
.join_part1 .button div:hover{background: var(--color); color: #fff;}

.join_part2{padding: var(--h160) 0; background: #F4F7F8;}
.join_part2 .wrap{display: flex;}
.join_part2 .row_1{width: 13.8021vw; flex-shrink: 0;}
.join_part2 .row_1 .c_h46{text-align: left;}
.join_part2 .select{ font-size: var(--fz16); color: #666;}
.join_part2 .sel-title-box{padding: 0 0.7813vw; height: 2.8125vw; border: 1px solid #D5D7DB;}
.join_part2 .sel-title-box::after{content: '\e726'; font-family: "iconfont"; width: 0.5208vw; height: 100%; flex-shrink: 0; display: flex; align-items: center;}
.join_part2 .word{display: flex; border-bottom: 1px solid rgba(53, 62, 75, 0.50); height: 2.8125vw;  padding: 0 0.7813vw; margin-top: 1.0417vw;}
.join_part2 .word input{font-size: var(--fz16); flex: 1;}
.join_part2 .word button{flex-shrink: 0; font-weight: bold; color: var(--color2);}
.join_part2 .row_2{padding-left: 12.7604vw; flex: 1;}

.join_part2 .row_2 dl{border-radius: var(--radius); overflow: hidden;}
.join_part2 .row_2 dt{padding: 0 1.5625vw; cursor: pointer; transition: 0.5s;}
.join_part2 .row_2 dt .box{ height: 6.25vw;  display: flex; align-items: center; border-bottom: 1px solid #E9E9E9;}
.join_part2 .row_2 dt .box>div{transition: 0.5s;}
.join_part2 .row_2 dd{ display: none; font-size: var(--fz16);}
.join_part2 .row_2 dd .box{padding: 1.5625vw; padding-bottom: 3.125vw;}
.join_part2 .row_2 .d1{color: #666; font-size: var(--fz22);}
.join_part2 .row_2 .d2{color: #666; font-size: var(--fz14); background-position: left center; background-repeat: no-repeat; background-size: 0.7292vw; background-image: url(../images/join/ico_u.svg); padding-left: 1.0417vw; margin-left: 1.0417vw;}
.join_part2 .row_2 .d3{width: 6.0417vw; height: 2.0833vw; border-radius: 0.9375vw; border: 0.1042vw solid #D5D7DB; display: flex; align-items: center; justify-content: center; margin-left: auto; color: var(--color2);}
.join_part2 .row_2 .d3 span{font-size: var(--fz14); font-weight: bold; padding-right: 0.5208vw; }
.join_part2 .row_2 .d3 i{font-size: var(--fz18); }
.join_part2 .row_2 .cont+.cont{padding-top: 2.0833vw;}
.join_part2 .row_2 .txt{ color: #666; font-weight: bold;  padding-bottom: 0.5208vw;}
.join_part2 .row_2 .tet{color: #999;}
.join_part2 .row_2 .tet a{color: var(--color2);}
.join_part2 .row_2 .tet a:hover{text-decoration: underline;}


.join_part2 .row_2 dl.on{background: #fff;}
.join_part2 .row_2 dl:hover dt,
.join_part2 .row_2 dl.on dt{background: var(--color); }
.join_part2 .row_2 dl:hover .d1,
.join_part2 .row_2 dl.on .d1{color: #fff;}
.join_part2 .row_2 dl:hover .d2,
.join_part2 .row_2 dl.on .d2{color: #fff; opacity: 0.6; background-image: url(../images/join/ico_u2.svg);}
.join_part2 .row_2 dl:hover .d3,
.join_part2 .row_2 dl.on .d3{border-color: #fff; color: #fff;}
.join_part2 .row_2 dl.on .d3 i{transform: rotate(-180deg);}
.join_part2 .row_2 dl:hover .box,
.join_part2 .row_2 dl.on dt .box{border-color: transparent;}



/* 分页 */
.page{padding-top: var(--h80); display: flex; justify-content: center; }
.page span{display: flex;}
.page a{ min-width: 2.6042vw; height: 2.6042vw; border-radius: 0.5208vw; background: #F3F3F3; display: flex; align-items: center; justify-content: center;  margin: 0 0.5208vw;}
.page .Pprev,
.page .Pnext{padding: 0 1.3021vw;}
.page a.Pmodern,
.page a:hover{background: #05345C; color: #fff;}


.floating{position: fixed; right: 1.0417vw; bottom: 1.5625vw; z-index: 9;}
.floating dl+dl{margin-top: 1px;}
.floating dl{position: relative; cursor: pointer;}
.floating dt{border-radius: 5px; background: rgba(122, 127, 140, 0.40); backdrop-filter: blur(5px); width: 3.125vw; height: 3.125vw; }
.floating dt img{width: 100%;}
.floating dd {position: absolute; right: 100%; top: 0;  opacity: 0; pointer-events: none; transition: 0.5s;}
.floating .d1{border-radius: 5px; background: rgba(122, 127, 140, 0.40); backdrop-filter: blur(5px); white-space: nowrap; height: 3.125vw; display: flex; align-items: center; padding: 0 1.0417vw; color: #fff; margin-right: 7px; font-size: var(--fz16); position: relative;} 
.floating .d1 span{font-family: 'Montserrat-Bold'; font-size: 1.25vw; }
.floating .d1::after{content: ''; position: absolute; right: -0.3646vw; top: 0; width: 0.3646vw; height: 100%; background: url(../images/floating_j.svg) center no-repeat; background-size: contain;}
.floating .code{width: 9.8958vw; height: 9.8958vw; position: relative; border-radius: 5px; background: #FFF;  margin-right: 0.4688vw; display: flex; align-items: center; justify-content: center;}
.floating .code img{width: 100%; height: 100%; object-fit: cover;}
.floating .code::after{content: ''; position: absolute; right: -0.3646vw; top: 0; width: 0.3646vw; height: 100%; background: url(../images/floating_ja.svg) center no-repeat; background-size: contain;}

.floating dl:hover dd{opacity: 1; pointer-events: inherit;}
.floating dl:nth-child(3) dd{ top: -3.5938vw; }
.floating dl:nth-child(4) dd{ top: auto; bottom: 0;}
.floating dl:nth-child(4) .code::after{background-position: 0px 7.8125vw;}


@media screen and (max-width: 1200px){
    :root{
        --fz46: 32px;
        --fz36: 28px;
        --fz30: 26px;
        --fz26: 20px;
        --fz24: 18px;
        --fz22: 18px;
        --fz18: 15px;
        --fz16: 14px;
        --fz14: 14px;


        --h180: 100px;
        --h160: 100px;
        --h140: 80px;
        --h100: 80px;
        --h80: 40px;
        --h60: 30px;
        --h30: 20px;

        --radius: 10px;
    }

    .yew_wrap{width: 90%;}
    .wrap{width: auto; margin: 0 40px;}

    .c_more{padding-right: 25px;}
    .c_more::after{font-size: 20px;}

    .c_more2{width: 120px; height: 35px; border-radius: 35px; border-width: 1px;}
    .c_more2 span{padding-right: 20px;}
    .c_more2 span::after{top: 0px;}

    .c_tat{width: 60px; height: 30px;}

    .c_sbutton{width: 35px; height: 35px;}
    .c_sbutton i{font-size: 12px;}

    .c_sbutton1{width: 30px; height: 30px;}
    .c_sbutton1 i{font-size: 10px;}


    .page a{min-width: 40px; height: 40px; margin: 0 5px; border-radius: 5px;}
    .page .Pprev, .page .Pnext{padding: 0 20px;}

    .header{height: 60px; padding: 0 20px;}
    .header .logo{margin-right: auto;}
    .header .logo img{width: 120px;}
    .header .search{padding: 0px 20px 0 0;}
    .header .search i{font-size: 18px;}

    .nav_layer{display: none !important;}

    .header .nav{position: fixed; left: 0; top: 60px; width: 100%; height: calc(100vh - 60px); z-index: 2; background: #fff; display: block; transform: translateX(100%); transition: 0.5s;}
    .header .nav dt a.one,
    .header .nav dt a:hover{color: #333;}
    .header .nav dt a::after{display: none;}
    .header .nav dl+dl{margin: 0; border-top: 1px solid rgba(0, 0, 0, 0.1);}
    .header .nav dl:first-child{display: block;}
    .header .nav dt a{height: 50px; padding: 0 20px; position: relative; color: #333 !important;}
    .header .nav dt span{ position: absolute; right: 10px; top: 0; height: 100%; display: flex !important; align-items: center; }
    .header .nav dt i{font-size: 22px; color: #999; transition: 0.5s;}
    .header .nav dt.on i{transform: rotate(-180deg);}

    .header .nav dd span{display: block; background: rgba(0, 0, 0, 0.05); border-top: 1px solid var(--color);}
    .header .nav dd a{display: block; padding: 10px 40px; font-size: 14px;}
    .header .nav.show{transform: translateX(0);}


    /* 展开关闭按钮 */
    .but_open{width: 25px; height: 25px; display: flex; align-items: center; cursor: pointer;}
    .but_open span{width: 100%; height: 2px; background: #333; float: left; position: relative; transition: 0.4s; }
    .but_open span::after,
    .but_open span::before{content: ""; position: absolute; left: 0; width: 100%; height: 2px; background: #333; display: block; transition: 0.4s;}
    .but_open span::before{top: -8px;}
    .but_open span::after{top: 8px;}
    .but_open.on span{background: none !important;}
    .but_open.on span::after{transform: rotate(-45deg); top: 0;}
    .but_open.on span::before{transform: rotate(45deg); top: 0;}

    .header.white .but_open span::after,
    .header.white .but_open span::before,
    .header.white .but_open span{background: #fff;}



    .footer .code dt i{font-size: 20px;}



    .cibn_part1 .cont{margin: 0 40px; padding-bottom: 40px;}
    .cibn_part1 .tet{width: auto;}
    .cibn_part1 .box{clip-path:none}

    .cibn_part2{height: auto; padding-bottom: 40px;}
    .cibn_part3 .cont{margin: 0 40px;}
    .cibn_part3 .cont .tet{width: auto;}
    .cibn_part3 .pic img{width: auto;}

    .chanp_list dt img{width: 60px;}
    .chanp_list dl{height: auto !important; padding: 40px 0;}
    .chanp_list dd::after{display: none;}
    .chanp_list .d1{display: none;}
    .chanp_list .d2{opacity: 1;}
    .chanp_list dt>div{position: initial;}


    .about_title .tet{width: auto;}
    .about_part2 .swiper-slide{width: 350px;}
    .about_part3 .row_1{width: 400px;}
    .about_part3 .row_1 .swiper{height: 300px;}
    .about_part3 .row_1 .swiper0 dd{padding: 20px 0 0 0; height: 120px;}

    .about_part3 .row_1 .button{bottom: 120px;}

    .about_part3 .row_1 .button div:hover,
    .about_part3 .row_1 .button div{width: 30px; height: 25px; background: url(../images/about/ico_left.svg); background-size: contain;}
    .about_part3 .row_1 .button div::after{display: none;}
    .about_part3 .row_1 .button .next{transform: rotate(-180deg);}

    .about_part3 .row_1 dt .p1{font-size: 46px;}
    .about_part3 .row_1 .swiper1 dl{transform: translateY(-90px);}
    .about_part3 .row_1 .swiper1 .p1{font-size: 26px;}
    .about_part3 .row_1 .swiper2 dl{transform: translateY(-350px);}
    .about_part3 .row_1 .swiper2 .p1{font-size: 16px;}



    .yew_part3 .list dd{width: auto;}

    .yew_part5 .list1 .item:first-child{width: 49.2%;}
    .fuw_part9 .swiper-slide{width: 70%;}
    .fuw_part9 .swiper .swiper-pagination{height:auto;}
    .fuw_part9 .swiper .swiper-pagination span{width: 8px; height: 8px;}
    .fuw_part10 dl{height: auto; padding: 50px 0;}
    .fuw_part10 dd .cont{width: 45%;}
    .fuw_part13 .tet{width: auto;}
    .fuw_part13 .tmt img{width: 70%;}

    .news_list dd{height: 200px;}
    .news_search a+a{margin-left: 20px;}

    .news_pro .title a{width: 120px; height: 40px; border-radius: 40px;}
    .news_pro .title a span::after{font-size: 16px;}
    .news_pro .title a span{padding-right: 25px;}

    .join_part1 .tet{width: auto;}
    .join_part1 .button div{width: 35px; height: 35px;}
    .join_part1 .button div i{font-size: 12px;}
    .join_part2 .row_1{width: 200px;}
    .join_part2 .row_2{padding-left: 50px;}
    .join_part2 .row_2 .d2{background-size: 10px;}
    .join_part2 .row_2 .d3{width: 80px; height: 30px; border-radius: 30px;}

    .join_part2 .sel-title-box{height: 40px; padding: 0 15px;}
    .join_part2 .word{height: 40px;}


    .yew_part2 .title .tet{width: 50%;}
    .yew_part2 .pic{height: 50vw;}

    .yew_part4 .swiper-slide{width: 600px;}
    .yew_part4 .swiper-slide span{transform: scale(0.86);}
    .yew_part4 .swiper-slide-active span{transform: scale(1);}


    .fuw_part2 .row_1{width: 55%;}
    .fuw_part2 .row_2 .tab a{height: 60px;}

    .news_hot dd{padding: 40px;}


    .news_cont .row_2{padding-left: 20px;}
    .news_cont .row_2 dt{width: 35px; height: 35px;}

    .join_part1 .swiper-slide{margin: 0; width: 200px;}

    .hoem_body .header{position: fixed;}
    .home_part1{position: relative;}
    .home_part1 .but .pagination{width: auto; padding: 0 10px;}
    .home_part1 .but .button{width: 35px; height: 35px;}
    .home_part1 .but .button i{font-size: 10px;}
    .home_part1 .back{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center; background-size: cover;}
    


    .home_part2{padding-top: 0; position: relative; height: auto; padding: var(--h160) 0; background: #fff;}
    .home_part2 .tat a{width: 150px; height: 45px;}
    .home_part2 .tat a i{font-size: 14px; margin-left: 10px;}
    .home_part2 .img{display: block;}
    .home_part2 .dd1{padding-bottom: 40px;}
    .home_part2 .dd2{padding-top: 40px;}
    
    .home_part2 .dd1 img,
    .home_part2 .dd2 img{height: auto !important;}
    
    
    .home_part3-wrapper{position: relative; height: auto; margin-top: 0;}
    .home_part3-wrapper .home_part3{position: relative; height: auto; top: auto; transform: none !important; opacity: 1 !important;}
    .home_part3 .wrap_box{margin: 0; position: relative;}
    .home_part3{background: url(../images/home/back_3.jpg) center no-repeat; background-size: cover; padding-top: var(--h160) ;}
    .home_part3 .title{width: 700px;}
    .home_part3 .cont{width: 400px;}
    .home_part3 .tab span{height: 35px;}
    .home_part4::after{height: 80%;}
    .home_part4 .swiper{width: calc(65% * 3); margin-left: -47.5%;}
    .home_part4 .button{width: 35px; height: 35px;}
    .home_part4 .button i{font-size: 10px;}

    .home_part5 .swiper-slide{width: 65%;}

    .home_part6 .item{width: 33.3%;}
    .home_part6 .item dl{width: auto !important;}
    .home_part6 dt img:nth-child(1){display: none;}
    .home_part6 dt img:nth-child(2){display: block;}

    .home_part7 .list li{padding: 0 40px;}
    .home_part7 .list li img{max-height: 30px}


    
    .home_part8{height: 200px;}

    


    .home_part4{margin: 0;}




    

    .home_s1_box,
    .load,
    .loading-bar,
    .loading-bg{display: none;}

    


    .floating dt{width: 30px; height: 30px;}
    .floating .d1 span{font-size: 14px;}
    .floating .d1{height: 30px; margin-right: 5px; padding: 0 10px;}
    .floating .d1::after{width: 5px; right: -5px;}


    .floating .code{width: 100px; height: 100px;}

    .floating .code{margin-right: 7px;}
    .floating .code::after{width: 5px; right: -5px;}
    .floating dl:nth-child(3) dd{top: -35px;}
    .floating dl:nth-child(4) .code::after{background-position: 0px 75px;}
    
}


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


    .yew_wrap{width: auto; margin: 0 40px;}

    .footer .col_1{padding-bottom: 20px;}
    .footer .logo{margin: 0 auto; width: 150px;}

    .footer .nav{display: none;}
    .footer .col_2 dl{display: block;}
    .footer .col_2 dt{text-align: center;}
    .footer .col_2 dd{justify-content: center;}
    .footer .col_2 dd a{margin:0 5px;}
    .footer .col_3{display: block;}
    .footer .cont{text-align: center; padding-bottom: 10px;}
    .footer .code{justify-content: center;}
    .footer .code dl{margin: 0 10px !important;}


    .yew_part8{height: auto; padding-bottom: 40px;}

    .fuw_part9 .tab{width: auto;}


    .news_list .item{width: 50%;}

    .join_part1 .tet{width: auto;}


    .home_part4 .swiper{width: calc(80% * 3); margin-left: -70%;}

    
}

@media screen and (max-width: 758px){
    :root{
        --fz46: 24px;
        --fz36: 20px;
        --fz30: 18px;
        --fz26: 16px;
        --fz24: 16px;
        --fz22: 16px;
        --fz18: 14px;
        --fz16: 14px;
        --fz14: 14px;

        --h180: 40px;
        --h160: 40px;
        --h140: 40px;
        --h100: 30px;
        --h80: 20px;
        --h60: 20px;
        --h30: 10px;

        --radius: 5px;
    }

    .wrap{margin: 0 15px;}

    .yew_wrap{margin: 0 15px;}

    .header{height: 50px;}
    .header .logo img{width: 100px;}
    .header .nav{height: calc(100vh - 50px); top: 50px;}

    .footer{padding: 40px 0;}
    .footer .col_1{padding-bottom: 50px;}

    .c_banner{height: 200px; padding: 0 20px;}
    .c_banner .txt{font-size: 24px;}
    .c_banner .pic img:first-child{display: none;}
    .c_banner .pic img:last-child{display: block;}
    .home_s1 svg{ left: 130px; height: 200px;}
    .home_s1 .lottie{ width: 1920px; height: 200px; left: -740px;}
    .home_s1::after{left: -70px;}
    .home_part3 .title{width: auto; display: block;}
    .home_part3 .box{padding: 40px 0 0 0 !important;}
    .home_part3 .tab span{height: auto; height: 50px; padding: 0; }
    .home_part3 .tab span::after{left: 0; top: -1px; width: 100%; height: 1px;}
    .home_part3 .tab span+span{margin: 0;}
    .home_part3 .tab{flex-direction: row; justify-content: space-between; border-top: 1px solid rgba(255, 255, 255, 0.3);}
    .home_part3 .tab::after{display: none;}
    .home_part3 .cont{width: auto; padding-top: 30px;}

    .home_part3 .list{display: block; margin: -20px 0 0 0;}
    .home_part3 .item{width: 100%; margin: 20px 0 0 0;}

    .home_part3 .dd1 img:nth-child(1),
    .home_part3 .dd2 img:nth-child(1){display: none;}
    .home_part3 .dd1 img:nth-child(2),
    .home_part3 .dd2 img:nth-child(2){display: block;}
    .home_part3 .dd2{margin: 0 -15px;}
    .cibn_part1 .c_h46{padding: 20px 0 10px 0;}
    .cibn_part1 .cont{margin: 0 20px; padding-bottom: 20px;}
    .cibn_part2{padding-bottom: 50px;}
    .cibn_part3 .cont{margin: 0;}
    .cibn_part3 .list{margin: -10px 0 0 0;}
    .cibn_part3 .list .item{width: 100%; padding: 10px 0 0 0;}
    .cibn_part3 .list dl{padding: 10px; background-size: 50px; padding-left: 60px;}


    .chanp_list{margin: 50px 0;}
    .chanp_list dl{display: block; padding: 20px 0;}
    .chanp_list dt img{width: 50px;}
    .chanp_list dd{width: auto; padding-top: 20px;}
    .chanp_list .d2{flex-direction: row; flex-wrap: wrap; justify-content: flex-start;}
    .chanp_list .d2 .tet{flex-shrink: 0; width: 100%; padding-top: 10px;}
    .chanp_list .d2 .txt{ padding: 10px;}
    

    .bok_part .list{margin: -10px 0 0 0;}
    .bok_part .item{width: 100%; padding: 10px 0 0 0;}

    .bok_part .item dt{height: auto; padding: 5px 20px;}

    .about_part1{padding-bottom: 0;}
    .about_part2 .swiper-slide{width: 60%; padding: 0 5px;}

    .about_part3 .wrap{display: block; height: auto;}
    .about_part3 .row_1{padding: 0 0 20px 0; width: auto;}
    .about_part3 .row_1 dt .p1{font-size: 36px; padding-left: 10px;}
    .about_part3 .row_1 dt .p1::after{width: 8px; height: 8px;}
    .about_part3 .row_1 dt .p2{font-size: 14px; padding-left: 5px;}
    .about_part3 .row_1 .swiper{height: auto;}
    .about_part3 .row_1 .swiper-slide{width: 70%; padding-right: 20px;}
    .about_part3 .row_1 .swiper1{opacity: 0.7;}
    .about_part3 .row_1 .swiper1 dl{transform: translateY(0); }
    .about_part3 .row_2::after{display: none;}
    .about_part3 .row_2{width: auto;}
    .about_part3 .row_2 .dd{display: none;}

    .about_part3 .row_2 .swiper-slide{justify-content: center;}
    .about_part3 .row_2 .swiper-slide div{width: 300px; height: 300px; padding: 4px;}
    .about_part3 .row_2 .swiper-slide-next div{width: 300px; height: 300px; transform:translate(0,0)}
    .about_part3 .row_1 .button{position: inherit; bottom: 0;}


    .about_part3 .row_2 .item .img{width: 350px; height: 350px;}


    .about_part4 .box{height: auto; padding: 40px 20px;}
    
    .yew_part1 .yew_wrap{padding: 40px 0;}
    .yew_part1 .pic img{width: 30%;}

    .yew_part2 .title{display: block;}
    .yew_part2 .title .tet{width: auto; padding-top: 10px;}
    .yew_part2 .list{display: block; margin: -10px 0 0 0; padding-top: 0; background-size: contain;}
    .yew_part2 .list .item{padding: 10px 0 0 0; width: 100%;}
    .yew_part2 .list dl{padding-left: 10px;}
    .yew_part2 .list dl::after{width: 4px; height: 4px; top: 7px;}

    .yew_part3 .list dl{padding: 5px 10px; border-radius: 50px;}
    .yew_part3 .list{margin: -5px;}
    .yew_part3 .list .item{padding: 5px;}
    .yew_part4 .swiper{margin: 0 15px;}
    .yew_part4 .swiper-slide{width: 100%;}
    .yew_part4 .swiper-slide span{transform: scale(1);}

    .yew_part4 .c_sbutton.prev{left: 0;}
    .yew_part4 .c_sbutton.next{right: 0;}

    .fuw_part3 .list{margin: -10px 0 0 0;}
    .fuw_part3 .list dl{padding: 20px 10px;}
    .fuw_part3 .list .item{width: 100% !important; padding: 10px 0 0 0;}
    .fuw_part3 .list img{width: 40px;}

    .yew_part5 .title{display: block;}
    .yew_part5 .title .tet{width: 100%; padding-top: 5px;}

    .yew_part5 .list1{display: block;}
    .yew_part5 .list1 .item{width: 100% !important;}
    .yew_part5 .list1 .item img{width: 100%;}
    .yew_part5 .list1 .item+.item{margin-top: 10px;}
    .yew_part5 .list1 .item:last-child{height: 100vw;}
    .yew_part5 .list1 .dd+.dd{margin-top: 10px;}
    .yew_part5 .list2{margin: -10px 0 0 0;}
    .yew_part5 .list2 .item{width: 100% !important; padding: 10px 0 0 0;}
    .yew_part5 dt::after{height: 30%;}
    .yew_part5 dt .c_h26{padding: 10px; opacity: 1 !important;}
    .yew_part5 dd{display: none;}


    .yew_part6 dl{flex-direction: column;}
    .yew_part6 dd{width: auto; padding-top: 20px;}

    .yew_part7 dl{display: block;}
    .yew_part7 dd{width: 100%;}
    .yew_part7 dt{padding: 20px 30px; background-size: cover;}

    .yew_part8 .c_h46{padding: 40px 0 20px 0;}
    .yew_part8 .tab{width: auto;}
    .yew_part8 .wrap{opacity: 1;}
    .yew_part8 .tab dl+dl{margin-top: 20px;}
    .yew_part8::after{background: linear-gradient(90deg, rgba(5, 19, 58, 0.70) 0%, rgba(5, 19, 58, 0.20) 132.29%)}

    
    .fuw_part9 .tab a{margin: 0 10px;}
    .fuw_part9 .swiper-slide{width: 100%;}
    .fuw_part9 .swiper .c_sbutton.prev{left: 0;}
    .fuw_part9 .swiper .c_sbutton.next{right: 0;}


    .fuw_part1 .wrap{display: block;}
    .fuw_part1 .tet{width: auto;}
    .fuw_part2 .wrap{display: block;}

    .fuw_part2 .row_1{width: auto;}
    .fuw_part2 .row_2{padding: 20px 0 0 0;}
    .fuw_part2 .row_2 .tab a.selected{padding-left: 30px;}

    .fuw_part4 .list dl{display: block;}
    .fuw_part4 .list dt{padding: 20px;}
    .fuw_part4 .list dd{width: auto;}

    .fuw_part8{padding: 20px 0;}
    .fuw_part8 .wrap{display: block;}
    .fuw_part8 dl{width: auto; border: 0; padding: 20px 0; }
    .fuw_part8 dl+dl{border-top: 1px solid #D9D9D9 ;}
    .fuw_part8 dl:last-child{border-right:0 ;}
    .fuw_part8 .p1{font-size: 30px;}


    .fuw_part5 .list dl{display: block; padding: 20px;}
    .fuw_part5 .list dt{width: auto; text-align: center;}
    .fuw_part5 .list dt img{width: 40px;}

    .fuw_part5 .list li{padding-left: 10px;}
    .fuw_part5 .list li::after{width: 5px; height: 5px; top: 10px;}

    .fuw_part6 .swiper-slide{width: 100%;}
    .fuw_part6 .swiper dd{padding: 10px;}

    .fuw_part7 .box{display: block;}
    .fuw_part7 .list dl{width: 100%;}
    .fuw_part7 .list dt{padding-bottom: 5px; margin-bottom: 10px;}
    .fuw_part7 .pic{padding-top: 20px;}
    .fuw_part7 .pic img{width: auto;}
    .fuw_part9 .swiper .swiper-pagination{margin-top: 10px;}

    .fuw_part10 dl{padding: 0;}
    .fuw_part10 dt{position: initial;}
    .fuw_part10 dt::after{display: none;}
    .fuw_part10 dd{padding:20px; width: auto;}
    .fuw_part10 dd .cont{width: auto; margin: 0;}
    .fuw_part10 dl+dl{margin-top: 20px;}

    .fuw_part11 .swiper-slide{width: 100%;}

    .fuw_part11 .d1 img{width: 30px;}
    .fuw_part11 dd{width: 40%;}

    .fuw_part14 .cont dl{display: block;}
    .fuw_part14 .cont dd{width: auto; padding-top: 20px;}
    .fuw_part14 .tab .box{justify-content: space-between;}
    .fuw_part14 .tab a{margin: 0 ;}


    .news_hot dl{display: block;}
    .news_hot dt{width: auto;}
    .news_hot dd{padding: 20px;}

    .news_list .item{width: auto;}

    .news_list dd{height: auto; padding: 10px 0;}
    .news_list .tat{margin-top: 20px;}
    .news_search .row_1{display: none;}
    .news_search .row_2{width: 100%;}
    .news_search form{height: 35px;}


    .news_cont .row_2{display: none;}
    .news_cont .tet p+p{padding-top: 1em;}
    

    .join_part1 .swiper{overflow: hidden;}
    .join_part1 .swiper-slide{width: 100%;}
    .join_part1 .swiper-slide img{width: 100%;}
    .join_part2 .wrap{display: block;}
    .join_part2 .row_1{width: auto;}
    .join_part2 .row_2{padding: 20px 0 0 0;}
    .join_part2 .row_2 dt .box{height: auto; padding: 15px 0;}
    .join_part2 .row_2 .d2{padding-left: 15px; margin-left: 20px;}
    .join_part2 .row_2 dd .box{padding: 20px;}


    .home_title{width: auto; margin: 0 15px;}
    .home_title .tet{padding-top: 10px;}
    .home_part2 .txt{width: 300px;}

    .home_part1 .title.d1{font-size: 30px;}
    .home_part1 .title.d2 .txt{font-size: 28px;}
    .home_part1 .title.d2 .tet{width: 80%; font-size: 16px;}


    .home_part4 .swiper{width: auto; margin: 0; }
    .home_part4 .swiper-slide{padding: 0 10px;}
    .home_part4 .swiper-slide a::before{top: 0; height: 50%;}
    .home_part4 dd{padding: 15px;}
    .home_part4 dd .box{display: block !important;}
    .home_part4 dd .tet{width: auto; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
    .home_part4 dd .c_tat{display: none;}
    .home_part4 .button{margin-top: -20px;}



    .home_part5 .swiper-slide{width: 100%;}
    .home_part5 dd{padding: 20px;}
    .home_part5 dd .tet{padding-bottom: 10px;}
    .home_part5 .pagination span{width: 10px; height: 2px;}
    
    .home_part6 .list{margin: -10px -5px 0;}
    .home_part6 .item{width: 50%; padding: 10px 5px 0;}
    .home_part6 dd{padding: 15px;}
    .home_part6 .txt{width: auto; font-size: 13px; padding: 10px 0 20px 0;}
    .home_part6 .tat i{font-size: 20px;}

    .home_part7{height: 450px;}
    .home_part7 .list li{padding: 0 10px; width: 100px; text-align: center;}
    .home_part7 .list li img{max-width: 100%;}

    .home_part8{height: 150px;}
    .home_part8 .tat::before{width: 25px; height: 25px; font-size: 10px;}
    
    /* .home_part7 .list ul{width: auto; display: flex; flex-wrap: wrap; }
    .home_part7 .list li{padding: 10px 10px; width: 33.3%;}
    .home_part7 .list li img{max-width: 100%;} */


    .page .Ppagelist{display: none;}





}







/* .load,
.home_s1_box,
.home_part1,
.home_part2,
.home_part3-wrapper{display: none;}
.home_part4{margin-top: 0;} */