@charset "utf-8";
/* CSS Document */
.banner {position: relative; padding: 0 40px; margin-bottom: 45px;}
.sroll_btn {-webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; writing-mode: tb-rl; font-size: 12px; color: #333333; letter-spacing: 6px; font-weight: bold; position: absolute; bottom: 20px; left: 50%; -ms-transform:translateX(-50%); -o-transform:translateX(-50%); -moz-transform:translateX(-50%); -webkit-transform:translateX(-50%); transform:translateX(-50%); cursor: pointer; transition: all 0.5s ease 0s; z-index: 99;}
.sroll_btn::after {content: ''; background: url("../images/scroll.png") no-repeat center; background-size: cover; width: 9px; height: 53px; position: absolute; bottom: -62px; left: 50%; margin-left: -6px; -webkit-animation: topmoveBottom 3000ms infinite; animation: topmoveBottom 3000ms infinite;}
.sroll_btn:hover {color: #ea5404;}

.subject {color: #cecece; font-size: 12px; letter-spacing: 6px; display: flex; flex-wrap: wrap; align-items: flex-end;}
.subject::after {content: ''; background: url("../images/icon_02a.png") no-repeat center; background-size: cover; width: 41px; height: 16px; position: relative; bottom: -9px; left: 5px;}


.ind_A {background: url("../images/bg_01.png") no-repeat top right; padding: 0 0 315px 0; position: relative; z-index: 10;}
.ind_A::before {content: ''; background: url("../images/i_01a.png") no-repeat center; background-size: cover; width: 310px; height: 547px; position: absolute; top: 0; left: 0; z-index: 15;}
.ind_A > div:nth-child(1) {line-height: 0; position: absolute; top: 275px; right: 145px; z-index: 20;}
.ind_A > div:nth-child(1) img {-webkit-animation: topmove_t10 3000ms infinite; animation: topmove_t10 3000ms infinite;}
.ind_A > div:nth-child(1)::after {content: ''; background: url("../images/i_01b.png") no-repeat center; background-size: cover; width: 191px; height: 314px; position: absolute; bottom: -174px; right: 810px;}
.ind_A > div:nth-child(2) {position: relative; z-index: 100;}
.ind_A > div:nth-child(2) > div:nth-child(1) {padding: 50px 0 0 0;}
.ind_A > div:nth-child(2) > div:nth-child(2) {padding: 48px 35px 0 35px; position: relative;}
.ind_A > div:nth-child(2) > div:nth-child(2) h1 {color: #ea5404; /*font-family: 'Poppins', sans-serif;*/ font-weight: 600; margin: 0 0 15px 0;}
.ind_A > div:nth-child(2) > div:nth-child(2) h2 {color: #49545e; /*font-family: 'Poppins', sans-serif;*/ font-weight: 700; margin: 0 0 45px 0; padding: 0 0 0 4px;}
.ind_A > div:nth-child(2) > div:nth-child(2) p {color: #78848f; line-height: 186.66%; margin: 0 0 40px 0; padding: 0 0 0 2px; max-width: 585px;}

.ind_B {position: relative; z-index: 10;}
.ind_B > h4 {position: absolute; left: 0; bottom: 160px; width: 367px; height: 328px; background: url("../images/i_02a.jpg") no-repeat center; background-size: cover; color: #fff; /*font-family: 'Poppins', sans-serif;*/ font-weight: 700; line-height: 133.33%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; z-index: 100;}
.ind_B > div:nth-child(2) {position: relative; width: calc(100% - 232px); margin: 0 0 0 auto; padding: 30px 0 85px 0; z-index: 10;}
.ind_B > div:nth-child(2)::before {content: ''; width: 100%; height: 373px; background-color: #f1f1f1; position: absolute; bottom: 0; right: 0;}
.ind_B > div:nth-child(2) > div:nth-child(1) {position: absolute; top: -210px; left: -180px; font-size: 90.97px; color: #fff; /*font-family: 'Poppins', sans-serif;*/ font-weight: 500; line-height: 94.4%; height: 182px; text-shadow: -1px -1px 0 #e35309,1px -1px 0 #e35309,-1px 1px 0 #e35309,1px 1px 0 #e35309; display: flex; flex-wrap: wrap; align-items: flex-end; z-index: 300; -webkit-animation: change_color 10000ms infinite; animation: change_color 10000ms infinite;}
.ind_B > div:nth-child(2) > div:nth-child(2) {max-width: 1480px; padding: 0 20px; margin: 0 auto 0 0; text-align: center; position: relative;}
.ind_B > div:nth-child(2) > div:nth-child(2) .subject {position: relative; left: 165px; margin-bottom: 45px;}
.ind_B > div:nth-child(2) > div:nth-child(2) h3 {color: #343d45; /*font-family: 'Poppins', sans-serif;*/ font-weight: 600; margin: 0 0 15px 0;}
.ind_B > div:nth-child(2) > div:nth-child(2) p {color: #ea5404; /*font-family: 'Poppins', sans-serif;*/ font-weight: 300;}
.ind_B > div:nth-child(2) > div:nth-child(2) h4 {position: relative; width: 367px; height: 328px; background: url("../images/i_02a.jpg") no-repeat center; background-size: cover; color: #fff; /*font-family: 'Poppins', sans-serif;*/ font-weight: 700; line-height: 133.33%; /*display: flex;*/ flex-wrap: wrap; justify-content: center; align-items: center; display: none;}
.ind_B > div:nth-child(2) > div:nth-child(3) {width: calc(100% - 255px); margin: 0 0 0 auto; padding: 120px 75px 0 0;}
.ind_B > div:nth-child(2) .owl-carousel .item {position: relative;}
.ind_B > div:nth-child(2) .owl-carousel .item:before { color:#ea5404;top: 0px;right: 0px;left: 0%;bottom: 0%;border-top: 3px solid;border-right: 3px solid;}
.ind_B > div:nth-child(2) .owl-carousel .item:before, .ind_B > div:nth-child(2) .owl-carousel .item:after {content: "";opacity: 0;pointer-events: none;z-index: 3;position: absolute;box-sizing: border-box;transition: all 0.5s ease;box-shadow: none;}
.ind_B > div:nth-child(2) .owl-carousel .item:hover:before {opacity: 1;bottom: 83%;left: 80%;}

.ind_B > div:nth-child(2) .owl-carousel .item > div {line-height: 0; margin-bottom: 10px; width: 100%; padding-bottom: 79.221%; height: 0; overflow: hidden; position: relative;}
.ind_B > div:nth-child(2) .owl-carousel .item > div > div {position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.ind_B > div:nth-child(2) .owl-carousel .item > div > div img {max-height: 100%; transform: scale(1.0, 1.0); transition: all 0.95s ease 0s;}
.ind_B > div:nth-child(2) .owl-carousel .item:hover > div > div img {transform: scale(0.9, 0.9); transition: all 0.75s ease 0s;}
.ind_B > div:nth-child(2) .owl-carousel .item > h4 {color: #343d45; /*font-family: 'Poppins', sans-serif;*/ font-weight: 400; margin-bottom: 10px; position: relative; transition: all 0.95s ease 0s;}
.ind_B > div:nth-child(2) .owl-carousel .item:hover > h4 {color: #ea5404; transition: all 0.75s ease 0s;}
.ind_B > div:nth-child(2) .owl-carousel .item > p {color: #6e7d8a; line-height: 160%; max-width: 390px;}
.ind_B > div:nth-child(2) .owl-carousel .item > a {position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 30; font-size: 0;}

.ind_C {background: url("../images/i_03a.png") no-repeat top right; padding: 145px 0 95px 0; position: relative; z-index: 10;}
.ind_C::before {content: ''; width: 39.6%; background-color: #f5f8fb; position: absolute; top: 13.3%; bottom: 6%; z-index: -1;}
.ind_C::after {content: ''; background: url("../images/i_03c.png") no-repeat center; background-size: cover; width: 236px; height: 478px; position: absolute; bottom: -230px; left: 0;}
.ind_C > div {position: relative; z-index: 10;}
.ind_C > div::after {content: ''; width: 261px; height: 435px; background: url("../images/i_03b.png") no-repeat center; background-size: cover; position: absolute; bottom: -160px; right: -146px; z-index: -1;}
.ind_C > div > h3 {color: #343d45; /*font-family: 'Poppins', sans-serif;*/ font-weight: 600; text-align: center; margin-bottom: 20px;}
.ind_C > div > p {color: #ea5404; /*font-family: 'Poppins', sans-serif;*/ font-weight: 300; text-align: center;}
.ind_C > div .owl-carousel .item {max-width: 256px; padding: 100px 0px 0 0px; margin: auto; text-align: center; position: relative;}
.ind_C > div .owl-carousel .owl-item:nth-child(2n+2) .item {padding: 250px 0 0 0;}
.ind_C > div .owl-carousel .item > h4 {margin-bottom: 35px;}
.ind_C > div .owl-carousel .item > h4 span {color: #343d45; position: relative; z-index: 10; transition: all 0.75s ease 0s;}
.ind_C > div .owl-carousel .item:hover > h4 span {color: #ea5404; text-shadow: -1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff; transition: all 0.95s ease 0s;}
.ind_C > div .owl-carousel .item > h4 span::before {content: attr(data-title); color: rgba(52, 61, 69, 0.15); /*font-family: 'Poppins', sans-serif;*/ font-weight: 400; font-size: 80px; line-height: 100%; font-style: italic; position: absolute; bottom: -18px; left: -45px; z-index: -1; transition: all 0.75s ease 0s;}
.ind_C > div .owl-carousel .item:hover > h4 span::before {color: rgba(52, 61, 69, 0.35); transition: all 0.95s ease 0s; -ms-transform:translateX(10px); -o-transform:translateX(10px); -moz-transform:translateX(10px); -webkit-transform:translateX(10px); transform:translateX(10px);}
.ind_C > div .owl-carousel .item > div {line-height: 0; border-radius: 50%; overflow: hidden; -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); transition: all 0.95s ease 0s;}
.ind_C > div .owl-carousel .item:hover > div {-moz-transform:rotate(-20deg); -webkit-transform:rotate(-20deg); -o-transform:rotate(-20deg); -ms-transform:rotate(-20deg); transform:rotate(-20deg); transition: all 0.75s ease 0s;}
.ind_C > div .owl-carousel .item > div img {transform: scale(1.0, 1.0); transition: all 0.95s ease 0s;}
.ind_C > div .owl-carousel .item:hover > div img {transform: scale(1.2, 1.2); transition: all 0.75s ease 0s;}
.ind_C > div .owl-carousel .item > a {position: absolute; top: 70px; left: 0; right: 0; bottom: 0; font-size: 0; z-index: 30;}
.ind_C > div .owl-carousel .owl-item:nth-child(2n+2) .item > a {top: 225px;}

.ind_D {position: relative; padding: 70px 0 75px 0; z-index: 10;}
.ind_D::before {content: ''; background: url("../images/i_03d.png") no-repeat center; background-size: cover; width: 210px; height: 349px; position: absolute; top: 112px; left: 0;}
.ind_D::after {content: ''; width: 1670px; height: 425px; background-color: #f1f1f1; position: absolute; bottom: 0; right: 0; z-index: -1;}
.ind_D > div > h3 {color: #343d45; /*font-family: 'Poppins', sans-serif;*/ font-weight: 600; text-align: center; margin-bottom: 20px;}
.ind_D > div > p {color: #ea5404; /*font-family: 'Poppins', sans-serif;*/ font-weight: 300; text-align: center;}
.ind_D > div > div:last-child {display: flex; flex-wrap: wrap; justify-content: center;}
.ind_D .owl-carousel {z-index: 10;}
.ind_D .owl-carousel::after {content: ''; background: url("../images/i_05a.png") no-repeat center; background-size: cover; width: 271px; height: 449px; position: absolute; bottom: -340px; right: -14px; z-index: -1;}
.ind_D > div .owl-carousel .item {position: relative; padding: 70px 0;}
.ind_D > div .owl-carousel .item > div {max-width: 308px; margin: auto; padding-bottom: 30px; position: relative; background-color: #fff;}
.ind_D > div .owl-carousel .item > div > div {width: 100%; height: 0; padding-bottom: 57.793%; overflow: hidden; position: relative; line-height: 0; margin-bottom: 35px;}
.ind_D > div .owl-carousel .item > div > div > div {position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; background-color: #fff; transition: all 0.95s ease 0s;}
.ind_D > div .owl-carousel .item > div:hover > div > div {background-color: #ea5404; transition: all 0.75s ease 0s;}
.ind_D > div .owl-carousel .item > div > div > div img {max-height: 100%; transform: scale(1.0, 1.0); filter:alpha(opacity=100); Opacity:1.0; transition: all 0.95s ease 0s;}
.ind_D > div .owl-carousel .item > div:hover > div > div img {transform: scale(1.2, 1.2); filter:alpha(opacity=30); Opacity:0.3; transition: all 0.75s ease 0s;}
.ind_D > div .owl-carousel .item > div > div > div::after {content: ''; background: url("../images/icon_01aw.png") no-repeat center; background-size: cover; width: 22px; height: 22px; position: absolute; top: 50%; left: 50%; -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); filter:alpha(opacity=0); Opacity:0; transform: scale(20.0, 20.0); transition: all 0.95s ease 0s;}
.ind_D > div .owl-carousel .item > div:hover > div > div::after {filter:alpha(opacity=100); Opacity:1.0; transform: scale(1.0, 1.0); transition: all 0.75s ease 0s;}
.ind_D > div .owl-carousel .item > div > span {display: block; color: #ea5404; padding: 0 25px; margin-bottom: 18px;}
.ind_D > div .owl-carousel .item > div > h4 {color: #343d45; padding: 0 25px; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all 0.75s ease 0s;}
.ind_D > div .owl-carousel .item > div:hover > h4 {color: #ea5404; transition: all 0.95s ease 0s;}
.ind_D > div .owl-carousel .item > div > p {color: #8e99a3; padding: 0 25px; line-height: 24px; height: 50px; overflow: hidden;}
.ind_D > div .owl-carousel .item > div > a {position: absolute; top: 0; left: 0; right: 0; bottom: 0; font-size: 0; z-index: 30;}

.ind_E {padding: 170px 0 200px; /*font-family: 'Poppins', sans-serif;*/ overflow: hidden; position: relative; z-index: 10;}
.ind_E > div:nth-child(1) > h3 {color: #343d45; font-weight: 700; display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-end; text-align: center; margin-bottom: 26px;}
.ind_E > div:nth-child(1) > h3 span {font-size: 160%; font-weight: 600; line-height: 120%; color: #fff; text-shadow: -1px -1px 0 #e35309,1px -1px 0 #e35309,-1px 1px 0 #e35309,1px 1px 0 #e35309; padding-left: 20px; -webkit-animation: change_color 10000ms infinite; animation: change_color 10000ms infinite;}
.ind_E > div:nth-child(1) > p {color: #ea5404; font-weight: 300; text-align: center; margin-bottom: 75px;}
.ind_E > div:nth-child(1) > ul:nth-last-child(2) {max-width: 530px; margin: 0 auto 24px auto!important; display: flex; flex-wrap: wrap; align-items: center;}
.ind_E > div:nth-child(1) > ul:nth-last-child(2) li:nth-child(1) {width: 47%; padding-right: 20px!important; color: #343d45; font-weight: 600; display: flex; flex-wrap: wrap; align-items: center;}
.ind_E > div:nth-child(1) > ul:nth-last-child(2) li:nth-child(1) span {color: #e16321; font-weight: 400; font-size: 75%; padding-right: 10px;}
.ind_E > div:nth-child(1) > ul:nth-last-child(2) li:nth-child(2) {width: 53%; padding-left: 20px!important; display: flex; flex-wrap: wrap; justify-content: flex-end; position: relative; z-index: 10;}
.ind_E > div:nth-child(1) > ul:nth-last-child(1) {max-width: 530px; margin: auto!important; display: flex; flex-wrap: wrap; align-items: center;}
.ind_E > div:nth-child(1) > ul:nth-last-child(1) li:nth-child(1) {width: 47%; padding-right: 20px!important; color: #343d45; font-weight: 700; line-height: 146.66%; position: relative; z-index: 10;}
.ind_E > div:nth-child(1) > ul:nth-last-child(1) li:nth-child(2) {width: 53%; padding-left: 20px!important; display: flex; flex-wrap: wrap; justify-content: flex-end; position: relative; z-index: 10;}
.ind_E > div:nth-child(1) > ul li:nth-child(2) a {font-weight: 200;}
.ind_E > div:nth-child(1) > ul li:nth-child(2) a img {margin-right: 13px; -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); transition: all 0.5s ease 0s;}
.ind_E > div:nth-child(1) > ul li:nth-child(2) a:hover img {-moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg); transform:rotate(360deg); transition: all 0.5s ease 0s;}
.ind_E > div:nth-child(1) > ul li:nth-child(2)::before {content: ''; background-color: rgba(52, 61, 69, 0.25); width: 1px; height: 100%; position: absolute; top: 0; left: 0; z-index: -1;}
.ind_E > div:nth-child(2) {width: 32.581%; line-height: 0; position: absolute; bottom: 0; left: 0; z-index: -1;}
.ind_E > div:nth-child(3) {width: 44.299%; line-height: 0; position: absolute; top: 67px; right: 0; z-index: -2;}