/* banner */
.about_banner{
    height: 380px;
}

.about_banner_left{
    width: 100%;
}

.about_banner_left>img{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%)
}

.about_banner_right>img{
    position: absolute;
    top: 0;
    left: 0;
}

.about_news_cont{
    position: absolute;
    left:16px;
    z-index:10;
}

.news_cont_top{
    display: block;
    width:68px;
    text-align: center;
    margin:26px 0 24px 0;
    padding:5px 0;
    -moz-border-radius: 25px;
    border-radius: 25px;
    font-size: 11px;
    color:#eb6622;
    border:1px solid #eb6622;
}
.news_cont_title{
    color:#fff;
    font-size: 22px;
    width:250px;
    font-family: '微软雅黑';
    font-weight: normal;
}
.news_cont_time{
    position: relative;
    margin-top:26px;
    color:#666;
    padding-left:24px;
}
.news_icon{
    display: block;
    position: absolute;
    width:14px;
    height:14px;
    left:0;
    top:4px;
}

.about_news_box{
    background: #f7f7f7;

}

.news_list_tab{
    width:1000px;
    overflow: hidden;
    margin:0 auto;
}
.list_title{
    float: left;
    margin:20px 40px 10px 0;
    padding-bottom:24px;
    font-size: 22px;
    color:#666;

}
.list_title h4{
    font-weight:normal;
    cursor: pointer;
}

.list_title.on{
    color:#eb6100;
}

.list_title.on .title_line{
    position: absolute;
    bottom:0;
    width:50px;
    height:1px;
    background: #eb6100;
}

.list_title h3{
    font-weight: normal;
}

.news_list_cont{
    display: none;
    width:1000px;
    margin:20px auto 0 auto;
}
.news_list_box{
    overflow: hidden;
    background: #fff;
}
.news_list_item{
    overflow: hidden;
    padding:22px 16px 20px 16px;
    border-bottom:1px solid #f5f5f5;
}
.news_list_item>a{
    display: block;
    overflow: hidden;
}
.news_list_pic{
    float: left;
    width:345px;
    height:210px;
}
.news_list_pic img{
    height:100%;
    width:100%;
}
.news_list_text{
    float: left;
    padding-left:22px;
}
.list_text_title{
    width:600px;
    font-size: 20px;
    color:#000;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.news_list_box li:hover{
    -webkit-box-shadow:0 0 38px 0 rgba(203,211,216,0.4);
    -moz-box-shadow:0 0 38px 0 rgba(203,211,216,0.4);
    box-shadow:0 0 38px 0 rgba(203,211,216,0.4);
    background:#fff;
}
.news_list_box li:hover .list_text_title{
    color:#eb6100;
}

.news_list_main .on{
    display: block;
}
/* 分页 */
.page_wrap{
    text-align: center;
    margin:56px 0 40px 0;
}
.page_box{
    overflow: hidden;
    display: inline-block;
    margin:0 auto;
}
.page_btn_big{
    width:40px;
    height:40px;
    line-height: 40px;
}

.page_btn_big.on{
    background: #eb6100;
}

.page_btn_big.on>a{
    color: #fff;
    display: inline-block;
    width: 100%;
}

.page_num{
    overflow: hidden;
    float: left;
}
.page_btn{
    float: left;
    text-align: center;
    background: #e9e9e9;
    color:#000;
    margin:0 5px;
}
.page_num li{
    float: left;
    text-align: center;
    background: #fff;
    color:#000;
    margin:0 5px;
}

.page_btn:hover, .page_num li:hover{
    background: #ff6500;
    color: #fff;
}

/* 豆浆文化 */
/*.page_btn_small{*/
    /*width:20px;*/
    /*height:20px;*/
    /*line-height: 20px;*/
/*}*/
.news_dj_box{
    overflow: hidden;
}
.news_dj_item{
    position: relative;
    overflow: hidden;
    padding:20px 18px 20px 16px;
    background: #fff;
    margin-bottom:20px;
}
.news_dj_tip{
    position: absolute;
    top:0;
    left:0;
    z-index:10;
    width:112px;
    height:112px;
    padding:8px 0 0 8px;
    font-size: 18px;
    color:#fff;
}
.dj_tip02{
    background-position:0 -113px;
}
.dj_tip03{
    background-position:0 -226px;
}
.dj_tip04{
    background-position:0 -339px;
}

.news_dj_pic{
    float: left;
    width:345px;
    height:265px;
}
.news_dj_text{
    padding-left: 370px;
}
.news_dj_ul{
    overflow: hidden;
    max-height:210px;
    overflow-y: auto;
}
.news_dj_li{
    overflow: hidden;
    padding-bottom: 14px;
}
.news_dj_li>a{
    overflow: hidden;
    display: block;
    color:#404040;
    font-size: 16px;
}
.dj_li_num{
    float: left;
    width:5%;
}
.dj_li_title{
    float: left;
    width:70%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.dj_li_title:hover{
    color: #eb6100;
}

.dj_li_time{
    float: right;
    margin-top:0;
}
.page_dj{
    position: absolute;
    bottom: 20px;
    right:20px;
    width: 110px;
    height: 21px;
    padding: 0 18px;
}

.page_dj .swiper-slide{
    text-align: center;
    cursor: pointer;
    background: #f5f5f5;
    /*width: 32%;*/
    /*width: 22.5px;*/
    /*margin-right: 3px;*/
}

.swiper-slide.swiper-slide-active{
    background: #ff6500;
    color: #fff;
}

.swiper-button-prev{
    width: 15px;
    height: 20px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23a58372'%2F%3E%3C%2Fsvg%3E")!important;
    -moz-background-size: 100% 80%;
    background-size: 100% 80%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    margin-top: 0;
}

.swiper-button-next{
    width: 15px;
    height: 20px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23a58372'%2F%3E%3C%2Fsvg%3E")!important;
    -moz-background-size: 100% 80%;
    background-size: 100% 80%;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    margin-top: 0;
}