@charset "UTF-8";

header{height:0}header.main_mode{border-bottom:none}header.main_mode .inner,header.main_mode .top_wrap,header.main_mode .top_wrap_inner{background:transparent}header.main_mode .inner:not(:hover){background:transparent;box-shadow:none;transition:background 0.3s,height 0.3s;border-bottom:none}header.main_mode .inner:not(:hover) .top_wrap{border-bottom:none}header.main_mode .inner:not(:hover) .line{opacity:0}header.main_mode .inner:hover{background:#fff}header.main_mode .inner:hover .common_nav .title{color:#000}header.main_mode .common_nav .title{color:#fff}header.main_mode .inner:not(:hover) .list_lang li.active a{color:#fff}header.main_mode .inner:not(:hover) .logo_box{background-image:url(../../img/common/cm_bi_white.svg)}body.mobile_nav_active .inner:hover .common_nav .title{color:#000}.container{margin:0 auto}.main_news_wrap{max-width:1460px;margin:60px auto 100px auto;padding:0 10px;box-sizing:border-box}.main_news_wrap .section_title{display:block;font-size:18px;margin-bottom:22px;color:#191c21}.main_news_wrap .news_list{display:block;width:100%;overflow:hidden}.main_news_wrap .item{display:block;width:100%;padding-right:30px;box-sizing:border-box}.main_news_wrap .item:hover .title{text-decoration:underline}.main_news_wrap .owl-item{box-sizing:border-box}.main_news_wrap .owl-item.active + .owl-item.active{border-left:1px solid #ebebeb}.main_news_wrap .title{display:-webkit-box;max-height:44px;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:16px;line-height:22px;color:#191c21;overflow:hidden;word-break:keep-all;text-overflow:ellipsis;white-space:normal}.main_news_wrap .date{margin:14px auto 24px 0;font-size:12px;color:#939393}.main_news_wrap .desc{display:block;height:18px;font-size:14px;line-height:18px;white-space:nowrap;overflow:hidden;word-break:break-word;text-overflow:ellipsis;color:#6a6a6a}.main_news_wrap .owl-carousel .owl-dots,.main_news_wrap .owl-carousel .owl-nav{display:none}.main_news_wrap .owl-item:nth-child(2) .item{padding:0 30px}.main_news_wrap .owl-item:nth-child(3) .item{padding:0 0 0 30px}.main_news_wrap .news_list .owl-stage{display:flex;align-items:stretch}.main_slider_wrap{min-height:780px}.main_slider_wrap .slide_list{height:780px;background:#000;overflow:hidden}.main_slider_wrap .bg_wrap{position:relative;width:100%;height:780px;max-width:1920px;margin:0 auto;overflow:hidden}.main_slider_wrap .bg_wrap .bg_img{position:absolute;left:50%;top:0;width:auto;height:100%;box-sizing:border-box;transform:translate3d(-50%, 0, 0);transition:transform 0.5s}.main_slider_wrap .slide_item{display:block;position:relative}.main_slider_wrap .slide_item.on .title{transform:translate3d(-50%, 0, 0);opacity:1}.main_slider_wrap .title{position:absolute;bottom:20%;left:50%;font-size:34px;line-height:1.4;color:#fff;text-align:center;transform:translate3d(-50%, 50%, 0);opacity:0;transition:opacity 1s,transform 1s;z-index:5}.main_slider_wrap .owl-nav{width:100%;height:100%;position:absolute;left:0;top:0;z-index:1}.main_slider_wrap .owl-carousel .owl-nav .owl-next,.main_slider_wrap .owl-carousel .owl-nav .owl-prev{position:absolute;top:50%;display:block;width:54px;height:54px;border:1px solid #fff;border-radius:50%;background:url(../../img/common/icn_cm_arrow_right_white.svg) no-repeat center center;background-size:18px auto;transition:background 0.2s}.main_slider_wrap .owl-carousel .owl-nav .owl-prev{left:38px;-webkit-transform:rotate3d(0,1,0,180deg);transform:rotate3d(0,1,0,180deg)}.main_slider_wrap .owl-carousel .owl-nav .owl-next{right:38px}.main_slider_wrap .owl-carousel .owl-nav .owl-next:hover,.main_slider_wrap .owl-carousel .owl-nav .owl-prev:hover{background-color:rgba(255, 255, 255, 0.2)}.main_slider_wrap .owl-carousel .owl-dots{position:absolute;bottom:40px;display:block;width:100%;text-align:center}.main_slider_wrap .owl-carousel .owl-dot{display:inline-block;width:6px;height:6px;border-radius:3px;background:#fff;opacity:0.4;transition:opacity 0.3s}.main_slider_wrap .owl-carousel .owl-dot + .owl-dot{margin-left:30px}.main_slider_wrap .owl-carousel .owl-dot.active{opacity:1}.main_latest_wrap{margin-bottom:200px}.main_latest_wrap .related_thumb_list{max-width:1460px;box-sizing:border-box;padding:0 10px;overflow:visible}.main_menu_wrap{position:relative;max-width:1440px;height:576px;margin:0 auto 160px auto;background:#fff}.main_menu_wrap:after{content:'';display:block;clear:both}.main_menu_wrap .menu_item{position:absolute;left:0;top:0;width:20%;height:100%;overflow:hidden;transition:height 0s;will-change:transform,opacity}.main_menu_wrap .menu_item .rolling_img{display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;filter:grayscale(0.8);transition:filter 0.5s,transform 0.5s}.main_menu_wrap .menu_item .info{position:absolute;bottom:0;left:0;display:block;width:100%;height:300px;color:#fff;text-align:center}.main_menu_wrap .menu_item .desc,.main_menu_wrap .menu_item .title{display:block;width:100%;text-align:center}.main_menu_wrap .menu_item .title{position:absolute;font-size:24px;bottom:100px;transition:bottom 0.5s}.main_menu_wrap .menu_item .desc{position:absolute;bottom:60px;max-height:0;margin-top:16px;padding-top:26px;font-size:18px;opacity:0;transition:opacity 0.5s,max-height 0.5s;overflow:hidden}.main_menu_wrap .menu_item .desc:before{content:'';position:absolute;top:0;left:50%;display:block;width:24px;height:0;border-bottom:1px solid #fff;transform:translateX(-50%);opacity:0;transition:opacity 0.5s}.main_menu_wrap .menu_item.lab{left:20%}.main_menu_wrap .menu_item.culture{left:40%}.main_menu_wrap .menu_item.in{left:60%}.main_menu_wrap .menu_item.news{left:80%}@media screen and (min-width: 1025px){.main_slider_wrap .owl-carousel .owl-nav .owl-next::after,.main_slider_wrap .owl-carousel .owl-nav .owl-prev::after{border-radius:50%}.main_menu_wrap .menu_item.active .rolling_img,.main_menu_wrap .menu_item:hover .rolling_img{transform:scale(1.2);filter:grayscale(0)}.main_menu_wrap .menu_item.active .title,.main_menu_wrap .menu_item:hover .title{position:absolute;bottom:128px}.main_menu_wrap .menu_item.active .desc,.main_menu_wrap .menu_item:hover .desc{max-height:200px;opacity:1}.main_menu_wrap .menu_item.active .desc:before,.main_menu_wrap .menu_item:hover .desc:before{opacity:1}.main_menu_wrap.on .menu_item{-webkit-animation:rollUp cubic-bezier(0.27, 0.21, 0, 0.99) 1s both;animation:rollUp cubic-bezier(0.27, 0.21, 0, 0.99) 1s both}.main_menu_wrap.on .menu_item.company{-webkit-animation-delay:0s;animation-delay:0s}.main_menu_wrap.on .menu_item.lab{-webkit-animation-delay:0.05s;animation-delay:0.05s}.main_menu_wrap.on .menu_item.culture{-webkit-animation-delay:0.1s;animation-delay:0.1s}.main_menu_wrap.on .menu_item.in{-webkit-animation-delay:0.15s;animation-delay:0.15s}.main_menu_wrap.on .menu_item.news{-webkit-animation-delay:0.2s;animation-delay:0.2s}}@media screen and (max-width: 1024px){header.main_mode .inner .logo_box{background-image:url(../../img/common/cm_bi_white.svg)}header.main_mode .inner:hover{background:transparent;box-shadow:none}.mobile_nav_active header.main_mode .inner{background-color:#fff}.mobile_nav_active header.main_mode .inner .logo_box{background-image:url(../../img/common/cm_bi_black.svg)}.mobile_nav_active header.main_mode .btn_header_lang{background-image:url(../../img/common/m_icn_lang.svg)}.mobile_nav_active header.main_mode .btn_header_nav .nav_line{background:#000}header.main_mode .btn_header_nav .nav_line{background:#fff}header.main_mode .top_wrap{border-bottom:none}header.main_mode .btn_header_lang{background-image:url(../../img/common/m_icn_lang_white.svg)}.main_slider_wrap{min-height:100%}.main_slider_wrap .bg_wrap,.main_slider_wrap .slide_list{height:71.875vw}.main_slider_wrap .bg_wrap .bg_img{width:auto}.main_slider_wrap .title{bottom:9.2rem;width:74%;font-size:1.6rem;letter-spacing:-0.1rem}.main_slider_wrap .owl-carousel .owl-dot{width:0.48rem;height:0.48rem;border-radius:0.24rem}.main_slider_wrap .owl-carousel .owl-dot + .owl-dot{margin-left:2rem}.main_news_wrap{margin:3.625rem auto 7.5rem auto;padding:0 2.5rem}.main_news_wrap .title{width:100%;font-size:1.126rem;line-height:1.92rem;max-height:3.84rem}.main_news_wrap .date{margin:1.58rem auto 2.58rem 0;font-size:1rem}.main_news_wrap .desc{height:1.75rem;font-size:1.08rem;line-height:1.75rem}.main_news_wrap .owl-item:nth-child(2) .item{padding:0 0.624rem}.main_news_wrap .owl-item:nth-child(3) .item{padding:0 0 0 0.624rem}.main_news_wrap .owl-item.active + .owl-item.active{border-left:none}.main_menu_wrap{height:auto;margin-bottom:7.5rem}.main_menu_wrap .menu_item{float:left;position:relative;left:auto;display:block;width:100%;height:41.4vw;margin-bottom:0;-webkit-animation:none;animation:none}.main_menu_wrap .menu_item.company,.main_menu_wrap .menu_item.lab{width:50%}.main_menu_wrap .menu_item.culture,.main_menu_wrap .menu_item.news{width:33.33%}.main_menu_wrap .menu_item.in{width:33.34%}.main_menu_wrap .menu_item.company,.main_menu_wrap .menu_item.culture,.main_menu_wrap .menu_item.in,.main_menu_wrap .menu_item.lab,.main_menu_wrap .menu_item.news{left:auto}.main_menu_wrap .menu_item .rolling_img img{display:none}.main_menu_wrap .menu_item.company .rolling_img,.main_menu_wrap .menu_item.culture .rolling_img,.main_menu_wrap .menu_item.in .rolling_img,.main_menu_wrap .menu_item.lab .rolling_img,.main_menu_wrap .menu_item.news .rolling_img{background:url(../../img/portal/main/t_spr_main_category_bg.jpg) no-repeat top left;background-size:100vw auto}.main_menu_wrap .menu_item.company .rolling_img{background-position:0 0}.main_menu_wrap .menu_item.lab .rolling_img{background-position:-50vw 0}.main_menu_wrap .menu_item.culture .rolling_img{background-position:0 -41.4vw}.main_menu_wrap .menu_item.in .rolling_img{background-position:-33.33vw -41.4vw}.main_menu_wrap .menu_item.news .rolling_img{background-position:-66.66vw -41.4vw}.main_menu_wrap .menu_item .info{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100%;text-shadow:0 0 0.4rem rgba(0, 0, 0, 0.5)}.main_menu_wrap .menu_item .desc,.main_menu_wrap .menu_item .title{position:relative;left:auto;bottom:auto}.main_menu_wrap .menu_item .title{font-size:1.625rem}.main_menu_wrap .menu_item .desc{margin-top:1rem;padding-top:0;max-height:none;font-size:1.25rem;opacity:1}.main_menu_wrap .menu_item .rolling_img{filter:none}.main_latest_wrap{margin-bottom:6.82rem}.main_latest_wrap .related_thumb{padding:0 1.666rem}.main_latest_wrap .related_thumb_list{padding:0 0 5.12rem 0;overflow:hidden}}@media screen and (max-width: 767px){.main_slider_wrap .bg_wrap,.main_slider_wrap .slide_list{height:122.6vw}.main_slider_wrap .title{bottom:6.4166rem;font-size:1.75rem}.main_slider_wrap .owl-carousel .owl-dot{width:0.58rem;height:0.58rem;border-radius:0.29rem}.main_news_wrap{margin:4.166rem 0 0 0;padding:0 1.666rem}.main_news_wrap .section_title{font-size:1.416rem;margin-bottom:1.833rem}.main_news_wrap .news_list{margin-bottom:4.166rem;padding-bottom:4.166rem}.main_news_wrap .title{font-size:1.16rem}.main_news_wrap .date{margin:1.58rem auto 2.58rem 0;font-size:1rem}.main_news_wrap .desc{height:1.75rem;font-size:1.08rem;line-height:1.75rem}.main_news_wrap .owl-carousel .owl-dots,.main_news_wrap .owl-carousel .owl-nav{display:block}.main_news_wrap .owl-item:nth-child(2) .item,.main_news_wrap .owl-item:nth-child(3) .item{padding:0}.main_menu_wrap{margin-bottom:5rem}.main_menu_wrap .menu_item{width:100%;height:37vw;margin-bottom:1px}.main_menu_wrap .menu_item.company,.main_menu_wrap .menu_item.culture,.main_menu_wrap .menu_item.in,.main_menu_wrap .menu_item.lab,.main_menu_wrap .menu_item.news{width:100%}.main_menu_wrap .menu_item.company .rolling_img,.main_menu_wrap .menu_item.culture .rolling_img,.main_menu_wrap .menu_item.in .rolling_img,.main_menu_wrap .menu_item.lab .rolling_img,.main_menu_wrap .menu_item.news .rolling_img{background:url(../../img/portal/main/m_spr_main_category_bg.jpg) no-repeat top left;background-size:100vw auto}.main_menu_wrap .menu_item.news .rolling_img{background-size:100vw auto}.main_menu_wrap .menu_item.company .rolling_img{background-position:0 0}.main_menu_wrap .menu_item.lab .rolling_img{background-position:0 -37.6vw}.main_menu_wrap .menu_item.culture .rolling_img{background-position:0 -75vw}.main_menu_wrap .menu_item.in .rolling_img{background-position:0 -112.48vw}.main_menu_wrap .menu_item.news .rolling_img{background-position:0 -150vw}.main_menu_wrap .menu_item .title{font-size:1.75rem}.main_menu_wrap .menu_item .desc{font-size:1.33rem}.main_latest_wrap .related_thumb{padding:0}.main_latest_wrap .related_thumb_list{padding:0}}