@import url('css/reset.css');
@import url('css/hamburgers.min.css');
@import url('css/remixicon.css');
@import url('js/slick.css?v=2.0'); 
:root{
	--font-size:.18rem;
	--main-color:#2461a4;
	--num12:.12rem;
	--num15:.15rem;
	--num20:.2rem;
	--num24:.24rem;
	--num30:.3rem;
	--num32:.32rem;
	--num40:.4rem;
	--num48:.48rem;
	--num65:.65rem;
}
html{font-size:5.2083333333333vw;}
img{
	max-width: 100%;
	border: 0;
}
body,ul,li,p,h1,h2,h3,h4,h5{
	margin: 0;
	padding: 0;
}
ul,li{list-style: none;}
body{	
	font-size:var(--font-size); 
	font-family: "微软雅黑","Microsoft Yahei";
	color: #45494e; overflow-x: hidden;		
}
body::before{
	content:''; position: absolute;left:0;top:0;z-index:-1;
	background:url('images/bg.jpg') left top no-repeat #2360a4;
	width:100%; height:3.8rem; border-radius:0 0 var(--num32) var(--num32);
}

a{
	color:#45494e;
	text-decoration: none;
}
a:hover{
	color: var(--main-color);
	text-decoration: none;
}
.clear:after, .clear:after {
  content: '\20';
  display: block;
  height: 0;
  clear: both;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.fixedBox{
	position: fixed; top: 40%; left: 50%; margin-left: 615px;
	z-index: 99;
	width: 220px; min-height: 100px;
}
.fixedBox img{width: 100%;}
.closeIcon{
	position: absolute; top: -21px;left: 0;
	color: #fff; width: 20px; height: 20px; border-radius: 50%;
	line-height: 18px; text-align: center;
	font-size: 18px; background-color: #000;
    cursor: pointer;
}
.container{
	width:14rem; position: relative; padding:0;
}
 
#header{ 
	height:1.8rem;	
	background: url('images/head.png') no-repeat left bottom;
	background-size:auto var(--num65);
}
#header .logo{
	width:40%; float:left; margin-top: var(--num32);
}
#header .fr{width:55%;text-align:right;margin-top:var(--num48); ;
}
#header .fr > a{color:#fff;margin-right: 15px; }
 
#banner{background-color:#fff;display: block;}
#banner .slick-slide img{width:100%; object-fit: cover;}


.title{
	display: block; position: relative;
	margin:var(--num40) 0 var(--num20); 
	color:#2e64a1; width:100%;
}
.title h4{font-size:var(--num30);color:var(--main-color);display: inline-block;font-weight: normal;}
.title img{height:var(--num40);margin-right: 10px;}
.title span{color:#657588;font-family:"Times New Roman";text-transform:uppercase;font-size:var(--font-size);}
.more_btn{float:right;margin-top:12px;padding:0;line-height: 1.8;border-radius:30px;}
.title.center{display:block; text-align:center;} 
.title.center span{display:block;}
.news{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex; width:100%;
	flex-flow:row wrap; justify-content: space-between;
}
.news li{
	width:48%; height: auto;
	background-color:#fff; border:1px solid #cfe2f9;
	border-radius:0 15px; font-size:var(--num20);	 
	margin-bottom:34px; position: relative;
	transition: all 0.6s ease 0s;
}
.news li a{display: block;padding:var(--num24) 18px var(--num32); }
.news li span{position: absolute;left:5%;bottom:-15px;background-color:#e4f0ff;
	border:1px solid #cfe2f9;border-radius:0 12px;padding:4px 12px;font-size:var(--num15);}
.news li:hover{
	background-color:var(--main-color);border-color:var(--main-color);
	box-shadow:0 4px 10px rgba(208, 230, 255, .8);
}
.news li:hover a{color:#fff;}

.w50per{width:48.5%; }

.rule li{
	display:inline-block; width:100%;
    margin-bottom:var(--num20); font-size:var(--num20);
    background-color:#fff; 
    box-shadow:0 4px 10px rgba(208, 230, 255, .8);
    padding:var(--num15) 18px; position: relative;
    transition: all 0.6s ease 0s;
} 
.date{font-size:var(--num30);line-height:1.1;color:var(--main-color);text-align:center; 
float:left;margin:0 10px;font-family: "Times New Roman";}
.date span{font-size:14px;display:block;font-family:"Microsoft Yahei",sans-serif;}
.rule li:hover{background-color:var(--main-color);border-radius:15px;}
.rule li:hover a{color:#fff;}
.rule li:hover .date{color:#fff;}

.items{margin-bottom: var(--num40);}
.items{display:grid; grid-template-columns:repeat(5, 1fr);grid-gap:var(--num24);}
.items li{border:1px solid #d1e0f3; border-radius:15px;white-space:nowrap;
	position: relative;overflow:hidden; transition:all 0.5s ease 0s;
	font-size:var(--num20);
}
.items li a{display: block;padding:var(--num24) var(--num40);}
.items li img{height:var(--num48);margin-right:10px;display:inline-block;vertical-align:middle;font-size:.2rem;}
.items li::before{
	content:'';position: absolute;left:-15%;bottom:-15%; z-index:-1;
	width:1.4rem;height:1.4rem; background-color:#eef6ff; border-radius:50%;
	transition:all 0.5s ease 0s;
}
.items li:hover::before{
	width:100%;width:100%;border-radius:0; left:0;
}
.items li:hover{font-weight: bold;box-shadow:3px 6px 15px rgba(208, 230, 255, .6);}

.foot{
	padding:.34rem 0; 
	color:#fff; line-height:2;
	background: #306095; 
	display: block;  font-size:var(--num15);
}
.foot .container{
	display:flex; justify-content:space-between; 
	flex-flow:row wrap;
}
.foot div,.foot ul{flex:1;flex-shrink:1;flex-grow:1;}
.foot .bj{white-space:nowrap;}
.foot .bj li{display:inline-block;margin-right:30px;}
.foot h4{font-size:var(--num20);}
.foot .tel p{min-width:49%;display:inline-block;}
.foot .wx{white-space:nowrap;text-align:right;}
.foot .wx li{display:inline-block; text-align:center;margin-left:var(--num24);}
.copyright{
	background-color:#275181;padding:var(--num40) 0;
	display: block; text-align:center; color:#fff;
	line-height:1.5;
}

.banner{
	height:3.4rem; 
	background: url('images/ny-b.jpg') center no-repeat;
	background-size:100% auto;
    display: block; position: relative; 
	display: flex;	color:#fff;
	align-items: center; justify-content: center;
}
.banner h3{font-size:.42rem; margin-top:80px;}
.banner h3::before,.banner h3::after{
	content:''; display: inline-block;
	background:url('images/line.png') center no-repeat;
	width:2rem; height:.15rem;
	background-size:auto 100%; margin-bottom:5px;
}
.banner h3::before{
    transform: rotate(180deg);
}



.pos{	 
	display: block; color:#889290;
	padding:12px 0 18px; font-size:14px;
}
.posBox a{color:#889290;}
.possplit{
	background: url('images/aa.gif') 0 center no-repeat;
	margin: 0 5px;
}

.page-title{ 
	display: inline-block; 
	color:#fff; padding:15px 20px;
	font-size:24px;font-weight: bold;
	text-align: center;
	background:radial-gradient(farthest-side at 0% 0%,#1241a1,#0b4595);
	background-color:#0b4595;  
	margin: 0;
}
 
.white{padding:4px var(--num24);display: block;background-color:#fff;
border-radius: 15px; box-shadow: 4px 8px 15px rgba(208,222,250,0.6);margin-bottom: 20px;}
.detail{
	display: block;
	width:100%;  line-height: 1.8;
	margin-bottom: 40px;
}
.wp_articlecontent{font-size:18px;line-height: 1.8;}
.wp_articlecontent p,.wp_articlecontent span{font-family: "Microsoft Yahei"!important; line-height: 1.8!important;color:#45494e!important;}
.wp_articlecontent h3{font-size:26px!important;font-weight: bold; margin:15px 0 45px;}
.sharebox{
	text-align: center;
}
.sharebox .bshare-custom{display: inline-block;}
.list-tit{
	display: block; margin:40px 0 24px;
	text-align: center;
	font-weight: bold; color:#444;
	font-size:.32rem;  
}
.list-tit::after{
	content:'';
	display: block; width:50px; height:3px;
	background-color: #444;
	border-radius: 2px;
	margin:12px auto 0;
}
.wp_entry img{max-width:100%;}
/*简单的新闻列表*/
.list-box{
	margin:0 0 40px;  min-height: 400px; 
	background-color:rgba(255,255,255,0.92);
	padding:0 5px 35px;
	min-height:300px;
}
.list-li{ display: inline-block;
	width:49%; height: auto;
	background-color:#fff; border:1px solid #cfe2f9;
	border-radius:0 15px;
	padding:var(--num20) 18px var(--num32);  
	margin-bottom:34px; position: relative;
}
.list-box .list-li:nth-of-type(2n){float:right;}
.list-li span{position: absolute;left:5%;bottom:-15px;background-color:#e4f0ff;
	border:1px solid #cfe2f9;border-radius:0 12px;padding:4px 12px;font-size:var(--num15);}
 


/*默认主导航样式*/
 #nav{
	 position:relative; 
	 min-width:50%;display: block; margin-top: var(--num20);
 }
 .closeIt{position:absolute; bottom:20px; right:20px; color:#fff; display:none; text-align:center; font-size:14px;}
 .closeIt i{font-size:25px; display:block;}
 /*导航样式：后台绑定时也可以定义配置*/
.wp-menu{
	display:block; width:100%;
}
.wp-menu li.menu-item {
	display: inline-block; 
	margin: 0 ; padding:0;
	position: relative; z-index:99;
}
 .wp-menu .menu-item.i1 {background:none;}
 .wp-menu .menu-item a > .menu-switch-arrow{ display:none; width:20px; height:20px; background:#e00;vertical-align:middle; }
 .wp-menu .menu-item a.menu-link {
	display: block;line-height:1.2;
	text-align: center; font-size:var(--num24);  
	color: #fff; padding:10px var(--num24); border-radius:15px 15px 20px 0;
 }
 .wp-menu .menu-item.hover a.menu-link,
 .wp-menu .menu-item a.hover{background-color:#fff;color:var(--main-color); text-decoration: none;  }
 .sub-menu {
	display: none; text-align:left;
	position: absolute;
	top:var(--num48);left: 0; z-index:99;
	width:200px; padding:10px;
	background-color: #fff; border-radius: 0 10px 10px 10px;
	box-shadow: 0 5px 15px rgba(5,80,67,0.2);
	border-top: 2px solid var(--main-color);
 }
 .sub-menu .sub-item { 
 	position: relative; /*white-space: nowrap;*/ vertical-align: top; _zoom:1;
 }
 .sub-menu .sub-item a {
	display: block;color: #000; line-height:1.2;padding:12px 17px;
	background:none; border-radius: 8px;
}
 .sub-menu .sub-item.hover> a,
 .sub-menu .sub-item a:hover{ color: #fff; background-color:var(--main-color); display: block; }
 .sub-menu .sub-menu { left: 100%; top:0px; z-index: 200; background:#fff;}

/*搜索框*/
.searchbox{ 
	display: inline-block;width:2.8rem;  
	background-color:#fffaee; border-radius: 40px;
	padding:0 6px;  vertical-align: middle;
}
.searchbox table{width:100%;}
.wp_search .keyword{
	border: 0px solid #eee;
	border-radius: 0;
	height:45px;
	width: 95%!important;
	line-height: 30px;  
    vertical-align: middle; outline:none;
    padding:8px 0;  background-color:transparent;
}
.wp_search .search {
    background: url('images/btnbg.png') center no-repeat;  background-size:cover;    
    color: #fff;
    width: 36px;
    height: 36px;
    border-radius: 25px;
    border: 0; overflow:hidden; vertical-align:middle;
    cursor: pointer;  
    margin-right: 8px;
}

 
/*左侧栏目*/
.leftside{
	width:23%;	
	padding-bottom:.6rem;
	margin:0 0 30px;
}
.leftside h3{
	letter-spacing: 1px;
	display: block; padding:var(--num24) 0 var(--num24) 50px; 
	color:var(--main-color); 
	font-size:var(--num32); overflow: hidden;
	background-color:#e4f0ff;
	position: relative;
	border-radius:15px;
	margin-bottom: 1px;
}
.leftside h3 span{position: relative; z-index: 2;}
.leftside h3::after{ content:'';
	position: absolute; left:0;top:0;  
	background: url('images/xiaohui.png') no-repeat; background-size:auto 100%;
	width:100%; overflow: hidden;
	height:90px;  opacity: 0.25;
}
.rightside{
	width:75%; background-color:#fff;padding:5px var(--num24);
	border-radius:15px; box-shadow: 2px 5px 15px rgba(208,220,255,0.6);
	margin-bottom:40px;
}

/*栏目列表*/
.col_list{display: block; margin:0;
	background-color:#e4f0ff;  
	border-radius:15px; padding:15px 22px;
}
.col_list .wp_listcolumn {  
	margin:0; width:100%;border:0;
}

.col_list .wp_listcolumn .wp_column a { background:none;
	display: block; color:#4e535c; font-size:var(--num20);
	font-weight:normal; 
	margin-bottom: 0px; border-radius:15px;
	position: relative;
	/*background-color:#fff;*/
	transition: all 0.4s ease 0s; border:0;
}
.wp_listcolumn .wp_column{margin-bottom:10px;}
.col_list .wp_listcolumn .wp_column a i{
	width:30px;height:30px; position: absolute; right:10px;top:12px;
	background:url('images/arr.png') center no-repeat;
}
.col_list .wp_listcolumn .wp_column a .column-name{
	display: block;
	padding:10px 0px 10px 28px;
	line-height:36px; box-sizing: border-box;
}
.col_list .wp_listcolumn .wp_column a:hover,
.col_list .wp_listcolumn .wp_column a.selected { 
	background-color:var(--main-color); color:#fff;
	font-weight: bold;  
} 
.col_list .wp_listcolumn .wp_column a.selected span.column-name{
	 color:#fff;
}
.col_list .wp_listcolumn .wp_subcolumn .wp_column a { 
	color:#454545; background:none;  
}
.col_list .wp_listcolumn .wp_column.parent > a .column-name{
	font-weight:bold; color:#333;
}
/*二级子栏目**/
.col_list .wp_listcolumn .wp_column .sub_list{
	padding:12px 10px;
	background-color: #fff; 
	border-radius:15px;	 
}
.col_list .wp_listcolumn .wp_column .sub_list a {
	color:#333; margin-bottom:8px;
} 	
 
.col_list .wp_listcolumn .sub_list a .column-name {
	display:inline-block;line-height: 32px; font-size:17px;
	padding: 5px 10px 5px 22px;cursor:pointer;
}
.col_list .wp_listcolumn .sub_list a:hover,
.col_list .wp_listcolumn .wp_column a.selected { color:#fff;  } 
/*三级子栏目**/
.col_list .wp_listcolumn .wp_column .sub_list .sub_list a {background:none; } 	
.col_list .wp_listcolumn .sub_list .sub_list a .column-name { padding: 5px 10px 5px 51px; cursor:pointer;}
.col_list .wp_listcolumn .sub_list .sub_list a :hover,
.col_list .wp_listcolumn .sub_list .sub_list a.selected { color:#fff;} 
 

.r-title{ 
	padding:0;  margin-top: 15px;
	display: block; color:#fff;
}
.r-title a{color:#fff; }
/*带图片和简介的列表*/
.news-li{ margin-bottom: 5px;
	display:block;
	width:100%;
	font-size:18px; 
	padding:32px 0 0; position: relative;		
	display: flex; flex-direction: row;
	align-items: center;  
}
.news-li a{color:#222;}
.news-box{
	display: inline-block; width:90%;
	border:1px solid #f1f4f9;padding:20px;
}
.news-t{ display:inline-block; width:76%; vertical-align: top; transition: all 0.4s;}
.news-img{display: inline-block; width:20%;
 vertical-align: top;  transition: all 0.4s;}
.news-img img{width:100%; height: auto;}
.news-t p{
    display:block;
    font-size:14px; color:#aaa;margin-top:10px;	
	margin-right: 4px;
} 
.news-t p a{color:#999; word-break:break-all;}
.news-li:hover .news-t{
	color:#0b4595; font-weight:bold;
}
.news-li:hover .news-img{
	box-shadow: 0 2px 10px rgba(0,0,100,0.1);
}
.wp_paging{margin:25px 0 40px; font-size:16px;}


/*两列*/
.twoCol .colBox {float:left;width:49%;background-color: #fff; 
	border-radius: 5px; padding:16px; margin-bottom:24px;
}
.twoCol  .colBox:nth-of-type(2n){float:right;}
.twoCol .colBox p a{color:#999; font-size:14px; display:block; margin:8px 0;}
.twoCol .colBox:hover{box-shadow:0 2px 10px rgba(0,0,150,0.2);}
/*简单图片列表*/
.piclist-box,.teacher{
	margin:10px 0; min-height: 400px;   padding:14px;
}
.pic-li{
	display: inline-block; width:31%;margin:0 0.8% 20px; vertical-align: top;
}
.pic-li p{
	display: block; text-align: center;
	padding:10px 0;
}
.pic-li img{width:100%; height:3.2rem;}
 
.page-more{
	display: block; margin:18px auto;
	background-color: #f2e8e8;
	padding:15px 0; width:200px;
	border-radius: 30px; color:#785c5e;
	text-align: center;font-size:16px;
}

/*详情页*/
.pagingJump:hover{
	color:#fff;
}
.biaoti3{
	font-size:var(--num32); line-height: 1.3;
	padding:var(--num32) 0 var(--num20); font-weight: bold;
	display: block;
	text-align: center; 
}
.article{	
	line-height: 2;
	display:block;
	width:100%;
	margin:24px 0 22px;
	background-color: #fff;
	min-height: 500px;
}
 
 
.border2{
	color: #6c7270;
	text-align: center;
	display: block;
}
.border2 span{
	color: #6c7270;
	margin-right: 10px;
}

.dtjt9_div_text .dtjt9_div_text_title a{
	font-size: 16px;
}
/*详情页表格*/
.wp_articlecontent table{width: 100%!important;}
.wp_articlecontent table{
   
    border: 1px solid #e7e7e7!important;
    margin-bottom: 40px;
    border-collapse: collapse;
    font-family: "Microsoft Yahei";
    font-size: 17px;
  }
  .wp_articlecontent table th{    
    font-size: 16px;
    line-height: 40px;
    padding: 5px;
    color: #11733a;
    text-align: center;
    border: 1px solid #e7e7e7!important;
    background-color: #dbe9da!important;
  }
  .wp_articlecontent table td{
    line-height: 1.5;
    padding:14px 10px!important;
    border: 1px solid #e7e7e7!important;
  }
  .wp_articlecontent table tr:nth-of-type(2n+1){
    background-color: #f9f9f9;
  }

.mapimg{
   width:1190px!important;
  max-width:1190px!important;
}
/*详情页 轮播图*/
.wp-display-wrapper .picSlideWrap{
    background: none;
    border: 0px solid #A9BFD6;
}
.wp-display-wrapper .imgnav{width:95%;}
.wp-display-wrapper .img{width:100%;}
.wp-display-wrapper .img img{height:auto;border:0px;}
.wp-display-wrapper .front a,.wp-display-wrapper .next a{display:block!important;}

.toTop{display: none;
	cursor: pointer;
	position: fixed; right: 10px; bottom: 10px;z-index: 99;
	width: 65px; height: 65px;text-align: center; 
	font-size: 16px;line-height: 30px; border-radius: 50%;
	background-color:rgba(48,96,149,0.8); color: #fff;
	transition: all 0.4s ease 0s;
}
.toTop:before{
	display: block; margin:10px auto 0;
	width: 0;height: 0; content: '';
	border-width: 9px; transform: scale(0.7,1);
	border-color: transparent transparent #fff transparent;
	border-style: solid dashed dashed dashed;
}
.toTop:active{
	transform: scale(1.1);
}
.page-t{
	margin:0; font-weight: bold; 
	font-size:var(--num32); text-align: center; color:var(--main-color);
	padding:20px 0;
}


/*手机菜单按钮*/
.closetb{  
	font-size: 30px;
	padding: 1rem 2rem; 
	border-bottom: 0;
	line-height: 2rem;
	color: #fff; 
	text-align: center;
	display: none;
}
.mob{display: none;}
#mNav{ display:none;
   position: relative; float:right; z-index: 999;
   background-color:#fff; border-radius: 8px;
   margin:10px 5px;  padding:10px 12px 10px;
}
 
@media (max-width:1280px) {
   :root{
	--font-size:18px;
	--num12:12px;
	--num15:15px;
	--num20:20px;
	--num24:24px;
	--num30:30px;
	--num32:32px;
	--num40:40px;
	--num48:48px;
	--num65:65px;
	}
	.container{width:94%; }
	.searchbox{width:280px;} 
	.items li::before{width:1.8rem;height:1.8rem;bottom:0;}
	.items li a{padding:15px;}
}


@media (max-width:960px) {	
	:root{
		--num30:24px;
		--num40:32px;
	}

	img{
		max-width: 100%!important;
	}
    body::before{height:280px;}
    #header .logo{width:56%;margin-top: 0; } 
    #header{ 
		padding:8px 0;  height:140px;
    }
    .searchbox,#header .fr>a{display:none;} 
    #header .fr{margin:0;width:100%;}
    .items li::before{left:-5%;} 
  
    .foot .container{flex-flow:column;} 
    .foot div,.foot ul{text-align:center!important;margin-bottom:10px;}
    .foot .bj{white-space:normal;}
    
     
    .closetb,.m-foot,.imgBox,.mob,#mNav{
	    display: block;
	}
    .title .more_btn{margin-top: 0;} 
	#nav{ 
		width:100%; margin-top: 0; 
	}
	#nav .wp-menu{display: flex;flex-flow:row wrap; justify-content: space-between;align-items: center;}
	.wp-menu li.menu-item{width:19%; padding:0;}
	.wp-menu .menu-item a.menu-link{font-size:18px; line-height: 1.2; padding:10px; }
  
	.sub-menu{display:none!important; 	} 
    #banner .slick-slide img{height:170px;}
  
	.w50per,.news li{width:100%;}	
	.items{grid-template-columns:repeat(2, 1fr);} 

	.banner{
		height:260px;  background-size: auto 260px; 
	}
	.banner::after{height:70px;}	
     
    
    
    .list-box{padding:0;}
    .list-li{width:100%;}
    .pic-li{width:47.7%;}
    .pic-li img{height:280px;} 
	.div_piccontenttitle_li{
		width: 49%;
		display:inline-block;vertical-align:top;float:none;
	}
	 
	.rightside,.leftside{width:100%;}
 
	 

}
@media (max-width: 540px) {	 
    #header .logo{width:92%; }   
      
   .copyright{padding:20px;}
   .copyright span{display:block;} 
   .items li{white-space: inherit;text-align: center;}
   .items li a{padding:24px 0;}
   .items li img{display: block;margin:0 auto;} 

   .foot .wx img{height:120px;}
 


}