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:system-ui,-apple-system,sans-serif,Arial;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;color:#000;line-height:1.5;box-sizing: border-box;}
html{ font-size: 16px; }
body > section{ padding:0px;}
ul li{ list-style:none; }
p{ padding:0; margin:0;}
a{ text-decoration:none!important;}
.margin-right{ margin-left:auto!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:1600px; }
.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=#242424,direction=120,strength=4);
-moz-box-shadow: 0px 0px 5px #242424;
-webkit-box-shadow: 0px 0px 5px #242424;
box-shadow:0px 0px 5px #242424;}
#fixnav::before{ width: 100%; height: 100%; content: ''; position: absolute; left: 0; top:0; background-color: #FFF; opacity: 0.75;}
-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}}
/*-- headerbox --*/
.headerbox{width:100%; height:100px; position:relative; display:flex; z-index:100; padding:5px 0px; background-color: #fff2d4;}
.headerbox.sytop{border-bottom:0;}
.headerbox.sytop .navbox ul li a{color:#000;}
.headerbox.sytop .navbox ul li i{background:#000;}
.headerbox.sytop .cen a {color:#FFF;}
.headerbox.sytop#fixnav{filter:none!important;-moz-box-shadow:none!important;-webkit-box-shadow:none!important; box-shadow: none !important;}
.headerbox.sytop#fixnav::before{ background-color: #242424!important; opacity: 0.5;}
.headerm{ width:100%; height:100%; display: flex; justify-content: space-between; align-items: center; flex-direction: row; position: relative;}
.logo{ width:auto; height:100%; 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: 90%; }
.navbox{ width:auto; height:70px; display: flex; text-align:center; position: relative; padding-left:70px; }
.navlist{ width:100%; height: 100%; display: flex; align-items:center; justify-content:center; }
.navlist>li{ flex:1 0 auto; height: 100%; flex-shrink: 0; display: flex; justify-content:flex-start; align-items: center; padding-right:25px; position: relative;}
.navlist>li:last-child{ padding-right:20px; }
.navlist>li a{ font-size:1.2rem; color:#000; position: relative; text-decoration: none; -webkit-transition:0.6s;-moz-transition:0.6s;transition:0.6s;}
.navlist>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;}
.navlist>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{}
.navlist>li a:hover{ color:#000; }
#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;}
/*-- 二级 --*/
.navlist> li > ul {position: absolute; top: 100%; left: -60px; width: 200px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); opacity: 0; visibility: hidden; transform: translateY(30px); transition: all 0.3s ease; z-index: 200; border-radius: 6px; overflow: hidden; list-style: none; padding:10px 0px; margin: 0; }
.navlist > li > ul::before {content: ''; position: absolute; left: 0; top:0; width: 100%; height: 100%; background-color: #000; opacity: 0.7; }
.navlist > li:hover > ul {opacity: 1; visibility: visible; transform: translateY(0); }
.navlist> li > ul li {padding: 0; }
.navlist> li > ul a {font-size:0.98rem; color: #FFF !important; text-decoration: none; display: block; padding: 5px 20px; transition: all 0.2s; }
.navlist> li > ul a:hover { color:#f92525!important; }
/*--- end 二级 ---*/
.cen{ display:flex; justify-content: center; align-items: center; overflow:hidden; position:relative;z-index:1; margin-top:10px;}
.cen a{ border-radius: 30px; 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:1rem; color: #000; line-height: 1.5; padding:0px 12px 0px 5px; display:flex; flex-shrink:0; }
.cen a img{ width:28px; }
.cen:hover a{ background-color:#f4ecde; }
.cen .china{ width:25px;height:25px;padding:3px;background-color:#de2910;border-radius:360px;overflow:hidden; }
.search{ width:30px; position:relative;cursor:pointer;z-index:1; display: flex; flex-shrink: 0;}
.search-box{ display:none; width:280px; position:absolute;top:170%;right:0;background:#ffffff;box-shadow:0
 2px 8px rgba(0,0,0,0.1); border-radius:4px;z-index:999;padding:10px; font-size: 0.9rem;}
 .search-box input{ width: calc(255px - 60px); border:1px solid #ddd;border-radius:4px;margin-right:5px; padding:0px 10px; box-sizing:border-box;}
 .search-box button{ width:60px; background:#c6000d;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; }
#sfill{ fill:#000; }

/*-- 下级 --*/
.ondropdown {position: static !important;}
.dropdown-fullscreen { position: fixed;left: 0; width: 100vw;top: 100px; background:#2a2a2a; box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);max-height: 0; overflow: hidden;transition: all 0.5s ease;z-index: 1000;}
.ondropdown:hover .dropdown-fullscreen { max-height: 100vh;}
.top-big{ width:100%; height:auto; display:flex; flex-direction:row; }
.top-sone{ width:21%; height:100%; border-right: 1px solid #373737; display:flex; padding:2rem; flex-direction:column; }
.top-sone-a{ width:100%; display:flex; justify-content:column; justify-content:center; align-items:center; flex-direction:column; }
.top-sone-a>h1{ font-size:1.05rem; color:#FFF; line-height:1.5; font-weight:normal; padding:10px 0px; text-align:center; }
.top-sone-a>img{ max-width:100%; }
.top-sone-b{ width:100%; display:flex; justify-content:flex-start; align-items: flex-start; flex-direction:column; }
.top-sone-b>a{ font-size:0.95rem!important; line-height:1.6!important; color:#b6b6b6!important; }
.top-sone-b>a:hover{ color:#FFFFFF!important; }
.top-big-two{ width:100%; display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:row; flex-wrap:wrap; }
.top-stwo{ width:14.2%; display:flex; padding:30px 5px; flex-direction:column; justify-content:center; align-items:center; }
.top-stwo>a img{ max-width:100%; }
.top-stwo>a{ font-size:0.95rem!important; line-height:1.6!important; color:#b6b6b6!important; width:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; }
.top-stwo>a:hover{ color:#FFFFFF!important; }

/*-- locbox --*/
.locbox{ width:100%; min-height:60px; display: flex; justify-content: flex-start; align-items: center; flex-direction: row; flex-wrap: wrap; z-index: 10; }
.locbox.float{ position:absolute; left:0; bottom:0; z-index:2; }
.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:20px 0px;}
.locbox ul li{ font-size: 0.85rem; color: #b2b2b2; padding-right:7px; display: flex; justify-content: center; align-items: center;}
.locbox ul li img{ width:17px; height: 17px; margin-right: 5px; margin-bottom:5px;}
.locbox ul li img.jt{ width:18px; margin-right:0;}
.locbox ul li p{ font-size: 0.875rem; color: #b2b2b2; display: flex; justify-content: center; align-items: center; padding-top: 5px;}
.locbox ul li a{ font-size: 0.875rem; color: #b2b2b2; display: flex; justify-content: center; align-items: center;}
.locbox ul li a:hover{ color:#000; text-decoration:underline!important; }

/*-- 内页 --*/
.inbanner{ width:100%; height:auto; float:left; position: relative;}
.inbanner>i{ width:100%; height:auto;  float:left; background-size:cover; background-position:center; background-repeat:no-repeat;}
.inbanner>i img{ width:100%; height:auto; object-fit:cover;}
.inwords{position:absolute; left:0; top:calc(62% - 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:3rem; color:#FFF; font-weight:bolder; }
.inwords h1 span{padding:0px 20px; font-weight:lighter;}
.inwords h2{ padding:0px 20px; font-size: 3rem; 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:#f3f5f8; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.footup{ width:100%; display:flex; flex-direction:column; border-bottom: 1px solid #c6c6c6;}
.footup-main{ width:100%; display:flex; justify-content:space-between; flex-direction:row; padding:45px 0px; gap:15px;}
.footl{ width:630px; display:flex; flex-direction:column; }
.footlogo{ width:100%; display:flex; flex-direction:row; justify-content:space-between; align-items:center; }
.footlogo img{ max-width:100%; }
.foot-contact{ width:100%; display: flex; padding:10px 20px;}
.foot-contact ul{ width:100%; display: flex; flex-direction: column; padding: 10px 0;}
.foot-contact ul li{ display: flex; justify-content: flex-start; align-items: center; flex-direction: row; padding:5px 0px; font-size:1rem; color: #000;}
.footm{ width:750px;  display:flex; flex-direction:row; gap:10px; padding-top:30px; }
.footm-one{ width:33.33%; display:flex; flex-direction:column; }
.footm-one h1{ font-size:1rem; padding-left:25px; color:#000; line-height:1.5; position:relative; }
.footm-one h1::before{ width:6px; height:6px; content:''; position:absolute; left:0; top:calc(50% - 3px); background-color:#c7000b; }
.footm-one div{ display:flex; flex-direction:column; gap:5px; padding:10px 0px 20px 25px; }
.footm-one div a{ font-size:0.93rem; color:#000; }
.footm-one div a:hover{ color:#737373; }
.footm-two{ width:33.33%; display:flex; flex-direction:column; }
.footm-two h1{ font-size:1rem; padding-left:25px; color:#000; line-height:1.5; position:relative; }
.footm-two h1::before{ width:6px; height:6px; content:''; position:absolute; left:0; top:calc(50% - 3px); background-color:#c7000b; }
.footm-two div{ display:grid; grid-template-columns:repeat(2, 1fr); gap:5px; padding:10px 0px 20px 25px; }
.footm-two div a{ font-size:0.93rem; color:#000; min-width:100px; }
.footm-two div a:hover{ color:#737373; }
.footr{ display:flex; flex-direction:column; padding:30px 0px 30px 30px; gap:10px; }
.footr i img{ max-width:100%; }
.footr p{ width:100%; text-align:center; color:#474747; font-size:1rem; }
.footdown{ width:100%; height:auto; line-height:1.5; font-size:0.95rem; color:#686868; position:relative; display: flex; flex-direction:row; justify-content:center; align-items: center; text-align: center;}
.footdown span{ padding:0px 10px; }
.footdown a{ color:#686868; }
.footdown .md{position:relative; padding:20px 0px; }
.back-to-top {position: fixed; bottom: 30px; right: 30px; width:40px; height: 40px; border-radius:360px; border:1px solid #FFF; background-color:#000; background-size:20px; background-repeat:no-repeat; background-position:center; background-image:url(../../uploads/svg-loaders/up.svg); border: none; cursor: pointer; font-size: 18px; box-shadow: 0 2px 10px rgba(0,0,0,0.2); z-index: 1000; transition: all 0.3s; }
.back-to-top:hover {transform: translateY(-3px); box-shadow: 0 4px 12px rgba(0,0,0,0.25); }


/*动画*/
.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);}
}

/*--- 弹出左侧 ---*/
body.nav-open {overflow: hidden; }
.menu-btn {position:absolute; top: 15px; right: 20px; z-index: 100; width: 40px; height: 40px; padding:4px; background:#c7000b; border: 1px solid #c7000b; border-radius:360px; cursor: pointer; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; display: flex; justify-content: center; align-items: center; }
.menu-btn:hover { opacity: 0.5;}
.menu-btn img{ width:80%; }
.nav-container {position: fixed; top: 0; right: 0; width: 400px; height: 100vh; background:#8f0914; transform: translateX(100%); z-index:200; padding: 20px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); border-left:1px solid #5c1117; overflow: hidden; display: flex; flex-direction: column; padding-bottom:100px; transform: translateX(100%) translateZ(0); will-change: transform; }
.nav-content {flex: 1; overflow-y: auto; overflow-x: hidden; margin-top:40px; position: relative; z-index: 101; scrollbar-width: thin; scrollbar-color: #5c1117 transparent; }
.nav-content::-webkit-scrollbar {width: 6px; }
.nav-content::-webkit-scrollbar-thumb {background: #5c1117; border-radius: 3px; }
.nav-content::-webkit-scrollbar-track {background: transparent; }
.nav-content>ul {display: flex; flex-direction: column; list-style: none; padding: 0; }
.nav-content > ul >li {font-size:1rem; transform: translateX(-50px); opacity: 0; border-bottom: 1px solid #5c1117; }
.nav-content > ul >li br {display:none; }
.nav-content > ul > li > a {color: #FFF; text-decoration: none; display: flex; align-items: center; padding: 13px 0px; transition: all 0.3s ease; }
.nav-content > ul > li > a:hover {transform: translateX(5px); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05); }
/*-- 二级 --*/
.menulist > li > ul {display: flex; flex-direction: column; padding:0px 15px 20px; }
.menulist > li > ul > li {position: relative; }
.menulist > li > ul > li::before{content: ''; position:absolute; left:0; top:calc(50% - 2px); width:5px; height:5px; background-color: #FFF; border-radius: 360px; }
.menulist > li > ul > li > a {color: #FFF; text-decoration: none; display: flex; align-items: center; padding:5px 5px 5px 15px; transition: all 0.3s ease; }
.close-btn {position: absolute; top: 20px; right: 20px; background: #ffffff; border: 1px solid #ddd; color: #000; width: 40px; height: 40px; border-radius: 50%; font-size: 24px; cursor: pointer; display: flex; justify-content: center; align-items: center; transition: all 0.3s ease; z-index: 3; }
.close-btn:hover {transform: rotate(90deg); }
.overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 150; display: none; opacity: 0; }

@media (max-width: 1630px) {
.md{ width:100%; }
.navbox{ padding-left:50px; }
.navbox ul li{  padding-right:20px;}
.navbox ul li a{ font-size:1.1rem; }
.navlist> li > ul a { font-size:0.95rem;}
}
@media (max-width: 1450px) {
.navbox ul li{ padding-right:10px;}
.navbox ul li a{ font-size:1.08rem;}
}
@media (max-width: 1350px) {
.logo>i a img{ max-width:85%; }
.navbox ul{ padding-right:40px; }
.navbox ul li a{ font-size:1.05rem; }
.navlist> li > ul a { font-size:0.92rem;}
}
@media (max-width: 1280px) {
.logo>i a img{ max-width:80%; }
.navbox ul li{ padding-right:8px;}
}
@media (max-width: 1230px) {

}
@media (max-width: 1080px) {
.headerbox{ height:90px; }

/*-- footB --*/
.footl{ width:500px; }
.footm{ width:500px; padding-right:30px; }  
.footr{ width:200px; padding-left:50px; }

}
/*ipad*/
@media (min-width: 768px) and (max-width: 991px) {
html{ font-size: 14px; }
/*-- headerbox --*/


}

/* xs */
@media (max-width: 767px) {
html{ font-size: 14px; }
.xplr{ padding:0; }
.xpl{ padding:0px 10px; }
/*-- headerbox --*/
#left-wrapper{ position:absolute; left:0; top:15px; }
#fixnav{  }
#fixnav::before{ background-color:#000; opacity:1 }
.headerbox{height:auto; position:fixed; left: 0; top:0; padding: 0;}
.headerm{padding:7px 0;}
.logo{ width:120px; height:40px; padding-left:0;}
.logo>i{ flex: 1 0 auto}
.logo>i a{ display: flex;}
.logo>i a img{ max-width:45%; }
.navbox{ height:40px; position:static; }
.menu-btn { top:11px; right:45px; width:33px; height:33px; }
.nav-container { width:100%; }
.cen{ background-color:#f0f0f0; border-radius:5px; }
.cen a{ padding:2px; border-radius:5px; }
.cen a p{ font-size:0.9rem; padding:0px 5px 0px 0px; }
.cen a img{ max-width:90%; }
#sfill{ fill:#000; }
.search{ margin-left: auto; position:static;}
.search-box{ width:100%; top:60px;}
.search-box form{ width:100%; }
.search-box input{ width: calc(100% - 60px);}
.nav-content > ul > li a { font-size:1.25rem; }
/*-- loc --*/
.locbox ul{ padding:10px 0px;}

/*-- footB --*/
.footB{padding-bottom:50px;min-height:auto;padding-top:0;}
.footdown{flex-direction:column;padding-top:20px;border:0; padding:20px 15px 15px;}
.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, #fff2d4, #e5d2a5);box-shadow:0 -2px 10px rgba(0,0,0,0.1);z-index:199;border-top:1px solid #fff2d4;}
.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:#000;}
.footer-navs p{color:#000;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; }
/*--滚动到顶部--*/
.back-to-top {bottom:70px; right:10px; width:30px; height:30px; }

/*-- 内页 --*/
.inbanner{ margin-top:54px; }
.inbanner>i{height:140px; }
.inbanner i img{ width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; top:50%;left:50%; transform: translate(-50%, -50%); max-width: 100%; }


}

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