@charset "UTF-8";
/******公用头部******/
/* This CSS is generated by My Snazzy Framework version 1.2.3 */
@import url("header.css");
@import url("foot.css");
#section1 { padding: 4.16667vw 0; }

#section1 .sec { gap: 8.125%; }

@media screen and (max-width: 1024px) { #section1 .sec { flex-direction: column; gap: 20px; } }

#section1 .sec1 { width: 100%; max-width: 27.1875%; flex-direction: column; row-gap: 2.60417vw; justify-content: space-between; }

@media screen and (max-width: 1024px) { #section1 .sec1 { max-width: 100%; } }

#section1 .sec1 p { font-size: 16px; }

#section1 .sec2 { width: 100%; max-width: 64.6875%; margin-right: 0; margin-left: auto; overflow: hidden; }

@media screen and (max-width: 1024px) { #section1 .sec2 { max-width: 100%; } }

#section1 .sec2 ul li { background-color: #d6e1f3; padding: 20px; width: calc((100% - 2.5%) / 3); box-sizing: border-box; }

@media screen and (max-width: 1024px) { #section1 .sec2 ul li { max-width: 100%; padding: 5px; } }

#section1 .sec2 ul li .imgs { background-color: #fff; max-height: 160px; overflow: hidden; }

#section1 .sec2 ul li .text { color: var(--base); text-align: center; margin-top: 20px; }

#section1 .sec2 ul li .text h5 { font-size: 20px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }

@media screen and (max-width: 1024px) { #section1 .sec2 ul li .text h5 { font-size: 14px; } }

#section1 .sec2 ul li .text i { width: 100px; height: 3px; display: flex; margin: 20px auto; background-color: var(--base); }

@media screen and (max-width: 1024px) { #section1 .sec2 ul li .text i { margin: 5px auto; } }

#section1 .sec2 ul li .text span { font-size: 16px; }

#section1 .sec2 ul li:hover { background-color: #3168c3; }

#section1 .sec2 ul li:hover .imgs { overflow: hidden; }

#section1 .sec2 ul li:hover .imgs img { transform: scale(1.1); }

#section1 .sec2 ul li:hover .text { color: #fff; }

#section1 .sec2 ul li:hover .text i { background-color: #fff; }

#section2 { background: url("../images/bag_01.jpg") center; padding: 4.16667vw 0; background-size: cover; }

#section2 .sec1 { background-color: #fff; padding: 40px 0; margin: 2.60417vw auto; flex-direction: column; }

#section2 .sec1 .sec1_01 { width: 100%; column-gap: 20px; justify-content: center; margin-bottom: 30px; }

#section2 .sec1 .sec1_01 a { height: 50px; width: 100%; max-width: 150px; line-height: 50px; text-align: center; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background-position: center bottom; background-repeat: no-repeat; font-size: 20px; font-weight: 600; }

@media screen and (max-width: 1024px) { #section2 .sec1 .sec1_01 a { max-width: calc((100% - 60px) / 3); font-size: 14px; } }

#section2 .sec1 .sec1_01 a.active, #section2 .sec1 .sec1_01 a:hover { color: var(--base); background-image: url(../images/xiangxia.png); }

@media screen and (max-width: 1024px) { #section2 .sec1 .sec1_01 { display: flex; max-width: 100%; }
  #section2 .sec1 .sec1_01 a { flex: 1; margin-bottom: 10px; font-size: 16px; padding: 5px 0; } }

#section2 .sec1 .sec1_02 { margin: 0 40px; }

@media screen and (max-width: 1024px) { #section2 .sec1 .sec1_02 { margin: 0 10px; } }

#section2 .sec1 .sec1_02 .item01 { gap: 25px; }

@media screen and (max-width: 1024px) { #section2 .sec1 .sec1_02 .item01 { flex-direction: column; } }

#section2 .sec1 .sec1_02 .item01 a { flex-direction: column; }

#section2 .sec1 .sec1_02 .item01 a:hover .imgs img { transform: scale(1.1); }

#section2 .sec1 .sec1_02 .item01 a:hover .text p { font-weight: 600; }

#section2 .sec1 .sec1_02 .item01 .text span { font-size: 16px; color: #999999; }

#section2 .sec1 .sec1_02 .item01 .text span i { font-size: 24px; color: #3168c3; width: auto; font-style: normal; font-weight: 600; margin-right: 10px; }

#section2 .sec1 .sec1_02 .item01 .text p { font-size: 20px; color: #333333; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }

#section2 .sec1 .sec1_02 .item01 .imgs { overflow: hidden; }

#section2 .sec1 .sec1_02 .item01 .imgs img { transform: scale(1); }

#section2 #more { margin: 0 auto; }

#section3 { padding: 4.16667vw 0; }

#section3 .sec1 .sec1_01 { position: relative; overflow: hidden; padding: 50px 0; }

#section3 .sec1 .sec1_01 ul li { width: 500px; height: auto; background: #d6e1f3; display: flex; align-items: center; position: relative; padding: 20px 20px 0 20px; }

@media screen and (max-width: 1024px) { #section3 .sec1 .sec1_01 ul li { width: 100%; height: auto; } }

#section3 .sec1 .sec1_01 ul li a { width: 100%; height: 100%; }

#section3 .sec1 .sec1_01 ul li::after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 9; background: rgba(0, 0, 0, 0); opacity: 0.5; }

#section3 .sec1 .sec1_01 ul li.swiper-slide-active, #section3 .sec1 .sec1_01 ul li.swiper-slide-duplicate-active { transform: scale(1); background: #3168c3; }

#section3 .sec1 .sec1_01 ul li.swiper-slide-active h2, #section3 .sec1 .sec1_01 ul li.swiper-slide-active p, #section3 .sec1 .sec1_01 ul li.swiper-slide-duplicate-active h2, #section3 .sec1 .sec1_01 ul li.swiper-slide-duplicate-active p { color: #fff !important; }

#section3 .sec1 .sec1_01 ul li.swiper-slide-active::after, #section3 .sec1 .sec1_01 ul li.swiper-slide-duplicate-active::after { height: 0; }

#section3 .sec1 .sec1_01 ul li a .img { width: 100%; height: auto; overflow: hidden; border-radius: 0%; margin: 0 auto; }

#section3 .sec1 .sec1_01 ul li a .img img { width: 100%; height: 100%; object-fit: cover; }

#section3 .sec1 .sec1_01 ul li a .text { padding: 5%; }

#section3 .sec1 .sec1_01 ul li a .text h2 { font-size: 28px; color: #000; font-weight: 500; margin-bottom: 5%; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-align: center; }

#section3 .sec1 .sec1_01 ul li a .text p { font-size: 16px; color: var(--base); text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-align: center; }

#section3 .sec1 .sec1_01 ul li a:hover .img img { transform: scale(1.1); }

#section3 .mores { margin: 0 auto; }

#section4 { background-color: #fff; }

#section4 .sec0 { gap: 0%; }

@media screen and (max-width: 1024px) { #section4 .sec0 { flex-direction: column; padding: 30px 0; } }

#section4 .sec1 { width: 100%; max-width: 73.125%; flex-direction: column; row-gap: 1.5625vw; justify-content: center; }

@media screen and (max-width: 1024px) { #section4 .sec1 { max-width: 100%; } }

#section4 .sec1 .titelImg img { display: block; margin-left: 0; }

#section4 .sec1 .about_cont { width: 106.92308%; background: #eaf0f9; z-index: 9; }

@media screen and (max-width: 1024px) { #section4 .sec1 .about_cont { flex-wrap: wrap; width: auto; gap: 10px; background: none; } }

#section4 .sec1 .about_cont a.aboutUrl { font-size: 24px; color: #3168c3; flex: 1; text-align: center; font-weight: 700; position: relative; height: 6.25vw; flex-direction: column; justify-content: center; align-items: center; gap: 10px; }

@media screen and (max-width: 1024px) { #section4 .sec1 .about_cont a.aboutUrl { font-size: 16px; flex: 0 0 calc(50% - 11px); background-color: #fff; padding: 5px 10px; box-sizing: border-box; display: block; height: auto; }
  #section4 .sec1 .about_cont a.aboutUrl::before, #section4 .sec1 .about_cont a.aboutUrl::after { display: none !important; } }

#section4 .sec1 .about_cont a.aboutUrl::after { content: ''; width: 40px; height: 20px; background: url("../images/jiantou.png") no-repeat center; display: block; }

#section4 .sec1 .about_cont a.aboutUrl::before { content: ''; width: 0; height: 80%; display: block; border-right: 1px dashed #999999; position: absolute; right: 0; top: 10%; }

#section4 .sec1 .about_cont a.aboutUrl:last-child::before { display: none; }

#section4 .sec1 .about_cont a.aboutUrl:hover { background-color: #3168c3; color: #fff; }

#section4 .sec1 .about_cont a.aboutUrl:hover::after { background: url("../images/jiantouhover.png") no-repeat center; }

#section4 .sec1 p { font-size: 16px; line-height: 2em; margin: 0; width: 85.47009%; }

@media screen and (max-width: 1024px) { #section4 .sec1 p { text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; width: 100%; } }

#section4 .sec2 { width: 100%; max-width: 26.875%; }

@media screen and (max-width: 1024px) { #section4 .sec2 { display: none; } }

#section5 { padding: 5% 0; }

@media screen and (max-width: 1024px) { #section5 { padding: 20px 0; } }

#section5 .sec1 { box-sizing: border-box; margin-top: 50px; gap: 1.875%; }

@media screen and (max-width: 1024px) { #section5 .sec1 { flex-direction: column; } }

#section5 .sec1 .sec1_01 { width: 100%; max-width: 10%; }

#section5 .sec1 .sec1_01 a { margin-bottom: 35px; text-align: center; padding: 15px 0; border: 1px solid #cccccc; font-size: 18px; }

#section5 .sec1 .sec1_01 a.active, #section5 .sec1 .sec1_01 a:hover { background-color: var(--base); color: #fff; }

@media screen and (max-width: 1024px) { #section5 .sec1 .sec1_01 { display: flex; max-width: 100%; }
  #section5 .sec1 .sec1_01 a { flex: 1; margin-bottom: 10px; font-size: 16px; padding: 5px 0; } }

#section5 .sec1 .sec1_02 { width: 100%; max-width: 88.125%; }

@media screen and (max-width: 1024px) { #section5 .sec1 .sec1_02 { max-width: 100%; } }

#section5 .sec1 .sec1_02 .item { column-gap: 5.31915%; }

@media screen and (max-width: 1024px) { #section5 .sec1 .sec1_02 .item { flex-direction: column; } }

#section5 .sec1 .sec1_02 .item .item01 { width: 100%; max-width: 36.87943%; }

@media screen and (max-width: 1024px) { #section5 .sec1 .sec1_02 .item .item01 { max-width: 100%; } }

#section5 .sec1 .sec1_02 .item .item01 a { flex-direction: column; }

#section5 .sec1 .sec1_02 .item .item01 a:hover .imgs img { transform: scale(1.1); }

#section5 .sec1 .sec1_02 .item .item01 a:hover .text span, #section5 .sec1 .sec1_02 .item .item01 a:hover .text p { font-weight: 600; color: var(--base) !important; }

#section5 .sec1 .sec1_02 .item .item01 .imgs { width: 100%; overflow: hidden; max-height: 300px; background-color: #cccccc; }

#section5 .sec1 .sec1_02 .item .item01 .text { padding: 10px 0; }

#section5 .sec1 .sec1_02 .item .item01 .text h5 { display: flex; justify-content: space-between; font-weight: 500; align-items: center; margin-bottom: 10px; }

#section5 .sec1 .sec1_02 .item .item01 .text h5 p.h5P { color: #000; font-size: 20px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }

#section5 .sec1 .sec1_02 .item .item01 .text h5 span { color: #999999; font-size: 16px; }

#section5 .sec1 .sec1_02 .item .item01 .text p.textP { font-size: 16px; color: #666; }

#section5 .sec1 .sec1_02 .item .item02 { width: 100%; max-width: 57.80142%; }

@media screen and (max-width: 1024px) { #section5 .sec1 .sec1_02 .item .item02 { max-width: 100%; } }

#section5 .sec1 .sec1_02 .item .item02 ul { display: flex; flex-direction: column; gap: 50px; }

#section5 .sec1 .sec1_02 .item .item02 ul li:nth-child(1) { display: none; }

#section5 .sec1 .sec1_02 .item .item02 ul li:nth-child(2) a { gap: 10px; }

#section5 .sec1 .sec1_02 .item .item02 ul li:nth-child(2) a .imgs { display: block; max-width: 240px; width: 100%; overflow: hidden; }

#section5 .sec1 .sec1_02 .item .item02 ul li:nth-child(2) a .text { width: 100%; }

#section5 .sec1 .sec1_02 .item .item02 ul li:nth-child(2) a .text h5 span { display: block; }

#section5 .sec1 .sec1_02 .item .item02 ul li:nth-child(2) a .text p.textP { font-size: 16px; color: #666; display: block; }

#section5 .sec1 .sec1_02 .item .item02 ul li:nth-child(2) h4.date { display: none; }

#section5 .sec1 .sec1_02 .item .item02 ul li .imgs { display: none; }

#section5 .sec1 .sec1_02 .item .item02 ul li h4.date { display: flex; flex-direction: column; align-items: flex-end; justify-content: center; border-right: 1px solid #666; padding-right: 10px; margin-right: 20px; }

#section5 .sec1 .sec1_02 .item .item02 ul li h4.date .day { font-size: 28px; font-weight: 600; word-wrap: normal; white-space: nowrap; }

#section5 .sec1 .sec1_02 .item .item02 ul li h4.date .year { font-size: 16px; font-weight: 500; }

#section5 .sec1 .sec1_02 .item .item02 ul li .text { display: flex; flex-direction: column; justify-content: space-between; }

#section5 .sec1 .sec1_02 .item .item02 ul li .text h5 { display: flex; justify-content: space-between; font-weight: 500; align-items: center; margin-bottom: 10px; }

#section5 .sec1 .sec1_02 .item .item02 ul li .text h5 p.h5P { color: #000; font-size: 20px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }

#section5 .sec1 .sec1_02 .item .item02 ul li .text h5 span { color: #999999; font-size: 16px; display: none; }

#section5 .sec1 .sec1_02 .item .item02 ul li .text p.summuy { color: #000; font-size: 16px; line-height: 1.5em; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }

#section5 .sec1 .sec1_02 .item .item02 ul li .text p.textP { display: none; }

#section5 .sec1 .sec1_02 .item .item02 ul li:hover .text h5 p.h5P, #section5 .sec1 .sec1_02 .item .item02 ul li:hover .text h5 span { color: var(--base) !important; font-weight: 600; }

#section5 .sec1 .sec1_02 .item .item02 ul li:hover .text p, #section5 .sec1 .sec1_02 .item .item02 ul li:hover .text p.textP { color: var(--base) !important; font-weight: 600; }

#section5 .sec1 .sec1_02 .item .item02 ul li:hover h4.date span { color: var(--base) !important; }

#section5 .sec1 .sec1_02 .item .item02 ul li:hover .imgs img { transform: scale(1.1); }

#section6 { padding: 50px 0; }

@media screen and (max-width: 1024px) { #section6 { padding: 10px 0; } }

#section6 .sec1 { background-repeat: no-repeat; background-position: center 0; background-size: cover; padding: 60px 30px; box-sizing: border-box; display: flex; flex-direction: column; gap: 45px; }

@media screen and (max-width: 1024px) { #section6 .sec1 { padding: 20px 10px; gap: 1px; } }

#section6 .sec1_02 { box-sizing: border-box; }

@media screen and (max-width: 1024px) { #section6 .sec1_02 { padding: 10px 0px; margin-top: 10px; gap: 10px; } }

#section6 .sec1_02 ul { display: flex; justify-content: space-between; gap: 40px; }

@media screen and (max-width: 1024px) { #section6 .sec1_02 ul { flex-direction: column; gap: 10px; } }

#section6 .sec1_02 ul li { background-color: #fff; flex: 1; display: flex; padding: 30px; }

#section6 .sec1_02 ul li .imgas { border-right: 1px dashed #dadada; padding-right: 20px; margin-right: 25px; }

#section6 .sec1_02 ul li .hovershow { display: none; }

#section6 .sec1_02 ul li .text { display: flex; gap: 20px; flex-direction: column; }

@media screen and (max-width: 1024px) { #section6 .sec1_02 ul li .text { gap: 10px; } }

#section6 .sec1_02 ul li .text h1 { font-size: 24px; font-weight: 500; }

@media screen and (max-width: 1024px) { #section6 .sec1_02 ul li .text h1 { font-size: 20px; } }

#section6 .sec1_02 ul li .text p { font-size: 20px; color: #333; }

@media screen and (max-width: 1024px) { #section6 .sec1_02 ul li .text p { font-size: 14px; } }

#section6 .sec1_02 ul li .text a { padding: 5px 10px; border: 1px solid var(--base); background-color: var(--base); text-align: center; width: 100%; max-width: 60px; transition: all 0.6s; border-radius: 15px; }

#section6 .sec1_02 ul li:hover { background-color: var(--base); }

#section6 .sec1_02 ul li:hover .hovershow { display: block; }

#section6 .sec1_02 ul li:hover .show { display: none; }

#section6 .sec1_02 ul li:hover h1, #section6 .sec1_02 ul li:hover p, #section6 .sec1_02 ul li:hover a { color: #fff; }

#section6 .sec1_02 ul li:hover a { border: 1px solid #fff; backdrop-filter: saturate(50%) blur(2px); }

.h1_title { display: flex; /* align-items: flex-end; */ flex-direction: column; row-gap: 15px; margin-bottom: 3%; }

@media screen and (max-width: 1024px) { .h1_title { row-gap: 5px; } }

.h1_title h1 { width: auto; height: auto; overflow-wrap: break-word; color: #ecc889; font-size: 48px; font-family: MicrosoftYaHei-Bold; font-weight: bold; white-space: nowrap; opacity: 0.5; z-index: 1; }

@media screen and (max-width: 1024px) { .h1_title h1 { font-size: 28px; font-weight: 600; } }

.h1_title span { overflow-wrap: break-word; color: #333333; font-size: 40px; font-weight: 500; font-family: MicrosoftYaHeiLight; white-space: nowrap; }

@media screen and (max-width: 1024px) { .h1_title span { font-size: 24px; } }

.h1_title i { background-color: var(--base); width: 80px; height: 6px; margin: 19px auto 0; }

@media screen and (max-width: 1024px) { .h1_title i { margin: 0px auto 0; } }

#h5Text { text-align: center; }

#h5Text h5 { font-size: 20px; margin-top: 30px; font-weight: 500; }

@media screen and (max-width: 1024px) { #h5Text h5 { font-size: 16px; margin-top: 15px; } }

#h6Text { text-align: left; }

#h6Text h5 { font-size: 20px; margin-top: 30px; font-weight: 500; color: #fff; width: 100%; max-width: 1000px; }

@media screen and (max-width: 1024px) { #h6Text h5 { font-size: 16px; margin-top: 15px; } }

#more, #more1 { color: #3168c3; font-size: 16px; display: flex; gap: 15px; background-color: #d6e1f3; backdrop-filter: saturate(50%) blur(2px); align-items: center; border: 1px solid #3168c3; justify-content: center; border-radius: 0px; height: 36px; width: 100%; max-width: 130px; transition: all 0.5s; }

#more:hover, #more1:hover { gap: 25px; background-color: #3168c3; color: #fff; }

@media screen and (max-width: 1024px) { #more, #more1 { max-width: 140px; font-size: 14px; height: 30px; } }

#more1 { background-color: #d6e1f3; border: 1px solid #3168c3; color: #000; }

#more1:hover { gap: 25px; background-color: rgba(0, 154, 218, 0); }

.itemxxx { position: sticky; top: 0; left: 0; background-image: radial-gradient(#08020278 1px, #fff 1px); background-size: 2px 2px; backdrop-filter: saturate(50%) blur(2px); }

/**视频弹出**/
.videos { display: none; position: fixed; width: 100%; height: 100%; z-index: 9999; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.9); }

#video_bg { width: 80%; height: auto; top: 50%; position: absolute; left: 50%; transform: translate(-50%, -50%); }

.vclose { position: absolute; right: 2%; top: 2%; border-radius: 100%; cursor: pointer; }

.button-prev1, .button-prev2 { left: 1vw; }

.button-next1, .button-next2 { right: 1vw; }

.button { transition: 0.5s; outline: none; position: absolute; width: auto; z-index: 10; top: 50%; transform: translateY(-50%); cursor: pointer; }

.button .iconfont { color: var(--base); font-size: 60px; font-weight: bold; opacity: 0.5; }

@media screen and (max-width: 1024px) { .button .iconfont { font-size: 24px; } }

.button:hover .iconfont { opacity: 1; }

.tabs { display: flex; gap: 30px; align-items: center; }

@media screen and (max-width: 1024px) { .tabs { gap: 10px; } }

.tabs a { font-size: 20px; color: #000; width: auto; border-bottom: 0px solid rgba(0, 0, 0, 0); font-weight: 600; }

@media screen and (max-width: 1024px) { .tabs a { font-size: 14px; } }

.tabs a.active { color: var(--base); border-bottom: 0px solid rgba(14, 67, 156, 0); }

.tabs a.more { margin-right: 0; margin-left: auto; color: #999999; font-size: 16px; }

@media screen and (max-width: 1024px) { .tabs a.more { font-size: 12px; } }

.tabs a.more:hover { color: var(--base); }