.bannerArea{
    overflow: hidden;
    margin-top: 8%;
    margin-bottom: 10%;
}
.bannerArea .Img .innerImg{
    padding-top: 50%;
}
.bannerArea .Img .innerImg .image{
    background-size: contain;
}
.bannerArea .TitleBox{
    text-align: center;
    margin-bottom: 2%;
}
.videoArea{
    padding: 0 5%;
}
.videoArea video{
    width: 100%;
}
.aboutArea{
    padding-bottom: 8%;
    padding-left: 5%;
    padding-right: 5%;
    background: #fff;
}
.aboutArea .TitleBox{
    text-align: center;
    margin-bottom: 10%;
}
.aboutArea .TxtBox{
    margin-top: -17%;
}
.aboutArea .Img-1 .innerImg .image-1{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background-size: contain;
    background-repeat: no-repeat;
    background-position:center ;
}
.aboutArea .Img-2 .innerImg{
    padding-top: 130%;
}
.aboutArea .Img-2 .innerImg .image{
    background-position: left bottom;
}
.aboutArea .subTitle{
    padding: 6% 0;
}
.aboutArea .subTitle{
    margin-top: 8%;
    border-top:1px solid #000;
    border-bottom:1px solid #000;
}
.caseArea{
    overflow: hidden;
    background: #282828;
    color: #fff;
    padding: 0 5% 8% 5%;
}
.caseArea .caseTitle{
    margin-top: 0;
 }
.caseArea .subTitle{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom:1px solid #4d4d4d;
    padding: 3% 0;
}
.newsArea{
    overflow: hidden;
    padding: 8% 5%;
    background: #fff;
}
.newsArea .newsTitle{
   margin-top: 0;
}
.newsArea .subTitle{
    padding: 3% 0;
    border-bottom: 1px solid #4d4d4d;
}

@media (max-width:991px) {
    .bannerArea{
       margin-top: 25%;
       margin-bottom: 15%;
    }
    .bannerArea .TitleBox{
        text-align: left;
    }
    .bannerArea .Img{
        margin-bottom: 10%;
    }
    .bannerArea .Img .innerImg{
        padding-top: 58%;
    }
    .bannerArea .Img .innerImg .image{
        background-size: cover;
    }
    .videoArea{
        padding: 0;
        margin-bottom: 3%;
    }
    .aboutArea{
        padding: 0 2% 15% 2%;
    }
    .aboutArea .TxtBox{
        margin-top: 8%;
    }
    .aboutArea .Img .innerImg {
        padding-top: 142%;
    }
    .aboutArea .Img-1 .innerImg .image-1{
        background-size: cover;
    }
    .aboutArea .subTitle{
        border-bottom: 0px;
        margin-top: 0%;
        padding-top: 15%;
    }
    .aboutArea .Img-2 .innerImg{
        padding-top: 70%;
    }
    .aboutArea .Img-2 .innerImg .image{
       background-size: cover;
       background-position: bottom 58% center;
    }
    .caseArea{
        padding-top: 15%;
        padding-bottom: 15%;
    }
    .caseArea .UnitTitle{
       margin-top: 0;
    }
    .caseArea .item{
        margin-bottom: 15%;
    }
    .caseArea .subTitle{
        display: block;
        border-top:1px solid #4d4d4d;
        padding: 8% 0%;
    }
    .caseArea .iconBox-w{
        text-align: right;
    }
    .caseItem{
        margin-top: 10%;
    }
    .newsArea .subTitle{
        padding: 8% 0;
    }
    .newsArea .iconBox{
        text-align: right;
    }
}