@font-face {
  font-family: 'DIN Alternate';
  src: url('/css/font/DIN-Regular-2.otf');
}
html,
body {
  height: 100%;
}
.turnInto * {
  box-sizing: border-box;
}

.turnInto {
  width: 100%;
}

.banner_video_con,
.video {
  position: relative;
}

.startBtn {
  position: absolute;
  left: calc(50% - 30px);
  top: calc(50% - 30px);
  width: 60px;
  height: 60px;
  cursor: pointer;
  /* z-index: 1000; */
}
.video1 {
  width: 100%;
}
.synopsis {
  background-color: rgba(90, 164, 81, 0.08);
  padding: 88px 0 98px;
}

.synopsis_info {
  display: flex;
  justify-content: center;
  align-items: center;
}
video {
  width: 100%;
}
.video {
  line-height: 500px;
  max-width: 750px;
  width: 50%;
  height: 500px;
  border-radius: 8px;
  margin-right: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.synopsis_info_text {
  max-width: 640px;
  width: calc(50% - 60px);
  height: 500px;
}

.synopsis_info_text_tit {
  margin-top: 40px;
  font-size: 32px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #1c1c1c;
  margin-bottom: 39px;
}

.synopsis_info_text_text {
  /* width: calc(100% - 40px); */
  max-width: 600px;
  height: 287px;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #1c1c1c;
  line-height: 32px;
  overflow-y: auto;
}
.scrollbar {
  width: 100%;

  height: 287px;
  text-align: justify;
  color: #606060;
  font-size: 14px;
}
.synopsis .scrollbar {
  max-width: 560px;
  width: calc(100% - 40px);
}

.synopsis_info_value {
  margin-top: 78px;
  width: 426px;
  text-align: left;
  padding-left: 20px;
}

.synopsis_info_value_num .value {
  font-size: 90px;
  font-family: DIN Alternate;
  font-weight: bold;
  color: #5aa451;
}

.synopsis_info_value_num .value-text {
  font-family: DIN Alternate;
  font-weight: bold;
  color: #5aa451;
  margin-left: 50px;
}

.synopsis_info_value_text {
  font-size: 24px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #292929;
}

.culture {
  padding: 88px 0px;
}

.culture_title {
  font-size: 32px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #1c1c1c;
  text-align: center;
  margin-bottom: 60px;
}

.culture_con {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}

.culture_item {
  max-width: 640px;
  width: 49%;
  height: 214px;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 6px 10px 17px 3px rgba(25, 42, 55, 0.12);
  font-size: 18px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #5aa451;
  padding: 60px 59px 59px;
}

.greenColor {
  background: #5aa451;
  box-shadow: 6px 10px 17px 3px rgba(25, 42, 55, 0.12);
  font-size: 18px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: rgba(255, 255, 255, 0.8);
}

.line {
  width: 28px;
  height: 2px;
  background: #5aa451;
  opacity: 0.5;
  margin: 18px 0 31px;
}

.greenColor .line {
  background: #f9f9f9;
}

.strategy {
  width: 100%;
  padding-top: 88px;
  background-color: #1d2a36;
  text-align: center;
  padding-bottom: 88px;
}

.strategy_tit {
  font-size: 32px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #ffffff;
  margin-bottom: 20px;
}

.strategy_text {
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #ffffff;
  margin-bottom: 60px;
}

.strategy img {
  width: calc(100% - 656px);
  margin: 0 auto;
}

.history {
  padding: 88px 0 130px;
}

.history_con {
  max-width: 1170px;
  height: 430px;
  overflow-y: auto;
  margin: 0 auto;
}

.history_con .scrollbar {
  width: calc(100% - 10px);
  height: 430px;
  text-align: justify;
}

.history_con .scrollbar div {
  margin-bottom: 20px;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #1c1c1c;
  line-height: 24px;
}

.clearfix::after {
  content: '';
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
}

.eighthSlider {
  position: relative;
  width: calc(100% - 200px);
}

.eighthSlider .bx-viewport {
  background: transparent;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  border: none;
}

/** 首页 轮播 样式重写*/
.bx-controls-direction a {
  width: 53px !important;
  height: 53px !important;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #00a934 !important;
}

.bx-wrapper .bx-pager.bx-default-pager a {
  background: #ebf4ea !important;
}

.eighthSliderItem {
  max-width: 1300px;
  margin: 0 auto;
}

.main-content {
  max-width: 1300px;
  width: 100%;
  margin: 0 auto;
}

.eighthSliderItemImg {
  width: 201px;
  height: 81px;
  margin-right: 16px;
  margin-bottom: 16px;
}

.qualification {
  background-color: #f9f9f9;
  padding: 88px 0 75px;
}
.qualification_item {
  width: 100%;
}
.item_list {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 38px;
}

.item_item {
  margin-right: 20px;
  width: calc(25% - 10px);
}

.item_item_img {
  max-width: 310px;
  width: 100%;
  padding: 20px 0;
  text-align: center;
  background: #ffffff;
  box-shadow: 3px 5px 9px 1px rgba(29, 42, 54, 0.12);
  border-radius: 8px;
}

.item_item_img img {
  width: 100%;
  border-radius: 8px;
  display: inline-block;
}

.item_item_img img + div {
  padding: 5px 0;
  font-size: 12px;
}

.item_item_text {
  margin-top: 21px;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #292929;
  text-align: center;
}

.icon {
  width: 53px;
  height: 53px;
  text-align: center;
  line-height: 53px;
  background: #ffffff;
  /* border: 1px solid #3AA645; */
  border-radius: 50%;
  /* opacity: 0.5; */
  font-size: 28px;
  position: absolute;
  top: 243px;
  cursor: pointer;
}

.leftIcon {
  left: 30px;
  background-image: url(/image/turnInto/left.png);
}

.rightIcon {
  right: 30px;
  background-image: url(/image/turnInto/right_select.png);
}

.boxShadow {
  box-shadow: 0px 16px 24px 6px rgba(90, 164, 81, 0.3);
  border-radius: 50%;
}

.course {
  padding: 88px 0 0;
}

.course_img {
  position: relative;
}

.course_img img {
  width: 100%;
}

.year_item {
  position: absolute;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  background: #ffffff;
  border: 1px solid #9cc897;
  border-radius: 50%;
  font-size: 22px;
  font-family: DIN Alternate;
  font-weight: bold;
  color: #9cc897;
  cursor: pointer;
}

/* 1920 787 5.72 2.34*/
.year_1949 {
  left: calc(18.48% - 30px);
  bottom: calc(18.69% - 30px);
}

.year_2003 {
  bottom: calc(22.41% - 30px);
  left: calc(29.01% - 30px);
}

.year_2007 {
  bottom: calc(21.26% - 30px);
  left: calc(39.48% - 30px);
}

.year_2012 {
  bottom: calc(42.92% - 30px);
  left: calc(50% - 30px);
}

.year_2014 {
  bottom: calc(38.58% - 30px);
  left: calc(60.465% - 30px);
}

.year_2016 {
  bottom: calc(60.15% - 30px);
  left: calc(70.99% - 30px);
}

.year_2018 {
  bottom: calc(63.72% - 30px);
  left: calc(81.51% - 30px);
}

.year_now {
  bottom: calc(75.72% - 30px);
  left: calc(89.51% - 30px);
}

.year_item_active {
  background: #5aa451;
  color: #ffffff;
}

.cartoon {
  position: absolute;
  left: 30px;
  bottom: 50px;
  width: 300px;
  line-height: 1;
}

.cartoon_l {
  left: 0px;
}

.cartoon_title {
  font-size: 20px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #292929;
  display: none;
  text-align: left;
}

.cartoon_title_l {
  transform: translateX(-270px);
}

.cartoon_title_now {
  transform: translateX(-100px);
}

.cartoon_text {
  margin-top: 18px;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #606060;
  line-height: 20px;
  text-align: left;
  display: none;
}

.cartoon_text_l {
  margin-top: 18px;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #606060;
  line-height: 20px;
  text-align: left;
  display: none;
  transform: translateX(-270px);
}

.cartoon_text_now {
  transform: translateX(-100px);
}

.cartoon_line {
  width: 30px;
  /* height: 435px; */
  margin-top: 19px;
  border-left: 1px solid #5aa451;
  border-top: 10px solid #5aa451;
  display: none;
}

.cartoon_line_l {
  width: 30px;
  margin-top: 19px;
  border-right: 1px solid #5aa451;
  border-left-style: none;
  border-top: 10px solid #5aa451;
  display: none;
}

.qualification #eighthSlider {
  max-width: 1320px;
  width: calc(100% - 200px);
  margin: 0 auto;
}

.eighthSlider .bx-next {
  background: url(/image/common/silderRightG.png);
  margin-right: -100px;
}

.eighthSlider .bx-prev {
  background: url(/image/common/silderLeftG.png);
  margin-left: -100px;
}

.eighthSlider .bx-next:hover {
  background: url(/image/common/silderRightSel.png);
}

.eighthSlider .bx-prev:hover {
  background: url(/image/common/silderLeftSel.png);
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #00a934 !important;
}

.bx-wrapper .bx-pager.bx-default-pager a {
  background: #ebf4ea !important;
}

.bx-pager-item a {
  width: 20px !important;
  height: 5px !important;
}

.firstSlider .bx-pager {
  bottom: 90px !important;
}

.bx-wrapper.firstSlider {
  margin: 0;
}

.scrollbar_con::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 10px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}

.scrollbar_con::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  box-shadow: inset 0 0 5px #5aa451;
  background: #5aa451;
}

.scrollbar_con::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow: inset 0 0 5px #5aa451;
  border-radius: 10px;
  background: #ededed;
}

.videoCon {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  padding-top: 100px;
  z-index: 9999;
  display: none;
}
.videoCon_div {
  width: 60%;
  margin: 0 auto;
  position: relative;
}
.videoCon img {
  position: absolute;
  right: -50px;
  top: -50px;
  width: 50px;
  height: 50px;
  cursor: pointer;
}
.patentItem {
}

.patentItem .item_item {
  margin-right: 20px;
  width: calc(20% - 10px);
}
<!--0.00025415420532227-->