@charset "UTF-8";

/* Css 初始化 */
html { font-size: 8.32px; }
body { font-family:arial, "Microsoft Yahei",  "Helvetica Neue", Helvetica, Tahoma, sans-serif;color: #333; }
pre { white-space: pre-wrap; word-wrap: break-word; font-size: inherit; line-height: inherit; font-family: inherit; }
ul, ol, li { padding: 0; list-style: none; margin: 0; }
dl, dt, dd { margin: 0; font-weight: normal; }
p, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: inherit; line-height: inherit; font-size: inherit; }
i, em { font-style: normal; }
a { color: #333; text-decoration: none; }
a:hover { color: #ff9900; text-decoration: none; }

/* 公共 */
.iconfont{ font-size: inherit; line-height: inherit; }
.iconsvg { width: 1em; height: 1em; vertical-align: -0.15em; fill: currentColor; overflow: hidden; }
.form-control::-webkit-input-placeholder { color: #d2d2d2; }
.form-control::-moz-placeholder { color: #d2d2d2; }
.pic img{ width: 100%; height: auto; min-height: 100%; }
.text-blue { color: #00a8ff; }
.text-pink { color: #ff9900; }

/* 框架 */
body { font-size: 170%; }
.wrap { overflow: hidden;}
#content { position: relative; z-index: 1; padding: 0; background: #fff; }
.container::after,.container::before,#content::after,#content::before { display: table; content: " "; clear: both; }
.row,.container { --bs-gutter-x: 3rem; --bs-gutter-y: 3rem; }

/* 过度动画 */
.transition,.transition:after,.transition:before{transition: all 0.6s ease;}

/* 顶部 */
#header { position: fixed; left: 0; top: 0; width: 100%; z-index: 2; background: linear-gradient(180deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0)); animation: fadeInDown 1s ease 0s 1; }
#header .logo { flex-grow: 1; }
#header .logo a { display: block; padding: 2.5rem 0; }
#header .logo img { width: auto; height: 4.6rem; }
.navbar { padding: 0; }
.navbar .container { position: relative; }
.navbar .navbar-collapse { margin: 0 -2%; }

/* 主导航 */
.nav-main { background: #fff; max-height: 75rem; overflow-y: auto; border-top: 2px solid #036565; }
.nav-main .li1 { position: relative; border-bottom: 1px solid #eee; }
.nav-main .li1:last-of-type { border-bottom: none; }
.nav-main .a1 { display: block; line-height: 3.125rem; padding: 1.25rem 1.875rem; font-size: 1.25em; color: #333; text-decoration: none; }
.nav-main .dropdown1 { display: none; padding: 0 1.875rem 1.25rem; }
.nav-main .dropdown1 .intro,
.nav-main .dropdown1 .pic { display: none; }
.nav-main .dropdown1 .ul1 { display: flex; flex-wrap: wrap; }
.nav-main .dropdown1 .li2 { min-width: 33.3333%; }
.nav-main .dropdown1 .a2 { display: block; padding: 0.625rem 1.25rem; font-size: 1em; color: #666; }
.nav-main .hasUl1 .drop { position: absolute; right: 0; top: 0; width: 5.375rem; height: 5.375rem; }
.nav-main .hasUl1 .drop::after,
.nav-main .hasUl1 .drop::before { position: absolute; content: ""; display: block; right: 1.875rem; top: 50%; margin-top: -1px; height: 2px; width: 1.875rem; background: #036565; }
.nav-main .hasUl1 .drop::before { transform: rotate(90deg); }
.nav-main .hasUl1 .show .drop::before { display: none; }
   




/* 导航折叠按钮 */
#header .navbar-toggler { margin-left: 1rem; border: none; color: #fff; outline: none; width: 5rem; height: 4.375rem; font-size: 3.125rem; line-height: 4.2rem; box-shadow: none; border-radius: 0.375rem; }
#header .navbar-toggler[aria-expanded=true] { background: rgba(0, 0, 0, 0.08); }

/* 搜索弹窗按钮 */
.nav-panel { position: relative; z-index: 1; }
.nav-panel .btn-search { margin-left: 1rem; font-size: 3.125rem; width: 5rem; height: 4.375rem; line-height: 4.2rem; color: #fff; font-weight: normal; cursor: pointer; text-align: center; transition: all ease 0.3s; padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x); }

/* 搜索弹框 */
#modal-search { background: rgba(0, 0, 0, .7); }
#modal-search .modal-backdrop{ display: none !important; }
#modal-search .modal-dialog{ max-width: none; justify-content: center; }
#modal-search .modal-content{ width: 85%; background: none; box-shadow: none; border: none; border-radius: 0; }
#modal-search .btn-close{ position: absolute; z-index: 1; left: 50%; top: 50%; margin: 5rem 0 0 -2rem; padding: 1.25rem; color: #fff; font-size: 1.5em; color: #fff; pointer-events: auto; text-align: center; line-height: 1; opacity: 1; font-weight: bold; box-shadow: none; background: none; border: none; transition: all ease .4s; }
#modal-search .btn-close:hover{ transform: rotate(180deg); }
.s-form{ display: flex; }

/* 搜索站点选择 */
.s-form .select-box { display: none; }

/* 搜索输入框 */
.s-form .input-box{ position: relative; width: 1%; flex-grow: 1; background: #fff; border-radius: .3125rem 0 0 .3125rem; }
.s-form .input-box input{ position: relative; width: 100%; height: auto; vertical-align: top; padding: 1.1875rem 1.5em; line-height: 2; border: 0; outline: none; background: none; font-size: 1em; }
.s-form .input-box .dropdown-word { position: absolute; top: 100%; width: auto; left: 1.875rem; right: 0; background: #fff; max-height: 11.875rem; overflow-y: auto }
.s-form .input-box .dropdown-word li { padding: 0 0.625rem; font-size: 0.9375em; line-height: 2.5; cursor: pointer; }
.s-form .input-box .dropdown-word li:hover { background: #f5f5f5; color: #00aaff; }
.s-form .btn-box { background: #036565; border-radius: 0 .3125rem .3125rem 0; }
.s-form .btn-box input{ height: auto;  line-height: 2; padding: 1.0875rem 1.5em; overflow: hidden; border: none; outline: none; color: #fff; background: none; font-size: 1.1em; text-align: center; font-weight: bold; }
.s-form .btn-box input:focus{ outline: none; box-shadow: none; }
.s-form .link-box{ text-align: right; font-size: 14px; }

/* 顶部面板 */
.top-panel { position: absolute; right: 0; top: 1.5rem; }
.list-panel > li { position: relative; height: 2rem; color: rgba(255, 255, 255, 0.9); margin: 0 0.5rem;display: block; font-size: .875rem; height: 2rem; line-height: 2rem; padding: 0 0.5rem; border-radius: 4px;  }
.list-panel > li::before { position: absolute; left: -0.5rem; top: 0.5rem; content: ''; background: rgba(255, 255, 255, 0.4); width: 1px; height: 1rem; }
.list-panel > li:first-of-type::before { display: none; }
.list-panel > li a { color: inherit; text-decoration: none; }

.list-panel > li a:hover { color: rgb(160, 151, 151); font-weight: bold; }
.list-panel > li .iconfont { margin: 0.15rem 0.5rem 0 0; display: inline-block; width: 1.7rem; height: 1.7rem; text-align: center; border-radius: 50%; line-height: 1.75rem; font-size: 1rem; vertical-align: top;background: rgba(255, 255, 255, 0.4);background: url(../images/ser.svg) no-repeat center; background-size: 70%;  }


/* 迷你顶部 */
#header,
#header .logo a,
#header .logo img,
#header .nav-main,
#header .nav-main .a1,
#header .navbar-toggler,
#header .nav-panel .btn-search,
#header .top-panel { transition: all ease 0.6s; transform-origin: center top; }

#header.mini { background: #fff; box-shadow: 0 0 1rem rgba(0, 0, 0 , .5);background-color: #036564; }
#header.mini .logo a { padding: 1.5rem 0; }
#header.mini .logo img { height: 4.5rem; }
#header.mini .top-panel { transform: scaleY(0); visibility: hidden; opacity: 0; }
#header.mini .navbar-toggler,
#header.mini .nav-panel .btn-search { color: #333; }

/* 底部 */
#footer { position: relative; z-index: 1; color: #fff; text-align: center; }
#footer a { color: inherit; }
#footer .row > * { position: relative; }
.copyRight { line-height: 1.8; font-size: .875em; color: #fff; }
#footer{ border-top: 8px solid #ff9900; background: url(../images/footbg.png) repeat; background-color: #014242;padding-top: 3%;}
#footer .bt{ text-align: center; border-top: 1px solid #2c6262; line-height: 2em; padding-top: 2em; color: #add2dc;}
#footer .tp{display: flex; flex-wrap: wrap;line-height: 2em;}
#footer .tp .l img{width: 80%;max-width: 438px;height: auto;}
#footer .tp .m select {width:85%; line-height: 2.5rem; border: 1px solid #2c6262; height:40px;}
#footer .tp .r ul{ display: flex;justify-content:center;width: 100%;}
#footer .tp .r ul li{ width: 33%;text-align: center;}
#footer .tp .r ul li img{width: 80%;max-width: 106px;height: auto;}
#footer .tp .l,#footer .tp .m,#footer .tp .r{ width:100%; text-align: center; }
#footer .tp .l,#footer .tp .m{margin-bottom: 2rem;}




/* banner */
.banner { position: relative; height: auto; overflow: hidden; }
.banner .swiper-slide { overflow: hidden; }
.banner .pic{padding-bottom:0; background-position: center;background-size: cover;background-repeat: no-repeat}
.banner .pic img { width: 100%; height: auto;}
.banner .pic img{width:100%;transition: .5s;height: 100%;object-fit: cover;position: relative;z-index: 1}
.banner .bg { transition: transform linear 6s; transform: scale(1.1); display: block; width: 100%; height: 100vh; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.banner .bg a { display: block; width: 100%; height: 100%; }
.banner .con { display: none; }
.banner .swiper-slide-active .bg,
.banner .swiper-slide-duplicate-active .bg { transform: scale(1); }
.banner .swiper-pagination { bottom: 2.5rem; line-height: 1; }
.banner .swiper-pagination-bullets .swiper-pagination-bullet { vertical-align: top; background: rgba(255, 255, 255, 0.8); width: 1rem; height: 1rem; margin: 0 0.625rem; opacity: 1; border-radius: 50%; }
.banner .swiper-pagination-bullets .swiper-pagination-bullet-active { background: #ff9900; }
.banner .pic img {	transform: translate3d(0px, 0px, 0px) scale(1.0);	transition: opacity 0.5s;	width: 100%;}
.banner .pic img {	transform: scale(1.15);	transition: all 6s;}




/* 内页Banner */

.page-banner img{width: 100%;}


/* 主栏框架 */
.main { flex: 1 0 0%; min-width: 0; }
.side { width: 20.8%; }
.row-main .side { width: 18.9%; }

/* 主栏菜单 */
.menu-bar { margin-top: -12.375rem; position: relative; z-index: 1; height: 12.375rem; background: url(../img/gate.png) no-repeat center bottom; background-size: auto 100%; overflow: hidden; }
#main-menu { position: absolute; padding: 0.4rem 0; left: 3%; right: 3%; bottom: 4%; overflow: hidden; }
#main-menu .swiper-slide { width: auto; }
#main-menu .swiper-slide a { display: block; color: #fff; text-shadow: 0 1px .2rem rgba(0, 0, 0 , .6); text-decoration: none; position: relative; line-height: calc(2rem + 1em); font-size: 1.25em; margin: 0 1em; font-weight: bold; transition: all ease 0.5s; }
#main-menu .swiper-slide a::after { position: absolute; content: ""; left: 0; bottom: 0; width: 100%; height: 0.1875rem; background: #fff; visibility: hidden; transform: scaleX(0); transition: all ease 0.5s; box-shadow: 0 1px .2rem rgba(0, 0, 0 , .3); border-radius: 500px; }
#main-menu .swiper-slide.on a { color: #ffff00; }
#main-menu .swiper-slide.on a::after { background: #ffff00; transform: scaleX(1); visibility: visible; }

/* 主栏框架 */
.row-main { padding: 5.4% 3% 4%; }
.container .row-main { padding: 5.4% 0; }

/* box-main */
.box-main > .hd { position: relative; display: flex; flex-wrap: wrap; align-items: center; height: 3rem; overflow: hidden; }
.box-main > .hd::after { position: absolute; content: ""; right: 0; top: 0.7rem; height: 3.125rem; width: 1px; background: #004080; }
.box-main > .hd h3 { font-size: 3rem; line-height: 1; color: #00a8ff; font-family: "zihundujiaoshouti"; transform: scaleX(0.9); letter-spacing: 0.02em; transform-origin: left center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.box-main > .hd h4 { font-size: 3rem; color: #ffe5ee; line-height: 1.2; font-family: "Geometric 415"; transform: scaleX(0.9); letter-spacing: 0.02em; transform-origin: left center; align-self: flex-end; }
.box-main > .bd { border-top: 1px solid #d4a03a; margin-top: 2.3vw; padding: 1.9vw 0 0; }


/* box-page - 盒子-单页 */
.box-page { margin-top: 6.25rem; }
.box-page:first-of-type { margin-top: 0; }
.box-page > .hd { text-align: center; gap: 0.2rem; }
.box-page > .hd h3 { font-weight: bold; font-size: 3.125rem; line-height: 1; color: #00a8ff; letter-spacing: 0.1em; }
.box-page > .hd h4 { margin-top: 0.2rem; font-weight: bold; font-size: 3.125rem; color: #f2ced4; line-height: 1; letter-spacing: 0.1em; }
.box-page > .hd:hover h3 { color: #d4a03a; }
.box-page > .hd h3 a,
.box-page > .hd h4 a { text-decoration: none; color: inherit; }
.box-page > .bd { padding: 4% 0 0; }

/* box - 盒子 */
.box { border: 1px solid #E0E4EC; padding: 1rem 1.25rem 1.25rem; }
.box > .hd { padding-bottom: 0.8rem; border-bottom: 1px solid #ddd; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.box > .hd h3 { position: relative; min-width: 0; max-width: 100%; line-height: 2.9em; }
.box > .hd h3::before { display: inline-block; vertical-align: middle; margin-right: .3em; font-family: "iconfont"; content: '\e65b'; color: #00aaff; font-size: 1.5em; font-weight: normal; }
.box > .hd h3 span { display: inline-block; vertical-align: middle; font-size: 1.75em; font-weight: bold; color: #000; }
.box > .hd h3 a { text-decoration: none; color: inherit; }
.box > .hd .more { order: 1; margin-left: 1.25rem; font-size: .875em; color: #999; }
.box > .bd { padding: 1rem 0 0; }

/* box-primary - 盒子-主要的 */
.box-primary > .hd { display: flex; flex-wrap: wrap; align-items: center; margin: 1rem 0; height: 2.375em; overflow: hidden; }
.box-primary > .hd::after { content: ''; flex: 1 0 0%; }
.box-primary > .hd h3 { font-size: 2.375em; line-height: 1; color: #333; font-family:"SimSun", "宋体", sans-serif;  transform-origin: left center; font-weight: bold;}
.box-primary > .hd h4 { font-size: 1.56em; color: #ffc285; line-height: 1.2; font-family: "Geometric 415"; transform-origin: left center; align-self: flex-end; }
.box-primary > .hd h3 a,
.box-primary > .hd h4 a { text-decoration: none; color: inherit; }
.box-primary > .hd .more { order: 1; font-size: .875em; color: #fff;background-color: #8bc3bf;padding:1px;padding-left:.5rem;padding-right:.5rem;border-radius:15px ;}
.box-primary > .bd { padding-top: 0.5rem; }

/* box-group - 盒子-大类的 */
.box-group > .hd { text-align: center;}
.box-group > .hd h3 { font-size: 4rem;font-weight: bold; line-height: 1; color: #30b2b2; font-family:"SimSun", "宋体", sans-serif;  transform: scaleX(0.9);  }
.box-group > .hd h4 { font-size: 1.5rem;padding-top: 10px; color: #a1a1a1; line-height: 1; transform: scaleX(0.9);  }
.box-group > .hd h3 a,
.box-group > .hd h4 a { text-decoration: none; color: inherit; }
.box-group > .hd .more { order: 1; font-size: .875em; color: #888; }
.box-group > .bd { padding-top: 4%; }

/* box-side - 侧栏 */
.box-side > .hd { position: relative; display: flex; flex-wrap: wrap; align-items: center; height: 4rem; overflow: hidden; }
.box-side > .hd::after { position: absolute; content: ""; right: 0; top: 0.7rem; height: 3.125rem; width: 1px; background: #004080; }
.box-side > .hd h3 { font-size: 2.6rem; line-height: 4.5rem; color: #00a8ff; font-family: "zihundujiaoshouti";  transform-origin: left center; }
.box-side > .bd { border-top: 1px solid #d4a03a; margin-top: 2.3vw; padding: 1.9vw 0 0; }

/* goTop */
#goTop { position: fixed; display: none; width: 50px; height: 50px; bottom: 60px; right: 5px; z-index: 99; cursor: pointer; margin: 5px; width: 40px; height: 40px; border-radius: 2px; box-shadow: 0 0 5px #9c9c9c; -webkit-box-shadow: 0 0 5px #9c9c9c; opacity: .9; background: rgba(0, 0, 0, .5); }
#goTop::after { display: block; position: absolute; left: 50%; top: 50%; margin-left: -10px; margin-top: -15px; content: ""; border-width: 10px; border-color: transparent; border-bottom-color: #fff; border-bottom-style: solid; border-style: dashed; display: block; font-size: 0; line-height: 0; width: 0; }

/* winMark */
#winMark { z-index: 1; width: 100%; display: none; height: 100%; position: fixed; background: rgba(0, 0, 0, .8); left: 0; top: 0; }




/* layui */
.layui-layer { font-size: 16px; }

/* 验证码弹窗 */
#simCaptcha-layer { font-size: 16px; }
.btn-search{/*! margin-top: 15px; */}

/*大于768px */
@media (min-width:768px) {
    html { font-size: 9.6px; }
    body { font-size: 140%; }

    /* 搜索弹出框 */
    .s-form .btn-box input { padding-left: 2.5em; padding-right: 2.5em; }

    /* 主栏菜单 */
    #main-menu { left: 9%; right: 9%; }

    /* 主栏框架 */
    .row-main { padding-left: 9%; padding-right: 9%; }

    /* box-main */
    .box-main > .hd { height: 4rem;}
    .box-main > .hd h3 { font-size: 4rem; }
    .box-main > .hd h4 { font-size: 4rem; }
    #header .logo img { width: auto; height: 5.375rem; }
    #header.mini .logo img { height: 3.5rem; }

}
@media (min-width:992px) {
    html { font-size: 10.88px; }
    body { font-size: 100%; }
    #content { padding-left: 0; padding-right: 0; }

    /* 顶部 */
    #header .logo a { padding: 4.15rem 0; }
    #header .logo img { height: 3.5rem; }

 /* 主导航 */
 .navbar .navbar-collapse { margin: 0; }
 .nav-main { display: flex; border: none; background: none; max-height: 2.625rem; overflow: visible; margin: 0 -0.9rem; }
 .nav-main .li1 {margin: 0 0.9rem;/* height: 5.75rem; */border-bottom: none;}
 .nav-main .h1 { position: relative; }
 .nav-main .a1 { padding: 0; line-height: 2.625rem; font-size: 1em; text-shadow: 1px 1px 3px rgba(0, 0, 0 , .6); color: #fff; font-weight: bold; }
 .nav-main .hasUl1 .drop { display: none; }
 .nav-main .dropdown1 { position: absolute;  top: 100%; }

 /* 导航下拉-效果 */
 .nav-main .hasUl1::after,
 .nav-main .h1::after,
 .nav-main .h1::before { transition: all ease 0.7s; }  
 .nav-main .h1::before,
 .nav-main .h1::after { position: absolute; display: block !important; content: ''; top: 100%; width: 50%; height: 0; border-bottom: 2px solid #ff9900; transform: scaleX(0); }
 .nav-main .h1::before { left: 0; transform-origin: left top; }
 .nav-main .h1::after { right: 0; transform-origin: right top; }
 .nav-main .on1 .h1::after,
 .nav-main .on1 .h1::before { transform: scaleX(1); }

 /* 导航下拉-菜单 */
 .nav-main .dropdown1 {width: 17rem;left:-6rem;padding: 1.625rem;background: #fff;border-top: 2px solid #ff9900;/* margin-left: -23.5rem; */overflow: hidden;box-shadow: 0 0 1.25rem rgba(0, 0, 0 , .15);}
 .nav-main .dropdown1 .pic { float: left; display: block; position: relative; margin-right: 1.5rem; }
 .nav-main .dropdown1 .pic img { width: 10rem; height: 12.5rem; }
 .nav-main .dropdown1 .intro { float: left; display: block; width: 15.2rem; margin-right: 4rem; font-size: 0.8rem; line-height: 1.5625rem; color: #00aaff; max-height: 12.5rem; overflow: hidden; text-indent: 2em; text-align: justify; }
 .nav-main .dropdown1 .ul1 {padding: 0;margin-right: -1.25rem;overflow: hidden;/* height: 12.5rem; */align-items: center;align-content: space-around;}
 .nav-main .dropdown1 .ul1 li { min-width: 50%; padding-right: 0.5rem; }
 .nav-main .dropdown1 .ul1 li a { display: block; padding: 0; line-height: 2.5rem; font-size: 0.9375em; color: #333; }
 .nav-main .dropdown1 .ul1 li a:hover { text-decoration: none; color: #d4a03a; }
   
    /* 迷你顶部 */
    #header.mini .nav-main .a1 { color: #fff; font-weight: normal; text-shadow: none; }

    /* 搜索弹窗 */
    #modal-search .modal-content { width: 56.25rem; }

    /* 底部 */
    #footer { text-align: left; } 
}
@media (min-width:1200px) {
    html { font-size: 13.44px; }

    .box-side > .hd h3 { font-size: 2.7rem; }
}
@media (min-width:1300px) {
    html { font-size: 14.72px }
    .container { max-width: calc(1200px + var(--bs-gutter-x)); }


}
@media (min-width:1400px) {
    html { font-size: 16px; }
    .container { max-width: calc(1300px + var(--bs-gutter-x)); }
}
@media (min-width:1500px) {
    .container { max-width: calc(1400px + var(--bs-gutter-x)); }

    /* 顶部 */
    #header .logo img { height: 4.1rem; }

    .box-side > .hd h3 { font-size: 2.8rem; }
}
@media (min-width:1600px) {
    .box-side > .hd h3 { font-size: 3.125rem; }
}
@media (min-width:1920px) {
    /* 主栏菜单 */
    .menu-bar { margin-top: -11%; height: 0; padding-bottom: 11%; background-size: 100% auto; }
}






/* 动画库 */
@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
   }
    100% {
        opacity: 1;
        transform: none;
    }
}

@keyframes pagination {
    0% {
        transform: scaleX(0);
    }
    100% {
        transform: scaleX(1);
    }
}
@keyframes down{
    0%{
        transform: translate(-50%,0);
        opacity: 0;
    }
    20%{
        transform: translate(-50%,3px);
        opacity: 1;
    }
    80%{
        transform: translate(-50%,10px);
        opacity: 1;
    }
    90%{
        transform: translate(-50%,10px);
        opacity: 0;
    }
    100%{
          transform: translate(-50%,10px);
        opacity: 0;
    }
}
@keyframes toLeft {
    0%{
        transform: translateX(0);
    }
    20%,
    53%,
    80%,
    100% {
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transform: translateX(-15px);
    }
    43% {
        transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
        transform: translateX(-21px);
    }
    70% {
        transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
        transform: translateX(-19px);
    }
    90% {
        transform: translateX(-17px);
    }
}
@keyframes float {
    0%,
    100% {
        transform: translateY(0);
        animation-timing-function: ease-in-out;
    }
    50% {
        transform: translateY(-0.6rem);
        animation-timing-function: ease-in-out;
    }
}

/* 旋转 */
@keyframes rotation {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}



/* 动态显示底部线条 */
.list li{position: relative;}
.list li::after{position: absolute;left: 0;bottom: -1px;content: "";height: 1px;width: 0;transition: all .8s;background: #d4a03a;} 
.list li:hover::after{width: 100%;}

/* 站群导航-公共 */
#siteLast{position: relative;z-index: 99;}
#siteLast dd{display:none; width:900px; position:absolute;  background:#fff; text-align:left; color:#333; max-height:500px; overflow:auto; padding:10px; right: 0; top: 6px; }
#siteLast dd h3{ text-align:left; margin:0 10px; position:relative; font-size:14px; font-weight:bold; line-height:34px; display:block; overflow:hidden;}
#siteLast dd h3.h i{display:none;}
#siteLast dd h3 span{float:left; height:34px; line-height:34px; padding:0 15px 0 0; background:#fff; position:relative; z-index:2;}
#siteLast dd h3 i{ content:""; display:block; height:1px; line-height:0; font-size:0; background:#eee; top:16px; right:0; width:100%; position:absolute; z-index:1;}
#siteLast dd table{border-collapse: collapse;border-spacing: 0; font-size:12px; width:100%}
#siteLast dd table td{padding-top:10px; padding-bottom:10px; overflow:hidden}
#siteLast dd table .tdlab{width:90px; text-align:right; padding-right:20px; vertical-align:middle; line-height:26px; font-weight:bold; }
#siteLast dd ul{overflow:hidden;}
#siteLast dd ul li{width:18%; margin-left:2%; float:left; height:26px; line-height:26px; overflow:hidden}
#siteLast dd ul li a{color:#333}
#siteLast dd ul li a:hover{color:#d4a03a;}
#siteLast dd table.up{background:#f7f7f7}
.top-panel li.on #siteLast dd{display:block;}
#siteLast li a:hover {color: #036564;}
.menu-btn{overflow:hidden;width:.3rem;height:.36rem;background:0 0;opacity:1;position:absolute;z-index:999;top: 50%;transform:translateX(-50%) translateY(-50%);cursor: pointer;left: 50%;}
.menu-btn .line-1,.menu-btn .line-2,.menu-btn .line-3{position:absolute;top:50%;right:0;display:block;width:.3rem;height:2px;background:#fff;transition:all .4s cubic-bezier(.165,.84,.44,1) 0s;transition-property:transform,width,margin,background-color;margin-top: -1px}
.menu-btn .line-1{margin-top:-.1rem;width:.3rem}
.menu-btn .line-3{margin-top:.08rem;width:.3rem}


/* 大于1024px */  
@media (min-width:1024px) {   
    /* 底部 */    
    #footer .tp .l{ width: 35%;}
    #footer .tp .m{ width: 30%;}
    #footer .tp .r{ width: 35%;display: flex;}
    #footer .tp .m select {width:80%;}
    #footer .tp .l,#footer .tp .m{margin-bottom: 1rem;}
    }