.mian_box{ background-color: #f6f7f9; position: relative; } .mian_box p{ font-size: 40px; font-weight: bold; text-align: center; padding: 100px 0px; } .mian_box p span{ font-size: 40px; font-weight: 400; } .mian_box_a1{ position: absolute; right: 0px; top: 0px; } .item1{ display: flex; margin: 50px 0px; } .item1 div{ width: 50%; } .item1 h4{ font-size: 46px; font-weight: 400; text-align: center; } .item1 p{ font-size: 20px; font-weight: 400; margin: 20px 0px; } .item2 ul{ display: flex; font-size: 24px; font-weight: 400; justify-content: space-around; margin-bottom: 50px; } .item2 li{ padding-bottom: 5px; cursor: pointer; } .acitvea{ border-bottom: 1px solid #e71e0f; } .row_item{ padding: 15px 100px; background-color: #f6f7f9; margin-bottom: 20px; } .row_item h4{ font-size: 24px; font-weight: 400; text-align: center; } .row_item p{ white-space: pre-line; font-size: 18px; font-weight: 400; } .container{ margin-bottom: 50px; } @media(max-width:767px){ .container{margin-bottom:0;} .mian_box p{font-size:20px;position:relative;z-index:2;padding:75px 0;} .mian_box_a1{z-index: 0;bottom:0;top:auto;} .item1{margin:40px 0;display:block;} .item1 div{width:auto;} .item1 h4{font-size:22px;} .item1 p{font-size:16px;margin:10px 0;} #map{width:100% !important;height:200px !important;} .item2 ul{font-size:16px;margin-bottom:20px;} .row_item{padding:15px;margin-bottom:15px;} .row_item h4{font-size:18px;} .row_item p{font-size:14px;} }