@charset "utf-8";

/**
 * ÖØÖÃ
 */
* {
    margin: 0;
    padding: 0;
}

body {
    color: #333;
    line-height: 1.4;
    font-family: "΢ÈíÑźÚ", "Microsoft YaHei", arial, Tahoma, SimHei, "\5B8B\4F53", simsun, sans-serif;
    min-width: 1200px;
}

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 {
    margin: 0;
    padding: 0;
}

ol,
ul,
li {
    list-style: none;
}

a {
    text-decoration: none;
    color: #333;
}

img {
    max-width: 100%;
}

a:link,
a:visited {
    text-decoration: none
}

a:hover,
a:active {
    text-decoration: none;
}

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

.ellipsis-2 {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.ellipsis-3 {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.transition-name {
    -webkit-transition: 1s ease;
    -moz-transition: 1s ease;
    -o-transition: 1s ease;
    -ms-transition: 1s ease;
    transition: all 1s ease;
}

.w-1200 {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.flex {
    display: flex;
}

.flex-1 {
    flex: 1;
}

.flex-column {
    flex-direction: column;
}

.flex-row {
    flex-direction: row;
}

.flex-wrap {
    flex-wrap: wrap;
}

.justify-center {
    justify-content: center;
}

.justify-between {
    justify-content: space-between;
}

.justify-space-around {
    justify-content: space-around;
}

.justify-flex-end {
    justify-content: flex-end;
}

.justify-flex-start {
    justify-content: flex-start;
}

.align-center {
    align-items: center;
}
.iconfont {
    display: inline-block;
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
@font-face {
    font-family: 'iconfont';
    src: url("/static/font/font_938109_w3k0r2kg79.eot");
    src: url("/static/font/font_938109_w3k0r2kg79.eot") format("embedded-opentype"), url("/static/font/font_938109_w3k0r2kg79.woff2") format("woff2"), url("/static/font/font_938109_w3k0r2kg79.woff") format("woff"), url("/static/font/font_938109_w3k0r2kg79.ttf") format("truetype"), url("/static/font/font_938109_w3k0r2kg79.svg") format("svg")
}


/* Ðü¸¡ */
.aside {
    position: fixed;
    width: 70px;
    text-align: center;
    /* height: 584px; */
    right: 0;
    top: 50%;
    z-index: 99;
    box-sizing: border-box;
    margin-top: -292px;
    transition: right 0.3s;
    -webkit-transition: right 0.3s;
    background-color: #fff;
    box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.09)
}

.aside>.icon-box {
    padding-left: 10px;
    padding-right: 10px
}

.aside a {
    display: block;
    height: 100%;
    box-sizing: border-box
}

.aside .aside-service {
    margin-bottom: 19px
}

.aside .aside-service li {
    position: relative
}
.aside .aside-service li a p{
    position: absolute;width:120px;right:60px ;top: 5px; padding: 25px;background: #fff; display: none;
}
.aside .aside-service li a:hover p{
    display: block;
}
.aside .aside-service li a {
    padding-top: 5px;
    color: #999
}

.aside .aside-service li a:hover {
    color: #0096d7
}

.aside .aside-service li a:hover i {
    color: #0096d7;
}

.aside .aside-service li a i {
    font-size: 28px;margin:0;
    /* margin: 8px 0; */
}

.aside .aside-service li a span {
    display: block;
    font-size: 12px
}

.aside .aside-follow {
    border-top: 1px solid #e4e4e4;
    padding-top: 10px
}

.aside .aside-follow a {
    color: #0c6;
    line-height: 40px;
    position: relative
}

.aside .aside-follow a:first-child {
    color: #0096d7
}

.aside .aside-follow a:last-child {
    color: #ff3300
}

.aside .aside-follow a:hover .img-wp {
    animation: popFadeIn .5S;
    display: block
}

.aside .aside-follow a i {
    font-size: 32px
}

.aside .aside-follow a .img-wp {
    display: none;
    position: absolute;
    top: 50%;
    margin-top: -40px;
    left: -100px;
    border-radius: 5px;
    border: 2px solid #fff;
    box-shadow: 0 5px 20px rgba(174, 174, 174, 0.5)
}

.aside .aside-follow a .img-wp:after {
    content: "";
    border: 8px solid transparent;
    border-left-color: #fff;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: -16px
}

.aside .aside-follow a .img-wp img {
    width: 76px;
    height: 76px;
    display: block
}

.aside .gotop {
    background: url(/static/images/nav-bg.png);
    background: #1971A9;
    backgrounds: linear-gradient(135deg, #0067bb 0%, #0a9e45 100%);
    background-size: contain;
    height: 38px;
    line-height: 38px;
    color: #fff;
    border-bottom: none
}

.aside .gotop:hover {
    background: linear-gradient(135deg, #005397 0%, #09903f 100%)
}

.aside .gotop a {
    padding-top: 0
}

.aside .gotop a i {
    color: #fff
}








@font-face {
  font-family: 'ficon';
  src: url('https://at.alicdn.com/t/font_2418704_6v4zazhrrvn.woff2?t=1637418702197') format('woff2'),
       url('https://at.alicdn.com/t/font_2418704_6v4zazhrrvn.woff?t=1637418702197') format('woff'),
       url('https://at.alicdn.com/t/font_2418704_6v4zazhrrvn.ttf?t=1637418702197') format('truetype');
}

.ficon {
  font-family: "ficon" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fyear{padding:2px 9px; background: #369670;color: #fff; font-size: 30px;display: inline-block;margin-right:15px;}


sup{ top: auto; }