@charset "utf-8";
/*公开始束*/
#loading{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;background:#fff;z-index:100000000}
body{ background:#fff}
* {box-sizing: border-box; -webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-backface-visibility: hidden;}
html{font-size: 100px;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}


.none{display: none;}
.overhide{overflow: hidden}
.clearfix:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0;content:"."}
.fl{float:left}
.fr{float:right}
.poab{position:absolute}
.pore{position:relative}
.text-r{text-align:right}
.text-m{text-align:center}
.text-bold{font-weight: 700;}
.text-light{font-weight:100;}
.text-upper{text-transform: uppercase;}
.text-lower{text-transform: lowercase;}
.text-ver{writing-mode: tr-lr;writing-mode: vertical-lr;}
.bgBox{background-repeat: no-repeat;background-position: center;background-size: cover;}
.abUrl{position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 5;background: rgba(255,255,255,0);}
.flex{display:flex;flex-wrap:wrap;}
.flexjs{display:flex;justify-content:space-between;flex-wrap:wrap;}
.flexc{display:flex;flex-wrap:wrap;align-items: center;}
.flex-left{display:flex;flex-wrap:wrap}
.flex-center{display:flex;flex-wrap:wrap;justify-content: center;}
.flex-right{display:flex;flex-wrap:wrap;justify-content: flex-end;}
.flex-v-center{display:-webkit-flex;display:flex;flex-direction:column;justify-content:center}
.flex-v{display:-webkit-flex;display:flex;flex-direction:column;justify-content:space-between;}
.flex-v-bottom{display: -webkit-flex;display: flex;align-items: flex-end;flex-wrap: wrap;justify-content: left;}

@keyframes sca{
0%{transform: scale(1);}50%{transform:  scale(1.1)}100%{transform:  scale(1)}
}
@keyframes go{
0%{transform: translateX(0);}50%{transform: translateX(10px);}100%{transform: translateX(0);}
}
@keyframes up{
0%{transform: translateY(0);}50%{transform: translateY(-8px);}100%{transform: translateY(0);}
}
@keyframes roted{
0%{transform: rotate(0deg);}100%{transform: rotate(360deg);}
}

#gotop{ display: none !important; position:fixed;bottom: .22rem;right: .1rem;box-sizing:border-box;text-align:center;cursor:pointer;transition:.5s;width: .53rem;height: .53rem;line-height: .68rem;background: #16999c;opacity:1;visibility:visible;overflow:hidden;z-index: 10000;border: #f5be7d 1px solid;display: flex;justify-content: center;align-items: center;}
#gotop.hide{height:0;opacity:0;visibility:hidden}
#gotop svg{width: .22rem;height: .22rem;display: inline-block;fill: #fff;vertical-align: middle;margin: -3px 0 0;transition: .5s;}

.wp {max-width: 15.8rem;margin: 0 auto;width: 94%}
.transImg{display: block;overflow: hidden;}
.transImg img{transition: .5s}
@media screen and (min-width: 1201px){
    .imgBox.trans:hover .img{/* -webkit-transform: scale(1.08); */}
    .ieFiximg.trans:hover img{-webkit-transform: scale(1.1)}
    .imgBox.trans:hover img{transform: scale(1.08);}
    .a:hover .imgBox.trans .img{/* transform: scale(1.08); */}
    .a:hover .imgBox.trans img{ -webkit-transform: scale(1.08)}
    .a:hover .ieFiximg.trans img{ -webkit-transform: scale(1.1)}
    .transImg:hover img{-webkit-transform: scale(1.08)}
    .a:hover .transImg img{-webkit-transform: scale(1.08)}
}

@media (max-width: 1440px) {

}
@media (max-width:1024px){
    .wp{padding:0 15px;width:100%;max-width:100%}
}
@media screen and (max-width:1024px){
    .header .wp{ max-width: 94%; padding: 0}
    html{/* font-size: 85px!important; */}
    .wp{padding: 0 .7rem;}
}
@media screen and (max-width: 640px){
    html{font-size: 85px!important;}
    .wp{padding: 0 15px;}
}
@media screen and (max-width:640px){
    html{font-size: 85px!important;}
}
@media screen and (max-width:480px){
    html{font-size: 85px!important;}
}
@media screen and (max-width:375px){
    html{font-size: 85px!important;}
}
@media screen and (max-width:360px){
    html{font-size: 70px!important}
}
@media screen and (max-width:350px){
    html{font-size: 65px!important}
}
@media(max-width:768px){
    #gotop{ right:0; transform:scale(0.7)}
}

.arc-con{line-height: 2;color: #333333;text-align: justify;}
.arc-con img{max-width: 100%;margin: 0 auto;display: block;height: auto !important;}
.arc-con img.spimg{max-width:inherit;}
.arc-con p{margin-bottom: .15rem;font-size: 0.16rem!important;text-indent: 2em;line-height: 2!important;}
.arc-con p:last-child{ margin-bottom: 0}
.arc-con table{border: 1px solid #eee;min-width: 640px;margin-left:0!important;width: 100%;background: #fff}
.arc-con table tr th,.arc-con table tr td{border: 1px solid #eee!important;padding: 15px;text-align: center;}

.h4s1{font-size: .2rem;color: #333;line-height: .26rem;transition: .5s;width: 100%;-webkit-transition: all 0.5s;transition: all 0.5s;}
.h4s2{font-size: .2rem;color: #333;line-height: .26rem;max-height: calc(.26rem*2)\0;width: 100%; -webkit-transition: all 0.5s;transition: all 0.5s; }
.h4s3{font-size: .2rem;color: #333;line-height: .26rem;max-height: calc(.26rem*2)\0;width: 100%; -webkit-transition: all 0.5s;transition: all 0.5s; }
.h6s1{font-size: .14rem;color: #999;line-height: 1.25;transition: .5s;width: 100%;-webkit-transition: all 0.5s;transition: all 0.5s;}
.ps1{font-size: .16rem;color: #848484;line-height: .28rem; width: 100%; -webkit-transition: all 0.5s;transition: all 0.5s;}
.ps2{font-size: .16rem;color: #848484;line-height: .28rem;max-height: calc(.28rem*2)\0; width: 100%; -webkit-transition: all 0.5s;transition: all 0.5s;}
.ps3{font-size: .16rem;color: #848484;line-height: .28rem;max-height: calc(.28rem*3)\0; width: 100%; -webkit-transition: all 0.5s;transition: all 0.5s;}
.ps4{font-size: .16rem;color: #848484;line-height: .28rem;max-height: calc(.28rem*4)\0; width: 100%; -webkit-transition: all 0.5s;transition: all 0.5s;}
h4, h5, h6{ font-weight: normal}
.bd_li{ transition: .5s;}
/*公共结束*/

@font-face { font-family: 'Helvetica-Condensed-Black-Se'; src: url("../fonts/ROBOTO-BOLD-3_0.TTF"); }
@font-face { font-family: 'Canela Web'; src: url("../fonts/CANELA-REGULAR-REDUCED.WOFF.TTF"); }
@font-face { font-family: 'Perpetua Titling MT'; src: url("../fonts/PERTILI.TTF"); }

@font-face {font-family: "思源宋体 SemiBold";font-weight: 600;src: url("../fonts/Au1ntSGezisp.woff2") format("woff2"), url("../fonts/Au1ntSGezisp.woff") format("woff");font-display: swap;}




@keyframes move {0% {right: 0 }40% {right: 0;width: 0 }60% {right: auto;width: 0% }100% {right: auto;width: 100% }}

.site-menu{position: fixed;z-index: 100000000000000;left: 0;top: 0;display: flex;flex-direction: column;width: 100%;height: 100%;clip-path: inset(0 0 100% 0);transition: clip-path .6s cubic-bezier(0.77, 0, 0.175, 1);visibility: hidden;opacity: 0;visibility: hidden;clip-path: none;transition: opacity 0s .92s, visibility 0s .92s;}
.site-menu .sicoh{position: absolute;bottom: -22%;left: -.2rem;}
.site-menu .sicoh svg{width: 8.18rem;opacity: .5;max-width: 30vw;}
.site-menu .sicoh .ico .cls-1{fill:none;stroke:#f4cf8f;stroke-width:2px;}
.site-menu-close {font-size:.3rem;position:absolute;right:.3rem;top:.25rem;text-align: center;cursor:pointer;color: #fff;font-family: 'lib';z-index: 10;opacity: 0;transform: translateY(10px);transition: .5s;}
.site-menu-main{flex:1;display:flex;flex-direction:column;width:100%;justify-content: center;align-items: center;height: 100vh;padding: 0 .2rem;background: #00797c;background-size: cover;backdrop-filter: blur(.5rem);background: url(../images/menu.png) center repeat;background-size: 4.01rem 7.17rem;}
.site-menu-main{flex:auto;height:100%;clip-path:inset(0 0 100% 0);transition: clip-path 1s .2s cubic-bezier(0.77, 0, 0.175, 1);}
.site-menu-main .ul{max-width: 19rem;width: 94%;}
.site-menu-main .toplink{ display: none}

.site-menu.site-menu-is-open{opacity: 1;visibility: visible;clip-path: none;transition: opacity 0s, visibility 0s;}
.site-menu-is-open .site-menu-close{ transform: translateY(0); opacity: 1}
.site-menu.site-menu-is-open .site-menu-main{transition: clip-path 1s cubic-bezier(0.77, 0, 0.175, 1);clip-path: inset(0 0 0 0);}

.site-menu-main .ul li{transform: translateY(.2rem);opacity: 0;transition: 1s;padding: 1vw 1vw;flex: auto;text-align: center;}
.site-menu-main .ul li>a{font-size: .24rem;color: #fff;margin-bottom: .3rem;display: block;}
.site-menu-main .ul li i{  display: none}
.site-menu-main .ul li .sub-nav a{font-size: .16rem;color: rgba(255,255,255,.5);line-height: 2;margin: .05rem 0;display: block;transition: .5s; }
.site-menu-main .ul li .sub-nav a:hover{ color: #fff}

.site-menu-main .ul li:nth-child(1){ transition-delay: .2s}
.site-menu-main .ul li:nth-child(2){ transition-delay: .3s}
.site-menu-main .ul li:nth-child(3){ transition-delay: .4s}
.site-menu-main .ul li:nth-child(4){ transition-delay: .5s}
.site-menu-main .ul li:nth-child(5){ transition-delay: .6s}
.site-menu-main .ul li:nth-child(6){ transition-delay: .7s}
.site-menu-main .ul li:nth-child(7){ transition-delay: .8s}
.site-menu-main .ul li:nth-child(8){ transition-delay: .9s}
.site-menu-main .ul li:nth-child(9){ transition-delay: 1s}
.site-menu-main .ul li:nth-child(10){ transition-delay: 1.1s}
.site-menu-main .ul li:nth-child(11){ transition-delay: 1.2s}
.site-menu-main .ul li:nth-child(12){ transition-delay: 1.3s}
.site-menu-main .ul li:nth-child(13){ transition-delay: 1.4s}

.site-menu-is-open .site-menu-main .ul li{ opacity: 1;transform: translateY(0);}

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

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

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

@keyframes deng{
    0%{
        transform: scale(0);
    }
    100%{
        transform: scale(1);
    }
}


@keyframes hua{
    0%{
        transform: rotate(0);
    }
    50%{
        transform: rotate(720deg);
    }
    100%{
        transform: rotate(720deg) translateY(1.5rem);
        opacity: 0;
    }
}

.luomu{ position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.luomu:after{content: "";width: 168%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(255,253,249,1);background: linear-gradient(to right, rgba(255,253,249,0) 0%,#fffbf4 10%);z-index: 1;}
[data-aos=img_s].luomu:after{transform: translateX(-34%);}
[data-aos=img_s].luomu.aos-animate:after{animation: move1s 4s linear 0s 1 normal forwards;}

@keyframes move1s{
    0% {
        transform: translateX(-34%);
    }
    100% {
        transform: translateX(100%);
    }
}
.list13{justify-content: center;}
.list13 li{width: 14.28%;text-align: center;border-left: #21c7cc 1px solid;border-right: #21c7cc 1px solid;line-height: .24rem;margin: .15rem -.5px;}
.list13 a{font-size: .19rem;color: #fff;font-weight: 300;transition: .5s;}

@media(min-width: 1024px){
    .list13 a:hover{ color: #f5be7d}
}
@media(max-width: 1024px){
    
    .list13 a, footer .fl3 p{font-size: .14rem;}
}