/**/
.homepage {
  font-size: 0.16rem;
}
.homepage .banner {
  position: relative;
}
.homepage .banner .pic {
  width: 100%;
}
.homepage .banner .bd {
  position: absolute;
  left: 0;
  width: 100%;
  top: 50%;
  transform: translate(0, -50%);
  z-index: 10;
}
.homepage .banner p {
  margin-top: 0.6rem;
  display: flex;
}
.homepage .banner .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.09rem;
  width: 2rem;
  color: #fff;
  font-size: 0.2rem;
  height: 0.67rem;
  background-image: linear-gradient(to right, #f28555, #e0502b);
}
.homepage .banner .btn i {
  font-size: 0.22rem;
  margin-right: 0.06rem;
}
.homepage .banner .btn + .btn {
  margin-left: 0.25rem;
}
.homepage .banner .blue .btn {
  background-image: linear-gradient(to right, #4fadeb, #1c76e3);
}
.homepage .banner .swiper-pagination {
  text-align: left;
  padding-left: calc(((100vw - 14rem) / 2));
  bottom: 0.3rem;
}
.homepage .banner .swiper-pagination-bullet {
  border-radius: 0;
  width: 0.7rem;
  background: #fff;
  height: 0.03rem;
  opacity: 1;
}
.homepage .banner .swiper-pagination-bullet-active {
  background: #037eff;
}
.title_common {
  text-align: center;
  font-size: 0.4rem;
  font-weight: bold;
}
.homepage .one {
  padding: 0.65rem 0 0.95rem;
}
.homepage .one .bd {
  padding-top: 0.3rem;
}
.homepage .one .bd ul {
  display: flex;
  flex-wrap: wrap;
  margin: -0.15rem -0.25rem;
}
.homepage .one .bd ul li {
  width: 33.333%;
  padding: 0.15rem 0.25rem;
}
.homepage .one .bd ul .box {
  border-radius: 0.1rem;
  transition: all 0.3s;
  border: 1px solid transparent;
  padding: 0 0.15rem;
  box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.06);
}
.homepage .one .bd ul .box:hover .ft a {
  color: #fff;
  background: #0084ff;
}
.homepage .one .bd ul .box:hover {
  background: #f5faff;
  border: 1px solid #c3e1ff;
}
.homepage .one .bd ul .box:hover .ft {
  border-color: #c3e1ff;
}
.homepage .one .bd ul .ft {
  padding: 0.15rem 0;
  display: flex;
  align-items: center;
  border-top: 1px solid #eee;
  justify-content: center;
  font-size: 0.15rem;
}
.homepage .one .bd ul .ft a {
  color: #0084ff;
  border: 1px solid #0084ff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.05rem;
  width: 1.3rem;
  height: 0.42rem;
}
.homepage .one .bd ul .ft a + a {
  margin-left: 0.2rem;
}
.homepage .one .bd ul .hd {
  padding: 0.2rem 0;
  font-size: 0.14rem;
}
.homepage .one .bd ul .hd p {
  color: #666;

  padding-top: 0.15rem;
}
.homepage .one .bd ul .hd dt {
  font-size: 0.22rem;
  font-weight: bold;
}
.homepage .one .bd ul .hd .pic {
  border-radius: 0.1rem;
  width: 0.73rem;
  height: 0.73rem;
  transition: all 0.3s;
  margin-right: 0.15rem;
}
.homepage .two .hd .pic,
.homepage .three .bd ul .pic {
  transition: all 0.3s;
}
.homepage .one .bd ul .hd .pic:hover,
.homepage .two .hd .pic:hover,
.homepage .three .bd ul .pic:hover {
  transform: rotate(45deg);
}
.homepage .one .bd ul .hd dd {
  color: #999;
  padding: 0.02rem 0;
}
.brdge img {
  height: 0.25rem;
}
.homepage .two {
  padding: 0.65rem 0;
  background: url(../images/home_04.jpg) center no-repeat;
  background-size: cover;
  font-size: 0.15rem;
  text-align: center;
}
.homepage .two .info {
  padding-top: 0.4rem;
}
.homepage .two .box {
  border-radius: 0.1rem;
  background: rgba(255, 255, 255, 0.8);
  padding: 0.35rem;
}
.homepage .two .box p {
  line-height: 0.23rem;
  text-align: left;
  color: #666666;
  margin-top: 0.1rem;
}
.homepage .two .box .ft {
  display: flex;
  margin-top: 0.25rem;
}
.homepage .two .box .ft a {
  display: flex;
  align-items: center;
  border-radius: 0.05rem;
  height: 0.46rem;
  justify-content: center;
  color: #0084ff;
  border: 1px solid #0084ff;
}
.homepage .two .box .ft .flex_item + .flex_item {
  padding-left: 0.15rem;
}
.homepage .two .box .ft i {
  margin-right: 0.06rem;
  font-size: 0.18rem;
}
.homepage .two .box .ft .flex_item + .flex_item a {
  background: #0084ff;
  color: #fff;
}
.homepage .two .swiper {
  padding-bottom: 0.5rem;
}
.homepage .two .swiper-pagination {
  bottom: 0;
}
.homepage .two .swiper-pagination-bullet {
  background: #037eff;
  width: 0.11rem;
  height: 0.11rem;
  border-radius: 0.1rem;
}
.homepage .two .swiper-pagination-bullet-active {
  width: 0.35rem;
}
.homepage .two .hd {
  padding-bottom: 0.1rem;
}
.homepage .two .hd dd {
  color: #999;
  font-size: 0.14rem;
}
.homepage .two .hd dt {
  font-size: 0.24rem;
  font-weight: bold;
  padding: 0.1rem 0;
}
.homepage .two .hd .pic {
  border-radius: 0.1rem;
  width: 1.01rem;
  height: 1.01rem;
}
.homepage .more,
.search_rsesult .more {
  display: flex;
  justify-content: center;
  padding-top: 0.4rem;
}
.homepage .more a,
.search_rsesult .more a {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0066ff;
  font-size: 0.18rem;
  font-weight: bold;
  border-radius: 0.1rem;
  border: 1px solid #0066ff;
  width: 1.92rem;
  height: 0.55rem;
}
.homepage .more a:hover,
.search_rsesult .more a:hover {
  background: #0066ff;
  color: #fff;
}
.homepage .three {
  padding: 0.65rem 0;
  background: #f2f8ff;
}
.homepage .three .bd {
  padding-top: 0.4rem;
  font-size: 0.14rem;
}
.homepage .three .bd ul {
  display: flex;
  border-left: 1px solid #ddd;
}
.homepage .three .bd ul li {
  flex: 1;
  padding: 0 0.2rem;
  border-right: 1px solid #ddd;
}
.homepage .three .bd ul .pic {
  border-radius: 0.1rem;
  width: 0.73rem;
  height: 0.73rem;
}
.homepage .three .bd ul dt {
  font-size: 0.24rem;
  font-weight: bold;
  padding: 0.06rem 0;
}
.homepage .three .bd ul dd {
  color: #999;
  padding-bottom: 0.1rem;
}
.homepage .three .bd ul p {
  margin-top: 0.1rem;
}
.homepage .three .bd .ft {
  display: flex;
  padding-top: 0.15rem;
}
.homepage .three .bd .ft a {
  border-radius: 0.05rem;
  display: flex;
  align-items: center;
  width: 1.2rem;
  justify-content: center;
  height: 0.38rem;
  border: 1px solid #ccc;
}
.homepage .three .bd .ft a + a {
  margin-left: 0.15rem;
}
.homepage .three .bd .ft i {
  margin-right: 0.05rem;
}
.homepage .three .bd .ft a:hover {
  background: #fff;
  color: #0084ff;
  border-color: #0084ff;
}
.homepage .three .bd .ft a + a:hover {
  background: #0084ff;
  border-color: #0084ff;
  color: #fff;
}
.homepage .four {
  padding: 0.6rem 0;
  background: url(../images/home_05.jpg) center no-repeat;
  background-size: cover;
}
.homepage .four .bd {
  padding-top: 0.4rem;
}
.homepage .four .tabtitle {
  display: flex;
  justify-content: center;
  font-size: 0.2rem;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.homepage .four .tabtitle li {
  height: 0.67rem;
  position: relative;
  display: flex;
  cursor: pointer;
  align-items: center;
}
.homepage .four .tabtitle li + li {
  margin-left: 1.5rem;
}
.homepage .four .tabtitle li.on {
  color: #0084ff;
}
.homepage .four .tabtitle li.on:after {
  content: '';
  width: 0.53rem;
  height: 0.04rem;
  background: #0084ff;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  border-radius: 0.04rem;
}
.homepage .four .tabcontent {
  padding-top: 0.4rem;
}
.homepage .four .tabbox .side {
  width: 45%;
  border-radius: 0.1rem;
  position: relative;
  overflow: hidden;
  margin-right: 0.3rem;
}
.homepage .four .tabbox .sid img {
  width: 100%;
}
.homepage .four .tabbox .side p {
  position: absolute;
  left: 0;
  font-size: 0.18rem;
  font-weight: bold;
  height: 0.64rem;
  padding: 0 0.2rem;
  color: #fff;
  display: flex;
  align-items: center;
  background: rgba(0, 0, 0, 0.8);
  bottom: 0;
  width: 100%;
}
.homepage .four .tabbox li {
  position: relative;
}
.homepage .four .tabbox li a {
  display: flex;
  align-items: center;
  font-size: 0.15rem;
  line-height: 0.23rem;
}
.homepage .four .tabbox li + li {
  margin-top: 0.3rem;
}
.homepage .four .tabbox li .pic {
  border-radius: 0.06rem;
  margin-right: 0.15rem;
  width: 1.82rem;
  height: 1.23rem;
}
.homepage .four .tabbox li p {
  color: #999;
  margin-top: 0.08rem;
}
.homepage .four .tabbox li dt {
  font-weight: bold;
  font-size: 0.2rem;
  margin-bottom: 0.1rem;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.homepage .four .tabbox li dd {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
/**/
.banner_info {
  font-size: 0.2rem;
  text-align: center;
  height: 2.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.banner_info dt {
  font-weight: bold;
  padding-bottom: 0.2rem;
  font-size: 0.42rem;
}
.aboutus {
  font-size: 0.18rem;
  background: url(../images/05_03.jpg) bottom center no-repeat;
  background-size: 100% 100%;
  padding: 0.66rem 0 1.2rem;
  line-height: 0.32rem;
}
.map {
  height: 4.75rem;
}
.aboutus .title_common {
  text-align: left;
}
.aboutus .one p {
  margin-top: 0.3rem;
}
.aboutus .one .pic {
  border-radius: 0.1rem;
  margin-left: 5%;
  width: 45%;
}
.aboutus .two {
  margin-top: 0.8rem;
  font-size: 0.2rem;
}
.aboutus .two .pic {
  border-radius: 0.1rem;
  margin-right: 5%;
  width: 45%;
}
.aboutus .two p {
  padding: 0.3rem 0 0;

  line-height: 0.34rem;
}
.aboutus .two li {
  display: flex;
  align-items: center;
  margin-top: 0.3rem;
}
.aboutus .two li i {
  font-size: 0.24rem;
}
.aboutus .two li span {
  border-radius: 50%;
  width: 0.45rem;
  height: 0.45rem;
  color: #0084ff;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 3px solid #0084ff;
  margin-right: 0.15rem;
}
.aboutus .three {
  box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1);
  border-radius: 0.1rem;
  position: relative;
  overflow: hidden;
  margin-top: 1.1rem;
}
.aboutus .three .bd {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 0.16rem;
  padding: 0.8rem 0 0 0.5rem;
  color: #fff;
  height: 100%;
  width: 4.16rem;
  background-image: linear-gradient(
    to left bottom,
    rgba(145, 79, 253, 0.8),
    rgba(101, 84, 243, 0.8)
  );
}
.aboutus .three ul {
  padding-top: 0.3rem;
}
.aboutus .three li {
  display: flex;
  align-items: center;
  margin-top: 0.2rem;
}
.aboutus .three li span {
  margin-right: 0.1rem;
  width: 0.4rem;
  height: 0.4rem;
  border: 1px solid #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.aboutus .three li i {
  font-size: 0.22rem;
}
/**/
.products {
  font-size: 0.16rem;
  padding: 0.7rem 0;
  background: url(../images/04_03.jpg) bottom center no-repeat;
  background-size: 100% auto;
}
.inner {
  display: flex;
  align-items: flex-start;
}
.sidemenu {
  width: 2.26rem;
  margin-right: 0.5rem;
  position: relative;
}
.sidemenu > ul > li {
  margin-bottom: 0.1rem;
}
.sidemenu > ul > li i {
  font-size: 0.2rem;
  color: #999;
}
.sidemenu > ul > li > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 0.65rem;
  background: #e9f3ff;
  padding: 0 0.13rem 0 0.2rem;
  border-radius: 0.1rem;
}
.sidemenu > ul > li.on > a,
.sidemenu > ul > li:hover > a {
  background-image: linear-gradient(to right, #5b8fff, #61b2ff);
  color: #fff;
}
.sidemenu > ul > li.on i,
.sidemenu > ul > li:hover i {
  color: #fff;
}
.sidemenu ol {
  position: absolute;
  top: 0;
  left: 100%;
  display: none;
  width: 2.76rem;
  background: #fff;
  z-index: 98;
  border-radius: 0.1rem;
  box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.06);
  padding: 0.2rem;
}
.sidemenu > ul > li:hover ol {
  display: block;
}
.sidemenu ol li + li {
  margin-top: 0.2rem;
}
.sidemenu ol li a {
  display: flex;
  font-size: 0.15rem;
  align-items: center;
}
.sidemenu ol li dd {
  font-size: 0.14rem;
  color: #999;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sidemenu ol li .pic {
  width: 0.49rem;
  height: 0.49rem;
  border-radius: 0.05rem;
  margin-right: 0.1rem;
}
.products .list ul {
  display: flex;
  margin: -0.11rem -0.21rem;
  flex-wrap: wrap;
}
.products .list ul li {
  width: 50%;
  padding: 0.11rem 0.21rem;
}
.products .list ul .box {
  border-radius: 0.1rem;
  padding: 0.3rem;
  box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1);
  background: #fff;
}
.products .list ul .box p {
  color: #666;
  font-size: 0.14rem;
  line-height: 0.22rem;
  margin: 0.1rem 0;
}
.products .list ul .box h4 {
  font-weight: bold;
  font-size: 0.2rem;
  margin-top: 0.15rem;
}
.products .list ul .box .pic {
  border-radius: 0.1rem;
  transition: all 0.3s;
  width: 0.74rem;
  height: 0.74rem;
}
.products .list ul .box:hover .pic {
  transform: rotate(45deg);
}
.products .list ul .box .ft {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0.15rem;
  font-size: 0.15rem;
}
.products .list ul .box .more {
  color: #999999;
}
.products .list ul .box .btn {
  width: 1.3rem;
  height: 0.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.05rem;
  color: #0084ff;
  border: 1px solid #0084ff;
}
.products .list ul .box .btn i {
  margin-right: 0.06rem;
}
.products .list ul .box .btn:hover {
  color: #fff;
  background: #0084ff;
}
/**/
.products_n {
  background: none;
  padding-top: 0.5rem;
}
.products .one {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ddd;
  margin-bottom: 0.5rem;
}
.products .one .tabtitle {
  display: flex;
  font-size: 0.2rem;
}
.products .one .tabtitle li {
  padding: 0 0.3rem;
}
.products .one .tabtitle li a {
  display: block;
  position: relative;
  padding-bottom: 0.3rem;
}
.products .one .tabtitle li.on a {
  color: #3c79f7;
}
.products .one .tabtitle li.on a:after {
  content: '';
  border-bottom: 2px solid #3c79f7;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
.products .one .search {
  display: flex;
  align-items: center;
  width: 3.38rem;
  padding: 0 0.15rem;
  margin-top: -0.25rem;
  border-radius: 0.1rem;
  border: 1px solid #ddd;
}
.products .one .search i {
  color: #3c79f7;
  font-size: 0.2rem;
}
.products .one .search input {
  width: 100%;
  height: 0.5rem;
}
.news li {
  display: flex;
  margin-bottom: 0.22rem;
  box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.06);
  align-items: center;
  border-radius: 0.1rem;
  background: #fff;
  padding-right: 0.2rem;
}
.news li .pic {
  border-radius: 0.1rem;
  width: 2.44rem;
  margin-right: 0.2rem;
  max-height: 1.78rem;
}
.news li h4 {
  font-weight: bold;
  font-size: 0.2rem;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.news li p {
  font-size: 0.14rem;
  color: #666;
  margin: 0.1rem 0 0.25rem;
  line-height: 0.22rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.news li .flex {
  font-size: 0.14rem;
  color: #999;
}
.news li .flex .barde a {
  display: flex;
  align-items: center;
  height: 0.3rem;
  border: 1px solid #ddd;
  border-radius: 0.2rem;
  padding: 0 0.1rem;
  margin-right: 0.1rem;
}
.news li .flex .barde {
  display: flex;
  flex-wrap: wrap;
}
/**/
.search_rsesult .title_common {
  text-align: left;
  padding-bottom: 0.4rem;
}
.search_rsesult .one,
.search_rsesult .two {
  padding: 0.6rem 0;
}
.search_rsesult {
  font-size: 0.16rem;
}
.search_rsesult .two .bd ul {
  display: flex;
  flex-wrap: wrap;
  margin: -0.15rem -0.2rem;
}
.search_rsesult .two .bd li {
  width: 25%;
  padding: 0.15rem 0.2rem;
}
.search_rsesult .two .bd a {
  display: block;
  border-radius: 0.1rem;
  overflow: hidden;
  box-shadow: 0 0 0.15rem rgba(0, 0, 0, 0.06);
}
.search_rsesult .two .bd dl {
  padding: 0.2rem;
}
.search_rsesult .two .bd dt {
  font-weight: bold;
  font-size: 0.18rem;
  line-height: 0.29rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.search_rsesult .two .bd dd {
  font-size: 0.14rem;
  line-height: 0.23rem;
  color: #666;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0.1rem 0;
}
.search_rsesult .two .bd .btn {
  font-size: 0.15rem;
  color: #999999;
  border-radius: 0.05rem;
  border: 1px solid #ddd;
  width: 1.2rem;
  transition: all 0.3s;
  height: 0.38rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.search_rsesult .two .bd li:hover .btn {
  color: #fff;
  background: #3c79f7;
  border-color: #3c79f7;
}
.banner_info-search {
  height: 3.72rem;
}
.banner_info-search .searchbox {
  width: 7.57rem;
  max-width: 100%;
  margin-top: 0.25rem;
  border-radius: 0.1rem;
  background: rgba(255, 255, 255, 0.6);
  padding: 0.2rem;
  font-size: 0.15rem;
  text-align: left;
  line-height: 0.28rem;
}
.banner_info-search .searchbox .flex {
  border-radius: 0.1rem;
  background: #fff;
  position: relative;
  padding: 0 0.2rem;
  margin-bottom: 0.15rem;
}
.banner_info-search .searchbox input {
  width: 100%;
  height: 0.58rem;
  font-size: 0.15rem;
}
.banner_info-search .searchbox i {
  color: #0084ff;
  font-size: 0.3rem;
}
.banner_info-search .searchbox p {
  color: #d63414;
  display: flex;
  flex-wrap: wrap;
}
.banner_info-search .searchbox p a {
  color: #d63414;
}
.banner_info-search .searchbox p a::after {
  content: '|';
  padding: 0 0.1rem;
}
.banner_info-search .searchbox p a:last-child:after {
  display: none;
}
.banner_info-search .down {
  position: absolute;
  width: 100%;
  display: none;
  left: 0;
  padding: 0.15rem 0.2rem;
  border-radius: 0.1rem;
  line-height: 0.38rem;
  box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1);
  font-size: 0.16rem;
  background: #fff;
  top: 100%;
}
.banner_info-search .down a {
  color: #0084ff;
}
.search_rsesult .none {
  text-align: center;
  font-size: 0.22rem;
  padding-bottom: 0.6rem;
  color: #999999;
}
.search_rsesult .none p {
  margin-top: -0.5rem;
}
/**/
.newsitem {
  background: url(../images/02_03.jpg) left top no-repeat;
  background-size: 100% auto;
  font-size: 0.16rem;
}
.newsitem .bg {
  background: url(../images/02_06.jpg) left bottom no-repeat;
  background-size: 100% auto;
  padding-bottom: 0.66rem;
}
.newsitem .one {
  text-align: center;
  padding: 0.5rem 0 0.3rem;
}
.newsitem .one h1 {
  font-size: 0.4rem;
  font-weight: bold;
  margin-bottom: 0.2rem;
}
.newsitem .one p span + span::before {
  content: '|';
  padding: 0 0.15rem;
}
.newsitem .two {
  border-radius: 0.1rem;
  background: #fff;
  padding: 0.4rem 0.7rem;
  line-height: 0.29rem;
}
.newsitem .two .tip {
  background: #fff8e9;
  border-radius: 0.1rem;
  margin-top: 0.5rem;
  color: #666;
  padding: 0.2rem;
}
.newsitem .two .tip h4 {
  font-weight: bold;
  font-size: 0.2rem;
  color: #ff513a;
  padding-bottom: 0.1rem;
}
.newsitem .two .reading h3 {
  font-size: 0.2rem;
  font-weight: bold;
  padding: 0.25rem 0 0.05rem;
}
.newsitem .two .reading ul {
  line-height: 0.42rem;
}
.newsitem .two .share {
  border-radius: 0.1rem;
  padding: 0.2rem;
  background: #f3f8fe;
  margin-top: 0.15rem;
}
.newsitem .two .share dd {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 0.1rem;
}
.newsitem .two .share dd .btn {
  display: flex;
  align-items: center;
  font-size: 0.15rem;
  background: #3c79f7;
  color: #fff;
  border-radius: 0.05rem;
  padding: 0 0.12rem;
  height: 0.36rem;
}
.newsitem .two .share dd span {
  padding: 0 0.15rem;
}
.newsitem .two .share dd > a,
.newsitem .two .share .drop {
  margin-right: 0.1rem;
}
.newsitem .two .share .drop {
  position: relative;
}
.newsitem .two .share .drop:hover .down {
  display: block;
}
.newsitem .two .share .down {
  position: absolute;
  width: 1.8rem;
  text-align: center;
  top: 100%;
  display: none;
  left: 50%;
  font-size: 0.15rem;
  transform: translate(-50%, 0);
  border-radius: 0.05rem;
  background: #fff;
  box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1);
  padding: 0.1rem;
}
.icon-weixin {
  font-size: 0.3rem;
  color: #55b837;
}
.icon-QQ-circle-fill {
  color: #4690ef;
  font-size: 0.35rem;
}
.icon-shejiaotubiao-40 {
  font-size: 0.35rem;
  color: #fab619;
}
.icon-weibo {
  font-size: 0.3rem;
  color: #ff513a;
}
.newsitem .two .tishi {
  border-bottom: 1px solid #ddd;
  color: #999999;
  padding: 0.2rem 0;
}
.newsitem .two .tishi a {
  color: #3c79f7;
}
.newsitem .two .brdge {
  display: flex;
  color: #999;
  padding-top: 0.2rem;
  align-items: center;
  flex-wrap: wrap;
}
.newsitem .two .brdge a {
  display: inline-block;
  border-radius: 0.2rem;
  line-height: 0.34rem;
  padding: 0 0.15rem;
  margin-left: 0.05rem;
  border: 1px solid #ddd;
}
.newsitem .two .brdge a:hover {
  border-color: #3c79f7;
  background: #e5f1ff;
}
.newsitem .two .ft {
  margin-top: 0.3rem;
  display: flex;
}
.newsitem .two .ft span {
  width: 0.24rem;
  height: 0.24rem;
  border: 1px solid #ddd;
  display: flex;
  align-items: center;
  margin-right: 0.1rem;
  color: #999;
  justify-content: center;
}
.newsitem .two .ft p {
  margin-top: 0.05rem;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.newsitem .two .ft .flex_item + .flex_item {
  text-align: right;
}
.newsitem .two .ft .flex_item + .flex_item .flex {
  justify-content: flex-end;
}
.newsitem .two .ft .flex_item + .flex_item span {
  margin: 0 0 0 0.1rem;
}
.newsitem .two .ft .flex_item:hover span {
  border-color: #3c79f7;
  background: #3c79f7;
  color: #fff;
}
.newsitem .three {
  display: flex;
  margin-top: 0.4rem;
}
.newsitem .three .flex_item + .flex_item {
  margin-left: 0.7rem;
}
.newsitem .three ul {
  background: #fff;
  border-radius: 0.1rem;
  padding: 0.2rem;
  margin-top: 0.15rem;
}
.newsitem .three li a {
  display: flex;
  align-items: center;
  line-height: 0.33rem;
}
.newsitem .three li a .flex_item {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.newsitem .three li span {
  font-size: 0.15rem;
  color: #999;
}
.newsitem .three .title {
  font-weight: bold;
  font-size: 0.24rem;
  display: flex;
  align-items: center;
}
.newsitem .three .title span {
  width: 0.36rem;
  height: 0.36rem;
  font-weight: normal;
  background: #3c79f7;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  margin-right: 0.15rem;
}
.newsitem .three .title span i {
  font-size: 0.2rem;
}
.bread {
  font-size: 0.18rem;
  border-bottom: 1px solid #ddd;
  line-height: 0.6rem;
  color: #666666;
  display: -webkit-box;

  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bread .icon-youjiantou {
  font-size: 0.2rem;
  vertical-align: middle;
  margin: 0 0.05rem;
}
.bread .icon-shouye-copy {
  font-size: 0.24rem;
  margin-right: 0.1rem;
  font-weight: bold;
  color: #3c79f7;
}
.dialog {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.18rem;
  border-radius: 0.1rem;
  display: none;
  background: #fff;
  box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.2);
  padding: 0.13rem 0.3rem;
  z-index: 100;
}
.dialog i {
  color: #55b837;
  font-size: 0.2rem;
  margin-right: 0.1rem;
}