.w1000 {
  max-width: 1000px;
  width: 96%;
  margin: 0 auto;
}
.header {
  width: 100%;
  z-index: 101;
  position: relative;
  padding-left: 3%;
  line-height: 90px;
}
.header .logo {
  position: relative;
  z-index: 10;
  width: 32%;
}
.header .logo img {
  position: relative;
  z-index: 2;
}
.header .other {
  text-align: right;
  width: 10%;

}
.header .other dt,
.header .other dd {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}
.header .other .menuIcon {
  display: none;
}
.header .other dt a {
  display: block;
  width: 23px;
  height: 23px;
  background: url(../images/lang_icon.png) no-repeat center;
  margin: 0 auto;
}


.header .other dd a:not(:hover){color: #666;}
.header .other dd a:not(:last-child):after{width: 1px; height: 0.625em; background-color: #d9d9d9;display: inline-block;content: ''; margin: 0 0.625em;}

.header .other .lang,
.header .other .search {
  position: relative;
}
.header .other .icon_search {
  display: inline-block;
  width: 28px;
  height: 28px;
  background: url(../images/search_icon.png) no-repeat center;
  vertical-align: middle;
}
.header .other .open_search_on:before,
.header .other .open_search_on:after {
  position: absolute;
  content: '';
  width: 90%;
  left: 15%;
  height: 2px;
  top: 50%;
  margin-top: -1.5px;
  background: #4bb033;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}
.header .other .open_search_on:after {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
}
.header .other .open_search_on {
  background: none!important;
  position: relative;
}
.header .other .search_box {
  position: absolute;
  padding: 0 36px 0 0;
  display: none;
  width: 250px;
  right: 0;
  top: 100%;
  line-height: normal;
  border: 1px solid #4bb033;
}
.header .other .search_box .text {
  width: 100%;
  border: none;
  font-size: 14px;
  color: #0c0c0c;
  line-height: 40px;
  height: 40px;
  padding-left: 10px;
}
.header .other .search_box .btn {
  position: absolute;
  right: 0;
  top: 0;
  width: 36px;
  height: 100%;
  background: url(../images/search_icon.png) no-repeat center #fff;
  background-size: 50%;
}
@media (max-width: 1024px) {
  .header .logo {
    width: auto;
  }
  .header .other {
    width: 42%;
  }
  .header .other .menuIcon {
    display: inline-block;
    margin-left: 10px;
  }
  .header #open_menu {
    z-index: 102;
    position: relative;
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    transition: all 0.3s;
  }
  .header #open_menu i {
    display: block;
    background-color: #4bb033;
    position: absolute;
    width: 30px;
    left: 5px;
    top: 18px;
    height: 3px;
    border-radius: 4px;
    transition: all 0.3s;
  }
  .header #open_menu::before,
  .header #open_menu::after {
    content: '';
    position: absolute;
    left: 5px;
    width: 30px;
    height: 3px;
    background-color: #4bb033;
    border-radius: 4px;
  }
  .header #open_menu::before {
    top: 10px;
  }
  .header #open_menu::after {
    bottom: 10px;
  }
  .header #open_menu.open_menu_on i {
    opacity: 0;
  }
  .header #open_menu.open_menu_on:before {
    transform: rotate(45deg);
    background-color: #fff;
    top: 18px;
  }
  .header #open_menu.open_menu_on:after {
    transform: rotate(-45deg);
    background-color: #fff;
    bottom: 18px;
  }
}
@media (max-width: 640px) {
  .header {
    line-height: 70px;
  }
  .header .logo,
  .header .other {
    display: inline-block;
  }
  .header .logo {
    width: 55%;
  }
  .header .other {
    position: absolute;
    right: 0;
    top: 0;
  }
  .header .other dt,
  .header .other dd {
    /* width: 50px; */
  }
  .header .other dd {
    height: 70px;
  }
}
.navTop {
  padding: 0 1.5% 0 1.5%;
}
.navTop > ul > li {
  float: left;
  width: 16.666666%;
  text-align: center;
}
.navTop li {
  font-size: 18px;
  position: relative;
}
.navTop li > a {
  color: #666;
  display: inline-block;
  position: relative;
}
.navTop li > a::before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 0;
  height: 2px;
  background-color: #4bb033;
  transition: all 0.5s;
}
.navTop li:hover > a,
.navTop li.aon > a {
  color: #4bb033;
}
.navTop li:hover > a::before,
.navTop li.aon > a::before {
  width: 100%;
}
.navTop .sub {
  position: absolute;
  top: 100%;
  display: none;
  text-align: center;
  background-color: #fff;
  width: 100%;
  left: 0;
  padding: 30px 0;
  box-shadow: 0px 3px 62px 0px rgba(0, 0, 0, 0.1);
  left: 50%;
  width: 180px;
  margin-left: -90px;
}
.navTop .sub a {
  display: block;
  font-size: 14px;
  color: #666666;
  line-height: 36px;
}
.navTop .sub a:hover {
  color: #4bb033;
  font-weight: bold;
}
@media (max-width: 1024px) {
  .navTop {
    -webkit-overflow-scrolling: touch;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow-y: auto;
    visibility: hidden;
    position: fixed;
    right: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.8);
    line-height: 40px;
    margin-left: 0;
    display: block;
    padding: 0;
    transition: all 0.5s;
    opacity: 0;
  }
  .navTop.navTop_show {
    visibility: visible;
    right: 0;
    opacity: 1;
  }
  .navTop.navTop_show ul {
    padding-top: 70px;
    position: relative;
    height: 100%;
    width: 250px;
    float: right;
    background-color: #4bb033;
  }
  .navTop.navTop_show ul li {
    width: 100%;
    float: none;
  }
  .navTop.navTop_show ul li > a {
    color: #fff;
  }
  .navTop.navTop_show ul li::after {
    display: none;
  }
  .navTop .sub {
    position: relative;
    padding: 20px 0;
  }
  .navTop .sub a {
    color: #666;
  }
  .navTop .li_sub::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 40px;
    z-index: 2;
  }
}
.layer {
  position: fixed;
  left: 0;
  top: 90px;
  width: 100%;
  height: calc(100% - 30px);
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
}
.Hbanner {
  position: relative;
}
.Hbanner li {
  position: relative;
}
.Hbanner li .pcBan {
  display: block;
  width: 100%;
}
.Hbanner li .wapBan {
  display: none;
  width: 100%;
}
.Hbanner li .video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  z-index: 5;
}
.Hbanner .txtCon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 96%;
  max-width: 1600px;
}
.Hbanner .txtCon .img {
  transform: translateY(-50%);
  opacity: 0;
  transition: all 1s;
}
.Hbanner .an-show .txtCon .img {
  transform: translateY(0);
  opacity: 1;
}
.Hbanner .txtCon1 .img {
  width: 40.188%;
  margin-top: -3.7%;
  margin-left: 11.48%;
}
.Hbanner .txtCon2 .img {
  width: 41.375%;
  margin-top: 3%;
  margin-left: 6.9%;
}
.Hbanner .txtCon3 .img {
  width: 43.313%;
  margin-left: 9.1%;
}
.Hbanner .small {
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%);
  text-align: center;
  z-index: 2;
  color: #fff;
}
.Hbanner .small li {
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px;
}
.Hbanner .small li:hover svg {
  opacity: 1;
}
.Hbanner .small li:hover svg circle {
  -webkit-animation: circle 1s linear 0s 1 forwards;
}
.Hbanner .small li:hover p {
  opacity: 1;
}
.Hbanner .small figure {
  text-align: center;
  width: 73px;
  height: 73px;
  line-height: 73px;
  margin: 0 auto;
  padding: 6px;
  position: relative;
  font-size: 0;
}
.Hbanner .small i {
  display: inline-block;
  width: 100%;
  padding-top: 100%;
  border-radius: 100%;
  position: relative;
  z-index: 3;
}
.Hbanner .small svg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.Hbanner .small svg circle {
  width: 100%;
  height: 100%;
}
.Hbanner .small svg .pie-bar {
  stroke: rgba(255, 255, 255, 0.5);
}
.Hbanner .small svg circle {
  stroke-dashoffset: 0;
  transform: rotate(-90deg);
  transform-origin: center;
  transition: all 0.2s;
  stroke: currentColor;
  z-index: 2;
  stroke-dasharray: 0, 125.664;
}
.Hbanner .small p {
  opacity: 0;
  transition: all 0.2s;
  color: #fff;
}
.Hbanner .small .an-show svg {
  opacity: 1;
}
.Hbanner .small .an-show svg circle {
  -webkit-animation: circle 5.25s linear 0s 1 forwards;
}
.Hbanner .small .an-show p {
  opacity: 1;
}
@media (max-width: 1024px) {
  .Hbanner li .pcBan {
    display: none;
  }
  .Hbanner li .wapBan {
    display: block;
  }
  .Hbanner .txtCon {
    display: none;
  }
}
@media (max-width: 640px) {
  .Hbanner .small {
    bottom: 0;
    text-align: center;
    font-size: 12px;
  }
  .Hbanner .small li {
    margin: 0;
  }
  .Hbanner .small figure {
    width: 60px;
    height: 60px;
    line-height: 60px;
  }
  .Hbanner .small p {
    display: none;
  }
}
@-webkit-keyframes circle {
  0% {
    stroke-dasharray: 10, 125.664;
  }
  100% {
    stroke-dasharray: 138.23, 125.664;
  }
}
.Hbox {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.Htit .bigtit {
  font-size: 40px;
  color: #333333;
  font-weight: normal;
}
.Htit .text {
  font-weight: normal;
  font-size: 16px;
  color: #999999;
  padding: 10px 0;
}
@media (max-width: 1200px) {
  .Htit .bigtit {
    font-size: 32px;
  }
}
@media (max-width: 1024px) {
  .Htit .bigtit {
    font-size: 28px;
  }
}
@media (max-width: 640px) {
  .Htit .bigtit {
    font-size: 24px;
  }
}
.Hmore {
  display: block;
  color: #008375;
}
.Hmore::after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 9px;
  background: url(../images/more_icon1.png) no-repeat center;
  background-size: contain;
  margin-top: -5px;
  margin-left: 10px;
}
.Habout {
  background-position: center bottom;
}
.Habout .pic {
  width: 60%;
  vertical-align: top;
  position: relative;
}
.Habout .pic img {
  margin-left: -6%;
}
.Habout .pic .videobox {
  width: 90%;
  height: 100%;
  z-index: 3;
  display: none;
}
.Habout .pic .videobox,
.Habout .pic .videobox video {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
}
.Habout .pic .videobox video {
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  top: 50%;
  transform: translateY(-50%);
  height: auto;
  max-height: 100%;
}
.Habout .txtCon {
  padding: 8.2% 0 8%;
}
.Habout article {
  color: #555555;
  line-height: 30px;
  margin: 10% 0 8%;
}
.Habout .numBox {
  color: #888888;
}
.Habout .numBox li {
  min-width: 45%;
  float: left;
}
.Habout .numBox figure {
  width: 40px;
  line-height: 40px;
  height: 40px;
  margin-bottom: 10px;
}
.Habout .numBox figure img {
  max-height: 100%;
}
.Habout .numBox aside {
  font-size: 18px;
  color: #000000;
}
.Habout .numBox aside b {
  font-size: 50px;
  color: #333333;
  margin-right: 8px;
  position: relative;
}
.Habout .numBox aside b span {
  font-family: 'OswaldRegular';
  font-weight: bold;
}
.Habout .numBox aside b i {
  display: inline-block;
  font-style: normal;
  font-size: 40px;
  position: absolute;
  font-family: Arial, Helvetica, sans-serif;
  vertical-align: top;
  left: 100%;
  top: 0;
}
.Habout .other {
  margin: 5% 0 0;
}
.Habout .other .videoBtn,
.Habout .other .Hmore {
  display: inline-block;
  vertical-align: middle;
}
.Habout .other .videoBtn {
  width: 60px;
  height: 60px;
  background: url(../images/play_icon.png) no-repeat center;
  background-size: contain;
  margin-right: 25px;
  cursor: pointer;
}
.Habout .other .videopause {
  background-image: url(../images/play_icon2.png);
  display: none;
}
@media (max-width: 1200px) {
  .Habout .numBox aside b {
    font-size: 40px;
  }
  .Habout .numBox aside b i {
    font-size: 30px;
  }
}
@media (max-width: 768px) {
  .Habout .ytable_cell {
    display: block;
  }
  .Habout .pic {
    width: 100%;
  }
  .Habout .pic img {
    margin-left: 0;
  }
  .Habout .pic .videobox {
    width: 100%;
  }
  .Habout article {
    margin: 6% 0;
  }
  .Habout .numBox aside b {
    font-size: 30px;
  }
  .Habout .numBox aside b i {
    font-size: 20px;
  }
}
@media (max-width: 640px) {
  .Habout .numBox aside {
    font-size: 16px;
  }
  .Habout .numBox aside b {
    font-size: 26px;
  }
  .Habout .numBox aside b i {
    font-size: 20px;
  }
}
.Hbox2 {
  padding: 5% 0 1% 0;
  background-size: auto;
  background-repeat: repeat;
}
.Hbox2 .w1600 {
  position: relative;
  z-index: 3;
}
.Hbox2 li {
  width: 48.688%;
  float: left;
  margin-right: 2.62%;
  position: relative;
  transition: all 0.5s;
  border-radius: 5px;
}
.Hbox2 li:last-child {
  margin-right: 0;
}
.Hbox2 li:hover {
  box-shadow: 0 0 10px #999;
}
.Hbox2 figure {
  position: relative;
  width: 100%;
  padding-top: 54.848%;
  background: url(../images/Hbox2_bg.jpg) no-repeat center;
  background-size: cover;
  border-radius: 5px;
  overflow: hidden;
}
.Hbox2 figure img {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  max-height: 100%;
}
.Hbox2 .txt {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  padding-left: 8%;
  width: 50%;
}
.Hbox2 .txt .tit {
  font-weight: normal;
  font-size: 36px;
  letter-spacing: 0px;
  white-space:normal;
}
.Hbox2 .txt p {
  font-size: 18px;
  color: #999999;
  margin: 5% 0 9%;
  letter-spacing: 0px;
  -webkit-line-clamp: 3;
  word-break:normal;
}
.Hbox2 .txt .Hmore {
  width: 170px;
  line-height: 50px;
  text-align: center;
  color: #fff;
  background-color: #4bb033;
  border-radius: 5px;
}
.Hbox2 .txt .Hmore::after {
  background-image: url(../images/more_icon2.png);
  width: 23px;
  height: 6px;
}
@media (max-width: 1200px) {
  .Hbox2 .txt {
    width: 60%;
  }
  .Hbox2 .txt .tit {
    font-size: 30px;
  }
  .Hbox2 .txt p {
    font-size: 16px;
    letter-spacing: 0;
  }
}
@media (max-width: 1024px) {
  .Hbox2 .txt {
    width: 60%;
  }
  .Hbox2 .txt .tit {
    font-size: 24px;
  }
  .Hbox2 .txt p {
    font-size: 16px;
  }
  .Hbox2 .txt .Hmore {
    width: 120px;
    line-height: 42px;
  }
}
@media (max-width: 640px) {
  .Hbox2 {
    padding-bottom: 1px;
  }
  .Hbox2 li {
    width: 100%;
    margin-right: 0;
    float: none;
    margin-bottom: 5%;
  }
  .Hbox2 .txt {
    width: 45%;
    padding-left: 3%;
  }
  .Hbox2 .txt .tit {
    font-size: 24px;
  }
  .Hbox2 .txt p {
    font-size: 14px;
    margin: 2% 0 4%;
  }
  .Hbox2 .txt .Hmore {
    width: 120px;
    line-height: 36px;
  }
}
.Hnews {
  background-image: url(../images/Hnews_bg.jpg);
  padding: 5% 0;
  position: relative;
}
.Hnews .w1600 {
  position: relative;
  z-index: 3;
}
.Hnews .ul {
  margin: 2.5% -26px 0;
}
.Hnews li a {
  display: block;
  margin: 0 26px;
  background-color: #fff;
  overflow: hidden;
  border-radius: 5px;
  box-shadow: 0px 0px 9.6px 0.4px rgba(242, 242, 242, 0.9);
}
.Hnews li a:hover {
  background-color: #4bb033;
}
.Hnews li a:hover figure i {
  transform: scale(1.1);
}
.Hnews li a:hover * {
  color: #fff;
}
.Hnews li a:hover .more {
  background-image: url(../images/more_icon4.png);
}
.Hnews li figure {
  overflow: hidden;
}
.Hnews li figure i {
  display: block;
  width: 100%;
  padding-top: 62.127%;
}
.Hnews li .txt {
  padding: 8%;
}
.Hnews li time {
  display: block;
  font-size: 24px;
  color: #999999;
  transform: skewX(-15deg);
}
.Hnews li .tit {
  font-weight: normal;
  font-size: 22px;
  color: #333333;
  margin: 5% 0 4%;
}
.Hnews li p {
  line-height: 24px;
  color: #666666;
}
.Hnews li .more {
  display: block;
  width: 38px;
  height: 9px;
  background: url(../images/more_icon3.png) no-repeat center;
  background-size: contain;
  margin-top: 8%;
}
@media (max-width: 1024px) {
  .Hnews .ul {
    margin-left: -15px;
    margin-right: -15px;
  }
  .Hnews li a {
    margin: 0 15px;
  }
  .Hnews li time {
    font-size: 22px;
  }
  .Hnews li .tit {
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  .Hnews .ul {
    margin-left: -10px;
    margin-right: -10px;
  }
  .Hnews li a {
    margin: 0 10px;
  }
  .Hnews li time {
    font-size: 20px;
  }
  .Hnews li .tit {
    font-size: 18px;
  }
}
@media (max-width: 768px) {
  .Hnews .ul {
    margin-left: 0;
    margin-right: 0;
  }
  .Hnews li a {
    margin: 0;
  }
  .Hnews li time {
    font-size: 20px;
  }
  .Hnews li .tit {
    font-size: 18px;
  }
}
#particles-js {
  width: 100%;
  height: auto;
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: 0;
}
.footer {
  padding: 3% 0;
  background-image: linear-gradient(to right, #4cb034, #008375);
  color: #fff;
}
.footer a {
  color: #fff;
}
.footer .left {
  float: left;
  width: 45%;
  color: rgba(255, 255, 255, 0.6);
}
.footer .left figure {
  width: 108px;
}
.footer .left .txt {
  padding-left: 2%;
}
.footer .left .txt .tel b {
  color: #fff;
  font-size: 30px;
}
.footer .left .txt nav {
  font-size: 0;
  margin-top: 10px;
}
.footer .left .txt nav * {
  display: inline-block;
  vertical-align: middle;
}
.footer .left .txt nav a {
  color: rgba(255, 255, 255, 0.6);
  font-size: 14px;
}
.footer .left .txt nav em {
  width: 1px;
  height: 13px;
  background-color: rgba(255, 255, 255, 0.6);
  margin: 2px 8px 0;
}
.footer .left .txt nav em:last-child {
  display: none;
}
.footer .right {
  float: right;
  text-align: right;
  padding-top: 20px;
}
.footer .right nav {
  margin-bottom: 20px;
}
.footer .right aside {
  font-size: 0;
  display: inline-block;
  vertical-align: middle;
}
.footer .right aside * {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
}
.footer .right aside em {
  width: 3px;
  height: 3px;
  border-radius: 100%;
  background-color: #fff;
  margin: 0 10px;
}
.footer .right aside em:last-child {
  display: none;
}
.footer .right .icon {
  display: inline-block;
  vertical-align: middle;
  width: 29px;
  height: 29px;
  background: url(../images/foot_icon1.png) no-repeat;
  margin-left: 12px;
}
.footer .right p {
  font-size: 14px;
}
.footer .right p,
.footer .right p a {
  color: rgba(255, 255, 255, 0.6);
}
@media (max-width: 1366px) {
  .footer .left {
    width: 42%;
  }
  .footer .right {
    padding-right: 0;
    width: 58%;
  }
}
@media (max-width: 1024px) {
  .footer .left,
  .footer .right {
    width: 100%;
    float: none;
    text-align: center;
  }
  .footer .left {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 640px) {
  .footer .left,
  .footer .right {
    width: 100%;
    float: none;
    text-align: center;
  }
  .footer .left .ytable_cell {
    display: block;
  }
  .footer .left figure {
    margin: 2% auto;
  }
  .footer .left .txt {
    padding-left: 0;
  }
  .footer .left .txt .tel b {
    font-size: 22px;
  }
  .footer .left .txt nav {
    margin-top: 5px;
  }
  .footer .right {
    padding-bottom: 10px;
  }
  .footer .right nav {
    display: none;
  }
}
.yBanner img {
  width: 100%;
}
.yBanner .wapBan {
  display: none;
}
@media (max-width: 640px) {
  .yBanner .pcBan {
    display: none;
  }
  .yBanner .wapBan {
    display: block;
  }
}
.Nmenu {
  line-height: 90px;
  border-bottom: 1px solid #eeeeee;
}
.Nmenu .location {
  float: right;
}
.Nmenu .location * {
  display: inline-block;
}
.Nmenu .location a {
  color: #999999;
}
.Nmenu .location i {
  color: #999999;
  margin: 0 10px;
  font-style: normal;
}
.Nmenu .location a:hover,
.Nmenu .location span {
  color: #90c31f;
}
.Nmenu #side-menu {
  float: left;
}
.Nmenu #side-menu li {
  float: left;
  font-size: 18px;
  margin-right: 70px;
}
.Nmenu #side-menu li a {
  display: block;
  color: #999999;
}
.Nmenu #side-menu li a:hover {
  color: #90c31f;
}
.Nmenu #side-menu .active_on a {
  color: #90c31f;
}
@media (max-width: 1024px) {
  .Nmenu .location {
    display: none;
  }
  .Nmenu #side-menu {
    float: none;
  }
  .Nmenu #side-menu li {
    line-height: 60px;
    font-size: 16px;
    margin-right: 1%;
  }
}
@media (max-width: 640px) {
  .Nmenu #side-menu li {
    min-width: auto;
    line-height: 40px;
    font-size: 14px;
  }
  .Nmenu #side-menu li a {
    padding: 0 2px;
    display: block;
  }
}
.mainContent {
  padding: 5% 0 ;
  min-height: 500px;
}
.newsIndex {
  position: relative;
  padding-bottom: 0;
}
.newsIndex .more {
  display: block;
  width: 38px;
  height: 9px;
  background: url(../images/more_icon3.png) no-repeat center;
  background-size: contain;
  margin-top: 10%;
}
.newsIndex .top {
  margin-bottom: 5%;
  position: relative;
}
.newsIndex .top figure {
  width: 51.429%;
  float: left;
  overflow: hidden;
  border-radius: 5px;
}
.newsIndex .top .txt {
  float: right;
  width: 42%;
  padding-bottom: 55px;
}
.newsIndex .top time {
  font-size: 30px;
  color: #90c31f;
  transform: skewX(-15deg);
  display: block;
}
.newsIndex .top time span {
  display: block;
  font-size: 16px;
}
.newsIndex .top h2 {
  font-weight: normal;
  font-size: 30px;
  margin: 2% 0 4%;
}
.newsIndex .top p {
  font-size: 18px;
  color: #666666;
  line-height: 30px;
  height: 90px;
}
.newsIndex .top .owlpage {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 42%;
  text-align: right;
  z-index: 10;
}
.newsIndex .top .owlpage::before {
  content: '';
  width: calc(100% - 150px);
  height: 1px;
  background-color: #eeeeee;
  position: absolute;
  left: 0;
  top: 50%;
}
.newsIndex .top .owlpage .slick-arrow {
  position: static;
  display: inline-block;
  vertical-align: middle;
  width: 50px;
  height: 50px;
  transform: none;
  opacity: 1;
  border-radius: 0;
  margin-left: 8px;
  border: none;
}
.newsIndex .top .owlpage .slick-arrow:hover {
  background-image: url(../images/btn_prev3.png);
  background-color: #00907c;
  box-shadow: none;
}
.newsIndex .top .owlpage .slick-next {
  transform: rotateY(180deg);
}
.newsIndex .top a:hover img {
  transform: scale(1.1);
}
@media (max-width: 1024px) {
  .newsIndex .top time {
    font-size: 24px;
  }
  .newsIndex .top h2 {
    font-size: 22px;
  }
  .newsIndex .top p {
    font-size: 16px;
    line-height: 28px;
    height: 84px;
  }
}
@media (max-width: 768px) {
  .newsIndex .top time {
    font-size: 22px;
  }
  .newsIndex .top time span {
    font-size: 14px;
  }
  .newsIndex .top h2 {
    font-size: 20px;
  }
  .newsIndex .top p {
    font-size: 14px;
    line-height: 24px;
    height: 70px;
  }
}
@media (max-width: 640px) {
  .newsIndex .top figure,
  .newsIndex .top .txt {
    float: none;
    width: 100%;
  }
  .newsIndex .top .txt {
    padding-top: 2%;
    padding-left: 1%;
    padding-right: 1%;
  }
  .newsIndex .top time {
    font-size: 14px;
    line-height: 24px;
  }
  .newsIndex .top time span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    margin-top: -2px;
  }
  .newsIndex .top h2 {
    font-size: 18px;
  }
  .newsIndex .top .owlpage {
    width: 100%;
  }
}
.newsIndex .list {
  background: url(../images/newsBg.jpg) no-repeat center;
  background-size: cover;
  position: relative;
  padding: 5% 0 1px;
}
.newsIndex .list .ul,
.newsIndex .list .Pages {
  position: relative;
  z-index: 2;
}
.newsList li {
  float: left;
  width: 31.215%;
  margin-right: 3.1%;
  margin-bottom: 5%;
}
.newsList li:nth-child(3n) {
  margin-right: 0;
}
.newsList li:nth-child(3n+1) {
  clear: both;
}
.newsList li a {
  display: block;
  background-color: #fff;
  overflow: hidden;
  border-radius: 5px;
  box-shadow: 0px 0px 9.6px 0.4px rgba(242, 242, 242, 0.9);
  border: 1px solid transparent;
}
.newsList li a:hover {
  border-color: #00907c;
}
.newsList li a:hover figure i {
  transform: scale(1.1);
}
.newsList li a:hover .tit {
  color: #00907c;
}
.newsList li a:hover .more {
  background-image: url(../images/more_icon5.png);
}
.newsList li figure {
  overflow: hidden;
}
.newsList li figure i {
  display: block;
  width: 100%;
  padding-top: 62.127%;
}
.newsList li .txt {
  padding: 7%;
}
.newsList li time {
  display: block;
  font-size: 24px;
  color: #999999;
  transform: skewX(-15deg);
}
.newsList li .tit {
  font-weight: normal;
  font-size: 22px;
  color: #333333;
  margin: 5% 0 4%;
}
.newsList li p {
  line-height: 24px;
  color: #666666;
}
.newsList li .more {
  display: block;
  width: 38px;
  height: 9px;
  background: url(../images/more_icon3.png) no-repeat center;
  background-size: contain;
  margin-top: 8%;
}
@media (max-width: 1024px) {
  .newsList li time {
    font-size: 22px;
  }
  .newsList li .tit {
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  .newsList li time {
    font-size: 20px;
  }
  .newsList li .tit {
    font-size: 18px;
  }
}
@media (max-width: 768px) {
  .newsList li {
    width: 100%;
    margin-right: 0;
    float: none;
  }
  .newsList li time {
    font-size: 16px;
  }
  .newsList li .tit {
    font-size: 16px;
  }
}
.newsInfo .fl {
  width: 67.858%;
}
.newsInfo .fr {
  width: 25.143%;
  padding-top: 8%;
}
.newsInfo .fr .ul figure {
  overflow: hidden;
}
.newsInfo .fr .ul figure i {
  display: block;
  width: 100%;
  padding-top: 62.127%;
}
.newsInfo .fr .ul li {
  width: 100%;
  margin-bottom: 6%;
}
.newsInfo .fr .ul a {
  display: block;
  overflow: hidden;
  border-radius: 5px;
}
.newsInfo .fr .ul a:hover figure i {
  transform: scale(1.1);
}
.newsInfo .fr .ul a:hover .tit {
  color: #00907c;
}
.newsInfo .fr .ul .txt {
  padding: 7% 0;
}
.newsInfo .fr .ul time {
  display: block;
  font-size: 16px;
  color: #999999;
  transform: skewX(-15deg);
}
.newsInfo .fr .ul .tit {
  font-size: 20px;
  color: #333333;
  margin: 3% 0;
}
.newsInfo .fr .ul p {
  line-height: 24px;
  color: #666666;
}
@media (max-width: 1000px) {
  .newsInfo .fr {
    padding-top: 10%;
  }
  .newsInfo .fr .ul time {
    font-size: 14px;
  }
  .newsInfo .fr .ul .tit {
    font-size: 18px;
  }
}
@media (max-width: 750px) {
  .newsInfo .fl,
  .newsInfo .fr {
    width: 100%;
    float: none;
  }
  .newsInfo .fr .ul {
    overflow: hidden;
  }
  .newsInfo .fr .ul li {
    width: 49%;
    margin: 0 0.5% 4%;
    float: left;
  }
}
@media (max-width: 480px) {
  .newsInfo .fr .ul li {
    width: 100%;
    margin: 0 0 4%;
    float: none;
  }
}
.newsDetails .title {
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 3.5%;
}
.newsDetails .title h1 {
  font-size: 30px;
  color: #333333;
  font-weight: normal;
}
.newsDetails .title time {
  display: block;
  padding: 2% 0 3%;
  color: #999999;
  border-bottom: 2px solid #eeeeee;
  margin-bottom: 2px;
}
.newsDetails .title.noborder {
  border: none;
}
.newsDetails article {
  font-size: 18px;
  color: #666666;
  line-height: 30px;
  margin-bottom: 7%;
}
.newsDetails .other_title {
  overflow: hidden;
}
.newsDetails .other_title > div {
  width: 49.8%;
  background-color: #ebf4f3;
  padding: 3% 4%;
  font-size: 14px;
  color: #999999;
}
.newsDetails .other_title span {
  height: 30px;
  line-height: 30px;
  font-size: 18px;
  margin-top: 5px;
}
@media (max-width: 1000px) {
  .newsDetails .title h1 {
    font-size: 24px;
  }
}
@media (max-width: 640px) {
  .newsDetails .title h1 {
    font-size: 20px;
  }
  .newsDetails article {
    font-size: 14px;
    line-height: 24px;
  }
  .newsDetails .other_title > div {
    width: 100%;
    float: none;
    margin: 2px 0;
  }
  .newsDetails .other_title > div span {
    font-size: 14px;
  }
}
.info202109031628 .item {
  margin-bottom: 4%;
}
.info202109031628 .item .tit {
  font-size: 20px;
  color: #333333;
  margin-bottom: 2%;
}
.info202109031628 .item .txt {
  width: 49%;
  float: left;
}
.info202109031628 .item .img {
  width: 48%;
  float: right;
  text-align: right;
}
@media (max-width: 640px) {
  .info202109031628 .item .tit {
    font-size: 16px;
  }
  .info202109031628 .item .txt,
  .info202109031628 .item .img {
    width: 100%;
    float: none;
  }
  .info202109031628 .item .img {
    text-align: center;
  }
}
.columnname {
  font-size: 24px;
  color: #00907c;
  margin-bottom: 5%;
}
.columnname.marg_b_2 {
  margin-bottom: 2%;
}
.columnname.marg_b_3 {
  margin-bottom: 3%;
}
@media (max-width: 1024px) {
  .columnname {
    font-size: 22px;
  }
}
@media (max-width: 768px) {
  .columnname {
    font-size: 20px;
  }
}
@media (max-width: 640px) {
  .columnname {
    font-size: 20px;
  }
}
.Contactus .ytable {
  background-color: #f8f8f8;
}
.Contactus .allamp {
  position: relative;
  height: 495px;
  width: 62.858%;
}
.Contactus .allamp::before {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 29%;
  height: 100%;
  background: url(../images/map_bg.png) no-repeat left center;
  background-size: cover;
  z-index: 2;
}
.Contactus .allamp #map {
  width: 100%;
  height: 100%;
  position: relative;
}
.Contactus .allamp #map * {
  max-width: none;
}
.Contactus .txt_con {
  padding: 3% 4.5%;
  line-height: 28px;
}
.Contactus .txt_con h2 {
  font-size: 24px;
  color: #333333;
  margin: 0;
  line-height: normal;
}
.Contactus .txt_con h2::after {
  content: '';
  display: block;
  width: 27px;
  height: 2px;
  background-color: #cecece;
  margin: 20px 0;
}
.Contactus .txt_con .contactUl {
  margin-top: 6%;
}
.Contactus .txt_con .contactUl li {
  color: #888888;
  line-height: 36px;
  padding-left: 25px;
  background: url(../images/lx_icon1.png) no-repeat left center;
}
.Contactus .txt_con .contactUl .email {
  background-image: url(../images/lx_icon2.png);
}
.Contactus .txt_con .contactUl .add {
  background-image: url(../images/lx_icon3.png);
  background-position: left top 10px;
}
@media (max-width: 640px) {
  .Contactus .ytable_cell {
    display: block;
    width: 100%;
  }
  .Contactus .allamp {
    height: 300px;
  }
  .Contactus .allamp::before {
    display: none;
  }
  .Contactus .txt_con {
    padding: 5%;
  }
  .Contactus .txt_con h2 {
    font-size: 20px;
  }
  .Contactus .txt_con li {
    max-width: 100%;
  }
  .Contactus .table h2 {
    font-size: 20px;
  }
}
.slick-dots {
  text-align: center;
  font-size: 0;
  margin-top: 2%;
}
.slick-dots li {
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 10px;
  border: 1px solid #90c31f;
  margin: 0 8px;
}
.slick-dots li button {
  display: none;
}
.slick-dots li.slick-active {
  background-color: #90c31f;
}
@media (max-width: 640px) {
  .slick-dots li {
    margin: 0 3px;
  }
}
.itemPlatform {
  padding-bottom: 5%;
}
.itemPlatform .ul {
  margin: 0 -19px;
}
.itemPlatform a {
  display: block;
  margin: 0 19px;
}
.itemPlatform figure {
  padding-top: 68.327%;
  position: relative;
  border: 1px solid #eeeeee;
  border-radius: 10px;
  width: 100%;
}
.itemPlatform figure img {
  max-height: 95%;
  max-width: 95%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
}
.itemPlatform h3 {
  text-align: center;
  color: #666666;
  font-size: 18px;
  margin: 18px 0;
  word-break: normal;
}
@media (max-width: 1200px) {
  .itemPlatform .ul {
    margin: 0;
  }
  .itemPlatform a {
    margin: 0 10px;
  }
}
@media (max-width: 1000px) {
  .itemPlatform a {
    margin: 0 5px;
  }
  .itemPlatform h3 {
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  .itemPlatform h3 {
    font-size: 14px;
  }
}
.itemLevel {
  background: url(../images/ky_bg1.jpg) no-repeat center;
  background-size: cover;
  padding: 5% 0;
}
.itemLevel .left {
  font-size: 18px;
  color: #333333;
  line-height: 36px;
  width: 52%;
  float: left;
}
.itemLevel .right {
  width: 43%;
  float: right;
}
.itemLevel .right .item {
  width: 50%;
  text-align: center;
  float: left;
}
.itemLevel .right .item:last-child {
  border-left: 1px solid #ebebeb;
}
.itemLevel .numList {
  font-size: 18px;
  color: #888888;
}
.itemLevel .numList h3 {
  font-weight: normal;
  font-size: 36px;
  color: #333333;
  padding: 10px 0 15px;
  position: relative;
}
.itemLevel .numList h3::before {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 40px;
  height: 1px;
  background-color: #ebebeb;
  bottom: 0;
}
.itemLevel .numList span {
  display: block;
  margin: 12px 0 0;
  color: #90c31f;
}
.itemLevel .numList span b {
  font-size: 60px;
  font-family: arial;
}
@media (max-width: 1000px) {
  .itemLevel .left {
    font-size: 16px;
    line-height: 30px;
  }
  .itemLevel .numList {
    font-size: 16px;
  }
  .itemLevel .numList h3 {
    font-size: 24px;
  }
  .itemLevel .numList span b {
    font-size: 40px;
  }
}
@media (max-width: 640px) {
  .itemLevel .left,
  .itemLevel .right {
    width: 100%;
    float: none;
    overflow: hidden;
    margin-bottom: 6%;
  }
  .itemLevel .left {
    font-size: 14px;
    line-height: 24px;
  }
  .itemLevel .numList {
    font-size: 14px;
  }
  .itemLevel .numList h3 {
    font-size: 20px;
  }
  .itemLevel .numList span b {
    font-size: 30px;
  }
}
.itemAchievements {
  padding-top: 5%;
}
.itemAchievements article {
  font-size: 18px;
  line-height: 32px;
  color: #333333;
  margin-bottom: 5%;
}
.itemAchievements .list {
  margin: 0 -6px;
}
.itemAchievements .list .box {
  margin: 0 6px;
  border: 1px solid #eeeeee;
  border-radius: 10px;
  text-align: center;
  height: 250px;
  padding: 7% 7% 2%;
}
.itemAchievements .list .box:hover figure {
  transform: rotateY(180deg);
}
.itemAchievements .list figure {
  margin: 0 auto 5%;
  width: 80px;
  height: 80px;
  line-height: 80px;
  background-color: #fcfdf7;
  border: 1px solid #f2f2f2;
  border-radius: 100%;
  transition: all 0.5s;
}
.itemAchievements .list figure img {
  display: inline-block;
  max-height: 100%;
}
.itemAchievements .list h3 {
  font-size: 18px;
  color: #333333;
  font-weight: normal;
  margin-bottom: 5px;
}
.itemAchievements .list p{color:#333;}
.itemAchievements .slick-arrow {
  opacity: 1;
}
.itemAchievements .slick-prev {
  left: -4%;
}
.itemAchievements .slick-next {
  right: -4%;
}
@media (max-width: 1600px) {
  .itemAchievements .slick-prev {
    left: 0;
  }
  .itemAchievements .slick-next {
    right: 0;
  }
}
@media (max-width: 1000px) {
  .itemAchievements article {
    font-size: 16px;
    line-height: 28px;
  }
  .itemAchievements .list {
    margin: 0;
  }
  .itemAchievements .list .box {
    padding-left: 5%;
    padding-right: 5%;
  }
  .itemAchievements .list h3 {
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  .itemAchievements article {
    font-size: 14px;
    line-height: 24px;
  }
  .itemAchievements .list .box {
    padding-left: 3%;
    padding-right: 3%;
  }
  .itemAchievements .list h3 {
    font-size: 14px;
  }
  .itemAchievements .list p {
    font-size: 12px;
  }
}
.CoreIndex .tit {
  position: relative;
  padding-top: 40px;
  font-size: 30px;
  color: #00907c;
  margin-bottom: 20px;
}
.CoreIndex .tit b {
  position: absolute;
  bottom: 0;
  left: 37px;
  color: #90c31f;
  opacity: 0.2;
  font-size: 100px;
  line-height: 0.82em;
  font-family: arial;
}
.CoreIndex .text {
  font-size: 18px;
  line-height: 30px;
  color: #666666;
}
.CoreIndex .item1,
.CoreIndex .item2 {
  width: 46.5%;
  float: left;
}
.CoreIndex .item1 .text,
.CoreIndex .item2 .text {
  margin-bottom: 10%;
}
.CoreIndex .item2 {
  float: right;
}
.CoreIndex .item3 {
  margin: 6% 0;
  background-color: #00907c;
}
.CoreIndex .item3 .img {
  width: 62.215%;
}
.CoreIndex .item3 .box {
  padding: 0 5%;
}
.CoreIndex .item3 .tit {
  color: #fff;
}
.CoreIndex .item3 .tit b {
  color: #ffffff;
  opacity: 0.1;
}
.CoreIndex .item3 .text {
  color: #fff;
}
.CoreIndex .item4 .box {
  padding-right: 11%;
}
.CoreIndex .item5 .box {
  padding: 0 4% 0 9%;
}
@media (max-width: 1000px) {
  .CoreIndex .tit {
    font-size: 24px;
    margin-bottom: 10px;
  }
  .CoreIndex .tit b {
    font-size: 70px;
    line-height: 0.62em;
  }
  .CoreIndex .text {
    font-size: 16px;
    line-height: 28px;
  }
}
@media (max-width: 768px) {
  .CoreIndex .tit {
    font-size: 22px;
    padding-top: 10px;
  }
  .CoreIndex .tit b {
    font-size: 60px;
    line-height: 0.52em;
  }
  .CoreIndex .item1,
  .CoreIndex .item2 {
    width: 49%;
  }
  .CoreIndex .item3 .box,
  .CoreIndex .item5 .box {
    padding: 0 2%;
  }
  .CoreIndex .item4 .box {
    padding-right: 2%;
  }
}
@media (max-width: 640px) {
  .CoreIndex .text {
    font-size: 14px;
    line-height: 24px;
  }
  .CoreIndex .item1,
  .CoreIndex .item2 {
    width: 100%;
    float: none;
    margin-bottom: 5%;
  }
  .CoreIndex .item4 {
    margin-bottom: 5%;
  }
  .CoreIndex .item .ytable_cell {
    display: block;
  }
  .CoreIndex .item .img {
    width: 100%;
  }
  .CoreIndex .item .box {
    padding: 5% 2%;
  }
}
.pic_titList {
  padding-bottom: 0;
}
.pic_titList .ul {
  margin-bottom: 5%;
}
.pic_titList li {
  padding: 4% 0;
  border-bottom: 1px solid #eeeeee;
}
.pic_titList li:first-child {
  padding-top: 0;
}
.pic_titList figure {
  width: 370px;
  overflow: hidden;
}
.pic_titList figure i {
  display: block;
  width: 100%;
  padding-top: 64.869%;
  border-radius: 10px;
}
.pic_titList .txt {
  padding-right: 7%;
}
.pic_titList h3 {
  font-size: 24px;
  font-weight: normal;
}
.pic_titList p {
  font-size: 18px;
  color: #666666;
  line-height: 32px;
  margin: 3% 0 5%;
}
.pic_titList .Hmore {
  color: #90c31f;
}
.pic_titList .Hmore::after {
  background-image: url(../images/more_icon6.png);
  width: 23px;
  height: 6px;
}
.pic_titList a:hover i {
  transform: scale(1.1);
}
@media (max-width: 768px) {
  .pic_titList figure {
    width: 35%;
  }
  .pic_titList .txt {
    padding-right: 4%;
  }
  .pic_titList h3 {
    font-size: 20px;
  }
  .pic_titList p {
    font-size: 16px;
    line-height: 28px;
  }
}
@media (max-width: 640px) {
  .pic_titList figure {
    width: 38%;
  }
  .pic_titList .txt {
    padding-right: 2%;
  }
  .pic_titList h3 {
    font-size: 16px;
  }
  .pic_titList p {
    font-size: 14px;
    line-height: 22px;
  }
  .pic_titList .Hmore {
    font-size: 12px;
  }
}
.jobtxtCon .item {
  padding: 3.5% 2%;
  font-size: 18px;
  color: #666666;
  line-height: 30px;
}
.jobtxtCon .item:nth-child(2n) {
  background-color: #f7fafa;
}
.jobtxtCon .tit {
  width: 260px;
  vertical-align: top;
  font-size: 30px;
  color: #00907c;
}
.jobtxtCon .iconList {
  margin-top: 3%;
}
.jobtxtCon .iconList li {
  display: inline-block;
  text-align: center;
  font-size: 16px;
  min-width: 11%;
  margin: 10px 0 30px;
  width: 24%;
  /* float: left; */
  vertical-align: top;
  font-size: 14px;
}
.jobtxtCon .iconList li p{ margin: 0; line-height: 24px;}
.jobtxtCon .iconList li .icon {
  display: block;
  height: 50px;
  line-height: 50px;
}
@media (max-width: 768px) {
  .jobtxtCon .item {
    font-size: 16px;
    line-height: 28px;
  }
  .jobtxtCon .tit {
    width: 150px;
  }
  .jobtxtCon .iconList li {
    min-width: 17.5%;
  }
}
@media (max-width: 640px) {
  .jobtxtCon .item {
    font-size: 14px;
    line-height: 24px;
  }
  .jobtxtCon .ytable_cell {
    display: block;
  }
  .jobtxtCon .tit {
    width: 100%;
    margin: 2% 0;
  }
  .jobtxtCon .iconList li {
    font-size: 14px;
    min-width: 19%;
	width: 49%;
  }
}
.job_tit {
  font-size: 30px;
  color: #00907c;
}
@media (max-width: 768px) {
  .job_tit,
  .jobtxtCon .tit {
    font-size: 24px;
  }
}
@media (max-width: 640px) {
  .job_tit,
  .jobtxtCon .tit {
    font-size: 20px;
  }
}
.job_item .slick-dots li {
  width: 15px;
  height: 15px;
}
@media (max-width: 640px) {
  .job_item .slick-dots li {
    width: 8px;
    height: 8px;
  }
}
.job_Office {
  margin: 5% 0;
}
.job_Office .ul {
  margin: 1.8% -36px 0;
}
.job_Office a {
  display: block;
  margin: 0 36px;
}
.job_Office figure {
  padding-top: 67.545%;
  border-radius: 5px;
}
.job_Office h3 {
  font-size: 18px;
  color: #666666;
  margin: 5% 0 3%;
  text-align: center;
}
@media (max-width: 1024px) {
  .job_Office .ul {
    margin-left: -15px;
    margin-right: -15px;
  }
  .job_Office a {
    margin: 0 15px;
  }
}
@media (max-width: 768px) {
  .job_Office .ul {
    margin-left: -10px;
    margin-right: -10px;
  }
  .job_Office a {
    margin: 0 10px;
  }
}
@media (max-width: 640px) {
  .job_Office .ul {
    margin-left: 0;
    margin-right: 0;
  }
  .job_Office a {
    margin: 0;
  }
}
.job_Thinking .ul {
  margin: 5% -38px 0;
}
.job_Thinking .box {
  margin: 0 38px;
  position: relative;
}
.job_Thinking figure {
  width: 140px;
  height: 140px;
  margin: 0 auto -70px;
  position: relative;
  z-index: 2;
  border-radius: 100%;
  border: 1px solid #dcecea;
}
.job_Thinking .txt {
  height: 500px;
  background: url(../images/job_icon.png) no-repeat 93% bottom #fafefd;
  border: 1px solid #dcecea;
  border-radius: 5px;
  position: relative;
  padding: 135px 8% 0;
  line-height: 30px;
  text-align: justify;
}
.job_Thinking .slick-prev {
  left: -4%;
}
.job_Thinking .slick-next {
  right: -4%;
}
@media (max-width: 1600px) {
  .job_Thinking .slick-prev {
    left: -5px;
  }
  .job_Thinking .slick-next {
    right: -5px;
  }
}
@media (max-width: 1024px) {
  .job_Thinking .ul {
    margin-left: -15px;
    margin-right: -15px;
  }
  .job_Thinking .box {
    margin: 0 15px;
  }
}
@media (max-width: 768px) {
  .job_Thinking .ul {
    margin-left: -10px;
    margin-right: -10px;
  }
  .job_Thinking .box {
    margin: 0 10px;
  }
}
@media (max-width: 640px) {
  .job_Thinking .ul {
    margin-left: 0;
    margin-right: 0;
  }
  .job_Thinking .box {
    margin: 5px;
  }
}
.job_style {
  margin: 5% 0;
}
.job_style .ul {
  margin: 4% -5px 0;
}
.job_style a {
  display: block;
  margin: 0 5px;
}
.job_style figure {
  padding-top: 67.545%;
  margin-bottom: 5%;
}
.jobUs {
  background: url(../images/job_bg.jpg) no-repeat center;
  background-size: cover;
  padding: 5%;
}
.jobUs .ytable {
  margin-top: 3.5%;
}
.jobUs .email .box,
.jobUs .tel .box {
  padding-left: 130px;
  background: url(../images/job_email.png) no-repeat left center;
  min-height: 98px;
  padding-top: 10px;
  font-size: 24px;
  color: #808080;
  line-height: 36px;
}
.jobUs .email .box p,
.jobUs .tel .box p {
  color: #333333;
}
.jobUs .tel .box {
  background-image: url(../images/job_tel.png);
}
.jobUs .more {
  width: 170px;
}
.jobUs .more a {
  display: block;
  width: 100%;
  text-align: center;
  line-height: 50px;
  color: #fff;
  background-color: #4bb033;
  border-radius: 5px;
  transition: all 0.5s;
}
.jobUs .more a::after {
  content: '';
  display: inline-block;
  width: 23px;
  height: 6px;
  background: url(../images/more_icon2.png) no-repeat center;
  vertical-align: middle;
  margin-left: 10px;
}
.jobUs .more a:hover {
  box-shadow: 0 0 10px #4bb033;
}
@media (max-width: 1200px) {
  .jobUs {
    padding-left: 4%;
    padding-right: 4%;
  }
  .jobUs .email .box,
  .jobUs .tel .box {
    padding-left: 110px;
  }
}
@media (max-width: 1024px) {
  .jobUs .email .box,
  .jobUs .tel .box {
    font-size: 20px;
  }
  .jobUs .more {
    width: 150px;
  }
}
@media (max-width: 768px) {
  .jobUs {
    padding-left: 1%;
    padding-right: 1%;
  }
  .jobUs .email .box,
  .jobUs .tel .box {
    font-size: 18px;
    padding-left: 100px;
  }
  .jobUs .more {
    width: 120px;
  }
}
@media (max-width: 640px) {
  .jobUs {
    padding-left: 1%;
    padding-right: 1%;
  }
  .jobUs .ytable_cell {
    display: block;
    margin: 5%;
  }
  .jobUs .email .box,
  .jobUs .tel .box {
    font-size: 16px;
    padding-left: 80px;
    background-size: 70px;
  }
}
.aboutInfo .left {
  width: 58%;
}
.aboutInfo .left .en {
  font-size: 24px;
  margin-bottom: 10px;
}
.aboutInfo .left .img {
  margin-left: -26%;
  margin-right: -14%;
  margin-top: 20%;
}
.aboutInfo .right {
  width: 42%;
  color: #888888;
  line-height: 30px;
}
.aboutInfo .right .txt {
  font-size: 24px;
  color: #333333;
  line-height: 40px;
}
@media (max-width: 1024px) {
  .aboutInfo .left,
  .aboutInfo .right {
    width: 100%;
    float: none;
  }
  .aboutInfo .left .en {
    font-size: 20px;
  }
  .aboutInfo .left .img {
    margin: 10% 0 0;
  }
  .aboutInfo .right {
    margin-bottom: 5%;
  }
}
@media (max-width: 768px) {
  .aboutInfo .left .en {
    font-size: 16px;
  }
  .aboutInfo .right {
    line-height: 24px;
  }
  .aboutInfo .right .txt {
    font-size: 18px;
    line-height: 28px;
  }
}


.about{ padding: 0 0 4% 0;}
@media (min-width: 1025px) {
.about_content .fl {width: 47%;}
.about_content .fr {width: 50%;}
.about_content .img{ margin-top: 12%;}
}



.history {
  padding: 5% 0;
  background-color: #f8f8f8;
}
.history .slick-prev {
  left: -5%;
}
.history .slick-next {
  right: -5%;
}
@media (max-width: 1600px) {
  .history .slick-prev {
    left: -5px;
  }
  .history .slick-next {
    right: -5px;
  }
}
.history li {
  text-align: center;
}
.history li .box {
  max-width: 265px;
  margin: 0 auto;
  padding: 0 2%;
  position: relative;
  line-height: 24px;
}
.history li time {
  font-size: 18px;
  color: #00907c;
  line-height: normal;
}
.history li time b {
  font-size: 40px;
  font-family: 'OswaldRegular';
  font-weight: normal;
}
.history li .line {
  text-align: center;
  margin: 10px 0;
  display: block;
}
.history li .line::before {
  content: '';
  width: 1px;
  height: 60px;
  background-color: #aaaaaa;
  display: block;
  margin: 0 auto;
}
.history li .line i {
  display: block;
  margin: 0 auto;
  width: 14px;
  height: 14px;
  border-radius: 100%;
  border: 1px solid #aaaaaa;
  position: relative;
}
.history li .line i::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #aaa;
  border-radius: 100%;
  width: 6px;
  height: 6px;
}
.history .slick-active .box::before {
  content: '';
  position: absolute;
  left: 100%;
  top: 0;
  width: 49px;
  height: 35px;
  background: url(../images/about_icon1.png) no-repeat center;
}
@media (max-width: 768px) {
  .history li time {
    font-size: 16px;
  }
  .history li time b {
    font-size: 30px;
  }
}
.CultureBox {
  padding: 5% 0;
}
.CultureInfo {
  font-size: 18px;
  line-height: 30px;
}
.CultureInfo .icon {
  display: inline-block;
  transition: all 0.5s;
}
.CultureInfo .tit {
  font-size: 30px;
  color: #000000;
  margin: 7% 0 4%;
}
.CultureInfo .left {
  width: 66.67%;
  float: left;
}
.CultureInfo .left li {
  width: 49.8%;
  margin-right: 0.2%;
  margin-bottom: 0.2%;
  float: left;
  background: url(../images/culture_icon1.png) no-repeat right bottom #fbfdf6;
  height: 290px;
  padding: 6% 5% 0;
}
.CultureInfo .left li:nth-child(2n+1) {
  clear: both;
}
.CultureInfo .left li:nth-child(2) {
  background-image: url(../images/culture_icon2.png);
}
.CultureInfo .left li:nth-child(3) {
  background-image: url(../images/culture_icon3.png);
}
.CultureInfo .left li:nth-child(4) {
  background-image: url(../images/culture_icon4.png);
}
.CultureInfo .left li:hover .icon {
  transform: rotateY(180deg);
}
.CultureInfo .right {
  width: 33.33%;
  float: right;
  padding: 3% 3% ;
  background: url(../images/culture_icon5.png) no-repeat right bottom #fffce4;
  height: auto;
  line-height: 24px;
}
.CultureInfo .right .tit {
  padding-bottom: 5%;
}
.CultureInfo .right:hover .icon {
  transform: rotateY(180deg);
}
@media (max-width: 768px) {
  .CultureInfo .tit {
    font-size: 20px;
  }
  .CultureInfo .left,
  .CultureInfo .right {
    width: 100%;
    float: none;
  }
  .CultureInfo .right {
    height: auto;
    padding-bottom: 5%;
  }
}
@media (max-width: 640px) {
  .CultureInfo {
    font-size: 14px;
  }
  .CultureInfo .tit {
    font-size: 20px;
  }
  .CultureInfo .left li {
    width: 100%;
    float: none;
    margin-right: 0;
    margin-bottom: 1%;
    height: auto;
    padding-bottom: 5%;
  }
}
.DutyBox {
  padding: 5% 0;
  position: relative;
}
.DutyBox::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 70%;
  background: url(../images/about_bg.png) no-repeat center bottom;
  background-size: cover;
}
.DutyBox .w1400 {
  position: relative;
  z-index: 2;
}
.DutyBox article {
  line-height: 36px;
  margin-bottom: 8%;
}
.DutyBox article .tit {
  font-size: 40px;
  color: #333333;
  margin-bottom: 3%;
}
.DutyBox article .line {
  position: relative;
  padding-left: 15px;
}
.DutyBox article .line::before {
  content: '';
  position: absolute;
  left: 0;
  top: 15px;
  width: 5px;
  height: 5px;
  background-color: #90c31f;
  border-radius: 100%;
}
.DutyBox .list .ul {
  margin: 0 -20px;
}
.DutyBox .list a {
  display: block;
  margin: 0 20px;
}
.DutyBox .list figure {
  padding-top: 75%;
}
.DutyBox .list .title {
  color: #333333;
  font-size: 22px;
  font-weight: normal;
  margin: 5% 0 3%;
}
.DutyBox .list p {
  color: #666666;
  text-align: left;
}
@media (max-width: 768px) {
  .DutyBox article .tit {
    font-size: 30px;
  }
  .DutyBox .list .ul {
    margin: 0;
  }
  .DutyBox .list a {
    margin: 0 10px;
  }
  .DutyBox .list .title {
    font-size: 20px;
  }
}
@media (max-width: 640px) {
  .DutyBox article .tit {
    font-size: 18px;
  }
  .DutyBox .list {
    margin: 0;
  }
  .DutyBox .list .title {
    font-size: 16px;
  }
}
.proIndex {
  background: url(../images/pro_bg.png) no-repeat center bottom;
}
.proAbout {
  overflow: hidden;
  margin-bottom: 5%;
}
.proAbout .left {
  width: 50%;
  float: left;
}
.proAbout .right {
  width: 48.572%;
  float: right;
}
.proAbout .tit h3 {
  font-weight: normal;
  font-size: 40px;
  color: #333333;
  margin-bottom: 10px;
}
.proAbout .tit p {
  font-size: 30px;
  color: #666666;
}
.proAbout .list {
  margin-top: 12%;
  text-align: center;
  max-width: 600px;
}
.proAbout .list figure {
  padding-top: 105%;
  margin-bottom: 15px;
}
.proAbout .list .box {
  max-width: 110px;
  margin: 0 auto;
  font-size: 14px;
  color: #888888;
}
.proAbout .list .slick-dots {
  margin-top: 5%;
}
@media (max-width: 1024px) {
  .proAbout .tit h3 {
    font-size: 30px;
  }
  .proAbout .tit p {
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  .proAbout .tit h3 {
    font-size: 22px;
  }
  .proAbout .tit p {
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  .proAbout .tit h3 {
    font-size: 20px;
  }
  .proAbout .left,
  .proAbout .right {
    width: 100%;
    float: none;
    margin-top: 3%;
  }
}
.proList {
  padding: 8% 0 0;
  background: url(../images/pro_bg2.jpg) no-repeat center;
  background-size: cover;
  min-height: 720px;
}
.proList .img {
  margin: 0 auto;
  width: 50%;
  text-align: center;
}
.proList .video_bn {
  display: block;
  margin: 0 auto;
  width: 60px;
  height: 60px;
  background: url(../images/play_icon.png) no-repeat center;
  background-size: contain;
  cursor: pointer;
}
.proList .w1400 {
  position: relative;
}
.proList li {
  position: absolute;
  width: 27%;
}
.proList li:hover .box figure {
  transform: rotateY(180deg);
}
.proList li:hover .box h3,
.proList li:hover .box p {
  color: #db0019;
}
.proList li:nth-child(odd) {
  text-align: right;
}
.proList li:nth-child(odd) .box {
  padding-right: 85px;
}
.proList li:nth-child(odd) figure {
  right: 0;
}
.proList li:nth-child(odd) .line {
  left: 106%;
}
.proList li:nth-child(even) {
  text-align: left;
  width: 28%;
}
.proList li:nth-child(even) .box {
  padding-left: 85px;
}
.proList li:nth-child(even) figure {
  left: 0;
}
.proList li:nth-child(even) .line {
  right: 106%;
}
.proList li:nth-child(even) .line::before {
  right: 5px;
  left: auto;
}
.proList li .line {
  position: absolute;
  top: 25px;
}
.proList li .line::before,
.proList li .line::after {
  position: absolute;
  content: '';
  background-color: #ddeceb;
}
.proList li .line i {
  width: 5px;
  height: 5px;
  display: block;
  border-radius: 100%;
  background-color: #6ab0a9;
}
.proList li .line::before {
  width: 60px;
  height: 1px;
  left: 5px;
  top: 50%;
  margin-top: -1px;
}
.proList li:first-child {
  top: 0;
  left: 0;
}
.proList li:first-child .line::after {
  left: 50px;
  width: 100px;
  height: 1px;
  transform: rotate(45deg);
  top: 38px;
}
.proList li:nth-child(2) {
  top: 0;
  right: 0;
}
.proList li:nth-child(2) .line::after {
  right: 50px;
  width: 100px;
  height: 1px;
  transform: rotate(-45deg);
  top: 38px;
}
.proList li:nth-child(3) {
  top: 40%;
  left: 0;
}
.proList li:nth-child(4) {
  top: 40%;
  right: 0;
}
.proList li:nth-child(5) {
  top: 80%;
  left: 0;
}
.proList li:nth-child(5) .line::after {
  left: 50px;
  width: 100px;
  height: 1px;
  transform: rotate(-45deg);
  top: -32px;
}
.proList li:nth-child(6) {
  top: 80%;
  right: 0;
}
.proList li:nth-child(6) .line::after {
  right: 50px;
  width: 100px;
  height: 1px;
  transform: rotate(45deg);
  top: -32px;
}
.proList li:nth-child(3) .line::before,
.proList li:nth-child(4) .line::before {
  width: 100px;
}
.proList .box figure {
  width: 57px;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.5s;
}
.proList .box h3 {
  font-weight: normal;
  color: #333333;
  font-size: 22px;
  margin-bottom: 8px;
}
@media (max-width: 1000px) {
  .proList .img {
    width: 100%;
    padding-bottom: 2%;
  }
  .proList li {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    width: 100%!important;
    margin-bottom: 5%;
  }
  .proList li .box {
    padding-left: 85px;
    padding-right: 0;
    text-align: left;
  }
  .proList li .box figure {
    left: 0;
    right: auto;
  }
  .proList li .box h3 {
    font-size: 18px;
  }
  .proList .line {
    display: none;
  }
}
.proItem3 {
  padding-top: 5%;
}
.proItem3 .proContent {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.proItem3 .proContent .left,
.proItem3 .proContent .right {
  display: table-cell;
  vertical-align: middle;
}
.proItem3 .proContent .tit {
  font-size: 36px;
  color: #333333;
  line-height: 36px;
  margin-bottom: 10%;
}
.proItem3 .proContent .btn{margin-bottom:2%;height: 37px;}
.proItem3 .proContent .btn a{padding:8px 20px;background: #4bb033;color: #fff;}
.proItem3 .proContent .btn:hover a{background:#dc001a;}
.proItem3 .proContent .tit .icon {
  display: inline-block;
  border: 2px solid #dc001a;
  color: #dc001a;
  font-size: 20px;
  padding: 0 10px;
  margin-left: 50px;
}
.proItem3 .proContent .left {
  width: 58.572%;
}
.proItem3 .proContent .list li {
  line-height: 30px;
  margin-bottom: 4%;
  font-weight: bold;
}
.proItem3 .proContent .list li:nth-child(6) .tit{width: 241px;}
.proItem3 .proContent .list li:nth-child(-n+4) {
  float: left;
  width: 55%;
  padding-right: 3%;
}
.proItem3 .proContent .list li:nth-child(2),
.proItem3 .proContent .list li:nth-child(4) {
  width: 45%;
  padding-left: 5%;
  padding-right: 0;
}
.proItem3 .proContent .list li:nth-child(3) {
  clear: both;
}
.proItem3 .proContent .list .ytable_cell {
  vertical-align: top;
}
.proItem3 .proContent .list .tit {
  font-size: 16px;
  text-align-last: justify;
  -moz-text-align-last: justify;
  text-align: justify;
  text-justify: distribute-all-lines;
  width: 136px;
}
.proItem3 .proContent .list .txt {
  padding-left: 20px;
  padding-top: 5px;
}
@media (max-width: 1024px) {
  .proItem3 .proContent .tit {
    font-size: 30px;
  }
}
@media (max-width: 768px) {
  .proItem3 .proContent .tit {
    font-size: 22px;
    margin-bottom: 5%;
  }
  .proItem3 .proContent .tit .icon {
    margin-left: 10px;
    font-size: 16px;
  }
  .proItem3 .proContent .left,
  .proItem3 .proContent .right {
    width: 100%;
    display: block;
  }
  .proItem3 .proContent .list li {
    width: 100%!important;
    float: none!important;
    padding: 0!important;
    margin-bottom: 2%;
  }
  .proItem3 .proContent .list .tit {
    font-size: 16px;
    width: 140px;
  }
.proItem3 .proContent .list li:nth-child(6) .tit,.proItem3 .proContent .list li:nth-child(7) .tit{display: block;width: 250px;}
.proItem3 .proContent .list li:nth-child(6) .txt,.proItem3 .proContent .list li:nth-child(7) .txt{width: 100%;display: block;padding-left: 0;}
}
@media (max-width: 1024px) {
  .proIndex {
    background-size: contain;
  }
}
.searchList .list {
  padding-bottom: 3%;
}
.searchList dd {
  line-height: 52px;
  border-bottom: 1px dashed #e2e2e2;
}
.searchList dd time {
  float: right;
  margin-left: 2%;
  color: #999999;
  font-size: 15px;
}



/*
 .Floor002460 为demo编号
 */
.Floor002460{padding:5% 0;}
.Floor002460 .desc{margin-bottom:2%; font-size:18px; color:#999;}
.Floor002460 .auto{ max-width: 1400px;background: url(../images/probg.jpg) no-repeat center center;}
@media only screen and (max-width:1430px ) {
	.Floor002460 .auto{ max-width: 1430px; padding-left: 15px; padding-right: 15px;}
}
.Floor002460 .fl{width:40%;}
.Floor002460 .fr{width:54%;}
.Floor002460 .fl .text{padding:10%;}
.Floor002460 .fl .text .tit{font-size:40px;color:#333;text-align: left;font-weight: normal;margin:0;margin-bottom:35px;}
.Floor002460 .fl .text p{font-size:18px;line-height: 36px;text-align: justify;}

.Floor002460 .videobox{ position: relative;height: 200px;}
.Floor002460 .videobg{ background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; height: 200px;}
.Floor002460 .videobg .play{ display: block; background: url(../images/Floor002460-play.png) no-repeat center;  width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-size: 30px 30px; cursor: pointer;}
.Floor002460 .video{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; display: none;}
.Floor002460 .video video{ width: 100%; height: 100%; background: #000;}

@media only screen and (min-width: 768px) {
.Floor002460 .videobg,.Floor002460 .videobox{ height: 320px;}
.Floor002460 .videobg .play{background-size:100px 100px;}
}
@media only screen and (min-width: 1200px) {
.Floor002460 .videobg,.Floor002460 .videobox{ height: 435px;}
.Floor002460 .videobg .play{background-size:80px 80px;}
}

@media(max-width:640px){
.Floor002460 .fl,.Floor002460 .fr{ float: none; width: 100%;}
.Floor002460 .fl .text{padding:2% 0;}
.Floor002460 .fl .text p{font-size:14px;line-height: 24px;}
.Floor002460 .fl .text .tit{font-size:22px;margin-bottom:10px;}
.Floor002460 .desc{font-size:14px; }
}





.protheme{padding:4% 0 4%;font-size:18px;background:#f8f8f8;background: url(../images/probg.jpg) top center;}
.protheme .w1400{background: #fff;
    box-shadow: 0px 0px 9.6px 0.4px rgb(242 242 242 / 90%);padding:3%;}
.protheme .tit{font-size:40px;color:#333;text-align: center;font-weight: normal;margin:0;margin-bottom:35px;}
.protheme .p{font-size:18px;line-height: 35px;text-align: center;}
.protheme p{font-size:18px;line-height: 35px;margin-block-start: 1em;margin-block-end: 1em;}
.protheme a{}
.protheme a:hover{color:#90c31f;}

@media(max-width:640px){
.protheme .tit{font-size:22px;}
.protheme .p{font-size:16px;line-height: 28px;}
.protheme p{font-size:14px;line-height: 28px;}
}



.protheme .con{margin-bottom:3%;}
.protheme .con h2{font-size:26px;font-weight: normal; color:#00907c;margin-top:0;margin-bottom:0;}
.protheme .con dl dd{border-bottom:1px solid #e9e9e9;padding:1% 0;}
.protheme .con h3{font-size:22px;color:#333;font-weight: normal;padding-left:20px;position: relative; margin-block-start: 1em;margin-block-end: 1em;}
.protheme .con h3:after{content:'';width:5px;height: 5px;background:#00907c;border-radius: 50px;display: block;position: absolute;left:0;top:14px;}
.protheme .con .more{display: inline-block;color:#90c31f; margin-top:2%;}
.protheme .con .more:after{content: '';display: inline-block;vertical-align: middle;width: 30px;height: 9px;
  background: url(../images/more_ico.png) no-repeat center;background-size: contain;margin-top: -5px;margin-left: 10px;}
.protheme .con2{margin-bottom:1%;}

.Pipeline{padding:5% 0 5%;}
.Pipeline .tit{font-size:40px;color:#333;text-align: center;font-weight: normal;margin:0;margin-bottom:35px;}

.Pipeline .yfgx{width:100%;padding:0% 0 0% ;}
.Pipeline .yfgx .auto{width:1400px;}
.Pipeline .yfgx dl{border-top:2px solid #00907c;border-right:1px solid #e6e6e6;}
.Pipeline .yfgx dl dd{width:16.66%;float:left;font-size:18px;color:#333; border:1px solid #e8e8e8;border-top:0; border-bottom:none;border-left:0; text-align: center;line-height: 60px;}
.Pipeline .yfgx dl dd:nth-child(6){border-right:0;}
.Pipeline .yfgx dl dd:nth-child(1){border-left:1px solid #e6e6e6;}
.Pipeline .yfgx .dl{border-top:0;display: table;width:100%;border-top:2px solid #004a96;}
.Pipeline .yfgx dl:nth-child(2){border-top:0;}
.Pipeline .yfgx .dl dt{width:12.5%;display: table-cell;
    vertical-align: middle;
    font-size:16px;color:#333; border:1px solid #e6e6e6;border-right:0;text-align: center;line-height: 23px;}
.Pipeline .yfgx .dl dd{display: table-cell;vertical-align: middle;;width:100%;font-size:18px;color:#333; border:1px solid #e6e6e6;border-right:0;text-align: center;line-height: 60px;}

.Pipeline .yfgx .dl dd ol .con{display: none; position: fixed;width:100%;height:100%;left:0; top:0%;background:rgba(0,0,0,0.3);z-index: 999}
.Pipeline .yfgx .dl dd ol .con .text{border-radius: 5px;box-shadow: 0 0 32px #888; font-size:15px;line-height: 25px;text-align: left;padding:30px 22px 22px 22px; position: fixed;top:50%;left:50%; background:#fff;margin:0 auto;max-width: 600px;
 z-index: 100;margin-left: -300px;margin-top: -243.5px;}
.Pipeline .yfgx .dl dd ol .con p{color:#333;}
.Pipeline .yfgx .dl dd ol .con .p1{font-size:18px;margin-bottom:0;color:#000;font-weight: bold;}
.Pipeline .yfgx .dl dd ol .con .closebtn{position: absolute;top:20px;right:20px;height:17px;width:17px;display: block;background: url(../images/Form002324-colseBtn.jpg) no-repeat;}
.Pipeline .yfgx .dl dd ol span{width:16.66%;display: block;float:left;height:60px;border-right:1px solid #e6e6e6; border-bottom:1px dashed #e2e2e2;font-size: 14px;}
.Pipeline .yfgx .dl dd ol .span:hover{}
.Pipeline .yfgx .dl dd ol span:nth-child(3){width:66.58%;border-right:0;background-color:#f9f9f9;padding: 0 15px;}
.Pipeline .yfgx .dl dd ol:last-child span{border-bottom:0;}
.Pipeline .yfgx .dl dd ol span{}
.Pipeline .yfgx .dl dd ol span .progress-bar-striped{
    height: 15px;
    padding: 5px;
    overflow: visible;
    border-radius: 20px;
    margin-top:2%;
}
@media(max-width:1400px){
 .Pipeline  .yfgx{overflow-x: scroll;}
}
@media(max-width:768px){
.Pipeline  .yfgx .dl dd ol .con .text{left:0;margin-left:0;}

}


@media(max-width:640px){
.protheme .con h2{font-size:18px;}
.protheme .con h3{font-size:16px;color:#333;padding-left:15px;margin-block-start: 1em;margin-block-end: 1em;}
.protheme .con h3:after{top:10px;}
.protheme .con .more{font-size:14px;}
.Pipeline .tit{font-size:22px;margin-bottom:20px;}
.Pipeline .yfgx dl dd{font-size:14px;}
.Pipeline .yfgx .dl dd ol span{font-size:14px;}
}



.Pipeline .progress-bar{
  background-color:#31639a;
  border-radius: 20px;
  position: relative;
  animation: animate-positive 2s;
}
.Pipeline .progress-bar{
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #00907c;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
    }
.Pipeline .progress-striped .progress-bar, .progress-bar-striped {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px;}
.Pipeline .progress-bar.active{
  animation: reverse progress-bar-stripes 0.40s linear infinite, animate-positive 2s;
}
@-webkit-keyframes animate-positive{
   0% { width: 0; }
}
@keyframes animate-positive{
   0% { width: 0; }
}





.jxjjgs{padding:5% 0;}
.jxjjgs .desc{margin-bottom:2%; font-size:18px; color:#999;}
.jxjjgs .center{text-align: left; line-height: 2;}
.jxjjgs .text{margin-bottom:2%;}
.jxjjgs .text h2{font-size:40px;color:#333;font-weight: normal;margin-top:0; line-height: 2;}
.jxjjgs .text p{font-size:18px;line-height: 35px}
.jxjjgs .text .p{position: relative;padding-left:20px;}
.jxjjgs .text .p:after{content:'';width:5px;height: 5px;background:#00907c;border-radius: 50px;display: block;position: absolute;left:0;top:14px;}
.jxjjgs .pic{padding:1% 0 2%;}
.jxjjgs .pic .img{width:47.5%;float:left;}
.jxjjgs .pic .img:nth-child(2){float:right;}
.jxjjgs .text2 h3{font-size:24px;color:#333;margin-bottom:3%;}
.jxjjgs .table{width:100%;text-align: center;border-top:2px solid #00907c;}
.jxjjgs .table th{border:1px solid #fff;font-size:18px;line-height: 50px;color:#fff;background:#00907c;}
.jxjjgs .table th:nth-child(1){width:33%;}
.jxjjgs .table th:nth-child(2){width:33%;}
.jxjjgs .table td{border:1px solid #e6e6e6;font-size:18px;line-height: 50px;color:#333;}

.jxjjgs2{padding:4% 0;background: url(../images/probg.jpg) top center;}



@media(max-width:640px){
.jxjjgs .desc{font-size:14px; }
.jxjjgs .text h2{font-size:22px;margin-block-start: 1em;margin-block-end: 1em;}
.jxjjgs .text p{font-size:14px;line-height: 24px}
.jxjjgs .text .p{position: relative;padding-left:15px;}
.jxjjgs .text .p:after{top:10px;}
.jxjjgs .text2 h3{font-size:20px; margin: 1em 0;}

.jxjjgs .table th{font-size:14px;line-height: 35px;}
.jxjjgs .table td{font-size:14px;line-height: 35px;}
}





.PicList001107{padding:5% 0 5%;}
.PicList001107 .p1{font-size:16px;text-align: right;}
.PicList001107 .p2{font-size:16px;text-align: left; font-style: italic;color:#999;}
.PicList001107 .tit{font-size:40px;color:#333;margin-bottom:40px;}
.PicList001107 li{ float:left; width:48.5%; margin-right:3%; overflow:hidden; margin-bottom:3%; border-bottom:1px solid #1px solid #d1d1d1;}
.PicList001107 li:nth-child(2n){margin-right:0;}
.PicList001107 li:nth-child(2n+1){ clear:left;}
.PicList001107 li .pic{ float:left; width:35%; border:1px solid #e6e6e6;}
.PicList001107 li .pic img{ width:100%;}
.PicList001107 li div{ float:right; width:61%; padding-top:0%;}
.PicList001107 li h2{font-size:22px;color:#333;font-weight: normal;margin-top:15px;}
.PicList001107 li p{ line-height:30px; overflow:hidden; height:110px; color:#666; font-size:16px;}
.PicList001107 li .more{ text-decoration:underline; color:#00a500;}
@media(max-width:768px){
.PicList001107 li .pic {width:50%;}
.PicList001107 li div{width:47%; }
}
@media(max-width:640px){
	
.PicList001107 .tit{font-size:22px;margin-bottom:20px;}	
.PicList001107 li h2{font-size:18px; line-height:28px;}
.PicList001107 li p{ line-height:28px; font-size:14px; height:auto;}

.PicList001107 .p1{font-size:14px; line-height: 28px;clear: both;}
.PicList001107 .p2{font-size:14px;line-height: 28px; clear: both;}

.PicList001107 li .pic,
.PicList001107 li div{ float:none; width:auto;}
.PicList001107 li .pic{ display:block;}
.PicList001107 li .dot{ font-size:16px;}
}
@media(max-width:480px){
.PicList001107 li{ width:auto; float:none; margin-right:0;margin-bottom:3%;}
.PicList001107 li p{ font-size:14px;}
}