/***********全局重置CSS*****************/
body, h1, h2, h3, h4, h5, h6, ul, ol, dl, dd {margin: 0;}
p {margin: 0;}
ul, ol, li {padding-left: 0;list-style-type: none;}
/***消除img默认边框*****/
img {border: 0;}
a {text-decoration: none;color: inherit;}
/*细线表格*/
table {border-collapse: collapse;}
em {font-style: normal;}
/***默认让所有浏览器出现右边滚动条****/
html {overflow-y: scroll;font-size: 16px;}
/***默认清除浮动****/
.conter{max-width: 1200px;margin: 0 auto;position: relative;}

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

.top{padding-top: 0.75rem;margin-bottom: 14rem;}
.top .logo{width: 14.375rem;margin-bottom: 2.5rem;}
.top .logo img{width: 100%;display: flex;}
.top .back{font-size: 1.125rem;line-height: 1.25rem;color: #2C8522;background: #fff;padding: 0.625rem 0.75rem;position: absolute;right: 0;top:2rem;border-radius:0.5rem; }
.top .title{width: 63.4375rem;}

.rule{background: #edf8f4 url("index20250623_1.png") top center no-repeat;background-size: 1920px auto;padding-bottom: 4.375rem;}
.rule .t1{margin-bottom: 1.25rem;}

.rule_cont .rule_title{padding: 0.8rem 1.25rem;font-size: 1.5rem;display: flex;align-items: center;justify-content: space-between;color: #333;background: #fff;margin-bottom: 0.25rem;cursor: pointer;}
.rule_cont .rule_title p{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin-right: 1rem;}
.rule_cont .rule_title em{color: #519058;font-weight: bold;}
.rule_cont .rule_title span{width: 1.375rem;height: 1.5rem;background: url("index20250623_10.png");background-size: 100% 100%;}
.rule_cont .cont{display: flex;}
.rule_cont .cont video{width: 50%;height: 21rem;}
.rule_cont .cont .text{width: 51.25%;height: 21rem;overflow-y: auto;background: #fff;padding: 1.25rem 1.875rem;box-sizing: border-box;}
.rule_cont .cont .text .tit{color: #519058;display: flex;align-items: center;font-size: 1.25rem;margin-bottom: 0.5rem;}
.rule_cont .cont .text .tit img{width: 3.0625rem;display: block;margin-right: 1.25rem;}
.rule_cont .cont .text .context{color: #333;}
.rule_cont .cont:nth-of-type(2n){flex-direction: row-reverse;}
.rule_cont.hover .rule_title{color: #fff;background: #779e7b;}
.rule_cont.hover .rule_title em{color: #fff;}
.rule_cont.hover .rule_title span{background-image: url("index20250623_5.png");}
.rule_cont:not(:last-of-type){margin-bottom: 0.5rem;}

.rule .gs{width: 66.6666%;box-sizing: border-box;border: 1px solid #dadada;padding: 0.8rem 1.5rem;text-align: center;color: #333;margin: 1.875rem auto 0;background: #fff;border-radius: 0.5rem;}

.pfb{padding: 3rem 0 4.375rem;background: #fff url("index20250623_2.png") bottom center no-repeat;background-size: 1920px auto;}
.pfb .t2{margin-bottom: 1.5rem;}
.pfb .pfb_swiper{padding-bottom: 2.25rem;}
.pfb .pfb_swiper .swiper-slide{background: #fff;}
.pfb .pfb_swiper .swiper-slide img{width: 100%;}
.pfb .pfb_swiper .swiper-pagination{bottom: 0;}
.pfb .pfb_swiper .swiper-pagination-bullet{width: 1.125rem;height: 1.125rem;opacity: 1;background: #fff;margin: 0 0.5625rem;border: solid 2px #ccc}
.pfb .pfb_swiper .swiper-pagination-bullet-active{background: #769e7b;border: solid 2px #769e7b}

.pfb .bz{padding: 1.25rem 2.5rem;box-sizing: border-box;background: #fff;border-radius: 1rem;color: #333;font-size: 1rem;line-height: 1.875rem;box-shadow: 0 0 8px 5px rgba(0,0,0,0.05);margin-top: 1.875rem;}

@media (max-width: 1200px) {
    html{font-size: 14px;}
    .conter{margin: 0 2%;}

    .rule_cont .cont video{height: 23.76vw;}
    .rule_cont .cont .text{height: 23.76vw;}
}
@media (max-width: 900px) {
    html{font-size: 12px;}
    .rule{background-size: 1440px auto;}
    .pfb{background-size: 1440px auto;}
}
@media (max-width: 580px) {
    .rule{background-size: 1200px auto;}
    .rule .gs{width: 100%;}

    .rule_cont .cont video{width: 100%;height: 48.7385vw;}
    .rule_cont .cont .text{width: 100%;height: 25rem;}
    .rule_cont .cont:nth-of-type(n){flex-direction: column;}

    .pfb{background-size: 1200px auto;}
}