.pcbg1 {background:#f6f6f6;background-size: cover;-moz-background-size: cover;-webkit-background-size: cover;}

.opportunity-page{padding: 70px 20px 88px 20px;}
.opportunity-list:after{content: "";height: 0;display: block;clear: both;}
.opportunity-list li{margin-bottom: 32px;}
.opportunity-list li a{display: block;background: #fff;border-radius: 6px;padding: 32px;}
.opportunity-list li a:hover .tit{color: #d54e14;}
.opportunity-list li a:hover img{transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);}
.opportunity-list li a:hover .date{opacity: 0;}
.opportunity-list li a:hover .btn{opacity: 1;}
.opportunity-list li .box{position: relative;}
.opportunity-list li .box:after{content: "";height: 0;display: block;clear: both;}
.opportunity-list li img{width: 100%;display: block;transition-duration: 0.8s;-webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-ms-transition-duration: 0.8s;-o-transition-duration: 0.8s;}
.opportunity-list li .pic{width: 306px;overflow: hidden;float: left;}
.opportunity-list li .right{width: 218px;height: 100%;position: absolute;right: 0;top: 0;z-index: 2;border-left: solid 1px #e0e0e0;}
.opportunity-list li .date{text-align: right;margin-top: 50px;margin-right: 30px;font-family: "Arial", arial;font-size: 60px;color: #c5c5c5;transition-duration: 0.4s;-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;-ms-transition-duration: 0.4s;-o-transition-duration: 0.4s;}
.opportunity-list li .date span{font-size: 26px;font-weight: bold;display: block;}
.opportunity-list li .btn{width: 138px;height: 42px;line-height: 42px;text-align: center;position: absolute;right: 24px;top: 50%;z-index: 5;margin-top: -21px;background: #d54e14;color: #fff;font-size: 15px;opacity: 0;transition-duration: 0.4s;-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;-ms-transition-duration: 0.4s;-o-transition-duration: 0.4s;}
.opportunity-list li .btn::after{background: #c53b00;}
.opportunity-list li .text{padding: 42px 290px 0 354px;}
.opportunity-list li .tit,
.opportunity-list li .txt{line-height: 28px;height: 28px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: break-all;}
.opportunity-list li .tit{font-size: 24px;color: #2a2736;transition-duration: 0.4s;-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;-ms-transition-duration: 0.4s;-o-transition-duration: 0.4s;}
.opportunity-list li .txt{height: 56px;font-size: 15px;color: #888888;-webkit-line-clamp: 2;margin-top: 30px;}
.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 #share2{float: right;}
.opportunity-page .details #share2:after{content: "";height: 0;display: block;clear: both;}
.opportunity-page .details #share2 a{width: 30px;height: 30px;margin: 0 0 0 8px;float: left;background: no-repeat;background-size: 100% 100%;filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);opacity: .4;}
.opportunity-page .details #share2 a:hover{opacity: 1;filter: grayscale(0);-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);}
.opportunity-page .details #share2 .icon-qq{background-image: url(../images/share5.png);}
.opportunity-page .details #share2 .icon-weibo{background-image: url(../images/share6.png);}
.opportunity-page .details #share2 .icon-wechat{background-image: url(../images/share7.png);position: relative;}
.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;}

.paging{text-align: center;margin-top: 22px;}
.paging ul{display: inline-block;}
.paging li{float: left;margin: 0 2px;}
.paging li.on a,
.paging li a:hover{background: #d54e14;color: #fff;}
.paging li a{display: block;width: 62px;height: 44px;line-height: 44px;background: #fff;font-size: 15px;color: #555555;font-family: "Arial", arial;}

@media screen and (max-width: 780px){
.main .banner{display:none;}
.opportunity-page{padding: 0px 0px 38px 0px; margin-top: 0px;}
.opportunity-list li a{display: block;background: #fff;border-radius: 6px;padding: 18px;}
.opportunity-list li .pic{width: 35%;overflow: hidden;float: left;}
.opportunity-list li .right{display:none;}
.opportunity-list li .text{width:60%;float: right;padding: 0px 0px 0 0px;}
.opportunity-list li .tit{line-height: 28px;height: 84px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-break: break-all;}
.opportunity-list li .txt{display:none;}
.opportunity-page .details{width:75%;padding: 20px 0px 30px 0;}
.col9{width:100%;}
}