@charset "utf-8";
/* CSS Document */

.news{ float: left; width: 100%;}
.news li{ float: left; width: 100%; height:195px; padding: 37px 0; border-bottom: 1px solid #eaeaea;}
.news li .box1{ float: left; width: 253px; height: 193px; overflow: hidden;}
.news li .box1 img{ float: left; width: 253px; height: 193px; transition: all 2s; position: relative;}
.news li:hover .box1 img{cursor: crosshair; transform: scale(1.5);}
.news li .box2{ float: left; width: 759px;padding-left: 42px; padding-top: 30px;}
.news li .box3{ float: left; width: 1020px;padding-left: 42px; padding-top: 30px;}
.news li .box2 h1{ font-size: 20px; color: #333; height: 26px; line-height: 26px;}
.news li:hover .box2 h1{color: #067df9; }
.news li .box2 p{ color: #666; line-height: 24px; padding-top: 30px; height: 75px;}
.news li .right{ float: right; padding-right: 15px; padding-top: 55px; text-align: center;}
.news li .right h3{ font-size: 36px; color: #999; font-weight: 100;}
.news li .right p{ font-size: 24px; color: #bbb; padding-top: 10px; margin: 0;}

.pagination {
    float: left;
    margin: 50px auto;
}
.pagination li {float: left;}
.pagination li a {color: black;float: left;padding: 8px 16px;text-decoration: none;transition: background-color .3s;border: 1px solid #ddd;}
.pagination li.active span{background-color: #067df9;color: white;border: 1px solid #4CAF50;float: left;padding: 8px 16px;}
.pagination li a:hover:not(.active) {background-color: #ddd;}
.pagination li.disabled{padding: 8px 16px;border: 1px solid #ddd; color: #ddd;}