@charset "utf-8";
body {font: lighter 12px/1.5 "Microsoft YaHei","微软雅黑","宋体",tahoma,arial,sans-serif;color: #333;padding:0px;margin:0px;background:#f5f5f5; min-width:1200px;word-break: break-all;}
h1,h2,h3,h4,h5,form,p,ul,li{margin:0px;padding:0px;list-style:none;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
input,select{font: 12px/1.5 tahoma,arial,宋体,sans-serif;padding:0px;margin:0px;}
*{padding:0px;margin:0px;}html{overflow-y}
img{border:0; max-width:100%;}img{vertical-align:middle;}

.fl{float:left;}.fr{float: right;}
.clear{clear:both;height:0px;font-size:0px;line-height:0px;}
.clearfix:after {clear: both;content: " ";display: block;height: 0;}
em{font-style: normal;}
a { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none; outline: 0;}
a:hover{text-decoration: none;}
a{color:inherit; *color:#666;}
a:hover { }
.gray_3{color:#333333;font-family: Arial;}.gray_c{color:#CCCCCC;}
.gray_5 {color: #555555;}.gray_6 {color: #666666;}
.gray_9 {color: #999999;}
.mb20{margin-bottom: 20px;}.mb10 {margin-bottom: 10px;}.mt10 {margin-top: 10px;}.mt20{ margin-top:20px;}
.auto{width: auto;margin-right: auto;margin-left: auto;}
.box{ padding-top:72px; }
input,btn{ font-family:"Microsoft YaHei",SimSun,SimHei; }
.pt15{ padding-top:15px;}
.box_h{ padding-top:144px; }

.color_a{ color:#c33408;}
.color_b{ color:#2563eb;}
.color_c{ color:#18a24c;}
.color_d{ color:#9334ea;}
.w100 {
    width: 100%;
}
.wrap{width:1200px;margin:0px auto;}
.logo{ padding:20px 0 0 0;}
.logo img{ max-width:40%;}


#top_bg{ background:#fff ; height:72px; position:fixed; z-index:20000}
.login_nav{ height:30px; line-height:30px; font-size:12px; text-align:right;}
.login_nav a{ color:#333; padding:0 20px; float:right;}
.nav {
    height: 36px;
    padding:0px 0px  0px 20px;
    position: relative;
    width: auto;  text-align:right;
}

.nav  a {
    display: inline-block;
    font-weight: normal; margin:0 15px;
    height:36px;
    padding: 0px 10px 0px 10px;
    position: relative;font-size:14px;
    text-decoration: none; color:#333 ; text-align:center; line-height:36px;
}
 .nav a::after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 0;
      height: 2px;
      background-color: #2563eb;
      transition: width 0.3s ease;
    }
    
    .nav a:hover::after {
      width: 100%;
    }
.footer{ background:#000; padding:45px 0 10px 0;}
.footer_link li{ width:30.33%; float:left; margin:0 1.5%;background-color: rgba(255, 255, 255, 0.1); height:240px; border-radius:8px;}
.footer_link li dl{ padding:15px 25px 0 25px;}
.footer_link li dl dt{ color:#fff; font-size:1.3rem; font-weight:700; line-height:45px; border-bottom:1px solid #444;}
.footer_link li dl dd { padding:10px 0 0 0;}
.footer_link li dl dd p{  color:#9ca3af;font-size:1rem; line-height:27px; word-break: keep-all;}
.footer_link li dl dd a{ font-size:1rem; display:block;color:#9ca3af;line-height:42px; }
.footer_link li dl dd a:hover{  -ms-transform: translateX(5px);
    -webkit-transform: translateX(5px);
    -moz-transform: translateX(5px);
    -o-transform: translateX(5px);
    transform: translateX(5px);}
.footer_copyright{ padding:30PX 0; color:#9ca3af;font-size:1rem; line-height:27px; text-align:center;   border-top:1px solid #333; margin-top:30px;}



.head-search{display: block;position:fixed; z-index:20000; top:72px; width:100%; box-shadow: 0 2px 6px 0px rgba(49, 49, 49, 0.2); }
.head-search{background:#fefeff;height:40px;line-height:40px; border-bottom:1px solid #ddd;padding:16px 0;}

.wuyu_name{ width:380px; height:45px;}
.s_nav{width:500px; text-align:center ; padding-left:60px;}
.s_nav a{ font-size:14px; color:#333; line-height:39px; margin:0 18px; padding:4px 8px;}
.s_nav a:hover{ border-radius:3px; background:#fef2f2; color:#dc2626; }
 .search-btn{width:88px;height:36px; border:0; cursor:pointer; line-height:36px; border-radius:18px; margin-top:1px; display:inline-block; text-align:center;color:#fff;font-size:14px;font-family:'Microsoft Yahei';cursor: pointer;}

a.goback{ font-size:16px; display: block; line-height:40px; color:#333;}


 .hidden-layer {
            display: none;
            position: absolute;
            background-color: #fff;
            border: 1px solid #eee;
            padding: 5px;
            z-index: 1000;
            top: 100%; /* 让隐藏层出现在触发元素下方 */
            left: -7px;
            min-width: 70px;
        }
        .trigger {
            position: relative;
            display: inline-block;
            padding: 10px 25px 10px 10px; /* 右边留出空间给倒三角 */
            cursor: pointer; float:left;
        }
        .trigger:after {
            content: "▼"; /* 倒三角符号 */
            position: absolute;
            right: 8px;
            top: 50%;
            transform: translateY(-50%);
            font-size: 12px;
            color: #ccc;
        }
    .hidden-layer p{ text-align:center; line-height:25px;}