
.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: 12px 0; color: #000; }
.sins .namea{ display: block; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 22px; }
.sins .nameb{ display: block; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 22px; }
.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; margin-top: 50px;}
.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{ text-align: left; }
.ntit h3{ font-size:66px; font-family:"ff_MM"; font-weight: normal;}
.ntit h4{ font-size:52px; margin-top: 30px;font-weight: normal;}

.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 .ntit{ margin:0; }
.both .ttext{ font-size: 28px; height: 40px; display: flex; align-items: center; justify-content: space-between; width: 100%; float: left; padding: 60px 4%; }
/* .both .ttext:after{ content: ""; position: absolute; left: 98%; width: 2px; height: 100%; background-color: #000; margin:40px 2vw 90px; } */
.both .ttext span{ font-size: 36px; font-family: "ff_MM";}
.both .ttext i{font-family: "ff_MM","Noto Sans SC",'Microsoft Yahei','PingFang SC';}
.both .bright{ padding: 40px 2vw;  width: 62%;  margin: 0 18%;  float: left; }

.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 i{ font-size: 14px; padding-left:6px;  }
.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: 50%; 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; }
h2, h3, h4, h5, h6, h1, b, strong {
    font-weight: bold;
}
/*.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%; }

.news{ border-top: 2px solid #000; padding: 0 2%; position: relative; }
.news h4{ color: #000; padding: 65px 0; position: relative; }
.news h4 span{ display: block; font-size: 66px; }
.news h4 i{ display: block; font-size: 52px; margin-top: 10px; }
.itemx{ border-top: 2px solid #000; }
.itemx .info{ padding: 20px 0 0px; }
.tboth{ display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 50px; height:110px; overflow:hidden;}
.tboth .name{ font-size: 24px; line-height: 1.5; color: #000; width:50%; }
.tboth .time{ color: #000; text-align: right;}
.tboth .time i{display: block; width: 18px; height: 18px; border-radius: 50%; margin-right: 10px; background-color: #000;}
.tboth .time b{ display: block; font-size: 46px; line-height: 1; font-weight: bolder; }
.tboth .time span{ display: block; font-size: 20px; line-height: 1.2; }
.ttime{ display: flex; align-items: flex-start; justify-content: flex-end; margin:60px 0; border-bottom: 2px solid #000; }
.ttime .newstime{ color: #000; text-align: left;margin-bottom: 60px; }
.ttime .newstime i{display: block; width: 18px; height: 18px; border-radius: 50%; margin-right: 10px; margin-top: 4px; background-color: #000;}
.ttime .newstime b{ display: block; font-size: 46px; line-height: 1; }
.ttime .newstime span{ display: block; font-size: 22px; line-height: 1.2; font-weight: bold;}
.itemx .libs{ display: flex; align-items: center; justify-content: space-between; color: #000; height: 40px; margin-bottom: 5px; }
.itemx .libs span{ font-size: 20px; }
.itemx .libs span i{ font-size: 16px; padding-left: 10px; }
.itemx .libs em{ font-size: 20px; color: #000; width: 40%; }
.itemx .imga{ display: block; overflow: hidden; position: relative; }
.itemx .imga img{ display: block; width: 100%; transition: all 0.6s; }
.itemx:hover .imga img{ transform: scale(1.1); }
.itemx .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; }
.itemx:hover .imga i{ opacity: 1; }
.news .swiper-button-next{ position: relative; right: 0 !important; } 
.news .swiper-button-prev{ position: relative; left:auto !important; right: 50px !important; }

@media (max-width: 1440px) {

.both .ttext span{ font-size: 20px;}
.both .ttext i{ font-size: 20px;}

.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; }
.news h4{ padding: 55px 0;  }
.news h4 span{ font-size: 60px; }
.news h4 i{ font-size: 44px; margin-top: 6px; }
.itemx .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%; padding: 0.3rem 0; }
.both .bright{ width: 100%; margin:0; padding:0.25rem 6% 0.8rem; border-top: none; position: relative; }
.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% !important; top: 0; width: 1px; height: 100%; background-color: #000; }

.both .ttext{ font-size: 0.26rem; height: 0.6rem; padding: 0.6rem 10% 0.6rem 6.5%; letter-spacing:-0.01rem; }
.both .ttext:after{ content: ""; position: absolute; right: 5%; top: 0; width: 1px; height: 100%; background-color: #000; }
.both .ttext span{ font-size: 0.26rem;letter-spacing:-0.01rem;  }
.both .ttext i{ font-size: 0.26rem;letter-spacing:-0.01rem; font-weight: 400; }
.both .ttext em{ font-size: 0.28rem; color: #000; }
.both .ntit{ margin:0  5% 0 0; }
.banner a img {display: block; width: 100%; height: 4.9rem; object-fit: cover;}

.ntit h3{ font-size:0.56rem; letter-spacing:-0.03rem; }
.ntit h4{ font-size:0.46rem; margin-top:0.2rem; }
.para{ margin-top: .8rem; border-width: 0.02rem; }
.para dl{ padding: 0.2rem 5% 0.22rem; line-height:0.36rem; font-size: 0.26rem; border-bottom: 0.02rem solid #000;  }
.para dl dt{ font-size: 0.22rem; font-size: 0.18rem; }
.para dl i{ font-size: 0.2rem; padding-left:0.03rem; }
.para dl dt i{ font-size: 0.18rem; }
.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 .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.28rem; line-height: 0.4rem; }
.sins .nameb{ font-size: 0.26rem; line-height: 0.4rem; }

.detail .sins.row{ margin-top: 0; }
.detail .sins.row .info{ padding-bottom: 0; margin-right: 0.3rem; }


.mpart{ padding:0.5rem 5%; border-top: 0.02rem solid #000; }
.mtit{ margin-bottom: 1.2rem; height: 0.44rem; margin-top:0px; }
.mtit span{ width: auto; font-size: 0.26rem;letter-spacing:-0.01rem;}
.mtit span:last-child{ width: 40%; }
.mtit i{ font-size: 0.25rem; 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 0 0; }
.tuwen embed{width: 100%;  height: auto; }
.tuwen video{width: 100%;  height: auto; }

.sins .imga i{ background-size: 0.6rem auto; }
.news{ padding: 0.4rem 5%; border-top: 1px solid #000; }
.news h4{ padding:0.5rem 0;  }
.news h4 span{ font-size: 0.5rem; }
.news h4 i{ font-size: 0.36rem; margin-top: 0.1rem; }
.news .swiper-button-prev{ right: 0.4rem !important; }
.itemx .imga i{ background-size: 0.6rem auto; }
.itemx{ border-top: 0.02rem solid #000; }
.itemx .info{ padding: 0.2rem 0 0px; }
.tboth{ margin-bottom: 0.63rem;height:1.1rem; }
.tboth .name{ font-size: 0.28rem; line-height: 1.3; width:55%; }

.itemx .time b{ font-size:0.4rem; }
.itemx .time span{ font-size:0.2rem;  }

.ttime{ margin: 0.5rem 5% 1.6rem 0;border-bottom: 1px solid #000;   }
.ttime .newstime{ margin-bottom:0px;}
.ttime .newstime i{ width: 0.16rem; height: 0.16rem; margin-right: 0.1rem; margin-top: 0.05rem; margin-bottom: 1rem;}
.ttime .newstime span{ font-size:0.2rem; letter-spacing:-0.01rem; }
.itemx .libs{ height: 0.48rem; margin-bottom: 0.06rem; }
.itemx .libs span{ font-size:0.2rem; }
.itemx .libs span i{ font-size: 0.2rem; padding-left: 0.1rem; }
.itemx .libs em{ font-size: 0.2rem; }

.swiper-button-prev{ background-size:22px auto; width: 22px !important; height: 21px !important;  }
.swiper-button-next{ background-size:22px auto; width: 22px !important; height: 21px !important;  }

}

.relaion{ position: relative; }
.relaion .drop{ display: none; }
.relaion .drop dl dd{ max-width: 100%; }