/**/
.fL {
    float: left;
}

.fR {
    float: right;
}
.z-up{z-index:9;}
@media only screen and (min-width: 1480px) {
    .z-phone{display:none;}
    .z-up{position:fixed;cursor:pointer;bottom:30px;right:calc(50% - 1480px / 2 - 90px);width:90px;}
    .z-max-width {
        width: 1440px;
        margin: 0 auto;
    }
    .z-title {
        padding-top: 90px;
        margin-bottom: 50px;
    }

    .z-title img {
        width: 64px;
        height: 26px;
        display: block;
        margin: 0 auto 10px;
    }

    .z-title .z-title-text {
        font-size: 48px;
        color: #333;
        line-height: 48px;
        font-weight: bolder;
        text-align: center;
    }

    .z-into-a1-fl {
        width: 630px;
        position: relative;
        padding-top: 10px;
    }

    .z-into-a1-fl-tit1 {
        font-size: 36px;
        color: #00873c;
        font-weight: bolder;
        margin-bottom: 30px;
        line-height: 36px;
    }

    .z-into-a1-fl-tit2 {
        color: #464646;
        font-size: 26px;
        line-height: 26px;
        margin-bottom: 40px;
    }

    .z-into-a1-fl-tit2 span {
        font-weight: bolder;
    }

    .z-into-a1-fl-tit3 {
        width: 546px;
        font-size: 16px;
        line-height: 32px;
        text-align: justify;
        color: #565656;
    }
    .z-into-a1-fl-tit3 p{
        font-size: 16px;
    }
    .z-into-a1-fl::after {
        content: '';
        display: inline-block;
        width: 1px;
        height: 200px;
        background: #e5e1e1;
        position: absolute;
        right: 0;
        top: 45px;
    }

    .z-into-a1-fr {
        width: 748px;
    }

    .z-into-a1-fr-list {
        margin-right: 60px;
    }

    .z-into-a1-fr-list:nth-child(4n) {
        margin-right: 0;
    }

    .z-into-a1-fr-num {
        height: 62px;
        margin-bottom: 20px;
    }

    .z-into-a1-fr-num span {
        font-size: 62px;
        color: #00873c;
        font-family: 'Rubik';
    }

    .z-into-a1-fr-num i {
        font-style: normal;
        font-size: 18px;
        color: #00873c;
        margin-left: 12px;
    }

    .z-into-a1-fr-tit {
        text-align: center;
        font-size: 16px;
        color: #454545;
    }

    .z-none {
        display: none;
    }

    .z-into-a1-fr-video {
        width: 80px;
        padding-top: 70px;
        text-align: center;
        cursor: pointer;
        position:relative;
    }

    .z-into-a1-fr-video img {
        width: 53px;
        height: 53px;
        display: block;
        margin: 0 auto 15px;
        position: absolute;
        z-index:3;
    }

    .z-into-a1-fr-video p {
        font-size: 16px;
        color: #454545;
        line-height: 16px;
        padding-top: 15px;
    }
    .z-into-a1-fr-video-a1{
        position:relative;
        width: 53px;
        height:53px;
        margin: 0 auto;
    }
    .z-into-a1-fr-video-a1>i{
        display:block;
        position:absolute;
        width: 53px;
        height:53px;
        top:0;
        left: 0;
        background:#00873c;
        border-radius:50%;
        animation: k1 3s linear infinite;
    }
    @keyframes k1{0%{opacity: 0;transform: scale(1);}50%{opacity: 0.3;transform: scale(1.2);}100%{opacity: 0;transform: scale(1.4);}}

    .z-into-a1-clear {
        margin-bottom: 90px;
    }

    .z-into-change {
        position: relative;
        width: 100%;
        height: 590px;
    }

    .z-into-change-list {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        transition: all .5s linear;
    }

    .z-into-change .z-on1 {
        opacity: 1;
        transition: 0.5s;
    }

    .z-into-change-img {
        display: block;
        width: 100%;
        height: 100%;
    }

    .z-into-change-text {
        position: absolute;
        left: 0;
        top: 50%;
        transform: translate(0, -50%);
        width: 597px;
        height: 230px;
        background: linear-gradient(to right, rgba(0, 0, 0, .6), rgba(0, 0, 0, .001));
        padding: 0 55px;
    }

    .z-into-change-text div:nth-child(1) {
        font-size: 42px;
        padding-top: 40px;
        padding-bottom: 30px;
        line-height: 42px;
        font-weight: bolder;
        color: #fff;
    }

    .z-into-change-text div:nth-child(2) {
        font-size: 18px;
        line-height: 36px;
        color: #fff;
    }
    .z-into-change-text div:nth-child(2) p{
        font-size: 18px;
    }
    .z-into-change-bot {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 57px;
        background: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, .001));
    }

    .z-into-change-tab {
        width: 20%;
        height: 57px;
        position: relative;
    }

    .z-into-change-tab::after {
        content: '';
        display: inline-block;
        width: 1px;
        height: 16px;
        background: #fff;
        position: absolute;
        right: 0;
        top: 10px;
    }

    .z-into-change-tab:last-child::after {
        content: none;
    }

    .z-into-change-tab-box {
        color: #fff;
        margin: 0 auto;
        width: 112px;
        text-align: center;
        line-height: 18px;
        height: 100%;
        font-size: 18px;
        cursor: pointer;
    }

    .z-into-change-tab-box img {
        width: 15px;
        height: 18px;
        margin-right: 16px;
        display: none;
    }

    .z-on2 .z-into-change-tab-box {
        border-bottom: 5px solid #00873c;
    }

    .z-on2 .z-into-change-tab-box img {
        display: inline-block;
    }

    .z-into-a2 {
        width: 100%;
        height: 700px;
        background: #000;
    }

    .z-into-a2-fl {
        width: 50%;
        height: 700px;
    }

    .z-into-a2-fr {
        width: 50%;
        height: 700px;
        padding: 0 55px;
        display: table;
    }

    .z-into-a2-fr > div {
        display: table-cell;
        vertical-align: middle;
    }

    .z-into-a2-fr .z-into-a2-fr-text {
        color: #fff;
        font-size: 18px;
        text-align: justify;
        line-height: 36px;
    }

    .z-into-a2-fr-qian {
        color: #fff;
        font-size: 18px;
        padding-top: 50px;
        display: flex;
        align-items: center;
    }

    .z-into-a2-fr-qian img {
        display: inline-block;
        margin-left: 28px;
        width: 159px;
    }

    .about3-a1 {
        width: 100%;
        height: 640px;
        position: relative;
        overflow: hidden;
    }

    .about3-a2 {
        width: 960px;
        height: 640px;
        position: relative;
        margin-left: 50%;
    }

    .about3-a2 img {
        width: 100%;
        min-height: 100%;
    }

    .about3-a3 {
        width: 1440px;
        position: absolute;
        top: 50px;
        left: calc(50% - 1440px / 2);
    }

    .about3-a3 .about0-b1 {
        margin-bottom: 40px;
        text-align: left;
    }

    .about3-a4 {
        width: 100%;
        height: 518px;
        position: relative;
    }

    .about3-a4:after {
        content: "";
        display: block;
        clear: both;
    }

    .about3-a5 {
        width: 630px;
        height: 100%;
        position: relative;
        float: left;
        overflow: hidden;
    }

    .about3-a6 {
        width: 100%;
        height: calc(52px * 8);
        overflow: hidden;
    }

    .about3-a6:hover {
        overflow-y: auto;
    }

    .about3-a6::-webkit-scrollbar {
        width: 2px;
    }

    .about3-a6 > div {
        font-size: 24px;
        line-height: 52px;
        color: #454545;
        transition: 0.5s;
        cursor: pointer;
        white-space: nowrap;
        overflow: hidden;
        width: 97%;
        text-overflow: ellipsis;
    }

    .about3-a6 > div.on1 {
        font-weight: bolder;
        transition: 0.5s;
    }

    .about3-a7 {
        width: 602px;
        height: 392px;
        position: relative;
        float: left;
        top: 90px;
    }

    .about3-a7 > div {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        display: none;
        overflow: hidden;
    }

    .about3-a7 > div img {
        width: 100%;
        min-height: 100%;
        transition: 0.5s;
    }

    .about3-a7 > div:hover img {
        transform: scale(1.08);
        transition: 0.5s;
    }

    .about3-a8 {
        position: absolute;
        bottom: 42px;
        right: 0;
    }

    .about3-a8 > span:first-child {
        font-size: 28px;
        line-height: 28px;
        color: #404040;
    }

    .about3-a8 > span:last-child {
        font-size: 18px;
        line-height: 28px;
        color: #747474;
    }

    .about3-b1 {
        display: none;
    }

    .z-into-more {
        margin-top: 50px;
        width: 170px;
        height: 48px;
        background: #00883b;
        color: #fff;
        font-size: 16px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 30px;
    }

    .z-into-more img {
        width: 8px;
        margin-left: 10px;
    }

    .z-into-a3 {
        width: 100%;
        height: 700px;
        position: relative;
    }

    .z-into-a3-box {
        position: absolute;
        left: calc(50% - 1440px / 2);
        height: 100%;
        top: 0;
        display: flex;
        align-items: center;
    }
    .z-into-a3-box>.swiper-container-horizontal{
        display: flex;
        align-items: center;
    }
    .z-into-a3-box .swiper-slide > i {
        display: block;
        width: 50%;
        height: 425px;
        overflow:hidden;
    }
    .z-into-a3-box .swiper-slide > i img{
        transition:.3s;
    }
    .z-into-a3-box .swiper-slide > i:hover img{
        transition:.3s;
        transform: scale(1.08);
    }
    .z-into-a3-box .swiper-slide > .fR {
        width: 50%;
        height: 425px;
        padding-top: 90px;
        padding-left: 80px;
        padding-right: 60px;
    }

    .z-into-a3-box-tit1 {
        color: #fff;
        font-size: 40px;
        line-height: 40px;
        margin-bottom: 40px;
        font-weight: bold;
    }

    .z-into-a3-box-tit2 {
        color: #fff;
        font-size: 18px;
        line-height: 36px;
    }

    .z-into-a3-box .swiper-button-next {
        background: url("../img/z16.png");
        width: 50px;
        height: 50px;
        background-size: 100% 100%;
        top: 74%;
        margin:0;
        right:calc(50% - 1440px / 2 + 520px);
        opacity:1;
    }

    .z-into-a3-box .swiper-button-prev {
        background: url("../img/z15.png");
        width: 50px;
        height: 50px;
        background-size: 100% 100%;
        right:auto;
        left:calc(50% - 1440px / 2 + 800px);
        top: 74%;
        margin:0;
        opacity:1;
    }
    .z-into-a3-box .swiper-button-next:hover{
        background: url("../img/z14.png");
    }
    .z-into-a3-box .swiper-button-prev:hover{
        background: url("../img/z13.png");
    }
    .z-honor-text{
        font-size: 16px;
        color: #595959;
    }
}

@media only screen and (max-width: 1479px) and (min-width: 1024px){
    .z-up{position:fixed;cursor:pointer;bottom:30px;right:calc(50% - 960px / 2 - 70px);width:70px;}
    .z-honor-text{
        font-size:14px;
        color: #595959;
    }
    .z-phone{display:none;}
    .z-max-width {
        width: 960px;
        margin: 0 auto;
    }

    .z-title {
        padding-top: 70px;
        margin-bottom: 40px;
    }

    .z-title img {
        width: 64px;
        height: 26px;
        display: block;
        margin: 0 auto 10px;
    }

    .z-title .z-title-text {
        font-size:36px;
        color: #333;
        line-height: 36px;
        font-weight: bolder;
        text-align: center;
    }

    .z-into-a1-fl {
        width:410px;
        position: relative;
        padding-top: 10px;
    }

    .z-into-a1-fl-tit1 {
        font-size: 30px;
        color: #00873c;
        font-weight: bolder;
        margin-bottom: 20px;
        line-height: 30px;
    }

    .z-into-a1-fl-tit2 {
        color: #464646;
        font-size: 22px;
        line-height: 22px;
        margin-bottom: 30px;
    }

    .z-into-a1-fl-tit2 span {
        font-weight: bolder;
    }

    .z-into-a1-fl-tit3 {
        width: 390px;
        font-size: 14px;
        line-height: 28px;
        text-align: justify;
        color: #565656;
    }
    .z-into-a1-fl-tit3 p{
        font-size: 14px;
    }
    .z-into-a1-fl::after {
        content: '';
        display: inline-block;
        width: 1px;
        height: 200px;
        background: #e5e1e1;
        position: absolute;
        right: 0;
        top: 18px;
    }

    .z-into-a1-fr {
        width: 505px;
    }

    .z-into-a1-fr-list {
        margin-right: 15px;
    }

    .z-into-a1-fr-list:nth-child(4n) {
        margin-right: 0;
    }

    .z-into-a1-fr-num {
        height: 48px;
        margin-bottom: 20px;
    }

    .z-into-a1-fr-num span {
        font-size: 48px;
        color: #00873c;
        font-family: 'Rubik';
    }

    .z-into-a1-fr-num i {
        font-style: normal;
        font-size: 16px;
        color: #00873c;
        margin-left: 10px;
    }

    .z-into-a1-fr-tit {
        text-align: center;
        font-size: 14px;
        color: #454545;
    }

    .z-none {
        display: none;
    }

    .z-into-a1-fr-video {
        width: 80px;
        padding-top: 50px;
        text-align: center;
        cursor: pointer;
    }

    .z-into-a1-fr-video img {
        width: 46px;
        height: 46px;
        display: block;
        margin: 0 auto 10px;
    }

    .z-into-a1-fr-video p {
        font-size: 14px;
        color: #454545;
        line-height: 14px;
        padding-top:10px;
    }

    .z-into-a1-fr-video-a1{
        position:relative;
        width: 46px;
        height:46px;
        margin: 0 auto;
    }
    .z-into-a1-fr-video-a1>i{
        display:block;
        position:absolute;
        width: 46px;
        height:46px;
        top:0;
        left: 0;
        background:#00873c;
        border-radius:50%;
        animation: k1 3s linear infinite;
    }
    @keyframes k1{0%{opacity: 0;transform: scale(1);}50%{opacity: 0.3;transform: scale(1.2);}100%{opacity: 0;transform: scale(1.4);}}

    .z-into-a1-clear {
        margin-bottom: 90px;
    }

    .z-into-change {
        position: relative;
        width: 100%;
        height:394px;
    }

    .z-into-change-list {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        transition: all .5s linear;
    }

    .z-into-change .z-on1 {
        opacity: 1;
        transition: 0.5s;
    }

    .z-into-change-img {
        display: block;
        width: 100%;
        height: 100%;
    }

    .z-into-change-text {
        position: absolute;
        left: 0;
        top: 50%;
        transform: translate(0, -50%);
        width: 597px;
        height: 165px;
        background: linear-gradient(to right, rgba(0, 0, 0, .6), rgba(0, 0, 0, .001));
        padding: 0 40px;
    }

    .z-into-change-text div:nth-child(1) {
        font-size: 30px;
        padding-top: 30px;
        padding-bottom: 20px;
        line-height: 30px;
        font-weight: bolder;
        color: #fff;
    }

    .z-into-change-text div:nth-child(2) {
        font-size: 16px;
        line-height: 34px;
        color: #fff;
    }

    .z-into-change-bot {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 57px;
        background: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, .001));
    }

    .z-into-change-tab {
        width: 20%;
        height: 57px;
        position: relative;
    }

    .z-into-change-tab::after {
        content: '';
        display: inline-block;
        width: 1px;
        height: 16px;
        background: #fff;
        position: absolute;
        right: 0;
        top: 10px;
    }

    .z-into-change-tab:last-child::after {
        content: none;
    }

    .z-into-change-tab-box {
        color: #fff;
        margin: 0 auto;
        width: 112px;
        text-align: center;
        line-height: 18px;
        height: 100%;
        font-size: 18px;
        cursor: pointer;
    }

    .z-into-change-tab-box img {
        width: 15px;
        height: 18px;
        margin-right: 16px;
        display: none;
    }

    .z-on2 .z-into-change-tab-box {
        border-bottom: 5px solid #00873c;
    }

    .z-on2 .z-into-change-tab-box img {
        display: inline-block;
    }

    .z-into-a2 {
        width: 100%;
        height: 508px;
        background: #000;
    }

    .z-into-a2-fl {
        width: 50%;
        height: 100%;
    }

    .z-into-a2-fr {
        width: 50%;
        height:508px;
        padding: 0 45px;
        display: table;
    }

    .z-into-a2-fr > div {
        display: table-cell;
        vertical-align: middle;
    }

    .z-into-a2-fr .z-into-a2-fr-text {
        color: #fff;
        font-size: 16px;
        text-align: justify;
        line-height: 34px;
    }

    .z-into-a2-fr-qian {
        color: #fff;
        font-size: 16px;
        padding-top: 30px;
        display: flex;
        align-items: center;
    }

    .z-into-a2-fr-qian img {
        display: inline-block;
        margin-left: 20px;
        width: 130px;
    }

    .about3-a1 {
        width: 100%;
        height:460px;
        position: relative;
        overflow: hidden;
    }

    .about3-a2 {
        width: 50%;
        height: 460px;
        position: relative;
        margin-left: 50%;
    }

    .about3-a2 img {
        width: 100%;
        min-height: 100%;
    }

    .about3-a3 {
        width: 960px;
        position: absolute;
        top: 50px;
        left: calc(50% - 960px / 2);
        height: 100%;
    }

    .about3-a3 .about0-b1 {
        margin-bottom: 40px;
        text-align: left;
    }

    .about3-a4 {
        width: 100%;
        height: 518px;
        position: relative;
    }

    .about3-a4:after {
        content: "";
        display: block;
        clear: both;
    }

    .about3-a5 {
        width: 436px;
        height: 100%;
        position: relative;
        float: left;
        overflow: hidden;
    }

    .about3-a6 {
        width: 100%;
        height: calc(34px * 8);
        overflow: hidden;
    }

    .about3-a6:hover {
        overflow-y: auto;
    }

    .about3-a6::-webkit-scrollbar {
        width: 2px;
    }

    .about3-a6 > div {
        font-size: 18px;
        line-height: 34px;
        color: #454545;
        transition: 0.5s;
        cursor: pointer;
        white-space: nowrap;
        overflow: hidden;
        width: 97%;
        text-overflow: ellipsis;
    }

    .about3-a6 > div.on1 {
        font-weight: bolder;
        transition: 0.5s;
    }

    .about3-a7 {
        width: 390px;
        height: 270px;
        position: relative;
        float: left;
        top: 36px;
    }

    .about3-a7 > div {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        display: none;
        overflow: hidden;
    }

    .about3-a7 > div img {
        width: 100%;
        min-height: 100%;
        transition: 0.5s;
    }

    .about3-a7 > div:hover img {
        transform: scale(1.08);
        transition: 0.5s;
    }

    .about3-a8 {
        position: absolute;
        bottom:200px;
        right: 0;
    }

    .about3-a8 > span:first-child {
        font-size: 24px;
        line-height: 24px;
        color: #404040;
    }

    .about3-a8 > span:last-child {
        font-size: 16px;
        line-height: 24px;
        color: #747474;
    }

    .about3-b1 {
        display: none;
    }

    .z-into-more {
        margin-top: 50px;
        width: 150px;
        height: 40px;
        background: #00883b;
        color: #fff;
        font-size: 14px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 30px;
    }

    .z-into-more img {
        width: 8px;
        margin-left: 10px;
    }

    .z-into-a3 {
        width: 100%;
        height: 500px;
        position: relative;
    }

    .z-into-a3-box {
        position: absolute;
        left: calc(50% - 960px / 2);
        height: 100%;
        top: 0;
        display: flex;
        align-items: center;
    }
    .z-into-a3-box>.swiper-container-horizontal{
        display: flex;
        align-items: center;
    }
    .z-into-a3-box .swiper-slide > i {
        display: block;
        width: 50%;
        height:300px;
        overflow:hidden;
    }
    .z-into-a3-box .swiper-slide > i img{
        transition:.3s;
    }
    .z-into-a3-box .swiper-slide > i:hover img{
        transition:.3s;
        transform: scale(1.08);
    }
    .z-into-a3-box .swiper-slide > .fR {
        width: 50%;
        height: 300px;
        padding-top: 55px;
        padding-left: 60px;
        padding-right: 40px;
    }

    .z-into-a3-box-tit1 {
        color: #fff;
        font-size: 32px;
        line-height: 32px;
        margin-bottom: 30px;
        font-weight: bold;
    }

    .z-into-a3-box-tit2 {
        color: #fff;
        font-size: 16px;
        line-height: 32px;
    }

    .z-into-a3-box .swiper-button-next {
        background: url("../img/z16.png");
        width: 40px;
        height: 40px;
        background-size: 100% 100%;
        top: 81%;
        margin:0;
        right:calc(50% - 960px / 2 + 315px);
        opacity:1;
    }

    .z-into-a3-box .swiper-button-prev {
        background: url("../img/z15.png");
        width: 40px;
        height: 40px;
        background-size: 100% 100%;
        right:auto;
        left:calc(50% - 960px / 2 + 545px);
        top: 81%;
        margin:0;
        opacity:1;
    }
}

@media only screen and (max-width: 1023px){
    .z-up{position:fixed;bottom:.3rem;right:.2rem;width:.9rem;}
    .z-honor-text{
        font-size:.2rem;
        color: #595959;
    }
    .z-pc{display:none;}
    .z-max-width {
        width:100%;
        margin: 0 auto;
        padding:0 .4rem;
    }

    .z-title {
        padding-top:.9rem;
        margin-bottom:.5rem;
    }

    .z-title img {
        width:.9rem;
        display: block;
        margin: 0 auto .2rem;
    }

    .z-title .z-title-text {
        font-size:.48rem;
        color: #333;
        line-height:.48rem;
        font-weight: bolder;
        text-align: center;
    }

    .z-into-a1-fl {
        width:100%;
        position: relative;
        margin-bottom:.3rem;
    }

    .z-into-a1-fl-tit1 {
        font-size:.4rem;
        color: #00873c;
        font-weight: bolder;
        margin-bottom:.3rem;
        line-height:.4rem;
    }

    .z-into-a1-fl-tit2 {
        color: #464646;
        font-size:.36rem;
        line-height:.36rem;
        margin-bottom:.4rem;
    }

    .z-into-a1-fl-tit2 span {
        font-weight: bolder;
    }

    .z-into-a1-fl-tit3 {
        width:100%;
        font-size:.28rem;
        line-height:.42rem;
        text-align: justify;
        color: #565656;
    }
    .z-into-a1-fl-tit3 p{
        font-size:.28rem;
    }
    .z-into-a1-fl::after {
        content:none;
    }

    .z-into-a1-fr {
        width:100%;
    }

    .z-into-a1-fr-list {
        width: 50%;
        text-align: center;
        margin-bottom: 0.2rem;
    }

    .z-into-a1-fr-list:nth-child(4n) {
        margin-right: 0;
    }

    .z-into-a1-fr-num {
        /* height:.62rem; */
        /* margin-bottom:.35rem; */
    }

    .l_swiper_btn{width: 100%;text-align: center;position: absolute;bottom: 0;left: 0;z-index: 100;}
    /*.swiper-button-next1{width: 1rem!important;height: 1rem!important;display: inline-block;position: static!important;margin: 0 0.3rem!important;background: url(../img/z15.png)no-repeat !important;background-size: 100% 100%;}*/
    /*.swiper-button-prev1{width: 1rem!important;height: 1rem!important;display: inline-block;position: static!important;margin: 0 0.3rem!important;background: url(../img/z16.png)no-repeat !important;background-size: 100% 100%;}*/

    .z-into-a1-fr-num span {
        font-size:.6rem;
        color: #00873c;
        font-family: 'Rubik';
    }

    .z-into-a1-fr-num i {
        font-style: normal;
        font-size: .22rem;
        color: #00873c;
        margin-left:.12rem;
    }

    .z-into-a1-fr-tit {
        text-align: center;
        font-size:.28rem;
        color: #454545;
    }

    .z-none {
        display: none;
    }

    .z-into-a1-fr-video {
        width: 100%;
        padding-top: .7rem;
        text-align: center;
        cursor: pointer;
        display: flex;
        align-items: center;
    }

    .z-into-a1-fr-video img {
        width:.8rem;
        height:.8rem;
        display: block;
    }

    .z-into-a1-fr-video p {
        font-size:.26rem;
        color: #454545;
        margin-left:.2rem;
    }

    .z-into-a1-fr-video-a1{
        position:relative;
        width:.8rem;
        height:.8rem;
    }
    .z-into-a1-fr-video-a1>i{
        display:block;
        position:absolute;
        width:.8rem;
        height:.8rem;
        top:0;
        left: 0;
        background:#00873c;
        border-radius:50%;
        animation: k1 3s linear infinite;
    }
    @keyframes k1{0%{opacity: 0;transform: scale(1);}50%{opacity: 0.3;transform: scale(1.2);}100%{opacity: 0;transform: scale(1.4);}}


    .z-into-a1-clear {
        margin-bottom:.9rem;
    }

    .z-into-change {
        position: relative;
        width: 100%;
        height:5.9rem;
    }

    .z-into-change-list {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        transition: all .5s linear;
    }

    .z-into-change .z-on1 {
        opacity: 1;
        transition: 0.5s;
    }

    .z-into-change-img {
        display: block;
        width: 100%;
        height: 100%;
    }

    .z-into-change-text {
        position: absolute;
        left: 0;
        top: 50%;
        transform: translate(0, -50%);
        width:5.9rem;
        height:2.3rem;
        background: linear-gradient(to right, rgba(0, 0, 0, .6), rgba(0, 0, 0, .001));
        padding: 0 .55rem;
    }

    .z-into-change-text div:nth-child(1) {
        font-size:.42rem;
        padding-top:.4rem;
        padding-bottom:.3rem;
        line-height:.42rem;
        font-weight: bolder;
        color: #fff;
    }

    .z-into-change-text div:nth-child(2) {
        font-size:.22rem;
        line-height:.36rem;
        color: #fff;
    }
    .z-into-change-text div:nth-child(2) p{
        font-size:.22rem;
    }
    .z-into-change-bot {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height:.57rem;
        background: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, .001));
        white-space: nowrap;
        overflow-y: hidden;
        overflow-x: auto;
    }

    .z-into-change-tab {
        width:2rem;
        height:.57rem;
        position: relative;
        float: none;
        display: inline-block;
    }

    .z-into-change-tab::after {
        content: '';
        display: inline-block;
        width: 1px;
        height:.16rem;
        background: #fff;
        position: absolute;
        right: 0;
        top:.1rem;
    }

    .z-into-change-tab:last-child::after {
        content: none;
    }

    .z-into-change-tab-box {
        color: #fff;
        margin: 0 auto;
        width:1.5rem;
        text-align: center;
        /*line-height:.22rem;*/
        height: 100%;
        font-size:.26rem;
        cursor: pointer;
    }

    .z-into-change-tab-box img {
        width:.18rem;
        margin-right:.15rem;
        margin-top: .03rem;
        visibility: hidden;
    }

    .z-on2 .z-into-change-tab-box {
        border-bottom:.05rem solid #00873c;
    }

    .z-on2 .z-into-change-tab-box img {
        visibility:initial;
    }

    .z-into-a2 {
        width: 100%;
        /*height:7rem;*/
        background: #000;
        padding-bottom:.6rem;
    }

    .z-into-a2-fl {
        width: 100%;
        height: 7.62rem;
    }

    .z-into-a2-fr {
        width:100%;
        padding: .2rem .4rem;
    }

    .z-into-a2-fr .z-into-a2-fr-text {
        color: #fff;
        font-size: .28rem;
        text-align: justify;
        line-height:.36rem;
    }
    .z-into-a2-fr-text p{
        font-size: .28rem;
    }
    .z-into-a2-fr-text span{
        font-size: .28rem!important;
    }
    .z-into-a2-fr-qian {
        color: #fff;
        font-size: .28rem;
        padding-top:.5rem;
        display: flex;
        align-items: center;
    }

    .z-into-a2-fr-qian img {
        display: inline-block;
        margin-left:.28rem;
        width:1.6rem;
    }

    .z-into-about{width: 100%;position: relative;overflow: hidden;z-index: 1;padding-bottom: .8rem;}

    .about3-b2{width: 100%;position: absolute;bottom: 0;left: 0;}

    .about3-b2 img{width: 100%;}

    .about3-b3{width: 100%;height:6.4rem;position: relative;overflow: hidden;}

    .about311{width: 100%!important;height: 100%!important;position: relative;}

    .about311 .swiper-slide{width: 100%!important;height: 100%!important;position: relative;}

    .about3-b4{width: 100%;padding: 0 0.35rem;position: relative;}

    .about3-b4 img{width: 100%;max-height: 100%;}

    .about3-b5{width: 100%;height: 4.32rem;position: relative;margin-bottom: 0.42rem;}

    .about3-b6{width: 100%;font-size: 0.3rem;color: #676767;text-align: center;  white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

    .about3-b7{width: 100%;position: absolute;bottom: 0.2rem;left: 0;text-align: center;}

    .about3-b7>span:first-child{font-size: 0.48rem;line-height: 0.44rem;color: #404040;}

    .about3-b7>span:last-child{font-size: 0.3rem;line-height: 0.44rem;color: #747474;}


    .z-into-more {
        width:2.5rem;
        height:.65rem;
        background: #00883b;
        color: #fff;
        font-size:.28rem;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius:.3rem;
        margin:.3rem auto .5rem;
    }

    .z-into-more img {
        width:.12rem;
        margin-left:.1rem;
    }

    .z-into-a3 {
        width: 100%;
        height:8.6rem;
        position: relative;
    }

    .z-into-a3-box {
        position: absolute;
        left:0;
        height: 100%;
        top: 0;
        display: flex;
        align-items: center;
    }

    .z-into-a3-box .swiper-slide > i {
        display: block;
        width:100%;
        height:4rem;
        overflow:hidden;
    }
    .z-into-a3-box .swiper-slide > .fR {
        width:100%;
        padding-top:.5rem;
    }

    .z-into-a3-box-tit1 {
        color: #fff;
        font-size:.4rem;
        line-height:.4rem;
        margin-bottom:.4rem;
        font-weight: bold;
    }

    .z-into-a3-box-tit2 {
        color: #fff;
        font-size:.22rem;
        line-height:.36rem;
    }

    .z-into-a3-box .swiper-button-next {
        background: url("../img/z16.png");
        width:.8rem;
        height:.8rem;
        background-size: 100% 100%;
        top:auto;
        bottom:.3rem;
        margin:0;
        right:auto;
        left:3.7rem;
        /*opacity:1;*/
    }
    .z-into-a3-box .swiper-container{
        height:7.6rem;
    }
    .z-into-a3-box .swiper-button-prev {
        background: url("../img/z15.png");
        width:.8rem;
        height:.8rem;
        background-size: 100% 100%;
        right:auto;
        left:2.3rem;
        top:auto;
        bottom:.3rem;
        margin:0;
        /*opacity:1;*/
    }
}

@media only screen and (min-width: 1480px){
    .z-into-a4{
        width:100%;
        position:relative;
        background: #14497c;
    }
    .z-into-a4-bg{
        width:100%;
        height:1010px;
        background:#14497c;
        padding-top:260px;
    }
    .z-into-a4-bg img{
        width:228px;
        height:146px;
    }
    .z-into-a4-baimg{
        width:100%;
        height:3288px;
        background-image:url("../img/z18.jpg");
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-position: bottom center;
    }
    .z-into-a4-line{
        position:absolute;
        top:230px;
        left:calc(50% - 1440px/2);
        width:1048px;
        height: 2841px;
    }
    .z-into-a4-line+div{
        position:absolute;
        top:230px;
        left:calc(50% - 1440px/2);
        width:1048px;
        height: 2841px;
    }
    .z-into-a4-line img{
        width:100%;
    }
    .z-into-a4-list{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
    }
    .z-into-a4-year{
        position:absolute;
    }
    .z-into-a4-year-tit{
        font-size:24px;
        color:#fff;
        line-height:30px;
        margin-bottom:15px;
    }
    .z-into-a4-year-tit span{
        font-family:'Rubik';
        font-size:30px;
    }
    .z-into-a4-year-tit2{
        font-size:16px;
        margin-bottom:15px;
        color:#fff;
    }
    .z-into-a4-year-tit2 p{
        font-size:16px;
    }

    .z-into-a4-year:nth-child(1){
        width: calc(300/1048*100%);top: calc(110/2841*100%);left: calc(150/1048*100%);
    }
    .z-into-a4-year:nth-child(2){
        width: calc(300/1048*100%);bottom: calc(100% - 250px);left: calc(550/1048*100%);
    }
    .z-into-a4-year:nth-child(3){
        width: calc(330/1048*100%);top: calc(56/2841*100%);left: calc(880/1048*100%);
    }
    .z-into-a4-year:nth-child(4){
        width: calc(310/1048*100%);top: calc(290/2841*100%);left: calc(480/1048*100%);
        text-align:right;
    }
    .z-into-a4-year:nth-child(5){
        width: calc(380/1048*100%);top: calc(450/2841*100%);left: calc(1050/1048*100%);
    }
    .z-into-a4-year:nth-child(6){
        width: calc(450/1048*100%);top: calc(680/2841*100%);left: calc(810/1048*100%);
    }
    .z-into-a4-year:nth-child(7){
        text-align: right;
        width: calc(450/1048*100%);top: calc(765/2841*100%);right: calc(560/1048*100%);
    }
    .z-into-a4-year:nth-child(8){
        width: calc(640/1048*100%);top: calc(960/2841*100%);left: calc(670/1048*100%);
    }
    .z-into-a4-year:nth-child(9){
        text-align:right;
        width: calc(400/1048*100%);top: calc(1200/2841*100%);right: calc(540/1048*100%);
    }
    .z-into-a4-year:nth-child(10){
        width: calc(580/1048*100%);top: calc(1395/2841*100%);left: calc(840/1048*100%);
    }
    .z-into-a4-year:nth-child(11){
        text-align:right;
        width: calc(510/1048*100%);top: calc(1560/2841*100%);right: calc(400/1048*100%);
    }
    .z-into-a4-year:nth-child(12){
        width: calc(510/1048*100%);top: calc(1850/2841*100%);left: calc(780/1048*100%);
    }
    .z-into-a4-year:nth-child(13){
        text-align:right;
        width: calc(510/1048*100%);top: calc(2180/2841*100%);right: calc(490/1048*100%);
    }
    .z-into-a4-year:nth-child(14){
        width: calc(510/1048*100%);top: calc(2340/2841*100%);left: calc(720/1048*100%);
    }
    .z-into-a4-year:nth-child(15){
        width: calc(510/1048*100%);top: calc(2820/2841*100%);left: calc(660/1048*100%);
    }
    .z-into-a4-year:nth-child(16){
        text-align:right;
        width: calc(510/1048*100%);top: calc(3110/2841*100%);left: calc(30/1048*100%);
    }
}
@media only screen and (max-width: 1479px) and (min-width: 1024px){
    .z-into-a4{
        width:100%;
        position:relative;
        background: #14497c;
    }
    .z-into-a4-bg{
        width:100%;
        height:1010px;
        background:#14497c;
        padding-top:260px;
    }
    .z-into-a4-bg img{
        width:150px;
    }
    .z-into-a4-baimg{
        width:100%;
        height:2183px;
        background-image:url("../img/z18.jpg");
        background-size:100% auto;
        background-position: bottom center;
        background-repeat: no-repeat;
    }
    .z-into-a4-line{
        position:absolute;
        top: 220px;
        left:calc(50% - 960px/2);
        width:800px;
        height: 2841px;
    }
    .z-into-a4-line+div{
        position:absolute;
        top:220px;
        left:calc(50% - 960px/2);
        width:800px;
        height:2841px;
    }
    .z-into-a4-line img{
        width:100%;
    }
    .z-into-a4-list{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
    }
    .z-into-a4-year{
        position:absolute;
        width: 300px;
    }
    .z-into-a4-year-tit{
        font-size:20px;
        color:#fff;
        line-height:20px;
        margin-bottom:12px;
    }
    .z-into-a4-year-tit span{
        font-family:'Rubik';
        font-size:26px;
    }
    .z-into-a4-year-tit2{
        font-size:14px;
        margin-bottom:12px;
        color:#fff;
    }
    .z-into-a4-year-tit2 p{
        font-size:14px;
    }
    .z-into-a4-year:nth-child(1){
        width: calc(300/800*100%);top: calc(100/2841*100%);left: calc(100/800*100%);
    }
    .z-into-a4-year:nth-child(2){
        width: calc(300/800*100%);bottom: calc(100% + 30px);left: calc(410/800*100%);
    }
    .z-into-a4-year:nth-child(3){
        width: calc(240/800*100%);top: calc(56/2841*100%);left: calc(670/800*100%);
    }
    .z-into-a4-year:nth-child(4){
        width: calc(310/800*100%);top: calc(230/2841*100%);left: calc(360/800*100%);
        text-align:right;
    }
    .z-into-a4-year:nth-child(5){
        width: calc(380/800*100%);top: calc(320/2841*100%);left: calc(800/800*100%);
    }
    .z-into-a4-year:nth-child(6){
        width: calc(280/800*100%);top: calc(530/2841*100%);left: calc(650/800*100%);
    }
    .z-into-a4-year:nth-child(7){
        text-align: right;
        width: calc(450/800*100%);top: calc(565/2841*100%);right: calc(400/800*100%);
    }
    .z-into-a4-year:nth-child(8){
        width: calc(400/800*100%);top: calc(720/2841*100%);left: calc(530/800*100%);
    }
    .z-into-a4-year:nth-child(9){
        text-align:right;
        width: calc(400/800*100%);top: calc(890/2841*100%);right: calc(400/800*100%);
    }
    .z-into-a4-year:nth-child(10){
        width: calc(300/800*100%);top: calc(1055/2841*100%);left: calc(660/800*100%);
    }
    .z-into-a4-year:nth-child(11){
        text-align:right;
        width: calc(510/800*100%);top: calc(1200/2841*100%);right: calc(300/800*100%);
    }
    .z-into-a4-year:nth-child(12){
        width: calc(510/800*100%);top: calc(1410/2841*100%);left: calc(610/800*100%);
    }
    .z-into-a4-year:nth-child(13){
        text-align:right;
        width: calc(510/800*100%);top: calc(1660/2841*100%);right: calc(410/800*100%);
    }
    .z-into-a4-year:nth-child(14){
        width: calc(510/800*100%);top: calc(1800/2841*100%);left: calc(580/800*100%);
    }
    .z-into-a4-year:nth-child(15){
        width: calc(510/800*100%);top: calc(2160/2841*100%);left: calc(520/800*100%);
    }
}
@media only screen and (max-width: 1023px) {
    .z-his-a1-img{
        padding-top:.55rem;
    }
    .z-into-a4{
        width:100%;
        position:relative;
        background: #14497c;
    }
    .z-into-a4-bg{
        width:100%;
        height:44rem;
        background:#14497c;
        padding-top:1.2rem;
    }
    .z-into-a4-bg img{
        width:1.5rem;
    }
    .z-into-a4-baimg{
        width:100%;
        height:16.93rem;
        background-image:url("../img/z29.png");
        background-size:100% 100%;
    }
    .z-into-a4-line{
        position:absolute;
        top: 1.5rem;
        left: 16%;
        width: 3.02rem;
    }
    .z-into-a4-line img{
        width:100%;
    }
    .z-into-a4-list{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
    }
    .z-into-a4-year{
        position:absolute;
    }
    .z-into-a4-year:nth-child(1){
        top:0.3rem;
        left: 23%;
    }
    .z-into-a4-year-tit{
        font-size:.3rem;
        color:#fff;
        margin-bottom:.12rem;
    }
    .z-into-a4-year-tit span{
        font-family:'Rubik';
        font-size:.32rem;
    }
    .z-into-a4-year-tit2{
        font-size:.2rem;
        margin-bottom:.12rem;
        color:#fff;
    }
    .z-into-a4-year-tit2 p{
        font-size:.24rem;
    }
    .z-into-a4-year:nth-child(2){
        top: 5%;
        left: 55%;
    }
    .z-into-a4-year:nth-child(3){
        top: 7.5%;
        left: 12%;
        width: 2.3rem;
    }
    .z-into-a4-year:nth-child(4){
        top: 13%;
        left: 49%;
    }
    .z-into-a4-year:nth-child(5){
        top:17%;
        left: 13%;
        width: 2.6rem;
    }
    .z-into-a4-year:nth-child(6){
        top:21.5%;
        left: 55%;
        width: 3rem;
    }
    .z-into-a4-year:nth-child(7){
        top: 26%;
        left: 5%;
        width: 2rem;
    }
    .z-into-a4-year:nth-child(8){
        top: 30%;
        left: 52%;
        width: 4rem;
    }
    .z-into-a4-year:nth-child(9){
        top: 37%;
        left: 3%;
        width: 2.6rem;
    }
    .z-into-a4-year:nth-child(10){
        top: 42%;
        left: 56%;
        width: 3rem;
    }
    .z-into-a4-year:nth-child(11){
        top: 48%;
        left: 5%;
        width: 2.3rem;
    }
    .z-into-a4-year:nth-child(12){
        top: 55%;
        left: 52%;
        width: 3rem;
    }
    .z-into-a4-year:nth-child(13){
        top: 63%;
        left: 12%;
        width: 3rem;
    }
    .z-into-a4-year:nth-child(14){
        top: 68%;
        left: 54%;
        width: 3rem;
    }
    .z-into-a4-year:nth-child(15){
        top: 78%;
        left: 43%;
        width: 3rem;
    }
}

@media only screen and (min-width: 1480px){
    .z-history{
        background:#c8132d;
    }
    .z-history .z-title-text{
        color:#fff;
    }
    .z-history-a1{
        position:relative;
    }
    .z-history-a1-img{
        position:absolute;
        left:-99px;
        top:0;
    }
    .z-history-a1-img img{
        width:139px;
    }
    .z-history-a1-line{
        margin-top:140px;
    }
    .z-history-a1-line img{
        width:1009px;
    }
    .z-history-a1-years{
        position:absolute;
        top:0;
        left:0;
        width: 100%;
        height: 100%;
    }
    .z-history-a1-list:nth-child(1) .z-history-a1-list-img{
        position:relative;
        width:170px;
        margin-bottom:28px;
    }
    .z-history-a1-list:nth-child(1) .z-history-a1-list-img::before{
        /*content:'';*/
        width:21px;
        height:21px;
        display:inline-block;
        background-image:url("../img/z27.png");
        background-size:100% 100%;
        position:absolute;
        top:50%;
        left:50%;
        transform: translate(-50%,-50%);
    }
    .z-history-a1-list:nth-child(1) .z-history-a1-list-img img{
        width:170px;
    }
    .z-history-a1-list-num{
        color:#fff;
        font-size:24px;
        line-height:30px;
    }
    .z-history-a1-list-num span{
        font-size:30px;
        font-family:'Rubik';
    }
    .z-history-a1-list-text{
        font-size:16px;
        color:#fff;
        padding-top:12px;
    }
    .z-history-a1-list-text p{
        font-size:16px;
    }
    .z-history-a1-list-tit{
        position:absolute;
        left:30px;
        width:330px;
    }
    .z-history-a1-list{
        position:absolute;
    }
    .z-history-a1-list:nth-child(1){
        top:0;
        left:6%;
    }
    .z-history-a1-list:nth-child(2){
        top:-8%;
        left: 34%;
    }
    .z-history-a1-years1 .z-history-a1-list:nth-child(2){
        top:-13%;
        left: 34%;
    }
    .z-history-a1-list:nth-child(3){
        top: 5%;
        left: 57%;
    }
    .z-history-a1-years1 .z-history-a1-list:nth-child(3){
        top: 27%;
        left: 41%;
        text-align:right;
    }
    .z-history-a1-years1 .z-history-a1-list:nth-child(3) .z-history-a1-list-img{
        position:relative;
        width:118px;
        margin-bottom:28px;
    }
    .z-history-a1-years1 .z-history-a1-list:nth-child(3) .z-history-a1-list-img::before{
        /*content:'';*/
        width:21px;
        height:21px;
        display:inline-block;
        background-image:url("../img/z27.png");
        background-size:100% 100%;
        position:absolute;
        top:50%;
        left:50%;
        transform: translate(-50%,-50%);
    }
    .z-history-a1-years1 .z-history-a1-list:nth-child(3) .z-history-a1-list-img img{
        width:118px;
    }
    .z-history-a1-years1 .z-history-a1-list:nth-child(3) .z-history-a1-list-tit{
        left:-215%;
        width: 370px;
    }
    .z-history-a1-years1 .z-history-a1-list:nth-child(4) {
        top: 34%;
        left: 70%;
        text-align:left;
    }
    .z-history-a1-list:nth-child(4){
        top: 19%;
        left: 39%;
        text-align:right;
    }
    .z-history-a1-list:nth-child(4) .z-history-a1-list-img{
        position:relative;
        width:118px;
        margin-bottom:28px;
    }
    .z-history-a1-list:nth-child(4) .z-history-a1-list-img::before{
        /*content:'';*/
        width:21px;
        height:21px;
        display:inline-block;
        background-image:url("../img/z27.png");
        background-size:100% 100%;
        position:absolute;
        top:50%;
        left:50%;
        transform: translate(-50%,-50%);
    }
    .z-history-a1-list:nth-child(4) .z-history-a1-list-img img{
        width:118px;
    }
    .z-history-a1-list:nth-child(4) .z-history-a1-list-tit{
        left:-215%;
        width: 370px;
    }
    .z-history-a1-list:nth-child(5){
        top: 21%;
        left: 68%;
    }
    .z-history-a1-list:nth-child(6){
        top: 40%;
        left: 63%;
        text-align: right;
    }
    .z-history-a1-list:nth-child(6) .z-history-a1-list-img{
        position:relative;
        width:118px;
        margin-bottom:28px;
    }
    .z-history-a1-list:nth-child(6) .z-history-a1-list-img::before{
        /*content:'';*/
        width:21px;
        height:21px;
        display:inline-block;
        background-image:url("../img/z27.png");
        background-size:100% 100%;
        position:absolute;
        top:50%;
        left:50%;
        transform: translate(-50%,-50%);
    }
    .z-history-a1-list:nth-child(6) .z-history-a1-list-img img{
        width:118px;
    }
    .z-history-a1-list:nth-child(6) .z-history-a1-list-tit{
        left: -285%;
        top: 3%;
    }
    .z-history-a1-list:nth-child(7){
        top: 54%;
        left: 48%;
    }
    .z-history-a1-list:nth-child(7) .z-history-a1-list-img{
        position:relative;
        width:148px;
        margin-bottom:28px;
    }
    .z-history-a1-list:nth-child(7) .z-history-a1-list-img::before{
        /*content:'';*/
        width:21px;
        height:21px;
        display:inline-block;
        background-image:url("../img/z27.png");
        background-size:100% 100%;
        position:absolute;
        top: 42%;
        left: 68%;
    }
    .z-history-a1-list:nth-child(7) .z-history-a1-list-img img{
        width:148px;
    }
    .z-history-a1-list:nth-child(7) .z-history-a1-list-tit {
        position: absolute;
        left: 97%;
        width: 370px;
        top: 59%;
    }
    .z-history-a1-list:nth-child(8){
        top: 69%;
        left: 33%;
    }
    .z-history-a1-list:nth-child(8) .z-history-a1-list-img{
        position:relative;
        width:148px;
        margin-bottom:28px;
    }
    .z-history-a1-list:nth-child(8) .z-history-a1-list-img::before{
        /*content:'';*/
        width:21px;
        height:21px;
        display:inline-block;
        background-image:url("../img/z27.png");
        background-size:100% 100%;
        position:absolute;
        top: 42%;
        left: 68%;
    }
    .z-history-a1-list:nth-child(8) .z-history-a1-list-img img{
        width:148px;
    }
    .z-history-a1-list:nth-child(8) .z-history-a1-list-tit {
        position: absolute;
        left: -250%;
        width: 370px;
        top: -30%;
    }
}
@media only screen and (max-width: 1479px) and (min-width: 1024px){
    .z-history{
        background:#c8132d;
    }
    .z-history .z-title-text{
        color:#fff;
    }
    .z-history-a1{
        position:relative;
    }
    .z-history-a1-img{
        position:absolute;
        left:-20px;
        top:0;
    }
    .z-history-a1-img img{
        width:109px;
    }
    .z-history-a1-line{
        margin-top:120px;
    }
    .z-history-a1-line img{
        width: 700px;
    }
    .z-history-a1-years{
        position:absolute;
        top:0;
        left:0;
        width: 100%;
        height: 100%;
    }
    .z-history-a1-list:nth-child(1) .z-history-a1-list-img{
        position:relative;
        width:108px;
        margin-bottom:20px;
    }
    .z-history-a1-list:nth-child(1) .z-history-a1-list-img::before{
        /*content:'';*/
        width:18px;
        height:18px;
        display:inline-block;
        background-image:url("../img/z27.png");
        background-size:100% 100%;
        position:absolute;
        top:50%;
        left:50%;
        transform: translate(-50%,-50%);
    }
    .z-history-a1-list:nth-child(1) .z-history-a1-list-img img{
        width:108px;
    }
    .z-history-a1-list-num{
        color:#fff;
        font-size:20px;
        line-height:26px;
    }
    .z-history-a1-list-num span{
        font-size:26px;
        font-family:'Rubik';
    }
    .z-history-a1-list-text{
        font-size:14px;
        color:#fff;
        padding-top:10px;
    }
    .z-history-a1-list-text p{
        font-size:14px;
    }
    .z-history-a1-list-tit{
        position:absolute;
        left:30px;
        width: 320px;
    }
    .z-history-a1-list{
        position:absolute;
    }
    .z-history-a1-list:nth-child(1){
        top:0;
        left:10%;
    }
    .z-history-a1-list:nth-child(2){
        top: -9%;
        left: 34%;
    }
    .z-history-a1-list:nth-child(3){
        top: 5%;
        left: 57%;
    }
    .z-history-a1-list:nth-child(4){
        top: 16%;
        left: 43%;
        text-align:right;
    }
    .z-history-a1-list:nth-child(4) .z-history-a1-list-img{
        position:relative;
        width:100px;
        margin-bottom:28px;
    }
    .z-history-a1-list:nth-child(4) .z-history-a1-list-img::before{
        /*content:'';*/
        width:21px;
        height:21px;
        display:inline-block;
        background-image:url("../img/z27.png");
        background-size:100% 100%;
        position:absolute;
        top:50%;
        left:50%;
        transform: translate(-50%,-50%);
    }
    .z-history-a1-list:nth-child(4) .z-history-a1-list-img img{
        width:100px;
    }
    .z-history-a1-list:nth-child(4) .z-history-a1-list-tit{
        left:-284%;
        width: 370px;
    }
    .z-history-a1-list:nth-child(5){
        top: 21%;
        left: 68%;
    }
    .z-history-a1-list:nth-child(6){
        top: 40%;
        left: 63%;
        text-align: right;
    }
    .z-history-a1-list:nth-child(6) .z-history-a1-list-img{
        position:relative;
        width:118px;
        margin-bottom:28px;
    }
    .z-history-a1-list:nth-child(6) .z-history-a1-list-img::before{
        /*content:'';*/
        width:21px;
        height:21px;
        display:inline-block;
        background-image:url("../img/z27.png");
        background-size:100% 100%;
        position:absolute;
        top:10%;
        left:50%;
    }
    .z-history-a1-list:nth-child(6) .z-history-a1-list-img img{
        width:118px;
    }
    .z-history-a1-list:nth-child(6) .z-history-a1-list-tit{
        left: -285%;
        top: 3%;
    }
    .z-history-a1-list:nth-child(7){
        top: 54%;
        left: 48%;
    }
    .z-history-a1-list:nth-child(7) .z-history-a1-list-img{
        position:relative;
        width:148px;
        margin-bottom:28px;
    }
    .z-history-a1-list:nth-child(7) .z-history-a1-list-img::before{
        /*content:'';*/
        width:21px;
        height:21px;
        display:inline-block;
        background-image:url("../img/z27.png");
        background-size:100% 100%;
        position:absolute;
        top: 42%;
        left: 68%;
    }
    .z-history-a1-list:nth-child(7) .z-history-a1-list-img img{
        width:128px;
    }
    .z-history-a1-list:nth-child(7) .z-history-a1-list-tit {
        position: absolute;
        left: 97%;
        width: 370px;
        top: 59%;
    }
    .z-history-a1-list:nth-child(8){
        top: 68%;
        left: 33%;
    }
    .z-history-a1-list:nth-child(8) .z-history-a1-list-img{
        position:relative;
        width:148px;
        margin-bottom:28px;
    }
    .z-history-a1-list:nth-child(8) .z-history-a1-list-img::before{
        /*content:'';*/
        width:21px;
        height:21px;
        display:inline-block;
        background-image:url("../img/z27.png");
        background-size:100% 100%;
        position:absolute;
        top: 42%;
        left: 68%;
    }
    .z-history-a1-list:nth-child(8) .z-history-a1-list-img img{
        width:128px;
    }
    .z-history-a1-list:nth-child(8) .z-history-a1-list-tit {
        position: absolute;
        left: -220%;
        width: 319px;
        top: -30%;
    }
}
@media only screen and (max-width: 1023px) {
    .z-history{
        background:#a62920;
    }
    .z-history .z-title-text{
        color:#fff;
    }
    .z-history-a1{
        position:relative;
        min-height:25rem;
    }
    .z-history-a1-img{
        position:absolute;
        left:.1rem;
        top:0;
    }
    .z-history-a1-img img{
        width:1.4rem;
    }
    .z-history-a1-line{
        margin-top: 1.4rem;
        width: 2.62rem;
        height: 23.34rem;
        position: absolute;
        top: -.8rem;
        left:.9rem;
    }
    .z-history-a1-line img {
        width: 100%;
        height: 100%;
    }
    .z-history-a1-years {
        position: absolute;
        top: -1.8rem;
        left:.9rem;
        width: 2.62rem;
        height: 23.34rem;
        margin-top: 1.4rem;
    }
    .z-history-a1-list:nth-child(1) .z-history-a1-list-img{
        position:relative;
        width:1.08rem;
        margin-bottom:.2rem;
    }
    .z-history-a1-list:nth-child(1) .z-history-a1-list-img::before{
        /*content:'';*/
        width:.2rem;
        height:.2rem;
        display:inline-block;
        background-image:url("../img/z27.png");
        background-size:100% 100%;
        position:absolute;
        top:50%;
        left:50%;
        transform: translate(-50%,-50%);
    }
    .z-history-a1-list:nth-child(1) .z-history-a1-list-img img{
        width:1.08rem;
    }
    .z-history-a1-list-num{
        color:#fff;
        font-size:.26rem;
        line-height:.28rem;
    }
    .z-history-a1-list-num span{
        font-size:.3rem;
        font-family:'Rubik';
    }
    .z-history-a1-list-text{
        font-size:.2rem;
        color:#fff;
        padding-top:.1rem;
    }
    .z-history-a1-list-text p{
        font-size:.2rem;
    }
    .z-history-a1-list-tit{
        position:absolute;
        left:.3rem;
        width:3.2rem;
    }
    .z-history-a1-list{
        position:absolute;
    }
    .z-history-a1-list:nth-child(1){
        top:3%;
        right:calc(50% - .9rem);
        width: calc(50% - .4rem);
    }
    .z-history-a1-list:nth-child(1) .z-history-a1-list-tit{
        top: 0;
        left: 128%;
    }
    .z-history-a1-list:nth-child(2){
        top: 10%;
        right: calc(50% - 1rem);
    }
    .z-history-a1-list:nth-child(2) .z-history-a1-list-tit{
        /*text-align:right;*/
    }
    .z-history-a1-list:nth-child(3){
        top: 20%;
        left:calc(50% - 2rem);
    }
    .z-history-a1-list:nth-child(4){
        top: 26%;
        left:calc(50% - .2rem)
    }
    .z-history-a1-list:nth-child(4) .z-history-a1-list-img{
        position:relative;
        width:1rem;
        margin-bottom:.2rem;
    }
    .z-history-a1-list:nth-child(4) .z-history-a1-list-img::before{
        /*content:'';*/
        width:.2rem;
        height:.2rem;
        display:inline-block;
        background-image:url("../img/z27.png");
        background-size:100% 100%;
        position:absolute;
        top:50%;
        left:50%;
        transform: translate(-50%,-50%);
    }
    .z-history-a1-list:nth-child(4) .z-history-a1-list-img img{
        width:1rem;
    }
    .z-history-a1-list:nth-child(4) .z-history-a1-list-tit{
        left: 120%;
        width: 3.7rem;
        top: 0;
    }
    .z-history-a1-list:nth-child(5){
        top: 36%;
        /*left: -2%;*/
        left:calc(50% - 2.2rem);
        text-align: right;
    }
    .z-history-a1-list:nth-child(5)  .z-history-a1-list-tit{
        width: 2.2rem;
    }
    .z-history-a1-list:nth-child(6){
        top: 49%;
        left:calc(50% - .2rem);
    }
    .z-history-a1-list:nth-child(6) .z-history-a1-list-img{
        position:relative;
        width:1.18rem;
        margin-bottom:.2rem;
    }
    .z-history-a1-list:nth-child(6) .z-history-a1-list-img::before{
        /*content:'';*/
        width:.2rem;
        height:.2rem;
        display:inline-block;
        background-image:url("../img/z27.png");
        background-size:100% 100%;
        position:absolute;
        top:10%;
        left:50%;
    }
    .z-history-a1-list:nth-child(6) .z-history-a1-list-img img{
        width:1.18rem;
    }
    .z-history-a1-list:nth-child(6) .z-history-a1-list-tit{
        left:120%;
        top: 3%;
    }
    .z-history-a1-list:nth-child(7){
        top: 65%;
        left:calc(50% - .1rem);
    }
    .z-history-a1-list:nth-child(7) .z-history-a1-list-img{
        position:relative;
        width:1.48rem;
        margin-bottom:.2rem;
    }
    .z-history-a1-list:nth-child(7) .z-history-a1-list-img::before{
        /*content:'';*/
        width:.2rem;
        height:.2rem;
        display:inline-block;
        background-image:url("../img/z27.png");
        background-size:100% 100%;
        position:absolute;
        top: 42%;
        left: 68%;
    }
    .z-history-a1-list:nth-child(7) .z-history-a1-list-img img{
        width:1.48rem;
    }
    .z-history-a1-list:nth-child(7) .z-history-a1-list-tit {
        position: absolute;
        left: 106%;
        width: 3.2rem;
        top: -29%;
        /*height: 2rem;*/
        overflow: auto;
    }
    .z-history-a1-list:nth-child(8){
        top: 83%;
        left: calc(50% - .1rem);
    }
    .z-history-a1-list:nth-child(8) .z-history-a1-list-img{
        position:relative;
        width:1.48rem;
        margin-bottom:.2rem;
    }
    .z-history-a1-list:nth-child(8) .z-history-a1-list-img::before{
        /*content:'';*/
        width:.2rem;
        height:.2rem;
        display:inline-block;
        background-image:url("../img/z27.png");
        background-size:100% 100%;
        position:absolute;
        top: 42%;
        left: 11%;
    }
    .z-history-a1-list:nth-child(8) .z-history-a1-list-img img{
        width:1.48rem;
    }
    .z-history-a1-list:nth-child(8) .z-history-a1-list-tit {
        position: absolute;
        left: -130%;
        width: 2rem;
        top: -30%;
        overflow: auto;
    }
    .z--history-a1-year{
        min-height: 13.5rem;
    }
    .z--history-a1-year .z-history-a1-line{
        height: auto;
    }
}

@media only screen and (min-width: 1480px){
    .z-store{
        width:100%;
        height:980px;
        position:relative;
    }
    .z-store-box{
        width:100%;
        height:980px;
        position:absolute;
        top:0;
        left:0;
        display:table;
    }
    .z-store-img{
        width:100%;
        height:100%;
    }
    .z-store-box>div{
        display:table-cell;
        vertical-align:middle;
    }
    .z-store-box>div img{
        margin:0 auto;
    }
    .z-store-img1{
        margin-bottom:30px;
    }
    .z-store-img1 img{
        width:477px;
    }
    .z-store-img2 img{
        width:975px;
    }
}
@media only screen and (max-width: 1479px) and (min-width: 1024px){
    .z-store{
        width:100%;
        position:relative;
    }
    .z-store-box{
        width:100%;
        position:absolute;
        top:0;
        left:0;
        display:table;
        height: 100%;
    }
    .z-store-img{
        width:100%;
    }
    .z-store-box>div{
        display:table-cell;
        vertical-align:middle;
    }
    .z-store-box>div img{
        margin:0 auto;
    }
    .z-store-img1{
        margin-bottom:20px;
    }
    .z-store-img1 img{
        width:400px;
    }
    .z-store-img2 img{
        width:800px;
    }
}
@media only screen and (max-width: 1023px) {
    /*.z-his-a1-img{width:100%;}*/
    /*.z-history-bg{background:#fff;}*/
    .z-store{
        width:100%;
        position:relative;
        height:100vh;
    }
    .z-store-box{
        width:100%;
        position:absolute;
        top:0;
        left:0;
        display:table;
        height: 100%;
    }
    .z-store-img{
        width:100%;
        height: 100%;
    }
    .z-store-box>div{
        display:table-cell;
        vertical-align:middle;
    }
    .z-store-box>div img{
        margin:0 auto;
    }
    .z-store-img1{
        margin-bottom:.2rem;
    }
    .z-store-img1 img{
        width:3.77rem;
    }
    .z-store-img2 img{
        width:5.75rem;
    }
}

@media only screen and (min-width: 1480px){
    .l_d1_pro_li>i{height:250px;display: flex;align-items: center;}
    .z-history-bg{background:#fff;}
}
@media only screen and (max-width: 1479px) and (min-width: 1024px){
    .l_d1_pro_li>i{height:250px;display: block;}
    .z-history-bg{background:#fff;}
    .z-history-bg{background:#fff;}
    .z-history-a1-years1 .z-history-a1-list:nth-child(2){
        top:-16%;
        left: 34%;
    }
    .z-history-a1-years1 .z-history-a1-list:nth-child(3){
        top: 27%;
        left: 41%;
        text-align:right;
    }
    .z-history-a1-years1 .z-history-a1-list:nth-child(3) .z-history-a1-list-img{
        position:relative;
        width:118px;
        margin-bottom:28px;
    }
    .z-history-a1-years1 .z-history-a1-list:nth-child(3) .z-history-a1-list-img::before{
        /*content:'';*/
        width:21px;
        height:21px;
        display:inline-block;
        background-image:url("../img/z27.png");
        background-size:100% 100%;
        position:absolute;
        top:50%;
        left:50%;
        transform: translate(-50%,-50%);
    }
    .z-history-a1-years1 .z-history-a1-list:nth-child(3) .z-history-a1-list-img img{
        width:118px;
    }
    .z-history-a1-years1 .z-history-a1-list:nth-child(3) .z-history-a1-list-tit{
        left:-215%;
        width: 370px;
    }
    .z-history-a1-years1 .z-history-a1-list:nth-child(4) {
        top: 34%;
        left: 73%;
        text-align:left;
    }
}
@media only screen and (max-width: 1023px) {
    .z-history-a1-years1 .z-history-a1-list:nth-child(2){
        top:11%;
        right: calc(50% - 1.2rem);
    }
    .z-history-a1-years1 .z-history-a1-list:nth-child(3){
        top: 21%;
        left: calc(50% + .2rem);
    }
    .z-history-a1-years1 .z-history-a1-list:nth-child(3) .z-history-a1-list-img{
        position:relative;
        width:1rem;
        margin-bottom:.2rem;
    }
    .z-history-a1-years1 .z-history-a1-list:nth-child(3) .z-history-a1-list-img::before{
        /*content:'';*/
        width:.2rem;
        height:.2rem;
        display:inline-block;
        background-image:url("../img/z27.png");
        background-size:100% 100%;
        position:absolute;
        top:50%;
        left:50%;
        transform: translate(-50%,-50%);
    }
    .z-history-a1-years1 .z-history-a1-list:nth-child(3) .z-history-a1-list-img img{
        width:1rem;
    }
    .z-history-a1-years1 .z-history-a1-list:nth-child(3) .z-history-a1-list-tit{
        left: 120%;
        width:3rem;
        top: 0;
    }
    .z-history-a1-years1 .z-history-a1-list:nth-child(4) {
        top: 40%;
        /*left: 3%;*/
        left: calc(50% -  1.8rem);
    }
    .z-history-a1-years1 .z-history-a1-list:nth-child(4) .z-history-a1-list-tit {
        width: 2.3rem;
    }
    .z-history-bg{
        background:#fff;
    }
}

@media only screen and (min-width: 1480px){}
@media only screen and (max-width: 1479px) and (min-width: 1024px){}
@media only screen and (max-width: 1023px) {}

@media only screen and (min-width: 1480px){}
@media only screen and (max-width: 1479px) and (min-width: 1024px){}
@media only screen and (max-width: 1023px) {}