@charset "utf-8";
/* CSS Document */
@media only screen and (max-width:9999px){
    .pd_20 {padding:0 20px;}.pd_30 {padding:0 30px;}
    .mobile {display:none;}.pc {display:block;}
}/*9999px_end*/


@media only screen and (max-width:1600px){
    .indexBP {top: -349px; right: 120px; width: 430px;}
    .indexA p {max-width: 800px;}
    .title_a {font-size: 30px;}
    .aboutNewAP {top: -90px; width: 47%;}
    .process > h2, .aboutNewC > div:nth-child(1) > h3, .aboutNewD > div:nth-child(1) > h3, .aboutNewF > div:nth-child(1) > h3, .aboutNewG > div:nth-child(1) > h3 {font-size: 48px;}
    .newsLT {font-size: 24px;}
    .newsLC {font-size: 19px;}
}/*1600px_end*/


@media only screen and (max-width:1500px){
    .frame_1405 {margin:auto; max-width:1170px;}
    .top-barC {max-width:1140px; padding: 0 0px;}
    .logo {left: 20px;}
    .footer, .copyright h6, .about .path, .about .title_a, .aboutC, .aboutNewAC, .aboutNewBC, .aboutNewC, .aboutNewD, .aboutNewF, .aboutNewG, .product .path, .product h1, .productC, .processC2, .process > h2, .process > p, .aboutNewE {max-width:1170px;}
    .indexA p {max-width: 700px;}
    .indexBP {top: -349px; right: 120px; width: 430px;}
    .process > h2, .aboutNewC > div:nth-child(1) > h3, .aboutNewD > div:nth-child(1) > h3, .aboutNewF > div:nth-child(1) > h3, .aboutNewG > div:nth-child(1) > h3 {font-size: 40px;}
    .about .path, .product .path {padding: 0 20px 34px 20px;}
    .about .title_a, .aboutC, .product h1, .aboutNewAC, .aboutNewBC, .aboutNewC, .process > h2, .process > p, .aboutNewE {padding: 0 20px;}
    .aboutNewC > div:nth-child(1) > div:nth-child(3), .aboutNewD > div:nth-child(1) > div:nth-child(3), .aboutNewF > div:nth-child(1) > div:nth-child(3), .aboutNewG > div:nth-child(1) > div:nth-child(3) {width: 600px !important; margin-left: -300px;}
    .aboutNewC > div:nth-child(3) p, .aboutNewF > div:nth-child(3) p {padding: 108px 40px 0 90px;}
    .aboutNewD > div:nth-child(3) p, .aboutNewG > div:nth-child(3) p {padding: 165px 90px 0 40px;}
    .pListCLT {font-size: 15px;}
    .contactF > div:nth-child(1) > div > div:nth-child(2) h3 {font-size: 20px;}
    .contactF > div:nth-child(1) > div {padding: 40px;}
    .productC {padding: 30px 20px 50px 20px;}
    .relatedT {font-size: 20px;}
    .title_b {padding-left: 0px;}
    .hr_a {margin-left: 0px;}
}/*1500px_end*/


@media only screen and (max-width:1400px){
    .logo {width: 200px;}
    /*.sjj_nav_ul > li > ul {top:52px;}*/
    .hideUp .sjj_nav_ul > li > ul {top:32px;}
    .title_a {font-size: 24px;}
    .indexBP {top: -308px; right: 60px; width: 380px;}
    .indexC {background:url(../images/bg_01d.jpg) no-repeat scroll 60% center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; overflow: hidden;}
    .footer > ul > li:nth-child(1) img {width: 250px;}
    .title_a {font-size: 24px;}
    .product {padding: 190px 0 0 0;}
    .title_b {font-size: 24px; font-weight: bold;}
    .aboutNewAP {top: 0px; width: 50%;}
    .aboutNewBCP {left: -50px;}
    .aboutNewBCPP {width: 583px;}
    .aboutNewC > div:nth-child(1) > div:nth-child(3), .aboutNewD > div:nth-child(1) > div:nth-child(3), .aboutNewF > div:nth-child(1) > div:nth-child(3), .aboutNewG > div:nth-child(1) > div:nth-child(3) {left: 0%; width: 100%!important; margin-left: 0px;}
    .process > h2, .aboutNewC > div:nth-child(1) > h3, .aboutNewD > div:nth-child(1) > h3, .aboutNewF > div:nth-child(1) > h3, .aboutNewG > div:nth-child(1) > h3 {font-size: 30px;}
    .newsLT {font-size: 23px;}
    .newsLC {font-size: 18px;}
}/*1400px_end*/


@media only screen and (max-width:1300px){
    .indexBP {top: -308px; right: 60px; width: 380px;}
    .indexA p {max-width: 730px;}
    .aboutNewBCPP {width: 483px;}
    .process > h2, .aboutNewC > div:nth-child(1) > h3, .aboutNewD > div:nth-child(1) > h3, .aboutNewF > div:nth-child(1) > h3, .aboutNewG > div:nth-child(1) > h3 {font-size: 42px;}
}/*1300px_end*/


@media only screen and (max-width:1200px){
    .pd_20_1 {padding:0 20px;}.pd_30_1 {padding:0 30px;}
    .row_fd_r1, .row_fw_nw1, .row_fw_w1 {display:block;}
    .logo {width: 160px;}
    .sjj_nav_ul > li > ul {top:50px;}
    .hideUp .sjj_nav_ul > li > ul {top:33px;}
    .indexA p {max-width: 630px;}
    .footer > ul > li:nth-child(1) img {width: 200px;}
    .product {padding: 165px 0 0 0;}
    .aboutNewAP {top: 50px;}
    .aboutNewAC > div img {width:31%;}
    .aboutNewBCPP {width: 383px;}
    .aboutNewC {margin: 100px auto 0 auto;}
    .process > h2, .aboutNewC > div:nth-child(1) > h3, .aboutNewD > div:nth-child(1) > h3, .aboutNewF > div:nth-child(1) > h3, .aboutNewG > div:nth-child(1) > h3 {font-size: 40px;}
    .aboutNewC > div:nth-child(3) p {padding: 78px 85px 0 92px;}
    .aboutNewD > div:nth-child(3) p, .aboutNewG > div:nth-child(3) p {padding: 135px 90px 0 62px;}
    .aboutNewF > div:nth-child(3) p {padding: 135px 85px 0 92px;}
    .newsLT {font-size: 22px;}
    .newsLC {font-size: 17px;}
    .contactFC a {width: 46%!important;}
    .contactFC a:nth-child(1) {margin-right: 4%!important;}
}/*1200px_end*/


@media only screen and (max-width:1100px){
    .indexBP {top: -268px; right: 40px; width: 330px;}
    .indexBC {top: 7.6%;}
    .slide {display: block;}
    .aboutNewBCP {left: -130px;}
    .process > h2, .aboutNewC > div:nth-child(1) > h3, .aboutNewD > div:nth-child(1) > h3, .aboutNewF > div:nth-child(1) > h3, .aboutNewG > div:nth-child(1) > h3 {font-size: 38px;}
}/*1100px_end*/


@media only screen and (max-width:992px){
    .pd_20_9 {padding:0 20px;}.pd_30_9 {padding:0 30px;}
    .mobile {display:block;}.pc {display:none;}
    .row_fd_r9, .row_fw_nw9, .row_fw_w9 {display:block;}
    .rotate_360 a: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 a img, .alpha_60 a:hover img {filter:alpha(opacity=100);Opacity:1.0;}
    .scale_3 a img, .scale_3 a:hover img, .scale_05 a img, .scale_05 a:hover img {transform: scale(1.0, 1.0);}
    .top-bar {height: 70px; background-color: rgba(255, 255, 255, 0.85);}
    .top-barC {padding: 0 20px;}
    .logo {width: 120px; top: 8px; left: 20px;}
    .hideUp .sjj_nav_ul {height:100%;}
    .sjj_nav_ul > li > ul {top:inherit;}
    .hideUp .sjj_nav_ul > li > ul {top:inherit;}
    .indexA {padding: 45px 0 140px 0;}
    .indexBC {position: relative; top: 0; left: 0px; right: 0px; bottom: 0px; z-index: 10; padding: 60px 0 0 0;}
    .indexBP {top: -162px; right: 40px; width: 200px;}
    .indexA p {max-width: 100%;}
    .pList {padding: 70px 0 120px 0;}
    .indexCF {max-width: 100%;}
    .indexC {background:url(../images/bg_01d.jpg) no-repeat scroll 0% center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; overflow: hidden;}
    .footer > ul > li:nth-child(1) img {width: 170px;}
    .copyright h6 {text-align: center;}
    .about .path, .product .path {padding: 0 20px 15px 20px;}
    .about .title_a, .aboutC, .product h1 {padding: 0 20px;}
    .about, .product {padding: 130px 0 0 0;}
    .aboutP img {width: 84%;}
    .aboutCL {width: 100%;}
    .productC {padding: 30px 20px 50px 20px;}
    .productCTL {width: 40%;}
    .productCTR {width: 60%;}
    .relatedT {font-size: 2.756vw;}
    .title_b {font-weight: bold; padding-left: 0px;}
    .hr_a {margin-left: 0;}
    #sitemap #product ul li {justify-content:flex-start;}
    .aboutNewC {margin: 90px auto 0 auto; padding: 0 20px;}
    .aboutNewD, .aboutNewF, .aboutNewG {padding: 0 20px;}
    .aboutNewAC, .aboutNewBC {padding: 0 20px;}
    .aboutNewBCC {width: 100%; padding: 60px 0 0 0; line-height: 150%;}
    .aboutNewBCP {left: -430px;}
    .aboutNewBCPP {display: none;}
    .aboutNewC > div:nth-child(3) p {padding: 78px 10px 0 55px;}
    .aboutNewD > div:nth-child(3) p, .aboutNewG > div:nth-child(3) p {padding: 115px 50px 0 10px;}
    .aboutNewE {padding: 0 20px;}
    .aboutNewF > div:nth-child(3) p {padding: 115px 10px 0 52px;}
    .process > h2, .aboutNewC > div:nth-child(1) > h3, .aboutNewD > div:nth-child(1) > h3, .aboutNewF > div:nth-child(1) > h3, .aboutNewG > div:nth-child(1) > h3 {font-size: 36px;}
    .processC, .processC2 {padding: 0px 20px 35px 20px;}
    .process > h2, .process > p {padding: 0 20px;}
    .newsLT {font-size: 21px;}
    .newsLC {font-size: 16px;}
    .contactF > div:nth-child(1) {width: 45%;}
    .contactF > div:nth-child(2) {width: 55%; padding-left: 3%;}
    .contactF > div:nth-child(1) > div {width: 90%; padding: 40px 30px;}
}/*992px_lg_end*/


@media only screen and (max-width:768px){
    /*.fs_20 {font-size: 2.604vw!important;}
    .fs_22 {font-size: 2.865vw!important;}
    .fs_24 {font-size: 3.125vw!important;}
    .fs_26 {font-size: 3.385vw!important;}
    .fs_28 {font-size: 3.646vw!important;}
    .fs_30 {font-size: 3.906vw!important;}
    .fs_32 {font-size: 4.167vw!important;}
    .fs_34 {font-size: 4.427vw!important;}
    .fs_36 {font-size: 4.688vw!important;}
    .fs_38 {font-size: 4.948vw!important;}
    .fs_40 {font-size: 5.208vw!important;}*/
    .pd_20_7 {padding:0 20px;}.pd_30_7 {padding:0 30px;}
    .row_fd_r7, .row_fw_nw7, .row_fw_w7 {display:block;}
    #content {padding: 70px 0 0px 0;}
    .pList {padding: 50px 0 80px 0;}
    .pListC {padding: 60px 0 0 0;}
    .footer > ul > li:nth-child(1) {width: 100%; padding: 0 0 20px 0; justify-content: center;}
    .footer > ul > li:nth-child(1) img {width: 120px;}
    .footer > ul > li:nth-child(2) {width: 35%;}
    .footer > ul > li:nth-child(3) {width: 65%;}
    .about, .product {padding: 14.325% 0 0 0;}
    .aboutCL {width: 100%; padding: 30px 0px 50px 0;}
    .aboutCR, .aboutNewAC > div {width: 100%;}
    .aboutNewAC > div img {width: 33.33%;}
    .productCT {padding: 0px 0 0 0;}
    .productCTL {width: 100%;}
    .productCTR {width: 100%; padding: 30px 0 75px 0;}
    .btn_b:link, .btn_b:visited {margin: 50px auto 0 auto;}
    .title_b {font-size: 28px;}
    .relatedT {font-size: 22px; padding: 15px 10px;}
    .slide {background-size: 40%;}
    .aboutNewC {margin: 80px auto 0 auto;}
    .aboutNewAP {display: none;}
    .aboutNewAC > div {text-align: center;}
    .aboutNewC, .aboutNewD, .aboutNewF, .aboutNewG {flex-direction: column;}
    .aboutNewC > div, .aboutNewD > div, .aboutNewF > div, .aboutNewG > div {width: 100%!important;}
    .aboutNewC > div:nth-child(1), .aboutNewC > div:nth-child(3), .aboutNewD > div:nth-child(1), .aboutNewD > div:nth-child(3), .aboutNewF > div:nth-child(1), .aboutNewF > div:nth-child(3), .aboutNewG > div:nth-child(1), .aboutNewG > div:nth-child(3) {min-height: 350px;}
    .aboutNewC > div:nth-child(1) > h3, .aboutNewD > div:nth-child(1) > h3, .aboutNewF > div:nth-child(1) > h3, .aboutNewG > div:nth-child(1) > h3 {top: 35px;}
    .aboutNewC > div:nth-child(2), .aboutNewD > div:nth-child(2), .aboutNewF > div:nth-child(2), .aboutNewG > div:nth-child(2) {width: 100%!important; height: 45px!important;}
    .process > h2, .aboutNewC > div:nth-child(1) > h3, .aboutNewD > div:nth-child(1) > h3, .aboutNewF > div:nth-child(1) > h3, .aboutNewG > div:nth-child(1) > h3 {font-size: 34px;}
    .newsL {width: 48%; margin-bottom: 40px;}
    .newsLT {font-size: 20px;}
    .newsLC {font-size: 15px;}
    .contactF {flex-direction: column-reverse;}
    .contactF > div:nth-child(1) {width: 100%; margin-top: 40px; min-height: 100px; padding: 70px 0;}
    .contactF > div:nth-child(1) > div {margin-bottom: 30px;}
    .contactF > div:nth-child(1) > div:last-child {margin-bottom: 0px;}
    .contactF > div:nth-child(1) > div > div:nth-child(1) img {width: 51.6%;}
    .contactF > div:nth-child(2) {width: 100%; padding-left: 0%;}
	.video_list, .videoL > div:nth-child(3n+3) {width:48.5%; margin: 0 3% 3% 0;}
	.videoL > div:nth-child(2n+2), .videoL > div:last-child {margin: 0;}
}/*768px_md_end*/


@media only screen and (max-width:576px){
    .fs_16, .pListCLT {font-size: 2.778vw!important;}
    .fs_18 {font-size: 3.125vw!important;}
    .fs_20, .processCLT, .newsLC {font-size: 3.472vw!important;}
    .fs_22, .relatedT {font-size: 3.819vw!important;}
    .fs_24 {font-size: 4.167vw!important;}
    .fs_26, .footerT, .newsLT {font-size: 4.514vw!important;}
    .fs_28, .title_b {font-size: 4.861vw!important;}
    .fs_30 {font-size: 5.208vw!important;}
    .fs_32 {font-size: 5.556vw!important;}
    .fs_34, .title_a {font-size: 5.903vw!important;}
    .fs_36 {font-size: 6.25vw!important;}
    .fs_38, .process > h2, .aboutNewC > div:nth-child(1) > h3, .aboutNewD > div:nth-child(1) > h3, .aboutNewF > div:nth-child(1) > h3, .aboutNewG > div:nth-child(1) > h3 {font-size: 6.597vw!important;}
    .fs_40 {font-size: 6.944vw!important;}
    .pd_20_5 {padding:0 20px;}.pd_30_5 {padding:0 30px;}
    .row_fd_r5, .row_fw_nw5, .row_fw_w5 {display:block;}
    .indexA {padding: 45px 0 10px 0;}
    .indexBP {display: none;}
    .pList {padding: 50px 0 40px 0;}
    .pListC {padding: 40px 0 0 0;}
    .formCol_a, .formCol_b, .formCol_e {width: 100%; border-bottom: 1px solid #fff; padding: 0 0 4px 0; margin: 0 0% 15px 0; display: flex; flex-wrap: wrap; justify-content: center;}
    .formRow_b {display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: center;}
    .formCol_d {width: 100%; margin-top: 25px; justify-content:center;}
    .footerT {padding-bottom: 10px;}
    .footer > ul > li:nth-child(1) img {width: 90px;}
    .footer > ul > li:nth-child(2) {width: 100%; padding-bottom: 30px;}
    .footer > ul > li:nth-child(2) a:link, .footer > ul > li:nth-child(2) a:visited {text-decoration:none; color:#c2d83e; line-height: 160%; display: inline-block; margin-right: 20px; font-weight: bold; transition: all 0.5s ease 0s;}
    .footer > ul > li:nth-child(3) {width: 100%;}
    .btn_b:link, .btn_b:visited {padding: 50px 0 0 0; margin: 30px auto 0 auto; background-size: 32%;}
    .relatedT {padding: 10px 10px;}
    .slide {background-size: 50%;}
    .aboutNewC {margin: 70px auto 0 auto;}
    .aboutNewC > div:nth-child(1), .aboutNewD > div:nth-child(1), .aboutNewF > div:nth-child(1), .aboutNewG > div:nth-child(1), .aboutNewG > div:nth-child(3) {min-height: 300px;}
    .aboutNewC > div:nth-child(3) p {padding: 50px 0px 20px 55px;}
    .aboutNewD > div:nth-child(3) p, .aboutNewG > div:nth-child(3) p {padding: 70px 50px 20px 0px;}
    .aboutNewF > div:nth-child(3) p {padding: 70px 0px 20px 52px;}
    .newsL {width: 100%; margin-bottom: 30px;}
    .contactF > div:nth-child(1) > div > div:nth-child(1) {width: 35%;}
    .contactF > div:nth-child(1) > div > div:nth-child(1) img {width: 70%;}
    .contactF > div:nth-child(1) > div > div:nth-child(2) {width: 65%;}
    .contactFB {flex-direction: column;}
    .contactFB > div:nth-child(1), .contactFB > div:nth-child(2) {width: 100%; padding: 0px;}
	.video_list, .videoL > div:nth-child(3n+3), .videoL > div:nth-child(2n+2), .videoL > div:last-child {width:100%; margin: 0 0% 3% 0;}
}/*576px_sm_end*/


@media only screen and (max-width:430px){
    .fs_14 {font-size: 14px!important;}
    .fs_16 {font-size: 14px!important;}
    .fs_18, .language, .pListCLT {font-size: 16px!important;}
    .fs_20, .newsLC {font-size: 16px!important;}
    .fs_22, .relatedT, .processCLT {font-size: 18px!important;}
    .fs_24 {font-size: 18px!important;}
    .fs_26, .footerT, .newsLT {font-size: 20px!important;}
    .fs_28, .title_b {font-size: 20px!important;}
    .fs_30 {font-size: 22px!important;}
    .fs_32 {font-size: 22px!important;}
    .fs_34 {font-size: 24px!important;}
    .fs_36, .title_a {font-size: 24px!important;}
    .fs_38 {font-size: 26px!important;}
    .fs_40, .process > h2, .aboutNewC > div:nth-child(1) > h3, .aboutNewD > div:nth-child(1) > h3, .aboutNewF > div:nth-child(1) > h3, .aboutNewG > div:nth-child(1) > h3 {font-size: 26px!important;}
    .search_open {width: 170px;}
    .pList .owl-item::after {content:none;}
    .btn_b:link, .btn_b:visited {padding: 40px 0 0 0; margin: 20px auto 0 auto; background-size: 25%;}
    .aboutNewAC > div img {width: 50%;}
    .aboutNewC {margin: 60px auto 0 auto;}
    .aboutNewC > div:nth-child(1), .aboutNewD > div:nth-child(1), .aboutNewF > div:nth-child(1), .aboutNewG > div:nth-child(1), .aboutNewG > div:nth-child(3) {min-height: 230px;}
    .aboutNewC > div:nth-child(1) > h3, .aboutNewD > div:nth-child(1) > h3, .aboutNewF > div:nth-child(1) > h3, .aboutNewG > div:nth-child(1) > h3 {top: 30px; left: 25px;}
    .contactF > div:nth-child(1) > div {flex-direction: column; padding: 20px;}
    .contactF > div:nth-child(1) > div > div:nth-child(1) {width: 100%; text-align: center; padding-bottom: 10px;}
    .contactF > div:nth-child(1) > div > div:nth-child(1) img {width: 20%;}
    .contactF > div:nth-child(1) > div > div:nth-child(2) {width: 100%; text-align: center;}
}/*430px_end*/