.hm_about {
    background: #f9f9f9;
    padding: 40px 0 60px;
}

.hm_about .tcont {
    width: 800px;
}

.hm_about .title {
    font-size: 40px;
    line-height: 40px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 4px;
}

.abut {
    display: inline-block;
    margin-right: 7px;
}

.myh1 {
    font-size: 40px;
    font-weight: 500!important;
    display: inline-block;
}

.hm_about .intro {
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    margin-bottom: 24px;
}

.hm_about .cont {
    width: 1180px;
}

.hm_about .bx1 {
    background: url(../images/hm_about_bg.gif);
}

.hm_about .bx1 .pd {
    padding: 45px;
}

.hm_about .bx1 .lt {
    float: left;
    width: 300px;
}

.hm_about .bx1 .lt .ltpad {
    padding: 40px 40px 0;
}

.hm_about .bx1 .lt .txt1 {
    font-size: 45px;
    line-height: 45px;
    font-weight: 300;
}

.hm_about .bx1 .lt .txt2 {
    font-size: 36px;
    line-height: 36px;
    color: #a60430;
    font-weight: 600;
}

.myh2 {
    font-size: 36px!important;
}

.hm_about .bx1 .rt {
    float: left;
    width: 730px;
    background: url(../images/about_line.png) repeat-y;
    padding-left: 60px;
}
.hm_about .bx1 .rt .txt1 {
    font-size: 18px;
    line-height: 28px;
    color: #666565;
    margin-bottom: 20px;
}

.hm_about .bx1 .rt .lk {
    float: left;
    font-size: 16px;
    line-height: 16px;
    border: 1px solid #9a9a9a;
    color: #000;
    font-weight: 500;
    background: url(../images/ar.png) center right no-repeat;
    padding: 16px 40px 12px 16px;
}
.hm_about .bx1 .rt .lk:hover {
    border: 1px solid #8d0325;
    color: #fff;
    background: url(images/ar_hover.html) center right no-repeat #8d0325;
    transition: .5s ease;
}
 @media (max-width:767px)
 {
 }  
   @media (max-width:767px) and (min-width:400px)
 {
 }