/*新闻*/

.page_ref{align-items: center; right:0; color: #666; display: flex; width:24px; flex-direction: column; font-size:15px; line-height: normal; font-family:"Arial"; font-weight:700; line-height:22px; }



.slider-nav{align-items: center; display: flex; height: 56px; justify-content: flex-end; margin-top:50px; padding-right: 132px; position: relative;}



.totalPage{color: #ddd;}



.divider{background: #999; height: 1px; margin-bottom: 5px; margin-top: 3px; width: 24px;}





.news{box-sizing: border-box; position: relative; margin-bottom:117px;}

.news .title{ padding: 90px 0 34px 0;}

.news h2{font-weight: normal;text-align: center;}

.news h2 span{display: block;font-size: 36px;color: #333;line-height: 36px;font-weight: bold;font-family: serif;}

.news h3{text-align: center;height: 16px;padding-top: 20px;}

.news h3 a{display: inline-block;font-size: 16px;line-height: 16px;color: #333;padding: 0 20px;border-right: 1px solid #d7d7d7;font-weight:normal;}

.news h3 a:last-child{border-right: 0;}

.news_con{position:relative; margin-right:-14px;}

.news_con dl{float: left;width:29.6%; margin-left:25px; margin-right:38px; position: relative; margin-top:32px;}

.news_con dt{display:block; width:100%;height:100%;overflow:hidden; line-height:42px; letter-spacing:2px; border-radius: 16px;}

.news_con dt img{display:block;width:100%;height:100%;transition: all 0.5s; border-radius:16px;}}

@media screen and (max-width:1400px){.news_con dl{float: left;width:384px;margin-right:24px;position: relative;}

.news_con dt{display:block;width:384px;height:192px;overflow:hidden;}

.news_con dt img{display:block;width:384px;height:192px;transition: all 0.5s;}}


.news_con dl:hover dd span{display: block;width:66px; padding:14px 0 14px; text-align:center; font-family: "hwb"; text-transform: uppercase;font-size:13.6px; color:#fff;text-align: center; position: absolute; right:0;right: -26px; top: -32px; background: rgba(1, 105, 255, .82); letter-spacing:1px; line-height:18px; border-radius:50px; }

.news_con dl dd span{display: none;font-weight:bold; font-family: "hwb";}

.news_con dl dd span b{font-family: "hwb";}

.news_con dl dd h4 a{display: block;font-size:22px;line-height: 30px;color: #111; padding:30px 0 4px; text-transform: capitalize; overflow: hidden; text-overflow: ellipsis;
 white-space: nowrap; font-family:"hwb";}

.news_con dl:hover dt img{transform: scale(1.05); border-radius:16px;}

.news_con dl dd p{display: block;font-size:19px;line-height:28px;color: #111;opacity: 0.9; font-family:"qh"; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.news_con dl dd em{display: block;font-size:20px;line-height: 18px;color: #111;margin-top: 20px;}

.news .dprev{position:absolute; right:56px; width:55px;height:56px; z-index: 100;cursor: pointer;background: url(../images/dprev.jpg) no-repeat center;}

.news .dnext{position:absolute; right:0; width:56px;height:56px; z-index: 100;cursor: pointer;background: url(../images/dnext.jpg) no-repeat center;}

.news .dprev:hover{background: url(../images/dprevh.jpg) no-repeat center;}

.news .dnext:hover{background: url(../images/dnexth.jpg) no-repeat center;}

.news .newsMenu{position: absolute; left: 50%; width: 60px; bottom: 240px; height: 35px; margin-left: -30px; text-align: center; z-index: 5;} 
.news .newsMenu i{display: block; height: 35px; font-size: 14px;line-height: 30px;text-align: center;color: #333333;font-weight: bold; cursor: pointer; position: absolute;bottom: 0;left: 0;} 
.news .newsMenu:before{content: "";width: 10px;height: 7px;position: absolute;bottom: -7px;left: 50%;background:url(../images/news_ic.png) no-repeat center;margin-left: -21px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -webkit-animation: bounceY 2s infinite; -moz-animation: bounceY 2s infinite; -o-animation: bounceY 2s infinite; -ms-animation: bounceY 2s infinite; animation: bounceY 2s infinite;}


.news-post-info:hover a{color: #333333;}

.news-post-info .time{ letter-spacing:1.6px; color: rgba(0,0,0, 0.6);}
.news-post-info .category{letter-spacing:1.6px; color: rgba(0,0,0, 0.6);}

.news-post-info{text-transform: uppercase; position: absolute;// left: -40px;left: -35px;top: 0;margin: 0;white-space: nowrap; vertical-align: middle;writing-mode: sideways-rl;-ms-writing-mode: tb-rl;-webkit-writing-mode: vertical-lr;-ms-transform: scale(-1);-webkit-transform: scale(-1);transform: scale(-1);time, .time, .category{@extend .font-sans-serif-regular;font-size: 14px;letter-spacing: .12em;// line-height: normal;line-height: 17px;text-transform: uppercase;vertical-align: middle;color: $grey;padding:0; margin: 0;display: inline-block; }



.read-more{position: absolute;background: $off-black;color: $white;font-size: 20px;line-height: 28px;letter-spacing: .02em;opacity: 0;visibility: hidden;right: -26px;top: -32px;padding: 53px 58px 57px;z-index: 10;transition: opacity .4s, visibility .4s;@extend .font-serif-regular;b, strong{@extend .font-sans-serif-bold;}span{font-family: $font-family-serif;font-weight: 400;display: block;}





