*{margin:0;padding:0;border:0;outline:0;font-size:100%;zoom:1;vertical-align:baseline;box-sizing:border-box;}
*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
body{font:1rem/1.6 Microsoft Sans Serif,Lantinghei SC;color:#585858;background:#fff;-moz-osx-font-smoothing:grayscale;}
input[type="submit"],input[type="reset"],input[type="button"],button{-webkit-appearance:none;/*去掉苹果的默认UI来渲染按钮*/}
input::-webkit-input-placeholder{color:#aaa;}
input::-moz-placeholder{color:#aaa;}
input:-moz-placeholder{color:#aaa;}
input:-ms-input-placeholder{color:#aaa;}
table{border-spacing:0;empty-cells:show;}
table,th,td{border-collapse:collapse;}
ul,ol,li{list-style:none;}
em,i{font-style:normal;}
img{border:0;}
a{margin:0;padding:0;background:0 0;color:#585858;text-decoration:none;-webkit-transition:color .3s ease;-o-transition:color .3s ease;transition:color .3s ease;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;color:#333;}
a:active{text-decoration:none;}
a:focus,input:focus{outline:none;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.clearfix{display:block;}.cl{clear:both;overflow:hidden;}
.fl{float:left;}.fr{float:right;}
.tl{text-align:left}.tr{text-align:right;}
.box{max-width:1200px;margin:0 auto;padding:0 20px}
.box:after{clear:both;content:"";display:block}
.hd_fixed{position:fixed;top:0;z-index:9;border-bottom:0}
.flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.flex span{width:100%;text-align:center}
.flex span:first-child{text-align:left}
.flex span:last-child{text-align:right}
.v-title{width:300px;margin:30px auto;border-top:1px solid #c2c2c2;text-align:center;}
.v-title span{display:block;width:100px;margin:-12px auto 0;font-size:20px;font-weight:700;color:#999;background:#fff;}
/*顶部浮动菜单*/
.navbar{background-color:#fff;box-shadow:0 2px 5px rgba(0,0,0,.1);padding:15px 20px;position:fixed;width:100%;top:0;z-index:1000;transition:all 0.5s ease;}
.navbar.transparent{background-color:transparent;box-shadow:none;}
.nav-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}
.logo{font-size:24px;font-weight:700;color:#333;text-decoration:none}
.logo img{height:36px;}
.nav-menu{display:flex;list-style:none}
.nav-menu.oh{overflow-y:visible;}
.nav-menu li{margin-left:30px;position:relative;line-height:1.5;}
.nav-menu a{text-decoration:none;color:#000;font-size:16px;padding:5px 0;display:block;transition:color .3s}
.nav-menu li::after{content:'';position:absolute;bottom:0;right:0;width:0;height:2px;background-color:#000;transition:width .3s ease-in-out,left 0s .3s,right 0s .3s}
.nav-menu li:hover::after{width:100%;right:auto;left:0;transition:width .3s ease-in-out}
.nav-menu a:hover{color:#000}
.navbar .menuBtn{display:none;width:24px;height:24px;border:0;padding:0;position:relative;cursor:pointer;align-items:center;flex-direction:column;justify-content:center;background-color:transparent}
.navbar .menuBars{position:relative;display:block;width:18px;height:2px}
.navbar .menuBar{position:absolute;display:block;width:100%;height:100%;transition:transform .2s cubic-bezier(0,0,.2,1);transform:none}
.navbar .menuBar::before{display:block;width:100%;height:100%;content:'';transition:transform .2s cubic-bezier(0,0,.2,1) .2s;border-radius:.5px;background:#000;backface-visibility:hidden}
.navbar .menuBar:first-of-type::before{transform:translateY(-7px)}
.navbar .menuBar:nth-of-type(2){visibility:visible;transition:visibility .001ms linear .2s}
.navbar .menuBar:nth-of-type(3)::before{transform:translateY(7px)}
.navbar.isOpen .menuBar:first-of-type::before,.navbar.isOpen .menuBar:nth-of-type(3)::before{transition:transform .2s cubic-bezier(0,0,.2,1);transform:none}
.navbar.isOpen .menuBar:first-of-type{transition:transform .2s cubic-bezier(0,0,.2,1) .2s;transform:rotate(45deg) scaleX(1.18)}
.navbar.isOpen .menuBar:nth-of-type(2){visibility:hidden}
.navbar.isOpen .menuBar:nth-of-type(3){transition:transform .2s cubic-bezier(0,0,.2,1) .2s;transform:rotate(-45deg) scaleX(1.18)}
.nav-menu .submenu{display:none;position:absolute;top:100%;left:-10px;list-style:none;min-width:100px;padding:10px 0;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.1)}
.nav-menu .submenu li{margin:0;padding:0}
.nav-menu .submenu a{padding:8px 10px;font-size:14px}
.nav-menu li:has(.submenu)>a::after{content:'\23F7';font-size:14px;margin-left:3px}
.nav-menu li:hover .submenu{display:block}
.nav-menu .submenu li::after{content:none;transition:none}
.nav-menu .submenu li:hover::after{transition:none}
/*banner广告*/
.swiper-slide{text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.swiper-slide img{display:block;width:100%;height:100%;object-fit:cover}
.swiper-slide .ad-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;color:#fff;font-size:24px;font-weight:700;text-shadow:2px 2px 4px #000}
.swiper-slide picture{display:block;width:100%;height:100%}
/*页脚*/
footer{background-color:#1a1a1a;color:#666;padding:50px 0 20px;font-size:.95rem;line-height:1.2;}
footer a,footer a:active{color:#999;}
footer a:hover{color:#ccc;}
.footer-content{display:flex;justify-content:space-between;margin-bottom:40px}
.footer-info{flex:0 0 300px}
.footer-info h3{margin-bottom:20px;font-size:18px;}
.footer-info p{margin-bottom:10px;color:#999}
.footer-links-grid{flex:1;display:flex;justify-content:space-around;gap:30px;margin-left:50px}
.footer-links-grid dl{flex:1;text-align:center;}
.footer-links-grid dl dt{margin-bottom:20px;font-size:18px;font-weight:bold;}
.footer-links-grid dl dt a{color:#666;}
.footer-links-grid dl dd{margin-bottom:12px}
.footer-links-grid dl dd a{color:#999;text-decoration:none;transition:color .3s ease}
.footer-links-grid dl dd a:hover{color:#fff}
.footer-bottom{font-size:.8rem;text-align:center;padding-top:20px;border-top:1px solid #333}
.footer-bottom a{margin-left:10px;}
@media(max-width:768px){
.logo img{height:20px;}
.nav-menu{position:absolute;top:100%;left:0;right:0;background-color:#fff;flex-direction:column;width:100%;padding:0 20px;box-shadow:0 2px 5px rgba(0,0,0,.1);max-height:0;overflow:hidden;transition:max-height .3s ease-out,padding .3s ease-out}
.nav-menu li{padding:10px 0;line-height:1;margin-left:0;text-align:center;opacity:0;transform:translateY(-10px);transition:opacity .5s ease,transform .5s ease}
.nav-menu>li{border-bottom:1px solid #eee;}
.navbar .menuBtn{display:flex}
.nav-menu.oh{overflow-y:auto;}
.navbar.isOpen .nav-menu{max-height:80vh;padding:20px;transition:max-height .3s ease-in,padding .3s ease-in}
.navbar.isOpen .nav-menu li{opacity:1;transform:translateY(0);transition-delay:calc(.05s * var(--i))}
.nav-menu li::after{display:none}
.nav-menu .submenu{display:block;position:static;box-shadow:none;transition:max-height .3s ease-out}
.nav-menu li:has(.submenu)>a::after{position:absolute;right:0}

.footer-content{flex-direction:column;}
.footer-info{margin-bottom:40px;flex:0 0 130px; text-align: center;}
.footer-links-grid{flex-direction:row;margin-left:0;gap:10px}
.footer-links-grid dl{flex:2;}
.footer-links-grid dl dt{padding-right:15px}
.footer-links-grid dl dd{margin-bottom:15px;padding-right:15px}
}

/*页码*/
.pagination{display:flex;justify-content:center;gap:8px;margin-top:50px}
.pagination li,.pagination li a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;color:#666;cursor:pointer;transition:all .3s;font-weight:500;box-shadow:0 2px 8px rgba(0,0,0,.05)}
.pagination li:hover{background:#f0f7ff;color:#ce3100;transform:translateY(-2px)}
.pagination li.active{background:#ce3100;color:#fff;box-shadow:0 4px 12px rgba(26,115,232,.2)}
.pagination li.disabled{color:#ccc;}

/*遮蔽层*/
.fademask.on{width:100%;height:100%;background:rgba(0,0,0,.5);position:fixed;top:0;right:0;bottom:0;left:0;z-index:3;transition:background .3s}

/*滚动条*/
::-webkit-scrollbar{-webkit-appearance:none;width:8px;height:6px}
::-webkit-scrollbar-track{background:rgba(0,0,0,.1);border-radius:0}
::-webkit-scrollbar-thumb{cursor:pointer;border-radius:5px;background:rgba(0,0,0,.25);transition:color .2s ease}
::-webkit-scrollbar-thumb:window-inactive{background:rgba(0,0,0,.15)}
::-webkit-scrollbar-thumb:hover{background:rgba(128,135,139,.8)}