.wrapper{
  background: url(./images/background.jpg) no-repeat center top;
}
.wrapper a{
  color: #000;
}
.w1200{
  width: 1200px;
  margin: 0 auto;
}
.topline {
  background-color: rgba(0, 0, 0, 0.4);
  box-shadow: 0px 5px 3px rgba(0, 0, 0, 0.4);
  padding: 5px 0;
}

.topline__left {
  float: left;
}

.topline__right {
  float: right;
}

.topline__right__list {
  padding-top: 10px;
}
.topline__right__list li {
  float: left;
  margin-left: 20px;
}
.topline__right__list li a {
  color: #eabc6f;
  font-size: 16px;
}

.logo {
  background: url(./images/nav.png) no-repeat center center;
  width: 744px;
  height: 42px;
}

.banner {
  padding-top: 25px;
  padding-bottom: 50px;
}
.banner__image{
  width: 947px;
  height: 328px;
  background: url(./images/banner.png) no-repeat;
  margin: 0 auto;
}
.row1{
  width: 1260px;
  background: url(./images/top.png) no-repeat;
  margin: 0 auto;
  padding-top: 18px;
}
.content{
  height: 417px;
  background-color: #ffffff;
  border-radius: 10px;
  padding: 40px 30px;
  box-shadow: 0px 3px 5px rgba(119, 37, 32, 0.2);
  box-sizing: border-box;
}
#swiper1{
  width: 600px;
  height: 338px;
  float: left;
}
#swiper1 a{
  display: block;
  width: 600px;
  height: 338px;
  position: relative;
}
#swiper1 a span{
  position: absolute;
  left: 11px;
  right: 76px;
  bottom: 5px;
  z-index: 2;
  font-size: 18px;
  color: #ffffff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#swiper1 a:after {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  bottom: 0;
  content: "";
  height: 70px;
  left: 0;
  position: absolute;
  width: 100%;
}
#pagination1{
  width: auto;
  left: auto;
  right: 13px;
  bottom: 4px;
}
#pagination1 .swiper-pagination-bullet{
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background-color: #ffffff;
  margin: 0 5px;
  opacity: 1;
}
#pagination1 .swiper-pagination-bullet-active{
  background-color: #fecf6e;
}
.row1__news {
  width: 578px;
    padding-left: 22px;
    float: left;
}

.news__first {
  border-bottom: 1px solid #e3e3e3;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.news__first:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.news__first h2 {
  height: 64px;
  overflow: hidden;
}
.news__first h2 a {
  display: block;
  font-size: 22px;
  line-height: 32px;
  font-weight: bolder;
  padding-left: 17px;
  background: url(./images/dot.png) no-repeat left 12px;
}
.news__first h2 a:hover {
  background: url(./images/dot_red.png) no-repeat left 12px;
}
.news__first .news__first__des {
  padding-left: 17px;
  padding-top: 14px;
  color: rgba(0, 0, 0, 0.6);
  font-size: 14px;
  line-height: 26px;
  height: 52px;
  overflow: hidden;
}

.row1__news__list ul li {
  white-space: nowrap;
  overflow: hidden;
  padding-top: 10px;
}
.row1__news__list ul li a {
  font-size: 18px;
  padding-left: 17px;
  background: url(./images/dot.png) no-repeat left center;
}
.row1__news__list ul li a:hover {
  background: url(./images/dot_red.png) no-repeat left center;
}
.news__first h2 a:hover {
  background: url(./images/dot_red.png) no-repeat left 12px;
}
a:hover {
  text-decoration: none;
  color: #a01727;
}
.row1__news__list p,.row1__news__list p a{
  font-size: 16px;
  color: #a01727;
  font-weight: 500;
}
.row1__news__list p{
  margin-top: 20px;
}
.w380{
  width: 380px;
  float: left;
}
.title{
  width: 365px;
  margin: 0 auto;
}
.pic{
  display: block;
  width: 380px;
  height: 214px;
  position: relative;
  margin-top: 10px;
}
.pic span{
  position: absolute;
  left: 10px;
  bottom: 5px;
  z-index: 2;
  font-size: 16px;
  color: #ffffff;
}
.pic:after {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  bottom: 0;
  content: "";
  height: 45px;
  left: 0;
  position: absolute;
  width: 100%;
}
.row2{
  width: 1200px;
  margin: 50px auto 0;
}
.f16 a{
  font-size: 16px;
}
.f16{
  margin-top: 15px;
  margin-bottom: 28px;
}
.ml30{
  margin-left: 30px;
}
.kuang{
  height: 672px;
  border: 1px solid #c87c71;
  border-radius: 10px;
  margin-top: 10px;
  box-sizing: border-box;
  padding-top: 17px;
  box-sizing: border-box;
}
.row2 .list{
  width: 350px;
  margin: 0 auto;
}
.row2 .list a.img{
  display: block;
  width: 350px;
  height: 197px;
  position: relative;
  margin: 0 auto;
}
.row2 .list a.img:after{
  content: '';
  width: 47px;
  height: 47px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -23px;
  margin-left: -23px;
  z-index: 2;
  background: url(./images/play.png) no-repeat;
}
.row2 .list .name{
  width: 350px;
  margin: 12px auto 0;
}
.row2 .list .name a{
  font-size: 16px;
}
.row2 .list .intro{
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
}
.row2 .list{
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.row2 .list:last-child{
  border: none;
}
.row3{
  margin: 50px auto 0;
}
.title2{
  width: 1200px;
  height: 45px;
  background: url(./images/title6.png) no-repeat;
  padding-top: 11px;
  margin: 0 auto;
}
.title2 a{
  float: right;
  margin-right: 24px;
}
.row4 .title2{
  width: 1200px;
  height: 45px;
  background: url(./images/title7.png) no-repeat;
  padding-top: 11px;
  margin: 50px auto;
}
.title2 a{
  float: right;
  margin-right: 24px;
}
.swiper2{
  width: 1230px;
  height: 175px;
  position: relative;
  margin: 25px auto 0;
}
#left2{
  background: url(./images/left.png) no-repeat;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 55px;
  left: -30px;
  z-index: 2;
  cursor: pointer;
}
#right2{
  background: url(./images/right.png) no-repeat;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 55px;
  right: -30px;
  z-index: 2;
  cursor: pointer;
}
.top{
  width: 220px;
  height: 122px;
  box-sizing: border-box;
  margin: 0 auto;
}
.bot{
  width: 220px;
  background: url(./images/name.png) no-repeat;
  height: 43px;

  line-height: 43px;
  text-align: center;
  margin: 0 auto;
}
.bot a{
  font-size: 14px;
  color: #ffffff;
}
.swiper3{
  height: 205px;
  position: relative;
  margin: 25px auto 0;
  width: 1250px;
}
#left3{
  background: url(./images/left2.png) no-repeat;
  width: 40px;
  height: 50px;
  position: absolute;
  top: 77px;
  left: 26px;
  z-index: 2;
  cursor: pointer;
}
#right3{
  background: url(./images/right2.png) no-repeat;
  width: 40px;
  height: 50px;
  position: absolute;
  top: 77px;
  right: 26px;
  z-index: 2;
  cursor: pointer;
}
.imgs{
  display: block;
  width: 364px;
  height: 205px;
  position: relative;
  margin: 0 auto;
}
.imgs span{
  position: absolute;
  left: 10px;
  bottom: 5px;
  z-index: 2;
  font-size: 16px;
  color: #ffffff;
}
.imgs:after {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  bottom: 0;
  content: "";
  height: 45px;
  left: 0;
  position: absolute;
  width: 100%;
}
#footer0820{
  margin-top: 70px;
}