body{ background: #f1f9f3; }
.slider {
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
}

.slider-wrap {
    position: relative;
    width: 100%;
    transition: transform 0.5s ease-in-out;
}

.slide {
    display: none;
    width: 100%;
    height: auto;
}

.slide img{ width: 100%;}
.pic{ height: 58vh; width: 100%;}
.arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 1;
    opacity: 0.8;
    transition: opacity 0.3s;
}

.arrow:hover {
    opacity: 1;
}

.left {
    left: 10px;
}

.right {
    right: 10px;
}

.part1{ 
    max-width:1920px
}
.tit1{ margin-bottom: 30px; width: 85%; margin: 0 auto 40px; max-width: 1920px;overflow:hidden }
.tit1 img{width: 100%;}
.qh ul{ display: flex; border-bottom: solid 1px #e5e5e5; margin-bottom: 20px;}
.qh ul li{ margin-right: 5%;}
.qh ul li a{ color:#000; display:block; cursor:pointer; font-size: 23px; font-weight: bold; line-height: 50px; padding-left: 30px;}
.qh a.current{ border-bottom: solid 2px #277f37;}
.qh div{ display:none}
.qh div p { line-height: 36px;}
.qh div p a {
    color: #000; font-size: 18px; line-height: 60px; 
    width: 75%;           /* 设置容器宽度 */
    white-space: nowrap;    /* 不换行 */
    overflow: hidden;       /* 超出容器的部分隐藏 */
    text-overflow: ellipsis; /* 超出的部分用省略号表示 */
  }
  
.qh div p a:hover{ color: #277f37;}
.qh div p a::before{ content: ""; display: inline-block; width: 4px; height: 4px; border-radius: 100%; background: #fa7c08; margin-right: 10px; position: relative; top:-2px}
.qh div p span{ color: #666; font-size: 16px; line-height: 68px;}
.qh div p{ display: flex; justify-content: space-between; background: url(listlinebgry.png) no-repeat 0 bottom; background-size: 100% 1px;}
.qh1 ul li.syzs a{ background: url(yrtabicon1.png) no-repeat 0 center;}
.qh1 ul li.syzs a.current{background: url(yrtabicon1h.png) no-repeat 0 center;color: #277f37;}
.qh1 ul li.jswz a{background: url(yrtabicon2.png) no-repeat 0 center;}
.qh1 ul li.jswz a.current{background: url(yrtabicon2h.png) no-repeat 0 center;color: #277f37;}
.qh1 ul li.jsal a{background: url(yrtabicon3.png) no-repeat 0 center;}
.qh1 ul li.jsal a.current{background: url(yrtabicon3h.png) no-repeat 0 center;color: #277f37;}
.qh1 ul li.cgjy a{background: url(yrtabicon4.png) no-repeat 0 center;}
.qh1 ul li.cgjy a.current{background: url(yrtabicon4h.png) no-repeat 0 center;color: #277f37;}
.qh2 ul li.yzzc a{background: url(yrtabicon5.png) no-repeat 0 center;}
.qh2 ul li.yzzc a.current{background: url(yrtabicon5h.png) no-repeat 0 center;color: #277f37;}
.qh2 ul li.yzxw a{background: url(yrtabicon6.png) no-repeat 0 center;}
.qh2 ul li.yzxw a.current{background: url(yrtabicon6h.png) no-repeat 0 center;color: #277f37;}
.part1{  background: #fff; padding: 30px 0;max-width:1920px; margin: 0 auto;}
.part1-con-harf{ width: 48%; }
.part1-con{ display: flex; justify-content: space-between; width:85%; margin: 0 auto;}
.part2{ background: url(rypart2bg.jpg) no-repeat center 0; background-size: 100% 100%;padding: 30px 0;width: 100%;  margin: 0 auto 30px;
    max-width:1920px; padding-bottom: 30px;
}
.part2 h2{ text-align: center;  font-size: 28px;text-shadow: 3px 3px 5px #1a6f1d; background: url(rypart2titbg.png) no-repeat center center;  background-size: 100% auto; width: 85%; margin: 0 auto 30px;  height: 44px;  }
.part2 h2 a{ color: #fff;}
.part2-con{ width: 85%; display: flex; justify-content: space-between; margin: 0 auto 30px;}
.part2-con div{ width: 23%;}
.part2-con div img{ display: block; width: 100%; height: 80%;}
.part2-con div p{ font-size:16px; line-height: 24px; text-align: center; font-size: 18px; background: #fff; line-height: 48px;}
.part2-con div p a{color: #277f37; font-weight: bold;}
.part2-con div .detail-link{ color: #fff; background:#277f37 ; border-radius: 30px; display: inline-block; padding: 3px 10px; font-size: 16px;}
.part3 h2{text-align: center; margin:0 auto; font-size: 28px;  background:#def1e2; background-size: 100% 72px; height: 72px; line-height: 72px;  border-bottom: solid 2px #277f37;
    max-width:1920px; width: 85%; 
 }
 .part3 h2 a{ color: #1f662b;}
.part3-con{ width: 85%; margin: 0 auto; position: relative; top:-2px;
    max-width:1920px
}
.qh3-div-con{ display: flex; flex-wrap: wrap; }
.qh3 ul{ display: flex; justify-content: center;  margin-bottom: 40px; background: url(ryzynew.png) no-repeat center 0;padding-bottom:10px }
.qh3 ul li{ margin-right: 50px; }
.qh3 ul li a{ color:#000; display:block; cursor:pointer; font-size: 18px; font-weight: bold; line-height: 50px;}
.qh3 a.current{ border-bottom: solid 1px #277f37;}
.qh3 ul li.nykycg a{ background: url(yrtabicon7.png) no-repeat 0 center; padding-left: 35px;}
.qh3 ul li.nykycg a.current{background: url(yrtabicon7h.png) no-repeat 0 center; color: #277f37;}
.qh3 ul li.jstg a{ background: url(yrtabicon8.png) no-repeat 0 center; padding-left: 35px;}
.qh3 ul li.jstg a.current{background: url(yrtabicon8h.png) no-repeat 0 center;color: #277f37;}
.qh3 ul li.sfxm a{ background: url(yrtabicon9.png) no-repeat 0 center; padding-left: 35px;}
.qh3 ul li.sfxm a.current{background: url(yrtabicon9h.png) no-repeat 0 center;color: #277f37;}

.qh3 .qh3-div{ display:none}
.qh3-div-con{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.qh3-div-con div{ width: 48%; display: flex; margin-bottom: 30px;}
.qh3-div-con dl{ width: 60%;}
.qh3-div-con div span { width: 45%; display: block;}
.qh3-div-con div span img{ width: 100%; display: block;}
.qh3-div-con dl{ margin-left: 15px;} 
.qh3-div-con dl dt{ padding: 10px 0; height: 120px;}
.qh3-div-con dl dt a{ color: #000; font-size: 18px; line-height: 30px;}
.qh3-div-con dl dt a:hover{ color: #277f37;}
.qh3-div-con dl dd a{ color: #FFF; background: #fa7c08; border-radius:5px; font-size: 16px; padding: 8px 10px; }

.part0-div{  max-width: 1920px; padding: 40px 0 30px;margin:0 auto}
.part0{ width: 85%; margin: 0 auto 0; overflow: hidden;}
.part0 h2{ text-align: center; font-size: 28px; margin-bottom: 40px; text-shadow: 2px 2px 4px #bddac3; background: url(part0titbg.png) no-repeat center center; background-size: 100% auto;}
.part0 h2 a{ color: #000;}
.zs-div{ display: flex; justify-content: space-between; margin:0 auto 30px; width: 97%;}
.zs-div .zsGroup{ width:19.5%; height: 123px;  padding: 16px 2%; display: block;overflow: hidden; border-radius: 20px;}
.zs-div .zsGroup1{ width:19.5%; height: 123px;  padding: 16px 2%; display: block;overflow: hidden; border-radius: 20px; position: relative;}
.pf-con span{ position: absolute; right:7%; top:27px}
.zs-div .zsGroup1 div img{ display: block; float: none; }
.zs-div .zsGroup1 .yazi{ display: block; margin-bottom: 20px;}
.zs-div .zsGroup1 h3{ font-weight: normal; font-size: 18px; color: #fff; margin-bottom: 8px;}
.zs-div .zsGroup1 h4{  font-size: 26px; color: #fff;}
.zs-div .zsGroup1 p{  font-size: 14px; color: #fff; position: relative;top:-10px}
.pf{ background: url(rypfbg.png) no-repeat center center ; background-size: 100% 100%}
.pf-con{ overflow: hidden;}
.pf-con div{ float: left;}
.yr{ background: #fff}
.my{ background: #fff}
.ymiao{ background: #fff}
/* .ymiao img{ width: 31%;}
.yr img{ width:31%; }
.my img{ width: 31%; } */
.zs-div .zsGroup { position: relative;}
.zs-div .zsGroup img{  display: block; margin-top: 5%; width: 25%; position: absolute; right:6%; top:14px }
.zs-div .zsGroup div{ float: left;}
.zs-div .zsGroup h3{ font-size: 17px; font-weight: normal; margin-bottom: 10px; color: #000;}
.zs-div .zsGroup h4.down{ background: url(zsdown.jpg) no-repeat 0 center; padding-left: 15px; font-size: 24px; color: #277f37; margin-bottom: 5px;}
.zs-div .zsGroup h4.up{ background: url(zsup.jpg) no-repeat 0 center;padding-left: 15px;font-size: 24px; color: #e23200; margin-bottom: 5px;}
.zs-div .zsGroup p{ color:#000}
.hb{ font-size: 15px; margin-top: 10px; margin-bottom: 5px; color: #000;}
@media  screen and (max-width:1024px) {
    .zs-div .zsGroup h3{ font-size: 15px;}
    .zs-div .zsGroup1 div img{ width: 80%;}
}
@media  screen and (max-width:1280px) {
    .qh ul li{margin-right:20px}
    .zs-div .zsGroup1 h3{ font-size: 14px;}
    .zs-div .zsGroup1 div img{ width:90%;}
    .zs-div .zsGroup img{ width: 28%; top:27px}
}
@media  screen and (max-width:1730px) {
    .qh ul li a{ font-size: 18px;}

}
@media  screen and (max-width:1500px) {
    .qh ul li a{ font-size: 18px;}
    .qh3 ul li a{ font-size: 18px;}
    .qh3-div-con dl dt a{ font-size: 16px;}
    .zs-div .zsGroup1 h3{ font-size: 15px;}
    .zs-div .zsGroup img{ width: 28%; top:27px}
}
@media  screen and (max-width:1366px) {
    .part2 h2{ background:url(rypart2titbg.png) no-repeat center center; background-size:130% auto}
    
}


@media  screen and (max-width:1000px) {
    .part0-div{ padding-bottom: 0;}
    .part1-con{ display: block; width: 90%; margin: 0 auto;}
    .part1-con-harf{ width: 95%; margin: 0 auto;}
    .qh ul li{ margin-right: 15px;}
    .zs-div{ display: block;}
    .zs-div .zsGroup{ width: 75%; margin: 0 auto 20px; padding:20px 10%}
    .qh3 ul li{ margin-right: 5px;}
    .qh3-div-con div{ width: 100%; margin: 0 auto 30px;}
    .qh3-div-con dl dt{ height:57px; padding-top: 0;}
    .qh3-div-con dl dt a{width: 100%; /* 设置固定宽度 */
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2; /* 限制显示2行 */
        -webkit-box-orient: vertical;
    font-size: 16px;}
    .qh div p a{ font-size: 16px; display: block;width: 70%; /* 设置固定宽度 */
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1; /* 限制显示2行 */
        -webkit-box-orient: vertical;}
    .part2-con div{ width: 47%; margin-bottom:20px}
    .part2-con div img{ height: 69%;}
    .part2-con {display: flex; flex-wrap: wrap; width: 92%; margin: 0 auto;}
    .arrow img{ width: 40px; height: 40px;}
    /* .yr{ background: url(ryzsbg1.jpg) no-repeat center center; background-size: 100% auto;}
    .my{ background: url(ryzsbg2.jpg) no-repeat center center;background-size: 100% auto;}
    .ymiao{ background: url(ryzsbg3.jpg) no-repeat center center;background-size: 100% auto;} */
    .zs-div .zsGroup img{ width: 92px;}
    .tit1 img{ width: 200%; margin-left: -50%;}
    .part2 h2{ font-size: 20px; margin-bottom: 10px; background: url(rypart2titbg.png) no-repeat center center; background-size: 300% 40px;}
    .part3 h2{ font-size: 20px; width: 90%; height: 50px; line-height: 50px;}
    .part0 h2{ font-size: 20px;width: 90%; margin: 0 auto 30px;background: url(part0titbg.png) no-repeat center center; background-size: 308% auto;}
    .zs-div .zsGroup h4.down{ font-size: 18px; color: #277f37; margin-bottom: 5px;}
    .zs-div .zsGroup h4.up{ font-size: 18px; color: #e23200; margin-bottom: 5px;}
    .part1{ overflow: hidden; width: 100%; padding-top: 30px; margin-bottom: 0;}
    .part2-con div p{ height: 40px; line-height: 40px; font-size: 16px;}
    .qh ul li a{ font-size: 16px; }
    .qh1 ul li a{line-height: 20px; padding-bottom: 10px;}
    .qh3 ul li a{ font-size: 15px; line-height: 20px; padding: 10px 0;}
    .part3-con{ width: 90%; top:0}
    .qh3-div-con dl dd a{ font-size: 14px; padding: 8px 10px;}
    .slide{ height: 17vh;}
    .part0{ width: 90%;}
    .slide img{height: 100%;}
    .qh2{ margin-bottom: 30px;}
    .qh3 ul{ background-size: 100% 100%; margin-bottom: 20px;}
    .zs-div .zsGroup1{ width: 75%; margin: 0 auto 20px; padding:15px 10%}
    .jianshe{ width: 50%; height: auto; margin: 0 auto;}
}