@charset "utf-8";
@media(max-width: 769px){
    .pagebar{ margin: .4rem auto 0;}
} 

@media(min-width: 769px){
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
}
@media(max-width: 769px){
}
@media(max-width: 560px){
} 

.header{ background: #871c16;}

.n_ba{position: relative;z-index: 1;}
.n_ba .imgBox .img{padding-bottom: 31.25%;}
.n_ba .top{ position: absolute; right: 0; bottom: 0; left: 0;}
.n_ba .left{background: #871c16;background-size: cover;height: 1rem;width: 3.5rem;display: flex;align-items: center;justify-content: center;}  
.n_ba .left h2{ font-size: .38rem; color: #fff}
.n_ba .right{width: calc(100% - 3.5rem - .7rem);display: flex;align-items: flex-end;padding: 0 0 .15rem;}

.mianbao{display: flex;align-items: center;padding: 0;}
.mianbao *{font-size: .16rem;color: #fff !important;font-style: normal;line-height: 1.5;font-weight: normal;}
.mianbao img{margin: 0 .1rem 0 0;height: .17rem;}
.mianbao span{margin: 0 .1rem;}
.mianbao .con{background: url() left center no-repeat;padding: 0 0 0 .2rem;background-size: .1rem auto;}

#m_n_nav {display: none;line-height: 50px;position: relative;z-index: 9;width: 100%;background: #871c16;}
#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 i { }
#m_n_nav h1 { font-size: 14px; 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;display: flex;flex-wrap: wrap;}
#sub_nav_content dt {position: relative;background: rgb(255, 255, 255);z-index: 999;min-width: 100%;display: inline-block;margin-bottom: 0px;text-align: left;}
#sub_nav_content dt a { margin: 0px 20px; display: block; color: rgb(91, 83, 73); 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: #811712;}
#sub_nav_content dd {display: flex;padding: 0px 20px;width: 100%;flex-wrap: wrap;}
#sub_nav_content dd .box { padding: 0px; }
#sub_nav_content dd a {padding: 0;line-height: 30px;font-size: 12px;color: #999;display: block;height: 30px;min-width: 25%;}
#sub_nav_content dd a.on { color: rgb(215, 0, 41); }

.more1{font-size: .16rem;color: #f0d4ad;align-items: center;transition: .5s;}
.more1 svg{ width: .2rem; height: .2rem;}
.more1 .cls-1{fill:#f0d4ad;fill-rule:evenodd; transition: .5s;}

.n_container{padding: 0 0 1rem;background: #fff url(../images/n_bg1.png) center bottom no-repeat;background-size: 100% auto;overflow: hidden;min-height: 8rem;}
.n_container .wp{ align-items: flex-start;}
.n_left{width: 3.5rem;position: relative;z-index: 10;border-radius: 0 0 .6rem 0;}
.n_right{width: calc(100% - 3.5rem - .7rem);padding: .4rem 0 0;}
.yj{height: 1.1rem;display: flex;align-items: center;justify-content: flex-end;padding: 0 .15rem .3rem;position: relative;flex-direction: column;background: url() center top no-repeat;background-size: cover;}
.yj h2{font-size: .3rem;color: #fff;line-height: 1;font-family: Microsoft YaHei;font-weight: bold;}
.yj h6{font-size: .18rem;color: #fff; opacity: .6; text-transform: uppercase; margin: .04rem 0 0}
.erji{background: #f5f5f5 url(../images/erji.png) center bottom no-repeat;background-size: 100% auto;padding: .3rem .2rem 2.4rem;border-bottom: #ececec .1rem solid;min-height: 3.55rem;}
.erji li *{ transition: .5s;}
.erji li{position: relative;z-index: 1;width: 100%;}
.erji li .a{display: flex;height: .8rem;font-size: .22rem;color: #000000;position: relative;z-index: 1;align-items: center;padding: 0 0 0 .56rem;}
.erji li .a:before{content: "";position: absolute;top: 0;bottom: 0;left: 0;width: 0;background: #fff;z-index: -1;transition: .5s;opacity: 0;}

.erji li.on .a:before{ width: calc(100% + .2rem); opacity: 1}
.erji li.on .a, .erji li:hover .a{color: #871c16;}
.erji li.on::before{opacity: 0;}
.erji li.on::after{ opacity: 1}

.erji li dl{padding: .1rem 0;background: #fff;border-radius: 0;margin: 0;display: none;text-align: left;width: calc(100% + .2rem);}
.erji li dl dd .a1{display: block;line-height: 1.75;font-size: .16rem;color: #666;position: relative;z-index: 1;padding: .05rem .4rem .05rem .6rem;transition: .5s}
.erji li dl dd .a1:hover, .erji li dl dd.on .a1{color: #920f15;}

.erji li.on dl{ display: block !important;}

.n_tit1{align-items: center;border-bottom: 1px solid #dddddd;margin-bottom: .54rem; position: relative;}
.n_tit1::after{content: "";position: absolute;right: 0;bottom: -1px;width: 2.12rem;height: 0.43rem;}
.n_tit1 h3{position: relative;font-size: .28rem;color: #000000;padding: .14rem 0;font-weight: normal;}
.n_tit1 h3::before{content: "";position: absolute;left: 0;bottom: -1px;background: #871c16;width: .54rem;height: 2px;}


@media(min-width: 769px){
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
}
@media(max-width: 769px){
    #gotop1{ right: 0;}

    .n_left, .n_tit1{ display: none;}
    .n_right{width: 100%;padding: 0;}

    #m_n_nav{ display: block;}

    .n_container{padding: .4rem 0 .5rem;overflow: hidden;}

    .n_ba .imgBox .img{/* padding-bottom: 50%; */}
    .n_ba .top{ display: none}
    .n_ba{ margin: .7rem 0 0}
}
@media(max-width: 560px){
} 

.about .box{ margin-bottom: .6rem;}
.about .con{padding: 0 .38rem;}

.h3-1{font-size: .24rem;color: #871c16;align-items: flex-start;font-weight: 600;margin-bottom: .3rem;flex-wrap: nowrap;}
.h3-1 img{width: .18rem;margin: .11rem .2rem 0 0;transform: rotate(180deg);}

.lt15{justify-content: space-around;align-items: center;}
.lt15 li{width: 3rem;max-width: 100%;}
.lt15 .a{border: #bcb8a7 1px dashed;border-radius: 50vw;position: relative;z-index: 1;display: block;text-align: center;overflow: hidden;}
.lt15 .a:before{content: "";padding-bottom: 100%;display: block;}
.lt15 .a:after{content: "";position: absolute;width: 100%;height: 100%;background: url() right bottom no-repeat;background-size: 100% auto;z-index: -1;opacity: 0;top: 0;left: 0;transition: .5s;}
.lt15 .txt{position: absolute;top: 0;right: 0;bottom: 0;left: 0;flex-direction: column;justify-content: center;align-items: center;padding: 0 10%;}
.lt15 p{ font-size: .22rem; color: #000000; line-height: .34rem}
.lt15 p.p3{ min-height: calc(.34rem * 3)}
.lt15 .dot{ width: .09rem; height: .09rem; background: #871c16; border-radius: 50%; }
.n_t1{margin-bottom: .2rem;text-align: center;}
.n_t1 h3{font-size: .34rem;color: #871c16;font-family: '思源宋体 CN';margin: 0 0 -.3rem;position: relative;z-index: 1;}
.n_t1 h6{ font-size: .4rem; color: rgba(154,0,1,.16); font-family: 'Times New Roman'; font-weight: bold;}

.lt16{ margin-bottom: .5rem;}
.lt16 .imgBox{ width: 5.35rem;}
.lt16 .imgBox .img{ padding-bottom: 53.27%;}
.lt16 .txt{flex: 1;overflow: hidden;background: url() center no-repeat;background-size: cover;padding: 0 .5rem;flex-direction: column;justify-content: center;}
.lt16 h6{ font-size: .18rem; color: #fff;}
.lt16 h5{font-size: .22rem;color: #fff;line-height: 1.8;margin: .3rem 0;}

@media(min-width: 769px){
    .lt15 .a:hover:after{ opacity: 1;}
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
}
@media(max-width: 769px){
    .lt15{ flex-direction: column}
    .lt15 li{ width: 100%;}
    .lt15 .a{ border-radius: 0;}
    .lt15 .dot{margin: .15rem 0;width: .06rem;height: .06rem;}
    .lt15 p{ font-size: .18rem;}
    .lt15 .a:before{ display: none;}
    .lt15 .txt{position: relative;padding: .25rem;}

    .n_t1 h3{font-size: .26rem; margin-bottom: -.15rem}
    .n_t1 h6{ font-size: .24rem;}
    .about .con{ padding: 0}
    .lt16{ margin-bottom: .3rem;}
    .lt16 .imgBox{ width: 100%;}
    .lt16 .txt{flex: auto; width: 100%; padding: .25rem}
    .lt16 h5{font-size: .18rem; margin: .15rem 0;}
    
} 
@media(max-width: 560px){
} 

.ar_tit{position: relative;z-index: 1;margin: 0 0 .3rem;text-align: center;border-bottom: #e1e1e1 1px solid;padding: 0 0 .25rem;}
.ar_tit h3{font-size: .3rem;color: #000000;line-height: 1.35;padding-bottom: .2rem;}
.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 1vw;}
.ar_tit .con .ll p img{ width: .22rem; margin: 0 .1rem 0 0}

.details .arc-con p{ text-indent: 2em;}
.details .arc-con p a{word-wrap: break-word}

.ar_tj{border-top: 1px solid #e1e1e1;padding: .5rem 0 0;position: relative;z-index: 1;margin: .4rem 0 0;display: flex;flex-wrap: wrap;justify-content: space-between;}
.ar_tj .a{display: block;font-size: .18rem;color: #333;line-height: 2;margin: 0;transition: .5s;width: 49%;background: #fff;box-shadow: 0px 0px .18rem 0px rgba(0, 0, 0, 0.09);padding: .3rem .48rem;position: relative;}
.ar_tj .a:nth-child(2){ text-align: right}
.ar_tj .a i{position: absolute;top: 50%;transform: translateY(-50%);width: .24rem;height: .48rem;background: #f5f5f5;font-size: .24rem;color: #871c16;font-family: 'lib'; display: flex; justify-content: center; align-items: center; transition: .5s}
.ar_tj .a:nth-child(1) i{ left: 0; border-radius:0 50vw 50vw 0; padding: 0 .04rem 0 0}
.ar_tj .a:nth-child(2) i{ right: 0; border-radius:50vw 0 0 50vw; padding: 0 0 0 .04rem}

@media(min-width: 769px){
    .ar_tj .a:hover{color: #871c16;} 
    .details .more1:hover{color: #fff;background: linear-gradient(270deg, #1e6dd9 0%, #0a3597 99%);}
    .ar_tj .a:hover i{ background: #871c16; color: #fff}
}
@media(max-width: 1024px){
}
@media(max-width: 769px){
    .ar_tit h3{ font-size: .22rem;}
    .ar_tit .con .ll p{margin: 0 .1rem;font-size: .15rem;}

    .ar_tj{ padding-top: .15rem}
    .ar_tj .a{font-size: .16rem;margin: .1rem 0;max-width: 100%;padding: 0.2rem 0.3rem;line-height: 1.75;}
    .ar_tj .a:nth-child(2){ text-align: left;}
    .arc-con img{
    margin: 0 auto;
}
} 
@media(max-width: 560px){
} 


.mtab1 .hd{ margin-bottom: .5rem;}
.mtab1 .hd ul{ background: #f5f5f5;}
.mtab1 .hd ul li{ width: 50%;}
.mtab1 .hd ul li .a{height: .5rem;display: flex;justify-content: center;align-items: center;font-size: .24rem;color: #000000;transition: .5s;}
.mtab1 .hd ul li .a i{display: inline-block;width: .18rem;height: .11rem;background: url() center no-repeat;background-size: cover;margin: 0 .2rem 0 0;transition: .5s;opacity: 0;}

.mtab1 .hd ul li.on .a{ background: #9b0304; color: #fff}
.mtab1 .hd ul li.on .a i{ opacity: 1}

.lt17-c{ justify-content: center;border-bottom: #e1e1e1 1px solid;}
.lt17{ margin: 0 -7px; margin-bottom: .4rem;}
.lt17 li{width: 25%;text-align: center;margin-bottom: .5rem; padding: 0 7px}
.lt17 .imgBox{width: 1.64rem;margin: 0 auto;max-width: 100%;}
.lt17 .imgBox .img{ padding-bottom: 132.92%;}
.lt17 .txt{padding: .2rem 0 0;/* width: 1.8rem; */margin: 0 auto;}
.lt17 h4{font-size: .22rem;color: #000000;}
.lt17 .line{width: .28rem;height: 2px;background: #9b0304;margin: .1rem auto .12rem;}
.lt17 p{font-size: .18rem;line-height: 1.7;color: #444}

.zhushi{font-size: .16rem;color: #999;margin-bottom: .25rem;transform: translateY(-50%);padding: 0 0 0 3.2vw;}
/*inner_s3*/

.inner_s3 ul{
    display: flex;
    flex-wrap: wrap;

}
.inner_s3 ul li{
    width: 23.5%;
    margin: .5rem 0 0 2%;
    position: relative;
}
.inner_s3 ul li:nth-child(-n+4){
    margin-top: 0;
}
.inner_s3 ul li:nth-child(4n+1){
    margin-left: 0;
}
.inner_s3 ul li a{
    display: block;
}
.inner_s3 ul li .pic{
    padding-top: 3.5rem;
    position: relative;
    overflow: hidden;
}
.inner_s3 ul li .pic .a
{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all 0.3s ease-in;
}
.inner_s3 ul li h3{
    font-size: .2rem;
    line-height: .3rem;
    color: #333333;
    text-align: center;
    transition: .5s;
}
.inner_s3 ul li .txt{
    padding: .2rem .2rem .1rem;
    border-bottom: .02rem solid #a90202;
}
.inner_s3 ul li:hover h3{
    color: #a90202;
    font-weight: bold;
}
.inner_s3 ul li:hover .pic .a
{
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.inner_s3 {
    margin-top: .36rem;
}

#vsb_content table{ border: 0px;border-left:1px solid #ddd; border-top:1px solid #ddd;width:95%; margin:20px auto}
#vsb_content table tr td{ border-left:0px; border-top:0px;line-height: 23px; padding: 5px; border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; border-right-color: #ddd; border-bottom-color: #ddd; }
#vsb_content table tr td p{text-indent:0em; padding:0px; margin:0px; text-align:center; }



@media(min-width: 769px){
}
@media(max-width: 1024px){
    .inner_s3 ul li a .pic{
        padding-top:125%;
    }
     .inner_s3 ul li{
         margin:0;
     }
     .inner_s3 ul{
         gap:.2rem 2%
     }
}
@media(max-width: 769px){
    .lt17 li{width: 50%;}
    .mtab1 .hd ul li .a{ font-size: .2rem}
    .mtab1 .hd ul li .a i{ margin: 0 .1rem 0 0}
      .inner_s3 ul li{
          width:32%
      }
} 
@media(max-width: 560px){
      .inner_s3 ul li{
          width:49%
      }
} 

.lt18 li{ margin-bottom: .6rem;}
.lt18 .a{ align-items: center; position: relative; padding: .3rem; overflow: hidden; z-index: 1;  background-size: auto 100%; transition: .5s;}
.lt18 .a::before{content: "";position: absolute;top: 0;left: 0;width: 3.2rem;height: 100%;background: #871c16;z-index: -1;transition: .5s;transform-origin: left bottom;transform: skewX(10deg);}
.lt18 i{position: absolute;font-size: .4rem;color: #b7b7b7;opacity: .26;top: .2rem;right: .2rem;}
.lt18 .imgBox{ width: 4.36rem;}
.lt18 .imgBox .img{ padding-bottom: 57.20%;}
.lt18 .txt{ flex: 1; overflow: hidden; padding: 0 1.1rem;}
.lt18 h3{ font-size: .3rem; color: #871c16; margin-bottom: .25rem;}
.lt18 p{font-size: .2rem;color: #000000;line-height: 2;position: relative;padding: 0 0 0 .36rem;}
.lt18 p::before{content: "";position: absolute;top: 50%;left: 0;background: #871c16;width: .18rem;height: 2px;margin: -1px 0 0;}

@media(min-width: 769px){
    .lt18 li:nth-child(2n) .a{ background: #f5f5f5 url() left bottom no-repeat; }
    .lt18 li:nth-child(2n) .imgBox{ order: 1;}
    .lt18 li:nth-child(2n) .a::before{ left: auto; right: 0; transform: skewX(-10deg);}
    .lt18 li:nth-child(2n) i{ left: .2rem; right: auto;}
}
@media(max-width: 1024px){
}
@media(max-width: 769px){
    .lt18 li{ margin-bottom: .2rem;}
    .lt18 .a{ padding: .25rem}
    .lt18 .a::before{width: 100%;height: 36vw;transform: skewY(-5deg);}
    .lt18 .imgBox{ width: 100%}
    .lt18 .txt{ flex: auto; width: 100%; padding: .25rem 0 0}
    .lt18 h3{ font-size: .22rem; margin-bottom: .15rem;}
    .lt18 p{font-size: .16rem;}
} 
@media(max-width: 560px){
} 

.h3-2{font-size: .2rem;color: #fff;line-height: .36rem;padding: 0 .15rem;position: relative;z-index: 1;margin: 0 0 .25rem .5rem;}
.h3-2::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #871c16;z-index: -1;transition: .5s;transform: skewX(-12deg);}
.h3-2::after{content: "";position: absolute;top: 0;left: -.11rem;width: .07rem;height: 100%;background: #871c16;z-index: -1;transition: .5s;transform: skewX(-12deg);}

.zcyj .arc-con{padding: 0 .65rem;margin-bottom: .3rem;}
.zcyj .arc-con p{margin-bottom: 0;text-indent: 0;}

@media(max-width: 1024px){
}
@media(max-width: 769px){
    .h3-2{ margin: 0 0 .15rem .15rem}
    .zcyj .arc-con{ padding: 0}
    .zcyj .h3-1{ font-size: .2rem}
} 
@media(max-width: 560px){
} 

.zlsfw .top{height: 1rem;background: #9b0304;padding: 0 .2rem;display: flex;flex-direction: column;justify-content: center;}
.zlsfw .top h3{color: #fff;margin: 0 0 .04rem;}
.zlsfw .top h6{font-size: .24rem;color: rgba(255,255,255,.43);padding: 0 0 0 .36rem;}
.zlsfw .bottom{ background: #fff; padding: .46rem .4rem; box-shadow: 0px 0px .18rem 0px rgba(0, 0, 0, 0.09);}

@media(max-width: 769px){
    .zlsfw .top h6{font-size: .16rem;}
    .zlsfw .bottom{ padding: .15rem .2rem;}
}

.lt19 li{ border-bottom: #e1e1e1 1px solid;}
.lt19 .a{ align-items: center; padding: .4rem .28rem; position: relative; z-index: 1;}
.lt19 .a::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/lt19_b.jpg) center no-repeat; background-size: cover; z-index: -1; opacity: 0; transition: .5s;}
.lt19 .imgBox{ width: 3.3rem; margin: 0 .4rem 0 0;}
.lt19 .imgBox .img{ padding-bottom: 56.36%;}
.lt19 .txt{ flex: 1; overflow: hidden;}
.lt19 .txt .flexjs{ align-items: center;}
.lt19 .txt h6{ width: auto;}
.lt19 p{margin: .15rem 0 .4rem;}

.more3{position: relative;z-index: 1;height: .26rem;}
.more3::before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url() left center no-repeat;background-size: auto 100%;z-index: -1;transition: .5s;}
.more3 img{ opacity: 0; transition: .5s}

@media(min-width: 769px){
    .lt19 .a:hover::before{ opacity: 1;}
    .lt19 .a:hover .more3::before{ opacity: 0;}
    .lt19 .a:hover .more3 img{ opacity: 1;}
    .lt19 .a:hover *{ color: #fff;}
    .lt19 .a:hover p{ opacity: .6;}
}
@media(max-width: 769px){
    .lt19 .a{ padding: .25rem 0;}
    .lt19 .imgBox{ width: 100%; margin: 0 0 .25rem;}
    .lt19 .txt{ flex: auto; width: 100%;}
}

.lt20 li{ border-bottom: #e1e1e1 1px solid;}
.lt20 .a{ align-items: center; padding: .4rem .28rem; position: relative; z-index: 1;}
.lt20 .a::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/lt20_b.jpg) center no-repeat; background-size: cover; z-index: -1; opacity: 0; transition: .5s;}
.lt20 .time{margin: 0 .24rem 0 0;width: 1.4rem;background: #f5f5f5;line-height: .5rem;text-align: center;font-size: .18rem;color: #871c16;font-family: 'Times New Roman';font-style: italic; font-weight: bold}
.lt20 .time big{ font-size: .36rem}
.lt20 .txt{align-items: center;flex: 1;overflow: hidden;}
.lt20 h4{ flex: 1; font-weight: 600}
.more4{margin: 0 0 0 .3rem;opacity: 0;transition: .5s;width: .44rem;}
.more4 img{ width: 100%}

@media(min-width: 769px){
    .lt20 .a:hover::before{ opacity: 1;}
    .lt20 .a:hover .more4{ opacity: 1;}
    .lt20 .a:hover h4{ color: #fff;}
}
@media(max-width: 769px){
    .lt20 .a{padding: .2rem 0;flex-direction: column;align-items: flex-start;}
    .lt20 .time{font-size: .14rem;width: 1rem;line-height: .32rem}
    .lt20 .time big{ font-size: .24rem}
    .lt20 .txt{ flex: auto; width: 100%; margin: .06rem 0 0}
    .more4{ display: none}
}

.lt21{ margin: 0 -.2rem;}
.lt21 li{ width: 50%; padding: 0 .2rem; margin-bottom: .4rem;}
.lt21 .a{padding: .3rem;align-items: flex-start;border: #e7e7e7 1px solid;position: relative;z-index: 1;}
.lt21 .a::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; z-index: -1; opacity: 0; transition: .5s;}
.lt21 .imgW{width: 2.85rem;margin: 0 .3rem 0 0;position: relative;padding-bottom: .3rem;}
.lt21 .imgW:before{ content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #871c16; transition: .5s;}
.lt21 .imgBox .img{ padding-bottom: 56%}
.lt21 .txt{ flex: 1; overflow: hidden;}
.lt21 h4{font-size: .22rem;margin-bottom: .25rem;}
.lt21 p{font-size: .18rem;color: #666666;line-height: 1.75;padding: 0 0 0 .32rem;position: relative;}
.lt21 p:before{content: "";position: absolute;left: 0;top: .02rem;background-size: 100% 100% !important;width: .22rem;height: .22rem;transition: .5s;}
.lt21 p span{margin: 0 .15rem 0 0;}
.lt21 p.p1:before{background: url() center no-repeat;}
.lt21 p.p2:before{background: url() center no-repeat;}

@media(min-width: 769px){
    .lt21 .a:hover::before{ opacity: 1;}
    .lt21 .a:hover h4{ color: #fff;}
    .lt21 .a:hover p{ color: rgba(255,255,255,.6);}

    }
    }

    .lt21 .a:hover .imgW:before{ background: #ba7c7a;}
}
@media(max-width: 769px){
    .lt21{ margin: 0 -7px;}
    .lt21 li{ width: 50%; padding: 0 7px; margin-bottom: .2rem;}
    .lt21 .a{ padding: .2rem;}
    .lt21 .imgW{width: 100%;margin: 0 0 .2rem;padding-bottom: .2rem;}
    .lt21 .txt{ flex: auto;}
    .lt21 p:before{width: .16rem;height: .16rem;}
}

.lt22{ margin: 0 -.2rem;}
.lt22 li{ width: 50%; padding: 0 .2rem; margin-bottom: .4rem;}
.lt22 .a{padding: .3rem;align-items: flex-end;border: #e7e7e7 1px solid;position: relative;z-index: 1; transition: .5s; background: #fff; }
.lt22 .imgBox{ width: 1.8rem; margin: 0 .3rem 0 0;}
.lt22 .imgBox .img{ padding-bottom: 140%}
.lt22 .txt{ flex: 1; overflow: hidden;}
.lt22 h4{ font-size: .26rem; color: #000000; font-weight: 600;}
.lt22 h5{font-size: .18rem;color: #333333;font-weight: 600;padding: .1rem 0;position: relative;}
.lt22 h5:before{ content: ""; position: absolute; left: 0; bottom: 0; width: .26rem; height: .03rem; background: #871c16}
.lt22 p{ margin: .18rem 0 .3rem; color: #999;}
.more5{ justify-content: flex-end; font-size: .15rem; color: #871c16; align-items: center;}
.more5 i{ font-size: .07rem; color: #871c16; font-family: "lib"; margin: 0 0 0 .08rem}

@media(min-width: 769px){
    .lt22 .a:hover{ border: #fff 1px solid; box-shadow: 0px 3px 21px 0px rgba(0, 0, 0, 0.2);}
}
@media(max-width: 769px){
    .lt22{ margin: 0 -7px;}
    .lt22 li{width: 100%;padding: 0 7px; margin-bottom: .2rem;}
    .lt22 .a{ padding: .2rem}
    .lt22 .imgBox{ width: 1.7rem; margin: 0 .25rem 0 0;}
    .lt22 h4{ font-size: .22rem;}
}

.zlrw_d .img{ width: 3.25rem; }
.zlrw_d .txt{ width: calc(100% - 3.25rem - .66rem);}
.zlrw_d .txt h3{font-size: .3rem;color: #000000;margin-bottom: .5rem;}
.zlrw_d .txt h3 span{position: relative;padding: 0.1rem 0;}
.zlrw_d .txt h3 span::before{ content: ""; position: absolute; right: 0; bottom: 0; left:0; height: 1px; background: #871c16;}

@media(max-width: 769px){
    .zlrw_d .img{width: 2rem;margin: 0 auto;}
    .zlrw_d .txt{width: 100%;padding: .4rem 0 0;}
    .zlrw_d .txt h3{ margin-bottom: .3rem}
}

.lt23 li{ border-bottom: #e1e1e1 1px solid;}
.lt23 .a{align-items: center;padding: .3rem;position: relative;z-index: 1;}
.lt23 .a::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; opacity: 0; transition: .5s;}
.lt23 h4{ font-size: .22rem;}
.lt23 p{ margin: .1rem 0 .15rem; color: #999;}

@media(min-width: 769px){
    .lt23 .a:hover::before{ opacity: 1;}
    .lt23 .a:hover *{ color: #fff;}
}
@media(max-width: 769px){
    .lt23 .a{ padding: .2rem 0}
    
}

.lt24 li{margin-bottom: .8rem;}
.lt24 .a{align-items: flex-end;padding: 0;position: relative;z-index: 1;}
.lt24 .a::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url() center no-repeat; background-size: cover; z-index: -1; transition: .5s; transform: translateY(.2rem);}
.lt24 .a::after{ content: ""; position: absolute; bottom: -.2rem; left: 0; width: .2rem; height: .2rem; background: #8d2624; transition: .5s}
.lt24 .imgBox{width: 5.52rem;}
.lt24 .imgBox .img{padding-bottom: 61.59%;}
.lt24 .txt{flex: 1;overflow: hidden;padding: .1rem .4rem;}
.lt24 .txt .flexjs{ align-items: center;}
.lt24 .txt h4{ font-size: .24rem; color: #871c16}
.lt24 .txt .flexjs{ justify-content: flex-end}
.lt24 p{margin: .25rem 0 .3rem;color: #999;}

@media(min-width: 769px){
    .lt24 .a:hover::before{ background: url() center no-repeat; background-size: cover;}
    .lt24 .a:hover *{ color: #fff;}
    .lt24 .a:hover .more3::before{ opacity: 0;}
    .lt24 .a:hover .more3 img{ opacity: 1;}
    .lt24 .a:hover::after{ background: #f2af7f;}
}
@media(max-width: 769px){
    .lt24{ margin-bottom: .6rem;}
    .lt24 li{ margin-bottom: .4rem;}
    .lt24 .a{ padding: .2rem 0}
    .lt24 .txt{ padding: .2rem .2rem 0;}
    .lt24 p{ margin: .15rem 0 .25rem;}
}

.lt21s li{margin-bottom: .2rem;}
.lt21s .a{padding: .3rem .45rem;align-items: flex-start;border: #e7e7e7 1px solid;position: relative;z-index: 1;}
.lt21s .a::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url() center no-repeat; background-size: cover; z-index: -1; opacity: 0; transition: .5s;}
.lt21s .txt{display: flex;}
.lt21s h4{font-size: .22rem;flex: 1;}
.lt21s p{font-size: .18rem;color: #666666;line-height: 1.75;padding: 0 0 0 .32rem;position: relative;white-space: nowrap;flex-wrap: nowrap;margin: 0 0 0 .36rem;}
.lt21s p:before{content: "";position: absolute;left: 0;top: .04rem;background-size: 100% 100% !important;width: .22rem;height: .22rem;transition: .5s;}
.lt21s p span{margin: 0 .15rem 0 0;}
.lt21s p.p1:before{background: url() center no-repeat;}
.lt21s p.p2:before{background: url() center no-repeat;}

@media(min-width: 769px){
    .lt21s .a:hover::before{ opacity: 1;}
    .lt21s .a:hover h4{ color: #fff;}
    .lt21s .a:hover p{ color: rgba(255,255,255,.6);}

    .lt21s .a:hover p.p1:before{background: url() center no-repeat;}
    .lt21s .a:hover p.p2:before{background: url() center no-repeat;}

    .lt21s .a:hover .imgW:before{ background: #ba7c7a;}
}
@media(max-width: 769px){
    .lt21s .a{ padding: .2rem .2rem}
    .lt21s h4{ flex: auto; width: 100%;}
    .lt21s .txt{width: 100%;flex-wrap: wrap;margin: .1rem 0 0;}
    .lt21s p{ width: 100%; margin: 0}
    .lt21s p:before{ width: .16rem; height: .16rem}
}