/* section */
section {padding: 8vw 0 5vw;}
section >* { z-index: 3; }
section .title_box {margin-bottom: 60px;position: relative;}
section .title_box font {text-transform: uppercase;line-height: 100%;letter-spacing: 0.4px;font-size: 52px;color: var(--secondary);font-weight: 700;font-family: 'Poppins', sans-serif;margin-left: 10px;font-style: italic;}
section .title_box font:last-child {color: var(--secondary);-webkit-text-stroke: 2px var(--secondary);-webkit-text-fill-color: transparent;}
section .title_box .page_title {font-weight: 600;font-size: 25px;color: var(--primary);position: relative;letter-spacing: 3.5px;margin-top: 10px;}
section.bg_box {background: no-repeat 50% / cover;background-attachment: fixed;}


/* about_area */
#about_area{position: relative;padding: 13vw 0 12vw;background-size: cover;background-repeat: no-repeat;}
#about_area .info_item {animation-name: fadeInRight;-webkit-animation-name: fadeInRight;}
#about_area .img_item {margin-bottom: 30px;order: 1;}
#about_area .img_item:before { position: absolute; width: 90%; height: 100%; border: 1px rgba(var(--info-rgb), .1) solid; display: block; top: 30px; right: 30px; content: ""; }
#about_area .img_item img {width: 90%;}
#about_area .img_item a {padding: 20px 35px;letter-spacing: 3px;text-transform: uppercase;font-size: 13px;right: 30px;bottom: -30px;z-index: 3;background: #ed683e;}
#about_area .title_box::after {content: "";width: 65px;height: 1px;display: block;background: var(--primary);position: absolute;bottom: -30px;left: 0;}
#about_area .info_item article {margin-bottom: 40px;width: 100%;line-height: 180%;letter-spacing: 0.5px;font-weight: 300;color: #000;}
#about_area .info_item .more{position: absolute;left: 0;bottom: 0px;}
#about_area .info_item .more span {content: "";width: 200px;height: 50px;background-color: #333333;display: block;position: absolute;-webkit-transform: skew(-40deg);transform: skew(-40deg);transition: all .2s ease;z-index: -1;top: -10px;left: -10px;}
#about_area .info_item .more a:before,#news_area a.more_btn:before {content: "";width: 200px;height: 50px;background-color: var(--primary);-webkit-transform: skew(-40deg);transform: skew(-40deg);display: block;position: absolute;transition: all .2s ease;z-index: -1;top: 0px;left: 0px;}
#about_area .info_item .more a{display: inline-block;width: 200px;text-align: center;padding: 10px 0;}
#about_area .info_item .more font{font-size: 14px;color: var(--white);padding: 0 30px;}
#about_area .title_box font{color: #ffffff;}
#about_area .title_box font:last-child{color: #ffffff;-webkit-text-stroke: 1px #ffffff;}

@keyframes bgWhirligig-2 { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } }
#about_area .textBox article{color: #fff;}
#about_area .textBox h2{color: var(--primary);letter-spacing: 0;font-weight: 400;}

/* list_box */
.list_box .info_box h3 {height: 30px;font-weight: 400;font-size: 18px;color: var(--secondary);margin: 0px 0 0;}

/* news_area */
#headBan{position: relative;}
#news_area{position: relative;padding: 8vw 0 10vw;}
#news_area .workframe{margin:  auto;display: flex;justify-content: flex-start;position: relative;}
#news_area .NewsBox{position: absolute;background-color: #fff;right: 0;padding: 70px;bottom: -60px;width: 40%;z-index: 10;animation-name: fadeInRight;-webkit-animation-name: fadeInRight;}
#news_area .left{width: 60%;animation-name: fadeInLeft;-webkit-animation-name: fadeInLeft;}
#news_area .left .six-fiexd{background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;}
#news_area .list_box .nowrap_box{padding: 20px 0px;width: 100%;}
#news_area .bg_box {margin: auto;opacity: 1;bottom: -30px;left: 40px;z-index: 0;}
#news_area:before {width: 1920px;height: 1140px;display: block;background: url(/images/39/img-ne-bn.jpg);content: "";position: absolute;top: -100px;z-index: -1;}
#news_area .bg_box.white:before { background: rgba(var(--white-rgb), .2); }
#news_area .title_box font{/* font-size: 32px; */}
#news_area .title_box font:last-child{margin-left: 0;font-size: 64px;font-family: 'Montserrat', sans-serif;}
#news_area .title_box .page_title{padding-left: 0;font-weight: 500;margin-top: 0;}
#news_area .title_box .page_title::before{background-color: #ffffff;display: none;}
#news_area .title_box{padding: 0;justify-content: center;-ms-align-items: center;align-items: center;margin-bottom: 0;}
#news_area .list_box .slick-dots{margin-top: 0;bottom: 15px;}
#news_area .list_box li{position: relative;padding: 0 10px;}
#news_area .list_box .row {padding-bottom: 0px;margin: 0;}
#news_area .list_box .row img { height: 320px; }
#news_area .list_box .row .info_box {padding: 0px 0px;width: calc(100% - 0px);left: 20px;bottom: 0;background-color: #fff0;display: flex;}
#news_area .list_box .row .info_box p {width: 100px;}
#news_area .list_box .row .info_box p font  {font-weight: 400;font-size: 14px;color: #b5b5b5;margin-right: 12px;}
#news_area .list_box .row .info_box p a {margin-right: 10px;max-width: calc(100% - 82px);z-index: 2;color: #696969;}
#news_area .list_box .row .info_box .txt_clamp {width: calc((100% / 1) - 100px);}
#news_area a.more_btn{padding: 14px 60px 10px 50px;transition: all .2s ease;font-family: 'Montserrat', sans-serif;font-weight: 700;text-transform: uppercase;font-size: 14px;}
#news_area a.more_btn span:before {width: 30px;height: 30px;display: block;line-height: 30px;margin: auto;position: absolute;top: 0;left: 5px;right: 0;bottom: 0;text-align: center;content: ">";color: #ffffff;}
#news_area a.more_btn:hover{right: -50px;bottom: 0px;}

/* product_area */
#product_area{padding: 1vw 0 3vw;}
#product_area .title_box{width: 100%;margin-bottom: 90px;}
#product_area .title_box p,#product_area .title_box .page_title{padding-left: 0;display: flex;flex-direction: row;text-align: center;align-items: center;justify-content: center;}
#product_area .title_box .more{position: relative;display: none;}
#product_area .title_box .more span {content: "";width: 200px;height: 50px;background-color: #333333;display: block;position: absolute;-webkit-transform: skew(-40deg);transform: skew(-40deg);transition: all .2s ease;z-index: -1;top: -10px;left: -10px;}
#product_area .title_box .more a:before {content: "";width: 200px;height: 50px;background-color: #bbb;-webkit-transform: skew(-40deg);transform: skew(-40deg);display: block;position: absolute;transition: all .2s ease;z-index: -1;top: 0px;left: 0px;}
#product_area .title_box .more a{display: inline-block;}
#product_area .title_box .more font{font-size: 14px;color: var(--white);padding: 0 30px;}
#product_area .title_box .page_title::before{display: none;}
#product_area ul li{margin: 0px;position: relative;padding: 10px 10px 0;}
#product_area ul.slick-dots{display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: center;}
#product_area ul.slick-dots li{width: fit-content;}
#product_area .slick-dots li button:before{display:none;}
#product_area .slick-dots li button{background: rgb(255 255 255 / 0%);width: 12px;height: 12px;}
#product_area ul.slick-dots li.slick-active button{background: rgb(255 255 255 / 0%);}
#product_area ul.slick-dots {margin-top: 60px;bottom: 0;right: 5px;}
#product_area ul.slick-dots li {margin: 7px 7px;width: 22px;height: 5px;background: var(--primary);display: block;opacity: .2;padding: 0;}
#product_area ul.slick-dots li.slick-active {opacity: .8;}
#product_area ul.slick-dots li:before {margin: auto;display: block;border: 1px rgba(var(--white-rgb), .2) solid;content: "";display: none;}
#product_area ul.slick-dots li.slick-active:before { border-color: var(--primary); }
#product_area ul li.slick-slide a{background-size: cover;margin: 10px;position: absolute;}
#product_area .row{margin: 0;transform: translate(0px, -10px);}
#product_area ul li .info_box{z-index: 10;width: 100%;height: 100%;margin: 0  0 0 auto;display: flex;flex-direction: column;align-items: center;}
#product_area .row .img_box{margin-bottom: 0;}
#product_area img {width: 300px;height: 300px;object-fit: contain;margin: auto;}
#product_area .row .info_box >div {margin: auto;width: calc(100% - 0px);}
#product_area .row .info_box h3 {z-index: 5;overflow: hidden;font-size: 22px;font-weight: 700;letter-spacing: 0;color: var(--info);}
#product_area .row .info_box .line {content: '';width: 20px;height: 2px;background: var(--primary);position: absolute;bottom: -17px;opacity: .7;}
#product_area .row .info_box article {height: auto;font-weight: 400;font-size: 18px;-webkit-line-clamp: 3;color: var(--primary);margin-bottom: 5px;}
#product_area .row .info_box .price { margin-top: 15px; min-height: 30px; }
#product_area .row .info_box .price font { margin-left: 20px; font-weight: 300; }
#product_area .workframe{width: 75%;}


/* book_area */
#book_area .row img { height: 400px; }
#book_area .row .info_box { padding: 100px 15px 60px; width: calc(100% - 30px); background: -webkit-linear-gradient(top,transparent 0,rgba(var(--black-rgb), .01) 2%, rgba(var(--black-rgb), .8) 90%); background: linear-gradient(to bottom,transparent 0,rgba(var(--black-rgb), .01) 2%, rgba(var(--black-rgb), .8) 90%); bottom: -20px; left: 0; }



@media screen and (max-width: 1366px){
	section .title_box font,#news_area .title_box font:last-child{font-size: 50px;}
	#product_area .title_box p, #product_area .title_box .page_title,section .title_box .page_title{font-size: 22px;}
}

@media screen and (min-width: 1281px){
	#news_area .NewsBox{}
	#about_area .d_flex { align-items: center; }
	#product_area .title_box .more:hover a span{background-color: var(--primary);}
	#product_area .title_box .more:hover a:before{top: -10px;left: 0px;}	
	#product_area .row:hover{transform: translate(0px, -10px);}
	#book_area .row:hover .info_box { bottom: 0; }
	#product_area::before {content: "";position: absolute;top: 0;left: 0;z-index: 0;width: calc((100% - 800px) / 5);height: 700px;background-color: rgb(255 255 255 / 60%);z-index: 5;display: none;}
	#product_area::after{content: "";position: absolute;top: 0;right: 0;z-index: 0;width: calc((100% - 530px) / 5);height: 700px;background-color: rgb(255 255 255 / 60%);z-index: 5;display: none;}
	header #cis .img_contain{-webkit-filter: contrast(0) brightness(200%);filter: contrast(0) brightness(200%);}
	#product_area ul li:hover {transform: translateY(-20.5px);}
	#product_area ul.slick-dots li:hover {transform: translateY(0);}
}
@media screen and (max-width: 1280px){
	#about_area .img_item:before , #about_area .img_item img { width: 100%; }
	#about_area .img_item img { height: 100%; }
	#product_area .row .img_box {opacity: 1;}
	#news_area a.more_btn{right:0;bottom:0}
	#product_area .title_box{width:100%;padding:0;margin-top:20px}
	#product_area .title_box .more{right:30px}
	section .title_box font,#news_area .title_box font:last-child{font-size:40px}
	#product_area .title_box p,#product_area .title_box .page_title,section .title_box .page_title{font-size:20px}
}

@media screen and (max-width: 1024px){
	#about_area .img_item {width: 100%;margin: 0 0 30px auto;order: inherit;}
	#about_area .img_item:before {border: 0;top: 0;right: 0;z-index: 2;}
	#about_area .info_item {margin-top: 0px;z-index: 4;}
	#about_area::after{top: -283px;width: 950px;height: 870px;}
	#product_area ul li{width:calc((100% / 2) - 16px)}
	#news_area .title_box{margin-right:0}
	#news_area .list_box{width:580px}
	#about_area{background-position: 20% 50%;padding: 12vw 0 19vw;}
}
@media screen and (max-width: 960px){
	#news_area{width: 100%;bottom: 0;padding: 7vw 0 7vw;}
	#news_area .list_box .row .info_box{padding: 8px 0;width: auto;}
	.list_box .info_box h3{margin: 0;}
	#news_area .nowrap_box{display:flex;flex-direction: column-reverse;}
	#news_area .left{width: 100%;}
	#news_area .NewsBox{position: relative;bottom: 0;width: 100%;padding: 70px 0px;}
	#news_area .bg_box{bottom: 0;left: 0px;}
	#news_area .title_box{width:auto}
	#news_area .list_box{width:100%}
}
@media screen and (max-width: 768px){
	#about_area .img_item { width: 80vw; height: 50vw; }
	#product_area .list_box {margin: auto;}
	#product_area .row .info_box >div {width: calc(100% - 10px);}
	#product_area .row .info_box article {height: 30px;-webkit-line-clamp: 2;}
	#book_area .row img { height: 350px; }
	#news_area .title_box .page_title{}
	#news_area .title_box{padding: 17px 0;}
}
@media screen and (max-width: 640px){
	#about_area .img_item { width: 100%; height: 60vw; }
	#about_area .img_item:before { background: rgba(var(--secondary-rgb), 0); }
	#about_area .info_item {margin-top: 0px;}
	#about_area::after{top: -370px;background-position: top;}
	#about_area:before{right: -160px;top: 330px;background-size: 90%;background-repeat: no-repeat;}
	section .title_box font{font-size: 42px;}
	section .title_box {margin-bottom: 30px;}
	#product_area ul li{padding: 0px;width: calc((100% / 1) - 0px);}
	#product_area .row .info_box h3{right: 0;font-size: 16px;/* width: 80%; */margin: auto;/* text-align: center; *//* padding: 0 10px; */height: 30px;}
	#news_area .list_box{width: 100%;}
	#news_area .list_box .slick-dots{margin-top: 0;bottom: 7px;}
	#product_area .row .info_box h3{font-size: 19px;}
	#product_area .title_box{margin-bottom:80px}
	#product_area .title_box .more{position:relative;top:30px;right:-30px}
	#about_area .title_box::after{
    bottom: -20px;
}
}
@media screen and (max-width: 500px){
	#product_area .list_box { width: 100%; }
#product_area .workframe{width: 95%;}
}