@charset "utf-8";

/*校庆动态媒体报道校庆视频校庆新闻日程安排通知公告百年峥嵘中山手创世纪中大今日中大百年树人教学概况本科招生主动学习卓越教学学术沿革学者档案学科档案科研档案祝福捐赠捐赠贺信祝福视频云校园云看展云上中大本科生研究生继续教育校庆服务校庆标识文创产品校友服务联系我们关闭国际化办学*/
/*人文学部社会科学学部经济与管理学部工学部信息学部医学部中山大学国际化办学校史陈列馆博物馆世纪邮传展孙中山纪念馆送祝福祝福视频贺信活动回顾活动预告Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz电子邮箱邮政编码微信公众号微博视频号抖音校友服务大厅为了更好的体验，请使用横屏游览中山大学百年之旅即将展开！中山大学珠海校区中山大学深圳校区中山大学北校区中山大学东校区中山大学南校区国际化办学广州校区南校园校庆动态媒体报道校庆视频校庆新闻日程安排通知公告百年峥嵘中山手创世纪中大今日中大百年树人教学概况本科招生主动学习卓越教学学术沿革学者档案学科档案科研档案祝福捐赠捐赠贺信祝福视频云校园云看展云上中大本科生研究生继续教育校庆服务校庆标识文创产品校友服务联系我们关闭国际化办学*/

.h4s1{font-size: .2rem;color: #f5eeda;line-height: .36rem; transition: .5s;width: 100%; font-family: 'sys';}
.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: .75rem;}
.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(7,80,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(7,80,34,.6);border-radius: 0; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 60px;padding: 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}

@media(min-width: 1024px){
    .miso_wzmap li dl dd a:hover{ color: #02601e;font-family: 'sys';}
    .slide_down_nav_content.on .miso_wzmap li:hover h3 a:before{opacity: 1;}
    .slide_down_nav_content.on .miso_wzmap li:hover h3 a{ font-family: 'sys'}
    .slide_down_nav .close:hover:before{ top: -.06rem; right: -.06rem; bottom: -.06rem; left: -.06rem}
}

/*网站地图*/

.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;}


@media(min-width: 1024px){
    .a:hover .slow .imgLi, a:hover .slow .imgLi, .slow:hover img{ transform: scale(1.08); }
}
@media(max-width: 1600px){
}
@media(max-width: 1024px){	
	html::-webkit-scrollbar{width:0;}
}
@media(max-width: 800px){
	#gotop{ right:0; transform:scale(0.7)}
    .scroll{ overflow: hidden; overflow-x: scroll;}
    .ar_article{font-size: .18rem; }
    .ar_article td, .ar_article th{ font-size: .18rem;}

    .ar_article1 p{text-indent: .36rem;}
    
}
@media(max-width: 560px){
	
}

.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{height: .76rem;bottom: 0;left: 0;right: 0;}
footer .fl1{ background: url(../images/footer_b1.png) center no-repeat; height: .95rem; position: fixed; bottom: 0; left: 0; right: 0; z-index: 100000;padding: .19rem 0 0; background-size: 100% 100%;}
footer .wp{ height: .76rem;align-items: center;justify-content: space-between;width: 96%;max-width: 96%;}
.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}

@media(min-width: 1024px){
    .list3 .a:hover::before{ width: 100%; background: #0d400a; left: 0; right: auto;}
    .list3 .a:hover h4, .list3 .a:hover .time1{ color: #d7c386;}
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
}
@media(max-width: 560px){
} 

.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: #054d20 .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: #054d20 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: #054d20; 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: #054d20; 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);}

@media(min-width: 1024px){
    .list_pp .a:hover::before{ -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: beat .6s 1; animation: beat .6s 1; }

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



.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: #012d11;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;}

@media(min-width: 1024px){
    .list4 .a:hover .img{ box-shadow: 0px 9px 22.8px 1.2px rgba(0, 79, 29, 0.26);}
    .list4 .a:hover h4{ color: #035822;}
    .list4 .a:hover::before{ height: calc(100% + .8rem); top: -.4rem; bottom: auto;}
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
}
@media(max-width: 560px){
} 


.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;}
 
@media(max-width: 560px){
    .pages{ margin-top: .4rem;}
}

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

.detail .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;}
.detail .ar_tit{ border-left: #edb91b .08rem solid; padding: .25rem 0 .25rem .3rem}
.detail .ar_tit h3{ font-size: .36rem; color: #f5efdb;  line-height: 1.5}
.detail .ar_tit h6{ font-size: .16rem; color: #f5efdb; line-height: 1.5; margin: .15rem 0 0}
.detail .ar_tit h6 span{ margin: 0 .4rem 0 0}
.detail .fl2{ padding: .8rem 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;}

.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); }
@media(max-width: 992px){
    .vwrap1 .videobox{width: calc(100% - 30px);left: 15px;margin-left: 0;padding: 15px;border-radius: .2rem;}
    .vwrap1 .videobox #videobox{ border-radius: .1rem}
	.vwrap1 .close{top: .5rem;right: .5rem;width: .4rem;height: .4rem;}
	.vwrap1 h4{ font-size: .22rem}
}
.ibg2s{ background: #fff url(../images/ibg2.png) center bottom no-repeat; background-size: 100% auto}


@media(min-width: 1024px){
    .list5 .a:hover{ box-shadow: 0px 1px .4rem 0px rgba(183, 183, 183, 0.42);}
    .list5 .a:hover::before{ height: 100%; top: 0; bottom: auto; background: #054d20;}
    .list5 .a:hover h4{ color: #fff;}
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
}
@media(max-width: 560px){
} 

.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: #054d20; 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: #054d20; 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;}

@media(min-width: 1024px){
    .more2:hover{ background: #973435; box-shadow: 0px 0 .1rem rgba(0, 0, 0, 0.24);}
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
}
@media(max-width: 560px){
} 

.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;}
}

@media(min-width: 1024px){
    .list6 li:hover .img{ box-shadow: 0 0 0.25rem rgba(226,199,152,.5);}
    .list6 li:hover .more3:before{ width: 100%}
    .list6 li:hover .more3{ color: #e2c798;}
    .list6 li:hover .more3 img{ transform: translateX(0rem) rotate(90deg);}

    .list6W .swiper-scrollbar-drag:hover{ top: -.04rem; bottom: -.04rem; }
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
}
@media(max-width: 560px){
} 
.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;}
@media(min-width: 1024px){
    .list7 .a:hover .txt::before{ border-left: transparent 1px solid; border-right: transparent 1px solid; }
    .list7 .a:hover::before{ opacity: 1;}
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
}
@media(max-width: 560px){
} 

.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;}


@media(min-width: 1024px){
    .list9 .a:hover{ box-shadow: 0px .08rem .18rem 0px rgba(19, 33, 13, 0.5); transform: scale(1.08);}
    .list9 .a:hover .txt{ background: #983537;}
    .list9 .a:hover h4{ color: #fff}
    .list9 li:hover:after{ border: #983537 2px solid; background: #e2c798; box-shadow: 0 0 .05rem rgba(255,255,255,.35); transform: scale(1); opacity: 1;}
    .list9W .arrow:hover img{ opacity: 1;}

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

.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%; }
.zfbox .box3 .ar_article p{ font-size: .16rem; color: #333333; line-height: .3rem; margin-bottom: 0; }
.zfbox .box3 .ar_articles{ height:5rem; overflow: hidden; overflow-y: scroll; }
.zfbox .box3 .ar_articles iframe{    width: 100%;height: 5rem;}
.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;}

@media(min-width: 1024px){
    .list15 li:hover .tit3::before{ transition: 1s 1s;} 
    .list15 li:hover .tit3::after{ transition: 1s 1.5s;} 
    .list15 li:hover .a .top{ transform: translateY(calc(-50% - 13vw))}
    .list15 li:hover .a .bottom{ opacity: 1;}
    .list15 li:hover .a .tit3::before{ height: 7vw;}
    .list15 li:hover .a .tit3::after{ transform: scale(1);}
    .list15 li:hover .a .bg{ height: 100%;}
    .list15 li:hover .a .tit3 h3{ font-size: .36rem; color: #f5efdb; font-family: 'sys';}
    .list15 li:hover .a .tit3 h6{ color: #f5efdb; }
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
}
@media(max-width: 560px){
} 

.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: 16.666%; 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;word-break: break-all;}
.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;}

@media(min-width: 1024px){
    .list16 li:hover .a .bg{ right: auto; left: 0; width: 100%;}
    .list16 li:hover .a .tit5 h3{ color: #e8d19f;}
    .list16 li:hover .a .top{ transform: translateY(-54%);}
}

.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: #054d20; 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);
    }
}

@media(min-width: 1024px){
    .list18 .a:hover .txt::after{ background: url(../images/list18_ico_on.png) center no-repeat;}


    .vwrap3 .tc_bd .miso-arrow.miso-prev:hover{ background: #edb91b url(../images/vwrap3_p.png) center no-repeat;}
    .vwrap3 .tc_bd .miso-arrow.miso-next:hover{ background: #edb91b url(../images/vwrap3_n.png) center no-repeat;}
}

.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;}
@media(min-width: 1024px){
    
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
}
@media(max-width: 560px){
} 

.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%;}
@media(min-width: 1024px){
    .qhBox .arrow:hover img{ opacity: 1;}
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
}
@media(max-width: 560px){
} 

.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'; }
@media(min-width: 1024px){
    .tit7 .a1:hover{ border: #045722 1px solid; background: #045722;color: #fff;}
}

.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;}



/*公共css*/
@media(max-width: 1024px){
    .h4s0{font-size: .2rem !important;line-height: .3rem !important;}
    .h4s1{font-size: .2rem !important;line-height: .24rem !important;max-height: .24rem\0 !important;}
    .h4s2{font-size: .2rem !important;line-height: .3rem !important;max-height: .6rem\0 !important;}
    .h4s3{font-size: .2rem !important;line-height: .3rem !important;max-height: .9rem\0 !important;}

    .ps0{font-size: .16rem !important;line-height: .26rem !important;}
    .ps1{font-size: .16rem !important;line-height: .26rem !important;max-height: .26rem\0 !important;}
    .ps2{font-size: .16rem !important;line-height: .26rem !important;max-height: .52rem\0 !important;}
    .ps3{font-size: .16rem !important;line-height: .26rem !important;max-height: .78rem\0 !important;}
    .ps4{font-size: .16rem !important;line-height: .26rem !important;max-height: 1.04rem\0 !important;}
    .ps5{font-size: .16rem !important;line-height: .26rem !important;max-height: 1.3rem\0 !important;} 
} 

@media(max-width: 1200px){
    #nav ul li .h3{ font-size: .2rem;}
}
body, html{width: 100%;}
@media(max-width: 1024px){
    #nav{ display: none;}
    footer{ display: none;}
    .lang{ margin: 0 .4rem 0 .2rem;}
    .miso_wzmap li h3 a{ padding: 0 0;width: .32rem;}
    .miso_wzmap li dl{ margin: 0; padding: .3rem 0 0}
    .miso_wzmap li dl dd a{ font-size: .3rem}
    .miso_wzmap li{ flex-direction: column;align-items: center;}
    .miso_wzmap li dl dd{ padding: 0 .6vw}

    .m_header{ display: flex;}
    #header .right { display: none;}
    .logo{ right: 15px;left: auto;transform-origin: right center;transform: scale(.6) translateY(-80%);}

    body{padding-left: 0;}
    
    .szda{ width: calc(100vw - 70px); height: auto;position: relative;}
    .list7W{padding: 0 .6rem;}

    .list3 .a{ padding: 0 8%;}
    .m_header .tit h3{font-size: 20px;margin-top: -.75rem;}
    .list3 .time{ font-size: 12px;width: 80px;}
    .list3:after{ left: 23%}
	#portfoliolist.list3 .time{width: 136px;}

    #header .wp, .pc_hbs{height: 60px;display: none;}
    .rcap .more{bottom: 20px;display: none;}
    .m_header .tit{ width: 70px;}
    #container{ padding-left: 70px;}
    .bannerBox{ width: calc(100% - 70px);}
    /* .detail .ar_tit h3{ font-size: 22px}
    .detail .ar_tit h6{ font-size: 13px} */
    .detail .fl1{ padding: 20px 0;}
    .detail .ar_tit h3{ font-size: .26rem}
    #header{width: calc(100% - 70px);display: none;}
    .linsvg{ top: 50%;}
    .detail .ar_tit{ padding: .1rem 0 .1rem .3rem}

    .detail .fl2, .n_pad1{ margin-bottom: 0;}
    .detail .fl2{ padding: .5rem 0 .6rem}

    .list4 .img{width: 3.26rem;}
    .list4 .text{ margin-left: .4rem;}
    .pages{ margin: .5rem 0 0;}
    .list4 li{ margin-bottom: .6rem;}

    .tit2 h3{ font-size: .4rem;}
    .xqsp .fl1{ padding: .3rem 0;}
    .xqsp .tit2{ margin-bottom: 0;}

    .n_pad1{ padding: .5rem 0 .7rem;}
    .list5 .a{ padding: .2rem;}
    .list5 h4{ margin-bottom: .1rem;}

    .book_box .left{width: 1.9rem;/* display: none; */}
    .book_box .right{width: calc(100% - 1.9rem);padding: 0 32px .35rem;}
    .page_d{ padding: .3rem;}
    .list_shu .time h3{ font-size: .4rem;}
    .list_shu h4{ font-size: .24rem;line-height: .36rem;}
    .list_shu .ar_article{padding: 0 .15rem 0 0;height: calc(.28rem * 8);}
    .list_shu .ar_article p{line-height: .28rem !important;}
    .flipbook{min-height: 4.2rem;}

    
    .list_shu .time{margin-bottom: .4rem;}

    .list_shu .ar_article{ margin: .2rem 0;}

    .list6 li.li1 .img{ width: 1.9rem;}
    .list6 h3{ font-size: .3rem;margin-bottom: .15rem;margin-top: .22rem;}
    .list6 li{ width: 2.5rem;padding-bottom: .6rem;}
    .list6 li.li1{ width: 4rem;}
    .list6 li.li1 .txt{ width: calc(100% - 1.9rem);}

    .list6W{ padding: 0 8%;transform: translateY(0);}
    .list6 p{ -webkit-line-clamp: 3;margin-bottom: .1rem;}
    .list6 .time{ bottom: .3rem;height: .45rem;}
    .zyjxtx .fl1{ bottom: 0;left: 70px;}
    .list25 span{ font-size: .36rem;}
    .list25 h4{ font-size: .2rem;} 

    .szda .fl1{padding: .3rem 0 0;}
    .list7 .txt:before{ height: 50vw}

    .list7 p{-webkit-line-clamp: 5;}
    .list7W .arrow{ transform: scale(.6);}
    .list7W .arrow.prev{left: .2rem;}
    .list7W .arrow.next{right: .2rem;}

    .list8 li .title{height: calc((100vh)/4);}
    .list9W{ padding: 0 8%;}
    .list9 li{ padding: .2rem 0 .8rem;}
    .list_sj{ margin-bottom: .2rem;}
    .list9 .txt{ padding: 0 .2rem;}

    .szf{}
    .zf_btn{ max-width: .5rem;}

    .list_pp li:nth-child(2){ transform: translate(-50%,-50%) scale(.5)}
    .list_pp li:nth-child(3){ transform: translate(-50%,-50%) scale(.6)}
    .list_pp li:nth-child(4){ transform: translate(-50%,-50%) scale(.5)}
    .list_pp li:nth-child(5){ transform: translate(-50%,-50%) scale(.5)}
    .list_pp li:nth-child(6){ transform: translate(-50%,-50%) scale(.4)}
    .list_pp li:nth-child(7){ transform: translate(-50%,-50%) scale(.5)}

    .list12 li{ padding: .06rem .1rem;}
    
    .list12Box .scroll{ height: 1.9rem;}
    .tit4 h3{ font-size: .32rem}
    .list12 .txt{ font-size: .18rem}
    .page-2 .btn{ margin: -.25rem 0;transform: scale(.7);}
    .list12Box{ height: 2rem}

    .card_zf{ padding: .3rem .2rem;}
    .card_zfW{ height: 4.8rem;}
    .card_zfW .close{ top: 50%;right: -.8rem;left: auto;transform: translateX(0) translateY(-50%) rotate(-90deg) !important;bottom: auto;}

    .list3:after{ display: none;}
    .m_header ul{ overflow-x: scroll;}
    .zfsp{ width: calc(100vw - 70px);}
    .list23 li.swiper-slide-active{ width: 5rem;height: 3rem;}
    .list23 li{ width: 3rem;height: 3rem;}
    .list23{ margin-left: calc((3rem - 5rem)/2);}

    .list11W{ padding: 0 8%;margin: 0;}
    .list11W .arrow.prev{ left: .1rem}
    .list11W .arrow.next{ right: .1rem}
    
    .hx .fl1{ min-height: calc(100vh - 60px)}

    .zfbox{width: calc(3rem * 3);height: 4.44rem;}
    .zfbox .box .con{ top: .2rem; right: .2rem; bottom: .2rem; left: .2rem;}
    .zfbox .box3 .ar_articles{ height: 3rem;}
.zfbox .box3 .ar_articles iframe{    width: 100%;height: 3rem;overflow: hidden;}
    .zfbox .box3 .ar_article{ margin: .05rem 0 .1rem}

    .book_box, .sjzd .fl1, .szda .fl1, .kyda .fl1, .zfsp .fl1, .hxzzgl .fl1{min-height: 100vh;}
    .hxzzgl .fl1{margin: 0 10%;position: relative;}
    .kyda .fl1{ margin-top: 0}

    .jz .fl1{ padding: 60px 4% 0;}
    .jz{ width: calc(100vw - 70px);}
    .jz .left h3{ font-size: .3rem;}
    .list13 h3{ font-size: .24rem;}
    .list14 h6{ width: 1rem;font-size: .14rem;}
    .jz .center{ width: 56%;}
    .list14 li{ margin-bottom: .2rem}
    .list13 .ico{ width: 1.2rem; height: 1.2rem}
    
    .zfbox .box1 .top .ico{ width: 1.44rem; height: 1.26rem;}
    .zfbox .box1 .top i{ width: 1.24rem; height: 1.06rem;}
    .list13 p{ font-size: .12rem;}

    .yxy{ height: 100vh;}
    .yxy .zoom .image .img1{ height: 100%;}
    .yxy .zoom .image.image-1 .img1{ height: 100%}
    .xiaoqu li{ width: .4rem; margin: 0 .05rem;}
    .xiaoqu li .a{ font-size: .2rem; }

    .yxy .zoom .image{ bottom: 0}

    .list15{ left: 70px;}
    .list15 li{ width: 33.3%;}
    .list16{ left: 70px;}

    .tit5 h3{ font-size: .24rem;}

    .list16 .a{ padding: 80px 5% 0;}
    .list16 .a .top{ top: 80px; transform: translateY(0);}
    .tit5 h6{ font-size: .13rem;}

    .xqbs .bg1{ left: 70px;}
    
    .list17{ width: 80%}

    .wccp{ left: 70px; width: calc(100% - 70px);}
    .wccp .fl2{ margin: 0 4% 0 34%;}

    .wccp .fl2{padding: 0;transform: translateY(0);}
    .list18 .miso-next{ right: -.4rem;}
    .wcbox .right{ width: 1rem;}
    .vwrap3 .tc_bd li{ height: .9rem;}
    .vwrap3 .tc_bd .miso-arrow{ width: 1rem;}
    .wcbox .left h3{ font-size: .24rem; margin-bottom: .2rem;}

    .xyfw{ width: calc(100% - 70px);}
    .xyfw .fl1{padding: 0 4% 0;}

    .list21{height: 2.8rem;padding: 0 .3rem;overflow: scroll;}
    .list21::-webkit-scrollbar{ height: 0}
    .tit6 h3{ font-size: .2rem;}
    .list19 .a{ height: 4.5rem;max-height: inherit;}
    .tit6{ padding: .3rem 0 0;}
    .xyfw .left{}
    .list19 li:nth-child(3){ transform: translateY(.1rem)}
    .list19 li:nth-child(1) .tit6{ transform: translateY(.3rem)}
    
    .list19 .bottom .ll h6{ white-space: nowrap}
    .list19 .bottom .ll h6 br{ display: none}
    
    .list19 .bottom .rr{ transform: translateY(-.3rem)}
    .tit6 .h4{right: .3rem;top: .4rem;height: 2.5rem;}
    .list19 li:nth-child(1) .bottom, .list19 .bottom{top: 3.5rem;}
    
    .contact .fl1{padding: 0 4% 0;left: 70px;}

    .contact{ width: calc(100% - 70px);}
    .bookmark li{height: .45rem;}
    .bookmark li h4{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width: 100%;display: block;font-size: .16rem !important;}
    #cover{ bottom: .25rem}
    .list8 > li.on .fl, .list8 > li:hover .fl{ width: 26% !important}
    .list8 > li.on .fr, .list8 > li:hover .fr{ width: 74% !important}
    .list8 .bottom::before{ width: 26% !important}
    .list8 .bottom::after{width: 74% !important;}
    .list8 .bottom table tr th{ font-size: .13rem !important; line-height: 1.25}
    .list8 .bottom table tr td{ font-size: .13rem !important; line-height: 1.25}

    .qhBox{ margin: .15rem auto 0;}

    #vsb_content div{ height: auto !important}
    body {height: 100%;position: fixed;top: 0;right: 0;bottom: 0;left: 0; min-height: 100%}
    .n_pb1{position: fixed;z-index: 1;overflow: scroll;top: 0;left: 70px;right: 0;bottom: 0;width: auto;height: auto;}
    .szf, .xyfw, .contact, .hxzzgl, .szda{ overflow: hidden}
}
@media(max-width: 800px){
    .wailian2{right: .1rem;bottom: .3rem;transform: scale(0.7);}
}
@media(max-width: 560px){
} 

@media(max-width: 1024px){
    .shu .bannerBox{ height: 100vw;}
    .shu .banner ul li .a .img .imgLi{ padding-bottom: 100vw;}
    .shu .linsvg svg{ height: 70vw;}

    .shu .list8 li .title{height: calc((100vw)/4);}

    .shu .book_box, .shu .sjzd .fl1, .shu .szda .fl1, .shu .kyda .fl1, .shu .zfsp .fl1, .shu .hx .fl1{min-height: 100vw;}
    .shu .m_header .box ul{ height: 100vw;}

    .szda .more10{ width: .3rem}
    .shu .szf{ width: calc(100% - 70px);height: 100%;}
    .shu .list_pp{ height: 100vw;}
    .shu .zfsp{ width: calc(100vh - 70px);}
    
    .shu .zfbox .box3 .ar_articles{ overflow-x: scroll}

    .shu .jz{ width: calc(100vh - 70px);height: 100vw;}
    .shu .jz .fl1{ min-height: 100vw;}

    .shu .yxy{ width: 100vh; height: 100vw;}
    .shu .yxy .zoom .image{ width: calc(100vh - 70px);}
    .shu .yxy .zoom .image .img1{ width: calc(100vh - 70px); height: 100vw;}
.yxy .zoom .image.image-1 .img1{margin-top: 0;opacity: 1 !important;transform: translate(0, 0px) !important;}
    .shu .pin-spacer{ width: calc(100vh - 70px) !important; height: 100vw !important; padding: 0 !important; overflow: hidden !important;}

    .yxy .zoom .image .yunBoxs, .yxy .zoom .image .fcsBox{ opacity: 1 !important}
    
    .shu .ykz{ width: calc(100vh - 70px); height: 100vw;}
    .shu .xqbs{ left: 70px;}
    .shu .xqbs .bg1{ top: 0; left: 0;}
    .book_boxs:before{ background-size: 91% 100%}

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

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

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

    .shu .list18 .miso-next{ right: -.4rem;}

    .shu .contact{ width: calc(100vh - 70px); height: 100vw;}
    
    /*.shu .rcap, .shu .detail, .shu .xqxw, .shu .xqsp, .shu .zssc, .shu .sjzd, .shu .bkpygk, .shu .skda, .shu .kyda, .shu .zfsp, .shu .hx{ height: calc(100vw - 60px); overflow-x: scroll;}

    body.shus, html.shus{ width: auto; height: 100vw}*/

    .shu .hxzzgl .fl1{ min-height: auto; height: 100%}

    .guide #container.shu{  min-height: auto;}
    

    .yxy .zoom .video1{ display: block}
    .xiaoqu.on{ right: 1.4rem; top: .3rem; opacity: 1 !important}
    .hengs .xiaoqu.on{ right: .5rem}

    .ar_wap, #portfoliolist{ display: block}
    .rcap::after{ display: none}
    .list3 {margin: 0 0 .8rem; display: none}
    .ar_wap.list3{ display: block}
    .heng .yxy .zoom .video1{ width: 100%}
    
    .shu #imgdy canvas, .shu #imgdy #img{ transform: rotate(-90deg);}
    
}

.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);}
@media(max-width: 1024px){
.miso_sc ul{ padding: .15rem 8%;}
.miso_sc ul li{margin: 0 .2rem 0 0;padding: .15rem 0;}
}

#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;}

@media(max-width: 1024px){
    .list6W .swiper-scrollbar-drag{ pointer-events: none;}
}