.sub_visual {margin-bottom: 150px;}	
.no-margin {margin-bottom: 0 !important;}
.mt150 {margin-top: 150px;}
.about_div {display: flex;margin-bottom: 100px;}
.about_left {width: 20%;}
.about_right {width: 80%;}
.ss_tit {font-size: 20px;font-weight: 800;color: #fff;}
.aboutus_tit {font-size: 70px;font-weight: 800;color: #fff;margin-bottom: 50px;}
.aboutus_txt {font-size: 20px;color: #fff;margin-bottom: 120px;}

.project_list {display: grid;grid-template-columns: repeat(4, 1fr);column-gap: 28px;row-gap: 120px;}
.project_img {width: 100%;height: 570px;overflow: hidden;opacity: 0.7;}
.project_img:hover {opacity: 1;}
.project_img img {width: 100%;height: 100%;object-fit: initial;display: block;}
.project_name {font-weight: 700;font-size: 18px;color: #fff;margin-top: 20px;}
.project_date {font-size: 16px;color: #bbb;margin-top: 10px;}

.more_wrap {text-align: center;margin-top: 100px;}
.more_btn {display: inline-flex;flex-direction: column;align-items: center;justify-content: center;gap: 10px;}
.more_btn span {font-size: 18px;font-weight: 700;color: #fff;}

.newsList li {border-top: 1px solid #fff;padding: 50px 0;}
.newsTit {font-weight: 800;font-size: 60px;color: #fff;margin-bottom: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.newsTxt {font-size: 20px;color: #fff;margin-bottom: 50px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.newsDate {font-size: 18px;color: #bbb;}
    
.view_wrap {margin-bottom: 200px;}
.viewTit_wrap {border-top: 1px solid #fff;padding: 50px 0;}
.viewTit {font-size: 26px;font-weight: 600;color: #fff;margin-bottom: 20px;}
.viewDate {font-size: 18px;color: #bbb;}
.viewCon_wrap {border-top: 1px solid #666;padding: 50px 0 70px 0;}
.viewCon,
.viewCon p,
.viewCon td,
.viewCon span {word-break:keep-all;font-size: 20px;color: #fff;}
.viewCon blockquote.tx-quote1 {border:3px solid #eeeeee;}
.viewCon img {width: auto !important;max-width:100% !important;height: auto !important;margin: 0 auto !important;display: block !important;}
.viewCon table {text-align: center !important;width: 100% !important;}

.viewBtn {margin-top: 50px;}
.viewBtn a {display: inline-flex;gap: 10px;align-items: center;}
.viewBtn a span {font-size: 26px;font-weight: 800;color: #fff;}

.project_intro {margin-bottom: 160px;display: flex;gap: 28px;}	
.project_intro .intro {width: 33.33333333%;height: 620px;-webkit-background-size: cover;
background-size: cover;background-repeat: no-repeat;background-position: center center;position: relative;}
.project_intro .intro_tit {font-size: 26px;font-weight: 700;color: #fff;position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
.project_intro .intro.intro1 {background-image: url("/resources/img/sub/interior_bg1.jpg");}
.project_intro .intro.intro2 {background-image: url("/resources/img/sub/interior_bg2.jpg");}
.project_intro .intro.intro3 {background-image: url("/resources/img/sub/interior_bg3.jpg");}

.project_view {margin-bottom: 250px;}	
.project_head {margin-bottom: 120px;}
.project_tit {font-size: 84px;font-weight: 800;color: #fff;margin-bottom: 30px;}
.project_sub {display: flex;align-items: center;justify-content: flex-start;}
.project_sub_tit {font-size: 26px;font-weight: 600;color: #fff;}
.project_sub a {display: inline-flex;gap: 10px;align-items: center;margin-left: auto;}
.project_sub a span {font-size: 26px;font-weight: 800;color: #fff;}

.project_content {margin-bottom: 100px;display: flex;gap: 80px;}
.project_left {width: 40%;}
.project_right {width: 60%;}

.project_cont_img img {min-height: 780px;object-fit: initial;}
.project_cont {border-top: 1px solid #fff;padding: 50px 0;display: flex;}
.project_cont_l {font-size: 20px;font-weight: 700;color: #fff;width: 20%;}
.project_cont_r {width: 80%;flex: 1;}
.project_cont_r ul li {margin-bottom: 20px;display: flex;align-items: flex-start;}
.project_cell1 {font-size: 20px;font-weight: 700;color: #fff;width: 200px;}
.project_cell2 {font-size: 20px;color: #bbb;flex: 1;}

.project_images {display: flex;gap: 28px;}
.images_item {width: 25%;}
.images_item_img img {min-height: 650px;object-fit: initial;}
.images_item_tit {font-size: 18px;font-weight: 500;color: #fff;margin-top: 10px;}

.product_wrap {padding: 150px 0;}   
.product_div {display: flex;gap: 170px;align-items: center;}
.product_img {width: 548px;}
.product_cont {width: 980px;}
.product_tit {font-weight: 800;font-size: 20px;color: #fff;margin-bottom: 50px;}
.product_txt {font-size: 20px;color: #fff;}

.history_wrap {display: flex;gap: 100px;align-items: center;margin-bottom: 100px;}
.history_year {font-weight: 800;font-size: 70px;color: #fff;align-self: flex-start;width: 185px;} 
.history_item {flex: 1;}
.history_list li {display: flex;gap: 50px;padding: 15px 0;}
.history_list li .month {font-weight: 700;font-size: 20px;color: #fff;}
.history_list li .txt {font-size: 20px;color: #fff;}

.Equipment_list {margin-top: 60px;margin-bottom: 150px;display: grid;grid-template-columns: repeat(3, 1fr);column-gap: 28px;row-gap: 100px;}   
.Equipment_tit {font-weight: 600;font-size: 20px;color: #fff;margin-top: 20px;}
.mb100 {margin-bottom: 100px;}
.img_pop {position: fixed;left: 0;top: 100%;width: 100%;height: 100%;background-color: rgb(0 0 0 / 80%);z-index: 1001;justify-content: center; align-items: center; display: flex;padding: 50px;opacity: 0;transition: all .3s ease; -webkit-transition: all .3s ease;  -moz-transition: all .3s ease;}
.img_pop.on {opacity: 1;top: 0;}
.img_pop_inner {position: relative;height: 100%;display: inline-flex;}
.pop_close {position: absolute;right: -22px;top: 0;}
.img_pop_cont {overflow-y: auto;height: 100%;width: 100%;}
.img_pop_inner img { display: block; max-width: 100%; height: 100%;object-fit: initial;margin: 0 auto;} 

@media (max-width: 1560px) {
	.sub_title {font-size: 70px;}
	.project_tit {font-size: 70px;}
	.sub_menu {gap: 20px;}
	.aboutus_tit {font-size: 60px;}
	.history_year {font-size: 60px;}
	.product_div {gap: 100px;}
	.newsTit {font-size: 50px;}
	.project_img {height: 500px;}
}
@media (max-width: 1499px) {

}

@media (max-width: 1429px) {

}
@media (max-width: 1399px) {
	.sub_menu li a {font-size: 22px;}
	.sub_text {font-size: 24px;}
	.history_wrap {gap: 50px;}
	.newsTit {font-size: 40px;}
	.project_img {height: 400px;}
}
@media (max-width: 1259px) {
	.sub_title {font-size: 60px;}
	.project_tit {font-size: 60px;}
	.project_sub_tit {font-size: 24px;}
	.sub_text {font-size: 20px;}
	.sub_menu li a {font-size: 20px;}
	.sub_visual {margin-bottom: 100px;}
	.aboutus_tit {font-size: 50px;}
	.history_year {font-size: 40px;width: 130px;}
	.Equipment_tit {font-size: 18px;}
	.project_intro .intro_tit {font-size: 24px;}
	.project_intro .intro {height: 420px;}
	.images_item_img img { min-height: 450px;}
	.project_cont_img img { min-height: 680px;}
}
@media (max-width: 1219px) {
	.sub_title {font-size: 50px;}
	.project_tit {font-size: 50px;}
	.sub_menu li a {font-size: 18px;}
	.sub_text {font-size: 18px;}
	.sub_cont {margin-bottom: 70px;}
	.aboutus_tit {font-size: 40px;}
	.project_cont {flex-direction: column;gap: 30px;}
	.project_cont_l {width: 100%;}
	..project_cont_r {width: 100%;}
	.project_content {gap: 40px;}
	.project_cell1,.project_cell2 {font-size: 18px;}
	.project_cell1 {width: 180px;}
	.project_sub a span {font-size: 24px;}
	.newsTit {font-size: 30px;}
	.viewBtn a span {font-size: 24px;}
	.product_div {gap: 50px;}
	.product_wrap {padding: 100px 0;}
	.project_intro {margin-bottom: 100px;}
	.project_img {height: 300px;}
}

@media (max-width: 991px) {
	.sub_title {font-size: 40px;margin-bottom: 15px;}
	.project_tit {font-size: 40px;margin-bottom: 15px;}
	.project_sub_tit {font-size: 18px;}
	.project_sub a span {font-size: 18px;}
	.project_head {margin-bottom: 60px;}
	.sub_cont {margin-bottom: 35px;flex-direction: column;align-items: flex-start;gap: 30px;}
	.sub_visual {margin-bottom: 50px;}
	.aboutus_tit {font-size: 30px;}
	.aboutus_txt {font-size: 18px;margin-bottom: 60px;}
	.about_div {margin-bottom: 50px;}
	.history_year {font-size: 30px;width: 80px;}
	.history_wrap {gap: 25px;margin-bottom: 50px;}
	.history_list li .month {font-size: 18px;}
	.history_list li .txt {font-size: 18px;}
	.history_list li {gap: 25px;}
	.Equipment_list {margin-top: 30px;margin-bottom: 100px;row-gap: 50px;grid-template-columns: repeat(2, 1fr);}
	.Equipment_tit {font-size: 16px;margin-top: 10px;}
	.ss_tit {font-size: 16px;}
	.aboutus_txt {font-size: 16px;}
	.aboutus_tit {font-size: 25px;margin-bottom: 25px;}
	.product_wrap {padding: 50px 0;}
	.product_tit {font-size: 18px;margin-bottom: 25px;}
	.product_txt {font-size: 18px;}
	.product_div {gap: 25px;}
	.mt150 {margin-top: 75px;}
	.project_intro .intro_tit {font-size: 20px;}
	.project_intro .intro {height: 280px;}
	.project_name {font-size: 16px;margin-top: 10px;}
	.project_date {font-size: 14px;}
	.project_list {row-gap: 60px;}
	.more_wrap {margin-top: 50px;}
	.more_btn span {font-size: 16px;}
	.images_item_tit {font-size: 16px;}
	.project_view {margin-bottom: 100px;}
	.project_content {margin-bottom: 50px;}
	.project_left,.project_right {width: 100%;}
	.project_content {flex-direction: column;}
	.project_cont {padding: 30px 0;}
	.project_cont_l {font-size: 18px;}
	.newsList li {padding: 30px 0;}
	.newsTit {font-size: 20px;margin-bottom: 15px;}
	.newsTxt {font-size: 16px;margin-bottom: 25px;}
	.newsDate {font-size: 16px;}
	.viewTit_wrap {padding: 30px 0;}
	.viewTit {font-size: 20px;}
	.viewDate {font-size: 16px;}
	.viewCon, .viewCon p, .viewCon td, .viewCon span {font-size: 16px;}
	.viewBtn a span {font-size: 20px;}
	.viewBtn {margin-top: 25px;}
	.viewCon_wrap {padding: 25px 0 35px 0;}
	.view_wrap {margin-bottom: 100px;}
	.project_img {height: 230px;}
	.images_item_img img { min-height: 350px;}
	.project_cont_img img { min-height: 580px;}
	.mb100 {margin-bottom: 50px;}
}

@media (max-width: 767px) {
	.sub_title {font-size: 30px;}
	.sub_text {font-size: 16px;}
	.sub_menu li a {font-size: 16px;text-align: center;}
	.about_div {flex-direction: column;gap: 20px;}
	.about_left,.about_right {width: 100%;}	
	.aboutus_tit {font-size: 20px;}
	.history_year {font-size: 20px;width: 50px;}
	.history_list li {gap: 15px;padding: 10px 0;}
	.history_list li .month {font-size: 18px;}
	.history_list li .txt {font-size: 16px;}	
	.Equipment_list {grid-template-columns: repeat(1, 1fr);}
	.product_div {flex-direction: column;}
	.product_div.rev {flex-direction: column-reverse;}
	.product_cont {width: 100%;}
	.product_img {width: 100%;}
	.product_tit {font-size: 18px;margin-bottom: 15px;}
	.product_txt {font-size: 16px;}
	.project_intro {flex-direction: column;}
	.project_intro .intro {width: 100%;height: 250px;}
	.project_list {grid-template-columns: repeat(2, 1fr);}
	.project_tit {font-size: 30px;}
	.project_sub_tit {font-size: 16px;}
	.project_sub a span {font-size: 16px;}
	.project_head {margin-bottom: 30px;}
	.project_content {gap: 20px;}
	.project_cell1 {font-size: 14px;width: 30%;} 
	.project_cell2 {font-size: 14px;width: 70%;}
	.project_cont_l {font-size: 16px;}
	.project_cont_l,.project_cont_r {width: 100%;}
	.project_cont {gap: 20px;}
	.project_cont_r ul li {margin-bottom: 10px;}
	.project_images {flex-wrap: wrap;}
	.images_item {width: 45%;}
	.images_item_tit {font-size: 14px;}
	.newsTit {font-size: 18px;}
	.viewTit_wrap {padding: 20px 0;}
	.viewBtn a span {font-size: 16px;}
	.project_img {height: 250px;}
	.img_pop_inner {height: auto;}
}

@media (max-width: 575px) {
	.images_item_img img { min-height: 250px;}
	.project_cont_img img { min-height: 480px;}
}