@charset "UTF-8";.image{width:100%;height:100%;object-fit:cover}.banner-box .banner{width:100%;height:560px;background:url(../images/responsibility/banner.png) center no-repeat;background-size:cover;-webkit-animation:2s scaleIn cubic-bezier(.215,.61,.355,1) 1;animation:2s scaleIn cubic-bezier(.215,.61,.355,1) 1;position:relative}.banner-box .banner-title{width:1200px;margin:0 auto;position:absolute;top:0;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);z-index:1}.banner-box .banner-title .h2{font-weight:600;font-size:56px;color:#fafbfc;line-height:74px;margin-top:342px}.banner-box .banner-title .p{font-weight:400;font-size:16px;color:rgba(255,255,255,.85);line-height:32px;padding-top:12px}.data-box .content{width:1200px;margin:0 auto;text-align:center;overflow:hidden;position:relative}.data-box .content .p-explain{font-weight:400;font-size:20px;color:#b7b9c2;line-height:28px;text-align:left;position:absolute;top:36px;left:0}.data-box .content ul.data-list{width:1222px;overflow:hidden;padding-top:20px}.data-box .content ul.data-list li{width:524px;float:left;text-align:left;margin:64px 87px 0 0}.data-box .content ul.data-list li .h3{font-weight:600;font-size:44px;color:#121736;line-height:62px;display:block;position:relative;padding-left:20px}.data-box .content ul.data-list li .h3::before{content:"";position:absolute;top:12px;left:0;width:8px;height:36px;background:#00b85c}.data-box .content ul.data-list li .number{font-weight:700;font-size:76px;color:#00b85c;line-height:84px;display:block;padding-top:24px;font-family:QiFuBold}.data-box .content ul.data-list li .number em{font-weight:600;font-size:44px;color:#121736;line-height:62px;padding-left:12px;font-style:normal}.data-box .content ul.data-list li .p{font-weight:400;font-size:24px;color:#888b9a;line-height:34px;display:block;padding-top:23px}.data-box .content ul.data-list li.last .number{padding-top:86px}.report-box{padding-top:106px}.report-box .content{width:1200px;margin:0 auto;text-align:center;overflow:hidden}.report-box .content .report-top{margin-top:35px;overflow:hidden}.report-box .content .report-top .p{font-weight:400;font-size:20px;color:#595c72;line-height:34px;padding-top:20px;float:left}.report-box .content .report-bottom{width:1220px;margin-top:40px;clear:both;overflow:hidden}.report-box .content .report-bottom .report-item{width:386px;float:left;margin-right:20px}.report-box .content .report-bottom .report-item .p{font-weight:400;font-size:20px;color:#595c72;line-height:34px;padding-top:20px;float:left}.plan-box{padding-top:128px}.plan-box .content{width:1200px;margin:0 auto;padding:0 0 110px 0;text-align:center;overflow:hidden}.plan-box .content .plan-list{width:1220px;padding-top:55px;overflow:hidden}.plan-box .content .plan-list .plan-item{width:590px;height:549px;float:left;margin-right:20px;background:#f7f9fc;border-radius:10px;overflow:hidden;position:relative}.plan-box .content .plan-list .plan-item .image{width:100%;height:421px;object-fit:cover}.plan-box .content .plan-list .plan-item .p{height:96px;font-weight:400;font-size:20px;color:#121736;line-height:36px;padding:24px 52px 0 25px;text-align:left;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}.plan-box .content .plan-list .plan-item i.play-icon{width:56px;height:56px;position:absolute;top:183px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);background:url(../images/common/jr_be_play.png) center no-repeat;background-size:100% 100%;z-index:2;cursor:pointer;display:block}.social-good-box{position:relative}.social-good-box::before{content:"";height:859px;position:absolute;top:0;left:0;right:0;background:linear-gradient(180deg,#edfff6 0,rgba(247,249,252,0) 100%)}.social-good-box .content{width:1200px;margin:0 auto;padding:46px 0 144px 0;text-align:center}.social-good-box .content .cap-content{padding-top:135px}.social-good-box .content .cap-content .p{font-weight:400;font-size:20px;color:#595c72;line-height:28px;padding-top:20px}.social-good-box .content .cap-content .cap-img{position:relative;margin-top:64px;border-radius:10px;overflow:hidden}.social-good-box .content .cap-content .cap-img .cap-text{position:absolute;top:208px;left:72px;text-align:left;z-index:2}.social-good-box .content .cap-content .cap-img .cap-text .h3{font-weight:500;font-size:28px;color:#fff;line-height:44px}.social-good-box .content .cap-content .cap-img .more{width:128px;height:48px;line-height:48px;border-radius:28px 28px 28px 28px;border:1px solid #fff;box-sizing:border-box;position:absolute;left:72px;bottom:60px;font-weight:400;font-size:16px;color:#fff;z-index:2;text-indent:-18px}.social-good-box .content .cap-content .cap-img .more::after{content:"";width:16px;height:16px;background:url(../images/responsibility/more-icon.png) center no-repeat;background-size:100% 100%;position:absolute;top:16px;right:20px}.social-good-box .content .society-content{padding-top:135px}.social-good-box .content .society-content .society-list{width:1220px;overflow:hidden;padding-top:50px}.social-good-box .content .society-content .society-list .society-item{width:590px;float:left;margin-right:20px}.social-good-box .content .society-content .society-list .society-item .image{width:100%;height:355px;object-fit:cover;border:1px solid #f1f1f1}.social-good-box .content .society-content .society-list .society-item .p{width:456px;font-weight:400;font-size:20px;color:#121736;line-height:36px;padding-top:22px;margin:0 auto;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;text-align:center}.title{font-weight:600;font-size:44px;color:#121736;line-height:58px;display:inline-block;text-align:center;position:relative}.title::before{content:"";position:absolute;top:24px;left:-30px;width:10px;height:10px;background:#00b85c}.title::after{content:"";position:absolute;top:24px;right:-30px;width:10px;height:10px;background:#00b85c}.swiper-box{width:1200px;position:relative;margin-top:55px}.swiper-box .swiper-container .swiper-wrapper .swiper-slide{width:488px!important;height:460px;background:#fff;border:1px solid #e6e8eb;box-sizing:border-box;border-radius:10px;overflow:hidden}.swiper-box .swiper-container .swiper-wrapper .swiper-slide .image{height:320px}.swiper-box .swiper-container .swiper-wrapper .swiper-slide .p{height:106px;padding:24px 28px 0 25px;font-weight:400;font-size:20px;color:#121736;line-height:28px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;text-align:left}.swiper-box .swiper-button-next,.swiper-box .swiper-button-prev{width:64px;height:64px;margin-top:0;top:128px;cursor:pointer}.swiper-box .swiper-button-next::after,.swiper-box .swiper-button-prev::after{display:none}.swiper-box .swiper-button-prev{left:-100px;background:url(../images/common/prev-icon.png) center no-repeat}.swiper-box .swiper-button-next{right:-100px;background:url(../images/common/next-icon.png) center no-repeat}.detail-box{background:#f7f9fc}.detail-box .content{width:1200px;margin:0 auto;padding:0 0 70px 0;overflow:hidden;text-align:center}.detail-box .content .nav-list{margin:28px 0 64px;overflow:hidden}.detail-box .content .nav-list .nav-item{float:left;font-weight:400;font-size:16px;color:#999;line-height:24px}.detail-box .content .nav-list .nav-item a.link{color:#999}.detail-box .content .nav-list .nav-item i.icon{display:inline-block;padding:0 8px;font-style:normal}.detail-box .content>.p{width:790px;font-weight:400;font-size:20px;color:rgba(89,92,114,.65);line-height:28px;text-align:center;margin:0 auto;padding-top:20px}.detail-box .content .image-box{margin:30px auto 0;width:794px;text-align:center}.detail-box .content .image-box .p{font-weight:400;font-size:20px;color:#00b85c;line-height:28px;padding-top:20px}.detail-swiper-box{margin:40px auto 0;position:relative;width:792px}.detail-swiper-box .swiper-container{width:792px;margin-bottom:78px}.detail-swiper-box .swiper-container .swiper-wrapper .swiper-slide{width:792px;height:606px;background:#fff;border:1px solid #f7f9fc;box-sizing:border-box;border-radius:10px;overflow:hidden}.detail-swiper-box .swiper-container .swiper-wrapper .swiper-slide .image{height:510px}.detail-swiper-box .swiper-container .swiper-wrapper .swiper-slide .p{font-weight:400;font-size:20px;color:#121736;line-height:28px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;text-align:left;padding:20px 36px 0 36px}.detail-swiper-box .swiper-button-next,.detail-swiper-box .swiper-button-prev{width:64px;height:64px;margin-top:0;top:223px;cursor:pointer}.detail-swiper-box .swiper-button-next::after,.detail-swiper-box .swiper-button-prev::after{display:none}.detail-swiper-box .swiper-button-prev{left:-100px;background:url(../images/common/prev-icon.png) center no-repeat}.detail-swiper-box .swiper-button-next{right:-100px;background:url(../images/common/next-icon.png) center no-repeat}