@charset "utf-8";
body{font-size: 14px;}
.nav li,.banner_bg li{ list-style:none; }
*{box-sizing: border-box;}
/*备用样式表*/
.none { display:none; }
.wcb{ width:100%; height:30px; border:2px dashed #97CBE0; }
.hidden { visibility:hidden; }
.clear { width:100%; height:0; line-height:0; font-size:0; overflow:hidden; clear:both; display:block; _display:inline; }
.clearfix:after{clear: both;content: "";display: block;height:0;visibility: hidden;}
.clearfix{ display: block; *zoom:1; }
.icon{display:inline-block;width: 32px;height: 32px;vertical-align:middle;background:url(../images/icon.png) no-repeat;}
/*css3扩展*/
body:before {content: ""; position: fixed; top: -10px; left: 0; z-index: 110; width: 100%; height: 10px;}
::-webkit-input-placeholder { color:#ccc;/* WebKit browsers */}
:-moz-placeholder {color:#ccc; /* Mozilla Firefox 4 to 18 */}
::-moz-placeholder { color:#ccc;/* Mozilla Firefox 19+ */}
:-ms-input-placeholder { color:#ccc;/* Internet Explorer 10+ */}
/**布局开始**/
body {line-height: 1;font-size: 13px;font-family: "Arial","Microsoft YaHei","\u5b8b\u4f53", Tahoma, Geneva, sans-serif;color:#333;}
p{line-height:1.75;}
a {color:#3b3b3b; text-decoration:none; transition:all 0.4s ease-in-out; }
a:hover { color:#095ab5; }
/*页面尺寸*/
.wrapper { width:100%; margin:0 auto;  }
.inner{max-width: 1400px;margin:0 auto; width: 92% !important;}
.banner .swiper-button-prev{transform: rotate(180deg);}
.banner .swiper-button-white{width: 30px; height: 60px; background-color: rgb(255,255,255,0.3) !important; display: flex; align-items: center; justify-content: center; border-radius: 2px;}
.banner .swiper-button-white svg{width: 10px; fill: #fff;}
/*headtop*/
#headtop{background: #666;}
#headtop .inner{}
.headtop .top-left{float: left;}
.headtop .top-right{float:right;}
/*head开始*/
#header {background: #3062ab;}
#header .inner{height: 176px;position:relative;background:url(../images/by_bg.jpg) no-repeat;}
.header .sitelogo{display: block;}
.header .sitelogo img{display: block; max-height: 100%;}
.header .sitetitle {display:inline-block;margin-top: 3px; margin-left:30px;font-size:40px;font-weight:bold;color:#fff;} /**站点名称**/
.header .head-left{float:left;display:inline-block;}
.header .head-main{float:left;margin-top:10px;}
.header .head-right{float:right;margin-top: 70px;}
.header .mod{}

#banner{ background:url(../images/bannners.png) no-repeat center;}

/*lang样式*/
.site-lang{  float: left;}
.site-lang ul{float:right;}
.site-lang ul li.links{float:left;}
.site-lang ul li.links a{line-height: 33px;margin-right:12px;font-size: 14px;color: #fff;}
.site-lang ul li.links a:hover{color:#fff;}
/*默认主导航样式*/
#nav{background: #003f87;}
#nav .inner{width: 1400px;}
#nav .inner .wp-panel{}/*导航*/
#nav .inner .wp-panel .wp-window{min-height:30px;}
#nav .inner .wp-panel .navbg{position:absolute; z-index:-1;left:0;right:0;top:0;bottom:0; width:auto; height:100%;background:#fff;opacity:.7;filter:alpha(opacity=70);}
/*导航样式：后台绑定时也可以定义配置*/
.wp-menu {margin:0 auto; display: flex; justify-content: space-between;}
.wp-menu .menu-item {display: inline-block; position: relative;}
.wp-menu .menu-item.i1 a.menu-link{ background:none;}
.menu-switch-arrow{ display:none; width:10px; fill: #fff; transform: rotate(180deg);}
.wp-menu .menu-item a.menu-link {display: inline-block;padding: 0 26px;line-height: 58px;color: #FFFFFF;font-size: 17px;font-weight:normal;background:url(../images/shu.png) no-repeat left center;}
.wp-menu .menu-item.hover a.menu-link,
.wp-menu .menu-item a.hover{background-color:#1d589c; text-decoration: none; color: #eee;}
.sub-menu {display: none;position: absolute;left: 0;top: 58px;min-width: 100%;z-index: 100;background:#f1f1f1;text-align: center;}
.sub-menu .sub-item { position: relative; white-space: nowrap; vertical-align: top; _zoom:1;}
.sub-menu .sub-item a {display: block;color: #000;height: 40px;line-height: 40px;padding: 0 17px;font-size: 16px;background:none;}
.sub-menu .sub-item.hover> a,
.sub-menu .sub-item a:hover{ color: #fff; background-color:#1d589c; display: block; }
.sub-menu .sub-menu { left: 100%; top:0px; z-index: 200; background:#fff;}

/**主页banner开始**/
#banner {background-size: cover;    padding-bottom: 30px;}
#banner .inner {text-align: center;position:relative;}
/**主体模块样式**/
#m-container {}
#m-container .inner {}
/**首页三列布局**/

.main1 .inner{padding:10px 0px 30px;}
.main1 .ml{ width:610px;background:url(../images/shu.png) no-repeat right bottom;}

.main2{background:url(../images/bg.png) no-repeat center; background-size: cover;}
.main2 .inner{padding:10px 0px 0px;}

.main3{padding-bottom:30px;padding-top:7px;}
.main3 .ml { flex: 1;}
.main3 .mr {width: 345px;  margin-top:30px;}

/***********************************************************
 * 列表页
 */

/**页脚开始**/
#footer {background: #1d589c;}
#footer .inner {padding: 37px 0px;position:relative;}
#footer .inner .mod{}
#footer .inner .foot-left{}
#footer .inner .foot-right{float:right;margin-top: 12px;}
#footer .inner p{font-size: 14px;line-height: 28px;font-weight:normal;text-align: center;color: #fff;opacity: .6;}
#footer .inner p span { margin:0 3px; }
#footer .inner .copyright{}
#footer .inner .copyright span{}
#footer .inner .copyright a{color:#eee;}
/**************************************************************
 * 组件功能
 */
/*系统默认搜索*/
.wp_search{ display:inline-block;position:relative;padding-left:4px;border: 1px solid #d0d0d0;}
.wp_search #keyword{ width:160px!important;padding: 4px 0; border:none;height:20px; line-height:20px; background:transparent; color:#fff; }
.wp_search .search{width:32px;height: 30px;border:0px; background: #FFFFFF url(../images/sous.png) no-repeat center;cursor: pointer; vertical-align:top; }
/*自定义输入框*/
.searchbox{text-align:right;margin-top: 0px;width: 247px;float: right; border-radius: 40px; overflow: hidden;}
.wp-search {position: relative;background: url(../images/ss.png) no-repeat;}
.wp-search form {display: block;}
.wp-search .search-input {margin-left:4px; margin-right: 40px; padding-top: 10px;}
.wp-search .search-input input.search-title {width: 100%;height: 32px;padding: 4px 10px;line-height: 24px;background: none;color: #666666;font-size: 14px;border:0;outline: 0;font-family: 微软雅黑;}
.wp-search .search-btn {width:60px;height: 32px;position: absolute;right: 0;top:0%;}
.wp-search .search-btn input.search-submit {width:60px;height: 32px;border:0;outline: 0;background: url(../images/sous.png) no-repeat center;cursor: pointer;}

/*列表页*/
.main1{ background:url(../images/bannner_g.png) no-repeat center;}

/*************************************************************
 * 特殊页面
 */
/*二级页面*/
ul.wp_subcolumn_list {
    float: left;
	margin-bottom: 30px;
}
ul.news_list.list2.sz li {
    float: left;
    width: 30%;
}
.wp_subcolumn_list .wp_sublist .sublist_title .morelink .moretext {
    display: none;
}
.wp_subcolumn_list .wp_sublist .sublist_title {
    border-bottom: 2px solid #1d589c;
	    height: 38px;
    line-height: 38px;
}
.wp_subcolumn_list .wp_sublist .sublist_title a {
    background: #1d589c;
    text-align: center;
    color: #fff;
	width: 200px;
}
ul.news_list.list2.sz li { background:url(../images/title.png) no-repeat left center;    padding-left: 26px;
}
.wp_subcolumn_list .wp_sublist .sublist_title a .subcolumn-name{font-size: 15px;}
.col_news_head.s {

}

.menu{width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; cursor: pointer;}
.menu svg{width: 26px; fill: #fff;}
.menu .icon2,#header.on .menu .icon1{display: none;}
#header.on .menu .icon2{display: block;}

.search-input{border-radius: 40px;}

.h-tit{border-bottom: 1px solid #c9c9c9; margin-bottom: 20px;}
.h-tit .tit{ display: inline-block; position: relative;  margin-right: 0px; font-size: 18px; font-weight: bold; color: #000; cursor: pointer; line-height: 50px;}
.h-tit .tit::after{content: ''; display: block; width: 100%; background-color: #b51610; height: 3px; position: absolute; left: 0; bottom: 0;}
.more_btn{font-size: 13px; cursor: pointer;color: #c9ac6c;}
.h-tit.no{border-bottom: none;}
.main1 .more_btn{margin-right: 0px !important;}
.main1 .img{transition: all ease .3s;}
.main1 .item:hover .img{transform: scale(1.1);}
.main1 .ml{width: 574px;}
.main1 .mod{align-items: flex-end;}
.main1 .mr{flex: 1; margin-left: 37px;}
.main1 .item{overflow: hidden;}
.main1 .name{position: absolute; top: 50%; text-align: center;  width: 100%; left: 0; transform: translateY(-50%); padding: 10px;  font-size: 16px;font-weight: bold;}
#news_list1{align-items: flex-start; position: relative; display: flex; justify-content: space-between;}
#news_list1 .item{margin: 0; position: relative;}
#news_list1 .item:nth-child(2){position: absolute !important; left: 0; bottom: 0;}
#news_list1 .item:nth-child(1),#news_list1 .item:nth-child(2){width: 34%; height: 78px;}
#news_list1 .item:nth-child(3),#news_list1 .item:nth-child(4){width: 31.5%; height: 166px;}
#news_list1 .name{  color: #fff;}
#news_list1 .img{width: 100%; height: 100%; display: block;}

#news_list2 .item{width: 48%; height: 200px; position: relative;}
#news_list2 .img{width: 100%; height: 100%; display: block;}
#news_list2 .name{color: #1d589c; text-shadow: 2px 2px 1px #fff, -2px 2px 1px #fff, 2px -2px 1px #fff, -2px -2px 1px #fff; font-size: 20px;}


.home-news-list .item{display: flex; align-items: center; justify-content: space-between;     font-size: 14px; line-height: 32px;border-bottom: 1px dashed #ccc; margin-bottom: 11px; width: 100%;}
.home-news-list .item:hover{color: #1826a5;}
.home-news-list .name{width: calc(100% - 80px);}
.main2 .item-box{width: calc(33% - 30px);}

.link-list{flex-wrap: wrap;}
.link-list .item{width: 25%;}

.main3.inner{padding-bottom: 30px;}
.main3 .ml{flex: 1; margin-right: 20px;}
.main3 .item{line-height: 34px; color: #333333;}
.main3 .item:hover{color: #b51610;}
.main3 .mr{width: 290px;}

.main3 .mr .t{margin-right: 10px;}
.main3 .mr img{display: block;width: 110px;}
.main3 .h-tit .tit::after{width: 50%;}

.main0{padding-top: 15px;}
.main0 .tit{color: #1d589c; font-size: 20px;}
.main0 .tit::after{width: 50%; transform: translateX(-50%); left: 50%;}
.school-news .item{display: flex; align-items: flex-start; text-align: left; width: 31.2%; margin-right: 3%;}
.school-news .item:nth-child(3){margin-right: 0;}
.school-news .div{flex: 1;}
.school-news .time{width: 64px;margin-right: 20px;text-align: center; border: 1px solid #345a39; border-radius: 6px; padding: 8px 0; margin-top: 8px;}
.school-news .name{font-size: 16px;  line-height: 26px;  color: #1d589c; overflow: hidden;  display: block;  margin-bottom: 10px;}
.school-news .name:hover{color: #b51610; }
 
.school-news .intro{ font-size: 13px; line-height: 24px; color: #8d8d8d; display: block; height: 48px; overflow: hidden;}
.school-news .sp1{line-height: 30px; font-size: 22px; color: #1d589c;}
.school-news .sp2{line-height: 26px; font-size: 12px; color: #6d6d6d;}

@media (max-width: 1369px){
  .wp-menu .menu-item a.menu-link{padding: 0 10px;}
  
}

@media (max-width: 1200px){
  .main1 .mod{display: block; }
  .main1 .ml,.main1 .mr{width: 100%; margin-left: 0;}
  #news_list2 .item{width: calc(50% - 8px);margin-top: 16px;}
  .wp-menu .menu-item a.menu-link{padding: 0;}
}
@media (min-width: 1025px){
  .wp-menu .menu-item:hover .sub-menu{display: block;}
  .menu{display: none;}
}

@media (max-width: 1024px){
  body{padding-top: 60px;}
  #header{position: fixed; z-index: 999; top: 0%; left: 0;width: 100%; height: 60px;}
  #nav{position: fixed;top: 0%;display: none; background-color: #3062ab; left: 0;width: 100%; z-index: 980; padding-top: 125px; padding-bottom: 10px; box-shadow: 0px 0px 10px #aaa; max-height: 100vh; overflow-y: auto;}
  #nav.on{display: block;}
  #nav *{color: #fff;}
  .wp-menu{display: block;}
  .wp-search .search-input input.search-title{color: #fff;}
  .wp-menu .menu-item{display: block;}
  #nav a{display: block;}
  #banner .banner.inner{width: 100% !important;}
  #nav .wp-menu .menu-item a.menu-link{line-height: 40px; display: flex; align-items: center; justify-content: space-between; font-size: 16px;}
  .menu-switch-arrow{display: block;}
  .active.menu-link  .menu-switch-arrow{transform: rotate(0deg);}
  .sub-menu.active{display: block;}
  .menu{margin-right: -10px;}
  .sub-link::before{content: ''; width: 4px; height: 4px; display: inline-block; vertical-align: middle; border-radius: 50%; border: 1px solid #fff; margin-right: 4px;}
  .wp-search{background-image: none; background-color: transparent;}
  #banner{padding-bottom: 20px;}
  
  .header .sitelogo{height: 50px;}
  #header .inner{height: 60px;}
  #header.on .searchbox{position: fixed; left: 50%; transform: translateX(-50%); top: 80px; display: block; width:calc(92% - 38px); border: 1px solid #ddd;}
  .sub-menu {position: static; background-color: transparent; text-align: left; margin-left: 10px;}
  .sub-menu .sub-item a{font-size: 14px;}
  .searchbox{display: none;}
  
  .school-news{display: block;}
  .school-news .item{width: 100%; margin-right: 0; margin-bottom: 16px;}
  .main2-box{display: block;}
  .main2 .item-box{width: 100%; margin-bottom: 20px;}
  .main3 .item{width: 100%; line-height: 26px;}
  
}
@media (max-width:765px){
  .n_ba{margin-top: 0px !important;}
  .h-tit .tit{font-size: 16px !important;}
  .wp-menu .menu-item a.menu-link{padding: 0 19px;}
  .main3{display: block;}
  .main3 .ml{margin-right: 0;}
  .main3 .mr{width: 100%; justify-content: flex-start; margin-top: 16px;}
  #banner .banner.inner{height: 60vw;}
}

@media (max-width:569px){
  .wp-menu .menu-item a.menu-link{padding: 0 19px;}
  .h-tit{margin-bottom: 15px;}
  .main1 .h-tit{margin-bottom: 6px;}
  #news_list1 .item:nth-child(1), #news_list1 .item:nth-child(2){width: 100%; position: relative !important; margin-top: 10px;}
  #news_list1{flex-wrap: wrap;}
  #news_list1 .item:nth-child(3), #news_list1 .item:nth-child(4),#news_list2 .item{width: calc(50% - 5px); margin-top: 10px;}
  
  .main3 .mr{display: block; text-align: center;}
  .main3 .mr img{margin: 16px auto;}
  .main3.inner{padding-bottom: 16px;}
  .school-news .name{margin-bottom: 6px; line-height: 1.4; -webkit-line-clamp:1}
  .school-news .intro{line-height: 1.2;}
  .school-news .time{margin-right: 10px;}
}