.opportunity-page{padding: 70px 20px 88px 20px; margin-top: 50px;}
.opportunity-page.de{padding: 0 20px;}
.opportunity-page .details{width: 70%;float: left;padding: 66px 38px 80px 0;border-right: solid 1px #f0f0f0;}
.opportunity-page .details .title{line-height: 36px;font-size: 24px;color: #333333;font-weight: bold;}
.opportunity-page .details .info{line-height: 25px;font-size: 15px;color: #c8c8c8;margin-top: 14px;}
.opportunity-page .details .article{border-top: solid 1px #e6e6e6;border-bottom: solid 1px #e6e6e6;padding: 40px 0;margin: 30px 0;}
.opportunity-page .details .prevnext{font-size: 15px;color: #555555;}
.opportunity-page .details .prevnext:after{content: "";height: 0;display: block;clear: both;}
.opportunity-page .details .prevnext a{font-size: 15px;color: #555555;}
.opportunity-page .details .prevnext a:hover{color: #d54e14;}
.opportunity-page .details .prevnext .l,
.opportunity-page .details .prevnext .r{width: 50%;height: 20px;line-height: 20px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: break-all;}
.opportunity-page .details .prevnext .r{text-align: right;}

.sidebar{width: 26%;float: right;padding: 3% 2% 3% 2%;background:#f6f6f6;}
.sidebar .title{line-height: 60px;font-size: 22px;color: #333333;}
.sidebar .news li:last-child a{border-bottom: none;}
.sidebar .news li a{padding: 16px 0;display: block;border-bottom: solid 1px #e6e6e6;transition-duration: 0.4s;-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;-ms-transition-duration: 0.4s;-o-transition-duration: 0.4s;}
.sidebar .news li a:hover .tit{color: #f84b00;}
.sidebar .news li .tit,
.sidebar .news li .txt{height: 30px;line-height: 30px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: break-all;transition-duration: 0.4s;-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;-ms-transition-duration: 0.4s;-o-transition-duration: 0.4s;}
.sidebar .news li .tit{font-size: 16px;color: #333333;}
.sidebar .news li .txt{font-size: 14px;color: #c8c8c8;}

@media screen and (max-width: 780px){
.main .banner{display:none;}
.opportunity-page{padding: 0px 20px 38px 20px; margin-top: 0px;}
.sidebar{display:none;}
.opportunity-page .details{width:100%;padding: 20px 0px 30px 0;}
.col9{width:100%;}
}