.kftit {font-size: 48px;text-align: center; line-height: 45px;padding: 66px 0;} .shfumain {padding: 0 12%;display: flex;justify-content: space-between;margin-bottom: 60px;} .shfumain .pic {width: 50%;height: 485px;border-radius: 12px;overflow: hidden;} .shfumain .pic img {width: 100%;height: 100%;object-fit: cover;} .shfumain .cont {padding: 40px 0;margin-left: 50px;width: 50%;} .shfumain .cont .info {margin-bottom: 20px;} .shfumain .cont .info .tit {padding: 0 20px;background-color: #f8b600;display: inline-block;height: 40px;line-height: 40px;border-radius: 20px;font-weight: bold;color: #333333;font-size: 18px;} .shfumain .cont .info p {font-size: 18px;line-height: 30px;color: #333333;margin-top: 20px;} .khfwmain {padding: 0 12%;margin-bottom: 50px;} .complaintMain {display: flex;justify-content: space-between;padding: 44px 12%;} .complaintMain .pic {width: 507px;height: 630px;overflow: hidden;position: relative;} .complaintMain .pic img {width: 100%;height: 100%;object-fit: cover;} .complaintMain .pic .mask {position: absolute;width: 100%;height: 100%;left: 0;top: 0;padding: 100px 57px;} .complaintMain .pic .mask .optionview {background-color: #fff;width: 100%;height: 100%;opacity: 0.9;padding: 45px;} .complaintMain .pic .mask .optionview h6 {font-size: 20px;line-height: 45px;color: #333333;} .complaintMain .pic .mask .optionview p {font-size: 40px;line-height: 45px;color: #e62129;} .complaintMain .pic .mask .optionview .codepic {width: 150px;height: 150px;overflow: hidden;margin-top: 30px;} .complaintMain .pic .mask .optionview .codepic img {width: 100%;height: 100%;object-fit: cover;} .complaintMain .cont {flex: 1;margin-right: 95px;padding: 20px 0;} .complaintMain .cont h2 {padding: 25px 0;border-bottom: 1px solid #cdcdcd;font-size: 48px;line-height: 45px;color: #333333;} .complaintMain .cont .info {margin-top: 30px;} .complaintMain .cont .info:last-child{margin-bottom: 30px;} .complaintMain .cont .info .tit {height: 40px;border-radius: 20px;background-color: #f8b600;display: inline-block;padding: 0 18px;line-height: 40px;font-size: 20px;font-family: PingFang-SC-Bold;} .complaintMain .cont .info p {line-height: 45px;font-size: 18px;color: #333333;} .complaintMain .cont .des {font-size: 18px;line-height: 37px;color: #333333;padding: 30px 0;} .infomain {border-bottom: 1px solid #cdcdcd;} @media only screen and (max-width: 600px) { .kftit {font-size: 24px;padding: 33px 0;} .shfumain {padding: 0 4%;flex-direction: column;margin-bottom: 15px;} .shfumain .pic {width: 100%;height: auto;} .shfumain .cont {width: 100%;margin: 0;padding: 20px 0;} .khfwmain {padding: 0 4%;} .complaintMain {padding: 22px 4%;flex-direction: column;} .complaintMain .cont {flex: 0;width: 100%;} .complaintMain .pic {width: 100%;height: auto;} .complaintMain .pic .mask {padding: 15px;} } @media only screen and (min-width: 601px) and (max-width: 1199px) { .shfumain {padding: 0 4%;} .shfumain .cont {padding: 15px 0;} .khfwmain {padding: 0 4%;} .complaintMain {padding: 44px 4%;} .complaintMain .cont {flex: 1;} .complaintMain .pic {width: 50%;} }