@charset "UTF-8";
.banner{
    /* padding-top: 29.89%; */
    position: relative;
    width: 100%;
    height: 574px;
}
section{
    padding: 16px 0;
    text-align: center;
}
ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
dd{
    padding: 0;
    margin: 0;
}
section > div{
    max-width: 1200px;
    text-align: center;
    margin: 0 auto;
}
section h2.title{

    font-size: 26px;
    color: #222;
    font-weight: normal;
}
section .line{
    margin-bottom: 42px;
}
.more{
    display: block;
    width: 164px;
    height: 42px;
    border: solid 1px #d3321f;
    font-size: 14px;
    text-align: center;
    line-height: 42px;
    color: #d3321f;
    border-radius: 2px;
    margin: 50px auto;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.more:hover{
    text-decoration: none;
    background-color: #d3321f;
    color: #fff;
}
/* 课程简介 begin */
.course-intro-layout > .layout-left{
    height:430px;
    position: absolute;
    top:0;
    left: 0;
}
.layout-left img{
    display: block;
    cursor: pointer;
}
/* 翻转 begin */
.flip-container{
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    -ms-perspective: 1000px;
    perspective: 1000px;
    -ms-transform: perspective(1000px);
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    font-family: "Microsoft YaHei", "微软雅黑";
}
/* START: Accommodating for IE */
.flip-container:hover .back, .flip-container.hover .back {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
    cursor: pointer;
}

.flip-container:hover .front, .flip-container.hover .front {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

/* END: Accommodating for IE */
.flipper {

    -webkit-transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    -ms-transition: 0.6s;
    -moz-transition: 0.6s;
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transition: 0.6s;
    transform-style: preserve-3d;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}
.front, .back {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    -moz-transition: 0.6s;
    -moz-transform-style: preserve-3d;
    -o-transition: 0.6s;
    -o-transform-style: preserve-3d;
    -ms-transition: 0.6s;
    -ms-transform-style: preserve-3d;
    transition: 0.6s;
    transform-style: preserve-3d;

    position: absolute;
    top: 0;
    left: 0;
}
.front {
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -ms-transition: 0;
    background: lightgreen;
    z-index: 2;
    position: relative;
}
.back {
    background: lightblue;
    -ms-transition: 0;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);

}
.back > .b-masker{
    position: absolute;
    top:0;right:0;bottom: 0;left:0;
    color: #fff;
    font-size: 15px;
    
    text-align: left;
}
.back > .b-masker a{
    position: absolute;
    bottom: 0;
    display: block;
    width: 50%;
    padding:8px 0;
    text-align: center;
    color: #fff;
    text-decoration: none;
}
.back > .b-masker a.link-detail{
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    text-align: left;
    cursor: pointer;
    padding-left:32px;
}
.back>.b-masker a.link-detail>h3{
    margin-top: 16px;
}
.b-masker a:hover{
    text-decoration: none;
    color: #fff;
}
.b-masker a:visited{
    text-decoration: none;
}
.b-masker a.st{
    left:0;
    background-color: #d3321f;
}
.b-masker a.xq{
    right: 0;
    background-color: #5e5f5c;
}
.medium .b-masker h3{
    margin-top: 8px;
    margin-bottom: 4px;
}
.medium .b-masker p{
    font-size: 12px;
    margin-bottom: 4px;
}
.medium .b-masker a{
    padding: 5px 0;
    font-size: 13px;
}
.weixin .b-masker h3{
    font-size: 20px;
}
.small .b-masker h3{
    font-size: 16px;
    margin:6px 0 8px -24px;
}
.small .b-masker p{
    font-size: 12px;
    margin-left: -24px;
}
.small .b-masker a{
    font-size: 12px;
    padding:4px 0;
}
/*.small .b-masker a.st{
    padding: 4px 0;
    width: 60%;
}
.small .b-masker a.xq{
    padding: 4px 0;
    width: 40%;
}*/
/* end 翻转 */
.layout-left .java{
    width: 280px;
    height: 280px;
    top:0;
    left:0;
}
.layout-left .c__{
    width: 280px;
    height: 135px;
    top:0;
    left:290px;
}
.layout-left .android{
    width: 135px;
    height: 135px;
    top:145px;
    left:290px;
}

.layout-left .iOS{
    width:135px;
    height: 135px;
    top:145px;
    left:435px;
}

.layout-left .ui{
    width: 280px;
    height: 280px;
    top:0;
    left:580px;
}

.layout-left .web{
    width:280px;
    height: 135px;
    top: 290px;
    left:0;
}

.layout-left .weixin{
    width:280px;
    height: 135px;
    top: 290px;
    left:290px;
}

.layout-left .ue{
    width:280px;
    height: 135px;
    top:290px;
    left:580px;
}
.layout-left .course-title{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 18%;
    margin: 0;
    color: #fff;
    text-align: center;
}
.java .course-title{
    bottom: 30%;
}
.ui .course-title{
    bottom: 35%;
}
.course-intro-layout{
    position: relative;
    height:424px;
}
/* 右侧部分的样式  */
.course-intro-layout > .layout-right{
    position: absolute;
    top:0;
    right: 0;
}
.layout-right > a{
    position: absolute;
    font-size: 14px;
    color: #222;
    text-decoration: none;
    line-height: 32px;
    top:-32px;left:0;
}
.list-video{
    position: relative;
    width: 302px;
    height: 206px;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
    -webkit-transition: background-size 0.5s ease-out;
    -moz-transition: background-size 0.5s ease-out;
    -ms-transition: background-size 0.5s ease-out;
    -o-transition: background-size 0.5s ease-out;
    transition: background-size 0.5s ease-out;
}
.list-video-1{
    background: url('../images/video_1_1.png') no-repeat center center;
    background-size: 302px 219px;
}
.list-video-2{
    background: url('../images/p-dongliIT.png') no-repeat center center;
    background-size: 302px 219px;
}
.list-video:hover{
    background-size: 338px 245px;
}
.list-video:after{
    content: '';
    position: absolute;
    top:50%;
    left: 50%;
    width: 72px;
    height: 72px;
    margin-left: -36px;
    margin-top: -36px;
    background: url("../images/video_btn_1.png") no-repeat center center;
    background-size: 68px 68px;
}
.list-video .annual-meeting{
    display: block;
    width: 100%;
    height: 100%;
}
.layout-right li.list-video + li.list-video{
    margin-top: 12px;
}
.layout-right li.list-video > img{
    display: block;
    width: 302px;
    height: 206px;
    transition: all 0.4s ease-out;
}
.list-video:hover > img{
    -webkit-transform: scale(1.12);
    -moz-transform: scale(1.12);
    -ms-transform: scale(1.12);
    -o-transform: scale(1.12);
    transform: scale(1.12);
}
.layout-right li.list-video > .video-title{
    position: absolute;
    left: 0;right: 0;bottom: 0;
    padding: 8px 16px;
    margin: 0;
    font-size: 14px;
    text-align: left;
    color: #f7e6e4;
    background-color: #c03f31;
}
/* end 课程简介 */
/* 最新资讯 begin */
.latest-info-wrap{
    padding-bottom: 0;
}
.latest-info>ul{
    margin-left: -5px;
    margin-right: -5px;
}
.latest-info>ul>li{
    float: left;
    width: 393px;
    margin:0 5px 10px;
}
.latest-info li:hover > a{
    outline: 2px solid #c03f31;
}
.latest-info li a.latest-info-item{
    display: block;
    width: 393px;
    height:247px;
    position: relative;
    background-position: center center;
    background-size: 393px 247px;
    background-repeat: no-repeat;
}
.latest-info li a.latest-info-item .time-type{
    position: absolute;
    top:0;
    left:0;
    padding: 8px 4px 4px 4px;
    line-height: 30px;
    box-sizing: content-box;
}
.latest-info li a.latest-info-item .time-type span{
    float: left;
    color: #fff;
}
a.latest-info-item .time-type > .time{
    padding-right: 6px;
    border-right: 2px dashed rgba(255,255,255,.3);
}
.time-type span > i{
    display: block;
    font-style: normal;
}
.time-type span > i.d{
    font-size: 24px;
    font-weight: bold;
}
.time-type span > i.y-m{
    line-height: 16px;
}
.time-type span.type{
    width: 52px;
    padding-left: 6px;
    line-height: 23px;
    font-size: 18px;
    font-weight: bold;
}
.time-type-1{
    background-color: #d21600;
}
.time-type-2{
    background-color: #0074eb;
}
.time-type-3{
    background-color: #eb7a00;
}
.time-type-4{
    background-color: #7117cd;
}
.time-type-5{
    background-color: #cc1a87;
}
.time-type-6{
    background-color: #ed958c;
}
.latest-info li:nth-child(3n+3){
    margin-right: 0;
}
/* end 最新资讯 */
/* 提供全方位的培训和就业服务 begin */
.training-service-wrap{
    padding-top: 0;
}
.list-wrap{
    width: 1200px;
    height: auto;
    margin-right: 0;
    margin-left: 0;
}
.list-wrap:before,
.list-wrap:after{
    content: '';
    display: table;
    clear: both;
}
.list-wrap > dl{
    float: left;
    width: 250px;
    margin: 0;
}
.list-wrap > dl + dl{
    margin-left: 66.6px;
}
.training-service-desc{
    text-align: left;
}
/* end 提供全方位的培训和就业服务 */
/* 360度教学场景 begin */
.teaching-scene-wrap{

}
.teaching-scene{
    max-width: 1140px;
}
.teaching-scene ul{
    overflow: hidden;
}
.teaching-scene>ul{
    margin-left: -5px;
    margin-right: -5px;
}
.teaching-scene li.teaching-scene-item{
    float: left;
    width: 373px;
    height:240px;
    position: relative;
    overflow: hidden;
    margin:5px;
}
.teaching-scene li.teaching-scene-item-8{
    width: 756px;
}
.teaching-scene li.teaching-scene-item > h5{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    padding:6px 0 6px 20px;
    line-height: 24px;
    font-size: 13px;
    text-align: left;
    background-color: rgba(0,0,0,.7);
    background-color: rgb(0,0,0)\9;
    color: #fffffd;
    transition: all .5s ease-out;
}
.teaching-scene li.teaching-scene-item:hover > h5{
    background-color: rgba(255,0,0,.618);
    background-color: rgb(255,0,0)\9;
    color:#ffeae9;
}
.teaching-scene li.teaching-scene-item > img{
    display: block;
    width: auto;
    height: 100%;
    vertical-align: middle;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}
.teaching-scene li.teaching-scene-item:hover > img{
    -webkit-transform: scale(1.12);
    -moz-transform: scale(1.12);
    -ms-transform: scale(1.12);
    -o-transform: scale(1.12);
    transform: scale(1.12);
}
/* end 360度教学场景 */
/* 资质荣誉 begin */
.media, .media-body {
    overflow: hidden;
    zoom: 1;
}
.media {
    margin-top: 15px;
}
.text-left {
    text-align: left;
}
.media-body, .media-left, .media-right {
    display: table-cell;
    vertical-align: top;
}
.media-object {
    display: block;
}
.media-body {
    width: 10000px;
}
.media-heading {
    margin-top: 0;
    margin-bottom: 5px;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}
.h4, .h5, .h6, h4, h5, h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}
.h4, h4 {
    font-size: 18px;
}
.h5, h5 {
    font-size: 14px;
}
.h4, .h5, .h6, h4, h5, h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}
.hide{
    display: none !important;
}
.clearfix:before, .clearfix:after {
    content: "";
    display: table;
    clear: both;
}
.qualification-honor p{
    color: #777;
    margin: 10px 0 8px 0;
    font-size: 14px;
    line-height: 24px;
}
.qualification-honor > .media + .media{
    margin-top: 50px;
}
.qualification-honor > .media >.media-left{
    padding-right: 42px;
}
.qualification-honor > .media >.media-left > a{
    cursor: default;
}
.qualification-honor .media-body > .media-heading{
    font-size: 20px;
    font-weight: bold;
}
.qualification-honor > .media > .media-body ul{
    list-style: none;

}
.qualification-honor > .media > .media-body li{
    float: left;
    display: block;
    max-width: 250px;
    text-align: center;
    background-size: 206px 73px;
    background-repeat: repeat;
    background-position: center center;
    margin-bottom: 25px;
}
.qualification-honor > .media > .media-body li p{
    margin-bottom: 0;
}
.qualification-honor > .media > .media-body li+li{
    margin-left: 80px;
}
.media > .media-body li img{
    display: inline-block;
}
.media > .media-body li.q-h-item{
    padding-top: 165px;
    height:32px;
}
.media > .media-body li.q-h-item-1{
    background:url("../images/q_h_1_1.png") no-repeat top center;
    background-size: 109px 157px;
}
.media > .media-body li.q-h-item-2{
    width: 120px;
    background:url("../images/q_h_2_1.png") no-repeat top center;
    background-size: 116px 162px;
}
.media > .media-body li.q-h-item-3{
    width: 250px;
    background:url("../images/q_h_3_1.png") no-repeat top center;
    background-size: 246px 158px;
}

.qualification-honor > .media > .media-body .q-h-wrap{
    padding-top: 16px;
    margin-left: -25px;
    margin-right: -25px;
}
#show-more{
    border: 1px solid #EDEDED;
}
.qualification-honor > .media > .media-body li.q-h-item2{
    display: block;
    width: 206px;
    height: 73px;
    overflow: hidden;
    margin-left: 25px;
}
.qualification-honor > .media > .media-body li.q-h-item2 >a{
    display: block;
    line-height: 71px;
    font-size: 16px;
    color: #222;
    text-align: center;
    text-decoration: none;
}
.qualification-honor > .media > .media-body li.q-h-item2 >a:hover{
    text-decoration: none;
    color: #222;
}
.q-h-item2-1 {
    background-image: url("../images/qianchengwuyou_1.png");
}
.q-h-item2-2{
    background-image: url("../images/zhilianzhaopin_1.png");
}
.q-h-item2-3{
    background-image: url("../images/liepinwang_1.png");
}
.q-h-item2-4{
    background-image: url("../images/bg_58_1.png");
}
.q-h-item2-5{
    background-image: url("../images/huawei_1.png");
}
.q-h-item2-6{
    background-image: url("../images/alibaba_1.png");
}
.q-h-item2-7{
    background-image: url("../images/guojiahedian_1.png");
}
.q-h-item2-1:hover{
    background-image: url("../images/qianchengwuyou_h_1.png");
}
.q-h-item2-2:hover{
    background-image: url("../images/zhilianzhaopin_h_1.png");
}
.q-h-item2-3:hover{
    background-image: url("../images/liepinwang_h_1.png");
}
.q-h-item2-4:hover{
    background-image: url("../images/bg_58_h_1.png");
}
.q-h-item2-5:hover{
    background-image: url("../images/huawei_h_1.png");
}
.q-h-item2-6:hover{
    background-image: url("../images/alibaba_h_1.png");
}
.q-h-item2-0-1{
    background-image: url("../images/dianxin_1.png");
}
.q-h-item2-0-2{
    background-image: url("../images/dongou_1.png");
}
.q-h-item2-0-3{
    background-image: url("../images/haoya_1.png");
}
.q-h-item2-0-4{
    background-image: url("../images/jurenwangluo_1.png");
}
.q-h-item2-0-5{
    background-image: url("../images/kuwo_1.png");
}
.q-h-item2-0-6{
    background-image: url("../images/liantong_1.png");
}
.q-h-item2-0-7{
    background-image: url("../images/lianxiang_1.png");
}
.q-h-item2-0-8{
    background-image: url("../images/shengda_1.png");
}
.q-h-item2-0-9{
    background-image: url("../images/shinaide_1.png");
}
.q-h-item2-0-10{
    background-image: url("../images/wangyi_1.png");
}
.q-h-item2-0-11{
    background-image: url("../images/ximenzi_1.png");
}
.q-h-item2-0-12{
    background-image: url("../images/zhongxin_1.png");
}

.q-h-item2-0-1:hover{
    background-image: url("../images/dianxin_h_1.png");
}
.q-h-item2-0-2:hover{
    background-image: url("../images/dongou_h_1.png");
}
.q-h-item2-0-3:hover{
    background-image: url("../images/haoya_h_1.png");
}
.q-h-item2-0-4:hover{
    background-image: url("../images/jurenwangluo_h_1.png");
}
.q-h-item2-0-5:hover{
    background-image: url("../images/kuwo_h_1.png");
}
.q-h-item2-0-6:hover{
    background-image: url("../images/liantong_h_1.png");
}
.q-h-item2-0-7:hover{
    background-image: url("../images/lianxiang_h_1.png");
}
.q-h-item2-0-8:hover{
    background-image: url("../images/shengda_h_1.png");
}
.q-h-item2-0-9:hover{
    background-image: url("../images/shinaide_h_1.png");
}
.q-h-item2-0-10:hover{
    background-image: url("../images/wangyi_h_1.png");
}
.q-h-item2-0-11:hover{
    background-image: url("../images/ximenzi_h_1.png");
}
.q-h-item2-0-12:hover{
    background-image: url("../images/zhongxin_h_1.png");
}

.q-h-item2-7:hover{
    background-image: url("../images/guojiahedian_h_1.png");
}
.q-h-item3-1{
    background-image: url("../images/nanjingdaxue_1.png");
}
.q-h-item3-2{
    background-image: url("../images/nanlig_1.png");
}
.q-h-item3-3{
    background-image: url("../images/nanshifan_1.png");
}
.q-h-item3-4{
    background-image: url("../images/zgkuangye_1.png");
}
.q-h-item3-5{
    background-image: url("../images/jsshifan_1.png");
}
.q-h-item3-6{
     background-image: url("../images/jskeji_1.png");
 }
.q-h-item3-7{
      background-image: url("../images/jsdaxue_1.png");
  }
.q-h-item3-8{
    background-image: url("../images/nantong_1.png");
}
.q-h-item3-1:hover{
    background-image: url("../images/nanjingdaxue_h_1.png");
}
.q-h-item3-2:hover{
    background-image: url("../images/nanlg_h_1.png");
}
.q-h-item3-3:hover{
    background-image: url("../images/nanshifan_h_1.png");
}
.q-h-item3-4:hover{
    background-image: url("../images/zgkuangye_h_1.png");
}
.q-h-item3-5:hover{
    background-image: url("../images/jsshifan_h_1.png");
}
.q-h-item3-6:hover{
    background-image: url("../images/jskeji_h_1.png");
}
.q-h-item3-7:hover{
    background-image: url("../images/jsdaxue_h_1.png");
}
.q-h-item3-8:hover{
    background-image: url("../images/nantong_h.png");
}
/* end 资质荣誉 */
/* 资深教学团队 begin */
.senior-teaching-team-wrap{

}
.senior-teaching-team{
    /*max-width: 1440px;*/
}
.senior-teaching-team > ul{
    width: 1122px;
    overflow: hidden;
    margin: 0 auto;
}
.senior-teaching-team .teacher-item{
    display: inline-block;
    position: relative;
}
.senior-teaching-team .teacher-item .teacher-wrap{
    padding: 0 10px;
}
.senior-teaching-team .teacher-item .teacher-wrap img{
    display: block;
    width: 233px;
    height: 259px;
}
.senior-teaching-team .teacher-desc{
    width:356px;
    height: 300px;
    padding: 8px 20px 30px 30px;
    border: 1px solid #ddd;
    color: #515151;
    background-color: rgba(249, 249, 249, 0.95);
    background-color: rgb(249, 249, 249)\9;
    text-align: left;
    -webkit-transition: all .15s ease-out;
    -moz-transition: all .15s ease-out;
    -ms-transition: all .15s ease-out;
    -o-transition: all .15s ease-out;
    transition: all .15s ease-out;
    position: absolute;
    top:0;
    z-index: 99;
    display: none;
    box-sizing: content-box;
}
.senior-teaching-team .teacher-desc > h6{
    font-size: 16px;
    margin-top:8px;
    margin-bottom: 4px;
    color: #515151;
}
.senior-teaching-team .teacher-desc > p{
    margin-bottom: 0;
    color: #515151;
}
.teacher-item-1 .teacher-desc,
.teacher-item-2 .teacher-desc{
    left: 250px;
}
.teacher-item-3 .teacher-desc,
.teacher-item-4 .teacher-desc{
    right: 250px;
}
.senior-teaching-team .teacher-wrap:hover+.teacher-desc{
    display: block;
}
.senior-teaching-team .teacher-item + .teacher-item{
    margin-left: 24px;
}
.senior-teaching-team .teacher-img{
    vertical-align: middle;
}
.senior-teaching-team .teacher-info{
    margin-top: 5px;
    border: 1px solid #ddd;
}
.senior-teaching-team .teacher-item:hover .teacher-info{
    background-color: #d21600;
}
.senior-teaching-team .teacher-info h4{
    margin-top: 15px;
    color: #222;
}
.senior-teaching-team .teacher-item:hover h4{
    color: #fff;
}

.senior-teaching-team .teacher-info h5{
    margin-bottom: 15px;
    color: #808080;
}
.senior-teaching-team .teacher-item:hover h5{
    color: #f4c5bf;
}
.senior-teaching-team .teacher-desc li{
    margin-left: 10px;
    list-style:outside;
    font-size: 14px;
    line-height: 28px;
}
/* end 资深教学团队 */
/* 就业明星 begin */
.employment-star-wrap{

}
.employment-star .iconform{
    width: 1075px;
    margin: 0 auto;
    text-align: left;
}
.employment-star .iconform dl:nth-child(n+4){
    margin-bottom: 0;
}
/* end 就业明星 */
/* 答题 begin */
.question-wrap{
    display:none;
    padding: 0;
}
.question{
    position: relative;
    width: 100%;
    max-width: 100%;
    margin: 0;
}
.question > a{
    display: block;
    height: 60px;
    background: url("../images/question_1.png") no-repeat center center;
    background-size: 3000px 60px;
    overflow: hidden;
}
/* end 答题 */

/* 每日新闻 begin */
.daily-news-wrap{
    width: 391px;
    height: 245px;
    border: 1px solid #e5e5e5;
    background-color: #f5f5f5;
    text-align: left;
    overflow: hidden;
}
.daily-news-wrap:hover{
    border-color: #d3321f;
}
.daily-news{
    margin: 0;
    padding-top: 10px;
}
.daily-news .daily-news-item{
    display: block;
    width: 100%;
    margin-right: 0;
    text-align: left;
    color: #444;
    float: none;
}
.daily-news .daily-news-item + .daily-news-item{
    margin-top: 6px;
}
.daily-news .daily-news-item .daily-news-date,
.daily-news .daily-news-item .daily-news-circle,
.daily-news .daily-news-item .daily-news-title{
    display: block;
    float: left;
    height: 34px;
    line-height: 34px;
}
.daily-news .daily-news-item .daily-news-date{
    min-width: 54px;
    padding-left: 8px;
    font-size: 12px;
}
.daily-news .daily-news-item .daily-news-circle{
    display: block;
    width: 6px;
    height: 6px;
    margin-top: 12px;
    border-radius: 100%;
    background-color: #fff;
    border: 2px solid #c6ced1;
    position: relative;
    z-index: 2;
}
.daily-news .daily-news-item .daily-news-circle::after{
    content: '';
    position: absolute;
    top: 8px;left: 50%;
    width: 2px;
    height: 36px;
    margin-left: -1px;
    background-color: #c6ced1;
    z-index: 0;
}
.daily-news-title,
.daily-news-wrap .daily-news-more{
    font-size: 14px;
    color: #444;
    text-decoration: none;
    box-sizing: border-box;
}
.daily-news .daily-news-item .daily-news-title{
    float: right;
    width: 306px;
    padding-left: 16px;
    padding-right: 8px;
    margin-right: 8px;
    background: url("../images/image-biaoti_1.png") no-repeat 0 -36px;
    background-size: 306px 71px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.daily-news .daily-news-item.active .daily-news-title:visited{
    text-decoration: none;
}
.daily-news .daily-news-item.active .daily-news-title:hover{
    color: #f9f903;
    text-decoration: none;
}
/* 鼠标移入li,改变子元素样式 */
.daily-news .daily-news-item.active .daily-news-date{
    color: #d3321f;
}
.daily-news .daily-news-item.active .daily-news-circle{
    border-color: #d3321f;
}
.daily-news .daily-news-item.active .daily-news-title{
    background: url("../images/image-biaoti_1.png") no-repeat 0 0;
    background-size: 306px 71px;
    color: #fff;
}
.daily-news-wrap .daily-news-more{
    display: inline-block;
    width: 36px;
    height: 36px;
    line-height: 32px;
    margin-top: 16px;
    margin-left: 49px;
    border: 2px solid #c6ced1;
    font-size: 12px;
    border-radius: 100%;
    background-color: #fff;
    text-align: center;
    position: relative;
    z-index: 3;
    transition: all 0.3s ease-out;
}
.daily-news-wrap:hover > .daily-news-more{
    margin-top: 3px;
    border-color: #d3321f;
}
.daily-news-wrap .daily-news-more:hover{
    color: #d3221f;
}
/* end 每日新闻 */