@font-face {
  font-family: 'PM';
  src: url('fonts/Poppins-Medium.woff') format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'PR';
  src: url('fonts/Poppins-Regular.woff') format('woff');
  font-display: swap;
}

ul,li,form, dl,dt,dd,div,ul,li,p,em,i,address,ol{ font-style:normal; list-style:none; padding: 0px; margin: 0px;}
h1,h2,h3,h4,h5,h6{ padding:0px; margin:0px;}

body{font-family: 'PR';--hover-color:#fff;--white:#fff; --black:#000; --grey:#666; --grey2:#999; --rgb-white:255,255,255;--rgb-black:0,0,0; font-size: var(--font-size16);--rgb-hover:0,159,124; --radius: .1rem;overflow-x: hidden}

a:hover{color: var(--hover-color)}
.overflow {overflow: hidden;}

body{padding-top: 1.2rem}

.Header{position: fixed;width: 100%;left: 0;top: 0;transition: .3s all;z-index: 100;background: #5fc2d6}

.Header .logo img{max-height: .76rem;transition: .3s all}


.Header .top-right {}
.Header .menu{display: flex;justify-content: space-between;}
.Header .menu a{transition: .3s all;position: relative;width: 100%}
.Header .menu span a{font-size: var(--font-size24);font-family: 'PM';color: #fff}
.Header .menu a::before{content: '';position: absolute;width: 0;height: 3px;background:#fff;left: 50%;bottom: 0;transform: translateX(-50%);transition: .3s all;}



/*滚动后*/
/*.Header_fixed{box-shadow: 0 3px 6px rgba(0,0,0,.05);background: #fff}
.Header_fixed .logo img.white{display: none}
.Header_fixed .logo img.black{display: block}
.Header_fixed .menu a{color: #000}
.Header_fixed .open-search{filter: grayscale(0) brightness(0);}

.Header_fixed .top-lang span {color: #333;background: no-repeat url(../images/top-lang.svg) left center;background-size: .18rem auto;}

.Header_fixed .top-hotline span{color: var(--hover-color);}
.Header_fixed .top-hotline span::before{filter:none;}

.Header_fixed:after{display: none}*/

.Header .menu li:hover span a,
.Header .menu li.aon span a{}

.Header .menu li:hover a::before,
.Header .menu li.aon a::before{width: 100%}

@media(min-width:1025px){
    .Header .top-right{width: 69%;}
    .Header .menu li span{line-height: 1.2rem;}
}




.Bottom{background: #007799;position: relative;}
.Bottom:before{content: '';position: absolute;width: 100%;height: 1.3rem;bottom: 100%;left: 0;background: url(../images/bottom-bg.png)no-repeat center bottom;background-size: 100% 100%}
.Bottom .Bottom-top{padding: 1.4rem 0 1rem}
.Bottom .Bottom-nav dt a{color: #fff;font-size: var(--font-size24);font-family: 'PM';padding-bottom: .2rem;display: inline-block;transition: .3s all}
.Bottom .Bottom-nav dd:not(:last-child){padding-bottom: .05rem}
.Bottom .Bottom-nav dd a{color: #fff;font-size: var(--font-size20);display: inline-block;transition: .3s all}
.Bottom .Bottom-nav a:hover{opacity: .75}

.Bottom .Bottom-bottom{padding-bottom: .6rem}
.Bottom .Bottom-bottom .copyright{color: #fff;font-size: var(--font-size18);}
@media(min-width:1025px){
    .Bottom .Bottom-nav{display: flex;justify-content: space-between;width: 53%}
}