html{/*filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: url(data:image/svg+xml;utf8,#grayscale);filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(1);*/}

body {background-color:#fff;box-sizing:border-box;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Segoe UI", "Helvetica Neue", "PingFang SC", "Noto Sans", "Noto Sans CJK SC", "Microsoft YaHei", 微软雅黑, sans-serif;moz-box-sizing:border-box;webkit-box-sizing:border-box;padding-top: 80px;}

/*轮播*/
>>> .app-carousel .el-carousel__arrow{width: 50px; height: 50px; font-size: 20px;background-color: #FFF;color: #333;}
.app-carousel .el-image{width:100%;}
.app-carousel .app-carousel-title{position: absolute;color: #FFF;bottom: 0;padding: 20px 50px;font-size: 18px;}

.portal-panel{align-items:center;flex-direction:column;display:flex;padding:20px 0;box-sizing:border-box;justify-content:center;flex-wrap:nowrap;width: 1200px;margin:20px auto;}
.portal-panel > .title {align-items:center;flex-direction:row;display:flex;padding:0;box-sizing:border-box;justify-content:center;flex-wrap:nowrap;width:100%;margin-bottom:0px;margin-top:0px;height:40px;}
.portal-panel > .title span {padding: 0;flex-direction:row;word-wrap:break-word;display:inline-block;font-size:28PX;}
.portal-panel > .body {align-items:flex-start;flex-direction:row;display:flex;padding: 0;box-sizing:border-box;justify-content:space-between;flex-wrap:nowrap;width:1200px;margin-bottom:20px;margin-top:20px;height:100%;}

.sa-box{position: relative;padding: 0;overflow: hidden;font-size: 15px; height: 350px;margin: 20px 0;cursor:pointer;}
.sa-box .box-img{height:150px;overflow: hidden;position: relative;}
.sa-box .box-img .el-image{height: auto;width: 100%;position: absolute;transform: translateY(-50%);top: 50%;left: 0;transition: all 0.5s;}
.sa-box .box-text{background: #f8f8f8;text-align: left;padding: 8px;height: 200px;}
.sa-box .box-text .title{font-size: 1em;font-weight: bold;line-height: 1.625em;overflow: hidden;margin-bottom: 5px;}
.sa-box .box-text .text{font-size: 0.875em;line-height: 1.6875em;color: #666;clear: both;max-height: 165px;}
.sa-box .box-b-line{position: absolute;width: 100%;left: 0;bottom: 0;height: 4px;background-color: #c7d3d9;}
.sa-box .box-b-line .b-line-r{position: absolute;left: 0;width: 20%;height: 100%;background-color: #0c5ca8;overflow: hidden;}
.sa-box:hover .box-img .el-image {transform: translateY(-50%) scale(1.1);left: 0;top: 50%;width: 100%;height: auto;}
.sa-box:hover .box-text{background: #f2f2f2;}
.sa-box:hover .box-b-line .b-line-r{animation: saBoxHover 0.5s; animation-fill-mode:forwards;}
@keyframes saBoxHover{ from{width: 20%;} to{width:100%;} }

.news .body .left {flex-wrap:nowrap;flex-direction:column;display:flex;width:400px;box-sizing:border-box;margin-bottom:0px;padding: 15px;margin-top:0px;}
.news .body .left img {width:100%;padding-top:0px;height:280px;}
.news .body .left .title {text-align:left;flex-direction:row;word-wrap:break-word;display:inline-block;padding:10px 0 0 0;justify-content:flex-start;font-size:18PX;margin: 0;height:40px;}
.news .body .left .desc {padding-bottom:0px;color:#B5B5B5;text-align:left;flex-direction:row;word-wrap:break-word;display:inline-block;padding-right:0px;font-size:14PX;padding-top:0px;padding-left:0px;margin-top:0px;}
.news .body .right {padding-bottom:0px;flex-wrap:nowrap;flex-direction:column;display:flex;padding-right:0px;width:800px;margin-bottom:0px;box-sizing:border-box;padding-top:0px;padding-left:20px;margin-top:0px;height:100%;}
.news .body .right .news-item {padding-bottom:0px;flex-wrap:nowrap;flex-direction:row;display:flex;padding-right:0px;width:100%;margin-bottom:10px;box-sizing:border-box;padding-top:0px;padding-left:0px;margin-top:0px;height:100px;}
.news .body .right .news-item .date {background-color:#EEEEEE;align-items:center;flex-direction:column;display:flex;padding: 8px;box-sizing:border-box;justify-content:center;flex-wrap:nowrap;width:100px;margin-bottom:0px;height:100%;}
.news .body .right .news-item .date .day {padding:14px 0 0 0;text-align:center;flex-direction:row;word-wrap:break-word;display:inline-block;font-size:28PX;height:70%;}
.news .body .right .news-item .date .date {text-align:center;flex-direction:row;word-wrap:break-word;display:inline-block;font-size:16PX;padding-top:0px;}
.news .body .right .news-item .news-body {padding:0 0 0 10px;flex-wrap:nowrap;flex-direction:column;display:flex;width:90%;margin-bottom:10px;box-sizing:border-box;margin-top:0px;height:100%;}
.news .body .right .news-item .news-body .title {text-align:left;flex-direction:row;word-wrap:break-word;display:inline-block;padding: 10px 0 0 0;justify-content:flex-start;font-size:18PX;margin-bottom:0px;margin-top:0px;height:40px;}
.news .body .right .news-item .news-body .desc {padding: 0;color:#B5B5B5;text-align:left;flex-direction:row;word-wrap:break-word;display:inline-block;font-size:14PX;margin-top:0px;}
.news .more {background-color:#FFFFFF;align-items:center;flex-direction:row;display:flex;padding:0;box-sizing:border-box;justify-content:center;flex-wrap:nowrap;width:100px;margin-bottom:0px;margin-top:0px;height:48px;}

@media (min-width: 961px) and (max-width: 1199px) {
    .el-carousel__container{height:400px !important;}

    .portal-panel{padding:10px 0;width: 100%;margin:10px auto;}
    .portal-panel > .title span {font-size:24px;}
    .portal-panel > .body {width:100%;margin: 15px 0;height:100%;}

    .sa-box{padding: 0 10px;height: 350px;margin: 0 0 20px 0;}
    .sa-box .box-b-line{width: calc(100% - 20px);left: 10px;}

    .news .body .left {width:30%;padding: 15px;}
    .news .body .left img {height:240px;}
    .news .body .left .title {font-size:17px;}
    .news .body .right {width: 40%;padding: 15px 0;}
    .news .body .right .news-item {height: 80px;}
    .news .body .right .news-item .date {padding: 5px;width:80px;}
    .news .body .right .news-item .date .day {padding:8px 0 0 0;font-size:26px;}
    .news .body .right .news-item .date .date {font-size:15px;}
    .news .body .right .news-item .news-body .title {font-size:17px;}

}

@media (min-width: 769px) and (max-width: 960px) {
    .el-carousel__container{height:300px !important;}

    .portal-panel{padding:10px 0;width: 100%;margin:0 auto;}
    .portal-panel > .title span {font-size:24px;}
    .portal-panel > .body {width:100%;margin: 15px 0;height:100%;}

    .sa-box{padding: 0 10px;height: 310px;margin: 0 0 15px 0;}
    .sa-box .box-img{height:130px;overflow: hidden;position: relative;}
    .sa-box .box-text{height: 180px;}
    .sa-box .box-text .title{font-size: 0.9em;line-height: 1.5em;}
    .sa-box .box-text .text{font-size: 0.8em;}
    .sa-box .box-b-line{width: calc(100% - 20px);left: 10px;}

    .news .body .left {width:27%;padding: 10px;}
    .news .body .left img {height:170px;}
    .news .body .left .title {font-size:15px;}
    .news .body .right {width: 46%;padding: 10px 0;}
    .news .body .right .news-item {height: 75px;}
    .news .body .right .news-item .date {padding: 5px;width:75px;}
    .news .body .right .news-item .date .day {padding:5px 0 0 0;font-size:24px;}
    .news .body .right .news-item .date .date {font-size:14px;}
    .news .body .right .news-item .news-body .title {font-size:16px;}
}

@media (max-width: 768px){
    .el-carousel__container{height: 180px !important;}
    .app-carousel .app-carousel-title {bottom: 10px;padding: 20px 40px;font-size: 16px;}

    .portal-panel{padding:5px 0;width: 100%;margin:0 auto;}
    .portal-panel > .title{height:34px;margin-bottom: 10px;}
    .portal-panel > .title span {font-size:22px;}
    .portal-panel > .body {width:100%;margin: 0 0 10px 0;height:100%;}

    .sa-box{padding: 0 5px;height: 300px;margin: 0 0 10px 0;}
    .sa-box .box-img{height:130px;overflow: hidden;position: relative;}
    .sa-box .box-text{height: 170px;padding:5px;}
    .sa-box .box-text .title{font-size: 14px;line-height: 1em;}
    .sa-box .box-text .text{font-size: 13px;}
    .sa-box .box-b-line{display:none;}
    .news .body{flex-direction: column;display: flex;padding: 0;box-sizing: border-box;justify-content: space-between;flex-wrap: nowrap;width: 90%;margin-bottom: 10px;height: 100%;}

    .news .body .left {width:100%;padding: 10px 0;}
    .news .body .left img {height:160px;}
    .news .body .left .title {font-size: 15px;padding: 5px 0;height: 40px;}

    .news .body .right {width: 100%;padding: 10px 0;}
    .news .body .right .news-item {height: 75px;}
    .news .body .right .news-item .date {padding: 5px;width:75px;}
    .news .body .right .news-item .date .day {padding:5px 0 0 0;font-size:24px;}
    .news .body .right .news-item .date .date {font-size:14px;}
    .news .body .right .news-item .news-body .title {font-size:16px;}
}