@charset "UTF-8";
/**

* name: index.css

* author: lyf

* addTime: 2018.12.07

* editTime:

* description: 首页样式

*

***/
/********************************

****** name: g-bd

*********************************/
.g-bd {
  width: 100%;
}

/********g-hd end***************/
/********************************

****** name: g-banner

*********************************/
.g-banner {
  margin-top: 1px;
  height: 580px;
}

.swiper-container {
  width: 1200px;
  margin: 0 auto;
  height: 580px;
}

.swiper-slide {
  font-size: 20px;
  color: #fff;
  background: #4390ee;
}

.swiper-slide > a {
  display: block;
  width: 100%;
  height: 100%;
}

.ban-cont {
  position: absolute;
  right: 74px;
  bottom: 135px;
  width: 420px;
  padding: 25px 30px;
  padding-bottom: 50px;
  background: url(../image/index/banbg.png) repeat left top;
  border-radius: 5px;
}

.ban-cont .ban-font {
  color: #fff;
  font-size: 20px;
  line-height: 36px;
}

.ban-cont .ban-link {
  display: block;
  width: 120px;
  height: 40px;
  line-height: 40px;
  margin-top: 50px;
  font-size: 16px;
  text-align: center;
  color: #fff;
  background: #f25159;
  border-radius: 3px;
}

.ban-cont .ban-link:hover {
  color: #fff;
  background: #f25159;
}

.swiper-pagination-bullet {
  width: 30px;
  height: 4px;
  opacity: .8;
  border-radius: 0;
  background: #fff;
}

.swiper-pagination-bullet-active {
  width: 30px;
  opacity: .8;
  background: #e1373e;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 10px;
}

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 30px;
}

/********g-banner end***************/
/********************************

****** name: g-news

*********************************/
.g-news {
  width: 1200px;
  margin: 0 auto;
  margin-top: 50px;
}

.g-news .gnews-video {
  float: left;
  width: 460px;
  height: 370px;
  padding-top: 10px;
  padding-left: 10px;
  background: url(../image/index/videobg.png) no-repeat;
}

.g-news .gnews-video .cont {
  width: 450px;
  height: 310px;
}

.g-news .gnews-video .title {
  width: 100%;
  height: 60px;
  line-height: 60px;
  color: #fff;
  font-size: 20px;
  text-align: center;
}

.g-news .gnew-mcont {
  float: right;
  width: 670px;
}

.g-news .gnew-mcont .mtitle span {
  float: left;
  color: #333;
  font-size: 24px;
}

.g-news .gnew-mcont .mtitle a {
  float: right;
  height: 24px;
  line-height: 24px;
  color: #999;
  font-size: 14px;
}

.g-news .gnew-mcont .mtitle a:hover {
  color: #cf4753;
}

.g-news .gnew-mcont .gnew-ul {
  margin-top: 20px;
  border-top: 1px solid #e5e5e5;
}

.g-news .gnew-mcont .gnew-ul li {
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e5e5e5;
}

.g-news .gnew-mcont .gnew-ul li:hover .nmcont .title {
  color: #cf4753;
}

.g-news .gnew-mcont .gnew-ul li:hover .morelink {
  background: url(../image/index/newsarrow-hover.png) no-repeat;
}

.g-news .gnew-mcont .gnew-ul li .date {
  float: left;
  width: 70px;
  height: 68px;
  border-right: 1px solid #e5e5e5;
  text-align: center;
}

.g-news .gnew-mcont .gnew-ul li .date .day {
  display: block;
  font-size: 24px;
  color: #999;
  font-weight: bolder;
  line-height: 36px;
  text-align: center;
}

.g-news .gnew-mcont .gnew-ul li .date .month {
  display: block;
  font-size: 14px;
  line-height: 30px;
  color: #cacaca;
  text-align: center;
}

.g-news .gnew-mcont .gnew-ul li .nmcont {
  float: left;
  width: 460px;
  margin-left: 18px;
}

.g-news .gnew-mcont .gnew-ul li .nmcont .title {
  display: block;
  color: #222;
  font-size: 16px;
  line-height: 36px;
  text-align: left;
}

.g-news .gnew-mcont .gnew-ul li .nmcont p {
  display: block;
  font-size: 14px;
  line-height: 30px;
  text-align: left;
  color: #666;
}

.g-news .gnew-mcont .gnew-ul li .morelink {
  float: right;
  margin-top: 17px;
  width: 34px;
  height: 34px;
  background: url(../image/index/newsarrow.png) no-repeat;
}

.g-news .gnew-mcont .gnew-ul li .morelink:hover {
  background: url(../image/index/newsarrow-hover.png) no-repeat;
}

/********g-news end***************/
/********************************

****** name: g-mul

*********************************/
.g-mul {
  width: 1200px;
  height: 600px;
  margin: 0 auto;
  margin-top: 42px;
  padding-bottom: 66px;
}

.g-mul li {
  float: left;
  width: 400px;
  height: 300px;
}

.g-mul li .mcont {
  width: 398px;
  height: 218px;
  padding-top: 80px;
  border: 1px solid #fff;
}

.g-mul li .mcont .icon {
  width: 90px;
  height: 90px;
  margin: 0 auto;
}

.g-mul li .mcont .title {
  margin-top: 20px;
  font-size: 20px;
  line-height: 30px;
  color: #fff;
  text-align: center;
}

.g-mul li .mslink {
  display: none;
  width: 398px;
  height: 245px;
  padding-top: 53px;
  margin-top: 1px;
  margin-left: 1px;
  background: #f3505a;
  cursor: pointer;
}

.g-mul li .mslink .mstitle {
  display: block;
  width: 100%;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  font-size: 20px;
}

.g-mul li .mslink .mstitle.more {
  height: 60px;
}

.g-mul li .mslink .msintro {
  display: block;
  width: 340px;
  height: 100px;
  margin: 0 auto;
  margin-top: 20px;
  text-align: left;
  color: #fff;
  font-size: 14px;
  line-height: 26px;
}

.g-mul li .mslink .msintro.more {
  height: 70px;
}

.g-mul li .mslink .msintro.center {
  text-align: center;
}

.g-mul li .mslink .msmore {
  display: block;
  margin: 0 auto;
  width: 40px;
  height: 40px;
  background: url(../image/index/indexarrow.png) no-repeat;
}

.g-mul li.muli04 .mcont {
  background: url(../image/index/m04.jpg) no-repeat;
}

.g-mul li.muli04 .mcont .icon {
  background: url(../image/index/icon04.png) no-repeat;
}

.g-mul li.muli05 .mcont {
  background: url(../image/index/m05.jpg) no-repeat;
}

.g-mul li.muli05 .mcont .icon {
  background: url(../image/index/icon05.png) no-repeat;
}

.g-mul li.muli06 .mcont {
  background: url(../image/index/m06.jpg) no-repeat;
}

.g-mul li.muli06 .mcont .icon {
  background: url(../image/index/icon06.png) no-repeat;
}

.g-mul li.muli07 .mcont {
  background: url(../image/index/m07.jpg) no-repeat;
}

.g-mul li.muli07 .mcont .icon {
  background: url(../image/index/icon07.png) no-repeat;
}

.g-mul li.muli08 .mcont {
  background: url(../image/index/m08.jpg) no-repeat;
}

.g-mul li.muli08 .mcont .icon {
  background: url(../image/index/icon08.png) no-repeat;
}

.g-mul li.muli09 .mcont {
  background: url(../image/index/m09.jpg) no-repeat;
}

.g-mul li.muli09 .mcont .icon {
  background: url(../image/index/icon09.png) no-repeat;
}

/********g-welcom end***************/