.obstacles-box{padding:80rem 0 60rem 0; background-size:cover;}
.obstacles-title{text-align:center;}
.obstacles-title h2{font-size:36rem; padding-bottom:5rem;}
.obstacles-title p{font-size:16rem; color:#787878;}
.obstacles-list{margin:0 -10px;}
.obstacles-list ul{padding-top:15rem;}
.obstacles-list ul:after{display:block; content:''; clear:both;}
.obstacles-list ul>li{float:left; width:50%; padding:0 10rem; margin-top:20rem;}
.obstacles-list ul>li>span{display:block; background:#fff; padding:15rem; border-radius:10rem; transition:0.3s; box-shadow:0 0 8rem rgba(0,0,0,0.12);}
.obstacles-list ul>li>span>img,
.obstacles-list ul>li>span>i{float:left; width:80rem; height:80rem; line-height:80rem; border-radius:50%; margin:5rem 20rem 0 5rem; text-align:center; font-size:38rem; background:#eff2ff; color:#c42136;}
.obstacles-list ul>li>span>h3{display:block; font-size:20rem; margin-bottom:5rem;}
.obstacles-list ul>li>span>p{display:block; color:#787878;}
.obstacles-list ul>li:hover>span{background:#c42136; box-shadow:0 0 12rem rgb(37,74,209)66;}
.obstacles-list ul>li:hover>span>h3{color:#fff;}
.obstacles-list ul>li:hover>span>p{color:#f8f8f8;}
@media(max-width:1200px){
.obstacles-box{padding:50rem 0;}
.obstacles-list{margin:0 -10px;}
.obstacles-list ul>li{padding:0 10rem; margin-top:20rem;}
.obstacles-list ul>li>span>h3{font-size:20rem;}
.obstacles-list ul>li>span>p{font-size:15rem;}
}
@media(max-width:992px){
.obstacles-list ul>li{float:none; width:100%;}
}
@media(max-width:767px){
.obstacles-box{padding:20rem 0;}
.obstacles-title h2{font-size:24rem; padding-bottom:0;}
.obstacles-title p{font-size:14rem;}
.obstacles-list ul{padding-top:5rem;}
.obstacles-list ul>li{margin-top:5rem;}
.obstacles-list ul>li>span{padding:10rem; border-radius:5rem;}
.obstacles-list ul>li>span>h3{font-size:15rem; margin:0;}
.obstacles-list ul>li>span>p{font-size:14rem; line-height:1.5; display:none;}
.obstacles-list ul>li.active>span>p{display:block;}
.obstacles-list ul>li>span>img,
.obstacles-list ul>li>span>i{width:30rem; height:30rem; line-height:30rem; margin:-1rem 8rem 0 0; font-size:18rem;}
}


.problem-box{padding:80rem 0; background-size:cover;}
.problem-title{text-align:center;}
.problem-title h2{font-size:36rem; padding-bottom:5rem;}
.problem-title p{font-size:16rem; color:#787878;}
.problem-nav{display:none;}
.problem-list{display:block; overflow:hidden; margin:50px -10rem 0 -10rem;}
.problem-list:after{display:block; content:''; clear:both;}
.problem-li{float:left; width:33.3333%; padding:0 10rem;}
.problem-li>h3{font-size:20rem; padding-bottom:10rem; line-height:1;}
.problem-li>h3:before{display:block; float:left; width:5rem; height:15rem; border-radius:8rem; margin:2rem 8rem 0 0; content:''; background:#c42136;}
.problem-li>ul{display:block;}
.problem-li>ul:after{display:block; content:''; clear:both;}
.problem-li>ul>li{margin-top:20rem;}
.problem-li>ul>li>a{display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.problem-li>ul>li>a:before{margin-right:8rem; position:relative; top:1rem; color:#a8a8a8;}
@media(max-width:1200px){
.problem-box{padding:50rem 0;}
.problem-list{margin:50px -5rem 0 -5rem;}
.problem-li{padding:0 5rem;}
}
@media(max-width:767px){
.problem-box{padding:20rem 0;}
.problem-title h2{font-size:24rem; padding-bottom:0;}
.problem-title p{font-size:14rem;} 
.problem-nav{display:block; margin-top:15rem;}
.problem-nav>ol{text-align:center;}
.problem-nav>ol>li{display:inline-block; font-weight:bold; font-size:16rem; padding-bottom:5rem; line-height:1;}
.problem-nav>ol>li.on{color:#c42136;}
.problem-nav>ol>li+li{margin-left:10rem;}
.problem-nav>ol>li:before{display:block; float:left; width:5rem; height:6rem; border-radius:8rem; margin:5rem 5rem 0 0; content:''; background:#c42136;}
.problem-list{margin:0;}
.problem-li{padding:0; margin-top:0; float:none; width:100%; display:none;}
.problem-li.on{display:block; color:#c42136;}
.problem-li>h3{font-size:17rem; padding-bottom:0; display:none;}
.problem-li>h3:before{width:4rem; height:14rem; margin:2rem 6rem 0 0;}
.problem-li>ul>li{margin-top:15rem;}
}


.repertoire-box{padding:80rem 0; background-size:cover;}
.repertoire-title{text-align:center;}
.repertoire-title h2{font-size:36rem; padding-bottom:5rem;}
.repertoire-title p{font-size:16rem; color:#787878;}
.repertoire-list{display:block; margin-top:30rem;}
.repertoire-list>ul{margin:0 -10rem;}
.repertoire-list>ul:after{display:block; content:''; clear:both;}
.repertoire-list>ul>li{float:left; width:25%; padding:0 10rem; margin-top:20rem;}
.repertoire-list>ul>li>span{display:block; border-radius:10rem; overflow:hidden; transition:.3s; background:#fff; box-shadow:0 0 8rem rgba(0,0,0,0.12);}
.repertoire-list>ul>li:hover>span{transform:translateY(-10rem); box-shadow:0 0 12rem rgba(0,0,0,0.18);}
.repertoire-head{padding:35rem 15rem 25rem 15rem; background:#c42136;}
.repertoire-list>ul>li:nth-child(2n) .repertoire-head{background:rgb(37,74,209);}
.repertoire-head>h3{font-size:24rem; font-weight:bold; color:#fff;}
.repertoire-head>h3:before{float:left; font-weight:normal; margin-right:10rem;  color:#fff;}
.repertoire-head>p{margin-top:15rem; color:#f0f0f0;}
.repertoire-main{padding-bottom:8rem;}
.repertoire-main>dl{margin:25rem 15rem;}
.repertoire-main>dl>dt{font-weight:bold; font-size:20rem;}
.repertoire-main>dl>dd{display:block; color:#787878;}
.repertoire-main>dl>ol{display:block; margin:8rem 0 0 -5rem;}
.repertoire-main>dl>ol:after{display:block; content:''; clear:both;}
.repertoire-main>dl>ol>li{float:left; line-height:20rem; padding:0 5rem; margin-left:5rem; border-radius:3rem; color:#b8b8b8; border:1rem solid #d8d8d8; background:#fff;}
@media(max-width:1200px){
.repertoire-box{padding:50rem 0;}
.repertoire-list>ul>li{width:50%;}
.repertoire-list>ul>li:nth-child(2n+1){clear:both;}
}
@media(max-width:767px){
.repertoire-box{padding:20rem 0;}
.repertoire-title h2{font-size:24rem; padding-bottom:0;}
.repertoire-title p{font-size:14rem;}
.repertoire-list{margin-top:10rem;}
.repertoire-list>ul{margin:0 -5rem;}
.repertoire-list>ul>li{width:100%; margin-top:10rem; padding:0 5rem;}
.repertoire-head{padding:15rem 10rem 10rem 10rem;}
.repertoire-head>h3{font-size:20rem;}
.repertoire-head>p{margin-top:5rem; line-height:1.5;}
.repertoire-main{display:none;}
.repertoire-list>ul>li:hover>span{transform:translateY(0);}
.repertoire-list>ul>li.active>span>.repertoire-main{display:block;}
.repertoire-main>dl>dt{font-size:16rem;}
.repertoire-main>dl{margin:15rem 10rem;}
.repertoire-main>dl>dd{line-height:1.5;}
.repertoire-main>dl>ol{margin-top:5rem;}
}


.process-box{padding:80rem 0; background-size:cover;}
.process-title{text-align:center;}
.process-title h2{font-size:36rem; padding-bottom:5rem;}
.process-title p{font-size:16rem; color:#787878;}
.process-list{margin-top:60rem; position:relative;}
.process-list:before{position:absolute; top:50%; left:0; right:0; content:''; background:#eff2ff; border-radius:8rem; height:8rem; margin-top:-4rem;}
.process-list>ul{padding:0 8% 40rem 0; margin:0 -10rem; display:block;}
.process-list>ul:after{display:block; content:''; clear:both;}
.process-list>ul+ul{padding:40rem 0 0 8%;}
.process-list>ul>li{float:left; width:25%; padding:0 10rem; position:relative; z-index:8;}
.process-list>ul>li:before{width:8rem; display:block; position:absolute; content:''; background:#eff2ff; left:50%; margin-left:-4rem; top:100%; bottom:-40rem;}
.process-list>ul+ul>li:before{top:-40rem; bottom:100%;}
.process-list>ul>li>dl{background:#fff; box-shadow:0 0 12rem rgba(0,0,0,0.12); position:relative; border-radius:10rem; overflow:hidden; transition:.3s;}
.process-list>ul>li dd{display:block; padding:25rem 20rem; position:relative; z-index:8; }
.process-list>ul>li dt{display:block; overflow:hidden;}
.process-list>ul>li img{display:block; width:100%; height:120rem; object-fit:cover; transition:.3s;}
.process-list>ul>li dd b{display:block; float:left; font-size:30rem; width:60rem; height:60rem; border-radius:60rem; line-height:60rem; text-align:center; position:relative; z-index:8; color:#fff; transition:.3s; background:#c42136; box-shadow:0 0 8rem rgb(37,74,209)66;}
.process-list>ul>li dd ins{display:block; padding-left:75rem; position:relative; z-index:8}
.process-list>ul>li dd h3{font-size:22rem; line-height:1.5; margin-top:3rem; }
.process-list>ul>li dd i{font-style:normal; background:#db6153; color:#fff; display:inline-block; font-size:12rem; line-height:1; padding:3rem 8rem; border-radius:10rem;}
.process-list>ul>li dd p{line-height:21rem; height:42rem; margin-top:22rem; position:relative; z-index:8; overflow:hidden; color:#787878;}
.process-list>ul>li strong{font-size:120rem; margin-top:-60rem; line-height:1; position:absolute; top:100%; right:5%; opacity:0.02;}
.process-list>ul>li>dl:hover dd b{background:rgb(37,74,209);}
.process-list>ul>li>dl:hover dt>img{transform:scale(1.05);}
.process-list>ul>li>dl:hover{box-shadow:0 0 18rem rgb(37,74,209)66;}
@media(max-width:1200px){
.process-box{padding:50rem 0;}
.process-list{margin-top:40rem;}
.process-list:before{display:none;}
.process-list>ul{padding:0 0 10rem 0; margin:0 -10rem;}
.process-list>ul+ul{padding:10rem 0 0 0;}
.process-list>ul>li:before{display:none;}
}
@media(max-width:992px){
.process-list{margin-top:20rem;}
.process-list>ul{padding:0;}
.process-list>ul+ul{padding:0;}
.process-list>ul>li{width:50%; margin-top:20rem;}
}
@media(max-width:767px){
.process-box{padding:20rem 0;}
.process-title h2{font-size:24rem; padding-bottom:0;}
.process-title p{font-size:14rem;}
.process-list{margin-top:10rem;}
.process-list>ul{padding:0; margin:0 -5rem;}
.process-list>ul+ul{padding:0;}
.process-list>ul>li{padding:0 5rem; width:100%; margin-top:10rem;}
.process-list>ul>li dt{display:none;}
.process-list>ul>li dd{padding:10rem;}
.process-list>ul>li img{height:60rem;}
.process-list>ul>li dd b{font-size:22rem; width:45rem; height:45rem; border-radius:45rem; line-height:45rem;}
.process-list>ul>li dd i{padding:2rem 5rem;}
.process-list>ul>li dd ins{float:left; padding:0 10rem;}
.process-list>ul>li dd h3{font-size:15rem; margin-top:0;}
.process-list>ul>li dd p{margin-top:5rem; height:auto;}
.process-list>ul>li strong{font-size:80rem; margin-top:-40rem;}
}


.cost-box{padding:80rem 0; background-size:cover;}
.cost-title{text-align:center;}
.cost-title h2{font-size:36rem; padding-bottom:5rem;}
.cost-title p{font-size:16rem; color:#787878;}
.cost-list{display:block; margin-top:70rem; position:relative;}
.cost-list:after{display:block; content:''; clear:both;}
.cost-list>ul{position:relative; float:left; width:50%;}
.cost-list>ul>li>span{display:block; position:relative;}
.cost-list>ul>li>span>em{position:absolute; top:0; width:70rem; height:70rem; line-height:70rem; border-radius:70rem; font-size:30rem; text-align:center; color:#fff; transition:.8s; box-shadow:0 0 10rem rgb(37,74,209)66; background:#c42136;}
.cost-list>ul>li>span>h3{display:block; padding-top:2rem;}
.cost-list>ul>li>span>h3:after{display:block; content:''; clear:both;}
.cost-list>ul>li>span>h3>b{float:left; font-size:24rem; line-height:1;}
.cost-list>ul>li>span>h3>i{float:left; font-style:normal; background:#db6153; margin:4rem 10rem 0 10rem; color:#fff; transition:.3s; font-weight:normal; font-size:12rem; line-height:1; padding:3rem 8rem; border-radius:10rem;}
.cost-list>ul>li>span>p{display:block; margin:15rem 0 0; clear:both; line-height:22rem; height:66rem; color:#787878;}
.cost-list>ul>li:hover>span>h3>i{transform:translateX(5rem);}
.cost-list>ul>li:hover>span>em{transform:rotate(360deg);}
.cost-list>ul>li>span{padding-left:90rem;}
.cost-list>ul>li>span>em{left:0;}
.cost-round{overflow:hidden; width:400rem; height:400rem; border-radius:50%; background:#fff; position:absolute; top:75rem; left:50%; margin-left:-200rem; box-shadow:0 0 18rem rgba(0,0,0,0.18);}
.cost-round img{display:block; width:100%; height:100%; object-fit:cover; transition:.3s;}
.cost-round:hover img{transform:scale(1.05) rotate(5deg);}
.cost-round b{font-size:40rem; display:block; text-align:center;}
@media(min-width:1201px){
.cost-list>ul>li{height:60rem; margin-bottom:100rem;}
.cost-list>ul>li:last-child{margin-bottom:30rem;}
.cost-list>ul>li+li,
.cost-list>ul>li+li+li{padding:0 0 0 230rem;}
.cost-list>ul>li,
.cost-list>ul>li:last-child{padding:0 30rem 0 100rem;}
.cost-list>ul:first-child>li:hover>span>h3>i{transform:translateX(-5rem);}
.cost-list>ul:first-child{text-align:right;}
.cost-list>ul:first-child>li>span{padding-left:0; padding-right:90rem;}
.cost-list>ul:first-child>li>span>em{left:auto; right:0;}
.cost-list>ul:first-child>li>span>h3>b{float:right;}
.cost-list>ul:first-child>li>span>h3>i{float:right;}
.cost-list>ul:first-child>li+li,
.cost-list>ul:first-child>li+li+li{padding:0 230rem 0 0;}
.cost-list>ul:first-child>li,
.cost-list>ul:first-child>li:last-child{padding:0 100rem 0 30rem;}
}
@media(max-width:1200px){
.cost-box{padding:50rem 0;}
.cost-list>ul{padding-right:10rem;}
.cost-list>ul+ul{padding-right:0; padding-left:10rem;}
.cost-list>ul>li>span>p{height:120rem; margin-top:10rem;}
.cost-list>ul>li:last-child>span>p{height:auto;}
.cost-round{display:none;}
}
@media(max-width:767px){
.cost-box{padding:20rem 0;}
.cost-title h2{font-size:24rem; padding-bottom:0;}
.cost-title p{font-size:14rem;}
.cost-list{margin-top:0; padding-top:5rem;}
.cost-list>ul{width:auto; padding:0;}
.cost-list>ul+ul{padding:0;}
.cost-list>ul>li,
.cost-list>ul>li+li{margin-top:15rem;}
.cost-list>ul>li>span>p,
.cost-list>ul>li:last-child>span>p{height:44rem; margin-top:5rem; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.cost-list>ul>li.active>span>p,
.cost-list>ul>li.active:last-child>span>p{height:auto; display:block;}
.cost-list>ul>li>span>em{width:50rem; height:50rem; line-height:50rem; border-radius:50rem; font-size:20rem; box-shadow:0 0 5rem rgb(37,74,209)66;}
.cost-list>ul>li>span{padding-left:60rem;}
.cost-list>ul>li>span>h3>b{font-size:18rem;}
.cost-list>ul>li>span>h3>i{padding:2rem 5rem; margin-top:0;}
}