.content_WH{width: 92%;height: auto;margin: 0px auto;}
@font-face{
     font-family: 'Montserrat-Black';
     src: url('fonts/Montserrat-Black.ttf');
}
@font-face{
     font-family: 'Montserrat-Bold';
     src: url('fonts/Montserrat-Bold.ttf');
}
@font-face{
     font-family: 'Montserrat-Light';
     src: url('fonts/Montserrat-Light.ttf');
}
@font-face{
     font-family: 'Montserrat-Medium';
     src: url('fonts/Montserrat-Medium.ttf');
}
@font-face{
     font-family: 'Montserrat-Regular';
     src: url('fonts/Montserrat-Regular.ttf');
}
@font-face{
     font-family: 'Montserrat-SemiBold';
     src: url('fonts/Montserrat-SemiBold.ttf');
}
@font-face{
     font-family: 'Prompt-Medium';
     src: url('fonts/Prompt-Medium.ttf');
}
@font-face{
     font-family: 'Montserrat-Thin';
     src: url('fonts/Montserrat-Thin.ttf');
}
*{
  font-family: "Montserrat-Regular";
}
:root{
	--mainColor:#e8380d;
}

body{padding-bottom: 0;}
/*header start*/
.j-header{width: 100%;height: 56vw;background: var(--mainColor);overflow-x: hidden;}
.j-header_content{width: 100%;height: 16vw;display: flex;justify-content: center;align-items: center;position: relative;}
.j-logo{width: 20.8vw;height: auto;}
.j-logo img{width: 100%;height: auto;display: block;}
.hd_btn{position: relative;float: right;width: 6vw;height: 4.5vw;cursor: pointer;position: absolute;right: 0;top: 50%;transform: translateY(-50%);z-index: 10;}
.hd_btn span{position: absolute;left: 0;top: 0px;width: 100%;height: 0.6vw;border-radius: 0.3vw;background-color:  #FFFFFF;transition: .3s;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.hd_btn .s1 {top: 0;}
.hd_btn .s2 {top: 2vw;width: 3.5vw;right: 0;left: auto;}
.hd_btn .s3 {top: 4vw;width: 4.5vw;left: auto;right: 0;}
.hd_btn.on span{width: 6vw !important;}
.hd_btn.on .s1 {top: 2vw;transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-moz-transform: rotate(45deg);}
.hd_btn.on .s2 {opacity: 0;}
.hd_btn.on .s3 {top: 2vw;transform: rotate(-45deg);-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);-moz-transform: rotate(-45deg);}
.j-header_nav_box{width: 100%;height: calc(100vh - 23.2vw);background: var(--mainColor);position: fixed;left: 0;top: 0;padding-top: 16vw;left: 100%;transition: left 0.6s;z-index: 9;}
.header_nav_ul{width: 100%;height: auto;}
.header_nav_ul li{height: 10.8vw;font-size: 3.8vw;}
.header_nav_ul li a{display: block;width: 100%;height: 100%;line-height: 10.8vw;color: #FFFFFF;}
.j-header_search{width: 100%;height: auto;}
.header_search_content{width: 100%;height: 7.5vw;position: relative;position: relative;}
.header_search_content form{width: 100%;height: 100%;}
.header_search_content span{display: block;width: 2.9vw;height: auto;position: absolute;top: 50%;left: 4.3vw;transform: translateY(-50%);}
.header_search_content span img{width: 100%;height: auto;display: block;}
.j-header_search_txt{width: 100%;height: 100%;background: #FFFFFF;border-radius: 3.7vw;padding-left: 9.4vw;font-size: 3.2vw;color: #333333;border: none;}
.j-header_search_txt:placeholder{color: #adafba;}
.j-header_search_btn{width: 22vw;height: 6.8vw;background: var(--mainColor);color: #FFFFFF;font-size: 3.2vw;border: none;position: absolute;right: 0.35vw;top: 50%;transform: translateY(-50%);border-radius: 3.4vw;}
/*header end*/
/*content start*/
.j-content{width: 100%;height: auto;}
.j-map_box{width: 100%;height: auto;margin-top: -40vw;position: relative;}
.j-map_content{width: 100%;height: auto;position: relative;overflow: hidden;border-radius: 3.2vw;}
.j-map_content_bg{width: 100%;height: auto;}
.j-map_content_bg img{width: 100%;height: auto;display: block;}
.j-map_content_txt{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.j-map_content_txt_logo{width: 20.8vw;height: auto;margin-top: 2.5vw;margin-left: 2.5vw;}
.j-map_content_txt_center{width: 100%;height: auto;margin-top: 13.5vw;}
.j-map_content_txt_center h4{font-size: 4.8vw;color: #FFFFFF;text-align: center;font-family: "Montserrat-Bold";}
.j-map_content_txt_center p{font-size: 3.7vw;color: #FFFFFF;font-family: "Montserrat-Light";text-align: center;margin-top: 3vw;}
.j-map_content_txt_bottom{margin-top: 65.1vw;padding-right: 2.5vw;font-size: 3.7vw;color: #FFFFFF;text-align: right;}
.j-product_box{width: 100%;height: auto;padding-top: 10.4vw;}
.j-title_box{width: 100%;height: auto;display: flex;justify-content: center;align-items: flex-start;}
.j-title_box span{display: block;width: 5.1vw;height: auto;margin-top: 1.2vw;}
.j-title_box span img{width: 100%;height: auto;display: block;}
.j-title_box h4{font-size: 4.8vw;color: #000000;font-family: "Prompt-Medium";margin: 0 2.3vw;}
.j-product_img{width: 100%;height: auto;margin-top: 7.1vw;}
.j-product_img img{width: 100%;height: auto;display: block;}
.j-product_type_box{width: 100%;height: auto;padding: 11.2vw 0;background: #000000;}
.j-product_type_box img{width: 100%;height: auto;display: block;}
.j-application_box{width: 100%;height: auto;padding: 11.2vw 0;background: #181818;}
.white{color: #FFFFFF !important;}
.j-application_sw{width: 100%;height: auto;margin-top: 9.2vw;}
.j-application_sw_contet{width: 100%;height: auto;position: relative;}
.j-application_sw_bg{width: 100%;height: auto;}
.j-application_sw_bg img{width: 100%;height: auto;display: block;}
.j-application_sw_contet_txt{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: var(--mainColor);padding: 1.8vw;opacity: 0;transition: opacity 0.6s;}
.j-application_sw_contet_txt img{width: 100%;height: auto;display: block;}
.j-application_sw_contet_txt h4{font-size: 4.3vw;color: #FFFFFF;font-family: "Montserrat-Medium";text-align: center;margin-top: 11.4vw;}
.j-application_sw_contet_txt p{font-size: 3.5vw;color: #FFFFFF;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;width: 90%;margin: 0px auto;margin-top: 4.4vw;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{background: none;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background: none;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{display: none;}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{display: none;}
.j-application_sw_right,.j-application_sw_left{width: 6vw;height: 6vw;display: flex;justify-content: center;align-items: center;font-family: "Prompt-Thin";font-size: 4vw;}
.j-application_sw_left{background: #FFFFFF;color: #212121;left: 0;}
.j-application_sw_right{background: var(--mainColor);color: #FFFFFF;right: 0;}
.j-application_more{width: 34.3vw;height: 10.8vw;font-size: 3.5vw;color: #FFFFFF;display: flex;justify-content: center;align-items: center;margin: 0px auto;margin-top: 9.9vw;border-radius: 1.3vw;background: var(--mainColor);}
.j-who_box{width: 100%;height: auto;padding: 9.1vw 0;margin-top: 2.9vw;background: url(https://m-kingspec.usa02.wondercdn.com/images/j-about_bg.png) no-repeat center center;background-size: cover;}
.j-who_top_box{width: 100%;height: auto;position: relative;margin-top: 11.8vw;}
.j-who_top_left{width: 57.3vw;height: 33.2vw;background: var(--mainColor);position: absolute;left: 0;top: -3.7vw;z-index: 1;}
.j-who_top_right{width: 57.3vw;height: 33.2vw;background: var(--mainColor);position: absolute;right: 0;bottom: -3.7vw;z-index: 1;}
.j-who_top_sw{width: 100%;height: auto;z-index: 2;}
.j-who_top_sw_page span{width: 2.9vw;height: 2.9vw;background: #FFFFFF;opacity: 1;}
.j-who_top_sw_page span.swiper-pagination-bullet-active{background: var(--mainColor);}
.j-who_bottom{width: 100%;height: auto;padding-top: 11vw;}
.j-who_bottom p{font-size: 3.5vw;color: #FFFFFF;line-height: 5.8vw;}
.j-advantages_box{width: 100%;height: auto;padding: 10.6vw 0;margin-top: 3.3vw;background: #181818;}
.j-advantages_ul{width: 100%;height: auto;margin-top: 6.4vw;display: flex;justify-content: space-between;flex-wrap: wrap;}
.j-advantages_ul li{width: 48.5%;height: 38.2vw;border: solid 1px #434343;margin-top: 4.4vw;position: relative;}
.j-advantages_ul_out{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.j-advantages_ul_out img{width: 10.5vw;height: auto;display: block;}
.j-advantages_ul_out h4{font-size: 3.7vw;color: #FFFFFF;font-family: "Montserrat-Light";text-align: center;margin-top: 4vw;}
.j-advantages_ul_in{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: var(--mainColor);display: flex;justify-content: center;align-items: center;opacity: 0;transition: opacity 0.6s;}
.j-advantages_ul_in_div{width: 92%;height: auto;}
.j-advantages_ul_in_div h4{display: flex;justify-content: flex-start;align-items: center;font-size: 3.7vw;color: #FFFFFF;}
.j-advantages_ul_in_div h4 img{display: block;width: 6vw;height: auto;margin-right: 2.2vw;}
.j-advantages_ul_in_div p{display: block;padding-left: 8.2vw;font-size: 2.9vw;color: #FFFFFF;margin-top: 1.6vw;}
.j-advantages_ul li:hover .j-advantages_ul_in{opacity: 1;}
.j-system_box{width: 100%;height: auto;padding: 14.7vw 0;background: url(https://m-kingspec.usa02.wondercdn.com/images/j-system_bg.png) no-repeat center center;background-size: cover;}
.j-system_ul{width: 100%;height: auto;display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 1.2vw;}
.j-system_ul li{width: 42.3vw;height: auto;margin-top: 10.1vw;}
.j-system_ul li img{width: 100%;height: auto;display: block;}
.j-system_ul li h4{font-size: 3.5vw;color: #FFFFFF;margin-top: 3.2vw;text-align: center;}
.j-system_ul2{width: 100%;height: auto;margin-top: 11.3vw;display: flex;justify-content: space-between;}
.j-system_ul2 li{width: 32%;height: auto;}
.j-system_ul2 li img{width: 100%;height: auto;display: block;}
.j-system_ul2 li h4{font-size: 3.5vw;color: #FFFFFF;margin-top: 3.2vw;text-align: center;}
.j-contact_box{width: 100%;height: auto;position: relative;}
.j-contact_box img{width: 100%;height: auto;display: block;}
.j-contact_content{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: flex;justify-content: center;align-items: center;}
.j-contact_content h4{font-size: 4.8vw;color: #FFFFFF;text-align: center;}
.j-contact_content p{display: block;width: 83.1vw;height: auto;margin: 0px auto;margin-top: 7.8vw;font-size: 3.5vw;color: #FFFFFF;text-align: center;}
.j-contact_content a{width: 34.2vw;height: 10.7vw;border-radius: 1.3vw;background: var(--mainColor);color: #FFFFFF;display: flex;justify-content: center;align-items: center;margin: 0px auto; margin-top: 6.9vw;font-size: 3.5vw;}
/*content end*/
/*footer start*/
.j-footer{width: 100%;height: auto;padding: 14.9vw 0 35vw;background: #000;}
.j-footer_conatct_box h4{font-size: 4.8vw;color: #FFFFFF;}
.j-footer_conatct_ul{width: 100%;height: auto;margin-top: 6.5vw;margin-left: 2.3vw;}
.j-footer_conatct_ul li{display: flex;justify-content: flex-start;align-items: flex-start;margin-top: 1.2vw;}
.j-footer_conatct_ul li img{width: 3.6vw;height: auto;display: block;margin-right: 2.6vw;}
.j-footer_conatct_ul li p{flex: 1;font-size: 3.5vw;color: #FFFFFF;font-family: "Montserrat-Light";}
.j-footer_form_box{width: 100%;height: auto;padding-top: 8.2vw;padding-bottom: 9.9vw;border-bottom: 1px solid #484848;}
.j-footer_form_box h4{font-size: 4.8vw;color: #FFFFFF;}
.j-footer_form_ul{width: 100%;height: auto;margin-top: 3.3vw;}
.j-footer_form_ul li{width: 100%;height: 10.8vw;position: relative;margin-top: 3.2vw;}
.j-footer_form_ul li input{width: 100%;height: 100%;border: 1px solid #434343;padding-left: 2vw;font-size: 3.5vw;color: #FFFFFF;background: none;display: block;outline: none;}
.j-footer_form_ul li input:placeholder,.j-footer_form_ul li textarea:placeholder{color: #8b8b8b;}
.j-footer_form_ul li:nth-of-type(3){height: 28.6vw;}
.j-footer_form_ul li:nth-of-type(3) textarea{padding: 2vw;font-size: 3.5vw;color: #FFFFFF;display: block;background: none;outline: none;resize: none;width: 100%;height: 100%;}
.j-footer_form_ul li img{width: 16.2vw;height: auto;display: block;position: absolute;right: 1.6vw;top: 50%;transform: translateY(-50%);}
.j-footer_form_btn{width: 34.3vw;height: 10.8vw;background: var(--mainColor);color: #fff;border-radius: 1.3vw;font-size: 3.5vw;color: #FFFFFF;font-family: "Montserrat-Light";border: none;margin-top: 6.3vw;}
.j-footer_logo{width: 25.2vw;height: auto;margin: 0px auto;margin-top: 11.2vw;}
.j-footer_logo2{width: 42.4vw;height: auto;margin: 0px auto;margin-top: 3.2vw;}
.j-footer_last_box{width: 100%;height: auto;padding-top: 5.7vw;}
.j-footer_last_box p{display: block;width: 75.5vw;height: auto;margin: 0px auto;font-size: 3.5vw;color: #FFFFFF;text-align: center;}
.j-footer_share_box{display: flex;justify-content: center;margin-top: 7.4vw;}
.j-footer_share_box li{width: 6.3vw;height: 6.3vw;border: 1px solid #FFFFFF;border-radius: 50%;margin-left: 1.5vw;}
.j-footer_share_box li:nth-of-type(1){margin-left: 0;}
.j-footer_share_box li a{display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;}
.j-footer_share_box li a img{width: 3.4vw;height: auto;display: block;}
.j-footer_nav_box{width: 100%;height: 23.2vw;background: #FFFFFF;padding: 0 4%;display: flex;justify-content: space-between;align-items: center;position: fixed;bottom: 0;left: 0;z-index: 999;}
.j-footer_nav_box li img{width: 6vw;height: auto;display: block;margin: 0px auto;}
.j-footer_nav_box li p{font-size: 3.5vw;color: #000000;text-align: center;font-family: "Montserrat-Light";}












/*footer end*/