
   .bannerlogo .swiper-containerlogo .swiper-slide {
                max-width: 200px !important;
            }
            
               
        .bannerlogo {
            width: 100%;
            overflow: hidden;
            height: 300px !important;
        }
        
            .bannerlogo .swiper-containerlogo .swiper-slide {
                max-width: 200px !important;
            }

      .swiper-containerlogo {
            display: flex;
            width: 200%; 
            animation: scroll 10s linear infinite; 
        }

         .bannerlogo  .swiper-slide {
            flex: 0 0 auto;
            max-width: 200px !important; 
            margin-right: 20px; 
        }

        @keyframes scroll {
            0% {
                transform: translateX(0);
            }
            100% {
                transform: translateX(-50%); 
            }
        }


@font-face {
  font-family: 'AlimamaFangYuanTiVF';
  src: url('../阿里妈妈方圆体/AlimamaFangYuanTiVF-Thin.ttf') format('truetype');
}

body {
  font-family: 'AlimamaFangYuanTiVF';
}


@font-face {
  font-family: '站酷高端黑';
  src: url('../阿里妈妈方圆体/站酷高端黑.ttf') format('truetype');
}


.about .line_box .l,
.about .line_box .r {
  width: 49%;
}

.about_box {
  padding: 1rem 0;
  box-sizing: border-box;
}

.about .line_box .r img {
  display: block;
  width: 100%;
}

.learm {
  margin: .75rem 0 0 0;
  padding: .3125rem 0;
  box-sizing: border-box;
  display: block;
  width: 25%;
  background-color: #018E9F;
  color: #fff !important;
  text-align: center;
  border-radius: 4px 4px 4px 4px;
  cursor: pointer;
}

.learm:hover {
  transform: scale(0.9);
  transition: all 0.6s;
}

.about .line_box {
    align-items: end;
}

.about .line_box .l h4 {
  font-family: AlimamaFangYuanTiVF;
  font-weight: 500;
  color: #018E9F;
}

.about .line_box .l h5 {
  font-family: AlimamaFangYuanTiVF;
  font-weight: 400;
  color: #018E9F;
  margin:  0 0 .25rem 0;
}

.about .line_box .l {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.bk_tit h4 {
  margin: 0 0 .5rem 0;
  font-family: 站酷高端黑;
  font-weight: 400;
  color: #018E9F;
  line-height: 1.5;
}

.product_box {
  padding: 1rem 0;
  box-sizing: border-box;
      background-image: url(../image/首页/为什么选择/123.png);
      background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.product .line_box {
      align-self: start !important;
}

.contact_box {
  padding: 1rem 0;
  box-sizing: border-box;
  background-color: #f7f7f7;
}

.contact .l,
.contact .r {
  width: 49%;
}

.contact .l .line {
  display: flex;
  align-items: center;
  margin: 0 0 .375rem 0;
}

.contact .l .line h4 {
  width: 15%;
  font-family: AlimamaFangYuanTiVF;
  font-weight: 400;
  color: #525252;
}

.contact .l .line input,
.contact .l .line textarea {
  /*padding: .1875rem .25rem;*/
  width: 85%;
  border-radius: 5px 5px 5px 5px;
  border: 2px solid rgba(82, 82, 82, 0.4);
  box-sizing: border-box;
  resize: none;
  background-color: #f7f7f7;
  font-size: 18px !important;
  outline: rgb(1, 142, 159);
}

.contact .l .line textarea {
      padding: .1875rem .25rem;
       box-sizing: border-box;
}

.contact .l .line textarea::placeholder {
    opacity: 0.5;
}

.contact .l .line input {
    height: 50px;
}

.contact .l .line:last-child {
  margin: 0;
}

.contact .learm {
  margin: 1rem auto 0 auto;
  border: none;
}

.news .line_box .l {
  width: 45%;
}

/* .news .line_box .l, */
.news .line_box .r {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 45%;
}

.bannernews img {
  display: block;
  width: 100%;
}

.bannernews .text_box {
  color: #fff;
  padding: .1875rem .3125rem;
  box-sizing: border-box;
  background: #018E9F;
}

.bannernews .text_box h4 {
  width: 80%;
}

.bannernews {
  position: relative;
}

.arrbox {
  position: absolute;
  right: 0;
  bottom: 6.5%;
  width: 20%;
  font-size: .45rem;
  color: #fff;
  z-index: 1;
}

/* .news .line_box .r ul {
  display: flex;
  flex-direction: column;
  height: 100%;
} */

.news .line_box .r ul li a {
  display: flex;
  color: #333333 !important;
  padding: .125rem 0;
  border-bottom: 2px solid #018E9F;
}

/* .news .line_box .r ul li a h6 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
} */

/* .news .line_box .r ul li a .text_box p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
} */

.news .line_box .r ul li a .time_box {
  margin: 0 1.25rem 0 0;
}

.news .line_box .r ul li a .text_box p {
  margin: .1875rem 0 0 0 !important;
  color: #515151;
}

.news .line_box .r ul li a:hover h4,
.news .line_box .r ul li a:hover h6 {
  color: #018E9F !important;
  transition: all 0.6s;
}

/* .news .line_box .r ul li a:hover {
  border-bottom: 1px solid #018E9F;
} */

.news .line_box .r ul li:last-child a {
  border: none;
}

.bannernews .text_box h4,
.bannernews .text_box h5 {
  width: 80%;
  display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 1;
 overflow: hidden;
}

.news .learm {
  margin: .75rem auto 0 auto;
}

.three_unit .three_item {
  /*padding: .25rem 0;*/
    display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 100%;
  height: 50px;
  text-align: center;
  color: #018E9F;
  cursor: pointer;
}

.three_unit {
  background-color: #f7f7f7;
  border-radius: 4px 4px 4px 4px;
}

.news .line_box .r {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.three_unit .three_act {
  color: #fff;
  background-color: #018E9F;
  border-radius: 4px 4px 4px 4px;
}

.three_unit .three_item:hover {
  color: #fff;
  background-color: #018E9F;
  border-radius: 4px 4px 4px 4px;
  transition: all 0.6s;
}

.cotent_item {
  display: none;
}

.item_act {
  display: block;
}

.choose h4 {
  font-family: 站酷高端黑;
  font-weight: 400;
  color: #FFFFFF;
}

.choose_box {
  padding: .75rem 5%;
  box-sizing: border-box;
  background-image: url(../image/首页/为什么选择/组\ 460@1x.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.choose h4 {
  margin: 0 0 .75rem 0;
  text-align: center;
}

.choose ul li {
    width: 25%;
    padding: 0 10px;
     box-sizing: border-box;
  color: #fff;
}

.choose ul li h5 {
  margin: 0 0 .1875rem 0;
  padding: 0 0 .1875rem 0;
  border-bottom: 1px solid #fff;
  font-size: 18px !important;
  height: 70px;
}

.choose ul li span {
    font-size: 14px;
}

.choose .learm {
  margin: .75rem auto 0 auto;
  background: #FFFFFF;
  color: #018E9F !important;
}

.product .line_box .l {
  width: 50%;
}

.polistat {
        font-family: AlimamaFangYuanTiVF;
}

.product .line_box .l span {
/*font-family: Alimama FangYuanTi VF, Alimama FangYuanTi VF;*/
    font-family: AlimamaFangYuanTiVF;
font-weight: 400;
font-size: 18px;
color: #525252;
line-height: 29px;
text-align: left;
font-style: normal;
text-transform: none;
}

.product .line_box .r {
  width: 49%;
}

.polistat {
  position: relative;
}

.polistat>a {
  display: block;
  padding: .125rem .625rem;
  color: #fff !important;
  background: #018E9F;
  border-radius: 4px 4px 4px 4px;
  box-sizing: border-box;
  width: 100%;
  white-space: nowrap;
}

.polistat>a i {
  margin: 0 0 0 .1875rem;
}

.polistat_litem {
  position: absolute;
  left: 0;
  top: 100%;
  background-color: #fff;
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2);
  display: none;
  z-index: 998;
}

.polistat_litem,
.polistat_litem li {
  width: 100%;
}

.polistat_litem a {
  display: block;
  padding: .125rem 0;
  box-sizing: border-box;
  text-align: center;
  width: 100%;
  font-size: 18px;
}

.polistat_litem a:hover {
  color: #fff !important;
  background: #018E9F;
  transition: all 0.6s;
}

.bannerproduct {
  margin: .75rem 0 0 0;
}

/* .bannerproduct .swiper-slide {
  height: 100%;
} */

.bannerproduct .swiper-containerproduct {
       display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
}

.bannerproduct .swiper-slide a {
  display: block;
  padding: .5rem 0 0 0;
  box-sizing: border-box;
  /*background-image: url(../image/首页/产品/组\ 531@1x.png);*/
    background-color: #fff;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  /*box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2);*/
      border: 1px solid rgba(0,0,0,0.1);
  /* height: 100%; */
}

.bannerproduct .swiper-slide a:hover {
    border-radius: 5px;
    border: 4px solid rgba(1,142,159,0.5);
      box-shadow: 0 0 0px 0px rgba(0, 0, 0, 0.2);
    transition: all 0.6s;
}

.polistat>a {
    font-size: 18px !important;
}

/* .bannerproduct .swiper-slide a:hover {*/
/*  transform: scale(1.01);*/
/*} */

/*.bannerproduct .swiper-slide a:hover {*/
/*  background-image: url(../image/首页/产品/组\ 532@1x.png);*/
/*}*/

.bannerproduct a .text_box {
  padding: .5rem;
  box-sizing: border-box;
  color: #000;
}

.bannerproduct a:hover .text_box {
    color: #018E9F;
      transition: all 0.6s;
}

.bannerproduct a .p_box {
         display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
    min-height: 3.75rem;
}

/*.bannerproduct a:hover .text_box {*/
/*  padding: .125rem .5rem .125rem .5rem;*/
/*}*/

/*.bannerproduct a:hover .text_box {*/
/*  color: #fff;*/
/*  transition: all 0.6s;*/
/*}*/

.bannerproduct .swiper-containerproduct {
  padding: .25rem;
  box-sizing: border-box;
  height: 8.25rem;
}

.bannerproduct a img {
  display: block;
  margin: 0 auto;
  width: 80%;
}

.bannerproduct a .text_box h4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  min-height: 1.375rem;
}

/*.bannerproduct a:hover .text_box h4 {*/
/*  padding: 0 0 .0625rem 0;*/
/*  margin: 0 0 .125rem 0;*/
/*  border-bottom: 1px solid #fff;*/
/*}*/

.bannerproduct a .text_box span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  display: none;
}

.bannerproduct a:hover img {
  width: 80%;
  /* transition: all 0.6s; */
}

/*.bannerproduct a:hover .text_box span {*/
  
/*  display: block;*/

/*  display: -webkit-box;*/
/*  -webkit-box-orient: vertical;*/
/*  -webkit-line-clamp: 3;*/
/*  overflow: hidden;*/
/*}*/

.swiper-paginationproduct {
  display: flex;
  justify-content: center;
  margin: .75rem 0 0 0;
}

.bannerproduct .swiper-pagination-bullet {
  margin: 0 10px;
  width: 110px;
  height: 7px;
  background: #E8E8E8;
  border-radius: 0px 0px 0px 0px;
  opacity: 1;
}

.bannerproduct .swiper-pagination-bullet-active {
  background: #018E9F;
}

.lbox .l {
  width: 25%;
}

.lbox .m {
  width: 25%;
}

.bannerproduct .learm {
  background: #018E9F;
  width: 250px !important;
  height: 50px !important;
}

.learm {
      display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
    width: 250px !important;
    padding: 0 !important;
    height: 50px !important;
}

.news_box {
  padding: .75rem 0;
}

/*.applications .line_box .l {*/
/*  width: 58%;*/
/*}*/

/*.applications .line_box .r {*/
/*  width: 38%;*/
/*}*/

.applications .line_box .l,
.applications .line_box .r {
    width: 45%;
}

.applications .line_box .r img {
  display: block;
  width: 100%;
}

.applications_box {
  padding: .75rem 0;
  box-sizing: border-box;
}

.applications .line_box .l ul {
  /* margin: 0 .875rem 0 0 !important; */
  padding: .625rem .375rem;
  box-sizing: border-box;
  background: #018E9F;
  border-radius: 8px 8px 8px 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  width: 10%;
  height: 100%;
}

.applications .line_box .l ul li {
  position: relative;
  cursor: pointer;
}

.applications .line_box .l ul li .wxz {
  display: block;
  width: 42px;
  height: auto;
}

.applications .line_box .l ul li .xz {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 112px;
  height: 112px;
}

.applications .line_box .l ul .li_act .wxz {
  opacity: 0;
}

.applications .line_box .l ul .li_act .xz {
  display: block;
}

.applications .line_box .l ul li:hover .wxz {
  opacity: 0;
}

.applications .line_box .l ul li:hover .xz {
  display: block;
}

.applications .line_box .l .content_box {
  width: 85%;
}

.applications .line_box .l .content_box dl dt {
  margin: 0 0 .375rem 0;
}

.applications .line_box .l .content_box dl dd {
  display: flex;
  align-items: center;
  margin: 0 0 .25rem 0;
  cursor: pointer;
}

.content_box dl .text_list h6,
.content_box dl .text_list p {
    color: #666 !important;
}

.applications .line_box .l .content_box dl dd::before {
  content: " ";
  display: block;
  margin: 0 .5rem 0 0;
  max-width: 10px;
  max-height: 10px;
    min-width: 10px;
  min-height: 10px;
  background: #018E9F;
  border-radius: 50px;
  animation: breathe 2s infinite alternate;
}

@keyframes breathe {
  from {
    transform: scale(1);
  }

  to {
    transform: scale(1.5);
    /* 可以调整这个值来改变放大倍数 */
  }
}

.applications .line_box .l .content_box dl .dd_act::before {
  /*width: 10px;*/
  /*height: 210px;*/
  /*background: rgba(27, 67, 150, 0.2) #018E9F;*/
  /*border-radius: 4px 0px 0px 4px;*/
  /*opacity: 0.6;*/
  /*animation: none;*/
    max-width: 20px;
  max-height: 20px;
    min-width: 20px;
  min-height: 20px;
  animation: breathe 1000000000000000000000s infinite alternate;
}

.applications .line_box .l .content_box dl dd p {
  display: none;
  height: 0;
}

/*.applications .line_box .l .content_box dl .dd_act h4 {*/
/*  display: none;*/
/*}*/

.applications .line_box .l .content_box dl .dd_act p {
  display: block;
  height: auto;
     transition: all 0.6s;
}

.dl_item {
  display: none;
}

.dlbox_act {
  display: block;
}

.bannerlogo {
  margin: .75rem 0;
}

.bannerlogo a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 250px;
}

.bannerlogo img {
  display: block;
  width: 100%;
}

.bannerhead,
.bannerhead .swiper-wrapper {
  height: 100vh;
}

.bannerhead .swiper-slide-active {
  position: relative;
  z-index: 1;
}

.bannerhead>img {
  height: 100vh;
}

.banner_btnbox {
  position: absolute;
  left: 20%;
  bottom: 10%;
  z-index: 1;
}

.banner_btnbox {
  display: flex;
  align-items: center;
  flex-direction: column;
  color: #fff;
}

.swiper-paginationhead {
  display: flex;
  margin: .125rem 0;
  font-family: AlimamaFangYuanTiVF;
  font-weight: 400;
  font-style: normal;
  text-transform: none;
}

.sb_img {
  display: block;
  width: 28px !important;
  height: 40px !important;
  position: absolute;
  top: 85%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.bannerhead .text_box h4 {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
}

.bannerhead .text_box h5 {
  font-family: AlimamaFangYuanTiVF;
  font-weight: 400;
}

.bannerhead .text_box h6 {
  font-family: AlimamaFangYuanTiVF;
  font-weight: 400;
}

.bannerhead .text_box a {
  font-family: AlimamaFangYuanTiVF;
  font-weight: 400;
}

.learm {
  font-family: AlimamaFangYuanTiVF;
  font-weight: 700;
}

span {
  font-weight: 400;
}

.polistat>a {
      font-family: AlimamaFangYuanTiVF;
  /*font-family: Source Han Sans, Source Han Sans;*/
  font-weight: 400;
}

.bannerproduct a .text_box h4 {
  font-family: AlimamaFangYuanTiVF;
  font-weight: 600;
}

.dl_item dt h4 {
  font-family: AlimamaFangYuanTiVF;
  font-weight: 500;
  color: #525252;
  line-height: 1.5;
  display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
 overflow: hidden;
}

.dl_item dd h4 {
  /*font-family: AlimamaFangYuanTiVF;*/
  /*font-weight: 400;*/
  font-weight: bold;
}

.dl_item dd h6 {
    /*font-family: AlimamaFangYuanTiVF;*/
    /*font-weight: 400;*/
    font-size: 14px !important;
    color: #666;
    font-weight: bold;
}

.choose ul li h5 {
  font-family: AlimamaFangYuanTiVF;
  font-weight: 600;
}

.three_unit .three_item {
  font-family: AlimamaFangYuanTiVF;
  font-weight: 400;
}

.time_box h4 {
  font-family: Source Han Sans, Source Han Sans;
  font-weight: 500;
}

.time_box h5 {
  font-family: AlimamaFangYuanTiVF;
  font-weight: 400;
}

.news .line_box .r ul li a .text_box h6 {
  font-family: AlimamaFangYuanTiVF;
  font-weight: 500;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.news .line_box .r ul li a .text_box p {
  font-family: AlimamaFangYuanTiVF;
  font-weight: 400;
  display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
 overflow: hidden;
 font-size: 14px !important;
}

.bannernews .text_box h4 {
  font-family: AlimamaFangYuanTiVF;
  font-weight: 400;
}

.bannernews .text_box h5 {
  font-family: AlimamaFangYuanTiVF;
  font-weight: 400;
}

.yd_plist {
  display: none;
}

.yd_a {
  display: none;
}

.yd_appbox {
  display: none;
}

.yd_choosebox {
  display: none;
}

.yd_newsbox {
  display: none;
}

.yd_contactbox {
  display: none;
}

.yd_cdbox {
  display: none;
}

/* 新增 */
.bk_tit h4 {
  font-size: .8rem;
}

.about_box {
  padding: .625rem 0;
}

.about .line_box .l h4 {
  font-size: .3rem;
}

.about .line_box .l span {
  font-size: 16px;
    text-align: justify;
  text-align-last: start;
}

.learm {
  font-size: 18px;
}

.bannerproduct a:hover .text_box span {
  font-size: 14px !important;
}

.choose h4 {
  font-size: .8rem;
}

.news .line_box .r ul li a .text_box h6 {
  font-size: .3rem;
}

.contact_box {
  padding: .625rem 0;
}

.choose_box {
  padding: .625rem 10%;
}

.product_box {
  padding: .625rem 0;
}

.about .line_box .l h4,
.about .line_box .l h5 {
    font-size: 20px !important;
}

.bannerproduct a .text_box h4 {
    font-size: 18px !important;
}

.bannerproduct a .text_box span {
    font-size: 14px !important;
}

.polistat>a {
    text-align: center;
    line-height: 26px;
}

/*新增*/
.bannernews .text_box h4,
.time_box h4 {
    font-size: 24px !important;
}

.news .line_box .r ul li a .text_box h6 {
    font-size: 20px !important;
}

.bannerproduct .swiper-slide {
     display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
}

.news .line_box .r ul li a .text_box h6 {
    display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 1;
 overflow: hidden;
}


.news .line_box .r ul li a .text_box p {
        display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
 overflow: hidden;
}

.applications .line_box .l .content_box dl dd {
    font-size: 18px !important;
}

.dl_item dt h4 {
    font-size: 24px !important;
}

.content_box,
.cotent_item {
    height: 100% !important;
}

.content_box {
    margin: 30px 0 0 0 !important;
}

.item_act {
         display: flex;
   flex-direction: column;
   justify-content: space-between;
}

.news .line_box .r ul li {
    height: 100%;
         display: flex;
   /*flex-direction: column;*/
   /*align-items: center;*/
   justify-content: center;
}

.news .line_box .r ul li a .text_box p {
    line-height: 1.5;
}

.time_box h4 {
    font-size: 18px !important;
}

.content_box dl  .text_list h6,
.content_box dl  .text_list p {
    color: #666 !important;
}

@media screen and (max-width: 1680px) {}

@media screen and (max-width: 1600px) {}

@media screen and (max-width: 1440px) {}

@media screen and (max-width: 1366px) {
  .bannerhead, .bannerhead .swiper-wrapper {
    height: 768px;
  }
}

@media screen and (max-width: 1280px) {}

@media screen and (max-width: 1024px) {}

@media screen and (max-width: 980px) {
    
    .bannerlogo {
        background: #fff !important;
        max-height: 200px !important;
    }
    
    .bannerlogo a {
        min-height: 200px !important;
          max-height: 200px !important;
    }
    
    .yd_plist dd a .text_box h4 {
        height: 70px;
        display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
 overflow: hidden;
    }
    
    

  .yd_cdbox {
    display: block;
  }

  .bannerhead .text_box {
    padding: 10% 10% 0 10%;
}

  .bannerhead,
  .bannerhead .swiper-wrapper {
    height: 550px;
  }

  .bannerhead img {
    height: 100%;
  }

  .about .line_box .l,
  .about .line_box .r {
    width: 100%;
  }

  .about .line_box {
    flex-wrap: wrap;
  }

  .bk_tit h4 {
    font-family: PingFang SC, PingFang SC;
    font-weight: bold;
    font-size: 18px;
  }

  .about .line_box .l h4 {
    font-weight: 400;
  }

  .about .line_box .l span {
    margin: 10px 0;
  }

  .banner_btnbox,
  .sb_img {
    display: none !important;
  }

  .product .line_box .l span {
    display: none;
  }

  .product .line_box {
    flex-wrap: wrap;
  }

  .product .line_box .r,
  .polistat>a {
    width: 100%;
  }

  .learm {
    width: 100%;
  }

  .swiper-paginationproduct {
    display: none;
  }

  .lbox .l,
  .lbox .m {
    display: none;
  }

  .bannerproduct {
    display: none;
  }

  .yd_plist {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .yd_plist dd {
    margin: 10px 0 0 0;
    width: 49%;
  }

  .yd_plist dd a img {
    display: block;
    width: 100%;
  }

  .yd_plist dd a {
    display: block;
    padding: 20px 15px;
    box-sizing: border-box;
    border: 1px solid rgba(82, 82, 82, 0.3);
    border-radius: 5px;
  }

  .yd_plist dd a .text_box h4 {
    padding: 0 0 5px 0;
    margin: 0 0 5px 0;
    box-sizing: border-box;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    border-bottom: 1px solid rgba(82, 82, 82, 0.3);
  }

  .yd_plist dd a .text_box span {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
  }

  .product_box {
    padding: 0;
  }

  .product {
    padding: 1rem 0;
    border-top: 1px solid rgba(1, 142, 159, 0.5);
    border-bottom: 1px solid rgba(1, 142, 159, 0.5);
  }

  .applications .line_box {
    display: none;
  }


  .choose_box {
    display: none;
  }

  .news .line_box {
    display: none;
  }

  .contact_box {
    display: none;
  }

  .foot_box {
    display: none;
  }

  .por_box {
    display: none;
  }

  .yd_a {
    display: block;
  }

  .bk_tit {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .bk_tit a {
    display: flex;
    align-items: center;
  }

  .bk_tit a img {
    display: inline-block;
    margin: 0 0 0 5px;
    width: 12px;
    height: 12px;
  }

  .bannerhead .text_box a img {
    display: block;
    width: 16px !important;
    height: auto !important;
  }

  .bannerlogo {
    padding: 15px 0;
    box-sizing: border-box;
    width: 106%;
    transform: translate(-3%, 0%);
    background: #e5f3f5;
  }

  .yd_appbox {
    display: block;
  }

  .yd_appbox dl {
    display: flex;
    flex-wrap: wrap;
  }

  .yd_appbox dl dd {
    padding: 5px;
    box-sizing: border-box;
    width: 50%;
    border-radius: 5px;
    overflow: hidden;
  }


  .yd_appbox dl dd a img {
    display: block;
    width: 100%;
  }

  .yd_appbox dl dd a .text_box img {
    position: absolute;
    right: 15px;
    bottom: 15px;
    display: block;
    width: 20px !important;
    height: auto;
  }

  .yd_appbox dl dd a .p_box {
    position: relative;
  }

  .yd_appbox dl dd a .text_box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    background-color: rgba(0,0,0,0.3) !important;
  }

  .applications_box {
    padding: 0;
  }

  .applications {
    padding: .75rem 0;
    border-bottom: 1px solid rgba(1, 142, 159, 0.5);
  }

  .yd_choosebox {
    display: block;
  }

  .yd_choose {
    padding: .75rem 0;
    border-bottom: 1px solid rgba(1, 142, 159, 0.5);
  }

  .yd_choose ul {
    flex-wrap: wrap;
  }

  .yd_choose ul li {
    margin: 0 0 10px 0;
    width: 49%;
    padding: 1px;
    box-sizing: border-box;
    border-radius: 5px 5px 5px 5px;
    border: 1px solid rgba(82, 82, 82, 0.1);
    font-size: 13px !important;
  }

  .choose_act {
    color: #fff;
    background-color: #018E9F;
  }

  .yd_choose ul li:hover {
    color: #fff;
    background-color: #018E9F;
  }

  .item_choose {
    display: none;
  }

  .cc_act {
    display: block;
    color: #018E9F;
  }

  .yd_newsbox {
    display: block;
  }

  .yd_newsbox dl dd a img {
    display: block;
    width: 100%;
    border-radius: 5px;
  }

  .yd_newsbox dl dd {
    margin: 0 0 10px 0;
  }

  .yd_newsbox dl dd a {
    display: block;
    padding: 10px;
    box-sizing: border-box;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
    border-radius: 5px 5px 5px 5px;
  }

  .yd_newsbox dl dd a h4 {
    color: #018E9F;
    border-bottom: 1px solid #018E9F;
  }

  .yd_newsbox dl dd a h5 {
    margin: 5px 0;
  }

  .yd_contactbox {
    display: block;
  }

  .anchorBR .BMap_omOutFrame,
  .BMap_omCtrl {
    display: none;
  }

  .yd_contactbox {
    padding: 15px 0;
    box-sizing: border-box;
    background-image: url(../image/圣力移动切图/2.首页/333.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }

  .yd_contact dl {
    color: #fff;
  }

  .yd_contact dl dd {
    margin: 5px 0;
    display: flex;
    font-weight: 400;
  }

  .yd_contact dl dd h4 {
    font-weight: 400;
  }

  .yd_cdbox {
    padding: 10px 0;
    box-sizing: border-box;
  }

  .yd_cd a {
    display: block;
    padding: 5px 10px;
    box-sizing: border-box;
    width:49%;
    text-align: center;
    border: 1px solid #018E9F;
    border-radius: 5px 5px 5px 5px;
  }

  .yd_cd a:hover {
    background: #018E9F;
    transition: all 0.6s;
    color: #fff !important;
  }
  
  .yd_plist dd a .text_box h4 {
      border: none !important;
  }
  
  .yd_plist dd a .text_box span {
      display: none;
  }
  
  .yd_plist dd a .p_box {
      display: flex;
      align-items: center;
      justify-content: center;
      min-height: 200px;
  }
  
  .polistat>a {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      width: 100%;
      font-size: 12px !important;
  }
}

@media screen and (max-width: 768px) {

  .bannerhead,
  .bannerhead .swiper-wrapper {
    height: 432px;
  }
}

@media screen and (max-width: 640px) {

  .bannerhead,
  .bannerhead .swiper-wrapper {
    height: 360px;
  }
}

@media screen and (max-width: 375px) {

  .bannerhead,
  .bannerhead .swiper-wrapper {
    height: 210px;
  }
}