/* ====首页================================================================ */


/* ====新闻热点==== */
.ls-hotNews {
  width: 100%;
  height: 70px;
  line-height: 70px;
  background-color: #fafafa;
}

.ls-hotNews .ls-hotNews-icon {
  width: 116px;
  float: left;
}

.ls-hotNews .ls-hotNews-icon img {
  vertical-align: middle;
  width: 100%;
}

.ls-hotNews .ls-hotNews-warpper {
  width: 1060px;
  float: left;
  height: 70px;
  overflow: hidden;
  margin-left: 20px;
  position: relative;
}

.ls-hotNews .ls-hotNews-warpper .ls-hotNews-text {
  position: absolute;
}

.ls-hotNews .ls-hotNews-warpper .ls-hotNews-text a {
  font-size: 18px;
  margin-left: 20px;
  color: #ff8085;
  line-height: 70px;
}

.ls-hotNews .ls-hotNews-warpper .ls-hotNews-text a:hover {
  text-decoration: underline;
}

.ls-hotNews .ls-hotNews-warpper .ls-hotNews-text a span {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #ff8085;
  vertical-align: middle;
}



/* ====banner==== */
.ls-banner {
  width: 100%;
  height: 600px;
}

.ls-banner .ls-banner-show {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.ls-banner .ls-banner-show .ls-banner-arrow {
  width: 100%;
  height: 70px;
  position: absolute;
  top: 50%;
  margin-top: -35px;
  z-index: 99;
  padding: 0 30px;
  opacity: 0;
  transition: 0.3s all;
}

.ls-banner .ls-banner-show:hover .ls-banner-arrow {
  opacity: 1;
}

.ls-banner .ls-banner-show .ls-banner-arrow a {
  width: 70px;
  height: 70px;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  color: #fff;
  text-align: center;
  line-height: 70px;
  font-size: 42px;

}

.ls-banner .ls-banner-show ul {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.ls-banner .ls-banner-show ul li {
  float: left;
  overflow: hidden;
  background-color: orange;
  height: 100%;
  position: relative;
}

.ls-banner .ls-banner-show ul li img {
  width: 1920px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.ls-banner .ls-banner-show ol {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);

}

.ls-banner .ls-banner-show ol li {
  display: block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 2px solid #fff;
  float: left;
  margin: 0 5px;
  cursor: pointer;
}

.ls-banner .ls-banner-show ol li.current {
  background-color: #0f9c3c;
}

/* ====关于我们====*/
.ls-pro-abt-box {
  width: 100%;
  background-color: #fafafa;
}

.ls-pro-abt-box .ls-pro-abt {
  width: 100%;
  height: 430px;
  background-color: #fff;
  padding: 0 30px;
  position: relative
}

.ls-pro-abt-box .ls-pro-abt .ls-pro {
  width: 745px;
  position: absolute;
  transition: 0.3s all;

}

.ls-pro-abt-box .ls-pro-abt .ls-pro .ls-pro-top {
  width: 100%;
  padding-top: 58px;
}


.ls-pro-abt-box .ls-pro-abt .ls-pro .ls-pro-top ol {
  padding-top: 16px;

}

.ls-pro-abt-box .ls-pro-abt .ls-pro .ls-pro-top ol>li {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 1px solid #c1c1c1;
  float: left;
  margin-left: 5px;
  cursor: pointer;
}

.ls-pro-abt-box .ls-pro-abt .ls-pro .ls-pro-top ol>li.current {
  background-color: #0f9c3c;
  border: none;
}

.ls-pro-abt-box .ls-pro-abt .ls-pro .ls-pro-show {
  width: 100%;
  height: 184px;
  overflow: hidden;
  position: relative;
  margin-top: 40px;
}

.ls-pro-abt-box .ls-pro-abt .ls-pro .ls-pro-show ul {
  position: absolute;
  height: 100%;
}

.ls-pro-abt-box .ls-pro-abt .ls-pro .ls-pro-show ul li {
  width: 745px;
  float: left;
  height: 100%;
}

.ls-pro-abt-box .ls-pro-abt .ls-pro .ls-pro-show ul li a {
  display: block;
}

.ls-pro-abt-box .ls-pro-abt .ls-pro .ls-pro-show ul li a .ls-pro-imgs {
  width: 330px;
  height: 184px;
  overflow: hidden;
  float: left;
}

.ls-pro-abt-box .ls-pro-abt .ls-pro .ls-pro-show ul li a .ls-pro-imgs img {
  width: 100%;
  display: block;
}

.ls-pro-abt-box .ls-pro-abt .ls-pro .ls-pro-show ul li a .ls-pro-content {
  width: 374px;
  height: 100%;
  margin-top: 34px;
  float: right;
}

.ls-pro-abt-box .ls-pro-abt .ls-pro .ls-pro-show ul li a .ls-pro-content h2 {
  font-size: 18px;
  color: #4c4c4c;
  font-weight: normal;
  height: 50px;
  transition: 0.3s all;
}

.ls-pro-abt-box .ls-pro-abt .ls-pro:hover {
  transform: translateX(10px);
}

.ls-pro-abt-box .ls-pro-abt .ls-pro .ls-pro-show:hover .ls-pro-content h2 {
  color: #0f9c3c !important;
  transform: translateX(10px);
}

.ls-pro-abt-box .ls-pro-abt .ls-pro .ls-pro-show ul li a .ls-pro-content>p {
  width: 100%;
  font-size: 15px;
  color: #666;
  font-weight: normal;
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  /** 对象作为伸缩盒子模型显示 **/
  -webkit-box-orient: vertical;
  /** 设置或检索伸缩盒对象的子元素的排列方式 **/
  -webkit-line-clamp: 2;
  /** 显示的行数 **/
  overflow: hidden;
  /** 隐藏超出的内容 **/
  line-height: 28px;
}

/* 关于我们 */
.ls-pro-abt-box .ls-pro-abt .ls-abt {
  width: 360px;
  height: 494px;
  background-color: #0f9c3c;
  color: #fff;
  position: absolute;
  right: 30px;
  top: -92px;
  padding: 28px 40px;
}

.ls-pro-abt-box .ls-pro-abt .ls-abt .la-abt-top {
  height: 40px;
  margin-bottom: 24px;
}

.ls-pro-abt-box .ls-pro-abt .ls-abt .la-abt-top a {
  line-height: 40px;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
}

.ls-pro-abt-box .ls-pro-abt .line {
  display: block;
  position: absolute;
  width: 360px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  left: 0;
}

.ls-pro-abt-box .ls-pro-abt>.ls-abt>p {
  padding-top: 50px;
  font-size: 16px;
  line-height: 32px;
}

/* ====新闻中心==== */
.ls-news {
  width: 100%;
  background-color: #fafafa;
  padding-top: 30px;
}

.ls-news .ls-news-bg {
  width: 100%;
  background-color: #fff;
  padding: 30px;
}

.ls-news .ls-news-imgs {
  width: 570px;
  height: 405px;
  overflow: hidden;
  position: relative;
}
.n-ls-news-box{
  position: absolute;
}
.ls-news .ls-news-imgs img {
  display: block;
  /*width: 25%;*/
  float: left;
}

.ls-news .ls-news-content {
  width: 544px;
  height: 405px;
  overflow: hidden;
  position: relative;
}

.ls-news .ls-news-content .title-top {
  height: 40px;
  margin-bottom: 38px;
}

.ls-news .ls-news-content .news-navgition {
  line-height: 40px;
}

.ls-news .ls-news-content .news-navgition a {
  padding: 10px;
  transition: .3s all;
}

.ls-news .ls-news-content .news-navgition a.current,
.ls-news .ls-news-content .news-navgition a:hover {
  border-bottom: 1px solid #0f9c3c;
}

.ls-news .ls-news-show {
  height: 330px;
  width: 100%;
  overflow: hidden;
  position: absolute;
}

.ls-news .ls-news-show .ls-news-list{
  width: 25%;
  float: left;
}
.ls-news .ls-news-show .ls-news-list li {
  width: 100%;
  height: 35px;
  line-height: 35px;
  position: relative;
}

.ls-news .ls-news-show .ls-news-list li a {
  width: 100%;
  height: 100%;
  font-size: 16px;
  color: #666;
  display: block;
  position: relative;
  overflow: hidden;
}

.ls-news .ls-news-show .ls-news-list li a:hover {
  color: #0f9c3c;
  text-decoration: underline;
}

.ls-news .ls-news-show .ls-news-list li a:hover i {
  background-color: #0f9c3c;
}

.ls-news .ls-news-show .ls-news-list li a i {
  float: left;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #666;
  vertical-align: middle;
  margin-right: 6px;
  margin-top: 15px;
}

.ls-news .ls-news-show .ls-news-list li a .ls-news-bt {
  width: 370px;
  height: 35px;
  float: left;
  word-break: break-all;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  /** 对象作为伸缩盒子模型显示 **/
  /** 设置或检索伸缩盒对象的子元素的排列方式 **/
  -webkit-line-clamp: 1;
  /** 显示的行数 **/
  overflow: hidden;
  /** 隐藏超出的内容 **/
  line-height: 35px;
}

.ls-news .ls-news-show .ls-news-list li a .date {
  display: block;
  font-size: 15px;
  color: #c1c1c1;
  font-weight: lighter;
  position: absolute;
  right: 5px;
  top: 0;
}

/* ====新闻结束==== */
/* ====连锁分布==== */
.ls-maps {
  width: 100%;
  background-color: #0f9c3c;
}

.ls-maps .mapscenter {
  padding: 39px 30px;
}

.ls-maps .map-left {
  margin-top: 126px;
  color: #fff;
}

.ls-maps .map-left .title {
  height: 84px;
}

.ls-maps .map-left span {
  color: #fff;
}

.ls-maps .map-left>ul>li {
  line-height: 30px;
}

.ls-maps .map-left>ul>li>span.icon {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid #fff;
  font-size: 14px;
  text-align: center;
  margin-right: 5px;
}

.ls-maps .map-right {
  width: 750px;
  height: 630px;
  position: relative;
}

.ls-maps .map-right .map {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.ls-maps .map-right .map>div {
  position: absolute;
  top: 50px;
  left: 50%;
  width: 50px;
  height: 50px;
  text-align: center;
  cursor: pointer;
}
.ls-maps .map-right .map>img{
  width: 100%;
}
.ls-maps .map-right .map>div>a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}

@keyframes mapAdr {
  0% {
    transform: scale(.8)
  }

  50% {
    transform: scale(.5)
  }

  100% {
    transform: scale(.8)
  }
}

@keyframes mapAdr2 {
  0% {
    transform: scale(.8)
  }

  50% {
    transform: scale(1.2)
  }

  100% {
    transform: scale(.8)
  }
}

.ls-maps .map-right .map>div>a>span {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #62e295;
  opacity: .4;
  border-radius: 50%;
  animation: mapAdr 3s linear infinite;

  transform-origin: center;
}

.ls-maps .map-right .map>div>a>i {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #62e295;
  opacity: .2;
  border-radius: 50%;
  animation: mapAdr2 3s linear infinite;
  transform-origin: center;

}

.ls-maps .map-right .map>div>a>em {
  display: block;
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.ls-maps .map-right .map>div>a>p {
  width: 60px;
  line-height: 30px;
  color: #0f9c3c;
  z-index: 999;
  border-radius: 4px;
  position: absolute;
  top: -20px;
  opacity: 0;
  transition: .3s all;
  background-color: yellow;
}

.ls-maps .map-right .map>div:hover p {
  opacity: 1;
}

/* 店面展示 */
.store-show {
  width: 100%;
  height: 324px;
  position: relative;
  overflow: hidden;
  background-color: #fafafa;
}

.store-show ul {
  position: absolute;
  height: 100%;
}

.store-show ul li {
  float: left;
}

.store-show ul li a {
  display: block;
  width: 20%;
  height: 100%;
  float: left;
  overflow: hidden;
}

.store-show ul li a:last-child {
  padding-right: 0;
}

.store-show ul li a img {
  display: block;
  width: 100%;
  padding-left: 5px;

}

.store-points {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);

}

.store-points li {
  display: block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 1px solid #c1c1c1;
  float: left;
  margin: 0 5px;
  cursor: pointer;
}

.store-points li.current {
  background-color: #0f9c3c
}

/* ====培训==== */
.ls-train {
  width: 100%;
  background-color: #fafafa;
  padding: 80px 0;
}

.ls-train .train-bg {
  width: 100%;
  padding: 0 30px;
  height: 472px;
}

.train-bg .train-title {
  width: 406px;
  height: auto;
  position: relative;
}

.train-bg .train-title ul {
  width: 100%;
  height: auto;
  position: absolute;
}

.train-bg .train-title ul li {
  width: 100%;
  height: 94px;
  border-bottom: 1px solid #c1c1c1;
  line-height: 94px;
  padding-left: 40px;
  transition: .3s all;
}

.train-bg .train-title ul li:hover,
.train-bg .train-title ul li.current {
  background-color: #fff;
  border-left: 4px solid #0f9c3c;
  border-bottom: none;
}

.train-bg .train-title ul li a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 22px;
}

.train-bg .train-img {
  width: 734px;
  height: 470px;
  overflow: hidden;
}

.train-bg .train-img img {
  width: 100%;
}

/* 在线联系 */
.cuser {
  width: 100%;
  background-color: #fafafa;
}

.cuser>.container {
  height: 290px;
  padding: 0 30px;
  padding-bottom: 80px;
}

.cuser h2 {
  font-size: 22px;
  font-weight: normal;
  height: 36px;
}

.cuser p {
  font-size: 16px;
  font-weight: lighter;
  height: 42px;
}

.cuser input {
  display: block;
  width: 126px;
  height: 36px;
  background: none;
}

.cuser .cuser-left {
  width: 760px;
  height: 100%;
  color: #fff;
  background: #0f9c3c url('../images/problem-left.jpg') no-repeat right;
  padding: 50px 0 48px 30px;
}

.cuser .cuser-left>input {
  border: 1px solid #fff;
  color: #fff;
  transition: .3s all;
  cursor: pointer;
}


.cuser .cuser-left>input:hover {
  background-color: #fff;
  color: #0f9c3c;
}


.cuser .cuser-left .input {
  border: 1px solid #fff;
  color: #fff;
  transition: .3s all;
  cursor: pointer;
  width: 90px;
  display: block;
  text-align: center;
  line-height: 32px;
}

.cuser .cuser-left .input:hover {
  background-color: #fff;
  color: #0f9c3c;
}



.cuser .cuser-right {
  width: 380px;
  height: 100%;
  color: #fff;
  background-color: #ededed;
  padding: 50px 30px 48px 30px;
  color: #0f9c3c;
}

.cuser .cuser-right>input {
  border: 1px solid #0f9c3c;
  color: #0f9c3c;
  transition: .3s all;
  cursor: pointer;
}

.cuser .cuser-right>input:hover {
  background-color: #0f9c3c;
  color: #fff;
}

.cuser .cuser-right .input {
  border: 1px solid #0f9c3c;
  color: #0f9c3c;
  transition: .3s all;
  cursor: pointer;
  width: 90px;
  display: block;
  text-align: center;
  line-height: 32px;
}

.cuser .cuser-right .input:hover {
  background-color: #0f9c3c;
  color: #fff;
}

/* ==========================关于我们========================================================================== */
.ab-banenr {
  width: 100%;
  height: 444px;
  overflow: hidden;
  position: relative;
}

.ab-banenr .ab-banner-img {
  width: 1920px;
  height: 444px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -960px;
  background: #0f9c3c url("../images/ty-banner.jpg") no-repeat top center;

}

.body-title {
  width: 100%;
  position: relative;
}

.body-title .title-adress {
  position: absolute;
  width: 100%;
  height: 135px;
  top: -135px;
  background-color: #fff;
  padding: 50px 30px;
}

.body-title .news-navgition {
  line-height: 40px;
}

.body-title .news-navgition a {
  padding: 5px;
  font-size: 14px;
  transition: .3s all;
  color: #666
}

.body-title .news-navgition a.current,
.body-title .news-navgition a:hover {
  border-bottom: 1px solid #0f9c3c;
}

.about {
  margin-bottom: 30px;
}

.la-jtinfo {
  width: 100%;
  position: relative;
  padding-bottom: 30px;
  border-bottom: 1px dashed #c1c1c1;
  min-height: 335px;
}

.la-jtinfo .imgs {
  width: 570px;
  height: 305px;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
}

.la-jtinfo .about-js {
  padding-left: 590px;
}

.la-jtinfo .about-js>h2 {
  font-size: 20px;
  font-weight: normal;
  color: #444;
  height: 40px;
}

.la-jtinfo .about-js>p {
  line-height: 23px;
  font-size: 15px;
  color: #666;
  border-bottom: 1px dashed #c1c1c1;
  padding: 5px 0;
}

.la-jtinfo .about-js>p:last-child {
  border: none;
}

.culture-title .title {
  line-height: 88px;
  height: 88px;
}

.culture-title .title>h2 {
  float: left;
  font-size: 20px;
  color: #444;
  vertical-align: middle;
}

.culture-title .title>span {
  float: left;
  vertical-align: bottom;
  margin-left: 4px;
}

.culture-info ul li {
  width: 372px;
  height: 148px;
  background-color: #fafafa;
  text-align: center;
  border: 1px solid #f2f2f2;
  position: relative;
  overflow: hidden;
  float: left;
  margin-right: 12px;
  margin-top: 10px;
}

.culture-info ul li:nth-of-type(3n) {
  margin-right: 0;
}

.culture-info ul li>div {
  width: 372px;
  height: 148px;
}

.culture-info ul li>div>h3 {
  font-size: 18px;
  font-weight: normal;
  color: #999;
}

.culture-info ul li>div>img {
  padding-top: 33px;
}

.culture-info ul li>div.show h3 {
  margin-top: 7px;
}

.culture-info ul li>div.hides {
  width: 100%;
  height: 100%;
  background-color: #0f9c3c;
  color: #fff;
  position: absolute;
  transition: .3s all;
  padding: 0 28px;
}

.culture-info ul li>div.hides h3 {
  color: #fff;
  padding-top: 30px;
  height: 63px;
}

.culture-info ul li:hover .hides {
  transform: translateY(-148px);
}

.news-n {
  margin-bottom: 30px;
}

.news-n .culture-info ul li {
  width: 372px;
  height: 222px;
  background-color: #fff;
  text-align: center;
  border: 1px solid #f2f2f2;
  position: relative;
  overflow: hidden;
  float: left;
  margin-right: 12px;
  margin-top: 10px;
  transition: .3s all;
}

.news-n .culture-info ul li:nth-of-type(3n) {
  margin-right: 0;
}

.news-n .nesbox {
  padding: 30px;
  display: block;
  width: 100%;
  height: 100%;
  text-align: left;
}

.news-n .nesbox span {
  font-size: 18px;
  color: #c1c1c1;
  height: 44px;
  font-weight: lighter;
  display: block;
}

.news-n .nesbox h3 {
  font-weight: normal;
  font-size: 18px;
  height: 18px;
  margin-bottom: 22px;
  color: #444;
  width: 100%;
  word-break: break-all;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  /** 对象作为伸缩盒子模型显示 **/
  /** 设置或检索伸缩盒对象的子元素的排列方式 **/
  -webkit-line-clamp: 1;
  /** 显示的行数 **/
  overflow: hidden;
  /** 隐藏超出的内容 **/
}

.news-n .nesbox p {
  font-size: 15px;
  color: #c1c1c1;
  width: 100%;
  word-break: break-all;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  /** 对象作为伸缩盒子模型显示 **/
  /** 设置或检索伸缩盒对象的子元素的排列方式 **/
  -webkit-line-clamp: 2;
  /** 显示的行数 **/
  overflow: hidden;
  /** 隐藏超出的内容 **/
  line-height: 28px;
}

.news-n .culture-info ul li:hover {
  box-shadow: 0 0 8px rgba(117, 117, 117, 0.2);
}

.news-n .culture-info ul li:hover h3 {
  color: #0f9c3c;
}

.nes-btn {
  width: 100%;
  margin-top: 30px;
}

.fenye a {
  padding: 0 16px;
  margin-right: 10px;
  border: 1px solid #c1c1c1;
  text-align: center;
  line-height: 40px;
  color: #999;
  cursor: pointer;
  display: inline-block;
}

.fenye a.current,
.fenye a.current:hover {
  background-color: #0f9c3c;
  color: #fff;
  border: 1px solid #0f9c3c;
}

.product {
  margin-bottom: 30px;
}

.product>.culture>.culture-info ul li {
  width: 372px;
  height: 342px;
  background-color: #fff;
  text-align: center;
  border: transparent;
  position: relative;
  overflow: hidden;
  float: left;
  margin-right: 12px;
  margin-top: 10px;
  transition: .3s all;
}

.product>.culture>.culture-info ul li>a>div {
  width: 372px;
  height: 194px;
  border: 1px solid #f2f2f2;
  overflow: hidden;
}

.product>.culture>.culture-info ul li>a>div img {
  width: 100%;
}

.culture-info ul li:nth-of-type(3n) {
  margin-right: 0;
}

.culture-info ul li>div {
  width: 372px;
  height: 148px;
}

.product>.culture>.culture-info ul li>a {
  display: block;
}

.product>.culture>.culture-info ul li>a h3 {
  font-weight: normal;
  font-size: 18px;
  height: 18px;
  margin-top: 22px;
  margin-bottom: 22px;
  color: #444;
  width: 100%;
  word-break: break-all;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  /** 对象作为伸缩盒子模型显示 **/
  /** 设置或检索伸缩盒对象的子元素的排列方式 **/
  -webkit-line-clamp: 1;
  /** 显示的行数 **/
  overflow: hidden;
  /** 隐藏超出的内容 **/
  padding: 0 30px;
}

.product>.culture>.culture-info ul li>a p {
  font-size: 15px;
  color: #c1c1c1;
  width: 100%;
  word-break: break-all;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  /** 对象作为伸缩盒子模型显示 **/
  /** 设置或检索伸缩盒对象的子元素的排列方式 **/
  -webkit-line-clamp: 2;
  /** 显示的行数 **/
  overflow: hidden;
  /** 隐藏超出的内容 **/
  line-height: 28px;
  padding: 0 30px;
}

.product>.culture>.culture-info ul li:hover {
  box-shadow: 0 0 8px rgba(117, 117, 117, 0.2);
}

.product>.culture>.culture-info ul li:nth-of-type(3n) {
  margin-right: 0;
}



/* ====三级页=============================================================== */
.title-adress.titles h2 {
  text-align: center;
  font-size: 22px;
}

.title-adress.titles .title-infos {
  font-size: 14px;
  color: #0f9c3c;
  text-align: center;
  margin-top: 10px;
}

.child {
  margin-bottom: 30px;
  padding: 0 100px;
}

.child>div,
.child>span {
  display: block;
  float: none;
  position: relative;
}

.child img {
  width: 100%;

}

.child p {
  line-height: 26px;
  text-indent: 2rem;
}

/* ===========联系我们=========================================================== */
.adressBox {
  width: 100%;
  padding: 0 60px;
}

.adressBox p {
  display: block;
  width: 50%;
  float: left;
  border-left: 3px solid #0f9c3c;
  margin-bottom: 30px;
  padding-left: 10px;
}

.adressMap {
  width: 100%;
  padding: 0 60px;
  height: 334px;
}

.adressMaps {
  width: 100%;
  height: 100%;
  background-color: #0f9c3c;
}

/* ====================连锁加盟=========================== */
.map-box {
  width: 878px;
  height: 717px;
  position: relative;
  left: 50%;
  margin-left: -439px;
}

.map-box img {
  position: absolute;
  left: 0;
  top: 0;
}

.map-box>div {
  position: absolute;
  top: 50px;
  left: 50%;
  width: 50px;
  height: 50px;
  text-align: center;
}

.map-box>div>a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}

@keyframes mapAdr {
  0% {
    transform: scale(.8)
  }

  50% {
    transform: scale(.5)
  }

  100% {
    transform: scale(.8)
  }
}

@keyframes mapAdr2 {
  0% {
    transform: scale(.8)
  }

  50% {
    transform: scale(1.2)
  }

  100% {
    transform: scale(.8)
  }
}

.map-box>div>a>span {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #62e295;
  opacity: .4;
  border-radius: 50%;
  animation: mapAdr 2s linear infinite;

  transform-origin: center;
}

.map-box>div>a>i {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #62e295;
  opacity: .2;
  border-radius: 50%;
  animation: mapAdr2 2s linear infinite;

  transform-origin: center;

}

.map-box>div>a>em {
  display: block;
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: yellow;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);

}

.map-box>div>a>p {
  width: 40px;
  color: #0f9c3c;
  z-index: 999;
  border: 1px solid yellow;
  border-radius: 4px;
  position: absolute;
  top: -20px;
  opacity: 0;
  transition: .3s all;
  background-color: yellow;
}

.map-box>div:hover p {
  opacity: 1;
}


.copnoy-title {
  padding-top: 20px;
  text-align: center;
}

.copnoy-title h2 {
  font-weight: normal;
  height: 52px;
  font-size: 20px;
  color: #444;
}

.copnoy-title a {
  display: block;
  width: 266px;
  height: 54px;
  border: 1px solid #c1c1c1;
  line-height: 54px;
  float: left;
  margin-bottom: 10px;
  transition: .3s all;
}

.copnoy-title a:hover,
.copnoy-title a.current {
  background-color: #0f9c3c;
  color: #fff;
}

.copnoy-title a:nth-of-type(2n) {
  float: right;
}

.subsidiary {
  width: 100%;
  background: #0f9c3c;
  text-align: center;
  color: #fff;
  font-size: 20px;
  margin-bottom: 30px;
}

.subsidiary>h2 {
  font-weight: normal;
  padding-top: 40px;
  padding-bottom: 20px;
}

.subsidiary>a {
  margin-bottom: 20px;
  width: 30%;
  display: inline-block;
  color: #fff;
  border: 1px solid #fff;
  text-align: center;
  font-size: 15px;
  padding: 6px 50px;
  transition: .3s all;
}

.subsidiary>a:hover {
  background-color: #fff;
  color: #0f9c3c;
}

.cysss>.title-adress>.title span {
  line-height: 30px;
  margin-left: 5px;
}

.cysss>.title-adress>.news-navgition {
  line-height: 30px;
}

.cysss>.title-adress>.news-navgition a {
  padding: 10px;
  transition: .3s all;
}

.cysss>.title-adress>.news-navgition a.current,
.cysss>.title-adress>.news-navgition a:hover {
  border-bottom: 1px solid #0f9c3c;
}

.cy-more {
  text-align: center;
  margin-top: 30px;
}

.cy-more a {
  display: inline-block;
  width: 200px;
  height: 30px;
  line-height: 30px;
  border: 1px solid #c1c1c1;
  color: #c1c1c1;
  transition: .3s all;
}

.cy-more a:hover {
  background-color: #0f9c3c;
  color: #fff;
  border: 1px solid #0f9c3c;
}