@charset "utf-8";
.min_H{ }
section{padding:0 20px;width:var(--box-width)}
.mainflex{display:flex; flex-direction:column}
.newsber{ color:#E00408 !important; font-weight:700}
.newsber::after{content:'NEW'; color:#f00; font-size:10px; letter-spacing:0;transform:rotate(321deg); display:inline-block;text-shadow: 2px 4px 3px rgba(0,0,0,0.3); position:absolute; left:-8px; font-weight:700}

.topImg_1 img{aspect-ratio: 300 / 300;}
input:focus,textarea:focus,select:focus{outline: none;}
.bg_head{width:var(--box-width);position: sticky;background:var(--minbgcolor); border-bottom:1px solid #e6e7eb;top:0; z-index:100}
.head_box{  width:var(--box-width); } 
.topCss{box-shadow:0 1px 6px 0 rgba(32, 33, 36, 0.28)}
.head_box_2{max-width:var(--max-width);display:flex; width:var(--box-width); align-items:center; margin:0 auto; padding:var(--min4-padding);gap:0 50px}
.head_box_2_L_logo{ flex:0 0 230px; height:42px}
.mUm{display:none}
.head_box_2_nav{ flex:2; display:flex; justify-content:space-between; align-items:center}
.mobshide a{color:#333; display:inline-block; margin:0 5px}
.mobshow{display: none !important}
.head_box_2_L{overflow:hidden; font-size:0; display:block; padding:5px; height:100%}
.head_box_2_R{flex:5; display:flex; }
.head_box_2_R form{width:var(--box-width)}
.sherf{ display:flex;width:var(--box-width); align-items:center; gap:10px}
.sherf_L{ display:flex;align-items:center; width:var(--box-width);border:2px solid var(--box-color);  border-radius:60px; position:relative; height:40px}
.keywordname{width:calc(100% - 160px); height:100%; position:relative}
.keywordname input{padding:5px; width:100%; height:100%; position:relative; border:1px solid transparent}
.keywordname span{ position:absolute}
.abb{width:80px; position:relative; height:100%;font-size:14px; border-right:1px solid #dadada; letter-spacing:3px; padding:5px; border-radius:60px 0 0 60px; cursor:pointer}
.abblabel::after{ content:'▼'; position:absolute; top:0px; right:0;}
.abblabel.ssb::after{transform: rotate(180deg);}
.abblabel{position: relative; height:30px; padding-left:15px; line-height:30px}
.abb ul{background:#fff; position:absolute;border:2px solid var(--box-color); left:10px; right:-2px; top:34px; border-top: 2px solid transparent; display:none}
.abb ul li{padding:4px 0 4px 10px; border-bottom:1px solid #E9E9E9 }
.abb li:hover{background: #1F92E4; color:#fff}

label{position:relative}
label span{position:absolute; font-size:0; }
label select{position:relative}

.sherf_L button{width:80px; color:var(--white-color); background:var(--box-color); height:100%; cursor:pointer; border-radius:0 60px 60px 0; border:2px solid var(--box-color); font-size:14px; letter-spacing:3px}
.sherf_R{color:var(--box-color); line-height:1; font-size:12px; display:block}
sherf_R::before{content:'\2709'; text-align:center; display:block; font-size:28px}
.sherf_R svg{width:25px; display:block; text-align:center;fill:#555; margin:auto;animation: askSvg 1.5s infinite;}
.head_nav{width:var(--box-width);background:var(--minbgcolor); position:relative;box-shadow:0px 3px 5px -3px rgba(0, 0, 0, 0.12)}
.head_nav_box{max-width:var(--max-width);width:var(--box-width); display:flex; justify-content:space-between; align-items:center;margin:0 auto}
.head_nav a{display:inline-block; font-size:14px; padding:10px 13px; color:#222; position:relative;transition: .3s ease;}
.head_nav a:hover{ color:var(--box-color)}
.head_nav a:hover::before{ border-bottom:4px solid var(--box-color); content:''; position:absolute; left:35%; bottom:5px; right:35%}
.head_nav a.navsvg{font-weight:900; color:#222; font-size:18px;}
.navsvg svg{fill:#222; width:25px; position:relative; top:4px; display:inline-block; margin-right:2px}

#pageNO{text-align:center; font-family:Arial; display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:10px; margin:20px auto; letter-spacing:0; font-size:13px}
#pageNO #Npage{border:1px solid var(--hover-color);  color:#fff; background-color:var(--hover-color); padding:5px 10px; font-size:14px; font-weight: bold}
#pageNO .Upage,#pageNO .Pno{border:var(--border);color:#444; background-color:#fff; padding:2px 6px}
#pageNO .Upage:hover,#pageNO .Pno:hover{border:1px solid var(--hover-color);color:#fff; background-color:var(--hover-color); padding:5px 10px}
#Pall{color:#555;}
#Pall span{color:#000; padding:0 3px}

#foot{background:#434343; color:#fff; margin-top:25px}
.web66foot{max-width:var(--max-width); width:var(--box-width); padding:var(--min-padding); display:flex;margin:0 auto}
.web66foot div{flex:1; padding:8px}
.web66foot div dd a::before{content:'\009B'; font-size:18px; font-weight:bold; position:relative; top:-3px}
.web66foot div dd{padding:5px}
.web66foot div dd#footask a::before{content:'';}
.web66foot div dt{font-weight:700; min-height:30px; font-size:17px}
.web66foot div dt p{font-size:13px; letter-spacing:0}
.web66foot div.or1{flex:2}
.web66foot div.or1 dt{font-size:24px}
#foot a{ color:#fff; padding:5px 0}
.foot2{padding:5px; text-align:center; font-size:13px; color:#fff; background:#393939}

@media (max-width: 760px){
section{padding:0}
.mobshide{display:none}
.mobshow{display:block}
.order10{order:10}
.head_box_2{justify-content:center; flex-wrap:wrap; gap:0}
.head_box_2_L_logo{text-align:center; margin-bottom:5px; overflow:hidden}
.mUm{display:block; flex:0 0 50px}
.abblabel::after{right:-8px}
.head_box_2_nav{flex:0 0 50px}
.head_box_2_R{flex:0 0 calc(100% - 80px); padding:0 10px; margin:0 0 0 30px}
.abblabel{padding-left:8px}
.sherf_R{ letter-spacing:0; }
.sherf_L button,.abb{width:65px}
.keywordname{width: calc(100% - 130px);}

head_box_2_L{max-width:220px; margin:auto; overflow:hidden}
.head_nav{position: fixed;background:#33333370; z-index:1000; left:0; top:0; height:100vh; display:none}
.navbox .head_nav{display:block}
.navbox .menu-btn{top:15px}
.head_nav_box{flex-direction:column; margin:0; height:100%; background:#f5f7fa; overflow:auto; width:75%; justify-content:flex-start; padding:50px 0 0 30px; align-items:flex-start;}
.head_nav a{display:block;padding:5px 3px; font-size:17px}
.head_nav a:hover::before{left:0; bottom:2px; right:0}




.menu-btn{cursor: pointer; position: fixed; left:0; top:60px; padding:10px; z-index:1001}

.line-1,.line-2,.line-3 {border-top: 2px solid #000;display: block;transition: margin 0.5s, transform 0.5s;width: 25px;}
.line-2 {margin: 5px 0;}
.navbox .line-1 {transform: rotate(45deg);margin: 0;}
.navbox .line-3 {transform: rotate(-45deg);margin: 0;}
.navbox .line-2 {margin: -2px 0;opacity: 0;}


.web66foot{flex-wrap:wrap}
.web66foot div{flex:0 0 auto; width:calc(100% / 3)}
.web66foot div.or1{flex:0 0 auto; width:100%}
.web66foot div:nth-child(5){width:100%}
.web66foot div:nth-child(5) dl{display:flex; justify-content:space-between; flex-wrap:wrap}
.web66foot div:nth-child(5) dt{width:100%}
.web66foot div:nth-child(5) dd{ width:calc(100% / 2)}
}