@charset "utf-8";
/* CSS Responsive */
@media only screen and (max-width:1800px){
	.sub_banner::before, .sub_bannerW::before {left: 12.5%;}
	.sub_banner::after, .sub_bannerW::after {right: 11%;}
	.sub_bannerP {left: 7.8%; bottom: -47.1%;}
}

@media only screen and (max-width:1700px){
	.sub_banner::before, .sub_bannerW::before {left: 11.5%;}
	.sub_banner::after, .sub_bannerW::after {right: 9%;}
	.sub_bannerP {left: 6.7%; bottom: -47.3%;}
	.ind_A > div:nth-child(4) > div.fs_16 { padding: 5% 70px;}
	.main .leaf::before { width: 280px; height: 325px;  top: -25%; left: 0;}
	.main .leaf2::before { width: 280px; height: 325px;  top: -50%; left: 0;}
}


@media only screen and (max-width:1600px){
    .ind_F {min-height: 600px;}
	.sub_banner::after, .sub_bannerW::after {right: 6.5%; bottom: -75.134%;}
	.sub_banner::before, .sub_bannerW::before {left: 11%; bottom: -84%;}
	.sub_bannerP {left: 6%; bottom: -48.3%;}
    .path > div > ul {padding: 25px 0 25px 28%;}
	.aboutus .about-1 > div:nth-child(1)::before{width: 150px;height: 150px;top: -5%; left: -5%;}
	.aboutus .about-1 > div:nth-child(2)::before{width: 150px;height: 150px;bottom: -5%; right: -5%;}
	.main .leaf::before { width: 200px; height: 232px;top: -17%; left: 0;}
	.main .leaf2::before { width: 200px; height: 232px;top: -40%; left: 0;}
	.aboutus .about-3::before { width: 150px; height: 263px; top: 6%; left: -11%; }
	.aboutus .about-3::after { width: 180px; height: 322px; bottom: 10%; right: -11%; }
}
/*1600px_spc_end*/


@media only screen and (max-width:1400px){
    .links > div {margin: 0 10px;}
	.language {margin: 0 5px 0 10px !important;}
	.sjj_nav_ul > li {padding: 0 20px;}
	.ind_A > div:nth-child(1) > div.fs_16 {width: 86%;}
	.ind_A > div:nth-child(4) > div.fs_16 { padding: 11% 120px;}
	.ind_A > div:nth-child(4) > div.fs_16 h2, .ind_A > div:nth-child(4) > div.fs_16 p.fs_24, .ind_A > div:nth-child(4) > div.fs_16 p.fs_16 {padding-right: 0;}
	.ind_B > div:nth-child(2) {top: 13.4%;}
	.ind_B > div:nth-child(3) ul {margin-bottom: 6%!important;}
    .ind_F {min-height: 550px;}
    .ind_GL > div {width: 31%; margin: 0 3.5% 50px 0;}
    .ind_GL > div:nth-child(3n+3) {margin: 0 0 50px 0;}
	.footer > div > ul > li:nth-child(2) > ul {padding: 63px 20px 0 90px !important;}
	.footer > div > ul > li:nth-child(3) {padding: 70px 0 0 40px;}
	.sub_banner::before, .sub_bannerW::before {left: 10%; bottom: -94%;}
	.sub_banner::after, .sub_bannerW::after {bottom: -88%; right: 7%;}
	.sub_bannerP {bottom: -49.4%;}
	.productsL > div > div {padding-bottom: 80.99%;}
	.productsDT > div:nth-child(2) {padding: 50px 4.511% 0 6.93%;}
	.ingredient > div > div:nth-child(2) > div h3 {margin-bottom: 20px;}
	.contact > .contactus{padding-left: 0px;}
	.aboutus .about-1 > div:nth-child(1)::before{width: 150px;height: 150px;top: -5%; left: -5%;}
	.aboutus .about-1 > div:nth-child(2)::before{width: 150px;height: 150px;bottom: -5%; right: -5%;}
	.main .leaf::before { width: 200px; height: 232px;top: -15%; left: 0;}
	.main .leaf2::before { width: 200px; height: 232px;top: -20%; left: 0;}
	.aboutus .about-3::before { width: 150px; height: 263px; top: 6%; left: -9.5%; }
	.aboutus .about-3::after { width: 180px; height: 322px; bottom: 10%; right: -9.8%; }
	.production_base .production_base_pic > div > div::after { bottom: -30px; left: 30px;}
    .about-7 {padding: 5px 0 8.334% 0;}
    .service {padding: 0 0 7.834% 0;}
}
/*1400px_nb_end*/


@media only screen and (max-width:1200px){
    .frame_1410, .frame_1140, .frame_1612 {padding: 0 50px;}
	.top-barC {height: 70px;}
	.logo {height: 30px; margin-top: -15px;}
    .links > div {margin: 0 7px;}
	.language {margin: 0 5px 0 7px !important;}
	.menu {left: 72%;}
	.sjj_nav {justify-content: flex-start;}
    .sjj_nav_ul {margin: 0!important;}
	.sjj_nav_ul > li {padding: 0 11px;}
	#content {padding: 70px 0 0 0;}
	.ind_A > div:nth-child(1) > div.fs_16 {width: 94%;}
	.ind_A > div:nth-child(1) > div.fs_16 h3 {margin-bottom: 4%;}
	.ind_A > div:nth-child(1) > div.fs_16 h1, .ind_A > div:nth-child(1) > div.fs_16 p.fs_24, .ind_A > div:nth-child(1) > div.fs_16 p.fs_16 {padding-right: 7%;}
	.ind_A > div:nth-child(1) > div.fs_16 h1 br {display: none;}
	.ind_A > div:nth-child(1) > div.fs_16 h1, .ind_A > div:nth-child(4) > div.fs_16 h2 {margin-bottom: 5%;}
	.ind_A > div:nth-child(1) > div.fs_16 p.fs_24, .ind_A > div:nth-child(4) > div.fs_16 p.fs_24 {margin-bottom: 4%;}
	.ind_A > div:nth-child(1) > div.fs_16 p.fs_16, .ind_A > div:nth-child(4) > div.fs_16 p.fs_16 {margin-bottom: 6%;}
	.ind_A > div:nth-child(4) > div.fs_16 { padding: 10% 0px 10% 35px; /*width: 94%; position: absolute; top: 50%; left: auto; right: 0; -moz-transform:translate(0%, -50%); -webkit-transform:translate(0%, -50%); -o-transform:translate(0%, -50%); -ms-transform:translate(0%, -50%); transform:translate(0%, -50%);*/}
	.ind_A > div:nth-child(4) > div.fs_16 h2, .ind_A > div:nth-child(4) > div.fs_16 p.fs_24, .ind_A > div:nth-child(4) > div.fs_16 p.fs_16, .ind_A > div:nth-child(4) > div.fs_16 p.fs_16+div {padding-right: 7%;}
	.ind_B > div:nth-child(2) {top: 8.4%;}
    .ind_F {min-height: 500px;}
    .ind_GL > div {width: 32%; margin: 0 2% 45px 0;}
    .ind_GL > div:nth-child(3n+3) {margin: 0 0 45px 0;}
    .ind_H {padding: 5.833% 0 50px 0;}
    .ind_H .seo-content {margin: auto auto 50px auto;}
    .footerContentC {width: 55%; padding: 17% 0;}
	.footer > div > ul > li:nth-child(2) {width: 30%;}
	.footer > div > ul > li:nth-child(2) > ul {padding: 63px 20px 0 55px!important;}
	.footer > div > ul > li:nth-child(3) {width: 35.25%;}
	.sub_banner::before, .sub_bannerW::before {left: 7%; bottom: -101%;}
	.sub_banner::after, .sub_bannerW::after {bottom: -95%; right: 4%;}
	.sub_bannerP {left: 3.4%; bottom: -51.3%;}
	.path > div::before {right: 187px;}
	.path > div::after {right: 55px;bottom:5px;}
	.main_T::after {width: calc(100% - 250px); right: 200px;}
	.productsL > div {width: 31.33%; margin: 0 3% 0 0;}
	.productsL > div > div {padding-bottom: 90.248%;}
	.productsDT > div:nth-child(2) {padding: 50px 1.511% 0 5.93%;}
	.process_B {padding: 87px 0 9.459% 0;}
	.process_B > div > h2::after {margin: 22px 0 45px 0;}
	.process_BA > div > div:nth-child(1) > div h3, .process_BB > div > div:nth-child(1) > div h3, .process_BC > div > div:nth-child(1) > div h3 {margin-bottom: 20px;}
	.ingredient > div {width: 27.818%; margin: 0 2.7576% 60px 2.7576%;}
	.contact > div {padding: 50px 50px 50px 15px;}
	.contactB {padding: 35px 0 10px 0;}
	.aboutus .about-1 {margin-top: 0;padding-bottom: 0;}
	.main .leaf::before,
	.main .leaf2::before, 
	.aboutus .about-1 > div:nth-child(1)::before, .aboutus .about-1 > div:nth-child(2)::before, .aboutus .about-3::before, .aboutus .about-3::after, .about-6 > div:nth-child(1)::before, .about-6 > div:nth-child(2)::before { display: none;}
	.aboutus .sd_in:nth-child(2) .img, .aboutus .sd_in:nth-child(4) .img { display: none;}
	.aboutus .service_advantage > div:nth-child(1), .aboutus .service_advantage > div:nth-child(2){ text-shadow: none;}
    .about-6 {margin: 9px 0 15.364% 0;}
    .certification-2 > div {width: 24.545455%;}
    .certification-2 > div > div.txt p {letter-spacing: 4px;}
    .collapse_list {width: 49%;}
}
/*1200px_xl_end*/


@media only screen and (max-width:992px){
    .mobile {display:block;} .pc, .br_n9 {display:none;}
    .bg_saf {background-attachment: scroll;}
    .bg_bsc {-webkit-background-size: none; -moz-background-size: none; -o-background-size: none; background-size: none;}
    .a_nohover {pointer-events: initial;}
    .rotate_360:hover {text-decoration:none; -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg);}
    .alpha_60:hover {filter:alpha(opacity=100);Opacity:1.0;}
    .scale_3:hover, .scale_05:hover {transform: scale(1.0, 1.0);}
    .translateY_t075:hover {-moz-transform:translateY(0); -webkit-transform:translateY(0); -o-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); transition: all 0.5s ease 0s;}
    .flash-line-hover:hover::before {-webkit-animation-name: none!important; animation-name: none!important;}
    #content {padding: 40px 0 0 0;}
    .top-barC {height: 40px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);}
    .slideTable {display: block;}
	.frame_1410, .frame_1140, .frame_1612 {padding: 0 20px;}
    .links > div {margin: 0 15px;}
	.language {margin: 0 15px !important;}
	.sjj_nav_ul > li {padding: 0 38px;}
	.ind_A > div {width: 100%!important;}
	.ind_A > .bg_01c { height: 0; padding-bottom: 98.8%; }
	.ind_A > div:nth-child(3) {order: 4;}
	.ind_A > div:nth-child(4) {order: 3;}
	.ind_A > div:nth-child(1) > div:nth-child(1) > img, .ind_A > div:nth-child(2) > div:nth-child(1) > img { width: 100%; }
	.ind_A > div:nth-child(4) > div.fs_16 { padding: 19% 0px 20% 60px;}
	.ind_A > div:nth-child(1) > div.fs_16 h3 {margin-bottom: 10.264%;}
	.ind_A > div:nth-child(1) > div.fs_16 h1, .ind_A > div:nth-child(4) > div.fs_16 h2 {margin-bottom: 7.625%;}
	.ind_A > div:nth-child(1) > div.fs_16 p.fs_24, .ind_A > div:nth-child(4) > div.fs_16 p.fs_24 {margin-bottom: 5.866%;}
	.ind_A > div:nth-child(4) > div.fs_16 p.fs_24 span br {display: none;}
	.ind_A > div:nth-child(1) > div.fs_16 p.fs_16, .ind_A > div:nth-child(4) > div.fs_16 p.fs_16, .ind_A > div:nth-child(4) > div.fs_16 p.fs_16+div {margin-bottom: 8.798%;}
	.ind_B > div:nth-child(2) {top: 11%;}
	.ind_B > div:nth-child(2) h3 {margin-bottom: 30px;}
	.ind_B > div:nth-child(3) {position: relative; padding: 60px 0;}
	.ind_B > div:nth-child(3) ul {justify-content: center;}
	.ind_B > div:nth-child(3) ul li {padding: 20px 10px!important;}
    .ind_DL > div {width: 32%; margin: 0 2% 30px 0;}
    .ind_E::before {width: 16.332%; padding-bottom: 68.347%; bottom: 5%; filter:alpha(opacity=40); Opacity:0.4;}
    .ind_EC {padding: 60px 0 20px 0;}
    .ind_EC > div:nth-child(1) {width: 100%; text-align: center; position: relative; top: auto; right: auto; -moz-transform:translateY(0); -webkit-transform:translateY(0); -o-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0);}
    .ind_EC > div:nth-child(2) {width: 100%; margin: auto; text-align: center;}
	.ind_PF {padding: 60px 0 20px 0;}
	.ind_PF > div:nth-child(1) {width: 100%; text-align: center; position: relative; top: auto; right: auto; -moz-transform:translateY(0); -webkit-transform:translateY(0); -o-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0);padding-right: 0;margin-bottom: 40px;}
    .ind_PF > div:nth-child(2) {width: 100%; margin: auto; text-align: center;}
    .ind_F {min-height: 450px;}
    .ind_GL {padding: 40px 0 10px 0;}
    .ind_GL > div:nth-child(3n+3) {margin: 0 0 45px 0;}
    .footerContentC {padding: 10% 0;}
    .footerContentC br {display: block;}
    .footerContentC .btn_b {padding: 40px 0 0 0;}
	.footer {padding: 55px 0 40px 0;}
	.footer > div > ul > li {width: 100%!important;}
	.footer > div > ul > li::after {content: none;}
	.footer > div > ul > li:nth-child(1) {order: 2; padding: 40px 0px 30px 0px!important;}
	.footer > div > ul > li:nth-child(2) {order: 1;}
	.footer > div > ul > li:nth-child(2)::after {content: ''; width: 100%; height: 1px; top: auto; bottom: 0;}
	.footer > div > ul > li:nth-child(2) > ul {padding: 0px 0px 40px 0px !important;}
	.footer > div > ul > li:nth-child(2) > ul > li {width: 16.66%; text-align: center;}
	.footer > div > ul > li:nth-child(3) {order: 3; padding: 0px 0 0 0px;}
	.footer > div > ul > li:nth-child(3) > div {border-bottom: 1px solid #dfdfdf; padding-bottom: 35px; margin-bottom: 35px;}
	.footer > div > ul > li:nth-child(3) > h6 {text-align: center;}
	.sub_banner::before, .sub_bannerW::before {left: 0; bottom: -57%;}
	.sub_banner::after, .sub_bannerW::after {bottom: -54%; right: 20px;}
	.sub_banner > div:nth-child(2) h2 {margin-bottom: 20px; text-shadow: -1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff;}
	.sub_banner > div:nth-child(2) p {text-shadow: -1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff;}
	.sub_bannerP {left: 2%; bottom: -8.5%;}
	.path > div::before {right: 157px;}
	.path > div::after {right: 25px;}
	.path > div > ul {padding: 25px 20px;}
	.main_T::after {width: calc(100% - 190px); right: 170px;}
	.main_T > div {padding: 7% 0 0 0;}
	.main_T > div > h1::after {margin: 15px 0 23px 0;}
	.main_T > div > h3 {margin-bottom: 23px;}
	.main_T > div > h4 {margin-bottom: 6.7%;}
	.main_T > div > div.con {margin: 0 auto 10% auto;}
	.about_A {padding: 10% 0 5% 0;}
	.about_A > div > h3 {margin-bottom: 4.8%;}
	.about_A > div > div {padding: 7.4% 0 0 0;}
	.productsL > div {width: 30.66%; margin: 0 4% 0 0;}
	.productsL > div > div {padding-bottom: 100%;}
	.productsLC > div, .productsLC > div:nth-child(5n+5) {width: 23.5%; margin: 0 2% 84px 0;}
	.productsLC > div:nth-child(4n+4) {margin: 0 0 84px 0;}
	.subMenu {padding-top: 30px;}
	.subMenu > div {display: block;}
	.subMenu > ul {max-height: 0; margin-bottom: 40px!important;}
	.productsDT > div:nth-child(1) {width: 100%; padding: 0px;}
	.productsDT > div:nth-child(1)::after {content: none;}
	.productsDT > div:nth-child(2) {width: 100%; padding: 40px 0 0 0;}
	.productsDT > div:nth-child(2) .blow-up {margin-bottom: 51px;}
	.productsDT > div:nth-child(2) .blow-up a {margin: auto;}
	.productsDT > div:nth-child(2) .share {justify-content: center; margin-bottom: 50px;}
	.pro_btn {justify-content: center;}
	.productsDC .owl-prev {left: 30px; filter:alpha(opacity=0); Opacity:0;}
	.productsDC .owl-next {right: 30px; filter:alpha(opacity=0); Opacity:0;}
	.productsDC:hover .owl-prev {left: -10px; filter:alpha(opacity=100); Opacity:1.0;}
	.productsDC:hover .owl-next {right: -10px; filter:alpha(opacity=100); Opacity:1.0;}
	.productsDC > h3::after {margin: 20px auto 50px auto;}
	.process_A {padding: 35px 0 60px 0;}
	.process_A .top .pic, .process_A .bottom .pic { display: none;}
	.process_B {padding: 70px 0 9.459% 0;}
	.process_B > div > h2::after {margin: 17px 0 40px 0;}
	.faqs {padding: 25px 0 60px 0;}
	.ingredient {padding: 25px 0 10.639% 0;}
	.contact {padding: 25px 0 7.81% 0;}
	.contact > p {margin-bottom: 50px;}
	.cus_gray, .cus_no_gray { padding: 40px 0;}
	.main .cus_no_gray:nth-child(2) { padding: 0 0 40px!important;}
	.main .cus_no_gray:nth-child(6) { padding: 40px 0 10px!important;}
	.feature .reverse { flex-direction: column; }
    .aboutus p, .production_base p, .production_base h3, .production_base li {line-height: 200%;}
    .aboutus .about-1, .production_base .about-1 {padding: 0;margin: 0;}
    .aboutus .about-1 > div:nth-child(1), .production_base .about-1 > div:nth-child(1){ width: 100%; max-width: 100%; padding: 25px 6%;}
    .aboutus .about-1 > div:nth-child(1) {text-align: center;}
    .aboutus .about-1 > div:nth-child(2), .production_base .about-1 > div:nth-child(2){ position: relative;width: 100%;}
	.aboutus .about-2 {grid-template-columns: repeat(2, 1fr);gap:20px 2%;}
    .aboutus .about-1 > div:nth-child(1)::before, .aboutus .about-1 > div:nth-child(2)::before, .production_base .about-1 > div:nth-child(1)::before, .production_base .about-1 > div:nth-child(2)::before {display: none;}
    .aboutus .about-4 > div {width: 100%; text-align: center; justify-content: center;}
    .aboutus .about-4 > div:nth-child(1) {padding: 0 0 30px 0;}
    .aboutus .about-4 > div:nth-child(1) > div {padding: 0;}
    .about-6 {text-align: center; padding: 0; margin: 0 0 40px 0;}
    .about-6 > div:nth-child(1) {order: 2; width: 100%; position: relative; z-index: 1; top: auto; line-height: 0;}
    .about-6 > div:nth-child(2) {order: 1; width: 100%; max-width: 100%; padding: 25px 6%;}
    .about-7 {justify-content: center;}
    .about-7 > div {width: 29%; margin: 30px 2% 0 2%;}
	.feature .flex_1 > div:first-child { display: flex; justify-content: center;}
	.feature .flex_1 > div { width: 100%; }
	.feature .flex_1 > div img { text-align: center; }
    .feature .reverse { flex-direction: column; }
	.production_base .production_base_bg { margin-top:0;}
	.production_base .leaf3::before, .production_base .leaf3::after, .leaf4, .production_base .leaf5::before, .production_base .leaf5::after { display: none;}
    .certification-2 > div {width: 28.36145%;}
    .certification-2 > div > div.txt p {letter-spacing: 2px;}
    .collapse_list {width: 100%;}
    .collapse_list > div {margin: 0 0 30px 0;}
	.quality_management_2 .color_2 { margin: 30px 0 0 0;}
	.quality_management_2 .green, .quality_management_2 .gray { display: flex; flex-wrap: wrap;align-items: center;margin: 0;}
	.quality_management_2 .green .text, .quality_management_2 .gray .text {padding: 40px 20px; margin: 0; width: 45%;}
	.quality_management_2 .green .pic, .quality_management_2 .gray .pic { padding: 40px 20px 40px 0px; width: 55%; position: relative; bottom: auto; right: auto; left: auto; box-shadow: none;}
	.quality_management_2 .gray .text { order: 2;}
	.quality_management_2 .gray .pic { order: 1; padding: 40px 0px 40px 20px;}
	.process_content .process_item .pho-block{min-width: 380px;height: 336px;}
	.production_base .about-4 .text-block .kind{align-items: center;}
}
/*992px_lg_end*/


@media only screen and (max-width:768px){
    .br_n7 {display:none;}
	.slideTable {background-size: 30%;}
	.ind_A > div:nth-child(4) > div.fs_16 { padding: 10% 0px 7% 45px;}
	.ind_A > div:nth-child(4) > div.fs_16 p.fs_24 span br {display: block;}
	.ind_B > div:nth-child(2) {top: 7.8%;}
	.ind_B > div:nth-child(2) h3 {margin-bottom: 20px;}
    .ind_DL > div, .ind_DL > div:nth-child(3n+3) {width: 100%; max-width: 426px; margin: 0 auto 40px auto;}
    .ind_F {min-height: 400px;}
    .ind_G, .ind_H {padding: 50px 0;}
    .ind_GL > div, .ind_GL > div:nth-child(3n+3) {width: 100%; margin: auto auto 40px auto;}
    .ind_GL > div > div.photo {margin: auto auto 30px auto;}
    .ind_GL > div > h3, .ind_GL > div > span {margin-bottom: 20px;}
    .ind_H .seo-content {margin: auto auto 30px auto;}
    .footerContent {background: url(../images/bg_05g.jpg) no-repeat center right / cover;}
    .footerContentC {width: 100%; padding: 13% 0;}
    .footerContentC br {display: none;}
	.footer {padding: 50px 0 40px 0;}
	.footer > div > ul > li:nth-child(3) > div {padding-bottom: 30px; margin-bottom: 30px;}
	.sub_banner > div:nth-child(2) h2, .sub_bannerW > div:nth-child(2) h2 {margin-bottom: 15px;}
	.sub_banner::before, .sub_bannerW::before {bottom: -78%;}
	.sub_banner::after, .sub_bannerW::after {bottom: -64%;}
	.main_T > div > h1::after {margin: 10px 0 18px 0;}
	.main_T > div > h3 {margin-bottom: 18px;}
	.main_T > div > h4 {line-height: 170%;}
	.about_A > div > h3 {align-items: center; line-height: 150%;}
	.about_A > div > h3::before, .about_A > div > h3::after {content: none;}
	.productsL > div {width: 30%; margin: 0 5% 0 0;}
	.productsLC > div, .productsLC > div:nth-child(5n+5), .productsLC > div:nth-child(4n+4) {width: 32%; margin: 0 2% 74px 0;}
	.productsLC > div:nth-child(3n+3) {margin: 0 0 74px 0;}
	.productsDT > div:nth-child(2) .blow-up {margin-bottom: 41px;}
	.productsDT > div:nth-child(2) .share {margin-bottom: 40px;}
	.productsDC {padding: 70px 0 9.22% 0;}
	.productsDC > h3::after {margin: 20px auto 40px auto;}
	.process_A {padding: 30px 0 55px 0;}
	.process_B {padding: 60px 0 9.459% 0;}
	.process_A .bottom .green .gray > div:first-child { width: 100%;}
	.process_A .bottom .green .gray > div:last-child { width: 100%; text-align: justify; padding: 0 17px 17px 17px;}
	.process_A .bottom .green .gray > div > div { padding: 20px 10px;}
	.process_B > div > h2::after {margin: 12px 0 35px 0;}
	.process_BA > div, .process_BA > div:nth-child(2), .process_BB > div, .process_BB > div:nth-child(2), .process_BC > div, .process_BC > div:nth-child(2) {flex-direction: column;}
	.process_BA > div > div:nth-child(1), .process_BB > div > div:nth-child(1), .process_BC > div > div:nth-child(1) {width: 100%; padding: 5%; justify-content: flex-start;}
	.process_BA > div > div:nth-child(2), .process_BB > div > div:nth-child(2), .process_BC > div > div:nth-child(2) {width: 100%;}
	.faqs {padding: 20px 0 50px 0;}
	.faqs > div {padding: 25px 28px 30px 28px;}
	.ingredient > div {width: 42%; margin: 0 4% 55px 4%;}
	.ingredient {padding: 20px 0 10.639% 0;}
	.contactF > div {width: 100%;}
	.contactF > div > ul > li:nth-child(1) {width: 150px;}
	.contactF > div > ul > li:nth-child(2) {width: calc(100% - 150px);}
	.contact {padding: 20px 0 7.81% 0;}
	.contact > p {margin-bottom: 45px;}
	.iframe-rwd iframe { width: 100%; height: 100%;}
	.aboutus .about-3 > div > div:nth-child(1),
	.aboutus .about-3 > div > div:nth-child(2),
	.aboutus .about-3 > div > div:nth-child(1),
	.aboutus .about-3 > div > div:nth-child(2),
    /*.aboutus .about-4 > div, .production_base .about-4 > div{ width: 100%;}
	.aboutus .about-4 > div:nth-child(1){padding: 0 3.5% 50px;}*/
	.aboutus .service_advantage { padding: 30px 0!important;}
	.aboutus .service_advantage > div:nth-child(1), .aboutus .service_advantage > div:nth-child(2){ width: 100%!important; padding: 15px 0!important; margin: 0; text-shadow: none;}
	.aboutus .sd_in:nth-child(3) .service_advantage > div:nth-child(1), .aboutus .sd_in:nth-child(5) .service_advantage > div:nth-child(1) { order: 1;}
	.aboutus .sd_in:nth-child(3) .service_advantage > div:nth-child(2), .aboutus .sd_in:nth-child(5) .service_advantage > div:nth-child(2) { order: 2;}
	.aboutus .sd_in:nth-child(3) .service_advantage > div:nth-child(2) > div::before, .aboutus .sd_in:nth-child(5) .service_advantage > div:nth-child(2) > div:before { top: 10px; left: -10px; right: auto;}
	.aboutus .reverse, .service .reverse { flex-direction: column; }
	.service .flex_1 > div:first-child { width: 100%;}
	.service .flex_1 > div:last-child { width: 100%;padding: 70px 30px;}
	.service .flex_2 { display: block; background: none; justify-content: center; }
	.service .flex_2 .bg-block{width: 100%;height: 180px;height: 50vh;background: url(../images/service-5.jpg) no-repeat center left;}
	.service .flex_2 .text-block{width: 100%;padding: 5% 0px;text-align: center;}
	.service .flex_2 .text-block > div{padding: 15px;}
    .cus_gray { padding: 60px 0 30px !important;}
    .production_base .production_base_bg .jumbo > div { width: 50%; padding: 10px;}
    .production_base .production_base_pic > div:nth-child(even) { margin-top: 50px;}
    .production_base .production_base_pic > div { width: 510px; margin: 50px auto;}
    .certification-2 {padding: 40px 0;}
    .certification-2 > div {width: 100%; max-width: 270px; margin: 0 auto 40px auto;}
    .collapse_list > div > h3 {padding: 15px 50px 15px 20px;}
    .collapse_list > div > div {padding: 20px;}
    .arrowBtn {top: 12px; right: 5px;}
	.quality_management_2 .green .text, .quality_management_2 .gray .text {padding: 30px 20px 20px 20px; width: 100%;}
	.quality_management_2 .green .pic, .quality_management_2 .gray .pic { padding: 0 20px 20px 20px; width: 100%;}
	.quality_management_2 .gray .text { order: 1;}
	.quality_management_2 .gray .pic { order: 2;}
	.quality_management_bg .certified {display: flex; flex-wrap: wrap;}
	.quality_management_bg .certified > div { width: 47%; margin: 20px 6% 20px 0;}
	.quality_management_bg .certified > div:nth-child(3n+3) { margin: 20px 0 20px 0;}
	.quality_management_bg .certified > div:nth-child(2n+2) { margin: 20px 0 20px 0;}
	.cert-box .cert-bg img:nth-child(1){display: none;}
	.cert-box .cert-bg img:nth-child(2){display: block;}
	.process_content .process_item{flex-wrap: wrap;}
	.process_content .process_item .pho-block{width: 100%;margin: 0 auto; min-width: auto;max-width: 600px;}
	.process_content .process_item .text-block{width: 100%;margin: 0 auto; max-width: 600px; padding: 30px;}
	.process_content .process_item .text-block .title h3{line-height: normal;}
	.process_content .process_item:nth-child(2n+2) .pho-block{order: 1;}
	.process_content .process_item:nth-child(2n+2) .text-block{order: 2;margin: 0 auto;padding: 30px;}
	.base-wrap{grid-template-columns: 1fr;gap: 25px;margin: 30px 0 45px 0;}
	.base-wrap .base-item .pho{max-width: 500px;margin: 0 auto;height: 100%;max-height: 320px;}
	.base-wrap .base-item .text-block{padding: 0;max-width: 500px;margin: 0 auto;}
}
/*768px_md_end*/


@media only screen and (max-width:576px){
	.br_n5 {display:none;}
	.ind_A > div:nth-child(4) > div.fs_16 { padding: 14% 0px 14% 35px;}
	.ind_A > div:nth-child(1) > div.fs_16 h3, .ind_A > div:nth-child(4) > div.fs_16 h3 {margin-bottom: 4%;}
	.ind_A > div:nth-child(1) > div.fs_16 h1, .ind_A > div:nth-child(1) > div.fs_16 p.fs_24, .ind_A > div:nth-child(1) > div.fs_16 p.fs_16 {padding-right: 7%;}
	.ind_A > div:nth-child(1) > div.fs_16 h1, .ind_A > div:nth-child(4) > div.fs_16 h2 {margin-bottom: 5%;}
	.ind_A > div:nth-child(1) > div.fs_16 p.fs_24, .ind_A > div:nth-child(4) > div.fs_16 p.fs_24 {margin-bottom: 4%;}
	.ind_A > div:nth-child(4) > div.fs_16 p.fs_24 {text-align: center;}
	.ind_A > div:nth-child(4) > div.fs_16 p.fs_24 span {flex-wrap: wrap; justify-content: center; font-size: 95%;}
	.ind_A > div:nth-child(4) > div.fs_16 p.fs_24 span br {display: none;}
	.ind_A > div:nth-child(1) > div.fs_16 p.fs_16, .ind_A > div:nth-child(4) > div.fs_16 p.fs_16 {margin-bottom: 6%;}
	.ind_A > div:nth-child(4) > div.fs_16 p.fs_24 span::before, .ind_A > div:nth-child(4) > div.fs_16 p.fs_24 span::after {content: none; /*width: 17px; height: 14px;*/}
	.ind_B > div:nth-child(2) {top: 4.8%;}
	.ind_B > div:nth-child(2) h3 {margin-bottom: 10px;}
	.ind_B > div:nth-child(3) ul li {padding: 20px 5px!important;}
    .ind_D {padding: 60px 0 20px 0;}
    .ind_E {padding: 60px 0 40px 0;}
    .ind_F {min-height: auto;}
    .ind_FC {position: relative; bottom: auto; font-size: 190%;}
    .footerContentC br {display: block;}
	.footer {padding: 45px 0 40px 0;}
	.footer > div > ul > li:nth-child(2) > ul > li {width: 33.33%;}
	.footer > div > ul > li:nth-child(3) > div {padding-bottom: 25px; margin-bottom: 25px;}
	.sub_banner::before, .sub_bannerW::before {bottom: -87%; width: 91px; height: 78px;}
	.sub_banner::after, .sub_bannerW::after {bottom: -74%; right: 3%; width: 70px; height: 93px;}
	.sub_banner > div:nth-child(2), .sub_bannerW > div:nth-child(2) {bottom: 30px;}
	.sub_banner > div:nth-child(2) h2, .sub_bannerW > div:nth-child(2) h2 {margin-bottom: 10px;}
	.productsL {padding: 30px 0 55px 0;}
	.productsL > div {width: 100%; margin: 0 0 70px 0;}
	.productsL > div:nth-child(3n+3), .productsL > div:last-child {margin: 0 0 0px 0;}
	.productsL > div > div {padding-bottom: 58.025%;}
	.productsLC > div, .productsLC > div:nth-child(5n+5), .productsLC > div:nth-child(4n+4), .productsLC > div:nth-child(3n+3) {width: 48.5%; margin: 0 3% 64px 0;}
	.productsLC > div:nth-child(2n+2) {margin: 0 0 64px 0;}
	.productsDT > div:nth-child(2) .blow-up {margin-bottom: 31px;}
	.productsDT > div:nth-child(2) .share {margin-bottom: 30px;}
	.productsDC > h3::after {margin: 20px auto 30px auto;}
	.process_A {padding: 25px 0 50px 0;}
	.process_B {padding: 50px 0 9.459% 0;}
	.process_B > div > h2::after {margin: 10px 0 30px 0;}
	.process_BA > div > div:nth-child(1) > div h3, .process_BB > div > div:nth-child(1) > div h3, .process_BC > div > div:nth-child(1) > div h3 {margin-bottom: 15px;}
	.faqs {padding: 15px 0 40px 0;}
	.faqs > div {padding: 20px 23px 25px 23px;}
	.faqs > div > h3 {margin-bottom: 10px;}
	.contact {padding: 15px 0 7.81% 0;}
	.contact > p {margin-bottom: 40px;}
	.contact > div {padding: 40px 40px 40px 5px;}
	.contactF > div > ul > li:nth-child(1) {width: 120px;}
	.contactF > div > ul > li:nth-child(2) {width: calc(100% - 120px);}
	.feature .feature_line { padding: 0; margin-bottom: 30px; }
	.feature .feature_line span { padding: 0; }
	.feature .feature_line::after{ display: none; }
	.feature .l_title { padding-left: 30px;}
	.aboutus .about-2 {grid-template-columns: 1fr; gap:20px 0;}
	.aboutus .about-5 > div:nth-child(2) > div {width: calc(100% / 3); padding: 5px 5px 30px 5px;}
	.service .flex_2 > div { padding: 5% 0px;}
	.production_base .production_base_pic > div { width: 100%; margin: 30px auto;}
	.production_base .production_base_bg .jumbo > div { width: 100%;}
	.production_base .l_title_2::before { width: 100px;}
    .about-7 > div {width: 46%;}
	.oem-select-box .oem-select-item .title{width: 120px;height: 120px;font-size: 20px;}
	.oem-select-box .oem-select-item .text{width: calc(100% - 90px);padding: 10px 20px 10px 50px;}
}
/*576px_sm_end*/


@media only screen and (max-width:430px){
    .br_n4 {display:none;}
	.ind_A > div:nth-child(1) > div.fs_16 h1, .ind_A > div:nth-child(4) > div.fs_16 h2 {line-height: 100%; margin-bottom: 4%;}
	.ind_A > div:nth-child(4) > div.fs_16 h2 {text-align: center;}
	.ind_A > div:nth-child(1) > div.fs_16 h1, .ind_A > div:nth-child(1) > div.fs_16 p.fs_24, .ind_A > div:nth-child(1) > div.fs_16 p.fs_16 {padding-right: 20px;}
	.ind_A > div:nth-child(1) > div.fs_16 p.fs_16, .ind_A > div:nth-child(4) > div.fs_16 p.fs_16 {line-height: 155%;}
	.ind_A > div:nth-child(4) > div.fs_16 p.fs_24 span {margin-bottom: 0px;}
	.ind_A > div:nth-child(4) > div.fs_16 p.fs_24 span br {display: block;}
	.ind_A > div:nth-child(4) > div.fs_16 {padding: 14% 20px;}
	.ind_A > div:nth-child(4) > div.fs_16 h2, .ind_A > div:nth-child(4) > div.fs_16 p.fs_24, .ind_A > div:nth-child(4) > div.fs_16 p.fs_16 {padding-right: 20px; margin-bottom: 2%;line-height: 140%;}
	.ind_B > div:nth-child(2) {top: 3.8%;}
	.ind_B > div:nth-child(2) h3 {margin-bottom: 5px;}
	.ind_B > div:nth-child(3) ul li div img {width: 48px;}
    .ind_EC {padding: 40px 0 20px 0;}
    .ind_F {padding: 60px 0;}
    .ind_FC {font-size: 155%;}
    .footerContentC {letter-spacing: 0;}
	.footer {padding: 40px 0;}
	.footer > div > ul > li:nth-child(2) > ul > li {width: 40%; text-align: left;}
	.footer > div > ul > li:nth-child(3) > div {padding-bottom: 20px; margin-bottom: 20px;}
	.sub_banner::before, .sub_bannerW::before {bottom: -107%; left: -4px;}
	.sub_banner::after, .sub_bannerW::after {bottom: -94%;}
	.sub_banner > div:nth-child(2) h2, .sub_bannerW > div:nth-child(2) h2 {margin-bottom: 5px;}
	.about_A > div > div {flex-direction: column;}
	.about_A > div > div span {padding: 0;}
	.productsL > div > div {padding-bottom: 79.745%;}
	.productsLC > div, .productsLC > div:nth-child(5n+5), .productsLC > div:nth-child(4n+4), .productsLC > div:nth-child(3n+3) {width: 48.5%; margin: 0 3% 44px 0;}
	.pro_btn > .prev_a, .pro_btn > .next_a {width: 50%;}
	.pro_btn > .back_a {width: 100%; padding: 20px 0 0 0;}
	.pro_btn > div.next_a::after {content: none;}
	.productsLC > div:nth-child(2n+2) {margin: 0 0 44px 0;}
	.process_A {padding: 20px 0 45px 0;}
	.process_B {padding: 40px 0 9.459% 0;}
	.process_BA > div > div:nth-child(1) > div h3, .process_BB > div > div:nth-child(1) > div h3, .process_BC > div > div:nth-child(1) > div h3 {margin-bottom: 10px;}
	.faqs {padding: 10px 0 30px 0;}
	.faqs > div {padding: 15px 15px 20px 15px;}
	.faqs > div > h3 {margin-bottom: 5px;}
	.ingredient > div {width: 96%; margin: 0 2% 40px 2%;}
	.contact {padding: 10px 0 7.81% 0;}
	.contact > p {margin-bottom: 35px;}
	.contact > div {padding: 30px 20px;}
	.contactF > div > ul > li:nth-child(1), .contactF > div > ul > li:nth-child(2) {width: 100%;}
	.contactF > div > ul > li:nth-child(1), .contactF > div:nth-child(2) > ul > li:nth-child(1) {padding: 0 0 0 5px;}
	.contactB > div a:link, .contactB > div a:visited {padding: 12px 20px;}
	.service .flex_2 > div > div h3 { font-size: 16px; }
	.aboutus .about-5 > div:nth-child(2) > div img { max-width: 70px!important;}
	.production_base .l_title_2 { padding: 2px 5px;}
	.production_base .l_title_2::before { display: none;}
    .certification-2 > div > div.txt {width: 210px; padding: 0 0 176px 0; margin: 20px auto 0 auto;}
	.process_content .process_item .pho-block{height: 280px;}
	.oem-select-box .oem-select-item{margin-bottom: 25px;}
	.oem-select-box .oem-select-item .title{position: relative;top: auto;left: auto;transform: initial;margin: 0 auto -40px auto;}
	.oem-select-box .oem-select-item .text{width: 100%;padding: 50px 20px 20px 20px;border-radius: 10px;text-align: center;}
}
/*430px_xs_end*/