/*板块标题*/
.duty-title {}
.duty-title h5 {
    display: inline-block;
    font-size: 48px;
    color:#014588;
    font-weight: bold;
    letter-spacing: 0;
    text-transform: uppercase;
    background-image: linear-gradient(to right,#004386 0,#1f3853 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.duty-title h6 {
    font-size: 20px;
    color:#3a3a3a;
    opacity:0.6;
    margin:30px 0 0 0;
}
@media screen and (max-width:1024px){
.duty-title {}
.duty-title h5 {
    font-size: 24px;
}
.duty-title h6 {
    font-size: 14px;
    margin:10px 0 0 0;
}
}
/*板块标题 end*/


/*捐赠项目*/
.project {
    background: linear-gradient(#f4fafb,#ecf8fa);
}

.project .project-item {
    margin:3% 0;
}
.project .project-item .project-content {
    overflow:hidden;
}

.project .project-item .project-content .word {
    position:relative;
    float:right;
    width:58%;
    padding: 50px 0 50px 5%;
    box-sizing: border-box;
    height: 100%;
}

.project .project-item .project-content .word .tit {
    position: relative;
    border-bottom: 2px solid #f5f5f5;
}
.project .project-item .project-content .word .tit::after {
    content: "";
    position: absolute;
    left: 0%;
    bottom: 0%;
    width: 20%;
    height: 3px;
    background: #037ab9;
}
.project .project-item .project-content .word .tit h2 {
    display: inline-block;
    font-size: 48px;
    color: #014588;
    font-weight: bold;
    letter-spacing: 0;
    text-transform: uppercase;
    background-image: linear-gradient(to right,#004386 0,#1f3853 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.project .project-item .project-content .word .tit h3 {

    font-size: 20px;
    color: #666;
    padding-top: 20px;
    padding-bottom: 30px;
    margin-top: 0;
}

.project .project-item .project-content .word .content {
    margin:5% 0 15% 0;
    height: 430px;
    padding: 0 5% 0 0;
    overflow-x: auto;
}
.project .project-item .project-content .word .content::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background:#f1f1f1;
}
.project .project-item .project-content .word .content ul::-webkit-scrollbar-thumb {
    border-radius: 0px;
    -webkit-box-shadow: 0 0 6px rgba(0,0,0,.1);
    background: #037ab9;
}
.project .project-item .project-content .word .content ul {}
.project .project-item .project-content .word .content ul li {}
.project .project-item .project-content .word .content ul li .list-tit {
    padding:20px 0;
    border-bottom: 2px solid #f5f5f5;
}
.project .project-item .project-content .word .content ul li .list-tit h3 {
    font-size: 24px;
    color:#666;
}

.project .project-item .project-content .word .content ul li .matter {}
.project .project-item .project-content .word .content ul li .matter p {
    position:relative;
    font-size: 16px;
    color: #999;
    line-height: 1.8;
    margin: 0 0 10px 0;
}
.project .project-item .project-content .word .content ul li .matter p::before {
    content: "";
    width: 4px;
    height: 4px;
    background: #037ab9;
    margin: 0 10px;
    display: inline-block;
    vertical-align: middle;
}


.project .project-item .project-content .photo {
    float:left;
    width:41%;
    position:relative;
}
.project .project-item .project-content .photo img {
    width:100%;
}
.project .project-item .project-content .photo::after {
    opacity:0.4;
    content: '';
    width: 94%;
    height: 90%;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 2;
    transition: all 0.6s ease;
}

.project .project-item .project-content .photo::before {
    opacity:0.4;
    content: '';
    width: 90%;
    height: 94%;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 2;
    transition: all 0.6s ease;
}
@media screen and (max-width:1024px){
.project {
    background: linear-gradient(#f4fafb,#ecf8fa);
}

.project .project-item {
    margin:8% 0;
}
.project .project-item .project-content {
    overflow:hidden;
}

.project .project-item .project-content .word {
    width:100%;
    padding: 50px 0 50px 5%;
    height: 100%;
}

.project .project-item .project-content .word .tit {
    position: relative;
    border-bottom: 2px solid #f5f5f5;
}
.project .project-item .project-content .word .tit::after {
    content: "";
    position: absolute;
    left: 0%;
    bottom: 0%;
    width: 20%;
    height: 3px;
    background: #037ab9;
}
.project .project-item .project-content .word .tit h2 {
    font-size: 24px;
}
.project .project-item .project-content .word .tit h3 {
    font-size: 16px;
    padding-top: 10px;
    padding-bottom: 15px;
    margin-top: 0;
}

.project .project-item .project-content .word .content {
    margin:5% 0 15% 0;
    height: 430px;
    padding: 0 5% 0 0;
    overflow-x: auto;
}
.project .project-item .project-content .word .content::-webkit-scrollbar {
    width: 2px;
    height: 4px;
    background:#f1f1f1;
}
.project .project-item .project-content .word .content ul::-webkit-scrollbar-thumb {
    border-radius: 0px;
    -webkit-box-shadow: 0 0 6px rgba(0,0,0,.1);
    background: #037ab9;
}
.project .project-item .project-content .word .content ul {}
.project .project-item .project-content .word .content ul li {}
.project .project-item .project-content .word .content ul li .list-tit {
    padding:20px 0;
    border-bottom: 2px solid #f5f5f5;
}
.project .project-item .project-content .word .content ul li .list-tit h3 {
    font-size: 16px;
    color:#666;
}

.project .project-item .project-content .word .content ul li .matter {}
.project .project-item .project-content .word .content ul li .matter p {
    position:relative;
    font-size: 14px;
    color: #999;
    line-height: 1.8;
    margin: 0 0 10px 0;
}
.project .project-item .project-content .word .content ul li .matter p::before {
    content: "";
    width: 4px;
    height: 4px;
    background: #037ab9;
    margin: 0 10px;
    display: inline-block;
    vertical-align: middle;
}


.project .project-item .project-content .photo {
    display: none;
    width:100%;
}
.project .project-item .project-content .photo img {
    width:100%;
}
.project .project-item .project-content .photo::after {
}
.project .project-item .project-content .photo::before {
}    
}
/*捐赠项目*/

/*公益项目*/
.change {
    position: relative;
}
.change-list {}
.change-list ul {}
.change-list ul li {
    position: relative;
    overflow: hidden;
}

.change-list ul li .photo {
    width:50%;
    overflow:hidden;
}
.change-list ul li .photo img {
    width:100%;
    animation: efeect-photo 10s linear infinite;
}

.change-list ul li .container {
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
}
.change-list ul li .container .word {
    width: 50%;
    padding: 5% 4%;
}

.change-list ul li .container .word .tit {
}
.change-list ul li .container .word .tit h3 {
    display: inline-block;
    font-size: 48px;
    color: #014588;
    font-weight: bold;
    letter-spacing: 0;
    text-transform: uppercase;
    background-image: linear-gradient(to right,#004386 0,#1f3853 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.change-list ul li .container .word .content {
    height:200px;
    margin:10% 0 0 0;
}
.change-list ul li .container .word .content p {
    font-size: 16px;
    color: #666;
    line-height: 1.8;
    margin:0 0 20px 0;
}
@media screen and (max-width:1024px){
.change {
    position: relative;
}
.change-list {}
.change-list ul {}
.change-list ul li {
    position: relative;
    overflow: hidden;
}

.change-list ul li .photo {
    width:100%;
    overflow:hidden;
}
.change-list ul li .photo img {
    animation: efeect-photo 10s linear infinite;
}

.change-list ul li .container {
    position:relative;
}
.change-list ul li .container .word {
    width: 100%;
    padding: 10% 4%;
}

.change-list ul li .container .word .tit {
}
.change-list ul li .container .word .tit h3 {
    font-size: 24px;
}
.change-list ul li .container .word .content {
    height: auto;
    margin:10% 0 0 0;
}
.change-list ul li .container .word .content p {
    font-size: 14px;
    color: #666;
    line-height: 1.8;
    margin:0 0 20px 0;
}
.change-list ul li .container .word .go {
    margin:40px 0 0 0;
}
}
/*公益项目 end*/

/*环境责任*/
.environment {
    position: relative;
    overflow: hidden;
}

.environment::before {
    position: absolute;
    left: 0%;
    top: 0%;
    content: "";
    width: 70%;
    height: 100%;
    z-index: 1;
    *background-image: linear-gradient(to right,rgba(254,246,236,1) 50%,rgba(0,0,0,.0) 100%);
}
.environment .word {
    position: absolute;
    top: 20%;
    left: 4%;
    z-index: 2;
    width: 100%;
    max-width: 800px;
    height: 100%;  
}

.environment .word h5 {
    display: inline-block;
    font-size: 48px;
    color: #fff;
    font-weight: bold;
    letter-spacing: 0;
}
.environment .word  p {
    font-size: 16px;
    color: #fff;
    line-height: 1.8;
    opacity: 1;
    margin: 30px 0 0 0;
}
@media screen and (max-width:1024px){
.environment {
    position: relative;
    overflow: hidden;
}

.environment::before {
    position: absolute;
    left: 0%;
    top: 0%;
    content: "";
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom,rgba(62,92,112,1) 50%,rgba(0,0,0,.0) 100%);
}
.environment .word {
    top: 0%;
    left: 0%;
    width: 100%;
    max-width: 800px;
    height: 100%;
    padding:10% 5%; 
}

.environment .word h5 {
    font-size: 24px;
}
.environment .word  p {
    font-size: 14px;
    line-height: 1.6;
    margin: 10px 0 0 0;
}   
}
/*环境责任*/

/*绿色证书*/
.duty-honor {
    padding:3% 0;
}

.duty-honor .honor-item {
    padding:3% 0;
}
.duty-honor .honor-item .swiper-honor {
    margin:0% 0;
}
.duty-honor .honor-item .swiper-honor ul {
}
.duty-honor .honor-item .swiper-honor ul li {
    padding:1%;
}
.duty-honor .honor-item .swiper-honor ul li .box {
    margin:1%;
}
.duty-honor .honor-item .swiper-honor ul li .photo {
    background: #fff;
    padding:5%;
    border:5px solid  #f6f6f6;
}
.duty-honor .honor-item .swiper-honor ul li .photo img {
    width:100%;
}
.duty-honor .honor-item .swiper-honor ul li .word {
    padding:10px 0;
}
.duty-honor .honor-item .swiper-honor ul li .word h3 {
    font-size: 16px;
    color:#666;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
@media screen and (max-width:1024px){
.duty-honor {
    padding:8% 0;
}

.duty-honor .honor-item {
    padding:5% 0;
}
.duty-honor .honor-item .swiper-honor {
    margin:3% 0;
}
.duty-honor .honor-item .swiper-honor ul {
}
.duty-honor .honor-item .swiper-honor ul li {
}
.duty-honor .honor-item .swiper-honor ul li .photo {
    background: #fff;
    padding:5%;
    border:3px solid  #f6f6f6;
}
.duty-honor .honor-item .swiper-honor ul li .photo img {
    
}
.duty-honor .honor-item .swiper-honor ul li .word {
    padding:10px 0;
}
.duty-honor .honor-item .swiper-honor ul li .word h3 {
    font-size: 14px;
}
}
/*绿色证书*/


/*最新动态*/
.duty-news {
    padding:3% 0;
    background: #f6f6f6;
}
.duty-news .news-item {
    padding:3% 0;
}
.duty-news .news-item .swiper-news {}
.duty-news .news-item .swiper-news ul {}
.duty-news .news-item .swiper-news ul li {
    padding:0.5%;
    overflow:hidden;
}
.duty-news .news-item .swiper-news ul li .box {
    padding:2%;
    background: #fff;
    overflow:hidden;
}
.duty-news .news-item .swiper-news ul li .photo {
    width: 100%;
    height: 0;
    padding-top: 67.15%;
    overflow: hidden;
    position: relative;
}
.duty-news .news-item .swiper-news ul li .photo .photo-box {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
}
.duty-news .news-item .swiper-news ul li .photo .photo-box img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: all 0.6s ease;
}
.duty-news .news-item .swiper-news ul li .word {
    padding:4% 2%;
}
.duty-news .news-item .swiper-news ul li .word h3 {
    font-size: 20px;
    color: #231815;
    font-weight: bold;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.duty-news .news-item .swiper-news ul li .word p {
    font-size: 14px;
    color: #999;
    line-height: 1.6;
    margin: 5% 0 2% 0;
}
.duty-news .news-item .swiper-news ul li .word time {
    display:inline-block;
    font-size: 14px;
    color: #999;
    font-style: normal;
}
.duty-news .news-item .swiper-news ul li .word time::before {
    content: "";
    width: 20px;
    height: 40px;
    background: url(../images/time-icon.svg) no-repeat center center/18px;
    margin: 0 5px 0 0;
    display: inline-block;
    vertical-align: middle;
}

.duty-news .news-item .go {
     margin:30px 0 0 0;
}
@media screen and (max-width:1024px){
.duty-news {
    padding:8% 0;
}
.duty-news .news-item {
    padding:5% 0;
}
.duty-news .news-item .swiper-news {}
.duty-news .news-item .swiper-news ul {}
.duty-news .news-item .swiper-news ul li {
    padding:1%;
    overflow:hidden;
}
.duty-news .news-item .swiper-news ul li .photo {
}
.duty-news .news-item .swiper-news ul li .photo img {
    width:100%;
}
.duty-news .news-item .swiper-news ul li .word {
    padding:4% 2%;
}
.duty-news .news-item .swiper-news ul li .word h3 {
    font-size: 16px;
}
.duty-news .news-item .swiper-news ul li .word p {
    font-size: 14px;
    line-height: 1.6;
    margin: 5% 0 2% 0;
}
.duty-news .news-item .swiper-news ul li .word time {
    font-size: 14px;
}
.duty-news .news-item .swiper-news ul li .word time::before {
    width: 20px;
    height: 40px;
    background: url(../images/time-icon.svg) no-repeat center center/14px;

}
}
/*最新动态 end*/