@font-face {
    font-family: 'icon';  /* project id 388299 */
    src: url('//at.alicdn.com/t/font_388299_z0a0aw23drseb3xr.eot');
    src: url('//at.alicdn.com/t/font_388299_z0a0aw23drseb3xr.eot?#iefix') format('embedded-opentype'),
    url('//at.alicdn.com/t/font_388299_z0a0aw23drseb3xr.woff') format('woff'),
    url('//at.alicdn.com/t/font_388299_z0a0aw23drseb3xr.ttf') format('truetype'),
    url('//at.alicdn.com/t/font_388299_z0a0aw23drseb3xr.svg#iconfont') format('svg');
}
.icon{font-family:"icon" ;  font-style:normal;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}



.t-container{
    width: 80%;
    margin: 0 auto 60px;
}
/***********模块标题***************/
.t-block-tittle{
    padding: 20px 0px 0;
    font-size: 20px;
    color: #2D2D2D;
}
.t-block-tittle::before{
    content: "";
    position: absolute;
    width: 130px;
    height: 1px;
    top:60px;
    left: 0;
    background: rgba(45,187,140,0.7);
}
.t-block-tittle a{
    font-size: 14px;
    color: #2DBB8C;
    cursor: pointer;
}
.t-block-tittle span{
    padding: 0px 10px;
}
/***********动态资讯模块***********/
.t-news-block{
    margin-top: 20px;
    border: 1px solid #ececec;
    box-shadow: 0 0 50px 0 rgba(0,0,0,.1);
    padding: 20px 20px 30px 20px;
}
/***********活动动态模块********/
.t-activity-block{
    border-right: 1px solid rgba(45,187,140,0.7);
    padding-left: 0;
}
.t-activity-tittle{
    font-size: 16px;
    margin-bottom: 5px;
    padding: 0;
}
.t-activity-content{
    padding: 0;
    width: 100%;
    line-height: 22px;
    font-size: 14px;
    text-align: justify;
    text-indent: 2em;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    white-space:normal;
    overflow: hidden;
    text-overflow: ellipsis;
}
.t-activity-item{
    padding: 0;
}
.t-activity-item:nth-last-of-type(1){
    margin-top: 30px;
}
.t-p-0{
    padding:0;
}
/************新闻列表**********/
.t-news-item{
    height: 40px;
    line-height: 40px;
    /*border-bottom: 1px dashed #999;*/
    margin-bottom: 5px;
    font-size: 14px;
    padding: 0;
    overflow: hidden;
    text-overflow: ellipsis!important;
    white-space: nowrap;
    color: #666666;
}

.t-news-block i{
    color: #2DBB8C;
}

.t-activity{
    padding: 0 15px;
    margin-bottom: 15px;
}
/************八大基地模块**********/
.t-base-block{
    margin: 20px 0 10px 0;
    border: 1px solid #ececec;
    box-shadow: 0 0 50px 0 rgba(0,0,0,.1);
    padding: 30px 20px 0px 30px;
}

.img-rounded{
    overflow: hidden;
}
.t-base-block .col-sm-3{
    margin-bottom: 30px;
}
.t-img-box{
    width:100%;
    height: auto;
    display: block;
    position: relative;
    background: #cdcdcd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
}
.t-img-box img {
    overflow: hidden;
    width:100%;
}

/************资源展播模块**********/
.t-recourse-block{
    margin: 20px 0 10px 0;
    border: 1px solid #ececec;
    box-shadow: 0 0 50px 0 rgba(0,0,0,.1);
    padding: 30px 20px;
}
.t-recourse-newst,.t-recourse-hot{
    padding: 0;
}
.t-recourse-newst,.t-recourse-hot span{
    margin-left: 5px;
}
.t-recourse-newst i{
    color: #2DBB8C;
}
.t-recourse-hot i:nth-of-type(1){
    color: #bb3c1e;
}
.t-recourse-item:nth-of-type(2) i{
    color: #666666;
}
.t-recourse-item{
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    padding: 0;
    overflow: hidden;
    text-overflow: ellipsis!important;
    white-space: nowrap;
    margin-bottom: 5px;
    color: #666666;
}
.btn-group{
    margin: 0!important;
}

@media (max-width: 768px) {
    .t-container{
        width: 90%;
    }
    .t-news h4{
        margin-bottom: 5px;
    }
    .t-activity-block{
        border-right: none;
    }
    .t-activity-content{
        -webkit-line-clamp: 3;
        line-height: 18px;
    }
    .t-tittle{
        font-size: 16px;
    }
    .t-activity-tittle{
        font-size: 14px;
        margin-bottom: 0px;
    }
    .t-activity-content{
        font-size: 13px;
    }
    .t-activity-item:nth-last-of-type(1){
        margin-top: 15px;
        margin-bottom: 20px;
    }
    .t-news-item{
        font-size: 13px;
    }
    .t-block-tittle{
        padding: 15px;
        font-size: 18px;
        border-bottom: 2px solid rgba(45,187,140,0.7);
    }
    .t-news-block{
        margin-top: 0;
        padding: 10px 5px 20px 5px;
    }
    .t-block-tittle::before{
        display: none;
    }
    .t-recourse-block{
        margin-top: 0;
        padding: 10px 5px 20px 5px;
    }
    .t-base-block{
        margin-top: 0;
        padding: 20px 25px;
    }
    .t-base-block img{
        padding-left: 10px;
        padding-right: 10px;
    }
    .t-base-block .col-xs-6{
        margin-bottom: 20px;
        padding: 0;
    }
}


/**********************************cy添加***************************/
/*******page css*******/
.card-container{position: relative;}
.col-sm-3{position: relative;overflow: hidden;}
.front a{height: 100%;display: block;border-radius:6px;border: 1px solid #dedfe2;background: #eee;}
.front a img{display: block;width: 100%;height: 100%;}
.back a{height: 100%;display: block;}

.add-base{border:1px dashed #cdcdcd;height: 100%;width: 100%;border-radius: 50%;overflow: hidden;display: table;vertical-align: middle;text-align: center;}
.add-base .fa{text-align: center;display: table-cell;color: #929292;font-size: 15px;padding-top: 38px;position: relative}
.add-base .fa::before{content: "+";display: block;color: #bababa;position: absolute;top: 14%;left: 0;right: 0;margin: auto;font-size: 44px;}


/**********翻转的css*************/
.brand a{display: block;float: left;width: 100%;height: 150px;border-radius:6px;text-align: center;position: relative;overflow: hidden;border: 1px solid #dedfe2;}
.brand a:hover img{transform: scale(1.1, 1.1);}
.brand a:hover .rect_border{width: calc(100% + 20px);height: calc(100% + 20px);position: absolute;left: -10px;top: -10px;z-index: 2;}
.brand img{width: 100%;height: 150px;border-radius:6px;position: absolute;left: 0;top: 0;z-index: -1;transition: all ease-out .3s;}
.brand .base-info{display: none;border-radius:6%;padding:0;background-color: #5fa832;color: #fefefe;width: 0;height: 150px;margin: 0 auto;}
.tit-box{  display: table;vertical-align: middle;text-align: center;width: 100%;height: 100%;padding: 0 10px;}
.tit-box span{display: table-cell;vertical-align: middle;text-align: center;}

@media screen and (min-width: 768px){
    .brand a{height: 170px;}
    .brand img,.tit-box,.brand .base-info{height: 168px;}

}