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

.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; font-weight: 400; text-align: center;}
.sins .namea{ display: block; font-size: clamp(11px, 1vw, 14px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 22px;  margin-bottom: 30px; margin-top: 15px;text-decoration:underline; }
.sins .nameb{ display: block; font-size: clamp(14px, 1vw, 18px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 22px; transform: scaleY(0.9);}
.sins .namec { font-size: 16px; margin-top: 3px; color: #a3a3a3; }
.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:100px 10%; position:relative; }
.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; }

.pjbanner{ overflow: hidden; }
.pjbanner a{ display: block; width: 100%; }
.pjbanner 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:78px; font-weight:300; transform: scaleY(0.9); line-height: 1.22;}
.ntit h4{ font-size:40px; margin-top: 46px; }

.both{ font-size: 14px; border-top: 2px solid gray; border-bottom: 2px solid gray; overflow: hidden; display:flex;flex-wrap: wrap; }
.both .bleft{width: 100%; display: flex;border-bottom: 2px solid gray; }
.both .bleft h5 i{font-size:28px;}
.both .bleft .lefttitle{width: 70%; border-right: 2px solid gray;}
.both .bleft .subtitle{display: flex; align-items: flex-start; justify-content: space-between; font-size: 16px; color: gray;padding:27px 5% 135px 8.5%;position: absolute; width: 100%;transform: scaleY(0.9);
    letter-spacing: -0.5px;}
.both .bleft .subtitle span{width: 25%;}
.mater .cate{color: black; font-size: 24px; text-align: right; transform: scaleY(0.9);}
.mater .cate i{font-size: 16px;}
.mater dl:last-child{border:none;}

.both .ntit{ margin:173px 12% 40px; }
.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; letter-spacing:-1px;}
.both h5 span{ font-size: 16px; color:gray; }
.both .bright{ padding: 7% 2% 7% 8.5%; width: 68%; position:relative; /* border-left: 2px solid gray; border-right: 2px solid gray;*/ }
.both .bright h5 i{margin-right:-2vw;}
.both .bright:after{ content: "END"; color: gray; position: absolute; right: -3%; bottom: 6%; font-size:16px; }

.para { width: 30%; display:flex; justify-content: space-between; flex-direction: column; margin-top:149px; }
.para dl { padding: 9px 17% 35px; line-height: 18px; font-size: 16px; border-bottom: 2px solid #dbdbdb; display: flex; align-items: flex-end; justify-content: space-between; flex-direction: column; }
.para dl:first-child { line-height:30px; font-weight: 400; }
.para dl dd i { font-size: 14px; margin-top: 5px; line-height: 1.8; }
.para dl dt { text-align: right; font-size: 10px; color: gray;}
.para dl dt span {font-size: 14px; display: block;}
.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: 90%; text-align: right; margin-top: 12px;}


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


.section-title-top { display: flex; justify-content: space-between; align-items: center; height: 100px; padding: 0 10%; color: white; background-color:black; }
.section-title { font-size: 70px; display: flex; line-height: 0.6; }
.section-title .title-text { transform: scaleY(0.9); display: inline-block; margin-right:0.06rem;letter-spacing: -2px; }
.superscript { font-size: clamp(10px, 1vw, 18px); vertical-align: super; font-weight: 400; }


.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: 100%; }
.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%; }

@media (max-width: 1440px) {

.both h5 span{font-size:20px;}
.both h5 i{font-size:20px;}
.both .bleft h5 i{font-size:18px;}
.both .bleft .lefttitle { width: 65%; }
.para { width: 35%; }

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

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

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

}
@media (max-width: 1023px) {
.both{ border-width: 0.02rem; }
.both:before{ display: none; }
.both:after{ display: none; }
.both .bleft{ width: 100%; flex-direction: column; }
.both .bleft h5 i{font-size:0.23rem; font-weight:500; }
.both .bleft .lefttitle { width: 100%; border: none; }
.both .bleft .subtitle span {
    font-size: 0.15rem;width: 29%;
}
.both .bleft .subtitle {
    padding: 3px 5% 0;
}

.both .bright{ width: 90%; margin:0; padding:0.9rem 5% 0.8rem; position: relative; }
.both .bright:before{ content: ""; position: absolute; left: 5%; top: 0; width: 0.01rem; height: 100%; background-color: #fff; }
.both .bright.only{ display: none;}
.both .bright:after{ content: "END"; color: gray; position: absolute; right: -3%; bottom: 0.8rem; font-size:0.2rem; }
.both .bright h5 i{font-size:0.26rem;}

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

.mater .cate { text-align: left; font-size: 0.26rem; margin-right: 0.2rem; }
.mater .cate i { font-size: 0.22rem; margin-left: 0.2rem; }


.pjbanner a img {display: block; width: 100%; height: 5.3rem; object-fit: cover;}
.ntit h3{ font-size:0.46rem;}
.ntit h4{ font-size:0.3rem; margin-top:0.2rem; text-align: left;}
.para{ margin-top: 0.3rem; border-width: 0.02rem;width: 100%; }
.para dl{ padding: 0.1rem 5% 0.1rem; line-height:0.36rem; font-size: 0.26rem; border-bottom: 0.02rem solid #dbdbdb;align-items: flex-start;}
.para dl:first-child{border-top: 0.02rem solid #dbdbdb; flex-direction: row; justify-content: flex-start; }
.para dl dd { max-width: 100%; text-align: left; margin-top: 0;}
.para dl dt { font-size: 0.22rem; text-align: left; }
.para dl dt span { display: inline-block; font-size: 0.22rem; margin-right: 0.2rem; }
.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; }
.para dl .toggle { width: 0.36rem; height: 0.36rem; background-size: 0.36rem auto; }
.para dl dd i { font-size: 0.22rem; }
.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.26rem; line-height:0.36rem; margin-bottom: 0.2rem; margin-top: 1.3rem; font-size: 0.22rem; }
.detail .sins{ margin-bottom: 0.4rem; }
.sins .info{ padding: 0.16rem 0; }
.sins .namea{ font-size: 0.22rem; line-height: 0.3rem; margin-bottom:5px;}
.sins .nameb{ font-size: 0.18rem; line-height: 0.3rem; }
.sins .namec{ font-size: 0.18rem; line-height: 0.3rem; margin-top: 0px;}

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


.mpart{ padding: 0.85rem 5%;}

.section-title-top { height: 1rem !important; padding: 0 6%; }
.section-title { font-size: 0.43rem !important; }
.section-title .title-text { letter-spacing: 0; }

.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; }

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


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

.swiper-button-prev.white {display: none!important;}
.swiper-button-next.white {display: none!important;}
}