.maincolor{color:#888;/*文字*/color:#494949;/*重文字*/color:#333/*特重文字*/color：#76bada/*主色调*/ 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 .kv_con:after{position: absolute; left: 0;top:0; width: 100%; content: ''; height: 192px;z-index: 2;background:linear-gradient(to bottom, rgba(255,255,255,.7) 0%, rgba(255,255,255,.5) 30%, rgba(238,238,238,0) 100%);}
.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: #333;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:60px;line-height:150%;font-weight:lighter; text-shadow:0 10px 20px rgba(255, 255, 255,.2);position: relative; z-index: 6;}
.column_kv .kvtxt h4{  font-size:36px; line-height:167%;font-weight: lighter; text-shadow:0 10px 20px rgba(255, 255, 255,.2);position: relative; z-index: 6;}
.column_kv .kvtxt p{font-size:16px;line-height: 250%; font-weight: lighter; text-shadow:0 4px 8px rgba(255, 255, 255,.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: #76bada; /*border:1px solid #FFF;*/ color: #FFF; padding: 8px 32px; margin-top: 30px;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; right: 0; position: absolute; bottom:40px; 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: #76bada;transform: scale(1);opacity: 1;}

.indexmarquee{position: absolute; left: 0; right: 0; bottom: 0; z-index: 5; height: 2em; line-height: 200%; overflow: hidden; white-space: nowrap; background: rgba(0,0,0,.3);}
.indexmarquee .marquee_con{list-style-type: none; display: inline-block;}
.indexmarquee .marquee_con li{display: inline-block; padding-right: 2em;}
.indexmarquee .marquee_con li a{color: #FFF;}
.indexmarquee .marquee_con li a:before{content:'▶';color:#76bada;transform: scale(.5); display: inline-block; transform-origin: left center;}
.indexmarquee .marquee_con li a:hover{color: #76bada;}

@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: 27px;}
    .column_kv .kvtxt p{font-size: 12px;}
    .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: 21px;}
    .column_kv .kvtxt p{font-size: 12px; line-height:216.67%;}
    .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: 80px;}
}
@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_about">
    <div class="indent_content">
        <div class="column_title">
            <h2>关于我们</h2>
            <h3>about us</h3>
        </div>
        <div class="column_content">
            <div class="img_container"><div class="bg_container"><img src="static/images/indexabout.jpg"></div></div>
            <div class="txt_container">
                <p>国家开发投资集团有限公司（简称“国投”）成立于1995年5月5日，是中央直接管理的国有重要骨干企业，是中央企业中唯一的投资控股公司，是首批国有资本投资公司改革试点单位。国投注册资本338亿元，截至2019年末，资产总额约6300亿元，员工约5万...</p>
                <a href="company.html" class="more">查看更多</a>
            </div>
        </div>
    </div>
</div>
*/
.column_about .column_content{position: relative; padding:0 47.5% 0 0;}
.column_about .column_content .img_container{ position: absolute; width: 42.5%; right: 0; bottom:0;top:0;margin: 0;}
.column_about .column_content .bg_container{position: absolute; left:0; right: 0; bottom:0;top:0; }
.column_about .txt_container{padding: 0 0 2em;min-height: 252px;}
.column_about .txt_container p{text-align: justify;}
.column_about .txt_container .more{display: inline-block; border:1px solid #DDD; color: #333; padding: 0 2em; margin-top: 1.875em; transition:color .5s linear,border .5s linear;line-height: 250%;}
.column_about .txt_container .more:hover{ border-color: #76bada;color:#76bada;}
@media screen and (max-width: 767px){
    .column_about .column_content{padding: 0;}
    .column_about .column_content .img_container{display:none;} 
}

/*宣传片
<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 .column_content{width: 75%; min-width: 1326px; margin: 0 auto;}
.column_video .video_container{position: relative; margin: 0 -16.67%;}
.column_video .video_container .bg_container{position: relative;}
.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: 12.6%; height: 0; padding: 0 0 12.6%; margin: -6.3% 0 0 -6.3%;cursor: pointer;}
@media screen and (max-width: 1366px){
    .column_video .column_content{width: 100%; min-width: 0;}
}
@media screen and (max-width: 768px){
    .column_video .video_container{margin: 0 -25%;}
    .column_video .video_container:after{width: 18%;padding: 0 0 18%; margin: -9% 0 0 -9%;}
}

/*子新闻
<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: #76bada;}
.subcolumn_news .subtil h3{color:#494949;}
.subcolumn_news .subtil h3:before{content:'';position: absolute;left: 18px; width: 3px; height: .75em; top:0.9375em; background: #76bada;}
.subcolumn_news .subtil:after{content:'';position: absolute;left: 24px; width: 3px; height: .75em; top:0.9375em; background: #76bada;}
.subcolumn_news .subtil h3:after{content:'>';position: absolute;right:12px;  top:0em;color:#76bada;}
.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:#76bada;transform: scale(.5); display: inline-block; transform-origin: left center;}
.subcolumn_news .subcon li a:hover h4{color:#76bada;}
.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;}
    .newsbg_content .subcolumn_news .subcon li h4{color: #333;}
    .newsbg_content .subcolumn_news .subcon li a:hover h4{color:#76bada;}
}
@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: 50%; 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%;}
}