.htmlbody {
  width: 100%;
  position: relative;
  min-width: 1440px;
  overflow-x: hidden;
}

.w1600 {
  max-width: 1600px;
  margin: 0 auto;
}

.w1200 {
  width: 1200px;
  max-width: 1200px;
  margin: 0 auto;
}

.clear {
  clear: both;
}

.banner {
  width: 100%;
  height: auto;
}

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

.banner .slick div {
  width: 100%;
  height: 100%;
}

.banner .slick div img {
  width: 100%;
  height: 100%;
  display: block;
}

.banner .slick .slick-prev {
  position: absolute;
  width: 50px;
  height: 50px;
  background: url("../images/rprev-h.png") no-repeat;
  top: 50%;
  transform: translateY(-50%);
  left: 200px;
  z-index: 10;
  font-size: 0px;
}

.banner .slick .slick-prev:hover {
  background: url("../images/rprev.png") no-repeat;
}

.banner .slick .slick-next {
  position: absolute;
  width: 50px;
  height: 50px;
  background: url("../images/rnext-h.png") no-repeat;
  top: 50%;
  transform: translateY(-50%);
  right: 200px;
  z-index: 10;
  font-size: 0px;
}

.banner .slick .slick-next:hover {
  background: url("../images/rnext.png") no-repeat;
}

.banner .slick .slick-dots {
  position: absolute;
  left: 50%;
  bottom: 3%;
  transform: translateX(-50%);
}

.banner .slick .slick-dots li {
  float: left;
  width: 30px;
  height: 28px;
  text-align: center;
  line-height: 10px;
  border-radius: 50%;
  margin: 8px;
  cursor: pointer;
  background: url("../images/dot.png") no-repeat;
}

.banner .slick .slick-dots li.slick-active {
  background: url("../images/dot-h.png") no-repeat;
}

.works {
  width: 100%;
  background: #fff;
  height: 850px;
}

.works .module-title {
  padding-top: 60px;
  margin: 0px auto 50px;
  text-align: center;
}

.works .module-title .m-b {
  font-size: 34px;
  margin-bottom: 17px;
  color: #333;
}

.works .module-title .m-s {
  font-size: 15px;
  color: #666;
}

.works .Picture {
  width: 1200px;
  height: 630px;
  position: relative;
  overflow: hidden;
}

.works .Picture .bimglist {
  width: 100%;
  height: 100%;
  display: block;
}

.works .Picture .bimglist img {
  width: 100%;
  height: 100%;
  display: block;
}

.works .Picture .picul {
  position: absolute;
  left: 30px;
  top: 35px;
  height: 580px;
}

.works .Picture .picul li {
  width: 260px;
  height: 96px;
  margin-bottom: 20px;
  cursor: pointer;
}

.works .Picture .picul li .tip {
  margin-top: 28px;
  float: right;
  height: 40px;
  line-height: 40px;
  border-radius: 20px;
  color: #fff;
  background: #b3b7c0;
  width: 200px;
  font-size: 16px;
  padding-left: 40px;
  box-shadow: 0px 4px 10px #333;
}

.works .Picture .picul li .img {
  width: 96px;
  height: 96px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  z-index: 5;
  border: solid 3px #b3b7c0;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  box-shadow: 0px 4px 10px #333;
}

.works .Picture .picul li .img img {
  height: 96px;
  width: 96px;
}

.works .Picture .picul li.on .tip {
  background: #92b61a;
}

.works .Picture .picul li.on .img {
  border: solid 3px #92b61a;
}

.works .Picture .picul .piclist {
  height: 580px !important;
}

.works .Picture .picul .swiper-slide {
  width: 260px;
  margin: 0 20px 0px;
  cursor: pointer;
}

.works .Picture .picul .swiper-slide .tip {
  margin-top: 28px;
  float: right;
  height: 40px;
  line-height: 40px;
  border-radius: 20px;
  color: #fff;
  background: #b3b7c0;
  width: 200px;
  font-size: 16px;
  padding-left: 40px;
  box-shadow: 0px 4px 10px #333;
}

.works .Picture .picul .swiper-slide .img {
  width: 96px;
  height: 96px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  z-index: 5;
  border: solid 3px #b3b7c0;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  box-shadow: 0px 4px 10px #333;
}

.works .Picture .picul .swiper-slide .img img {
  height: 96px;
  width: 96px;
}

.works .Picture .picul .swiper-slide.on .tip {
  background: #92b61a;
}

.works .Picture .picul .swiper-slide.on .img {
  border: solid 3px #92b61a;
}

.works .Picture .icon {
  display: none;
  position: absolute;
  z-index: 100;
  right: 0;
  bottom: 0;
  width: 500px;
  height: 100px;
  background: #92b61a;
  padding: 25px 50px;
  overflow: hidden;
  box-shadow: 0px 4px 10px #333;
}

.works .Picture .icon .l {
  float: left;
  width: 30px;
  height: 30px;
  position: relative;
  top: 10px;
}

.works .Picture .icon .l img {
  width: 100%;
  height: 100%;
}

.works .Picture .icon .line {
  width: 1px;
  height: 50px;
  background: #fff;
  opacity: 0.6;
  margin: 0 35px;
  float: left;
}

.works .Picture .icon .c {
  float: left;
}

.works .Picture .icon .c .c-big {
  font-size: 20px;
  color: #fff;
  line-height: 32px;
}

.works .Picture .icon .c .c-small {
  font-size: 12px;
  color: #fff;
}

.works .Picture .icon .r {
  float: right;
}

.works .Picture .icon .r div {
  margin: 0 10px;
  display: inline-block;
  width: 40px;
  height: 40px;
  position: relative;
  cursor: pointer;
  top: 5px;
}

.works .Picture .icon .r .prev {
  background: url("../images/cp-prev.png") no-repeat;
}

.works .Picture .icon .r .next {
  background: url("../images/cp-next.png") no-repeat;
}

.works .Picture .icon .r .prev:hover {
  background: url("../images/cp-prevh.png") no-repeat;
}

.works .Picture .icon .r .next:hover {
  background: url("../images/cp-nexth.png") no-repeat;
}

.works .Picture .block {
  display: block;
}

.Product {
  width: 100%;
  padding-top: 120px;
  height: 970px;
  position: relative;
}

.Product .btip {
  font-size: 34px;
  margin-bottom: 10px;
  position: absolute;
  top: 10px;
  width: 100%;
  text-align: center;
  z-index: 20;
  color: #000;
}

.Product .p-menu {
  position: absolute;
  z-index: 30;
  width: 1200px;
  background: #fff;
  bottom: 80px;
  left: 50%;
  transform: translateX(-50%);
}

.Product .p-menu li {
  width: 196px;
  height: 100%;
  text-align: center;
  display: inline-block;
  margin: 25px 0;
  cursor: pointer;
}

.Product .p-menu li .icon {
  width: 42px;
  height: 42px;
  margin: 0 auto;
}

.Product .p-menu li .icon img {
  width: 100%;
  height: 100%;
  transition: all ease-in-out 0.3s;
}

.Product .p-menu li .icon img:first-child {
  display: block;
}

.Product .p-menu li .icon img:last-child {
  display: none;
}

.Product .p-menu li .txt {
  margin-top: 14px;
  font-size: 16px;
  line-height: 20px;
  color: #333;
}

.Product .p-menu li + li {
  border-left: solid 1px #ddd;
}

.Product .p-menu li.active .icon img:first-child {
  display: none;
}

.Product .p-menu li.active .icon img:last-child {
  display: block;
}

.Product .p-menu li.active .icon img {
  transform: scale(1.1);
}

.Product .p-menu li.active .txt {
  color: #92b61a;
}

.Product .menu-con {
  width: 50%;
  display: none;
  height: 850px;
  position: absolute;
  top: 120px;
  z-index: 20;
  left: 0;
  padding: 100px 90px 0 10rem;
  color: #333;
  background: rgba(225, 228, 217, 0.9);
}

.Product .menu-con .title {
  font-size: 40px;
}

.Product .menu-con .line {
  width: 40px;
  height: 6px;
  background-color: #92b61a;
  margin: 40px 0;
}

.Product .menu-con .tip {
  font-size: 24px;
  margin-bottom: 24px;
}

.Product .menu-con .msg {
  font-size: 15px;
  line-height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}

.Product .menu-con .in {
  width: 50px;
  height: 50px;
  margin-top: 50px;
}

.Product .menu-con .in a {
  display: block;
  width: 100%;
  height: 100%;
  background: url("../images/rnext.png") no-repeat;
}

.Product .menu-con.on {
  display: block;
}

.Product .probg {
  display: block;
  width: 100%;
  height: 100%;
  display: none;
}

.Product .probg img {
  width: 100%;
  height: 100%;
  display: block;
}

.Product .probg.on {
  display: block;
}

.introduce {
  width: 100%;
  height: 850px;
  background: url("../images/show-bg.jpg") no-repeat;
  position: relative;
}

.introduce .module-title {
  padding-top: 70px;
  margin: 0px auto 60px;
  text-align: center;
  color: #fff;
}

.introduce .module-title .m-b {
  font-size: 34px;
  margin-bottom: 17px;
}

.introduce .module-title .m-s {
  font-size: 15px;
}

.introduce .int-box {
  width: 1200px;
  height: 576px;
  position: absolute;
  top: 52%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.introduce .int-box .left {
  float: left;
  width: 600px;
  height: 576px;
}

.introduce .int-box .left img {
  width: 100%;
  height: 100%;
}

.introduce .int-box .right {
  float: right;
  width: 600px;
  height: 576px;
  padding: 50px 60px;
  background: #fff;
}

.introduce .int-box .right .title {
  font-size: 30px;
  color: #333;
}

.introduce .int-box .right .line {
  width: 40px;
  height: 4px;
  background-color: #92b61a;
  margin: 25px 0;
}

.introduce .int-box .right .msg {
  height: 165px;
  overflow: hidden;
  font-size: 14px;
  line-height: 26px;
  color: 666;
}

.introduce .int-box .right .msg .txt1, .introduce .int-box .right .msg .txt2 {
  margin-bottom: 16px;
}

.introduce .int-box .right .msg .txt1 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.introduce .int-box .right .msg .txt2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.introduce .int-box .right .more {
  width: 170px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 14px;
  margin: 0px 0 20px;
  background: #92b61a;
}

.introduce .int-box .right .more a {
  display: block;
  color: #fff;
  width: 100%;
  height: 100%;
}

.introduce .int-box .right .more a span {
  width: 9px;
  height: 16px;
  display: inline-block;
  background: url("../images/icon-r.png") no-repeat;
  margin-left: 20px;
  position: relative;
  top: 2px;
}

.introduce .int-box .right .data {
  width: 100%;
}

.introduce .int-box .right .data li {
  width: 33.3%;
  float: left;
  text-align: center;
}

.introduce .int-box .right .data li .icon {
  width: 38px;
  height: 38px;
  margin: 0 auto;
}

.introduce .int-box .right .data li .icon img {
  width: 100%;
  height: 100%;
}

.introduce .int-box .right .data li .number {
  font-size: 45px;
  font-weight: bold;
  color: #92b61a;
  margin: 12px 0;
}

.introduce .int-box .right .data li .number span {
  display: inline-block;
  font-size: 18px;
  color: #333;
}

.introduce .int-box .right .data li .tip {
  font-size: 14px;
  color: #666;
  overflow: hidden;
  padding: 0 5px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.science {
  width: 100%;
  height: 850px;
}

.science .module-title {
  padding-top: 60px;
  margin: 0px auto 50px;
  text-align: center;
}

.science .module-title .m-b {
  font-size: 34px;
  margin-bottom: 17px;
  color: #333;
}

.science .module-title .m-s {
  font-size: 15px;
  color: #666;
}

.science .sci-box {
  width: 1200px;
  margin: 30px auto;
}

.science .sci-box ul {
  width: 100%;
  overflow: hidden;
}

.science .sci-box ul li {
  float: left;
  width: 400px;
  height: 595px;
  position: relative;
  transition: all 0.5s ease-in-out;
  background-size: cover;
  background-position: center center;
}

.science .sci-box ul li .sci-mid {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: #ddd;
  text-align: center;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}

.science .sci-box ul li .sci-mid .icon {
  width: 42px;
  height: 47px;
  margin: 15px auto;
}

.science .sci-box ul li .sci-mid .icon img {
  width: 100%;
  height: 100%;
}

.science .sci-box ul li .sci-mid .tip {
  font-size: 16px;
  color: #fff;
  margin-bottom: 15px;
}

.science .sci-box ul li .sci-mid .txt {
  display: none;
  font-size: 14px;
  color: #fff;
  line-height: 22px;
  transition: all 0.5s ease-in-out;
}

.science .sci-box ul li.active .sci-mid {
  width: 260px;
  height: 260px;
  padding: 30px;
}

.science .sci-box ul li.active .sci-mid .txt {
  display: block;
}

/*首页新闻*/
#xn_index_news .module-title {font-size: 34px; margin-bottom: 45px; color: #333; text-align: center; } .xn_index_news{margin: 80px auto;position: relative;}
.xn_index_news ul li  {display: block; width: 386px; margin-bottom: 20px; overflow: hidden;}
.xn_index_news ul {width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap; }
.xn_index_news .news_t1 {color: #333;font-size: 14px;height: 50px;line-height: 25px;margin-top: 10px;transition:all 0.5s ease}
.xn_index_news .newimg {height: 245px; width: 100%;overflow: hidden; }
.xn_index_news .newimg img {width: 100%; height: 100%; transition:all 0.5s ease}
.xn_index_news ul li:hover .newimg img {transform: scale(1.2);}
.xn_index_news ul li:hover .news_t1{color:#92b61a;}

header {
  width: 100%;
  height: 1rem;
  background: #fff;
  box-shadow: 0px 1px 5px #ddd;
}

header .logo {
  float: left;
  width: 246px;
  height: 70px;
  line-height: 70px;
  position: relative;
  margin-left: 50px;
}

header .logo a {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  height: 46px;
  width: 100%;
  /*background: url("../images/logo.png") no-repeat;*/
  background-size: 100%;
}

/* header .search {
  float: right;
  height: 70px;
  position: relative;
  width: 50px;
} */

header .search span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 22px;
  height: 22px;
  cursor: pointer;
  background: url("../images/search.png") no-repeat;
}

header .line {
  float: right;
  width: 1px;
  height: 24px;
  position: relative;
  top: 23px;
  background: #e5e5e5;
  margin: 0 30px;
}

header .language {
  float: right;
  height: 70px;
  position: relative;
  cursor: pointer;
}

header .language span {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url("../images/en.png") no-repeat;
  margin: 0 10px;
  position: relative;
  top: 23px;
}

header .language i {
  display: inline-block;
  width: 10px;
  height: 5px;
  background: url("../images/bot.png") no-repeat;
  position: relative;
  top: 15px;
  margin: 0 10px;
}

header .language ul {
  position: absolute;
  top: 100%;
  width: 100px;
  z-index: 99;
  transition: all ease-in-out 0.3s;
  opacity: 0;
}

header .language ul li {
  height: 30px;
  line-height: 30px;
  display: block;
  text-align: center;
  width: 100%;
  background: #fff;
}

header .language ul li:hover {
  background: #92b61a;
}

header .language ul li:hover a {
  color: #fff;
}

header .language ul.on {
  opacity: 1;
}

header .nav {
  float: right;
  height: 70px;
}

header .nav > ul > li {
  float: left;
  display: block;
  height: 70px;
  line-height: 70px;
  font-size: 16px;
  margin: 0 30px;
  color: #333;
  position: relative;
}

header .nav > ul > li .menu {
  position: absolute;
  left: 50%;
  top: 70px;
  transform: translateX(-50%);
  animation: all .2s ease;
  z-index: 50;
  display: none;
  height: 253px;
  border-top: 1px solid #f0f0f0;
  overflow: hidden;
}

header .nav > ul > li .menu .l {
  display: none;
  float: left;
  width: 500px;
  height: 100%;
  background: url("../images/menu-left.jpg") no-repeat;
  padding: 40px 56px 40px 0;
  opacity: 0;
}

header .nav > ul > li .menu .l .l-box {
  text-align: left;
  float: right;
  width: 315px;
  color: #fff;
  font-size: 15px;
  line-height: 32px;
  overflow: hidden;
}

header .nav > ul > li .menu .l .l-box .l-con {
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

header .nav > ul > li .menu .l .l-box .l-more {
  margin-top: 35px;
}

header .nav > ul > li .menu .l .l-box .l-more a {
  display: inline-block;
  color: #fff;
}

header .nav > ul > li .menu .l .l-box .l-more a span {
  margin-left: 15px;
  display: inline-block;
  width: 8px;
  height: 14px;
  background: url("../images/icon-r.png") no-repeat;
  background-size: 100%;
}

header .nav > ul > li .menu .c {
  height: calc(100% - 50px);
  height: 100%;
  width: 500px;
  margin: 0;
  border-right: solid 1px #ededed;
  padding: 25px 80px;
  background-color: #fff;
}

header .nav > ul > li .menu .c .c-title {
  color: #333;
  font-size: 16px;
  line-height: 60px;
  position: relative;
  text-align: left;
}

header .nav > ul > li .menu .c .c-title span {
  position: absolute;
  display: inline-block;
  background: #92b61a;
  width: 23px;
  height: 2px;
  bottom: 0px;
  left: 0px;
}

header .nav > ul > li .menu .c .c-ul {
  width: 100%;
  margin-top: 15px;
}

header .nav > ul > li .menu .c .c-ul li {
  float: left;
  width: 50%;
  font-size: 14px;
  line-height: 32px;
}

header .nav > ul > li .menu .c .c-ul li a {
  color: #333;
}

header .nav > ul > li .menu .c .c-ul li:hover a {
  color: #92b61a;
}

header .nav > ul > li .menu .r {
  display: none;
  float: left;
  width: calc(100% -500px);
  height: 100%;
  padding: 10px 80px;
  background-color: #fff;
}

header .nav > ul > li .menu .r .r-title {
  color: #333;
  font-size: 16px;
  line-height: 60px;
  position: relative;
  text-align: left;
}

header .nav > ul > li .menu .r .r-title span {
  position: absolute;
  display: inline-block;
  background: #92b61a;
  width: 23px;
  height: 2px;
  bottom: 0px;
  left: 0px;
}

header .nav > ul > li .menu .r .r-img {
  margin-top: 15px;
  width: 246px;
  height: 128px;
}

header .nav > ul > li .menu .r .r-img img {
  width: 100%;
  height: 100%;
}

header .nav > ul > li:hover {
  border-bottom: solid 3px #92b61a;
}

header .nav > ul > li:hover a {
  color: #92b61a;
}

header .nav > ul > li:hover .menu {
  display: block;
}

header .nav > ul > li.on {
  border-bottom: solid 3px #92b61a;
}

header .nav > ul > li.on a {
  color: #92b61a;
}

header .search-box {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 11;
}

header .search-box .search-bg {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.7;
  z-index: 20;
}

header .search-box .search-input {
  width: 301px;
  height: 50px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 200px;
  z-index: 30;
  background: #fff;
}

header .search-box .search-input input[type=text] {
  float: left;
  width: 250px;
  height: 50px;
  padding: 0 15px;
  line-height: 50px;
}

header .search-box .search-input input[type=submit] {
  float: right;
  width: 50px;
  height: 50px;
  font-size: 0;
  background: url("../images/search-w.png") no-repeat center;
  background-color: #92b61a;
}

footer {
  width: 100%;
  background: #eeedec;
}

footer .bot {
  border-top: solid 1px #dad9d8;
  height: 96px;
  line-height: 96px;
}

footer .bot .logo {
  float: left;
  width: 233px;
  height: 96px;
  position: relative;
}

footer .bot .logo a {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  height: 23px;
  width: 100%;
  /*background: url("../images/logo.png") no-repeat;*/
}

footer .bot .tip {
  float: left;
  font-size: 14px;
  color: #333;
  margin-left: 30px;
}

footer .bot .share {
  float: right;
  font-size: 14px;
  color: #333;
  position: relative;
}

footer .bot .share a {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #fff;
  position: relative;
  margin: 0 3px;
  line-height: 40px;
  display: inline-block;
}

footer .bot .share a img {
  width: 100%;
  height: 100%;
}

footer .bot .share a img:first-child {
  display: block;
}

footer .bot .share a img:last-child {
  display: none;
}

footer .bot .share a:hover {
  background: #92b61a;
  color: #fff;
}

footer .bot .share a:hover img:first-child {
  display: none;
}

footer .bot .share a:hover img:last-child {
  display: block;
}

footer .top {
  height: 390px;
  padding-top: 65px;
}

footer .top .topleft {
  float: left;
  width: 680px;
}

footer .top .topleft > ul > li {
  float: left;
  width: 136px;
}

footer .top .topleft > ul > li .tip {
  font-size: 18px;
  color: #333;
  margin-bottom: 44px;
}

footer .top .topleft > ul > li ul li {
  font-size: 14px;
  line-height: 30px;
}

footer .top .topleft > ul > li ul li a {
  color: #333;
}

footer .top .topleft > ul > li ul li:hover a {
  color: #92b61a;
}

footer .top .topright {
  float: right;
  width: 400px;
}

footer .top .topright .code {
  float: left;
  width: 120px;
  height: 120px;
}

footer .top .topright .code img {
  width: 100%;
  height: 100%;
}

footer .top .topright .code span {
  display: block;
  width: 100%;
  line-height: 30px;
  text-align: center;
  color: #333;
}

footer .top .topright .msg {
  width: 260px;
  text-align: center;
  float: right;
}

footer .top .topright .msg .call {
  font-size: 34px;
  color: #92b61a;
}

footer .top .topright .msg .time {
  margin: 20px 0 30px;
  font-size: 25px;
  color: #333;
}

footer .top .topright .msg .kf {
  cursor: pointer;
  margin: 0 auto;
  width: 200px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #fff;
  background: #92b61a;
}

footer .top .topright .msg .kf span {
  width: 20px;
  height: 20px;
  display: inline-block;
  background: url("../images/icon-kf.png") no-repeat;
  position: relative;
  top: 5px;
  margin-right: 20px;
}

.picbenner {
  width: 100%;
  height: auto;
  position: relative;
}

.picbenner img {
  width: 100%;
  height: 100%;
  display: block;
}

.picbenner .w1200 {
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.picbenner .w1200 .tip-box {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0%;
}

.picbenner .w1200 .tip-box .t-b {
  font-size: 40px;
  color: #fff;
  margin-bottom: 15px;
}

.picbenner .w1200 .tip-box .t-s {
  font-size: 24px;
  color: #fff;
  margin-bottom: 15px;
}

.tabbar {
  width: 100%;
  height: 62px;
  line-height: 62px;
  background: #f3f5f4;
  overflow: hidden;
  font-size: 0;
}

.tabbar>.w1200{
  display: flex;
  justify-content: space-between;
}

.tabbar .left {
  width: auto;
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 0;
}

.tabbar .left .home {
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  background: url("../images/index.png") no-repeat;
  position: relative;
  top: -3px;
}

.tabbar .left .place {
  width: calc(100% - 28px);
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  padding-left: 10px;
  box-sizing: border-box;
}

.tabbar .left .place ul {
  height: 100%;
  font-size: 0;
}

.tabbar .left .place ul li {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  font-size: 0;
}

.tabbar .left .place ul li a {
  display: inline-block;
  max-width: 150px;
  font-size: 14px;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}

.tabbar .left .place ul li span {
  display: inline-block;
  vertical-align: middle;
  margin: 0 8px;
  font-size: 14px;
}

.tabbar .left .place ul li.on a {
  color: #333;
}

.tabbar .left .place ul li.on span {
  display: none;
}

.tabbar .right {
  width: 700px;
  display: inline-block;
  vertical-align: middle;
}

.tabbar .right ul {
  text-align: right;
}

.tabbar .right ul li {
  display: inline-block;
}

.tabbar .right ul li a {
  display: inline-block;
  height: 62px;
  padding: 0 24px;
  font-size: 16px;
  color: #333;
  line-height: 62px;
}

.tabbar .right ul li.on a {
  background: #92b61a;
  color: #fff;
}
.classlist .swiper-slide{width: auto;}
.tabbar .right .swiper-slide a {
  text-align: center;
  display: block;
  height: 62px;
  padding: 0 12px;
  font-size: 16px;
  color: #333;
  line-height: 62px;
}

.tabbar .right .swiper-slide.on a {
  background: #92b61a;
  color: #fff;
}

.Contact {
  width: 100%;
  background: #fff;
  padding: 60px 0 70px;
}

.Contact .C-title {
  width: 100%;
  font-size: 34px;
  color: #333;
  line-height: 40px;
  height: 40px;
  position: relative;
  padding-left: 30px;
  margin-bottom: 30px;
}

.Contact .C-title span {
  display: inline-block;
  position: absolute;
  height: 34px;
  width: 5px;
  background: #92b61a;
  top: 4px;
  left: 0px;
}

.Contact .Company {
  width: 100%;
}

.Contact .Company .Company-top {
  width: 100%;
  position: relative;
  height: 96px;
  padding: 10px 0 20px 70px;
  border-bottom: solid 1px #dcdcdc;
}

.Contact .Company .Company-top .C-name {
  font-size: 24px;
  color: #92b61a;
  line-height: 32px;
  margin-bottom: 8px;
}

.Contact .Company .Company-top .C-Enname {
  font-size: 16px;
  line-height: 24px;
  color: #333;
}

.Contact .Company .Company-top .C-icon {
  width: 48px;
  height: 76px;
  background: url("../images/icon-pagoda.png") no-repeat;
  position: absolute;
  top: 0px;
  left: 0px;
}

.Contact .Company .Company-ul {
  width: 100%;
  margin: 15px 0;
}

.Contact .Company .Company-ul ul {
  overflow: hidden;
}

.Contact .Company .Company-ul ul li {
  width: 50%;
  float: left;
  height: 30px;
  line-height: 30px;
  margin: 5px 0;
}

.Contact .Company .Company-ul ul li span {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.Contact .Company .Company-ul ul li .t1 {
  color: #333;
}

.Contact .Company .Company-ul ul li .t2 {
  color: #333;
}

.Contact .Company .Company-ul ul li .t3 {
  color: #92b61a;
  font-weight: bold;
}

.Contact .Company .Company-ul ul li .icon {
  position: relative;
  top: 0px;
  width: 30px;
  height: 30px;
  margin-right: 15px;
}

.Contact .Company .Company-ul ul li .icon img {
  width: 100%;
  height: 100%;
}

.Contact .Company .Company-map {
  margin-top: 20px;
  width: 100%;
  height: 510px;
}

.Contact .Company .Company-map img {
  width: 100%;
  height: 100%;
}

.Cultrue {
  width: 100%;
  background: #fff;
  padding: 60px 0 70px;
}

.Cultrue .C-title {
  width: 100%;
  font-size: 34px;
  color: #333;
  line-height: 40px;
  height: 40px;
  position: relative;
  padding-left: 30px;
  margin-bottom: 30px;
}

.Cultrue .C-title span {
  display: inline-block;
  position: absolute;
  height: 34px;
  width: 5px;
  background: #92b61a;
  top: 4px;
  left: 0px;
}

.Cultrue .C-list {
  width: 100%;
}

.Cultrue .C-list ul {
  width: 100%;
  overflow: hidden;
}

.Cultrue .C-list ul li {
  width: 100%;
  height: 300px;
  margin: 20px 0;
}

.Cultrue .C-list ul li .img {
  float: left;
  width: 50%;
  height: 100%;
  overflow: hidden;
}

.Cultrue .C-list ul li .img img {
  width: 100%;
  height: 100%;
  transition: all ease-in-out 0.3s;
}

.Cultrue .C-list ul li .con {
  float: right;
  width: 50%;
  height: 100%;
  padding: 55px 50px;
  background: #f5f7f6;
}

.Cultrue .C-list ul li .con .tip {
  font-size: 28px;
  color: #333;
}

.Cultrue .C-list ul li .con .line {
  width: 50px;
  height: 4px;
  background: #92b61a;
  margin: 30px 0;
}

.Cultrue .C-list ul li .con .txt {
  font-size: 16px;
  line-height: 32px;
  color: #333;
}

.Cultrue .C-list ul li:nth-child(2n) .img {
  float: right;
}

.Cultrue .C-list ul li:nth-child(2n) .con {
  float: left;
}

.Cultrue .C-list ul li:hover .img img {
  transform: scale(1.1);
}

.Cultrue .C-list ul li:hover .con {
  background: #92b61a;
}

.Cultrue .C-list ul li:hover .con .tip, .Cultrue .C-list ul li:hover .con .txt {
  color: #fff;
}

.Cultrue .C-list ul li:hover .con .line {
  background: #fff;
}

.Strength {
  width: 100%;
  background: #fff;
  padding: 60px 0 70px;
}

.Strength .S-title {
  width: 100%;
  font-size: 34px;
  color: #333;
  line-height: 40px;
  height: 40px;
  position: relative;
  padding-left: 30px;
  margin-bottom: 30px;
}

.Strength .S-title span {
  display: inline-block;
  position: absolute;
  height: 34px;
  width: 5px;
  background: #92b61a;
  top: 4px;
  left: 0px;
}

.Strength .Strength-con {
  margin-top: 20px;
}

.Strength .Strength-con .Strength-item {
  margin: 5px 0;
}

.Strength .Strength-con .Strength-item .item-title {
  height: 32px;
  font-size: 24px;
  line-height: 32px;
  color: #333;
  padding-left: 24px;
  position: relative;
  margin-bottom: 20px;
}

.Strength .Strength-con .Strength-item .item-title span {
  width: 7px;
  height: 7px;
  background: #92b61a;
  display: inline-block;
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
}

.Strength .Strength-con .Strength-item .item-txt {
  margin: 20px 0;
  font-size: 16px;
  line-height: 32px;
  color: #666;
}

.Strength .Strength-con .Strength-item .item-imgs {
  width: auto;
  height: 140px;
  border: solid 1px #eeedec;
  margin: 20px 0;
}

.Strength .Strength-con .Strength-item .item-imgs .img {
  float: left;
  width: 199px;
  height: 137px;
}

.Strength .Strength-con .Strength-item .item-imgs .img img {
  width: 100%;
  height: 100%;
}

.Strength .Strength-con .Strength-item .item-imgs .img + .img {
  border-left: solid 1px #eeedec;
}

.patent {
  width: 100%;
  background: #fff;
  padding: 60px 0 70px;
}

.patent .p-title {
  width: 100%;
  font-size: 34px;
  color: #333;
  line-height: 40px;
  height: 40px;
  position: relative;
  padding-left: 30px;
  margin-bottom: 30px;
}

.patent .p-title span {
  display: inline-block;
  position: absolute;
  height: 34px;
  width: 5px;
  background: #92b61a;
  top: 4px;
  left: 0px;
}

.patent .patent-con {
  margin-top: 20px;
}

.patent .patent-con .patent-txt {
  margin: 20px 0;
  font-size: 16px;
  line-height: 32px;
  color: #666;
}

.certify {
  position: relative;
  width: 100%;
  margin: 20px auto;
}

.certify .swiper-container {
  padding-bottom: 60px;
}

.certify .swiper-slide {
  width: 266px;
  height: 387px;
  background: #fff;
  box-shadow: 0 8px 30px #ddd;
}

.certify .swiper-slide img {
  display: block;
}

.certify .swiper-pagination {
  width: 100%;
  bottom: 20px;
}

.certify .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px;
  background-color: #d5d5d5;
  width: 10px;
  height: 10px;
  opacity: 1;
}

.certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
  background-color: #92b61a;
}

.facilities {
  width: 100%;
  background: #fff;
  padding: 60px 0 70px;
}

.facilities .f-title {
  width: 100%;
  font-size: 34px;
  color: #333;
  line-height: 40px;
  height: 40px;
  position: relative;
  padding-left: 30px;
  margin-bottom: 30px;
  overflow: hidden;
}

.facilities .f-title > span {
  display: inline-block;
  position: absolute;
  height: 34px;
  width: 5px;
  background: #92b61a;
  top: 4px;
  left: 0px;
}

.facilities .f-title .tab {
  float: right;
  height: 40px;
}

.facilities .f-title .tab ul {
  height: 40px;
}

.facilities .f-title .tab ul li {
  float: left;
  font-size: 16px;
  line-height: 40px;
  position: relative;
  padding: 0 10px;
  margin: 0 10px;
}

.facilities .f-title .tab ul li span {
  display: none;
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #92b61a;
}

.facilities .f-title .tab ul li.on {
  color: #92b61a;
}

.facilities .f-title .tab ul li.on span {
  display: block;
}

.facilities .f-tab {
  width: 100%;
}

.facilities .f-tab .tab-item {
  width: 100%;
  display: none;
  padding: 20px 0;
}

.facilities .f-tab .tab-item ul {
  width: 100%;
  overflow: hidden;
}

.facilities .f-tab .tab-item ul li {
  float: left;
  width: 386px;
  height: 300px;
  margin: 0 20px 20px 0;
  cursor: pointer;
}

.facilities .f-tab .tab-item ul li a {
  display: block;
  width: 100%;
  height: 100%;
}

.facilities .f-tab .tab-item ul li .img {
  width: 100%;
  height: 245px;
  overflow: hidden;
}

.facilities .f-tab .tab-item ul li .img img {
  width: 100%;
  height: 100%;
  transition: all ease-in-out 0.3s;
}

.facilities .f-tab .tab-item ul li .tip {
  height: 55px;
  line-height: 55px;
  text-align: center;
  font-size: 18px;
  color: #333;
  background: #f5f7f6;
}

.facilities .f-tab .tab-item ul li:nth-child(3n) {
  margin-right: 0;
}

.facilities .f-tab .tab-item ul li:hover .img img {
  transform: scale(1.1);
}

.facilities .f-tab .tab-item ul li:hover .tip {
  background: #92b61a;
  color: #fff;
}

.facilities .f-tab .tab-item.on {
  display: block;
}

.page {
  width: 100%;
  text-align: right;
  font-size: 0;
}

.page .prev {
  display: inline-block;
  vertical-align: middle;
  width: 46px;
  height: 46px;
}

.page .prev a {
  display: block;
  width: 100%;
  height: 100%;
}

.page .prev a img {
  width: 100%;
  height: 100%;
  display: none;
}

.page .prev a img:first-child {
  display: block;
}

.page .prev:hover a img:first-child {
  display: none;
}

.page .prev:hover a img:last-child {
  display: block;
}

.page .next {
  display: inline-block;
  vertical-align: middle;
  width: 46px;
  height: 46px;
}

.page .next a {
  display: block;
  width: 100%;
  height: 100%;
}

.page .next a img {
  width: 100%;
  height: 100%;
  display: none;
}

.page .next a img:first-child {
  display: block;
}

.page .next:hover a img:first-child {
  display: none;
}

.page .next:hover a img:last-child {
  display: block;
}

.page .num {
  display: inline-block;
  vertical-align: middle;
  width: 46px;
  height: 46px;
  margin: 0 10px;
  background-color: #f3f5f4;
}

.page .num a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 14px;
  text-align: center;
  line-height: 46px;
  color: #7e7670;
}

.page .num a img {
  width: 100%;
  height: 100%;
  display: none;
}

.page .num a img:first-child {
  display: block;
}

.page .num:hover {
  background: #92b61a;
}

.page .num:hover a {
  color: #fff;
}

.History {
  width: 100%;
  background: #fff;
  padding: 60px 0 70px;
}

.History .H-title {
  width: 100%;
  font-size: 34px;
  color: #333;
  line-height: 40px;
  height: 40px;
  position: relative;
  padding-left: 30px;
  margin-bottom: 30px;
}

.History .H-title span {
  display: inline-block;
  position: absolute;
  height: 34px;
  width: 5px;
  background: #92b61a;
  top: 4px;
  left: 0px;
}

.History .year-con {
  width: 100%;
  height: 350px;
  position: relative;
}

.History .year-con .year-item {
  width: 100%;
  height: 100%;
  overflow: hidden;
  opacity: 0;
  transition: all ease-in-out 0.3s;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}

.History .year-con .year-item .year-img {
  float: left;
  width: 560px;
  height: 350px;
}

.History .year-con .year-item .year-img img {
  width: 100%;
  height: 100%;
}

.History .year-con .year-item .year-case {
  float: left;
  width: 640px;
  height: 350px;
  background: #f5f7f6;
  padding: 50px 50px;
}

.History .year-con .year-item .year-case .toyear {
  color: #92b61a;
  font-size: 48px;
  margin-bottom: 15px;
}

.History .year-con .year-item .year-case .toyear span {
  font-size: 24px;
  margin-left: 5px;
}

.History .year-con .year-item .year-case .case-box {
  height: 186px;
  width: 100%;
  overflow: auto;
}

.History .year-con .year-item .year-case .case-box ul {
  width: 100%;
  height: 100%;
}

.History .year-con .year-item .year-case .case-box ul li {
  width: 100%;
  font-size: 16px;
  line-height: 32px;
  color: #333;
  padding-right: 20px;
}

.History .year-con .year-item .year-case .case-box ul li span {
  display: inline-block;
  position: relative;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #92b61a;
  margin-right: 10px;
}

.History .year-con .year-item .year-case .case-box::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: #dad9d8;
  border-radius: 5px;
}

.History .year-con .year-item .year-case .case-box::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #92b61a;
}

.History .year-con .item-prev {
  width: 50px;
  height: 50px;
  background: url("../images/rprev-h.png") no-repeat;
  position: absolute;
  left: -70px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}

.History .year-con .item-prev:hover {
  background: url("../images/rprev.png") no-repeat;
}

.History .year-con .item-next {
  width: 50px;
  height: 50px;
  background: url("../images/rnext-h.png") no-repeat;
  position: absolute;
  right: -70px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}

.History .year-con .item-next:hover {
  background: url("../images/rnext.png") no-repeat;
}

.History .year-con .year-item.on {
  opacity: 1;
  z-index: 20;
}

.History .year-nav {
  margin-top: 40px;
  width: 100%;
  position: relative;
  overflow: auto;
}

.History .year-nav ul {
  position: relative;
  left: 0px;
  height: 100px;
  transition: all ease-in-out 0.3s;
  white-space: nowrap;
}

.History .year-nav ul li {
  float: left;
  margin: 0 25px;
  width: 120px;
  padding: 10px 0;
  text-align: center;
  position: relative;
  cursor: pointer;
}

.History .year-nav ul li .years {
  font-size: 34px;
  color: #333;
  margin-bottom: 20px;
}

.History .year-nav ul li .bpoint {
  width: 15px;
  height: 15px;
  margin: 0 auto;
  background: url("../images/points-g.png") no-repeat;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
}

.History .year-nav ul li.on .years {
  color: #92b61a;
}

.History .year-nav ul li.on .bpoint {
  background: url("../images/points-h.png") no-repeat;
}

.History .year-nav .lines {
  width: 100%;
  height: 1px;
  background: #e5e5e5;
  position: absolute;
  bottom: 17px;
  z-index: 2;
}

.History .year-nav::-webkit-scrollbar {
  display: none;
}

.Honor {
  width: 100%;
  background: #fff;
  padding: 60px 0 70px;
}

.Honor .H-title {
  width: 100%;
  font-size: 34px;
  color: #333;
  line-height: 40px;
  height: 40px;
  position: relative;
  padding-left: 30px;
  margin-bottom: 30px;
}

.Honor .H-title span {
  display: inline-block;
  position: absolute;
  height: 34px;
  width: 5px;
  background: #92b61a;
  top: 4px;
  left: 0px;
}

.Honor .Process {
  width: 100%;
  position: relative;
  padding: 30px 0 100px;
  height: 1100px;
}

.Honor .Process .midline {
  width: 1px;
  background-color: #dcdcdc;
  height: 98%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 22px;
  z-index: 1;
}

.Honor .Process .points {
  width: 45px;
  height: 45px;
  background: url("../images/zpoint.png") no-repeat;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0px;
  z-index: 2;
}

.Honor .Process .H-ul {
  width: 100%;
}

.Honor .Process .H-ul .H-li {
  width: 495px;
  float: left;
  margin-top: 90px;
  display: none;
}

.Honor .Process .H-ul .H-li .year {
  font-size: 42px;
  line-height: 42px;
  color: #92b61a;
  text-align: right;
  margin-bottom: 5px;
  position: relative;
}

.Honor .Process .H-ul .H-li .enterprise-list {
  width: 100%;
  float: right;
  margin: 8px 0 10px;
}

.Honor .Process .H-ul .H-li .enterprise-list ul {
  width: 100%;
  text-align: right;
}

.Honor .Process .H-ul .H-li .enterprise-list ul li {
  line-height: 30px;
  position: relative;
  font-size: 16px;
  color: #333;
  display: block;
  margin: 0 5px;
}

.Honor .Process .H-ul .H-li .citation {
  width: 100%;
  height: 294px;
  float: left;
  position: relative;
}

.Honor .Process .H-ul .H-li .citation .imgs {
  width: 100%;
  height: 100%;
  transition: all ease-in-out 0.3s;
  background-color: #fff;
}

.Honor .Process .H-ul .H-li .citation img {
  width: 80%;
  height: 80%;
  transition: all ease-in-out 0.3s;
  float: right;
  background-color: #fff;
}

.Honor .Process .H-ul .H-li .spoint {
  position: absolute;
  width: 19px;
  height: 19px;
  background: url("../images/point.png") no-repeat;
  top: 50%;
  z-index: 5;
  transform: translateY(-50%);
  right: -114px;
}
.Honor .Process .H-ul .H-li:nth-child(2n) .spoint{
  right: auto;
  left: -114px;
}

.Honor .Process .H-ul .H-li .citation .line {
  display: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -100px;
  width: 100px;
  height: 1px;
  background: #dcdcdc;
}

.Honor .Process .H-ul .H-li .citation:hover .imgs {
  transform: scale(1.05);
}

.Honor .Process .H-ul .H-li:nth-child(2n) {
  margin-top: 120px;
  float: right;
}

.Honor .Process .H-ul .H-li:nth-child(2n) .year {
  text-align: left;
}

.Honor .Process .H-ul .H-li:nth-child(2n) .enterprise-list {
  float: left;
}

.Honor .Process .H-ul .H-li:nth-child(2n) .enterprise-list ul {
  text-align: left;
}

.Honor .Process .H-ul .H-li:nth-child(2n) .enterprise-list ul li::after {
  left: -20px;
}

.Honor .Process .H-ul .H-li:nth-child(2n) .citation {
  float: right;
}

.Honor .Process .H-ul .H-li:nth-child(2n) .citation img {
  float: left;
}

.Honor .Process .H-ul .H-li:nth-child(2n) .citation .spoint {
  left: -114px;
}

.Honor .Process .H-ul .H-li:nth-child(2n) .citation .line {
  left: -100px;
}

.Honor .Process .H-ul .H-li:nth-child(1) {
  margin-top: 40px;
}

.Honor .Process .H-ul .H-li:nth-child(2) {
  margin-top: 140px;
}

.Honor .Process .more {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0px;
  background: #92b61a;
  color: #fff;
  width: 160px;
  height: 50px;
  line-height: 50px;
  font-size: 14px;
  cursor: pointer;
  text-align: center;
  z-index: 10;
}

.Honor .Process .more span {
  display: inline-block;
  width: 9px;
  height: 16px;
  background: url("../images/icon-r.png") no-repeat;
  margin-left: 15px;
  transform: rotate(90deg);
  position: relative;
  top: 3px;
}

.HYproduct {
  width: 100%;
  background: #fff;
  padding: 60px 0 70px;
}

.HYproduct .HY-title {
  width: 100%;
  font-size: 34px;
  color: #333;
  line-height: 40px;
  height: 40px;
  position: relative;
  padding-left: 30px;
  margin-bottom: 30px;
  overflow: hidden;
}

.HYproduct .HY-title > span {
  display: inline-block;
  position: absolute;
  height: 34px;
  width: 5px;
  background: #92b61a;
  top: 4px;
  left: 0px;
}

.HYproduct .HY-list {
  width: 100%;
  margin-bottom: 30px;
}

.HYproduct .HY-list ul {
  width: 100%;
}

.HYproduct .HY-list ul li {
  float: left;
  margin: 0 0 40px 20px;
}

.HYproduct .HY-list ul li a {
  display: block;
  width: 100%;
  height: 100%;
}

.HYproduct .HY-list ul li a .img {
  width: 323px;
  height: 235px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  top: 30px;
}

.HYproduct .HY-list ul li a .img img {
  width: 100%;
  height: 100%;
  transition: all ease-in-out 0.3s;
}

.HYproduct .HY-list ul li a .con {
  width: 373px;
  height: 207px;
  padding: 50px 30px 30px;
  background: #fff;
  box-shadow: 0 0px 10px 1px #e5e5e5;
}

.HYproduct .HY-list ul li a .con .tip {
  font-size: 18px;
  line-height: 24px;
  color: #333;
  margin-bottom: 10px;
}

.HYproduct .HY-list ul li a .con .txt {
  height: 48px;
  font-size: 14px;
  line-height: 24px;
  color: #777;
  overflow: hidden;
  text-align: justify;
}

.HYproduct .HY-list ul li a .con .line {
  margin: 19px 0;
  background: #92b61a;
  width: 32px;
  height: 3px;
}

.HYproduct .HY-list ul li:hover .img img {
  transform: scale(1.1);
}

.HYproduct .HY-list ul li:hover .con {
  background: #92b61a;
}

.HYproduct .HY-list ul li:hover .con .tip {
  color: #fff;
}

.HYproduct .HY-list ul li:hover .con .txt {
  color: #fff;
}

.HYproduct .HY-list ul li:hover .con .line {
  background: #fff;
}

.HYproduct .HY-list ul li + li {
  margin-left: 20px;
}

.HYproduct .HY-list ul li:nth-child(3n+1) {
  margin-left: 0px;
}

.Details {
  width: 100%;
  background: #fff;
  padding: 60px 0 70px;
}

.Details .D-title {
  width: 100%;
  font-size: 34px;
  color: #333;
  line-height: 40px;
  height: 40px;
  position: relative;
  padding-left: 30px;
  margin-bottom: 30px;
  overflow: hidden;
}

.Details .D-title > span {
  display: inline-block;
  position: absolute;
  height: 34px;
  width: 5px;
  background: #92b61a;
  top: 4px;
  left: 0px;
}

.Details .D-title .D-searchs {
  float: right;
  width: 301px;
  height: 40px;
  background: #fff;
  border: solid 1px #d5d5d5;
}

.Details .D-title .D-searchs input[type=text] {
  float: left;
  width: 250px;
  height: 38px;
  padding: 0 15px;
  line-height: 38px;
}

.Details .D-title .D-searchs input[type=submit] {
  float: right;
  width: 40px;
  height: 40px;
  font-size: 0;
  background: url("../images/search-w.png") no-repeat center;
  background-color: #92b61a;
}

.Details .Details-con {
  width: 100%;
  overflow: hidden;
  height: 315px;
}

.Details .Details-con .img-box {
  float: left;
  width: 446px;
  height: 315px;
}

.Details .Details-con .img-box img {
  width: 100%;
  height: 100%;
  display: none;
}

.Details .Details-con .img-box img:first-child {
  display: block;
}

.Details .Details-con .pro-del {
  width: 720px;
  height: 315px;
  float: right;
  position: relative;
}

.Details .Details-con .pro-del .top {
  width: 100%;
  font-size: 32px;
  height: 50px;
  line-height: 50px;
  color: #333;
}
.Details .Details-con .pro-del .top h2{
  display: inline-block;
}

.Details .Details-con .pro-del .top .back {
  float: right;
  font-size: 14px;
  color: #333;
  width: 142px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  background: #f9f9f9;
}

.Details .Details-con .pro-del .top .back a {
  display: block;
  width: 100%;
  height: 100%;
}

.Details .Details-con .pro-del .top .back a span {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("../images/back.png") no-repeat;
  position: relative;
  top: 5px;
  margin-right: 10px;
}

.Details .Details-con .pro-del .line {
  width: 100%;
  height: 1px;
  background: #e9e9e9;
  margin: 16px 0;
}

.Details .Details-con .pro-del .tip {
  font-size: 18px;
  line-height: 36px;
  color: #333;
  margin-bottom: 0px;
}

.Details .Details-con .pro-del .txt {
  width: 100%;
  height: 6em;
  overflow: auto;
  font-size: 16px;
  line-height: 1.9;
  color: #333;
}

.Details .Details-con .pro-del .imgs-list {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}

.Details .Details-con .pro-del .imgs-list img {
  display: inline-block;
  width: 140px;
  height: 100px;
  cursor: pointer;
}

.Details .Details-con .pro-del .imgs-list img + img {
  margin-left: 20px;
}

.Details .Details-con .pro-del .imgs-list img.on {
  border: solid 2px #92b61a;
}

.Details .introduction {
  width: 100%;
  margin-top: 40px;
}

.Details .introduction .int-title {
  margin-bottom: 30px;
  width: 100%;
  height: 63px;
  background: #f3f5f4;
  line-height: 63px;
}

.Details .introduction .int-title span {
  font-size: 18px;
  background: #92b61a;
  width: 164px;
  display: inline-block;
  height: 63px;
  color: #fff;
  text-align: center;
}

.Details .introduction .pro-title {
  width: 100%;
  padding-left: 24px;
  position: relative;
  font-size: 24px;
  line-height: 32px;
  color: #333;
  margin-bottom: 25px;
}

.Details .introduction .pro-title span {
  position: absolute;
  display: inline-block;
  left: 0px;
  top: 4px;
  width: 4px;
  height: 25px;
  background: #92b61a;
}

.Details .introduction .int-txt {
  font-size: 16px;
  line-height: 32px;
  color: #666;
  margin: 20px 0;
}

.Details .introduction .int-item {
  width: 100%;
  margin: 20px 0;
}

.Details .introduction .int-item .item-title {
  font-size: 18px;
  line-height: 32px;
  color: #333;
  margin-bottom: 8px;
}

.Details .introduction .int-item .item-img {
  width: 100%;
  overflow: hidden;
  text-align: center;
  margin: 15px 0;
}

.Details .introduction .int-item .item-img img {
  float: left;
}

.Details .introduction .int-item .item-img img + img {
  margin-left: 15px;
}

.Details .D-case {
  width: 100%;
}

.Details .D-case .title {
  width: 100%;
  font-size: 34px;
  color: #333;
  line-height: 40px;
  height: 40px;
  position: relative;
  padding-left: 30px;
  margin-bottom: 30px;
  overflow: hidden;
}

.Details .D-case .title > span {
  display: inline-block;
  position: absolute;
  height: 34px;
  width: 5px;
  background: #92b61a;
  top: 4px;
  left: 0px;
}

.Details .D-case .btns {
  overflow: hidden;
}

.Details .D-case .btns .btn {
  margin-right: 30px;
  float: left;
  width: 180px;
  height: 55px;
  margin-bottom: 20px;
  text-align: center;
  background: #fff;
  border: solid 1px #dcdcdc;
}

.Details .D-case .btns .btn a {
  width: 100%;
  height: 100%;
  display: block;
  line-height: 55px;
}

.Details .D-case .btns .btn:hover, .Details .D-case .btns .btn.on {
  background: #92b61a;
  border: solid 1px #92b61a;
}

.Details .D-case .btns .btn:hover a, .Details .D-case .btns .btn.on a {
  color: #fff;
}

.Solution {
  width: 100%;
  background: #fff;
  padding: 60px 0 70px;
}

.Solution .S-title {
  width: 100%;
  font-size: 34px;
  color: #333;
  line-height: 40px;
  height: 40px;
  position: relative;
  padding-left: 30px;
  margin-bottom: 30px;
  overflow: hidden;
}

.Solution .S-title > span {
  display: inline-block;
  position: absolute;
  height: 34px;
  width: 5px;
  background: #92b61a;
  top: 4px;
  left: 0px;
}

.Solution .S-list {
  width: 100%;
}

.Solution .S-list ul {
  width: 100%;
}

.Solution .S-list ul li {
  width: 100%;
  position: relative;
}

.Solution .S-list ul li .img {
  position: absolute;
  top: 0;
  width: 600px;
  height: 360px;
}

.Solution .S-list ul li .img a {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
}

.Solution .S-list ul li .img a img {
  width: 100%;
  height: 100%;
  transition: all ease-in-out 0.3s;
}

.Solution .S-list ul li .con {
  float: right;
  width: 660px;
  height: 360px;
  margin-top: 50px;
  background: #fff;
  padding: 50px 50px 50px 115px;
  box-shadow: 0 0px 10px 1px #e5e5e5;
}

.Solution .S-list ul li .con .tip {
  font-size: 30px;
  color: #333;
  font-weight: bold;
}

.Solution .S-list ul li .con .txt {
  font-size: 16px;
  line-height: 32px;
  color: #777;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.Solution .S-list ul li .con .line {
  width: 35px;
  height: 4px;
  background-color: #92b61a;
  margin: 29px 0;
}

.Solution .S-list ul li .con .more {
  width: 150px;
  height: 50px;
  background: #fff;
  font-size: 14px;
  margin-top: 44px;
}

.Solution .S-list ul li .con .more a {
  width: 100%;
  height: 100%;
  display: block;
  color: #92b61a;
  line-height: 50px;
  text-align: center;
}

.Solution .S-list ul li .con .more a span {
  width: 8px;
  height: 14px;
  background: url("../images/icon-rh.png") no-repeat;
  background-size: 100%;
  display: inline-block;
  position: relative;
  top: 1px;
  margin-left: 10px;
}

.Solution .S-list ul li + li {
  margin-top: 50px;
}

.Solution .S-list ul li:nth-child(2n+1) .img {
  left: 0;
}

.Solution .S-list ul li:nth-child(2n) .img {
  right: 0;
}

.Solution .S-list ul li:nth-child(2n) .con {
  float: left;
  padding: 50px 110px 50px 50px;
}

.Solution .S-list ul li:hover .img img, .Solution .S-list ul li.on .img img {
  transform: scale(1.1);
}

.Solution .S-list ul li:hover .con .more, .Solution .S-list ul li.on .con .more {
  background: #92b61a;
}

.Solution .S-list ul li:hover .con .more a, .Solution .S-list ul li.on .con .more a {
  color: #fff;
}

.Solution .S-list ul li:hover .con .more a span, .Solution .S-list ul li.on .con .more a span {
  background: url("../images/icon-r.png") no-repeat;
  background-size: 100%;
}

.Military {
  width: 100%;
  background: #fff;
  padding: 60px 0 70px;
}

.Military .m-title {
  width: 100%;
  font-size: 34px;
  color: #333;
  line-height: 40px;
  height: 40px;
  position: relative;
  padding-left: 30px;
  margin-bottom: 30px;
  overflow: hidden;
}

.Military .m-title > span {
  display: inline-block;
  position: absolute;
  height: 34px;
  width: 5px;
  background: #92b61a;
  top: 4px;
  left: 0px;
}

.Military .m-case {
  width: 100%;
}

.Military .m-case .title {
  width: 100%;
  font-size: 34px;
  color: #333;
  line-height: 40px;
  height: 40px;
  position: relative;
  padding-left: 30px;
  margin-bottom: 30px;
  overflow: hidden;
}

.Military .m-case .title > span {
  display: inline-block;
  position: absolute;
  height: 34px;
  width: 5px;
  background: #92b61a;
  top: 4px;
  left: 0px;
}

.Military .m-case .btns {
  height: 56px;
}

.Military .m-case .btns .btn {
  margin-right: 30px;
  margin-bottom: 30px;
  float: left;
  width: 180px;
  height: 55px;
  text-align: center;
  background: #fff;
  border: solid 1px #dcdcdc;
}

.Military .m-case .btns .btn a {
  width: 100%;
  height: 100%;
  display: block;
  line-height: 55px;
}

.Military .m-case .btns .btn:hover, .Military .m-case .btns .btn.on {
  background: #92b61a;
  border: solid 1px #92b61a;
}

.Military .m-case .btns .btn:hover a, .Military .m-case .btns .btn.on a {
  color: #fff;
}

.Military .m-list {
  width: 100%;
}

.Military .m-list ul {
  width: 100%;
}

.Military .m-list ul li {
  float: left;
  width: 383px;
  height: 280px;
  box-shadow: 0 0px 10px 1px #e5e5e5;
  margin-right: 25px;
  margin-bottom: 24px;
}

.Military .m-list ul li img {
  width: 100%;
  height: 100%;
  display: block;
}

.Military .m-list ul li:first-child {
  width: 100%;
  height: 100%;
}

.Military .m-list ul li:nth-child(3n+4) {
  margin-right: 0px;
}

.Military .m-lis {
  width: 100%;
  margin: 20px 0;
}

.Military .m-lis ul {
  width: 100%;
}

.Military .m-lis ul li {
  padding-left: 20px;
  width: 100%;
  font-size: 18px;
  line-height: 40px;
  color: #333;
  margin: 0px 0px;
  position: relative;
}

.Military .m-lis ul li:after {
  content: ' ';
  position: absolute;
  left: 0;
  width: 8px;
  height: 8px;
  background: #92b61a;
  display: inline-block;
  top: 16px;
  margin-right: 15px;
}

.Customized {
  width: 100%;
  background: #fff;
  padding: 60px 0 70px;
}

.Customized .C-title {
  width: 100%;
  font-size: 34px;
  color: #333;
  line-height: 40px;
  height: 40px;
  position: relative;
  padding-left: 30px;
  margin-bottom: 30px;
  overflow: hidden;
}

.Customized .C-title > span {
  display: inline-block;
  position: absolute;
  height: 34px;
  width: 5px;
  background: #92b61a;
  top: 4px;
  left: 0px;
}

.Customized .C-list {
  width: 100%;
  margin: 40px 0;
}

.Customized .C-list ul {
  width: 100%;
}

.Customized .C-list ul li {
  float: left;
  width: 580px;
  height: 400px;
  box-shadow: 0 0px 10px 1px #e5e5e5;
}

.Customized .C-list ul li:nth-child(2n) {
  float: right;
}

.Customized .btns {
  text-align: center;
  margin: 40px auto;
  width: 100%;
  height: 54px;
}

.Customized .btns .btn {
  display: inline-block;
  margin: 0 20px;
  width: 180px;
  height: 50px;
  background: #fff;
  border: solid 2px #92b61a;
}

.Customized .btns .btn a {
  width: 100%;
  height: 100%;
  display: block;
  line-height: 50px;
  text-align: center;
  color: #92b61a;
  font-size: 14px;
}

.Customized .btns .btn a span {
  width: 21px;
  height: 21px;
  display: inline-block;
  position: relative;
  margin-right: 15px;
  top: 4px;
}

.Customized .btns .zx span {
  background: url("../images/zx.png") no-repeat;
}

.Customized .btns .zx:hover, .Customized .btns .zx.on {
  background: #92b61a;
}

.Customized .btns .zx:hover a, .Customized .btns .zx.on a {
  color: #fff;
}

.Customized .btns .zx:hover span, .Customized .btns .zx.on span {
  background: url("../images/zxh.png") no-repeat;
}

.Customized .btns .ly span {
  background: url("../images/ly.png") no-repeat;
}

.Customized .btns .ly:hover, .Customized .btns .ly.on {
  background: #92b61a;
}

.Customized .btns .ly:hover a, .Customized .btns .ly.on a {
  color: #fff;
}

.Customized .btns .ly:hover span, .Customized .btns .ly.on span {
  background: url("../images/lyh.png") no-repeat;
}

.Hymeg {
  width: 100%;
  background: #fff;
  padding: 60px 0 70px;
}

.Hymeg .H-title {
  width: 100%;
  font-size: 34px;
  color: #333;
  line-height: 40px;
  height: 40px;
  position: relative;
  padding-left: 30px;
  margin-bottom: 30px;
  overflow: hidden;
}

.Hymeg .H-title > span {
  display: inline-block;
  position: absolute;
  height: 34px;
  width: 5px;
  background: #92b61a;
  top: 4px;
  left: 0px;
}

.Hymeg .H-list {
  width: 100%;
  overflow: hidden;
}

.Hymeg .H-list .right {
  width: 334px;
  float: right;
}

.Hymeg .H-list .right ul {
  width: 292px;
}

.Hymeg .H-list .right ul li {
  display: block;
  width: 292px;
  border: solid 1px #e1e1e1;
  text-align: center;
  margin-bottom: 30px;
  padding: 20px 0;
}

.Hymeg .H-list .right ul li .icon {
  width: 38px;
  height: 38px;
  margin: 0 auto;
}

.Hymeg .H-list .right ul li .icon img {
  width: 100%;
  height: 100%;
}

.Hymeg .H-list .right ul li .number {
  font-size: 45px;
  font-weight: bold;
  color: #92b61a;
  margin: 12px 0;
}

.Hymeg .H-list .right ul li .number span {
  display: inline-block;
  font-size: 18px;
  color: #333;
}

.Hymeg .H-list .right ul li .tip {
  font-size: 14px;
  color: #666;
  overflow: hidden;
  padding: 0 5px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.Hymeg .H-list .line {
  width: 1px;
  height: 820px;
  background: #e1e1e1;
  float: right;
  margin: 0 40px 40px;
}

.Hymeg .H-list .list-txt {
  font-size: 16px;
  line-height: 32px;
  color: #666;
  /* text-indent: 2rem; */
	text-indent: 2em;
  margin: 15px 0;
}

.Hymeg .H-list .list-img {
  margin: 10px auto;
  text-align: center;
}

.Hymeg .H-list .list-img img {
  max-width: 780px;
  height: auto;
}

.partner {
  width: 100%;
  background: #fff;
  padding: 60px 0 70px;
}

.partner .p-title {
  width: 100%;
  font-size: 34px;
  color: #333;
  line-height: 40px;
  height: 40px;
  position: relative;
  padding-left: 30px;
  margin-bottom: 30px;
}

.partner .p-title span {
  display: inline-block;
  position: absolute;
  height: 34px;
  width: 5px;
  background: #92b61a;
  top: 4px;
  left: 0px;
}

.partner .p-list {
  width: 100%;
  margin: 30px 0;
}

.partner .p-list ul {
  width: 100%;
  overflow: hidden;
}

.partner .p-list ul li {
  width: 200px;
  height: 110px;
  float: left;
}

.partner .p-list ul li img {
  width: 100%;
  height: 100%;
  display: block;
}

.Newcen {
  width: 100%;
  background: #fff;
  padding: 60px 0 70px;
}

.Newcen .N-title {
  width: 100%;
  font-size: 34px;
  color: #333;
  line-height: 40px;
  height: 40px;
  position: relative;
  padding-left: 30px;
  margin-bottom: 30px;
}

.Newcen .N-title .line {
  display: inline-block;
  position: absolute;
  height: 34px;
  width: 5px;
  background: #92b61a;
  top: 4px;
  left: 0px;
}

.Newcen .N-title .right {
  float: right;
}

.Newcen .N-title .right ul li {
  float: left;
  height: 40px;
  margin: 0 20px;
}

.Newcen .N-title .right ul li a {
  height: 40px;
  line-height: 40px;
  color: #333;
  font-size: 16px;
}

.Newcen .N-title .right ul li a span {
  display: inline-block;
  position: relative;
  top: 6px;
  margin-right: 10px;
}

.Newcen .N-title .right ul li a span img {
  width: 100%;
  height: 100%;
}

.Newcen .N-title .right ul li a span img:first-child {
  display: block;
}

.Newcen .N-title .right ul li a span img:last-child {
  display: none;
}

.Newcen .N-title .right ul li a:hover {
  color: #92b61a;
}

.Newcen .N-title .right ul li a:hover span img:first-child {
  display: none;
}

.Newcen .N-title .right ul li a:hover span img:last-child {
  display: block;
}

.Newcen .N-title .right ul li.on a {
  color: #92b61a;
}

.Newcen .N-title .right ul li.on a span img:first-child {
  display: none;
}

.Newcen .N-title .right ul li.on a span img:last-child {
  display: block;
}

.Newcen .N-list {
  width: 100%;
}

.Newcen .N-list .N-swiper {
  height: 356px;
  width: 100%;
}

.Newcen .N-list .N-swiper .limg {
  float: left;
  width: 561px;
  height: 356px;
}

.Newcen .N-list .N-swiper .limg img {
  width: 100%;
  height: 100%;
  display: block;
}

.Newcen .N-list .N-swiper .rmsg {
  float: left;
  width: 639px;
  padding: 34px;
  height: 356px;
  background: #f5f7f6;
  position: relative;
}

.Newcen .N-list .N-swiper .rmsg .tip {
  color: #333333;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 15px;
}

.Newcen .N-list .N-swiper .rmsg .time {
  color: #777;
  margin-bottom: 30px;
}

.Newcen .N-list .N-swiper .rmsg .time span {
  margin-right: 12px;
}

.Newcen .N-list .N-swiper .rmsg .time span b {
  margin-right: 5px;
}

.Newcen .N-list .N-swiper .rmsg .txt {
  font-size: 14px;
  line-height: 24px;
  color: #777777;
  margin-bottom: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.Newcen .N-list .N-swiper .rmsg .more {
  margin-bottom: 37px;
}

.Newcen .N-list .N-swiper .rmsg .more a {
  color: #92b61a;
  font-size: 14px;
  line-height: 24px;
}

.Newcen .N-list .N-swiper .rmsg .line {
  width: 100%;
  height: 1px;
  background: #e7e7e7;
}

.Newcen .N-list .N-swiper .rmsg .btn {
  position: absolute;
  left: 34px;
  bottom: 34px;
  z-index: 999;
}

.Newcen .N-list .N-swiper .rmsg .btn div {
  float: left;
  margin-right: 12px;
  width: 37px;
  height: 37px;
  background-color: #ababab;
  cursor: pointer;
}

.Newcen .N-list .N-swiper .rmsg .btn div img {
  display: block;
  width: 100%;
  height: 100%;
}

.Newcen .N-list .N-swiper .rmsg .btn div:hover {
  background: #92b61a;
}

.Newcen .N-list .N-swiper .swiper-pagination-bullet-active {
  background: #92b61a;
}

.Newcen .N-list .N-swiper .swiper-pagination {
  text-align: right;
  padding-right: 30px;
}

.Newcen .N-list .N-swiper .swiper-container-horizontal > .swiper-pagination-bullets, .Newcen .N-list .N-swiper .swiper-pagination-custom, .Newcen .N-list .N-swiper .swiper-pagination-fraction {
  bottom: 14px;
}

.Newcen .N-list .msg-list {
  width: 100%;
  margin-top: 40px;
}

.Newcen .N-list .msg-list ul {
  width: 100%;
  overflow: hidden;
}

.Newcen .N-list .msg-list ul li {
  float: left;
  width: 386px;
  height: auto;
  margin-right: 20px;
  margin-bottom: 20px;
}

.Newcen .N-list .msg-list ul li .img {
  width: 386px;
  height: 245px;
  overflow: hidden;
}

.Newcen .N-list .msg-list ul li .img img {
  width: 100%;
  height: 100%;
  transition: all ease-in-out 0.3s;
}

.Newcen .N-list .msg-list ul li .con {
  width: 386px;
  height: 190px;
  background: #f5f7f6;
  padding: 30px 30px 0;
}

.Newcen .N-list .msg-list ul li .con .tip {
  color: #333333;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 0px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.Newcen .N-list .msg-list ul li .con .txt {
  font-size: 14px;
  line-height: 24px;
  color: #777;
  margin: 10px 0 20px;
}

.Newcen .N-list .msg-list ul li .con .line {
  width: 100%;
  height: 1px;
  background: #e1e1e1;
  margin-bottom: 15px;
}

.Newcen .N-list .msg-list ul li .con .time {
  font-size: 14px;
  line-height: 24px;
  color: #777;
}

.Newcen .N-list .msg-list ul li .con .time span {
  margin-right: 10px;
}

.Newcen .N-list .msg-list ul li .con .time b {
  float: right;
  display: inline-block;
  width: 8px;
  height: 14px;
  background: url("../images/icon-rr.png") no-repeat;
  background-size: 100%;
  position: relative;
  top: 5px;
}

.Newcen .N-list .msg-list ul li:nth-child(3n) {
  margin-right: 0px;
}

.Newcen .N-list .msg-list ul li:hover .img img {
  transform: scale(1.1);
}

.Newsdetail {
  width: 100%;
  background: #fff;
  padding: 60px 0 70px;
}

.Newsdetail .N-title {
  width: 100%;
  font-size: 34px;
  color: #333;
  line-height: 40px;
  height: 40px;
  position: relative;
  padding-left: 30px;
  margin-bottom: 30px;
}

.Newsdetail .N-title .line {
  display: inline-block;
  position: absolute;
  height: 34px;
  width: 5px;
  background: #92b61a;
  top: 4px;
  left: 0px;
}

.Newsdetail .N-title .right {
  float: right;
}

.Newsdetail .N-title .right ul li {
  float: left;
  height: 40px;
  margin: 0 20px;
}

.Newsdetail .N-title .right ul li a {
  height: 40px;
  line-height: 40px;
  color: #333;
  font-size: 16px;
}

.Newsdetail .N-title .right ul li a span {
  display: inline-block;
  position: relative;
  top: 6px;
  margin-right: 10px;
}

.Newsdetail .N-title .right ul li a span img {
  width: 100%;
  height: 100%;
}

.Newsdetail .N-title .right ul li a span img:first-child {
  display: block;
}

.Newsdetail .N-title .right ul li a span img:last-child {
  display: none;
}

.Newsdetail .N-title .right ul li a:hover {
  color: #92b61a;
}

.Newsdetail .N-title .right ul li a:hover span img:first-child {
  display: none;
}

.Newsdetail .N-title .right ul li a:hover span img:last-child {
  display: block;
}

.Newsdetail .N-title .right ul li.on a {
  color: #92b61a;
}

.Newsdetail .N-title .right ul li.on a span img:first-child {
  display: none;
}

.Newsdetail .N-title .right ul li.on a span img:last-child {
  display: block;
}

.Newsdetail .N-list {
  width: 100%;
  margin-top: 20px;
}

.Newsdetail .N-list .left {
  float: left;
  width: 812px;
}

.Newsdetail .N-list .left .title {
  width: 100%;
  text-align: center;
  font-size: 28px;
  color: #333;
  margin-bottom: 20px;
}

.Newsdetail .N-list .left .tips {
  width: 100%;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  margin-bottom: 25px;
}

.Newsdetail .N-list .left .tips .l {
  float: left;
}

.Newsdetail .N-list .left .tips .l span {
  float: left;
  font-size: 14px;
  line-height: 30px;
  color: #999;
  margin-right: 15px;
}

.Newsdetail .N-list .left .tips .l span b {
  margin-right: 10px;
}

.Newsdetail .N-list .left .tips .r {
  float: right;
}

.Newsdetail .N-list .left .tips .r span, .Newsdetail .N-list .left .tips .r a {
  float: left;
  font-size: 14px;
  color: #999;
  line-height: 30px;
}

.Newsdetail .N-list .left .tips .r a {
  font-size: 22px;
  margin: 0 8px;
}

.Newsdetail .N-list .left .tips .r a:hover {
  color: #92b61a;
}

.Newsdetail .N-list .left .line {
  margin: 27px 0;
  width: 100%;
  height: 1px;
  background: #dcdcdc;
}

.Newsdetail .N-list .left .txt {
  text-indent: 10px;
  font-size: 16px;
  line-height: 32px;
  margin: 20px 0;
  color: #666;
}

.Newsdetail .N-list .left .imgs {
  width: 100%;
  overflow: hidden;
}

.Newsdetail .N-list .left .imgs img {
  width: 385px;
  height: 250px;
}

.Newsdetail .N-list .left .bot {
  width: 100%;
  overflow: hidden;
}

.Newsdetail .N-list .left .bot .b-l {
  float: left;
  width: 80%;
  font-size: 16px;
  color: #666;
  line-height: 32px;
}

.Newsdetail .N-list .left .bot .b-l a {
  font-size: 16px;
  color: #666;
  line-height: 32px;
  margin-left: 15px;
}

.Newsdetail .N-list .left .bot .b-l a:hover {
  color: #92b61a;
}

.Newsdetail .N-list .left .bot .b-r {
  float: right;
  width: 20%;
  text-align: right;
}

.Newsdetail .N-list .left .bot .b-r a {
  width: 160px;
  height: 54px;
  text-align: center;
  color: #fff;
  line-height: 54px;
  display: block;
  background: #92b61a;
}

.Newsdetail .N-list .left .bot .b-r a span {
  display: inline-block;
  width: 21px;
  height: 16px;
  background: url("../images/back1.png") no-repeat;
  margin-right: 10px;
  position: relative;
  top: 3px;
}

.Newsdetail .N-list .right {
  float: right;
  width: 361px;
  background: #f3f5f4;
}

.Newsdetail .N-list .right .top {
  width: 319px;
  margin: 20px auto;
  font-size: 22px;
  line-height: 30px;
  color: #333;
}

.Newsdetail .N-list .right .top a {
  float: right;
  font-size: 14px;
  line-height: 30px;
  color: #666;
}

.Newsdetail .N-list .right .top a span {
  margin-left: 10px;
  display: inline-block;
  position: relative;
  top: 2px;
  width: 11px;
  height: 17px;
  background: url("../images/icon-r1.png") no-repeat;
}

.Newsdetail .N-list .right .img {
  margin: 20px auto;
  width: 319px;
  height: 175px;
}

.Newsdetail .N-list .right .tip {
  width: 319px;
  margin: 20px auto;
  text-align: center;
  font-size: 14px;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #92b61a;
}

.Newsdetail .N-list .right .line {
  height: 1px;
  width: 100%;
  background: #dcdcdc;
  margin: 20px 0;
}

.Newsdetail .N-list .right .ul {
  width: 319px;
  margin: 0 auto;
}

.Newsdetail .N-list .right .ul ul {
  list-style: none;
}

.Newsdetail .N-list .right .ul ul li {
  display: block;
  width: 100%;
  font-size: 14px;
  line-height: 24px;
  color: #666;
  margin: 10px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.Newsdetail .N-list .right .ul ul li span {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #666;
  line-height: 24px;
  position: relative;
  top: -3px;
  margin-right: 8px;
}

.message {
  width: 100%;
  background: #fff;
  padding: 60px 0 70px;
}

.message .m-title {
  width: 100%;
  font-size: 34px;
  color: #333;
  line-height: 40px;
  height: 40px;
  position: relative;
  padding-left: 30px;
  margin-bottom: 30px;
}

.message .m-title span {
  display: inline-block;
  position: absolute;
  height: 34px;
  width: 5px;
  background: #92b61a;
  top: 4px;
  left: 0px;
}

.message .m-con {
  width: 100%;
}

.message .m-con .tip {
  font-size: 16px;
  line-height: 32px;
  color: #333;
  margin: 10px 0;
}

.message .m-con .email {
  color: #92b61a;
  font-size: 16px;
  line-height: 32px;
  margin: 10px 0;
}

.message .m-con .inputs {
  width: 100%;
  overflow: hidden;
}

.message .m-con .inputs .input {
  width: 50%;
  float: left;
  height: 52px;
  line-height: 50px;
  font-size: 16px;
  color: #000;
}

.message .m-con .inputs .input input {
  width: 490px;
  height: 50px;
  padding: 0 15px;
  border-radius: 5px;
  border: solid 1px #ddd;
  margin-left: 10px;
}

.message .m-con .textarea {
  width: 100%;
  overflow: hidden;
  margin-top: 20px;
}

.message .m-con .textarea span {
  float: left;
  font-size: 16px;
  color: 000;
  width: 80px;
}

.message .m-con .textarea textarea {
  float: left;
  border: solid 1px #dcdcdc;
  border-radius: 5px;
  margin-left: 10px;
  width: calc(100% - 110px);
  padding: 15px;
}

.message .m-con .submit {
  display: block;
  color: #fff;
  text-align: center;
  line-height: 50px;
  height: 50px;
  width: 170px;
  background: #92b61a;
  margin: 30px auto;
}

.img-a {
  width: 100%;
  height: 100%;
  line-height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 99999999;
  overflow: auto;
  text-align: center;
  visibility: hidden;
  opacity: 0;
  transition: all .3s;
  cursor: pointer;
}

.img-b {
  display: inline-block;
  vertical-align: middle;
}

.img-c {
  width: 48px;
  height: 48px;
  background-color: #000;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 10;
  cursor: pointer;
  z-index: 99999999;
  opacity: 0;
  transition: all .3s;
  cursor: pointer;
  font-size: 34px;
  line-height: 48px;
  color: #fff;
  text-align: center;
}

body.img-state .img-a {
  visibility: visible;
  opacity: 1;
}

body.img-state .img-c {
  visibility: visible;
  opacity: 1;
}


/* 以下修改新闻中心板块 */
.index-news {
  /* margin: 80px auto; */
  margin-bottom: 30px !important;
}

.index-news .module-title {
  font-size: 34px;
  margin-bottom: 45px;
  color: #333;
  text-align: center;
}

.index-news .news-wrap {
  width: 1200px;
  margin: 0 auto;
}

.index-news .in-swiper {
  width: 580px;
  display: inline-block;
  float: left;
}

.index-news .in-swiper .swiper-slide img {
  width: 100%;
}

.index-news .in-swiper .swiper-slide a {
  display: block;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 350px;
}

.index-news .in-swiper .swiper-slide .title {
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 90%;
  padding: 0 5%;
  font-size: 18px;
  color: #ffffff;
}

.index-news .in-swiper .swiper-pagination {
  bottom: 15px;
  left: auto;
  right: 15px;
  width: auto;
}

.index-news .in-swiper .swiper-pagination .swiper-pagination-bullet {
  display: inline-block;
  margin: 0 5px;
  background-color: #fff;
  width: 12px;
  height: 12px;
  opacity: 1;
}

.index-news .in-swiper .swiper-pagination .swiper-pagination-bullet-active {
  width: 30px;
  border-radius: 5px;
  background-color: #fdb315;
}

.index-news .wrap-right {
  float: right;
  width: 580px;
}

.index-news .wrap-right .item {
  width: 100%;
  margin-bottom: 25px;
  display: block;
}

.index-news .wrap-right .item:last-child {
  margin-bottom: 0;
}

.index-news .wrap-right .item .item-img {
  width: 160px;
  float: left;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100px;
  /* margin-bottom: 25px; */
}

.index-news .wrap-right .item .item-img img {
  width: 100%;
}

.index-news .wrap-right .item .item-content {
  width: 400px;
  float: right;
  padding-top: 20px;
  height: 100%;
}

.index-news .wrap-right .item .item-content .title {
  width: 100%;
  font-size: 18px;
  color: #333333;
  line-height: 1.5;
}

.index-news .wrap-right .item .item-content .text {
  font-size: 12px;
  color: #999999;
  width: 100%;
}

.index-news .wrap-right .item:hover {
  background-color: #92b61a;
  cursor: pointer;
}

.index-news .wrap-right .item:hover .item-content .title {
  color: #fff;
}

.index-news .wrap-right .item:hover .item-content .text {
  color: #fff;
}