.left-1{
    width: 260px;
    float: left;
    padding-left: 5px;
}
.left-1 .tt{
    /*background: url('../images/sub-bg.png') 0 0 no-repeat;*/
    background: #00a3e1;
    font-size: 36px;
    color: #fff;
    font-weight: normal;
    text-align: center;
    height: 133px;
    line-height: 133px;
    margin-bottom: 10px;
    margin-bottom: 10px;
}
.left-1 .tt i{
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
.icons-search-max{
    background: url('../images/icons-search-max.png') 0 center no-repeat;
    width: 46px;
    height: 46px;
}


.left-1 .item{
    background: #00a3e1;
    display: block;
    line-height: 46px;
    margin-bottom: 1px;
    color: #fff;
    position: relative;
    /*text-indent: 5em;*/
    font-size: 18px;
    text-align:center;
}
.left-1 .item.cur, .left-1 .item:hover{
    background: #5cb833;
}

.left-1 .item.cur:after,.left-1 .item:hover:after{
    content: '';
    width:0;
    height:0;
    border-top:8px solid transparent;
    border-bottom:8px solid transparent;
    border-right:8px solid #fff;
    position: absolute;
    right: 0;
    top: 16px;
}
.left-1 .sub-item2{
    background: #fff;
    position: relative;
    padding: 8px 0;
    display: none;
}
.left-1 .item.cur .sub-item2{
    display: block;
}
.left-1 .sub-item2:before{
    content: '';
    border-left: 1px solid #43b14a;
    width: 0;
    height: 100%;
    position: absolute;
    left: 19px;
    top: 0;
}
.left-1 .item2{
    display: block;
    line-height: 27px;
    font-size: 14px;
    position: relative;
    text-indent: 38px;
    text-align: left;
}
.left-1 .item2.cur, .left-1 .item2:hover{
    color: #1480df;
}
.left-1 .item2.cur:after{
    content: '';
    width: 10px;
    height: 10px;
    background: #1480df;
    border: 2px solid #d6ecff;
    border-radius:50%;
    position: absolute;
    left: 13px;
    top: 7px;
}
.right-main{
    width: 900px;
    float: right;
    padding-right: 5px;
    box-sizing: border-box;
}
.right-main1{
    width: 920px;
}
select.select-box1::-ms-expand {
    display: none;
}
.select-box1{
    border: solid 1px #ddd;
    -webkit-appearance: none;
    -moz-appearance:none;
    appearance:none;
    background: url('../images/select-down.jpg') right 0 no-repeat;
    line-height: 38px;
    height: 38px;
    padding-left:14px;
    font-size: 14px;
    padding-right: 40px;
    width: 300px;
}
.downlist .item{
    border: solid 1px #ddd;
    width: 210px;
    height: 210px;
    display: inline-block;
    position: relative;
    border-radius:2px;
    margin-left:12px;
    margin-top: 12px;
    transition: all 0.5s;
    vertical-align: top;
}
.downlist .item:hover{
    border-color: #1480df;
}
.downlist{
    margin-left: -10px;
}
.downlist  span{
    background: url('../images/file/big/dir.png') center center no-repeat;
    width: 100%;
    height: 120px;
    display: block;
}
.downlist h3{
    font-size: 14px;
    padding:5px 10px;
    text-align: center;
    font-weight: normal;
    line-height: 22px;
}
.downlist .doc {
    background: url("../images/file/big/doc.png") center center no-repeat;
}

.downlist .docx {
    background: url("../images/file/big/docx.png") center center no-repeat;
}

.downlist .ppt {
    background: url("../images/file/big/ppt.png") center center no-repeat;
}

.downlist .pptx {
    background: url("../images/file/big/pptx.png") center center no-repeat;
}

.downlist .xls {
    background: url("../images/file/big/xlsx.png") center center no-repeat;
}

.downlist .jpg {
    background: url("../images/file/big/jpg.png") center center no-repeat;
}

.downlist .gif {
    background: url("../images/file/big/gif.png") center center no-repeat;
}

.downlist .bmp {
    background: url("../images/file/big/bmp.png") center center no-repeat;
}

.downlist-big .png {
    background: url("../images/file/big/png.png") center center no-repeat;
}

.downlist .rar {
    background: url("../images/file/big/rar.png") center center no-repeat;
}

.downlist .mp4 {
    background: url("../images/file/big/mp4.png") center center no-repeat;
}

.downlist .avi {
    background: url("../images/file/big/avi.png") center center no-repeat;
}

.downlist .dir {
    background: url("../images/file/big/dir.png") center center no-repeat;
}

.downlist .pdf {
    background: url("../images/file/big/pdf.png") center center no-repeat;
}

.downlist .txt {
    background: url("../images/file/big/txt.png") center center no-repeat;
}

.file-big .zip {
    background: url("../images/file/big/zip.png") center center no-repeat;
}


/*筛选 css*/
.tags {
    border: 1px solid #c0c0c0;
    color: #333;
    padding: 0px 6px;
    margin-left: 10px;
}

.tags .location {
    color: #00a1e9;

}

.sxtable {
    border-collapse: collapse;
    width: 100%;
    font-size: 12px;
}

.sxtable th, .sxtable td {
    padding: 5px;
    border: 1px solid #ddd;
}

.sxtable th {
    background-color: #eef3f7;
    vertical-align: top;
}

.sxtable th.fiw {
    padding-top: 15px;
}

.sxtable li {
    display: inline-block;
    margin-top: 5px;
    margin-right: 5px;
    margin-left: 5px;
    color: #5d8dc1;
    padding: 5px 10px;
    cursor: pointer;
}

.sxtable .fr {
    line-height: 30px;
    border: 1px solid #ccc;
    padding: 0px 10px;
}

.sxtable li:hover, .sxtable li.cur {
    background: #00a7eb;
    color: #fff;
}

.sxtable li:hover a, .sxtable li.cur a {
    color: #fff;
}

.sxtable a.shaixuan {
    color: #333;
    font-size: 12px;
}

.sxtable a.shaixuan .icon-play-circle {
    color: #333;
    position: relative;
    font-size: 12px;
    left: 0px;
    top: 0px;
    margin: 0px;
}

.sxtable a.shaixuan:hover .icon-play-circle {
    color: #5d8dc1;
}

.sxtable a.shaixuan:hover, .sxtable a.cur, .sxtable a.cur .icon-play-circle {
    color: #5d8dc1;
}

.sxtable p {
    margin-bottom: 0;
}
.sxtable .icon-time, .sxtable .icon-play-circle, .sxtable .icon-thumbs-up{
    display: inline-block;
    width:12px;
    height: 12px;
    vertical-align: sub;
    margin-left: 20px;
}
.sxtable .icon-time{
    background:url('../images/icon/icon-time.png') 0 0 no-repeat;
    background-size:100% auto;
}
.sxtable .icon-play-circle{
    background:url('../images/icon/icon-play.png') 0 0 no-repeat;
    background-size:100% auto;
}
.sxtable .icon-thumbs-up{
    background:url('../images/icon/icon-thumb-up.png') 0 0 no-repeat;
    background-size:100% auto;
}
.sxtable a.cur .icon-time{
    background:url('../images/icon/icon-timeh.png') 0 0 no-repeat;
    background-size:100% auto;
}
.sxtable a.cur .icon-play-circle{
    background:url('../images/icon/icon-playh.png') 0 0 no-repeat;
    background-size:100% auto;
}
.sxtable a.cur .icon-thumbs-up{
    background:url('../images/icon/icon-thumb-uph.png') 0 0 no-repeat;
    background-size:100% auto;
}
/*筛选 css over*/
.act-news::after {
    clear: both;
    content: "";
    display: block;
}
.act-news {
    clear: both;
    margin-top: 25px;
}
.act-news li {
    position: relative;
    width: 289px;
    float: left;
    margin-left: 16px;
    margin-bottom: 10px;
    height: 265px;
}
.act-news li:nth-child(3n-2){
    margin-left: 0px;
}
.act-news li img {
    width: 100%;
    height: 100%;
    transition: transform 0.3s ease 0s;
}

.act-img {
    display: block;
    position: relative;
    height: 217px;
    overflow: hidden;
    transition: all 0.5s ease 0s;
}

.act-img:hover img {
    transform: scale(1.1, 1.1);
    opacity: 0.8;
}

.act-img img {
    transition: all 0.5s ease 0s;
}

.act-comment {
    background: -webkit-linear-gradient(transparent, rgba( 0, 0, 0, 0.4)); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(transparent, rgba( 0, 0, 0, 0.4)); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(transparent, rgba( 0, 0, 0, 0.4)); /* Firefox 3.6 - 15 */
    background: linear-gradient(transparent, rgba( 0, 0, 0, 0.4)); /* 标准的语法 */

    display: block;
    height: 40px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 100%;
}

.act-comment i {
    color: #f8f8f8;
    margin: 0 3px;
}

.act-comment i:hover {
    color: #8ec512;
}

.act-comment span {
    color: #fff;
    margin: 0 10px;
    line-height: 40px;
}
.act-news p a {
    line-height: 24px;
    margin-bottom: 10px;
    overflow: hidden;
    height: 50px;
    display: block;
}
.act-news .icons-play {
    background: url('../images/icons-play.png') center center  no-repeat;
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -40px;
    margin-top: -40px !important;
    width: 80px;
    height: 80px;
}
.act-news a:hover .icons-play{
    display:block;
}
.search-net .selectbox {
    vertical-align: middle;
    float: left;
    border: solid 2px #3691E2;
    border-right: 0;
    height: 27px;
    overflow: hidden;
    width: 80px;

}

.search-net select {
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance:none;
    appearance:none;
    float: left;
    border: 0;
    height: 27px;
    width: 110px;
    background: url("../images/select-down.png") 60px center no-repeat;
    padding: 0 5px;
}

.search-net .input-search {
    border: solid 2px #3691E2;
    height: 25px;
    width: 200px;
}
.search-net a {
    background: #3691E2;
    height: 31px;
    line-height: 28px;
    text-align: center;
    width: 26px;
    vertical-align: middle;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    border-radius: 0 2px 2px 0;
}
.search-list a{
    line-height: 32px;
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: 14px;
}
.search-list a:before{
    content: '';
    width: 4px;
    height: 4px;
    background: #999999;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.search-list a .color-red{
    border: 0;
}
/*yxj 在线展厅*/
.s-header{
    background: url('../yxj/images/show/s-header.jpg') center 0 no-repeat;
    width:100%;
    min-width:1200px;
    text-align: center;
    border-bottom:10px solid #f6f6f6;
}
.s-bg{
    background: url('../yxj/images/show/s-container.jpg') top center no-repeat;
    height:711px;
}
.s-showItem{
    width:294px;
    height:436px;
    position: relative;
    background: #fff;
    border-radius:4px;
    box-shadow:0 0 10px 5px rgba( 0, 0, 0, 0.1 );
    margin:0 10px;
}
.s-showItem img{
    width:100%;
}
.s-showItem p{
    text-align: left;
    color: #939393;
    font-size:14px;
    line-height:24px;
    padding:0 10px;
    max-height:94px;
    overflow: hidden;
}
.s-showItem h2{
    color: #03b492;
    font-size:17px;
    line-height:32px;
    font-weight:bold;
    margin-top:10px;
    text-align: center;
}
.s-showItem .num{
    font-size:52px;
    color: #03b492;
    font-weight:bold;
}
.s-showItem span{
    font-size:21px;
    color: #03b492;
}
.s-bg .s-showItem:nth-child(1)  h2,
.s-bg .s-showItem:nth-child(1)  .num,
.s-bg .s-showItem:nth-child(1)  span
{
     color: #007fc3
 }
.s-bg .s-showItem:nth-child(2)  h2,
.s-bg .s-showItem:nth-child(2)  .num,
.s-bg .s-showItem:nth-child(2)  span{
    color: #03b492
}
.s-bg .s-showItem:nth-child(3)  h2,
.s-bg .s-showItem:nth-child(3)  .num,
.s-bg .s-showItem:nth-child(3)  span{
    color: #f99f36
}
.s-bg .swiper-zt{
    width: 825px;
    height:440px;
    margin-top:30px;
    display: flex;
    justify-content: center;
}
.flexContainer{
    display: flex;
    display: -webkit-flex;
    justify-content: center;
}
.show-left{
    width:244px;
    background: #fff;
    position: relative;
}
.show-left .logo{
    background: url('../yxj/images/show/show-logo.jpg') 0 0 no-repeat;
    width:58px;
    height:669px;
    display: block;
    position: absolute;
    left:10px;
    bottom:0;
    z-index: 99;
}
.show-left .menu{
    background: #000;
    background-image: linear-gradient(to right, #f4f4f4 , #f5f5f5);
    display: block;
    width:222px;
    height:100%;
    position: relative;
    box-sizing: border-box;
}
.show-left .menu .menu-list{
    background: url('../yxj/images/show/menu-01.png') 0 0 no-repeat;
    width:244px;
    height:497px;
    position: absolute;
    top:70px;
    left:0;
    box-sizing: border-box;
    padding-top:30px;
}
.show-left .menu .icons-01,
.show-left .menu .icons-02,
.show-left .menu .icons-03
{
    background: url('../yxj/images/show/show-menu.png') center 0 no-repeat;
    display: block;
    width:30px;
    height:34px;
    margin:0 auto;
}
.show-left .menu .icons-02{
    background-position: 0 -58px;
}
.show-left .menu .icons-03{
    background-position: 0 -117px;
}
.show-left .menu a{
    color: #fff;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    font-size:18px;
    line-height:30px;
    /*width:247px;*/
    height:139px;
    padding-left:50px;
}
.show-left .menu a.cur{
    background: url('../yxj/images/show/menu-cur.png') 0 0 no-repeat;
}
@media screen and (max-width: 1400px) {
    .show-left{
        width:200px;
    }
    .show-left .menu .menu-list{
        background-size:100% 100%;
        width:200px;
        height:497px;
    }
    .show-left .menu a{
        font-size:15px;
        box-sizing: border-box;
    }
    .show-left .menu a.cur{
        background-size:100% 100%;
        width:200px;
    }
}
.show-right{
    width:1290px;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    flex-direction: column;
}
.show-top{
    background: url('../yxj/images/show/show-bg2.jpg') center 0 no-repeat;
    height:550px;
    position: relative;
}
.show-down{
    background: url('../yxj/images/show/show-bg3.jpg') center bottom no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    height:178px;
    position: relative;
    overflow: hidden;
}
.show-right .show-top .s-prev{
    top:50%;
    left:100px;
}
.show-right .show-top .s-next{
    top:50%;
    right:100px;
}
.show-right .show-down .s-prev{
    top:50%;
    left:20px;
    background-size: 20px 30px;
}
.show-right .show-down .s-next{
    top:50%;
    right:20px;
    background-size: 20px 30px;
}
.s-showDetail {
    width: 764px;
    height: 365px;
    padding-top:110px;

}
.s-showDetail .swiper-slide{
    text-align: left;
    height:365px;
    align-items: flex-start;
}
.s-showDetail .video-box{
    position: relative;
}
.s-showDetail .video-box{
    position: relative;
    width:470px;
    height:340px;
}
.s-showDetail .video-box video{
    width:100%;
    height:100%;
}
.s-showDetail .video-box h2{
    line-height:28px;
    font-size:16px;
    color: #fff;
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    bottom:0;
    width:100%;
    display: block;
    box-sizing: border-box;
    font-weight: normal;
    text-align: left;
    padding:5px 10px;
}
.s-showDetail .video-info{
    position: relative;
    width:294px;
    height:340px;
    background: #000;
    padding-left:12px;
}
.s-showDetail .video-info .price{
    color: #1b93fd;
    font-size:12px;
    position: absolute;
    right:10px;
    top:10px;
    text-align: left;
}
.s-showDetail .video-info .price span{
    color: #ffa800;
    font-size:14px;
}
.s-showDetail .video-info .tt{
    color: #fff;
    font-size:14px;
    line-height:24px;
    text-align: left;
    margin-top:10px;
}
.s-showDetail .video-info .icons-author,
.s-showDetail .video-info .icons-teacher,
.s-showDetail .video-info .icons-info
{
    background: url('../yxj/images/show/icons-video-info.png') 0 0 no-repeat;
    width:20px;
    height:20px;
    display: inline-block;
    vertical-align: middle;
    margin-right:5px;
}
.s-showDetail .video-info .icons-teacher{
    background-position:0 -34px;
}
.s-showDetail .video-info .icons-info{
    background-position:0 -71px;
}
.s-showDetail .video-info .info-box{
    border:solid 1px #5f5f5f;
    color: #6f706d;
    font-size:14px;
    line-height:21px;
    width:280px;
    height:173px;
    overflow: auto;
    padding:5px 10px;
    box-sizing: border-box;
    margin-top:5px;
}
.s-showDetail .video-info  p{
    color: #515151;
    font-size:12px;
}
.s-showDetail .video-info  .txt{
    color: #6f706d;
    font-size:14px;
}
.s-showList{
    margin-top:20px;
    width:1170px;
    height:130px;
}
.s-showList .img-box{
    width:185px;
    height:130px;
    position: relative;
    overflow: hidden;
}
.s-showList .img-box img{
    width:100%;
    height:100%;
}
.s-showList .img-box .icons-video{
    background: url("../yxj/images/show/icons-video-small.png") 0 0 no-repeat;
    width:16px;
    height:15px;
    vertical-align: middle;
    display: inline-block;
    margin-right:5px;

}
.s-showList .img-box h2{
    font-size:12px;
    color: #fff;
    line-height:24px;
    font-weight:normal;
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    bottom:0;
    left:0;
    padding:3px 5px;
    width:100%;
    box-sizing: border-box;
    transition: all 0.5s;
    text-align: left;
    overflow: hidden;
}
.s-showList .img-box p{
    font-size:12px;
    color: #fff;
    line-height:19px;
    font-weight:normal;
    background: rgba(0, 0, 0, 0.3);
    display: block;
    padding:5px;
    position: absolute;
    top:100%;
    left:0;
    overflow: hidden;
    transition: all 0.5s;
    box-sizing: border-box;
    width:100%;
    height:100%;
}
.s-showList .img-box:hover h2{
    bottom:-100%;
}
.s-showList .img-box:hover p{
    top:0;
}

.date_box{
    padding: 30px 20px;
    background: #f1f8fd;
}
.date-panel {
    width: 520px;
    min-height: 320px;
    float: right;
    background-color: #fff;
    color: #666;
    box-sizing: border-box;
    padding: 15px 20px;
    margin-left: 10px;
    margin-bottom: 15px;
}
.date-panel .ii span {
    line-height:2em;
}
.date-panel .ii em {
    margin-top:4.5px;
    color: #fff;
    width:25px;
    height:25px;
    margin-right: 10px;
    display:inline-block;
    vertical-align:-3px;
}
.date-panel .ii em.j-date {
    background: url("../images/icon-cla.png") no-repeat center bottom;
}
.date-panel .ii em.j-time {
    background: url("../images/icon-ocl.png") no-repeat center bottom;
}
.date-panel .ii em.j-location {
    background: url("../images/icon-pla.png") no-repeat center bottom;
    background-size:auto 20px;
}
.date-panel .ii em.j-target {
    background: url("../images/icon-per.png") no-repeat center bottom;
}
.date-panel .ii em.j-detail {
    background: url("../images/icon-not.png") no-repeat center bottom;
}

.right-main .ui-datepicker {
    width: 320px;
    padding-top: 20px;
}
.right-main .ui-datepicker-prev.ui-corner-all,.right-main .ui-datepicker-next.ui-corner-all{
    background: #fff;
    border-radius: 50%;
}
.right-main .ui-datepicker th{
    color:#666;
    font-weight: normal;
}
.right-main #j-link,.right-main #j-link2{
    color:#666;
}
.right-main .ui-widget-content a.cur {
    background-color: #c7e8fa;
}
.right-main .ui-datepicker .ui-datepicker-prev span,.right-main .ui-datepicker .ui-datepicker-next span{
    width: 0;
    height: 0;
    background: none;
    border:5px solid transparent;
    border-right-color:#00a3e1;
    left: -10%;
    margin: 0;
    top: 11%;
}
.right-main .ui-widget-header{
    background: #00a3e1;
}
.right-main .ui-datepicker .ui-datepicker-next span{
    border-right-color:transparent;
    border-left-color:#00a3e1;
    left: auto;
    right: -15%;
}
.right-main .ui-widget-content{
    border: 1px solid #87d4f1;
}
.right-main .ui-state-default,.right-main .ui-widget-content .ui-state-default,.right-main .ui-widget-header .ui-state-default{
    color:#00a3e1;
    border-color:#cce0ef;
    background-color: #e6f3fd;
}
.right-main #j-title,.right-main #j-title2{
    color: #00a3e1;
}
.right-main .ui-state-active,.right-main  .ui-widget-content .ui-state-active,.right-main  .ui-widget-header .ui-state-active{
    background: #5cb833;
    color:#fff;
}
.right-main .ui-state-highlight,.right-main .ui-widget-content .ui-state-highlight,.right-main .ui-widget-header .ui-state-highlight{
    background: #5cb833;
    color:#fff;
}
.right-main .ui-widget-content .ui-state-active.cur{
    background: #5cb833;
}
.right-main .ui-widget-content td a:hover{
    color:#fff;
    background-color:#5cb833;
}




@media screen and (max-width: 1200px) {
    .show-right{
        width:1000px;
    }
}
@media screen and (max-width: 1000px) {
    .show-right{
        width:815px;
    }
}