@charset "utf-8";

.fl {
	float:left
}
.fr {
	float:right
}

.h4s1{font-size: .2rem;color: #f5eeda;line-height: .36rem; transition: .5s;width: 100%; font-family: 'sys'; text-align:center}
.h4s2{font-size: .2rem;color: #000000;line-height: .36rem;max-height: .72rem;transition: .5s;width: 100%;}
.h6s1{font-size: .18rem;color: #666666;line-height: 1.25; font-family: 'Poppins-Italic'; transition: .5s; width: 100%;}
.ps2{font-size: .16rem;color: #8c897d;line-height: .3rem;max-height: .6rem\0;transition: .5s; width: 100%;}
.ps3{font-size: .14rem;color: #555555;line-height: .22rem;max-height: .66rem\0;transition: .5s; width: 100%;}

@font-face { font-family: 'Futura Md BT'; src: url("../fonts/Futura-Md-BT.ttf"); }
@font-face { font-family: 'Poppins'; src: url("../fonts/Poppins-Regular.ttf"); }
@font-face { font-family: 'Poppins-Bold'; src: url("../fonts/Poppins-Bold.ttf"); }
@font-face { font-family: 'Poppins-Italic'; src: url("../fonts/Poppins-Italic.ttf"); }
@font-face { font-family: 'Canela Web'; src: url("../fonts/CANELA-REGULAR-REDUCED.TTF"); }

@font-face {
    font-family: "思源宋体 Light";src: url("../fonts/siyuanLight.woff2") format("woff");
    font-display: swap;
}
@font-face {
    font-family: "思源宋体 Regular";src: url("../fonts/siyuanRegular.woff2") format("woff");
    font-display: swap;
}
@font-face {
    font-family: "思源宋体 SemiBold";src: url("../fonts/siyuanSemiBold.woff2") format("woff");
    font-display: swap;
}
.vsbcontent_img img{    margin-bottom: 0px !important;}

.pc_hb{/*position: relative;z-index: 10000;*/height: 0;}
#header{position: fixed;z-index: 100000;width:100%;transition: 0.36s;}
.pc_h #header:before{content:"";position:absolute;height: 3.04rem;left: 0;right: 0;top: 0; background: url(../images/header.png) center top no-repeat; pointer-events: none;transition: .9s cubic-bezier(.165,.84,.44,1);z-index: -1;background-size: 100% 99%;/*! opacity: .5; */}
.pc_h.on #header:before{height: 2rem;}

#header.xg{background: rgba(0,0,0,.8);box-shadow: 0px 9px 15px 0px rgba(0, 0, 0, 0.1);}
.header_top{position: relative;height: 3.375rem;padding: 0;text-align: right;z-index: 10000;overflow: hidden;display: flex;justify-content: flex-end;align-items: center;}
.header_top .tianqi{ display:inline-block; height:.64rem}
.header_top .search_btn{display:inline-block;float: none;font-size: 14px;color: rgba(255,255,255,.5);}

#header .wp{align-items: center;justify-content: flex-end;height: 1.5rem;transition: .5s;width: 96%;position: relative;max-width: 96%;}
#header .right{width: 14rem;max-width: calc(100% - 4rem);align-items: center;opacity: 1 !important;justify-content: flex-end;}

.logo{width: 4.24rem;opacity: 1 !important;align-items: center;transform: scale(.8) translateY(-66%);transform-origin: left center;width: auto;position: absolute;left: 0%;top: 50%;}
.logo img{max-width: 100%;height: 120px;}
.logo .a{ display: block; position: relative; z-index: 1;}
.logo .i2{ display: none}

.miso_btn1{z-index: 1;position: relative;}

.list0{display: flex;align-items: center; /*! justify-content: center; */position: absolute;bottom: 0;right: 0;background: url(../images/list0_b.svg) left top no-repeat;width: 5.72rem;height: .7rem;z-index: 1;background-size: 100% 100%;padding: 0 .5rem;max-width: 100%;}
.list0 .li{padding: 0 .2rem;position: relative;}
.list0 .li::before{content: "";position: absolute;top: 50%;left: 0;border-radius: 50vw;transition: .5s;z-index: -1;width: 1px;height: .2rem;background: rgba(255,255,255,.3);margin-top: -.1rem;}
.list0 .a{display: flex;align-items: center;justify-content: center;position: relative;z-index: 1;font-size: .16rem;color: #fff;transition: .5s;}
.list0 .a svg{width: .24rem;height: .24rem;fill: #fff;transition: .5s;}

.list0 .li:first-child::before{ display: none}

.djs{width: .95rem;height: 1.05rem;margin: 0 0 0 .24rem;position: relative;z-index: 1;}
.djs .bg1s{align-items: center;justify-content: center;width: .96rem;height: 100%;transform: scaleY(84%);}
.djs .bg1s .bg1s1{width: 50%;height: 100%;position: relative;margin: 0 -.5px;}
.djs .bg1s .bg1s1 .s1{position: absolute;top: 0;bottom: 0;left: 0;height: 100%;}
.djs .bg1s .bg1s1 .s1 img{height: 100% !important;transform-origin: left center; }
.djs .bg1s .bg1s1:nth-child(1){transform: rotate(180deg);}

/* .djs .bg1s .bg1s1:nth-child(2) .s1:nth-child(1) img{ animation:play1 2s .3s linear infinite}
.djs .bg1s .bg1s1:nth-child(2) .s1:nth-child(2) img{ animation:play1 2.3s .6s linear infinite}
.djs .bg1s .bg1s1:nth-child(2) .s1:nth-child(3) img{ animation:play1 2.9s .9s linear infinite}
.djs .bg1s .bg1s1:nth-child(2) .s1:nth-child(4) img{ animation:play1 3.8s 1.2s linear infinite}
.djs .bg1s .bg1s1:nth-child(2) .s1:nth-child(5) img{ animation:play1 5s 1.5s linear infinite}
.djs .bg1s .bg1s1:nth-child(2) .s1:nth-child(6) img{ animation:play1 6.5s 1.8s linear infinite}
.djs .bg1s .bg1s1:nth-child(2) .s1:nth-child(7) img{ animation:play1 8.3s 2.1s linear infinite}
@keyframes play1{
    0%{
        transform: rotateY(-60deg);
    }
    100%{
        transform: rotateY(0deg);
    }
} */

.djs .top{position: absolute;top: 0;right: 0;bottom: 0;left: 0;flex-direction: column;justify-content: center;text-align: center;}
.djs h6{font-size: .14rem;color: #f5efdb;text-align: left;width: 100%;}
.djs h3{font-size: .6rem;color: #f5efdb;font-family: 'Futura Md BT';width: 100%;letter-spacing: -.04rem;text-shadow: 3.41px 3.657px 6px rgba(5, 89, 36, 0.43);height: .6rem;}
.djs h5{font-size: .14rem;color: #f5efdb;text-align: right;width: 100%;}

#nav{flex: 1;width: 12.7rem;max-width: 100%;position: relative;}
#nav ul {justify-content: space-between;height: 100%;}
#nav ul li {z-index: 0;margin-left: 0px;position: relative;height: 100%;transition: all 0.2s ease 0s;flex: 1;text-align: center;}
#nav ul li > a {display: inline-block;position: relative;z-index: 2;height: 1.5rem;line-height: 1.5rem;transition: .5s;}
#nav ul li .ico{position: relative;width: .3rem;height: .3rem;margin: .05rem .04rem 0 0;}
#nav ul li img{filter: drop-shadow(0 0 5px rgba(0, 0, 0, .8));position: absolute;top: 0;right: 0;bottom: 0;left: 0;transition: .5s;width: 100%;height: 100%;}
#nav ul li img.i2{ opacity: 0}
#nav ul li .h3{font-size: .24rem;color: #f4eeda;height: 100%;position: relative;transition: .5s;display: flex;align-items: center;text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);width: 100%;padding: 0 .1rem;font-family: "思源宋体 SemiBold";}
#nav ul li .h3::before{content: "";position: absolute;left: 0;top: 0px;transition: .5s;width: 100%;opacity: 0;visibility: hidden; background: url(../images/nav_b.png) center top no-repeat; background-size: 100% 100%;transform: translateY(-101%);height: 100%;z-index: -1;}
#nav ul li .h3::after {content: "";position: absolute;left: 50%;top: 0px;transition: .5s;width: 0;opacity: 0;visibility: hidden; background: #edb91b; height: .04rem;transform: translateX(-50%);}
#nav ul li .sub {position: absolute;top: 79%;width: auto;left: 50%;z-index: 10000;transform: translateX(-50%) scaleY(0);visibility: hidden;opacity: 0;transition: .5s;transform-origin: center top;}
#nav ul li .sub:before{content: "";position: absolute;top: -.08rem;border-left: transparent .08rem solid;border-right: transparent .08rem solid;border-bottom: rgba(178,34,34,.6) .08rem solid;left: 50%;margin-left: -.08rem;}
#nav ul li .sub .box {line-height: 1.5;transition: .5s;font-size: 0.16rem;color: #fff;text-align: center;white-space: nowrap;display: block;width: 100%;overflow: hidden;background: rgba(178,34,34,.6);border-radius: 0; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 60px;padding: 10px 0 0 0;}
#nav ul li .sub a {padding: .08rem .42rem;line-height: 1.375;transition: .5s;font-size: 0.15rem;color: #f4eeda;text-align: center;white-space: nowrap;display: block;width: 100%;/*! border-radius: .06rem; */}
#nav ul li .sub a img { filter: grayscale(100%); opacity: 0.6; margin: 0px 0.1rem 0px 0px; width: 0.19rem; }
#nav ul li .sub a:last-child{ margin-bottom: .1rem}

#nav ul li .sub a:hover{ color: #edb91b}

#nav ul li.on img.i1, #nav ul li:hover img.i1{ opacity: 0}
#nav ul li.on img.i2, #nav ul li:hover img.i2{ opacity: 1}
#nav ul li.on .h3, #nav ul li:hover .h3{ color: #edb91b}
#nav ul li.on .h3::before, #nav ul li:hover .h3::before{opacity: 1;visibility: visible;transform: translateY(0);}
#nav ul li.on .h3::after, #nav ul li:hover .h3::after{opacity: 1;visibility: visible;width: 100%;}
#nav ul li:hover .sub { opacity: 1; visibility: visible; transform: translateX(-50%) scaleY(1); }
#nav ul li .sub a:hover{ }
#nav ul li:hover > a{/* background: #076629; */}

#openBtn{cursor:pointer;display:inline-block;}#openBtn .lcbody{width: 27px;height: 15px;position:relative;display:flex;justify-content:flex-start;}#openBtn .lcbody .lcitem{width:100%;height: 1px;position:absolute;transition:transform .36s ease;right:0;box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);}#openBtn .lcbody .lcitem:nth-child(2){width: 100%;}#openBtn .lcbody .lcitem div{position:absolute;width:100%;height:100%;top:0;left:auto;right:0;background:#fff;transition: .5s;border-radius: 50vw;}#openBtn .lcbody .top{top:0}#openBtn .lcbody .center{display:block;top:50%;margin-top: -.5px;}#openBtn .lcbody .bottom{top: 100%;}#openBtn .lcbody:hover .lcitem.top .rect{animation:move .4s ease-in-out 1}#openBtn .lcbody:hover .lcitem.center .rect{animation:move .4s ease-in-out .1s 1}#openBtn .lcbody:hover .lcitem.bottom .rect{animation:move .4s ease-in-out .2s 1}.active#openBtn .lcitem.top{transform:rotateZ(45deg);top:49%}.active#openBtn .lcitem.center{opacity:0}.active#openBtn .lcitem.bottom{transform:rotateZ(-45deg);top:49%}@keyframes move{0%{right:0}40%{right:0;width:0}60%{right:auto;width:0%}100%{right:auto;width:100%}}.n_header #openBtn .lcbody .lcitem div{background:#fff}

.slide_down_nav{position:fixed;top:0;right:0;bottom:0;left:0;z-index: 1000000;visibility: hidden;padding: 0;}
.slide_down_nav .slide_down_nav_bg{position:fixed;right:0;top:0;height:0;left:0;background: rgba(0,0,0,.2) url(../images/slide_down_nav_bg.jpg) center no-repeat;background-size: calc(100% - .48rem) calc(100% - .48rem);transition: .9s cubic-bezier(.165,.84,.44,1) 1s;-webkit-backdrop-filter: blur(5px);/*! backdrop-filter: blur(5px); */}
.slide_down_nav .slide_down_nav_bg.on{top:auto;bottom:0;height:100%;transition: .9s cubic-bezier(.165,.84,.44,1);}

.slide_down_nav_line_shuxian{position:absolute;left: 0;margin-left:-0.5px;bottom: 0;width:1px;height: 0;background: rgba(0,0,0,0.15);opacity: 1;transition:0.6s;}
.slide_down_nav_line_shuxian.on{ height:100%; transition-delay: 1s;}
.slide_down_nav .slide_down_nav_content{position:relative;z-index:10;/* transform: translateY(100%); */transition:0.6s;height: 100%;opacity: 0;padding: 0;}


.slide_down_nav.on{ visibility:visible}
.slide_down_nav .slide_down_nav_content.on{/* transform:translateY(0); */transition:0.6s;opacity: 1;}

.slide_down_nav .wp{width: 17rem;margin: 0 auto;height: 100%;display: flex;align-items: center;}

.miso_wzmap{display: flex;flex-wrap: wrap;margin: 0;width: 100%;justify-content: center;}
.miso_wzmap li{padding: 0 .6vw;transform: translateY(.5rem);transition: .5s;opacity: 0;display: flex;flex: auto;}
.miso_wzmap li:nth-child(1){ transition-delay: .1s}
.miso_wzmap li:nth-child(2){ transition-delay: .2s}
.miso_wzmap li:nth-child(3){ transition-delay: .3s}
.miso_wzmap li:nth-child(4){ transition-delay: .4s}
.miso_wzmap li:nth-child(5){ transition-delay: .5s}
.miso_wzmap li:nth-child(6){ transition-delay: .6s}
.miso_wzmap li:nth-child(7){ transition-delay: .7s}
.miso_wzmap li:nth-child(8){ transition-delay: .8s}
.miso_wzmap li:nth-child(9){ transition-delay: .9s}
.miso_wzmap li h3 a{font-size: .32rem;color: #02601e;position: relative;display: block;padding: .3rem .15rem .6rem;font-family: "思源宋体 Light";width: .72rem;text-align: center;line-height: 1.3; z-index: 1}
.miso_wzmap li h3 a:before{content:"";position:absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/miso_wzmap.png) center no-repeat; background-size: 100% 100%;  z-index: -1;opacity: 0;transition: .5s;}
.miso_wzmap li dl{display: flex;margin: 0 0 0 .1rem;padding: 1.9rem 0 0;}
.miso_wzmap li dl dd{padding: 0 .3vw;width: 100%;}
.miso_wzmap li dl dd a{font-size: .2rem;color: #0e5f28;line-height: 1.75;display: block;transition: .5s;opacity: .7;font-family: "思源宋体 Light";text-align: center;width: .2rem;position: relative;z-index: 1; padding: .3rem 0 0}
.miso_wzmap li dl dd a:before{ content: ""; position: absolute; width: .03rem; height: .03rem; background: #908268; top: 0; left: 50%; transform: translate(-50%); border-radius: 50vw}


.slide_down_nav_content.on .miso_wzmap li{transform: translateY(0);opacity: 1;}


.slide_down_nav .close{ display: flex; align-items: center; justify-content: center; width: .58rem; height: .92rem; border: rgba(14,96,40,.4) 1px solid; position: absolute; top: .68rem; right: .62rem; z-index: 10; font-size: .18rem; color: #02601e; font-family: "思源宋体 Light";line-height: 1.75;cursor: pointer;}
.slide_down_nav .close:before{ content: ""; position: absolute; top: .04rem; right: .04rem; bottom: .04rem; left: .04rem; border: #0e6028 1px solid; opacity: .2; z-index: -1; transition: .5s}


/*网站地图*/

.bannerBox{padding: 0px;position: fixed;z-index: 3;width: 100%;height: 100%;}
.banner{ overflow: hidden; }
.banner ul li .a{ display: block; position: relative; z-index: 1; overflow: hidden; }
.banner ul li .a:after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/ba_t.png) center 101% no-repeat; background-size: 100% auto;}
.banner ul li .a .img{ overflow: hidden; width: 100%; transition: 1s;}
.banner ul li .a .img .imgLi{ padding-bottom: 100vh; transition: 0s; transform: scale(1) !important; }
.banner ul li .a .img video { width: 100vw; height: 100%; object-fit: cover; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; }
.bannerBox .arrow{ position: absolute; top: 50%; transform: translateY(-50%); width: .6rem; height: .6rem; z-index: 10; opacity: .5; transition: .5s; cursor: pointer;}
.bannerBox .arrow.prev{ left: 3%; background: url(../images/banner_prev.png) center no-repeat; background-size: cover}
.bannerBox .arrow.next{ right: 3%; background: url(../images/banner_next.png) center no-repeat; background-size: cover}

.bannerBox .arrow:hover{ opacity: 1;}

.banner.on ul li.swiper-slide-active .a .img{ animation: zoom 5.5s linear infinite 0s;}
@keyframes zoom {
    0% {
      opacity: 1;
      animation-timing-function: ease-in;
    }
    5% {
      opacity: 1;
    }
    25% {
      opacity: 1;
    }
    30% {
      opacity: 1;
     
    }
    99.99% {
      opacity: 1;
      animation-timing-function: ease-out;
    }
    100% {
      opacity: 1;
      transform: scale(1.1);
    }
}
.linsvg{position: absolute;top: 54%; left: 50%; transform: translateX(-50%) translateY(-50%);pointer-events: none;z-index: 4; background: url(../images/sgsc.png) center no-repeat; background-size: cover}
.linsvg:before{ content: ""; content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/sjzd.png) center no-repeat; background-size: cover; z-index: 1;}
.linsvg svg{height: 70vh}
.linsvg .cls-1, .linsvg .cls-2{fill:none;stroke:rgba(255,255,255,.35);stroke-miterlimit:10; }
.linsvg .cls-1{stroke-width:0.6px;}
.linsvg .cls-2{stroke-width:1.2px;}

.linsvg svg{ transform: rotateY(180deg);}
.linsvg .cls-2.cls-loop{stroke:rgba(244,238,218,.9);}

.lang{margin: 0 .24rem 0 .2rem;}
.lang .a{ font-size: .2rem;color: #f4eeda;transition: .5s; font-family: 'sys'}

.homea .logo{transform: scale(1);position: fixed;bottom: 3vh;left: auto;right: 2%;top: auto;}
.homea #header #nav{ position: fixed; left: 50%; transform: translateX(-50%); top: 0}
.homea #header .right {width: 14rem;max-width: calc(100% - 4rem);}

body.fixed .logo{ display: none;}

.ibg1{ background: url(../images/ibg1.jpg) center; background-size: 1.8rem 1.8rem;background-attachment: fixed;}

.rcap{ position: relative; z-index: 1;}
.rcap::after{ content: ""; background: url(../images/rcap_b1.png) center no-repeat; background-size: 100% 100%; position: fixed; right: 0; bottom: 0; left: 0; height: 3.8rem;pointer-events: none;z-index: 2;}
.pc_hbs{ height: 1.5rem;}
.pc_hbs #header{ background: url(../images/ibg1.jpg) center; background-size: 1.8rem 1.8rem;}
.pc_hbs .pc_h #header:before{ height: 1.5rem; }

.rcap .wp{ width: 17.6rem;}
.rcap .line{ background: url(../images/line_b1.png) center repeat-x; width: 100%; height: .03rem; background-size: 1px .03rem;}

.list3 li{ border-bottom: rgba(245,239,219,.2) 1px solid;}
.list3 .a{ padding: 0 6% 0 15%; height: .9rem; align-items: center; position: relative; z-index: 1;}
.list3 .a::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; width: 0; transition: .6s; opacity: .2; z-index: -1;}
.list3 .time{ width: 13%;font-size: .16rem;color: #d7c386;font-family: 'Century Gothic';display: flex;align-items: center;}
.list3 .time img{ width: .12rem; margin: 0 .06rem 0 0}
.list3 h4{ flex: 1; overflow: hidden; }

.list3 .time1{ width: 19.5%;font-size: .2rem;color: #f5eeda;font-family: "思源宋体 Light";display: flex;align-items: center; transition: .5s;}

.footer{
	width: 100%;
	padding:30px 0px 30px;
	background: #bc0a12 url(../images/footer_bg.jpg) no-repeat left bottom;
}
.footer-info ul{
	margin-right:45px;
}
.footer-info ul+ul{
	margin-right:0px;
}
.footer-info ul li{
	font-size: 16px;
	color: #ffffff;
	line-height: 35px;
}
.footer .ewm img{
	width: 120px;
	margin-top:10px;
}
.copyright{
	width: 100%;
	text-align: center;
	background: #a00007;
}
.copyright p{
	font-size: 14px;
	color: #ffffff;
	line-height: 50px;
}
.copyright p a{
	color: #ffffff;
	display: inline;
}
.tit1{ font-size: .36rem; color: #edb91b; font-family: 'sys';width: 22%;text-align: center;}

.er_j{ flex: 1;}
.er_j li{ position: relative;margin-right: 3vw;}
.er_j .box{ position: absolute; bottom: 100%; left: 58%; padding: 0 .25rem .12rem;transform: translateX(-50%);opacity: 0;visibility: hidden;transition: .5s;}
.er_j .box::after{ content: ""; position: absolute; background: url(../images/er_j_j.png) center no-repeat; background-size: cover;width: .18rem;height: .19rem;left: 50%;transform: translateX(-50%);bottom: -.1rem;-webkit-animation: shubiao 1.4s infinite linear;animation: shubiao 1.4s infinite linear;}
.er_j dl{ flex-wrap: nowrap; min-width: 2.9rem;background: #efebd6; border-radius: 50vw;padding: 0 .15rem;}
.er_j dl dd{ white-space: nowrap; width: 50%;text-align: center;margin: 0 .15rem;}
.er_j dl dd a{ display: inline-block; line-height: .45rem;font-size: .18rem;color: #837c57;font-family: 'sys';position: relative;z-index: 1;padding: 0 0 0 .1rem;font-family: 'sys';}
.er_j dl dd a:before{ content: ""; position: absolute; left: 0; width: .03rem;height: .03rem;background: #837c57;border-radius: 50vw;top: 50%;margin: -.005rem 0 0;transition: .5s;}
.er_j .a{ display: flex; line-height: .76rem;align-items: center;font-size: .22rem;color: #e2c798;font-family: 'sys';}
.er_j .a i{position: relative;width: .3rem;height: .27rem;margin: .03rem .1rem 0 0;display: block;transition: .5s;}
.er_j .a i::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/er_j_i1.png) center no-repeat; background-size: cover;transition: .5s;}
.er_j .a i::after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/er_j_i1_on.png) center no-repeat; background-size: cover;transition: .5s;opacity: 0;}

.er_j li.on .box{ opacity: 1; visibility: visible}
@-webkit-keyframes shubiao{ 
    0% { -webkit-transform: translateY(10px); transform: translateY(10px);opacity: 0; }
    100% { -webkit-transform: translateY(0px); transform: translateY(0px);opacity: 1; } 
}
@keyframes shubiao{ 
    0% { -webkit-transform: translateY(10px); transform: translateY(10px);opacity: 0; }
    100% { -webkit-transform: translateY(0px); transform: translateY(0px);opacity: 1; } 
}

.er_j li.on .a i::before{ opacity: 0}
.er_j li.on .a i::after{ opacity: 1}
.er_j li.on dl dd.on a{ font-family: 'sys';color: #0d4c1a;}
.er_j li.on dl dd a:before{ background: #0d4c1a}

.gw .a{ align-items: center; font-size: .2rem; color: #e2c798; font-family: 'sys';}
.gw img{ margin: 0 .12rem 0 0;}

.list3{ margin: 0 0 2rem;position: relative;z-index: 1;}
.list3:after{ content: ""; position: absolute; top: 0; left: 25%; width: .03rem; height: 100%;background: url(../images/line_b2.png) center repeat-y;background-size: .03rem 1px;}

.rcap .more{position: fixed;width: .6rem;left: 50%;transform: translateX(-50%);bottom: 1.3rem;/* -webkit-animation: shubiao1 1.4s infinite linear; *//* animation: shubiao1 1.4s infinite linear; */z-index: 10;cursor: pointer;height: .6rem;display: flex;align-items: center;justify-content: center;}
.rcap .more h6{position: absolute;top: 100%;left: 50%;white-space: nowrap;transform: translate(-50%, 0);z-index: -1;font-size: .16rem;color: rgba(255,241,215,.5); opacity: 1; transition: .5s}
.rcap .more h6.h6-2{ opacity: 0}
.rcap .more.on h6.h6-1{ opacity: 0}
.rcap .more.on h6.h6-2{ opacity: 1}
.rcap .more img{width: .29rem;-webkit-animation: shubiao1 1.4s infinite linear;animation: shubiao1 1.4s infinite linear;}
.rcap .more.on img{ -webkit-animation: none; animation: none; }
@-webkit-keyframes shubiao1{ 
    0% { -webkit-transform: translateY(-10px); transform: translateY(-10px);opacity: 0; }
    100% { -webkit-transform: translateY(0px); transform: translateY(0px);opacity: 1; } 
}
@keyframes shubiao1{ 
    0% { -webkit-transform: translateY(-10px); transform: translateY(-10px);opacity: 0; }
    100% { -webkit-transform: translateY(0px); transform: translateY(0px);opacity: 1; } 
}
.list3 .time2{ position: absolute; right: 0;width: 2.6rem;}
.list3s h4{ padding: 0 .1rem 0 .4rem;}
.ar_wap{ display: none}


.szf{position:fixed;width: 100%;height: 100%;z-index: 1;overflow: hidden;}
.szf .bg1{ position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background: url(../images/szf_b1.jpg) center no-repeat; background-size: cover; animation: sca 20s linear infinite; transform: scale(1.05);}
.szf .bg2{ position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background: url(../images/guang.png) left top no-repeat; background-size: cover; animation: star2 8s infinite; -moz-animation: star2 8s infinite; -webkit-animation: star2 8s infinite; transform-origin: left top;}

@keyframes star2{
	0%{ opacity: 1; transform: rotate(0deg);}
    50%{ opacity: 1; transform: rotate(5deg);}
	100%{ opacity: 1; transform: rotate(0deg);}
}

.list_pp{height: 100%;position: relative;z-index: 1;}
.list_pp li{ position: absolute; top: 50%; left: 50%; z-index: 1; transform-origin: center;transform: translate(-50%,-50%);width: 2.3rem;}
.list_pp li .boxW{position: relative !important;transform-style: initial !important;}
.list_pp .a{ padding-bottom: 100%; position: relative; z-index: 1;display: block;}
.list_pp .a::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/list_pp_b2.png) center no-repeat; background-size: 100% 100%;backdrop-filter: blur(2px);border-radius: 50vw;}
.list_pp .txt{ position: absolute; top: 0; right: 0; bottom: 0; display: flex;justify-content: center;align-items: center;left: 0;padding: 0 13%;}
.list_pp h4{ font-size: .24rem; color: #027c2e; font-family: 'sys'; line-height: 1.5; text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 10px #fff, 0 0 10px #fff;}
.list_pp li:nth-child(1){  top: 30%; left: 20.35%; transform: translate(-50%,-50%) scale(.5);}
.list_pp li:nth-child(2){  top: 62.5%; left: 18.64%; transform: translate(-50%,-50%) scale(.8);}
.list_pp li:nth-child(3){  top: 45.5%; left: 37.5%; transform: translate(-50%,-50%) scale(1);}
.list_pp li:nth-child(4){  top: 27.375%; left: 54%; transform: translate(-50%,-50%) scale(.7);}
.list_pp li:nth-child(5){  top: 56.5%; left: 62.7%; transform: translate(-50%,-50%) scale(.8);}
.list_pp li:nth-child(6){  top: 29%; left: 78%; transform: translate(-50%,-50%) scale(.6);}
.list_pp li:nth-child(7){  top: 70.5%; left: 87%; transform: translate(-50%,-50%) scale(.6);}
.list_pp li:nth-child(8){  top: 42.5%; left: 12%; transform: translate(-50%,-50%) scale(.2);}
.list_pp li:nth-child(9){  top: 73.5%; left: 46%; transform: translate(-50%,-50%) scale(.4);}
.list_pp li:nth-child(10){  top: 52.5%; left: 76%; transform: translate(-50%,-50%) scale(.3);}

.list_pp li:nth-child(1) .box{ animation: spin-reverse 8s infinite linear;}
.list_pp li:nth-child(2) .box{ animation: spin-reverse2 8s infinite linear;}
.list_pp li:nth-child(3) .box{ animation: spin-reverse 8s infinite linear;}
.list_pp li:nth-child(4) .box{ animation: spin-reverse4 8s infinite linear;}
.list_pp li:nth-child(5) .box{ animation: spin-reverse5 8s infinite linear;}
.list_pp li:nth-child(6) .box{ animation: spin-reverse 8s infinite linear;}
.list_pp li:nth-child(7) .box{ animation: spin-reverse2 8s infinite linear;}
.list_pp li:nth-child(8) .box{ animation: spin-reverse4 8s infinite linear;}
.list_pp li:nth-child(9) .box{ animation: spin-reverse3 8s infinite linear;}
.list_pp li:nth-child(10) .box{ animation: spin-reverse2 8s infinite linear;}

@keyframes spin-reverse {
    0% {
        transform: 0 
    }
    50% {
        transform: translateX(-20px) translateY(-5px) 
    }
    100% {
        transform: 0 
    }
}
@keyframes spin-reverse2 {
    0% {
        transform: 0 
    }
    50% {
        transform: translateX(50px) translateY(40px) 
    }
    100% {
        transform: 0 
    }
}
@keyframes spin-reverse3 {
    0% {
        transform: 0 
    }
    50% {
        transform: translateX(20px) translateY(60px) 
    }
    100% {
        transform: 0 
    }
}
@keyframes spin-reverse4 {
    0% {
        transform: 0 
    }
    50% {
        transform: translateX(20px) translateY(40px) 
    }
    100% {
        transform: 0 
    }
}
@keyframes spin-reverse5 {
    0% {
        transform: 0 
    }
    50% {
        transform: translateX(0px) translateY(80px) 
    }
    100% {
        transform: 0 
    }
}

.blowing-bubbles{ position: absolute; bottom: 0; left: 0; right: 0; z-index: 1; pointer-events: none;}
.blowing-bubbles .bubble{ position: absolute; z-index: 1; width: .49rem; height: .49rem; bottom: 0}
.blowing-bubbles .bubble::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/yingguang.png) center no-repeat; background-size: cover;}

.blowing-bubbles .bubble:nth-child(1){ left: 10%; -webkit-animation: bubbles 16106ms -19153ms linear infinite; animation: bubbles 16106ms -19153ms linear infinite;}
.blowing-bubbles .bubble:nth-child(2){ left: 11%; -webkit-animation: bubbles 13585ms -15017ms linear infinite; animation: bubbles 13585ms -15017ms linear infinite;}
.blowing-bubbles .bubble:nth-child(3){ left: 12%; -webkit-animation: bubbles 16279ms -14582ms linear infinite; animation: bubbles 16279ms -14582ms linear infinite;}
.blowing-bubbles .bubble:nth-child(4){ left: 12.5%; -webkit-animation: bubbles 14375ms -19344ms linear infinite; animation: bubbles 14375ms -19344ms linear infinite;}
.blowing-bubbles .bubble:nth-child(5){ left: 16%; -webkit-animation: bubbles 16762ms -13430ms linear infinite; animation: bubbles 16762ms -13430ms linear infinite;}
.blowing-bubbles .bubble:nth-child(6){ left: 18.5%; -webkit-animation: bubbles 14253ms -19852ms linear infinite; animation: bubbles 14253ms -19852ms linear infinite;}
.blowing-bubbles .bubble:nth-child(7){ left: 22%; -webkit-animation: bubbles 13472ms -15024ms linear infinite; animation: bubbles 13472ms -15024ms linear infinite;}
.blowing-bubbles .bubble:nth-child(8){ left: 22.4%; -webkit-animation: bubbles 14209ms -17643ms linear infinite; animation: bubbles 14209ms -17643ms linear infinite;}
.blowing-bubbles .bubble:nth-child(9){ left: 22.5%; -webkit-animation: bubbles 13431ms -19707ms linear infinite; animation: bubbles 13431ms -19707ms linear infinite;}
.blowing-bubbles .bubble:nth-child(10){ left: 22.8%; -webkit-animation: bubbles 14729ms -1179ms linear infinite; animation: bubbles 14729ms -1179ms linear infinite;}

.blowing-bubbles .bubble:nth-child(11){ left: 23%; -webkit-animation: bubbles 14306ms -1716ms linear infinite; animation: bubbles 14306ms -1716ms linear infinite;}
.blowing-bubbles .bubble:nth-child(12){ left: 23.1%; -webkit-animation: bubbles 16193ms -17397ms linear infinite; animation: bubbles 16193ms -17397ms linear infinite;}
.blowing-bubbles .bubble:nth-child(13){ left: 23.5%; -webkit-animation: bubbles 16044ms -13339ms linear infinite; animation: bubbles 16044ms -13339ms linear infinite;}
.blowing-bubbles .bubble:nth-child(14){ left: 23.7%; -webkit-animation: bubbles 15819ms -14415ms linear infinite; animation: bubbles 15819ms -14415ms linear infinite;}
.blowing-bubbles .bubble:nth-child(15){ left: 24.3%; -webkit-animation: bubbles 15598ms -13060ms linear infinite; animation: bubbles 15598ms -13060ms linear infinite;}
.blowing-bubbles .bubble:nth-child(16){ left: 25%; -webkit-animation: bubbles 16680ms -16411ms linear infinite; animation: bubbles 16680ms -16411ms linear infinite;}
.blowing-bubbles .bubble:nth-child(17){ left: 26%; -webkit-animation: bubbles 13154ms -16067ms linear infinite; animation: bubbles 13154ms -16067ms linear infinite;}
.blowing-bubbles .bubble:nth-child(18){ left: 27%; -webkit-animation: bubbles 14808ms -15375ms linear infinite; animation: bubbles 14808ms -15375ms linear infinite;}
.blowing-bubbles .bubble:nth-child(19){ left: 28%; -webkit-animation: bubbles 15959ms -12904ms linear infinite; animation: bubbles 15959ms -12904ms linear infinite;}
.blowing-bubbles .bubble:nth-child(20){ left: 29%; -webkit-animation: bubbles 15262ms -12023ms linear infinite; animation: bubbles 15262ms -12023ms linear infinite;}

.blowing-bubbles .bubble:nth-child(21){ left: 91.5%; -webkit-animation: bubbles 15819ms -14415ms linear infinite; animation: bubbles 15819ms -14415ms linear infinite;}
.blowing-bubbles .bubble:nth-child(22){ left: 92%; -webkit-animation: bubbles 15598ms -13060ms linear infinite; animation: bubbles 15598ms -13060ms linear infinite;}
.blowing-bubbles .bubble:nth-child(23){ left: 93%; -webkit-animation: bubbles 16680ms -16411ms linear infinite; animation: bubbles 16680ms -16411ms linear infinite;}
.blowing-bubbles .bubble:nth-child(24){ left: 94%; -webkit-animation: bubbles 13154ms -16067ms linear infinite; animation: bubbles 13154ms -16067ms linear infinite;}
.blowing-bubbles .bubble:nth-child(25){ left: 95%; -webkit-animation: bubbles 14306ms -1716ms linear infinite; animation: bubbles 14306ms -1716ms linear infinite;}
.blowing-bubbles .bubble:nth-child(26){ left: 97.1%; -webkit-animation: bubbles 16193ms -17397ms linear infinite; animation: bubbles 16193ms -17397ms linear infinite;}
.blowing-bubbles .bubble:nth-child(27){ left: 94.6%; -webkit-animation: bubbles 16044ms -13339ms linear infinite; animation: bubbles 16044ms -13339ms linear infinite;}
.blowing-bubbles .bubble:nth-child(28){ left: 95%; -webkit-animation: bubbles 14808ms -15375ms linear infinite; animation: bubbles 14808ms -15375ms linear infinite;}
.blowing-bubbles .bubble:nth-child(29){ left: 97%; -webkit-animation: bubbles 15959ms -12904ms linear infinite; animation: bubbles 15959ms -12904ms linear infinite;}
.blowing-bubbles .bubble:nth-child(30){ left: 96%; -webkit-animation: bubbles 15262ms -12023ms linear infinite; animation: bubbles 15262ms -12023ms linear infinite;}

.blowing-bubbles .bubble:nth-child(31){ left: 80%; -webkit-animation: bubbles 16106ms -19153ms linear infinite; animation: bubbles 16106ms -19153ms linear infinite;}
.blowing-bubbles .bubble:nth-child(32){ left: 81%; -webkit-animation: bubbles 13585ms -15017ms linear infinite; animation: bubbles 13585ms -15017ms linear infinite;}
.blowing-bubbles .bubble:nth-child(33){ left: 81.5%; -webkit-animation: bubbles 16279ms -14582ms linear infinite; animation: bubbles 16279ms -14582ms linear infinite;}
.blowing-bubbles .bubble:nth-child(34){ left: 82%; -webkit-animation: bubbles 14375ms -19344ms linear infinite; animation: bubbles 14375ms -19344ms linear infinite;}
.blowing-bubbles .bubble:nth-child(35){ left: 83%; -webkit-animation: bubbles 16762ms -13430ms linear infinite; animation: bubbles 16762ms -13430ms linear infinite;}
.blowing-bubbles .bubble:nth-child(36){ left: 84.5%; -webkit-animation: bubbles 14253ms -19852ms linear infinite; animation: bubbles 14253ms -19852ms linear infinite;}
.blowing-bubbles .bubble:nth-child(37){ left: 85%; -webkit-animation: bubbles 13472ms -15024ms linear infinite; animation: bubbles 13472ms -15024ms linear infinite;}
.blowing-bubbles .bubble:nth-child(38){ left: 86%; -webkit-animation: bubbles 14209ms -17643ms linear infinite; animation: bubbles 14209ms -17643ms linear infinite;}
.blowing-bubbles .bubble:nth-child(39){ left: 86%; -webkit-animation: bubbles 13431ms -19707ms linear infinite; animation: bubbles 13431ms -19707ms linear infinite;}
.blowing-bubbles .bubble:nth-child(40){ left: 86.5%; -webkit-animation: bubbles 14729ms -1179ms linear infinite; animation: bubbles 14729ms -1179ms linear infinite;}

.blowing-bubbles .bubble:nth-child(1)::before{ transform: scale(.3); opacity: .3;}
.blowing-bubbles .bubble:nth-child(2)::before{ transform: scale(.6); opacity: .7;}
.blowing-bubbles .bubble:nth-child(3)::before{ transform: scale(.7); opacity: .2;}
.blowing-bubbles .bubble:nth-child(4)::before{ transform: scale(.3); opacity: .6;}
.blowing-bubbles .bubble:nth-child(5)::before{ transform: scale(.9); opacity: .8;}
.blowing-bubbles .bubble:nth-child(6)::before{ transform: scale(.6); opacity: .4;}
.blowing-bubbles .bubble:nth-child(7)::before{ transform: scale(.6); opacity: .4;}
.blowing-bubbles .bubble:nth-child(8)::before{ transform: scale(.4); opacity: .2;}
.blowing-bubbles .bubble:nth-child(9)::before{ transform: scale(.5); opacity: .6;}
.blowing-bubbles .bubble:nth-child(10)::before{ transform: scale(.3); opacity: .5;}

.blowing-bubbles .bubble:nth-child(11)::before{ transform: scale(.3); opacity: .4;}
.blowing-bubbles .bubble:nth-child(12)::before{ transform: scale(.4); opacity: .6;}
.blowing-bubbles .bubble:nth-child(13)::before{ transform: scale(.4); opacity: .3;}
.blowing-bubbles .bubble:nth-child(14)::before{ transform: scale(.3); opacity: .5;}
.blowing-bubbles .bubble:nth-child(15)::before{ transform: scale(.5); opacity: .7;}
.blowing-bubbles .bubble:nth-child(16)::before{ transform: scale(.4); opacity: .4;}
.blowing-bubbles .bubble:nth-child(17)::before{ transform: scale(.6); opacity: .3;}
.blowing-bubbles .bubble:nth-child(18)::before{ transform: scale(.4); opacity: .4;}
.blowing-bubbles .bubble:nth-child(19)::before{ transform: scale(.5); opacity: .2;}
.blowing-bubbles .bubble:nth-child(20)::before{ transform: scale(.3); opacity: .4;}

.blowing-bubbles .bubble:nth-child(21)::before{ transform: scale(.3); opacity: .3;}
.blowing-bubbles .bubble:nth-child(22)::before{ transform: scale(.6); opacity: .7;}
.blowing-bubbles .bubble:nth-child(23)::before{ transform: scale(.7); opacity: .2;}
.blowing-bubbles .bubble:nth-child(24)::before{ transform: scale(.3); opacity: .6;}
.blowing-bubbles .bubble:nth-child(25)::before{ transform: scale(.5); opacity: .2;}
.blowing-bubbles .bubble:nth-child(26)::before{ transform: scale(.6); opacity: .4;}
.blowing-bubbles .bubble:nth-child(27)::before{ transform: scale(.6); opacity: .4;}
.blowing-bubbles .bubble:nth-child(28)::before{ transform: scale(.4); opacity: .2;}
.blowing-bubbles .bubble:nth-child(29)::before{ transform: scale(.5); opacity: .6;}
.blowing-bubbles .bubble:nth-child(30)::before{ transform: scale(.3); opacity: .5;}

.blowing-bubbles .bubble:nth-child(31)::before{ transform: scale(.3); opacity: .4;}
.blowing-bubbles .bubble:nth-child(32)::before{ transform: scale(.4); opacity: .6;}
.blowing-bubbles .bubble:nth-child(33)::before{ transform: scale(.4); opacity: .3;}
.blowing-bubbles .bubble:nth-child(34)::before{ transform: scale(.3); opacity: .5;}
.blowing-bubbles .bubble:nth-child(35)::before{ transform: scale(.5); opacity: .7;}
.blowing-bubbles .bubble:nth-child(36)::before{ transform: scale(.4); opacity: .4;}
.blowing-bubbles .bubble:nth-child(37)::before{ transform: scale(.6); opacity: .3;}
.blowing-bubbles .bubble:nth-child(38)::before{ transform: scale(.4); opacity: .4;}
.blowing-bubbles .bubble:nth-child(39)::before{ transform: scale(.5); opacity: .2;}
.blowing-bubbles .bubble:nth-child(40)::before{ transform: scale(.3); opacity: .4;}

@-webkit-keyframes bubbles {
    0% {
      transform: translateY(10vh);
    }
    100% {
      transform: translateY(-18vh);
    }
}
@keyframes bubbles {
    0% {
        transform: translateY(10vh);
      }
      100% {
        transform: translateY(-18vh);
      }
}

@keyframes beat {
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
    25% { -webkit-transform: scale(0.98, 1.02); transform: scale(0.98, 1.02); }
    50% { -webkit-transform: scale(1.02, 0.98); transform: scale(1.02, 0.98); }
    75% { -webkit-transform: scale(0.98, 1.02); transform: scale(0.98, 1.02); }
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
    25% { -webkit-transform: scale(0.98, 1.02); transform: scale(0.98, 1.02); }
    50% { -webkit-transform: scale(1.02, 0.98); transform: scale(1.02, 0.98); }
    75% { -webkit-transform: scale(0.98, 1.02); transform: scale(0.98, 1.02); }
}

.zf_btn{ position: fixed; top: 0; right: 2.5%; z-index: 100;width: .91rem;max-width: 5vw;-webkit-animation: swing 1600ms infinite alternate ease-in-out;animation: swing 1600ms infinite alternate ease-in-out;-webkit-transform-origin: 50% 0%;transform-origin: 50% 0%;}
.zf_btn img{ filter: drop-shadow(0 0 .15rem rgba(240,208,143,1)); animation: zf1 5s infinite;}
@keyframes zf1 {
    0%{ filter: drop-shadow(0 0 .15rem rgba(240,208,143,1));}
    50%{ filter: drop-shadow(0 0 .05rem rgba(240,208,143,1));}
    100%{ filter: drop-shadow(0 0 .15rem rgba(240,208,143,1));}
}
@-webkit-keyframes swing {
    0% {
    -webkit-transform: rotateY(-1deg) rotateZ(2deg) translateX(-50%) scale(.8);
            transform: rotateY(-1deg) rotateZ(2deg) translateX(-50%) scale(.8);
    }
    100% {
    -webkit-transform: rotateY(1deg) rotateZ(-2deg) translateX(-50%) scale(.8);
            transform: rotateY(1deg) rotateZ(-2deg) translateX(-50%) scale(.8);
    }
}

@keyframes swing {
    0% {
    -webkit-transform: rotateY(-1deg) rotateZ(2deg) translateX(-50%) scale(.8);
            transform: rotateY(-1deg) rotateZ(2deg) translateX(-50%) scale(.8);
    }
    100% {
    -webkit-transform: rotateY(1deg) rotateZ(-2deg) translateX(-50%) scale(.8);
            transform: rotateY(1deg) rotateZ(-2deg) translateX(-50%) scale(.8);
    }
}
.page-1{position: absolute;top: 0;right: 0;bottom: 0;left: 0;height: 100%;/* transform: translateY(-30px); */}
.page-1.hide{ overflow: hidden;}

.page-2{position: fixed;top: 0;right: 0;bottom: 0;left: 0;background: rgba(4,39,16,.45);z-index: 1000000;backdrop-filter: blur(3px);overflow: hidden;opacity: 0;visibility: hidden;transition: .5s;}
.page-2.show{ opacity: 1; visibility: visible;}

.page-2 .content{ width: 100%; height: 100%; flex-direction: column; align-items: center; justify-content: center;flex-wrap: nowrap;}
.tit4{ margin-bottom: .3rem;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.tit4 h3{ font-size: .46rem; color: #fff6db; line-height: 1.375;font-family: 'sys'; padding: 0 .46rem; position: relative; z-index: 1}
.tit4 h3::before{ content: ""; position: absolute; background: url(../images/tit4_i1.png) center no-repeat; width: .27rem; height: .26rem; left: 0; top: 50%; margin-top: -.13rem;}
.tit4 h3::after{ content: ""; position: absolute; background: url(../images/tit4_i1.png) center no-repeat; width: .27rem; height: .26rem; right: 0; top: 50%; margin-top: -.13rem;}
.tit4 h6{ font-size: .16rem; color: #e2bd74; line-height: 1.5; margin: .06rem 0 0}

.list12Box{ height: 4.5rem;width: 94%;max-height: 46vh;}
.list12Box .scroll{  overflow: hidden; overflow-y: auto;height: 4.5rem;max-height: 100%; overflow:-moz-scrollbars-vertical}
.list12Box .scroll::-webkit-scrollbar{width:0;height:0;background-color:#f5f5f5;opacity: 0;}
.list12Box .scroll::-webkit-scrollbar-track{background-color:#e2e2e2;opacity: 0;}
.list12Box .scroll::-webkit-scrollbar-thumb{background-color:#333;opacity: 0;}
.list12{ text-align: center; display: flex;flex-wrap: wrap;justify-content: center;width: 12.8rem;max-width: 100%;margin: 0 auto;}
.list12 li{ padding: .3rem .15rem;display: flex;justify-content: center;align-items: center;}
.list12 .txt{  /*! height: .45rem; */ border-radius: 50vw;padding: .12rem .2rem .15rem .56rem;font-size: .2rem;color: #ffe79f;line-height: .24rem; position: relative; z-index: 1; cursor: pointer;overflow: hidden;transition: .5s;font-family: 'sys';background: transparent;}
.list12 .txt::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; transition: .5s; background: url(../images/list12.png) center no-repeat; background-size: 100% 100%;}
.list12 .txt::after{ content: ""; position: absolute; background: url(../images/list12_i1.png) center no-repeat; width: .29rem; height: .28rem; background-size: cover !important;left: .2rem;top: 50%;transform: translateY(-50%);  transition: .5s}

.list12 .txt.on{ box-shadow: 0 0 0.1rem #f0d08f; background: rgba(6,106,42,.65); color: #fff0c1;}
.list12 .txt.on::before{ opacity: 1}
.list12 .txt.on::after{ background: url(../images/list12_i1_on.png) center no-repeat;}

.page-2 .btn{ width: 2.54rem; height: 1.35rem; display: flex; align-items: center; justify-content: center; position: relative; z-index: 1; margin: .3rem 0 0;min-height: 1.35rem;}
.page-2 .btn::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background: url(../images/page-2.png) center no-repeat; background-size: 100% 100%;}
.page-2 .btn a{ display: block; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; font-size: .24rem; color: #fff; position: relative; z-index: 1;}

.page-2 .btn1 a{ display: flex; align-items: center; justify-content: center; width: .6rem; height: .6rem; background: rgba(122,40,45,.6); border-radius: 50vw; font-size: .16rem; color: #fff; font-family: 'sys';}
.page-3 .btn1 a{ display: flex; align-items: center; justify-content: center; width: .6rem; height: .6rem; background: rgba(122,40,45,.6); border-radius: 50vw; font-size: .16rem; color: #fff; font-family: 'sys';}


.page-3{ position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(4,39,16,.25); z-index: 1000000;backdrop-filter: blur(3px); overflow: hidden; opacity: 0; visibility: hidden; transition: .5s;}
.page-3.show{ opacity: 1; visibility: visible;}
.page-3 .content{ width: 100%; height: 100%; flex-direction: column; align-items: center; justify-content: center;flex-wrap: nowrap;}

.ewmBox{margin: .2rem 0 .4rem;}
.ewmBox img{ border-radius: .1rem; box-shadow: 0 0 .3rem rgba(240,208,143,.5); width: 1.62rem; animation: zf2 2s infinite;}
@keyframes zf2 {
    0%{ box-shadow: 0 0 .3rem rgba(240,208,143,.5);}
    50%{ box-shadow: 0 0 1rem rgba(240,208,143,1);}
    100%{ box-shadow: 0 0 .3rem rgba(240,208,143,.5);}
}

.page-4{ position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000000; backdrop-filter: blur(3px); overflow: hidden; opacity: 0; visibility: hidden; transition: .5s;}
.page-4.show{ opacity: 1; visibility: visible;}

.card_zfW{ width: 3.6rem; height: 5.6rem; z-index: 10;  transition: .5s;opacity: 0;visibility: hidden; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.card_zfBox{ border-radius: .2rem; box-shadow: 0 0 .3rem rgb(240, 208, 143); width: 100%;height: 100%;overflow: hidden;}
.card_zfBox:after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; border-radius: .2rem;border: #B22222 .05rem solid;}
.card_zf{ background: url(../images/card_zf_b1.jpg) center; background-size: cover; flex-direction: column;justify-content: space-between;padding: .5rem .2rem;align-items: center;text-align: center; width:100%; height:100%; position:relative; z-index: 1;}
.card_zf img{ width: 3rem; height: .48rem;}
.card_zf .img1{ width: .83rem; height: .83rem; border-radius: 50%; overflow: hidden;border: #B22222 3px solid;margin: 0 auto .2rem;}
.card_zf .img1 img{width: 100%;height: 100%;vertical-align: top;}
.card_zf h4{ font-size: .2rem; color: #8e1c1c; line-height: 1.5;font-family: 'sys';}
.card_zf h3{ font-size: .2rem; color: #B22222; line-height: 1.5;font-family: 'sys';margin: .06rem 0 0;}
.card_zf h5{ font-size: .16rem; color: #4635c5; line-height: 1.5;}
.card_zf h6{ font-size: .14rem; color: #B22222; line-height: 1.5;}
.card_zf .img2 img{ margin: .15rem 0;}
.card_zf .img3 .img{ width: .8rem; height: .8rem; /*! background: #fff; */ border-radius: 10px; padding: 0;margin: 0 auto .1rem;}
.card_zf .img3 .img img{width: 100%;height: 100%;vertical-align: top;}

.card_zfW .close{width: .34rem;height: .77rem;position: absolute;left: 50%;bottom: -.9rem;transform: translateX(-50%) translateY(50px);cursor: pointer;transition: 1s;opacity: 0;}
.card_zfW .close img{ width: 100%;}

#imgdy{ position:absolute; top:0; right:0; bottom:0; left:0; object-fit: cover;opacity: 0;z-index: 3; }
#imgdy canvas, #imgdy #img{ position:absolute; top:0; right:0; bottom:0; left:0;height: 100%;}
#imgdy #img{ z-index: 3; }

.page-4.show1 .card_zfW{ opacity: 1; visibility: visible; transition-delay: 2s;}
.page-4.show2 .card_zfW .close{transform: translateX(-50%) translateY(0);opacity: 1;}
.page-4.show1 .card_zfW1{ opacity: 1;}
.page-4.show1 .card_zfW2{ opacity: 0;transform: translate(-50%, -50%) rotate(-90deg);}

.list4 li{ margin-bottom: .8rem;}
.list4 .a{ position: relative; z-index: 1;align-items: center;}
.list4 .a::before{ content: ""; position: absolute; bottom: -.4rem; left: 50%; width: 150vw; height: 0; background: #f5f5f5; z-index: -1; transition: .5s; transform: translateX(-50vw);}
.list4 .time{ /*! margin: .56rem 0 0; */ background: url(../images/list4_t.jpg) center no-repeat; background-size: cover; width: 1.19rem; height: 1.19rem; flex-direction: column; align-items: center; justify-content: center; position: relative; z-index: 1; border-radius: .06rem;}
.list4 .time h3{ font-size: .48rem; font-family: "Century Gothic"; color: #fff;}
.list4 .time h6{ font-size: .16rem; font-family: "Century Gothic"; color: #fff; margin: .1rem 0 0; position: relative; z-index: 2;}
.list4 .img{ width: 4.26rem; margin: 0 0 0 -.5rem; border-radius: .12rem; transition: .5s;}
.list4 .img .imgLi{ padding-bottom: 62%}
.list4 .text{ flex: 1; overflow: hidden; margin: 0 0 0 .66rem;}
.list4 h4{ font-size: .24rem; color: #B22222;margin: 0 0 .2rem;}
.list4 p{ font-size: .16rem; color: #8c897d; line-height: .3rem; max-height: .9rem\0;}

.n_pad1{ padding: .9rem 0 1.2rem;margin-bottom: .76rem;}

.pages{margin: .8rem 0 0;}
.pages ul{justify-content: center;align-items: center;font-size: .15rem;color: #333;}
.pages ul li{text-align:center;margin: .03rem .03rem;font-size: .15rem;color: #333;align-items: center;}
.pages ul li a{height: .3rem;text-align: center;padding: 0 8px;min-width: .3rem;display: flex;border: 1px solid #cccccc;border-radius: .02rem;align-items: center;justify-content: center;transition: .5s;}
.pages ul li a svg{width: 14px;height: 14px;fill: #959595;transition: .5s;}
.pages ul li.cur{border: #82827f 1px solid;padding: 0 8px;min-width: .3rem;height: .3rem;line-height: .28rem;border-radius: 3px;}
.pages ul li a.on{background:#9d0c3a;padding: 0 8px;min-width: .35rem;height: .35rem;line-height: .33rem;color: #fff ;border-radius: 3px}
.pages ul li.cur{color: #fff;background: #82827f;}
.pages ul li.page-count{line-height: .33rem}
.page-form {line-height: .33rem}
.page-form input{border: 1px solid #ccc;width: .3rem;height: .3rem;text-align: center;padding: 0 .04rem;background: transparent;border-radius: .04rem;margin: 0 .08rem;}
.page-form button{border:none;width: .5rem;height: .3rem;line-height: .28rem;text-align: center;background: #534bb1;color: #fff;border-radius: .04rem;margin: 0 .06rem;cursor: pointer;}
.pages ul li.next svg{ transform: rotateY(180deg)}
.pages ul li a:hover{background: #82827f;border: #82827f 1px solid;color: #fff;}
.pages ul li a:hover{color: #fff;}
.pages ul li a:hover svg{fill: #015aac;}
 
.ibg2{ background: #fcfbf7 url(../images/ibg2.png) center bottom no-repeat; background-size: 100% auto}

.detail .fl1{ padding: .5rem 0 0 0;}
.detail .ar_tit{ padding: .25rem 0 .25rem .3rem;}
.detail .ar_tit h3{ font-size: .36rem; color: #B22222;  line-height: 1.5;text-align:center;}
.detail .ar_tit h6{ font-size: .16rem; color: #B22222; line-height: 1.5; margin: .15rem 0 0;text-align:center;}
.detail .ar_tit h6 span{ margin: 0 .4rem 0 0}
.detail .fl2{ padding: .1rem 0 1rem;margin-bottom: .76rem;}

.xqsp .fl1{ padding: .5rem 0;background: url(../images/ibg1.jpg) center;background-attachment: scroll;background-size: auto;background-size: 1.8rem 1.8rem;background-attachment: fixed;}

.tit2{ text-align: center;margin-bottom: .4rem;}
.tit2 h3{ font-size: .6rem; color: #f4eeda; line-height: 1.375; font-family: 'sys';padding: 0 0 .15rem;position: relative;}
.tit2 h3::before{ content: ""; position: absolute; width: 1.3rem; height: .03rem; background: #f4eeda;bottom: 0;left: 50%;transform: translateX(-50%); transition: .5s;}
[data-aos=wz].tit2 h3 span{display: inline-block;opacity: 0;filter: blur(10px);-webkit-filter: blur(10px);transform: translateY(-16px);}
[data-aos=wz].tit2 h3::before{ width: 0;}
[data-aos=wz].aos-animate.tit2 h3 span{ opacity: 1; filter: blur(0px); -webkit-filter: blur(0px); transform: translateY(0px);}
[data-aos=wz].aos-animate.tit2 h3::before{ width: 1.3rem; transition-delay: .5s;}

.xqsp .wp{ width: 16rem;}

.list5{ margin: 0 -.19rem -.2rem;}
.list5 li{ width: 33.33%; padding: 0 .19rem; margin-bottom: .5rem;}
.list5 .a{ display: block; padding: .3rem; box-shadow: 0px 1px 21px 0px rgba(183, 183, 183, 0.42); border-radius: .1rem; position: relative; z-index: 1; overflow: hidden; background: #fff; transition: .5s;}
.list5 .a::before{ content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 0; transition: .5s; z-index: -1;}
.list5 .img .imgLi{ padding-bottom: 56.98%;}
.list5 .img::after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/list5_v.png) center no-repeat; background-size: .59rem .37rem;}
.list5 h4{ font-size: .2rem; color: #222222; margin: .15rem .06rem .2rem;}

.list66{ margin: 0 -.19rem -.2rem;}
.list66 li{ width: 25%; padding: 0 .19rem; margin-bottom: .5rem;}
.list66 .a{ display: block; padding: .3rem; box-shadow: 0px 1px 21px 0px rgba(183, 183, 183, 0.42); border-radius: .1rem; position: relative; z-index: 1; overflow: hidden; background: #fff; transition: .5s;}
.list66 .a::before{ content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 0; transition: .5s; z-index: -1;}
.list66 .img .imgLi{ padding-bottom: 56.98%;height:400px;}
.list66 .img::after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/list5_v.png) center no-repeat; background-size: .37rem .59rem;}
.list66 h4{ font-size: .2rem; color: #222222; margin: .15rem .06rem .2rem;}

.vwrap1{display: none;z-index: 1040000;width: 100%;position: fixed;top: 0;height: 100%;left: 0; }
.vwrap1.on{ /*! backdrop-filter: blur(20px); */}
.vwrap1 .videobtg {z-index: 900;position: fixed;width: 100%;height: 100%;left: 0;top: 0;background: #000;opacity: 0.7;overflow: hidden;}
.vwrap1 .videobox {z-index: 1200;width: 1220px;position: fixed;left: 50%;top: 50%;margin-left: -610px;object-fit: cover;transform:translateY(-50%);/*! background: #f2f2f2; */padding: 0;border-radius: 0;padding-top: ;}
.vwrap1 .videobox #videobox {width: 100%;background:#000;position: relative;border-radius: 0;overflow: hidden;}
.vwrap1 .videobox #videobox .img_hezi{ padding-bottom:57.04% !important;}
.vwrap1 .videobox #videobox video{ position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit: cover;}
#videobox_wrapper { height: 100%!important;}
.vwrap1 h4{position: relative;z-index: 1;font-size: .3rem;color: #4b37d4;padding: 0 0 0 .2rem;margin-bottom: .25rem;}
.vwrap1 h4::before{ content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: .05rem; background-image: -moz-linear-gradient( 135deg, rgb(58,33,243) 0%, rgb(198,55,99) 99%); background-image: -webkit-linear-gradient( 135deg, rgb(58,33,243) 0%, rgb(198,55,99) 99%); background-image: -ms-linear-gradient( 135deg, rgb(58,33,243) 0%, rgb(198,55,99) 99%);}
.vwrap1 .close {z-index: 999;width: .62rem;height: .62rem;cursor: pointer;position: absolute;top: -.3rem;right: -.3rem;text-align: center;}
.vwrap1 .close i {display: block;transition: .5s;width: 100%;height: 100%;}
.vwrap1 .close i img{transition:.5s;width: 100%;height: 100%;}
.vwrap1 .close i svg path{ fill: #4e3cd6;}
.vwrap1 .close:hover i img{ transform: rotate(180deg); }

.ibg2s{ background: #fff url(../images/ibg2.png) center bottom no-repeat; background-size: 100% auto}

.book_box .left{ width: calc(100% - 10.69rem);}
.book_box .right{ width: 10.69rem;}

.book_box{ align-items: center; min-height: calc(100vh - 1.5rem - .76rem); height: calc(100vh - 1.5rem - .76rem)\0;}
.book_boxs{padding: 0 32px .5rem;position: relative;z-index: 1;overflow: hidden;}
.book_boxs:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: -1;background: url(../images/book_box_b1.png) center no-repeat;background-size: 100% 100%;}
#cover{ position: absolute; top: 0; bottom: .5rem; left: 32px; width: calc(50% - 32px);}
.page_d{ padding: .7rem .55rem; height: 100%;text-align: left;}
.even .page_d, #cover .page_d{ width: 100%; background: url(../images/page_p.png) center no-repeat; background-size: 100% 100%;overflow: hidden;}
.odd .page_d{ width: 100%; background: url(../images/page_n.png) center no-repeat; background-size: 100% 100%;}
.page-wrapper div:last-child{ /*! display: none; *//*! pointer-events: none; */}
.list19 li:nth-child(1) .bottom{top: 6rem;}

.bookmark{ background: url(../images/list_shu_l.png) center bottom no-repeat;background-size: 100% 2px;}
.bookmark li{height: .52rem;padding: 0 .22rem;position: relative;z-index: 1;display: flex;align-items: center; /*! overflow: hidden; */cursor: pointer;background: url(../images/list_shu_l.png) center top no-repeat;background-size: 100% 2px;transition: .5s;}
.bookmark li::before{ content: ""; position: absolute; right: -.5rem; bottom: 0;  left: -.2rem;    transition: .5s;/*! background: #066a2a; */opacity: 0;top: 0;border-radius: .2rem;z-index: -1;background-image: -moz-linear-gradient( 0deg, #066a2a 30%, transparent 80%);background-image: -webkit-linear-gradient( 0deg, #066a2a 30%, transparent 80%);background-image: -ms-linear-gradient( 0deg, #066a2a 30%, transparent 80%);}
.bookmark li::after{ content: ""; position: absolute; background: #cbc897; width: .06rem; height: .06rem; border-radius: 50vw; left: .06rem;opacity: .3;transition: .5s;}
.bookmark li h4{ font-size: .2rem;color: #e1d4a4; line-height: .3rem; font-weight: 600; transition: .5s;font-family: 'sys'; }
.bookmark li .a{ display: none; position: absolute; top: 0; right:0; bottom: 0; left:0; }
.bookmark li.on::before{ top: -.05rem; bottom: -.05rem;opacity: .7;box-shadow: 0px 6px 8px 0px rgba(4, 61, 25, 0.4);}
.bookmark li.on h4{ color: #fed35e; text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.44);}
.bookmark li.on::after{ background: #e6c13c; opacity: 1}
.bookmark li.on, .bookmark li:last-child, .bookmark li.on + li{ background: none}

.list_shu .imgW{ position: relative; z-index: 1;}
.list_shu .time{ display: block; position: relative;  padding: 0 0 .36rem;margin-bottom: .5rem;}
.list_shu .time:before{ content: ""; position: absolute; left: 0; bottom: 0; width: 50vw; height: 1px; background: #882d27;background-image: -moz-linear-gradient( 0deg, rgb(136,45,39) 0%, rgb(206,189,162) 100%);background-image: -webkit-linear-gradient( 0deg, rgb(136,45,39) 0%, rgb(206,189,162) 100%);background-image: -ms-linear-gradient( 0deg, rgb(136,45,39) 0%, rgb(206,189,162) 100%);}
.list_shu .time:after{ content: ""; position: absolute; left: 0; width: .1rem; height: .1rem; background: #882d27; border-radius: 50vw; left: 0; bottom: 0; bottom: -.04rem}
.list_shu .time h3{ font-size: .6rem; color: #882d27;line-height: 1;font-family: 'sys';}
.list_shu .time h6{ font-size: .12rem; color: #fff;line-height: 1;margin: .01rem 0 0;}
.list_shu .img{ border: #fff .1rem solid;box-shadow: 0px 0px 24px 0px rgba(201, 180, 150, 0.52);}
.list_shu .img .imgLi{ padding-bottom: 70.10%;}
.list_shu h4{ font-size: .3rem; color: #B22222; line-height: .45rem; font-family: 'sys'}
.list_shu .ar_article{ overflow: hidden; overflow-y: scroll;height: calc(.36rem * 7);text-align: justify;padding: 0 .36rem 0 0;margin: .3rem 0 .3rem;}
.list_shu .ar_article::-webkit-scrollbar{width:0;height:8px;background-color:#ccc598}
.list_shu .ar_article::-webkit-scrollbar-track{background-color:#ccc598}
.list_shu .ar_article::-webkit-scrollbar-thumb{background-color:#c11623}
.list_shu .ar_article p{font-size: .16rem !important;color: #222222;line-height: .36rem;}

.more2{ width: 1.27rem; height: .43rem; background: #B22222; display: flex; align-items: center; justify-content: center; font-size: .14rem; color: #fff;transition: .5s;border-radius: 50vw;}
.more2 img{ width: .15rem; margin: 0 0 0 .06rem;}
.flipbook{ z-index: 10;min-height: 5.95rem;}
.zssc .wp{ width: 17.4rem;}

.sjzd .fl1{  display: flex; align-items: center; min-height: calc(100vh - 1.5rem - .76rem); height: calc(100vh - 1.5rem - .76rem)\0;}

.list6W{ padding: 0 1.14rem; position: relative; z-index: 1; width: 100%; transform: translateY(-.3rem);padding-bottom: .1rem;}
.list6W .swiper-scrollbar{ position: absolute;bottom: 0;z-index: 1000;width: 60%;left: 50%;height: .05rem;background: rgba(255,255,255,.1);transform: translateX(-50%);}
.list6W .swiper-scrollbar-drag{ position: absolute;cursor: pointer;height: auto;top: -.01rem;bottom: -.01rem;background: #edb91b; transition: .2s;}
.list6W .arrow{ position: absolute; top: 44%; margin-top: -.58rem; cursor: pointer;}
.list6W .arrow img{ height: 1.17rem;}
.list6W .arrow.prev{ left: 0;}
.list6W .arrow.next{ right: 0;}
.list6W .bg1{ position: absolute; height: .16rem; right: 0; bottom: .2rem; left: 0; z-index: -1; background: url(../images/list6_b.png) center bottom repeat-x;background-size: 19.18rem .16rem;}
.list6Box{ margin: -.3rem; padding: .3rem;}
.list6{ display: flex; align-items: flex-end;}
.list6 li{ width: 3.9rem; padding-bottom: 1rem;height: 100%;}
.list6 li .a{ display: flex; flex-direction: column}
.list6 li .img{ transition: .5s; width: 100%;margin: 0;}
.list6 li .img .imgLi{ padding-bottom: 59.12%; -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);}
.list6 .txt{ padding: 0 .1rem}

.list6 h3{ font-size: .36rem; color: #edb91b; font-family: 'sys';margin-bottom: .25rem;margin-top: .32rem;}
.list6 h4{ font-size: .26rem; color: #fff; font-family: 'sys';margin-bottom: .22rem;line-height: 1.25;}
.list6 p{ font-size: .18rem; color: #e8d19f; line-height: .3rem; max-height: 1.8rem\0;text-align: justify;margin: 0 0 .25rem; opacity: .8;}
.list6 li.li1{ width: 6rem;padding-bottom: 1.6rem;}
.list6 li.li1 .a{ display: flex; flex-direction: row}
.list6 li.li1 .img{ width: 2.9rem; transition: .5s;}
.list6 li.li1 .img .imgLi{ padding-bottom: 126.55%}
.list6 li.li1 .txt{ width: calc(100% - 2.9rem); padding: .1rem 0 0 .4rem;}
.list6 li.li1 h3{ margin-top: 0}
.list6 .time{ position: absolute; bottom: 0; left: 50%; bottom: .36rem; height: .5rem; display: flex; flex-direction: column;justify-content: space-between;align-items: center;}
.list6 .time h6{ font-size: .18rem; color: #e8d19f;order: 1;transform: translateY(-.04rem);}
.list6 .time .ico{ position: relative; width: .16rem; height: .16rem;opacity: .6;}
.list6 .time .ico:before{ content: ""; position: absolute; width: .05rem; height: .05rem; background: #e8d19f; border-radius: 50vw; left: 50%; top: 50%; transform: translate(-50%, -50%)}

.list6 li:nth-child(2n+3) .img{ order: 1;margin: .32rem 0 0;}
.list6 li:nth-child(2n+3) h3{ margin-top: 0}
.list6 li.li1 .img{ order: 0}

.more3{ display: flex; width: .75rem; height: .27rem; align-items: center;justify-content: center;position: relative;z-index: 1;font-size: .18rem;color: transparent;font-family: 'sys'; transition: .5s;}
.more3:before{ content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: .27rem; background: #8a3c34;border-radius: 50vw;z-index: -1; transition: .5s;}
.more3 img{ width: .13rem; transition: .5s; margin: 0 .06rem 0 0;transform: translateX(-.035rem);}
.more3 span{ transform: translateY(-.01rem);}

.list6 li.li1 .time h6{ order: 0; color: #d69827;transform: scale(1.5);}
.list6 li.li1 .time .ico{ opacity: 1;transform: translateY(-.03rem);}
.list6 li.li1 .time .ico:after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50vw; border: #d69827 1px solid}
.list6 li.li1 .time .ico:before{ transform: translate(-50%, -50%) scale(1.5); background: #d69827}

.list6 .time .ico:before{ animation: dots1 3s infinite;}
@keyframes dots1 {
    0%{ transform: translate(-50%, -50%) scale(1); background: #e8d19f;}
    50%{ transform: translate(-50%, -50%) scale(1.5); background: #d69827;}
    100%{ transform: translate(-50%, -50%) scale(1); background: #e8d19f;}
}

.szda{ position: fixed; width: 100vw; height: 100vh; z-index: 1;overflow: hidden;top: 0;}
.szda .fl1{  display: flex; justify-content: center; min-height: 100vh; flex-direction: column; padding: 1.35rem 0 1rem 0;}
.szda .more10{position: absolute;right: 0;top50%;transform: translateY(-50%);display: block;z-index: 100;top: 50%;width: .49rem;}
.szda .more10 img{ width: 100%}
.list7W{padding: 0 8vw;position: relative;z-index: 1;width: 100%;margin-bottom: -.6rem;}
.list7W .arrow{ position: absolute; top: 44%; margin-top: -.58rem; cursor: pointer;z-index: 1;width: .86rem;height: .79rem;}
.list7W .arrow img{  width: 100%; height: 100%;transition: .5s;position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
.list7W .arrow svg{ width: 100%; height: 100%;}
.list7W .arrow.prev{ left: 6vw;}
.list7W .arrow.next{ right: 6vw;}
.list7Box{ padding-bottom: 30vh; margin-bottom: -30vh;}

.list7W .cls-1{ fill:none;stroke:#fff;stroke-miterlimit:10;stroke-width:10px;}

.list7 li{ height: 100%;}
.list7 .a{ display: block; height: 100%; position: relative; z-index: 1;} 
.list7 .a::before{ content: ""; position: absolute; bottom: -50vh; left: 0; right: 0; z-index: -1; transition: .5s; background: #0d4c1a; height: 150%;opacity: 0;}
.list7 .img .imgLi{ padding-bottom: 122.62%;}
.list7 .img{ border-radius: .1rem .1rem 0 0;}
.list7 .txt{padding: .2rem .24rem;position: relative;z-index: 1;height: 3.2rem;transition: .5s;}
.list7 .txt:before{content: "";position: absolute;top: 0;right: 1px;left: 0px;height: 50vh;border-left: rgba(245,239,219,.2) 1px solid;border-right: rgba(245,239,219,.2) 1px solid;transition: .5s;}
.list7 h4{ font-size: .24rem; color: #f5efdb; font-family: 'sys'; margin-bottom: .16rem;}
.list7 p{ font-size: .15rem; color: #f5efdb; line-height: .26rem; max-height: 2.08rem\0;text-align: justify;margin: 0; opacity: .8; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 7;-webkit-box-orient: vertical;}

.list8{ overflow: hidden;}
.list8 li .title{ height: calc((100vh - 1.5rem - .76rem)/7); background: url(../images/list8_b1.jpg) center repeat; background-size: auto 1.07rem !important; align-items: center; cursor: pointer;}
.list8 li:nth-child(2) .title{ background: url(../images/list8_b2.jpg) center repeat;}
.list8 li:nth-child(3) .title{ background: url(../images/list8_b3.jpg) center repeat;}
.list8 li:nth-child(4) .title{ background: url(../images/list8_b4.jpg) center repeat;}
.list8 li:nth-child(5) .title{ background: url(../images/list8_b5.jpg) center repeat;}
.list8 li:nth-child(6) .title{ background: url(../images/list8_b6.jpg) center repeat;}
.list8 li:nth-child(7) .title{ background: url(../images/list8_b7.jpg) center repeat;}

.list8 > li .fl{ transition: 1s; height: 100%;text-align: right;display: flex;align-items: center;justify-content: flex-end;}
.list8 > li .fl img{ height: .69rem; margin: 0 -.24rem 0 0;transition: 1s;}
.list8 > li:nth-child(1) .fl img{ height: .69rem; margin: 0 -.34rem 0 0;}
.list8 > li .fr{ height: 100%;flex-direction: column;justify-content: center;padding: 0 0 0 .8rem; position: relative; z-index: 1;}
.list8 > li .fr::before{content: "";position: absolute;top: 0;bottom: 0;left: 0;background-size: auto 1.07rem !important;z-index: -1;width: 1000vw;}
.list8 > li .fr h4{ font-size: .3rem; color: #f7f1de; font-family: "思源宋体 Regular";display: flex;align-items: center;}
.list8 > li .fr h4 img{ width: .26rem; height: .26rem; margin: 0 .1rem 0 0;}
.list8 > li .fr h6{ font-size: .18rem; color: #f7f1de; font-family: 'Canela Web'; opacity: .7; line-height: 1.5;margin: .08rem 0 0;}

.list8 > li:nth-child(1) .fl{ width: 31%;}
.list8 > li:nth-child(1) .fr{ width: 69%;}
.list8 > li:nth-child(2) .fl{ width: 39%;}
.list8 > li:nth-child(2) .fr{ width: 61%;}
.list8 > li:nth-child(3) .fl{ width: 35%;}
.list8 > li:nth-child(3) .fr{ width: 65%;}
.list8 > li:nth-child(4) .fl{ width: 46%;}
.list8 > li:nth-child(4) .fr{ width: 54%;}
.list8 > li:nth-child(5) .fl{ width: 59%;}
.list8 > li:nth-child(5) .fr{ width: 41%;}
.list8 > li:nth-child(6) .fl{ width: 52%;}
.list8 > li:nth-child(6) .fr{ width: 48%;}
.list8 > li:nth-child(7) .fl{ width: 31%;}
.list8 > li:nth-child(7) .fr{ width: 69%;}
.list8 > li:nth-child(1) .fr::before{ background: url(../images/list8_b1s.jpg) center repeat;}
.list8 > li:nth-child(2) .fr::before{ background: url(../images/list8_b2s.jpg) center repeat;}
.list8 > li:nth-child(3) .fr::before{ background: url(../images/list8_b3s.jpg) center repeat;}
.list8 > li:nth-child(4) .fr::before{ background: url(../images/list8_b4s.jpg) center repeat;}
.list8 > li:nth-child(5) .fr::before{ background: url(../images/list8_b5s.jpg) center repeat;}
.list8 > li:nth-child(6) .fr::before{ background: url(../images/list8_b6s.jpg) center repeat;}
.list8 > li:nth-child(7) .fr::before{ background: url(../images/list8_b7s.jpg) center repeat;}
.list8 > li:nth-child(2) .fr h4, .list8 > li:nth-child(2) .fr h6{ color: #e8cdcc;}
.list8 > li:nth-child(3) .fr h4, .list8 > li:nth-child(3) .fr h6{ color: #745c31;}
.list8 > li:nth-child(4) .fr h4, .list8 > li:nth-child(4) .fr h6{ color: #f7f1de;}
.list8 > li:nth-child(5) .fr h4, .list8 > li:nth-child(5) .fr h6{ color: #e8cdcc;}
.list8 > li:nth-child(6) .fr h4, .list8 > li:nth-child(6) .fr h6{ color: #4e3e21;}
.list8 > li:nth-child(7) .fr h4, .list8 > li:nth-child(7) .fr h6{ color: #f7f1de;}
.list8 .bottom{ display: none; position: relative; z-index: 1;}
.list8 .bottom::before{ content: ""; position: absolute; top: 0; bottom: 0; left: 0; width:18% !important; background: url(../images/list8_b1.jpg) center repeat; background-size: auto 1.07rem !important; z-index: -1;}
.list8 .bottom::after{ content: ""; position: absolute; top: 0; bottom: 0; right: 0; width:82% !important; background: url(../images/list8_b1s.jpg) center repeat; background-size: auto 1.07rem !important; z-index: -1;}
.list8 > li:nth-child(2) .bottom::before{ background: url(../images/list8_b2.jpg) center repeat; }
.list8 > li:nth-child(2) .bottom::after{ background: url(../images/list8_b2s.jpg) center repeat;}
.list8 > li:nth-child(3) .bottom::before{ background: url(../images/list8_b3.jpg) center repeat; }
.list8 > li:nth-child(3) .bottom::after{ background: url(../images/list8_b3s.jpg) center repeat;}
.list8 > li:nth-child(4) .bottom::before{ background: url(../images/list8_b4.jpg) center repeat; }
.list8 > li:nth-child(4) .bottom::after{ background: url(../images/list8_b4s.jpg) center repeat;}
.list8 > li:nth-child(5) .bottom::before{ background: url(../images/list8_b5.jpg) center repeat; }
.list8 > li:nth-child(5) .bottom::after{ background: url(../images/list8_b5s.jpg) center repeat;}
.list8 > li:nth-child(6) .bottom::before{ background: url(../images/list8_b6.jpg) center repeat; }
.list8 > li:nth-child(6) .bottom::after{ background: url(../images/list8_b6s.jpg) center repeat;}
.list8 > li:nth-child(7) .bottom::before{ background: url(../images/list8_b7.jpg) center repeat; }
.list8 > li:nth-child(7) .bottom::after{ background: url(../images/list8_b7s.jpg) center repeat;}

.list8 .bottom table{ border-collapse:collapse; width: 100%; border-top: rgba(255,255,255,.1) 1px solid; }
.list8 .bottom table tr th{/* width:18% !important; */font-size: .2rem;color: #f7f1de;font-family: 'sys';text-align: center;padding: .15rem .05rem;border-bottom: rgba(255,255,255,.1) 1px solid;line-height: 1.5;opacity: .7;}
.list8 .bottom table tr td{font-size: .16rem;color: #f7f1de;font-family: 'sys';line-height: 1.35;text-align: center;padding: .15rem .1rem;border-bottom: rgba(255,255,255,.1) 1px solid;}

.list8 .bottom table tr th:nth-child(1), .list8 .bottom table tr td:nth-child(1){ padding-left: 4vw;}
.list8 .bottom table tr th:last-child, .list8 .bottom table tr td:last-child{ padding-right: 4vw;}
.list8 .bottom table tr td:nth-child(1), .list8 .bottom table tr td:nth-child(3), .list8 .bottom table tr td:nth-child(4){/* font-size: .24rem; */}
.list8 .bottom table tr td:nth-child(5){/* font-size: .3rem; */}

.list8 > li:nth-child(2) .bottom table tr th{ color: #e8cdcc; opacity: .7;}
.list8 > li:nth-child(2) .bottom table tr td{ color: #e8cdcc;}
.list8 > li:nth-child(3) .bottom table tr th{ color: #115127; opacity: .7;}
.list8 > li:nth-child(3) .bottom table tr td{ color: #115127;}
.list8 > li:nth-child(4) .bottom table tr th{ color: #f7f1de; opacity: .7;}
.list8 > li:nth-child(4) .bottom table tr td{ color: #f7f1de;}
.list8 > li:nth-child(5) .bottom table tr th{ color: #e8cdcc; opacity: .7;}
.list8 > li:nth-child(5) .bottom table tr td{ color: #e8cdcc;}
.list8 > li:nth-child(6) .bottom table tr th{ color: #4e3e21; opacity: .7;}
.list8 > li:nth-child(6) .bottom table tr td{ color: #4e3e21;}
.list8 > li:nth-child(7) .bottom table tr th{ color: #f7f1de; opacity: .7;}
.list8 > li:nth-child(7) .bottom table tr td{ color: #f7f1de;}

.list8 > li.on .fl img, .list8 > li:hover .fl img{ transform: translateX(-.7rem) }
.list8 > li.on .fl, .list8 > li:hover .fl{width: 18% !important;position: relative;transition: 1s;}
.list8 > li.on .fr, .list8 > li:hover .fr{ width:82% !important; transition: 1s;}

.zhushi1{ text-align: right; font-size: .18rem; color: #fff; line-height: .3rem; padding: .2rem 8vw .4rem; }

.kyda .fl1{display: flex;justify-content: center;min-height: calc(100vh - 1.5rem - .76rem);height: calc(100vh - 1.5rem - .76rem)\0;flex-direction: column;margin-top: -.3rem;}

.list9W{width: 100%;padding: 0 2.5rem;position: relative;z-index: 1;margin-bottom: .3rem;}
.list9W::before{ content: ""; position: absolute; bottom: .19rem; left: 1.66rem; right: 1.66rem; height: 2px; background: #e2c798; opacity: .3;}
.list9W .arrow{position: absolute;bottom: 0;cursor: pointer;z-index: 100;}
.list9W .arrow img{ height: .4rem; transition: .5s; opacity: .25;}
.list9W .arrow.prev{ left: 1.12rem;}
.list9W .arrow.next{ right: 1.12rem;}
.list9Box{ margin: 0 -.2rem; padding: 0 .2rem; }
.list9 li{ padding: .2rem 0 1.08rem;}
.list9 li:after{ content: ""; position: absolute; width: .24rem; height: .24rem; border: transparent 2px solid; border-radius: 50%; background: #e2c798; left: 50%;margin-left: -.12rem;bottom: .06rem;transition: .5s; transform: scale(.3); opacity: .8;}
.list9 .a{ display: block; transition: .5s; border-radius: .1rem; overflow: hidden;width: 100%;}
.list9 .img .imgLi{ padding-bottom: 66.66%;}
.list9 .txt{ position: relative; z-index: 1; height: .8rem; background: #f4eeda; padding: 0 .3rem;display: flex;align-items: center;justify-content: center; transition: .5s;}
.list9 .txt::before{ content: ""; position: absolute; top: .08rem; right: .08rem; bottom: .08rem; left: .08rem; z-index: -1;border: #f4eeda 1px dashed;opacity: .2;border-radius: .1rem;}
.list9 h4{ color: #095c27;text-align: center;}

he{ display: none; }
.circle span{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: .25rem;
    background: #c6b988;
    transform: scale(1);
    animation: circleScale 3s linear infinite;
    transition: .5s;
    z-index: -1;
}

.circle span:nth-of-type(2) {
    animation-delay: 1s;
}

.circle span:nth-of-type(3) {
    animation-delay: 2s;
}

@keyframes circleScale {
    0% {
        opacity: .8;
        transform: scale(1);
    }

    100% {
        opacity: 0;
        transform: scale(1.4, 1.75);
    }
}

.list_sj{ align-items: center; justify-content: center; width: 100%; margin-bottom: 5vh; margin-top: .3rem;}
.list_sj li{ padding: 0 .26rem;}
.list_sj .a{ position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; width: 1.4rem; height: .5rem; border: #c3b57b 1px solid; border-radius: 50vw;font-size: .24rem;color: #c3b57b;font-family: 'sys';}
.list_sj li.on .a{ background: #c8ba8a;color: #136330;}
.list_sj li .circle{ display: none}
.list_sj li.on .circle{ display: block;}


.hxzzgl .fl1{  display: flex; justify-content: center; min-height: calc(100vh - 1.5rem - .76rem); height: calc(100vh - 1.5rem - .76rem)\0; flex-direction: column;}

[data-aos="dh1"].list10{ position: relative; z-index: 1; width: 63.125vw; margin: 0 auto; filter: blur(50px); -webkit-filter: blur(50px);}
[data-aos="dh1"].list10.aos-animate{ filter: blur(0px); -webkit-filter: blur(0px);}
.list10 img{ position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.list10 img.i0{ position: relative !important;}
.list10 { position: relative !important;}

.list10 img.i61{ animation: moves1 4s infinite linear;}
.list10 img.i62{ animation: moves2 3s infinite linear;}

.list10 img.i71{ animation: moves1 4s infinite linear;}
.list10 img.i72{ animation: moves2 3s infinite linear;}
.list10 img.i73{ animation: moves3 4s infinite linear;}
.list10 img.i74{ animation: moves4 3s infinite linear;}

.list10 img.i13{ animation: dots2 3s infinite linear;}
.list10 img.i14{ animation: dots3 3s infinite linear;}
.list10 img.i15{ animation: dots4 3s infinite linear;}

@keyframes moves1 {
    0%{ transform: translateX(0);}
    50%{ transform: translateX(.1rem);}
    100%{ transform: translateX(0);}
}
@keyframes moves2 {
    0%{ transform: translateX(0);}
    50%{ transform: translateX(-.2rem);}
    100%{ transform: translateX(0);}
}
@keyframes moves3 {
    0%{ transform: translateX(0);}
    50%{ transform: translateX(-.2rem);}
    100%{ transform: translateX(0);}
}
@keyframes moves4 {
    0%{ transform: translateX(0);}
    50%{ transform: translateX(.3rem);}
    100%{ transform: translateX(0);}
}
@keyframes dots2 {
    0%{ opacity: 0;}
    25%{ opacity: 1;}
    50%{ opacity: 1;}
    75%{ opacity: 1;}
    100%{ opacity: 1;}
}
@keyframes dots3 {
    0%{ opacity: 0;}
    25%{ opacity: 0;}
    50%{ opacity: 1;}
    75%{ opacity: 1;}
    100%{ opacity: 1;}
}
@keyframes dots4 {
    0%{ opacity: 0;}
    25%{ opacity: 0;}
    50%{ opacity: 0;}
    75%{ opacity: 1;}
    100%{ opacity: 1;}
}

.hx .fl1{  display: flex; justify-content: center; min-height: calc(100vh - 1.5rem - .76rem); height: calc(100vh - 1.5rem - .76rem)\0; flex-direction: column;}
.list11W{ width: 100%; padding: 0 2.05rem; position: relative; z-index: 1; margin-top: -.5rem;}
.list11W .arrow{ position: absolute; top: 50%; cursor: pointer; margin-top: -.2rem;}
.list11W .arrow img{ height: .4rem; transition: .5s; opacity: .25;}
.list11W .arrow.prev{ left: 1.1rem;}
.list11W .arrow.next{ right: 1.1rem;}
.list11Box{ padding: 0 .24rem; margin: 0 -.24rem;}
.list11 li{ padding: .3rem 0;}
.list11 .a{ display: block; position: relative; z-index: 1;}
.list11 .img .imgLi{ padding-bottom: 135.94%; filter: drop-shadow(0 0 .1rem rgba(1, 1, 1, 0.26));}
.list11 .top{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; justify-content: center; align-items: center;}
.list11 .top .ico{ background: url(../images/list11_b1.jpg) center no-repeat; background-size: cover; width: 1.46rem; height: 1.36rem;display: flex;justify-content: center;align-items: center;}
.list11 .top i{ display: flex; justify-content: center; align-items: center; background: url(../images/list11_b2.jpg) center no-repeat; background-size: cover;width: 1.3rem;height: 1.2rem;border-radius: .04rem;position: relative;z-index: 1;}
.list11 .top i:before{ content: ""; position: absolute; top: .06rem; right: .06rem; bottom: .06rem; left: .06rem; border: #817a61 1px solid; border-radius: .04rem; opacity: .2;}
.list11 .top i img{ max-width: 78%}
.list11 .ar_article{ display: none;}

.vwrap2{/*! display: none; */z-index: 1040000;width: 100%;position: fixed;top: 0;height: 100%;left: 0; opacity: 0;visibility: hidden; transition: .2s;}
.vwrap2.on{  backdrop-filter: blur(20px); opacity: 1;visibility: visible;}
.vwrap2 .videobtg {z-index: 900;position: fixed;width: 100%;height: 100%;left: 0;top: 0;background: #000;opacity: 0.7;overflow: hidden;z-index: -1;}
.vwrap2 .close {z-index: 999;width: .62rem;height: .62rem;cursor: pointer;position: fixed;top: .3rem;right: .3rem;text-align: center;}
.vwrap2 .close i {display: block;transition: .5s;width: 100%;height: 100%;}
.vwrap2 .close i img{transition:.5s;width: 100%;height: 100%;}
.vwrap2 .close i svg path{ fill: #4e3cd6;}
.vwrap2 .close:hover i img{ transform: rotate(180deg); }

.zfbox{ width: calc(4.64rem * 3); height: 6.44rem;position: relative;top: 50%;left: 50%;transform: translate(-54%, -50%);display: flex;}
.zfbox .box{ width: 33.33%; position: relative; z-index: 1;overflow: hidden;}
.zfbox .box .bg1{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1;height: 100%;object-fit: cover;}
.zfbox .box1{ transform-origin: right; transition: 2s;  transform: perspective(900px) rotateY(180deg); z-index: 3; position: absolute; top: 0; left: 0; bottom: 0;}
.zfbox .box2{ position: absolute; top: 0; left: 33.33%; bottom: 0; z-index: 0;}
.zfbox .box3{ transform-origin: left; transition: 2s; transform: perspective(900px) rotateY(-180deg); z-index: 2; position: absolute; top: 0; left: 66.66%; bottom: 0;}

.zfbox .box1 .top{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; justify-content: center; align-items: center; transform: rotateY(180deg);z-index: -1; transition: .5s;}
.zfbox .box1 .top1{ z-index: 1; }
.zfbox .box1 .top .ico{ background: url(../images/list11_b1s.jpg) center no-repeat; background-size: cover; width: 2.44rem; height: 2.26rem;display: flex;justify-content: center;align-items: center; z-index: 2;}
.zfbox .box1 .top i{ display: flex; justify-content: center; align-items: center; background: url(../images/list11_b2s.jpg) center no-repeat; background-size: cover;width: 2.24rem;height: 2.06rem;border-radius: .04rem;position: relative;z-index: 1; transition: .5s;}
.zfbox .box1 .top i:before{ content: ""; position: absolute; top: .06rem; right: .06rem; bottom: .06rem; left: .06rem; border: #817a61 1px solid; border-radius: .04rem; opacity: .2;}
.zfbox .box1 .top i img{ max-width: 78%}
.zfbox .box .con{ position: absolute; top: .4rem; right: .4rem; bottom: .4rem; left: .4rem; border-radius: .05rem;z-index: 1; opacity: 0; visibility: hidden; transition: 1s;padding: .4rem;flex-direction: column;justify-content: space-between;align-items: center;}
.zfbox .box .con:after{ content: ""; position: absolute; top: .14rem; right: .12rem; bottom: .14rem; left: .12rem; border: #d12729 1px solid; border-radius: .05rem; z-index: -1}
.zfbox .box2 .con{ background: url(../images/zfbox_c1.jpg) center no-repeat; background-size: cover;}
.zfbox .box3 .con{ background: url(../images/zfbox_b3.png) center no-repeat; background-size: cover;}
.zfbox .box3 .con::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background: url(../images/zfbox_c2.jpg) center no-repeat; background-size: cover;}
.zfbox .box2 .con .bottom{ width: 100%;text-align: center;}
.zfbox .box2 .con .bottom .ico img{ max-width: 80%}
.zfbox .box2 .con .bottom h6{ font-size: .18rem; color: #d62c2e; font-weight: bold; font-family: 'sys'; line-height: 1.5; margin: .1rem 0 0}
.zfbox .box3 .top{ width: 100%}
.zfbox .box3 .ar_article{ width: 100%; margin: .15rem 0;}
.zfbox .box3 .ar_article p{ font-size: .16rem; color: #333333; line-height: .3rem; margin-bottom: 0; }
.zfbox .box3 .ar_articles{ height: 3rem; overflow: hidden; overflow-y: scroll; }
.zfbox .box3 .ar_articles{overflow:-moz-scrollbars-vertical}
.zfbox .box3 .ar_articles::-webkit-scrollbar{width:0;height:8px;background-color:#f5f5f5}
.zfbox .box3 .ar_articles::-webkit-scrollbar-track{background-color:#e2e2e2}
.zfbox .box3 .ar_articles::-webkit-scrollbar-thumb{background-color:#333}
.zfbox .box3 .con .bottom1{ width: 100%; text-align: right}
.zfbox .box3 .con .bottom1 h5{ font-size: .16rem; color: #333333;letter-spacing: .05rem;margin: 0 -.05rem 0 0;}
.zfbox .box3 .con .bottom1 h6{ font-size: .16rem; color: #333333; margin: .08rem 0 0}

.zfbox .box1 .top1.hide{ opacity: 0;}
.vwrap2.on .zfbox .box .con{ opacity: 1; visibility: visible; transition-delay: 3s;}
/* .vwrap2.on .zfbox .box3 .bg1s{  opacity: 0; visibility: hidden; transition-delay: 2.5s;} */
.vwrap2.on .zfbox .box1{ transform: perspective(900px) rotateY(0deg); transition-delay: .1s;}
.vwrap2.on .zfbox .box3{ transform: perspective(900px) rotateY(0deg); transition-delay: 1.5s;}


.jz{ position: fixed; width: 100vw; height: 100vh; z-index: 1;overflow: hidden;}
.jz .bg1{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background: url(../images/jz_b1.jpg) center no-repeat; background-size: cover; animation: sca 20s linear infinite; transform: scale(1.05)}
@keyframes sca {
    0% {
        transform: scale(1.05);
    }
    50% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.05);
    }
}
.jz .fl1{  display: flex; justify-content: center; min-height: 100vh; flex-direction: column; padding: 1.35rem .92rem 1rem 2.14rem;}
.jz .content{ justify-content: space-between; align-items: center;}
.jz .left h3{ font-size: .48rem; color: #fff; font-family: 'sys'; width: .48rem;}
.jz .center{ width: 44%;}
.list13 li{ width: 50%; padding: 0 3vw; text-align: center;}
.list13 .ico{ width: 1.44rem; height: 1.44rem; position: relative; z-index: 2; margin: 0 auto;transition: .5s;}
.list13 .ico:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: rgba(237,233,213,.7) 1px solid; border-radius: .1rem; z-index: -1; transition: .5s}
.circle1{ opacity: 0; transition: .5s; width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;}
.circle1 span{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: .1rem;
    background: #fff;
    transform: scale(1);
    animation: circleScale1 3s linear infinite;
    transition: .5s;
    z-index: -2;
}

.circle1 span:nth-of-type(2) {
    animation-delay: 1s;
}

.circle1 span:nth-of-type(3) {
    animation-delay: 2s;
}

@keyframes circleScale1 {
    0% {
        opacity: .5;
        transform: scale(1);
    }

    100% {
        opacity: 0;
        transform: scale(1.3, 1.3);
    }
}
.list13 .ico img{position: absolute;top: .12rem;right: .12rem;bottom: .12rem;left: .12rem;transition: .5s;width: calc(100% - .24rem);height: calc(100% - .24rem);z-index: 2;}
.list13 .ico img.i2{ opacity: 0;}
.list13 h3{ font-size: .26rem; color: #fff; line-height: 1.5; font-family: 'sys';margin: .24rem 0 .12rem;}
.list13 p{ font-size: .14rem; color: #fff; line-height: .24rem; text-align: justify;}

.jz .right{ align-items: center;}
.list14 li{ text-align: center;margin-bottom: .32rem;}
.list14 .ico{ margin: 0 auto; width: .86rem; height: .86rem; background: #fff; padding: .05rem; border-radius: .1rem; overflow: hidden;}
.list14 .ico img{ width: 100%; height: 100%; }
.list14 h6{ font-size: .18rem; color: #fff; font-family: 'sys'; line-height: 1.5;margin: .12rem 0 0;}
.more4 .a1{ align-items: center; margin: 0 0 0 .38rem}
.more4 .a1 span{ font-size: .2rem; color: #fff; font-family: 'sys'; line-height: 1.15; display: block; width: .2rem; text-shadow: 2.046px 2.194px 4px rgba(0, 0, 0, 0.61);}
.more4 .a1 img{ margin: 0 0 0 .1rem;width: .12rem;}

.list13 li:hover .ico:before{ background: #fff;border: #6e2b0a 1px solid;}
.list13 li:hover img.i1{ opacity: 0;}
.list13 li:hover img.i2{ opacity: 1;}
.list13 li:hover .circle1{ opacity: 1}

.ykz{ position: fixed; width: 100vw; height: 100vh; z-index: 1;overflow: hidden;}
.ykz .bg1{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background: url(../images/ykz_b1.jpg) center no-repeat; background-size: cover; animation: sca 20s linear infinite; transform: scale(1.05)}
.list15{ position: fixed; top: 0; right: 0; bottom: 0; left: 0;}
.list15 li{ width: 33.33vw; height: 100%;}
.list15 .a{ width: 100%; height: 100%; flex-direction: column; align-items: center; justify-content: flex-end; padding: 1.6rem .32rem 1.1rem; position: relative; z-index: 1; box-shadow: inset 0 0 .8rem rgba(255,255,255,.3); text-align: center;}
.list15 .a .bg{position: absolute;top: 0;right: 0;height: 0;left: 0;background: url(../images/ibg1.jpg) center;background-size: 1.8rem 1.8rem;background-attachment: fixed;transition: 1s;z-index: -1;width: 100%;}
.list15 .a::before{ content: ""; position: absolute; top: 0; bottom: 0; right: 0; width: 1px;z-index: -1;background: rgba(255,255,255,.4);}
.list15 .a::after{ content: ""; position: absolute; top: 0; bottom: 0; right: 1px; width: 1px;z-index: -1;background: rgba(0,0,0,.15);}
.list15 .a .top{width: 100%;position: absolute;top: 50%;transform: translateY(-50%);transition: 1s;left: 0;padding: 0 .2rem;}
.list15 .a .bottom{opacity: 0;transition: 1s;width: 100%;}
.list15 .a .bottom .img{ width: 100%; border-radius: .1rem;}
.list15 .a .bottom .img .imgLi{ padding-bottom: 68%}
.list15 .a .bottom p{ font-size: .14rem; color: #f5efdb; line-height: .24rem; text-align: justify; margin-bottom: .1rem}
.tit3{ position: relative; z-index: 1;}
.tit3::before{ content: ""; position: absolute; top: 110%; width: 1px; height: 0; background: rgba(255,255,255,.2); margin-left: -.5px; transition: 1s; }
.tit3::after{ content: ""; position: absolute; top: calc(110% + 7vw); width: .22rem; height: .22rem; background: rgba(255,255,255,.2); margin-left: -.11rem; background: url(../images/tit3_i1.png) center no-repeat; background-size: .22rem .22rem; transition: 1s; transform: scale(0);  transform-origin: top;}
.tit3 h3{ font-size: .24rem; color: #fff; font-family: "思源宋体 Regular"; line-height: 1.5; transition: 1s;}
.tit3 h6{ font-size: .16rem; color: #fff; font-family: "思源宋体 Regular"; line-height: 1.5; margin: .04rem 0 0; transition: 1s;}

.list15 li:last-child .a::before, .list15 li:last-child .a::after{ display: none;}

.xqbs{ position: fixed; top: 0; right: 0; z-index: 1;overflow: hidden;bottom: 0;left: 0;}
.xqbs .bg1{position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: -1;background: url(../images/xqbs_b1.jpg) center no-repeat;background-size: cover;animation: sca 20s linear infinite;transform: scale(1.05)}
.list16{ position: fixed; top: 0; right: 0; bottom: 0; left: 0;}
.list16 li{ width: 20%; height: 100%;}
.list16 .a{ width: 100%; height: 100%; align-items: center; padding: 1.6rem 0 1.1rem; position: relative; z-index: 1; box-shadow: inset 0 0 .8rem rgba(255,255,255,.3); text-align: center; overflow: hidden;}
.list16 .a .bg{ position: absolute; top: 0; right: 0; bottom: 0; width: 0; background: url(../images/ibg1s.png) center bottom no-repeat; background-size: 25vw 100vh; transition: 1s; z-index: -1; }
.list16 .a::before{ content: ""; position: absolute; top: 0; bottom: 0; right: 0; width: 1px;z-index: -1;background: rgba(255,255,255,.4);}
.list16 .a::after{ content: ""; position: absolute; top: 0; bottom: 0; right: 1px; width: 1px;z-index: -1;background: rgba(0,0,0,.15);}
.list16 .a .top{ width: 100%;position: absolute;top: 50%;transform: translateY(-50%);transition: .5s;padding: 0 4vw;}

.tit5{ align-items: flex-start}
.tit5 h3{ font-size: .3rem; color: #fff; font-family: 'sys'; width: .3rem; transition: .5s;}
.tit5 h6{ font-size: .16rem; color: #7f7f36; width: .16rem;writing-mode: tb-rl;margin: .6rem 0 0 .22rem;position: relative;padding: .64rem 0 0;}
.tit5 h6:before{ content: ""; position:absolute; top: 0; width: 1px; background: #e2c798; height: .52rem;left: 50%;margin-left: -.5px;opacity: .4;transition: .5s;}

.wccp{ position: fixed; width: 100%; height: 100%; z-index: 1;overflow: hidden;}
.wccp .bg1{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background: url(../images/wccp_b2.jpg) center no-repeat; background-size: cover; }
.wccp .bg2{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background: url(../images/wccp_b3.jpg) center bottom repeat-x; background-size: 200vw auto; }
.wccp .fl1{  display: flex; justify-content: center; min-height: 100%; flex-direction: column; padding: 1.35rem 3.5vw 1rem 3.5vw; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.list17{ width: 66vw;margin: 0 auto;}
.list17 li{ width: 33.33%; padding: 0 .32rem; transition: 1s; position: relative; z-index: 1;}
.list17 .a{ display: block; transition: .5s; position: relative; z-index: 1;}
.list17 .a::after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #e2dfcb; border-radius: .12rem; opacity: 0;}
.list17 .a .fh{ position: absolute; top: 10%; right: 10%;z-index: 2;width: .25rem;cursor: pointer;opacity: 0;visibility: hidden;transition: 1s;}
.list17 .img{ box-shadow: 6.303px 11.37px 13px 0px rgba(64, 49, 24, 0.35); border-radius: .12rem;}
.list17 .img:after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: #401918 1px solid; border-radius: .12rem; transition: .5s}
.list17 .img .imgLi{ padding-bottom: 94.98%;}

.list17.on .a .fh{ opacity: 1; visibility: visible}
.list17.on1 li:nth-child(1) .a::after{ opacity: 0;}
.list17.on1 li:nth-child(2) .a::after{ opacity: .5;}
.list17.on1 li:nth-child(3) .a::after{ opacity: .8;}

.list17.on2 li:nth-child(1) .a::after{ opacity: .8;}
.list17.on2 li:nth-child(2) .a::after{ opacity: 0;}
.list17.on2 li:nth-child(3) .a::after{ opacity: .5;}

.list17.on3 li:nth-child(1) .a::after{ opacity: .8;}
.list17.on3 li:nth-child(2) .a::after{ opacity: .5;}
.list17.on3 li:nth-child(3) .a::after{ opacity: 0;}

.list17.on1 li:nth-child(1){ z-index: 3;}
.list17.on1 li:nth-child(2){ z-index: 1;}
.list17.on1 li:nth-child(3){ z-index: 2;}

.list17.on2 li:nth-child(1){ z-index: 1;}
.list17.on2 li:nth-child(2){ z-index: 3;}
.list17.on2 li:nth-child(3){ z-index: 2;}

.list17.on3 li:nth-child(1){ z-index: 1;}
.list17.on3 li:nth-child(2){ z-index: 2;}
.list17.on3 li:nth-child(3){ z-index: 3;}

/* .list17.on1 li:nth-child(1) .img:after{ border: #401918 .05rem solid;}
.list17.on2 li:nth-child(2) .img:after{ border: #401918 .05rem solid;}
.list17.on3 li:nth-child(3) .img:after{ border: #401918 .05rem solid;} */

/* .list17.on li:nth-child(1){ transform: translate(-15vw, .6rem);}
.list17.on li:nth-child(2){ transform: translate(-32vw, .3rem);}
.list17.on li:nth-child(3){ transform: translate(-49vw, 0rem);} */

.list17.on.on1 li:nth-child(1){ transform: translate(-5vw, 0rem);}
.list17.on.on1 li:nth-child(2){ transform: translate(-37vw, .6rem);}
.list17.on.on1 li:nth-child(3){ transform: translate(-54vw, .3rem);}

.list17.on.on2 li:nth-child(1){ transform: translate(-15vw, .6rem);}
.list17.on.on2 li:nth-child(2){ transform: translate(-27vw, 0rem);}
.list17.on.on2 li:nth-child(3){ transform: translate(-54vw, .3rem);}

.list17.on.on3 li:nth-child(1){ transform: translate(-15vw, .6rem);}
.list17.on.on3 li:nth-child(2){ transform: translate(-32vw, .3rem);}
.list17.on.on3 li:nth-child(3){ transform: translate(-49vw, 0rem);}

.wccp .fl2{display: flex;justify-content: center;min-height: 100%;flex-direction: column;padding: 1.35rem 3.5vw 1rem 0;position: relative;z-index: 1;margin: 0 0 0 37%;opacity: 0;visibility: hidden;transition: 1s 0s;transform: translateY(.6rem);}
.list18Box{ padding-right: .46rem;}
.list18Box .list18{ flex-wrap: wrap; flex-direction: column;}
.list18Box .list18{flex-wrap: wrap;}
.list18{ margin: 0 -.125rem;}
.list18 li{ padding: .14rem .125rem;}
.list18 .a{ display: block; padding: .2rem; border: rgba(64,25,24,.5) 1px solid; background: rgba(255,255,255,.5); border-radius: .1rem; transition: .5s}
.list18 .txt{ position: relative; z-index: 1;}
.list18 h4{ font-size: .18rem; color: #401918;margin: .05rem 0 -.1rem;  }
.list18 .miso-next{ background: url(../images/list18_n.png) center no-repeat; background-size: .36rem .36rem !important; width: .36rem; height: .36rem;right: -.66rem;}

.list18 .a:hover{ background: #ffff; border: rgba(64,25,24,1) 1px solid;}
.wccp .fl2 .bd{ position: relative;}
.wccp .fl2 .bd .bd_li{ opacity: 0; visibility: hidden; transition: .5s;}
.wccp .fl2 .bd .bd_li:nth-child(2), .wccp .fl2 .bd .bd_li:nth-child(3){ position: absolute; top: 0; right: 0; bottom: 0; left: 0;}

.wccp .fl2 .bd .bd_li.active{ opacity: 1; visibility: visible;}
.wccp .fl2.on{ opacity: 1; visibility: visible; transform: translateY(0); transition: 1s 1s;}

.wcbox{ width: 73.4375%; position: relative;top: 50%;left: 50%;transform: translate(-54%, -50%);display: flex; align-items: center; justify-content: space-between;}
.wcbox .left{ width: 10.3rem; max-width: 73.04%;}
.wcbox .left h3{ font-size: .3rem; color: #fff; font-family: 'sys'; line-height: 1.5; margin-bottom: .5rem; text-align: center;}
.wcbox .right{ width: 1.75rem;}

.vwrap3{/*! display: none; */z-index: 1040000;width: 100%;position: fixed;top: 0;height: 100%;left: 0; opacity: 0;visibility: hidden; transition: .2s;}
.vwrap3.on{  backdrop-filter: blur(20px); opacity: 1;visibility: visible;}
.vwrap3 .videobtg{ z-index: 900;position: fixed;width: 100%;height: 100%;left: 0;top: 0;background: #000;opacity: 0.7;overflow: hidden;z-index: -1;}
.vwrap3 .close {z-index: 999;width: .62rem;height: .62rem;cursor: pointer;position: fixed;top: .3rem;right: .3rem;text-align: center;}
.vwrap3 .close i {display: block;transition: .5s;width: 100%;height: 100%;}
.vwrap3 .close i img{transition:.5s;width: 100%;height: 100%;}
.vwrap3 .close i svg path{ /*! fill: #4e3cd6; */}
.vwrap3 .close:hover i img{ transform: rotate(180deg); }

.vwrap3 .tc_hd .img .imgLi{ padding-bottom: 62.46%}

.vwrap3 .tc_bd{ padding: .6rem 0}
.vwrap3 .tc_bd li{ height: 1.58rem;}
.vwrap3 .tc_bd .a{ display: flex; position: relative; z-index: 1;align-items: center;height: 100%;}
.vwrap3 .tc_bd .img .imgLi{ padding-bottom: 80%}
.vwrap3 .tc_bd .img::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #222; opacity: .3; transition: .5s;z-index: 2;}
.vwrap3 .tc_bd .img:after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: #ffffff 3px solid; opacity: 0; transition: .5s;z-index: 3;}

.vwrap3 .tc_bd li.miso-current .img::before{ opacity: 0;}
.vwrap3 .tc_bd li.miso-current .img:after{ opacity: 1;}
.vwrap3 .tc_bd .miso-arrow{ width: 1.75rem; height: .52rem; background: #1b2f1e; background-size: .4rem .21rem !important; transition: .5s; -webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);transform: translate(0, 0);}

.vwrap3 .tc_bd .miso-arrow.miso-prev{ background: #1b2f1e url(../images/vwrap3_p.png) center no-repeat; top: 0;}
.vwrap3 .tc_bd .miso-arrow.miso-next{ background: #1b2f1e url(../images/vwrap3_n.png) center no-repeat; bottom: 0; top: auto;}

.wailian2{position: fixed;right: .4rem;bottom: 1.2rem;z-index: 1000; text-align: center}
.wailian2 .icow{position: relative;z-index: 2;margin-bottom: .2rem;/* width: 0.54rem; *//* height: 0.54rem; */}
.wailian2 .icow .circle{display: block;width: 100%;height: 100%;}
.wailian2 .icow .ico{position: relative;z-index: 1;}
.wailian2 .icow img{position: relative;z-index: 1;width: .54rem;height: .54rem}
.wailian2 h6{ font-size: .2rem; color: B22222; line-height: 1.25; font-weight: 600}
.wailian2 .circle span{background: #095a2a;animation: circleScale1 3s linear infinite;border-radius: 50vw;}
.wailian2 .circle span:nth-of-type(2) {
    animation-delay: 1s;
}

.wailian2 .circle span:nth-of-type(3) {
    animation-delay: 2s;
}
@keyframes circleScale1 {
    0% {
        opacity: .8;
        transform: scale(1);
    }

    100% {
        opacity: 0;
        transform: scale(1.6);
    }
}

.xyfw{ position: fixed; width: 100%; height: 100%; z-index: 1;overflow: hidden;}
.xyfw .bg1{position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: -1;background: url(../images/xyfw_b1.jpg) center no-repeat;background-size: cover;animation: sca 20s linear infinite;transform: scale(1.05)}
.xyfw .fl1{  display: flex; justify-content: center; min-height: 100%; flex-direction: column; padding: 1.35rem 13vw 1rem 13vw;}
.xyfw .fl1 .content{ justify-content: space-between; align-items: center;width: 100%;}
.xyfw .left{ width: 44%;}
.xyfw .right{ width: 49%;}

.list19{ width: 100%;}
.list19 .li{ flex: 1;position: relative;z-index: 1; cursor: pointer; transition: 1s;}
.list19 .li .before{ content: ""; position: absolute; top: 50%; width: 1px; background: url(../images/list19_l.png) center repeat-y; height: 200vh; margin-top: -100vh; z-index: -1;left: 50%;margin-left: -.5px;overflow: hidden;background-size: 1px .2rem;}
.list19 .a{ width: 100%; height: 6.1rem; max-height: 62vh; position: relative; z-index: 1; flex-direction: column; justify-content: space-between; align-items: center;}
.tit6{ position: relative; z-index: 1; padding: .48rem 0 0;}
.tit6 h3{ width: .3rem; font-size: .26rem; color: #fff;font-family: 'sys';position: relative;backdrop-filter: blur(2px); padding: .1rem 0; writing-mode: tb-rl;}
.tit6::after{ content: ""; position: absolute; background: url(../images/list19_i.svg) center no-repeat; background-size: .18rem .2888rem; width: .18rem; height: .2888rem;top: 0;left: 50%;margin-left: -.09rem;}
.tit6 h4{width: 16px;font-size: .16rem;color: rgba(255,255,255,.4);margin: 0 .05rem;writing-mode: tb-rl;/* line-height: 1.25; */}
.tit6 .h4{ position: absolute; right: .5rem; top: .58rem;display: flex;opacity: 0;visibility: hidden;transform: translateY(.3rem);transition: 1s;}

.list19 li:nth-child(1) .tit6{ transform: translateY(1.4rem);}
.list19 li:nth-child(3){ transform: translateY(.6rem);}
.list19 li:nth-child(1) .tit6 h4, .list19 li:nth-child(3) .tit6 h4{ font-size: .14rem;}

.list19 .bottom{position: absolute;top: 4rem;left: 0;/* transform: translateX(-50%); */flex-wrap: nowrap;opacity: 0;visibility: hidden;transition: 1s;}

.list20{flex-wrap: nowrap;flex-direction: column;}
.list20 li{padding: .05rem .05rem;}
.list20 .a1{ display: flex; align-items: center; justify-content: center; width: 1.02rem; height: .34rem; background: #7A282D; border-radius: 50vw; font-size: .16rem; color: #fff; font-family: 'sys';}

.list19 .bottom .ll{ text-align: center}
.list19 .bottom .ll h6{ font-size: .14rem; color: #fff; line-height: .18rem; margin: .1rem 0 0}
.list19 .bottom .ll .ico{ width: .64rem; height: .64rem; display: flex; justify-content: center; align-items: center; position: relative;z-index: 1;}
.list19 .bottom .ll .ico::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/list19_b1.png) center no-repeat; z-index: -1; -webkit-animation:play 15s linear infinite;-moz-animation:play 15s linear infinite;animation:play 15s linear infinite;background-size: cover;}
.list19 .bottom .rr{ background: url(../images/list19_eb.png) center no-repeat;width: 1.49rem;height: 1.39rem;background-size: 100% 100%;padding: .12rem .12rem .12rem .22rem;transform: translateY(-1rem);margin: 0 0 0 .1rem;}
.list19 .bottom .rr img{ width: 100%}

.xyfw .right{ background: url(../images/xyfw_b2.jpg) center no-repeat; background-size: cover; border-radius: .14rem; overflow: hidden;}
.xyfw .right .ll{ width: 20%;text-align: center;padding: .6rem 0 0;}
.xyfw .right .ll h3{ font-size: .3rem; color: #5d4823; font-family: 'sys'; width: .3rem;margin: 0 auto;}
.xyfw .right .rr{ width: 80%; padding: .5rem 0; background: url(../images/xyfw_b3.jpg) center no-repeat; background-size: cover;}
.list21{ padding: 0 .5rem; height: 4.5rem; }
.list21{overflow: hidden;overflow-y: scroll;}
.list21::-webkit-scrollbar{width:2px;height: 0;background-color:rgba(218,218,218,.3)}
.list21::-webkit-scrollbar-track{background-color:rgba(218,218,218,.3)}
.list21::-webkit-scrollbar-thumb{background-color:#b7cfc1}
.list21 li{ margin-bottom: .34rem;position: relative;}
.list21 .h4{ display: flex; align-items: center;}
.list21 h4{ font-size: .2rem; color: #fff; line-height: 1.25;width: auto;max-width: 100%;}
.list21 .h4 span{ display: inline-block; min-width: .8rem; height: .24rem; background: #bbad95; border-radius: 50vw;font-size: .14rem;color: #0a4c20;font-family: "思源宋体 Regular";line-height: .24rem;text-align: center;padding: 0 .1rem;margin: .05rem 0 .05rem .1rem;}
.list21 p{ font-size: .14rem; color: rgba(255,255,255,.8); line-height: .24rem;position: relative; padding: 0 0 0 .12rem;}
.list21 .p{ margin: .1rem 0 0; position: relative; z-index: 1;}
.list21 p::before{ content: ""; position: absolute; width: .06rem; height: .06rem; background: rgba(255,255,255,.8); border-radius: 50vw;left: 0;top: .1rem;}

.list19 li:hover{flex-grow: 3;z-index: 2}
.list19 li:hover .h4{ opacity: 1; visibility: visible; transform: translateY(0);}
.list19 li:hover .bottom{ opacity: 1; visibility: visible;}

.contact{ position: fixed; width: 100%; height: 100%; z-index: 1;overflow: hidden;}
.contact .bg1{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background: url(../images/contact_b1.jpg) center no-repeat; background-size: cover; animation: sca 20s linear infinite; transform: scale(1.05)}
.contact .fl1{  display: flex; justify-content: center; min-height: 100%; flex-direction: column; padding: 1.35rem 13vw 1rem 13vw; position: fixed; width: 100%; top: 0; left: 0}
.contact .content{ background: url(../images/contact_b2.png) center no-repeat; background-size: cover; width: 7.4rem; /*! max-width: 50vw; */ padding: .34rem .3rem; border-radius: .12rem; box-shadow: 0px 1px 43px 0px rgba(0, 86, 31, 0.04);}
.contact .top{ margin-bottom: .5rem; align-items: center;}
.contact .top .left{ width: 2.75rem; padding: 0 .3rem 0 0; margin: 0 .3rem 0 0; position: relative;}
.contact .top .left::before{ content: ""; position: absolute; top: 50%; width: 1px; height: .96rem; background: #fff6cb;right: 0;transform: translateY(-50%);opacity: .2;}
.contact .top h3{ font-size: .24rem; color: #edb91b; font-family: 'sys'; margin-bottom: .14rem;}
.contact .top p{ font-size: .18rem; color: #f6f0dd; line-height: .3rem; font-family: 'sys';}
.contact .top .right h4{ font-size: .2rem; color: #f6f0dd; line-height: 1.5}
.contact .top .right h4 span{ display: inline-block; width: .96rem; font-family: "思源宋体 Regular"; color: #edb91b}
.contact hr{ background: #fff6cb;margin: .15rem 0;opacity: .2;}

.list22{ margin: 0 -.16rem;}
.list22 li{ padding: 0 .16rem; text-align: center;}
.list22 .ico{ background: url(../images/list22_b.png) center no-repeat;width: 1.1rem;height: 1.19rem;padding: .03rem .03rem .12rem;}
.list22 .ico img{ width: 100%; height: 100%; border-radius: .06rem}
.list22 h6{ font-size: .16rem; color: #f6f0dd; line-height: 1.5; font-family: "思源宋体 Regular"; margin: .2rem 0 0;}

.zfsp{ position: fixed; width: 100vw; height: 100vh; z-index: 1;overflow: hidden;}
.zfsp .fl1{ display: flex; justify-content: center; min-height: calc(100vh - 1.5rem - .76rem); height: calc(100vh - 1.5rem - .76rem)\0; flex-direction: column; padding: 0;}

.list23{ align-items: center; margin-left: calc((4.24rem - 6.9rem)/2); }
.list23 li{ width: 4.24rem; height: 4rem; transition: .5s; display: flex; align-items: center;}
.list23 .a{ display: block; width: 100%;}
.list23 .img{  overflow: hidden;}
.list23 .img .imgLi{ padding-bottom: 57.44%}
.list23 .img::before{ z-index: 1; content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/list5_v.png) center no-repeat; background-size: .59rem .37rem; opacity: 0; transition: .5s}
.list23 .img::after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; background: #03240f; opacity: .3; transition: .5s}
.list23 li.swiper-slide-active{ width: 6.9rem;}
.list23 li.swiper-slide-active .img{ border-radius: .2rem; border: #c3b57b 1px solid;}
.list23 li.swiper-slide-active .img::before{ opacity: 1}
.list23 li.swiper-slide-active .img::after{ opacity: 0}

.qhBox{ align-items: center; justify-content: space-between; width: 8.32rem; margin: .52rem auto 0;}
.qhBox .swiper-scrollbar{height: .05rem;background: #036125;flex: 1;margin: 0 .38rem;overflow: hidden;}
.qhBox .swiper-scrollbar .swiper-scrollbar-drag{background: #edb91b;}
.qhBox .arrow{ width: .4rem; height: .4rem; cursor: pointer;}
.qhBox .arrow img{ opacity: .3; transition: .5s; width: 100%; height: 100%;}

.m_header{ display: none;}
.m_header{width: 70px;height: 100%;position: fixed;top: 0;left: 0;z-index: 1000000;transition: .6s;bottom: 0;}
.m_header .bg{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background: url(../images/m_header.jpg) center; background-size: 3.11rem 7.5rem;}

.m_header .tit{width: 70px;height: 100%;flex-direction: column;align-items: center;justify-content: space-between;padding: .3rem 0;}
.m_header .tit h3{font-size: .4rem;color: #edb91b;width: .46rem;font-family: 'sys';line-height: 1.05;text-align: center;}
.m_header .tit img{height: 26px;}
.m_header .box{width: 170px;padding: 0 0;border-left: rgba(255,255,255,.2) 1px solid;height: 100%;transform-origin: left;transition: .6s;transition-delay: .6s;transform: perspective(900px) rotateY(90deg);}
.m_header ul{ height: 100%;  overflow: scroll;}
.m_header ul li{ line-height: 2;padding: 15px;border-bottom: rgba(255,255,255,.2) 1px solid;}
.m_header ul li h3{font-size: 18px;color: #edb91b;font-family: 'sys'}
.m_header ul li dl dd>a{font-size: 14px;color: #f5efdb;font-family: 'sys'}
.m_header ul li dl dd .con a{font-size: 12px;color: #d7c386;font-family: 'sys';display: block;}

.m_header.active{ width: 240px;}
.m_header.active .box{ transform: perspective(900px) rotateY(0deg);}

.yxy{ height: calc(100vh - .76rem);}
.yxy .zoom .image{ position:fixed; top:0; right:0; bottom:.76rem; left:0}
.yxy .zoom .image .img1{ width: 100%; height: calc(100vh - .76rem); object-fit: cover;}

.yxy .zoom .video1{position:fixed;top:0;right:0;bottom: 0;left:0;width: calc(100% - 70px);height: 100%;display: none;object-fit: cover;z-index: 100;}

.yxy .zoom .image.image-1{ transform-origin: top}
.yxy .zoom .image.image-1 .img1{ height: 150vh; margin-top:-50vh}
.yxy .zoom .image.image-1 img.i2{ position:absolute; top:0; right:0; left:0}
.yxy .zoom .image.image-3{ transform-origin: right}
.yxy .zoom .image.image-4{ transform-origin: right}
.yxy .zoom .image.image-5{ transform-origin: left}
.yxy .zoom .image.image-6{ transform-origin: right}
.yxy .zoom .image.image-7{ transform-origin: left; pointer-events: none;}

.yxy .zoom .image .yunBox{ position: fixed; z-index: 100; }
.yxy .zoom .image .yun img{ width: 100%;}

#cloud1{ top: 74.5%; left: 0;}
#cloud2{ top: 59.5%; right: 0;}
#cloud3{ top: 44.5%; left: 45%;}
#cloud4{ top: 25.5%; left: 43%;}

.yxy .zoom .image .yunBoxs{ position: fixed; z-index: 100;top: 0;left: 0;bottom: 0;right: 0; opacity: 0;}
#cloud5 img{ position: absolute;max-width: 69vw; }
#cloud5 img:nth-child(1){ top: 23%; left: 25%; max-width: 21vw; animation: yuns1 15s infinite;}
#cloud5 img:nth-child(2){ top: 36%; left: 35%; max-width: 28vw; animation: yuns4 15s infinite;}
#cloud5 img:nth-child(3){ top: 41%; left: 18%; max-width: 16vw; animation: yuns2 15s infinite; opacity: 0;}
#cloud5 img:nth-child(4){ top: 68%; left: 70%;max-width: 37vw; animation: yuns3 15s infinite; }
#cloud5 img:nth-child(5){top: 80%;left: 45%;max-width: 29vw;animation: yuns1 15s infinite; }
#cloud5 img:nth-child(6){top: 78%;left: 76%;max-width: 45vw;animation: yuns2 15s infinite; opacity: 0;}
#cloud5 img:nth-child(7){top: 82%;left: -41%;animation: yuns4 15s infinite;}

@keyframes yuns1{
    0% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(-6%);
    }
    100% {
        transform: translateX(0);
    }
}
@keyframes yuns2{
    0% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(6%);
    }
    100% {
        transform: translateX(0);
    }
}
@keyframes yuns3{
    0% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(-10%);
    }
    100% {
        transform: translateX(0);
    }
}
@keyframes yuns4{
    0% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(10%);
    }
    100% {
        transform: translateX(0);
    }
}

.xiaoqu{ position:fixed; top: 20vh; right: 4vw; z-index: 1000; opacity: 0;}
.xiaoqu li{ width: .72rem; margin: 0 .15rem;}
.xiaoqu li .a{ display: block; width: 100%; font-size: .3rem; color: rgba(25,76,88,.7); font-family: "思源宋体 Regular";padding: .2rem .1rem;text-align: center; position: relative; z-index: 1}
.xiaoqu li .a:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; width: 100%; background: url(../images/xiaoqu_b.png) center top no-repeat; background-size: 100% auto; height: .07rem; opacity: 0; transition: .5s;}
.xiaoqu li .a:after{content: ""; position: absolute; top: 0; right: .1rem; bottom: .2rem; opacity: 0; transition: .5s; width: 1px; background: #c0010a; }
.xiaoqu li .a img{ width: .22rem; margin: .26rem 0 0; opacity: 0; transition: .5s;}

.xiaoqu li .a:hover{ color: #194c58; font-family: 'sys';}
.xiaoqu li .a:hover:before, .xiaoqu li .a:hover:after{ opacity: 1;}
.xiaoqu li .a:hover img{ opacity: 1;}

.bkpygk .fl1 .ar_article{ overflow: hidden; position: relative;/*-webkit-mask: linear-gradient(0deg, transparent, #fff 80%, #fff 100%);mask: linear-gradient(0deg, transparent, #fff 80%, #fff 100%);*/}
.bkpygk .ar_article img{ position: absolute; bottom: 0; right: 0; left: 0;opacity: 0;}
.bkpygk .ar_article p{ text-indent: .4rem;}
.bkpygk .fl1 .ar_article.on{ height: auto; -webkit-mask: none;mask: none;}

.bkpygk .down1{ text-align: center; width: .29rem; margin: 0 auto;cursor: pointer; -webkit-animation: shubiao1 1.4s infinite linear; animation: shubiao1 1.4s infinite linear;}
.bkpygk .down1 img{ width: 100%}

.tit7{ justify-content: space-between; align-items: center; margin-bottom: .5rem;}
.tit7 h3{ font-size: .36rem; color: #0a5f27; line-height: 1.5; font-family: 'sys'; }
.tit7 .a1{ display: flex; width: 1.46rem; height: .4rem;  align-items: center; justify-content: center; border-radius: 50vw; border: #cbcbcb 1px solid; font-size: .2rem; color: #333333;transition: .5s;}               

.bkpygk .fl2{ padding: .6rem 0;}
.tit8{ text-align: center; margin-bottom: .4rem;}
.tit8 h3{ font-size: .3rem; color: #0a5f27; line-height: 1.5; font-family: 'sys'; }
.tit8 h4{ font-size: .2rem; color: #0a5f27; line-height: 1.5; font-family: 'sys'; }

.zyjxtx{ position: fixed; width: 100vw; height: 100vh; z-index: 1;overflow: hidden;}
.zyjxtx .fl1{ position: fixed; top: 0; right: 0; bottom: .76rem; left: 0;}
.zyjxtx .fl1 .left{ width: 70%; height: 100%;}
.zyjxtx .fl1 .left *{ height: 100%;}
.zyjxtx .fl1 .right{ width: 30%; height: 100%;align-items: flex-end;}

.list25{ width: 100%;}
.list25 li{ position: relative; z-index: 1;}
.list25 .a{ display: block; position: relative; z-index: 2; transition: .5s;background: #034b1d;}
.list25 .a::before{ content: ""; position: absolute; bottom: 0; right: 0; left: 0; height: 1px; background: rgba(255,255,255,.1); z-index: 1;}
.list25 .img .imgLi{ padding-bottom: 30%;transform: scale(1) !important;filter: blur(4px);opacity: .7;}
.list25 .img::after{ content: ""; position: absolute; top: 0; width: 100%; bottom: 0; right: 0; background: url(../images/ibg1.jpg) center; background-size: 1.8rem 1.8rem;background-attachment: fixed; transition: 1s;}
.list25 li.active .img::after{ right: -101%;-webkit-transition: 1s;transition: 1s;-webkit-transition-timing-function: var(--ease-in-out-b);transition-timing-function: var(--ease-in-out-b);}

.list25 .top{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: space-between; padding: 0 .5rem 0 .62rem;}
.list25 .top::after{ content: ""; position: absolute; top: 50%; width: 0; height: 1px; background: #edb91b; transition: .5s; left: -.6rem; opacity: 0;}
.list25 h4{ font-size: .26rem; color: #e2c798; line-height: 1.5; transition: .5s; transform-origin: left;}
.list25 span{ font-size: .5rem; color: #0a7733; line-height: 1.5; font-family: "Microsoft Yahei"; font-weight: bold; transition: .5s; }

.list25 li.active{ z-index: 2;}
.list25 li.active .a{ box-shadow: 0 0 .35rem #149643;}
.list25 li.active .top::after{ width: .95rem; opacity: 1;}
.list25 li.active h4{ transform: scale(1.2); color: #edb91b; font-weight: 600;}
.list25 li.active span{ color: #edb91b;}

body, html{width: 100%;}

.guide #container{ background: #000; /*pointer-events: none;*/ min-height: 100vh;display: block\0;}
.guide .n_pb1, .guide .djs, .guide .lang, .guide .tit1{ opacity: .4;}
.guide .pc_hbs #header{ background: none;}
.guide footer .fl1{ background: url(../images/footer_b1s.png) center no-repeat;  background-size: 100% 100%;}
.guide_img{ max-height: initial !important; height: .61rem !important; max-width:  initial !important; display: none;}
.guide1{ position: absolute; top: 120%; left: 0; transform: scale(1.2)}
.guide2{ position: absolute; top: 72%; left: 0;}
.guide3{ position: absolute; top: 200%; right: -.3rem;}
.guide4{ position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%);}
.guide5{ position: absolute; bottom: 190%; right: -.3rem;}
.gw{ position: relative;}

.zdl{ display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 100000000;}
.guide .zdl{ display: flex; align-items: center; justify-content: center;}
.guide6{ height: .78rem; cursor: pointer; display: none;}

.guide .guide_img{ display: block;}
.guide .guide6{ display: block;}
#portfoliolist .portfolio{display:none; overflow:hidden;}
.miso_sc ul{display: flex;flex-wrap: wrap;border-bottom: rgba(245,239,219,.2) 1px solid;padding: 0 0 0 15%;}
.miso_sc ul li{margin: 0 .4rem 0 0;padding: .35rem 0;font-family: 'sys'; cursor: pointer;}
.miso_sc ul li h5{font-size: .24rem;color: #d7c386;position: relative;padding: 0 0 0 .15rem;font-family: 'sys';transition: .5s;}
.miso_sc ul li h5:before{content: "";position: absolute;left: 0;top: 50%;width: .04rem;height: .04rem;background: #d7c386;border-radius: 50vw; transition: .5s;}

.miso_sc ul li.active h5{ color: #edb91b; text-shadow: 2.046px 2.194px 1px rgba(0, 45, 16, 0.9);}
.miso_sc ul li.active h5:before{  box-shadow: 2.046px 2.194px 1px rgba(0, 45, 16, 0.9);}
#portfoliolist1 .portfolio{display:none; overflow:hidden;}

.yxy .zoom .image .fcsBox{ position: fixed; z-index: 100;top: 0;left: 0;bottom: 0;right: 0; opacity: 0;}
#fcsBox img{ position: absolute;max-width: 69vw; }
#fcsBox img:nth-child(1){top: 54%;left: 55%;max-width: 12vw;}
#fcsBox img:nth-child(2){top: 54%;left: 70%;max-width: 13vw;}

.detail1 .fl1{ padding: .36rem 0;background: url(../images/ibg1.jpg) center;background-attachment: scroll;background-size: auto;background-size: 1.8rem 1.8rem;background-attachment: fixed;}
.detail1 .ar_tit{ border-bottom: #edb91b .08rem solid; padding: .15rem 0;display: inline-block;margin: 0 auto}
.detail1 .ar_tit h3{ font-size: .48rem; color: #f5efdb;  line-height: 1.5;font-family: 'sys';}

.detail1 .fl2{ padding: .3rem 0 1rem;margin-bottom: .76rem;min-height: 4.6rem;}

.page2{ justify-content: space-between; align-items: center; margin: .8rem -.15rem 0;}
.page2 .box{ font-size: .2rem; color: #edb91b;}
.page2 .box img{ width: .53rem; margin: 0 .15rem;;}

.detail3{ padding: .94rem 0 1rem;}
.detail3 .ar_article table th{ text-align: center; font-size: .3rem;}
.detail3 .ar_article table td{ text-align: center;padding: .22rem 2vw;}
.detail3 .ar_article table a{ color: #333333;transition: .5s;}
.detail3 .ar_article table a:hover{ color: #edb91b;}