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

/* 手机端下拉 */
.wap-click {display: none; cursor: pointer; margin-left: 2rem;}
.wap-click span { width: 32px; height: 3px; background: #fff; display: block;  margin: 8px auto; transition: all 277ms ease-in-out;  position: relative;}
.wap-click span:nth-child(2) {width: 25px;}
.active span.cl-1 { transform: rotate(-45deg);  top: 10px;}
.active span.cl-2 { opacity: 0;}
.active span.cl-3 { transform: rotate(45deg); top: -12px;}
.ny-header .wap-click span {background: #333;}

.hadNav2 {position: absolute;left: 0; top: 100%; z-index: 999;width: 100%; height: 100vh; background-color: #fff; display: none;}
.hadNav2 .nav2Box {width: 92%; margin: auto;  height: calc(100% - 3.5rem); }
.wrapNav {height: calc(100% - 3.5rem); margin-bottom: 30px; overflow-x: hidden;overflow-y: auto;}
.wrapNav > li {padding: 1rem 0; border-bottom: 1px solid #ddd; box-sizing: border-box;}
.wrapNav > li > a {display: flex; justify-content: space-between; align-items: center;}
.wrapNav > li > a > span {font-size: 1.3rem;color: #333; display: block; }
.wrapNav > li:hover > a > span {color: #008292;}
.wrapNav > li > a > i {transition: .5s;}
.wrapNav > li > a > i svg { width: 15px; height: 100%;}
.wrapNav > li.active > a > i {transform: rotateX(180deg);}

.wrapNav2 {padding:5px 10px; padding-right: 0;display: none;}
.wrapNav2 > li {margin-top: 0.5rem; }
.wrapNav2 > li > a > span {font-size: 1.2rem;color: #333; display: block;}
.wrapNav2 > li:hover > a > span {color: #008292;}
.wrapNav2 > li > a {display: flex; justify-content: space-between; align-items: center;}
.wrapNav2 > li > a > i { width: 40px; height: 25px; display: none;align-items: center;flex-shrink: 0; justify-content: center; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; position: relative;}
.wrapNav2 > li > a i:after, .wrapNav2 > li > a i:before { content: "";display: block;width: 14px;height: 2px;position: absolute;top: 50%;left: 90%; margin-left: -13px; background-color: #333;}
.wrapNav2 > li > a i:before {transform: rotate(90deg);}
.wrapNav2 > li.active > a i:before { opacity: 0;}

.wrapNav3 {padding:5px 10px; padding-right: 0; display: none;}
.wrapNav3 > li {margin-top: 0.5rem;}
.wrapNav3 > li > a {font-size: 1.1rem;color: #333; display: block;}
.wrapNav3 > li:hover > a {color: #008292;}

.wrapSearch {width: 100%; background: #f0f0f0; height: 3rem; position: relative; }
.wrapSearch form {display: flex; align-items: center; height: 100%;}
.wrapSearch .inText {width: 92%; background: none; outline: none; border: none;  height: 100%; padding-left: 1rem; font-size: 1rem; color: #333; box-sizing: border-box;}
.wrapSearch .sub { cursor: pointer; outline: none; border: none; width: 18px; height: 18px; background: url(/html/class/template/images/searchIcon.png) no-repeat center; background-size: contain;}


@media screen and (min-width: 200px) and (max-width: 1920px) {
    .ny-banner {height: 42.25rem;}
    .proData-banner {height: 28.69rem;}
    .baseData-banner {height: 30rem;}
    .newsData-banner {height: 30rem;}
 
}
/* ======================================================1700px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1800px) {
    .aboutOne .boxLe {width: 50%;}
    .aboutOne .boxRe {    margin-right: 0;}
}

/* ======================================================1600px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1600px) {

}

/* ======================================================1550px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1550px) {
}

/* ======================================================1500px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1500px) {
    #section0 .swDown::before {left: -1%;width: 46%;}
}
/* ======================================================1450px========================================================= */

@media screen and (min-width: 200px) and (max-width: 1450px) {
    /* 头部 */
    nav ul li {    padding: 0 1.8rem;}
}
/* ======================================================1400px========================================================= */

@media screen and (min-width: 200px) and (max-width: 1400px) {
}

/* ======================================================1350px========================================================= */

@media screen and (min-width: 200px) and (max-width: 1350px) {
    /* 头部 */
    .heBoxRe .heSearch {margin-left: 3rem;}
}
.wap-banner{display: none;}
/* ======================================================1300px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1300px) {
    /* 头部 */
    nav ul li {padding: 0 1.4rem;}

    /* 首页 */
    #section0 .swDown::before {left: 0%;width: 44%;}
    #section0 .swDown::after {left: 56%;width: 37%;}
    .seOneSwiper .swiper-button-next {left: 90%;}

    /* 底部 */
    .foterNav {width: 40%;}

}

/* ======================================================1280px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1280px) {
    /* 产品中心 */
    .proList .Le {width: 25%;}
    .proList .re {width: 73%;}
}

/* ======================================================1200px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1200px) {
    /* 头部 */
    header {background: rgba(0, 0, 0,.2);}
    nav ul li {padding: 0 1rem;}
    .logo img {    max-width: 85%;}

    /* 首页*/
    #section0 .swDown::before , #section0 .swDown::after {display: none;}
    #section1, #section2, #section3, #section4, #section5 {min-height: auto; padding:1rem 0;}
    #section2 {padding: 4rem 0;}
    .fp-auto-height > .fp-overflow {overflow-y: initial;}
    .seOneSwiper {height: 100vh;}
    #section3 .indexTle {margin-top: 2vh;}
    .sec3slide {padding-bottom: 38vh;}
	.sec3slide .bd ul,#section1, #section2, #section3, #section4, #section5{ background-attachment: initial;}
    .sec3slide .bd ul li {padding-top: 35vh;}
    #section4 .indexTle {padding-top: 2vh;}
	.sec3slide .bd ul:last-child{ background-position: center right 0 !important;}
	.sec3slide .bd ul:nth-child(4){ background-position: center right 0 !important;}
	.sec3slide .bd ul:nth-child(3){ background-position: center right 0 !important;}
    /* 产品详情 */
    #tab-slide1 .box .tle h5 {font-size: 2rem;}

    /* 联系我们 */
    .boxMap {width: 48%;}
    .contactOne .box .re {width: 50%;}

    /* 关于我们 */
    .aboutThree .box .le {height: 35rem;}
    .aboutThree .box dd .icBox img {max-width: 55%;}
    .aboutThree .box .re {padding: 3%;}
	.wap-banner{display: block; overflow: hidden;position: relative;}
	.seOneSwiper{display: none;}
    .wap-banner img{display: block;}
	:root{--swiper-theme-color: #fff;}

}

/* ======================================================1028px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1028px) {
    /* 头部 */
    nav {display: none;}
    .language a {font-size: 1.2rem;}
    .wap-click {display: block;}

    /* 首页 */
    #section2 ul {width: 45%;}

    /* 底部 */
    .foterNav {display: none;}
    .fotercode {width: 45%;}

    /* 关于我们 */
    .aboutOne .box {flex-wrap: wrap;}
    .aboutOne .boxLe {width: 100%;}
    .aboutOne .boxRe {width: 100%; margin-top: 3rem; border-radius: 0;}
    .aboutOne .boxRe img {max-width: 100%; width: auto; margin: auto;}

    /* 创新智造 */
    .innovationOne {margin-top: 2rem;}
    .innovationOne ul {flex-wrap: wrap;}
    .innovationOne li {width: 32%; margin-top: 6rem;}

    /* 5-ALA */
    .ALATwo ul li .tle {font-size: 1.75rem;}
    .ALATwo ul li dt, .ALATwo ul li dd {font-size: 1.25rem;}

    /* 产品中心 */
    .proList .Le {width: 30%;}
    .proList .re {width: 68%;}
    .proList .re ul li {width: 48.5%;}
    .proList .re ul::after {width: 48.5%;}

    /* 产品详情 */
    .tab4News dl {width: 100%;}

    /* 新闻中心 */
    .newsList .box .le {width: 60%;}
    .newsList .box .re {width: 36%;}

    /* 新闻详情 */
    .dataPage .box .le {width: 62%;}
    .dataPage .re {width: 35%;}

    /* 联系我们 */
    .contactOne .box {flex-wrap: wrap;}
    .boxMap {width: 100%; order: 1; height: 30rem;}
    .contactOne .box .re {width: 100%; padding: 2rem;}


}

/* ======================================================900px========================================================= */
@media screen and (min-width: 200px) and (max-width: 900px) {
    /* 关于我们 */
    .abTwoSlide .hd ul {flex-wrap: wrap;}
    .abTwoSlide .hd ul li {width: 50%;     border-bottom: 1px solid rgba(221, 220, 221, 0.14);}
    .abTwoSlide .hd li .con {display: none;}
    .abTwoSlide .hd li span {top: 90%;    display: none;}
}

/* ======================================================手机端========================================================= */
@media screen and (min-width: 200px) and (max-width: 768px) {
    /* 头部 */
    .heBox {height: 5rem;}
    .ny-header .heBox {height: 5rem;}
    .zwys {height: 5rem;}
    .logo img {    max-width: 65%;}
    .heBoxRe .heSearch {display: none;}

    /* 首页 */
    .web-float {display: none;}
    .seOneSwiper .con {text-align: center;}
    .seOneSwiper .con .text1 strong {font-size: 3rem;}
    .seOneSwiper .con .text3 p {font-size: 1.8rem;}
    .indexTle h3 {font-size: 2.25rem;opacity: 1;}
    .indexTle h4 {font-size: 2rem; line-height: initial;opacity: 1;}
    #section0 .swDown {width: auto;}
    #section1 .text {width: 100%;}
    #section2 {padding: 1rem 0; padding-bottom: 0;}
    #section2 .container .con {width: 100%; margin-bottom: 2rem; padding-top: 2rem; text-align: center;}
    #section2 .indexTle {text-align: center;}
    #section2 .con p {text-indent: 2rem;}
    #section2 .con .more {margin-top: 2rem;}
    #section2 .con .more a {margin: auto; }
    #section2 ul {position: relative;width: 100%;}
    #section2 ul li {padding:1rem; height: auto;    width: calc(100%/3);}
    #section3 .sec3slide .hd {margin-top: 2rem;}
    #section3 .sec3slide .hd ul {flex-wrap: wrap;}
    .sec3slide .hd ul li {margin-top: 0.5rem;     width: 32%; text-align: center;}
    .sec3slide .hd ul li:nth-child(4) {border-left: 1px solid rgba(255, 255, 255,.4);}
    .sec3slide .bd ul li {padding-top: 40vh;}
    #section4 {padding-bottom: 5rem;}
    #section4 .box {flex-wrap: wrap; margin: 5rem 0;}
    #section4 .box .leCon {    padding: 5% 5% 1% 5%;}
    #section4 .box .boxLe {width: 100%;}
    #section4 .box .boxRe {width: 100%;margin-top: 3rem;}
    #section4 .box .boxLe .imgBox {height: auto;}
    #section4 .box .boxLe .imgBox img {width: 100%;display: block;}
    #section4 .box .boxRe dl {height: auto;}
    #section4 .box .boxRe ul {height: auto;}

    /* 底部 */
    .foterBox {flex-wrap: wrap; padding-bottom: 3rem;}
    .foterBox .boxLe {width: 100%;text-align: center; margin-bottom: 3rem;}
    .foterBox .foLogo {justify-content: center;}
    .foterBox .foLogo .telEm {text-align: left; margin-left: 1rem;}
    .foterBox .foLogo span {font-size: 1.2rem;}
    .fotercode {width: 100%;}

    /* 关于我们 */
    .aboutTle {text-align: center;}
    .aboutTle h4 {font-size: 2rem;}
    .aboutOne .aboutTle {text-align: center;}
    .aboutOne .boxLe p {text-indent: 2rem;font-size: 1rem; margin-top: 1rem;}
    .aboutThree .box {flex-wrap: wrap;}
    .aboutThree .box .le {width: 100%; height: auto;}
    .aboutThree .box .re {width: 100%;}
    .aboutThree .box dd {margin-bottom: 2rem;}
    .aboutThree .box dd .con .text {font-size: 1.5rem;}
    /* 创新智造 */
    .innovation-banner .con2 strong {font-size: 2.5rem;}
    .innovation-banner .con2 small {font-size: 1.5rem;}
    .innovation-banner .con2 p {width: 100%;}
    .innovationTwo .box {padding: 0;}
    .innovationTwo .box .le {padding: 3rem 0; width: 100%;}
    .innovationTwo .box .le .tle {text-align: center;}
    .innovationTwo .box .le .tle i {margin: auto; margin-top: 1rem;}
    .innovationTwo .box .le .tle h4 {font-size: 2rem;}
    .innovationTwo .box .le p {text-indent: 2.2rem;}
    .innovationTwo .imgBox {position: relative;width: 100%;}
    .innovationThree {padding-bottom: 2rem;}
    .innoThSwiper {max-width: 100%;}
    .innovationThree .swiperBox {padding-bottom: 5rem;}
    .innoThSwiper .swiper-button-prev , .innoThSwiper .swiper-button-next {display: none;}
    .innoThSwiper .swiper-pagination {display: block;}
    .innoThSwiper .swiper-slide {padding: 1rem;}
    .innoThSwiper .swiper-slide .imgBox img {max-width: 90%;}

    /* 5-ALA */
    .ALAOne {margin: 3rem 0;}
    .ALAOne .box {flex-wrap:wrap;}
    .ALAOne .box .le {width: 100%; margin-bottom: 2rem;}
    .ALAOne .box .le h5 {font-size: 2rem;}
    .ALAOne .box .le p {font-size: 1.1rem; line-height: 2rem;}
    .ALAOne .box .re {width: 100%;}
    .ALATwo ul {flex-wrap: wrap;}
    .ALATwo ul li {width: 50%; height: 35rem;}
    .ALATwo ul li.on {width: 50%;}
    .ALATwo ul li:last-child {width: 100%;}
    .ALATwo ul li dl {opacity: 1; margin-top: 2rem; transition: all 0.5s ease 0.3s;}
    .ALATwo ul li dl {margin-top: 2rem;}
    .ALATwo ul li dt, .ALATwo ul li dd {font-size: 1rem;}
    .ALATwo ul li .con {    background: rgba(0, 62, 128, 0.6);}

    /* 产品中心 */
    .proList .leTle {background: none; padding-top: 0; display: none;}
    .proList .leTle .tle {color: rgb(0, 111, 170);}
    .proList .leTle span {color: rgba(51, 51, 51,.2);}
    .proList .leTle i {background: rgb(0, 111, 170);;}
    .proList .box {flex-wrap: wrap;}
    .proList .Le {width: 100%; margin-bottom: 3rem;}
    .proList .re {width: 100%   ;}

    /* 产品详情 */
    .mbx {display: none;}
    #tab-slide1 .box {flex-wrap: wrap;}
    #tab-slide1 .box .le {width: 100%;}
    #tab-slide1 .box .re {width: 100%; margin-top: 3rem;}
    #tab-slide5 {padding-bottom: 2rem;}
    #tab-slide5 .swiperBox {padding-bottom: 2rem;}
    #tab-slide5 .etSlideTle {padding-top: 3rem;}
    .tab5SwiperBox {max-width: 100%;}
    .tab5SwiperBox .swiper-button-next , .tab5SwiperBox .swiper-button-prev {display: none;}
    .tab5SwiperBox .swiper-pagination {display: block;}

    /* 新闻中心 */
    .newsList {margin: 3rem 0;}
    .newsList .box {flex-wrap: wrap;}
    .newsList .box .le {width: 100%; margin-top: 0;  padding-bottom:0;}
    .newsList .box .re {width: 100%;}

    /* 新闻详情 */
    .dataPage {margin: 3rem 0;}
    .dataPage .box {flex-wrap: wrap;}
    .dataPage .box .tle strong {font-size: 1.8rem;}
    .dataPage .box .le {width: 100%;}
    .dataPage .pageFy .back {width: 100%; margin-top: 1rem;}
    .dataPage .pageFy .back a {margin: auto;}
    .dataPage .re {width: 100%; margin-top: 3rem; position: relative; top: 0;}

    /* 联系我们 */
    .contactTle {padding: 3rem 0;}
    .contactTle h4 {font-size: 2rem;}
    
}

@media screen and (min-width: 200px) and (max-width: 640px) {
    /* 关于我们 */
    .ny-banner .con {text-align: center;}
    .ny-banner .con i {margin: 0.5rem auto;display: none;}
    .ny-banner .con strong {font-size: 3rem; line-height: initial;}
    .ny-banner .con small {font-size: 2rem;}
    .bannerNav ul {justify-content: center;}
    .bannerNav ul li a {padding: 1.5rem 2rem;}

    .abTwoSlide{height:28rem}
    .abTwoSlide .hd li {height: 50%;}

    /* 生产基地 */
    .baseList ul li {width: 100%;}

    
}

@media screen and (min-width: 200px) and (max-width: 500px) {
	.innovation-banner .con2 i{display: none;}
    /* 首页 */
    .swiper-num {display: none;}
    .seOneSwiper .swiper-button-prev {left: 80%;}
    .seOneSwiper .con .text1 strong {font-size: 2rem;}
    .seOneSwiper .con .text2 {font-size: 1.25rem;}
	#section2 ul li .icBox{margin-bottom: 0;}
	#section1 .text p:nth-child(2),#section1 .more{margin-top: 0;opacity: 1;}
	#section1{padding:3rem 0}
    .seOneSwiper .con .text3 p {font-size: 1rem;}
    .indexTle h3 {font-size: 1.8rem;}
    .indexTle h4 {font-size: 1.5rem;}
    #section1 .text p {font-size: 1rem;line-height: 2rem;opacity: 1;}
    #section1 .more a { margin-top: 1rem;}
    #section2 .container .con {padding-top: 1rem;}
    #section2 .con p {font-size: 1rem;line-height: 2rem;    margin-top: 2%;}
    #section2 ul li .icBox img {    max-width: 80%;}
    #section2 ul li strong {font-size:1.1rem;}
    #section2 ul li span {font-size: 0.9rem; letter-spacing: 0;    display: none;}
    .sec3slide {padding-bottom: 8vh;}
    .sec3slide .hd ul li {padding:0.2rem 0.5rem; font-size: 1.1rem;}
    .sec3slide .bd ul li {padding-top:53%;display: none;}
    .sec3slide li .bdTle {font-size: 1.5rem;   margin-bottom:0;}
    .sec3slide li span {font-size: 1rem;     max-height: 20vh; overflow-y: auto;}
    .sec3slide li .more {margin-top: 1rem;}
    .sec3slide li .more a {width: 10rem; height: 2.5rem;}
    #section4 .box {margin: 2rem 0 3rem 0;}
    #section4 .box .leCon h5 {font-size: 1.25rem;}
    #section4 .box .leCon p {font-size: 1rem;line-height: initial; display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 3;-webkit-box-orient: vertical; }

    /* 关于我们 */
    .ny-banner {height: 20vh;}
    .bannerNav ul li a {padding: 1rem;}
    .ny-banner .con strong {font-size:2rem;}
    .ny-banner .con i {height: 0.3rem;}
    .ny-banner .con small {font-size: 1.25rem;}
    .aboutTle {padding: 3rem 0;}
    .aboutOne {margin-top: 3rem;}
    .aboutTle h4 {font-size: 1.8rem;}
    .abTwoSlide .hd li .icBox {margin-bottom: 1rem;}
    .abTwoSlide .hd li .text {font-size: 1.25rem;}
    .abTwoSlide .hd li .icBox img {max-width: 75%; margin: auto;}
    .abTwoSlide .hd li .text2 {font-size: 0.8rem;}
    .aboutThree .box .re {padding: 2rem 1rem; padding-top: 3rem;}
    .aboutThree .box dd .icBox {width: 4rem; height: 4rem;}
    .aboutThree .box dd .con .text {font-size: 1.25rem;}
    .aboutThree .box dd .con span {font-size: 0.9rem; line-height: 1.8rem;}

    /* 创新智造 */
    .innovation-banner .con2 strong {font-size: 2rem;}
    .innovation-banner .con2 small {font-size: 1.25rem;}
    .innovation-banner .con2 p {display: none;}
    .innovationOne li {width: 49%; margin-top: 3rem;}
    .innovationOne li .icBox {height: 5.5rem; height: 5.5rem;}
    .innovationOne li .icBox img {max-width: 100%;}
    .innovationOne li strong {font-size: 1.25rem;}

    /* 5-ALA */
    .ALAOne .box .le h5 {font-size: 1.5rem;}
    .ALAOne .box .le p {font-size: 1rem; text-indent: 2rem;}
    .ALATwo ul li {height: 22rem; width: 100%;}
    .ALATwo ul li dl {height: 75%; overflow-y: auto;}
    .ALATwo ul li .tle {text-align: center;font-size: 1.5rem;}
    .ALATwo ul li .con {padding: 2rem;}

    /* 产品中心 */
    .proList {margin: 3rem 0;}
    .proList .re ul li {width: 100%;}
    .proList .re ul::after {display: none;}

    /* 产品详情 */
    .et-hero-tabs .et-hero-tabs-container {gap: 3%;justify-content: space-between;}
    .et-hero-tabs .et-hero-tab span {font-size: 1rem;}
    #tab-slide1 {padding: 3rem 0;}
    #tab-slide1 .box .tle h5 {font-size: 1.5rem;}
    #tab-slide1 .box .tle .text {font-size: 1.15rem;}
    #tab-slide1 dl {margin-top: 3rem; gap: 1rem;}
    #tab-slide1 dl dd a {height: 2.5rem;}
    #tab-slide1 dl dd a img {max-width: 15%;}
    #tab-slide1 dl dd a span {margin-left: 0.5rem; font-size: 1rem;}
    .etSlideTle {margin: 3rem 0;}
    .etSlideTle h4 {font-size: 1.8rem;}
    .etSlideTle h5 {font-size: 1.25rem;}
    .tab4News .tle {font-size: 1.8rem;}
    .tab4News .newsBox {padding: 1rem;}

    /* 新闻中心 */
    .newsList .box h6 {font-size: 1.25rem;}
    .newsList .box p {font-size: 1rem; line-height: 2rem;}

    /* 新闻详情 */
    .dataPage .re dl dt {font-size: 1.5rem;}
    .dataPage .box .tle strong {font-size: 1.5rem;}

    /* 联系我们 */
    .contactOne .box .re dd .icBox {width: 4rem; height: 4rem;}
    .contactOne .box .re dd .icBox img {max-width: 50%;}

    .contactTwo .box form {padding: 3rem 0;}
    .contactTwo form .inOne {width: 100%; margin-top: 1rem;}
    .contactTwo form .inBox {flex-wrap: wrap; margin-bottom: 0rem;}
    .contactTwo form .inBox input {padding: 0px 4rem 0px 2rem;}
    .contactTwo form .inOne label {left: 90%;}
    .contactTwo form .inOne label img {max-width: 100%;}
    .contactTwo form .inBox2 {margin-top: 1rem;}
    .contactTwo form label {left: 90%; top: 30%;}
    
}

@media screen and (min-width: 200px) and (max-width: 450px) {
}

@media screen and (min-width: 200px) and (max-width: 400px) {
    /* 首页 */
    .seOneSwiper .swiper-pagination {left: 2%;}
    #section0 .swDown {bottom: 0;}

    /* 关于我们 */
    .bannerNav ul {max-width: 98%;}
    .bannerNav ul li a {padding: 1rem 0.8rem;}

}