@charset "UTF-8";

.index-slider-box { position: relative; width:100%; min-width: 1175px;overflow: hidden; background: #000;}
.index-slider-box .img{ position: relative;}
.index-slider-box .img>img{display: block; width: 100%; opacity: 0.5; filter: Alpha(0.5);}
.index-slider-box .banner-box{position: absolute;top: 33.088235294117646%;left:50%; width:450px; margin-left: -587px;padding-left: 12px;color: #fff;font-weight: bold;}
.index-slider-box .gm-logo{display: block; width: 103px; height: 101px; margin-bottom: 8px; border-radius: 12px; transform: translate(200px); transition: transform 1s 0s, opacity 1s 0s; opacity: 0;}
.banner-box h3{font-size: 38px;font-weight: bold;transition: transform 1s 0.2s, opacity 1s 0.2s; transform: translate(200px); opacity: 0;}
.banner-box p{padding-top: 10px;padding-bottom: 16px; font-size: 20px;transition: transform 1s 0.3s, opacity 1s 0.3s; transform: translate(200px); opacity: 0;}
.banner-box .more{display: block; width: 224px;height: 49px;background-color: #f23939;border-radius: 25px;line-height: 49px;color:#fff; text-align: center;font-size: 20px;transition: transform 1s 0.4s, opacity 1s 0.4s; transform: translate(200px); opacity: 0;}
.index-slider-box .active .gm-logo,
.index-slider-box .active .banner-box h3,
.index-slider-box .active .banner-box p,
.index-slider-box .active .banner-box .more{
  transform: translate(0); opacity: 1;
}

.index-slider-box .slidesjs-pagination {position: absolute; bottom: 44px; left: 0; z-index: 100; width: 100%;text-align: center;}
.index-slider-box .slidesjs-pagination li {display: inline-block;}
.index-slider-box .slidesjs-pagination li a {display: block; width: 51px; height: 9px; margin: 0 2px; background: #edf4f8; text-indent: -999px; overflow: hidden; border-radius: 4px; }
.index-slider-box .slidesjs-pagination .active { background: #f23939;}

.content{
  position: relative;
  overflow: hidden;
}
.content::before{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: url(./index_bg_left.jpg) no-repeat;
  content:'';
  width: 276px;
  height: 784px;
}
.content::after{
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  background: url(./index_bg_right.jpg) no-repeat;
  content:'';
  width: 231px;
  height: 784px;
}

.focal-tit{
  padding-top: 60px;
  padding-bottom: 28px;
  font-size: 30px;
  font-weight: bold;
  color: #000;
}
.focal-tit .i-dot{
  float: left;
  width: 9px;
  height: 30px;
  margin-top: 10px;
  margin-right: 12px;
  background-color: #da2626;
  border-radius: 3px;
  color: #212121;
}
.focal-tit span{
  color: #f23939;
}
.focal-tit span:last-child{
  margin-left: 12px;
  color: #d9d9d9;
}
.index-gm-list,
.mod-news-list{
  position: relative;
  z-index: 2;
}
.index-gm-list .btn-prev i,
.index-gm-list .btn-next i,
.more i{
  background: url(./icon.png) no-repeat;
 }
.index-gm-list .inner{width: 1175px; margin: 0 auto;}
.index-gm-list .gm-list-box{position: relative;font-weight: bold;}
.index-gm-list .btn-prev,
.index-gm-list .btn-next{ position: absolute; top:70px;width: 60px; height: 111px;border-radius: 30px; background-color: #fff;}
.index-gm-list .btn-prev i,
.index-gm-list .btn-next i{
  display: block;
  width: 31px;
  height: 58px;
  margin-left: 14px;
  margin-top: 27px;
}
.index-gm-list .btn-prev:hover,
.index-gm-list .btn-next:hover{
  background-color: #ccc;
}
.index-gm-list .btn-prev{ left: -99px;}
.index-gm-list .btn-next{ right: -92px;}
.index-gm-list .btn-prev i{ background-position: 0 0; }
.index-gm-list .btn-next i{ background-position: -35px 0; }
.index-gm-list .slide-window{ position: relative; height: 257px; overflow: hidden;}
.index-gm-list .gm-list{ position: relative; margin-left: -25px; overflow: hidden; zoom: 1;}
.index-gm-list .gm-list li{ position: relative; float:left; width: 215px;height: 257px; margin-left: 25px;background-color: #fff;border-radius: 12px;}
.index-gm-list .gm-img{width: 215px;height: 191px;overflow: hidden;border-top-left-radius: 12px; border-top-right-radius: 12px;}
.index-gm-list .gm-img img{width:100%; transition: transform 0.4s;}
.index-gm-list a:hover .gm-img img{transform: scale(1.4);}
.index-gm-list .gm-name,
.index-gm-list .gm-desc{
  text-overflow: ellipsis;white-space: nowrap;overflow: hidden;
}
.index-gm-list .gm-name{width:170px; margin-top: 5px; padding-left: 15px; color: #000; font-size: 20px;}
.index-gm-list .gm-desc{padding-left: 15px; color: #b0b0b0; font-size: 16px;}
.index-gm-list .more{position: absolute; bottom: 33px;right: 15px;z-index: 2; width: 22px;height: 22px;background-color: #e5e5e5;border-radius: 50%; color: #fff;line-height: 22px;text-align: center;}
.index-gm-list .more i{display: block; width: 6px;height: 12px; margin-left: 9px; margin-top: 5px; background-position: -86px 0;}
.index-gm-list a:hover .more{background-color: #f23939;}

.mod-news-list{
  position: relative;
}
.mod-news-list .more{
  position: absolute;
  top: 70px;
  right: 18px;
  width: 120px;
  height: 26px;
  border: 1px solid #aaa;
  border-radius: 13px;
  text-align: center;
  line-height: 26px;
  color: #aaa;
}
.mod-news-list .more i{
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 5px;
  background-position: -69px -14px;
  vertical-align: -1px;
}
.mod-news-list .more:hover i{
  background-position: -69px 0;
}
.mod-news-list .more:hover{
  background-color: #2f94f8;
  border: 1px solid #2f94f8;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
}
.mod-news-list .news{
  height: 245px;
}
.news-list{
  margin-left: -30px;
}
.news-list li{
  position: relative;
  float: left;
  width: 271px;
  height: 193px;
  margin-left: 30px;
  border-radius: 12px;
}
.news-list li .img{
  width: 271px;
  height: 193px;
  border-radius: 12px;
  background-color: #ccc;
  overflow: hidden;
}
.news-list .txt{
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  width: 100%;
  height: 57px;
  padding-left: 12px;
  padding-right: 12px;
  color: #fff;
  box-sizing: border-box;
}
.news-list .title{
  font-size: 16px;
  font-weight: bold;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.news-list .date{
  font-size: 14px;
  text-align: right;
}
.news-list .btn-more{
  opacity: 0;
  position: absolute;
  left: 86px;
  bottom: -25px;
  z-index: 2;
  width: 93px;
  height: 29px;
  background-color: #2f94f8;
  border-radius: 14px;
  color: #fff;
  line-height: 29px;
  text-align: center;
  transition: opacity 0.2s linear, bottom 0.2s linear;
}
.news-list a:hover .btn-more{
  opacity: 1;
  bottom: -17px;
}

.mod-news-list .news-content{
  font-size: 14px;
  line-height: 24px;
  text-indent: 2em;
}

@media screen and (max-width: 1366px){
  .index-slider-box .banner-box{
    top: 25%;
  }
}