@charset "UTF-8";

@keyframes shake {
  0%, 100% {
    transform: rotate(0);
  }
  25%, 75% {
    transform: rotate(5deg);
  }
  50% {
    transform: rotate(-5deg);
  }
}
@keyframes bounceInBottom {
  0% {
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-200%);
  }
  100% {
    overflow: unset;
    opacity: 1;
    visibility: visible;
    transform: translateY(0%);
  }
}
@keyframes bounceInTop {
  0% {
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transform: translateY(200%);
  }
  100% {
    overflow: unset;
    opacity: 0.459;
    visibility: visible;
    transform: translateY(0%);
  }
}
@keyframes bounceInTop1 {
  0% {
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transform: translateY(100%);
  }
  100% {
    overflow: unset;
    opacity: 1;
    visibility: visible;
    transform: translateY(0%);
  }
}
@keyframes bounceInTop2 {
  0% {
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
  }
  100% {
    overflow: unset;
    opacity: 1;
    visibility: visible;
  }
}
@keyframes TextAnimation {
  0% {
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transform: translateY(200%);
  }
  100% {
    overflow: unset;
    opacity: 1;
    visibility: visible;
    transform: translateY(0%);
  }
}
@keyframes bounceInRight {
  0% {
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transform: translateX(200%);
  }
  100% {
    overflow: initial;
    opacity: 1;
    visibility: visible;
    transform: translateX(0%);
  }
}
@keyframes bounceInLeft {
  0% {
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-200%);
  }
  100% {
    overflow: initial;
    opacity: 1;
    visibility: visible;
    transform: translateX(0%);
  }
}
@keyframes Guide_brief {
  0% {
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    left: 0%;
  }
  100% {
    overflow: initial;
    opacity: 1;
    visibility: visible;
    left: -20%;
  }
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "微软雅黑";
}

fieldset,
img,
input,
button {
  border: none;
  padding: 0;
  margin: 0;
  outline-style: none;
}

ul,
li,
ol {
  list-style: none;
}

select,
input {
  vertical-align: middle;
}

textarea {
  resize: none;
}

img {
  border: 0;
  vertical-align: middle;
}

table {
  border-collapse: collapse;
}

a {
  display: block;
  text-decoration: none;
  color: #333333;
}

a:hover {
  color: #333333;
}

s,
i,
em {
  font-style: normal;
  text-decoration: none;
}

.container {
  width: 1322px;
  height: auto;
  margin: 0 auto;
}

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

.flex1 {
  display: flex;
  justify-content: center;
  align-items: center;
}

.flex2 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

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

.flex4 {
  display: flex;
  flex-direction: row;
  align-content: flex-start;
  justify-content: space-between;
  align-items: center;
}

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

.flex6 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.flex7 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.flex8 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-evenly;
}

.flex9 {
  display: flex;
  align-items: center;
}

.flex10 {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: flex-start;
}

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

.singleLineEllipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.multilineEllipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-line-clamp: 2;
  word-break: break-all;
  -webkit-box-orient: vertical;
  text-align: justify;
}

.multilineEllipsis5 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-line-clamp: 5;
  word-break: break-all;
  -webkit-box-orient: vertical;
  text-align: justify;
}

.Top {
  width: 100%;
  height: 13.5625rem;
  background: #6fb930;
  position: relative;
  z-index: 999;
}
.Top .Top_container {
  height: 100%;
}
.Top .Top_container .welcome {
  width: 100%;
  height: 71%;
  font-size: 1rem;
  color: #cafd9e;
}
.Top .Top_container .welcome img {
  width: 30%;
  height: auto;
}
.Top .Top_container .welcome .right_wrap {
  height: 100%;
}
.Top .Top_container .welcome .right_wrap .text {
  height: 50%;
}
.Top .Top_container .welcome .right_wrap .text a {
  display: block;
  width: 30%;
  color: #cafd9e;
  border-right: 1px solid #fff;
}
.Top .Top_container .welcome .right_wrap .text a:nth-last-of-type(1) {
  border: none;
}
.Top .Top_container .welcome .right_wrap .search {
  width: 15.75rem;
  height: 2.625rem;
  background-color: #c2f895;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.Top .Top_container .welcome .right_wrap .search input {
  display: block;
  width: 80%;
  background-color: #c2f895 !important;
  height: 100%;
  color: #333333 !important;
  padding-left: 4%;
}
.Top .Top_container .welcome .right_wrap .search input[value*=""] {
  display: block;
  width: 80%;
  background-color: #c2f895 !important;
  height: 100%;
  color: #333333 !important;
  padding-left: 4%;
}
.Top .Top_container .welcome .right_wrap .search button {
  width: 20%;
  height: 100%;
  background-color: #c2f895;
  color: #6fb930;
  cursor: pointer;
}
.Top .Top_container .welcome .right_wrap .search button img {
  width: 50%;
}
.Top .Top_container .nav {
  height: 29%;
  border-top: 1px solid #62d103;
}
.Top .Top_container .nav li {
  position: relative;
}
.Top .Top_container .nav li a {
  font-size: 1.125rem;
  color: #fff;
}
.Top .Top_container .nav li .subnav {
  position: absolute;
  top: 150%;
  left: -45%;
  text-align: center;
  width: 180%;
  height: auto;
  background: #6fb930;
  box-shadow: 1px 1px 5px -2px #fff inset;
  border-radius: 5px;
  padding: 10% 0%;
  visibility: hidden;
  opacity: 0;
  transform: translateY(10%);
  transition: all 0.6s ease;
}
.Top .Top_container .nav li .subnav a {
  position: relative;
  padding: 5% 0%;
}
.Top .Top_container .nav li .subnav a::after {
  content: "";
  width: 0px;
  height: 3px;
  display: inline-block;
  background-color: #fff;
  border-radius: 4px;
  transition: width 0.4s;
  position: absolute;
  bottom: 1px;
  left: 10%;
}
.Top .Top_container .nav li .subnav a:hover::after {
  width: 80%;
}
.Top .Top_container .nav li::after {
  content: "";
  width: 0px;
  height: 5px;
  display: inline-block;
  background-color: #fff;
  border-radius: 4px;
  transition: width 0.4s;
  position: absolute;
  bottom: -8px;
  left: 0;
}
.Top .Top_container .nav li:hover::after {
  width: 100%;
}
.Top .Top_container .nav li:hover .subnav {
  visibility: initial;
  opacity: 1;
  transform: translateY(0%);
  transition: all 0.6s ease;
}

.Header_Top {
  background: #fff;
  display: none;
  width: 100%;
  box-sizing: border-box;
}
.Header_Top .container .Fixed_Head {
  position: fixed;
  background: #6fb930;
  z-index: 99999;
  top: 0%;
  left: 0%;
  padding: 2% 5%;
  border-bottom: 1px solid #6fb930;
}
.Header_Top .container .Fixed_Head .Logo_Img {
  width: 100%;
  height: auto;
}
.Header_Top .container .Fixed_Head .right_wrap {
  height: 2rem;
  margin: 5% 0%;
}
.Header_Top .container .Fixed_Head .right_wrap a {
  color: #fff;
}
.Header_Top .container .Fixed_Head .right_wrap .text {
  width: 55%;
}
.Header_Top .container .Fixed_Head .right_wrap .text a {
  position: relative;
}
.Header_Top .container .Fixed_Head .right_wrap .text a::after {
  position: absolute;
  content: "";
  top: 10%;
  right: -15%;
  width: 0.125rem;
  height: 80%;
  background: #fff;
}
.Header_Top .container .Fixed_Head .right_wrap .text a:nth-last-of-type(1)::after {
  display: none;
}
.Header_Top .container .Fixed_Head .right_wrap .mobile_icon {
  width: 20%;
  height: auto;
  cursor: pointer;
}
.Header_Top .container .Fixed_Head .right_wrap .mobile_icon a {
  width: 40%;
}
.Header_Top .container .Fixed_Head .right_wrap .mobile_icon .menu_icon {
  width: 45%;
}
.Header_Top .container .Fixed_Head .right_wrap .mobile_icon .menu_icon span {
  width: 100%;
  height: 2px;
  margin: 20% 0%;
  display: block;
  background-color: #fff;
  transition: transform 0.2s ease, background-color 0.5s ease;
}
.Header_Top .container .Fixed_Head .right_wrap .mobile_icon .menu_iconActive span:nth-of-type(1) {
  transform: translate(2px, 4px) rotate(45deg);
}
.Header_Top .container .Fixed_Head .right_wrap .mobile_icon .menu_iconActive span:nth-of-type(2) {
  transform: translate(2px, -5px) rotate(-45deg);
}
.Header_Top .container .Fixed_Head .right_wrap .mobile_icon .menu_iconActive span:nth-of-type(3) {
  display: none;
}
.Header_Top .container .mobile_nav {
  position: fixed;
  width: 100% !important;
  left: 0;
  z-index: -1;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
  width: 100%;
}
.Header_Top .container .mobile_nav .Header_nav {
  width: 100% !important;
  height: 100%;
  padding-bottom: 3%;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
  background: #fff;
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.Header_Top .container .mobile_nav .Header_nav li {
  width: 100%;
  height: auto;
  border-bottom: 1px solid #6fb930;
  position: relative;
  padding: 5%;
  opacity: 0;
  transform: translateX(100%);
  transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.Header_Top .container .mobile_nav .Header_nav li .glyphicon {
  position: absolute;
  right: 10%;
  top: 45%;
  display: block;
  width: 50%;
  width: 1rem;
  height: 1rem;
  transform: rotate(180deg);
  vertical-align: middle;
  transition: all 0.3s linear;
}
.Header_Top .container .mobile_nav .Header_nav li .glyphicon img {
  width: 100%;
  height: auto;
}
.Header_Top .container .mobile_nav .Header_nav li a {
  width: 50%;
  color: #6fb930;
  font-size: 1.25rem;
}
.Header_Top .container .mobile_nav .Header_nav li .subnav {
  display: none;
  transition: all 0.3s linear;
}
.Header_Top .container .mobile_nav .Header_nav li:hover {
  box-shadow: 2px 7px 11.14px -6.14px #6fb930;
}
.Header_Top .container .mobile_nav .Header_nav li:nth-last-of-type(1) {
  border: none;
}
.Header_Top .container .mobile_nav .Header_nav .Second_addclass {
  flex-direction: column;
  align-items: flex-start;
  transition: all 0.3s linear;
}
.Header_Top .container .mobile_nav .Header_nav .Second_addclass > a {
  font-weight: bold;
}
.Header_Top .container .mobile_nav .Header_nav .Second_addclass .glyphicon {
  top: 10%;
  transform: rotate(0deg);
  transition: all 0.3s linear;
}
.Header_Top .container .mobile_nav .Header_nav .Second_addclass .subnav {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 2%;
  transition: all 0.3s linear;
  justify-content: flex-start;
}
.Header_Top .container .mobile_nav .Header_nav .Second_addclass .subnav a {
  width: 33%;
  margin: 2% 0%;
  font-size: 1rem;
}
.Header_Top .container .mobile_nav .Header_nav .Second_addclass .subnav a:nth-of-type(3n) {
  text-align: right;
}
.Header_Top .container .mobile_nav .Header_nav .Second_addclass .subnav a:nth-of-type(3n-1) {
  text-align: center;
}
.Header_Top .container .mobile_nav .Header_nav .Header_navLiadd {
  opacity: 1;
  transform: translateX(0%);
  transform: none;
  transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.Header_Top .container .mobile_nav .Header_navactive {
  opacity: 1;
  visibility: initial;
  transform: translatex(0%);
  display: inherit;
  transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.Header_Top .container .mobile_navactive {
  z-index: 9999;
}

.fixed_Top {
  width: 100%;
  height: 6.25rem;
  z-index: 999;
  background: #6fb930;
  position: fixed;
  padding: 0% 5%;
  top: 0%;
  left: 0%;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-200%);
  transition: all 0.8s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.fixed_Top img {
  width: auto;
  height: 80%;
}
.fixed_Top .fixed_nav {
  height: 100%;
  border-top: 1px solid #62d103;
  justify-content: space-evenly;
}
.fixed_Top .fixed_nav li {
  position: relative;
}
.fixed_Top .fixed_nav li a {
  font-size: 1.125rem;
  color: #fff;
}
.fixed_Top .fixed_nav li .subnav {
  position: absolute;
  top: 150%;
  left: -30%;
  text-align: center;
  width: 160%;
  height: auto;
  background: #6fb930;
  box-shadow: 1px 1px 5px -2px #fff inset;
  border-radius: 5px;
  padding: 10% 0%;
  visibility: hidden;
  opacity: 0;
  transform: translateY(10%);
  transition: all 0.6s ease;
}
.fixed_Top .fixed_nav li .subnav a {
  position: relative;
  padding: 5% 0%;
}
.fixed_Top .fixed_nav li .subnav a::after {
  content: "";
  width: 0px;
  height: 3px;
  display: inline-block;
  background-color: #fff;
  border-radius: 4px;
  transition: width 0.4s;
  position: absolute;
  bottom: 1px;
  left: 10%;
}
.fixed_Top .fixed_nav li .subnav a:hover::after {
  width: 80%;
}
.fixed_Top .fixed_nav li::after {
  content: "";
  width: 0px;
  height: 5px;
  display: inline-block;
  background-color: #fff;
  border-radius: 4px;
  transition: width 0.4s;
  position: absolute;
  bottom: -8px;
  left: 0;
}
.fixed_Top .fixed_nav li:hover::after {
  width: 100%;
}
.fixed_Top .fixed_nav li:hover .subnav {
  visibility: initial;
  opacity: 1;
  transform: translateY(0%);
  transition: all 0.6s ease;
}

.footer {
  height: 19.5rem;
  padding: 2% 0%;
  width: 100%;
  background: url(../images/footer/Phone_Icon.png) top center no-repeat;
}
.footer .footer_Value {
  align-items: center;
  height: 100%;
  color: #fff;
  font-size: 1rem;
}
.footer .footer_Value .info {
  width: 50%;
  height: 100%;
  line-height: 2rem;
  justify-content: space-around;
}
.footer .footer_Value .info ul {
  flex-wrap: wrap;
  height: 100%;
}
.footer .footer_Value .info ul li {
  width: 46%;
}
.footer .footer_Value .info ul li a {
  width: 100%;
  color: #fff;
}
.footer .footer_Value .info ul li img {
  width: auto;
  height: 100%;
}
.footer .footer_Value .info ul li p {
  margin-left: 10%;
  flex-direction: column;
  align-items: flex-start;
}
.footer .footer_Value .info ul li p .Internet_ID img {
  width: 20px;
  height: auto;
  vertical-align: middle;
}
.footer .footer_Value .info .Footer_Text span, .footer .footer_Value .info .Footer_Text a {
  color: #fff;
}
.footer .footer_Value .info .Footer_Text span:nth-last-child(1), .footer .footer_Value .info .Footer_Text a:nth-last-child(1) {
  display: block;
}
.footer .footer_Value .QR_code {
  width: 24%;
  display: flex;
  text-align: center;
}
.footer .footer_Value .QR_code li {
  width: 80px;
  height: 80px;
}
.footer .footer_Value .QR_code li img {
  width: 100%;
  height: auto;
}
.footer .footer_Value .QR_code li p {
  margin-top: 10%;
}
.footer .footer_Value .Logo {
  height: 100%;
  width: 20%;
  justify-content: space-evenly;
}

.backTop {
  cursor: pointer;
  position: fixed;
  bottom: 1.5%;
  right: 1%;
  display: none;
  background: #d7fdb5;
  border-radius: 5px;
  padding: 0.5% 0.8%;
}

.Service_Name {
  font-size: 2.25rem;
}
.Service_Name h4 {
  border-bottom: 1px solid #333333;
  padding-bottom: 12px;
  font-weight: 500;
}
.Service_Name p {
  font-size: 1.125rem;
  margin-top: 15px;
}

.data span:nth-of-type(1) {
  font-size: 2.25rem;
}
.data span:nth-of-type(2) {
  font-size: 1rem;
}

.fixed_topactive {
  opacity: 1 !important;
  visibility: initial !important;
  transform: translateY(0%) !important;
  transition: all 0.8s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.nav_Add::after {
  width: 100% !important;
}

@media screen and (min-width: 1322px) {
  html,
body {
    font-size: 16px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1400px) {
  html,
body {
    font-size: 14px;
  }

  .container {
    width: 80%;
  }

  .fixed_Top img {
    width: auto;
    height: 60%;
  }

  .Top {
    height: 10.5625rem;
  }

  .fixed_Top {
    height: 5.25rem;
  }

  .footer .footer_Value .QR_code {
    width: 28%;
  }

  .footer .footer_Value {
    width: 90%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  html,
body {
    font-size: 12px;
  }

  .Expert_Profile .Expert_Vlaue .swiper-slide img {
    height: 55% !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 900px) {
  html,
body {
    font-size: 10px;
  }

  .container {
    width: 80%;
  }

  .fixed_Top img {
    height: 40%;
  }

  .footer .footer_Value {
    width: 80%;
  }

  .footer .footer_Value .QR_code {
    display: none;
  }

  .footer .footer_Value .info ul {
    height: 100%;
  }
}
@media screen and (min-width: 0px) and (max-width: 768px) {
  html,
body {
    font-size: 16px;
    position: relative;
  }

  .backTop {
    background: none;
    display: none;
    right: -10%;
  }

  .container {
    width: 100%;
  }

  .Top,
.fixed_Top {
    display: none;
  }

  .Header_Top {
    display: block;
  }

  .Header_Top .container .Fixed_Head .right_wrap .text {
    width: 60%;
  }

  .footer {
    height: auto;
    padding: 10% 4%;
    margin-top: 10%;
  }

  .footer .footer_Value {
    height: auto;
  }

  .footer .footer_Value .info {
    height: auto;
    width: 100%;
  }

  .footer .footer_Value .info ul {
    display: none;
  }

  .footer .footer_Value .info p {
    text-align: center;
  }

  .footer .footer_Value .QR_code {
    display: none;
  }

  .footer .footer_Value .Logo {
    height: auto;
    display: none;
  }

  .Footer_Text span {
    display: block;
  }
}
@media screen and (max-width: 320px) {
  .Header_Top .container .Fixed_Head .right_wrap .text {
    width: 70%;
  }
}
@media screen and (min-width: 1700px) {
  .backTop {
    right: 1%;
  }
}