.maincolor{color:#8A8A8A;/*文字*/color:#494949;/*重文字*/color:#333/*特重文字*/color：#d40a26/*主色调*/ color：#DDD;/*边框*/color:#F0F0F0;/*背景*/}


/*企业文化 下文字+上icon 四个一行
<div class="page_brand">
    <ul class="u-df u-fw tac u-jc-sb">
		<li>
			<div class="con animation">
				<div class="icon_container"><img src="static/images/brand_icon1.png"></div>
				<div class="txt_container">
					<h3>企业愿景</h3>
					<p>努力做强做优做大</p>
				</div>
			</div>
		</li>
    </ul>
</div>*/
.page_brand  { padding-bottom:6.7%; }
.page_brand .page_txt { font-size:1.125em; }
.page_brand .into_content {  line-height:1.889; }
.page_brand ul{list-style-type: none; overflow: hidden;}
.page_brand li{float: left; width: 22.85%; margin-top:1.25em; padding:116px 2% 62px;border:1px solid #e1e1e1;}
.page_brand .icon_container{ width: 88px; height: 88px; margin:0px auto;}
.page_brand .icon_container img {width: 100%;}
.page_brand .txt_container h3{ font-size:30px; margin-top:1.233em; line-height: 200%; color: #d6001d;}
.page_brand .txt_container p { font-size:1.125em; color:#333; line-height:1.33; }
.page_brand .txt_container:after{content: ""; background: #d6001d; width:25px; height: 5px; display:inline-block; opacity: 0; margin-top: 8px;}
.page_brand li .con { position:relative; top:0px; }
.page_brand li:hover .con { top:-5px; }
.page_brand li:hover .txt_container:after{opacity: 1;}

@media screen and (max-width:1366px){
    .page_brand .txt_container h3 { font-size:24px; }
	.page_brand .txt_container p { font-size:1em; }
}
@media screen and (max-width:1024px){
	 .page_brand li { padding:86px 2% 42px;}
	 .page_brand .icon_container { width:70px; height:70px; }
    .page_brand .txt_container h3 { font-size:20px; }
	.page_brand .txt_container p { font-size:14px; }
}

@media screen and (max-width:900px){
    .page_brand .txt_container h3 { font-size:18px; }
}

@media screen and (max-width: 767px){
	.page_brand  { padding-bottom:3em; }
    .page_brand li{float: none; width:100%;padding:50px 5% 30px;}
	.page_brand .txt_container h3 { font-size:24px; }
	.page_brand .txt_container p { font-size:1em; }
}


/*宣传片
<div class="page_video">
	<ul class="u-df u-fw">
		<li class="video_container" data-mp4="static/images/video.mp4">
			<div class="column_video">
				<div class="bg_container"><img src="static/images/indexvideo.jpg"></div>
			</div>
			<h2>风跃龙门</h2>
			<div class="bg"></div>
		</li>
	</ul>
</div>*/
.page_video { padding-bottom:4.3%; }		
.page_video ul { margin:0px -20px; }
.page_video ul li { float:left; width:33.33%; margin:40px 0px; position:relative; top:0px; padding:0px 20px; }
.page_video ul li .bg { position:absolute; left:20px; top:0px; right:20px; bottom:0px; box-shadow:0px 0px 20px rgba(0,0,0,0.1); }
.page_video .column_video { position:relative; padding:36px 36px 30px; z-index:2; cursor:pointer; }
.page_video .column_video .bg_container  { height: 0; overflow: hidden; padding: 0 0 70.27%; position: relative; }  

.page_video .column_video .bg_container:after{content: '';position: absolute;left:0; right: 0; bottom:0;top:0; background: rgba(0, 0, 0,.2);}
.page_video .column_video .bg_container:after{content: '';position: absolute;left:50%;top:50%; background:url(../images/play01.png) no-repeat center center; background-size: 100%; width: 19.4594%; height: 0; padding: 0 0 19.4594%; margin: -9.7297% 0 0 -9.7297%;cursor: pointer;}
.page_video  h2 { font-size:1.125em; padding:0px 36px 53px; color:#333; text-align:center; }
.page_video ul li:hover { top:-5px; }

@media screen and (max-width:1024px){
.page_video ul { margin:0px -10px; }
.page_video .column_video { position:relative; padding:20px 20px 16px; }
.page_video ul li {margin:20px 0px; padding:0px 10px;}
.page_video ul li .bg { left:10px; right:10px; }
.page_video h2 {padding:0px 20px 30px; }
.page_video ul li { width:50%; }


}

@media screen and (max-width:767px){
.page_video { padding-top:1em; }	
.page_video ul li { width:100%; }

}


/*大事记
<div class="page_content">
                    <div class="yearcard">
                    	<div class="year_con_class2">
                            <ul>
                                <li>
                                    <h4>2020年</h4>
                                    <p>2020年1月14日，国投浦北龙门风电场二期（100MW）工程首台机组吊装成功。</p>
                                </li>
                                <li>
                                    <h4></h4>
                                    <p>2020年5月23日，国投浦北龙门风电场二期（100MW）首批机组顺利投产发电，是继龙门风电场一期2019年2月全投之后，国投在广西第二个投产新能源项目。</p>
                                </li>
                                <li>
                                    <h4></h4>
                                    <p>2020年6月12日，公司党支部升格为党总支。</p>
                                </li>
                                <li>
                                    <h4></h4>
                                    <p>2020年7月21日，国投浦北龙门风电三期工程获得广西壮族自治区发改委核准批复。</p>
                                </li>
                            </ul>
                            <ul>
                                <li>
                                    <h4>2019年</h4>
                                    <p>2019年2月28日，国投浦北龙门风电场一期40台机组全部投产发电。</p>
                                </li>
                                <li>
                                    <h4></h4>
                                    <p>2019年6月11日，浦北龙门风电场二期（100MW）项目列入广西2019年第二批自治区层面统筹推进重大项目计划。</p>
                                </li>
                                <li>
                                    <h4></h4>
                                    <p>2019年9月25日，公司与钦州市钦南区政府签订那思风电场开发协议。</p>
                                </li>
                                <li>
                                    <h4></h4>
                                    <p>2019年10月26日，国投浦北龙门风电场二期（100MW）主体工程正式开工。</p>
                                </li>
                            </ul>
                            <ul>
                                <li>
                                    <h4>2018年</h4>
                                    <p>2018年1月1日，浦北龙门风电场一期工程首台机组12号风机基础完成浇筑。</p>
                                </li>
                                <li>
                                    <h4></h4>
                                    <p>2018年3月4日，浦北龙门风电场二期（100MW）工程取得广西壮族自治区核准批复。</p>
                                </li>
                                <li>
                                    <h4></h4>
                                    <p>2018年4月9日，国投浦北龙门风电场第一台风机吊装顺利完成，国投在广西竖起第一台风机，也是钦州市第一台完成安装的风力发电机组。</p>
                                </li>
                                <li>
                                    <h4></h4>
                                    <p>2018年4月17日，公司与灵山县人民政府签订国投灵山董永风电场（150MW）项目开发协议。</p>
                                </li>
                                <li>
                                    <h4></h4>
                                    <p>2018年4月28日，公司与南方电网签订《国投浦北龙门风电场并网协议书》。</p>
                                </li>
                                <li>
                                    <h4></h4>
                                    <p>2018年6月1日，国投浦北龙门风电场一期工程首台机组投产发电。</p>
                                </li>
                                <li>
                                    <h4></h4>
                                    <p>2018年9月12日，在博览会签约仪式上，公司总经理与浦北县人民政府签订了《浦北龙门风电场三期（三合）工程投资合作协议》。随着该项目的签约，国投在广西的新能源投产及储备项目规模700MW,且都已取得实质性进展。</p>
                                </li>
                            </ul>
                            <ul>
                                <li>
                                    <h4>2017年</h4>
                                    <p>2017年4月16日，公司党组织成立。</p>
                                </li>
                                <li>
                                    <h4></h4>
                                    <p>2017年5月11日，国投浦北龙门风电场一期（100MW）工程主体开工。</p>
                                </li>
                                <li>
                                    <h4></h4>
                                    <p>2017年11月10日，国投灵山六炉山风电场（250MW）项目与灵山县人民政府签订开发协议。</p>
                                </li>
                                <li>
                                    <h4></h4>
                                    <p>2017年11月17日，公司工会成立。</p>
                                </li>
                            </ul>
                            <ul>
                                <li>
                                    <h4>2016年</h4>
                                    <p>2016年1月14日，根据《公司法》，公司在广西钦州市浦北县注册成立。</p>
                                </li>
                                <li>
                                    <h4></h4>
                                    <p>2016年5月21日，经董事会聘任，任涛同志出任公司总经理（于2019年5月连任）。</p>
                                </li>
                                <li>
                                    <h4></h4>
                                    <p>2016年7月15日，公司第一个风电项目浦北龙门风电场一期100MW工程获广西区发改委核准。</p>
                                </li>
                                <li>
                                    <h4></h4>
                                    <p>2016年8月15日，通过竞争评优，公司取得灵山董永风电场测风权。</p>
                                </li>
                                <li>
                                    <h4></h4>
                                    <p>2016年9月20日，公司与浦北县政府签订浦北二期风电场投资建设协议书。</p>
                                </li>
                                <li>
                                    <h4></h4>
                                    <p>2016年11月4日,浦北龙门风电场一期220KV接入系统获得广西电网批复。</p>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
*/

.yearcard { padding:2.5% 40px 6% 32px; }
.yearcard .year_con_class2 h3{ display: none;}
.yearcard .year_con_class2 ul{list-style-type: none; position:relative; }
.yearcard .year_con_class2 li{position: relative; padding: 10px 0 10px 246px;}
.yearcard .year_con_class2 li:before{content: '';position: absolute;top:32px; left: 136px; width:104px; height: 1px; background: #ccc;}
.yearcard .year_con_class2 li::after{content: '';position: absolute;top:24px; bottom:-24px; left: 136px; width: 3px; background: #d6001d;}
.yearcard .year_con_class2 ul:last-of-type li:last-of-type::after{display: none;}
.yearcard .year_con_class2 h4{line-height: 250%; color:#FFF;background: #d6001d;border-radius: .5em; text-align: center;width:114px;position: absolute;left: 0;top:12px; z-index: 5;}
.yearcard .year_con_class2 h4:before{content:'';position: absolute; display:none; border:1px solid #d6001d;background: #d6001d; transform: rotate(45deg); top:15px;right:-5px; width: 9px; height: 9px;}
.yearcard .year_con_class2 h4:after{content:'';position: absolute;left:127px; top:11px; width:20px; height:20px; border-radius: 50%;background: #d6001d;border:6px solid #e5ebf4;}
.yearcard .year_con_class2 p{position: relative;background: #F6F6F6;border-radius: .5em;padding:1.1875em 2.25em;line-height:187.5%;border:1px solid #ccc; }
.yearcard .year_con_class2 p:before{content:'';position: absolute;border:1px solid #ccc;background: #F6F6F6; transform: rotate(45deg); top:15px;left:-6px; width:12px; height:12px;border-top-color: #F6F6F6;border-right-color: #F6F6F6;}
/*.yearcard .year_con_class2 ul li:first-child h4:before { display:inline-block; }*/
.yearcard .year_con_class2 ul li:first-of-type { padding:30px 0 10px 246px; }
.yearcard .year_con_class2 ul li:first-of-type h4 { top:32px; }
.yearcard .year_con_class2 li:first-of-type:before { top:52px; }
.yearcard .year_con_class2 ul:first-of-type li:first-of-type::after { top:44px; }
.yearcard .year_con_class2 .year {line-height: 250%; color:#FFF;background: #d6001d;border-radius: .5em; text-align: center;width:114px;position: absolute;left: 0;top:32px; z-index: 5;}
.yearcard .year_con_class2 .year:before{content:'';position: absolute; border:1px solid #d6001d;background: #d6001d; transform: rotate(45deg); top:15px;right:-5px; width: 9px; height: 9px;}
.yearcard .year_con_class2 .year:after{content:'';position: absolute;left:127px; top:11px; width:20px; height:20px; border-radius: 50%;background: #d6001d;border:6px solid #e5ebf4;}


@media screen and (max-width:1024px){

.yearcard { padding:2.5% 0px 6% 0px; }
}
@media screen and (max-width: 767px){
	.yearcard { padding:1em 0px 2em; }
    .yearcard .year_con_class2 li{position: relative; padding: 12px 0 12px 34px;}
    .yearcard .year_con_class2 li:before{display: none;}
    .yearcard .year_con_class2 li::after{left: 8px;}
    .yearcard .year_con_class2 h4{position: relative;left: 0; top:0; margin-bottom: 8px;}
    .yearcard .year_con_class2 h4:before{right: auto;left: -5px;}
    .yearcard .year_con_class2 h4:after{left: -34px; top:20px; }
	.yearcard .year_con_class2 ul li:first-of-type {padding: 12px 0 12px 34px; }
	.yearcard .year_con_class2 ul li:first-of-type h4:after { top:10px; }
	.yearcard .year_con_class2 ul li:first-of-type h4 { top:0px; }
	.yearcard .year_con_class2 ul:first-of-type li:first-of-type:after { top:30px; }
	.yearcard .year_con_class2 li:after { bottom:-34px; }
	
    .yearcard .year_con_class2 .year {position: relative;left: 0; margin-top:1em; top:0; margin-bottom: 8px;}
    .yearcard .year_con_class2 .year:before{right: auto;left: -5px; display:none; }
    .yearcard .year_con_class2 .year:after{left: -34px; top:20px; display:none; }
	.yearcard .year_con_class2 ul li:last-of-type:after { display:none; }
	
}


/*图片页面 如组织机构
<div class="page_img"><img src="static/images/organization.png"></div>*/
.page_img{ padding: 4.5em 0 5.875em; text-align: center;}
.page_img img{max-width: 100%;}



.business-column .submenu ul,.news-column .submenu ul { padding:0px 22% 0px 8%; width:100%;   }


/*风电项目业务介绍
<div class="page_bussiness scaleimg">
	<div class="img_container"><div class="bg_container"><img src="static/images/page_bussiness-img01.jpg"></div></div>
	<div class="txt_container">
		<h2>风电项目业务介绍</h2>
		<p>公司在风力发电开发建设中，现有投产及在建项目194MW，核准项目100MW，获得项目开发权并积极、有序推进中项目500MW。<br>
		浦北龙门风电场一期94MW工程于2018年6月首批机组投产发电，2019年2月全部机组投产发电。<br>
		浦北龙门风电场二期100MW工程于2020年5月首批机组投产发电。<br>
		浦北龙门风电场三期（三合）100MW工程于2020年7月21日获得广西壮族自治区发改委核准批复。<br>
		广西灵山县六炉山风电场250MW工程、董永风电场150MW工程、、钦州市钦南区那思风电场100MW工程获得项目开发权，正在加快开展前期工作。</p>
	</div>
</div>
*/
.page_bussiness { position:relative; margin:2.6% 0px 6.7%; }
.page_bussiness  .img_container { position:absolute; left:0px; top:0px; width:100%; height:100%; }
.page_bussiness  .img_container .bg_container { height:100%; }
.page_bussiness  .txt_container { position:relative; z-index:2; color:#fff; padding:5em 2.25em 4.1875em 3.75em; }
.page_bussiness  h2 { font-size:30px; }
.page_bussiness  .txt_container p { line-height:2.125; margin-top:2.125em; }

@media screen and (max-width:1024px){
.page_bussiness .txt_container { padding:4em 2em; }
}

@media screen and (max-width:767px){
.page_bussiness { margin:1.5em 0px 2em; }
.page_bussiness .txt_container { padding:2em 0px 0px; color:#333; }
.page_bussiness h2 { font-size:24px; }
.page_bussiness  .txt_container p  { margin-top:1em; color:#666; }
.page_bussiness .img_container { position:relative; }

}




.page_bussiness_other .txt_container { padding:9.875em 2.25em 7.875em 58.0714%; }
@media screen and (max-width:767px){
.page_bussiness_other .txt_container { padding:2em 0px 0px; }

}





/*文字栏目 标题变色*/
.page_txt .into_content h2,.page_txt .into_content h3,.page_txt .into_content h4{color: #d40a26; font-weight: lighter;}


/*上icon下文字 一行三个
<ul class="page-iconaddtxt">
    <li>
        <a href="javascript:void(0);" class="iconaddtxt">
            <div class="icon_container"><img src="static/images/InvestorHotline_icon3.png"></div>
            <div class="txt_container">E互动</div>
        </a>
    </li>
</ul>*/
.page-iconaddtxt {list-style: none; margin: 0 -1em; overflow: hidden;}
.page-iconaddtxt li{float: left; width: 33.33%; padding: 1em;}
.page-iconaddtxt .iconaddtxt{ border:1px solid #DDD;padding: 1em 0; text-align: center; display: block;}
.page-iconaddtxt .iconaddtxt .icon_container{ margin: 0 auto; width:6.75em; height: 6.75em; overflow: hidden; margin-bottom: .5em;}
.page-iconaddtxt .iconaddtxt .icon_container img{width: 100%;}
.page-iconaddtxt .iconaddtxt .txt_container{height: 3.75em;}
@media screen and (max-width: 1024px){
    .page-iconaddtxt{margin: 0 -.5em;}
    .page-iconaddtxt li{padding:  .5em;}
}
@media screen and (max-width: 767px){
    .page-iconaddtxt li{float: none; width: 90%; margin: 0 auto;}
    .page-iconaddtxt .iconaddtxt .txt_container{height: auto;}
}


/*荣誉资质 上图下文 一行三个
<ul class="photo_txt_list">
    <li>
        <span class="honor_con">
            <div class="img_container">
                <div class="bg_container"><img src="static/images/honor.jpg"></div>
            </div>
            <p>荣誉文字荣誉文字荣誉文字荣誉文字荣誉文字荣誉文字荣誉文字荣誉文字</p>
        </span>
    </li>
</ul>*/
.page_honor { padding:2.65% 0px 3.8%; }
.page_honor ul{ overflow: hidden; margin: 0 -19px;}
.page_honor ul li{ display: inline-block; margin-right: -.33em; padding:  0 19px; width: 33.33%; vertical-align: top;}
.page_honor ul li .img_container{border: 1px solid #9d9d9d; height: 0; overflow: hidden; padding:0 0 69.345%; position: relative;}
.page_honor ul li .bg_container{ position: absolute; left:24px; top:16px; bottom:16px; right:24px; background-size: contain;transition: transform .5s linear;}
.page_honor ul li:hover .bg_container{transform: scale(1.05);}
.page_honor ul li p{margin: 2.25em 0 2.5em; line-height: 150%; text-align: justify; color:#7c7c7c; }
@media screen and (max-width: 1024px){
   .page_honor ul{ overflow: hidden; margin: 0 -8px;}
   .page_honor ul li{padding:  0 8px; width: 50%;} 
}
@media screen and (max-width:767px){
   .page_honor { padding-top:2em; }
   .page_honor ul li p { margin:1em 0px 2em; }
}

@media screen and (max-width: 480px){
   .page_honor ul li{width: 100%;}
}


/*图片列表
<ul class="picturelist">
    <li>
        <a href="javascript:void(0);" class="picture_container" data-img="static/images/picture1.jpg">
            <div class="img_container">
                <div class="bg_container"><img src="static/images/picture1.jpg"></div>
            </div>
            <div class="txt_container">
                <h3>首批基层示范党支部</h3>
                <p>文字</p>
            </div>
        </a>
    </li>
</ul>
*/
.picturelist{ list-style-type: none; overflow: hidden; margin: 0 -8px;}
.picturelist li{width: 25%; float: left; padding: 8px; }
.picturelist li:nth-child(4n){margin-right: -8px;}
.picturelist li .img_container{height: 0; overflow: hidden; padding: 0 0 calc(272% / 4.4); position: relative;  transition: box-shadow .5s linear;}
.picturelist li .bg_container{position: absolute; left:0; top:0; right:0; bottom:0; overflow: hidden;transition: transform .5s linear;}
.picturelist li a:hover .img_container{box-shadow: 0 2px 6px rgba(0,0,0,.5);}
.picturelist li a:hover .bg_container{transform: scale(1.05);}
.picturelist li .txt_container{overflow: hidden; padding: 24px 0; position: relative;}
.picturelist li .txt_container h3{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width:100%; color: #333; text-align: center; line-height:150%; }
.picturelist li a:hover .txt_container h3{color: #d40a26;}
.picturelist li .txt_container p{overflow: hidden;color: #8A8A8A;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;display: none;}
@media screen and (max-width: 1024px){
    .picturelist li{ width: 33.33%;}
    .picturelist li:nth-child(4n){margin-right: 0;}
    .picturelist li:nth-child(3n){margin-right:-8px;}
}
@media screen and (max-width: 767px){
    .picturelist li{ width: 50%;  }
    .picturelist li:nth-child(3n){margin-right:0;}
    .picturelist li:nth-child(2n){margin-right:-8px;}
    .picturelist li .txt_container{padding: 8px 0;}
}

/*视频列表
<ul class="videolist">
    <li>
        <a href="javascript:void(0);" class="video_container" data-mp4="static/images/video.pm4">
            <div class="img_container">
                <div class="bg_container"><img src="static/images/picture1.jpg"></div>
            </div>
            <div class="txt_container">
                <h3>首批基层示范党支部</h3>
            </div>
        </a>
    </li>
</ul>
*/
.videolist{ list-style-type: none; overflow: hidden; margin: 0 -8px;}
.videolist li{width: 33.33%; float: left; padding: 8px; }
.videolist li:nth-child(3n){margin-right: -8px;}
.videolist li a{display: block; position: relative;}
.videolist li .img_container{height: 0; overflow: hidden; padding: 0 0 calc(272% / 4.4); position: relative;  transition: box-shadow .5s linear;}
.videolist li .img_container:after{content: '';position: absolute;left: 50%; top:50%; transform: translate(-50%,-50%); width: 20%; height: 0; padding: 0 0 20%; background: url(../images/icon_con.png) no-repeat center center; background-size: 100%;}
.videolist li .bg_container{position: absolute; left:0; top:0; right:0; bottom:0; overflow: hidden;transition: transform .5s linear;}
.videolist li a:hover .img_container{box-shadow: 0 2px 6px rgba(0,0,0,.5);}
.videolist li a:hover .bg_container{transform: scale(1.05);}
.videolist li .txt_container{overflow: hidden; padding: 24px 0; position: relative;}
.videolist li .txt_container h3{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width:100%; color: #333; text-align: center; line-height:150%; }
.videolist li a:hover .txt_container h3{color: #d40a26;}
.videolist li .txt_container p{overflow: hidden;color: #8A8A8A;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;display: none;}

@media screen and (max-width: 767px){
    .videolist li{ width: 50%;  }
    .videolist li:nth-child(3n){margin-right:0;}
    .videolist li:nth-child(2n){margin-right:-8px;}
    .videolist li .txt_container{padding: 8px 0;}
}


/*新闻栏目
<div  class="newslist">
	<ul>
		<li>
			<a href="NewsDetail.html">
				<div class="img_container">
					<div class="bg_container"><img src="static/images/newsimg01.jpg"></div>
				</div>
				<div class="txt_container">
					<h3>亚行与中国水环境集团共同助力全球生态安全</h3>
					<span class="timeb"><span class="type">发布时间：</span>2020/05/08</span>
					<span class="hits"><span class="type">阅读量：</span>258+</span>
					<p>根据中央关于巡视工作的统一部署，2019年3月26日上午，中央第十二巡视组巡视国家开发投资集团有限公司党组工作动员会召开。会前...根据中央关于巡视工作的统一部署，2019年3月26日上午，中央第十二巡视组巡视国家开发投资集团有限公司党组工作动员会召开。会前...</p>
				</div>
			</a>
		</li>
	</ul>
</div>*/
.newslist{list-style-type: none; padding:2.75% 0px 4.3%;}
.newslist li{border:2px solid #eee;margin-bottom:2.8%;}
.newslist li a{padding:1.25em 1.25em 1.25em 3.25em;display: block;}
.newslist li a:hover{background: #fbfbfb;}
.newslist .img_container{ position: relative; display: inline-block; vertical-align: middle; width:30.212%; overflow: hidden; left:69.782%;}
.newslist .img_container .bg_container{width: 100%;  transition: transform .5s linear; position: relative;height: 0;padding: 0 0 calc(225% / 4);overflow: hidden;}
.newslist li a:hover .img_container .bg_container{transform: scale(1.05);}
.newslist .img_container + .txt_container{position: relative;display: inline-block; vertical-align: middle; width:65%; padding:1.5625em 0px; left: -30.212%;}
.newslist .img_container + .times{display: none;}
.newslist .img_container + .times + .txt_container{display: inline-block; vertical-align: middle; width: 75%; margin: 0 -2% 0 2%;}
.newslist .txt_container h3{/* width: calc(100% - 6em); */ margin-bottom:4px; font-weight:bold; width:100%;color:#333;white-space: nowrap; font-size:1.25em; line-height: 175%; overflow: hidden; text-overflow: ellipsis;}
.newslist li a:hover .txt_container h3{color: #d40a26;}
.newslist li a strong{color: #d40a26;}
/* .newslist .txt_container:after{content: '→'; display: block; color: #d40a26;margin-left: .5em; transform: scaleX(2);width: 1em;} 
.newslist .img_container + .txt_container:after{display: none;}
.newslist .img_container + .times + .txt_container:after{display: none;}*/
.newslist .txt_container .time{ display: block; position: relative; width: 6em; text-align: right; color: #333; top:-1.875em; margin: 0 0 0 auto;}
.newslist .txt_container .timeb,.newslist .txt_container .hits{ white-space: nowrap; display: inline-block; margin-right:3em;  line-height: 150%; color:#333;}
.newslist .txt_container .timeb .type,.newslist .txt_container .hits .type{color:#494949; font-weight:bold;}
.newslist .txt_container p{ overflow: hidden; height: 4.875em;color: #666; margin-top:1.1875em; line-height:1.625; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.newslist .txt_container .form{ display: block; text-align: right; padding-top: .5em;color: #8A8A8A;}
.newslist .times:first-child{display: inline-block;  border:1px solid #d40a26; text-align: center;vertical-align: top; color:#d40a26; overflow: hidden;padding:0 .5em .25em;}
.newslist .times .d{ display: block; line-height: 175%; font-size:32px; margin-bottom: -.25em;}
.newslist .times .m,.newslist .times .y{float: right;}
.newslist .times .y:after{content: "-";}
.newslist .times:first-child + .txt_container{display: inline-block; vertical-align: top; width: calc(98% - 5em); margin: 0 -2% 0 2%;}
.newslist .times:first-child + .txt_container h3{ width: 100%;}
.newslist .times:first-child + .txt_container .time{text-align: left; top: auto; opacity: 0;}
.overseas-column .newslist .txt_container:after{display: none;}

.newslist .turnpage { padding-top:1.3%; }
@media screen and (max-width: 1024px){
    .newslist li a{padding: 1em;}
    .newslist .txt_container .time{margin: 0 0 -1.875em auto;}
    .newslist .img_container{width: 33%;left: 67%;}
    .newslist .img_container + .txt_container{ width: 64%; margin: 0 -2% 0 3%; left: -36%;}
	
}
@media screen and (max-width: 767px){
	.newslist { padding-bottom:2em; }
    .newslist .img_container{width: 43%;vertical-align: top; left: 57%;}
    .newslist .img_container + .txt_container{ width: 53%; margin: 0 -2% 0 4%; left: -47%; padding:0.5em 0px; }
    .newslist .img_container + .times + .txt_container{ width: 53%; margin: 0 -2% 0 4%;}
    .newslist .txt_container h3 {width: auto; white-space: normal;display: -webkit-box;-webkit-box-orient: vertical; font-size:1.125em; -webkit-line-clamp: 2; }
    .newslist .img_container + .txt_container .time{text-align: left;  top: auto; margin: 0;}
    .newslist .img_container + .times + .txt_container .time{text-align: left;  top: auto; margin: 0;}
    .newslist .txt_container:first-child .time{text-align: left;  top: auto; margin: 0;}
    .newslist .img_container + .txt_container p{display:none ;}
    .newslist .img_container + .times + .txt_container p{display:none ;}
	.newslist .txt_container .timeb, .newslist .txt_container .hits { font-size:12px;  margin-right:1em; }
	.newslist .txt_container p { margin-top:0.5em; }
	
    
}
@media screen and (max-width: 580px){
    .newslist li{border:none;}
    .newslist li a{padding: 1em .5em;}
    .newslist .img_container{display: block; width: 100%;  margin-bottom: .5em; left: 0;}
    .newslist .img_container + .txt_container{ width: 100%; margin:0; left: 0;}
    .newslist .img_container + .times + .txt_container{width: 100%; margin:0;}
    .newslist .img_container + .txt_container p{ display: -webkit-box;}
    .newslist .img_container + .times + .txt_container p{display: -webkit-box;}
    .newslist .times:first-child{display: none;}
    .newslist .times:first-child + .txt_container{width: 100%; margin:0;}
    .newslist .times:first-child + .txt_container .time{opacity: 1;margin: 0;}
}




.news-details-l { padding:7% 0px 0.5%; border-bottom:1px solid #e5e5e5; }
#bsWXBox,#bsBox { box-sizing: content-box!important; }
#bsBox { width:80%!important; margin-left:0px!important; margin-top:-150px!important; left:10%!important; right:10%!important; height:300px; }
#bsBox .bsTop,.bFind,#bsMorePanel { width:100%!important; }
.bFind-wrapper-top { height:24px!important; }
#searchBox { width:auto!important; }

.news-details-l h2 {
  font-size: 24px;
  color: #333;
  font-weight: normal;
  text-align: center;
}

.news-details-l .news-details-info {
  font-size: 12px;
  color:#999;
  text-align: center;
  padding: 2px 0 10px;
}
.news-details-l .news-details-info span { display:inline-block; }
.news-details-l .news-details-info .date{
  padding-right: 20px;
}
.news-details-l .news-details-info .source{
  padding-right: 30px;
}

.news-details-content{
  padding-top: 3.8%; padding-bottom:3.3%; 
}
.news-details-content video { margin:0px auto 2em; width:100%; max-width:100%; background:#000; }
.news-details-content p{
  color:#666;
  line-height:1.875;
  margin-bottom: 30px;
}
.news-details-content img{ max-width:100%; }
.news-details-menu {
  position: relative;
  padding:3em 5em 6.5% 2.625em;
  border-top: 1px solid #e5e5e5;
}
.news-details-menu p{
  padding-right:140px;
}
.news-details-menu a{
  color:#666;
  font-size: 14px;
  line-height: 30px;
}
.news-details-menu a:hover { color:#d40a26; }
.news-details-menu .go-back{
  display: inline-block; position:absolute; right:5em; top:3em;
}
.news-details-menu .go-back a{
  padding-left: 24px;
  background: url(../images/icon-back.png) no-repeat left 40%;
}

@media screen and (max-width: 768px) {
  .news-details-l span.sj {
    display: block;
    top: 0;
    margin-top: 40px;
  }

  .news-details-l .news-share {
    margin-top: 20px;
  }

}

.news-details-l .news-share {
  text-align: center;
  margin-bottom: 30px;
}

.news-details-l .news-share a {
  display: inline-block;
  width: 22px;
  height: 22px;
  padding: 0;
  margin: 0 4px;
}
.news-details-l .news-share.bshare-custom.icon-medium a { height:27px; }
.news-details-l .news-share a.bshare-sinaminiblog {
  background: url(../images/news-share-ico01.jpg) no-repeat center;
  -moz-background-size: 100%;
  background-size: 100%;
}

.news-details-l .news-share a.bshare-weixin {
  background: url(../images/news-share-ico02.jpg) no-repeat center;
  -moz-background-size: 100%;
  background-size: 100%;
}

.news-details-l .news-share a.bshare-qqmb {
  background: url(../images/news-share-ico03.jpg) no-repeat center;
  -moz-background-size: 100%;
  background-size: 100%;
}

.news-details-l .bshare-custom.icon-medium a.bshare-more.more-style-addthis {
  background: url(../images/news-share-ico04.jpg) no-repeat center;
  -moz-background-size: 100%;
  background-size: 100%;
}

.news-details-l h4 {
  font-size: 24px;
  color: #494949;
  font-weight: normal;
  margin: 30px 0;
}

.news-details-l p {
  font-size: 16px;
  color: #494949;
  line-height: 28px;
  margin: 20px 0;
}

.news-details-l img {
  display: block;
  margin: 0 auto;
}

.news-details-l span.ly {
  display: block;
  font-size: 16px;
  color: #494949;
  text-align: right;
}
@media screen and (max-width: 1024px){
	.news-details-l h2 { font-size:20px; }
	.news-details-menu {
	  padding:3em 0em 6.5% 0px;
	}
	.news-details-menu .go-back { right:0px; }
}

@media screen and (max-width: 767px){
	.news-details-menu {
	  padding:1em 0em 2em 0px;
	}
	.news-details-menu p { padding-right:0px; }
	.news-details-menu .go-back { position:relative;top:0px; margin-top:1em;  }
	
	.news-details-content { padding:2em 0px 1em; }
	.news-details-l { padding:2em 0px 0px; }
	.news-details-l .news-details-info .date { padding-right:10px; }
	.news-details-l .news-details-info .source { padding-right:10px; }
	.news-details-l .news-details-info { padding:0px; }
	.news-details-l .news-share { margin-bottom:2em; }
}

@media screen and (max-width: 375px){
.news-details-l h2 { font-size:18px; }

}


/*联系我们
<script src="https://api.map.baidu.com/api?v=2.0&ak=Le0lCXbPyYPrf8dTbAHa0gMxsyvomZn0"></script>
<div class="page_contactus">
    <div class="txt_container">
        <div class="select_con">
            <select name="address">
                <option  data-search="北京市西城区西直门南小街147号" data-address="北京市西城区西直门南小街147号" data-code="" data-tel="" data-fax="010-66579051" data-ewm="static/images/ewm_zongbu.jpg" data-txt="北京官方微信">国投健康产业投资有限公司</option>
            </select>
        </div>
        
        <p>地址：北京市西城区西直门南小街147号7楼</p>
        <p>邮编：100034</p>
        <p>电话：010-88006457</p>
        <p>传真：010-88006400</p>
        <p class="ewm"></p>
    </div>
    <div class="map">
        <div id="allmap"></div>
    </div>
</div>
<script>
if ($(".contactus-page").length > 0) {
    // 百度地图API功能
    var map = new BMap.Map("allmap");
    var point = new BMap.Point(116.331398, 39.897445);
    map.centerAndZoom(point, 12);
    map.enableScrollWheelZoom();   //启用滚轮放大缩小，默认禁用
    map.enableContinuousZoom();    //启用地图惯性拖拽，默认禁用

    function changemap() {
        var _yx = $("select[name='address'] option:selected");
        $(".page_contactus p").eq(0).html("地址：" + _yx.attr("data-address"));
        $(".page_contactus p").eq(1).html((_yx.attr("data-code") == "") ? "" : ("邮编：" + _yx.attr("data-code")));
        $(".page_contactus p").eq(2).html((_yx.attr("data-tel") == "") ? "" : ("电话：" + _yx.attr("data-tel")));
        $(".page_contactus p").eq(3).html((_yx.attr("data-fax") == "") ? "" : ("传真：" + _yx.attr("data-fax")));
        $(".page_contactus p").eq(4).html((_yx.attr("data-ewm") == "") ? "" : ("<img src=\"" + _yx.attr("data-ewm") + "\"><br>" + _yx.attr("data-txt")));
        // 创建地址解析器实例
        map.clearOverlays();
        var myGeo = new BMap.Geocoder();
        // 将地址解析结果显示在地图上,并调整地图视野
        myGeo.getPoint(_yx.attr("data-search"), function (point) {
            if (point) {
                map.centerAndZoom(point, 15);
                map.addOverlay(new BMap.Marker(point));
            } else {
                alert("您选择地址没有解析到结果!");
            }
        }, "北京市");
    }
    if ($("select[name='address']").length > 0) {
        changemap();
        $("select[name='address']").on("change", function () {
            changemap();
        })
    }
}
</script>

<div class="page_contactus">
    <div class="txt_container">
        <h3 data-address="福建省莆田市秀屿区东埔镇塔林村山尾500号">国投云顶湄洲湾电力有限公司</h3>
        <p>地址：福建省莆田市秀屿区东埔镇塔林村山尾500号</p>
        <p>电话：0594-5520721</p>
        <p>邮箱：<a href="mailto:gtydmzwdc@sdic-mzwpc.com">gtydmzwdc@sdic-mzwpc.com</a></p>

        <h3 data-address="北京市西城区西直门南小街147号楼">国投电力控股股份有限公司</h3>
        <p>地址：北京市西城区西直门南小街147号楼11层1108</p>
        <p>电话：010-66579965</p>

    </div>
    <div class="map">
        <div id="allmap"></div>
    </div>
</div>
<script type="text/javascript">
    if ($(".page_contactus").length > 0) {
        var map = new BMap.Map("allmap"), address_old="";
        map.enableScrollWheelZoom();
        map.enableContinuousZoom();
        function changemap(address_new) {
            if (address_old!= address_new) {
                address_old = address_new;
                map.clearOverlays();
                var myGeo = new BMap.Geocoder();
                myGeo.getPoint(address_new, function (point) {
                    if (point) {
                        map.centerAndZoom(point, 15);
                        map.addOverlay(new BMap.Marker(point));
                    } else {
                        alert("您选择地址没有解析到结果!");
                    }
                }, "北京市");
            }
        }
        $(".page_contactus h3").on("click", function () {
            changemap($(this).attr("data-address"));
        }).eq(0).trigger("click");
    }
</script>
*/


.contactus-page .page_title { padding-top:6.2%; padding-bottom:4%; }
.contactus-page .page_content { padding-bottom:7.3%;  }



.page_contactus{padding: 0 0 0 40%;position: relative;}
.page_contactus:before{content: '';position: absolute; left: 0;top:0; width: 35%; height: 2px; background: #76bada;}
.page_contactus .txt_container{ width: 47%; font-size:18px; padding: 0 5% 0 0; position: absolute; left: 0; top:50%; transform: translateY(-50%);}
.page_contactus .txt_container .page_title{position: relative; padding: 0 0 2em; margin-bottom: 2em; }
.page_contactus .txt_container > h3{ font-size:30px; line-height: 150%; color: #333;margin-bottom: 1.5em; cursor: pointer;}
.page_contactus .select_con{padding: 0 0 2em; margin-bottom: 2em;}
.page_contactus .select_con select{line-height: 300%; color: #333; border:1px solid #DDD; outline: none;  background: #F0F0F0; width: 100%; vertical-align: top;-webkit-appearance:auto; height: 3em;}
.page_contactus .txt_container p{margin-top:0.5em;}
.page_contactus .map{position: relative; height: 30em; background:#DDD;}
.page_contactus #allmap{ width: 100%; height: 100%;}
.page_contactus.mapatleft{padding: 0 51.14% 0 0;}
.page_contactus.mapatleft .txt_container{padding: 0 0 0 5%;left:auto;right: 0;}

.page_contactus.mapatleft .txt_container{padding: 0 2.5% 0 5%; color: #FFF; z-index: 5;}
.page_contactus .txt_container > h3{color: #FFF;}
.page_contactus.mapatleft:after{content:""; position: absolute;top:0; right: 0;;bottom: 0; width: 48.5%; border:1px solid #9d9d9d; background: #da2e46;}
.page_contactus.mapatleft a{color: #FFF;}
.page_contactus.mapatleft a:hover{color: #333;}
.page_contactus .map{height: 22.5em;border:1px solid #9d9d9d;}



@media screen and (max-width:1366px){
.page_contactus .txt_container { width:50%; }

}

@media screen and (max-width: 767px){
	.contactus-page .page_title { padding:2em 0px 1em; }	
	.contactus-page .page_content { padding-bottom:2em; }
    .page_contactus{padding: 0;}
    .page_contactus:before{display: none;}
    .page_contactus .txt_container{width: auto; padding: 0 0 2em; position: static; transform: none;}
    .page_contactus .map{height: 70vh;}
	.page_contactus .txt_container > h3 { font-size:24px; margin-bottom:0.5em; }
	

    .page_contactus.mapatleft{padding: 0;}
    .page_contactus.mapatleft:after{display: none;}
    .page_contactus.mapatleft .txt_container{ padding: 1em;border:1px solid #9d9d9d; background: #da2e46;margin:0.5em 0 2em; font-size:16px; }
}