
.swiperPic{
  --swiper-theme-color: #ff6600;/* 设置Swiper风格 */
  --swiper-navigation-color: #1c1514;/* 单独设置按钮颜色 */
  --swiper-navigation-size: 30px;/* 设置按钮大小 */
}
.paged{ background-color: #838384; width: 100%; overflow: hidden; color: #1c1514; }
.bgblack{ background-color: #1c1514; color: #838384; }

.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.scale .imga{ width: 100%; height: 0; padding-bottom: 120%; }
.sins.scale .imga img{ position: absolute; left: 50%; top: 0; width: 100%; max-width: auto !important; height: auto; transform: translateX(-50%); object-fit: cover;}
.sins.scale:hover .imga img{ transform: translateX(-50%) scale(1.1);}
.sins:hover .imga img{ transform: scale(1.1); }
.sins:hover .imga i{ opacity: 1; }
.noHover{pointer-events: none;}
.sins .info{ padding: 12px 0; color: #838384; }
.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 #838384; }
.mtit{ display: flex; align-items: center; color: #1c1514; margin-bottom: 100px; height: 40px; }
.mtit span{ width: 30%; font-size: 36px; }
.mtit span:last-child{ text-align: right; }
.mtit i{ flex:1; font-size: 28px; }

.banner{ overflow: hidden;border-bottom: 1px solid #838384; }
.banner a{ display: block; width: 100%; }
.banner a img{ display: block; width: 100%; }

.detail{ overflow: hidden; padding: 108px 2%; border-top: 2px solid #838384; position: relative; }
.detail .half{ width: 49%; float: left; }
.detail .half:nth-child(2n){ float: right; }
.detail h6{ font-size: 16px; line-height: 24px; margin-bottom: 20px; margin-top: 550px; }
.ricon{ position: absolute; right: 2%; bottom: 108px; z-index: 1; }
.ricon img{ display: block; max-width: 100%; }

.ntit{  }
.ntit h3{ font-size:66px; }
.ntit h4{ font-size:52px; margin-top: 30px; }
.ntit h4.small{ font-size: 22px; }

.both{ font-size: 14px; border-top: 2px solid #1c1514; border-bottom: 2px solid #1c1514; overflow: hidden; position: relative; }

.both .bleft{ padding: 40px 0; width: 37.5%; float: left; }
.both .ntit{ margin:0 2vw; }
.both h5{ font-size: 28px; height: 40px; display: flex; align-items: center; justify-content: space-between; margin:0 0 90px 2vw; }
.both h5 span{ font-size: 36px; }
.both .bleft h5 em{ display: none; }
.both .bright{ padding: 40px 0 40px 2vw; width: 50%; margin-right: 2%; float: right;/* border-left: 2px solid #1c1514; border-right: 2px solid #1c1514;*/ }


.swiperPic .swiper-slide img{ display: block; margin:0 auto; max-width: 100%; }

.bbnone{ border-bottom: none; }
.tuwen{ font-size: 14px; color: #1c1514; 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%; }

.desc{ position: relative; padding: 0 15% 0 25px; text-align: justify;}
.desc .name{ display: flex; align-items: center; font-size: 22px; color: #838384; margin-bottom: 200px; }
.desc .name i{ display: block; width: 18px; height: 18px; border-radius: 50%; margin-right: 10px; background-color: #838384; }
.desc p{ font-size: 18px; color: #838384; line-height: 30px; margin-top: 60px;  }
.desc p.yw{ font-size: 20px;text-align: left; }
.desc:before{ content: ""; position: absolute; left: 0; top: 0; width: 2px; height: 100%; background-color: #838384; }
.desc:after{ content: ""; position: absolute; right: 0; top: 0; width: 2px; height: 100%; background-color: #838384; }

.mdtxt{ text-align: center; padding: 150px 0; }
.mdtxt span{ display: block; font-size: 42px; color: #838384; line-height: 1.1; }
.mdtxt i{ display: block; font-size: 32px; color: #838384; line-height: 1.1; margin-top: 20px; }

.sloganw p{ color: #838384; }
.news{ border-top: 2px solid #838384; padding: 0 2%; position: relative; }
.news h4{ color: #838384; 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 #838384; }
.itemx .info{ padding: 20px 0 0px; }
.itemx .tboth{ display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 50px; height:110px; overflow:hidden; }
.itemx .name{ font-size: 24px; line-height: 1.5; color: #838384ffe; width:50%; }
.itemx .time{ color: #838384; text-align: right;}
.itemx .time b{ display: block; font-size: 46px; line-height: 1; }
.itemx .time span{ display: block; font-size: 20px; line-height: 1.2; }
.itemx .libs{ display: flex; align-items: center; justify-content: space-between; color: #838384; 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: #838384; 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{ right: 0 !important; } 
.news .swiper-button-prev{ left:auto !important; right: 100px !important; }
.sloganw.bgfff p{ background-color: #838384; border-color: #838384; color: #1c1514; }



@media (max-width: 1440px) {

.both h5{ font-size: 20px; }
.both h5 span{ font-size: 20px; }

.ntit h3{ font-size:0.32rem;; }
.ntit h4{ font-size:0.21rem;; margin-top:25px; }

.mtit{ margin-bottom: 80px; }
.mtit span{ font-size: 32px; }
.mtit i{font-size: 24px; }

.itemx .imga i{ background-size: 70px auto; }

.mdtxt{ padding: 120px 0; }
.news h4{ padding: 55px 0;  }
.news h4 span{ font-size: 0.32rem; }
.news h4 i{ font-size: 0.26rem; margin-top: 6px; }


}
@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 1.5rem; }
.both .bleft h5 em{ display: block; }
.both .bright{ width: 100%; margin:0; padding:0.25rem 6% 0.8rem; border-top: 0.02rem solid #1c1514; position: relative; }
.both .bright:before{ content: ""; position: absolute; left: 5%; top: 0; width: 0.02rem; height: 100%; background-color: #1c1514; }
.both .bright:after{ content: ""; position: absolute; right: 5%; top: 0; width: 0.02rem; height: 100%; background-color: #1c1514; }
.both .bright h5{ display: none; }
.bright .desc .yw{ display: none; }

.both h5{ font-size: 0.26rem; height: 0.6rem; margin:0 5% 0.6rem; }
.both h5 span{ font-size: 0.26rem; }
.both h5 i{ font-size: 0.23rem; font-weight:500; }
.both .ntit{ margin:0  5%; }

.banner a img {display: block; width: 100%; height: 4.9rem; object-fit: cover;}

.ntit h3{ font-size:0.52rem; }
.ntit h4{ font-size:0.42rem; margin-top:0.6rem; }
.ntit h4.small{ font-size: 0.22rem; }
.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 #1c1514;  }
.para dl i{ font-size: 0.24rem; padding-left:0.06rem;  }
.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; }


.iconbl{ margin:1.4rem 5% 0.2rem; }
.swiperPic .swiper-slide img{ display: block; margin:0 auto; max-width: 100%; height: 7.5rem; }

.detail{ padding: 1rem 5%; border-width: 0.02rem; }
.detail .half{ width: 100%; }
.detail h6{ font-size:0.26rem; line-height:0.36rem; margin-bottom: 1.5rem; margin-top: 1.3rem; }
.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.2rem 5%; border-top: 0.02rem solid #838384; }
.mtit{ margin-bottom: 0.7rem; height: 0.44rem; }
.mtit span{ width: auto; font-size: 0.28rem;}
.mtit span:last-child{ width: 40%; }
.mtit i{ font-size: 0.26rem; flex:1; text-align: center; }

.fixicon{ position: static; margin-top: 1rem; margin-left: 5%; margin-bottom: 0.5rem; float: left; }
.fixicon img{ display: block; width: 1.2rem; }
.tuwen{ padding: 0 0.3rem; }

.itemx .imga i{ background-size: 0.6rem auto; }

.desc{ padding: 0 1rem 0 0.3rem; }
.desc .name{ font-size: 0.2rem;  margin-bottom:1rem; }
.desc .name i{ width: 0.16rem; height: 0.16rem; margin-right: 0.1rem;  }
.desc p{ font-size: 0.26rem; line-height:0.44rem; margin-top: .6rem;text-align: justify;  }
.desc p.yw{ font-size: 0.28rem; }
.desc:before{ width:0.02rem;  }
.desc:after{ width:0.02rem; }

.ricon{ position: static; margin-top: 1rem; bottom: 0; width: 100%; float: left; overflow: hidden; }
.ricon img{ display: block; width: 1.2rem; float: right; }
.mdtxt{ padding: 1.5rem 0; }
.mdtxt span{ font-size: 0.52rem; letter-spacing:-0.02rem;  }
.mdtxt i{ font-size: 0.35rem; margin-top: 0.2rem; }

.news{ padding: 0 5%; border-top: 1px solid #838384;}
.news h4{ padding:1rem 0;  }
.news h4 span{ font-size: 0.52rem; }
.news h4 i{ font-size: 0.36rem; margin-top: 0.1rem; }
.news .swiper-button-prev{ right: 50px !important; }

.itemx{ border-top: 0.02rem solid #838384; }
.itemx .info{ padding: 0.2rem 0 0px; }
.itemx .tboth{ margin-bottom: 0.63rem; height:1rem; overflow:hidden; }
.itemx .name{ font-size: 0.26rem; line-height: 1.3; width:55%; }

.itemx .time b{ font-size:0.4rem; }
.itemx .time span{ font-size:0.2rem;  }
.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;  }


}

.nomove img{ transform: scale(1) !important; }
.nomove i{ display: none !important; }