.container {
  padding-top: 140px;
}

.top_section .title_box {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.top_section .title_box .con {
  width: 71px;
  height: 68px;
  margin-bottom: 35px;
}
.top_section .title_box > span {
  font-size: 20px;
  font-weight: 700;
  color: #4033d6;
}
.top_section .title_box > h2 {
  font-size: 50px;
  font-weight: 700;
  margin: 8px 0 25px;
}
.top_section .title_box > p {
  font-size: 25px;
  font-weight: 500;
  color: #656565;
}

.solution_section {
  width: 1180px;
  margin: 0 auto;
}
.solution_section .solution_cont {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 100px;
}
.solution_section .solution_cont .solution_box {
  width: 280px;
  height: 400px;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
  padding: 30px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
}
.solution_section .solution_cont .solution_box .txt span {
  font-size: 15px;
  font-weight: 700;
  color: #2e1ea3;
}
.solution_section .solution_cont .solution_box .txt span b {
  font-weight: 500;
}
.solution_section .solution_cont .solution_box .txt h3 {
  font-size: 25px;
  font-weight: 700;
  margin: 9px 0 24px;
  color: #191919;
}
.solution_section .solution_cont .solution_box .txt p {
  font-size: 17px;
  font-weight: 500;
  color: #191919;
}
.solution_section .solution_cont .solution_box .txt.white_box span {
  color: #fff;
}
.solution_section .solution_cont .solution_box .txt.white_box h3 {
  color: #fff;
}
.solution_section .solution_cont .solution_box .txt.white_box p {
  color: #fff;
}
.solution_section .solution_cont .solution_box .solution_more {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
}
.solution_section .solution_cont .solution_box .solution_more p {
  font-size: 17px;
  font-weight: 500;
  color: #191919;
}
.solution_section .solution_cont .solution_box .solution_more p.white {
  color: #fff;
}
.solution_section .solution_cont .solution_box .solution_more div {
  width: 22px;
  height: 22px;
  margin-left: 4px;
}
.solution_section .solution_cont .solution_box:hover .bg {
  transform: translate(-50%, -50%) scale(1.2);
}
.solution_section .solution_cont .solution_box .bg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  transition: all 0.4s;
}
.solution_section .solution_cont .solution_box.box1 {
  background: #eff4fd;
}
.solution_section .solution_cont .solution_box.box1 .bg {
  background: url(../images/service/box1.png) no-repeat center center/cover;
}
.solution_section .solution_cont .solution_box.box2 {
  background: #4f3ecb;
}
.solution_section .solution_cont .solution_box.box2 .bg {
  background: url(../images/service/box2.png) no-repeat center center/cover;
}
.solution_section .solution_cont .solution_box.box3 {
  background: #f3f2fd;
}
.solution_section .solution_cont .solution_box.box3 .bg {
  background: url(../images/service/box3.png) no-repeat center center/cover;
}
.solution_section .solution_cont .solution_box.box4 {
  background: #4192d0;
}
.solution_section .solution_cont .solution_box.box4 .bg {
  background: url(../images/service/box4.png) no-repeat center center/cover;
}

.info_section {
  width: 100%;
  height: 297px;
  background: #191919;
  margin: 127px 0 102px;
}
.info_section .info_box {
  width: 1180px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
}
.info_section .info_box .info_tit {
  color: #fff;
}
.info_section .info_box .info_tit p {
  font-size: 20px;
  font-weight: 700;
  color: #857bff;
}
.info_section .info_box .info_tit h4 {
  font-size: 40px;
  font-weight: 700;
  color: #595959;
}
.info_section .info_box .info_tit h4 b {
  color: #fff;
}
.info_section .info_box .info {
  display: flex;
  align-items: center;
  color: #fff;
}
.info_section .info_box .info .call_box {
  position: relative;
}
.info_section .info_box .info .call_box p {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 15px;
}
.info_section .info_box .info .call_box span {
  font-size: 20px;
  font-weight: 500;
}
.info_section .info_box .info .call_box:first-child {
  padding-right: 80px;
  margin-right: 80px;
}
.info_section .info_box .info .call_box:first-child::after {
  right: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background: #707070;
  opacity: 0.34;
  position: absolute;
  content: "";
}

.advance_section {
  width: 1180px;
  margin: 0 auto;
}
.advance_section .title_box {
  margin-bottom: 60px;
}
.advance_section .title_box span {
  font-size: 20px;
  font-weight: 700;
  color: #4033d6;
}
.advance_section .title_box h3 {
  font-size: 40px;
  font-weight: 700;
  margin: 8px 0 25px;
}
.advance_section .title_box p {
  font-size: 17px;
  font-weight: 500;
  color: #656565;
}
.advance_section .content {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
.advance_section .content .l-box {
  width: 555px;
  height: 280px;
  padding: 30px 45px 30px 30px;
  border-radius: 20px;
  background: #f4f6fb;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  margin-bottom: 30px;
}
.advance_section .content .l-box .icon {
  width: 68px;
  height: 68px;
  margin-top: auto;
}
.advance_section .content .l-box.active {
  width: 605px;
  background: #281ea3;
  margin-right: 20px;
}
.advance_section .content .l-box.active h4 {
  color: #635df2;
}
.advance_section .content .l-box.active h4 b {
  color: #fff;
}
.advance_section .content .l-box h4 {
  color: #2a3b64;
  font-size: 30px;
  font-weight: 800;
}
.advance_section .content .s-box {
  width: 380px;
  height: 240px;
  padding: 30px 45px 30px 40px;
  border-radius: 20px;
  background: #f4f6fb;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}
.advance_section .content .s-box:not(:last-child) {
  margin-right: 20px;
}
.advance_section .content .s-box .icon {
  width: 68px;
  height: 68px;
  margin-top: auto;
}
.advance_section .content .s-box h4 {
  color: #2a3b64;
  font-size: 30px;
  font-weight: 800;
}
.advance_section .content .s-box h4 span {
  opacity: 0.71;
  display: block;
  margin-top: 0.4rem;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 2.7rem;
  letter-spacing: -0.08rem;
}
.advance_section .banner {
  width: 100%;
  height: 359px;
  background-color: #2576c9;
  background-image: url(../images/service/ad-banner.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border-radius: 20px;
  padding: 50px;
  margin-top: 100px;
  background-blend-mode: soft-light;
}
.advance_section .banner h3 {
  font-size: 40px;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 35px;
  color: #87afe8;
}
.advance_section .banner h3 b {
  color: #fff;
}
.advance_section .banner p {
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  opacity: 0.91;
}

.damage_section {
  margin: 100px auto 120px;
  width: 1180px;
}
.damage_section .title_box {
  margin-bottom: 60px;
}
.damage_section .title_box span {
  font-size: 20px;
  font-weight: 700;
  color: #4033d6;
}
.damage_section .title_box h3 {
  font-size: 40px;
  font-weight: 700;
  margin: 8px 0 25px;
}
.damage_section .title_box p {
  font-size: 17px;
  font-weight: 500;
  color: #656565;
}
.damage_section .cont {
  display: flex;
  align-items: center;
}
.damage_section .cont .q_box {
  width: 380px;
  height: 241px;
  background: #f4f6fb;
  border-radius: 20px;
  padding: 25px 30px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
}
.damage_section .cont .q_box:not(:last-child) {
  margin-right: 19px;
}
.damage_section .cont .q_box span {
  font-size: 28px;
  font-weight: 700;
  color: #191919;
  opacity: 0.42;
}
.damage_section .cont .q_box p {
  font-size: 21px;
  font-weight: 600;
  margin-top: 10px;
}
.damage_section .cont .q_box a {
  display: flex;
  align-items: center;
}
.damage_section .cont .q_box a p {
  font-size: 15px;
  font-weight: 500;
  margin: 0 3px 0 0;
}
.damage_section .cont .q_box a div {
  width: 18px;
  height: 18px;
}
.damage_section .more_btn {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 15px;
}
.damage_section .more_btn p {
  font-size: 16px;
  font-weight: 600;
  margin-right: 4px;
}
.damage_section .more_btn div {
  width: 17px;
  height: 17px;
}

.inquiry {
  position: relative;
}
.inquiry .banner_section {
  width: 1180px;
  margin: 0 auto;
  height: 177px;
  display: flex;
  align-items: center;
  padding: 0 80px;
}
.inquiry .banner_section.i-a-bg {
  background: url(../images/service/advance_bg.png) no-repeat center center/cover;
  justify-content: space-between;
}
.inquiry .banner_section.i-a-bg .b-info {
  display: flex;
  align-items: center;
}
.inquiry .banner_section.i-a-bg .b-info > div {
  display: flex;
}
.inquiry .banner_section.i-a-bg .b-info > div.opacity {
  opacity: 0.54;
}
.inquiry .banner_section.i-a-bg .b-info > div p {
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  line-height: 1.2;
}
.inquiry .banner_section.i-a-bg .b-info > div .con {
  width: 18px;
  height: 18px;
  margin-right: 7px;
}
.inquiry .banner_section.i-a-bg .b-info .line {
  margin: 0 30px;
}
.inquiry .banner_section.i-d-bg {
  background: url(../images/service/damage_bg.png) no-repeat center center/cover;
  justify-content: space-between;
}
.inquiry .banner_section.i-d-bg .b-info {
  display: flex;
  align-items: center;
}
.inquiry .banner_section.i-d-bg .b-info > div {
  display: flex;
}
.inquiry .banner_section.i-d-bg .b-info > div.opacity {
  opacity: 0.54;
}
.inquiry .banner_section.i-d-bg .b-info > div p {
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  line-height: 1.2;
}
.inquiry .banner_section.i-d-bg .b-info > div .con {
  width: 18px;
  height: 18px;
  margin-right: 7px;
}
.inquiry .banner_section.i-d-bg .b-info .line {
  margin: 0 30px;
}
.inquiry .banner_section h2 {
  font-size: 40px;
  font-weight: 700;
  color: #fff;
}
.inquiry .example_section {
  width: 1180px;
  margin: 70px auto 0;
}
.inquiry .example_section.damage-cont {
  margin-bottom: 193px;
}
.inquiry .example_section .title {
  display: flex;
  align-items: center;
  margin-bottom: 36px;
}
.inquiry .example_section .title p {
  font-size: 27px;
  font-weight: 700;
}
.inquiry .example_section .title div {
  width: 22px;
  height: 22px;
  margin-right: 13px;
}
.inquiry .example_section .example_list li {
  display: flex;
  align-items: center;
  width: 100%;
  height: 70px;
  padding: 0 30px;
  border-radius: 7px;
  background: #f4f6fb;
}
.inquiry .example_section .example_list li span {
  font-size: 18px;
  font-weight: 700;
  color: #4033d6;
}
.inquiry .example_section .example_list li p {
  font-size: 18px;
  font-weight: 500;
  margin-left: 40px;
}
.inquiry .example_section .example_list li:not(:last-child) {
  margin-bottom: 20px;
}
.inquiry .chk_section {
  width: 1180px;
  margin: 113px auto 193px;
}
.inquiry .chk_section .title {
  display: flex;
  align-items: center;
  margin-bottom: 36px;
}
.inquiry .chk_section .title p {
  font-size: 27px;
  font-weight: 700;
}
.inquiry .chk_section .title div {
  width: 22px;
  height: 22px;
  margin-right: 13px;
}
.inquiry .chk_section .content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.inquiry .chk_section .content .box {
  width: 580px;
  height: 118px;
  background: #f4f6fb;
  border-radius: 15px;
  display: flex;
  align-items: center;
  padding: 0 30px;
  margin-bottom: 20px;
}
.inquiry .chk_section .content .box > div {
  display: flex;
  align-items: flex-start;
}
.inquiry .chk_section .content .box > div p {
  margin-left: 15px;
  font-size: 21px;
  font-weight: 600;
  line-height: 1;
}
.inquiry .chk_section .content .box > div p b {
  display: block;
  font-size: 18px;
  font-weight: 500;
  opacity: 0.63;
  margin-top: 10px;
}
.inquiry .chk_section .content .box > div p span {
  display: block;
  margin-top: 10px;
}
.inquiry .chk_section .content .box:not(:nth-child(2n)) {
  margin-right: 20px;
}
.inquiry .form_section {
  width: 1180px;
  margin: 70px auto 100px;
}
.inquiry .form_section form .clear_btn {
  display: flex;
  justify-content: center;
  margin-top: 80px;
}
.inquiry .form_section form .clear_btn button {
  width: 147px;
  height: 53px;
  background: #4033d6;
  border-radius: 27px;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
}
.inquiry .form_section form .content {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.inquiry .form_section form .content .left {
  width: 565px;
}
.inquiry .form_section form .content .left .input_box {
  margin-bottom: 30px;
}
.inquiry .form_section form .content .left .input_box .form_tit {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 15px;
  line-height: 1.1;
}
.inquiry .form_section form .content .left .input_box input {
  width: 100%;
  height: 50px;
  border-radius: 5px;
  border: 1px solid #eaeaea;
  font-size: 17px;
  font-weight: 500;
  color: #191919;
  padding: 0 20px;
}
.inquiry .form_section form .content .left .input_box input ::-moz-placeholder {
  color: #a8a8a8;
}
.inquiry .form_section form .content .left .input_box input ::placeholder {
  color: #a8a8a8;
}
.inquiry .form_section form .content .left .input_info {
  width: 100%;
  height: 179px;
  border-radius: 5px;
  background: #f4f6fb;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  margin-bottom: 27px;
}
.inquiry .form_section form .content .left .input_info div {
  width: 22px;
  height: 22px;
  margin-bottom: 11px;
}
.inquiry .form_section form .content .left .input_info p {
  font-size: 18px;
  font-weight: 600;
  color: #6d7486;
}
.inquiry .form_section form .content .left .input_info p b {
  color: #4033d6;
}
.inquiry .form_section form .content .left .check_contain .check_wrap:not(:last-child) {
  margin-bottom: 14px;
  display: block;
}
.inquiry .form_section form .content .right {
  width: 565px;
}
.inquiry .form_section form .content .right .input_box {
  margin-bottom: 30px;
}
.inquiry .form_section form .content .right .input_box .form_tit {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 15px;
  line-height: 1;
}
.inquiry .form_section form .content .right .input_box textarea {
  width: 100%;
  height: 494px;
  border: 1px solid #eaeaea;
  outline: none;
  resize: none;
  border-radius: 5px;
  padding: 15px 20px;
  font-size: 17px;
  font-weight: 500;
  color: #191919;
}
.inquiry .form_section form .content .right .input_box textarea::-moz-placeholder {
  color: #a8a8a8;
}
.inquiry .form_section form .content .right .input_box textarea::placeholder {
  color: #a8a8a8;
}

.inquiry_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  left: 50%;
  bottom: 88px;
  transform: translateX(-50%);
  width: 147px;
  height: 53px;
  background: #4033d6;
  border-radius: 27px;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
}
.inquiry_btn p {
  margin-right: 8px;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
}
.inquiry_btn div {
  width: 22px;
  height: 22px;
}

input[type=checkbox] {
  display: none;
}

input[type=checkbox] + span {
  background: url("../images/service/chk-off.svg") left center/24px no-repeat;
  font-size: 17px;
  font-weight: 500;
  padding: 2px 0 2px 36px;
  margin-bottom: 30px;
  cursor: pointer;
  transition: background 0.3s ease;
}

input[type=checkbox]:checked + span {
  background: url("../images/service/chk-on.svg") left center/24px no-repeat;
}/*# sourceMappingURL=service.css.map */