@charset "utf-8";
.view_pc .header{position:relative;z-index:10;}
.view_pc .visual{z-index:2;width:1080px;height:640px;position:absolute;top:35px;left:50%;margin-left:-540px;}
.view_pc .visual img{display:none;}
.visual .bg_left{position:fixed;right:50%;top:0;margin-right:-540px;z-index:1;width:100%;height:675px;background-size:cover;background-position:left top;background-repeat: no-repeat;}
.visual .bg_right{background:rgba(0, 65, 145, .7);position:absolute;left:1080px;bottom:0;z-index:1;height:360px;}

/* .visual_box{position:fixed;top:315px;position:fixed;right:0;top:35px;} */
.visual{position:relative;}
.visual_text{width:360px;height:360px;padding:59px 30px 0;background:rgba(0, 65, 145, .7);position:absolute;right:0;bottom:0;z-index:2;color:#fff;font-size:15px;line-height:23px;}
.visual_text .tit{font-size:21px;padding-bottom:23px;position:Relative;margin-bottom:8px;}
.visual_text .tit:after{content:'';display:block;width:60px;height:3px;background-color:#fff;position:absolute;bottom:0;left:0;margin-left:0;z-index:10;}
.visual .visual_more { display:inline-flex; padding:10px 30px; background:#022A5A; border-radius: 10px; align-items: center; gap:10px; margin-top:80px; } 
.visual .visual_more:hover { background: rgba(0, 0, 0, 0.65); }
.visual .visual_more span { color:#fff; font-size:15px; } 
.visual .visual_more img { display:block; flex-shrink:0; width:auto;height:auto; } 
 #main_container{margin-top:640px;background-color:#fff;z-index:2;position:relative;}
.main_list {position:relative;}
.main_list:after{content:'';display:block;width:20px;height:100%;background-color:#004191;position: absolute;top:0;left:0;}
.main_list .inner{position:relative;overflow:hidden;padding-bottom:60px;background-color:#fff;}
.main_list ul{width:1100px;}
.main_list ul li{float:left;margin-right:14px;margin-top:40px;width:260px;}
.main_list ul li a{display:block;}
.main_list ul li a .thumb{overflow:hidden;width:260px;height:174px;text-align:center; /*background-color:#b4b4b4;*/}
.main_list ul li a .main_list_txt{height:225px;overflow:hidden;}
.main_list ul li a .tit{position:relative;font-size:16px;line-height: 21px;color:#004191;font-weight:bold;padding:20px 0 23px;}
.main_list ul li a .tit:after{content:'';display:block;width:25px;height:3px;background-color:#004191;position:absolute;bottom:0;left:0;}
.main_list ul li a .txt{position:relative;font-size:12px;line-height: 21px;color:#828282;font-weight:bold;padding-top:16px;}

.main_img{width:100%;}

.main_news{background-color:#969696;}
.main_news .inner{position:relative;padding-bottom:130px;}
.main_news .inner:before{content:'';display:block;position:absolute;left:0;bottom:75px;width:100%;height:15px;background:url('../images/common/main_line.png') 10px top repeat-x;}
.main_news h2{position:relative;background-color:#004191;color:#fff;font-size:27px;height:120px;line-height:120px;width:360px;float:left;text-align:center;}
.main_news h2:after{content:'';display:block;background-color:#004191;height:100%;width:500%;position:absolute;right:360px;top:0;}
.main_news .item{float:left;display:block;}
.main_news .item_l p{float:left;}
.main_news .item_r p{float:right;}

.main_news .item .thumb{width:180px;height:120px;/* line-height:180px; */text-align:center;overflow:hidden;position:relative;vertical-align: middle;display: table-cell;}
.main_news .item .text{z-index:2;width:180px;height:71px;margin:24px 0;padding:0 18px;overflow:hidden;color:#fff;font-size:14px;line-height:22px;}
.main_news .item_l .text{}
.main_news .item_l .thumb:after{content:'';width:12px;height:100%;position:absolute;right:0;top:0;background:url('../images/common/icon/icon_main_l.png') center center no-repeat;background-size: 12px 15px;z-index:2;}
.view_pc .main_news .item_r .thumb:after{content:'';width:12px;height:100%;position:absolute;left:0;top:0;background:url('../images/common/icon/icon_main_r.png') center center no-repeat;background-size: 12px 15px;z-index:2;}




@media screen and (max-width:1200px){
	.view_pc .visual{width:100%;left:auto;margin-left:0;}
	.visual .bg_left{right:auto;margin-right:0;}
	.visual .bg_right{display:none;}
}


@media screen and (max-width:1080px){
	.visual .bg_left{top:50px;right:0;height:240px;margin-right:0;}
	.main .bg_right, .main_news h2:after, .main_list:after{display:none;}
    .main .visual{display:block !important;}
	.visual{height:240px;margin-top:50px;}
	.visual img{width:100%;height:100%;}
	.visual_text{width:180px;height:180px;padding:20px;font-size:11px;line-height:17px;overflow:hidden;}
	.visual_text .tit{font-size:13px;padding-bottom:15px;position:Relative;margin-bottom:8px;}
	.visual_text .tit:after{content:'';display:block;width:60px;height:3px;background-color:#fff;position:absolute;bottom:0;left:0;}

	#main_container {margin-top:0}
	.main_list .inner{overflow:hidden;padding-bottom:20px;}
	.main_list ul{width:104%;}
	.main_list ul li{float:left;margin:0 1%;margin-top:15px;width:22%;padding-bottom:8px;}
	.main_list ul li a{display:block;}
	.main_list ul li a .thumb{overflow:hidden;width:100%;height:129px;text-align:center;/* background-color:#b4b4b4; */}
	.main_list ul li a .main_list_txt{height:145px;overflow:hidden;}
	.main_list ul li a .tit{position:relative;font-size:13px;line-height: 18px;color:#004191;font-weight:bold;padding:10px 0 13px;}
	.main_list ul li a .tit:after{content:'';display:block;width:25px;height:3px;background-color:#004191;position:absolute;bottom:0;left:0;}
	.main_list ul li a .txt{font-size:11px;line-height: 18px;}

	.main_news{background-color:#969696;}
	.main_news .inner{position:relative;padding-bottom:50px;}
	.main_news .inner:before{content:'';display:block;position:absolute;left:0;bottom:20px;width:100%;height:7px;background:url('../images/common/main_line.png') 10px top repeat-x;background-size:auto 7px;}
	.main_news h2{font-size:20px;height:90px;line-height:90px;width:100%;float:none;text-align:center;}
	.main_news h2:after{display: none;}
	.main_news .item{float:none;width:100%;border-bottom:1px solid #b4b4b4;}
	.main_news .item p{overflow:hidden;}
	.main_news .item_l p{float:left;}
	.main_news .item_r p{float:left;}
	.main_news .item .thumb{width:120px;height:80px;line-height:80px;text-align:center;overflow:hidden;position:relative;vertical-align: middle;display: table-cell;}
	.main_news .item .text{z-index:2;width:83%;height:40px;margin:20px 0;padding:0 10px;font-size:13px;line-height:20px;}
	.main_news .item_r .thumb:after{content:'';width:12px;height:100%;position:absolute;right:0;top:0;background:url('../images/common/icon/icon_main_l.png') center center no-repeat;background-size: 12px 15px;z-index:2;}
	.visual .visual_more  { margin-top:0; padding:5px 10px; gap:5px; margin-top:10px; } 
	.visual .visual_more span { font-size:12px; } 
	.visual .visual_more img { width:12px; } 
}

@media screen and (max-width:767px){
	.main_list ul li{width:44%;}
	.main_news .item .text{width:80%;}
}

@media screen and (max-width:520px){
	.main_news .item .text{width:68%;}
}

@media screen and (max-width: 435px){
    .main_list ul li a .thumb{height:119px;}
	.main_news .item .text {width: 70%;}
}

@media screen and (max-width:420px){
	.main_news .item .text{width:62%;}
}

@media screen and (max-width:375px){
	.main_news .item .text{width:66%;}
}

@media screen and (max-width:340px){
	.main_list ul li a .thumb{height:99px;}
}