/*****banner*****/
.banner{
    width: 100%;
    height: 870px;
}

.bannerPc .bn_title{
    width: 100%;
    position: absolute;
    line-height: 870px;
    font-size: 60px;
    color: #fff;
    top: 0;
    left: 0;
    text-align: center;
    font-family: Source Han Sans CN, Source Han Sans CN-ExtraLight;

}

.swiper-item img{
    width: inherit;
    height: 870px;
}

/****简介*****/
#brief{
    width: 100%;
    height: 460px;
    display: flex;
    background: url("../../img/briefbg.png") no-repeat;
}

#brief .bf_left{
    flex: 7;
    position: relative;
    padding: 58px 133px 60px 60px;
    cursor: pointer;
}

#brief .bf_right{
    flex: 4;
    padding: 58px 133px 60px 0;
}

#brief .bf_right video{
    width: 100%;
    height: 100%;
    display: inline-block;
}

#brief .bf_title{
    font-size: 32px;
    text-align: left;
    color: #4d4d4d;
}

#brief .bf_content{
    height: 145px;
    font-size: 14px;
    text-align: left;
    color: #999;
    padding: 30px 0 30px 0;
}

#brief .bf_more{
    font-size: 14px;
    opacity: 0.6;
    color: #999;
    line-height: 24px;
    position: absolute;
    bottom: 58px;
    cursor: pointer;
}

#brief .bf_more:hover{
    color: #0141a2;
}

#brief .bf_right img{
    width: 608px;
    height: 344px;
}

/****新闻资讯/公告通知*****/
#announcement{
    width: 100%;
    height: 415px;
    background: #fafafa;
    display: flex;
}

#announcement .left_news,#announcement .right_notice{
    flex: 1;
    width: calc((100%/2) - 60px);
}

#announcement .title{
    font-size: 32px;
    color: #4d4d4d;
}

#announcement .show_more{
    opacity: 0.6;
    font-size: 14px;
    float: right;
    color: #999999;
    padding-top: 20px;
    cursor: pointer;
}

#announcement .show_more:hover{
    color: #0141a2;
}

#announcement .left_news .details{
    display: flex;
    margin-left: 60px;
    width: calc(100% - 120px);
    margin-right: 30px;
}

#announcement .left_news .details .item+.item{
    margin-left: 30px;
}

#announcement .left_news .item{
    flex: 1;
    width: calc((100% / 2) - 15px);
    display: inline-block;
    cursor: pointer;
}

#announcement .left_news img{
    width: 100%;
    height: 160px;
}

#announcement .left_news .item .title1{
    width: 100%;
    font-size: 16px;
    text-align: left;
    color: #4d4d4d;
    line-height: 35px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
}

#announcement .left_news .item .title1:hover {
    color: #0141a2;
}

#announcement .left_news .item .title2{
    width: 100%;
    max-width: 400px;
    font-size: 12px;
    text-align: left;
    color: #999;
    line-height: 33px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
}

#announcement .left_news .item .title2:hover {
    color: #0141a2;
}

#announcement .item .more{
    opacity: .6;
    font-size: 12px;
    float: left;
    color: #b3b3b3;
    cursor: pointer;
}

#announcement .item .more:hover{
    color: #0141a2;
}

#announcement .item .time{
    font-size: 12px;
    float: right;
    color: #999;
}

#announcement .right_notice .notices{
    display: flex;
    width: calc(100% - 60px);
}

#announcement .right_notice .notices .item{
    width: calc((100%/2) - 15px);
    height: 107px;
    cursor: pointer;
}

#announcement .right_notice .notices .item + .item{
    margin-left: 30px;
}

#announcement .right_notice .notices .title{
    width: 100%;
    font-size: 16px;
    color: #4d4d4d;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#announcement .right_notice .notices .title:hover{
    color: #0141a2;
}

#announcement .right_notice .notices .content{
    width: 100%;
    height: 35px;
    font-size: 12px;
    color: #999;
    line-height: 19px;
    margin: 5px 0 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
}

#announcement .right_notice .notices .content:hover{
    color: #0141a2;
}

#announcement .right_notice .divider{
    display: flex;
    margin: 20px 60px 20px 0;
}

#announcement .right_notice .divider span{
    width: 100%;
    height: 1px;
    background-color: #f2f2f2;
    flex: 1;
    margin-right: 30px;
}



/****园区活动*****/
#activities{
    width: 100%;
    height: 522px;
}

#activities .title{
    padding: 60px 60px 20px;
    border-bottom: 1px solid #f2f2f2;
}

#activities .title .left{
    font-size: 32px;
    color: #4d4d4d;
}

#activities .title .right{
    opacity: 0.6;
    font-size: 14px;
    float: right;
    color: #999999;
    padding-top: 18px;
    cursor: pointer;
}

#activities .title .right:hover{
    color: #0141a2;
    opacity: .7;
}

#activities .details{
    display: flex;
    padding: 60px 60px 20px;
}

#activities .details .item{
    width: calc((100% / 3));
    height: 333px;
    cursor: pointer;
}

#activities .details .item:nth-of-type(1){
    margin-right: 60px;
}

#activities .details .item:nth-of-type(2){
    margin-right: 60px;
}


#activities .details .item img{
    width: 100%;
    height: 280px;
    padding-bottom: 15px;
}

#activities .details .item .lf{
    font-size: 16px;
    color: #4d4d4d;
    font-weight: 500;
}

#activities .details .item .lf:hover{
    color: #0141a2;
}

#activities .details .item .arrow{
    width: 25px;
    height: 20px;
    float: right;
    opacity: 0.5;
    color: #0141a2;
    border-radius: 1px;
    font-size: 20px;
}

#activities .details .item .arrow:hover{
    color: #0141a2;
}

/****入驻企业*****/
#settledEnterprise{
    width: 100%;
    /*height: 366px;*/
    background: #fafafa;
}

#settledEnterprise .title{
    padding: 60px 60px 20px;
    border-bottom: 1px solid #f2f2f2;
}

#settledEnterprise .title .left{
    font-size: 32px;
    color: #4d4d4d;
}

#settledEnterprise .title .right{
    opacity: 0.6;
    font-size: 14px;
    float: right;
    color: #999999;
    padding-top: 18px;
}

#settledEnterprise .details{
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    flex-wrap: wrap;
    padding: 20px 60px 0;
}

#settledEnterprise .details .item{
    width: calc(100%/8 - 35px);
    height: 75px;
    background: #fff;
    content: '';
    overflow: hidden;
    margin-right: 35px;
    margin-bottom: 22px;
}

#settledEnterprise .details .apply{
    height: 75px;
    line-height: 75px;
    text-align: center;
    background: #0141a2;
    border-radius: 4px;
    box-shadow: 0px 4px 10px 0px rgba(28,73,132,0.03);
    font-size: 18px;
    color: #ffffff;
    cursor: pointer;
}

#settledEnterprise .details .item:nth-child(8n + 8){
    margin-right: 0;
}

#settledEnterprise .details .item img{
    width: 70%;
    height: 37px;
    margin-bottom: 22px;
    margin-left: 15%;
    margin-top: 17px;
}

/****友情链接*****/
#links{
    width: 100%;
    height: 97px;
    color: #4d4d4d;
}

#links span{
    font-size: 12px;
}

#links .title{
    width: 10%;
    float: left;
    font-size: 16px;
    display: inline-block;
}

#links .items{
    width: 90%;
    display: inline-block;
    float: left;
}

#links .items a {
    line-height: 23px;
    padding-right: 50px;
}

#links .items a:hover{
    text-decoration: none;
    color: #428bca;
}

/*入驻企业*/
.enterprise-box {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 10px 20px;
    box-sizing: border-box;
}
.enter-item {
    position: relative;
    width: calc((100% - 340px) / 4);
    /* height: 178px; */
    overflow: hidden;
    margin: 20px 20px;
    padding: 20px 20px 0;
    border: 1px solid #F2F2F2;
    background-color: #ffffff;
    box-sizing: content-box !important;

}
.enter-item:hover {
    cursor: pointer;
    -webkit-box-shadow: 0 5px 20px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 5px 20px rgba(0,0,0,0.3);
    box-shadow: 0 5px 20px rgba(0,0,0,0.3);
}
.enter-item:hover .enter-item-desc {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 290px;
    padding: 20px;
    z-index: 999;
    text-overflow: ellipsis;
    overflow: hidden;
    animation: mymove 2s;

}
@keyframes mymove  {
    from {top: 97px; height: 38px;}
    to {top: 0; height: 290px;}
}
.enter-item-center {
    text-align: center;
}
.enter-item-logo {
    /*width: 193px;*/
    height: 76px;
    padding: 20px 0;
    box-sizing: border-box !important;;
    overflow: hidden;
}
.enter-item-tile {
    margin: 10px 0;
    font-size: 16px;
    font-family: Microsoft YaHei, Microsoft YaHei-Bold;
    font-weight: 700;
    color: #4d4d4d;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.enter-item-desc {
    /* height: 38px; */
    font-size: 14px;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    color: #999999;
    background-color: #ffffff;
    text-overflow: ellipsis;
    overflow: hidden;
    box-sizing: border-box !important;
}
.image-display {
    display: inline-block;
}
#enterpriseEnter .enterprise-page-content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}