@charset "utf-8";
/* 性能优化开始 */
* {box-sizing:border-box;}
html {font-size:100px;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,menu,nav,section {margin:0;padding:0;border:0;}
:focus {outline:0}
a {text-decoration:none;color:#333333;will-change:color;cursor:pointer;}
a:hover {color:#8c1515;transition:.5s;}
.trans {-webkit-transition:all 0.5s;transition:all 0.5s;}
button {user-select:none;}
img:not([src]),img[src=""] {opacity:0;}
img {display:inline-block;padding:0;border:none;-ms-interpolation-mode:bicubic;max-width:100%;max-height:100%;vertical-align:middle;backface-visibility:hidden;}
ul,ol {list-style:none;}
i,em {font-style:normal;}
table {border-collapse:collapse;border-spacing:0;}
input,select,button,textarea {font-size:100%;font:inherit;}
hr {height:0;border:none;border-top:1px solid #e5e5e5;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
pre {overflow:auto}
code,kbd,pre,samp {font-family:monospace,monospace;font-size:1em}
body {background:#fff;color:#333;position:relative;overflow-x:hidden;font-size:.16rem;font-family:-apple-system,"PingFang SC","Microsoft YaHei",Arial,sans-serif,"Helvetica Neue","Open Sans","Hiragino Sans GB",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
select::-ms-expand {display:none;}
input,textarea,select {padding:0;font-family:inherit;outline:none;resize:none;background:none;border:none;font-size:inherit;color:inherit;}
input::-moz-placeholder {color:inherit;opacity:.5;font-size:inherit}
textarea::-moz-placeholder {color:inherit;opacity:.5;font-size:inherit}
select::-moz-placeholder {color:inherit;opacity:.5;font-size:inherit}
::-webkit-input-placeholder {color:#999;font-size:inherit}
input:-ms-input-placeholder {color:#999;font-size:inherit}
.wp {max-width:15.6rem;margin:0 auto;width:94%}
/* 响应式设计 */@media (max-width:1440px) {}
@media (max-width:769px) {.wp {padding:0 15px;width:100%;max-width:100%}
}
@media screen and (max-width:769px) {.header .wp {max-width:94%;padding:0}
.wp {padding:0 .3rem;}
}
@media screen and (max-width:769px) {html {font-size:85px!important;}
.wp {padding:0 0.15rem;}
}
@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:769px) {#gotop {transform:scale(0.9);bottom:.06rem;z-index:10000;background:#ba0714;right:.1rem;opacity:1 !important;visibility:visible !important;height:.7rem !important;}
}
/* Flex布局 */.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;}
/* 返回顶部按钮 */#gotop {position:fixed;bottom:.4rem;right:.2rem;box-sizing:border-box;text-align:center;cursor:pointer;transition:all .5s;width:.5rem;height:.5rem;line-height:.5rem;opacity:1;visibility:visible;overflow:hidden;border-radius:0.05rem;font-size:.3rem;color:#fff;z-index:100;background:#e2b075;will-change:transform,opacity;}
#gotop.hide {height:0;opacity:0;visibility:hidden}
#gotop svg {width:.4rem;height:.4rem;display:inline-block;fill:#fff;vertical-align:middle;margin:-3px 0 0;transition:transform .5s;}
/* 布局工具类 */.w100 {width:100%;}
.navShow {overflow:hidden}
.l1 {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;line-height:1.25}
.l2 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.l3 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.l4 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}
.l5 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical}
.l6 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical}
.l7 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical}
.zi2 {position:relative;z-index:2}
.zi5 {position:relative;z-index:5}
/* 图片容器 */.imgBox {position:relative;overflow:hidden;isolation:isolate;contain:layout style paint;}
.imgBox .img,.imgBox .imgLi {background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}
.imgBox .img,.imgBox .imgLi {padding-bottom:59%;transition:transform .5s;background-size:cover;display:block;background-repeat:no-repeat;background-position:center;display:block;background:#fff url(../images/loader.svg) center;background-size:.4rem auto !important;will-change:transform;}
.imgBox img,.imgBox video {position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:.5s;will-change:transform;}
.ieFiximg img {opacity:0\0;transition:transform .5s}
.ieFiximg .imgbg {width:100%;height:100%;overflow:hidden;transition:transform .3s ease}
.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}
/* 文本样式 */.h4s1,.h4s2,.h4s3 {font-size:.2rem;color:#000;line-height:.3rem;width:100%;transition:all .5s;}
.ps1,.ps2,.ps3 {font-size:.16rem;color:#999999;line-height:.28rem;width:100%;transition:all .5s;}
.h6s1 {font-size:.14rem;color:#999999;line-height:1.25;width:100%;transition:all .5s;font-family:"思源宋体 SemiBold";font-weight:600;}
h4,h5,h6 {font-weight:normal}
.bd_li {transition:all .5s;}
/* 移动端文本样式优化 */@media(max-width:769px) {.h4s1,.h4s2,.h4s3 {font-size:.18rem;line-height:.26rem;}
.ps0 {font-size:.16rem !important;line-height:.26rem !important;}
.ps1,.ps2,.ps3 {font-size:.16rem !important;line-height:.26rem !important;}
.ps1 {max-height:.26rem\0 !important;}
.ps2 {max-height:.52rem\0 !important;}
.ps3 {max-height:.78rem\0 !important;}
.arc-con * {font-size:14px !important;!i;!;}
.arc-con p {margin-bottom:.2rem}
}


body {font-size:.16rem;}

.searchbg {position:fixed;z-index:99998;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,.6);}
.search {padding:0 0 10px 0;display:none;display:block;position:fixed;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);z-index:99999;}
.search>div {min-width:500px;margin:0 auto;position:relative;padding-right:50px;padding:5px 0;background:#fff;}
.search>div input[type="text"] {display:block;width:100%;padding:0 70px 0 20px;font-size:16px;height:30px;box-sizing:border-box;}
.search-btn {position:absolute;right:0;top:0;height:40px;width:40px;background:#8c1515;}
.search-btn input {display:block;width:20px;margin:10px auto;}
.ssbox {line-height:40px;position:fixed;left:0;top:0;width:100%;height:100%;z-index:999999;display:none;}
.search-switch {cursor:pointer;}

@media screen and (max-width:1200px) {body {padding-top:0.55rem;}
.ssbox {display:none;}
.banner .slick-dots {bottom:10px;}
.banner .slick-slide a p {display:none;}
}

/* 头部导航 */
.header .navbtn{width:.36rem;transition: .3s;z-index: 5;text-align: center;position: relative;cursor: pointer;display: none; }
.menu-btn{overflow:hidden;width:.36rem;height:.36rem;background:0 0;opacity:1;position:absolute;z-index:999;top: 50%;transform: translateY(-50%);cursor: pointer;left: 0}
.menu-btn .line-1,.menu-btn .line-2,.menu-btn .line-3{position:absolute;top:50%;right:0;display:block;width:.36rem;height:2px;background:#fff;transition:all .4s cubic-bezier(.165,.84,.44,1) 0s;transition-property:transform,width,margin,background-color;margin-top: -1px}
.menu-btn .line-1{margin-top:-.1rem;width:.3rem}
.menu-btn .line-3{margin-top:.08rem;width:.3rem}
body.navShow .menu-btn .line-1{visibility:hidden}
body.navShow .menu-btn .line-2{margin-top:-1px!important;width:90%;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
body.navShow .menu-btn .line-3{margin-top:-1px!important;width:90%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
/*body.navShow{position: fixed;height: 100%;overflow: hidden;}*/

.header{position: fixed;top: 0;left: 0;right: 0;z-index: 999;padding: .15rem 0;background:#8c1515;background-size: cover}
.header .wp{align-items: center;transition: .3s;max-width:16rem;}
.header .logo img{height: .66rem;}
.header .topnav {position:relative;flex:1;min-width:0;display:flex;justify-content:flex-end;align-items:center;}
.header .topnav ul{align-items: center;}
.header .topnav ul li{margin-left: .2rem;position: relative;transition: .3s}
.header .topnav ul li i{/* position: absolute; */right: 0;top: .15rem;color: #fff;display: none;text-align: center;line-height: .3rem;transition: all .3s ease;font-family: 'lib';font-style: normal;font-size: .14rem;margin: 0 0 0 .06rem;}
.header .topnav ul li i.show{transform: rotate(180deg);}
.header .topnav ul li>a{color: #fff;font-size: .2rem; font-weight:bold;}
.header .topnav ul li .sub-nav{position:absolute;top:100%;left:50%;z-index:99;padding-top:.25rem;min-width: 1.5rem;transform: translateX(-50%);opacity: 0;visibility: hidden;transition: .3s;}
.header .topnav ul li .sub-nav .sub-nav-h{position: relative;background: #fff;padding: .2rem;box-shadow: 0 0 10px rgba(0,0,0,.3);background: #fff }
.header .topnav ul li .sub-nav .sub-nav-h:after{content: '';height: 3px;width: 100%;position: absolute;left: 0;top: 0;background:#ba0714;}
.header .topnav ul li .sub-nav .sub-nav-h a{display:block;font-size:.18rem;padding:0 .1rem ;white-space: nowrap;line-height: .35rem;text-align: center;}
.header .topnav ul li .sub-nav .sub-nav-h a:hover{color: #ba0714}
.header .topnav ul li .sub-nav .sub-nav-h:before{content: '';position: absolute;left: 50%;transform: translateX(-50%);border: 8px solid transparent;border-bottom-color:#ba0714;bottom: 100%}
.header .topnav ul li:hover .sub-nav{opacity: 1;visibility: inherit; }

.nav-use {float:right;overflow:hidden;font-size:0;margin-left:.2rem;display:flex;align-items:center;}
.nav-use a {display:block;color:#C5996A;border-radius:50%;width:0.32rem;height:0.32rem;display:flex;align-items:center;justify-content:center;border:1px solid #C5996A;transition:all 0.3s;font-size:.16rem;margin-left:.1rem;}
.nav-use a img {display:inline-block;vertical-align:middle;height:0.17rem;}
.nav-use a span {display:block;font-size:20px;}
.nav-use a:hover {background:#fff;}

.ssbox {line-height:40px;position:fixed;left:0;top:0;width:100%;height:100%;z-index:999999;display:none;}
.search-switch {cursor:pointer;}

.header .topnav::-webkit-scrollbar{display: none}
@media (max-width: 1800px){
.header .topnav ul li{margin-left: .2rem;}
.header .wp{margin-left: 3%;margin-right: 3%; margin:0 auto;}

}
@media (max-width: 1600px){
.header .topnav ul li{margin-left: 0.1rem;}
.ssbox {display:none;}
}
@media (max-width: 1024px){
body{}
.header{padding: .1rem 0;border-bottom: 0}
.header:before{height: 130%;}
.header .topnav{position: fixed;top: .8rem;right: -100%;height:calc(100vh - 1.5rem);z-index: 50;display: block;width: 100vw;padding: 0 5%;overflow: auto;text-align: left;}
.header .topnav ul{display: block;margin-right: 0;padding: 0 .2rem}
.header .topnav ul li{margin-left: 0;padding: .15rem 0;border-bottom: 1px solid rgba(255, 255, 255, .1);}
.header .topnav ul li:after{bottom: 0;height: 2px}
.header .topnav .btn{display: inline-block;}
.header .navbtn{display: block;}
.header .logo img{height: .5rem;}
.header .logo a{font-size: .2rem}
.scrolling  .header .topnav ul li:after{bottom: 0}
.navShow .header .wp{border-bottom: 0}
.navShow .header .topnav{right: 0;transition: .5s;}
.navShow .header{ background:#9b0d14;backdrop-filter: blur(5px);bottom: 0;position: fixed;width: 100%;height: 100%}
.header .topnav ul li i{display: block;font-size: .18rem;color: #fff;top: .12rem;position: absolute;}
.header .topnav ul li i:before{ content: "+";}
.header .topnav ul li i.show:before{ content: "-";}
.header .topnav ul li .sub-nav{position: static;transform: translateX(0);
opacity: 1;visibility: visible;transition: none;display: none;min-width: inherit;}
.header .topnav ul li .sub-nav .sub-nav-h:before,.header .topnav ul li .sub-nav .sub-nav-h:after{display: none}
.header .topnav ul li .sub-nav .sub-nav-h{text-align: left;background: transparent;box-shadow: none;padding-bottom: 0}
.header .topnav ul li .sub-nav .sub-nav-h a{background: transparent;font-size: .16rem;text-align: left;color: #fff}
.header .topnav ul li .sub-nav .sub-nav-h a:hover{background: transparent;}
.header .topnav ul li>a{font-size: .2rem}
.header .topnav ul li .sub-nav .sub-nav-h{padding: .2rem 0 0}

.header .topnav .topser .inp{line-height: .38rem;width: 2.5rem;height: .38rem}
.header .topnav .topser .sub{width: .4rem;line-height: .38rem;font-size: .24rem}
.header.on .topnav ul li i{color: #fff;}
.navShow .header:before{opacity: 1;visibility: visible;background: #8c1515;}
.nav-use{display:none;}
}
@media (max-width:640px){
.wp{}
.header{padding: .08rem 0;}
.header .topnav .topser{margin-left: 0}
.header .logo img{height: .45rem;width: 100%;}
.header .logo a{font-size: .16rem}
.header .topnav ul li .sub-nav{padding-top: 0}
.header .topnav ul li .sub-nav .sub-nav-h a{font-size: .18rem}
.header .topnav ul li .sub-nav .sub-nav-h .img{display: none}
.header .topnav ul li .sub-nav .sub-nav-h .list{margin-right: 0;width: 100%}
.header .topnav ul li .sub-nav .sub-nav-h .list span{width: 33.33333%;text-align: center;margin-right: 0}
}
@media (max-width: 375px){
.header .logo img{height: .38rem}
}
@media (max-width: 350px){
.header .logo img{height: .34rem}
.header .logo a{font-size: .14rem}
.header .topnav{top: .62rem}
}

/* 桌面端悬停效果 */
@media(min-width: 769px){
    .a:hover h4{ color: #8c1515;}
    .header .topnav ul li:hover .sub-nav{opacity: 1;visibility: inherit;transform:scaleY(1) translateX(-50%)}
}

.footer{position: relative;align-items: center;background: #8c1515 url(../images/footer_b1.jpg) center top no-repeat;background-size: cover; padding: .4rem 0; text-align: center;}
.footer p{ font-size: .2rem; color: rgba(255,255,255,.8); align-items: center; justify-content: center; line-height: 1.5;}
@media(max-width: 769px){
.footer{padding: .25rem 0;} 
}