.swiperPic{
  --swiper-theme-color: #ff6600;/* 设置Swiper风格 */
  --swiper-navigation-color: #000;/* 单独设置按钮颜色 */
  --swiper-navigation-size: 30px;/* 设置按钮大小 */
}
.paged{ background-color: #fff; width: 100%; overflow: hidden; color: #000; }

.sins{ width: 100%; cursor: pointer; }
.sins .imga{ display: block; width: 100%; position: relative; overflow: hidden; }
.sins .imga img{ display: block; width: 100%; transition: all 0.6s; }
.sins .imga i{ display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 9; background-color: rgba(0,0,0,0.1); background-image: url(../img/img38.png); background-size: 80px auto; background-repeat: no-repeat; background-position: center center; opacity: 0; transition: all 0.6s; }
.sins:hover .imga img{ transform: scale(1.1); }
.sins:hover .imga i{ opacity: 1; }
.sins .info{ padding: 24px 0 0 0; color: #000; }
.sins .namea{ display: block; font-size: 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 22px; letter-spacing:-1px; margin-bottom: 3px; }
.sins .nameb{ display: block; font-size: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 22px; font-family: "Noto Sans SC",'Microsoft Yahei','PingFang SC' !important; font-weight: 500; }
.sins.row{ overflow: hidden; margin-top: 180px; display: flex; align-items: flex-end; flex-direction: row-reverse; }
.sins.row .imga{ width: 50%; float: right; }
.sins.row .info{ float: right; margin-right: 50px; }

.mpart{ padding:20px 2vw; border-top: 2px solid #000; }
.mtit{ display: flex; align-items: center; color: #000; margin-bottom: 100px; height: 40px; }
.mtit span{ width: 30%; font-size: 36px; letter-spacing:-2px; }
.mtit span:last-child{ text-align: right; }
.mtit i{ flex:1; font-size: 28px; }

.banner{ overflow: hidden; }
.banner a{ display: block; width: 100%; }
.banner a img{ display: block; width: 100%; }

.detail{ overflow: hidden; padding: 108px 2%; }
.detail .half{ width: 46.68%; float: left; }
.detail .half:nth-child(2n){ float: right; }
.detail h6{ font-size: 16px; line-height: 24px; margin-bottom: 20px; margin-top: 550px; }

.ntit{  }
.ntit h3{ font-size:66px; font-family:ff_MM_Bold; letter-spacing:-2px; text-transform:uppercase; }
.ntit h4{ font-size:52px; margin-top: 20px; text-indent: 30%; }

.both{ font-size: 14px; border-top: 2px solid #000; border-bottom: 2px solid #000; overflow: hidden; position: relative; }
.both:before{ content: ""; position: absolute; left: 37.5%; width: 2px; height: 100%; background-color: #000; }
.both:after{ content: ""; position: absolute; left: 98%; width: 2px; height: 100%; background-color: #000; }
.both .bleft{ padding: 40px 0; width: 37.5%; float: left; }
.both .bleft h5 i{font-size:28px; font-family:"Noto Sans SC",'Microsoft Yahei','PingFang SC'; font-weight:500;}
.both .ntit{ margin:0 2vw; }
.both h5{ font-size: 28px; height: 40px; display: flex; align-items: center; justify-content: space-between; margin:0 2vw 90px; }
.both h5 i{ font-size: 36px; font-family:ff_MM_Bold; letter-spacing:-2px;}
.both h5 span{ font-size: 36px; font-family:ff_MM_Bold;letter-spacing:-1px; }
.both .bright{ padding: 40px 2vw; width: 60.5%; margin-right: 2%; float: right;/* border-left: 2px solid #000; border-right: 2px solid #000;*/ }
.both .bright h5 i{margin-right:calc(-2vw + 10px);}

.para{ border-top: 2px solid #000; margin-top: 90px;}
.para dl{ padding: 13px 2vw 12px; line-height: 24px; font-size: 16px; border-bottom: 2px solid #000; display: flex; align-items: flex-start; justify-content: space-between; }
.para dl:last-child{border-bottom:0px;}
.para dl i{ font-size: 14px; display:inline-block; }
.para dl dt{}
.para dl .toggle{ width: 24px; height: 24px; background-image: url(../img/img51.png); background-size: 20px auto; background-repeat: no-repeat; background-position: center center;  }
.para dl .toggle.active{ background-image: url(../img/img50.png);  }
.para dl dd{ max-width: 53%; text-align: right; }

.para .tdl{ background-color: #e9e9e9; cursor: pointer; }
.iconbl{ margin:220px 2vw 20px; display: block; width: 100%; }
.iconbl img{display: block; }

.swiperPic .swiper-slide img{ display: block; margin:0 auto; max-width: 100%; }

.bbnone{ border-bottom: none; }
.tuwen a{ font-size: 14px; color: #000; line-height: 24px; }
.tuwen p{ margin:10px 0 25px; }
.tuwen img{ display: block; width: 100%; }
.fixicon{ position: absolute; left: 0; bottom: 3%; left: 2vw; }
.fixicon img{ display: block; max-width: 100%; }


.sins.scale .imga{ width: 100%; height: 0; padding-bottom: 120%; }
.sins.scale .imga img{ position: absolute; width: 100%; max-width: auto !important; height: 100%; object-fit: cover; /*transform: translateX(-50%);left: 50%; top: 0; */ }
.sins.scalea .imga{ padding-bottom: 66%; }
.sins.scaleb .imga{ padding-bottom: 123.7%; }
.sins.scalec{ padding-left:35%; }
.sins.scalec .imga{ padding-bottom: 90%; }


.swiperPic .swiper-slide a{ width: 100%; height: 0; padding-bottom: 140%; position: relative; display: block; }
.swiperPic .swiper-slide a span{ position: absolute; left:0; top: 0; width: 100%; height: 100%; padding: 0 15%; display: flex; align-items: center; justify-content: center;  }
.swiperPic .swiper-slide img{ max-width: 100%; max-height: 100%; }

@media (max-width: 1440px) {

.ntit h3{ font-size:0.32rem; }
.ntit h4{ font-size:0.26rem; margin-top:25px; text-indent: 20%; }

.mtit{ margin-bottom: 80px; }
.mtit span{ font-size: 32px; }
.mtit i{font-size: 24px; }

.sins .imga i{ background-size: 70px auto; }

.both h5 i{ font-size:20px; }
.both h5 span{ font-size:20px; }
.both .bleft h5 i{font-size:18px; }
.both .bright h5 i{font-size:20px; }

}
@media (max-width: 1023px) {
.both{ border-width: 0.02rem; }
.both:before{ display: none; }
.both:after{ display: none; }
.both .bleft{ width: 100%; padding: 0.3rem 0; }
.both .bleft h5 i{font-size:0.23rem; letter-spacing:-0.01rem; font-weight:500; }
.both .bright{ width: 100%; margin:0; padding:0.25rem 6% 0.8rem; border-top: 0.02rem solid #000; position: relative; }
.both .bright h5 i{font-size:0.26rem; letter-spacing:-0.01rem; }
.both .bright:before{ content: ""; position: absolute; left: 5%; top: 0; width: 1px; height: 100%; background-color: #000; }
.both .bright.only:before{ display: none;}
.both .bright:after{ content: ""; position: absolute; right: 5%; top: 0; width: 1px; height: 100%; background-color: #000; }


.both h5{ font-size: 0.26rem; height: 0.6rem; margin:0 5% 0.6rem; }
.both h5 span{ font-size: 0.26rem; }
.both .ntit{ margin:0  5%; }

.ntit h3{ font-size:0.56rem;letter-spacing: -1px; }
.ntit h4{ font-size:0.46rem; margin-top:0.2rem; text-indent: 20%; }
.para{ margin-top: .8rem; border-width: 1px; }
.para dl{ padding: 0.2rem 5% 0.22rem; line-height:0.36rem; font-size: 0.26rem; border-bottom: 0.02rem solid #000; font-family:ff_MM_Bold; }
.para dl dt{ font-size: 0.22rem; }
.para dl dd{ max-width: 55%;}
.para dl i{ font-size: 0.22rem; }
.para dl dt i{ font-size: 0.22rem; }
.para dl i{ display: inline-block; }
.para dl span{ display: inline-block; font-size:0.22rem; }
.para dl .toggle{ width: 0.36rem; height: 0.36rem; background-size: 0.36rem auto; }
.para .tlleft{ text-align: left; }
.fixicon img{ width: 1.8rem; }

.iconbl{ margin:1.4rem 5% 0.2rem; }
.iconbl img{ width: 1.8rem; }
.swiperPic .swiper-slide img{ display: block; margin:0 auto; max-width: 100%; height: 7.5rem; }

.detail{ padding: 1rem 5%; }
.detail .half{ width: 100%; }
.detail h6{ font-size:0.2rem; line-height:0.36rem; margin-bottom: 0.2rem; margin-top: 1.3rem; letter-spacing:-0.01rem; }
.detail .sins{ margin-bottom: 0.4rem; }
.sins .info{ padding: 0.2rem 0 0.4rem 0; }
.sins .namea{ font-size: 0.26rem; line-height: 0.3rem; margin-bottom:0px; letter-spacing:-0.02rem; }
.sins .nameb{ font-size: 0.25rem; line-height: 0.3rem;font-weight: 500; }

.detail .sins.row{ margin-top: 0; }
.detail .sins.row .info{ padding-bottom: 0; margin-right: 0.3rem; }
.sins.scalec {padding-left: 15%;}


.mpart{ padding:0.5rem 5%; border-top: 0.02rem solid #000; }
.mtit{ margin-bottom: 1.2rem; height: 0.44rem; }
.mtit span{ width: auto; font-size: 0.26rem; letter-spacing:-0.01rem;}
.mtit span:last-child{ width: 40%; }
.mtit i{ font-size: 0.24rem; flex:1; text-align: center; font-weight:500; }

.fixicon{ position: static; margin-top: 1.5rem; margin-left: 5%; margin-bottom: 0.5rem; }
.tuwen{ padding: 0 0.3rem; }

.sins .imga i{ background-size: 0.6rem auto; }
}

.relaion{ position: relative; }
.relaion .drop{ display: none; }
.relaion .drop dl dd{ max-width: 100%; }
.relaion .drop .on { background: #FBC518; }