.masses {
    margin: .89rem auto 1rem;
}

.masses-title {
    position: relative;
    height: .6rem;
    display: flex;
    align-items: flex-end;
    margin: .6rem 0;
}

.masses-title span {
    font-size: 0.36rem;
    color: #E72410;
    position: absolute;
    left: 0;
    top: 0;
}

.masses-title p {
    font-size: 0.3rem;
    font-weight: bold;
    color: #E9EBF3;
}

.masses-introduce {
    font-size: 0.18rem;
    color: #333333;
    line-height: 0.36rem;
    padding-left: .6REM;
    text-indent: 2em;
}

.masses-img {
    width: 100%;
    display: flex;
    margin-top: .68rem;
}

.masses-img .imgbox {
    width: 7.2rem;
    height: 5rem;
    position: relative;
}

.masses-img .imgbox img {
    width: 100%;
    height: 100%;
}

.masses-img .imgbox .text {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: .12rem .25rem;
    width: 2rem;
    height: 0.6rem;
    background: rgba(255, 0, 0, 0.58);
    font-size: 0.36rem;
    color: #FFFFFF;
}

.masses-content {}

.masses-content .item {
    position: relative;
    padding-left: .58rem;
    font-size: 0.18rem;
    line-height: 180%;
    color: #333333;
    margin-bottom: .3rem;
}

.masses-content .item::after {
    content: '';
    position: absolute;
    top: .1rem;
    left: .34rem;
    width: 0.1rem;
    height: 0.1rem;
    background: #E72410;
    border-radius: 50%;
}

.masses-awards {
    display: flex;
}

.masses-awards .left {
    width: calc(100% - 5.48rem);
    padding: 0 .5rem;
    display: flex;
    justify-content: space-between;
}

.masses-awards .rig {
    width: 5.48rem;
}

.masses-awards .left .img {
    padding: .08rem .08rem 0;
    width: 3.66rem;
    height: 3.2rem;
    background: #F0F0F0;
}

.masses-awards .left .img img {
    width: 3.5rem;
    height: 2.51rem;
    background-color: #fff;
    margin-bottom: .2rem;
}

.masses-awards .left .img .text {
    text-align: center;
    font-size: 0.18rem;
    color: #333333;
}

.masses-awards .rig .span {
    width: 5.48rem;
    height: 0.8rem;
    background: #F5F7FA;
    padding: 0 .3rem;
    display: flex;
    align-items: center;
    font-size: 0.18rem;
    color: #333333;
}

.masses-awards .rig .p {
    width: 5.48rem;
    height: 0.8rem;
    padding: 0 .3rem;
    display: flex;
    align-items: center;
    font-size: 0.18rem;
    color: #333333;
}

.introduction {
    margin: .92rem auto 1.35rem;
}

.introduction-info {
    position: relative;
    padding: .54rem .6rem .6rem;
    background: #F5F7FA;
    margin-top: .6rem;
}

.introduction-info .text {
    width: 100%;
}

.introduction-info .text .img {
    width: 7.9rem;
    height: 3.6rem;
    float: right;
}

.introduction-info .text p {
    font-size: 0.18rem;
    font-weight: 400;
    color: #333333;
    line-height: 0.36rem;
    display: inline;
}

.introduction-info .imgbox {
    width: 8.58rem;
    height: 4.55rem;
    position: absolute;
    top: 0;
    right: 0;
}

.introduction-info .imgbox .bg {
    width: 7.5rem;
    height: 4.6rem;
    background: #0081CC;
    position: absolute;
    top: -.64rem;
    right: 0;
}

.introduction-info .imgbox img {
    width: 7.8rem;
    height: 4.8rem;
    position: absolute;
    top: -.94rem;
    right: .1rem;
    z-index: 1;
}

.introduction-info .list {
    display: flex;
    justify-content: space-between;
    margin-top: 1.35rem;
    margin-bottom: .35rem;
}

.introduction-info .list .item {
    display: flex;
    align-items: center;
    position: relative;
}

.introduction-info .list .item .tag {
    font-size: 0.3rem;
    color: #369BD6;
    font-weight: bold;
    position: absolute;
    top: -0.06rem;
    right: -0.3rem;
}

.introduction-info .list .item img {
    max-width: .8rem;
    max-height: .8rem;
    margin-right: .2rem;
}

.introduction-info .list .rig {
    text-align: center;
}

.introduction-info .list .item span {
    font-size: 0.6rem;
    font-weight: bold;
    color: #304770;
    display: block;
    margin-bottom: .05rem;
}

.introduction-info .list .item p {
    font-size: 0.18rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #000000;
}

.speech-info {
    padding: .85rem .6rem 1.98rem;
    margin-top: .6rem;
    /* height: 8.81rem; */
    display: flex;
    align-items: center;
    background-image: url(../img/about/speechbg.png);
    background-size: 100% 100%;
}

.speech-info .text {
    width: 100%;
}

.speech-info .text .img {
    width: 5.5rem;
    height: 4.9rem;
    float: right;
    position: relative;
}

.speech-info .text p {
    font-size: 0.18rem;
    font-weight: 400;
    color: #333333;
    line-height: 0.36rem;
    display: inline;
}

.speech-info .text .img img {
    width: 4.8rem;
    height: 4.8rem;
    position: absolute;
    top: 0;
    left: 0.6rem;
}

.speech-info .text .img .bg {
    width: 4.5rem;
    height: 4.45rem;
    background: #0081CC;
    margin: .45rem 0 0 1rem;
}

.progress {
    /* margin: .95rem auto 1.2rem; */
    padding: .95rem 0;
    margin: 0 auto;
}

.progress-tit {
    display: flex;
    justify-content: center;
    position: relative;
    margin-top: 1.05rem;

}

.progress-tit .spure {
    width: 2rem;
    height: 1rem;
    border: 2px solid #EEEEEE;
    position: absolute;
    top: 0;
    left: 5.24rem;
}

.progress-tit .colorbox {
    display: flex;
    flex-direction: column;
    padding-top: .38rem;
}

.progress-tit .colorbox .color1 {
    width: 1rem;
    height: 0.04rem;
    background: #005BAC;
    margin-bottom: .1rem;
}

.progress-tit .colorbox .color2 {
    width: 1rem;
    height: 0.04rem;
    background: #C7000B;
}

.progress-tit .text {
    position: relative;
    margin-left: .2rem;
    margin-top: .45rem;
    background-color: #fff;
}

.progress-tit .text span {
    font-size: 0.36rem;
    font-weight: 400;
    color: #0081CC;
    display: block;
    position: absolute;
    top: -.28rem;
    left: 0;
}

.progress-tit .text p {
    font-size: 0.3rem;
    font-weight: bold;
    color: #E9EBF3;
    display: block;
}

.progress-list {
    margin-top: 1.69rem;
    margin-bottom: 1.69rem;
    width: 13.28rem;
    height: 26.5rem;
    background-image: url(../img/about/progress-list.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: relative;
}

.progress-list .item1 {
    position: absolute;
    top: -.7rem;
    left: 4.5rem;
}

.progress-list .item1 span {
    font-size: 0.3rem;
    font-weight: 400;
    color: #0081CC;
}

.progress-list .item1 p {
    font-size: 0.18rem;
    color: #0081CC;
}

.progress-list .list {
    width: 100%;
    height: 100%;
    position: relative;
}

.progress-list .item {
    border: 2px solid #F5F7FA;
    padding: .16rem;
    position: absolute;
    transition: all 1s;
}

.progress-list .item span {
    font-size: 0.3rem;
    font-weight: 400;
    color: #0081CC;
    margin-bottom: .1rem;
    display: block;
}

.progress-list .item p {
    font-size: 0.18rem;
    color: #666666;
    line-height: 0.3rem;
}

.progress-list .item {
    width: 2.5rem;
    top: 1.06rem;
    left: 4.41rem;
    text-align: right;
    background: #fff;
}

.progress-list .item:nth-of-type(2) {
    width: 4.1rem;
    top: 2.34rem;
    left: 7.96rem;
    text-align: left;
}

.progress-list .item:nth-of-type(3) {
    width: 3.2rem;
    top: 4.77rem;
    left: 2.02rem;
    text-align: left;
}

.progress-list .item:nth-of-type(4) {
    width: 4rem;
    top: 5rem;
    left: 7.96rem;
    text-align: left;
}

.progress-list .item:nth-of-type(5) {
    width: 4.8rem;
    top: 7.25rem;
    left: 1.81rem;
    text-align: left;
}

.progress-list .item:nth-of-type(6) {
    width: 3rem;
    top: 9.69rem;
    left: 3.02rem;
    text-align: left;
}

.progress-list .item:nth-of-type(7) {
    width: 2.8rem;
    top: 9.69rem;
    left: 9.38rem;
    text-align: left;
}

.progress-list .item:nth-of-type(8) {
    width: 2.4rem;
    top: 12.2rem;
    left: 1.31rem;
    text-align: left;
}

.progress-list .item:nth-of-type(9) {
    width: 4.9rem;
    top: 12.91rem;
    left: 7.1rem;
    text-align: left;
}

.progress-list .item:nth-of-type(10) {
    width: 5.6rem;
    top: 16.09rem;
    left: .51rem;
    text-align: left;
}

.progress-list .item:nth-of-type(10) span {
    text-align: right;
}

.progress-list .item:nth-of-type(11) {
    width: 5.6rem;
    top: 18.2rem;
    left: 7.1rem;
    text-align: left;
}

.progress-list .item:nth-of-type(12) {
    width: 5.6rem;
    top: 20.09rem;
    left: .51rem;
    text-align: left;
}

.progress-list .item:nth-of-type(12) span {
    text-align: right;
}

.progress-list .item:nth-of-type(13) {
    width: 5.6rem;
    top: 22.7rem;
    left: 7.1rem;
    text-align: left;
}

.progress-list .item:nth-of-type(14) {
    width: 5.6rem;
    top: 25.09rem;
    left: .51rem;
    text-align: left;
}

.progress-list .item:nth-of-type(14) span {
    text-align: right;
}


.progress-list .list img {
    position: absolute;
    opacity: 0;
    transition: all 1.5s;
}

/* .progress-list .list .item:hover + img {
	transition: all 1.5s;
}
.progress-list .list .item.animating + img {
	transition: all 1.5s;
} */

.progress-list .item:hover {
    transform: scale(1.07);
    box-shadow: 0px 0px 16px 0px rgb(0 129 204 / 54%);
}

.itemimg0 {
    top: 1.38rem;
    left: 7.16rem;
    transform: translateY(-50px)
}

.itemimg1 {
    top: 2.65rem;
    left: 7.16rem;
    transform: translateY(-100px)
}

.itemimg2 {
    top: 4.07rem;
    left: 2.95rem;
    transform: translateX(100px)
}

.itemimg3 {
    top: 6.57rem;
    left: 2.1rem;
    transform: translateX(-100px)
}

.itemimg4 {
    top: 6.57rem;
    left: 8.6rem;
    transform: translateX(-100px)
}

.itemimg5 {
    top: 9.01rem;
    left: 9.6rem;
    transform: translateX(100px)
}

.itemimg6 {
    top: 9.01rem;
    left: 3.33rem;
    transform: translateX(100px)
}

.itemimg7 {
    top: 11.49rem;
    left: 1.62rem;
    transform: translateX(-100px)
}

.itemimg8 {
    top: 13.28rem;
    left: 6.35rem;
    transform: translateY(-100px)
}

.itemimg9 {
    top: 16.45rem;
    left: 6.35rem;
    transform: translateY(-100px)
}

.itemimg10 {
    top: 18.68rem;
    left: 6.35rem;
    transform: translateY(-100px);
	/* opacity: 1 !important; */
}
.itemimg11 {
    top: 20.96rem;
    left: 6.35rem;
    transform: translateY(-100px);
}
.itemimg12 {
    top: 23.2rem;
    left: 6.35rem;
    transform: translateY(-100px);
}
.itemimg13 {
    top: 25.46rem;
    left: 6.35rem;
    transform: translateY(-100px);
}






.progress-list .item .text {
    display: flex;
}

.progress-list .item .text .dot {
    width: 0.08rem;
    height: 0.08rem;
    background: #0081CC;
    border-radius: 50%;
    margin-top: .1rem;
}

.progress-list .item .text p {
    display: block;
    width: calc(100% - 0.08rem);
}

.culture {
    margin: .96rem auto 1.39rem;
}

.culture-box1 {
    display: flex;
    margin-top: .96rem;
    align-items: center;
}

.culture-box1 .left {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.culture-box1 .left .top {
    width: 1.6rem;
    height: 1.6rem;
    background: #0081CC;
    display: flex;
    align-items: center;
    justify-content: center;
}

.culture-box1 .left img {
    width: 5.79rem;
    height: 2.9rem;
}

.culture-box1 .left .top img {
    width: 0.65rem;
    height: 0.66rem;
}

.culture-box1 .rig {
    width: 10.4rem;
    height: 2.7rem;
    background: #F5F7FA;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: .68rem;
    position: relative;
}

.culture .tag {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.culture .tag .cri {
    width: 0.14rem;
    height: 0.14rem;
    border: 3px solid #0081CC;
    border-radius: 50%;
}

.culture .tag .line {
    width: 0.02rem;
    height: 1.7rem;
    background: #E4E2E5;
}

.culture-box1 .rig .tag {
    top: 2.25rem;
    left: 5rem;
}

.culture .info .span {
    font-size: 0.36rem;
    font-weight: 400;
    color: #0081CC;
}

.culture .info .p {
    font-size: 0.18rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    margin-bottom: .17rem;
}

.culture .info .text {
    font-size: 0.18rem;
    color: #333333;
    line-height: 0.24rem;
}

.culture .info img {
    width: 0.63rem;
    height: 0.63rem;
    display: block;
    margin-bottom: .3rem;
}

.culture-box2 {
    display: flex;
    align-items: center;
    margin-top: .8rem;
    margin-bottom: 1.24rem;
}

.culture-box2 .rig {
    width: 7rem;
    height: 3.48rem;
}

.culture-box2 .rig img {
    width: 100%;
    height: 100%;
}

.culture-box2 .left {
    display: flex;
    flex-direction: column;
    width: calc(100% - 7rem);
    position: relative;
}

.culture-box2 .left img {
    width: 0.63rem;
    height: 0.63rem;
    display: block;
    margin-bottom: .3rem;
}

.culture-box2 .left .tag {
    left: 2.26rem;
    top: 3rem;
    z-index: 11;
}

.culture-box3 {
    position: relative;
    display: flex;
}

.culture-box3 .bg {
    width: 19.2rem;
    height: 3.02rem;
    background: #4EAAF3;
    position: absolute;
    top: 0;
    left: -2.4rem;
}

.culture-box3 .left {
    width: 5.45rem;
    padding-top: 1.09rem;
    position: relative;
}

.culture-box3 .left img {
    width: 100%;
    height: 3.41rem;
}

.culture-box3 .rig {
    width: calc(100% - 5.45rem);
    position: relative;
    padding: .31rem 0 0 1.96rem;
}

.culture-box3 .info .span,
.culture-box3 .info .p,
.culture-box3 .info .text {
    color: #fff;
}

.culture-box3 .tag {
    top: 3.3rem;
    left: 6.36rem;
    z-index: 11;
}

.culture-box4 {
    display: flex;
    margin-top: .84rem;
}

.culture-box4 .left {
    position: relative;
    width: calc(100% - 7.74rem);
}

.culture-box4 .rig {
    width: 7.74rem;
    height: 3.75rem;
}

.culture-box4 .rig img {
    width: 100%;
    height: 100%;
}

.culture-box4 .left .tag {
    top: 2.8rem;
    left: 2.62rem;
    z-index: 11;
}

.culture-box4 .left .imgbox {
    position: absolute;
    top: -.4rem;
    left: 1.67rem;
    width: 0.92rem;
    height: 1.13rem;
    background: #0081CC;
    display: flex;
    align-items: center;
    justify-content: center;
}

.culture-box4 .left .imgbox img {
    width: 0.67rem;
    height: 0.97rem;
    margin-bottom: 0;
}

.culture-box5 {
    display: flex;
    align-items: center;
    margin-top: 1.11rem;
}

.culture-box5 .left {
    width: 5.86rem;
    height: 3.1rem;
}

.culture-box5 .left img {
    width: 100%;
    height: 100%;
}

.culture-box5 .rig {
    width: calc(100% - 5.86rem);
    position: relative;
    padding-left: 1.5rem;
}

.culture-box5 .tag {
    top: 2.51rem;
    left: 4.93rem;
    z-index: 11;
}

.culture-box7 {
    display: flex;
    align-items: center;
    position: relative;
}

.culture-box7 .left {
    width: 5.86rem;
    height: 3.1rem;
}

.culture-box7 .left img {
    width: 100%;
    height: 100%;
}

.culture-box7 .rig {
    width: calc(100% - 5.86rem);
    position: relative;
    padding-left: .62rem;
}

.culture-box6 {
    display: flex;
    margin-top: 1rem;
    margin-bottom: 1.38rem;
    position: relative;
}

.culture-box6 .rig {
    width: 5.8rem;
    padding-top: .76rem;
}

.culture-box6 .rig img {
    height: 2.9rem;
    width: 100%;
}

.culture-box6 .left {
    width: calc(100% - 5.8rem);
    position: relative;
    display: flex;
    flex-direction: column;
    padding-top: .39rem;
}

.culture-box6 .bg {
    width: 11rem;
    height: 3rem;
    background: #F5F7FA;
    position: absolute;
    left: -2.4rem;
    top: 0;
}

.culture-box6 .tag {
    top: 2.24rem;
    left: 4.62rem;
    z-index: 11;
}


.progress .swiper {
    width: 100%;
    height: 100%;
    padding: 0 .6rem;
    margin-top: .7rem;
    padding-bottom: .77rem;
    border-bottom: #F0F0F0 0.02rem solid;
}

.progress .swiper-slide {
    /* width: 6.5rem;
	height: 5.13rem; */
    padding: .08rem;
    background: #F0F0F0;
    /* width: 4rem !important; */
}

.progress .swiper-slide img {
    display: block;
    width: 100%;
    height: 2.66rem;
    object-fit: contain;
}

.progress .swiper-slide .p {
    width: 100%;
    height: 0.52rem;
    font-size: 0.18rem;
    color: #333333;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: .08rem;
}

.progress .swiper-button-next,
.progress .swiper-button-prev {
    display: flex;
    align-items: center;
    justify-content: center;

}

.progress .swiper-button-next img,
.progress .swiper-button-prev img {
    width: 0.12rem;
    height: .36rem;
}

.progress .swiper-button-next {
    width: 0.36rem;
    height: 2.5rem;
    background-image: url(../img/about/bg.png);
    background-size: 100% 100%;
    right: 0;
    top: .7rem;
}

.progress .swiper-button-prev {
    width: 0.36rem;
    height: 2.5rem;
    background-image: url(../img/about/bg.png);
    background-size: 100% 100%;
    left: 0;
    top: .7rem;
}

.progress .swiper-button-next:after,
.progress .swiper-rtl .swiper-button-prev:after,
.progress .swiper-button-prev:after,
.progress-list .swiper-rtl .swiper-button-next:after {
    content: none
}

.honor-list {
    margin-top: 1.03rem;
}

.honor-list .item {
    font-size: 0.18rem;
    font-weight: 400;
    color: #333333;
    height: 0.8rem;
    background: #F5F7FA;
    display: flex;
    align-items: center;
    padding: 0 .62rem;
}

.honor-list .item:nth-of-type(2n) {
    background-color: #fff;
}