.wrap {max-width:1800px; }
.inner {max-width:1300px !important; width: 100%; margin: 0 auto; position: relative;}
@media (max-width:1860px){
    .wrap {max-width:95%;}
    .inner {max-width:90% !important;}
}
section {}
.fc-red{color: #d81820;}
.fc-45{color: #454545;}
.container-section {overflow: hidden;}

/**/
header {background:#fff; border-bottom:0;}
header #tnb .lang .lang_btn,
header #tnb a.m1 {font-weight: 600;}
#logo a {background-image: url(/images/content/layout/logo.png) !important;}
#tnb .lang .lang_btn::before {background-image:url(/images/content/layout/lang_w_arrow.png) !important;}
header #site-map-toggle span {height: 3px;}
.lh-1 {line-height: 1;}
.lh-2 {line-height: 1.2;}
.lh-3 {line-height: 1.3;}
.lh-4 {line-height: 1.4;}

/*main-visual*/
#main-visual {position:relative; user-select:none; height:90vh; margin-top: 100px;}
#main-visual .item {position: relative; width: 100%; height: 100%; color: #fff;}
#main-visual .item .rect{
    position: absolute; content: ''; width: 1300px; height: 300px; margin: auto; top: 0; right: 0; bottom: 0;
    left: 0; line-height: 1.4;
}
#main-visual .item .rect .view_btn{
    display: inline-block; text-align: center; padding: 0 30px; line-height: 46px; background: transparent; border: 1px solid #fff;
    color: #fff; font-size: 16px; border-radius: 50px; margin-top: 40px; position: relative; z-index: 1; overflow: hidden;
}
#main-visual .item .rect .view_btn::after{
    position: absolute; content: ''; display: block; background: #00bfb2; transition: width 0.3s ease-out;
    left: auto; right: 0; width: 0; top: 0; height: 100%; z-index: -1;
}
#main-visual .item .rect .view_btn:hover::after{width: 100%; left: 0; right: auto;}

#main-visual .item-01 .bg{height: 100%;  background: url(/images/content/main/main_visual01.jpg) no-repeat center center; background-size: cover;}
#main-visual .item-02 .bg{height: 100%;  background: url(/images/content/main/main_visual02.jpg) no-repeat center center; background-size: cover;}

#main-visual .pagination_container{position: absolute; content: ''; width: 1300px; height: auto; margin: auto; top: 0; left: 0; right: 0; bottom: 0; display: block;}
#main-visual .swiper-pagination{width: 100%; height: 1px; bottom: 77%;}
#main-visual .swiper-pagination-bullet {
    background-color: #fff; opacity: 1; width: 50%; border-radius: 0; margin: 0;
    height: 2px;
}
#main-visual .swiper-pagination-bullet-active {background-color: #ee1c25;}
#main-visual .swiper-pagination2{
    width: 100%; position: absolute; content: ''; display: flex; justify-content: flex-end; bottom: 76%; color: #fff;
    align-items: baseline; z-index: 999;
}
#main-visual .swiper-pagination2 span{color: #fff; font-family: "Montserrat"; margin: 0 5px; font-weight: 500; font-size: 14px;}
#main-visual .swiper-pagination2 span:nth-child(1){font-size: 25px; font-weight: 700;}

.swiper-button-next:after,
.swiper-button-prev:after{display: none;}
/*.swiper-button-lock{display: block;}*/
#main-visual .swiper-button{position: absolute; content: ''; width: 1300px; margin: auto; top: 0; left: 0; right: 0; bottom: -50%;}
#main-visual .swiper-button-next{background: url(/images/content/layout/icon_s_next.png) no-repeat center center; right: 0; left: 80px;}
#main-visual .swiper-button-prev{background: url(/images/content/layout/icon_s_prev.png) no-repeat center center;}
/*#main-visual .swiper-pagination svg{*/
/*    display: inline-block; width: 50px; height: 50px; border-radius: 100%; position: relative; margin-right: 10px; transform: rotate(-90deg);*/
/*}*/
/*#main-visual .swiper-pagination circle {stroke-opacity: 0;}*/
/*#main-visual .swiper-pagination-bullet-active circle {stroke-opacity: 1;}*/
/*#main-visual .swiper-pagination-bullet {background-color: unset !important;}*/
/*#main-visual .swiper-pagination-bullet-active {*/
/*    display: inline-block !important;*/
/*    stroke-dasharray: 1000;*/
/*    stroke-dashoffset: 0;*/
/*    animation: dash linear 25s;*/
/*    animation-iteration-count: unset;*/
/*}*/
#main-visual .item.swiper-slide-active .bg{animation:zoom 2.2s 0.6s both;}
#main-visual .item.swiper-slide-active .rect div:nth-child(1){animation:fadeIn 2.5s 0.5s both;}
#main-visual .item.swiper-slide-active .rect div:nth-child(2){animation:fadeIn 2.5s 0.7s both;}
#main-visual .item.swiper-slide-active .rect div:nth-child(3){animation:fadeIn 2.5s 0.9s both;}
@keyframes dash {
    from {
        stroke-dashoffset: 1000;
    }
    to {
        stroke-dashoffset: 0;
    }
}
@keyframes zoom{
    0% {transform:scale(1.2);}
    100% {transform:scale(1);}
}
@keyframes fadeIn{
    0% { opacity: 0;}
    100% { opacity: 1;}
}
@keyframes fadeLeft{
    0% {transform:translateX(-200px); opacity: 0;}
    100% {transform:translateX(0); opacity: 1;}
}
/*@keyframes visualItemActive {*/
/*    0% {transform: scale(1.2); opacity:1;}*/
/*    100% {transform: scale(1.0); opacity: 1;}*/
/*}*/

@media(max-width:1400px){
    #main-visual .item .rect{width: 90%;}
    #main-visual .pagination_container{width: 90%;}
    #main-visual .swiper-button{width: 92%;}
}
@media(max-width:768px){
    #main-visual{height: 75vh; margin-top: 80px;}
    #main-visual .item-02 .bg{height: 100%;  background: url(/images/content/main/main_visual02.jpg) no-repeat 60% center; background-size: cover;}
}
@media(max-width:430px){
    #main-visual{height: 60vh; margin-top: 80px;}
    #main-visual .item .rect{height: 170px;}
    #main-visual .item .rect .fs-80{font-size: 36px;}
    #main-visual .item .rect .fs-24{font-size: 15px;}
    #main-visual .swiper-button{bottom: -70%;}
    #main-visual .swiper-button-next,
    #main-visual .swiper-button-prev{background-size: contain; width: 9px;}

}


/*sec02*/
#sec02{height: auto; margin-bottom: 0; background: url(/images/content/main/sec2_bg.png) no-repeat center center;}
section .bt_more{width: 40px; height: 40px; border-radius: 50%; background: #2b2a58; display: inline-block; transition: all 0.3s;}
section .bt_more img{padding-top: 13px; transition: transform 0.3s;}
section .bt_more:hover img{transform: translateX(9px);}
#sec02 .layoutBusiness{position: relative; display: flex; justify-content: space-between; flex-wrap: wrap; padding-top: 130px;}
#sec02 .layoutBusiness .item{flex: 0 0 45%; margin-bottom: 100px;}
#sec02 .layoutBusiness .item .img{
    width: 100%; height: 407px; box-shadow: 15px 15px 30px rgba(51,51,53,0.3); position: relative;
}
#sec02 .layoutBusiness .item:nth-child(2) .img{background: url(/images/content/main/sec2_item01.jpg) no-repeat center center; background-size: cover;}
#sec02 .layoutBusiness .item:nth-child(3) .img{background: url(/images/content/main/sec2_item02.jpg) no-repeat center center; background-size: cover;}
#sec02 .layoutBusiness .item:nth-child(4) .img{background: url(/images/content/main/sec2_item03.jpg) no-repeat center center; background-size: cover;}
#sec02 .layoutBusiness .item:nth-child(5) .img{background: url(/images/content/main/sec2_item04.jpg) no-repeat center center; background-size: cover;}
#sec02 .layoutBusiness .item:nth-child(3),
#sec02 .layoutBusiness .item:nth-child(5){top: -145px; position: relative; margin-bottom: 0;}
#sec02 .layoutBusiness .item .t-box{
    width: 240px; height: 146px; display: flex; justify-content: center; align-items: flex-start; flex-direction: column;
    background: #fff; padding: 22px 20px; position: absolute; content: ''; bottom: -6%; left: 8%; transition: all 0.3s;
}
#sec02 .layoutBusiness .item:hover .t-box{background: #d81820;}
#sec02 .layoutBusiness .item:hover .t-box span,
#sec02 .layoutBusiness .item:hover .t-box p{color: #fff;}

@media (max-width:1860px){
    #sec02 .inner{max-width: 1300px !important;}
}
@media (max-width:1400px){
    #sec02 .inner{max-width: 90% !important;}
    #sec02 .layoutBusiness .item .img{}
}
@media (max-width:1200px){
    #sec02 .layoutBusiness .item .img{height: 360px;}
}
@media(max-width:768px) {
    #sec02{background: url(/images/content/main/sec2_bg.png) no-repeat center 0%; background-size: contain; margin-bottom: 40px;}
    #sec02 .layoutBusiness{padding-top: 60px; justify-content: flex-start;}
    #sec02 .layoutBusiness .item{flex: 100%; margin-bottom: 70px;}
    #sec02 .layoutBusiness .item:nth-child(1){margin-bottom: 50px;}
    #sec02 .layoutBusiness .item:nth-child(3),
    #sec02 .layoutBusiness .item:nth-child(5){top:0; margin-bottom: 70px;}

}
@media(max-width:430px){
    section .bt_more{width: 30px; height: 30px;}
    section .bt_more img{width: 17px; padding-top: 10px;}
    #sec02 .layoutBusiness .item .t-box{width: 200px; height: 130px;}
}

/*sec03*/
#sec03 {margin-bottom: 0;}
#sec03 .inner{display: flex; justify-content: flex-end;}
#sec03 .banner{background:url(/images/content/main/sec3_bg.jpg) no-repeat center center; padding: 110px 0;}
#sec03 .txt{flex: 0 0 50%;}
#sec03 .txt > div > span{color: #4947a6;}
#sec03 .txt > p{line-height: 1.9;}

@media(max-width:1200px){

}
@media(max-width:768px){
    #sec03 .banner{padding: 110px 0;}
    #sec03 .txt{flex: 100%;}
}

/*sec04*/
#sec04 {margin-bottom: 0;}
#sec04 .linkArea {background: #fafafa; width: 100%; height: auto; padding: 60px 0; display: flex;}
#sec04 .linkArea_box{flex-basis: 25%; position: relative;}
#sec04 .linkArea_box:not(:first-child):before{
    position: absolute; content: ''; width: 1px; height: calc(100% - 5%); left: 0; top: 0; bottom: 0; margin: auto; background: #e3e3e3;
}
#sec04 .linkArea_box .top{background: url(/images/content/layout/icon_arrow.png) no-repeat right 0px center; background-size: 17px 10px;}
#sec04 .linkArea_box .bottom{margin-top: 40px;}
#sec04 .linkArea_box .item{padding: 0 45px; display: block;}

@media (max-width:1200px){
    #sec04 .linkArea_box .item{padding: 0 25px;}
}
@media (max-width:768px){
    #sec04 .linkArea{flex-wrap: wrap; padding: 25px 20px;}
    #sec04 .linkArea_box{flex-basis: 100%; padding: 30px 0;}
    #sec04 .linkArea_box .item{padding: 0;}
    #sec04 .linkArea_box:first-child:before{
        position: absolute; content: ''; width: 100%; height: 1px; left: 0; top: 0; bottom: 0; margin: auto; background: #e3e3e3;
    }
    #sec04 .linkArea_box:not(:first-child):before{width: 100%; height: 1px;}
}
@media (max-width:432px){
    #sec04 .linkArea_box:first-child:before{bottom: 25px;}
    #sec04 .linkArea_box:not(:first-child):before{bottom: 25px;}
}