@font-face {
    font-family: SourceHanSansSC-Medium;
    src        : url(../fonts/SourceHanSansCN-Regular.woff)
}

* {
    font-family: SourceHanSansSC-Medium
}

.server *,
.server ::after,
.server ::before {
    box-sizing: border-box;
}

.en * {
    font-family: Arial
}

a {
    text-decoration: none !important
}

.container {
    max-width: 72.916667vw
}

#loading {
    display   : block;
    position  : fixed;
    left      : 0;
    top       : 0;
    width     : 100%;
    height    : 100%;
    background: #fff;
    z-index   : 999
}

#loading img {
    position         : absolute;
    left             : 50%;
    top              : 50%;
    -webkit-transform: translate(-50%, -50%);
    transform        : translate(-50%, -50%);
    z-index          : 2;
    width            : 10.416667vw;
    height           : auto;
    display          : block
}

header {
    position: fixed;
    top     : 0;
    left    : 0;
    width   : 100%;
    z-index : 99;
    padding : 1.5625vw 0
}

header.active {
    -webkit-transition: all .4s;
    transition        : all .4s
}

header.active,
header.page-detail {
    padding   : 1.041667vw 0;
    background: #fff
}

header.active .navbar-nav .dropdown-menu:after,
header.page-detail .navbar-nav .dropdown-menu:after {
    height: 3.125vw;
    top   : 2.96875vw
}

header.active .navbar-toggler .icon1,
header.page-detail .navbar-toggler .icon1 {
    display: none
}

header.active .navbar-toggler .icon2,
header.page-detail .navbar-toggler .icon2 {
    display: block
}

header.active .logo1,
header.page-detail .logo1 {
    display: none
}

header.active .logo2,
header.page-detail .logo2 {
    display: block
}

header.active .nav-link,
header.page-detail .nav-link {
    color: #333 !important
}

header.active .language svg,
header.active .search-btn,
header.page-detail .language svg,
header.page-detail .search-btn {
    color: #333
}

header.page-detail .navbar-nav .active .pc-nav-link {
    position: relative;
    color   : #0054a6
}

header.page-detail .navbar-nav .active .pc-nav-link:after {
    display   : block;
    content   : "";
    position  : absolute;
    top       : calc(100% + 1.40625vw);
    left      : 0;
    width     : 100%;
    height    : .104167vw;
    background: #0054a6;
    z-index   : 2
}

header .navbar {
    position: static;
    padding : 0
}

header .navbar-brand {
    padding: 0;
    margin : 0
}

header .navbar-toggler {
    display    : block !important;
    margin-left: 2.604167vw
}

header .navbar-toggler img {
    display: block;
    width  : 1.302083vw;
    height : auto;
    color  : #fff
}

header .navbar-toggler .icon2 {
    display: none
}

header .logo {
    display: block;
    width  : auto;
    height : 2.5vw
}

header .logo2 {
    display: none
}

header .navbar-nav .nav-link {
    font-size  : .9375vw;
    padding    : .260417vw .520833vw;
    line-height: 1.3;
    font-weight: 500;
    color      : #fff
}

header .navbar-nav .nav-link:hover {
    color: #0054a6
}

header .navbar-nav {
    -webkit-box-flex       : 1;
    -webkit-flex           : 1;
    flex                   : 1;
    -webkit-box-pack       : center;
    -webkit-justify-content: center;
    justify-content        : center
}

header .navbar-nav .nav-item {
    padding : .3125vw 1.302083vw;
    position: static
}

header .navbar-nav .dropdown-toggle {
    display: none
}

header .navbar-nav .pc-nav-link {
    display: block
}

header .navbar-nav .dropdown-menu {
    padding           : 0 .520833vw;
    margin-top        : 0;
    border            : none;
    border-radius     : 0;
    left              : 0;
    width             : 100% !important;
    background        : #fff;
    font-size         : 0;
    text-align        : center;
    -webkit-transition: all .7s;
    transition        : all .7s;
    overflow          : hidden;
    border-top        : 1px solid #e5e5e5
}

header .navbar-nav .dropdown-menu:after {
    position  : fixed;
    content   : "";
    left      : 0;
    top       : 3.645833vw;
    width     : 100%;
    background: transparent;
    height    : 3.125vw;
    z-index   : 22
}

header .navbar-nav .dropdown-menu .dropdown-item {
    display       : inline-block;
    vertical-align: top;
    line-height   : 4.166667vw;
    width         : auto;
    white-space   : normal;
    color         : #666;
    text-align    : center;
    font-size     : .9375vw;
    padding       : 0;
    margin        : 0 3.125vw;
    position      : relative;
    z-index       : 23
}

header .navbar-nav .dropdown-menu .dropdown-item .img {
    display      : block;
    width        : 2.239583vw;
    height       : 1.927083vw;
    margin       : 0 auto;
    -o-object-fit: contain;
    object-fit   : contain
}

header .navbar-nav .dropdown-menu .dropdown-item .img1 {
    display: none
}

header .navbar-nav .dropdown-menu .dropdown-item:after {
    display           : block;
    content           : "";
    position          : absolute;
    left              : 50%;
    bottom            : 0;
    width             : 0;
    height            : .15625vw;
    -webkit-transform : translateX(-50%);
    transform         : translateX(-50%);
    background        : #0054a6;
    -webkit-transition: all .4s;
    transition        : all .4s
}

header .navbar-nav .dropdown-menu .dropdown-item:hover {
    color     : #0054a6;
    background: transparent
}

header .navbar-nav .dropdown-menu .dropdown-item:hover:after {
    width: 50%
}

header .navbar-nav .dropdown-menu .dropdown-item:hover .img1 {
    display: none
}

header .navbar-nav .dropdown-menu .dropdown-item:hover .img2 {
    display: block
}

header .language {
    display       : inline-block;
    vertical-align: middle
}

header .language svg {
    width : .989583vw;
    height: .989583vw;
    color : #fff
}

header .language .dropdown-toggle:after {
    margin-left: .4em
}

header .language .nav-link {
    display       : inline-block;
    padding       : .5rem .3rem;
    color         : #fff;
    vertical-align: middle
}

header .language .dropdown-menu {
    left             : 50%;
    border-radius    : .260417vw;
    -webkit-transform: translateX(-50%);
    transform        : translateX(-50%);
    background       : #fff;
    min-width        : 7.291667vw;
    padding          : .78125vw 0;
    text-align       : center;
    border           : none;
    margin-top       : .78125vw;
    box-shadow       : 0 0 .833333vw -1px rgba(0, 0, 0, .1) !important
}

header .language .dropdown-menu:after {
    display            : block;
    content            : "";
    border             : .416667vw solid transparent;
    border-bottom-color: #fff;
    position           : absolute;
    left               : 50%;
    top                : -.833333vw;
    margin-left        : -.416667vw
}

header .language .dropdown-menu .dropdown-item {
    font-size: .9375vw;
    color    : #999
}

header .language .dropdown-menu .dropdown-item:hover {
    background     : transparent;
    color          : #0054a6;
    text-decoration: underline
}

header .form-search {
    display       : inline-block;
    vertical-align: middle;
    position      : static;
    margin-left   : 2.083333vw
}

header .form-search .flex {
    width                  : 31.25vw;
    position               : relative;
    display                : -webkit-box;
    display                : -webkit-flex;
    display                : flex;
    -webkit-box-pack       : justify;
    -webkit-justify-content: space-between;
    justify-content        : space-between;
    -webkit-box-align      : center;
    -webkit-align-items    : center;
    align-items            : center;
    border-radius          : 5.208333vw;
    margin-left            : auto;
    margin-right           : 19.270833vw;
    background             : rgba(0, 0, 0, .2)
}

header .form-search .flex input {
    padding-left    : 3.802083vw;
    -webkit-box-flex: 1;
    -webkit-flex    : 1;
    flex            : 1;
    background      : transparent;
    border          : none;
    line-height     : 3.645833vw;
    height          : 3.645833vw;
    border-radius   : 0;
    font-size       : .9375vw;
    color           : #fff
}

header .form-search .flex input::-webkit-input-placeholder {
    color: #fff
}

header .form-search .flex input::-moz-placeholder {
    color: #fff
}

header .form-search .flex input:-ms-input-placeholder,
header .form-search .flex input::-ms-input-placeholder {
    color: #fff
}

header .form-search .flex input::placeholder {
    color: #fff
}

header .form-search .flex svg {
    position         : absolute;
    left             : 1.979167vw;
    top              : 50%;
    width            : 1.354167vw;
    height           : 1.145833vw;
    -webkit-transform: translateY(-50%);
    transform        : translateY(-50%);
    z-index          : 2;
    color            : #fff;
    opacity          : .6
}

header .form-search .flex .btn {
    padding         : 0 2.083333vw;
    background-color: #0054a6;
    border-radius   : 2.604167vw;
    line-height     : 3.020833vw;
    font-size       : .833333vw;
    margin-right    : .3125vw;
    color           : #fff
}

header .form-search .dropdown-menu {
    right: 0;
    left : auto
}

header .form-search button,
header .form-search input {
    display: inline-block
}

header .form-search .dropdown-menu {
    position   : absolute;
    top        : 100%;
    width      : 100%;
    margin-top : 0;
    padding    : 1.302083vw 0;
    background : hsla(0, 0%, 100%, .9);
    white-space: nowrap
}

header .form-search .dropdown-menu input {
    outline     : none !important;
    margin-right: .416667vw !important;
    color       : #fff
}

header .form-search .dropdown-menu input:focus {
    box-shadow: none
}

header .search-btn {
    width : .9375vw;
    height: .885417vw;
    color : #fff
}

.more-comm {
    display       : inline-block;
    position      : relative;
    padding-bottom: .78125vw
}

.more-comm:after {
    position          : absolute;
    bottom            : 0;
    left              : 0;
    display           : block;
    content           : "";
    width             : 15%;
    height            : .15625vw;
    background        : #0054a6;
    -webkit-transition: all .4s;
    transition        : all .4s
}

.more-comm:hover {
    text-decoration: none
}

.more-comm:hover:after {
    width     : 100%;
    background: #0054a6 !important
}

.more-comm:hover .txt,
.more-comm:hover svg {
    color: #0054a6 !important
}

.more-comm .txt {
    display       : inline-block;
    vertical-align: middle;
    margin-right  : 1.041667vw;
    font-size     : .929167vw;
    font-weight   : 700;
    color         : #333
}

.more-comm svg {
    display: inline-block;
    color  : #0054a6
}

.banner-comm2 {
    position: relative;
    overflow: hidden
}

.banner-comm2 img {
    display          : block;
    width            : 100%;
    -webkit-animation: a 10s linear infinite alternate;
    animation        : a 10s linear infinite alternate
}

.banner-comm2 .title {
    position         : absolute;
    top              : 50%;
    left             : 50%;
    -webkit-transform: translate(-50%, -50%);
    transform        : translate(-50%, -50%);
    font-size        : 2.604167vw;
    line-height      : 1.2;
    color            : #fff
}

@-webkit-keyframes a {
    0% {
        -webkit-transform: scale(1);
        transform        : scale(1)
    }

    to {
        -webkit-transform: scale(1.1);
        transform        : scale(1.1)
    }
}

@keyframes a {
    0% {
        -webkit-transform: scale(1);
        transform        : scale(1)
    }

    to {
        -webkit-transform: scale(1.1);
        transform        : scale(1.1)
    }
}

.product-menu {
    padding: 0 !important
}

.product-menu .container {
    -webkit-box-align      : inherit;
    -webkit-align-items    : inherit;
    align-items            : inherit;
    -webkit-box-pack       : start;
    -webkit-justify-content: flex-start;
    justify-content        : flex-start
}

.product-menu .list {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width  : 33.33%;
    padding: 3.125vw 0
}

.product-menu .list:last-child .list-box,
.product-menu .list:nth-child(3) .list-box {
    border-right: none
}

.product-menu .list .img {
    margin-left  : 1.5625vw;
    display      : block;
    width        : 5.208333vw;
    height       : 3.645833vw;
    -o-object-fit: contain;
    object-fit   : contain
}

.product-menu .list .list-box {
    -webkit-box-flex: 1;
    -webkit-flex    : 1;
    flex            : 1;
    margin-left     : 4.166667vw;
    text-align      : left;
    border-right    : 1px solid rgba(0, 0, 0, .1)
}

.product-menu .list .list-box .sub-title {
    font-size  : 1.041667vw;
    font-weight: 500;
    color      : #333
}

.product-menu .list .list-box .a-list {
    margin-top: .520833vw
}

.product-menu .list .list-box .a-list a {
    display    : inline-block;
    font-size  : .833333vw;
    line-height: 1.9;
    color      : #666
}

.product-menu .list .list-box .a-list a:hover {
    color: #0054a6
}

.product-menu .line {
    width        : 100%;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

footer {
    padding   : 3.125vw 0 1.822917vw;
    background: #3a3c41
}

footer.en-footer .follow-list {
    margin-bottom: 0
}

footer.en-footer .foot-info {
    -webkit-flex-wrap: wrap;
    flex-wrap        : wrap
}

footer.en-footer .left {
    -webkit-box-flex: 1;
    -webkit-flex    : 1;
    flex            : 1
}

footer.en-footer .right {
    padding-left: 3%
}

footer.en-footer .foot {
    margin-top: 3.125vw
}

footer.en-footer .foot-nav {
    -webkit-box-flex: 0;
    -webkit-flex    : none;
    flex            : none;
    width           : 100%;
    padding         : 0;
    margin          : 2.604167vw -.520833vw 0
}

footer.en-footer .follow-list-box {
    margin-top: .78125vw
}

footer.en-footer .email-box {
    display            : -webkit-box;
    display            : -webkit-flex;
    display            : flex;
    -webkit-box-align  : center;
    -webkit-align-items: center;
    align-items        : center
}

footer.en-footer .email-box .btn {
    margin-top : 0;
    margin-left: 1.041667vw
}

footer .foot,
footer .foot-info {
    display                : -webkit-box;
    display                : -webkit-flex;
    display                : flex;
    -webkit-box-pack       : justify;
    -webkit-justify-content: space-between;
    justify-content        : space-between
}

footer .foot {
    margin-top: 4.947917vw
}

footer .logo img {
    display: block;
    height : 2.8125vw;
    width  : auto
}

footer .follow {
    display: inline-block
}

footer .follow img {
    display   : block;
    width     : 5.729167vw;
    height    : auto;
    margin-top: 2.083333vw
}

footer .follow .name {
    margin-top: .260417vw;
    font-size : .729167vw;
    text-align: center;
    color     : hsla(0, 0%, 100%, .6)
}

footer .title {
    font-size    : .833333vw;
    line-height  : 1.1;
    height       : .833333vw;
    color        : #fff;
    font-weight  : 500;
    margin-bottom: 1.041667vw
}

footer .title a {
    font-size  : .833333vw !important;
    color      : #fff !important;
    line-height: 1.1 !important
}

footer .foot-nav {
    font-size              : 0;
    padding                : 0 6.25vw;
    -webkit-box-flex       : 1;
    -webkit-flex           : 1;
    flex                   : 1;
    display                : -webkit-box;
    display                : -webkit-flex;
    display                : flex;
    -webkit-box-pack       : justify;
    -webkit-justify-content: space-between;
    justify-content        : space-between
}

footer .foot-nav .list {
    display       : inline-block;
    vertical-align: top;
    padding       : 0 .520833vw
}

footer .foot-nav a {
    line-height: 1.9;
    font-size  : .729167vw;
    color      : hsla(0, 0%, 100%, .6)
}

footer .foot-nav a:hover {
    color          : #fff;
    text-decoration: underline !important
}

footer .follow-box .emial {
    display      : block;
    width        : 16.666667vw;
    height       : 2.083333vw;
    line-height  : 2.083333vw;
    border       : none;
    outline      : none;
    border-bottom: 1px solid hsla(0, 0%, 100%, .6);
    border-radius: 0;
    font-size    : .729167vw;
    color        : #fff;
    background   : transparent
}

footer .follow-box .btn {
    margin-top        : 1.041667vw;
    padding           : 0;
    border-radius     : 0;
    cursor            : pointer;
    width             : 6.25vw;
    line-height       : 2.604167vw;
    text-align        : center;
    font-size         : .729167vw;
    color             : #fff;
    background        : #f4a000;
    border-radius     : .260417vw;
    -webkit-transition: all .4s;
    transition        : all .4s
}

footer .follow-box .btn:hover {
    -webkit-transform: scale(.9);
    transform        : scale(.9)
}

footer .follow-list {
    padding-top  : .520833vw;
    margin-bottom: 2.34375vw
}

footer .follow-list a {
    display       : inline-block;
    vertical-align: top;
    margin-right  : 1.5625vw
}

footer .follow-list img {
    display           : block;
    width             : auto;
    height            : 1.09375vw;
    -o-object-fit     : contain;
    object-fit        : contain;
    -webkit-transition: all .4s;
    transition        : all .4s
}

footer .follow-list img:hover {
    -webkit-transform: translateY(-.260417vw);
    transform        : translateY(-.260417vw)
}

footer .foot .copyright,
footer .foot .name,
footer .foot a {
    font-size: .729167vw;
    color    : hsla(0, 0%, 100%, .3)
}

.footer-message {
    padding   : 1.041667vw 0;
    background: #f2f2f2
}

.footer-message .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height : 4.166667vw
}

.footer-message .container .list {
    width                  : 50%;
    display                : -webkit-box;
    display                : -webkit-flex;
    display                : flex;
    -webkit-box-align      : center;
    -webkit-align-items    : center;
    align-items            : center;
    -webkit-box-pack       : center;
    -webkit-justify-content: center;
    justify-content        : center;
    -webkit-flex-wrap      : wrap;
    flex-wrap              : wrap;
    border-right           : 1px solid rgba(0, 0, 0, .15)
}

.footer-message .container .list:last-child {
    border-right: none
}

.footer-message .container .list:hover .name {
    color: #0057a2
}

.footer-message .container .list:hover .icon {
    display: none
}

.footer-message .container .list:hover .icon1 {
    display: block
}

.footer-message .container img {
    display: block;
    width  : auto;
    height : 1.770833vw
}

.footer-message .container .icon1 {
    display: none
}

.footer-message .container .name {
    margin-left: 3.125vw;
    display    : block;
    font-size  : 1.25vw;
    color      : #333
}

.footer-message .container .sub-name {
    font-size   : .729167vw;
    color       : #666;
    text-align  : center;
    display     : block;
    width       : 100%;
    padding-left: 15%
}

.server {
    padding: 1.208333vw 0 3.25vw
}

.server .tip {
    font-size  : 1.041667vw;
    line-height: 1.1;
    color      : #333;
    font-weight: 500;
    padding    : 0 0 2.604167vw
}

.server .server-box {
    margin   : 0 -1.041667vw;
    font-size: 0
}

.server .list {
    display: inline-block;
    width  : 50%;
    padding: 0 1.041667vw 1.5625vw
}

.server .list .name {
    display    : block;
    font-size  : .833333vw;
    line-height: 1.1;
    color      : #000
}

.server .list .name span {
    color: #e53935
}

.server .list input,
.server .list textarea {
    margin-top   : .416667vw;
    display      : block;
    width        : 100%;
    height       : 3.125vw;
    line-height  : 3.125vw;
    padding      : 0 1.041667vw;
    border-radius: .260417vw;
    border       : none;
    outline      : none;
    font-size    : .833333vw;
    color        : #333;
    background   : rgba(190, 204, 219, .2)
}

.server .list input:focus,
.server .list textarea:focus {
    background: rgba(192, 204, 219, .5)
}

.server .list textarea {
    height     : 6.770833vw;
    line-height: 2.083333vw
}

.server .w100 {
    width: 100%
}

.server .s-btn {
    width             : 6.25vw;
    line-height       : 3.125vw;
    font-size         : .729167vw;
    text-align        : center;
    color             : #fff;
    margin            : 0 auto;
    background        : #2196f3;
    border-radius     : .260417vw;
    -webkit-transition: all .4s;
    transition        : all .4s
}

.server .s-btn:hover {
    -webkit-transform: scale(.9);
    transform        : scale(.9)
}

.modal-dialog {
    width    : 70%;
    max-width: 100%
}

.modal-dialog .modal-header {
    border: none
}

.modal-dialog .modal-body {
    padding: 0 3.385417vw 4.166667vw
}

.modal-dialog .server {
    padding: 0
}

.success-dialog {
    width: 40%
}

.success-dialog .success-icon {
    display: block;
    width  : 6.25vw;
    height : auto;
    margin : 0 auto
}

.success-dialog video {
    display  : block;
    max-width: 100%;
    width    : 100%;
    height   : auto
}

.success-dialog .success-text {
    margin-top : 1.458333vw;
    text-align : center;
    font-size  : 1.041667vw;
    line-height: 1.5;
    font-weight: 700;
    color      : #333
}

.pagination-comm {
    display                : -webkit-box;
    display                : -webkit-flex;
    display                : flex;
    -webkit-box-align      : center;
    -webkit-align-items    : center;
    align-items            : center;
    -webkit-box-pack       : center;
    -webkit-justify-content: center;
    justify-content        : center;
    margin                 : 2.083333vw 0 0
}

.pagination-comm input {
    display    : inline-block;
    width      : 4.166667vw;
    margin-left: .520833vw;
    border     : 1px solid #dee2e6;
    box-shadow : none;
    text-align : center;
    padding    : .23rem;
    color      : #333;
    outline    : none
}

.pagination {
    margin                 : 0 1.302083vw 0 0;
    -webkit-box-pack       : center;
    -webkit-justify-content: center;
    justify-content        : center
}

.pagination .page-link {
    text-align: center
}

.page-item.active .page-link,
.page-item.disabled .page-link,
.page-item:hover .page-link {
    background  : #0054a6;
    border-color: #0054a6;
    color       : #fff
}

.mobile-nav {
    display   : none;
    position  : fixed;
    top       : 0;
    left      : 0;
    width     : 100%;
    background: rgba(0, 0, 0, .7);
    height    : 100%;
    z-index   : 999
}

.mobile-nav .menu-close {
    width      : 1.041667vw;
    line-height: 1.041667vw;
    text-align : center;
    margin     : 2.291667vw 35% 2.291667vw auto;
    font-size  : 1.5625vw;
    display    : block;
    color      : #666;
    cursor     : pointer
}

.mobile-nav .nav-box {
    width       : 33.33%;
    margin-left : auto;
    margin-right: 0;
    height      : 100vh;
    background  : #fff;
    overflow    : auto
}

.mobile-nav .nav-list .list {
    cursor: pointer
}

.mobile-nav .nav-list .list .list-head {
    padding            : 0 35% 0 12%;
    height             : 3.125vw;
    display            : -webkit-box;
    display            : -webkit-flex;
    display            : flex;
    -webkit-box-align  : center;
    -webkit-align-items: center;
    align-items        : center
}

.mobile-nav .nav-list .list .list-head .name {
    -webkit-box-flex: 1;
    -webkit-flex    : 1;
    flex            : 1;
    font-size       : 1.041667vw;
    color           : #333;
    font-weight     : 500
}

.mobile-nav .nav-list .list .list-head .icon {
    width          : 1.041667vw;
    height         : 1.041667vw;
    background     : url(../image/comm/+.png) no-repeat 50% 50%;
    background-size: contain
}

.mobile-nav .nav-list .list .list-box {
    display: none;
    padding: 1.041667vw 35% 1.041667vw 12%
}

.mobile-nav .nav-list .list .list-box .s-list a {
    display           : inline-block;
    font-size         : .833333vw;
    line-height       : 1.1;
    padding           : .416667vw 0;
    margin            : .208333vw 0;
    color             : #333;
    font-weight       : 500;
    border-bottom     : .104167vw solid transparent;
    -webkit-transition: all .4s;
    transition        : all .4s
}

.mobile-nav .nav-list .list .list-box .s-list a:hover {
    color       : #0054a6;
    border-color: #0054a6
}

.mobile-nav .nav-list .list.active .list-head {
    background: #0054a6
}

.mobile-nav .nav-list .list.active .list-head .name {
    color: #fff
}

.mobile-nav .nav-list .list.active .list-head .icon {
    background     : url(../image/comm/-.png) no-repeat 50% 50%;
    background-size: contain
}

.en header .navbar-nav .nav-item:nth-child(3) .dropdown-menu {
    padding: 0 5.729167vw
}

@media (max-width:991px) {
    header .navbar-nav {
        display: none
    }

    header .language svg {
        width  : 16px;
        height : 16px;
        display: none
    }

    header .language .nav-link {
        display  : block;
        font-size: 14px;
        padding  : 5px 8px
    }

    header .form-search {
        display            : -webkit-box;
        display            : -webkit-flex;
        display            : flex;
        -webkit-box-align  : center;
        -webkit-align-items: center;
        align-items        : center;
        margin-left        : 0;
        padding            : 0 5px
    }

    header .language .dropdown-menu .dropdown-item {
        font-size: 12px
    }

    header .search-btn {
        width       : 16px;
        height      : 16px;
        margin-left : 5px;
        margin-right: 5px
    }

    header .navbar-toggler {
        margin-left: 0;
        padding    : 5px 15px 5px 5px
    }

    header {
        padding: 0 !important
    }

    header .right {
        display                : -webkit-box;
        display                : -webkit-flex;
        display                : flex;
        -webkit-box-pack       : end;
        -webkit-justify-content: flex-end;
        justify-content        : flex-end;
        margin                 : 0 !important
    }

    header .navbar-brand {
        padding     : .75rem 1rem;
        padding-left: 15px !important
    }

    header .navbar-collapse {
        display           : inline-block !important;
        padding           : 0;
        background-color  : transparent;
        -webkit-flex-basis: auto;
        flex-basis        : auto;
        font-size         : 0
    }

    header .navbar-toggler svg {
        color: #333
    }

    header .navbar-nav .nav-item {
        margin: 0 1rem
    }

    header .form-search .dropdown-menu {
        padding: 10px 0
    }

    header .form-search .flex {
        margin: 0 auto !important;
        width : 85%
    }

    header .form-search .flex input {
        height     : 30px;
        line-height: 30px;
        font-size  : 14px;
        padding    : 0 10px 0 40px
    }

    header .form-search .flex svg {
        width : 15px;
        height: 15px;
        left  : 15px
    }

    header .form-search .flex .btn {
        padding      : 0 15px;
        border-radius: 40px;
        line-height  : 24px;
        margin-right : 3px;
        font-size    : 12px
    }

    header .bg {
        display: none
    }

    header .navbar-nav .dropdown-toggle {
        display  : block;
        font-size: 16px
    }

    header .navbar-nav .nav-link {
        font-size: 16px
    }

    header .navbar-nav .pc-nav-link {
        display: none
    }

    header .navbar-nav .dropdown-menu {
        padding          : .5rem 0;
        -webkit-transform: none;
        transform        : none
    }

    header .navbar-nav .dropdown-menu .dropdown-item {
        padding: 10px 0
    }

    .dropdown-toggle:after {
        font-size: 16px;
        position : absolute;
        right    : 0;
        top      : 17px
    }

    .select-comm .btn {
        width    : 100px;
        font-size: 14px
    }

    .page-link {
        width      : 40px;
        height     : 40px;
        line-height: 38px;
        padding    : 0
    }

    .pagination-comm {
        margin           : 25px 0;
        -webkit-flex-wrap: wrap;
        flex-wrap        : wrap
    }

    .pagination-comm input {
        line-height: 35px;
        font-size  : 14px;
        width      : 50px;
        padding    : 0
    }

    footer .foot-nav .title {
        font-size  : 14px;
        line-height: 1.3
    }

    footer .foot-nav a {
        font-size  : 14px !important;
        line-height: 1.7
    }

    .comm-more {
        width    : 120px;
        height   : 35px;
        font-size: 14px
    }

    .comm-more .icon {
        width : 10px;
        height: 10px
    }

    .breadcrumb {
        margin-top   : -30px;
        height       : 30px;
        padding      : 0;
        border-radius: 0
    }

    .breadcrumb .container {
        height             : 100%;
        display            : -webkit-box;
        display            : -webkit-flex;
        display            : flex;
        -webkit-box-align  : center;
        -webkit-align-items: center;
        align-items        : center
    }

    .breadcrumb .container a {
        display  : inline-block;
        font-size: 13px
    }

    header .navbar-toggler img {
        width: 21px
    }

    footer .foot-info {
        -webkit-flex-wrap: wrap;
        flex-wrap        : wrap
    }

    footer .foot-info .left {
        width                  : 100%;
        display                : -webkit-box;
        display                : -webkit-flex;
        display                : flex;
        -webkit-box-align      : center;
        -webkit-align-items    : center;
        align-items            : center;
        -webkit-box-pack       : justify;
        -webkit-justify-content: space-between;
        justify-content        : space-between
    }

    footer .foot-info .follow-box {
        width: 100%
    }

    footer.en-footer .foot-info .follow-box,
    footer.en-footer .foot-info .left {
        width: auto
    }

    footer .foot-nav {
        width            : 100%;
        padding          : 0;
        -webkit-flex-wrap: wrap;
        flex-wrap        : wrap;
        font-size        : 0
    }

    footer .title {
        line-height: 1.2;
        height     : 28px;
        font-size  : 14px
    }

    footer .follow-box .emial {
        width      : 70%;
        line-height: 30px;
        height     : 30px;
        font-size  : 14px
    }

    footer .follow-box .btn {
        width      : 80px;
        line-height: 28px;
        font-size  : 14px;
        margin-top : 8px
    }

    footer .foot-nav .list {
        width     : auto;
        margin-top: 15px
    }

    footer .foot .copyright,
    footer .foot .name,
    footer .foot a {
        font-size: 12px
    }

    footer .follow-list img {
        height: 15px
    }

    footer .logo img {
        height: 30px
    }

    footer .follow img {
        width: 80px
    }

    footer .follow .name {
        font-size : 12px;
        text-align: center;
        margin-top: 5px
    }
}

@media (max-width:640px) {
    footer {
        padding-top: 25px
    }

    footer.en-footer .email-box .btn {
        margin-left: 10px
    }

    header .language .dropdown-menu {
        margin-top: 8px
    }

    .more-comm {
        padding-bottom: 6px
    }

    .more-comm .txt {
        font-size: 13px
    }

    .more-comm:after {
        width : 20%;
        height: 1px
    }

    .container {
        width    : 100%;
        max-width: 100%;
        padding  : 0 15px
    }

    footer .foot-nav .list {
        width: 50%
    }

    header .logo {
        height: 30px
    }

    header .navbar-brand {
        padding: .6rem .75rem
    }

    header .navbar-toggler svg {
        width : 25px;
        height: 25px
    }

    .banner2 img,
    .banner .kv {
        height       : 200px;
        -o-object-fit: cover;
        object-fit   : cover
    }

    .banner2 .info .title,
    .banner .title {
        font-size: 16px
    }

    .banner-comm2 img {
        height: 150px
    }

    .banner-comm2 .title {
        font-size: 24px
    }

    .footer-message {
        padding: 20px 0
    }

    .footer-message .container img {
        height: 20px
    }

    .footer-message .container .name {
        font-size  : 16px;
        margin-left: 10px
    }

    .mobile-nav .nav-box {
        width: 60%
    }

    .mobile-nav .menu-close {
        width      : 18px;
        line-height: 18px;
        font-size  : 18px;
        margin     : 20px 25% 20px auto
    }

    .mobile-nav .nav-list .list .list-head {
        padding: 0 25% 0 12%;
        height : 35px
    }

    .mobile-nav .nav-list .list .list-head .name {
        font-size: 16px
    }

    .mobile-nav .nav-list .list .list-head .icon {
        width : 10px;
        height: 10px
    }

    .mobile-nav .nav-list .list .list-box .s-list a {
        font-size: 14px;
        margin   : 5px 0
    }

    .server .tip {
        font-size     : 14px;
        line-height   : 1.5;
        padding-bottom: 15px
    }

    .server .server-box {
        margin: 0
    }

    .server .s-btn {
        width      : 80px;
        line-height: 32px;
        font-size  : 14px
    }

    .server .list {
        width  : 100%;
        padding: 0 0 20px
    }

    .server .list .name,
    .server .list .name span {
        font-size: 14px
    }

    .server .list input,
    .server .list textarea {
        margin-top : 10px;
        line-height: 32px;
        height     : 32px;
        padding    : 0 10px;
        font-size  : 14px
    }

    .server .list textarea {
        height: 90px
    }

    .modal-dialog,
    .success-dialog {
        width : 90%;
        margin: 10% auto 0
    }

    .en .mobile-nav .nav-box {
        width: 70%
    }

    .en .mobile-nav .nav-list .list .list-head {
        padding: 0 10%;
        height : 45px
    }

    .en .mobile-nav .nav-list .list .list-box {
        padding: 10px 10%
    }

    footer.en-footer .foot-info .left {
        width            : 100%;
        -webkit-flex-wrap: wrap;
        flex-wrap        : wrap
    }

    footer.en-footer .foot-info .follow-box {
        width     : auto;
        margin-top: 15px
    }

    footer.en-footer .right {
        width                  : 100%;
        -webkit-box-pack       : start;
        -webkit-justify-content: flex-start;
        justify-content        : flex-start
    }

    footer.en-footer .follow-list-box {
        margin-top: 15px
    }

    .footer-message .container .sub-name {
        font-size   : 12px;
        padding-left: 0;
        display     : none
    }

    .footer-message .container {
        height: auto
    }

    .pagination-comm {
        margin-bottom: 30px
    }
}

body {
    padding-top: 4.583333vw
}

/*# sourceMappingURL=map/server.css.map */