/* 响应式 */
/* @media (min-width:1920px){html{font-size:13px;}} */
@media (max-width:1920px){html{font-size:16px;}}
@media (min-width:1400px) and (max-width:1600px){html{font-size:15px;}}
@media (min-width:640px) and (max-width:1399px){html{font-size:13px;}}
@media (min-width:471px) and (max-width:639px){html{font-size:13px;}}
@media (min-width:329px) and (max-width:470px){html{font-size:13px;}}
@media (max-width:328px){html{font-size:13px;}}

/* 手机端下拉 */
svg { overflow: hidden; vertical-align: middle;}
.svg-fill, .svg-stroke {  transition: all ease 1s;}
.header .box .he-fr {display: flex; align-items: center;}
.svg-fill {fill: var(--header-svg-fill, var(--header-font-color, #04463f));}
.wrapClick {margin-right: 2rem;    order: -1; position: relative; z-index: 15; display: none;}
.wrapClick .svg-modify-plus {transform: var(--svg-modify-plus-transform, rotate(0deg));transition-timing-function: var(--svg-modify-plus-transition-timing-function, ease-in-out);  transition-duration: var(--svg-modify-plus-transition-duration, 0.4s);  transform-origin: var(--svg-modify-plus-transform-origin, 50% 50%);}
.wrapClick .svg-modify-minus {transform: var(--svg-modify-minus-transform, rotate(0deg));    transition-timing-function: var(--svg-modify-minus-transition-timing-function, ease-in-out); transition-duration: var(--svg-modify-minus-transition-duration, 0.4s); transform-origin: var(--svg-modify-minus-transform-origin, 50% 50%);}
.wrapClick.on .svg-modify-plus {transform: var(--svg-modify-plus-active-transform, rotate(45deg)); }
.wrapClick.on .svg-modify-minus {transform: var(--svg-modify-plus-active-transform, rotate(-45deg)); }
.wrapClick label { width: 40px;  height: 40px;  cursor: pointer; transition: all ease-in-out .5s;     display: flex; justify-content: center;  align-items: center; overflow: hidden;}
label svg { width: 80%; height: 80%;}
.wapNav {background-color: rgba(0,0,0,0); position: fixed;top: 0; right: 0; width: 0; height: 100vh; z-index: 3;overflow: visible; transition: background-color .3s ease-in-out;}
.wapNav label { position: absolute; top: 0; left: 0; height: 100%; width: 100%;}
.wapNav .wapmenues {top: 0;height: 100%; width:45vw;     background-color: var(--flyout-bg-color, #A8B09F); position: absolute; right: 0; bottom: 0; overflow: auto; overflow-x: hidden; box-shadow: 0 0 0 0 rgb(0 0 0 / 0%);transition: all .3s ease-in-out; transform: translateX(100%);}
.wapNav .wapmenues ul {margin-top: 100px; padding: 0 2%; padding-right: 10%; text-align: right;}
.wapNav .wapmenues ul li a {color: #0f3831; font-size: 1.2rem; margin: 1rem 0; display: block; transition: .5s;}
.wapNav .wapmenues ul li:hover a {color: #fff;}
.wapNav .wapmenues ul li.on a {color: #fff;}
.wapNav.on {  background-color: rgba(0,0,0,.1); width: 100vw;}
.wapNav.on .wapmenues {transform: translateX(0);}


@media screen and (min-width: 200px) and (max-width: 1800px) {
.container {width: 92%;}
/* 首页 */
.inOneSwiper .swiper-button-prev {left: 2%;}
.inOneSwiper .swiper-button-next {right: 2%;}
.inFoSwiper .swiper-button-prev {left: 2%;}
.inFoSwiper .swiper-button-next {right: 2%;}
.arFiSwiper .swiper-button-prev {left: 2%;}
.arFiSwiper .swiper-button-next {right: 2%;}

/* 技术服务 */
.TechnicalTwo .twoBoxOne .le::after {right: -50%; left: auto;}
.TechnicalTwo .twoBoxTwo .le::before {left: 102%; transform: rotate(180deg); z-index: -1;}
.TechnicalTwo .twoBoxTwo .le::after {left: 112%; transform: rotate(180deg);z-index: -1;}
}
/* ======================================================1700px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1700px) {
/* 头部 */
.header .box .feOne .feLuanuge.on {    transform: translate(20%, -30%);}
/* 首页 */
.indexFive .re img {width: 110%;}

/* 阿拉伯胶 */
.ny-banner .box {width: 92%;}

}

/* ======================================================1600px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1600px) {
/* 阿拉伯胶 */
.arFiSwiper {width: 90%; margin: auto; margin-top: 5rem;}
.arFiSwiper .swiper-button-prev {left: 10px;}
.arFiSwiper .swiper-button-next {right: 10px;}

/* 蜡 */
.waxFour::after {    width: 10.94rem;height: 30.63rem;    top: -12%;}

}

/* ======================================================1500px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1500px) {
.container145 {width: 92%;}
/* 头部 */
.header .box > ul {width: 55%;}

/* 首页 */
.inOneSwiper .swiper-button-prev {left: 10px;}
.inOneSwiper .swiper-button-next {right: 10px;}
.inFoSwiper .swiper-button-prev {left: 10px;}
.inFoSwiper .swiper-button-next {right: 10px;}

.header .headerconer{width: 96%;}
}


@media screen and (min-width: 200px) and (max-width: 1400px) {
/* 首页 */
.indexSeven .re .reIcon {left: -10rem;}
.arabicThree .arThBox{padding:0 5rem}
.arabicFour{padding:6.69rem 0 9rem 0}
.waxSix ul li{padding-bottom: 10rem;}

}



/* ======================================================1300px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1300px) {
/* 头部 */
.header .box h1 {width: 25%;}


/* 首页 */
.indexThree .inThIcon {    width: 10.31rem;  height: 25.44rem; bottom: 0;}

/* 技术服务 */
.TechnicalTwo .twoBoxThree .le {width: 45%;}
.TechnicalTwo .twoBoxThree .le .code {margin-left: 1rem;}
.TechnicalTwo .twoBoxThree .re {width: 52%;}
}


/* ======================================================1200px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1200px) {
/* 头部 */
.header .box > ul {display: none;}
.wrapClick {display: block;     order: -1;}
.indexFive .le {padding: 3rem 0;}

/* 技术服务 */
.TechnicalTwo .twoBoxOne .le {width: 40%;}
.TechnicalTwo .twoBoxOne .re {width: 45%;}

/* 专用糖果配料 */
.candyThree ul {flex-wrap: wrap; justify-content: center;}
.candyThree ul li {width: 29%; margin: 0 2rem 2rem 0;}
.candyFour ul {    grid-template-columns: repeat(4,1fr);}
.candyFive ul li .imgBox {width: 45%;}
.candyFive ul li .con {width: 50%;}
} 

/* ======================================================1100px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1100px) {
 /* 首页 */
 .indexThree {margin-top: 3rem;}
 .indexThree .inThIcon {    width: 5.31rem;   height: 14.44rem;}
 .indexThree .le {width: 80%;position: relative;}
 .indexThree .re .box {width: 100%;}
 .indexThree .re .box .conBox {width: 92%;}

 /* 底部 */
 .footer .box {flex-wrap: wrap;}
 .footer .box div {width: 45%; margin-top: 3rem;}
 .footer .box dl {width: 45%;margin-top: 3rem;}
 .footer .box .code {text-align: left;}

 /* 可持续发展 */
 .sustainableThree li:nth-child(2) .con {margin-left: 4%;}
 .sustainableThree li:nth-child(2) .conOne {margin-bottom: 1.5rem;}
 .sustainableThree li .con {width: 44%;}

}





/* ======================================================1000px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1000px) {
 /* 首页 */
 .indexTwo .box {flex-wrap: wrap;}
 .indexTwo .box .le {width: 100%;}
 .indexTwo .box .re {position: relative; margin-top: 4rem; width: 100%;}
 .inToSwiper img {border-radius: 0;}
 .indexTwo .inToBj {width: 10rem; height: 18rem; bottom: auto; top: 0;}
 .indexFive .box {flex-wrap: wrap;}
 .indexFive .le {width: 100%;}
 .indexFive .re {width: 100%;}
 .indexSeven .re {position: relative; margin-top: 3rem; width: 100%;}
 .indexSeven .re .reIcon {display: none;}
 .indexSeven .re .imgBox {border-radius: 0; width: 92%; margin: auto; background-size: auto 100%;}

 /* 阿拉伯胶 */
 .arabicThree .hd {flex-wrap: wrap;}
 .arabicThree .hd ul {width: 100%; margin-top: 3rem; justify-content: space-between;}
 .arabicThree .hd ul li {margin-left: 0;}
 .arabicThree .bd li {flex-wrap: wrap;}
 .arabicThree .bd li .imgBox {width: 100%;}
 .arabicThree .bd li .con {width: 100%; margin-top: 3rem;}

 /* 技术服务 */
 .TechnicalTwo .twoBoxThree .le {flex-wrap: wrap;}
 .TechnicalTwo .twoBoxThree .le .code {margin-top: 2rem; margin-left: 0;}

 /*蜡 */
 .waxSix ul {flex-wrap: wrap;}
 .waxSix ul li {width: 48%;margin-bottom: 2rem; padding-bottom: 0;}
 .waxSix ul li dl {position: relative; margin-top: 2rem;}

 /* 专用糖果配料 */
 .candyFive ul li {flex-wrap: wrap;padding: 1.5rem;}
 .candyFive ul li .imgBox {width: 100%;}
 .candyFive ul li .con {width: 100%;}
}




/* ======================================================900px========================================================= */
@media screen and (min-width: 200px) and (max-width: 900px) {
/* 甘草提取物 */
.licoriceTwo .box {flex-wrap: wrap; margin-top: 3rem;}
.licoriceTwo .box .le {width: 100%;}
.licoriceTwo .box .le img {image-rendering: auto;}
.licoriceTwo .box .re {width: 100%;}

/* 蜡 */
.waxSeven ul {align-items: flex-start;}
.waxSeven ul li:nth-child(odd) {width: 48%;}
.waxSeven ul li:nth-child(even) {display: none;}

}



/* ======================================================手机端========================================================= */
@media screen and (min-width: 200px) and (max-width: 768px) {
/* 首页 */
.bannerSwiper .box h3 {font-size: 2.5rem;}
.bannerSwiper .box span {font-size: 1.5rem;}
.inOneSwiper .hide .info {margin: 1rem 0;}
.inOneSwiper .con span {font-size: 1rem;}
.indexEight {margin: 4rem 0;}
.indexEight .box {flex-wrap: wrap;}
.indexEight .box .le  {width: 100%;}
.indexEight .box .le h4 {margin: 2rem 0;}
.indexEight .box .le p {width: 100%;}
.indexEight .box .re {width: 100%; margin-top: 3rem;}

/* 阿拉伯胶 */
.arabicTwo li {flex-wrap: wrap;}
.arabicTwo li .imgBox {width: 100%;}
.arabicTwo li .con {width: 92%; margin: 3rem auto;}
.arabicTwo li:nth-child(even) .con {width: 92%; margin-left: auto; order: 1;}

/* 甘草 */
.TechnicalTwo .twoBoxOne {flex-wrap: wrap;}
.TechnicalTwo .twoBoxOne .le {width: 100%; border-radius: 0; background-size: auto 100%; height: 30rem;}
.TechnicalTwo .twoBoxOne .re {width: 100%; margin: 3rem 0;}
.TechnicalTwo .twoBoxOne .re p {width: 100%;}

/* 技术服务 */
.TechnicalTwo .twoBox::after {display: none;}
.TechnicalTwo .twoBoxTwo {flex-wrap: wrap;}
.TechnicalTwo .twoBoxTwo .le {width: 100%;}
.TechnicalTwo .twoBoxTwo .le::before , .TechnicalTwo .twoBoxTwo .le::after{display: none;}
.TechnicalTwo .twoBoxTwo .re {width: 100%; margin-top: 3rem;}
.TechnicalTwo .twoBoxThree {flex-wrap: wrap;}
.TechnicalTwo .twoBoxThree .le {width: 100%;}
.TechnicalTwo .twoBoxThree .re {width: 100%; margin-top: 2rem; border-radius: 0;}
.TechnicalTwo .twoBoxThree .re img {border-radius: 0;}
.TechnicalThree .box {flex-wrap: wrap;}
.TechnicalThree .box .le {width: 100%; padding: 3rem 0;}
.TechnicalThree .box .re {width: 100%; justify-content: flex-end;}

/* 可持续发展 */
.sustainableTwo {margin-bottom: 3rem;}
.sustainableTwo::after {width: 10rem; height: 20rem; background-size: 100%;}
.sustainableTwo::before {width: 10rem; height: 20rem; background-size: 100%;}
.sustainableThree li {flex-wrap: wrap; height: auto;}
.sustainableThree li .imgBox {width: 100%; height: 25rem; background-size: auto 100%;}
.sustainableThree li .con {width: 92%; padding: 3rem 0;}
.sustainableThree li .con h3 {margin-top: 0;}
.sustainableThree li:nth-child(2) {height: auto;}
.sustainableThree li:nth-child(2) .imgBox {position: relative; height: 40rem; border-radius: 0;}

/* 蜡 */
.arabicThree {padding-top: 3rem;}
.waxThree .hd ul {flex-wrap: wrap;}
.waxThree .hd ul li {width: 48%; margin-bottom: 2rem;}
.waxFour::after {display: none;}

/* 新闻列表 */
.newsTwo ul {    grid-template-columns: repeat(2,1fr);}

/* 新闻详情 */
.ny-news-xq {padding-top: 80px; padding-bottom: 3rem;}
.ny-news-xq .box-left {width: 100%;}
.ny-news-xq .box-right {width: 100%; margin-top: 2rem;}

/* 专用糖果配料 */
.candyTwo {height: auto;}
.candyTwo .imgBox {width: 100%; position: relative;}
.candyTwo .container145 {justify-content: flex-start;}
.candyTwo dl {width: 100%; margin-bottom: 3rem;}
.candyThree {margin: 5rem 0;}
.candyThree ul {justify-content: space-between;}
.candyThree ul li {width: 48%; margin: 0; margin-bottom: 2rem;}
.candyFour ul {    grid-template-columns: repeat(3,1fr);}

.header .box h1 img{width: 100%;}
}


@media screen and (min-width: 200px) and (max-width: 640px) {
/* 头部 */
.header .box {height: 70px;}
.header .headerconer {width: 90%;}
.header .box .feOne .feLuanuge { width: 15rem; height: 15rem;}
.header .box .feOne .feLuanuge.on { transform: translate(20%, -30%);}
.wapNav .wapmenues {width: 100vw;}
.header .box h1 {width: 45%;}

/* 首页 */
.indexOne .container145 {width: 85%;}
.indexTwo {padding-bottom: 2rem;}
.inOneSwiper .con h3 {font-size: 1.1rem;}
.inOneSwiper .hide h4 {font-size: 1.2rem;}
.inOneSwiper .hide h5 {font-size: 1.1rem;}
.indexThree .le{display: none;}
.inOneSwiper .hide span {font-size: 1rem;}
.indexThree .le {width: 100%; height: 36rem; background-size: auto 100%;}
.indexThree .re .box {padding: 5rem 0; border-radius: 0;}
.indexThree .re h4 {margin: 2rem 0;}
.indexFour {margin: 4rem 0;}
.indexFour .tle {flex-wrap: wrap;}
.indexFour .tle a {margin-right: 8rem;margin-top: 1rem;display: block;}
.inFoSwiper .info {margin-top: 2rem;}
.indexSix p {width: 100%;}
/* .indexFive .re {overflow-x: scroll;} */
.indexFive .re img {width: 100%;}
.indexFive .le .text {margin: 2rem 0;}
.indexSeven .box {padding: 3rem 0;}
.indexSeven .re .imgBox{    height: 24rem;}

/* 底部 */
.footer .box .infoTwo {display: none;}

/* 内页banner */
.ny-banner  {height: 50vh;}
.ny-banner .box {padding-top: 0;}
.ny-banner .box strong {margin-top: 1rem;}

/* 阿拉伯胶 */
.arabicOne {margin: 3rem 0;}
.arabicOne p {width: 100%; padding-top: 1rem;}
.arabicOne h3 {font-size: 2rem;}
.arabicTwo li .con h3 {font-size: 2rem;}
.arabicTwo li .con p {margin-top: 1.5rem; width: 100%;}
.arabicThree .arThBox {padding: 0 4.5rem;}
.arabicThree .bd li .con strong {font-size: 7rem;}
.arabicFour {padding: 5rem 0;}
.arabicFour ul {margin-top: 0; flex-wrap: wrap;}
.arabicFour ul li {width: 45%;margin-top: 3rem;}
.arabicFour ul li h4 {font-size: 1.2rem;}
.arabicFour .tle h3 {font-size: 2rem;}
.arabicFive {padding: 3rem 0;}
.arFiSwiper .swiper-button-next {width: 2.5rem; height: 2.5rem;}
.arFiSwiper .swiper-button-prev {width: 2.5rem; height: 2.5rem;}

/* 技术服务 */
.TechnicalThree {margin-top: 5rem;}
.TechnicalThree .box .le .con {margin: 3rem 0;}
.TechnicalThree .box .re .imgIcon {margin-right: 1rem; }
.TechnicalThree .box .re .imgIcon img {width: 40%;}
.TechnicalThree .box .re img {width: 100%; display: block;}

/* 可持续发展 */
.sustainableTwo li:nth-child(2) .imgBox::before , .sustainableTwo li:nth-child(2) .imgBox::after{display: none;}

/* 蜡 */
.waxSix {padding-bottom: 3rem;}
.waxSeven {padding: 3rem 0;}
.waxSeven .tle h3 {font-size: 2rem;}
.waxSeven ul {margin-top: 3rem;}
.waxSeven ul li h4 {font-size: 1rem;}
.waxSeven ul li .fixed {width: 2.5rem; height: 2.5rem;}
.waxSeven ul li .fixed span {font-size: 1rem; line-height: 2.5rem;}

/* 新闻列表 */
.newsTwo ul {row-gap: 2rem;}

/* 专用糖果配料 */
.candyTle h3 {font-size: 2rem;}
.candyTwo dl dd {margin-top: 1rem;}
.candyFour ul {    grid-template-columns: repeat(2,1fr);}
.candyFive {margin: 5rem 0;}
.candyFour ul {column-gap: 1rem;}
.candyFour ul li h5 {font-size: 1.1rem;}
.candyFive ul li {width: 100%;}
.candyFive ul li .con h4 {font-size: 1.4rem;}

}


@media screen and (min-width: 200px) and (max-width: 500px) {
 /* 首页 */
 .bannerSwiper {height: 60vh;}
 .bannerSwiper .box h3 {font-size: 1.5rem;}
 .bannerSwiper .box span {font-size: 1rem;}
 .bannerSwiper .text {font-size: 2rem;}
 .bannerSwiper .swiper-button-next, .bannerSwiper .swiper-button-prev {width: 3rem; height: 3rem;     background-size: 30%;}
 .indexSeven .box h3 {font-size: 1.5rem;}
 .indexSeven .box strong {font-size: 1.2rem;}
 .indexSeven .box ul {margin: 3rem 0;}

 /* 底部 */
 .footer {padding: 3rem 0;}
 .footer .box div {width: 100%;}
 .footer .box dl {width: 100%; text-align: center;}
 .footer .footerLogo {text-align: center;}
 .footer .footerLogo img {margin: auto; margin-bottom: 2rem;}
 .footer .box .code {text-align: center;}

 
/* 内页banner */
.ny-banner .box h3 {font-size: 3rem;}
.ny-banner .box strong {font-size: 2rem;}

 /* 阿拉伯胶 */
 .arabicTwo li .imgBox {height: 25rem; background-size: auto 100% !important;}
 .arabicThree .arThBox {padding: 0;}
 .arabicThree .hd .arrow {display: none;}
 .arabicThree .bd {margin-top: 3rem;}

 /* 可持续发展 */
 .sustainableThree li:nth-child(2) .imgBox {height: 25rem;}

/* 专用糖果配料 */
 .candyTwo .imgBox {height: 25rem;}
}

@media screen and (min-width: 200px) and (max-width: 450px) {
 /* 阿拉伯胶 */
 .arabicTwo li .imgBox {height: 20rem;}
}

@media screen and (min-width: 200px) and (max-width: 400px) {
/* 首页 */
.indexThree .le {height: 22rem;}
.inFoSwiper {width: 85%; margin: auto;    margin-top: 4.5rem;}
.indexSeven .re .imgBox {height: 20rem;}


}