@charset "utf-8";
/*翻页条*/
.pages{ margin: .5rem auto 0;}
.pb_sys_style1 .p_no_d {
    border: 1px solid #218755 !important;
    color: #fff;
    background-color: #218755 !important;
}

@media(max-width: 800px){
    .pages{ margin: .3rem auto 0;}
} 



.n_ba{position: relative;z-index: 10;/* overflow: hidden; */}
.n_ba .imgBox .img{padding-bottom: 31.19%;}

.n_ba .top{position: absolute;right: 0;left: 0;bottom: 0;top: 0;}
.n_ba .top .wp{height: 100%;display: flex;flex-direction: column;justify-content: center;}
.n_ba .top h3{font-size: .4rem;color: #fff;position: relative;margin: 0 0 .1rem;font-family: "Microsoft YaHei";padding: 0 0 0 .2rem;}
.n_ba .top h3:before{content: "";position: absolute;left: 0;width: .04rem;height: .36rem;background: #2b8649;top: 56%;transform: translateY(-50%)}
.n_ba .top h4{font-size: .48rem;color: #fff;margin: .05rem 0 .3rem;font-weight: 100;opacity: .5;text-transform: uppercase;}
.n_ba .top .line{ width: 3.38rem; height: .02rem; background: rgba(255,255,255,.5); position: relative; z-index: 1}
.n_ba .top .line:after{ content: ""; position: absolute; left: 0; width: .94rem; height: .04rem; background: #fff; bottom: -.01rem}
.n_ba .top1{ position: absolute; right: 0; bottom: 0; left: 0}

.list_sj{position: relative;z-index: 10;padding: .2rem 0;}
.list_sj .bg{content: "";position: absolute;top: 0;right: 0;bottom: 0;width: 63vw;z-index: -1;background:#af090b;transform: skewX(-35deg);transform-origin: left bottom;overflow: hidden;}
.list_sj .bg:after{content: "";position: absolute;bottom: 0;left: 20%;height: .06rem;width: 100%;z-index: -1;transform: skewX(-20deg);transform-origin: left bottom;background: #af090b;}
.n_ba .wp{}

.list_sj ul{display: flex;flex-wrap: wrap;flex: 1;overflow: hidden;}
.list_sj ul li{position: relative;z-index: 1;margin: 0;}
.list_sj ul li:before{content: "";position: absolute;height: 0;background: #af090b;bottom: 0;right: 0;left: 0;transition: .5s;border-radius: 50vw;}
.list_sj ul li:last-child:before{ display: none}
.list_sj ul li *{ transition: .5s;}
.list_sj ul li a{display: flex;width: 100%;height: .6rem;justify-content: center;align-items: center;font-size: .22rem;color: #000000;position: relative;z-index: 1;text-transform: uppercase;padding: 0 .4rem;}
.list_sj ul li:last-child a{ padding-right: 0}
.list_sj ul li.on a, .list_sj ul li a:hover{color: #fff;}
.list_sj ul li.on:before, .list_sj ul li:hover:before{ height: 100%}

.mianbao{line-height: 1.375;display: flex;align-items: baseline;position: relative;z-index: 1;padding: 0 0 0 .22rem;}
.mianbao *{font-size: .14rem;color: #fff;font-style: normal;transition: .5s;text-transform: uppercase;}
.mianbao img{margin: -3px .1rem 0 0;width: .19rem;}
.mianbao span{margin: 0 .14rem;}
.mianbao a:hover{color: #fff;}


#m_n_nav {display: none;line-height: 50px;position: relative;z-index: 9;width: 100%;background: #0e8b61;}
#bnt_back { position: absolute; left: 15px; top: 0px; }
#bnt_back img { height: 28px; }
#bnt_back svg { fill: rgb(255, 255, 255); height: 30px; vertical-align: middle; width: 26px; }
#m_n_nav h1 {font-size: 16px;color: rgb(255, 255, 255);text-align: center;margin: 0px;line-height: 50px;}
#bnt_sub_nav { position: absolute; right: 15px; top: 0px; height: 50px; cursor: pointer; color: rgb(255, 255, 255); font-size: 18px; display: flex; align-items: center; }
#bnt_sub_nav svg { fill: rgb(255, 255, 255); height: 20px; vertical-align: middle; width: 20px; }
#bnt_sub_nav img { display: block; height: 20px; }
#bnt_sub_nav.on img { transform: rotate(-180deg); }
#sub_nav_content { background: rgb(240, 243, 245); display: none; box-shadow: rgb(153, 153, 153) 0px 0px 5px; z-index: 9; }
#sub_nav_content ul { padding: 10px; }
#sub_nav_content ul li { display: block; line-height: 28px; margin: 1rem 0px; }
#sub_nav_content ul li a { display: block; border-left: 2px solid rgb(202, 158, 78); height: 30px; line-height: 30px; font-size: 14px; padding-left: 10px; color: rgb(83, 84, 85); }
#sub_nav_content ul li.on a { color: rgb(202, 158, 78); }
#sub_nav_content dl { font-size: 0px; overflow: hidden; background: rgb(255, 255, 255); padding: 10px 0px; }
#sub_nav_content dt { position: relative; background: rgb(255, 255, 255); z-index: 999; width: 100%; display: inline-block; margin-bottom: 0px; float: left; }
#sub_nav_content dt a {margin: 0px 20px;display: block;color: #666;line-height: 30px;font-size: 14px;font-weight: 400;vertical-align: top;}
#sub_nav_content dt a i { position: absolute; right: 15px; top: 0px; opacity: 0; display: none; }
#sub_nav_content dt.title { background: rgb(250, 250, 251); }
#sub_nav_content dt.title i { opacity: 1; }
#sub_nav_content dt.title_on { background: rgb(250, 250, 251); }
#sub_nav_content dt.title_on a { color: rgb(215, 0, 41); border-top: 1px solid rgb(255, 255, 255);}
#sub_nav_content dt.title_on a i { color: rgb(215, 0, 41); }
#sub_nav_content dt.last a { border-top: 1px solid rgb(248, 248, 248); }
#sub_nav_content dt.on a, #sub_nav_content dt.title_on a {color: #0e8b61;}
#sub_nav_content dd { display: none; }
#sub_nav_content dd .box { padding: 0px; }
#sub_nav_content dd a { padding: 0px 25px; line-height: 30px; border-top: 1px solid rgb(231, 231, 231); font-size: 12px; color: rgb(91, 83, 73); display: block; height: 30px; }
#sub_nav_content dd a.on { color: rgb(215, 0, 41); }

.n_pad1{ padding: 1rem 0 1.14rem; overflow: hidden;}

.n_b1{ background: url(../images/n_b1.jpg) center bottom no-repeat; background-size: 100% auto;}

.list14{ margin: 0 -.275rem;}
.list14 li{ width: 33.33%; padding: 0 .275rem; margin-bottom: .5rem;}
.list14 .a{background: #fff;box-shadow: 0px 0px 70px 0px rgba(0, 0, 0, 0.03);display: block;}
.list14 .txt{padding: 0 .2rem;height: .86rem;background: #fff;display: flex;justify-content: center;align-items: center;text-align: center; position: relative; z-index: 1;transition: .5s;}
.list14 .imgBox .img{ padding-bottom: 56.17%;}
.list14 .txt::before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/list14.png) right center no-repeat;background-size: auto 100%;opacity: 0;transition: .5s;}
.list14 h4{ font-size: .22rem; color: #fff; color: #333333}

@media(min-width: 1024px){
    .list14 .a:hover .txt{ background: #218755}
    .list14 .a:hover .txt::before{ opacity: 1}
    .list14 .a:hover h4{ color: #fff}

}
@media(max-width: 1024px){
    .n_ba{margin: 0;}
    .list20s .time{width: 1.16rem !important;}
}
@media(max-width: 800px){
    .mianbao{/* display: none; */}

    .n_pad1{padding: .5rem 0;}
    .n_ba .top h3{font-size: .26rem;margin: .3rem 0 .05rem;}

    .list14{ margin: 0 -7px}
    .list14 li{ padding: 0 7px; width: 50%; margin-bottom: .25rem}
    .list14 .txt{ height: .6rem}
}
@media(max-width: 560px){
} 

.n_ej{padding: 0 2%;position: relative;height: .9rem;z-index: 1;align-items: center;}
.n_ej::before{content: "";position: absolute;right: -4.6875vw;bottom: 0;left: -4.6875vw;top: 0;background: url(../images/n_ej_b.png) center bottom no-repeat;background-size: 100% 100%;filter: drop-shadow(0px 0px 18px rgba(171, 171, 171, 0.24)); z-index: -1;}
.n_ej1::after{content: "";position: absolute;right: -4.6875vw;bottom: 0;left: -4.6875vw;top: 0;background: url(../images/n_ej_b1.png) center bottom no-repeat;background-size: contain; z-index: -1;}

.n_ej li{margin: 0 2% 0 0;}
.n_ej .a{font-size: .18rem;color: #333333;position: relative;line-height: .4rem;display: inline-block;transition: .5s;border: #ececec 1px solid;border-radius: 50vw;padding: 0 .2rem;}

.n_ej .on .a, .n_ej .a:hover{ background: #218755;color: #fff; border: #218755 1px solid}

.list15{margin: 1.5rem auto;width: 11.5rem;max-width: 100%;justify-content: center;}
.list15 li{width: 33.33%;padding: .5rem 0.13rem;text-align: center;}
.list15 .ico{background: url(../images/list15_b1.png) center no-repeat;background-size: cover;width: 2.34rem;height: 2.34rem;align-items: center;justify-content: center;margin: 0 auto;position: relative;z-index: 1;}
.list15 .ico:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;border: #ebebeb 1px dashed;border-radius: 50vw;transform: scale(1.85);} 
.list15 .ico img{ width: 1.14rem; transition: .5s;}
.list15 i{position: absolute;width: .6rem;height: .6rem;background: #ffcb2d;border-radius: 50%;align-items: center;justify-content: center;top: 80%;left: 70%;display: flex;font-size: .24rem;color: #fff;font-family: 'lib';}
.list15 h4{font-size: .24rem;color: #005a3c;font-family: 'sys';margin: .15rem 0 0;font-weight:700;}

.list15 li:nth-child(2) .ico{background: url(../images/list15_b2.png) center no-repeat;background-size: cover;}

@media(min-width: 1024px){
    .list15 .a:hover .ico img{ transform: rotateY(180deg);}
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
    .list15{margin: .5rem 0;}
    .list15 li{padding: .2rem .1rem;}
    .list15 .ico{width: 1rem;height: 1rem;}
    .list15 .ico img{ width: .5rem}
    .list15 h4{font-size: .2rem;margin: .1rem 0 0;}

    .list15 i{ width: .3rem; height: .3rem; font-size: .13rem}
    .list15 .ico:before{transform: scale(1.25);}

    #m_n_nav{ display: block}
    .n_ej{ display: none}
} 
@media(max-width: 560px){
} 

.jyjx .wp{ max-width: 14.36rem;}

.list16 li{ margin-bottom: .7rem;}
.list16 .a{background: #fff url(../images/list16_b.png) right bottom no-repeat; background-size: auto 100%;padding: .4rem;box-shadow: 0px 0px .7rem 0px rgba(0, 0, 0, 0.03);align-items: center; position: relative; z-index: 1; transition: .5s;}
.list16 .imgBox{width: 6.4rem;}
.list16 .imgBox .img{ padding-bottom: 56.25%;}
.list16 .txt{width: calc(100% - 6.4rem);position: relative;z-index: 1;padding: 0 .68rem;}
.list16 h3{font-size: .48rem;color: #005a3c;font-family: 'sys';line-height: 1.1;}
.list16 h4{font-size: .3rem;color: #898989;font-family: 'sys';text-transform: uppercase;margin-bottom: .4rem;-webkit-mask: linear-gradient(0deg, transparent, #fff 100%);mask: linear-gradient(0deg, transparent 10%, #fff 100%);opacity: .3;}
.list16 p{ font-size: .21rem; color: #333333; line-height: .48rem;}
.list16 i{position: absolute;width: .6rem;height: .6rem;background: #218755;border-radius: 50%;align-items: center;justify-content: center;bottom: -.3rem;right: .2rem;display: flex;font-size: .24rem;color: #fff;font-family: 'lib';}

.list16 li:nth-child(2n) .a{background: #fff url(../images/list16_b.png) left bottom no-repeat;background-size: auto 100%;padding-left: .1rem;}
.list16 li:nth-child(2n) .imgBox{order: 1;}
.list16 li:nth-child(2n) i{ right: .68rem}
.list16 li:last-child{ margin-bottom: 0}

@media(min-width: 1024px){
    .list16 .a:hover{ box-shadow: 0px 0px .7rem 0px rgba(0, 0, 0, 0.1);}
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
    .list16 li{ margin-bottom: .25rem}
    .list16 .imgBox{width: 100%;margin: 0 0 .25rem !important;order: -1 !important;}
    .list16 .txt{width: 100%;flex: auto;padding: 0;}
    .list16 .a{ padding: .25rem}

    .list16 h3{ font-size: .26rem}
    .list16 h4{font-size: .2rem;margin-bottom: .2rem;}
    .list16 p{font-size: .18rem;line-height: .36rem;}

    .list16 i{width: .32rem;height: .32rem;font-size: .14rem;right: 0 !important;bottom: 0 !important;}
} 
@media(max-width: 560px){
    .list16 p{ font-size: .16rem; line-height: 2;}
} 

.n_left1{ width: 2.3rem; padding: .8rem 0; position: relative; z-index: 1}
.n_left1:before{content: '';position: absolute;right: 0;top: 0;bottom: 0;background: #fbfbfb;z-index: -1;left: calc((100vw - 15.2rem)/2*-1);}
.n_left1s{ position: relative}
.n_left1 ul{position: sticky;z-index: 1;top: 1rem;}
.n_left1s:before{content: "";position: absolute;top: .4rem;bottom: .4rem;left: .15rem;background: #e6c390;z-index: -1;width: 1px;}
.n_left1 ul li{ padding: .12rem 0}
.n_left1 ul .a{line-height: .3rem;font-size: .2rem;color: #333333;position: relative;padding: 0 0 0 .6rem;display: block;}
.n_left1 ul .a:before{content: "";position: absolute;background: #e6c390;width: .08rem;height: .08rem;left: 0;border: #fbfbfb .12rem solid;}
.n_left1 ul .a:after{content: "";position: absolute;background: #fbfbfb url(../images/n_left1.png) center no-repeat;background-size: 100%;width: .32rem;height: .32rem;left: 0;opacity: 0;transition: .5s;z-index: 1;}
.n_left1 ul li.on .a{color: #2b874a;font-family: "Microsoft YaHei";font-weight: bold;}
.n_left1 ul li .a:hover{color: #a17632;font-family: "Microsoft YaHei";font-weight: bold;}
.n_left1 ul li.on .a:before, .n_left1 ul li .a:hover:before{ opacity: 0}
.n_left1 ul li.on .a:after, .n_left1 ul li .a:hover:after{ opacity: 1}
.n_right1{ width: calc(100% - 2.3rem - .6rem); min-height: 100vh; padding: .8rem 0;}

.tit1{height: .45rem;background: #fbfbfb;position: relative;align-items: center;padding: 0 .34rem;font-size: .26rem;color: #2b874a;margin-bottom: .5rem;font-weight: bold;font-family: "Microsoft YaHei";}
.tit1:before{ content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: .06rem; height: .2rem; background: #2b874a}
.tit1:after{content: "";position: absolute;right: 0;width: 1.91rem;height: .76rem;background: url(../images/tit1s.png) center no-repeat;background-size: cover;bottom: 0;}

.list17{ margin: 0 -.2rem;}
.list17 li{ width: 50%; padding: 0 .2rem; margin-bottom: .2rem; position: relative}
.list17 .a{height: 1.2rem;display: flex;background: #f7f6f6;padding: 0 .24rem;align-items: center;transition: .5s;position: relative;z-index: 1;}
.list17 .a::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background: #218755 url(../images/list14.png) right center no-repeat;background-size: auto 100%; transition: .5s; opacity: 0;}
.list17 h4{position: relative;line-height: .34rem;padding: 0 0 0 .34rem;}
.list17 h4 a{ display: inline-block; font-size: .2rem; color: #333333; transition: .5s}
.list17 h4:before{content: "";position: absolute;background: url(../images/list17_b.png) center no-repeat;background-size: 100% 100%;width: .18rem;height: .18rem;left: 0;top: .07rem; transition: .5s}
.list17 .a:hover h4{color:#fff;}
@media(min-width: 1024px){
    .list17 li:hover{ z-index: 2}
    .list17 .a:hover{ box-shadow: 0px .38rem .4rem 0px rgba(33, 135, 85, 0.32);}
    .list17 .a:hover::before{ opacity: 1;}
    .list17 .a:hover h4 *{ color: #fff}
    .list17 .a:hover h4:before{ background: url(../images/list17_b_on.png) center no-repeat;background-size: 100% 100%;}
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
    .n_left1{ display: none;}
    .n_right1{width: 100%;padding: .4rem 0;}
    .tit1:after{width: 1.2rem;height: .45rem;}
    .tit1{ margin-bottom: .3rem; font-size: .24rem}

    .list17{ margin: 0 -.1rem;}
    .list17 li{ width: 50%; padding: 0 .1rem;}
    .list17 li{ width: 100%}
    .list17 h4:before{ top: .04rem}
    .list17 .a{padding: .1rem .25rem;height: auto;min-height: .9rem;}
    .list17 h4 a{ font-size: .18rem; line-height: 1.5}
} 
@media(max-width: 560px){
} 

.list18{margin-bottom: .44rem;}
.list18 dt{width: 1.1rem;display: flex;justify-content: center;align-items: center;padding: .15rem 0;}
.list18 dt h4{ font-size: .2rem; color: #2b874a; writing-mode: tb-rl; font-weight: bold}
.list18 .con{flex: 1;overflow: hidden;padding: 0 .48rem;border-left: #2b874a 1px solid;display: flex;align-items: center;}
.list18 .con .flex{ width: 100%}
.list18 dd{width: 50%;padding: .06rem .2rem .06rem 0;}
.list18 dd .a{font-size: .18rem;color: #333333;line-height: .3rem;transition: .5s;position: relative;z-index: 1;padding: 0 .36rem 0 0;}
.list18 dd .a::before{content: "";position: absolute;background: url(../images/list18.png) center no-repeat;background-size: cover;width: .32rem;height: .1rem;right: 0;top: 50%;transform: translateY(-.03rem);transition: .5s; opacity: 0;}

@media(min-width: 1024px){
    .list18 dd .a:hover{ color: #2b874a;}
    .list18 dd .a:hover::before{ opacity: 1;}
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
    .list18 dt{width: .6rem;}
    .list18 dd{ width: 100%;}
    .list18 .con{ padding: 0 .2rem;}

    .list18 dd .a{ font-size: .16rem;}
} 
@media(max-width: 560px){
} 

.list19 .a{display: block;padding: .25rem .2rem;border-bottom: #dfdfdf 1px solid;position: relative;}
.list19 .a:after{ content: ""; position: absolute; left: 0; bottom: 0; height: .02rem; background: #2b874a; width: 0; transition: .5s}
.list19 h6{position: relative;z-index: 1;padding: 0 0 0 .25rem;margin: .1rem 0 0;}
.list19 h6::before{content: "";position: absolute;width: .1rem;height: .1rem;background: #ccac79;left: 0;top: 50%;transform: translateY(-50%);}

.list19 li:first-child .a{ padding-top: 0}

@media(min-width: 1024px){
    .list19 .a:hover:after{ width: 100%}
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
    .list19 .a{ padding: .15rem .2rem;}
} 
@media(max-width: 560px){
} 

.ar_tit{position: relative;z-index: 1;margin: 0 0 .3rem;text-align: center;border-bottom: #dfdfdf 1px solid;padding: 0 0 .25rem;}
.ar_tit h3{font-size: .28rem;color: #296b3d;line-height: 1.35;margin: 0 auto;padding-bottom: .25rem;width: 10rem;max-width: 100%;}
.ar_tit .con .ll{justify-content: center;}
.ar_tit .con .ll p{font-size: .16rem;color: #777777;line-height: .24rem;display: flex;flex-wrap: wrap;align-items: center;margin: 0 .1rem;}
.ar_tit .con .ll p img{ width: .22rem; margin: 0 .1rem 0 0}

.details .arc-con p{ text-indent: 2em;}

.ar_tj{border-top: 1px solid #e8e8e8;padding: .35rem 0;position: relative;z-index: 1;margin: 1.2rem 0 0;display: flex;flex-wrap: wrap;justify-content: space-between;}
.ar_tj .a{display: block;font-size: .18rem;color: #333333;line-height: 1.5;margin: .07rem 0;transition: .5s;    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.ar_tj .a:hover{color: #218755;}

.details1 .ar_tit{border-bottom: #dedede 1px solid;padding-bottom: .4rem;margin-bottom: .4rem;}
.details1 .ar_tit h3{border: none;padding-bottom: 0;}

.jigou .arc-con h3{ font-size: .24rem;}

@media(min-width: 1024px){
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
    .ar_tit h3{ font-size: .22rem;}
    .ar_tit .con .ll p{ margin: 0 .1rem;}

    .ar_tj{ padding-top: .15rem}
    .ar_tj .a{font-size: .16rem;margin: .1rem 0;max-width: 100%;width: 100%;}

    .jigou .arc-con h3{ font-size: .2rem;}
} 
@media(max-width: 560px){
} 

.tit2 h3{font-size: .38rem;color: #005a3c;font-family: 'sys';line-height: 1.1;padding-bottom: .28rem;}
.tit2 h4{font-size: .22rem;color: #898989;font-family: 'sys';text-transform: uppercase;-webkit-mask: linear-gradient(0deg, transparent, #fff 100%);mask: linear-gradient(0deg, transparent 10%, #fff 100%);opacity: .3;line-height: 1;position: absolute;left: 0;bottom: 0;white-space: nowrap;}

.n_pad2{padding: .94rem 0;overflow: hidden;}

.tit2{/* text-align: center; */}

.list20{align-items: center;justify-content: space-between;}
.list20 li{text-align: center;}
.list20 .line{width: 2px;height: 1.36rem;background: #b4b4b4;opacity: .4;}
.list20 h3{ font-size: .72rem; color: #2b874a; font-family: Impact; font-weight: normal}
.list20 h4{ font-size: .24rem; color: #333333; margin: .2rem 0 0}

.more1{width: 1.42rem;height: .36rem;border: #e6c390 1px solid;border-radius: 50vw;margin: .6rem auto 0;font-size: .14rem;color: #e6c390;display: flex;justify-content: center;align-items: center;transition: .5s;}
.more1 i{ font-size: .12rem;color: #e6c390; font-family: 'lib'; margin: 0 0 0 .16rem; transition: .5s;}

.list21{ margin: 0 -.14rem;}
.list21 li{ width: 33.33%; padding: 0 .14rem;}
.list21 .imgBox .img{ padding-bottom: 68.44%;}
.list21 h6{position: relative;z-index: 1;padding: 0 0 0 .25rem;margin: .2rem 0 .1rem;}
.list21 h6::before{content: "";position: absolute;width: .08rem;height: .08rem;background: #ccac79;left: 0;top: 50%;transform: translateY(-50%);}

.kxyj .fl2{ padding-top: 0;}

.kxyj .fl3{ padding-top: 0;}

.list22 .a{display: flex;position: relative;z-index: 1;flex-wrap: wrap;background: #f2f2f2;}
.list22 .imgBox{width: 3.5rem;}
.list22 .imgBox .img{padding-bottom: 130%;}
.list22 .imgBox:after{content: "";position: absolute;right: 0;bottom: 0;left: 0;background-image: linear-gradient(0deg, #000, transparent);height: 30%;}
.list22 .txt{flex: 1;overflow: hidden;padding: .6rem .4rem;background: #2b874a;}
.list22 h4{font-size: .2rem;color: #fff !important;flex: 1;overflow: hidden;margin: 0 0 .2rem;}
.list22 .arc-con p{color: #fff;font-size: .16rem !important;}

.arrow1{width: .48rem;height: .48rem;background: rgba(255,255,255,.5);border-radius: 50%;top: 50%;position: absolute;z-index: 10;transform: translateY(-50%);font-size: .3rem;color: #fff;font-family: 'lib';display: flex;justify-content: center;align-items: center;cursor: pointer;transition: .5s;}
.arrow1.prev{ left: .3rem}
.arrow1.next{ right: .3rem}

.list22Box{ margin-bottom: .5rem;}

@media(min-width: 1024px){
    .more1:hover{ background: #2b874a; border: #2b874a 1px solid; color: #fff;}
    .more1:hover i{ color: #fff;}

    .arrow1:hover{ background: #2b874a; color: #fff;}
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
    .list20 h3{ font-size: .26rem;}
    .list20 h4{font-size: .16rem;margin: .1rem 0 0;}

    .list20 .line{ height: .6rem;}
    .list20 li{margin-bottom: .25rem;width: 50%;}
    .list20 .line{ display: none} 

    .more1{ margin: .2rem auto 0}

    .tit2 h3{ font-size: .26rem}
    .tit2 h4{font-size: .22rem;bottom: .05rem;}

    .n_pad2{ padding: .4rem 0;}

    .list21{ margin: 0 -3px;}
    .list21 li{ width: 33.33%; padding: 0 3px;}

    .list22 .txt{padding: .6rem .25rem;flex: auto;width: 100%;}
    .list22 .imgBox{width: 2rem;margin: 0 auto;}

    .arrow1{width: .36rem;height: .36rem;font-size: .2rem;}
    .arrow1.prev{ left: .15rem}
    .arrow1.next{ right: .15rem}

    .list22Box{ margin-bottom: .25rem;}
} 
@media(max-width: 560px){
} 

.about .fl1{position: relative;z-index: 1;padding-top: 1rem;overflow: hidden;}
.about .fl1::before{ content: ""; position: absolute; width: 4.73rem; height: 4.53rem; background: url(../images/about_b1.png) center no-repeat; background-size: 100%; left: 0; bottom: 0;}
.about .fl1 .tit2{ text-align: left;}
.about .fl1 .left{width: calc(100% - 8.5rem);padding: 0 .6rem 0 .3rem;position: relative;}
.about .fl1 .left .arc-con img{display: block;margin: .1rem 0 .35rem;}
.about .fl1 .left:before{content: "";background: url(../images/list23_b.jpg) center no-repeat;background-size: cover;width: 100vw;position: absolute;right: calc(100% + .3rem);height: 1.25rem;bottom: 0;}
.about .fl1 .right{ width: 8.5rem;}
.about .fl1 .content{ position: relative; z-index: 1;}
.about .fl1 .content:after{content: "";position: absolute;top: 0;right: calc((100vw - 15.2rem)/2*-1);bottom: 0;width: calc((100vw - 15.2rem)/2);background: #e1d4c1;z-index: -1;}

.more2{align-items: center;margin: .3rem 0 0;}
.more2 .line{flex: 1;overflow: hidden;background: #208454;height: 1px;}
.more2 i{display: flex;align-items: center;justify-content: center;width: .44rem;height: .44rem;border-radius: 50%;border: #c5dfd2 1px solid;font-size: .24rem;color: #218755;font-family: 'lib';margin: 0 0 0 .18rem;transition: .5s;cursor: pointer;}

.about .fl2{position: relative;z-index: 1;padding: .6rem 0;overflow: hidden;}
.about .fl2::before{ content: ""; position: absolute; top: 0; right: calc((100vw - 15.2rem)/2); bottom: 0; left: 0; background: url(../images/list23_b.jpg) center no-repeat; background-size: cover; z-index: -1;}

.list23{justify-content: space-between;padding: 0 8% 0 0;}
.list23 .a{display: flex;flex-direction: column;width: 2rem;height: 2rem;border: #ebc294 1px dashed;align-items: center;justify-content: center;border-radius: 50vw;padding: 0 .15rem;}
.list23 h3 big{ font-size: .6rem; color: #ebc294; font-family: 'sys'}
.list23 h3 small{font-size: .18rem;color: #ebc294;font-weight: normal;}
.list23 h4{font-size: .2rem;color: #ebc294 !important;margin: .06rem 0 .2rem;text-align: center;}

.about .fl3 .content{ border-bottom: #eaeaea 1px solid; border-top: #218755 2px solid; padding: .3rem .6rem;}

.list24{ width: calc(50% - .2rem);}
.list24 li{ border-bottom: #f2efea 1px solid; padding: .25rem 0;}
.list24 dt{ width: 1.86rem; font-size: .24rem; color: #005a3c;}
.list24 .dd{flex: 1;overflow: hidden;line-height: 2;}
.list24 dd{ font-size: .2rem; color: #333333; margin: 0 .25rem 0 0;}

.list24 li:last-child{ border: none;}

.about .fl4{ padding-top: 0; background: url(../images/about_b3.jpg) center bottom no-repeat; background-size: cover;}
.about .fl4 .box{width: calc(50% - 1px);background: url(../images/miso_tab1.png) center no-repeat;background-size: cover;text-align: center;padding: .4rem 0;}
.about .fl4 .box:last-child{ background: url(../images/miso_tab1s.png) center no-repeat; background-size: cover;}
.about .fl4 .box h4{font-size: .24rem;color: #005a3c;position: relative;padding-bottom: .2rem;margin-bottom: .2rem;font-weight: 600;}
.about .fl4 .box h4:before{ content: ""; position: absolute; width: .21rem; height: .04rem; background: #1e7e50; bottom: 0; left: 50%; transform: translateX(-50%)}

.miso_tab1 .hd{ margin-bottom: .36rem;}
.miso_tab1 .hd ul{ margin: 0 -.05rem; justify-content: center;}
.miso_tab1 .hd ul li{ padding: 0 .05rem;}
.miso_tab1 .hd ul .a{ display: flex; align-items: center; justify-content: center; width: auto; padding: 0 .15rem; height: .44rem; border: #d2e5dc 2px solid; border-radius: .135rem; font-size: .2rem; color: #1e7e50; transition: .5s;}
.miso_tab1 .hd ul li.on .a{ background: #1e7e50; border: #1e7e50 2px solid; color: #fff;}

.list25 li{ font-size: .2rem; color: #333333; line-height: 2; margin: .15rem 0}

.about .fl5{ background: url(../images/about_b4.jpg) center bottom no-repeat; background-size: cover;}
.about .fl5 .tit2{ text-align: left;}

.list26W{margin: -1rem 0 0;position: relative;}
.list26 .a{width: 2.6rem;max-width: 100%;display: flex;flex-direction: column;}
.list26 .ico{background: url(../images/list26.png) center no-repeat;background-size: cover;width: 1.26rem;height: 1.26rem;display: flex;justify-content: center;align-items: center;font-size: .32rem;color: #fff;font-family: 'sys';margin: -.9rem 0 0;position: relative;z-index: 1;}
.list26 .ico:before{content: "";position: absolute;width: 1px;height: .42rem;background: #1e7e50;top: calc(100% - .1rem);}
.list26 .imgBox{width: 2rem;border-radius: 50%;align-self: flex-end;}
.list26 .imgBox .img{ padding-bottom: 100%}
.list26 .arc-con{padding-left: .5rem;line-height: 1.75;margin: .5rem 0 0;}
.list26 .arc-con p{font-size: .16rem;color: #333333;text-indent: 0;}

.list26 li{height: 6.7rem;display: flex;flex-direction: column;}

.list26 li:nth-child(5n-4){ justify-content: flex-end; padding-bottom: .2rem}
.list26 li:nth-child(5n-3){ padding-top: 8%}
.list26 li:nth-child(5n-2){ justify-content: flex-end; padding-bottom: .4rem}
.list26 li:nth-child(5n){ justify-content: flex-end; }

.arrow2{width: .6rem;height: .6rem;border: #218755 1px solid;border-radius: 50%;background: #fff;align-items: center;justify-content: center;position: absolute;top: 50%;transform: translateY(-50%);display: flex;font-size: .28rem;color: #218755;font-family: 'lib'; cursor: pointer; transition: .5s;}
.arrow2.prev{ left: -.8rem}
.arrow2.next{ right: -.8rem}

.about .fl6 .wp{ align-items: flex-end}
.about .fl6 .left{width: calc(50% - .3rem);transform: translateY(-.6rem);}
.about .fl6 .left .content{background: url(../images/about_b5.jpg) center no-repeat;background-size: cover;height: 5.2rem;padding: 0 .75rem;flex-direction: column;justify-content: center;align-items: center;}
.about .fl6 .left .content h4{font-size: .4rem;color: #ebc294;font-family: 'sys';margin: .6rem 0 1rem;}
.about .fl6 .right{ width: calc(50% - .3rem);  margin-bottom: .3rem;}
.about .fl6 .right .content{background: url(../images/about_b6.png) right top no-repeat;background-size: cover;height: 5.5rem;padding: 0 0.75rem;flex-direction: column;justify-content: center;align-items: center;transform: translateY(-.3rem);}
.about .fl6 .tit2{ text-align: left;}
.about .fl6 .right .content h4{font-size: .48rem;color: #ebc294;font-family: 'sys';margin: .6rem 0 .25rem;}
.about .fl6 .right .arc-con{margin: .3rem 0 .3rem;width: 100%;}
.about .fl6 .right .arc-con p{ color: #ebc294}
.about .fl6 .more1{ margin: 0 auto}

@media(min-width: 1024px){
    .arrow2:hover{ background: #1e7e50; color: #fff;}
    .more2 i:hover{ background: #1e7e50; color: #fff; border: #1e7e50 1px solid}
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
    .about .fl1 .left{width: 100%;padding: 0 0 .3rem;}
    .arc-con img{max-width: 100%;}
    .about .fl1 .right{ width: 100%;}

    .about .fl1{ padding: .4rem 0;}
     
    .list23{justify-content: center;padding: 0;margin-bottom: -.2rem;}
    .list23 li{padding: 0 7px;margin-bottom: .2rem;}
    .list23 .a{width: 1.1rem;height: 1.1rem;}
    .list23 h3 big{font-size: .23rem;}
    .list23 h3 small{ font-size: .14rem}
    .list23 h4{font-size: .15rem;margin: 0;}
    .about .fl3 .content{ padding: .2rem .2rem;}

    .list24 dt{font-size: .2rem;width: 100%;margin-bottom: .1rem;}
    .list24 .dd{ flex: auto; width: 100%}
    .list24 dd{font-size: .16rem;margin: 0 0.15rem 0 0;}
    .list24{ width: calc(50% - .1rem);}

    .list24 li{ padding: .15rem 0}

    .miso_tab1 .hd ul li{ margin-bottom: .15rem}
    .miso_tab1 .hd ul .a{ font-size: .18rem}

    .about .fl4 .box{ padding: .2rem 0;}
    .list25 li{font-size: .16rem;margin: .06rem 0;}

    .list26 .imgBox{width: 1.4rem;}
    .list26 li{height: auto;justify-content: flex-start !important; padding-top: 0 !important}
    .list26 li{padding-top: .5rem !important;}
    .list26W{margin: -.5rem 0 0;}
    .list26 .arc-con{ padding: 0;}

    .list26 .ico{ width: .9rem; height: .9rem; font-size: .24rem;}

    .about .fl6 .left{width: 100%;transform: translateY(0);margin-bottom: .4rem;}
    .about .fl6 .left .content{ height: auto; padding: .5rem .2rem}
    .about .fl6 .left .content .img{ text-align: center}
    .about .fl6 .left .content .img img{ max-width: 62%}
    .about .fl6 .left .content h4{margin: .2rem 0 .3rem;font-size: .26rem;}

    .about .fl6 .right{ width: 100%;}
    .about .fl6 .right .content{ padding: .5rem .2rem; height: auto}

    .about .fl6 .right .content h4{font-size: .3rem;margin: 0.4rem 0 0.15rem;}

    .about .fl6{ padding-top: 0}
} 
@media(max-width: 560px){
    .about .fl4 .box{ width: 100%; margin-bottom: 4px}
    .about .fl1 .left p img{
        /* display: block; */
    }
} 


.list20s{ margin: 0 -.1rem;}
.list20s li{margin-bottom: .3rem;width: 50%;padding: 0 .1rem;}
.list20s .a{height: 1.48rem;border: #dcdcdc 1px solid;align-items: center;padding: 0 .22rem;position: relative;z-index: 1;}
.list20s .a::before{content: "";position: absolute;left: 0;right: 0;top: 0;background: #2b874a;z-index: -1;pointer-events: none;transition: .6s;height: 0;}
.list20s .time{width: .94rem;height: .96rem;background: #2b874a;display: flex;flex-direction: column;align-items: center;justify-content: center;margin: 0 .26rem 0 0;transition: .5s;}
.list20s .time h3{font-size: .4rem;color: #fff;font-weight: normal;transition: .5s;}
.list20s .time h6{font-size: .14rem;color: #fff;transition: .5s;}
.list20s .txt{flex: 1;overflow: hidden;/* transform: translateY(.12rem); */}
.list20s h4{font-size: .22rem;font-weight: 600;color: #333;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.list20s p{margin: .18rem 0 0;font-size: .17rem;line-height: .34rem;max-height: calc(.34rem*2)\0;color: #666;}

.header{ box-shadow: none}
.header::before{background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);pointer-events: none;height: 140%;}
.header .topnav ul li>a{ color: #fff;}
.toplink ul li .a{ color: rgba(255,255,255,.6);}
.header .topnav ul li{ padding-right: 0;}
.header .topnav ul li::before{ display: none;}

@media(min-width: 1024px){
    .list20s .a:hover::before{height: 100%;top: auto;bottom: 0;}
    .list20s .a:hover .time{ background: #fff;}
    .list20s .a:hover .time *{ color: #2b874a;}
    .list20s .a:hover *{ color: #fff;}
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
    .list20s li{ margin-bottom: .25rem; width: 100%;}
    .list20s .a{padding: 0 .2rem;height: 1.4rem;}
    .list20s .time{margin: 0 .2rem 0 0;width: .72rem;height: .76rem;}
    .list20s .time h3{ font-size: .3rem}
    .list20s p{ margin: .1rem 0 0}
    .list20s .txt{ transform: translateY(0.04rem);}
} 
@media(max-width: 560px){
} 

.list27{margin: 0 -.06rem 1rem;}
.list27 li{ flex: 1; padding: 0 .06rem; transition: .5s;}
.list27 .a{ display: block; position: relative;}
.list27 .imgBox .img{ padding-bottom: 4.8rem;}
.list27 .txt{position: absolute;right: 0;bottom: 0;left: 0;padding: .3rem .3rem;align-items: center;background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%); opacity: 0; visibility: hidden; transition: .5s;}
.list27 .txt h3{font-size: .34rem;color: #fff;font-family: 'sys';align-items: center;display: flex;flex: 1;overflow: hidden;}
.list27 .txt h3 img{width: .4rem;height: .4rem;margin: 0 .15rem 0 0;}
.list27 .txt i{ display: flex; align-items: center; justify-content: center; background: #ffcb2d; width: .39rem; height: .39rem; border-radius: 50vw; font-size: .24rem; color: #fff; font-family: 'lib'}

.list27 .txt1{position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 1;padding: 5vw 0 0;justify-content: center;transition: .5s; }
.list27 .txt1::before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/list27_t.jpg) center;opacity: .8;background-size: .4rem .4rem;z-index: -1;}
.list27 .txt1 h3{align-items: center;writing-mode: tb-rl;font-size: .34rem;color: #fff;font-family: 'sys';line-height: 1.35;letter-spacing: .05rem;}
.list27 .txt1 h3 img{ width: .4rem; height: .4rem; margin: 0 0 .15rem 0}

.list27 li:nth-child(2n){ margin: .4rem 0 0;}

@media(min-width: 800px){
    .list27 li.on{flex: 3.3;}
    .list27 li.on .txt{opacity: 1;visibility: visible;}
    .list27 li.on .txt1{opacity: 0;visibility: hidden;}
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
    .list27{margin: 0 -.06rem .4rem;}
    .list27 li{ flex: auto;}
    .list27 .txt1 h3 img{ width: .3rem; height: .3rem;}
    .list27 .txt1 h3{ font-size: .23rem;}
    .list27 .imgBox .img{ padding-bottom: 2.8rem;}
    .n_ba .imgBox .img{ padding-bottom: 45%}

    .mianbao span{ margin: 0 .06rem;}
} 
@media(max-width: 560px){
} 

.list28{ margin: 0 -.4rem 1rem;}
.list28 li{ width: 50%; padding: 0 .4rem;}
.list28 .imgBox{ width: 3rem;}
.list28 .imgBox .img{ padding-bottom: 126.66%;}
.list28 .txt{ width: calc(100% - 3rem); background: url(../images/list28_b.jpg) center no-repeat; background-size: cover; padding: .5rem .48rem; flex-direction: column; justify-content: space-between;}
.list28 .ico{ align-self: flex-end; width: .72rem; height: .72rem; position: relative; }
.list28 .ico::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: rgba(255,255,255,.27) 1px dashed; border-radius: 50%; animation: roted 30s infinite linear;}
.list28 h3{font-size: .34rem;color: #fff;font-family: 'sys';position: relative;padding-bottom: .14rem;margin-bottom: .24rem;}
.list28 h3::before{content: "";position: absolute;width: .25rem;height: 2px;background: #ebc294;bottom: 0;}
.list28 h6{font-size: .18rem;color: #fff;font-family: 'sys'; line-height: 1.35; opacity: .25; text-transform: uppercase}

@media(min-width: 800px){
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
    .list28{margin: 0 -7px .4rem;}
    .list28 li{width: 100%;margin-bottom: .25rem; padding: 0 7px;}
    .list28 .imgBox{ width: 1.75rem;}
    .list28 .txt{width: calc(100% - 1.75rem);padding: .3rem .2rem;}
    .list28 h3{ font-size: .24rem;}
    .list28 h6{font-size: .14rem;}
} 
@media(max-width: 560px){
} 

.list29{ margin: 0 -.2rem;}
.list29 li{ width: 50%; padding: 0 .2rem; margin-bottom: .48rem;}
.list29 .a{background: url(../images/list29_b1.jpg) center no-repeat;background-size: cover;height: 1.48rem;padding: 0 .2rem;border: #e4e4da 1px solid;border-top: #2b874a 2px solid; transition: .5s; position: relative; z-index: 1;}
.list29 .a::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background: url(../images/list29_b2.jpg) center no-repeat;background-size: cover; opacity: 0; transition: .5s;}
.list29 .time{width: .8rem;height: .9rem;flex-direction: column;justify-content: center;align-items: center;position: relative;z-index: 1;overflow: hidden;background: url(../images/list29_t.png) center no-repeat;background-size: 100% 100%;margin: -.18rem .44rem 0 0;}
.list29 .time:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0; background: url(../images/list29_t1.png) center no-repeat;background-size: 100% 100%; opacity: 0; transition: .5s; z-index: -1;}
.list29 .time h3{font-size: .34rem;color: #fff;line-height: 1;}
.list29 .time h6{font-size: .16rem;color: #fff;margin-bottom: 0.1rem;}
.list29 .txt{ flex: 1; overflow: hidden} 
.list29 h4{margin: .25rem 0 .12rem; height: .6rem}
.list29 h6{ display: flex; align-items: center; font-size: .14rem; color: #ccac79; transition: .5s;}
.list29 h6 i{ font-family: "lib"; font-size: .29rem; margin: 0 0 0 .15rem}

@media(max-width: 1024px){
    .list29 .time{width: 1rem; height: 1.1rem}
}
@media(min-width: 800px){
    .list29 .a:hover{ border-radius: 0 .5rem 0 .5rem; border-top: transparent 2px solid;}
    .list29 .a:hover::before{ opacity: 1; border-radius: 0 .5rem 0 .5rem;}
    .list29 .a:hover h4{ color: #fff;}
    .list29 .a:hover .time:before{ opacity: 1;}
    .list29 .a:hover h6{ color: #e6c390;}
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
      .list29 {margin:0 auto;}
    .list29 li{width: 100%;margin: 0 auto;margin-bottom: .3rem;padding: 0;}
    .list29 .time{margin: -.15rem .2rem 0 0;width: .7rem;height: .7rem;}
    .list29 .time h3{ font-size: .24rem}
    .list29 .time h6{ font-size: .14rem}
    .list29 h4{margin: .15rem 0 .1rem;}
    .list29 .a{ height: 1.3rem}
} 
@media(max-width: 360px){
    .list29 .time{margin: -.15rem .2rem 0 0;width: .8rem;height: .9rem;}
} 

.list2{background: #f7f7f7;padding: .4rem .3rem;border-top: #f6ebd9 1px solid;}
.list2 li{padding-bottom: .22rem;margin-bottom: .22rem;border-bottom: #dfdfdf 1px solid;position: relative;z-index: 1;}
.list2 li:after{content: "";position: absolute;bottom: -1px;width: 0;height: 2px;background: #0d6438;transition: .5s;}
.list2 .a{ display: block; transition: .5s}
.list2 h6{ color: #ccac79; font-size: .16rem}
.list2 h6 img{width: .15rem;margin: -.02rem .08rem 0 0;}
.list2 li:last-child{ margin-bottom: 0}
.list2 h4{margin: .05rem 0 0;}

@media(min-width: 1024px){
    .list2 li:hover:after{ width: 100%}
    .list2 li:hover .a h4{ font-family: "Microsoft YaHei"; font-weight: bold;}
}
@media(max-width: 1024px){
}
@media(max-width: 800px){

    .list2 li{ padding-bottom: .15rem; margin-bottom: .15rem;}
    .list2 h4{ margin: .06rem 0 0;}
} 
@media(max-width: 560px){
    
} 


.detail .left{width: 63.75%;}
.detail .left .bottom{border-bottom: #cecece 1px solid;padding: 0 0 .1rem;margin: .8rem 0 0}
.detail .left .bottom .ll{line-height: 2;}
.detail .right{width: 28.125%;padding: .15rem 0;}
.detail .right h3{font-size: .24rem;color: #a17632;font-family: 'Microsoft YaHei';/* margin-bottom: .24rem; */position: relative;align-items: center;background: url(../images/tsg.png) right center no-repeat;height: .72rem;background-size: auto .76rem;}
.detail .right h3 img{ width: .06rem; margin: 0 .2rem 0 0}

.list14 li{border-bottom: #e7e7e7 1px solid;padding-bottom: .3rem;margin-bottom: .3rem;}
.list14 .imgBox{ width: 1.77rem; margin: 0 .16rem 0 0;}
.list14 .imgBox .img{ padding-bottom: 100%;}
.list14 .txt{ flex: 1; overflow: hidden; padding: .2rem 0 0}
.list14 .txt h4{margin: .2rem 0 0;font-size: .18rem;}

.arc-tit{margin-bottom: .5rem;border-bottom: #dcdcdc 1px solid;padding-bottom: .3rem;}
.arc-tit h3{font-size: .26rem;color: #296b3d;font-family: 'Microsoft YaHei';padding: 0 0 0.25rem;margin: 0 auto;text-align: center;width: 8.1rem;line-height: 1.5;}
.arc-tit h6{font-size: .16rem;color: #777777;text-align: center;}
.arc-tit h6 span{margin: 0 .06rem;}

.ar_f{padding: .3rem 0 0;border-top: #dcdcdc 1px solid;margin: .4rem 0 0;}
.ar_f .a{font-size: .2rem;color: #ff6a01;display: block;padding: .08rem 0;}
.ar_f .a span{ color: #333333;}

@media(min-width: 1024px){
    
}
@media(max-width: 1024px){
    .detail .left{ width: 100%;}
    .detail .right{ width: 100%;}
}
@media(max-width: 800px){
    .list14 .imgBox{ width: 1.3rem;}
    .list14 .txt h4{ margin: .05rem 0 0;}
    .list14 .txt{ padding: .1rem 0 0;}

    .list14 li{ padding-bottom: .15rem; margin-bottom: .15rem;}
    .detail .right h3{}
    .ar_f .a{ padding: 0}

    .arc-tit{ margin-bottom: .25rem}
    .arc-tit h3{font-size: .24rem;padding: .1rem 0 .2rem;max-width: 100%;}
    .arc-tit h6 span{margin: 0;display: inline-block;line-height: 1.75;min-width: 50%;font-size: .15rem;padding: 0 .1rem 0 0;}
    .arc-tit h6{font-size: 0;}
} 
@media(max-width: 560px){
} 

.list30 li{ border-top: #218755 .05rem solid; margin-bottom: .4rem; background: #fff url(../images/list30_b.png) right bottom no-repeat; box-shadow: 0px 0px .7rem 0px rgba(0, 0, 0, 0.03);}
.list30 .h3{align-items: center;}
.list30 .h3 h3{height: .65rem;padding: 0 .35rem;align-items: center;font-size: .22rem;color: #fff;position: relative;z-index: 1;overflow: hidden;flex-wrap: nowrap;}
.list30 .h3 h3::before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: #218755;z-index: -1;transform: skewX(-20deg);transform-origin: right top;}
.list30 .h3 h3 img{ width: .41rem; height: .41rem; margin: 0 .14rem 0 0;}
.list30 dl{ margin: 0 -.1rem; padding: .3rem .58rem}
.list30 dl dd{ width: 50%; padding: .12rem .1rem; line-height: 1.5}
.list30 dl .a{font-size: .17rem;color: #333333;position: relative;padding: 0 0 0 .26rem;display: block;transition: .5s;}
.list30 dl .a::before{ content: ""; position: absolute; left: 0; top: 50%; background: #218755; width: .11rem; height: 3px; margin-top: -1.5px;}
@media(min-width: 1024px){
    
}
@media(max-width: 1024px){
    .list30 dl .a:hover{ color: #218755}
}
@media(max-width: 800px){
    .list30 .h3 h3{padding: 0 .4rem 0 .2rem;font-size: .18rem;height: .5rem;}
    .list30 dl{ padding: .2rem .2rem}
    .list30 .h3 h3 img{ width: .28rem; height: .28rem}
    .list30 li{ margin-bottom: .25rem;}
} 
@media(max-width: 560px){
} 

.tit2{ align-items: center; margin-bottom: .4rem;}
.tit2.flexc{ justify-content: center}
.tit2 .ll{align-items: flex-start;position: relative;}
.tit2 .ll .ll1{ position: relative;}
.tit2 .ll img{margin: -.1rem 0 0 .2rem;height: .53rem;position: absolute;left: 100%;}
.more1s .a{background: url(../images/more1.png) center no-repeat;background-size: cover;display: flex;width: .75rem;height: .42rem;align-items: center;justify-content: center;font-size: .15rem;color: #333333;padding: 0 0 .08rem; transition: .5s;}

.news .fl1-2-3{ background: url(../images/news_b1.jpg) center bottom no-repeat; background-size: 100% auto;}
.news .fl1 .left{ width: calc(50% - .2rem);}
.news .fl1 .right{ width: calc(50% - .2rem);}

.list31 .imgBox .img{ padding-bottom: 56.26%;}
.list31 .txt{ margin: -.38rem 0 0; position: relative;z-index: 1;}
.list31 .txt .con{background: url(../images/list31_b.png) right center no-repeat;background-size: 100% 100%;height: .79rem;width: 5.86rem;max-width: 100%;padding: 0 .3rem;display: flex;flex-wrap: wrap;justify-content: center;flex-direction: column;filter: drop-shadow(0px 0px 18px rgba(164, 164, 164, 0.24));}
.list31 h6 img{width: .15rem;margin: -.02rem .08rem 0 0;}
.list31 h6{ font-size: .16rem; color: #fff}
.list31 h4{margin: .05rem 0 0; color: #fff !important;}

.list32{margin: 0 0;height: calc(100% - .41rem);}
.list32 li{ width: calc(50% - .15rem);}
.list32 .a{flex-direction: column;flex-wrap: nowrap;height: 100%; position: relative;}
.list32 .a::before{ content: ""; position: absolute; bottom: .2rem; left: 0; right: 0; height: 1px; background: rgba(255,255,255,.12);}
.list32 .a::after{ content: ""; position: absolute; bottom: calc(.2rem - 1px); left: 0; width: .2rem; height: 3px; background: #fff;}
.list32 .imgBox{ width: 100%;}
.list32 .imgBox .img{ padding-bottom: 56.28%;}
.list32 .txt{width: 100%;background: #b49a72;flex: 1;align-items: center;padding: 0 .3rem; transition: .5s;}
.list32 h6 img{width: .15rem;margin: -.02rem .08rem 0 0;}
.list32 h6{font-size: .16rem;color: #fff;margin: -.18rem 0 .18rem;}
.list32 h4{color: #fff !important;}

.list32 li:nth-child(2) .imgBox{ order: 1;}
.list32 li:nth-child(2) h6{ margin: .18rem 0 .18rem;}
.list32 li:nth-child(2) .a::before{ top: .2rem;}
.list32 li:nth-child(2) .a::after{ top: calc(.2rem - 1px);}

.news .fl2{ padding-top: 0 !important;}

.list33 li{ transition: .5s;}
.list33 .a{ display: block; position: relative;}
.list33 .imgBox .img{ padding-bottom: 56.30%;}
.list33 .txt{ position: relative; z-index: 2}
.list33 .time{width: .8rem;height: .9rem;flex-direction: column;justify-content: center;align-items: center;margin: -.7rem 0 0;position: relative;z-index: 1;overflow: hidden;}
.list33 .time:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: #ccac79;z-index: -1;transform: skewY(-14deg);transform-origin: left bottom;transition: .5s;}
.list33 .time h3{font-size: .34rem;color: #fff;line-height: 1;}
.list33 .time h6{font-size: .16rem;color: #fff;margin-bottom: 0.1rem;}
.list33 h4{ margin: .2rem 0 0; padding-left: .35rem;}

.dots4W{ justify-content: center;}
.dots4{width: auto !important;display: flex;align-items: center;justify-content: center;}
.dots4 span{width: .09rem;height: .09rem;background: #cfcfcf;opacity: 1;margin: 0 .1rem !important;}
.dots4 span.active{background: #248157;}
.list33Box .dots{ margin: .6rem 0 0; position: relative;}
.list33Box .dots::before{ content: ""; position: absolute; top: 50%; right: calc(100% + .4rem); height: 1px; background: #d2d5d4; width: 100vw;}
.list33Box .dots::after{ content: ""; position: absolute; top: 50%; left: calc(100% + .4rem); height: 1px; background: #d2d5d4; width: 100vw;}

.news .fl3{ padding-top: 0 !important;}

.list34 .a{ height: 4.35rem; box-shadow: 0px 0px .18rem 0px rgba(164, 164, 164, 0.24); background: #fff; border-top: #ccac79 2px solid; padding: .28rem .2rem; flex-direction: column; justify-content: space-between; transition: .5s;}
.list34 .imgBox{ order: 1;}
.list34 .imgBox .img{ padding-bottom: 1.8rem; }
.list34 .txt{ padding: .1rem .1rem;}
.list34 h4{ margin: .2rem 0 .24rem;}
.list34 span{ display: flex; min-width: .95rem; height: .3rem; padding: 0 .1rem; background: #f0ddbf; border: #e6c390 1px solid; border-radius: .05rem; justify-content: center; align-items: center; transition: .5s; font-size: .16rem; color: #a17632;}
.list34 h6{ color: #ccac79;}

.list34W{ position: relative; z-index: 1; padding-bottom: .2rem;}

.list34W .arrow2{ width: .4rem; height: .4rem; font-size: .16rem;}

.news .fl4 .left{ width: 6.92rem;}
.news .fl4 .right{ width: calc(100% - 6.92rem - .45rem);}

.list35 .a{ display: block; position: relative;}
.list35 .imgBox .img{ padding-bottom: 56.30%;}
.list35 .imgBox:after{content: "";position: absolute;right: 0;bottom: 0;left: 0;background-image: linear-gradient(0deg, #132836, transparent);height: 30%;}
.list35 .txt{position: absolute;right: 0;bottom: -.2rem;left: 0;z-index: 2;align-items: center;}
.list35 .time{width: .8rem;height: .9rem;flex-direction: column;justify-content: center;align-items: center;margin: 0;position: relative;z-index: 1;overflow: hidden;}
.list35 .time:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: #ccac79;z-index: -1;transform: skewY(-14deg);transform-origin: left bottom;transition: .5s;}
.list35 .time h3{font-size: .34rem;color: #fff;line-height: 1;}
.list35 .time h6{font-size: .16rem;color: #fff;margin-bottom: 0.1rem;}
.list35 h4{padding: 0 1rem 0 .2rem;flex: 1;margin-bottom: .15rem;color: #fff !important;font-weight: bold;}

.dots2{position: absolute;right: .2rem;bottom: .35rem !important;left: .4rem !important;z-index: 1;width: auto !important;display: flex;justify-content: flex-end;}
.dots2 span{width: .09rem;height: .09rem;background: rgba(255,255,255,.3);opacity: 1;}
.dots2 span.active{background: rgba(255,255,255,1);}

.list35Box{ overflow: visible;}
.list35Box .dots2{ left: auto !important; bottom: .28rem !important;}

.list36 li{ border-bottom: #d7d7d7 1px solid}
.list36 .a{align-items: center;height: .76rem;}
.list36 h6{width: 1.38rem;position: relative;padding: 0 0 0 .2rem;font-size: .16rem;color: #e6c390;}
.list36 h6::before{content: "";position: absolute;width: .08rem;height: .08rem;background: #e6c390;transform: rotate(45deg);left: 0;margin: .06rem 0 0;}
.list36 h4{ flex: 1;}

.news .fl5{ padding-top: 0 !important;}

.list37{ margin: 0 -.22rem;}
.list37 li{ width: 33.33%; padding: 0 .22rem; margin-bottom: .4rem;}
.list37 .a{display: flex;height: 1.48rem;background: #fff;box-shadow: 0px 0px .18rem 0px rgba(164, 164, 164, 0.24);flex-direction: column;justify-content: center;padding: 0 .3rem;align-items: flex-start; overflow: hidden; position: relative; z-index: 1;}
.list37 .a::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background: url(../images/list37_b.jpg) center no-repeat; background-size: cover; opacity: 0; transition: .5s;}
.list37 h6{display: flex;align-items: center;line-height: .34rem;position: relative;z-index: 1;width: auto;font-size: .16rem;color: #218755;}
.list37 h6:before{content: "";position: absolute;top: 0;right: -.25rem;bottom: 0;width: 100vw;background: #e2ede7;z-index: -1;transform: skewX(10deg); transition: .5s;}
.list37 h6 i{display: flex;position: relative;margin: 0 .1rem 0 0;}
.list37 h6 i img{transition: .5s;height: .15rem;width: .15rem;}
.list37 h6 i img.i2{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0;}
.list37 h4{ margin: .15rem 0 0}


@media(min-width: 1024px){
    .list32 .a:hover .txt{ background: #1f8250;}

    .list33 .a:hover .time:before{ background: #218755}

    .list34 .a:hover{ background: url(../images/list34_b.jpg) center no-repeat; background-size: cover; border-top: transparent 2px solid;}
    .list34 .a:hover .imgBox{ order: -1;}
    .list34 .a:hover span{ background: #f0ddbf;}

    .list37 .a:hover::before{ opacity: 1;}
    .list37 .a:hover h4{ color: #fff;}
    .list37 .a:hover h6:before{ background: #ccac79;}

    .list37 .a:hover h6{ color: #fff;}
    .list37 .a:hover h6 i img.i1{ opacity: 0;}
    .list37 .a:hover h6 i img.i2{ opacity: 1;}
}
@media(max-width: 1300px){
    .list36 h6{width:1.6rem;}
}
@media(max-width: 800px){
    .news .fl1 .left{ width: 100%;}
    .news .fl1 .right{ width: 100%; padding: .3rem 0 0;}

    .news .fl4 .left{ width: 100%;}
    .news .fl4 .right{ width: 100%; padding: .3rem 0 0;}

    .list37 li{ width: 50%;}

    .list32 li{ width: 100%; margin-bottom: .2rem;}

    .list32 .txt{order: 1;padding: 0 .25rem .4rem;flex: auto;}
    .list32 h6{margin: .2rem 0 .1rem !important;}
    .list32 li:nth-child(2) .imgBox{ order: 1;}
    .list32 li:nth-child(2) h6{ margin: .18rem 0 .18rem;}
    .list32 li:nth-child(2) .a::before{top: auto;}
    .list32 li:nth-child(2) .a::after{top: auto;}

    .more1s .a{width: .5rem;height: .35rem;font-size: .13rem;}

    .tit2{ margin-bottom: .25rem;}
    .list36 h6{ width: 1.15rem; font-size: .14rem;}
    .list36 .a{ height: .6rem;}
    .tit2 .ll img{ height: .4rem;}
    .list31 .txt .con{ max-width: 90%;}
} 
@media(max-width: 560px){
    .list37 li{width: 100%;margin-bottom: .2rem;}
     .list36 h6{width:1.25rem;}
}