/*通用样式*/
@keyframes logoRotate {
  0%,
  75% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes logoReturn {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@keyframes flowR {
  0% {
    border-top-color: #11acdf;
    border-right-color: #11acdf;
    -webkit-transform: rotate(45deg);
  }
  50% {
    border-top-color: #e8e80c;
    border-right-color: #e8e80c;
    border-left-color: #51c551;
    border-bottom-color: #51c551;
    -webkit-transform: rotate(225deg);
  }
  100% {
    border-left-color: green;
    border-bottom-color: green;
    -webkit-transform: rotate(225deg);
  }
}
@keyframes flowL {
  0% {
    border-bottom-color: #11acdf;
    border-left-color: #11acdf;
    -webkit-transform: rotate(45deg);
  }
  50% {
    border-bottom-color: #e8e80c;
    border-left-color: #e8e80c;
    border-top-color: #51c551;
    border-right-color: #51c551;
    -webkit-transform: rotate(45deg);
  }
  100% {
    border-color: green;
    -webkit-transform: rotate(225deg);
  }
}
@keyframes blinking {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1.5);
    opacity: 0.1;
  }
}
@keyframes picmove {
  0%,
  25% {
    transform: rotate(30deg);
  }
  25%,
  50% {
    transform: rotate(-30deg);
  }
  50%,
  65% {
    transform: rotate(20deg);
  }
  65%,
  80% {
    transform: rotate(-20deg);
  }
  80%,
  90% {
    transform: rotate(10deg);
  }
  90%,
  100% {
    transform: rotate(0deg);
  }
}
@keyframes buttonmove {
  0% {
    width: 13.125rem;
  }
  0%,
  20% {
    width: 50%;
  }
  20%,
  40% {
    width: 100%;
  }
  40%,
  60% {
    width: 40%;
  }
  60%,
  80% {
    width: 100%;
  }
  80%,
  100% {
    width: 13.125rem;
  }
}
@keyframes hostmove {
  0%,
  25% {
    transform: translateX(-100%);
    opacity: 0;
  }
  25%,
  50% {
    transform: translateX(30%);
    opacity: 1;
  }
  50%,
  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}
@keyframes hostmove_r {
  0%,
  25% {
    transform: translateX(100%);
    opacity: 0;
  }
  25%,
  50% {
    transform: translateX(-30%);
    opacity: 1;
  }
  50%,
  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}
@keyframes supportmove {
  0% {
    transform: translateY(0%);
  }
  0%,
  30% {
    transform: translateY(-50%);
  }
  30%,
  60% {
    transform: translateY(0%);
  }
  60%,
  70% {
    transform: translateY(-30%);
  }
  70%,
  80% {
    transform: translateY(0%);
  }
  80%,
  90% {
    transform: translateY(-10%);
  }
  90%,
  100% {
    transform: translateY(0%);
  }
}
@keyframes one_stop_pic {
  0% {
    transform: translateY(0%);
  }
  0%,
  30% {
    transform: translateY(-30%);
  }
  30%,
  60% {
    transform: translateY(0%);
  }
  60%,
  70% {
    transform: translateY(-15%);
  }
  70%,
  80% {
    transform: translateY(0%);
  }
  80%,
  90% {
    transform: translateY(-5%);
  }
  90%,
  100% {
    transform: translateY(0%);
  }
}
@keyframes arrowmove {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateY(40%);
  }
}
@keyframes emptiedmove {
  0%,
  100% {
    margin: 0;
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    margin-left: 0.25rem;
    margin-top: -0.25rem;
  }
  20%,
  40%,
  60%,
  80% {
    margin-left: -0.25rem;
    margin-top: 0.25rem;
  }
}
@keyframes advantagerotate {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
.technic_content_left_title {
  border-bottom: 0.0625rem solid #e8e8e8;
  padding: 1.875rem 2.5rem 0 2.5rem;
  background-color: #fff;
  margin-bottom: 1rem;
}
.technic_content_left_title h2 {
  font-size: 1.375rem;
  text-align: center;
  padding-top: 0.3125rem;
}
.technic_content_left_title p {
  text-align: center;
  padding-top: 1.875rem;
  padding-bottom: 1.375rem;
}
.technic_content_left_title p span,
.technic_content_left_title p i {
  font-size: 0.75rem;
  color: #999999;
}
.technic_content_left_title p span {
  padding-right: 1.125rem;
}
.technic_content_left_title p span i {
  padding-left: 0.625rem;
}
.technic_content_left_title p span:last-child {
  padding: 0;
}
.personal_con_left {
  width: 16.875rem;
  box-sizing: border-box;
}
.personal_con_left .personal_con_left_title {
  background-color: #fff;
  padding: 1.4375rem 1rem 1.4375rem 6.375rem;
  position: relative;
}
.personal_con_left .personal_con_left_title img {
  position: absolute;
  width: 4rem;
  height: 4rem;
  left: 1rem;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
}
.personal_con_left .personal_con_left_title h5 {
  font-size: 1.25rem;
  margin-bottom: 0.625rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.personal_con_left .personal_con_left_title p {
  font-size: 0.75rem;
  color: #999999;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.personal_con_left .personal_con_left_mid {
  margin-top: 0.625rem;
  background-color: #fff;
}
.personal_con_left .personal_con_left_mid a {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 1.5625rem 0;
}
.personal_con_left .personal_con_left_mid a > img {
  width: 5.4375rem;
  height: 5.4375rem;
  border-radius: 50%;
}
.personal_con_left .personal_con_left_mid a p {
  padding-top: 1.875rem;
  color: #666666;
  font-size: 0.875rem;
}
.personal_con_left .personal_con_left_mid a h5 {
  font-size: 1.75rem;
  padding-top: 0.4375rem;
}
.personal_con_left .personal_con_left_mid a span {
  font-size: 0.875rem;
  color: #fff;
  background-color: #11acdf;
  display: block;
  width: 7.875rem;
  height: 2.375rem;
  line-height: 2.375rem;
  text-align: center;
  border-radius: 0.25rem;
  margin: 1.125rem auto 0 auto;
}
.personal_con_left .personal_con_left_mid a span img {
  margin-right: 0.4375rem;
}
.personal_con_left .personal_con_left_news {
  margin-top: 0.625rem;
}
.personal_con_left .personal_con_left_news h5 {
  font-size: 1.125rem;
  padding: 0 1.25rem;
  height: 3.25rem;
  line-height: 3.25rem;
  background-color: #fff;
  position: relative;
}
.personal_con_left .personal_con_left_news h5::after {
  content: "";
  position: absolute;
  height: 0.0625rem;
  width: 85.185%;
  background-color: #e8e8e8;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.personal_con_left .personal_con_left_news ul {
  padding: 1.25rem;
  background-color: #fff;
}
.personal_con_left .personal_con_left_news ul li {
  margin-top: 1.875rem;
}
.personal_con_left .personal_con_left_news ul li:hover a i {
  color: #11acdf;
}
.personal_con_left .personal_con_left_news ul li:hover a span {
  color: #11acdf;
  transform: translateX(-5%);
}
.personal_con_left .personal_con_left_news ul li a {
  padding: 0 0.3125rem;
  box-sizing: border-box;
  display: block;
  height: 100%;
  width: 100%;
}
.personal_con_left .personal_con_left_news ul li a span {
  font-size: 0.875rem;
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  transition: all 0.3s;
}
.personal_con_left .personal_con_left_news ul li a i {
  font-size: 0.875rem;
  float: left;
  color: #666666;
  padding-right: 1.4375rem;
  transition: all 0.3s;
}
.personal_con_left .personal_con_left_news ul li:first-child {
  margin-top: 0;
}
.title_h2 {
  font-size: 1.5rem;
  color: #333333;
  text-align: center;
}
.title_p {
  color: #9b9b9b;
  padding-top: 0.75rem;
  text-align: center;
}
.advantage_h2 {
  text-align: center;
  color: #cccccc;
  font-size: 2.875rem;
  padding-bottom: 1rem;
}
.advantage_h3 {
  text-align: center;
  font-size: 2.25rem;
  color: #11acdf;
}
.cooperation_h2 {
  font-size: 2.625rem;
  padding-top: 6.5625rem;
  color: #fff;
}
.cooperation_h3 {
  color: #fff;
  padding-top: 1rem;
}
.technic_content_right {
  width: 25rem;
  float: right;
}
.technic_content_right > div {
  padding: 1.25rem;
  background-color: #fff;
  margin-bottom: 1.25rem;
}
.technic_content_right > div ul {
  padding-top: 1.25rem;
}
.technic_content_right > div ul li a {
  font-size: 0.875rem;
}
.technic_content_right > div:last-child {
  margin-bottom: 0;
}
.technic_content_right .technic_content_right_top {
  padding: 0;
}
.technic_content_right .technic_content_right_top ul {
  padding: 0;
  display: flex;
  justify-content: space-between;
}
.technic_content_right .technic_content_right_top ul li {
  width: 33.333%;
  border-right: 0.0625rem solid #f4f4f4;
  height: 6.25rem;
  text-align: center;
}
.technic_content_right .technic_content_right_top ul li a {
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding-top: 1.75rem;
}
.technic_content_right .technic_content_right_top ul li a:hover p {
  color: #11acdf;
}
.technic_content_right .technic_content_right_top ul li a img {
  width: 2rem;
  height: 2rem;
}
.technic_content_right .technic_content_right_top ul li a p {
  transition: all 0.3s;
  font-size: 0.75rem;
  color: #666666;
  padding-top: 0.1875rem;
}
.technic_content_right .technic_content_right_top ul li:last-child {
  border-right: 0;
}
.technic_content_right .technic_content_right_top ul .oneself a {
  padding-top: 0.75rem;
}
.technic_content_right .technic_content_right_top ul .oneself a img {
  width: 3.4375rem;
  height: 3.4375rem;
}
.technic_content_right .technic_content_right_title {
  font-size: 1.125rem;
  color: #333333;
  padding-bottom: 0.625rem;
  border-bottom: 0.0625rem solid #e8e8e8;
}
.technic_content_right .entrance ul {
  padding-top: 0;
}
.technic_content_right .entrance ul li {
  float: left;
  margin: 1.25rem 0.6875rem 0 0.6875rem;
}
.technic_content_right .entrance ul li a {
  color: #666666;
  transition: all 0.3s;
}
.technic_content_right .entrance ul li a:hover {
  color: #11acdf;
}
.technic_content_right .hot_label ul {
  padding-top: 0.625rem;
}
.technic_content_right .hot_label ul li {
  margin: 0.625rem 0.46875rem 0 0.46875rem;
  float: left;
  height: 1.875rem;
  line-height: 1.875rem;
  background-color: #65cef1;
  border-radius: 0.25rem;
  transition: all 0.3s;
}
.technic_content_right .hot_label ul li:hover {
  background-color: #11acdf;
}
.technic_content_right .hot_label ul li a {
  box-sizing: border-box;
  padding: 0 0.625rem;
  display: block;
  height: 100%;
  width: 100%;
  color: #fff;
  font-size: 0.75rem;
}
.technic_content_right .hot_article ul li {
  margin-bottom: 1.25rem;
}
.technic_content_right .hot_article ul li a {
  font-size: 0.875rem;
  color: #666666;
  display: block;
  width: 100%;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 0.5625rem;
  transition: all 0.3s;
}
.technic_content_right .hot_article ul li a span {
  transition: all 0.3s;
  color: #666666;
  padding-right: 1.375rem;
  font-size: 0.875rem;
}
.technic_content_right .hot_article ul li a:hover {
  color: #11acdf;
}
.technic_content_right .hot_article ul li a:hover span {
  padding-right: 0.8rem;
  color: #11acdf;
}
.technic_content_right .hot_article ul li:last-child {
  margin-bottom: 0;
}
.technic_content_right .new_comment ul li {
  padding-bottom: 1.25rem;
}
.technic_content_right .new_comment ul li .new_comment_id,
.technic_content_right .new_comment ul li .new_comment_article {
  color: #666666;
  font-size: 0.75rem;
}
.technic_content_right .new_comment ul li span {
  color: #999999;
  font-size: 0.75rem;
  padding: 0 0.625rem;
}
.technic_content_right .new_comment ul li .new_comment_reply {
  display: block;
  height: 2.375rem;
  line-height: 2.375rem;
  background-color: #eff2f4;
  color: #666666;
  box-sizing: border-box;
  padding: 0 0.625rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-top: 0.625rem;
  font-size: 0.75rem;
}
.technic_content_right .new_comment ul li:last-child {
  padding-bottom: 0;
}
.program_a {
  display: block;
  padding-left: 25rem;
  padding-top: 8.5rem;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
}
.program_a .program_h2,
.program_a .program_p,
.program_a .program_s {
  color: #fff;
}
.program_a .program_h2 {
  font-size: 2.5rem;
  line-height: 3.75rem;
}
.program_a .program_p {
  padding-top: 0.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
}
.program_a .program_s {
  margin-top: 2.4rem;
  display: block;
  border: 0.0625rem solid #fff;
  height: 2.125rem;
  width: 7.375rem;
  line-height: 2.125rem;
  text-align: center;
  font-size: 1rem;
  transition: all 0.5s;
  border-radius: 0.25rem;
}
.program_a .program_s:hover {
  background-color: #11acdf;
  color: #fff;
}
.buy_nav {
  margin-top: 22.4375rem;
  background-color: #fff;
  border-bottom: 0.0625rem solid #e5e5e5;
}
.buy_nav ul {
  display: flex;
  justify-content: flex-start;
}
.buy_nav ul li {
  height: 4.8125rem;
  line-height: 4.8125rem;
}
.buy_nav ul li a {
  display: block;
  margin-right: 3.875rem;
  padding: 0 0.875rem;
  text-align: center;
  transition: all 0.3s;
}
.buy_nav ul li a:hover {
  color: #11acdf;
}
.buy_nav ul li .current {
  border-bottom: 0.0625rem solid #11acdf;
}
.classification ul {
  padding: 1.25rem 0;
}
.classification ul li {
  float: left;
}
.classification ul li a {
  display: block;
  height: 2.25rem;
  line-height: 2.25rem;
  padding: 0 1.5rem;
  margin-right: 0.9375rem;
  background-color: #fff;
  border: 0.0625rem solid #dfdfdf;
  font-size: 0.875rem;
  transition: all 0.3s;
}
.classification ul li a:hover {
  box-shadow: 0.1rem 0.1rem 1rem rgba(0, 0, 0, 0.15);
  background-color: #11acdf;
  color: #fff;
}
.classification ul li:nth-child(9n) a {
  margin-right: 0;
}
.classification ul li:nth-child(n+10) a {
  margin-top: 0.9375rem;
}
.common_partner {
  padding-top: 3.4375rem;
  padding-bottom: 7.5rem;
  min-height: 37.5rem;
}
.common_partner li {
  float: left;
  box-sizing: border-box;
  width: 14.375rem;
  height: 5.5rem;
  border: 0.0625rem solid #ebebeb;
  margin-right: 0.75rem;
  transition: all 0.5s;
  background-color: #fff;
}
.common_partner li img {
  width: 100%;
  height: 100%;
}
.common_partner li:nth-child(5n) {
  margin-right: 0;
}
.common_partner li:nth-child(n+6) {
  margin-top: 2.5rem;
}
.index_case {
  /*案例*/
  padding: 3.875rem 0;
}
.index_case .index_case_title {
  text-align: center;
}
.index_case .index_case_title ul {
  display: flex;
  justify-content: center;
  padding-top: 0.75rem;
  padding-bottom: 3.75vw;
}
.index_case .index_case_title ul li a {
  border-right: 0.125rem solid #9c9c9c;
  padding: 0 1.625rem;
  text-align: center;
  color: #9c9c9c;
  display: block;
}
.index_case .index_case_title ul li a:hover {
  color: #11acdf;
}
.index_case .index_case_title ul li:last-child a {
  border: none;
}
.index_case .index_case_con {
  overflow: hidden;
}
.index_case .index_case_con ul {
  width: 100%;
}
.index_case .index_case_con ul li {
  width: 20%;
  height: 20vw;
  float: left;
  transition: all 2s;
}
.index_case .index_case_con ul li a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.index_case .index_case_con ul li a .case_con_pic {
  height: 13.333vw;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.index_case .index_case_con ul li a .case_con_pic img {
  height: 100%;
  width: 100%;
}
.index_case .index_case_con ul li a .case_con_pic::before {
  content: "";
  height: 0%;
  width: 100%;
  overflow: hidden;
  background-color: rgba(156, 156, 156, 0.35);
  position: absolute;
  top: 0;
  z-index: 99;
  transition: all 0.8s;
  opacity: 0;
  transform: translate(-50%, 100%) rotateY(-90deg);
}
.index_case .index_case_con ul li a .case_con_pic::after {
  z-index: 100;
  content: "";
  position: absolute;
  border: 0.0625rem solid #fff;
  width: 94.79167%;
  overflow: hidden;
  height: 0;
  top: 50%;
  left: 50%;
  transform: translate(50%, 100%) rotateY(90deg);
  opacity: 0;
  transition: all 0.8s;
}
.index_case .index_case_con ul li a .index_case_text {
  padding: 1.04166vw;
  position: relative;
}
.index_case .index_case_con ul li a .index_case_text h3 {
  font-size: 1vw;
  color: #666666;
  transition: all 0.3s;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.index_case .index_case_con ul li a .index_case_text p {
  font-size: 0.7291667vw;
  color: #999999;
  padding-top: 0.625vw;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.index_case .index_case_con ul li a .index_case_text::after {
  content: "";
  position: absolute;
  width: 1.875rem;
  height: 0.0625rem;
  background-color: #b4b4b4;
  right: 1.5%;
  top: 50%;
  transform: translateY(-50%);
  display: none;
}
.index_case .index_case_con ul li a .index_case_text::before {
  content: "";
  position: absolute;
  width: 0.875rem;
  height: 0.0625rem;
  background-color: #b4b4b4;
  right: 1%;
  transform: rotate(45deg);
  top: 44%;
  display: none;
}
.index_case .index_case_con ul li:hover .index_case_text h3 {
  color: #2b2b30;
}
.index_case .index_case_con ul li:hover .index_case_text::before,
.index_case .index_case_con ul li:hover .index_case_text::after {
  display: block;
}
.index_case .index_case_con ul li:hover a .case_con_pic::before {
  transform: translate(0%, 0%) rotateY(0deg);
  height: 100%;
  opacity: 1;
}
.index_case .index_case_con ul li:hover a .case_con_pic::after {
  transform: translate(-50%, -50%) rotateY(0deg);
  height: 92%;
  opacity: 1;
}
.common_arrow {
  width: 2.125rem;
  margin: 0 auto;
  animation: arrowmove 1.5s infinite;
  padding-bottom: 5rem;
}
.common_arrow img {
  width: 100%;
}
.common_temporarily {
  text-align: center;
  font-size: 0.875rem;
  color: #999999;
  padding-top: 1.875rem;
  display: none;
}
.common_temporarily img {
  width: 1.1875rem;
  height: 1.1875rem;
  margin-right: 0.25rem;
  vertical-align: text-bottom;
}
.personal_common_ul {
  border: 0.0625rem solid #eff2f4;
  margin-top: 0.875rem;
}
.personal_common_ul li {
  background-color: #fff;
  height: 3rem;
  line-height: 3rem;
  padding: 0 0.875rem;
  display: flex;
  justify-content: space-between;
  border-bottom: 0.0625rem solid #eff2f4;
}
.personal_common_ul li span {
  font-size: 0.75rem;
  color: #666666;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
}
.personal_common_ul li span a {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 3rem;
  font-size: 0.75rem;
  height: 1.5rem;
  line-height: 1.5rem;
  border: 0.0625rem solid #11acdf;
  color: #11acdf;
  transition: all 0.3s;
  text-align: center;
  border-radius: 0.25rem;
}
.personal_common_ul li span a:hover {
  background-color: #11acdf;
  color: #fff;
}
.personal_common_ul li span button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  display: block;
  width: 3.125rem;
  font-size: 0.75rem;
  height: 1.625rem;
  line-height: 1.625rem;
  border: 0.0625rem solid #f68947;
  color: #f68947;
  transition: all 0.3s;
  text-align: center;
  border-radius: 0.25rem;
  cursor: pointer;
}
.personal_common_ul li span button:hover {
  background-color: #f68947;
  color: #fff;
}
.personal_common_ul li .processing_type {
  width: 6.8125rem;
}
.personal_common_ul li .processing_domain_name {
  width: 8.375rem;
}
.personal_common_ul li .processing_status {
  width: 19.375rem;
}
.personal_common_ul li .processing_start {
  width: 6.5rem;
}
.personal_common_ul li .processing_over {
  width: 6.5rem;
}
.personal_common_ul li .processing_operating {
  width: 3.125rem;
}
.personal_common_ul li:last-child {
  border-bottom: 0;
}
.personal_common_ul .processing_title {
  background-color: #eff2f4;
  height: 2.3125rem;
  line-height: 2.3125rem;
}
.personal_common_ul .processing_title span {
  font-size: 0.875rem;
  font-weight: 700;
}
.news_con_left {
  width: 48.75rem;
}
.news_con_left ul li {
  background-color: #fff;
  height: 13.8125rem;
  width: 100%;
  border-bottom: 0.0625rem solid #e8e8e8;
  transition: all 0.5s;
  padding: 2.5rem 16.0625rem 2.5rem 2.5rem;
  position: relative;
  box-sizing: border-box;
}
.news_con_left ul li a:hover {
  color: #11acdf;
}
.news_con_left ul li .pic {
  position: absolute;
  right: 2.5rem;
  top: 2.5rem;
  transition: all 0.5s;
  width: 12.5rem;
}
.news_con_left ul li .pic img {
  width: 100%;
  max-height: 7.6875rem;
}
.news_con_left ul li h3 a {
  font-size: 1.375rem;
  line-height: 2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.news_con_left ul li h5 a {
  font-size: 0.875rem;
  color: #999999;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1.25rem;
  padding-top: 0.875rem;
}
.news_con_left ul li > div {
  padding-top: 0.5rem;
  font-size: 0.75rem;
  color: #999999;
}
.news_con_left ul li > div a {
  font-size: 0.75rem;
  color: #666666;
}
.news_con_left ul li > div > a {
  margin-right: 1.25rem;
}
.news_con_left ul li > div > span,
.news_con_left ul li > div > i {
  font-size: 0.75rem;
  color: #999999;
}
.news_con_left ul li > div > i {
  margin-left: 1.625rem;
}
.news_con_left ul li > div > i a {
  margin-left: 0.375rem;
}
.news_con_left .common_question_page {
  padding: 1.875rem 0;
  background-color: #fff;
}
.common_determine_title {
  display: flex;
  border-bottom: 0.0625rem solid #f0f0f0;
  justify-content: space-between;
  padding-left: 0.625rem;
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
  margin-bottom: 1.25rem;
}
.common_determine_title .left {
  color: #666;
}
.common_determine_title .right {
  font-size: 0.75rem;
  color: #999999;
}
header {
  width: 100%;
  position: relative;
  z-index: 9999999;
}
header .nav {
  height: 3.75rem;
  line-height: 3.75rem;
  border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.1);
  padding-right: 0.875rem;
  transition: all 0.8s;
}
header .nav:hover {
  background-color: #2b2b30;
}
header .nav ul {
  float: left;
}
header .nav ul li {
  color: #fff;
  transition: all 0.3s;
}
header .nav ul li i {
  color: #fff;
  transition: all 0.3s;
}
header .nav ul li a {
  color: #fff;
  transition: all 0.3s;
}
header .nav ul li:hover {
  color: #11acdf;
}
header .nav ul li:hover i {
  color: #11acdf;
}
header .nav ul li:hover a {
  color: #11acdf;
}
header .nav .nav_left {
  height: 100%;
  float: left;
}
header .nav .nav_left .nav_list {
  padding: 0 1.625rem;
  display: inline-block;
  color: #fff;
  float: left;
  transition: all 0.3s;
  cursor: default;
  font-size: 0.875rem;
}
header .nav .nav_left .nav_list i {
  padding-right: 0.5rem;
  color: #fff;
  transition: all 0.3s;
}
header .nav .nav_left .nav_list:hover {
  color: #11acdf;
}
header .nav .nav_left .nav_list:hover i {
  color: #11acdf;
}
header .nav .nav_left .logo {
  padding: 0 1.625rem;
  display: inline-block;
  float: left;
  transition: all 0.3s;
  width: 9.625rem;
  box-sizing: border-box;
}
header .nav .nav_left .logo a {
  color: #fff;
  transition: all 0.3s;
  display: inline-block;
  width: 100%;
  height: 100%;
}
header .nav .nav_left .logo a .logo_move {
  height: 1.6875rem;
  width: 1.6875rem;
  margin-right: 0.3125rem;
  animation: logoRotate 4s 0s infinite;
  margin-bottom: 0.3rem;
}
header .nav .nav_left .logo:hover {
  color: #11acdf;
}
header .nav .nav_left .logo:hover a {
  color: #11acdf;
}
header .nav .nav_left .logo:hover .logo_move {
  animation: logoReturn 1s;
}
header .nav .nav_left .ycdl {
  margin-bottom: 0.1rem;
}
header .nav .nav_left .nav_ul > li {
  position: relative;
  float: left;
  cursor: pointer;
}
header .nav .nav_left .nav_ul > li a {
  padding: 0 1.625rem;
  display: block;
  height: 100%;
  font-size: 0.875rem;
}
header .nav .nav_left .nav_ul > li::after {
  content: "";
  height: 0.1875rem;
  width: 0%;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.5s;
  background-color: #11acdf;
  position: absolute;
  opacity: 0;
}
header .nav .nav_left .nav_ul > li:hover::after {
  opacity: 1;
  width: 90%;
}
header .nav .nav_left li:nth-child(n+2) {
  cursor: pointer;
}
header .nav .nav_right {
  float: right;
  height: 100%;
}
header .nav .nav_right li {
  padding: 0 0.75rem;
  float: left;
}
header .nav .nav_right li a {
  font-size: 0.875rem;
  display: block;
  width: 100%;
  height: 100%;
}
header .nav .nav_right li a img {
  margin-right: 0.5rem;
  width: 1.8125rem;
  border-radius: 50%;
}
header .nav .nav_right .nav_tel a {
  font-size: 1.25rem;
}
header .nav .nav_right .nav_tel a i {
  font-size: 1.25rem;
}
header .nav_li_con {
  background-color: #2b2b30;
  display: none;
  width: 100%;
  position: absolute;
}
header .nav_li_con .nav_li_con_list {
  background-color: #2b2b30;
  padding-left: 19rem;
  width: 100%;
  box-sizing: border-box;
}
header .nav_li_con .nav_li_con_list ul {
  float: left;
  padding: 1.875rem 0;
  width: 9rem;
}
header .nav_li_con .nav_li_con_list ul li {
  color: #fff;
  height: 1.9rem;
  width: 100%;
}
header .nav_li_con .nav_li_con_list ul li a {
  display: block;
  width: 100%;
  height: 100%;
  color: #ccc;
  transition: all 0.3s;
  font-size: 0.75rem;
}
header .nav_li_con .nav_li_con_list ul li:hover a {
  color: #11acdf;
}
header .nav_li_con .nav_li_con_list ul .nav_li_con_list_title {
  margin-bottom: 0.875rem;
  font-size: 0.875rem;
}
header .nav_con {
  position: absolute;
  display: none;
  background-color: #2b2b30;
  z-index: 100;
  height: 100vh;
}
header .nav_con > ul {
  height: 100vh;
  width: 14rem;
  z-index: 99;
  background-color: #2b2b30;
}
header .nav_con > ul .nav_bottom_tel {
  font-size: 0.875rem;
  text-align: center;
  position: absolute;
  bottom: 0.75rem;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  width: 100%;
  bottom: 4rem;
}
header .nav_con > ul > li {
  z-index: 99;
  width: 100%;
  line-height: 2.25rem;
  position: relative;
}
header .nav_con > ul > li:hover > a {
  color: #11acdf;
}
header .nav_con > ul > li:hover > a span {
  color: #11acdf;
}
header .nav_con > ul > li:hover > ol {
  display: block;
}
header .nav_con > ul > li a {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1.25rem;
  font-size: 0.875rem;
  color: #fff;
  transition: all 0.3s;
}
header .nav_con > ul > li a span {
  font-family: SimSun;
  font-size: 0.875rem;
  color: #fff;
  transition: all 0.3s;
}
header .nav_con > ul > li > ol {
  display: none;
  background-color: #3c3c41;
  width: 14rem;
  z-index: 95;
  height: 100vh;
  top: 0;
  left: 14rem;
  position: absolute;
  transition: all 0.3s;
}
header .nav_con > ul > li > ol > li {
  width: 100%;
  line-height: 2.25rem;
}
header .nav_con > ul > li > ol > li:hover > a {
  color: #11acdf;
}
header .nav_con > ul > li > ol > li:hover > a span {
  color: #11acdf;
}
header .nav_con > ul > li > ol > li:hover > ul {
  display: block;
}
header .nav_con > ul > li > ol > li > ul {
  display: none;
  background-color: #57575c;
  width: 25rem;
  z-index: 90;
  height: 100vh;
  top: 0;
  left: 14rem;
  position: absolute;
  transition: all 0.3s;
}
header .nav_con > ul > li > ol > li > ul > li {
  width: 100%;
  line-height: 2.25rem;
}
header .nav_con > ul > li > ol > li > ul > li a::after {
  display: none;
}
header .nav_con > ul > li > ol > li > ul > li:hover > a {
  color: #11acdf;
}
header .bg {
  background-color: transparent;
  position: absolute;
  display: none;
}
footer {
  /*底部*/
  background-color: #2b2b30;
}
footer .footer_top {
  padding: 2.0625rem 0;
  border-bottom: 0.0625rem solid #464646;
}
footer .footer_top .footer_top_left {
  padding-left: 4.375rem;
  padding-right: 3.4375rem;
  position: relative;
  border-right: 0.0625rem solid #464646;
  width: 16.375rem;
  display: inline-block;
  float: left;
}
footer .footer_top .footer_top_left > img {
  position: absolute;
  left: 0;
  top: 0.75rem;
  width: 2.5625rem;
  height: 2.8125em;
}
footer .footer_top .footer_top_left p,
footer .footer_top .footer_top_left a {
  color: #acacac;
}
footer .footer_top .footer_top_left .footer_left_consult {
  font-size: 1.125rem;
}
footer .footer_top .footer_top_left .footer_left_tel {
  font-size: 2.1rem;
  padding: 0.25rem 0 1.25rem 0;
  display: block;
  cursor: default;
}
footer .footer_top .footer_top_left .footer_left_qq {
  margin-bottom: 1rem;
  font-size: 0.875rem;
}
footer .footer_top .footer_top_left .footer_left_qq a {
  margin-left: 0.9375rem;
  padding: 0.25rem 0.5625rem;
  font-size: 0.75rem;
  border: 0.0625rem solid #acacac;
  transition: all 0.3s;
}
footer .footer_top .footer_top_left .footer_left_qq a:hover {
  background-color: #11acdf;
  border-color: #11acdf;
  color: #fff;
}
footer .footer_top .footer_top_left .footer_left_add {
  font-size: 0.875rem;
  line-height: 1.875rem;
}
footer .footer_top .footer_top_right {
  float: left;
  padding-left: 4.1875rem;
  padding-right: 0.9375rem;
}
footer .footer_top .footer_top_right ul {
  float: left;
}
footer .footer_top .footer_top_right ul .footer_right_title a {
  color: #e3e3e3;
  font-weight: 700;
}
footer .footer_top .footer_top_right ul li {
  margin-bottom: 0.5rem;
  text-align: center;
  padding-right: 4rem;
}
footer .footer_top .footer_top_right ul li a {
  font-size: 0.875rem;
  color: #8a8a8a;
  transition: all 0.3s;
}
footer .footer_top .footer_top_right ul li a:hover {
  color: #11acdf;
}
footer .footer_top .footer_top_right ul li a img {
  height: 5.6875rem;
  width: 5.6875rem;
}
footer .footer_middle {
  padding: 1.25rem 0;
  border-bottom: 0.0625rem solid #464646;
}
footer .footer_middle ul {
  padding-bottom: 0.75rem;
}
footer .footer_middle ul li {
  float: left;
  margin-right: 1.4rem;
}
footer .footer_middle ul li a {
  font-size: 0.875rem;
  color: #8a8a8a;
  transition: all 0.3s;
}
footer .footer_middle ul li a:hover {
  color: #11acdf;
}
footer .footer_middle ul li:last-child {
  margin-right: 0;
}
footer .footer_middle ul .footer_middle_title {
  padding-right: 2rem;
}
footer .footer_middle ul .footer_middle_title a {
  font-weight: 700;
}
footer .footer_middle ul:last-child {
  padding-bottom: 0;
}
footer .footer_bottom {
  padding: 1.25rem 0 0.875rem 0;
}
footer .footer_bottom p,
footer .footer_bottom a,
footer .footer_bottom span {
  color: #8a8a8a;
  font-size: 0.875rem;
  text-align: center;
}
footer .footer_bottom span {
  display: inline-block;
  padding-left: 0.25rem;
}
footer .footer_bottom p:last-child {
  padding-top: 0.625rem;
}
footer .footer_bottom p:last-child a {
  display: inline-block;
  width: 3.8125rem;
  height: 1.4375rem;
  margin-right: 0.18775rem;
}
footer .footer_bottom p:last-child a img {
  width: 100%;
  height: 100%;
}
.s_banner {
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  height: 15.5rem;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.s_banner > a {
  display: block;
  width: 100%;
  height: 100%;
}
.b_banner {
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  height: 26.25rem;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.no_banner {
  width: 100%;
  height: 3.75rem;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #2b2b30;
}
.common_nav {
  margin-top: calc(11.75rem);
}
.common_nav ul {
  padding: 0.94rem 0;
  border-top: 0.0625rem solid #e8e8e8;
  border-bottom: 0.0625rem solid #e8e8e8;
  background-color: #fff;
  height: 3.75rem;
  box-sizing: border-box;
}
.common_nav ul .center {
  display: flex;
  justify-content: flex-start;
}
.common_nav ul .center li {
  border-left: 0.0625rem solid #c8c8c8;
  position: relative;
}
.common_nav ul .center li a {
  color: #666666;
  font-size: 0.875rem;
  width: 100%;
  height: 100%;
  display: block;
  padding: 0.3125rem 2.75rem;
  box-sizing: border-box;
}
.common_nav ul .center li:last-child {
  border-right: 0.0625rem solid #c8c8c8;
}
.common_nav ul .center .current a {
  color: #11acdf;
}
.common_nav ul .center .current::after {
  content: "";
  width: 60%;
  position: absolute;
  bottom: -0.94rem;
  height: 0.0625rem;
  background-color: #11acdf;
  left: 50%;
  transform: translateX(-50%);
}
.current_html ul {
  padding-bottom: 1.25rem;
  border-bottom: 0.0625rem solid #e8e8e8;
}
.current_html ul li {
  float: left;
  position: relative;
}
.current_html ul li a {
  font-size: 0.75rem;
  color: #11acdf;
  padding: 0 0.4375rem;
  display: block;
  width: 100%;
  height: 100%;
}
.current_html ul li::after {
  content: ">";
  font-size: 0.75rem;
  color: #333333;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(50%, -50%);
}
.current_html ul .current a {
  color: #333333;
  pointer-events: none;
}
.current_html ul .current::after {
  content: "";
}
.common_question_page {
  padding-top: 1.5rem;
  text-align: center;
}
.common_question_page a {
  box-sizing: border-box;
  padding: 0 0.75rem;
  display: inline-block;
  height: 1.875rem;
  line-height: 1.875rem;
  border: 0.0625rem solid #e8e8e8;
  margin-right: 0.5rem;
  color: #666666;
  font-size: 0.75rem;
  background-color: #fff;
  transition: all 0.3s;
}
.common_question_page a:hover {
  background-color: #11acdf;
  color: #fff;
  border-color: #11acdf;
}
.common_question_page .common_question_page_prev {
  color: #cccccc;
}
.common_question_page .end {
  background-color: #eff2f4;
  color: #cccccc;
  cursor: default;
}
.common_question_page .common_question_page_move {
  border: 0;
  background-color: transparent;
  cursor: default;
}
.common_question_page .current {
  border-color: #11acdf;
  background-color: #11acdf;
  color: #fff;
}
.common_question_page span:last-child {
  font-size: 0.75rem;
  color: #666666;
  margin-right: 0;
}
.ww_search {
  margin-top: 22.4375rem;
  height: 8.625rem;
  line-height: 8.625rem;
  background-color: #11acdf;
}
.ww_search .center {
  position: relative;
}
.ww_search .center > a {
  display: inline-block;
  width: 7.75rem;
  box-sizing: border-box;
  margin-left: 2.0625rem;
}
.ww_search .center > a img {
  width: 100%;
}
.ww_search .center input {
  height: 3.625rem;
  width: 38.75rem;
  padding-left: 1.25rem;
  position: absolute;
  left: 14.375rem;
  top: 2.5rem;
}
.ww_search .center input::-webkit-input-placeholder {
  color: #999999;
}
.ww_search .center .com {
  display: inline-block;
  height: 3.625rem;
  line-height: 3.625rem;
  background-color: #fff;
  width: 9.25rem;
  box-sizing: border-box;
  padding-left: 1.875rem;
  font-size: 1.375rem;
  position: absolute;
  top: 2.5rem;
  left: 53.25rem;
  border-left: 0.0625rem solid #e8e8e8;
  cursor: pointer;
}
.ww_search .center .com::after {
  content: ">";
  position: absolute;
  font-family: SimSun-ExtB;
  font-size: 1.375rem;
  transition: all 0.3s;
  top: 50%;
  transform: translateY(-45%) rotate(90deg);
  font-weight: 700;
  right: 2rem;
}
.ww_search .center ul {
  position: absolute;
  left: 53.25rem;
  top: 6.125rem;
  z-index: 99;
  display: none;
  max-height: 12rem;
  overflow-y: scroll;
}
.ww_search .center ul li {
  height: 3.625rem;
  line-height: 3.625rem;
  width: 9.25rem;
  padding-left: 1.875rem;
  font-size: 1.375rem;
  background-color: #fff;
  box-sizing: border-box;
  border-top: 0.0625rem solid #e8e8e8;
  cursor: pointer;
  transition: all 0.5s;
}
.ww_search .center ul li:hover {
  background-color: #11acdf;
  color: #fff;
}
.ww_search .center ul .current {
  background-color: #11acdf;
  color: #fff;
}
.ww_search .center ul li:last-child {
  border-bottom: 0.0625rem solid #e8e8e8;
}
.ww_search .center button {
  width: 12.5rem;
  text-align: center;
  height: 3.625rem;
  line-height: 3.625rem;
  position: absolute;
  right: 0;
  top: 2.5rem;
  background-color: #007ec4;
  color: #fff;
  font-size: 1.375rem;
  cursor: pointer;
}
.common_footer {
  background-color: #fff;
}
.common_footer .common_footer_top {
  padding: 5.625rem 0;
  border-bottom: 0.0625rem solid #e8e8e8;
}
.common_footer .common_footer_top .center {
  padding-right: 33.75rem;
  box-sizing: border-box;
  position: relative;
}
.common_footer .common_footer_top .center img {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 21rem;
  height: 15.625rem;
}
.common_footer .common_footer_top .center h3 {
  font-size: 1.875rem;
  padding-bottom: 1.875rem;
}
.common_footer .common_footer_top .center h5 {
  color: #858585;
  line-height: 2.1215rem;
  padding-bottom: 2.5rem;
}
.common_footer .common_footer_top .center > a {
  display: inline-block;
  height: 2.5rem;
  line-height: 2.5rem;
  padding: 0 2.625rem;
  font-size: 0.875rem;
  border-radius: 2rem;
  border: 0.0625rem solid #11acdf;
  transition: all 0.5s;
  background-color: transparent;
  color: #11acdf;
}
.common_footer .common_footer_top .center > a:hover {
  color: #fff;
  background-color: #11acdf;
  border-radius: 0;
}
.common_footer .common_footer_bottom {
  padding: 1.25rem 0;
}
.common_footer .common_footer_bottom .center {
  display: flex;
  justify-content: space-between;
}
.common_footer .common_footer_bottom .center .common_footer_bottom_left {
  display: flex;
  justify-content: space-between;
  position: relative;
}
.common_footer .common_footer_bottom .center .common_footer_bottom_left::after {
  content: "";
  height: 1.5rem;
  width: 0.0625rem;
  background-color: #c8c8c8;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.common_footer .common_footer_bottom .center .common_footer_bottom_left > div {
  position: relative;
}
.common_footer .common_footer_bottom .center .common_footer_bottom_left > div > a {
  font-size: 0.875rem;
  color: #11acdf;
}
.common_footer .common_footer_bottom .center .common_footer_bottom_left > div > a i {
  color: #11acdf;
  font-size: 1.3rem;
  position: absolute;
  top: 1%;
}
.common_footer .common_footer_bottom .center .common_footer_bottom_left .prev a {
  padding-left: 2.3125rem;
  padding-right: 1.875rem;
}
.common_footer .common_footer_bottom .center .common_footer_bottom_left .prev a i {
  left: 0;
}
.common_footer .common_footer_bottom .center .common_footer_bottom_left .next a {
  padding-right: 2.3125rem;
  padding-left: 1.875rem;
}
.common_footer .common_footer_bottom .center .common_footer_bottom_left .next a i {
  right: 0;
}
.common_footer .common_footer_bottom .center .common_footer_bottom_left .end > a {
  color: #a0a0a0;
  cursor: default;
}
.common_footer .common_footer_bottom .center .common_footer_bottom_left .end > a i {
  color: #a0a0a0;
}
.common_footer .common_footer_bottom .center .common_footer_bottom_right {
  font-size: 0.875rem;
  color: #a0a0a0;
  position: relative;
}
.common_footer .common_footer_bottom .center .common_footer_bottom_right ul {
  display: inline-block;
  padding-right: 1.25rem;
  align-content: center;
  vertical-align: middle;
  padding-left: 0.3125rem;
}
.common_footer .common_footer_bottom .center .common_footer_bottom_right ul li {
  float: left;
  margin-right: 1.25rem;
}
.common_footer .common_footer_bottom .center .common_footer_bottom_right ul li a {
  display: block;
  width: 1.5rem;
}
.common_footer .common_footer_bottom .center .common_footer_bottom_right ul li a img {
  width: 100%;
}
.service_support_banner {
  position: relative;
}
.service_support_banner h2 {
  font-size: 2.625rem;
  color: #ffffff;
  padding-top: 8rem;
}
.service_support_banner .search {
  width: 43.14rem;
  height: 3rem;
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translateX(-50%);
}
.service_support_banner .search input {
  width: 37.125rem;
  height: 100%;
  padding-left: 1.25rem;
  box-sizing: border-box;
}
.service_support_banner .search input::-webkit-input-placeholder {
  color: #666666;
}
.service_support_banner .search button {
  height: 100%;
  background-color: #11acdf;
  color: #fff;
  padding: 0 2rem;
  cursor: pointer;
  margin-left: -0.3rem;
}
.service_support_banner p {
  position: absolute;
  top: 10.8rem;
  left: 16.3125rem;
  color: #ffffff;
  font-size: 0.875rem;
}
.service_support_banner p a {
  color: #ffffff;
  font-size: 0.875rem;
}
.login_con_right {
  position: relative;
  width: 26.875rem;
}
.login_con_right .login_content {
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: #fff;
  border-radius: 0.25rem;
  padding: 1.875rem 3.125rem;
  box-sizing: border-box;
}
.login_con_right .login_content > h3 {
  font-size: 1.5rem;
  text-align: center;
}
.login_con_right .login_content ul li {
  width: 100%;
  height: 2.625rem;
  line-height: 2.625rem;
  box-sizing: border-box;
  margin-top: 1.25rem;
}
.login_con_right .login_content ul li label {
  height: 100%;
  width: 3.3125rem;
  text-align: center;
  border-top: 0.0625rem solid #d7d7d7;
  border-bottom: 0.0625rem solid #d7d7d7;
  border-left: 0.0625rem solid #d7d7d7;
  display: block;
  float: left;
  font-size: 0.875rem;
  box-sizing: border-box;
  color: #999999;
}
.login_con_right .login_content ul li input {
  height: 100%;
  font-size: 0.875rem;
  padding-left: 0.75rem;
  border: 0.0625rem solid #d7d7d7;
  box-sizing: border-box;
  border-radius: 0.25rem;
}
.login_con_right .login_content ul li input::-webkit-input-placeholder {
  font-size: 0.875rem;
  color: #999999;
}
.login_con_right .login_content ul .login_tel input {
  width: 17.25rem;
  float: left;
  border-radius: 0 0.25rem 0.25rem 0;
}
.login_con_right .login_content ul .login_verification {
  display: flex;
  justify-content: space-between;
}
.login_con_right .login_content ul .login_verification input {
  width: 13.125rem;
}
.login_con_right .login_content ul .login_verification button {
  width: 6.875rem;
  height: 100%;
  text-align: center;
  display: block;
  line-height: 2.625rem;
  border-radius: 0.25rem;
  color: #666666;
  font-size: 0.875rem;
  background-color: #d7d7d7;
}
.login_con_right .login_content ul .login_verification .click {
  background-color: #e8f5fd;
  color: #11acdf;
}
.login_con_right .login_content > button {
  display: block;
  width: 100%;
  height: 2.625rem;
  line-height: 2.625rem;
  text-align: center;
  font-size: 1.125rem;
  color: #fff;
  background-color: #11acdf;
  border-radius: 0.25rem;
  margin-top: 1.125rem;
}
.login_con_right .login_content > p {
  margin-top: 1.5625rem;
  text-align: center;
  font-size: 0.875rem;
  color: #999999;
  position: relative;
}
.login_con_right .login_content > p::before {
  content: "";
  height: 0.0625rem;
  width: 6.875rem;
  background-color: #d7d7d7;
  position: absolute;
  top: 50%;
  left: 0;
}
.login_con_right .login_content > p::after {
  content: "";
  height: 0.0625rem;
  width: 6.875rem;
  background-color: #d7d7d7;
  position: absolute;
  top: 50%;
  right: 0;
}
.login_con_right .login_content > ol {
  display: flex;
  justify-content: space-around;
  padding-top: 1.25rem;
}
.login_con_right .login_content > ol li a {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 0.875rem;
  color: #999999;
}
.login_con_right .login_content > ol li a img {
  display: block;
  margin: 0 auto 0.3125rem auto;
  width: 2.5rem;
}
.three {
  padding: 0;
}
.three .index_case_con ul {
  display: flex;
  justify-content: space-between;
}
.three .index_case_con ul li {
  width: 24rem;
  height: auto;
}
.three .index_case_con ul li .case_con_pic {
  height: 13.542vw;
}
.good_case {
  background-color: #fff;
}
.good_case .center > h3 {
  text-align: center;
  padding-top: 3.3rem;
  padding-bottom: 1rem;
  position: relative;
}
.good_case .center > h3::after {
  height: 0.125rem;
  width: 2.875rem;
  background-color: #333333;
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.good_case .center .three {
  margin-top: 3.125rem;
  padding-bottom: 3.75rem;
}
.mini_apps_title {
  font-size: 1.75rem;
  padding-top: 4.5rem;
  text-align: center;
}
.mini_apps_subtitle {
  padding-top: 0.9375rem;
  color: #585858;
  text-align: center;
}
.value_added {
  background-color: #f8f8f8;
}
.value_added .value_added_con {
  position: relative;
  padding-top: 5rem;
  padding-bottom: 3.625rem;
  text-align: center;
}
.value_added .value_added_con > div {
  position: absolute;
  font-size: 1.25rem;
  color: #555555;
}
.value_added .value_added_con > img {
  width: 43.75rem;
  z-index: -1;
  border-radius: 18rem;
  transition: all 5s;
}
.value_added .value_added_con .value_added_maintain {
  top: 9.5rem;
  left: 4.625rem;
}
.value_added .value_added_con .value_added_record {
  top: 17.1rem;
  left: 6.25rem;
}
.value_added .value_added_con .value_added_map {
  top: 26.2rem;
  left: 4.25rem;
}
.value_added .value_added_con .value_added_service {
  top: 36.5rem;
  left: 4.5625rem;
}
.value_added .value_added_con .value_added_share {
  top: 9.5rem;
  right: 8.25rem;
}
.value_added .value_added_con .value_added_statistics {
  top: 17.1rem;
  right: 3.125rem;
}
.value_added .value_added_con .value_added_pay {
  top: 26.2rem;
  right: 2.875rem;
}
.value_added .value_added_con .value_added_management {
  top: 36.5rem;
  right: 5rem;
}
.one_stop {
  background-color: #f7fafc;
  padding-bottom: 8.375rem;
}
.one_stop .center ul {
  margin-top: 5.625rem;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.one_stop .center ul li {
  width: 33.333%;
  text-align: center;
}
.one_stop .center ul li:hover .one_stop_pic .iconfont {
  animation: one_stop_pic 1s;
}
.one_stop .center ul li .one_stop_pic {
  width: 6.25rem;
  height: 6.25rem;
  line-height: 6.25rem;
  text-align: center;
  margin: 0 auto;
  border-radius: 50%;
  transition: all 1s;
}
.one_stop .center ul li .one_stop_pic .iconfont {
  font-size: 3.375rem;
  color: #fff;
  display: block;
}
.one_stop .center ul li h5 {
  font-size: 1.5rem;
  padding-top: 3rem;
  padding-bottom: 1.3125rem;
}
.one_stop .center ul li p {
  font-size: 0.875rem;
  color: #666666;
  line-height: 1.5rem;
}
.one_stop .center ul .one_stop_crm:hover .one_stop_pic {
  background-image: linear-gradient(to left, #a8ed7f, #54dc2a);
}
.one_stop .center ul .one_stop_crm .one_stop_pic {
  background-image: linear-gradient(to right, #fe6666, #fa3c3a);
}
.one_stop .center ul .one_stop_pc:hover .one_stop_pic {
  background-image: linear-gradient(to left, #fed27f, #fad002);
}
.one_stop .center ul .one_stop_pc .one_stop_pic {
  background-image: linear-gradient(to right, #ff7e56, #ff6543);
}
.one_stop .center ul .one_stop_appliance:hover .one_stop_pic {
  background-image: linear-gradient(to left, #e7aeff, #b854ff);
}
.one_stop .center ul .one_stop_appliance .one_stop_pic {
  background-image: linear-gradient(to right, #01d3ed, #05badc);
}
.ycdl_advantage {
  background-color: #fff;
  padding-bottom: 5rem;
}
.ycdl_advantage .ycdl_advantage_bg {
  width: 100%;
  height: 30.9375rem;
}
.ycdl_advantage .ycdl_advantage_bg img {
  width: 100%;
  height: 100%;
}
.ycdl_advantage .ycdl_advantage_con {
  margin-top: -26.25rem;
  position: relative;
}
.ycdl_advantage .ycdl_advantage_con .center {
  background-color: #fff;
  box-sizing: border-box;
  padding: 0 4.75rem;
  box-shadow: 0.1rem 0.25rem 1rem rgba(0, 0, 0, 0.15);
}
.ycdl_advantage .ycdl_advantage_con .center .mini_apps_title {
  padding-top: 3.9rem;
}
.ycdl_advantage .ycdl_advantage_con .center ul {
  display: flex;
  margin-top: 3.875rem;
  margin-bottom: 2rem;
}
.ycdl_advantage .ycdl_advantage_con .center ul li {
  justify-content: flex-start;
  height: 2.875rem;
  line-height: 2.875rem;
  padding: 0 1.875rem;
  background-color: #ebf3f5;
  margin-right: 1.25rem;
  border-radius: 0.25rem;
  cursor: pointer;
}
.ycdl_advantage .ycdl_advantage_con .center ul .hover {
  background-color: #11acdf;
  color: #fff;
}
.ycdl_advantage .ycdl_advantage_con .center ul li:last-child {
  margin-right: 0;
}
.ycdl_advantage .ycdl_advantage_con .center .ycdl_advantage_con_list {
  padding-bottom: 3.625rem;
}
.ycdl_advantage .ycdl_advantage_con .center .ycdl_advantage_con_list .ycdl_advantage_con_text {
  display: none;
}
.ycdl_advantage .ycdl_advantage_con .center .ycdl_advantage_con_list .ycdl_advantage_con_text p {
  font-size: 0.875rem;
  color: #666666;
  line-height: 1.5rem;
}
.ycdl_advantage .ycdl_advantage_con .center .ycdl_advantage_con_list .ycdl_advantage_con_text img {
  display: block;
  margin: 0.75rem auto 0 auto;
  max-width: 65.75rem;
}
/*弹窗*/
.pop_window {
  position: fixed;
  z-index: 99999999;
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  display: none;
}
.pop_window > div {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  border-radius: 0.25rem;
}
.pop_window > div h3 {
  font-size: 1.5rem;
  text-align: center;
}
.pop_window > div .pop_window_top {
  padding: 0.938rem 1.875rem;
  border-bottom: 0.0625rem solid #e8e8e8;
}
.pop_window > div .pop_window_top div {
  font-size: 1.125rem;
  color: #666666;
}
.pop_window > div .pop_window_top div img {
  width: 0.875rem;
  height: 0.875rem;
}
.pop_window > div .pop_window_top .fr {
  cursor: pointer;
}
.pop_window .information {
  /*定时弹窗*/
  text-align: center;
  width: 32.25rem;
}
.pop_window .information .pop_window_top {
  padding-right: 1.25rem;
  border-bottom: 0;
}
.pop_window .information .information_title {
  color: #11acdf;
  font-weight: 700;
  position: relative;
  transform: translateY(-50%);
}
.pop_window .information .information_title::after,
.pop_window .information .information_title::before {
  content: "";
  position: absolute;
  top: 50%;
  height: 0.0625rem;
  width: 9.375rem;
  background-color: #e8e8e8;
}
.pop_window .information .information_title::after {
  right: 0;
}
.pop_window .information .information_title::before {
  left: 0;
}
.pop_window .information > p {
  margin-top: -0.25rem;
  padding-bottom: 1.25rem;
}
.pop_window .information > p span {
  font-size: 0.875rem;
  color: #a8a8a8;
  font-weight: 700;
  padding: 0 0.25rem;
}
.pop_window .information > a {
  display: block;
  width: 9.25rem;
  margin: 1.375rem auto 1.875rem auto;
  height: 2rem;
  line-height: 2rem;
  border: 0.0625rem solid #11acdf;
  color: #11acdf;
  border-radius: 1rem;
  transition: all 0.5s;
}
.pop_window .information > a:hover {
  background-color: #11acdf;
  color: #fff;
}
.pop_window .information .information_tel {
  height: 5.3125rem;
  background: url("../img/p_t_b.png") no-repeat bottom;
  color: #fff;
  font-size: 1.25rem;
  margin-top: 0.0625rem;
  box-sizing: border-box;
  padding-top: 2.5rem;
}
.pop_window .information .information_tel img {
  width: 1.75rem;
  margin-right: 0.875rem;
  vertical-align: text-bottom;
}
.pop_window .protocol {
  /*协议*/
  width: 61.25rem;
}
.pop_window .protocol .protocol_text {
  padding: 2.125rem;
  height: 31.25rem;
  box-sizing: border-box;
  overflow: auto;
}
.pop_window .protocol .protocol_text p {
  line-height: 2.25rem;
  font-size: 0.875rem;
  color: #666666;
  text-indent: 2em;
}
.pop_window .protocol .protocol_text p:nth-child(2) {
  text-indent: 0;
}
.pop_window .question {
  /*问题*/
  width: 61.25rem;
}
.pop_window .question .question_list {
  padding: 2.125rem;
}
.pop_window .question .question_list ul {
  width: 34.375rem;
  margin: 0.4375rem auto 0 auto;
}
.pop_window .question .question_list ul li {
  margin-top: 1.25rem;
  height: 2.625rem;
  line-height: 2.625rem;
  display: flex;
  justify-content: space-between;
}
.pop_window .question .question_list ul li input,
.pop_window .question .question_list ul li textarea {
  height: 100%;
  box-sizing: border-box;
  border: 0.0625rem solid #d7d7d7;
  border-radius: 0.25rem;
  width: 28rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
}
.pop_window .question .question_list ul li label {
  font-size: 0.875rem;
  color: #666666;
}
.pop_window .question .question_list ul li label i {
  color: #f68947;
}
.pop_window .question .question_list ul .submit {
  justify-content: flex-end;
  padding-bottom: 2.125rem;
}
.pop_window .question .question_list ul .submit button {
  height: 100%;
  width: 28rem;
  border-radius: 0.25rem;
  color: #fff;
  background-color: #11acdf;
  line-height: 2.625rem;
  text-align: center;
  float: right;
}
.pop_window .question .question_list ul .question_con {
  height: 15rem;
}
.pop_window .question .question_list ul .question_con textarea {
  padding: 0.5rem;
}
.pop_window .question .question_list ul .verification {
  justify-content: flex-start;
}
.pop_window .question .question_list ul .verification input {
  width: 10.875rem;
  margin-left: 3.31225rem;
  margin-right: 1.5rem;
}
.pop_window .question .question_list ul .verification img {
  width: 5rem;
  cursor: pointer;
}
.pop_window .emptied {
  /*清空*/
  width: 32.5rem;
}
.pop_window .emptied .pop_window_top {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.pop_window .emptied .emptied_con {
  padding: 2.625rem 0;
}
.pop_window .emptied .emptied_con ul {
  width: 16.625rem;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
}
.pop_window .emptied .emptied_con ul li {
  width: 7.375rem;
  text-align: center;
  height: 2.625rem;
  margin-top: 2.0325rem;
}
.pop_window .emptied .emptied_con ul li button {
  width: 100%;
  height: 100%;
  border-radius: 0.25rem;
  border: 0.0625rem solid #11acdf;
  box-sizing: border-box;
  color: #11acdf;
  cursor: pointer;
}
.pop_window .emptied .emptied_con ul .determine button {
  background-color: #11acdf;
  color: #fff;
}
.pop_window .details {
  width: 75rem;
}
.pop_window .details .details_text .personal_common_ul {
  border-radius: 0.25rem;
}
.pop_window .details .details_text .personal_common_ul li {
  padding: 0 1.25rem;
  height: 4.5rem;
  line-height: 4.5rem;
}
.pop_window .details .details_text .personal_common_ul li .details_information {
  width: 12.625rem;
}
.pop_window .details .details_text .personal_common_ul li .details_content {
  width: 17.9375rem;
}
.pop_window .details .details_text .personal_common_ul li .details_types {
  width: 10.4375rem;
}
.pop_window .details .details_text .personal_common_ul li .details_years {
  width: 6.625rem;
}
.pop_window .details .details_text .personal_common_ul li .details_money {
  width: 7.75rem;
}
.pop_window .details .details_text .personal_common_ul li .details_start {
  width: 8.75rem;
}
.pop_window .details .details_text .personal_common_ul li .details_end {
  width: 5.75rem;
}
.pop_window .details .details_text .personal_common_ul .processing_title {
  height: 2.3125rem;
  line-height: 2.3125rem;
}
.pop_window .details .details_text .personal_common_ul .details_text_bottom {
  padding-top: 1.25rem;
  padding-bottom: 0.875rem;
}
.pop_window .details .details_text .personal_common_ul .details_text_bottom p {
  font-size: 0.75rem;
  color: #666666;
  line-height: 1.5rem;
}
.pop_window .details .details_text .personal_common_ul .details_text_bottom .right a {
  padding: 0.6875rem 3.25rem;
  border-radius: 0.25rem;
  color: #fff;
  background-color: #f68947;
  height: 2.75rem;
  line-height: 2.75rem;
  vertical-align: bottom;
}
.pop_window .phone {
  width: 32.25rem;
}
.pop_window .phone .pop_window_top {
  font-size: 1.125rem;
  color: #666666;
}
.pop_window .phone .pop_window_top p {
  padding-top: 0.375rem;
  font-size: 0.875rem;
  color: #666666;
}
.pop_window .phone .pop_window_top p i {
  color: #fff;
  background-color: #11acdf;
  border-radius: 50%;
  display: inline-block;
  width: 0.9375rem;
  height: 0.9375rem;
  line-height: 0.9375rem;
  text-align: center;
  margin-right: 0.625rem;
  vertical-align: middle;
  margin-top: -0.25rem;
}
.pop_window .phone .login_con_right {
  position: static;
  width: 100%;
}
.pop_window .phone .login_con_right .login_content {
  position: static;
  transform: none;
  padding-left: 5.8125rem;
  padding-right: 5.8125rem;
}
.pop_window .phone .login_con_right .login_content ul li:first-child {
  margin-top: 0;
}
/*右侧通栏*/
.common_right {
  position: fixed;
  right: 0.0625rem;
  z-index: 9999999;
  top: 50%;
}
.common_right > ul > li {
  margin-top: 0.375rem;
  z-index: 100;
}
.common_right > ul > li:hover > a {
  background-color: #11acdf;
  border-color: #11acdf;
  color: #fff;
}
.common_right > ul > li:hover > a i {
  color: #fff;
}
.common_right > ul > li:hover .big_box {
  opacity: 1;
  transform: translateX(0);
}
.common_right > ul > li > a {
  display: block;
  width: 3.125rem;
  height: 3.125rem;
  box-sizing: border-box;
  border: 0.0625rem solid #ddd;
  line-height: 3.125rem;
  text-align: center;
  background-color: #fff;
  position: relative;
  transition: all 0.3s;
}
.common_right > ul > li > a p {
  line-height: 1.5rem;
  font-size: 0.875rem;
}
.common_right > ul > li > a i {
  color: #848484;
  font-size: 1.625rem;
  transition: all 0.3s;
}
.common_right > ul > li > a .num {
  width: 1.5rem;
  height: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  background-color: #11acdf;
  color: #fff;
  font-size: 0.75rem;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(-50%, -50%);
}
.common_right > ul > li .big_box {
  position: absolute;
  z-index: -1;
  transition: all 0.3s;
  right: 3.157rem;
  top: 0.5rem;
  opacity: 0;
  transform: translateX(150%);
  padding-right: 1.5rem;
}
.common_right > ul > li .big_box .common_right_common_con {
  width: 29.5rem;
  box-sizing: border-box;
  border-top: 0.25rem solid #11acdf;
  box-shadow: 0 0.1875rem 0.5rem rgba(0, 0, 0, 0.15);
  background-color: #fff;
  padding: 1.25rem;
}
.common_right > ul > li .big_box .common_right_common_con .title {
  position: relative;
  padding-left: 4.125rem;
  border-bottom: 0.0625rem solid #e4e4e4;
  padding-bottom: 1rem;
}
.common_right > ul > li .big_box .common_right_common_con .title img {
  position: absolute;
  width: 3rem;
  left: 0;
}
.common_right > ul > li .big_box .common_right_common_con .title i {
  position: absolute;
  width: 3rem;
  left: 0;
  font-size: 2.625rem;
  color: #d3d3d3;
  top: 40%;
  transform: translateY(-50%);
}
.common_right > ul > li .big_box .common_right_common_con .title h3 {
  font-size: 1.5rem;
  color: #11acdf;
  padding-bottom: 0.25rem;
}
.common_right > ul > li .big_box .common_right_common_con .title p {
  font-size: 0.875rem;
  color: #aaa;
}
.common_right > ul > li .big_box .common_right_common_con > p {
  padding: 0.9375rem 0;
  font-size: 0.875rem;
  color: #666;
}
.common_right > ul > li .big_box .common_right_common_con ol li {
  height: 2.25rem;
  line-height: 2.25rem;
  width: 33.333%;
  float: left;
}
.common_right > ul > li .big_box .common_right_common_con ol li a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 0.875rem;
  color: #999;
  transition: all 0.3s;
}
.common_right > ul > li .big_box .common_right_common_con ol li a:hover {
  color: #11acdf;
}
.common_right > ul > li .big_box .common_right_common_con ol li a img {
  width: 2.0625rem;
  height: 1.8125rem;
  margin-right: 0.1875rem;
  vertical-align: text-bottom;
}
.common_right > ul > li .big_box .common_right_common_con ol li:nth-child(n+4) {
  margin-top: 0.25rem;
}
.common_right > ul .common_right_service > a {
  background-color: #11acdf;
  border-color: #11acdf;
}
.common_right > ul .common_right_service > a > img {
  width: 2.25rem;
}
.common_right > ul .common_right_service > a > p {
  font-size: 0.875rem;
  color: #fff;
  display: none;
  line-height: 1.5rem;
}
.common_right > ul .common_right_hotline > a > p {
  color: #11acdf;
  display: none;
}
.common_right > ul .common_right_hotline .big_box {
  top: 6rem;
}
.common_right > ul .common_right_hotline .big_box .common_right_common_con {
  width: 18rem;
  padding-bottom: 0;
}
.common_right > ul .common_right_hotline .big_box .common_right_common_con .title {
  border: 0;
}
.common_right > ul .code .big_box .common_right_common_con {
  border-top: 0.0625rem solid #ccc;
  width: 12.5rem;
  text-align: center;
}
.common_right > ul .code .big_box .common_right_common_con img {
  width: 9.75rem;
}
.common_right > ul .code .big_box .common_right_common_con p {
  color: #11acdf;
  font-size: 1rem;
}
.common_right > ul .return_top {
  opacity: 0;
  transform: translateX(100%);
  transition: all 0.5s;
}
.common_right > ul .return_top a {
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.5rem;
  color: #999;
}
.common_right > ul .return_top a i {
  display: block;
  font-size: 1rem;
  line-height: 1.5rem;
}
/*首页样式*/
.index .banner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  height: 42.6875rem;
}
.index .banner > ul li {
  background-image: linear-gradient(#1a326e, #205f8c);
  height: 42.6875rem;
}
.index .banner > ul li a {
  display: block;
  width: 100%;
  height: 100%;
}
.index .banner > ul li a .center {
  position: relative;
}
.index .banner > ul li a .center > img {
  top: 13rem;
  right: 0rem;
  position: absolute;
  opacity: 0;
}
.index .banner > ul li a .center h2,
.index .banner > ul li a .center p,
.index .banner > ul li a .center span {
  color: #fff;
}
.index .banner > ul li a .center .banner_text {
  position: absolute;
  top: 13.75rem;
  opacity: 0;
}
.index .banner > ul li a .center .banner_text h2 {
  font-size: 3rem;
}
.index .banner > ul li a .center .banner_text p {
  padding-top: 1.875rem;
  font-size: 1.375rem;
}
.index .banner > ul li a .center .banner_text span {
  display: inline-block;
  margin-top: 5.125rem;
  padding: 0.75rem 2.5rem;
  border: 0.0625rem solid #fff;
  border-radius: 0.3125rem;
}
.index .banner > ul li a .center .banner_text span:hover {
  background-color: #fff;
  color: #2b2b30;
}
.index .banner .banner_pre,
.index .banner .banner_next {
  font-size: 3.75rem;
  font-family: SimSun-ExtB;
  color: rgba(255, 255, 255, 0.3);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  transition: all 0.5s;
}
.index .banner .banner_pre:hover,
.index .banner .banner_next:hover {
  color: #fff;
  text-shadow: 0.3125rem 0.3125rem 0.3125rem #2b2b30;
}
.index .banner .banner_pre {
  left: 1.25rem;
}
.index .banner .banner_next {
  right: 1.25rem;
}
.index .banner .banner_bottom {
  position: absolute;
  height: 6.25rem;
  bottom: 1.25rem;
  z-index: 98;
  left: 50%;
  transform: translateX(-50%);
}
.index .banner .banner_bottom .center {
  height: 100%;
}
.index .banner .banner_bottom .center ul {
  width: 100%;
  height: 100%;
}
.index .banner .banner_bottom .center ul li {
  height: 100%;
  width: 25%;
  float: left;
  transition: all 0.8s;
}
.index .banner .banner_bottom .center ul li a {
  display: block;
  width: 54%;
  height: 100%;
  padding-left: 8.625rem;
  position: relative;
}
.index .banner .banner_bottom .center ul li a img {
  height: 3.5rem;
  width: 3.5rem;
  position: absolute;
  left: 2rem;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.5s;
}
.index .banner .banner_bottom .center ul li a p,
.index .banner .banner_bottom .center ul li a span {
  color: #fff;
}
.index .banner .banner_bottom .center ul li a p {
  padding-top: 1.875rem;
}
.index .banner .banner_bottom .center ul li a span {
  display: block;
  margin-top: 0.375rem;
  font-size: 0.75rem;
}
.index .banner .banner_bottom .center ul li:hover {
  background-color: rgba(255, 255, 255, 0.35);
}
.index .banner .banner_bottom .center ul li:first-child:hover img {
  transform: translateY(-50%) rotate(45deg);
}
.index .banner .banner_bottom .center ul li:nth-child(2):hover img {
  transform: translateY(-50%) scale(0.8);
}
.index .banner .banner_bottom .center ul li:nth-child(3):hover img {
  transform: translateY(-50%) rotate(-45deg);
}
.index .banner .banner_bottom .center ul li:nth-child(4):hover img {
  transform: translateY(-50%) rotate(180deg);
}
.index .banner .banner_bottom .center ul .banner_bottom_li_odd {
  background-color: rgba(255, 255, 255, 0.06);
}
.index .banner .banner_bottom .center ul .banner_bottom_li_even {
  background-color: rgba(255, 255, 255, 0.15);
}
.index .index_content {
  padding-top: 5rem;
  margin-top: 37.6875rem;
  /*底部*/
}
.index .index_content .index_service {
  /*云服务*/
}
.index .index_content .index_service .index_service_title {
  text-align: center;
}
.index .index_content .index_service .index_service_list {
  width: 100%;
}
.index .index_content .index_service .index_service_list ul {
  padding-top: 2.812rem;
}
.index .index_content .index_service .index_service_list ul li {
  height: 14.5rem;
  width: 19.375rem;
  position: relative;
  float: left;
  transition: all 0.3s;
  border-radius: 0.3125rem;
}
.index .index_content .index_service .index_service_list ul li .index_service_t,
.index .index_content .index_service .index_service_list ul li .index_service_b {
  position: absolute;
  text-align: center;
  width: 100%;
}
.index .index_content .index_service .index_service_list ul li .index_service_t h3,
.index .index_content .index_service .index_service_list ul li .index_service_b h3 {
  padding-top: 0.875rem;
  font-size: 1.25rem;
  transition: all 0.3s;
}
.index .index_content .index_service .index_service_list ul li .index_service_t {
  top: 3.125rem;
}
.index .index_content .index_service .index_service_list ul li .index_service_t a {
  display: block;
  width: 100%;
  height: 100%;
}
.index .index_content .index_service .index_service_list ul li .index_service_t a img {
  height: 3.75rem;
  width: 3.75rem;
}
.index .index_content .index_service .index_service_list ul li .index_service_t:hover h3 {
  color: #11acdf;
}
.index .index_content .index_service .index_service_list ul li .index_service_b {
  top: 10.25rem;
}
.index .index_content .index_service .index_service_list ul li .index_service_b a {
  color: #999999;
  font-size: 0.875rem;
  border-right: 0.125rem solid #999999;
  padding: 0 0.433rem;
  transition: all 0.3s;
}
.index .index_content .index_service .index_service_list ul li .index_service_b a:hover {
  color: #11acdf;
}
.index .index_content .index_service .index_service_list ul li .index_service_b a:last-child {
  border: none;
}
.index .index_content .index_service .index_service_list ul li:hover {
  box-shadow: 0.1rem 0.1rem 1rem rgba(0, 0, 0, 0.15);
}
.index .index_content .index_service .index_service_list ul li:nth-child(3n-1) {
  margin-left: 8.4rem;
  margin-right: 8.4rem;
}
.index .index_content .index_plan {
  /*方案*/
  background: url("../img/p_bg.jpg") no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  height: 33.125rem;
  margin-top: 2rem;
}
.index .index_content .index_plan .index_plan_con > ul {
  background-color: #2b2b30;
  display: inline-block;
}
.index .index_content .index_plan .index_plan_con > ul > li {
  width: 18.375rem;
  height: 8.25rem;
  position: relative;
  cursor: default;
}
.index .index_content .index_plan .index_plan_con > ul > li:hover > div h3,
.index .index_content .index_plan .index_plan_con > ul > li:hover > div span {
  color: #fff;
}
.index .index_content .index_plan .index_plan_con > ul > li > div {
  width: 66%;
  height: 100%;
  padding-left: 6.25rem;
  position: relative;
  z-index: 99;
}
.index .index_content .index_plan .index_plan_con > ul > li > div img {
  position: absolute;
  left: 1.75rem;
  top: 50%;
  transform: translateY(-50%);
  height: 3rem;
  width: 3.125rem;
}
.index .index_content .index_plan .index_plan_con > ul > li > div h3,
.index .index_content .index_plan .index_plan_con > ul > li > div span {
  color: #c4c4c4;
}
.index .index_content .index_plan .index_plan_con > ul > li > div h3 {
  padding-top: 2.8125rem;
  font-size: 1.125rem;
}
.index .index_content .index_plan .index_plan_con > ul > li > div span {
  display: block;
  margin-top: 0.625rem;
  font-size: 0.75rem;
}
.index .index_content .index_plan .index_plan_con > ul > li .plan_li_con {
  display: none;
  width: 51.0625rem;
  height: 33.125rem;
  position: absolute;
  top: 0;
  left: 18.375rem;
  padding-left: 5.5rem;
}
.index .index_content .index_plan .index_plan_con > ul > li .plan_li_con h3,
.index .index_content .index_plan .index_plan_con > ul > li .plan_li_con a,
.index .index_content .index_plan .index_plan_con > ul > li .plan_li_con span,
.index .index_content .index_plan .index_plan_con > ul > li .plan_li_con p {
  color: #fff;
}
.index .index_content .index_plan .index_plan_con > ul > li .plan_li_con > h3 {
  padding-top: 5.75rem;
  font-size: 1.5rem;
}
.index .index_content .index_plan .index_plan_con > ul > li .plan_li_con > p {
  padding-top: 0.75rem;
}
.index .index_content .index_plan .index_plan_con > ul > li .plan_li_con ol {
  margin-top: 4.25rem;
}
.index .index_content .index_plan .index_plan_con > ul > li .plan_li_con ol li {
  width: 8.5rem;
  height: 8.5rem;
  float: left;
  padding-top: 1rem;
  margin-right: 2.1rem;
}
.index .index_content .index_plan .index_plan_con > ul > li .plan_li_con ol li a {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
}
.index .index_content .index_plan .index_plan_con > ul > li .plan_li_con ol li a img {
  margin-bottom: 2rem;
  height: 3rem;
  width: 3.125rem;
  position: static;
}
.index .index_content .index_plan .index_plan_con > ul > li .plan_li_con ol li:last-child {
  margin-right: 0;
}
.index .index_content .index_plan .index_plan_con > ul > li .plan_li_con > a {
  background-color: #11acdf;
  padding: 0.75rem 2.375rem;
  border-radius: 0.3125rem;
  display: inline-block;
  margin-top: 2.5rem;
}
.index .index_content .index_plan .index_plan_con > ul > li:first-child .plan_li_con {
  display: block;
}
.index .index_content .index_plan .index_plan_con > ul > li:nth-child(2) .plan_li_con {
  top: -8.25rem;
}
.index .index_content .index_plan .index_plan_con > ul > li:nth-child(3) .plan_li_con {
  top: -16.5rem;
}
.index .index_content .index_plan .index_plan_con > ul > li:nth-child(4) .plan_li_con {
  top: -24.75rem;
}
.index .index_content .index_flow {
  /*流程*/
  padding-top: 3.875rem;
  padding-bottom: 4.125rem;
  background: url("../img/f_bg.jpg") no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.index .index_content .index_flow .index_flow_title {
  text-align: center;
}
.index .index_content .index_flow .index_flow_con {
  padding-top: 4.0625rem;
}
.index .index_content .index_flow .index_flow_con ul {
  padding: 0 1.25rem;
  display: flex;
  justify-content: space-between;
}
.index .index_content .index_flow .index_flow_con ul li {
  width: 10rem;
  height: 13.5rem;
  text-align: center;
}
.index .index_content .index_flow .index_flow_con ul li:hover .flow_con_pic {
  border-color: transparent;
}
.index .index_content .index_flow .index_flow_con ul li:hover .flow_con_pic .con_pic_line {
  display: block;
}
.index .index_content .index_flow .index_flow_con ul li .flow_con_pic {
  width: 9.375rem;
  height: 9.375rem;
  margin: 0 auto;
  border: 0.125rem dashed #cccccc;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
}
.index .index_content .index_flow .index_flow_con ul li .flow_con_pic .con_pic_line {
  display: none;
  width: 100%;
  height: 100%;
  position: relative;
}
.index .index_content .index_flow .index_flow_con ul li .flow_con_pic .con_pic_line > div {
  width: 50%;
  position: absolute;
  height: 100%;
}
.index .index_content .index_flow .index_flow_con ul li .flow_con_pic .con_pic_line .pic_line_left div,
.index .index_content .index_flow .index_flow_con ul li .flow_con_pic .con_pic_line .pic_line_right div {
  width: 195%;
  height: 97%;
  border: 2px solid transparent;
  border-radius: 50%;
  position: absolute;
  top: 0;
  transform: rotate(45deg);
}
.index .index_content .index_flow .index_flow_con ul li .flow_con_pic .con_pic_line .pic_line_left {
  left: 0;
  overflow: hidden;
}
.index .index_content .index_flow .index_flow_con ul li .flow_con_pic .con_pic_line .pic_line_left div {
  border-bottom: 2px solid #11acdf;
  border-left: 2px solid #11acdf;
  left: 0;
  animation: flowL 5s linear infinite;
}
.index .index_content .index_flow .index_flow_con ul li .flow_con_pic .con_pic_line .pic_line_right {
  right: 0;
  overflow: hidden;
}
.index .index_content .index_flow .index_flow_con ul li .flow_con_pic .con_pic_line .pic_line_right div {
  border-top: 2px solid #11acdf;
  border-right: 2px solid #11acdf;
  right: 0;
  animation: flowR 5s linear infinite;
}
.index .index_content .index_flow .index_flow_con ul li .flow_con_pic img {
  width: 3.4375rem;
  height: 2.6875rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.index .index_content .index_flow .index_flow_con ul li p {
  padding-top: 2.25rem;
}
.index .index_content .index_community {
  padding: 3.875rem 0;
}
.index .index_content .index_community .index_community_con {
  padding-top: 3.875rem;
}
.index .index_content .index_community .index_community_con ul {
  display: flex;
  justify-content: space-between;
}
.index .index_content .index_community .index_community_con ul li {
  width: 24.375rem;
  border: 0.0625rem solid #d8d8d8;
}
.index .index_content .index_community .index_community_con ul li > a {
  display: block;
  width: 100%;
  height: 15rem;
  position: relative;
  overflow: hidden;
}
.index .index_content .index_community .index_community_con ul li > a:hover p {
  transform: translateY(0%);
}
.index .index_content .index_community .index_community_con ul li > a:hover img {
  transform: scale(1.05);
}
.index .index_content .index_community .index_community_con ul li > a img {
  width: 100%;
  height: 100%;
  transition: all 0.5s;
}
.index .index_content .index_community .index_community_con ul li > a p {
  position: absolute;
  width: 100%;
  box-sizing: border-box;
  padding: 1rem 1.875rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: rgba(0, 0, 0, 0.4);
  color: #fff;
  bottom: 0;
  transform: translateY(100%);
  transition: all 0.5s;
  font-size: 0.875rem;
}
.index .index_content .index_community .index_community_con ul li .community_con_bottom {
  padding: 1.25rem;
}
.index .index_content .index_community .index_community_con ul li .community_con_bottom p a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 0.875rem;
  color: #666666;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 0.3s;
}
.index .index_content .index_community .index_community_con ul li .community_con_bottom p a:hover {
  color: #11acdf;
}
.index .index_content .index_community .index_community_con ul li .community_con_bottom p:nth-child(2) {
  line-height: 1.6875rem;
}
.index .index_content .index_bottom {
  background: url("../img/b_bg.jpg") no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  height: 13.875rem;
}
.index .index_content .index_bottom .center {
  height: 100%;
}
.index .index_content .index_bottom ul {
  height: 100%;
  padding-left: 5.3125rem;
  padding-right: 5.3125rem;
  display: flex;
  justify-content: space-between;
}
.index .index_content .index_bottom ul > li {
  text-align: center;
  position: relative;
  width: 15rem;
}
.index .index_content .index_bottom ul > li div,
.index .index_content .index_bottom ul > li span,
.index .index_content .index_bottom ul > li i,
.index .index_content .index_bottom ul > li font {
  color: #fff;
}
.index .index_content .index_bottom ul > li div,
.index .index_content .index_bottom ul > li span {
  font-size: 1.5rem;
}
.index .index_content .index_bottom ul > li div {
  margin-top: 3.75rem;
  height: 5rem;
  overflow: hidden;
  display: inline-block;
  margin-right: 3rem;
}
.index .index_content .index_bottom ul > li div ol {
  position: relative;
  float: left;
}
.index .index_content .index_bottom ul > li div ol li {
  font-size: 4.5rem;
  color: #fff;
}
.index .index_content .index_bottom ul > li i,
.index .index_content .index_bottom ul > li span,
.index .index_content .index_bottom ul > li font {
  position: absolute;
}
.index .index_content .index_bottom ul > li i {
  top: 6.75rem;
  left: 7.5rem;
  font-size: 1.5rem;
}
.index .index_content .index_bottom ul > li span {
  top: 6.75rem;
  left: 9rem;
}
.index .index_content .index_bottom ul > li font {
  width: auto;
  left: 13%;
  bottom: 3.25rem;
  text-align: center;
  font-size: 1.125rem;
}
.index .index_content .index_bottom ul .index_bottom_b > div {
  margin-right: 0;
}
.index .index_content .index_bottom ul .index_bottom_b span {
  left: 13rem;
  top: 4.2rem;
  font-size: 2.25rem;
}
/*服务支持样式*/
.service_support {
  background-color: #eff2f4;
}
.service_support .s_banner {
  background-image: url("../img/inBanner1.jpg");
}
.service_support .service_support_con {
  margin: 1.875rem 0;
  min-height: 39.8125rem;
}
.service_support .service_support_con .center {
  display: flex;
  justify-content: space-between;
}
.service_support .service_support_con .center .service_support_con_left {
  height: 39.8125rem;
  background-color: #fff;
  width: 14.375rem;
  padding: 1.25rem;
  box-sizing: border-box;
  position: relative;
}
.service_support .service_support_con .center .service_support_con_left a {
  transition: all 0.3s;
}
.service_support .service_support_con .center .service_support_con_left a:hover {
  color: #11acdf;
}
.service_support .service_support_con .center .service_support_con_left h3 {
  font-size: 1.125rem;
  padding-bottom: 0.875rem;
  border-bottom: 0.0625rem solid #e8e8e8;
}
.service_support .service_support_con .center .service_support_con_left li,
.service_support .service_support_con .center .service_support_con_left a {
  display: block;
  line-height: 2.25rem;
  font-size: 0.875rem;
  cursor: pointer;
  color: #666666;
}
.service_support .service_support_con .center .service_support_con_left li span {
  line-height: 2.25rem;
  font-size: 0.875rem;
  color: #666666;
  background-color: #eff2f4;
  height: 2.25rem;
  display: block;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  position: relative;
  border-top: 0.0625rem solid #e8e8e8;
  transition: all 0.3s;
}
.service_support .service_support_con .center .service_support_con_left li span:hover {
  background-color: #B4B6B8;
}
.service_support .service_support_con .center .service_support_con_left li span i {
  content: ">";
  font-size: 0.75rem;
  font-family: SimSun-ExtB;
  position: absolute;
  right: 0.625rem;
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
  color: #666666;
  transition: all 0.3s;
}
.service_support .service_support_con .center .service_support_con_left .question_list {
  overflow: auto;
  height: 96.8%;
}
.service_support .service_support_con .center .service_support_con_left .question_list::-webkit-scrollbar {
  display: none;
}
.service_support .service_support_con .center .service_support_con_left .question_list > ul {
  margin-top: 0.625rem;
  transition: all 0.5s;
}
.service_support .service_support_con .center .service_support_con_left .question_list > ul > li > ol {
  display: none;
}
.service_support .service_support_con .center .service_support_con_left .question_list > ul > li > ol li span {
  border-bottom: 0.0625rem solid #e8e8e8;
  background-color: transparent;
  border-top: 0;
  padding-left: 1.25rem;
}
.service_support .service_support_con .center .service_support_con_left .question_list > ul > li > ol li span::after {
  right: 0.625rem;
}
.service_support .service_support_con .center .service_support_con_left .question_list > ul > li > ol li .question_list_last {
  display: none;
  padding-left: 1.875rem;
}
.service_support .service_support_con .center .service_support_con_left .question_list > ul > li > ol li .question_list_last a {
  transition: all 0.3s;
}
.service_support .service_support_con .center .service_support_con_left .question_list > ul > li > ol li .question_list_last a:hover {
  text-shadow: 0.0625rem 0.0625rem 0.0625rem #666;
}
.service_support .service_support_con .center .service_support_con_left .question_list > ul > li:last-child span {
  border-bottom: 0.0625rem solid #e8e8e8;
}
.service_support .service_support_con .center .service_support_con_left .scroll_line {
  height: 90%;
  width: 0.25rem;
  position: absolute;
  right: 0.3125rem;
  top: 9.5%;
  display: none;
}
.service_support .service_support_con .center .service_support_con_left .scroll_line .scroll_line_con {
  background-color: #979797;
  border-radius: 0.3125rem;
  width: 100%;
  position: absolute;
  transition: all 0.5s;
  cursor: pointer;
}
.service_support .service_support_con .center .service_support_con_right {
  width: 59.375rem;
  min-height: 39.8125rem;
  background-color: #fff;
  padding: 1.25rem 1.875rem;
  box-sizing: border-box;
}
.service_support .service_support_con .center .service_support_con_right h3 {
  height: 4.0625rem;
  line-height: 4.0625rem;
}
.service_support .service_support_con .center .service_support_con_right .service_support_con_right_top ul {
  padding: 1.875rem;
  box-sizing: border-box;
  border: 0.0625rem solid #e8e8e8;
}
.service_support .service_support_con .center .service_support_con_right .service_support_con_right_top ul li {
  width: 15.125rem;
  height: 2.125rem;
  line-height: 2.125rem;
  float: left;
}
.service_support .service_support_con .center .service_support_con_right .service_support_con_right_top ul li a {
  font-size: 0.875rem;
  color: #666666;
  position: relative;
  padding-left: 0.625rem;
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: all 0.3s;
}
.service_support .service_support_con .center .service_support_con_right .service_support_con_right_top ul li a:hover {
  color: #11acdf;
  padding-left: 1.2rem;
}
.service_support .service_support_con .center .service_support_con_right .service_support_con_right_top ul li a:hover::before {
  background-color: #11acdf;
}
.service_support .service_support_con .center .service_support_con_right .service_support_con_right_top ul li a::before {
  content: "";
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 50%;
  background-color: #666666;
  position: absolute;
  left: 0;
  top: 48%;
  transition: all 0.3s;
}
.service_support .service_support_con .center .service_support_con_right .service_support_con_right_top ul li:nth-child(3n-1) {
  margin-left: 3.1rem;
  margin-right: 3.1rem;
}
.service_support .service_support_con .center .service_support_con_right .service_support_con_right_bottom .service_support_con_right_bottom_list ul {
  display: flex;
  justify-content: space-between;
}
.service_support .service_support_con .center .service_support_con_right .service_support_con_right_bottom .service_support_con_right_bottom_list ul li {
  width: 13.875rem;
  background-color: #eff2f4;
  height: 2.75rem;
  line-height: 2.75rem;
  text-align: center;
  color: #666666;
  cursor: pointer;
}
.service_support .service_support_con .center .service_support_con_right .service_support_con_right_bottom .service_support_con_right_bottom_list ul .current {
  color: #ffffff;
  background-color: #11acdf;
}
.service_support .service_support_con .center .service_support_con_right .service_support_con_right_bottom .service_support_con_right_bottom_list_con {
  padding-top: 1.125rem;
  border-bottom: 0.0625rem solid #e8e8e8;
  border-left: 0.0625rem solid #e8e8e8;
  border-right: 0.0625rem solid #e8e8e8;
}
.service_support .service_support_con .center .service_support_con_right .service_support_con_right_bottom .service_support_con_right_bottom_list_con ul {
  display: none;
}
.service_support .service_support_con .center .service_support_con_right .service_support_con_right_bottom .service_support_con_right_bottom_list_con ul li {
  float: left;
  height: 2rem;
  line-height: 2rem;
  width: 13.875rem;
  text-align: center;
}
.service_support .service_support_con .center .service_support_con_right .service_support_con_right_bottom .service_support_con_right_bottom_list_con ul li a {
  display: block;
  width: 100%;
  height: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 0.75rem;
  color: #666666;
  transition: all 0.3s;
}
.service_support .service_support_con .center .service_support_con_right .service_support_con_right_bottom .service_support_con_right_bottom_list_con ul li a:hover {
  color: #000;
  font-size: 0.875rem;
}
.service_support .service_support_con .center .service_support_con_right .service_support_con_right_bottom .service_support_con_right_bottom_list_con ul:first-child {
  display: block;
}
.service_support .service_support_con .center .service_support_con_right .common_question ul {
  padding: 1rem 0;
  border-bottom: 0.0625rem solid #e8e8e8;
}
.service_support .service_support_con .center .service_support_con_right .common_question ul li {
  height: 2.8125rem;
  line-height: 2.8125rem;
}
.service_support .service_support_con .center .service_support_con_right .common_question ul li a {
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-left: 0.625rem;
  position: relative;
  color: #11acdf;
  transition: all 0.3s;
}
.service_support .service_support_con .center .service_support_con_right .common_question ul li a:hover {
  font-weight: 700;
}
.service_support .service_support_con .center .service_support_con_right .common_question ul li a::before {
  content: "";
  width: 0.1875rem;
  height: 0.1875rem;
  border-radius: 50%;
  background-color: #11acdf;
  position: absolute;
  left: 0;
  top: 50%;
  transition: all 0.3s;
}
.service_support .service_support_con .center .service_support_con_right .question_con {
  min-height: 34.125rem;
  position: relative;
}
.service_support .service_support_con .center .service_support_con_right .question_con .question_con_title h2 {
  font-size: 1.875rem;
  color: #333333;
  line-height: 6rem;
}
.service_support .service_support_con .center .service_support_con_right .question_con .question_con_title p,
.service_support .service_support_con .center .service_support_con_right .question_con .question_con_title span {
  font-size: 0.875rem;
  color: #999999;
}
.service_support .service_support_con .center .service_support_con_right .question_con .question_con_title p span {
  padding-left: 0.625rem;
}
.service_support .service_support_con .center .service_support_con_right .question_con .question_content {
  padding-top: 1.1875rem;
  padding-bottom: 3.75rem;
}
.service_support .service_support_con .center .service_support_con_right .question_con .question_content p {
  line-height: 1.875rem;
  background-color: #fff;
}
.service_support .service_support_con .center .service_support_con_right .question_con .question_con_bottom {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.service_support .service_support_con .center .service_support_con_right .question_con .question_con_bottom p,
.service_support .service_support_con .center .service_support_con_right .question_con .question_con_bottom span,
.service_support .service_support_con .center .service_support_con_right .question_con .question_con_bottom a {
  font-size: 0.875rem;
}
.service_support .service_support_con .center .service_support_con_right .question_con .question_con_bottom p {
  box-sizing: border-box;
  color: #333333;
  line-height: 3rem;
  background-color: #eff2f4;
  padding-left: 1.25rem;
}
.service_support .service_support_con .center .service_support_con_right .question_con .question_con_bottom a,
.service_support .service_support_con .center .service_support_con_right .question_con .question_con_bottom span,
.service_support .service_support_con .center .service_support_con_right .question_con .question_con_bottom i {
  color: #11acdf;
  font-weight: 700;
}
.service_support .service_support_con .center .service_support_con_right .question_con .question_con_bottom a {
  padding: 0 0.5rem;
}
.service_support .service_support_con .center .service_support_con_right .question_con .question_con_bottom a img {
  margin-bottom: 0.5rem;
}
.service_support .service_support_con .center .service_support_con_right .question_con .question_con_bottom span {
  padding: 0 0.5rem;
}
.service_support .custom_service {
  margin: 1.875rem 0;
}
.service_support .custom_service .center {
  background-color: #fff;
  padding: 1.875rem;
  box-sizing: border-box;
}
.service_support .custom_service .center .custom_service_con ul {
  padding: 2.5rem 0;
  display: flex;
  justify-content: space-between;
}
.service_support .custom_service .center .custom_service_con ul li {
  border: 1px solid #e8e8e8;
  padding-top: 5.625rem;
  position: relative;
  width: 22.375rem;
}
.service_support .custom_service .center .custom_service_con ul li > img {
  position: absolute;
  top: 0;
  width: 22.375rem;
  height: 5.625rem;
  transition: all 0.5s;
}
.service_support .custom_service .center .custom_service_con ul li > a {
  background-color: #11acdf;
  display: block;
  height: 2.625rem;
  line-height: 2.625rem;
  width: 7.5rem;
  text-align: center;
  color: #fff;
  border-radius: 0.25rem;
  margin: 0.9375rem auto 0.9375rem auto;
  transition: all 0.5s;
}
.service_support .custom_service .center .custom_service_con ul li > a:hover {
  opacity: 0.8;
}
.service_support .custom_service .center .custom_service_con ul li .custom_service_con_text {
  padding: 1.75rem 1.875rem 2.375rem 1.875rem;
  border-bottom: 1px solid #e8e8e8;
  height: 11.0625rem;
  box-sizing: border-box;
}
.service_support .custom_service .center .custom_service_con ul li .custom_service_con_text h3 {
  font-size: 1.25rem;
  padding-bottom: 1.875rem;
}
.service_support .custom_service .center .custom_service_con ul li .custom_service_con_text p {
  font-size: 0.875rem;
  color: #999999;
}
.service_support .custom_service .center .custom_service_con ul .custom_service_con_tel a {
  background-color: transparent;
  color: #11acdf;
  font-size: 1.5rem;
  width: auto;
}
/*技术分享样式*/
.technic {
  background-color: #eff2f4;
}
.technic .technic_bg {
  background-color: #2b2b30;
  width: 100%;
  height: 3.75rem;
  position: absolute;
  top: 0;
}
.technic .common_nav {
  margin: 0;
  border-top: 0;
}
.technic .technic_content {
  margin: 1.875rem 0;
}
.technic .technic_content .technic_content_left {
  background-color: #fff;
  width: 48.75rem;
  float: left;
  box-sizing: border-box;
}
.technic .technic_content .technic_content_left .technic_content_left_con {
  padding: 0 2.5rem;
  overflow: hidden;
  background-color: #fff;
}
.technic .technic_content .technic_content_left .technic_content_left_con p {
  line-height: 1.5rem;
  font-size: 0.875rem;
  color: #666666;
  text-indent: 2em;
  padding-top: 1.25rem;
}
.technic .technic_content .technic_content_left .technic_content_left_con p:first-child {
  padding: 0;
}
.technic .technic_content .technic_content_left .technic_content_left_con > img {
  margin-top: 3.4375rem;
  max-width: 100%;
}
.technic .technic_content .technic_content_left .technic_content_left_con .technic_content_left_con_share {
  padding: 1.625rem 0 1.25rem 0;
  border-bottom: 0.0625rem solid #e8e8e8;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.technic .technic_content .technic_content_left .technic_content_left_con .technic_content_left_con_share span {
  font-size: 0.875rem;
}
.technic .technic_content .technic_content_left .technic_content_left_con .technic_content_left_con_share .technic_share_left {
  display: flex;
  align-items: center;
}
.technic .technic_content .technic_content_left .technic_content_left_con .technic_content_left_con_share .technic_share_left a {
  font-size: 0.75rem;
  padding: 0.5625rem 0.625rem;
  background-color: #65cef1;
  color: #fff;
  margin-left: 0.625rem;
  border-radius: 0.25rem;
  transition: all 0.3s;
}
.technic .technic_content .technic_content_left .technic_content_left_con .technic_content_left_con_share .technic_share_left a:hover {
  background-color: #11acdf;
}
.technic .technic_content .technic_content_left .technic_content_left_con .technic_content_left_con_share .technic_share_right {
  float: right;
}
.technic .technic_content .technic_content_left .technic_content_left_con .technic_content_left_con_share .technic_share_right a {
  display: inline-block;
  width: 1.3125rem;
  height: 1.25rem;
  margin-right: 0.3125rem;
}
.technic .technic_content .technic_content_left .technic_content_left_con .technic_content_left_con_share .technic_share_right a img {
  width: 100%;
  height: 100%;
}
.technic .technic_content .technic_content_left .technic_content_left_con .technic_content_left_con_share .technic_share_right > div {
  display: inline-block;
  width: 1.3125rem;
  height: 1.25rem;
  cursor: pointer;
}
.technic .technic_content .technic_content_left .technic_content_left_con .technic_content_left_con_share .technic_share_right > div img {
  width: 100%;
  height: 100%;
}
.technic .technic_content .technic_content_left .technic_content_left_con .technic_content_left_con_comment {
  padding: 1.25rem 0;
  border-bottom: 0.0625rem solid #e8e8e8;
}
.technic .technic_content .technic_content_left .technic_content_left_con .technic_content_left_con_comment > span {
  font-size: 0.875rem;
}
.technic .technic_content .technic_content_left .technic_content_left_con .technic_content_left_con_comment > div {
  padding: 0.75rem 0.625rem;
  box-sizing: border-box;
  background-color: #eff2f4;
  color: #aaaaaa;
  font-size: 0.75rem;
  margin-top: 0.625rem;
}
.technic .technic_content .technic_content_left .technic_content_left_con .technic_content_left_con_comment > div a {
  color: #11acdf;
  font-size: 0.75rem;
}
.technic .technic_content .technic_content_left .technic_content_left_con .technic_content_left_con_comment > button {
  width: 4.875rem;
  height: 1.5rem;
  line-height: 1.5rem;
  margin: 1.25rem auto 0 auto;
  background-color: #11acdf;
  color: #fff;
  font-size: 0.75rem;
  text-align: center;
  display: block;
  border-radius: 0.25rem;
  cursor: pointer;
}
.technic .technic_content .technic_content_left .technic_content_left_con .technic_comment_content ul li {
  border-bottom: 0.0625rem solid #eff2f4;
  padding: 1.25rem 0;
}
.technic .technic_content .technic_content_left .technic_content_left_con .technic_comment_content ul li a {
  font-size: 0.75rem;
  color: #11acdf;
}
.technic .technic_content .technic_content_left .technic_content_left_con .technic_comment_content ul li i {
  padding: 0 0.5rem;
  font-size: 0.75rem;
  color: #999999;
}
.technic .technic_content .technic_content_left .technic_content_left_con .technic_comment_content ul li span {
  color: #999999;
  font-size: 0.75rem;
}
.technic .technic_content .technic_content_left .technic_content_left_con .technic_comment_content ul li p {
  line-height: 1.125rem;
  color: #666666;
  font-size: 0.75rem;
  padding-top: 0.375rem;
  text-indent: 0;
}
.technic .technic_content .technic_content_left .technic_content_left_con .technic_comment_content .common_question_page {
  padding: 1.875rem 0;
}
/*域名注册*/
.domain_name {
  background-color: #eff2f4;
}
.domain_name .b_banner {
  background-image: url("../img/domain_name_banner.jpg");
  cursor: pointer;
}
.domain_name .domain_name_con {
  margin: 1.875rem 0;
}
.domain_name .domain_name_con .center {
  background-color: #fff;
  box-sizing: border-box;
  padding: 2.5rem 1.875rem 5.625rem 1.875rem;
}
.domain_name .domain_name_con .center h2 {
  text-align: center;
  font-size: 1.625rem;
}
.domain_name .domain_name_con .center ul {
  padding-top: 3.75rem;
  display: flex;
  justify-content: space-between;
}
.domain_name .domain_name_con .center ul > li {
  height: 16.125rem;
  width: 17rem;
  border: 0.0625rem solid #eeeeee;
  box-sizing: border-box;
  cursor: default;
}
.domain_name .domain_name_con .center ul > li:hover .domain_name_list_top {
  background-color: #11acdf;
}
.domain_name .domain_name_con .center ul > li:hover .domain_name_list_top i {
  border-color: #fff;
  color: #fff;
}
.domain_name .domain_name_con .center ul > li:hover .domain_name_list_top h4 {
  color: #fff;
}
.domain_name .domain_name_con .center ul > li:hover .domain_name_list_top p {
  color: #fff;
}
.domain_name .domain_name_con .center ul > li .domain_name_list_top {
  background-color: #eeeeee;
  transition: all 0.5s;
  padding: 0.875rem 0 1.25rem 5.25rem;
  position: relative;
}
.domain_name .domain_name_con .center ul > li .domain_name_list_top i {
  transition: all 0.5s;
  position: absolute;
  width: 2.625rem;
  height: 2.625rem;
  border: 0.0625rem solid #a6a6a6;
  border-radius: 50%;
  left: 2rem;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  line-height: 2.625rem;
  font-size: 1.375rem;
  color: #a6a6a6;
}
.domain_name .domain_name_con .center ul > li .domain_name_list_top h4 {
  transition: all 0.5s;
}
.domain_name .domain_name_con .center ul > li .domain_name_list_top p {
  font-size: 0.75rem;
  padding-top: 0.75rem;
  transition: all 0.5s;
}
.domain_name .domain_name_con .center ul > li .domain_name_list_bottom ol {
  padding: 1.5rem 1rem;
}
.domain_name .domain_name_con .center ul > li .domain_name_list_bottom ol > li {
  font-size: 0.75rem;
  color: #999999;
  margin-top: 1.5rem;
  padding-left: 0.875rem;
  position: relative;
}
.domain_name .domain_name_con .center ul > li .domain_name_list_bottom ol > li::before {
  content: "";
  position: absolute;
  width: 0.3125rem;
  height: 0.3125rem;
  background-color: #cdcdcd;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.domain_name .domain_name_con .center ul > li .domain_name_list_bottom ol > li:first-child {
  margin-top: 1rem;
}
/*域名搜索结果*/
.domain_search {
  background-color: #eff2f4;
}
.domain_search header .nav {
  border: 0;
}
.domain_search .ww_search {
  margin: 0;
}
.domain_search .domain_search_con {
  margin: 1.875rem 0;
}
.domain_search .domain_search_con .center {
  display: flex;
  justify-content: space-between;
}
.domain_search .domain_search_con .center .domain_search_con_left {
  width: 56.25rem;
  background-color: #fff;
}
.domain_search .domain_search_con .center .domain_search_con_left ul li {
  height: 2.8125rem;
  line-height: 2.8125rem;
  border-bottom: 0.0625rem solid #e8e8e8;
  position: relative;
  font-size: 0.75rem;
}
.domain_search .domain_search_con .center .domain_search_con_left ul li span,
.domain_search .domain_search_con .center .domain_search_con_left ul li button,
.domain_search .domain_search_con .center .domain_search_con_left ul li a {
  font-size: 0.75rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: block;
}
.domain_search .domain_search_con .center .domain_search_con_left ul li button {
  cursor: pointer;
}
.domain_search .domain_search_con .center .domain_search_con_left ul li .domain_search_content {
  left: 1.25rem;
}
.domain_search .domain_search_con .center .domain_search_con_left ul li .domain_search_discount {
  left: 32.5rem;
  height: 1.375rem;
  line-height: 1.375rem;
  background-color: #f68947;
  color: #fff;
  padding: 0 0.625rem;
  border-radius: 1rem;
}
.domain_search .domain_search_con .center .domain_search_con_left ul li .domain_search_money {
  left: 38rem;
}
.domain_search .domain_search_con .center .domain_search_con_left ul li .domain_search_registered {
  left: 42.75rem;
  color: #11acdf;
}
.domain_search .domain_search_con .center .domain_search_con_left ul li .join {
  left: 48.875rem;
  height: 1.875rem;
  line-height: 1.875rem;
  width: 6.25rem;
  text-align: center;
  background-color: #11acdf;
  color: #fff;
  border-radius: 0.3rem;
}
.domain_search .domain_search_con .center .domain_search_con_left ul li .joined {
  background-color: #4bc4ec;
}
.domain_search .domain_search_con .center .domain_search_con_left ul li .registered {
  color: #333333;
}
.domain_search .domain_search_con .center .domain_search_con_left ul li .domain_search_advisory {
  left: 49.6875rem;
  color: #11acdf;
}
.domain_search .domain_search_con .center .domain_search_con_left ul .domain_search_remarks {
  box-sizing: border-box;
  padding: 0 1.25rem;
  color: #999999;
}
.domain_search .domain_search_con .center .domain_search_con_left ul .domain_search_remarks img {
  vertical-align: text-top;
  padding-right: 0.375rem;
  width: 1rem;
}
.domain_search .domain_search_con .center .domain_search_con_left .domain_search_more {
  font-size: 0.75rem;
  color: #11acdf;
  height: 2.8125rem;
  line-height: 2.8125rem;
  margin-left: 1.25rem;
  cursor: pointer;
}
.domain_search .domain_search_con .center .domain_search_con_right {
  width: 17.5rem;
}
.domain_search .domain_search_con .center .domain_search_con_right .domain_search_con_right_title {
  background-color: #898c8e;
  padding: 0 1.5rem;
  box-sizing: border-box;
  height: 2.375rem;
  line-height: 2.375rem;
  display: flex;
  justify-content: space-between;
}
.domain_search .domain_search_con .center .domain_search_con_right .domain_search_con_right_title span,
.domain_search .domain_search_con .center .domain_search_con_right .domain_search_con_right_title button,
.domain_search .domain_search_con .center .domain_search_con_right .domain_search_con_right_title div {
  color: #fff;
  font-size: 0.875rem;
}
.domain_search .domain_search_con .center .domain_search_con_right .domain_search_con_right_title button {
  cursor: pointer;
  transition: all 0.3s;
}
.domain_search .domain_search_con .center .domain_search_con_right .domain_search_con_right_title button:hover {
  color: #11acdf;
}
.domain_search .domain_search_con .center .domain_search_con_right ul li {
  padding: 0 1.25rem;
  height: 2.625rem;
  line-height: 2.625rem;
  border-bottom: 0.0625rem solid #e8e8e8;
  font-size: 0.75rem;
  background-color: #fff;
}
.domain_search .domain_search_con .center .domain_search_con_right .settlement {
  padding: 1rem 0;
  background-color: #fff;
}
.domain_search .domain_search_con .center .domain_search_con_right .settlement a {
  display: block;
  background-color: #11acdf;
  color: #fff;
  width: 10.625rem;
  height: 2.125rem;
  line-height: 2.125rem;
  text-align: center;
  font-size: 0.875rem;
  margin: 0 auto;
  border-radius: 0.5rem;
}
/*购买程序*/
.buy_program {
  background-color: #eff2f4;
}
.buy_program .b_banner {
  background-image: url("../img/domain_name_banner.jpg");
  cursor: pointer;
}
.buy_program .buy_program_con .buy_program_list ul li {
  height: 20.625rem;
  width: 17.5rem;
  float: left;
  margin-right: 1.666rem;
}
.buy_program .buy_program_con .buy_program_list ul li a {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #fff;
  box-sizing: border-box;
}
.buy_program .buy_program_con .buy_program_list ul li a:hover h4 {
  color: #11acdf;
}
.buy_program .buy_program_con .buy_program_list ul li a:hover .buy_program_list_pic img {
  transform: translate(-50%, -50%) scale(1.2);
}
.buy_program .buy_program_con .buy_program_list ul li a .buy_program_list_pic {
  border-bottom: 0.0625rem solid #e8e8e8;
  height: 9.8125rem;
  background-color: #f6f8f9;
  position: relative;
}
.buy_program .buy_program_con .buy_program_list ul li a .buy_program_list_pic img {
  width: 11.25rem;
  height: 7.5rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.5s;
}
.buy_program .buy_program_con .buy_program_list ul li a .buy_program_list_text {
  padding: 1.5625rem 1.25rem 0.625rem 1.25rem;
  box-sizing: border-box;
  width: 100%;
}
.buy_program .buy_program_con .buy_program_list ul li a .buy_program_list_text h4 {
  font-size: 1.125rem;
  line-height: 1.75rem;
  transition: all 0.5s;
}
.buy_program .buy_program_con .buy_program_list ul li a .buy_program_list_text p {
  display: block;
  width: 100%;
  overflow: hidden;
  white-space: pre;
  text-overflow: ellipsis;
  font-size: 0.75rem;
  color: #999999;
}
.buy_program .buy_program_con .buy_program_list ul li a .buy_program_list_text h3 {
  padding: 1rem 0;
  font-size: 1.25rem;
  color: #f68947;
  border-bottom: 0.0625rem solid #e8e8e8;
}
.buy_program .buy_program_con .buy_program_list ul li a > p {
  padding: 0 1.25rem;
}
.buy_program .buy_program_con .buy_program_list ul li a > p span {
  font-size: 0.75rem;
  color: #999999;
  padding-right: 0.5625rem;
}
.buy_program .buy_program_con .buy_program_list ul li a > p span:last-child {
  padding-right: 0;
}
.buy_program .buy_program_con .buy_program_list ul li:nth-child(4n) {
  margin-right: 0;
}
.buy_program .buy_program_con .buy_program_list ul li:nth-child(n+5) {
  margin-top: 1.666rem;
}
.buy_program .buy_program_con .buy_program_list .common_question_page {
  padding: 3.125rem 0;
}
/*服务器*/
.server .b_banner {
  background-color: #373d41;
}
.server .b_banner .center {
  height: 100%;
  background: url("../img/server_banner.jpg") no-repeat center;
  position: relative;
}
.server .b_banner .center h2,
.server .b_banner .center h4 {
  color: #fff;
  text-align: center;
}
.server .b_banner .center h2 {
  padding-top: 5.5rem;
  font-size: 2.25rem;
}
.server .b_banner .center h4 {
  padding-top: 1rem;
}
.server .b_banner .center .spot {
  position: absolute;
  width: 0.75rem;
  height: 0.75rem;
  background-color: #00b5df;
  border-radius: 50%;
}
.server .b_banner .center .sv {
  left: 17rem;
  top: 13.8rem;
  animation: blinking 1s infinite;
}
.server .b_banner .center .vg {
  top: 18.25rem;
  left: 23.75rem;
  animation: blinking 1s infinite 1s;
}
.server .b_banner .center .fk {
  left: 37.09rem;
  top: 15.8rem;
  animation: blinking 1s infinite;
}
.server .b_banner .center .sp {
  right: 21.75rem;
  bottom: 1.65rem;
  animation: blinking 1s infinite 1.5s;
}
.server .b_banner .center .hk {
  right: 19.815rem;
  bottom: 4.55rem;
  animation: blinking 1s infinite 1s;
}
.server .b_banner .center .hn {
  right: 20.9375rem;
  bottom: 5.6rem;
  animation: blinking 1s infinite 1.5s;
}
.server .b_banner .center .hd {
  right: 18.75rem;
  bottom: 6.67rem;
  animation: blinking 1s infinite;
}
.server .b_banner .center .hb {
  right: 20.438rem;
  bottom: 7.6rem;
  animation: blinking 1s infinite 1s;
}
.server .server_con {
  margin-top: 22.4375rem;
}
.server .server_con .server_con_advantage {
  background-color: #fff;
  padding-top: 3.625rem;
  padding-bottom: 3.875rem;
}
.server .server_con .server_con_advantage .center ul {
  border: 0.0625rem solid #eeeeee;
  display: flex;
  justify-content: space-between;
  margin-top: 3.4375rem;
}
.server .server_con .server_con_advantage .center ul li {
  width: 20%;
  box-sizing: border-box;
  border-right: 0.0625rem solid #eeeeee;
  text-align: center;
  padding-top: 2.1875rem;
  height: 24rem;
  transition: all 1s;
}
.server .server_con .server_con_advantage .center ul li:hover {
  transform: scale(1.05);
  z-index: 99;
}
.server .server_con .server_con_advantage .center ul li:hover h4 {
  color: #fff;
}
.server .server_con .server_con_advantage .center ul li:hover p {
  color: #fff;
}
.server .server_con .server_con_advantage .center ul li:hover .pic {
  background-color: #fff;
}
.server .server_con .server_con_advantage .center ul li:hover img {
  animation: picmove 1.5s;
}
.server .server_con .server_con_advantage .center ul li h4 {
  transition: all 0.5s;
  font-size: 1.25rem;
  padding-bottom: 1.4375rem;
}
.server .server_con .server_con_advantage .center ul li .pic {
  width: 6.25rem;
  height: 6.25rem;
  line-height: 6.25rem;
  margin: 0 auto;
  border-radius: 50%;
  transition: all 0.3s;
}
.server .server_con .server_con_advantage .center ul li .pic img {
  width: 4.375rem;
}
.server .server_con .server_con_advantage .center ul li .color1 {
  background-color: #ff9000;
}
.server .server_con .server_con_advantage .center ul li .color2 {
  background-color: #3b99f0;
}
.server .server_con .server_con_advantage .center ul li .color3 {
  background-color: #57be5b;
}
.server .server_con .server_con_advantage .center ul li .color4 {
  background-color: #ff6868;
}
.server .server_con .server_con_advantage .center ul li .color5 {
  background-color: #25b49b;
}
.server .server_con .server_con_advantage .center ul li p {
  padding: 2.0625rem 1.8rem 0 1.8rem;
  font-size: 0.75rem;
  line-height: 1.5rem;
  transition: all 0.5s;
}
.server .server_con .server_con_advantage .center ul li:last-child {
  border-right: none;
}
.server .server_con .buy_server {
  padding: 3.75rem 0;
  background-color: #eff2f4;
}
.server .server_con .buy_server ul {
  display: flex;
  justify-content: space-between;
}
.server .server_con .buy_server ul li a {
  display: block;
  width: 23.9375rem;
  height: 34rem;
  box-sizing: border-box;
  padding-top: 0.625rem;
  background-color: #fff;
  transition: all 0.5s;
}
.server .server_con .buy_server ul li a:hover {
  box-shadow: 0.1rem 0.1rem 1rem rgba(0, 0, 0, 0.15);
  transform: scale(1.05);
}
.server .server_con .buy_server ul li a:hover button {
  animation: buttonmove 1.5s;
}
.server .server_con .buy_server ul li a h5 {
  text-align: center;
  font-size: 1.125rem;
  padding-top: 1.5625rem;
}
.server .server_con .buy_server ul li a div {
  font-size: 0.75rem;
  color: #999999;
  text-align: center;
  padding: 0.75rem 0 1.5625rem;
  border-bottom: 0.0625rem solid #e8e8e8;
}
.server .server_con .buy_server ul li a p {
  text-align: center;
  padding-top: 0.5rem;
  font-size: 0.875rem;
  color: #666666;
}
.server .server_con .buy_server ul li a h4 {
  padding-top: 2.4375rem;
  font-size: 2.25rem;
  color: #f68947;
  text-align: center;
}
.server .server_con .buy_server ul li a h4 span {
  color: #f68947;
  font-size: 0.875rem;
}
.server .server_con .buy_server ul li a button {
  margin: 1.3rem auto 0 auto;
  text-align: center;
  width: 13.125rem;
  height: 3rem;
  line-height: 3rem;
  background-color: #11acdf;
  color: #fff;
  font-size: 0.875rem;
  display: block;
  transition: all 0.5s;
  cursor: pointer;
}
.server .server_con .buy_server ul li a h6 {
  text-align: center;
  padding-top: 0.6875rem;
  color: #11acdf;
  font-size: 0.875rem;
}
/*虚拟主机*/
.host .b_banner {
  background-image: url("../img/domain_name_banner.jpg");
  cursor: pointer;
}
.host .host_con {
  margin-top: 22.4375rem;
}
.host .host_con .host_advantage {
  padding-top: 3.625rem;
  background: url("../img/host_bg.jpg") no-repeat;
  -webkit-background-size: 100%;
  background-size: 100%;
}
.host .host_con .host_advantage ul {
  padding: 3.75rem 0 6.25rem 0;
}
.host .host_con .host_advantage ul li {
  float: left;
  height: 12.5rem;
  width: 36.25rem;
  border: 0.0625rem solid #eeeeee;
  border-radius: 1rem;
  padding-left: 13.4375rem;
  position: relative;
  box-sizing: border-box;
  transition: all 1s;
  padding-right: 3.75rem;
  cursor: default;
}
.host .host_con .host_advantage ul li:hover {
  transform: scale(1.05);
}
.host .host_con .host_advantage ul li:hover h4,
.host .host_con .host_advantage ul li:hover p {
  color: #fff;
}
.host .host_con .host_advantage ul li:hover .pic img {
  animation: hostmove 1.5s;
}
.host .host_con .host_advantage ul li .pic {
  position: absolute;
  border: 0.0625rem solid #eeeeee;
  background-color: #fff;
  width: 7.625rem;
  height: 7.625rem;
  line-height: 7.625rem;
  text-align: center;
  left: 3.125rem;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 1rem;
}
.host .host_con .host_advantage ul li .pic img {
  width: 3.8125rem;
}
.host .host_con .host_advantage ul li .color1 {
  border-color: #3b99f0;
}
.host .host_con .host_advantage ul li .color2 {
  border-color: #57be5b;
}
.host .host_con .host_advantage ul li .color3 {
  border-color: #25b49b;
}
.host .host_con .host_advantage ul li .color4 {
  border-color: #ff9000;
}
.host .host_con .host_advantage ul li h4 {
  padding-top: 3.3125rem;
  font-size: 1.125rem;
  padding-bottom: 1.25rem;
  transition: all 0.5s;
}
.host .host_con .host_advantage ul li p {
  font-size: 0.75rem;
  color: #999999;
  transition: all 0.5s;
}
.host .host_con .host_advantage ul li:nth-child(odd) {
  margin-right: 2.5rem;
}
.host .host_con .host_advantage ul li:nth-child(n+3) {
  margin-top: 2.5rem;
}
.host .host_con .host_support {
  background: url("../img/host_support_bg.jpg") no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  height: 55.625rem;
  box-sizing: border-box;
  padding: 3.625rem 0;
}
.host .host_con .host_support ul {
  padding-top: 3.875rem;
}
.host .host_con .host_support ul li {
  cursor: default;
  width: 23.75rem;
  height: 17.5rem;
  text-align: center;
  background-color: #fff;
  box-sizing: border-box;
  padding: 2.5rem 2.8125rem;
  float: left;
  margin-right: 1.875rem;
  transition: all 1s;
}
.host .host_con .host_support ul li:hover h4,
.host .host_con .host_support ul li:hover p {
  color: #fff;
}
.host .host_con .host_support ul li:hover img {
  animation: supportmove 0.8s;
}
.host .host_con .host_support ul li h4 {
  font-size: 1.125rem;
  padding: 1.6875rem 0 1.25rem 0;
  transition: all 0.5s;
}
.host .host_con .host_support ul li p {
  font-size: 0.75rem;
  color: #999999;
  line-height: 1.5rem;
  transition: all 0.5s;
}
.host .host_con .host_support ul li:first-child:hover {
  background-color: #ff9000;
}
.host .host_con .host_support ul li:nth-child(2):hover {
  background-color: #3b99f0;
}
.host .host_con .host_support ul li:nth-child(3):hover {
  background-color: #57be5b;
}
.host .host_con .host_support ul li:nth-child(4):hover {
  background-color: #ff6868;
}
.host .host_con .host_support ul li:nth-child(5):hover {
  background-color: #25b49b;
}
.host .host_con .host_support ul li:nth-child(6):hover {
  background-color: #827af6;
}
.host .host_con .host_support ul li:nth-child(3n) {
  margin-right: 0;
}
.host .host_con .host_support ul li:nth-child(n+4) {
  margin-top: 1.875rem;
}
.host .host_con .buy_host {
  background-color: #eff2f4;
  padding: 3.75rem 0;
}
.host .host_con .buy_host ul li {
  float: left;
  margin-right: 1.5625rem;
}
.host .host_con .buy_host ul li a {
  display: block;
  box-sizing: border-box;
  text-align: center;
  width: 17.5rem;
  height: 28.75rem;
  background-color: #fff;
  transition: all 0.8s;
}
.host .host_con .buy_host ul li a:hover {
  box-shadow: 0.1rem 0.1rem 1rem rgba(0, 0, 0, 0.15);
  transform: scale(1.05);
}
.host .host_con .buy_host ul li a:hover button {
  animation: buttonmove 1.5s;
}
.host .host_con .buy_host ul li a h4 {
  padding-top: 2.1875rem;
  font-size: 1.125rem;
}
.host .host_con .buy_host ul li a p {
  font-size: 0.75rem;
  color: #999999;
  padding: 0.8125rem 0 1.5625rem;
  border-bottom: 0.0625rem solid #e8e8e8;
}
.host .host_con .buy_host ul li a h5 {
  padding-top: 0.9375rem;
  font-size: 1.125rem;
}
.host .host_con .buy_host ul li a h5 span {
  color: #666666;
  font-size: 0.875rem;
  padding-left: 0.3125rem;
}
.host .host_con .buy_host ul li a .bottom {
  padding-top: 1.6875rem;
}
.host .host_con .buy_host ul li a h3 {
  font-size: 2.25rem;
  color: #f68947;
  padding-top: 2.5rem;
}
.host .host_con .buy_host ul li a h3 span {
  font-size: 0.875rem;
  color: #f68947;
}
.host .host_con .buy_host ul li a button {
  display: block;
  width: 13.125rem;
  height: 3rem;
  line-height: 3rem;
  text-align: center;
  background-color: #11acdf;
  color: #fff;
  font-size: 0.875rem;
  margin: 1.375rem auto;
  cursor: pointer;
}
.host .host_con .buy_host ul li:nth-child(4n) {
  margin-right: 0;
}
.host .host_con .buy_host ul li:nth-child(n+5) {
  margin-top: 1.5625rem;
}
/*购物车*/
.cart {
  background-color: #eff2f4;
}
.cart header .nav {
  border: 0;
}
.cart .cart_con {
  margin: 1.875rem 0;
}
.cart .cart_con .center .cart_content {
  padding: 1.875rem 1.25rem;
  background-color: #fff;
}
.cart .cart_con .center .cart_content .cart_con_title {
  border-bottom: 0.0625rem solid #e8e8e8;
  padding: 0 0.625rem 0.625rem 0.625rem;
  display: flex;
  justify-content: space-between;
}
.cart .cart_con .center .cart_content .cart_con_title .cart_con_title_right {
  color: #999999;
  font-size: 0.75rem;
  margin-top: 0.3rem;
  cursor: pointer;
  transition: all 0.3s;
}
.cart .cart_con .center .cart_content .cart_con_title .cart_con_title_right:hover {
  color: #666666;
}
.cart .cart_con .center .cart_content .cart_con_title .cart_con_title_right img {
  width: 0.9375rem;
  vertical-align: top;
}
.cart .cart_con .center .cart_content .cart_con_list_title {
  background-color: #eff2f4;
  height: 2rem;
  line-height: 2rem;
  padding-left: 1rem;
  margin-top: 1.875rem;
}
.cart .cart_con .center .cart_content .cart_con_list_title > div {
  display: inline-block;
  font-size: 0.75rem;
  box-sizing: border-box;
  float: left;
}
.cart .cart_con .center .cart_content .cart_con_list_title > div label {
  font-size: 0.75rem;
}
.cart .cart_con .center .cart_content .cart_con_list_title > div label .iconfont {
  font-size: 0.75rem;
  color: #ababab;
}
.cart .cart_con .center .cart_content .cart_con_checked {
  width: 4.6875rem;
}
.cart .cart_con .center .cart_content .cart_con_checked label .iconfont {
  padding-right: 0.3rem;
}
.cart .cart_con .center .cart_content .cart_con_information {
  width: 12.625rem;
}
.cart .cart_con .center .cart_content .cart_con_product {
  width: 15.75rem;
}
.cart .cart_con .center .cart_content .cart_con_life {
  width: 9.625rem;
}
.cart .cart_con .center .cart_content .cart_con_price {
  width: 7.5rem;
}
.cart .cart_con .center .cart_content .cart_con_discount {
  width: 6.875rem;
}
.cart .cart_con .center .cart_content .cart_con_sum {
  width: 8.875rem;
}
.cart .cart_con .center .cart_content .cart_con_operation {
  width: 3rem;
}
.cart .cart_con .center .cart_content .cart_con_list li {
  padding-left: 1rem;
}
.cart .cart_con .center .cart_content .cart_con_list li div {
  display: inline-block;
  font-size: 0.75rem;
  box-sizing: border-box;
  float: left;
  height: 100%;
}
.cart .cart_con .center .cart_content .cart_con_list li div label {
  font-size: 0.75rem;
  height: 100%;
  display: inline-block;
  position: relative;
}
.cart .cart_con .center .cart_content .cart_con_list li div label .iconfont {
  font-size: 0.75rem;
  color: #ababab;
  padding-right: 2.5rem;
}
.cart .cart_con .center .cart_content .cart_con_list li div label a {
  font-size: 0.75rem;
  color: #11acdf;
}
.cart .cart_con .center .cart_content .cart_con_list li div label img {
  width: 1.6875rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 1.4375rem;
}
.cart .cart_con .center .cart_content .cart_con_list .cart_con_list_name {
  width: 100%;
  height: 3.25rem;
  line-height: 3.25rem;
  display: flex;
  justify-content: space-between;
}
.cart .cart_con .center .cart_content .cart_con_list .cart_con_list_name .cart_con_checked {
  width: auto;
}
.cart .cart_con .center .cart_content .cart_con_list .cart_con_list_content {
  height: 4.5rem;
  line-height: 4.5rem;
  border-top: 0.0625rem solid #e8e8e8;
  border-left: 0.0625rem solid #e8e8e8;
  border-right: 0.0625rem solid #e8e8e8;
}
.cart .cart_con .center .cart_content .cart_con_list .cart_con_list_content select {
  font-size: 0.75rem;
  width: 4.875rem;
}
.cart .cart_con .center .cart_content .cart_con_list .cart_con_list_content select option {
  font-size: 0.75rem;
}
.cart .cart_con .center .cart_content .cart_con_list .cart_con_list_content:last-child {
  border-bottom: 0.0625rem solid #e8e8e8;
}
.cart .cart_con .center .cart_content .cart_con_list .cart_con_price i,
.cart .cart_con .center .cart_content .cart_con_list .cart_con_discount i,
.cart .cart_con .center .cart_content .cart_con_list .cart_con_sum i {
  font-size: 0.75rem;
}
.cart .cart_con .center .cart_content .cart_con_list .cart_con_sum {
  color: #f68947;
}
.cart .cart_con .center .cart_content .cart_con_list .cart_con_sum i {
  color: #f68947;
}
.cart .cart_con .center .cart_content .cart_con_list .cart_con_operation button {
  color: #f68947;
  font-size: 0.75rem;
  display: block;
  height: 100%;
  cursor: pointer;
}
.cart .cart_con .center .cart_content .cart_content_settlement {
  margin-top: 1.875rem;
}
.cart .cart_con .center .cart_content .cart_content_settlement .cart_content_settlement_money {
  background-color: #eff2f4;
  height: 3.875rem;
  line-height: 3.875rem;
  font-size: 0.75rem;
  text-align: right;
  padding-right: 1.25rem;
}
.cart .cart_con .center .cart_content .cart_content_settlement .cart_content_settlement_money .cart_content_settlement_product {
  color: #f68947;
  font-size: 1.125rem;
}
.cart .cart_con .center .cart_content .cart_content_settlement .cart_content_settlement_money .cart_content_settlement_discount {
  padding-right: 3.4375rem;
  font-size: 0.75rem;
}
.cart .cart_con .center .cart_content .cart_content_settlement .cart_content_settlement_money .cart_content_settlement_sum {
  color: #f68947;
  font-size: 1.5rem;
}
.cart .cart_con .center .cart_content .cart_content_settlement .cart_content_settlement_money .cart_content_settlement_sum i {
  color: #f68947;
  font-size: 1.5rem;
}
.cart .cart_con .center .cart_content .cart_content_settlement .cart_content_settlement_read {
  text-align: right;
  padding: 1.25rem 0;
}
.cart .cart_con .center .cart_content .cart_content_settlement .cart_content_settlement_read label,
.cart .cart_con .center .cart_content .cart_content_settlement .cart_content_settlement_read a,
.cart .cart_con .center .cart_content .cart_content_settlement .cart_content_settlement_read i {
  font-size: 0.75rem;
}
.cart .cart_con .center .cart_content .cart_content_settlement .cart_content_settlement_read i {
  color: #ababab;
}
.cart .cart_con .center .cart_content .cart_content_settlement .cart_content_settlement_read a {
  color: #11acdf;
}
.cart .cart_con .center .cart_content .cart_content_settlement .cart_content_settlement_button {
  text-align: right;
}
.cart .cart_con .center .cart_content .cart_content_settlement .cart_content_settlement_button a {
  color: #999999;
  font-size: 0.75rem;
  vertical-align: bottom;
}
.cart .cart_con .center .cart_content .cart_content_settlement .cart_content_settlement_button button {
  height: 2.75rem;
  width: 13.875rem;
  background-color: #f68947;
  color: #fff;
  line-height: 2.75rem;
  text-align: center;
  margin-left: 1.25rem;
  cursor: pointer;
}
/*合作伙伴*/
.cooperation {
  background-color: #eff2f4;
}
.cooperation .s_banner {
  background-image: url("../img/cooperation_banner.jpg");
}
.cooperation .cooperation_con {
  margin: 1.875rem 0;
}
.cooperation .cooperation_con .center {
  display: flex;
  justify-content: space-between;
}
.cooperation .cooperation_con .center .new_left {
  width: 48.75rem;
  background-color: #fff;
  padding: 0 1.5rem 1rem 1.5rem ;
  box-sizing: border-box;
}
.cooperation .cooperation_con .center .new_left span {
  font-size: 0.875rem;
  line-height: 1.8rem;
}
.cooperation .cooperation_con .center .new_left p {
  font-size: 0.875rem;
  line-height: 1.8rem;
}
.cooperation .cooperation_con .center .new_left p img {
  max-width: 100%;
}
.cooperation .cooperation_con .center .new_left .new_left_bottom {
  padding-top: 0.5rem;
  border-top: 0.0625rem solid #e8e8e8;
}
.cooperation .cooperation_con .center .new_left .new_left_bottom > div {
  font-size: 0.875rem;
  line-height: 2rem;
  color: #666666;
}
.cooperation .cooperation_con .center .new_left .new_left_bottom > div a {
  font-size: 0.875rem;
  color: #11acdf;
}
.cooperation .cooperation_con .center .new_left .new_left_bottom .no a {
  color: #ccc;
  cursor: default;
}
.cooperation .cooperation_con .center h2 {
  text-align: center;
  font-size: 1.625rem;
}
.cooperation .cooperation_con .center .cooperation_con_plan h2 {
  padding-bottom: 1rem;
  position: relative;
}
.cooperation .cooperation_con .center .cooperation_con_plan h2::after {
  content: "";
  position: absolute;
  height: 0.125rem;
  width: 2.875rem;
  background-color: #333333;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.cooperation .cooperation_con .center .cooperation_con_plan .cooperation_con_plan_text {
  padding: 3.3125rem 0 0 2.75rem;
}
.cooperation .cooperation_con .center .cooperation_con_plan .cooperation_con_plan_text p,
.cooperation .cooperation_con .center .cooperation_con_plan .cooperation_con_plan_text span {
  color: #666666;
  line-height: 1.75rem;
}
.cooperation .cooperation_con .center .cooperation_con_plan .cooperation_con_plan_text p {
  padding-top: 2.3125rem;
}
.cooperation .cooperation_con .center .cooperation_con_flow {
  margin-top: 3.125rem;
  padding-bottom: 4rem;
  background-color: #f5f5f6;
  position: relative;
}
.cooperation .cooperation_con .center .cooperation_con_flow h2 {
  padding-top: 1.875rem;
}
.cooperation .cooperation_con .center .cooperation_con_flow .cooperation_con_flow_list ul {
  display: flex;
  justify-content: space-between;
}
.cooperation .cooperation_con .center .cooperation_con_flow .cooperation_con_flow_list ul li {
  padding-top: 2.1875rem;
  width: 25%;
  text-align: center;
}
.cooperation .cooperation_con .center .cooperation_con_flow .cooperation_con_flow_list ul li:hover .cooperation_con_flow_list_spot {
  background-color: #11acdf;
  animation: blinking 1s infinite;
}
.cooperation .cooperation_con .center .cooperation_con_flow .cooperation_con_flow_list ul li img {
  width: 4.25rem;
  margin-bottom: 1rem;
}
.cooperation .cooperation_con .center .cooperation_con_flow .cooperation_con_flow_list ul li .cooperation_con_flow_list_spot {
  margin: 0 auto;
  width: 1rem;
  height: 1rem;
  background-color: #9c9c9c;
  border-radius: 50%;
  position: relative;
  z-index: 99;
}
.cooperation .cooperation_con .center .cooperation_con_flow .cooperation_con_flow_list ul li .cooperation_con_flow_list_spot > div {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  position: absolute;
  background-color: #fff;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.cooperation .cooperation_con .center .cooperation_con_flow .cooperation_con_flow_list ul li p {
  padding-top: 1rem;
  font-size: 0.875rem;
  color: #666666;
}
.cooperation .cooperation_con .center .cooperation_con_flow .cooperation_con_flow_list_line {
  border-bottom: 0.0625rem dashed #737373;
  width: 100%;
  position: absolute;
  top: 11.95rem;
}
/*申请合作*/
.be_cooperation {
  background-color: #eff2f4;
}
.be_cooperation .s_banner {
  background-image: url("../img/cooperation_banner.jpg");
}
.be_cooperation .be_cooperation_con {
  margin: 1.875rem 0;
}
.be_cooperation .be_cooperation_con .center {
  box-sizing: border-box;
  padding: 0 1.25rem;
  background-color: #fff;
}
.be_cooperation .be_cooperation_con .center > h2 {
  height: 3.5rem;
  line-height: 3.5rem;
  padding-left: 0.625rem;
  border-bottom: 0.0625rem solid #e8e8e8;
  color: #666666;
}
.be_cooperation .be_cooperation_con .center .be_cooperation_con_bottom {
  padding: 1.875rem;
  display: flex;
  justify-content: space-between;
}
.be_cooperation .be_cooperation_con .center .be_cooperation_con_bottom .be_cooperation_con_bottom_left {
  width: 42.125rem;
  border-right: 0.0625rem solid #d7d7d7;
}
.be_cooperation .be_cooperation_con .center .be_cooperation_con_bottom .be_cooperation_con_bottom_left ul {
  padding-left: 2.875rem;
  padding-right: 4.75rem;
  box-sizing: border-box;
}
.be_cooperation .be_cooperation_con .center .be_cooperation_con_bottom .be_cooperation_con_bottom_left ul li {
  height: 2.625rem;
  line-height: 2.625rem;
  padding-top: 1.25rem;
  display: flex;
  justify-content: space-between;
}
.be_cooperation .be_cooperation_con .center .be_cooperation_con_bottom .be_cooperation_con_bottom_left ul li label {
  font-size: 0.875rem;
  color: #666666;
}
.be_cooperation .be_cooperation_con .center .be_cooperation_con_bottom .be_cooperation_con_bottom_left ul li label i {
  font-size: 0.875rem;
  color: #f68947;
}
.be_cooperation .be_cooperation_con .center .be_cooperation_con_bottom .be_cooperation_con_bottom_left ul li input {
  width: 28rem;
  border: 0.0625rem solid #d7d7d7;
  box-sizing: border-box;
  height: 100%;
  font-size: 0.875rem;
  padding-left: 1rem;
}
.be_cooperation .be_cooperation_con .center .be_cooperation_con_bottom .be_cooperation_con_bottom_left ul .be_cooperation_message {
  height: 15rem;
}
.be_cooperation .be_cooperation_con .center .be_cooperation_con_bottom .be_cooperation_con_bottom_left ul .be_cooperation_message textarea {
  width: 28rem;
  height: 100%;
  border: 0.0625rem solid #d7d7d7;
  box-sizing: border-box;
  font-size: 0.875rem;
}
.be_cooperation .be_cooperation_con .center .be_cooperation_con_bottom .be_cooperation_con_bottom_left ul .be_cooperation_verification {
  position: relative;
}
.be_cooperation .be_cooperation_con .center .be_cooperation_con_bottom .be_cooperation_con_bottom_left ul .be_cooperation_verification input,
.be_cooperation .be_cooperation_con .center .be_cooperation_con_bottom .be_cooperation_con_bottom_left ul .be_cooperation_verification img {
  position: absolute;
}
.be_cooperation .be_cooperation_con .center .be_cooperation_con_bottom .be_cooperation_con_bottom_left ul .be_cooperation_verification input {
  width: 10.875rem;
  height: 2.625rem;
  top: 1.375rem;
  left: 6.44rem;
}
.be_cooperation .be_cooperation_con .center .be_cooperation_con_bottom .be_cooperation_con_bottom_left ul .be_cooperation_verification img {
  width: 5rem;
  top: 1.875rem;
  left: 18.875rem;
  cursor: pointer;
}
.be_cooperation .be_cooperation_con .center .be_cooperation_con_bottom .be_cooperation_con_bottom_left ul .be_cooperation_button {
  padding-top: 1.75rem;
}
.be_cooperation .be_cooperation_con .center .be_cooperation_con_bottom .be_cooperation_con_bottom_left ul .be_cooperation_button input {
  font-size: 1.125rem;
  color: #fff;
  background-color: #11acdf;
  margin-left: 6.4375rem;
  border-radius: 0.25rem;
  padding: 0;
  cursor: pointer;
}
.be_cooperation .be_cooperation_con .center .be_cooperation_con_bottom .be_cooperation_con_bottom_left .be_cooperation_read {
  padding: 1rem 0 3.75rem 9.375rem;
}
.be_cooperation .be_cooperation_con .center .be_cooperation_con_bottom .be_cooperation_con_bottom_left .be_cooperation_read a,
.be_cooperation .be_cooperation_con .center .be_cooperation_con_bottom .be_cooperation_con_bottom_left .be_cooperation_read label,
.be_cooperation .be_cooperation_con .center .be_cooperation_con_bottom .be_cooperation_con_bottom_left .be_cooperation_read i {
  font-size: 0.75rem;
}
.be_cooperation .be_cooperation_con .center .be_cooperation_con_bottom .be_cooperation_con_bottom_left .be_cooperation_read label {
  color: #666666;
}
.be_cooperation .be_cooperation_con .center .be_cooperation_con_bottom .be_cooperation_con_bottom_left .be_cooperation_read label i {
  color: #ababab;
  padding-right: 0.75rem;
}
.be_cooperation .be_cooperation_con .center .be_cooperation_con_bottom .be_cooperation_con_bottom_left .be_cooperation_read a {
  color: #11acdf;
}
.be_cooperation .be_cooperation_con .center .be_cooperation_con_bottom .be_cooperation_con_bottom_right {
  width: 30.3125rem;
  padding: 1rem 4rem 0 4rem;
}
.be_cooperation .be_cooperation_con .center .be_cooperation_con_bottom .be_cooperation_con_bottom_right ul {
  padding-bottom: 7.375rem;
  border-bottom: 0.0625rem solid #e8e8e8;
}
.be_cooperation .be_cooperation_con .center .be_cooperation_con_bottom .be_cooperation_con_bottom_right ul li {
  font-size: 0.875rem;
  margin-top: 1.25rem;
}
.be_cooperation .be_cooperation_con .center .be_cooperation_con_bottom .be_cooperation_con_bottom_right ul li > img {
  width: 1.3125rem;
}
.be_cooperation .be_cooperation_con .center .be_cooperation_con_bottom .be_cooperation_con_bottom_right ul li a img {
  width: 1.3125rem;
}
.be_cooperation .be_cooperation_con .center .be_cooperation_con_bottom .be_cooperation_con_bottom_right ul li span {
  font-size: 0.875rem;
  color: #666666;
  padding-left: 0.78rem;
}
.be_cooperation .be_cooperation_con .center .be_cooperation_con_bottom .be_cooperation_con_bottom_right ul .be_cooperation_con_right_contact {
  margin-top: 0;
  color: #999999;
}
.be_cooperation .be_cooperation_con .center .be_cooperation_con_bottom .be_cooperation_con_bottom_right ul .be_cooperation_con_right_qq {
  display: flex;
  justify-content: space-between;
}
.be_cooperation .be_cooperation_con .center .be_cooperation_con_bottom .be_cooperation_con_bottom_right ul .be_cooperation_con_right_qq a img {
  width: 1.5rem;
  height: 1.5rem;
}
.be_cooperation .be_cooperation_con .center .be_cooperation_con_bottom .be_cooperation_con_bottom_right ul .be_cooperation_con_right_code {
  position: relative;
}
.be_cooperation .be_cooperation_con .center .be_cooperation_con_bottom .be_cooperation_con_bottom_right ul .be_cooperation_con_right_code > div {
  position: absolute;
  top: 0;
  left: 2.375rem;
}
.be_cooperation .be_cooperation_con .center .be_cooperation_con_bottom .be_cooperation_con_bottom_right ul .be_cooperation_con_right_code > div img {
  width: 6.25rem;
  margin-right: 1.375rem;
}
.be_cooperation .be_cooperation_con .center .be_cooperation_con_bottom .be_cooperation_con_bottom_right .be_cooperation_con_right_bottom {
  padding-top: 2.1875rem;
  font-size: 0.875rem;
  color: #999999;
}
.be_cooperation .be_cooperation_con .center .be_cooperation_con_bottom .be_cooperation_con_bottom_right ol li {
  float: left;
  margin-top: 1.25rem;
}
.be_cooperation .be_cooperation_con .center .be_cooperation_con_bottom .be_cooperation_con_bottom_right ol li img {
  width: 7.5rem;
}
.be_cooperation .be_cooperation_con .center .be_cooperation_con_bottom .be_cooperation_con_bottom_right ol li:nth-child(odd) {
  margin-right: 3.62rem;
}
/*资讯中心*/
.news {
  background-color: #eff2f4;
}
.news .s_banner {
  background-image: url("../img/cooperation_banner.jpg");
}
.news .news_con {
  margin: 1.875rem 0;
}
.news .news_con .center {
  display: flex;
  justify-content: space-between;
}
/*案例*/
.case .b_banner {
  background-image: url("../img/case_banner.jpg");
}
.case .index_case {
  padding: 0;
}
.case .index_case .index_case_con ul li {
  width: 24rem;
  height: 21rem;
  margin-right: 1.5rem;
}
.case .index_case .index_case_con ul li a .case_con_pic {
  height: 16.25rem;
}
.case .index_case .index_case_con ul li a .index_case_text {
  padding: 0.741vw;
}
.case .index_case .index_case_con ul li a .index_case_text h3 {
  font-size: 1.125rem;
}
.case .index_case .index_case_con ul li a .index_case_text p {
  font-size: 0.875rem;
}
.case .index_case .index_case_con ul li:nth-child(3n) {
  margin-right: 0;
}
.case .index_case .index_case_con ul li:nth-child(n+4) {
  margin-top: 1.5rem;
}
.case .index_case .index_case_con .common_question_page {
  padding: 1.875rem 0;
}
/*案例详情*/
.case_details {
  background-color: #eff4f5;
}
.case_details .b_banner {
  background-image: url("../img/case_details_banner.jpg");
}
.case_details .b_banner .case_details_a {
  display: block;
  width: 100%;
  height: 100%;
}
.case_details .b_banner .case_details_a .center {
  position: relative;
  height: 100%;
}
.case_details .b_banner .case_details_a .center .case_details_text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.case_details .b_banner .case_details_a .center .case_details_text .case_details_h2 {
  font-size: 1.875rem;
  color: #fff;
  padding-bottom: 1.125rem;
  position: relative;
  text-align: center;
}
.case_details .b_banner .case_details_a .center .case_details_text .case_details_h2::after {
  content: "";
  height: 0.125rem;
  width: 3.125rem;
  background-color: #fff;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.case_details .b_banner .case_details_a .center .case_details_text .case_details_p {
  text-align: center;
  color: #fff;
  padding-top: 1rem;
  font-size: 1.125rem;
}
.case_details .case_details_con {
  margin-top: 22.4375rem;
}
.case_details .case_details_con .case_details_introduction {
  background-color: #fff;
}
.case_details .case_details_con .case_details_introduction .center {
  display: flex;
  justify-content: space-between;
  padding-bottom: 2.875rem;
}
.case_details .case_details_con .case_details_introduction .center .case_details_introduction_left {
  padding: 3.6875rem 3rem 0rem 0;
  box-sizing: border-box;
  width: 49.0625rem;
}
.case_details .case_details_con .case_details_introduction .center .case_details_introduction_left h3 {
  font-size: 1.875rem;
  padding-bottom: 0.9rem;
  position: relative;
  display: inline-block;
  margin-bottom: 0.75rem;
}
.case_details .case_details_con .case_details_introduction .center .case_details_introduction_left h3::after {
  content: "";
  height: 0.125rem;
  width: 32%;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #333333;
}
.case_details .case_details_con .case_details_introduction .center .case_details_introduction_left p {
  margin-top: 1.1875rem;
  line-height: 1.5rem;
  font-size: 0.875rem;
  color: #666666;
}
.case_details .case_details_con .case_details_introduction .center .case_details_introduction_left > div {
  margin-top: 2.5rem;
}
.case_details .case_details_con .case_details_introduction .center .case_details_introduction_left > div span {
  font-size: 0.875rem;
  color: #666666;
  margin-right: 0.5rem;
}
.case_details .case_details_con .case_details_introduction .center .case_details_introduction_left > div a {
  margin-left: 0.625rem;
  height: 1.875rem;
  background-color: #65cef1;
  color: #fff;
  font-size: 0.75rem;
  display: inline-block;
  line-height: 1.875rem;
  padding: 0 0.625rem;
}
.case_details .case_details_con .case_details_introduction .center .case_details_introduction_right {
  width: 25.9375rem;
  position: relative;
}
.case_details .case_details_con .case_details_introduction .center .case_details_introduction_right ul {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  z-index: 99;
  position: relative;
}
.case_details .case_details_con .case_details_introduction .center .case_details_introduction_right ul li {
  cursor: pointer;
  width: 25%;
  height: 7.125rem;
  text-align: center;
  box-sizing: border-box;
  padding-top: 0.8125rem;
  font-size: 0.875rem;
  transition: all 0.5s;
}
.case_details .case_details_con .case_details_introduction .center .case_details_introduction_right ul li .pic {
  background-color: #fff;
  transition: all 0.5s;
  width: 3.75rem;
  height: 3.75rem;
  text-align: center;
  line-height: 3.75rem;
  box-sizing: border-box;
  border: 0.0625rem solid #c9cfd2;
  border-radius: 50%;
  margin: 0 auto 0.4375rem auto;
}
.case_details .case_details_con .case_details_introduction .center .case_details_introduction_right ul li .pic img {
  width: 2rem;
}
.case_details .case_details_con .case_details_introduction .center .case_details_introduction_right ul li .pic .img_right {
  animation: hostmove 1s 0.2s;
}
.case_details .case_details_con .case_details_introduction .center .case_details_introduction_right ul li .pic .img_left {
  animation: hostmove_r 1s 0.2s;
}
.case_details .case_details_con .case_details_introduction .center .case_details_introduction_right ul li:first-child {
  color: #fff;
}
.case_details .case_details_con .case_details_introduction .center .case_details_introduction_right .case_details_list_bg {
  transition: all 0.5s;
  width: 25%;
  height: 7.125rem;
  background-color: #11acdf;
  position: absolute;
  top: 0;
  z-index: 1;
}
.case_details .case_details_con .case_details_introduction .center .case_details_introduction_right .case_details_list_triangle {
  width: 0;
  border: 0.75rem solid #f0f5f7;
  height: 0;
  position: absolute;
  z-index: 100;
  border-right-color: transparent;
  border-top-color: transparent;
  border-left-color: transparent;
  top: 7rem;
  left: 2.5rem;
  transition: all 0.5s;
}
.case_details .case_details_con .case_details_introduction .center .case_details_introduction_right ol {
  margin-top: 1.3125rem;
  background-color: #f0f5f7;
}
.case_details .case_details_con .case_details_introduction .center .case_details_introduction_right ol li {
  height: 12.875rem;
  box-sizing: border-box;
  position: relative;
  display: none;
}
.case_details .case_details_con .case_details_introduction .center .case_details_introduction_right ol li .text {
  width: 100%;
  text-align: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.case_details .case_details_con .case_details_introduction .center .case_details_introduction_right ol li .text p a {
  font-size: 0.875rem;
  color: #666666;
}
.case_details .case_details_con .case_details_introduction .center .case_details_introduction_right ol li .text > a {
  display: block;
  margin: 1rem auto 0 auto;
  height: 2.5rem;
  line-height: 2.5rem;
  width: 10.9375rem;
  border: 0.0625rem solid #cbd1d3;
  font-size: 1.125rem;
  color: #999999;
  transition: all 0.3s;
}
.case_details .case_details_con .case_details_introduction .center .case_details_introduction_right ol li .text > a:hover {
  background-color: #11acdf;
  color: #fff;
  border-color: #11acdf;
  border-radius: 0.25rem;
}
.case_details .case_details_con .case_details_introduction .center .case_details_introduction_right ol li .text > a img {
  width: 1rem;
  margin-left: 0.5rem;
}
.case_details .case_details_con .case_details_introduction .center .case_details_introduction_right ol li .text > img {
  width: 8.875rem;
}
.case_details .case_details_con .case_details_introduction .center .case_details_introduction_right ol li .text > s {
  display: block;
  margin-top: 0.1875rem;
  font-size: 0.875rem;
  color: #666666;
}
.case_details .case_details_con .case_details_introduction .center .case_details_introduction_right ol li:first-child {
  display: block;
}
.case_details .case_details_con .case_details_content {
  margin-top: 1.875rem;
}
.case_details .case_details_con .case_details_content .center {
  padding: 1.2rem;
  font-size: 0.875rem;
  line-height: 1.5rem;
  max-width: 100%;
}
.case_details .case_details_con .case_details_content .center * {
  padding: 1.2rem;
  font-size: 0.875rem;
  line-height: 1.5rem;
  max-width: 100%;
}
/*登录*/
.login .login_con {
  position: absolute;
  top: 0;
  background: url("../img/login_bg.jpg") no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  height: 100%;
  width: 100%;
}
.login .login_con .center {
  height: 100%;
  display: flex;
  justify-content: space-between;
}
.login .login_con .center .login_con_left h2 {
  font-size: 2.25rem;
  padding-top: 19.6875rem;
  color: #fff;
}
.login .login_con .center .login_con_left p {
  color: #fff;
  padding-top: 0.8rem;
}
.login .login_con .center .login_con_left a {
  display: block;
  margin-top: 2.1875rem;
  height: 2.125rem;
  line-height: 2.125rem;
  width: 7.375rem;
  border-radius: 0.25rem;
  color: #fff;
  border: 0.0625rem solid #fff;
  text-align: center;
  transition: all 0.3s;
}
.login .login_con .center .login_con_left a:hover {
  background-color: #11acdf;
  border-color: #11acdf;
}
.login .login_footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 3.4375rem;
  line-height: 3.4375rem;
}
.login .login_footer a,
.login .login_footer span {
  font-size: 0.75rem;
  color: #7f7f7f;
}
.login .login_footer .login_footer_text {
  text-align: center;
  font-size: 0.75rem;
  color: #999999;
}
.login .login_footer .login_footer_text a {
  font-size: 0.75rem;
  color: #7f7f7f;
}
/*发表文章*/
.publish {
  background-color: #eff2f4;
}
.publish .publish_con {
  margin: 1.875rem 0;
}
.publish .publish_con .center {
  box-sizing: border-box;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  padding: 0;
  background-color: transparent;
}
.publish .publish_con .center > .right {
  width: 57.5rem;
  background-color: #fff;
  padding: 1.5rem 1rem;
  box-sizing: border-box;
}
.publish .publish_con .center > .right .publish_con_title {
  height: 2.8125rem;
  line-height: 2.8125rem;
  margin-bottom: 1.875rem;
}
.publish .publish_con .center > .right .publish_con_title input {
  height: 100%;
  width: 100%;
  border-bottom: 0.0625rem solid #e8e8e8;
  font-size: 1.125rem;
}
.publish .publish_con .center > .right .publish_con_title input::-webkit-input-placeholder {
  color: #999999;
}
.publish .publish_con .center > .right .publish_con_write {
  height: 25rem;
}
.publish .publish_con .center > .right .publish_con_write p {
  font-size: 0.875rem;
}
.publish .publish_con .center > .right ul {
  padding-top: 0.625rem;
}
.publish .publish_con .center > .right ul li {
  margin-top: 1.25rem;
  height: 2.625rem;
  line-height: 2.625rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.publish .publish_con .center > .right ul li label {
  width: 4.3rem;
  text-align: right;
  font-size: 0.875rem;
}
.publish .publish_con .center > .right ul li input {
  width: 49.525rem;
  border: 0.0625rem solid #d7d7d7;
  padding-left: 0.625rem;
  font-size: 0.875rem;
  box-sizing: border-box;
}
.publish .publish_con .center > .right ul li p {
  text-align: left;
  width: 49.525rem;
  color: #999999;
  font-size: 0.875rem;
  line-height: 2rem;
}
.publish .publish_con .center > .right ul li textarea {
  width: 49.525rem;
  padding: 0.625rem;
  border: 0.0625rem solid #d7d7d7;
  height: 8.125rem;
  box-sizing: border-box;
}
.publish .publish_con .center > .right ul li > span {
  font-size: 0.875rem;
  width: 4.3rem;
  text-align: right;
}
.publish .publish_con .center > .right ul li .publish_con_pic {
  margin-left: 1.73rem;
  width: 12.5rem;
  height: 7.6875rem;
}
.publish .publish_con .center > .right ul li .publish_con_pic div {
  height: 100%;
  width: 100%;
  border: 1px dashed #dbdbdb;
  border-radius: 0 .25rem;
  background: url(http://guanwang.op86.com.cn//resources/views//index/img/input_bg.png) no-repeat center 2rem;
  -webkit-background-size: 2rem;
  background-size: 2rem;
  position: relative;
}
.publish .publish_con .center > .right ul li .publish_con_pic div p {
  position: absolute;
  top: 5rem;
  color: #969696;
  width: 100%;
  text-align: center;
}
.publish .publish_con .center > .right ul li .publish_con_pic div img {
  width: 100%;
  height: 100%;
}
.publish .publish_con .center > .right ul li .ol {
  width: 49.525rem;
  margin-left: 1.73rem;
  padding: 0px 0.25rem;
  border: 0.0625rem solid #d7d7d7;
  font-size: 0.875rem;
}
.publish .publish_con .center > .right ul li .ol ol li {
  float: left;
  margin-top: 0;
  display: flex;
  align-items: center;
  margin-right: 0.5rem;
  font-size: 0.875rem;
}
.publish .publish_con .center > .right ul li .ol ol li input[type=checkbox] {
  width: auto;
  height: auto;
  -webkit-appearance: checkbox;
}
.publish .publish_con .center > .right ul li #classify {
  width: 49.525rem;
  border: 0.0625rem solid #d7d7d7;
  padding-left: 0.625rem;
  font-size: 0.875rem;
  box-sizing: border-box;
  height: 100%;
}
.publish .publish_con .center > .right ul li #classify option {
  font-size: 0.875rem;
}
.publish .publish_con .center > .right ul .publish_con_textarea {
  height: 8.125rem;
  justify-content: flex-end;
  font-size: 0.875rem;
}
.publish .publish_con .center > .right ul .publish_con_verification {
  width: 18.75rem;
  display: block;
  width: 100%;
}
.publish .publish_con .center > .right ul .publish_con_verification label {
  display: block;
  float: left;
}
.publish .publish_con .center > .right ul .publish_con_verification input {
  float: left;
  width: 18.75rem;
  margin-left: 1.73rem;
  height: 100%;
}
.publish .publish_con .center > .right ul .publish_con_verification img {
  width: 6.25rem;
  height: 2.5rem;
  border: 0.0625rem solid #d7d7d7;
  float: left;
  margin-left: 0.875rem;
  cursor: pointer;
}
.publish .publish_con .center > .right > button {
  background-color: #11acdf;
  color: #fff;
  text-align: center;
  height: 2.625rem;
  line-height: 2.625rem;
  width: 11.25rem;
  border-radius: 0.25rem;
  margin-left: 6.25rem;
  font-size: 1.125rem;
  cursor: pointer;
}
/*个人中心*/
.personal {
  background-color: #eff2f4;
}
.personal .personal_con {
  margin: 1.875rem 0;
}
.personal .personal_con .center {
  display: flex;
  justify-content: space-between;
}
.personal .personal_con .center .personal_con_right {
  width: 57.5rem;
}
.personal .personal_con .center .personal_con_right h3 {
  padding-top: 0.9375rem;
}
.personal .personal_con .center .personal_con_right h3 a {
  display: block;
  font-size: 1.125rem;
  padding: 0.5625rem 0;
  border-bottom: 0.0625rem solid #e8e8e8;
}
.personal .personal_con .center .personal_con_right .personal_con_right_top {
  padding: 0 1.875rem 1.875rem 1.875rem;
  background-color: #fff;
}
.personal .personal_con .center .personal_con_right .personal_con_right_top .personal_con_right_top_con {
  padding: 1rem 0 0.6rem 18.125rem;
  position: relative;
}
.personal .personal_con .center .personal_con_right .personal_con_right_top .personal_con_right_top_con img {
  position: absolute;
  left: 0;
  width: 16.25rem;
  height: 11.25rem;
}
.personal .personal_con .center .personal_con_right .personal_con_right_top .personal_con_right_top_con h2 {
  font-size: 1.60625rem;
}
.personal .personal_con .center .personal_con_right .personal_con_right_top .personal_con_right_top_con p {
  font-size: 0.875rem;
  color: #999999;
  line-height: 1.375rem;
  padding-top: 0.875rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.personal .personal_con .center .personal_con_right .personal_con_right_top .personal_con_right_top_con > a {
  display: block;
  width: 7.1875rem;
  height: 2.25rem;
  line-height: 2.25rem;
  border: 0.0625rem solid #11acdf;
  border-radius: 0.25rem;
  color: #11acdf;
  text-align: center;
  font-size: 0.875rem;
  margin-top: 1.1875rem;
  transition: all 0.3s;
}
.personal .personal_con .center .personal_con_right .personal_con_right_top .personal_con_right_top_con > a:hover {
  background-color: #11acdf;
  color: #fff;
}
.personal .personal_con .center .personal_con_right .personal_con_right_mid {
  margin-top: 0.625rem;
  padding: 0 1.875rem 1.875rem 1.875rem;
  background-color: #fff;
}
.personal .personal_con .center .personal_con_right .personal_con_right_bottom {
  margin-top: 0.625rem;
  padding: 0 1.875rem 1.875rem 1.875rem;
  background-color: #fff;
}
.personal .personal_con .center .personal_con_right .personal_con_right_bottom .personal_con_right_bottom_title {
  display: flex;
  justify-content: space-between;
}
.personal .personal_con .center .personal_con_right .personal_con_right_bottom .personal_con_right_bottom_title a {
  margin-top: 0.8rem;
  width: 5rem;
  height: 1.75rem;
  line-height: 1.75rem;
  background-color: #11acdf;
  color: #fff;
  text-align: center;
  border: 0.0625rem solid #11acdf;
  box-sizing: border-box;
  transition: all 0.3s;
  font-size: 0.75rem;
  border-radius: 0.25rem;
}
.personal .personal_con .center .personal_con_right .personal_con_right_bottom .personal_con_right_bottom_title a:hover {
  background-color: #fff;
  color: #11acdf;
}
.personal .personal_con .center .personal_con_right .personal_con_right_bottom .personal_common_ul li .article_title {
  width: 12.5rem;
}
.personal .personal_con .center .personal_con_right .personal_con_right_bottom .personal_common_ul li .article_summary {
  width: 23.125rem;
}
.personal .personal_con .center .personal_con_right .personal_con_right_bottom .personal_common_ul li .article_time {
  width: 9rem;
}
.personal .personal_con .center .personal_con_right .personal_con_right_bottom .personal_common_ul li .article_operating {
  width: 6.875rem;
}
/*程序详情*/
.program {
  background-color: #eff2f4;
}
.program .program_con {
  margin-bottom: 1.875rem;
}
.program .program_con .current_html ul {
  padding-bottom: 0;
  border: 0;
}
.program .program_con .current_html ul li {
  height: 1.875rem;
  line-height: 1.875rem;
}
.program .program_con .program_content {
  display: flex;
  justify-content: space-between;
}
.program .program_con .program_content .program_content_left {
  width: 53.125rem;
}
.program .program_con .program_content .program_content_left .program_content_left_top {
  background-color: #fff;
  padding: 0 2.5rem;
  box-sizing: border-box;
}
.program .program_con .program_content .program_content_left .program_content_left_top .program_content_left_top_title {
  padding: 2.5625rem 0 2.5625rem 10.5rem;
  position: relative;
  border-bottom: 0.0625rem solid #e8e8e8;
}
.program .program_con .program_content .program_content_left .program_content_left_top .program_content_left_top_title img {
  width: 9.25rem;
  height: 8.125rem;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.program .program_con .program_content .program_content_left .program_content_left_top .program_content_left_top_title h4 {
  font-size: 1.125rem;
  padding-bottom: 0.25rem;
}
.program .program_con .program_content .program_content_left .program_content_left_top .program_content_left_top_title p {
  line-height: 1.5rem;
  font-size: 0.75rem;
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.program .program_con .program_content .program_content_left .program_content_left_top .program_content_left_top_title ul {
  padding-top: 0.5rem;
}
.program .program_con .program_content .program_content_left .program_content_left_top .program_content_left_top_title ul li {
  float: left;
  height: 1.875rem;
  line-height: 1.875rem;
  background-color: #65cef1;
  border-radius: 0.25rem;
  transition: all 0.3s;
  margin-right: 0.5rem;
}
.program .program_con .program_content .program_content_left .program_content_left_top .program_content_left_top_title ul li:hover {
  background-color: #11acdf;
}
.program .program_con .program_content .program_content_left .program_content_left_top .program_content_left_top_title ul li a {
  box-sizing: border-box;
  padding: 0 0.625rem;
  display: block;
  color: #fff;
  font-size: 0.75rem;
  height: 1.875rem;
  line-height: 1.875rem;
}
.program .program_con .program_content .program_content_left .program_content_left_top .program_content_left_top_con h6 {
  padding-top: 1.625rem;
  font-size: 0.875rem;
  color: #666666;
}
.program .program_con .program_content .program_content_left .program_content_left_top .program_content_left_top_con .buy_list {
  margin-top: 1.25rem;
  display: flex;
  justify-content: flex-start;
  height: 2.125rem;
  line-height: 2.125rem;
}
.program .program_con .program_content .program_content_left .program_content_left_top .program_content_left_top_con .buy_list strong {
  font-size: 0.875rem;
}
.program .program_con .program_content .program_content_left .program_content_left_top .program_content_left_top_con .buy_list > span {
  margin-left: 1.25rem;
  font-size: 1.875rem;
  color: #f68947;
}
.program .program_con .program_content .program_content_left .program_content_left_top .program_content_left_top_con .buy_list > span i {
  font-size: 0.875rem;
  color: #f68947;
  padding-left: 0.625rem;
}
.program .program_con .program_content .program_content_left .program_content_left_top .program_content_left_top_con .buy_list ul {
  display: flex;
  justify-content: flex-start;
}
.program .program_con .program_content .program_content_left .program_content_left_top .program_content_left_top_con .buy_list ul li {
  margin-left: 1.25rem;
}
.program .program_con .program_content .program_content_left .program_content_left_top .program_content_left_top_con .buy_list ul li label {
  display: block;
  height: 100%;
  box-sizing: border-box;
  padding: 0 1.25rem;
  border: 0.0625rem solid #e8e8e8;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  cursor: pointer;
  transition: all 0.3s;
}
.program .program_con .program_content .program_content_left .program_content_left_top .program_content_left_top_con .buy_list ul li input[type=radio] {
  display: none;
}
.program .program_con .program_content .program_content_left .program_content_left_top .program_content_left_top_con .buy_list ul li .on {
  color: #11acdf;
  border-color: #11acdf;
}
.program .program_con .program_content .program_content_left .program_content_left_top .program_content_left_top_con .buy_list > label {
  font-size: 0.75rem;
}
.program .program_con .program_content .program_content_left .program_content_left_top .program_content_left_top_con .buy_list > label > i {
  font-size: 0.75rem;
  color: #ababab;
  margin-right: 0.625rem;
}
.program .program_con .program_content .program_content_left .program_content_left_top .program_content_left_top_con .buy_list > a,
.program .program_con .program_content .program_content_left .program_content_left_top .program_content_left_top_con .buy_list > font {
  font-size: 0.75rem;
}
.program .program_con .program_content .program_content_left .program_content_left_top .program_content_left_top_con .buy_list > a {
  color: #11acdf;
}
.program .program_con .program_content .program_content_left .program_content_left_top .program_content_left_top_con .buy {
  height: 2.625rem;
  line-height: 2.625rem;
  padding-bottom: 1.875rem;
}
.program .program_con .program_content .program_content_left .program_content_left_top .program_content_left_top_con .buy a {
  color: #fff;
  display: block;
  height: 100%;
  text-align: center;
  width: 12.5rem;
  background-color: #11acdf;
  border-radius: 0.25rem;
  font-size: 1rem;
}
.program .program_con .program_content .program_content_left .program_content_left_bottom {
  margin-top: 1.25rem;
  background-color: #fff;
  padding: 1.875rem 2.5rem;
}
.program .program_con .program_content .program_content_left .program_content_left_bottom h3 {
  padding-left: 0.75rem;
  position: relative;
  padding-bottom: 0.875rem;
  border-bottom: 0.0625rem solid #e8e8e8;
}
.program .program_con .program_content .program_content_left .program_content_left_bottom h3::before {
  content: "";
  height: 1.25rem;
  width: 0.1875rem;
  background-color: #11acdf;
  position: absolute;
  left: 0;
  top: 5%;
}
.program .program_con .program_content .program_content_left .program_content_left_bottom .program_content_left_bottom_text {
  padding: 1.875rem 0;
}
.program .program_con .program_content .program_content_left .program_content_left_bottom .program_content_left_bottom_text img {
  display: block;
  margin: 0 auto;
}
.program .program_con .program_content .program_content_left .program_content_left_bottom .program_content_left_bottom_text p {
  padding-top: 1.875rem;
  line-height: 1.5rem;
  font-size: 0.875rem;
  color: #666666;
}
.program .program_con .program_content .program_content_left .program_content_left_bottom .program_content_left_bottom_text p:first-child {
  padding-top: 0;
}
.program .program_con .program_content .program_content_right {
  width: 20.5rem;
  box-sizing: border-box;
}
.program .program_con .program_content .program_content_right strong {
  font-size: 0.75rem;
}
.program .program_con .program_content .program_content_right .program_content_right_top {
  padding: 1.875rem 1.25rem;
  background-color: #fff;
}
.program .program_con .program_content .program_content_right .program_content_right_top .program_customer_service {
  border-bottom: 0.0625rem solid #e8e8e8;
}
.program .program_con .program_content .program_content_right .program_content_right_top .program_customer_service ul {
  padding-top: 1.25rem;
  padding-bottom: 1.5625rem;
}
.program .program_con .program_content .program_content_right .program_content_right_top .program_customer_service ul li {
  width: 8rem;
  float: left;
}
.program .program_con .program_content .program_content_right .program_content_right_top .program_customer_service ul li a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 0.875rem;
  color: #666666;
  transition: all 0.3s;
}
.program .program_con .program_content .program_content_right .program_content_right_top .program_customer_service ul li a:hover {
  color: #11acdf;
}
.program .program_con .program_content .program_content_right .program_content_right_top .program_customer_service ul li a img {
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.375rem;
  vertical-align: text-bottom;
}
.program .program_con .program_content .program_content_right .program_content_right_top .program_customer_service ul li:nth-child(odd) {
  margin-right: 2rem;
}
.program .program_con .program_content .program_content_right .program_content_right_top .program_customer_service ul li:nth-child(n+3) {
  margin-top: 1rem;
}
.program .program_con .program_content .program_content_right .program_content_right_top .program_introduction {
  padding-top: 1.875rem;
}
.program .program_con .program_content .program_content_right .program_content_right_top .program_introduction ul li {
  margin-top: 0.1875rem;
}
.program .program_con .program_content .program_content_right .program_content_right_top .program_introduction ul li p,
.program .program_con .program_content .program_content_right .program_content_right_top .program_introduction ul li span {
  font-size: 0.75rem;
  color: #666666;
}
.program .program_con .program_content .program_content_right .program_content_right_top .program_introduction ul li span {
  margin-left: 0.6875rem;
}
.program .program_con .program_content .program_content_right .program_content_right_top .program_introduction ul li p {
  padding-left: 4.73rem;
  padding-top: 0.4375rem;
}
.program .program_con .program_content .program_content_right .program_content_right_top .program_introduction ul li:first-child {
  margin-top: 0;
}
.program .program_con .program_content .program_content_right .program_content_right_top .program_introduction ul .presentation p {
  padding-left: 0;
  line-height: 1.625rem;
}
.program .program_con .program_content .program_content_right .program_content_right_bottom {
  margin-top: 1.25rem;
  padding: 1.875rem 1.25rem;
  background-color: #fff;
}
.program .program_con .program_content .program_content_right .program_content_right_bottom ul li {
  width: 18rem;
  height: 7.3125rem;
  box-sizing: border-box;
  border-bottom: 0.0625rem solid #e8e8e8;
}
.program .program_con .program_content .program_content_right .program_content_right_bottom ul li a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 1.5rem 0.3125rem 1.5rem 7rem;
  position: relative;
  box-sizing: border-box;
  transition: all 0.5s;
}
.program .program_con .program_content .program_content_right .program_content_right_bottom ul li a:hover {
  transform: scale(1.09);
  box-shadow: 0.1rem 0.1rem 1rem rgba(0, 0, 0, 0.15);
  background-color: #11acdf;
}
.program .program_con .program_content .program_content_right .program_content_right_bottom ul li a:hover h5,
.program .program_con .program_content .program_content_right .program_content_right_bottom ul li a:hover h6 {
  color: #fff;
}
.program .program_con .program_content .program_content_right .program_content_right_bottom ul li a h5 {
  font-size: 0.875rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  transition: all 0.5s;
}
.program .program_con .program_content .program_content_right .program_content_right_bottom ul li a h6 {
  transition: all 0.5s;
  font-size: 0.75rem;
  color: #999999;
  line-height: 1.25rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  padding-top: 0.5rem;
}
.program .program_con .program_content .program_content_right .program_content_right_bottom ul li a img {
  position: absolute;
  width: 5.75rem;
  height: 4.5rem;
  left: 0.5rem;
}
/*技术分享*/
.technology_sharing {
  background-color: #eff2f4;
}
.technology_sharing .s_banner {
  background-image: url("../img/inBanner1.jpg");
}
.technology_sharing .technology_sharing_con {
  margin: 1.875rem 0;
}
.technology_sharing .technology_sharing_con .center {
  display: flex;
  justify-content: space-between;
}
.technology_sharing .technology_sharing_con .center .news_con_left .top_pic {
  margin-bottom: 1.875rem;
  height: 29.75rem;
  width: 100%;
}
.technology_sharing .technology_sharing_con .center .news_con_left .top_pic a {
  display: block;
  width: 100%;
  height: 100%;
}
.technology_sharing .technology_sharing_con .center .news_con_left .top_pic a img {
  width: 100%;
  height: 100%;
}
/*解决方案*/
.solution {
  background-color: #eff4f5;
}
.solution .b_banner {
  background-image: url("../img/solution_banner.jpg");
}
.solution .b_banner .program_p {
  font-size: 1rem;
  line-height: 1.5rem;
}
.solution .b_banner .program_s {
  margin-top: 0.75rem;
}
.solution .solution_nav {
  margin-top: 18.6875rem;
  z-index: 99;
  position: absolute;
  width: 100%;
  height: 3.75rem;
  line-height: 3.75rem;
  background-color: rgba(0, 0, 0, 0.2);
}
.solution .solution_nav ul {
  display: flex;
  justify-content: center;
}
.solution .solution_nav ul li {
  height: 100%;
  margin-right: 4.375rem;
}
.solution .solution_nav ul li a {
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
  transition: all 0.5s;
}
.solution .solution_nav ul li a:hover {
  color: #11acdf;
}
.solution .solution_nav ul .current a {
  color: #11acdf;
}
.solution .solution_nav ul li:last-child {
  margin-right: 0;
}
.solution .scroll_nav {
  position: fixed;
  top: 0;
  background-color: #2b2b30;
  margin: 0;
}
.solution .solution_con {
  margin-top: 22.4375rem;
  padding-top: 3.75rem;
  background-color: #fff;
}
.solution .solution_con .center ul li h4 {
  border-left: 0.25rem solid #11acdf;
  padding-left: 1rem;
  font-size: 1.375rem;
  margin: 1.7375rem 0;
}
.solution .solution_con .center ul li p {
  font-size: 0.875rem;
  color: #666666;
  line-height: 1.875rem;
}
.solution .solution_con .center ul li > img {
  margin: 0.375rem 0;
}
.solution .solution_con .center ul li:first-child h4 {
  margin-top: 0;
}
/*小程序*/
.mini_apps {
  background-color: #f5f6f6;
}
.mini_apps .b_banner {
  background-image: url("../img/mini_banner.jpg");
}
.mini_apps .mini_apps_con {
  margin-top: 22.4375rem;
}
.mini_apps .mini_apps_con .mini_apps_con_first {
  width: 100%;
  height: 40.125rem;
  background: url("../img/mini_apps_first.jpg") no-repeat;
  text-align: center;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
}
.mini_apps .mini_apps_con .mini_apps_opportunity {
  width: 100%;
  text-align: center;
  height: 42.125rem;
  background-image: linear-gradient(#404458, #302f35, #302f35);
}
.mini_apps .mini_apps_con .mini_apps_opportunity .center {
  position: relative;
  height: 100%;
}
.mini_apps .mini_apps_con .mini_apps_opportunity .center h3,
.mini_apps .mini_apps_con .mini_apps_opportunity .center h4 {
  color: #fff;
}
.mini_apps .mini_apps_con .mini_apps_opportunity .center h3 {
  padding-top: 4.2rem;
}
.mini_apps .mini_apps_con .mini_apps_opportunity .center .opportunity_text {
  text-align: left;
  padding-top: 3.25rem;
}
.mini_apps .mini_apps_con .mini_apps_opportunity .center .opportunity_text p {
  line-height: 1.875rem;
}
.mini_apps .mini_apps_con .mini_apps_opportunity .center .opportunity_text > a {
  display: inline-block;
  margin-top: 2.375rem;
  border: 0.0625rem solid #46ab62;
  border-radius: 0.25rem;
  color: #46ab62;
  padding: 0.75rem 2.375rem;
  transition: all 0.5s;
}
.mini_apps .mini_apps_con .mini_apps_opportunity .center .opportunity_text > a:hover {
  color: #fff;
  background-color: #46ab62;
}
.mini_apps .mini_apps_con .mini_apps_opportunity .center .opportunity_text ul {
  padding: 1rem 0;
}
.mini_apps .mini_apps_con .mini_apps_opportunity .center .opportunity_text ul li {
  color: #a09fa4;
  font-size: 0.875rem;
  line-height: 1.625rem;
}
.mini_apps .mini_apps_con .mini_apps_opportunity .center > img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.mini_apps .mini_apps_con .mini_apps_opportunity .center .pic_bottom {
  right: -8.5625rem;
  opacity: 0.7;
  transition: all 5s;
  transform: translateY(-50%) rotate(180deg);
}
.mini_apps .mini_apps_con .mini_apps_opportunity .center .pic_top {
  right: -2.125rem;
  transition: all 0.5s;
}
.mini_apps .mini_apps_con .mini_apps_advantage {
  background-color: #fff;
  height: 60.75rem;
}
.mini_apps .mini_apps_con .mini_apps_advantage h3,
.mini_apps .mini_apps_con .mini_apps_advantage h4 {
  text-align: center;
}
.mini_apps .mini_apps_con .mini_apps_advantage h4 {
  padding-bottom: 3.25rem;
}
.mini_apps .mini_apps_con .mini_apps_advantage .center {
  position: relative;
  height: 100%;
}
.mini_apps .mini_apps_con .mini_apps_advantage .center > div {
  position: absolute;
}
.mini_apps .mini_apps_con .mini_apps_advantage .center .mini_apps_advantage_text {
  width: 100%;
  z-index: 99;
}
.mini_apps .mini_apps_con .mini_apps_advantage .center .mini_apps_advantage_text:hover .middle {
  animation: advantagerotate 8s infinite linear;
}
.mini_apps .mini_apps_con .mini_apps_advantage .center .mini_apps_advantage_text h5 {
  font-size: 1.25rem;
}
.mini_apps .mini_apps_con .mini_apps_advantage .center .mini_apps_advantage_text p {
  font-size: 0.875rem;
  color: #999999;
  line-height: 1.25rem;
  padding-top: 0.6875rem;
}
.mini_apps .mini_apps_con .mini_apps_advantage .center .mini_apps_advantage_text .advantage_one {
  width: 18.375rem;
  top: 9.875rem;
  left: 5rem;
}
.mini_apps .mini_apps_con .mini_apps_advantage .center .mini_apps_advantage_text .advantage_two {
  width: 23.125rem;
  left: 5rem;
  top: 33.5rem;
}
.mini_apps .mini_apps_con .mini_apps_advantage .center .mini_apps_advantage_text .advantage_three {
  width: 19.6875rem;
  top: 14.75rem;
  right: 1.25rem;
}
.mini_apps .mini_apps_con .mini_apps_advantage .center .mini_apps_advantage_text .advantage_four {
  width: 25.375rem;
  top: 35.4rem;
  right: 3rem;
}
.mini_apps .mini_apps_con .mini_apps_advantage .center .mini_apps_advantage_text .outer {
  width: 43.75rem;
  height: 43.75rem;
  border-radius: 50%;
  border: 0.0625rem dashed #d7d7d7;
  left: 50%;
  transform: translateX(-50%);
  box-sizing: border-box;
}
.mini_apps .mini_apps_con .mini_apps_advantage .center .mini_apps_advantage_text .outer .middle {
  border-radius: 50%;
  width: 32.5em;
  height: 32.5rem;
  border: 0.0625rem dashed #d7d7d7;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
}
.mini_apps .mini_apps_con .mini_apps_advantage .center .mini_apps_advantage_text .outer .middle > div {
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
}
.mini_apps .mini_apps_con .mini_apps_advantage .center .mini_apps_advantage_text .outer .middle > div > div {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  animation: blinking infinite 1s;
}
.mini_apps .mini_apps_con .mini_apps_advantage .center .mini_apps_advantage_text .outer .middle .advantage_round_one {
  left: 3.5rem;
  top: 4.7rem;
  background-color: #ff6600;
}
.mini_apps .mini_apps_con .mini_apps_advantage .center .mini_apps_advantage_text .outer .middle .advantage_round_one div {
  background-color: #ff6600;
}
.mini_apps .mini_apps_con .mini_apps_advantage .center .mini_apps_advantage_text .outer .middle .advantage_round_two {
  left: 6.5rem;
  top: 29rem;
  background-color: #3875ff;
}
.mini_apps .mini_apps_con .mini_apps_advantage .center .mini_apps_advantage_text .outer .middle .advantage_round_two div {
  background-color: #3875ff;
}
.mini_apps .mini_apps_con .mini_apps_advantage .center .mini_apps_advantage_text .outer .middle .advantage_round_three {
  right: 0.45rem;
  top: 9.6rem;
  background-color: #1ecd79;
}
.mini_apps .mini_apps_con .mini_apps_advantage .center .mini_apps_advantage_text .outer .middle .advantage_round_three div {
  background-color: #1ecd79;
}
.mini_apps .mini_apps_con .mini_apps_advantage .center .mini_apps_advantage_text .outer .middle .advantage_round_four {
  right: 9.2rem;
  top: 30.5rem;
  background-color: #333333;
}
.mini_apps .mini_apps_con .mini_apps_advantage .center .mini_apps_advantage_text .outer .middle .advantage_round_four div {
  background-color: #333333;
}
.mini_apps .mini_apps_con .mini_apps_advantage .center .mini_apps_advantage_text .outer > img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 33.375rem;
}
.mini_apps .mini_apps_con .mini_apps_advantage .center .mini_apps_advantage_text div {
  position: absolute;
}
.mini_apps .mini_apps_con .mini_apps_scenes .center {
  text-align: center;
}
.mini_apps .mini_apps_con .mini_apps_scenes .center ul {
  background-color: #fff;
  width: 100%;
  margin-top: 3.5rem;
  margin-bottom: 6.125rem;
}
.mini_apps .mini_apps_con .mini_apps_scenes .center ul li {
  width: 20%;
  height: 15.125rem;
  float: left;
  text-align: center;
  box-sizing: border-box;
  padding-top: 2.6875rem;
}
.mini_apps .mini_apps_con .mini_apps_scenes .center ul li:hover img {
  transform: scale(1.05);
  margin-top: -0.25rem;
  box-shadow: 0.1rem 0.1rem 1rem rgba(0, 0, 0, 0.15);
}
.mini_apps .mini_apps_con .mini_apps_scenes .center ul li:hover p {
  color: #11acdf;
}
.mini_apps .mini_apps_con .mini_apps_scenes .center ul li img {
  border-radius: 50%;
  margin-bottom: 1.875rem;
  transition: all 0.5s;
}
.mini_apps .mini_apps_con .mini_apps_scenes .center ul li p {
  font-size: 0.75rem;
  transition: all 0.5s;
}
/*系统开发*/
.system {
  background-color: #eff4f5;
}
.system .b_banner {
  background-image: url("../img/system_banner.jpg");
}
.system .system_con {
  margin-top: 22.4375rem;
}
/*移动APP*/
.mobile_app {
  background-color: #eff4f5;
}
.mobile_app .b_banner {
  background-image: url("../img/mobile_app_banner.jpg");
}
.mobile_app .mobile_app_con {
  margin-top: 22.4375rem;
}
/*公众平台*/
.platform {
  background-color: #eff4f5;
}
.platform .b_banner {
  background-image: url("../img/platform_banner.jpg");
}
.platform .platform_con {
  margin-top: 22.4375rem;
}
.platform .platform_con .development {
  background: url("../img/development_bg.jpg") no-repeat;
  height: 59.375rem;
}
.platform .platform_con .development ul {
  padding-top: 3.25rem;
}
.platform .platform_con .development ul li {
  position: relative;
  height: 12.5rem;
  border: 0.0625rem solid #f4f4f4;
  box-sizing: border-box;
  padding-left: 13.4375rem;
  width: 36.25rem;
  padding-right: 3.4375rem;
  float: left;
  transition: all 0.8s;
}
.platform .platform_con .development ul li:hover > div {
  background-color: #fff;
}
.platform .platform_con .development ul li:hover > div img {
  animation: supportmove 0.8s;
}
.platform .platform_con .development ul li:hover h6,
.platform .platform_con .development ul li:hover p {
  color: #fff;
}
.platform .platform_con .development ul li > div {
  width: 7.75rem;
  height: 7.75rem;
  border-radius: 50%;
  position: absolute;
  line-height: 7.75rem;
  text-align: center;
  left: 3.125rem;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.8s;
}
.platform .platform_con .development ul li > div img {
  width: 3.6875rem;
  height: 3.625rem;
}
.platform .platform_con .development ul li .development_mall {
  background-color: #fa6869;
}
.platform .platform_con .development ul li .development_distribution {
  background-color: #57a7f1;
}
.platform .platform_con .development ul li .development_website {
  background-color: #25b49b;
}
.platform .platform_con .development ul li .development_marketing {
  background-color: #ff9000;
}
.platform .platform_con .development ul li .development_member {
  background-color: #ffbc0e;
}
.platform .platform_con .development ul li .development_pay {
  background-color: #08bf46;
}
.platform .platform_con .development ul li h6 {
  font-size: 1.25rem;
  color: #666666;
  padding-top: 3.25rem;
  padding-bottom: 1.1875rem;
  transition: all 0.8s;
}
.platform .platform_con .development ul li p {
  font-size: 0.875rem;
  color: #999999;
  line-height: 1.5rem;
  transition: all 0.8s;
}
.platform .platform_con .development ul li:nth-child(n+3) {
  margin-top: 2.5rem;
}
.platform .platform_con .development ul li:nth-child(even) {
  float: right;
}
.platform .platform_con .marketing {
  background-image: linear-gradient(#f2f6f8, #ffffff);
  height: 46.875rem;
  overflow: hidden;
}
.platform .platform_con .marketing .center ul {
  padding: 3.5rem 0;
}
.platform .platform_con .marketing .center ul li {
  background-color: #fff;
  box-sizing: border-box;
  float: left;
  height: 10rem;
  width: 9.375rem;
  text-align: center;
  padding-top: 3.125rem;
  border-top: 0.0625rem solid #f4f4f4;
  border-left: 0.0625rem solid #f4f4f4;
  opacity: 0;
  transition: all 3s;
}
.platform .platform_con .marketing .center ul li a {
  display: block;
  width: 100%;
  height: 100%;
  cursor: default;
}
.platform .platform_con .marketing .center ul li a p {
  padding-top: 1.75rem;
  color: #585858;
  font-size: 0.875rem;
}
.platform .platform_con .marketing .center ul li a img {
  width: 2.6875rem;
  height: 2.375rem;
}
.platform .platform_con .marketing .center ul li:nth-child(8n-7) {
  margin-top: 4rem;
}
.platform .platform_con .marketing .center ul li:nth-child(8n-6) {
  margin-top: 8rem;
}
.platform .platform_con .marketing .center ul li:nth-child(8n-5) {
  margin-top: 12rem;
}
.platform .platform_con .marketing .center ul li:nth-child(8n-4) {
  margin-top: 16rem;
}
.platform .platform_con .marketing .center ul li:nth-child(8n-3) {
  margin-top: 20rem;
}
.platform .platform_con .marketing .center ul li:nth-child(8n-2) {
  margin-top: 24rem;
}
.platform .platform_con .marketing .center ul li:nth-child(8n-1) {
  margin-top: 28rem;
}
.platform .platform_con .marketing .center ul li:nth-child(8n) {
  margin-top: 32rem;
}
.platform .platform_con .marketing .center ul li:nth-child(8n) {
  border-right: 0.0625rem solid #f4f4f4;
}
.platform .platform_con .marketing .center ul li:nth-child(n+17) {
  border-bottom: 0.0625rem solid #f4f4f4;
}
.platform .platform_con .wechat .center ul {
  margin: 3.5rem 0;
}
.platform .platform_con .wechat .center ul li {
  float: left;
  margin-right: 1.25rem;
  width: 24.125rem;
  height: 17.5rem;
  transition: all 0.5s;
  overflow: hidden;
}
.platform .platform_con .wechat .center ul li:hover {
  box-shadow: 0.1rem 0.1rem 1rem rgba(0, 0, 0, 0.15);
}
.platform .platform_con .wechat .center ul li:hover a .pic {
  opacity: 0;
  margin-top: -45%;
}
.platform .platform_con .wechat .center ul li:hover a h5 {
  padding-top: 0.625rem;
  font-weight: 100;
}
.platform .platform_con .wechat .center ul li:hover a h4 {
  display: none;
}
.platform .platform_con .wechat .center ul li:hover a > p {
  opacity: 1;
}
.platform .platform_con .wechat .center ul li a {
  padding: 3.375rem 3.375rem 0 3.75rem;
  border-radius: 0.25rem;
  display: block;
  background-color: #fff;
  text-align: center;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.platform .platform_con .wechat .center ul li a h5 {
  font-size: 1.5rem;
  color: #666666;
  padding-bottom: 0.875rem;
}
.platform .platform_con .wechat .center ul li a h4 {
  font-size: 0.75rem;
  color: #999999;
}
.platform .platform_con .wechat .center ul li a h6 {
  font-size: 1.5rem;
  color: #666666;
  padding-top: 0.75rem;
  padding-bottom: 1.25rem;
}
.platform .platform_con .wechat .center ul li a p {
  opacity: 0;
  font-size: 0.875rem;
  color: #999999;
  line-height: 1.5rem;
  text-align: left;
  padding-top: 1.25rem;
  transition: all 0.3s;
}
.platform .platform_con .wechat .center ul li a .pic {
  width: 6.25rem;
  height: 6.25rem;
  margin: 0 auto 1.25rem auto;
  text-align: center;
  line-height: 6.225rem;
  background-image: linear-gradient(#99ee73, #48c74d);
  border-radius: 50%;
  transition: all 0.3s;
}
.platform .platform_con .wechat .center ul li a .pic img {
  width: 3.5625rem;
}
.platform .platform_con .wechat .center ul li:nth-child(3) {
  margin-right: 0;
}
.platform .platform_con .wechat .center ul li:nth-child(n+4) {
  margin-top: 1.25rem;
}
.platform .platform_con .wechat .center ul .cloud {
  margin-right: 0;
  width: 49.375rem;
}
.platform .platform_con .wechat .center ul .cloud a {
  padding: 0;
}
.platform .platform_con .wechat .center ul .cloud a img {
  width: 100%;
  height: 100%;
}
.platform .platform_con .applicable {
  background-color: #fff;
}
.platform .platform_con .applicable .center > ul {
  margin-top: 3.5rem;
  border-top: 0.0625rem solid #f4f4f4;
  border-bottom: 0.0625rem solid #f4f4f4;
}
.platform .platform_con .applicable .center > ul li {
  height: 15.625rem;
  width: 12.5rem;
  float: left;
}
.platform .platform_con .applicable .center > ul li:hover a .pic {
  margin: 0.75rem auto 0.25rem;
  background-image: none;
}
.platform .platform_con .applicable .center > ul li:hover a h5 {
  color: #fff;
}
.platform .platform_con .applicable .center > ul li a {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  box-sizing: border-box;
  overflow: hidden;
}
.platform .platform_con .applicable .center > ul li a .pic {
  width: 5rem;
  height: 5rem;
  line-height: 5rem;
  text-align: center;
  border-radius: 0.25rem;
  margin: 3.875rem auto 1.625rem;
  transition: all 0.5s;
}
.platform .platform_con .applicable .center > ul li a .pic img {
  width: 100%;
  height: 100%;
}
.platform .platform_con .applicable .center > ul li a h5 {
  font-size: 1.125rem;
}
.platform .platform_con .applicable .center > ul li a h4 {
  font-size: 0.75rem;
  line-height: 1.25rem;
  color: #fff;
  padding-top: 0.625rem;
}
.platform .platform_con .applicable .center > ul li a > p {
  display: block;
  width: 5rem;
  height: 1.75rem;
  line-height: 1.75rem;
  text-align: center;
  color: #fff;
  border: 0.0625rem solid #fff;
  border-radius: 0.25rem;
  margin: 0.8rem auto 0;
  font-size: 0.875rem;
}
.platform .platform_con .applicable .center > ul .applicable_1:hover a {
  background-image: linear-gradient(#049aff, #8d7aff);
}
.platform .platform_con .applicable .center > ul .applicable_1 .pic {
  background-image: linear-gradient(#049aff, #8d7aff);
}
.platform .platform_con .applicable .center > ul .applicable_2:hover a {
  background-image: linear-gradient(#fd975b, #fd4f5a);
}
.platform .platform_con .applicable .center > ul .applicable_2 .pic {
  background-image: linear-gradient(#fd975b, #fd4f5a);
}
.platform .platform_con .applicable .center > ul .applicable_3:hover a {
  background-image: linear-gradient(#6a85e7, #885fd9);
}
.platform .platform_con .applicable .center > ul .applicable_3 .pic {
  background-image: linear-gradient(#6a85e7, #885fd9);
}
.platform .platform_con .applicable .center > ul .applicable_4:hover a {
  background-image: linear-gradient(#ffb006, #ff8351);
}
.platform .platform_con .applicable .center > ul .applicable_4 .pic {
  background-image: linear-gradient(#ffb006, #ff8351);
}
.platform .platform_con .applicable .center > ul .applicable_5:hover a {
  background-image: linear-gradient(#b34efd, #fd3e83);
}
.platform .platform_con .applicable .center > ul .applicable_5 .pic {
  background-image: linear-gradient(#b34efd, #fd3e83);
}
.platform .platform_con .applicable .center > ul .applicable_6:hover a {
  background-image: linear-gradient(#97cc35, #60cc54);
}
.platform .platform_con .applicable .center > ul .applicable_6 .pic {
  background-image: linear-gradient(#97cc35, #60cc54);
}
.platform .platform_con .applicable .center > ul .applicable_7:hover a {
  background-image: linear-gradient(#b44efc, #fe3d81);
}
.platform .platform_con .applicable .center > ul .applicable_7 .pic {
  background-image: linear-gradient(#b44efc, #fe3d81);
}
.platform .platform_con .applicable .center > ul .applicable_8:hover a {
  background-image: linear-gradient(#ffb005, #ff8252);
}
.platform .platform_con .applicable .center > ul .applicable_8 .pic {
  background-image: linear-gradient(#ffb005, #ff8252);
}
.platform .platform_con .applicable .center > ul .applicable_9:hover a {
  background-image: linear-gradient(#97cc35, #60cc54);
}
.platform .platform_con .applicable .center > ul .applicable_9 .pic {
  background-image: linear-gradient(#97cc35, #60cc54);
}
.platform .platform_con .applicable .center > ul .applicable_10:hover a {
  background-image: linear-gradient(#6986e7, #895ed9);
}
.platform .platform_con .applicable .center > ul .applicable_10 .pic {
  background-image: linear-gradient(#6986e7, #895ed9);
}
.platform .platform_con .applicable .center > ul .applicable_11:hover a {
  background-image: linear-gradient(#fd975b, #fd4f5a);
}
.platform .platform_con .applicable .center > ul .applicable_11 .pic {
  background-image: linear-gradient(#fd975b, #fd4f5a);
}
.platform .platform_con .applicable .center > ul .applicable_12:hover a {
  background-image: linear-gradient(#029bff, #8c7aff);
}
.platform .platform_con .applicable .center > ul .applicable_12 .pic {
  background-image: linear-gradient(#029bff, #8c7aff);
}
.platform .platform_con .applicable .center .applicable_more {
  position: relative;
}
.platform .platform_con .applicable .center .applicable_more ul {
  padding: 3.125rem 0 3.375rem 0;
  display: flex;
  justify-content: center;
}
.platform .platform_con .applicable .center .applicable_more ul li {
  float: left;
  font-size: 0.875rem;
  color: #999999;
}
.platform .platform_con .applicable .center .applicable_more ul li a {
  font-size: 0.875rem;
  color: #999999;
}
/*网站建设*/
.website {
  background-color: #eff4f5;
}
.website .b_banner {
  background-image: url("../img/website_banne.jpg");
}
.website .website_con {
  margin-top: 22.4375rem;
}
.website .website_con .website_why {
  height: 53.75rem;
  background: url("../img/why_bg.jpg") no-repeat;
}
.website .website_con .website_why ul {
  margin-top: 3.375rem;
}
.website .website_con .website_why ul li {
  border-top: 0.0625rem solid #f0f0f0;
  border-left: 0.0625rem solid #f0f0f0;
  width: 33.333%;
  height: 18.75rem;
  box-sizing: border-box;
  padding: 0 3.875rem;
  overflow: hidden;
  float: left;
  background-color: #fff;
}
.website .website_con .website_why ul li:hover .pic {
  border: 0;
  width: 100%;
  text-align: left;
  margin-top: 0.875rem;
  margin-left: -0.6rem;
}
.website .website_con .website_why ul li:hover .pic img {
  transform: scale(0.7);
}
.website .website_con .website_why ul li:hover h5 {
  margin-top: -1.875rem;
}
.website .website_con .website_why ul li:hover p {
  opacity: 1;
}
.website .website_con .website_why ul li .pic {
  border: 0.0625rem dashed #fff;
  border-radius: 0.25rem;
  text-align: center;
  box-sizing: border-box;
  height: 6.25rem;
  width: 7.625rem;
  margin: 3.75rem auto 1.5rem;
  line-height: 6.25rem;
  transition: all 0.5s;
}
.website .website_con .website_why ul li .pic img {
  width: 5.625rem;
  height: 5rem;
  transition: all 0.5s;
}
.website .website_con .website_why ul li h5 {
  font-size: 1.125rem;
  text-align: center;
  transition: all 0.5s;
}
.website .website_con .website_why ul li p {
  padding-top: 0.625rem;
  font-size: 0.75rem;
  color: #999999;
  line-height: 1.5rem;
  opacity: 0;
  transition: all 0.5s;
}
.website .website_con .website_why ul .website_why_1 .pic {
  border-color: #1fa4ff;
}
.website .website_con .website_why ul .website_why_2 .pic {
  border-color: #fa5b55;
}
.website .website_con .website_why ul .website_why_3 .pic {
  border-color: #52d3b5;
}
.website .website_con .website_why ul .website_why_4 .pic {
  border-color: #ffb133;
}
.website .website_con .website_why ul .website_why_5 .pic {
  border-color: #7485ed;
}
.website .website_con .website_why ul .website_why_6 .pic {
  border-color: #fd825b;
}
.website .website_con .website_why ul li:nth-child(3n) {
  border-right: 0.0625rem solid #f0f0f0;
}
.website .website_con .website_why ul li:nth-child(n+4) {
  border-bottom: 0.0625rem solid #f0f0f0;
}
.website .website_con .website_type {
  background: url("../img/website_type_bg.jpg") no-repeat;
  padding-bottom: 5.625rem;
}
.website .website_con .website_type ul {
  border: 0.0625rem solid #f0f0f0;
  margin-top: 3.5rem;
}
.website .website_con .website_type ul li {
  height: 18.75rem;
  width: 10.625rem;
  box-sizing: border-box;
  border-left: 0.0625rem solid #f0f0f0;
  text-align: center;
  transition: all 0.5s;
  float: left;
  background-color: #fff;
  overflow: hidden;
}
.website .website_con .website_type ul li a {
  display: block;
  width: 100%;
  height: 100%;
}
.website .website_con .website_type ul li a .website_type_title {
  transition: all 0.5s;
  padding-top: 2.25rem;
}
.website .website_con .website_type ul li a .website_type_title img {
  display: none;
  transform: scale(0.62);
  margin-left: 0.125rem;
  vertical-align: middle;
  margin-top: -0.5rem;
}
.website .website_con .website_type ul li a .website_type_title h4 {
  font-size: 1.25rem;
  transition: all 0.5s;
}
.website .website_con .website_type ul li a .pic {
  width: 5.25rem;
  height: 5.25rem;
  line-height: 5.25rem;
  text-align: center;
  border-radius: 50%;
  margin: 1.5rem auto 1.875rem;
}
.website .website_con .website_type ul li a > div p {
  font-size: 0.875rem;
  line-height: 1.5rem;
}
.website .website_con .website_type ul li a .text_show p {
  color: #999999;
}
.website .website_con .website_type ul li a .text_hide {
  opacity: 0;
  transition: all 0.1s 0.5s;
}
.website .website_con .website_type ul li a .text_hide p {
  color: #fff;
  text-align: left;
}
.website .website_con .website_type ul .current {
  width: 21.75rem;
  padding: 0 1.875rem;
}
.website .website_con .website_type ul .current a .website_type_title {
  border-bottom: 0.0625rem solid #fff;
  text-align: left;
  color: #fff;
  padding-bottom: 0.75rem;
  margin-bottom: 0.75rem;
}
.website .website_con .website_type ul .current a .website_type_title img {
  display: inline-block;
}
.website .website_con .website_type ul .current a .website_type_title h4 {
  color: #fff;
  display: inline-block;
}
.website .website_con .website_type ul .current a .pic {
  display: none;
}
.website .website_con .website_type ul .current a .text_show {
  display: none;
}
.website .website_con .website_type ul .current a .text_hide {
  opacity: 1;
}
.website .website_con .website_type ul .website_type_1 {
  background-color: #1fa4ff;
}
.website .website_con .website_type ul .website_type_1:hover {
  background-color: #1fa4ff;
}
.website .website_con .website_type ul .website_type_1 a .pic {
  background-color: #1fa4ff;
}
.website .website_con .website_type ul .website_type_2:hover {
  background-color: #fd825b;
}
.website .website_con .website_type ul .website_type_2 a .pic {
  background-color: #fd825b;
}
.website .website_con .website_type ul .website_type_3:hover {
  background-color: #fa5b55;
}
.website .website_con .website_type ul .website_type_3 a .pic {
  background-color: #fa5b55;
}
.website .website_con .website_type ul .website_type_4:hover {
  background-color: #7485ed;
}
.website .website_con .website_type ul .website_type_4 a .pic {
  background-color: #7485ed;
}
.website .website_con .website_type ul .website_type_5:hover {
  background-color: #ffb133;
}
.website .website_con .website_type ul .website_type_5 a .pic {
  background-color: #ffb133;
}
.website .website_con .website_type ul .website_type_6:hover {
  background-color: #52d3b5;
}
.website .website_con .website_type ul .website_type_6 a .pic {
  background-color: #52d3b5;
}
.website .website_con .website_type ul li:last-child {
  border-left: 0;
}
.website .website_con .website_profit .website_profit_con {
  padding-top: 3.5rem;
  display: flex;
  justify-content: space-between;
}
.website .website_con .website_profit .website_profit_con .common_div {
  height: 17.5rem;
  width: 26rem;
  text-align: center;
  background-color: #fff;
  border-radius: 0.25rem;
  overflow: hidden;
  transition: all 0.3s;
}
.website .website_con .website_profit .website_profit_con .common_div:hover {
  box-shadow: 0.1rem 0.1rem 1rem rgba(0, 0, 0, 0.15);
}
.website .website_con .website_profit .website_profit_con .common_div:hover a .pic {
  opacity: 0;
  margin-top: -36%;
}
.website .website_con .website_profit .website_profit_con .common_div:hover a h4 {
  padding-top: 0.625rem;
  font-weight: 100;
}
.website .website_con .website_profit .website_profit_con .common_div:hover a h5 {
  display: none;
}
.website .website_con .website_profit .website_profit_con .common_div:hover a > p {
  opacity: 1;
}
.website .website_con .website_profit .website_profit_con .common_div a {
  padding: 3.375rem 3rem 0 3rem;
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%;
}
.website .website_con .website_profit .website_profit_con .common_div a .pic {
  transition: all 0.3s;
  height: 6.25rem;
  width: 6.25rem;
  line-height: 6.25rem;
  margin: 0 auto 0.9375rem;
  text-align: center;
  background-image: linear-gradient(#59f8fe, #20a5ff);
  border-radius: 50%;
}
.website .website_con .website_profit .website_profit_con .common_div a .pic img {
  width: 4.25rem;
  height: 4.25rem;
}
.website .website_con .website_profit .website_profit_con .common_div a h4 {
  transition: all 0.3s;
  font-size: 1.5rem;
  color: #666666;
  font-weight: 700;
}
.website .website_con .website_profit .website_profit_con .common_div a h5 {
  font-size: 0.75rem;
  color: #999999;
  padding-top: 0.75rem;
}
.website .website_con .website_profit .website_profit_con .common_div a > p {
  opacity: 0;
  font-size: 0.875rem;
  color: #999999;
  line-height: 1.5rem;
  text-align: left;
  padding-top: 1.25rem;
  transition: all 0.3s;
}
.website .website_con .website_profit .website_profit_con .common_div:first-child {
  margin-bottom: 1.25rem;
}
.website .website_con .website_profit .website_profit_con .website_profit_mid {
  width: 20.5rem;
  height: 36.25rem;
  text-align: center;
  background: url("../img/website_profit_b.png") no-repeat;
  transition: all 0.3s;
}
.website .website_con .website_profit .website_profit_con .website_profit_mid:hover {
  transform: scale(1.05);
  box-shadow: 0.1rem 0.1rem 1rem rgba(0, 0, 0, 0.15);
}
.website .website_con .website_profit .website_profit_con .website_profit_mid h3 {
  font-size: 2.625rem;
  color: #fff;
  padding-top: 2.25rem;
}
.website .website_con .website_profit .website_profit_con .website_profit_mid p {
  color: #fff;
  padding: 1.25rem 2.1875rem;
  line-height: 1.75rem;
}
.website .website_con .website_flow {
  margin-top: 4rem;
  background: url("../img/website_flow_bg.jpg") no-repeat;
}
.website .website_con .website_flow ul {
  margin-top: 3.875rem;
  padding-bottom: 4rem;
  display: flex;
  justify-content: space-between;
}
.website .website_con .website_flow ul li {
  text-align: center;
  width: 16.66667%;
}
.website .website_con .website_flow ul li .pic {
  width: 9.375rem;
  text-align: center;
  height: 9.375rem;
  border: 0.0625rem solid #fff;
  line-height: 9.375rem;
  border-radius: 50%;
  margin: 0 auto 2rem;
  transition: all 0.5s;
}
.website .website_con .website_flow ul .website_flow1:hover .pic {
  background-color: #52d3b5;
}
.website .website_con .website_flow ul .website_flow1 .pic {
  border-color: #52d3b5;
}
.website .website_con .website_flow ul .website_flow2:hover .pic {
  background-color: #ffb133;
}
.website .website_con .website_flow ul .website_flow2 .pic {
  border-color: #ffb133;
}
.website .website_con .website_flow ul .website_flow3:hover .pic {
  background-color: #22a9ff;
}
.website .website_con .website_flow ul .website_flow3 .pic {
  border-color: #22a9ff;
}
.website .website_con .website_flow ul .website_flow4:hover .pic {
  background-color: #fa5b55;
}
.website .website_con .website_flow ul .website_flow4 .pic {
  border-color: #fa5b55;
}
.website .website_con .website_flow ul .website_flow5:hover .pic {
  background-color: #7485ed;
}
.website .website_con .website_flow ul .website_flow5 .pic {
  border-color: #7485ed;
}
.website .website_con .website_flow ul .website_flow6:hover .pic {
  background-color: #11acdf;
}
.website .website_con .website_flow ul .website_flow6 .pic {
  border-color: #11acdf;
}
/*三级页面*/
.level {
  background-color: #eff4f5;
}
.level .b_banner {
  background-image: url("../img/le_banner.jpg");
}
.level .level_con {
  margin-top: 22.4375rem;
  background-color: #fff;
}
.level .level_con > .center {
  padding-top: 3.75rem;
}
.level .level_con > .center .mini_apps_subtitle {
  line-height: 2.25rem;
  color: #666666;
  font-size: 0.875rem;
  padding-top: 2.5rem;
}
.level .level_con > .center p {
  line-height: 1.8rem;
}
.level .level_con > .center .level_pic {
  width: 100%;
  text-align: center;
  padding-top: 2.8rem;
}
.level .level_con > .center .level_pic img {
  max-width: 1200px;
}
/*确定订单*/
.determine_order {
  background-color: #eff2f4;
}
.determine_order header {
  background-color: #2b2b30;
}
.determine_order .determine_order_content .center {
  margin: 2rem auto;
  background-color: #fff;
  padding: 0 1.25rem;
  box-sizing: border-box;
}
.determine_order .determine_order_content .center .determine_order_list .name {
  width: 12.625rem;
}
.determine_order .determine_order_content .center .determine_order_list .con {
  width: 27rem;
}
.determine_order .determine_order_content .center .determine_order_list .year {
  width: 9.625rem;
}
.determine_order .determine_order_content .center .determine_order_list .money {
  width: 7.5rem;
}
.determine_order .determine_order_content .center .determine_order_list .offer {
  width: 6.875rem;
}
.determine_order .determine_order_content .center .determine_order_list .sum {
  width: 7.5rem;
}
.determine_order .determine_order_content .center .determine_order_list .title {
  background-color: #eff2f4;
  padding-left: 1.375rem;
  line-height: 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.determine_order .determine_order_content .center .determine_order_list .title > div {
  font-size: 0.75rem;
  color: #666;
}
.determine_order .determine_order_content .center .determine_order_list .determine_order_list_con ul li {
  display: flex;
  padding-left: 1.375rem;
  height: 4.5rem;
  border-left: 0.0625rem solid #f0f0f0;
  border-right: 0.0625rem solid #f0f0f0;
  border-bottom: 0.0625rem solid #f0f0f0;
}
.determine_order .determine_order_content .center .determine_order_list .determine_order_list_con ul li > div {
  height: 100%;
  display: flex;
  align-items: center;
}
.determine_order .determine_order_content .center .determine_order_list .determine_order_list_con ul li > div p {
  font-size: 0.75rem;
  word-wrap: break-word;
  color: #666;
  line-height: 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.determine_order .determine_order_content .center .determine_order_list .determine_order_list_con ul li .sum p {
  color: #f68947;
}
.determine_order .determine_order_content .center .determine_order_note {
  margin-bottom: 0.625rem;
}
.determine_order .determine_order_content .center .determine_order_note textarea {
  width: 100%;
  height: 5.625rem;
  font-size: 0.75rem;
  padding: 0.625rem;
  border: 0.0625rem solid #f0f0f0;
  box-sizing: border-box;
}
.determine_order .determine_order_content .center .determine_order_note textarea::-webkit-input-placeholder {
  color: #999999;
}
.determine_order .determine_order_content .center .determine_order_way ul {
  padding: 0 0.9375rem;
}
.determine_order .determine_order_content .center .determine_order_way ul li {
  float: left;
  display: flex;
  align-items: center;
  margin-right: 5.5rem;
  margin-bottom: 1.875rem;
}
.determine_order .determine_order_content .center .determine_order_way ul li input[type=radio] {
  -webkit-appearance: radio;
}
.determine_order .determine_order_content .center .determine_order_way ul li img {
  border: 0.0625rem solid #f0f0f0;
  margin-left: 1.5rem;
}
.determine_order .determine_order_content .center .determine_order_pay {
  background-color: #eff2f4;
  height: 3.875rem;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.determine_order .determine_order_content .center .determine_order_pay span {
  font-size: 0.75rem;
  color: #666666;
}
.determine_order .determine_order_content .center .determine_order_pay .determine_order_pay_sum {
  font-size: 1.5rem;
  color: #f68947;
  padding-right: 1.25rem;
}
.determine_order .determine_order_content .center .determine_order_pay > a {
  height: 100%;
  width: 13.375rem;
  color: #fff;
  background-color: #f68947;
  text-align: center;
  line-height: 3.875rem;
}
/*支付成功*/
.payment_successful {
  background-color: #eff2f4;
}
.payment_successful header {
  background-color: #2b2b30;
}
.payment_successful .payment_successful_content .center {
  padding-bottom: 8.125rem;
  margin: 2rem auto;
  background-color: #fff;
  box-sizing: border-box;
}
.payment_successful .payment_successful_content .center > .pic {
  padding-top: 7.875rem;
  text-align: center;
}
.payment_successful .payment_successful_content .center > .pic img {
  height: 6.4375rem;
  width: 6.4375rem;
}
.payment_successful .payment_successful_content .center h2 {
  padding-top: 1.875rem;
  text-align: center;
  font-size: 2.25rem;
  color: #666;
  padding-bottom: 2.5rem;
}
.payment_successful .payment_successful_content .center h6 {
  text-align: center;
}
.payment_successful .payment_successful_content .center h6 span {
  color: #666666;
  padding-right: 2.5rem;
}
.payment_successful .payment_successful_content .center h6 span i {
  color: #f68947;
}
.payment_successful .payment_successful_content .center h6 span:last-child {
  padding-right: 0;
}
.payment_successful .payment_successful_content .center > p {
  text-align: center;
  font-size: 0.875rem;
  color: #999999;
  padding-top: 0.625rem;
}
.payment_successful .payment_successful_content .center > .look {
  width: 9.25rem;
  height: 2.5rem;
  line-height: 2.5rem;
  text-align: center;
  color: #fff;
  background-color: #11acdf;
  display: block;
  margin: 4rem auto 0;
  transition: all 0.3s;
}
.payment_successful .payment_successful_content .center > .look:hover {
  border-radius: 1.25rem;
}
.payment_successful .payment_successful_content .center > .bottom {
  text-align: center;
}
.payment_successful .payment_successful_content .center > .bottom a {
  color: #11acdf;
  font-size: 0.875rem;
  text-decoration: underline;
  margin-right: 1.25rem;
}
.payment_successful .payment_successful_content .center > .bottom a:last-child {
  margin-right: 0;
}
/*移动端通用页面*/
.wap_page .wap_page_con {
  margin-top: 22.4375rem;
}
.wap_page .wap_page_con .wap_page_banner {
  padding-top: 3.625rem;
  position: relative;
  z-index: 999;
  text-align: center;
}
.wap_page .wap_page_con .wap_page_banner > img {
  width: 71.25rem;
  height: 11.25rem;
}
.wap_page .wap_page_con .wap_page_banner ul {
  display: flex;
  justify-content: space-between;
  padding: 0 0.7rem;
}
.wap_page .wap_page_con .wap_page_banner ul li {
  text-align: center;
  width: 13.125rem;
}
.wap_page .wap_page_con .wap_page_banner ul li h6 {
  font-size: 1.25rem;
  margin-top: 1rem;
}
.wap_page .wap_page_con .wap_page_banner ul li p {
  color: #999999;
  margin-top: 0.625rem;
}
.wap_page .wap_page_con .wap_page_show .bg_photo {
  position: absolute;
  width: 20.875rem;
  height: 42.375rem;
  top: -4.9rem;
  left: 50%;
  transform: translateX(-50.6%);
}
.wap_page .wap_page_con .wap_page_show .bg_photo img {
  height: 100%;
  width: 100%;
}
.wap_page .wap_page_con .wap_page_show .advantage_h3 {
  padding: 3.625rem 0;
}
.wap_page .wap_page_con .wap_page_show .wap_banner {
  padding: 5rem 0;
}
.wap_page .wap_page_con .wap_page_show .wap_banner .swiper {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}
.wap_page .wap_page_con .wap_page_show .current-swiper {
  width: 17rem;
  height: 31.75rem;
  margin: 0 auto;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
  position: relative;
  z-index: 99;
}
.wap_page .wap_page_con .wap_page_show .current-swiper .swiper-slide img {
  width: 100%;
  height: 100%;
}
.wap_page .wap_page_con .wap_page_show .left-swiper {
  position: absolute;
  left: 160px;
  top: 25px;
  z-index: 1;
}
.wap_page .wap_page_con .wap_page_show .right-swiper {
  position: absolute;
  right: 160px;
  left: auto;
  top: 25px;
  z-index: 1;
}
.wap_page .wap_page_con .wap_page_show .nocurrent-swiper {
  width: 17.1875rem;
  height: 29rem;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
}
.wap_page .wap_page_con .wap_page_show .nocurrent-swiper:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(237, 240, 240, 0.9);
  z-index: 99;
}
.wap_page .wap_page_con .wap_page_show .title {
  padding-top: 70px;
  margin-left: 45px;
  height: 29px;
  line-height: 29px;
  font-size: 18px;
  color: #666;
}
.wap_page .wap_page_con .wap_page_show .nocurrent-swiper .title {
  padding-top: 44px;
  margin-left: 30px;
  font-size: 16px;
  height: 25px;
  line-height: 25px;
}
.wap_page .wap_page_con .wap_page_show .name {
  margin-left: 45px;
  height: 55px;
  display: inline-block;
  position: relative;
  line-height: 55px;
  padding-bottom: 9px;
  padding-right: 55px;
  border-bottom: 1px solid #dddddd;
  font-size: 36px;
  color: #333;
}
.wap_page .wap_page_con .wap_page_show .nocurrent-swiper .name {
  height: 46px;
  line-height: 46px;
  font-size: 30px;
  padding-right: 46px;
  margin-left: 30px;
}
.wap_page .wap_page_con .wap_page_show .name:before {
  content: '';
  position: absolute;
  width: 30px;
  height: 30px;
  right: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(../img/curr_sectbg.png) no-repeat center center;
}
.wap_page .wap_page_con .wap_page_show .nocurrent-swiper .name:before {
  width: 26px;
  height: 26px;
  background-size: 100% 100%;
}
.wap_page .wap_page_con .wap_page_show .detail {
  margin-left: 45px;
  width: 275px;
  margin-top: 30px;
  padding-right: 5px;
  line-height: 24px;
  color: #bbb;
  font-size: 14px;
}
.wap_page .wap_page_con .wap_page_show .nocurrent-swiper .detail {
  font-size: 12px;
  line-height: 20px;
  width: 235px;
  margin-left: 30px;
}
.wap_page .wap_page_con .wap_page_show .swiper-button-prev {
  width: 3rem;
  height: 3rem;
  background: url(../img/wap_left.png) no-repeat;
}
.wap_page .wap_page_con .wap_page_show .swiper-button-next {
  width: 3rem;
  height: 3rem;
  background-size: auto;
  background: url(../img/wap_right.png) no-repeat;
}
.wap_page .wap_page_con .wap_page_code {
  text-align: center;
  padding: 1rem 0;
}
.wap_page .wap_page_con .wap_page_code img {
  width: 11.25rem;
  height: 11.25rem;
  margin-bottom: 1rem;
}
/*合作伙伴*/
.partner .partner_content {
  margin-top: 22.4375rem;
  padding-top: 5rem;
}
.partner .partner_content > .center .move_ul {
  position: relative;
}
.partner .partner_content > .center .move_ul li {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  box-shadow: 0 0 0.25rem #666;
}
.partner .partner_content > .center .move_ul li:nth-child(n+6) {
  margin-top: 0;
}
/*合作计划*/
.plan .plan_content {
  margin-top: 22.4375rem;
}
.plan .plan_content .index_flow_title {
  padding-top: 4.8125rem;
  padding-bottom: 3.25rem;
}
.plan .plan_content .plan_why {
  padding-bottom: 3.3125rem;
}
.plan .plan_content .plan_why ul {
  display: flex;
}
.plan .plan_content .plan_why ul li {
  width: 25%;
}
.plan .plan_content .plan_why ul li img {
  width: 100%;
  height: 11.625rem;
}
.plan .plan_content .plan_why ul li .text {
  text-align: center;
  margin-top: 1.625rem;
  border-right: 0.0625rem solid #ebebeb;
  padding: 0 2.875rem 1.125rem;
}
.plan .plan_content .plan_why ul li .text h5 {
  color: #666666;
  padding-bottom: 0.625rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.plan .plan_content .plan_why ul li .text p {
  font-size: 0.875rem;
  line-height: 1.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.plan .plan_content .plan_join {
  height: 13.875rem;
  text-align: center;
}
.plan .plan_content .plan_join h2 {
  color: #fff;
  font-size: 1.5rem;
  padding-top: 3.4375rem;
  padding-bottom: 0.8125rem;
}
.plan .plan_content .plan_join p {
  color: #fff;
  padding-bottom: 0.75rem;
}
.plan .plan_content .plan_join a {
  width: 9.25rem;
  height: 2.5rem;
  line-height: 2.5rem;
  display: block;
  margin: 0 auto;
  color: #fff;
  border: 0.0625rem solid #fff;
}
.plan .plan_content .plan_cooperation {
  background-color: #f3f6f7;
}
.plan .plan_content .plan_cooperation .index_flow_title ul {
  padding-top: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.plan .plan_content .plan_cooperation .index_flow_title ul li {
  color: #666666;
  padding: 0 1.25rem;
  border-right: 0.0625rem solid #666666;
  cursor: pointer;
  transition: all 0.3s;
}
.plan .plan_content .plan_cooperation .index_flow_title ul li:hover {
  color: #11acdf;
}
.plan .plan_content .plan_cooperation .index_flow_title ul .current {
  color: #11acdf;
}
.plan .plan_content .plan_cooperation .index_flow_title ul li:last-child {
  border-right: 0;
}
.plan .plan_content .plan_cooperation .content ul {
  padding-bottom: 3.75rem;
  display: none;
}
.plan .plan_content .plan_cooperation .content ul li {
  float: left;
  background-color: #fff;
  width: 36.875rem;
  height: 11rem;
  box-sizing: border-box;
  padding: 0 1.875rem;
}
.plan .plan_content .plan_cooperation .content ul li .title {
  padding-top: 1.625rem;
  padding-bottom: 0.875rem;
}
.plan .plan_content .plan_cooperation .content ul li p {
  color: #666666;
  line-height: 1.25rem;
  font-size: 0.875rem;
}
.plan .plan_content .plan_cooperation .content ul li p span {
  font-size: 0.875rem;
  color: #11acdf;
  padding: 0 0.4375rem;
  position: relative;
}
.plan .plan_content .plan_cooperation .content ul li p span::before {
  content: "";
  width: 0.0625rem;
  height: 0.9375rem;
  background-color: #11acdf;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.plan .plan_content .plan_cooperation .content ul li p span:first-child::before {
  display: none;
}
.plan .plan_content .plan_cooperation .content ul li .bottom {
  margin-top: 1.0625rem;
  display: flex;
}
.plan .plan_content .plan_cooperation .content ul li .bottom a {
  width: 7.375rem;
  height: 2rem;
  font-size: 0.875rem;
  text-align: center;
  line-height: 2rem;
  box-sizing: border-box;
}
.plan .plan_content .plan_cooperation .content ul li .bottom .joined {
  background-color: #11acdf;
  color: #fff;
  margin-right: 0.875rem;
}
.plan .plan_content .plan_cooperation .content ul li .bottom .look {
  color: #11acdf;
  border: 0.0625rem solid #11acdf;
}
.plan .plan_content .plan_cooperation .content ul li:nth-child(odd) {
  margin-right: 1.25rem;
}
.plan .plan_content .plan_cooperation .content ul li:nth-child(n+3) {
  margin-top: 1.25rem;
}
.plan .plan_content .plan_cooperation .content ul:first-child {
  display: block;
}
.plan .plan_content .plan_core .common_partner {
  padding-top: 0;
  min-height: auto;
  padding-bottom: 4.75rem;
}
/*关于我们*/
.about {
  /*隐藏控件*/
}
.about .dg {
  display: none;
}
.about .about_banner {
  width: 100%;
  overflow: hidden;
  transform: translateY(-3.75rem);
  position: relative;
}
.about .about_banner h2,
.about .about_banner h1 {
  text-align: center;
  color: #fff;
  position: absolute;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
}
.about .about_banner h2 {
  font-size: 3rem;
  top: 18rem;
}
.about .about_banner h2::after {
  content: "";
  position: absolute;
  width: 7.875rem;
  height: 0.5rem;
  bottom: -1.375rem;
  left: 50%;
  transform: translateX(-50%);
  background-color: #fff;
}
.about .about_banner h1 {
  top: 25rem;
}
.about .about_banner h1 img {
  width: 30.125rem;
  height: 6.25rem;
}
.about .about_banner .about_nav_arrow {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 5rem;
  cursor: pointer;
  animation: arrowmove 1.5s infinite;
}
.about .about_nav {
  margin-top: -3.75rem;
  height: 4.375rem;
  border-bottom: 0.0625rem solid #e9eef0;
  background-color: #fff;
  width: 100%;
}
.about .about_nav .center {
  height: 100%;
}
.about .about_nav .center ul {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.about .about_nav .center ul li {
  padding: 0 3.25rem;
  border-right: 0.0625rem solid #e9eef0;
  font-size: 1.125rem;
  color: #666666;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s;
}
.about .about_nav .center ul li:hover {
  color: #11acdf;
}
.about .about_nav .center ul .current {
  color: #11acdf;
}
.about .about_nav .center ul li:first-child {
  border-left: 0.0625rem solid #e9eef0;
}
.about .about_nav_scroll {
  position: fixed;
  top: 0;
  width: 100%;
  margin: 0;
  z-index: 99999;
  background-color: #fff;
  transition: all 0.3s;
}
.about .about_us {
  background-repeat: no-repeat;
  height: 51.8125rem;
}
.about .about_us .center {
  display: flex;
  justify-content: flex-end;
}
.about .about_us .center .right {
  padding-top: 10rem;
  width: 37.5rem;
  position: relative;
}
.about .about_us .center .right h3 {
  padding-left: 5.3125rem;
  font-size: 1.75rem;
  position: relative;
  padding-bottom: 1.625rem;
  z-index: 999;
}
.about .about_us .center .right h3::after {
  content: '';
  position: absolute;
  height: 0.1875rem;
  width: 2.5rem;
  background-color: #2b2b30;
  bottom: 0;
  left: 5.3125rem;
}
.about .about_us .center .right .con {
  padding-left: 5.3125rem;
  padding-top: 1.875rem;
}
.about .about_us .center .right .con * {
  line-height: 2.25rem;
  max-width: 100%;
  color: #585858;
}
.about .about_us .center .right ul {
  padding-left: 5.4rem;
  padding-top: 2.5rem;
}
.about .about_us .center .right ul li {
  float: left;
  width: 33%;
  border-bottom: 0.0625rem solid #e9eef0;
  border-right: 0.0625rem solid #e9eef0;
  text-align: center;
  height: 5.625rem;
}
.about .about_us .center .right ul li a {
  padding-top: 0.8rem;
  display: block;
  width: 100%;
  height: 100%;
}
.about .about_us .center .right ul li a img {
  width: 3.4375rem;
  height: 2.75rem;
  margin-bottom: 0.5rem;
}
.about .about_us .center .right ul li a p {
  font-size: 0.14rem;
}
.about .about_us .center .right ul li:nth-child(3n) {
  border-right: 0;
}
.about .about_us .center .right ul li:nth-child(n+4) {
  border-bottom: 0;
}
.about .about_us .center .right .about_us_pic {
  position: absolute;
  top: 6.625rem;
  left: 0;
  transition: all 0.5s;
}
.about .about_us .center .right .move {
  transform: translateX(30%);
  opacity: 0;
}
.about .about_common_h3 {
  font-size: 1.75rem;
  text-align: center;
  padding-top: 3.75rem;
  padding-bottom: 0.875rem;
}
.about .about_common_h4 {
  text-align: center;
  color: #585858;
  padding-bottom: 3.75rem;
}
.about .about_course {
  background-color: #eff6f8;
  padding-bottom: 10.625rem;
}
.about .about_course .about_course_con .swiper-container {
  padding: 0 6.125rem 4.125rem 6.125rem;
  height: 25rem;
}
.about .about_course .about_course_con .swiper-container .swiper-slide {
  height: 20.875rem;
}
.about .about_course .about_course_con .swiper-container .swiper-slide a {
  display: block;
  border-radius: 0.25rem;
  text-align: center;
  box-sizing: border-box;
  padding: 5rem 2.5rem 0 2.5rem;
  height: 100%;
}
.about .about_course .about_course_con .swiper-container .swiper-slide a h3 {
  font-size: 1.75rem;
  padding-bottom: 1.125rem;
  transition: all 0.3s;
}
.about .about_course .about_course_con .swiper-container .swiper-slide a h4 {
  font-size: 1.125rem;
}
.about .about_course .about_course_con .swiper-container .swiper-slide a .text {
  padding-top: 1.25rem;
}
.about .about_course .about_course_con .swiper-container .swiper-slide a .text * {
  font-size: 0.8125rem;
  color: #999999;
  line-height: 1.5rem;
}
.about .about_course .about_course_con .swiper-container .swiper-slide-next {
  background-color: #fff;
}
.about .about_course .about_course_con .swiper-container .swiper-slide-next a h3 {
  color: #11acdf;
  padding-bottom: 2.5rem;
  position: relative;
}
.about .about_course .about_course_con .swiper-container .swiper-slide-next a h3::after {
  content: "";
  width: 3.5rem;
  height: 0.125rem;
  background-color: #11acdf;
  position: absolute;
  left: 50%;
  bottom: 1rem;
  transform: translateX(-50%);
}
.about .about_course .about_course_con .swiper-container .swiper-pagination-bullets {
  white-space: nowrap;
  width: auto;
  height: 0.75rem;
  line-height: 0.75rem;
  transition: 700ms;
  bottom: 6.15rem;
}
.about .about_course .about_course_con .swiper-container .swiper-pagination-bullet {
  background: #bac1c5;
  opacity: 1;
  line-height: 0.75rem;
  margin: 0 5.2rem;
  height: 0.75rem;
  width: 0.75rem;
}
.about .about_course .about_course_con .swiper-container .swiper-pagination-bullet {
  margin-left: 0;
}
.about .about_course .about_course_con .swiper-container .swiper-pagination-bullet-active {
  background-color: #11acdf;
}
.about .about_course .about_course_con .swiper-container .swiper-button-next,
.about .about_course .about_course_con .swiper-container .swiper-button-prev {
  background-image: none;
  background-color: #eff6f8;
  width: 2.6875rem;
  height: 2.6875rem;
  font-size: 1.375rem;
  font-family: SimSun;
  font-weight: 700;
  border: 0.125rem solid #11acdf;
  color: #11acdf;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin: 0;
  top: 72.6%;
}
.about .about_course .about_course_con .swiper-container .swiper-button-next {
  right: 0;
}
.about .about_course .about_course_con .swiper-container .swiper-button-prev {
  left: 0;
}
.about .about_course .about_course_con .swiper-container .swiper-button-disabled {
  opacity: 1;
  color: #bac1c5;
  border-color: #bac1c5;
}
.about .about_course .about_course_con .swiper-container .long-line {
  height: 0.0625rem;
  background-color: #bac1c5;
  width: 92%;
  position: absolute;
  bottom: 6.4375rem;
  left: 50%;
  transform: translateX(-50%);
}
.about .about_advantage {
  margin-top: -10rem;
}
.about .about_advantage .out {
  background-color: #fff;
  width: 90rem;
  margin: 0 auto;
}
.about .about_advantage .con {
  background-color: #fff;
  padding-top: 0.625rem;
}
.about .about_advantage .con ul {
  display: flex;
  border-bottom: 0.0625rem solid #e1e1e1;
  border-top: 0.0625rem solid #e1e1e1;
}
.about .about_advantage .con ul li {
  cursor: pointer;
  width: 20%;
  height: 40.625rem;
  text-align: center;
  border-right: 0.0625rem solid #e1e1e1;
  position: relative;
  overflow: hidden;
  padding: 5.125rem 2.1875rem 0 2.1875rem;
  transition: all 0.3s;
  box-sizing: border-box;
}
.about .about_advantage .con ul li:hover {
  padding-top: 9.5625rem;
}
.about .about_advantage .con ul li:hover img {
  transform: rotate(0deg);
}
.about .about_advantage .con ul li:hover h4,
.about .about_advantage .con ul li:hover h5,
.about .about_advantage .con ul li:hover h6 {
  color: #fff;
}
.about .about_advantage .con ul li:hover p {
  display: none;
}
.about .about_advantage .con ul li:hover h6::after {
  background-color: #fff;
}
.about .about_advantage .con ul li img {
  position: absolute;
  transform-origin: bottom left ;
  transform: rotate(-90deg);
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  transition: all 0.3s;
}
.about .about_advantage .con ul li h4,
.about .about_advantage .con ul li h5,
.about .about_advantage .con ul li h6 {
  z-index: 1;
  position: relative;
  transition: all 0.3s;
}
.about .about_advantage .con ul li h6 {
  font-size: 4rem;
  color: #666666;
  padding-bottom: 0.375rem;
}
.about .about_advantage .con ul li h6::after {
  content: "";
  height: 0.25rem;
  width: 1.5rem;
  background-color: #666666;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.3s;
}
.about .about_advantage .con ul li h4 {
  font-size: 1.375rem;
  padding-top: 2.125rem;
}
.about .about_advantage .con ul li h5,
.about .about_advantage .con ul li p {
  font-size: 0.875rem;
  color: #999999;
}
.about .about_advantage .con ul li h5 {
  padding-bottom: 4.125rem;
}
.about .about_advantage .con ul li p {
  height: 1.5rem;
}
.about .about_advantage .con ul li:first-child {
  border-left: 0.0625rem solid #e1e1e1;
}
.about .about_contact {
  background-image: url(../img/about_contact.jpg);
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  height: 51.625rem;
}
.about .about_contact .about_common_h3,
.about .about_contact .about_common_h4 {
  color: #fff;
}
.about .about_contact .con {
  display: flex;
  justify-content: space-between;
}
.about .about_contact .con .left {
  width: 43rem;
  background-color: #fff;
  box-sizing: border-box;
  padding: 3.125rem 2.5rem;
  transition: all 0.5s;
}
.about .about_contact .con .left ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.25rem;
}
.about .about_contact .con .left ul li input {
  height: 3.375rem;
  border-bottom: 0.0625rem solid #e1e1e1;
  padding-left: 0.75rem;
  width: 17.5rem;
  box-sizing: border-box;
}
.about .about_contact .con .left ul li input::-webkit-inner-spin-button {
  display: none;
}
.about .about_contact .con .left ul li textarea {
  box-sizing: border-box;
  width: 100%;
  height: 7.25rem;
  border: 0.0625rem solid #e1e1e1;
  padding: 0.75rem;
  resize: none;
}
.about .about_contact .con .left ul li img {
  width: 10.375rem;
  height: 3.375rem;
  border: 0.0625rem solid #e1e1e1;
  cursor: pointer;
}
.about .about_contact .con .left ul .about_code input {
  width: 24.5rem;
}
.about .about_contact .con .left button {
  display: flex;
  box-sizing: border-box;
  height: 2.625rem;
  width: 9.0625rem;
  border: 0.0625rem solid #e1e1e1;
  align-items: center;
  justify-content: center;
  margin: 1.125rem auto 0;
  cursor: pointer;
  transition: all 0.3s;
}
.about .about_contact .con .left button:hover {
  background-color: #11acdf;
  border-color: #11acdf;
  color: #fff;
}
.about .about_contact .con .left_move {
  transform: translateX(-10%);
  opacity: 0;
}
.about .about_contact .con .right {
  background-color: #fff;
  width: 30.375rem;
  box-sizing: border-box;
  padding: 0.75rem 2.625rem;
  transition: all 0.5s;
}
.about .about_contact .con .right ul li {
  position: relative;
  height: 7.9375rem;
  border-bottom: 0.0625rem solid #e1e1e1;
  padding-left: 4.125rem;
  box-sizing: border-box;
  padding-top: 2.125rem;
}
.about .about_contact .con .right ul li h6 {
  font-size: 1.125rem;
  font-weight: 700;
  padding-bottom: 0.5rem;
}
.about .about_contact .con .right ul li h6 span {
  font-size: 0.875rem;
  padding-left: 0.3125rem;
  font-weight: 100;
}
.about .about_contact .con .right ul li p {
  font-size: 0.9375rem;
}
.about .about_contact .con .right ul li img {
  position: absolute;
  left: 0.75rem;
  top: 2.125rem;
}
.about .about_contact .con .right ul li:last-child {
  border-bottom: 0;
}
.about .about_contact .con .right_move {
  transform: translateX(10%);
  opacity: 0;
}
.about #about_map {
  width: 100%;
  height: 28.5625rem;
}
.about #about_map .map_text {
  padding: 0.5rem;
}
.about #about_map .map_text h3 {
  font-size: 1rem;
  color: #f68947;
  font-weight: 700;
}
.about #about_map .map_text p {
  font-size: 0.12rem;
  line-height: 1.5rem;
}
.about #about_map .map_text p:first-child {
  padding-top: 0.5rem;
}
/*响应式*/
@media screen and (max-width: 1200px) {
  * {
    font-size: 14px;
  }
  .b_hidden {
    display: none;
  }
  .center {
    width: 55rem;
  }
  header .nav {
    padding-right: 0.5rem;
  }
  header .nav .nav_left .nav_list {
    padding: 0 0.625rem;
  }
  header .nav .nav_left .logo {
    padding: 0 0.625rem;
  }
  header .nav .nav_left li {
    padding: 0 0.8rem;
  }
  header .nav .nav_left .nav_ul > li:hover::after {
    width: 80%;
  }
  header .nav .nav_left .logo a .logo_move {
    height: 1.3rem;
    width: 1.3rem;
  }
  header .nav .nav_left .ycdl {
    width: 4.2rem;
    height: 1.2rem;
  }
  header .nav .nav_right li {
    padding: 0 0.5rem;
  }
  header .nav_li_con .nav_li_con_list {
    padding-left: 1.4rem;
  }
  header .nav_li_con .nav_li_con_list ul {
    width: 8rem;
    padding: 1.5rem 0 1.5rem 1.5rem;
  }
  footer .center {
    width: 60rem;
  }
  footer .center .footer_top .footer_top_left {
    padding-left: 3.375rem;
    padding-right: 2.4375rem;
  }
  footer .center .footer_top .footer_top_right {
    padding-left: 3.1875rem;
  }
  footer .center .footer_top .footer_top_right ul li {
    padding-right: 1rem;
  }
  footer .center .footer_middle ul .footer_middle_title {
    padding: 0;
    margin-right: 2rem;
  }
  footer .center .footer_middle ul li {
    margin-right: .4rem;
  }
  .index .banner > ul li a .center .banner_text h2 {
    font-size: 2.5rem;
  }
  .index .banner > ul li a .center .banner_text p {
    font-size: 1.125rem;
  }
  .index .banner > ul li a .center .banner_text span {
    padding: 0.5rem 1.8rem;
  }
  .index .banner > ul li a .center > img {
    right: -14.7rem;
  }
  .index .banner .banner_bottom {
    height: 5.25rem;
  }
  .index .banner .banner_bottom .center ul li a {
    padding-left: 4.625rem;
    width: 66.5%;
  }
  .index .banner .banner_bottom .center ul li a img {
    width: 2.5rem;
    height: 2.5rem;
    left: 1.5rem;
  }
  .index .banner .banner_bottom .center ul li a p {
    padding-top: 1.2rem;
  }
  .index .index_content {
    padding-top: 4rem;
  }
  .index .index_content .index_service .center {
    width: 60rem;
  }
  .index .index_content .index_service .center .index_service_list ul {
    padding-top: 2rem;
  }
  .index .index_content .index_service .center .index_service_list ul li:nth-child(3n-1) {
    margin: 0 2.5rem;
  }
  .index .index_content .index_service .center .index_service_list ul li {
    width: 17.375rem;
  }
  .index .index_content .index_service .center .index_service_list ul li .index_service_b {
    display: flex;
    justify-content: center;
  }
  .index .index_content .index_service .center .index_service_list ul li .index_service_b a {
    padding: 0 0.333rem;
    float: left;
  }
  .index .index_content .index_plan .index_plan_con > ul {
    margin-left: -4rem;
  }
  .index .index_content .index_plan .index_plan_con > ul > li {
    width: 16.375rem;
  }
  .index .index_content .index_plan .index_plan_con > ul > li > div {
    padding-left: 3.8rem;
    width: 77%;
  }
  .index .index_content .index_plan .index_plan_con > ul > li > div img {
    width: 2.8rem;
    height: 2.7rem;
    left: 0.5rem;
  }
  .index .index_content .index_plan .index_plan_con > ul > li .plan_li_con {
    padding-left: 0;
    width: 41.0625rem;
  }
  .index .index_content .index_plan .index_plan_con > ul > li .plan_li_con ol li {
    width: 6.5rem;
  }
  .index .index_content .index_case {
    padding: 2.875rem 0;
  }
  .index .index_content .index_case .index_case_title ul {
    padding-bottom: 2.5rem;
  }
  .index .index_content .index_case .index_case_title ul li a {
    padding: 0 1rem;
  }
  .index .index_content .index_case .index_case_con ul li {
    height: 22vw;
    width: 25%;
  }
  .index .index_content .index_case .index_case_con ul li a .case_con_pic {
    height: 16vw;
  }
  .index .index_content .index_flow {
    padding-top: 2.875rem;
    padding-bottom: 3.125rem;
  }
  .index .index_content .index_flow .index_flow_con {
    padding-top: 3rem;
  }
  .index .index_content .index_flow .index_flow_con ul li {
    width: 8rem;
  }
  .index .index_content .index_flow .index_flow_con ul li .flow_con_pic {
    height: 7.5rem;
    width: 7.5rem;
  }
  .index .index_content .index_flow .index_flow_con ul li .flow_con_pic .con_pic_line .pic_line_left div {
    width: 194%;
    height: 96%;
  }
  .index .index_content .index_flow .index_flow_con ul li .flow_con_pic .con_pic_line .pic_line_right div {
    width: 194%;
    height: 96%;
  }
  .index .index_content .index_flow .index_flow_con ul li p {
    padding-top: 1.25rem;
  }
  .index .index_content .index_community .index_community_con {
    padding-top: 2.875rem;
  }
  .index .index_content .index_community .index_community_con ul li {
    width: 17.375rem;
  }
  .index .index_content .index_community .index_community_con ul li > a {
    height: 13rem;
  }
  .index .index_content .index_community .index_community_con ul li > a p {
    padding: 0.8rem 1.4rem;
  }
  .index .index_content .index_community .index_community_con ul li .community_con_bottom {
    padding: 1rem;
  }
  .index .index_content .index_bottom .center {
    width: 60rem;
  }
}
@media screen and (max-width: 970px) {
  * {
    font-size: 12px;
    box-sizing: border-box;
  }
  .b_hidden {
    display: block;
  }
  .m_hidden {
    display: none;
  }
  header .nav_li_con .nav_li_con_list ul {
    width: 6rem;
  }
  header .nav_con {
    position: absolute;
    display: none;
    background-color: #2b2b30;
    z-index: 100;
  }
  header .nav_con .nav_con_top ul li {
    height: 5vw;
    line-height: 5vw;
    padding: 0 1vw;
    position: relative;
    width: 20vw;
    color: #fff;
  }
  header .nav_con .nav_con_top ul li span {
    float: right;
    color: #fff;
    font-family: SimSun-ExtB;
  }
  header .nav_con .nav_con_mid {
    position: absolute;
    right: -20vw;
    top: 0;
    overflow: hidden;
    width: 20vw;
  }
  header .nav_con .nav_con_mid ul {
    transition: all 0.5s;
    transform: translateX(-100%);
    background-color: #3C3C41;
  }
  header .nav_con .nav_con_mid ul li {
    height: 5vw;
    line-height: 5vw;
    padding: 0 1vw;
    position: relative;
    width: 100%;
    color: #fff;
    display: inline-block;
  }
  header .nav_con .nav_con_mid ul li span {
    position: absolute;
    right: 1vw;
    color: #fff;
    font-family: SimSun-ExtB;
  }
  header .nav_con .nav_con_last {
    width: 20vw;
    position: absolute;
    top: 0;
    right: -39.831vw;
    overflow: hidden;
  }
  header .nav_con .nav_con_last ul {
    transition: all 0.5s;
    background-color: #57575c;
    transform: translateX(-100%);
  }
  header .nav_con .nav_con_last ul li {
    height: 5vw;
    line-height: 5vw;
    padding: 0 1vw;
    position: relative;
    width: 100%;
  }
  header .nav_con .nav_con_last ul li a {
    color: #fff;
  }
  header .bg {
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    display: none;
  }
  .index .banner .banner_bottom .center ul li a {
    width: 100%;
  }
  .index .index_content .index_service .center .index_service_list ul li {
    width: 18.375rem;
  }
  .index .index_content .index_service .center .index_service_list ul li:nth-child(3n-1) {
    margin: 0 1.43rem;
  }
  .index .index_content .index_plan .index_plan_con > ul {
    margin: 0;
  }
  .index .index_content .index_plan .index_plan_con > ul > li > div {
    width: 100%;
  }
  .index .index_content .index_plan .index_plan_con > ul > li > div h3 {
    padding-top: 2rem;
  }
  .index .index_content .index_plan .index_plan_con > ul > li .plan_li_con {
    left: 17.375rem;
  }
  .index .index_content .index_case .index_case_con ul li {
    width: 33%;
    height: 29vw;
  }
  .index .index_content .index_case .index_case_con ul li a .case_con_pic {
    height: 22vw;
  }
  footer .center .footer_top .footer_top_left {
    padding: 0 2.4375rem;
    width: 22.375rem;
  }
  footer .center .footer_top .footer_top_left .footer_left_tel {
    font-size: 2.2rem;
  }
  footer .center .footer_top .footer_top_left .footer_left_consult {
    text-align: center;
  }
  footer .center .footer_top .footer_top_left > img {
    width: 1.5625rem;
    height: 1.8125rem;
    left: 3.214rem;
    top: 0;
  }
  footer .center .footer_top .footer_top_left .footer_left_qq a {
    margin: 0;
  }
}