@charset "utf-8";
/* 清除内外边距 */
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
fieldset,
lengend,
button,
input,
textarea,
th,
td {
  /* table elements 表格元素 */
  margin: 0;
  padding: 0;
}
input,
textarea {
  border: 2 none;
  box-shadow: none;
  outline: none;
}
/* 设置默认字体 */
body,
button,
input,
select,
textarea {
  font: 14px/22px "Microsoft YaHei", "微软雅黑", "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", Arial, sans-serif;
  color: #666;
}
* h1,
* h2,
* h3,
* h4,
* h5,
* h6 {
  margin: 0px;
}
/*覆盖bootstrape对标题加的默认外边距*/
address,
cite,
dfn,
em,
i,
var {
  font-style: normal;
}
/* 斜体扶正 */
/* 重置列表元素 */
ul,
ol,
li {
  list-style: none;
}
/* 重置文本格式元素 */
a {
  text-decoration: none;
  color: #666;
  word-wrap: break-word;
}
/*英文换行*/
a:hover {
  text-decoration: none;
  color: #910800;
}
/* 重置表单元素 */
legend {
  color: #000;
}
/* for ie6 */
fieldset,
img {
  border: none;
}
/* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 使表单元素在 ie 下能继承字体大小 */
}
/* 重置表格元素 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html {
  overflow-y: scroll;
}
/*设置浮动*/
.fl {
  float: left;
}
.fr {
  float: right;
}
.pr {
  position: relative;
}
.pa {
  position: absolute;
}
/*字体大小*/
.clear {
  clear: both;
  height: 0;
}
.blk-main .clearlist {
  clear: both;
  height: 0;
  padding: 0;
  margin: 0;
  border: 0;
  width: 100% ;
  float: none;
}
/*表单弹框*/
.nsw-modal {
  width: 100%;
  height: 100%;
  background: rgba(225, 225, 225, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
}
.modal-dialog {
  position: fixed;
  color: #000000;
  top: 150px;
  width: 400px;
  border-radius: 3px;
  min-height: 155px;
  overflow: hidden;
  z-index: 99998;
  margin-left: -200px;
  left: 50%;
}
.modal-dialog .css-icon {
  background-image: url("../images/modal-icons.png");
}
.modal-dialog .modal-head {
  height: 30px;
  line-height: 30px;
  padding: 0px 20px;
  background: #F6EFEF;
  font-size: 14px;
}
.modal-dialog .modal-head .modal-logo {
  width: 15px;
  height: 15px;
  background-position: 1px 0px;
  margin: 8px 5px 0 0;
  float: left;
}
.modal-dialog .modal-head .close {
  float: right;
  width: 15px;
  height: 15px;
  background-position: -14px 0px;
  margin-top: 8px;
}
.modal-dialog .modal-body {
  width: 100%;
  min-height: 125px;
  background: #ffffff;
}
.modal-dialog .modal-body .modal-body-left {
  width: 140px;
  float: left;
}
.modal-dialog .modal-body .modal-body-left .icon {
  width: 64px;
  height: 64px;
  margin: 30px 0 0 48px;
}
.modal-dialog .modal-body .modal-body-left .success-message {
  background-position: 0px -14px;
}
.modal-dialog .modal-body .modal-body-left .warming-message {
  background-position: 0px -78px;
}
.modal-dialog .modal-body .modal-body-right {
  width: 260px;
  float: right;
  padding-top: 20px;
}
.modal-dialog .modal-body .modal-body-right .close-btn {
  color: #000;
  text-align: center;
  width: 90px;
  display: inline-block;
  height: 24px;
  line-height: 24px;
  background: #818079;
}
.modal-dialog .modal-body .modal-body-right p {
  line-height: 30px;
}
/*COMMON_BLK_START*/
/*AVAIBLE_VI
[
{"vicolor":"#006d33","sub1color":"#1a1a1a"},
{"vicolor":"#00B32D","sub1color":"#59B370"},
{"vicolor":"#FC3BFF","sub1color":"#FF9875"},
{"vicolor":"#914E00","sub1color":"#B8824D"}
]
AVAIBLE_VI*/
.ovh {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body {
  min-width: 1200px;
  max-width: 1920px;
  margin: 0 auto;
  overflow: hidden;
  width: 100%;
}
.content {
  width: 78.8%;
  margin: 0 auto;
}
/*COMMON_BLK_END*/
.abm dl dt img,
.pro01_l b img,
.pro01_r dl dt img,
.pro02_list dl dt img,
.pro03_list dl dt em img,
.plan dl dt img,
.hz_list ul li img,
.super dl dt img,
.news_l dl dt img,
.news_pic img,
.item dl dt img {
  display: block;
  width: 100%;
}
.hz_list ul li img,
.super dl dt img,
.news_l dl dt img,
.item dl dt img {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  transition: 1s;
}
.hz_list ul li:hover img,
.super dl dt:hover img,
.news_l dl dt:hover img,
.item dl dt:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
/*关于敏硕*/
.about {
  padding: 4.6rem 0 4rem;
}
.ab_l{width: 25%;}
.ab_l h2 {
  width: 100%;
  font-size: 2.3rem;
  line-height: 2.4rem;
  overflow: hidden;
  font-weight: normal;
  margin-bottom: 2rem;
}
.ab_l h2 a {
  display: block;
  color: #1a1a1a;
}
.ab_l h2 span {
  display: block;
  font-size: 0.9rem;
  color: #999;
  text-transform: uppercase;
}
.ab_l ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.ab_l ul li {
  font-size: 0.9rem;
  text-align: center;
}
.ab_l ul li a{display: block;color: #006d33;font-weight:bold;}
.ab_l ul li em {
  width: 2.5rem;
  height: 2.5rem;
  display: block;
  line-height: 0;
  overflow: hidden;
  margin: 0 auto 1rem;
}
.ab_l ul li em img{
    width: 2.5rem;
  height: 2.5rem;
}
.ab_l ul li i {
  display: block;
}
.ab_l ul li:last-child em{
    margin-bottom: 0;
}
.ab_r {
  width: 65%;
}
.ab_desc {
  font-size: 0.8rem;
  color: #4c4c4c;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  line-height: 1.6rem;
  height: 4.8rem;
}
.digital {
  width: 78%;
  padding-top: 1.5rem;
}
.digital ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.digital ul li {
  font-size: 0.9rem;
  color: #006d33;
  font-weight: bold;
}
.digital ul li b {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 3.5rem;
  color: #006d33;
  font-weight: normal;
  line-height: 3.2rem;
}
.digital ul li span {
  display: block;
  width: 100%;
  font-size: 0.8rem;
  color: #4c4c4c;
  font-weight: normal;
  line-height: 1.5rem;
  padding: 0.5rem 0 0;
  clear: both;
}
.abm {
  width: 100%;
  padding-top: 2.2rem;
}
.abm dl dt {
  width: 100%;
  line-height: 0;
  overflow: hidden;
  position: relative;
}
.abm dl dt:before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.3);
}
.abm dl dd a {
  display: block;
  width: 95%;
  margin: 0 auto;
  height: 1.6rem;
  padding: 0.5rem 0 0;
  font-size: 0.9rem;
  color: #4c4c4c;
  line-height: 1.6rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.abswiper-container,
.planswiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}
.ab_btn {
  display: block;
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  position: absolute;
  top: 5rem;
  z-index: 5;
  background: rgba(71, 125, 201, 0.3);
  line-height: 0;
  overflow: hidden;
  cursor: pointer;
}
.ab_btn:hover {
  box-shadow: 0 3px 10px 3px rgba(0, 0, 0, 0.1);
  background: #006d33;
}
.ab_btn img {
  width: 2.5rem;
  height: 2.5rem;
}
.ab-prev,
.pro02-prev,
.plan-prev,
.hz-prev {
  left: -3.5rem;
}
.ab-next,
.pro02-next,
.plan-next,
.hz-next {
  right: -3.5rem;
}
.ab_video {
  display: block;
  width: 1.7rem;
  height: 1.7rem;
  cursor: pointer;
  z-index: 2;
  border-radius: 50%;
  background-image: url('../images/ab_video.png');
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: 1.7rem 1.7rem;
  position: absolute;
  left: 1rem;
  bottom: 1rem;
}
.ab_video:before {
  content: '';
  width: 1.7rem;
  height: 1.7rem;
  position: absolute;
  -webkit-box-shadow: inset #fff 0 0 40px;
  box-shadow: inset #fff 0 0 40px;
  border-radius: 50%;
  top: 0;
  left: 0;
  opacity: 0;
  animation: warn2 2s ease-out 0.1s infinite;
}
.ab_video:after {
  content: '';
  width: 1.7rem;
  height: 1.7rem;
  position: absolute;
  -webkit-box-shadow: inset #fff 0 0 40px;
  box-shadow: inset #fff 0 0 40px;
  border-radius: 50%;
  top: 0;
  left: 0;
  opacity: 0;
  animation: warn 2s ease-out 1.1s infinite;
}
.video-pic .video-wrap {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
  z-index: 5;
  background: #000;
}
/*产品中心01*/
.pro_tit {
  height: 4.5rem;
  text-align: center;
  font-size: 2.3rem;
  color: #1a1a1a;
  line-height: 2.4rem;
  overflow: hidden;
  font-weight: normal;
}
.pro_tit a {
  color: #1a1a1a;
  display: block;
}
.pro_tit span {
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.9rem;
  color: #999;
  text-transform: uppercase;
  line-height: 1.2rem;
  padding-top: 0.8rem;
}
.pro01 {
  padding: 4.5rem 0 0;
  width: 100%;
  height: 43rem;
  background-image: url('../images/cp_bg01.jpg');
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: 100% 57.5rem;
  overflow: hidden;
}
.pro01_nav {
  
  margin: 1.4rem auto 0;
  height: 5.4rem;
}
.pro01_nav ul li {
  width: 14%;
  float: left;
  position: relative;
  height: 2.8rem;
  z-index: 1;
}
.pro01_nav ul li:before {
  content: '';
  width: 1px;
  height: 1rem;
  background: #cdcfd2;
  position: absolute;
  left: 0;
  top: calc(50% - 0.5rem);
  z-index: -1;
}
.pro01_nav ul li:first-child:before {
  display: none;
}
.pro01_nav ul li a {
  display: block;
  width: 100%;
  height: 2.7rem;
  text-align: center;
  line-height: 2.6rem;
  border: transparent 1px solid;
  box-sizing: border-box;
  border-radius: 3rem;
  font-size: 1rem;
  color: #333;
}
.pro01_nav ul li.cur a {
  border-color: #006d33;
  color: #006d33;
  font-weight: bold;
}
.pro01_l {
  position: relative;
  width: 26.66%;
  height: 29rem;
  background-image: url('../images/cp_lbg.jpg');
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: 100% 29rem;
  overflow: hidden;
}
.pro01_l a {
  display: block;
  width: 70%;

  padding: 2.7rem 15% 0;
  position: relative;
  overflow: hidden;
}
.pro01_l h3 {
  font-size: 1.3rem;
  color: #fff;
  font-weight: normal;
  line-height: 1.5rem;
}
.pro01_l i {
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.7rem;
  color: rgba(255, 255, 255, 0.4);
  text-transform: uppercase;
  line-height: 1rem;
  padding-top: 0.5rem;
}
.pro01_l p {
  font-size: 0.8rem;
  color: #fff;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 10;
  overflow: hidden;
  line-height: 1.6rem;
  height: 16rem;
  padding-top: 1rem;
}
.pro01_l b {
  display: block;
  width: 100%;
  line-height: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  overflow: hidden;
}
.pro01_l:after {
  content: '';
  cursor: pointer;
  position: absolute;
  left: -110%;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
  background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
  transform: skewx(-25deg);
}
.pro01_l:hover:after {
  left: 110%;
  -moz-transition: 1s;
  -o-transition: 1s;
  -webkit-transition: 1s;
  transition: 1s;
}
.pro01_r {
  width: 73.33%;
  height: 36.8rem;
  overflow: hidden;
}
.pro01_r dl {
  width: 32%;
  float: left;
  position: relative;
  height: 14rem;
  
  margin-left: 1.3%;
  margin-bottom: 0.7rem;
  overflow: hidden;
}
.pro01_r dl dt {
  padding-top: 0.5rem;
}
.pro01_r dl dd {
  width: 100%;
  height: 0;
  overflow: hidden;
  background: rgba(71, 125, 201, 0.93);
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.pro01_r dl dd a {
  display: block;
  width: 100%;
  height: 100%;
}
.pro01_r dl dd p {
  width: 77%;
  margin: 0 auto;
  font-size: 0.8rem;
  color: #fff;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  line-height: 1.6rem;
  height: 6.4rem;
  padding: 3.6rem 0 0;
  text-align: center;
}
.pro01_r dl.cur dd {
  height: 100%;
}
.pro01_r dl dt span,
.pro02_list dl dd.pro_dd01 span,
.pro03_list dl dt span,
.pro01_r dl dt i,
.pro02_list dl dd.pro_dd01 i,
.pro03_list dl dt i {
  display: block;
  width: 90%;
  height: 1.4rem;
  line-height: 1.4rem;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 auto;
}
.pro01_r dl dt span,
.pro02_list dl dd.pro_dd01 span,
.pro03_list dl dt span {
  font-size: 0.9rem;
  color: #1a1a1a;
}
.pro01_r dl dt i,
.pro02_list dl dd.pro_dd01 i,
.pro03_list dl dt i {
  font-size: 0.8rem;
  color: #666;
}
.pro_btn {
  margin: 1.3rem auto 0;
  width: 7.5rem;
  height: 2.4rem;
  font-size: 0.8rem;
  color: #fff;
  border: #fff 1px solid;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3rem;
  position: relative;
  z-index: 1;
}
.pro_btn:before {
  content: '';
  width: 100%;
  height: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #ffffff;
  border-radius: 3rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: -1;
}
.pro_btn em {
  width: 0.6rem;
  height: 0.5rem;
  line-height: 0;
  overflow: hidden;
  margin-left: 0.5rem;
}
.pro_btn em img {
  width: 0.6rem;
  height: 1rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.pro_btn:hover {
  color: #006d33;
}
.pro_btn:hover:before {
  height: 100%;
}
.pro_btn:hover em img {
  margin-top: -0.5rem;
}
/*产品中心02*/
.pro02 {
  padding: 4.5rem 0 5.5rem;
}
.pro02 .ab_btn {
  top: 26rem;
}
.pro02_desc {
  width: 63.33%;
  margin: 1rem auto 2.3rem;
  text-align: center;
  font-size: 0.8rem;
  color: #666;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height: 1.6rem;
  height: 3.2rem;
}
.pro02_list dl {
  height: 20rem;
  background: #f2f4f7;
  overflow: hidden;
}
.pro02_list dl dt {
  width: 100%;
  line-height: 0;
  overflow: hidden;
}
.pro02_list dl dd.pro_dd01 {
  height: 10rem;
  padding-top: 2.3rem;
}
.pro02_list dl dd.pro_dd01 p {
  margin: 1rem auto 0;
  width: 52.1%;
  height: 2.4rem;
  font-size: 0.8rem;
  color: #006d33;
  border: rgba(71, 125, 201, 0.2) 1px solid;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3rem;
  position: relative;
  z-index: 1;
  background: #f5f6f9;
}
.pro02_list dl dd.pro_dd01 p:before {
  content: '';
  width: 100%;
  height: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #ffffff;
  border-radius: 3rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: -1;
}
.pro02_list dl dd.pro_dd01 em {
  width: 0.6rem;
  height: 0.5rem;
  line-height: 0;
  overflow: hidden;
  margin-left: 0.5rem;
}
.pro02_list dl dd.pro_dd01 em img {
  width: 0.6rem;
  height: 0.5rem;
}
.pro02_list dl dd.pro_dd02 {
  width: 100%;
  height: 0;
  overflow: hidden;
  background: rgba(71, 125, 201, 0.95);
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  z-index: 5;
}
.pro02_list dl dd.pro_dd02 a {
  display: block;
  width: 100%;
  height: 100%;
}
.pro02_list dl dd.pro_dd02 p {
  width: 75%;
  margin: 0 auto;
  font-size: 0.8rem;
  color: #fff;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  overflow: hidden;
  line-height: 1.6rem;
  height: 9.6rem;
  padding: 0.6rem 0 0;
  text-align: center;
}
.pro02_list dl:hover dd.pro_dd02 {
  height: 100%;
}
.pro02_h3 {
  width: 90%;
  margin: 0 auto;
  font-size: 1.3rem;
  color: #fff;
  font-weight: normal;
  line-height: 2.2rem;
  height: 2.2rem;
  padding-top: 2.5rem;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/*产品中心03*/
.pro03 {
  padding: 4.6rem 0 0;
  width: 100%;
  height: 58rem;
  background-image: url('../images/cp_bg03.jpg');
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: 100% 58rem;
  overflow: hidden;
}
.pro03_list {
  padding-top: 1.8rem;
}
.pro03_list dl {
  width: 24%;
  float: left;
  position: relative;
  height: 20.5rem;
  background: #fff;
  margin-right: 1%;
  margin-bottom: 1%;
  overflow: hidden;
}
.pro03_list dl dt {
  
}
.pro03_list dl dt em {
  display: block;
  margin: 0 auto 0.5rem;
  width: 100%;
  line-height: 0;
  overflow: hidden;
}
.pro03_list dl dd {
  width: 100%;
  height: 0;
  overflow: hidden;
  background: rgba(71, 125, 201, 0.93);
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.pro03_list dl dd a {
  display: block;
  width: 100%;
  height: 100%;
}
.pro03_list dl dd p {
  width: 82%;
  margin: 0 auto;
  font-size: 0.8rem;
  color: #fff;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  line-height: 1.6rem;
  height: 4.8rem;
  padding: 0.5rem 0 0;
  text-align: center;
}
.pro03_list dl.cur dd {
  height: 100%;
}
.pro03_list dl:nth-child(4n) {
  margin-right: 0;
}
/*解决方案*/
.plan {
  padding: 4.6rem 0 5rem;
}
.plan .ab_btn {
  top: 22rem;
}
.plan_list {
  padding-top: 1.8rem;
}
.plan_list dl dt {
  width: 100%;
  line-height: 0;
  overflow: hidden;
  position: relative;
}
.plan_list dl dt span {
  display: inline-block;
  font-size: 1.1rem;
  color: #fff;
  position: absolute;
  top: 1.5rem;
  left: 0;
  height: 3rem;
  line-height: 3rem;
  padding: 0 1.5rem;
  background: rgba(71, 125, 201, 0.7);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.plan_list dl dd {
  width: 100%;
  height: 0;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.plan_list dl dd a {
  display: block;
  width: 100%;
  height: 100%;
}
.plan_list dl dd .pro02_h3 {
  padding-top: 4.1rem;
}
.plan_list dl dd p {
  width: 75.5%;
  margin: 0 auto;
  font-size: 0.8rem;
  color: #fff;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
  line-height: 1.6rem;
  height: 8rem;
  padding: 0.5rem 0 0;
  text-align: center;
}
.plan_list dl:hover dt span {
  display: none;
}
.plan_list dl:hover dd {
  height: 100%;
}
.plan_call {
  margin: 2.5rem auto 0;
  width: 17.3%;
  display: block;
}
.plan_call a {
  width: 100%;
  height: 3rem;
  font-size: 0.9rem;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3rem;
  background: #006d33;
}
.plan_call em {
  width: 1.3rem;
  height: 1.1rem;
  line-height: 0;
  overflow: hidden;
  margin-left: 0.5rem;
}
.plan_call em img {
  width: 1.3rem;
  height: 1.1rem;
}
.plan_call a:hover {
  animation: shake 0.9s linear;
  -webkit-animation: shake 0.9s linear;
}
/*合作客户*/
.hz {
  padding: 4.5rem 0 0;
  width: 100%;
  height: 31rem;
  background-image: url('../images/hz_bg.jpg');
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: 100% 35.5rem;
  overflow: hidden;
}
.hz .pro_tit {
  margin-bottom: 2rem;
}
.hz .ab_btn {
  top: 15rem;
  background: rgba(255, 255, 255, 0.5);
}
.hz .ab_btn:hover {
  background: #006d33;
}
.hz_list ul li {
  width: 100%;
  line-height: 0;
  overflow: hidden;
  margin-top: 0.5rem;
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
}
.hz_list ul li:hover {
  -webkit-transform: translate(0, -2px);
  transform: translate(0, -2px);
}
/*优势*/
.super {
  padding: 4.5rem 0;
}
.superm {
  position: relative;
  width: 67.7%;
  margin: 2.5rem auto 0;
}
.superm .ab_btn {
  top: 13.5rem;
}
.superm .swiper-container {
  overflow: initial;
}
.superm dl dt {
  width: 100%;
  line-height: 0;
  overflow: hidden;
}
.superm dl dd {
  width: 100%;
  border-bottom: #e6e6e6 0.1rem solid;
  padding: 1.5rem 0 2rem;
  position: relative;
  display: inline-block;
}
.superm dl dd b {
  display: block;
  color: #fff;
  width: 4rem;
  text-align: center;
  height: 6.5rem;
  line-height: 7rem;
  background: #006d33;
  font-size: 1.9rem;
  position: absolute;
  top: -1.5rem;
  left: 2rem;
  z-index: 3;
  overflow: hidden;
}
.superm dl dd h5 {
  float: left;
  width: 27%;
  font-size: 1.7rem;
  color: #1a1a1a;
  line-height: 1.5rem;
  text-align: right;
  height: 3rem;
  line-height: 2.9rem;
  padding-right: 1.2rem;
  position: relative;
  font-weight: normal;
}
.superm dl dd h5.sup_h03{
    width: 36%;
}
.superm dl dd h5:before {
  content: '';
  width: 1px;
  height: 2.8rem;
  position: absolute;
  right: 0;
  top: calc(50% - 1.4rem);
  background: #d0d0d0;
}
.superm dl dd .sup_desc {
  float: right;
  width: 69%;
  margin-top: -0.4rem;
}
.superm dl dd .sup_desc03 {
  float: right;
  width: 60%;
  margin-top: -0.4rem;
}
.superm dl dd p {
  font-size: 0.9rem;
  color: #333;
  line-height: 1.8rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  position: relative;
  padding-left: 0.8rem;
  box-sizing: border-box;
}
.superm dl dd p:before {
  content: '';
  width: 0.3rem;
  height: 0.3rem;
  position: absolute;
  left: 0;
  top: calc(50% - 0.1rem);
  background: #b1b2b5;
  border-radius: 50%;
}
.sup-prev {
  left: 1.5rem;
}
.sup-next {
  right: 1.5rem;
}




/*新闻资讯*/

.news{padding: 5.5rem 0;box-sizing: border-box;background-size: 100% 100%;}
.news h3{height:2.8rem;margin-top: 2.4rem;}
.news h3 span{ display: block;font-size:1.4rem;color: #1a1a1a;line-height: 1.4rem;position: relative;float: left;font-weight: normal;}
.news h3 em{ display: block;font-size:0.7rem;color: #999999;line-height: 1.2rem;position: relative;font-weight: normal;float: right;font-family: "mon1";}
.news_l{float: left;width: 61.56%;}
.news_bd{display: flex;justify-content: space-between; }
.news_z{width: 48.22%;}
.news_l dt{display: block;width: 100%;border-radius: 0.5rem 0.5rem 0 0;}
.news_l dt img{display: block;width: 100%;border-radius: 0.5rem 0.5rem 0 0;}
.news_l dd{padding: 1.5rem 2.4rem 0;background: #f7f7f7;}
.news_l dd h4 a{ display: block;font-size:1.1rem ;color: #1a1a1a;line-height: 1.6rem;font-weight: normal;transition: all 0.5s;position: relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.news_l dl:hover dd h4 a{color: #006d33;}
.news_l dd p{  display: block;font-size:0.8rem ;color: #737373;line-height: 1.4rem;margin-top: 0.6rem;}
.news_l dd i{  display: block;font-size:0.8rem ;color: #4c4c4c;line-height: 1.4rem;margin-top: 0.4rem;font-family: "mon1";border-bottom: 1px solid #e0e0e0;padding-bottom: 1.2rem;}
.news_l ul{padding: 1.2rem 2.4rem 1.8rem;background: #f7f7f7;border-radius: 0 0 0.5rem 0.5rem;}
.news_l ul li a{box-sizing: border-box;height: 1.6rem;display: block;font-size: 0.8rem;color: #333333;line-height: 1.6rem;padding-left: 1.2rem;background: url(../images/news_ic.png) no-repeat left 0.5rem;background-size: 0.6rem 0.6rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.news_l ul li a:hover{color: #006d33;}
.news_r{float: right;width: 33.75%;}
.news_r h3{border-bottom: 0.1rem solid #4c4c4c;box-sizing: border-box;}
.news_r li{height: 10rem;border-bottom: 1px solid #e0e0e0;}
.news_r li h4{ display: block;font-size:1.1rem ;color: #1a1a1a;line-height: 1.2rem;font-weight: normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform: uppercase;transition: all 0.5s;position: relative;padding-left: 1.2rem;background: url(../images/news_ic.png) no-repeat left 2.2rem;background-size: 0.6rem 0.6rem;padding-top: 1.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.news_r li p{  display: block;font-size:0.8rem ;color: #737373;line-height: 1.4rem;margin-top: 0.9rem;}
.news_r li i{  display: block;font-size:0.8rem ;color: #4c4c4c;line-height: 1.4rem;margin-top: 0.5rem;font-family: "mon1";}
.news_r ul li:hover h4{ color: #006d33;}

.clearfix {
    zoom: 1;
}















/*走进敏硕*/
.course {
  width: 100%;
  height: 39rem;
  padding-top: 4.4rem;
  overflow: hidden;
  background-image: url('../images/course_bg.jpg');
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: 100% 43.4rem;
  position: relative;
  z-index: 1;
}
.course:before {
  content: "";
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.3);
  position: absolute;
  top: 31.5rem;
  left: 0;
  z-index: -1;
}
.content01 {
  width: 83.33%;
  margin: 0 auto;
}
.course_tit {
  height: 9.7rem;
  padding-top: 2.3rem;
  text-align: center;
  font-size: 2.3rem;
  color: #fff;
  line-height: 2.4rem;
  overflow: hidden;
  font-weight: normal;
  background-image: url('../images/course_tbg.png');
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: 44rem 10rem;
}
.course_tit a {
  color: #fff;
  display: block;
}
.course_tit span {
  display: block;
  font-size: 1rem;
  line-height: 1.7rem;
  padding-top: 0.8rem;
}
.course_tit i {
  display: block;
}
.cpys_nav .slick-arrow {
  position: absolute;
  top: 14rem;
  z-index: 9;
  width: 2.5rem;
  height: 2.5rem;
  border: 0;
  font-size: 0;
  cursor: pointer;
  background-color: #006d33;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 2.5rem 2.5rem;
}
.cpys_nav .slick-prev {
  left: 0;
  background-image: url('../images/ab_lico.png');
}
.cpys_nav .slick-next {
  right: 0;
  background-image: url('../images/ab_rico.png');
}
.cpys_nav .item {
  height: 22.2rem;
  position: relative;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.cpys_nav .item span {
  display: block;
  width: 9.5rem;
  height: 6.5rem;
  border: #fff 0.25rem solid;
  position: absolute;
  top: 12rem;
  left: calc(50% - 4.8rem);
  transition: 0.5s;
  box-sizing: border-box;
}
.cpys_nav .item span:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.5) 100%);
}
.cpys_nav .item span img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.cpys_nav .item span b {
  display: block;
  font-size: 0.9rem;
  color: #fff;
  line-height: 1.5rem;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
}
.cpys_nav .item dl {
  width: 26rem;
  height: 22.2rem;
  background: #fff;
  padding: 1rem;
  box-sizing: border-box;
  transition: 0.5s;
  position: absolute;
  top: 0;
  left: calc(50% - 13rem);
  transform: scale(0);
}
.cpys_nav .item dl dt {
  width: 100%;
  line-height: 0;
  overflow: hidden;
}
.cpys_nav .item dl dd {
  width: 100%;
  padding-top: 1rem;
}
.cpys_nav .item dl dd h5 {
  width: 23%;
  text-align: center;
  font-size: 1.6rem;
  color: #006d33;
  line-height: 2rem;
  float: left;
}
.cpys_nav .item dl dd h5 i{ display:block;}
.cpys_nav .item dl dd p {
  font-size: 1rem;
  color: #4c4c4c;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  line-height: 1.5rem;
  height: 4.5rem;
  float: left;
  width: 76%;
}
.cpys_nav .item dl dd p i{
    display: block;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 0.8rem;
}
.cpys_nav .item.slick-current span {
  transform: scale(0);
}
.cpys_nav .item.slick-current dl {
  transform: scale(1);
  z-index: 10;
}
/*友情链接*/
.f_link {
  height: 4.5rem;
  line-height: 4.5rem;
  font-size: 0.75rem;
  color: rgba(255, 255, 255, 0.7);
  overflow: hidden;
  width: 41%;
  z-index: 2;
  position: absolute;
  bottom: 0;
  right: 0;
  text-align: right;
}
.f_link a {
  color: rgba(255, 255, 255, 0.8);
  padding: 0 0 0 0.5rem;
}
.f_link a:hover {
  color: #ffffff;
}
/**/
html {
  font-size: 12px;
  -webkit-text-size-adjust: none;
}
@media screen and (min-width: 1200px) {
  html {
    font-size: 12.5px;
  }
}
@media screen and (min-width: 1280px) {
  html {
    font-size: 13.33333px;
  }
}
@media screen and (min-width: 1366px) {
  html {
    font-size: 14.22916px;
  }
}
@media screen and (min-width: 1440px) {
  html {
    font-size: 15px;
  }
}
@media screen and (min-width: 1600px) {
  html {
    font-size: 16.66666px;
  }
}
@media screen and (min-width: 1800px) {
  html {
    font-size: 18.75px;
  }
}
@media screen and (min-width: 1920px) {
  html {
    font-size: 20px;
  }
}
/**/
@keyframes warn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  5% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: scale(2);
    transform: scale(2);
  }
}
@keyframes warn2 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  5% {
    opacity: 8;
  }
  to {
    opacity: 0;
    -webkit-transform: scale(2);
    transform: scale(2);
  }
}
/**/
@-webkit-keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
  }
  20%,
  60% {
    -webkit-transform: translate3d(-10px, 0, 0);
  }
  40%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
  }
}
@keyframes shake {
  from,
  to {
    transform: translate3d(0, 0, 0);
  }
  20%,
  60% {
    transform: translate3d(-10px, 0, 0);
  }
  40%,
  80% {
    transform: translate3d(10px, 0, 0);
  }
}
/*图标抖动*/
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}






.f_bg{background: #f5f7fa; height:31.5rem;padding-top: 3.5rem;position: relative;z-index: 1;}
.f_bg:before{content: "";width: 100%;height: 4.5rem;background: #006d33;position: absolute;bottom: 0;left: 0;z-index: -1;}
.footer{width: 78.8%; margin:0 auto;}
.foot_top{height: 5.5rem;border-bottom: #dcdee1 1px solid;}
.f_tel{width: 50%;font-size: 1rem;color: #666;line-height: 2rem;}
.f_tel b{ display:block;font-size: 1.6rem;color: #333;}
.f_code{width: 20%;height: 5.5rem;display: flex;align-items: center;justify-content: space-between;}
.f_code p{line-height: 0;position: relative;}
.f_code p i{width: 2.3rem;height: 2.3rem;display: block;cursor: pointer;line-height: 0;overflow: hidden;}
.f_code p i img{width: 2.3rem;height: 2.3rem;}
.f_code p em{width: 10rem;display: none;position: absolute;top: -12.3rem;left: calc(50% - 5rem);border-radius: 0.3rem;background: #fff;padding: 0.5rem 0 0.8rem;box-shadow: 0 3px 10px 3px rgba(0,0,0,0.1);}
.f_code p em:before{content: "";width: 0;height: 0;position: absolute;bottom: -0.6rem;left: calc(50% - 0.5rem);border-top:0.7rem solid #fff; 
border-left:0.5rem solid transparent;
border-right:0.5rem solid transparent;
}
.f_code p b{display: block;font-size: 0.8rem;color: #4c4c4c;font-weight: normal;line-height: 1rem;text-align: center;}
.f_code p em img{width: 9rem;height: 9rem;display: block;margin:0 auto;}
.f_code p.cur em{display: block;}
.f_nav{height: 18.5rem;padding-top: 3rem;width: 73.33%;}
.f_ul01 li{height: 18.5rem;float: left;width: 20%;}
.f_ul01 li a{font-size: 0.9rem;color: #000;display: block;height: 1.8rem;line-height: 1.8rem;width: 100%;margin-bottom: 0.6rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.f_ul01 .f_ul02 li{width: 100%;height: 1.6rem;line-height: 1.6rem;}
.f_ul01 .f_ul02 li a{font-size: 0.8rem;color: #666;margin-bottom: 0;height: 1.6rem;line-height: 1.6rem;}
.f_ul01 li.f_li03{width: 18%;}
.f_ul01 li.f_li04{width: 27%;}
.f_ul01 li.f_li05{width: 15%;}
.f_nav ul li a:hover{text-decoration: underline;}
.f_ban{width: 15%;height: 18.5rem;padding-top: 3rem;}
.f_ban p{font-size: 0.8rem;color: #666;line-height: 1.6rem;padding-bottom: 1rem;text-align: right;}
.f_ban i{display: block;color: #1a1a1a;}
.f_ban a{color: #666;}
.f_ban h5{width: 100%;line-height: 0;overflow: hidden;padding-top: 2rem;}
.f_ban h5 img{display: block;width: 100%;}
.f_bot{width: 100%;height: 4.5rem;line-height: 4.5rem;font-size: 0.75rem;color: rgba(255,255,255,0.7);}
.f_bot span{padding: 0 0.5rem;}
.f_bot em{ background:url(images/f_icp.png) no-repeat 0 center/0.8rem 0.8rem;padding-left: 1.2rem;display:inline-block;margin-right:0.5rem;}
.f_bot a{color: rgba(255,255,255,0.7);}
  

        .client-2 {
            position: fixed;
            right: -170px;
            top: 50%;
            z-index: 900;
        }
        
        .client-2 li a {
            text-decoration: none;
        }
        
        .client-2 li {
            margin-top: 1px;
            clear: both;
            height: 62px;
            position: relative;
        }
        
        .client-2 li i {
            background: url(../images/fx.png) no-repeat;
            display: block;
            width: 30px;
            height: 27px;
            margin: 0px auto;
            text-align: center;
        }
        
        .client-2 li p {
            height: 20px;
            font-size: 12px;
            line-height: 20px;
            overflow: hidden;
            text-align: center;
            color: #fff;
        }
        
        .client-2 .my-kefu-qq i {
            background-position: 4px 5px;
        }
        
        .client-2 .my-kefu-tel i {
            background-position: 0 -21px;
        }
        
        .client-2 .my-kefu-liuyan i {
            background-position: 4px -53px;
        }
        
        .client-2 .my-kefu-weixin i {
            background-position: -34px 4px;
        }
        
        .client-2 .my-kefu-weibo i {
            background-position: -30px -22px;
        }
        
        .client-2 .my-kefu-ftop {
            display: none;
        }
        
        .client-2 .my-kefu-ftop i {
            width: 33px;
            height: 31px;
            background-position: -23px -47px;
            background-size: 52px 82px;
        }
        
        .client-2 .my-kefu-ftop .my-kefu-main {
            padding-top: 6px;
        }
        
        .client-2 .my-kefu-left {
            float: left;
            width: 62px;
            height: 47px;
            position: relative;
        }
        
        .client-2 .my-kefu-tel-right {
            font-size: 16px;
            color: #fff;
            float: left;
            height: 24px;
            line-height: 22px;
            padding: 0 15px;
            border-left: 1px solid #fff;
            margin-top: 14px;
        }
        
        .client-2 .my-kefu-right {
            width: 20px;
        }
        
        .client-2 .my-kefu-tel-main {
            background: #006d33;
            color: #fff;
            height: 53px;
            width: 230px;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-main {
            background: #006d33;
            width: 97px;
            height: 53px;
            position: relative;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-weixin-pic {
            position: absolute;
            left: -130px;
            top: -24px;
            display: none;
            z-index: 333;
        }
        
        .my-kefu-weixin-pic img {
            width: 115px;
            height: 115px;
        }
    
        .header{ height:4.5rem; width:100%;position:relative;}
        .header:before{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background: rgba(255,255,255,0.2);}
        .logo{width: 12%;height: 4.5rem;line-height: 0;display: flex;align-items: center;margin-left: 1.6%;margin-right: 1rem;}
        .logo img{display: block;width: 100%;}
        .h_dw{line-height: 1.3rem;font-size: 0.9rem;color: #333;position: relative;padding: 0.8rem 0 0 0.8rem;}
        .h_dw:before{content: '';position: absolute;top: 1rem;left: 0;width: 1px;height: 2.4rem;background: #ccc;}
        .h_dw i{display: block;font-size: 0.8rem;color: #4c4c4c;font-weight: normal;}
        .h_nav{width: 48.4%; height:4.5rem;padding-left: 4.7%;}
        .h_nav ul{ width: 100%; height:4.5rem;display: flex;justify-content: space-between;}
        .h_nav li{position: relative;}
        .h_nav li>a{ font-size:0.9rem; color:#333;display:block;height: 4.5rem;line-height: 4.2rem;}
        .h_nav li>a:hover,.h_nav li.cur>a{background:url(../images/nav_ico.png) no-repeat center 3.3rem/0.9rem 0.5rem;}
        .submenu {
            position: absolute;
            left: 50%;
            top: 78%;
            transform: translateX(-50%);
            z-index: 99;
            max-height: 0;
            transition: max-height 0.4s linear;
            -ms-transition: max-height 0.4s linear;
            -moz-transition: max-height 0.4s linear;
            /*padding-top: 1rem !important;*/
            overflow: hidden;
        }
        
        .submenu p {
            background: rgba(242, 242, 242, 1);
            padding: 0.3rem 1rem;
            border-radius: 0.5rem;
            position: relative;
            margin-top: 1rem;
        }
        
        .submenu p:before {
            position: absolute;
            content: "";
            border-width: 0.5rem 0.5rem;
            border-style: solid;
            border-color: transparent transparent rgba(242, 242, 242, 1);
            top: -1rem;
            left: 50%;
            margin-left: -0.5rem;
            transition: all 0.4s linear;
            -ms-transition: all 0.4s linear;
            -moz-transition: all 0.4s linear;
            opacity: 0;
        }
        
        .submenu a {
            transition: all .4s ease;
            display: block;
            font-weight: 500;
            padding: 0 0.9rem 0 1.6rem;
            font-size: 0.8rem;
            color: #333333;
            line-height: 2.5rem;
            white-space: nowrap;
            position: relative;
            border-bottom: 1px dotted #333333;
            text-align: left;
        }
        
        .submenu a:last-child {
            border-bottom: 0
        }
        
        .submenu a:before {
            position: absolute;
            content: "";
            width: 0.2rem;
            height: 0.2rem;
            border: 0.1rem solid #333333;
            border-radius: 50%;
            top: 1.2rem;
            left: 0.6rem;
            transition: ease .4s;
            -o-transition: ease .4s;
        }
        
        .submenu a:hover {
            font-weight: bold;
        }
        
        .submenu a:hover:before {
            border-color: #333;
        }
        .h_nav li:nth-child(8) .submenu a,.h_nav li:nth-child(9) .submenu a{padding: 0 2rem 0 1.6rem;}
        .header .h_nav li:hover .submenu{max-height: 500px;}
        .header .h_nav li:hover .submenu p:before{opacity: 1;}
        .h_en{width: 2.1rem;height: 4.5rem;overflow: hidden;line-height: 0;display: flex;align-items: center;margin-left: 3.6%;}
        .h_en a{border-radius:50%;background: #006d33;width: 2.1rem;height: 2.1rem;}
        .h_en img{width: 2.1rem;height: 2.1rem;}
        .h_en a:hover{background: #1d7bff;}
        .h_tel{height: 4.5rem;display: flex;align-items: center;font-size: 1.1rem;color: #333;font-weight: bold;margin-right: 1.6%;}
        .h_tel em{width: 1.2rem;height: 1rem;line-height: 0;padding-right: 0.5rem;}
        .h_tel em img{width: 1.2rem;height: 1rem;}
        

         
       
 
        .banner{position: relative; height:auto;clear: both;}
        .banner img {display: block;width: 100%;margin:0 auto;}
        .ban_video{width: 100%;line-height: 0;overflow: hidden;position:relative;}
        .ban_video p{position: absolute;top: 0;left:0; width: 100%;line-height:0;z-index:3;overflow: hidden;}
        .banner .slick-arrow {position: absolute;font-size: 0;top: 50%;z-index: 9; width: 4rem; height: 4rem; margin-top: -2.5rem;border: 0; outline: none;cursor: pointer;transition:.8s;}
        .banner .slick-prev {left: 0; background:url(../images/uu.png) no-repeat center center/4rem 4rem;opacity: 0;}
        .banner .slick-next {right: 0;background:url(../images/dd.png) no-repeat center center/4rem 4rem;opacity: 0;}
        .banner:hover .slick-prev { left: 3.5%; opacity: 0.8; }
        .banner:hover .slick-next { right: 3.5%; opacity: 0.8; }
        .slick-dots {position: absolute;left:5%; font-size:0;bottom:4%;width:90%;text-align: center;outline: none;z-index: 4;}
        .slick-dots li {display: inline-block;margin: 0 8px; outline: none;}
        .slick-dots li button {display: block;border: 0 none;width: 15px;height: 15px;border-radius: 15px;margin-right:12px; display: inline-block;outline: none;background: #fff; transition: .5s;}
        .slick-dots .slick-active button {background: #006d33;width: 40px;}
        


.td{padding: 5.5rem 0;background: url(../images/td_bg.jpg) no-repeat center;background-size: 100% 100%;box-sizing: border-box;}
.td_con{position: relative;margin-top: 3rem!important;}
.td_con dl{position: relative;}
.td_con dt img{display: block;width: 100%;}
.td_con dd{position: absolute;left: 3.2rem;width: 52.7rem;bottom:2.4rem;display: flex;justify-content: space-between;}
.td_con dd h4{font-size: 1.7rem;line-height: 1.7rem;color: #ffffff;display: block;font-weight: normal;width: 19.2rem;height: 2.4rem;border-right: 1px solid rgba(255,255,255,.35);}
.td_con dd p{font-size: 0.8rem;line-height: 1.5rem;color: #ffffff;font-weight: normal;width: 33rem;margin-top: -0.4rem;}
.td_con .td3 dd{width:54.5rem;}
.td_con .td3 dd h4{width:20rem;}

.td_con  .sprev{display: block;width: 3.5rem;height: 3.5rem;position: absolute;cursor: pointer;position: absolute;left: 2.5rem;top:12.5rem;z-index: 20;border-radius: 1.3rem;}
.td_con  .snext{display: block;width: 3.5rem;height: 3.5rem;position: absolute;cursor: pointer;position: absolute;right: 2.5rem;top:12.5rem;z-index: 20;border-radius: 1.3rem;}
.td_con  .snext img,.td_con  .sprev img{display: block;width: 3.5rem;height: 3.5rem;}
.td_con .swiper-pagination{position: absolute;right: 4rem!important;bottom: 2.4rem;font-size: 1rem;color: #ffffff;line-height: 1rem;font-family: "mon2";text-align: right;padding-right: 4rem;box-sizing: border-box;}
.td_con .swiper-pagination .swiper-pagination-current{font-size: 2.1rem;}
.td_t{ height: 7rem;padding: 1rem 0 0;margin-top: -1rem;background: #fff;border-radius: 0 0 0.5rem 0.5rem;box-shadow: 0 0 50px 10px rgba(0,0,0,0.06);box-sizing: border-box;}
.td_t ul{height: 6rem;display: flex;justify-content: space-between;}
.td_t ul li{height: 6rem;width: 25%;border-right: 1px solid #e5e5e5;box-sizing: border-box;padding-top: 0.8rem;transition: all 0.5s;}
.td_t ul li:last-child{border-right: 0;}
.td_t ul li em{display: block;width: 3.5rem;height: 2.7rem;margin: 0 auto;overflow: hidden;}
.td_t ul li em img{display: block;width: 3.5rem;height: 2.7rem;margin: 0 auto;transition: all 0.5s;}
.td_t ul li span{font-size: 1rem;line-height: 1rem;color: #1a1a1a;display: block;font-weight: normal;text-align: center;padding-top: 0.6rem;}
.td_t ul li.cur{background: #006d33;height: 7rem;margin-top: -0.5rem;position: relative;z-index: 20;border-radius: 0.5rem;
  box-shadow: 0 0 50px 10px rgba(12,108,18,0.3);padding-top: 1.3rem;border-right: 0;}
.td_t ul li.cur em img:nth-child(1){margin-top: -2.7rem;}
.td_t ul li.cur span{color: #fff;font-weight: bold;}


.about {
  padding: 6rem 0 2.6rem;
}
.about dl dt {
  width: 44%;
  line-height: 0;
  float: right;
  overflow: hidden;
  position: relative;
}
.about dl dt img,
.pro01_list .pro01_dl dt img,
.pro02_list .pro02_dl dt img,
.cpys_m dl dt img{
  display: block;
  width: 100%;
}
.about dl dt em {
  display: none;
  width: 5.2rem;
  height: 5.2rem;
  position: absolute;
  top: calc(50% - 2.6rem);
  left: calc(50% - 2.6rem);
  z-index: 3;
  background-image: url('../images/yinz_video.png');
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: 5.2rem 5.2rem;
}
.about dl dd {
  width: 48.6%;
  float: left;
  padding-top: 0.7rem;
}
.about dl dd h5 {
  font-size: 2.1rem;
  color: #006d33;
  height: 5.5rem;
  line-height: 2.3rem;
  margin-bottom: 1.5rem;
  overflow: hidden;
  position: relative;
}
.about dl dd h5:before {
  content: "";
  width: 2rem;
  height: 0.15rem;
  background: #d6d6d6;
  position: absolute;
  bottom: 0;
  left: 0;
}
.about dl dd h5 a {
  color: #006d33;
}
.about dl dd h5 i {
  display: block;
  font-size: 1.1rem;
  font-weight: normal;
}
.about dl dd p {
  font-size: 0.8rem;
  color: #666;
  line-height: 1.5rem;
}
.about dl dd span {
  display: block;
  width: 2.25rem;
  height: 2.25rem;
  line-height: 0;
  margin-top: 1.5rem;
}
.about dl dd span img {
  width: 2.25rem;
  height: 2.25rem;
}
.about dl dt img,
.cpys_m dl dt img,
.news_dl dt img,
.sup dl dt img{
  -webkit-transition: 1s;
  -moz-transition: 1s;
  transition: 1s;
}
.about dl dt img:hover,
.cpys_m dl dt img:hover,
.news_dl dt img:hover,
.sup dl dt img:hover{
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
/**/
.digital {
  padding-bottom: 6rem;
}
.ibrand-num {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.ibrand-num li {
  width: 24.14%;
  height: 6.5rem;
  background: #f5f5f5;
  position: relative;
  padding: 1.1rem 2.5% 0;
  box-sizing: border-box;
  font-size: 0.9rem;
  color: #006d33;
}
.ibrand-num li b {
  font-size: 2.6rem;
  line-height: 2.6rem;
}
.ibrand-num li em {
  width: 2.5rem;
  height: 2.5rem;
  display: block;
  line-height: 0;
  overflow: hidden;
  position: absolute;
  top: 1.8rem;
  right: 1.6rem;
}
.ibrand-num li em img {
  width: 2.5rem;
  height: 2.5rem;
}
.ibrand-num li span {
  display: block;
  color: #666;
  line-height: 1.2rem;
  padding-top: 0.3rem;
  width: 100%;
  clear: both;
}
.ibrand-num li:hover  {
  background: #006d33;
  color: #fff;
}

.ibrand-num li:hover b {
  
  color: #fff;
}



.ibrand-num li:hover span {
  color: #fff;
}
.ibrand-num li:hover em img {
  animation: flipInY 0.5s;
}
/**/

.clearfix {
    zoom: 1;
}
.clearfix:after {
    content: "";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}



.pro{ box-sizing: border-box;}
.pro_zd{margin-top: 3rem;display: flex;justify-content: space-between;}
.pro_zd dl{width: 23.5625%;}
.pro_zd dt{display: block;width: 100%;border-radius: 0.7rem 0.7rem 0 0;}
.pro_zd dt img{display: block;width: 100%;border-radius: 0.7rem 0.7rem 0 0;}
.pro_zd dd{height: 6.5rem;padding-top: 1.5rem;background: #f5f5f5;border-radius: 0 0 0.7rem 0.7rem;box-sizing: border-box;transition: all 0.5s;}
.pro_zd dd h4{font-size: 1.3rem;color: #333333;display:block;line-height:1.3rem;text-align: center;font-weight: normal;transition: all 0.5s;}
.pro_zd dd p{font-size: 0.8rem;color: #666666;display:block;line-height:0.8rem;margin-top: 0.9rem;text-align: center;transition: all 0.5s;}
.pro_zd dl:hover dd{background: #006d33;}
.pro_zd dl:hover dd h4,.pro_zd dl:hover dd p{color: #fff;}
.pro1{background: url(../images/pro1_bg.jpg) no-repeat center top;padding-top: 5.5rem;box-sizing: border-box;background-size: 100% 24rem;margin-top: 5.5rem;}
.pro1_t{display: flex;justify-content: space-between;flex-wrap: wrap;}
.pro1_t .tit{text-align: left;}
.pro1_t .tit span{color: #fff;}
.pro1_t .tit i{color: #fff;opacity: 0.7;}
.pro1_t ul{display: flex;justify-content: space-between;flex-wrap: nowrap;margin-top: 1rem;}
.pro1_t ul li a{display: block;padding: 0 1.3rem;font-size: 1rem;height: 2.5rem;line-height: 2.5rem;border-radius: 1.3rem;color: #fff}
.pro1_t ul li.cur a{ background: #006d33;font-weight: bold;}
.pro1_con{position: relative;margin-top: 3rem;}
.pro1_qie{display: flex;justify-content: space-between;flex-wrap: nowrap;}
.pro1_l{width:26.875% ;height: 29.3rem;position: relative;}
.pro1_l a>img{display: block;width: 100%; height: 29.3rem;object-fit: cover;object-position: center;border-radius: 1rem 0 0 1rem;}

.pro1_l dt img{display: block;width: 100%; height: 29.3rem;object-fit: cover;object-position: center;border-radius: 1rem 0 0 1rem;}

.pro1_con .pro_z{position: absolute;left: 0rem;top:2.7rem;z-index: 20;width: 100%;padding: 0 5.6rem 0 2.5rem;box-sizing: border-box;}
.pro1_con .pro_z h3 a{display: inline-block;font-size: 1.8rem;line-height: 1.8rem;color: #fff;font-weight: normal; padding-right: 0.4rem;padding-top:0.2rem;background: url(../images/pro_yuan.png) no-repeat right top;background-size: 1.05rem 1.05rem;}
.pro1_con .pro_z p{padding-top: 1.2rem;}
.pro1_con .pro_z p a{font-size: 0.8rem;line-height: 1.6rem;display: block;color: #fff;display: inline-block;}
.pro1_con .pro_z p a i{display: inline-block;margin: 0 0.3rem;}
.pro1_con .pro_z p a:nth-child(4n) i{display: none;}
.pro1_con .pro_z span{display: block;border-top: 1px solid rgba(255,255,255,.3);box-sizing: border-box;font-size: 0.8rem;line-height: 1.6rem;color: #fff;font-weight: normal;padding-top: 1rem;margin-top: 1rem;}
.pro1_con .pro_z span b{font-size: 0.9rem;display:block;}
.pro1_con .pro_z .more{display: block;width: 10.35rem;height: 2.8rem;box-sizing: border-box;line-height: 2.8rem;margin-top: 4.5rem;font-size: 0.8rem;color: #fff;background: url(../images/pro_dd.png) no-repeat center;background-size: 100% 100%;transition: all 0.5s;padding-left: 1.5rem;box-sizing: border-box;}
.pro1_con .pro_z .more em{display: inline-block;margin-left: 0.6rem;width: 1.4rem;height: 1.4rem;vertical-align: -0.4rem;overflow: hidden;transition: all 0.5s;}
.pro1_con .pro_z .more em img{display:block; width: 1.4rem;height: 1.4rem;}
.pro1_con .pro_z .more:hover{transform: translateY(-5px);}
.pro1_con .pro_z .more:hover em{margin-left: 0.5rem;}
.pro1_con .pro_z .more:hover em img:nth-child(1){margin-top: -1.4rem;}
.pro1_r{width:73.125% ;height: 29.3rem;padding: 2rem 1.5rem 0;box-sizing: border-box;background: #fff;}
.pro1_con ul{display: flex;justify-content: space-between;flex-wrap: wrap;height: 27.3rem;border-bottom: 1px solid #ebebeb;box-sizing: border-box;}
.pro1_con li{width: 24.32%;overflow: hidden;}
.pro1_con li a{position: relative;overflow: hidden;}
.pro1_con li img{display: block;width: 100%;margin: 0 auto;border-radius: 0.3rem;height: 10.2rem;object-fit: cover;object-position: center;}
.pro1_con li span{display: block;font-size: 0.8rem;line-height: 2.5rem;margin-bottom: 0.7rem;color: #333;text-align: center;}

.pro2{padding-bottom: 5.5rem;}
.pro2_con{position: relative;margin-top: 3rem;}
.pro2_l dl{position: relative;}
.pro2_l dt img{display: block;width: 100%;}
.pro2_l dd{position: absolute;left: 3.3rem;top:3.5rem;z-index: 20;width: 27rem;}
.pro2_l dd h4{display: block;font-size: 1.6rem;line-height: 1.6rem;color: #fff;font-weight: normal; position: relative;}
.pro2_l dd h4:after{position: absolute;left: 0;top: 2.4rem;width: 3rem;height:1px;background: rgba(255,255,255,.35);content: "";}
.pro2_l dd p{font-size: 0.8rem;line-height: 1.6rem;display: block;color: #fff;opacity: 0.8;margin-top: 2.2rem;}
.pro2_l dd .more{display: block;width: 10.35rem;height: 2.8rem;box-sizing: border-box;line-height: 2.8rem;margin-top: 1rem;font-size: 0.8rem;color: #fff;box-sizing: border-box;transition: all 0.5s;}
.pro2_l dd .more em{display: inline-block;margin-left: 0.6rem;width: 1.4rem;height: 1.4rem;vertical-align: -0.4rem;overflow: hidden;transition: all 0.5s;}
.pro2_l dd .more em img{display:block; width: 1.4rem;height: 1.4rem;}
.pro2_l dd .more:hover{transform: translateY(-5px);}
.pro2_l dd .more:hover em{margin-left: 0.5rem;}
.pro2_l dd .more:hover em img:nth-child(1){margin-top: -1.4rem;}
.pro2_r{margin-top: 1rem;position: relative;}
.pro2_r dl{position: relative;}
.pro2_r dt{display: block;width: 100%;border-radius: 0.5rem;}
.pro2_r dt img{display: block;width: 100%;border-radius: 0.5rem;}
.pro2_r dd h4{position: absolute;left: 0rem;bottom:0rem;z-index: 20;display: block;font-size: 0.9rem;line-height: 1.2rem;color: #fff;width: 100%;text-align: center;background: url(../images/pro2_dd.png) no-repeat center;background-size: 100% 100%;border-radius: 0.5rem;font-weight: normal;height: 4.5rem;padding-top: 2rem;box-sizing: border-box;}
.pro2_r  .aprev{display: block;width: 2rem;height: 2rem;position: absolute;cursor: pointer;position: absolute;left: -1rem;top:6rem;z-index: 20;border-radius: 1.3rem;}
.pro2_r  .anext{display: block;width: 2rem;height: 2rem;position: absolute;cursor: pointer;position: absolute;right: -1rem;top:6rem;z-index: 20;border-radius: 1.3rem;}
.pro2_r  .anext img,.pro2_r  .aprev img{display: block;width: 2rem;height: 2rem;}

/*解决方案*/
.y_anl{padding-top: 90px;/*background: url(../images/poj_bg.jpg) no-repeat center top;*/height: 852px;}
#adv1{position:relative;z-index:1;background:url(../images/poj_bg.jpg) no-repeat center / cover;}
#adv1 canvas{position:absolute;z-index:2;left:0;bottom:0;width:100%;height:100%;}
.al_com{margin-top:20px;}
.al_com dl {
    position: relative;
    float: left;
}
.al_com dl dt{position: relative;z-index: 3;width: 457px;height: 291px;}
.al_com dl.aa02 dt{height:597px}
.al_com dl.aa02 dt p {
    color: #fff;
}
.al_com dl dt p {
    position: absolute;
    z-index: 1;
    top: 40px;
    left: 6%;
    color: #333;
    font-size: 24px;
}
.al_com dl.aa02 dd {
    height: 0;
    -webkit-transition: height .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);
    -webkit-transition: height .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);
  }
  .al_com dl.aa02 dd div.almr{padding-top: 350px;}
.al_com dl p b {
    display: block;
}
.al_com dl dd {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    background: #00abb5;
    width: 397px;
    /*height: 220px;*/
    margin-left: 0;
    padding: 40px 30px;
    height: 0;
    -webkit-transition: height .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);
    -webkit-transition: height .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.al_com dl:hover dd{ height:215px;z-index: 4;}
.al_com dl.aa02:hover dd{height: 518px;}
.al_com .aa01 {
    width: 457px;
    float: left;
    margin-right: 15px;
}
span.pjb {
    position: absolute;
    z-index: 4;
    top: -1rem;
    right: -0.5rem;
}
.al_com dl dt a {
    position: absolute;
    z-index: 1;
    top: 140px;
    left: 6%;
    transition: all 0.5s ease-in-out;
}
.al_com dl dt a img {
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
        -webkit-animation: bounceY 2s infinite;
        -moz-animation: bounceY 2s infinite;
        -o-animation: bounceY 2s infinite;
        -ms-animation: bounceY 2s infinite;
        animation: bounceY 2s infinite;
    }
	@-moz-keyframes bounceY {
        0%,
        100% {
            -moz-transform: translateY(0);
            transform: translateY(0);
        }
        50% {
            -moz-transform: translateY(-15px);
            transform: translateY(-15px);
        }
    }
    
    @-o-keyframes bounceY {
        0%,
        100% {
            -o-transform: translateY(0);
            transform: translateY(0);
        }
        50% {
            -o-transform: translateY(-15px);
            transform: translateY(-15px);
        }
    }
    
    @keyframes bounceY {
        0%,
        100% {
            transform: translateY(0);
        }
        50% {
            transform: translateY(-15px);
        }
    }
.al_com .aa01 dl:last-child,.al_com .aa03 dl:last-child {
    margin-block-start: 15px !important;
}

.al_com dl.aa02 {
    margin-right: 14px;
}
.al_com dl dd h3{font-weight:normal;}
.al_com dl dd h3,.al_com dl dd h3 a {
    font-size: 24px;
    color: #fff;
}
.al_com dl:hover dd h3 a{color:#fff;}
.al_com dl dd h3 b {
    display: block;
}

.al_com dl dd p {
    font-size: 18px;
    color: #fff;
}

div.almr a {
    display: block;
    float: left;
    width: 140px;
    height: 40px;
    line-height: 40px;
    background: #fff;
    border-radius: 30px;
    text-align: center;
    margin-right: 20px;
    color: #00abb5;
}

.almr {
    padding-top: 50px;
}