/* 轮播图 */
.banner {
  width: 100vw;
  overflow: hidden;
  margin: 0 auto;
}

.banner .focusImg {
  width: 100%;
  height: 100%;
  position: relative;
}

.banner .focusImg .pic {
  width: 100%;
  height: 100%;
}

.banner .focusImg .pic li {
  width: 100%;
  height: 100%;
}

.banner .focusImg .pic a {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}

.banner .focusImg .pic a img {
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.banner,
.banner .focusImg .pic a img {
  height: calc(258 / 414 * 100vw);
}

.banner .focusImg .hd {
  position: absolute;
  z-index: 25;
  left: 0;
  right: 0;
  bottom: calc(12 / 414 * 100vw);
  text-align: center;
}

.banner .focusImg .hd li {
  display: inline-block;
  zoom: 1;
  width: calc(22 / 414 * 100vw);
  height: 8px;
  margin: 0 3px;
  opacity: 0.7;
  border-radius: 5px;
  cursor: pointer;
  background: #fff;
}

.banner .focusImg .hd .on {
  background: #DF5147;
}

/* 版心 */
body>.wrap {
  margin: calc(30 / 414 * 100vw) calc(15 / 414 * 100vw) 0;
}

/* 头条新闻 */
.one-new {
  margin-top: calc(35 / 414 * 100vw);
  height: calc(160 / 414 * 100vw);
  background: #FFFFFF;
  box-shadow: 5px 5px 10px 1px #EEEFF3;
  border-radius: calc(10 / 414 * 100vw);
  padding: 0 calc(10 / 414 * 100vw);
}

.one-new .tit .left .box {
  width: calc(92 / 414 * 100vw);
  height: calc(84 / 414 * 100vw);
  background: #DF5147;
  border-radius: 5px;
  color: #FFFFFF;
  padding-left: calc(18 / 414 * 100vw);
  box-sizing: border-box;
  font-family: Microsoft YaHei-Bold, Microsoft YaHei;
  font-weight: bold;
  overflow: hidden;
  margin-top: calc(-10 / 414 * 100vw);
}

.one-new .tit .left .box .day {
  font-size: calc(38 / 414 * 100vw);
  height: calc(38 / 414 * 100vw);
  margin-top: calc(5 / 414 * 100vw);
  text-shadow: 5px 5px 0px rgba(0, 0, 0, 0.08);
}

.one-new .tit .left .box .month {
  margin-top: calc(10 / 414 * 100vw);
  font-size: calc(14 / 414 * 100vw);
  height: calc(14 / 414 * 100vw);
}

.one-new .tit .right {
  flex: 1;
  margin-left: calc(10 / 414 * 100vw);
  font-size: calc(17 / 414 * 100vw);
  font-family: Microsoft YaHei-Bold, Microsoft YaHei;
  font-weight: bold;
  color: #3D434D;
}

.one-new .cont {
  margin-top: calc(10 / 414 * 100vw);
  font-size: calc(13 / 414 * 100vw);
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
  font-weight: 400;
  color: #A1A8B3;
  line-height: calc(22 / 414 * 100vw);
  -webkit-line-clamp: 3;
}

/* 新闻中心 */
.NewsFeed {
  margin-top: 0;
  overflow: hidden;
}

.NewsFeed .former .navLi {
  position: relative;
  height: calc(60 / 414 * 100vw);
  margin: 0 auto;
  border-bottom: 1px solid #CED7E6;
}

.NewsFeed .former .navLi li {
  float: left;
  width: calc(126 / 414 * 100vw);
}

.NewsFeed .former .navLi li a {
  display: block;
  height: calc(17 / 414 * 100vw);
  line-height: calc(17 / 414 * 100vw);
  text-align: center;
  overflow: hidden;
  font-weight: bold;
  font-size: calc(17 / 414 * 100vw);
  color: #333333;
  padding: 25px 0 calc(15 / 414 * 100vw);
}

.NewsFeed .former .navLi li.on a {
  color: #DF5147;
}

.NewsFeed .former .navLi p {
  position: absolute;
  bottom: -1px;
  left: 0px;
  width: calc(128 / 414 * 100vw);
  height: 2px;
  overflow: hidden;
  background: #DF5147;
}

.NewsFeed .former .formerp {
  position: relative;
  height: calc(155 / 414 * 100vw);
  overflow: hidden;
  margin: 0 auto;
}

.NewsFeed .former .formerClip {
  position: absolute;
  left: 0;
  transition: 0.3s;
  width: 2010px;
  height: auto;
  overflow: hidden;
  margin: 0 auto;
}

.NewsFeed .former .formerClip .formercon {
  float: left;
  width: calc(384 / 414 * 100vw);
  height: auto;
  overflow: hidden;
  margin: 0 auto;
  transition-property: opacity;
  transition-duration: 0.15s;
}

.NewsFeed .former .formerClip .show {
  display: block;
}

.NewsFeed .former .formerClip .formercon ul {
  height: auto;
  overflow: hidden;
  margin: 16px auto 0;
}

.NewsFeed .former .formerClip .formercon ul li {
  height: auto;
  overflow: hidden;
  margin: 0 auto calc(13 / 414 * 100vw);
}

.NewsFeed .former .formerClip .formercon ul li:last-of-type {
  margin-bottom: 0;
}

.NewsFeed .former .formerClip .formercon ul li a {
  position: relative;
  display: block;
  height: 20px;
  overflow: hidden;
  margin: 0 auto;
}

.NewsFeed .former .formerClip .formercon ul li a .time {
  position: absolute;
  right: 0;
  top: 0;
  width: 90px;
  height: 20px;
  line-height: 20px;
  text-align: right;
  overflow: hidden;
  font-size: calc(13 / 414 * 100vw);
  color: #808080;
}

.NewsFeed .former .formerClip .formercon ul li a .tits {
  margin: 0 90px 0 0;
  height: 20px;
  line-height: 20px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: calc(15 / 414 * 100vw);
  color: #4D4D4D;
}

.NewsFeed .former .formerClip .formercon .img {
    width: calc(384 / 414 * 100vw);
    height: calc(135 / 414 * 100vw);
    margin-top: 16px;
}

.NewsFeed .former .formerClip .formercon .img img {
    width: 100%;
    height: 100%;
}

/* 发展历程 */
body>.course {
  width: calc(100vw - 30px);
  height: calc((100vw - 30px) / 384 * 166);
  overflow: hidden;
  background: url(../images/bg_course.png) no-repeat top center;
  background-size: calc(100vw - 30px);
  margin-top: calc(15 / 414 * 100vw);
}

.course h3 {
  height: calc(22 / 414 * 100vw);
  line-height: calc(22 / 414 * 100vw);
  overflow: hidden;
  margin: calc(15 / 414 * 100vw) 0 calc(20 / 414 * 100vw) calc(15 / 414 * 100vw);
  font-weight: bold;
  font-size: calc(17 / 414 * 100vw);
  color: #3D434D;
}

.course .time {
  height: 25px;
  line-height: 25px;
  margin-left: calc(15 / 414 * 100vw);
  font-weight: bold;
  font-size: 19px;
  color: #DF5147;
}

.course .time .wrap {
  width: 100%;
  height: 500px;
}

.course .time>div {
  float: left;
  height: 25px;
}

.course .time .label {
  line-height: 28px;
  margin: 0 10px 0 3px;
  font-size: calc(13 / 414 * 100vw);
  color: #A1A8B3;
}

.course .time>div>div {
  position: relative;
  float: left;
  height: 25px;
  overflow: hidden;
}

.course .time .item {
  height: 25px;
}

.course .event {
  position: relative;
  width: calc(354 / 414 * 100vw);
  height: calc(52 / 414 * 100vw);
  margin: calc(12 / 414 * 100vw) 0 calc(20 / 414 * 100vw) calc(15 / 414 * 100vw);
  font-size: calc(15 / 414 * 100vw);
  color: #777777;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 2px;
}

.course .event .frame {
  position: absolute;
  left: 20px;
  top: calc(16 / 414 * 100vw);
  width: calc(314 / 414 * 100vw);
  height: 20px;
  line-height: 20px;
  overflow: hidden;
}

/* 走进j9九游会 */
.brief {
  justify-content: space-between;
}

.brief .img {
  position: relative;
  width: calc(124 / 414 * 100vw);
  height: 152px;
  overflow: hidden;
}

.brief .img .tit {
  font-size: calc(16 / 414 * 100vw);
  font-weight: bold;
  color: #3D434D;
  padding: calc(15 / 414 * 100vw) 0;
  margin-left: calc(15 / 414 * 100vw);
  position: relative;
}

.brief .img .tit::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -3px;
  width: calc(36 / 414 * 100vw);
  height: 3px;
  background: #DF5147;
  border-radius: 2px;
}

.brief .img .conimg {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  vertical-align: middle;
  transition: transform 1s;
  z-index: -1;
}

/* 企业文化 */
.cultrue {
  justify-content: space-between;
}

.cultrue .item {
  width: calc((100vw - 40px) / 2);
  height: calc(((100vw - 40px) / 2) / 187 * 146);
  margin-bottom: 10px;
}

.cultrue .item a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}

.cultrue .item .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  z-index: -1;
}

.cultrue .item .tit {
  width: calc((100vw - 40px) / 2);
  height: calc(56 / 414 * 100vw);
  color: #fff;
  font-size: calc(12 / 414 * 100vw);
  padding: calc(12 / 414 * 100vw) 0 calc(8 / 414 * 100vw) calc(15 / 414 * 100vw);
  box-sizing: border-box;
  text-align: left;
  position: absolute;
  bottom: 0;
}

.cultrue .item .tit .CN {
  font-weight: bold;
  font-size: calc(15 / 414 * 100vw);
  margin-bottom: 1px;
}

.cultrue .item .tit::after {
  content: '';
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #282E3A 0%, rgba(51, 51, 51, 0) 100%);
  opacity: 0.63;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
}