/* 企业责任 */

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

.together-box{
	width: 100%;
	position: relative;
}
.together-box .bg{
	width: 100%;
	display: block;
}
.together-box .mobile-box{
	display: none;
}
.together-box .go-icon{
	margin-top: 12px;
}
.together-box .mess-box{
	position: absolute;
	left: 80px;
	top: 26%;
}
.together-box .mess-box h2{
	font-family: 'TencentSansW7';
	font-size: 30px;
	color: #2A2E2E;
	letter-spacing: 0;
	margin-bottom: 8px;
}
.together-box .mess-box .desc{
	font-size: 16px;
	color: #2A2E2E;
	letter-spacing: 0;
	line-height: 29px;
}
.together-box .go-icon {
    width: 40px;
    margin-top: 24px;
    display: block;
}
.together-box .go-icon img {
    width: 100%;
    position: relative;
}

#respon-con-0-1 .mess-box h2,
#respon-con-0-1 .mess-box .desc {
    color: #FFFFFF;
}
#respon-con-5 .mod-type-box .item .label {
    font-family: PingFang SC, -apple-system, Helvetica Neue, Helvetica, BlinkMacSystemFont, Microsoft YaHei, tahoma, Arial, Open Sans, Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, sans-serif;
}

#respon-con-5 .mod-type-box .item .mask-bg {
    filter: brightness(70%);
}
#respon-con-5 .mod-type-box .item:hover .mask-bg {
    filter: brightness(30%);
}
#respon-con-3 .mod-type-box .item .desc{
    margin-bottom: -30px;
    display: block;
}
#respon-con-5 .mod-type-box .item .desc{
    margin-bottom: -30px;
    display: block;
}
#respon-con-5 .mod-type-box .item {
    width: calc(50% - 30px);
    margin: 15px;
}
#respon-con-5 .mod-type-box .item:last-child {
    margin: 10px 25%;
}
#respon-con-3 .mod-type-box .item:hover .desc{
    margin-bottom: 0px !important;
    opacity: 1;
}
#respon-con-5 .mod-type-box .item:hover .desc{
    margin-bottom: 0px !important;
    opacity: 1;
}

.data-privacy {
    margin-top: 96px;
}
.data-privacy .together-box .mess-box h2 {
    color: #ffffff;
}

.data-privacy .together-box .mess-box img {
    filter: brightness(99);
}
@media all and (max-width:1024px){
	.responsibility .mod-section-ad h2{ margin-top:110px;}
}
@media all and (max-width:820px){
    .responsibility .data-privacy {
        margin-top: 96px;
    }
}

@media all and (max-width:768px){
	.responsibility .mod-section-ad h2{ width:375px;}
    .mod-type-box .item .mess {
        height: 66%;
    }
    #respon-con-5 .mod-type-box .item {
         width: 50%;
         margin: 0;
    }
    .responsibility .together-box .pc-box {
        display: block;
    }
    .responsibility .together-box .mess-box {
        width: 50%;
    }
    .responsibility .together-box .mobile-box {
        display: none;
    }
    .responsibility .data-privacy {
        margin-top: 36px;
    }
}


@media all and (max-width:750px){
	.responsibility .mod-section-ad h2{ margin-top:40px;}
    #respon-con-5 .mod-type-box .item {
        width: 100%;
        margin: 0 0 12px 0;
    }
    #respon-con-5 .mod-type-box .item:last-child {
        margin: 0 0 12px 0;
    }
    .responsibility .together-box .pc-box {
        display: none;
    }
    .responsibility .together-box .mobile-box {
        display: block;
    }
    .responsibility .together-box .mess-box {
        width: 90%;
    }
    .responsibility .mod-graph-box .l-graph,
    .responsibility .mod-graph-box .r-graph {
        padding: 0 12px;
        box-sizing: border-box;
        margin-left: 0;
        margin-right: 0;
    }
}

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