@charset "utf-8";
/* CSS Document */
.swiper-title{background: #678e00;color:#fff;font-size: 18px;}
.swiper-title ul li{float: left;width: 25%;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.swiper-title a{display: block;height: 40px;line-height: 40px;color:#fff;}
.focus .swiper-container,
.focus .swiper-slide {
  width: 100%;
  height: 100%;
  position: relative;
}

.focus .swiper-wrapper img {
  width: 100%;
  height: auto;
  display: block;
}
.focus .swiper-wrapper .swiper-mask img {
  width: auto;
  height: auto;
  margin: 0 auto;
}

.focus .swiper-container h2,
.focus .swiper-slide h2 {
  position: absolute;
  left: 0;
  bottom: 0;
  color: #ffffff;
  font-size: 16px;
  width: 94%;
  line-height: 36px;
  padding-left: 3%;
  padding-right: 3%;
  text-align: left;
  background: rgba(0, 0, 0, 0.5);
}

.focus .swiper-container a,
.focus .swiper-slide a {
  color: #ffffff;
}

.focus .swiper-pagination {
  width: auto;
  left:auto;
  right: 0;
  bottom: 6px;
  text-align: right;
}

.focus .swiper-pagination-bullet {
  background: none;
  border: 1px solid #89c063;
  opacity: 1;
}

.focus .swiper-pagination-bullet-active {
  background: #89c063;
}
/*nav*/
.silkroad-nav {
width: 100%;
height: 75px;
background:#3c4f62;
}
.silkroad-nav ul {
display: inline-block;
}
.silkroad-nav-center {
width: 100%;
height: 75px;
overflow: hidden;
margin: 0 auto;
text-align:center;}
.silkroad-nav ul li,
.silkroad-nav ul li a {
color: #fff;
line-height: 70px;
height: 75px;
font-size: 24px;
width: 160px;
float: left;
text-align: center;
font-family:"微软雅黑";
}
.silkroad-nav ul li:hover { background:#89c063;}
.silkroad-nav ul li a:hover {color: #fff;}
.silkroad-nav ul .home,.silkroad-nav ul .home a {line-height: 84px;height: 84px;margin-left: 25px;}
.silkroad-headNews {width: 100%;height: 135px;background: #fff;}
.swiper-mask{position: absolute;top:15px;left: 0;width:100%;height: 36px; font:400 24px/36px "微软雅黑";z-index: 999;text-align: center;color:#fff;}
@media only screen and (max-width:800px) {
.swiper-title{background: #678e00;color:#fff;font-size: 16px;}
.swiper-title ul li{float: none;width: auto;border-bottom: 1px solid #fff;}
.focus .swiper-container h2,.focus .swiper-slide h2 {font-size: 14px;}
.silkroad-nav {height: 64px;}
.silkroad-nav-center {padding-top:4px;height: auto;}
.silkroad-nav ul li,.silkroad-nav ul li a {line-height: 28px;height: 28px;font-size: 16px;width: 33vw;}
.swiper-mask img{max-width: 100%;}
}