html {
  -webkit-font-smoothing: antialiased;
  height: 100%;
}

blockquote, body, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, td, textarea, th, ul {
  margin: 0;
  padding: 0;
}

header, hgroup, nav, menu, main, section, article, summary, details, aside, figure, figcaption, footer {
  display: block;
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

table, th, td {
  border: 1px solid black;
}

fieldset, img {
  border: 0;
}

address, caption, cite, code, dfn, em, var {
  font-style: normal;
  font-weight: 400;
}

dl, ol, ul {
  list-style-type: none;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
  outline: 0;
  outline: none;
}

sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

textarea {
  resize: none;
  outline: none;
  font-family: Arial,Microsoft YaHei;
}

img {
  vertical-align: middle;
  max-width: 100%;
  height: auto;
}

button, input {
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
  outline: 0;
  -webkit-appearance: none;
}

button {
  -webkit-appearance: none;
}

.clear {
  clear: both;
}

body * {
  border-top: solid 0.01px transparent;
  box-sizing: border-box;
  line-height: 1;
}

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

.w1236 {
  width: 1236px;
  margin: 0 auto;
}

body {
  font-size: 14px;
}

.header {
  width: 100%;
}

.header .htop {
  height: 40px;
}

.header .htop .txt {
  float: left;
  font-size: 14px;
  line-height: 40px;
  color: #fff;
}

.header .htop .lan {
  height: 40px;
  line-height: 40px;
}

.header .htop .lan p {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 40px;
  font-size: 0;
}

.header .htop .lan p i {
  display: inline-block;
  vertical-align: middle;
  line-height: 40px;
  font-size: 12px;
}

.header .htop .lan p em {
  float: none;
  margin: 0;
  display: inline-block;
  vertical-align: middle;
  line-height: 40px;
}

.header .htop .lan ul {
  top: 40px;
  padding: 0;
}

.header .htop .lan ul li {
  width: 100%;
  line-height: 35px;
}

.header .htop .search {
  margin-top: 8.5px;
}

.header .logo {
  margin-top: 18px;
  margin-bottom: 25px;
}

.header .menu {
  width: 1000px;
  margin-left: 40px;
  height: 90px;
  font-size: 0;
  text-align: right;
}

.header .menu li {
  float: none;
  margin-top: 17px;
  display: inline-block;
  vertical-align: middle;
  height: 56px;
  line-height: 56px;
}

.header .menu li a {
  width: 100%;
  height: 100%;
  display: block;
  line-height: 56px;
}

.banners {
  width: 100%;
  position: relative;
}

.banners .swiper-slide {
  width: 100%;
}

.banners .swiper-slide img {
  width: 100%;
  height: 100%;
  display: block;
}

.banners .leftbot {
  position: absolute;
 /* z-index: 10;*/
  left: 0;
  bottom: 0;
  width: 923px;
  height: 110px;
  padding-left: 360px;
  background-color: #278f47;
  border-radius: 0px 30px 0px 0px;
  font-size: 0;
}

.banners .leftbot .lbbox {
  width: 563px;
  font-size: 0;
  height: 110px;
}

.banners .leftbot .txt {
  display: inline-block;
  vertical-align: middle;
  width: 126px;
  height: 110px;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 1px;
  color: #ffffff;
  opacity: 0.5;
  padding-top: 20px;
}

.banners .leftbot .line {
  display: inline-block;
  vertical-align: middle;
  width: 144px;
  height: 1px;
  margin: 0 60px;
  background-color: #ffffff;
}

.banners .leftbot .share {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  margin: 0 25px;
}

.banners .leftbot .share a {
  width: 100%;
  height: 100%;
  display: block;
}

.banners .leftbot .share a img {
  width: 100%;
  height: 100%;
  display: block;
}

.banners .bl, .banners .br {
  position: absolute;
  z-index: 11;
  bottom: 33px;
  width: 43px;
  height: 43px;
  display: block;
  cursor: pointer;
}

.banners .bl img, .banners .br img {
  width: 100%;
  height: 100%;
  display: none;
}

.banners .bl img:first-child, .banners .br img:first-child {
  display: block;
}

.banners .bl img:last-child, .banners .br img:last-child {
  display: none;
}

.banners .br {
  left: 1515px;
}

.banners .bl {
  left: 1460px;
}

.banners .bl:hover img:first-child, .banners .br:hover img:first-child {
  display: none;
}

.banners .bl:hover img:last-child, .banners .br:hover img:last-child {
  display: block;
}

.banners .swiper-pagination {
  left: 1000px;
  width: auto;
  bottom: 33px;
}

.banners .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background: #fff;
  opacity: 1;
  border: solid 2px #222222;
}

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

.banners .swiper-pagination-bullet-active {
  background-color: #222222;
  border-radius: 5px;
}

.modular {
  width: 100%;
  padding: 90px 0;
  background-position: center;
  background-size: cover;
}

.modular .title {
  text-align: center;
  width: 100%;
  font-size: 36px;
  line-height: 40px;
  letter-spacing: 0px;
  color: #222222;
}

.modular .ent {
  text-align: center;
  width: 100%;
  font-size: 18px;
  font-style: italic;
  line-height: 40px;
  letter-spacing: 0px;
  color: #000000;
  opacity: 0.8;
  margin: 8px 0 18px;
}

.modular .line {
  margin: 0 auto;
  width: 20px;
  height: 1px;
  background-color: #278f47;
}

.modular .patent {
  width: 100%;
  position: relative;
}

.modular .patent .swiper-slide {
  margin: 50px 34px;
  width: 232px;
  transition: all ease 0.3s;
  cursor: pointer;
}

.modular .patent .swiper-slide .patimg {
  width: 100%;
  height: 316px;
  margin-bottom: 10px;
  text-align: center;
}

.modular .patent .swiper-slide .patimg img {
  width: 100%;
  height: 100%;
  display: block;
}

.modular .patent .swiper-slide .txt {
  width: 100%;
  text-align: center;
  font-size: 14px;
  letter-spacing: 0px;
  color: #666666;
}

.modular .patent .swiper-slide:hover {
  transform: scale(1.1);
}

.modular .patent .swiper-slide:hover .txt {
  color: #278f47;
}

.modular .patent .pl, .modular .patent .pr {
  position: absolute;
  top: 50%;
  z-index: 20;
  transform: translateY(-50%);
  width: 53px;
  height: 53px;
  display: block;
  border-radius: 50%;
  box-shadow: 0px 10px 30px 0px rgba(93, 136, 160, 0.2);
  cursor: pointer;
}

.modular .patent .pl img, .modular .patent .pr img {
  width: 100%;
  height: 100%;
  display: none;
}

.modular .patent .pl img:first-child, .modular .patent .pr img:first-child {
  display: block;
}

.modular .patent .pl img:last-child, .modular .patent .pr img:last-child {
  display: none;
}

.modular .patent .pl:hover img:first-child, .modular .patent .pr:hover img:first-child {
  display: none;
}

.modular .patent .pl:hover img:last-child, .modular .patent .pr:hover img:last-child {
  display: block;
}

.modular .patent .pl {
  left: -45px;
}

.modular .patent .pr {
  right: -45px;
}

.modular .strength {
  width: 100%;
}

.modular .strength img {
  height: 100%;
  display: block;
  margin: 15px auto;
}

.modular .strength .img {
  text-align: center;
}

.modular .strength .img img {
  height: 100%;
  display: block;
  margin: 15px auto;
}

.modular .strength .t1 {
  text-align: center;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 0px;
  color: #333333;
  margin: 15px 0;
}

.modular .strength .t2 {
  text-align: center;
  margin: 15px 0;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 0px;
  color: #333333;
  opacity: 0.7;
}

.modular .advantages {
  width: 100%;
  font-size: 0;
}

.modular .advantages .advtem {
  width: 412px;
  height: 620px;
  display: inline-block;
  vertical-align: top;
  padding: 87px 58px 0 71px;
  margin-top: 64px;
  position: relative;
  top: 0;
  transition: all ease 0.4s;
}

.modular .advantages .advtem .t1 {
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #24793e;
}

.modular .advantages .advtem .t2 {
  font-size: 14px;
  font-weight: normal;
  font-style: italic;
  font-stretch: normal;
  line-height: 40px;
  letter-spacing: 0px;
  color: #000000;
  opacity: 0.8;
}

.modular .advantages .advtem .tline {
  width: 20px;
  height: 1px;
  background-color: #278f47;
}

.modular .advantages .advtem .advul {
  margin-top: 40px;
}

.modular .advantages .advtem .advul .advli {
  position: relative;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 22px;
  letter-spacing: 0px;
  color: #333333;
  opacity: 0.8;
  margin-bottom: 22px;
}

.modular .advantages .advtem .advul .advli:after {
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  top: 6px;
  left: -14px;
  border-radius: 50%;
  background-color: #d3d3d3;
}

.modular .advantages .advtem .btn {
  width: 94px;
  height: 94px;
  margin: 70px auto 0;
}

.modular .advantages .advtem .btn a {
  width: 100%;
  height: 100%;
  display: block;
  transition: all ease 0.3s;
}

.modular .advantages .advtem .btn a img {
  width: 100%;
  height: 100%;
  display: block;
}

.modular .advantages .advtem:nth-child(2n) {
  margin-top: 0;
}

.modular .advantages .advtem:hover {
  top: -14px;
}

.modular .advantages .advtem:hover .btn a {
  transform: scale(1.1);
}

.modular .ODM {
  width: 100%;
  position: relative;
  margin-top: 40px;
  border: solid 1px transparent;
}

.modular .ODM .main {
  width: 560px;
  height: 560px;
  margin: 140px auto;
  position: relative;
}

.modular .ODM .main .mcon {
  width: 425px;
  height: 425px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.modular .ODM .main .mcon .txt {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 160px;
}

.modular .ODM .main .mcon .txt .t1 {
  font-weight: bold;
  font-size: 36px;
  font-stretch: normal;
  line-height: 40px;
  letter-spacing: 0px;
  color: #f6f6f6;
}

.modular .ODM .main .mcon .txt .t2 {
  margin-top: 0px;
  font-size: 18px;
  font-style: italic;
  line-height: 40px;
  letter-spacing: 0px;
  color: #f6f6f6;
  opacity: 0.8;
}

.modular .ODM .main .mcon .btn {
  position: absolute;
  bottom: 62px;
  left: 50%;
  transform: translateX(-50%);
  width: 180px;
  height: 52px;
}

.modular .ODM .main .mcon .btn a {
  width: 100%;
  height: 100%;
  display: block;
  font-size: 14px;
  line-height: 52px;
  color: #333;
  text-align: center;
  background-color: #ffffff;
  border-radius: 26px;
  transition: all ease 0.3s;
}

.modular .ODM .main .mcon .btn a span {
  display: inline-block;
  vertical-align: middle;
  width: 6px;
  height: 13px;
  margin-left: 30px;
}

.modular .ODM .main .mcon .btn a span img {
  width: 100%;
  height: 100%;
  display: block;
}

.modular .ODM .main .mcon .btn:hover a {
  transform: scale(1.1);
}

.modular .ODM .otem {
  position: absolute;
  width: 128px;
  text-align: center;
}

.modular .ODM .otem .img {
  width: 60px;
  height: 60px;
  display: block;
  margin: 0 auto;
  transition: all ease 0.3s;
}

.modular .ODM .otem .img img {
  width: 100%;
  height: 100%;
  display: block;
  transition: all ease 0.3s;
}

.modular .ODM .otem .txt {
  text-align: center;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: 0px;
  color: #000000;
}

.modular .ODM .otem:hover .img {
  transform: scale(1.2);
}

.modular .ODM .otem:nth-child(2) {
  right: 150px;
  top: 370px;
}

.modular .ODM .otem:nth-child(3) {
  right: 240px;
  top: 140px;
}

.modular .ODM .otem:nth-child(4) {
  width: 300px;
  right: 50%;
  top: 700px;
  transform: translateX(50%);
}

.modular .ODM .otem:nth-child(4) .txt {
  font-size: 0;
}

.modular .ODM .otem:nth-child(4) .txt .t1 {
  display: inline-block;
  vertical-align: top;
  width: 150px;
  text-align: center;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: 0px;
  color: #000000;
}

.modular .ODM .otem:nth-child(4) .txt .t2 {
  display: inline-block;
  vertical-align: top;
  width: 150px;
  text-align: center;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: 0px;
  color: #000000;
}

.modular .ODM .otem:nth-child(5) {
  left: 250px;
  top: 555px;
}

.modular .ODM .otem:nth-child(6) {
  left: 150px;
  top: 370px;
}

.modular .ODM .otem:nth-child(7) {
  right: 250px;
  top: 555px;
}

.modular .ODM .otem:nth-child(8) {
  left: 50%;
  top: 10px;
  transform: translateX(-50%);
}

.modular .ODM .otem:nth-child(9) {
  left: 240px;
  top: 140px;
}

.modular .ODM .lines {
  position: absolute;
  width: 310px;
  height: 1px;
  border: dashed 1px #ddd;
  opacity: 0.5;
}

.modular .ODM .lines:nth-child(10) {
  left: 15px;
  top: 280px;
}

.modular .ODM .lines:nth-child(11) {
  left: 15px;
  top: 520px;
}

.modular .ODM .lines:nth-child(12) {
  left: 35px;
  top: 715px;
}

.modular .ODM .lines:nth-child(13) {
  right: 15px;
  top: 280px;
}

.modular .ODM .lines:nth-child(14) {
  right: 15px;
  top: 520px;
}

.modular .ODM .lines:nth-child(15) {
  right: 35px;
  top: 715px;
}

.modular .options {
  width: 100%;
  font-size: 0;
}

.modular .options .optem {
  width: 580px;
  height: 320px;
  display: inline-block;
  vertical-align: top;
  margin-right: 40px;
  margin-bottom: 25px;
  position: relative;
  padding: 58px 82px 30px 228px;
}

.modular .options .optem .title {
  text-align: left;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: 0px;
  color: #333333;
  margin-bottom: 40px;
}

.modular .options .optem .opul {
  width: 100%;
}

.modular .options .optem .opul .opli {
  position: relative;
  padding-left: 16px;
  font-size: 14px;
  line-height: 30px;
  letter-spacing: 0px;
  color: #333333;
}

.modular .options .optem .opul .opli:after {
  content: ' ';
  position: absolute;
  left: 0;
  top: 12px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #222222;
  opacity: 0.2;
}

.modular .options .optem .licon {
  position: absolute;
  top: 60px;
  left: 50px;
}

.modular .options .optem .licon .num {
  font-size: 40px;
  font-weight: bold;
  line-height: 40px;
  letter-spacing: 0px;
  color: #f6f6f6;
}

.modular .options .optem .licon .tip {
  font-size: 20px;
  font-style: italic;
  line-height: 40px;
  letter-spacing: 0px;
  color: #f6f6f6;
}

.modular .options .optem:nth-child(2n) {
  margin-right: 0;
}

.modular .btnx {
  width: 180px;
  height: 52px;
  margin: 30px auto;
}

.modular .btnx a {
  width: 100%;
  height: 100%;
  display: block;
  font-size: 14px;
  line-height: 52px;
  color: #333;
  text-align: center;
  background-color: #ffffff;
  border-radius: 26px;
  transition: all ease 0.3s;
}

.modular .btnx a span {
  display: inline-block;
  vertical-align: middle;
  width: 6px;
  height: 13px;
  margin-left: 30px;
}

.modular .btnx a span img {
  width: 100%;
  height: 100%;
  display: block;
}

.modular .btnx:hover a {
  transform: scale(1.1);
}

.medicine {
  width: 100%;
  padding: 110px 0;
}

.medicine .ml {
  width: 380px;
  display: inline-block;
  vertical-align: top;
  margin-right: 140px;
}

.medicine .ml .mt1 {
  font-size: 36px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 40px;
  letter-spacing: 0px;
  color: #222222;
  margin-bottom: 7px;
}

.medicine .ml .mt2 {
  font-style: italic;
  font-size: 18px;
  font-weight: normal;
  letter-spacing: 0px;
  color: #000000;
  opacity: 0.8;
}

.medicine .ml .line {
  width: 20px;
  height: 1px;
  margin: 35px 0;
  background-color: #278f47;
}

.medicine .ml .txt {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 24px;
  letter-spacing: 0px;
  color: #666666;
  margin: 40px 0 70px;
}

.medicine .ml .btn {
  width: 180px;
  height: 52px;
  background-color: #ffffff;
  border-radius: 26px;
  transition: all ease 0.3s;
}

.medicine .ml .btn a {
  width: 100%;
  height: 100%;
  display: block;
  font-size: 14px;
  line-height: 52px;
  color: #333;
  text-align: center;
}

.medicine .ml .btn a span {
  display: inline-block;
  vertical-align: middle;
  width: 6px;
  height: 13px;
  margin-left: 30px;
}

.medicine .ml .btn a span img {
  width: 100%;
  height: 100%;
  display: block;
}

.medicine .ml .btn:hover {
  transform: scale(1.1);
}

.medicine .mr {
  width: 680px;
  display: inline-block;
  vertical-align: top;
  font-size: 0;
}

.medicine .mr .mrtul {
  width: 100%;
  margin-bottom: 40px;
}

.medicine .mr .mrtul .mrtem {
  display: inline-block;
  vertical-align: middle;
  width: 335px;
  height: 66px;
  background-color: #ffffff;
  border-radius: 8px;
  margin-right: 10px;
  margin-bottom: 10px;
  position: relative;
  line-height: 66px;
  padding: 0 20px;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #333333;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-left: 30px;
  transition: all ease 0.3s;
}

.medicine .mr .mrtul .mrtem a {
  width: 100%;
  height: 100%;
  display: block;
  line-height: 66px;
  padding: 0 20px;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #333333;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-left: 30px;
}

.medicine .mr .mrtul .mrtem span {
  position: absolute;
  right: 20px;
  top: 18px;
  width: 30px;
  height: 30px;
  display: block;
  display: none;
}

.medicine .mr .mrtul .mrtem span img {
  width: 100%;
  height: 100%;
  display: none;
}

.medicine .mr .mrtul .mrtem span img:first-child {
  display: block;
}

.medicine .mr .mrtul .mrtem span img:last-child {
  display: none;
}

.medicine .mr .mrtul .mrtem:nth-child(2n) {
  margin-right: 0;
}

.medicine .mr .mrtul .mrtem:hover {
  transform: scale(1.08);
}

.medicine .mr .mrtul .mrtem:after {
  position: absolute;
  content: ' ';
  width: 6px;
  height: 6px;
  background-color: #222222;
  border-radius: 3px;
  opacity: 0.2;
  top: 50%;
  left: 14px;
  transform: translateY(-50%);
}

.medicine .mr .mrbul {
  width: 100%;
  font-size: 0;
}

.medicine .mr .mrbul .mtbem {
  display: inline-block;
  vertical-align: top;
  padding: 0 38px;
  background: #278f47;
  line-height: 41px;
  height: 41px;
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  margin-right: 10px;
  margin-bottom: 10px;
  color: #fff;
  transition: all ease 0.3s;
}

.medicine .mr .mrbul .mtbem:hover {
  transform: scale(1.1);
}

.rightnav {
  position: fixed;
  right: 0;
  z-index: 20;
  top: 60%;
  transform: translateY(-50%);
  background-color: #278f47;
  border-radius: 6px 0px 0px 6px;
  overflow: hidden;
}

.rightnav .rtem {
  width: 64px;
  height: 64px;
  position: relative;
}

.rightnav .rtem a {
  width: 100%;
  height: 100%;
  display: block;
  padding: 17px 0;
}

.rightnav .rtem a img {
  width: 30px;
  height: 30px;
  display: block;
  margin: 0 auto;
}

.nbanner {
  width: 100%;
  position: relative;
}

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

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

.nbanner .tbox {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 644px;
}

.nbanner .tbox .t1 {
  font-size: 50px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 50px;
  letter-spacing: 0px;
  color: #ffffff;
  margin-bottom: 8px;
}

.nbanner .tbox .t2 {
  font-size: 24px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 48px;
  letter-spacing: 0px;
  color: #ffffff;
}

.honor {
  width: 100%;
}

.honor .tnav {
  width: 100%;
  font-size: 0;
  border-bottom: solid 1px #ccc;
  text-align: right;
  padding-top: 42px;
}

.honor .tnav a, .honor .tnav span {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 45px;
  letter-spacing: 0px;
  color: #000000;
  padding: 0 5px;
}

.honor .hlist {
  width: 100%;
  font-size: 0;
  padding: 40px 0;
}

.honor .hlist .htem {
  display: inline-block;
  box-sizing: border-box;
  width: 374px;
  margin-right: 39px;
  margin-bottom: 40px;
  cursor: pointer;
}

.honor .hlist .htem .img {
  width: 100%;
  height: 281px;
}

.honor .hlist .htem .img img {
  width: 100%;
  height: 100%;
  display: block;
}

.honor .hlist .htem .txt {
  width: 100%;
  text-align: center;
  line-height: 68px;
  height: 68px;
  color: #000;
  background: #e9f4ec;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.honor .hlist .htem:nth-child(3n) {
  margin-right: 0;
}

.honor .hlist .htem:hover {
  border: none;
  box-shadow: 0 0 20px -5px #ccc;
}

.honor .hlist .pages {
  width: 100%;
  font-size: 0;
  text-align: center;
}

.honor .hlist .pages .patm {
  display: inline-block;
  vertical-align: middle;
  width: 39px;
  height: 39px;
  background-color: #f8f8f8;
  border-radius: 4px;
  margin: 0 6px;
}

.honor .hlist .pages .patm a {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 39px;
  text-align: center;
  font-size: 16px;
  color: #999;
}

.honor .hlist .pages .patm:hover {
  background-color: #24793e;
}

.honor .hlist .pages .patm:hover a {
  color: #fff;
}

.newx {
  width: 100%;
  font-size: 0;
}

.newx .nl {
  width: 250px;
  display: inline-block;
  vertical-align: top;
  margin-top: 42px;
  margin-right: 30px;
}

.newx .nl .ntop {
  width: 100%;
  height: 120px;
  padding: 39px 19px;
}

.newx .nl .ntop .tx {
  font-size: 26px;
  position: relative;
  font-weight: normal;
  font-stretch: normal;
  line-height: 30px;
  letter-spacing: 0px;
  color: #ffffff;
}

.newx .nl .ntop .tx .line1 {
  position: absolute;
  bottom: -10px;
  width: 60px;
  height: 1px;
  background-color: #ffffff;
}

.newx .nl .ntop .tx .line2 {
  position: absolute;
  bottom: -17px;
  width: 38px;
  height: 1px;
  background-color: #ffffff;
}

.newx .nl .nclass {
  width: 100%;
  margin-bottom: 30px;
}

.newx .nl .nclass .nctem {
  width: 100%;
  height: 51px;
  background: #fafafa;
}

.newx .nl .nclass .nctem a {
  width: 100%;
  height: 100%;
  display: block;
  padding: 0 30px;
  font-size: 14px;
  color: #000;
  line-height: 51px;
  position: relative;
}

.newx .nl .nclass .nctem a span {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  height: 13px;
  background: url("../images/more.png") no-repeat;
  background-size: 100%;
}

.newx .nl .nclass .nctem.on {
  background: #f1f1f1;
}

.newx .nl .nclass .nctem.on a {
  color: #24793e;
}

.newx .nl .nclass .nctem.on a span {
  background: url("../images/more2.png") no-repeat;
  background-size: 100%;
}

.newx .nl .nmid {
  width: 100%;
}

.newx .nl .nmid .title {
  width: 100%;
  height: 55px;
  background-color: #24793e;
  line-height: 55px;
  font-size: 20px;
  letter-spacing: 0px;
  color: #ffffff;
  padding: 0 20px;
}

.newx .nl .nmid .mcon {
  padding: 15px 30px;
  background: #f6f6f6;
  width: 100%;
}

.newx .nl .nmid .mcon .img {
  max-width: 100%;
}

.newx .nl .nmid .mcon .img img {
  display: block;
}

.newx .nl .nmid .mcon .name {
  font-size: 15px;
  line-height: 22px;
  letter-spacing: 0px;
  color: #333333;
  margin-top: 6px;
  margin-bottom: 4px;
}

.newx .nl .nmid .mcon .txx {
  font-size: 13px;
  font-weight: normal;
  letter-spacing: 0px;
  color: #999999;
}

.newx .nl .nmid .mb {
  margin-top: 30px;
  width: 100%;
}

.newx .nl .nmid .mb .tt {
  text-align: center;
  font-size: 12px;
  font-weight: normal;
  font-style: italic;
  font-stretch: normal;
  line-height: 30px;
  letter-spacing: 0px;
  color: #666666;
}

.newx .nl .nmid .mb .line4 {
  width: 100%;
  height: 3px;
  background-color: #24793e;
}

.newx .nl .nmid .mb .numberx {
  text-align: center;
  font-size: 24px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 60px;
  letter-spacing: 1px;
  color: #24793e;
  font-weight: bold;
}

.newx .nr {
  width: 920px;
  display: inline-block;
  vertical-align: top;
}

.newx .nr .tnav {
  width: 100%;
  font-size: 0;
  border-bottom: solid 1px #ccc;
  text-align: right;
  padding-top: 42px;
}

.newx .nr .tnav a, .newx .nr .tnav span {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 45px;
  letter-spacing: 0px;
  color: #000000;
  padding: 0 5px;
}

.newx .nr .nlist {
  width: 100%;
}

.newx .nr .nlist .ntem {
  width: 100%;
  font-size: 0;
  padding: 30px 18px;
  border-bottom: dashed 1px #ddd;
}

.newx .nr .nlist .ntem .img {
  display: inline-block;
  vertical-align: middle;
  width: 230px;
  height: 152px;
  margin-right: 40px;
}

.newx .nr .nlist .ntem .img img {
  width: 100%;
  height: 100%;
  display: block;
}

.newx .nr .nlist .ntem .ncon {
  width: 612px;
  display: inline-block;
  vertical-align: middle;
}

.newx .nr .nlist .ntem .ncon .tip {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 24px;
  letter-spacing: 0px;
  color: #333333;
}

.newx .nr .nlist .ntem .ncon .timesee {
  width: 100%;
  font-size: 0;
  margin: 10px 0;
}

.newx .nr .nlist .ntem .ncon .timesee .tem {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 24px;
  letter-spacing: 0px;
  color: #797979;
  margin-right: 15px;
}

.newx .nr .nlist .ntem .ncon .timesee .tem span {
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  line-height: 24px;
  margin-right: 5px;
  margin-bottom: 3px;
}

.newx .nr .nlist .ntem .ncon .timesee .tem span img {
  width: 100%;
  height: 100%;
  display: block;
}

.newx .nr .nlist .ntem .ncon .txt {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 24px;
  letter-spacing: 0px;
  color: #666666;
}

.newx .nr .nlist .pages {
  width: 100%;
  margin: 40px 0;
  font-size: 0;
  text-align: center;
}

.newx .nr .nlist .pages .patm {
  display: inline-block;
  vertical-align: middle;
  width: 39px;
  height: 39px;
  background-color: #f8f8f8;
  border-radius: 4px;
  margin: 0 6px;
}
.pages .next{
  width: 60px;
}
.newx .nr .nlist .pages .patm a {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 39px;
  text-align: center;
  font-size: 16px;
  color: #999;
}

.newx .nr .nlist .pages .patm:hover {
  background-color: #24793e;
}

#pages .patm:hover a {
  color: #fff;
}
#pages {
  width: 100%;
  margin: 40px 0;
  font-size: 0;
  text-align: center;
}

#pages .patm {
  display: inline-block;
  vertical-align: middle;
  width: 39px;
  height: 39px;
  background-color: #f8f8f8;
  border-radius: 4px;
  margin: 0 6px;
}
#pages .prev{
  width: 60px;
}
#pages .next{
  width: 60px;
}
#pages .on{
  background-color: #24793e;
}
#pages .on .hover{
  color: #fff;
}
#pages .patm a {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 39px;
  text-align: center;
  font-size: 16px;
  color: #999;
}

#pages .patm:hover {
  background-color: #24793e;
}

#pages .patm:hover a {
  color: #fff;
}
.introduce {
  width: 100%;
  padding: 100px 0;
}

.introduce .ptop {
  width: 100%;
  font-size: 0;
}

.introduce .ptop .plnav {
  width: 770px;
  margin-right: 30px;
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  height: 100px;
}

.introduce .ptop .plnav .pltem {
  width: 61px;
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  position: relative;
  margin-right: 70px;
  transition: all ease 0.3s;
}

.introduce .ptop .plnav .pltem .img {
  width: 40px;
  height: 40px;
  margin: 10px auto;
  border-radius: 50%;
  transition: all ease 0.3s;
}

.introduce .ptop .plnav .pltem .img img {
  width: 100%;
  height: 100%;
  display: block;
}

.introduce .ptop .plnav .pltem .img img:first-child {
  display: block;
}

.introduce .ptop .plnav .pltem .img img:last-child {
  display: none;
}

.introduce .ptop .plnav .pltem .txt {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 20px;
  letter-spacing: 1px;
  color: #333333;
}

.introduce .ptop .plnav .pltem:after {
  content: ' ';
  position: absolute;
  top: 47px;
  left: 66px;
  width: 60px;
  height: 1px;
  background-color: #666666;
  opacity: 0.5;
}

.introduce .ptop .plnav .pltem:last-child {
  margin-right: 0;
}

.introduce .ptop .plnav .pltem:last-child:after {
  display: none;
}

.introduce .ptop .plnav .pltem.on {
  width: 88px;
}

.introduce .ptop .plnav .pltem.on .img {
  width: 68px;
  height: 68px;
  background-color: #ffffff;
  box-shadow: 0px 10px 30px 0px rgba(93, 136, 160, 0.2);
}

.introduce .ptop .plnav .pltem.on .img img:first-child {
  display: none;
}

.introduce .ptop .plnav .pltem.on .img img:last-child {
  display: block;
}

.introduce .ptop .plnav .pltem.on .txt {
  margin-top: 17px;
}

.introduce .ptop .plnav .pltem.on:after {
  left: 95px;
}

.introduce .ptop .prn {
  width: 400px;
  display: inline-block;
  vertical-align: middle;
  text-align: right;
}

.introduce .ptop .prn .tip {
  font-size: 36px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 40px;
  letter-spacing: 0px;
  color: #222222;
  font-weight: bold;
}

.introduce .ptop .prn .tx {
  font-size: 18px;
  font-weight: normal;
  font-style: italic;
  font-stretch: normal;
  line-height: 40px;
  letter-spacing: 0px;
  color: #000000;
  opacity: 0.8;
}

.introduce .pbot {
  width: 100%;
  font-size: 0;
  margin-top: 70px;
}

.introduce .pbot .pbl {
  display: inline-block;
  vertical-align: top;
  width: 400px;
  margin-right: 78px;
}

.introduce .pbot .pbl .pblt {
  width: 100%;
}

.introduce .pbot .pbl .pblt .pbltem {
  width: 100%;
  display: none;
}

.introduce .pbot .pbl .pblt .pbltem .t1 {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: 0px;
  color: #222222;
}

.introduce .pbot .pbl .pblt .pbltem .t2 {
  font-weight: bold;
  font-size: 26px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 42px;
  letter-spacing: 0px;
  color: #222222;
}

.introduce .pbot .pbl .pblt .pbltem .line {
  width: 20px;
  margin: 17px 0 35px;
  height: 1px;
  background-color: #278f47;
}

.introduce .pbot .pbl .pblt .pbltem .t3 {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 42px;
  letter-spacing: 0px;
  color: #222222;
}

.introduce .pbot .pbl .pblt .pbltem .t4 {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 24px;
  letter-spacing: 0px;
  color: #333333;
  opacity: 0.8;
}

.introduce .pbot .pbl .pblt .pbltem.on {
  display: block;
}

.introduce .pbot .pbl .pblb {
  width: 100%;
  font-size: 0;
  margin-top: 85px;
}

.introduce .pbot .pbl .pblb a {
  display: inline-block;
  vertical-align: middle;
  width: 180px;
  height: 52px;
  background-color: #ffffff;
  box-shadow: 0px 15px 40px 0px rgba(190, 205, 201, 0.42);
  border-radius: 26px;
  font-size: 14px;
  color: #000;
  line-height: 52px;
  text-align: center;
  transition: all ease 0.3s;
}

.introduce .pbot .pbl .pblb a span {
  width: 6px;
  height: 13px;
  margin-left: 10px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -2px;
}

.introduce .pbot .pbl .pblb a span img {
  width: 100%;
  height: 100%;
  display: block;
}

.introduce .pbot .pbl .pblb a:hover {
  transform: scale(1.1);
}

.introduce .pbot .pbr {
  width: 722px;
  display: inline-block;
  vertical-align: top;
  position: relative;
  height: 500px;
}

.introduce .pbot .pbr .pbrtem {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  opacity: 0;
}

.introduce .pbot .pbr .pbrtem img {
  margin: 30px;
  width: 590px;
  height: 442px;
  background-color: #ffffff;
  box-shadow: 0px 15px 40px 0px rgba(190, 205, 201, 0.42);
  border-radius: 30px;
}

.introduce .pbot .pbr .pbrtem .swiper-container-horizontal > .swiper-pagination-bullets, .introduce .pbot .pbr .pbrtem .swiper-pagination-custom, .introduce .pbot .pbr .pbrtem .swiper-pagination-fraction {
  width: 44px;
  left: 650px;
  bottom: 50%;
  transform: translateY(50%);
  height: auto;
  background-color: #f3f5f9;
  box-shadow: 0px 15px 40px 0px rgba(30, 24, 24, 0.21);
  border-radius: 22px;
}

.introduce .pbot .pbr .pbrtem .swiper-pagination-bullet {
  width: 44px;
  height: 44px;
  margin: 0;
  border-radius: 50%;
  text-align: center;
  line-height: 44px;
  font-size: 18px;
  background: none;
  color: #999;
  opacity: 1;
  margin-bottom: 33px;
}

.introduce .pbot .pbr .pbrtem .swiper-pagination-bullet:last-child {
  margin-bottom: 0;
}

.introduce .pbot .pbr .pbrtem .swiper-pagination-bullet-active {
  color: #fff;
  background-color: #278f47;
  box-shadow: 0px 15px 40px 0px rgba(39, 143, 71, 0.42);
}

.introduce .pbot .pbr .pbrtem.on {
  z-index: 20;
  opacity: 1;
}

.foot .head {
  width: 100%;
  height: 4px;
  background-color: #ffa800;
}

.foot .ftop dl {
  width: 120px;
  padding: 0;
  border: none;
}

.foot .ftop dl dt {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #222222;
}

.foot .ftop dl + dl {
  margin-left: 35px;
}

.foot .ftop .focus {
  float: right;
  width: 100px;
  margin-right: 60px;
}

.foot .ftop .focus .tip {
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0px;
  color: #222222;
  margin-bottom: 40px;
}

.foot .ftop .focus .fbox {
  width: 100%;
  font-size: 0;
}

.foot .ftop .focus .fbox .code {
  display: inline-block;
  vertical-align: top;
  /* width: 50%; */
}

.foot .ftop .focus .fbox .code .img {
  /* width: 65px; */
  /* height: 65px; */
  margin: 0 auto;
}

.foot .ftop .focus .fbox .code .img img {
  width: 100%;
  height: 100%;
  display: block;
}

.foot .ftop .focus .fbox .code .txt {
  margin-top: 12px;
  width: 100%;
  text-align: center;
  font-size: 12px;
  line-height: 24px;
  letter-spacing: 0px;
  color: #999999;
}

.foot .ftop .bkf {
  float: right;
  width: 300px;
  /* text-align: right; */
}

.foot .ftop .bkf .kfbtn {
  width: 160px;
  height: 41px;
  background-color: #278f47;
  border-radius: 8px;
  text-align: center;
}

.foot .ftop .bkf .kfbtn a {
  width: 100%;
  height: 100%;
  display: block;
  line-height: 41px;
  color: #fff;
  font-size: 14px;
}

.foot .ftop .bkf .num {
  /* margin: 26px 0 18px; */
  color: #222;
  /* font-weight: bold; */
  font-size: 18px;
  margin-bottom: 10px;
  line-height: 1.5;
}

.foot .ftop .bkf .contant {
  color: #999;
  font-size: 12px;
  margin: 18px 0 12px;
}

.foot .ftop .bkf .place {
  color: #999;
  font-size: 12px;
}

.foot .copyright {
  width: 100%;
  height: 60px;
}

.foot .copyright .right, .foot .copyright .left {
  line-height: 60px;
  font-size: 14px;
  color: #fff;
  margin-top: 0;
}

.foot .copyright .right a, .foot .copyright .left a {
  line-height: 60px;
  font-size: 14px;
  color: #fff;
}
.intro img{
  vertical-align: baseline;
}