@charset "utf-8";
/* CSS xipudian.com */

/* 悼念时刻·网站变灰色
html{-webkit-filter: grayscale(100%);} */ 

html {
  height: 100%;
  font-size: 62.5%;
  -webkit-font-smoothing: antialiased;
}
body, header, canvas, footer, nav, article, audio, video, section, div, h1, h2, h3, h4, h5, ul, ol, li, img, p, form, input, textarea, select, label, table, dl, dt, dd {
  margin: 0;
  padding: 0;
}
body {
  font-family: -apple-system, "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
  font-size: 1.4rem;
  color: #111;
  min-width: 320px;
  letter-spacing: 0.6px;
  background: #d7e1dc;
}
em, i {
  font-style: normal;
}
li {
  list-style: none;
}
a {
  text-decoration: none;
  color: #111;
  font-size: 120%;
}
input, textarea, select {
  border: none;
  outline: none;
  /*-webkit-appearance: none;*/
  border-radius: 0;
}
video, img, canvas {
  width: 100%;
  height: 100%;
  max-width: 100%;
  border: none;
  outline: none;
}
::-webkit-input-placeholder {
  color: #aaa;
  font-size: 1.4rem;
}
table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  text-align: left;
  font-size: 14px;
  border: solid 1px #eee;
}
td, th {
  padding: 8px;
  line-height: 20px;
  border: solid 1px #eee;
  overflow: hidden
}
.baise {
  background: #fff;
}
.mbsflex {
  display: -webkit-box;
  display: -moz-flex;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  flex-wrap: wrap;
}
.duiqi {
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}
.pingz {
  -webkit-justify-content: center;
  justify-content: center;
}
.zhong {
  -moz-align-items: center;
  -webkit-align-items: center;
  align-items: center;
}
.kuandu {
  max-width: 1200px;
  margin: 0 auto;
  overflow: hidden
}
.navbox {
  max-width: 1230px;
  margin: 0 auto;
}
.toubu {
  padding: 5px;
}
.mblogo {
  /* flex: 2; */
  width: 350px;
}
.mblogo img {
  /* max-width: 210px; */
}
.mbnav {
  flex: 7;
  margin: 1% 3%;
  line-height: 35px;
}
.mbnav li {
  text-align: center;
  flex: 1;
  position: relative;
  white-space: nowrap
}
.mbnav li div {
  position: absolute;
  left: 0;
  top: 35px;
  width: 100%;
  background: #333;
  padding: 5px 0;
  color: #333;
  font-size: 1.4rem;
  -webkit-animation: wapnav 1s;
  animation: wapnav 1s;
  display: none;
  z-index: 99999999999
}
.mbnav li a {
  padding: 3px 5px;
  margin: 0 1px;
  font-size: 2rem;
  border-radius: 4px;
}
.mbnav li:hover div {
  display: block
}
.mbssuo {
  flex: 2;
  position: relative;
}
.caidan {
  flex: 0.5;
  text-align: right;
  cursor: pointer
}
.caidan img {
  width: 30px;
}
.mbssuo input::-webkit-input-placeholder {
  color: #777;
}
.mbssuo .ktxt {
  background: #eee;
  width: 100%;
  flex: 1;
  padding-left: 2%;
  border-radius: 10px;
  color: #777;
  display: block;
  line-height: 30px;
  height: 30px;
  float: right;
}
.mbssuo .kbtn {
  color: #eee;
  position: absolute;
  top: 0;
  right: 0;
  width: 36px;
  text-align: center;
  border-radius: 50px;
  font-size: 1.6rem;
  cursor: pointer;
  display: block;
  height: 30px;
  background: url(../img/ss.svg) no-repeat center;
}
.wapnav {
  position: relative;
  max-width: 1230px;
  margin: 0 auto;
  z-index: 999999999999999999
}
.wapnav div {
  position: absolute;
  width: 100%;
  top: 0px;
  right: 0;
  padding: 12px;
  max-width: 200px;
  z-index: 999999999999999999;
  background: #333;
  -webkit-animation: wapnav 1s;
  animation: wapnav 1s;
  display: none
}
.wapnav li {
  line-height: 30px;
  border-bottom: dashed 1px #eee
}
.wapnav li a {
  color: #fff;
  font-size: 1.4rem;
}
.wapnav li section {
  padding-left: 10px;
}
.wapnav li div a {
  font-size: 1.3rem;
}
.pcnav {
  padding: 5px;
  display: none
}
.pcnav li {
  width: 20%;
  text-align: center;
  line-height: 40px;
  height: 40px;
  overflow: hidden;
}
@media(max-width:1030px) {
  .mbnav li {
    width: 12.5%;
  }
}
@media(max-width:960px) {
  .mbnav li {
    width: 14.25%;
  }
}
@media(max-width:860px) {
  .mbnav li {
    width: 16.66%;
  }
}
@media(max-width:750px) {
  .mbnav li {
    width: 20%;
  }
}
@media(max-width:750px) {
  .dingbu, .mbnav {
    display: none
  }
  .mblogo, .caidan {
    flex: none;
  }
  .mblogo img {
   
  }
  .mbssuo {
    flex: 1;
    margin: 0 12px;
    position: relative;
  }
  .pcnav {
    display: block
  }
}
@keyframes wapnav {
  0% {
    transform-origin: top;
    transform: scale(1, 0);
  }
  100% {
    transform-origin: top;
    transform: scale(1, 1);
  }
}
@-webkit-keyframes wapnav {
  0% {
    transform-origin: top;
    transform: scale(1, 0)
  }
  100% {
    transform-origin: top;
    transform: scale(1, 1);
  }
}
.footbu {
  background: #3e7d5b;
  padding: 30px 0 30px 0;
  color: #eee;
  text-align: center;
  float: left;
  width: 100%;
}
.footbu .kuandu{
	line-height: 25px;
}
.footbu .kuandu span{
	line-height: 40px;
}
.footbu .kuandu a{
	color: #fff;
	padding: 10px;
}

/* 
.footbu ul {
  padding-bottom: 18px;
}
.footbu li {
  width: 23%;
  margin: 1%;
  overflow: hidden;
}
.footbu li img {
  width: 80%;
  max-width: 120px;
}
.footbu li p {
  padding: 5px;
} */
.listpage {
  padding: 12px;
  text-align: center
}
.listpage a {
  padding: 5px 10px;
  background: #444;
  color: #fff;
  margin: 0 5px;
}
.weizhi {
  line-height: 30px;
  height: 30px;
  overflow: hidden;
  color: #555
}
.weizhi a {
  color: #555
}
.weizhi p {
  padding: 0px 10px;
}
.lmnav{
background:#eee
}
.lmnav ul{
padding: 10px;
max-width: 750px;
margin: 0 auto;

}
.lmnav li{
margin: 0 6px;
line-height: 32px;
height: 32px;
overflow: hidden;
font-size: 1.6rem;
}
.lmnav .cur a{
color: #A61618
}

/* @media(max-width:750px) {
  .footbu li {
    width: 48%;
  }
} */

/* 电脑端首页文章列表样式 
@media(max-width:750px) {
  .pc_list, .pc, .footbu img {
    display: none;
   }
}
*/
.pc{
	width: 80%;
	margin: auto;
}	
.pc_list, .pc_list_wap{
	/* padding: 20px 0px; */
	width: 100%;
	box-shadow: 0 0 2px #AAAAAA;
	margin-top: 20px;
	float: left;
	padding: 10px 0px;
}
.pc_list a{
	line-height: 30px;
	font-size: 18px;
}
.pc_list_ul1, .pc_list_ul2, .pc_list_ul3{
	width: 32%;
	float: left;
}
.pc_list_ul3{
	float: right;
}

.pc_list_ul2{
	margin-left: 1.9%;
	margin-right: 1.5%;
	border: 1px solid #e5e5e5;
	border-top-style:none;
	border-bottom-style:none;
}

/* 手机端首页文章列表样式 */
@media(max-width:750px) {
  .pc_list, .pc, .footbu img, .pc_list_ul1, .pc_list_ul2, .pc_list_ul3 {
   width: 100%;
   }
   .footbu li img, .pc_list {
	   display: none;
   }
}