@charset "UTF-8";
/* ==================== 重置默认样式 start ==================== */
* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: "Microsoft YaHei", "微软雅黑", "Microsoft JhengHei", "华文细黑", "STHeiti", "MingLiu", sans-serif;
    outline: none
}
*:before,
*:after {
    vertical-align: middle;
    box-sizing: border-box;
}
html {
    margin: 0 auto;
}
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;
}
p{ margin-bottom: 0}
/* ==================== 重置默认样式 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: 18px;
    line-height: 1.8;
    text-align: justify;
    color: #333;
}
/* 图片统一动画 */
.mxw-image {
    overflow: hidden;
}
.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: 2px;
    transition: all 0.4s;
    visibility: hidden;
    opacity: 0;
    border: 1px solid #fff;
}
#goto-top.active {
    visibility: visible;
    opacity: 1;
}
#goto-top:after {
    content: "";
    display: block;
    width: 0.2333rem;
    height: 0.2333rem;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(-45deg);
    margin-top: 6px;
}
@media screen and (max-width: 751px) {
    #goto-top {
        width: 30px;
        height: 30px;
        right: 10px;
    }
}*/
/* ==================== 置顶按钮 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: 751px) {
    .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: 751px) {
    .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 ==================== */
.mxw-pagination {
    margin-top: 50px;
    font-size: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.mxw-pagination   a,.mxw-pagination   span {
    padding: 6px 12px;
    font-size: 14px;
    color: #666;
    line-height: 1.2;
    border: 1px solid #ccc;

    margin: 4px;
}
.mxw-pagination   a.current,
.mxw-pagination   a:hover {
    background-color: #032a75;
    color: #fff !important;
}
.mxw-pagination   a:first-child {
    margin-left: 0;
}
.mxw-pagination   a:last-child {
    margin-right: 0;
}
@media screen and (max-width: 751px) {
    .mxw-pagination {
        margin-top: 30px;
    }
    .mxw-pagination   a {
        font-size: 12px;
        margin: 2px;
        padding: 8px 10px;
    }
}
/* ==================== 分页样式 end ==================== */

/* ==================== 通用标签页 start ==================== */
/* 标签页 */
.mxw-tabs {
    padding-left: 0;
    padding-right: 0;
}
.mxw-tabs .mxw-tabs-header {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
}
.mxw-tabs .mxw-tabs-wrap {
    position: relative;
    display: flex;
    overflow-x: scroll;
    max-width: 100%;
    align-items: center;
    justify-content: flex-start;
}
.mxw-tabs .mxw-tabs-wrap::-webkit-scrollbar {
    display: none;
}
.mxw-tabs .mxw-tabs-item {
    flex-shrink: 0;
    text-align: center;
    cursor: pointer;
    font-size: 0.3rem;
    white-space: nowrap;
    background: #eaeaea;
    color: #333;
    padding: 0rem 0.5rem;
    margin-right: 0.9rem;
    line-height: 0.6667rem;
}
.mxw-tabs .mxw-tabs-item:last-child {
    margin-right: 0;
}
.mxw-tabs .mxw-tabs-item.active {
    background: #032a75;
    color: #fff;
}
@media screen and (max-width: 751px) {
    .mxw-tabs .mxw-tabs-header {
        margin-bottom: 20px;
    }
    .mxw-tabs .mxw-tabs-item {
        font-size: 14px;
        padding: 0 20px;
        margin-right: 10px;
    }
    .mxw-tabs .mxw-tabs-item:last-child {
        margin-right: 0;
    }
}
/* ==================== 通用标签页 end ==================== */
/* ==================== 关键词 start ==================== */
.mxw-keywords {
    position: relative;
    z-index: 99;
    width: 100%;
    background: #fff;
    box-shadow: 0px 8px 8px 0px
    rgba(0, 0, 0, 0.16);
}
.mxw-keywords .mxw-box {
    position: relative;
    display: flex;
    align-items: center;
    padding-top: 15px;
    padding-bottom: 15px;

}
.mxw-keywords .left {
    position: relative;
    flex-grow: 1;
    font-size: 16px;
    line-height: 1.2;
    color: #666;
}
.mxw-keywords .left strong {
    vertical-align: inherit;
}
.mxw-keywords .left span {
    color: #000;
    vertical-align: inherit;
    /*font-weight: bold;*/
}
.mxw-keywords .left a:after {
    content: ",";
    padding-left: 5px;
    padding-right: 5px;
}
.mxw-keywords .left a:hover {
    color: #666;
}
.mxw-keywords .left a:last-child {
    padding-right: 0;
}
.mxw-keywords .left a:last-child::after {
    display: none;
}
.mxw-keywords .right form {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    position: relative;
}
.mxw-keywords .right form:before {
    content: "";
    display: block;
    width: 2px;
    height: 16px;
    background-color: #d9d9d9;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
}
.mxw-keywords .right input {
    width: 305px;
    height: 44px;
    line-height: 44px;
    padding: 0 20px;
    font-size: 14px;
    color: #333;
    border: 1px solid #c4c4c4;
    border-right: 0;
    background-color: #fff;
    border-radius:  24px 0  0 24px;
}
.mxw-keywords .right input::-webkit-input-placeholder {
    /*Webkit browsers*/
    color: #999;
}
.mxw-keywords .right input:-moz-placeholder {
    /*Mozilla Firefox 4 to 8*/
    color: #999;
}
.mxw-keywords .right input::moz-placeholder {
    /*Mozilla Firefox 19+*/
    color: #999;
}
.mxw-keywords .right input:-ms-input-placeholder {
    /*Internet Explorer 10+*/
    color: #999;
}
.mxw-keywords .right button {
    outline: none;
    border-width: 0;
    cursor: pointer;
    background: #eea05c;
    color: #fff;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 65px;
    border-radius: 0 24px 24px 0 ;
}
.mxw-keywords .right button .icon {
    display: block;
    width: 25px;
    height: 25px;
    overflow: hidden;
    font-size: 0;
    background: url(../images/se-ico.png) no-repeat;

}
.mxw-keywords .right button .text {
    font-size: 14px;
    padding-left: 5px;
}
/* ==================== 关键词 end ==================== */

/* ==================== 移动端头部 start ==================== */
@media screen and (max-width: 751px) {
    header {
        z-index: 99999;
    }
    .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: 750px;
        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: 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-color: #333;
    }
    .mxw-mob-nav .menus-box {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        right: 50%;
        max-width: 450px;
        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%;
        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;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        line-height: 36px;
        height: 36px;
        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: 54px;
        height: 54px;
        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 ==================== */
/* ==================== 轮播图 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: 1680px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 25px;
    right: 50%;
    transform: translateX(50%);
    left: auto;
    padding-right: 40px;
}
.mxw-banner .swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background-color: #fff;
    opacity: 1;
    margin-left: 9px;
    margin-right: 9px;
    border: 1px solid #fff;
    outline: none;
}
.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: #00a2ea;
    border-color: #00a2ea;
}
.mxw-banner .swiper-button-next,
.mxw-banner .swiper-button-prev {
    width: 1.383rem;
    height: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;

    background-image: none;
    outline: none;

}
.mxw-banner .swiper-button-next::after,
.mxw-banner .swiper-button-prev::after {
    font-size: 0.667rem;
    color: #00a2ea;
}
.mxw-banner .swiper-button-next {
    right: 0;
}
.mxw-banner .swiper-button-prev {
    left:0;
}
.mxw-banner .banner-swiper {
    --swiper-navigation-color: #fff;
    /* 单独设置按钮颜色 */
    --swiper-navigation-size: 24px;
    /* 设置按钮大小 */
}
@media screen and (max-width: 751px) {
    .mxw-banner .swiper-pagination {
        padding-right: 0px;
        bottom: 10px;
        max-width: 80%;
    }
    .mxw-banner .swiper-pagination .swiper-pagination-bullet {
        margin: 0 5px;
        font-size: 14px;
        width: 8px;
        height: 8px;
    }
    .mxw-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        font-size: 18px;
    }
    .mxw-banner .swiper-button-next,
    .mxw-banner .swiper-button-prev {
        display: none;
    }
}
/* ==================== 轮播图 end ==================== */

.mxw-box {

    margin: 0 auto;
    font-size: 0.267rem;
    color: #333;
    width: 86%;
    max-width:26.667rem;
    min-width: 20rem;
}

/* 容器大小 */
.mxw-box {
    max-width: 1600px;
    margin: 0 auto;
    font-size: 18px;
    color: #333;
}

/* 内页 banner */
.ny-banner img {
    width: 100%;
}




/* ==================== 页面自定义样式 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: 751px) {
    .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: 751px) {
    .mxw-ny-box {
        max-width: 100%;
        font-size: 0;
        padding: 30px 20px;
    }
}
@media screen and (max-width: 751px) {
    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 ==================== */
.page-banner .nybt{z-index:3;display:none;}
.page-banner .nybt h3{font-size:0.6rem;}
#toolbar .online-one li.phone .tel-phone{display: flex;flex-wrap:wrap;height:100%;justify-content: center;align-items: center;width:140px;}
.product-detail-tab .product-detail-tabli li.on:before,
.product-detail-tab .product-detail-tabli li:visited:before,
.product-detail-tab .product-detail-tabli li:active:before{display:none;}
.product-detail-tab .product-detail-tabli li.on,
.product-detail-tab .product-detail-tabli li:visited,
.product-detail-tab .product-detail-tabli li:active{color:#fff;}
.product-detail-tab .product-detail-tabli li{background:#00a2ea;color:#fff;font-size:15px;font-weight:bold;}
.product-detail-tabcon{font-size:18px;line-height:1.8;text-align:justify;}
.page-banner .nybt{display: none;}
.ueditor_baidumap{width:100%;}
/* 相册调整 */
.xypg-album-list{display:flex;align-items:flex-start;flex-wrap:wrap;margin-left:0;margin-right:0;}
.xypg-album-list li{padding:10px;border:1px solid #eaeaea;padding-bottom:0;margin:0;width:32%;}
.xypg-album-list li:nth-child(3n-1){margin-left:2%;margin-right:2%;}
.xypg-album-list li:nth-child(3)~li{margin-top:2%;}
.xypg-album-list li h3{position:static;color:#666;font-size:16px;background:none;height:40px;line-height:40px;margin-top:10px;}
@media screen and (min-width: 751px) {
    /* .page-wrap{padding-top:30px;} */
    .easyzoom-flyout img{max-width:inherit;}
    .container{width:100%;max-width:1400px;}
}
@media screen and (max-width: 751px) {
    body{padding-bottom:0;padding-top:0;margin-bottom:50px;}
    .page-product-detail-effect .big-img{pointer-events:none;}
    .page-banner .nybt h3{font-size:20px;}
    .page-product-detail-effect .big-img a{height:auto;}
    .container2{padding-left:20px;padding-right:20px;}
    .page-product-detail-effect .big-img{height:auto;}
    .page-banner{
        position: relative;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }
    .page-banner>img{
        max-width: 240%;
        width:240%;
    }
    .xypg-product-list,
    .xypg-case-list{display:flex;flex-wrap:wrap;}
    .xypg-product-list li,
    .xypg-case-list li{width:48%;margin:0;}
    .xypg-product-list li:nth-child(2n),
    .xypg-case-list li:nth-child(2n){margin-left:4%;}
    .xypg-product-list li:nth-child(2)~li,
    .xypg-case-list li:nth-child(2)~li{margin-top:4%;}
    .xypg-pagination>div{margin-bottom:10px;}
    .xypg-case-list li h3 a{padding-bottom:0;}
    .xypg-news-list li{padding:15px;margin-bottom:15px;}
    .xypg-news-list li .more{text-align:center;margin-top:0px;}
    .xypg-news-list li .more span{width:90px;margin:0 auto;}
    .product-detail-tabcon{font-size:16px;}
    .product-detail-tab .product-detail-tabli li{padding:8px 15px;width:auto;line-height:1.2;height:auto;}
    .product-detail-tab .product-detail-tabli{height:auto;}
    /* 相册调整 */
    .xypg-album-list{justify-content:space-between;}
    .xypg-album-list:before,
    .xypg-album-list:after{display:none;}
    .xypg-album-list li{width:48%;margin:0;}
    .xypg-album-list li:nth-child(2)~li{margin-top:2%;}
}


/* ==================== 通用细节调整 end ==================== */




/* ==================== 页面具体样式 start ==================== */
.body{ font-size: 18px;}

.top-box .logo-box{ margin:0.2rem auto 0.2rem 0;}
.top-box .logo-box>img{ max-height:1.85rem;}
.mxw-keywords .left .zx{ display: inline-block; font-size: 0.35rem; margin-right: 0.833rem; vertical-align: middle}
.mxw-keywords .left .zx>img{ margin-right: 5px}
.mxw-keywords .left .zx b{ color: #ee1d23; font-size: 0.35rem}

.mxw-link .mxw-box{background:#fff; padding: 0.5rem 0 }
.mxw-link>.mxw-box{display:flex;justify-content:flex-start;align-items:flex-end;position:relative;padding-top:10px;padding-bottom:10px;overflow:visible;}
.mxw-link .mxw-link-list{color:#333;position:absolute;top:0;left:0;width:100%;transform:translateY(-100%);padding:10px 0;display:none;}
.mxw-link .mxw-link-list a{font-size:14px;line-height:1.8;}
.mxw-link .title{font-size:18px;cursor:pointer;line-height:1.8; font-weight: bold}
.mxw-link .list{display:flex;align-items:center;justify-content:flex-start;}
.mxw-link .list a{font-size:16px;line-height:1.8;display:block;}
.mxw-link .list a:after,
.mxw-link .mxw-link-list a:after{content:",";}
.mxw-link .list a:last-child:after,
.mxw-link .mxw-link-list a:last-child:after{display:none;}


header .welcome {
    position: relative;
    z-index: 999;
    background: #232323;
}
header .welcome .mxw-box {
    font-size: 12px;
    color: #fff;
    line-height: 44px;
    height: 44px;

}
header .welcome .mxw-box a:hover {
    color: #ef6c00;
}
header .welcome .left a {
}
header .welcome .right {
    user-select: none;
    position: relative;
    z-index: 9;
}
header .welcome .right .head {
    line-height: 30px;
    height: 30px;
    background: #fff;
    border-radius: 4px;
    display: flex;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
    width: 160px;
}
header .welcome .right .icon01 {
    width: 20px;
    flex-shrink: 0;
    margin-right: 10px;
}
header .welcome .right .text {
    font-size: 16px;
    color: #333;
    min-width: 0;
    flex-grow: 1;text-align:center;
}
header .welcome .right .icon02 {
    width: 10px;
    flex-shrink: 0;
}
header .welcome .right .list {
    position: absolute;
    width: 100%;
    padding-top: 3px;
}
header .welcome .right .list > div {
    background: #f3f3f3;
    border-radius: 2px;
    padding: 10px 10px;
    display: none;
}
header .welcome .right .list a {
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    color: #333;
    border-bottom: 1px solid #f5f5f5;
}
header .welcome .right .list a:hover {
    background: #fff;
    color: #ef6c00;
}

header .top-box{
    align-items: stretch;
}

header .pc-menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    height: 100%;
}
header .pc-menu > li {
    flex-grow: 1;
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0.45rem;
}
header .pc-menu > li:last-child {
    margin-right: 0;
}
header .pc-menu > li:hover > a,header .pc-menu > li.active> a {
    color:  #ef6c00;

}
header .pc-menu > li:hover .pc-sub-menu {
    opacity: 1;
    visibility: visible;
}
header .pc-menu > li:hover .pc-sub-menu .pc-nav-box {
    transform: perspective(1200px) rotateX(0deg);
    -webkit-transform: perspective(1200px) rotateX(0deg);
    -moz-transform: perspective(1200px) rotateX(0deg);
    -ms-transform: perspective(1200px) rotateX(0deg);
    -o-transform: perspective(1200px) rotateX(0deg);
}
header .pc-menu > li:hover .pc-sub-menu .pc-nav-box:before {
    width: 100%;
    visibility: visible;
}
header .pc-menu > li > a {
    font-size: 18px;
    border-radius: 6px;
    color: #333;
    font-weight: bold;
    text-align: center;
    display: block;
    width: 100%;
    z-index: 9;
    padding: 10px 20px;
    transition: all 0.2s;
    text-transform: uppercase;
}
header .pc-menu > li > a .cn {
    font-size: 18px;
    line-height: 1.2;
    margin-bottom: 10px;
    font-weight: bold;
}
header .pc-menu > li > a .en {
    font-size: 16px;
    line-height: 1.2;
}
header .pc-menu > li .pc-sub-menu {
    width: 200px;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);

    opacity: 0;
    visibility: hidden;
    transition: all 0.4s;
    padding-top: 0px;
    color: #333;
    z-index: 999;
}
header .pc-menu > li .pc-nav-box {
    border-top: 1px solid #ddd;
    position: relative;
    background: #fff;
    -webkit-transition: all 300ms cubic-bezier(0.7, 0, 0.185, 1) 0s;
    transition: all 300ms cubic-bezier(0.7, 0, 0.185, 1) 0s;
    -webkit-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-transform: perspective(1200px) rotateX(-90deg);
    transform: perspective(1200px) rotateX(-90deg);
    -webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
}
header .pc-menu > li .pc-nav-box::before {
    content: "";
    display: block;
    width: 0;
    height: 3px;
    visibility: hidden;
    left: 0;
    top: 0;
    position: absolute;
    transition: all 0.4s;
}
header .pc-menu > li .pc-nav-box > li:hover {
    background: rgba(0, 0, 0, 0.05);
}
header .pc-menu > li .pc-nav-box > li > a {
    display: block;
    text-align: center;
    font-size: 13px;
    height: 46px;
    line-height: 46px;
    padding-left:15px;padding-right:15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis;
}
@media screen and (max-width: 1700px) {
    header .top {
        height: 100px;
    }
    header .top .logo img {
        height: 70px;
    }
    header .pc-menu > li > a {
        padding-left: 20px;
        padding-right: 20px;
        font-size: 17px;
    }
}
@media screen and (max-width: 1350px) {
    header .top .logo img {
        height: 60px;
    }
    header .pc-menu > li > a {
        font-size: 16px;
        padding-left: 15px;
        padding-right: 15px;
    }
}
/* ==================== 头部 end ==================== */


.mxw-about{ padding: 1.333rem  0 0.367rem;}
.mxw-about .mxw-box{ align-items: stretch;}
.mxw-about .mxw-box .left{ background: #f5f5f5; flex-grow: 1; min-width: 0; padding: 0.5rem 2rem; display: flex; align-content: center; flex-wrap: wrap; justify-content: center;}
.mxw-about .mxw-box .right{ width: 48.9%; flex-shrink: 0}
.mxw-about .mxw-box .right video{ width:100%; height:100%;    object-fit: contain;   display: block;}
.mxw-about .mxw-box .left .st{ font-size: 0.667rem; color: #000; text-transform: uppercase;}
.mxw-about .mxw-box .left .desc{ font-size: 0.3rem; color: #666; text-align: center; line-height: 1.5; margin-top: 1.083rem}
.mxw-about .mxw-box .left .a-more{	width: 2.367rem;
    height: 0.667rem;
    background-color: #f4944c; border: 1px solid #f4944c; transition: all 0.3s;
    border-radius: 0.067rem; display: flex; align-items: center; justify-content: center; color: #fff; margin-top: 1.25rem}
.mxw-about .mxw-box .left .a-more:hover{ background: none; color: #333}

.mxw-about .ab-list{ display: flex; align-items: stretch; justify-content: flex-start; flex-wrap: wrap; margin-top: 0.5rem}
.mxw-about .ab-list .item{ width: 19.1%; margin-right: 0.9%; margin-bottom: 0.233rem;}
.mxw-about .ab-list .item:nth-child(5n){ margin-right: 0;}

.mxw-pro{ padding-top: 1rem;}
.mxw-pro .mxw-box .top{ padding-left: 1.333rem; width: 65%; }
.mxw-pro .mxw-box .top .st{ font-size: 0.667rem; text-transform: uppercase;}
.mxw-pro .mxw-box .top .desc{ font-size: 0.267rem; color: #666; margin-top: 0.467rem; line-height: 1.8}

.se-box{ display: flex; align-items: stretch; justify-content: space-between; float: right;
    width: 6.9rem;
    height: 0.667rem;
    background-color: #ffffff;
    border-radius: 0.167rem;
    border: solid 0.017rem #eaeaea; margin-top: 0.5rem}
.se-box input{ padding-left: 0.333rem; font-size: 0.267rem; color: #666; flex-grow: 1; min-width: 0}
.se-box button{ width: 1.217rem; flex-shrink: 0; border-left:0.017rem solid #eaeaea }
.form1{ width: 100%; height: auto; overflow: hidden}
.pro-box{ display: flex; align-items: stretch; justify-content:space-between; margin-top: 0.25rem;}
.pro-box .lef-menu{ display: flex; align-items: flex-start; flex-wrap: wrap;  width: 5.867rem; flex-shrink: 0; background: #333333; color: #fff; margin-right: 0.383rem; align-content: flex-start}
.pro-box .lef-menu .item{ width: 100%; display: block;  font-size: 0.3rem; padding: 0.25rem; border-bottom: 1px solid #232323; }
.pro-box .lef-menu .item.active,.pro-box .lef-menu .item:hover{	background-color: #ef6c00;}
.pro-box .right{ flex-grow: 1; min-width: 0; overflow: hidden}
.pro-box .right .pro-swiper .swiper-slide{ display: flex; align-items: stretch; justify-content: flex-start; flex-wrap: wrap;}
.pro-box .right .pro-swiper .swiper-slide .item{ width: 24.4%; margin-right: 0.8%; margin-bottom: 0.833rem}
.pro-box .right .pro-swiper .swiper-slide .item:nth-child(4n){ margin-right: 0; }
.pro-box .right .pro-swiper .swiper-slide .item .title{ margin-top: 0.167rem; text-align: center; font-size: 0.3rem; font-weight: bold; width: 100%;}
.pro-box .right .pro-swiper .swiper-slide .item .sut{
    width: 3.033rem;
    height: 0.667rem;
    background-color: #f5f6fa;
    border-radius: 4px;
    border: solid 1px #efefef;
    margin: 0.25rem auto 0;
    font-size: 0.267rem; color: #333;
    display: flex;
    align-items: center;
    justify-content: center;

}
.pro-box .right .pro-swiper .swiper-slide .item:nth-child(n+8){ margin-bottom: 0}

.adv{ padding-top: 2.333rem;}
.adv .top{ padding: 0 1.333rem;}
.adv .top .st{ font-size: 0.667rem; color: #000; margin-bottom: 0.433rem; text-transform: uppercase}
.adv .top .desc{ font-size: 0.267rem; color: #666; line-height: 1.8}
.adv .mxw-box.list{ margin-top: 0.75rem;}
.adv .mxw-box.list .item{ box-shadow: 0px 8px 9px 1px
rgba(0, 0, 9, 0.03);
    border-radius: 14px; background: #fff;}
.adv .mxw-box.list .item .mxw-image{
    border-radius: 14px 14px 0px 0px;
}

.adv .mxw-box.list .item .st{ font-size: 0.4rem; text-transform: uppercase; color: #000; text-align: center; padding: 0.3rem 0.367rem 0.333rem; font-weight: bold}
.adv .mxw-box.list .item .desc{ font-size: 0.267rem; line-height: 1.7; color: #666; margin: 0 0.4rem 0.4rem;    overflow: hidden;}


.tes{ padding-top: 2.167rem;}
.tes .mxw-box{ padding: 0 1.333rem;}
.tes .mxw-box .top .st{  font-size: 0.667rem; color: #000; text-transform: uppercase}
.tes .mxw-box .top .desc{ font-size: 0.267rem; color: #666; margin-top: 0.467rem; line-height: 1.7;  display: flex; align-content: stretch; justify-content: space-between}
.tes .mxw-box .top .desc>div{ width: 50%; padding-right: 5%;}
.tes .mxw-box .list{ margin-top: 1.167rem;}
.tes .mxw-box .list .item{ display: flex; align-items: flex-start;}
.tes .mxw-box .list .item .left{ margin-right: 0.5rem; flex-shrink: 0; max-width: 1.667rem;}
.tes .mxw-box .list .item .right{ flex-grow: 1;min-width: 0;}
.tes .mxw-box .list .item .right .st{ color: #101921; font-size: 0.45rem; font-weight: bold; text-transform: uppercase }
.tes .mxw-box .list .item .right .desc{ color: #73757c; font-size: 0.267rem; line-height: 1.8 }
.tes .mxw-box .list .item:nth-child(2){ margin: 0 1rem}
.tes .mxw-box .list{ flex-wrap: nowrap}
.tes .mxw-box .list .item .st::after{ display: block; margin: 0.367rem auto 0.3rem 0; height: 1px; width: 100%; background-color: #c7c7c7; content: ""; }

.news{ padding:2rem 0 0.8rem;}
.news .mxw-box{ display: flex; align-items: stretch;}
.news .mxw-box .left{ width: 56.5%; }
.news .mxw-box .left .st{ font-size: 0.633rem; font-weight: bold;}
.news .mxw-box .left .list{ margin-top: 1.217rem;}
.news .mxw-box .left .list .item{ display: flex; font-size: 0.267rem; color: #666; align-items: center; margin-top: 0.467rem; padding-bottom: 0.45rem;	border-bottom: dashed 1px #b3b3b3; justify-content: space-between;}
.news .mxw-box .left .list .item span{  flex-shrink: 0; margin-left: 0.45rem;color: #cacaca;}
.news .mxw-box .left .list .item .text{ flex-grow: 1; min-width: 0}
.news .mxw-box .right{ background: #f8f8f8; width: 38.5%; margin-left: 5%; padding: 0.667rem;}
.news .mxw-box .right .st{ 	font-size: 0.633rem; text-transform: uppercase; font-weight: bold; margin-bottom: 0.433rem}
.news .mxw-box .right .st span{color: #ef6c00;}
.news .mxw-box .right .inp{ background: #fff; width: 100%; padding: 0.25rem 0.417rem;margin-bottom: 0.2rem;}
.news .mxw-box .right .inp input{ width: 100%; height: 100%; border: none; font-size: 0.3rem; color: #909195; }
.news .mxw-box .right .text{ background: #fff; width: 100%; padding: 0.25rem 0.417rem}
.news .mxw-box .right .text textarea{ resize: none; height: 1.25rem; width: 100%; border: none;font-size: 0.3rem; color: #909195; }
.news .mxw-box .right button{width: 1.933rem;
    height: 0.667rem;
    background-color: #313536;
    border-radius: 4px;
    border: solid 0.017rem #efefef; color: #fff; display: flex; align-items: center; justify-content: center; margin-top: 0.583rem;}

.maps{ padding: 1.333rem 0;	background-color: #f3f3f3;}
.maps .mxw-box{ display: flex; align-items: stretch; justify-content: space-between;}
.maps .mxw-box .right{ width: 49%;}
.maps .mxw-box .left{ width: 44%; margin-right: 5%;}
.maps .mxw-box .left .st{font-size: 0.633rem;color: #000000; text-transform: uppercase; font-weight: bold;}
.maps .mxw-box .left .st span{color: #ef6c00;}
.maps .mxw-box .left .desc{ font-size:0.31rem; color: #949494; line-height: 2; margin-top: 1.5rem}

.nse-box{background-color: #ffffff;
    box-shadow: 0px 8px 8px 0px
    rgba(0, 0, 0, 0.16);}


.main.f5{ background: #f5f5f5}
.main .main-content {
    padding-top: 48px;
    padding-bottom: 50px;
}


.sidebar {
    will-change: min-height;
}

.sidebar__inner {
    transform: translate(0, 0);
    /* For browsers don't support translate3d. */
    transform: translate3d(0, 0, 0);
    will-change: position, transform;
}

.main-content {
    display: flex;
    justify-content: space-between;
}

.main-content .sidebar {
    width: 19%;
}

.main-content .sidebar .pro_box_l {
    width: 100%;
}
.main-content .sidebar .pro_box_l .option_list{ border-right: 1px solid #e4e4e4; border-left: 1px solid #e4e4e4;}
.main-content .sidebar .pro_box_l .option_list ul li>a {
    display: flex;
    justify-content: space-between;
    align-items: center;

}

.main-content .sidebar .pro_box_l .option_list ul li .child {
    display: none;
}

.main-content .sidebar .pro_box_l .option_list ul li .child .child_item a {
    line-height: 40px;
    font-size: 14px;
}

.main-content .content {
    width: 78%;
}

.banner .banner_next,
.banner .banner_prev {
    width: 47px;
    height: 47px;
    background: url(../images/next1.png) no-repeat center center;
    background-size: contain;
    /* background-color: #ffffff; */
    border-radius: 50%;
}

.banner .banner_prev {
    background-image: url(../images/prev1.png); left:100px
}
.banner .banner_next{right:100px}

.banner .banner_next::after,
.banner .banner_prev::after {
    content: none;
    font-size: 20px;
    font-weight: 600;
}

.banner .swiper-slide img {
    width: 100%;
    height: auto;
    min-height: 100%;
    transition: 1s linear 2s;
    transform: scale(1.1, 1.1);
}

.banner .swiper-slide-active img,
.banner .swiper-slide-duplicate-active img {
    transition: 6s linear;
    transform: scale(1, 1);
}

.banner img {
    width: 100%;
}

.f7 {
    background-color: #f7f7f7;
}

.card {
    background-color: #fff;
    box-shadow: -4px 9px 17px 1px rgba(6, 0, 1, 0.1);
}

.ipro_box {
    padding: 45px 0;
    background-color: #f5f5f5;
}

.ipro_box .w {
    display: flex;
    justify-content: space-between;
}

.ipro_box .w .pro_box_r {
    width: 81%;
    display: block;
}

.c_ggao {
    background: url(../images/bg.jpg) no-repeat center center;
    background-size: cover;
    padding: 17px 0;
    background-attachment: fixed;
}

.c_ggao .slogan {
    display: flex;
    align-items: center;
}

.c_ggao .slogan .slogan_l h2 {
    font-size: 34px;
    letter-spacing: 2px;
    color: #ffffff;
    margin: 0 0 15px 0;
}

.c_ggao .slogan .slogan_l p {
    font-size: 16px;
    letter-spacing: 1px;
    color: #ffffff;
}

.c_ggao .slogan .slogan_r {
    flex: 1;
    padding-left: 50px;
}

.c_ggao .slogan .slogan_r .imglist {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    font-size: 18px;
    letter-spacing: 1px;
    color: #ffffff;
    text-align: center;
}

.c_ggao .slogan .slogan_r .imglist .imgitem p {
    text-shadow: 0px 5px 6px #000;
}

.pro_box_l {
    width: 260px;
}

.pro_box_l .option .title {
    height: 96px;

    background-color: #ee6a1b;
    color: #ffffff;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.pro_box_l .option .title h2 {
    font-size: 24px;
    margin: 0 0 10px 0;
}

.pro_box_l .option .title p {
    font-size: 16px; text-transform: uppercase;
}

.pro_box_l .option .option_list ul li {
    padding: 0 20px 0 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    border-bottom: solid 1px #e4e4e4;
}

.pro_box_l .option .option_list ul li:last-child {
    margin-bottom: 0;
}

.pro_box_l .option .option_list ul li.active {

    color: #ee6a1b;
}

.pro_box_l .option .option_list ul li.active>a {

    color: #ee6a1b;
}

.pro_box_l .option .option_list ul li a {
      font-size: 0.267rem;
    line-height: 1.2;
    display: inline-block;
    width: 100%;
    padding: 0.3rem 0;
}

.pro_box_l .option .option_list ul li a.active {
    color: #ee6a1b;
}

.main-content .sidebar .pro_box_l .option_list ul li .b_title span {
    width: 50px;
    height: 20px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    cursor: pointer;
}

.main-content .sidebar .pro_box_l .option_list ul li .b_title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.main-content .sidebar .pro_box_l .option .option_list ul li {
    display: block;
}

.pro_box_l .option .option_tel {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-top: none;
    background-color: #fff;
    padding: 20px 0;
    text-align: center;
    border-bottom: 8px solid var(--styleColor);
    border-bottom: 8px solid #ee6a1b;
}

.pro_box_l .option .option_tel .tel {
    margin-bottom: 10px;
}

.pro_box_l .option .option_tel .teltext {
    font-size: 16px;
    color: #333333;
}

.pro_box_l .option .option_tel .teltext p {
    font-weight: 600;
    font-size: 26px;
    letter-spacing: -1px;
    color: #ee6a1b;
}

.pro_box_l .option .details_tel {

}
.pro_box_l .option .details_tel .text{
    font-size: 16px;
    color: #333;
    line-height: 1.8;
    padding-top: 0.583rem;
}

.pro_box_l .option .details_tel .tel_title {
    display: flex;
    align-items: center;
    background-color: #ee6a1b;
    padding: 0 20px 0 30px;
    height: 48px;
    color: #fff;
}

.pro_box_l .option .details_tel .tel_title::before {
    content: '';
    background: url(../images/forward1.png) no-repeat center center;
    width: 25px;
    height: 25px;
    margin-right: 13px;
}


.pro_box_l .option .details_tel .tel_title h5 {
    font-size: 18px;
    color: #ffffff;
    margin: 0;
}

.pro_box_l .option .details_tel ul {
    border-right: 1px solid #e4e4e4;
    border-left: 1px solid #e4e4e4;
}

.pro_box_l .option .details_tel ul li {
    font-size: 15px;
    line-height: 30px;
    color: #333333;
    padding: 18px 15px 12px 15px;
    border-bottom: 1px solid #e4e4e4;
}
.pro_tiem a:hover .imgbox img {
    transform: scale(1.1);
}

.pro_tiem a:hover .text {

    color: #ee6a1b;
}

.pro_tiem a .imgbox {
    overflow: hidden;
}

.pro_tiem a .imgbox img {
    width: 100%;
    transition: all 0.3s;
}

.pro_tiem a .text {
    text-align: center;
    line-height: 47px;
    font-size: 16px;
    color: #333333;
    transition: all 0.3s;

    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0 5px;
}


.c_content .pro_box .pro_list {
    display: flex;
    flex-wrap: wrap;
}

.c_content .pro_box .pro_list .pro_tiem {
    width: 23.5%;
    margin-bottom: 30px;
    margin-right: 2%;
}

.c_content .pro_box .pro_list .pro_tiem:nth-child(4n){ margin-right: 0}
.pro_breadcrumb {
    margin-bottom: 38px;
    display: flex;
    align-items: center;
    color: #686868;
    border-bottom: 1px solid #d3d3d3;
    font-size: 16px;
}
.c_content .pro_box .pro_list .pro_tiem  .sut{
    width: 3.033rem;
    height: 0.667rem;
    background-color: #fff;
    border-radius: 4px;
    border: solid 1px #efefef;
    margin: 5px auto 0;
    font-size: 0.267rem; color: #333;
    display: flex;
    align-items: center;
    justify-content: center;

}
.pro_breadcrumb p {
    display: flex;
    align-items: center;
}

.pro_breadcrumb .breadcrumb>li+li:before {
    content: '>';
}

.pro_breadcrumb .breadcrumb {
    background-color: transparent;
    margin-bottom: 0;
    padding: 15px 0;
}



.details_box {

    padding: 0
}

.details_box .pro_info {
    display: flex;
    margin-bottom: 60px;
}

.details_box .pro_info .pro_img {
    width: 7rem;    flex-shrink: 0;
}

.details_box .pro_info .pro_img img {
    width: 100%;
}

.details_box .pro_info .pro_text {
    flex: 1;
    padding: 0 67px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}

.details_box .pro_info .pro_text h2 {
    font-size: 24px;
    line-height: 36px;
    color: #333333;
    width: 100%;
    margin: 0;
    font-weight: 600;
    padding-bottom: 20px;
    border-bottom: 1px solid #e6e8e7;
}

.details_box .pro_info .pro_text ul {
    width: 100%;
    border-bottom: 1px solid #e6e8e7;
    padding-bottom: 20px;
}

.details_box .pro_info .pro_text ul li {
    font-size: 16px;
    line-height: 36px;
    color: #333333;
}
.daohang{    background: url(../images/1.jpg) rgb(255, 255, 255) left no-repeat;    margin: 20px 0px;    line-height: 38px;    font-size: 20px;
    text-indent: 2em; color:#fff;border-bottom: 2px solid #ee691a;}


.correlation .correlation_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #ececec;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.correlation .correlation_title h2 {
    font-size: 20px;
    color: #333333;
    margin: 0;
}

.correlation .correlation_title h2 span {
    font-size: 20px;
    color: #ee6a1b;
    color: #ee6a1b;
    margin-right: 15px;
}

.correlation .correlation_title a {
    font-size: 16px;
    color: #333333;
}

.correlation .correlation_box {
    position: relative;
}
.correlation .correlation_box .swiper-button-next::after,.correlation .correlation_box .swiper-button-prev::after{ color:#ee6a1b; outline: none; }
.correlation .correlation_box .correlation_swiper {
    width: 90%;
    margin: 0 auto;
}


.pro_dd{ padding: 1.3rem 0; background: url("../images/pro_ddbg.jpg") center no-repeat; background-size: cover;}
.pro_dd .mxw-box .left{ flex-grow: 1;min-width: 0}
.pro_dd .mxw-box .right{ flex-shrink: 0}
.pro_dd .mxw-box .left .st{ font-size: 0.767rem; color: #fff; margin-bottom: 0.417rem}
.pro_dd .mxw-box .left .sd{ font-size: 0.367rem; color: #fff}
.pro_dd .mxw-box .right a{	width: 3.5rem; display: flex; align-items: center; justify-content: center; color: #fff; background:#ef6c00;
    height: 0.767rem;    margin-bottom: 15px;}
.pro_dd .mxw-box .right a:last-child{ margin-bottom:0}
.pro_dd .mxw-box{ display: flex; align-items: center; justify-content: space-between;}

.ab-content{ color: #333; line-height: 1.8}
.news_item {
    margin-bottom: 20px;
}

.news_item a {
    display: flex;
    background-color: #fff;
    padding: 26px;
    transition: all 0.3s;
}

.news_item a:hover {
    box-shadow: -4px 9px 17px 1px rgba(6, 0, 1, 0.1);
}

.news_item a:hover .news_l img {
    transform: scale(1.1);
}

.news_item a:hover .news_r .new_title .title {

    color: #ee6a1b;
}

.news_item a:hover .news_r .new_btn {

    background-color: #ee6a1b;
    color: #fff;

    border-color: #ee6a1b;
}

.news_item a .news_l {
    width: 28%;
    overflow: hidden;
}

.news_item a .news_l img {
    width: 100%;
    transition: all 0.3s;
}

.news_item a .news_r {
    width: 65%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-left: 48px;
}

.news_item a .news_r .new_title .title {
    font-size: 20px;
    line-height: 42px;
    color: #333333;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.3s;
    white-space: nowrap;
}

.news_item a .news_r .new_date {
    line-height: 42px;
    font-size: 16px;
    color: #666666;
}

.news_item a .news_r .new_content {
    font-size: 15px;
    line-height: 26px;
    color: #666666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.news_item a .news_r .new_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: #9d9d9d;
    width: 122px;
    height: 29px;
    transition: all 0.3s;
    border: solid 1px #e4e4e4;
}




.nabouts {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 40px;

}

.nabouts_a {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    padding-bottom: 60px;
    margin-top: 20px;
}

.nabouts_id {
    width: 100%;
    height: auto;
    line-height: 26px;
}

.nabouts_id p {
    text-indent: 2em;
}

.nabouts_id p img {
    width: 96%;
    padding: 1%;
    border: 1px solid #ccc;
}

/*新闻内页*/
.nnews_head {
    width: 100%;
    height: auto;
    margin: 0 auto;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    color: #333333;
}

.nnews_aa {
    width: 74%;
    height: auto;
    line-height: 32px;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 34px;
}

.nnews_a font {
    padding-left: 20px;
}

.bdsharebuttonbox {
    float: right;
}

.nnews_kd {
    width: 100%;
    height: auto;
    border-bottom: 1px dashed #d2d2d2;
    margin-bottom: 15px;
}

.djg {
    width: 100%;
    height: auto;
    margin: 0 auto;
    color: #666666;
    line-height: 24px;

    margin: 15px 0;
    text-align: left;
}

.nnews_l {
    width: 100%;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 50px;
}

.c_pc {
    display: block;
}

.c_mobile {
    display: none;

}

.nnews_l li {
    padding-bottom: 10px;
}

.nnews_l li a:hover {
    color: #205eab;
}

.nnews_img {
    width: 100%;
    text-align: center;
}

.nnews_img img {
    max-width: 100%;
}

.news_b .lg_x_t {
    margin-bottom: 0;
}

.news_b {
    width: 100%;
    overflow: hidden;
    border: 1px solid #CCCCCC;

    margin-top: 20px;
}

.news_b ul li {
    display: inline-block;
    width: 49%;
    margin-bottom: 5px;
}

.news_b ul li a {
    color: #666666;
    white-space: nowrap;text-overflow: ellipsis; overflow: hidden; display: block; padding-right: 25px;
}

.news_b ul {
    margin-top: 20px;
    padding: 10px 15px;
}

.news_b ul li a:hover {
    color: #ef6c00;
}

footer{ padding-top: 0.667rem; background: #23262f; color: #9fa0a2}
footer .up{ display: flex; align-items: stretch; justify-content: space-between;}
footer .up .d-menu1{ flex-shrink: 0; margin-right: 1.833rem; width: 4.333rem}
footer .up .d-menu1 .st{ font-size: 0.283rem; color: #fff; font-weight: bold; margin-bottom: 0.417rem; }
footer .up .d-menu1 .con a{ display: block; color: #9fa0a2; font-size: 0.233rem; line-height: 2}

footer .up .d-box2{ flex-grow: 1; min-width: 0; display: flex; align-content: space-between; flex-wrap: wrap;}
footer .up .d-box2 .top{ display: flex; align-items: stretch; justify-content: space-between; width: 100%;}
footer .up .d-box2 .down{ width: 100%;}
.d-menu2 .st{ font-size: 0.283rem; color: #fff; font-weight: bold; margin-bottom: 0.417rem; }
.d-menu2 .con a{ display: block; color: #9fa0a2; font-size: 0.233rem; line-height: 2}

.d-contact .st{ font-size: 0.283rem; color: #fff; font-weight: bold; margin-bottom: 0.417rem; }

.d-contact  .con {color: #9fa0a2; font-size: 0.233rem; line-height: 2; width: 6.25rem;}
footer .ewm-box{ width: 7.75rem}
footer .ewm-box .st{font-size: 0.283rem; color: #fff; font-weight: bold; margin-bottom: 0.417rem; }
footer .ewm-box p{ font-size: 13px; color:  #919191; margin-top: 0.2rem; text-align: center}

.copy{ border-top: 1px solid #5d5e61; text-align: center; padding: 0.333rem 0; margin-top: 0.583rem; font-size: 14px;}
.copy a{color:  #919191;}

.mxw-link{color:  #98979b; display: flex; align-items: center; justify-content: space-between; margin-top: 20px; font-size: 14px }
.mxw-link .list a,.mxw-link .title{ color:  #98979b; font-size: 14px }



.contact_box {
    background-color: #fff;
    padding: 40px;
}

.xinxi_list {
    display: flex;
    margin-bottom: 40px;
}

.xinxi_list .xinxi_item {
    flex: 1;
    display: flex;
    margin-bottom: 20px;
}

.xinxi_item_l {
    flex: 1;
    line-height: 30px;
}

.xinxi_item_l a {
    text-decoration: underline;
    color: #ef6c00;
}

.xinxi_item_r {
    width: 40%;
}

.xinxi_item_r img {
    width: 100%;
}

.xinxi_list .xinxi_item .xinxi_title {
    font-size: 22px;
    line-height: 41px;
    color: #333333;
    font-weight: 600;
    margin-bottom: 15px;
}

.xinxi_list .xinxi_item ul li {
    font-size: 16px;
    line-height: 34px;
    color: #333333;
    display: flex;
}

.xinxi_list .xinxi_item ul li span {
    color: #ef6c00;
    line-height: 34px;
    margin-right: 20px;
}

.map {
    width: 100%;
    height: 400px;
    background-color: #ddd;
    margin-bottom: 40px;
}

.c_messages .min_title {
    text-align: center;
    font-size: 14px;
    color: #666666;
    padding-bottom: 24px;
    border-bottom: 1px solid #bcbcbc;
    margin-bottom: 45px;
}

.c_messages .min_title span {
    color: #d22121;
}

.c_messages .big_title {
    text-align: center;
    font-size: 29px;
    line-height: 33px;
    letter-spacing: -1px;
    color: #ef6c00;
    margin-bottom: 22px;
}

.message_box {
    background-color: #f1f3f5;
    padding: 40px 30px;
}

.message_box label {
    font-size: 17px;
    color: #333333;
    font-weight: normal;
}

.message_box .form-control {
    border: none;
}

.message_box .form-group {
    margin-bottom: 20px;
}

.message_box input.form-control {
    height: 40px;
}

.message_box .auth_code .form-control {
    width: 50%;
    display: inline-block;
}

.message_box .c_submit {
    display: flex;
    justify-content: center;
    align-items: center;
}

.message_box .c_submit input[type="submit"] {
    width: 150px;
    height: 39px;
    background-color: #ef6c00;
    color: #fff;
    outline: none;
    border: none;
}

.tel_btn {
    display: inline-block;
}

.tel_btn a {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    font-size: 24px;
    color: #ffffff;
    background-color: #ef6c00;
}

.tel_btn a span {
    margin-right: 5px; display:none;
}
.col-sm-3{ width: 20%}


.xinxi_list{justify-content: space-between;flex-wrap: wrap;}
.xinxi_list .xinxi_item{width:48%;    flex: initial;}
.xinxi_item_l .text{font-size: 16px;}
.xinxi_item_l .text img{margin-right:5px}



/* ==================== 页面具体样式 end ==================== */



/* ==================== 通用 - 无缝滚动 end ==================== */
.mxw-scroll {
    overflow: hidden;
}
.mxw-scroll .scroll-wrap {
    display: flex;
    align-items: stretch;
    transform: translateX(0);
}
.mxw-scroll .scroll-item {
    flex-shrink: 0;
}

@media screen and (max-width: 500px) {
    .mxw-scroll .scroll-item {
        width: 48%;
        margin-right: 4%;
    }


}
/* ==================== 通用 - 无缝滚动 end ==================== */






.ny-about-cases{padding-bottom:0;width:100%}

.ny-about-cases .swiper-wrapper {

}
.ny-about-cases .swiper-slide {
  display: block;
}
.ny-about-cases .image img {
  width: auto;
}
.ny-about-cases .text {
  font-size: 0.3333rem;
  color: #fff;
  line-height: 1.2;
  text-align: center;
  padding: 0.2167rem 0.1667rem;
}
.ny-about-cases > .mxw-box {
  border-top: 0.0167rem solid #e4e4e4;
  padding-top: 1.2833rem;
}

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

.main-content .sidebar {
    width: 22%;
}
.main-content .content {
    width: 75%;
}

}




@media screen and (max-width: 1200px) {
  .ny-about-cases > .mxw-box {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .ny-about-cases .text {
    font-size: 14px;
    padding: 8px 10px;
  }
}



.lg_x_t{
    background: #eb6100;
    color: #fff;
    text-indent: 1em;
    font-size: 18px;
    padding: 15px 0;
}
.xdd{  margin-top:0px;  padding-bottom: 60px;}
.tj-pro{    padding: 0 0 1rem 0;    background: none;}
.pro-page .main-content{padding-bottom: 0;}
.tj-pro .text{color: #333;}
.tj-pro .desc{
    font-size: 0.267rem;
    line-height: 1.7;
    color: #666;
    padding: 0 0.4rem 0.4rem;}
.tj-pro .swiper-slide{    box-shadow: 0px 8px 9px 1px rgb(0 0 9 / 3%);
    border-radius: 14px;
    background: #fff;}

.ab-tj{background: none;}
.ab-tj .text{ color:#333}


.icon-font:after {
    content: "";
    width: 30px;
    height: 30px;
    background-image: url(../images/icon_spirit.png);
    background-repeat: no-repeat;
    position: absolute;
    left: calc(50% - 15px);

}
/*左侧工具条*/
#toolbar {
    position: fixed;
    z-index: 9999;
    right: 17px;
    bottom: 10%;
}

#toolbar .online-one li {
    margin-bottom: 3px;
    font-size: 0;
    width: 70px;
    height: 70px;
    right: 0;
    position: relative;
}

#toolbar .online-one li:hover a {
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.24);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.24);
}

#toolbar .online-one li a {
    display: block;
    position: absolute;
    z-index: 9;
    right: 0;
    top: 0;
    width: 70px;
    height: 70px;
    background: #16336F;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    font-size: 0;
    border-radius: 4px;
    padding: 10px 0;

}

#toolbar .online-one li .icon-font {
    display: block;
    height: 28px;
    width: 100%;
}

#toolbar .online-one li .icon-font:after {
    background-image: url(../images/kf.png);
}

#toolbar .online-one li .icon-qq:after {
    background-position: -30px -240px;
}

#toolbar .online-one li .icon-phone:after {
    background-position: -30px -208px;
}

#toolbar .online-one li .icon-message:after {
    background-position: -30px -170px;
}

#toolbar .online-one li .icon-ewm:after {
    background-position: -30px -138px;
}

#toolbar .online-one li .icon-top:after {
    background-image: url(../images/icon_spirit.png);
    background-position: -30px -60px;
}

#toolbar .online-one li .icon-wangwang:after {
    background-image: url(../images/icon_spirit.png);
    background-position: -30px 0;
}

#toolbar .online-one li .wz {
    font-size: 12px;
    color: #fff;
    text-align: center;
    display: block;
    margin-top: 5px;
    height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

#toolbar .online-one li.phone {
    background: #16336F;
    border-radius: 4px;
    padding: 10px 0;
}

#toolbar .online-one li.ewm {
    background: #16336F;
    border-radius: 4px;
    padding: 10px 0;
}

#toolbar .online-one li.phone .tel-phone {
    position: absolute;
    z-index: 1;
    padding: 5px;
    width: 110px;
    right: calc(100% + 5px);
    top: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all .7s;
    transition: all .7s;
    -webkit-box-shadow: 0 4px 20px 4px rgb(0 20 60 / 20%);
    box-shadow: 0 4px 20px 4px rgb(0 20 60 / 20%);
    color: #fff;
    font-size: 14px;
}

#toolbar .online-one li.ewm .ewm-box {
    position: absolute;
    z-index: 1;
    padding: 5px;
    background: #fff;
    width: 110px;
    right: calc(100% + 5px);
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all .7s;
    transition: all .7s;
    -webkit-box-shadow: 0 4px 20px 4px rgba(0, 20, 60, 0.2);
    box-shadow: 0 4px 20px 4px rgba(0, 20, 60, 0.2);
}

#toolbar .online-one li.ewm .ewm-box img {
    max-width: 100%;
}

#toolbar .online-one li.ewm .ewm-box:after {
    content: '';
    position: absolute;
    right: -5px;
    bottom: 20px;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 5px;
    cursor: pointer;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #fff;
    border-right: none;
}

#toolbar .online-one li.ewm:hover .ewm-box {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

#toolbar .online-one li.phone:hover .tel-phone {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

#toolbar .online-two li {
    margin-bottom: 3px;
    font-size: 0;
    width: 57px;
    height: 57px;
    right: 0;
    position: relative;
}

#toolbar .online-two li a {
    display: block;
    position: absolute;
    z-index: 9;
    right: 0;
    top: 0;
    width: 57px;
    height: 57px;
    overflow: hidden;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    white-space: nowrap;
    font-size: 0;
    background: #d9d9d9;
}

#toolbar .online-two li .icon-font {
    display: inline-block;
    vertical-align: middle;
    width: 57px;
    height: 57px;
}

#toolbar .online-two li .icon-qq:after {
    background-position: 0 -150px;
}

#toolbar .online-two li .icon-phone:after {
    background-position: 0 -90px;
}

#toolbar .online-two li .icon-ewm:after {
    background-position: 0 -30px;
}

#toolbar .online-two li .icon-message:after {
    background-position: 0 -120px;
}

#toolbar .online-two li .icon-top:after {
    background-position: 0 -60px;
}

#toolbar .online-two li .icon-wangwang:after {
    background-position: 0 0;
}

#toolbar .online-two li .wz {
    display: inline-block;
    line-height: 57px;
    font-size: 14px;
    color: #fff;
    vertical-align: middle;
    padding-left: 10px;
}

#toolbar .online-two li.ewm .ewm-box {
    position: absolute;
    z-index: 1;
    padding: 5px;
    background: #005AAA;
    width: 110px;
    right: 120%;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all .7s;
    transition: all .7s;
    -webkit-box-shadow: 0 4px 20px 4px rgba(0, 20, 60, 0.2);
    box-shadow: 0 4px 20px 4px rgba(0, 20, 60, 0.2);
}

#toolbar .online-two li.ewm .ewm-box p {
    margin-bottom: 0;
}

#toolbar .online-two li.ewm .ewm-box img {
    max-width: 100%;
}

#toolbar .online-two li.ewm .ewm-box:after {
    content: '';
    position: absolute;
    right: -5px;
    bottom: 20px;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 5px;
    cursor: pointer;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #005AAA;
    border-right: none;
}

#toolbar .online-two li.ewm:hover .icon {
    background-position: -57px -180px;
}

#toolbar .online-two li.ewm:hover .ewm-box {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

#toolbar .online-two li.backtop {
    cursor: pointer;
}

#toolbar .online-two li.backtop .iconfont {
    color: #fff;
    background-color: #005AAA;
}

#toolbar .online-two li:hover a {
    width: 200px;
}

#toolbar .online-two li:hover .icon-qq:after {
    background-position: -30px -150px;
}

#toolbar .online-two li:hover .icon-phone:after {
    background-position: -30px -90px;
}

#toolbar .online-two li:hover .icon-ewm:after {
    background-position: -30px -30px;
}

#toolbar .online-two li:hover .icon-message:after {
    background-position: -30px -120px;
}

#toolbar .online-two li:hover .icon-wangwang:after {
    background-position: -30px 0;
}

#toolbar .online-two li:hover .icon-top:after {
    background-position: -30px -60px;
}

#toolbar .online-three {
    width: 115px;
}

#toolbar .online-three .title {
    background: #3aa3e6;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    position: relative;
}

#toolbar .online-three .title span {
    position: absolute;
    right: 0;
    top: 0;
    width: 25px;
    height: 25px;
    background-image: url(../images/kf.png);
    background-repeat: no-repeat;
    background-position: -31px -28px;
    opacity: 1;
    text-shadow: none;
}

#toolbar .online-three .qq-list {
    background: #fff;
    padding: 10px 0;
    border-bottom: 1px solid #eeeeee;
}

#toolbar .online-three .qq-list li {
    text-align: center;
    line-height: 32px;
}

#toolbar .online-three .qq-list li .icon-font:after {
    content: "";
    width: 30px;
    height: 30px;
    background-image: url(../images/kf.png);
    background-repeat: no-repeat;
    position: absolute;
    left: calc(50% - 15px);
    top: calc(50% - 15px);
}

#toolbar .online-three .qq-list li .wz {
    color: #333;
    font-size: 12px;
    margin-left: 10px;
    display: inline-block;
}

#toolbar .online-three .qq-list .icon-qq:after {
    background-position: 0 -114px;
}

#toolbar .online-three .qq-list .icon-message:after {
    background-position: -30px -87px;
}

#toolbar .online-three .qq-list .icon-wangwang:after {
    background-position: -30px -116px;
}

#toolbar .online-three .ewm {
    background: #fff;
    padding: 10px 0;
    border-bottom: 1px solid #eeeeee;
    text-align: center;
}

#toolbar .online-three .ewm span {
    display: inline-block;
    font-size: 12px;
    color: #333;
    margin-bottom: 12px;
}

#toolbar .online-three .ewm img {
    width: 100%;
    max-width: 84px;
}

#toolbar .online-three .service-phone {
    background: #fff;
    padding: 10px 0;
    text-align: center;
}

#toolbar .online-three .service-phone span {
    font-size: 12px;
    color: #333;
}

#toolbar .online-three .service-phone span.hotline {
    color: #777777;
    font-size: 12px;
    line-height: 32px;
}

#toolbar .online-four li {
    margin-bottom: 3px;
    font-size: 0;
    width: 50px;
    height: 50px;
    right: 0;
    position: relative;
}

#toolbar .online-four li a {
    display: block;
    position: absolute;
    z-index: 9;
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
    background: #fff;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    white-space: nowrap;
    font-size: 0;
    border-radius: 50%;
    overflow: hidden;
}

#toolbar .online-four li .icon-font {
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    height: 50px;
}

#toolbar .online-four li .icon-font:after {
    background-image: url(../images/kf.png);
}

#toolbar .online-four li .icon-qq:after {
    background-position: 0 -87px;
}

#toolbar .online-four li .icon-phone:after {
    background-position: 0 -57px;
}

#toolbar .online-four li .icon-ewm:after {
    background-position: 0 -21px;
}

#toolbar .online-four li .icon-message:after {
    background-position: -30px -55px;
}

#toolbar .online-four li .icon-top:after {
    background-position: 0 -0px;
}

#toolbar .online-four li .icon-wangwang:after {
    background-position: 0 0;
}

#toolbar .online-four li .wz {
    display: inline-block;
    line-height: 50px;
    font-size: 14px;
    color: #fff;
    vertical-align: middle;
    padding-left: 10px;
}

#toolbar .online-four li.ewm {
    border-radius: 50%;
    background: #fff;
}

#toolbar .online-four li.ewm .ewm-box {
    position: absolute;
    z-index: 1;
    padding: 5px;
    background: #fff;
    width: 110px;
    right: calc(100% + 5px);
    bottom: 0;
    opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all .7s;
    transition: all .7s;
    -webkit-box-shadow: 0 4px 20px 4px rgba(0, 20, 60, 0.2);
    box-shadow: 0 4px 20px 4px rgba(0, 20, 60, 0.2);
}

#toolbar .online-four li.phone {
    border-radius: 50%;
}

#toolbar .online-four li.phone .tel-phone {
    position: absolute;
    z-index: 1;
    padding: 5px;
    background: rgb(59, 57, 57);
    width: 110px;
    right: calc(100% + 5px);
    top: 0;
    opacity: 0;
    font-size: 14px;
    color: #fff;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all .7s;
    transition: all .7s;
    -webkit-box-shadow: 0 4px 20px 4px rgba(0, 20, 60, 0.2);
    box-shadow: 0 4px 20px 4px rgba(0, 20, 60, 0.2);
}

#toolbar .online-four li.phone:hover .tel-phone {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

#toolbar .online-four li.ewm .ewm-box img {
    max-width: 100%;
}

#toolbar .online-four li.ewm .ewm-box:after {
    content: '';
    position: absolute;
    right: -5px;
    bottom: 20px;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 5px;
    cursor: pointer;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #fff;
    border-right: none;
}

#toolbar .online-four li.ewm:hover .ewm-box {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

#toolbar .online-four li.backtop .icon-font {
    height: 20px;
}

#toolbar .online-four li.backtop .icon-font:after {
    height: 20px;
    left: calc(50% - 17px);
    top: calc(50% - 2px);
}

#toolbar .online-four li.backtop .wz {
    display: block;
    line-height: 24px;
    font-size: 12px;
    text-align: center;
    color: #bfbfbf;
    padding-left: 0;
}
#toolbar .online-one li .icon-tg::after{
  background: url("../images/vb.png") no-repeat;    background-size: cover;
content:"";
}

@media (max-width: 990px) {
    #toolbar {
        display: none;
    }
}



.sev{    padding-top: 1rem;}
.sev .ny-about-cases{    padding-bottom: 10px;}


.pro_img .small-image {
    width: 100%;
    max-width: 10rem;
    margin-top: 0.5rem;
    position: relative;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.pro_img .small-image .swiper-slide {
    max-width: 2rem;
}
.pro_img .small-image .mxw-image {
    cursor: pointer;
    border: 3px solid #eee;
    border-radius: 0.0833rem;

    display: flex;
    align-items: center;
    justify-content: center;
}
.pro_img .small-image .swiper-slide-thumb-active .mxw-image {
    border-color: #172a88;
}
.pro_img .small-image .swiper-button-disabled {
    opacity: 1;
}
.pro_img .small-image .swiper-button-next:after,
.pro_img .small-image .swiper-button-prev:after {
    font-size: 0.4667rem;
    color: #ccc;
}
.pro_img .small-image .swiper-button-next {
    right: 0rem;
}
.pro_img .small-image .swiper-button-prev {
    left: 0rem;
}










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

    .pro_img .small-image {
        padding: 0;
        margin-bottom: 20px;
        max-width: 100%;
    }
    .pro_img .small-image .swiper-slide {
        max-width: 120px;
    }
    .pro_img .swiper-button-next,
    .pro_img .swiper-button-prev {
        display: none;
    }












.xdd{ padding-bottom: 40px;}

    .mxw-about{padding: 40px 0 30px}
    .mxw-box{ padding: 0; width: 95%; min-width: initial}
 

    .pro_tiem a .text {
        line-height: 40px;
    }
    .ft_index {
        margin-top: 60px;
    }

    .c_pc {
        display: none;
    }

    .c_mobile {
        display: block;

    }

    .m-pro_box {
        display: block;
    }

    .m-pro_box .option ul {
        display: flex;
        flex-wrap: wrap;
    }

    .m-pro_box .option ul li {
        width: 32.33%;
        margin-bottom: 10px;
        margin-right: calc((100% - 32.33% * 3) / 2);
        text-align: center;
    }

    .m-pro_box .option ul li:nth-child(3n) {
        margin-right: 0;
    }

    .m-pro_box .option ul li.active a {
        background-color: #005db3;
        color: #fff;
    }

    .m-pro_box .option ul li a {
        background-color: #eaf0f4;
        font-size: 14px;
        display: inline-block;
        padding: 10px;
        width: 100%;
    }

    .nabouts {
        padding: 0.3rem;
    }

    .nabouts_a {
        padding-bottom: 0.3rem;
    }

    .banner .banner_next,
    .banner .banner_prev {
        width: 0.6rem;
        height: 0.6rem;
    }

    .banner .banner_next::after,
    .banner .banner_prev::after {
        font-size: 0.28rem;
    }

    .ipro_box {
        padding: 0.3rem 0;
    }

    .ipro_box .w .pro_box_l {
        display: none;
    }

    .ipro_box .w .pro_box_r {
        width: 100%;
        display: none;
    }

    .ipro_box .w .pro_box_r .title {
        line-height: 40px;
        padding-right: 0.1rem;
    }

    .ipro_box .w .pro_box_r .title .title_l {
        font-size: 16px;
        padding: 0 0.4rem;
    }

    .ipro_box .w .pro_box_r .title .title_r {
        font-size: 13px;
    }

    .xinxi_list .xinxi_item {
        flex-direction: column-reverse;

    }

    .xinxi_item_r {
        width: 100%;
    }

    .main .main-content {
        margin-top: 0;
    }

    .main-content .sidebar {
        position: fixed;
        top: 60px;
        height: calc(100% - 60px);
        left: -99%;
        width: 100%;
        box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.16);
        background-color: #fff;
        transition: all 0.3s;
        z-index: 888;
    }

    .main-content .sidebar.open {
        left: 0;
        background-color: rgba(0, 0, 0, 0.8);
    }

    .main-content .sidebar .sidebar__inner {
        height: 100%;
    }

    .main-content .sidebar .sidebar__inner::after {
        content: '>>';
        width: 30px;
        height: 30px;
        color: #fff;
        line-height: 30px;
        text-align: center;

        background-color: #f0ad4e;
        position: absolute;
        left: 100%;
        top: 50%;
        transform: translateY(-50%);
    }

    .main-content .sidebar .sidebar__inner .pro_box_l {
        width: 50%;
        height: 100%;
    }

    .main-content .sidebar .sidebar__inner .pro_box_l .option {
        height: 100%;
    }

    .main-content .sidebar .sidebar__inner .pro_box_l .option .option_list {
        height: calc(100% - 96px);
    }

    .main-content .sidebar .sidebar__inner .pro_box_l .option .option_list ul {
        overflow: auto;
        max-height: 100%;
        padding: 10px 0;
        background-color: #fff;
    }

    .main-content .sidebar .sidebar__inner .pro_box_l .option .option_list ul li {
        background-color: transparent;
        padding: 0 0.2rem;
    }

    .main-content .sidebar .sidebar__inner .pro_box_l .option .option_list ul li:nth-child(1) {
        border-top: 1px solid #e4e4e4;
    }

    .main-content .sidebar .sidebar__inner .pro_box_l .option .option_list ul li a {
        font-size: 14px;
        line-height: 40px;
    }

    .main-content .sidebar .sidebar__inner .pro_box_l .details_tel {
        display: none;
    }

    .main-content .content {
        width: 100%;
    }

    .message_box {
        padding: 0.3rem;
    }

    .message_box .auth_code .col-sm-10 {
        display: flex;
        align-items: center;
    }

    .message_box .auth_code .col-sm-10 img {

        height: auto;
        margin-left: 5%;
    }

    .tel_btn a {
        font-size: 14px;
    }

    .details_box {
        padding: 0.2rem;
    }

    .details_box .pro_info {
        display: block;
        margin-bottom: 0.3rem;
    }

    .details_box .pro_info .pro_img {
        width: 100%;
    }

    .details_box .pro_info .pro_text {
        padding: 0.2rem;
        align-items: center;
    }

    .details_box .pro_info .pro_text h2 {
        font-size: 20px;
        padding-bottom: 0.2rem;
        margin-bottom: 0.2rem;
    }

    .details_box .pro_info .pro_text ul {
        padding-bottom: 0.2rem;
        margin-bottom: 0.4rem;
    }

    .details_box .pro_info .pro_text ul li {
        font-size: 14px;
        line-height: 30px;
    }

    .details_box .pro_details {
        margin-bottom: 0.6rem;
    }

    .details_box .nav-tabs>li {
        border-bottom: 1px solid #ddd;
    }

    .details_box .nav-tabs>li>a {
        position: relative;
        margin-right: 0;
    }

    .details_box .menu_box .nav-tabs {
        display: flex;
        white-space: nowrap;
        overflow-x: scroll;
        border: none;
    }

    .details_box .menu_box .nav-tabs li {
        margin-bottom: 0;
    }

    .correlation .correlation_title {
        padding: 0 0.2rem 0.2rem 0.2rem;
    }

    .correlation .correlation_title h2 {
        font-size: 18px;
    }

    .correlation .correlation_title h2 span {
        font-size: 18px;
        margin-right: 0.2rem;
    }

    .correlation .correlation_title a {
        font-size: 14px;
    }

    .menu_box .nav-tabs>li.active {
        border-bottom-color: #fff;
    }

    .menu_box .nav-tabs>li.active>a::before,
    .menu_box .nav-tabs>li.active>a:focus::before,
    .menu_box .nav-tabs>li.active>a:hover::before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #fff;
    }

    .c_about_box {
        padding: 0.2rem;
        font-size: 15px;
        line-height: 30px;
    }

    .c_about_box img {
        margin-bottom: 0.3rem;
    }

    .contact_box {
        padding: 0.2rem;
    }

    .xinxi_list {
        display: block;
    }



    .news_item a {
        padding: 0.2rem;
        display: block;
    }

    .news_item a .news_l {
        width: 100%;
    }

    .news_item a .news_r {
        width: 100%;
        padding: 0.2rem;
    }

    .news_item a .news_r .new_title {
        margin-bottom: 0.2rem;
    }

    .news_item a .news_r .new_title .title {
        font-size: 18px;
    }

    .news_item a .news_r .new_title .new_date {
        font-size: 12px;
        line-height: 1;
    }

    .news_item a .news_r .new_content {
        font-size: 14px;
        margin-bottom: 0.2rem;
    }

    .news_item a .news_r .new_btn {
        margin: 0 auto;
    }

    .c_content .pro_box .pro_list .pro_tiem {
        width: 49%;
        margin-right: 2%;
    }
    .c_content .pro_box .pro_list .pro_tiem:nth-child(2n){
        margin-right: 0;
    }

    .pro_tiem a .text {
        line-height: 40px;
    }

    .m-pro_box .pro_pick ul li {
        display: none;
    }

    .m-pro_box .pro_pick ul li:nth-child(-n+4) {
        display: block;
    }

    .pro_pick ul li {
        width: 50%;
        padding: 0 5px;
    }

    .pro_pick ul li a {
        flex-direction: column-reverse;
        padding: 0;
    }

    .pro_pick ul li a .text {
        padding: 0.2rem 0;
    }

    .pro_pick ul li a .text p {
        font-size: 16px;
        line-height: 26px;
    }

    .pro_pick ul li a .text span {
        margin-top: 0.2rem;
    }

    .pro_pick ul li a .imgbox {
        width: 100%;
    }

    .pro_pick ul li a p {
        font-size: 14px;
        line-height: 35px;
    }

    .c_ggao .w .slogan {
        display: block;
    }

    .c_ggao .w .slogan .slogan_l {
        text-align: center;
        margin-bottom: 0.3rem;
    }

    .c_ggao .w .slogan .slogan_l h2 {
        font-size: 20px;
    }

    .c_ggao .w .slogan .slogan_l p {
        font-size: 12px;
    }

    .c_ggao .w .slogan .slogan_r {
        padding-left: 0;
    }

    .c_ggao .w .slogan .slogan_r .imglist {
        flex-wrap: wrap;
    }

    .c_ggao .w .slogan .slogan_r .imglist .imgitem {
        width: 50%;
        margin-bottom: 0.2rem;
    }

    .c_ggao .w .slogan .slogan_r .imglist .imgitem img {
        max-width: 100%;
    }

    .partner {
        margin-bottom: 0.4rem;
    }

    .partner .w {
        display: block;
        height: auto;
    }

    .partner .w .title {
        width: 100%;
        text-align: center;
        background: none;

        writing-mode: inherit;
        height: auto;
        line-height: inherit;
        margin-bottom: 0.3rem;
    }

    .partner .w .partner_box {
        width: 100%;
        border: none;
        padding: 0;
    }

    .partner .w .partner_box .partner_swiper {
        width: 100%;
    }

    .partner .w .partner_box .partner_next,
    .partner .w .partner_box .partner_prev {
        display: none;
    }

    .advantage {
        padding: 0.3rem 0;
    }

    .advantage .advantage_title h2 {
        margin-top: 0;
        font-size: 26px;
    }

    .advantage .advantage_title p {
        font-size: 12px;
    }

    .advantage .advantage_pro .advantage_swiper .box ul li .advantage_box {
        display: none;
    }

    .reason {
        padding: 0.3rem 0;
    }

    .reason .w .reason_title {
        font-size: 12px;
    }

    .reason .w .reason_title h2 {
        font-size: 26px;
    }

    .reason .w .reason_title h2 i {
        font-size: 40px;
    }

    .reason .w .nr {
        max-width: 100%;
    }

    .reason .w .nr ul {
        /* display: block; */
    }

    .reason .w .nr ul li {
        display: block;
        width: 100%;
        margin-bottom: 0.3rem;
    }

    .reason .w .nr ul li .reason_img {
        width: 100%;
        border-radius: 0 !important;
        margin: 0 !important;
    }

    .reason .w .nr ul li .reason_text {
        width: 100%;
        padding: 0.3rem;
    }

    .reason .w .nr ul li .reason_text .title {
        margin-bottom: 0.2rem;
        padding-bottom: 0.2rem;
    }

    .reason .w .nr ul li .reason_text .title h3 {
        font-size: 20px;
    }

    .reason .w .nr ul li .reason_text .title p {
        font-size: 20px;
    }

    .reason .w .nr ul li .reason_text .reason_content p {
        font-size: 14px;
    }

    .index_case {
        padding: 0.3rem 0;
    }

    .index_case .w .case_list {
        /* display: block; */
    }

    .index_case .w .case_list .case_item {
        width: 100%;
        margin-bottom: 0.3rem;
    }

    .index_case .w .case_list .case_item a {
        display: block;
    }

    .index_case .w .case_list .case_item:nth-child(2n) {
        display: block;
    }

    .index_jj {
        padding: 0.3rem 0;
    }

    .index_jj .index_jj_title {
        margin-bottom: 0.4rem;
    }

    .index_jj .index_jj_title h2 {
        font-size: 22px;
    }

    .index_jj .index_jj_title p {
        font-size: 12px;
    }

    .index_jj .jj_box {
        padding: 0.2rem;
    }

    .index_jj .jj_box .jj_box_t .imgbox {
        margin-bottom: 0.3rem;
    }

    .index_jj .jj_box .jj_box_t .text .title {
        font-size: 20px;
        margin-bottom: 0.2rem;
    }

    .index_jj .jj_box .jj_box_t .text .content {
        font-size: 14px;
        line-height: 26px;
        margin-bottom: 0.4rem;
    }

    .index_jj .jj_box .jj_box_t .text .go_btn a {
        font-size: 14px;
        width: 160px;
        height: 40px;
        border-radius: 30px;
    }

    .number_box {
        padding: 0;
    }

    .number_box ul {
        flex-wrap: wrap;
        padding: 10px 0;
    }

    .number_box ul li {
        width: 33.333333%;
        border-right: none;
        margin-bottom: 0.2rem;
        font-size: .24rem;
    }

    .number_box ul li::after {
        content: none;
    }

    .number_box ul li .nun_item {
        margin-bottom: 0;
        align-items: center;
    }

    .number_box ul li .nun_item .counter {
        font-size: .4rem;
    }

    .number_box ul li .nun_item span {
        font-size: .32rem;
    }

    .number_box ul li .nun_item .unit {
        width: auto;
        height: auto;
        padding: 0 .04rem;
        margin-left: .1rem;
        font-size: .24rem;
    }

    .index_honor {
        background: #f5f5f5;
    }

    .index_honor .w .hot_tel {
        position: static;
    }

    .index_honor .w .hot_tel h5 {
        justify-content: center;
        font-size: 0.24rem;
    }

    .index_honor .w .hot_tel h5 span {
        font-size: 0.44rem;
    }

    .index_honor .w .honor_box {
        padding: 0;
    }

    .index_news {
        padding: 0.3rem 0;
    }

    .index_news .news_box .option ul {
        justify-content: center;
    }

    .index_news .news_box .option ul li {
        margin-right: .1rem;
    }

    .index_news .news_box .option ul li a {
        padding: .12rem .2rem;
        font-size: 14px;
    }

    .index_news .news_box .all_box {
        padding-top: 0.4rem;
    }

    .index_news .news_box .all_box .pick_box ul {
        display: block;
    }

    .index_news .news_box .all_box .pick_box ul li {
        width: 100%;
        margin-bottom: 0.3rem;
        padding: 0 0 0.3rem 0;
        border-bottom: 1px solid #ddd;
    }

    .index_news .news_box .all_box .pick_box ul li:last-child {
        margin-bottom: 0;
        padding: 0;
        border-bottom: none;
    }

    .index_news .news_box .all_box .pick_box ul li .new_item a {
        display: flex;
        align-items: center;
    }

    .index_news .news_box .all_box .pick_box ul li .new_item a .imgbox {
        margin-bottom: 0;
        width: 34%;
    }

    .index_news .news_box .all_box .pick_box ul li .new_item a .text {
        width: 66%;
        display: flex;
        flex-direction: column;
        padding: 0 .2rem;
    }

    .index_news .news_box .all_box .pick_box ul li .new_item a .text .title {
        font-size: 18px;
        line-height: 1;
        margin-bottom: 10px;
    }

    .index_news .news_box .all_box .pick_box ul li .new_item a .text .date {
        font-size: 12px;
        line-height: 20px;
        text-align: right;
        order: 2;
        display: none;
    }

    .index_news .news_box .all_box .pick_box ul li .new_item a .text .content {
        font-size: 14px;
    }

    .pc {
        display: none;
    }

    .mob {
        display: block;
    }


.mxw-about .mxw-box{flex-wrap: wrap;}
.mxw-about .mxw-box .left{    padding: 20px;}
.mxw-about .mxw-box .left .desc{font-size: 16px;margin-top: 20px}
.mxw-about .mxw-box .left .st{font-size: 24px;}
.mxw-about .mxw-box .left .a-more{    margin: 20px auto;     width: 140px;
    height: 45px;}
.mxw-about .mxw-box .right{ width:100%}
.mxw-about .ab-list{    margin-top: 25px;}
.mxw-about .ab-list .item{width:49%;margin-right: 2%;    margin-bottom: 15px;}
.mxw-about .ab-list .item:nth-child(5n){margin-right: 2%;}
.mxw-about .ab-list .item:nth-child(2n){margin-right: 0;}
.mxw-pro{    padding-top: 0;}
.mxw-pro .mxw-box .top {
    padding-left: 0;
    width: 100%;
}
.mxw-pro .mxw-box .top .st{    font-size: 22px;}
.mxw-pro .mxw-box .top .desc{    font-size: 16px;    margin-top: 20px;}
.se-box{width: 95%;    height: 40px;    margin: 20px auto;float:none;}
.pro-box .lef-menu{    display: none;}

.pro-box .right .pro-swiper .swiper-slide .item{    width: 49%;margin-right: 2%;    margin-bottom: 15px;}

.pro-box .right .pro-swiper .swiper-slide .item:nth-child(2n){margin-right: 0;}
.adv{    padding-top: 45px}
.adv .top{    padding: 0;}

.adv .top .st{    font-size: 20px;    margin-bottom: 25px;}
.adv .top .desc{    font-size: 14px;}
.adv .mxw-box.list{    margin-top: 25px;    padding-bottom: 15px;}
.adv .mxw-box.list .item .st{font-size: 16px;    padding: 5px;}
.adv .mxw-box.list .item .desc{padding:0 10px 10px 10px;    font-size: 14px;-webkit-line-clamp: initial;}

.tes{padding-top: 30px}
.tes .mxw-box{    padding: 0;}
.tes .mxw-box .top .st{font-size: 20px;  }
.tes .mxw-box .top .desc{
    font-size: 14px;    margin-top: 10px;
}
.tes .mxw-box .top .desc>div{    width: 100%;
    padding-right: 0;}
.tes .mxw-box .top .desc{flex-wrap: wrap;}
.tes .mxw-box .list{    margin-top: 40px;    flex-wrap: wrap;}
.tes .mxw-box .list .item{width:100%}

.tes .mxw-box .list .item .left{    max-width: 60px;  margin-right: 15px;}
.tes .mxw-box .list .item .right .st{font-size: 18px;}
.tes .mxw-box .list .item .st::after{     margin: 5px auto;}
.tes .mxw-box .list .item:nth-child(2){ margin: 20px auto;}
.tes .mxw-box .list .item .right .desc{    font-size: 14px;line-height: 1.5;}

.news{    padding: 40px 0;}
.news .mxw-box{    flex-wrap: wrap;}
.news .mxw-box .left{    width: 100%;}
.news .mxw-box .left .st{    font-size: 22px;}
.news .mxw-box .left .list{    margin-top: 15px;}
.news .mxw-box .left .list .item{    font-size: 14px;    margin-top: 10px;    padding-bottom: 8px;}
.news .mxw-box .right{    width: 100%;
    margin-left: 0;
    padding: 20px;
    margin-top: 25px;}
.news .mxw-box .right .st{  font-size: 22px;}

.news .mxw-box .right .inp input{font-size: 14px;  }
.news .mxw-box .right .inp{    padding: 5px 10px;}
.news .mxw-box .right .text{padding: 5px 10px;}
.news .mxw-box .right button{    width: 110px;
    height: 40px;    margin-top: 15px;}
.maps .mxw-box{flex-wrap: wrap;}
.maps .mxw-box .left{    width: 100%;
    margin-right: 0;}
.maps .mxw-box .left .st{font-size: 22px;}

.maps{ padding: 40px 0;}
.maps .mxw-box .left .desc{font-size: 14px;    margin-top: 20px;}
.maps .mxw-box .right{ width: 100%;}

footer .up .d-menu1,.d-menu2{    display: none;}
footer .up .d-box2 .top{    flex-wrap: wrap;}
.d-contact{width:100%}
.d-contact .st{    font-size: 18px;    margin-bottom: 15px;}
footer .ewm-box{width:100%; margin-top:25px}
footer .ewm-box .box-list{}
footer .ewm-box .box-list .item{     margin-left: 2%;   width: 32%;    margin-top: 0 !important;}
footer .ewm-box .box-list .item:first-child{margin-left: 0; }
.bot{margin-top:25px}
.bot .meiti img{width:22px}

.main .main-content{    padding-top: 0;}

.main-content .sidebar .pro_box_l .option_list{    background: #fff;}
.pro_dd{padding: 40px 0;}
.pro_dd .mxw-box{flex-wrap: wrap;}
.pro_dd .mxw-box .left .st{font-size: 20px;    margin-bottom: 20px; }
.pro_dd .mxw-box .left .sd{font-size: 18px; }
.pro_dd .mxw-box .right a{    width: 220px;
    height: 45px;
    font-size: 16px;    margin: 0 auto;
}
.pro_dd .mxw-box .right{width:100%;margin-top: 20px; }
.pro_breadcrumb{    margin-bottom: 25px;}
.tj-pro .desc{
    padding:0 10px 10px;    font-size: 14px;    word-break: break-all;
}

}







.privacy-notice {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 800px;
  padding: 20px 20px 60px 20px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 8px 0 0 0;
  box-shadow: 0 -4px 8px rgba(0,0,0,0.1);
  z-index: 1000;
}

.notice-content {
  max-height: 300px;
  overflow-y: auto;
}
.notice-content::-webkit-scrollbar {
  width: 4px;
  background: #ececec;
  border-radius: 100px;
}
.notice-content::-webkit-scrollbar-thumb {
  border-radius: 100px;
  background: #0064FF;
  cursor: pointer;
}
h2 {
  font-size: 20px;
  margin-bottom: 10px;
}

p {
  font-size: 14px;
  line-height: 1.6;
  color: #333;
  margin-bottom: 10px;
}

.buttons {
  display: flex;
 justify-content: flex-start;
     position: absolute;
    z-index: 10001;
    bottom: 0;
	background:#fff;padding-bottom:10px;padding-top: 10px; width:100%;
}

button {
  padding: 10px 15px;
  font-size: 14px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.3s ease, color 0.3s ease;
  width: 150px;
  margin-right:30px
}

button.accept {
  background-color: #007BFF;
  color: white;
}

button.accept:hover {
  background-color: #0056b3;
}

button.decline {
  background-color: #DC3545;
  color: white;
}

button.decline:hover {
  background-color: #c82333;
}
@media screen and (max-width: 768px) {
  .privacy-notice {
    width: 100%;
    border-radius: 0;
  }

  button {
    width: 100%;
    margin-bottom: 10px;
	margin:initial;
	width:48%;
  }

  .buttons {
        justify-content: space-between;

  }
}