@charset "utf-8";

/*js代码(www.jsdaima.com)是IT资源下载与IT技能学习平台。我们拒绝滥竽充数，只提供精品IT资源！*/

*{margin:0;padding:0}
.a_closed img {width: auto;}
/* body{font-size:12px;height:100%;line-height:22px;width:100%;} */
a{text-decoration:none;cursor:pointer;transition:all .3s;outline:none}
ul{list-style:none}
.lf{float:left}
.rg{float:right}
.clear{clear:both;height:0px;line-height:0px;font-size:0px}
.head{position:fixed;top:0px;left:0px;width:100%;min-width:1000px;z-index:9999;;height:75px;transition:all .3s;}
.logo{width:173px;transition:all .3s;position: absolute; left: 12.4%;top: 15px;}
.logo a{display:block;position:relative;overflow:hidden}
.logo img{width:100%;position:relative;z-index:100}
.logo .p1{position:absolute;top:0%;left:0px;width:100%;height:80%;}
.navs{width:62%;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;margin: 0 10% 0 0;}
.navs ul li{float:left;width:14.28%;height:75px;transition:all .3s}
.navs ul li .a1{line-height:75px;display:block;text-align:center;font-size:20px;color:#333;transition:all .3s}
.navs ul li:hover .a1{color: #00a677;transition:all .3s}
/* .navs ul li:hover .a1{color: #fff;transition:all .3s} */
.navs ul li .div1{display:none;background: linear-gradient(to right, #00a677, #007cab);color:#fff;width:100%;left:0px;position:absolute;top:95px;z-index:100}
.navs ul li .div1 .p1{width:70%;float:right;height:auto;line-height:65px;text-align: right;}
/* .navs ul li .div1 .p1 a{color:#fff;font-size:14px;text-transform:uppercase;background:url(../images/1_26.jpg) center bottom no-repeat;display:inline-block;height:65px;line-height:65px;width: 120px;text-align: center;;transition:all .5s} */
.navs ul li .div1 .p1 a{color:#fff;font-size:18px;text-transform:uppercase;display:inline-block;height:65px;line-height:65px;width: 120px;text-align: center;;transition:all .5s}
/* .navs ul li .div1 .p1 a:hover{background:url(../images/1_27.jpg) center bottom no-repeat;color:#1a1a1a;font-size:16px;height:65px;line-height:65px;} */
.navs ul li .div1 .p1 a:hover{color:#1a1a1a;font-size:20px;height:65px;line-height:65px;text-transform:uppercase;display:inline-block;transition:all .5s}
.navs ul li .mad3 .p1 .pad{margin-left:30%}
.navs ul li .mad4 .p1 .pad{margin-left:44%}
.navs ul li .mad5 .p1 .pad{margin-left:45%}
.navs ul li .mad6 .p1{text-align:right}

.headers{
    position: fixed;
    margin: auto;
    top: 0;
    z-index: 55;
}
.moblie_head{display:none;height:44px;background:#fff;position:fixed;top:0px;left:0px;width:100%;z-index:9999;border-bottom:1px solid #ddd}

.a_txt{display:none}
/*小于1600大于1200稍微调整下字体*/
@media screen and (max-width: 1600px) and (min-width:1200px) {
.navs ul li .a1{font-size:20px}
.navs ul li .div1 .p1 a{font-size:16px}
.foot_top ul{margin-left:60px}
.navs ul li .div1 .p1{width:70%}
}
@media screen and (max-width: 1200px) and (min-width: 1023px){
    .navs ul li .a1{font-size:16px}
    .navs ul li .div1 .p1 a{font-size:14px}
}
/*移动端导航*/
@media screen and (max-width: 1024px) and (min-width: 0px){
.head{display:none}
.moblie_head{display:block;height:44px;background:#fff;position:fixed;top:0px;left:0px;width:100%;z-index:9999;border-bottom:1px solid #ddd}
.moblie_head .lf{padding-top:10px;padding-left:5%}
.moblie_head .lf img{height:24px;width: auto;}
.moblie_head .rg{padding-right:5%;padding-top:14px}
.moblie_head .rg a img{height:16px;vertical-align:top;width: auto;}
.a_txt{display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
.a_txt .div1{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
.a_txt .div2{position:absolute;width:20%;left:0px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
.a_txt .div3{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:100;right:-80%}
.a_txt .div3 ul{padding-left:5%;padding-right:5%}
.a_txt .div3 ul li{border-bottom:1px solid #232530;overflow-y: auto;}
.a_txt .div3 ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
.a_txt .div3 ul li .a_js2{background:url(../images/plus.png) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.a_txt .div3 ul li .a_js2_on{background:url(../images/reduce.jpg) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.a_txt .div3 ul li .a_txt2{display:none;max-height: 300px;}
.a_txt .div3 ul li .a_txt2 a{height:40px;line-height:40px;font-size:14px}
}
















/* 主体 */
.main{
    position: relative;
    height: 100%;
    background: #eee;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #000;
    margin: 0;
    padding: 0;
  }
  .main .swiper {
    width: 100%;
    height: 100%;
  }

  .main .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  /* 修改箭头 */
  .swiper-button-prev{
    display: none;
    width: 48px;
    height: 48px;
    background: #1f8c80;
    color: #fff;
    border-radius: 30px;
    text-indent: -3px;
    left: 40px;

  }
  .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{
    font-size: 22px;
  }

  .swiper-button-next {
    display: none;
    width: 48px;
    height: 48px;
    background: #1f8c80;
    color: #fff;
    border-radius: 30px;
    text-indent: 3px;
    right: 40px;

  }
  .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{
    font-size: 22px;
  }


  /* 移动端 不出现 */
  @media only screen and (min-width:1024px){
    .main .swiper-slide:hover .swiper-button-next, .main .swiper-slide:hover  .swiper-button-prev{
        display: flex;
        font-size: 20px
    }
  }
  /* 背景设置 */
  .main .mySwiper  #bgi{
    background-size:cover;
    background-attachment:fixed;
    height:100%;
    width:100%;
  }
  .main .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* object-fit: contain; */
  }
  /* banners 相关 --------------------------------------------------------- */
  /* 公共 盒子 */
  .main .myBanner .title {
      color: #707070;
      font-size: 30px;
      position: absolute;
      margin: auto;
      left: 13%;
      /* top: 30%; */
      text-align: left;
      width: 80%;
  }

  .main .myBanner .info_img {
    position: absolute;
    margin: auto;
    right: 11%;
    /* top: 30%; */
    text-align: left;
    width: 30%;
  }
  .main .myBanner .h3{
    color: #707070;
    font-size: 30px;
    /* margin:  0 0 6% 0 ; */
  }
  .main .myBanner .h5 {
    color: #707070;
    font-size: 24px;
    line-height: 30px;
    /* margin: 6% 0 0 0 ; */
}
.main .myBanner .btn{
  background: linear-gradient(to right, #009BA2, #008D4F);
  color: #fff;
  font-size: 24px;
    margin: auto;
    padding: 15px 25px;
    border-radius: 35px;
    display: inline-block;
    margin: 6% 0 0 0;
}
.main .myBanner {
    cursor: pointer;
}
/* 第一个 */
.main .myBanner .banner1 .h1 {
  margin: 2% 0 0 0 ;

}
.main .myBanner .banner1 .h5 {
  margin: 2%  0 0 0 ;
}
/* 第 2 个 banner */
.main .myBanner .banner2 .h1{
  /* top: 370px; */
  color:#1E8C80 ;
  margin: 2% 0 0 0;
}
.main .myBanner .banner2 .h5{
  margin: 2% 0 0 0 ;
}
/* 第 3 个 banner */
.main .myBanner .banner3 .title{
  top: 37%;
}
.main .myBanner .banner3 .h5{
  /* top: 550px; */
  margin: 2% 0 0 0;

 }

 /* Banner  动画 */
  /* .main .myBanner .banners .animate__fadeInTopLeft ,.main .myBanner .banners .animate__fadeOutTopRight  {
    --animate-duration: 2s;
  }
  .main .myBanner .banners .animate__fadeInBottomLeft, .main .myBanner .banners  .animate__fadeOutBottomRight {
    --animate-duration: 2s;
  } */


  /* Banner 底部样式 */
  .main .swiper-pagination{ height:4px; bottom:16px;}
  .main .swiper-pagination-bullet{ width:40px; height:4px; background:#666; margin:0 4px !important; border-radius:0; vertical-align:top; opacity:1;}
  .main .swiper-pagination-bullet-active{ background-image:linear-gradient(to right, #00a677, #007cab);}

  /* banners 结束 --------------------------------------------------------- */

  /* 产品 相关 --------------------------------------------------------- */

  .main .mySwiper .products {
    cursor: pointer;

  }
  .main .mySwiper .products .products-title {
      position: absolute;
      right: 11%;
      top: 10%;
      color: #5F6965;
      text-align: left;
  }
  /* 产品 title */
  .main .mySwiper .products .products-title h1{
    letter-spacing: 7px;
    font-size: 50px;
    margin: 0 0 10px 0;
  }
  .main .mySwiper .products .products-title h2{
    letter-spacing: 4px;
  }
  /* 产品 title 动画 */

  .main .mySwiper .products .products-cent{
      width: 76%;
      margin: 9% auto 0 auto ;
      /* margin: 100px auto auto auto; */
      text-align: center;

  }
  .main .mySwiper .products .products-cent .list-div{
    background: #fff;
    color: #221815;
    width: 18%;
    display: inline-block;
    padding: 38px 1px;
    margin: 10px;
    text-align: center;
    border-radius: 15px;

  }
  .main .mySwiper .products .products-cent .list-div .icon{
      display: inline-block;
  }
  .main .mySwiper .products .products-cent .list-div .name{
    display: inline-block;
    margin: 0 0 0 6px;
    vertical-align: text-top;
    vertical-align: top;
    font-size: 20px;

  }

  /* 点击 弹框 */
  .main .mySwiper .products  .products-cent-fixed {
    position: absolute;
    background: linear-gradient(to right, #009BA2 , #008D4F);
    width: 76%;
    margin: 100px auto auto auto;
    border-radius: 55px;
    text-align: center;
    min-height: 500px;
    /* height: 400px; */
    display: flex;
    display: none;
    justify-content: center;
    flex-direction: column;
  }
  .main .mySwiper .products  .products-cent-fixed .list-div{
    border-radius: 55px;
    display: none;
    padding: 20px 0 ;
    /* display: flex; */
    justify-content: center;
    flex-direction: row-reverse;
    /* flex-direction: column; */
  }
  .main .mySwiper .products  .products-cent-fixed .list-div .icon{
      width: 45%;
      display: inline-block;
      margin: 10px 30px 10px 30px;
  }
  .main .mySwiper .products  .products-cent-fixed .list-div img{
    /* width: 70%; */
    display: inline-block;
    object-fit: contain;
}
  .main .mySwiper .products  .products-cent-fixed .list-div  .infos{
    width: 30%;
    display: inline-block;
    margin: 0 11% 15px 4%;
    vertical-align: top;
    text-align: right;
    cursor: pointer;
    display: flex;
      flex-direction: column;
      justify-content: center;
  }
  .main .mySwiper .products  .products-cent-fixed .list-div   .icon-title {
    width: 100%;
    display: block;
    margin: 5% auto;
  }
  .main .mySwiper .products  .products-cent-fixed .list-div  .infosWap{

    width: 40%;
    /* margin: 0 2% 15px 4%; */

  }
  .main .mySwiper .products  .products-cent-fixed .list-div  .infos .h1{
    color: #FFFFFF;
    font-size: 30px;
    margin: 20px 0 0 0 ;
    text-align: right;
  }
  .main .mySwiper .products  .products-cent-fixed .list-div  .infos .span{
    color: #FFFFFF;
    display: block;
    text-align: left;
    font-size: 16px;
    line-height: 25px;
    margin: 6% 0 0 0;

    text-indent:2em;
    word-break: normal;
    text-align: justify;
  }
  .main .mySwiper .products  .products-cent-fixed .list-div  .infos .btn{
    /* background: linear-gradient(to right, #009BA2, #008D4F); */
    background: #fff;
    color: #008D4F;
    font-size: 16px;
    margin: auto;
    padding: 5px 25px;
    border-radius: 35px;
    display: inline-block;
    text-align: right;
    margin: 35px 0 0 0;
  }

  /* 产品 结束 --------------------------------------------------------- */


  /* 中间 banner 开始 --------------------------------------------------------- */
  .main .myBanner3 {
    cursor: pointer;
  }
   /* 公共 盒子 */
   .main .myBanner3 .title {
    color: #707070;
    font-size: 26px;
    position: absolute;
    margin: auto;
    left: 13%;
    /* top: 35%; */
    text-align: left;
    width: auto;
}

.main .myBanner3 .h1{
  font-weight: bolder;
  background-image: linear-gradient(to left, #12b2b9, #0a814b );
  /* background-image: linear-gradient(to left, #12b2b9,#12b2b9,#01c4cd, #0a814b ); */
 /* background-image: linear-gradient(to right, #088b51, #12b2b9,#12b2b9,#12b2b9); */
 /* background: -webkit-linear-gradient(left top, #088b51 , #12b2b9);
background: -o-linear-gradient(bottom right, #088b51, #12b2b9);
background: -moz-linear-gradient(bottom right, #088b51, #12b2b9);
background: linear-gradient(to bottom right, #088b51 , #12b2b9);  */
 -webkit-background-clip: text;
 background-clip: text;
 color: transparent;

}
.main .myBanner3 .h2{
  color: #666666;
  margin: 30px 0;
    font-weight: 500;
}
.main .myBanner3 .h5 {
  color: #22936C;
  line-height: 33px;
  font-weight: normal;
  /* margin: 6% 0 0 0 ; */
}

.main .myBanner3 .info_img {
  position: absolute;
  margin: auto;
  right: 11%;
  /* top: 22%; */
  width: 35%;
}

/* 第 2 个  */
.main .myBanner3 .banner2  .title{
    text-align: right;
    right: 12%;
}
.main .myBanner3 .banner2 .title .h1{
  background-image: linear-gradient(to left, #12b2b9,#079355,#12b2b9,#0a814b);
}
.main .myBanner3 .banner2 .title .h2{
  margin: 30px 0 ;
}
/* 第 3 个  */
.main .myBanner3 .banner3  .title{
  text-align: right;
  right: 12%;
  top: 30%;
}
.main .myBanner3 .banner3 .title .h1{
  background-image: linear-gradient(to left, #12b2b9,#079355,#12b2b9,#0a814b);
}
.main .myBanner3 .banner3 .title .h2{
  margin: 30px 0 ;
}
.main .myBanner3 .banner3 .info_img{
  left: 15%;
  right: auto;
}

.main .myBanner3 .banner4 .info_img{
  width: 50%;
}
/* 第 5 个  */
.main .myBanner3 .banner5  .title{
  text-align: right;
  right: 12%;
}
.main .myBanner3 .banner5 .title .h1{
  background-image:linear-gradient(to left, #12b2b9,#067846,#12b2b9,#0a814b)
}
.main .myBanner3 .banner5 .title .h2{
  margin: 30px 0 ;
}
.main .myBanner3 .banner5 .info_img{
  /* width: 50%; */
  right: auto;
  left: 13%;
}

.main .myBanner3 .banner6 .info_img{
  width: 45%;

}
/* 第 7 个  */
.main .myBanner3 .banner7  .title{
  text-align: right;
  right: 12%;
}
.main .myBanner3 .banner7 .title .h1{
  background-image:linear-gradient(to left, #12b2b9,#067846,#12b2b9,#0a814b)
}
.main .myBanner3 .banner7 .title .h2{
  margin: 30px 0 ;
}
.main .myBanner3 .banner7 .info_img1{
  width: 25%;
  right: auto;
  left: 11%;
}
.main .myBanner3 .banner7 .info_img2{
  width: 23%;
  right: 0;
  left: 6%;
  margin: auto;
}
  /* 中间 banner 结束 --------------------------------------------------------- */

  /* 新闻中心 开始 --------------------------------------------------------- */
  .main .mySwiper .news-wap  {
    display: none;
  }
  .main .mySwiper .news-pc  {
    display: block;
  }
  .main .mySwiper .news {
    cursor: pointer;

  }
  .main .mySwiper .news .news-title {
      position: absolute;
      right: 11%;
      top: 10%;
      color: #5F6965;
      text-align: left;
      z-index: 11;

  }
  /* 产品 title */
  .main .mySwiper .news .news-title h1{
    letter-spacing: 7px;
    font-size: 50px;
    margin: 0 0 10px 0;
  }
  .main .mySwiper .news .news-title h2{
    letter-spacing: 8px;
  }

  .main .mySwiper .news .news-cent{
      width: 90%;
      /* margin: 10% auto; */
      margin: 15% auto 0 auto;
      text-align: center;
      /* display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center; */
   }
  .main .mySwiper .news .news-cent-div{
      width: 18%;
      margin: 0 1% 0 1%;
      border: 1px solid #ccc;
      padding: 4% 1.5% 2% 1.5%;
      border-radius: 20px;
      position: relative;
      display: inline-block;
      background: #fff;
      vertical-align: top;
      text-align: left;
      /* display: flex;
      flex-direction: column;
      justify-content: center;  */

  }
  .main .mySwiper .news .news-cent-div .icon{
      width: 18%;
      display: block;
      position: absolute;
      top: -6%;
  }
  .main .mySwiper .news .news-cent-div .h5{
      font-size: 18px;
      overflow : hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      /* 限制在一个块元素显示的文本的行数 */
      /* -webkit-line-clamp: 1;  */
      /* 垂直排列 */
      /* -webkit-box-orient: vertical;  */
      word-break: break-all;  /* 内容自动换行 */
      line-height: 25px;
      height: 70px;
  }
  .main .mySwiper .news .news-cent-div .span{
    font-size: 16px;
    line-height: 25px;
    margin: 1% auto 10% auto;
    display: inline-block;
    height: 70px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* 限制在一个块元素显示的文本的行数 */
    -webkit-box-orient: vertical; /* 垂直排列 */
    word-break: break-all;  /* 内容自动换行 */
  }
  .main .mySwiper .news .news-cent-div .btn{
    font-size: 16px;
    border-radius: 25px;
    padding:2% 8%;
    display: inline-block;
    color: #33a991;
    border: 3px solid #33a991;
  }
  .main .mySwiper .news .news-cent-div .news-cent-img{
    margin: 10% auto 0 auto;
    width: 100%;
    height: 200px
    /* width: 200px;
    */
  }
  /* 新闻中心 结束 --------------------------------------------------------- */

  /* 关于我们 开始 --------------------------------------------------------- */
  .main  .abouts{
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #FFFFFF;
    text-align: center;
    /* margin: 8% auto 1% auto; */
    width: 100%;
    height: 100%;
    /* min-height: 466px; */
    background: linear-gradient(to left, #008d4f ,#009ba2);
    background-size: cover;
  }
  .main  .abouts .abouts-title{
      font-size: 26px;
      letter-spacing: 7px;
      margin: 20px auto;
  }
  .main  .abouts .abouts-title .h1{
    font-size: 40px;
    margin: 0;
  }
  .main  .abouts .abouts-title .h2{
    font-size: 30px;
    margin: 0;
  }
  .main  .abouts .abouts-info{

    font-size: 18px;
   border:  1px solid #fff;
   padding: 10px;
   margin: 20px auto;
  }
  .main  .abouts .abouts-info1{
    font-size: 16px;
    width: 70%;
    padding: 10px;
    margin: 20px auto;
    line-height: 40px;
  }
  /* 关于我们 结束 --------------------------------------------------------- */

  /* fotters 底部 结束 --------------------------------------------------------- */
  .main .fotters c {
      background: #fff;
  }
  .main .fotters .fotters-pc  {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 1% auto 0 auto;
    width: 75%;
    height: 100%;

  }
  .main .fotters .fotters-wap{
    display: none;
  }
  .main .fotters .fotters-pc .fotters-pc-text{
      display: flex;
      justify-content: center;
      align-items: center;
  }
  .main .fotters .fotters-pc .fotters-left {
      /* display: inline-block;
      float: left; */
      z-index: 11;
  }
  .main .fotters .fotters-pc .fotters-left .fotters-logo{
      width: 10%;
      margin: 0 auto 3% 0;
      min-width: 150px;
  }
  .main .fotters .fotters-pc .fotters-left  .fotters-Coname{
      margin: 3% auto;
  }
  .main .fotters .fotters-pc .fotters-left  .fotters-Coname .h5{
    letter-spacing: 5px;
    font-size: 22px;
    margin: 0;
    line-height: 15px;
    /* font-weight: bold; */
  }
  .main .fotters .fotters-pc .fotters-left  .fotters-Coname .h51{
    letter-spacing: -1px;
    font-size: 16px;
  }
  .main .fotters .fotters-pc .fotters-left .fotters-wx{
        width: 10%;
        min-width: 150px;
        cursor: pointer;
        background: #fff;
  }
  .main .fotters .fotters-pc .fotters-left .fotters-wx-name{
      font-size: 18px;
      width: 150px;
      text-align: center;
      margin: 5px 0 0 0;
  }
  .main .fotters .fotters-pc .fotters-rigth {
    text-align: right;
    width: 50%;
    min-width: 420px;
    vertical-align: top;
    /* display: inline-block;
    float: right;
    vertical-align: top; */
  }
  .main .fotters .fotters-pc .fotters-address {
    font-size: 20px;
    line-height: 30px;
  }
  .main .fotters .fotters-pc .fotters-address .ptxt{
    margin:0 0 10px 0;
  }
  .main .fotters .fotters-pc .fotters-address p:nth-child(4){
    margin: 25px 0 0 0 ;
  }
  .main .fotters .fotters-pc .fotters-address .symbol{
    margin: 5px 0;
  }
  .main .fotters .fotters-pc .fotters-address .phone{
    margin: 5px 0;
    font-size: 22px;

  }
  .main .fotters .fotters-pc .fotters-rigth .fotters-map {
    /* width: 20%; */
    margin: 5% 0 0 0;
    position: relative;
  }
  .main .fotters .fotters-pc .fotters-rigth .fotters-map p:nth-child(1){
    /* width: 20%; */
    margin: 20px 0 10px 0;
    font-size: 18px;
    /* position: relative; */
  }
  .main .fotters .fotters-pc .fotters-rigth .map-input {
      width: 40%;
     min-width: 210px;
      text-align: left;
      font-size: 14px;
      display: inline-block;
      height: 35px;
      padding-left: 10px;
      outline: none;
      border: 2px solid #00978A;
      position: relative;
  }
  /**
  *图标样式
  *绝对定位，自定义颜色
  */
  .main .fotters .fotters-pc .fotters-rigth .fotters-map .search-btn{
    display: inline-block;
    background: #00978A;
    width: 10%;
    vertical-align: top;
    position: absolute;
    width: 35px;
    height: 35px;
    cursor: pointer;
    right: 0;
  }
  .main .fotters .fotters-pc .fotters-rigth .fotters-map .search-btn img{
    width: 22px;
    height: 20px;
    /* text-align: center; */
    margin: 7px auto;
    line-height: 35px;
  }

  .main .fotters .fotters-pc .fotters-pc-branch {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0% 0 2% 0;
    /* flex-wrap:wrap; */
    justify-content:space-around;
  }
  .main .fotters .fotters-pc .fotters-pc-branch .branch-list{
    padding: 10px 10px ;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .main .fotters .fotters-pc .fotters-pc-branch .branch-list-partition {
    /* border-right: 1px solid #454E4A ; */
    height: 60px;
    background: #454E4A;
    width: 1px;
  }
  .main .fotters .fotters-pc .fotters-pc-branch .branch-list .h5{
    font-size: 20px;
    line-height: 30px;
    margin: 0;
    /* border-left:  ; */
  }
  .main .fotters .fotters-pc .fotters-pc-branch .branch-list .span{
    font-size: 16px;
    margin: 10px 0 0 0;
  }
  .main .fotters .fotters-pc .fotters-pc-branch .branch-list .span1{
    font-size: 15px;
    margin:  0 0 10px 0;
  }
  .main .fotters .fotters-pc .fotters-pc-branch .branch-list .p{
    margin: 0;
    /* border-left:  ; */
  }
  .main .fotters .fotters-pc .fotters-wxfd{
    position: fixed;
    left: 150px;
    bottom: 0;
    width: 400px;
    display: none;
  }
  .main .fotters .fotters-mun {
    width: 100%;
    padding: .5% 0;
    text-align: center;
    font-size: 16px;
    border-top: 1px solid #454E4A;
  }
  /* fotters 底部 结束 --------------------------------------------------------- */
  /* top  */
  /* .el-backtop{
    position: fixed;
    background-color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #409eff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    box-shadow: 0 0 6px rgb(0 0 0 / 12%);
    cursor: pointer;
    z-index: 22;
    background: #fff url(./../images/top.png) center no-repeat;
    right: 0;
    bottom: 200px;
} */
  /**
  *input标签样式
  *宽度适应外层div
  *隐藏边框
  *这里有个小技巧，height与line-height值相等，可保证文字垂直居中；但我发现文字比图标略偏下，进行了微调；
*/
.fotters-map .map-input12{
  text-align: center;
  font-size: 30px;
  display: block;
  width: 700px;
  margin: 15px auto;
  height: 66px;
  padding-left: 10px;
  outline: none;
  border: 2px solid #3296FA;
  border-radius: 10px;
  /* 设置小图标地址 */
  background-image: url('./../images/map_icon.png');
  /* 小图标的大小，宽高 */
  background-size: 40px 40px;
  /* 背景小图标不重复 */
  background-repeat: no-repeat;
  /* 小图标在input的位置，左定位+顶部定位 */
  background-position: 38% 13px;
}














/* 笔记本 */
@media only screen and (max-width:1366px){
	  /* banners 相关 --------------------------------------------------------- */

  /* 公共 盒子 */
  .main .myBanner .h1 {
    color: #707070;
    font-size: 48px;
    margin: auto;
    left: 5%;
    /* top: 30%; */
    text-align: left;
    /* width: 80%; */
}
.main .myBanner .h3{
  color: #707070;
  font-size: 30px;
  /* margin:  0 0 6% 0 ; */
}
.main .myBanner .h5 {
  color: #707070;
  font-size: 24px;
  /* margin: 6% 0 0 0 ; */
}
	  /* banners 结束 --------------------------------------------------------- */


	  /* 新闻中心 开始 --------------------------------------------------------- */

    .main .myBanner3 .h5{
         font-size: 16px;
    }
    .main .myBanner3 .banner7 .info_img2{
        left: 4%;
    }
	  /* 新闻中心 结束 --------------------------------------------------------- */




}

@media only screen and (max-width:1550px){
  .main .mySwiper .news .news-cent-div .news-cent-img{
    width: 200px;
    height: 120px;
  }
 /* 关于我们 开始 --------------------------------------------------------- */
.main .abouts .abouts-title .h1{
  font-size: 30px;
  margin: 0;
}
.main .abouts .abouts-title .h2{
  font-size: 20px;
  margin: 0;
}
.main .abouts .abouts-info{
  margin: 0 auto;
  font-size: 16px;
}
.main .abouts .abouts-info1{
  font-size: 14px;
  width: 79%;
  margin: 5px auto;
}

.main .fotters .fotters-pc .fotters-pc-text{
   margin: 2% 0 0 0;
}

 .main .fotters .fotters-pc .fotters-left .fotters-Coname .h5{
  font-size: 18px;
  letter-spacing: 6px;
  margin: 0;
}
.main .fotters .fotters-pc .fotters-left .fotters-Coname .h51{
  font-size: 15px;
}
.main .fotters .fotters-pc .fotters-left .fotters-wx{
  min-width: 100px;
}
.main .fotters .fotters-pc .fotters-left .fotters-logo{
  min-width: 100px;
}
.main .fotters .fotters-pc .fotters-address {
  font-size: 16px;
  line-height: inherit;
}
.main .fotters .fotters-pc .fotters-left .fotters-wx-name{
  width: 100px;
  font-size: 14px;
}
.main .fotters .fotters-pc .fotters-address .ptxt{
   margin:  0 0 5px 0;
}
.main .fotters .fotters-pc .fotters-address p:nth-child(4){
  margin: 5px 0 0 0;
}
.main .fotters .fotters-pc .fotters-rigth .fotters-map{
  margin: 1% 0 0 0;
}
.main .fotters .fotters-pc .fotters-rigth .fotters-map p:nth-child(1){
  margin: 10px 0 10px 0;
}
.main .fotters .fotters-pc .fotters-pc-branch{
  margin: 0% 0 1% 0;
}
.main .fotters .fotters-pc .fotters-pc-branch .branch-list .h5{
  font-size: 18px;
  margin: 0;
}
.main .fotters .fotters-pc .fotters-pc-branch .branch-list .span{
  font-size: 14px;
}
.main .fotters .fotters-mun{
  padding: 2px 0;
  font-size: 14px;
}
/* 关于我们 结束 --------------------------------------------------------- */
}
/* 移动端 */
@media only screen and (max-width:1024px){
  /* .main .swiper-wrapper .swiper-slide .swiper-wrapper-pc {display: none;}
  .main .swiper-wrapper .swiper-slide .swiper-wrapper-wap  {display: block;} */
  	/* banners 相关 --------------------------------------------------------- */
    .main  .swiper-wrapper {
      /* margin: 20px 0 0 0; */
    }
    .main .swiper-pagination-bullet {
      width: 30px;
    }
    .main .swiper-slide{
      display: inline;
      display: flex;
      flex-direction: column;
      justify-content: center;
      /* height: calc(100% - 100px); */
    }
   .main .myBanner .title {
    color: #333333;
    font-size: 22px;
    position: unset;
    margin: auto;
    text-align: left;
    width: 100%;
    display: block;
    /* margin: 36px auto; */
    margin: 2% auto 1% auto;
  }
  .main .myBanner .banner3 .title {
    margin: 20% auto auto auto
  }

  .main .myBanner .info_img {
    position: unset;
    /* margin: auto; */
    text-align: left;
    width: 65%;
    margin: 2% auto auto auto;
  }

  /* 公共 盒子 */
  .main .myBanner .h1 {
    color: #333333;
    font-size: 28px;
    margin: auto;
    text-align: center;
    width: 100%;
    line-height: 38px;
}
.main .myBanner .h3{
  color: #707070;
  font-size: 18px;
  margin: 3% 0 0 0;
  text-align: center;
  /* margin:  0 0 6% 0 ; */
}
.main .myBanner .h5 {
  color: #707070;
  font-size: 14px;
  margin: 3% 0 0 0;
  text-align: center;
  line-height: normal;
  /* margin: 6% 0 0 0 ; */
}
.main .myBanner .btn {
  background: linear-gradient(to right, #009BA2, #008D4F);
  color: #fff;
  font-size: 18px;
  padding: 10px 25px;
  border-radius: 35px;
  display: inline-block;
  margin: auto;
  position: absolute;
  bottom: 12%;
  width: 78px;
  left: 0;
  display: block;
  right: 0;
}

.main .myBanner .banner2 .h1{
  color: #333333;
}
	  /* banners 结束 --------------------------------------------------------- */



	  /* 中间banner  开始 --------------------------------------------------------- */

    /* 公共 盒子 */
   .main .myBanner3 .title {
      position: unset;
      font-size: 14px;
      width: 90%;
      margin: 10% auto 2% auto;

    }

    .main .myBanner3 .h1{
      background-image: linear-gradient(to left, #12b2b9,#12b2b9,#01c4cd, #0a814b );

    }
    .main .myBanner3 .h2{
      margin: 30px 0 ;
    }
    .main .myBanner3 .h5 {
      font-size: 14px;
      width: 103%;

    }

.main .myBanner3 .info_img {
  position: unset;
  width: 70%;
  margin: 1% auto auto auto;
}
.main .myBanner3 .banner2 .title{
    margin: 20% auto auto auto;
}
.main .myBanner3 .banner3 .title{
  margin: 6% auto 2% auto
}
.main .myBanner3 .banner4 .info_img {
  width: 90%;
  margin: 10% auto auto auto;
}
.main .myBanner3 .banner5 .title{
  margin: 5% auto 2% auto;
}
 .main .myBanner3 .banner6 .info_img{
  width: 90%;
  /* margin: 5% auto 0 auto; */
}
.main .myBanner3 .banner7 .info_img1{
  width: 30%;
    right: auto;
    left: 5%;
    top: 5%;
    position: absolute;
}
 .main .myBanner3 .banner6 .title{
  margin: 5% auto 0 auto;

}
.main .myBanner3 .banner7 .title{
  margin:5% auto 0% auto;
}
.main .myBanner3 .banner7 .info_img2{
  width: 80%;
    right: 0;
    left: 4%;
    margin: 0% auto auto auto

}
	  /* 中间banner  结束 --------------------------------------------------------- */

	  /* 产品  开始 --------------------------------------------------------- */

  .main .mySwiper .products .products-title {
    right: 3%;
    top: 5%;
  }
  .main .mySwiper .products .products-cent-fixed .list-div{
    padding: 10px 0;
  }
  /* 产品 title */
  .main .mySwiper .products .products-title h1{
    font-size: 27px;

  }
  .main .mySwiper .products .products-cent-fixed .list-div .infos .span{
      font-size: 14px;
  }
  .main .mySwiper .products .products-title h2{
    font-size: 15px;
  }
  /* 产品 title 动画 */

  .main .mySwiper .products .products-cent{
    margin: 16% auto 0 auto;
    width: 95%;
  }
  .main .mySwiper .products .products-cent .list-div{
    width: 28%;
    padding: 18px 1px;
    margin: 5px 5px
  }
  .main .mySwiper .products .products-cent .list-div .icon{
  }
  .main .mySwiper .products .products-cent .list-div .name{

    margin: 10px 0 0 0px;
    font-size: 16px;
    display: block;
  }

  /* 点击 弹框 */
  .main .mySwiper .products  .products-cent-fixed {
    top: 1%;
    margin: auto;
    left: 0;
    right: 0;
    width: 90%;
    margin: 100px auto auto auto;
    border-radius: 16px;
    height: 70%;
  }
  .main .mySwiper .products  .products-cent-fixed .list-div{
    flex-direction: column;
    justify-content: center;
    /* overflow-y: auto; */
    height: 100%;
    padding-top: 8%;
    margin: 16% auto auto auto;
    border-radius: 0;
  }
  .main .mySwiper .products  .products-cent-fixed .list-div .icon{
    width: 88%;
     margin: 0 auto;
  }
  .main .mySwiper .products  .products-cent-fixed .list-div img{

}
  .main .mySwiper .products  .products-cent-fixed .list-div  .infos{
    width: 88%;
    margin: auto;
    display: block;
  }
  .main .mySwiper .products  .products-cent-fixed .list-div  .infosWap{
    display: block;
  }

  .main .mySwiper .products  .products-cent-fixed .list-div  .infos .h1{
    display: block;
    text-align: left;
    position: absolute;
    top: 0;
  }
  .main .mySwiper .products  .products-cent-fixed .list-div  .infos .span{
    /* width: 90%; */
    margin: 0px auto 0 auto;
    height: 200px;
    overflow-y: auto;
  }
  .main .mySwiper .products  .products-cent-fixed .list-div  .infos .btn{
    position: absolute;
    right: 5%;
    top:  5%;
    font-size: 14px;
    margin: auto;
  }
    /* 产品  结束 --------------------------------------------------------- */



    /* news  开始 --------------------------------------------------------- */

    .main .mySwiper .news-wap  {
      display: block;
    }
    .main .mySwiper .news-pc  {
      display: none;
    }
    .main .mySwiper .news .news-title{
      right: 4%;
      top: 5%;
    }
    .main .mySwiper .news .news-title .h1{
        font-size: 27px;
    }
    .main .mySwiper .news .news-title .h2{
        font-size: 15px;
        letter-spacing: 3px;
    }
    .main .mySwiper .news .news-cent {
        margin: auto;
    }
    .main .mySwiper .news .news-cent-div{
      width: auto;
      padding: 60px 20px 20px 20px;
      margin: 0 auto;
    }
    .main .mySwiper .news .news-cent-div .icon{
      top: -10%;
      left: 5%;
    }
    .main .mySwiper .news .news-cent-div .h5{
        height: auto;
    }
    .main .mySwiper .news .news-cent-div .span{
       display: none;
    }
    .main .mySwiper .news .news-cent-div .btn{
      position: absolute;
      bottom: -25%;
    }
    .main .mySwiper .news .news-cent-div .news-cent-img{
      width: 240px;
      height: 160px;
      overflow: hidden;
    }
    /* news  结束 --------------------------------------------------------- */


    /* 关于我们  开始 --------------------------------------------------------- */

    .main  .abouts{
      display: flex;
      flex-direction: column;
      justify-content: center;
    }
    .main  .abouts .abouts-title{
      font-size: 20px;
      margin: 6px auto;

    }
    .main .abouts .abouts-title .h1{
       font-size: 20px;
    }
    .main .abouts .abouts-title .h2{
      font-size: 14px;
    }
    .main  .abouts .abouts-info{
      font-size: 14px;
      padding: 5px;
      width: 88%;
    }
    .main  .abouts .abouts-info1{
      font-size: 14px;
      width: 88%;
      margin: 0px auto;
    }


    .main .fotters .fotters-pc  {
      display: none;
    }
    .main .fotters .fotters-wap{
      display: flex;
      flex-direction: column;
      justify-content: center;
      width: 90%;
      height: 100%;
      margin: 0 auto;
    }
    .main .fotters  .fotters-overflow {
        overflow-y: auto;
    }
    .main .fotters .fotters-wap .fotters-wap-top{
        margin: 30px 0;
    }
    .main .fotters .fotters-wap .fotters-wap-top .fotters-wap-left{
        display: inline-block;
    }
    .main .fotters .fotters-wap .fotters-wap-top .fotters-wap-left .fotters-logo{
      width: 70px;
      margin: 0 0 6px 0;
    }
    .main .fotters .fotters-wap .fotters-wap-top .fotters-wap-left  .fotters-Coname{

    }
    .main .fotters .fotters-wap .fotters-wap-top .fotters-wap-left  .fotters-Coname .h5 {
      letter-spacing: 5px;
      margin: 0;
      font-size: 14px;
    }
    .main .fotters .fotters-wap .fotters-wap-top .fotters-wap-left  .fotters-Coname .h51 {
      font-size: 10px;
      letter-spacing: -1px;
      margin: 0;
    }
    .main .fotters .fotters-wap .fotters-wap-top .fotters-wap-left  .fotters-Coname  .phone{
        font-size: 20px;
        margin: 5px 0;
    }
    .main .fotters .fotters-wap .fotters-wap-top .fotters-wap-rigth {
      display: inline-block;
      width: 70px;
      float: right;
    }

    .main .fotters .fotters-wap .fotters-branchs{

      /* display: flex;
      align-items: center;
      justify-content: space-around; */
    }
    .main .fotters .fotters-wap .fotters-branchs .names{
        font-size: 14px;
        margin: 6px 0;
        display: inline-block;
        width: 100%;
    }
    .main .fotters .fotters-wap .fotters-branchs .fotters-map{
      /* display: inline-block;
      float: right;
      text-align: right; */
    }

    .main .fotters .fotters-wap .fotters-branchs .fotters-map .btn{
      font-size: 12px;
      border-radius: 25px;
      padding: 5px 5px;
      color: #33a991;
      border: 1px solid #33a991;
      display: inline-block;
      float: right;
      vertical-align: top;
    }
    .main .fotters .fotters-wap .fotters-branchs .fotters-map .map-input{
      width: 230px;
      min-width: 140px;
      text-align: left;
      font-size: 14px;
      display: inline-block;
      height: 25px;
      padding-left: 10px;
      outline: none;
      border: 2px solid #00978A;
      position: relative;
    }
    .main .fotters .fotters-wap .fotters-branchs .fotters-map .search-btn{
      display: inline-block;
      background: #00978A;
      width: 10%;
      vertical-align: top;
      width: 25px;
      height: 25px;
      cursor: pointer;
      margin: 0px 0 0 -4px;
    }
    .main .fotters .fotters-wap .fotters-branchs .fotters-map .search-btn img{
      width: 11px;
      height: 11px;
      /* text-align: center; */
      margin: 7px auto;
      line-height: 35px;
    }



    /* 关于我们  结束 --------------------------------------------------------- */

}
/* 手机 */
@media only screen and (max-width:950px){
  .main .myBanner .info_img {
    position: unset;
    /* margin: auto; */
    text-align: left;
    width: 90%;
  }
  .main .myBanner .banner2  .info_img{
    width: 70%;
  }

}



/* 手机 */
@media only screen and (max-width:480px){

}

.container{
  max-width: 1200px;
}

/* top  */
.back-to-top {
  position: fixed;
  bottom: 50px;
  right: 35px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #1E8C80;
  visibility: hidden;
  cursor: pointer;
  transition: all .2s ease;
  z-index: 1100;
}
.back-to-top::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: -4px auto;
  width: 12px;
  height: 12px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.back-to-top:hover {
  background: #0d6b60;
}

.back-to-top:hover::after {
  border-color: #fff;
}


.main .fotters .fotters-wap .branchs{
  position: absolute;
  background: #fff;
  width: 90%;
  bottom: 60px;
  display: none;
  padding: 10px 5px;
  margin: auto;
  left: 0;
  right: 0;
  background: linear-gradient(to bottom, #009BA2 , #008D4F);
  border-radius: 15px;
  color: #fff;
}
.main .fotters .fotters-wap  .fotters-wap-div{
  font-size: 10px;
  line-height: 20px;
  width: 93%;
  margin: 0 auto;
}
.main .fotters .fotters-wap .fotters-wap-div p {
  margin: 0 auto;
}
.main .fotters .fotters-wap  .fotters-wap-div .h5{
  margin: 10px 0 5px 0;
}
.main .fotters .fotters-wap  .fotters-wap-div1{
  font-size: 10px;
}
.main .fotters .fotters-wap  .fotters-wap-div1 .left-p{
  display: inline-block;
  float: left;
  margin: 0 auto;
}
.main .fotters .fotters-wap  .fotters-wap-div1 .rigth-p{
  display: inline-block;
  float: right;
  margin: 0 auto;
}

.main .fotters .fotters-mun{
  font-size: 10px;
  height: auto;
  line-height: 15px;
  min-height: 40px;
  padding: 0;
}
.main .fotters .fotters-wap .fotters-branchs .fotters-map .search-btn img{
  width: 11px;
  height: 11px;
  /* text-align: center; */
  margin: 7px auto;
  line-height: 35px;
  width: auto;
}
.main .fotters .fotters-wap .branchs{
  position: absolute;
  background: #fff;
  width: 90%;
  bottom: 60px;
  display: none;
  padding: 10px 5px;
  margin: auto;
  left: 0;
  right: 0;
  background: linear-gradient(to bottom, #009BA2 , #008D4F);
  border-radius: 15px;
  color: #fff;
}
.main .fotters .fotters-wap  .fotters-wap-div .h5{
  margin: 10px 0 5px 0;
  font-size: 12px
}
.main .fotters .fotters-wap  .fotters-wap-div1{
  font-size: 10px;
}
.main .fotters .fotters-wap  .fotters-wap-div1 .left-p{
  display: inline-block;
  float: left;
}
.main .fotters .fotters-wap  .fotters-wap-div1 .rigth-p{
  display: inline-block;
  float: right;
  margin: 0 auto;
}

.main .fotters .fotters-mun{
  font-size: 10px;
  height: auto;
  line-height: 20px;
  min-height: 40px;
}