/* 鍝嶅簲寮 */
@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: 34px; height: 2px; background: #333; display: block;  margin: 10px auto; transition: all 277ms ease-in-out;  position: relative;}
.wap-click span:nth-child(2) {width: 28px;}
.active span.cl-1 { transform: rotate(-45deg);  top: 12px;}
.active span.cl-2 { opacity: 0;}
.active span.cl-3 { transform: rotate(45deg); top: -12px;}

.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% - 9.5rem); }
.wrapNav {height: calc(100% - 4.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: #11719E;}
.wrapNav > li > a > i {transition: .5s;}
.wrapNav > li > a > i svg { width: 20px; 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.1rem;color: #333; display: block;}
.wrapNav2 > li:hover > a > span {color: #11719E;}
.wrapNav2 > li > a {display: flex; justify-content: space-between; align-items: center;}
.wrapNav2 > li > a > i { width: 40px; height: 25px; display: flex;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: #11719E;}

.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(../images/searchIcon.png) no-repeat center; background-size: contain;}


/* 棣栭〉banner */
.bannerSwiper .imgBox {display: none;}
.bannerSwiper .imgBox img {display: block;width: 100%;}

@media screen and (min-width: 200px) and (max-width: 1800px) {
    .bannerSwiper .swiper-slide:nth-child(3) .box .imgBox img {width: 84%;}
}
/* ======================================================1700px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1700px) {
}

/* ======================================================1600px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1600px) {
    .bannerSwiper .swiper-slide:nth-child(3) .box .imgBox img {width: 78%;}

}

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

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

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

@media screen and (min-width: 200px) and (max-width: 1400px) {
    /* .banner */
    .bannerSwiper .swiper-slide .box {max-width: 92%;}
    .bannerSwiper .swiper-slide .box .con {padding-left: 0;}
	.bannerSwiper .swiper-slide .box .imgBox{width:45%;}
	.bannerSwiper .swiper-slide .con .imgText img{width:19.5rem;max-width:19.5rem;}
}

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

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

/* ======================================================1300px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1300px) {
    /* 棣栭〉 */

}

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

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

/* ======================================================1100px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1100px) {
    /* 棣栭〉 */

}


/* ======================================================1028px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1028px) {
    /* 澶撮儴 */
    .headerBox .he-re {width: auto; align-items: center;}
    .headerBox .language a {font-size: 1.5rem; margin-right: 1.5rem;}
    nav {display: none;}
    .wap-click {display: block;}

    /* 棣栭〉 */
   /* .banner */
   .bannerSwiper .swiper-slide .box .con strong {font-size: 2.8rem;}
   .bannerSwiper .swiper-slide .box .con small {font-size: 2rem;}
   .bannerSwiper .swiper-slide .box .con span {font-size: 1.5rem;}

   .banner1con div {font-size: 4rem;}
   .bannerSwiper .swiper-slide .box .con2 strong {font-size: 2rem;}
   .bannerSwiper .swiper-slide .box .con2 small {font-size: 1.8rem;}
   .bannerSwiper .swiper-slide .box .con2 span {font-size: 1.5rem;}
   

    footer .box {flex-wrap: wrap;}
    footer .box .le {text-align: center; width: 100%; margin-bottom: 2rem;}
    footer .box ul {width: 100%;}

    /* 鎷涜搐绾冲＋ */
    .careers-banner .caresTle {width: 50%; }
    .careers-banner .caresTle .text1 {font-size: 2rem;}
    .careers-banner .caresTle dl {margin-top: 3rem;}
    .careers-banner .caresImgBox {width: 50%;}

    /* 鍏充簬鎴戜滑 */
    .aboutFive .container {max-width: 98%;}
    .abFiveSwiper {max-width: 85%;}
}

/* ======================================================1000px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1000px) {
    /* 鍏充簬鎴戜滑 */
    .aboutFour .swiperBox2 {max-width: 100%;}
    .hismySwiper2 {    max-width:95%;}
    .hismySwiper .swiper-slide-thumb-active::after {   left: 65%;}

    /* 浜у搧璇︽儏 */
    .detaSwiper2 {width: 85%;}

    /* 鏂伴椈鍒楄〃 鏀 */
    .newsList ul::after {width: 48%;}
    .newsList .item {width: 48%;}


}

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

/* ======================================================鎵嬫満绔?======================================================== */
@media screen and (min-width: 200px) and (max-width: 768px) {
    /* 澶撮儴 */
	.navThree{ background: none;border-bottom:1px solid #eee;}
    /* 棣栭〉 */
	
	.prolist{min-height:400px}
    .inTwoSlide .hd ul {justify-content: center;}
	.inTwoSlide .bd ul a{display: inline-block;}
    .indexTwo .bd ul li {height: auto; padding-bottom: 11rem; background-position-x:63% !important;}
    .indexTwo .bd ul li .box {width: 100%; padding-top: 4rem; text-align: left;}
    .indexTwo .bd ul li .box p {line-height: 2rem;font-size: 1rem;}

    .footerMore {background: none;  display: flex;flex-direction: column; height: auto; overflow: hidden;}
    .footerMore > img {display: block;order: 1; width: 210%;    margin-top: 2rem; object-fit: cover; left: -90%; position: relative;}
    .footerMore .box {position: relative;left: 0; top: 0;transform: initial; max-width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center;}

    .bannerSwiper {height: auto !important;}
    .bannerSwiper .swiper-slide {background: none !important;}
    .bannerSwiper .swiper-slide .con {display: none;}
    .bannerSwiper .swiper-slide .box {display: none;}
    .bannerSwiper .swiper-slide .con3 {display: none;}
    .bannerSwiper .imgBox {display: block;}
	
	.indexTwo .inTwoSlide .bd ul:nth-child(2){background: linear-gradient(0deg,#3785AC 0%, #f5f7f9 100%);}
	
    /* 搴曢儴 */
    footer .box .le{display: none;}
	footer .box{    padding:0;}
	footer .copy{opacity: 0.8;}
	footer .box ul{ padding-top: 1.5rem;}
    /* 鎷涜搐绾冲＋ */
    .careers-banner {height: auto !important;}
    .careers-banner .caresTle {display: none;}
    .careers-banner .caresImgBox {width: 100%;}
    .wrapJoin {display: block;    padding: 2rem 0;}
    
    .careersOne .bd ul::after {width: 48%;}
    .careersOne .bd ul li {width: 100%;}
    .careersOne .bd ul li .liTle {font-size: 1.5rem;}
    .careersInfo {width:92%;}

    /* 鏂伴椈涓績 */
    .newsList ul li .imgBox img {height: 16rem; object-fit: cover;}

    /* 鑱旂郴鎴戜滑 */
    .contactOne {text-align: center; background-position-x: 75%;padding: 3rem 0 1rem 0;}
    .contactOne dl dt {font-size: 2rem;}
    .contactOne dl dd .con {text-align: center;}
	.contactOne dl dd p, .contactOne dl dd p a{font-size: 1.1rem;}
	.contactOne dl dd .icBox{margin-right: 0;margin-bottom: 0.5rem;}

    /* 鍏充簬鎴戜滑 */
    .aboutTle {padding: 3rem 0;}
    .aboutTle span,.hismySwiper2 .re dd {font-size: 1rem;}
    .aboutOne .aboutTle {text-align: center;padding-top: 2rem;}
    /* .indexOne {padding-bottom: 0;} */
    .aboutOne {padding:3rem 0 0 0;padding-top: 0;}
	.indexOne{padding-bottom: 0;}
    .aboutOne .container {width: auto; margin: auto;}
    .aboutOne .box {flex-wrap: wrap;}
    .aboutOne .box .le {width: 100%;}
    .aboutOne .box .re {width: 100%; margin: 0; margin-top: 2rem;}
    .acquisition-info {width: 100%;}
    .aboutOne .box .re::after{display: none;}

    .hismySwiper2 {max-width:92%;}
    .hismySwiper2 .swiper-slide {flex-wrap: wrap; text-align: center;}
    .hismySwiper .swiper-slide i { transform: translateY(-2.8rem);}
    .hismySwiper .swiper-slide-thumb-active i {transform: translateY(-3.5rem);}
    .hismySwiper2 .le {width: 100%;}
    .hismySwiper2 .re {width: 100%;}
    .aboutFour .swiperBox2 {    max-width: 104%; margin-left: -2%;}

    /* 浜у搧涓績 */
    .navThree ul {justify-content: center;}
    .navThree ul li {padding-bottom: 0;    height: 4rem;line-height: 4rem;margin-right:0;    width: 35%;}
	.navThree ul li.on{ background: #11719E;color:#fff}
	.navThree ul li.on span{color:#fff}
    .prolist ul li .box {flex-wrap: wrap;}
    .prolist ul li .box .le {width: 100%;}
    .prolist ul li .box .re {width: 100%; margin-top: 0rem; }

    /* 浜у搧璇︽儏 */
    .detailOne .detailTitle {text-align: center;}

    .detailOne .box {flex-wrap: wrap;}
    .detailOne .box .detaLe {width: 100%;}
    .detailOne .box .detaRe {width: 100%; margin-top: 3rem;}
    .detaSwiper2 {height: 7.5rem;}
    .detaSwiper1 .swiper-button-next , .detaSwiper1 .swiper-button-prev {height: 7.5rem;}
    .detailOne .acquisition-info {width:92%;}

    /* 鑱旂郴鎴戜滑 */
    .contactOne {padding-bottom: 0;}
    /* .contactOne .boxMap {position: relative !important; width: 100% !important; height: 60vh !important;} */
    .contactOne .boxMap {position: relative !important; width: 100% !important;}
    .contactOne .boxMap::after {display: none !important;}

    .contactOne ul {justify-content: center;    margin-top:4rem;}

    .usEamil {font-size: 1rem !important;}
	.prolist ul li:nth-child(even){ background: none;}
	.prolist ul li{    background: #fff;box-shadow: 0 0 8px #ddd;width: 90%;margin:2rem auto;}
}

.case-wap{display: none;}
@media screen and (min-width: 200px) and (max-width: 640px) {
    /* 棣栭〉 */
    /* .bannerSwiper {height: 20rem;} */
    .banner {padding-bottom: 1.5rem;}
    
    .banner1con div {font-size: 2rem;line-height: initial;}
    .banner1con div:nth-child(2) {margin-left: 6rem !important;margin-top: 0 !important;}

    .indexOne ul {flex-wrap: wrap; margin: 2rem 0 1rem 0;     align-items: flex-start;}
    .indexOne ul li {width:24%; margin-bottom: 2rem;}
    .indexOne ul li span {font-size: 1rem;}
    .inThSwiper {padding-bottom: 4rem;}
    .inThSwiper .swiper-pagination {display: block;}
    .indexThree .more {margin-top: 2rem;}
    .inThSwiper .swiper-pagination-bullet-active {background: #3f9cc3;}
	
	.case-pc{display: none;}
	.case-wap{display: block;}
    /* 鍐呴〉banner */
    .ny-banner2 {height: 30rem;}
    .ny-banner2 .tle {text-align: left;}
    .ny-banner2 .tle h3 {font-size: 1.8rem;}
    .ny-banner2 .tle h4 {font-size: 1.8rem;}
    .ny-banner2 .bjbox {   background-position-x: 29% !important;}
    .product-banner .bjbox {    background-position-x: 85% !important;}

    .contact-banner .bjbox {background-position-x: 65% !important;}
    .contact-banner .tle {text-align: left;}

    .prodetail-banner {height: 15rem;}

    .navTwo ul {justify-content: space-around;}
    .navTwo ul li {margin-right: 0;}
    .navTwo ul li a {font-size: 1.1rem;}
    .navTwo {padding: 2rem 0; bottom: 0;}
    .navTwo::after {width: 100%;}

    .news-banner {height: 5.5rem !important;}
    .news-banner .navTwo {padding: 2rem 0; bottom: 0;}
    .aboutTle h4{display: none;}
	
	.ny-banner2 .tle h4{display: none;}
	.navTwo{display: none;}
    /* .navThree .container {max-width: 98%;} */
	.navThree ul li .downJt{display: none;}
	.navThree ul li.on span{font-size: .9rem}
	.navThree ul li span{margin-top: 0; font-size: .9rem;}
	.navThree ul li .icBox{display: none;}
    /* 鎷涜搐绾冲＋ */
    .careersOne .hd ul {    margin-bottom: 0.5rem;}
    .careersOne .hd ul {flex-wrap: wrap;justify-content: space-between;}
    .careersOne .hd li {width:46%; margin-bottom: 1rem; margin-right: 0;}
    .careersOne .hd li a {width: 100%; font-size: 1rem; height:3rem; background:none;    border: 1px solid #ddd;}

    .careersTwo {padding:3rem 0;}
    .careersTwo .tle strong {font-size: 1.8rem;}
    .caresSwiper .swiper-slide {width:90%;}
    .caresSwiper .swiper-slide .imgBox {    border-radius: 1rem;}
    .caresSwiper .swiper-slide span {font-size: 1rem;}
	.aboutFour{padding: 1rem 0;}
	.aboutTle{padding-top: 2rem;}
	.aboutFive .aboutTle{padding-bottom: 2rem;}
	.caresSwiper{padding-bottom: 3rem;}
	
	.news-banner .navTwo{display: block;}
    /* 鏂伴椈涓績 */
    .newsList .newsInfo {flex-wrap: wrap; padding: 2rem 0;}
    .newsList .newsInfo .imgBox {width: 100%;}
    .newsList .newsInfo .imgBox img {height: auto;}
    .newsList .newsInfo .re {width: 100%; margin-top: 2rem;}
    .newsList .newsInfo .re .more a {margin-top: 2rem;}

    .newsList ul {margin-top: 1rem;}
    .newsList ul li a {flex-wrap: wrap;    padding: 2rem 0;}
    .newsList ul li .imgBox {width: 100%; margin-bottom: 2rem;}
    .newsList ul li .imgBox img {height: auto;}
    .newsList ul li .reCon {width: 100%;}
	.newsList ul li{    background: #fff; box-shadow: 0 0 8px #ddd; width: 100%;margin: 1rem auto;    padding: 0 1rem;}
	.newsList ul li .reCon h5{font-size: 1.2rem;}
	.newsList ul li .reCon em{color:#888;font-size: 1rem;}
	.newsList ul li .reCon p{line-height: 1.2rem;color:#777}
	.fy a{font-size: 12px;    padding: 2px 4px;}
    /* 鏂伴椈鍒楄〃 鏀 */
    .newsList ul::after {display: none;}
    .newsList .item {width: 100%;}

    /* 鏂伴椈璇︽儏 */
    .newsdetail .boxTop {padding: 3rem 0;}
    .newsdetail .boxTop .boxTle {flex-wrap: wrap;}
    .newsdetail .boxTop .boxTle .tle {width: 100%;}
    .newsdetail .boxTop .boxTle h3 {font-size: 1.2rem;font-weight:normal}
	.newsdetail .boxTop .data span{font-size: 0.9rem;}
    .newsdetail .boxTop .boxTle .more {display: flex; justify-content: left; width: 100%;}
    .newsdetail .boxTop .boxTle .more a { margin-top: 2rem;}
    .newsdetail .boxTop .data {justify-content: left;}
	.newsdetail .boxTop .data .icBox img{width:1.2rem;}
	.indexTwo{margin-top: 2rem;}
    /* 鍏充簬鎴戜滑 */
    .hismySwiper .swiper-slide {text-align: center;}
    .hismySwiper .swiper-slide i {    margin-left: 47%;}
    .hismySwiper .swiper-slide::after {left: 50%;}
    .hismySwiper .swiper-slide-thumb-active i {    margin-left: 47%;}
    .hismySwiper .swiper-slide-thumb-active::after { width: 100%;  left: 104%; }
    
    .hismySwiper2 .re dt {font-size: 1.5rem;}

    .aboutFive {padding-bottom: 2rem;}
    .abFiveSwiper {max-width: 92%; padding-bottom: 3rem;}
    .abFiveSwiper .swiper-button-prev , .abFiveSwiper .swiper-button-next {display: none;}
    .abFiveSwiper .swiper-pagination {display: block;}
	.careersTwo .tle{margin-bottom: 1rem;}
	
	.wrapJoin .text1{font-size:1rem;}
	.wrapJoin dl dd{font-weight: bold;}
	
	.contactOne dl dd{   background: #f5f5f5; padding:1rem 2rem; margin-bottom: 1rem;border-radius: 10px;}
	.contactOne dl dd .con{text-align: left;}
	.contactOne ul li{margin:0 1rem}
	.contactOne dl dd .icBox img{width: 2rem;margin-right:1rem}


}

@media screen and (min-width: 200px) and (max-width: 500px) {
    /* 澶撮儴 */
    .wap-click {margin-left: 1rem;}
    .wap-click span {width: 20px;    margin: 5px auto;}
    .wap-click span:nth-child(2) {width: 15px;}
    .active span.cl-1 {top: 5px;}
    .active span.cl-3 {top: -9px;}
    .zwys , .headerBox .box {height: 5rem;}
    .headerBox .box .he-le {width: 50%;}
    .headerBox .box .logo img {max-width: 100%;}
    .headerBox .heSearch img {max-width: 80%;}
    .headerBox .language a {font-size: 1.25rem;}
    .searchBox {top: 5rem; height: 5rem;}
    header.navfixed .box {height:4.5rem ;}
    header.navfixed .searchBox {top: 4.5rem;}
    .wrapNav > li > a > i svg {    width: 12px;}
	.wrapNav > li > a > span{    font-size: 1.1rem;}
    /* 棣栭〉 */
    .indexTle h3 {    font-size: 1.5rem;font-weight:600}
    .indexTle {padding:2rem 0 1rem 0}
    .indexOne .con {width: 100%;}
    .indexOne .con p {text-indent: 2rem; text-align: left; line-height: 2rem;    font-size: 1rem;}
    .indexOne ul li b {font-size: 2rem;}
.indexOne ul li em{margin-left: 0;}
    .indexTwo .inTwoSlide .hd {top: 84%;}
    .indexTwo .bd ul li .box h4 {font-size:1.5rem; text-align: left;font-weight:600}
    /* .indexTwo .bd ul li .box p {text-align: left; text-indent: 2rem;} */
	.indexTwo .bd ul li .box a{color:#fff;border-radius:50px;border:1px solid #fff;width:9.5rem;height:2.8rem;line-height:2.8rem;text-align: center;display: block;margin:2rem 0 0 0;}
    .inTwoSlide .hd ul li {width: 50%; height: 6rem;}
    .inTwoSlide .hd ul li img {width: 20%;}
    .inTwoSlide .hd ul li span {font-size: 1.1rem;}

    .indexThree {padding-bottom: 3rem;}
    .footerMore .box strong {font-size: 2rem; text-align: center;}
    .footerMore .more {justify-content: center; margin-top: 3rem;}

    /* 搴曢儴 */
    footer .box .foterlogo img {max-width: 85%;}
    footer .box ul {flex-wrap: wrap;}
    footer .box ul li {width: 31%; text-align: center; margin-bottom: 1rem;}
    footer .copy {padding: 1rem 0;}

    /* 鍐呴〉banner */
    .ny-banner2 {height: 13rem;}
    .prodetail-banner {height: 10rem;}
    .prodetail-banner .tle {top:49%;}
    .prodetail-banner .tle h3 {font-size: 1.5rem;text-align: center;}
	.mbx{display: none;}
    /* 鎷涜搐绾冲＋ */
    .wrapJoin .text2,.wrapJoin dl dd{font-size: 1rem;margin-top: 0;}
	.wrapJoin dl{margin-top: 2rem;}

    .careersTle h3 {font-size: 2rem;}
	.careersTle h4{display: none;}
    .careersTle {padding:2rem 0;}
    .careersOne {padding-bottom: 3rem;}
    .careersOne ul::after {width: 100%;}
    .careersOne .bd ul li .box {padding:6%;}
    .careersOne .bd ul li {margin-bottom: 1rem;}
    .careersOne .bd ul li .liTle {font-size: 1.2rem;}
    .careersOne .bd ul li .num span {font-size: 0.9rem;margin-right: 0;}
	.careersOne .bd ul li .num{margin-top:0.6rem}
    .careersInfo dl p {line-height: 2rem !important;}
	.detailOne .box .detaRe .info span{font-weight:normal}
	.detailTitle .tle{text-align: left;}
	.detailOne .detailTitle{text-align: left;}
    /* 鍏充簬鎴戜滑 */
    .aboutTle h3 {font-size:1.8rem;}
    .aboutOne .box .le p {text-indent: 2rem; line-height: 2rem; font-size: 1rem;}
    .aboutFour .swiperBox2 {margin-top: 0;}
    /* .hismySwiper .swiper-slide-thumb-active::after {   left: 82%;} */
    .hismySwiper2 .le .imgBox {border-radius: 1rem;}
    .hismySwiper2 .swiper-button-prev {width: 3rem; height: 3rem; left: -1%;display: none;}
    .hismySwiper2 .swiper-button-next {width: 3rem; height: 3rem; right: -1%;display: none}

    .abFiveSwiper .swiper-pagination-bullet {margin: 0 5px !important;}
	.careersInfo .box-title h3{font-size: 1.3rem;}
	.careersInfo dl span{font-size:1rem  !important}
	.careersInfo dl strong{font-size:1.125rem  !important}
	.usEamil{text-align: left !important;}
	.wrapJoin .textBox{text-align: center;}
    /* 浜у搧涓績 */
    .navThree {padding:0;}
    .navThree ul li .icBox {width: 3.5rem; height: 3.5rem;}
    .navThree ul li .cir1 {left: 28%;}
    .navThree ul li .cir2 {    left: 23%;}
    .prolist ul li {padding: 2rem 0;}
    /* .navThree ul li span {font-size: 1rem;} */
    .prolist ul li .box .re h4 {font-size: 2rem; margin-bottom: 1rem;}
    .prolist ul li .box .re p {font-size: 1.1rem;display: none;}
    .prolist ul li .box .re em {text-align: center; font-size:1.1rem; width: 100%; display: block;}
    .prolist ul li .box .re .more a {margin: auto; margin-top: 1rem; width: 9rem; height: 3rem; font-size: 1rem;}

    /* 浜у搧璇︽儏 */
    .detaSwiper2 {height: 5rem; width: 80%;}
    .detaSwiper1 .swiper-button-next , .detaSwiper1 .swiper-button-prev {height: 5rem;}

    .detailTitle {padding: 3rem 0;}
    .detailTitle h4 {font-size: 2rem;}
    .detailTitle h5 {font-size: 1.8rem;}
    .detailTitle i {margin-top: 1rem;}



    .fy {padding: 30px 0; }
}

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

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