@charset "UTF-8";
/* ==================== 重置默认样式 start ==================== */
* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: "Arial","Microsoft YaHei", sans-serif;
    font-size: 14px;
}
*: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%;    height: auto !important;
}
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;
}
.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: 12.517rem) {
    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: 12.5rem;
        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: 7.5rem;
        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: 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: 0.6rem;
        height: 0.6rem;
        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;
    overflow: hidden;
}
.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: 100%;
    background-color: #fff;
    opacity: 1;
    margin-left: 0.15rem;
    margin-right: 0.15rem;
    border: 0.017rem solid #fff;
}
.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: #074bc0;
}
.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;
}
.mxw-banner .swiper-button-next {
    right: 0.75rem;
}
.mxw-banner .swiper-button-prev {
    left: 0.75rem;
}
.mxw-banner .banner-swiper {
    --swiper-navigation-color: #fff;
    /* 单独设置按钮颜色 */
    --swiper-navigation-size: 0.4rem;
    /* 设置按钮大小 */
}
@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: 26.667rem;
    margin: 0 auto;
    font-size: 0.267rem;
    color: #333;
    width: 85%;
    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: 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: 0;
    }
}
@media screen and (max-width: 751px) {
    body {
        margin-top: 60px;
    }
    html {
        font-size: 50px;
    }
    .m-none,
    .pc-nav {
        display: none !important;
    }
    .mxw-box {
        max-width: 100%;
        min-width: initial;
        width: 95%;
    }
    .mxw-section {
        padding-left: 0;
        padding-right: 0;
    }
    article {
        font-size: 15px;
    }
}
/* ==================== 页面自定义样式 end ==================== */


.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:#1a6dba;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%;}
}

.mxw-link{background:rgba(0,0,0,0.1);}
.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:16px;cursor:pointer;line-height:1.8;}
.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;}


.gg{ font-size: 14px;color: #fff; padding: 0.35rem 0; background: #222; text-align: center;}
.loss{
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9;
    background: #222;
    height: 40px;
    padding: 0 5px;
    line-height: 40px;    cursor: pointer;
}
.loss img{width:25px}
.gg span{ font-size: 0.33rem;}
.header{ position: relative;}
.header .mxw-box{ display: flex; align-items: flex-end; justify-content: space-between;}
.header .logo{ height: 1.033rem; margin: 25px 0;}
.header .logo img{ max-height: 1.033rem;}
.pc-menu{ display: flex; align-items: center; justify-content: space-between;  }
.pc-menu>li{ padding-bottom: 0.5rem; }
.pc-menu>li>a{ font-size: 0.333rem; color: #1c1c1c; margin-top: 0.5rem; font-weight: bold;}
.pc-menu>li.active>a{ color: #b2944c;}
.header .mxw-box .right{ width: 75%;}
.pc-menu>li>ul{ opacity: 0;display: flex; visibility: hidden; align-items:center; justify-content: flex-start; padding:0 7.5%; position: absolute; width: 100%; left: 0;  top: 1.817rem; background: url("../images/nav-cbg.jpg") #fff top repeat-x; transition: all 0.3s }
.pc-menu>li:hover ul{ opacity: 1; visibility: visible; z-index: 999;}
.pc-menu>li>ul>li{ padding: 0.333rem 0; margin-right: 1rem; border-bottom:3px solid transparent; transition: all 0.3s;}
.pc-menu>li>ul>li a{ font-size: 0.3rem;color: #1c1c1c; font-weight: bold;}
.pc-menu>li>ul>li.active,.pc-menu>li>ul>li:hover{ border-bottom:3px solid #1c1c1c}
.li-list{
    box-shadow: 0px 0px 15px -5px #666;
    border-radius: 14px;
    margin: 1.333rem auto 1.5rem;
    padding: 1.25rem 0.917rem 1rem;
}

.st1{ font-size: 0.567rem; color: #1c1c1c; text-align: center;}
.st2{ font-size: 0.367rem; color: #585858; text-align: center; margin-top: 0.333rem}
.ka-list{ margin-top: 0.583rem; padding-top: 0.667rem; border-top:1px solid #c4c4c4; display: flex; align-items: flex-start; justify-content: space-between; text-align: center;}
.ka-list .item{ width: 13.75%; }
.ka-list .item p{ margin-top: 0.333rem;font-size: 0.3rem; color: #1c1c1c;}
.conte-lu{ margin: 1.5rem auto; }
.conte-lu .st1{ margin-bottom: 0.667rem}

.jf-con{ margin: 1.667rem auto 0.5rem; }
.jf-con .item{ margin-bottom: 1.083rem}
.jf-con .item img{ margin-right: 0.417rem;}
.jf-con .item div{ font-size: 0.467rem;color: #1c1c1c}
.jf-con .item p{ font-size: 0.3rem; color: #707070; margin-top: 0.417rem}

.wnda{ margin: 0.75rem auto 2.167rem;    height: auto;
    overflow: hidden;}
.wnda .item{
    padding-bottom: 0.75rem;
    border-bottom: 1px solid #c4c4c4;
    margin-top: 0.917rem;
}
.wnda .item>div:first-child{
    font-size: 0.467rem;color: #1c1c1c;
    margin-bottom: 0.417rem;
}
.wnda .item .con,.wnda .item .con p{ font-size: 0.3rem; color: #707070; line-height: 0.7rem}


.mxw-banner .swiper-pagination .swiper-pagination-bullet{ width: 0.417rem; height: 0.417rem; display: flex; align-items: center; justify-content: center; background: none; border-color: transparent;}
.mxw-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ border-color: #fff; background: none;}
.mxw-banner .swiper-pagination .swiper-pagination-bullet::after{
    display: block; width: 0.25rem; height: 0.25rem; background: #fff; content: ""; border-radius: 50%;}

.actv-list{ padding: 1.75rem  0 2rem;}
.actv-list .item{ display: flex; align-items: stretch; justify-content: space-between; background: #f5f5f5; margin-bottom: 0.583rem}
.actv-list .item .mxw-image{ width: 10rem; margin-right: 1.583rem; flex-shrink: 0;}
.actv-list .item .right{ flex-grow: 1; min-width: 0; display: flex;align-items: center;padding-right: 1rem; }
.actv-list .item .right .st{ font-size: 0.5rem; color: #1c1c1c;}
.actv-list .item .right .con{ font-size: 0.3rem;color: #7c7c7d; margin:0.5rem auto 1rem; line-height: 2;}
.actv-list .item .right .more{ width: 2.167rem; height: 0.667rem; color: #8c8c8d; display: flex; align-items: center; justify-content: center; border-radius: 0.333rem; border: 0.017rem solid #8c8c8d; font-size: 0.3rem}
.actv-list .item .right>div{width: 100%;}
.tc{background: #edeeee; height: 1px; width: 100%;}

.pp-top{    display: flex;
    align-items: stretch;}
.about3-swiper-big {
    width: 75.2%;
    margin-right: 1.5%;
}
.about3-swiper-small {
    width: 23.3%;
    height: 666px;
}
.about3-swiper-big .item{
    position: relative;

}

.about3-swiper-big .item .text{
    position: absolute;
    line-height: 1.633rem;
    background: rgba(0,0,0,0.7);
    color: #fff;
    font-size: 0.467rem;
    bottom: 0;
    padding: 0 0.533rem;
    width: 100%;
}
.about3-swiper-big .swiper-button-prev,.about3-swiper-big  .swiper-button-next{
    width: 0.833rem; height: 0.833rem;
    border-radius: 50%;
    color: #fff;background: rgba(0,0,0,0.5);
}
.about3-swiper-big .swiper-button-prev::after,.about3-swiper-big  .swiper-button-next::after{
    font-size: 22px;
}

.about3-swiper-small .swiper-slide .image{ position: relative; overflow: hidden;}
.about3-swiper-small .swiper-slide .text{
    position: absolute;
    line-height:0.6rem;
    background: rgba(0,0,0,0.7);
    color: #fff;
    font-size: 0.233rem;
    bottom: 0;
    padding: 0 0.183rem;
    width: 100%;
}

.pp-top{ margin: 0.5rem auto 0.833rem}
.pst-title{ display: flex; align-items: center; justify-content: space-between; padding: 0.2rem 0.333rem 0.2rem 0.5rem; background: #000; margin-bottom: 0.7rem}
.pst-title .st{ font-size: 0.283rem; color: #fff; }
.pst-title .more{ font-size: 0.267rem; color: #fff; }
.pst-title .more img{ margin-left: 0.167rem;}
.ppxw-list .st{
    font-size: 0.467rem;
    color: #1c1c1c;
}
.ppxw-con{ display: flex; align-items: stretch;flex-wrap: wrap; padding-top: 0.75rem;  }
.ppxw-con .item{ width: 22.375%; margin-right: 3.5%; margin-bottom: 0.75rem}
.ppxw-con .item:nth-child(4n){ margin-right: 0}
.ppxw-con .item .st{    font-size: 0.3rem; color: #1c1c1c}
.ppxw-con .item .ctime{ font-size: 14px; color: #757779; margin: 0.22rem auto 0.233rem}
.ppxw-con .item .con-box{height: 2.367rem; padding-bottom: 0.25rem; border-bottom: 1px solid #edeeee;}
.ppxw-con .item .con-box  .con{ font-size: 0.233rem; color: #757779; margin-top: 0.25rem}
.ly{ padding-top: 0.25rem; font-size: 0.233rem; color: #757779;    }

.get_more{ width: 3.567rem; height: 0.667rem; font-size: 0.267rem;color: #333; border: 0.017rem solid #4e4e4e; border-radius: 0.333rem;
    display: flex; align-items: center; justify-content: center; cursor: pointer;
    margin: 0 auto 1.583rem;
}
.zs-List{ padding: 1.417rem 0 0; background: url("../images/tb-bg1.jpg") center top no-repeat;     background-size: 100% 100%;    height: auto;
    overflow: hidden;}
.zs-List .st1{ color: #fff;}
.zs-List .get_more{ color: #fff; border-color: #fff;}
.zs-List .mxw-box{ margin: 0.95rem auto 1rem; display: flex; flex-wrap: wrap; align-items: stretch; justify-content: space-between; padding: 0 1.333rem;    background-size: 100%;
/*background: url("../images/tb-bg2.png") center bottom no-repeat;*/ padding-bottom: 0.32rem;}
.zs-List .mxw-box .itm p{ margin-top: 0.3rem; color: #fff ; font-size: 0.233rem; text-align: center; }

.lx-info{
    box-shadow: 0px 0px 15px -5px #666;
    border-radius: 14px;
    margin: 1.333rem auto 1.5rem;
    padding: 1.25rem 0.917rem 1rem;
}
.lx-info .c1{ font-size: 0.567rem; color: #1c1c1c; text-align: center; font-weight: bold; border-bottom: 1px solid #c4c4c4; }
.lx-info .c1::after{ display: block; content: ""; width: 113px; height: 3px; background: #b2944c; margin: 37px auto -1px;}
.lx-info .ul{ margin-top: 1.333rem; display: flex; align-items: center; justify-content: space-between;}
.lx-info .ul{ margin-bottom: 0.75rem}
.lx-info .ul img{ margin-right: 0.333rem}
.lx-info .ul>div{  font-size: 0.3rem; color: #1c1c1c; text-indent: 2em;    display: flex;
    align-items: center;
      justify-content: center;
    }
.lx-info .ul>div:nth-child(1){    flex-shrink: 0;
    width: 30%;}
.lx-info .ul>div:nth-child(3){ text-indent: 0; text-align: center; width:20%;    flex-shrink: 0;
    }


.xiansheng{ display: flex; align-items: flex-start; justify-content: space-between; margin: 2rem auto 0;}
.xiansheng .left{ position: relative; width: 12.267rem; flex-shrink: 0; overflow: hidden;}
.xiansheng .right{ flex-grow: 1; min-width: 0;}
.xiansheng .right .top{ background: #f7f7f7;    padding: 1rem;}
.xiansheng .right .top .bx1{ font-size: 0.533rem;color: #333;}
.xiansheng .right .top .bx1 p{ font-size: 0.333rem; margin-top: 0.167rem}
.xiansheng .right .top .box2 {font-size: 0.267rem; color: #7c7c7d; line-height: 2; margin-top: 0.25rem }
.xiansheng .right .bot{  padding: 1rem 0 0 1rem; }
.xiansheng .right .bot h1{ font-size: 0.533rem; color: #333; line-height: 1;}
.xiansheng .right .bot .ul{ font-size: 0.267rem;color: #333; display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; margin-top:0.45rem}
.xiansheng .right .bot .ul>div{ width: 47%; margin-bottom: 0.25rem; font-size: 0.267rem; color: #333;    display: flex;
    align-items: flex-start;}
.xiansheng .right .bot .ul>div:nth-child(2n){ width: 50%;}
.xiansheng .right .bot .ul>div span{ color: #b2944c; margin-right: 0.233rem; font-size: 0.333rem}

.xiansheng .swiper-pagination .swiper-pagination-bullet{ width: 0.417rem; height: 0.417rem;     display: inline-flex; align-items: center; justify-content: center; background: none; border-color: transparent;}
.xiansheng .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ border-color: #fff; background: none;}
.xiansheng .swiper-pagination .swiper-pagination-bullet::after{
    display: block; width: 0.25rem; height: 0.25rem; background: #fff; content: ""; border-radius: 50%;}


.mtt{ font-size: 0.633rem; color: #1a1a1a; text-align: center;
    margin: 1.75rem auto 1rem; line-height: 1;
}
.ms-list1{ display: flex; align-items: stretch; flex-wrap: wrap; justify-content: flex-start; }
.mitm{ position: relative;}
.mitm p{ position: absolute; bottom: 0; width: 100%; text-align: center; font-size: 0.3rem; color: #fff;background: rgba(0,0,0,.4);
    padding: 10px 0;}
.mitm>img{width:100%}
.ms-list1 .mitm{ width: 24%; margin-right: 1.3333%; margin-bottom: 0.417rem}
.ms-list1 .mitm:nth-child(4n){ margin-right: 0}

.ms-list2{ display: flex; align-items: center; justify-content: space-between;}

.ms-list2 .mitm{ width: 31%;}

.ms-list3{ margin-bottom: 1.75rem; display: flex;     align-items: flex-start;justify-content: stretch;}
.ms-list3 .left{ width: 28.5%;}
.ms-list3 .right{ width: 70.5%; display: flex; align-items: stretch; flex-wrap: wrap;    justify-content: flex-start;}
.ms-list3 .right .mitm{ width: 32%; margin-left: 1.333%; margin-bottom: 0.333rem}


.ct-list{ padding: 1.75rem 0; background: #f5f5f5;  }

.ct-list .citem{ background: #fff; display: flex; align-items: stretch; justify-content: space-between; margin-bottom: 38px;}
.citem .left{ width: 50%;}
.citem .right{ width: 50%; display: flex; align-items: center; justify-content: flex-start; padding-left: 1.917rem;    padding-right: 0.75rem;}
.citem .right .st1{ font-size: 0.5rem; line-height: 1; color: #1c1c1c; font-weight: bold; text-align: left; margin-bottom: 0.417rem}
.citem .right p{ font-size: 0.3rem; color: #7c7c7d; margin-bottom: 0.75rem}
.citem .right .cx{ font-size: 0.3rem; color: #1c1c1c; margin-bottom: 0.333rem;}
.citem .right .cx span{ font-size: 0.3rem; color: #1c1c1c; font-weight: bold;}
.citem .right .cx img{ margin: -3px 0.25rem auto auto; }
.citem .right .yssj{font-size: 0.3rem; color: #1c1c1c; margin-bottom: 0.667rem;}
.citem .right .yssj span{ font-size: 0.3rem; color: #1c1c1c; font-weight: bold;}
.citem .right .yssj img{ margin: -3px 0.25rem auto auto; }
.citem .right .more{ width: 2.167rem; height: 0.667rem; border-radius: 0.333rem; border: 0.017rem solid #8D8D8D; color: #7d7d7d; display: flex;align-items: center;justify-content: center; font-size: 0.3rem;}
.ct-list .citem:nth-child(2n) .right{ order: 1;}
.ct-list .citem:nth-child(2n) .left{ order: 2;}


.show-info{
    box-shadow: 0px 0px 15px -5px #666;
    border-radius: 14px;
    margin: 1.333rem auto 1.5rem;
    padding: 1.25rem 0.917rem 1rem;
}
.show-info h1{
    font-size: 0.633rem; color: #1c1c1c;text-align: center;
}
.show-info>.st{ font-size: 0.3rem; color: #58585a; margin: 0.417rem auto 0.583rem; text-align: center;}

.hc{ height: 1px;width: 100%; background: #c4c4c4; display: flex; align-items: center; justify-content: center; }
.hc::after{ width: 71px; height: 4px; background: #b2944c; content: ""; margin-top: -1px; display: block }
.show-info .content{ font-size: 0.267rem; color: #58585a; line-height: 0.7rem; margin: 0.75rem auto 1.25rem}
.show-info .content p{ font-size: 0.267rem}

.show-info .yyst{ width: max-content; background: #e6e6e6; padding: 0.267rem; margin: 0 auto 0.583rem;}
.show-info .yyst .st{ padding: 0.167rem 0.667rem; background: #fff; text-align: center; font-size: 0.3rem; color: #333333;}
.show-info .yyst .st img{ margin-right: 0.2rem}
.show-info .yyst .st span{ font-size: 0.3rem; color: #666; padding-right: 0.333rem; border-right: 0.017rem solid #e6e6e6; margin-right: 0.417rem}

.show-info .lxdh{ text-align: center; font-size: 0.3rem; color: #333;}
.show-info .lxdh span{ font-size: 0.3rem; color: #666; padding-right: 0.333rem; border-right: 0.017rem solid #e6e6e6; margin-right: 0.417rem}



.sh-hj-bg{ background: #f7f7f7; padding: 1.333rem 0;}
.sh-hj-bg .mtt{ margin-top: 0}
.hhwd{font-size:0.3rem;color: #7c7c7d; text-align: center; margin: 1.75rem auto; line-height: 0.633rem}

.sye{ width: 100%; overflow: hidden; margin-bottom: 1.917rem}
.sy-t{ font-size: 0.633rem; color: #1c1c1c;  margin-bottom: 0.833rem; text-align: center;    font-weight: bold;}
.sye-swiper{ }
.sye-swiper .swiper-slide{ width: 14.267rem;}
.sye-swiper .swiper-slide .info{ margin-top: 0.583rem; padding: 0 0.333rem; display: flex; align-items: center; justify-content: space-between;}
.sye-swiper .swiper-slide .info .left div{ font-size: 0.517rem; color: #1c1c1c;}
.sye-swiper .swiper-slide .info .left p{ font-size: 0.333rem; color: #7c7c7d; margin-top: 0.25rem}
.sye-swiper .swiper-slide .info .more{  width: 2.167rem; height: 0.667rem; border-radius: 0.333rem; border: 0.017rem solid #8D8D8D; color: #7d7d7d; display: flex;align-items: center;justify-content: center; font-size: 0.3rem;}
.sye-swiper .swiper-pagination{ margin-top: 1rem; position: initial; width: 100%;}

.sye-swiper .swiper-pagination .swiper-pagination-bullet{ width: 0.417rem; height: 0.417rem; display: inline-flex; align-items: center; justify-content: center; background: none; border: 1px solid transparent; opacity: 1;}
.sye-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ border-color: #adadad; background: none;}
.sye-swiper .swiper-pagination .swiper-pagination-bullet::after{
    display: block; width: 0.25rem; height: 0.25rem; background: #adadad; content: ""; border-radius: 50%;}

.sye2{ margin-bottom: 1.75rem}
.sye2 .mxw-box{ display: flex; align-items: flex-start; justify-content: center;}
.sye2 .mxw-box .sy-item{ margin: 0 0.5%; width:24%}
.sy-item .ct1{ margin-top: 0.667rem; color: #1c1c1c; font-size: 0.333rem}
.sy-item .ct2{ font-size: 0.267rem; color: #7c7c7d; margin-top: 0.333rem; line-height: 1.8;}
.sy-item .ct3{width: 1.5rem; height: 0.467rem; display: flex; align-items: center; justify-content: center; border-radius: 0.233rem; font-size: 0.2rem; color: #7d7d7d; border: 0.017rem solid #757779;  margin-top: 0.583rem}

.sye3{ margin:0 auto 1.917rem; max-width: 1920px;  }
.sye3-bg{background: url("../images/sye3-bg.jpg") left bottom no-repeat; }
.sye3 .mxw-box{ display: flex; align-items: stretch; justify-content:space-between;}
.sye3 .mxw-box .mxw-image{ width: 53.5%; margin: 0.833rem 0}
.sye3 .mxw-box .box1{ margin: 0.833rem auto; width: 46.5%; padding-left: 1.917rem}
.sye3 .mxw-box .box1 .s1{ font-size: 0.5rem; color: #1c1c1c}
.sye3 .mxw-box .box1 .s2{ font-size: 0.267rem; color: #7c7c7d; margin-top: 0.333rem; line-height: 0.517rem}

.sye3 .mxw-box .box1 .s3{ display: flex; align-items: center; justify-content: flex-start; margin-top: 0.833rem}
.sye3 .mxw-box .box1 .s3 img{ margin-right: 0.5rem}
.sye3 .mxw-box .box1 .s3 .txt>div{ font-size: 0.5rem}
.sye3 .mxw-box .box1 .s3 .txt>p{ font-size: 0.267rem; margin-top: 0.25rem; color: #7c7c7d}

.jy-fx{ background: #b2944c; padding: 0.667rem 1.333rem 0.583rem 2.5rem; width: 70%; transform: translateY(-50%);font-size: 0.267rem;line-height: 0.55rem;color: #fff;}

.bw-list{ margin: 0 auto 1.167rem;}
.bw-list .bw-item{ display: flex; align-items:stretch; justify-content:flex-start; padding-bottom: 1.167rem; margin-bottom: 1.167rem; border-bottom: 1px solid #e5e5e5; }
.bw-item .rq{ display: flex; align-items: center;justify-content: flex-start; width: 6%; margin-right: 1rem}
.bw-item .rq .r{ font-size: 0.783rem; color: #acacac; padding:0 0.417rem 0.333rem; text-align: center; border-bottom: 0.017rem solid #acacac }
.bw-item .rq p{ font-size: 0.333rem;color: #acacac; padding-top: 0.333rem; text-align: center }
.bw-item .mxw-image{ margin-right: 1rem;    flex-shrink: 0;    max-width: 365px;}
.bw-item .con{ display: flex; align-items: center;     flex-grow: 1;
    min-width: 0}
.bw-item .con>div{width:100%}
.bw-item .sbt{ font-size: 0.4rem; color: #1c1c1c; margin-bottom: 0.583rem}
.bw-item .desc{ font-size: 0.267rem; color: #7c7c7d; margin-bottom: 0.5rem;    line-height: 1.5;}

.bw-item .more{ width: 2.167rem; height: 0.667rem; border-radius: 0.333rem; border: 0.017rem solid #8D8D8D; color: #7d7d7d; display: flex;align-items: center;justify-content: center; font-size: 0.3rem;}

.ai-box1{ width: 100%; margin: 0 auto; max-width: 1920px; height: auto; overflow: hidden; text-align: center; position: relative;}
.ai-box1 .con{ padding: 1.417rem 1.167rem 1.167rem 1.083rem; border: 1px solid #32626b;  position: absolute; margin: 0 auto;
left: 0; right: 0; top:3.333rem; width: 17.417rem; text-align: left;}
.ai-box1 .con p{ font-size: 0.3rem; color: #32626b; line-height: 0.6rem}

.ai-box2{width: 100%; margin: 0 auto; max-width: 1920px; background: url("../images/ai-bg2.jpg") bottom no-repeat;     height: auto;
    overflow: hidden;}

.ai-box2 .xf1{ position: relative; }
.ai-box2 .xf-con{ position: absolute; top: 5.333rem; margin: 0 auto; left: 0; right: 0; text-align: right}
.ai-ct{ margin-top: 12.833rem; text-align: center; font-size: 0.533rem; color: #004e5d; width: 23.917rem; display: flex; justify-content: flex-end; align-items: center;}
.ai-ct::after{ width: 9.167rem; height: 0.017rem; content: ""; display: inline-block; background: #77a1aa; margin-left: 0.333rem}
.ai-cb2{ margin-top: 45px; width: 23.917rem; display: flex; align-items: flex-start; justify-content: space-between;}
.ai-cb2 .img{ flex-grow: 1; min-width: 0}
.ai-cb2 .txt{ width: 4.667rem; color: #32626b; font-size: 0.3rem; line-height: 0.6rem;    margin-left: 0.75rem;}
.ai-cb3{ text-align: right; margin-top: 1.167rem; margin-bottom: 3.467rem}
.ai-cb3 img{ width: 9.467rem;}
.ai-cb5 .right{ float: right;}
.ai-cb5 .ai-ct.right{ justify-content: flex-start;}
.ai-cb5 .ai-ct.right::after{ display: none}
.ai-cb5 .ai-ct.right::before{ width: 9.167rem; height: 0.017rem; content: ""; display: inline-block; background: #77a1aa; margin-right: 0.333rem}
.ai-cb5 .txt{ margin-right: 0.75rem;margin-left:0 }
.ai-cb6 img{ width: 6.45rem; margin-top: -0.333rem; }
.ai-cb7{ text-align: right; margin-top: 6.5rem;}
.ai-cb7 img{ width: 86%;}
.ai-cb8 .ai-ct{ margin-top: 9.333rem; width: 16.083rem;    justify-content: flex-start;}
.ai-cb8 .desc{ font-size: 0.3rem; line-height: 0.6rem; color: #32626b; margin: 0.3rem auto 0.583rem;}

.cb8-list{ display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 9.5rem;}
.taotie1{ width: 18.683rem; height: 7.15rem; background: url("../images/taotie1-bg.png") no-repeat; margin: 2.167rem auto; padding: 2.583rem 2.333rem 0 2.583rem; font-size: 0.3rem; color: #fff; line-height: 0.667rem;    background-size: 100% 100%; }
.taotie3{ margin: 2.917rem auto 0; overflow: hidden;}
.taotie3 .c1{ text-align: center; margin-bottom: 0.75rem}
.taotie3 .c2{font-size: 0.3rem;color: #7c7c7d; margin-bottom: 1.417rem; text-align: center}
.taotie3 .c3 .swiper-slide .mxw-image{ border-radius: 0.833rem;}
.taotie3 .c3  .swiper-pagination {margin-top: 0.667rem;}
.taotie3 .c3 .swiper-pagination .swiper-pagination-bullet::after{width: 10px; height: 10px; }
.taotie3 .c3 .swiper-pagination .swiper-pagination-bullet{ width: 0.3rem; height: 0.3rem}


.taotie4{ margin-top: 3.417rem}
.taotie4 .c1{ text-align: center;}
.taotie4 .c2{font-size: 0.3rem;color: #2a2a2a;  text-align: left; width: 19.167rem; margin: 0.333rem auto 1.583rem; line-height: 0.667rem}
.taotie4 .c3 .itembox1 {
    display: flex;
    align-items: stretch;    justify-content: space-between;
}
.taotie4 .c3 .item1 {
    width: 3.633rem;
    flex-shrink: 0;
    position: relative;
    cursor: pointer;
    margin-right: 0.083rem;
}
.taotie4 .c3 .item1:last-child{ margin-right: 0}
.taotie4 .c3 .item1 .image{
    display: none;
    border-radius: 0.25rem;
    overflow: hidden;
    position: relative;
}
.taotie4 .c3 .item1 .image p{ padding: 0.417rem; font-size: 0.3rem; color: #fff; text-align: center; bottom: 0; position: absolute; width: 100%;}
.taotie4 .c3 .item1 .text {
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    overflow: hidden;
    justify-content: center;
    border-radius: 0.25rem;
}
.taotie4 .c3 .item1 .text::after{
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    display: block;
    background: rgba(0,0,0,.3);
}
.taotie4 .c3  .item1.active .text{
    opacity: 0;
}
.taotie4 .c3  .item1.active {
    min-width: 0;
    width: max-content;
    flex-grow: 1;
    flex-shrink: inherit;
}
.taotie4 .c3  .item1.active .image{ display: block;}




.taotie5{ margin: 3.75rem auto 0;}
.taotie5 .c1{ text-align: center;}
.taotie5 .c2{ margin-top: 1.167rem;}
.taotie5 .c2 .mxw-box{  transform: translateY(-50%);}
.taotie5 .c2 .con{    width: 11.333rem; background: url("../images/taotie5-conbg.png") no-repeat; height: 4.25rem; padding: 1.333rem 1.333rem 0 1.833rem; font-size: 0.3rem;color: #fff; line-height: 0.6rem}
.taotie5 .c2{ background: url("../images/taotie5-dbg.png") center bottom no-repeat; height: auto; overflow: hidden}
.taotie5 .c3{ width: 16rem; display: flex; align-items: flex-start; justify-content: space-between; margin: 2.75rem auto 3.833rem;
border-top: 1px solid #ededed;}
.taotie5 .c3 .item{ font-size: 18px; color: #1c1c1c; border-top: 1px solid  #999999;padding-top: 0.5rem; margin-top: -1px}
.taotie5 .c3 .right{padding-top: 0.5rem;border-top: 1px solid  transparent; margin-top: -1px;    display: flex;
    align-items: flex-start;}
.taotie5 .c3 .right a{font-size: 0.3rem; color: #1c1c1c; margin-left: 0.533rem}
.taotie5 .c3 .right img{ margin-right: 0.2rem}
.taotie5 .c3 .right .active{ color: #a7a7a7;}
.taotie5 .c3 .right .active img{}

.ziran1{ background: url("../images/zran1-bg.png") no-repeat;padding-bottom: 2.417rem;     height: auto;}
.ziran1 p{ font-size: 0.3rem; color: #fff; line-height: 0.6rem; }
.ziran3{ margin-top: 2.833rem; overflow: hidden}
.ziran3 .c1{ text-align: center; margin-bottom: 1rem;}
.ziran3 .c2{ width: 18.667rem; height: auto; font-size: 0.3rem; color:#7c7c7d; line-height: 0.683rem; margin: 0 auto 1.25rem}

.ziran3 .c3 .swiper-slide .mxw-image{ border-radius: 0.833rem;}
.ziran3 .c3  .swiper-pagination {margin-top: 0.667rem;}
.ziran3 .c3 .swiper-pagination .swiper-pagination-bullet::after{width: 10px; height: 10px; }
.ziran3 .c3 .swiper-pagination .swiper-pagination-bullet{ width: 0.3rem; height: 0.3rem}

.gg a{ display: inline-block;     vertical-align: bottom; border-bottom: 1px solid #fff;}
.ziran4 .c2{ color: #7c7c7d;}
.ziran4 .zr-list{ display: flex; align-items: stretch; justify-content: space-between;}
.ziran4 .zr-list>.mxw-image{ border-radius: 0.5rem; width: 30.8%}
.ziran5 .c2 .mxw-box{ display: flex; justify-content: flex-end;}
.ziran5 .c2 .con{ color: #221603;  width: 11.3rem;
    height: 7.733rem;background: url("../images/ziran5conbg.png") no-repeat;background-size: 100% 100%;}


.yuanlin1{ background: url("../images/yuanlin1-bg.png") no-repeat; color: #545454;    background-size: 100% 100%;}
.yuanlin4 .c2{ color: #7c7c7d;}
.yuanlin4 .zr-list{ display: flex; align-items: stretch; justify-content: space-between;}
.yuanlin4 .zr-list .mxw-image{ width: 23.6%; border-radius: 0.417rem;}

.yuanlin6 .c2{ margin-bottom: 1.333rem}
.yuanlin6 .mxw-box>img{ border-radius: 0.583rem}

.yuanlin7 .c2 .con{ background: url("../images/yuanlin7-bg.png") no-repeat; height: 4.65rem;     background-size: 100% 100%;}



.huacao1{ background: url("../images/huacao1-bg.png") no-repeat;  background-size: 100% 100%;}
.huacao4 .zr-list{ display: flex; align-items: stretch; justify-content: space-between;}
.huacao4 .zr-item{ width: 23.6%;}
.huacao4 .zr-item .mxw-image{ border-radius: 0.333rem}
.huacao4 .zr-item .st{ font-size: 0.533rem; margin-top: 0.417rem;color: #000;}
.huacao4 .zr-item p{ font-size: 0.3rem; margin-top: 0.25rem; color: #646464;}


.huacao6 .c2 .con{ background: url("../images/huacao6-bg.png") no-repeat; width: 11.317rem; height: 7.733rem;    background-size: 100% 100%; }

.huacao6 .c2 .con p{ font-size: 0.3rem; color: #fff; }

.in-box1{ padding-top: 1.917rem; background: url("../images/in-box1-bg.png") bottom center no-repeat;    background-size: 100%;}
.in-box1 .st-con{ position: relative;}
.in-box1 .st-con .flex{ position: absolute; bottom: 1.083rem; left: 1rem}
.in-box1 .st-con .flex h1{ font-size: 0.833rem; margin-bottom: 0.833rem; color: #fff;}
.in-box1 .st-con .flex .txt{ font-size: 0.267rem; color: #fff; line-height: 0.5rem; margin-bottom: 0.833rem}

.in-box2{ padding-top: 1.583rem; overflow: hidden;}
.in-box2 .sy-t{ margin-bottom: 0.417rem}
.in-box2 .desc{ font-size: 22px; text-align: center; color: #58585a;}
.in-box2 .more{ text-align: center; margin: 0.833rem auto 0.75rem; font-size: 0.3rem; color: #b2944c; display: block;}
.in-box2 .more img{ margin-top: -0.05rem; margin-left: 0.25rem}
.in-box2 .c1{ font-size: 0.517rem; text-align: center; color: #1c1c1c; margin-top: 0.533rem}
.in-box2 .c2{ font-size: 0.333rem;color: #7c7c7d; margin-top: 0.3rem; text-align: center;}
.in-box2  .swiper-pagination .swiper-pagination-bullet::after{ width: 10px; height: 10px;}
.in-box2  .swiper-pagination .swiper-pagination-bullet{ width: 18px; height: 18px}

.in-box3{ margin-top: 1.5rem}
.in-box3 .mxw-box{ display: flex; align-items: stretch; justify-content: space-between;}
.in-box3 .tb-item{ width: 23%;}
.in-box3 .tb-item .mxw-image{ position: relative; }
.in-box3 .tb-item  .flx{ position: absolute; left: 0.667rem; bottom: 0.667rem; color: #fff; }
.in-box3 .tb-item  .flx .c1{ font-size: 0.433rem;}
.in-box3 .tb-item  .flx .c2{ font-size: 0.3rem; margin-top: 0.25rem}

.in-box4{ margin-top: 1.5rem;}
.in-box4-cate{ display: flex; align-items: stretch; justify-content: center;}
.in-box4-cate .item{ font-size: 0.433rem; color: #1c1c1c;  margin: 0 0.833rem; line-height: 1;padding: 0 0.333rem 0.333rem; border-bottom: 1px solid transparent }
.in-box4-cate .item.active{ border-color: #be9a1f;}
.in-box4-body{ margin-top: 23px;}
.in-box4-swiper .swiper-slide{ position: relative;}
.in-box4-swiper .flex{ position:absolute; right: 0; top: 0; display: flex; align-items: center; height: 100%}
.in-box4-swiper .flex>div{ width: 13.283rem; padding: 0.633rem 0 0.667rem 1.583rem; background: rgba(0,0,0,.4);}
.in-box4-swiper .flex h1{ font-size: 0.7rem ; color: #fff}
.in-box4-swiper .flex .desc{ font-size: 0.367rem; color: #fff; margin: 0.417rem auto 0.667rem}
.in-box4-swiper .flex .more{ background: #fff; width: 2.167rem; height: 0.667rem; font-size: 0.3rem; color: #1c1c1c; text-align: center; line-height: 0.667rem; border-radius: 0.333rem}
.in-box4-swiper .swiper-button-next,.in-box4-swiper .swiper-button-prev{
    outline: none;
}
.in-box4-swiper .swiper-button-next::after,.in-box4-swiper .swiper-button-prev::after{
    color: #fff; outline: none;
}

.in-box5{ margin-top: 1.583rem;}
.in-box5-cate{ display: flex; align-items: stretch; justify-content: center;}
.in-box5-cate .item>a{ font-size: 0.433rem; color: #1c1c1c;  margin: 0 0.833rem; line-height: 1;padding: 0 0.333rem 0.333rem; border-bottom: 1px solid transparent }
.in-box5-cate .item.active>a{ border-color: #be9a1f;}


.in-box5-cate .item.ct {
    position: relative;
}
.in-box5-cate .item{margin-bottom: 23px;}
.in-box5-cate .item.ct .ct-cate{     position: absolute;
     top:0.85rem;
             width: 100%;   z-index: 99;
        text-align: center;
        background: #ffff;
        height: 0; transition: all 0.3s; overflow: hidden;}
   .in-box5-cate .item.ct .ct-cate a{ display: block; width: 100%; font-size: 0.267rem;font-weight:initial; line-height: 1.7;padding: 3px 5px;  }
   .in-box5-cate .item.ct .ct-cate a:hover{ background: #333; color: #fff ;}
    .in-box5-cate .item.ct:hover .ct-cate{ height: auto; padding: 15px 0; }


.in-box5-swiper .swiper-slide{ position: relative;}
.in-box5-swiper .flex{ position:absolute; right: 0; top: 0; display: flex; align-items: center; height: 100%}
.in-box5-swiper .flex>div{ width: 13.283rem; padding: 0.633rem 0 0.667rem 1.583rem; background: rgba(0,0,0,.4);}
.in-box5-swiper .flex h1{ font-size: 0.5rem ; color: #fff}
.in-box5-swiper .flex .desc{ font-size: 0.25rem; color: #fff; margin: 0.417rem auto 0.667rem}
.in-box5-swiper .flex .more{ background: #fff; width: 2.167rem; height: 0.667rem; font-size: 0.3rem; color: #1c1c1c; text-align: center; line-height: 0.667rem; border-radius: 0.333rem}
.in-box5-swiper .swiper-button-next,.in-box5-swiper .swiper-button-prev{
    outline: none;
}
.in-box5-swiper .swiper-button-next::after,.in-box5-swiper .swiper-button-prev::after{
    color: #fff; outline: none;
}

    .in-box5-swiper .swiper-slide:first-child .flex{ left: 0; }
    .in-box5-swiper .swiper-slide:first-child .flex>div{  padding-left: 2.5rem}

.hui-box{ margin-top: 1.583rem}
.sy-box{ position: relative;}
.sy-box .mxw-box{ position: absolute; height: 100%; left: 0; right: 0; top: 0; margin: 0 auto; display: flex; align-items: center; color: #fff;}
.sy-box .mxw-box h1{ font-size: 0.667rem;}
.sy-box .mxw-box .desc{ font-size: 0.267rem; margin: 0.3rem auto 0.667rem}
.sy-box .sgin{ width: 1.5rem; color: #1c1c1c; font-size: 0.3rem; line-height: 0.667rem; text-align: center; background: #fff; border-radius: 0.333rem;display: inline-block}

.sy-box .ref{ font-size:0.3rem;  width: 2rem; line-height: 0.667rem; border-radius: 0.333rem; border:0.017rem solid #fff; color: #fff; text-align: center; display: inline-block}


.footer{ background: #000000; padding-top: 1.417rem; color: #fff; height: auto; overflow: hidden;}
.footer .mxw-box{ display: flex; align-items: stretch; justify-content: space-between; margin-bottom: 1rem}
.footer .d1{width: 30%; }
.footer .d1 ul{ display: flex; flex-wrap: wrap;}
.footer .d1 ul>li{ width: 50%; margin-bottom: 0.5rem}
.footer .d1 ul>li a{   font-size: 0.267rem;color: #fff; }
.footer .d2{ width: 8rem; display: flex; align-items: stretch; justify-content: space-between;}
.footer .d2>div{ width:31%;}
.footer .d2 p{color: #fff; font-size: 0.267rem; text-align: center; margin-top: 0.25rem}
.footer .d2 img{ max-width: 100%}
.footer .d3{ width: 25%; }
.footer .d3 .c1 p{ font-size: 0.3rem; color: #fff; margin-bottom: 0.5rem; }
.footer .d3 .c1 p img{ margin-right: 0.25rem}
.footer .d3 .c-list{ display: flex; align-items:flex-start; justify-content: flex-start;}
.footer .d3 .c-list .item{ margin-right: 0.417rem}

.footer .bottom{ padding: 50px 0; text-align: center; border-top: 1px solid #232323;}
.bd1{ display: flex; justify-content: center; margin-bottom: 20px;}
.bd1>a{ margin: 0 20px;}
.bd1 .lang{ margin-left: 30px; color: #606060}
.bd1 .lang img{ margin-right:10px}
.bd1 .lang a{ color: #fff; margin: 0 0.167rem}
.bq{ margin-bottom: 0.167rem}
.top-menu{ display: flex; justify-content: flex-end; font-size: 14px; align-items: center;}
.top-menu img{ margin-right: 10px;}


.header .mxw-box .right .top-menu{ width: 100%; margin-bottom: 0.5rem}

.bz{ margin-right: 0.467rem}
.lag{ display: flex; align-items: center; }
.lag a{margin: 0 0.167rem}



    /* ==================== 新闻详情 start ==================== */
.ny-news-desc {
    padding: 0 0.4032rem 0.7258rem;
    margin-bottom: 0.5645rem;
}
.ny-news-desc > .mxw-box {
    padding-top: 1rem;
}
.ny-news-desc .title {
    font-weight: bold;
    font-size: 0.4516rem;
    color: #333;
    padding-bottom: 0.3226rem;
}
.ny-news-desc .info {
    font-size: 0;
    padding-bottom: 0.3226rem;
    border-bottom: 1px solid #d5d5d5;
    margin-bottom: 0.3226rem;
}
.ny-news-desc .info .text {
    font-size: 0.2581rem;
    color: #999;
    display: inline-block;
    margin-right: 0.3226rem;
    border-left: 1px solid #ccc;
    padding-left: 0.3226rem;
}
.ny-news-desc .info .tip + .text {
    border-left: 0;
}
.ny-news-desc .info .tip {
    border: 1px solid #999;
    border-radius: 1.6129rem;
    padding: 0.0806rem 0.1613rem;
    line-height: 1;
    font-size: 0.2258rem;
    display: inline-block;
    color: #999;
}
.ny-news-desc .article img {

    margin: 0;
}
.ny-news-desc .article {
    line-height: 1.8;
    text-align: justify;
    font-size: 0.2581rem;
}
.ny-news-desc .article p {
    line-height: 1.8;
}

.lyou .bw-item .more{    flex-shrink: 0;}


@media screen and (max-width: 751px) {
    .ny-news-desc {
        padding: 0;
        background: none;
        margin-bottom: 0;
    }

    .ny-news-desc .article {
        font-size: 0.28rem;
    }
    .ny-news-desc .info .text {
        margin-right: 0.1rem;
        padding-left: 0.1rem;
        line-height: 2em;
        display: inline;
    }
    .ny-news-desc .info {
        padding-bottom: 0.2rem;
    }
}
/* ==================== 新闻详情 end ==================== */

/* ==================== 移动端头部 start ==================== */
@media screen and (max-width: 751px) {
    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: 750px;
        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 !important;
    }
    .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: 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 ==================== */





.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 {

   width: 2.167rem; height: 0.667rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.333rem;
    background: #fff;
}





    .lvyou{
        padding: 1.667rem 0 1.583rem;
    }
    .lvyou .con{
            font-size: 0.3rem;
        color: #7c7d7d;
        line-height: 1.9;

        margin: 0.533rem auto 0
    }
    .lvyou .sy-t::after{
        width: 100px;height: 2px; background: #b2944c;
        display: block;
        margin: 30px auto 0;
        content: "";
    }
    .lyou .mxw-image{ width: 9rem;}
    .lyou .xh{ font-size: 0.4rem; color: #b2944c; margin-bottom: 20px;}
    .lyou .desc{ line-height: 2;}
    .lyou  .bw-item{ align-items: center;}
    .lyou  .bw-item .sbt{ margin-bottom: 0.5rem}
    .lyou  .bw-item .more{ border: none; width: 2.95rem; height: 2.783rem; color: #b2944c; font-size: 0.3rem; border-left: 1px solid #e5e5e5; margin-left: 1.667rem }
    .lyou  .bw-item .more::after{ display: inline-block; margin-left: 0.25rem;content: ">"; font-size: 0.4rem;}


    .qmj-list{ margin: 1.583rem auto;}
.qmj-list .item{ display: flex; align-items: stretch; justify-content:space-between; margin-bottom: 1rem}
.qmj-list  .left{ width: 51%; background: url("/skin/images/q-bg.jpg") left bottom no-repeat; padding-left: 1.133rem; padding-bottom: 1.133rem; }
    .qmj-list .right{ width: 49%; padding-left: 1.667rem; display: flex; align-items: center;}
    .qmj-list .right .st{ font-size: 0.667rem; margin-bottom: 0.583rem}
    .qmj-list .right .con{ font-size: 0.3rem; color: #7c7c7d; line-height: 1.8; margin-bottom: 0.667rem}
    .qmj-list .right  .more {
        width: 2.167rem;
        height: 0.667rem;
        border-radius: 0.333rem;
        border: 0.017rem solid #8D8D8D;
        color: #7d7d7d;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 0.3rem;
    }
    .qmj-list .item:nth-child(2n) .left{ order: 1; background: url("/skin/images/q-bg.jpg") right bottom no-repeat; padding-left:0; padding-right: 1.133rem;}
    .qmj-list .item:nth-child(2n) .right{padding-right: 1.667rem; padding-left:0;justify-content: right; }
    .qmj-list .item:nth-child(2n) .right .st{ text-align: right;}
    .qmj-list .item:nth-child(2n) .right .con{text-align: right;}
    .qmj-list .item:nth-child(2n) .right .more{ float: right;}
.mor-b{ margin-top:40px;}
.jd-show{ margin: 1.583rem auto}
.jd-show .doc{ font-size: 0.3rem; color: #7c7c7d; line-height: 1.8; width: 15.583rem; margin: 0.667rem auto 1.667rem; text-align: center;}
.jd-show .doc p{font-size: 0.3rem; color: #7c7c7d; line-height: 1.8;}
.fx-item{ display: flex; align-items: stretch; justify-content: space-between;margin-bottom: 1rem}
.fx-item .left{ width: 50%; flex-shrink: 0}
.fx-item .right{ display: flex; align-items: center; padding-left: 1.583rem}
.fx-item .right .tt{ font-size: 0.567rem; color: #1c1c1c; margin-bottom: 0.417rem;}
.fx-item .right .tt::after{ margin-top: 0.417rem; height: 0.017rem; width: 2.617rem; background: #b2944c; content: ""; display: block}
.fx-item .right .con .item{ display: flex;     align-items: flex-start; justify-content: flex-start; margin-top:0.333rem; font-size: 0.3rem; }
.fx-item .right .con .item .i1{ margin-right: 0.3rem; flex-shrink: 0}
.fx-item .right .con .item .i2{ font-size: 0.3rem; line-height: 1.8}
.fx-item .right .con .item .i2 span{ font-size: 18px; font-weight: bold;}
.fx-item:nth-child(2n) .left{ order: 1;}
.fx-item:nth-child(2n) .right{  padding-left: 0; padding-right: 1.583rem}
.fx.yyst{
    width: max-content;
    background: #e6e6e6;
    padding: 0.267rem;
    margin: 0 auto 0.583rem;
}
.fx.yyst .st{
    padding: 0.167rem 0.667rem;
    background: #fff;
    text-align: center;
    font-size: 0.3rem;
    color: #333333;
}
.fx.yyst  .st img{ margin-right: 0.2rem}
.fx.yyst  .st span{ font-size: 0.3rem; color: #666; padding-right: 0.333rem; border-right: 0.017rem solid #e6e6e6; margin-right: 0.417rem}
.fx-yd{ text-align: center;}
.fx-yd p{  font-size: 0.367rem; font-weight: bold; margin-bottom: 0.333rem;}
.fx-yd img{ max-width: 155px;}

.mor-b .ppxw-con .item .con-box{    height: auto;}
.mor-b .ppxw-con .item .con-box .st{    text-align: left;
    margin-top: 10px;}
.xf-hy{
    position: fixed;
    background: rgba(0,0,0,.5);
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
    align-items: center;    transition: all 0.3s;
    justify-content: center;
}
.xf-hy p{    color: #fff;
    font-size: 18px;
    margin-top: 15px;
    text-align: center;}
.xf-s:hover{
    cursor: pointer;
}
.mor-bc{ margin-top:1rem}

.ziran1{    background-size: 100% 100%;}
.cb8-list .item{width:30%;}
   .ai-box2 .xf1{ padding-bottom: 9.917rem;}
    .ai-box2{ background: none;}
    .ai-box2 .xf1{ padding-bottom: 0;}
    .ai-box3{ margin-top: 1.333rem; background: url("/skin/images/ai3-bgg.jpg") bottom no-repeat; height: auto; overflow: hidden;}
    .ai-box3 .ai3-img{width: 23.917rem;}
    .ai-box3 .ai-ct{ margin-top: 0}
    .ai-box3 .ai-cb2 .txt{ flex-shrink: 0}
    .ai-cb8{ margin-top: 4.667rem}
    .ai-cb8 .ai-cb8-img{    width: 16.083rem;}
    .ai-cb5{ text-align: right;}
    .ai-cb5-img{ width: 19rem; margin-top: 4.95rem}
    .ai-cb5 .right{ width: 23.017rem}
    .ai-cb5 .txt{ width: 5.667rem}
    .ai-cb5 .ai-ct.right{ margin-top: -1.333rem}
    .ai-cb5 .ai-cb2.right{ margin-top: 0}
    .ai-cb7 img.cao{ width: 10.667rem}
    .ai-cb7{ margin-top: -0.533rem}

    .pc-menu>li>ul>li.ct{ position: relative;}
    .pc-menu>li>ul>li .ct-cate{     position: absolute;
        top: 100%;
          left: 0;
        text-align: center;
        background: #ffff;
        width: 200px;height: 0; transition: all 0.3s; overflow: hidden;}
    .pc-menu>li>ul>li .ct-cate a{ display: block; width: 100%; font-size: 0.267rem;font-weight:initial; line-height: 1.7;padding: 3px 5px;  }
    .pc-menu>li>ul>li .ct-cate a:hover{ background: #333; color: #fff ;}
    .pc-menu>li>ul>li.ct:hover .ct-cate{ height: auto; padding: 15px 0; }

.oth-banner img{width:100%;}
.footer .d3 .c-list .item{    position: relative;}
.footer{overflow: initial;}
.footer .d3 .c-list .item .fx{
    position: absolute;
    width: 185px;
 
    bottom: 35px;
    z-index: 99;
height:0;    transition: all 0.3s;    overflow: hidden;
}
.footer .d3 .c-list .item:hover .fx{height: auto;   border: 5px solid #be9a1f;}

.dou1{ font-size: 2.667rem;    color: #f8ead6;}
.dou3{ font-size: 5.333rem;    color: #f8ead6;}

.taotie1{
    background: rgba(125,125,125,.5);
    border-radius: 0.5rem;padding-top: 0.95rem;   padding-right: 0.95rem;
padding-left: 0.95rem;padding-bottom: 0;   height: auto;
}

.taotie1 .con{
padding: 0 1.583rem 0 1.417rem;
    font-size: 0.3rem;
 
    line-height: 0.6rem;
}


.ziran1{
    background: rgba(74,146,140,.7);
    border-radius: 0.5rem;padding-top: 0.95rem;   padding-right: 0.95rem;
padding-left: 0.95rem;padding-bottom: 0;
}
.cd1{margin-bottom: 0.95rem;width: 0.85rem;}
.cd2{text-align: right;transform: translateY(0.5rem); }
.cd2 img{width: 2.233rem;}

.yuanlin1{
    background: rgba(229,230,104,.5);
    border-radius: 0.5rem;padding-top: 0.95rem;    padding-right: 0.95rem;
padding-left: 0.95rem;padding-bottom: 0;    height: auto;
}

.yuanlin1 .con,.huacao1 .con{
color:#545454
}
.huacao1 .con{
    color: #fff;
}
.huacao1{
    background: rgba(88,148,11,.5);
    border-radius: 0.5rem;padding-top: 0.95rem;    padding-right: 0.95rem;
padding-left: 0.95rem;padding-bottom: 0;    height: auto;
}

.taotie5 .c2 .con{     background: rgba(33,98,85,.64);    margin-left: 0.35rem;
    padding: 1.167rem 1.317rem 0.65rem 1.483rem;
    border-radius: 0.3rem; height: auto;  }
.taotie5 .c2 .con .text{     font-size: 0.3rem; }
.taotie5 .c2 .con .cd1{  margin: 0rem auto -0.7rem -1.833rem;}
.taotie5 .c2 .con  .cd2{width: 0.85rem;    margin: 0 -0.3rem 0 auto;
    transform: none;}

.taotie5.ziran5 .c2 .con{background: rgba(210,197,167,.8);    width: 13.3rem;}

.taotie5.yuanlin7 .c2 .con{background: rgba(133,110,70,.8); }
.huacao6 .c2 .con{    width: 12.317rem;}

.ai-cb8 .ai-ct{width:auto}

.sye3 .mxw-box .box1 .s3 .img {
     flex-shrink: 0;
}
.sye3 .mxw-box .box1{    padding-left: 1rem;}
.sye3 .mxw-box .box1 .s3{margin-top: 0.6rem;}


.sye3 .mxw-box .box1 .s3 .txt>div {
    line-height: 1;
}


@media screen and (max-width: 1840px) {
.xiansheng .right .bot {
  
}
.xiansheng .right .bot .ul>div {
display: flex;
    margin-bottom: 15px;
     font-size: 0.267rem;

}
.xiansheng .right .top{
    
}

.xiansheng .left{
    display: flex;
    align-items: center;
    justify-content: center;}
.xiansheng .left>img{    max-width: initial;}

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

.xiansheng .left{    width: 11rem;}

}

@media screen and (max-width: 1680px) {
.xiansheng .left{        width: 10rem;}
.citem .right{    padding-left: .75rem;     padding-right: 0.5rem;}

.sye-swiper .swiper-slide {
        width: 50%;

}
.footer .d1{ margin-left:0 ;  width: 30%;    flex-shrink: 0;}
}


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

.xiansheng .left{    width: 11rem;}

}




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

.xiansheng .left{    width: 12rem;}

}





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

.footer .d1{    width: 30%;  }
.lyou .mxw-image{    width: 7rem;}
.lyou .bw-item .more{    margin-left: 1rem;}
.footer .d3 {
    width: 27%;
}
}

@media screen and (max-width: 1366px) {
.xiansheng .left {
    width: 13rem;
}


}



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

}
/* ==================== 轮播图 end ==================== */



/* ==================== 分页样式 start ==================== */
.Pagination {
 
    margin-bottom: 1rem;
    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.current,
.Pagination > a:hover {
    background-color: #0f6a46;
    color: #fff ;
}
.Pagination > a:first-child {
    margin-left: 0;
}
.Pagination > a:last-child {
    margin-right: 0;
}
@media screen and (max-width: 750px) {
    .Pagination {
        margin-top:20px;
        margin-bottom: 40;
    }
    .Pagination > a {
        font-size: 12px;
        margin: 5px;
        padding: 8px 10px;
        display: none;
    }
    .Pagination .tips{ display:inline-block}
     
     .Pagination .tips:nth-child(1){ display:none}
     .Pagination .tips:last-child{ display:none}
}




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




    .gg{    padding: 15px 2.5%; line-height: 1.5; text-align: left}
    .gg span{ font-size: 16px;}
    .mxw-banner .swiper-pagination .swiper-pagination-bullet::after{ width: 8px; height: 8px;}
    .mxw-banner .swiper-pagination .swiper-pagination-bullet{ width:15px; height: 15px }
    .in-box1{ padding-top: 45px; height: auto; overflow: hidden;}
    .sy-t{ font-size: 24px; margin-bottom: 30px}

    .in-box1 .st-con .flex{ position: initial;}
    .in-box1 .st-con .flex h1{  color: #1c1c1c; font-size: 22px; margin-top: 15px; margin-bottom: 10px}
    .in-box1 .st-con .flex .txt{ font-size: 14px; color: #333;  margin-bottom: 20px;}
    .hslr{ float: right;}

    .in-box2{ padding-top: 40px;}
    .in-box2 .sy-t{ margin-bottom: 10px;}
    .in-box2 .desc {
        font-size: 16px;}
    .in-box2 .more{ font-size: 14px; margin: 10px auto 20px;}
    .sye-swiper .swiper-slide{ width: 100%;}
    .in-box2 .c1{ font-size: 18px; margin-top: 10px;}
    .in-box2 .c2{ font-size: 14px; margin-top: 10px;}
    .sye-swiper .swiper-pagination{ margin-top: 20px;}
    .sye-swiper .swiper-pagination .swiper-pagination-bullet::after{ width: 8px; height: 8px;}
    .sye-swiper .swiper-pagination .swiper-pagination-bullet{ width:15px; height: 15px }
    .in-box3{ margin-top: 45px;}
    .in-box3 .mxw-box{ flex-wrap: wrap;}
    .in-box3 .tb-item{ width: 48.5%; margin-bottom: 15px;}
    .in-box3 .tb-item .flx{ left: 0; width: 100%; padding: 0 20px;}
    .in-box3 .tb-item .flx .c1{ font-size: 18px;}
    .in-box3 .tb-item .flx .c2{ font-size: 14px; margin-top: 10px;}

    .in-box4{ margin-top: 30px;}
    .in-box4-cate .item{ font-size: 16px; padding-bottom: 10px; text-align: center; width: 30%;
        margin: 0 ;}
    .in-box4-body{margin-top: 15px;}
    .in-box4-swiper .swiper-button-next::after, .in-box4-swiper .swiper-button-prev::after{ font-size: 16px;}
    .in-box4-swiper .flex h1{ font-size: 18px;}
    .in-box4-swiper .flex>div{ width:100%; padding-left: 20px}
    .in-box4-swiper .flex{ width: 55%;}
    .in-box4-swiper .flex .desc{ font-size: 14px; margin: 10px auto 15px;}
    .in-box4-swiper .flex .more{ zoom: 0.75}
    .in-box4-swiper .flex .more{ font-size: 14px;}

    .in-box5{ margin-top: 30px;}
    .in-box5-cate .item{ font-size: 16px; padding-bottom: 10px; text-align: center; width:30%;
        margin: 0 ;}
    .in-box5-cate .item:first-child{ width: 65%}
    .in-box5-body{margin-top: 15px;}
    .in-box5-swiper .swiper-button-next::after, .in-box5-swiper .swiper-button-prev::after{ font-size: 16px;}
    .in-box5-swiper .flex h1{ font-size: 18px;}
    .in-box5-swiper .flex>div{ width:100%; padding-left: 20px}
    .in-box5-swiper .flex{ width: 85%;}
    .in-box5-swiper .flex .desc{ font-size: 14px; margin: 10px auto 15px;}
    .in-box5-swiper .flex .more{ zoom: 0.75}
    .in-box5-swiper .flex .more{ font-size: 14px;}
    .hui-box{ margin-top: 45px}
    .footer .d1{ display: none;}
    .sy-box .mxw-box h1{ font-size: 18px;}
    .sy-box .mxw-box .desc {font-size: 14px; margin: 10px auto 15px;}
    .sy-box .sgin,.sy-box .ref{zoom: 0.75}
    .footer{ padding-top: 25px;}
    .footer .d2{ width: 100%; justify-content: flex-start;}
    .footer .d2>div{ margin-right: 15px;}
    .footer .mxw-box{ flex-wrap: wrap;}
    .footer .d3{ width: 100%; margin-top: 24px;}
    .footer .d3 .c1 p{ font-size: 14px; margin-bottom: 10px;}
    .footer .mxw-box{ margin-bottom: 20px;}
    .bd1{ flex-wrap: wrap;}
    .bd1>a{ margin: 0 5px;}
    .bd1 .lang{ width: 100%; margin: 10px auto;}

    .wnda .item{ margin-top: 15px; margin-bottom: 15px; padding-bottom: 0;}
    .wnda .item>div:first-child{ font-size: 16px; margin-bottom: 10px;}
    .wnda .item .con, .wnda .item .con p{ font-size: 14px; line-height: 1.7}
    .wnda{ margin: 30px auto 45px}
    .jf-con{ margin: 40px auto 45px}
    .jf-con .item div{ font-size: 18px;}
    .jf-con .item div img{     width: 20px;
        margin-right: 10px;}
    .jf-con .item p{ font-size: 14px; margin-top: 10px;}
    .jf-con .item{ margin-bottom: 25px;}
    .li-list{margin: 40px auto 45px;    padding: 20px 20px 10px;}
    .st1{ font-size: 22px;}
    .st2{ font-size: 16px; margin-top: 10px;}
    .ka-list{ margin-top: 15px; padding-top: 15px; flex-wrap: wrap;}
    .ka-list .item{ width: 48.5%; margin-bottom: 20px;}
    .ka-list .item p{ font-size: 14px; margin-top: 5px; }
    .conte-lu{margin: 30px auto 45px}
    .conte-lu .st1{ margin-bottom: 20px;}
    .footer .bottom{ padding: 20px 0}
    .actv-list{padding: 40px 0 45px;}
    .actv-list .item{ flex-wrap: wrap;}
    .actv-list .item .mxw-image{ width: 100%;}
    .actv-list .item .right{ width: 100%; padding: 20px;}
    .actv-list .item .right .st{ font-size: 18px;}
    .actv-list .item .right .con{ margin: 15px auto; font-size: 14px;}
    .actv-list .item .right .more{zoom: 0.7;}
    .pp-top{ flex-wrap: wrap;    margin: 30px auto;}
    .about3-swiper-big{ width: 100%; margin: 0;}
    .about3-swiper-small{ width: 100%; margin-top: 10px;height: auto;}
    .about3-swiper-big .item .text{ font-size: 14px; line-height: 24px; padding: 10px;}
    .pst-title{ margin-bottom: 25px;}
    .ppxw-list .st{ font-size: 22px;}
    .ppxw-con{ padding-top: 20px; flex-wrap: wrap;}
    .ppxw-con .item{ width: 49%; margin-right: 2%;}
    .ppxw-con .item:nth-child(2n){ margin-right: 0}
    .ppxw-con .item .st{ font-size: 16px;}
    .ppxw-con .item .ctime{ margin: 10px auto 15px;}
    .get_more{ zoom: 0.7}
    .zs-List{ padding: 30px 0;    background-size: 100% 100%;}
    .zs-List .mxw-box{ margin: 20px auto 25px;}
    .zs-List .get_more{  margin-bottom: 0;}
    .zs-List .mxw-box{ padding: 0 8%;}
    .zs-List .mxw-box .itm p{ margin-top: 10px;}
    .lx-info{ padding: 20px; margin: 30px auto 45px;}
    .lx-info .c1{ font-size: 22px;}
    .lx-info .c1::after{ margin-top: 10px;}
    .lx-info .ul{ margin: 20px auto 0; flex-wrap: wrap;}
    .lx-info .ul>div{ width: 100%; text-align: left; text-indent: 0; font-size: 14px; margin-bottom: 15px;}
    .lx-info .ul>div:nth-child(3){ text-align: left;width: 100%;}
    .lx-info .ul img{ width: 20px;}

    .mxw-banner .swiper-button-next, .mxw-banner .swiper-button-prev{ zoom: 0.7}
    .mxw-banner .swiper-button-prev{ left: 2.5%; transform: translateY(-50%)}
    .mxw-banner .swiper-button-next{ right: 2.5%; transform: translateY(-50%)}

    .xiansheng{ margin: 35px auto 40px; flex-wrap: wrap;}
    .xiansheng .left{ width: 100%;}

    .xiansheng .right .top{ padding: 20px;}
    .xiansheng .right .top .bx1{ font-size: 22px;}
    .xiansheng .right .top .bx1 p{ font-size: 16px;}
    .xiansheng .right .top .box2{ font-size: 14px; line-height: 1.7; margin-top: 15px;}
    .xiansheng .right .bot{ padding: 0}
    .xiansheng .right .bot h1{ font-size: 22px; margin-top: 15px;}
    .xiansheng .right .bot .ul{ flex-wrap: wrap; margin-top: 15px;}
    .xiansheng .right .bot .ul>div:nth-child(2n){ width: 100%; margin-bottom: 10px;}
    .xiansheng .right .bot .ul>div{ width: 100%;margin-bottom: 10px;}
    .mtt{ font-size: 24px; margin: 35px auto 25px}
    .ms-list1{ flex-wrap: wrap;}
    .ms-list1 .mitm{ width: 49%; margin-right: 2%; margin-bottom: 10px;}
    .ms-list1 .mitm:nth-child(2n){ margin-right: 0}

    .ms-list2{flex-wrap: wrap;}
    .ms-list2 .mitm{ width: 100%;}
    .ms-list3{ flex-wrap: wrap; margin-bottom: 45px;}
    .ms-list3 .left{ width: 100%; margin-bottom: 10px;}
    .ms-list3 .right{ width: 100%; flex-wrap: wrap;}
    .ms-list3 .right .mitm{ width: 49%; margin-right: 2%; margin-bottom: 10px; margin-left: 0}
    .ms-list3 .right .mitm:nth-child(2n){ margin-right: 0}

    .ct-list{ padding: 40px 0 45px;}
    .ct-list .citem{ margin-bottom: 15px; flex-wrap: wrap;}
    .citem .left{ width: 100%;}
    .citem .right{ width: 100%; padding: 20px;}
    .citem .right .st1{ font-size: 18px; margin-bottom: 10px;}

    .citem .right p{ font-size: 14px; margin-bottom: 15px;}
    .citem .right .cx,.citem .right .yssj{ font-size: 16px; line-height: 1.7; margin-bottom: 15px;}
    .citem .right .cx img,.citem .right .yssj img{ width: 20px;}
    .citem .right .yssj span{ font-size: 16px;}
    .citem .right .more{ zoom: 0.7}
    .ct-list .citem:nth-child(2n) .right{ order: 3}
    .show-info{ margin: 40px auto 45px; padding: 20px}
    .show-info h1{ font-size: 22px;}
    .show-info>.st{ margin: 15px auto 20px; font-size: 16px}
    .show-info .content{ line-height: 1.7; margin-top: 15px; margin-bottom: 20px;}
    .show-info .yyst{ width: 100%;}
    .show-info .yyst .st{ padding: 10px; text-align: left; font-size: 14px;}
    .show-info .yyst .st span,.show-info .lxdh span{     text-align: left; font-size: 16px; margin-bottom: 10px; line-height: 1.7
        border: 0;
        display: block;}
    .show-info .lxdh{ font-size: 14px; line-height: 1.7; text-align: left}
    .sh-hj-bg{ padding: 35px 0}
    .hhwd{ margin: 30px auto; font-size: 16px;}
    .sye-swiper .swiper-slide .info{ margin-top: 10px;}
    .sye-swiper .swiper-slide .info .left div{ font-size: 16px;}
    .sye-swiper .swiper-slide .info .left p{ font-size: 14px; margin-top: 10px;}
    .sye-swiper{ width: 95%; margin: 0 auto; overflow: hidden}
    .sye-swiper .swiper-slide .info .more{zoom: 0.7}
    .sye{ margin-bottom: 45px;}

    .sye2 .mxw-box{ flex-wrap: wrap; justify-content: space-between}
    .sye2 .mxw-box .sy-item{ width: 48.5%; margin: 0 auto 20px;}
    .sy-item .ct1{ margin-top: 10px; font-size: 16px;}
    .sy-item .ct2{ font-size: 14px; margin-top: 5px;     line-height: 1.7; height: 69px;}
    .sy-item .ct3{ margin: 10px auto 3px 0;}
    .sye2{ margin-bottom: 40px;}
    .sye3 .mxw-box{ flex-wrap: wrap;}
    .sye3 .mxw-box .mxw-image{ width: 100%; margin: 0 auto}
    .sye3 .mxw-box .box1{ width: 100%; padding: 20px; margin: 0 auto;}
    .sye3{ margin-bottom: 45px;}
    .sye3 .mxw-box .box1 .s1{ font-size: 18px;}
    .sye3 .mxw-box .box1 .s2{ font-size: 14px; margin-top: 10px; line-height: 1.7}
    .sye3 .mxw-box .box1 .s3{ margin-top: 15px;}
    .sye3 .mxw-box .box1 .s3 .txt>div{ font-size: 16px;}
    .sye3 .mxw-box .box1 .s3 .txt>p{ font-size: 14px; margin-top: 10px;}
    .sye3 .mxw-box .box1 .s3 .img{ flex-shrink: 0}
    .jy-fx{ width: 100%;transform: none; padding: 20px;}
    .bw-list{margin: 40px auto 45px;}
    .bw-list .bw-item{ flex-wrap: wrap;}
    .bw-item .mxw-image{ margin: 0 auto 10px; order: 1; width: 100%;}
    .bw-item .rq{ width: 100%; order: 2; margin: 0 auto;}
    .bw-item .con{ order: 3; width: 100%;}
    .bw-item .rq>div{ width: 100%; display: flex; align-items: center;}
    .bw-item .rq .r{ padding: 0; font-size: 14px; text-align: left; border: none; display: inline-block; order: 1}
    .bw-item .rq p{  padding-top: 0; font-size: 14px; display: inline-flex; align-items: center;}
    .bw-item .rq p::after{ content: "-"; display: inline-block}
    .bw-item .sbt{ font-size: 16px; margin-top: 10px; margin-bottom: 10px;}
    .bw-item .con>div{ width: 100%;}
    .bw-item .desc{ font-size: 14px; margin-bottom: 15px;}
    .bw-item .more{ zoom: 0.7}
    .bw-list .bw-item{ padding-bottom: 20px;}
    .ai-box1 .con{ width: 95%; padding: 20px; top: 60px}
    .ai-box1 .con p{ font-size: 14px; line-height: 1.7}
    .ai-box1{ display: flex;align-items: flex-start; justify-content: center;}
    .ai-box1>img{ width: 200%; max-width: 200%;}
    .ai-box2 .xf-con{ top: 40px;}
    .ai-ct{ width: 95%; margin: 2.7rem auto 0; font-size: 18px; text-align: left; justify-content: flex-start;}
    .ai-ct::after{ display: none;}
    .ai-cb2{ width: 95%; flex-wrap: wrap; margin: 20px auto 40px;}
    .ai-cb2 .txt{ width: 100%; font-size: 14px; line-height: 1.7}
    .ai-cb3{ margin: 30px auto;}
    .taotie1{ width: 95%; margin: 40px auto 30px; background-size: 100%; padding: 20px; font-size: 14px; line-height: 1.7; background: #bebebe; height: auto;
    border-radius: 15px; }
    .taotie3{ margin: 30px auto;}
    .taotie3 .c1{ zoom: 0.7; margin-bottom: 15px; }
    .taotie3 .c2{ font-size: 14px; width: 95%; margin: 0 auto 15px;}
    .taotie3 .c3 .swiper-slide .mxw-image{ border-radius: 15px;}
    .taotie3 .c3 .swiper-pagination{ margin-top: 15px;}
    .taotie4{ margin-top: 30px;}
    .taotie4 .c1 img{ width: 80%;}
    .taotie4 .c2{ width: 95%; margin: 10px auto 15px; font-size: 14px; line-height: 1.7}
    .taotie4 .c3 .itembox1{ flex-wrap: wrap;}
    .taotie4 .c3 .item1 .text{ opacity: 0; display: none;}
    .taotie4 .c3 .item1 .image{ display: block;}
    .taotie4 .c3 .item1{ width: 100%; margin-bottom: 20px;}
    .taotie5{ margin-top: 35px;}
    .taotie4 .c3 .item1:nth-child(3) p,.taotie4 .c3 .item1:nth-child(4) p{ color: #1c1c1c;}
    .taotie5 .c2{ margin-top: 15px;}
    .taotie5 .c2 .con{ font-size: 14px; line-height: 1.7;}
    .taotie5 .c2 .con{ width: 100%;     padding: 45px 20px 35px 45px; height: auto;         background-size: 100% 100%;}
    .taotie5 .c3{ width: 95%; margin:-35px auto 45px;}
    .taotie5 .c3 .item{ font-size: 14px; flex-shrink: 0; padding-top: 10px;}
    .taotie5 .c3 .right a{ font-size: 14px;}
    .taotie5 .c3 .right{ padding-top: 10px;}
    .ziran3{ margin-top: 30px;}
    .ziran3 .c3 .swiper-slide .mxw-image{ border-radius: 25px;}
    .ziran3 .c3 .swiper-pagination{ margin-top: 15px;}
    .huacao4 .zr-item{ width: 48%; margin-bottom: 20px;}
    .huacao4 .zr-list{ flex-wrap: wrap;}
    .huacao4 .zr-item .mxw-image{ border-radius: 15px;}
    .huacao4 .zr-item .st{ font-size: 16px; margin-top: 10px;}
    .huacao4 .zr-item p{ font-size: 14px; margin-top: 10px;}
    .ziran3 .c1{ margin-bottom: 15px;}
    .ziran3 .c2{ width: 95%; font-size: 14px; line-height: 1.7; margin-bottom: 20px;}
    .huacao6 .c2 .con p{ font-size: 14px;}
    .huacao6 .c2 .con{ padding-top: 20px;}
    .yuanlin4 .zr-list{ flex-wrap: wrap;}
    .yuanlin4 .zr-list .mxw-image{ width: 48.5%; border-radius: 15px; margin-bottom: 20px;}
    .ziran1 p{ font-size: 14px; line-height: 1.7}
    .ai-cb5 .ai-ct.right{ float: none; margin: 30px auto 15px; font-size: 16px;}
    .ai-cb5 .ai-ct.right::before{ display: none;}
    .ai-cb5 .right{ margin-top: 0; float: none;}
    .ai-cb2 .txt{ margin-bottom: 15px;}
    .ai-cb6 img{ margin: 0; width: 100%;}
    .ai-cb7{ margin-top: 30px;}
    .ai-cb7 img{ width: 100%;}
    .ai-cb8 .ai-ct{ margin-top: 30px; width: 100%; font-size: 16px;}
    .ai-cb8 .desc{ width: 100%; font-size: 14px; line-height: 1.7; margin-bottom: 20px;}
    .cb8-list{ margin-bottom: 45px;}
    .cb8-list .item{ width: 32%;}



    body{ margin-bottom: 0}
}

    @media screen and (max-width: 751px){
        .qmj-list{ margin: 40px auto 45px;}
        .qmj-list .item{ flex-wrap: wrap; margin-bottom: 20px}
        .qmj-list .left{ width: 100%; padding: 0;}
        .qmj-list .right{ width: 100%; padding: 0;}
        .qmj-list .right .st{ font-size: 18px; margin-top: 10px; margin-bottom: 15px;}
        .qmj-list .right .con{ font-size: 14px; line-height: 1.7; margin-bottom: 15px;}
        .qmj-list .right .more{ zoom: 0.7;}
        .qmj-list .item:nth-child(2n) .left{ order: initial; padding: 0;}
        .qmj-list .item:nth-child(2n) .right{ padding: 0; justify-content: flex-start;}
        .qmj-list .item:nth-child(2n) .right .st{ text-align: left;}
        .qmj-list .item:nth-child(2n) .right .con{ text-align: left;}
        .qmj-list .item:nth-child(2n) .right .more{ float: none;}
        .mxw-banner .swiper01 .img01{ bottom: 20%; width:50%;}
    .mxw-banner .swiper-slide:first-child .img01 img{ width: 60%}
.in-box5-swiper .swiper-slide:first-child .flex>div{    padding-left: 10%;}
.sy-box {
    position: relative;
    display: flex;
    justify-content: center;    overflow: hidden;
}
.sy-box>img{     max-width: 150%;
    width: 150%;}

.jd-show{ margin: 40px auto 45px;}
    .jd-show .doc{ width: 95%; font-size: 14px; margin: 15px auto 30px;}
    .jd-show .doc p{ font-size: 14px; line-height: 1.7}
    .fx-item{flex-wrap: wrap; margin-bottom: 30px;}
    .fx-item .left{ width: 100%;}
    .fx-item .right{ width: 100%; padding: 0}
    .fx-item .right .tt{ font-size: 18px; margin-bottom: 20px; margin-top: 10px;}
    .fx-item .right .tt::after{ width: 120px; margin-top: 15px;}
    .fx-item .right .con .item .i1{ zoom: 0.8}
    .fx-item .right .con .item .i2{ font-size: 14px;}
    .fx-item .right .con .item{ margin-top: 10px;}
    .fx-item:nth-child(2n) .left{ order: initial}


.lvyou{ padding: 40px 0 35px;}
.lvyou .con{ width: 95%; font-size: 14px; margin: 15px auto 0;    text-align: center;}
.lvyou .sy-t::after{margin: 10px auto 0;}
.bw-list .lyou{ margin-top:0}
.lyou .bw-item .more{display:none;}
.lyou .bw-item .sbt,.lyou .xh{    margin-bottom: 10px;}
.lyou .bw-item{    margin-bottom: 30px;    padding-bottom: 0px;}
.lyou .desc{    line-height: 1.5;}
.footer .d2 p{font-size: 14px;}


   .ai-box3{ background-size: 100%;}
        .ai-box3 .ai3-img{ width: 75%; margin-left: 2.5%;}
        .ai-cb2 .txt{ margin: 10px auto 0; width: 100%}
        .ai-cb5-img{ width: 75%; margin-top: 30px}
        .ai-cb5 .ai-ct.right{ text-align: right; width: 95%;    justify-content: flex-end;}
        .ai-cb5 .ai-cb2.right{ width: 95%}
        .ai-cb5 .ai-cb2.right .txt{ margin-bottom: 10px}
        .ai-cb7 img.cao{ width: 50%;}
        .ai-cb8{ margin-top: 30px; padding-bottom: 1.5rem;}
        .ai-cb8 .ai-cb8-img{width: 75%;}
.mxw-banner .swiper01 .img01 img, .mxw-banner .swiper01 .img02 img{ height:95px;}
.ziran4 .zr-list>.mxw-image{    border-radius: 10px;}
.taotie5 .c3 .item {
    font-size: 12px;}
.taotie5 .c3 .right{padding-top: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    padding-left: 15px;}
.taotie5 .c3 .right a {
    font-size: 12px;
    width: 50%;
    margin-left: 0;
}
.lx-info .ul>div{    display: flex;
    align-items: flex-start;}
.in-box5-cate .item>a {
    font-size: 16px;
    margin: 0;
    padding: 0 10px 10px;
}
 .in-box5-cate .item.ct:hover .ct-cate{ height:0;    padding: 0;}
.fx-item:nth-child(2n) .right{ padding: 0;}
.fx-item .right .con .item .i2 span{    font-size: 16px;}
.mxw-banner .swiper01 .img02{
    zoom: 0.8;
    position: initial;
}
.mxw-banner .swiper01 .img01{width:80%;}
.bw-item .mxw-image{  max-width:100%;}



.taotie5 .c2 .con{    margin: 0 auto;padding: 20px;}
.taotie5 .c2 .con .cd1,.taotie5 .c2 .con .cd2 {
  display: none;
}
.taotie5 .c2 .con .text{ font-size:14px}
.taotie1 .con{     padding: 0;font-size:14px}
.taotie1 .cd1,.taotie1 .cd2{  display: none;}









    }













@media screen and (max-width: 450px){
.mxw-banner .swiper-slide .bg-img>img {
    width: 150%;
    max-width: initial;
}
.mxw-banner .swiper01 .img01 {
    bottom: 50%;
    transform: translateY(50%);
}



.mxw-banner .swiper01.bn0 .img01 img{    max-height: 100px !important;}
.mxw-banner .swiper01.bn1 .img01 img{        max-height: 150px !important;}
.in-box5-cate .item>a{    display: block;}




}