/* 发展历程右侧内容页面样式 */
.fzlcq1,
.fzlcq4 {
    width: 96%;
    position: relative;
    left: 2%;
    top: 2%;
    margin-bottom: 20px !important;
    border: 1px solid rgba(0, 0, 0, 0);
    transition: all 0.5s;
    padding: 10px !important;
    z-index: 999;
}

.fzlcq2,
.fzlcq3,
.fzlcy1 {
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.fzlcq2 {
    width: 10%;
}

.fzlcy1 {
    width: 5%;
}

.fzlcq3 {
    width: calc(85% - 9px);
}

.fzlcq2 p {
    text-align: right;
    transition: all 0.5s;
    font-weight: 900;
}

.fzlcq4 h2 {
    font-size: 20px;
    color: rgb(13, 106, 190);
}

.fzlcq1:hover .fzlcq2 p {
    color: rgb(13, 106, 190);
}

.fzlcq1:hover {
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.1);
}

.fzlcy2 {
    width: 0px;
    height: 0px;
    padding: 4px !important;
    border: 2px solid rgb(13, 106, 190);
    border-radius: 20px;
    margin: auto !important;
    position: relative;
    top: 5px;
    transition: all 0.5s;
    background: #fff;
}

.fzlcq1:hover .fzlcy2 {
    padding: 6px !important;
    top: 3px;
}

.fzlcs1 {
    position: absolute;
    top: 212px;
    left:173px;
    height: calc(100% - 290px);
    width: 2px;
    background: rgb(13, 106, 190);
    z-index: -1;
}

/* 发展历程外层 */
#right_content_wrap .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#right_content_wrap>div {
    animation-fill-mode: both;
}

#right_content_wrap {
    position: relative;
    z-index: 105;
    width: 1000px;
}

/* 公司荣誉蓝线 */
.gsrys1 {
    position: absolute;
    top: 149px;
    left: 173px;
    height: calc(100% - 210px);
    width: 2px;
    background: rgb(13, 106, 190);
    z-index: -1;
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
/* 发展历史竖向长蓝线 */
.fzlcs1{
    top: 182px;
    left: 28%;
}
/* 公司荣誉蓝线 */
.gsrys1 {
    top: 127px;
    left: 28%;
}

.fzlcq2 {
    width: 20%;
}


.fzlcq3 {
    width: calc(75% - 9px);
}

}