@charset "utf-8";
#contents.overview{position: relative;}
.section_top .back_container {background:none;}
.section_area h2 {font-size:30px;color:#333;line-height:30px;font-weight:700;text-align:center;margin-bottom:40px;}
.section_area h2 span {font-size:16px;margin-top:30px;display:inline-block;font-weight:normal;line-height:26px;color: #666}

.business_line_area {padding-top:80px;background: #fff;position: relative;}
.business_line_area .business_line_contents {text-align: center; padding-bottom:80px;}
.business_line_area .business_line_contents a {width:190px;height:50px;border:1px solid #929292;display:block;position:relative;margin:40px auto 0;font-size:16px;line-height:50px;text-align:center;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
.business_line_area .business_line_contents a span {position:relative;display:inline-block;color:#333;padding-right: 30px}
.business_line_area .business_line_contents a span:before {content:'';width:17px;height:17px;position:absolute;right:0;top:17px;background:url('/Images/business/overview/btn_movie_icon.png') no-repeat 0 0;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.business_line_area .business_line_contents a span:after {content:'';width:17px;height:17px;position:absolute;right:0;top:17px;background:url('/Images/business/overview/btn_movie_icon_on.png') no-repeat 0 0;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;opacity: 0;visibility: hidden;
}
.business_line_area .business_line_contents a:hover{background: #ff4311;border-color: #ff4311}
.business_line_area .business_line_contents a:hover span {color: #fff}
.business_line_area .business_line_contents a:hover span:before{opacity: 0;visibility: hidden}
.business_line_area .business_line_contents a:hover span:after{opacity: 1;visibility: visible}

.business_scope_area {  position: relative;background-color:#f8f8f8; padding:120px 0;}
.select_box {
    width: 100%;
    height: 650px; 
    margin:0 auto;
    overflow:hidden;
    font-size:0;
    white-space:nowrap;
}
.select_box > div {
    position:relative;
    display:inline-block;
    width:50%; height:100%;
    -webkit-transition: width 0.5s ease-out;
    -moz-transition: width 0.5s ease-out;
    -o-transition: width 0.5s ease-out;
    transition: width 0.5s ease-out;

    overflow:hidden;
}
.select_box > div .bg {
    position:absolute; 
    top:0; 
    left:0; 
    width:100%; 
    height:100%; 
}

.select_box > div .bg img {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
}
.select_box > div .bg:before{content: '';position: absolute;top:0;right:0;bottom:0;left:0;background: rgba(0,0,0,0.3);opacity: 0;visibility: hidden;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.select_box ul {
    position: relative;
    top: 30%;margin: 0 auto;
    left: 10%;
    margin-top: -146px;
    /* text-align: center; */
    color: #fff;
    -webkit-transition: margin-top 0.3s ease-out;
    -moz-transition: margin-top 0.3s ease-out;
    -o-transition: margin-top 0.3s ease-out;
    transition: margin-top 0.3s ease-out;
    width: 82%;
    
 
    z-index: 2;
}
.select_box ul li {display: block;}
.select_box ul li.title {
    font-size: 32px;
    margin-top: 10px;
    font-family: Montserrat-Medium, source-han-sans-simplified-c;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 44px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    /*color: #a3b6d8;*/
}
.select_box ul li.title p {
    color: #fff;
}
.select_box ul li.desc p {
	background: rgb(0 0 0 / 45%);
	padding: 20px;
	line-height:2; 
    font-size: 14px;
}

.select_box ul li.desc {
    font-size:16px; 
    padding-top:23px; 
    
    white-space: normal;
    opacity:0;
    padding-right: 14%;
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}
.select_box .select2 ul li.desc {opacity: 1;}

.select_box ul li.desc .bankuai {
    margin-top: 35px;
}
.select_box ul li.desc .bankuai a {
    display: inline-block;
        margin-right: 20px;
        margin-bottom: 15px;
        border: 1px solid #aaa;
        padding: 5px 20px;
        font-size: 16px;
        position: relative;
        background: rgb(0 0 0 / 17%);
}
.select_box ul li.desc .bankuai a:last-child {
	margin-right: 0;
}
.select_box ul li.desc .bankuai a {color: #fff;}
.select_box ul li.desc .bankuai a:hover {
    /*background: #1252af;
    border: 1px solid #1252af;*/
}

/*
.select_box ul li.desc .bankuai span::after {
    content: "";
    position: absolute;
    right: 0;
    width: 1px;
    height: 80%;
    top: 10px;
    background: rgb(255 255 255 / 66%);
}
.select_box ul li.desc .bankuai img {
    width: 50px;
    display: block;
    margin: 0 auto;
}*/


.select_box ul li.detail_btn {
    position:relative; 
    font-size:13px;
     opacity:0;
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}
.select_box .select2.active ul li.detail_btn {
	opacity: 1;
}

.select_box ul li.detail_btn a {
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.select_box ul li.detail_btn a > img {position:relative; top:-2px; vertical-align: middle; margin-left:6px; max-width:none; transition:all 0.3s;}
.select_box ul li.detail_btn a .on {position:absolute; top:0; left:0; opacity: 0;
    -webkit-transition: opacity 0.5s ease-out;
    -moz-transition: opacity 0.5s ease-out;
    -o-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out; 
    border-radius: 75px;overflow: hidden;
}
.select_box ul li.detail_btn a .on img {max-width:none;}

.select_box > div.active {width:50%;}
.select_box .select2 {width:50%;}

.select_box > div.deactive {width:50%;}
.select_box > div.active ul {margin-top:-146px;}
.select_box > div.active ul li.desc {opacity: 1;}
.select_box > div.active ul li.detail_btn { opacity: 1;}
.select_box > div.active .bg:before{visibility: visible;opacity: 1;}
.select_box ul li.detail_btn a:hover > img {margin-left:15px;}
.select_box ul li.detail_btn a:hover .on {opacity:1;}
.select_box ul li.detail_btn a:hover {background: none;}

.overview .popup{position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 999;display: none;background: rgba(0,0,0,0.8)}
.overview .popup .pop_inner {position: absolute;left: 50%;top: 990px;margin-left: -480px;width: 960px;}
.overview .popup .pop_inner .btn_close {position: absolute; display: block;top: 0;right: -52px;z-index: 99;}


.busniess-section .actionBtn15 .lb {color: #fff;}
.select_box .select1::after,
.select_box .select3::after,
.select_box .select2.deactive::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgb(0 0 0 / 10%);
    top: 0;
    left: 0;
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}
.select_box .select1.active::after, 
.select_box .select3.active::after {
    opacity: 0;
}
.select_box .select3.active .title,
.select_box .select3:hover .title
{
	color: #fff;
}

.select_box .select1 .title,
.select_box .select3 .title,
.select_box .select2.deactive .title {
    /*-webkit-writing-mode: vertical-lr;
    -moz-writing-mode: vertical-lr;
    -ms-writing-mode: tb-rl;
    -ms-writing-mode: vertical-lr;
    writing-mode: vertical-lr;*/
    font-variant-east-asian: full-width;
    -moz-font-feature-settings: "fwid";
    -webkit-font-feature-settings: "fwid";
    font-feature-settings: "fwid";
    right: 0;
    position: absolute;
    position: relative;
    color: #fff;
    -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
}

.select_box .select2.deactive .title,
.select_box .select3 .title {
    right: auto;
    left: 0;
}

.select_box .select1.active .title,
.select_box .select3.active .title{
    -webkit-writing-mode: inherit;
    -moz-writing-mode: inherit;
    -ms-writing-mode: inherit;
    -ms-writing-mode: inherit;
    writing-mode: inherit;
    position: relative;
}

.select_box .select2.deactive .desc {opacity: 0;}

.select_box .select3 ul {
    width: 95%;left: 8%;
}