/* 清除 */
html, body{ margin: 0; padding: 0; color: #262626; font-size: 14px;}
*{ margin: 0; padding: 0; list-style: none;}
a{ text-decoration: none; cursor: pointer; display: block;}
img{ border: 0; display: block; cursor: pointer;}
h1, h2, h3, h4, h5{ font-weight: normal;}
ul, li{ list-style: none; cursor: pointer;}
b, i, em{ font-weight: normal; font-style: normal;}
button, textarea, input{ outline: none; display: block;}
html,body{ font-size: calc(100vw/19.2);}
p, div{ font-size: 14px;}
@font-face{
	font-family: 'font';
	src: url("../fonts/HKGrotesk-Bold-2_0.otf");
}
.clearfix:after{visibility:hidden;display:block;font-size:0;content: " ";clear:both;height:0;}
.clearfix{*zoom:1;}
.popUp{ display: none; width: 100%; height: 100%; background: #000;  position: fixed; top: 0; left: 0; opacity: 0.5; transition: all 0.5s; z-index: 22;}
/* header */
.header{ position: fixed; top: 0; left: 0; right: 0; z-index: 30; border-bottom: 1px solid hsla(0,0%,100%,0.20); transition: all 0.5s;}
.headerTwo{ background: #EB6D62;}
.header .cont{ display: flex; justify-content: space-between; align-items: center; padding: 0 0 0 0.99rem; height: 110px;}
.header .cont .logo a img{ height: 0.73rem; padding-top: 10px;}
.header .cont .right{ display: flex; justify-content: flex-start; align-items: center;}
.header .cont .right .nav{ display: flex; justify-content: flex-start; margin-right: 0.73rem;}
.header .cont .right .nav .li{ margin-left: 0.45rem;}
.header .cont .right .nav .li a{ font-size: 18px; color: #fff;}
.header .cont .right .nav .li.on a{ font-weight: bold;}
.header .cont .right .index a{ width: 100px; height: 110px; border-left: 1px solid hsla(0,0%,100%,0.20); background: url(../images/icon1.png) no-repeat center; background-size: 29px auto;}
.contentBox .swiper-container{ position: fixed; top: 0; left: 0; bottom: 0; right: 0; overflow: hidden;}
.mink{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden;}
.banner .img{ width: 100%; height: 100%; overflow: hidden;}
.banner .img img{ width: 100%;}
.banner .cont{ position: absolute; top: 4.4rem; left: 1.5rem; color: #fff;}
.banner .cont .en{ font-size: 58px; line-height: 60px; font-family: 'font';}
.banner .cont .h1{ font-size: 42px; font-weight: bold; line-height: 50px; margin-top: 20px;}
.banner .cont .more{ width: 426px; height: 70px; border: 1px solid rgba(255, 255, 255, 0.35); position: relative; border-radius: 3px; margin-top: 50px;}
.banner .cont .more a{ font-size: 20px; padding: 0 20px; line-height: 70px; color: #fff;}
.banner .cont .more i{ display: block; width: 158px; height: 100%; position: absolute; top: 0; right: 0; background: #fff; border-radius: 0 3px 3px 0;}
.banner .cont .more i::after{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/icon2.png) no-repeat center; background-size: 48px auto; content: '';}
.aboutIndex{ display: flex; justify-content: center;}
.aboutIndex .img{ width: 50%; height: 100%; overflow: hidden;}
.aboutIndex .img img{ width: 100%;}
.aboutIndex .textBox{ width: 50%; height: 100%; background: url(../images/back2.jpg) no-repeat center top; background-size: 100% auto; position: relative; z-index: 5;}
.aboutIndex .textBox .text{ padding: 2.5rem 0.6rem 0 0.6rem;}
.aboutIndex .textBox .text .h1{ font-size: 0.58rem; line-height: 0.7rem; font-weight: bold; font-family: 'font';}
.aboutIndex .textBox .text .em{ width: 2.5rem; height: 3px; background: #EB6D62; margin: 0.4rem 0 0 -1.85rem;}
.aboutIndex .textBox .text .h2{ font-size: 0.38rem; font-weight: bold; color: #3D3D3D; line-height: 0.44rem; margin-top: 0.4rem;}
.aboutIndex .textBox .text .p{ font-size: 0.16rem; line-height: 0.32rem; color: #3D3D3D; margin-top: 0.15rem;}
.natureBox{ background: linear-gradient(217deg, #E3E3E3 0%, #F8F8F8 100%);}
.natureBox .img{ width: 100%; position: absolute; top: 50%; left: 0; transform: translateY(-50%); z-index: 0;}
.natureBox .img img{ height: 6.25rem; margin: auto;}
.natureBox .cont{ position: absolute; top: 58.8%; transform: translateY(-50%); left: 0; width: 100%; z-index: 5;}
.natureBox .cont .top{ padding-left: 3.12rem; display: flex; justify-content: flex-start;}
.natureBox .cont .top .h1{ font-size: 0.58rem; font-family: 'font'; line-height: 0.58rem;}
.natureBox .cont .top .p{ font-size: 0.42rem; font-weight: bold; color: #3D3D3D; margin-left: 0.25rem;}
.natureBox .cont .mk .cer{ display: flex; justify-content: flex-start; margin-top: 0.1rem; position: relative; z-index: 5;}
.natureBox .cont .mk .cer .p{ font-size: 0.86rem; font-weight: bold; line-height: 0.86rem; font-family: 'font'; padding-left: 6.65rem; position: relative;}
.natureBox .cont .mk .cer .p::after{ content: ''; width: 6.45rem; height: 1px; background: #cfd7d3; position: absolute; left: 0.1rem; top: 50%; margin-top: -0.5px;}
.natureBox .cont .mk .cer .m{ position: absolute; right: -3.3rem; bottom: 0.3rem; z-index: -1;}
.natureBox .cont .mk .cer .m img{ width: 4.06rem;}
.natureBox .cont .mk{ display: flex; justify-content: flex-start;}
.natureBox .cont .bot{ display: flex; justify-content: flex-end;}
.natureBox .cont .bot .p{ font-size: 0.26rem; color: #3D3D3D; line-height: 0.26rem; padding: 0 3rem 0 1.4rem; position: relative;}
.natureBox .cont .bot .p::after, .natureBox .cont .bot .p::before{ content: ''; height: 1px; background: #cfd7d3; position: absolute; top: 50%; margin-top: -0.5px;}
.natureBox .cont .bot .p::after{ left: 0; width: 1.3rem;}
.natureBox .cont .bot .p::before{ right: 0.1rem; width: 2.9rem;}
.attrAesBox .img, .confindBox .img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; overflow: hidden;}
.attrAesBox .img img, .confindBox .img img{ width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.attrAesBox .text{ position: absolute; top: 2.9rem; left: 3.3rem; z-index: 5;}
.attrAesBox .text .h1{ font-size: 0.56rem; font-weight: bold; color: #EB6D62; font-family: 'font';}
.attrAesBox .text .p{ font-size: 0.86rem; font-weight: bold; line-height: 0.86rem; color: #404040; margin-top: 0.15rem;}
.attrAesBox .text .mk{ padding: 1.3rem 0 0 6.25rem;}
.attrAesBox .text .mk .h2{ font-size: 0.42rem; line-height: 0.42rem; color: #404040;}
.attrAesBox .text .mk .m{ margin-top: 0.15rem; display: flex; justify-content: flex-start; flex-wrap: wrap; width: 3.9rem;}
.attrAesBox .text .mk .m i{ font-size: 0.26rem; line-height: 0.46rem; color: #3D3D3D; margin-right: 0.25rem;}
.confindBox .text{ width: 100%; position: absolute; top: 50%; transform: translateY(-50%); left: 0; z-index: 5; text-align: center;}
.confindBox .text .en{ font-size: 0.44rem; line-height: 0.44rem; font-weight: bold; font-family: 'font';}
.confindBox .text .mk{ height: 0.86rem; position: relative; margin-top: 0.1rem;}
.confindBox .text .mk .m p{ font-size: 0.86rem; font-weight: bold; line-height: 0.86rem; font-family: 'font';}
.confindBox .text .mk .m{ width: 100%; height: 0.4rem; position: absolute; left: 0; overflow: hidden;}
.confindBox .text .mk .m1{ top: 0;}
.confindBox .text .mk .m2{ bottom: 0; display: flex; justify-content: center; align-items: flex-end; height: 0.36rem;}
.confindBox .text .h1{ font-size: 0.42rem; line-height: 0.44rem; margin-top: 0.25rem; font-weight: bold; color: #3D3D3D;}
.confindBox .text .p{ font-size: 0.26rem; margin-top: 0.25rem; line-height: 0.3rem; color: #3D3D3D;}
.footer{ background: #F9F9F9;}
.footer .boot{ padding: 0.45rem 1.7rem 0.3rem 1.7rem; background: #252525;}
.contentBox .footer .boot{ position: absolute; left: 0; bottom: 0; right: 0;}
.footer .boot .list{ display: flex; justify-content: space-between;}
.footer .boot .list .left .logo img{ width: 2.52rem;}
.footer .boot .list .left .more{ margin-top: 0.45rem; display: flex; justify-content: flex-start;}
.footer .boot .list .left .more a{ width: 0.3rem; height: 0.3rem; margin-left: 0.3rem;}
.footer .boot .list .left .more a:first-child{ margin-left: 0;}
.footer .boot .list .left .more a.ww{ background: url(../images/icon8.png) no-repeat center; background-size: 0.22rem auto;}
.footer .boot .list .left .more a.we{ background: url(../images/icon9.png) no-repeat center; background-size: 0.22rem auto;}
.footer .boot .list .h1{ font-size: 0.2rem; line-height: 0.2rem; color: #F9F9F9;}
.footer .boot .list .nav .mk{ margin-top: 0.15rem;}
.footer .boot .list .nav .mk a{ font-size: 0.16rem; line-height: 0.32rem; color: #F9F9F9; opacity: 0.4;}
.footer .boot .list .right .img img{ width: 1.46rem; margin-top: 0.2rem;}
.footer .ger{ display: flex; justify-content: flex-start; line-height: 0.3rem; margin-top: 0.35rem;}
.footer .ger .p, .footer .ger a{ font-size: 0.14rem; color: #fff; opacity: 0.4; margin-right: 0.1rem;}
.footer .wearchBox{ width: 100%; position: absolute; left: 0; top: 1rem;}
.footer .wearchBox .logo img{ width: 3.66rem; margin: auto;}
.footer .wearchBox .input{ display: flex; justify-content: center; margin-top: 0.55rem;}
.footer .wearchBox .input button{ display: block; width: 1.58rem; height: 0.72rem; background: #404040; border-radius: 0 0.03rem 0.03rem 0; border: none; position: relative;}
.footer .wearchBox .input button::after{ content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(../images/icon6.png) no-repeat center; background-size: 0.48rem auto;}
.footer .wearchBox .input .m{ width: 4.8rem; height: 0.7rem; padding: 0 0.2rem; border: 1px solid #B7B7B7; border-radius: 0.03rem 0 0 0.03rem; background: #F5F5F5;}
.footer .wearchBox .input .m input{ display: block; width: 100%; height: 0.7rem; background: hsla(0,0%,100%,0.00); font-size: 0.2rem; color: #3D3D3D; border: none;}
.bannerDate{ width: 100%; background: #EB6D62;}
.bannerDate .cont{ position: relative;}
.bannerDate .img{ width: 100%; height: 6rem; overflow: hidden; position: relative; z-index: 0;}
.bannerDate .img img{ height: 100%; position: absolute; top: 0; right: 0;}
.bannerDate .text{ position: absolute; top: 2.7rem; left: 1.73rem; color: #fff; z-index: 3;}
.bannerDate .text .h1{ font-size: 0.46rem; font-weight: bold; line-height: 0.5rem; font-family: 'font';}
.bannerDate .text .p{ font-size: 0.36rem; font-weight: bold; line-height: 0.4rem; margin-top: 0.1rem;}
.bannerDate .nav{ display: flex; justify-content: flex-start; position: absolute; bottom: 0.6rem; left: 1.73rem; z-index: 3;}
.bannerDate .nav a{ font-size: 0.2rem; line-height: 0.22rem; padding-bottom: 1px; margin-right: 0.3rem; padding-right: 0.2rem; color: #fff; background: url(../images/icon10.png) no-repeat center right; background-size: 0.08rem auto;}
.joinBox{ padding: 1.1rem 0 0.9rem 0;}
.joinBox .title{ text-align: center;}
.joinBox .title .h1{ font-size: 0.42rem; color: #404040; font-weight: bold; line-height: 0.44rem;}
.joinBox .title .p{ font-size: 0.36rem; font-weight: bold; color: #404040; font-family: 'font'; line-height: 0.4rem; margin-top: 0.2rem;}
.joinBox .text{ margin-top: 0.35rem;}
.joinBox .text p{ text-align: center; font-size: 0.24rem; line-height: 0.48rem; color: #636363;}
.joinTwoBox{ width: 100%; height: 526px; background: url(../images/back5.jpg) no-repeat center; background-size: cover; position: relative;}
.joinTwoBox .cont{ position: absolute; top: 50%; left: 0; transform: translateY(-50%); text-align: center; width: 100%;}
.joinTwoBox .cont .h1{ font-size: 0.42rem; line-height: 0.44rem; color: #fff; font-weight: bold;}
.joinTwoBox .cont .p{ font-size: 0.24rem; line-height: 0.3rem; color: #fff; margin-top: 0.2rem;}
.joinTwoBox .cont .input{ width: 6.6rem; margin: 0.3rem auto 0; border: 1px solid hsla(0,0%,100%,0.70); border-radius: 0.02rem; position: relative;}
.joinTwoBox .cont .input .m{ padding: 0 0.3rem;}
.joinTwoBox .cont .input input{ display: block; width: 100%; height: 0.66rem; background: hsla(0,0%,100%,0.00); border: none; font-size: 20px; color: #fff;}
.joinTwoBox .cont .input button{ display: block; width: 0.66rem; height: 100%; position: absolute; top: 0; right: 0; background: url(../images/icon11.png) no-repeat center; background-size: 0.37rem auto; border: none;}
.joinThreeBox{ background: linear-gradient(217deg, #E3E3E3 0%, #F8F8F8 56.99999999999999%);}
.joinThreeBox .cont{ padding: 0.9rem 2.17rem 0.3rem 2.17rem; display: flex; justify-content: flex-start; flex-wrap: wrap;}
.joinThreeBox .cont .li{ width: 2.4rem; margin-bottom: 0.83rem; margin-right: 3.73rem;}
.joinThreeBox .cont .li:nth-child(3n){ margin-right: 0;}
.joinThreeBox .cont .li .h1{ font-size: 0.24rem; line-height: 0.3rem; color: #404040; font-weight: bold;}
.joinThreeBox .cont .li .p{ font-size: 0.16rem; line-height: 0.28rem; color: #404040; margin-top: 0.15rem;}
.joinFourBox{ padding: 1.05rem 0 0.9rem 0; text-align: center;}
.joinFourBox .h1{ font-size: 0.42rem; line-height: 0.44rem; color: #404040; font-weight: bold;}
.joinFourBox .p{ font-size: 0.2rem; line-height: 0.38rem; color: #636363; margin-top: 0.25rem;}
.joinFourBox .img img{ width: 3rem; margin: 0.4rem auto 0;}

.joinFourBox .img img{width: 1.5rem;margin: 0.4rem auto 0;}
.joinFourBox .icon{ display: flex; justify-content: center; margin-top: 0.85rem;}
.joinFourBox .icon .li{ margin: 0 0.4rem; padding-left: 0.35rem; position: relative; font-size: 0.18rem; color: #636363; line-height: 0.3rem;}
.joinFourBox .icon .li::after{ content: ''; width: 0.3rem; height: 0.3rem; position: absolute; top: 0; left: 0;}
.joinFourBox .icon .li.tel::after{ background: url(../images/icon12.png) no-repeat center left; background-size: 0.24rem auto;}
.joinFourBox .icon .li.qq::after{ background: url(../images/icon13.png) no-repeat center left; background-size: 0.25rem auto;}
.joinFourBox .icon .li.add::after{ background: url(../images/icon14.png) no-repeat center left; background-size: 0.23rem auto;}
.bannerDateTwo{ padding-top: 110px;}
.bannerDateTwo .img{ height: 4.9rem;}
.bannerDateTwo .text{ top: 1.6rem; color: #404040;}
.bannerDateTwo .text2{ color: #fff;}
.whyBoxTwo{ display: flex; justify-content: flex-start;}
.whyBoxTwo .li{ width: 33%; position: relative;}
.whyBoxTwo .li:nth-child(2){ width: 34%;}
.whyBoxTwo .li .img{ width: 100%; height: 7.4rem; overflow: hidden; position: relative;}
.whyBoxTwo .li .img img{ width: 100%;}
.whyBoxTwo .li .img::after, .whyBoxTwo .li .img::before{ content: ''; width: 100%; height: 100%; background: #CFCECA; position: absolute; top: 0; transition: all 1s;}
.whyBoxTwo .li .img::after{ left: 0;}
.whyBoxTwo .li .img::before{ right: 0;}
.whyBoxTwo .li:hover .img::after{ left: -100%;}
.whyBoxTwo .li:hover .img::before{ right: -100%;}
.whyBoxTwo .li .text{ position: absolute; left: 0.98rem; bottom: 1.6rem; right: 0.98rem; color: #fff;}
.whyBoxTwo .li:hover .text{ color: #404040;}
.whyBoxTwo .li .text .num{ font-size: 0.68rem; font-style: oblique; transition: all 0.5s;}
.whyBoxTwo .li .text .h1{ font-size: 0.38rem; line-height: 0.4rem; transition: all 0.5s;}
.whyBoxTwo .li .text .p{ font-size: 0.2rem; line-height: 0.3rem; margin-top: 0.2rem; transition: all 0.5s;}
.whyBoxThree{ padding: 1rem 0 0.65rem 0; background: linear-gradient(217deg, #E3E3E3 0%, #F8F8F8 56.99999999999999%);}
.whyBoxThree .title{ text-align: center;}
.whyBoxThree .title .h1{ font-size: 0.42rem; color: #404040; font-weight: bold; line-height: 0.44rem;}
.whyBoxThree .title .p{ font-size: 0.24rem; line-height: 0.24rem; margin-top: 0.2rem; color: #404040;}
.whyBoxThree .list{ display: flex; justify-content: center; flex-wrap: wrap;}
.whyBoxThree .list .li{ margin: 0.45rem 0.18rem 0 0.18rem; width: 3.68rem; height: 2.9rem; background: #fff;}
.whyBoxThree .list .li .img{ width: 100%; height: 1.7rem; display: flex; justify-content: center; align-items: center;}
.whyBoxThree .list .li .img img{ max-height: 70%; max-width: 80%;}
.whyBoxThree .list .li .text{ text-align: center; margin: 0 0.15rem;}
.whyBoxThree .list .li .text .h1{ font-size: 0.2rem; color: #404040; font-weight: bold; transition: all 0.5s;}
.whyBoxThree .list .li:hover .text .h1{ color: #EB6D62;}
.whyBoxThree .list .li .text .p{ font-size: 0.18rem; color: #404040; margin-top: 0.15rem;}
.whyBoxMap{ display: flex; justify-content: center;}
.whyBoxMap .left{ width: 9.58rem; background: #fff; padding: 1.55rem 0 0 0;}
.whyBoxMap .left .h1{ font-size: 0.38rem; color: #404040; line-height: 0.4rem; text-align: center; font-weight: bold;}
.whyBoxMap .left .list{ display: flex; justify-content: center; flex-wrap: wrap; margin-top: 0.45rem; margin-left: 0.4rem;}
.whyBoxMap .left .list .li a{ width: 3rem; height: 1.4rem; display: flex; justify-content: center; align-items: center;}
.whyBoxMap .left .list .li a img{ max-width: 80%; max-height: 70%;}
.whyBoxMap .right{ width: 9.62rem; background: #F1F1F1; padding: 1.75rem 0 0.65rem 0;}
.whyBoxMap .right .img{ width: 8.97rem; margin-left: 0.29rem;}
.whyBoxMap .right .img img{ width: 100%;}
.whyBoxMap .right .img .h1{ font-size: 0.18rem; color: #404040; margin-top: 0.35rem; text-align: center;}
.w1080{ width: 10.8rem; margin: auto;}
.medicalDate .title{ padding: 80px 0 30px 0; border-bottom: 1px solid #E6E6E6;}
.medicalDate .title .time{ font-size: 0.18rem; color: #404040; line-height: 0.18rem;}
.medicalDate .title .h1{ font-size: 0.38rem; color: #404040; margin-top: 0.2rem;}
.medicalDate .date{ padding: 30px 0;}
.medicalDate .date p{ font-size: 0.18rem; line-height: 0.38rem; text-indent: 0.36rem;}
.medicalDate .date img{ max-width: 100%; margin: auto;}
.medicalDate .more{ padding: 45px 0 70px 0; border-top: 1px solid #E6E6E6;}
.medicalDate .more a{ font-size: 0.18rem; line-height: 0.2rem; color: #404040; display: flex; justify-content: flex-start; white-space: nowrap;}
.medicalDate .more a:first-child{ margin-bottom: 25px;}
.medicalDate .more a i{ transition: all 0.5s;}
.medicalDate .more a:hover i{ color: #EB6D62;}
.medicalBox{ padding: 100px 0;}
.medicalBox .title{ text-align: center;}
.medicalBox .title .h1{ font-size: 0.32rem; font-weight: bold; color: #404040; line-height: 0.34rem;}
.medicalBox .title .p{ font-size: 0.2rem; color: #404040; margin-top: 0.15rem;}
.medicalBox .list{ padding: 100px 1.7rem 80px 1.7rem;}
.medicalBox .list .li{ margin-top: 110px;}
.medicalBox .list .li:first-child{ margin-top: 0;}
.medicalBox .list .li .img{ float: right;}
.medicalBox .list .li:nth-child(2n) .img{ float: left;}
.medicalBox .list .li .img a{ width: 7.72rem; height: 5.18rem; background: #BFBFBF; overflow: hidden; position: relative;}
.medicalBox .list .li .img a img{ width: 100%; transition: all 0.5s;}
.medicalBox .list .li:hover .img a img{ transform: scale(1.03);}
.medicalBox .list .li .textBox{ width: 7.67rem; height: 5.18rem; float: left; position: relative;}
.medicalBox .list .li:nth-child(2n) .textBox{ float: right;}
.medicalBox .list .li .textBox .text{ width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.medicalBox .list .li .textBox .time{ display: flex; justify-content: flex-start; align-items: flex-end; color: #404040;}
.medicalBox .list .li .textBox .time i{ font-size: 0.2rem; font-weight: bold; line-height: 0.22rem;}
.medicalBox .list .li .textBox .time em{ font-size: 0.14rem; color: #636363; margin-left: 2px;}
.medicalBox .list .li .textBox .h1{ font-size: 0.3rem; line-height: 0.3rem; color: #404040; margin-top: 0.25rem; transition: all 0.5s;}
.medicalBox .list .li:hover .textBox .h1{ color: #EB6D62;}
.medicalBox .list .li .textBox .p{ font-size: 0.18rem; line-height: 0.28rem; color: #404040; margin-top: 0.25rem;}
.medicalBox .list .li .textBox .m{ display: flex; justify-content: flex-start; margin-top: 0.95rem;}
.medicalBox .list .li .textBox .m a{ font-size: 0.16rem; line-height: 0.2rem; color: #EB6D62; padding-right: 0.13rem; background: url(../images/icon19.png) no-repeat right center; background-size: 0.05rem auto; font-family: 'font';}
.openBox{ padding: 100px 1.7rem 50px 1.7rem;}
.openBox .title{ text-align: center;}
.openBox .title .h1{ font-size: 0.32rem; font-weight: bold; color: #404040; line-height: 0.34rem;}
.openBox .title .p{ font-size: 0.2rem; line-height: 0.3rem; color: #404040; margin-top: 0.15rem;}
.openBox .list{ display: flex; justify-content: flex-start; flex-wrap: wrap; margin-top: 0.85rem;}
.openBox .list .li a{ width: 3.7rem; height: 2.48rem; display: flex; justify-content: center; align-items: center; transition: all 0.5s;}
.openBox .list .li a img{ max-width: 80%; max-height: 70%;}
.openBox .list .li{ margin-bottom: 0.4rem; margin-right: 0.27rem;}
.openBox .list .li:nth-child(4n){ margin-right: 0;}
.openBox .list .li a:hover{ box-shadow: 0 0 15px #eee;}
.yourBoxerff .li .img{ float: left; width: 50%; height: 7.2rem; overflow: hidden; background: #636363;}
.yourBoxer .li:nth-child(2n) .img{ float: right;}
.yourBoxer .li .img img{ width: 100%;}
.yourBoxerff .li .textBox{ width: 50%; height: 7.2rem; display: flex; justify-content: center; align-items: center; text-align: center;}



.yourBoxer .li .img{float: left;width: 50%;height: 5.4rem;overflow: hidden;background: #636363;}


.li .textBox{width: 50%;height: 5.4rem;display: flex;justify-content: center;align-items: center;text-align: center;}
.yourBoxer .li .textBox .h1{ font-size: 0.38rem; color: #404040; font-weight: bold; line-height: 0.4rem;}
.yourBoxer .li .textBox .p{ width: 5.7rem; margin: 0.45rem auto 0;}
.yourBoxer .li .textBox .p p, .yourBoxer .li .textBox .p p i{ font-size: 0.2rem; line-height: 0.4rem; color: #636363;}
.yourBoxer .li .textBox .p p i{ font-weight: bold;}
.yourBoxer .li .textBox .em{ font-size: 0.2rem; font-weight: bold; color: #404040; line-height: 0.22rem; margin-top: 0.25rem;}
.yourBoxer .li .textBox .list{ display: flex; justify-content: center; margin-top: 0.7rem;}
.yourBoxer .li .textBox .list .k{ margin: 0 0.6rem;}
.yourBoxer .li .textBox .list .k .mk{ display: flex; justify-content: center; align-items: center; height: 0.8rem;}
.yourBoxer .li .textBox .list .k:first-child .mk img{ height: 0.79rem;}
.yourBoxer .li .textBox .list .k:nth-child(2) .mk img{ height: 0.79rem;}
.yourBoxer .li .textBox .list .k:nth-child(3) .mk img{ height: 0.67rem;}
.yourBoxer .li .textBox .list .k .s{ font-size: 0.18rem; font-weight: bold; color: #404040; margin-top: 0.2rem;}
.yourBoxer .li .textBox .list .k .f{ margin-top: 0.1rem;}
.yourBoxer .li .textBox .list .k .f p{ font-size: 0.16rem; line-height: 0.3rem; color: #636363;}
.IntelligentBox{ padding-top: 110px; text-align: center;}
.IntelligentBox .img{ padding: 95px 0.7rem 1rem 0.7rem; position: relative;}
.IntelligentBox .img img{ width: 100%; position: relative; z-index: 5;}
.IntelligentBox .img::after{ content: ''; width: 100%; height: 4.32rem; background: linear-gradient(217deg, #E3E3E3 0%, #F8F8F8 56.99999999999999%); position: absolute; left: 0; bottom: 0; z-index: 0;}
.IntelligentBox .text p, .IntelligentBox .text p i{ font-size: 0.24rem; color: #636363; line-height: 0.48rem;}
.IntelligentBox .text p i{ font-weight: bold;}
.IntelligentBox .mk{ font-size: 0.18rem; color: #636363; line-height: 0.4rem; margin-top: 45px;}
.wonderTwo{ padding: 105px 0 0 0;}
.wonderTwo .title{ text-align: center;}
.wonderTwo .title .h1{ font-size: 0.42rem; line-height: 0.44rem; font-weight: bold; color: #404040;}
.wonderTwo .title .p{ margin-top: 0.2rem; font-size: 0.24rem; color: #404040; line-height: 0.26rem; font-weight: bold;}
.wonderTwo .img{ margin-top: 100px; position: relative;}
.wonderTwo .img img{ width: 100%;}
.wonderTwo .text{ width: 100%; position: absolute; left: 0; bottom: 1.45rem; color: #fff;}
.wonderTwo .text .h2{ font-size: 0.42rem; font-weight: bold; line-height: 0.44rem;}
.wonderTwo .text p{ font-size: 0.24rem; line-height: 0.24rem; margin-top: 0.25rem;}
.ventBox .swiper-container{ padding: 0.75rem 0 0.63rem 0; margin: -0.75rem 2.3rem 85px 1.7rem; position: relative; z-index: 10;}
.ventBox .minker{ display: flex; justify-content: space-between; background: #fff;} 
.ventBox .minker .img{ width: 5.29rem; height: 5.2rem; overflow: hidden; margin-top: -0.75rem;}
.ventBox .minker .img img{ width: 100%;}
.ventBox .minker .text{ width: 9.4rem; padding-top: 0.7rem;}
.ventBox .minker .text .h1{ font-size: 0.36rem; font-weight: bold; color: #404040; line-height: 0.4rem;}
.ventBox .minker .text .en{ font-size: 0.18rem; font-weight: bold; color: #404040; margin-top: 0.15rem;}
.ventBox .minker .text .p{ font-size: 0.15rem; line-height: 0.32rem; color: #404040; margin-top: 0.35rem;}
.ventBox .swiper-button-next, .ventBox .swiper-button-prev{ width: 0.66rem; height: 0.66rem; border: 1px solid #D5D5D5; border-radius: 100%; background: #fff url(../images/icon18.png) no-repeat center; background-size: 0.08rem auto; top: auto; bottom: 0; margin-top: 0;}
.ventBox .swiper-button-next{ right: auto; left: 6.76rem;transform: rotate(180deg);}
.ventBox .swiper-button-prev{ left: 5.84rem; }
.ventBox .swiper-pagination{ width: auto; display: flex; justify-content: flex-start; align-items: flex-end; position: absolute; left: 7.8rem; bottom: 0.15rem; font-size: 0.15rem; line-height: 0.2rem; color: #404040;}
.ventBox .swiper-pagination .swiper-pagination-current{ font-size: 0.24rem; color: #EB6D62; line-height: 0.24rem; margin-right: 2px;}
/*  */
.navCell{ display: none;}
.hearCell{ height: 60px; position: fixed; top: 0; left: 0; right: 0; background: #EB6D62; z-index: 20; padding: 0 15px; box-shadow: 7px 0 11px hsla(0,0%,0%,0.10);}
.hearCell .img{ float: left; height: 40px; padding: 10px 0;}
.hearCell .img a, .hearCell .img a img{ display: block; height: 100%;}
.hearCell .push{ float: right; width: 26px; height: 26px; background: url(../images/nav-cell.png) no-repeat center; background-size: 100% auto; margin: 17px 0;}
.navCell .up{ display: none; width: 100%; height: 100%; background: #000; position: fixed; top: 0; left: 0; z-index: 25; opacity: 0.5;}
.listCell{ width: 160px; position: fixed; top: 0; right: -100%; bottom: 0; z-index: 30; background: #fff; padding: 0 20px; transition: all 0.5s; opacity: 0;}
.listCellTwo{ right: 0; opacity: 1;}
.listCell .img{ height: 36px; padding: 70px 0 20px 0;}
.listCell .sole{ width: 24px; height: 24px; background: url(../images/icon-22.png) no-repeat center; background-size: 100% 100%; position: absolute; top: 15px; right: 15px;}
.listCell .list{ padding: 90px 0 30px 0;}
.listCell .list a{ display: block; font-size: 16px; color: #333; line-height: 30px; transition: all 0.1s;}
.listCell .list .li{ border-bottom: 1px solid #ececec; padding: 10px 0;}
.listCell .lang{ /*display: flex; justify-content: space-between; align-items: center;*/ position: relative;}
.listCell .lang .input{ padding: 0 40px 0 5px; height: 36px; position: relative; border-bottom: 1px solid #eee;}
.listCell .lang .input input{ display: block; width: 100%; height: 36px; border: none;}
.listCell .lang button{ display: block; width: 30px; height: 30px; background: url(../images/icon2s.png) no-repeat center right; background-size: 70% auto; position: absolute; right: 0; top: 50%; transform: translateY(-50%); border: none;}
.listCell .lang .mik{ display: flex; justify-content: flex-start;}
.listCell .lang .mik a{ font-size: 15px; line-height: 30px; color: #666;}
.listCell .lang .mik a:first-child{ margin-right: 20px; position: relative;}
.listCell .lang .mik a:first-child:after{ content: ''; width: 1px; height: 16px; background: #999; position: absolute; right: -10px; top: 50%; transform: translateY(-50%);}
.listCell .lang .searcher a{ width: 30px; height: 30px; background: url(../images/icon2.png) no-repeat center right; background-size: 70% auto;}
.listCell .tel{ font-size: 13px; color: #999; line-height: 30px; padding-left: 25px; background: url(../images/icon1.png) no-repeat left top 7px; background-size: 15px auto;}









.openBox .list .li a img, .whyBoxThree .list .li .img img, .whyBoxMap .left .list .li a img{ transition: all 0.5s;}
.openBox .list .li:hover a img, .whyBoxThree .list .li:hover .img img, .whyBoxMap .left .list .li:hover a img{ transform: scale(1.03);}

.footer .list .right{ display:nones; opacity:0;}