@charset "utf-8";
.wp{width: 94%;margin: 0 auto;}
.flex{display: flex;flex-wrap:wrap;}
.inner{background: url(../images/zfbg.jpg) no-repeat center/cover;}
.inner .wp{height:100%;}
.szf{padding: 22rem 0 0;min-height: 100vh;}
.sub_19{position: relative;height: calc(100vh - 22rem);}
.sub_19 li .item{
  position: relative;
  padding: 1rem 0;
  height: 6.4rem;
  display: flex;
  align-items: center;
  /* border-top: 2px solid #fbe1d5;border-bottom: 2px solid #fbe1d5; */
  /* background: linear-gradient( 90deg, rgb(252,238,212) 0%, rgb(255,250,241) 100%); */
  background: url(../images/zf-bg.png) repeat-x;
  position: relative;
  z-index: 1;
  background-size: auto 100%;
  padding: 0 .5rem;transition: all ease-in-out .2s;
  }

.sub_19 li .item .tit{
    font-size: 1.8rem;
    color: #2c9749;
    line-height: 1.5;
    padding-left: 3rem;
    background: url(../images/zf-c.png) no-repeat left center;
    background-size: 1.7rem !important;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-width: 34em;
    transition: 0.5s;
    cursor: pointer;
}


.sub_19 .btn{position: absolute;left: 50%;transform: translateX(-50%);bottom: 5vh;z-index: 100;cursor: pointer;width: 10.75rem;}
.sub_19 .btn img{width: 100%;}
.sub_19 li{display: none;width: auto;position: absolute;transform:translateX(-50%) translateY(-50%);}
.sub_19 li.on{display: block;}
.sub_19 li.p1{left: 27.5%;top: 2%;}
.sub_19 li.p2{left: 56.6%;top: 1.4%;}
.sub_19 li.p3{left: 73.6%;top: 11.3%;/*width: 51%;*/}
.sub_19 li.p4{left: 29%;top: 14%;}
.sub_19 li.p5{left: 26%;top: 29%;}
.sub_19 li.p6{left: 58.4%;top: 32.5%;}
.sub_19 li.p7{left: 37.4%;top: 48.4%;}
.sub_19 li.p8{top: 41%;right: 18%;transform:translateX(50%) translateY(-50%);}
.sub_19 li.p9{left: 50%;top: 70%;}
.sub_19 li.p10{top: 54%;right: 22%;transform:translateX(50%) translateY(-50%);}
.sub_19 li.p11{left: 38%;top: 62%;}
.sub_19 li.p12{top: 70%;right: 26%;transform:translateX(50%) translateY(-50%);}
.sub_19 li.p13{left: 16%;top: 76%;}
.sub_19 li.p14{top: 81%;right: 18%;transform:translateX(50%) translateY(-50%);}
.sub_19 li.p15{left: 27%;top: 87%;}
 


.sub_19 li.p1 .item{ animation: spin-reverse 8s infinite linear;}
.sub_19 li.p2 .item{ animation: spin-reverse2 8s infinite linear;}
.sub_19 li.p3 .item{/* animation: spin-reverse 8s infinite linear; */}
.sub_19 li.p4 .item{ animation: spin-reverse4 8s infinite linear;}
.sub_19 li.p5 .item{ animation: spin-reverse5 8s infinite linear;}
.sub_19 li.p6 .item{ animation: spin-reverse 8s infinite linear;}
.sub_19 li.p7 .item{ animation: spin-reverse2 8s infinite linear;}
.sub_19 li.p8 .item{ animation: spin-reverse4 8s infinite linear;}
.sub_19 li.p9 .item{ animation: spin-reverse3 8s infinite linear;}
.sub_19 li.p10 .item{ animation: spin-reverse2 8s infinite linear;}
.sub_19 li.p11 .item{ animation: spin-reverse 8s infinite linear;}
.sub_19 li.p12 .item{ animation: spin-reverse2 8s infinite linear;}
.sub_19 li.p13 .item{ animation: spin-reverse 8s infinite linear;}
.sub_19 li.p14 .item{ animation: spin-reverse4 8s infinite linear;}
.sub_19 li.p15 .item{ animation: spin-reverse5 8s infinite linear;}

@keyframes spin-reverse {
    0% {
        transform: 0 
    }
    50% {
        transform: translateX(-1rem) translateY(1.2rem) 
    }
    100% {
        transform: 0 
    }
}
@keyframes spin-reverse2 {
    0% {
        transform: 0 
    }
    50% {
        transform: translateX(1.5rem) translateY(1rem) 
    }
    100% {
        transform: 0 
    }
}
@keyframes spin-reverse3 {
    0% {
        transform: 0 
    }
    50% {
        transform: translateX(1rem) translateY(2rem) 
    }
    100% {
        transform: 0 
    }
}
@keyframes spin-reverse4 {
    0% {
        transform: 0 
    }
    50% {
        transform: translateX(1rem) translateY(2rem) 
    }
    100% {
        transform: 0 
    }
}
@keyframes spin-reverse5 {
    0% {
        transform: 0 
    }
    50% {
        transform: translateX(0rem) translateY(4rem) 
    }
    100% {
        transform: 0 
    }
  }


.sub_19_pop{position: fixed;left: 0;right: 0;top: 0;bottom: 0;z-index: 1001;display: none;}
.sub_19_pop .cover{position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0, 0, 0, .3);}
.sub_19_pop .box{position: absolute;left: 50%;transform: translateX(-50%);width: 132.2rem;max-width: initial;z-index: 2;background: #fffbeb url(../images/tkbg.jpg) no-repeat center bottom/100% auto;padding: 11rem 11.8rem 2.8rem;border-radius: 5rem;border-radius: 1rem;bottom: 6.2rem;}
.sub_19_pop .close{position: absolute;right: 2.4rem;top: 2.4rem;width: 4.3rem;height: 4.3rem;z-index: 2;font-size: 3rem;line-height: 4.3rem;text-align: center;color: #995f30;}
.sub_19_pop_lf{float: left;width: 34rem;padding: 0 0 0 4.5rem;}
.sub_19_pop_lf h3{color: #01883c;margin: -0.4rem 0 7.3rem;position: relative;line-height: 1.2em;font-weight: bold;align-items: center;}
.sub_19_pop_lf h3 img{display: inline-block;margin-right: 2rem;width: 3.3rem;}
.sub_19_pop_lf h3 i{position: absolute;right: 100%;top: 0;margin: .3rem 1.2rem 0 0;}
.sub_19_pop_lf h3::after{content: '';display: block;background: #01883c;width: 5.5rem;height: .5rem;margin: .9rem 0 0;left: 5.3rem;position: absolute;}
.sub_19_pop_lf .info{color: #995f30;}
.sub_19_pop_lf .info p{margin: 0 0 .9rem;color: #c9985f;font-size: 2.2rem;}
.sub_19_pop_lf .info span{color: #999;margin: 1.9rem 0 0;display: block;}
.sub_19_pop_rt{margin: 0 0 0 37.4rem;}
.sub_19_pop_rt .input_box{padding: 0rem 2rem;margin: 0 0 2rem;color: #c9985f;border: .1rem solid #995f30;line-height: 5.2rem;font-size: 1.6rem;position: relative;}
.sub_19_pop_rt .input{width: calc(100% - 6.6rem);border: 0;padding: 0;outline: none;height: 2.2rem;background: transparent;font-size: 1.6rem;color: #c9985f;}
.sub_19_pop_rt .textarea{width: 100%;height: 26.4rem;margin: .2rem 0 0;border: 0;padding: 0;outline: none;background: transparent;}
.sub_19_pop .submit{position: relative;padding: 1.4rem 0 0;z-index: 100;cursor: pointer;width: 10.75rem;margin: 14.5rem auto 8rem;}

.select{height: 6rem;line-height: 6rem;font-size: 1.6rem;}
.select h2{font-size: 1.6rem;height: 100%;align-items: center;justify-content: space-between; cursor: pointer;font-weight: normal;}
.select h2 p{color: #c9985f;width: calc(100% - 1.7rem);white-space: nowrap;overflow: hidden;text-overflow: clip;}
.select h2 img{width:1.7rem;}
.select ul{background: #fffbeb;max-height: 21.5rem;position: absolute;width: auto;left: 0;right: 0;padding: 1.5rem 0rem;border-top: 1px solid #eee;z-index: 5000;top: 101%;display: none;overflow-y: auto;}
.select li{font-size: 1.6rem;line-height: 4rem;color: #333;transition:0.5s;padding: 0 1.5rem; cursor: pointer;}
.select li a{color:#c9985f;}
.select li:hover{background:#995f30;color:#fff;}
.select li:hover a{color:#fff}

@media screen  and (min-width:1025px){
    .sub_19 li .item::before{content: "";position: absolute;right: 99%;height: 100%;bottom: 0;width: 2.8rem;background: url(../images/zf-bg1.png) no-repeat left;background-size: 100% 100% !important;top: 0px;bottom: 0px;z-index: -1;}
    .sub_19 li .item::after{content: "";position: absolute;left: 99%;bottom: 0;width: 2.8rem;background: url(../images/zf-bg2.png) no-repeat right;top: 0px;bottom: 0px;background-size: 100% 100% !important;}
    .sub_19 li:hover .item .tit{/* transform: translateX(-3rem); */max-width: 100%;width: 100%;/* padding: 0 4rem; */}
    .sub_19 li:hover{z-index: 100;}
    .sub_19 li:hover .tit{-webkit-line-clamp: initial;}
    .sub_19 li:hover .item{width: 47rem;height: 15.4rem;background:none;padding: 0 3rem;}
    .sub_19 li:hover .item::before{background: url(../images/zf-bg-1.png) no-repeat;background-size: 100% 100%;width: 100%;right: 0;left: 0;}
.sub_19 li:hover .item::after{background: url(../images/zf-bg2-1.png) no-repeat;width: 6.7rem;opacity:0;}

  .rr{position: fixed;right: 0;top: 50%;transform: translateY(-50%);z-index: 1000;width: 4.6875rem;height: 9.3125rem;background: url(../images/rr-bg.png) no-repeat;background-size: 100% 100%;}
  .rr a{display:block;width: 100%;height: 100%;cursor: pointer;}
  .rr a img{position: absolute;right: 0.3125rem;bottom: 0.9375rem;width: 2.25rem;display: block;}
  .rr a:hover img{animation: sub_21_rt 3s linear infinite;}
  @keyframes sub_21_rt{
	from {transform: rotateY(0);}
	to {transform: rotateY(360deg);}
}
}
@media screen  and (max-width:1024px){
    .sub_19 .btn{position: relative;left: 0;transform: none;bottom: 0;margin: 0 auto;}
	.sub_19 li{position: relative;transform: none !important;left: 0 !important;right: 0 !important;top: 0 !important;text-align: center;width: 100% !important;}
	.sub_19 li .item{animation: none !important;display: inline-block;margin: 0 0 12px;max-width: 100%;padding: 1rem 1.25rem;border-radius: 5rem;height: auto;background: rgba(248, 239, 208, 0.85);
}
  .sub_19_pop .box{width: auto;left: 10px;right: 10px;top: 10%;transform: none;padding: 70px 0 40px 20px;bottom: 10%;}
    .sub_19_pop .scroll_box{max-height: calc(80vh - 70px);overflow: auto;padding-right: 20px;}
}

@media screen  and (max-width:768px){
    .sub_19_pop_lf{width: auto;float: none;padding-left: 36px;}
    .sub_19_pop_rt{margin: 10px 0 0;}
    .sub_19_pop_lf h3{margin: 0 0 20px;}
    .sub_19_pop_lf h3::after{margin: 10px 0 0;}
    .sub_19_pop_lf .info p{margin: 0 0 10px;}
    .sub_19_pop_lf .info span{margin: 0;}
    .sub_19_pop_rt .input_box{margin-bottom: 15 px;}
    .sub_19_pop_rt .submit{margin-top: 0;}
}