.title{margin-bottom: 30px;}
.tt{ padding-bottom: 20px;border-bottom:1px solid #c7c7c7;height:150px;position: relative;}
.tt .en{font-size: 70px; color: #00489829; font-weight: bold; margin-bottom: 20px;text-transform: uppercase;font-family: EUROSTILE-BOLDEXTENDEDTWO;position: absolute;bottom:0;z-index: 1;}
.tt .cn{ font-size: 35px; color: #404040; font-weight: bold; margin-bottom: 20px;position: absolute;bottom:0;z-index: 2;}


.company {padding: 80px 0 30px;display: flex;align-items: center;}
.company .intro{ color: #767676; line-height: 30px;text-indent: 30px;text-align: justify;}
.company .intro p {font-size:16px;}
.company img{ width: 100%;}

.strength {
    margin:50px 0;
    display: flex;
    justify-content: space-between;
}
.strength .item {
    text-align: center;
}
.strength .index {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    transition: all 0.36s;
    color:#5b5858;
}
.strength .index .num{
    font-size: 40px;
    margin-right: 3px;
    font-family: EUROSTILE-BOLDEXTENDEDTWO;
    color: #004898;
}
.strength .tit {
    font-size: 16px;
    color: #5b5858;
    line-height: 1.5;
    transition: all 0.36s;
}




.part_2 {
    width:100%;
    height:80vh;
    background: url(../images/historybg.jpg) no-repeat; background-size:100% 100%;
}
.history {
    position: relative;
    height:100%;
    overflow: hidden;
}
.history .history_swiper1 .box {
    padding: 30px;
    width: 100%;
    min-height: 300px;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid #E7E7E7;
    border-radius: 30px;
}
.history .history_swiper1 .swiper-wrapper {
    align-items: center;
}
.history .history_swiper1 .swiper-slide {
    transform: scale(0.8);
}
.history .history_swiper1 .swiper-slide-active {
    transform: scale(1);
}
.history .history_swiper1 .box .tit {
    font-size: 40px;
    margin-bottom: 20px;
    color:#004898;
    font-family: EUROSTILE-BOLDEXTENDEDTWO;
}
.history .history_swiper1 .box .des p{
    font-size: 16px;
    line-height: 32px;
    color: #666666;
}

.history .history_swiper2 {
    position: relative;
}
.history .history_swiper2 .year {
    color: #000000;
    font-size: 20px;
    padding-top: 40px;
    position: relative;
    text-align: center;
    cursor:pointer;
}
.history .history_swiper2 .year::after {
    position: absolute;
    content: "";
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    width: 10px;
    height: 10px;
    background: #004898;
    border-radius: 50%;
}
.history .history_swiper2 .swiper-slide-thumb-active .year {
    color: #e7161a;
    font-family: EUROSTILE-BOLDEXTENDEDTWO;
}
.history .history_swiper2 .swiper-slide-thumb-active .year::after {
    background: #e7161a;
}
.history .history_swiper2 .swiper-slide-thumb-active .year::before {
    position: absolute;
    content: "";
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 30px;
    height: 30px;
    border: 1px solid #e7161a;
    border-radius: 50%;
}
.history .history_swiper2::after {
    position: absolute;
    content: "";
    top: 13px;
    left: 0;
    width: 100%;
    height: 1px;
    border: 1px dashed #004898;
}




.part_3 {background: url(../images/ryzzbg.jpg) center top no-repeat; background-size: cover;}
.ryzz{ width: 100%; padding: 60px 0; overflow: hidden;}
.ryzz_swiper .swiper-slide { width: 26%;}
.ryzz_swiper ul li .pic img{ width: 100%; height: 100%;}
.ryzz_swiper ul li p{ text-align: center; font-size: 1.125rem; font-weight: bold; color: #252525; line-height: 2rem;}
.ryzz_swiper .ryzz_navigation {
    margin: 30px 0;
    display: flex;
    justify-content: center;
}
.ryzz_swiper .prev, .ryzz_swiper .next{
    width:50px;
    height:50px;
    border: 1px solid #999999;
    border-radius: 50%;
    margin-right: 30px;
    position: relative;
    text-align: center;
    line-height: 50px;
}
.ryzz_swiper .prev i, .ryzz_swiper .next i{
    font-size: 20px;
    color:#333;
}
.ryzz_swiper .prev {
    transform: rotate(180deg);
}
.ryzz_swiper .prev:hover, .ryzz_swiper .next:hover{
    background: #004898;
    border:none;
}
.ryzz_swiper .prev:hover i, .ryzz_swiper .next:hover i{
    color: #fff;
}