.sub_container {padding-top: 100px;padding-bottom: 140px;}

.sub_visual {position: relative;height: 580px;background-repeat: no-repeat;-webkit-background-size: cover;background-size: cover;background-position: center center;}	
.sub_visual.visual0101 {background-image: url("/resources/img/sub/sub_visual0101.jpg?v=1");}
.sub_visual.visual0102 {background-image: url("/resources/img/sub/sub_visual0102.jpg");}
.sub_visual.visual0103 {background-image: url("/resources/img/sub/sub_visual0103.jpg");}
.sub_visual.visual0104 {background-image: url("/resources/img/sub/sub_visual0104.jpg?v=1");}
.sub_visual.visual0105 {background-image: url("/resources/img/sub/sub_visual0105.jpg");}
.sub_visual.visual02 {background-image: url("/resources/img/sub/sub_visual02.jpg");}
.sub_visual.visual03 {background-image: url("/resources/img/sub/sub_visual03.jpg");}
.sub_visual.visual04 {background-image: url("/resources/img/sub/sub_visual03.jpg");}

.sub_top {display: flex;width: 100%;height: 100%; align-items: center;}
.sub_top.dir {align-items: flex-start;flex-direction: column;justify-content: center;gap: 28px;}
.sub_top h2 {font-size: 56px;font-weight: 500;color: #fff;font-family: "Montserrat";}
.subnav {position: absolute;left: 0;bottom: 0;width: 100%;height: 80px;background-color: #000;}
.submenu-wrap {display: flex;height: 100%;width: 100%;align-items: center;}
.submenu-wrap > li {position: relative;display: flex;height: 100%;align-items: center;width: 300px;padding: 0 20px;border-left: 1px solid rgb(255 255 255 / 30%);}
.submenu-wrap > li.nav_home {width: 80px;padding: 0;}
.nav_home a {display: flex;width: 100%;height: 100%;align-items: center;justify-content: center;}
.nav_name {font-size: 18px;font-weight: 700;color: #fff;position: relative;width: 100%;display: flex;align-items: center;cursor: pointer;}
.nav_name:after {position: absolute;right: 0;content: "";background-image: url("/resources/img/sub/location_arrow.svg");width: 18px;height: 10px;transition: all .3s ease;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;}
.nav_menu.on .nav_name:after {transform: rotate(180deg);}
.submenu {display: none;position: absolute;left: 0;top: 80px;width: 100%;z-index: 3;}
.submenu li a {width: 100%;height: 70px;display: flex;align-items: center;background-color: #fff;border-bottom: 1px solid #ddd;padding: 0 20px;font-size: 16px;color: #000;font-weight: 700;}
.submenu li a.on,
.submenu li a:hover {background-color: #203864;color: #fff;}
.nav_menu.bg {background-color: #203864;width: 360px;}


.sub_title {font-size: 40px;font-weight: 700;color: #000;margin-bottom: 50px;}   
.form_wrap {padding-top: 50px;}
.form_tit {font-size: 20px;font-weight: 700;color: #000;margin-bottom: 10px;}
.form_tit span {color: #E37611;}
.form_item {margin-bottom: 80px;}
.form_input {border-bottom: 1px solid #ddd;position: relative;}
.form_input label {position: absolute;left: 0;top: 0;width: 100%;display: block;font-weight: 400;font-size: 18px;color: #999;transform: translateY(100%);cursor: pointer;padding: 0 5px;}
.form_input input {width: 100%;height: 60px;background-color: #fff;border:none;outline:none;font-weight: 400;font-size: 18px;color: #000;padding: 0 5px;}
.form_input textarea {width: 100%;height: 150px;background-color: #fff;border:none;outline:none;font-weight: 400;font-size: 18px;color: #000;resize: none;padding: 5px;}
.form_btn {margin-top: 30px;}
.form_submit {cursor: pointer;background-color: #203864;display: inline-flex;align-items: center;justify-content: center;gap: 20px;font-weight: 700;font-size: 16px;color: #fff;font-family: "Montserrat";width: 140px;height: 60px;border-radius: 30px;border: none;outline: none;}

.newsList {border-top: 3px solid #000;}
.newsList li {border-bottom: 1px solid #ddd;padding: 40px 150px 40px 0;position: relative;}
.newsTit {font-weight: 700;font-size: 24px;color: #000;margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.newsTxt {font-size: 18px;color: #666;margin-bottom: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.newsDate {font-size: 15px;color: #999;}
    
.viewTit_wrap {border-top: 3px solid #000;padding: 50px 0;}
.viewTit {font-size: 24px;font-weight: 700;color: #000;margin-bottom: 20px;}
.viewDate {font-size: 18px;color: #999;}
.viewCon_wrap {border-top: 1px solid #666;border-bottom: 1px solid #666; padding: 50px 0 70px 0;}
.viewCon,
.viewCon p,
.viewCon td,
.viewCon span {word-break:keep-all;font-size: inherit;line-height: inherit;}
.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;}
.viewCon ol,
.viewCon ul,
.viewCon li {list-style: inherit;}
.viewCon ol,
.viewCon ul {list-style-position: inside;} 
.viewBtn {margin-top: 50px;}
.viewBtn a {display: inline-flex;gap: 10px;align-items: center;}
.viewBtn a span {font-size: 26px;font-weight: 700;color: #000;}   
.viewBtn img {filter: invert(1);transform: rotate(180deg);}

.viewCon .file {margin-bottom: 20px;}
.viewCon .file a {display: inline-block;text-decoration: underline;font-size: 15px;color: #6c6c6c;padding-left: 20px;position: relative;}
.viewCon .file a:before {position: absolute;content: "";display: block;width: 14px;height: 12px;left: 0;top: 3px;background-image: url('/resources/img/sub/ico_folder.png');-webkit-background-size: 14px 12px;background-size: 14px 12px;}

.page_wrap {text-align:center;margin-top: 70px;}
.page_wrap.no-mar {margin-top: 0;}
.page_nation {display:flex;justify-content: center; align-items: center;}
.page_nation .none {display:none;}
.page_nation a {display: flex;align-items: center;justify-content: center;width: 50px; height: 50px;text-align:center; background:none; font-size:14px; color:#000;font-weight: 700;border-radius: 50%;}
.page_nation .pprev {background:url("/resources/img/sub/page_pprev.png") no-repeat center center;}
.page_nation .prev {background:url("/resources/img/sub/page_prev.png") no-repeat center center;}
.page_nation .next {background:url("/resources/img/sub/page_next.png") no-repeat center center;}
.page_nation .nnext {background:url("/resources/img/sub/page_nnext.png") no-repeat center center;}
.page_nation a.active {background-color: #203864;color: #fff;}

.down_link {position: absolute;right: 60px;top: 0;z-index: 1;align-self: anchor-center;}

.company_bg {position: relative;width: 100%;height: 700px;margin-bottom: 110px;}   
.company_bg .bg_img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;z-index: 1;}
.company_bg .logo {position: absolute;left: 0;bottom: -40px;;z-index: 2;}

.info_t1 {font-size: 700px;font-size: 30px;color: #203864;margin-bottom: 30px;}
.info_t2 {font-weight: 500;font-size: 18px;color: #666;line-height: 1.5;}

.customer_list {display: grid;grid-template-columns: repeat(4, 1fr);gap: 28px;}

.cateList {margin-bottom: 60px;display: grid;grid-template-columns: repeat(4, 1fr);}   
.cateList li {border: 1px solid #ddd;display: flex;align-items: center;justify-content: center;min-height: 60px;padding: 5px 0;}
.cateList li a {text-align: center;font-weight: 600;font-size: 18px;color: #A3A4A7; display: block;width: 100%;}
.cateList li.active {background-color: #203864;}
.cateList li.active a {font-weight: 700;color: #fff;}

.counter {font-weight: 500;font-size: 16px;color: #000;}
.counter span {font-weight: 700;color: #D40000;}

.productList {margin-top: 30px;display: grid;grid-template-columns: repeat(4, 1fr);column-gap: 28px;row-gap: 80px;}
.product_img {border: 1px solid #ddd;height: 400px;display: flex;align-items: center; justify-content: center;padding: 10px;background-color: #fff;}
.product_img img {max-height: 100%;}
.prodcut_tit {margin-top: 20px;font-weight: 500;font-size: 24px;color: #000;}
.prodcut_tit span,.prodcut_tit p {font-size: inherit !important;}

.product_div {display: flex;gap: 70px;margin-bottom: 100px;padding-top: 50px;}
.product_div .product_left {width: 45%;}
.product_div .product_right {width: 55%;}
.pdview_tit {font-weight: 700;font-size: 35px;color: #000;margin-bottom: 20px;}
.pdview_stit {font-weight: 500;font-size: 24px;color: #000;margin-bottom: 60px;}
.pdview_info {max-width: 650px;}
.pdview_info li {font-weight: 500;font-size: 16px;color: #666;position: relative;margin-bottom: 28px;padding-left: 20px;}
.pdview_info li:before {position: absolute;left: 0;top: 6px;content: "";width: 6px;height: 6px;background-color: #203864;}

.product_cont_tt {font-weight: 500;font-size: 24px;color: #000;margin-bottom: 30px;padding-bottom: 30px;border-bottom: 1px solid #ddd;}
.product_cont {padding: 30px 0;width: 900px;margin: 0 auto;}
.product_cont,
.product_cont p,
.product_cont td,
.product_cont span {word-break:keep-all;font-size: inherit;line-height: inherit;}
.product_cont blockquote.tx-quote1 {border:3px solid #eeeeee;}
.product_cont img {max-width:100% !important;margin: 0 auto !important;display: block !important;}
.product_cont table {text-align: center !important;width: 100% !important;}
.product_cont ol,
.product_cont ul,
.product_cont li {list-style: inherit;}
.product_cont ol,
.product_cont ul {list-style-position: inside;} 

.slick-list,.slick-track,.slick-slide,.slick-slide > div {height: 100%;}
.product_slide {margin-bottom: 20px;border: 1px solid #ddd;height: 570px;}
.slide_item {width: 100%;height: 100%;display: flex !important; align-items: center;justify-content: center;padding: 70px;}
.slide_item img {object-fit: cover;max-width: 100%;display: block;margin: 0 auto;max-height: 100%;}

.thumb_slide {height: 127px;}
.thumb_slide .slick-track {display: flex !important;gap: 20px;}
.thumb_slide_item {height: 100%;border: 1px solid #ddd;padding: 10px;}
.thumb_slide_item img {object-fit: cover;max-width: 100%;display: block;margin: 0 auto;height: 100%;}
.slick-current .thumb_slide_item {border-color: #000;}

.request_submit {cursor: pointer;background-color: #203864;display: inline-flex;align-items: center;justify-content: center;font-weight: 700;font-size: 16px;color: #fff;font-family: "Montserrat";width: 140px;height: 60px;border: none;outline: none;}

@media (max-width: 1560px) {

}
@media (max-width: 1499px) {

}

@media (max-width: 1429px) {

}
@media (max-width: 1399px) {

}
@media (max-width: 1259px) {
	.sub_visual {height: 480px;}
	.sub_top h2 {font-size: 50px;}
	.newsTit {font-size: 20px;}
	.viewTit {font-size: 20px;}
	/* .viewCon, .viewCon p, .viewCon td, .viewCon span {font-size: 18px;} */
	/* .product_cont, .product_cont p, .product_cont td, .product_cont span {font-size: 18px;} */
}
@media (max-width: 1219px) {
	.sub_top h2 {font-size: 45px;} 
	.company_bg {height: 500px;}
	.info_t1 {font-size: 25px;}
	.info_t2 {font-size: 16px;}
	.sub_title {font-size: 30px;}
	.cateList li a {font-size: 16px;}
	.prodcut_tit {font-size: 20px;}
	.product_img {height: 350px;}
	.pdview_tit {font-size: 30px;}
	.product_div {gap: 50px;}
	.pdview_stit {font-size: 20px;}
	.product_slide {height: 450px;}
	.slide_item {padding: 35px;}
	.thumb_slide {height: 80px;}
}

@media (max-width: 991px) {
	.sub_visual {height: 380px;}
	.sub_top h2 {font-size: 35px;}
	.subnav {height: 60px;}
	.nav_name {font-size: 14px;}
	.submenu {top: 60px;}
	.submenu li a {height: 50px;font-size: 14px;}
	.submenu-wrap > li {width: 200px;}
	.nav_menu.bg {width: 300px;}
	.sub_container {padding-top: 50px;padding-bottom: 70px;}
	.sub_title {font-size: 25px;margin-bottom: 25px;}
	.company_bg {height: 400px;margin-bottom: 55px;}
	.info_t1 {font-size: 20px;margin-bottom: 15px;}
	.info_t2 {font-size: 14px;}
	.customer_list {grid-template-columns: repeat(2, 1fr);gap: 14px}
	.newsTxt {font-size: 16px;margin-bottom: 15px;}
	.newsTit {font-size: 18px;}
	.down_link img {width: 36px;}
	.newsList li {padding: 25px 75px 25px 0;}
	.down_link {right: 30px;}
	.page_wrap {margin-top: 35px;}
	.page_nation a {font-size: 12px;width: 30px;height: 30px;}
	.viewTit {font-size: 18px;margin-bottom: 10px;}
	/* .viewCon, .viewCon p, .viewCon td, .viewCon span {font-size: 16px;} */
	.viewDate {font-size: 16px;}
	.viewTit_wrap {padding: 30px 0;}
	.viewCon_wrap {padding: 30px 0 40px 0;}
	.viewBtn {margin-top: 25px;}
	.viewBtn a span {font-size: 18px;}
	.form_wrap {padding-top: 25px;}
	.form_tit {font-size: 18px;}
	.form_input input {font-size: 16px;}
	.form_input label {font-size: 16px;}
	.form_item {margin-bottom: 40px;}
	.form_input textarea {height: 120px;font-size: 16px;}
	.form_submit {font-size: 14px;height: 50px;}
	.cateList li a {font-size: 14px;}
	.prodcut_tit {font-size: 18px;margin-top: 10px;}
	.productList {margin-top: 15px;row-gap: 40px;}
	.product_img {height: 300px;}
	.cateList {margin-bottom: 30px;}
	.sub_visual_logo img {width: 50%;}
	.sub_top.dir {gap: 20px;}
	.product_div {gap: 20px;margin-bottom: 50px;padding-top: 25px;}
	.pdview_tit {font-size: 25px;margin-bottom: 10px;}
	.pdview_stit {font-size: 18px;margin-bottom: 30px;}
	.pdview_info li {margin-bottom: 20px;font-size: 15px;}
	.product_slide {height: 350px;margin-bottom: 10px;}
	.thumb_slide {height: 60px;}
	.product_cont_tt {font-size: 20px;margin-bottom: 15px;padding-bottom: 20px;}
	.product_cont {padding: 20px 0;width: 100%;}
	.product_cont iframe {width: 100% !important;}
	/* .product_cont, .product_cont p, .product_cont td, .product_cont span {font-size: 16px;} */
	.pdview_tit span,.pdview_tit p {font-size: inherit !important;}

}

@media (max-width: 767px) {
	.sub_visual {height: 280px;}
	.sub_top h2 {font-size: 30px;}
	.sub_title {font-size: 20px;}
	.company_bg {height: 300px;}
	.company_bg .logo img {width: 200px;}
	.sub_container {padding-top: 30px;}
	.info_t1 {font-size: 18px;}
	.newsTit {font-size: 16px;}
	.newsTxt {font-size: 14px;}
	.newsDate {font-size: 12px;}
	.viewTit {font-size: 16px;}
	/* .viewCon, .viewCon p, .viewCon td, .viewCon span {font-size: 14px;} */
	.viewDate {font-size: 14px;}
	.form_tit {font-size: 16px;}
	.form_input input {font-size: 14px;}
	.form_input label {font-size: 14px;}
	.form_input textarea {font-size: 14px;}
	.form_item {margin-bottom: 20px;}
	.cateList {grid-template-columns: repeat(3, 1fr);}
	.cateList li a {font-size: 12px;}
	.counter {font-size: 14px;}
	.product_img {height: 300px;}
	.product_img img {height: 100%;}
	.productList {grid-template-columns: repeat(1, 1fr);row-gap: 28px;}
	.prodcut_tit {font-size: 16px;}
	/* .product_cont, .product_cont p, .product_cont td, .product_cont span {font-size: 14px;} */
	.product_div {flex-direction: column;}
	.product_div .product_left,
	.product_div .product_right {width: 100%;}
	.slide_item img {height: 100%;}
	.product_slide {height: 300px;}
	.pdview_tit {font-size: 20px;margin-bottom: 20px;}
	.pdview_stit {font-size: 16px;margin-bottom: 20px;}
	.pdview_info li {font-size: 14px;}
	.product_cont img {width: auto !important;height: auto !important;}
}

@media (max-width: 575px) {
	.subnav {display: none;}
	.company_bg {height: 200px;}
	.sub_visual {height: 180px;}
	.sub_top h2 {font-size: 25px;}
	.product_img {height: 200px;}
	.sub_top.dir h2 {font-size: 20px;}
	.sub_top.dir {gap:0;}
	.product_cont,
	.product_cont div,
	.product_cont p,
	.product_cont td,
	.product_cont span {line-height: 1.5 !important;}
}