/* CSS Document */
.toppic {
  width: 100%;
}
.my-contaner{
background-color: #eff1f4;padding: 36px 0;
}

@media (max-width:768px)
{

.footer a{
word-break: break-all;
}
.banner-bg
{
 width:100%;
}
  .toplogo {
    width: 100%;
  }
#searchbox{
display:none;
}
}

.mulu {
list-style:none;
display: -webkit-flex; /* Safari */
display:flex;

}

.mulu li{
 

}
.mulu .active{
font-weight:bold;
}
	

@media (min-width: 1200px) {
.toplogo {
  width: 600px;

}
.mulu {
  list-style: none;
  margin: 0;
  padding: 0;
  height: 50px;
  border-bottom: 1px solid #ccc;
}

.mulu li>a{
  font-size: 1em;
  color: #333;
}
.mulu li>a:hover{
  font-size: 1em;
  color: orangered;
  
}
.mulu li{
  float: left;
  border-right: 1px solid #ccc;
  padding: 0.2em 2em;
 
  font-size: 1.2em;
  color: #333;
}
.mulu li.active {
  font-weight: bold;
}
.mulu li:first-child {
  padding-left:0;
}
.mulu li:last-child {
  border-right: 0;
}
.mulu li:last-child::after {
  content: "";
  clear: both;
}


  .toppic {
    max-width: 1330px;
  }
  .container-fluid {}
  .container {
    max-width: 1330px;
  }
.fixed-container{
	width:1330px;
}
}

.head {
  background: #F0CCED;
  height: 100px;
}
nav {
  background-color: #B30000;
  color: #ffffff;
  padding: 0;
  margin: 0;
  background: #002069;
  display: flex;
}
nav a {
  color: #fff;
  text-decoration: none;
}
nav a:hover {
  color: #fff;
}
.header {
  min-height: 182px;
  background-color: #f7c100;
}
.card {
  border-radius: 0.5rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  margin-bottom: 2rem;
}
.card-title {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 1rem;
}
.card-text {
  color: #6c757d;
  margin-bottom: 1.5rem;
}
/* 自定义按钮悬停效果 */
.btn-hover {
  transition: all 0.3s ease;
}
.btn-hover:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}
/* 调整网格间距 */
.grid-container {
  margin: 0 -0.75rem; /* -12px，与Bootstrap的gutter保持一致 */
}
.grid-item {
  padding: 0 0.75rem; /* 12px，与Bootstrap的gutter保持一致 */
  margin-bottom: 1.5rem; /* 24px */
}
/* 自定义颜色按钮 */
.btn-purple {
  background-color: #8b5cf6;
  border-color: #8b5cf6;
  color: white;
}
.btn-purple:hover {
  background-color: #7c3aed;
  border-color: #7c3aed;
  color: white;
}
.btn-indigo {
  background-color: #6366f1;
  border-color: #6366f1;
  color: white;
}
.btn-indigo:hover {
  background-color: #4f46e5;
  border-color: #4f46e5;
  color: white;
}
.edosbtn {
  height: 60px;
}
#searchbox {
  position: absolute;
  right: 0;
  top: 100px;
  background: #fff;
  padding: 0.5em;
}
.textbox {
  font-size: 14px;
}
.textbox div {
  display: inline;
  border: 1px solid #fff;
  padding-left: 5px;
  padding: 5px;
}
.textbox input {
  border: 0;
  outline: none;
  font-size: inherit;
  background: #fff;
}
.textbox .select {
  position: relative;
  padding-right: 30px;
  background: url(../images/xiala21.png) no-repeat right center;
  cursor: pointer;
  border-right: 0;
  margin-right: -4px;
}
.textbox .select:hover {
  background: url(../images/xiala2.png) no-repeat right center;
}
.select .selectlist {
  position: absolute;
  background: #fff;
  min-width: 100px;
  list-style: none;
  padding: 0;
  margin: 0;
  position: absolute;
  left: -8px;
  top: 33px;
  z-index: 2;
  display: none;
}
.select .selectlist li {
  padding: 0.5em 1em;
}
.select .selectlist li:hover {
  color: Red;
}
.textbox .searchbtn {
  padding: 12px;
  background: url(../images/search.png) no-repeat center center;
}
.col-8ths {}
.col-8ths .grid-item {
  padding: 0.5rem 2rem;
  text-align: center;
  margin-bottom: 0;
  transition: all 0.5s ease;
}
.col-8ths .grid-item:hover {
  background-color: orangered;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}
/* 变体7：垂直居中 */
.text-with-lines-vertical {
  display: flex;
  align-items: center;
  margin: 20px 0;
}
.text-with-lines-vertical::before, .text-with-lines-vertical::after {
  content: "";
  flex: 1;
  height: 1px;
  background-color: #AE0000;
}
.text-with-lines-vertical span {
  margin: 0 20px;
  padding: 5px 15px;
  background-color: #F6F6F6;
  border-radius: 4px;
  font-size: 1.5em;
  color: #AE0000;
}
.list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.list li {
  display: table;
  padding: 1em;
}
.list li:before {
  content: "";
  display: table;
}
.list li:after {
  content: "";
  display: table;
}
.list > li > a > .line {
  width: 1px;
  height: 12px;
	 margin-left: 15px;
  margin-right: 15px;
  display: inline-block;
  background-color: #eb653e;
}
a {
  font-size: 16px;
  color: #333333;
}
a:hover {
  text-decoration: none;
}
.contactus dl {
  color: #333;
  font-size: 14px;
  display: table-row;
  line-height: 2em;
}
.contactus dt {
  font-weight: bold;
  display: table-cell;
  text-align: right;
}
.contactus dd {
  display: table-cell;
  padding-left: 5px;
}
.title {
  display: flex;
  align-items: center;
  font-size: 20px;
  font-weight: bold;
}
.title .line {
  width: 5px;
  height: 1em;
  
  margin-right: 15px;
  display: inline-block;
  background-color: #eb653e;
}
.juanname {
  display: block;
  line-height: 36px;
}
.me-2 {
  margin-right: 15px;
}

.newsli {
  margin-top: 1em;
  width: 100%;
  border-radius: 0.25rem 0.25rem 0 0;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.08);
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 2px solid #8DC1FF;
}
.newsli:hover {
  border-bottom-color: rgba(255, 95, 0, 1.00);
}
.newsli > .date {
  float: left;
  width: 70px;
  height: 41px;
  border-right: 1px solid #dcdcdc;
}
.newsli > .date > .moth {
  text-align: center;
  font-weight: 700;
  font-size: 26px;
  color: #004ea2;
  line-height: 100%;
  font-family: 'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Verdana, Arial, Helvetica, SimHei, sans-serif;
}
.newsli > .date > .year {
  font-size: 0.825rem;
  color: #aaa;
  text-align: center;
}
.newsli > .tit {
  padding-left: 15px;
  flex-fluid: 1;
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}


.search-result
{
padding-top:10px; padding-bottom:10px; border-bottom:1px dotted #ccc;
}
.search-result:hover
{
  background:#f0f0f0;
  
}
.search-result-title a
{
 font-weight:bold;
}
.footer {
  background: #2b4590;
  color: #fff;
  padding: 2em 0;
  line-height: 2em;
}
.footer a {
  color: #fff;
}
.footer a:hover {
  color: orangered;
}
.copyright {
  background-color: #002069;
  padding: 0.5em;
  text-align: center;
  color: #fff;
}
.ebook img {
    width: 100%;
    margin: 0;
    padding: 0;
}
	 .swiper-pagination-bullet-ebook {
      width: 80px;
      height: 3px;
      text-align: center;
      line-height: 20px;
      font-size: 12px;
      color: #000;
      opacity: 1;
	  border-radius: 0;
      background: rgba(0, 0, 0, 0.1);
    }

    .swiper-pagination-bullet-active-ebook {
      color: #fff;
      background: #008EF5;
    }