body {

    min-width: 1200px;

}







#news {

    background-color: #f5f5f5;

}



#news .banner {

    height: 300px;



    background-size: cover;

    color: #fff;

    position: relative;

}



#news .banner .word {

    position: absolute;

    left: 13.5%;

    top: 140px;

}



#news .banner .word .title {

    margin-bottom: 20px!important;

    font-size: 36px;

}



#news .banner .word .sub-title {

    margin-bottom: 30px!important;

    font-size: 24px;

}



#news .nav {

    height: 80px;

    background-color: #fff;

    color: #666;

}



#news .nav ul {

    height: 78px;

    line-height: 78px;

}



#news .nav ul li {

    float: left;

    margin-right: 30px;

    cursor: pointer;

}



#news .nav ul li a {

    display: inline-block;

}



#news .nav ul li:hover a, #news .nav ul li.select a {

    color: #fd4926;

    border-bottom: 2px solid #fd4926;

}





#news .content {

    padding: 43px 10%;

    background-color: #e4e4e4;

}









.content .lists ul {

    width: 100%;

}



.content .lists ul li {

    float: left;

    width: 23.9%;

    margin-right: 1.4%;

    overflow: hidden;

    padding-bottom: 0px;

    margin-bottom: 5px;

    font-size: 14px;

    border-bottom: 1px solid #ddd;

    cursor: pointer;

    position: relative;

    height: 413px;

}



/* .content .lists ul li:after {

    position: absolute;

    display: block;

    width: 0;

    height: 1px;

    background: #fd4926;

    content: "";

    left: 0;

    bottom: -1px;

    -webkit-transition: .5s;

    -moz-transition: .5s;

    -ms-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

} */



.content .lists ul li:hover .selected {

    color: #fd4926;

}





.content .lists ul li:hover {

    border-color: #fd4926;

    /* width: 23.9%; */

}



.content .lists ul li:nth-child(4n) {

    margin-right: 0;

}



.content .lists ul li.last-cld {

    margin-right: 0;

}



.content .lists ul li .pic {

    height: 240px;

    width: 100%;

    overflow: hidden;

}



.content .lists ul li img {

    width: 100%;

    height: 100%;

    transition: all 0.5s;

    -webkit-transition:  all 0.5s;

}



.content .lists ul li:hover img{

    -webkit-transform: scale(1.05);

    -ms-transform: scale(1.05);

    -o-transform: scale(1.05);

    transform: scale(1.05);

}



.content .lists ul li a .desp {

    color: #807b7b;

    min-height: 76px;

    font-size:13px;

}



.content .lists ul li a .time {

    margin-top: 12px !important;

    margin-bottom: 15px !important;

    color: #999;

}



.content .lists ul li a h4 {

    line-height: 1.5;

    font-size: 15px;

    margin-bottom: 15px;

    color: #333;

}



#news .content .page {

    margin: 15px auto;

}



/* ทญาณ */

.page{

    text-align: center;

   }

   .page a,

   .page span{

    width: 40px;

    height: 40;

    background: #fff;

    color: #666;

    line-height: 40px;

    text-align: center;

    font-size: 18px;

    display: inline-block;

    margin: 0 10px;

    transition: .3s;

   }

   .page .current, .page a:hover{

    background: #fd4926;

    color: #fff;

   }

   .page .prev,

   .page .prev_disabled,

   .page .next,

   .page .next_disabled{

    width: 60px;

    color: #666;

    background: transparent;

   }

   .page .prev:before, .page .prev_disabled:before {

       content: "ษฯาปาณ";

   }

   .page .next:before, .page .next_disabled:before {

       content: "ฯยาปาณ";

   }



#news .content .pages ul li {

    width: 40px;

    height: 40px;

    float: left;

    line-height: 40px;

    margin-right: 5px;

    background-color: #fff;

    color: #666;

    border-bottom: none;

    cursor: pointer;

}



#news .content .pages ul li.activated {

    background-color: #fd4926;

    color: #fff;

}



#news .content .pages ul li:hover {

    background-color: #fd4926;

    color: #fff;

}