/*  手机等小屏幕手持设备*/
@media screen and (min-width: 320px) and (max-width: 767px) {


    .socialresponsibility-title{
        font-size: 22px;
        color: #791a96;
        font-weight: 700;
        margin-bottom: 20px;
        margin-top: 26px;
        padding-left: 10px;
    }
    .socialresponsibility-English-title{
        font-size: 22px;
        color: #333333;
        opacity: 0.17;
        position: relative;
        top: -9px;
        font-weight: 100;
    }
    .socialresponsibility-img{
        width: 100%;
        height: auto;
        margin-bottom: 10px;
    }
    .socialresponsibility-sociology{

    }
    .socialresponsibility-content{
        padding-top: 11px;
        padding-bottom: 11px;
    }
    .socialresponsibility-content{
        position: relative;
        font-size: 14px;
        color: #333333;
        text-indent: 27px;
        padding-right: 30px
    }
    .flex-container {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
    }
    .sociology-responsibility-introduce{
        /* background: #fafafa; */
        margin-left: 0px;
        margin-bottom: 23px;
        padding: 10px;
        width: 100%;
    }
    .sociology-responsibility-padding{
        padding-left: 0px;
        line-height: 21px;
    }
    .socialresponsibility-content-text{
        padding-top: 7px;
        font-size: 16px;
        line-height: 42px;
    }

}
/*平板*/
@media screen and (min-width: 767px) and (max-width: 1024px) {


    .socialresponsibility-title{
        font-size: 34px;
        color: #791a96;
        font-weight: 700;
        margin-bottom: 63px;
    }
    .socialresponsibility-English-title{
        font-size: 31px;
        color: #333333;
        opacity: 0.17;
        position: relative;
        top: -13px;
        font-weight: 100;
    }
    .socialresponsibility-img{
        width: 100%;
        margin-bottom: 10px;
    }
    .socialresponsibility-sociology{

    }
    .socialresponsibility-content{
        padding-top: 11px;
        padding-bottom: 11px;
    }
    .socialresponsibility-content{
        position: relative;
        font-size: 14px;
        color: #333333;
        text-indent: 27px;
    }
    .flex-container {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
    }
    .sociology-responsibility-introduce{
        margin-left: 0px;
        margin-bottom: 187px;
        padding: 10px;
        font-size: 16px;
        margin-top: 10px;
    }
    .sociology-responsibility-padding{
        padding-left: 0px;
        line-height: 21px;
    }
    .socialresponsibility-content-text{
        margin-top: 10px;
        line-height: 42px;
    }

}

@media screen and (min-width: 1024px) and (max-width: 1250px) {

    .socialresponsibility-title{
        font-size: 34px;
        color: #791a96;
        font-weight: 700;
        margin-bottom: 63px;
    }
    .socialresponsibility-English-title{
        font-size: 31px;
        color: #333333;
        opacity: 0.17;
        position: relative;
        top: -13px;
        font-weight: 100;
    }
    .socialresponsibility-img{
        float: left;

        margin-botton: 10px;
        margin-right: 43px;
        width: 489px;
    }
    .socialresponsibility-sociology{

    }
    .socialresponsibility-content{
        /*padding-top: 11px;*/
        /*padding-bottom: 11px;*/
    }
    .socialresponsibility-content{
        position: relative;
        font-size: 14px;
        color: #333333;
        text-indent: 27px;
    }
    .flex-container {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
    }
    .sociology-responsibility-introduce{

        margin-left: 0px;
        margin-bottom: 187px;
        padding: 10px;
    }
    .sociology-responsibility-padding{
        padding-left: 0px;
        line-height: 21px;
    }
    .socialresponsibility-content-text{
        line-height: 42px;
        font-size: 16px;
        overflow-x: hidden;
        overflow-y: scroll;
        padding-top: 11px;
        padding-bottom: 11px;
        padding-right: 26px;
    }
    /*//滚动条凹槽的颜色，还可以设置边框属性*/

    .socialresponsibility-content-text::-webkit-scrollbar-track-piece {

        background-color:#fafafa;
    }

    /*//滚动条的宽度*/

    .socialresponsibility-content-text::-webkit-scrollbar {

        width:2px;
        height:2px;

    }

    /*//滚动条的设置*/

    .socialresponsibility-content-text::-webkit-scrollbar-thumb {

        background-color:#791a96;
        background-clip:padding-box;

        min-height:28px;

    }

    .socialresponsibility-content-text::-webkit-scrollbar-thumb:hover {

        background-color:#bbb;

    }

}
@media screen and (min-width: 1250px) and (max-width: 1350px) {

    .socialresponsibility-title{
        font-size: 34px;
        color: #791a96;
        font-weight: 700;
        margin-bottom: 63px;
    }
    .socialresponsibility-English-title{
        font-size: 31px;
        color: #333333;
        opacity: 0.17;
        position: relative;
        top: -13px;
        font-weight: 100;
    }
    .socialresponsibility-img{
        float: left;
        margin-top: 10px;
        margin-botton: 10px;
        margin-right: 43px;
        width: 489px;
    }
    .socialresponsibility-sociology{

    }
    .socialresponsibility-content{
        padding-top: 11px;
        padding-bottom: 11px;
    }
    .socialresponsibility-content{
        position: relative;
        font-size: 14px;
        color: #333333;
        text-indent: 27px;
    }
    .flex-container {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
    }
    .sociology-responsibility-introduce{

        margin-left: 0px;
        margin-bottom: 187px;
        padding: 10px;
    }
    .sociology-responsibility-padding{
        padding-left: 0px;
    }
    .socialresponsibility-content-text{
        padding-top: 7px;
        line-height: 42px;
        font-size: 16px;
        overflow-x: hidden;
        overflow-y: scroll;
        padding-top: 11px;
        padding-bottom: 11px;
    }
    /*//滚动条凹槽的颜色，还可以设置边框属性*/

    .socialresponsibility-content-text::-webkit-scrollbar-track-piece {

        background-color:#fafafa;
    }

    /*//滚动条的宽度*/

    .socialresponsibility-content-text::-webkit-scrollbar {

        width:2px;
        height:2px;

    }

    /*//滚动条的设置*/

    .socialresponsibility-content-text::-webkit-scrollbar-thumb {

        background-color:#791a96;
        background-clip:padding-box;

        min-height:28px;

    }

    .socialresponsibility-content-text::-webkit-scrollbar-thumb:hover {

        background-color:#bbb;

    }

}
/*pc*/
@media screen  and (min-width: 1350px) {

    .socialresponsibility-title{
        font-size: 34px;
        color: #791a96;
        font-weight: 700;
        margin-bottom: 63px;
    }
    .socialresponsibility-English-title{
        font-size: 31px;
        color: #333333;
        opacity: 0.17;
        position: relative;
        top: -13px;
        font-weight: 100;
    }
    .socialresponsibility-img{
        float: left;
        margin-top: 6px;
        margin-botton: 10px;
        margin-right: 43px;
        width: 489px;
    }
    .socialresponsibility-sociology{

    }
    .socialresponsibility-content{

    }
    .socialresponsibility-content{
        position: relative;
        font-size: 14px;
        color: #333333;
        text-indent: 27px;
    }
    .flex-container {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
    }
    .sociology-responsibility-introduce{

        margin-left: 0px;
        margin-bottom: 187px;
        padding: 10px;
    }
    .sociology-responsibility-padding{
        padding-left: 0px;
    }
    .socialresponsibility-content-text{
        padding-top: 11px;
        line-height: 42px;
        font-size: 16px;
        overflow-x: hidden;
        overflow-y: scroll;
        padding-top: 11px;
        padding-bottom: 11px;
        padding-right: 26px;
    }
    /*//滚动条凹槽的颜色，还可以设置边框属性*/

    .socialresponsibility-content-text::-webkit-scrollbar-track-piece {

        background-color:#fafafa;
    }

    /*//滚动条的宽度*/

    .socialresponsibility-content-text::-webkit-scrollbar {

        width:2px;
        height:2px;

    }

    /*//滚动条的设置*/

    .socialresponsibility-content-text::-webkit-scrollbar-thumb {

        background-color:#791a96;
        background-clip:padding-box;

        min-height:28px;

    }

    .socialresponsibility-content-text::-webkit-scrollbar-thumb:hover {

        background-color:#bbb;

    }




}