@charset "utf-8";
.wp {max-width: 14.4rem;}


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

.header1:before{background: url(../images/header1s.png) left center no-repeat;background-size: cover;height: 12.5vw;}
.header1 .wp{ height: 1.4rem;}
.header1 .bg{ width: 6.23rem; max-width: 40%;}

.nbg1{ background: url(../images/nbg1.jpg) center top repeat-y; background-size: 100% auto; position: relative; z-index: 1;}
.nbg1::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background: url(../images/nbg1.png) center top no-repeat; background-size: 100% auto;}
.nbg1::after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background: url(../images/nbg2.png) center bottom no-repeat; background-size: 100% auto;}

.n_container{ min-height: 50vw; padding: 2.7rem 0 11.45vw;}

.nt1Box{padding: 2.5rem 0 3.5rem;margin: -2.5rem 0;}
.nt1 li{width: 6.4rem;max-width: 100%;}
.nt1 .a{ display: block; background: linear-gradient(90deg, #feecc2, #f4d597); padding: .08rem; box-shadow: 0px 8px 16px 0px rgba(147, 20, 16, 0.21);}
.nt1 .imgBox .img{ padding-bottom: 55.5%;}
.nt1 .top{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; align-items: center; justify-content: center; transition: .5s; opacity: 0;}
.nt1 .top .ico{ width: .8rem; height: .8rem; position: relative;}
.nt1 .txt{padding: .25rem 0;text-align: center;position: absolute;top: 100%;left: 0;right: 0;opacity: 0;transition: .5s;}
.nt1 h4{ font-size: .22rem; color: #222222; line-height: 1.75;}

.nt1 .top .ico .svg{width: 100%;height: 100%;background: linear-gradient( 135deg, rgb(140,2,3) 0%, rgb(208,13,20) 100%);position: relative;z-index: 1;border-radius: 50vw;display: flex;align-items: center;justify-content: center;}
.nt1 .top .ico .svg svg{width: .28rem;height: .28rem;fill: #fff}
.nt1 .top .ico i{display: block;width: 100%;height: 100%;border-radius:50%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
.nt1 .top .ico i::after, .nt1 .top .ico i::before{position:absolute;display:block;border-radius:50%;content:'';background: rgba(255,255,255,.7);width: 100%;height: 100%;left: 0;}
.nt1 .top .ico .i1::before{animation:circleScale1 3s infinite;background: rgba(255,255,255,.7);transform: scale(1);}
.nt1 .top .ico .i1::after{animation:circleScale2 3s infinite;background: rgba(255,255,255,.7);transform: scale(1);}

.nt1 .top .ico .i2::before{animation:circleScale1 3s infinite;background: rgba(255,255,255,.7);transform: scale(1);animation-delay: 1s;}
.nt1 .top .ico .i2::after{animation:circleScale2 3s infinite;background: rgba(255,255,255,.7);transform: scale(1);animation-delay: 1s;}

.nt1 .top .ico .i3::before{animation:circleScale1 3s infinite;background: rgba(255,255,255,.7);transform: scale(1);animation-delay: 2s;}
.nt1 .top .ico .i3::after{animation:circleScale2 3s infinite;background: rgba(255,255,255,.7);transform: scale(1);animation-delay: 2s;}
@keyframes circleScale1 {
  0% {
    opacity: .7;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(2);
  }
}
@keyframes circleScale2 {
  0% {
    opacity: .22;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1.5);
  }
}

.nt1 .swiper-slide-active .txt{ opacity: 1}
.nt1 .swiper-slide-active .top{ opacity: 1;}

.arr1{width: .47rem;height: .47rem;background-size: cover !important;transition: .5s;cursor: pointer;position: absolute;top: 50%;transform: translateY(-50%);margin-top: -.25rem;z-index: 10;}
.arr1.prev1{ background: url(../images/arr1_p.png) center no-repeat; left: -.6rem;}
.arr1.next1{ background: url(../images/arr1_n.png) center no-repeat; right: -.6rem;}

.ntit{padding: 0 0 .15rem;border-bottom: #ccba9a 1px solid;align-items: flex-end;position: relative;z-index: 10;margin: 0 0 .4rem;}
.ntit .ll{ align-items: center;}
.ntit .ll h3{font-size: .32rem;font-family: 'Noto Serif SC';font-weight: 700;} 
.ntit .ll img{ width: .29rem; margin: 0 .12rem 0 0;}

.breadcrumb{align-items: center;line-height: 1.35;justify-content: flex-end;}
.breadcrumb *{font-size: .18rem;color: #000000;}
.breadcrumb img{width: .16rem;margin: 0 .14rem 0 0;}
.breadcrumb span{margin: 0 .1rem;}
.breadcrumb em{ color: #000000;}

footer{ position: absolute; right: 0; bottom: 0; left: 0;}

.nt2{ display: grid; grid-template-columns: repeat(3, 1fr); gap: .3rem;}
.nt2 li{ min-width: 0;}
.nt2 .a{height: 2.8rem;border: #ccba9a 1px solid;background: rgba(255,255,255, 1);padding: 0 .4rem;flex-direction: column;justify-content: center;position: relative;z-index: 1;perspective: 500px;overflow: hidden;transition: .5s;}
.nt2 .a::before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: -1;background: url(../images/nt2_b.png) center no-repeat;background-size: cover;transform: rotateX(60deg) scale(1);transform-origin: center bottom;transition: transform 0.5s ease, opacity 0.5s ease;opacity: 0;}
.nt2 .a:hover::before{transform: rotateX(0deg) scale(1);opacity: 1;}
.nt2 .a:hover::after{opacity: 1;}
.nt2 .top{ align-items: baseline;}
.nt2 .top .ll{ align-items: baseline;}
.nt2 .top .ll span{font-size: .32rem;color: #222222;font-family: "DINPro";transition: .5s;}
.nt2 .top .ll i{font-size: .16rem;color: #222222;font-family: "DINPro";margin: 0 .02rem 0 0;transition: .5s;}
.nt2 .top .rr{font-size: .24rem;color: #222222;transition: .5s;}
.nt2 h4{margin: .5rem 0 .2rem;height: .8rem;}

.more2{font-size: .2rem;font-family: 'Noto Serif SC';font-weight: 400;transition: .5s;}

.nt3 li{ border-bottom: #ccba9a 1px solid;}
.nt3 .a{ align-items: center; height: 2.6rem; transition: .5s; border: transparent .04rem solid;}
.nt3 .time{width: 1.72rem;height: 1.2rem;text-align: right;padding: 0 .6rem 0 0;margin: 0 .5rem 0 0;border-right: #ccba9a 1px solid;display: flex;flex-direction: column;justify-content: center;transition: .5s;}
.nt3 .time h3{font-size: .4rem;color: #222222;font-family: "DINPro";line-height: 1;transition: .5s;}
.nt3 .time h6{font-size: .18rem;color: #222222;font-family: "DINPro";line-height: 1;margin: .06rem 0 0;transition: .5s;}
.nt3 .imgBox{ width: 3.2rem; margin: 0 .6rem 0 0;}
.nt3 .imgBox .img{ padding-bottom: 56.25%;}
.nt3 .txt{flex: 1;overflow: hidden;padding: 0 .3rem 0 0;}
.nt3 h4{ font-size: .24rem; line-height: .4rem;}
.nt3 p{ font-size: .16rem;margin: .2rem 0 0;}

.nt4 .a{ align-items: center; height: 1.6rem; transition: .5s; border-bottom: #ccba9a 1px solid;}
.nt4 .time{width: 1.72rem;height: 1.2rem;text-align: right;padding: 0 .6rem 0 0;margin: 0 .5rem 0 0;border-right: #ccba9a 1px solid;display: flex;flex-direction: column;justify-content: center;transition: .5s;}
.nt4 .time h3{font-size: .4rem;color: #222222;font-family: "DINPro";line-height: 1;transition: .5s;}
.nt4 .time h6{font-size: .18rem;color: #222222;font-family: "DINPro";line-height: 1;margin: .06rem 0 0;transition: .5s;}
.nt4 .txt{flex: 1;overflow: hidden;padding: 0 .3rem 0 0;}
.nt4 h4{font-size: .24rem;line-height: .4rem;-webkit-line-clamp: 1;}
.nt4 p{font-size: .16rem;margin: .2rem 0 0;}

.detail .left{ background: rgba(255,255,255, .8); padding: .4rem .8rem; border-bottom: #ccba9a 1px solid;}
.detail .right{ width: calc(100% - 10.8rem); padding: 0 0 0 .56rem}
.detail .ar_tit{border-bottom: #ccba9a 1px solid;padding: 0 0 .35rem;margin-bottom: .4rem;}
.detail .ar_tit .con .ll{gap: .1rem .3rem;margin: .25rem 0 0;align-items: center;}
.detail .ar_tit .con{ justify-content: space-between;}
.detail .ar_tit .con p{align-items: center;font-size: .16rem;color: #666666;}
.detail .ar_tit .con p img{margin: 0 .1rem 0 0;width: .2rem;}
.detail .ar_tit .con p a{ font-size: .16rem; color: #333333; display: block; padding: 0 .08rem;}
.detail .ar_tit .con p a.on{ color: #9a0000;}
.detail .ar_tit h3{font-size: .32rem;color: #222222;}

.detail .right .box{position: sticky;z-index: 2;display: block;transition: .5s;top: 1.4rem;}

.detail .right .tit{font-size: .32rem;color: #222222;font-style: normal;font-weight: normal;position: relative;z-index: 1;display: flex;align-items: center;border-bottom: #ddd4c9 1px solid;padding: .5rem 0 .3rem;margin-bottom: .2rem;}

.ar_tj{position: relative;z-index: 1;margin: .5rem 0 0;}
.ar_tj .a{display: block;font-size: .2rem; line-height: 1.5;margin: .14rem 0;transition: .5s;position: relative;}

.nt5{ display: grid; grid-template-columns: repeat(3, 1fr); gap: .3rem;}
.nt5 li{ min-width: 0;}
.nt5 .a{ display: block; transition: .5s;}
.nt5 .imgBox .img{ padding-bottom: 60.86%;}
.nt5 .txt{ background: #fff; height: 1rem; display: flex; align-items: center; padding: 0 .4rem;}
.nt5 h4{ height: .8rem;}

.nt6{ display: grid; grid-template-columns: repeat(2, 1fr); gap: .4rem;}
.nt6 li{ min-width: 0;}
.nt6 .a{ transition: .5s; height: 1.4rem;align-items: center;background: #fff;border: #ccba9a 1px solid;padding: .2rem .3rem .2rem .2rem;}
.nt6 .imgBox{width: 1rem;border-radius: 50vw;margin: 0 .22rem 0 0;}
.nt6 .imgBox .img{ padding-bottom: 100%;}
.nt6 .txt{ flex: 1; overflow: hidden}
.nt6 .name{ align-items: center}
.nt6 .name .ll{font-size: .24rem;color: #a60a11;font-weight: 600;flex: 1;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;}
.nt6 .name .rr{font-size: .16rem;color: #a60a11;margin: 0 0 0 .15rem;}
.nt6 p{margin: .15rem 0 0;font-size: .18rem;color: #222222;line-height: 1.5}

.ntit1{ justify-content: flex-end;}
.zflybd .content{height: calc(100vh - 3rem);position: relative;z-index: 1;padding: .4rem .8rem 0;}
.zflybd .content::before{ content: ""; position: absolute; top: 0; right: 0; left: 0; background: url(../images/in6_b1.png) center top no-repeat; background-size: 100% auto; height: 100vh; z-index: -1;}

.nbg3{background: url(../images/nbg3.jpg) center no-repeat;background-size: cover;padding: 1.7rem 0 0;height: 100vh;}

.ntit1{ margin-bottom: .2rem}
.ntit1 .breadcrumb *{ color: #fff}

@media(max-width: 1024px){
}
@media(min-width: 769px){
    .arr1.prev1:hover{ background: url(../images/arr1_ps.png) center no-repeat;}
    .arr1.next1:hover{ background: url(../images/arr1_ns.png) center no-repeat;}

    .nt2 .a:hover{ background: transparent; box-shadow: 0px 8px 13.44px 2.56px rgba(86, 8, 10, 0.19); border: #a60a11 1px solid;}
    .nt2 .a:hover::before{transform: rotateX(0deg) scale(1);opacity: 1;}
    .nt2 .a:hover::after{opacity: 1;}

    .nt3 .a:hover{ background: url(../images/nt3_b.png) center no-repeat; background-size: cover; border: #a60a11 .04rem solid; box-shadow: 0px 8px 13.44px 2.56px rgba(86, 8, 10, 0.19);}
    .nt3 .a:hover .time{ border-right: #a60a11 1px solid}
    .nt3 .a:hover .time h3, .nt3 .a:hover .time h6{ color: #a60a11}

    .nt4 .a:hover{ border-bottom: #a60a11 1px solid;} 

    .nt5 .a:hover{ background: #fef7f2; box-shadow: 0px 8px 13.44px 2.56px rgba(86, 8, 10, 0.19);}
    .nt6 .a:hover{ box-shadow: 0px 8px 16px 0px rgba(147, 20, 16, 0.21); border: #a60a11 1px solid; background-image: linear-gradient(90deg, rgb(255, 255, 255) 3%, rgb(251, 232, 216) 100%);}
}
@media(max-width: 769px){
    .header1{padding: 0;height: 1rem;}
    .header1 .wp{ height: .7rem;}
    .header1:before{ height: 1.2rem}
    .header.on:before{ height: 1.2rem}
    .n_container{min-height: 100vh;padding: 1.5rem 0 22vw;}
    .nt1Box{padding: 2.5rem 0;margin: -2.5rem 0;overflow: visible;}
    .nt1 .top .ico{ transform: scale(.6);}

    .nt1 h4{font-size: .18rem;}
    .nt1 h4 br{ display: none}
    .nt1 .txt{ padding: .15rem ;}

    .nt1 li{width: 6.4rem;max-width: 86vw;}
    .nt1W{padding: 4vw 0 0;}

    .breadcrumb *{font-size: .14rem;}
    .ntit .ll img{ width: .2rem;}
    .ntit .ll h3{ font-size: .2rem;}

    .arr1.prev1{ left: 50%; margin-left: -.6rem;}
    .arr1.next1{right: 50%;margin-right: -.6rem;}

    .arr1{top: auto;bottom: 1.5rem;transform: translateY(0);margin-top: 0;}

    .nt2{grid-template-columns: repeat(1, 1fr);gap: .15rem 15px;}
    .nt2 .a{ padding: 0 15px;}
    .nt2 h4{margin: .15rem 0 .05rem;height: .56rem !important;}

    .nt2 .a{padding: 0 15px;height: 1.6rem;}
    .nt2 .top .ll span{font-size: .2rem;}
    .nt2 .top .ll i{ font-size: .14rem}
    .nt2 .top .rr{ font-size: .16rem}
	
    .more2{ font-size: .14rem;}
    .ntit{ margin: 0 0 .25rem;}

    .nt3 .time h3{font-size: .3rem;}
    .nt3 .time h6{font-size: .14rem;}
    .nt3 .a{ height: auto; padding: .2rem 0}
    .nt3 .imgBox{ width: 100%; margin: 0 0 .2rem; order: -1}
    .nt3 .time{width: .9rem;padding: 0 15px 0 0;margin: 0 .2rem 0 0; }
    .nt3 .txt{ padding: 0}
    .nt3 li:nth-child(1) .a{ padding-top: 0;}

    .nt4 .a{ height: auto; padding: .2rem 0;}
    .nt4 h4{ -webkit-line-clamp: 2;}
    .nt4 .time h3{font-size: .3rem;}
    .nt4 .time h6{font-size: .14rem;}
    .nt4 .time{width: .9rem;padding: 0 15px 0 0;margin: 0 .2rem 0 0; }
    .nt4 .txt{ padding: 0}
    .nt4 li:nth-child(1) .a{ padding-top: 0;}
    .detail .left{ padding: .3rem 15px;}
    .detail .ar_tit h3{font-size: .22rem;}
    .detail .ar_tit .con p img{ width: .16rem}
    .detail .ar_tit .con p{ font-size: .14rem}
    .detail .ar_tit{ margin-bottom: .25rem; padding-bottom: .25rem}
    .ar_tj .a{ font-size: .18rem;}

    .nt5{ grid-template-columns: repeat(1, 1fr); gap: .2rem;}
    .nt5 .txt{ padding: 0 .2rem;}

    .nt6{ grid-template-columns: repeat(1, 1fr); gap: .2rem;}
    .nt6 .a{ height: 1.2rem;}
    .nt6 .imgBox{width: .5rem;margin: 0 .1rem 0 0;}
    .nt6 .name .ll{ font-size: .16rem}
    .nt6 .name .rr{font-size: .13rem;}
}

@media(max-width: 560px){
} 

.miso_f2 .box{margin: 0 -.2rem;}
.miso_f2 .box .con{width: 50%;padding: 0 .2rem;margin-bottom: .4rem;}
.miso_f2 .box .con.conw33{ width: 33.33%;}
.miso_f2 .box .con.conw100{ width: 100%;}
.miso_f2 .box .con h4{ font-size: .18rem; color: #313131; margin-bottom: .15rem; padding:0 .03rem}
.miso_f2 .input{height: .8rem;position: relative;background: #fff;border-radius: 0.08rem;border: #ccba9a 1px solid;}
.miso_f2 .input input{width: 100%;height: 100%;padding: 0 .2rem;font-size: .16rem;color: #333;}
.miso_f2 .textarea{height: 1.8rem;position: relative;border-radius: .08rem;padding: .15rem 0;background: #fff;border: #ccba9a 1px solid;}
.miso_f2 .textarea textarea{width: 100%;height: 100%;background: none;padding: 0 .2rem;font-size: .16rem;color: #333;}
.miso_f2 .input .yzm{position: absolute;top: 50%;transform: translateY(-50%);right: .2rem;}
.miso_f2 button{cursor: pointer;letter-spacing: .02rem;width: 2.4rem;height: .6rem;align-items: center;justify-content: center;font-size: .24rem;color: #fffbdd !important;transition: .5s;margin: .1rem 0;background: linear-gradient(334deg, #d00d14, #8c0203, #d7b98c);background-size: 300% 300%;animation: gradient-animation 6s ease infinite;border-radius: 50vw;display: block;}
.miso_f2 button i{ font-size: .24rem; color: #fff; font-family: 'iconfont'; margin: 0 0 0 .1rem}
.miso_f2 button:hover{ opacity: .9;}

.miso_f2 .box:last-child{ margin-bottom: 0;}

@keyframes gradient-animation {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

@media(min-width: 769px){
}
@media(max-width: 769px){
    .miso_f2 .box .con{margin-bottom: .15rem;width: 100% !important;}
    .miso_f2 .input, .miso_f1 button{ height: .5rem}
    .miso_f2 button{ height: .6rem;}

    .zflybd .content{ padding: .3rem 15px 0;}
    .miso_f2 button{width: 1.6rem;height: .44rem;font-size: .18rem;}
    .nbg3{ padding: 1rem 0 0}
}