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

.content {padding-top:0;}
@media screen and (max-width: 767px){
    .content {padding-top: 64px;}
}

/*KV*/
.column_kv{position: relative;}
.column_kv .kv_con {position: relative;height: calc(100vh - 64px);overflow: hidden;}
.column_kv .bg_container {position: absolute; left: 0; top:0; right: 0; bottom:0; z-index: 1;}
.column_kv .video_container{position: absolute; left: 0; top:0; right: 0; bottom:0;overflow: hidden; z-index: 1;}
.column_kv .video_container video{height: 100%;width: calc(1600vh / 9);margin: 0 (50% - 800vh / 9) ;-o-object-fit: cover;object-fit: cover; background: #000; z-index: 1;}
.column_kv .video_container canvas{position: absolute; height: 100%; width: calc(1600vh / 9); left: 50%; top:50%; transform: translate(-50%,-50%); z-index: 2;}
.column_kv .isAndroid .video_container video{ display: none;}
.column_kv .kvtxt {position: absolute;left:50%; top:50%; width: 75%; color: #FFF;padding: 10em 0 8em;min-width: 1400px; transform: translate(-50%,-50%); background: url(../images/kvtxt_bg.png) no-repeat center center; background-size:contain; z-index: 5; text-align:center;}
.column_kv .kvtxt h3{ font-size:4.5em; font-weight:bold;line-height:150%; text-shadow:0 10px 20px rgba(0, 0, 0,.2);position: relative; z-index: 6;}
.column_kv .kvtxt h4{  font-size:48px; line-height:150%;font-weight: lighter; text-shadow:0 10px 20px rgba(0, 0, 0,.2);position: relative; z-index: 6;}
.column_kv .kvtxt p{font-size:36px;line-height: 167%; font-weight: lighter; text-shadow:0 4px 8px rgba(0, 0, 0,.2);position: relative; z-index: 6;}
.column_kv .kvtxt strong{ font-weight:bold;}
.column_kv .kvtxt span{display:inline-block;}
.column_kv .more{display: inline-block; background: #d40a26; /*border:1px solid #FFF;*/ color: #FFF; padding:0.97em 4.25em; margin-top:8.6%;position: relative; z-index: 6;}
/* .column_kv .swiper-container-horizontal>.swiper-pagination-bullets,.column_kv .swiper-pagination{position: absolute; width:16px; left: auto; bottom:auto;right: 10px;top: 50%;transform: translate3d(0px,-50%,0);}
 .column_kv .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.column_kv .swiper-pagination-switch{ background: none; width: 16px; height: 16px; margin: 2px 0; opacity: 1; position: relative; border: 1px solid transparent;outline: none !important; display: inline-block; border-radius: 50%; cursor: pointer;}
.column_kv .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:after,.column_kv .swiper-pagination-switch:after{ content: ""; position: absolute; width: 6px; height: 6px; left: 4px; top:4px; border-radius: 50%; background: #FFF;}
.column_kv .arrow{display: none;}
.column_kv .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active,.column_kv .swiper-active-switch{border-left-color: #FFF;border-bottom-color: #FFF;} */
.column_kv .swiper-container-horizontal>.swiper-pagination-bullets,.column_kv .swiper-pagination{ left: 0; display:none; right: 0; position: absolute; bottom:8px; text-align: center; }
.column_kv .swiper-pagination-bullet,.column_kv .swiper-pagination-switch{ display: inline-block; width: 12px; height: 12px; margin: 4px 8px !important; border-radius: 50%; background-color: #FFF; opacity: 1;outline: none;transform: scale(.75); opacity: .7;}
.column_kv .swiper-pagination-bullet-active,.column_kv .swiper-active-switch{background-color: #d40a26;transform: scale(1);opacity: 1;}

@media screen and (max-width: 1440px){
    .column_kv .kvtxt{min-width: 0; width: 100%; padding: 10em 20px 8em;}
}

@media screen and (max-width: 1280px){
    .column_kv .kvtxt h3{font-size: 36px;}
    .column_kv .kvtxt h4{font-size: 36px;}
    .column_kv .kvtxt p{font-size: 30px; line-height: 160%;}
    .column_kv .kvtxt br{display: none;}
}
@media screen and (max-width: 767px){
    /* .column_kv .video_container canvas{height: 100%; width: calc((1600vh - 1024)/ 9);} */
    .column_kv .kvtxt{width: 94%; top:40%; padding: 10em 0 8em;}
    .column_kv .kvtxt h3{font-size: 28px;}
    .column_kv .kvtxt h4{font-size: 28px;}
    .column_kv .kvtxt p{font-size: 16px; line-height:187.5%;}
    .column_kv .kvtxt br{display: block;}
    .column_kv .more{padding: 4px 20px;}
    .column_kv .arrow{display: block; position: absolute; left: 45.5%; bottom:0; z-index: 10; width:9%; height: 0; padding: 9% 0 0; overflow: hidden; cursor: pointer; background: url(../images/arrow.png) no-repeat center center; background-size: 100%; animation: btn_sx 2s linear infinite; margin-bottom: 40px;}
}
@media screen and (min-aspect-ratio:16/9){
    .column_kv .video_container video{width:100%; height: 56.25vw; margin: calc(50vh - 28.125vw) 0;}
	.column_kv .video_container canvas{width:100%; height: 56.25vw;}
}

.content {padding-top: 0;}
.column_kv .kv_con{height: 100vh;}
@media screen and (max-width: 1280px){
    .column_kv .kv_con{height: 100vh;}
}
@keyframes btn_sx {
  0% {
    bottom:0;
    opacity: 1;
  }
  50% {
    bottom:16px;
    opacity: .3;
  }
  100% {
    bottom:0;
    opacity: 1;
  }
}

/*公司简介 右文字左背景 
<div class="column_company">
            	<div class="indent_content">
                    <div class="column_content">
                        <div class="txt_container">
                            <h2>公司简介</h2>
                            <p>国投广西风电有限公司成立于2016年1月14日，注册资本金2.46亿元，是国投电力控股股份有限公司的全资子公司,负责国投集团在广西及其它省份的新能源项目投资开发、建设运营，现有投产及储备风电项目6个，总容量800MW。</p>
                            <a href="company.html" class="more">查看更多</a>
                        </div>
                        <div class="img_container"><div class="bg_container"><img src="static/images/indexabout.jpg"></div></div>
                    </div>
                </div>
			</div>
*/
.column_company .column_content{position: relative; padding:0  0 0 50%; margin:7.2% 0px; }
.column_company .column_content .img_container{ position: absolute; width: 41.67%; left: 0; bottom:0;top:0;margin: 0;}
.column_company .column_content .bg_container{position: absolute; left:0; right: 0; bottom:0;top:0; background-position: right center;}
.column_company .txt_container{min-height: 276px;}
.column_company .txt_container p{text-align: justify; min-height:9.375em;}
.column_company .txt_container .more{display: inline-block; border:2px solid #d6001d; color: #d6001d; min-width:205px; text-align:center; padding: 0 2em; margin-top: 1.5em; transition:color .5s linear,border .5s linear;line-height:2.47; font-size:18px; }
.column_company .txt_container .more:hover{ color: #d6001d; background:rgba(214,0,29,0.05);}
.column_company h2 { font-size:36px; color:#000; font-weight:bold; padding-bottom:3.2%;  }

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

.column_company .column_content { padding:0  0 0 46%;}


}


@media screen and (max-width:1024px){
    .column_company h2 { font-size:24px; }
	.column_company .txt_container .more { font-size:16px; min-width:160px; }
}

@media screen and (max-width: 767px){
    .column_company .column_content{padding: 0; margin:2em 0px;}
    .column_company .column_content .img_container{display:none;} 
	.column_company .txt_container { min-height:1em; }
	.column_company .txt_container p { min-height:1em; }
}


/*联系方式
<div class="column_contact">
            	<div class="img_container"><div class="bg_container"><img src="static/images/indexcontact.jpg"></div></div>
            	<div class="indent_content">
                    <div class="column_content">
                        <div class="txt_container">
                            <h2>联系方式</h2>
                            <p>地址：广西壮族自治区钦州市钦北区扬帆北大道开投大厦19楼<br>电话：0777-5585166</p>
                        </div>
                        
                    </div>
                </div>
			</div>
*/
.column_contact { position:relative; }
.column_contact .img_container { position:absolute; left:0px; top:0px; width:100%; height:100%; }
.column_contact .img_container .bg_container { height:100%; }
.column_contact .indent_content { position:relative; z-index:2; color:#fff; padding-top:4.138em; padding-bottom:2.8em; }
.column_contact .indent_content h2 { font-size:24px; }
.column_contact .indent_content p { line-height:1.5; margin-top:0.75em; }

@media screen and (max-width: 767px){
.column_contact .indent_content { padding-top:3em; padding-bottom:2em; }

}


/*走进广西风电
<div class="column_about">
            	<div class="indent_content">
            		<div class="column_title">
                    	<h2>走进广西风电</h2>
                    </div>
                    <ul class="sub_con u-df u-fw">
						<li><a href="about.html">
								<span class="icon_container"><img src="static/images/indexabout_icon1.png"></span>
								<p><span>公司简介</span></p>
							</a></li>
						<li><a href="organization.html">
								<span class="icon_container"><img src="static/images/indexabout_icon2.png"></span>
								<p><span>组织机构</span></p>
							</a></li>
						<li><a href="CorporateCulture.html">
								<span class="icon_container"><img src="static/images/indexabout_icon3.png"></span>
								<p><span>企业文化</span></p>
							</a></li>
						<li><a href="history.html">
								<span class="icon_container"><img src="static/images/indexabout_icon4.png"></span>
								<p><span>大事记</span></p>
							</a></li>
						<li><a href="honor.html">
								<span class="icon_container"><img src="static/images/indexabout_icon5.png"></span>
								<p><span>荣誉资质</span></p>
							</a></li>
						<li><a href="trailer.html">
								<span class="icon_container"><img src="static/images/indexabout_icon6.png"></span>
								<p><span>宣传片</span></p>
							</a></li>
					</ul>
                </div>    
            </div>
*/
.column_about .column_title { text-align:center; padding-top:6.4%; padding-bottom:16px; }
.column_about .sub_con{ clear:both; overflow:hidden; padding: 2.5% 0 7.5%; margin:0px -1.71875em; list-style-type: none;} 
.column_about .sub_con li{ float: left; width:33.33%; }
.column_about .sub_con li a{display: block; border:2px solid #d6001d; margin:0px 1.71875em 3.4375em; text-align: center; padding:61.7px 0px; color: #000; transition:color .5s linear,border .5s linear;}
.column_about .sub_con li a:hover{color: #d6001d; background:rgba(214,0,29,0.05);}
.column_about .sub_con .icon_container{ display: inline-block; height: 46px; margin-right:19px;}
.column_about .sub_con .icon_container img{width: 100%;}
.column_about .sub_con li p{ line-height:46px; display:inline-block; font-size:22px; }
.column_about .sub_con li p span{white-space: nowrap; position:relative; top:5px;}


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

.column_about .sub_con { margin:0px -1em; }
.column_about .sub_con li a { margin:0px 1em 2em; }


}

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

.column_about .sub_con li { width:50%; }
.column_about .sub_con .icon_container { margin-right:10px; height:40px; }
.column_about .sub_con .icon_container img { width:auto; height:40px; }
.column_about .sub_con li a { padding:30px 0px; }
.column_about .column_title { padding-top:2em; padding-bottom:1em; }

}

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

.column_about .sub_con li { width:100%; }
}

/*新闻资讯
<div class="column_news">
            	<div class="img_container"><div class="bg_container"><img src="static/images/column_news-img01.jpg"></div></div>
            	<div class="indent_content">
                    <div class="column_content">
                        <div class="column_title">
                            <h2>新闻资讯</h2>
                            <ul class="tab">
                            	<li class="current"><a class="animation">公司要闻</a></li>
                                <li><a class="animation" href="https://www.sdic.com.cn/cn/rmtzx/xwzx/gtyw/A01030101index_1.htm">国投要闻</a></li>
                            </ul>
                            <div class="btn">
                            	<div class="swiper-button-prev animation song">&lt;</div>
                                <div class="swiper-button-next animation song">&gt;</div>
                            </div>
                        </div>
                        <div class="sub_content">
                        	<div class="news_content">
                            	<div class="swiper-container2">
                                	<ul class="swiper-wrapper">
                                    	<li class="swiper-slide">
                                        	<a href="NewsDetail.html" target="_blank" title="">
                                        	<div class="con">
                                            	<div class="ns-head u-df u-ai-c">
                                                	<div class="img_container"><div class="bg_container"><img src="static/images/column_news-img02.jpg"></div></div>
                                                    <div class="ns-text">
                                                    	<h3>标题名称标题名称</h3>
                                                        <h4><span>栏目类型</span> ／ 2019</h4>
                                                    </div>
                                                </div>
                                                <div class="ns-con ellipsis-3">国家开发投资集团有限公司成立以来，不断完善发展战略，优化资产结构，逐步构建基础产业，前瞻性战略性产业，金融...</div>
                                            </div>
                                            </a>
                                        </li>
                                    	<li class="swiper-slide">
                                        	<a href="NewsDetail.html" target="_blank" title="">
                                        	<div class="con">
                                            	<div class="ns-head u-df u-ai-c">
                                                	<div class="img_container"><div class="bg_container"><img src="static/images/column_news-img03.jpg"></div></div>
                                                    <div class="ns-text">
                                                    	<h3>标题名称标题名称</h3>
                                                        <h4><span>栏目类型</span> ／ 2019</h4>
                                                    </div>
                                                </div>
                                                <div class="ns-con ellipsis-3">国家开发投资集团有限公司成立以来，不断完善发展战略，优化资产结构，逐步构建基础产业，前瞻性战略性产业，金融...</div>
                                            </div>
                                            </a>
                                        </li>
                                    	<li class="swiper-slide">
                                        	<a href="NewsDetail.html" target="_blank" title="">
                                        	<div class="con">
                                            	<div class="ns-head u-df u-ai-c">
                                                	<div class="img_container"><div class="bg_container"><img src="static/images/column_news-img02.jpg"></div></div>
                                                    <div class="ns-text">
                                                    	<h3>标题名称标题名称</h3>
                                                        <h4><span>栏目类型</span> ／ 2019</h4>
                                                    </div>
                                                </div>
                                                <div class="ns-con ellipsis-3">国家开发投资集团有限公司成立以来，不断完善发展战略，优化资产结构，逐步构建基础产业，前瞻性战略性产业，金融...</div>
                                            </div>
                                            </a>
                                        </li>
                                    	<li class="swiper-slide">
                                        	<a href="NewsDetail.html" target="_blank" title="">
                                        	<div class="con">
                                            	<div class="ns-head u-df u-ai-c">
                                                	<div class="img_container"><div class="bg_container"><img src="static/images/column_news-img03.jpg"></div></div>
                                                    <div class="ns-text">
                                                    	<h3>标题名称标题名称</h3>
                                                        <h4><span>栏目类型</span> ／ 2019</h4>
                                                    </div>
                                                </div>
                                                <div class="ns-con ellipsis-3">国家开发投资集团有限公司成立以来，不断完善发展战略，优化资产结构，逐步构建基础产业，前瞻性战略性产业，金融...</div>
                                            </div>
                                            </a>
                                        </li>
                                    </ul>
                                    
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
			</div>
*/

.column_news { position:relative; }
.column_news .column_content { margin:7.55% 0px; position:relative; overflow:hidden; clear:both; }
.column_news .img_container { position:absolute; left:0px; top:0px; width:100%; height:100%; }
.column_news .img_container .bg_container { height:100%; }
.column_news .img_container img { display:none; }
.column_news .indent_content { position:relative; z-index:2; overflow:hidden; clear:both; }
.column_news .indent_content .column_title { float:left; width:32.86%; padding:0px; }
.column_news .indent_content .column_title .tab { float:none;  }
.column_news .column_title .tab { margin:1.5em 0px 0px; }
.column_news .column_title .tab li { margin-right:5px; }
.column_news .column_title .tab li a { border:1px solid #fff; min-width:115px; text-align:center; color:#fff; line-height:2.25;  }
.column_news .column_title .tab li a:hover,.column_news .column_title .tab li.current a { font-weight:normal; background:#d6001d; border:1px solid #d6001d; }
.column_news .indent_content .column_title h2 { color:#fff; }
.column_news .sub_content { float:right; width:67.14%; }
.column_news .news_content ul li { width:50%; }
.column_news .news_content ul li .con { padding:4.125em 3.125em 3em 2.5em; margin-right:2px; background:#fff; margin-left:12.78%;}
.column_news .news_content .ns-con { line-height:2.1428; margin-top:0.875em; color:#888; font-size:14px; height:6.4284em; max-height:6.4284em; }
.column_news .news_content .ns-head h3 { color:#000; font-weight:bold; line-height:1.25; }
.column_news .news_content .ns-head h4 { font-size:14px; color:#666; margin-top:2px; }
.column_news .news_content .ns-head h4 span { color:#d6001d; }
.column_news .news_content .ns-head .img_container { position:relative; display:inline-block; vertical-align:middle; margin-right:5%; width:28.34%; border-radius:50%; }
.column_news .news_content .ns-head .img_container .bg_container  { height:0px; padding-bottom:100%;  border-radius:50%;}
.column_news .news_content .ns-head .img_container img { display:block; }
.column_news .news_content .ns-head .img_container +.ns-text { display:inline-block; width:62%; vertical-align:middle; }
.column_news .swiper-container2 { overflow:hidden; }
.column_news .btn { position:absolute; left:0px; bottom:0px; }
.column_news .btn div { width:30px; height:30px; margin-right:2px; cursor:pointer; border:1px solid #fff; border-radius:50%; text-align:center; line-height:28px; color:#fff; display:inline-block; }
.column_news .btn div:hover { background:#d6001d; border:1px solid #d6001d; }

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

.column_news .news_content ul li .con { margin-left:6%; padding:3em 2em 2em 2em;  }
.column_news .news_content .ns-head .img_container { width:70px; margin-right:10px; }

}

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

.column_news .indent_content .column_title { width:100%; }
.column_news .sub_content { width:100%; padding-left:80px; margin-top:2em; }
}

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

.column_news .column_title .tab li a { line-height:3; color:#333; }
.column_news .column_title .tab li.current a { color:#fff; }
.column_news .sub_content { padding-left:0px; padding-bottom:50px; }
.column_news .news_content ul li .con { margin-left:0px;  }

}



/*风电项目
<div class="column_business">
            	<div class="indent_content">
                    <div class="column_content">
                    	<ul class="sub_con u-df u-jc-sb">
                        	<li class="scaleimg">
                            	<a href="Business.html" title="风电项目">
                                    <div class="img_container"><div class="bg_container"><img src="static/images/column_business-img01.jpg"></div></div>
                                    <div class="txt_container">
                                        <h2>风电项目</h2>
                                        <p>公司在风力发电开发建设中，现有投产及在建项目194MW，核准项目100MW，获得项目开发权并积极、有序推进中项目500MW。</p>
                                    </div>
                                </a>
                            </li>
                        	<li class="scaleimg">
                            	<a href="BusinessOther.html" title="其他">
                                    <div class="img_container"><div class="bg_container"><img src="static/images/column_business-img02.jpg"></div></div>
                                    <div class="txt_container">
                                        <h2>其他</h2>
                                        <p>公司正在积极争取广西其它地区及周边省份陆上风电、光伏和海上风电项目。</p>
                                    </div>
                                </a>    
                            </li>
                        </ul>
                        
                    </div>
                </div>
			</div>
*/

.column_business .column_content { padding:7.22% 0px 6.71%; }
.column_business .sub_con li { width:48.5714%; position:relative; }
.column_business .img_container { position:absolute; left:0px; top:0px; width:100%; height:100%; }
.column_business .img_container .bg_container { height:100%; }
.column_business .txt_container { position:relative; z-index:2; color:#fff; padding:8.0625em 2.25em 6.5em 4.3125em; }
.column_business h2 { font-size:30px; }
.column_business .txt_container p { line-height:2.125; margin-top:1.5em; }


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

.column_business .txt_container { padding:5em 2em 4em; }

}


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

.column_business .column_content { padding:2em 0px 3em;}
.column_business .sub_con li { width:100%; margin-top:1em;  }
.column_business .txt_container { padding:2em 1em; }
.column_business h2 { font-size:24px; }
.column_business .txt_container p { margin-top:1em; }

}

/*宣传片
<div class="column_video">
    <div class="column_content">
        <div class="video_container" data-mp4="static/images/video.mp4">
            <div class="bg_container"><img src="static/images/indexvideo.jpg"></div>
        </div>
    </div>
</div>*/
.column_video {padding: 0;}
.column_video .video_container{height: 0; overflow: hidden; padding: 0 0 27.65625%; position: relative;}
.column_video .video_container .bg_container{position: absolute; left:0; right: 0; bottom:0;top:0;}
.column_video .video_container .bg_container:after{content: '';position: absolute;left:0; right: 0; bottom:0;top:0; background: rgba(0, 0, 0,.2);}
.column_video .video_container:after{content: '';position: absolute;left:50%;top:50%; background:url(../images/indexvideo_icon.png) no-repeat center center; background-size: 100%; width: 9%; height: 0; padding: 0 0 9%; margin: -4.5% 0 0 -4.5%;cursor: pointer;}

/*子新闻
<div class="subcolumn_news">
    <div class="subtil">
        <a href="PartyBuilding.html"><h3>党建动态</h3></a>
    </div>
    <div class="subcon">
        <ul>
            <li><a href="PartyBuildinginto.html"><h4>再捐3620万元、200吨酒精再捐3620万元、200吨酒精</h4><span class="time">2019-02-14</span></a></li>
            <li><a href="PartyBuildinginto.html"><h4>再捐3620万元、200吨酒精</h4><span class="time">2019-02-14</span></a></li>
            <li><a href="PartyBuildinginto.html"><h4>再捐3620万元、200吨酒精</h4><span class="time">2019-02-14</span></a></li>
        </ul>
    </div>
</div>
*/ 
.subcolumn_news .subtil{position: relative; font-size: 32px; line-height: 250%; padding: 0 0 0 36px;}
.subcolumn_news .subtil a:before{content:'';position: absolute;left: 12px; width: 3px; height: .75em; top:0.9375em; background: #d40a26;}
.subcolumn_news .subtil h3{color:#494949;}
.subcolumn_news .subtil h3:before{content:'';position: absolute;left: 18px; width: 3px; height: .75em; top:0.9375em; background: #d40a26;}
.subcolumn_news .subtil:after{content:'';position: absolute;left: 24px; width: 3px; height: .75em; top:0.9375em; background: #d40a26;}
.subcolumn_news .subtil h3:after{content:'>';position: absolute;right:12px;  top:0em;color:#d40a26;}
.subcolumn_news .subtil a:hover h3:after{color:#494949;}
.subcolumn_news .subcon ul{list-style-type: none;}
.subcolumn_news .subcon li {padding: .25em 0; white-space: nowrap;}
.subcolumn_news .subcon li a{display: block;background: #F7F7F7; padding: 0 80px 0 12px; position: relative; line-height: 250%;}
.subcolumn_news .subcon li h4{overflow: hidden; width: 100%; text-overflow: ellipsis; color: #494949;}
.subcolumn_news .subcon li h4:before{content:'▶';color:#d40a26;transform: scale(.5); display: inline-block; transform-origin: left center;}
.subcolumn_news .subcon li a:hover h4{color:#d40a26;}
.subcolumn_news .subcon li .time{ font-size: 12px; color:#AAA; line-height: 18px; position: absolute; right: 12px; top:50%; margin-top:-9px; }
@media screen and (max-width: 1440px){
    .subcolumn_news .subtil{font-size: 28px;}
}
@media screen and (max-width: 1024px){
    .subcolumn_news .subtil{font-size: 24px;}
}

/*新闻中心*/ 
.column_news .column_content > ul{margin: 0 -10px; overflow: hidden; list-style-type: none;} 
.column_news .column_content > ul > li{float: left;width: 50%; padding: 0 10px 2em;}
.column_news .column_content > ul > li:first-child{width: 100%;}
@media screen and (max-width: 1024px){
    .column_news .column_content > ul{margin: 0 -6px;}
    .column_news .column_content > ul > li{padding: 0 6px 2em;}
}
@media screen and (min-width: 768px){
    .newsbg_content{position: relative;padding: 2.4% 3.125% 2.4% 27%;}
    .newsbg_content .bg_container{position: absolute;left: 0; top:0; right: 0; bottom: 0;}
    .newsbg_content .subcolumn_news{position: relative; padding: .75em 2em 1.25em; background: rgba(255, 255, 255,.8);}
    .newsbg_content .subcolumn_news .subcon li a{background:none;}
}
@media screen and (max-width: 767px){
    .column_news .column_content > ul > li{width: 100%;}
    .newsbg_content .bg_container {display: none;}
}


/*其他栏目*/ 
.column_other {padding: 2em 0 0;}
.column_other .column_content > ul{margin: 0 -10px; overflow: hidden; list-style-type: none;} 
.column_other .column_content > ul > li{float: left;width: 33.33%; padding: 0 10px 2em;}
@media screen and (max-width: 1024px){
    .column_other .column_content > ul{margin: 0 -6px;}
    .column_other .column_content > ul > li{padding: 0 6px 2em; width: 50%;}
    .column_other .column_content > ul > li:first-child{width: 100%;}
}
@media screen and (max-width: 767px){
    .column_other .column_content > ul > li{width: 100%;}
}