/* 责任 */

.responsibility {

    padding: 25px 0 165px 0;

    background: #f8f8f8;

    position: relative;

}

.responsibility::after {

    position: absolute;

    right: 0;

    top: 0;

    bottom: 0;

    width: 35%;

    background: #252525;

    content: "";

}



.responsibility_size {

    color: #5a5858;

    font-size: .9375rem;

    line-height: 1.75rem;

}

.responsibility_size p{

    margin-bottom: 10px;

	font-size:14px;

}

.responsibility_div .fl {

    width: 35%;

}



.responsibility_div .fr {

    width: 55%;

}

.responsibility_div{

    margin-top: 50px;

}

.responsibility_size {

    margin-top: 35px;

}



/* .responsibility_lb {

    margin-top: 45px;

} */



.responsibility_box .education_video {

    color: #5a5858;

    text-align: left;

    top: auto;

    right: auto;

    margin-top: 0px;

    position: absolute;

    left: 0;

    bottom: 0;

}



.responsibility_box .education_video_size{

    /* top: 0; */

    border-bottom: 1px solid #5a5858;

}



.responsibility_lb .swiper-button-next,

.responsibility_lb .swiper-button-prev {

    background: none;

    top: auto;

    bottom: -1%;

    opacity: 1;

}



.responsibility_lb .swiper-button-next {

    right: auto;

    left: 38%;

}



.responsibility_lb .swiper-button-prev {

    left: 33%;

}



.responsibility_lb .swiper-button-next .iconfont,

.responsibility_lb .swiper-button-prev .iconfont {

    color: #333333;

    font-size: 1.875rem;

}



.responsibility_lb .swiper-button-prev:hover .iconfont,

.responsibility_lb .swiper-button-next:hover .iconfont {

    color: #d3263a;

}



.responsibility_sed_ul {

    width: 77.5%;

    margin: 0 auto;

    padding: 34px 0;

    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);

}



.responsibility_sed_top sup {

    color: #333333;

    font-size: 1rem;

    top: -1.1em;

}



.responsibility_sed_top {

    color: #F37F08;

    font-size: 3rem;

}



.responsibility_sed_ul li {

    width: 25%;

    float: left;

    text-align: center;

    border-left: 1px solid #dddcdc;

}

.responsibility_sed_ul li:nth-of-type(1){

    border-left: none;

}

.responlist {

    padding: 60px 0 80px 0;

}



.responsibility_sed_ul li:nth-of-type(3) .responsibility_sed_top sup {

    font-size: 1.875rem;

    top: -0.45em;

    font-weight: 300;

}



.responsibility_sed_ul {

    position: relative;

    margin-top: -90px;

    z-index: 55;

    background: #fff;

}



.responsibility_sed_ul li>div:nth-of-type(2) {

    color: #5a5858;

    font-size: 1rem;

    margin-top: 5px;

}



.responlist_box_div {

    margin: 0 auto;

    width: 90%;

}



.responlist_size {

    background: #f8f8f8;

    padding: 25px;

    position: relative;

    margin-top: -35px;

}



.responlist_size a {

    color: #333333;

    font-size: 1.125rem;

    font-weight: bold;

    display: block;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    

    text-overflow: ellipsis;

    -webkit-line-clamp: 2;

    overflow: hidden;

    position: relative;

    line-height: 1.556;

    height: 55px;

}



.responlist_size p:nth-of-type(1)::after {

    width: 52px;

    height: 2px;

    background: #d3263a;

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    transition: all 0.4s ease-in-out;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

}



.responlist_size p:nth-of-type(1) {

    color: #5a5858;

    font-size: .875rem;

    line-height: 1.786;

    margin: 15px 0;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    text-overflow: ellipsis;

    -webkit-line-clamp: 2;

    overflow: hidden;

    position: relative;

    padding-top: 15px;

    height: 65px;

}



.responlist_size p:nth-of-type(2) {

    color: #666666;

    font-size: .75rem;

}



.responlist_box:hover .responlist_size a {

    color: #d3263a;

}

.responlist_box{

    overflow: hidden;

}

.responlist_box .over{

    position: relative;

    height: 280px;

}

.responlist_box .over::after{

    width: 100%;

    height: 100%;

    background: rgba(15, 22, 45, 0.302);

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    bottom: 0;

    transition: all 0.5s ease-in-out;

    -webkit-transition: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

    -ms-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

    opacity: 0;

}

.responlist_box .over::before{

    background: url(../img/news.png) no-repeat;

    background-size: 100% 100%;

    position: absolute;

    top: 50%;

    transform: translate(-50%,-50%);

    left: 50%;

    content: "";

    width: 45px;

    height: 15px;

    transition: all 0.5s ease-in-out;

    -webkit-transition: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

    -ms-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

    z-index: 55;

    opacity: 0;

}

.responlist_box:hover .over::before{

    opacity: 1;

    transition: all 0.5s ease-in-out;

    -webkit-transition: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

    -ms-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

}

.responlist_box:hover .over::after{

    opacity: 1;

    transition: all 0.5s ease-in-out;

    -webkit-transition: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

    -ms-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

}



  

.responlist_box:hover .responlist_size p:nth-of-type(1)::after {

    width: 75px;

    transition: all 0.4s ease-in-out;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

}

.level2,

.responlist_div{

    width: 99.5%;

    margin: 0 auto;

}

.responlist_div{

    margin-right: -15px;

    margin-left: -15px;

}

.responlist_div>div {

    margin-bottom: 30px;

}

    /* .responsibility_lb .education_video {

        margin-top: 28px;

    } */

    .responsibility_lb .swiper-button-next,

    .responsibility_lb .swiper-button-prev {

        bottom: -2%;

    }

    /* .responsibility_size{

        display: -webkit-box;

        -webkit-box-orient: vertical;

        text-overflow: ellipsis;

        -webkit-line-clamp: 5;

        overflow: hidden;

    } */

    .responlist_size{

        padding: 15px;

    }

    .responlist_size p:nth-of-type(1) {

        font-size: .95rem;

        margin: 10px 0;

        padding-top: 10px;

        height: 57px;

    }

    .responsibility_lb,

    .nice_wid{

        margin-top: 0;

    }

    .responsibility::after{

        width: 0;

    }

    .responsibility_div .fl{

        padding-top: 15px;

		padding-left:30px;

    }

    .responsibility_sed_top {

        font-size: 3rem;

        

    }

    .responsibility_sed_top sup {

        font-size: .875rem;

        top: -1em;

    }

    .responsibility_sed_ul li:nth-of-type(3) .responsibility_sed_top sup {

        font-size: 1.5rem;

        top: -.5em;

        font-weight: 300;

    }

    .responsibility_lb .swiper-button-next,

    .responsibility_lb .swiper-button-prev{

        bottom: auto;

        top: 17%;

    }

    .responsibility_lb .swiper-button-next .iconfont,

    .responsibility_lb .swiper-button-prev .iconfont{

        color: #fff;

    }

    .responsibility_lb .swiper-button-next{

        left: auto;

        right: 5%;

    }

    .responsibility_lb .swiper-button-prev {

        left: 5%;

    }

    .responlist_box .over{

        height: auto;

    }

    .responlist_size p:nth-of-type(1){

        height: 52px;

    }

    .responlist_size a{

        height: 45px;

    }



.container {

    width: 1440px;

}

.responsibility_sed_top sup {

    color: #333333;

    font-size: 1rem;

    top: -1.1em;

}

sup {

    position: relative;

    font-size: 75%;

    line-height: 0;

    vertical-align: baseline;

}

.fr {

    float: right;

}

.fl {

    float: left;

}

.sameite_title {

    color: #333333;

    padding-bottom: 30px;

    position: relative;

}

.sameite_title p:nth-of-type(1) {

    font-size: 1.125rem;

    text-transform: uppercase;

    color: #5a5858;

}

.sameite_title p:nth-of-type(2) {

    font-size: 2.5rem;

}

.sameite_title::after {

    width: 52px;

    height: 3px;

    background: #d3263a;

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

}

education_video>div:nth-of-type(1) {

    margin-right: 20px;

}

.container {

    padding-right: 15px;

    padding-left: 15px;

    margin-right: auto;

    margin-left: auto;

}

.education_video {

    color: #fff;

    position: absolute;

    bottom: 45px;

    right: 88px;

    cursor: pointer;

}

.education_video {

    text-align: right;

    z-index: 5;

    position: relative;

}

.education_video>div {

    display: inline-block;

    font-size: 1rem;

	vertical-align: middle;

}

.education_video_size {

    padding-bottom: 7px;

    border-bottom: 1px solid #fff;

    position: relative;

    top: -5px;

}

.row {

    margin-right: -15px;

    margin-left: -15px;

}

.clearfix {

    zoom: 1;

}

.pr {

    position: relative;

}

.clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .row:after, .row:before {

    display: table;

    content: " ";

}

.clearfix:after, .container-fluid:after, .container:after,.row:after {

    clear: both;

}

.page-case-3 {

    width: 100%;

    color: #282828;

    padding: 4rem 0;

    background: #fff;

}

.page-case-3 .main-box {

    width: 97%;

    margin: 0 auto;

    max-width: 1180px;

    position: relative;

}

.page-case-3 .main-box .case-list .case-cell {

    height: 320px;

}

.page-case-3 .main-box .case-list .case-cell {

    margin-top: 0;

    background: #fff;

    position: relative;

    height: 270px;

}

.page-case-3 .main-box .case-list .case-cell:nth-child(2n) {

    background: #f7f7f8;

}

.page-case-3 .main-box .case-list .case-cell {

    margin-top: 0;

    background: #fff;

    position: relative;

    height: 270px;

}

.page-case-3 .main-box .case-list .case-cell {

    height: 320px;

}

.page-case-3 .main-box .case-list .case-cell {

    margin-top: 0.8rem;

}

.page-case-3 .main-box .case-list .case-cell.case-style3 img {

    position: absolute;

    left: 0;

    display: block;

    top: 0;

    width: auto;

    height: 100%;

    margin: 0;

}

.page-case-3 .main-box .case-list .case-cell img {

    display: block;

}

.page-case-3 .main-box .case-list .case-cell img {

    display: none;

}

.page-case-3 .main-box .case-list .case-cell .mb-case-pic {

    width: 5.7rem;

    height: 4.3rem;

    margin: 0 auto;

}

.page-case-3 .main-box .case-list .case-cell.case-style3 .txt {

    margin: 0;

    width: 45%;

    max-width: 320px;

    text-align: left;

    position: absolute;

    left: 450px;

}

.page-case-3 .main-box .case-list .case-cell.case-style3 .txt {

    left: 540px;

}

.page-case-3 .main-box .case-list .case-cell .txt {

    margin: 0;

    top: 50%;

    -webkit-transform: translate(0, -50%);

    -moz-transform: translate(0, -50%);

    -ms-transform: translate(0, -50%);

    -o-transform: translate(0, -50%);

    transform: translate(0, -50%);

}

.page-case-3 .main-box .case-list .case-cell .txt {

    margin: 0.2rem auto;

    margin-bottom: 0;

    width: 6.6rem;

    text-align: center;

}

.swiper-container {

    margin: 0 auto;

    position: relative;

    overflow: hidden;

    list-style: none;

    padding: 0;

    z-index: 1;

}

.page-case-3 .main-box .case-list .case-cell .txt .tag {

    font-size: 14px;

    line-height: 30px;

    margin-bottom: 5px;

}

.page-case-3 .main-box .case-list .case-cell .txt h5 {

    font-size: 22px;

    line-height: 28px;

    margin-bottom: 10px;

	font-weight: 700;

}

.page-case-3 .main-box .case-list .case-cell .txt p {

    font-size: 14px;

    line-height: 1.6;

    margin-bottom: 30px;

}

.page-case-3 .main-box .case-list .case-cell .txt .more {

    position: relative;

    display: block;

    width: 120px;

    height: 38px;

    font-weight: bold;

    border: none;

    text-align: center;

    line-height: 38px;

    font-size: 14px;

    outline: 1px solid #282828;

    margin: 0;

    color: #282828;

    text-decoration: none;

    opacity: 1;

    -webkit-transition: opacity 0.4s;

    -moz-transition: opacity 0.4s;

    -ms-transition: opacity 0.4s;

    -o-transition: opacity 0.4s;

    transition: opacity 0.4s;

}

.page-case-3 .main-box .case-list .case-cell.case-style2 img {

    position: absolute;

    right: 0;

    display: block;

    top: 0;

    width: auto;

    height: 100%;

    margin: 0;

}

.page-case-3 .main-box .case-list .case-cell.case-style2 .txt {

    margin: 0;

    width: 45%;

    max-width: 320px;

    text-align: left;

    position: absolute;

    left: 80px;

}

.page-case-6 {

    padding: 80px 0 90px 0;

}

.page-case-6 {

    width: 100%;

    color: #282828;

    background: #fff;

    padding: 3.5rem 0 3.5rem 0;

}

.page-case-6 .main-box {

    position: relative;

    width: 100%;

    overflow: hidden;

}

.page-case-6 .main-box .tit {

    font-size: 40px;

    line-height: 75px;

    text-align: center;

    padding: 0;

}

.page-case-6 .main-box .vd-hd {

    display: block;

    width: 100%;

    height: auto;

    max-width: 1920px;

    margin: 0 auto;

    margin-top: 60px;

}

.page-case-6 .main-box .more {

    position: relative;

    display: block;

    width: 120px;

    height: 38px;

    text-align: center;

    line-height: 38px;

    font-size: 14px;

    border: 1px solid #282828;

    margin: 0 auto;

    margin-top: 60px;

    color: #282828;

    text-decoration: none;

    font-weight: bold;

}

.more:hover{

    position: absolute;

    width: 0;

    height: 40px;

    top: -1px;

    left: -1px;

    background: #c7000b;

    content: "";

    -webkit-transition: width 0.5s;

    -moz-transition: width 0.5s;

    -ms-transition: width 0.5s;

    -o-transition: width 0.5s;

    transition: width 0.5s;

	color:#fff;

  }

.more:hover span{

	color:#fff

}

.icon-jiantou1:before {

    content: "<";

}

.icon-youjiantou:before {

    content: ">";

}

.education_video>div:nth-of-type(1) {

    margin-right: 20px;

}



.education_video:hover .education_video_size::after {

    width: 100%;

    transition: all 0.4s ease-in-out;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

}

.education_video_size::after {

    width: 0px;

    height: 2px;

    background: #d3263a;

    content: "";

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

    bottom: -1px;

    transition: all 0.4s ease-in-out;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

    z-index: 555;

}

.responsibility_lb .swiper-button-next {

    right: auto;

    left: 38%;

}

.responsibility_lb .swiper-button-next, .responsibility_lb .swiper-button-prev {

    background: none;

    top: auto;

    bottom: -1%;

    opacity: 1;

}

.swiper-button-next, .swiper-button-prev {

    position: absolute;

    top: 50%;

    width: 27px;

    height: 44px;

    margin-top: -22px;

    z-index: 10;

    cursor: pointer;

    background-size: 27px 44px;

    background-position: center;

    background-repeat: no-repeat;

}

.responsibility_lb .swiper-button-next .iconfont, .responsibility_lb .swiper-button-prev .iconfont {

    color: #333333;

    font-size: 1.875rem;

}

.iconfont {

    font-family: "iconfont" !important;

    font-size: 16px;

    font-style: normal;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}

.responsibility_lb .swiper-button-prev {

    left: 33%;

}

.bodyCon08 ul{list-style:none;}

.bodyCon08 img,.bodyCon08 a img {border:none;width:50px;height:50px;}

.bodyCon08 a{text-decoration:none;}

.bodyCon08 a{color:#000;}

.bodyCon08 a:hover{text-decoration:none;}

/*****************/



/*头部开始*/

.bodyCon08{background:#f8f8f8;padding-bottom:60px;padding-top:150px;}

.bodyCon08 .students{margin-left:auto;margin-right:auto;width:1440px;height:480px;position:relative;}

#four_flash{position:relative;width:1440px;height:545px; margin:0 auto;position:absolute;bottom:40px;}

#four_flash .flashBg{width:1440px;height:545px; margin:0 auto;position:relative;overflow:hidden;}

#four_flash .flashBg ul.mobile{width:2000%;height:545px; position:absolute;top:15; left:0;}

#four_flash .flashBg ul.mobile li{float:left;width:350px;height:545px;margin-left:26px;color:#6C6E85;}

#four_flash .flashBg ul.mobile li img{width:350px;height:545px;display:block; margin:0 auto;}

#four_flash .but2{margin:0 auto;text-align:center;width:1440px;padding-top:20px;}

#four_flash .but_left{width:50px;height:100px;top:136px;display:inline;}

#four_flash .but_right{width:50px;height:100px;top:136px;display:inline;padding-left:50px;}