@media screen and (max-width: 1199px) {
    .dashiji_swiper_mb{
        padding-left: 0.2rem;
    }
    .xian{
        width: 100%;
        height: 1px;
        background: #E0E0E0;
        position: absolute;
        top: 3.2rem;
    }
    .dashiji_slider {
        position: relative;
        height: 4rem !important;
    }
    /* .dashiji_slider_mb{
        position: relative;
    } */
    .dashiji_slider img{
        position: absolute;
        top: 28%;
        /* margin-top: 0.02rem; */
        width:0.2rem;
        height: 0.2rem;
        /* top: 40px; */
        
    }
    .dashiji_ji{
        margin-top: 1.3rem;
    }
    .shiji_title{
        color: #333333;
        font-size:0.15rem;
    }
    .shiji_word_content{
        color: #777777;
        font-size: 0.14rem;
        margin-top: 0.12rem;
    }
    .dashiji_number{
        color: #675EDF;
        font-size: 0.16rem;
    }
    
    .dashiji_yuan{

    }
    .dashiji_xiu{
        margin: 0 auto;
        overflow: hidden;
        /* margin-top: 0.5rem; */
    }
    .index_box8_wrap {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .huoban_img{
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .huoban_img img{
        height: 3rem;
       width: 100%;
        margin-top: 0.rem;
    }
    .index_content {
        width: 100%;
        background: #FFFFFF;
    }
    .index_banner {
        width: 100%;
        height: 6.8rem;
        position: relative;
    }
    
    .index_banner img {
        width: 100%;
        height:  6.8rem;
        object-fit: cover;
    }
    
    .banner_text {
        width: 6.86rem;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }
    
    .banner_text p:first-child {
        margin-top: 2rem;
        font-size: 0.54rem;
        line-height: 0.54rem;
        color: #333333;
        font-weight: bold;
    }
    
    .banner_text p:nth-child(2), .banner_text p:nth-child(3) {
        margin-top: 0.12rem;
        font-size: 0.28rem;
        color: #7E7F80;
        
    }
    
    
   
    .index_box_wrap{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        background: url(../img/index_08.svg) no-repeat;
    }
    .public_width{
        width: 6.86rem;
    }
    .index_box_title{
        font-size: 0.4rem;
        color: #333333;
        text-align: center;
        padding-top: 1rem;
        padding-bottom: 0.6rem;
        font-weight: bold;
    }
    .index_box3_content {
       
        padding-bottom: 1rem;
        padding-top: 0.6rem;
    }
    .index_box3_content div{
       width: 100%;
       height: 2.52rem;
        background: #F5F5F5;
        position: relative;
        padding: 0.32rem;
        box-sizing: border-box;
        font-size: 0.28rem;
        line-height: 0.4rem;
        margin-bottom: 0.24rem;
    
    }
    .index_box3_content div p:first-child{
        font-size: 0.32rem;
        font-family: Medium;
        display: flex;
        align-items: center;
        margin-bottom: 0.28rem;
    }
    .index_box3_content div p:first-child img{
        width: 0.4rem;
        height:0.4rem;
        margin-right: 0.08rem;
    }
    .index_box3_content div p:nth-child(3){
       font-size: 0.82rem;
        color: #F1EFEE;
        position: absolute;
        right: 0;
        bottom: -0.1rem;
        line-height:1rem;
    }
    .index_box4_wrap {
        background: url("../img/guanyu_img4.png") no-repeat top center/cover;
        height: 5.22rem;
       position: relative;
        width: 100%;
    
    }
    .index_box4{
        width: 100%;
        height: 100%;
    }
    .hr{
        width: 100%;
        height: 1px;
        background-color: #fff;
        position: absolute;
        top: 3.71rem;
        left: 0;
    }
    .jishi_time{
        width: 6.68rem;
        height: 3.22rem;
        margin: 0 auto;
       
        /* overflow: hidden; */
    }
    .mySwiper{
        width: 6.68rem;
        height: 4rem;
        overflow: hidden;
        margin: 0 auto;
        z-index: 100;
        /* height: 3.22rem; */
    }
    .swiper-slide{
        width: 6.68rem;
        height: 3.22rem !important;
    }
    .jishi_time_list{
        width: 6.68rem;
        height: 3.22rem;
        background: #FFFFFF;
        box-shadow: 0px 0.1rem 0.18rem 0.02rem rgba(28,7,90,0.1);
        border-radius: 0.2rem;
        opacity: 0.8;
    }
    .jishi_time_list_title{
        font-weight: 500;
        font-size: 0.32rem;
        text-align: center;
        color: #675EDF;
        height: 1.52rem;
        line-height: 1.52rem;
        border-bottom: 1px solid #675EDF;
    }
    .jishi_time_list_word{
        display: flex;
        justify-content: center;
        align-items: center;
        height: 1.69rem;
        padding: 0 0.32rem;

    }
    .jishi_time_list_word span:nth-child(1){
        display: block;
        width: 0.1rem;
        height: 0.1rem;
        border-radius: 50%;
        background-color: #675EDF;
        margin-right: 0.08rem;
    }
    .jishi_time_list_word span:nth-child(2){
        font-size: 0.28rem;
        color: #7E7F80;
    }
    .swiper-button-prev, .swiper-button-next {
       
     
        padding: 0.1rem; /* 内边距 */
        border-radius: 50%; /* 圆形按钮 */
        width: 0.6rem !important; /* 宽度 */
        height: 0.6rem !important; /* 高度 */
        display: flex; /* 使用Flexbox布局 */
        align-items: center; /* 垂直居中 */
        justify-content: center; /* 水平居中 */
       
        background-size: 0.6rem !important;
    }
     
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
        background-image: url('../img/guanyu_img8.png') !important;
        right: 35% !important;
        left: auto;
        top: 3.7rem !important;
    }
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
        background-image: url('../img/guanyu_img7.png') !important;
        left: 35% !important;
        right: auto;
        top: 3.7rem !important;
    }
    .index_box5_top{
        margin-top: 0.36rem;
       
    }
    .index_box5_top p img{
        width: 0.8rem;
        height: 0.8rem;
    }
    .index_box5_top p{
       width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        font-size: 0.28rem;
        color: #777777;
        text-align: center;
        padding-bottom: 0.8rem;
    }
    .index_box5_top p span:nth-of-type(1){
        margin: 0.2rem 0 0.3rem;
    }
    .index_box5_bot{
       
        padding-bottom: 1rem;
    }
    .index_box5_bot img{
        display: block;
        width: 100%;
        height: 2.86rem;
    }
}

@media screen and (min-width: 1200px) {

    .index_box8_wrap{
        width: 100%;
        /* height: 577px; */
        background: url('../img/index_08.svg');
    }
    .huoban_img{
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .huoban_img img{
        height: 440px;
        width:1200px;
        margin-top: 50px;
    }
    .index_box8{
        width: 100%;
    }
    .index_content {
        width: 100%;
        background: #FFFFFF;
    }
    
    .index_banner {
        width: 100%;
        height: 610px;
        position: relative;
    }
    
    .index_banner img {
        width: 100%;
        height: 610px;
        object-fit: cover;
    }
    
    .banner_text {
        width: 1200px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        font-size: 16px;
        color: #7E7F80;
    }
    
    .banner_text p:first-child {
        margin-top: 230px;
        font-size: 50px;
        line-height: 50px;
        color: #333333;
        font-weight: bold;
    }
    
    
    .banner_text p:nth-child(2) {
        margin-top: 24px;
        width: 650px;
    }
    
    .banner_text p:nth-child(3) {
        margin-top: 22px;
        width: 650px;
    }
    
    
    .index_box_wrap {
        display: flex;
        justify-content: center;
    }
    
    .index_box_title {
        margin-top: 100px;
        font-size: 40px;
        color: #333333;
        text-align: center;
        font-weight: bold;
    }
    
    
    
    .index_box3_content {
        display: flex;
        justify-content: space-between;
        padding-bottom: 100px;
        padding-top: 90px;
    }
    .index_box3_content div{
        width: 387px;
        height: 230px;
        background: #F5F5F5;
        position: relative;
        padding: 40px;
        box-sizing: border-box;
        font-size: 16px;
        line-height: 24px;
    
    }
    .index_box3_content div p:first-child{
        font-size: 24px;
        font-family: Medium;
        display: flex;
        align-items: center;
        margin-bottom: 20px;
    }
    .index_box3_content div p:first-child img{
        width: 24px;
        height: 24px;
        margin-right: 9px;
    }
    .index_box3_content div p:nth-child(3){
       font-size: 77px;
        color: #F1EFEE;
        position: absolute;
        right: 20px;
        bottom: -7px;
        line-height: 77px;
    }
    .index_box4_wrap {
        background: url("../img/guanyu_img4.png") no-repeat top center/cover;
        height: 590px;
        position: relative;
        width: 100%;
    
    }
    .dashiji_slider_pc{
        padding-left: 50px;
    }
    .xian{
        width: 1200px;
        height: 1px;
        background: #E0E0E0;
        position: absolute;
        top: 42%;
        left:0px;
        /* transform: translateY(-50%); */
    }
    .swiper-button-prev, .swiper-button-next {   
        padding: 10px; /* 内边距 */
        border-radius: 50%; /* 圆形按钮 */
        width:45px !important; /* 宽度 */
        height:45px !important; /* 高度 */
        display: flex; /* 使用Flexbox布局 */
        align-items: center; /* 垂直居中 */
        justify-content: center; /* 水平居中 */
        background-size:45px !important;
    }
     .dashiji_wrap{
        width: 1400px;
        margin: 0 auto;
     }
     .swiper{
        width: 100%;
        height: 100%;
     }
     .swiper-button-next:hover{
        background-image: url('../img/right_about_right.png') !important;
     }
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
        background-image: url('../img/right_about.png') !important;
        right:-10px !important;
        left: auto;
        top:85px !important;
    } 
    .swiper-button-prev:hover{
        background-image: url('../img/left_about_active.png') !important;
    }
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next { 
        background-image: url('../img/left_about.png') !important;
        left: -10px !important;
        top: 85px  !important;
    }
   
    .dashiji_slider img{
     
        width:12px;
        height: 12px;
     
        position: absolute;
        top: 90px;
        
    }
    .shiji_title{
        color: #333333;
        font-size: 18px;
    }
    .shiji_word_content{
        color: #777777;
        font-size: 16px;
        margin-top: 5px;
    }
    .dashiji_number{
        color: #675EDF;
        font-size: 25px;
    }
    .year_ji{
       margin-top: 110px;
    }
    .year_ou{
        /* margin-bottom: 30px; */
    }
    .shiji_word{
        /* z-index: -99;
        /* top: 140px; */
        /* width: 100%;
        box-sizing: border-box;
        position: absolute; */ 
        /* padding: 25px 20px; */
        /* padding-left: 52px; */
        /* padding-right: 30px; */
        /* background: rgba(255, 255, 255,0.8); */
        
        /* box-shadow: 0px 5px 9px 1px rgba(28,7,90,0.1); */
        /* border-radius: 10px 10px 10px 10px; */

    }
    .dashiji_xiu{
        margin: 0 auto;
        overflow: hidden;
        margin-top: 50px;
        position: relative;
    }
    .index_box4{
        width: 100%;
        position: relative;
    }
    .gongsi_shiji{
        position: relative;
        margin-top: 50px;
        width: 100%;
        height: 275px;
        overflow: hidden;
    
    }
    .gongsi_shiji_le, .gongsi_shiji_ri {
        position: absolute;
        top: 121px;
        overflow: hidden;
        width: calc(50vw - 400px);
        height: 90px;
        z-index: 5;
        margin-top: -45px;
        padding: 20px 0;
        flex: 1;
    }
    .gongsi_shiji::after{
        content: "";
        width: 100%;
        height: 1px;
        background: #FFFFFF;
        opacity: 0.5;
        position: absolute;
        top: 121px;
        left: 0;
    }
    .shiji_box .year_num{
        color: #737373;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: -22px;
        font-size: 22px;
    }
    .shiji_box span{
        width: 14px;
        height: 14px;
        border-radius: 50%;
        border: 2px solid #675EDF;
        background: #fff;
        display: block;
        margin: auto;
        position: absolute;
        left: 50%;
        transform: translate(-50%,-50%);
        top: 50%;
    }
    
    .shiji_box li{
        width: 33.333333% !important;
    }
    .shiji_box{
        width: 100% !important;
        white-space: nowrap;
    }
    .year_r_wrap{
        left: -33.333333%;
    }
    
    .shiji_box li{
        display: inline-block;
        cursor: pointer;
        height: 50px;
        position: relative;
    }
    .shiji_box {
        width: 3000px;
        font-size: 0;
        position: relative;
        text-align-last: auto;
    }
    .year_l_wrap{
        left: calc(50vw - 400px);
    }
    .gongsi_shiji_mid {
        position: relative;
        width: 800px;
        left: 0;
        right: 0;
        margin: auto;
    }
    .gongsi_shiji_le{
        left: 0;
    }
    .gongsi_shiji_ri{
        right: 0;
    }
    .shiji_main{
        position: relative;
        z-index: 5;
        width: 800px;
        height: 263px;
        background:rgba(255,255,255,0.8);
        box-shadow: 0px 5px 9px 1px rgba(28,7,90,0.1);
        border-radius: 10px 10px 10px 10px;
    }
    .ayul_tp{
       padding: 40px 0;
        font-size: 32px;
        font-family: Medium;
    }
    .ayul_tp .std_title3{
        text-align: center;
        font-weight: bold;
        color: #675EDF;
        line-height: 1.3;
    }
    .ayul_bt{
        padding-top: 50px;
        padding-bottom: 70px;
        text-align: center;
        font-size: 20px;
        color: #777777;
    
    
    }
    .ayul_bt p{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .ayul_bt p span:first-child{
        width: 7px;
        height: 7px;
        background: #7D55F3;
        border-radius: 50%;
        margin-right: 6px;
    }
    .gongsi_shiji::before{
        content: "";
        width: 800px;
        height: 1px;
        background: #675EDF;
        position: absolute;
        top:121px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 6;
    }
    
    .shiji_main_ul .slick-arrow{
        width: 45px;
        height: 45px;
        border-radius: 50%;
        z-index: 5;
        transition: all .36s;
        top: 194px;
    }
    .shiji_main_ul .slick-arrow::before{
        content: "";
        width: 100%;
        height: 100%;
        background: url('../img/guanyu_img5.png') center / cover no-repeat;
        position: absolute;
        top: 0;
        left: 0;
        transition: all .36s;
        opacity: 0;
    }
    .shiji_main_ul .slick-arrow::after{
        content: "";
        width: 100%;
        height: 100%;
        background: url('../img/guanyu_img7.png') center / cover no-repeat;
        position: absolute;
        top: 0;
        left: 0;
        transition: all .36s;
    }
    
    .shiji_main_ul .slick-prev{
        left: -156px;
    }
    .shiji_main_ul .slick-next{
        -webkit-transform: translate(0,-50%) rotate(-180deg);
        -ms-transform: translate(0,-50%) rotate(-180deg);
        transform: translate(0,-50%) rotate(-180deg);
        right: -156px;
    }
    .slick-disabled{
        opacity: 0.5;
        pointer-events: none;
    }
    .about_honor{
        overflow: hidden;
    }
    /** slick.min.css */
    .slick-slider {
        position: relative;
        display: block;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-touch-callout: none;
        -khtml-user-select: none;
        -ms-touch-action: pan-y;
        touch-action: pan-y;
        -webkit-tap-highlight-color: transparent
    }
    
    .slick-list {
        position: relative;
        display: block;
        overflow: hidden;
        margin: 0;
        padding: 0
    }
    
    .slick-list:focus {
        outline: 0
    }
    
    .slick-list.dragging {
        cursor: pointer;
        cursor: hand
    }
    
    .slick-slider .slick-track,.slick-slider .slick-list {
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
    
    .slick-track {
        position: relative;
        top: 0;
        left: 0;
        display: block
    }
    
    .slick-track:before,.slick-track:after {
        display: table;
        content: ''
    }
    
    .slick-track:after {
        clear: both
    }
    
    .slick-loading .slick-track {
        visibility: hidden
    }
    
    .slick-slide {
        display: none;
        float: left;
        height: 100%;
        min-height: 1px;
        outline: 0
    }
    
    [dir='rtl'] .slick-slide {
        float: right
    }
    
    .slick-slide.slick-loading img {
        display: none
    }
    
    .slick-slide.dragging img {
        pointer-events: none
    }
    
    .slick-initialized .slick-slide {
        display: block
    }
    
    .slick-loading .slick-slide {
        visibility: hidden
    }
    
    .slick-vertical .slick-slide {
        display: block;
        height: auto;
        border: 1px solid transparent
    }
    
    .slick-arrow.slick-hidden {
        display: none
    }
    
    .slick-prev,.slick-next {
        font-size: 0;
        line-height: 0;
        position: absolute;
        top: 50%;
        display: block;
        width: 20px;
        height: 20px;
        padding: 0;
        cursor: pointer;
        -webkit-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
        transform: translate(0,-50%);
        color: transparent;
        border: 0;
        outline: 0;
        background: transparent
    }
    
    .slick-prev {
        left: 0
    }
    
    [dir='rtl'] .slick-prev {
        right: 0;
        left: auto
    }
    
    .slick-next {
        right: 0
    }
    
    [dir='rtl'] .slick-next {
        right: auto;
        left: 0
    }
    
    .slick-dots {
        position: absolute;
        bottom: 15px;
        display: block;
        width: 100%;
        list-style: none;
        text-align: center
    }
    
    .slick-dots li {
        font-size: 0;
        position: relative;
        display: inline-block;
        width: 12px;
        height: 12px;
        margin: 0 6px;
        cursor: pointer;
        -webkit-transition: all .3s ease-out 0s;
        -moz-transition: all .3s ease-out 0s;
        -ms-transition: all .3s ease-out 0s;
        -o-transition: all .3s ease-out 0s;
        transition: all .3s ease-out 0s;
        vertical-align: middle;
        border-radius: 50%;
        background: #ccc
    }
    
    .slick-dots li button {
        display: none
    }
    
    .slick-dots li.slick-active {
        background: #666
    }
    .index_box5_top{
        margin-top: 50px;
    display: flex;
        justify-content: space-between;
    }
    .index_box5_top p{
        width: 387px;
        display: flex;
        flex-direction: column;
        align-items: center;
        font-size: 16px;
        color: #777777;
        text-align: center;
    }
    .index_box5_top p span:nth-of-type(1){
        margin: 20px 0 30px;
    }
    .index_box5_bot{
        margin-top: 50px;
        padding-bottom: 100px;
    }
    .index_box5_bot img{
        display: block;
        width: 100%;
    }
    
}
