@charset "utf-8";
/* CSS Document */
.subBanner {position: relative; z-index: 1;}
.subBanner > .img {line-height: 0; font-size: 0; position: relative; z-index: 1;}
.subBanner > .txt {position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; display: flex; align-items: flex-end; text-align: center; color: #fff; padding: 0 100px; max-width: 1530px; margin: auto;}
.subBanner > .txt h2 { position: relative; font-size: 225%; font-weight: 700; letter-spacing: 1px; margin: 0 0 52px 0; padding: 8px 45px 8px 0;}
.subBanner > .txt h2 .h2_bg { position: absolute; top: 0; right: 0; bottom: 0; left: -200%; background: rgb(121, 69, 153, .3); border-radius: 0 40px 40px 0; z-index: -1;}
.subBanner > .txt h2 .h2_bg::before { content: ''; position: absolute; top: 0; right: -30px; bottom: 0; left: -200%; background: rgb(121, 69, 153, .4); border-radius: 0 40px 40px 0; z-index: -2;}
.subBanner > .txt h2 .h2_bg::after { content: ''; position: absolute; top: 0; right: -60px; bottom: 0; left: -200%; background: rgb(121, 69, 153, .4); border-radius: 0 40px 40px 0; z-index: -3;}

.subMain { position: relative; z-index: 1; overflow: hidden;}
.path_out { position: relative; padding: 7px 0; z-index: 5;}
.path { display: flex; flex-flow: wrap; width: 100%; list-style-type:none; margin: 0; padding: 0; font-weight: 400; color: #fff;}
.path li {list-style-type:none; margin: 0; padding: 0; font-weight: 500; color: #145398; letter-spacing: 1.5px; text-shadow: 1px 1px 0px #fff, -1px -1px 0px #fff, 1px -1px 0px #fff, -1px 1px 0px #fff;}
.path li::after { content: "》"; display: inline-block; margin: 0 0 0 4px; letter-spacing: 0;}
.path li:last-child::after {content: none;}
.path li a { position: relative;}
.path li a:link, .path li a:visited {text-decoration:none; color:#145398; transition: all 0.25s ease 0s;}
.path li a:active, .path li a:hover {text-decoration:none; color:#ed6c00; cursor:pointer; transition: all 0.25s ease 0s;}
.path li a::after { content: ''; position: absolute; bottom: -2px; right: 0; width: 0%; height: 1px; background: #ed6c00; z-index: 1; transition: all 0.25s ease-out 0s;}
.path li a:hover::after { width: 100%; left: 0; transition: all 0.25s ease 0s;}

.subM { position: relative; padding-top: 7%; margin-bottom: -3%; z-index: 2;}
.subM ul { display: flex; flex-flow: wrap;}
.subM ul li { position: relative; width: 15.5%; margin-right: 1.4%; background: #fff; border-radius: 15px; padding: 30px 20px 20px 20px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); overflow: hidden; z-index: 1; transition: all 0.25s ease 0s;}
.subM ul li:nth-child(6n+6), .subM ul li:last-child { margin-right: 0;}
.subM ul li .icon { width: 80px; height: 80px; text-align: center; margin: auto; transition: all 0.25s ease 0s;}
.subM ul li .tit { width: 100%; color: #262b59; margin-top: 20px; font-weight: 500; letter-spacing: 2px; text-align: center; line-height: 1.625; font-size: 117.647%; transition: all 0.25s ease 0s;}
.subM ul li:link, .subM li:visited { text-decoration: none; text-align: center; color: #000; width: 100%; padding: 30px 20px 20px 20px; transition: all 0.25s ease 0s;}
.subM ul li:active, .subM ul li:hover {text-decoration:none; cursor:pointer; color:#fff; background: #145398; transition: all 0.25s ease 0s;}
.subM ul li:hover .icon { filter: invert(1) grayscale(1) brightness(1.5);}
.subM ul li:hover .tit { color: #fff;}
.subM ul li.current {pointer-events: none; cursor: text; color:#fff; background: #145398;}
.subM ul li.current .icon { filter: invert(1) grayscale(1) brightness(1.5);}
.subM ul li.current .tit { color: #fff;}

.pages {display: flex; flex-wrap: wrap; justify-content: center; align-items: center; padding: 4% 0;}
.pages a:link, .pages a:visited { position: relative; text-decoration:none; color: #000; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; border-radius: 20px; min-width: 35px; height: 35px; margin: 0px 22px 5px 0; border: 1px solid #aeaeae; line-height: 1; font-weight: 500; overflow: hidden; z-index: 10; transition: all 0.25s ease 0s;}
.pages a:active, .pages a:hover {text-decoration:none; color:#fff; cursor:pointer; transition: all 0.25s ease 0s;}
.pages a::before {content: ''; background-color: transparent; position: absolute; top: 0; left: 0; right: 0; bottom: 0; transition: all 0.25s ease 0s; z-index: -1;}
.pages a:hover::before {background-color: #145398; transition: all 0.25s ease 0s;}
.pages .prev { font-size: 0 !important; margin: 0 23px 5px 0!important;}
.pages .next { font-size: 0 !important; margin: 0 0 5px 0!important;}
.pages .prev::after {content: '<<'; position: absolute; top: 50%; left: 45%; transform: translate(-50%, -50%); color: #000; font-size: 17px; letter-spacing: -4px; line-height: 0; font-weight: 500; z-index: 1;}
.pages .next::after {content: '>>'; position: absolute; top: 50%; left: 45%; transform: translate(-50%, -50%); color: #000; font-size: 17px; letter-spacing: -4px; line-height: 0; font-weight: 500; z-index: 1;}
.pages .prev:hover::before, .pages .next:hover::before { background: #145398;}
.pages .prev:hover::after, .pages .next:hover::after { color: #fff;}
.pages .current { color:#fff!important; min-width: 36px!important; height: 36px!important;}
.pages .current::before  {background-color: #145398; z-index: -1;}

.about_A { position: relative; padding: 9% 0 5% 0;}
.about_A .tit_a > div { padding: 8px 45px 8px 30px;}
.about_A .tit_b { border-left: 4px solid #23a4aa; padding-left: 28px;}
.about_A .about_A_in { position: relative; display: flex; flex-flow: wrap; overflow: hidden;}
.about_A .about_A_in .text { width: 51.35%; padding-right: 3.8%;}
.about_A .about_A_in .text .df_font { text-align: justify; text-shadow: 1px 1px 0px #fff, -1px -1px 0px #fff, 1px -1px 0px #fff, -1px 1px 0px #fff;}
.about_A .about_A_in .pic { width: 48.65%;}
.about_A .pic_1 { position: absolute; bottom: 0; left: 0; width: 26.355%; z-index: -1;}
.about_A .pic_2 { position: absolute; top: -42px; right: 0; width: 45.521%; z-index: -1;}
.count_up { position: absolute; top: -250px;}
.about_B { position: relative; background: #d9d5ff; padding-top: 2%; z-index: 1;}
.about_B .about_B_in { position: relative; padding: 4.5% 0; text-align: center;}
.about_B .about_B_in::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0;  background: #8253A3; z-index: -1;}
.about_B .about_B_in .about_B_in_C { display: flex; flex-flow: wrap; justify-content: center; margin: 8% 0 6% 0;}
.about_B .about_B_in .about_B_in_C > div { margin: 0 8% 0 0;}
.about_B .about_B_in .about_B_in_C > div:last-child { margin-right: 0;}
.about_B .about_B_in .about_B_in_C > div .num_en { color: #fff; font-weight: 700; font-size: 281.25%; line-height: 1;}
.about_B .about_B_in .about_B_in_C > div .num_en .sma { font-size: 66.666%;}
.about_B .about_B_in .about_B_in_C > div .tw { color: #fff; font-weight: 500; font-size: 112.5%;}
.about_B .about_B_in .about_B_in_B { font-weight: 700; display: flex; flex-flow: row; justify-content: center;}
.about_B .about_B_in .about_B_in_B > div { position: relative; display: flex; flex-flow: row; align-items: center;}
.about_B .about_B_in .about_B_in_B > div > div { display: flex; flex-flow: row;}
.about_B .about_B_in .about_B_in_B > div > div:first-child { margin-right: 30px;}
.about_B .about_B_in .about_B_in_B > div > div > div { position: relative; display: flex; flex-flow: row; align-items: center;}
.about_B .about_B_in .about_B_in_B > div > div > div:first-child { margin-right: 55px;}
.about_B .about_B_in .about_B_in_B > div > div > div::after { content: ''; color: #fff; position: absolute; top: 15%; right: -30px; bottom: 15%; width: 2px; background: #fff;}
.about_B .about_B_in .about_B_in_B > div > div > div:last-child::after { display: none;}
.about_B .about_B_in .about_B_in_B .tw { color: #fff; font-size: 150%;}
.about_B .about_B_in .about_B_in_B .tw a { color: #fff;}
.about_B .about_B_in .about_B_in_B .tw a:hover { color: #69b8d9;}
.about_B .about_B_in .about_B_in_B .icon_call { width: 45px; height: 45px; border-radius: 25px; padding: 10px; line-height: 0; margin-right: 15px; border: 2px solid #DDE2E8;}
.about_B .about_B_in .about_B_in_B .num { color: #fff; font-size: 187.5%;}
.about_B .about_B_in .about_B_in_B .num a { color: #fff;}
.about_B .about_B_in .about_B_in_B .num a:hover { color: #69b8d9;}
.about_B .about_B_in .about_B_in_B .icon_line { width: 40px; height: 40px; border-radius: 25px; padding: 7px; line-height: 0; margin-right: 15px; background: #0AD12E;}
.about_B .pic_1 { position: absolute; bottom: 11%; left: 6%; width: 17.24%; z-index: -1;}
.about_B .pic_2 { position: absolute; bottom: 78%; right: 4%; width: 21.823%; z-index: -1;}
.serv_wrap { position: relative; min-height: 1300px; z-index: 1;}
.serv_wrap .serv_A { position: relative; padding: 5.7% 0 7.3% 0;}
.serv_wrap .serv_A::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 0 0 0 250px; background: #d9d5ff; z-index: -1;}
.serv_wrap .serv_A .serv_A_up { margin-bottom: 30px;}
.serv_wrap .font_1125 { font-size: 112.5%;}
.serv_wrap .line { border-top: 4px solid #794599; margin: 50px 0;}
.serv_wrap .sma { color: #794599; font-weight: 600;}
.serv_wrap .flex_LR { display: flex; flex-flow: wrap;}
.serv_wrap .flex_LR > div { max-width: 48.5%; margin: 0 3% 30px 0;}
.serv_wrap .flex_LR > div:nth-child(2n+2) { margin-right: 0;}
.serv_wrap .li_check { list-style: none; padding: 0; margin: 20px 0 20px 25px;}
.serv_wrap .li_check li { position: relative; padding-left: 40px; font-weight: 500; margin-bottom: 10px;}
.serv_wrap .li_check li::before { content: ''; position: absolute; top: 6px; left: 0; background: url("../images/icon_check_01.png") no-repeat center / contain; width: 16px; height: 19px;}
.serv_wrap .serv_list { display: flex; flex-flow: wrap; align-items: flex-start; margin-top: -10%; padding-bottom: 12%;}
.serv_wrap .serv_list > div { width: 47.095%; position: relative; margin: 0 5.81% 55px 0; border-radius: 30px; overflow: hidden;}
.serv_wrap .serv_list > div:nth-child(2n+2) { margin-right: 0;}
.serv_wrap .serv_list > div .pic { position: relative; width: 100%; height: 0; padding-bottom: 49.364791%; overflow: hidden;}
.serv_wrap .serv_list > div .text { display: flex; flex-flow: wrap; align-items: flex-start; padding: 20px 35px; background: #e5e5e5;}
.serv_wrap .serv_list > div .text .txt { margin-right: 20px;}
.serv_wrap .serv_list > div .text .txt .tit_1 { color: #3d3d3d; margin: 0; font-size: 150%; font-weight: 700;}
.serv_wrap .serv_list > div .text .txt .tit_2 { color: #9a9896; margin: 0; font-size: 112.5%; font-weight: 600;}
.serv_wrap .serv_list > div .text .btn_b { margin: 5px 0 auto auto;}
.serv_wrap .pic_1 { position: absolute; bottom: 0; left: 0; width: 26.355%; z-index: -1;}
.serv_wrap .serv_de_A { background: #d9d5ff;}
.serv_wrap .serv_de_B { position: relative; border-radius: 0 0 0 250px; background: #f8f9fb; padding: 6% 0 0 0; overflow: hidden;}
.serv_wrap .serv_de_B .serv_de_B_in { display: flex; flex-flow: wrap; max-width: 1645px; margin: 0 0 0 auto; padding: 0 0 0 100px;}
.serv_wrap .serv_de_B .serv_de_B_in .text { width: 37.864%; padding: 80px 6.5% 40px 0;}
.serv_wrap .serv_de_B .serv_de_B_in .text .icon { width: 166px;}
.serv_wrap .serv_de_B .serv_de_B_in .pic { width: 62.136%; position: relative; height: 0; padding-bottom: 37.54%; border-radius: 250px 0 0 0; overflow: hidden;}
.serv_wrap .serv_de_B .serv_de_B_in .pic img { transition: all 0.25s ease 0s;}
.serv_wrap .serv_de_B .serv_de_B_in .pic img:hover { transform: scale(1.05);}
.serv_wrap .serv_de_B .line { margin: 30px 0 40px 0; border-color: #6fcaf3;}
.serv_wrap .serv_de_B .sma { color: #69b8d9;}
.serv_wrap .serv_detail { padding: 6.5% 0 8.5% 0;}
.serv_wrap .serv_detail .line { border-color: #6fcaf3; margin: 50px 0 90px 0;}
.serv_wrap .flex_LR_2 { display: flex; flex-flow: wrap;}
.serv_wrap .flex_LR_2 > div:nth-child(2n+1) { width: 49.845%; margin: 0 4% 30px 0;}
.serv_wrap .flex_LR_2 > div:nth-child(2n+2) { width: 46.155%; margin-right: 0;}
.serv_wrap .flex_LR_2 .mar_top { margin-top: 15%;}
.serv_proc { position: relative;}
.serv_proc > .pic_1 { position: absolute; bottom: 0; left: 0; width: 26.355%; z-index: -2;}
.serv_proc > .pic_2 { position: absolute; top: -42px; right: 0; width: 45.521%; z-index: -2;}
.serv_proc_A { position: relative; padding: 5% 0 4% 0;}
.serv_proc_A > .pic_1 { position: absolute; bottom: 0; left: -2%; width: 28.125%; z-index: -1;}
.serv_proc_A .serv_proc_A_B { display: flex; flex-flow: column; align-items: center; margin-top: 70px;}
.serv_proc_A .serv_proc_A_B .serv_proc_A_B_in { display: flex; flex-flow: wrap; margin: 20px 0;}
.serv_proc_A .serv_proc_A_B .serv_proc_A_B_in > div { width: 49%; border: 1px solid #81c2c6; border-radius: 20px; padding: 30px 40px; display: flex; flex-flow: wrap; align-content: flex-start; margin: 0 2% 20px 0; background: #f8f9fd; min-height: 180px;}
.serv_proc_A .serv_proc_A_B .serv_proc_A_B_in > div:nth-child(2n+2) { margin-right: 0;}
.serv_proc_A .serv_proc_A_B .serv_proc_A_B_in > div .num { width: 30px; height: 30px; background: #23a4aa; color: #fff; text-align: center; font-weight: 600; border-radius: 20px; padding: 2px 0 0 0; margin: 5px 0 0 0;}
.serv_proc_A .serv_proc_A_B .serv_proc_A_B_in > div .tit { width: calc(100% - 50px); font-weight: 700; color: #23a4aa; line-height: 1.4;margin: 0 0 10px 20px; letter-spacing: 3px;}
.serv_proc_A .serv_proc_A_B .serv_proc_A_B_in > div .text { width: 100%; text-align: justify; margin: 0 0 0 auto; max-width: calc(100% - 50px);}
.serv_proc_B { position: relative; padding: 4% 0 5.5% 0;}
.serv_proc_B::before { content: ''; position: absolute; top:0; left: 0; right: 0; bottom: 0; background: #f8f9fd; z-index: -3;}
.serv_proc_B .tit_e { text-align: center;}
.serv_proc_B .step { position: relative; display: flex; flex-flow: row; justify-content: space-between; width: 100%; margin: 70px 0; z-index: 1;}
.serv_proc_B .step::before { content: ''; position: absolute; top: calc(50% - 1px); left: 0; width: 100%; height: 2px; background: #B8DAD8; z-index: -1;}
.serv_proc_B .step > div { background: #23a4aa; width: 100%; width: 200px; height: 200px; border-radius: 150px; padding: 30px;  display: flex; flex-flow: column; align-items: center; justify-content: flex-start;}
.serv_proc_B .step > div:last-child { margin-right: 0;}
.serv_proc_B .step > div:last-child::before { display: none;}
.serv_proc_B .step > div .num_en { color: #fff; font-weight: 500; text-align: center;}
.serv_proc_B .step > div .txt { color: #fff; font-weight: 600; line-height: 1.2; text-align: center; margin-bottom: 13px;}
.serv_proc_B .step > div .icon { text-align: center;}
.serv_proc_B .serv_proc_B_B_in { font-weight: 700; display: flex; flex-flow: row; justify-content: center;}
.serv_proc_B .serv_proc_B_B_in > div { position: relative; display: flex; flex-flow: row; align-items: center;}
.serv_proc_B .serv_proc_B_B_in > div > div { display: flex; flex-flow: row;}
.serv_proc_B .serv_proc_B_B_in > div > div:first-child { margin-right: 30px;}
.serv_proc_B .serv_proc_B_B_in > div > div > div { position: relative; display: flex; flex-flow: row; align-items: center;}
.serv_proc_B .serv_proc_B_B_in > div > div > div:first-child { margin-right: 55px;}
.serv_proc_B .serv_proc_B_B_in > div > div > div::after { content: ''; color: #774896; position: absolute; top: 15%; right: -30px; bottom: 15%; width: 2px; background: #774896;}
.serv_proc_B .serv_proc_B_B_in > div > div > div:last-child::after { display: none;}
.serv_proc_B .serv_proc_B_B_in .tw { color: #774896; font-size: 150%;}
.serv_proc_B .serv_proc_B_B_in .tw a { color: #774896;}
.serv_proc_B .serv_proc_B_B_in .tw a:hover { color: #69b8d9;}
.serv_proc_B .serv_proc_B_B_in .icon_call { width: 45px; height: 45px; border-radius: 25px; padding: 10px; line-height: 0; margin-right: 15px; border: 2px solid #774896;}
.serv_proc_B .serv_proc_B_B_in .num { color: #774896; font-size: 187.5%;}
.serv_proc_B .serv_proc_B_B_in .num a { color: #774896;}
.serv_proc_B .serv_proc_B_B_in .num a:hover { color: #69b8d9;}
.serv_proc_B .serv_proc_B_B_in .icon_line { width: 40px; height: 40px; border-radius: 25px; padding: 7px; line-height: 0; margin-right: 15px; background: #0AD12E;}
.serv_proc_B > .pic_1 { position: absolute; top: -57%; right: 5%; width: 23.8%; z-index: -1;}
.serv_proc_B > .pic_2 { position: absolute; bottom: 4%; left: 2%; width: 16.042%; z-index: -1;}
.news_wrap { position: relative; padding: 6% 0 5% 0; background: #f8f9fb; min-height: 700px; z-index: 1;}
.news_wrap::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 325px; background: #fff; border-radius: 0 0 325px 0; z-index: -2;}
.news_wrap h1 { letter-spacing: 3px; text-align: center;}
.news_wrap .news_list { display: flex; flex-flow: wrap; margin: 70px 0 0 0;}
.news_wrap .news_list > div { width: 31.624%; position: relative; margin: 0 2.564% 25px 0; background: #fff; border-bottom: 4px solid #6ec8f0; border-radius: 20px; box-shadow: 0 40px 100px rgba(0, 0, 0, 0.1); overflow: hidden;}
.news_wrap .news_list > div:nth-child(3n+3) { margin-right: 0;}
.news_wrap .news_list > div .pic { position: relative; width: 100%; height: 0; padding-bottom: 60%; border-radius: 20px; overflow: hidden;}
.news_wrap .news_list > div .text { display: flex; flex-flow: wrap; align-items: flex-start; padding: 25px 55px 30px 55px;}
.news_wrap .news_list > div .text .time { width: 100%; padding-left: 15px; border-left: 3px solid #6fcaf3;}
.news_wrap .news_list > div .text .time .sma { color: #794599; font-weight: 600; letter-spacing: 1px;}
.news_wrap .news_list > div .text .time .cate { color: #4f4f4f;}
.news_wrap .news_list > div .text .tit { width: 100%; color: #000; margin: 20px 0 50px 0; font-weight: 500;}
.news_wrap .pic_1 { position: absolute; bottom: 0; left: 0; width: 26.355%; z-index: -2;}

.cont_wrap {position: relative;}
.cont_wrap h1 { letter-spacing: 3px; margin-bottom: 30px;}
.cont_wrap .cont_A { position: relative; padding: 4.5% 0 3.5% 0; z-index: 1;}
.cont_wrap .cont_A .cont_A_in { position: relative; color: #656565; line-height: 24px; margin: 30px 0 50px 0;}
.cont_wrap .cont_A .cont_A_in > p { font-weight: 400;}
.cont_wrap .cont_A .cont_A_in .imp {color: #d20000;}
.cont_wrap .cont_A .cont_A_in .con { color: #373737; font-weight: 300; letter-spacing: 0; margin-top: 30px; -webkit-column-count: 2; column-count: 2; -webkit-column-gap: 10%; column-gap: 10%; text-shadow: 1px 1px 0px #fff, -1px -1px 0px #fff, 1px -1px 0px #fff, -1px 1px 0px #fff;}
.cont_wrap .cont_A .cont_A_in > .con .imp { margin: 0 0 0 7px;}
.cont_wrap .cont_A .cont_A_in > .con .tit { position: relative; color: #000; padding: 0 0 26px 0; line-height: 20px; margin: 0;}
.cont_wrap .cont_A .cont_A_in > .con .tit::after { content: ''; position: absolute; top: 10px; right: 0; background: #6fcaf3; height: 1px; width: calc(100% - 130px);}
.cont_wrap .cont_A .cont_A_in > .con .tit > span { position: relative; background: #fff; padding: 0 30px 0 0; z-index: 1;}
.cont_wrap .cont_A .cont_A_in > .con > .lef { font-weight: 400;}
.cont_wrap .cont_A .cont_A_in > .con > .but { display: flex; flex-flow: wrap; align-items: center; margin-bottom: 5px;}
.cont_wrap .cont_A .cont_A_in > .con > .but button { position: relative; color: #fff; width: 47%; height: 51px; border-radius: 30px; border: 2px solid #dcdcdc; display: flex; flex-flow: wrap; justify-content: center; align-items: center; background: #6fcaf3; padding: 0 20px; margin: 5px 6% 0 0; overflow: hidden; z-index: 1; transition: all 0.25s ease 0s;}
.cont_wrap .cont_A .cont_A_in > .con > .but .send { border-color: transparent;}
.cont_wrap .cont_A .cont_A_in > .con > .but .reset { background: #fff; color: #000;}
.cont_wrap .cont_A .cont_A_in > .con > .but button:last-child {margin-right: 0;}
.cont_wrap .cont_A .cont_A_in > .con > .but button:hover {color: #fff; background: #ed6c00; border-color: transparent;}
.cont_wrap .cont_A .cont_A_in > .con > .rig {font-weight: 400; height: 100%;}
.cont_wrap .cont_A .pic_1 { position: absolute; bottom: 0; left: 0; width: 26.355%; z-index: -2;}
.cont_wrap .cont_A .pic_2 { position: absolute; top: -42px; right: 0; width: 45.521%; z-index: -2;}
.cont_wrap .cont_A .pic_3 { position: absolute; bottom: 6%; right: 1%; width: 14.115%; z-index: -1;}
.row_A {display: flex; flex-flow: wrap; padding: 0 0 21px 0; margin: 0;}
.row_B {display: flex; flex-flow: wrap; align-items: center; padding: 9px 0 20px 0; margin: 0;}
.row_D {display: flex; flex-flow: wrap; padding: 0 0 23px 0; margin: 0;}
.row_E {padding: 0; margin: 30px 0 0 0;}
.col_LA {width: 130px; padding: 14px 0 0 1.5px; font-weight: 400;}
.col_LB {width: calc(100% - 130px); display: flex; flex-flow: wrap; align-items: center;}
.col_LC {width: 130px; padding: 3px 0 0 1.5px;}
.col_LD {width: calc(100% - 130px); display: flex; flex-flow: wrap; align-items: center; justify-content: space-between;}
.col_LB label {margin: 3px 18px 0 10px; font-weight: 400;}
.col_RB {width: 100%; display: flex; flex-flow: wrap; justify-content: space-between;}
.col_RB > div {min-width: 43%; max-width: 47.5%; display: flex; flex-flow: row; padding: 0 0 7px 0; margin: 0 5% 0 0;}
.col_RB > div:nth-child(2n+2) { margin-right: 0;}
.col_RB > div .checkboxA { min-width: 25px; margin-top: 8px;}
.col_RB label {margin: 2px 0 0 10px; font-weight: 400;}
.col_RD {padding: 0;}
.cont_wrap .cont_B > div { position: relative; width: 100%; height: 0; padding-bottom: 16%; line-height: 0; overflow: hidden;}
.cont_wrap .cont_B > div > iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.formErrorContent{ text-shadow: none; }

.cleaning-zone .svc-desc{font-size: 112.5%;}
.content-title{line-height: 1;font-weight: 500;}
.mb-l{margin-bottom: 70px;}
.mb-m{margin-bottom: 45px;}
.svc-wrap{display: grid;grid-template-columns: 1fr 57.778%;gap:35px;}
.svc-subtitle{font-size: 16px;color: #145398;font-weight: 500;margin-bottom: 10px;}
.svc-list{margin: 0;padding: 0;}
.svc-list .svc-item{position: relative;list-style: none;display: flex;flex-wrap: wrap;}
.svc-list .svc-item .svc-ico{background: url(../images/icon_check_01.png) no-repeat center / contain;width: 16px;height: 19px;display: block;margin-top: 4px;}
.svc-list .svc-item .svc-item-body{padding-left: 11px;width: calc(100% - 19px);}
.svc-list .svc-item .svc-item-body .svc-item-title{font-size: 18px;font-weight: 500;line-height: 27px;}
.svc-list .svc-item:not(:last-child){margin-bottom: 8px;}
.svc-media .svc-pho{font-size: 0;line-height: 0;}

.svc-wrap2 .svc-text{display: grid; grid-template-columns: 37.5% 1fr;gap:35px;margin-bottom: 40px;}
.svc-wrap2 .svc-text .svc-desc{margin: 0;padding: 0;}
.svc-wrap2 .svc-media-item{display: grid;grid-template-columns: repeat(3,1fr);gap:30px;margin-bottom: 30px;}
.svc-wrap2 .svc-media-item .svc-pho{position: relative;overflow: hidden;width: 100%;height: 0;padding-bottom: 122.163%;}
.svc-wrap2 .svc-media-item .svc-pho img{width: 100%!important;height: 100%!important;object-fit: cover;}

.svc-wrap3 .svc-text{margin-bottom: 40px;}
.svc-wrap3 .svc-media{margin-bottom: 30px;}
.svc-wrap3 .svc-desc{margin: 0;padding: 0;}

.work-wrap{display: grid;grid-template-columns: repeat(3, 1fr);gap:30px;}
.work-wrap .item {border-radius: 20px;overflow: hidden;box-shadow: 0 6px 18px rgba(0,0,0,.06);display: flex;flex-direction: column;align-items: center;padding: 0 20px 45px 20px;}
.work-wrap .item .pho{position: relative;overflow: hidden;width: calc(100% + 40px);height: 0;padding-bottom: 60.609%;margin-bottom: 20px;}
.work-wrap .item .pho img{width: 100%!important;height: 100%!important;object-fit: cover;}
.work-wrap .item .work-title{font-size: 24px;font-weight: bold;color: #145398;margin-bottom: 8px;}
.work-wrap .item .work-list{margin: 0;padding: 0 0 0 20px;}
.work-wrap .item .work-list li{font-size: 112.5%;font-weight: 500;}

.obs-wrap{display: grid;grid-template-columns: 1fr 59.488%;border: 1px solid #dedbdb;}
.obs-wrap .text-block{padding: 45px 0 0 40px;position: relative;}
.obs-wrap .text-block::before{content: "";position: absolute;top: 0;left: 0;width: 73.756%;height: 58.737%;background: #BFD0E3;clip-path: polygon(0 0,100% 0,0 100%);z-index: -1;}
.obs-wrap .text-block .text-item{padding: 50px 45px;background: #fff;}
.obs-wrap .text-block .text-item .obs-title{font-size: 24px;font-weight: bold;margin-bottom: 4px;}
.obs-wrap .text-block .text-item .obs-subtitle{font-size: 112.5%;font-weight: 500;color: #145398;margin-bottom: 8px;}
.obs-wrap .text-block .text-item .svc-desc{margin: 0;}
.obs-wrap .pho-block .pho{position: relative;overflow: hidden;width: 100%;height: 0;padding-bottom: 68.364%;}
.obs-wrap .pho-block .pho img{width: 100%!important;height: 100%!important;object-fit: cover;}

.adv-wrap{display: grid;grid-template-columns: 48.035% 1fr;align-items: center;gap:25px 45px;}
.adv-list{margin: 0;padding: 0;}
.adv-list .adv-item{position: relative;list-style: none;display: flex;flex-wrap: wrap;}
.adv-list .adv-item .adv-ico{position: relative;background: url(../images/icon_check_01.png) no-repeat center / contain;width: 16px;height: 19px;display: block;margin-top: 4px;}
.adv-list .adv-item .adv-item-body .adv-item-title{font-size: 18px;font-weight: bold;line-height: 27px;}
.adv-list .adv-item .adv-item-body{padding-left: 11px;width: calc(100% - 19px);}
.adv-list .adv-item:not(:last-child){margin-bottom: 8px;}

.adv-wrap2{display: flex;flex-wrap: wrap;}
.adv-wrap2 .pho-block{width: 64.616%;}
.adv-wrap2 .text-block {width: 43.932%;margin: 60px 0 0 -8.548%;background: #fff;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;box-shadow: 14px 14px 11px 2px rgba(0, 0, 0, 0.03);padding: 56px;}
.adv-wrap2 .text-block .adv-list{width: 100%;}

.ai-content-title{text-align: center;font-weight: 500;}
.ai-svc-wrap .ai-svc-item{display: grid;grid-template-columns: repeat(4,1fr);gap:17px;}
.ai-svc-wrap .ai-svc-item .item {display: flex;flex-direction: column;align-items: center;border: 2px solid #145398;padding: 35px 15px 40px 15px;}
.ai-svc-wrap .ai-svc-item .item .ico{width: 100px;height: 100px;border-radius: 50%;border: 1px solid #262a5e;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.ai-svc-wrap .ai-svc-item .item .ico i{display: block;background-size: cover;}
.ai-svc-wrap .ai-svc-item .item .ico i.ai-1{width: 46px;height: 60px;background: url("../upload-files/services/ai/ai-svc-icon-1.svg")no-repeat;}
.ai-svc-wrap .ai-svc-item .item .ico i.ai-2{width: 54px;height: 55px;background: url("../upload-files/services/ai/ai-svc-icon-2.svg")no-repeat;}
.ai-svc-wrap .ai-svc-item .item .ico i.ai-3{width: 30px;height: 60px;background: url("../upload-files/services/ai/ai-svc-icon-3.svg")no-repeat;}
.ai-svc-wrap .ai-svc-item .item .ico i.ai-4{width: 55px;height: 47px;background: url("../upload-files/services/ai/ai-svc-icon-4.svg")no-repeat;}
.ai-svc-wrap .ai-svc-item .item .title{font-weight: bold;color: #145398;font-size: 18px;margin: 15px 0;}
.ai-svc-wrap .ai-svc-item .item .list{margin: 0;padding: 0 0 0 20px;}

.ai-adv-content{position: relative;padding: 70px 0;}
.ai-adv-content::before{position: absolute;content: "";background: #F8F9FB;width: 180%;height: 100%;z-index: -1;top: 0;left: 50%;transform: translateX(-50%);}
.ai-adv-item{display: grid;grid-template-columns: repeat(4, 1fr);gap:60px 40px;}
.ai-adv-item .item{position: relative;display: flex;flex-wrap: wrap;}
.ai-adv-item .item::before{position: absolute;content: "";width: 1px;height: 84%;background: #d2d2d2;top: 50%;right: -20px;transform: translateY(-50%);}
.ai-adv-item .item:nth-child(4n+4):before{display: none;}
.ai-adv-item .item .number{background: #145398;width: 32px;height: 32px;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;line-height: 1;color: #fff;font-weight: 500;font-size: 18px;}
.ai-adv-item .item .text-block{width: calc(100% - 32px);padding-left: 10px;}
.ai-adv-item .item .text-block .title{font-weight: bold;color: #145398;font-size: 18px;margin-bottom: 5px;line-height: 32px;}

.ai-future-content{position: relative;padding: 70px 0;}
.ai-future-content::before{position: absolute;content: "";background: url("../upload-files/services/ai/ai-future-bg01.jpg")no-repeat; background-size: cover;width: 180%;height: 100%;z-index: -1;top: 0;left: 50%;transform: translateX(-50%);}
.ai-future-item{display: grid;grid-template-columns: repeat(4, 1fr);box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.06);padding: 30px 30px 40px 30px;gap:30px;background: #fff;}
.ai-future-item .item{text-align: center;display: grid;grid-template-rows: subgrid;grid-row: span 3;gap:15px;}
.ai-future-item .item .ico img{height: 54px!important;}
.ai-future-item .item .title{font-weight: bold;font-size: 18px;}

.ai-choose-wrap{display: flex;flex-wrap: wrap;align-items: center;}
.ai-choose-wrap .text-block{width: 41.539%;margin-right: -10.587%;background: #fff;padding: 56px;z-index: 1;}
.ai-choose-wrap .text-block .text-block-title{font-weight: bold;font-size: 24px;color: #145398;width: 100%;margin-bottom: 15px;}
.ai-choose-wrap .pho-block{width: 68.548%;}
.ai-list{margin: 0;padding: 0;}
.ai-list .ai-item{list-style: none;display: flex;flex-wrap: wrap;align-items: center;}
.ai-list .ai-item .ico{position: relative;background: url("../images/icon-tick-.svg")no-repeat; background-size: cover;width: 16px;height: 12px;display: block;}
.ai-list .ai-item .title{width: calc(100% - 16px);padding-left: 11px;font-weight: 500;}
.ai-list .ai-item:not(:last-child) {margin-bottom: 8px;}

@media only screen and (max-width: 1200px){
.ai-adv-item{grid-template-columns: repeat(3, 1fr);}
.ai-adv-item .item:nth-child(4n+4):before{display: block;}
.ai-adv-item .item:nth-child(3n+3):before{display: none;}
}

@media only screen and (max-width: 992px){
.svc-wrap{grid-template-columns: 1fr;}
.svc-wrap .svc-text{order: 2;}
.svc-wrap .svc-media{order: 1;}
.work-wrap{grid-template-columns: repeat(2, 1fr);}
.obs-wrap .text-block{padding: 25px 0 0 20px;}
.obs-wrap .text-block .text-item{padding: 30px 25px;}
.adv-wrap2 .pho-block{width: 55%;}
.adv-wrap2 .text-block{width: 55%;margin: 40px 0 0 -10%;padding: 40px;}
.ai-svc-wrap .ai-svc-item{grid-template-columns: repeat(2, 1fr);}
.ai-adv-item{grid-template-columns: repeat(2, 1fr);}
.ai-adv-item .item:nth-child(3n+3):before{display: block;}
.ai-adv-item .item:nth-child(2n+2):before{display: none;}
.ai-future-item{grid-template-columns: repeat(2, 1fr);}
.ai-choose-wrap .text-block{width: 50%;margin-right: -5%;}
.ai-choose-wrap .pho-block{width: 55%;}
}

@media only screen and (max-width: 768px){
.obs-wrap{grid-template-columns:1fr;}
.obs-wrap .text-block{order: 2;padding: 25px 20px;}
.obs-wrap .pho-block{order: 1;}
.obs-wrap .text-block::before{width: 300px;height: 180px;}
.svc-wrap2 .svc-text{grid-template-columns: 1fr;}
.svc-wrap2 .svc-media-item{grid-template-columns: repeat(2, 1fr);}
.adv-wrap{grid-template-columns: 1fr;}
.adv-wrap2 .pho-block{width: 100%;margin-bottom: 25px;}
.adv-wrap2 .text-block{width: 100%;margin: 0;padding: 0;box-shadow: none;}
.ai-choose-wrap .text-block{width: 100%;margin-right: 0;order: 2;padding: 0;}
.ai-choose-wrap .pho-block{width: 100%;order: 1;margin-bottom: 25px;}
}

@media only screen and (max-width: 570px){
.work-wrap{grid-template-columns:1fr;}
.svc-wrap2 .svc-media-item{grid-template-columns: 1fr;}
.ai-svc-wrap .ai-svc-item{grid-template-columns: 1fr;}
.ai-adv-item{grid-template-columns: 1fr;gap:30px;}
.ai-adv-item .item::before{display: none;}
.ai-future-item{grid-template-columns: 1fr;}
}

@media only screen and (max-width: 430px){
.obs-wrap .text-block::before{width: 180px;height: 140px;}
.obs-wrap .text-block{padding: 20px;}
.obs-wrap .text-block .text-item{padding: 20px;}
}

@media only screen and (max-width: 350px){
.mb-l{margin-bottom: 45px;}
.mb-m{margin-bottom: 25px;}
.ai-adv-content{padding: 45px 0;}
.ai-future-content{padding: 45px 0;}

.svc-text .svc-list .svc-item .svc-item-body{padding-left: 7px;}
.svc-text .svc-list .svc-item .svc-item-body .svc-item-title{font-size: 14px;}
.svc-text .svc-list .svc-item .svc-ico{width: 14px;height: 17px;}
.work-wrap .item .work-title{font-size: 19px;}
.work-wrap .item{padding: 0 20px 30px 20px;}
.obs-wrap .text-block .text-item .obs-title{font-size: 19px;}
.adv-wrap .text-block .adv-list .adv-item .adv-item-body{padding-left: 7px;}
.adv-wrap .text-block .adv-list .adv-item .adv-item-body .adv-item-title{font-size: 14px;}
.adv-wrap .text-block .adv-list .adv-item .adv-ico{width: 14px;height: 17px;}
.svc-wrap2 .svc-text{gap:15px;margin-bottom: 20px;}
.svc-wrap2 .svc-media-item{margin-bottom: 15px;}
.svc-wrap3 .svc-text{margin-bottom: 20px;}
.svc-wrap3 .svc-media{margin-bottom: 15px;}
.ai-future-item{padding: 20px 20px 30px 20px;}
.ai-choose-wrap .text-block .text-block-title{font-size: 19px;}
.adv-list .adv-item .adv-item-body{padding-left: 7px;}
.adv-list .adv-item .adv-item-body .adv-item-title{font-size: 14px;}
.adv-list .adv-item .adv-ico{width: 14px;height: 17px;}
}