.bottom {
    width: 100%;
    height: 620px;
}
.swiper-container {
    width: 100%;
    height: 620px;
} 
.swiper-container img {
    width: 100%;
}
.pagination {
    position: absolute;
    z-index: 20;
    right: 13%;
    bottom: 50px;
}
.swiper-pagination-switch {
    display: inline-block;
    width: 65px;
    height: 6px;
    background: #fff;
    margin: 0 3px;
    cursor: pointer;
}
.swiper-active-switch {
    background: #007eb4;
}
.tips-bottom {
    position: absolute;
    bottom: 35px;
    width: 10%;
    height: 45px;
    line-height: 45px;
    padding-left: 190px;
    color: #fff;
    font-size: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    /*background-color: #264064;*/
}
.bottom .arrow-left {
    position: absolute;
    left: 65px;
    top: 65%;
    margin-top: -15px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: url(/zryh/xhtml/images/public/lf.png) no-repeat center center;
    z-index: 10;
}
.bottom .arrow-right {
    position: absolute;
    right: 65px;
    top: 65%;
    margin-top: -15px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: url(/zryh/xhtml/images/public/rh.png) no-repeat center center;
    z-index: 10;
}
/* 搜索框样式 */
.search-tool {
    position: relative;
    width: 1180px;
    height: 84px;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0px 5px 5px #888888;
    margin: 0 auto;
    padding: 0 25px;
    margin-top: -41px;
    z-index: 22;
}
.search {
    position: relative;
    width: 675px;
    height: 100%;
    line-height: 84px;
}
.search input {
    width: 100%;
    height: 96%;
    border-right: 2px solid #f3f3f3;
    font-size:16px;
}
.search form {
    height: 84px;
}
.search input#button {
    position: absolute;
    top: 20px;
    right: 30px;
    opacity: 0;
    height: 39px;
    width: 40px;
    z-index: 11;
   cursor: pointer;
}
.search img{
    position: absolute;
    top: 20px;
    right: 30px;
    cursor: pointer;
}
.search-tips div {
    float: left;
    height: 100%;
    line-height: 84px;
    padding: 0 25px;
}
.search-tips span {
    font-size:20px;
    font-weight:bold;
    margin-left:5px;
}
/* 内容区域样式 */
.content {
    width: 100%;
    /* height: 998px; */
    background: url(/zryh/xhtml/images/index/bmbj.png) center center no-repeat;
    background-size: cover;
}
.section {
    position: relative;
    height: 100%;
    padding: 95px 0;
}
.section ul {
    position: relative;
    z-index: 11;
}
/* 通知类样式 */
.tzl {
    width: 880px;
    margin: 0 auto;
}
.tzl li {
    float: left;
    width: 290px;
    padding: 38px 0;
    color: #fff;
    text-align: center;
}
.tzl .rczp {
    padding: 75px 0;
    margin-top: 3px;
}
.tzl span,
.yjl span,
.zbl span {
    display: block;
    color: #fff;
}
.wzc {
    font-size: 24px;
    margin: 5px 0;
}
.wze {
    font-size: 14px;
}
.yynews {
    background: url(/zryh/xhtml/images/index/yynews.jpg) no-repeat center;
    margin-top: 74px;
}
.tzgg {
    background: url(/zryh/xhtml/images/index/tz_b.png) no-repeat center;
    margin-top: 74px;
}
.rczp {
    background: url(/zryh/xhtml/images/index/rc_b.png) no-repeat center;
}
.jxtz {
    background: url(/zryh/xhtml/images/index/jx_b.png) no-repeat center;
    margin-top: 74px;
}
.kycg {
    background: url(/zryh/xhtml/images/index/ky_b.png) no-repeat center; 
}
.system {
    background: url(/zryh/xhtml/images/index/oa_b.png) no-repeat center; 
}
.lcyj {
    background: url(/zryh/xhtml/images/index/yjs_b.png) no-repeat center; 
}
.tsg {
    background: url(/zryh/xhtml/images/index/tsg_b.png) no-repeat center; 
}
.zgzj {
    background: url(/zryh/xhtml/images/index/zgj_b.png) no-repeat center; 
}
.zbcg {
    background: url(/zryh/xhtml/images/index/zbcg_b.png) no-repeat center; 
}
.yjl {
    width: 1180px;
    margin: 0 auto;
}
.yjl li{
    float: left;
    width: 295px;
    padding: 32px 0 35px 0;
    text-align: center;
}
.yjl li img {
    height: 65px;
}
.yjl .wzc {
    margin-top: 10px;
}
.tsg span {
    color: #5d6378;
}
.zbl {
    width: 770px;
    margin: 0 auto;
}
.zbl li {
    float: left;
    width: 295px;
    padding: 75px 0;
    text-align: center;
}
.zbl .zbcg {
    padding: 37px 0;
}
.zbl .lk {
    width: 90px;
    height: 195px;
    background-color: #2d47a9;
}
.zbl .zk {
    width: 90px;
    height: 103px;
    background-color: #bea264;
}
.left-box,
.right-box {
    position: absolute;
    top: 33%;
    width: 570px;
    height: 305px;
}
.left-box {
    left: 0;
    background-color: #a4222a;
}
.right-box {
    right: 0;
    background-color: #0292ca;
}
.zbl .more {
    display: block;
    position: absolute;
    top: 45px;
    right: -27%;
    width: 160px;
    padding: 33px 0;
    background-color: #9c1e23;
    color: #fff;
}
.more span{
    margin-bottom: 10px;
}
/* 专题建设 */
.ztjs-box {
    position: relative;
    width: 100%;
    height: 577px;
    padding-top: 77px;
    background: url(/zryh/xhtml/images/index/zjbj.png) no-repeat top center;
}
.title {
    width: 1180px;
    margin: 0 auto;
    /*margin-left: 90px;
    margin-bottom: 40px;*/
}
.title span{
    display: block;
    font-size: 34px;
}
.title .yw {
    margin-top: 5px;
    font-size: 14px;
    color: #ccc;
}

.ztjs-swiper{position: relative;width:1250px;margin:0 auto;margin-top: 45px;}

.ztjs-list.swiper-container {
    width: 1250px;/*940px;*/
    height: 355px;
    min-height: 265px;
	margin:0;
	/*float:right;*/
}
.ds-img {float: left;}
.ztjs-list .swiper-slide img,
.ds-img img {
    width: 295px;
    height: 200px;
}
.ztjs-list .swiper-slide span,
.m-ztjs-list .swiper-slide span,
.ds-img span {
    display: block;
    width: 295px;
    height: 65px;
    line-height: 65px;
    font-size: 18px;
    padding-left: 30px;
    border: 1px solid #ddd;
    border-top: none;
    border-bottom: 3px solid #9ba4c5;
    color: #333;
}
.ctrls {
    position: absolute;
    top: -95px;
    right: 35px;
    width: 115px;
    height: 40px;
}
.ctrls .arrow-left {    
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -15px;
    width: 42px;
    height: 42px;
    background: url(/zryh/xhtml/images/public/arrow_left.png) no-repeat left top;
}
.ctrls .arrow-right {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -15px;
    width: 42px;
    height: 42px;
    background: url(/zryh/xhtml/images/public/arrow_right.png) no-repeat left bottom;
}
.ztjs-list .swiper-slide-active.swiper-slide span {
    height: 95px;
    line-height: 95px;
    border-bottom-color: #c68e91;
}

/* 移动端适配 */
@media screen and (max-width:768px){
    .section{
        display: none;
    }
    .m_section{
        display: block !important;
        width: 100%;
    }
    .m_section ul.tzl{
        display: flex;
        width: 100%;
        flex-flow: row wrap;
        padding: 9% 4% 0 4%;
    }
    .m_section  ul.tzl li{
        float: none;
        margin: 0;
        padding: 38px 0;
        flex: 1 1 auto;
        width: calc(100% / 2);
        background-size: cover;
    }
    .m_section ul.tzl li img{
        width: 65px;
        height: 65px;
    }
    .ztjs-box{
        height: 507px;
        padding: 8% 4% 0 4%;
    }
    .ztjs-box .title{
        width: 100%;
    }
    .ztjs-box .title span{
        font-size: 24px;
    }
    .ctrls{
        top: -83px;
        right: 0;
    }
    .ctrls .arrow-left,.ctrls .arrow-right{
        width: 34px;
        height: 34px;
        background-size: contain;
    }
    .ztjs-swiper{
        width: 100%;
    }
    .ztjs-list.swiper-container{
        display: none;
    }
    .m-ztjs-list.swiper-container{
        display: block !important;
        height: 310px;
    }
    .m-ztjs-list .swiper-slide img{
        width: 100%;
        height: 204px;
    }
    .m-ztjs-list .swiper-slide p{
        width: 100%;
        height: 65px;
        border-bottom: 3px solid #9ba4c5;
        display: table-cell;
        vertical-align: middle;
    }
    .m-ztjs-list .swiper-slide span{
        padding-left: 0;
        display: inline;
        text-align: center;
        font-size: 14px;
        border: none;
        line-height: 0;
    }
    /* 威廉体育app学研究 */
    .ejlist ul li{
        font-size: 16px;
        height: 64px;
        line-height: 64px;
    }
    .ejlist ul li div{
        float: none;
    }
} 
@media screen and (max-width:375px){
    .m_section  ul.tzl li{
        background-size: inherit;
    }
}