@charset "utf-8";
/* CSS Document */
@media only screen and (max-width:1600px){
	.fs_16 {font-size:14px;}
	.fs_18 {font-size:16px;}
	.fs_20 {font-size:18px;}
	.fs_22 {font-size:20px;}
	.fs_24 {font-size:22px;}
	.fs_26 {font-size:24px;}
	.fs_28 {font-size:26px;}
	.fs_30 {font-size:28px;}
	.fs_32 {font-size:30px;}
	.fs_34 {font-size:32px;}
	.fs_36 {font-size:34px;}
	.fs_38 {font-size:36px;}
	.fs_40 {font-size:38px;}
    .pd_20_16 {padding:0 20px;}.pd_30_16 {padding:0 30px;}
    .row_fd_r16, .row_fw_nw16, .row_fw_w16 {display:block;}
    footer::before {width: 37.58%;}
}
/*1600px_spc_end*/


@media only screen and (max-width:1400px){
	.fs_18 {font-size:14px;}
	.fs_20 {font-size:16px;}
	.fs_22 {font-size:18px;}
	.fs_24 {font-size:20px;}
	.fs_26 {font-size:22px;}
	.fs_28 {font-size:24px;}
	.fs_30 {font-size:26px;}
	.fs_32 {font-size:28px;}
	.fs_34 {font-size:30px;}
	.fs_36 {font-size:32px;}
	.fs_38 {font-size:34px;}
	.fs_40 {font-size:36px;}
    .pd_20_14 {padding:0 20px;}.pd_30_14 {padding:0 30px;}
    .row_fd_r14, .row_fw_nw14, .row_fw_w14 {display:block;}
    #content {padding: 138px 0 0 0;}
    .top-barC {height: 81px;}
    .menu {margin: 10px 0;}
    .sjj_nav_ul > li::before {height: 13px; top: 9px;}
    .sjj_nav_ul > li:last-child::after {height: 13px; top: 9px;}
    .ind_A > div:nth-child(2) {padding: 0 0 0 50px;}
    .ind_A > div:nth-child(2) > div:nth-child(2) {left: 50px;}
    .ind_news > h3 {padding: 0 30px 0 15px;}
    footer::before {width: 35.58%;}
    .footer > ul > li:nth-child(1) {padding: 0 0 20px 0;}
    .footer > ul > li:nth-child(2) {padding: 120px 0 20px 0;}
    .aboutA {padding: 75px 0px 100px 0px;}
    .quality h2 {min-width: 255px;}
    .newsList > div > div:nth-child(2) h3 {margin-bottom: 15px;}
    .newsList > div > div:nth-child(2) p {width: 100%; max-height: 47px;}
    .newsSubD {margin: -30px 0 90px 0;}
}
/*1400px_nb_end*/


@media only screen and (max-width:1200px){
	.fs_20 {font-size:14px;}
	.fs_22 {font-size:16px;}
	.fs_24 {font-size:18px;}
	.fs_26 {font-size:20px;}
	.fs_28 {font-size:22px;}
	.fs_30 {font-size:24px;}
	.fs_32 {font-size:26px;}
	.fs_34 {font-size:28px;}
	.fs_36 {font-size:30px;}
	.fs_38 {font-size:32px;}
	.fs_40 {font-size:34px;}
    .pd_20_12 {padding:0 20px;}.pd_30_12 {padding:0 30px;}
    .row_fd_r12, .row_fw_nw12, .row_fw_w12 {display:block;}
    .p_list div {width: 15%;}
    .quality h2 {min-width: 230px;}
    .newsList > div {align-items: flex-start;}
    .newsList > div > div:nth-child(2) p {max-height: 70px;}
    .newsSubD {margin: -30px 0 70px 0;}
    .back_a:link, .back_a:visited {margin: 70px auto 0 auto;}
}
/*1200px_xl_end*/


@media only screen and (max-width:992px){
    .mobile {display:block;}.pc {display:none;}
    .rotate_360:hover img {text-decoration:none; -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg);}
    .alpha_60 img, .alpha_60:hover img {filter:alpha(opacity=100);Opacity:1.0;}
    .scale_3 img, .scale_3:hover img, .scale_05 img, .scale_05:hover img {transform: scale(1.0, 1.0);}
    .bg_saf {background-attachment: scroll;}
    .bg_bsc {-webkit-background-size: none; -moz-background-size: none; -o-background-size: none; background-size: none; background-attachment: scroll;}
    .a_nohover {pointer-events: initial;}
	.fs_16 {font-size:1.823vw;}
	.fs_18 {font-size:2.083vw;}
	.fs_20 {font-size:2.344vw;}
	.fs_22 {font-size:2.604vw;}
	.fs_24 {font-size:2.865vw;}
	.fs_26 {font-size:3.125vw;}
	.fs_28 {font-size:3.385vw;}
	.fs_30 {font-size:3.646vw;}
	.fs_32 {font-size:3.906vw;}
	.fs_34 {font-size:4.167vw;}
	.fs_36 {font-size:4.427vw;}
	.fs_38 {font-size:4.688vw;}
	.fs_40 {font-size:4.948vw;}
    .pd_20_9 {padding:0 20px;}.pd_30_9 {padding:0 30px;}
    .row_fd_r9, .row_fw_nw9, .row_fw_w9 {display:block;}
	.ht_15 {height:10px; font-size:0px; line-height:0px;}
	.ht_20 {height:15px; font-size:0px; line-height:0px;}
	.ht_25 {height:20px; font-size:0px; line-height:0px;}
	.ht_30 {height:25px; font-size:0px; line-height:0px;}
	.ht_40 {height:35px; font-size:0px; line-height:0px;}
	.ht_50 {height:45px; font-size:0px; line-height:0px;}
	.ht_60 {height:55px; font-size:0px; line-height:0px;}
    .slideTable {display: block;}
    #content {padding: 47px 0 0 0;}
    .menu {margin: 0;}
    .logo, .hideUp .logo {margin-top: -20px;}
    .logo a img:nth-child(1), .hideUp .logo a img:nth-child(1) {height: 34px!important;}
    .logo a img:nth-child(2), .hideUp .logo a img:nth-child(2) {height: 38px!important;}
    .logo a span {font-size: 14px!important; -webkit-animation: none; animation: none;}
    .top-barC {height: 40px; box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.2);}
    .ind_A > div:nth-child(1) {max-width: 840px; margin: 0 auto 30px auto; width: 100%;}
    .ind_A > div:nth-child(1) div {width: 29.763%; margin: -14.88% 0 0 -14.88%;}
    .ind_A > div:nth-child(2) {width: 100%; padding: 0 0 0 0px;}
    .ind_A > div:nth-child(2) > div:nth-child(2) {position: relative; bottom: 0px; left: 0px; right: 0px; top: 20px; overflow-y:inherit;}
    .ind_news > div:nth-child(1) {width: 80px;}
    .ind_news > h3 {width: calc(100% - 80px);}
    .ind_newsD {width: 80px;}
    .ind_newsD span:nth-child(1), .ind_newsD span:nth-child(2) {width: 35px;}
    .ind_newsD::before {content: ''; position: absolute; top: 0px; left: 41px; height: 57px; width: 1px; background-color: #fff; -moz-transform:rotate(42deg); -webkit-transform:rotate(42deg); -o-transform:rotate(42deg); -ms-transform:rotate(42deg); transform:rotate(42deg); transition: all 0.5s ease 0s;}
    .ind_news:hover .ind_newsD {background-color: #fff; width: 80px; height: 57px; position: relative; color: #215eab; font-weight: 100; letter-spacing: 2px; transition: all 0.5s ease 0s;}
    .ind_news:hover .ind_newsD::before {content: ''; position: absolute; top: -11px; left: 40px; height: 80px; width: 1px; background-color: #215eab; -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); transition: all 0.5s ease 0s;}
    .ind_news:hover .ind_newsD span:nth-child(1) {position: absolute; top: 0px; left: 50%; margin-left: -20px; width: 40px; text-align: center; font-weight: bold; transition: all 0.5s ease 0s;}
    .ind_news:hover .ind_newsD span:nth-child(2) {position: absolute; bottom: 0px; right: 50%; margin-right: -20px; width: 40px; text-align: center; font-weight: bold; transition: all 0.5s ease 0s;}
    .ind_news > h3 {padding: 0 0px 0 15px;}
    .ind_B > div {justify-content:space-around;}
    .ind_B > div > div {margin: 60px 0px; width: 17.5%;}
    footer::before {width: 352px;}
    .footer > ul > li:nth-child(1) {width: 355px; padding: 0px 0 20px 0;}
    .footer > ul > li:nth-child(2) {width: calc(100% - 355px); padding: 0px 0 20px 0;}
    .footer > ul > li:nth-child(2) ul li {width: 48%;}
    .footer > ul > li:nth-child(2) div {padding: 120px 0 0 0;}
    .productsSub > div:nth-child(2) > div a:active, .productsSub > div:nth-child(2) > div a:hover, .shopCartForm > div:last-child > a:active, .shopCartForm > div:last-child > a:hover, .contactForm form > div:nth-child(8) a:active, .contactForm form > div:nth-child(8) a:hover, .more_a:active, .more_a:hover, .back_a:active, .back_a:hover {font-size: large;}
    .productsSub > div:nth-child(2) > div a:nth-child(1):hover::after, .productsSub > div:nth-child(2) > div a:nth-child(2):hover::before, .productsSub > div:nth-child(2) > div a:nth-child(3):hover::before, .productsSub > div:nth-child(2) > div a:nth-child(4):hover::after, .shopCartForm > div:last-child > a:hover::before, .contactForm form > div:nth-child(8) a:hover:nth-child(1)::after, .contactForm form > div:nth-child(8) a:hover:nth-child(2)::before, .more_a:hover::before, .back_a:hover::after {content: none;}
    .aboutB > div:nth-child(1), .aboutD > div:nth-child(1) {width: 50%;}
    .aboutB > div:nth-child(2), .aboutD > div:nth-child(2) {width: 50%; padding: 0 0 0 20px;}
    .aboutCA, .aboutCB {float: left; width: 50%;}
	.aboutFL > div, .aboutFL > div:nth-child(5n+5) {width: 31.33%; margin: 0 3% 20px 0;}
	.aboutFL > div:nth-child(3n+3), .aboutFL > div:last-child {margin: 0 0 20px 0;}
    .equipmentL > div, .equipmentL > div:nth-child(2n+2) {width: 50%; padding: 0px 30px 60px 0;}
    .equipmentL > div:nth-child(3) h4, .equipmentL > div:nth-child(4) h4, .equipmentL > div h4 {max-width: 100%;}
    .machining > ul > li {margin: 0px 1% 14px 1%; width: 23%;}
    .productsClass > div, .productsClass > div:nth-child(3n+3) {width: 48%; margin: 0 4% 45px 0;}
    .productsClass > div:nth-child(2n+2) {margin: 0 0% 45px 0;}
    .productsSub > div:nth-child(2) > div a {width: 32%; margin: 0 2% 3% 0;}
    .productsSub > div:nth-child(2) > div a:nth-child(3n+3) {width: 32%; margin: 0 0 3% 0;}
    .p_list div {width: 25%; margin: 0 0 5% 0;}
    .shopCartForm > div > div:nth-child(1) {padding-right: 20px;}
    .shopCartForm > div > div:nth-child(2) {padding-left: 20px;}
    .shopCartForm > div > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) {width: 65%; padding-right: 5%;}
    .shopCartForm > div > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) {width: 35%;}
    .ebookList > div, .ebookList > div:nth-child(4n+4) {width: 30.4%; margin: 0 4.4% 50px 0; overflow: hidden; position: relative;}
    .ebookList > div:nth-child(3n+3) {width: 30.4%; margin: 0 0% 50px 0;}
    .contactForm form > div > div {width: calc(50% - 20px); margin: 0 10px 50px 10px;}
    .contactForm form > div > div > div:nth-child(1) {width: 109px;}
    .contactForm form > div > div > div:nth-child(2) {width: calc(100% - 112px); padding: 0 0px 0 20px;}
    .contactForm form > div:nth-child(2) > div > div:nth-child(2) .inputS {width: 94px; margin: 0;}
    .contactForm form > div:nth-child(2) > div > div:nth-child(2) .inputD {width: calc(100% - 94px);}
    .newsList {padding: 0 0px;}
    .newsList > div > div:nth-child(1) {margin: 0 19px 0 0;}
    .newsList > div > div:nth-child(2) {width: calc(100% - 319px);}
    .newsList > div > div:nth-child(1) > div {width: 80px;}
    .newsList > div > div:nth-child(2) h3 {max-height: 61px; line-height: 30px;}
    .newsList > div > div:nth-child(2) p {max-height: 57px; line-height: 28px;}
    .newsD span:nth-child(1), .newsD span:nth-child(2) {width: 35px;}
    .newsD::before {content: ''; position: absolute; top: 0px; left: 41px; height: 57px; width: 1px; background-color: #fff; -moz-transform:rotate(42deg); -webkit-transform:rotate(42deg); -o-transform:rotate(42deg); -ms-transform:rotate(42deg); transform:rotate(42deg); transition: all 0.5s ease 0s;}
    .newsList > div > div:nth-child(1):hover .newsD {width: 80px; height: 57px; position: relative; font-weight: 100; letter-spacing: 2px; transition: all 0.5s ease 0s;}
    .newsList > div > div:nth-child(1):hover .newsD::before {content: ''; position: absolute; top: -11px; left: 40px; height: 80px; width: 1px; background-color: #fff; -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); transition: all 0.5s ease 0s;}
    .newsList > div > div:nth-child(1):hover .newsD span:nth-child(1) {position: absolute; top: 0px; left: 50%; margin-left: -20px; width: 40px; text-align: center; font-weight: bold; transition: all 0.5s ease 0s;}
    .newsList > div > div:nth-child(1):hover .newsD span:nth-child(2) {position: absolute; bottom: 0px; right: 50%; margin-right: -20px; width: 40px; text-align: center; font-weight: bold; transition: all 0.5s ease 0s;}
    .newsList > div .more_a {right: 0px;}
    .sitemapList > ul > li, .sitemapList > ul > li:nth-child(4n+4) {width: 32%; margin: 0 2% 20px 0;}
    .sitemapList > ul > li:nth-child(3n+3) {width: 32%; margin: 0 0% 20px 0;}
}
/*992px_lg_end*/


@media only screen and (max-width:768px){
    .fs_16 {font-size: 2.431vw;}
    .fs_18 {font-size: 2.778vw;}
    .fs_20 {font-size: 3.125vw;}
    .fs_22 {font-size: 3.472vw;}
    .fs_24 {font-size: 3.819vw;}
    .fs_26 {font-size: 4.167vw;}
    .fs_28 {font-size: 4.514vw;}
    .fs_30 {font-size: 4.861vw;}
    .fs_32 {font-size: 5.208vw;}
    .fs_34 {font-size: 5.556vw;}
    .fs_36 {font-size: 5.903vw;}
    .fs_38 {font-size: 6.25vw;}
    .fs_40 {font-size: 6.597vw;}
    .pd_20_7 {padding:0 20px;}.pd_30_7 {padding:0 30px;}
    .row_fd_r7, .row_fw_nw7, .row_fw_w7 {display:block;}
	.ht_20 {height:10px; font-size:0px; line-height:0px;}
	.ht_25 {height:15px; font-size:0px; line-height:0px;}
	.ht_30 {height:20px; font-size:0px; line-height:0px;}
	.ht_40 {height:30px; font-size:0px; line-height:0px;}
	.ht_50 {height:40px; font-size:0px; line-height:0px;}
	.ht_60 {height:50px; font-size:0px; line-height:0px;}
    .slideTable {background-size: 30%;}
    .ind_A {padding: 65px 20px;}
    .ind_B > div > div {margin: 40px 0px; width: 40%;}
    footer::before {width: 315px;}
    .goTop {right: 10px;}
    .footer > ul > li:nth-child(1) {width: 325px;}
    .footer > ul > li:nth-child(2) {width: calc(100% - 325px); padding: 0px 0 20px 0;}
    .footer > ul > li:nth-child(2) ul {width: 100%;}
    .footer > ul > li:nth-child(2) div {width: 100%; float: left; padding: 0px 0 0 0;}
    .aboutA {padding: 55px 0px 80px 0px;}
    .aboutB, .aboutD {padding: 70px 20px;}
    .aboutB > div:nth-child(1), .aboutD > div:nth-child(1) {width: 100%;}
    .aboutB > div:nth-child(2), .aboutD > div:nth-child(2) {width: 100%; padding: 20px 0 0 0px;}
    .aboutD > div:nth-child(3) {margin: 45px 0 0 0;}
    .aboutE {padding: 55px 20px 90px 20px;}
	.aboutF {padding: 0px 0px 70px 0px;}
	.aboutFL > div, .aboutFL > div:nth-child(5n+5), .aboutFL > div:nth-child(3n+3) {width: 48%; margin: 0 4% 20px 0;}
	.aboutFL > div:nth-child(2n+2), .aboutFL > div:last-child {margin: 0 0 20px 0;}
    .equipment, .machining, .products, .shopCart, .quality, .ebook, .contact, .news, .sitemap {padding: 55px 20px 40px 20px;}
    .equipment h1, .machining h1, .quality h1 {margin-bottom: 40px;}
    .equipmentL > div, .equipmentL > div:nth-child(2n+2) {width: 100%; padding: 0px 0px 45px 0;}
    .equipment > ul > li {padding: 50px 0px 40px 0px;}
    .machiningC > div, .machiningC > div:nth-child(3n+3) {width: 48%; margin: 0 4% 30px 0;}
    .machiningC > div:nth-child(2n+2) {margin: 0 0% 30px 0;}
    .productsSub > div:nth-child(1) {width: 100%; padding: 0;}
    .productsSub > div:nth-child(2) {width: 100%; padding: 40px 0 0 0;}
    .productsSub > div:nth-child(2) > div a, .productsSub > div:nth-child(2) > div a:nth-child(3n+3) {width: 23.5%; margin: 0 2% 3% 0;}
    .productsSub > div:nth-child(2) > div a:nth-child(4n+4) {width: 23.5%; margin: 0 0 3% 0;}
    .p_list div {width: 33.3%;}
    .shopCartForm > div {margin-bottom: 25px;}
    .shopCartForm > div:nth-child(4) {margin-bottom: 0px;}
    .shopCartForm > div > div:nth-child(1) {width: 100%; padding-right: 0px; margin-bottom: 25px;}
    .shopCartForm > div > div:nth-child(2) {width: 100%; padding-left: 0px;}
    .shopCartForm > div > div:nth-child(1) > div:nth-child(1), .shopCartForm > div > div:nth-child(2) > div:nth-child(1) {width: 20%; padding: 0 0 0 17px;}
    .shopCartForm > div > div:nth-child(1) > div:nth-child(2), .shopCartForm > div > div:nth-child(2) > div:nth-child(2) {width: 80%; padding: 0 17px 0 0;}
    .quality {padding: 55px 0px 40px 0px;}
    .qualityList > div, .qualityList > div:nth-child(3n+3) {width: 48%; margin: 0 4% 30px 0;}
    .qualityList > div:nth-child(2n+2) {width: 48%; margin: 0 0% 30px 0;}
    .ebookSubB a:link, .ebookSubB a:visited {width: 32%; margin: 0 2% 0 0;}
    .ebookSubB a:link:last-child, .ebookSubB a:visited:last-child {width: 32%; margin: 0%;}
    .contactBtn > div {width: 50%;}
    .contactForm form > div > div {width: 100%; margin: 0 10px 40px 10px;}
    .contactForm form > div > div > div:nth-child(2) .inputS {width:119px;}
    .contactForm form > div > div > div:nth-child(2) .inputD {width: calc(100% - 119px);}
    .inputE {width: 100%;}
    .newsList > div > div:nth-child(2) h3 {max-height: 31px;}
    .newsList > div > div:nth-child(2) p {max-height: 85px;}
    .newsSubCDemo > div:nth-child(1) {width: 100%; padding: 0 0px 20px 0; text-align: center;}
    .newsSubCDemo > div:nth-child(2) {width: 100%;}
    .newsSubD {margin: -30px 0 70px 0;}
    .sitemapList > ul > li, .sitemapList > ul > li:nth-child(4n+4), .sitemapList > ul > li:nth-child(3n+3) {width: 49%; margin: 0 2% 20px 0;}
    .sitemapList > ul > li:nth-child(2n+2) {width: 49%; margin: 0 0% 20px 0;}
}
/*768px_md_end*/


@media only screen and (max-width:576px){
    .fs_16 {font-size: 3.256vw;}
    .fs_18 {font-size: 3.721vw;}
    .fs_20 {font-size: 4.186vw;}
    .fs_22 {font-size: 4.651vw;}
    .fs_24 {font-size: 5.116vw;}
    .fs_26 {font-size: 5.581vw;}
    .fs_28 {font-size: 6.047vw;}
    .fs_30 {font-size: 6.512vw;}
    .fs_32 {font-size: 6.977vw;}
    .fs_34 {font-size: 7.442vw;}
    .fs_36 {font-size: 7.907vw;}
    .fs_38 {font-size: 8.372vw;}
    .fs_40 {font-size: 8.837vw;}
    .pd_20_5 {padding:0 20px;}.pd_30_5 {padding:0 30px;}
    .row_fd_r5, .row_fw_nw5, .row_fw_w5 {display:block;}
	.ht_25 {height:10px; font-size:0px; line-height:0px;}
	.ht_30 {height:15px; font-size:0px; line-height:0px;}
	.ht_40 {height:25px; font-size:0px; line-height:0px;}
	.ht_50 {height:35px; font-size:0px; line-height:0px;}
	.ht_60 {height:45px; font-size:0px; line-height:0px;}
    .ind_A {padding: 45px 20px;}
    .ind_A > div:nth-child(1) ul li span {justify-content: flex-start; text-align: left; padding: 0 0 0 10px;}
    .ind_A > div:nth-child(1) ul li:nth-child(2n+2) span {justify-content: flex-end; text-align: right; padding: 0 10px 0 0;}
    footer::before {width: 100%; height: 50%;}
    /* .ind_A > div:nth-child(1) ul li:nth-child(1) span, .ind_A > div:nth-child(1) ul li:nth-child(2) span, .ind_A > div:nth-child(1) ul li:nth-child(5) span, .ind_A > div:nth-child(1) ul li:nth-child(6) span {justify-content: center;} */
    .footer > ul > li:nth-child(1) {width: 100%;}
    .footer > ul > li:nth-child(1) > ul > li, .footer > ul > li:nth-child(2) div, .footer > ul > li:nth-child(2) h6 {text-align: center;}
    .footer > ul > li:nth-child(2) {width: 100%; padding-top: 60px;}
    .footer > ul > li:nth-child(2) ul li {width: 33%; text-align: center;}
    .aboutA {padding: 35px 0px 60px 0px;}
    .aboutCA {float: left; width: 100%;}
    .aboutCB {float: left; width: 100%; padding-top: 40px;}
    .aboutD > div:nth-child(3) img {height: auto!important;}
    .equipment > ul > li {padding: 40px 0px 30px 0px;}
    .productsClass > div, .productsClass > div:nth-child(3n+3), .productsClass > div:nth-child(2n+2) {width: 100%; margin: 0 0% 30px 0;}
    .productsSub > div:nth-child(2) > div a, .productsSub > div:nth-child(2) > div a:nth-child(4n+4) {width: 32%; margin: 0 2% 3% 0;}
    .productsSub > div:nth-child(2) > div a:nth-child(3n+3) {width: 32%; margin: 0 0 3% 0;}
    .p_list div {width: 50%;}
    .shopCartForm > div > div:nth-child(1) > div:nth-child(1), .shopCartForm > div > div:nth-child(2) > div:nth-child(1) {width: 27%;}
    .shopCartForm > div > div:nth-child(1) > div:nth-child(2), .shopCartForm > div > div:nth-child(2) > div:nth-child(2) {width: 73%;}
    .quality h2 {min-width: 67.5%;}
    .ebookList > div, .ebookList > div:nth-child(4n+4), .ebookList > div:nth-child(3n+3) {width: 47.5%; margin: 0 5% 40px 0; overflow: hidden; position: relative;}
    .ebookList > div:nth-child(2n+2) {width: 47.5%; margin: 0 0% 40px 0;}
    .ebookSubB a img {transform: scale(0.8, 0.8);}
    .ebookSubP {padding: 0 40px;}
    .ebookSubPP, .ebookSubPN {margin-top: -54px;}
    .ebookSubPP::before, .ebookSubPN::before {width: 30px; height: 54px;}
    .contactMap {padding-bottom: 44.4%;}
    .contactForm form > div > div {margin: 0 0px 30px 0px; padding: 0 0 10px 0;}
    .contactForm form > div > div > div:nth-child(2) {width: 100%; padding: 0 0px 0 10px;}
    .newsList > div > div:nth-child(1) {width: 100%; margin: 0; display: block;}
    .newsList > div > div:nth-child(1) img {width: 100%!important;}
    .newsList > div > div:nth-child(2) {width: 100%; padding: 20px 0 15px 0;}
    .newsList > div > div:nth-child(2) h3 {max-height: 61px;}
    .newsList > div > div:nth-child(2) p {max-height: none;}
    .newsList > div .more_a {position: relative; bottom: 0px; margin: 0 0 0 auto;}
    .more_a {right: 0px;}
    .newsSubD {margin: -30px 0 50px 0;}
    .sitemapList > ul > li, .sitemapList > ul > li:nth-child(4n+4), .sitemapList > ul > li:nth-child(3n+3), .sitemapList > ul > li:nth-child(2n+2) {width: 100%; margin: 0 0% 20px 0;}
}
/*576px_sm_end*/


@media only screen and (max-width:480px){
    .logo a img:nth-child(2), .hideUp .logo a img:nth-child(2) {height: 33px!important; position: relative; top: -7px; left: 5px;}
    .logo a span {position: relative; top: 13px; left: -157px; font-size: 13px!important;}
    .top-barC {height: 50px; box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.2);}
    .sp_header {top: 20px;}
    .links {top: 57px;}
    .sjj_nav {top: 137px;}
    .links > div {width: 11%;}
    .links > div.links_c {top: -36px;}
    .links > div:nth-child(6) {width: 64px;}
    .links > div:nth-child(7) {width: 30px;}
    #content {padding: 57px 0 0 0;}
    .ind_B > div > div {margin: 40px 0px 20px 0px;}
    .machining > ul > li {margin: 0px 0% 5px 0%!important; width: 100%!important;}
    .quality h2 {min-width: 70%;}
    .ind_A .fs_22{font-size: 16px;}
}
/*480px_xs_end*/

@media only screen and (max-width:430px){
    .fs_16 {font-size: 16px;}
    .fs_18 {font-size: 18px;}
    .fs_20 {font-size: 18px;}
    .fs_22 {font-size: 20px;}
    .fs_24 {font-size: 20px;}
    .fs_26 {font-size: 22px;}
    .fs_28 {font-size: 22px;}
    .fs_30 {font-size: 24px;}
    .fs_32 {font-size: 24px;}
    .fs_34 {font-size: 26px;}
    .fs_36 {font-size: 26px;}
    .fs_38 {font-size: 28px;}
    .fs_40 {font-size: 28px;}
	.ht_30 {height:10px; font-size:0px; line-height:0px;}
	.ht_40 {height:20px; font-size:0px; line-height:0px;}
	.ht_50 {height:30px; font-size:0px; line-height:0px;}
	.ht_60 {height:40px; font-size:0px; line-height:0px;}
	.search_open {width: 230px;}
    .footer > ul > li:nth-child(2) {padding-top: 40px;}
    .aboutB, .aboutD {padding: 40px 20px;}
    .aboutC {padding: 40px 0px;}
	.aboutF {padding: 0px 0px 40px 0px;}
    .machiningC > div, .machiningC > div:nth-child(3n+3), .machiningC > div:nth-child(2n+2) {width: 100%; margin: 0 0% 25px 0;}
    .p_list div {width: 100%;}
    .p_list div img {width: 100%;}
    .shopCartForm > div:last-child > a:link, .shopCartForm > div:last-child > a:visited {width: 100%; padding: 0; text-align: center;}
    .qualityList > div, .qualityList > div:nth-child(3n+3), .qualityList > div:nth-child(2n+2) {width: 100%; margin: 0 0% 25px 0;}
    .contactBtn > div {width: 100%;}
    .shopCartForm > div > div:nth-child(1) > div:nth-child(1), .shopCartForm > div > div:nth-child(2) > div:nth-child(1) {width: 100%; padding: 0;}
    .shopCartForm > div > div:nth-child(1) > div:nth-child(2), .shopCartForm > div > div:nth-child(2) > div:nth-child(2) {width: 100%; padding: 0;}
}
/*430px_xs_end*/