/* 企业责任 */

.responsibility .mod-section-ad h2{ width:500px;}

.together-box{
	width: 100%;
	position: relative;
	margin-bottom: 96px;
}
.together-box .bg{
    background-color: #0c7e68;
	width: 100%;
	display: block;
	height:360px;
    border-radius: 10px;
}
.together-box .mobile-box{
	display: none;
}
.together-box .go-icon{
	margin-top: 12px;
}
.together-box .mess-box{
     position: absolute;
     left: 80px;
     top: 16%;
 }
.en-us .together-box .mess-box{
    position: absolute;
    left: 80px;
    top: 10%;
}
@media screen and (max-width: 768px){
    .en-us .together-box .mess-box{
        position: absolute;
        left: 10px;
        top: 0%;
    }
}
.together-box .mess-box h2{
	font-family: 'SourceHanSansCN-Bold';
	font-size: 30px;
	color: #2A2E2E;
	letter-spacing: 0;
	margin-bottom: 8px;
}
.together-box .mess-box .desc{
	font-size: 16px;
	letter-spacing: 0;
	line-height: 29px;
	color: #fff;
	padding-right: 120px;
}
.together-box .go-icon {
    width: 40px;
    margin-top: 24px;
    display: block;
}
.together-box .go-icon img {
    width: 100%;
    position: relative;
}

@media all and (max-width:1024px){
	.responsibility .mod-section-ad h2{ margin-top:110px;}
}


@media all and (max-width:768px){
	.responsibility .mod-section-ad h2{ width:375px;}
}


@media all and (max-width:750px){
	.responsibility .mod-section-ad h2{ margin-top:40px;}
}

@media all and (max-width:375px){
	.responsibility .mod-section-ad h2{ width:275px;}
}

div#respon-con-2 {
	padding: 50px 0 50px 0;
}
div#respon-con-3{
	padding-top: 0px;
}
h3{
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 24px;
    color: #2a2e2e;
    font-family: 'SourceHanSansCN-Bold';
}
p .desc{
    font-size: 14px;
    line-height: 25px;
}

.mess-text{
    width: 344px;
    padding-right: 64px;
    float: left;
    margin-left: 10%;
}

.en-us .mess-text{
    width: 450px;
    padding-right: 64px;
    float: left;
    margin-left: 10%;
}
@media screen and (max-width: 768px){
    .mess-text{
        width: 300px;
        padding-right: 64px;
        float: left;
        margin-left: 0;
    }
    .en-us .mess-text{
        width: 300px;
        margin-left: 0;
    }
}
.mod-s-con h3{
    text-align: center;
    padding-bottom: 15px;
}
@media screen and (max-width: 768px){
    .mod-s-con h3{
        text-align: left;
    }
    .en-us .mod-s-con h3{
        text-align: left;
        font-size: 20px;
    }
}
@media screen and (max-width: 1500px){
    .mod-s-con {
        padding-left: 10%;
        margin-top: 10%;
    }
}
.section-item .product-box .box {
    width: 20%;
    min-height: 224px;
    float: left;
    text-align: center;
    padding-top: 26px;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-transition: background-color 0.2s linear;
}

/*责任模块*/
.en-us .resp_area{ display:block; width:1280px; height:650px; margin: 0px auto 0px; /*background:url(/images/index/bg_4.png) no-repeat 0 0; background-size: contain;*/ position: relative;}
@media screen and (max-width: 768px){
    .en-us .resp_area{height:750px;}
}
.resp_area{ display:block; width:1280px; height:400px; margin: 0px auto 0px; /*background:url(/images/index/bg_4.png) no-repeat 0 0; background-size: contain;*/ position: relative;}
.resp_area .public_welfare{ display:block; width:450px; height:525px; position: absolute; left: 0px; top: 0px;}
.resp_area .slide_area{ display:block; width:450px; height:525px; position: absolute; left: 50%; top: 0px; overflow: hidden;}
.resp_area .slide_list{
    display:block; width:100%; height:525px; position: relative;
}
.resp_area .slide_list li{ width:450px; height:525px;position: absolute;opacity: 0;transition: opacity 0.3s linear;
    -moz-transition: opacity 0.3s linear;
    -ms-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    -webkit-transition: opacity 0.3s linear;left: 0;top:1;}
.resp_area .slide_list li a{
    display: block;
    color: #000;
    position: absolute;
    width: 100%;
    height: 100%;
}
.resp_area .slide_list li.active{
    opacity: 1;
}
.resp_area .slide_list li .shadow_bg{ display:block; width:100%; height:30%; position: absolute; left: 0px; bottom: 0px; pointer-events: none;}
.resp_area .slide_list li .img{ display:block; width:345px; height:400px; position: absolute; left: 0px; top: 0px;}
.resp_area .slide_list li .img1{
    background: url(/images/responsibility/renzheng-1.jpg) no-repeat center center;background-size: cover;
}
.resp_area .slide_list li .img2{
    background: url(/images/responsibility/renzheng-2.jpg) no-repeat center center;background-size: cover;
}
.resp_area .slide_list li .img3{
    background: url(/images/responsibility/renzheng-3.jpg) no-repeat center center;background-size: cover;
}
.resp_area .slide_list li .img4{
    background: url(/images/responsibility/renzheng-4.jpg) no-repeat center center;background-size: cover;
}
.resp_area .slide_list li .img5{
    background: url(/images/responsibility/renzheng-5.jpg) no-repeat center center;background-size: cover;
}
.resp_area .slide_list li .img6{
    background: url(/images/responsibility/renzheng-6.jpg) no-repeat center center;background-size: cover;
}
.resp_area .slide_list li .img7{
    background: url(/images/responsibility/renzheng-7.jpg) no-repeat center center;background-size: cover;
}
.resp_area .slide_list li .img8{
    background: url(/images/responsibility/renzheng-8.png) no-repeat center center;background-size: cover;
}
.resp_area .slide_list li .img9{
    background: url(/images/responsibility/renzheng-9.png) no-repeat center center;background-size: cover;
}
.resp_area .slide_list li .tit{ display:block; width: 450px;font-size: 24px; position: absolute; left: 53px; bottom: 107px;z-index: 1;font-family: 'SourceHanSansCN-Bold';}
.resp_area .slide_list li .txt{ display:block; width: 450px; font-size: 16px;    color: #000; position: absolute; left: 52px; bottom: 41px; line-height: 29px;z-index: 1;font-family: 'SourceHanSansCN';}

.resp_area .public_welfare .hook_tri{ display:block; width:43px; height:525px; background: url(/images/index/i_tri.png) no-repeat 0 0; background-size:  contain; position: absolute; right: 0px; bottom: 0px;}
.resp_area .slide_area .icon_arrow{ display:block; width:10px; height:16px; background: url(/images/index/sli-left-icon.png) no-repeat center; position: absolute; right: 144px; bottom: 116px; margin-top:-30px;z-index:5;background-size: 10px 16px;padding: 5px;cursor: pointer; display: none\9; opacity: 0; transition: opacity 0.2s linear;}
.resp_area .slide_area .icon_arrow_r{ left: auto; right: 98px; background: url(/images/index/sli-right-icon.png) no-repeat center;background-size: 10px 16px;}
.resp_area .slide_area:hover .icon_arrow{
    display: block;
    opacity: 1;
}

.en-us .resp_area .slide_area .icon_arrow{ right:84px; bottom: 15px;}
.en-us .resp_area .slide_area .icon_arrow_r{ right:48px;}
.resp_area .resp_details{ display:block; width: 450px; position: absolute; left: 50%; margin-left: 68px; top: 50%; margin-top: -8.3%;}
.resp_area .resp_details .tit{ display:block; color: #0c7e68; width: 450px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size:36px; margin-bottom: 20px;font-family: 'SourceHanSansCN-Bold';}
.resp_area .resp_details .txt{ display:block; color: #5f6464; width: 450px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size:20px; margin-bottom: 40px;font-family: 'SourceHanSansCN';}
.resp_area .resp_details .indexTxt{ white-space: inherit;font-size: 16px;}
.indexTxt span{margin-left: 30%;}
.resp_area .resp_details .icon_arrow_r{ display:block; width: 38px; height: 16px; background: url(/images/index/icon_arrow_r_dark.png) no-repeat 0 0; margin-left: 3px;background-size: 100% 100%;}

.en-us .resp_area .resp_details .txt{ white-space:normal; }

.mod-type-box2{
    margin-top: 45px;
    padding: 0 10% 0 10%;
}
.mod-type-box2 .item {
    width: 30%;
    float: left;
    position: relative;
    overflow: hidden;
    margin-left: 10%;
}
@media screen and (max-width: 768px){
    .mod-type-box2{
        margin-top: 100px;
        padding: 0 10% 0 10%;
    }
    .mod-type-box2 .item {
        width: 100%;
        float: left;
        position: relative;
        overflow: hidden;
        margin-left: 0;
    }
}

@media screen and (max-width: 768px){
    .brand-item.white-bg {
        padding-top: 0;
    }
}

.mod-type-box2 .item .mask-bg {
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
}
.mod-type-box2 .item .mask-bg img {
    width: 100%;
    display: block;
    padding-top: 20px;
}
.boxshadow{height: 420px;box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 10px 0px;padding: 20px;}
.en-us .boxshadow{height: 500px;}

@media screen and (max-width: 768px){
    .boxshadow{height: 800px;box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 10px 0px;padding: 20px;}
    .en-us .boxshadow{height: 1200px;}
    .together-box .bg{height: 300px;}
    .en-us .together-box .bg{height: 360px;}
}