@charset "UTF-8";
/* common */
ul,li{
  list-style-type: none;
  padding-left: 0;
}
p{
  line-height: 1.7;
  margin-bottom: 10px;
}
a{
  text-decoration: none;
  color: #333;
}
a:hover{
  color: #23af68;
}
.header {
  padding: 10px 0;
}
.header .logo {
  display: flex;
  align-items: center;
}
.header .logo .title {
  font-size: 28px;
  color: #23af68;
  font-weight: bold;
}
.header .logo-img {
  width: 90px;
  margin-right: 2px;
}
.header .logo-img img {
  width: 100%;
}
.header .nav{
  align-items: center;
}
.header .nav a {
  display: inline-block;
  padding: 20px;
  text-decoration: none;
  color: #333;
  font-size: 18px;
  
}
.header .nav a:hover {
  color: #23af68;
}
.header .nav a.active {
  color: #23af68;
}

.recommend .swiper {
  width: 100%;
}
.recommend .swiper img {
  width: 100%;
}

.swiper {
  --swiper-theme-color: #ff6600; /* 设置Swiper风格 */
  --swiper-navigation-color: rgba(255,255,255,.5); /* 单独设置按钮颜色 */
  --swiper-navigation-size: 30px; /* 设置按钮大小 */
}

.swiper-pagination-bullet-active {
  background-color: #23af68;
}
.m-t-30{
  margin-top: 30px;
}

/*# sourceMappingURL=fmain.css.map */
.headlines{
  font-size: 18px;
  padding-bottom: 6px;
  border-bottom: 2px solid #23af68;
}
.content-list a{
  font-size: 16px;
  display: block;
  padding: 10px 0;
  border-bottom: 1px solid rgb(233, 231, 231);
}
.area-title{
  text-align: center;
  font-size: 20px;
  padding: 40px 0 30px;
  color: #23af68;
  font-weight: bold;
}
.area-content .row a{
  display: inline-block;
  width: 100%;
  padding: 8px 0;
  border-bottom: 1px solid rgb(233, 231, 231);
}
.area .more{
  margin-top: 20px;
  text-align: center;
}


.footer{
  background-color: #333;
  padding: 30px 0;
  color: #fff;
}
.footer .logo-white{
  display: inline-block;
  width: 120px;
  margin-right: 20px;
  vertical-align: middle;
}
.footer .logo-white img{
  width: 100%;
}
.footer .slogan{
  display: inline-block;
  line-height: 1.5;
  vertical-align: middle;
}

/* catalog */
.catalog-title{
  width: 100%;
  height: 200px;
  background: url('/static/images/calalog-bg.jpg') no-repeat 60% 0%;
  position: relative;
  margin-bottom: 20px;
}
.catalog-title::before{
  width: 100%;
  height: 200px;
  display: block;
  z-index: 100;
  content: '';
  background-color: rgba(0,0,0, .25);
}
.catalog-title .container{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pic img{
  width: 100%;
}
.content-list-item a{
  padding: 20px 0;
}
.content-list-item a:hover{
  color: #333;
}
.content-list-item h2{
  font-size: 19px;
}
.content-list-item .des{
  color: rgb(104, 104, 104);
}
.content-list-item a:hover h2{
  color: #23af68;
}
.content-detail h1{
  text-align: center;
  font-size: 22px;
  margin: 20px;
}
.content-attr{
  text-align: center;
}
.content-attr span{
  display: inline-block;
  margin: 0 10px;
  color: #999;
  font-size: 15px;
}
.content-main{
  padding: 20px;
}
.position{
  background-color: #f2f3f4;
  color: #777676;
  padding: 20px 0;
}
.position a{
  color: #777676;
  padding: 0 10px;
}
.main-section{
  background-color: #f2f3f4;
  padding-bottom: 20px;
}
.mar-top{
  margin-top: 20px;
}
.content-main h3{
  font-size: 20px;
  font-weight: bold;
}
.content-detail{
  overflow: hidden;
  background-color: #fff;
}
.content-detail h1{
  margin-top: 30px;
}
.content-main img{
  width: 100%;
  max-width: 750px;
  margin: 10px 0;
}
.content-main table{
  width: 90%;  
  margin: 0 auto;
}
.content-main table td{
  border: 1px solid #ddd;
  text-align: center;
  padding: 5px;
}
.content-side{
  background-color: #fff;
  padding: 20px;
}
/* 分页 */
.pagebreak{
  text-align: center;
  width: 100%;
  margin: 30px 0;
}
.pagebreak ul{
  display: inline-block;
}
.pagebreak ul li{
  display: inline-block;
  border-bottom: none;
  font-size: 16px;
  border: 1px solid #e0e0e2;
  margin: 0 3px;
  border-radius: 5px;
}
.pagebreak ul li span{
  display: inline-block;
  padding: 3px 10px;
}
.pagebreak ul li a{
  padding: 3px 10px;
  display: block;
}
.pagebreak ul li a, .pagebreak ul li span{
  font-size: 16px;
}
.pagebreak ul li.active{
  color: #3c963c;
}