@charset "utf-8";


body,html{background: #F6F8FA;width: 100%;overflow-x: hidden;overflow-y: auto;}

.newshot-wrap{
    width: 100%;
    padding: 50px 0px 50px 0px;
    float: left;
}

.news-on {
    border-bottom: 3px solid #2D9A00;
}
/* .banner-box2{width: 33%;} */
.news-box{
    width: 32%;
    float: left;
    height: 480px;
    margin-top: 15px;
    margin-right: 2%;
}
.news-box:nth-child(3n){margin-right: 0px;}
.news-img1{
    width: 100%;
    height: 240px;
    float: left;
    object-fit: cover;
}
.news-title{
    width: 100%;
    float: left;
    font-size: 16px;
    line-height: 22px;
    height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 30px;
}
.news-time{
    width: 100%;
    float: left;
    font-size: 14px;
    color: #999999;
    margin-top: 10px;
}
.news-text{
    width: 100%;
    float: left;
    font-size: 14px;
    color: #666666;
    margin-top: 10px;
    display: -webkit-box;
    -webkit-line-clamp:3;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    line-height: 25px;
    height: 75px;
}
.news-btn{
    width: 103px;
    height: 40px;
    float: left;
    border:1px solid #E6E6E6;
    float: left;
    color: #A0A0A0;
    text-align: center;
    line-height: 40px;
    border-radius:5px;
    background: #fff;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    margin-top: 30px;
    font-size: 14px;
}
.news-box:hover .news-btn{
    background: #2D9A00;
    color: #fff;
    border:1px solid #2D9A00;
}
.news-wrap{
    width: 100%;
    float: left;
    padding: 50px 0px;
    background: #fff;
}

.newes-box{
    width: 100%;
    float: left;
    position: relative;
    padding: 40px 0px;
    border-bottom: 1px solid #E5E5E5;
}
.newes-time{
    width: 90px;
    height: 70px;
    float: left;
    font-size: 28px;
    color: #666666;
    text-align: center;
    padding-top: 10px;
    border:1px solid #999999;
}
.newes-time i{
    width: 100%;
    float: left;
    font-size: 16px;
    font-weight: 400 !important;
    margin-top: 3px;
    color: #666666;
}
.newes-box2{
    display: block;
    margin-left: 130px;
    margin-top: 5px;
}
.newes-title{
    width: 70%;
    float: left;
    font-size: 16px;
    line-height: 22px;
    height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #222;
}
.newes-box2 i{float: right;color: #A3A3A3;}
.newes-title2{
    width: 100%;
    float: left;
    font-size: 14px;
    line-height: 25px;
    height: 50px;
    color: #666666;
    display: -webkit-box;
    -webkit-line-clamp:2;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    margin-top: 5px;
}
.newes-box:hover{border-bottom: 1px solid #2D9A00;}
.newes-box:hover .newes-time{background: #2D9A00;border:1px solid #2D9A00;color: #fff;}
.newes-box:hover .newes-time i{color: #fff;}
/**/
/**/
.detail-title{
    width: 100%;
    float: left;
    text-align: center;
    font-size: 36px;
}
.detail-title2{
    width: 100%;
    float: left;
    text-align: center;
    font-size: 16px;
    color: #999999;
    margin-top: 15px;
    line-height:25px;
    padding-bottom: 20px;
    border-bottom: 1px solid #D8D8D8;
}
.detail-text{
    width: 100%;
    float: left;
    text-align: left;
    font-size: 16px;
    color: #666666;
    line-height:30px;
}
.detail-text img{
    max-width: 100%;
    padding:5px 0;
}
.detail-page{
    width: 100%;
    float: left;
    padding-top: 15px;
    border-top: 1px solid #BABABA;
    margin-top: 80px;
}
.detail-page-tbox{
    width: 33.33%;
    float: left;
    position: relative;
    font-size: 16px;
    color: #333;
}
.detail-page-text{
    width: 100px;
    height: 45px;
    line-height: 45px;
    display: inline-block;
}
.detail-page-text:hover{
    background: #2D9A00;
    color: #fff;
    text-align: center;
}
@media only screen and (max-width: 600px) {
   .newes-box2{margin-left: 110px;}
   .newes-title{width: 50%; }
   .detail-title { font-size:20px;}
}
/*手机*/
@media screen and (min-width: 320px) and (max-width: 480px) {
    .news-box{width: 100%;margin-right: 0px !important;}
    .newes-title{width: 45%; }
    .detail-title { font-size:20px;}
}