/*news*/
.news{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    -o-justify-content: space-around;
    justify-content: space-around;
    padding: 30px 0 0 0;
}
.news .newslist{width: 82%;order: 2;}
.news .news-right{width:16%;margin-right:2%; order:1;position: relative;}
.news .news-right:after{
    content: '';
    height: 100%;width: 1px;background-color: #eee;
    position: absolute;right:0;top:0;
}
.news .news-right .news-title{border-bottom: 1px solid #eee;margin-bottom: 20px;padding: 0 0 10px 0;}
.news .news-right .news-title h3{font-size: 30px;font-family: Montserrat-Regular;letter-spacing:-2px;font-weight: 500;text-transform: uppercase;color: #ddd; }
.news .news-right .news-title p{font-size:18px;color: #666;letter-spacing: 2px; }
.news .news-right .search{background-color: #fff;width: 100%;height: 80px;padding:20px 10px;border-radius:18px 0 0 0;
    -moz-box-shadow:-6px -2px 12px rgba(41, 57, 133, 0.05);
    -webkit-box-shadow:-6px -4px 12px rgba(41, 57, 133, 0.05);
    box-shadow:-6px -4px 12px rgba(41, 57, 133, 0.05);
}
.news .news-right .search label{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    -o-justify-content: space-around;
    justify-content: space-around;
}
.news .news-right .search label input{width: 80%; border: 1px solid #eee;margin-right: 10px;font-size: 13px;color: #888;padding: 2px;font-weight: 300;line-height: 25px;text-indent: 10px;border-radius: 15px;}
.news .news-right .search label i{cursor: pointer;font-size:2rem;color:#888;font-weight:500; }
.news .news-right .job-bar{
    background-image: linear-gradient(-120deg, #2494f2 0%, #293985 100%);
    -webkit-background-image: linear-gradient(-120deg, #2494f2 0%, #293985 100%);
    -moz-box-shadow:-6px -2px 12px rgba(41, 57, 133, 0.2);
    -webkit-box-shadow:-6px -4px 12px rgba(41, 57, 133, 0.2);
    box-shadow:-6px -4px 12px rgba(41, 57, 133, 0.2);
    width: 100%;height: 80px;padding: 10px;border-radius:18px 0 0 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
}
.news .news-right .job-bar-title{margin: 0 15px;padding: 8px 0 0 0;}
.news .news-right .job-bar-title a:hover{text-decoration: none;}
.news .news-right .job-bar h3{font-size: 16px;color:#fff;font-weight: 500;margin: 0 0 5px 0;}
.news .news-right .job-bar p{font-family:"Century Gothic";font-size: 13px;text-transform: uppercase;color:rgba(255,255,255,0.4);}
.news .news-right .job-bar i{font-size: 4rem;color:rgba(255,255,255,0.6);}
.news .newslist li{margin-bottom:20px;background-color: #fff;height: 120px;
    -webkit-box-shadow: 0 1px 5px 1px rgba(41, 57, 133, 0.05);
    box-shadow: 0 1px 5px 1px rgba(41, 57, 133, 0.05);
}
.news .newslist li a{position:relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content:flex-start;
    -moz-justify-content:flex-start;
    -ms-justify-content:flex-start;
    -o-justify-content:flex-start;
    justify-content:flex-start;
    align-items: center;
}
.news .newslist li a .info{padding:20px;}
.news .newslist li a .info h3{font-size: 17px;color: #666;margin: 0 0 10px 0;font-weight:600;}
.news .newslist li a .info p{font-size: 14px;color: #999;line-height: 22px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.news .newslist li a .ico{width: 100px;height: 100px;margin: 10px;}
.news .newslist li a .ico img{width: 100%;}
.news .newslist li a .img{width:180px;height: 100px;overflow: hidden;position: absolute;right:10px;top:10px;background-size: cover;background-position: center center}
.news .newslist li a:hover{text-decoration : none }
.news .newslist li a:hover .info h3{color: #ffa200;}
.news .newslist li:hover{
    -webkit-box-shadow: 5px 10px 40px rgba(41, 57, 133, 0.15);
    box-shadow: 5px 10px 40px rgba(41, 57, 133, 0.15);}



/*shownews*/
.shownews{background-color: #fff;padding: 30px;margin: 10px auto 60px auto;position: relative;
    -webkit-box-shadow: 1px 10px 30px rgba(0,0,0,0.05);
    box-shadow: 1px 10px 30px rgba(0,0,0,0.05);
    top:-30px;
}
.shownews:after{
    content: '';
    position: absolute;
    width: 8px;height: 40px;
    background-color: #ffa200;
    left: 0;top:20px;
}

.shownews .shownews-title{font-size: 22px;color: #444;line-height: 35px;text-align: center;}
.shownews .shownews-info{padding: 8px 0;text-align: center;font-size: 13px;color: #999;background-color: #f8f8f8;border-top: 1px solid #eee;margin: 10px 0 20px 0;}
.shownews .shownews-info span{margin: 0 10px;}
.shownews .shownews-cont{padding: 30px 0;font-size:14px;line-height: 25px;color: #666; }
.shownews .shownews-cont p{margin: 10px 0;}
.shownews .shownews-cont img{max-width: 80%;width: auto;height: auto;}