.maincolor{color:#888;/*文字*/color:#494949;/*重文字*/color:#333/*特重文字*/color:#274795/*主色调*/ color:#ddd;/*边框*/color:#f4f4f4;/*背景*/}
.content {padding-top:64px;}
@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(/uploads/image/gltsimages/kvtxt_bg.png) no-repeat center center; background-size:contain; */z-index: 5; text-align: center;}
.column_kv .kvtxt h3{ font-size:48px;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: #274795; /*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:8px; text-align: center; display: none;}
.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; border:1px solid #fff}
.column_kv .swiper-pagination-bullet-active,.column_kv .swiper-active-switch{background-color: #274795;transform: scale(1);opacity: 1;}
.column_kv .swiper-button-prev,.column_kv .swiper-button-next{ left:3%; top:50%; width: 30px; height:30px; outline: none; position: absolute; margin-top: -15px; color: #000; font-size: 30px; line-height: 30px; text-align: left; z-index: 5; cursor: pointer; font-family: arial, helvetica, sans-serif; opacity: .5;}
.column_kv .swiper-button-prev:hover,.column_kv .swiper-button-next:hover{color:#274795;}
.column_kv .swiper-button-prev:after{content: "<"; display: inline-block; transform: scale(1,2);}
.column_kv .swiper-button-next:after{content: ">"; display: inline-block; transform: scale(1,2);}
.column_kv .swiper-button-next{left: auto; right:3%;text-align: right;}
.column_kv .swiper-slide{width: 100%;}
@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(/uploads/image/gltsimages/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;
}
}
/*关于我们 左文字右背景 背景会被剪裁
关于我们
about us
国家开发投资集团有限公司(简称“国投”)成立于1995年5月5日,是中央直接管理的国有重要骨干企业,是中央企业中唯一的投资控股公司,是首批国有资本投资公司改革试点单位。国投注册资本338亿元,截至2019年末,资产总额约6300亿元,员工约5万...
查看更多
*/
.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: #274795;color:#274795;}
@media screen and (max-width: 767px){
.column_about .column_content{padding: 0;}
.column_about .column_content .img_container{display:none;}
}
/*关于我们2 左文字右图片
公司简介
company profile
国投钦州发电有限公司成立于2004年1月8日,是由国投电力控股股份有限公司、广西投资集团有限公司两方按61:39股权比例投资组成的有限责任公司,主要负责钦州电厂的建设与经营。公司通过吹沙填海新生造地面积1350亩,创造了“精卫填海”、“愚公移山”的现代神话。
乘风破浪会有时,直挂云帆济沧海。公司将在国投集团、国投电力的坚强领导下,坚定信心,把握机遇,迎接挑战,攻坚克难,在战略定位上有新提升,在改革创新上有新突破,在经营发展上有新成就,在党的建设上有新高度,确保全面完成全年各项目标任务,为国投集团建设具有全球竞争力的世界一流资本投资公司,为庆祝中华人民共和国成立70周年,书写成色更纯、底色更亮、根基更牢的发展新答卷。
查看更多
*/
.column_about_class2{ padding: 7.25% 0;}
.column_about_class2 .column_content{position: relative; padding:0 40% 0 0;}
.column_about_class2 .column_content .img_container{ position: absolute; width: 36%; right: 0; bottom:0;top:0;margin: 0;}
.column_about_class2 .column_content .bg_container{position: absolute; left:0; right: 0; bottom:0;top:0;background-size: contain; }
.column_about_class2 .txt_container p{text-align: justify; margin-bottom:1em;line-height: 1.75em;}
.column_about_class2 .txt_container .btn_more{display: inline-block; color: #fff; padding: 0 2em; transition:opacity .5s linear;line-height: 200%; border-radius: 1em; background: #274795; opacity: .5;}
.column_about_class2 .txt_container .btn_more:hover{opacity: 1;}
@media screen and (max-width: 767px){
.column_about_class2 .column_content{padding: 0;}
.column_about_class2 .column_content .img_container{display:none;}
}
/*关于我们3 带全通背景色左文字右图片居底
人才理念
talent concept
国投坚持以人为本的发展理念,维护员工基本权益;
建立科学的培训机制和职业晋升机制
查看更多 >
*/
.column_about_class3 .column_content{position: relative; padding:3em 40% 3em 0;}
.column_about_class3 .column_content:before{content: ''; position: absolute; width: 100vw; left: 50%; top:0; bottom: 0; min-width: 320px; transform: translate(-50% , 0); background: #dfe3e9;}
.column_about_class3 .column_content .img_container{ position: absolute; width: 50%; right: 0; bottom:0;top:0;margin: 0;}
.column_about_class3 .column_content .bg_container{position: absolute;left:0;right: 0;bottom:0;top:0;background-size:contain; background-position: center bottom; }
.column_about_class3 .txt_container{position: relative;}
.column_about_class3 .txt_container p{text-align: justify; margin-bottom:1em; line-height: 1.75em;}
.column_about_class3 .txt_container p span{display: inline-block;}
.column_about_class3 .txt_container .btn_more{display: inline-block; color: #333; }
.column_about_class3 .txt_container .btn_more:hover{ color: #274795;}
@media screen and (max-width: 767px){
.column_about_class3 .column_content{padding:3em 0 56.25%;}
.column_about_class3 .column_content .img_container{width: 100%; top:auto; height: 0; padding: 0 0 56.25%; overflow: hidden;}
.column_about_class3 .txt_container p{font-size: .875em; }
}
.column_about_class4{ padding: 0 0 4%; position: relative;}
.column_about_class4 .bg_container{position: absolute; left: 0; top:0; right: 0; bottom: 0;}
.column_about_class4 .column_content{position: relative; overflow: hidden; background: rgba(255,255,255,.6);}
.column_about_class4 .txt_container{float: left; width: calc(100% - 10em); padding: 2em;text-align: justify;}
.column_about_class4 .gdnuminfo{width: 10em; text-align: center; float: right; background: #274795;}
.column_about_class4 .gdnuminfo li{border-top:1px solid #fff; padding: 1.5em 0; color: #fff; font-size: .75em; line-height: 2;}
.column_about_class4 .gdnuminfo li:first-child{border:none;}
.column_about_class4 .gdnuminfo li dd span{display: inline-block; font-size: 2em;}
.column_about_class4 .more{margin-left: 0 !important;}
@media screen and (max-width: 767px){
.column_about_class4 .txt_container{width: 100%; float: none;}
.column_about_class4 .gdnuminfo{ width: 100%; float: none; overflow: hidden; display: table;}
.column_about_class4 .gdnuminfo li{border: none; border-left: 1px solid #fff; display: table-cell; width: 50%;}
}
/*宣传片
*/
.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(/uploads/image/gltsimages/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: 767px){
.column_video .video_container{margin: 0 -25%;}
.column_video .video_container:after{width: 18%;padding: 0 0 18%; margin: -9% 0 0 -9%;}
}
.column_videoclass2{ position: relative; height: 0; padding: 0 0 36%; overflow: hidden;}
.column_videoclass2 .video_con{position: absolute; top:0; top:0; right: 0; bottom:0}
@media screen and (max-width: 767px){
.column_videoclass2{padding: 0 0 56.25%;}
}
/*子新闻
*/
.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: #274795;}
.subcolumn_news .subtil h3{color:#494949;}
.subcolumn_news .subtil h3:before{content:'';position: absolute;left: 18px; width: 3px; height: .75em; top:0.9375em; background: #274795;}
.subcolumn_news .subtil:after{content:'';position: absolute;left: 24px; width: 3px; height: .75em; top:0.9375em; background: #274795;}
.subcolumn_news .subtil h3:after{content:'>';position: absolute;right:12px; top:0em;color:#274795;}
.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:#274795;transform: scale(.5); display: inline-block; transform-origin: left center;}
.subcolumn_news .subcon li a:hover h4{color:#274795;}
.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;}
}
/*子新闻2
*/
.subcolumn_news_class2 .subtil{position: relative; overflow: hidden;}
.subcolumn_news_class2 .subtil h3{color:#333; font-size: 1.25em; line-height: 200%; float: left;}
.subcolumn_news_class2 .subtil .btn_more{float: right; line-height: 3.333em;font-size: .75em; color: #888;}
.subcolumn_news_class2 .subtil .btn_more:hover{color: #274795;}
.subcolumn_news_class2 ul{list-style-type: none; overflow: hidden;}
.subcolumn_news_class2 li{position: relative;padding:0.5em 0 0.5em 4.5em; display: block; white-space: nowrap;}
.subcolumn_news_class2 ul a{ display:inline-block;width: 100%;vertical-align: middle; }
.subcolumn_news_class2 ul li:after{content: ""; width: 1px; height: 3.75em; display: inline-block; vertical-align: middle; margin: 0 -.33em 0 -1px;}
.subcolumn_news_class2 ul .time{position: absolute; left: 0; top:0.5em;width:4em; text-align: center; color: #969696;direction:rtl;line-height:100%; }
.subcolumn_news_class2 ul .time span{direction:ltr; display: inline-block; line-height: 200%; font-size: .875em;}
.subcolumn_news_class2 ul .time .d{font-size: 2em;line-height:100%; display: block;}
.subcolumn_news_class2 ul .time .y:after{content: "-";}
.subcolumn_news_class2 ul h4{ line-height:1.5em; color:#333;overflow: hidden; position: relative; top:-3px; margin-bottom: -3px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; height: 3em; white-space: normal;}
.subcolumn_news_class2 ul p{font-size:.75em; line-height:1.5em;color:#888;margin-bottom: 3px; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.subcolumn_news_class2 ul a:hover h4{ color:#274795;}
/*子栏目 焦点图新闻 固定高度
*/
.subcolumn_hotnews .swiper-slide{position: relative;width: 100%;}
.subcolumn_hotnews .img_container{height:0;padding: 0 0 56.25%;position: relative; width: 100%;overflow: hidden;}
.subcolumn_hotnews .bg_container{ position: absolute; left: 0; top:0;right:0;bottom:0;transition:transform .5s linear;}
.subcolumn_hotnews .txt_container{position: absolute; left: 0; bottom: 0; width: 100%; padding: 0 6em 0 1em; height: 3em; }
.subcolumn_hotnews .txt_container:before{content:'';opacity: .5; position: absolute; left: 0; right: 0; top:0;bottom:0; background: #000; transition: background .5s linear;}
.subcolumn_hotnews .txt_container h4{position: relative; width: 100%; line-height:300%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #fff;}
.subcolumn_hotnews .txt_container .time{position: absolute; white-space: nowrap; font-size: 12px; right: 1em; line-height: 400%; bottom:0; color: #fff;}
.subcolumn_hotnews a:hover .bg_container{transform:scale(1.05);}
.subcolumn_hotnews a:hover .txt_container:before{background: #274795;}
.subcolumn_hotnews .swiper-container-horizontal>.swiper-pagination-bullets,.subcolumn_hotnews .swiper-pagination{text-align: center; line-height: 200%;position: relative; clear: both;}
.subcolumn_hotnews .swiper-pagination-bullet,.subcolumn_hotnews .swiper-pagination-switch{ display: inline-block; width: .75em; height: .75em; margin: 0 .25em !important; border-radius: 50%; background-color: #ddd; opacity: 1;outline: none;border:1px solid #fff;}
.subcolumn_hotnews .swiper-pagination-bullet-active,.subcolumn_hotnews .swiper-active-switch{background-color: #274795;}
@media screen and (max-width: 960px){
.subcolumn_hotnews .txt_container {position: relative; height: 3.5em; padding: .25em 1em 0;opacity: 1;}
.subcolumn_hotnews .txt_container:before{opacity: 1;}
.subcolumn_hotnews a:hover .txt_container:before{background: #000;}
.subcolumn_hotnews .txt_container h4{line-height: 150%;}
.subcolumn_hotnews .txt_container .time{left: 1.25em; line-height: 200%;bottom:4px;}
}
/*子栏目 焦点图新闻 固定高度
*/
.subcolumn_photonews .swiper-slide{ width: 100%;}
.subcolumn_photonews .img_container{position: relative; overflow: hidden; width: 400px; margin-right: 4%; display: inline-block; vertical-align: middle;}
.subcolumn_photonews .bg_container{ position: relative;overflow: hidden;height:0; padding: 0 0 75%;transition:transform .5s linear;}
.subcolumn_photonews a:hover .bg_container{transform:scale(1.05);}
.subcolumn_photonews .txt_container{display: inline-block; vertical-align: middle; width: calc(96% - 400px); margin-right: -2em;}
.subcolumn_photonews .txt_container h4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3; line-height: 1.5;overflow: hidden; color: #333; font-size: 1.25em;}
.subcolumn_photonews a:hover .txt_container h4{color: #274795;}
.subcolumn_photonews .txt_container .time{ font-size: .75em; color: #969696; line-height: 3; display: block; }
.subcolumn_photonews .txt_container p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3; line-height: 1.5;overflow: hidden; color: #333; color: #888;}
.subcolumn_photonews .txt_container:after{content: "查看详情 "; font-size: .75em; display: block; width: 8em; line-height: 2; margin: 1em 0 0; text-align: center; background: #274795; color: #fff;}
.subcolumn_photonews .swiper-pagination{display: none;}
.subcolumn_photonews .swiper-button-prev,.subcolumn_photonews .swiper-button-next{ left:400px; top:-30px; width: 30px; height:30px; outline: none; position: absolute; margin-top: 300px; color: #fff; font-size: 24px; line-height: 30px; text-align: center; z-index: 5; cursor: pointer; font-family: arial, helvetica, sans-serif; opacity: .7; background: #aaa; margin-left: -60px;}
.subcolumn_photonews .swiper-button-prev:hover,.subcolumn_photonews .swiper-button-next:hover{background:#274795;}
.subcolumn_photonews .swiper-button-prev:after{content: "<"; display: inline-block; transform: scale(1,1.25);}
.subcolumn_photonews .swiper-button-next:after{content: ">"; display: inline-block; transform: scale(1,1.25);}
.subcolumn_photonews .swiper-button-next{margin-left: -30px;}
@media screen and (max-width: 767px){
.subcolumn_photonews .img_container{width: 100%; margin-bottom: 1em;}
.subcolumn_photonews .txt_container{width: 100%;}
.subcolumn_photonews .swiper-button-prev,.subcolumn_photonews .swiper-button-next{left: 100%; margin-top:75%;}
}
/*新闻中心*/
.column_news .column_content{ padding: 0 0 2em; overflow: hidden;}
.column_news .tab{overflow: hidden; line-height: 200%; position: relative; z-index: 10; display: table; margin: 0 0 -2em auto;}
.column_news .tab ul{ display: table-row;}
.column_news .tab li{ display: table-cell; cursor: pointer;}
.column_news .tab ul a{color: #333;display: block; padding:0 1em; position: relative;}
.column_news .tab ul a:hover{color: #274795; }
.column_news .tab li.current a{ font-weight: bold;}
.column_news .tab li.current a:after{content: ""; position: absolute; left: 1em; right: 1em; bottom: 0; height: 2px; background: #274795;}
.column_news .card_container{ padding:0;}
.column_news .newslist.sdic{padding-top: 1.5em;}
.column_news .newslist { list-style-type: none; margin: 0 -8px;}
.column_news .newslist li {display: inline-block; width: 33.33%; padding: 1em 8px 0; margin-right: -.33em;}
.column_news .newslist li a{ position: relative; display:block; padding: 1em 0;}
.column_news .newslist li a:before{content: ""; position: absolute; left: 0; top:0; width: 2em; height: 2px; background: #274795;}
.column_news .newslist li .time{ font-size: .75em; color: #969696; line-height: 1.5; display: block; }
.column_news .newslist li h4{ display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3; line-height: 1.5; height: 4.5em; overflow: hidden; color: #333; }
.column_news .newslist li a:hover h4{color: #274795;}
@media screen and (max-width: 767px){
.column_news .tab{margin: 0 auto .5em;}
.column_news .newslist li {width: 100%;}
.column_news .newslist li h4{height: auto; margin-bottom: .5em; display: block;}
.column_news .newslist.sdic{padding-top: 0;}
}
/*图片列表
*/
.newslist_class5{ list-style-type: none; overflow: hidden; margin: 0 -8px;}
.newslist_class5 li{width: 33.33%; display: inline-block; padding: 8px; vertical-align: top; margin: 0 -.33em 1em 0; }
.newslist_class5 li .img_container{height: 0; overflow: hidden; padding: 0 0 56.25%; position: relative; transition: box-shadow .5s linear;}
.newslist_class5 li .bg_container{position: absolute; left:0; top:0; right:0; bottom:0; overflow: hidden;transition: transform .5s linear;}
.newslist_class5 li a{display: block; border:1px solid #ddd; overflow: hidden; border-radius: .25em;}
.newslist_class5 li a:hover .img_container{box-shadow: 0 2px 6px rgba(0,0,0,.5);}
.newslist_class5 li a:hover .bg_container{transform: scale(1.05);}
.newslist_class5 li .txt_container{overflow: hidden; padding: 1em; position: relative;}
.newslist_class5 li .txt_container h3{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width:100%; color: #333; text-align: left; line-height:150%; font-size: 1.125em; }
.newslist_class5 li a:hover .txt_container h3{color: #274795;}
.newslist_class5 li .txt_container p{overflow: hidden;color: #969696;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;line-height: 1.75; height: 3.5em;}
.newslist_class5 li .txt_container .btnmore{ display: block; width: 8em; line-height: 2; margin: 1.5em 0 1em; text-align: center; background: #274795; color: #fff;}
@media screen and (max-width: 767px){
.newslist_class5 li{ width: 50%; }
.newslist_class5 li:first-child{width: 100%;}
.newslist_class5 li .txt_container h3{ font-size: 1em;}
.newslist_class5 li .txt_container p{ font-size: .75em; }
.newslist_class5 li .txt_container .btnmore{font-size: .75em; }
}
@media screen and (max-width: 408px){
.newslist_class5 li{ width: 100%;}
}
/*子栏目
*/
.subcolumn_class2 .subtil{position: relative; border-bottom:1px solid #ddd ;}
.subcolumn_class2 .subtil h3{color:#333;line-height: 150%;font-size: 24px;}
.subcolumn_class2 .subtil h4{font-size: 10px;color: #ddd;line-height: 150%;text-transform: uppercase; position: relative; top:-.5em}
.subcolumn_class2 .subtil h3:after{content:'>';position: absolute;right:.5em; top:0em;color:#274795; line-height: 200%;}
.subcolumn_class2 .subtil a:hover h3:after{color:#494949;}
.subcolumn_class2 .subtil:after{content:""; position: absolute; left: 0; bottom:-1px; width: 1.5em; height: 1px; background: #274795; }
.subcolumn_class2 .subcon{padding: 1em 0; margin: 0 auto; max-width: 360px; }
.subcolumn_class2 .subcon .img_container{position: relative; padding: 0 0 75%; overflow: hidden;}
.subcolumn_class2 .subcon .bg_container{position: absolute; left: 0; top:0; right: 0; bottom: 0;}
@media screen and (max-width: 1024px){
.subcolumn_class2 .subtil h3{font-size: 20px;}
}
@media screen and (max-width: 767px){
.subcolumn_class2 .subtil h3{font-size: 18px;}
}
.businesslist{list-style-type: none;margin: 0 -8px; text-align: center;}
.businesslist li{display: inline-block; width: 25%; padding: 0 8px 2em; vertical-align: top; margin: 0 -.33em 0 0;}
.businesslist li a{display: block; position: relative; padding: 1.5em 0 3em; border:1px solid #ddd; border-radius: .25em;}
.businesslist li a:hover{border-color: #274795;}
.businesslist li .icon{display: block; width: 4em; margin: 0 auto 1em; height: 4em; overflow: hidden; filter: grayscale(100);}
.businesslist li .icon img{width: 100%; vertical-align: top;}
.businesslist li a:hover .icon{filter: grayscale(0);}
.businesslist li h3{ color: #333; line-height: 1.50; font-size: 1.25em; margin-bottom: 1em;}
.businesslist li p {line-height: 1.5em; height: 3em; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; color: #969696; margin: 0 1em;}
.businesslist li a:hover h3{color: #274795;}
.businesslist li a:after{ content: ">"; text-align: center; line-height: 1.5em; width: 1.5em; height: 1.5em; position: absolute; left: 50%; bottom:-.75em; margin-left: -.75em; color: #fff; font-family: simsun; background: #274795; border-radius: 50%; display: none;}
.businesslist li a:hover:after{ display: block;}
@media screen and (max-width: 1024px){
.businesslist li h3{font-size: 1.125em;}
.businesslist li p{font-size: .875em;}
.businesslist li .icon{font-size: .875em;}
}
@media screen and (max-width: 767px){
.businesslist li{width: 50%;}
.businesslist li h3{font-size: 1em;}
.businesslist li p{font-size: .75em;}
.businesslist li .icon{font-size: .75em;}
}
.newslist_class2{list-style-type: none; columns:auto 2;}
.newslist_class2 li a{display: block;position: relative; padding: .5em 0 .5em 2em;}
.newslist_class2 li .number{position: absolute; left: 0; text-align: center; line-height: 2em; font-size: .75em; top:50%; margin-top: -1em;width: 1.5em; box-shadow: 0 0 3px rgba(0, 0, 0,.1);}
.newslist_class2 li .time{font-size: .75em; line-height: 1.5;}
.newslist_class2 li h4{white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis; line-height: 2em; color: #333;}
.newslist_class2 li a:hover h4{color: #274795;}
@media screen and (max-width: 767px){
.newslist_class2{columns:auto 1;}
}
.column_culture{padding: 0 0 4%;}