.news{width: 100%; padding: 56px 0 56px 0;}
.news-content{width: 1280px; margin: 0 auto;}
.news-left{position: relative; width: 690px; height: 460px; display: inline-block; overflow: hidden;}
.news-con{position: relative; width: 690px; height: 460px; overflow: hidden;}
.news-con img{position: absolute; width: 100%; height: 100%; transition: all 1s ease-in-out;}
.news-con:hover img{transform: scale(1.1);}
.news-con .msg{position: absolute; width: 100%; height: 100px; bottom: 0; text-align: center;}
.news-con .msg::before{content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: .6;}
.news-con .msg h3{position: relative; z-index: 2; padding-top: 40px; font-size: 18px; font-weight: normal; color: #fff;}

.new-right{width: 554px; height: 460px; float: right;}
.new-title h2{font-size: 24px; color: #d70404;}
.new-title h2 span{color: #ccc; font-weight: normal; padding-left: 10px;}
.new-title h2 span::after{content: "NOTICE NOTICE"; font-size: 16px; padding-left: 10px;}
.new-right ul li{height: 56px; padding-top: 15px;}
.new-right ul li a:hover .time p{color: #D70404;}
.new-right ul li a:hover .news-c h3{font-weight: bold; color: #D70404;}
.new-right ul li a:hover .news-c p{color: #D70404;}
.new-right ul li .time{width: 60px; float: left;}
.new-right ul li .time p:nth-child(1){font-size: 30px; color: #454545;}
.new-right ul li .time p:nth-child(2){font-size: 14px; color: #cccccc;}
.new-right ul li .news-c{width: 466px; height: 60px; float: right;}
.new-right ul li .news-c h3{display: block; font-size: 18px; color: #222; font-weight: normal; padding: 6px 0 10px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.new-right ul li .news-c p{display: block; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #999999;}

.hot{position: relative; width: 100%; height: 750px;}
.hot-content{position: absolute; bottom: 0; width: 100%; height: 496px; padding: 60px 0 60px 0; background: url(../image/bg.png) center center no-repeat; background-size: cover;} 
.hot-all{width: 1280px; margin: 0 auto;}
.hot-con{width: 1280px; margin: 0 auto;}
.control{position: absolute; top: -140px; width: 100%; text-align: center;}
.control-con{margin-left: 126px; border-radius: 7px; display: inline-block; width: 222px; height: 67px; padding-top: 20px; background: #f3f3f3;}
.in{height: 110px !important; background: url(../image/here.png) no-repeat !important;}
.control-con:nth-child(1){margin: 0 !important;}
.control-con strong{display: inline-block; vertical-align: middle; font-size: 24px; color: #d70404;}
.control-con img{position: absolute; top: 0; left: 0;}
.control-con .img{position: relative; width: 50px; height: 40px; vertical-align: middle; display: inline-block;}
.control-con img:nth-child(2){opacity: 0;}
.in strong{color: #fff !important;}
.in img:nth-child(1){opacity: 0 !important;}
.in img:nth-child(2){opacity: 1 !important;}

.hot-c{width: 1280px; margin: 0 auto; font-size: 0;}
.hot-c ul li{width: 610px; display: inline-block; vertical-align: top; padding-top: 18px;}
.hot-c ul li a:hover .hot-time{color: #fff; background: #D70404;}
.hot-c ul li a:hover h3{color: #D70404;}
.hot-c ul li .hot-time{display: inline-block; width: 79px; height: 77px; border: 1px solid #D70404; border-radius: 11px; text-align: center; color: #D70404; background: #fff; transition: all .5s;}
.hot-time p:nth-child(1){font-size: 36px; font-weight: bold;}
.hot-time p:nth-child(2){font-size: 14px;}
.hot-c ul li .hot-main{display: inline-block; padding-left: 20px; vertical-align: top; width: 509px;}
.hot-c ul li:nth-child(even){padding-left: 60px;}
.hot-main h3{font-size: 18px; color: #5c5c5c; padding-bottom: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all .5s;}
.hot-main p{font-size: 14px; color: #aaaaaa; line-height: 24px; word-break: break-all; text-overflow: ellipsis; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; }

.bar{width: 100%; padding: 60px 0 30px 0; font-size: 0;}
.bar-top img{transition: all .5s;}
.bar-top::after{content: ""; position: absolute; left: -200px; z-index: 4; top: -90px; display: block; width: 100px; height: 300px; transform: rotate(30deg); background: #fff; opacity: .4; transition: all .5s;}
.bar-top::before{content: ""; position: absolute; left: -300px; z-index: 4; top: -90px; display: block; width: 100px; height: 300px; transform: rotate(30deg); background: #fff; opacity: .4; transition: all .5s;}
.bar-top{position: relative; overflow: hidden;}
.bar-top:hover::after{left: 1460px;}
.bar-top:hover img{transform: scale(1.05);}
.bar-top:hover::before{left: 1360px;}
.bar-content{width: 1280px; margin: 0 auto;}
.bar-bottom{padding-top: 28px;}
.bar-content .bar-bottom a{position: relative; display: inline-block; vertical-align: top; width: 406px; height: 230px; overflow: hidden; margin-left: 31px;}
.bar-content .bar-bottom a:hover img{transform: scale(1.1);}
.bar-content .bar-bottom img{position: absolute; top: 0; left: 0; transition: all 1s ease;}
.bar-content .bar-bottom a:nth-child(1){ margin-left: 0; top: -2px;}
.bar-bottom a::after{content: ""; position: absolute; left: -200px; z-index: 4; top: -90px; display: block; width: 100px; height: 500px; transform: rotate(30deg); background: #fff; opacity: .4; transition: all .5s;}
.bar-bottom a::before{content: ""; position: absolute; left: -300px; z-index: 4; top: -90px; display: block; width: 100px; height: 500px; transform: rotate(30deg); background: #fff; opacity: .4; transition: all .5s;}
.bar-bottom a:hover::after{left: 560px;}
.bar-bottom a:hover::before{left: 460px;}

.paginate{
  position: absolute;
  z-index: 20;
  bottom: 70px;
  width: 100%;
  padding-right: 24px;
  text-align: center;
}
.paginate .swiper-pagination-switch {
  display: inline-block;
  width: 60px;
  height: 5px;
  background: #fff;
  margin: 0 5px;
  cursor: pointer;
  border-radius: 2px;
}
.paginate .swiper-active-switch {
  background: #D70404;
}