@charset "utf-8";
.banner{ width:100%; position:relative; overflow:hidden; box-sizing: border-box;}
.banner img{ width: 100%; height: 100%; object-fit: cover;}
.banner img.img1{ display:block;}
.banner img.img2{ display:none}
@media only screen and (max-width:750px){
    .banner img.img2{ display:block}
    .banner img.img1{ display:none}
}
.second_nav{ width:100%; background:#f6f7fb;  position:relative; }
.second_nav .nr{ position:relative}
.second_nav ul{ font-size:0; text-align:left}
.second_nav ul li{ display:inline-block; vertical-align:top; position:relative}
.second_nav ul li a{ display:block; line-height:72px; font-size:18px; color:#323232; padding:0 65px}
.second_nav ul li.on a{ color:#fff; background:#0056a8}
.second_nav ul li:hover a{ color:#fff; background:#0056a8}
.second_nav .t{ display:none}
@media (max-width: 1600px){
	.second_nav ul li a{ line-height:60px; font-size:16px; padding:0 45px}
}
@media (max-width: 750px){
	.second_nav .t{ display:block; font-size:17px; width:100%;background-color:#0056a8;text-align:left;display:block;padding:5px 5.335%;line-height:40px;overflow:hidden; color:#fff; box-sizing:border-box}
	.second_nav .t i{ display:block; float:right; width:12px; height:40px; background:url(../images/icon-arrow-down.png) center center no-repeat; background-size:12px; transition:all 0.3s linear}
	.second_nav .t.on i{  background:url(../images/icon-arrow-down.png) center center no-repeat; background-size:12px; transform:rotate(180deg)}
	.second_nav{ background:#f1f1f1}
	.second_nav .nr{ width:100%}
	.second_nav ul{ text-align:left; box-sizing:border-box; background:#fff; display:none}
	.second_nav ul li{ width:100%; text-align:center; border-bottom: 1px solid #e7e7e7;}
	.second_nav ul li a{ line-height:45px; font-size:16px; padding:0}
	.second_nav ul li:before{ width:0}
	.second_nav ul li:hover::after{ width:0}
	.second_nav ul li.on::after{ width:0}
}

.location{ position:absolute; right:0; top:0}
.location{ line-height:72px}
.location .a{ display:none}
.location .b{ font-size:16px; float:left; color:#7e7e7e}
.location .b a{ color:#7e7e7e}
.location .b { background:url(../images/icon-location.png) left center no-repeat; padding-left:35px;}
.location .b a:hover{ color:#0056a8}
@media (max-width: 1600px){
	.location{ line-height:60px}
	.location .b{ font-size:14px; }
	.location .b { background:url(../images/icon-location.png) left center no-repeat; background-size:15px; padding-left:25px;}

}
@media (max-width: 1200px){
	.location{ display:none}
}


.article { width:100%; margin:0 auto; box-sizing:border-box; line-height:2; font-size:16px; word-wrap:break-word; min-height:400px; padding:60px 0 }
.article .hd { margin:0 0 30px; padding:0 0 30px; border-bottom: 1px dotted #ccc; }
.article .hd h1 { color:#000; font-size:28px; text-align:center; font-weight:normal; line-height:1.6 }
.article .hd .titBar { color:rgba(0,0,0,0.6); font-size:16px; text-align:center; margin-top:10px }
.article .bd { padding-bottom:40px; line-height:2.2; font-size:18px; color:#282828 }
.article .bd img{ max-width:100%; height:auto}
.article .ft { margin:12px 0 0;}
.article .ft a{}
.article .ft ul{}
.article .ft ul li { width:100%;  text-overflow: ellipsis;overflow: hidden;white-space: nowrap; color:#282828}
.article .ft ul li a{ color:#282828}
.article .ft ul li a:hover{ color:#0056a8}
.nr_pc{ display:block}
.nr_sj{ display:none}
.article .bd video{ max-width:100%; height:auto}
@media all and (max-width:1200px){
	.article { padding:20px 0; }
	.article .hd h1{ font-size:18px}
	.article .hd{ padding-bottom:20px; margin-bottom:20px}
	.article .hd .titBar { font-size:12px}
	.article{ font-size:14px}
	.article .ft{ }
	.article .ft .back{ top:20px}
	.article .ft ul li{ width:100%}
	.article .ihd{ font-size:20px;  padding:5px 0; margin-bottom:20px}
	.nr_pc{ display:none}
	.nr_sj{ display:block}
	.article .ft { margin:0 0 0; height:auto}
	.article .ft ul{ display:block; height:auto}
	.article .ft ul li { width:100%; margin:10px 0 0;  }
	.article .bd{ font-size:14px; line-height:2}	
}



.newsPage{ padding: 50px 0;}
.newsList{ padding:0 0 35px}
.newsList .item{ width:100%; height:136px; margin-bottom:25px; background:#f6f7fb}
.newsList .item a{ display:block;display:flex;align-items: center;  width:100%; height:100% }
.newsList .item .time{ width:125px; text-align:center; font-weight:bold; color:#5b5b5b; border-right:1px solid #e7e7e7}
.newsList .item .time .p1{ display:inline-block; vertical-align:top; font-size:42px; line-height:1; border-bottom:1px solid #e7e7e7; padding-bottom:10px; margin-bottom:8px; color:#0056a8}
.newsList .item .time .p2{ color:#0064b9}
.newsList .item .cont{ width:calc(100% - 136px); box-sizing:border-box; padding:0 35px}
.newsList .item .cont .title{ font-size:18px; color:#282828;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; font-weight:bold}
.newsList .item .cont .intro{ font-size:16px; color:rgba(0,0,0,0.45); line-height:24px;  margin-top:6px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.newsList .item:hover{ background:#0056a8; box-shadow:0px 12px 23.75px 1.25px rgba(0,4,35,0.13);}
.newsList .item:hover .time{ color:#fff}
.newsList .item:hover .time .p1{ border-bottom:1px solid #fff; color:#fff}
.newsList .item:hover .cont .title{ color:#fff;}
.newsList .item:hover .cont .intro{ color:rgba(255,255,255,0.47);}
.newsList .item:hover .time .p2{ color:#fff}
@media all and (max-width:1200px){
    .newsPage{ padding: 30px 0;}
	.newsList{ padding:0 0 10px}
	.newsList .item{ margin-bottom:20px; height:125px}
	.newsList .item .time{ width:100px;}
	.newsList .item a{ background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 60'%3E%3Cpath d='M3.2 26l4 4-4 4' fill='none' stroke='%23c9d4e0' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 100px center no-repeat; background-size:10px 60px}
	.newsList .item:hover a{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 60'%3E%3Cpath d='M3.2 26l4 4-4 4' fill='none' stroke='%23ffffff' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 100px center no-repeat; background-size:10px 60px}
	.newsList .item .time .p1{ font-size:24px;padding-bottom:8px; margin-bottom:6px}
	.newsList .item .cont{ width:calc(100% - 100px); padding:0 30px}
	.newsList .item .cont .title{ font-size:16px}
	.newsList .item .cont .intro{ font-size:12px; line-height:20px; height:40px}
}
@media all and (max-width:450px){
	.newsList .item{ height:100px}
	.newsList .item .time{ width:80px;}
	.newsList .item a{ background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 60'%3E%3Cpath d='M3.2 26l4 4-4 4' fill='none' stroke='%23c9d4e0' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 80px center no-repeat; background-size:10px 60px}
	.newsList .item:hover a{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 60'%3E%3Cpath d='M3.2 26l4 4-4 4' fill='none' stroke='%23ffffff' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 80px center no-repeat; background-size:10px 60px}
	.newsList .item .time .p1{ font-size:24px;padding-bottom:8px; margin-bottom:6px}
	.newsList .item .cont{ width:calc(100% - 80px); padding:0 15px}
	.newsList .item .cont .title{ font-size:16px}
	.newsList .item .cont .intro{ font-size:12px; line-height:20px; height:40px}
}



.page{ text-align:center; font-size:0;}
.page a{ display:inline-block; vertical-align:top; background:#fff; text-align:center; font-size:16px; color:#0056a8; margin: 0 5px; padding:15px 20px; border:1px solid #f1f1f1}
.page a.current,.page a:hover{ background:#0056a8; color:#fff}
.page .first,.page .last{ display:none}
.page span.current,.page strong{ display:inline-block; vertical-align:top; background:#0056a8; color:#fff; text-align:center; font-size:16px; margin: 0 5px; padding:15px 20px; border:1px solid #f1f1f1; font-weight:400}

@media all and (max-width:1200px){
	.page a{ font-size:12px; padding:8px 10px; margin:0 2px}
	.page span.current,.page strong{ font-size:12px; padding:8px 10px; margin:0 2px}
}

.picx{ padding: 50px 0;}
.picCont{ display:flex; flex-wrap: wrap;}
.picCont .item{ width:32%; margin-right:2%; margin-bottom:2%; background:#f6f7fb}
.picCont .item:nth-child(3n){ margin-right:0}
.picCont .item .pic{ width:100%; position:relative; overflow:hidden; padding-bottom:62%}
.picCont .item .pic img{ width:100%; height:100%; object-fit:cover; position:absolute; left:0; top:0}
.picCont .item .pic img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.picCont .item:hover .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scale(1.1);}
.picCont .item .cont{ padding:25px}
.picCont .item .cont .title{ text-align: center; font-size:20px; color:#242424; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; font-weight:bold;}
.picCont .item:hover{ background:#0056a8}
.picCont .item:hover .cont .title{ color:#fff}

@media all and (max-width:1440px){
	.picx{ padding: 40px 0;}
	.picCont .item .cont{ padding:20px}
	.picCont .item .cont .time{ font-size:14px;}
	.picCont .item .cont .title{ font-size:18px; }
	.picCont .item .cont .intro{ font-size:16px;}
}
@media all and (max-width:1200px){
	.picx{ padding: 30px 0;}
	.picCont .item{ width:49%;}
	.picCont .item:nth-child(3n){ margin-right:2%}
	.picCont .item:nth-child(2n){ margin-right:0}
	.picCont .item .cont{ padding:20px}
	.picCont .item .cont .time{ font-size:12px;}
	.picCont .item .cont .title{ font-size:16px; }
	.picCont .item .cont .intro{ font-size:14px;}
}
@media all and (max-width:750px){
	.picCont .item{ width:100%; margin-right:0; margin-bottom:20px}
	.picCont .item:nth-child(3n){ margin-right:0%}
	.picCont .item:nth-child(2n){ margin-right:0}
}



.picNews{ padding-bottom:50px}
.picNewsCont{ display:flex; flex-wrap: wrap; padding:50px 0}
.picNewsCont .item{ width:32%; margin-right:2%; margin-bottom:4%; }
.picNewsCont .item:nth-child(3n){ margin-right:0}
.picNewsCont .item:nth-last-child(-n+3){ margin-bottom:0} 
.picNewsCont .item .pic{ width:100%; position:relative; overflow:hidden; padding-bottom:64%}
.picNewsCont .item .pic img{ width:100%; height:100%; object-fit:cover; position:absolute; left:0; top:0}
.picNewsCont .item .pic img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.picNewsCont .item:hover .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scale(1.1);}
.picNewsCont .item .cont{ padding:25px 0 0 0}
.picNewsCont .item .cont .time{ font-size:14px; color:#b5b5b6; margin-top:5px}
.picNewsCont .item .cont .title{ font-size:24px; color:#222222; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; font-weight: bold; }
.picNewsCont .item .cont .intro{ font-size:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; color:#222222; line-height:1.8; margin-top:15px}
.picNewsCont .item .cont .mores{ display:flex; align-items: center; justify-content: center; width:140px; height:42px;  color:#b5b5b6; font-size:14px; border-radius:30px; margin-top:30px; border:1px solid #e9e9e9; box-sizing:border-box; position:relative; z-index:2; transition:all 0.5s; overflow:hidden}


.picNewsCont .item .cont .mores:after{ content:""; display:block; width:0%; height:100%; background:#0056a8; position:absolute; left:0; top:0; z-index:-1; transition:all 0.5s}
.picNewsCont .item:hover .cont .mores:after{ width:100%;}
.picNewsCont .item:hover .cont .mores{ color:#fff; border:1px solid #0056a8}

.picNewsCont .item:hover .cont .title{ color:#0056a8}

@media all and (max-width:1440px){
	.picNews{ padding-bottom:40px}
	.picNewsCont{ padding:40px 0}
	.picNewsCont .item .cont{ padding:20px 0 0 0}
	.picNewsCont .item .cont .time{ font-size:12px; }
	.picNewsCont .item .cont .title{ font-size:20px; }
	.picNewsCont .item .cont .intro{ font-size:14px; margin-top:12px}
	.picNewsCont .item .cont .mores{  width:120px; height:36px;  font-size:12px; margin-top:25px; }

}
@media all and (max-width:1200px){
	.picNews{ padding-bottom:60px}
	.picNewsCont{ padding:60px 0}
	.picNewsCont .item{ width:49%; margin-bottom:4%}
	.picNewsCont .item:nth-child(3n){ margin-right:2%}
	.picNewsCont .item:nth-child(2n){ margin-right:0}
	.picNewsCont .item:nth-last-child(-n+3){ margin-bottom:4%}
	.picNewsCont .item:nth-last-child(-n+2){ margin-bottom:0}
	.picNewsCont .item .cont{ }
	.picNewsCont .item .cont .time{ font-size:12px;}
	.picNewsCont .item .cont .title{ font-size:16px; }
	.picNewsCont .item .cont .intro{ font-size:14px;}
	.picNewsCont .item .cont .mores{  width:100px; height:32px; margin-top:20px; }
}
@media all and (max-width:750px){
	.picNews{ padding-bottom:40px}
	.picNewsCont{ padding:40px 0}
	.picNewsCont .item{ width:100%; margin-right:0; margin-bottom:20px}
	.picNewsCont .item:nth-child(3n){ margin-right:0%}
	.picNewsCont .item:nth-child(2n){ margin-right:0}
	.picNewsCont .item:nth-last-child(-n+2){ margin-bottom:20px}
	.picNewsCont .item:nth-last-child(-n+1){ margin-bottom:0}
}