@charset "UTF-8";


@font-face {
    font-family: "Montserrat";
    src: url(../Fonts/Montserrat-Regular.otf);
}
@font-face {
    font-family: "Montserrat-Light";
    src: url(../Fonts/Montserrat-Light.otf);
}






/* ==================== 重置默认样式 start ==================== */
* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
      font-family: "Montserrat","微软雅黑", serif;
    font-size: 0.3rem;
    word-break: break-word;
}
*:before,
*:after {
    vertical-align: middle;
    box-sizing: border-box;
}
html {
    margin: 0 auto; font-size: 14px;
}
ul,
li,
ol {
    list-style: none;
}
em {
    font-style: normal;
}
img {
    vertical-align: middle;
    max-width: 100%;  
}
a {
    color: inherit;
    text-decoration: none;
    outline: none;
    -webkit-backface-visibility: hidden;
}
a:hover {
    text-decoration: none;
}
a:focus {
    outline: none;
}
input:focus,
select:focus,
textarea:focus {
    outline: -webkit-focus-ring-color auto 0;
}
button,
input {
    border: 0;
    outline: none;
    background: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
th,
td {
    vertical-align: middle;
}
i {
    font-style: inherit;
}
#map label {
    max-width: initial;
}
#map img {
    max-width: initial;
}
/* ==================== 重置默认样式 end ==================== */
/* ==================== 常用样式 start ==================== */
/* 清除浮动 */
.clearfix {
    display: block;
    zoom: 1;
}
.clearfix:after {
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* bootstart ul */
ul,
h1,
h2,
h3,
h4,
li,
p {
    padding: 0;
    margin: 0;
}
/* 外层容器样式 */
section {
    overflow: hidden;
}
/* 通用正文样式 */
article {
    font-size: 0.3rem;
    line-height: 1.8;
    text-align: justify;
    color: #333;
}
/* 图片统一动画 */
.mxw-image {
    overflow: hidden;    font-size: 0;
}
.mxw-image:hover img {
    transform: scale(1.1);
}
.mxw-image img {
    transition: all 0.4s;
    width: 100%;
}
/* ==================== 常用样式 end ==================== */
/* ==================== 置顶按钮 start ==================== */
#goto-top {
    position: fixed;
    z-index: 10;
    right: 0.3333rem;
    bottom: 10%;
    width: 0.6667rem;
    height: 0.6667rem;
    cursor: pointer;
    background: #ff7e00;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.033rem;
    transition: all 0.4s;
    visibility: hidden;
    opacity: 0;
    border: 0.017rem solid #fff;
}
#goto-top.active {
    visibility: visible;
    opacity: 1;
}
#goto-top:after {
    content: "";
    display: block;
    width: 0.2333rem;
    height: 0.2333rem;
    border-top: 0.033rem solid #fff;
    border-right: 0.033rem solid #fff;
    transform: rotate(-45deg);
    margin-top: 0.1rem;
}
@media screen and (max-width: 12.517rem) {
    #goto-top {
        width: 0.5rem;
        height: 0.5rem;
        right: 0.167rem;
    }
}
/* ==================== 置顶按钮 end ==================== */
/* ==================== 文本行数限制 start ==================== */
.u-line-1 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.u-line-2 {
    -webkit-line-clamp: 2;
}
.u-line-3 {
    -webkit-line-clamp: 3;
}
.u-line-4 {
    -webkit-line-clamp: 4;
}
.u-line-5 {
    -webkit-line-clamp: 5;
}
.u-line-6 {
    -webkit-line-clamp: 6;
}
.u-line-2,
.u-line-3,
.u-line-4,
.u-line-5,
.u-line-6 {
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
/* ==================== 文本行数限制 end ==================== */
/* ==================== flex通用布局 start ==================== */
.u-flex {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.u-flex-wrap {
    flex-wrap: wrap;
}
.u-flex-nowrap {
    flex-wrap: nowrap;
}
.u-flex-col {
    flex-direction: column;
}
.u-grow-1 {
    flex-grow: 1;
}
.u-col-center {
    align-items: center;
}
.u-col-top {
    align-items: flex-start;
}
.u-col-bottom {
    align-items: flex-end;
}
.u-row-center {
    justify-content: center;
}
.u-row-left {
    justify-content: flex-start;
}
.u-row-right {
    justify-content: flex-end;
}
.u-row-between {
    justify-content: space-between;
}
.u-row-around {
    justify-content: space-around;
}
/* ==================== flex通用布局 end ==================== */
/* ==================== 通用布局 start ==================== */
@media screen and (min-width: 12.517rem) {
    .u-row-2,
    .u-row-3,
    .u-row-4,
    .u-row-5,
    .u-row-6 {
        display: flex;
        align-items: stretch;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    .u-row-2 > .u-col {
        width: 48%;
    }
    .u-row-2 > .u-col:nth-child(2n) {
        margin-left: 4%;
    }
    .u-row-2 > .u-col:nth-child(2) ~ .u-col {
        margin-top: 4%;
    }
    .u-row-3 > .u-col {
        width: 32%;
    }
    .u-row-3 > .u-col:nth-child(3n-1) {
        margin-left: 2%;
        margin-right: 2%;
    }
    .u-row-3 > .u-col:nth-child(3) ~ .u-col {
        margin-top: 2%;
    }
    .u-row-4 > .u-col {
        width: 23.5%;
        margin-right: 2%;
    }
    .u-row-4 > .u-col:nth-child(4n) {
        margin-right: 0%;
    }
    .u-row-4 > .u-col:nth-child(4) ~ .u-col {
        margin-top: 2%;
    }
    .u-row-5 > .u-col {
        width: 18.4%;
        margin-right: 2%;
    }
    .u-row-5 > .u-col:nth-child(5n) {
        margin-right: 0%;
    }
    .u-row-5 > .u-col:nth-child(5) ~ .u-col {
        margin-top: 2%;
    }
    .u-row-6 > .u-col {
        width: 15%;
        margin-right: 2%;
    }
    .u-row-6 > .u-col:nth-child(6n) {
        margin-right: 0%;
    }
    .u-row-6 > .u-col:nth-child(6) ~ .u-col {
        margin-top: 2%;
    }
}
@media screen and (max-width: 12.517rem) {
    .u-row-2,
    .u-row-3,
    .u-row-4,
    .u-row-5,
    .u-row-6 {
        display: flex;
        align-items: stretch;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    .u-row-2 .u-col {
        width: 100%;
    }
    .u-row-2 .u-col:nth-child(1) ~ .u-col {
        margin-top: 2%;
    }
    .u-row-3 > .u-col,
    .u-row-4 > .u-col,
    .u-row-5 > .u-col,
    .u-row-6 > .u-col {
        width: 48%;
    }
    .u-row-3 > .u-col:nth-child(2n),
    .u-row-4 > .u-col:nth-child(2n),
    .u-row-5 > .u-col:nth-child(2n),
    .u-row-6 > .u-col:nth-child(2n) {
        margin-left: 4%;
    }
    .u-row-3 > .u-col:nth-child(2) ~ .u-col,
    .u-row-4 > .u-col:nth-child(2) ~ .u-col,
    .u-row-5 > .u-col:nth-child(2) ~ .u-col,
    .u-row-6 > .u-col:nth-child(2) ~ .u-col {
        margin-top: 4%;
    }
}
/* ==================== 通用布局 end ==================== */
/* ==================== 分页样式 start ==================== */
.pagination {
    margin-top: 0.833rem;
    font-size: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.pagination > a,.pagination > span {
    padding: 0.1rem 0.2rem;
    font-size: 0.233rem;
    color: #666;
    line-height: 1.2;
    border: 0.017rem solid #ccc;
    display: block;
    margin: 0.067rem;
}
.pagination > a.active,
.pagination > a:hover {
    background-color: #ff7e00;
    color: #fff !important;
}
.pagination > a:first-child {
    margin-left: 0;
}
.pagination > a:last-child {
    margin-right: 0;
}
@media screen and (max-width: 12.517rem) {
    .pagination {
        margin-top: 0.5rem;
    }
    .pagination > a {
        font-size: 0.2rem;
        margin: 0.033rem;
        padding: 0.133rem 0.167rem;
    }
}
/* ==================== 分页样式 end ==================== */
/* ==================== 移动端头部 start ==================== */
@media screen and (max-width: 751px) {
    header {
        z-index: 99999;
    }
    .mxw-mob-nav .head {
        font-size: 0;
        padding-left: 0.2rem;
        padding-right: 0.2rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 1rem;
        max-width: 100%;
        width: 100%;
        transform: translateX(-50%);
        position: fixed;
        top: 0;
        left: 50%;
        z-index: 99;
        background-color: #fff;
    }
    .mxw-mob-nav .logo {
        display: block;
        flex-shrink: 0;
    }
    .mxw-mob-nav .logo img {
        height: 0.667rem;
    }
    .mxw-mob-nav .menu-btn {
        flex-shrink: 0;
        width: 0.433rem;
        height: 0.333rem;
        cursor: pointer;
        outline: none;
        display: flex;
        flex-flow: column;
        justify-content: space-between;
        align-items: center;
    }
    .mxw-mob-nav .menu-btn i {
        display: block;
        width: 100%;
        height: 0.05rem;
        border-radius: 1.667rem;
        background-color: #333;
    }
    .mxw-mob-nav .menus-box {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        right: 50%;
        max-width: 100%;
        z-index: 9999;
        background: rgba(0, 0, 0, 0.5);
        visibility: hidden;
        opacity: 0;
        transform: translateX(50%);
    }
    .mxw-mob-nav .menus-box.active {
        visibility: visible;
        opacity: 1;
    }
    .mxw-mob-nav .menus-box.active .menus {
        transform: translateX(0);
    }
    .mxw-mob-nav .menus {
        width: 60%;
        height: 100%;
        margin-right: 0;
        margin-left: auto;
        background: #fff;
        transform: translateX(100%);
        transition: all 0.5s;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-flow: column;
    }
    .mxw-mob-nav .menus > ul {
        width: 100%;   
 margin-bottom: 70px;
        overflow: auto;
    }
    .mxw-mob-nav .menus > ul > li.active > ul {
        display: block;
    }
    .mxw-mob-nav .menus > ul > li > a {
        display: block;
        width: 100%;
        padding: 0.25rem 0.3rem;
        font-size: 0.233rem;
        color: #555;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .mxw-mob-nav .menus > ul > li > a.sub:after{
        content: "";
        display: inline-block;
        vertical-align: middle;
        width: 0;
        height: 0;
        border-top: 0.067rem solid #555;
        border-left: 0.067rem solid transparent;
        border-right: 0.067rem solid transparent;
        border-bottom: 0;
        margin-left: 0.167rem;
    }

    .mxw-mob-nav .menus > ul > li > ul {
        display: none;
        padding: 0rem 0.4rem;
    }
    .mxw-mob-nav .menus > ul > li > ul > li > a {
        font-size: 0.233rem;
        color: #888;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        line-height: 1.5;

        border-bottom: 0.017rem solid #f3f3f3;
    }
    .mxw-mob-nav .menus-head {
        width: 100%;
        flex-shrink: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: #F8F8F8;
        border-bottom: 0.01rem solid #eee;
        font-size: 0.28rem;
        font-weight: bold;
        line-height: 0.9rem;
        height: 0.9rem;
        padding-left: 0.3rem;
        padding-right: 0.3rem;
    }
    .mxw-mob-nav .menus-head .text {
        color: #333;
        line-height: 1.2;
    }
    .mxw-mob-nav .menus-head .mxw-close {
        flex-shrink: 0;
        width: 0.333rem;
        height: 0.333rem;
        cursor: pointer;
        outline: none;
        position: relative;
        transform: rotate(45deg);
    }
    .mxw-mob-nav .menus-head .mxw-close:before,
    .mxw-mob-nav .menus-head .mxw-close:after {
        content: "";
        display: block;
        border-radius: 1.667rem;
        position: absolute;
        left: 50%;
        top: 50%;
        background-color: #333;
        transform: translate(-50%, -50%);
    }
    .mxw-mob-nav .menus-head .mxw-close:before {
        width: 0.033rem;
        height: 100%;
    }
    .mxw-mob-nav .menus-head .mxw-close:after {
        width: 100%;
        height: 0.033rem;
    }
}
/* ==================== 移动端头部 end ==================== */
/* ==================== 轮播图 start ==================== */
.mxw-banner {
    font-size: 0;
    position: relative;
}
.mxw-banner .swiper-slide {
    overflow: hidden;
}
.mxw-banner .swiper-slide img {
    width: 100%;
}
.mxw-banner .swiper-pagination {
    width: 100%;
    max-width: 28rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 0.417rem;
    right: 50%;
    transform: translateX(50%);
    left: auto;
    padding-right: 0.667rem;


}
.mxw-banner .swiper-pagination .swiper-pagination-bullet {
    width: 0.2rem;
    height: 0.2rem;
    border-radius: 0;
    background-color: #fff;
    opacity: 1;
    margin-left: 0.15rem;
    margin-right: 0.15rem;

    transform:rotate(45deg);
    -ms-transform:rotate(45deg); /* Internet Explorer */
    -moz-transform:rotate(45deg); /* Firefox */
    -webkit-transform:rotate(45deg); /* Safari 和 Chrome */
    -o-transform:rotate(45deg); /* Opera */
}
.mxw-banner .swiper-pagination .swiper-pagination-bullet:last-child {
    margin-right: 0;
}
.mxw-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #fdb913;
}
.mxw-banner .swiper-button-next,
.mxw-banner .swiper-button-prev {
    /*width: 1.1667rem;
    height: 1.1667rem;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.18);
    background-image: none;*/
    outline: none;
}
.swiper-button-next,.swiper-button-prev{  outline: none;}
.mxw-banner .swiper-button-next {
    right: 0.75rem;
}
.mxw-banner .swiper-button-prev {
    left: 0.75rem;
}
.swiper-button-next:hover::after, .swiper-button-prev:hover::after{
    color: #fdb913;
}

.mxw-banner .banner-swiper {
    --swiper-navigation-color: #fff;
    /* 单独设置按钮颜色 */
    --swiper-navigation-size: 0.4rem;
    /* 设置按钮大小 */
}

.mxw-banner .swiper01 .img01,
.mxw-banner .swiper01 .img02 {
    position: absolute;
    transition: all 0.4s;
}
.mxw-banner .swiper01 .img01 img,
.mxw-banner .swiper01 .img02 img {
    width: auto;
}
.mxw-banner .swiper01 .img01 {
    left: 10%;
    bottom: 40%;
    width: 37.9%;
}
.mxw-banner .swiper01 .img02 {
    left: 10%;
    bottom: 20%;
    width: 3.833rem;
    height: 1rem;
    background: #fdb913;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #fdb913;
    transition: all 0.3s;
}
.mxw-banner .swiper01 .img02:hover {
    background: #fff;
    color: #fdb913;
}
.mxw-banner .swiper02 .img01{
    right: 10%;
    bottom: 40%;
    width: 37.9%;
    position: absolute;
}
.mxw-banner .swiper02 .img02{
    position: absolute;
    right: 10%;
    bottom: 20%;
    width: 3.833rem;
    height: 1rem;
    background: #fdb913;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #fdb913;
    transition: all 0.3s;
}
.mxw-banner .swiper02 .img02:hover {
    background: #fff;
    color: #fdb913;
}

@media screen and (max-width: 12.517rem) {
    .mxw-banner .swiper-pagination {
        padding-right: 0rem;
        bottom: 0.167rem;
        max-width: 80%;
    }
    .mxw-banner .swiper-pagination .swiper-pagination-bullet {
        margin: 0 0.083rem;
        font-size: 0.233rem;
        width: 0.133rem;
        height: 0.133rem;
    }
    .mxw-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        font-size: 0.3rem;
    }
    .mxw-banner .swiper-button-next,
    .mxw-banner .swiper-button-prev {
        display: none;
    }
}
/* ==================== 轮播图 end ==================== */

.mxw-box {
    max-width: 29.083rem;
    margin: 0 auto;
    font-size: 0.267rem;
    color: #333;
    width: 90%;
    min-width: 21.667rem;
}

/* ==================== 页面自定义样式 start ==================== */
@media screen and (min-width: 1680px) {
    /* pc端固定html标签文字大小(rem适配) */
    html {
        font-size: 60px !important;
    }
}
@media screen and (max-width: 1680px) {
    .mxw-box {
        max-width: 86%;
    }
}
@media screen and (min-width: 900px) {
    .pc-none,
    .mob-nav,
    .pc-none {
        display: none !important;
    }
    .mxw-ny-box {
        max-width: 1400px;
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media screen and (max-width: 1680px) {
    .mxw-ny-box {
        max-width: 90%;
    }
}
@media screen and (max-width: 900px) {
    .mxw-ny-box {
        max-width: 100%;
        font-size: 0;
        padding: 30px 20px;
    }
}
@media screen and (max-width: 900px) {
    body {
        margin-top: 60px;
    }
    html {
        font-size: 50px;
    }
    .m-none,
    .pc-nav {
        display: none !important;
    }
    .mxw-box {
        padding: 30px 20px;
        max-width: 100%;
    }
    .mxw-section {
        padding-left: 0;
        padding-right: 0;
    }
    article {
        font-size: 15px;
    }
}
/* ==================== 页面自定义样式 end ==================== */


/* ==================== 移动端头部 start ==================== */
@media screen and (max-width: 900px) {

.ab-box1 .con .right{    max-width: initial;}

    header {
        width: 100%;
        transition: all 0.4s;
        position: relative;
        z-index: 9999;
    }
    .mxw-mob-nav .head {
        font-size: 0;
        padding-left: 12px;
        padding-right: 12px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 60px;
        max-width: 100%;
        width: 100%;
        transform: translateX(-50%);
        position: fixed;
        top: 0;
        left: 50%;
        z-index: 99;
        background: #fff;
        border-bottom: 1px solid #eee;
    }
    .mxw-mob-nav .logo {
        display: block;
        flex-shrink: 0;
    }
    .mxw-mob-nav .logo img {
        height: 40px;
    }
    .mxw-mob-nav .menu-btn {
        flex-shrink: 0;
        width: 26px;
        height: 20px;
        cursor: pointer;
        outline: none;
        display: flex;
        flex-flow: column;
        justify-content: space-between;
        align-items: center;
    }
    .mxw-mob-nav .menu-btn i {
        display: block;
        width: 100%;
        height: 3px;
        border-radius: 100px;
        background: #333;
    }
    .mxw-mob-nav .menus-box {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        right: 50%;
        max-width:100%;
        z-index: 9999;
        background: rgba(0, 0, 0, 0.5);
        visibility: hidden;
        opacity: 0;
        transform: translateX(50%);
    }
    .mxw-mob-nav .menus-box.active {
        visibility: visible;
        opacity: 1;
    }
    .mxw-mob-nav .menus-box.active .menus {
        transform: translateX(0);
    }
    .mxw-mob-nav .menus {
        width: 80%;
        height: 100%;
        margin-right: 0;
        margin-left: auto;
        background: #fff;
        transform: translateX(100%);
        transition: all 0.5s;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-flow: column;
    }
    .mxw-mob-nav .menus > ul {
        width: 100%;
        overflow: auto;
    }
    .mxw-mob-nav .menus > ul > li.active > ul {
        display: block;
    }
    .mxw-mob-nav .menus > ul > li > a {
        display: block;
        width: 100%;
        padding: 15px 18px;
        font-size: 14px;
        color: #555;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .mxw-mob-nav .menus > ul > li > a.sub:after {
        content: "";
        display: inline-block;
        vertical-align: middle;
        width: 0;
        height: 0;
        border-top: 4px solid #555;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-bottom: 0;
        margin-left: 10px;
    }
    .mxw-mob-nav .menus > ul > li > ul {
        display: none;
        padding: 0px 24px;
    }
    .mxw-mob-nav .menus > ul > li > ul > li > a {
        font-size: 14px;
        color: #888;
     
        display: block;
        line-height: 32px;
       
        border-bottom: 1px solid #f3f3f3;
    }
    .mxw-mob-nav .menus-head {
        width: 100%;
        flex-shrink: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: #F8F8F8;
        border-bottom: 0.6px solid #eee;
        font-size: 16.8px;
        font-weight: bold;
        line-height: 60px;
        height: 60px;
        padding-left: 18px;
        padding-right: 18px;
    }
    .mxw-mob-nav .menus-head .text {
        color: #333;
        line-height: 1.2;
    }
    .mxw-mob-nav .menus-head .mxw-close {
        flex-shrink: 0;
        width: 20px;
        height: 20px;
        cursor: pointer;
        outline: none;
        position: relative;
        transform: rotate(45deg);
    }
    .mxw-mob-nav .menus-head .mxw-close:before,
    .mxw-mob-nav .menus-head .mxw-close:after {
        content: "";
        display: block;
        border-radius: 100px;
        position: absolute;
        left: 50%;
        top: 50%;
        background-color: #333;
        transform: translate(-50%, -50%);
    }
    .mxw-mob-nav .menus-head .mxw-close:before {
        width: 2px;
        height: 100%;
    }
    .mxw-mob-nav .menus-head .mxw-close:after {
        width: 100%;
        height: 2px;
    }
}
/* ==================== 移动端头部 end ==================== */


.mxw-pc-nav {
    height: 1.85rem;
    border-bottom: 0.183rem solid #fdb913;
}

.mxw-pc-nav .mxw-box{
    height: 100%;
}
.mxw-pc-nav .logo{
    float: left;    height: 100%;
}
.mxw-pc-nav .logo img{
    height: 100%;
}
.mxw-pc-nav .lang{
    float: right;
    height: 1.667rem;
    line-height: 1.667rem;
}

.pc-menu{ width: 75%; height: 1.667rem; display: flex; align-items: center; justify-content: space-between; float: left; margin-left:4%;}
.pc-sub-menu{ display: none; }
.pc-menu>li>a>div{
    font-family: "Montserrat", serif;
    font-size: 0.3rem;
    color: #59595b;
    font-weight: bold;
}

.mxw-contact{
    padding: 1.25rem 0 1.833rem;
}

.mxw-contact .c-box{
    max-width: 26.667rem;
    margin: 0 auto;
    width: 83.4%;
}

.mxw-contact .c-box h1{
    font-size: 0.933rem;
    color: #f15a22;
    font-family: "Montserrat", serif;
    font-weight: bold;
    line-height: 1;
}

.mxw-contact .c-box h2{
    font-size: 0.667rem;
    color: #59595b;
    margin-top: 0.5rem;
    font-family: "Montserrat-Light", serif;
    font-weight: lighter;
    line-height: 1;
}

.mxw-contact .c-box .bottom{
    display: flex;
    margin-top: 1rem;
}
.mxw-contact .c-box .bottom .left{
    width: 66%;
    flex-shrink: 0;
    flex-grow: 1;
    margin-right:0.333rem;
}

.mxw-contact .c-box .bottom .left .item{
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.mxw-contact .c-box .bottom .left .item>div{
    width: 49%;
    height: 1.367rem;
    border: 1px solid #acacad;
    margin-bottom: 9px;
    padding: 0.233rem;
}

.mxw-contact .c-box .bottom .left .item label{
    font-size: 16px;
    color: #f15a22;
    font-family: "Montserrat", serif;
    font-weight: bold;
}

.mxw-contact .c-box .bottom .left .item input{
    display: block; width: 100%; height: 0.667rem;
}
.mxw-contact .c-box .content{
    width: 100%;

    border: 1px solid #acacad;
    margin-bottom: 9px;
    padding: 0.233rem;
}
.mxw-contact .c-box .content label{
    font-size: 16px;
    color: #f15a22;
    font-family: "Montserrat", serif;
    font-weight: bold;
}
.mxw-contact .c-box .content textarea{
    width: 100%;
    height: 2rem;
    border: none;
    margin-top: 0.167rem;
    resize: none;
}
.mxw-contact .c-box .left button{

    width: 3.85rem;
    height: 1.017rem;
    background: #f15a22;
    float: right;
    color: #fff;
    font-family: "Montserrat", serif;
    font-weight: bold;
    font-size: 0.367rem;
    margin-top: 0.25rem;
    cursor: pointer;
}

.mxw-contact .c-box .bottom .right{
    background: #eeeeef;
    min-height: 6.083rem;
    height: auto;
    padding: 1rem;
}

.mxw-contact .c-box .bottom .right .p1{
    font-size: 0.5rem;
    font-family: "Montserrat", serif;
    font-weight: bold;
    letter-spacing: 3px;
}

.mxw-contact .c-box .bottom .right .p2{
    color: #f15a22;
    font-size: 0.367rem;
    font-family: "Montserrat", serif;
    font-weight: bolder;
    margin-top: 0.417rem;
    margin-bottom: 0.25rem;
}
.mxw-contact .c-box .bottom .right .u-box{
    color: #59595b;
    font-size: 0.3rem;
    font-family: "Montserrat", serif;
}

.mxw-contact .c-box .bottom .right .u-box p{
    color: #59595b;
    font-size: 0.3rem;
    font-family: "Montserrat", serif;
    margin-bottom: 0.25rem;
    line-height: 1.2;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;

}

.mxw-contact .c-box .bottom .right .u-box p img{
  margin-right: 3px;
}

.inc-box{
    padding: 1.25rem 0 1.667rem;
}

.ins-box{
    width: 85%;
    max-width: 27.5rem;
    margin: 0 auto;
}

.ins-box h1{
    font-size: 0.933rem;
    color: #f15a22;
    font-family: "Montserrat", serif;
    font-weight: bold;
}

.ins-list{ display: flex; flex-wrap: wrap; align-items: stretch; justify-content: flex-start; margin-top: 1rem;}
.ins-list .item{
    width: 32%;
    margin-right: 2%;
    outline: 4px solid #aaaaac;
    margin-bottom: 0.5rem;
}
.ins-list .item:nth-child(3n){ margin-right: 0;}

.ins-list .item .title{
    margin: 0.667rem 0.583rem 0.583rem;
    font-size: 0.5rem;
    color: #f12622;
    font-family: "Montserrat-Light", serif;
    text-align: center;
    height: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ins-list .item .more{
    width: 3.867rem;
    height: 1.033rem;
    text-align: center;
    margin: 0 auto 0.617rem;
    color: #f15a22;
    font-size: 0.3rem;
    font-family: "Montserrat", serif;
    font-weight: bold;
    border: 1px solid #f26430;
   
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
}
.ins-list .item:hover .more{
    color: #fff;
    background: #f26430;
}

.get_more{
    width: 3.85rem;
    height: 1.017rem;
    background: #f15a22;
    border: 1px solid #f15a22;
    font-size: 0.3rem;
    font-family: "Montserrat", serif;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 1.083rem auto 0;
    cursor: pointer;
    transition: all 0.3s;
    color: #fff;
}
.get_more:hover{
    background: none;
    color:  #f15a22;
}

.in-show-box{
    padding: 1.167rem  0 2rem;
    width: 85%;
    max-width: 26.667rem;
    margin: 0 auto;
}

.in-show-box h1{
    font-size: 0.933rem;
    color: #f15a22;
    font-family: "Montserrat", serif;
    font-weight: initial;
    margin-bottom: 0.417rem;
}

.in-show-box .st{
    padding: 0.417rem 0 0.583rem;
    font-size: 0.667rem;
    color: #59595b;font-family: "Montserrat", serif;
}

.in-show-box .in-show-con{
    color: #59595b;font-family: "Montserrat", serif;
    font-size: 18px;
}
.in-show-box .in-show-con p{
    color: #59595b;font-family: "Montserrat", serif;
    font-size: 0.3rem;
    line-height: 0.45rem;
}

.sp{
    position: relative;

}
.sp .flx{
    position: absolute;
    background: rgba(0,0,0,.6);
    padding: 1.167rem 0 1.167rem 0.917rem;
    width: 14.5rem;
    right: 0;
    top: 5%;
}
.sp .flx>div{
    width: 11.167rem;
}
.sp .flx .c1{
    color: #fff;
    font-size: 0.667rem;
    font-family: "Montserrat", serif;
    font-weight: bold;
}
.sp .flx .c2{
    color: #fdb913;
    font-size: 0.75rem;
    font-family: "Montserrat", serif;
    font-weight: bolder;
    margin-top: 0.25rem;
}
.sp .flx .c3,.sp .flx .c3 p{
    font-size: 0.45rem;
    color: #fff;

    line-height: 0.65rem;
    margin-top: 0.3333rem;
}
.sp .flx .c3 .p2{
    margin-top: 0.3rem;
}
.sp .flx .c3 a{
    color: #fdb913;
    display: inline-block;
    font-size: 0.45rem;

}
.sp .flx .c3 a::after{
    width: 100%;
    content: "";
    height: 1px;
    background: #fdb913;
    display: block;
    margin-top: -3px;
}


.cap_box{
    padding: 1.25rem 0;
    width: 85%;
   max-width: 26.667rem;
    margin: 0 auto;
}

.n-t{
    font-size: 0.933rem;
    color: #f15a22;
    line-height: 1.133rem;
}

.n-d { font-size: 0.667rem; margin-top: 0.333rem; color: #59595b; font-family: "Montserrat-Light","serif"; }

.cap_con{ margin-top: 1rem; display: flex; align-items: flex-start; justify-content: space-between}
.cap_con .left {    width: 49%;}

.cap_con .left p{
    font-size: 0.333rem; line-height: 0.45rem;color: #59595b;
}
.cap_con .right{
    width: 49%;
    font-size: 0.333rem; line-height: 0.45rem;color: #f12622;
}
.cap_con .right p{
    font-size: 0.333rem;
}


.ab-box1{
    padding: 1.917rem 0 2.167rem;
    max-width: 32rem;
    margin: 0 auto;
}

.ab-box1 .con{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ab-box1 .con .left{
    padding: 0.917rem 1.1rem 0.833rem 2.667rem;
    background: #eeeeef;

}


.ab-box1 .con .right{
    width: 56.25%;
    flex-shrink: 0;
    flex-grow: 1;
    max-width: 18rem;
    position: relative;
}

.ab-box1 .con .right img{
    max-width: 15.333rem;
    width: 82%;
}


.ab-box1 .con .left p{
    font-size: 0.333rem;
    color: #59595b;

}
.ab-box1 .con .left .bt{
    font-weight: bolder;
    margin-bottom: 0.583rem;
}
.ab-box1 .con .right .flx{
    position: absolute;
    background: rgba(0,0,0,.6);
    top: 0.917rem;
    right: 0;
    color: #fff;
    padding-right: 3.583rem;
}
.ab-box1 .con .right .flx .ct{
    font-size: 0.533rem;
    color: #fdb912;
    font-weight: bold;
    margin-top: 0.833rem;
    margin-left: 0.917rem;
}
.ab-box1 .con .right .flx .con{
    font-size: 0.583rem;
    width: 6.75rem;
    color: #fff;
    margin-left: 0.917rem;
    margin-bottom: 0.917rem;
    margin-top: 0.25rem;

}

.ab-box1 .con .right .flx .con p{
    font-size: 0.583rem;
    color: #fff;
}


.ab-box2{
    position: relative;
    max-width: 32rem;
    margin: 0 auto;

    height: auto;
    overflow: hidden;
}

.ab-box2 .right{
    margin-top: 3.167rem;
    background: #fef0ce;
    padding: 2rem 2.5rem  1rem 3.55rem;
    width: 50%;
    float: right;
    display: flex;
    align-items: flex-end;
    justify-content: center; 
}
.ab-box2 .ct{
    font-size: 0.533rem;
    color: #f15a22;
    font-weight: bold;margin-bottom: 0.417rem;
}

.ab-box2 .right p{
    font-size: 0.333rem;
    color: #59595b;
    line-height: 0.45rem;
}

.ab-box2 .left{
    position: absolute;
    top: 0;
    width: 56.6%;z-index:99
}
.ab-box2 .right .con{   width: 9.583rem;}

.ab-box2 .left .flx{
    position: absolute;
    top:1.667rem;
    width: 10.083rem;
    background: rgba(0,0,0,.6);
    padding: 1rem 0.583rem 1.25rem 2.5rem;
}
.ab-box2 .left .flx .ct{
    color: #fdb913;

}
.ab-box2 .left .flx .con{
    color: #fff;
    font-size: 0.583rem;
}
.ab-box2 .left .flx .con p{font-size: 0.583rem;}

.deg-list{
    padding: 2rem 0;
    width: 87%;
    max-width: 27.333rem;
    margin: 0 auto;
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
}

.deg-list .item{
    background: #eeeeef;
    width: 32%;
    margin-right: 2%;
    padding: 0.75rem 0.583rem;
}
.deg-list .item:nth-child(3n){
    margin-right: 0;
}

.deg-list .item .ct{
    font-size: 0.533rem;
    color: #f15a22;
    font-weight: bold;
    margin-bottom: 0.417rem;
}
.deg-list .item .con,.deg-list .item p{
    font-size: 0.333rem;
    color: #59595b;
}
.ab-box3{
    max-width: 32rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.ab-box3 .right{
    flex-shrink: 0;
    width: 54.1%;
}
.ab-box3 .left{
    width: 45.9%;
    flex-shrink: 0;
    flex-grow: 1;
    padding:1.25rem 1.25rem 0.75rem 2.667rem;
    background: #fef0ce;
}

.ab-box3 .left .con{
    color: #59595b;
    font-size: 0.333rem;
    margin-top: 0.5rem;
}
.ab-box3 .left .ct{
    color: #f15a22;
    font-size: 0.533rem;
    font-weight: bold;
}

.ab-box4{
    width: 85%;
    max-width: 27rem;

    margin: 1.583rem auto  1.667rem;
    height: auto;
    overflow: hidden;
    position: relative;
}
.ab-box4 .right{
    width: 73%;
    background: #eeeeef;
    padding: 1.333rem 1.667rem 1.333rem 4.583rem ;
    float: right;
    margin-top: 2.217rem;
}
.ab-box4 .left{
    width: 10.367rem;
    position: absolute;
    top: 0;
}
.ab-box4 .right .con{
    color: #59595b;
    font-size: 0.333rem;margin-top: 0.5rem;
}
.ab-box4 .right .con p{
    font-size: 0.333rem;
}


.ab-box4 .right .ct{
    color: #f15a22;
    font-size: 0.533rem;
    font-weight: bold;
}

/* 地地图点效果 */

@-webkit-keyframes warn {
    0% {opacity: .5;-webkit-transform: scale(.1);transform: scale(.1)}
    5% {opacity: 8}
    55% {opacity: 1}
    to {opacity: .5;-webkit-transform: scale(10);transform: scale(10)}
}
@-webkit-keyframes warn2 {
    0% {opacity: 0;-webkit-transform: scale(.1);transform: scale(.1)}
    30% {opacity: 6}
    to {opacity: 0;-webkit-transform: scale(6);transform: scale(6)}
}

.dot {position: absolute;width:10px;height: 10px;z-index:10;    transform: scale(2);}
.dot div{display:block;width:10px;height: 10px;position: relative;}
.dot i{-webkit-box-shadow: inset #f2c658 0 0 5px;box-shadow: inset #f2c658  0 0 5px;display: inline-block;border-radius: 10px;position: absolute;left:50%;top: 50%;}
.dot i:nth-child(1){width:6px;height: 6px; margin:-3px 0 0 -3px;animation:warn 2s ease-out .1s infinite;}
.dot i:nth-child(2){width:4px;height: 4px; margin:-2px 0 0 -2px;animation:warn 3s ease-out .1s infinite;}
.dot i:nth-child(3){width:2px;height: 2px; margin:-1px 0 0 -1px;animation:warn 2s ease-out .1s infinite;}
.dot i:nth-child(4){width:2px;height: 2px; margin:-1px 0 0 -1px;animation:warn 3s ease-out .1s infinite;}
.dot i:nth-child(5){width:6px;height: 6px; margin:-3px 0 0 -3px;animation:warn2 2s ease-out .1s infinite;}
.dot i:nth-child(6){width:4px;height: 4px; margin:-2px 0 0 -2px;animation:warn2 3s ease-out .1s infinite;}
.dot i:nth-child(7){width:2px;height: 2px; margin:-1px 0 0 -1px;animation:warn2 2s ease-out .1s infinite;}
.dot i:nth-child(8){width:2px;height: 2px; margin:-1px 0 0 -1px;animation:warn2 3s ease-out .1s infinite;}


/* GLOBAL REACH    */
.reach-box{
    padding: 1.167rem 0 1.667rem;
    width: 85%;
    max-width: 26.667rem;
    margin: 0 auto;
}

.reach-box .c2{
    font-size: 0.667rem;
    color: #59595b;
    font-family: "Montserrat-Light",serif;
    margin-top: 0.417rem;
}

.reach-box .c3{
    font-size: 0.333rem;
    color: #59595b;
    margin-top: 0.417rem;
}

.reach-map { margin-top: 0.917rem; }
.reach-map .st{font-size: 0.667rem;
    color: #59595b;
    font-family: "Montserrat-Light",serif;
    margin-bottom: 0.917rem;
}
.reach-map .con{
    position: relative
}
.reach-map .dot{
    position: absolute;
    left: 51%;
    top: 44%;

}
.reach-map .flx{
    position: absolute;
    top: -1.2rem;
right: 10%;
    z-index: 1;width: 7.033rem;
    display: none;
}

.sco1-box{ width: 86%; max-width: 26.667rem; padding: 1.167rem 0 1.25rem; margin: 0 auto}
.sco1-box .c2{
    font-size: 0.333rem;
    color: #59595b;
    margin: 0.5rem auto 1.417rem;
}

.sco1-box .content{

}

.style1{
    font-size: 0.667rem;
    color: #59595b;
    margin-bottom: 35px;
    font-family: "Montserrat-Light",serif;
}
.style2{
    color: #f12622;
    font-size: 0.5rem;
    font-family: "Montserrat-Light",serif;
    margin-bottom: 5px;
}

.style3{
    color: #59595b;
    font-size: 0.333rem;
    margin-bottom: 0.583rem;
}

.style4{
    color: #59595b;
    font-size: 0.333rem;
    margin-bottom: 0.583rem;
}

.style4 p{
    color: #59595b;
    font-size: 0.333rem;
    line-height: 0.45rem;

}

.style2.tc{
    color: #f15a22;
}

.pc-sub-menu{
    position: absolute;
    z-index: 999;
    background: #fff;
    padding: 0.633rem 0.417rem;
    top: 1.94rem;
    width: auto;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s;
    display: block;

}

.pc-sub-menu .pc-nav-box2{
    display: none;
}

.pc-sub-menu .pc-nav-box {

    width: 3.883rem;
    flex-shrink: 0;
}

.pc-sub-menu.c1{
    position: absolute;
    z-index: 999;
    width: auto;
    background: #fff;

    display: flex;
    align-items: stretch;
    justify-content: space-between;
}
.pc-menu>li{
    height: 1.85rem;
    position: relative;
}
.pc-menu>li>a{
    display: flex;align-items: center;
    justify-content: center;
    height: 100%;
}

.pc-sub-menu.c1 .pc-nav-box{

    width: 3.883rem;
    flex-shrink: 0;
}

.pc-sub-menu .pc-nav-box >div{
    margin-bottom: 0.467rem;
}
.pc-sub-menu .pc-nav-box >div:hover,.pc-sub-menu .pc-nav-box >div.active{
    font-size: 0.3rem;
    color: #f15a22;
}

.pc-sub-menu.c1 .pc-nav-box2{

    padding: 0  0 0 35px;width:100%;
border-left: 1px solid #636365;
}

.pc-sub-menu.c1 .pc-nav-box2.zk{ width:9rem;    display: block;}

.pc-sub-menu.c1 .pc-nav-box2 .pc-nav-box-con{
display: none;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}
.pc-sub-menu.c1 .pc-nav-box2 .pc-nav-box-con>div{
    width: 48%;
    margin-bottom: 0.417rem;
}
.pc-sub-menu.c1 .pc-nav-box2 .pc-nav-box-con div:hover{
    color: #f15a22;
}
.pc-sub-menu.c1 .pc-nav-box >div:last-child{

}
.pc-menu>.active>a .text{ color: #f15a22;}
.pc-menu>li:hover>a>.text{    color: #f15a22;}
.pc-menu>li:hover .pc-sub-menu{
    opacity: 1;
    visibility: visible;
   
}

.pc-menu>li:hover .pc-sub-menu.c1{
    opacity: 1;
    visibility: visible;

}
.pc-menu>li:hover{

}

.sd2-box{
    padding: 1.25rem 0 2.25rem;
    margin: 0 auto;
    width: 86%;
}

.sd2-box .n-cd{
    font-size: 0.667rem;
    color: #59595b;
    margin-top: 0.5rem; font-family: "Montserrat-Light",serif;
    width: 21.667rem;

}
.sd2-box .n-cd p{
    font-size: 0.667rem;    font-family: "Montserrat-Light",serif;
}

.sd2-box .con{
    margin-top: 0.5rem;
}

.sd2-box .con p{
    font-size: 0.333rem;
    color: #59595b;
    line-height: 0.45rem;
    width: 21.667rem;
}

.sd2-list{
    margin-top: 1.417rem;
}

.sd2-box-con{
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.sd2-list .n-d{
    text-indent: 0.333rem;
}

.sd2-box-con .item{
    margin-top: 0.583rem;
    width: 32%;
    margin-right: 2%;
    padding: 0.5rem 0.583rem;
    border: 3px solid #fdb913;
    border-radius: 0.333rem;
}

.sd2-box-con .item:nth-child(3n){
    margin-right: 0;
}

.sd2-box-con .item .st{
    color: #f12622;
    font-size: 0.5rem;
}

.sd2-box.kz{
    padding: 1.25rem 20px 2.25rem;
}
.sd2-box .sd2-box-con .item p{
    width: 100%;
    font-size: 0.333rem;
    color: #59595b;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    line-height: 0.45rem;

}
.sd2-box .sd2-box-con .item p img{
    margin-top: 0.167rem;
    margin-right: 0.083rem;

}

.map-list{ width: 15.75rem; margin-top: 0.917rem }
.map-list .item:first-child{
    margin-bottom: 1.5rem;
}
.map-list .item .st{ font-size: 0.5rem; color: #f12622; margin-bottom: 0.333rem; text-align: center}

.ak-list{
    margin-top: 1.583rem;
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
}
.ak-list .item{
    width: 32%;
    margin-right: 2%;
    outline: 3px solid #aaaaac;
    margin-bottom: 0.417rem;
}
.ak-list .item:nth-child(3n){
    margin-right: 0;
}
.ak-list .item .st{
    width: 100%;
    padding: 0.583rem;
    font-size: 0.5rem;
    font-family: "Montserrat-Light",serif;
    color: #f12622;
}

.ak-list .item .con{
    padding: 0 0.583rem 0.417rem;
    margin-top: 0;
}

.ak-list .item .con p{
    font-size: 0.333rem;
    color: #59595b;
    line-height: 0.417rem;
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.ak-list .item .con p img{
    margin-top: 0.13rem;
    margin-right: 0.167rem;
    font-size: 0.267rem;
}

.fj-box{
    margin-top: 0.667rem;
}
.fj-box .item{
    margin-bottom: 0.417rem;
}
.fj-box .item:last-child{
    margin-bottom: 0;
}
.fj-box .item .st{
    color: #f15a22;
    font-family: "Montserrat-Light", serif;
    font-size: 0.5rem;

}
.fj-box .item .con{
    margin-top: 0.167rem;
}
.fj-box .item .con p{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    font-size: 0.333rem;
    color: #59595b;
    line-height: 0.45rem;
}
.fj-box .item .con p img{
    margin-top: 0.167rem;
    margin-right: 0.417rem;
}

.sco1-box{
    padding-right: 5.833rem;
}

.sco1-box .n-cd{
    font-size: 0.333rem ;
    color: #59595b;
    margin: 0.583rem 0 1.417rem;
}
.sco1-box .n-cd p{
    font-size: 0.333rem ;
}
.sco1-box .content.sc p{
    font-size: 0.333rem;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    line-height: 1.6;

}
.sco1-box .content.sc p img{
    margin-top: 0.167rem;
    margin-right: 0.333rem;    height: auto !important;
}

.hom-box1{
    width: 87%;
    max-width: 27.5rem;
    margin: 1.8rem auto 2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.hom-box1 .left{
    width: 8.083rem;
    margin-right: 0.417rem;
    flex-shrink: 0;

}
.hom-box1 .right{
    flex-grow: 1;

    min-width: 0;

}

.hom-box1 .left .st{
    font-size: 0.717rem;
    color: #f15a22;
    font-weight: bolder;
    line-height: 1.1;
    margin-bottom: 0.583rem;
}
.hom-box1 .left .con p{
    font-size: 0.333rem;
    color: #59595b;
    line-height: 0.417rem;
}
.hom-box1 .left .more{
    width: 3.867rem;
    height: 1.017rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #f15a22;
    font-size: 0.3rem;
    border: 1px solid #f15a22;
    margin-top: 0.75rem;
    transition: all 0.3s;
}


.hom-box1 .left .more:hover{
   background: #f15a22;
    color: #fff;
}



.hom-box2{
    background: #59595b;
    padding: 1rem 0 1.417rem;
}
.hom-box2 .st{
    color: #fdb913;
    font-size: 1.017rem;
    text-align: center;
    font-weight: bold;
}

.hom-box2 .cob{
    position: relative;
    width: 100%;
    max-width: 32rem;
    margin: 1rem auto 0;
}

.sev-Swiper{
    width: 70.5%;
    max-width: 22.583rem;
    margin: 0 auto;
    overflow: hidden;
}

.sev-Swiper .swiper-slide{
    background: #fff;
    border: 5px solid #fdb913;
    border-radius: 0.333rem;
    padding-top: 0.833rem;
    padding-bottom: 0.583rem;
}

.sev-Swiper .swiper-slide .img{
    text-align: center;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center; height: 4.017rem;
    overflow: hidden;
}
.sev-Swiper .swiper-slide .img img{max-height:100%}
.sev-Swiper .swiper-slide .img .flx{
    background: rgba(241,90,34,.9);
    width:calc(100% + 10px) ;
    height: 100%;
    color: #fff;
    padding: 0.333rem 0.667rem;
    position: absolute;
    bottom: -100%;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    text-align: left;
    transition: all 0.6s;
}
.sev-Swiper .swiper-slide .st{
    font-size: 0.483rem;
    color: #59595b;
  height: 1.167rem;
width:90%;
    margin: 0.417rem auto 0.5rem;
    font-weight: initial;
display: flex;
    align-items: center;
    justify-content: center;
}


.hom-box2  .more{
    width: 3.867rem;
    height: 1.017rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #f15a22;
    font-size: 0.3rem;
    border: 1px solid #f15a22;

    transition: all 0.3s;
    margin: 0 auto;
}




.sev-Swiper .swiper-slide:hover .img .flx{
    bottom: 0;
}

.sev-Swiper .swiper-slide:hover .more{
    background: #f15a22;
    color: #fff;
}

.cob .swiper-button-next:after, .cob .swiper-button-prev:after{
    color: #fff;

}
.cob .swiper-button-next:hover::after, .cob .swiper-button-prev:hover::after {
    color: #f15a22;
}


.hom-box3{
    margin: 1rem auto 0.667rem;
}

.hom-box3 .st{
font-size: 1rem;
    font-weight: bolder;
    color: #f15a22;
    text-align: center;
}

.co3-box{
    max-width: 25.25rem;
    width: 79%;
    margin: 45px auto 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.co3-box .left{
    flex-grow: 1;
    min-width: 0;
    position: relative;
}
.co3-box .right{
    width: 5rem;
    flex-shrink: 0;
    text-align: center;
    margin-left: 0.417rem;
}

.co3-box .right .scrolling-numbers{
    font-size: 1rem;
    color: #f15a22;
    display: inline-block;
}
.co3-box .right span{
    font-size: 1rem;
    color: #f15a22;
}
.co3-box .right .text{
    font-size: 0.533rem;
    color: #59595b;
    margin-bottom: 0.5rem;
}

.co3-box .right  .more{
    width: 3.867rem;
    height: 1.017rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #f15a22;
    font-size: 0.3rem;
    border: 1px solid #f15a22;
    position: relative;
    transition: all 0.3s;
    margin: 0 auto;
    overflow: hidden;

}

.co3-box .right  .more:hover{
     background: #f15a22;    color: #fff;
}

.co3-box .right  .more:hover::after{
    bottom:0;
}

.co3-box .right  .more:hover{
    color: #fff;
}

.hom-box4 .st{
    font-size: 1rem;
    color: #f15a22;
    background: #fee3a1;
    padding: 1rem 0 0.583rem;
    text-align: center;
    font-weight: bolder;
}

.par-Swiper{
    width: 75%;
    overflow: hidden;
    margin: 0 auto;
}
.par-Swiper .swiper-wrapper{
    flex-direction: row;
}

.par-Swiper .swiper-wrapper .swiper-slide{
    margin-top: 30px;
}

.par-Swiper .swiper-wrapper .swiper-slide img{
    width: initial;
}
.par-Swiper .swiper-wrapper .swiper-slide .mxw-image{
    display: flex;
    align-items: center;
    justify-content: center;
}
.cop{
    margin: 1.167rem auto;
    position: relative;
}
.cop .swiper-button-next::after, .cop .swiper-button-prev::after{
    color: #59595b;
}


.footer{
    background: #595a5c;
    padding: 1rem 0 0;
}
.footer .mxw-box{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.d2{

    width: 11.333rem;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.d2 .left .st{
       color: #fdb816;
    font-weight: bold;
}
.d_add p{
    margin-top: 0.333rem;
    color: #fff;
    width: 5.917rem;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    font-size:0.25rem;
}
.d_add p img{
    margin-right: 0.167rem;
}

.d-link{
    margin-top:0.583rem;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.d-link .item{
    margin-right: 0.333rem;
    position: relative;
}


.d2 .right li{
    color: #fdb816;
    margin-bottom: 0.333rem;
    font-weight: bolder;
}

.copy{
 
    margin: 2rem auto 0;
    font-size: 0.25rem;
    text-align: left;
    border-top: 1px solid #f2b21a;
    padding: 20px 0;
    color: #fff;
}
.copy a{
    color: #fff;
}

.co3-box .left .dot:nth-child(1){
    left: 14rem;
    top:3.5rem;
    transform: scale(2);
}
.co3-box .left .dot:nth-child(2){
 
    left: 4.2rem;
    top: 2.5rem;
}
.co3-box .left .dot:nth-child(3){
    left: 9.1rem;
    top: 1rem;
}
.co3-box .left .dot:nth-child(4){
     left: 12rem;
    top: 2.1rem;
}
.co3-box .left .dot:nth-child(5){
    left: 10.5rem;
    top: 4.5rem;
}


.flox{display:none; position: absolute;
    width: 180px;
  bottom: 30px;border: 3px solid #fdb816;}
.flox img{width:100%}

.d-link .item:hover .flox{
display:block}
.mxw-pc-nav .mxw-box{ width:91.5%;}
.mxw-banner{    height: calc(100vh - 1.85rem );}
.banner-swiper{height:100%;}
.mxw-banner .swiper-slide .bg-img{    display: flex;
    align-items: center;
    justify-content: center;}
.mxw-banner .swiper-slide  .bg-img img{
        width: initial;
    max-width: initial;
    position: absolute;
    left: 50%;
    top: 50%;
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    /* transform: translate(-50%, -50%); */
    min-width: 100%;
    min-height: 100%; );
}
.ny-banner img{width:100%;
}

.ab-box4 .left{    z-index: 99;}

.ny-banner.sp{height: calc(100vh - 1.85rem );display: flex;
    align-items: center;
    justify-content: center;overflow: hidden;}
.ny-banner.sp img{    width: initial;
    width: initial;
    max-width: initial;
    position: absolute;
    left: 50%;
    top: 50%;
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    /* transform: translate(-50%, -50%); */
    min-width: 100%;
    min-height: 100%;}
.sp .flx{max-height: 11.667rem;overflow: hidden;    top: auto;}
.sp .flx .c3{max-height: 5.583rem;overflow: hidden;}
.ins-list .item .mxw-image img{width:100%;}

header{height:1.85rem;    border-bottom: 0.183rem solid #fdb913;}
.mxw-pc-nav{ height:100%;    border-bottom:0;}
.ab-box1 .con .right{    padding-right: 2.5rem;    height: 11.25rem;
    overflow: hidden;}
.ab-box1 .con .right .mxw-image{    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;}
.ab-box1 .con .right img {
    max-width: initial;
    height: 100%;width: initial;
}


.d-link .item span img{filter: invert(100%) sepia(0%) saturate(11%) hue-rotate(193deg) brightness(103%) contrast(103%);}


.d-link .item span img,.m-bottom .left .item span img{height:28px}
.d-link .item span img:hover,.m-bottom .left .item span img:hover{filter: invert(75%) sepia(34%) saturate(1056%) hue-rotate(350deg) brightness(97%) contrast(105%);}

.mxw-contact .c-box .left button:hover{    background: none;

    color: #f15a22;
    border: 1px solid #f15a22;}
.d1 img{    width: 4.917rem;}
header.fixed{    position: fixed;
    top: 0;    background: #fff;width:100%; z-index:100 }
body.fixed{ padding-top:1.85rem}
.lv3{display:none}
.lv3.active{display:block}
.mxw-pc-nav .lang{    position: relative;}
.lang-box{    position: absolute;
    background: #fff;
    width: 90px;
    left: -10px;display:none ; transition: all 0.3s;z-index:999;
    text-align: center;}
.lang-box div{height: auto;
    line-height: 28px;
    padding: 0 5px;  
    font-size: 16px;}
.mxw-pc-nav .lang:hover .lang-box{display: block;    padding:10px 0;}
  .lang-box  a:hover{color: #f15a22;}  

.map-list .item img{    height: auto !important;}


.cop .swiper-button-next:hover::after, .cop .swiper-button-prev:hover::after{    color: #fdb913;}


@media screen and (max-width: 1900px) {

.sp .flx{zoom:0.9}

.co3-box .left .dot:nth-child(1){    right: 28%;
    top: 32%;     left: auto;}

.co3-box .left .dot:nth-child(2){
       left: 21%;
    top: 25%;
}
.co3-box .left .dot:nth-child(3){
     left: 46%;
    top: 11%;
}
.co3-box .left .dot:nth-child(4){
    left: 61%;
    top: 23%;
}
.co3-box .left .dot:nth-child(5){
left: 53%;
    top: 49%;
}

}
@media screen and (max-width: 1900px) {
.reach-map .flx{ right:10%}
.reach-map .dot{left: 52%;}
}


@media screen and (max-width: 1800px) {
.reach-map .flx{ right:0}
.reach-map .dot{left: 55%;}
}

@media screen and (max-width: 1700px) {
.reach-map .dot{left: 56%;}
.reach-map .flx{ right:0}

}
@media screen and (max-width: 1680px) {

.reach-map .dot {
    left: 58%;
}
}

@media screen and (max-width: 1440px) {

.sp .flx{zoom:1}
}

@media screen and (max-width: 1366px) {
.mxw-contact .c-box .bottom .left .item>div{    height: auto;}
.mxw-contact .c-box .bottom .left .item input{ height:30px; }

    .sp .flx{
        padding:0.75rem 0 0.75rem 0.84rem

    }
    .sp .flx .c1{ font-size: 0.7rem}
    .sp .flx .c2{ font-size: 0.8rem}
    .sp .flx .c3, .sp .flx .c3 p{
        font-size: 0.333rem;
    }
    .reach-map .dot{
        left: 57%;
    }

.par-Swiper .swiper-wrapper .swiper-slide{    margin-top: 0 !important;}
.hom-box1 .left .con p {

    line-height: 1.5;
}

}
@media screen and (max-width: 1200px) {

.sev-Swiper .swiper-slide .img .flx{ font-size:14px;   line-height: 1.5;}
.d_add p{line-height: 1.5;}
.sd2-box .sd2-box-con .item p{line-height: 1.7;}
.ak-list .item .con p{line-height: 1.5;}
.ak-list .item .con p img {
    margin-top: 5px;}

}


@media screen and (max-width: 900px) {


body.fixed{ padding-top:0}
.ab-box1 .con .right{    padding: 0;
    height: auto;}
.ab-box2 .right .con{width: 100%}


header{height:auto;border-bottom:0}
.mxw-contact .c-box .bottom .right{width:100%;}

.ny-banner.sp img,.mxw-banner,.ny-banner.sp,.mxw-banner .swiper-slide .bg-img img{ height:auto;    position: initial;    -moz-transform: none;
    -o-transform: none;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;}
.mxw-banner .swiper-slide .bg-img img{    max-width: 100%}
.ny-banner.sp img{width: 100%;    -moz-transform: none;
    -o-transform: none;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;   position: initial;   }


    .lv3{ padding: 10px 0;    font-size: 14px;
        color: #888;}
    .lv3 li{ padding: 5px 0;}
    .lv3 a{font-size: 14px;
        color: #999;}

    .mxw-banner .swiper-pagination .swiper-pagination-bullet{
        width: 5px;
        height: 5px;
    }
    .mxw-banner .swiper01 .img01{
        left: 10%;
        bottom: 50%;
        width: 60%;
    }
    .mxw-banner .swiper02 .img01{
        right: 10%;
        bottom: 50%;
        width: 60%;
    }
    .mxw-banner .swiper01 .img02{
        width: 120px;
        height: 35px;
        font-size: 14px;
        zoom: 0.8;
    }

    .mxw-banner .swiper02 .img02 {
        width: 120px;
        height: 35px;
        font-size: 14px;
        zoom: 0.8;
    }
    .mxw-banner .swiper-button-next{
        right: 10px;
    }
    .mxw-banner .swiper-button-prev{
        left: 10px;
    }

    .hom-box1{ width: 95%;    margin: 30px auto 30px; flex-wrap: wrap;}
    .hom-box1 .left{ width: 100%; margin-right: 0; margin-bottom: 20px;    }
    .hom-box1 .left .st{font-size: 22px;    margin-bottom: 15px;}
    .hom-box1 .left .con p{ font-size: 16px}
    .hom-box1 .left .more{ width: 150px; height: 40px ;font-size: 15px; margin-top: 25px}

    .hom-box2{ padding: 30px 0 40px; }
    .hom-box2 .st{ font-size: 24px}
    .hom-box2 .cob{ margin-top: 25px}
    .sev-Swiper{ width: 75%;}
    .sev-Swiper .swiper-slide{ padding-top: 20px; padding-bottom: 15px}
    .sev-Swiper .swiper-slide .st{ font-size: 16px; margin: 15px auto; width: 95% }
    .hom-box2 .more{width: 150px; height: 40px ;font-size: 15px; }

    .hom-box3{width: 95%;    margin: 30px auto 30px; }
    .hom-box3 .st{ font-size: 24px;}
    .co3-box{ width: 100%; flex-wrap: wrap}
.co3-box .left .dot{   transform: scale(1);}
    .co3-box .left .dot:nth-child(1) {
        right: 28%;
        top: 30%;
        transform: scale(1);
        left: auto;
    }
    .co3-box .right{ width: 100%; margin: 20px auto 0;}

    .co3-box .right .more{width: 150px; height: 40px ;font-size: 15px; }
    .co3-box .right .scrolling-numbers,.co3-box .right span{ font-size: 30px}
    .co3-box .right .text{ font-size: 20px}

    .hom-box4 .st{ font-size: 24px; padding: 20px 0}
    .cop{ margin: 25px auto 30px;}
    .cop .swiper-button-next::after, .cop .swiper-button-prev::after{
        font-size: 20px;
    }
    .par-Swiper .swiper-wrapper .swiper-slide{
        margin-top: 0;
    }
    .footer{ padding-top: 25px}
    .footer>.mxw-box:first-child{
        min-width: initial;
        width: 95%;
        padding: 0;
        flex-wrap: wrap;
    }
    .d2{ width: 100%; flex-wrap: wrap; margin: 25px auto 0;}
    .d2 .right{ display: none}
    .copy{ margin-top: 30px; width: 95%}
    .d2 .left{ width: 100%}
    .d_add p{ width: 100%}

    .sd2-box{ width: 95%; padding: 30px 0 40px;}
    .n-t{ font-size: 24px; line-height: 1.2}
    .sd2-box .n-cd{ width: 100%; font-size: 20px;}
    .sd2-box .n-cd p{font-size: 20px;}
    .sd2-box .con p{ font-size: 16px; width: 100%;    line-height: 1.5;}
    .sd2-box.kz{padding: 30px 0 40px;}

    .sd2-list{ margin-top: 25px}
    .sd2-list .n-d{ font-size: 20px}
    .sd2-box-con{ flex-wrap: wrap;}
    .sd2-box-con .item{ width: 100%; margin-top: 20px;    padding:15px;}
    .sd2-box-con .item .st{ font-size: 18px}
    .sd2-box .con{ margin-top: 15px;}
    .sd2-box .sd2-box-con .item p{ font-size: 16px}
    .sd2-box .sd2-box-con .item p img{ margin-top:8px; }

    .map-list{ width: 100% ; margin-top: 25px;}
    .map-list .item .st{ font-size: 18px}
    .map-list .item:first-child{ margin-bottom: 25px;}

    .ak-list{ margin-top: 5px; flex-wrap: wrap}
    .ak-list .item{ width: 100%}
    .ak-list .item .st{ padding: 10px 20px; font-size: 18px}
    .ak-list .item .con{ padding: 0 20px 20px;}
    .ak-list .item .con p{ font-size: 14px}
    .fj-box{width: 100% ; margin-top: 25px;}
    .fj-box .item .st{font-size: 18px}
    .fj-box .item .con p{ font-size: 14px; line-height: 1.5}
    .fj-box .item{ margin-bottom: 0}
    .fj-box .item .con p img{ margin-top: 5px}

    .sco1-box{ width: 95%; padding: 30px 0 40px;}
    .sco1-box .n-cd{ margin: 20px auto 25px }
    .sco1-box .n-cd p{ font-size: 16px; line-height:  1.5; }
    .style1{ font-size: 20px; margin-bottom: 20px}
    .style2{ font-size: 18px}
    .sco1-box .content.sc p{ font-size: 14px; line-height: 1.5}
    .sco1-box .content.sc p img{ margin-top: 5px}

    .reach-box{width: 95%; padding: 30px 0 40px;}
    .reach-box .c2{ font-size: 20px; margin-top: 20px}
    .reach-map{ margin-top: 20px;}
    .reach-map .st{ font-size: 20px; margin-bottom: 20px}
    .reach-map .dot{    transform: scale(1);}
    .reach-box .c3{ font-size: 16px; line-height: 1.5}
    .reach-map .flx{ top:0}
.ab-box4 .left{width:100%}

    .ab-box1{ padding: 30px 0}
    .ab-box1 .con{ width: 95%; margin: 0 auto; flex-wrap: wrap}
    .ab-box1 .con .left{ width: 100%; padding: 20px;}
    .ab-box1 .con .left .bt{ margin-bottom: 15px;}
    .ab-box1 .con .left p{ font-size: 16px; line-height: 1.5}
    .ab-box1 .con .right{width: 100%}
    .ab-box1 .con .right img{ width: 100%}
    .ab-box1 .con .right .flx{ top: 20%; right: 0; padding: 20px; width: 70%}
    .ab-box1 .con .right .flx .ct{ margin:0 auto 15px; font-size: 18px;}
    .ab-box1 .con .right .flx .con{ width: 90%; font-size: 14px; margin: 0}

    .ab-box2{ width: 95%;}
    .ab-box2 .left{ width: 100%; position: relative}
    .ab-box2 .left .flx{ top: 20%; left: 0; padding: 20px; width: 70%}
    .ab-box2 .left .flx .ct{ margin:0 auto 15px; font-size: 18px;}
    .ab-box2 .left .flx .con{ width: 90%; font-size: 14px; margin: 0}
    .ab-box2 .right{ width: 100%; margin-top: 0;padding: 20px;}
    .ab-box2 .ct{ font-size: 20px; margin-bottom: 15px}
    .ab-box2 .right p{ font-size: 16px; line-height: 1.5}

    .deg-list{width: 95%; padding: 30px 0 40px; flex-wrap: wrap}
    .deg-list .item{ width: 100%; padding: 20px; margin-bottom: 20px}
    .deg-list .item .ct{ font-size: 20px; margin-bottom: 15px}
    .deg-list .item .con, .deg-list .item p{ font-size: 16px; line-height: 1.5}

    .ab-box3{ width: 95%; flex-wrap: wrap}
    .ab-box3 .left{ width: 100%;padding: 20px; }
    .ab-box3 .left .ct{ margin:0 auto 15px; font-size: 18px;}
    .ab-box3 .left .con p{ font-size: 14px; margin: 0;line-height: 1.5}
    .ab-box3 .right{width: 100%;}
    .ab-box4{ width: 95%; margin: 30px auto;}
    .ab-box4 .left{ position: initial}
    .ab-box4 .right{width: 100%;padding: 20px;  margin-top: 0 }
    .ab-box4 .right .ct{ font-size: 20px; margin-bottom: 15px}
    .ab-box4 .right .con{margin-top: 0}
    .ab-box4 .right .con p{ font-size: 16px; line-height: 1.5; }

    .sp .flx{ width: 100%; padding: 20px; position: initial;}
    .sp .flx .c1{ font-size: 20px; margin: 0 auto 15px}
    .sp .flx .c2{ font-size: 18px; margin: 0 auto 15px}
    .sp .flx .c3, .sp .flx .c3 p,.sp .flx .c3 a{ font-size: 16px; line-height: 1.4; margin: 0}
    .sp .flx>div{ width: 100%;}

    .cap_box{ width: 95%; padding: 30px 0 40px;}
    .cap_box .n-d{ font-size: 20px }
    .cap_con{ margin-top: 25px; flex-wrap: wrap}
    .cap_con .left{width: 100%; }
    .cap_con .left p{ font-size: 16px; line-height: 1.4}
    .cap_con .right{margin-top: 20px;width: 100%;}
    .cap_con .right p{ font-size: 16px; line-height: 1.4}

    .inc-box{ width: 95%; padding: 30px 0 40px; margin: 0 auto;}
    .ins-box{ width: 100%;}
    .ins-box h1{ font-size: 24px;}
    .ins-list{ width: 100%; margin-top: 25px; flex-wrap: wrap}

    .ins-list .item{ width: 100%; margin: 0 auto 20px;}
    .ins-list .item .title{ font-size: 16px; height: auto; margin: 15px auto; width: 90%;}
    .ins-list .item .more{width: 150px; height: 40px ;font-size: 15px; margin-bottom: 20px}
    .get_more{width: 150px; height: 40px ;font-size: 15px; margin-top: 20px}
    .in-show-box{width: 95%; padding: 30px 0 40px; margin: 0 auto;}
    .in-show-box h1{ font-size: 22px;}
    .in-show-box .in-show-con p{ font-size: 16px; line-height: 1.4}

    .mxw-contact{width: 95%; padding: 30px 0 40px; margin: 0 auto;}
    .mxw-contact .c-box{ width: 100%; flex-wrap: wrap}
    .mxw-contact .c-box h1{ font-size: 24px;}
    .mxw-contact .c-box h2{ margin-top: 10px; font-size: 18px}
    .mxw-contact .c-box .bottom{ margin-top: 25px; flex-wrap: wrap}
    .mxw-contact .c-box .bottom .left{ width: 100%; }
    .mxw-contact .c-box .bottom .left .item{flex-wrap: wrap}
    .mxw-contact .c-box .bottom .left .item>div{ width: 100%;}
    .mxw-contact .c-box .left button{width: 150px; height: 40px ;font-size: 15px; margin: 0 auto 30px;}
    .mxw-contact .c-box .bottom .right{ padding: 20px;    min-height: 6.083rem; height: auto}

.ab-box1 .con .right .flx .con p,.ab-box2 .left .flx .con p{    font-size: 16px;
    line-height: 1.5;}

.flox {

    position: absolute;
    width: 120px;
    bottom: 30px;
}
.footer .mxw-box .d1 img{ width:150px}

.ny-banner.sp{    display: block;}
.mxw-contact .c-box .bottom .right .u-box p{font-size:14px;}

}


@media screen and (max-width: 900px) {

.ab-box1 .con .right{    max-width: initial;}
.mxw-mob-nav .menus{    position: relative;}
.m-bottom{    position: absolute;    background: #fff;
    bottom: 0;
    width: 100%;
    display: flex;justify-content: space-between;
    align-items: center;
    padding: 15px;
    border-top: 1px solid #ccc;}
.m-bottom .left{  display: flex;
    align-items: center;}   
.m-bottom .left .item{margin-right: 10px;}
.d_add{display:none;}
.lab::after{width: 8px;
    height: 8px;
    content: ' ';
    position: absolute;
    right: 0;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    -moz-transform: rotate(-45deg) translate(-50%, -50%);
    -o-transform: rotate(-45deg) translate(-50%, -50%);
    -webkit-transform: rotate(-45deg) translate(-50%, -50%);
    -ms-transform: rotate(-45deg) translate(-50%, -50%);
    transform: rotate(-45deg) translate(-50%, -50%);

    top:5px;
    z-index: 100;}
 .lab{ padding-right:20px;font-size: 16px;}
    .m-bottom .right{position: relative; height: 28px;}
    .m-bottom .right .xf{   position: absolute;
    bottom: 25px;
    display: none;
    width: 50px;
    font-size: 16px;
    padding: 10px;
    background: #fff;
    right: 0; line-height: 1.5;}
    .m-bottom .right .xf a{  font-family: "微软雅黑",sans-serif;font-size: 14px;}
.m-bottom .right:hover .xf{display:block}
.m-bottom .left .item:hover .flox{display:block; bottom:45px}
.mxw-mob-nav .menus > ul>.active>a,.mxw-mob-nav .menus .tms2 .active1>a,.lv3 .active{color: #f15a22;}
.mxw-mob-nav .menus > ul > li.active > a.sub:after{    border-top: 4px solid  #f8b816;;}

.copy{    min-width: initial;}
.tms2> li>a.sub:after{
	content: "";
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 0;
    border-top: 4px solid #555;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 0;
    margin-left: 10px;
}
.tms2> li.active1>a.sub:after{    border-top: 4px solid #f15a22;}
.reach-map .flx{    width: 100%;
    position: initial;}
.reach-map .dot{top:11%}

.ins-list .item .mxw-image img{transform: scale(1.01);}
.ins-list .item .mxw-image:hover img{transform: scale(1.1);}
.ak-list .item .mxw-image img{transform: scale(1.01);}
.ak-list .item .mxw-image:hover img{transform: scale(1.1);}

}