@charset "utf-8";
html {scroll-behavior: smooth; /* 全局开启平滑滚动 */}
.pull-right{width: 100%; padding-bottom: 10px; text-align: right; border-bottom: 1px solid #D8D9DC;}
.menu_list .menu_item ul li{margin: 0;}
.clear{clear: both;}
.mt40p{margin-top: 40px;}
.page-content{width:100%; padding:0 5% 5%;}
.title-3{margin-bottom: 40px; margin-top: 30px;}
.title-2{margin-bottom: 44px;}
.data{padding-bottom: 60px;}
.data p{margin-bottom:0; line-height:36px;}
.data .img{width: 100%; background-size:cover; margin-bottom: 32px; clear: both; display: block;}
.ul-2{padding-bottom: 80px;}
.share{float:left; margin-top: 200px; margin-left: 96px;}
.wrap_footer ul li{margin: 0;}
.title-3 .date{font-size:14px;}
.xypg-detail-pn{margin-top: 30px;}
.xypg-detail-pn div + div{margin-top: 15px;}
.xypg-detail-pn div{line-height: 22px; padding: 10px; position: relative; border: 1px solid #eeeeee; display: flex; font-size: 14px;}
.xypg-detail-pn div b{font-size: 14px; color: #024199; float: left; font-weight: normal;}
.xypg-detail-pn div a{float: left; width: 75%; font-size: 14px; color: #666666;}
.xypg-detail-pn div a:hover{color: #024199;}
.aaa{display: block; position:relative; float: left; width: 100%; height: 4rem; border-radius: 10px; margin-top: 50px; overflow:hidden;}
.aaa span{position: absolute; color: #fff; top: 0; left: 35%; width: 30%; text-align: center; line-height: 4rem; display: block; font-size: 36px; font-weight: bold;}
.aaa img{width:100%;transform: scale(1); transition: all 0.7s ease 0s;}
.aaa:hover img{transform: scale(1.1);}
.bbb{float: right; width: 67%; margin-top: 10%;}
.bbb h2{color: #333; font-size: 32px; height: 50px; line-height: 50px;}
.bbb .desc{line-height: 36px; text-indent: 36px; margin: 20px 0;}
.titles{display: block;position: relative; font-size: 30px; color: #004098; font-weight: bold; width: 100%; height: 45px; line-height: 30px;margin-bottom: 20px;}
.titles:after{content: ""; display: block; width: 7%;height: 3px; background: #ee7700; position: absolute; left: 0; right: 0; bottom: 0px;}
.uaa{display: inline-block; margin: 3% 0; width: 100%;}
.uaa ul{width: 100%;padding:0;}
.uaa li{display: block; position: relative; float: left; width: 16.666%;}
.uaa li:before{content: ""; display: block; position: absolute; border-left: 5px #ee7700 solid; height: 100%;border-top-left-radius: 20px;border-bottom-left-radius: 20px;}
.uaa li p{padding-left: 10px; font-size: 18px; line-height: 30px;}
.uaa li span{display: block; padding-left: 10px;height:40px; line-height: 40px; color: #0e469b; font-size: 20px;background:none;margin-bottom:0;}
.titlex{display: block; width: 100%; font-size: 30px; color: #004098; font-weight: bold; height: 30px; line-height: 28px; padding-left: 35px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect x='4' y='2' width='5' height='16' fill='%23004098'/%3E%3C/svg%3E"); background-repeat: no-repeat; margin-bottom: 30px; background-position-y: center; background-size: 20px;}
.titlec{margin: 30px 0 20px 0; color: #004098; font-weight: bold; font-size: 24px;}
.ubb{display: block; width: 100%; position: relative;margin-bottom:5%;}
.ubb ul{padding:0;width:100%;height: 110px;margin-top: 4%;}
.ubb li:nth-child(1){display: block; background: #eeeeee; width: 100%; text-align: center; height: 45px; line-height: 45px; border-radius: 50px; box-shadow: 2px 3px 0px #004098;margin-bottom:20px;}
.ubb li:nth-child(2){display: block;float:left; background: #eeeeee; width: 40%; text-align: center; height: 45px; line-height: 45px; border-radius: 50px; box-shadow: 2px 3px 0px #004098;margin-right:2%;}
.ubb li:nth-child(3){display: block;float:left; background: #eeeeee; width: 30%; text-align: center; height: 45px; line-height: 45px; border-radius: 50px; box-shadow: 2px 3px 0px #004098;margin-right:2%;}
.ubb li:nth-child(4){display: block;float:left; background: #eeeeee; width: 26%; text-align: center; height: 45px; line-height: 45px; border-radius: 50px; box-shadow: 2px 3px 0px #004098;}
.ubb li:hover{background:#004098;color:#ffffff;}
.ubb .ubbimg{display:block; margin-top: 4%;}
.ubb .ubbimg img{margin:0;}
.ucc{display:block;margin: 3% 0;}
.ucc .w100{width:100%;border: none;}
.ucc .w100 thead tr th{border: none;border-top-left-radius: 20px;border-top-right-radius: 20px;background: #15559a;text-align: center; color: #fff; font-size: 20px;border-right: 1px #fff solid;}
.ucc .w100 tbody tr td{border: none;text-align:center;border-right: 1px #fff solid;}
.ucc .w100 tbody tr:nth-child(2n){background-color: #f5f5f5; transition: all .125s ease-in-out;}
.ucc .w100 tbody tr:hover{background-color: rgb(101 142 203 / 30%);}
.udd{margin-bottom:60px;}
.mb0p{margin-bottom: 0px;}
.udd ul{padding:0;}
.udd ul li{display: block; width: 100%; font-size: 20px; color: #585656; font-weight: normal; height: 20px; line-height: 20px; padding-left: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Ccircle cx='5' cy='5' r='3' fill='%23585656'/%3E%3C/svg%3E"); background-repeat: no-repeat; margin-bottom: 20px; background-position-y: center; background-size: 10px;}
.udd ul li.w50{width: 50%;}
.uee{display:flex;margin: 3% 0;}
.uee ul{padding:0;float:left;width:70%;}
.uee ul li{list-style: inside; font-size: 20px; height: 30px; font-weight: bold; color: #004098; line-height: 30px;}
.uee .img{float:right;width:30%;margin-bottom:0;}
.uee .img img{margin:0;width:100%;}
.uff{margin-bottom:30px;}
.uff ul{display: inline-block; padding: 0; width: 100%;}
.uff ul li{float:left; display: block; background: linear-gradient(to right,rgba(212,212,212), rgba(255,0,0,0)); width: 24%; text-align: center; height: 70px; line-height: 70px; border-radius: 50px;margin-right:1%; margin-bottom: 20px;}
.uff ul li:nth-child(4){background: linear-gradient(to right,rgba(255,0,0,0), rgba(212,212,212));}
.uff ul li:nth-child(5){background: linear-gradient(to right,rgba(255,0,0,0), rgba(212,212,212));}
.uff ul li:nth-child(6){background: linear-gradient(to right,rgba(255,0,0,0), rgba(212,212,212));}
.tt span{background: #f3f3f3; height: 60px; line-height: 60px; display: block; padding-left: 20px; margin-bottom: 10px;}
.ugg{display:block;margin: 3% 0;}
.ugg .w100{width:100%;border: none;}
.ugg .w100 thead tr th{border: none;border-top-left-radius: 20px;border-top-right-radius: 20px;background: #15559a;text-align: center; color: #fff; font-size: 20px;}
.ugg .w100 tbody tr td{font-weight:bold;}
.ugg .w100 tbody tr:nth-child(2n){background-color: #f5f5f5; transition: all .125s ease-in-out;}
.ugg .aa1{width: 13px; height: 13px; border: 1px solid #666; border-radius: 50px; background-color: #666; margin: 0 auto;}
.ugg .aa2{width: 13px; height: 13px; border: 1px solid #666; border-radius: 50px; margin: 0 auto;}
.uhh{display: inline-block;}
.uhh ul{width:100%;padding:0;}
.uhh ul li{float:left;width:30%;}
.uhh1{}
.uhh1 ul{width:100%;padding:0;}
.uhh1 ul li{float:left;width:30%;}
.uhh1 ul li.w100{float:left;width:100%;}
.uii ul{width:100%;padding:0;}
.uii ul li{background: linear-gradient(to right, #f1f1f1 0%, white 25%);padding: 1% 3%; width: 100%; border-top-left-radius: 50px; border-bottom-left-radius: 50px; margin-bottom: 2%;}
.uii ul li span{float: left; width: 10%; background: none; height: auto; line-height: 36px; margin-bottom: 0; padding: 0; font-size: 24px; font-weight: bold; color: #004098;}
@media (max-width: 600px){.xypg-detail-pn div a{width: 60%;}}
@media (max-width: 600px){.xypg-detail-pn div a{width: 50%;}}
.xypg-detail-pn div span{position: absolute; right: 20px; top: 11px; font-size: 14px; color: #666666;}
@media screen and (min-width: 1199px){}
@media screen and (max-width: 769px){.title-3{margin-bottom: 20px; margin-top: 0;} .title-2,.data .img{margin-bottom: 20px;} .data{padding-bottom: 30px;} .ul-2{padding-bottom: 10px;} body .page-content{padding:0;}
.titlec{margin: 30px 0 20px 0; color: #004098; font-weight: bold; font-size: 20px;}.aaa{width:100%; height:2rem; margin-top:0;}.uaa li span{display: block; padding-left: 10px; height: 40px; line-height: 40px; color: #0e469b; font-size: 18px; background: none; margin-bottom: 0;}.aaa span{position: absolute; color: #fff; top: 0; left: 0%; width: 100%; text-align: center; line-height: 2rem;display: block; font-size: 28px; font-weight: bold;}.titles{display: block; position: relative; font-size: 26px; color: #004098; font-weight: bold; width: 100%; height: 40px; line-height: 30px; margin-bottom: 10px;}
.titles:after{content: ""; display: block; width: 23%; height: 3px; background: #ee7700; position: absolute; left: 0; right: 0; bottom: 0px;}
.data p{margin-bottom: 0; line-height: 30px; font-size: 16px;}
.uaa{display: inline-block;width:100%; margin: 3% 0;}.uaa li{display: block; position: relative; float: left; width: 50%; margin-bottom: 20px;}
.titlex{display: block; width: 100%; font-size: 26px; color: #004098; font-weight: bold; height: 30px; line-height: 26px; padding-left: 30px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect x='4' y='2' width='5' height='16' fill='%23004098'/%3E%3C/svg%3E"); background-repeat: no-repeat; margin-bottom: 30px; background-position-y: center; background-size: 20px;}
.ubb li:nth-child(1){font-size: 16px; overflow: hidden;}
.ubb li:nth-child(2){width: 100%;font-size: 16px;margin-right:0;margin-bottom: 20px; overflow: hidden;}
.ubb li:nth-child(3){width: 100%;font-size: 16px;margin-right:0;margin-bottom: 20px; overflow: hidden;}
.ubb li:nth-child(4){width: 100%;font-size: 16px;margin-bottom: 20px; overflow: hidden;}.ubb .ubbimg img{margin: 0; height: auto !important;}
.ubb{display: block; width: 100%; position: relative; margin-bottom: 10%;}
.udd ul li{display: block; width: 100%; font-size: 16px; color: #585656; font-weight: normal; height: 20px; line-height: 20px; padding-left: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Ccircle cx='5' cy='5' r='3' fill='%23585656'/%3E%3C/svg%3E"); background-repeat: no-repeat; margin-bottom: 20px; background-position-y: center; background-size: 10px; overflow: hidden;}.bbb{width:100%;}
.uee{display: inline-block;}
.uee ul{width:100%;overflow:hidden;}
.uee ul li{list-style: inside; font-size: 16px; height: 30px; font-weight: bold; color: #004098; line-height: 30px; overflow: hidden;}
.uee .img{float: right; width: 100%;text-align:center;margin-top: 10px;}
.uee .img img{margin: 0; width: 80%;}
.udd{margin-bottom:30px;}
.uff ul li{width:49%;}
.tt span{background: #f3f3f3; height: auto; line-height: 45px; display: block; padding: 0 20px; margin-bottom: 10px;}
.uhh ul li{float: left; width: 50%; font-size: 14px;}
.uii ul li{padding: 10%;}
.uii ul li span{float: left; width: 28%; background: none; height: auto; line-height: 30px; margin-bottom: 0; padding: 0; font-size: 18px; font-weight: bold; color: #004098;}}
.page-content img{max-width: 100%; height: 100% !important; border-radius: 10px;}
.page-content.art img{max-width: none; height: auto !important; border-radius: inherit;}
.livestream .page-main{background-color: #1f2937; background-position: center; /* Center the image */ background-repeat: no-repeat; /* Do not repeat the image */ background-size: cover; /* Resize the background image to cover the entire container */ color: #FFFFFF;}
.livestream .page-main .main,
.livestream .page-main .date,
.livestream .page-main .share a{font-weight: bold; text-align: center; color: #FFFFFF;}
.content blockquote{border-left: 4px solid #8cc34a; padding: 10px 20px; overflow: hidden; margin-bottom: 20px;}
blockquote{font-size: 1.2em; width:80%; margin:12px auto; font-style:italic; color: #555555; padding:1.2em 60px 1.2em 75px; border-left:8px solid #00a870 ; line-height:1.6; position: relative; background:#e7e7e7;}
blockquote p:first-child{padding: 12px 0 0 0;}
blockquote p:last-child{padding-top: 0;}
blockquote::before{content: "\201C"; color:#00a870; font-size:4em; position: absolute; left: 10px; top:-10px;}
blockquote::after{content: '\201D'; color:#00a870; font-size:4em; position: absolute; right: 45px; bottom:-10px;}
blockquote > *{margin: .75em 0;}
blockquote cite{display: block; font-style: normal; font-size: 12px;}
/* Center tables for demo */
table{margin: 0 auto;}
/* Default Table Style */
table{color: #333; background: white; border: 1px solid grey; font-size: 12pt; border-collapse: collapse;}
table thead th,
table tfoot th{color: #777; background: rgba(0,0,0,.1);}
table caption{padding:.5em;}
table th,
table td{padding: .5em; border: 1px solid lightgrey;}
.page-content .data .text div{border-left: 4px solid #48c79c; padding: 10px 20px; overflow: hidden; margin: 0 24px 24px 24px; background: #eeeeee;}
.page-content .data .text div > a{cursor: pointer; height: 100%; width: 100%;}
.page-content .data .text div > a > img{width: 22%; float: left; margin-right: 24px;}
.page-content .data .text .related-article .title{font-size: 18px; font-weight: bold; margin:16px 0 0 24px; padding-bottom: 12px;}
@media screen and (max-width: 767px){blockquote{font-size: 15px; padding:1.2em; border-left:8px solid #00a870 ; line-height:1.6; position: relative; background:#e7e7e7;} blockquote::before{font-size:3em; position: absolute; left: 5px; top:10px;} blockquote p{padding-top: 29px;} blockquote::after{font-size:3em; position: absolute; right: 25px; bottom:-10px;} .page-content .data .text .related-article{margin: 12px; padding: 6px 12px;} .page-content .data .text div > a > img{width: 30%; float: left; margin-right: 12px;} .page-content .data .text .related-article .title{font-size: 14px; width: 66%; float: right; padding-bottom: 0; margin: 6px 0;} .page-content .data .text .related-article .date{width: 66%; float: right;}}

:root{color-scheme: light;--ink: #211f1c;--muted: #6f685f;--paper: #fbfaf6;--white: #ffffff;--line: #e7dfd3;--wood: #d5a25c;--wood-deep: #9a6a35;--blue: #c59748;--red: #b91824;--charcoal: #302a24;--max: 1600px;}

.site-header{position: sticky;top: 0;z-index:1111111;display: flex;align-items: center;justify-content:center;min-height: 72px;padding: 0 clamp(20px, 4vw, 64px);border-bottom: 1px solid rgba(48, 42, 36, 0.12);background: rgba(251, 250, 246, 0.92);backdrop-filter: blur(16px); background:#e2e0db;}
.brand{display: inline-flex;align-items: center;gap: 12px;font-weight: 800;}
.brand-mark{display: inline-flex;align-items: center;justify-content: center;width: 42px;height: 42px;border-radius: 4px;background: var(--red);color: var(--white);font-size: 15px;font-weight: 900;}
.site-header nav{display: flex;gap: clamp(16px, 2.5vw, 34px);color: var(--muted);font-size: 14px;white-space: nowrap; }
.site-header nav a{ font-size:1.7rem; font-weight:600; color:#946a51}
.hero{position: relative;min-height: calc(100vh - 72px);color: var(--white);overflow: hidden; position:relative;}
.hero:after{ position:absolute; content:""; left:0; top:0; width:100%; height:100%;background-color:rgba(0,0,0,.4); }


.hero-media{position: absolute;inset: 0;margin: 0; height:100%;width:100%}

.hero-media::after{content: "";position: absolute;inset: 0;background: linear-gradient(90deg, rgba(22, 20, 18, 0.86) 0%, rgba(22, 20, 18, 0.52) 45%, rgba(22, 20, 18, 0.16) 100%), linear-gradient(0deg, rgba(22, 20, 18, 0.44), rgba(22, 20, 18, 0.02));}
.hero-media img{width: 100%;object-fit: cover; height:100%;}
.hero-copy{position: absolute;z-index:5;width: min(var(--max), calc(100% - 40px));transform:translate(-50%,-50%); left:50%; top:50%;}
.eyebrow{margin: 0 0 14px;color: var(--blue);font-size: 12px;font-weight: 900;letter-spacing: 0;}
.hero .eyebrow{color: #79b6ff;}
.aibody h1,
.aibody h2,
.aibody h3,
.aibody p{margin-top: 0;}
.aibody h1{max-width: 780px;margin-bottom: 25px;font-size: clamp(18px, 4vw, 44px);line-height: 1.06;letter-spacing: 0;}
.aibody h2{margin-bottom: 18px;font-size: clamp(25px, 3.8vw, 48px);line-height: 1.16;letter-spacing: 0;}
.aibody h3{margin-bottom: 12px;font-size: 22px;}
.lead{max-width: 740px;color: rgba(255, 255, 255, 0.84);font-size: clamp(16px, 2vw, 18px);line-height: 1.85;}
.hero-tags{display: flex;flex-wrap: wrap;gap: 12px;margin-top: 34px;}
.hero-tags span{display: inline-flex;align-items: center;min-height: 42px;padding: 0 16px;border: 1px solid rgba(255, 255, 255, 0.28);background: rgba(148, 106, 80, .8);backdrop-filter: blur(10px);font-weight: 800;}
.intro-section,
.custom-section,
.advantage-section,
.structure-section,
.performance-section,
.closing-section{width: min(var(--max), calc(100% - 20%));margin: 0 auto;}
.intro-section{display: grid;grid-template-columns: 40% 1fr;gap: clamp(24px, 4vw, 64px);padding: clamp(58px, 8vw, 96px) 0;}
.intro-label{color: var(--blue);font-size: 15px;font-weight: 900; position:relative;}
.intro-label img{ display:block;width:90%; position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:5;}
.intro-text p,
.section-heading p,
.structure-copy p,
.performance-copy p,
.closing-section p{color: var(--muted);font-size: 17px;line-height: 1.9;}
.custom-section,
.advantage-section{padding: clamp(62px, 9vw, 112px) 0;}
.section-heading{max-width: 820px;margin-bottom: clamp(30px, 4vw, 48px);}








.img-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr; /* 两列 */
  gap: 10px; /* 图片之间的间距，可改 */
  align-items: start; /* 关键：顶部对齐，不拉伸 */
}

/* figure 自动适应 */
.img-grid figure {
  margin: 0;
  padding: 0;
}
.img-grid img {
  width: 100%;
  height: auto;
  display: block;
}

.advantage-section,
.structure-section,
.productlist-section,
.performance-section{border-top: 1px solid var(--line);}
.advantage-grid{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 1px;border: 1px solid var(--line);background: var(--line);}
.advantage-grid article{min-height: 290px;padding: 28px;background: var(--white);}
.advantage-grid span{display: block;margin-bottom: 44px;color: var(--wood-deep);font-size: 14px;font-weight: 900;}
.advantage-grid p{color: var(--muted);font-size: 15px;line-height: 1.8;}
.structure-section,
.performance-section{display: grid;grid-template-columns: minmax(300px, 0.9fr) minmax(420px, 1.1fr);align-items: center;gap: clamp(28px, 5vw, 72px);padding: clamp(62px, 9vw, 108px) 0;}
.feature-list,
.metric-grid{display: grid;gap: 10px;margin: 30px 0 0;padding: 0;list-style: none;}
.feature-list li,
.metric-grid div{display: flex;align-items: center;justify-content: space-between;gap: 16px;min-height: 54px;padding: 0 18px;border-left: 4px solid var(--blue);background: var(--white);}
.feature-list strong,
.metric-grid strong{color: var(--charcoal);}
.feature-list span,
.metric-grid span{color: var(--blue);font-weight: 900;text-align: right;}
.structure-visual,
.performance-visual{margin: 0;padding: clamp(12px, 2vw, 22px);border: 1px solid var(--line);background: var(--white);}
.structure-visual img,
.performance-visual img{width: 100%;object-fit: contain;}
.closing-section{margin-bottom: clamp(42px, 7vw, 80px);padding: clamp(54px, 8vw, 92px) clamp(22px, 5vw, 72px);background: var(--charcoal);color: var(--white);}
.closing-section .eyebrow,
.closing-section p{color: rgba(255, 255, 255, 0.78);}
.closing-section h2,
.closing-section p{max-width: 880px;}
.closing-section p{margin-bottom: 0;}
@media (max-width: 980px){.site-header{position: static;flex-direction: column;align-items: flex-start;gap: 12px;padding-top: 16px;padding-bottom: 16px;}
.site-header nav{width: 100%;overflow-x: auto;padding-bottom: 4px;}
.intro-section, .structure-section, .performance-section{grid-template-columns: 1fr;}
.case-grid, .advantage-grid{grid-template-columns: repeat(2, minmax(0, 1fr));}
.case-grid .case-large, .case-grid .case-wide{grid-column: 1 / -1;grid-row: auto;aspect-ratio: 16 / 10;}}
@media (max-width: 680px){.hero-copy, .intro-section, .custom-section, .advantage-section, .structure-section, .performance-section, .closing-section{width: min(100% - 28px, var(--max));}
.site-header{width: 100%;}
.aibody h1{font-size: 38px; line-height:1.3}
.case-grid, .advantage-grid{grid-template-columns: 1fr;}
.case-grid figure, .case-grid .case-large, .case-grid .case-wide{aspect-ratio: 4 / 3;}
.advantage-grid article{min-height: 230px;}
.feature-list li, .metric-grid div{align-items: flex-start;flex-direction: column;justify-content: center;padding: 14px 18px;}
.feature-list span, .metric-grid span{text-align: left;}}