/* section */
section{padding: 6vw 0;}
section >*{z-index:5}
section  .title_box{display:flex;align-items:center;gap:40px}
section  .title_box h2 {position: relative;color: var(--secondary);letter-spacing: 2px;font-size: 2.4rem;}
section  .title_box h2:before{content:'';position:absolute;width: 8px;height: 8px;border-radius:6px;background: var(--secondary);left: -20px;top: 50%;}
section .title_box .text_en{line-height: 130%;letter-spacing: 0.5px;font-weight: 600;font-size: 3.5rem;color: #343434;position: relative;font-family: "Poppins", sans-serif;text-transform: uppercase;}
.more_btn{margin-top:0px}
.more_btn a{position:relative;overflow:hidden;width: 120px;padding: 15px 30px;display: flex;border-radius: 100px;text-align: center;flex-direction: row;align-items: center;justify-content: space-between;}
.more_btn font{position:relative;writing-mode:inherit;color:#fff;text-align: left;font-weight: 400;letter-spacing: 1px;text-align: center;font-family: "Poppins", sans-serif;line-height: 150%;font-size: .9rem;}
.more_btn svg{fill: #ffffff;width: 25px;height: 25px;z-index: 10;}
.more_btn a:before{content:"";height:100%;width:100%;display:block;position:absolute;bottom:0;left:0;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;background: var(--primary);z-index: 0;}


/* news_area */
#news_area section{position: relative;}
#news_area img.dight {position: absolute;left: 150px;z-index: 11;min-width: 100%;margin-top: 0;object-fit: cover;display: none;}
#news_area {padding: 9vmin 0 4vmax;overflow: initial;position: relative;}
#news_area .news_box {margin: 0 auto 0;position: relative;z-index: 1;}
#news_area .itemTitleBox {padding: 0 1em 2em 1em;display: flex;align-items: center;justify-content: space-between;}
#news_area li .item .Txt h3{color: #000000;letter-spacing:1px;margin-bottom:10px}
#news_area li .item .Txt article{color:#6e7c9a;font-size:18px}
#news_area .tabs_btn a {padding: 10px 25px;background-color: var(--primary);font-size: 20px;color: aliceblue;font-weight: 500;display: block;border-radius: 50px;letter-spacing: 2px;}
#news_area .tabs_btn .active a {background-color: var(--secondary);}
#news_area .btn{position:absolute;right:10px;bottom:30px;width:35px;height:35px;padding:0px 0px;width:35px;height:35px;margin:0;border-radius:50%;display:flex;justify-content:center}

#news_area .rightBox .newsList2 .Img{border-radius:30px 30px 0 0;overflow: hidden;position: relative;}
#news_area .rightBox .newsList2 .Img:after {content: "";position: absolute;background: var(--primary);width: 150%;padding-top: 100%;border-radius: 50%;-webkit-transform: translate(-50%, 0);transform: translate(-50%, 0);left: 50%;top: 100%;opacity: 0.4;-webkit-transition: all 0.3s 0.05s ease-in-out;transition: all 0.3s 0.05s ease-in-out;}
#news_area .rightBox .newsList2 li:hover{transform: translate(0%, -5%);}
#news_area .rightBox .newsList2 li:hover .Img:after  { top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
#news_area .rightBox .newsList2 li .item{-webkit-transform:scale(0.9);transform:scale(0.9);-webkit-transition:0.8s;transition:0.8s;}
#news_area .rightBox .newsList2 li .item.show{-webkit-transform:scale(1);transform:scale(1);opacity:1}
#news_area .rightBox .newsList2 .Img img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:30px 30px 0 0}
#news_area .rightBox .newsList2 li:hover .Img img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1)}
#news_area .rightBox .newsList2 .sideNumber{position:absolute;right:-74px;top:110px;-webkit-transform:rotate(90deg);transform:rotate(90deg)}
#news_area .rightBox .newsList2 .sideNumber span{color:#afafaf;letter-spacing:2px;text-transform:uppercase}
#news_area .rightBox .newsList2 li{margin:30px 90px 60px 0px;position:relative}
#news_area .rightBox .newsList2 li:after{position:absolute;left:0;right:-90px;top: 70px;bottom:0;margin:auto;height: 95%;width:100%;content:"";background-color:#f0f0f0;border-radius:5.5px;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1;overflow:hidden;z-index:-1;border-radius:30px}
#news_area .rightBox .newsList2 li:hover:after{background-color:var(--primary)}
#news_area .rightBox .newsList2 li:hover .sideNumber span{color:var(--white)}
#news_area .rightBox .newsList2 .Txt{position:relative;padding:30px 30px;z-index:3;background-color:#ffffff;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;border-radius:0 0 30px 30px}
#news_area .rightBox .newsList2 .Txt .title{height:auto;-webkit-line-clamp:2;font-weight:500;font-size: 1.5rem;}
#news_area .rightBox .newsList2 .Txt .text{margin:14px 0;-webkit-line-clamp:2;height:auto;font-size:16px;color:#515050}
#news_area .rightBox .newsList2 .Txt .top{position:relative;justify-content:space-between;align-items:flex-start;display:flex;gap:20px 20px;flex-direction:column}
#news_area .rightBox .newsList2 .Txt .top .dateBox{display:grid;grid-template-columns:26px 1fr;gap:20px 20px;-webkit-box-align:end;align-items:center;line-height:1;font-weight:600;color:#fff;flex-direction:column}
#news_area .rightBox .newsList2 .Txt .top .dateBox .date,#news_area .rightBox .newsList2 .Txt .top .dateBox .date{font-size:44px;line-height:160%;color:#204780}
#news_area .rightBox .newsList2 .Txt .top .dateBox .date{font-size: 1.2rem;font-weight:500;line-height:1;position:relative;color:#a6a6a6}
#news_area .rightBox .newsList2 .Txt .top .dateBox .year,#news_area .rightBox .newsList2 .Txt .top .dateBox .year{font-size:16px;color:#204780}
#news_area .rightBox .newsList2 .Txt .classTitle{width:110px;height:40px;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;font-size: 1.1rem;font-weight:700;color:#444444;background-color:#f0f0f0;letter-spacing:1px;border-radius:30px;margin-bottom:15px}
#news_area .rightBox .newsList2 li:hover .Txt .classTitle{color:var(--white);background-color:var(--primary)}
#news_area .slick-prev{left: -70px;}
#news_area .slick-prev:before{content:url(/images/39/arrow-left.png);}
#news_area .slick-next{right: -30px;}
#news_area .slick-next:before{content:url(/images/39/arrow-right.png)}

/* latest_area */
#latest_area{padding: 4vw 0;position:relative}
#latest_area .list_box{display:grid;grid-template-columns: 1fr 210px;gap:20px;align-items: center;border-bottom: 6px solid var(--secondary);padding: 0 0 30px 0;margin: 0 0 10px 0;}
#latest_area #imglist{align-items:center;margin: 50px 0;}
#latest_area #imglist .left li{border-radius:50px;position:relative}
#latest_area #imglist .left li .leftItem{overflow:hidden}
#latest_area .right{position:relative}
#latest_area li .img_scale img{aspect-ratio: 3 / 3.5;width:100%;height:100%}
#latest_area .img_nav li .item .Txt{display:flex;align-items:center;justify-content:space-between}
#latest_area .img_nav li .item .Txt h3{-webkit-line-clamp:1;height:auto;font-size:22px}
#latest_area .img_nav li:hover .item .Txt h3{color:var(--black)}
#latest_area .img_nav li .item .Txt .btn .arrow{position:relative;display:inline-block;vertical-align:middle;width:9px;height:9px;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;padding:6px;background-color:#d3bfb2;border-radius:150px}
#latest_area .img_nav li .item .Txt .btn .arrow:after,#latest_area .img_nav li .item .Txt .btn .arrow:before{content:"";position:absolute;top:50%;left:20%;z-index:1;width:60%;height:1px;margin-top:-0.5px;background-color:#fff}
#latest_area .img_nav li .item .Txt .btn .arrow:after{-webkit-transform:rotate(90deg);transform:rotate(90deg)}
#latest_area .img_nav li .row{padding:0 15px}
#latest_area .img_nav li{border-bottom:1px solid #dddddd;padding: 25px 0;position:relative}
#latest_area .img_nav li:before{content:'';width:0;height:1px;position:absolute;background:linear-gradient(to right,var(--secondary),var(--primary));bottom:0;left:0;opacity:0}
#latest_area .img_nav li:hover:before{opacity:1;width:100%;}
#latest_area .img_nav li .rightItem{display:grid;grid-template-columns:100px 1fr;gap: 20px 0px;align-items:center}
#latest_area .img_nav li .rightItem .info_box p{font-size: 1.1rem;}
#latest_area .img_nav li .item{display:grid;grid-template-columns:110px 1fr 116px;gap:20px 20px;align-items:center}
#latest_area .img_nav li .item h3{-webkit-line-clamp:2;height:auto;font-size:20px;font-weight:500}
#latest_area .img_nav li .item .Ntxt{background:#e8e9e9;color:#010101;padding:2px 18px;border-radius:100px;font-size: 1.1rem;line-height: 150%;}
#latest_area .img_nav li .item .btn{width: 55px;height: 55px;background-color: #eaeaea;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0;border-radius:50%;margin-left:auto}
#latest_area .img_nav li .item .btn svg{width:26px;height:26px}
#latest_area .img_nav li:hover .item .btn{background-color: var(--primary);width: 52px;height: 52px;}
#latest_area .img_nav li:hover .item .btn svg{fill: var(--white);}
#latest_area .bottombtn{align-items:center}
.newsbtn{display:flex;justify-content:space-between;align-items:center;display: none;}
#news_prev{-webkit-transform:scaleX(-1);transform:scaleX(-1);position:relative}
#news_prev,#news_next{-webkit-box-shadow: 8px 9px 20px 1.4px rgb(192 192 192 / 50%);box-shadow: 8px 9px 20px 1.4px rgb(192 192 192 / 50%);border-radius:150px;}
#news_prev svg,#news_next svg{width: 20px;height: 20px;fill: var(--primary);display:flex;flex-direction:column;align-items:center;justify-content:center;border: 1px solid var(--triadic1);border-radius:150px;padding:20px}
#news_next svg{fill:var(--white);background: linear-gradient(to right, var(--secondary), var(--primary));}

/* service_area */
#service_area{position:relative;padding: 3vw 0 0 0;}
#service_area .title_box{display:flex;align-items:center;justify-content:center}
#service_area .workframe{z-index:2;}
#service_area .tit article{width:42%;line-height:2;text-align:justify;font-weight:300}
#product_tabs .tabs{display:flex;flex-direction:row;align-items:flex-start;gap:40px;margin:60px 0 80px 0}
#product_tabs .tabs li{width:100%;position:relative}
#product_tabs .tabs li:after{position:absolute;right:-20px;bottom:0;content:"";width:1px;height:100%;background-color:#ebebeb}
#product_tabs .tabs li:last-child:after{display:none}
#product_tabs .tabs li a .icon{width:100px;height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:auto;background-color:#f6f6f6;border-radius:50%}
#product_tabs .tabs li.active a .icon{background-color:var(--complement)}
#product_tabs .tabs li.active a .icon img{-webkit-filter:contrast(0) brightness(200%);filter:contrast(0) brightness(200%)}
#product_tabs .tabs li a .icon img{aspect-ratio:1 / 1;object-fit:contain;width:50px;height:50px}
#product_tabs .tabs li a .Txt{display:flex;flex-direction:column}
#product_tabs .tabs li a .Txt h3{font-size: 1.8rem;letter-spacing:2px}
#product_tabs .tabs li a .Txt p{opacity:.5;font-family:"Poppins",sans-serif;font-size: 1.1rem;}
#product_tabs .tabs li a{display:grid;grid-template-columns:100px 1fr;gap:20px;align-items:center;justify-content:center;width:min(80%,500px);margin:auto}
#product_tabs .tabs li:hover svg{transform:rotate(0deg)}
#product_tabs .tab_content{background:#f5f5f5}
#product_tabs .tab_content .item{display:grid;grid-template-columns:repeat(2,1fr);align-items:center}
#product_tabs .tab_content .item .Img{width:100%;height:100%;margin: 0;border-radius: 0;}
#product_tabs .tab_content .item .Img img{width:100%;height: 100%;object-fit: cover;}
#product_tabs .tab_content .item .Txt{padding: 70px 0 80px 100px;}
#product_tabs .tab_content .item .Txt .txtBox h2{font-size: 2.2rem;color:#343434;letter-spacing:1.5px}
#product_tabs .tab_content .item .Txt .txtBox .mTitle{color:#696969;font-family:"Poppins",sans-serif;font-size: 1.1rem;}
#product_tabs .tab_content .item .Txt .txtBox .mTitle::after{position:relative;display:block;content:"";width:40px;height:5px;background-color:var(--secondary);margin-top:13px;margin-bottom:35px}
#product_tabs .tab_content .item .Txt .txtBox .ellipsis{margin:30px 0;width:min(80%,530px);}
#product_tabs .tab_content .item .Txt .txtBox .ellipsis p{line-height:190%;letter-spacing:1px;font-size: 1.1rem;margin: 0;}


@media screen and (min-width: 1501px){
	#news_area .bg_box { left: 6rem; }
}
@media screen and (max-width:1660px){
	#service_area .photoBox{width: 11%;}
}
@media screen and (max-width:1440px){
	#service_area .photoBox{display:none;}
    #news_area .list_box{margin:0 90px}
	#service_area .area_title{margin:0;}
	#service_area:after{height: 500px;}
}
@media screen and (min-width:1281px){
	.more_btn.white a:hover font{color:#ffffff}
	.more_btn.white a:hover{width: 130px;}
	#news_area::before {content: '';position: absolute;height: calc(100% - 130px);width: 166px;top: 0;left: 0px;background: #f5f5f5;background-position: 100% 0%;background-size: cover;opacity: 1;z-index: 0;border-radius: 0 0 180px 0;}
	#news_area::after{content:"";width: 100%;height: 900px;position:absolute;top: -360px;right: -660px;background-image: url(/images/39/img-N-bg.png);background-size: auto;background-repeat: no-repeat;background-position: 50% 50%;display:block;-webkit-animation: techBgAni 5s infinite ease-in-out;-moz-animation: techBgAni 5s infinite ease-in-out;animation: techBgAni 5s infinite ease-in-out;}
	@-webkit-keyframes techBgAni{0%{-webkit-transform:scale(1);transform:scale(1)}
	50%{-webkit-transform:scale(1.05);transform:scale(1.05)}
	to{-webkit-transform:scale(1);transform:scale(1)}
	}@-moz-keyframes techBgAni{0%{-moz-transform:scale(1);transform:scale(1)}
	50%{-moz-transform:scale(1.05);transform:scale(1.05)}
	to{-moz-transform:scale(1);transform:scale(1)}
	}@keyframes techBgAni{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
	50%{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}
	to{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}
}
@media screen and (max-width:1280px){
	#latest_area li .img_scale img{aspect-ratio:4 / 3.2}
	#latest_area .img_nav li{padding:20px 0}
	#latest_area li .item .Txt h3{font-size:26px}
	section .title_box{margin-bottom:0px}
	section .title_box .page_title{font-size:32px}
	#product_tabs .tabs li a .icon{width:80px;height:80px}
	#product_tabs .tabs li a .icon img{width:40px;height:40px}
	#product_tabs .tabs li a{width:100%}
}
@media (max-width:1200px){
	#latest_area::after{width:100%;height:45%}
	.more_btn a{padding: 13px 22px;}
	#latest_area #imglist{display:flex;flex-direction:column;gap:0;justify-content:center;margin: 20px 0;}
	#latest_area .right{order:1;width:100%}
	#latest_area #imglist .left{display:none}
	#latest_area .img_box li .item{width:calc(100% - 40px);padding:30px 20px}
	#latest_area #imglist .left li .leftItem{grid-template-columns:1fr}
	#latest_area li .img_scale img{aspect-ratio:4 / 2.7}
	#latest_area{padding:4vw 0 5vw 0}
}

@media screen and (max-width:1024px){
    section .title_box .text_en{font-size: 2rem;}
	section .title_box .page_title{font-size:23px}
	#service_area .workframe{margin:0 auto}
	#service_area:before,#latest_area .img_nav li .item .btn{display:none}
	#latest_area .img_nav li .rightItem,#latest_area .img_nav li .item{display:flex;flex-direction:column;align-items:flex-start;gap:10px 0px}
	#latest_area .img_nav li .item h3{font-size:17px}
	#product_tabs .tab_content .item{grid-template-columns:1fr}
	#product_tabs .tab_content .item .Txt{padding:60px 40px}
	#product_tabs .tab_content .item .Txt .txtBox .ellipsis{width:auto}
	#product_tabs .tab_content .item .Txt .txtBox h2{font-size:26px}
	#product_tabs .tabs{display:flex;flex-direction:column;align-items:flex-start;margin:60px 0 40px 0}
	#product_tabs .tabs li:after{right:0px;width:100%;height:1px;bottom:-20px}
}
@media (max-width: 960px){
#latest_area{padding: 4vw 0 9vw 0;}
	#news_area .itemTitleBox,#latest_area .list_box{grid-template-columns:1fr;display:grid;justify-content:center;justify-items:center;gap: 20px;}
	#latest_area .title_box .page_title{display:flex;flex-direction:column;align-items:center}
	#service_area .bg{width: 100vw;height: 30%;top: 50%;}
	#service_area .area_title{width:90%;margin: 0 auto;}
	#service_area:after{height: 430px;bottom: unset;top: 20vw;}
	#service_area .custom_list li img { width: 45vw; height: 45vw; }
	#service_area .arrow_btns_box .arrow { bottom: 20vw; }
	#service_area .arrow_btns_box .arrow.prev { left: 25vw; }
	#service_area .arrow_btns_box .arrow.next { right: 25vw; }
    #product_tabs{grid-template-columns:1fr;margin-top: 30px;gap: 300px;}
	#product_tabs .tabs li a .Txt h3{font-size: 1.4rem;}
    #product_tabs .tabs li a .Txt p{font-size: 1rem;}
}
@media screen and (max-width:768px){
    #news_area .rightBox .newsList2 li{margin: 30px 50px 60px 0px;}
}
@media screen and (max-width:640px){
	#product_next::after{top: 6px;}
	#latest_area .img_box li .item .info_box .time{margin-bottom:0}
	#latest_area li .item .Txt h3{font-size:17px}
	#service_area .tit article{width:100%;}
	#service_area .area_title{width: 80%;margin: 20px auto 0;}
	#service_area:after{height: 260px;}
	#service_area .custom_list li img { width: 60vw; height: 60vw; }
	#service_area .arrow_btns_box .arrow.prev { left: 15vw; }
	#service_area .arrow_btns_box .arrow.next { right: 15vw; }
	#service_area .arrow_btns_box .arrow { bottom: 30vw; }
}
@media screen and (max-width:550px){
	#service_area .area_title .other_txt{line-height:1.3}
	#service_area:before{zoom: 70%;}
	#service_area .custom_list li img { width: 80vw; height: 80vw; }
	#service_area .custom_list li .info_box h3 { height: 1.5em; font-size: 7vw; }
	#service_area .arrow_btns_box .arrow.prev { left: 5vw; }
	#service_area .arrow_btns_box .arrow.next { right: 5vw; }
}