a {
  color: #000;
  text-decoration: none;
  cursor: pointer
}

a:focus {
  outline: none
}

a:hover {
  color: currentColor
}

img {
  display: block;
  max-width: 100%;
  max-height: 100%
}

video {
  max-width: 100%;
  cursor: pointer
}

video:focus {
  outline: 0
}

h2.common-module-title {
  font-weight: 500;
  font-size: .42rem;
  color: #333;
  text-align: center;
  padding-bottom: .15rem;
  background-size: .36rem;
  background-repeat: no-repeat;
  background-position: bottom;
  background-image: url("https://ovopark.oss-cn-hangzhou.aliyuncs.com/web/images/storeVisit/title_circle.svg");
  margin-bottom: .35rem
}

p.common-module-subTitle {
  text-align: center;
  margin-bottom: .5rem
}

.common-flex-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.common-flex-around, .common-flex-between {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.common-flex-around {
  -ms-flex-pack: distribute;
  justify-content: space-around
}

.common-flex-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.flex-wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.common-article-back {
  background-repeat: no-repeat;
  background-image: url("https://ovopark.oss-cn-hangzhou.aliyuncs.com/web/images/storeVisit/quotation_marks_start.svg"), url("https://ovopark.oss-cn-hangzhou.aliyuncs.com/web/images/storeVisit/quotation_marks_end.svg")
}

.common-gray-article-back {
  background-repeat: no-repeat;
  background-image: url("https://ovopark.oss-cn-hangzhou.aliyuncs.com/web/images/quotation_marks_start2_202203.png"), url("https://ovopark.oss-cn-hangzhou.aliyuncs.com/web/images/quotation_marks_end2_202203.png")
}

.dashed-backline {
  opacity: .3;
  margin: 0 auto;
  position: relative;
  border-radius: .5rem;
  border: .03rem dashed #fba155
}

.dashed-lack-backline {
  margin: 0 auto;
  position: relative;
  border-radius: 0 0 .5rem .5rem;
  border: .03rem dashed rgba(251, 161, 85, .3);
  border-top: 0
}

.last-module2-back {
  background-size: 8.5rem;
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-image: url("https://ovopark.oss-cn-hangzhou.aliyuncs.com/web/images/storeVisit/common_form_back_1_1.svg")
}

.no-data {
  width: 100%;
  text-align: center
}

.no-data img {
  display: inline-block
}

.no-data p {
  color: #7f7f7f;
  font-size: .13rem;
  font-weight: 400
}

.colorful-back>div {
  border-radius: .24rem;
  border: .03rem solid #fff
}

.colorful-back>div:first-child {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #ffe7f5), to(#fff));
  background-image: -o-linear-gradient(top, #ffe7f5 1%, #fff 100%);
  background-image: linear-gradient(180deg, #ffe7f5 1%, #fff)
}

.colorful-back>div:nth-child(2) {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffeddc), to(#fff));
  background-image: -o-linear-gradient(top, #ffeddc 0, #fff 100%);
  background-image: linear-gradient(180deg, #ffeddc, #fff)
}

.colorful-back>div:nth-child(3) {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dae3ff), to(#fff));
  background-image: -o-linear-gradient(top, #dae3ff 0, #fff 100%);
  background-image: linear-gradient(180deg, #dae3ff, #fff)
}

.colorful-back>div:nth-child(4) {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#c9fcee), to(#fff));
  background-image: -o-linear-gradient(top, #c9fcee 0, #fff 100%);
  background-image: linear-gradient(180deg, #c9fcee, #fff)
}

@media screen and (min-width: 320px) and (max-width:828px) {
  h3 {
    font-weight: 500;
    font-size: 4.8vw
  }

  p {
    color: #7f7f7f;
    font-weight: 400;
    font-size: 3.2vw
  }

  .web_show {
    display: none !important
  }

  .m_show {
    display: block
  }

  .common-uniform-width {
    margin: 0 auto
  }

  h2.common-module-title {
    font-size: 6.93333vw;
    padding-bottom: 2.13333vw;
    margin: 0 4.26667vw 4vw;
    background-size: 5.33333vw
  }

  p.common-module-subTitle {
    font-size: 3.2vw;
    font-weight: 400;
    color: #7f7f7f;
    text-align: center;
    margin-bottom: 5.33333vw
  }

  .new-product-label {
    height: auto;
    color: #fff;
    padding: 0 1.86667vw;
    font-size: 3.2vw;
    line-height: 4.8vw;
    display: inline-block;
    margin-left: .8vw;
    background-color: red;
    border-radius: 4vw
  }

  .common-solutions>div.content {
    margin: 0 4.26667vw
  }

  .common-solutions>div.content>div>div h3 {
    font-size: 4.8vw;
    font-weight: 500
  }

  .common-solutions>div.content>div>div>p {
    color: #7f7f7f;
    font-size: 3.2vw;
    font-weight: 400
  }

  .common-solutions>div.content>div>div div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }

  .common-solutions>div.content>div>div div img {
    width: 20.8vw;
    height: 20.8vw
  }

  .common-solutions>div.content>div:not(:last-child) {
    margin-bottom: 13.33333vw
  }

  .common-btn-clean {
    color: #333;
    background-color: #fff;
    border: 1px solid #b2b2b2;
    border-radius: 3.2vw
  }

  .common-btn-clean, .common-btn-linear {
    width: 44.53333vw;
    text-align: center;
    line-height: 11.73333vw;
    font-size: 4.53333vw;
    font-weight: 600;
    display: inline-block
  }

  .common-btn-linear {
    color: #fff;
    border-radius: 3.2vw;
    -webkit-box-shadow: 0 .53333vw 2.66667vw 0 rgba(255, 153, 0, .3);
    box-shadow: 0 .53333vw 2.66667vw 0 rgba(255, 153, 0, .3);
    background-image: -o-linear-gradient(225deg, #ffb300 0, #f90 100%);
    background-image: linear-gradient(225deg, #ffb300, #f90)
  }

  .last-module2-back {
    background-size: 42.66667vw !important
  }

  .dashed-backline {
    opacity: 1;
    margin: 0 auto;
    position: relative;
    border-radius: 0 0 13.33333vw 13.33333vw;
    border: .8vw dashed rgba(251, 161, 85, .3);
    border-top: 0
  }

  .colorful-back>div {
    border-radius: 5.33333vw;
    border: .53333vw solid #fff
  }

  .colorful-back>div:not(:last-child) {
    margin-bottom: 2.66667vw
  }

  .colorful-back>div:last-child {
    margin-bottom: 8vw
  }

  .common-solution-banner {
    background-repeat: no-repeat
  }

  .common-solution-banner>div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .common-solution-banner>div div.cont {
    display: block;
    margin: 0 4.26667vw;
    background-repeat: no-repeat
  }

  .common-solution-banner>div div.cont>img {
    height: 8vw;
    margin: 3.73333vw 0 2.66667vw
  }

  .common-solution-banner>div div.cont h3 {
    font-weight: 400;
    font-size: 4vw;
    margin-bottom: 5.33333vw
  }
}

@media screen and (min-width: 829px) {
  div.header-container {
    margin-bottom: .7rem
  }

  h3 {
    font-size: .24rem;
    font-weight: 500
  }

  p {
    color: #7f7f7f;
    font-size: .18rem;
    font-weight: 400
  }

  .new-product-label {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    position: relative
  }

  .new-product-label b {
    position: absolute;
    right: -40px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 35px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    display: inline-block;
    background-color: red;
    color: #fff;
    font-size: 12px;
    border-radius: 18px
  }

  .web_show {
    display: block
  }

  .m_show {
    display: none !important
  }

  .flex-168-width {
    width: 16.8rem;
    max-width: 99.5vw;
    margin: 0 auto
  }

  .common-solutions>div.content>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }

  .common-solutions>div.content>div>img {
    height: 4.4rem
  }

  .common-solutions>div.content>div>div {
    margin-left: 1rem
  }

  .common-solutions>div.content>div>div h3 {
    font-size: .32rem;
    font-weight: 500;
    line-height: .48rem
  }

  .common-solutions>div.content>div>div>p {
    color: #7f7f7f;
    font-size: .18rem;
    font-weight: 400;
    line-height: .32rem;
    margin: .1rem 0 .4rem
  }

  .common-solutions>div.content>div>div div p {
    color: #7f7f7f;
    font-size: .18rem;
    margin-top: .1rem;
    text-align: center
  }

  .common-solutions>div.content>div:nth-child(2n) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
  }

  .common-solutions>div.content>div:nth-child(2n)>div {
    margin-left: 0;
    margin-right: 1rem
  }

  .common-solutions>div.content>div:not(:last-child) {
    margin-bottom: 1.2rem
  }

  .common-uniform-width, .flex-width {
    width: 14rem;
    margin: 0 auto
  }

  .common-btn-clean {
    width: 1.65rem;
    line-height: .65rem;
    color: #333;
    font-size: .18rem;
    font-weight: 500;
    text-align: center;
    display: inline-block;
    border-radius: .18rem;
    cursor: pointer;
    border: 1px solid #b2b2b2;
    background-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }

  .common-btn-clean img {
    width: .18rem
  }

  .common-btn-linear {
    width: 1.65rem;
    line-height: .65rem;
    color: #fff;
    font-size: .18rem;
    font-weight: 500;
    text-align: center;
    border-radius: .18rem;
    display: inline-block;
    cursor: pointer;
    background-image: -o-linear-gradient(225deg, #ffb300 0, #f90 100%);
    background-image: linear-gradient(225deg, #ffb300, #f90);
    -webkit-box-shadow: 0 .02rem .1rem 0 rgba(255, 153, 0, .3);
    box-shadow: 0 .02rem .1rem 0 rgba(255, 153, 0, .3)
  }

  .common-btn-linear img {
    width: .18rem
  }

  .common-btn-linear:hover {
    color: #fff
  }

  .common-solution-banner {
    height: 6rem;
    background-repeat: no-repeat
  }

  .common-solution-banner>div {
    height: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
  }

  .common-solution-banner>div div.img-cont {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
  }

  .common-solution-banner>div div.cont {
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    background-size: .76rem;
    background-repeat: no-repeat;
    background-position: 100% 100%
  }

  .common-solution-banner>div div.cont img {
    height: .6rem
  }

  .common-solution-banner>div div.cont h3 {
    width: 5.8rem;
    font-weight: 400;
    margin: .4rem 0 .3rem
  }
}

@media screen and (min-width: 829px) and (max-width:1399px) {
  .flex-width {
    width: 90%;
    margin: 0 auto
  }
}

@media screen and (min-width: 1500px) {
  body, html {
    font-size: 100px
  }
}

@media screen and (min-width: 1200px) and (max-width:1500px) {
  body, html {
    font-size: 70px
  }

  .new-product-label b {
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8)
  }
}

@media screen and (min-width: 829px) and (max-width:1200px) {
  body, html {
    font-size: 50px
  }

  .new-product-label b {
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8)
  }
}

@media screen and (min-width: 829px) {
  section.news-details div.details__container div.bread-crumbs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .3rem 0 .48rem
  }

  section.news-details div.details__container div.bread-crumbs a {
    font-size: .2rem;
    font-weight: 300
  }

  section.news-details div.details__container div.bread-crumbs a:last-child {
    color: #f90
  }

  section.news-details div.details__container div.bread-crumbs span {
    font-size: .25rem;
    margin: 0 .08rem
  }

  section.news-details div.details__container main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 1.6rem
  }

  section.news-details div.details__container main div.content-left {
    width: calc(100% - 3.57rem)
  }

  section.news-details div.details__container main div.content-left div.main-container {
    padding: .2rem;
    border-radius: .1rem;
    border: 1px solid #e1e1e1
  }

  section.news-details div.details__container main div.content-left div.main-container div.topic-header h1 {
    color: #4a4a4a;
    font-size: .32rem;
    font-weight: 600;
    text-align: center
  }

  section.news-details div.details__container main div.content-left div.main-container div.topic-header div.topic-details {
    margin: .35rem 0 .5rem
  }

  section.news-details div.details__container main div.content-left div.main-container div.topic-header div.topic-details span {
    font-weight: 300;
    font-size: .16rem;
    color: rgba(0, 0, 0, .6)
  }

  section.news-details div.details__container main div.content-left div.main-container div.topic-header div.topic-details .topic_source {
    color: #f90
  }

  section.news-details div.details__container main div.content-left div.main-container div.topic-header div.topic-details div.fgx {
    width: 1px;
    height: .13rem;
    background-color: #e1e1e1;
    margin: 0 .35rem
  }

  section.news-details div.details__container main div.content-left div.main-container div.topic-header div.topic-details img {
    width: .2rem;
    margin-right: .1rem
  }

  section.news-details div.details__container main div.content-left div.main-container .topic-keywords {
    text-align: center;
    margin-bottom: .3rem;
    font-size: .16rem;
    font-weight: 300;
    line-height: .3rem;
    color: #999
  }

  section.news-details div.details__container main div.content-left div.main-container .topic-keywords .topic-keywords-text {
    margin-right: .2rem
  }

  section.news-details div.details__container main div.content-left div.main-container .topic-keywords .topic-keywords-text:hover {
    color: #f90;
    text-decoration: underline
  }

  section.news-details div.details__container main div.content-left div.main-container div.wrap-content {
    width: 100%;
    overflow: hidden
  }

  section.news-details div.details__container main div.content-left div.main-container div.wrap-content img {
    margin: 0 auto;
    max-width: 100%;
    height: auto !important
  }

  section.news-details div.details__container main div.content-left div.main-container div.wrap-content a, section.news-details div.details__container main div.content-left div.main-container div.wrap-content figcaption, section.news-details div.details__container main div.content-left div.main-container div.wrap-content p, section.news-details div.details__container main div.content-left div.main-container div.wrap-content span {
    font-size: .16rem;
    line-height: .3rem
  }

  section.news-details div.details__container main div.content-left div.main-container div.wrap-content p {
    text-indent: 2em
  }

  section.news-details div.details__container main div.content-left .company-intro {
    margin: .2rem 0;
    padding: .5rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: rgba(255, 153, 0, .08)
  }

  section.news-details div.details__container main div.content-left .company-intro div {
    text-align: center
  }

  section.news-details div.details__container main div.content-left .company-intro img {
    max-width: 10%;
    margin: 0 auto
  }

  section.news-details div.details__container main div.content-left .company-intro p {
    font-family: PingFangSC-Regular, PingFang SC;
    color: #4a4a4a
  }

  section.news-details div.details__container main div.content-left .company-intro p:first-child {
    text-align: center
  }

  section.news-details div.details__container main div.content-left .company-intro p:nth-child(2), section.news-details div.details__container main div.content-left .company-intro p:nth-child(3) {
    text-indent: 2em;
    text-align: left
  }

  section.news-details div.details__container main div.content-left .company-intro a {
    width: -webkit-fit-content;
    width: fit-content;
    width: -moz-fit-content;
    background-color: #f90;
    color: #fff;
    padding: .1rem .2rem;
    border-radius: .5rem;
    font-size: .2rem;
    font-weight: 300;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    margin: .3rem auto 0;
    display: block
  }

  section.news-details div.details__container main div.content-left .company-intro a:hover {
    background: #d07f05;
    border-color: #d07f05
  }

  section.news-details div.details__container main div.content-left .retail-planet {
    margin: 0;
    padding: .5rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: rgba(255, 153, 0, .08)
  }

  section.news-details div.details__container main div.content-left .retail-planet .cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding: 0 10%;
    padding: 0 12%
  }

  section.news-details div.details__container main div.content-left .retail-planet .cont p {
    width: 65%;
    margin: revert;
    text-align: left
  }

  section.news-details div.details__container main div.content-left .retail-planet .cont p strong {
    font-size: larger
  }

  section.news-details div.details__container main div.content-left .retail-planet .cont p:nth-of-type(2), section.news-details div.details__container main div.content-left .retail-planet .cont p:nth-of-type(3) {
    display: none
  }

  section.news-details div.details__container main div.content-left .retail-planet .cont img {
    width: 23%
  }

  section.news-details div.details__container main div.content-left .related-wra {
    width: 100%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin-top: .2rem;
    border: 1px solid #e6e6e6;
    overflow: hidden
  }

  section.news-details div.details__container main div.content-left .related-wra h3.related-left {
    float: left;
    width: 8%;
    height: 2rem;
    writing-mode: vertical-lr;
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: vertical-lr
  }

  section.news-details div.details__container main div.content-left .related-wra .related-right {
    float: left;
    width: 88%;
    margin-right: 2%
  }

  section.news-details div.details__container main div.content-left .related-wra .related-right a, section.news-details div.details__container main div.content-left .related-wra .related-right figcaption, section.news-details div.details__container main div.content-left .related-wra .related-right p, section.news-details div.details__container main div.content-left .related-wra .related-right span {
    font-size: .16rem;
    font-weight: 300
  }

  section.news-details div.details__container main div.content-left .related-wra .related-right a {
    display: block;
    height: .5rem;
    line-height: .5rem;
    border-bottom: 1px solid #e6e6e6;
    color: #666;
    position: relative;
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }

  section.news-details div.details__container main div.content-left .related-wra .related-right a:last-child {
    border-bottom: none
  }

  section.news-details div.details__container main div.content-left .related-wra .related-right a img {
    display: inline-block;
    height: .22rem;
    width: .22rem;
    margin: 0 .05rem 0 .15rem
  }

  section.news-details div.details__container main div.content-left .related-wra .related-right a .display-none-2 {
    line-height: .5rem
  }

  section.news-details div.details__container main div.content-left .related-wra .related-right a span:last-child {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 2%;
    margin: auto
  }

  section.news-details div.details__container main div.content-left .related-wra .related-right a:hover span {
    color: #f90
  }

  section.news-details div.details__container main div.content-right {
    width: 3.37rem;
    border-radius: .24rem
  }

  section.news-details div.details__container main div.content-right .hot-news, section.news-details div.details__container main div.content-right .hot-products {
    width: 100%;
    padding: .2rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: .1rem;
    border: 1px solid #e1e1e1
  }

  section.news-details div.details__container main div.content-right .hot-news:first-child, section.news-details div.details__container main div.content-right .hot-products:first-child {
    margin-bottom: .3rem
  }

  section.news-details div.details__container main div.content-right .hot-news:first-child .news-container, section.news-details div.details__container main div.content-right .hot-products:first-child .news-container {
    width: 100%;
    padding-top: .15rem
  }

  section.news-details div.details__container main div.content-right .hot-news:first-child .news-container .news-item, section.news-details div.details__container main div.content-right .hot-products:first-child .news-container .news-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin: .1rem 0
  }

  section.news-details div.details__container main div.content-right .hot-news:first-child .news-container .news-item span, section.news-details div.details__container main div.content-right .hot-products:first-child .news-container .news-item span {
    width: .32rem;
    height: .16rem;
    border-radius: .09rem;
    display: inline-block;
    text-align: center;
    line-height: .16rem;
    color: #fff;
    font-size: .14rem;
    font-family: PingFangSC-Light, PingFang SC;
    font-weight: 300;
    background-color: #B2B2B2;
  }

  .news-container .news-item:nth-child(1) span {
    background-color: #f11 !important;
  }

  .news-container .news-item:nth-child(2) span {
    background-color: #FFC547 !important;
  }

  .news-container .news-item:nth-child(3) span {
    background-color: #FFC547 !important;
  }

  section.news-details div.details__container main div.content-right .hot-news:first-child .news-container .news-item a, section.news-details div.details__container main div.content-right .hot-products:first-child .news-container .news-item a {
    width: calc(100% - .4rem);
    display: inline-block;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    min-height: .4rem;
    font-size: .18rem;
    font-weight: 500
  }

  section.news-details div.details__container main div.content-right .hot-news:first-child .news-container .news-item a:hover, section.news-details div.details__container main div.content-right .hot-products:first-child .news-container .news-item a:hover {
    color: #f90
  }

  section.news-details div.details__container main div.content-right .hot-news:last-child .products-container, section.news-details div.details__container main div.content-right .hot-products:last-child .products-container {
    width: 100%;
    height: calc(100% - .5rem);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: .2rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }

  section.news-details div.details__container main div.content-right .hot-news:last-child .products-container a, section.news-details div.details__container main div.content-right .hot-products:last-child .products-container a {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }

  section.news-details div.details__container main div.content-right .hot-news:last-child .products-container a img, section.news-details div.details__container main div.content-right .hot-products:last-child .products-container a img {
    width: .9rem;
    height: .9rem;
    margin-bottom: .07rem
  }

  section.news-details div.details__container main div.content-right .hot-news:last-child .products-container a span, section.news-details div.details__container main div.content-right .hot-products:last-child .products-container a span {
    font-size: .18rem;
    font-weight: 400;
    color: gray;
    position: relative;
    top: -.1rem
  }

  section.news-details div.details__container main div.content-right .hot-news:last-child .products-container a, section.news-details div.details__container main div.content-right .hot-products:last-child .products-container a {
    margin-bottom: .2rem
  }

  section.news-details div.details__container main div.content-right .hot-news:last-child .products-container a:hover span, section.news-details div.details__container main div.content-right .hot-products:last-child .products-container a:hover span {
    color: #f90;
    font-weight: 500
  }

  section.news-details div.details__container main div.content-right .hot-news h3, section.news-details div.details__container main div.content-right .hot-products h3 {
    font-family: PingFangSC-Medium, PingFang SC;
    color: #4d4d4d;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: .2rem;
    font-size: .22rem;
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }

  section.news-details div.details__container main div.content-right .hot-news h3 img, section.news-details div.details__container main div.content-right .hot-products h3 img {
    max-width: .2rem;
    margin-right: .07rem
  }
}

@media screen and (min-width: 300px) and (max-width:768px) {
  h1 {
    font-size: 6.4vw;
    font-weight: 600
  }

  h2 {
    font-size: 5.33333vw;
    font-weight: 600
  }

  h3 {
    font-size: 4.8vw;
    font-weight: 600
  }

  a, figcaption, p, span {
    font-size: 3.73333vw;
    font-weight: 400;
    line-height: 10.66667vw
  }

  img {
    max-width: 100%
  }

  .details__container {
    background: #fff;
    padding-top: 6.66667vw;
    width: 100%
  }

  .details__container .bread-crumbs {
    padding-left: 5%;
    margin-bottom: 5.33333vw
  }

  .details__container .bread-crumbs span {
    margin: 0 1.33333vw;
    font-size: 4vw
  }

  .details__container .bread-crumbs a {
    font-size: 4vw
  }

  .details__container .bread-crumbs a:last-child {
    color: #f90
  }

  .details__container main div.content-left div.main-container .topic-header {
    width: 90%;
    margin: 0 auto 4vw
  }

  .details__container main div.content-left div.main-container .topic-header h1 {
    width: 100%;
    color: #333;
    text-align: center
  }

  .details__container main div.content-left div.main-container .topic-header .topic-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #888;
    font-size: 2.66667vw
  }

  .details__container main div.content-left div.main-container .topic-header .topic-details .topic_source {
    color: #f90
  }

  .details__container main div.content-left div.main-container .topic-header .topic-details img {
    width: 5.33333vw;
    height: 5.33333vw;
    vertical-align: middle;
    margin-right: 1.33333vw
  }

  .details__container main div.content-left div.main-container .topic-header .topic-details div.fgx {
    width: 1px;
    height: 3.46667vw;
    background-color: #e1e1e1;
    margin: 0 2.66667vw
  }

  .details__container main div.content-left div.main-container .topic-keywords {
    margin: 0 4.26667vw 4vw
  }

  .details__container main div.content-left div.main-container .topic-keywords a {
    color: #999;
    font-size: 3.73333vw;
    word-break: keep-all
  }

  .details__container main div.content-left div.main-container .topic-keywords a:not(:last-child) {
    margin-right: 2.66667vw
  }

  .details__container main div.content-left div.main-container .wrap-content {
    width: 90%;
    margin: 0 auto;
    overflow: hidden
  }

  .details__container main div.content-left div.main-container .wrap-content img {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: auto
  }

  .details__container main div.content-left div.main-container .wrap-content p {
    font-size: 4.26667vw;
    line-height: 8vw;
    text-indent: 2em
  }

  .details__container main .content-right, .details__container main div.content-left .company-experience, .details__container main div.content-left .company-intro, .display-none {
    display: none
  }

  .related-wra {
    width: 90%;
    margin: 2.66667vw auto 0
  }

  .related-wra .related-left {
    text-align: center;
    color: #333
  }

  .related-wra .related-right {
    width: 100%
  }

  .related-wra .related-right a {
    display: block;
    border-bottom: 1px solid #e6e6e6;
    color: #666;
    padding: 13.33333vw 0;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
  }
}