锘緻charset "utf-8";

/*鏂伴椈鏍忕洰banner*/


.new_top_bg{background: url(../img/new/new_top_bg.jpg) no-repeat center center;background-size: cover;}
.column_post .column_header{width:100%;height:500px;background:url(../img/new/column_header_bg.png) no-repeat center;background-size:cover}
.column_post .column_header .inner_small{position:relative;height:100%}
.column_post .column_heading{color:#28325a;font-size:40px;padding-top:110px;letter-spacing:0}
.column_post .column_heading .small_text{font-size:26px}
.column_post .column_heading .big_text{text-indent:-20px}
.column_post .column_header_lead{width:470px;height:290px;background:url(../img/icon/column_lead_bg.png) no-repeat;color:#fff;padding-top:60px;padding-left:60px;padding-right:70px;position:absolute;bottom:-40px;left:30px;z-index:10}
.column_post .column_header_lead .job{font-size:13px;margin-bottom:10px}
.column_post .column_header_lead .name{font-size:20px;margin-bottom:15px}
.column_post .column_header_lead .text{font-size:14px}
.column_post .column_header_lead .note{margin-top:10px;font-size:12px}

.column_post .container{background:#f1f7fd;padding-top:0}

/*鏂伴椈鍒楄〃鍐呭*/
.column_post .column_list{padding-top:80px}
.column_post .column_list .column_block{opacity:0;visibility:hidden;-webkit-transform:translateY(90px);transform:translateY(90px);width:100%;background:#fff;-webkit-box-shadow:0px 10px 40px -20px rgba(6,0,1,0.2);box-shadow:0px 10px 40px -20px rgba(6,0,1,0.2);overflow:hidden;-webkit-transition:opacity .3s ease,visibility .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,visibility .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,visibility .3s ease,transform .3s ease;transition:opacity .3s ease,visibility .3s ease,transform .3s ease,-webkit-transform .3s ease}
.column_post .column_list .column_block.is-active{opacity:1;visibility:visible;-webkit-transform:translateY(0);transform:translateY(0)}
.column_post .column_list .column_block:not(:first-child){margin-bottom:20px}
.column_post .column_list .column_block a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;padding:50px}
.column_post .column_list .column_block a:hover .thumb::after{opacity:1}
.column_post .column_list .column_block a:hover .read_more_wrap span{opacity:1}
.column_post .column_list .column_block a:hover .read_more_wrap span::before{width:100%}
.column_post .column_list .column_block .text_area{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative}
.column_post .column_list .column_block .text_area .date{font-size:12px;margin-bottom:10px}
.column_post .column_list .column_block .text_area .date::before,.column_post .column_list .column_block .text_area .date::after{content:'';display:block;position:absolute;height:1px}
.column_post .column_list .column_block .text_area .date::before{width:40px;background:#28325a;top:8px;left:-50px}
.column_post .column_list .column_block .text_area .date::after{width:20px;background:#d9dbe2;top:8px;left:-30px}
.column_post .column_list .column_block .text_area .title{color:#005ab4;font-size:22px;margin-bottom:10px}
.column_post .column_list .column_block .text_area p.text{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.column_post .column_list .column_block .thumb{width:300px;height:185px;position:relative;margin-left:30px;overflow:hidden}
.column_post .column_list .column_block .thumb::after{content:'';display:block;width:100%;height:100%;background-color:rgba(11,21,59,0.6);position:absolute;left:0;top:0;z-index:1;opacity:0;-webkit-transition:opacity .5s ease;transition:opacity .5s ease}
.column_post .column_list .column_block .thumb .read_more_wrap{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;left:0;top:0;z-index:2}
.column_post .column_list .column_block .thumb .read_more_wrap span{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;font-size:12px;position:relative;letter-spacing:0.2em;opacity:0}
.column_post .column_list .column_block .thumb .read_more_wrap span::before{content:'';display:block;width:0;height:1px;background:#fff;position:absolute;bottom:-10px;left:0;-webkit-transition-delay:.5s;transition-delay:.5s;-webkit-transition:width .3s ease;transition:width .3s ease}
.column_post .column_list .column_block .thumb .read_more_wrap span::after{content:'';display:inline-block;width:18px;height:6px;background:url(../img/icon/icon_arrow_right.svg) no-repeat;background-size:100% auto;margin:0 0 0 28px}

@media screen and (max-width:1000px){
	.column_post .column_header .inner_small{padding-left:60px;padding-right:60px}
	.column_post .column_heading .small_text{margin-bottom:5px}
	.column_post .column_heading .big_text{line-height:1.3}
	.column_post .column_heading .big_text span{display:block;text-indent:0px}
	.column_post .column_header_lead{bottom:-80px;left:60px}
}
@media screen and (max-width:750px){
	.column_post .column_header{height:230px}
	.column_post .column_header .inner_small{padding-right:7.33333%;padding-left:7.33333%}
	.column_post .column_heading{font-size:20px;padding-top:50px}
	.column_post .column_heading .small_text{font-size:13px}
	.column_post .column_heading .big_text{text-indent:-10px}
	.column_post .column_header_lead{width:85.33333%;height:200px;bottom:-115px;left:0;right:0;margin:auto;background-size:cover;padding:25px 0;padding-left:7%;padding-right:7%}
	.column_post .column_header_lead .job{font-size:12px;margin-bottom:5px}
	.column_post .column_header_lead .name{font-size:18px;margin-bottom:7px}
	.column_post .column_header_lead .text{font-size:11px}
	.column_post .column_header_lead .note{font-size:10px}
	
	.column_post .column_list{padding-top:50px}
	.column_post .column_list .column_block a{display:block;padding:40px 0;padding-right:5.97015%;padding-left:5.97015%}
	.column_post .column_list .column_block .text_area{padding:0 8px}
	.column_post .column_list .column_block .text_area .date{font-size:11px}
	.column_post .column_list .column_block .text_area .date::before{display:none}
	.column_post .column_list .column_block .text_area .date::after{display:none}
	.column_post .column_list .column_block .text_area .title{font-size:16px}
	.column_post .column_list .column_block .text_area .text{font-size:12px}
	.column_post .column_list .column_block .thumb{width:100%;height:auto;margin-left:0;margin-bottom:20px}
	.column_post .column_list .column_block .thumb::after{display:none}
	.column_post .column_list .column_block .thumb .read_more_wrap{display:none}
}