* {margin: 0;padding: 0;}
:root{
    --font80: 80px;
    --font64: 64px;
    --font44: 44px;
    --font32: 32px;
    --font26: 26px;
    --font20: 20px;
    --font18: 18px;
    --font16: 16px;
    --font14: 14px;

    --l1h2: 1.2;
    --l1h3: 1.3;
    --l1h4: 1.4;
    --l1h6: 1.6;
    --l1h7: 1.7;
    --l1h75: 1.75;
    --l1h8: 1.8;

    --colormain: #0063B2;
    --colorhover: #0063B2;
    --colortitle: #0A1B1B;
    --colortext: #6A7676;
    --colorb7: #B7BBBB;
    --colorfff: #FFF;
    --colorf9: #f9f9f9;
    --colorgrad: linear-gradient(101deg, #00B9EE 0%, #2CE250 100.57%);
    --colorgradbg: linear-gradient(180deg, var(--colorenvi) 0%, rgba(24,171,182,0) 100%);
    --colorf7: #f7f7f7;
    --colorenvi: #999;
    --colorenvi1: #0063B2;
    --color666: #666;

    --space1: 120px;
    --space100: 100px;
    --space90: 90px;
    --space80: 80px;
    --space60: 60px;
    --space50: 50px;
    --space40: 40px;

    --head1: 36px;
    --head2: 70px;
    --headx: calc(var(--head1) + var(--head2));
    --font24: 24px;
    --font58: 58px;
}


.yx-switch2li.act {
    width: 25%;
}
.yx-switch2li.on {
    width: 50%;
}

.yx-switch2li {
    overflow: hidden;
    transition: all 0.36s;
}
.yx-switch2xin {
    position: relative;
}
.yx-switch2pic {
    height: 560px;
    position: relative;
}
.yx-switch2wen {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    z-index: 4;
}

.yx-switch2pic::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 3;
    background: rgba(0, 0, 0, 0.40);
}
.yx-switch2li.on .yx-switch2pic::before{background: rgba(0, 0, 0, 0);}
.yx-switch2pic::after {
    content: '';
    width: 100%;
    height: 47%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 3;
    opacity: 0.8;
    background: linear-gradient(0deg, #000 0%, #000 100%);
    background: linear-gradient(0deg, color(display-p3 0 0 0) 0%, color(display-p3 0 0 0 / 0.00) 100%);
    opacity: 0.8;
}
.yx-switch2pic img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.yx-switch2wen .yx-waisypt2 {
    font-size: var(--font32);
    line-height: 1.75;
    font-weight: bold;
    margin-bottom: 20px;
    letter-spacing: 0.05em;
}
.yx-waisypt2 {
    font-size: var(--font32);
    position: absolute;
    bottom: 38px;
    width: 100%;
    text-align: center;
    left: 0;
    padding: 0 20px;
    opacity:1;
    pointer-events: none;
    transition: all 0.36s;
    color: #fff;
} 
.yx-switch2xia .yx-waisypt2{
    text-align: left;
    bottom: auto;
    padding-left: 0px;
    position: relative;
}

.yx-switch2li.act .yx-waisypt2 {
    opacity: 1;
    pointer-events: all;
}

.yx-switch2ul{ display:flex;}










.about-year{
    position: relative;
    overflow: hidden;
    padding-top: var(--space1);
    padding-bottom: var(--space1);
}
.about-year-bg{
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
}
.about-year-bg img{
    width: 100%;
}
.about-year .ys-cont1600{
    position: relative;
    z-index: 6;
}
.about-year-title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--space1);
}
.about-year-title .std-title5{
    width: 30em;
}
.about-year-title .std-title2{
    font-weight: bold;
}
.about-year-title .std-title5,
.about-year-title .std-title5 p{
    color: rgba(14,26,27,.7);
}
.about-year-inof{width: 825px;--jian: 36px;--jianx: 176px;}
.about-year-inof-item{padding: 0 ;}
@media screen and (max-width: 750px) {
   .about-year-inof{width: 100% !important;}

.ayii-box .std-title5 span, .ayii-box .std-text14{ font-size:14px !important;}
.about-year-inof{ margin-bottom:30px !important;}
.about-year-inof-item .std-title1 .ayii-line{ display:none !important;}
}






.ayii-box .std-title5,
.ayii-box .std-text14{
    position: relative;
    padding-left: 28px;
}
.ayii-box .std-title5::before{
    content: '';
    width: 16px;
    height: 16px;
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    background-image: url(../images/0g1_icon2.svg);
    top: 8px;
}
.ayii-box .std-title5{
    line-height: var(--l1h6);
    color: var(--colortitle);
    font-weight: 600;
    margin-bottom: 4px;
}
.ayii-box .std-text14,
.ayii-box .std-text14 p{
    color: rgba(14,26,27,.6);
}
.about-year-inof .about-year-inof-item .std-title1{
    margin-bottom: 27.5px;
    display: inline-block;
    position: relative;
}
.about-year-inof .about-year-inof-item .std-title1 span{
    line-height: var(--l1h2); color: #eb6100; font-size: 60px; font-weight: bold;padding-left: 50px; background: url(../images/logotu.png) 10px center no-repeat; background-size: 30px;
}

.about-year-inof-item:not(:first-child){
    display: none;
}
.about-year-inof .slick-list{
    overflow: visible;
}
.about-year-inof-item{
    position: relative;
}
.about-year-inof-item .std-title1 .ayii-line{
    width: calc(var(--widthx) + var(--jianx) * 2 - var(--jian) * 2 - 100px);
    height: 1px;
    border-bottom: 1px dashed var(--colorenvi);
    position: absolute;
    left: calc(100% + var(--jian));
    top: 2.5em;
}
.about-year-inof-item .std-title1 .ayii-line::before,
.about-year-inof-item .std-title1 .ayii-line::after{
    content: '';
    width:7px;
    height: 7px;
    background: var(--colorenvi);
    position: absolute;
    top: 50%; border-radius: 50%;
    margin-top:-3px;
}
.about-year-inof-item .std-title1 .ayii-line::before{
    left: 0;
}
.about-year-inof-item .std-title1 .ayii-line::after{
    left: 100%;
}
.about-year-inof-item:last-child .std-title1 .ayii-line{
    display: none;
}
.about-year-inof-item .std-title1 span{
    opacity: .4;
    transition: all .4s ease;
}
.about-year-inof-item.slick-center .std-title1 span{opacity: 1; font-size:60px;}
.ayii-box .std-title5 span,.ayii-box .std-text14 {opacity: .5;transition: all .4s ease;line-height: 2;
    font-size: 20px;}
.about-year-inof-item.slick-center .ayii-box .std-title5 span,
.about-year-inof-item.slick-center .ayii-box .std-text14{
    opacity: 1;
}
.about-year-inof{
    margin-bottom: calc(var(--space1) + 20px);
}
.about-year-all{
    border-radius: 80px;
    background: var(--colorfff);
    box-shadow: 0px 10px 16px 0px rgba(3, 0, 112, 0.08);
    padding: 10.5px 88px;
    position: relative;
}
.ayal-item{
    width: 12.5%;
    text-align: center; line-height: 2;
}
.about-year-all.mod-arrows1 .slick-prev, 
.about-year-all.mod-arrows1 .slick-next{
    width: 25px;
    height: 25px;
}
.about-year-all.mod-arrows1 .slick-prev{
    left: 25px;background: url(../images/ll.png) center no-repeat;
}
.about-year-all.mod-arrows1 .slick-next{
    right: 25px;background: url(../images/rr.png) center no-repeat;
}
.ayal-item{
    cursor: pointer;
}
.ayal-item .std-text18{
    padding: 4px;
    border-radius: 30px;
    transition: all .4s ease; line-height: 2;
}
.ayal-item.on .std-text18{
    background:#eb6100;
    color: var(--colorfff);
}
.about-history{
    padding-top: var(--space1);
}
.about-adhere-bg{
    width: 100%;
}
.about-adhere-bg img{
    width: 100%;
}
.about-adhere{
    position: relative;
}
.about-adhere .ys-cont1400{
    position: absolute;
    top: var(--space100);
    left: 50%;
    transform: translateX(-50%);
}