@import '../iconfont/iconfont.css';
.wrap {
  width: 88%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}
.ver > * {
  display: inline-block;
  vertical-align: middle;
}
.hv-scale {
  overflow: hidden;
}
.hv-scale img {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
}
.hv-scale:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.bg-gray {
  background: #f5f5f5;
}
.c-base {
  color: #77aa36;
}
.bg-base {
  background: #77aa36;
}
.hv:hover {
  color: #77aa36;
}
.hv-f:hover {
  color: #efefef;
}
.tran3 {
  transition: 0.3s;
}
.table-cell {
  display: table;
  width: 100%;
}
.table-cell > * {
  display: table-cell;
  vertical-align: middle;
}
.row-pv10 {
  margin-left: -5px;
  margin-right: -5px;
}
.row-pv10 > * {
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 10px;
}
.row-pv0 {
  margin-left: 0;
  margin-right: 0;
}
.row-pv0 > * {
  padding-left: 0;
  padding-right: 0;
}
.row-pv12 {
  margin-left: -6px;
  margin-right: -6px;
}
.row-pv12 > * {
  padding-left: 6px;
  padding-right: 6px;
  margin-bottom: 12px;
}
.row-pv20 {
  margin-left: -10px;
  margin-right: -10px;
}
.row-pv20 > * {
  padding-left: 10px;
  padding-right: 10px;
}
.mv0 {
  margin-left: 0!important;
  margin-right: 0!important;
}
.pv0 {
  padding-left: 0!important;
  padding-right: 0!important;
}
.pt0 {
  padding-top: 0px !important;
}
.pb0 {
  padding-bottom: 0px !important;
}
.mb0 {
  margin-bottom: 0 !important;
}
.mt0 {
  margin-top: 0!important;
}
body {
  font-family: "Helvetica Neue", '微软雅黑', '思源黑体', Helvetica, Arial, sans-serif;
  overflow-x: hidden;
}
.swiper-container {
  --swiper-theme-color: #77aa36;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.6s !important;
}
.medium {
  font-family: medium;
}
body.bg-gray {
  background: #f3f3f3;
}
/* footer s*/
footer {
  color: #efefef;
  padding-bottom: 5px;
  background:#212223;
  overflow: hidden;
}
footer a {
  color: #bbb;
}
footer a:hover {
  color: #efefef;
}
footer .content {
  padding: 0.7rem 0 1.1rem;
}
footer .telbox {
  line-height: 1.8;
}
footer .telbox .tit {
  font-size: 16px;
}
footer .telbox .tel {
  font-size: 30px;
  font-family: medium;
  color: #efefef;
}
footer .wxewm img{
    border: 6px solid #ddd;
    -webkit-border-image: -webkit-linear-gradient(left, #6aa847, #135494) 20 20;
    border-image: -webkit-linear-gradient(left, #6aa847, #135494) 20 20;
    border-image: -webkit-gradient(linear, left top, right top, from(#6aa847), to(#135494)) 20 20;
    border-image: linear-gradient(left, #6aa847, #135494) 20 20;}

footer .telbox .foot-lx{color:#bbb;}
@media (min-width: 993px) {
   footer .leftbox {
    float: left;
    width: 25%;
  }
  footer .ftnavs {
    float: left;
    width: 60%;
  }
   footer .wxewm {
    float: right;
    text-align: center;
    min-width: 100px;
  }
  footer .wxewm p{color: #bbb; margin-top: 10px;}
  footer .ftnavs ul {
    display: -webkit-flex;
    display: flex;
    display: -webkit-box;
    display: box;
    -webkit-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
}
footer .navitem h4 {
  font-size: 20px;
  position: relative;
  margin-bottom: 12px;
}
footer .navitem h4::after {
  content: '';
  display: block;
  margin-top: 20px;
  width: 40px;
  height: 2px;
  background: #77aa36;
}
footer .navitem .icon-jia {
  float: right;
  transition: 0.3s;
  display: none;
  margin-right: 10px;
}
footer .navitem .info a {
  display: block;
  line-height: 38px;
}
footer .ft-bottom {
  height: 40px;
  line-height: 40px;
  background:#212223;
  position: relative;
  color: #777777;
  text-align: center;
  border-top: 1px solid #646567;}
footer .ft-bottom .copyright > * > * {
  display: inline-block;
  vertical-align: middle;
}
footer .ft-bottom .copyright .beian {
  margin-left: 5px;
  color: #777777;
}
footer .ft-bottom .copyright .beian:hover {
  color: #77aa36;
}
@media (max-width: 992px) {
 
  footer .navitem {
    float: none;
    width: 100%;
  }
  footer .navitem .icon-jia {
    display: block;
  }
  footer .navitem h4 {
    position: relative;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    height: 46px;
    line-height: 46px;
    margin: 0;
  }
  footer .navitem .info {
    display: none;
    font-size: 15px;
    padding: 10px 30px;
    line-height: 2;
  }
  footer .navitem .info a {
    color: rgba(255, 255, 255, 0.8);
  }
  footer .navitem.active .iconfont {
    transform: rotate(135deg);
  }
  footer .content {
    padding: 40px 0;
  }
  footer .ft-bottom {
    font-size: 12px;
  }
  footer .ft-bottom .company {
    color: #efefef;
    font-size: 13px;
  }
  footer .ft-bottom a,
  footer .ft-bottom span {
    display: inline-block;
  }
}
@media (max-width: 992px) {
  footer .navitem h4 {
    font-weight: normal;
  }
  footer .telbox {
    text-align: center;
    margin-bottom: 0.5rem;
  }
  footer .telbox .logo {
    display: none;
  }
}
@media (max-width: 768px) {
  footer .ft-link {
    font-size: 12px;
  }
  footer .ft-link a {
    margin-right: 6px;
  }
  footer .navitem h4 {
    font-size: 16px;
  }
  footer .navitem h4::after{display:none;}
  footer .wxewm {
    margin-top:20px;
    text-align: center;
    min-width: 100px;
  }
  footer .wxewm p{color: #bbb;}

  footer .ft-bottom {
    padding-left: 11%;
    padding-right: 11%;
    padding-left: 6%;
    padding-right: 6%;
    width: 100%;
    height: auto;
    line-height: 1.7;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
    font-size: 14px;
  }
  footer .ft-bottom > * {
    display: inline-block;
    padding-bottom: 45px;
  }
}
/* footer e*/
/* 手机端菜单*/
.menu_btn {
  width: 60px;
  height: 60px;
  z-index: 101;
  cursor: pointer;
  position: absolute;
  right: 12px;
  transform-origin: center center;
  top: 50%;
  transform: translateY(-50%) scale(0.8);
  -webkit-transform: translateY(-50%) scale(0.8);
  -moz-transform: translateY(-50%) scale(0.8);
  -ms-transform: translateY(-50%) scale(0.8);
  -o-transform: translateY(-50%) scale(0.8);
}
.menu_btn i {
  position: absolute;
  width: 26px;
  height: 2px;
  background: #eee;
  left: 12px;
  display: block;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}
.menu_btn i:nth-of-type(1) {
  top: 20px;
}
.menu_btn i:nth-of-type(2) {
  top: 30px;
}
.menu_btn i:nth-of-type(3) {
  top: 40px;
  width: 14px;
}
.menu_btn.active i:nth-of-type(1) {
  -webkit-transform: rotate(225deg) translate(-7px, -7px);
  -moz-transform: rotate(225deg) translate(-7px, -7px);
  -ms-transform: rotate(225deg) translate(-7px, -7px);
  -o-transform: rotate(225deg) translate(-7px, -7px);
  transform: rotate(225deg) translate(-7px, -7px);
}
.menu_btn.active i:nth-of-type(3) {
  opacity: 0;
}
.menu_btn.active i:nth-of-type(2) {
  -webkit-transform: rotate(-225deg) translate(0, 0);
  -moz-transform: rotate(-225deg) translate(0, 0);
  -ms-transform: rotate(-225deg) translate(0, 0);
  -o-transform: rotate(-225deg) translate(0, 0);
  transform: rotate(-225deg) translate(0, 0);
}
.menu_btn:hover i:nth-of-type(3) {
  width: 28px;
}
.header {
  transition: 0.3s;
  width: 100vw;
  z-index: 99999999;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
}
.header .wrap {
  height: 100px;
  max-width: 1600px;
  width: 100%;
  overflow: visible;
  position: relative;
}
.header .logo {
  height: 100%;
  width: 300px;
  background: url('../images/logo.png') no-repeat 0.3rem center;
}
.header .lang{line-height: 100px;color: #eeefff;font-size: 16px;margin-right: 40px;}
.header .lang a{font-size: 16px;color: #eeefff;padding: 0px 5px;}
.header .lang a:hover{ color: #77aa36;}
.header .hd-tel {
  color: #efefef;
  font-size: 20px;
  margin-right: 40px;
}
.header .hd-tel > * {
  display: inline-block;
  vertical-align: middle;
}
.header .hd-tel .iconfont {
  font-size: 26px;
  margin-right: 12px;
  font-weight: bold;
}
.header .hd-tel em {
  line-height: 100px;
  font-family: medium;
}
.header .head-menu {
  transition: 0.3s;
  height: 100%;
}
@media (min-width: 1200px) {
  .header .head-menu {
    position: absolute;
    left: 60%;
    transform: translateX(-58%);
    z-index: 5;
    top: 0;
  }
}
@media (max-width: 1400px) {
  .header .pc-menus .item b {
    font-size: 16px;
  }
  .header .head-menu {transform: translateX(-70%);}
}
@media (max-width: 1199px) {
  .header .wrap {
    height: 80px;
  }
  .header .pc-menus {
    height: 80px;
    float: right;
    margin-right: 5%;
    width: 60vw;
  }
  .header .pc-menus .tit {
    line-height: 80px;
  }
  .header .logo {
    height: 80px;
    width: 220px;
    background-size: auto 60%;
  }
  .header .hd-tel {
    margin-right: 100px;
  }
  .header .hd-tel em {
    line-height: 80px;
  }
}
@media (max-width: 992px) {
  .header .pc-menus .tit {
    font-size: 14px;
  }
}
@media (max-width: 640px) {
  .header .logo,
  .header .wrap {
    height: 50px;
  }
  .header .logo {
    background-size: auto 36px;
    width: 50%;
  }
  .header .hd-tel em {
    line-height: 50px;
  }
}
@media (max-width: 480px) {
  .header .menu_btn {
    right: 0;
  }
  .header .logo {
    background-size: 48%;
  }
}
.pc-menus {
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: box;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-box-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  height: 100px;
  max-width: 690px;
  min-width: 500px;
  width: 50vw;
}
.pc-menus li {
  text-align: center;
  transition: 0.3s;
  position: relative;
}
.pc-menus .tit {
  white-space: nowrap;
  text-align: center;
  cursor: pointer;
  font-size: 18px;
  display: block;
  color: #efefef;
  transition: 0.3s;
  line-height: 100px;
}
.pc-menus .active,
.pc-menus .tit:hover {
  color: #77aa36 !important;
}
.pc-menus .dropinfo {
  display: none;
  background: #eee;
  border-top: 3px solid #77aa36;
  font-size: 14px;
  position: absolute;
  width: 190px;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}
.pc-menus .dropinfo a {
  display: block;
  position: relative;
  height: 50px;
  line-height: 50px;
  color: #333;
}
.pc-menus .dropinfo a:hover {
  color: #efefef;
  background-color: #77aa36;
}
.pc-menus li:hover .tit {
  color: #77aa36;
}
.pc-menus li:hover .dropinfo {
  display: block;
  box-shadow: 0 10px 5px rgba(0, 0, 0, 0.1);
}
.header.active,
.header.fixed {
  background: #eee !important;
}
.header.active .pc-menus .tit,
.header.fixed .pc-menus .tit,.header.fixed .lang,.header.fixed .lang a {
  color: #333 ;
}
.header.active .pc-menus .tit.active,
.header.fixed .pc-menus .tit.active {
  color: #77aa36;
}
.header.active .hd-tel,
.header.fixed .hd-tel {
  color: #666;
}
.header.active .hd-tel .iconfont,
.header.fixed .hd-tel .iconfont {
  color: #77aa36;
}
.header.active .logo,
.header.fixed .logo {
  background-image: url('../images/logo_red.png');
}
.header.active .menu_btn i,
.header.fixed .menu_btn i {
  background: #333;
}
.header-shadow {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}
@media (max-width: 480px) {
  .header-shadow {
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
  }
}
.header + *:not(.indexmain) {
  margin-top: 100px;
}
@media (max-width: 1199px) {
  .header + *:not(.indexmain) {
    margin-top: 80px;
  }
}
@media (max-width: 640px) {
  .header + *:not(.indexmain) {
    margin-top: 50px;
  }
}
.m-menus {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 50px;
  right: -100%;
  background: #eee;
  overflow: hidden;
  line-height: 40px;
  font-size: 15px;
  z-index: 999;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.m-menus .inner {
  height: calc((100vh - 50px ));
  overflow-y: auto;
  border-top: 1px solid #e3e3e3;
  padding-bottom: 30px;
}
.m-menus .hd-tel {
  text-align: center;
  display: block;
  margin: 30px 0 0;
}
.m-menus a {
  color: #333;
}
.m-menus.active {
  right: 0;
}
.m-menus ul {
  overflow-y: auto;
  border-bottom: 1px solid #e3e3e3;
}
.m-menus .item:not(:first-child) {
  border-top: 1px solid #e3e3e3;
}
.m-menus .item {
  cursor: pointer;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  position: relative;
}
.m-menus .item .iconfont {
  position: absolute;
  right: 8%;
  top: 50%;
  transform: translateY(-50%);
  font-size: 15px;
  color: #999;
  font-weight: bold;
  transition: 0.3s;
}
.m-menus .item > a,
.m-menus h5 {
  display: block;
  padding: 0 8%;
  line-height: 54px;
  color: #333;
  position: relative;
  font-size: 16px;
}
.m-menus .xs-dropinfo {
  display: none;
  background: rgba(0, 0, 0, 0.05);
  padding: 15px 60px;
  font-size: 14px;
}
.m-menus .xs-dropinfo a {
  color: #666;
  display: block;
  line-height: 40px;
}
.m-menus .trans {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.m-menus .open h5 {
  background: #77aa36;
  color: #efefef;
  border-top: 0;
}
.m-menus .open h5 .iconfont {
  color: #efefef;
}
.m-menus .open h5 .iconfont::before {
  content: "\e625";
}
.m-menus .open h5 > a,
.m-menus .open h5 p {
  font-weight: bold;
}
.m-menus .xs-dropinfo dl.br {
  border-right: 1px solid #ccc;
}
.ibanner-box {
  background-color: #ccc;
}
.index-banner {
  width: 100%;
  margin:0 auto;
  max-width: 1920px;
  position: relative;

}
.index-banner .swiper-pagination-bullet {
  background: none;
  opacity: 1;
  border: 1px solid #eeefff;
  transition: 0.3s;
  width: 10px;
  height: 10px;
}
.index-banner .swiper-pagination{ bottom: 30px;}
.index-banner .swiper-pagination-bullet-active {
  background: #eeefff;
}
.index-banner .swiper-button-prev {
  left: 2%;
}
.index-banner .swiper-button-next {
  right: 2%;
}
.index-banner .swiper-button-next,
.index-banner .swiper-button-prev {
  color: rgba(255, 255, 255, 0.5);
  transition: 0.3s;
}
.index-banner .swiper-button-next:hover,
.index-banner .swiper-button-prev:hover {
  color: #efefef;
}
.index-banner .swiper-slide {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.index-banner .swiper-slide a{display:block;}
.index-banner .swiper-slide img {
  visibility: hidden;
}
.index-banner .content {
  position: absolute;
  left: 50%;
  top: 100px;
  transform: translateX(-50%);
  bottom: 0;
  width: 88%;
  max-width: 1400px;
}
.index-banner .textbox {
  color: #efefef;
  line-height: 72px;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 40%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 5;
  width: 100%;
}
.index-banner .textbox h5 {
  font-size: 60px;
  margin: 0;
  letter-spacing: 2px;
  margin: 0.1rem 0 0;
  font-weight: bold;
}
.index-banner .textbox .en {
  font-size: 24px;
  color: rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
}
.index-banner .textbox .more{
 font-size: 16px;
 margin-top: 30px;
 color: #efefef;
 padding:10px 30px;
 line-height: 35px;
 text-align: center;
 border:1px #ccc solid;
 border-radius: 5px;
 width: 200px;
}
.index-banner .textbox .more:hover{background: #77aa36;border:1px #77aa36 solid;}
.index-banner .textbox .xhx{line-height:30px;}
.index-banner .textbox .xhx::after {
  content: '';
  display: block;
  margin-top: 20px;
  width: 100px;
  height: 4px;
  background: #77aa36;
}
.index-banner .textbox .grey{ color:#02304e;}

.jt{position:absolute;bottom:2vw;left:0px;right:0px;margin:0 auto;text-align:center;z-index:999;}

.shake1 {animation:shake1 5s infinite;-mzoanimation:shake1 5s infinite;-webkit-animation:shake1 5s infinite;-o-animation:shake1 5s infinite;}
@keyframes shake1 {
  0%, 100% {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
  }
}

.index-banner .quan {border: 1px dashed #eeeFFF;border-radius: 50%;position: absolute;bottom: 3vh;left: 13.3%;z-index: 6;cursor: pointer;}
.index-banner .quan span {display: block;background: url("../images/icon_arrow2.png") 0 center no-repeat;width: 40px;height: 40px;transform: rotate(90deg);-webkit-transform: rotate(90deg);animation: icon_quan .8s linear infinite;}
@-webkit-keyframes icon_quan {0% {    background-position-x: 0;    opacity: 1;}100% {    background-position-x: 200%;    opacity: 0.8;}}

@media (max-width: 1440px) {
  .index-banner {
    max-height: 100vh;
  }
  .index-banner .swiper-pagination {
    bottom: 0.3rem;
  }
}
@media (max-width: 1200px) {
  .index-banner .textbox {
    line-height: 0.72rem;
  }
  .index-banner .textbox .en {
    font-size: 0.26rem;
  }
  .index-banner .textbox .entit,
  .index-banner .textbox h5 {
    font-size: 0.66rem;
  }
}
@media (max-width: 992px) {
  .index-banner .content {
    top: 20px;
  }
  .index-banner .quan{display:none;}

}
@media (max-width: 768px) {
  .index-banner .swiper-pagination {
    bottom: 0.1rem;
  }
  .index-banner .textbox .more{display:none;}
}
@media (max-width: 640px) {
  .index-banner {
    height: 300px;
  }
  .index-banner .content {
    top: 60px;
  }
  .index-banner .swiper-slide {
    overflow: hidden;
  }
  .index-banner .swiper-slide img {
    height: 100%;
    max-width: none;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }
  .index-banner .textbox {
    padding: 0.3rem 0.1rem;
    text-align: center;
    line-height: 34px;
  }
  .index-banner .textbox .en {
    font-size: 16px;
  }
  .index-banner .textbox h5 {
    font-size: 32px;
  }
}
@media (max-width: 480px) {
  .index-banner .textbox .en {
    font-size: 14px;
  }
  .index-banner .textbox h5 {
    font-size: 26px;
  }
}
.ihd h2 {
  font-size: 36px;
  margin-bottom: 5px;
}
.ihd .en {
  font-size: 16px;
  color: #bbb;
  position: relative;
}
.ihd .en::after {
  content: '';
  display: block;
  margin-top: 20px;
  width: 34px;
  height: 4px;
  background: #77aa36;
}
@media (max-width: 1200px) {
  .ihd h2 {
    font-size: 30px;
  }
  .ihd .en {
    font-size: 14px;
  }
  .ihd .en::after {
    margin-top: 15px;
  }
}
@media (max-width: 992px) {
  .ihd h2 {
    font-size: 30px;
  }
  .ihd .en {
    font-size: 14px;
  }
  .ihd .en::after {
    margin-top: 10px;
  }
}
@media (max-width: 640px) {
  .ihd h2 {
    font-size: 24px;
  }
  .ihd .en {
    font-size: 12px;
  }
  .ihd .en::after {
    margin-top: 10px;
    height: 2px;
  }
}
@media (max-width: 480px) {
  .ihd h2 {
    margin-bottom: 0;
  }
}

.seo-service .round-inline li{float:left;width:150px;height:110px;display:block;margin: 20px 2.8px;background:url(../images/hezuologo.png) no-repeat;background-position: 0px 0px;}
.seo-service ul{ width:100%;height:150px; overflow:hidden;}
.seo-service .round-inline li:nth-of-type(1){ margin-left:0px;}
.seo-service .round-inline li:nth-of-type(2){background-position: -150px 0px}
.seo-service .round-inline li:nth-of-type(2):hover{background-position:-150px 0px;}
.seo-service .round-inline li:nth-of-type(3){background-position: -300px 0px}
.seo-service .round-inline li:nth-of-type(3):hover{background-position:-300px 0px;}
.seo-service .round-inline li:nth-of-type(4){background-position: -450px 0px}
.seo-service .round-inline li:nth-of-type(4):hover{background-position:-450px 0px;}
.seo-service .round-inline li:nth-of-type(5){background-position: -600px 0px}
.seo-service .round-inline li:nth-of-type(5):hover{background-position:-600px 0px;}
.seo-service .round-inline li:nth-of-type(6){background-position: -750px 0px}
.seo-service .round-inline li:nth-of-type(6):hover{background-position:-750px 0px;}
.seo-service .round-inline li:nth-of-type(7){background-position: -900px 0px}
.seo-service .round-inline li:nth-of-type(7):hover{background-position:-900px 0px;}
.seo-service .round-inline li:nth-of-type(8){background-position: -1050px 0px}
.seo-service .round-inline li:nth-of-type(8):hover{background-position:-1050px 0px;}
.seo-service .round-inline li:nth-of-type(9){background-position: -1200px 0px}
.seo-service .round-inline li:nth-of-type(9):hover{background-position:-1200px 0px;}
.seo-service .round-inline li:nth-of-type(10){background-position: -1350px 0px}
.seo-service .round-inline li:nth-of-type(10):hover{background-position:-1350px 0px;}
 .wapshow{display:none;}
@media (max-width: 1440px) {
.seo-service .round-inline li{margin: 20px 10px;overflow:hidden;}
	
}
@media (max-width: 640px) {
 .seo-service .wrap {width:100%;}
 .pcshow{display:none;}
 .wapshow{display:block;margin-top: 5%;}
}

  .cz-content h2 { margin-bottom: 0;}

  .cz-content .hd {
    display: -webkit-flex;
    display: flex;
    display: -webkit-box;
    display: box;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-align: center;
    box-align: center;
    -webkit-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .cz-content .hd .desc {width: 60%; max-width: 600px;}
.cz-content {width: 96%;margin: auto;position: relative;}
.cz-index-cooperative-customers {position: relative;height:850px;}
.cz-index-cooperative-customers .cz-content{width: 100%;overflow: hidden;height:860px;}
.cz-index-cooperative-customers-top {position: absolute;width: 100%;height:100%;top:0;left: 0;z-index: 10;text-align: center;font-size: 0;}
.cz-index-cooperative-customers-top a {position: absolute;display:block;width: 289px;height: 251px;background: url('../images/cooperative2.png') center no-repeat;background-size: 100%;clear: both;margin:5px auto;}
.cz-index-cooperative-customers-top a:hover {background: url('../images/cooperative1.png') center no-repeat;background-size: 100%;}
.cz-index-cooperative-customers-top a:hover i {opacity: 1;}
.cz-index-cooperative-customers-top a i {display: block;width: 100%;height: 100%;position: relative;overflow: hidden;opacity: .5;}
.cz-index-cooperative-customers-top a.item1 {left: 50%;top:50%;margin-left: -144.5px;margin-top: -250px;}
.cz-index-cooperative-customers-top a.item2 {left: 50%;top:50%;margin-left: -144.5px;margin-top: 7px;}
.cz-index-cooperative-customers-top a.item3 {left: 50%;top:50%;margin-left: -367px;margin-top: -122px;}
.cz-index-cooperative-customers-top a.item4 {right: 50%;top:50%;margin-right: -367px;margin-top: -122px;}
.cz-index-cooperative-customers-top a.item5 {left: 50%;top:50%;margin-left: -590px;margin-top: -250px;}
.cz-index-cooperative-customers-top a.item6 {left: 50%;top:50%;margin-left: -590px;margin-top: 7px;}
.cz-index-cooperative-customers-top a.item7 {right: 50%;top:50%;margin-right: -590px;margin-top: -250px;}
.cz-index-cooperative-customers-top a.item8 {right: 50%;top:50%;margin-right: -590px;margin-top: 7px;}
.cz-index-cooperative-customers-top a.item9 {left: 50%;top:50%;margin-left: -815px;margin-top: -122px;}
.cz-index-cooperative-customers-top a.item10 {right: 50%;top:50%;margin-right: -815px;margin-top: -122px;}
.cz-index-cooperative-customers-bottom {background: #000;}
.img-center {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;display: block;width: auto!important;height: auto!important;z-index: 1;}

.section{ width:100%; height:100%; position:relative; overflow:hidden;}
.section2 {
    display: table;
    table-layout:fixed;
    width: 100%;
    position: relative;
    -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
    -moz-box-sizing: border-box; /* <=28 */
    box-sizing: border-box;
}
.box2{ clear:both;width:100%; height:101vh; background:url(../images/tu1.jpg)no-repeat center top;background-size:cover;position:relative; z-index:1;padding:0px 8.33vw;padding-top:3vw;}

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

.box2_tl{float:left;width:50%;}

.box2_tl h2{font-size:3.13vw;line-height:3.13vw;color:#333;font-family:Arial;margin-bottom:1.04vw;position:relative;display:inline-block; float:left;}

.box2_tl h3{font-size: 1.45vw;line-height:1.35vw;color: #7daf40;margin-top: 1.8vw;display: inline-block;margin-left: 10px;background:url(../images/xiajtico.png)no-repeat right;padding-right: 35px;}

.active .box2_tl {animation: zifadeInDown 0.8s ease 0.6s both;}


.box2_b{width:100%;height:auto;/*background:url(../images/tu5.png) no-repeat center 1.04vw;background-size:700px 700px;*/position:relative; z-index:1;margin:0 auto;}

.bgbg{width:36.458vw;height:36.458vw;margin:0 auto;position:absolute; left:0px;right:0px;z-index:5;animation: circleRoate 40s infinite linear;top:1.6vw;}

/*.active .bgbg {animation: popIn 1.5s linear 1 alternate}

*/

.b2_l{float:left;width:61.45vw;}

.b2_ll{float:left;width:30%;margin-top:6.77vw;}

.b2_ll h2{font-size:1.875vw;line-height:1.875vw;color:#7daf40;font-weight:bold;position:relative;padding-left:1.04vw;margin-bottom:4.2vw;}

.b2_ll h2:after{content:'';position:absolute;left:0px;width:4px;height:2.08vw;background:#7daf40;}

.b2_ll p{margin-left:1.04vw;padding-left:1.04vw;position:relative;font-size:18px;line-height:1.25vw;color:#333;margin-bottom:0.52vw;}

.b2_ll p:after{content:'';position:absolute;left:0px;top:45%;width:6px;height:6px;border-radius:3px;background:#333;}

.b2_ll .more{margin-left:1.04vw;margin-top:60px; padding:10px 30px; border-radius:5px; border:1px #333 solid; color:#333;display: inline-block;}
.b2_ll .more:hover{background:#7daf40; border:1px #7daf40 solid;}
.b2_lr{float:left;width:58%;position:relative;}

#ccc {width:120%;cursor: move;margin: 0 auto;min-height:5.2vw;position:absolute;top:20px;left:0px;right: 0px;z-index:1;}

#ccc img{width:120%;vertical-align: middle;}

#circlr{width:100%;height:500px;margin: 0 auto;min-height:5.2vw;position:absolute;top:0px;left: 0px;right: 0px;z-index:2;}

#circlr li{float:left;width:33.33%;cursor:w-resize;height:500px;}



#ccc1 {width:21.875vw !important;cursor: move;margin: 0 auto;min-height:5.2vw;position:absolute;top:0px;left: 0px;right: 0px;z-index:1;}

#ccc1 img{width:100%;vertical-align: middle;}

#circlr1{width:100%;height:500px;margin: 0 auto;min-height:5.2vw;position:absolute;top:0px;left: 0px;right: 0px;z-index:2;}

#circlr1 li{float:left;width:33.33%;cursor:w-resize;height:500px;}



#ccc2 {width:21.875vw !important;cursor: move;margin: 0 auto;min-height:5.2vw;position:absolute;top:0px;left: 0px;right: 0px;z-index:1;}

#ccc2 img{width:100%;vertical-align: middle;}

#circlr2{width:100%;height:500px;margin: 0 auto;min-height:5.2vw;position:absolute;top:0px;left: 0px;right: 0px;z-index:2;}

#circlr2 li{float:left;width:33.33%;cursor:w-resize;height:500px;}



#ccc3 {width:21.875vw !important;cursor: move;margin: 0 auto;min-height:5.2vw;position:absolute;top:0px;left: 0px;right: 0px;z-index:1;}

#ccc3 img{width:100%;vertical-align: middle;}

#circlr3{width:100%;height:500px;margin: 0 auto;min-height:5.2vw;position:absolute;top:0px;left: 0px;right: 0px;z-index:2;}

#circlr3 li{float:left;width:33.33%;cursor:w-resize;height:500px;}


#ccc4 {width:21.875vw !important;cursor: move;margin: 0 auto;min-height:5.2vw;position:absolute;top:0px;left: 0px;right: 0px;z-index:1;}

#ccc4 img{width:100%;vertical-align: middle;}

#circlr4{width:100%;height:500px;margin: 0 auto;min-height:5.2vw;position:absolute;top:0px;left: 0px;right: 0px;z-index:2;}

#circlr4 li{float:left;width:33.33%;cursor:w-resize;height:500px;}




#ccc5 {width:21.875vw !important;cursor: move;margin: 0 auto;min-height:5.2vw;position:absolute;top:0px;left: 0px;right: 0px;z-index:1;}

#ccc5 img{width:100%;vertical-align: middle;}

#circlr5{width:100%;height:500px;margin: 0 auto;min-height:5.2vw;position:absolute;top:0px;left: 0px;right: 0px;z-index:2;}

#circlr5 li{float:left;width:33.33%;cursor:w-resize;height:500px;}




#sjsj,#sjsj1,#sjsj2,#sjsj3,#sjsj4,#sjsj5{display:none;}





.b2_r{width:16vw;height:75vh;float:right;margin-top: 5.2vw;}

.b2_r ul{height:100%;position:relative;padding:1.04vw 0px;}

.b2_r ul:after{content:'';position:absolute;top:0px;left:0.52vw;width:1px;height:100%;background:#b7b7b7;z-index:-1}

.b2_r li{ display:block;cursor:pointer;position:relative;padding:.8vw 0px;padding-left:3vw;width: 100%;height: auto;overflow: hidden;}

.b2_r li img{float:left;width:3.13vw;vertical-align:sub;}

.b2_r li p{float:right; display:inline-block; width:71%; height:auto; min-height:auto; padding-left:1.6vw; font-size:0.94vw;line-height:2.25vw; cursor:pointer;color:#333;}

.b2_r li p span{display:block; font-size:1.04vw;line-height:1.25vw;color:#333;margin-bottom:1.04vw;}

.b2_r li p font{display:block; font-size:0.73vw;line-height:1.25vw;color:#333;}

.active .b2_r {animation: zifadeInRight 0.8s ease 0.6s both;}
.b2_r li:hover p span,.b2_r li:hover p font{ color:#7daf40;}

.b2_r ul.pc .swiper-slide{margin-bottom:10px;}
.b2_r ul.sj{display:none;}


@keyframes circleRoate {

	from {

		transform: rotate(0deg);

	}

	to {

		transform: rotate(360deg);

	}

}
@media(max-width:3500px){

.b2_r .pc .xiao1{background:url(../images/tu7.png) no-repeat 13px center;}

.b2_r .pc .dada1{background:url(../images/tu6_on.png) no-repeat 7px center;}
.b2_r .pc li:hover{background:url(../images/tu6_on.png) no-repeat 7px center;}
}

@media(max-width:1920px){

.b2_r .pc .xiao1{background:url(../images/tu7.png) no-repeat 5px center;}

.b2_r .pc .dada1{background:url(../images/tu6_on.png) no-repeat left center;}
.b2_r .pc li:hover{background:url(../images/tu6_on.png) no-repeat left center;}
}


@media(max-width:1024px){

.box2_tl h2{font-size:24px;line-height:24px;margin-bottom:10px;}

.box2_tl h3{font-size:20px;line-height:20px;}

.box2_tl h2:after{bottom:-30px;width:15px;height:15px;}





.box2{height:auto;overflow:hidden;padding:0px 30px 50px;padding-top:30px;}

.box2_b{height:100%;}

.box2_t{padding-top:0px;}

.bgbg{width: 50%;height:auto;left: -55px;right: 0px;}



#circlr{width:80% !important;left:0px;}

#circlr1{width:80% !important;left:0px;}

#circlr2{width:80% !important;left:0px;}

#circlr3{width:80% !important;left:0px;}

#circlr4{width:80% !important;left:0px;}

#circlr5{width:80% !important;left:0px;}

.ydtp{font-size:14px;line-height:24px;margin-top:20px;}





.b2_l{float:left;width:70%;}

.b2_ll{float:left;width:30%;margin-top:50px;margin-left:0px;margin-right:50px;}

.b2_ll h2{font-size:20px;line-height:24px;padding-left:20px;margin-bottom:30px;}

.b2_ll h2:after{width:4px;height:24px;}

.b2_ll p{margin-left:20px;padding-left:20px;font-size:16px;line-height:24px;margin-bottom:10px;}

.b2_ll p:after{top:45%;width:6px;height:6px;border-radius:3px;}





.b2_r{width:24%;margin-top:50px;}

.b2_r ul{padding:0px 0px;}

.b2_r ul:after{left:10px;}

.b2_r li{margin-bottom:20px;padding:0px 0px;padding-left:20px;}

.b2_r li img{width:50px;}

.b2_r li p{width:60%;padding-left:0px; font-size:18px;line-height:30px;}

.b2_r li p span{font-size:18px;line-height:24px;color:#eee;margin-bottom:10px;}

.b2_r li p font{font-size:14px;line-height:24px;color:#eee;}





.b2_lr{width:100%;height:auto;overflow:hidden;position:inherit;}

#circlr{display:none;}

#ccc{display:none;}



#circlr1{display:none;}

#ccc1{display:none;}

#circlr2{display:none;}

#ccc2{display:none;}

#circlr3{display:none;}

#ccc3{display:none;}

#circlr4{display:none;}

#ccc4{display:none;}

#circlr5{display:none;}

#ccc5{display:none;}


#sjsj{display:block;}

#sjsj img{width: 100%;float:left;}

#sjsj1{display:block;}

#sjsj1 img{width:33.33%;float:left;}


#sjsj2{display:block;}

#sjsj2 img{width:33.33%;float:left;}



#sjsj3{display:block;}

#sjsj3 img{width:33.33%;float:left;}


#sjsj4{display:block;}

#sjsj4 img{width:33.33%;float:left;}


#sjsj5{display:block;}

#sjsj5 img{width:33.33%;float:left;}


.b2_r ul.pc{display:none;}
.b2_r ul.sj{display:block;}


.b2_r {height: auto;}


}



@media(max-width:768px){



.box2_tl{width:100%;margin-bottom: 40px;text-align: center;}
.box2_tl h2{font-size: 36px;line-height: 50px;margin-bottom:10px;color: #333;float: initial;}

.box2_tl h3{font-size: 16px;line-height: 20px;color: #333;margin-top: 0;}

.box2_tl h2:after{bottom:-26px;width:10px;height:10px;display:none;}


.b2_r .sj .dada1 img{border-bottom: solid 2px #77aa36;}

.box2{background-size: cover;padding:30px 15px 30px;}

.b2_r{width:100%;float:none;padding-top:40px;margin-bottom:0px;}

.b2_l{width:100%;float:none;}

.b2_r ul{width:100%;height:auto;overflow:hidden;}

.b2_r li{float:left;width:50%;padding-left:0px;margin-bottom:40px;}

.b2_r ul:after{width:0px;}

.b2_r li p span{font-size:16px;line-height:22px;color:#333;margin-bottom:5px;}

.b2_r li p font{font-size:12px;line-height:20px;color:#333;}

.xiao1{background:none;}

.dada1{background:none;}

.b2_r li p{width:67%;}

.b2_ll{width:30%;margin-top:0px;margin-right:0px;}

.b2_ll h2{font-size:16px;line-height:16px;padding-left:20px;margin-bottom:20px;}

.b2_ll h2:after{width:4px;height:18px;}

.b2_ll p{margin-left:0px;padding-left:15px;font-size:14px;line-height:20px;margin-bottom:5px;color: #333;}
.b2_ll .more{left: 70%;width: 100%; margin-top:20px;background:#7daf40; border:1px #7daf40 solid;margin-left: 0px;color: #fff;}
.bgbg{left:30%;}
.bgbg{display:none;}
.b2_ll p:after{background: #333;}
.b2_lr {width: 70%;}
#sjsj img{background: #ffffff;margin-top: 10px;border-radius: 3px;}
}

@media(max-width:650px){

.b2_ll {width:100%;float: left; text-align:center;}

.b2_lr {width: 100%;float: right;}

}
.content .innerWrap {
  width: 1280px;
  margin: 0 auto;
}

.section4 {
  position: relative;
  color:#111111;
}
.content4 {
  display: flex;
  align-items: center;
  position: relative;
  background-size: cover;
  background-position: 90%;
  height: 9.4rem;
}
.content4 .left {
  width: 45%;
}
.content4 .left ul {
  display: flex;
  flex-wrap: wrap;
}
.content4 .left ul li {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
  width: 50%;
  text-align: center;
  transition: all 0.3s ease-out;
  padding-right: 0.8rem;
  margin-bottom: 0.6rem;
}
.content4 .left ul li:before {
  position: absolute;
  content: "";
  width: 2rem;
  height: 1.6rem;
  border-radius: 5px;
  border: 1px solid rgba(217, 217, 217, 0.6);
  left: -0.2rem;
  top: 0.6rem;
  z-index: -1;
}
.content4 .left ul li:nth-child(2) .icon {
  background-size: 40px;
}
.content4 .left ul li:nth-child(3) .icon {
  background-size: 40px;
}
.content4 .left ul li:nth-child(4) .icon {
  background-size: 40px;
}
.content4 .left ul li .icon {
  width: 1.4rem;
  height: 1.2rem;
  background-size: 40px;
  background-position: center bottom;
  background-repeat: no-repeat;
  margin-bottom: 0.3rem;
}
.content4 .left ul li .p1 {

  width: 100%;
  margin-top: 50px;
  text-align: left;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height:40px;
  font-size: 18px;
  margin-left: -10px;

}
@media only screen and (max-width: 1024px) {
  .content4 .left ul li .p1 {
    font-size: 16px;
  }
}
.content4 .left ul li .p2 {

  align-items: center;
  font-size: 48px;
  font-weight: bold;
  line-height: 0.8;
  text-align: center;
  width: 1.6rem;
}
@media only screen and (max-width: 1440px) {
  .content4 .left ul li .p2 {
    font-size: 36px;
  }
}
@media only screen and (max-width: 1024px) {
  .content4 .left ul li .p2 {
    font-size: 32px;
  }
}

@media only screen and (max-width: 767px) {
  .content4 .left ul li .p2 {
    font-size: 26px;
  }
}
.content4 .left ul li .p2.top {
  align-items: flex-start;
}
.content4 .left ul li .p2.top .plus {
  color: #333;
  font-size: 18px;
}
@media only screen and (max-width: 1024px) {
  .content4 .left ul li .p2.top .plus {
    font-size: 16px;
  }
}
.content4 .left ul li .p2 .title_l {
  margin-right: 0.05rem;
  font-size: 36px;
}
@media only screen and (max-width: 1440px) {
  .content4 .left ul li .p2 .title_l {
    font-size: 36px;
  }
}
@media only screen and (max-width: 1024px) {
  .content4 .left ul li .p2 .title_l {
    font-size: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .content4 .left ul li .p2 .title_l {
    font-size: 26px;
  }
}
.content4 .left ul li .p2 .title_s {
  font-size: 18px;
  font-weight: bold;
}
@media only screen and (max-width: 1024px) {
  .content4 .left ul li .p2 .title_s {
    font-size: 16px;
  }
}
.content4 .left ul li .p2 .unit {
  font-size: 18px;
}
@media only screen and (max-width: 1024px) {
  .content4 .left ul li .p2 .unit {
    font-size: 16px;
  }
}
.content4 .left .button {
  box-sizing: border-box;
  display: inline-block;
  padding: 10px 30px;
  border: 1px solid #111111;
  border-radius: 5px;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease-out;
  left: -0.2rem;
  position: relative;
  color:#111111;
}
.content4 .left .button:hover {
  background: #7cad3e;
  border-color: #7cad3e;
  color: #efefef;
}
.content4 .right {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  height: 100%;
  right: 0;
  top: 0;

}
.content4 .right .swiper-container {
  width: 100%;
  height: 100%;
}
.content4 .right .swiper-container .swiper-slide {
  opacity: 0 !important;
}
.content4 .right .swiper-container .swiper-slide-active {
  opacity: 1 !important;
}
.content4 .right .swiper-container .swiper-slide {
  position: relative;
  display: flex;
  align-items: flex-end;
}
.content4 .right .swiper-container .swiper-slide a {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: flex-end;
}
.content4 .right .swiper-container .swiper-slide .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: 100%;
  left: 0;
  top: 0;
}
.content4 .right .swiper-container .swiper-slide .ctx {
  display: flex;
  color: #efefef;
  height: 1.85rem;
  align-items: center;
  padding-left: 12%;
  width: 100%;
}
.content4 .right .swiper-container .swiper-slide .ctx::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 1.85rem;
  left: 6.46%;
  bottom: 0;
  background: linear-gradient(to right, #7cae3d 0%, transparent 90%);
  transform: skewX(-31.2deg);
}
.content4 .right .swiper-container .swiper-slide .ctx .text {
  position: relative;
  width: 100%;
  z-index: 99;
}
.content4 .right .swiper-container .swiper-slide .ctx .text .p1 {
  font-size: 36px;
  font-weight: bold;
}
@media only screen and (max-width: 1440px) {
  .content4 .right .swiper-container .swiper-slide .ctx .text .p1 {
    font-size: 32px;
  }
}
@media only screen and (max-width: 1024px) {
  .content4 .right .swiper-container .swiper-slide .ctx .text .p1 {
    font-size: 26px;
  }
}
@media only screen and (max-width: 767px) {
  .content4 .right .swiper-container .swiper-slide .ctx .text .p1 {
    font-size: 24px;
  }
}
.content4 .right .swiper-container .swiper-slide .ctx .text .p2 {
  font-size: 24px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 1440px) {
  .content4 .right .swiper-container .swiper-slide .ctx .text .p2 {
    font-size: 20px;
  }
}
@media only screen and (max-width: 1200px) {
  .content4 .right .swiper-container .swiper-slide .ctx .text .p2 {
    font-size: 18px;
  }
}
@media only screen and (max-width: 1024px) {
  .content4 .right .swiper-container .swiper-slide .ctx .text .p2 {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .content4 .right .swiper-container .swiper-slide .ctx .text .p2 {
    font-size: 16px;
  }
}
.content4 .right .swiper-pagination {
  width: 100%;
  right: 0;
  text-align: right;
  bottom: 0;
}

@media (max-width: 640px) {
	.content4{ height:auto;}
  .content .innerWrap {width:100%;}
  .content4 .left{width:100%; display:block;}
  .content4 .right,.content4 .left ul li:before{display:none;}
  .content4 .left ul li{padding-right:0px;margin-bottom:0px;}
  .content4 .left ul li .p2,.content4 .left ul li .icon{ width:100%;}
  .content4 .left ul li .p1{ text-align:center;margin-top:0px;}
  .content4 .left .button{display:table; margin:5% auto;left: 0;}
}


/*第二通栏开始*/
.h60{clear: both;height: 60px;overflow:hidden;}
.newsLeft{
	height: 100%;
	padding:0 79px 0 80px;
}
.newsTit h3{
	font-size: 36px;
	color: #eeeFFF;
	line-height: 50px;
}
.newsTit .en::after {
  content: '';
  display: block;
  margin-top: 20px;
  width: 34px;
  height: 4px;
  background: #77aa36;
}
.newsTab {
	padding-top: 45px;
}
.newsTab a{
	display: block;
	height: 35px;
	width: 102px;
	border: 1px solid #959da5;
	line-height: 35px;
	color: #959da5;
	text-align: center;
	margin-bottom: 20px;
	transition: 0.3s ease;
}
.newsTab a:hover,.newsTab a.active{
	color:#eee;
	background: #2285DF;
	border-color: #2285DF;
}

.box3{
	position: relative;
	background: #77aa36;	
	height: 9.4rem;
}
.bisBox,
.box3Bg,
.box3Bg .swiper-wrapper,
.box3Bg .swiper-slide{
	height: 100% !important;
	width: 100% !important;
}
.box3Bg{
	position: absolute !important;
	top: 0;
	left: 0;
}
 
.box3Bg .swiper-wrapper{
	transform: translate(1px) !important;/*解决swiper第一个不改变*/
	margin-left: -1px;
	left: 0 !important;
}
.box3Bg .swiper-slide{
	background-size: cover;
	background-position: center center;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	filter:alpha(opacity=0);
	z-index: 1;
	transform: scale(1.3);
	transition: 3s ease-in-out;
}
.box3Bg .swiper-slide-active{
	opacity: 1;
	filter:alpha(opacity=100);
	z-index: 2;
	transform: scale(1);
}
.box3Left{
	height: 100%;
	padding-left: 15%;
	position: relative;
	z-index: 9;
	width: 30%;
}
.bisPhrase{
	color: #efefef;
	font-size: 16px;
	position: relative;
	z-index: 9;
	line-height: 35px;
}

.bisList{
	width:60% ;
	padding-right: 15%;
	height: 100%;
	position: relative;
	z-index: 9;
}
.bisList1{
	margin: 0 -15px;
}
.bisList1 dd{
	float: left;
	display: inline;
	padding: 15px 0;
	width: 50%;
}
.bisList1 dd a{
	display: block;
	padding-top: 56.6666%;
	border: 1px solid rgba(255,255,255,0.4);
	border-color: #eee\0/;
	*border-color: #efefef;
	margin: 0 15px;
	position: relative;
	border-radius:5px;
}
.bisList1 dd a:hover{border: 1px solid rgb(119 170 54 / 64%);background: rgb(119 170 54 / 64%);}
.bisList1 .listBox1{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: 0.4s ease;
}
.bisList1 dd span{
	color: #efefef;
	font-size: 16px;
	position: absolute;
	top: 52%;
	margin-top: -1px;
	width: 100%;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-bottom: 20px;
	height: 46px;
	line-height: 46px;
}
.bisList1 dd span:after{
	content: '';
	position: absolute;
	left: 50%;
	margin-left: -21px;
	bottom: 0;
	width: 42px;
	border-bottom: 1px solid #eee;
}
.bisList1 .listBox{
	position: absolute;
	top: 0;
	left: 0;
	/* background: #000; */
	width: 100%;
	height: 100%;
	opacity: 0;
	filter: alpha(opacity=00);
	transform: scale(0.2);
	transition: 0.6s ease;
}
.bisList1 .listTxt{
	padding: 20px;
}
.bisList1 .listBox .listTit{
	color: #efefef;
	font-size: 26px;
	white-space: normal;
	text-overflow: ellipsis;
	overflow: hidden;
	line-height: 36px;
	padding: 8% 0 8% 0;
}
.bisList1 .listBox .listInfr{
	font-size: 14px;
	color: #efefef;
	line-height: 26px;
	height: 92px;
	overflow: hidden;
	padding-top: 20px;
	position: relative;
	top: 30px;
	opacity: 0;
	filter: alpha(opacity=0);
	transition: 0.5s linear;
	word-break: break-all;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical;
}
.bisList1 .listBox .listInfr:after{
	content: '';
	width: 30px;
	border-bottom: 1px solid #eee;
	position: absolute;
	top: 0;
	left: 0;
}
.bisList1 dd.ico1 .listBox1{background: url(../images/bisico1.png) center 26% no-repeat;}
.bisList1 dd.ico2 .listBox1{background: url(../images/bisico2.png) center 26% no-repeat;}
.bisList1 dd.ico3 .listBox1{background: url(../images/bisico3.png) center 26% no-repeat;}
.bisList1 dd.ico4 .listBox1{background: url(../images/bisico4.png) center 26% no-repeat;}
.bisList1 dd.ico5 .listBox1{background: url(../images/bisico5.png) center 26% no-repeat;}
.bisList1 dd.ico6 .listBox1{background: url(../images/bisico6.png) center 26% no-repeat;}

.bisList1 dd:hover .listBox{
	transform: scale(1);
	opacity: 1;
	filter: alpha(opacity=100);
}
.bisList1 dd:hover .listBox1{
	transform: scale(0.2);
	opacity: 0;
	filter: alpha(opacity=0);
}
.bisList1 dd:hover .listBox .listInfr{
	top: 0;
	opacity: 1;
	filter: alpha(opacity=100);
	transition-delay: 0.3s;
}


.swiper-wrapper{
	position:relative;
	}
.box3BgMask{
	width:100%;
	height:100%;
	position:absolute;
	z-index:9999;
	opacity:0.6;
	}
@media (max-width: 640px) {
	.box3{padding:10% 0%; height:auto;}
	.box3Left,.bisList{width:85%;}
	.bisList1 .listBox .listInfr,.bisList1 dd:hover .listBox .listInfr,.bisList1 dd span:after{display:none;opacity:0;}
	.bisList1 .listBox .listTit{ font-size:16px;}
}

/*第二通栏结束*/

.igood {
  padding: 0.9rem 0;
  width: 88%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}
.igood .hd {
  margin-bottom: 0.52rem;
}
@media (min-width: 641px) {
  .igood .hd {
    display: -webkit-flex;
    display: flex;
    display: -webkit-box;
    display: box;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-align: center;
    box-align: center;
    -webkit-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .igood .goodnav {
    width: 60%;
    max-width: 700px;
  }
}
.igood .goodnav {
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: box;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-box-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  text-align: center;
}
.igood .goodnav .item {
  font-size: 16px;
  color: #666;
  transition: 0.3s;
  cursor: pointer;
}
.igood .goodnav .icon {
  width: 74px;
  height: 74px;
  border-radius: 50%;
  background-color: #ececec;
  display: block;
  margin: 0 auto 10px;
  transition: 0.3s;
  background-position: center;
  background-repeat: no-repeat;
}
.igood .goodnav .ic1 {
  background-image: url('../images/ic_nav1.png');
}
.igood .goodnav .ic2 {
  background-image: url('../images/ic_nav2.png');
}
.igood .goodnav .ic3 {
  background-image: url('../images/ic_nav3.png');
}
.igood .goodnav .ic4 {
  background-image: url('../images/ic_nav4.png');
}
.igood .goodnav .ic5 {
  background-image: url('../images/ic_nav5.png');
}
.igood .goodnav .item:Hover,
.igood .goodnav .active {
  color: #77aa36;
}
.igood .goodnav .item:Hover .icon,
.igood .goodnav .active .icon {
  background-color: #77aa36;
}
.igood .goodnav .item:Hover .ic1,
.igood .goodnav .active .ic1 {
  background-image: url('../images/ic_nav1_on.png');
}
.igood .goodnav .item:Hover .ic2,
.igood .goodnav .active .ic2 {
  background-image: url('../images/ic_nav2_on.png');
}
.igood .goodnav .item:Hover .ic3,
.igood .goodnav .active .ic3 {
  background-image: url('../images/ic_nav3_on.png');
}
.igood .goodnav .item:Hover .ic4,
.igood .goodnav .active .ic4 {
  background-image: url('../images/ic_nav4_on.png');
}
.igood .goodnav .item:Hover .ic5,
.igood .goodnav .active .ic5 {
  background-image: url('../images/ic_nav5_on.png');
}
@media (max-width: 992px) {
  .igood .goodnav .icon {
    width: 60px;
    height: 60px;
    background-size: 60%;
  }
}
@media (max-width: 480px) {
  .igood .goodnav .icon {
    width: 50px;
    height: 50px;
    background-size: 60%;
  }
  .igood .goodnav .item {
    font-size: 14px;
  }
}
@media (max-width: 640px) {
  .igood .ihd {
    text-align: center;
  }
  .igood .ihd .en:after {
    margin-left: auto;
    margin-right: auto;
  }
  .igood .goodnav {
    margin-top: 0.5rem;
  }
}
.igood .inner {
  background: #f5f5f5;
  position: relative;
  text-align: center;
  overflow: hidden;
}
@media (min-width: 641px) {
  .igood .row {
    margin-left: -0.2rem;
    margin-right: -0.2rem;
  }
  .igood .row > * {
    padding-left: 0.2rem;
    padding-right: 0.2rem;
  }
  .igood .col2 .inner {
    padding-bottom: 0.68rem;
  }
  .igood .col3 .inner {
    padding-bottom: 0.4rem;
  }
  .igood li {
    overflow: hidden;
    margin-bottom: 0.2rem;
  }
  .igood li .tit {
    height: 0.68rem;
    line-height: 0.68rem;
    font-size: 0.24rem;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    transition: 0.3s;
    background: #02304e;
    color: #eeefff;
  }
  .igood li img {
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
  }
  .igood li:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  .igood li:hover .tit {
    background: #77aa36;
    color: #efefef;
  }
  .igood .col3 li .tit {
    height: 0.48rem;
    line-height: 0.48rem;
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  .igood .row {
    margin-left: -8px;
    margin-right: -8px;
  }
  .igood .row > * {
    padding-left: 8px;
    padding-right: 8px;
  }
  .igood li {
    margin-bottom: 8px;
  }
  .igood li .inner {
    padding-bottom: 0.1rem;
  }
  .igood li .tit {
    font-size: 12px;
    line-height: 18px;
    min-height: 36px;
    display: -webkit-flex;
    display: flex;
    display: -webkit-box;
    display: box;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-pack: center;
    box-pack: center;
    -webkit-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .igood.s2 li .tit {
    font-size: 14px;
  }
}
.isolutions {
  padding: 1rem 0 1.3rem;
}
.isolutions .hd {
  width: 88%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.74rem;
}
.isolutions .hd .desc {
  font-size: 16px;
  color: #999;
  line-height: 24px;
}
@media (min-width: 641px) {
  .isolutions .hd {
    display: -webkit-flex;
    display: flex;
    display: -webkit-box;
    display: box;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-align: center;
    box-align: center;
    -webkit-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .isolutions .hd .desc {
    width: 60%;
    max-width: 600px;
  }
}
@media (max-width: 768px) {
  .isolutions .hd .desc {
    font-size: 14px;
    line-height: 1.5;
  }
}
@media (max-width: 640px) {
  .isolutions .desc {
    margin-top: 0.3rem;
  }
}
.isolutions-swiper {
  padding-bottom: 0.8rem;
}
.isolutions-swiper .swiper-pagination {
  bottom: 0;
  height: 3px;
  line-height: 1;
  font-size: 0;
  width: 30%;
  max-width: 400px;
  background: #e6e6e6;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
}
.isolutions-swiper .swiper-pagination .swiper-pagination-bullet {
  min-width: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  border-radius: 0;
  height: 3px;
  margin: 0;
}
.isolutions-swiper .swiper-pagination .swiper-pagination-bullet {
  background: #e6e6e6;
}
.isolutions-swiper .swiper-pagination .swiper-pagination-bullet-active {
  background: #77aa36;
}
.isolutions-swiper li {
  padding: 0 0.5rem;
  cursor: pointer;
  width: 50%;
}
.isolutions-swiper .inner {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  overflow: hidden;
}
.isolutions-swiper .img {
  visibility: hidden;
}
.isolutions-swiper .content {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.isolutions-swiper .cinner {
  position: absolute;
  min-width: 40%;
  padding: 0.6rem 1rem 0.6rem 0.5rem;
  border-left: 4px solid #77aa36;
  background: #eee;
  top: 50%;
  transform: translateY(-50%);
}
.isolutions-swiper .icon {
  width: 0.3rem;
  height: 0.3rem;
  position: absolute;
  right: 0.2rem;
  top: 0.2rem;
}
.isolutions-swiper h4 {
  font-size: 30px;
  margin-bottom: 20px;
}
.isolutions-swiper .info {
  font-size: 16px;
  color: #999;
  line-height: 1.6;
}
@media (max-width: 1400px) {
  .isolutions-swiper li {
    padding: 0 0.3rem;
  }
  .isolutions-swiper .cinner {
    padding: 0.3rem 1rem 0.3rem 0.4rem;
  }
  .isolutions-swiper .inner {
    height: 340px;
  }
  .isolutions-swiper .info {
    font-size: 14px;
  }
  .isolutions-swiper h4 {
    font-size: 24px;
  }
}
@media (max-width: 1200px) {
  .isolutions-swiper li {
    padding: 0 0.2rem;
  }
  .isolutions-swiper .inner {
    height: 340px;
  }
}
@media (max-width: 992px) {
  .isolutions-swiper li {
    width: 60%;
  }
}
@media (max-width: 768px) {
  .isolutions-swiper li {
    width: 80%;
  }
}
@media (max-width: 640px) {
  .isolutions-swiper li {
    width: 86%;
    padding: 0 5px;
  }
  .isolutions-swiper h4 {
    font-size: 20px;
  }
}
.iabout {
  padding-top: 2.2rem;
  background: url(../images/iaboutbg.jpg) no-repeat center;
  background-size: cover;
  position: relative;

}
.iabout .inner {
  position: relative;
}
.iabout .inner::after {
  content: '';
  display: block;
  position: absolute;
  width: 50vw;
  top: 0;
  bottom: 0;
  right: 0;
  background: url(../images/iaboutbg2.jpg) no-repeat right bottom #eee;
  background-size: contain;
  z-index: 1;
}
.iabout .wrap {
  padding: 1.4rem 0 1.6rem 1.1rem;
  background: #eee;
}
.iabout .ihd {
  text-align: right;
  position: relative;
  z-index: 5;
}
.iabout .ihd .en:after {
  margin: 10px 0 0 auto;
}
.iabout .bd {
  position: relative;
  z-index: 5;
  margin-top: -0.3rem;
  max-width: 750px;
}
.iabout .bd .ic-logo {
  width: 400px;
  height: 131px;
  background-image: url('../images/logo2.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  display: block;
}
.iabout .bd h2 {
  font-size: 30px;
  margin: 0.4rem 0 0.2rem;
}
.iabout .bd .desc {
  font-size: 16px;
  color: #666;
  line-height: 1.5;
  margin-bottom: 0.6rem;
}
.iabout .bd .desc  p{text-indent:2em; line-height:35px;}
.iabout .bd .more {
  border-radius: 2em;
  width: 150px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  background: #77aa36;
  color: #efefef;
  display: block;
  text-transform: uppercase;
  transition: 0.3s;
}
.iabout .bd .more .iconfont {
  font-size: 14px;
  display: inline-block;
  animation-duration: 1.3s;
}
.iabout .bd .more:hover {
  transform: translateY(-5px);
  box-shadow: 0 0 5px rgba(255, 87, 34, 0.8);
}
@media (max-width: 992px) {
  .iabout {
    padding: 1rem 0;
  }
  .iabout .wrap {
    padding: 1rem 1rem 1.4rem;
    background: url(../images/iaboutbg2.jpg) no-repeat right bottom #eee;
    background-size: contain;
  }
  .iabout .inner:after {
    display: none;
  }
}
@media (max-width: 640px) {
  .iabout .wrap {
    padding: 0.8rem 0.3rem;
    width: 96%;
  }
  .iabout .bd .ic-logo {
    height: 40px;
    background-position:left;
    width: 100%;
  }
  .iabout .bd h2 {
    font-size: 20px;
  }
  .iabout .bd .desc {
    font-size: 14px;
  }
  .iabout .bd .more {
    font-size: 12px;
    width: 130px;
    height: 36px;
    line-height: 36px;
    text-align: center;
  }
}
.circle {
  width: 90px;
  height: 90px;
  margin: 0 auto;
  position: absolute;
  bottom: -45px;
  left: 50%;
  margin-left: -45px;
  z-index:999;
  text-align:center;
  line-height: 90px;
  color:#3f897c;
  font-size:30px;
}
.circle span {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  background-color: #cacaca;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-animation: circleScale 3s linear infinite;
  -moz-animation: circleScale 3s linear infinite;
  -ms-animation: circleScale 3s linear infinite;
  animation: circleScale 3s linear infinite;
}
.circle span:nth-of-type(2) {
  animation-delay: 1s;
}
.circle span:nth-of-type(3) {
  animation-delay: 2s;
}
@keyframes circleScale {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.circle a{cursor:pointer;position: absolute;background:#03304e;width: 34px;height: 34px;display: inline-block;border-radius: 50%;top: 50%;margin-top: -17px;left: 50%;margin-left: -17px;line-height: 30px;font-size: 22px;color: #efefef;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.circle a:hover{background: #77aa36;}
.dwyoushi{ padding:155px 0 124px;overflow: hidden;}
.dwyoushi .title{ margin-bottom:60px; text-align:center}
.dwyoushi .title h3{font-size: 56px;color: #2c2d2f;margin-bottom: 12px;font-weight:bold;}
.dwyoushi .title h6{font-size: 14px;color: #8b8d94; text-transform:uppercase}

.dwyoushi .content{ position:relative}
.dwyoushi .center{display:inline-block;width:714px;height:714px;border-radius:50%;line-height:714px;background:url(../images/yuan01.html) center no-repeat;position:absolute;top: 46px;left:50%;margin-left:-357px;text-align: center;z-index: 0;}
.dwyoushi .center .box{position:relative;display:inline-block;width: 560px;height: 560px;line-height: 560px;vertical-align: middle;}
.dwyoushi .center .box:before{ content:""; position:absolute; left:0; top:0; width:521px;height:521px;}
.dwyoushi .center .box01{display:inline-block;width: 560px;height: 560px;line-height: 560px;border-radius:50%;vertical-align: middle;}
.dwyoushi .center .box01 span {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  background-color: rgb(119 170 54 / 47%);
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
  -ms-transform: scale(0.6);
  transform: scale(0.6);
  -webkit-animation: circleScale1 3s linear infinite;
  -moz-animation: circleScale1 3s linear infinite;
  -ms-animation: circleScale1 3s linear infinite;
  animation: circleScale1 3s linear infinite;
}
.dwyoushi .center .box01 span:nth-of-type(2) {
  animation-delay: 1s;
}
.dwyoushi .center .box01 span:nth-of-type(3) {
  animation-delay: 2s;
}
@keyframes circleScale1 {
  0% {
    opacity: 1;
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.125);
    -moz-transform: scale(1.125);
    -ms-transform: scale(1.125);
    transform: scale(1.125);
  }
}
.dwyoushi .center .box02{position:relative;display:inline-block;width: 405px;height: 405px;line-height: 405px;vertical-align: middle;background: #77aa36;border-radius: 50%;}
.dwyoushi .center .box02:before{ content:""; position:absolute; left:0; top:0; width:434px;height:434px;}
.dwyoushi .center .box02 img{margin-left:-25px;position: absolute;left: 50%;top: 50%;margin-top: -203px;margin-left: -203px;}

.dwyoushi .box_w{width: 360px;text-align:left;padding: 0;position: relative;z-index: 10;}
.dwyoushi .box_w ul li .con{position:relative;display:inline-block;line-height: 38px;font-size: 36px;color: #96999d;font-weight:bold;margin-bottom: 12px;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.dwyoushi .box_w ul li .con img{margin-right: 10px;margin-top: -5px;}
.dwyoushi .box_w.right ul li .con img{ margin-right:0; margin-left:10px}
.dwyoushi .box_w ul li .con img.img02{ display:none}
.dwyoushi .box_w ul li p{font-size: 16px;color: #242526;line-height:24px;display:  inline-block;padding: 0;width: 360px;position:relative;z-index: 100;transition: 0.6s;}

.dwyoushi .box_w.fr{width: 420px;text-align:right;padding: 0;}
.dwyoushi .box_w.fr p{ text-align:right}

.dwyoushi .box_w ul li .txt{ position:relative}
.dwyoushi .box_w ul li .txt:after{content:"";position:absolute;left:0;right:0;height:105px;top:50%;margin-top:-52.5px;border:#da251d 2px solid;background:#eee;box-shadow:0 0 15px rgba(0,0,0,0.15);opacity:0;transition:0.6s;z-index: 0;}
.dwyoushi .box_w ul li .txt .line{position:absolute;width:175px;height: 1px;left: 0;bottom: -16px;border-bottom: #cfd1d9 1px solid; transition:0.6s}
.dwyoushi .box_w ul li .txt .line:before{content:"";position:absolute;right: -6px;top: -13px;width: 10px;height: 10px;border: #c2c4cc 2px solid;border-radius: 50%;}
.dwyoushi .box_w ul li.li01{height: 158px;}
.dwyoushi .box_w ul li.li01 .txt .line{width: 400px;}
.dwyoushi .box_w ul li.li02{height: 198px;}
.dwyoushi .box_w ul li.li02 .txt .line{width: 273px;}
.dwyoushi .box_w ul li.li03{height: 200px;}
.dwyoushi .box_w ul li.li03 .txt .line{width: 248px;}
.dwyoushi .box_w ul li.li04{height: 158px;}
.dwyoushi .box_w ul li.li04 .txt .line{width: 336px;}
.dwyoushi .box_w ul li.li05{height: 178px;}
.dwyoushi .box_w ul li.li05 .txt .line{width: 396px;}
.dwyoushi .box_w ul li.li06{height: 176px;}
.dwyoushi .box_w ul li.li06 .txt .line{width: 273px;}
.dwyoushi .box_w ul li.li07{height: 184px;}
.dwyoushi .box_w ul li.li07 .txt .line{width: 252px;}
.dwyoushi .box_w ul li.li08{height: 158px;}
.dwyoushi .box_w ul li.li08 .txt .line{width: 338px;}
.dwyoushi .box_w.fr ul li .txt .line{ left:auto; right:0}
.dwyoushi .box_w.fr ul li .txt .line:before{left: -4px;}
@media (max-width: 992px) {
  .dwyoushi{ padding:20px 0px;}
  .dwyoushi .box_w,.dwyoushi .box_w.fr,.dwyoushi .box_w ul li p{ width:100%;}
  .dwyoushi .box_w ul li .txt .line,.dwyoushi .box_w ul li.li01 .txt .line,.dwyoushi .box_w ul li.li05 .txt .line{width:100%;}
  .dwyoushi .center{ display:none;}
  .dwyoushi .box_w ul li.li04{ height:100px;}
  .dwyoushi .box_w ul li.li01,.dwyoushi .box_w ul li.li02,.dwyoushi .box_w ul li.li03,.dwyoushi .box_w ul li.li05,.dwyoushi .box_w ul li.li06,.dwyoushi .box_w ul li.li07,.dwyoushi .box_w ul li.li08{ height:150px;}
  .dwyoushi .box_w.fr{padding-top:30px;}
}

.icase {
  background: #f5f5f5;
  padding: 1.7rem 0 2rem;
  padding-left: 11%;
  padding-right: 11%;
  padding-left: 6%;
  padding-right: 6%;
  width: 100%;
  overflow: hidden;
  clear: both;
}
.icase .row {
  margin-left: 0;
  margin-right: 0;
  overflow: hidden;
}
.icase .row > * {
  padding-left: 0;
  padding-right: 0;
}

.news{
	padding-bottom: 30px;
	padding-top:40px;
	/*background: url(../images/panter_bg.jpg) #000000 no-repeat right center;*/
	background:#ffffff;
}
.news_title{
	margin-bottom: 30px;
	overflow: hidden;
}
.news_title .title{
	font-size: 36px;
	/*color: #eeefff;*/
	color:#111111;
}
.news_title .title .en {
  font-size: 16px;
  color: #bbb;
  position: relative;
}
.news_title .title .en::after {
  content: '';
  display: block;
  margin-top: 10px;
  width: 34px;
  height: 4px;
  background: #77aa36;
}
.news_title .nav{
	overflow: hidden;
	padding-top: 20px;
}
.news_title .nav a{
	display: block;
	float: left;
	font-size: 16px;
	padding: 5px 5px;
	margin-left: 20px;
	/*color: #eeefff;*/
	color:#111111;
}
.news_title .nav .on{
	color: #77aa36;
	border-bottom: solid 2px #77aa36;
}
.news_list .con{
	display: none;}

.news_list .con .intm{display: block;background:#eee;padding:32px;}
.news_list .con .intm .h3{ font-size: 18px;color: #444;line-height: 18px;margin-bottom: 23px;font-weight: bold;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;transition:all 0.3s;}
.news_list .con .intm:hover .h3,.news_list .con .intm:hover .h4,.news_list .con .intm:hover .h5,.news_list .con .intm:hover p{ color:#eee;}
.news_list .con .intm:hover { background: #77aa36; }
.news_list .con .intm p{height: 44px; font-size: 14px;color: #999;line-height: 22px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news_list .con .intm-bot{position: relative; height: 85px;border-top: solid 1px #e4e4e4;margin-top: 17px;background: url(../images/new_int.png) no-repeat right center;}
.news_list .con .intm-bot:before{position: absolute;content: '';width: 0%;height: 1px;background: #eee;transition: all 1s;top: -1px;}
.news_list .con .intm:hover .intm-bot:before{width: 100%;}
.news_list .con .intm:hover .intm-bot{background: url(../images/new_inton.png) no-repeat right center;}
.news_list .con .intm-bot .h4{font-size: 50px;color: #444;line-height: 50px;}
.news_list .con .intm-bot .h5{font-size: 14px;color: #777;padding-left: 3px;}
.news_list .con .inr-list{background: #eee;padding:32px; display: block;}
.news_list .con .inr-list .inr-l{width: 96px;float: left;}
.news_list .con .inr-list .inr-l .h4{font-size: 50px;color: #444;line-height: 50px;}
.news_list .con .inr-list .inr-l .h5{font-size: 14px;color: #777;padding-left: 3px;}
.news_list .con .inr-list .inr-r .h3{ font-size: 18px;color: #444;font-weight: bold;line-height: 18px;margin-bottom: 13px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;transition:all 0.3s;}
.news_list .con .inr-list .inr-r p{ height: 44px;font-size: 14px;color: #999;line-height: 22px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news_list .con .inr-list:hover .inr-r .h3,.news_list .con .inr-list:hover .h4,.news_list .con .inr-list:hover .h5,.news_list .con .inr-list:hover .inr-r p{ color:#eee;}
.news_list .con .inr-list:hover { background:#77aa36;}

.news_list{

	transform: translateY(100px);
	transition: all 1.5s ease;
}
.news_list .con ul{
	overflow: hidden;
	width: 100%;
}
.news_list .con li{
	float: left;
	width: 32.3%;
	padding: 15px 0;
	margin-right: 1.5%;
}
.news_list .con li img{height: 258px;width: 388px;}
.news_list .con li:nth-child(3n+0){margin-right:0%;}
.news_list .con li .item .img{ margin-bottom:20px;}
.news_list .con li .item{
	margin: 0 auto;
	width:100%;
	box-sizing: border-box;
	background-color: #f0f0f0;
	padding: 25px;
	transition: all 0.5s ease;
	display: inline-block;
}
.news_list .con li .item:hover{
	background-color:#7cad3d;
}
.news_list .con li .item:hover .date dt{
	color: #eeeFFF;
}
.news_list .con li .item:hover .date dd{
	color: #eeeFFF;
}
.news_list .con li .item:hover .info-a{
	color: #eeeFFF;
}
.news_list .con li .item:hover .info-b{
	color: #eeefff;
}
.news_list .con li .item:hover .info-c img{
	transform: translateX(180px);
}
.news_list .con li .item .date{
	width: 23%;
	background-image: url(../images/new_ico.png);
	background-position: left bottom;
	 background-repeat: no-repeat;
	 padding-top: 10px;
	 height: 140px;
}
.news_list .con li .item .date dl{
	text-align: left;
}
.news_list .con li .item .date dt{
	font-size: 16px;
}
.news_list .con li .item .date dd{
	font-size: 24px;
	font-weight: bold;
}
.news_list .con li .item .info{
	width: 75%;
}
.news_list .con li .item .info-a{
	font-size: 18px;
	color: #000;
	font-weight: bold;
	margin-bottom: 20px;
}
.news_list .con li .item .info-b{
	font-size: 16px;
	color: #666;
	line-height: 25px;
	margin-bottom: 15px;
}
.news_list .con li .item .info-c img{
	transition: all 1s ease;
}
.fadeIn1{
	opacity: 1;
	transform: translateY(0px);
}
.plan .fadeIn1{
	opacity: 1;
	transform: translateY(0px);
}
.news .fadeIn1{
	opacity: 1;
	transform: translateY(0px);
}

@media (max-width: 640px) {
 .news{padding-top: 2%;}
 .news_title .nav{position: absolute;right: 10px;margin-top: 35px;}
 .news_list .con li:nth-child(2),.news_list .con li:nth-child(3){display:none;}
}
/*客服*/
.additional-features {
  position: fixed;
  right: 10px;
  bottom: 180px;
  z-index: 200;
  width: 80px;
  box-sizing: border-box;
  display:none;
}
.additional-features.show{ display:block;}
.additional-features li {
  position: relative;
  padding-top:6px;
  margin-bottom:2px;
  width: 80px;
  height: 80px;
  line-height: 1;
  cursor: pointer;
  background-color: #111111;
  -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000,endColorstr=#4c000000)";
  transition: all 0.2s linear;
  box-sizing: border-box;
}
/*.additional-features li.kf{
  background-color: #00b43c;
}
.additional-features li.kf:hover{
  background-color: #009632;
}*/
/*.additional-features li.db {
  padding-top:16px;
  height:68px;
}*/
.additional-features li.xx .xx-dot{
  position: absolute;
  display: block;
  top:13px;
  right:13px;
  width: 7px;
  height: 7px;
  background-color: #ff1e00;
  border-radius: 50%;
  -moz-border-radius:50%;
  -webkit-border-radius:50%;
}

.additional-features li.rx .revi-hotline-wrapper {
  display: none;
  position: absolute;
  left: -235px;
  bottom: 0;
  width: 235px;
  height: 80px;
}
.additional-features li.rx.active .revi-hotline-wrapper { display:block;}
.additional-features li.rx .revi-hotline {
  position: absolute;
  left: 0;
  width: 221px;
  height: 80px;
  background-color: #efefef;
  border: 1px solid #ddd;
  cursor: text;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  box-shadow: -2px 3px 25px rgba(0,0,0,0.1);
  padding-left:12px;
}
.additional-features li.rx .revi-hotline h3 {
  margin: 20px 0 8px;
  font-family: medium;
  font-size: 28px;
  color: #77aa36;
  font-weight:normal;
}
.additional-features li.rx .revi-hotline h4{ font-weight:normal; font-size:13px;}
.additional-features li.xz .xz-ewm {
  display: none;
  position: absolute;
  top: -55px;
  left: -120px;
  width: 120px;
  height: 174px;
}
.additional-features li.xz.active .xz-ewm { display:block;}
.additional-features li.xz a {
  position: absolute;
  left: 0;
  width: 100px;
  height: 100px;
  border: 1px solid #ddd;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background: url("../img/weixin.html") #eee center center;
  background-size: cover;
  box-shadow: 2px 2px 25px rgba(0,0,0,0.1);
}
.additional-features li p {
  font-size: 14px;
  color: #efefef;
  text-align: center;
}
.additional-features li .additional-icon {
  margin:0 auto 4px;
  width: 36px;
  height: 36px;
  margin-top:5px;
/*  background: url("../images/tiny-icon.png");
  background: url("../images/tiny-icon@1x.png")\9;
  background-size: 72px 591px;*/
}
.additional-features li .additional-icon.icon1 {
background:url(../images/right_pic1.png) center center no-repeat;
}
.additional-features li .additional-icon.icon2 {
background:url(../images/right_pic2.png) center center no-repeat;
}
.additional-features li .additional-icon.icon3 {
background:url(../images/right_pic3.png) center center no-repeat;
}
.additional-features li .additional-icon.icon4 {
  background:url(../images/right_pic4.png) center center no-repeat;
}
.additional-features li .additional-icon.icon5 {
 background:url(../images/right_pic5.png) center center no-repeat;
}
.additional-features li.active {
  background-color:#77aa36;
  border-color:#77aa36;
}
.additional-features li.active span {
  display: none;
}
.additional-features li.active p {
  color: #efefef;
}
.additional-features li.opa-0{opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);}
@media screen and (max-width: 1440px) {
/*客服*/
.additional-features { width:68px;}
.additional-features li { width:68px; height:68px;}
.additional-features li .additional-icon { margin-top:0;}
}
@media screen and (max-width: 780px) {
.additional-features{ display:none!important;}

}

@media (min-width: 992px) {
 
  .icase .row {
    display: -webkit-flex;
    display: flex;
    display: -webkit-box;
    display: box;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-align: center;
    box-align: center;
  }
  .icase .row .contentbox {
    width: 50%;
  }
}
.icase .more {
  border-radius: 2em;
  width: 150px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  background: #77aa36;
  color: #efefef;
  display: inline-block;
  text-transform: uppercase;
  transition: 0.3s;
}
.icase .more .iconfont {
  font-size: 14px;
  display: inline-block;
  animation-duration: 1.3s;
}
.icase .more:hover {
  transform: translateY(-5px);
  box-shadow: 0 0 5px rgba(255, 87, 34, 0.8);
}
.icase .logobox {
  text-align: center;
}
.icase .desc {
  font-size: 16px;
  color: #666;
  line-height: 1.5;
  margin: 0.4rem 0 0.7rem;
}
@media (min-width: 993px) {
  .icase .contentbox {
    padding-left: 5%;
  }
  .icase .desc {
    max-width: 580px;
  }
}
@media (max-width: 992px) {
  .news_list .con li{width:100%;}
  .news_list .con li .item .date dd{font-size:14px;}
  .news_list .con li img{height: auto;width: auto;}
  .icase .inner {
    text-align: center;
  }
  .icase .logobox img {
    max-width: 600px;
  }
  .icase .ihd .en:after {
    margin-left: auto;
    margin-right: auto;
  }
  .icase .contentbox {
    margin-bottom: 1rem;
  }
  .icase .desc {
    font-size: 14px;
  }
  .icase .more {
    font-size: 12px;
    width: 130px;
    height: 36px;
    line-height: 36px;
    text-align: center;
  }
}
@media (max-width: 480px) {
  .icase {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .icase .contentbox {
    margin-bottom: 0.5rem;
  }
}
.banner {
  position: relative;
  text-align: center;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.banner .content {
  width: 88%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 5;
  color: #efefef;
  text-align: left;
  line-height: 2.5;
}
.banner h3 {
  font-size: 0.48rem;
  margin-bottom: 0.36rem;
}
.banner .en {
  font-size: 0.2rem;
  font-weight: normal;
}
.banner .img {
  width: 100%;
  visibility: hidden;
  max-width: none;
}
@media (max-width: 992px) {
  .banner {
    height: 5rem;
  }
}
@media (max-width: 768px) {
  .banner .en {
    font-size: 14px;
  }
}
@media (max-width: 640px) {
  .banner h3 {
    font-size: 0.5rem;
  }
}
@media (max-width: 480px) {
  .banner {
    height: 190px;
  }
  .banner .img {
    height: 190px;
  }
  .banner .content {
    margin-top: 3 0px;
  }
}
main {
  overflow: hidden;
}
.basenav-box {
  width: 100%;
}
.basenav {
  position: relative;
  overflow: hidden;
  width:100%;
  margin: -78px auto 0;
}
.basenav::after {
  background: rgba(255, 255, 255, 0.85);
  content: '';
  display: block;
  position: absolute;
  width: 95vw;
  top: 0;
  height: 100%;
  left: 50%;
  margin-left: -700px;
}
@media (max-width: 1600px) {
  .basenav::after {
    left: 6%;
    margin-left: 0;
  }
}
.basenav .inner {
  width: 88%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 5;
  text-align: center;
}
.basenav .crumb {
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  color: #8b8b8b;
}
.basenav .crumb a {
  color: #8b8b8b;
}
.basenav .crumb a:hover {
  color: #77aa36;
}
.basenav .crumb .icon-right {
  margin: 0 4px;
  font-size: 14px;
}
.basenav .crumb em {
  color: #77aa36;
}
.basenav .nav {
  display: block;
  padding: 0 60px;
  font-size: 16px;
  height: 78px;
  transition: 0.3s;
  white-space: nowrap;
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: box;
  -webkit-box-orient: vertical;
  box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-pack: center;
  box-pack: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-weight: bold;
  line-height: 1.5;
}
.basenav .nav em {
  font-size: 12px;
  text-transform: uppercase;
  display: block;
  margin: 0 auto;
  color: #999;
}
.basenav .nav:hover {
  background: #eee;
}
.basenav .nav.active {
  background: #77aa36;
  color: #efefef;
}
.basenav .nav.active em {
  color: #efefef;
}
.basenav .inner {
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: box;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  box-align: center;
}
.basenav .nav {
  padding: 0 0.5rem;
}
.basenav .nav:not(.active):hover {
  color: #77aa36;
}
@media (max-width: 992px) {
  .basenav {
    margin-top: -70px;
  }
  .basenav .nav {
    font-size: 16px;
    height: 70px;
  }
  .basenav .crumb {
    font-size: 14px;
  }
}
@media (max-width: 892px) {
  .basenav {
    margin-top: -60px;
  }
  .basenav .nav {
    height: 60px;
  }
  .basenav .crumb {
    display: none;
  }
}
@media (max-width: 640px) {
  .basenav {
    margin-top: 0;
    border-bottom: 1px solid #e5e5e5;
    height: 44px;
  }
  .basenav .nav {
    position: relative;
    min-width: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    padding: 0;
    font-size: 14px;
    height: 44px;
  }
  .basenav .nav em {
    display: none;
  }
  .basenav .inner {
    width: 100%;
  }
  .basenav .inner .active {
    background: #f5f5f5;
    color: #77aa36;
  }
  .basenav .inner .active em {
    color: #77aa36;
  }
  .basenav .inner .active::after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    background: #77aa36;
    left: 0;
    bottom: 0;
  }
}
.pagination {
  text-align: center;
  margin-top: 0.5rem;
  display: block;
}
.pagination li {
  margin: 0 2px;
}
.pagination li > a,
.pagination li > span {
  float: none;
  display: inline-block;
  cursor: pointer;
  color: #333;
  border-radius: 0!important;
  border: 0;
  font-size: 16px;
}
.pagination .active > a,
.pagination .active > span,
.pagination .active > a:hover,
.pagination .active > span:hover,
.pagination .active > a:focus,
.pagination .active > span:focus {
  background: #77aa36;
  color: #efefef;
  border: 0;
}


.pronav{position: fixed;overflow:hidden;width:100%; z-index:9;}
.pronav::after{background: #ffffff;content:'';display:block;position:absolute;width:95vw;top:0;height:100%;left:50%;margin-left:-700px}
@media (max-width:1600px){.pronav::after{left:6%;margin-left:0}
}
.pronav .inner{width:88%;max-width:1400px;margin-left:auto;margin-right:auto;position:relative;z-index:5;text-align:center}
.pronav .crumb{position:absolute;right:0;top:50%;transform:translateY(-50%);color:#8b8b8b}
.pronav .crumb a{color:#8b8b8b}
.pronav .crumb a:hover{color:#77aa36}
.pronav .crumb .icon-right{margin:0 4px;font-size:14px}
.pronav .crumb em{color:#77aa36}
.pronav .nav{display:block;padding:0 60px;font-size:16px;height:50px;transition:.3s;white-space:nowrap;display:-webkit-flex;display:flex;display:-webkit-box;display:box;-webkit-box-orient:vertical;box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-box-pack:center;box-pack:center;-webkit-box-align:center;box-align:center;-webkit-align-items:center;align-items:center;font-weight:700;line-height:1.5;}
.pronav .nav em{font-size:12px;text-transform:uppercase;display:block;margin:0 auto;color:#999}
.pronav .nav:hover{background:#eee}
.pronav .nav.active{background:#77aa36;color:#efefef}
.pronav .nav.active em{color:#efefef}
.pronav .inner{display:-webkit-flex;display:flex;display:-webkit-box;display:box;-webkit-align-items:center;align-items:center;-webkit-box-align:center;box-align:center}
.pronav .nav{padding:0 .5rem}
.pronav .nav:not(.active):hover{color: #fff;background: #77aa36;}
@media (max-width:992px){.pronav{margin-top:-70px}
.pronav .nav{font-size:16px;height:50px}
.pronav .crumb{font-size:14px}
}
@media (max-width:892px){.pronav{margin-top:-60px}
.pronav .nav{height:60px}
.pronav .crumb{display:none}
}
@media (max-width:640px){.pronav{margin-top:0;border-bottom:1px solid #e5e5e5;height:44px;display: none;}
.pronav .nav{position:relative;min-width:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;padding:0;font-size:14px;height:44px}
.pronav .nav em{display:none}
.pronav .inner{width:100%}
.pronav .inner .active{background:#f5f5f5;color:#77aa36}
.pronav .inner .active em{color:#77aa36}
.pronav .inner .active::after{content:'';display:block;position:absolute;width:100%;height:2px;background:#77aa36;left:0;bottom:0}
}


.good-content {
  padding: 0.5rem 0 1.3rem;
}
.good-content .content {
  padding-left: 0.7rem;
}
.good-content h2 {
  font-size: 30px;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 28px;
  line-height: 0.9rem;
  font-weight: bold;
}
.good-content .info {
  font-size: 14px;
  color: #666;
  line-height: 1.875;
}
.good-content .info p{margin-left: 1.04vw;}
.good-content .info span{margin-left:1.04vw;margin-top:10px;padding: 10px;border-radius:5px;border:1px #333 solid;color:#333;display: inline-block;}
.good-content .info span:hover{background:#7daf40; border:1px #7daf40 solid; color:#ffffff;}
@media (max-width: 992px) {
  .good-content .swiperbox {
    max-width: 80%;
    margin: 0 auto;
  }
  .good-content .content {
    padding-left: 0;
    margin-top: 0.4rem;
  }
  .good-content h2 {
    border-bottom: 0;
    margin-bottom: 0.1rem;
    text-align: center;
  }
}
@media (max-width: 768px) {
  .good-content .swiperbox {
    max-width: 100%;
  }
}
@media (max-width: 480px) {
  .good-content {
    padding: 0.8rem 0 1.2rem;
  }
  .good-content h2 {
    font-size: 22px;
  }
}
.swiperImgs img {
  width: 100%;
}
.swiperdots {
  margin-top: 0.2rem;
}
.swiperdots .swiper-slide {
  position: relative;
  cursor: pointer;
}
.swiperdots .swiper-slide::after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  border: 2px solid transparent;
  left: 0;
  top: 0;
  transition: 0.3s;
}
.swiperdots .swiper-slide-thumb-active::after {
  border-color: #77aa36;
}
.solutions-box {
  padding: 0.9rem 0 0.6rem;
}
.solutions-box .list {
  overflow: hidden;
}
.solutions-box .item {
  margin-bottom: 0.5rem;
  transition: 0.3s;
}
.solutions-box .item .img {
  overflow: hidden;
  display: block;
  position: relative;
}
@media (min-width: 769px) {
  .solutions-box .item {
    display: -webkit-flex;
    display: flex;
    display: -webkit-box;
    display: box;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-align: center;
    box-align: center;
  }
  .solutions-box .item .img {
    max-width: 420px;
    min-width: 260px;
    height: 228px;
    width: 30%;
  }
  .solutions-box .item .img img {
    height: 100%;
    width: auto;
    max-width: none;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    transition: 0.3s;
  }
  .solutions-box .item .img:hover img {
    transform: scale(1.06) translateX(-50%);
  }
  .solutions-box .item .content {
    padding: 0.2rem 0.5rem;
    min-width: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
  }
  .solutions-box .item:hover {
    background: #f5f5f5;
  }
  .solutions-box .item:hover h3 a {
    color: #77aa36;
  }
}
.solutions-box .item h3 {
  font-size: 30px;
}
.solutions-box .item .texts span{line-height:45px; padding:8px 15px; border:1px #cecece solid;}
.news_a{overflow:hidden;margin-bottom:40px}
.news_a ul{width:120%}
.news_a li{float:left;width:450px;margin-right:30px;background-color:#f2f2f2}
.news_a li:hover .pic img{transform:scale(1.2)}
.news_a li:hover .info{background-color:#77aa36}
.news_a li a{display:block}
.news_a li .pic{overflow:hidden}
.news_a li:hover .info_a,.news_a li:hover .info_b,.news_a li:hover .info_c span{color:#fff}
.news_a li:hover .info_c span{border:solid 1px #fff}
.news_a li img{width:100%;height:270px;transition:all .5s ease}
.news_a li .info{padding:25px 30px 40px 30px}
.news_a li .info_a{font-size:14px;margin-bottom:15px}
.news_a li .info_b{font-size:24px;margin-bottom:15px}
.news_a li .info_c{text-align:right}
.news_a li .info_c span{  width: 145px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border: 1px solid #cecece;
  color: #666;
  display: block;
  border-radius: 4px;
  transition: 0.3s;}

.solutions-box .item .info {
  color: #666;
  line-height: 24px;
  height: 48px;
  display: -webkit-box;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: normal !important;
  -webkit-line-clamp: 2;
  margin: 15px 0 26px;
}
.solutions-box .item .more {
  width: 145px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border: 1px solid #cecece;
  color: #666;
  display: block;
  border-radius: 4px;
  transition: 0.3s;
}
.solutions-box .item .more:hover {
  border-color: #77aa36;
  color: #efefef;
  background: #77aa36;
}
@media (max-width: 1360px) {
  .solutions-box .item .img {
    height: 200px;
  }
}
@media (max-width: 992px) {
  .solutions-box .item h3 {
    font-size: 22px;
  }
  .solutions-box .item .more {
    width: 110px;
    height: 34px;
    line-height: 34px;
    text-align: center;
  }
}
@media (max-width: 768px) {
	.news_a ul,.news_a li{width:100%; }
	.news_a li{margin-bottom: 4%;margin-right:0px;}
	.news_a li img{height:auto;}
	.news_a li .info{padding:4%;}
  .solutions-box .item {
    margin-bottom: 0.8rem;
  }
  .solutions-box .item .img {
    height: auto;
    margin-bottom: 0.4rem;
  }
  .solutions-box .item .img img {
    width: 100%;
  }
  .solutions-box .item .info {
    margin: 0.2rem 0 0.4rem;
  }
}
@media (max-width: 480px) {
  .solutions-box .item .img {
    margin-bottom: 0.26rem;
  }
  .solutions-box .item .info {
    margin: 0.14rem 0 0.24rem;
  }
}
.solutions-article {
  padding: 0.9rem 0 1.2rem;
}
@media (min-width: 993px) {
  .solutions-main {
    max-width: 1000px;
    float: left;
    width: 68%;
  }
}
.solutions-main h2 {
  height: 0.9rem;
  font-size: 36px;
  font-weight: bold;
  text-align: center;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 0.46rem;
}

.detail_b{margin-bottom: 0.16rem;display: inline-block;}
.detail_b div {
	width: 47.5%;
}

.detail_b div.fl {
	text-align: right;
}

.detail_b div.fr {
	text-align: left;
}

.detail_b span {
	display: inline-block;
	border: solid 1px #000;
	width: 350px;
	line-height: 40px;
	font-size: 16px;
	text-align: center;
	transition: all 0.5s ease;
	margin-bottom: 15px;
}

.detail_b span:hover {
	background-color: #7cb247;
	color: #FFFFFF;
	border: solid 1px #7cb247;
}
.solutions-main .article {
  font-size: 16px;
  line-height: 1.76;
  clear:both;
}
.solutions-main .article img {
  display: block;
  margin: 10px auto;
}
@media (max-width: 1200px) {
  .solutions-main h2 {
    font-size: 30px;
  }
}
@media (max-width: 480px) {
  .solutions-main h2 {
    font-size: 22px;
    height: auto;
  }
}
.solutions-sub {
  border: 1px solid #f5f5f5;
}
@media (min-width: 993px) {
  .solutions-sub {
    margin-top: 0.9rem;
    width: 28%;
    max-width: 342px;
    float: right;
  }
}
.solutions-sub .swiper-pagination {
  top: 0;
  bottom: auto;
  text-align: right;
  height: 54px;
  line-height: 54px;
  padding-right: 0.1rem;
}
.solutions-sub .hd {
  height: 54px;
  line-height: 54px;
  background: #f5f5f5;
  padding-left: 0.2rem;
  font-size: 18px;
  font-weight: bold;
}
.solutions-sub ol {
  padding: 0 0.2rem 0.2rem;
}
.solutions-sub li {
  margin-top: 0.2rem;
}
@media (min-width: 769px) {
  .solutions-sub li {
    display: -webkit-flex;
    display: flex;
    display: -webkit-box;
    display: box;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-align: center;
    box-align: center;
  }
  .solutions-sub li .img {
    width: 40%;
    display: block;
    margin-right: 0.1rem;
    overflow: hidden;
  }
  .solutions-sub li .img img {
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
  }
  .solutions-sub li .img:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  .solutions-sub li .info {
    min-width: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
  }
}
.solutions-sub li h4 {
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  margin-bottom: 0.04rem;
}
.solutions-sub li .keywords {
  color: #999;
}
.solutions-sub li:hover h4 a {
  color: #77aa36;
}
@media (max-width: 992px) {
  .solutions-sub {
    padding-bottom: 0.2rem;
    margin-top: 0.5rem;
  }
  .solutions-sub li {
    width: 50%;
    float: left;
    padding-right: 5%;
  }
}
@media (max-width: 768px) {
  .solutions-sub {
    margin-top: 0.5rem;
  }
  .solutions-sub ol {
    padding: 0 0.1rem;
  }
  .solutions-sub li {
    padding: 0 0.1rem 0.2rem;
    margin-bottom: 0.24rem;
  }
  .solutions-sub li img {
    width: 100%;
  }
  .solutions-sub li h4 {
    margin-top: 0.2rem;
  }
  .detail_b span,.detail_b div{width:100%;}
}
.intrduction-nav {
  background: #eee;
  padding: 0.6rem 0;
}
.intrduction-nav .inner {
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: box;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  cursor: pointer;
}
.intrduction-nav .inner .item {
  width: 20%;
  text-align: center;
}
.intrduction-nav .inner .icon {
  width: 50px;
  height: 50px;
  display: block;
  margin: 0 auto 10px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.intrduction-nav .inner .ic1 {
  background-image: url('../images/ic_case_1.jpg');
}
.intrduction-nav .inner .ic2 {
  background-image: url('../images/ic_case_2.jpg');
}
.intrduction-nav .inner .ic3 {
  background-image: url('../images/ic_case_3.jpg');
}
.intrduction-nav .inner .item:hover,
.intrduction-nav .inner .active {
  color: #77aa36;
}
.intrduction-nav .inner .item:hover .icon,
.intrduction-nav .inner .active .icon {
  background-blend-mode: lighten;
  background-size: cover;
}
.intrduction-nav .inner .item:hover .ic1,
.intrduction-nav .inner .active .ic1 {
  background-image: url('../images/ic_case_1.jpg'), linear-gradient(#77aa36, #77aa36);
}
.intrduction-nav .inner .item:hover .ic2,
.intrduction-nav .inner .active .ic2 {
  background-image: url('../images/ic_case_2.jpg'), linear-gradient(#77aa36, #77aa36);
}
.intrduction-nav .inner .item:hover .ic3,
.intrduction-nav .inner .active .ic3 {
  background-image: url('../images/ic_case_3.jpg'), linear-gradient(#77aa36, #77aa36);
}
@media (max-width: 768px) {
  .intrduction-nav .inner .item {
    width: 33%;
  }
}
.cItem:not(.active) {
  display: none;
}
.intrduction-box .cItem {
  padding: 0.6rem 0 1.9rem;
  background: #f5f5f5;
}
@media (max-width: 480px) {
  .intrduction-box .cItem {
    padding-bottom: 1rem;
  }
}
.intrduction-logos {
  width: 88%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  background: #eee;
  padding: 0.7rem;
}
.intrduction-logos li {
  float: left;
  transition: 0.5s;
  margin-bottom: 0.3rem;
  padding: 0 0.2rem;
}
.intrduction-logos li:hover {
  box-shadow: 0 8px 10px rgba(0, 0, 0, 0.1);
  position: relative;
  transform: translateY(-5px);
}
@media (min-width: 993px) {
  .intrduction-logos li {
    width: 20%;
  }
}
@media (max-width: 992px) {
  .intrduction-logos li {
    width: 25%;
  }
}
@media (max-width: 768px) {
  .intrduction-logos li {
    width: 33.3%;
  }
}
@media (max-width: 640px) {
  .intrduction-logos {
    padding: 0.4rem 0.2rem 0.2rem;
    width: 96%;
  }
}
.case-box {
  padding: 1.1rem 0 1.5rem;
}
@media (max-width: 480px) {
  .case-box {
    padding: 0.5rem 0 0.6rem;
  }
}
.case-list {
  margin-left: -0.24rem;
  margin-right: -0.24rem;
}
.case-list > * {
  padding-left: 0.24rem;
  padding-right: 0.24rem;
}
.case-list li {
  margin-bottom: 0.3rem;
}
.case-list li img {
  width: 100%;
}
.case-list a {
  border: 1px solid #dedede;
  display: block;
  text-align: center;
  font-size: 20px;
  transition: 0.3s;
}
.case-list a .tit {
  height: 0.7rem;
  line-height: 0.7rem;
}
.case-list a:hover {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
  color: #77aa36;
  transform: translateY(-10px);
}
.case-list .img {
  overflow: hidden;
}
.case-list .img img {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
}
.case-list .img:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
@media (max-width: 992px) {
  .case-list .tit {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .case-list .tit {
    height: 46px;
    line-height: 46px;
  }
}
@media (max-width: 480px) {
  .case-list .tit {
    font-size: 14px;
  }
}
.news-list-box {
  padding: 0.6rem 0 0.6rem;
}
.news-list {
  margin-bottom: 1rem;
}
.news-list li {
  position: relative;
}
.news-list .bottom {
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: box;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-box-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.news-list .bottom .time {
  font-size: 18px;
  color: #666;
}
.news-list .bottom .link {
  font-size: 16px;
  transition: 0.3s;
  position: relative;
}
.news-list .bottom .link::before {
  content: '';
  display: inline-block;
  transition: 0.3s;
  vertical-align: middle;
  margin-right: 0.15rem;
  background: #77aa36;
  width: 0;
  height: 3px;
}
.news-list .info {
  line-height: 45px;
  color: #666;
  margin-bottom: 0.8rem;
  font-size: 16px;
}
@media (min-width: 769px) {
  .news-list li {
    display: table;
    width: 100%;
    padding: 0.5rem 0;
    border-bottom: 1px solid #e5e5ee;
  }
  .news-list li > * {
    display: table-cell;
    vertical-align: middle;
  }
  .news-list li::after {
    content: '';
    display: block;
    position: absolute;
    width: 0px;
    height: 1px;
    background: #77aa36;
    left: 0;
    bottom: -1px;
    transition: 0.5s ease-in;
  }
  .news-list .img {
    width: 32%;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .news-list .img img {
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
  }
  .news-list .img:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  .news-list .img img {
    width: 100%;
    visibility: hidden;
  }
  .news-list .content {
    width: 68%;
    padding-left: 0.5rem;
  }
  .news-list h3 {
    font-size: 24px;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    margin-bottom: 0.14rem;
  }
  .news-list .bottom {
    display: -webkit-flex;
    display: flex;
    display: -webkit-box;
    display: box;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-align: center;
    box-align: center;
    -webkit-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .news-list .bottom .time {
    font-size: 18px;
    font-family: medium;
  }
  .news-list li:hover::after {
    width: 100%;
  }
  .news-list li:hover h3 a {
    color: #77aa36;
  }
  .news-list li:hover .link {
    color: #77aa36;
  }
  .news-list li:hover .link::before {
    width: 30px;
  }
  .news-list .info {
    display: -webkit-box;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: normal !important;
    -webkit-line-clamp: 2;
  }
}
@media (max-width: 1360px) {
  .news-list .content h3 {
    font-size: 22px;
  }
  .news-list .content .info {
    font-size: 14px;
  }
  .news-list .bottom .link {
    font-size: 14px;
  }
  .news-list .bottom .time {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .news-list {
    border-bottom: 1px solid #e5e5e5;
  }
  .news-list li {
    margin-bottom: 0.5rem;
  }
  .news-list .img img {
    width: 100%;
  }
  .news-list .content {
    padding-top: 0.3rem;
  }
  .news-list .info {
    margin: 0.2rem 0;
    height: 60px;
    display: -webkit-box;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: normal !important;
    -webkit-line-clamp: 3;
    line-height: 30px;
  }
  .news-list .bottom {
    display: -webkit-flex;
    display: flex;
    display: -webkit-box;
    display: box;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-align: center;
    box-align: center;
    -webkit-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .news-list .bottom .link {
    color: #77aa36;
  }
  .news-list .bottom .link::before {
    width: 30px;
  }
  .news-list .bottom .time {
    font-size: 14px;
  }
}
.article-pnext {
  margin-top: 0.3rem;
  font-size: 16px;
  overflow: hidden;
  clear: both;
}
.article-pnext a {
  color: #999;
  display: block;
}
.article-pnext a:hover {
  color: #77aa36;
}
.article-pnext .pnext {
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.article-pnext .return {
  color: #666;
}
.article-pnext .return:hover {
  color: #77aa36;
}
.article-pnext .next {
  padding-right: 0.2rem;
  position: relative;
}
@media (min-width: 769px) {
  .article-pnext {
    display: -webkit-flex;
    display: flex;
    display: -webkit-box;
    display: box;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-align: center;
    box-align: center;
    -webkit-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position: relative;
    padding-bottom: 0.4rem;
  }
  .article-pnext .pnext {
    max-width: 30%;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
  }
  .article-pnext .return {
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    left: 50%;
  }
  .article-pnext .next {
    text-align: right;
  }
  .article-pnext .next .iconfont {
    position: absolute;
    right: 0;
    top: 0;
  }
}
@media (max-width: 768px) {
  .article-pnext {
    font-size: 16px;
    line-height: 2;
    text-align: left;
  }
  .article-pnext .pnext .iconfont {
    display: none;
  }
  .article-pnext .return {
    color: #666;
  }
}
.articlebox {
  width: 88%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  padding: 1rem 0;
}
.articlebox h1 {
  font-size: 36px;
  font-weight: bold;
  line-height: 1.4;
}
.articlebox .data {
  font-size: 16px;
  color: #bbb;
  margin-top: 0.2rem;
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: box;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-box-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 0.2rem;
}
.articlebox .data .view{margin-left:30px;}
.articlebox .data .tags a{margin:0px 10px;}
.articlebox article {
  padding-top: 0.6rem;
  font-size: 16px;
  color: #666;
  line-height: 2;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}
.articlebox article img {
  display: block;
  margin: 10px auto;
  width: 750px;
}
@media (max-width: 768px) {
  .articlebox h1 {
    font-size: 28px;
  }
}
@media (max-width: 640px) {
  .articlebox {
    padding: 0.7rem 0;
  }
  .articlebox h1 {
    font-size: 22px;
  }
  .articlebox .date {
    font-size: 14px;
  }
  .articlebox article {
    line-height: 1.76;
    text-indent: 2em;
  }
  .articlebox table{display:block;}
  .articlebox p,.articlebox span{line-height:30px;}
  .articlebox article > * {
    margin-bottom: 0.3rem;
  }
}
@media (max-width: 640px) {
  .articlebox article {
    font-size: 15px;
  }
}
.quality-box {
  padding: 0.5rem 0 1.8rem;
  width: 88%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}
.quality-box li {
  padding: 0.8rem 0;
  border-bottom: 1px dashed #e5e5e5;
  position: relative;
}
.quality-box li::after {
  content: '';
  display: block;
  position: absolute;
  width: 9px;
  height: 9px;
  background: #77aa36;
  border-radius: 50%;
  right: 0;
  bottom: -5px;
}
.quality-box h4 {
  font-size: 24px;
  padding-top: 0.34rem;
}
.quality-box .info {
  font-size: 16px;
  color: #666;
  line-height: 24px;
}
.quality-box .info p {
  margin-top: 20px;
  line-height: 35px;
}
.quality-box img{margin-top:50px;}
@media (min-width: 769px) {
  .quality-box li {
    display: -webkit-flex;
    display: flex;
    display: -webkit-box;
    display: box;
    -webkit-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .quality-box li .content {
    max-width: 930px;
    width: 70%;
  }
}
@media (max-width: 768px) {
  .quality-box li {
    padding: 0.5rem 0;
  }
  .quality-box .ihd {
    margin-bottom: 0.3rem;
  }
  .quality-box h4 {
    font-size: 20px;
  }
  .quality-box .info {
    font-size: 14px;
  }
  .quality-box .info p {
    margin-top: 10px;
  }
}

.servicezc{padding:0 0 1.8rem;width:88%;max-width:1400px;margin-left:auto;margin-right:auto;overflow:hidden;}
.servicezc li{padding:.3rem 0;border-bottom:1px dashed #e5e5e5;position:relative}
.servicezc li::after{content:'';display:block;position:absolute;width:9px;height:9px;background:#77aa36;border-radius:50%;right:0;bottom:-5px}
.servicezc h4{font-size:24px;padding-top:.34rem}
.servicezc .info{font-size:16px;color:#666;line-height:24px}
.servicezc .info p{margin-top:20px;line-height:30px;height: 105px;}
@media (min-width:769px){.servicezc li{display:block;-webkit-box-pack:justify;box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;width:31.3%;float:left;margin: 1%;}
.servicezc li .content{max-width:930px;width:100%}
}
@media (max-width:768px){.servicezc li{padding:.5rem 0}
.servicezc .ihd{margin-bottom:.3rem}
.servicezc h4{font-size:20px}
.servicezc .info{font-size:14px}
.servicezc .info p{margin-top:10px}
}
.dwfwzc .datas{border-top:1px solid #e5e5e5;padding:.7rem 0 0;text-align:center}
.dwfwzc .datas .val{font-size:.6rem;color:#77aa36;font-family:medium;line-height:1}
.dwfwzc .datas .tit{font-size:24px;color:#666}
.dwfwzc .datas .valbox{position:relative;display:inline-block;margin-bottom:.3rem}
.dwfwzc .datas .ic{width:.8rem;height:.8rem;position:absolute;right:-.3rem;top:0;z-index:-1}
.dwfwzc .datas .ic1{background-image:url(../images/ic_about1.jpg);background-repeat:no-repeat;background-size:contain;background-position:center center}
.dwfwzc .datas .ic2{background-image:url(../images/ic_about2.jpg);background-repeat:no-repeat;background-size:contain;background-position:center center}
.dwfwzc .datas .ic3{background-image:url(../images/ic_about3.jpg);background-repeat:no-repeat;background-size:contain;background-position:center center}
@media (max-width:992px){.dwfwzc .datas li{margin-bottom:.6rem}
}
@media (max-width:480px){.dwfwzc .datas .tit{font-size:14px}
}


.servicehd {
  border-bottom: 1px solid #e5e5e5;
  line-height: 1rem;
  font-size: 0.36rem;
}
.download-box {
  width: 88%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  padding: 1rem 0 2rem;
}
.download-box .row {
  margin-left: -0.2rem;
  margin-right: -0.2rem;
  padding-top: 0.5rem;
}
.download-box .row > * {
  padding-left: 0.2rem;
  padding-right: 0.2rem;
}
.download-box .row li {
  margin-bottom: 0.2rem;
}
.download-box .row .icon {
  background-image: url('../images/pdf.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  display: block;
  margin: 0 0.4rem 0 0.5rem;
  width: 0.48rem;
  height: 0.48rem;
}
.download-box .row a {
  background: #f5f5f5;
  display: block;
  height: 1.55rem;
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: box;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  box-align: center;
  font-size: 0.24rem;
  transition: 0.3s;
  border: 1px solid #f8f8f8;
}
.download-box .row a:hover {
  background-color: #efefef;
  border-color: #e5e5e5;
  color: #77aa36;
}
.download-box .row a:hover .icon {
  background-image: url('../images/pdf_on.png');
}
@media (max-width: 480px) {
  .download-box {
    padding: 0.6rem 0 0.8rem;
  }
  .download-box .row a {
    height: 1.2rem;
  }
}

.form-box {
  width: 88%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
  padding: 1.1rem 0 1.5rem;
}
.form-box h2 {
  font-size: 0.36rem;
  text-align: center;
  margin-bottom: 0.7rem;
}
.form-box form {
  margin-top: 0.6rem;
}
.form-box .item {
  margin-bottom: 0.36rem;
}
.form-box .item label {
  display: block;
  margin-bottom: 0.16rem;
}
.form-box .item label em {
  color: #77aa36;
}
.form-box .item textarea,
.form-box .item input {
  border: 1px solid #e5e5e5;
  display: block;
  width: 100%;
  transition: 0.3s;
}
.form-box .item textarea:focus,
.form-box .item input:focus {
  border-color: #77aa36;
}
.form-box .item input {
  height: 36px;
  line-height: 36px;
  padding-left: 0.14rem;
}
.form-box .item textarea {
  height: 2.8rem;
  padding: 0.14rem;
}
.form-box .submit {
  margin: 0.5rem auto 0;
  width: 154px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  background: #77aa36;
  color: #efefef;
  border-radius: 2em;
  cursor: pointer;
  transition: 0.3s;
}
.form-box .submit:hover {
  transform: translateY(-5px);
  box-shadow: 0 0 5px rgba(255, 87, 34, 0.8);
}
.about1 {
  width: 88%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 1.2rem;
}
.about1 h2 {
  font-size: 0.36rem;
  margin-bottom: 0.4rem;
}
.about1 .info {
  color: #666;
  line-height: 1.7;
  padding-bottom: 1.2rem;
  margin-left: -0.3rem;
  margin-right: -0.3rem;
}
.about1 .info p{line-height:45px;font-size:16px;padding:10px 0px;text-indent: 2em;text-align: justify;}
.about1 .info > * {
  padding-left: 0.3rem;
  padding-right: 0.3rem;
}
@media (max-width: 768px) {
  .about1 .info p{
   text-indent: inherit;
  }
}
@media (max-width: 480px) {
  .about1 .info {
    padding-bottom: 0.5rem;
  }
}
.about1 .datas {
  border-top: 1px solid #e5e5e5;
  padding: 0.7rem 0;
  text-align: center;
}
.about1 .datas .val {
  font-size: 0.6rem;
  color: #77aa36;
  font-family: medium;
  line-height: 1;
}
.about1 .datas .tit {
  font-size: 16px;
  color: #666;
}
.about1 .datas .valbox {
  position: relative;
  display: inline-block;
  margin-bottom: 0.3rem;
}
.about1 .datas .ic {
  width: 0.8rem;
  height: 0.8rem;
  position: absolute;
  right: -0.3rem;
  top: 0;
  z-index: -1;
}
.about1 .datas .ic1 {
  background-image: url('../images/ic_about1.jpg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.about1 .datas .ic2 {
  background-image: url('../images/ic_about2.jpg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.about1 .datas .ic3 {
  background-image: url('../images/ic_about3.jpg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.about1 .datas .ic4 {
  background-image: url('../images/ic_about4.jpg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
@media (max-width: 992px) {
  .about1 .datas li {
    margin-bottom: 0.6rem;
  }
}
@media (max-width: 480px) {
  .about1 .datas .tit {
    font-size: 14px;
  }
}
.about2 {
  padding: 0.8rem 0 0.9rem;
  background: #f5f5f5;
  padding-left: 11%;
  padding-right: 11%;
  padding-left: 6%;
  padding-right: 6%;
  width: 100%;
}
.about2 .row {
  margin-left: -5px;
  margin-right: -5px;
}
.about2 .row > * {
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 10px;
}
.about2 .top {
  background: #eee;
  text-align: center;
  padding: 0.5rem 0.2rem 0;
  height: 1.9rem;
}
.about2 .top .tit {
  font-size: 0.2rem;
  margin-bottom: 0.2rem;
  position: relative;
}
.about2 .top .tit::after {
  content: '';
  display: block;
  width: 17px;
  height: 1px;
  background: #77aa36;
  margin: 10px auto 0;
}
.about2 .top h3 {
  font-size: 0.24rem;
}
.about2 .img {
  overflow: hidden;
}
.about2 .img img {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
}
.about2 .img:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.about2 .img img {
  width: 100%;
}
@media (max-width: 768px) {
  .about2 .top {
    height: auto;
    padding-bottom: 0.5rem;
  }
  .about2 .top .tit {
    font-size: 16px;
  }
  .about2 .top h3 {
    font-size: 20px;
  }
}
.about3 {
  padding: 1rem 0 1.8rem;
  border-bottom: 1px solid #e5e5e5;
  background: url(../images/bg2.jpg) no-repeat center;
  background-size: cover;
}
.about3 .ihd {
  margin-bottom: 1rem;
}
.about3 .tit {
  font-size: 0.3rem;
}
.about3 .tit em {
  color: #77aa36;
}
.about3 .info {
  font-size: 0.16rem;
  color: #666;
  margin: 0.2rem 0 0.4rem;
}
.about3 .imgs img {
  width: 0.6rem;
  min-width: 40px;
  margin-right: 0.4rem;
}
.about3 .more{margin-top:60px; padding:10px 30px; border-radius:5px; border:1px #666 solid; color:#666;display: inline-block;}
.about3 .more:hover{background:#7daf40; border:1px #7daf40 solid; color:#ffffff;}
@media (max-width: 1200px) {
  .about3 .tit {
    font-size: 20px;
  }
  .about3 .info {
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .about3 .content {
    margin-bottom: 1rem;
  }
}
.zsSwiper {
  text-align: center;
}
.zsSwiper img {
  width: 70%;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.zsSwiper .swiper-button-next,
.zsSwiper .swiper-button-prev {
  color: #efefef;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  background: #dcdcdc;
}
.zsSwiper .swiper-button-next::after,
.zsSwiper .swiper-button-prev::after {
  font-size: 14px;
}
.zsSwiper .swiper-button-next:hover,
.zsSwiper .swiper-button-prev:hover {
  background: #77aa36;
}
@media (max-width: 480px) {
  .zsSwiper .swiper-button-next,
  .zsSwiper .swiper-button-prev {
    width: 28px;
    height: 28px;
  }
}
.about4 {
  padding: 0.9rem 0 1.2rem;
  text-align: center;
}
.about4 .ihd {
  margin-bottom: 0.9rem;
}
.about4 .ihd .en:after {
  margin-left: auto;
  margin-right: auto;
}
.about4 .bd {
  position: relative;
}
.about4 .bd::after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #f5f5f5;
  top: 80px;
}
.historySwiper {
  padding-bottom: 1rem;
  padding-top: 20px;
}
.historySwiper .swiper-button-next,
.historySwiper .swiper-button-prev {
  color: #efefef;
  border-radius: 50%;
  bottom: auto;
  top: 85px;
  width: 36px;
  height: 36px;
  background: #dcdcdc;
}
.historySwiper .swiper-button-next::after,
.historySwiper .swiper-button-prev::after {
  font-size: 14px;
}
.historySwiper .swiper-button-next:hover,
.historySwiper .swiper-button-prev:hover {
  background: #77aa36;
}
@media (max-width: 480px) {
  .historySwiper .swiper-button-next,
  .historySwiper .swiper-button-prev {
    width: 28px;
    height: 28px;
  }
}
.historySwiper li {
  width: 25%;
  padding: 0 0.5rem 0;
}
.historySwiper li .year {
  font-size: 30px;
  font-family: medium;
  color: #666;
  position: relative;
  transition: 0.3s;
  line-height: 30px;
  height: 30px;
}
.historySwiper li .year::after {
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  background: #dcdcdc;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -39px;
  border: 4px solid #eee;
  box-sizing: content-box;
  z-index: 5;
  transition: 0.3s;
}
.historySwiper li .info {
  font-size: 16px;
  color: #999;
  padding-top: 76px;
  position: relative;
}
.historySwiper li .info::after {
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  background: #eee;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
  top: 25px;
  border: 1px solid #77aa36;
  box-sizing: content-box;
  z-index: 6;
  opacity: 0;
  transition: 0.3s;
}
.historySwiper li .info::before {
  content: '';
  display: block;
  width: 1px;
  height: 23px;
  background: #dcdcdc;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
  top: 42px;
}
@media (min-width: 641px) {
  .historySwiper .swiper-slide-active + .swiper-slide .info {
    color: #333;
  }
  .historySwiper .swiper-slide-active + .swiper-slide .year {
    transform: translateY(-20px);
  }
  .historySwiper .swiper-slide-active + .swiper-slide .year:after {
    background:#7bad3d;
  }
  .historySwiper .swiper-slide-active + .swiper-slide .info:after {
    opacity: 1;
  }
}
@media (max-width: 1200px) {
  .historySwiper li {
    width: 33.33%;
  }
}
@media (max-width: 992px) {
  .historySwiper li .info {
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .historySwiper {
    width: 100%;
  }
}
@media (max-width: 640px) {
  .historySwiper li {
    width: 50%;
    padding: 0 0.3rem;
  }
  .historySwiper li .year {
    font-size: 20px;
    padding-top: 15px;
  }
  .historySwiper .swiper-slide-active .info {
    color: #333;
  }
  .historySwiper .swiper-slide-active .year {
    transform: translateY(-10px);
  }
  .historySwiper .swiper-slide-active .year:after {
    background: #eee;
  }
  .historySwiper .swiper-slide-active .info:after {
    opacity: 1;
  }
}
.logosbox .inner {
  max-width: 710px;
  position: relative;
  height: 4.8rem;
  margin: 0 auto;
}
@media (max-width: 992px) {
  .logosbox .inner {
    height: 6rem;
  }
}
@media (max-width: 768px) {
  .logosbox .inner {
    height: 7rem;
  }
}
@media (max-width: 640px) {
  .logosbox .inner {
    height: 5.5rem;
  }
}
@media (max-width: 480px) {
  .logosbox .inner {
    height: 4.5rem;
  }
}
.logosbox img {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
  border-radius: 50%;
  position: absolute;
  width: 18%;
  max-width: 100px;
}
.logosbox .logo1 {
  top: 10px;
  left: 0;
  animation-duration: 0.5s;
  animation-delay: 0.2s;
  max-width: 90px;
}
.logosbox .logo2 {
  left: 30%;
  top: 5%;
  animation-duration: 2s;
  animation-duration: 0.5s;
  max-width: 86px;
}
.logosbox .logo3 {
  right: 0;
  top: 0;
  animation-duration: 0.3s;
  animation-delay: 1s;
  max-width: 75px;
}
.logosbox .logo4 {
  left: 20%;
  top: 40%;
  animation-delay: 0.4s;
  animation-duration: 0.8s;
  width: 22%;
  max-width: 120px;
}
.logosbox .logo5 {
  left: 60%;
  top: 30%;
  animation-duration: 2s;
  width: 25%;
  max-width: 150px;
}
.logosbox .logo6 {
  left: 5%;
  bottom: 0px;
  animation-delay: 0.5s;
  animation-duration: 0.4s;
  max-width: 100px;
}
.logosbox .logo7 {
  left: 50%;
  bottom: 10%;
  animation-duration: 0.5s;
}
.logosbox .logo8 {
  right: 5%;
  bottom: 0px;
  animation-delay: 0.3s;
  animation-duration: 0.4s;
}
.bshare-custom .iconfont {
  padding-left: 0;
  margin-left: 15px;
  background: none !important;
  font-size: 20px;
  color: #cccccc;
  text-decoration: none!important;
}
.bshare-custom .iconfont:hover {
  color: #77aa36;
}
.bshare-custom .bshare-weixin::after {
  content: "\e615";
}
.bshare-custom .bshare-qqim::after {
  content: "\e612";
}
.bshare-custom .bshare-sinaminiblog::after {
  content: "\e63e";
}
.bsBox,
.bsBox * {
  box-sizing: content-box;
}
/*# application-list */
.bggray{background:#f2f2f3}
.bannerny{position:relative;height:4rem}
.bannerny._about{height:7rem;max-height:calc('~(100vh - 80px)')}
.bannerny .bg{background-repeat:no-repeat;background-size:cover;background-position:center;position:absolute;left:0;top:0;width:100%;height:100%}
.bannerny .content{position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);z-index:5;white-space:nowrap;text-align:center;color:#fff}
.bannerny h2{font-size:48px;margin-bottom:10px;letter-spacing:2px}
.bannerny .desc{font-size:18px}
@media (max-width:640px){.bannerny{height:4rem!important}
.bannerny h2{font-size:30px}
.bannerny .desc{font-size:16px}
}
.bannerny .content2{color:#fff;display:-webkit-flex;display:flex;display:-webkit-box;display:box;-webkit-box-orient:vertical;box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-box-pack:center;box-pack:center;height:100%}
.bannerny .content2 .en{text-transform:uppercase;font-size:.6rem}
.bannerny .content2 h2{font-size:36px}
@media (max-width:768px){.bannerny .content2 .en{font-size:40px}
.bannerny .content2 h2{font-size:30px}
}
@media (max-width:640px){.bannerny .content2 .en{font-size:30px}
.bannerny .content2 h2{font-size:24px}
}
@media (max-width:480px){.bannerny h2{font-size:24px;margin-bottom:6px}
.bannerny .desc{font-size:14px}
}
.application-list .item{background:#f2f2f3;padding:40px;margin-top:1rem}
@media (max-width:640px){.application-list .item{padding:.4rem}
}
.application-list h2{font-size:36px;background-repeat:no-repeat;background-position:0 -3px;padding-left:60px;line-height:50px;height:50px;background-size:50px}
.application-list .desc{margin:20px 0 .4rem;font-size:16px;color:#666;line-height:30px}
@media (max-width:992px){.application-list h2{font-size:30px;background-size:42px;padding-left:50px;background-position:-2px center}
.application-list .desc{margin-top:10px}
}
@media (max-width:480px){.application-list h2{font-size:20px;background-size:26px;padding-left:30px;line-height:26px;height:26px}
.application-list .desc{font-size:14px;line-height:1.76}
}
.application-list .vSwiper{padding-bottom:.8rem}
@media (max-width:640px){.application-list .vSwiper{padding-bottom:1rem}
}
.application-list .vSwiper li{width:calc((25% - .15rem));margin-right:.2rem;text-align:center}
.application-list .vSwiper li .img{border-radius:10px}
.application-list .vSwiper li .tit{font-size:18px;color:#666;padding-top:20px}
@media (max-width:992px){.application-list .vSwiper li{width:calc((33.33% - .2rem));margin-right:.3rem}
}
@media (max-width:640px){.application-list .vSwiper li{width:calc((50% - .1rem));margin-right:.2rem}
.application-list .vSwiper li .tit{font-size:16px;padding-top:16px}
}
@media (max-width:480px){.application-list .vSwiper li .tit{font-size:14px}
}

.dwhonor {
  padding: 1rem 0;
}
.dwhonor .tit1 {
  margin-bottom: 0.7rem;
}
.dwhonor li {
  margin-bottom: 0.36rem;
}
.dwhonor .inner {
  background: #fff;
  text-align: center;
  padding: 0.24rem 0.24rem 0;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}
.dwhonor .inner p {
  line-height: 0.6rem;
  font-size: 16px ;
  color: #666;
}
.dwhonor .inner .img {
  overflow: hidden;
}
.dwhonor .inner .img img {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
}
.dwhonor .inner .img:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.dwhonor .inner img {
  width: 100%;
   min-height: 396px;
}
.dwhonor li:hover p {
  color: #77aa36;
}
@media (max-width: 640px) {
  .dwhonor .row {
    margin-left: -5px;
    margin-right: -5px;
  }
  .dwhonor .row > * {
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px;
  }
  .dwhonor .inner {
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
  }
    .dwhonor .inner img {
    min-height:auto;
   }
}
@media (max-width: 480px) {
  .dwhonor .inner p {
    font-size: 14px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  
  }
}
.photos-popup {
  display: none;
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 999;
}
.photos {
  width: 90%;
  height: 70%;
  position: fixed;
  left: 5%;
  top: 15%;
  --swiper-theme-color: #7daf40;
  /* 设置Swiper风格 */
}
.photos .swiper-button-prev,
.photos .swiper-button-next {
  z-index: 999;
  transition: 0.3s;
}
.photos .swiper-button-prev:hover,
.photos .swiper-button-next:hover {
  transform: scale(1.5);
}
.photos .pnexts {
  max-width: 1200px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 96%;
  z-index: 9999;
}
.photos .swiper-pagination {
  color: #fff;
}
.photos .swiper-slide {
  display: flex;
  text-align: center;
}
.photos .swiper-slide img {
  margin: auto;
  height: auto;
  width: 100%;
  display: block;
  max-width: 500px;
}
.photosBtn img {
  width: 300px;
}

.pagination {
  text-align: center;
  margin-top: 0.5rem;
  display: block;
}
.pagination li {
  margin: 0 2px;
}
@media (max-width: 480px) {
  .pagination li {
    margin: 0 2px;
  }
  .pagination li > * {
    padding: 5px 12px;
  }
}
.pagination .active > a,
.pagination .active > span,
.pagination .active > a:hover,
.pagination .active > span:hover,
.pagination .active > a:focus,
.pagination .active > span:focus {
  background: #000;
  color: #fff;
  border-color: #000;
}
.pagination li > a,
.pagination li > span {
  float: none;
  display: inline-block;
  cursor: pointer;
  color: #333;
  border-color: #e6e6e6;
  background: #fdfdfd;
  padding: 6px 12px;
  border: 1px #ddd solid;
}
.pagination .page-num-current{background:#77aa36; color:#ffffff;}
.good-list{background:#f2f2f3;padding:1rem 0 1.2rem}
.good-list ul{max-width:1440px}
.good-list li+li{margin-top:.6rem}
.good-list li{background:#fff;padding:.8rem .5rem}
@media (min-width:992px){.good-list li{display:-webkit-flex;display:flex;display:-webkit-box;display:box}
.good-list li .content,.good-list li .imgs{width:46%}
.good-list li .content{margin-right:8%}
}
.good-list .content .type{font-size:24px;text-transform:uppercase}
.good-list .content h3{font-size:48px}
.good-list .content h3::after {content: ''; display: block;margin-top: 20px;width: 100px;height: 4px;background: #77aa36;}
.good-list .content .desc{padding-top:20px;font-size:16px;line-height:30px;color:#666}
.good-list .info_c{overflow:hidden;margin-top:20px;border-left:solid 1px #f2f2f3;border-bottom: solid 1px #f2f2f3;}
.good-list .info_c dl{float:left;width:50%;box-sizing:border-box;border:solid 1px #f2f2f3;border-left:none;border-bottom: none;text-align:center;padding:10px 20px;}
.good-list .info_c dt{font-size:14px;margin-bottom:5px}
.good-list .info_c dd{font-size:24px;color:#7cb247}
.good-list dl{display:-webkit-flex;display:flex;display:-webkit-box;display:box;-webkit-align-items:center;align-items:center;-webkit-box-align:center;box-align:center;text-align:center}
.good-list dl dd{width:100%}
.good-list dl .img{display:block;text-align:center;margin:0 auto 20px;}
.good-list dl .img .coverimg{background-size:contain;background-repeat:center bottom}
.good-list dl .img:hover .coverimg{transform:scale(.98)}
.good-list dl .img:hover .more{text-decoration:underline;}
.good-list .prot{padding: 20px;background: #f9f9f9;}
.good-list dl .id{font-size:22px;margin-bottom:6px;}
.good-list dl .more{font-size:16px;color:#77aa36}
@media (max-width:1200px){.good-list .content .type{font-size:20px}
.good-list .content h3{font-size:36px}
.good-list dl .id{font-size:18px}
}
@media (max-width:991px){.good-list .content{margin-bottom:.5rem}
}
@media (max-width:640px){.good-list li{padding:.4rem .3rem}
.good-list .content .type{font-size:15px;margin-bottom:3px}
.good-list .content h3{font-size:30px}
.good-list dl .id{font-size:20px}
.good-list dl .more{font-size:14px}
.good-list .info_c dl{padding: 5px;}
.good-list .info_c dt{font-size: 12px;}
.good-list .info_c dd{font-size: 12px;width: 70%;}
}
@media (max-width:480px){.good-list .content h3{font-size:22px}
.good-list .content .desc{font-size:14px;line-height:1.7;padding-top:10px}
.good-list dl .id{font-size:14px}
}
@media (max-width:360px){.good-list dl .id{font-size:12px}
}


.index_data{background-color:#7bac3c;padding:.64rem 0;color:#fff}
@media (min-width:1200px){.index_data .wrap{display:-webkit-flex;display:flex;display:-webkit-box;display:box;-webkit-align-items:center;align-items:center;-webkit-box-align:center;box-align:center;-webkit-box-pack:justify;box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}
.index_data .wrap li:nth-child(1),.index_data .wrap li:nth-child(2){width:auto; padding:0% 1%;}
.index_data .wrap li:nth-child(3),.index_data .wrap li:nth-child(3){width:25%; padding:0% 1%;}
}
@media (max-width:992px){.index_data .wrap li{padding:.4rem 0 .6rem}
}
@media (min-width:992px) and (max-width:1199px){.index_data .wrap{display:flex;flex-wrap:wrap}
.index_data .wrap li{width:50%;border-bottom:1px solid rgba(255,255,255,.5)}
}
.index_data .top{display:-webkit-flex;display:flex;display:-webkit-box;display:box;-webkit-align-items:center;align-items:center;-webkit-box-align:center;box-align:center;margin-bottom:10px}
.index_data .ic{background-repeat:no-repeat;background-position:center;width:.5rem;height:.5rem;background-size:.8rem;box-sizing:content-box;display:block;margin-right:.22rem;padding:8px;border:1px dashed #fff;border-radius:50%;transition:.6s}
.index_data .ic.ic1{background-image:url(../images/pro_ic1.png)}
.index_data .ic.ic2{background-image:url(../images/pro_ic2.png)}
.index_data .ic.ic3{background-image:url(../images/pro_ic3.png)}
.index_data .ic.ic4{background-image:url(../images/pro_ic4.png)}
.index_data li:Hover .ic{transform:rotate(360deg)}
.index_data .data{display:-webkit-flex;display:flex;display:-webkit-box;display:box;-webkit-align-items:center;align-items:center;-webkit-box-align:center;box-align:center;min-width:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1}
.index_data .data .num{font-size:60px;font-family:medium;margin-right:14px}
.index_data .unit{font-size:22px;min-width:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1}
.index_data .unit em{font-size:30px;display:block;font-family:medium;margin-bottom:3px}
.index_data .desc{padding-left:1.26rem;font-size:16px;line-height:1.5}
@media (max-width:768px){.index_data li+li{border-top:1px solid rgba(255,255,255,.5)}
.index_data .ic{width:1rem;height:1rem;background-size:1rem}
.index_data .data .num{font-size:60px}
.index_data .data .unit{font-size:16px}
.index_data .data .unit em{font-size:22px}
.index_data .desc{padding-left:1.66rem}
}
@media (max-width:480px){.index_data .unit em{margin-bottom:0}
.index_data .ic{width:.8rem;height:.8rem}
.index_data .top{margin-bottom:5px}
.index_data .data .num{font-size:50px;margin-right:6px}
.index_data .desc{padding-left:1.5rem;font-size:15px}
}

.good-func-introduce{padding:.8rem 0;text-align:center;background:url(../images/cp_bg2.html) no-repeat center center;background-size:cover}

.hzbox{padding-top:0.8rem;padding-bottom:1rem}
.hd3{text-align:center;font-size:.48rem;padding-bottom:.22rem;position:relative;margin-bottom:.5rem}
.hd3::after{content:'';display:block;width:.4rem;height:3px;background-color:#77aa36;position:absolute;left:50%;transform:translateX(-50%);z-index:5;bottom:0}
@media (max-width:1200px){.hd3{font-size:30px}
}
@media (max-width:768px){.hd3{font-size:24px}
}
.hz_skill .list{display:flex;flex-wrap:wrap}
@media (max-width:768px){.hz_skill .list{justify-content:space-between}
}
.hz_skill li{text-align:center;width:23%;padding:1%;background-color: #f3f3f3;border-radius: 0.2rem;margin:1%}
.hz_skill li .ic,.hz_skill li .icb{width:1rem;height:1rem;display:block;margin:0 auto .3rem;border-radius:.2rem;background-repeat:no-repeat;background-position:center;background-size: 1rem;background-color: #f3f3f3;}
.hz_skill li .icc{width:64px;height:64px;display:block;margin:0.3rem auto;background-repeat:no-repeat;background-position:center;background-color: #f3f3f3;}
.hz_skill li:hover{color:#77aa36;}
.hz_skill li .ic.ic1{background-image:url(../images/fw/prosofta1.jpg)}
.hz_skill li .ic.ic2{background-image:url(../images/fw/prosofta2.jpg)}
.hz_skill li .ic.ic3{background-image:url(../images/fw/prosofta3.jpg)}
.hz_skill li .ic.ic4{background-image:url(../images/fw/prosofta4.jpg)}
.hz_skill li .ic.ic5{background-image:url(../images/fw/prosofta5.jpg)}
.hz_skill li .ic.ic6{background-image:url(../images/fw/prosofta6.jpg)}
.hz_skill li .ic.ic7{background-image:url(../images/fw/prosofta7.jpg)}
.hz_skill li .ic.ic8{background-image:url(../images/fw/prosofta8.jpg)}
.hz_skill li .ic.ic9{background-image:url(../images/fw/prosofta9.jpg)}
.hz_skill li .ic.ic10{background-image:url(../images/fw/prosofta10.jpg)}
.hz_skill li .ic.ic11{background-image:url(../images/fw/prosofta11.jpg)}
.hz_skill li .ic.ic12{background-image:url(../images/fw/prosofta12.jpg)}
.hz_skill li .icb.icb1{background-image:url(../images/dw/probsoft1.jpg)}
.hz_skill li .icb.icb2{background-image:url(../images/dw/probsoft2.jpg)}
.hz_skill li .icb.icb3{background-image:url(../images/dw/probsoft3.jpg)}
.hz_skill li .icb.icb4{background-image:url(../images/dw/probsoft4.jpg)}
.hz_skill li .icb.icb5{background-image:url(../images/dw/probsoft5.jpg)}
.hz_skill li .icb.icb6{background-image:url(../images/dw/probsoft6.jpg)}
.hz_skill li .icb.icb7{background-image:url(../images/dw/probsoft7.jpg)}
.hz_skill li .icb.icb8{background-image:url(../images/dw/probsoft8.jpg)}
.hz_skill li .icb.icb9{background-image:url(../images/dw/probsoft9.jpg)}
.hz_skill li .icb.icb10{background-image:url(../images/dw/probsoft10.jpg)}
.hz_skill li .icb.icb11{background-image:url(../images/dw/probsoft11.jpg)}
.hz_skill li .icb.icb12{background-image:url(../images/dw/probsoft12.jpg)}
.hz_skill li .icb.icb13{background-image:url(../images/dw/probsoft13.jpg)}
.hz_skill li .icc.icc1{background-image:url(../images/procsoft1.png)}
.hz_skill li .icc.icc2{background-image:url(../images/procsoft2.png)}
.hz_skill li .icc.icc3{background-image:url(../images/procsoft3.png)}
.hz_skill li .icc.icc4{background-image:url(../images/procsoft4.png)}
.hz_skill li .icc.icc5{background-image:url(../images/procsoft5.png)}
.hz_skill li .icc.icc6{background-image:url(../images/procsoft6.png)}
.hz_skill li .icc.icc7{background-image:url(../images/procsoft7.png)}
.hz_skill li .icc.icc8{background-image:url(../images/procsoft8.png)}
@media (max-width:640px){.hz_skill li .ic{margin-bottom:.14rem}
}
.hz_skill li h3{font-size:20px;margin-bottom:.1rem;font-weight: bold;}
.hz_skill li p{font-size:14px;color:#666;line-height:1.76;max-width:3.7rem;margin:0 auto}
@media (max-width:768px){.hz_skill li{padding:0;width:48%}
}
@media (max-width:640px){.hz_skill li h3{font-size:16px;color:#666}
}
@media (max-width:479px){.hz_skill li{width:48%}
.hz_skill li h3{font-size:14px}
}
@media (max-width:380px){.hz_skill li h3{font-size:12px}
}


.w1440{width:88vw;max-width:1680px;margin-left:auto;margin-right:auto}
@media (max-width:639px){.w1440{width:98%}
}
@media (min-width:1680px){.w1440{max-width:1440px}
}
.good-info-desc{background-repeat:no-repeat;background-size:cover;background-position:center}
@media (min-width:641px){.good-info-desc .wrap{display:flex;align-items:stretch;justify-content:space-between;height:8.4rem}
.good-info-desc .wrap .content{width:45%;display:-webkit-flex;display:flex;display:-webkit-box;display:box;-webkit-box-orient:vertical;box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-box-pack:center;box-pack:center}
.good-info-desc .wrap .img{width:50%;display:flex;align-items:flex-end;justify-content:flex-end}
}
@media (min-width:641px) and (max-width:1360px){.good-info-desc .wrap .wrap{height:6.6rem}
.good-info-desc .wrap .type{font-size:.4rem}
}
@media (min-width:641px) and (max-width:768px){.good-info-desc .wrap{height:7rem}
.good-info-desc .wrap .content{width:40%}
.good-info-desc .wrap .img{width:56%}
}
@media (max-width:640px){.good-info-desc .wrap{margin:0 4vw;padding-top:.6rem}
}
@media (max-width:480px){.good-info-desc .wrap .type{font-size:18px}
.good-info-desc .wrap h2{font-size:22px}
.good-info-desc .wrap .desc{font-size:15px;line-height:1.76}
}
@media (max-width:767px){.good-info-desc{background:#fff;background-size:cover!important}
}
.good-info-desc h2{font-size:.48rem;font-weight:700;color: rgba(255, 255, 255, 0.5);}
.good-info-desc .type{font-size:.6rem;white-space:nowrap;margin:.1rem 0 .4rem;color: #eee;text-transform:uppercase;}
.good-info-desc .type::after {content: ''; display: block;margin-top: 20px;width: 100px;height: 4px;background: #77aa36;}
.good-info-desc .desc{font-size:16px;line-height:30px}
.good-info-desc .desc p{color: rgba(255, 255, 255, 0.5);background: #00000091;padding: 20px;}
@media (max-width:640px){.good-info-desc .img{width:100%;margin:.2rem auto 0}
.good-info-desc .type{font-size:.5rem}
}
.xy-video{position:relative;background-repeat:no-repeat;background-size:cover;background-position:center;height:6.25rem}
.xy-video .cover{position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.6);z-index:55;text-align:center;color:#fff;display:-webkit-flex;display:flex;display:-webkit-box;display:box;-webkit-box-orient:vertical;box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-box-pack:center;box-pack:center}
.xy-video .tit{font-size:36px}
@media (max-width:640px){.xy-video .tit{letter-spacing:2px;font-size:26px;padding-top:10px}
}
@media (max-width:480px){.xy-video .tit{font-size:20px}
}
.play-box{width:.92rem;height:.92rem;margin:0 auto .8rem;position:relative;z-index:555;cursor:pointer}
.play-box .icon,.play-box .round{display:block;width:.92rem;height:.92rem;border-radius:50%}
.play-box .icon{background:url(../images/play.html) no-repeat center center;background-size:contain}
.play-box .round{border:1px solid #fff;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);z-index:5;box-sizing:content-box}
.play-box .r1{animation:scale3 3s infinite linear}
.play-box .r2{animation:scale3 3s infinite linear;animation-delay:1s}
.play-box .r3{animation:scale3 3s infinite linear;animation-delay:2s}
@-webkit-keyframes scale1{from{padding:0;opacity:1}
to{padding:20px;opacity:0}
}
@-webkit-keyframes scale2{from{padding:0;opacity:1}
to{padding:30px;opacity:0}
}
@-webkit-keyframes scale3{from{padding:0;opacity:1}
to{padding:40px;opacity:0}
}


.index_advantage{position:relative;overflow:hidden;padding:1rem 0;background:#000;color:#fff}
.index_advantage canvas{position:absolute;right:0;bottom:0;left:0;z-index:1;height:100%;opacity:.7}
.index_advantage .wrap{position:relative;z-index:55}
.index_advantage .vhd{margin-bottom:.7rem;text-align:center}
.index_advantage .row{display:flex;margin-right:-.1rem!important;margin-left:-.1rem!important;flex-wrap:wrap;align-items:str}
.index_advantage .row>*{padding-right:.1rem!important;padding-left:.1rem!important}
.index_advantage li{margin-bottom:.2rem}
@media (min-width:641px){.index_advantage li:nth-child(2n+1){clear:both}
}
.index_advantage .inner{position:relative;padding:32px 35px;height:100%;border-radius:10px;background-color:rgba(25,48,55,.8);transition:.6s}
.index_advantage .inner:hover{background-color:#193037}
.index_advantage .inner:hover h3::before{width:100px}
.index_advantage .inner h3{position:relative;margin-bottom:12px;padding-bottom:10px;font-size:20px}
.index_advantage .inner h3::before{position:absolute;bottom:0;left:0;display:block;width:20px;height:2px;background-color:#77aa36;content:'';transition:.6s}
.index_advantage .inner .txt{min-height:112px;text-align:left;line-height:28px}
.index_advantage .inner .ic{width:60px;height:60px;background-position:center;background-size:contain;background-repeat:no-repeat}
@media (min-width:993px){.index_advantage .inner .ic{position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}
}
@media (max-width:992px){.index_advantage .inner .ic{display:block;margin:0 auto 20px}
}
.index_advantage .inner .ic.ic1{background-image:url(../images/ic_a1.html)}
.index_advantage .inner .ic.ic2{background-image:url(../images/ic_a2.html)}
.index_advantage .inner .ic.ic3{background-image:url(../images/ic_a3.html)}
.index_advantage .inner .ic.ic4{background-image:url(../images/ic_a4.html)}
.index_advantage .inner .ic.ic5{background-image:url(../images/ic_a5.html)}
.index_advantage .inner .ic.ic6{background-image:url(../images/ic_a6.html)}
@media (min-width:993px){.index_advantage .inner{padding-right:25%}
}
@media (max-width:992px){.index_advantage .inner{text-align:center}
.index_advantage .inner h3::before{left:50%;transform:translateX(-50%)}
}
@media (max-width:640px){.index_advantage .inner{padding:.6rem 20px}
}
@media (max-width:480px){.index_advantage .inner .txt{min-height:72px;line-height:24px}
}
@media (max-width:460px){.index_advantage .inner .txt{min-height:96px;line-height:24px}
}
.index_advantage .swiper_advantage{padding-bottom:.8rem}
.index_advantage .swiper_advantage ul{align-items:stretch}
.index_advantage .swiper_advantage li{background-color:rgba(25,48,55,.8)}
.index_advantage .swiper_advantage .swiper-pagination-bullet{border:1px solid #fff;background:0 0;opacity:1;transition:.6s}
.index_advantage .swiper_advantage .swiper-pagination-bullet-active{border-color:#45b8dc;background-color:#45b8dc}


.hz_case{background:#f2f2f3}
.hz_case .row{margin-left:-.15rem!important;margin-right:-.15rem!important}
.hz_case .row>*{padding-left:.15rem!important;padding-right:.15rem!important}
.hz_case .type{font-size: 24px; line-height:35px; padding-top: 10px;}
.hz_case .info_c{overflow:hidden;margin-top:20px;border-left:solid 1px #f2f2f3;border-bottom: solid 1px #f2f2f3;}
.hz_case .info_c dl{float:left;width:50%;box-sizing:border-box;border:solid 1px #f2f2f3;border-left:none;border-bottom: none;text-align:center;padding:10px 20px;}
.hz_case .info_c dt{font-size:14px;margin-bottom:5px}
.hz_case .info_c dd{font-size:24px;color:#7cb247}
.hz_case ul li a:hover,.hz_case ul li a:hover dd{color:#ffffff;}
@media (max-width:768px){.hz_case .row{margin-left:-.1rem!important;margin-right:-.1rem!important}
.hz_case .row>*{padding-left:.1rem!important;padding-right:.1rem!important}
}
.hz_case li{margin-bottom:.3rem}
@media (max-width:768px){.hz_case li{margin-bottom:.2rem}
}
.hz_case .inner{background:#fff;padding:.2rem;text-align:center}
.hz_case .inner .tit{font-size:20px;line-height:60px}
.hz_case .inner:hover{background-color:#77aa36}
.hz_case .inner:hover .tit{color:#fff}
@media (max-width:1200px){.hz_case .inner .tit{font-size:16px;line-height:50px}
}
@media (max-width:480px){.hz_case .inner{padding:.1rem}
.hz_case .inner .tit{font-size:15px;line-height:40px}
.hz_case .info_c dd{font-size:18px;}
}
#proc .hd2{color: #eee;text-align: center;padding-top: 0.8rem;}
.good-info-list{padding:1.2rem 0}
.good-info-list li{margin-bottom:.8rem}
.good-info-list .img{border-radius:.2rem}
@media (min-width:480px){.good-info-list dl{padding:0 5%}
}
.good-info-list dt{font-size:.36rem;margin-bottom:.26rem;color:#eee;}
.good-info-list dt::after {content: ''; display: block;margin-top: 20px;width: 100px;height: 4px;background: #77aa36;}
.good-info-list dd{font-size:14px;color:#8f8f8f;line-height:30px;}
@media (min-width:640px){.good-info-list li{display:flex;align-items:center}
.good-info-list li:nth-child(2n) .info{order:-1}
.good-info-list .img{width: 40%;}
.good-info-list .info{width: 60%;}
}
@media (max-width:640px){.good-info-list dl dt{font-size:20px}
.good-info-list dl dd{font-size:16px;line-height:1.76}
}
@media (max-width:639px){.good-info-list dl{padding-top:.5rem}
}
@media (max-width:480px){.good-info-list dl dt{font-size:18px}
.good-info-list dl dd{font-size:14px}
}
.hd2{font-size:.48rem;color:#333;position: relative;}
.hd2::after{content:'';display:block;width:.4rem;height:3px;margin-top: 0.22rem;background-color:#77aa36;position:absolute;left:50%;transform:translateX(-50%);z-index:5;}
@media (max-width:480px){.hd2{font-size:22px}
}
.good-function{padding:.9rem 0 1rem;color:#fff;text-align:center;position:relative}
.good-function iframe{position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1}
.good-function .hd2{margin-bottom:.9rem;color: #eee;}
.good-function ul{max-width:1560px}
.good-function li{width:14.2%;float:left;font-size:20px;margin-bottom:.8rem;transition:.6s}
.good-function li img{width:1rem;height:1rem;display:block;margin:0 auto 16px;transition:.6s}
.good-function li:nth-child(8) img,.good-function li:nth-child(9) img{display:none;}
.good-function li:hover{transform:translateY(-5px)}
@media (max-width:992px){.good-function li{width:33.3%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 12px;margin-bottom: 0.4rem;}
.good-function li:nth-child(8) img,.good-function li:nth-child(9) img{display:block;}
}
@media (max-width:480px){.good-function li{width:33.33%;font-size:14px}
.good-function li img{width:64px;height:64px;margin-bottom:12px}
}
.good-function ul.col4{max-width:1400px}
.good-function ul.col4 li{width:25%}
.good-data{padding:.8rem 0}
.good-data .hd2{text-align:center;margin-bottom:.5rem}
.good-application{background:#f2f2f3;padding:.8rem 0 1.2rem;text-align:center}
.good-application .hd2{margin-bottom:.5rem}
.good-application .swiperBox{position:relative}
.good-application .swiperBox div[class*=swiper-button-]{width:60px;height:60px;line-height:60px;text-align:center;background:#fff;border-radius:50%;border:1px solid #77aa36}
.good-application .swiperBox div[class*=swiper-button-]::after{font-size:20px}
.good-application .swiperBox div[class*=swiper-button-]:hover{background-color:#77aa36;color:#fff}
.good-application .pnext-box{position:absolute;left:0;top:0;right:0;bottom:1rem}
.good-application .vSwiper li{overflow:hidden;}
.good-application .vSwiper li:hover p,.good-application .vSwiper li:hover .texts{background:#77aa36; color:#ffffff;}
.good-application .vSwiper li img{transition: all 0.6s ease;}
.good-application .vSwiper li:hover img{filter:alpha(opacity=80);transform: scale(1.1);}
@media (max-width:1360px){.good-application .pnext-box{display:none}
}
.good-application .vSwiper{padding-bottom:.8rem;max-width:1440px}
@media (max-width:640px){.good-application .vSwiper{padding-bottom:1rem}
}
.good-application .vSwiper li{width:calc(33% - .2rem);margin-right:.3rem;background:#fff;border:1px solid #f2f2f3}
.good-application .vSwiper li .tit{height:66px;display:-webkit-flex;display:flex;display:-webkit-box;display:box;-webkit-align-items:center;align-items:center;-webkit-box-align:center;box-align:center;-webkit-box-pack:center;box-pack:center;-webkit-justify-content:center;justify-content:center;font-size:20px}
.good-application .vSwiper li .texts{padding: 0px 20px 20px;width: 100%;overflow: hidden;}
.good-application .vSwiper li .texts span{ width:50%; float:left;line-height:30px;}
@media (max-width:640px){.good-application .vSwiper li{width:calc(50% - .1rem);margin-right:.2rem}
.good-application .vSwiper li .tit{font-size:16px;height:50px}
.good-application .vSwiper li .texts span{width:100%;}
}
table{width:100%;border:0;border-top:1px solid #f2f2f3!important;font-size:16px;line-height:1.6;border-bottom:1px solid #f2f2f3!important}
table td{padding:20px 16px 20px 20px;vertical-align:top;border:1px solid #ffffff;}
@media (min-width:769px){table td:nth-child(1),table td:nth-child(3){white-space:nowrap}
}
@media (max-width:768px) and (min-width:641px){table td{font-size:14px}
table td:nth-child(1),table td:nth-child(3){width:80px;padding-left:.2rem;padding-right:0}
}
@media (min-width:641px){table tr:nth-child(2n){background:#f2f2f3}table tr{background:#f9f9f9}
}
@media (max-width:640px){table{font-size:12px;display: inline-block;}
/*table td{display:block}*/
table td:nth-child(2n+1){color:#77aa36; padding:3.2px}
table td:nth-child(2n){border-bottom:1px solid #f2f2f3;padding:3.2px}
table tbody{width:100%;display: table;}  
}
@media (max-width:380px){
  table{font-size:10px;table-layout:fixed;overflow-y: auto;width: 100%;}
  table tbody{width:100%;display: table;}
}
.quote-box{background-color:#fefefe;padding:.8rem 0 1.1rem}
.quote-box .wrap{max-width:1440px}
.quote-box .hd{margin-bottom:.4rem;text-align:center;color:#fff}
.quote-box .hd .en{text-transform:uppercase;color:#fff;padding-top:6px;font-size:18px}
.quote-box .layui-form{padding:58px 58px 80px;position:relative;background-color:#111;min-height:296px}
@media (min-width:1200px){.quote-box .layui-form .tit{position:absolute;left:0;top:0;bottom:0;width:10%;background:url(../images/quite.html) no-repeat left center;background-size:auto 100%;color:#fff;font-size:36px;text-transform:uppercase;writing-mode:vertical-lr;writing-mode:tb-lr;white-space:nowrap;font-weight:700}
.quote-box .layui-form .tit span{position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);z-index:5}
}
@media (max-width:640px){.quote-box .layui-form{padding:.7rem .5rem} .quote-box .layui-form .item{width:100%; float:left;}
}
@media (max-width:480px){.quote-box .layui-form{padding:.5rem .4rem}
}
@media (min-width:1200px){.quote-box .form-inner{padding-left:10%}
}
.quote-box .row{margin-left:-.1rem!important;margin-right:-.1rem!important}
.quote-box .row>*{padding-left:.1rem!important;padding-right:.1rem!important}
.quote-box .layui-input{margin-bottom:40px}
.quote-box textarea{resize:none;padding:0 .3rem!important}
.quote-box .layui-input,.quote-box textarea{height:60px;border-radius:4px;background-color:#eee;border:0;font-size:16px;padding-left:.3rem; width: 100%;}
@media (min-width:993px){.quote-box .btnbox{display:-webkit-flex;display:flex;display:-webkit-box;display:box;-webkit-align-items:center;align-items:center;-webkit-box-align:center;box-align:center;-webkit-box-pack:justify;box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}
}
.quote-box .btnbox .submit{width:2.2rem;text-align:center;height:60px;line-height:60px;background-color:#77aa36;color:#fff;font-size:16px;border-radius:4px;transition:.6s;letter-spacing:4px;cursor:pointer}
.quote-box .btnbox .submit:hover{background-color:#557a27}
.quote-box textarea{display:block}
@media (min-width:993px){.quote-box textarea{min-width:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;margin-right:.2rem;line-height:60px!important}
}
@media (max-width:992px){.quote-box textarea{display:block;width:100%;margin-bottom:60px;height:1.2rem}
}
@media (max-width:992px){.quote-box .layui-input,.quote-box .submit,.quote-box textarea{height:48px!important;margin-bottom:14px;width: 100%;}
.quote-box .submit{line-height:48px!important}
.quote-box textarea{height:96px!important;padding:.2rem .3rem!important;line-height:30px}
.quote-box .submit{width:100%!important}
.quote-box .layui-form-select dl{top:50px}
}

.prosya .desc{text-align:center;font-size:16px;line-height:40px;margin-bottom: 20px;}
.prosya .row{margin-left:-.2rem!important;margin-right:-.2rem!important}
.prosya .row>*{padding-left:.2rem!important;padding-right:.2rem!important}
@media (max-width:768px){.prosya .row{margin-left:-.1rem!important;margin-right:-.1rem!important}
.prosya .row>*{padding-left:.1rem!important;padding-right:.1rem!important}
}
.prosya li{margin-bottom:.4rem}
@media (max-width:768px){.prosya li{margin-bottom:.2rem}
}
.prosya .inner{display:-webkit-flex;display:flex;display:-webkit-box;display:box;-webkit-align-items:center;align-items:center;-webkit-box-align:center;box-align:center;background: #f3f3f3;}
.prosya .inner .img{width: 60%;padding: 5%;}
.prosya .inner .info{min-width:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;padding-right:.4rem}
.prosya .inner .id{color: #77aa36;font-family:medium;font-size: .36rem;line-height: 50px;margin-bottom:.14rem}
.prosya .inner .txt{font-size:14px;color:#999999;line-height:1.5;min-width:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1}
@media (max-width:992px){.prosya .inner .img{height:2.5rem;width: 40%;}
}

.prosyb{background:#f3f3f3;overflow: hidden;}
.prosyb .row{background:#ffffff; display:block;}
.prosyb li{ width:50%; float:left; padding:1% 2%;min-height: 1100px;}
.prosyb li:nth-child(3){min-height:497.38px; width:100%;}
.prosyb .syba{width:100%;height: 120px;display: block;}
.prosyb .syba p{line-height:28px;font-size:20px;font-weight: bold;padding-top: 30px;}
.prosyb .syba i{width:1rem;height:1rem;display:block;float: left;margin-right: 10px;}
.prosyb .syba .ic1{background-image:url(../images/prosybico1.png)}
.prosyb .syba .ic2{background-image:url(../images/prosybico2.png)}
.prosyb .syba .ic3{background-image:url(../images/prosybico3.png)}
.prosyb .sybb{ padding:10px 30px;}
.prosyb .sybb p{font-size:14px;color:#999999;line-height: 30px;}
.prosyb .sybb h5{font-size: 18px;margin: .2rem 0rem;font-weight: bold;}
.prosyb .sybb .sybb3{width:45%; margin-right:5%; float:left; min-height:450px;}
.prosyb .sybc{padding:10px 30px;}
@media (max-width:992px){
.prosyb li{min-height: 450px; float:left; }
.prosyb .syba i{margin-bottom:.14rem;width: 2rem;height: 2rem;margin-left: 2%;}
}
@media (max-width:768px){
.prosyb li,.prosyb li:nth-child(3){ width:100%; min-height:auto;}
.prosyb .sybb .sybb3,.prosyb .sybb .sybb3:nth-child(3){width:100%; min-height:auto;}
}


.hz_hezuo .list{display:flex;flex-wrap:wrap}
.hz_hezuo .desc{text-align:center;font-size:16px;line-height:1.6;margin-bottom: 20px;}
@media (max-width:768px){.hz_hezuo .list{justify-content:space-between}
}
.hz_hezuo li{text-align:center;width:31%;padding:2% 1%;background-color:#f3f3f3;border-radius: 0.2rem;margin:2% 1%;}
.hz_hezuo li .ic,.hz_hezuo li .icb{width:1rem;height:1rem;display:block;margin:0 auto;border-radius:.2rem;background-repeat:no-repeat;background-position:center;}
.hz_hezuo li .icc{width:64px;height:64px;display:block;margin:0.3rem auto;background-repeat:no-repeat;background-position:center;background-color: #f3f3f3;}
.hz_hezuo li:hover{color:#77aa36;}
.hz_hezuo li .ic.ic1{background-image:url(../images/hz_hezuoico1.png)}
.hz_hezuo li .ic.ic2{background-image:url(../images/hz_hezuoico2.png)}
.hz_hezuo li .ic.ic3{background-image:url(../images/hz_hezuoico3.png)}
@media (max-width:640px){.hz_hezuo li .ic{margin-bottom:.14rem;width: 2rem;height: 2rem;}
}
.hz_hezuo li h3{font-size:20px;margin-bottom:.1rem;font-weight: bold;}
.hz_hezuo li p{font-size:14px;color:#999999;line-height:30px; padding:2%;}
@media (max-width:768px){.hz_hezuo li{width:100%;padding:4%;}.hz_hezuo li .ic{width: 2rem;height: 2rem;}
}
@media (max-width:640px){.hz_hezuo li h3{color:#666}
}


.hz_dwys{background:#f3f3f3;}
.hz_dwys .list{display:flex;flex-wrap:wrap}
.hz_dwys .desc{text-align:center;font-size:16px;line-height:1.6;margin-bottom: 20px;}
@media (max-width:768px){.hz_dwys .list{justify-content:space-between}
}
.hz_dwys li{text-align:center;width:31%;padding:2%;background-color:#ffffff;border-radius: 0.2rem;margin:2% 1%;}
.hz_dwys li .ic,.hz_dwys li .icb{width:1rem;height:1rem;display:block;margin:0.1rem auto .3rem;border-radius:.2rem;background-repeat:no-repeat;background-position:center;background-size: 1rem;background-color: #f3f3f3;}
.hz_dwys li .icc{width:64px;height:64px;display:block;margin:0.3rem auto;background-repeat:no-repeat;background-position:center;background-color: #f3f3f3;}
.hz_dwys li:hover{color:#77aa36;}
.hz_dwys li .ic.ic1{background-image:url(../images/hz_ysico1.png)}
.hz_dwys li .ic.ic2{background-image:url(../images/hz_ysico2.png)}
.hz_dwys li .ic.ic3{background-image:url(../images/hz_ysico3.png)}
.hz_dwys li .ic.ic4{background-image:url(../images/hz_ysico4.png)}
.hz_dwys li .ic.ic5{background-image:url(../images/hz_ysico5.png)}
.hz_dwys li .ic.ic6{background-image:url(../images/hz_ysico6.png)}
@media (max-width:640px){.hz_dwys li .ic{margin-bottom:.14rem}
}
.hz_dwys li h3{font-size:20px;margin-bottom:.1rem;font-weight: bold;}
.hz_dwys li p{font-size:14px;color:#999999;line-height:30px; padding:2%;}
@media (max-width:768px){.hz_dwys li{width:100%;padding:4%;}
}
@media (max-width:640px){.hz_dwys li h3{color:#666}
}

.hz_partner .hd{margin-bottom:.6rem}
.hz_partner .hd .hd3{margin-bottom:.3rem}
.hz_partner .hd .desc{text-align:center;font-size:16px;line-height:1.6}
@media (max-width:480px){.hz_partner .hd .desc{font-size:14px}
}
.hz_partner .bd{display:flex;justify-content:space-between;text-align:center;color: #77aa38;width: 100%;max-width: 1600px;margin:0 auto}
.hz_partner .tit{font-size:.24rem;color:#000000;font-weight: bold;}
.hz_partner .tit_b{color:#999999;line-height:35px;}
.hz_partner .arr{background:url(../images/arr.png) no-repeat center center;background-size:contain;width: 30px;height: 1.2rem;display:block}
.hz_partner .ic{background-repeat:no-repeat;background-position:center;width: 1.2rem;height: 1.2rem;display:block;margin:0 auto;border-radius:50%;}
.hz_partner .ic.ic1{background-image:url(../images/hz_d1.png)}
.hz_partner .ic.ic2{background-image:url(../images/hz_d2.png)}
.hz_partner .ic.ic3{background-image:url(../images/hz_d3.png)}
.hz_partner .ic.ic4{background-image:url(../images/hz_d4.png)}
.hz_partner .ic.ic5{background-image:url(../images/hz_d5.png)}
.hz_partner .ic.ic6{background-image:url(../images/hz_d6.png)}
.hz_partner .ic.ic7{background-image:url(../images/hz_d7.png)}
.hz_partner .ic.ic8{background-image:url(../images/hz_d8.html)}
.hz_partner .item:hover .ic{background-color: #77aa3800;border: 4px solid #77aa37;}
.hz_partner .wapshow{display:none}
@media (max-width:1200px){.hz_partner .ic{width:1.2rem;height:1.2rem}
.hz_partner .arr{height:1.2rem}
}
@media (max-width:768px){
.hz_partner{padding-bottom:0px;}
.hz_partner .bd{display:none;}
.hz_partner .wapshow{display:block;}
.hz_partner .ic{width:2.1rem;height:2.1rem}
.hz_partner .arr{height:1.2rem;width:.4rem}
.hz_partner .tit{font-size:16px}
}
@media (max-width:480px){.hz_partner .bd{display:none;}.hz_partner{padding-bottom:0px;}
.hz_partner .ic{width:1rem;height:1rem}
.hz_partner .arr{height:1rem;width:.3rem}
.hz_partner .tit{font-size:14px}
}
.hz_partner .quote-box .hd{display:none}
.hz_partner .quote-box .layui-form{position:relative;top:10px}

.ihd .en{color:#77aa36;text-transform:uppercase;font-size:16px;margin-bottom:3px}
.ihd .en2{font-size:.48rem;text-transform:uppercase;font-style:italic}
.ihd h2{font-size:.4rem;font-weight:700}
.vbox{padding:.8rem 0 1rem}
.contact-box .bd{width:100%;clear:both;overflow:hidden;}
@media (max-width:768px){.ihd h2{font-size:24px}
}
.contact-box .ihd{text-align:center;margin-bottom:1rem}
.contact-box .info{margin-bottom:.7rem}
@media (min-width:1280px){.contact-box .info{padding:0 5%}
}
@media (min-width:768px){.contact-box .info{display:flex}
.contact-box .info li{padding:.2rem 1.5% .3rem 1.5%;flex:1;text-align: center;}
.contact-box .info li:nth-child(2){flex:1.5;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5}
.contact-box .info li:nth-child(3){flex:1.5;border-right:1px solid #e5e5e5}
}
.contact-box .info .ic{background-repeat:no-repeat;background-size:contain;background-position:center;display:block;width:.5rem;height:.5rem;margin: 12px auto;}
.contact-box .info .ic.ic-tel{background-image:url(../images/fw_a1.png)}
.contact-box .info .ic.ic-addr{background-image:url(../images/fw_a2.png)}
.contact-box .info .ic.ic-lxr{background-image:url(../images/fw_a3.png)}
.contact-box .info .ic.ic-email{background-image:url(../images/fw_a4.png)}
.contact-box .info .tit{font-size:18px;text-transform:uppercase;margin-bottom:5px}
.contact-box .info .val{font-size:16px}
@media (max-width:992px){.contact-box .info .tit{font-size:16px}
.contact-box .info .val{font-size:14px}
}
@media (max-width:767px){.contact-box .info{width:100%;position:relative;}
.contact-box .info li{margin-bottom:.5rem;display:-webkit-flex;display:-webkit-box;display:box;-webkit-align-items:center;align-items:center;-webkit-box-align:center;box-align:center;float:left;margin-right: 3%;}
.contact-box .info li .ic{width:30px;height:30px;margin-right:.2rem}
}
.contact-box .map{height:5.5rem;clear: both;overflow: hidden;}
.network-box{background-color:#111111}
.network-box .wrap{position:relative}
@media (min-width:992px){.network-box .wrap{padding-right:10%;display:-webkit-flex;display:flex;display:-webkit-box;display:box;-webkit-align-items:center;align-items:center;-webkit-box-align:center;box-align:center;-webkit-box-pack:justify;box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}
}
.network-box .ihd{color:#fff}
.network-box .info{color:#bbb;margin-top:1rem;margin-bottom:2rem;font-size:18px}
.network-box .info b{color:#77aa36;font-weight:bold;display:block;margin-bottom:5px}
.network-box .info p{line-height:35px;margin-bottom:20px;}
.network-box .leftbox{width:6.2rem;}
.network-box .rightbox{position:relative;color:#bbb;width:7.28rem;height:5.87rem}
.network-box .rightbox .cn{width:100%;height:100%;display:block;background:url(../images/map2.png) no-repeat center center;background-size:contain}
.network-box .rightbox .addr{display:none;width:240px;color:#333;padding:.2rem;border-radius:10px;font-size:16px;line-height:24px;position:absolute;left:50%;transform:translateX(-50%);z-index:5;bottom:100%;margin-bottom:.14rem;background-color:#77aa36}
.network-box .rightbox li{position:absolute;font-size:16px;cursor:pointer}
.network-box .rightbox li:hover{color:#77aa36}
.network-box .rightbox li i{font-size:18px;color:#77aa36}
.network-box .rightbox li .tag{line-height:.3rem;height:.3rem;position:relative}
.network-box .rightbox li .tag>*{display:inline-block;vertical-align:middle;color:#a3a3a3}
.network-box .rightbox li .tag::after{content:'';display:block;width:0;height:0;border:10px solid transparent;border-top-color:#77aa36;position:absolute;left:-1px;top:-14px;display:none}
.network-box .rightbox li.active{color:#77aa36}
.network-box .rightbox li.active .addr{display:block}
.network-box .rightbox li.active .tag::after{display:block}
.network-box .rightbox .li1{left:3.3rem;top:3.7rem}
.network-box .rightbox .li2{left:5.72rem;top:3.4rem}
.network-box .rightbox .li3{left: 5.51rem;top: 3.2rem;}
.network-box .rightbox .li4{left:5rem;top:4.66rem}
.network-box .rightbox .li5{left:5.1rem;top:4.9rem}
@media (max-width:1200px){.network-box .rightbox .li1{left:3.3rem;top:3.7rem}
.network-box .rightbox .li2{left:5.62rem;top:3.4rem}
.network-box .rightbox .li3{left:5.6rem;top:3.85rem}
.network-box .rightbox .li4{left:4.8rem;top:4.66rem}
.network-box .rightbox .li5{left:5rem;top:4.9rem}
.network-box .rightbox .li5 .tag::after{top:15px!important}
}
.network-box .rightbox .li5.active .tag::after{border-top-color:transparent;border-bottom-color:#77aa36;top:20px}
.network-box .rightbox .li5.active .addr{bottom:auto;top:100%;margin-top:10px}
@media (max-width:992px){.network-box .rightbox{margin:0 auto}
.network-box .leftbox,.network-box .rightbox{width:100%;}
.network-box .ihd{text-align:center}
.network-box .ihd br{display:none}
.network-box .info{margin-top:.5rem;text-align:center}
}
@media (max-width:768px){.network-box .rightbox li{font-size:14px}
.network-box .rightbox li .addr{display:none!important}
.network-box .rightbox li .tag::after{display:none!important}
}
.network-box .xs-addr{color:#fff}
.network-box .xs-addr .tag{color:#77aa36;font-size:18px;margin-bottom:5px}
.network-box .xs-addr .addr{font-size:16px}
.footerBot{display:none}
@media (max-width:768px){
.footerBot{display:block;background: #78aa38;position: fixed;width: 100%;bottom: 0;left: 0;right: 0;line-height: 45px;z-index: 99;}
.footerBot ul li{border-right: 1px #f5f5f533 solid;box-sizing: border-box;width: 33.33%;float: left;text-align: center;}
.footerBot ul li:last-child{border-right: none;}
.footerBot ul li a{font-size: 16px;color: #fff;}
.footerBot ul li a em{font-size: 16px;font-weight: normal;}
.footerBot ul li span{width: 25px;height: 25px;display: inline-block;}
.footerBot ul li span img{width: 100%;display: block;margin-top: .106667rem;}
}
.links{ background:#212223;color:#4e4c4c; text-align:center;}
.links a{color:#4e4c4c;}
@media (max-width:768px){.links{display:none;}}

.nycase .article{clear:both;}
.nycase .article p{line-height:30px; font-size:16px;}
.nycase .detail{margin-top:50px;}
.nycase .detail_a{text-align:center;font-size:30px;margin-bottom:30px}
.nycase .detail_b div{width:47.5%}
.nycase .detail_b div.fl{text-align:right}
.nycase .detail_b div.fr{text-align:left}
.nycase .detail_b span{display:inline-block;border:solid 1px #000;width:350px;line-height:40px;font-size:16px;text-align:center;transition:all .5s ease;margin-bottom:15px}
.nycase .detail_b span:hover{background-color:#7cb247;color:#fff;border:solid 1px #7cb247}
.nycase .detail_c{padding:0;overflow:hidden;}
.nycase .detail_c1{width:47.5%}
.nycase .textBox{margin-bottom:40px}
.nycase .textBox_title{font-size:30px;font-weight:700;margin-bottom:30px}
.nycase .textBox_con{font-size:16px;line-height:30px; margin-top: 50px;}
.nycase .detail_c2{width:47.5%;margin-top:50px}
.nycase .detail_c2 img{width:100%}
.nycase .detail_c2_a{overflow:hidden;margin-bottom:50px}
.nycase .detail_c2_b{margin-bottom:30px}	
.proCase_title{margin-bottom:25px}
.proCase_title1{font-size:30px;color:#fff;margin-bottom:10px}
.proCase_title2{font-size:16px;color:#fff}
.proCase{background-color:#333230;padding:50px 0 70px 0}
.proCase_list{overflow:hidden}
.proCase_list img{display:block}
.proCase_list ul{width:120%}
.proCase_list li{width:330px;float:left;margin-right:30px}
.proCase_list li:hover .pic img{transform:scale(1.2)}
.proCase_list li:hover .info{background-color:#7cb247}
.proCase_list li:hover .info-a i{background-color:#fff}
.proCase_list li:hover .info-b p{color:#fff}
.proCase_list li .info-b .p1{display:inline-block;white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis;height:30px}
.proCase_list li:hover .info-c span{background-color:#fff;color:#7cb247}
.proCase_list li a{display:block}
.proCase_list li .pic{overflow:hidden}
.proCase_list li .pic img{width:100%;height:200px;transition:all .5s ease}
.proCase_list li .info{background-color:#fff;padding:20px 30px 5px 30px}
.proCase_list li .info-a{margin-bottom:15px}
.proCase_list li .info-a i{display:block;width:50px;height:4px;background-color:#7cb247;transition:all .5s ease}
.proCase_list li .info-b{margin-bottom:20px}
.proCase_list li .info-b p{font-size:14px;line-height:30px;transition:all .5s ease}
.proCase_list li .info-m{margin-bottom:5px;line-height:30px;overflow:hidden}
.proCase_list li .info-c{padding-top:20px}
.proCase_list li .info-c span{display:block;width:80px;line-height:37px;text-align:center;background-color:#7cb247;font-size:16px;color:#fff;transition:all .5s ease}
@media screen and (max-width: 768px) {
.article-pnext a{color:#999;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:100%}
.nycase .detail_b span{width:100%;margin-bottom:10px;font-size:12px}
.nycase .detail_b div{margin-bottom:0;font-size:12px}
.nycase .detail_c1{width:100%}
.nycase .detail_c2{width:100%;margin-top: 0px;}
.nycase .detail_c{padding:0;}
.nycase .detail_b div{width:100%}
.nycase .detail_a{font-size:20px}
.proCase_list li .info{padding:20px 30px 10px 30px}
.proCase_list li .info-a{margin-bottom:15px}
.proCase_list li .info-a i{display:block;width:50px;height:4px;background-color:#7cb247;transition:all .5s ease}
.proCase_list li .info-b{margin-bottom:20px}
.proCase_list li .info-b p{font-size:16px;line-height:30px;transition:all .5s ease}
.proCase_list li .info-m{margin-bottom:5px;line-height:30px}
.proCase_list li .info-c{padding-top:20px}
.proCase_list li .info-c span{display:block;width:80px;line-height:37px;text-align:center;background-color:#7cb247;font-size:16px;color:#fff;transition:all .5s ease}
.proCase_list ul{width:100%}
.proCase_list li{width:100%;margin-bottom:20px}
.proCase_list li .pic img{height:auto}
}