@font-face{font-family:Nunito;src:url(/html/static/css/f/Nunito/Nunito-Regular.woff) format(truetype);font-weight:400;font-style:normal;font-display:swap;}.enfont_no{font-family:Nunito,Arial;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img,span,table,tr{ padding:0; margin:0; }
body{font-family:Nunito,system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;color:#000;line-height:1.5;}
html{ font-size: 16px; }
body > section{ padding:0px;}
ul li{ list-style:none; }
p{ padding:0; margin:0;}
a{ text-decoration:none!important;}
.times{-webkit-transition:0.6s;-moz-transition:0.6s;transition:0.6s;}
.bob{ width:100%; height:35px; float:left;}
.container-main{ width:100%; height:auto;float:left; overflow:hidden;}
.md{ width:1400px; }
.md2{ width:1200px; }
.image-placeholder {background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);animation: loading 1.5s infinite;}
.bg{background-color:#000;}
body.no-scroll {overflow:hidden;}
img {user-drag:none;-webkit-user-drag:none;pointer-events:none;}
.bmin{ width:100%; height:20px; float:left; }
/*--　浮动 --*/
#fixnav{ position:fixed; z-index:99999;
-webkit-animation:searchTop .0s ease-in-out;
-moz-animation:searchTop .0s ease-in-out;
animation:searchTop .0s ease-in-out;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#e2e2e2,direction=120,strength=4);
-moz-box-shadow: 0px 0px 5px #e2e2e2;
-webkit-box-shadow: 0px 0px 5px #e2e2e2;
box-shadow:0px 0px 5px #e2e2e2;}
#fixnav::before{ width: 100%; height: 100%; content: ''; position: absolute; left: 0; top:0; opacity:1}
-webkit-keyframes searchTop {0% {top:-100px}to {top:0}}
@-moz-keyframes searchTop {0% {top:-100px}to {top:0}}
@keyframes searchTop {0% {top:-100px}to {top:0}}
/*-- 弹出框 --*/
#wrapper{position:fixed;left:-100%;top:0;width:100%;height:100%;z-index:1000;transition:all .3s ease;display:block!important; background-color:#ffffff; overflow: hidden;}
.wrapperbox{ width:100%; height: 100vh; padding:0px 0px 0px 160px; display:flex; flex-direction:row;justify-content:space-between; }
.wrap-title{display: flex;}
.wrap-title img{ max-width:100%; }
.wrap-left{ flex:1;  overflow-y: auto; -webkit-overflow-scrolling: touch;}
.wrap-left::-webkit-scrollbar { width: 6px;}
.wrap-left::-webkit-scrollbar-track { background: #f1f1f1;}
.wrap-left::-webkit-scrollbar-thumb {background: #888;border-radius: 3px;}
.wrap-left::-webkit-scrollbar-thumb:hover { background: #555;}
.wrap-nav{ padding:40px 0px; display:flex; flex-direction:row; }
.wrap-sv{ flex:1; }
.wrap-sv>a{ font-size:1.25rem; line-height:1.6; font-weight:600; color:#000; -webkit-transition:0.6s;-moz-transition:0.6s;transition:0.6s; }
.wrap-sv>h1{ font-size:1.25rem; line-height:1.6; font-weight:600; color:#000;}
.wrap-sv>h1:hover{ color:#d0bc9d;}
.wrap-sv>h1.active{ color:#d0bc9d;}
.wrap-sv a:hover{ color:#d0bc9d;}
.wrap-sv ul{ display:flex; flex-direction:column; padding:10px 0px; }
.wrap-sv ul li{ padding:10px 0px; }
.wrap-sv ul li>a{ font-size:1.12rem; -webkit-transition:0.6s;-moz-transition:0.6s;transition:0.6s;}
.wrap-right{ flex:1; display: flex; flex-direction: row; justify-content: flex-end;}
.wrap-right .swiper{ height: 100%; padding:0; position: relative; margin-right:0; margin-left: 0;}
.wrap-right .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 0px 10px; }
.wrap-right .swiper-slide img{  max-width: 100%; }
.wrap-right .swiper-wrapper {  -webkit-transition-timing-function: linear;  -moz-transition-timing-function: linear; -ms-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; }


#wrapper.toggled{left:0;}.overlay{position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.5);z-index:999;display:none;}
#left-wrapper{ width:25px; height:25px; overflow:hidden; display:flex; position:relative; z-index:1005; }
.hamburger{width:100%;height:100%;background:transparent;left:0;top:0;border:0;box-sizing:border-box;z-index:1001;}.hamburger:hover,.hamburger:focus,.hamburger:active{outline:none;}.hamburger.is-closed:before{content:'';display:block;width:100px;font-size:1rem;color:#FFF;line-height:32px;text-align:center;opacity:0;-webkit-transform:translate3d(0,0,0);-webkit-transition:all .35s ease-in-out;}
.hamburger.is-closed:hover:before{opacity:1;display:block;-webkit-transform:translate3d(-100px,0,0);-webkit-transition:all .35s ease-in-out;}.hamburger.is-closed .hamb-top,.hamburger.is-closed .hamb-middle,.hamburger.is-closed .hamb-bottom,.hamburger.is-open .hamb-top,.hamburger.is-open .hamb-middle,.hamburger.is-open .hamb-bottom{position:absolute;left:0;height:3px;width:100%;border-radius:30px;}
.hamburger.is-closed .hamb-middle,.hamburger.is-open .hamb-middle{ width: 80%;}
.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom { background-color: #000;}
.hamburger.is-closed .hamb-top {  top:4px; -webkit-transition: all .35s ease-in-out;}
.hamburger.is-closed .hamb-middle {top:calc(50% - 1px);}
.hamburger.is-closed .hamb-bottom {bottom:4px;  -webkit-transition: all .35s ease-in-out;}
.hamburger.is-closed:hover .hamb-top {top: 0;-webkit-transition: all .35s ease-in-out;}
.hamburger.is-closed:hover .hamb-bottom {bottom: 0;-webkit-transition: all .35s ease-in-out;}
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom { background-color: #000000;}
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-bottom {top: 50%; margin-top:-2px;}
.hamburger.is-open .hamb-top { width:100%;-webkit-transform: rotate(45deg);-webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);}
.hamburger.is-open .hamb-middle { display: none; }
.hamburger.is-open .hamb-bottom {width:100%;-webkit-transform: rotate(-45deg);-webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);}
.hamburger.is-open:before{content:'';display:block;width:100px;font-size:1rem;color:#fff;line-height:1.5;text-align:center;opacity:0;-webkit-transform:translate3d(0,0,0);-webkit-transition:all .35s ease-in-out;}.hamburger.is-open:hover:before{opacity:1;display:block;-webkit-transform:translate3d(-100px,0,0);-webkit-transition:all .35s ease-in-out;}
.hamburger.is-open{ position:fixed; width: 30px; height: 30px; top:20px; left:30px; z-index:999;}

/*-- headerbox --*/
.headerm::before{content:'';position:absolute;right:-1500px;top:0;width:1500px;height:100%;background-color:#907c6a;}
.headerm::after {content: '';position: absolute;right: 0;bottom: 0;width: 0;height: 0;border-style: solid;border-width: 0 0 90px 90px;border-color: transparent transparent #907c6a transparent;}
.headerbox{width:100%;height:auto;display:flex; background-color:#d0bc9d; position:relative; z-index:10}
.headerm{ width:100%; display: flex; justify-content: space-between; align-items: center; flex-direction: row; position: relative;}
.logo{ width:300px; height:90px; display: flex; justify-content: flex-start; align-items: center; }
.logo>i{ flex: 1 0 auto}
.logo>i a{ display: flex;}
.logo>i a img{ max-width: 100%; }
.navbox{ width:auto; height:100%; display: flex; text-align:center; position: relative; margin-right: auto; padding-left:15px; }
.navbox ul{ width:100%; display: flex; align-items:center; justify-content:center; }
.navbox ul li{ flex:1 0 auto; flex-shrink: 0; display: flex; justify-content:flex-start; align-items: center; padding-right: 50px;}
.navbox ul li a{ font-size:1rem; color:#000; position: relative; text-decoration: none; }
.navbox ul li i{ width:10%; height:3px; background:#000; position:absolute; bottom:-9px; left:45%; visibility:hidden; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;-webkit-transition: 0.6s;-moz-transition: 0.6s;transition:0.6s;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
.navbox ul li:hover i{visibility:visible; filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;-webkit-transition:0.6s;-moz-transition:0.6s;transition:0.6s;width:90%; left:5%;}
#active i{visibility:visible; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; width:90%; left:5%;}
#col{ fill:#000; transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;}
.cen{ display:flex; justify-content: center; align-items: center; border:2px solid #000; border-radius:20px; overflow:hidden; position:relative;z-index:1; }
.cen a{ display:flex; justify-content:center; align-items:center; padding:2px 5px; -webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s;}
.cen a p{ font-size:0.9rem; color: #000; line-height: 1.5; padding:0px 12px 0px 5px; }
.cen a img{ max-width:95%; }
.cen:hover a{ background-color:#FFF; }
.search{position:relative;cursor:pointer;margin-right:15px;z-index:1;}.search-box
 {display:none;position:absolute;top:170%;right:0;background:#fff;box-shadow:0
 2px 8px rgba(0,0,0,0.1); border-radius:4px;z-index:999;padding:10px;}
 .search-box input{width:200px;border:1px solid #ddd;border-radius:4px;margin-right:5px;padding:8px 12px;}
 .search-box button{background:#000;color:#FFF;border:none;border-radius:4px;cursor:pointer;display:flex;flex-direction:row;flex-shrink:0;flex-wrap:nowrap;padding:8px
 15px;}.search.active .search-box{align-items:center;display:flex;}
#active i{visibility:visible; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; width:90%; left:5%;}
.search-box form{ display:flex; flex-direction:row; }

/*-- 下级 --*/
.ondropdown{ position:relative;}
#ondropdown-menu{ position: absolute; left:-15px; top:0%; padding:10px; visibility:hidden; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;}
#ondropdown-menu ul{ min-width:250px; height: auto; border-radius:5px; float: left; flex-direction: column; background:#e8e8e8; overflow: hidden;}
#ondropdown-menu ul li{ width:100%; height: auto;  border-bottom: 1px solid #dddddd;}
#ondropdown-menu ul li:last-child{ border-bottom: 0px; }
#ondropdown-menu ul li a{ display: block; padding:10px 15px; font-size:0.9rem; color:#6e6e6e; text-align: left; }
#ondropdown-menu ul li:hover{ background:#907c6a; }
#ondropdown-menu ul li:hover a{ color: #FFF;}
.ondropdown:hover #ondropdown-menu{ visibility:visible;  top:100%;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;}

/*-- locbox --*/
.locbox{ width:100%; display: flex; justify-content: flex-start; align-items: center; flex-direction: row; flex-wrap: wrap;}
.locbox .md{ display: flex; justify-content: center; align-items: flex-start; flex-direction: column; }
.locbox ul{ display: flex; justify-content: flex-start; align-items:center; flex-direction: row; flex-wrap: wrap; padding:15px 0px;}
.locbox ul li{ font-size: 0.85rem; color: #828282; padding-right: 5px; display: flex; justify-content: center; align-items: center;}
.locbox ul li img{ width: 18px; padding-top: 5px;}
.locbox ul li img.jt{ width: 14px; padding-top: 5px;}
.locbox ul li p{ font-size: 0.85rem; color: #828282; display: flex; justify-content: center; align-items: center; padding-top: 5px;}
.locbox ul li a{ font-size: 0.85rem; color: #828282; display: flex; justify-content: center; align-items: center; padding-top: 5px;}
.locbox ul li a:hover{ color:#e7c38c; text-decoration:underline!important; }

/*-- 内页 --*/
.inbanner{ width:100%; height: auto; float:left; position: relative;}
.inbanner>i{ width:100%; height:500px; float:left; background-size:cover; background-color: #242424; background-position:center; background-repeat:no-repeat;}
.inbanner>i img{ width: 100%; object-fit:cover;}
.inwords{position:absolute; left:0; top:calc(50% - 80px); width:100%; height:auto; display:flex; justify-content:center; align-items:center;flex-direction:column; overflow:hidden; font-family:Arial; }
.inwords h1{ font-size:4.1rem; color:#FFF; font-weight:bolder; }
.inwords h1 span{padding:0px 20px; font-weight:lighter;}
.inwords h2{ padding:0px 20px; font-size: 3.5rem; font-weight:lighter; color:#FFF; letter-spacing: 3px;}
.inwords p{ font-size:2.4rem; color:#FFF; padding:15px 0px;}

/*-- 加载--*/
.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:9999;display:flex;justify-content:center;align-items:center;}.loading-content{text-align:center;background:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.1);padding:20px;}.spinner-border{width:3rem;height:3rem;border-width:.2em;}

/*-- footB --*/
.footB{ width:100%; background-color:#d0bc9d; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.footup{ width:100%; display:flex; flex-direction:column; border-bottom: 1px solid #dbd5bd;}
.footup-main{ width:100%; min-height:290px; padding:65px 0px 20px; display:flex; flex-direction:row; justify-content:space-between; align-items:flex-start; }
.footlogo{ width:auto;padding:20px 0px; }
.footlogo i img{ max-width:100%; }
.footnav{ display:flex; flex-direction:row; }
.footnav ul{ max-width:250px; padding:10px 0px; display:flex; flex-direction:row; flex-wrap:wrap; }
.footnav ul li{ width:50%; padding:5px;font-size:1rem; }
.footnav ul li a{ color:#000; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
.footnav ul li a:hover{ color:#666; text-decoration:underline; }
.footcont{ max-width:35%; display:flex; flex-direction:column; }
.footcont h1{ font-size:1.25rem; line-height:1.5; padding-bottom:10px; }
.footcont p{ font-size:1rem; line-height:1.5; }
.footdown{ width:100%; height:auto; line-height:1.5; font-size:0.93rem; color:#000000; position:relative; display: flex; flex-direction:row; justify-content:flex-start; align-items: center;}
.footdown span{ padding:0px 10px; }
.footdown a{ color:#000000; }
.footdown .md{position:relative; padding:30px 0px; }

.fshare{ width:auto; height:auto; position: absolute; right: 0; top:20px; display: flex; flex-direction: row; justify-content: center; align-items: center;}
.fshare-main{width:100%;display: flex; flex-direction: row; justify-content: center; align-items: center;}
.fshare a{ padding:0px 10px; }
.fshare a i{ width:32px; height:32px; display:flex; justify-content: center; align-items: center; background-color: #000000; border-radius: 360px;}
.fshare a i img{ width:55%;}
#cols{ fill:#000;}
.fshare a:hover #cols{ fill:#FFF;}
.fshare a:hover i{ background-color: #88775e;}
.fshare a{ position: relative; }
.fshare a.floatshow::before{ content:''; width:120px; height: 120px; background-repeat: no-repeat; background-position: center; background-size: cover; position: absolute; left:-25px; bottom:40px; z-index: 9; opacity: 0; visibility: hidden; cursor: pointer;}
.fshare a.floatshow:hover::before{ opacity: 1; visibility: visible;}

/*动画*/
.goban .inbg{
-webkit-animation-timing-function: linear;    /*动画时间曲线*/
-webkit-animation-name: bigss;                  /*动画名称，与@keyframes搭配使用*/
-webkit-animation-duration: 75000ms;              /*动画持续时间*/
-webkit-animation-iteration-count: infinite;    /*动画要重复次数*/
-webkit-animation-direction: alternate; /*动画执行方向，alternate 表示反复*/
-moz-animation-timing-function: linear;  /*动画时间曲线*/
-moz-animation-name: bigss;                  /*动画名称，与@keyframes搭配使用*/
-moz-animation-duration: 75000ms;              /*动画持续时间*/
-moz-animation-iteration-count: infinite;    /*动画要重复次数*/
-moz-animation-direction: alternate; /*动画执行方向，alternate 表示反复*/
animation-timing-function: linear;  /*动画时间曲线*/
animation-name: bigss;                  /*动画名称，与@keyframes搭配使用*/
animation-duration: 75000ms;              /*动画持续时间*/
animation-iteration-count: infinite;    /*动画要重复次数*/
animation-direction: alternate; /*动画执行方向，alternate 表示反复*/
}

@-webkit-keyframes bigss {
0% { -webkit-transform: scale(1.0);}
100% { -webkit-transform: scale(1.5);}
}
@-moz-keyframes bigss {
0% { -moz-transform: scale(1.0);}
100% { -moz-transform: scale(1.5);}
}
@keyframes bigss {
0% { transform: scale(1.0);}
100% { transform: scale(1.5);}
}

@media (max-width: 1630px) {

}

@media (max-width: 1430px) {
.md{ width:100%; }

}
@media (max-width: 1230px) {
/*-- 内页 --*/
.inbanner>i{ height:450px; }
}
@media (max-width: 1080px) {

}
/*ipad*/
@media (min-width: 768px) and (max-width: 991px) {
html{ font-size: 14px; }
/*-- headerbox --*/
.logo{ width:220px; }
.logo>i a img{ max-width:70%; }
.navbox{ padding-left:30px; }
/*-- 内页 --*/
.inbanner>i{ height:350px; }
}

/* xs */
@media (max-width: 767px) {
html{ font-size: 14px; }
/*-- headerbox --*/
.hamburger.is-closed .hamb-middle {top:calc(50% - 0.1rem);}
#left-wrapper{ position:absolute; left:0; top:13px; }
.headerbox{height:auto;background-color:#d0bc9d; position:fixed; left: 0; top:0;}
.headerm{padding:5px 0;}
.logo{ width:150px; height:40px; padding-left:45px;}
.logo>i{ flex: 1 0 auto}
.logo>i a{ display: flex;}
.logo>i a img{ max-width:50%; }
.navbox{ display:none; }
.cen a{ padding:2px; }
.cen a p{ font-size:0.8rem; padding:0px 10px 0px 5px; }
.cen a img{ max-width:90%; }

.search{ margin-left: auto;}.search-box{right:calc(100% - 100px);background:#ffffff;}
.search-box input{width:250px;}
.bannerbox{ margin-top:50px; }
.locbox ul{padding:5px 0;}.footB{padding-bottom:50px;min-height:auto;padding-top:0;}.footdown{flex-direction:column;padding-top:20px;border:0;}.footdown span{width:100%;font-size:13px;text-align:center;display:inline-block;padding:3px 0;}.footdown span a{font-size:13px;}.phone-bottom-box{position:fixed;bottom:0;left:0;width:100%;background: linear-gradient(to bottom, #d0bc9d, #907c6a);box-shadow:0 -2px 10px rgba(0,0,0,0.1);z-index:999;border-top:1px solid #d0bc9d;}.footer-navs{display:flex;justify-content:space-around;margin:0;padding:7px 0;}.footer-navs > li{position:relative;list-style:none;text-align:center;flex:1;}.footer-navs img{width:20px;height:20px;margin:0 auto 4px;}.footer-navs a p{color:#fff;}.footer-navs p{color:#fff;font-size:.85rem;}.ph-one,.ph-two,.ph-three{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%);background:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.15);opacity:0;visibility:hidden;transition:all .3s ease;}.ph-one.active,.ph-two.active,.ph-three.active{opacity:1;visibility:visible;}.ph-one a,.ph-two a,.ph-three a{display:block;white-space:nowrap;color:#242424;text-decoration:none;border-bottom:1px solid #eee;transition:background .3s;padding:12px 24px;}.ph-one a:last-child,.ph-two a:last-child,.ph-three a:last-child{border-bottom:none;}.ph-one:after,.ph-two:after,.ph-three:after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:8px solid transparent;border-top-color:#fff;}.header-up::before,.header-down{display:none;}
.footdown .md{position:relative; padding:0px 0px 20px; }

/*-- 内页 --*/
.inbanner{margin-top:50px;}
.inbanner>i{ height:200px;}
.inwords{ top:38%; }
.inwords h1{ font-size:1.8rem; }
.inwords h1 span{padding:0px 5px;}
.inwords h2{ padding:0px 10px; font-size:1.3rem; letter-spacing:0;}
.inwords p{ font-size:1.4rem;  padding:10px 0px;}

/*-- 弹出框 --*/
.wrapperbox{padding:0px 0px 0px 20px; }
.wrap-title { padding:10px 0px 0px 50px; }
.wrap-title img{ max-width:70%; }
.wrap-nav{ padding:25px 0px; }
.wrap-sv>a{ font-size:1.3rem;}
.wrap-sv>h1{ font-size:1.3rem; }
.wrap-sv ul{ padding:5px 0px; }
.wrap-sv ul li{ padding:10px 0px; }
.wrap-sv ul li>a{ font-size:1.1rem;}
.wrap-right{display: none;}
.hamburger.is-open{ width:25px; height:25px; top:20px; left:20px; }

}

@media (max-width: 480px) 
{
/*-- 弹出框 --*/
.wrap-title img{ max-width:60%; }
.wrap-sv>a{ font-size:1.2rem;}
.wrap-sv>h1{ font-size:1.2rem; }
.wrap-sv ul li>a{ font-size:1rem;}
}