@charset "utf-8";
/* CSS Document */
@media screen and (max-width:750px){
	html,body{ font-size: calc(100vw/7.5);}
	.header, .bannerDatess .nav{ display: none;}

	.bannerDate{ margin-top: 60px;}
	.bannerDate .img{ height: 250px;}
	.bannerDate .text{ width: 100%; top: 50%; transform: translateY(-50%); left: 0; text-align: center;}
	.yourBoxer .li{ margin: 0.25rem;}
	.yourBoxer .li .img{ width: 100%; height: auto;}
	.yourBoxer .li .textBox{ width: 100%; height: auto; background: hsla(0,0%,93%,0.40); padding: 35px 0 40px 0;}
	.yourBoxer .li .textBox .h1{ font-size: 18px; line-height: 20px;}
	.yourBoxer .li .textBox .p p, .yourBoxer .li .textBox .p p i{ font-size: 14px; line-height: 26px;}
	.yourBoxer .li .textBox .em{ font-size: 14px; line-height: 20px;}
	.yourBoxer .li .textBox .list{ justify-content: space-between; flex-wrap: wrap; padding: 0 0.5rem;}
	.yourBoxer .li .textBox .list .k{ margin: 0; width: 50%;}
	.yourBoxer .li .textBox .list .k:first-child{ width: 100%; margin-bottom: 0.6rem;}
	.yourBoxer .li .textBox .list .k .s{ font-size: 14px; line-height: 16px;}
	.yourBoxer .li .textBox .list .k .f p{ font-size: 12px; line-height: 20px;}
	.IntelligentBox .img{ padding: 0.7rem 0.25rem 0.25rem 0.25rem;}
	.IntelligentBox .img::after{ height: 1.4rem;}
	.IntelligentBox{ padding: 0.9rem 0 0 0;}
	.IntelligentBox .text p, .IntelligentBox .text p i{ font-size: 17px; line-height: 34px;}
	.IntelligentBox .mk{ font-size: 0.24rem; line-height: 0.5rem; padding: 0 0.25rem;}
	.footer .boot{ padding: 0.6rem 0.25rem 0.35rem 0.25rem;}
	.footer .ger{ flex-wrap: wrap; justify-content: center; border-top: 1px solid hsla(0,0%,100%,0.10); padding: 0.35rem 0 0 0; margin-top: 0.5rem;}
	.footer .ger .p, .footer .ger a{ font-size: 13px; line-height: 26px; margin: 0 5px;}
	.footer .boot .list{ display: block;}
	.footer .boot .list .left .logo img{ width: 4rem; margin: auto;}
	.footer .boot .list .left .more{ display: none;}
	.footer .boot .list .h1{ font-size: 17px; font-weight: bold; text-align: center; line-height: 18px; margin-top: 0.7rem;}
	.footer .boot .list .nav .mk{ display: flex; justify-content: center; flex-wrap: wrap; margin-top: 0.3rem;}
	.footer .boot .list .nav .mk a{ font-size: 14px; margin: 0 5px; line-height: 20px;}
	.footer .boot .list .right .img img{ width: 3rem; margin: 0.4rem auto 0;}
	.joinBox .title .h1, .joinTwoBox .cont .h1, .joinFourBox .h1, .medicalBox .title .h1, .openBox .title .h1, .whyBoxThree .title .h1, .whyBoxMap .left .h1, .wonderTwo .text .h2{ font-size: 20px; line-height: 24px;}
	.joinBox .title .p{ font-size: 18px; line-height: 20px;}
	.joinBox .text, .joinTwoBox .cont .p, .joinFourBox .p, .medicalBox .title .p, .openBox .title .p, .whyBoxThree .title .p, .wonderTwo .title .p, .wonderTwo .text p{ font-size: 14px; line-height: 26px;}
	.joinTwoBox{ height: 250px;}
	.joinThreeBox .cont{ justify-content: space-between; padding: 50px 0.25rem 0 0.25rem;}
	.joinThreeBox .cont .li{ width: 3.3rem; margin-right: 0;}
	.joinThreeBox .cont .li .h1{ font-size: 17px; line-height: 20px;}
	.joinThreeBox .cont .li .p{ font-size: 14px; line-height: 22px;}
	.joinFourBox .icon{ flex-wrap: wrap;}
	.joinFourBox .icon .li{ font-size: 14px; line-height: 20px; margin-bottom: 10px; padding-left: 22px;}
	.joinFourBox .icon .li::after{ width: 20px; height: 20px;}
	.joinFourBox .icon .li.tel::after{ background-size: auto 15px;}
	.joinFourBox .icon .li.qq::after{ background-size: auto 13px;}
	.joinFourBox .icon .li.add::after{ background-size: auto 15px;}
	.medicalBox{ padding: 60px 0.25rem;}
	.medicalBox .list{ padding: 0.8rem 0 0 0;}
	.medicalBox .list .li .img a{ width: 100%; height: auto;}
	.medicalBox .list .li .textBox{ width: 100%; height: auto;}
	.medicalBox .list .li .textBox .text{ position: relative; top: auto; left: auto; transform: none; padding-top: 0.35rem;}
	.medicalBox .list .li{ margin-top: 50px;}
	.medicalBox .list .li .textBox .time i, .medicalBox .list .li .textBox .time em{ font-size: 16px; line-height: 20px;}
	.medicalBox .list .li .textBox .h1{ font-size: 17px; line-height: 20px; font-weight: bold;}
	.medicalBox .list .li .textBox .p{ font-size: 14px; line-height: 24px;}
	.medicalBox .list .li .textBox .m a{ font-size: 15px;}
	.medicalBox .list .li .textBox .m{ margin-top: 0.4rem;}
	.medicalBox .list .li .textBox .m a{ padding-right: 10px; background-size: 5px auto;}
	.bannerDateTwo{ padding-top: 0;}
	.w1080{ width: auto;}
	.medicalDate{ margin: 0 0.25rem;}
	.medicalDate .title .h1{ font-size: 17px; font-weight: bold; line-height: 24px;}
	.medicalDate .title .time{ font-size: 14px; line-height: 14px;}
	.medicalDate .title{ padding: 50px 0 30px 0;}
	.medicalDate .date p{ font-size: 14px; line-height: 24px;}
	.medicalDate .more a{ font-size: 14px; line-height: 20px;}
	.medicalDate .more a:first-child{ margin-bottom: 20px;}
	.openBox{ padding: 60px 0.25rem;}
	.openBox .list .li, .openBox .list .li:nth-child(4n){ margin-right: 0.2rem;}
	.openBox .list .li:nth-child(3n){ margin-right: 0;}
	.openBox .list .li a{ width: 2.2rem; height: 1.7rem;}
	.whyBoxTwo{ display: block; margin-bottom: 0.25rem;}
	.whyBoxTwo .li{ width: auto; margin: 0.25rem 0.25rem 0 0.25rem;}
	.whyBoxTwo .li:nth-child(2){ width: auto;}
	.whyBoxTwo .li .text .h1{ font-size: 17px; font-weight: bold; line-height: 20px;}
	.whyBoxTwo .li .img::after, .whyBoxTwo .li .img::before{ display: none;}
	.whyBoxTwo .li .text .p{ font-size: 14px; line-height: 20px;}
	.whyBoxTwo .li .text .num, .whyBoxTwo .li .text .h1, .whyBoxTwo .li .text .p{ color: #404040;}
	.whyBoxThree{ padding: 60px 0.25rem 30px 0.25rem;}
	.whyBoxThree .list{ justify-content: space-between; margin-top: 35px;}
	.whyBoxThree .list .li{ width: 3.4rem; height: auto; margin: 0.25rem 0 0 0; padding-bottom: 0.2rem;}
	.whyBoxMap{ display: block;}
	.whyBoxMap .left{ width: auto; padding: 60px 0.25rem 20px 0.25rem;}
	.whyBoxMap .left .list{ padding: 20px 0 0 0; justify-content: space-between; margin: 0;}
	.whyBoxMap .left .list .li a{ width: 3.4rem;}
	.whyBoxMap .right{ width: auto; padding: 35px 0.25rem;}
	.whyBoxMap .right .img{ width: auto; margin: 0;}
	.wonderTwo{ padding: 85px 0 0 0;}
	.wonderTwo .img{ margin-top: 50px;}
	.wonderTwo .text{ bottom: 0.7rem;}
	.ventBox .swiper-container{ margin: 30px 0.25rem; padding: 0 0 0.9rem 0;}
	.ventBox .minker{ display: block;}
	.ventBox .minker .img{ width: 100%; height: auto; margin-top: 0;}
	.ventBox .minker .text{ width: auto;}
	.ventBox .minker .text .p{ font-size: 14px; line-height: 24px;}
	.ventBox .swiper-button-prev{ left: 0;}
	.ventBox .swiper-button-next{ left: 0.88rem;}
	.ventBox .swiper-pagination{ left: auto; right: 0;}
	.ventBox .swiper-pagination, .ventBox .swiper-pagination span, .ventBox .swiper-pagination .swiper-pagination-current{ font-size: 14px; line-height: 14px;}
	.mink{ width: 100%; height: auto; top: 60px; left: 0; right: 0; bottom: 0;}
	.banner .img img{ width: auto; height: 100%;}
	.banner .cont{ left: 0.25rem; right: 0.25rem; top: 45%; transform: translateY(-50%);}
	.banner .cont .en{ font-size: 20px; text-align: center;}
	.banner .cont .h1{ font-size: 22px; line-height: 40px; margin-top: 0px; text-align: center;}
	.banner .cont .more{ width: 6.5rem; height: 50px; margin: 50px auto 0;}
	.banner .cont .more a{ font-size: 14px; line-height: 50px; padding: 0 10px;}
	.banner .cont .more i{ width: 90px;}
	.banner .cont .more i::after{ background-size: 35px auto;}
	.aboutIndex{ display: block;}
	.aboutIndex .img{ width: 100%; height: 100%; position: relative;}
	.aboutIndex .img img{ height: 100%; width: auto; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
	.aboutIndex .textBox{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 5; width: auto; height: auto; background: hsla(0,0%,0%,0.40);}
	.aboutIndex .textBox .text{ padding: 2rem 0.25rem 0 0.25rem; text-align: center; color: #fff;}
	.aboutIndex .textBox .text .h1{ font-size: 22px; line-height: 30px;}
	.aboutIndex .textBox .text .em{ margin: 0.4rem auto 0; width: 1rem;}
	.aboutIndex .textBox .text .h2{ font-size: 20px; color: #fff; line-height: 30px;}
	.aboutIndex .textBox .text .p{ font-size: 14px; line-height: 24px; color: #fff; margin-top: 15px;}
	.natureBox .img img{ height: auto; width: 7rem;}
	.natureBox .cont .top{ display: block; text-align: center; padding: 0;}
	.natureBox .cont .top .p{ margin-left: 0; margin-top: 0.1rem;}
	.natureBox .cont .bot{ justify-content: center; margin-top: 0.25rem;}
	.natureBox .cont .bot .p{ font-size: 14px; line-height: 20px; padding: 0 1.5rem;}
	.natureBox .cont .bot .p::before{ width: 1.3rem;}
	.natureBox .cont .mk .cer .p{ padding-left: 0; font-size: 0.8rem; margin: 0.3rem 0 0.2rem 0;}
	.natureBox .cont .mk .cer, .natureBox .cont .mk{ display: block; text-align: center;}
	.natureBox .cont .mk .cer .p::after{ display: none;}
	.natureBox .cont .mk .cer .m{ position: relative; top: auto; left: auto; bottom: auto; right: auto; margin: auto;}
	.natureBox .cont .mk .cer .m img{ width: 2.5rem; margin: auto;}
	.natureBox .cont{ top: 50%;}
	.attrAesBox .img img, .confindBox .img img{ height: 100%; width: auto;}
	.attrAesBox .text{ width: 100%; position: absolute; top: 50%; left: 0; transform: translateY(-50%); text-align: center;}
	.attrAesBox .text .h1{ font-size: 0.5rem;}
	.attrAesBox .text .p{ font-size: 0.74rem;}
	.attrAesBox .text .mk{ padding: 1rem 0.25rem 0 0.25rem;}
	.attrAesBox .text .mk .h2{ font-size: 20px; font-weight: bold;}
	.attrAesBox .text .mk .m{ justify-content: center; width: auto; margin-top: 15px;}
	.attrAesBox .text .mk .m i{ font-size: 14px; line-height: 28px;}
	.attrAesBox .text .mk .m i:last-child{ margin-right: 0;}
	.confindBox .text .p{ font-size: 14px; line-height: 14px;}
	.confindBox .text .mk .m p{ font-size: 0.44rem; line-height: 0.44rem;}
	.confindBox .text .mk .m{ height: 0.2rem;}
	.confindBox .text .mk{ height: 0.44rem;}
	.contentBox .footer .boot .list .left{ display: none;}
	.contentBox .footer .boot .list .h1{ margin-top: 0.5rem;}
	.contentBox .footer .boot .list .nav .h1{ margin-top: 0;}
	.contentBox .footer .boot .list .right .img img{ width: 1.8rem;}
	.footer .ger .p, .footer .ger a{ font-size: 12px; line-height: 20px;}
	.footer .wearchBox .logo img{ width: 3rem;}
	.footer .wearchBox .input button{ height: 0.74rem;}
	.navCell{ display: block;}
	.footer .list .right{ display:none;}
}
@media screen and (min-width:750px){
	
}
@media screen and (min-width:1280px) and (max-width: 1440px){
	
}
@media screen and (min-width:950px) and (max-width: 1280px){
	
	
	
}
@media screen and (min-width:750px) and (max-width: 950px){
	html,body{ font-size: calc(100vw/7.5);}
	.header{ display: none;}
	
}

.whyBoxTwo .li .text .p,
.whyBoxTwo .li .text .h1,
.medicalDate .more a i{ overflow: hidden; white-space: nowrap; text-overflow : ellipsis;}

.indexAbout .list .li .p,
.indexNewsBox .list .right .top .p,
.indexGongBoxList .cont .li .p,
.worldBox .bot .li .p{ word-bread: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}

.indexNewsBoxList .cont .li .text .p{ word-bread: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}