@charset "utf-8";
.banner{ width:100%; position:relative}
.banner>img{ width:100%}
.banner>img.img1{ display:block}
.banner>img.img2{ display:none}
.banner .item{ width:100%; position:absolute; left:0; top:50%; transform:translateY(-50%); color:#fff; z-index:2}
.banner .item .title{ font-size:42px; line-height:1; }
.banner .item .intro{ font-size:24px; margin-top:25px}
.banner .item .more{display:flex; align-items: center; justify-content: center; width:145px; height:50px; margin-top:20px; font-size:16px; color:#fff; box-sizing:border-box; border:1px solid rgba(255,255,255,0.3); margin-top:50px}
@media (max-width: 1600px){
	.banner .item .title{ font-size:32px; }
	.banner .item .intro{ font-size:20px; margin-top:20px}
	.banner .item .more{ width:125px; height:40px; font-size:14px; margin-top:40px}
	.banner .prev01{ width:22px}
	.banner .next01{ width:22px}

}
@media (max-width: 1200px){
	.banner .item .title{ font-size:24px; }
	.banner .item .intro{ font-size:16px; }
	.banner .item .more{ width:110px; height:32px; font-size:12px; }
	.banner .prev01{ width:16px; left:1%}
	.banner .next01{ width:16px; right:1%}	
}
@media (max-width: 750px){
	.banner img.img2{ display:block; width:100%;}
	.banner img.img1{ display:none; width:100%;}
	.banner .item .title{ font-size:20px; }
	.banner .item .intro{ font-size:14px; }
	.banner .item .more{ width:100px; height:30px; }
	.banner .prev01{ width:10px; left:1%}
	.banner .next01{ width:10px; right:1%}	
	.banner .swiper01 .pagination01 span{ width:32px; height:3px;}	
}

.second_nav{ width:100%; background:#ffffff; box-shadow:0 0 20px rgba(12,97,174,0.15); position:relative; border-bottom:1px solid #d3d3d3}
.second_nav .nr2{ 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:66px; font-size:18px; color:#252525; padding:0 30px}
.second_nav ul li:before{ content:""; display:block; width:0px; top:30%; right:0; background:#0075c2; height:40%; position:absolute}
.second_nav ul li:last-child:before{ width:0}
.second_nav ul li.on:after{ content:""; display:block; width:80%; left:10%; bottom:0; background:#0075c2; height:2px; position:absolute}
.second_nav ul li:hover:after{ content:""; display:block; width:80%; left:10%; bottom:0; background:#0075c2; height:2px; position:absolute}
.second_nav ul li.on a{ color:#0075c2}
.second_nav ul li:hover a{ color:#0075c2}
.second_nav.second_nav104 ul li.on a{ color:#e51a0e; font-weight:bold}
.second_nav.second_nav104 ul li.on:after{ background:#e51a0e}
.second_nav.second_nav104 ul li:hover a{ color:#e51a0e; font-weight:bold}
.second_nav.second_nav104 ul li:hover:after{ background:#e51a0e}
.second_nav .t{ display:none}
@media (max-width: 750px){
	.second_nav .t{ display:block; font-size:17px; width:100%;background-color:#0c61ae;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(cx10.png) center center no-repeat; background-size:12px; transition:all 0.3s linear}
	.second_nav .t.on i{  background:url(cx10.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{ left:0; bottom:-1px; width:100%}
	.second_nav ul li.on::after{ left:0; bottom:-1px; width:100%}
	.second_nav.second_nav104 .t{ background:#e51a0e}
	.second_nav.second_nav104 ul li{ border-bottom: 1px solid #e7e7e7;}
}


/* 内容模式 */
.article { padding:40px 0; width:100%; margin:0 auto; box-sizing:border-box; line-height:2; font-size:16px; word-wrap:break-word; }
.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 {background:#fff; line-height:2; font-size:16px; color:#282828 }
.article .bd img{ max-width:100%; height:auto}
.article .bd video{ max-width:100%; height:auto}
.article .ft { margin:30px 0 0;}
.article .ft .nr{ padding:0!important; background:none!important}
.article .ft ul{ border-top:1px dotted #ccc; padding:30px 0 0 0 }
.article .ft ul li { width:100%; background:#fff; background:#fff; box-sizing:border-box; text-align:left; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; color:#282828}
.article .ft ul li a{ color:#282828}
.article .ft ul:hover li a{ color:#0075c2}
.nr_pc{ display:block}
.nr_sj{ display:none}
.article .bd video{ max-width:100%; height:auto}
@media all and (max-width:1640px){
	.article { padding:30px 0}
}
@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:20px 0 0; height:auto}
	.article .ft ul{ display:block; height:auto; padding:20px 0 0 0}
	.article .ft ul li { width:100% }
	.article .bd{ font-size:14px; line-height:2}	
}



@media all and (max-width:1640px){
	.article .nr{ }
}

@media all and (max-width:1200px){
	.article{ padding:40px 0;}
	.article .nr{}
}




/*picx*/
.picx{ padding:60px 0}
.picxList{ width:100%;}
.picxList .item{ width:31.5%; float:left; margin-right:2.75%; background:#fff; margin-bottom:40px; position:relative; border-radius:10px; overflow:hidden}
.picxList .item:nth-child(3n){ margin-right:0}
.picxList .item:hover{ box-shadow:0 0 10px rgba(00,0,0,0.15)}
.picxList .item a{}
.picxList .item a .pic{ width:100%; overflow:hidden; position:relative}
.picxList .item a .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;}
.picxList .item:hover a .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scal(1.1);}
.picxList .item a .cont{  }
.picxList .item a .cont .title{ font-size:18px; background:#0075c2; color:#fff;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; text-align:center; width:100%; box-sizing:border-box; padding:20px; font-weight:bold}
.picxList .item:hover a .cont{ background:url(ax1.png) center center no-repeat; background-size:cover}
@media all and (max-width:1640px){
	.picxList{ padding-bottom:30px}
	.picxList .item{ margin-bottom:30px}
	.picx{ padding:40px 0 60px}
	.picxList .item a .cont .title{ font-size:16px;}
}
@media all and (max-width:1200px){
	.picx{}
	.picxList{ padding-bottom:20px}
	.picxList .item{ margin-bottom:20px}
	.picx{ padding:40px 0}
	.picxList .item a .cont{ }
	.picxList .item a .cont .title{ font-size:14px; padding:15px}	

}
@media all and (max-width:750px){
	.picxList .item{ width:48.5%;   margin-right:3%;margin-bottom:15px; border-radius:5px}
	.picxList .item:nth-child(3n){ margin-right:3%}
	.picxList .item:nth-child(2n){ margin-right:0}	
	.picxList .item a .cont{ }
	.picxList .item a .cont .title{ font-size:14px; padding:8px}	

}



.news{ padding:60px 0}
.newsList{ width:100%; padding-bottom:60px}
.newsList .nr{ box-sizing:border-box; border:1px solid #e3e3e3; border-bottom:0}
.newsList .item{ width:100%; padding:30px 25px; box-sizing:border-box; border-bottom:1px solid #e3e3e3}
.newsList .item:nth-child(2n){background:none}
.newsList .item a{ display:flex; width:100%; height:100%; box-sizing:border-box; }
.newsList .item a .pic{ width:320px; overflow:hidden;}
.newsList .item a .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;}
.newsList .item:hover a .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scal(1.1);}
.newsList .item a .cont{ width:calc(100% - 320px);  box-sizing:border-box; padding-left:30px}
.newsList .item a .cont .time{ font-size:14px; color:#888888; margin-top:10px}
.newsList .item a .cont .title{ font-size:18px; color:#000000;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; margin-top:10px; line-height:30px; font-weight:bold;}
.newsList .item a .cont .intro{ font-size:14px; color:#888888; line-height:25px; height:50px;margin-top:10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.newsList .item a .cont .more{ font-size:14px; color:#888888; margin-top:10px; padding:10px 0; transition:all 0.3s; display:flex;width:fit-content }
.newsList .item:hover a .cont .more{ background:#002d61; color:#fff; text-align:center; padding:10px 20px; border-radius:20px; }
.newsList .item:hover{box-shadow:5px 5px 10px #ededed, -5px -5px 10px #ededed}
.newsList .item:hover a .cont .title{ color:#002d61}
@media all and (max-width:1200px){
	.news{ padding:0 0}
	.newsList .item{ width:100%; padding:25px 20px; }
	.newsList{ padding-bottom:40px}
}
@media all and (max-width:750px){
	
	.newsList .item{ width:100%; padding:20px 20px; }
	.newsList .item a .pic{ width:160px;}
	.newsList .item a .cont{ width:calc(100% - 160px);}
	.newsList .item a .cont .time{ font-size:12px; margin:0}
	.newsList .item a .cont .title{ font-size:14px; margin-top:5px}
	.newsList .item a .cont .intro{ font-size:12px; margin-top:5px}
	.newsList .item a .cont .more{ display:none}
}
@media all and (max-width:450px){
	.newsList .item{ width:100%; padding:12px; }
	.newsList .item a .pic{ width:140px;}
	.newsList .item a .cont{ width:calc(100% - 140px); padding-left:10px}
	.newsList .item a .cont .time{ font-size:12px; margin:0}
	.newsList .item a .cont .title{ line-height:20px; margin-top:2px}
	.newsList .item a .cont .intro{ line-height:18px; height:auto}
}



/* 分页 */
.page {  line-height:24px; text-align:center; }
.page select{ display:none}
.page a { display:inline-block; margin:0 2px; padding:8px 12px; border:1px solid #e5e2d9; background:#e5e2d9; color:#333; vertical-align:top; font-size:14px ; min-width:16px; border-radius:5px}
.page a:hover,.page .current { border:1px solid #0075c2; background:#0075c2; color:#fff; }
@media all and (max-width:1640px){
	.page a{ padding:3px 10px}
}
@media all and (max-width:1200px){
	.page a { font-size:12px}
	.page a{ padding:3px 5px}
}
@media all and (max-width:750px){
	.page a{ margin:3px 0}
}



.newsPage2{ padding:40px 0}
.newsList2{ padding-bottom:30px}
.newsList2 .item{ width:100%; height:136px; margin-bottom:25px; background:#f1f1f1;}
.newsList2 .item a{ display:block;display:flex;align-items: center;   width:100%; height:100% }
.newsList2 .item .time{ width:190px; text-align:center; font-weight:bold; color:#5b5b5b}
.newsList2 .item .time .p1{ display:inline-block; vertical-align:top; font-size:32px; line-height:1; border-bottom:1px solid #ebebeb; padding-bottom:10px; margin-bottom:8px}
.newsList2 .item .cont{ width:calc(100% - 190px); box-sizing:border-box; padding:0 45px 0 0}
.newsList2 .item .cont .title{ font-size:18px; color:#282828;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.newsList2 .item .cont .intro{ font-size:16px; color:rgba(0,0,0,0.45); line-height:24px; height:48px; margin-top:6px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.newsList2 .item:hover a{ }
.newsList2 .item:hover{ background:#0075c2; box-shadow:0px 12px 23.75px 1.25px rgba(0,4,35,0.13);}
.newsList2 .item:hover .time{ color:#fff}
.newsList2 .item:hover .time .p1{ border-bottom:1px solid #fff}
.newsList2 .item:hover .cont .title{ color:#fff;}
.newsList2 .item:hover .cont .intro{ color:rgba(255,255,255,0.47);}
@media all and (max-width:1200px){
	.newsPage2{ padding:40px 0}
	.newsList2{ padding-bottom:10px}
	.newsList2 .item{ margin-bottom:20px; height:125px}
	.newsList2 .item .time{ width:100px;}
	.newsList2 .item a{ }
	.newsList2 .item:hover a{ }
	.newsList2 .item .time .p1{ font-size:24px;padding-bottom:8px; margin-bottom:6px}
	.newsList2 .item .cont{ width:calc(100% - 100px); padding:0 30px 0 0}
	.newsList2 .item .cont .title{ font-size:16px}
	.newsList2 .item .cont .intro{ font-size:12px; line-height:20px; height:40px}
}
@media all and (max-width:450px){
	.newsList2 .item{ height:100px}
	.newsList2 .item .time{ width:80px;}
	.newsList2 .item a{  }
	.newsList2 .item:hover a{ }
	.newsList2 .item .time .p1{ font-size:24px;padding-bottom:8px; margin-bottom:6px}
	.newsList2 .item .cont{ width:calc(100% - 80px); padding:0 15px 0 0}
	.newsList2 .item .cont .title{ font-size:16px}
	.newsList2 .item .cont .intro{ font-size:12px; line-height:20px; height:40px}
}


.lxwm{ padding:120px 0}
.lxwm .ihd{ text-align:center; font-size:24px; color:#282828; font-weight:bold; line-height:1}
.lxwm .iintro{display:flex; align-items: center; justify-content: center; margin-top:70px}
.lxwm .iintro .item{ font-size:16px; color:#282828; margin:0 80px;display:flex; align-items: center; }
.lxwm .iintro .item:nth-child(2){ font-weight:bold}
.lxwm .iintro .item img{ height:22px; margin-right:10px;}
.lxwm .ibd{ margin-top:100px}
.lxwm .ibd .item{ width:23.5%; margin-right:2%; box-sizing:border-box; float:left; border:1px solid #dcdcdc; border-radius:15px;  padding:25px; margin-bottom:3%; height:342px}
.lxwm .ibd .item:nth-child(4n){ margin-right:0}
.lxwm .ibd .item .p1{ font-size:18px; color:#282828; font-weight:bold}
.lxwm .ibd .item .p2{ font-size:16px; color:#0170b9; padding:10px 0}
.lxwm .ibd .item .p3{ font-size:16px; color:#282828; }
@media all and (max-width:1600px){
	.lxwm .ibd .item{ height:285px}
	.lxwm .ibd .item .p1{ font-size:16px; }
	.lxwm .ibd .item .p2{ font-size:14px;  }
	.lxwm .ibd .item .p3{ font-size:14px; }
}
@media all and (max-width:1200px){
	.lxwm{ padding:60px 0}
	.lxwm .ihd{ font-size:20px; }
	.lxwm .iintro{ margin-top:40px; display:block}
	.lxwm .iintro .item{ font-size:14px; margin:20px 0 0}
	.lxwm .iintro .item img{ height:20px; }
	.lxwm .ibd{ margin-top:40px}
	.lxwm .ibd .item{ width:48.5%; margin-right:3%;  border-radius:10px; padding:20px 0; margin-bottom:3%}
	.lxwm .ibd .item:nth-child(2n){ margin-right:0}
	.lxwm .ibd .item .p1{ font-size:16px; }
	.lxwm .ibd .item .p2{ font-size:14px; }
	.lxwm .ibd .item .p3{ font-size:14px; }

}