@charset "utf-8";

html, body{overflow: visible;}

.sr-ban1{height: 6rem; position: relative; z-index: 1; overflow: hidden; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.sr-ban1 .bg{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1;}
.sr-ban1 .bg img{display: block; width: 100%; height: 100%; object-fit: cover;}
.sr-ban1 .lg{margin-bottom: 0.4rem;}
.sr-ban1 .lg img{display: block; max-height: 2.46rem;}
.sr-ban1 h2{width: fit-content; font-size: 0.4rem; color: #F8C058; text-align: center; font-weight: normal; line-height: 1.43;}
.sr-ban1 h2 span{display: block; font-size: 0.2rem; line-height: 1.2;}

.sr-mob_ban1{padding: 0 0.2rem; background-color: #821D21; overflow: hidden; display: none;}
.sr-mob_ban1 .lg{margin: 0.2rem 0;}
.sr-mob_ban1 .lg img{margin: 0 auto; display: block; max-height: 1.2rem;}
.sr-mob_ban1 h2{margin: 0.2rem 0; font-size: 0.24rem; color: #fff; text-align: center; font-weight: normal; line-height: 1.3;}
.sr-mob_ban1 h2 span{display: block; font-size: 0.16rem;}

.sr-ny1{padding: 1.35rem 0; background: #F9F8F3;}
.sr-ny1 .items{margin-bottom: 1.31rem;}
.sr-ny1 .items:last-child{margin-bottom: 0;}
.sr-ny1 .items.its1{}
.sr-ny1 .items.its2{}
.sr-ny1 .items.its2 .hd:before{background-image: url(../images/ny/sr-ico3.png);}
.sr-ny1 .hd{margin-bottom: 0.64rem; position: relative; z-index: 1; display: flex; align-items: flex-end;}
.sr-ny1 .hd:before{content: ''; position: absolute; right: 0; bottom: 0.2rem; width: 2.95rem;width: 2rem; height: 1.2rem; background-repeat: no-repeat; background-position: right bottom; -webkit-background-size: contain; background-size: contain; background-image: url(../images/ny/sr-ico2.png); pointer-events: none; z-index: -1;}
.sr-ny1 .hd:after{content: ''; margin-bottom: 0.07rem; margin-left: 0.23rem; display: block; height: 0.03rem; background: linear-gradient(90deg, rgba(130, 29, 33, 1)0%, rgba(130, 29, 33, 0)); flex-grow: 1;}
.sr-ny1 .hd .title{padding-left: 0.91rem; position: relative; font-size: 0.46rem; color: #333333; font-weight: bold; line-height: 1.1; position: relative;}
.sr-ny1 .hd .title:before{content: ''; position: absolute; left: 0; top: 0.03rem; width: 0.68rem; height: 0.68rem; background: url(../images/ny/sr-ico1.png) center center no-repeat; -webkit-background-size: contain; background-size: contain; pointer-events: none; z-index: -1;}
.sr-ny1 .hd .title span{margin-bottom: 0.07rem; display: block; font-size: 0.18rem; color: #666666; font-weight: normal; text-transform: uppercase;}
.sr-ny1 .ul{padding: 0 0.45rem; margin: 0 -0.54rem; display: flex; flex-wrap: wrap; justify-content: center; gap: 0.18rem 0;}
.sr-ny1 .ul li{padding: 0 0.54rem; width: 25%; flex-shrink: 0;}
.sr-ny1 .ul .con{padding: 0.39rem 0.1rem 0.27rem; display: block; height: 100%; -webkit-transition: .5s background; -o-transition: .5s background; transition: .5s background;}
.sr-ny1 .ul .icon{margin: 0 auto; width: 2rem; height: 2rem; background-color: #821D21; border-radius: 50%; overflow: hidden; display: flex; justify-content: center; align-items: center;}
.sr-ny1 .ul .icon img{display: block; max-width: 76%; max-height: 76%; position: static;}
.sr-ny1 .ul .line{margin: 0.3rem auto 0.34rem; width: 1.12rem; height: 0.09rem; background-color: #F8C058; position: relative; -webkit-transition: .2s ease-out width; -o-transition: .2s ease-out width; transition: .2s ease-out width;}
.sr-ny1 .ul .line:before{content: ''; position: absolute; left: 0; top: 0; width: 50%; height: 100%; background-color: #821D21;}
.sr-ny1 .ul .tit{font-size: 0.3rem; color: #333333; font-weight: bold; line-height: 1.43; text-align: center;}
.sr-ny1 .ul p.tit_p {
    font-size: 0.24rem;
    color: #333333;
    font-weight: 500;
    line-height: 1.43;
    text-align: center;
}
.sr-ny1 .ul .con:hover{background: rgba(130, 29, 33, 0.07);}
.sr-ny1 .ul .con:hover .line{width: 1.4rem;}

.sr-header1{padding: 0.25rem 0; background-color: #821D21;}
.sr-header1 .lg{}
.sr-header1 .lg img{display: block; height: 1.2rem;}

.sr-ny2{padding: 0.78rem 0 1.4rem; background-color: #F9F8F3;}
.sr-ny2 .wp{height: 100%; display: flex; justify-content: space-between; align-items: flex-start;}
.sr-ny2 .ny-col{margin-right: 0.62rem; width: 3.4rem; max-height: 100vh; overflow-y: auto; flex-shrink: 0; position: sticky; top: 0; z-index: 100;}
.sr-ny2 .ny-cor{width: calc(100% - 4.02rem); max-width: 100%; flex-grow: 1;}
.sr-nav1{padding-left: 20px; position: relative; background: url(../images/ny/sr-bg3.png) center bottom 2px no-repeat; -webkit-background-size: 100% auto; background-size: 100% auto;}
.sr-nav1:before{content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: #821D21; pointer-events: none; z-index: -1;}
.sr-nav1 .hd{padding: 0.28rem 0; padding-left: 0.47rem; overflow: hidden;}
.sr-nav1 .hd .tit{float: left; font-size: 0.3rem; color: #FFFFFF; font-weight: bold; line-height: 1.43;}
.sr-nav1 .hd .right{float: right; width: 0.48rem; height: 0.48rem; display: flex; justify-content: center; align-items: center; display: none;}
.sr-nav1 .hd .right img{display: block; max-width: 0.26rem; max-height: 0.26rem; flex-shrink: 0;}
.sr-nav1 .bd{padding: 0.25rem 0 1.17rem; background: url(../images/ny/sr-bg4.jpg) center bottom no-repeat; -webkit-background-size: 100% auto; background-size: 100% auto; position: relative; z-index: 1;}
.sr-nav1 .bd:before{content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0.6rem; background-color: #FFF9F9; pointer-events: none; z-index: -1;}
.sr-nav1 .bd ul{}
.sr-nav1 .bd li{margin-top: -1px;}
.sr-nav1 .bd .con{display: block; position: relative; z-index: 10;}
.sr-nav1 .bd .con:before{content: ''; position: absolute; left: 0.13rem; top: 50%; width: 0.29rem; height: 0.26rem; background: url(../images/ny/sr-logo4.png) center center no-repeat; -webkit-background-size: contain; background-size: contain; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; -webkit-transition: .5s; -o-transition: .5s; transition: .5s;}
.sr-nav1 .bd .con:after{content: ''; position: absolute; left: 0.29rem; bottom: 0; right: 0.34rem; height: 1px; background-color: #821D21; opacity: .2; z-index: -1; -webkit-transition: .5s; -o-transition: .5s; transition: .5s;}
.sr-nav1 .bd .tit{padding: 0.28rem 0.35rem 0.28rem 0.47rem; font-size: 0.22rem; color: #666666; line-height: 1.45; position: relative; -webkit-transition: .5s; -o-transition: .5s; transition: .5s;}
.sr-nav1 .bd .tit:before{content: ''; position: absolute; left: -0.06rem; top: 0; right: 0; bottom: 0; background-color: #F8C058; z-index: -1; opacity: 0; -webkit-transition: .5s; -o-transition: .5s; transition: .5s;}
.sr-nav1 .bd .tit:after{content: ''; position: absolute; left: -0.06rem; top: 100%; width: 0.06rem; height: 0.06rem; background: url(../images/ny/sr-bg5.png) center center no-repeat; -webkit-background-size: contain; background-size: contain; opacity: 0; -webkit-transition: .5s; -o-transition: .5s; transition: .5s;}
.sr-nav1 .bd .tit img{display: inline-block; vertical-align: middle; margin: -8px 4px 0 0;}
.sr-nav1 .bd .return{}
.sr-nav1 .bd .return .con:before, .sr-nav1 .bd .return .con:after{display: none;}
.sr-nav1 .bd .return .tit{padding-left: 0.29rem; padding-right: 0.35rem; color: #666666 !important; text-align: center;}
.sr-nav1 .bd .return .tit:before, .sr-nav1 .bd .return .tit:after{display: none;}
.sr-nav1 .bd .on{}
.sr-nav1 .bd .on .con{}
.sr-nav1 .bd .on .con:before{opacity: 1;}
.sr-nav1 .bd .on .con:after{opacity: 0;}
.sr-nav1 .bd .on .tit{color: #fff;}
.sr-nav1 .bd .on .tit:before, .sr-nav1 .bd .on .tit:after{opacity: 1;}
.sr-nav1 .bd .con:hover{}
.sr-nav1 .bd .con:hover:before{opacity: 1;}
.sr-nav1 .bd .con:hover:after{opacity: 0;}
.sr-nav1 .bd .con:hover .tit{color: #fff;}
.sr-nav1 .bd .con:hover .tit:before, .sr-nav1 .bd .con:hover .tit:after{opacity: 1;}

.sr-det1{font-size: 0.18rem; color: #333333; line-height: 1.2;}
.sr-det1 .det-top{margin-bottom: 0.8rem; display: flex; align-items: center;}
.sr-det1 .det-top .lg{margin-right: 0.3rem; width: 1.32rem; height: 1.32rem; flex-shrink: 0; display: flex; justify-content: center; align-items: center;}
.sr-det1 .det-top .lg img{display: block; max-width: 100%; max-height: 100%; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); flex-shrink: 0;}
.sr-det1 .det-top .txt{font-size: 0.24rem; color: #333333; line-height: 1.46; flex: 1;}
.sr-det1 .det-top .txt h3{font-size: 0.4rem; color: #821D21; font-weight: bold; line-height: 1.45;}
.sr-det1 .det-top .txt .line{margin: 0.01rem 0 0.17rem; width: 1.12rem; height: 0.05rem; background-color: #F8C058; position: relative;}
.sr-det1 .det-top .txt .line:before{content: ''; position: absolute; left: 0; top: 0; width: 50%; height: 100%; background-color: #821D21;}
.sr-det1 .det-items{margin-bottom: 0.7rem; background-color: #FFFFFF; box-shadow: 0 0.06rem 0.1rem rgba(130, 29, 33, 0.06);}
.sr-det1 .det-items:last-child{margin-bottom: 0;}
.sr-det1 .det-items .hd{padding: 0.17rem 0.4rem; background: url(../images/ny/sr-bg1.png) right bottom no-repeat; -webkit-background-size: cover; background-size: cover;}
.sr-det1 .det-items .hd h3{font-size: 0.28rem; color: #FFFFFF; font-weight: bold; line-height: 1.46; display: flex; flex-wrap: wrap; align-items: center;}
.sr-det1 .det-items .hd h3 span{font-size: 0.18rem; font-weight: normal; padding-left: 0.14rem; margin-left: 0.1rem; position: relative;}
.sr-det1 .det-items .hd h3 span:before{content: ''; position: absolute; left: 0; top: 50%; width: 0.08rem; height: 0.15rem; background: url(../images/ny/sr-line1.png) center center no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.sr-det1 .det-items .hd h3 em{margin: 0 0.24rem; display: block; width: 0.4rem; height: 1px; background-color: #FFFFFF;}
.sr-det1 .det-items .cont{padding: 0.35rem 0.4rem 0.5rem;}
.sr-det1 .det-items .cont p{line-height: 1.67;}
.sr-det1 .det-items .cont-hd{margin-bottom: 0.08rem;}
.sr-det1 .det-items .cont-hd h4{font-size: 0.24rem; color: #821D21; font-weight: bold; line-height: 1.46;}
.sr-det1 .det-items .cont-its1{overflow: hidden;}
.sr-det1 .det-items .cont-its1 .pic{margin-left: 1.28rem; float: right; width: 4.26rem;}
.sr-det1 .det-items .cont-its1 .pic img{display: block; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); max-width: 100%;}
.sr-det1 .det-items .cont-its1 .txt{}
.sr-det1 .det-items .list1{padding: 0.25rem 0.2rem 0.3rem; padding-right: 0.67rem; margin: 0 -0.4rem; display: flex; flex-wrap: wrap; gap: 0.6rem 0;}
.sr-det1 .det-items .list1 li{padding: 0 0.4rem; width: 50%; flex-shrink: 0;}
.sr-det1 .det-items .list1 .con{padding: 0 0.2rem 0 0.7rem; display: block; height: 0.54rem; border: 1px solid rgba(130, 29, 33, .2); position: relative; display: flex; align-items: center; -webkit-transition: .5s; -o-transition: .5s; transition: .5s;}
.sr-det1 .det-items .list1 .icon-down{position: absolute; left: -0.2rem; bottom: -1px; width: 0.7rem; height: 0.64rem; background: url(../images/ny/sr-bg2.png) center center no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%;}
.sr-det1 .det-items .list1 .icon-down:before{content: ''; position: absolute; left: 0.17rem; bottom: 0.16rem; width: 0.27rem; height: 0.26rem; background: url(../images/ny/sr-down1.png) center center no-repeat; -webkit-background-size: contain; background-size: contain;}
.sr-det1 .det-items .list1 .tit{width: 100%; font-size: 0.2rem; color: #333333; font-weight: normal; line-height: 1.45; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; flex-shrink: 0; -webkit-transition: .5s; -o-transition: .5s; transition: .5s;}
.sr-det1 .det-items .list1 .con:hover{background-color: rgba(130, 29, 33, 0.04); border-color: transparent;}
.sr-det1 .det-items .list1 .con:hover .tit{color: #821D21; font-weight: bold;}

@media (max-width: 1025px) {
    .anchor{margin-top: -0.8rem; padding-top: 0.8rem;}
    .sr-ban1{display: none;}
    .sr-mob_ban1{display: block;}
    .sr-ny1{padding: 0.8rem 0;}
    .sr-ny1 .items{margin-bottom: 0.4rem;}
    .sr-ny1 .hd{margin-bottom: 0.25rem;}
    .sr-ny1 .hd:before{bottom: 0.13rem; width: 1.2rem; height: 0.49rem;}
    .sr-ny1 .hd:after{margin-left: 0.1rem;}
    .sr-ny1 .hd .title{padding-left: 0.46rem; font-size: 0.26rem;}
    .sr-ny1 .hd .title:before{width: 0.36rem; height: 0.36rem;}
    .sr-ny1 .hd .title span{margin-bottom: 0.02rem; font-size: 0.15rem;}
    .sr-ny1 .ul{padding: 0; margin: 0 -0.1rem;}
    .sr-ny1 .ul li{padding: 0 0.1rem;}
    .sr-ny1 .ul .con{padding: 0.25rem 0.1rem 0.2rem;}
    .sr-ny1 .ul .icon{width: 1.1rem; height: 1.1rem;}
    .sr-ny1 .ul .line{margin: 0.2rem auto; height: 0.04rem; width: 0.64rem;}
    .sr-ny1 .ul .tit{font-size: 0.2rem;}
.sr-ny1 .ul p.tit_p{font-size: 0.18rem;}
    .sr-ny1 .ul .con:hover .line{width: 0.8rem;}
    .sr-header1{padding: 0.15rem 0;}
    .sr-header1 .lg img{max-height: 0.6rem;}
    .sr-ny2{padding: 0.4rem 0;}
    .sr-ny2 .wp{display: block;}
    .sr-ny2 .ny-col, .sr-ny2 .ny-cor{width: 100%; margin: 0;}
    .sr-ny2 .ny-col{margin-bottom: 0.4rem; max-height: none; overflow: visible;}
    .sr-nav1{padding: 0; background: none;}
    .sr-nav1:before{bottom: 0;}
    .sr-nav1 .hd{padding: 0.1rem 0.2rem; padding-right: 0.1rem;}
    .sr-nav1 .hd .tit{padding: 0.06rem 0; font-size: 0.24rem; line-height: 0.36rem;}
    .sr-nav1 .hd .right{display: flex;}
    .sr-nav1 .bd{padding: 0.1rem 0 1rem; position: absolute; left: 0; top: 100%; right: 0; z-index: 10; display: none;}
    .sr-nav1 .bd:before{bottom: 0;}
    .sr-nav1 .bd ul{max-height: 4.02rem; overflow-y: auto;}
    .sr-nav1 .bd .con{padding-left: 0.06rem;}
    .sr-nav1 .bd .tit{padding-top: 0.15rem; padding-bottom: 0.15rem; font-size: 0.2rem;}
    .sr-nav1 .bd .tit img{height: 16px; margin-top: -4px;}
    .sr-det1{font-size: 0.16rem;}
    .sr-det1 .det-top{margin-bottom: 0.2rem;}
    .sr-det1 .det-top .lg{width: 0.8rem; height: 0.8rem; margin-right: 0.2rem;}
    .sr-det1 .det-top .txt{font-size: 0.18rem; width: calc(100% - 1rem);}
    .sr-det1 .det-top .txt h3{font-size: 0.24rem;}
    .sr-det1 .det-top .txt .line{margin-bottom: 0.06rem; width: 0.6rem; height: 0.03rem;}
    .sr-det1 .det-items{margin-bottom: 0.3rem;}
    .sr-det1 .det-items .hd{padding: 0.12rem 0.2rem; background-color: #821D21;}
    .sr-det1 .det-items .hd h3{font-size: 0.22rem;}
    .sr-det1 .det-items .hd h3 span{font-size: 0.15rem;}
    .sr-det1 .det-items .hd h3 em{width: 0.2rem; margin: 0 0.1rem;}
    .sr-det1 .det-items .cont{padding: 0.2rem;}
    .sr-det1 .det-items .cont-hd h4{font-size: 0.22rem;}
    .sr-det1 .det-items .cont-its1 .pic{float: none; width: 2.4rem; margin: 0 auto;}
    .sr-det1 .det-items .list1{padding: 0.2rem 0.1rem; padding-left: 0.3rem; margin: 0; gap: 0.35rem 0;}
    .sr-det1 .det-items .list1 li{width: 100%; padding: 0;}
    .sr-det1 .det-items .list1 .tit{font-size: 0.18rem;}
}
@media (max-width: 767px) {
    .sr-ny1 .ul li{width: 50%;}
}