#header .nav{ float:right;    height: 5em;}
#header .nav ul {
     height: 5em;
}
#header .nav ul li{ float:left;position:relative}
#header .nav ul li a{ display:block; float:left; width:140px; text-align:center; line-height:5em; font-weight:bold; color:#666666; position:relative; z-index:2;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;}
#header .nav ul li a.home{ width:80px}
#header .nav ul li a.search{  font-weight:normal; width:50px}
#header .nav ul li a.search em{ font-size:16px; }
#header .nav ul li a.lang{  font-weight:normal; width:50px}
#header .nav ul li a.lang em{ font-size:18px;font-weight:bold; }
#header .nav ul li i{ display:block;position:absolute; width:100%; height:0; left:0;bottom:0; background-color:#8b5e34;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s; z-index:1}
#header .nav ul li.hover a{ color:#fff!important;}
#header .nav ul li.hover i{height:5em}

#sub-nav{ position:absolute;top:100px; left:0; width:100%; z-index:100; height:60px; overflow:hidden;}
#sub-nav .sub-nav-bg{ background-color:#063190; height:60px; line-height:60px;position:absolute;top:-60px; left:50%;padding:0px 30px;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s; width:200%}
#sub-nav .sub-nav-bg a{ float:left; display:block; padding:0px 15px; color:#d2ced5; font-weight:bold;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s; font-size:13px;}
#sub-nav .sub-nav-bg a:hover{ color:#8b5e34}
#sub-nav .sub-nav-bg.hover{top:0}
#sub-nav .sub-nav-bg .input{ margin-top:13px;margin-left:10px; background-color:#f7f6f5; border:0;  line-height:14px; width:140px; padding:10px; float:left}
#sub-nav .sub-nav-bg .hover{ background-color:#fff}
#sub-nav .sub-nav-bg button{ border:0; background-color:#ccc; width:40px; height:34px;float:left; margin-top:13px; color:#fff;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;}
#sub-nav .sub-nav-bg button:hover{ background-color:#d92502}


#header .nav ul.colfff li a{
    color: #fff;
}
#header.scroll .nav ul.colfff li a{
    color: #666666;
}
#sub-nav .sub-nav-bg:nth-of-type(2){
    margin-left: -105px!important;
}
#sub-nav .sub-nav-bg:nth-of-type(3){
    margin-left: 35px!important;
}
#sub-nav .sub-nav-bg:nth-of-type(4){
    margin-left: 174px!important;
}
#sub-nav .sub-nav-bg:nth-of-type(5){
    margin-left: 314px!important;
}
@media (max-width: 1000px) {
  .hide-mob {
    display: none;
  }
}
@media (min-width: 1000px) {
  .hide-pc {
    display: none;
  }
}
ul.pagination {
    text-align: center;
    padding-top: 30px;
    margin-top: 0.3rem;
    padding-left: 0;
    font-size: 0;
    color: #a7a7a7;
    font-family: 'adineueBold', sans-serif;
}
ul.pagination li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 calc(8px + 0.1rem);
    border-radius: 100px;
    transition: all 0.2s ease-out;
    position: relative;
    overflow: hidden;
    line-height: calc(2.5em - 4px);
    font-size: 20px;
}
ul.pagination li a {
    transition: none;
}
ul.pagination li span {
    display: block;
}
ul.pagination li a,
ul.pagination li span {
    font-size: 0.9em;
    position: relative;
    z-index: 2;
}
ul.pagination li:hover,
ul.pagination li.active {
    color: #063190;
    text-decoration: underline;
}
ul.pagination li:last-child,
ul.pagination li:first-child {
    text-decoration: unset;
    background-color: #fff;
    border: 2px solid #ddd;
    box-sizing: border-box;
    width: 2.5em;
    height: 2.5em;
}
ul.pagination li:last-child > span,
ul.pagination li:first-child > span {
    display: block;
}
ul.pagination li:last-child > a,
ul.pagination li:first-child > a,
ul.pagination li:last-child > span,
ul.pagination li:first-child > span {
    overflow: hidden;
    text-indent: -100px;
    font-size: 0.9em;
    font-family: "iconfont";
}
ul.pagination li:last-child > a:after,
ul.pagination li:first-child > a:after,
ul.pagination li:last-child > span:after,
ul.pagination li:first-child > span:after {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    text-indent: 0;
}
ul.pagination li:last-child:hover,
ul.pagination li:first-child:hover {
    color: #063190;
    background-color: #fff;
}
ul.pagination li:last-child {
    margin-left: 0.24rem;
    margin-right: 0;
}
ul.pagination li:last-child > a:after,
ul.pagination li:last-child > span:after {
    content: "\e667";
}
ul.pagination li:first-child {
    margin-right: 0.24rem;
    margin-left: 0;
}
ul.pagination li:first-child > a:after,
ul.pagination li:first-child > span:after {
    content: "\e600";
}
ul.pagination li.disabled {
    pointer-events: none;
}
@media (max-width: 1680px) {
    ul.pagination li {
        font-size: 18px;
    }
}
@media (max-width: 1440px) {
    ul.pagination li {
        font-size: 16px;
    }
}
@media (max-width: 1280px) {
    ul.pagination li {
        font-size: 14px;
    }
}
body > .fill,
.section {
    overflow: hidden;
}
.main {
    padding-left: 0.85rem;
    padding-right: 0.85rem;
}
.body {
    max-width: 1400px;
    margin: auto;
}
.swiper-pagination.default {
    padding-top: 10px;
    margin: 0.4rem auto 0;
    width: auto;
    transform: none!important;
    position: static;
    font-size: inherit;
}
.swiper-pagination.default .swiper-pagination-bullet {
    transition: all 0.4s ease;
    width: 0.5em;
    height: 0.5em;
    opacity: 1;
    flex-shrink: 0;
    margin: 0 calc(2px + 0.08rem);
    background-color: #bdbdbd;
}
.swiper-pagination.default .swiper-pagination-bullet-active {
    background-color: #063190;
}
.swiper-pagination.white .swiper-pagination-bullet-active,
.swiper-pagination.white .swiper-pagination-bullet {
    background-color: #fff;
}
.swiper-pagination.white .swiper-pagination-bullet {
    opacity: 0.5;
}
.swiper-pagination.white .swiper-pagination-bullet-activ {
    opacity: 1;
}
.swiper-pagination.white.timing .cls-1 {
    stroke: #fff;
}
.swiper-pagination.white.timing .cls-2 {
    fill: #fff;
}
.swiper-pagination.timing .swiper-pagination-bullet {
    background-color: transparent;
    margin: 0 0.75em;
    width: 2em;
    height: 2em;
}
.swiper-pagination.timing .cls-1 {
    fill: none;
    stroke: #063190;
    stroke-width: 4;
    stroke-dasharray: 0,314;
    animation-duration: var(--duration--);
    animation-timing-function: linear;
}
.swiper-pagination.timing .cls-2 {
    fill: #063190;
}
.swiper-pagination.swiper-pagination-lock {
    display: none;
}
@media (max-width: 1024px) {
    .logo {
        max-width: 180px;
    }
}
.datum {
    color: #777;
}
.datum .data-rolling {
    text-align: center;
}
.datum .value {
    font-weight: bold;
    font-family: 'adineueBold', sans-serif;
    font-size: 3.4em;
    line-height: 1;
    height: 1em;
    overflow: hidden;
}
.datum .value:after {
    content: attr(data-content);
    font-size: 0.5em;
    padding-left: 0.3em;
    color: #777;
}
.datum li {
    transition: all 0.4s ease-out;
}
.datum li:hover {
    color: #063190;
}
@media (min-width: 801px) {
    .datum li {
        display: block;
    }
}
@media (max-width: 800px) {
    .datum {
        display: block;
    }
    .datum .value {
        margin-bottom: -0.2em;
    }
    .datum li {
        padding: 20px 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    }
}
.caption {
    padding-bottom: 30px;
    margin-bottom: 0.2rem;
    margin-top: -0.3em;
    position: relative;
}
@media (max-width: 1280px) {
    .caption {
        font-size: 14px;
    }
}
.caption .h2,
.caption .h3,
.caption .h1 {
    font-size: 2em;
}
.caption .h2 {
    font-weight: bold;
}
.caption .h3 {
    text-align: center;
    color: #063190;
}
.caption .line {
    position: absolute;
    left: 50%;
    top: 3em;
    background-color: #063190;
    width: 40px;
    margin-left: -20px;
    height: 2px;
    margin-top: calc(10px + 0.1rem);
}
@media (max-width: 1280px) {
    .more {
        font-size: 16px;
    }
}
.more .cc {
    width: 2em;
    height: 2em;
    color: #000;
    box-sizing: border-box;
}
.more .cc .icon {
    font-size: 14px;
}
.more .cc .icon:before {
    display: block;
}
.more .char {
    font-size: 14px;
}
.more.normal {
    width: fit-content;
}
.more.normal .cc {
    border: 1px solid #000;
    transition: all 0.4s ease-out;
    margin-left: 0.6em;
}
.more.bold {
    width: 9em;
    height: 3em;
    background-color: #8b5e34;
    color: #fff;
    box-sizing: border-box;
    padding: 0.5em 0.5em 0.5em 0;
}
.more.bold .char {
    flex: 1;
    text-align: center;
}
.more.bold .cc {
    background-color: #fff;
}
a.more:hover.normal .char,
a:hover .more.normal .char {
    text-decoration: underline;
}
a.more:hover.normal .cc,
a:hover .more.normal .cc {
    background-color: #063190 !important;
    border-color: #063190 !important;
    box-shadow: 0 0.5em 1.5em rgba(6, 49, 144, 0.5);
    color: #fff;
}
a.more:hover.bold,
a:hover .more.bold {
    background-color: #063190;
    box-shadow: 0 0.5em 1.5em rgba(6, 49, 144, 0.5);
}
.row-title {
    padding-bottom: 30px;
    margin-bottom: 0.2rem;
}
@media (max-width: 1280px) {
    .row-title {
        font-size: 14px;
    }
}
.row-title .h1 {
    font-size: 2em;
    padding-left: 1.55em;
    background-position: left center;
    line-height: 1.2em;
    color: #063190;
}
.form {
    max-width: 1400px;
    margin: 0 auto;
}
.form button {
    cursor: pointer;
    transition: all 0.4s ease-out;
}
.form .hr {
    padding: 30px 0;
    margin: 0.2rem 0;
}
.form .hr:after {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.form .row {
    font-weight: bold;
    padding-left: 1.5em;
    background: url(../images/row.png) no-repeat scroll left center;
    background-size: 1em 0.6em;
    margin-bottom: calc(10px + 0.1rem);
}
.form label,
.form label span {
    display: block;
}
.form .prop {
    opacity: 0.8;
    margin-bottom: 4px;
}
.form .box {
    height: 3.2em;
    padding-left: 1em;
    padding-right: 1em;
    border-radius: 6px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    transition: all 0.4s ease-out;
}
@media (max-width: 800px) {
    .form .box {
        font-size: 15px;
    }
}
.form .box.textarea {
    height: 5.4em;
    padding-top: 1em;
    padding-bottom: 1em;
}
.form .box:has(*:focus) {
    border-color: #8b5e34;
}
.form .box input,
.form .box select,
.form .box textarea {
    height: 100%;
    width: 100%;
}
.form .ul {
    margin: -0.3rem -1rem 0 0;
}
.form .ul li {
    box-sizing: border-box;
    padding: 0.3rem 1rem 0 0;
}
.form .ul .col-3 {
    width: 33.3333%;
}
.form .ul .col-1 {
    width: 100%;
}
@media (max-width: 1024px) {
    .form .ul {
        margin-top: -16px;
    }
    .form .ul li {
        padding-top: 16px;
    }
    .form .ul .col-3 {
        width: 50%;
    }
}
@media (max-width: 800px) {
    .form .ul .col-3 {
        width: 100%;
    }
}
.swiper-button {
    width: 2.5em;
    height: 2.5em;
    background-color: #fff;
    box-sizing: border-box;
    border: 1px solid #999;
    color: #999;
}
.swiper-button:hover {
    color: #fff !important;
    border-color: #063190 !important;
    background-color: #063190 !important;
}
.swiper-button.balance {
    position: absolute;
    top: 50%;
    margin-top: -1.25em;
    z-index: 2;
}
.swiper-button.balance.prev {
    left: 0;
}
.swiper-button.balance.next {
    right: 0;
}
.wechat {
    text-align: center;
}
.wechat .item+ .item{
    padding-left: 10px;
    margin-left: 0.1rem;
}
.wechat img {
    width: 6.875em;
    height: 6.875em;
}
.wechat p {
    font-size: 0.875em;
    opacity: 0.7;
    margin-top: 6px;
}
.hover svg {
    width: 10px;
    height: 10px;
    transition: all 0.4s ease-out;
    margin-left: -20px;
    margin-right: 10px;
    transform: rotateZ(-180deg);
}
.hover svg use {
    fill: none;
    stroke-width: 20;
    stroke: #063190;
    stroke-dasharray: 0,314;
    transition: all 0.4s ease;
}
.hover.active svg use {
    stroke-dasharray: 190,314;
}
.web-info .tel {
    font-size: 1.8em;
    letter-spacing: 0.02em;
    margin-bottom: 0.3rem;
}
.web-info li {
    margin-top: 0.1rem;
    color: rgba(255, 255, 255, 0.7);
}
.web-info li .icon {
    color: rgba(255, 255, 255, 0.9);
}
.web-info li .name {
    white-space: nowrap;
}
.login .icon {
    font-size: 1.25em;
}
.login .char {
    margin-left: 4px;
}
.menu {
    margin: 0 0 0 auto;
}
.menu .icon {
    font-size: 24px;
}
.menu .char {
    margin-left: 0.1rem;
    padding-left: 4px;
}
#header {
    position: fixed;
    bottom: auto;
    z-index: 100;
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    overflow: visible;
    transition: all 0.4s ease-out;
    background-clip: content-box;
}
#header .logo .l2 {
    display: none;
}
#header .container {
    height: 5em;
    line-height: 5em;
    padding-right: 0;
}
#header .login {
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}
#header .menu .close,
#header.on .menu .open {
    display: none;
}
#header.on .menu .close {
    display: block;
}
#header.scroll {
    transform: translateY(-100%);
}
#header.on,
#header.inside,
#header.scroll {
    background-color: #fff;
    color: #252525;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
#header.on .login,
#header.inside .login,
#header.scroll .login {
    background-color: #063190;
    color: #fff;
}
#header.on .ul .touch .top:after,
#header.inside .ul .touch .top:after,
#header.scroll .ul .touch .top:after {
    background-color: #063190;
}
#header.on .ul .touch.active .top,
#header.inside .ul .touch.active .top,
#header.scroll .ul .touch.active .top,
#header.on .ul .touch:hover .top,
#header.inside .ul .touch:hover .top,
#header.scroll .ul .touch:hover .top {
    color: #063190;
}
#header.on .logo .l1,
#header.inside .logo .l1,
#header.scroll .logo .l1 {
    display: none;
}
#header.on .logo .l2,
#header.inside .logo .l2,
#header.scroll .logo .l2 {
    display: block;
}
#header.show,
#header.on {
    transform: translateY(0);
}
@media (min-width: 1025px) {
    #header .ul {
        margin: 0 0 0 auto;
    }
    #header .ul .fade {
        position: absolute;
        left: 50%;
        transform: translateX(-50%) translateY(-8px);
        white-space: nowrap;
        padding-top: 8px;
        text-align: center;
        color: #808080;
    }
    #header .ul .fade .subset {
        background-color: #fff;
        border-radius: 6px;
        padding: 1em 1.5em;
        line-height: 2;
        min-width: 6em;
        box-shadow: 0 0 1em rgba(0, 0, 0, 0.15);
    }
    #header .ul .fade .subset:empty {
        display: none;
    }
    #header .ul .fade a:hover {
        text-decoration: underline;
        color: #063190;
    }
    #header .ul .top {
        position: relative;
    }
    #header .ul .top:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        transform: translateY(-4px);
        background-color: #fff;
        height: 2px;
        opacity: 0;
        transition: all 0.4s ease-out;
    }
    #header .ul .touch + .touch {
        margin-left: 0.5rem;
    }
    #header .ul .touch.active .top:after,
    #header .ul .touch:hover .top:after {
        opacity: 1;
        transform: translateY(0);
    }
    #header .ul .touch.active .fade,
    #header .ul .touch:hover .fade {
        transform: translateX(-50%) translateY(0);
    }
}
@media (max-width: 1024px) {
    #header .login .char,
    #header .menu .char {
        display: none;
    }
    #header .login .icon {
        font-size: 22px;
    }
}
#navbar {
    position: fixed;
    z-index: 201;
    bottom: 0;
    display: none;
    background-color: rgba(0, 0, 0, 0.5);
}
#navbar .buttons {
    position: absolute;
    right: 0;
    top: 0;
    height: 5em;
    line-height: 5em;
    z-index: 20;
}
#navbar .container {
    background-color: #063190;
    color: #fff;
    height: 100%;
    box-sizing: border-box;
    padding-left: 0;
    opacity: 0;
    transition: all 0.4s ease;
    transform: translateX(5%);
}
@media (min-width: 1281px) {
    #navbar .container {
        margin-left: calc(1.2rem + 8.4em);
    }
}
#navbar .left {
    width: 44%;
}
#navbar .left .top,
#navbar .left .bottom {
    box-sizing: border-box;
}
#navbar .left .top {
    background-color: #fff;
    padding: 4% 0.9rem;
    height: 36%;
}
#navbar .left .top .title {
    font-size: 2em;
    color: #063190;
}
#navbar .left .top .content {
    color: #232323;
}
#navbar .left .top .content .headline {
    font-size: 1.125em;
    margin-bottom: 0.2rem;
}
#navbar .left .bottom {
    padding: 6% 0.9rem;
    padding-right: 0;
    flex: 1;
}
#navbar .right {
    box-sizing: border-box;
    padding: 1rem;
    width: 56%;
    overflow-y: auto;
}
#navbar .right::-webkit-scrollbar {
    width: 5px;
    background-color: rgba(0, 0, 0, 0.1);
}
#navbar .right::-webkit-scrollbar-thumb {
    background-color: #fff;
    border-radius: 5px;
}
#navbar .right .headline {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding-bottom: calc(10px + 0.8rem);
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: calc(10px + 0.6rem);
}
#navbar .right .list {
    color: #9bbedf;
}
#navbar .right .list .content {
    font-size: 0.9em;
    display: none;
    padding: 0.2rem 0 0.5rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    margin-bottom: 0.4rem;
}
#navbar .right .list .subset a:hover,
#navbar .right .list .subset a.on {
    text-decoration: underline;
    color: #fff;
}
#navbar .right .list .hover {
    padding: 0.2rem 0;
    font-size: 1.5em;
}
#navbar .right .list .hover use {
    stroke: #fff;
}
#navbar .right .list .hover a {
    max-width: 70%;
    height: 1.1em;
    min-height: 12px;
    line-height: 1.1;
    -webkit-line-clamp: 1;
}
#navbar .right .list .hover:hover a {
    color: #fff;
}
#navbar .right .list li.on .content,
#navbar .right .list li.active .content {
    display: block;
}
#navbar .right .list li.on > .hover a,
#navbar .right .list li.active > .hover a {
    color: #fff;
    padding-left: 0.1rem;
}
#navbar .right .list li.on > .hover svg,
#navbar .right .list li.active > .hover svg {
    margin-left: 0;
}
#navbar .right .list li.on > .hover use,
#navbar .right .list li.active > .hover use {
    stroke-dasharray: 190,314;
}
#navbar.on .container {
    transform: translateX(0);
    opacity: 1;
}
@media (min-width: 1025px) {
    #navbar .right .list .subset {
        margin: -8px -30px 0 0;
    }
    #navbar .right .list .subset a {
        margin: 8px 30px 0 0;
    }
}
@media (max-width: 1024px) {
    #navbar {
        top: 60px;
    }
    #navbar .buttons {
        display: none;
    }
    #navbar .container {
        padding: 0;
        display: block;
    }
    #navbar .left {
        display: none;
    }
    #navbar .right {
        width: auto;
        padding: 20px;
    }
    #navbar .right .list .hover {
        padding: 0;
        height: 45px;
    }
    #navbar .right .list .content {
        padding: 0 0 20px;
        margin-bottom: 20px;
    }
    #navbar .right .list .subset {
        display: block;
    }
    #navbar .right .list .subset a {
        margin-top: 5px;
    }
}
#banner {
    color: #fff;
}
#banner .swiper {
    height: 100vh;
    max-height: 56.25vw;
    min-height: 480px;
}
#banner .swiper .main {
    height: 100%;
    box-sizing: border-box;
    padding-bottom: calc(0.7rem + 10px);
}
#banner .swiper .title {
    width: 100%;
    background-position: left center;
}
#banner .swiper .title:after {
    padding-top: 9.42857143%;
}
@media (max-width: 800px) {
    #banner .swiper .title {
        min-height: 86px;
    }
}
#banner .bottom {
    z-index: 2;
    top: auto;
    bottom: 0.7rem;
    margin-bottom: 10px;
}
#banner .bottom .swiper-pagination {
    position: static;
    width: auto;
}
@media (min-width: 801px) {
    #banner .bottom .swiper-pagination {
        font-family: 'adineueBold', sans-serif;
        letter-spacing: 0.1em;
        margin-left: 0.18rem;
        margin-bottom: -0.2em;
        color: rgba(255, 255, 255, 0.4);
    }
    #banner .bottom .swiper-pagination .swiper-pagination-current {
        color: #fff;
    }
    #banner .bottom .left {
        height: 100%;
        margin: auto auto 0 0;
    }
    #banner .bottom .swiper-button {
        border-color: #fff;
        opacity: 0.7;
        margin-right: 1.6em;
        background-color: transparent;
        color: inherit;
    }
    #banner .bottom .swiper-button:hover {
        opacity: 1;
    }
    #banner .bottom .scroll-down {
        margin: auto -0.9em -0.9em auto;
    }
    #banner .bottom .scroll-down svg {
        width: 8.5em;
        height: 8.5em;
    }
    #banner .bottom .scroll-down .cls-1 {
        fill: #fff;
    }
    #banner .bottom .scroll-down .cls-2 {
        fill: #063190;
    }
    #banner .bottom .scroll-down .circle {
        opacity: 0.8;
        transform-origin: center center;
        animation: animate01 36s linear infinite;
    }
    #banner .bottom .scroll-down .circle:nth-of-type(2) {
        animation-delay: -3.6s;
    }
    #banner .bottom .scroll-down .circle:nth-of-type(3) {
        animation-delay: -7.2s;
    }
    #banner .bottom .scroll-down .circle:nth-of-type(4) {
        animation-delay: -10.8s;
    }
    @keyframes animate01 {
        0% {
            transform: rotateZ(0deg);
            opacity: 0;
        }
        10% {
            transform: rotateZ(36deg);
            opacity: 0.8;
        }
        20% {
            transform: rotateZ(72deg);
            opacity: 0;
        }
        30% {
            transform: rotateZ(108deg);
            opacity: 0.8;
        }
        40% {
            transform: rotateZ(144deg);
            opacity: 0;
        }
        50% {
            transform: rotateZ(180deg);
            opacity: 0.8;
        }
        60% {
            transform: rotateZ(216deg);
            opacity: 0;
        }
        70% {
            transform: rotateZ(252deg);
            opacity: 0.8;
        }
        80% {
            transform: rotateZ(288deg);
            opacity: 0;
        }
        90% {
            transform: rotateZ(324deg);
            opacity: 0.8;
        }
        100% {
            transform: rotateZ(360deg);
            opacity: 0;
        }
    }
}
@media (max-width: 800px) {
    #banner .bottom .left {
        margin: 0 auto;
    }
    #banner .bottom .button,
    #banner .bottom .scroll-down {
        display: none;
    }
    #banner .bottom .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        background-color: #fff;
    }
}
#about {
    background-image: url(../images/about1.png), url(../images/about2.png);
    background-position: left bottom, right top;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: 50% auto;
    background-color: #f5f5f5;
}
#about .caption .h1 {
    font-size: 1.5em;
}
#about .caption .h2 {
    color: #063190;
}
#about .left .txt {
    margin: 30px 0;
}
#about .left img {
    max-width: 40%;
}
#about .top {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
#about .bottom {
    text-align: center;
}
#about .bottom .ul {
    margin: 0 -1em;
}
#about .bottom li {
    width: 14em;
    padding: 0 1em;
}
#about .bottom li:hover .img .fill {
    transform: rotateZ(90deg);
}
#about .bottom li:hover p {
    color: #063190;
}
#about .bottom .img {
    width: 9.6em;
    max-width: 70%;
    position: relative;
    margin: 0 auto;
}
#about .bottom .img .fill {
    background-image: url(../images/dd.png);
    transition: all 0.6s ease-out;
}
#about .bottom p {
    transition: all 0.4s ease-out;
    font-size: 1.2em;
    color: #8b5e34;
    padding-top: 10px;
    margin-top: 0.4rem;
    line-height: 1.35;
}
@media (min-width: 1025px) {
    #about .left {
        width: 6.4rem;
        box-sizing: border-box;
        border-right: 1px solid rgba(0, 0, 0, 0.1);
    }
    #about .right {
        flex: 1;
    }
}
@media (max-width: 1024px) {
    #about .container {
        display: block;
    }
    #about .top {
        border-top: 1px solid rgba(0, 0, 0, 0.1);
    }
}
@media (max-width: 800px) {
    #about .top {
        padding-top: 0;
        padding-bottom: 0;
        font-size: 10px;
    }
    #about .top li:last-child {
        border-bottom: 0 none;
    }
}
#business {
    color: #fff;
}
@media (max-width: 1280px) {
    #business .container {
        font-size: 14px;
    }
}
#business .left {
    background-image: url(../images/business.jpg);
}
#business .more.normal .cc {
    border-color: #fff;
    background-color: #fff;
}
#business img {
    object-fit: contain;
}
#business .gallery {
    padding-top: 20px;
    margin-top: 0.8rem;
    overflow: visible;
}
#business .gallery .h1 {
    padding-bottom: 10px;
    margin-bottom: 0.5rem;
}
#business .gallery .h1 img {
    width: 2.6em;
    height: 2.6em;
    margin-right: 1.2em;
}
#business .gallery .h1 .char {
    font-size: 1.5em;
    font-weight: bold;
}
#business .gallery .h2 {
    font-weight: bold;
    font-size: 0.9em;
    padding-bottom: 10px;
    margin-bottom: 0.2rem;
}
#business .gallery .h2 .cc {
    background-color: #063190;
    padding: 0 1.25em;
    height: 2.8em;
    line-height: 2.8em;
    white-space: nowrap;
}
#business .gallery .h2 .line {
    margin: auto 0.8em;
    height: 1px;
    width: 2em;
    background-color: #fff;
}
#business .gallery .h2 .content {
    margin: auto -1.4em auto 0;
}
#business .gallery .h2 .content span {
    margin-right: 1.4em;
    display: inline-block;
}
#business .gallery .more {
    margin-top: calc(20px + 0.7rem);
}
#business .thumb {
    text-align: center;
    background-color: #000;
}
#business .thumb .swiper-slide {
    width: 50%;
    box-sizing: border-box;
    padding: 0 1.5em;
}
#business .thumb .img {
    opacity: 0.4;
}
#business .thumb .mask {
    background-image: linear-gradient(0deg, #8b5e34, transparent);
    background-image: -webkit-linear-gradient(bottom, #8b5e34, transparent);
    opacity: 0.8;
}
#business .thumb .content {
    max-width: 280px;
    width: 100%;
    margin: auto;
}
#business .thumb .content img {
    width: 3.5em;
    height: 3.5em;
}
#business .thumb .content .h1 {
    font-weight: bold;
    font-size: 1.5em;
    padding: 10px 0;
    margin: 0.2rem 0;
    line-height: 1;
}
#business .thumb .content .more {
    margin: 0.8rem auto 0;
}
#business .thumb .swiper-slide-thumb-active .fade {
    visibility: visible;
    opacity: 1;
    pointer-events: unset;
}
@media (min-width: 1025px) {
    #business .left {
        box-sizing: border-box;
    }
    #business .left,
    #business .thumb {
        width: 50%;
    }
    #business .thumb .content {
        transform: translateY(calc((57.6px + 10px + 0.2rem + 0.8rem + 2em) / 2));
        transition: all 0.4s ease-out;
    }
    #business .thumb .swiper-slide-thumb-active .content {
        transform: translateY(0);
    }
}
@media (max-width: 1024px) {
    #business .container {
        display: block;
    }
    #business .thumb {
        font-size: 12px;
    }
    #business .thumb .swiper-slide {
        min-height: 15em;
    }
    #business .thumb .box {
        display: none;
    }
    #business .thumb .h1 {
        padding-bottom: 0;
        margin-bottom: 0;
    }
    #business .thumb .content {
        padding: 36px 0;
    }
}
#news {
    background-color: #f5f5f5;
}
#news .container .h1 {
    transition: all 0.4s ease-out;
}
#news .container .item:hover .h1 {
    color: #063190;
}
#news .swiper {
    overflow: visible;
}
@media (max-width: 1280px) {
    #news .swiper {
        font-size: 14px;
    }
}
#news .swiper .item {
    height: 100%;
}
#news .swiper .clip {
    flex: 1;
    overflow: hidden;
}
#news .swiper .img {
    height: 100%;
}
#news .swiper .more {
    margin-top: calc(10px + 0.3rem);
}
#news .swiper .time {
    border: 1px solid #063190;
    color: #063190;
    padding: 0 1em;
    width: fit-content;
    height: 2em;
    box-sizing: border-box;
}
#news .swiper .time .en {
    font-size: 0.8em;
    margin-left: 4px;
    margin-bottom: -0.3em;
}
#news .swiper .h1 {
    font-size: 1.2em;
    margin: 0.8em 0;
    line-height: 1.35;
    height: 2.7em;
}
#news .swiper .swiper-slide {
    width: 50%;
    box-sizing: border-box;
    padding-right: 0.4rem;
}
@media (max-width: 800px) {
    #news .swiper .swiper-slide {
        width: 100%;
    }
}
#news .right .content {
    flex: 1;
    padding-left: 5px;
    margin-left: 0.4rem;
}
#news .right .content .h1 {
    -webkit-line-clamp: 1;
    font-weight: bold;
    font-size: 0.9em;
    height: 1.1em;
    line-height: 1.1;
}
#news .right .content .go {
    opacity: 0.7;
    font-size: 0.8em;
    margin-top: 1em;
    line-height: 1;
}
#news .right .time {
    text-align: center;
    line-height: 1;
    color: #444;
    transform: translateY(0.44em);
}
#news .right .time,
#news .right .time .line,
#news .right .time .d {
    transition: all 0.4s ease-out;
}
#news .right .time .line {
    opacity: 0;
}
#news .right .time .d {
    font-size: 1.8em;
    font-family: 'adineueBold', sans-serif;
}
#news .right .time .y {
    font-size: 0.9em;
    font-family: 'adineue', sans-serif;
    margin: 0.2em 0;
}
#news .right .time .line {
    height: 0.44em;
    background-image: url(../images/select.png);
}
#news .right .item {
    height: 6.5em;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 0 0.6rem;
    background-color: #fff;
}
@media (max-width: 1280px) {
    #news .right .item {
        height: 90px;
    }
}
#news .right .item:nth-of-type(4) {
    border-bottom: 0 none;
}
#news .right .item:nth-of-type(4) ~ .item {
    display: none;
}
#news .right .item:hover .time {
    transform: translateY(0);
}
#news .right .item:hover .time .d {
    color: #063190;
}
#news .right .item:hover .time .line {
    opacity: 1;
}
@media (min-width: 1025px) {
    #news .swiper {
        width: 64%;
    }
    #news .right {
        width: 36%;
        box-sizing: border-box;
        padding-left: 0.4rem;
    }
    #news .swiper-pagination {
        display: none;
    }
}
@media (max-width: 1024px) {
    #news .container {
        display: block;
    }
    #news .swiper {
        margin-right: -20px;
    }
    #news .swiper .swiper-slide {
        padding-right: 20px;
    }
    #news .swiper .img {
        padding-top: 60%;
    }
    #news .right {
        margin-top: 30px;
    }
    #news .right .fade {
        display: none;
    }
}
#toTop {
    z-index: 200;
    cursor: pointer;
}
#toTop .cc {
    width: 2.5em;
    height: 2.5em;
    border: 1px solid #063190;
    color: #063190;
    transition: all 0.4s ease;
    box-sizing: border-box;
}
#toTop .cc .icon {
    font-size: 16px;
}
@media (min-width: 801px) {
    #toTop .cc {
        border-color: #fff;
        color: #fff;
    }
    #toTop:hover .cc {
        background-color: #fff;
        color: #063190;
    }
}
@media (max-width: 800px) {
    #toTop {
        position: fixed;
        right: 0;
        bottom: 1.5rem;
        mix-blend-mode: difference;
        transition: all 0.4s ease;
        transform: translateX(100%);
    }
    #toTop.on {
        transform: none;
        right: 0.3rem;
    }
    #toTop:hover .cc {
        border-color: #063190;
        background-color: #063190;
        color: #fff;
    }
}
#footer {
    color: #fff;
}
#footer .main {
    background-image: url(../images/footer.jpg);
}
#footer .container {
    padding-bottom: 20px;
    margin-bottom: 0.7rem;
}
#footer .left .hr {
    padding: 20px 0;
    margin: 0.7rem 0;
}
#footer .left .hr:after {
    height: 1px;
    background-color: #fff;
    opacity: 0.1;
}
#footer .wechat {
    margin-left: 30px;
    flex-shrink: 0;
}
#footer .top .login {
    margin: 0 0.5rem 0 auto;
    opacity: 0.5;
}
#footer .top .login .icon {
    font-size: 1.25em;
    margin-right: 4px;
}
#footer .top .login:hover {
    opacity: 1;
}
#footer .top .blogroll {
    height: 100%;
}
#footer .top .blogroll .static {
    width: 8em;
    height: 2.4em;
    margin: 0 0 0 auto;
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-sizing: border-box;
    padding: 0.5em 0.5em 0.5em 1em;
}
#footer .top .blogroll .static .char {
    font-size: 14px;
}
#footer .top .blogroll .static .cc {
    width: 1.4em;
    height: 1.4em;
    background-color: #8b5e34;
    color: #fff;
}
#footer .top .blogroll .static .cc .icon {
    font-size: 12px;
}
#footer .top .blogroll .fade {
    position: absolute;
    right: 0;
    top: 100%;
    margin-top: 10px;
    color: #232323;
}
#footer .top .blogroll .fade .content {
    width: 260px;
    max-width: calc(100vw - 40px);
    background-color: #fff;
    padding: 1em;
    height: 180px;
    overflow-y: auto;
    border-radius: 0.5em;
    box-shadow: 0 0 1em rgba(0, 0, 0, 0.1);
}
#footer .top .blogroll .fade .content a {
    font-size: 14px;
    padding: 5px 0.5em;
}
#footer .top .blogroll .fade .content a:hover {
    background-color: #f2f2f2;
    color: #063190;
}
#footer .top .blogroll:hover .static {
    background-color: #8b5e34;
    border-color: #8b5e34;
    color: #fff;
}
#footer .top .blogroll:hover .static .cc {
    background-color: #fff;
    color: #8b5e34;
}
#footer .top .blogroll:hover .fade {
    margin-top: 0;
}
#footer .copyright {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding: 0.55rem 0;
}
#footer .copyright .left {
    font-size: 12px;
    width: fit-content;
}
#footer .copyright .left a {
    opacity: 0.5;
    padding: 2px 0;
}
#footer .copyright .left a:hover {
    opacity: 1;
}
#footer .copyright .v {
    margin: 0 -6px;
}
#footer .copyright .v a {
    margin: 0 6px;
}
@media (min-width: 1281px) {
    #footer .left {
        width: 7.5rem;
    }
    #footer .nav li + li {
        margin-left: 1rem;
    }
    #footer .nav .top {
        font-size: 14px;
        opacity: 0.5;
    }
    #footer .nav .sub {
        margin-top: 0.1rem;
    }
    #footer .nav a:hover {
        opacity: 1;
        text-decoration: underline;
    }
}
@media (max-width: 1280px) {
    #footer .container {
        display: block;
    }
    #footer .nav {
        display: none;
    }
}
@media (max-width: 800px) {
    #footer .top .login {
        display: none;
    }
    #footer .copyright {
        text-align: center;
        padding: 16px 0;
    }
    #footer .copyright .left {
        width: fit-content;
        margin: 0 auto;
    }
}
#column {
    text-align: center;
    color: #fff;
    line-height: 1;
}
#column .main {
    margin-top: 5em;
    height: 6.5rem;
    min-height: 320px;
    background-color: #000;
}
#column .content {
    width: 24em;
    height: 15em;
    background-image: url(../images/channel.png);
    box-sizing: border-box;
    padding-top: 5em;
    margin: 0 auto;
    font-weight: bold;
}
#column .content .h1 {
    font-size: 2em;
}
@media (max-width: 1024px) {
    #column .content .h1 {
        font-size: 28px;
    }
}
#column .content .h2 {
    padding-top: 10px;
    margin-top: 0.1rem;
    text-transform: uppercase;
    font-size: 1.2em;
}
#channel {
    background-color: #f5f5f5;
}
#channel .main {
    color: #7a7a7a;
    padding-top: 20px;
    padding-bottom: 20px;
}
@media (min-width: 1025px) {
    #channel .main {
        height: 2.2em;
    }
    #channel .content {
        margin: -8px -0.6rem 0 0;
    }
    #channel a {
        margin: 8px 0.6rem 0 0;
        border: 1px solid #c4c4c4;
        border-radius: 50px;
        min-width: 6.8em;
        box-sizing: border-box;
        padding: 0 1em;
    }
    #channel a .char {
        font-size: 14px;
        min-width: 5.5em;
    }
    #channel a:after {
        content: "";
        display: block;
        width: 6px;
        height: 6px;
        border-radius: 6px;
        background-color: #7a7a7a;
        transition: all 0.4s ease-out;
    }
    #channel a.on,
    #channel a:hover {
        border-color: #063190;
        background-color: #063190;
        color: #fff;
    }
    #channel a.on:after,
    #channel a:hover:after {
        background-color: #fff;
    }
}
@media (max-width: 1024px) {
    #channel .main {
        display: block;
    }
    #channel .content {
        margin: -8px -24px 0 0;
    }
    #channel a {
        margin: 8px 24px 0 0;
    }
    #channel a:hover,
    #channel a.on {
        color: #063190;
        text-decoration: underline;
    }
}
@media (max-width: 800px) {
    #channel .main {
        font-size: 14px;
    }
}
#order .main {
    background-image: url(../images/zxxd.jpg);
}
#order .row-title .h1 {
    background-image: url(../images/xd.png);
}
#order .bottom {
    padding-top: 30px;
    margin-top: 0.3rem;
}
#order .bottom .text {
    max-width: 50%;
}
@media (max-width: 800px) {
    #order .bottom {
        display: block;
    }
    #order .bottom .text {
        max-width: unset;
        margin-top: 20px;
    }
}
#search .main {
    background-image: url(../images/zxxd.jpg);
}
#search .container {
    max-width: 960px;
    margin: 0 auto;
}
#search .container .box {
    flex: 1;
    margin-right: 1em;
}
#search .container button {
    width: 8.8em;
    border-radius: 6px;
    background-color: #8b5e34;
    color: #fff;
    max-width: 30%;
}
#search .container button:hover {
    background-color: #063190;
    box-shadow: 0 0.5em 1em rgba(6, 49, 144, 0.5);
}
@media (max-width: 800px) {
    #search .container button {
        font-size: 15px;
    }
}
#search .bottom {
    padding-top: 0.5rem;
    margin: 30px 0 0;
}
#search .bottom li {
    padding: 0;
    margin: 20px 1.25em 0;
}
#search .bottom .logo2 img {
    max-width: 120px;
}
#search .bottom .tel {
    font-size: 14px;
    color: #666;
}
#search .bottom .tel dt {
    font-weight: bold;
}
#search .bottom .line {
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    height: 100%;
}
#search .bottom .wechat img {
    width: 80px;
    height: 80px;
    object-fit: contain;
}
#search .bottom .wechat p {
    font-size: 12px;
    margin-left: 1em;
    color: #666;
}
@media (max-width: 800px) {
    #search .bottom {
        display: block;
        text-align: center;
    }
    #search .bottom li {
        width: fit-content;
        margin: 20px auto 0;
    }
    #search .bottom .line {
        display: none;
    }
}
#result {
    width: 100%;
    max-width: 820px;
    border-radius: 8px;
    box-sizing: border-box;
    padding: 0.7rem 0.9rem;
}
@media (max-width: 800px) {
    #result {
        padding: 30px;
    }
}
#result .order {
    font-size: 14px;
}
#result .content {
    padding-top: 15px;
    margin-top: 0.1rem;
    color: #454545;
}
#result .content dl {
    padding-left: 2.5em;
    position: relative;
}
#result .content dl:before {
    content: "";
    position: absolute;
    left: 1em;
    top: 1em;
    border-left: 1px dashed #b2b2b2;
    bottom: calc(-10px - 1em - 0.1rem);
    pointer-events: none;
    transform: translateX(-50%);
}
#result .content dl dt,
#result .content dl dd {
    position: relative;
    z-index: 2;
}
#result .content dl + dl {
    padding-top: 10px;
    margin-top: 0.1rem;
}
#result .content dl dt {
    line-height: 1;
    margin-left: -2.5em;
}
#result .content dl dt .cc {
    width: 2em;
    height: 2em;
    color: #fff;
}
#result .content dl dt .cc .icon {
    font-size: 1.125em;
    display: none;
}
#result .content dl dt .cc:after {
    content: "";
    display: block;
    width: 0.75em;
    height: 0.75em;
    border-radius: 0.75em;
    background-color: #b2b2b2;
}
#result .content dl dt .char {
    font-size: 1.125em;
    margin-left: 0.5em;
}
#result .content dl dd {
    font-size: 0.875em;
}
#result .content dl.end .cc .icon,
#result .content dl:last-child .cc .icon {
    display: block;
}
#result .content dl.end .cc:after,
#result .content dl:last-child .cc:after {
    display: none;
}
#result .content dl:last-child:before {
    display: none;
}
#result .content dl:last-child .cc {
    background-color: #b2b2b2;
}
#result .content dl.end dt {
    color: #063190;
}
#result .content dl.end .cc {
    background-color: #063190;
}
#company .main {
    background-image: url(../images/about.jpg);
}
#company .right,
#company .right .ul {
    position: relative;
}
#company .right .ul {
    z-index: 2;
}
#company .right li {
    background-color: #fff;
    background-image: url(../images/logo.png);
    background-repeat: no-repeat;
    background-position: calc(100% - 0.5rem) calc(100% - 0.2rem - 10px);
    background-size: 36% auto;
    border-radius: 0.5em;
    padding: 0.5rem;
}
#company .right li,
#company .right li .icon,
#company .right li .title {
    transition: all 0.4s ease;
}
#company .right li + li {
    margin-top: 0.4rem;
}
#company .right li .icon,
#company .right li .title {
    color: #8b5e34;
}
#company .right li .value,
#company .right li .title {
    font-family: 'adineueBold', sans-serif;
}
#company .right li .content {
    padding-right: 2.5em;
}
#company .right li .icon {
    display: block;
    font-size: 2em;
    padding-bottom: 10px;
    margin-bottom: 0.2rem;
}
#company .right li .value {
    overflow: hidden;
    line-height: 1;
    height: 1em;
    font-size: 2.5em;
}
#company .right li .value:after {
    font-size: 0.36em;
    padding-left: 1em;
    content: attr(data-content);
}
#company .right li .name {
    font-size: 0.9em;
}
#company .right li .title {
    position: absolute;
    left: 100%;
    top: 50%;
    line-height: 1;
    margin-left: -0.5em;
    font-size: 2em;
    letter-spacing: 0.2em;
}
#company .right li .title:after {
    content: attr(data-content);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotateZ(90deg);
}
#company .right li:hover {
    background-color: #063190;
}
#company .right li:hover,
#company .right li:hover .icon,
#company .right li:hover .title {
    color: #fff;
}
#company .datum {
    padding-top: 30px;
    margin-top: 0.4rem;
}
@media (min-width: 1280px) {
    #company .right .bg {
        margin-right: -1.7rem;
    }
}
@media (max-width: 1280px) and (min-width: 1025px) {
    #company .right .bg {
        margin-right: -1rem;
    }
}
@media (max-width: 1024px) and (min-width: 801px) {
    #company .right .bg {
        margin: 0 -1rem;
    }
}
@media (max-width: 800px) {
    #company .right .bg {
        margin: 0 -20px;
    }
    #company .right li {
        padding: 20px;
    }
    #company .right li + li {
        margin-top: 16px;
    }
    #company .right li .title {
        font-size: 1.5em;
    }
}
@media (min-width: 1025px) {
    #company .left {
        flex: 1;
        padding-left: 1.4rem;
    }
    #company .right {
        box-sizing: border-box;
        padding-left: 1rem;
        width: 35%;
    }
    #company .right .bg {
        margin-left: 2rem;
    }
    #company .right .ul {
        max-width: 430px;
    }
}
@media (max-width: 1024px) {
    #company .container {
        display: block;
    }
    #company .left {
        padding-bottom: 0;
    }
    #company .right {
        margin-top: 36px;
    }
    #company .right .ul {
        max-width: 360px;
    }
}
@media (max-width: 640px) {
    #company .right .ul {
        width: auto;
        max-width: unset;
    }
}
#culture {
    color: #fff;
    text-align: center;
}
#culture .swiper-slide {
    width: 20%;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    box-sizing: border-box;
    height: auto;
}
@media (max-width: 1024px) {
    #culture .swiper-slide {
        width: 25%;
    }
}
@media (max-width: 800px) {
    #culture .swiper-slide {
        width: 33.333333%;
    }
}
@media (max-width: 500px) {
    #culture .swiper-slide {
        width: 50%;
    }
}
#culture .swiper-pagination {
    margin-bottom: 10px;
}
#culture .swiper-pagination .swiper-pagination-bullet {
    background-color: #fff;
}
#culture .swiper {
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}
#culture img {
    width: 2em;
    height: 2em;
    margin-bottom: 0.5em;
    object-fit: contain;
}
#culture .h1 {
    font-size: 1.3em;
    padding-bottom: 10px;
    margin-bottom: 0.2rem;
}
#culture .line1 {
    width: 2px;
    height: 20px;
    padding-bottom: 0.3rem;
    margin: 0 auto;
    background-image: linear-gradient(-180deg, #fff, transparent);
    background-image: -webkit-linear-gradient(top, #fff, transparent);
}
#culture .txt {
    padding-top: 10px;
    margin-top: 0.2rem;
}
#culture .fade {
    height: 100%;
    box-sizing: border-box;
    padding: 2.1rem 1em;
    background-image: linear-gradient(0deg, #063190, transparent);
    background-image: -webkit-linear-gradient(bottom, #063190, transparent);
    transform: translateY(20%);
}
@media (max-width: 1024px) {
    #culture .fade {
        padding: 100px 1em;
    }
}
#culture .line2 {
    width: 24px;
    height: 2px;
    background-color: #fff;
    margin: 0 auto;
}
#culture .default {
    padding: 0.9rem 1em;
}
@media (max-width: 1024px) {
    #culture .default {
        padding: 64px 1em;
    }
}
#culture .default .content {
    margin: auto auto 0;
}
@media (max-width: 1024px) {
    #culture .default .content {
        margin: auto;
    }
}
#culture .default .h1 {
    margin-bottom: 0.6rem;
}
#culture .touch {
    overflow: hidden;
}
#culture .touch:hover .default {
    transform: translateY(-20%);
}
#culture .touch:hover .fade {
    transform: translateY(0);
}
#honor .main {
    background-image: url(../images/honor.jpg);
}
#honor .swiper {
    max-width: 360px;
    margin: 0 auto;
    overflow: visible;
}
#honor .swiper .img {
    padding-top: 70%;
}
@media (max-width: 800px) {
    #honor .swiper-button {
        display: none;
    }
}
#honor .swiper-pagination {
    color: #777;
    font-family: 'adineueBold', sans-serif;
    letter-spacing: 0.1em;
}
#honor .swiper-pagination .swiper-pagination-current {
    color: #063190;
    margin-right: 0.3em;
}
#honor .swiper-pagination .swiper-pagination-total {
    margin-left: 0.3em;
}
#partner {
    background-color: #f5f5f5;
}
#partner .swiper .swiper-wrapper {
    flex-direction: unset;
}
#partner .swiper .swiper-slide {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-collapse: collapse;
    box-sizing: border-box;
}
#partner .swiper .fill {
    padding: 0.7em;
}
#partner .swiper a {
    position: relative;
    padding-top: 36%;
    border: 1px solid transparent;
}
#partner .swiper a:hover {
    background: #fff;
    border-color: #063190;
}
#garden1 .container {
    margin-top: calc(20px + 0.2rem);
}
#garden1 .left {
    padding: 2.25em;
    background-color: #f5f5f5;
}
#garden1 .swiper .h1 {
    font-size: 1.1em;
    font-weight: bold;
    transition: width 0.4s ease;
}
#garden1 .swiper .hr {
    margin: 25px 0;
    background-color: #ddd;
}
#garden1 .swiper .hr:after {
    height: 2px;
    background-color: #8b5e34;
    width: 18%;
    transition: width 0.4s ease;
}
#garden1 .swiper .name {
    white-space: nowrap;
}
#garden1 .swiper .txt {
    line-height: 1.35;
}
#garden1 .swiper .flex {
    margin-top: 0.06rem;
    padding-top: 4px;
}
#garden1 .swiper .swiper-slide {
    box-sizing: border-box;
}
#garden1 .swiper .swiper-slide.on .h1 {
    color: #063190;
}
#garden1 .swiper .swiper-slide.on .hr:after {
    width: 100%;
}
#garden1 .amap-info {
    display: none!important;
}
#garden1 .amap-marker .dot {
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -10px;
}
#garden1 .amap-marker .dot .icon {
    display: block;
    color: red;
    font-size: 20px;
    line-height: 1;
    width: 1em;
    text-align: center;
    animation: tantiao 2s ease-in-out infinite;
}
@keyframes tantiao {
    0% {
        transform: translateY(0);
    }
    6.25% {
        transform: translateY(-8px);
    }
    10% {
        transform: translateY(0);
    }
    16.25% {
        transform: translateY(-4px);
    }
    20% {
        transform: translateY(0);
    }
    23.75% {
        transform: translateY(-2px);
    }
    25% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(0);
    }
}
@media (min-width: 1025px) {
    #garden1 .container {
        height: 5.4rem;
    }
    #garden1 .swiper {
        width: 4.4rem;
        min-width: 360px;
        height: 100%;
    }
    #garden1 .swiper .swiper-wrapper {
        display: block;
        overflow: auto;
    }
    #garden1 .swiper .swiper-wrapper::-webkit-scrollbar {
        width: 6px;
    }
    #garden1 .swiper .swiper-wrapper::-webkit-scrollbar-thumb {
        background-color: #063190;
    }
    #garden1 .swiper .swiper-slide {
        height: auto;
    }
    #garden1 .swiper .swiper-slide + .swiper-slide {
        margin-top: 2.25em;
    }
    #garden1 .right {
        flex: 1;
    }
}
@media (max-width: 1024px) {
    #garden1 .container {
        display: block;
    }
    #garden1 #map {
        height: 360px;
        margin-top: 20px;
    }
}
#garden2 .main {
    background-image: url(../images/yuanqu.jpg);
}
#garden2 .img-list .swiper-slide {
    pointer-events: unset;
}
#garden2 .img-list .oppress {
    border-radius: 0.5em;
}
#garden2 .img-list .img {
    padding-top: 45%;
}
#garden2 .swiper-button {
    box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.2);
}
#garden2 .container {
    margin-top: calc(20px + 0.4rem);
}
@media (min-width: 1025px) {
    #garden2 .swiper-pagination {
        display: none;
    }
    #garden2 .container {
        padding: 0 1.7rem;
    }
}
@media (max-width: 1024px) {
    #garden2 .swiper-button {
        display: none;
    }
}
#infor {
    background-color: #f1f3f4;
}
#infor .list {
    margin: -0.6rem -0.7rem 0;
}
#infor .list li {
    box-sizing: border-box;
    padding: 0 0.7rem;
    margin-top: 0.6rem;
    height: auto;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}
@media (min-width: 801px) {
    #infor .list li {
        width: 33.33333%;
    }
    #infor .list li:nth-of-type(3n) {
        border-right: 0 none;
    }
}
@media (max-width: 800px) and (min-width: 501px) {
    #infor .list li {
        width: 50%;
    }
    #infor .list li:nth-of-type(2n) {
        border-right: 0 none;
    }
}
@media (max-width: 500px) {
    #infor .list {
        margin-top: -20px;
    }
    #infor .list li {
        width: 100%;
        border: 0 none;
        margin-top: 20px;
    }
}
#infor .list .img {
    padding-top: 51.28205128%;
}
#infor .list .headline,
#infor .list .go {
    transition: all 0.4s ease-out;
}
#infor .list .headline {
    margin: calc(10px + 0.3rem) 0 calc(10px + 0.5rem);
    font-size: 1.2em;
    line-height: 1.4;
    height: 2.8em;
}
#infor .list .bottom {
    color: #777;
    font-size: 0.7em;
    line-height: 1;
}
#infor .list .bottom .date {
    font-family: 'adineue', sans-serif;
}
#infor .list .bottom .date .en {
    line-height: 1;
    margin-bottom: -0.2em;
}
#infor .list a:hover .headline,
#infor .list a:hover .go {
    color: #063190;
}
#infor .list a:hover .text {
    opacity: 1;
}
#infor .listing {
    padding-top: 30px;
    margin-top: 0.2rem;
}
@media (max-width: 1280px) {
    #infor .listing {
        font-size: 14px;
    }
}
#infor .listing .touch:after,
#infor .listing .headline,
#infor .listing .go .char,
#infor .listing .go .cc,
#infor .listing .left .icon,
#infor .listing .left .d,
#infor .listing .left .y {
    transition: all 0.4s ease;
}
#infor .listing .left {
    text-align: center;
}
#infor .listing .left .icon {
    opacity: 0.4;
    font-size: 1.5em;
    line-height: 1;
}
#infor .listing .left .d {
    font-family: 'adineueBold', sans-serif;
    font-size: 2.4em;
}
#infor .listing .left .y {
    font-family: 'adineue', sans-serif;
    font-size: 0.9em;
    opacity: 0.5;
    margin-bottom: -0.2em;
    line-height: 1;
}
#infor .listing .content {
    padding-left: 0.5rem;
    margin-left: 0.5rem;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
}
#infor .listing .content .headline {
    font-size: 1.2em;
    line-height: 1.1;
    webkit-line-clamp: 1;
    height: 1.1em;
}
#infor .listing .content .text {
    margin: calc(5px + 0.2rem) 0;
}
#infor .listing .content .go {
    margin: -0.6em 0;
}
#infor .listing .content .go .cc {
    width: 2.375em;
    height: 2.375em;
    margin-left: 4px;
}
#infor .listing .touch {
    background-color: #fff;
    padding: 0.6rem;
}
@media (max-width: 800px) {
    #infor .listing .touch {
        padding: 24px;
    }
}
#infor .listing .touch + .touch {
    margin-top: calc(10px + 0.3rem);
}
#infor .listing .touch:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 0.2em;
    width: 0;
    background-color: #063190;
}
#infor .listing .touch:hover:after {
    width: 40%;
}
#infor .listing .touch:hover .left {
    color: #063190;
}
#infor .listing .touch:hover .left .icon,
#infor .listing .touch:hover .left .y {
    opacity: 1;
}
#infor .listing .touch:hover .headline,
#infor .listing .touch:hover .go .char {
    color: #063190;
}
#infor .listing .touch:hover .go .cc {
    background-color: #063190;
    color: #fff;
}
@media (max-width: 800px) {
    #infor .listing .left {
        display: none;
    }
    #infor .listing .content {
        padding: 0;
        border: 0 none;
        margin: 0;
    }
}
#detail .top {
    padding-bottom: 20px;
    margin-bottom: 0.3rem;
    font-size: 14px;
    color: #999;
}
#detail .top .point a {
    display: inline;
}
#detail .top .point a:hover {
    color: #063190;
    text-decoration: underline;
}
#detail .top .back {
    flex-shrink: 0;
    order: 2;
    width: fit-content;
}
#detail .top .back .cc {
    margin-right: 6px;
}
#detail .top .back .cc .icon {
    font-size: 20px;
}
#detail .top .back:hover {
    color: #063190;
}
@media (min-width: 801px) {
    #detail .top .back {
        margin-left: 1rem;
    }
    #detail .top .back .cc {
        background-color: #f4f3f3;
        transition: all 0.4s ease;
        width: 48px;
        height: 48px;
    }
    #detail .top .back:hover .cc {
        background-color: #063190;
        color: #fff;
    }
}
@media (max-width: 800px) {
    #detail .top {
        display: block;
    }
    #detail .top .back {
        margin-bottom: 10px;
    }
}
#detail .headline {
    width: fit-content;
    margin: 0 auto;
    font-size: 2.4em;
    line-height: 1.35;
}
@media (max-width: 800px) {
    #detail .headline {
        font-size: 24px;
    }
}
#detail .info {
    text-align: center;
    font-size: 14px;
    color: #777;
    padding-top: 10px;
    margin-top: 0.1rem;
}
#detail .rtf {
    margin-top: calc(30px + 0.3rem);
}
#detail .page {
    margin-top: calc(20px + 0.6rem);
    line-height: 16px;
    padding: calc(12px + 0.2rem) 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
#detail .page .back {
    color: #063190;
}
#detail .page .back .icon {
    font-size: 28px;
    margin-right: 4px;
}
#detail .page .back .char {
    font-weight: bold;
}
#detail .page .item a:hover {
    color: #063190;
    text-decoration: underline;
}
@media (min-width: 801px) {
    #detail .page .item {
        max-width: 40%;
        width: 360px;
    }
    #detail .page .item a {
        display: inline;
    }
}
@media (max-width: 800px) {
    #detail .page {
        display: block;
    }
    #detail .page a {
        padding: 6px 0;
    }
    #detail .page .back {
        display: none;
    }
}
#contact .main {
    background-image: url(../images/contact.jpg);
}
#contact .container {
    padding-top: 30px;
    margin-top: 0.4rem;
}
#contact .container .item .wechat {
    text-align: center;
}
#contact .container .item .wechat .grid img {
    width: 8em;
    height: 8em;
}
#contact .container .item .wechat .grid p {
    margin-top: 10px;
}
#contact .container .item .cc {
    width: 3em;
    height: 3em;
    text-align: center;
    line-height: 3em;
    background-color: #8b5e34;
    color: #fff;
    margin-bottom: 1.5em;
}
@media (max-width: 1000px) {
    #contact .container .item .cc {
        position: absolute;
        left: 0;
        top: 0;
    }
}
#contact .container .item .cc .iconfont {
    font-size: 1.3em;
}
#contact .container .item .name {
    font-size: 1.1em;
    margin-bottom: 1em;
}
#contact .container .item .padding {
    height: 2em;
}
#contact .container .item .enb {
    font-size: 1.2em;
}
#contact .container .item .value {
    font-size: 0.9em;
}
#contact .container .item .tip {
    font-size: 0.8em;
    opacity: 0.7;
}
#contact .container .item:last-child {
    flex-shrink: 0;
    margin: 0 0 0 auto;
}
@media (min-width: 1025px) {
    #contact .container {
        margin-left: -0.7rem;
        margin-right: -0.7rem;
    }
    #contact .container .line {
        width: 1px;
        height: 4.6em;
        background-color: #000;
        opacity: 0.1;
        margin: auto 0;
    }
    #contact .container .item {
        padding: 0 0.7rem;
        max-width: 300px;
    }
}
@media (max-width: 1024px) {
    #contact .container {
        display: block;
    }
    #contact .container .item {
        padding: 30px 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        position: relative;
        padding-left: 4em;
    }
    #contact .container .item .cc {
        position: absolute;
        left: 0;
        top: 30px;
        margin-top: -12px;
    }
    #contact .container .item:first-child {
        padding-top: 0;
    }
    #contact .container .item:first-child .cc {
        top: 0;
    }
    #contact .container .item:last-child {
        padding-left: 0;
    }
}
#map2 {
    height: 6rem;
    min-height: 300px;
    border-radius: 0.5em;
}
#map2 .amap-marker .dot {
    font-size: 5.20833333vw;
    position: absolute;
    left: 50%;
    top: 50%;
    background-color: #063190;
    filter: drop-shadow(0 0 1em rgba(0, 0, 0, 0.15));
    -webkit-filter: drop-shadow(0 0 1em rgba(0, 0, 0, 0.15));
    border-radius: 50%;
    height: 0.12em;
    width: 0.24em;
    margin: -0.12em 0 0 -0.06em;
}
@media (max-width: 1024px) {
    #map2 .amap-marker .dot {
        font-size: 52px;
    }
}
#map2 .amap-marker .box {
    width: 2.8em;
    height: 0.9em;
    border-radius: 10px;
    position: absolute;
    background-color: #fff;
    left: 50%;
    bottom: 100%;
    margin-left: -1.4em;
    margin-bottom: 0.08rem;
}
#map2 .amap-marker .box:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 100%;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid #fff;
    margin-left: -12px;
}
#map2 .amap-marker .box > img {
    max-width: 70%!important;
    max-height: 70%!important;
}
#post .main {
    background-image: url(../images/contact.jpg);
}
#post .list {
    width: 100%;
}
@media (max-width: 1280px) {
    #post .list {
        font-size: 14px;
    }
}
#post .list thead {
    color: #fff;
    background-color: #063190;
    border-radius: 0.4em;
}
#post .list thead td {
    height: 4em;
}
#post .list thead,
#post .list .dt {
    text-align: center;
}
#post .list thead td,
#post .list .dt td {
    padding: 0 0.5em;
}
#post .list thead td:nth-of-type(2),
#post .list .dt td:nth-of-type(2) {
    text-align: left;
}
#post .list thead td:first-child,
#post .list .dt td:first-child {
    border-radius: 0.4em 0 0 0.4em;
}
#post .list thead td:last-child,
#post .list .dt td:last-child {
    border-radius: 0 0.4em 0.4em 0;
}
@media (max-width: 800px) {
    #post .list thead td:nth-of-type(4),
    #post .list .dt td:nth-of-type(4),
    #post .list thead td:nth-of-type(5),
    #post .list .dt td:nth-of-type(5),
    #post .list thead td:nth-of-type(7),
    #post .list .dt td:nth-of-type(7),
    #post .list thead td:nth-of-type(8),
    #post .list .dt td:nth-of-type(8) {
        display: none;
    }
    #post .list thead td:nth-of-type(6),
    #post .list .dt td:nth-of-type(6) {
        border-radius: 0 0.4em 0.4em 0;
    }
}
#post .list .dt {
    border-top: 2px solid #f4f6fa;
    background-color: #fff;
    height: 3.5em;
    color: #555;
    cursor: pointer;
}
#post .list .dt td:nth-of-type(1) {
    width: 3em;
}
#post .list .dt .icon {
    display: block;
    font-size: 1.2em;
    font-weight: bold;
    color: #fe0000;
    transition: all 0.4s ease-out;
}
#post .list .dt td:nth-of-type(2) {
    color: #000;
}
#post .list .dt.on .icon {
    transform: rotateZ(-90deg);
}
#post .list .dd .container {
    display: none;
    padding: 0.4rem 4.5em;
}
@media (max-width: 1024px) {
    #post .list .dd .container {
        padding: 24px;
    }
}
#post .list .dd .more {
    margin-top: calc(20px + 0.2rem);
}
#post .list .dd .double {
    line-height: 1.8;
    margin-bottom: 20px;
}
@media (min-width: 801px) {
    #post .list .dd .double {
        display: none;
    }
}