@charset "utf-8";

/* 
 *@Project: 样式重设及公共样式表
 */

html {
	color: #7a7a7a;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
:root {
    --color: #014199;
    --main-color: #014199;
    --main: #014199;
    --color02: rgba(54,172,74,1);
    --linear-gradient-2: linear-gradient(to top right,#014199,#0094df);
    --linear-gradient: linear-gradient(to top right,#014199,#0094df);
    --linear-gradient-g: linear-gradient(135deg,#014199,#0094df);
    --main-padding: 6vh 0;
    --j-color: #014199;
    --main-color2: #014199;
}
body,
div,
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,
hgroup,
menu,
nav,
section {
	margin: 0;
	padding: 0;
	border: 0;
}

div,
p,
h1,
h2,
h3,
h4,
h5,
h6,
textarea {
	table-layout: fixed;
	word-break: break-all;
}

i {
	font-style: normal;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

audio,
canvas,
video {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

body,
button,
input,
select,
textarea {
	font: 14px/1.5 Microsoft Yahei, tahoma, arial, sans-serif;
}
input{
    border:none;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
    display:block;
}
.clearfix:after,.clearfix:before{
    display:table;content:" ";
}
.clearfix:after{
    clear:both;
}
*{
    box-sizing:border-box;
}
:after,:before{
    box-sizing:border-box;
}
body{
    font:14px/1.5 SimHei,Tahoma,Geneva,sans-serif!important;
}

body a {
	color: #ababab;
	outline: none;
	blr: expression(this.onFocus=this.blur())\9;
}

input,
select,
textarea,
button {
	font-size: 100%;
	outline: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

th {
	text-align: inherit;
}
.color-50{
  color: #505050 !important;
}

fieldset,
img {
	border: 0;
}


iframe {
	display: block;
}

abbr,
acronym {
	border: 0;
	font-variant: normal;
}

del {
	text-decoration: line-through;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
	font-style: normal;
	font-weight: 500;
}

ol,
ul {
	list-style: none;
}

caption,
th {
	text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before,
q:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	font-size: 0;
	height: 0;
	line-height: 0
}

a:hover {
	text-decoration: none;
}

ins,
a {
	text-decoration: none;
}

.w1020 {
	width: 1020px;
	margin: 0 auto;
}

.w1200 {
	width: 1200px;
	margin: 0 auto;
}
.w1100{
	width: 1100px;
	margin: 0 auto;
}

.w900 {
	width: 900px;
}

.fn-clear:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.fn-clear {
	zoom: 1;
}

body .fn-hide {
	display: none;
}

body .fn-show {
	display: block;
}

body .fn-v-hide {
	visibility: hidden;
	opacity: 0;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
}

body .fn-v-show {
	visibility: visible;
	opacity: 1;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
}

.fn-left,
.fn-right {
	display: inline;
}

.fn-left {
	float: left;
}

.fn-right {
	float: right;
}

.padding-t-10 {
	padding-top: 10px;
}

.padding-t-15 {
	padding-top: 15px;
}
.padding-t-60 {
	padding-top: 60px;
}
.padding-t-25 {
	padding-top: 25px;
}
.padding-t-20 {
	padding-top: 20px;
}
.padding-t-30{
	padding-top: 30px;
}
.padding-t-35{
	padding-top: 35px;
}
.padding-t-40{
	padding-top: 40px;
}
.padding-b-10 {
	padding-bottom: 10px;
}
.padding-b-25 {
	padding-bottom: 25px;
}


.padding-b-30 {
	padding-bottom: 30px;
}
.padding-b-40 {
	padding-bottom: 40px;
}
.padding-b-50 {
	padding-bottom: 50px;
}
.padding-b-60 {
	padding-bottom: 60px;
}
.padding-b-70 {
	padding-bottom: 70px;
}
.padding-b-80 {
	padding-bottom: 80px;
}
.padding-t-70 {
	padding-top: 70px;
}
.padding-b-70 {
	padding-bottom: 70px;
}
.padding-10 {
	padding: 10px;
}

.padding-tb-10 {
	padding: 10px 0;
}

.padding-lr-5 {
	padding: 0 5px;
}

.margin-t-5 {
	margin-top: 5px;
}

.margin-t-10 {
	margin-top: 10px;
}

.margin-t-15 {
	margin-top: 15px;
}

.margin-t-20 {
	margin-top: 20px;
}

.margin-t-25 {
	margin-top: 25px;
}
.mt20{
  margin-top: 20px;
}
.p50{
	padding:50px 0;
}
.p40{
	padding:40px 0;
}
.p60{
	padding:60px 0;
}
.margin-t-30 {
	margin-top: 30px;
}
.margin-t-40 {
	margin-top: 40px;
}
.margin-t-50 {
	margin-top: 50px;
}
.margin-t-60 {
	margin-top: 60px;
}
.margin-t-70 {
	margin-top: 70px;
}
.margin-t-80 {
	margin-top: 80px;
}
.margin-t-90 {
	margin-top: 90px;
}

.margin-t-35 {
	margin-top: 35px;
}

.margin-t-40 {
	margin-top: 40px;
}
.margin-t-50 {
	margin-top: 50px;
}
.margin-l-5 {
	margin-left: 5px;
}

.margin-l-10 {
	margin-left: 10px;
}

.margin-l-15 {
	margin-left: 15px;
}

.margin-l-20 {
	margin-left: 20px;
}

.margin-l-30 {
	margin-left: 30px;
}

.margin-l-40 {
	margin-left: 40px;
}

.margin-r-10 {
	margin-right: 10px;
}

.margin-r-5 {
	margin-right: 10px;
}

.margin-b-5 {
	margin-bottom: 5px;
}

.margin-b-10 {
	margin-bottom: 10px;
}

.margin-b-15 {
	margin-bottom: 15px;
}

.margin-b-20 {
	margin-bottom: 20px;
}

.margin-b-30 {
	margin-bottom: 30px;
}

.margin-b-40 {
	margin-bottom: 40px;
}
.margin-b-50{
	margin-bottom: 50px;
}
.margin-b-60{
	margin-bottom: 60px;
}
.margin-b-70{
	margin-bottom: 70px;
}

.margin-b-100 {
	margin-bottom: 100px;
}

.margin-r-40 {
	margin-right: 40px;
}

.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}

.margin-lr-10 {
	margin: 0 10px;
}

.margin-lr-20 {
	margin: 0 20px;
}
.padding-20{
	padding: 0 20px;
}
.b-r-3 {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
}

.b-r-5 {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
}

.b-r-10 {
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
}

.b-r-50 {
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
}

.text-ellipsis {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

input.input_focus{
    border: 1px solid red !important;
    box-shadow: 0 0 20px rgba(0, 0, 0, .1);
}
.shadow05{box-shadow: 0 0 20px 0 rgba(0, 0, 0, .05);}
.imgblock{display: block;}
.w100{width: 100%;display: block;}
.flex{display: flex;}
.flex-jcsb{justify-content: space-between;}
.flex-end{justify-content: flex-end;}
.jc-right{justify-content: flex-end;}
.jc-center{justify-content: center;}
.ai-center{align-items: center;}
.f-left{float: left;}
.f-right{float: right;}
.fz-16{font-size: var(--fz16);}
.c-5b5b5b{color: #5b5b5b;}
.h_fff:hover{
    color: #fff !important;
}
.bg_f3f5f9{
    background-color: #f3f5f9;
}
.wline1 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.wline2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.wline3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.wline4 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}
.wline6 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;
}
.wline7 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;
    overflow: hidden;
}
.flex-wrap{flex-wrap: wrap;}
.mtop8{margin-top: 8%;}
.none{display: none;}
.img_cover,.CoverImg{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.fixed{position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.fixed_f{position: fixed !important;
}
.flex1{
    flex: 1;
}
.dw_relative {
  position: relative;
  overflow: hidden;
}
.error-msg {
  position: absolute;
  bottom: 5px;
  right: 20px;
  display: block;
  font-size: 11px;
  color: red;
} 
.radius4{
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	overflow: hidden;
}
.radius20{
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	overflow: hidden;
}
.radius10{
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	overflow: hidden;
}
.GDtime05{
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.GDtime1{
    transition: all 1s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
}
a{
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
}

.absoImg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
}
.CoverImg{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.block{display: block;}
.alert {
    position: fixed;
    padding: 15px 20px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 100000;
    color: #fff;
    text-align: center;
    /* line-height: .6rem; */
    font-size: 16px;
    display: none;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, .5);
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
    z-index: 3000;
}
@keyframes myfirst
{
	from {top:20px;opacity: 0;}
	to {top:0;opacity: 1;}
}
.text-center{
    text-align: center !important;
}
.f16{font-size: .16rem;}
.bgfff{background: #fff;}

.w1200{
	width:1200px;
	margin:0 auto;
}
.top{
	width: 100%;
	height: 34px;
	background: #f6f6f6;
	line-height: 34px;
}
.top h5{
	float: left;
	font-size: 14px;
	color:#666666;
}
.top p a{
	float: right;
	font-size: 14px;
	color:#666666;
	border-right: 2px solid #666666;
	height: 14px;
	line-height: 14px;
	margin-top: 10px;
	padding:0 7px;
}
.top p a:first-child{
	border-right: 0;
}
.top p a:hover{
	color:#00a0e9;
}
.t-con{
	padding:15px 0;
	/* background: var(--linear-gradient); */
}
.t-con .logo{
	width: auto;
	height: 102px;
}
.t-con .logo .txt{
  margin-left: 15px;
  border-left: 2px solid var(--color);
  padding-left: 15px;
}
.t-con .logo h5{
  font-size: 26px;
  color: var(--color);
}
.t-con .logo img{
	width: auto;
	height: 100%;
}
.t-con .r-tel{
	background: url(../images/tel.png) no-repeat left center;
	font-size: 16px;
	/* color:#fff; */
	font-weight: normal;
	padding-left: 67px;
	margin-top: 10px;
}
.t-con .r-tel p{
	font-size: 30px;
	/* color:#fff; */
	font-weight: bold;
}
p,span{
      text-wrap-mode: wrap !important;
}

/*导航*/
@media screen and (min-width:900px) {
	.top_closed{display: none;}
	.header-nav{background: var(--linear-gradient-2);}
    .navToggle{display: none;}
    .app_logo{display: none;}
    .nav {
        /* height: 50px; */
    }
    .nav ul {display: flex;justify-content: space-between;}
    .nav ul li {
        display: inline;
        text-align: center;
        font-size: 16px;
        position: relative;
    }
    .nav ul li:hover .p_a{
      background: var(--linear-gradient-g);
      color: #fff;
    }
    
    .nav ul li:last-child {
        margin-right: 0;
    }
    .nav .p_a{
		color: #fff;
	}
    .nav ul li a {
        color: #333;
        display: block;
        line-height: 50px;
        padding: 0 20px;
        position: relative;
        z-index: 2;
    }
    .nav ul li::before{
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0%;
        height: 2px;
        background-color: var(--main-color);
        transition: all .5s;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
}
    
    .nav ul li a:hover,.nav ul li:hover a,
    .nav ul li.on {
        /* background: #084f96; */
        color: var(--main-color);
      
    }
    .nav ul li:hover::before{
        width: 100%;
        /* left: auto; */
      
    }
    
    .nav ul li .dropdown_menu {
        margin: 0px;
        padding: 0;
        position: absolute;
        z-index: 999;
        display: block;
        left: -96px;
        -webkit-transform-origin: top center;
        -ms-transform-origin: top center;
        transform-origin: top center;
        -webkit-transform: scaleY(0);
        -ms-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transition: -webkit-transform .3s .2s;
        transition: transform .3s .2s;
    }
    .nav ul li:hover .dropdown_menu {
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transition: -webkit-transform .3s;
        transition: transform .3s;
    }
    .nav ul li .dropdown_menu{
        background-color: #fff;
        box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
    }
    .nav ul li .dropdown_menu  a {
        display: block;
        width: 300px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        color: #333;
        padding: 0 10px;
        opacity: 0;
        -webkit-transform: translate(0, -20px);
        -ms-transform: translate(0, -20px);
        transform: translate(0, -20px);
        -webkit-transition: all .2s;
        transition: all .2s;
    }
    
    .nav ul li:hover .dropdown_menu a {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        position: relative;
        transition: all .5s;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
    }
    
    
    .nav ul li .dropdown_menu a:hover {
        background: var(--main-color);
        display: block;
        color: #fff !important;
        /* width: 116px; */
        /* height: 55px; */
    }
    .nav ul li.P_active::before{
        width: 100%;
    } 
    .nav ul li.P_active{
      background: var(--linear-gradient-g);
    }
    .nav ul li.P_active .p_a{color: #fff;}
    .nav ul li.P_active::before{display: none;}
} 

/*底部*/
.footer{
	width: 100%;
	padding:45px 0;
	background: var(--linear-gradient);
}
.footer .f-contact .title{
	font-size: 14px;
	color:#909090;
	font-weight: lighter;
	text-align: left;
	text-transform: uppercase;
}

.footer .f-contact .title p{
	font-size: 24px;
	color:#e8e8e8;
	font-weight: normal;
	margin:0;
}
.footer .f-contact{
	width: 430px;
}
.footer .f-contact .c-icon h5{
	background: url(../images/yzn_32.png) no-repeat left center;
	padding-left: 50px;
	font-size: 15px;
	color:#fff;
	font-weight: normal;
	line-height: 37px;
	margin-top: 10px;
}
.footer .f-contact .c-icon h5 span{
	font-size: 18px;
	color:#fff;
	font-weight: bold;
}
.footer .f-contact .c-icon h5:nth-child(2){
	background: url(../images/yzn_43.png) no-repeat left center;
}
.footer .f-contact .c-icon h5:nth-child(3){
	background: url(../images/yzn_47.png) no-repeat left center;
}
.footer .f-ewm{
	width: 285px;
	overflow: hidden;
	margin-top: 70px;
}
.footer .f-ewm .w-img{
	width: 61px;
	height: 61px;
	float: left;
	margin-right: 25px;
	margin-top: 30px;
}
.footer .f-ewm .w-img img{
	width: 100%;
	height: 100%;
}
.footer .f-ewm .ewm-img{
	width: 105px;
	height: auto;
	float: right;
	font-size: 15px;
	color:#828282;
	text-align: center;
	line-height: 32px;
}
.footer .f-ewm .ewm-img img{
	width: 100%;
	height: auto;
	display: block;
}
.footer .f-form{
	width: 330px;
}
.footer .f-form h5{
	font-size: 24px;
	color:#fff;
	text-align: left;
}
.footer .f-form .bot-form{
	margin-top: 25px;
}
.footer .f-form .bot-form .inp01{
	width: 100%;
	border-radius: 5px;
	background: var(--linear-gradient-2);
	height: 38px;
	line-height: 38px;
	font-size: 14px;
	color:#e8e8e8;
	padding-left: 10px;
	margin-bottom: 13px;
}
.footer .f-form .bot-form .inp02{
	width: 100%;
	border-radius: 50px;
	background: #1890ff;
	height: 38px;
	line-height: 38px;
	font-size: 14px;
	color:#e8e8e8;
	text-align: center;
	margin-top: 7px;
}
.bqxz{
	padding:12px 0 12px 0;
	font-size: 14px;
	color:#fff;
}
.bqxz a{
	color:#fff;
	margin-left: 6px;
}
.bqxz a:hover{
	color:#184fa1;
}

/*左侧工具�?*/
#toolbar {
  position: fixed;
  z-index: 9999;
  right: 17px;
  bottom: 10%;
}

#toolbar li {
  margin-bottom: 3px;
  font-size: 0;
  width: 57px;
  height: 57px;
  right: 0;
  position: relative;
}

#toolbar li a {
  display: block;
  position: absolute;
  z-index: 9;
  right: 0;
  top: 0;
  width: 57px;
  height: 57px;
  overflow: hidden;
  background: #1c4187;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  white-space: nowrap;
  font-size: 0;
}
#toolbar li .icon-font {
  display: inline-block;
  vertical-align: top;
  width: 57px;
  height: 57px;
  background-color: #d9d9d9;
}

#toolbar li .icon-qq:after {
  background-position: 0 -150px;
}

#toolbar li .icon-phone:after {
  background-position: 0 -90px;
}

#toolbar li .icon-ewm:after {
  background-position: 0 -30px;
}

#toolbar li .icon-message:after {
  background-position: 0 -120px;
}

#toolbar li .icon-top:after {
  background-position: 0 -60px;
}

#toolbar li .icon-wangwang:after {
  background-position: 0 0;
}

#toolbar li .wz {
  display: inline-block;
  line-height: 57px;
  font-size: 14px;
  color: #fff;
  vertical-align: middle;
  padding-left: 10px;
}

#toolbar li.ewm .ewm-box {
  position: absolute;
  z-index: 1;
  padding: 5px;
  background: #1c4187;
  width: 110px;
  right: 120%;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: all .7s;
  transition: all .7s;
}

#toolbar li.ewm .ewm-box p {
  margin-bottom: 0;
}

#toolbar li.ewm .ewm-box img {
  max-width: 100%;
}

#toolbar li.ewm .ewm-box:after {
  content: '';
  position: absolute;
  right: -5px;
  bottom: 20px;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
  border-width: 5px;
  cursor: pointer;
  border-style: dashed dashed dashed solid;
  border-color: transparent transparent transparent #3776ce;
  border-right: none;
}

#toolbar li.ewm:hover .icon {
  background-position: -57px -180px;
}

#toolbar li.ewm:hover .ewm-box {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

#toolbar li.backtop {
  cursor: pointer;
}

#toolbar li.backtop .iconfont {
  color: #fff;
  background-color: #3776ce;
}

#toolbar li:hover a {
  width: 200px;
}

#toolbar li:hover .icon-font {
  background-color: #1c4187;
}

#toolbar li:hover .icon-qq:after {
  background-position: -30px -150px;
}

#toolbar li:hover .icon-phone:after {
  background-position: -30px -90px;
}

#toolbar li:hover .icon-ewm:after {
  background-position: -30px -30px;
}

#toolbar li:hover .icon-message:after {
  background-position: -30px -120px;
}

#toolbar li:hover .icon-wangwang:after {
  background-position: -30px 0;
}

#toolbar li:hover .icon-top:after {
  background-position: -30px -60px;
}

@media (max-width: 990px) {
  #toolbar {
    display: none;
  }
}

.icon-font {
  position: relative;
}

.icon-font:after {
  content: "";
  width: 30px;
  height: 30px;
  background-image: url(../images/icon_spirit.png);
  background-repeat: no-repeat;
  position: absolute;
  left: calc(50% - 15px);
  top: calc(50% - 15px);
}
#F_form input::placeholder{
  color: #fff;
  opacity: .7;
}

/* 手机端底部 */
.fixedBot {
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: #fff;
  height: 56px;
  width: 100%;
  z-index: 99;
  border-top: 1px solid #e1e1e1;
  display: none;
}

.fixed-link {
  float: left;
  width: 25%;
}

.fixed-link img{
  display: block;
  margin: auto;
  height: 26px;
  margin-top: 5px;
}

.fixed-title {
  text-align: center;
  font-size: 14px;
  color: #5a5a5a;
  line-height: 20px;
}

.fixed-link:hover .fa,
.fixed-link:hover .fixed-title {
  color: var(--main-color);
}
       .panel-bodys {
        padding: 2vh 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 1.6vw;
}

      /* 导航栏主容器 - 粘性顶部效果 */
        .nav-container {
            position: sticky;
            top: 0;
            z-index: 1000;
            width: 100%;
            background: var(--linear-gradient);
            box-shadow: 0 12px 20px -10px rgba(0, 0, 0, 0.3);
            backdrop-filter: blur(2px);
        }

        /* 一级导航栏 (flex 居中，响应式内边距) */
        .nav-primary {
            max-width: 1400px;
            margin: 0 auto;
            display: flex;
            flex-wrap: wrap;
            list-style: none;
            padding: 0 1.5rem;
            position: relative;
        }

        /* 一级菜单项 */
        .nav-item {
            position: relative;
        }

        /* 一级链接样式 */
        .primary-link {
            display: flex;
            align-items: center;
            gap: 6px;
            padding: 1rem 1.3rem;
            font-size: 1rem;
            font-weight: 600;
            color: #f0f3f8;
            text-decoration: none;
            letter-spacing: 0.5px;
            transition: all 0.25s ease;
            background: transparent;
            border: none;
            cursor: pointer;
            white-space: nowrap;
        }

        /* 一级菜单悬浮/焦点效果 */
        .nav-item:hover > .primary-link,
        .nav-item:focus-within > .primary-link {
            background: var(--main);
            color: #ffffff;
            border-radius: 8px 8px 0 0;
        }

        /* 下拉箭头 (模拟小三角) */
        .arrow {
            font-size: 12px;
            transition: transform 0.2s;
            display: inline-block;
        }

        .nav-item:hover > .primary-link .arrow,
        .nav-item:focus-within > .primary-link .arrow {
            transform: rotate(180deg);
        }

        /* ========= 二级菜单容器 (默认隐藏) ========= */
        .dropdown-secondary {
            position: absolute;
            top: 100%;
            left: 0;
            min-width: 220px;
            background: #ffffff;
            border-radius: 0 12px 12px 12px;
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
            list-style: none;
            padding: 0.6rem 0;
            visibility: hidden;
            opacity: 0;
            transform: translateY(-12px);
            transition: visibility 0.2s, opacity 0.2s, transform 0.2s ease;
            z-index: 100;
        }

        /* 二级菜单项 */
        .dropdown-secondary li {
            position: relative;
        }

        .secondary-link {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0.7rem 1.2rem;
            font-size: 0.95rem;
            font-weight: 500;
            color: #1e2a36;
            text-decoration: none;
            transition: background 0.2s;
            background: #ffffff;
            white-space: nowrap;
        }

        .secondary-link:hover {
            background: #ecf3f9;
            color: #0a5c7e;
        }

        /* 二级菜单箭头 (如果有三级菜单) */
        .has-third .secondary-link .arrow {
            color: #6c7a89;
            font-size: 12px;
            margin-left: 12px;
        }

        /* ========= 三级菜单容器 ========= */
        .dropdown-third {
            position: absolute;
            top: 0;
            left: 100%;
            min-width: 200px;
            background: #fefefe;
            border-radius: 12px;
            box-shadow: 0 12px 28px rgba(0, 0, 0, 0.2);
            list-style: none;
            padding: 0.5rem 0;
            visibility: hidden;
            opacity: 0;
            transform: translateX(-8px);
            transition: visibility 0.2s, opacity 0.2s, transform 0.2s ease;
            border-left: 3px solid #2c7da0;
        }

        .third-link {
            display: block;
            padding: 0.6rem 1.2rem;
            font-size: 0.9rem;
            font-weight: 400;
            color: #2c3e50;
            text-decoration: none;
            white-space: nowrap;
            transition: background 0.2s, color 0.2s;
        }

        .third-link:hover {
            background: #e4edf5;
            color: #0f5b7a;
            padding-left: 1.5rem;
        }

        /* 显示二级菜单 (hover 或 focus 链) */
        .nav-item:hover > .dropdown-secondary,
        .nav-item:focus-within > .dropdown-secondary {
            visibility: visible;
            opacity: 1;
            transform: translateY(0);
        }

        /* 显示三级菜单 - 悬浮在带三级菜单的二级项上 */
        .dropdown-secondary li.has-third:hover > .dropdown-third,
        .dropdown-secondary li.has-third:focus-within > .dropdown-third {
            visibility: visible;
            opacity: 1;
            transform: translateX(0);
        }

        /* 针对触摸屏/键盘支持: 保持焦点延续 */
        .dropdown-secondary li a:focus-visible ~ .dropdown-third,
        .dropdown-secondary li.has-third:focus-within .dropdown-third {
            visibility: visible;
            opacity: 1;
            transform: translateX(0);
        }

        /* 确保三级菜单不超出右侧边界 (如果靠右则反向展开? 可选简约处理，这里做防溢出但不做完全翻转，因为示例背景右侧有空间) */
        @media (max-width: 1100px) {
            .dropdown-third {
                left: auto;
                right: 100%;
            }
            .dropdown-secondary li.has-third:hover > .dropdown-third {
                left: auto;
                right: 100%;
                transform: translateX(0);
            }
        }

        /* 响应式: 当屏幕过小，二级菜单适当左对齐调整，不破坏结构 */
        @media (max-width: 768px) {
            .nav-primary {
                padding: 0 0.8rem;
                overflow-x: auto;
                flex-wrap: nowrap;
                -webkit-overflow-scrolling: touch;
                scrollbar-width: thin;
            }
            .primary-link {
                padding: 0.8rem 1rem;
                font-size: 0.9rem;
                white-space: nowrap;
            }
            .dropdown-secondary {
                position: fixed;
                top: auto;
                left: 0;
                right: 0;
                width: 90%;
                max-width: 280px;
                margin-left: 1rem;
            }
            /* 移动端简化: 三级菜单相对自适应 */
            .dropdown-third {
                position: static;
                box-shadow: none;
                border-left: none;
                padding-left: 1.2rem;
                background: #f8fafc;
                margin-top: 0.2rem;
                margin-bottom: 0.2rem;
                opacity: 1;
                visibility: hidden;
                max-height: 0;
                overflow: hidden;
                transform: scaleY(0);
                transition: all 0.2s;
            }
            .dropdown-secondary li.has-third:hover .dropdown-third,
            .dropdown-secondary li.has-third:focus-within .dropdown-third {
                visibility: visible;
                max-height: 200px;
                opacity: 1;
                transform: scaleY(1);
                position: relative;
                background: #f1f6fc;
                border-radius: 8px;
            }
            .third-link {
                white-space: normal;
            }
        }