.div-img {
    display: flex;
}
.contain{
    overflow: hidden;
}
/*banner*/
.hd-banner {
    display: flex;
    align-items: center;
    padding: 0 20px;
    font-size: 26px;
    font-weight: 500;
    color: #090F21;
    line-height: 37px;
    letter-spacing: 1px;
}

/*<!--鈥滄暟鈥濃€滄櫤鈥濊祴鑳斤紝鍗撹秺杩愯惀-->*/
.overview-intro {
    position: relative;
    background: #FFFFFF;
    padding: 56px 20px 40px;
}

.overview-intro-center {
    position: relative;
    z-index: 103;
    padding: 28px 20px;
    background: #FFFFFF;
    box-shadow: 0 2px 14px 0 rgba(12, 37, 91, 0.1);
}

.overview-intro-center h2 {
    position: relative;
    z-index: 103;
    font-size: 20px;
    font-weight: 500;
    color: #090F21;
    line-height: 28px;
}

.overview-intro-center p {
    position: relative;
    z-index: 103;
    margin-top: 16px;
    font-size: 12px;
    font-weight: 400;
    color: rgba(9, 15, 33, 0.5);
    line-height: 26px;

}

.overview-intro-img {
    position: absolute;
    left: 0;
    top: 20px;
    z-index: 100;
    width: 66px;
}

.overview-intro-center-img {
    position: absolute;
    right: 0;
    top: 0;
    width: 120px;
}

/*<!-- 瑙ｅ喅鏂规 -->*/
.solutions {
    position: relative;
    background: #F8F9FA;
}

.solutions h1, .solutions h2 {
    position: relative;
    z-index: 99;
}

.square-item1 {
    position: absolute;
    top: 11px;
    left: 0;
    width: 64px;
    height: 76px;
}

.square-item2 {
    position: absolute;
    top: 62px;
    left: 66px;
    width: 43px;
    height: 49px;
}

.square-item3 {
    position: absolute;
    top: 27px;
    right: 0;
    width: 142px;
    height: 142px;
}

.square-item4 {
    position: relative;
    z-index: 99;
    margin: 20px 20px 0;
}

/*鏍稿績鍦烘櫙*/
.htms-advantage {
    padding: 40px 0 1px
}

.advantage-content {
    padding: 20px 20px 0;
    text-align: center;
}
.htms-advantage .product-word{
    background: #FFFFFF;
}
.htms-advantage .product-word h4 {
    margin: 12px auto;
    font-size: 18px;
    font-weight: 500;
    color: #090F21;
    line-height: 25px;
}

.htms-advantage .product-word .product-word-p {
    font-size: 12px;
    font-weight: 400;
    color: rgba(9, 15, 33, 0.5);
    line-height: 24px;
}

.htms-advantage .product-word .see-more {
    margin: 16px auto 40px;
}
/*.閲嶇偣棰嗗煙*/
.rzh-function{
    background: #F8F9FA;
}
.rzh-card-content{
    padding: 8px 20px 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.rzh-icon-box{
    position: relative;
    width: 162px;
    height: 120px;
    margin-top: 12px;
    display: flex;
    flex-flow: column;
    background: #FFFFFF;
    box-shadow: 0 2px 7px 0 rgba(12, 37, 91, 0.1);
}
.rzh-icon-box-a{
    position: absolute;
    top: 12px;
    right: 10px;
    opacity: 0;
    transition: all 0.3s;
}
.rzh-icon-box:hover .rzh-icon-box-a{
    opacity:1;
}
.rzh-icon-box-a div{
    width: 24px;
    /*height: 3px;*/
}
.rzh-icon-box-img{
    margin: 24px auto 10px;
    width: 40px;
    height: 40px;
}
.rzh-icon-box-text{
    text-align: center;
    height: 22px;
    font-size: 16px;
    font-weight: 500;
    color: #333333;
    line-height: 22px;
}
.rzh-icon-box a{
    color: #333333;
}