body {
    background-color:#fff;
}
.news_ban img{
    width:100%;
}
.news_main{
    width:1200px;
    margin:0 auto;
    padding:72px 0 30px;
    border-bottom:1px solid #C8C8C8;
}
.news_main .col-md-4{
    padding-left:7.5px;
    padding-right:7.5px;
}
.new_top_item{
    cursor:pointer;
}
.new_top_item_img{
    width:100%;
    height:248px;
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
    position:relative;
    margin-bottom:22px;
    text-align:center;
    overflow:hidden;
}
.new_top_item_img img{
    width:66px;
    margin-top:90px;
    overflow: hidden; -webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);
-webkit-transition: all 0.5s ease .0s;-moz-transition: all 0.5s ease .0s;-ms-transition: all 0.5s ease .0s; transition: all 0.5s ease .0s;
}
.new_top_item h2{
    color:#222222;
    font-size:20px;
    margin-bottom:16px;
}
.new_top_item p{
    color:#999;
    font-size:16px;
    margin-bottom:0;
}



.li_bor::before,.li_bor::after{position:absolute;content:'';opacity:0;-webkit-transition:opacity 0.4s,-webkit-transform .4s;-moz-transition:opacity 0.4s,-moz-transform .4s;-o-transition:opacity 0.4s,-o-transform .4s;transition:opacity 0.4s,transform .4s;z-index: 1}
.li_bor::before{top:5%;right:4%;bottom:5%;left:4%;border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-o-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0}
.li_bor::after{top:5%;right:4%;bottom:5%;left:4%;border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);-moz-transform:scale(1,0);-o-transform:scale(1,0);transform:scale(1,0);-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-o-transform-origin:100% 0;transform-origin:100% 0}
.new_top_item:hover .li_bor::before,.new_top_item:hover .li_bor::after,.new_center_item:hover .li_bor:before,.new_center_item:hover .li_bor:after{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.li_bg{background:#000;position:absolute; left:0; top:0; width:100%; height:100%;  opacity:0;-webkit-transition:all ease-in-out 200ms;transition:all ease-in-out 200ms}
.new_top_item:hover .li_bg,.new_center_item:hover .li_bg{opacity:0.3}



.new_top_item:hover .new_top_item_img img,.new_center_item:hover .new_center_item_img img{transform:rotateZ(180deg);}
.news_swiper{
    width:1336px;
    margin:0 auto;
    padding:85px 60px 72px;
    position:relative;
}
.news_swiper h2{
    color:#333333;
    font-size:36px;
    margin-bottom:20px;
    text-align:center;
    padding-top:6px;
}
.news_swiper p{
    color:#999;
    font-size:22px;
    margin-bottom:30px;
    text-align:center
}
.swiper_list{
    padding-top:28px;
    position:relative;
}
 .swiper_list:after{
    content:'';
    width: 0; 
    height: 0;
    border-width: 30px;
    border-style: solid;
    border-color:  transparent transparent  #F6F6F6  transparent ;
    position: absolute;
    left: 50%;
    margin-left: -30px;
    top:-30px;
 }
.swiper_list ul{
    background-color:#F6F6F6;
    padding:46px 0 35px;
    text-align:center;
    border-radius:8px;
}
.swiper_list  li{
    max-width:90px;
    margin:0 18px 15px;
    display:inline-block;
}
.swiper_list  li img{
    width:86px;
}
.swiper_list  li p{
    color:#333333;
    font-size:18px;
    padding-top:14px;
    margin-bottom:0;
}
.swiper_prev,.swiper_next{
    position:absolute;
    top:85px;
}
.swiper_prev img, .swiper_next img{
    width:100%;
}
.swiper_prev{
    left:0;
}
.swiper_next{
    right:0;
}
.news_center{
    width:1204px;
    margin:0 auto;
    padding-bottom:65px;
}

.new_center_item{
    border-radius: 9px;
    border: 1px solid #D5D5D5;
    padding:36px 27px;
    display:flex;
    justify-content:space-between;
    cursor:pointer;
}
.new_center_item_img{
    height:172px;
    width:218px;
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
    position:relative;
    margin-right:15px;
    text-align:center;
}
.new_center_item_img img{
    width:58px;
    margin-top:55px;
    transition: all 0.5s ease .0s;
}
.new_center_item_info{
    width:275px;
}
.new_center_item_info h1{
    color:#222222;
    font-size:18px;
    margin-bottom:20px;
    -webkit-line-clamp:2;
display: -webkit-box;
-webkit-box-orient:vertical;   
overflow:hidden; 
text-overflow: ellipsis;
    line-height: 1.3;
}
.new_center_item_info h2{
    color:#999;
    font-size:14px;
    margin-bottom:20px;
    -webkit-line-clamp:3;
display: -webkit-box;
-webkit-box-orient:vertical;   
overflow:hidden; 
text-overflow: ellipsis;
    line-height: 1.3;
}
.new_center_item_info p{
    color:#C2C2C2;
    font-size:14px;
    margin-bottom:0;
}
.news_center .col-md-6{
    padding-right:7px;
    padding-right:7px;
    padding-top:7px;
    padding-bottom:7px;
}
.news_bottom{
    width:1200px;
    margin:0 auto;
    padding-bottom:148px;
}
.news_bottom h2{
    color:#333333;
    font-size:30px;
    border-bottom:1px solid #FF9000;
    padding-bottom:8px;
    position:relative;
    margin-bottom:55px;
}
.news_bottom h2:after{
    content:'';
    position:absolute;
    bottom:0;
    left:0;
    height:6px;
    width:120px;
    background-color:#FF9000;
}
.news_bottom_item{
    cursor:pointer;
}
.news_bottom_item p{
    margin-bottom:30px;
    color:#333333;
    font-size:22px;
}
.news_bottom_item span{
    color:#999999;
    font-size:20px;
    padding-left:30px;
}
.news_bottom_item:hover p{
    color:#FF9000;
}
.bottom_more{
    width:162px;
    background-color:#E8E8E8;
    height:50px;
    line-height:50px;
    font-size:24px;
    color:#333;
    text-align:center;
    position:relative;
}
.bottom_more:before {
    position: absolute;
    right: 25px;
    top: 16px;
    width: 10px;
    height: 10px;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    content: '';
}
.bottom_more span{
    padding-right:30px;
}


@media screen and (max-width:1280px) {
 .news_main,.news_center,.news_bottom,.news_swiper{
     width:90%;
}
 .new_center_item_img{
     width:50%;
 }
.new_center_item_info{
     width:50%;
 }
}

@media screen and (max-width:768px) {
.news_main{
    padding:30px 0;
}
.new_top_item h2,.news_bottom_item p,.bottom_more{
    font-size:18px;
}
.news_swiper p{
     font-size:14px;
}
.news_main .col-md-4{
    margin-bottom:15px;
}
.news_swiper{
    padding:30px;
}
.swiper_list ul{
    padding:30px 0;
}
.news_swiper h2{
    font-size:18px;
}
.swiper_prev, .swiper_next{
    width:20px;
}
.swiper_list li{
    padding:0 10px 10px;
    width:80px;
}
.swiper_list li img{
    width:100%;
}
.swiper_list li p,.news_bottom_item span{
    font-size:12px;
}
.new_center_item{
    padding:10px;
}
.news_bottom_item p{
    margin-bottom:15px;
}
.new_center_item_info h1{
    font-size:16px;
    margin-bottom:10px;
}
.new_center_item_img img{
    width: 40px;
    margin-top: 65px;
}
.news_center{
    padding-bottom:30px;
}
.news_bottom h2{
    font-size:22px;
    margin-bottom:30px;
}
.news_bottom h2:after{
        height: 3px;
    width: 90px;
}
}