.banner img {
    width: 100%;
}

.introduction .title {
    width: 0.8125rem;
    margin: 0 auto;
    padding-top: 0.66145rem;
    padding-bottom: 0.32291rem;
}

.introduction .title span {
    display: block;
    font-size: 0.1875rem;
    height: 0.1875rem;
    line-height: 0.1875rem;
    font-weight: bold
}

.introduction .title .line {
    width: 0.30208rem;
    height: 2px;
    background-color: #369aff;
    margin-top: 0.05208rem
}

.introduction .content {
    width: 6.25rem;
    margin: 0 auto;
    position: relative;
    padding-bottom: 1.27083rem;
}

.introduction .content .photo {
    width: 3.90625rem
}

.introduction .content .text_box {
    position: absolute;
    right: 0;
    top: 0.25rem;
    width: 3.40625rem;
    background-color: #fff;
    height: 2.13541rem;
    box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.16);
    font-size: 0.08333rem;
    text-align: justify;
}

.introduction .content .text_box span {
    display: block;
    width: 2.51562rem;
    margin: 0 auto;
    line-height: 0.21875rem;
    margin-top: 0.30729rem
}

.certificate {
    padding-bottom: 0.375rem;
    background-color: #FAFAFA
}

.certificate .title {
    width: 0.8125rem;
    margin: 0 auto;
    padding-top: 0.24479rem;
    padding-bottom: 0.16145rem;
}

.certificate .title span {
    display: block;
    font-size: 0.1875rem;
    height: 0.1875rem;
    line-height: 0.1875rem;
    font-weight: bold
}

.certificate .title .line {
    width: 0.30208rem;
    height: 2px;
    background-color: #369AFF;
    margin-top: 0.05208rem
}

.certificate .content {
    width: 5.91145rem;
    margin: 0 auto
}

.certificate .content ul li {
    width: 1.90104rem;
    margin-right: 0.10416rem
}

.certificate .content ul li:nth-child(3n) {
    margin-right: 0
}

.certificate .content ul li img {
    width: 100%
}

.contact .title {
    width: 0.8125rem;
    margin: 0 auto;
    padding-top: 0.86458rem;
    padding-bottom: 0.25rem;
}

.contact .title span {
    display: block;
    font-size: 0.1875rem;
    height: 0.1875rem;
    line-height: 0.1875rem;
    font-weight: bold
}

.contact .title .line {
    width: 0.30208rem;
    height: 2px;
    background-color: #369AFF;
    margin-top: 0.05208rem
}

.contact .content {
    width: 6.25rem;
    margin: 0 auto;
    margin-bottom: 0.70833rem
}

.contact .content .photo {
    width: 3.89583rem
}

.contact .content .photo ul li img {
    width: 1.86979rem
}

.contact .content .photo ul li {
    margin-right: 0.15625rem;
    margin-bottom: 0.15625rem;
    position: relative;
    cursor: pointer;
}

.contact .content .photo ul li .name {
    position: absolute;
    left: 0;
    top: 0.02604rem;
    line-height: 0.17708rem;
    background-color: rgba(255, 255, 255, 0.75);
    width: 0.8125rem
}

.contact .content .photo ul li .name span {
    display: inline-block;
    margin-left: 0.17187rem
}

.contact .content .photo ul li .name {
    background-image: url("../../assets/about/more.png");
    background-size: 0.02604rem 0.05208rem;
    background-repeat: no-repeat;
    background-position: 0.67708rem center
}

.contact .content .photo ul li .color {
    background-color: #E77B7B;
    background-image: url("../../assets/about/more02.png");
    color: #fff
}

.contact .content .photo ul li:nth-child(2n) {
    margin-right: 0
}

.contact .content .information {
    width: 1.96709rem;
    padding-top: 0.0625rem;
    margin-left: 0.29166rem
}

.contact .content .information .name {
    font-size: 0.09375rem;
    height: 0.09375rem;
    line-height: 0.09375rem;
    margin-bottom: 0.0625rem;
}


.contact .content .information .text {
    font-size: 0.09375rem;
    height: 0.09375rem;
    line-height: 0.09375rem;

}

.contact .content .information ul li:nth-child(1) .text {
    display: none;
}

.contact .content .information .block {
    display: block !important;
}

.contact .content .information ul li {
    margin-bottom: 0.34895rem;

}

.contact .content .information ul li:nth-child(4n) {
    margin-bottom: 0
}




.News .title {
    width: 0.8125rem;
    margin: 0 auto;
    padding-top: 0.66145rem;
    padding-bottom: 0.32291rem;
}

.News .title span {
    display: block;
    font-size: 0.1875rem;
    height: 0.1875rem;
    line-height: 0.1875rem;
    font-weight: bold
}

.News .title .line {
    width: 0.30208rem;
    height: 2px;
    background-color: #369aff;
    margin-top: 0.05208rem
}

.News .content {
    width: 6.79166rem;
    margin: 0 auto;
    position: relative;
    height: 1.73958rem;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);

}
.News .content .photo{width: 2.13541rem;height:1.21875rem;float: left;margin-left: 0.25773rem;margin-top: 0.25773rem; }
.News .content .photo img{width: 100%;height: 100%}
.News .content .text_box{float: left;width: 2.625rem;height:1.21875rem;margin-left: 0.14062rem;margin-top: 0.25773rem;}
.News .content .text_box .name{font-size: 0.125rem;color: #363636;height: 0.125rem;line-height: 0.125rem;margin-top: 0.10416rem;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;}
.News .content .text_box .contentsun{font-size: 0.09375rem;margin-top: 0.15625rem;display: -webkit-box; /*值必须为-webkit-box或者-webkit-inline-box*/-webkit-box-orient: vertical; /*值必须为vertical*/-webkit-line-clamp: 3; /*值为数字，表示一共显示几行*/overflow: hidden;word-wrap: break-word;}
.News .content .text_box .link{font-size:0.08333rem;color: #369AFF;margin-top: 0.15625rem }
.News .content .btn{float: right;width: 1.22395rem;height: 100%;background-color: #F0F6FA;display: -webkit-box; /*值必须为-webkit-box或者-webkit-inline-box*/
    -webkit-box-orient: vertical; /*值必须为vertical*/
    -webkit-line-clamp: 3; /*值为数字，表示一共显示几行*/
    overflow: hidden;word-wrap:break-word}
.News .content .btn{line-height: 1.73958rem;font-size: 0.09375rem;color: #369AFF;text-align: center;cursor: pointer}
