html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
* {margin:0;padding:0;box-sizing: border-box;}
html body { -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
a { text-decoration: none }
table { border-collapse: collapse; border-spacing: 0; }
img { vertical-align: middle;border: none; }
body { font-family: "微软雅黑", "microsoft yahei"; font-size: 16px; color: #FFFBF2; background: url(../images/ICH_bg02.png) no-repeat center 2093px;background-color: #fffbf2; }
.clearfix:after { content: ''; display: block; clear: both; }
.box { margin: 0 auto; width: 1200px; }
a { color: #333; text-decoration: none; }
a:hover { color: #bd1a2d; text-decoration: none; }
.clearfix::after{content:"";display: block;clear: both;visibility: hidden;height:0;}
.fl { float: left; }
.fr { float: right; }
.banner { width: 100%; height: 430px; background: url(../images/ICH_banner.png) no-repeat center top; text-align: center; display: block; overflow: hidden;}
.banner img { max-width: 100%; margin: 0px auto; margin-top: 74px;}
h2 { text-align: center; position: relative; width: 1200px; margin: 0px auto !important;}
h2 img { margin: 0px auto;}
h2 .more { font: normal 14px/110% "微软雅黑"; color: #E18A44; position: absolute; right: 0; top: 44px;}
h2 dl { display: none;}
.col_1 { width: 100%; margin: 0px auto; margin-top: 55px;}
.col_1 .iteam { width: 100%; height: auto; display: block; overflow: hidden; background: url(../images/ICH_bg01.png) no-repeat center top; min-height: 890px;}
.col_1 .iteam ul { width: 1200px; margin: 0px auto; margin-top: 118px; display: grid; grid-template-columns:1fr 1fr 1fr 1fr 1fr; gap:56px 21px;}
.col_1 .iteam li {position: relative; text-align: center;}
.col_1 .iteam li img { max-width: 100%; margin: 0px auto;} 
.col_1 .iteam li p { font: normal 16px/110% "微软雅黑"; color: #F6E2C2; text-decoration: underline;  text-underline-offset: 2px;  text-align: center; width: 100%; position: absolute; left: 0; right: 0; bottom: 0;}
.col_1 .iteam li a {margin: 0 9px;color: #F6E2C2; text-decoration: underline;}
.col_1 .iteam .btn_box { width: 100%; margin-top: 62px; display: flex; align-items: center;justify-content: center;}
.col_1 .iteam .btn_box a { margin: 0 30px;}
.col_2 { width: 100%; margin: 0px auto; margin-top: 22px;}
.col_2 .iteam { width: 1200px; margin: 0px auto; margin-top: 46px; position: relative; height: 379px;}
.col_2 .iteam li {width:220px;flex: 0 0 255px; margin: 0 13px;  height: 375px; display: inline-block; position: relative; float: left;border-radius: 8px;border: 1px solid #C5AF97; background: url(../images/ICH_bg03.png) repeat left top;}
.col_2 .iteam li .tag { width: 27px; min-height: 70px; position: absolute; left: 20px; top: -4px;}
.col_2 .iteam li .pic { width: 100%; aspect-ratio: 280 / 180; overflow: hidden;}
.col_2 .iteam li .pic img { width: 100%; height: 100%; object-fit: cover; border-radius: 6px 6px 6px 0;}
.col_2 .iteam li .date { font: normal 14px/110% "微软雅黑"; color: #fff; width: 230px; float: right;height: 30px;background: #C5AF97;border-radius: 15px 0px 0px 15px; margin-top: 15px;display: flex; align-items: center;}
.col_2 .iteam li .date img { margin:0 11px 0 15px;}
.col_2 .iteam li dl { width: 100%; padding: 0 24px; margin-top: 12px; float: left;}
.col_2 .iteam li dt { font: bold 18px/110% "微软雅黑"; color: #5C4D4A; width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.col_2 .iteam li dd {font: normal 16px/24px "微软雅黑"; color: #666; width: 100%; margin-top: 12px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.col_2 .iteam li .bar { width: 100%; display: block; float: left; margin-top: 16px;}
.col_2 .iteam li .bar .address {font: normal 14px/110% "微软雅黑"; color: #999; min-width: 120px; padding-right: 20px; height: 30px;background: #FFFFFF;border-radius: 0px 15px 15px 0px; float: left;display: flex; align-items: center;}
.col_2 .iteam li .bar .address img { margin: 0 11px 0 20px;}
.col_2 .iteam li .bar .more { float: right;font: normal 14px/30px "微软雅黑"; color: #A0784B; margin-right: 14px; }
.col_2 .iteam .pre { width: 34px; height: 34px; position: absolute; left: 0; top: 50%; margin-top: -17px; cursor: pointer; background: url(../images/ICH_icon_pre.png) no-repeat left top;}
.col_2 .iteam .next { width: 34px; height: 34px; position: absolute; right: 0; top: 50%; margin-top: -17px; cursor: pointer;background: url(../images/ICH_icon_pre.png) no-repeat left top;transform: scaleX(-1);}
.viewport {width: 1132px; margin: 0px auto;overflow-x: hidden; padding-top: 4px;}
.scroll-list {display: flex;margin: 0;padding: 0;list-style: none;transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);will-change: transform;touch-action: pan-y;}
.col_3 { width: 100%; margin: 0px auto; margin-top: 74px;}
.col_3 .iteam { width: 1200px; height: 440px; margin: 0px auto; margin-top: 13px; display: block; overflow: hidden; background: url(../images/ICH_bg04.png) no-repeat right top;}
.col_3 .iteam .scroll_left { width: 920px; height: 390px; float: left; background: url(../images/ICH_bg05.png) no-repeat left top; margin-top: 24px; color: #000; position: relative;}
.col_3 .iteam .scroll_left .pic_box { width: 100%; display: block; overflow: hidden;}
.content-item {position: absolute;top: 0;left: 0;width:100%;height: 100%;display:block;padding: 30px;box-sizing: border-box; transform: translateX(100%); /* 默认在右侧外部 */opacity: 0;transition: transform 0.4s ease, opacity 0s ease;pointer-events: none; }
.content-item.active {transform: translateX(0);opacity: 1;pointer-events: auto;}
/* 滑出状态：向左滑出到左侧外部 */
.content-item.slide-out {transform: translateX(-100%);opacity: 0;}
.col_3 .iteam .scroll_left .pic_box .pic { width: 440px; height: 275px; float: left;}
.col_3 .iteam .scroll_left .pic_box .pic img { width: 100%; height: 100%;border-radius: 8px;}
.col_3 .iteam .scroll_left .pic_box .text { width: calc(100% - 440px); float: left; position: relative;}
.col_3 .iteam .scroll_left .pic_box .text .tag_t  { font: normal 16px/110% "微软雅黑"; color: #fff; min-width: 239px; float: left;height: 30px;background: #C5AF97;border-radius: 0px 15px 15px 0px; margin-top: 15px;display: flex; align-items: center;}
.col_3 .iteam .scroll_left .pic_box .text .tag_t img { margin:0 11px 0 46px;}
.col_3 .iteam .scroll_left .pic_box .text dl { width: 100%; padding-left: 45px; float: left; margin-top: 28px;}
.col_3 .iteam .scroll_left .pic_box .text dt {font: bold 24px/110% "微软雅黑"; color: #5C4D4A;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.col_3 .iteam .scroll_left .pic_box .text dt a { color: #5C4D4A;}
.col_3 .iteam .scroll_left .pic_box .text dd { font: normal 16px/36px "微软雅黑"; color: #666666;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; margin-top: 20px;}
.col_3 .iteam .scroll_left .pic_box .text dd a {color: #666666;}
.col_3 .iteam .scroll_left .pic_box .text dl .more {font: normal 16px/110% "微软雅黑"; color: #A0784B; float: right; margin-top: 26px;}
.col_3 .iteam .scroll_left .title { font: bold 16px/110% "微软雅黑"; color: #A0784B; width: 100%; margin-top: 30px;}
.col_3 .iteam .scroll_right { width: 248px; float: left; margin: 20px 0 0 17px;}
.col_3 .iteam .scroll_right .arrow { width: 100%; height: 17px; text-align: center; display: block; overflow: hidden; cursor: pointer; }
.col_3 .iteam .scroll_right .arrow.up { background: url(../images/ICH_icon_up.png) no-repeat center top; filter: brightness(300%);}
.col_3 .iteam .scroll_right .arrow.up:hover {filter: unset;}
.col_3 .iteam .scroll_right .arrow.down { background: url(../images/ICH_icon_down.png) no-repeat center top;}
.col_3 .iteam .scroll_right .arrow.down:hover {background: url(../images/ICH_icon_up.png) no-repeat center top; transform: scaleY(-1);}
.col_3 .iteam .scroll_right ul { width: 100%; display: block; overflow: hidden; margin: 22px 0;height: 306px; }
.col_3 .iteam .scroll_right li { font: bold 18px/110% "微软雅黑"; color: #fff; width: 100%; height: 51px;display: flex; align-items: center;justify-content: center; cursor: pointer;}
.col_3 .iteam .scroll_right li:hover { background: url(../images/ICH_bg06.png) no-repeat center top;}
.col_3 .iteam .scroll_right li.active {background: url(../images/ICH_bg06.png) no-repeat center top;}
.col_4 { width: 100%; margin: 0px auto; margin-top: 76px;}
.col_4 .iteam { width: 1200px; height: 652px; margin: 0px auto; margin-top: 28px; background: url(../images/ICH_bg07.png) no-repeat center top; display: block; overflow: hidden; position: relative; z-index: 1;}
.col_4 .iteam .left { width: 560px; display: block; margin: 71px 0 0 64px; float: left;}
.col_4 .iteam .left .pic { width: 560px; height: 310px; position: relative;}
.col_4 .iteam .left .pic img { width: 560px; height: 310px; border-radius: 8px;}
.col_4 .iteam .left .pic .tag { width: 27px; min-height: 70px; position: absolute; left: 20px; top: -4px;}
.col_4 .iteam .left .pic .tag img { max-width: 100%; height: auto;}
.col_4 .iteam .left dl { width: 100%; padding:0 5px; float: left; margin-top: 34px;}
.col_4 .iteam .left dt {font: bold 24px/110% "微软雅黑"; color: #5C4D4A;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.col_4 .iteam .left dt a { color: #5C4D4A;}
.col_4 .iteam .left dd { font: normal 16px/36px "微软雅黑"; color: #666666;overflow: hidden;  margin-top: 20px;}
.col_4 .iteam .left dd a {color: #A0784B;}
.col_4 .iteam .right { width: 450px; display: block; overflow: hidden; float: left; margin: 71px 0 0 60px;}
.col_4 .iteam .right .list { width: 100%;}
.col_4 .iteam .right .list li { width: 135px; height: 475px; float: left; margin-left: 15px; background: #B97C41; padding: 20px;}
.col_4 .iteam .right .list li:nth-child(2) {background: #B19450; margin-top: 49px;}
.col_4 .iteam .right .list li:nth-child(3) {background: #919D79;}
.col_4 .iteam .right .list li dl { width: 100%;}
.col_4 .iteam .right .list li dt { font: bold 20px/110% "微软雅黑"; color: #fff; width: 20px;  writing-mode: vertical-rl; float: right;}
.col_4 .iteam .right .list li dd{ font: normal 16px/30px "微软雅黑"; color: #FFFBF2;letter-spacing:1px; width: 50px; height: 100%;  writing-mode: vertical-rl;float: right; padding-right: 12px;}
.col_4 .iteam .bg { width: 130px; height: 130px; position: absolute; right: 4px; bottom: 7px; background: url(../images/ICH_bg08.png) no-repeat left top; z-index: -1;}
.col_4 .iteam .btn { width: 30px; height: 30px; cursor: pointer; position: absolute; right: 20px; bottom:24px;}
.line60 { width: 100%; height: 100px; display: block; overflow: hidden;}
.jiucuo_btn{position: fixed;right: 0;bottom:350px;z-index: 1001;}
.jiucuo_btn a{display: block;background: #fff;width: 55px;border-top-left-radius: 10px;border-bottom-left-radius: 10px;padding: 10px 0;text-align: center;box-shadow: 0px 0px 10px 0px rgb(5 0 0 / 10%);}
.jiucuo_btn img{width:30px;}
.jiucuo_btn p{font-size:16px;color:#C72820;padding: 5px 0 0;font-weight:700;}
.jiucuo_btn p span{display:block;}
.jiucuo_btn .close_jiucuo_btn{position: absolute;left: -15px;top: -15px;cursor: pointer;width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;}
.jiucuo_btn .close_jiucuo_btn img{width:15px;height:15px;}
@media only screen and (max-width: 1200px) and (min-width: 1024px){
    html, body {min-width: 1200px!important; }
    .banner {width: 1200px;}
}
@media only screen and (max-width: 1023px) {
    body { min-width: 100%;}
    .banner { height: auto; padding: 40px 0; background-size: cover;}
    .banner img { width:60%; height: auto; margin: 0;}
    h2 { width: 100%;}
    h2 img { width: 100%;}
    .col_1 .iteam { background-size: auto 100%;}
    .col_1 .iteam ul { width: 100%; padding: 0 15px; grid-template-columns: 1fr 1fr 1fr 1fr;}
    .col_1 .iteam .btn_box a img { max-width: 100%; height: auto;}
    .col_2 .iteam { width: 100%; padding: 0 15px;}
    .viewport { width: calc(100% - 68px);}
    .col_2 .iteam li { height: auto; padding-bottom: 20px;}
    .col_2 .iteam { height: auto;}
    .col_3 .iteam { width: 100%; height: auto;padding-bottom: 24px;}
    .col_4 .iteam { width: 100%; background-size: 100% 100%;}
    .col_3 .iteam .scroll_left { width: calc(100% - 265px);}
    .col_4 .iteam .left { width: calc(100% - 600px);}
    .col_4 .iteam .left .pic { width: 100%; height: auto;}
    .col_4 .iteam .left .pic img { width: 100%; height: auto;}
    .col_4 .iteam .left dd a {color: #A0784B;width: 100%;display: block;text-align: right;}
    .col_4 .iteam .right { margin: 71px 0 0 30px;}
}
 @media (max-width: 900px) {
    .col_1 .iteam ul { width: 100%; padding: 0 15px; grid-template-columns: 1fr 1fr 1fr; gap: 20px;}     
    h2 .more { top: 34px;}
}
@media screen and (max-width: 768px) {
    h2 .more { top:10px;}
    h2 img { display: none;}
    h2 dl { width: 100%; display: block;}
    h2 dt {font: bold 28px/110% "微软雅黑"; color: #DD603A; width: 100%; background: url(../images/ICH_h_bg.png) no-repeat left bottom; padding-bottom:20px;}
    h2 dd {font: normal 14px/150% "微软雅黑"; color: #5B4C4A; padding: 8px 15px;}
    .col_1 { margin-top: 20px;}
    .col_1 .iteam ul { margin-top: 50px;}
    .col_1 .iteam .btn_box { display: block; margin-top: 30px;}
    .col_1 .iteam .btn_box a { width: 100%; margin: 15px 0 0 0; display: block; overflow: hidden; text-align: center;}
    .col_2,.col_3,.col_4 { margin-top: 30px;}
    .col_2 .iteam { margin-top: 20px;}
    .col_3 .iteam {flex-direction: column;padding: 12px;gap: 12px;display: flex; background-size: cover;}
    .col_3 .iteam .scroll_left {flex: none;width: 100%;}
    .col_3 .iteam .content-item .title {font-size: 13px;}
    .content-item {padding: 30px 30px 50px 30px;}
    .col_3 .iteam .scroll_left {aspect-ratio: 4/3; height: auto;}
    .col_3 .iteam .scroll_left .pic_box { position: relative;}
    .col_3 .iteam .scroll_left .pic_box .pic { width: 100%; height: auto; aspect-ratio: 440/275;}
    .col_3 .iteam .scroll_left .pic_box .text { width: 100%; height: 100%; position: absolute; background: rgba(0 , 0, 0, .4);}
    .col_3 .iteam .scroll_left .pic_box .text dl { padding: 0 20px;}
    .col_3 .iteam .scroll_left .pic_box .text dt { color: #fff;}
    .col_3 .iteam .scroll_left .pic_box .text dd { color: #fff; line-height: 150%;}
    .col_3 .iteam .scroll_left .pic_box .text dl .more { color: #fff;}
    .col_3 .iteam .scroll_left .title { margin-top: 15px;}
    /* 右侧容器：改为横向布局 */
    .col_3 .iteam .scroll_right {justify-content: center; width: 100%;display: flex; margin: 0 0 0 0;}
    .col_3 .iteam .scroll_right .arrow.up { height: 51px; width: 51px; background-position: center center !important;transform: rotate(-90deg);}
    .col_3 .iteam .scroll_right .arrow.down { height: 51px;width: 51px; background-position: center center !important;transform: rotate(-90deg);}
    .col_3 .iteam .scroll_right .arrow.down:hover {transform: rotate(90deg);}
    /* 列表容器：水平滚动 */
    .col_3 .iteam .scroll_right ul {flex: 1 1 100%;height: 51px; /* 高度由内容撑起 */overflow-x: hidden;margin: 4px 0;border-radius: 8px;width: calc(100% - 102px); display: inline-flex;margin: 0px auto;}
    .col_3 .iteam .scroll_right ul li {height: 54px;border-bottom: none;flex: 0 0 100%; /* 每个卡片宽度 */white-space: normal; /* 允许换行 */word-break: break-word;display: flex;align-items: center;justify-content: center;text-align: center;font-size: 14px;}
    .col_3 .iteam .scroll_right ul li:last-child {border-right: none;}

    .col_4 .iteam { padding: 50px 15px 100px 15px; height: auto; background: #fff;box-shadow:0 4px 12px rgba(0,0,0,0.4); width: calc(100% - 30px); margin-top: 20px; }
    .col_4 .iteam .left { width: 100%; margin: 0;}
    .col_4 .iteam .right { width: 100%; margin: 0; }
    .col_4 .iteam .right .list li { width: 100%; height: auto; float: none;  margin: 15px 0 0 0 !important; border-radius: 8px;}
    .col_4 .iteam .right .list li dt,.col_4 .iteam .right .list li dd { width: 100%; float: none;writing-mode:unset; height: auto;}
    .col_4 .iteam .right .list li:nth-child(2) { margin: 15px 0 0 0;}
    .col_4 .iteam .bg { right: 0px; bottom: 0px;}
    .col_4 .iteam .right .list li dd { margin-top: 10px;}
    .col_4 .iteam .left dd,.col_4 .iteam .right .list li dd { line-height: 150%;}
    .jiucuo_btn{bottom:240px;}
    .jiucuo_btn p{font-size:14px;padding:3px 0 0;}
}
   /* 移动端微调 */
@media (max-width: 600px) {
    .col_3 .iteam .iteam { padding: 10px 10px; gap: 6px; }
    .pre, .next { width: 34px; height: 34px; font-size: 20px; }
    .scroll-list li {margin: 0 6px; }
    .col_1 .iteam ul {grid-template-columns: 1fr 1fr ;}
    .scroll-list { padding: 10px 0;}
}

/* 小屏手机进一步调整 */
@media screen and (max-width: 480px) {
    .col_1 .iteam li p span {margin: 0 9px;width: 100%;display: inline-block;}
    .col_1 .iteam .btn_box a img { width: 90%;}
    .scroll_right ul li {flex: 0 0 100px;font-size: 13px;padding: 10px 12px;}
    .content-item {padding: 15px 15px 80px 15px;}
    .col_3 .iteam .scroll_left .pic_box .text dd { font-size: 14px; margin-top: 10px;}
    .col_3 .iteam .scroll_left .pic_box .text dl { margin-top: 20px;}
    .col_3 .iteam .scroll_left .pic_box .text dt { font-size: 20px;}
    .col_3 .iteam .scroll_left .pic_box .text dl .more { margin-top: 10px; font-size: 14px;}
}        
 @media (max-width: 400px) {
    .scroll-list li {  margin: 0 4px; }
    .pre, .next { width: 28px; height: 28px; font-size: 16px; }
}
@media (max-width: 390px) {

}
@media (max-width: 320px) {  
    .col_3 .iteam .scroll_left { aspect-ratio: 4 / 3.4;}
    .col_3 .iteam .scroll_left .pic_box .text dl { margin-top: 12px;}
    .col_3 .iteam .scroll_left .pic_box .text dt {font-size: 18px;}
    .col_3 .iteam .scroll_left .pic_box .text dd {-webkit-line-clamp: 2;}
    }