﻿    * {
        padding: 0;
        margin: 0;
        box-sizing: border-box;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        /* background-color: #eeeeee; */
    }
    
    ul li {
        list-style: none;
    }
    
    a {
        text-decoration: none;
        color: #000;
    }
    
    a:hover {
        text-decoration: none;
    }
    
    img {
        vertical-align: top;
        outline-width: 0ch;
    }
    
    .clear {
        clear: both;
    }
    /* 样式初始化 */
p {
    padding: 0;
    margin: 0;
}

    p img {
        outline-width: 0px;
        vertical-align: top;
    }

    
    @media screen and (min-width: 996px) {
        .mbheadder {
            display: none;
        }
        .head {
            width: 100%;
            /* height: 60px; */
            line-height: 80px;
            height: 80px;
        }
        .head_inner {
            max-width: 1200px;
            margin: 0 auto;
            height: 60px;
            line-height: 80px;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
        .headL {
            height: 80px;
            line-height: 80px;
            display: flex;
            align-items: center;
        }
        .headL a {
            height: 80px;
            line-height: 80px;
            display: flex;
            align-items: center;
        }
        .headR {
            box-sizing: border-box;
            width: 120px;
            height: 21px;
            top: 30px;
            border: 0.5px solid #444444;
            border-radius: 10px;
            outline: 0;
            display: flex;
            align-items: center;
        }
        .headR img {
            width: 14.37px;
            height: 14px;
        }
        .headR input {
            border: none;
            width: 83px;
            height: 16px;
            margin-left: 15px;
            outline: 0;
        }
        .head_mid {
            width: 72%;
        }
        .head_mid ul {
            width: 100%;
            display: flex;
            justify-content: space-between;
        }
        .head_mid ul li:nth-child(1) {
            width: 177px;
            height: 80px;
            line-height: 80px;
            color: #000;
        }
        .active a {
            color: #000 !important;
            display: block;
            text-align: center;
            width: 100%;
        }
        .head_mid ul li {
            width: 177px;
            height: 80px;
            line-height: 80px;
            background: #fff;
            /* identical to box height */
            color: #000 !important;
            position: relative;
        }
        .head_mid ul li:hover a {
            color: #000;
        }
        .erji {
            width: 100%;
            background-color: #2F8E7E;
            position: absolute;
            top: 100%;
            left: 0;
            display: none;
            z-index: 100000;
        }
		.head_mid ul li .erji ul{display:block; width:100%;}
		.head_mid ul li .erji ul li{position:relative;background: #fff;height: 45px;line-height: 45px;}
		.head_mid ul li .erji ul li:hover{background:#2F8E7E;}
		.head_mid ul li .erji ul li a{color:#000;}
		.head_mid ul li .erji ul li:hover a{color:#fff;}
		.head_mid ul li .sanji{position: absolute;top: 0;left: 100%;width: 100%; display:none;}
		.head_mid ul li .sanji a{display:block;background: #fff; color:#000 !important}
		.head_mid ul li .sanji a:hover{color:#2F8E7E !important}
		.head_mid ul li .erji ul li:hover .sanji{display:block;}
        .head_mid ul li .erji a {
            display: block;
            width: 100%;
            height: 35px;
            line-height: 35px;
            color: #000;
			font-weight:normal;
        }
        .head_mid ul li:hover .erji {
            display: block !important;
        }
        .head_mid ul li:hover {
            background-color: #000 !important;
        }
        .head_mid ul li:hover>a {
            color: #fff !important;
        }
        .head_mid ul li a {
            color: #000;
            display: block;
            width: 100%;
            text-align: center;
            font-family: 'Alibaba PuHuiTi 2.0';
            font-style: normal;
            font-weight: 600;
            font-size: 16px;
        }
        .swiper {
            width: 100%;
            height: 100%;
        }
        .swiper-slide {
            text-align: center;
            font-size: 18px;
            background: #fff;
            /* Center slide text vertically */
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
        }
        .swiper-slide img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .swiper {
            margin-left: auto;
            margin-right: auto;
        }
        .con01 {
            width: 100%;
            height: auto;
            padding: 30px 0;
        }
        .con01_inner {
            max-width: 1228px;
            margin: 0 auto;
        }
        .con01_top {
            width: 100%;
            position: relative;
            display: flex;
            align-items: center;
        }
        .con01_line {
            position: absolute;
            width: 2px;
            height: 23px;
            left: 179px;
            top: 7px;
            background: #D9D9D9;
            transform: rotate(90deg);
        }
        .con01_top span {
            font-family: 'Alibaba PuHuiTi 2.0';
            font-style: normal;
            font-weight: 700;
            font-size: 24px;
            line-height: 34px;
            letter-spacing: 0.2em;
            color: #444444;
        }
        .con01_top img {
            width: 91px;
            height: 24px;
            margin-left: 6%;
        }
        .con01_mid {
            width: 100%;
            height: auto;
            display: flex;
            justify-content: flex-end;
            margin: 30px 0;
        }
        .con01_mid ul {
            width: 487px;
            height: 34px;
            display: flex;
            justify-content: space-between;
        }
        .con01_mid ul li {
			font-weight:bold;
            width: 100%;
            position: relative;
            display: flex;
            justify-content: center;
        }
        .con01_mid ul li:after {
            content: '';
            position: absolute;
            right: 10px;
            width: 2px;
            height: 60%;
            background: #fff;
            top: 8px;
        }
        .con01_mid ul li:nth-child(3):after {
            display: none;
        }
        .con01_mid ul li a {
            height: 34px;
            line-height: 34px;
            font-family: 'Alibaba PuHuiTi 2.0';
            font-style: normal;
            font-weight: 400;
            font-size: 18px;
            /* identical to box height */
            letter-spacing: 0.2em;
            color: #000000;
        }
        .con01_list {
            width: 100%;
            display: flex;
        }
        .con01_list ul {
            width: 100%;
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
        }
        .con01_list ul li {
            width: 296px;
            margin: 5px;
        }
        .con01_list ul li a {
            display: block;
            width: 100%;
            overflow: hidden;
        }
        .con01_list ul li a img {
            width: 100%;
            display: block;
            transition: all ease .3s;
        }
        .con01_list ul li a img:hover {
            transform: scale(1.1);
        }
        .con02 {
            width: 100%;
            height: auto;
            background: #F1F1F1;
        }
        .con02_inner {
            max-width: 1200px;
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
        }
        .con02L {
            /* width: 100%; */
            /* height: 448px; */
            max-width: 1200px;
            margin: 40px auto;
        }
        .swiper {
            width: 100%;
            height: 100%;
        }
        .swiper-slide {
            text-align: center;
            font-size: 18px;
            background: #fff;
            /* Center slide text vertically */
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
        }
        .swiper-slide img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .swiper {
            margin-left: auto;
            margin-right: auto;
        }
        .con02R {
            width: 100%;
            /* height: 448px; */
            position: relative;
        }
        .con02R img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .con02R_nr {
            position: absolute;
            top: 40%;
            left: 0%;
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
        }
        .con02R_nr h4 {
            font-size: 28px;
            color: #fff;
            width: 100%;
            text-align: center;
            font-weight: 600;
        }
        .con02R_nr a {
            display: flex;
            justify-content: center;
            text-align: center;
            width: 30%;
            border: 1px solid #fff;
            border-radius: 33px;
            padding: 6px 0;
            margin: 10px 0;
            color: #fff;
        }
        .foot {
            width: 100%;
            background-color: #020202;
            padding: 50px 0;
        }
        .foot_inner {
            max-width: 1228px;
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
        }
        .footL {
            width: 154px;
        }
        .foot_mid {
            width: 580px;
            display: flex;
            justify-content: center;
            position: relative;
        }
        .foot_mid01 {
            width: 25%;
            margin-left:60px;
        }
        .foot_mid01 ul {
            width: 80%;
            margin: 0 auto;
        }
        .foot_mid01 ul li {
            display: block;
            width: 100%;
            margin: 6px 0;
        }
        .foot_mid01 ul li a {
            display: block;
            width: 100%;
            color: #fff;
            font-family: 'Alibaba PuHuiTi 2.0';
            font-style: normal;
            font-weight: 400;
            font-size: 14px;
            line-height: 135%;
            /* or 22px */
            color: #FFFFFF;
        }
        .foot_mid02 ul {
            width: 100%;
            margin: 0 auto;
        }
        .foot_mid02 ul li {
            display: block;
            width: 100%;
            margin: 6px 0;
            text-align: center;
        }
        .foot_mid02 ul li a {
            display: block;
            width: 100%;
            color: #fff;
            font-family: 'Alibaba PuHuiTi 2.0';
            font-style: normal;
            font-weight: 400;
            font-size: 14px;
            line-height: 135%;
            /* or 22px */
            color: #FFFFFF;
        }
        .foot_mid01 h4 {
            width: 100%;
            height: 28px;
            font-family: 'Alibaba PuHuiTi 2.0';
            font-style: normal;
            font-weight: 500;
            font-size: 20px;
            line-height: 28px;
            /* identical to box height */
            color: #FFFFFF;
        }
        .foot_mid02 h4 {
            width: 100%;
            height: 28px;
            font-family: 'Alibaba PuHuiTi 2.0';
            font-style: normal;
            font-weight: 500;
            font-size: 20px;
            line-height: 28px;
            /* identical to box height */
            color: #FFFFFF;
            text-align: center;
        }
        .foot_end {
            width: 480px;
        }
        .foot_mid02 {
            width: 30%;
        }
        .foot_end span {
            font-family: 'Alibaba PuHuiTi 2.0';
            font-style: normal;
            font-weight: 500;
            font-size: 14px;
            line-height: 28px;
            /* identical to box height */
            color: #FFFFFF;
            display: block;
            width: 100%;
        }
        .ffotmid_line {
            width: 1px;
            height: 104px;
            background-color: #fff;
            position: absolute;
            right: 46px;
            top: 10px;
        }
        .column img {
            width: 100%;
        }
        .column {
            width: 100%;
        }
        .bath01 {
            width: 100%;
            height: auto;
            padding-top: 73px;
        }
        .bath01_inner {
            max-width: 1228px;
            margin: 0 auto;
        }
        .bath01_list ul li {
            width: 398px;
        }
        .bath02 {
            width: 100%;
            height: aut0;
        }
        .bath02_inner {
            max-width: 1228px;
            margin: 0 auto;
        }
        .footL img {
            width: 100%;
        }
        .bath02_inner ul li span {
            display: block;
            width: 100%;
            text-align: center;
            padding: 10px 0;
        }
        .bath01_list ul li a img {
            width: 100% !important;
            display: flex;
            justify-content: flex-end;
            height: 110%;
            object-fit: cover;
        }
        .bath01_list ul li a {
            width: 100%;
            display: flex;
            justify-content: flex-end;
            padding: 10px;
            border: 2px solid #c1c1c1;
            height: 200px;
            align-items: center;
        }
        .bath02_list {
            width: 100%;
        }
        .bath02_list ul {
            display: flex;
            justify-content: flex-start;
        }
        .bath02_list ul li {
            /* margin: 0 10px; */
        }
        .bath02_top {
            width: 100%;
            margin: 40px 0;
        }
        .bath02_top h4 {
            width: 100%;
            display: block;
            text-align: center;
            height: 34px;
            line-height: 34px;
            font-family: 'Alibaba PuHuiTi 2.0';
            font-style: normal;
            font-weight: 500;
            font-size: 18px;
            letter-spacing: 0.2em;
            color: #000;
        }
        .bath01_txt {
            width: 80%;
        }
        .bath01_txt h4 {
            display: block;
            text-align: center;
            height: 34px;
            line-height: 34px;
            font-family: 'Alibaba PuHuiTi 2.0';
            font-style: normal;
            font-weight: 500;
            font-size: 18px;
            letter-spacing: 0.2em;
            color: #000;
        }
        .bath01_txt span {
            display: block;
            text-align: center;
            height: 34px;
            line-height: 34px;
            font-family: 'Alibaba PuHuiTi 2.0';
            font-style: normal;
            font-weight: 500;
            font-size: 12px;
            letter-spacing: 0.2em;
            color: #5ca79b;
        }
        .about01 {
            width: 100%;
        }
        .about01_inner {
            max-width: 1213px;
            margin: 0 auto;
            padding: 50px 0;
        }
        .update_detail_con {
            max-width: 100%;
            margin: 15px 0;
        }
        .about01_top {
            width: 100%;
            height: auto;
            margin: 10px 0;
            display: none;
        }
        .about01_top h5 {
            width: 100%;
            text-align: center;
            display: none;
        }
        .about_bt {
            width: 100%;
            margin: 10px 0;
        }
        .about_bt h2 {
            font-size: 28px;
            text-align: center;
            width: 100%;
            display: none;
        }
        .about01_p {
            margin: 20px 0;
        }
        .about01_p p {
            width: 100%;
            display: block;
            text-align: center;
          
        }
    }
    
    @media screen and (max-width: 996px) {
        .head {
            display: none;
        }
        .swiper {
            width: 100%;
            height: 100%;
        }
        .swiper-slide {
            text-align: center;
            font-size: 18px;
            background: #fff;
            /* Center slide text vertically */
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
        }
        .swiper-slide img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .swiper {
            margin-left: auto;
            margin-right: auto;
        }
        .con01 {
            width: 100%;
            height: auto;
            padding: 30px 0;
        }
        .con01_inner {
            max-width: 90%;
            margin: 0 auto;
        }
        .con01_top {
            width: 100%;
            position: relative;
            display: flex;
            align-items: center;
        }
        .con01_line {
            position: absolute;
            width: 2px;
            height: 23px;
            left: 157px;
            top: 7px;
            background: #D9D9D9;
            transform: rotate(90deg);
        }
        .con01_top span {
            font-family: 'Alibaba PuHuiTi 2.0';
            font-style: normal;
            font-weight: 700;
            font-size: 24px;
            line-height: 34px;
            letter-spacing: 0.2em;
            color: #444444;
        }
        .con01_top img {
            width: 91px;
            height: 24px;
            margin-left: 10%;
        }
        .con01_mid {
            width: 100%;
            height: auto;
            display: flex;
            justify-content: flex-end;
            margin: 30px 0;
        }
        .con01_mid ul {
            width: 82%;
            height: 34px;
            display: flex;
            justify-content: space-between;
        }
        .con01_mid ul li {
            width: 33%;
            position: relative;
            display: flex;
            justify-content: center;
        }
        .con01_mid ul li:after {
            content: '';
            position: absolute;
            right: 0px;
            width: 1px;
            height: 50%;
            background: #000000;
            top: 9px;
        }
        .con01_mid ul li:nth-child(3):after {
            display: none;
        }
        .con01_mid ul li a {
            height: 34px;
            line-height: 34px;
            font-family: 'Alibaba PuHuiTi 2.0';
            font-style: normal;
            font-weight: 400;
            font-size: 14px;
            /* identical to box height */
            letter-spacing: 0.2em;
            color: #000000;
        }
        .con02 {
            width: 100%;
            height: auto;
            background: #F1F1F1;
            padding: 30px 0;
        }
        .con02_inner {
            max-width: 90%;
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
        }
        .con02L {
            width: 100%;
            height: 448px;
        }
        .swiper {
            width: 100%;
            height: 100%;
        }
        .swiper-slide {
            text-align: center;
            font-size: 18px;
            background: #fff;
            /* Center slide text vertically */
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
        }
        .swiper-slide img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .swiper {
            margin-left: auto;
            margin-right: auto;
        }
        .con02R {
            width: 100%;
            height: 448px;
            position: relative;
        }
        .con02R img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .con02R_nr {
            position: absolute;
            top: 40%;
            left: 0%;
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
        }
        .con02R_nr h4 {
            font-size: 28px;
            color: #fff;
            width: 100%;
            text-align: center;
            font-weight: 600;
        }
        .con02R_nr a {
            display: flex;
            justify-content: center;
            text-align: center;
            width: 30%;
            border: 1px solid #fff;
            border-radius: 33px;
            padding: 6px 0;
            margin: 10px 0;
            color: #fff;
        }
        .con01_list {
            width: 100%;
            display: flex;
        }
        .con01_list ul {
            width: 100%;
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
        }
        .con01_list ul li {
            width: 48%;
            margin: 10px 0;
        }
        .con01_list ul li a {
            display: block;
            width: 100%;
        }
        .con01_list ul li a img {
            width: 100%;
            display: block;
        }
        /* mbhead */
        .mbheadder {
            width: 100%;
            display: flex;
            justify-content: space-between;
            position: relative;
            z-index: 999999;
            padding: 10px 0;
        }
        .headder_R {
            width: 60%;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .headder_R ul {
            display: none;
        }
        .pc_qh {
            width: 12%;
            display: flex;
        }
        .qh02::before {
            content: '';
            border: 1px solid #efedec;
            margin: 0 10px;
        }
        .qh02 i {
            font-size: 20px;
            color: #000000;
        }
        .lanlist {
            display: flex;
            width: 120px;
            background: #fff;
            padding: 3px 0px 10px 0px;
            position: fixed;
            z-index: 99;
            top: 59px;
            /* left: 80px; */
            right: 10px;
            font-size: 13px;
            box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
            opacity: 0;
            visibility: hidden;
            transform: translate(0, 20px);
            transition: all .3s ease;
            flex-direction: column
        }
        .lanlist a {
            display: block;
        }
        .lanlist a {
            height: 30px;
            line-height: 30px;
            display: block;
            width: 100%;
            color: #333333;
            display: block;
            text-align: center;
            height: 30px;
            line-height: 30px;
            transition: all .3s ease;
        }
        .lanlist a:hover {
            background: #0075c1;
            color: #fff;
        }
        .lancon {
            height: 30px;
            line-height: 30px;
            cursor: pointer;
        }
        .lancon i {
            font-size: 20px;
        }
        .qh01 {
            display: flex;
            align-items: center;
        }
        .cur {
            opacity: 1 !important;
            transform: translate(0, 0px);
            visibility: visible;
        }
        .nav_er {
            position: fixed;
            left: 50%;
            transform: translateX(-50%);
            top: 100px;
            width: auto;
            display: flex;
            justify-content: center !important;
            width: 100%;
            z-index: 9;
            background: rgb(255 255 255 / 80%);
            padding: 0px 0 0px;
            height: 55px;
            line-height: 55px;
            opacity: 0;
            visibility: hidden;
            transition: all ease .3s!important;
        }
        .headder_R ul li:hover .nav_er {
            opacity: 1!important;
            visibility: visible!important;
            transition: all ease .3s!important;
        }
        .navnar {
            display: flex;
            justify-content: center !important;
            width: 100%;
        }
        .navnar li::after {
            display: none;
        }
        .navnar li {
            display: flex;
            align-items: center;
        }
        .mbheadder_R {
            display: flex;
            align-items: center;
        }
        .mbnav {
            width: 50px;
            display: flex;
            padding: 10px 0;
            flex-wrap: wrap;
        }
        .mbnav span {
            width: 100%;
            background: #333;
            display: block;
            height: 2px;
            margin: 2px 0;
            float: left;
            -webkit-transition: all ease 0.8s, opacity ease 0.3s;
            -moz-transition: all ease 0.8s, opacity ease 0.3s;
            -ms-transition: all ease 0.8s, opacity ease 0.3s;
            -o-transition: all ease 0.8s, opacity ease 0.3s;
            transition: all ease 0.8s, opacity ease 0.3s;
            background-color: #5c5c5d;
            width: 27px;
            height: 3px;
            display: block;
            margin-bottom: 5px;
            opacity: 1;
        }
        .mbheadder_inner {
            width: 100%;
            padding: 10px 30px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        /*
            .mbnav > p span:nth-of-type(1) {
        transform: translateY(6px)rotate(720deg);
        width: 100%;
    }
            .mbnav > p.biahuan:nth-of-type(1){
                    transform: translateY(6px)rotate(670deg);
            }
            .mbnav > p.biahuan:nth-of-type(2){
                        transform: translateY(0px)rotate(768deg);
            }
            .mbnav > p span:nth-of-type(2) {
        transform: rotate(720deg);
    }
            .mbnav > p.biahuan:nth-of-type(3) {
        width: 0;
        opacity: 0;
    }
            .mbnav > p span:nth-of-type(3) {
                    transform: translateY(-6px)rotate(720deg);
    }
    */
        .span_top {
            width: 22px !important;
        }
        .span_center {
            width: 34px !important;
        }
        .span_bottom {
            width: 22px !important;
            display: flex;
            justify-content: flex-end;
            margin-left: 16px;
        }
        .rot {
            transform: rotate(90deg);
            height: 30px;
            line-height: 30px;
            display: block;
            width: 30px;
        }
        .translate {
            transform: translateY(12px) rotate(45deg) !important;
            margin: 4px 0;
        }
        .fade_span {
            background-color: transparent !important;
        }
        .translate1 {
            transform: translateY(-8px) rotate(-45deg) !important;
            margin: 4px 0;
        }
        .span_top {
            width: 22px !important;
        }
        .span_center {
            width: 34px !important;
        }
        .span_bottom {
            width: 22px !important;
            display: flex;
            justify-content: flex-end;
            margin-left: 16px;
        }
        .rot {
            transform: rotate(90deg);
            height: 30px;
            line-height: 30px;
            display: block;
            width: 30px;
        }
        .mbnav_hide {
            position: fixed;
            width: 100%;
            height: 600px;
            top: 74px;
            left: 0;
            right: 0;
            background: rgb(0 0 0 / 90%);
            padding: 0 15px;
            overflow-y: scroll;
            z-index: 10;
            max-height: 1080px;
            transition: all ease .3s;
        }
        .mbnav_hide ul {
            width: 100%;
            padding: 10px;
        }
        .mbnav_hide ul li {
            height: 60px;
            line-height: 60px;
            border-bottom: 1px solid rgb(255 255 255 / 10%);
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .mbnav_hide ul li a {
            color: #fff;
            line-height: 60px;
            font-size: 16px;
        }
        .block {
            transition: all .4s;
            transform: rotate(0);
            color: #666;
            transform: rotate( 90deg);
        }
        .foot {
            width: 100%;
            background-color: #020202;
            padding: 50px 0;
        }
        .foot_inner {
            max-width: 90%;
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
        }
        .footL {
            width: 154px;
        }
        .foot_mid {
            width: 100%;
            display: flex;
            /* justify-content: space-between; */
            position: relative;
        }
        .foot_mid01 {
            width: 25%;
            margin: 10px;
        }
        .foot_mid01 ul {
            width: 80%;
            margin: 0 auto;
        }
        .foot_mid01 ul li {
            display: block;
            width: 100%;
            margin: 6px 0;
        }
        .foot_mid01 ul li a {
            display: block;
            width: 100%;
            color: #fff;
            font-family: 'Alibaba PuHuiTi 2.0';
            font-style: normal;
            font-weight: 400;
            font-size: 14px;
            line-height: 135%;
            /* or 22px */
            color: #FFFFFF;
        }
        .foot_mid02 ul {
            width: 100%;
            margin: 0 auto;
        }
        .foot_mid02 ul li {
            display: block;
            width: 100%;
            margin: 6px 0;
            text-align: center;
        }
        .foot_mid02 ul li a {
            display: block;
            width: 100%;
            color: #fff;
            font-family: 'Alibaba PuHuiTi 2.0';
            font-style: normal;
            font-weight: 400;
            font-size: 14px;
            line-height: 135%;
            /* or 22px */
            color: #FFFFFF;
        }
        .foot_mid01 h4 {
            width: 100%;
            height: 28px;
            font-family: 'Alibaba PuHuiTi 2.0';
            font-style: normal;
            font-weight: 500;
            font-size: 20px;
            line-height: 28px;
            /* identical to box height */
            color: #FFFFFF;
        }
        .foot_mid02 h4 {
            width: 100%;
            height: 28px;
            font-family: 'Alibaba PuHuiTi 2.0';
            font-style: normal;
            font-weight: 500;
            font-size: 20px;
            line-height: 28px;
            /* identical to box height */
            color: #FFFFFF;
        }
        .foot_end {
            width: 480px;
        }
        .foot_mid02 {
            width: 51%;
            margin: 10px;
        }
        .foot_end span {
            font-family: 'Alibaba PuHuiTi 2.0';
            font-style: normal;
            font-weight: 500;
            font-size: 14px;
            line-height: 28px;
            /* identical to box height */
            color: #FFFFFF;
            display: block;
            width: 100%;
        }
        .ffotmid_line {
            width: 1px;
            height: 104px;
            background-color: #fff;
            position: absolute;
            right: 46px;
            top: 19px
        }
        .column img {
            width: 100%;
        }
        .column {
            width: 100%;
        }
        .bath01 {
            width: 100%;
            height: auto;
            padding: 30px 0;
        }
        .bath01_inner {
            max-width: 90%;
            margin: 0 auto;
        }
        .bath01_list ul li {
            width: 90%;
            margin: 10px auto;
        }
        .bath02 {
            width: 100%;
            height: aut0;
        }
        .bath02_inner {
            max-width: 90%;
            margin: 0 auto;
        }
        .bath02_inner ul li span {
            display: block;
            width: 100%;
            text-align: center;
            padding: 10px 0;
        }
        .bath01_list ul li a img {
            width: 20% !important;
            display: flex;
            justify-content: flex-end;
            height: 80%;
            object-fit: cover;
        }
        .bath01_list ul li a {
            width: 100%;
            display: flex;
            justify-content: flex-end;
            padding: 10px;
            border: 2px solid #c1c1c1;
            height: 200px;
            align-items: center;
        }
        .bath02_list {
            width: 100%;
        }
        .bath02_list ul {
            display: flex;
            justify-content: space-between;
        }
        .bath02_top {
            width: 100%;
        }
        .bath02_top h4 {
            width: 100%;
            display: block;
            text-align: center;
            height: 34px;
            line-height: 34px;
            font-family: 'Alibaba PuHuiTi 2.0';
            font-style: normal;
            font-weight: 500;
            font-size: 18px;
            letter-spacing: 0.2em;
            color: #000;
        }
        .bath01_txt {
            width: 80%;
        }
        .bath01_txt h4 {
            display: block;
            text-align: center;
            height: 34px;
            line-height: 34px;
            font-family: 'Alibaba PuHuiTi 2.0';
            font-style: normal;
            font-weight: 500;
            font-size: 18px;
            letter-spacing: 0.2em;
            color: #000;
        }
        .bath01_txt span {
            display: block;
            text-align: center;
            height: 34px;
            line-height: 34px;
            font-family: 'Alibaba PuHuiTi 2.0';
            font-style: normal;
            font-weight: 500;
            font-size: 12px;
            letter-spacing: 0.2em;
            color: #5ca79b;
        }
        .about01 {
            width: 100%;
        }
        .about01_inner {
            max-width: 90%;
            margin: 0 auto;
            padding: 50px 0;
        }
        .about01_top {
            width: 100%;
            height: auto;
            margin: 10px 0;
        }
        .about01_top h5 {
            width: 100%;
            text-align: center;
        }
        .about_bt {
            width: 100%;
            margin: 10px 0;
        }
        .about_bt h2 {
            font-size: 20px;
            text-align: center;
            width: 100%;
        }
        .about01_p {
            margin: 20px 0;
        }
        .about01_p p {
            width: 100%;
            display: block;
            text-align: center;
            padding: 10px 0;
            word-break: break-all;
        }
    }
    
    .abb {
        width: 100%;
        height: auto;
    }
    
    .abb img {
        display: block;
        width: 100%;
        height: auto;
    }
    
    @media screen and (min-width: 996px) {
        .ab1 {
            max-width: 1228px;
            margin: 80px auto;
        }
        .ab1 ul {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
        }
        .ab1 ul li {
            width: 394px;
            position: relative;
        }
        .ab1 ul li:after {
            content: '';
            position: absolute;
            /* right: -8%; */
            width: 1px;
            height: 100%;
            background: #000000;
            top: 0px;
            left: 610px;
        }
        .ab1 ul li:nth-child(2) {
            margin-right: 0;
        }
        .ab1 ul li:nth-child(2):after {
            display: none;
        }
        .ab1 ul li span {
            display: block;
            font-size: 20px;
            color: #000;
            margin-bottom: 30px;
            font-weight: bold;
        }
        .ab1 ul li font {
            display: block;
            font-size: 16px;
            color: #000;
            line-height: 26px;
        }
        .ab2 {
            max-width: 1200px;
            margin: 50px auto;
        }
        .ab2left p {
            line-height: 35px;
            width: 100%;
            word-break: break-all;
            display: inline-block;
            width: 100%;
            text-align: justify;
        }
        .ab2 .ab2_nr {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            align-items: center;
        }
        .ab2 .ab2_nr .ab2left {
            width: 55%;
            margin-right: 5%;
        }
        .ab2 .ab2_nr .ab2left h4 {
            font-size: 20px;
            margin-bottom: 50px;
            letter-spacing: 2px;
            color: #093;
        }
        .ab2 .ab2_nr .ab2left span {
            display: block;
            font-size: 16px;
            color: #000;
        }
        .ab2 .ab2_nr .ab2right {
            width: 40%;
            margin-top: 20px;
        }
        .ab2 .ab2_nr .ab2right img {
            display: block;
            width: 100%;
            height: auto;
            max-width: 100%;
        }
        .ab3 {
            max-width: 1200px;
            margin: 50px auto;
        }
        .ab3 h4 {
            font-size: 20px;
            margin-bottom: 70px;
            letter-spacing: 2px;
            color: #000;
        }
        .ab3 .ab3_nr {
            position: relative;
        }
        .ab3 .ab3_nr .xian {
            position: absolute;
            width: 100%;
            height: 2px;
            background-color: #093;
        }
        .ab3 .ab3_nr ul {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
        }
        .ab3 .ab3_nr ul li {
            width: 25%;
            position: relative;
            text-align: center;
        }
        .ab3 .ab3_nr ul li:before {
            content: '';
            position: absolute;
            left: 50%;
            width: 10px;
            height: 10px;
            border-radius: 100%;
            background: #093;
            top: -4px;
            margin-left: -4px;
        }
        .ab3 .ab3_nr ul li:after {
            content: '';
            position: absolute;
            left: 50%;
            height: 40px;
            border-right: 2px dashed #093;
            top: 0px;
        }
        .ab3 .ab3_nr ul li .xinxi {
            margin-top: 50px;
        }
        .ab3 .ab3_nr ul li .xinxi span {
            display: block;
            font-size: 16px;
            color: #000;
            margin-bottom: 10px;
        }
        .ab3 .ab3_nr ul li .xinxi font {
            display: block;
            font-size: 16px;
            color: #000;
        }
    }
    
    @media screen and (max-width: 996px) {
        .ab1 {
            max-width: 90%;
            margin: 30px auto;
        }
        .ab1 ul {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
        }
        .ab1 ul li {
            width: 46%;
            position: relative;
            margin-right: 8%;
        }
        .ab1 ul li:after {
            content: '';
            position: absolute;
            right: -8%;
            width: 1px;
            height: 100%;
            background: #000000;
            top: 0px;
        }
        .ab1 ul li:nth-child(2) {
            margin-right: 0;
        }
        .ab1 ul li:nth-child(2):after {
            display: none;
        }
        .ab1 ul li span {
            display: block;
            font-size: 16px;
            color: #000;
            margin-bottom: 15px;
        }
        .ab1 ul li font {
            display: block;
            font-size: 14px;
            color: #000;
        }
        .ab2 {
            max-width: 90%;
            margin: 30px auto;
        }
        .ab2 .ab2_nr {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
        }
        .ab2 .ab2_nr .ab2left {
            width: 55%;
            margin-right: 5%;
        }
        .ab2 .ab2_nr .ab2left h4 {
            font-size: 16px;
            margin-bottom: 15px;
            letter-spacing: 2px;
            color: #093;
        }
        .ab2 .ab2_nr .ab2left span {
            display: block;
            font-size: 14px;
            color: #000;
        }
        .ab2 .ab2_nr .ab2right {
            width: 40%;
        }
        .ab2 .ab2_nr .ab2right img {
            display: block;
            width: 100%;
            height: auto;
            max-width: 100%;
        }
        .ab3 {
            max-width: 90%;
            margin: 30px auto;
        }
        .ab3 h4 {
            font-size: 16px;
            margin-bottom: 15px;
            letter-spacing: 2px;
            color: #000;
        }
        .ab3 .ab3_nr {
            position: relative;
        }
        .ab3 .ab3_nr .xian {
            position: absolute;
            width: 100%;
            height: 2px;
            background-color: #093;
        }
        .ab3 .ab3_nr ul {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
        }
        .ab3 .ab3_nr ul li {
            width: 25%;
            position: relative;
            text-align: center;
        }
        .ab3 .ab3_nr ul li:before {
            content: '';
            position: absolute;
            left: 50%;
            width: 8px;
            height: 8px;
            border-radius: 100%;
            background: #093;
            top: -3px;
            margin-left: -3px;
        }
        .ab3 .ab3_nr ul li:after {
            content: '';
            position: absolute;
            left: 50%;
            height: 40px;
            border-right: 2px dashed #093;
            top: 0px;
        }
        .ab3 .ab3_nr ul li .xinxi {
            margin: 45px 2px 0;
        }
        .ab3 .ab3_nr ul li .xinxi span {
            display: block;
            font-size: 14px;
            color: #000;
            margin-bottom: 10px;
        }
        .ab3 .ab3_nr ul li .xinxi font {
            display: block;
            font-size: 14px;
            color: #000;
        }
    }
    
    @media screen and (max-width: 500px) {
        .ab2 {
            max-width: 90%;
            margin: 30px auto;
        }
        .ab2 .ab2_nr .ab2left {
            width: 100%;
        }
        .ab2 .ab2_nr .ab2left h4 {
            font-size: 16px;
            margin-bottom: 15px;
            letter-spacing: 2px;
            color: #093;
        }
        .ab2 .ab2_nr .ab2left span {
            display: block;
            font-size: 14px;
            color: #000;
        }
        .ab2 .ab2_nr .ab2right {
            width: 100%;
        }
        .ab2 .ab2_nr .ab2right img {
            display: block;
            width: 100%;
            height: auto;
            max-width: 100%;
        }
    }