.mh-a{width: 100%;position: relative;}
.mh-img{width: 100%;}
.mh-img img{width: 100%;}
.mh-cont{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);padding-top: 1rem; width: 17.7rem;text-align: center; line-height: 1.2;}
.mh-en{color: #ffffff;margin-bottom: .25rem;}
.mh-titles{color: #ffffff;}

body.About-Us .mh-en{color: #222222;}
body.About-Us .mh-titles{color: #222222;}
@media(max-width: 900px){ 
    .mh-cont{width: 100%;padding-top: 0;} 
    .mh-img img{min-height: 200px;object-fit: cover;}
}

.md-download {
     padding-top: .6rem;
     padding-bottom: .4rem;
 }

 .md-download .layout {
     width: 15.4rem;
     margin: 0 auto;
     max-width: 92%;
 }

 .download-list {
     width: 100%;
     padding-bottom: .3rem;
     font-size: 0;
     display: flex;
     justify-content: space-between;
     flex-wrap: wrap
 }

 .do-li {
     width: 100%;
     margin-bottom: .3rem
 }

 .do-item {
     display: flex;
     justify-content: space-between;
     align-items: center;
     cursor: pointer;
     background-color: #f8f8f8;
     padding: .2rem .4rem;
     transition: all .3s
 }

 .do-item:hover {
     background-color: #1a63dc
 }

 .do-item:hover .do-name {
     color: #fff
 }

 .do-item:hover .do-btn {
     border-color: #fff;
     color: #fff
 }

 .do-item:hover .do-time {
     color: #fff
 }

 .do-img {
     width: 100%;
     padding-top: 50%;
     overflow: hidden
 }

 .do-img img {
     width: 100%;
     transform: scale(1);
     transition: all .5s
 }

 .do-text {
     max-width: 75%
 }

 .do-text * {
     line-height: 2
 }

 .do-name {
     width: 100%;
     color: #333;
     font-weight: 700
 }

 .do-time {
     color: #999
 }

 .do-time span {
     margin-right: 1.5em
 }

 .do-btn {
     display: inline-flex;
     align-items: center;
     color: #1a63dc;
     padding: 1em;
     border: 1px solid #1a63dc;
     flex-shrink: 0
 }

 .do-a .form {
     width: 6rem;
     max-width: 100%;
     margin-bottom: .4rem
 }

 .do-a .inp {
     position: relative
 }

 .do-a .ip {
     width: 100%;
     height: 3em;
     background-color: #fff;
     border: solid 1px #eee;
     padding: 0 1em
 }

 .do-a .submit {
     position: absolute;
     right: .2rem;
     top: calc(50% - .5em);
     width: 1em;
     height: 1em;
     background-color: #fff;
     border: none;
     background-repeat: no-repeat;
     background-size: contain;
     background-position: center;
     background-image: url(../images/h-mag-b.png)
 }

 @media (max-width:750px) {
     .do-a {
         width: 100%
     }
 }

/* 分页 */
.bg-cont{width: 100%;font-size: 0;text-align: center;}
.bg-buttom{ display: inline-block;vertical-align: middle;cursor: pointer;margin: 0 5px .1rem; min-width: 83px;height: 50px;line-height: 50px;font-size: 18px;background-color: #f7f7f7;}
.bg-item{ display: inline-block;vertical-align: middle;cursor: pointer;margin: 0 5px .1rem; min-width: 50px;height: 50px;line-height: 50px;font-size: 20px;background-color: #f7f7f7;}
 
.bg-buttom:hover{background-color: #0f69ce !important;color: #ffffff;}
.bg-item:hover{background-color: #0f69ce !important;color: #ffffff;}
.bg-item.active{background-color: #0f69ce !important;color: #ffffff;}

.bg-cont.cont2 .bg-buttom{background-color: #fff;}
.bg-cont.cont2 .bg-item{background-color: #fff;}

@media(max-width:1400px) {
    .bg-buttom{min-width: 55px;height: 45px;line-height: 45px;font-size: 14px;}
    .bg-item{min-width: 45px;height: 45px;line-height: 45px;font-size: 16px;}
}

@media(max-width:900px) {
    .bg-buttom{min-width: 45px;height: 35px;line-height: 35px;font-size: 12px;}
    .bg-item{min-width: 35px;height: 35px;line-height: 35px;font-size: 13px;}
}