.new{ padding: 40px 0 80px 0;}


.new .layer1{ height: 52px; width: 100%;}
.new .layer1 .time{ width: 280px; height: 52px; position: relative; float: left; background: #fff;}
.new .layer1 .time p{ width: 100%; height: 100%; padding: 0 25px; box-sizing: border-box; line-height: 52px; font-size: 14px;  color: #808080;}
.new .layer1 .time .arrow{ width: 52px; height: 52px; position: absolute; right: 0; top: 0; background: url(/frontEnd/static/img/new_08.jpg) center center no-repeat; transition: 0.5s;}
.new .layer1 .time ul{ display: none; background: #fff; position: absolute; left: 0; top: 62px; width: 100%; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.new .layer1 .time ul li{ height: 50px; line-height: 50px; font-size:16px; color: #333; padding: 0 25px; box-sizing: border-box;}
.new .layer1 .time.on .arrow{ transform: rotate(180deg);}
.new .layer1 .searchM{ position: relative; width: 385px; height: 52px; background: #fff; float: left; margin-left: 10px;}
.new .layer1 .searchM input{ width: 100%; height: 100%; background: none; outline: none; border:none; text-indent: 25px; font-size: 16px;}
.new .layer1 .searchM button{ width: 52px; height: 52px; position: absolute; right: 0; top: 0; background: url(/frontEnd/static/img/new_05.jpg) center center no-repeat; outline: none; border: none;}
.new .newBox{ width: 100%;background:#ffffff;}
.new .title{ width: 100%; padding: 40px 0;}
.new .title h2{ margin-bottom: 25px; text-align: center; font-size: 45px; color: #333;}
.new .title p{ font-size: 16px; text-align: center; color: #777;}
.new .newBox{ width: 100%; overflow: hidden; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.new .newBox .icon{ width: 790px; height: 500px; float: left;margin-right:10px}
.new .newBox .icon .swiper-container{ width: 100%; height: 100%;}
.new .newBox .icon img{ display: block; width: 100%; height: 100%;}
.new .newBox .list{ background: #fff; height: 500px; width: calc(100% - 800px); float: left;}
.new .newBox .list ul{ width: 100%; height: 100%;}
.new .newBox .list ul li{ width: 100%; height: 24%; border-bottom: 1px solid #eee; box-sizing: border-box; padding:0 20px; box-sizing: border-box;}
.new .newBox .list ul li h2{ height: 68px; line-height: 68px; color: #333;}
.new .newBox .list ul li p{ font-size: 16px; color: #777;white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.new .newBox .list ul li h2 span{ font-size: 14px; font-weight: normal; display: inline-block; float: right; color: #aaa;}
.new .newBox2{ width: 100%; padding-top: 60px;}
.new .newBox2 ul{}
.new .newBox2 ul li{  box-sizing: border-box; box-shadow: 0 0 10px rgba(0,0,0,0.1); width: 32%; float: left; margin-right: 2%;}
.new .newBox2 ul li:last-child{ margin-right: 0;}
.new .newBox2 ul li .icon{ overflow: hidden; width: 100%; height:260px;}
.new .newBox2 ul li .icon img{ transition: 0.5s; display: block; width: 100%; height: 100%;}
.new .newBox2 ul li:hover .icon img{ transform: scale(1.1);}
.new .newBox2 ul li .text{ background: #fff; padding: 0 25px;padding-bottom: 1px;  width: 100%; box-sizing: border-box;}
.new .newBox2 ul li .text span{ color: #aaa; display: block; height: 72px; line-height: 72px;}
.new .newBox2 ul li .text h2{ font-size: 22px; color: #333; line-height: 36px; height: 72px; overflow: hidden;}
.new .newBox2 ul li .text p{ margin-bottom: 40px; margin-top: 20px; font-size: 16px; color: #777; line-height: 30px;}
.new .newBox2 ul li .text a{ transition: 0.5s; border: 1px solid #ddd; display: block; width: 140px; height: 40px; text-align: center; line-height: 40px; font-size: 16px; color: #aaa; margin: 45px 0 30px 0;}
.new .newBox2 ul li a:hover{ background: #004ea2; color: #fff; border: 1px solid #004ea2;}
.navGation.new{ padding: 0;}
.new_details{ padding: 100px 0; overflow: hidden;}
.new_details .Main{ box-shadow: 0 0 10px rgba(0,0,0,0.1); width: 1100px; float: left; background: #fff; padding: 0 30px; box-sizing: border-box;}
.new_details .Main .title{ padding: 60px 0 30px 0; border-bottom: 1px solid #eee;}
.new_details .Main .title h2{ text-align: center; margin-bottom: 22px; font-size: 28px; color: #333;}
.new_details .Main .title ul{ text-align: center;}
.new_details .Main .title ul li{ display: inline-block; margin: 0 14px; font-size: 16px; color: #777;}
.new_details .Main .Nr{ width: 100%;padding-top: 14px;}
.new_details .Main .Nr p{ font-size: 15px; color: #777; padding-top: 50px; line-height: 36px;}
.new_details .Main .Nr .icon{ width: 100%; padding-top: 50px;}
.new_details .Main .Nr .icon img{ display: block; margin: 0 auto;}
.new_details .Main .Nr p img{max-width: 100%;margin: auto}
.new_details .Main .page{ border: 1px solid #eee; border-left:0; border-right:0 ; width: 100%; margin-top: 50px; position: relative;}
.new_details .Main .page ul{ width: 100%; height: 75px;display: flex;
    align-items: center;
    justify-content: space-between;}
.new_details .Main .page ul li{ width: 50%; float: left; height: 75px; line-height: 75px;width: 40%;}
.new_details .Main .page ul li a{ font-size: 16px; color: #777;   overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;}
.new_details .Main .page ul li:last-child{ text-align: right;}
.new_details .Main .page .back{ display: block; position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); height: 20px; padding-left: 30px; background: url(/frontEnd/static/img/newDetails_11.jpg) left center no-repeat; font-size: 15px; color: #777; line-height: 20px;}
.new_details .Main .Link{ height: 105px;}
.new_details .Main .Link ul{ width: 100%;display: flex;align-items: center}
.new_details .Main .Link ul li{ float: left; height: 105px; line-height: 105px; font-size: 16px; color: #777; margin-left: 10px;}
.new_details .Main .Link ul li img{ display: inline-block; vertical-align: middle;width: 26px;}

.new_details .List{ background: #fff; float: right; width: 320px; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.new_details .List .bt{ width: 100%; height: 60px; line-height: 60px; padding: 0 30px; box-sizing: border-box;}
.new_details .List .bt p{ padding-left: 25px; background: url(/frontEnd/static/img/newDetails_03.jpg) left center no-repeat; height: 60px; line-height: 60px; font-size: 22px; color: #333;}
.new_details .List ul{ width: 100%;}
.new_details .List ul li{ width: 100%; padding: 20px 30px; box-sizing: border-box;border-bottom: 1px solid #efefef;}
.new_details .List ul :nth-children(1){border-top: 1px solid #efefef;}
.new_details .List ul li h2{ font-size: 16px; color: #333; line-height: 24px; padding-bottom: 15px; height: 48px; overflow: hidden;}
.new_details .List ul li p{ font-size: 12px; color: #aaa;}
.wxshare_icon{
    position: relative;
}
.wxshare{
    position: absolute;
    width: 119px;
    left: 50%;
    transform: translateX(-50%);
    bottom: -165px;
    background: #fff;
    box-shadow: 0px 0px 6px 0px #dddd;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-direction: column;
    border-radius: 5px;
    display: none;
    text-align: center;
}
#qrcodeHolder{
    height: 80px;
    margin-bottom: 10px;
}
.wxshare p{
    font-size: 14px;
    width: 100%;
    text-align: center;
    color: #777777;
    line-height: 19px;
}
.news{
    margin-top: 25px;
}

.news .proBox {
    width: 100%;
    margin-bottom: 20px;
    background: #fff;
    height: 400px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.news .proBox .icon {
    width: 500px !important;
    overflow: hidden;
    float: left;
    height: 100%;
    position: relative;
}
.news .proBox .text {
    padding: 20px 40px 0 40px !important;
    width: calc(100% - 500px) !important;
    float: left;
    height: 100%;
    box-sizing: border-box;
}
.news .proBox .icon img {
    transition: 0.5s;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    /*object-fit: cover;*/
    width: 100%;
    height: 100%;
    padding: 10px;
    box-sizing: border-box;
}
.news .proBox .news_time{
    position:absolute;
    bottom:34px;
}
/*.news .proBox .icon img:hover{*/
/*    transition: 0.2s 0.1s;*/
/*    transform: translate(-50%,-50%);*/
/*    transform: scale(1.1, 1.1);*/
/*}*/

@media (min-width: 767px) and (max-width: 1440px){
    .news .proBox .text {
        /*width: 60% !important;*/
        box-sizing: border-box;
    }
    .news .proBox .icon {
        /*width: 40% !important;*/
    }
}
@media screen and (max-width: 768px){
    .news .proBox .icon {
        width: 100% !important;
    }
    .news .proBox .text {
        width: 100% !important;
        height: auto;
        box-sizing: border-box;
    }
    .news .proBox .text  p{
        margin-bottom: 45px;
    }
    .news .proBox{
        background: transparent;
        box-shadow: 0 0 0px rgba(0,0,0,0.1);
    }
}<!--ºÄʱ1754955187.8406Ãë-->