/* 首页轮播图 */
.index-swiper{
    position:relative;
    width:100%;
    height:auto;
    overflow:hidden;
}

.index-swiper .swiper-slide{
    position:relative;
    height:auto;
    width:1240px;
    overflow:hidden;
}

.index-swiper a{
    display:block;
}

.index-swiper img{
    display:block;
    width:100%;
}

.index-swiper .swiper-button-prev{
    opacity:0;
    left:30px;
    transition:opacity 0.3s;
}

.index-swiper .swiper-button-next{
    opacity:0;
    right:30px;
    transition:opacity 0.3s;
}

.index-swiper .swiper-button-prev:hover, .index-swiper .swiper-button-next:hover{
    opacity:1;
    transition:opacity 0.3s;
}

.index-swiper .swiper-pagination-bullet{
    background-color:transparent;
    border:1px solid #fff;
    opacity:1;
}

.index-swiper .swiper-pagination-bullet-active{
    border:0;
    background-color:#fff;
}
/* 轮播图end */
/* 业务体系 */
.index-contain .business-system{
    height:auto;
    width:1240px;
    margin:0 auto;
    font-size:0;
}
.business-system .head>p{
    width:100%;
    height:96px;
    line-height:140px;
    color:#080808;
    font-size:28px;
    text-align:center;
}
.business-system .head>span{
    display:inline-block;
    width:100%;
    height:50px;
    line-height:20px;
    color:#767676;
    font-size:16px;
}
.system-contain{
    height:252px;
}
.system-contain .item{
    display:inline-block;
    vertical-align:middle;
    position:relative;
    width:296px;
    height:252px;
    margin-right:18px;
    color:#fff;
    text-align:center;
}
.system-contain .manager{
    background:url(../img/manager-bg.png) top center no-repeat;
}
.system-contain .repair{
    background:url(../img/repair-bg.png) top center no-repeat;
}
.system-contain .data{
    background:url(../img/data-bg.png) top center no-repeat;
}
.system-contain .outsource{
    background:url(../img/outsource-bg.png) top center no-repeat;
    background-size:cover;
}
.system-contain .item:last-child{
    margin-right:0;
}
.system-contain .item:after{
    content:"";
    display:inline-block;
    vertical-align:middle;
    width:0;
    height:100%;
}
.system-contain .item>span{
    display:inline-block;
    vertical-align:middle;
    font-size:30px;
    opacity:1;
    z-index:9;
    transition:all 0.5s;
}
.system-contain .item span:before{
    content:"";
    display:block;
    margin:0 auto;
    transform:scale(0.8);
}
.system-contain .manager span:before{
    width:72px;
    height:72px;
    background:url(../img/index-spr.png) -10px -9px no-repeat;
}
.system-contain .repair span:before{
    width:78px;
    height:62px;
    background:url(../img/index-spr.png) -99px -9px no-repeat;
}
.system-contain .data span:before{
    width:82px;
    height:66px;
    background:url(../img/index-spr.png) -188px -9px no-repeat;
}
.system-contain .outsource span:before{
    width:62px;
    height:62px;
    background:url(../img/index-spr.png) -11px -110px no-repeat;
}
.system-contain .item>p{
    position:absolute;
    bottom:-60px;
    width:100%;
    height:30px;
    line-height:30px;
    color:#000;
    font-size:16px;
    text-align:center;
}
.system-contain .item .masking{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:0;
    z-index:-1;
    transition:all 0.5s;
    background:rgba(220, 11, 16, 0.7);
}
.system-contain .item.show>span{
    opacity:0;
    z-index:-1;
    transition:all 0.5s;
}
.system-contain .item.show .masking{
    opacity:1;
    z-index:10;
    transition:all 0.5s;
}
.system-contain .item .masking:after{
    content:"";
    display:inline-block;
    vertical-align:middle;
    width:0;
    height:100%;
}
.system-contain .item .masking>div{
    display:inline-block;
    vertical-align:middle;
    height:auto;
    width:70%;
}
.system-contain .item .masking span{
    font-size:24px;
    height:45px;
    line-height:45px;
}
.system-contain .item .masking p{
    font-size:14px;
    text-align:center;
}
.system-contain .item .masking a{
    display:block;
    height:36px;
    line-height:36px;
    width:100px;
    margin:11px auto 0;
    font-size:14px;
    border:1px solid #fff;
    background:transparent;
    color:#fff;
    cursor:pointer;
}

/* 新闻动态 */
.trends-contain{
    width:100%;
    height:100%;
    margin-top:50px;
    font-size:0;
    background:#f7f7f7;
}
.trends-contain .item{
    display:inline-block;
    vertical-align:top;
    margin-top:51px;
    text-align:left;
}
.trends-contain .item .content{
    width:580px;
    height:310px;
    padding:15px 16px 30px 0;
}
.trends-contain .institute-main{
    margin-right:78px;
}
.trends-contain .item .head{
    display: block;
    width:100%;
    height:60px;
    line-height:60px;
    border-bottom:1px solid #e8e8e8;
}
.trends-contain .item .head span{
    display:inline-block;
    height:60px;
    line-height:60px;
    font-size:28px;
    color:#313131;
}
.trends-contain .item .head a{
    display:block;
    float:right;
    height:60px;
    line-height:85px;
    font-size:14px;
    color:#313131;
    background:transparent;
    border:0;
    cursor:pointer;
}
.trends-contain .item .head a:hover{
  color:rgb(220, 11, 16);;    
}
.trends-contain .news-list li:hover p{
  color:rgb(220, 11, 16);;    
}
.trends-contain .news-list li p:before{
    content:"";
    display:inline-block;
    vertical-align:middle;
    width:6px;
    height:6px;
    margin-right:7px;
    border-radius:50%;
    background:#313131;
    border:1px solid #666;
}
.trends-contain .news-list li div{
    width:100%;
}
.trends-contain .news-list li p{
    display:inline-block;
    width:100%;
    height:37px;
    line-height:37px;
    font-size:14px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#313131;
}
.trends-contain .news-list li p:hover{
    color:rgba(220, 11, 16);
}
/* 大同学院 */
.trends-contain .institute-main .content{
    padding:30px 8px 20px;
    margin-bottom:84px;
}
.institute-swiper{
    position:relative;
    width:100%;
    height:auto;
    overflow:hidden;
}

.institute-swiper .swiper-slide{
    position:relative;
    height:268px;
    width:580px;
    overflow:hidden;
}

.institute-swiper a{
    display:block;
}

.institute-swiper img{
    display:block;
    width:100%;
    height:268px;
    margin:0 auto;
}
.institute-swiper p{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:40px;
    line-height:40px;
    padding-left:16px;
    font-size:14px;
    color:#fff;
    text-align:left;
    font-weight:500;
    background:rgba(0,0,0,0.4)
}

.institute-swiper .swiper-pagination-bullets,.institute-swiper .swiper-pagination-custom,.institute-swiper .swiper-pagination-fraction{
    width:auto !important;
    bottom:20px !important;
}

.institute-swiper .swiper-pagination-bullet{
    width:4px;
    height:4px;
    background-color:#e5e5e5;
    border:0;
    opacity:1;
}

.institute-swiper .swiper-pagination-bullet-active{
    width:24px;
    height:4px;
    border-radius:1.5px;
    border:0;
    background-color:#cdac57;
}
/* 合作伙伴 */
.resource-center{
    width:100%;
    /*height:658px;*/
    padding:60px 0 75px;
}
.resource-center h2{
    margin-bottom:10px;
    font-size:28px;
    font-weight:500;
    color:#080808;
}
.resource-center h3{
    display:inline-block;
    vertical-align:middle;
    font-size:16px;
    font-weight:500;
    color:#767676;
}
.resource-center h3:before{
    content:"";
    display:inline-block;
    vertical-align:middle;
    width:18px;
    height:1px;
    margin-right:4px;
    background-color:#767676;
}
.resource-center h3:after{
    content:"";
    display:inline-block;
    vertical-align:middle;
    width:18px;
    height:1px;
    margin-left:4px;
    background-color:#767676;
}
.resource-center .cooperative-partner{
    width:1240px;
    margin:59px auto 0;
}
.resource-center .cooperative-partner table tr{
    height: 80px;
    line-height: 80px;
    vertical-align: middle;
}
.resource-center .cooperative-partner table tr td{
    width: 206px;
    text-align: center;
}
.resource-center .cooperative-partner table tr td a{
    cursor: pointer;
    pointer-events:none;
}
.resource-center .cooperative-partner table tr td img{
    height:62px;
    width: 164px;
    border: 1px solid #eaeaea;
}
