.head_bg{
    min-width: 1200px;
    height: 459px; 
}
.head_bg .container{
    position: relative;
}
.head_bg .tit{
    position: absolute;
    top: 302px;
    left: 0;
}
.head_bg .icon{
    position: absolute;
    top: 358px;
    right: 0;
}
.main_bg{
    background: url(../images/about_bg1.jpg) center top no-repeat,url(../images/about_bg2.jpg) center bottom no-repeat;   
    min-width: 1200px;
    min-height: 1421px;
    padding-bottom: 100px;
}

.about_bg{
    background: url(../images/about_bg.jpg) center top no-repeat;
}
.main_bg .title{
    margin-top: 85px;
}
.main_bg .title::after{
    display: none;
}
#about .content{
    padding-top: 20px;
    font-size: 22px;
    line-height: 1.7;
}

#about .map{
   margin-top: 120px;
}
#about .iframe{
    width: 605px;
    height: 360px;
}
#about .contact{
    padding-left: 75px;
}
#about .contact li{
    position: relative;
    padding-left: 70px;
    line-height: 40px;
    font-size: 20px;
    margin-top: 20px;
    padding-bottom: 20px;
}
#about .contact li::after{
    content: "";
    position: absolute;
    left: 0;
    top:0;
    width: 40px;
    height: 40px;
    background-position: center center;
    background-repeat: no-repeat;
}
#about .contact li.phone::after{
    background-image: url(../images/phone.png);
}
#about .contact li.email::after{
    background-image: url(../images/email.png);
}
#about .contact li.address::after{
    background-image: url(../images/address.png);
}

#about .card{
    margin-top: 180px;
}
#about .card h3{
    position: relative;
    padding-top: 20px;
    font-size: 30px;
    line-height: 1.7;
}
#about .card h3::after{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 65px;
    border-bottom: solid 4px var(--blue);
}
#about .card p{
    padding-top: 15px;
    font-size: 20px;
    line-height: 1.7;
    height: 220px;
}


#timeline{
    margin-left: 50%;
    width: 50%;
}

#timeline .layui-timeline-item{min-height: 120px;}
#timeline .layui-timeline-axis{transition:box-shadow .4s ease-in;color: var(--blue);}
#timeline .layui-timeline-content{position: absolute;top: 0; width: 100%;}
#timeline .layui-timeline-item:nth-child(odd) .layui-timeline-content{left: 0;padding-left: 45px;}
#timeline .layui-timeline-item:nth-child(even) .layui-timeline-content{right: 100%;padding-right:40px; text-align: right;}
#timeline .layui-text h3{font-size: 30px;}
#timeline .layui-text p{font-size: 18px;}

#timeline .layui-timeline-item:hover .layui-timeline-axis{background-color: var(--blue);box-shadow: 0 0 1px 10px rgba(0, 109, 232, 0.5), 0 0 1px 20px rgba(0, 109, 232, 0.2);}

.imgshow .layui-col-md6{
    padding: 30px 75px;
}
.imgshow .layui-col-md6 .img{
    display: flex;
    align-items: center;
    justify-content:center;
    width: 100%;
    min-height: 334px;
    margin-top: 35px;
}
.imgshow .layui-col-md6 img{
    max-width: 100%;    
    max-height: 452px;
}
.imgshow .layui-col-md6 h3{
    margin-top: 30px;
    text-align: center;
    font-size: 25px;
}
.imgshow .layui-col-md6:hover{
    background-color: #f1f1f1;
    border-radius: 20px;
}