.newsinfo-main .detail@charset "utf-8"; html, body{ position: relative; } .header{ position: relative; } .footer{ background: #fff; } .b-wrap{ position: relative; width: 1005px; margin: 0 auto; } .brand-banner{ position: relative; z-index: 1; height: 554px; } .brand-banner li{ position: absolute; left: 0; top: 0; width: 100%; height: 554px; display: none; } .brand-banner .btn{ right: 40px; height: 12px; position: absolute; bottom: 80px; z-index: 1; } .brand-banner .btn span{ display: inline-block; width: 12px; height: 12px; margin-left: 14px; cursor: pointer; overflow: hidden; background: url(../img/banner_btn.png) no-repeat -12px 0; } .brand-banner .btn span.on{ background-position: 0 0px; } /*News*/ .news-wrap{ padding: 50px 0 85px; /* background: url(../img/brand/bg_news.jpg) no-repeat center top fixed #002a4f; */ background: #f2f2f2; overflow: hidden; } .news-box{ position: relative; width: 1200px; margin: 30px auto 0; } .w956{ position: relative; width: 1295px; margin: 0px auto 0; } .news-title{ height: 188px; text-align: center; } .news-title h2{ font-weight: normal; font-size: 48px; line-height: 82px; color: #fff; } .news-title img{ display: block; margin: 0 auto 30px; } .news-title a{ display: inline-block; float: left; width: 158px; font-size: 14px; line-height: 36px; color: #fff; background: url(../img/newsnav_bg.png) no-repeat 100% 0; margin-right: 30px; } .news-title a.first{ margin-left: 300px; } .news-title a:hover, .news-title a.on{ background-position: 0 0; color: #1f6aad; } .news-listin li{ position: relative; width: 1120px; height: 200px; padding: 20px 40px 20px 40px; background: #fff; margin-bottom: 18px; transition: all .3s; } .news-listin li .news-img{ width: 280px; height: 200px; overflow: hidden; transition: all 1s; } .news-listin li:hover .news-img{ transform: scale(1.1); } .news-listin li:hover{ box-shadow: 9px 9px 5px rgba(0,0,0,.1); } .news-listin .intro{ float: right; width: 800px; height: 200px; font-size: 16px; line-height: 20px; color: #949494; } .news-listin .intro a{ display: inline-block; width: 100%; font-size: 16px; line-height: 30px; color: #949494; } .news-listin .intro a.tit{ padding-top: 6px; font-size: 22px; line-height: 34px; font-weight: 700; color: #434343; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .news-listin .intro a.more{ position: absolute; right: 52px; bottom: 14px; width: auto; padding-right: 22px; font-size: 12px; line-height: 30px; color: #fefefe; } .news-listin .intro .headline{ font-size: 14px; padding:5px 10px; margin-right: 5px; background: #faa701; color: #fff; vertical-align: middle; } .news-listin li:hover .tit{ color: #0066cc; } .news-listin .intro p{ margin-top: 10px; padding-bottom: 24px; border-bottom: 1px dashed #b4afaf; margin-bottom: 24px; } .news-listin .btn{ padding-top: 38px; height: 40px; text-align: center; } .news-listin .btn a{ display: inline-block; width: 188px; font-weight: bold; font-size: 14px; line-height: 40px; color: #fff; background: #5995ca; } .news-listin .btn a:hover{ color: #000; background: #fff; } .newsinfo-bg{ width: 1200px; margin: 20px auto; background: #fff; padding: 50px 20px 20px; box-sizing: border-box; } .newsinfo-main h2{ margin: 0 auto; font-weight: normal; font-size: 28px; line-height: 45px; color: #000; text-align: center; } .newsinfo-main .time{ margin-bottom: 40px; font-size: 16px; color: #9099a3; text-align: center; border-bottom: 1px solid #ededed; padding-bottom: 30px; margin-top: 30px; } .newsinfo-main .detail{ font-size: 16px; line-height: 26px; color: #333; padding:0 80px; } .newsinfo-main .detail p{ margin-bottom: 20px; } .newsinfo-main .detail img{ /*display: block;*/ margin: 0 auto; max-width: 820px; } .newsinfo-main.jobinfo-main .detail img{ margin: 0; max-width: 100%; } .newsinfo-main .detail b{ font-size: 16px; color: #fff; } .newsinfo-main .turn{ position: relative; margin-top: 38px; border-top: 1px solid #ededed; padding-top: 30px; font-size: 16px; line-height: 24px; color: #5e5e5e; margin-bottom: 30px; } .newsinfo-main .turn a{ color: #5e5e5e; } .newsinfo-main .turn a:hover{ color: #004b8d; } .newsinfo-main .turn a.back{ display: inline-block; position: absolute; right: 0; top: 30px; width: 130px; height: 45px; font-size: 14px; line-height: 45px; color: #0066cc; text-align: center; border: 1px solid #0066cc; transition: all .5s; } .newsinfo-main .turn a.back:hover{ color: #fff; background: #0066cc; background-position: 0 -26px; } .news-select{ position: relative; height: 35px; z-index: 3; } .news-select-box{ float: right; width: 104px; height: 22px; position: relative; background: url(../img/news_sel_bg01.png) no-repeat; cursor: pointer; } .news-select-box .news-select-cur{ display: inline-block; width: 104px; height: 22px; text-indent: 9px; line-height: 22px; color: #fff; font-size: 14px; } .news-select-box ul{ display: none; position: absolute; background: #fff; left: 0; top: 22px; border: 1px solid #afc8dd; border-top: 0; border-bottom: 0; } .news-select-box ul li{ width: 100%; line-height: 24px; border-bottom: 1px solid #afc8dd; } .news-select-box ul li a{ display: block; padding-left: 9px; color: #1f6aad; font-size: 14px; } .news-select-box ul li a:hover{ background: #d4e7f8; } .page{height:52px;margin-bottom: 110px;margin-top: 25px;} .page-box{line-height:50px;margin:auto;width:max-content;max-width:1200px} .page-box span{background:#fff;display:inline-block;line-height:50px;height:50px;padding:0 20px;border:1px solid #e6e6e6;float:left;color:#999} .page-box .valign a{background:#fff;display:inline-block;float:left;height:50px;width:50px;text-align:center;border:1px solid #e6e6e6;transition:all .5s;font-size:16px;color:#999;margin-right: 10px} .page-box .valign a:hover{transition:all .5s;background:#0066cc;color:#fff;border-color:#0066cc;} /* .page-box .valign .special{border-left:1px solid #e6e6e6;width:108px} */ .page-box .valign .btn-next,.page-box .valign .btn-prev{width:50px;font-size: 16px;} .page-box .valign .active{background:#0066cc;color:#fff;border-color:#0066cc;}