.index-banner{position: relative;}
.index-banner-text{position: absolute;color: #fff;text-align: center;width: 100%;top: 26%;z-index: 12;font-size: 42px;}
.index-banner-text p{font-size: 32px;margin-bottom: 30px;}

.index-1{padding-top: 1px;}
.index-1 .container{display: flex;justify-content: space-between;padding-bottom: 60px;}
.index-1 .container dl{max-width: 380px;}
.index-1 .container dl h3{font-size: 20px;padding: 5px 0;font-weight: 400;}
.index-1 .container dl p{color: #999;font-size: 14px;line-height: 28px;}

.index-2{padding: 80px 0;padding-bottom: 180px;background-color: #fafafa;}
.index-2 .container{position: relative;}
.index-2 .index-2-text{position: absolute;right: 0px;left: 0;margin: auto; bottom: -100px;color: #fff;display: flex;background: rgba(0,0,0,.7);padding: 60px 40px 36px;width: 76%;}
.index-2 .index-2-text>div:nth-child(1){flex: 1;padding-right: 30px;}
.index-2 .index-2-text>div:nth-child(1) h3{font-size: 26px;margin-bottom: 20px;}
.index-2 .index-2-text>div:nth-child(2){flex: 2;}
.index-2 .index-2-text>div:nth-child(1) p{font-size: 14px;line-height: 26px;margin-bottom: 15px;}

.index-3 .container{display: flex;justify-content: space-between;flex-wrap: wrap;padding-top: 40px;}
.index-3 dl{width: 33%;box-sizing: border-box;display: flex;padding-right: 30px;margin-bottom: 60px;}
.index-3 dl dt{margin-right: 0;flex: 1;}
.index-3 dl dd {flex: 3;}
.index-3 dl dd h3{font-weight: 400;font-size: 18px;}
.index-3 dl dd p{color: #999;font-size: 14px;margin-top: 10px;}

.index-4 {background-color: #fafafa;padding-top: 1px;padding-bottom: 60px;}
.index-4 .index-4-list{display: flex;justify-content: space-between;margin-bottom: 15px;}
.index-4 .index-4-list div h3{font-size: 14px;margin-bottom: 5px;}
.index-4 .index-4-list div p{font-size: 12px;line-height: 20px;}
.index-4 .index-4-list div {flex: 1;}

@media (max-width:768px) {
    .index-1 .container,.index-2 .container,.index-3 .container{display: block;padding: 0 15px;}
    .index-1 .container dl{margin-bottom: 15px;max-width: initial;}
    .index-3 dl{width: initial;padding-right: 0;margin-bottom: 40px;}
    .index-3 dl dt img{width: 70%;}
    .index-4 .index-4-list{display: block;padding: 0 15px;margin-bottom: 15px;}
    .index-2 .container>div h3{font-size: 20px;text-align: center;}
    
    .index-2{padding-bottom: 30px;padding-top: 30px;background: none;}
    .page-title{margin-top: 30px;}
    .index-banner-text{font-size: 16px;}
    .index-banner-text p{font-size: 14px;margin-bottom: 8px;}
    .index-2 .index-2-text{position: static;background: transparent;color: #333;padding: 0;width: auto;}
    .index-2 .index-2-text>div:nth-child(1){padding-right: 0;}
    .index-2 .index-2-text>div:nth-child(1) h3{font-size: 20px;}

    .index-4{padding-bottom: 30px;}
  }