.banner-about-top{position:relative;background-position: center center; background-repeat: no-repeat; background-size: cover;width:94%;margin:0 auto;margin-top:30px}
.banner-about-top:before{content:"";background:rgba(0,0,0,0.4);display:block;width:100%;height:100%;position:absolute;left:0;top:0;z-index: 10;}
.banner-about-top .w1410{height:100%;position:relative;z-index:15;min-height:750px;}
.about-banner-title{position:absolute;left:0;bottom:180px}
.about-banner-title h1{font-size:53px; font-weight:900; line-height: 1.2em; letter-spacing: -2px;color:#fff;margin-bottom:40px}
/**/
#responsibility-slide{position:absolute;left:0;top:0;width:100%;height:100%;z-index:5}
#swiper-slider-responsibility{height:100%}
#swiper-slider-responsibility .swiper-slide p{background-repeat:no-repeat;background-position:center center;background-size: cover;display:block;height:100%}
#swiper-slider-responsibility .swiper-slide p{transition-property: transform;
    transition-duration: 10s;
    transition-timing-function: linear;}
#swiper-slider-responsibility .swiper-slide.swiper-slide-active p{transform: scale(1.3)}
/**/
.responsibility-inner{padding-top:80px;padding-bottom:80px}
.responsibility_desc{padding-left:17%; margin-bottom:50px}
.responsibility_desc p{font-size: 20px;line-height:1.4em;max-width:740px;margin-left:130px;position:relative;margin-top:50px}
.responsibility_desc p:before{background:#bcbcbc;content:"";width:100px;height:2px;display:block;position:absolute;left:-130px;top:15px}
.responsibility_desc h2{font-size: 30px; font-weight: 700; line-height: 1.3em;}
/**/
.responsibility_lt{width:33%;display: flex;justify-content: center;align-items: center;}
.responsibility_flex img{width:35%;height:auto}
.responsibility_rt{width:32%;display: flex;justify-content: center;align-items: center;}
.responsibility_rt_desc{font-size: 20px; padding-left:50px;line-height:1.4em}
.responsibility_lt_desc{background:#EA5520;padding:40px;color:#fff}
.responsibility_lt_desc h5{font-size: 12px; font-weight: 400; letter-spacing: 1.3px; margin-bottom:120px}
.responsibility_lt_desc h2{ font-size: 48px; font-weight: 700; line-height:1}
/**/
.responsibility-items{}
.responsibility-items li{margin-top:70px;}
.responsibility-items li img{width:50%;height:auto}
.about_why_desc{display: flex;justify-content: center;align-items: center;width:50%;padding-left:90px}
.about_h2{ font-size: 36px; line-height: 1.2em; margin-bottom:20px; font-weight:700}
.about_why_p{font-size:20px;line-height:1.4em}
.responsibility-items li:nth-child(2n) .about_why_desc{padding-left:0;padding-right:90px}
/**/
.responsibility_bg{position:relative;padding:100px 0;background-position:center center;background-size:cover; background-attachment: fixed;}
.responsibility_bg:before{width:100%;height:100%;content:"";display:block;background:rgba(0,0,0,0.8);z-index:10;position:absolute;left:0;top:0}
.responsibility_bg .w1410{position:relative;z-index:15}
.responsibility-bg-p{line-height:1.8;color:#fff;font-size:20px;}
.responsibility-bg-p p{margin-bottom:20px;}
.responsibility-bg-h4{width:19%;display: flex;justify-content: center;align-items: center; padding-right:20px}
.responsibility-bg-h4 h4{font-size: 35px;text-transform: uppercase;  line-height: 1em;color:#fff;}
.responsibility-bg-p{width:81%;}
@media(max-width:1495px) {
.banner-about-top { width: calc(100% - 40px); }
.about-banner-title { left:60px }
}
@media(max-width:1300px) {
.banner-about-top .w1410 { min-height:600px }
.about-banner-title { left:60px; bottom:100px }
}
@media(max-width:1100px) {
.banner-about-top { width:100%; margin:0 }
.banner-about-top .w1410 { min-height:400px }
.about-banner-title { left:30px; bottom:60px }
.about-banner-title h1 { font-size:48px }
.responsibility-inner{padding:60px 0}
.responsibility_desc{padding-left:0;}
.responsibility_desc p{margin-top:20px;max-width:100%}
.responsibility_lt{width:50%;}
.responsibility_flex img{width:50%;padding-left:30px}
.responsibility_rt{width:100%;margin-top: 30px;}
.responsibility_rt_desc{padding-left:0;}
.about_why_desc{padding-left:30px}
.responsibility-items li:nth-child(2n) .about_why_desc{padding-right:30px}
.responsibility-items li{margin-top:30px}
.responsibility_lt_desc h5{margin-bottom:80px}
.responsibility-bg-h4{width:100%}
.responsibility-bg-p{width:100%;margin-top:20px}
.responsibility_bg{padding:80px 0}
}
 @media(max-width:1080px) {

}
@media(max-width:800px) {
.banner-about-top .w1410 { min-height:265px }
.about-banner-title { left:10px; bottom:20px; padding-right:10px; }
.about-banner-title h1 { font-size:32px }
.responsibility_lt{width:100%; display: block;}
.responsibility_lt_desc h2{ font-size:32px;}
.responsibility_lt_desc h5{margin-bottom:20px}
.responsibility_lt_desc{padding:20px}
.responsibility_flex img{width:100%;padding-left:0;margin-top:20px}
.responsibility_rt{margin-top:20px}
.responsibility-items li img{width:100%;margin-bottom:20px}
.about_why_desc{width:100%;padding-left:0}
.about_h2{font-size:22px;}
.about_why_p{font-size:16px;}
.responsibility-items li:nth-child(2n) .about_why_desc{padding-right:0;margin-bottom:20px}
.responsibility-inner{padding-bottom:40px}
.responsibility_bg{padding:60px 0}
}
@media(max-width:768px) {

}
@media(max-width:700px) {

}
@media(max-width:640px) {

}

@media(max-width:450px) {
 
}