@charset "utf-8";

@media all and ( max-width: 800px ){
	.main-tit-box .main-sub-tit{font-size:1.4rem;}
	.main-tit-box .main-tit{font-size:4rem; margin-left:-0.2rem}
	.main-tit-box .main-sub-tit-txt{margin-top:2rem; font-size:1.6rem;}
}

@media all and (max-width:1740px){
	.scroll-icon{left:50%; bottom:var(--area-padding); transform: translate(-50%,0)}
}
@media all and (max-width:926px){
	.scroll-icon{display:none;}
}
@media all and (max-width:820px){
	.main-visual-container{position:relative; height:0; /* padding-top:144.6%; */ padding-top:100vh; }
	.main-visual-container .main-visual-con{position:absolute; top:0px; left:0; width:100%; height:100%;}
	.main-visual-item .main-visual-img{opacity:0.8}
	.main-visual-item .main-visual-txt-box{padding-bottom:12rem;display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);height: auto}
	.main-visual-item .main-visual-txt-con .main-visual-txt1{ letter-spacing:0; margin-bottom:2.5rem; margin-left:0;text-align: center}
	.main-visual-item .main-visual-txt-con .main-visual-txt2{letter-spacing:0;text-align: center}
	.scroll-icon{display:none;}
	.main-visual-con .slick-dots-wrapper{width: auto; bottom:6rem;left: 50%;transform: translate(-50%,0);}
}

@media all and (max-width:480px){
	.main-visual-container {padding-top:60vh;}
	.main-visual-item .main-visual-txt-con .main-visual-txt1{font-size:3rem }
}

@media all and (max-width:1740px){
	#mainNewsContent{bottom:var(--area-padding);padding: 14.4rem 0 10rem 0;}
}
@media all and (max-width:800px){
	#mainNewsContent{position:relative; display:block; bottom:auto; left:auto; right:auto; height:auto; border-bottom:1px solid #ededed; transform:none;}
	.main-news-wrapper{width:auto; min-height:12.3rem; padding:7.1rem var(--area-padding) 6.8rem; padding-right:10rem;}
	.main-news-container{display:block; padding:0;}
	.main-news-container .main-tit-box{margin-bottom:1.5rem}
	.main-news-container .main-news-paging{display:none;}
	.main-news-container .main-news-list-con{width:auto;}
	.main-news-container .main-news-list-con .main-news-tit{font-size:2.5rem; margin-bottom:4rem}
	.main-news-container .main-news-list-con .main-news-txt{display:none;}
	.main-news-container .main-news-list-con .main-news-date{margin-top:2.5rem; font-size:1.6rem}
	.main-news-wrapper .main-news-controls{top:50%; right:0; width:8rem; height:16rem; border:1px solid rgba(0, 0, 0, 0.09); margin-top:-8rem}
	.main-news-wrapper .main-news-controls button{}
	.main-news-wrapper .main-news-controls button svg{width:2.6rem;}
	.main-video-wrapper{width:auto;}
	.main-video-wrapper .main-video-con{height:0; padding-top:51.76%;margin:0;}
	.main-video-wrapper .main-video-con .main-video-play-btn{position:absolute; top:0px; left:0px;}
	.main-video-wrapper .main-video-con .video-play-icon{width:4.2rem; height:4.2rem; font-size:0.75rem}
	.main-news-toggle-btn{display:none;}

}
@media all and (max-width:640px){
	#mainNewsContent{padding: 6rem 0}
	.main-news-container{padding: 0 var(--area-padding);}
	.main-news-wrapper{padding: 0!important}
	.main-news-container .main-tit-box{width: 100%;text-align: center}
	.main-tit-box .main-tit{font-size: 2.5rem}
	.main-news-container .main-tit-box .main-sub-tit{display: block}
	.main-news-wrapper .main-news-controls{position: relative;width:100%;border: 0;height:auto;margin-top: 0;margin: 2rem auto 1rem;}
	.main-news-wrapper .main-news-controls button{height: 32px;width: 32px;display: inline-block!important;float: none}
	.main-news-wrapper .main-news-controls button svg{width: 1.8rem;}
	.main-news-wrapper .main-news-controls .main-news-prev-btn:hover svg,.main-news-wrapper .main-news-controls .main-news-next-btn:hover svg{transform: translateX(0px);}
	.main-news-wrapper .main-news-controls .main-news-prev-btn:hover svg{transform: rotate(-180deg);}
	.main-news-container .main-news-list-con{width: 100%}
	.main-news-container .main-news-list-con .main-news-tit{font-size:1.7rem;word-break: break-word;}
	.main-news-container .main-news-list-con .main-news-date{font-size: 1rem}
}
@media all and (max-width:1280px){
	#mainInfoContent{margin-top:10rem}
	.info-board-top-con{margin-bottom:5rem}
	.info-board-top-con .main-tit{margin-left:0}
	.info-board-banner .info-board-banner-inner{padding:5rem 3rem}
	.info-board-banner .info-board-banner-icon{right:3rem; transform:scale(0.7)}
	.info-board-media-library{display:block; padding:2.5rem 3rem}
	.info-board-media-library .info-board-midia-tit-box{width:auto; position:relative; margin-bottom:2rem}
	.info-board-media-library .info-board-midia-tit-box .info-board-more-btn{position:absolute; top:1rem; right:0px; margin-top:0}
	.info-board-media-library .main-media-library-list{width:auto}
	.info-board-media-library .main-media-library-list li:nth-child(3){margin-bottom:0}
	.info-board-media-library .main-media-library-list li:nth-child(4),
	.info-board-media-library .main-media-library-list li:nth-child(5){display:none;}
}
@media all and (max-width:800px){
	.info-board-top-con{display:block; height:auto;}
	.info-board-top-con .main-tit-box{position:relative;}
	.info-board-top-con .main-tit-box:before{position:absolute; top:-2rem; left:calc(-1 * var(--area-padding)); right:calc(-1 * var(--area-padding)); bottom:0px; content:""; background:url(/images/main/main_overview_txt.png) no-repeat 50% 50%; background-size:100% auto; }
	.info-board-top-con .main-tit{margin-left:0}
	.info-board-count-con{margin-top:7rem; width:auto; flex-wrap:wrap;}
	.info-board-count-con .count-item{width:50%; text-align:left;}
	.info-board-count-con .count-item:nth-child(3){margin-top:7rem}
	.info-board-count-con .count-item:nth-child(3):before{display:none;}
	.info-board-count-con .count-item:nth-child(even){padding-left:3rem}
	.info-board-count-con .count-item dd .count-num{justify-content:flex-start;}
	.info-board-bottom-con{display:block; height:auto; }
	.info-board-banner .info-board-banner-inner{height:10rem; flex-direction:initial; padding:0 4rem 0 3rem; align-items:center;}
	.info-board-banner{width:auto;}
	.info-board-banner .info-board-banner-tit strong,
	.info-board-banner .info-board-banner-txt{display:none;}
	.info-board-banner .info-board-banner-icon{position:static; transform:none; width:auto; height:6rem;}
	.info-board-banner .info-board-banner-icon svg{width:auto; height:100%;}
	.info-board-bottom-con .info-board-banner-tit{font-size:2.6rem;}
	.info-board-media-library{width:auto; padding:4rem 3rem}
	.info-board-media-library .info-board-midia-tit-box{margin-bottom:3rem;}
	.info-board-media-library .info-board-midia-tit-box .info-board-more-btn{position:static; margin-top:3rem;}
	.info-board-media-library .main-media-library-list li {margin-bottom:0;}
	.info-board-media-library .main-media-library-list li a{/* max-height:3.24em; */ white-space:initial; line-height:1.62; overflow:hidden; display:block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
}

@media all and (max-width:1536px){
	.main-business-bg-txt{left:var(--area-padding); width:auto; right:var(--area-padding); background-size:100% auto;}
}
@media all and (max-width:1280px){
	#mainBusinessCon{padding: 14.4rem 0 12rem 0;}
	.main-business-con{width:100%;}
	.main-business-item .txt-area .tit{font-size: 3rem;font-weight: 600}
	#mainRecommendPro{padding: 17.4rem 0 20rem 0;}
	.main-RecommendPro-container .list_area li{width: calc((50% - 40px) / 2);box-sizing: border-box;}
	.main-RecommendPro-container .list_area li:first-child{width: 50%;height: 720px}
	.main-RecommendPro-container .list_area li:first-child .info_wrap .prd_name{width: 100%;}
	.main-RecommendPro-container .list_area .info_wrap{width: 100%;}
}
@media all and (max-width:820px){
	#mainBusinessCon{padding: 14.4rem 0 6rem 0;}
	.main-business-container{display:block; }
	#mainBusinessCon .main-tit-box{margin-bottom:4.5rem}
	.main-business-bg-txt{display:none;}
	.main-business-con{width:auto;}
	.main-business-item .thumb-con{height: 200px}
	
	#mainRecommendPro{}
	#mainRecommendPro::before{background-image: url(../images/main/bg-wave.png);background-size: 100%;}
	.main-RecommendPro-container .list_area li{width: calc((100% - 20px) / 2);box-sizing: border-box;}
	.main-RecommendPro-container .list_area li:first-child{width: 100%;margin: 0 0 20px 0;padding: 46px 30px 50px;}
	.main-RecommendPro-container .list_area li:nth-child(2n){margin-left: 0}
	.main-RecommendPro-container .list_area li:first-child .img_wrap{right: auto}
}
@media all and (max-width:640px){
	#mainBusinessCon{padding: 6rem 0 6rem 0;}
	.main-business-list{display:block; margin:0;}
	.main-business-item{width:auto; margin:0;}
	.main-business-item:first-child{margin-bottom:4rem;}
	.main-business-item .main-business-info-list{height:auto; padding-bottom:10rem;}
	.main-business-item .main-business-info-list .tit{bottom:3.5rem; right:4rem;}
	.main-business-item .thumb-con img.img-cover{height:100%;width: auto}
	.main-business-item .txt-area{padding: 3rem;}
	.main-business-item .txt-area .en-tit{font-size: 1.5rem}
	.main-business-item .txt-area .tit{font-size: 2.5rem;font-weight: 500;margin: 1.5rem 0;}
	.main-business-item .txt-area .btn{right: auto;bottom: 2.5rem;padding: 1rem 1rem;left: 3rem;}
	#mainRecommendPro{padding: 6rem 0;}
	#mainRecommendPro::before{height: 4rem}
	.main-RecommendPro-container .list_area li{width: 100%;margin: 0 0 20px}
	.main-RecommendPro-container .list_area li:first-child{height: auto;padding: 30px 30px 0;}
	.main-RecommendPro-container .list_area li:nth-child(n+4){margin-top: 0}
	.main-RecommendPro-container .list_area li:first-child .img_wrap{position: relative;width: 100%;}
	.main-RecommendPro-container .list_area li:first-child .info_wrap .prd_name{font-size: 2.5rem;height: 5rem}
}

@media all and ( max-width: 1740px ){
	.global-detail-box{right:var(--area-padding)}
}	
@media all and (max-width:1220px){
	.global-map-bg-box{position: relative; height:auto;}
	.global-map-bg-img{position: relative;}
	.global-map-container {padding-bottom:40.8rem;}
	.global-map-container .global-nation-box{height:100%;}
	.global-nation-box .nation-mark-list{height:100%;}

	.head-office-box{top:26%; left:29.7%; width:101px; height:101px;}
	.head-office-box .head-office-logo {width:81.97px; height:81.97px;}
	.head-office-box .head-office-logo img {width:52px; height:24px;}

	.nation-mark-item[data-nation="europe"]{top:35%; left:7%;}
	.nation-mark-item[data-nation="singapore"]{top:65%; left:29%;}
	.nation-mark-item[data-nation="singapore"] .nation-info-box > dl {width:14rem;}
	.nation-mark-item[data-nation="china"]{top:48%; left:33%;}
	.nation-mark-item[data-nation="taiwan"]{top:52%; right:68.5%;}
	.nation-mark-item[data-nation="japan"]{top:44%; left:38%;}
	.nation-mark-item[data-nation="usa"]{top:40%; right:26%;}

	/* .global-detail-box {bottom:0;} */
}
@media all and (max-width:800px){
	#mainGlobalContent {margin-top:-18.5rem; padding-top:28.2rem; padding-bottom:11.4rem;}
	.global-map-container {margin-top:0;}
	.global-detail-box{position:static;}
	.global-detail-box .global-num-con{position:static; text-align:center;}
	.global-num-box{justify-content:center; font-size:10.75rem }
	.global-num-box .global-num-item-box{margin-left:-0.5rem}
	.global-num-box .country-txt{top:-1rem}
	.global-detail-box .global-num-con .global-detail-tit{font-size:3rem; margin-top:6rem}
	.global-detail-box .global-num-con .global-detail-txt{font-size:1.6rem; margin-bottom:7rem;}
	
	.global-map-container {padding-bottom:5rem;}
	.head-office-box {top:33%; left:34.5%;}
	.global-map-bg-img img {width:133%; margin-left:-8rem;}
	.nation-mark-item[data-nation="europe"]{top:35%; left:2%;}
	.nation-mark-item[data-nation="singapore"]{top:65%; left:31.6%;}
	.nation-mark-item[data-nation="china"]{top:49%; left:37%;}
	.nation-mark-item[data-nation="taiwan"]{top:52%; right:62.5%;}
	.nation-mark-item[data-nation="japan"]{top:44.5%; left:43%;}
	.nation-mark-item[data-nation="usa"]{top:42%; right:7%;}
}

@media all and (max-width:480px){
	.head-office-box {top:32%; left:35%;}
	.head-office-box .head-office-bg:after {height:5vw;}
	.wave-circle {width:34px; height:34px;}
	.wave-circle .dot {width:6.8px; height:6.8px;}
	/* .global-map-bg-img img {width:108%; margin-left:4rem;} */
	.nation-mark-item[data-nation="europe"]{top:36%; left:3%;}
	.nation-mark-item[data-nation="singapore"]{top:65%; left:33.2%;}
	.nation-mark-item[data-nation="china"]{top:50%; left:38.5%;}
	.nation-mark-item[data-nation="taiwan"]{top:53%; right:63.8%;}
	.nation-mark-item[data-nation="japan"]{top:44.5%; left:45%;}
	.nation-mark-item[data-nation="usa"]{top:42%; right:7%;}
}

@media all and (max-width:420px){
	.head-office-box {top:32%; left:36.5%;}
	.nation-mark-item[data-nation="europe"]{top:36%; left:4.5%;}
	.nation-mark-item[data-nation="singapore"]{top:65%; left:34.7%;}
	.nation-mark-item[data-nation="china"]{top:50%; left:40%;}
	.nation-mark-item[data-nation="taiwan"]{top:53%; right:62.3%;}
	.nation-mark-item[data-nation="japan"]{top:44.5%; left:46.5%;}
	.nation-mark-item[data-nation="usa"]{top:42%; right:5.5%;}
}

@media all and (max-width:1280px){
	.main-esg-con .txt-box { margin-top:5rem;}
}
@media all and (max-width:820px){
	#mainBannerCon{padding-bottom:0}
	#mainBannerCon .area-box{padding:0;}
	.main-banner-con{height:auto;}
	.main-banner-con .area-box{padding:0}
	.main-banner-con .con-box{width:calc(100% - (var(--area-padding) * 2));max-width: none; margin: 0 auto;}
	.main-banner-con .con-box a{padding:4.5rem var(--area-padding)}
	.main-banner-con .con-box .tit-box .tit{font-size:4rem; margin-top:1.7rem}
	.main-banner-con .con-box .tit-box .sub-tit{font-size:1.4rem;}
	.main-banner-con .btn-box{margin-top:3.4rem}
	.main-banner-con .btn-box .txt{font-size:1.4rem}
	.main-banner-con .btn-box .arrow svg{width:2.5rem;}
	.main-banner-con .txt-box{height:30rem; box-sizing:border-box; margin-top:0; padding:5rem var(--area-padding); text-align:center; }
	.main-banner-con .txt-box .txt01{font-size:2.4rem;}
	.main-banner-con .txt-box .txt02{font-size:1.6rem;}
	.main-esg-con .txt-box{background:url(/images/main/main_esg_bg_m.jpg) no-repeat 50% 50% / cover;}
}
@media all and (max-width:640px){
	.main-banner-con .con-box{top:-3.4rem}
	.main-banner-con .con-box .tit-box .tit{font-size: 2.5rem}
	.main-banner-con .txt-box{height: 20rem;padding: 0rem var(--area-padding);}
}