@charset "utf-8";
/*responsibility*/
html{scroll-behavior:smooth}
.responsibility-content{padding-bottom: 170px}
.responsibility-content .safety,.responsibility-content .saving{padding-top: 70px;}
.responsibility-content .safety ul{flex-wrap: wrap;}
.responsibility-content .safety li{width: 33.33%;display: flex; cursor: pointer; flex-direction: column;justify-content: center;align-items: center;margin-bottom: 30px;padding: 50px 0;transition: all 300ms;}
.responsibility-content .safety li span{width: 69px;height: 63px;background: url(../img/manage-icon1.png) no-repeat center;transition:all 300ms; background-size: contain;}
.responsibility-content .safety li:nth-child(2) span{background-image: url(../img/manage-icon2.png);}
.responsibility-content .safety li:nth-child(3) span{background-image: url(../img/manage-icon3.png);}
.responsibility-content .safety li:nth-child(4) span{background-image: url(../img/manage-icon4.png);}
.responsibility-content .safety li:nth-child(5) span{background-image: url(../img/manage-icon5.png);}
.responsibility-content .safety li:nth-child(6) span{background-image: url(../img/manage-icon6.png);}
.responsibility-content .safety li p{margin:60px 0 50px;color: #666;}
.responsibility-content .safety li strong{font-size: 30px;color: #d2d2d2;}
.responsibility-content .safety li:hover, .responsibility-content .safety li.on{background: var(--blue);color: #fff;}
.responsibility-content .safety li:hover p,.responsibility-content .safety li.on p{color: #fff;margin-top: 35px;}
.responsibility-content .safety li:hover strong, .responsibility-content .safety li.on strong{color: #2e76d9;}
.responsibility-content .safety li:hover span, .responsibility-content .safety li.on span{background: url(../img/manage-icon1-white.png) no-repeat center;transform: scale(1.4);background-size: contain;}
.responsibility-content .safety li:nth-child(2):hover span, .responsibility-content .safety li:nth-child(2).on span{background-image: url(../img/manage-icon2-white.png);}
.responsibility-content .safety li:nth-child(3):hover span, .responsibility-content .safety li:nth-child(3).on span{background-image: url(../img/manage-icon3-white.png);}
.responsibility-content .safety li:nth-child(4):hover span, .responsibility-content .safety li:nth-child(4).on span{background-image: url(../img/manage-icon4-white.png);}
.responsibility-content .safety li:nth-child(5):hover span, .responsibility-content .safety li:nth-child(5).on span{background-image: url(../img/manage-icon5-white.png);}
.responsibility-content .safety li:nth-child(6):hover span, .responsibility-content .safety li:nth-child(6).on span{background-image: url(../img/manage-icon6-white.png);}
.responsibility-content .safety div.bottom{background: url(../img/content-bg7.png) no-repeat;background-size: cover;padding: 75px 70px 75px 75px;color: #fff;}
.responsibility-content .safety div.bottom h4{font-size: 30px;font-weight: 400;margin-bottom: 30px;}
.responsibility-content .safety div.bottom p{line-height: 30px;margin-bottom: 15px;}
.responsibility-content .safety div.bottom .img-wrap{margin-left: 50px;width: 700px;height: 440px;flex-shrink: 0;}
.responsibility-content .safety div.bottom .img-wrap img{width: 100%;height: 100%;object-fit: cover;}
.responsibility-content .saving .module{background: #fff;height: 420px;margin-bottom: 50px;}
.responsibility-content .saving .module .text{padding: 45px 40px 45px 45px;flex-grow: 1;}
.responsibility-content .saving .module h4{font-size: 30px;font-weight: 400;}
.responsibility-content .saving .module p{line-height: 22px;margin-top: 20px;color: #6c7080;}
.responsibility-content .saving .module .img-wrap{width: 820px;height: 100%;flex-shrink: 0;}
.responsibility-content .saving .module img{width: 100%;height: 100%;object-fit: cover;}
.responsibility-content .saving .module:hover{background: var(--blue);color: #fff;}
.responsibility-content .saving .module:hover p{color: #fff;}

.responsibility-content .advantage{color: #fff;padding-top: 70px;}

.health-swiper{position: relative; padding-bottom: 90px}
.health-swiper .left-shadow, .health-swiper .right-shadow{position: absolute; z-index: 5; top: 0; height: 100%; width: 5%;}
.health-swiper .left-shadow{background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)); left: 0}
.health-swiper .right-shadow{background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)); right: 0}
.health-swiper .bottom-shadow{position: absolute; left: 50%; bottom: 0; width: 80%; height: 110px; transform: translateX(-50%); z-index: 1}
.health-swiper .mySwiper{z-index: 2}
.health-swiper .swiper-slide{display: flex; transition: all 300ms; transform: scale(.8); align-items: center; padding: 0 70px; background: url(../img/swiper-bg.png) no-repeat center/cover; height: 468px;}
.health-swiper .swiper-slide.swiper-slide-active{transform: scale(1); z-index: 1}
.health-swiper .swiper-slide .title{font-size: 30px; color: white;}
.health-swiper .swiper-slide .content{font-size: 16px; color: white; line-height: 1.7; margin-top: 22px;}
.health-swiper .swiper-slide img{width: 370px; height: 300px; object-fit: cover; flex-shrink: 0; margin-left: 60px;}
.health-swiper .swiper-button-next, .health-swiper .swiper-button-prev{width: 35px; height: 61px; z-index: 5; cursor: pointer; position: absolute; top: 50%; transform: translateY(-50%);}
.health-swiper .swiper-button-next{background:url(../img/swiper-next.png) no-repeat center/100%; right: 100px}
.health-swiper .swiper-button-prev{background:url(../img/swiper-prev.png) no-repeat center/100%; left: 100px}

@media (max-width: 1699px) {
	.responsibility-content{padding-bottom:140px;}
	.responsibility-content .saving .module{height: 400px;}
	.responsibility-content .saving .module .img-wrap{width: 760px;}
	.responsibility-content .saving .module .text{padding: 40px;}

}
@media (max-width: 1599px) {
	.responsibility-content{padding-bottom:120px;}
	.responsibility-content .safety li{padding: 40px 0;}
	.responsibility-content .safety li p{margin: 50px 0 40px;}
	.responsibility-content .safety div.bottom{padding: 60px;}
	.responsibility-content .safety div.bottom h4{margin-bottom: 20px;}
	.responsibility-content .safety div.bottom p{margin-bottom: 10px;}
	.responsibility-content .safety div.bottom .img-wrap{margin-left: 30px;width: 540px;height: 380px;}
	.responsibility-content .saving .module{height: 380px;margin-bottom: 40px;}
	.responsibility-content .saving .module .img-wrap{width: 660px;}
	.responsibility-content .saving .module .text{padding: 30px;}
	.responsibility-content .saving .module h4{font-size: 28px;}
	.responsibility-content .saving .module p{margin-top: 10px;}
}
@media (max-width: 1499px) {
	
}
@media (max-width: 1355px) {
	
}
@media (max-width: 1399px) {
	
}
@media (max-width: 1299px) {
	.responsibility-content{padding-bottom: 100px;}
	.responsibility-content .safety,.responsibility-content .saving,.responsibility-content .health{padding-top: 60px;}
	.responsibility-content .safety li{padding: 30px 0;}
	.responsibility-content .safety li p{margin: 40px 0 30px;}
	.responsibility-content .safety li span{width: 60px;height: 55px;}
	.responsibility-content .safety div.bottom{padding: 45px;}
	.responsibility-content .safety div.bottom h4{font-size: 28px;}
	.responsibility-content .safety div.bottom p{margin-bottom: 0;}
	.responsibility-content .safety div.bottom .img-wrap{margin-left: 20px;width: 460px;height: 380px;}
	.responsibility-content .saving .module{height: 340px;}
	.responsibility-content .saving .module .text{padding: 20px;}
	.responsibility-content .saving .module .img-wrap{width: 600px;}
	.responsibility-content .saving .module h4{font-size: 28px;}
	.responsibility-content .saving .module p{line-height: 22px;}
}
@media (max-width: 1199px) {
    .page-nav a{height: 54px;padding:15px;}
    .responsibility-content .saving .module .img-wrap{width: 540px;}
    .health-swiper{padding-bottom: 30px}
    .health-swiper .swiper-slide{padding: 0 15px; transform: scale(.7); height: 360px}
	.health-swiper .swiper-button-next{right: 40px}
	.health-swiper .swiper-button-prev{left: 40px}
}
@media (max-width: 1099px) {
	
}
@media (max-width: 991px) {
	.responsibility-content{padding-bottom: 80px}
	.responsibility-content .safety,.responsibility-content .saving,.responsibility-content .health{padding-top: 50px;}
	.responsibility-content .safety li{padding: 20px 0;}
	.responsibility-content .safety li p{margin: 30px 0 20px;}
	.responsibility-content .safety li span{width: 55px;height: 50px;}
	.responsibility-content .safety li strong{font-size: 28px;}
	.responsibility-content .safety li:hover span{transform: scale(1.2);}
	.responsibility-content .safety div.bottom{flex-direction: column-reverse;padding: 40px 30px;}
	.responsibility-content .safety div.bottom p{margin-bottom: 10px;line-height: 28px;}
	.responsibility-content .safety div.bottom .img-wrap{width: 100%;margin-bottom: 20px;margin-left: 0;}
	.responsibility-content .saving .module{flex-direction: column;height: auto;margin-bottom: 40px;}
	.responsibility-content .saving .module:nth-child(2){flex-direction: column-reverse;}
	.responsibility-content .saving .module .img-wrap{width: 100%;height: 380px;}
	.responsibility-content .saving .module .text{padding: 20px;width: 100%;}
	
	
}
@media (max-width: 767px) {
	.responsibility-content{padding-bottom: 80px}
	.responsibility-content .safety,.responsibility-content .saving,.responsibility-content .health{padding-top: 40px;}
	.responsibility-content .safety li{width: 49%;margin-right: 2%;padding: 15px;}
	.responsibility-content .safety li:nth-child(2n){margin-right: 0;}
	.responsibility-content .safety li:hover span{transform: scale(1.1);}
	.responsibility-content .safety li p{margin: 25px 0 15px;}
	.responsibility-content .safety li:hover p{margin: 20px 0 15px;}
	.responsibility-content .safety div.bottom h4{font-size: 26px;}
	.responsibility-content .safety div.bottom .img-wrap{height: 350px;}
	.responsibility-content .saving .module{margin-bottom: 30px;}
	.responsibility-content .saving .module .img-wrap{height: 350px;}
	.responsibility-content .saving .module h4{font-size: 26px;}
	.responsibility-content .saving .module p{line-height: 22px;}
	.health-swiper{padding: 0 15px 30px}
	.health-swiper .swiper-slide{flex-wrap: wrap; height: auto; padding: 15px}
	.health-swiper .swiper-slide .title{font-size: 20px;}
	.health-swiper .swiper-slide .content{font-size: 14px; line-height: 1.5; margin-top: 10px;}
	.health-swiper .swiper-slide img{width: 100%; height: auto; margin-top: 10px; margin-left: 0}
	.health-swiper .left-shadow, .health-swiper .right-shadow{display: none}
	.health-swiper .swiper-button-next{right: 15px}
	.health-swiper .swiper-button-prev{left: 15px}
}
@media (max-width: 699px) {
	.responsibility-content .safety div.bottom{padding: 25px 20px;}
	.responsibility-content .safety div.bottom .img-wrap{height: 320px;}
	
}
@media (max-width: 599px) {
	.page-nav a{margin-right: 10px;padding: 10px 5px;height: 50px;}
	.responsibility-content{padding-bottom: 60px;}
	.responsibility-content .safety,.responsibility-content .saving,.responsibility-content .health{padding-top: 35px;}
	.responsibility-content .safety div.bottom{padding:20px;}
	.responsibility-content .safety li{padding: 15px 10px;}
	.responsibility-content .safety div.bottom h4{font-size: 24px;margin-bottom: 15px;}
	.responsibility-content .safety div.bottom p{line-height: 26px;}
	.responsibility-content .safety div.bottom .img-wrap{height: 280px;}
	.responsibility-content .saving .module{margin-bottom: 25px;}
	.responsibility-content .saving .module .img-wrap{height: 300px;}
	.responsibility-content .saving .module h4{font-size: 24px;}
}
@media (max-width: 499px) {
	.page-nav a{font-size: 12px;margin-right: 5px;}
	.responsibility-content .safety,.responsibility-content .saving,.responsibility-content .health{padding-top: 30px;}
	.responsibility-content .safety div.bottom h4{font-size: 22px;}
	.responsibility-content .safety div.bottom .img-wrap{height: 240px;margin-bottom: 15px;}
	.responsibility-content .saving .module{margin-bottom: 20px;}
	.responsibility-content .saving .module .img-wrap{height: 260px;}
	.responsibility-content .saving .module h4{font-size: 22px;}
	.responsibility-content .saving .module .text{padding: 15px;}
	
}
@media (max-width: 414px) {
	.responsibility-content .safety div.bottom{padding: 15px;}
	.responsibility-content .safety li{width: 100%;margin-right: 0;padding:20px 15px;}
	.responsibility-content .safety div.bottom .img-wrap{height: 200px;}
	.responsibility-content .safety div.bottom h4{font-size: 20px;}
	.responsibility-content .safety div.bottom p{font-size: 15px;line-height: 24px;}
	.responsibility-content .saving .module .img-wrap{height: 220px;}
	.responsibility-content .saving .module h4{font-size: 20px;}
	.responsibility-content .saving .module p{font-size: 15px;line-height: 22px;}
}
@media (max-width: 400px) {
}
@media (max-width: 375px) {
	.responsibility-content .safety div.bottom .img-wrap{height: 180px;}
}
@media (max-width: 320px) {
}