@charset "utf-8";
/*翻页条*/
.pagebar{margin:1.1rem auto 0 auto;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}
.pagebar>.p_t{align-self: flex-start;line-height: .38rem;margin: 0 .04rem;/* min-width: .36rem; */margin-bottom: .1rem;}
.pagebar>.p_goto{margin-bottom: .1rem;padding: 0 .1rem;height: .36rem;}
.p_pages{text-align: center;display: flex;align-items: center;flex-wrap: wrap;justify-content: center;}
.pagebar *{font-size: .14rem;white-space: nowrap;}
.pagebar .p_pages span{padding: 0 .1rem;height: .36rem;display: flex;margin: 0 .04rem;box-sizing: border-box;border-radius: 0;min-width: .36rem;color: #333;align-items: center;justify-content: center;position: relative;z-index: 1;margin-bottom: .1rem;}
.pagebar .p_pages span i{ font-size: .16rem; font-family: "lib"}
.pagebar span.p_goto:before,.p_pages span:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: #9799a6 1px solid; border-radius: 0; z-index: -1}
.p_pages span a, .pagebar span a{display: flex;align-items: center;border-radius: 0;justify-content: center;margin: 0 -.1rem;height: 100%;width: calc(100% + .2rem);padding: 0 .1rem; transition: .5s;}
.p_pages svg{width: .16rem;height: .16rem; transition: .5s;}
.pagebar .p_last + span, .pagebar .p_last + span + span{padding: 0;margin-right: -.05rem;}
.p_pages .p_goto + span{ padding: 0;}
.p_pages .p_t:before{ display: none}
.p_goto{margin: 0 .03rem;position: relative; z-index: 1;}
.p_goto input{display: flex;align-items: center;justify-content: center;height: .36rem;padding: 0;transition: .5s;position: relative;z-index: 1;border: none;border-radius: 0;width: .3rem;}
.p_goto a{display: flex;align-items: center;border-radius: .04rem;justify-content: center;height: .36rem;padding: 0 .1rem;transition: .5s;position: relative;z-index: 1;}
.p_goto a::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: #e5e5e5 1px solid; border-radius: .04rem; z-index: -1; transition: .5s;}

.p_pages span.p_no_d{ border-radius: .04rem;  background: #9b0000; color: #fff!important}
.p_pages span.p_no_d:before{ border: #9b0000 1px solid}

.p_pages a:hover, .p_pages a.on, .p_goto a:hover{background: #9b0000;color:#fff!important;}
.p_pages a:hover svg{ fill: #fff}
.p_goto a:hover::before{ border: #9b0000 1px solid;}

#m_n_nav {display: none;line-height: 50px;position: relative;z-index: 9;width: 100%;background: #9b0000;}
#bnt_back { position: absolute; left: 15px; top: 50%; margin-top: -14px;height: 28px;}
#bnt_back img { height: 28px; vertical-align: top;}
#bnt_back svg { fill: rgb(255, 255, 255); height: 30px; vertical-align: middle; width: 26px; }
#m_n_nav i {position: absolute;top: .06rem;right: 0;font-size: .2rem;color: #666;font-family: "lib";width: .3rem;height: .3rem;display: flex;justify-content: center;align-items: center;}
#m_n_nav i:before{ content: "\e62e";}
#m_n_nav .active i:before{content: "\e62f";}
#m_n_nav h3{font-size: 16px;color: rgb(255, 255, 255);text-align: center;margin: 0 .6rem;line-height: 50px;font-weight: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#n_n_title{  position: relative;}
#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: 0 .16rem; display: none;}
#sub_nav_content ul li {display: block;margin: .06rem 0px;}
#sub_nav_content ul li a {padding: .05rem 0;display: flex;color: #333;line-height: 1.5;font-size: .16rem;align-items: center;}
#sub_nav_content ul li.on a { color: #9b0000; }
#sub_nav_content dl {font-size: 0px;overflow: hidden;background: rgb(255, 255, 255);padding: 10px 15px;display: flex;flex-wrap: wrap;}
#sub_nav_content dt {position: relative;background: #fff;z-index: 999;min-width: 100%;}
#sub_nav_content dt>a {padding: .08rem 0;display: flex;color: #333;line-height: 1.5;font-size: .18rem;align-items: center;}
#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: #9b0000 border-top: 1px solid rgb(255, 255, 255);}
#sub_nav_content dt.title_on a i { color: #9b0000 }
#sub_nav_content dt.last a { border-top: 1px solid rgb(248, 248, 248); }
#sub_nav_content dt.on>a{color: #9b0000;}

@media(max-width: 769px){
    .pagebar{ margin: .4rem auto 0;}
    .pagebar>.p_pages{ width: 100%}

    #m_n_nav{ display: block;}
}  

@media(max-width: 1025px){
    
}
@media(min-width: 769px){
    
}
@media(max-width: 769px){
    
}

.n_banner{ position: relative; z-index: 2;}
.n_banner .img{ padding-bottom: 31.25%;}

.n_container{ position: relative; z-index: 2}

.n_left{width: 3.1rem;margin: -.75rem 0 .8rem;}
.n_right{width: calc(100% - 3.1rem - .88rem);padding: .45rem 0 2.2rem;}

.n_left .tit{width: 100%;height: 1.16rem;background: url(../images/yiji.jpg) center no-repeat;background-size: cover;align-items: center;justify-content: center;padding: 0 15px;}
.n_left .tit h3{font-size: .36rem;color: #fff;text-align: center;}

.erji{padding: .25rem 0 2.5rem;position: relative;z-index: 1;background: #f5f3ee url(../images/erji_b.jpg) center bottom no-repeat;background-size: 100% auto;}
.erji li{padding: 0 .3rem 0 0;position: relative;z-index: 1;}
.erji li:before{ content: ""; position: absolute; right: 0; top: 0; left: 0; height: 1px; right: .32rem; left: .25rem; background: #c5ae8c; z-index: -1; transition: .5s}
.erji li:first-child:before{ display: none}
.erji li:last-child:after{ content: ""; position: absolute; right: 0; bottom: 0; left: 0; height: 1px; right: .32rem; left: .25rem; background: #c5ae8c; z-index: -1; transition: .5s}
.erji li .a{padding: 0 15px 0 1.1rem;height: .94rem;align-items: center;position: relative;z-index: 1; transition: .5s}
.erji li .a:after{content: "";position: absolute;top: 50%;width: 1rem;height: .3rem;z-index: -1;background: url(../images/erji.png) center no-repeat;left: 0;transform: translateY(-50%);opacity: 0;transition: .5s;background-size: 100% 100%;}
.erji li .a:before{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);opacity: 0;z-index: -1;width: 100%;height: .94rem;background: #c4aa87;mask: var(--corner-mask1);mask-size: var(--corner-size);mask-repeat: no-repeat;/* filter: drop-shadow(2.939px 4.045px 18px rgba(192, 192, 192, 0.63)); */}
.erji li .a h4{font-size: .22rem;color: #333333;transition: .5s;padding: 0;position: relative;font-family: 'Noto Serif SC';font-style: normal;font-weight: 600;}
.erji .con .a1{display: block;font-size: .15rem;color: #555;padding: .1rem .1rem .1rem .64rem;position: relative;}
.erji .con .a1:before{content: "";position: absolute;border: 1px solid rgba(0, 0, 0, 0.3);width: .06rem;height: .06rem;border-radius: 50%;left: .46rem;top: .16rem; transition: .5s}

.erji li.on:before, .erji li.on + li:before, .erji li:last-child.on:after{ opacity: 0}
.erji li.on .a{ filter: drop-shadow(2.939px 4.045px 18px rgba(192, 192, 192, 0.63));}
.erji li.on .a:before{ opacity: 1;}
.erji li.on .a:after{ opacity: 1;}
.erji li.on .a h4{ color: #fff !important}
.erji li.on .con .a1.on:before{ opacity: 1}
.erji li.on .con .a1.on:before{ opacity: 1}

.erji li:hover .a h4{ color: #9b0000}

.ntit{margin: 0 0 .5rem;padding-bottom: .22rem;border-bottom: #e2d6c5 1px solid;align-items: flex-end;}
.ntit .ll{ align-items: center;}
.ntit .ll img{ width: .51rem; margin: 0 .1rem 0 0;}
.ntit h3{font-size: .46rem;color: #222222;line-height: 1;margin: 0 0 .04rem;}
.ntit h3 font{ color: #9b0000;}

.breadcrumb{align-items: center;color: #947654;font-size: .16rem;padding: .06rem 0;}
.breadcrumb * {font-size: .16rem;color: #947654;transition: .5s;font-style: normal;}
.breadcrumb span{margin: 0 .03rem;position: relative;z-index: 1;font-family: 'lib';}

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

.about .fl1{ align-items: center}
.about .fl1 .img{width: 4.86rem;margin: 0 0 0 .22rem;box-shadow: -.22rem .22rem 0 #9b0000;}
.about .fl1 .arc-con{ width: calc(100% - 4.86rem - .5rem);}

.about .fl2{ align-items: flex-end;}
.about .fl2 .img{width: 5.5rem; order: 1;}
.about .fl2 .arc-con{ width: calc(100% - 5.5rem - .5rem);}

.about .fl3{ align-items: flex-end; margin: .15rem 0 0;}
.about .fl3 .img{width: 7.6rem; }
.about .fl3 .arc-con{width: calc(100% - 7.6rem);height: 1.79rem;background: url(../images/about_i4.jpg) center no-repeat;display: flex;justify-content: center;align-items: center;}
.about .fl3 .arc-con p{ font-size: .16rem; color: #fff}

.nt1 .a{ margin: 0 0 .7rem; filter: drop-shadow(0px .06rem .12rem rgba(71, 35, 35, 0.13));  background: #fff;; transition: .5s}
.nt1 .ll{width: 3.4rem;background: url(../images/nt1_b.jpg) center no-repeat;background-size: cover;justify-content: center;align-items: center;display: flex;font-size: .24rem;color: #fff;padding: .15rem 15px;}
.nt1 .rr{flex: 1;overflow: hidden;padding: .4rem .65rem;position: relative;z-index: 1;}
.nt1 .rr::before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: -1;background: url(../images/nt1_b1.jpg) center no-repeat;background-size: cover;transition: .5s;opacity: 0;pointer-events: none;}
.nt1 dl{border-bottom: rgba(197,174,140,.4) 1px solid;padding: .1rem 0;line-height: 1.5;transition: .5s;}
.nt1 dl:last-child{ border-bottom: none !important;}
.nt1 dl dt{font-size: .18rem;color: #c4aa87;transition: .5s;}
.nt1 dl .dd{ flex: 1; overflow: hidden;}
.nt1 dl .dd dd{margin: 0 .2rem 0 0;}
.nt1 dl .dd dd:last-child{ margin: 0}
.nt1 dl .dd dd a{font-size: .18rem;color: #333333;transition: .5s;}

@media(min-width: 769px){
    .nt1 .a:hover{ mask: var(--corner-mask);mask-size: var(--corner-size);mask-repeat: no-repeat;}
    .nt1 .a:hover .rr:before{ opacity: 1;}
    .nt1 .a:hover *{ color: #fff;}
    .nt1 .a:hover dl{border-bottom: rgba(255,255,255,.3) 1px solid;}
}
@media(max-width: 769px){
    .n_banner .img{ padding-bottom: 40%;}
    .n_left{ display: none}
    .n_right{width: 100%;padding: .4rem 0 .5rem;}
    .breadcrumb{ display: none;}
    .ntit{justify-content: center;padding-bottom: .16rem;margin: 0 0 .3rem;display: none;}

    .ntit .ll img{ width: .3rem;}
    .ntit h3{ font-size: .24rem;}

    .about .fl1 .img{width: 100%;margin: 0 0 0 .15rem;box-shadow: -.15rem .15rem 0 #9b0000;}
    .about .fl1 .arc-con{width: 100%;margin-top: .3rem;}
    .about .fl2 .img{ width: 100%;}
    .about .fl2 .arc-con{width: 100%;margin-top: .25rem;order: 1}
    .about .fl3 .img{ width: 100%;}
    .about .fl3 .arc-con{width: 100%;height: 1.25rem;}

    .nt1 .ll{width: 100%;font-size: .22rem;}
    .nt1 .rr{flex: auto;width: 100%;padding: .15rem 15px;}
    .nt1 .a{ margin: 0 0 .3rem;}
}

.nt2 li{ margin: 0 0 .4rem; transition: .5s;}
.nt2 .a{display: block;min-height: 2.76rem;align-items: center;padding: .38rem .38rem .38rem .5rem;background: url(../images/nt2_b.jpg) center no-repeat;background-size: cover;transition: .5s;mask: var(--corner-mask);mask-size: var(--corner-size);mask-repeat: no-repeat;position: relative;}
.nt2 .ll{width: 1.72rem;position: absolute;top: .4rem;right: .38rem;padding: 0 .16rem 0 0; transition: .5s;}
.nt2 .ll .imgBox .img{padding-bottom: 131.09%;}
.nt2 .ll .txt{width: .37rem;height: 1.39rem;background: #9B0000;position: absolute;bottom: 0;right: 0;z-index: 1;display: flex;justify-content: center;align-items: center;mask: var(--corner-mask2);mask-size: var(--corner-size);mask-repeat: no-repeat;}
.nt2 .ll .txt h3{ font-size: .2rem; color: #fff; line-height: 1; writing-mode: tb-rl; letter-spacing: .02rem}
.nt2 .rr{padding: 0 2.1rem 0 0;transition: .5s; position: relative; z-index: 1;}
.nt2 .rr .tit{align-items: baseline;margin: 0 0 .25rem;}
.nt2 .rr h4{font-size: .36rem;color: #222222;font-weight: 600;transition: .5s;}
.nt2 .rr h5{font-size: .2rem;color: #c4aa89;font-weight: 600;margin: 0 0 0 .2rem;transition: .5s;}
.nt2 .rr p{font-size: .2rem;color: #666666;line-height: 1.5;padding: 0 0 0 .2rem;margin: 0 0 .12rem;position: relative;transition: .5s;}
.nt2 .rr p:before{content: "";position: absolute;width: .1rem;height: .1rem;background: #9b0000;left: 0;top: .1rem;transition: .5s;}

.ar3{display: flex;width: .42rem;height: .42rem;background: #C4AA89;border-radius: 50vw;justify-content: center;align-items: center;cursor: pointer;transition: .5s;position: absolute;right: .38rem;bottom: .45rem;opacity: 0;}
.ar3 svg{width: .12rem;height: .25rem;fill: #fff;transition: .5s;}
.ar3.next1{transform: rotateY(180deg);margin: 0;box-shadow: 7.492px 18.544px .35rem 0px rgba(139, 109, 71, 0.06);}

@media(min-width: 769px){
    .nt2 li:hover{ filter: drop-shadow(0px 2px 13px rgba(155, 0, 0, 0.5177));}
    .nt2 .a:hover{ background: url(../images/nt2_b1.jpg) center no-repeat; background-size: cover; }
    .nt2 .a:hover .rr{ opacity: 1; padding: 0 .38rem 0 0;}
    .nt2 .a:hover .ll{ opacity: 0;}
    .nt2 .a:hover .ar3{ opacity: 1;}
    .nt2 .a:hover *{ color: #fff !important;}
    .nt2 .a:hover .rr p:before{ background: #fff}
}
@media(max-width: 769px){
    .nt2 .a{display: flex;flex-wrap: wrap;padding: .3rem 15px;}
    .nt2 .ll{margin: 0 auto;position: relative;top: auto;right: auto;}
    .nt2 .rr{flex: auto;width: 100%;order: 2;padding: .3rem 0 0;}
    .nt2 .ll .txt h3{ font-size: .16rem}
    .nt2 .ll .txt{ height: 1.2rem}

    .nt2 .rr h4{ font-size: .26rem}
    .nt2 .rr h5{ font-size: .16rem}

    .nt2 .rr p{ font-size: .16rem}
    .nt2 .rr p:before{ width: .06rem; height: .06rem; top: .08rem} 
}

.yjtd .fl1{background: url(../images/yjtd_b1.jpg) center no-repeat;background-size: cover;padding: .45rem .38rem;mask: var(--corner-mask);mask-size: var(--corner-size);mask-repeat: no-repeat; margin: .8rem 0 .5rem;}
.yjtd .fl1 h4{ font-size: .28rem; color: #9B0000; position: relative; padding: 0 0 .2rem; margin: 0 0 .26rem}
.yjtd .fl1 h4:before{ content: ""; position: absolute; width: .45rem; height: .03rem; background: #9B0000; bottom: 0}
.yjtd .fl1 p{font-size: .2rem;color: #666;margin: 0 0 .15rem; line-height: 1.5}
.yjtd .fl1 p:last-child{ margin-bottom: 0}
.yjtd .fl1 p span{ color: #333}

.yjtd .fl2 .tit{ font-size: .26rem; color: #fff; background: #9b0000; padding: .1rem .15rem; text-align: center; margin: 0 0 .5rem;}

.nt3 li{ margin: 0 0 .33rem;}
.nt3 .a{ align-items: flex-start;}
.nt3 .imgW{ width: 2.63rem; position: relative; padding: .2rem; background: rgba(222,222,222,.3);}
.nt3 .imgBox .img{ padding-bottom: 131.55%;}
.nt3 .txt{width: calc(100% - 2.63rem);min-height: 2.93rem;background: url(../images/nt3_b.jpg) center no-repeat;background-size: cover;margin: .2rem 0;position: relative;z-index: 1;transition: .5s;box-shadow: 0px 2px .2rem 0px rgba(208, 208, 208, 0.2187);padding: .25rem .3rem .25rem .15rem;}
.nt3 .txt:before{content: "";position: absolute;left: 0;border-left: #DDDBDB .2rem solid;border-top: transparent .2rem solid;top: -.2rem;}
.nt3 .txt .name{ align-items: baseline}
.nt3 .txt .name h4{font-size: .28rem;color: #333333;padding: 0 0 .2rem;position: relative;margin: 0 0 .22rem}
.nt3 .txt .name h4:before{ content: ""; position: absolute; left: 0; bottom: 0; width: .56rem; height: .03rem; background: #9B0000;}
.nt3 .txt .name small{ font-size: .2rem; color: #333333; margin: 0 0 0 .25rem}

.nt4 .a{ align-items: center; padding: 0 .2rem}
.nt4 .imgBox{ width: 5.6rem;}
.nt4 .txt{width: calc(100% - 5.6rem - .48rem);}
.nt4 h4{ font-size: .24rem; margin: .14rem 0 .2rem;}
.nt4 .more2{ margin: .35rem 0 0;}
.more2{ width: .6rem;height: .6rem;background: #9b0000;align-items: center;justify-content: center; transition: .5s;}
.more2 i{ font-size: .29rem; color: #fff; font-family: 'lib'; }

.nt5{ padding: .5rem 0 0}
.nt5 li{ position: relative; z-index: 1; margin: 0 0 .4rem;}
.nt5 li:before{ content: ""; position: absolute; top: 0; right: 0; left: 0; height: 1px; background: #e2d6c5; z-index: -1; transition: .5s}
.nt5 li:after{ content: ""; position: absolute; bottom: 0; right: 0; left: 0; height: 1px; background: #e2d6c5; z-index: -1; transition: .5s}
.nt5 .a{align-items: center;padding: .2rem;transition: .5s;mask: var(--corner-mask);mask-size: var(--corner-size);mask-repeat: no-repeat;}
.nt5 .imgBox{ width: 3.2rem}
.nt5 .imgBox:after{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;border: #fff .1rem solid;transition: .5s;opacity: 0;}
.nt5 .imgBox .img{ padding-bottom: 56.25%;}
.nt5 .txt{width: calc(100% - 3.2rem); padding: 0 .2rem 0 .4rem;}
.nt5 h4{font-size: .22rem;margin: .12rem 0 .14rem;}


@media(min-width: 769px){
    .nt5 li:hover{ filter: drop-shadow(7.492px 18.544px 35px rgba(139, 109, 71, 0.11)); }
    .more2:hover{ background: #c4aa87;}
    .nt5 li:hover:before, .nt5 li:hover:after{ opacity: 0;}
    .nt5 .a:hover{ background: url(../images/nt5_b.jpg) center no-repeat;background-size: cover;}
    .nt5 .a:hover *{ color: #fff !important;}
    .nt5 .a:hover .imgBox:after{ opacity: 1;}
}
@media(max-width: 769px){
    .yjtd .fl1{margin: 0 0 .4rem;padding: .25rem 15px;}
    .yjtd .fl1 h4{font-size: .24rem;padding: 0 0 .16rem;}
    .yjtd .fl1 p{font-size: 15px;line-height: 1.75;}

    .nt3 .imgW{width: 2.4rem;padding: .12rem;margin: 0 auto;}
    .nt3 .txt{width: 100%;flex: auto;margin: 0;padding: .25rem 15px;}
    .nt3 .txt:before{ display: none}
    .yjtd .fl2 .tit{ font-size: .22rem; margin: 0 0 .24rem}
    .nt3 .txt .name h4{font-size: .24rem;padding: 0 0 .15rem;}
    .nt3 .txt .name h4:before{ width: .5rem;}
    .nt3 .txt .name small{ font-size: .16rem;}

    .nt4 .a{ padding: 0 0;}
    .nt4 .imgBox{ width: 100%;}
    .nt4 .txt{width: 100%;padding: .25rem 0 0;}

    .more2{ width: .4rem; height: .4rem}
    .more2 i{ font-size: .22rem}
    .nt4 .more2{ margin: .25rem 0 0;}
    .nt4 h4{ margin: .12rem 0 .15rem;}

    .nt5 li{ margin: 0 0 .25rem;}
    .nt5 .a{ padding: .2rem 0;}
    .nt5 .imgBox{ width: 100%;}
    .nt5 .txt{width: 100%;padding: .25rem 0 0;}
}

.nt6{ display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: .5rem; }
.nt6 li{ min-width: 0;}
.nt6 .a{background: url(../images/nt6_b.jpg) center no-repeat;background-size: cover;padding: .3rem;position: relative;overflow: hidden;transition: .5s;flex-direction: column;justify-content: center;align-items: center;height: 4.16rem; box-shadow: 0px 2px 10px 0px rgba(222, 221, 221, 0.2407); z-index: 1;}
.nt6 .a::before{ content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(../images/nt6_bs.jpg); z-index: -1; transition: .5s; opacity: 0; transition: .5s;}
.nt6 h6{text-align: center;font-size: .16rem;font-weight: 600;line-height: 1.1;}
.nt6 h4{ margin: .5rem 0 .2rem}
.nt6 p{font-size: .16rem;color: #555;padding: 0 0 0 .32rem;line-height: 2;background-size: .16rem .16rem !important; width: 100%}
.nt6 p.p1{ background: url(../images/lt8_i1.png) left .09rem no-repeat; }
.nt6 p.p2{background: url(../images/lt8_i2.png) left .09rem no-repeat;}
.nt6 p.p3{ background: url(../images/lt8_i3.png) left .09rem no-repeat; }

@media(min-width: 769px){
    .nt6 .a:hover{ box-shadow: 0px 2px 10px 0px rgba(155, 0, 7, 0.5924);}
    .nt6 .a:hover::before{ opacity: 1;}
    .nt6 .a:hover *{ color: #fff;}
    .nt6 .a:hover p.p1{ background: url(../images/lt8_i1s.png) left .09rem no-repeat; }
    .nt6 .a:hover p.p2{background: url(../images/lt8_i2s.png) left .09rem no-repeat;}
    .nt6 .a:hover p.p3{ background: url(../images/lt8_i3s.png) left .09rem no-repeat; }
}
@media(max-width: 769px){
    .nt6{grid-template-columns: repeat(1, 1fr); grid-gap: .25rem 14px; }
    .nt6 .a{height: 3rem;}
    .nt6 h4{ margin: .2rem 0 .1rem}
    .nt6 .h6s1 big{ font-size: .28rem;}
}

.shpt .arc-con{ margin:  0 0 .8rem;}
.shpt .arc-con p{ text-indent: 2em;}

.nt7{ display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: .8rem .6rem; }
.nt7 li{ min-width: 0;}
.nt7 .a{display: block;transition: .5s;overflow: hidden;position: relative;z-index: 1;box-shadow: 0px 2px 11px 0px rgba(227, 227, 227, 0.5);}
.nt7 .imgBox .img{ padding-bottom: 71.26%;}
.nt7 .txt{ position: absolute; right: 0; bottom: 0; left: 0; background: url(../images/nt7_b.jpg) center no-repeat; background-size: cover; height: 1.15rem; padding: 0 .4rem; align-items: center; box-shadow: 0px 2px 11px 0px rgba(227, 227, 227, 0.5); transition: .5s}
.nt7 .txt h4{ flex: 1; font-size: .28rem; color: #9B0000;}
.more1{align-items: center;font-size: .16rem;color: #947654;transition: .5s;padding: .1rem 0;margin: 0 0 0 .04rem;}
.more1 img{width: .61rem;margin: 0 .08rem 0 0;}

.nt7 .txt1{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; flex-direction: column; justify-content: flex-end; background: linear-gradient(180deg, rgba(155, 0, 0, 0) 0%, #9B0000 100%); padding: 0 .4rem .2rem; opacity: 0; transition: .5s}
.nt7 .txt1 h4{ font-size: .28rem; color: #fff !important;}
.nt7 .txt1 p{font-size: .2rem;color: #fff;line-height: .3rem;margin: .24rem 0;}
.nt7 .txt1 .more1{ color: #fff}

@media(min-width: 769px){
    .nt7 .a:hover .txt{ opacity: 0; transform: translateY(101%);}
    .nt7 .a:hover .txt1{ opacity: 1;}
}
@media(max-width: 769px){
    .nt7{ display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: .25rem 0; }
    .nt7 .txt{ height: .7rem; padding: 0 15px}
    .shpt .arc-con{ margin:  0 0 .3rem;}
    .more1 img{ transform: scale(.7);}
}