@charset "utf-8";
:root {
  --color: #0364dd;
  --vh: 100vh;
}
.make-text {
  line-height: 1.75;
  color: #666;
  font-size: 16px;
}
@media (max-width: 1580px) {
  .make-text {
    font-size: 14px;
    line-height: 2;
  }
}
@media (max-width: 767px) {
  .make-text {
    font-size: 16px;
  }
}
@media (max-width: 1260px) {
}
.make-text img {
  max-width: 100%;
  height: auto!important;
}
.make-text table {
  width: 100%!important;
}
@media (max-width: 767px) {
  .make-text table {
    min-width: 700px;
  }
}
.make-text table td {
  color: #666666;
  border: 1px solid #ddd;
  padding: 0.12rem 0.4rem;
}
@media (max-width: 767px) {
  .make-text table td {
    font-size: 16px;
  }
}
.make-text ul,
.make-text li,
.make-text ol {
  list-style: inherit;
}
.make-text ul {
  padding-left: 20px;
}
.make-text h1,
.make-text h2,
.make-text h3,
.make-text h4,
.make-text h5,
.make-text h6 {
  font-weight: revert;
  line-height: 1.22;
  font-size: 24px;
  color: #000000;
}
@media (max-width: 1580px) {
  .make-text h1,
  .make-text h2,
  .make-text h3,
  .make-text h4,
  .make-text h5,
  .make-text h6 {
    font-size: 22px;
  }
}
@media (max-width: 991px) {
  .make-text h1,
  .make-text h2,
  .make-text h3,
  .make-text h4,
  .make-text h5,
  .make-text h6 {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .make-text h1,
  .make-text h2,
  .make-text h3,
  .make-text h4,
  .make-text h5,
  .make-text h6 {
    font-size: 18px!important;
    line-height: 1.4;
  }
}
.make-text p,
.make-text span {
  font-size: 16px;
  color: #666;
}
@media (max-width: 767px) {
  .make-text p,
  .make-text span {
    line-height: 2;
    font-size: 16px!important;
  }
}
.breadbox .f_cont {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 0.16rem 0;
}
@media (max-width: 1580px) {
}
@media (max-width: 991px) {
  .breadbox .f_cont {
    padding: 12px 0;
  }
}
.breadbox .f_cont a,
.breadbox .f_cont span {
  font-size: 16px;
  color: #c7c7c7;
  line-height: 26px;
  color: #999999;
}
@media (max-width: 1580px) {
  .breadbox .f_cont a,
  .breadbox .f_cont span {
    font-size: 14px;
    line-height: 24px;
  }
}
.breadbox .f_cont a img,
.breadbox .f_cont span img {
  float: left;
  width: 14px;
}
@media (max-width: 1580px) {
  .breadbox .f_cont a img,
  .breadbox .f_cont span img {
    width: 10px;
  }
}
.breadbox .f_cont span {
  width: 6px;
  margin: 0 10px;
  color: #c7c7c7;
  display: block;
  overflow: hidden;
}
@media (max-width: 1580px) {
  .breadbox .f_cont span {
    margin: 0 8px;
  }
}
@media (max-width: 991px) {
  .breadbox .f_cont span {
    margin: 0 8px;
  }
}
.breadbox .f_cont span img,
.breadbox .f_cont span svg {
  width: 100%;
  float: left;
}
.breadbox .f_cont span img path,
.breadbox .f_cont span svg path {
  fill: #999999;
  stroke: none;
}
.breadbox .f_cont span svg {
  height: 10px;
}
.breadbox .f_cont .on {
  color: #444444;
}
.breadbox .f_cont a:hover {
  color: #0364dd;
}
@media (max-width: 991px) {
  .breadbox .f_cont a:last-child {
    max-width: 33.333%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
  }
}
@media (max-width: 375px) {
  .breadbox .f_cont a:last-child {
    max-width: 28%;
  }
}
.breadbox .f_cont a:last-child:hover {
  color: #999999;
}
.breadbox .f_cont .wofe {
  display: flex;
}
.breadbox .f_cont .wofe .li {
  display: flex;
  align-items: flex-start;
  padding: 0 6px;
  border: 1px solid #4070f4;
  line-height: 24px;
  font-size: 14px;
}
.breadbox .f_cont .wofe .li a {
  line-height: 1;
}
.font38 {
  font-size: 0.38rem;
}
/* 联系我们banner */
.contactbanner {
  position: relative;
}
.contactbanner .bag {
  position: relative;
  width: 100%;
  height: 5.4rem;
}
.contactbanner .bag img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.contactbanner .bag img:nth-child(2) {
  display: none;
}
@media (max-width: 767px) {
  .contactbanner .bag img {
    display: none;
  }
  .contactbanner .bag img:nth-child(2) {
    display: block;
  }
}
.contactbanner .bag:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/jainfexz1.png) left top / auto 100% no-repeat;
}
@media (max-width: 767px) {
  .contactbanner .bag:after {
    background-color: #000;
    opacity: 0.4;
  }
}
.contactbanner .cont {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
}
.contactbanner .cont .title {
  color: #ffffff;
  font-weight: bold;
}
.contactbanner .cont .text {
  margin-top: 10px;
  opacity: 0.8;
  color: #ffffff;
}
@media (max-width: 1580px) {
  .contactbanner .cont .text {
    margin-top: 8px;
  }
}
.contactbanner .cont .servicebox_but {
  margin-top: 0.64rem;
}
.contactbanner .breadbox {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 2;
}
.contactbanner .breadbox .f_cont a {
  color: #ffffff;
}
.contactbanner .breadbox .f_cont span svg path {
  fill: #ffffff;
}
.contactbanner .breadbox .f_cont a:last-child {
  color: #fff;
}
/* End */
/* 联系我们 */
.contactbox_tit .tit {
  font-weight: bold;
}
.contactbox_tit .text {
  margin-top: 4px;
}
.contactbox-sec1 {
  padding: 0.7rem 0 0.86rem;
}
.contactbox-sec1 .contactbox_tit {
  padding-bottom: 0.48rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 0.6rem;
}
.contactbox-sec1 .cont {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.contactbox-sec1 .cont .lt {
  width: 27.85%;
  border-radius: 0.2rem;
  overflow: hidden;
  box-shadow: 0px 3px 40px 0px rgba(0, 0, 0, 0.12);
}
@media (max-width: 767px) {
  .contactbox-sec1 .cont .lt {
    width: 100%;
    margin-bottom: 0.56rem;
  }
}
.contactbox-sec1 .cont .lt .fztitle {
  padding: 0.24rem 0.44rem;
  display: flex;
  align-items: center;
  background-color: #0364dd;
  color: #fff;
}
.contactbox-sec1 .cont .lt .fztitle i {
  display: block;
  overflow: hidden;
  width: 0.32rem;
}
@media (max-width: 767px) {
  .contactbox-sec1 .cont .lt .fztitle i {
    width: 0.68rem;
  }
}
.contactbox-sec1 .cont .lt .fztitle i img {
  width: 100%;
  float: left;
}
.contactbox-sec1 .cont .lt .fztitle span {
  display: block;
  font-weight: bold;
  padding-left: 0.14rem;
  width: calc(100% - 0.32rem);
}
@media (max-width: 767px) {
  .contactbox-sec1 .cont .lt .fztitle span {
    width: calc(100% - 0.68rem);
  }
}
.contactbox-sec1 .cont .lt .fzjut {
  padding-left: 0.36rem;
  padding-right: 0.14rem;
  padding-bottom: 0.42rem;
  padding-top: 0.17rem;
}
.contactbox-sec1 .cont .lt .fzjut .fzpad {
  overflow: auto;
  padding-right: 0.18rem;
  height: 5.2rem;
}
.contactbox-sec1 .cont .lt .fzjut .fzpad .item {
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.contactbox-sec1 .cont .lt .fzjut .fzpad .item .fztit {
  display: flex;
  font-size: 16px;
  user-select: none;
  -webkit-user-select: none;
  cursor: pointer;
  align-items: flex-start;
  font-weight: bold;
  padding: 0.28rem 0;
}
@media (max-width: 1580px) {
  .contactbox-sec1 .cont .lt .fzjut .fzpad .item .fztit {
    font-size: 14px;
  }
}
.contactbox-sec1 .cont .lt .fzjut .fzpad .item .fztit .fznav {
  display: flex;
  align-items: flex-start;
  width: calc(100% - 28px);
}
@media (max-width: 1580px) {
  .contactbox-sec1 .cont .lt .fzjut .fzpad .item .fztit .fznav {
    width: calc(100% - 24px);
  }
}
@media (max-width: 767px) {
  .contactbox-sec1 .cont .lt .fzjut .fzpad .item .fztit .fznav {
    width: calc(100% - 20px);
  }
}
.contactbox-sec1 .cont .lt .fzjut .fzpad .item .fztit .fznav i {
  display: block;
  width: 22px;
  height: 24px;
  margin-top: 0.3em;
}
@media (max-width: 1580px) {
  .contactbox-sec1 .cont .lt .fzjut .fzpad .item .fztit .fznav i {
    width: 18px;
    height: 20px;
  }
}
.contactbox-sec1 .cont .lt .fzjut .fzpad .item .fztit .fznav i svg {
  width: 100%;
  max-height: 100%;
}
.contactbox-sec1 .cont .lt .fzjut .fzpad .item .fztit .fznav i svg path {
  fill: #666666;
  transition: all 0.4s;
}
.contactbox-sec1 .cont .lt .fzjut .fzpad .item .fztit .fznav span {
  display: block;
  color: #333333;
  transition: all 0.4s;
  padding-left: 10px;
  width: calc(100% - 22px);
}
@media (max-width: 1580px) {
  .contactbox-sec1 .cont .lt .fzjut .fzpad .item .fztit .fznav span {
    width: calc(100% - 18px);
  }
}
.contactbox-sec1 .cont .lt .fzjut .fzpad .item .fztit .but {
  background-color: #666666;
  transition: all 0.4s;
  height: 2px;
  margin-top: 0.75em;
  width: 18px;
}
@media (max-width: 1580px) {
  .contactbox-sec1 .cont .lt .fzjut .fzpad .item .fztit .but {
    width: 14px;
  }
}
@media (max-width: 767px) {
  .contactbox-sec1 .cont .lt .fzjut .fzpad .item .fztit .but {
    width: 10px;
  }
}
.contactbox-sec1 .cont .lt .fzjut .fzpad .item .fztit .but:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  transform: rotate(90deg);
  background-color: #666666;
  transition: all 0.4s;
}
.contactbox-sec1 .cont .lt .fzjut .fzpad .item .fnei {
  border-radius: 0.2rem;
  background-color: rgba(3, 100, 221, 0.04);
  padding: 0.2rem 0.28rem 0.32rem;
  display: none;
}
.contactbox-sec1 .cont .lt .fzjut .fzpad .item .fnei .text {
  width: 100%;
  margin-bottom: 0.4rem;
}
.contactbox-sec1 .cont .lt .fzjut .fzpad .item .fnei .text .li {
  color: #666666;
  font-size: 16px;
  line-height: 1.5;
}
@media (max-width: 1580px) {
  .contactbox-sec1 .cont .lt .fzjut .fzpad .item .fnei .text .li {
    font-size: 14px;
  }
}
.contactbox-sec1 .cont .lt .fzjut .fzpad .item .fnei .text .li strong {
  font-weight: bold;
  color: #000;
}
.contactbox-sec1 .cont .lt .fzjut .fzpad .item .fnei .fzbut {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  width: 100%;
  height: 0.56rem;
  font-weight: bold;
  background-color: #0364dd;
  border-radius: 0.28rem;
}
@media (max-width: 767px) {
  .contactbox-sec1 .cont .lt .fzjut .fzpad .item .fnei .fzbut {
    height: 0.76rem;
    border-radius: 0.38rem;
  }
}
.contactbox-sec1 .cont .lt .fzjut .fzpad .item.on {
  border-color: transparent;
}
.contactbox-sec1 .cont .lt .fzjut .fzpad .item.on .fztit .fznav i svg path {
  fill: #0364dd;
}
.contactbox-sec1 .cont .lt .fzjut .fzpad .item.on .fztit .fznav span {
  color: #0364dd;
}
.contactbox-sec1 .cont .lt .fzjut .fzpad .item.on .fztit .but {
  background-color: #0364dd;
}
.contactbox-sec1 .cont .lt .fzjut .fzpad .item.on .fztit .but:before {
  opacity: 0;
}
.contactbox-sec1 .cont .gt {
  width: 70%;
  margin-top: 1.76rem;
  position: relative;
}
@media (max-width: 767px) {
  .contactbox-sec1 .cont .gt {
    width: 100%;
    margin-top: 0;
  }
}
.contactbox-sec1 .cont .gt .dian {
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
}
.contactbox-sec1 .cont .gt .dian span {
  display: block;
  width: 10px;
  height: 10px;
  background-color: #0364dd;
  margin-top: -5px;
  margin-left: -5px;
  border-radius: 50%;
}
@media (max-width: 1580px) {
  .contactbox-sec1 .cont .gt .dian span {
    width: 8px;
    height: 8px;
    margin-top: -4px;
    margin-left: -4px;
  }
}
.contactbox-sec1 .cont .gt .dian:before {
  content: "";
  display: block;
  width: 0.34rem;
  height: 0.34rem;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #0364dd;
  animation: scale1 1.4s linear infinite;
}
.contactbox-sec2 {
  background-color: #f5f7fa;
  padding: 0.6rem 0 1rem;
}
.contactbox-sec2 .cont {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.57rem;
}
@media (max-width: 991px) {
  .contactbox-sec2 .cont {
    margin: 0 -0.3rem;
  }
}
@media (max-width: 767px) {
  .contactbox-sec2 .cont {
    margin: 0;
  }
}
.contactbox-sec2 .cont .lt,
.contactbox-sec2 .cont .gt {
  width: 50%;
  padding: 0 0.57rem;
}
@media (max-width: 991px) {
  .contactbox-sec2 .cont .lt,
  .contactbox-sec2 .cont .gt {
    padding: 0 0.3rem;
  }
}
@media (max-width: 767px) {
  .contactbox-sec2 .cont .lt,
  .contactbox-sec2 .cont .gt {
    padding: 0;
    width: 100%;
  }
}
.contactbox-sec2 .cont .lt .contactbox_tit,
.contactbox-sec2 .cont .gt .contactbox_tit {
  margin-bottom: 0.54rem;
}
.contactbox-sec2 .cont .lt .form,
.contactbox-sec2 .cont .gt .form {
  width: 100%;
}
.contactbox-sec2 .cont .lt .form .item,
.contactbox-sec2 .cont .gt .form .item {
  background-color: #ffffff;
  border-radius: 4px;
  display: flex;
  flex-wrap: wrap;
  border: solid 1px #dddddd;
  padding: 16px 14px;
  margin-bottom: 14px;
}
@media (max-width: 1580px) {
  .contactbox-sec2 .cont .lt .form .item,
  .contactbox-sec2 .cont .gt .form .item {
    margin-bottom: 10px;
    padding: 12px 10px;
  }
}
@media (max-width: 767px) {
  .contactbox-sec2 .cont .lt .form .item,
  .contactbox-sec2 .cont .gt .form .item {
    padding: 0.2rem 0.36rem;
  }
}
.contactbox-sec2 .cont .lt .form .item .name,
.contactbox-sec2 .cont .gt .form .item .name {
  width: 116px;
  color: #000000;
}
@media (max-width: 1580px) {
  .contactbox-sec2 .cont .lt .form .item .name,
  .contactbox-sec2 .cont .gt .form .item .name {
    width: 100px;
  }
}
.contactbox-sec2 .cont .lt .form .item .name span,
.contactbox-sec2 .cont .gt .form .item .name span {
  color: #dd0303;
}
.contactbox-sec2 .cont .lt .form .item input,
.contactbox-sec2 .cont .gt .form .item input,
.contactbox-sec2 .cont .lt .form .item textarea,
.contactbox-sec2 .cont .gt .form .item textarea {
  color: #999999;
  width: calc(100% - 116px);
}
@media (max-width: 1580px) {
  .contactbox-sec2 .cont .lt .form .item input,
  .contactbox-sec2 .cont .gt .form .item input,
  .contactbox-sec2 .cont .lt .form .item textarea,
  .contactbox-sec2 .cont .gt .form .item textarea {
    width: calc(100% - 100px);
  }
}
@media (max-width: 767px) {
  .contactbox-sec2 .cont .lt .form .item input,
  .contactbox-sec2 .cont .gt .form .item input,
  .contactbox-sec2 .cont .lt .form .item textarea,
  .contactbox-sec2 .cont .gt .form .item textarea {
    width: 100%;
    margin-top: 0.1rem;
    padding-bottom: 0.2rem;
  }
}
.contactbox-sec2 .cont .lt .form .item textarea,
.contactbox-sec2 .cont .gt .form .item textarea {
  width: 100%;
  margin-top: 0.1rem;
  height: 1.66rem;
}
.contactbox-sec2 .cont .lt .form .text,
.contactbox-sec2 .cont .gt .form .text {
  width: 100%;
  color: #999999;
  margin-bottom: 0.36rem;
}
.contactbox-sec2 .cont .lt .form .text span,
.contactbox-sec2 .cont .gt .form .text span {
  color: #dd0303;
}
.contactbox-sec2 .cont .lt .form .text a,
.contactbox-sec2 .cont .gt .form .text a {
  color: #0364dd;
}
.contactbox-sec2 .cont .lt .form .label1,
.contactbox-sec2 .cont .gt .form .label1 {
  display: flex;
  align-items: center;
  user-select: none;
  -webkit-user-select: none;
  margin-bottom: 0.4rem;
  color: #999999;
  position: relative;
  font-size: 16px;
}
@media (max-width: 1580px) {
  .contactbox-sec2 .cont .lt .form .label1,
  .contactbox-sec2 .cont .gt .form .label1 {
    font-size: 14px;
  }
}
.contactbox-sec2 .cont .lt .form .label1 input,
.contactbox-sec2 .cont .gt .form .label1 input {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  visibility: hidden;
}
.contactbox-sec2 .cont .lt .form .label1 i,
.contactbox-sec2 .cont .gt .form .label1 i {
  border-radius: 2px;
  width: 14px;
  height: 14px;
  border: 1px solid #999999;
  transition: all 0.4s;
  display: block;
}
@media (max-width: 1580px) {
  .contactbox-sec2 .cont .lt .form .label1 i,
  .contactbox-sec2 .cont .gt .form .label1 i {
    width: 12px;
    height: 12px;
  }
}
.contactbox-sec2 .cont .lt .form .label1 i:before,
.contactbox-sec2 .cont .gt .form .label1 i:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all 0.4s;
  background: #0364dd url(../images/zhendasvg1.svg) center / 71.42857143% auto no-repeat;
}
.contactbox-sec2 .cont .lt .form .label1 span,
.contactbox-sec2 .cont .gt .form .label1 span {
  display: block;
  padding-left: 10px;
}
.contactbox-sec2 .cont .lt .form .label1 input:checked ~ i,
.contactbox-sec2 .cont .gt .form .label1 input:checked ~ i {
  border-color: #0364dd;
}
.contactbox-sec2 .cont .lt .form .label1 input:checked ~ i:before,
.contactbox-sec2 .cont .gt .form .label1 input:checked ~ i:before {
  opacity: 1;
}
.contactbox-sec2 .cont .lt .form .fsub,
.contactbox-sec2 .cont .gt .form .fsub {
  width: 100%;
  height: 0.56rem;
  transition: all 0.4s;
  background-color: #ffffff;
  border-radius: 4px;
  border: solid 1px #0364dd;
  color: #0364dd;
  font-size: 16px;
}
@media (max-width: 767px) {
  .contactbox-sec2 .cont .lt .form .fsub,
  .contactbox-sec2 .cont .gt .form .fsub {
    font-size: 14px;
    height: 0.76rem;
  }
}
.contactbox-sec2 .cont .lt .form .fsub:hover,
.contactbox-sec2 .cont .gt .form .fsub:hover {
  background-color: #0364dd;
  color: #ffffff;
}
@media (max-width: 767px) {
  .contactbox-sec2 .cont .gt {
    margin-top: 0.5rem;
  }
}
.contactbox-sec2 .cont .gt .form .item textarea {
  height: 2.46rem;
}
/* End */
@keyframes scale1 {
  from {
    transform: translate(-50%, -50%) scale(0);
    opacity: 1;
  }
  to {
    transform: translate(-50%, -50%) scale(1.1);
    opacity: 0;
  }
}
/* 支持与培训 */
.servicebox_but {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.6rem;
  height: 0.5rem;
  color: #ffffff;
  border-radius: 0.25rem;
  border: solid 1px #ffffff;
  font-size: 16px;
}
@media (max-width: 1580px) {
  .servicebox_but {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .servicebox_but {
    width: 2rem;
    font-size: 0.24rem;
    height: 0.7rem;
    border-radius: 0.35rem;
  }
}
.servicebox_but i {
  display: block;
  overflow: hidden;
  transition: all 0.4s;
  width: 0.15rem;
  margin-left: 0.1rem;
}
.servicebox_but i svg {
  width: 100%;
  max-height: 100%;
  float: left;
}
.servicebox_but i svg path {
  fill: #ffffff;
}
.servicebox_but:hover i {
  transform: translateX(0.1rem);
}
.servicebox_but2 {
  background-color: #0364dd;
  border-color: #0364dd;
  transition: all 0.4s;
}
.servicebox_but2:hover {
  transform: scale(0.9);
  color: #ffffff;
}
.servicebox-sec1 {
  background-color: #f4f6f7;
  padding-top: 0.8rem;
}
.servicebox-sec1 .cont {
  padding-bottom: 0.8rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.servicebox-sec1 .cont .item {
  display: block;
  position: relative;
  z-index: 3;
  border-radius: 0.2rem;
  overflow: hidden;
}
.servicebox-sec1 .cont .item .img:before {
  padding-top: 34.28571429%;
}
@media (max-width: 767px) {
  .servicebox-sec1 .cont .item .img:before {
    padding-bottom: 26%;
  }
}
.servicebox-sec1 .cont .item .img img {
  transition: all 0.4s;
}
.servicebox-sec1 .cont .item .font {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
  color: #fff;
  z-index: 2;
  padding: 0.3rem 1rem;
}
@media (max-width: 767px) {
  .servicebox-sec1 .cont .item .font {
    padding: 0.3rem 0.4rem;
  }
}
.servicebox-sec1 .cont .item .font .tit {
  font-weight: bold;
  margin-bottom: 0.12rem;
}
.servicebox-sec1 .cont .item .font .text {
  margin-bottom: 0.66rem;
}
@media (max-width: 767px) {
  .servicebox-sec1 .cont .item .font .text {
    margin-bottom: 0.4rem;
  }
}
.servicebox-sec1 .cont .item:hover .img img {
  transform: scale(1.06);
}
.servicebox-sec2 {
  background-color: #f4f6f7;
  padding: 0.8rem 0 1rem;
}
.servicebox-sec2 .cont {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.11rem;
}
@media (max-width: 767px) {
  .servicebox-sec2 .cont {
    margin: 0;
  }
}
.servicebox-sec2 .cont .item {
  width: 50%;
  padding: 0 0.11rem;
  margin-bottom: 0.22rem;
}
@media (max-width: 767px) {
  .servicebox-sec2 .cont .item {
    padding: 0;
    width: 100%;
  }
}
.servicebox-sec2 .cont .item .list {
  display: block;
  position: relative;
  border-radius: 0.2rem;
  overflow: hidden;
  z-index: 3;
}
.servicebox-sec2 .cont .item .list .img {
  overflow: hidden;
  background-color: #000000;
}
.servicebox-sec2 .cont .item .list .img:before {
  padding-top: 55.07246377%;
}
.servicebox-sec2 .cont .item .list .img img {
  opacity: 0.7;
  transition: all 0.4s;
}
.servicebox-sec2 .cont .item .list .font {
  width: 100%;
  position: absolute;
  left: 0;
  color: #fff;
  bottom: 0;
  transition: all 0.4s;
  padding: 0.5rem 0.6rem;
  z-index: 2;
}
.servicebox-sec2 .cont .item .list .font .tit {
  font-weight: bold;
}
.servicebox-sec2 .cont .item .list .font .jut {
  padding-top: 0.12rem;
  display: none;
}
@media (max-width: 767px) {
  .servicebox-sec2 .cont .item .list .font .jut {
    display: block;
  }
}
.servicebox-sec2 .cont .item .list .font .jut .text {
  line-height: 1.375;
  height: 2.75em;
  overflow: hidden;
  max-width: 206px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 0.68rem;
}
@media (max-width: 767px) {
  .servicebox-sec2 .cont .item .list .font .jut .text {
    margin-bottom: 0.3rem;
  }
}
.servicebox-sec2 .cont .item .list:hover .img img {
  transform: scale(1.06);
}
.servicebox-sec2 .cont .item .list:hover .font {
  transform: translateY(50%);
  bottom: 50%;
}
.servicebox-sec3 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 0.76rem 0 0.8rem;
}
.servicebox-sec3 .cont {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .servicebox-sec3 .cont {
    text-align: center;
  }
}
.servicebox-sec3 .lt {
  width: 58.142%;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}
@media (max-width: 991px) {
  .servicebox-sec3 .lt {
    width: 40%;
  }
}
@media (max-width: 767px) {
  .servicebox-sec3 .lt {
    width: 100%;
    border-right: none;
  }
}
.servicebox-sec3 .lt .fztit {
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 1.2px #fff;
  text-stroke: 1.2px #fff;
  color: #ffffff;
  opacity: 0.2;
  font-size: 1rem;
  font-weight: bold;
  line-height: 0.8;
  background-image: -webkit-linear-gradient(top, transparent, transparent, transparent);
  -webkit-background-clip: text;
}
.servicebox-sec3 .lt .tit {
  color: #ffffff;
  font-weight: bold;
  margin-top: 0.16rem;
}
.servicebox-sec3 .gt {
  width: 41.858%;
  padding-left: 8.57142857%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}
@media (max-width: 991px) {
  .servicebox-sec3 .gt {
    width: 60%;
    padding-left: 5%;
  }
}
@media (max-width: 767px) {
  .servicebox-sec3 .gt {
    width: 100%;
    margin-top: 0.46rem;
    padding-left: 0;
  }
}
.servicebox-sec3 .gt .flist {
  width: calc(100% - 112px);
}
@media (max-width: 1580px) {
  .servicebox-sec3 .gt .flist {
    width: calc(100% - 90px);
  }
}
@media (max-width: 767px) {
  .servicebox-sec3 .gt .flist {
    width: 100%;
    margin-bottom: 0.4rem;
  }
}
.servicebox-sec3 .gt .flist .li {
  width: 100%;
  display: flex;
  color: #ffffff;
  align-items: center;
  margin-bottom: 0.14rem;
}
@media (max-width: 767px) {
  .servicebox-sec3 .gt .flist .li {
    justify-content: center;
  }
}
.servicebox-sec3 .gt .flist .li:last-child {
  margin-bottom: 0;
}
.servicebox-sec3 .gt .flist .li i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.22rem;
  height: 0.2rem;
}
@media (max-width: 767px) {
  .servicebox-sec3 .gt .flist .li i {
    width: 0.46rem;
    height: 0.44rem;
  }
}
.servicebox-sec3 .gt .flist .li i img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.servicebox-sec3 .gt .flist .li span {
  display: block;
  padding-left: 0.15rem;
  width: calc(100% - 0.22rem);
}
@media (max-width: 767px) {
  .servicebox-sec3 .gt .flist .li span {
    width: auto;
    max-width: calc(100% - 0.46rem);
  }
}
.servicebox-sec3 .gt .er {
  color: #ffffff;
  text-align: center;
}
@media (max-width: 767px) {
  .servicebox-sec3 .gt .er {
    width: 100%;
  }
}
.servicebox-sec3 .gt .er .img {
  margin-bottom: 0.12rem;
  overflow: hidden;
  width: 102px;
}
@media (max-width: 1580px) {
  .servicebox-sec3 .gt .er .img {
    width: 80px;
  }
}
@media (max-width: 767px) {
  .servicebox-sec3 .gt .er .img {
    width: 1.8rem;
    margin: 0 auto 0.12rem;
  }
}
.servicebox-sec3 .gt .er .img img {
  float: left;
  width: 100%;
}
/* End */
/* 学习中心 */
.studybox-sec1 {
  background-color: #f4f6f7;
  padding-top: 0.7rem;
  padding-bottom: 1.2rem;
}
.studybox-sec1 .cont {
  padding: 0.9rem 0 0;
}
.studybox-sec1 .cont .fztitlte {
  width: 100%;
  padding-bottom: 0.3rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 0.4rem;
  font-weight: bold;
  color: #000000;
}
.studybox-sec1 .cont .fznei {
  overflow: hidden;
  transition: all 0.4s;
}
.studybox-sec1 .cont .fznei .fzhong {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.2rem;
}
@media (max-width: 991px) {
  .studybox-sec1 .cont .fznei .fzhong {
    margin: 0 -0.1rem;
  }
}
@media (max-width: 767px) {
  .studybox-sec1 .cont .fznei .fzhong {
    margin: 0;
  }
}
.studybox-sec1 .cont .fznei .fzhong .item {
  width: 33.333%;
  padding: 0 0.2rem 0.4rem;
}
@media (max-width: 991px) {
  .studybox-sec1 .cont .fznei .fzhong .item {
    padding: 0 0.1rem 0.4rem;
  }
}
@media (max-width: 767px) {
  .studybox-sec1 .cont .fznei .fzhong .item {
    padding: 0 0 0.4rem;
    width: 100%;
  }
}
.studybox-sec1 .cont .fznei .fzhong .item .list {
  display: block;
  position: relative;
  z-index: 3;
  border-radius: 0.2rem;
  overflow: hidden;
  background-color: #ffffff;
}
.studybox-sec1 .cont .fznei .fzhong .item .list .img {
  overflow: hidden;
}
.studybox-sec1 .cont .fznei .fzhong .item .list .img:before {
  padding-top: 63.63636364%;
}
.studybox-sec1 .cont .fznei .fzhong .item .list .img img {
  transition: all 0.4s;
}
.studybox-sec1 .cont .fznei .fzhong .item .list .label {
  position: absolute;
  right: 0.3rem;
  top: 0.2rem;
  background-color: #0364dd;
  border-radius: 5px;
  color: #ffffff;
  padding: 6px 0.18rem;
  z-index: 2;
}
.studybox-sec1 .cont .fznei .fzhong .item .list .font {
  padding: 0.25rem 0.3rem 0.3rem 0.4rem;
}
.studybox-sec1 .cont .fznei .fzhong .item .list .font .tit {
  color: #222222;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 6px;
  font-weight: bold;
}
.studybox-sec1 .cont .fznei .fzhong .item .list .font .tit span {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 93%, #222222 0%);
  background-size: 0 100%;
  background-repeat: no-repeat;
  transition: all 0.4s;
}
.studybox-sec1 .cont .fznei .fzhong .item .list .font .text {
  line-height: 1.375;
  height: 2.75em;
  width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  color: #666666;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 0.66rem;
}
@media (max-width: 767px) {
  .studybox-sec1 .cont .fznei .fzhong .item .list .font .text {
    margin-bottom: 0.4rem;
  }
}
.studybox-sec1 .cont .fznei .fzhong .item .list .font .jut {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.studybox-sec1 .cont .fznei .fzhong .item .list .font .jut .wen {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  line-height: 2;
  width: calc(100% - 0.52rem);
}
@media (max-width: 767px) {
  .studybox-sec1 .cont .fznei .fzhong .item .list .font .jut .wen {
    width: calc(100% - 0.7rem);
  }
}
.studybox-sec1 .cont .fznei .fzhong .item .list .font .jut .wen .li {
  display: flex;
  align-items: center;
  margin-right: 0.3rem;
  color: #999999;
  font-size: 14px;
}
@media (max-width: 1580px) {
  .studybox-sec1 .cont .fznei .fzhong .item .list .font .jut .wen .li {
    font-size: 12px;
  }
}
.studybox-sec1 .cont .fznei .fzhong .item .list .font .jut .wen .li:last-child {
  margin-right: 0;
}
.studybox-sec1 .cont .fznei .fzhong .item .list .font .jut .wen .li i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 16px;
}
@media (max-width: 1580px) {
  .studybox-sec1 .cont .fznei .fzhong .item .list .font .jut .wen .li i {
    width: 14px;
    height: 12px;
  }
}
.studybox-sec1 .cont .fznei .fzhong .item .list .font .jut .wen .li i svg {
  max-width: 100%;
  max-height: 100%;
}
.studybox-sec1 .cont .fznei .fzhong .item .list .font .jut .wen .li i svg path {
  fill: #999999;
  opacity: 1;
}
.studybox-sec1 .cont .fznei .fzhong .item .list .font .jut .wen .li span {
  display: block;
  padding-left: 6px;
}
.studybox-sec1 .cont .fznei .fzhong .item .list .font .jut .wen .collect1 span:last-child {
  display: none;
}
.studybox-sec1 .cont .fznei .fzhong .item .list .font .jut .wen .on i svg path {
  fill: #0364dd;
}
.studybox-sec1 .cont .fznei .fzhong .item .list .font .jut .wen .on span {
  color: #0364dd;
  display: none;
}
.studybox-sec1 .cont .fznei .fzhong .item .list .font .jut .wen .on span:last-child {
  display: block;
}
.studybox-sec1 .cont .fznei .fzhong .item .list .font .jut .but {
  width: 0.42rem;
  height: 0.42rem;
  display: flex;
  align-items: center;
  transition: all 0.4s;
  justify-content: center;
  border-radius: 50%;
  background-color: #aaaaaa;
}
@media (max-width: 767px) {
  .studybox-sec1 .cont .fznei .fzhong .item .list .font .jut .but {
    width: 0.6rem;
    height: 0.6rem;
  }
}
.studybox-sec1 .cont .fznei .fzhong .item .list .font .jut .but svg {
  width: 35.71428571%;
  max-height: 35.71428571%;
}
.studybox-sec1 .cont .fznei .fzhong .item .list .font .jut .but svg path {
  fill: #ffffff;
  opacity: 1;
  transition: all 0.4s;
}
.studybox-sec1 .cont .fznei .fzhong .item .list:hover .img img {
  transform: scale(1.08);
}
.studybox-sec1 .cont .fznei .fzhong .item .list:hover .font .tit span {
  background-size: 100% 100%;
}
.studybox-sec1 .cont .fznei .fzhong .item .list:hover .font .jut .but {
  background-color: #0364dd;
  transform: rotate(-45deg);
}
.studybox-sec1 .cont .fzbut {
  width: 100%;
  margin-top: 0.1rem;
  display: flex;
  justify-content: center;
}
.studybox-sec1 .cont .fzbut .but1 {
  cursor: pointer;
  width: auto;
  height: 0.5rem;
  border-radius: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 0.32rem;
  padding-right: 0.22rem;
  background-color: #0364dd;
}
@media (max-width: 767px) {
  .studybox-sec1 .cont .fzbut .but1 {
    height: 0.76rem;
    border-radius: 0.38rem;
  }
}
.studybox-sec1 .cont .fzbut .but1 .zi {
  color: #ffffff;
}
.studybox-sec1 .cont .fzbut .but1 .zi span:nth-child(2) {
  display: none;
}
.studybox-sec1 .cont .fzbut .but1 i {
  transition: all 0.4s;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 13px;
  height: 13px;
  margin-left: 0.26rem;
}
@media (max-width: 1580px) {
  .studybox-sec1 .cont .fzbut .but1 i {
    width: 10px;
    height: 10px;
  }
}
.studybox-sec1 .cont .fzbut .but1 i svg {
  max-width: 100%;
  max-height: 100%;
}
.studybox-sec1 .cont .fzbut .but1 i svg path {
  fill: #ffffff;
}
.studybox-sec1 .cont .fzbut .on .zi span {
  display: none;
}
.studybox-sec1 .cont .fzbut .on .zi span:nth-child(2) {
  display: block;
}
.studybox-sec1 .cont .fzbut .on i {
  transform: rotate(180deg);
}
/* End */
/* 课程 */
.basepage {
  display: flex;
  justify-content: center;
}
@media (max-width: 767px) {
  .basepage {
    flex-wrap: wrap;
    padding: 0.4rem 0;
  }
}
.basepage .zong {
  display: flex;
  align-items: center;
  font-size: 18px;
  color: #161b27;
}
@media (max-width: 1580px) {
  .basepage .zong {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .basepage .zong {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .basepage .zong {
    order: 1;
  }
}
.basepage .zong span {
  color: #0364dd;
}
.basepage .zong .li {
  margin-right: 0.26rem;
}
.basepage .zong .li:last-child {
  margin-right: 0;
}
.basepage .page {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
@media (max-width: 767px) {
  .basepage .page {
    order: 0;
  }
}
.basepage .page a,
.basepage .page span {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #262626;
  flex-shrink: 0;
  font-weight: 100;
  float: left;
  font-size: 16px;
  margin: 0 5px 10px;
  background-color: #ffffff;
  border-radius: 10px;
  border: solid 1px #dddddd;
  position: relative;
  color: #222222;
}
@media (max-width: 1580px) {
  .basepage .page a,
  .basepage .page span {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .basepage .page a,
  .basepage .page span {
    width: 35px;
    height: 35px;
    font-size: 14px;
  }
}
.basepage .page a i,
.basepage .page span i {
  font-style: initial;
  position: relative;
}
.basepage .page span {
  background-color: transparent;
  border-color: transparent;
  color: #0364dd;
}
.basepage .page .active {
  background-color: #0364dd;
  color: #fff;
}
.basepage .page .active:before {
  opacity: 1;
}
.basepage .page .active:hover {
  color: #ffffff;
}
.basepage .page .prev,
.basepage .page .next {
  position: relative;
  font-weight: inherit;
  font-size: 16px;
  color: #999999;
}
@media (max-width: 1580px) {
  .basepage .page .prev,
  .basepage .page .next {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
}
@media (max-width: 767px) {
}
.basepage .page .prev i,
.basepage .page .next i {
  display: block;
}
.basepage .page .prev img,
.basepage .page .next img,
.basepage .page .prev svg,
.basepage .page .next svg {
  position: relative;
  width: 8px;
  opacity: 0.3;
}
.basepage .page .prev img path,
.basepage .page .next img path,
.basepage .page .prev svg path,
.basepage .page .next svg path {
  fill: #999999;
  stroke: none;
  opacity: 1;
}
.basepage .page .prev:hover:before,
.basepage .page .next:hover:before {
  opacity: 0;
}
.basepage .page .prev:hover svg,
.basepage .page .next:hover svg {
  opacity: 1;
}
.basepage .page .prev:hover svg path,
.basepage .page .next:hover svg path {
  opacity: 1;
  fill: #0364dd;
}
.basepage .page .prev i {
  margin-right: 8px;
}
.basepage .page .next i {
  margin-left: 8px;
}
.basepage .page a {
  position: relative;
}
.basepage .page a:hover {
  color: #0364dd;
}
.basepage .page a:hover:before {
  opacity: 1;
}
.basepage .beforew {
  display: flex;
  align-items: center;
  color: #161b27;
  font-weight: bold;
  color: #222222;
  font-size: 16px;
  margin-left: 20px;
  margin-bottom: 10px;
}
@media (max-width: 1580px) {
  .basepage .beforew {
    font-size: 14px;
    margin-left: 10px;
  }
}
@media (max-width: 991px) {
  .basepage .beforew {
    font-size: 14px;
  }
}
.basepage .beforew input {
  width: 50px;
  height: 50px;
  border-radius: 3px;
  background-color: #ffffff;
  border-radius: 10px;
  border: solid 1px #dddddd;
  color: #161b27;
  color: #0364dd;
  margin: 0 20px;
  text-align: center;
  font-size: 16px;
}
@media (max-width: 1580px) {
  .basepage .beforew input {
    font-size: 14px;
    margin: 0 10px;
  }
}
@media (max-width: 991px) {
  .basepage .beforew input {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .basepage .beforew input {
    width: 35px;
    height: 35px;
  }
}
.coursebox {
  background-color: #f5f6f8;
}
.coursebox_tit {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  padding-bottom: 0.35rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 0.4rem;
}
@media (max-width: 767px) {
  .coursebox_tit {
    padding-bottom: 0.56rem;
    margin-bottom: 0.6rem;
  }
}
.coursebox_tit .font {
  width: 71.5%;
  padding-right: 0.2rem;
}
@media (max-width: 767px) {
  .coursebox_tit .font {
    width: 100%;
    margin-bottom: 0.24rem;
  }
}
.coursebox_tit .font .tit {
  color: #000000;
  font-size: 0.56rem;
  font-weight: bold;
  margin-bottom: 0.11rem;
}
.coursebox_tit .font .text {
  color: #666666;
}
.coursebox_tit .form {
  width: 28.5%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  padding: 0.18rem 0.24rem;
  justify-content: space-between;
  display: flex;
}
@media (max-width: 767px) {
  .coursebox_tit .form {
    width: 100%;
  }
}
.coursebox_tit .form input {
  padding-right: 0.22rem;
  width: calc(100% - 0.2rem);
}
@media (max-width: 767px) {
  .coursebox_tit .form input {
    width: calc(100% - 0.4rem);
  }
}
.coursebox_tit .form .f_sub {
  width: 0.2rem;
  height: 0.2rem;
}
@media (max-width: 767px) {
  .coursebox_tit .form .f_sub {
    width: 0.4rem;
    height: 0.3rem;
  }
}
.coursebox_tit .form .f_sub svg {
  width: 100%;
  max-height: 100%;
}
.coursebox_tit .form .f_sub svg path {
  transition: all 0.4s;
  fill: #666666;
}
.coursebox_nav {
  padding: 0.22rem 0.4rem 0.12rem;
  background-color: #ffffff;
  border-radius: 10px;
  display: flex;
  flex-wrap: wrap;
  line-height: 36px;
}
@media (max-width: 1580px) {
  .coursebox_nav {
    line-height: 32px;
  }
}
@media (max-width: 991px) {
  .coursebox_nav {
    line-height: 28px;
  }
}
@media (max-width: 767px) {
  .coursebox_nav {
    line-height: 0.5rem;
    padding-bottom: 0.4rem;
  }
}
.coursebox_nav .name {
  color: #666666;
  width: 110px;
}
@media (max-width: 1580px) {
  .coursebox_nav .name {
    width: 80px;
  }
}
@media (max-width: 991px) {
  .coursebox_nav .name {
    width: 70px;
  }
}
@media (max-width: 767px) {
  .coursebox_nav .name {
    width: 100%;
  }
}
.coursebox_nav .gt {
  width: calc(100% - 110px);
}
@media (max-width: 1580px) {
  .coursebox_nav .gt {
    width: calc(100% - 80px);
  }
}
@media (max-width: 991px) {
  .coursebox_nav .gt {
    width: calc(100% - 70px);
  }
}
@media (max-width: 767px) {
  .coursebox_nav .gt {
    width: 100%;
    margin-top: 0.3rem;
  }
}
.coursebox_nav .gt .swiper-wrapper {
  flex-wrap: wrap;
}
.coursebox_nav .gt .swiper-slide {
  width: auto;
  height: auto;
  margin-right: 4px;
  margin-bottom: 10px;
}
.coursebox_nav .gt .swiper-slide .li {
  display: block;
  border-radius: 18px;
  text-align: center;
  min-width: 1rem;
  color: #666666;
  font-weight: bold;
  padding: 0 0.24rem;
}
@media (max-width: 1580px) {
  .coursebox_nav .gt .swiper-slide .li {
    border-radius: 16px;
  }
}
@media (max-width: 991px) {
  .coursebox_nav .gt .swiper-slide .li {
    border-radius: 14px;
  }
}
@media (max-width: 767px) {
  .coursebox_nav .gt .swiper-slide .li {
    border-radius: 0.25rem;
  }
}
.coursebox_nav .gt .on .li {
  background-color: rgba(3, 100, 221, 0.1);
  color: #0364dd;
}
.coursebox_erro1 .fztit {
  font-weight: bold;
  margin-bottom: 0.12rem;
  color: #000000;
}
.coursebox_erro1 .name {
  font-weight: bold;
  margin-bottom: 0.1rem;
  color: #000000;
}
.coursebox_erro1 .text {
  color: #666666;
  line-height: 1.875;
}
.coursebox_erro1 .text a {
  color: #0364dd;
}
.coursebox_erro1 .text a:hover {
  text-decoration: underline;
}
.coursebox-sec1 {
  padding: 0.84rem 0 0.9rem;
}
.coursebox-sec1 .coursebox_nav {
  margin-bottom: 0.4rem;
}
@media (max-width: 767px) {
  .coursebox-sec1 .coursebox_nav {
    margin-bottom: 0.56rem;
  }
}
.coursebox-sec1 .cont {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.2rem;
}
@media (max-width: 991px) {
  .coursebox-sec1 .cont {
    margin: 0 -0.1rem;
  }
}
@media (max-width: 767px) {
  .coursebox-sec1 .cont {
    margin: 0;
  }
}
.coursebox-sec1 .cont .item {
  width: 33.333%;
  padding: 0 0.2rem 0.4rem;
}
@media (max-width: 991px) {
  .coursebox-sec1 .cont .item {
    padding: 0 0.1rem 0.4rem;
  }
}
@media (max-width: 767px) {
  .coursebox-sec1 .cont .item {
    padding: 0 0 0.4rem;
    width: 100%;
  }
}
.coursebox-sec1 .cont .item .list {
  display: block;
  position: relative;
  z-index: 3;
  border-radius: 0.2rem;
  overflow: hidden;
  background-color: #ffffff;
}
.coursebox-sec1 .cont .item .list .img {
  overflow: hidden;
}
.coursebox-sec1 .cont .item .list .img:before {
  padding-top: 63.63636364%;
}
.coursebox-sec1 .cont .item .list .img img {
  transition: all 0.4s;
}
.coursebox-sec1 .cont .item .list .label {
  position: absolute;
  right: 0.3rem;
  top: 0.2rem;
  background-color: #0364dd;
  border-radius: 5px;
  color: #ffffff;
  padding: 6px 0.18rem;
  z-index: 2;
}
.coursebox-sec1 .cont .item .list .font {
  padding: 0.25rem 0.3rem 0.3rem 0.4rem;
}
.coursebox-sec1 .cont .item .list .font .tit {
  color: #222222;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 6px;
  font-weight: bold;
}
.coursebox-sec1 .cont .item .list .font .tit span {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 93%, #222222 0%);
  background-size: 0 100%;
  background-repeat: no-repeat;
  transition: all 0.4s;
}
.coursebox-sec1 .cont .item .list .font .text {
  line-height: 1.375;
  height: 2.75em;
  width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  color: #666666;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 0.66rem;
}
@media (max-width: 767px) {
  .coursebox-sec1 .cont .item .list .font .text {
    margin-bottom: 0.4rem;
  }
}
.coursebox-sec1 .cont .item .list .font .jut {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.coursebox-sec1 .cont .item .list .font .jut .wen {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  line-height: 2;
  width: calc(100% - 0.52rem);
}
@media (max-width: 767px) {
  .coursebox-sec1 .cont .item .list .font .jut .wen {
    width: calc(100% - 0.7rem);
  }
}
.coursebox-sec1 .cont .item .list .font .jut .wen .li {
  display: flex;
  align-items: center;
  margin-right: 0.3rem;
  color: #999999;
  font-size: 14px;
}
@media (max-width: 1580px) {
  .coursebox-sec1 .cont .item .list .font .jut .wen .li {
    font-size: 12px;
  }
}
.coursebox-sec1 .cont .item .list .font .jut .wen .li:last-child {
  margin-right: 0;
}
.coursebox-sec1 .cont .item .list .font .jut .wen .li i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 16px;
}
@media (max-width: 1580px) {
  .coursebox-sec1 .cont .item .list .font .jut .wen .li i {
    width: 14px;
    height: 12px;
  }
}
.coursebox-sec1 .cont .item .list .font .jut .wen .li i svg {
  max-width: 100%;
  max-height: 100%;
}
.coursebox-sec1 .cont .item .list .font .jut .wen .li i svg path {
  fill: #999999;
  opacity: 1;
}
.coursebox-sec1 .cont .item .list .font .jut .wen .li span {
  display: block;
  padding-left: 6px;
}
.coursebox-sec1 .cont .item .list .font .jut .wen .collect1 span:last-child {
  display: none;
}
.coursebox-sec1 .cont .item .list .font .jut .wen .on i svg path {
  fill: #0364dd;
}
.coursebox-sec1 .cont .item .list .font .jut .wen .on span {
  color: #0364dd;
  display: none;
}
.coursebox-sec1 .cont .item .list .font .jut .wen .on span:last-child {
  display: block;
}
.coursebox-sec1 .cont .item .list .font .jut .but {
  width: 0.42rem;
  height: 0.42rem;
  display: flex;
  align-items: center;
  transition: all 0.4s;
  justify-content: center;
  border-radius: 50%;
  background-color: #aaaaaa;
}
@media (max-width: 767px) {
  .coursebox-sec1 .cont .item .list .font .jut .but {
    width: 0.6rem;
    height: 0.6rem;
  }
}
.coursebox-sec1 .cont .item .list .font .jut .but svg {
  width: 35.71428571%;
  max-height: 35.71428571%;
}
.coursebox-sec1 .cont .item .list .font .jut .but svg path {
  fill: #ffffff;
  opacity: 1;
  transition: all 0.4s;
}
.coursebox-sec1 .cont .item .list:hover .img img {
  transform: scale(1.08);
}
.coursebox-sec1 .cont .item .list:hover .font .tit span {
  background-size: 100% 100%;
}
.coursebox-sec1 .cont .item .list:hover .font .jut .but {
  background-color: #0364dd;
  transform: rotate(-45deg);
}
.coursebox-sec1 .basepage {
  margin-top: 0.2rem;
}
/* End */
/* 课程详情 */
.studyinfo-sec1 {
  padding: 0.94rem 0 1rem;
}
.studyinfo-sec1 .cont {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.studyinfo-sec1 .cont .lt,
.studyinfo-sec1 .cont .gt {
  width: 50%;
}
@media (max-width: 767px) {
  .studyinfo-sec1 .cont .lt,
  .studyinfo-sec1 .cont .gt {
    width: 100%;
  }
}
.studyinfo-sec1 .cont .lt {
  overflow: hidden;
  border-radius: 0.2rem;
}
.studyinfo-sec1 .cont .lt:before {
  padding-top: 68.57142857%;
}
.studyinfo-sec1 .cont .gt {
  padding-left: 0.8rem;
}
@media (max-width: 991px) {
  .studyinfo-sec1 .cont .gt {
    padding-left: 0.4rem;
  }
}
@media (max-width: 767px) {
  .studyinfo-sec1 .cont .gt {
    padding-left: 0;
    margin-top: 0.56rem;
  }
}
.studyinfo-sec1 .cont .gt .fztit {
  color: #000000;
  font-size: 0.38rem;
  overflow: hidden;
  margin-bottom: 0.2rem;
}
@media (max-width: 767px) {
  .studyinfo-sec1 .cont .gt .fztit {
    font-size: 0.42rem;
  }
}
.studyinfo-sec1 .cont .gt .fztit strong,
.studyinfo-sec1 .cont .gt .fztit span {
  display: inline-block;
  float: left;
}
.studyinfo-sec1 .cont .gt .fztit strong {
  font-weight: bold;
}
.studyinfo-sec1 .cont .gt .fztit span {
  display: inline-block;
  font-size: 12px;
  color: #ffffff;
  border-radius: 4px;
  padding: 0 0.1rem;
  margin-left: 0.16rem;
  margin-top: 1em;
  background-color: #0364dd;
  line-height: 24px;
}
@media (max-width: 1580px) {
  .studyinfo-sec1 .cont .gt .fztit span {
    line-height: 20px;
    margin-top: 0.6em;
  }
}
@media (max-width: 767px) {
  .studyinfo-sec1 .cont .gt .fztit span {
    font-size: 0.24rem;
  }
}
.studyinfo-sec1 .cont .gt .text {
  font-size: 16px;
  line-height: 1.5;
  color: #666666;
  margin-bottom: 0.14rem;
}
.studyinfo-sec1 .cont .gt .ftxt {
  font-size: 16px;
  line-height: 1.5;
  color: #666666;
  margin-bottom: 0.38rem;
}
.studyinfo-sec1 .cont .gt .wen {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  line-height: 2;
  width: 100%;
  padding-bottom: 0.16rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 0.3rem;
}
.studyinfo-sec1 .cont .gt .wen .li {
  display: flex;
  align-items: center;
  margin-right: 0.3rem;
  color: #999999;
  font-size: 14px;
}
@media (max-width: 1580px) {
  .studyinfo-sec1 .cont .gt .wen .li {
    font-size: 12px;
  }
}
.studyinfo-sec1 .cont .gt .wen .li:last-child {
  margin-right: 0;
}
.studyinfo-sec1 .cont .gt .wen .li i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 16px;
}
@media (max-width: 1580px) {
  .studyinfo-sec1 .cont .gt .wen .li i {
    width: 14px;
    height: 12px;
  }
}
.studyinfo-sec1 .cont .gt .wen .li i svg {
  max-width: 100%;
  max-height: 100%;
}
.studyinfo-sec1 .cont .gt .wen .li i svg path {
  fill: #999999;
  opacity: 1;
  stroke: none;
}
.studyinfo-sec1 .cont .gt .wen .li span {
  display: block;
  padding-left: 6px;
}
.studyinfo-sec1 .cont .gt .wen .collect1 span:last-child {
  display: none;
}
.studyinfo-sec1 .cont .gt .wen .on i svg path {
  fill: #0364dd;
}
.studyinfo-sec1 .cont .gt .wen .on span {
  color: #0364dd;
  display: none;
}
.studyinfo-sec1 .cont .gt .wen .on span:last-child {
  display: block;
}
.studyinfo-sec1 .cont .gt .fen {
  display: flex;
  align-items: center;
  margin-top: 0.44rem;
}
@media (min-width: 768px) {
  .studyinfo-sec1 .cont .gt .fen {
    justify-content: flex-end;
  }
}
.studyinfo-sec1 .cont .gt .fen .name {
  color: #666666;
}
.studyinfo-sec1 .cont .gt .fen .f_jut {
  display: flex;
  align-items: center;
  margin-left: 0;
}
.studyinfo-sec1 .cont .gt .fen .f_jut .help {
  font-size: 12px;
  display: none;
}
.studyinfo-sec1 .cont .gt .fen .f_jut .icon-wechat .wechat-qrcode .qrcode {
  width: 100%;
}
.studyinfo-sec1 .cont .gt .fen .f_jut .wechat-qrcode {
  left: 50%;
  transform: translateX(-50%);
  height: 160px;
  top: initial;
  bottom: 100%;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .studyinfo-sec1 .cont .gt .fen .f_jut .wechat-qrcode {
    width: 3rem;
  }
}
.studyinfo-sec1 .cont .gt .fen .f_jut a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.44rem;
  height: 0.44rem;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  border-radius: 50%;
  border: none;
  line-height: 1;
  padding: 0;
  opacity: 1;
  font-size: 20px;
  color: #999999;
  background-color: #f6f8fa;
  margin: 0 5px;
}
@media (max-width: 1580px) {
  .studyinfo-sec1 .cont .gt .fen .f_jut a {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .studyinfo-sec1 .cont .gt .fen .f_jut a {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .studyinfo-sec1 .cont .gt .fen .f_jut a {
    width: 0.66rem;
    height: 0.66rem;
  }
}
.studyinfo-sec1 .cont .gt .fen .f_jut a:hover {
  background-color: #0364dd;
  color: #ffffff;
}
.studyinfo-sec2 {
  background-color: #f5f6f8;
  padding: 0.8rem 0 1.1rem;
}
.studyinfo-sec2 .cont {
  padding: 0.45rem 0.6rem 0;
  background-color: #ffffff;
  border-radius: 0.2rem;
}
@media (max-width: 767px) {
  .studyinfo-sec2 .cont {
    padding: 0.45rem 0.4rem 0;
  }
}
.studyinfo-sec2 .cont .studyinfo2_nav {
  width: 100%;
  border-bottom: 1px solid #f4f4f4;
}
.studyinfo-sec2 .cont .studyinfo2_nav .swiper-slide {
  width: auto;
  margin-right: 0.6rem;
}
.studyinfo-sec2 .cont .studyinfo2_nav .swiper-slide:last-child {
  margin-right: 0;
}
.studyinfo-sec2 .cont .studyinfo2_nav .swiper-slide .li {
  display: block;
  padding-bottom: 0.25rem;
  color: #666666;
  font-weight: bold;
  border-bottom: 2px solid transparent;
}
.studyinfo-sec2 .cont .studyinfo2_nav .on .li {
  color: #0364dd;
  border-color: #0364dd;
}
.studyinfo-sec2 .cont .messages1 .item {
  padding: 0.38rem 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  font-size: 22px;
}
@media (max-width: 1580px) {
  .studyinfo-sec2 .cont .messages1 .item {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .studyinfo-sec2 .cont .messages1 .item {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .studyinfo-sec2 .cont .messages1 .item {
    font-size: 0.32rem;
  }
}
.studyinfo-sec2 .cont .messages1 .item:last-child {
  border-bottom: none;
}
.studyinfo-sec2 .cont .messages1 .item .img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.84rem;
  height: 0.84rem;
  background-color: #f5f5f5;
  border-radius: 50%;
  margin-top: 0.25em;
}
@media (max-width: 767px) {
  .studyinfo-sec2 .cont .messages1 .item .img {
    margin-top: 0;
    margin-bottom: 0.14rem;
  }
}
.studyinfo-sec2 .cont .messages1 .item .img img {
  object-fit: contain;
  max-width: 47.61904762%;
  max-height: 47.61904762%;
}
.studyinfo-sec2 .cont .messages1 .item .font {
  width: calc(100% - 0.84rem);
  padding-left: 0.42rem;
}
@media (max-width: 767px) {
  .studyinfo-sec2 .cont .messages1 .item .font {
    width: 100%;
    padding-left: 0;
  }
}
.studyinfo-sec2 .cont .messages1 .item .font .tit {
  font-weight: bold;
  color: #000000;
}
.studyinfo-sec2 .cont .messages1 .item .font .text {
  margin-top: 0.1rem;
  font-size: 16px;
  line-height: 1.5;
  color: #666666;
}
@media (max-width: 1580px) {
  .studyinfo-sec2 .cont .messages1 .item .font .text {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .studyinfo-sec2 .cont .messages1 .item .font .text {
    font-size: 0.26rem;
  }
}
.studyinfo-sec2 .cont .evaluate1 {
  padding: 0.34rem 0 0.5rem;
}
.studyinfo-sec2 .cont .evaluate1 .fztitle {
  font-weight: bold;
  color: #000000;
  margin-bottom: 0.32rem;
}
.studyinfo-sec2 .cont .evaluate1 .fzpin {
  display: flex;
  align-items: flex-start;
  padding-bottom: 0.35rem;
  border-bottom: 1px solid #f4f4f4;
}
.studyinfo-sec2 .cont .evaluate1 .fzpin .shu {
  color: #ff9000;
  font-weight: bold;
  font-size: 0.68rem;
  line-height: 0.8;
}
.studyinfo-sec2 .cont .evaluate1 .fzpin .font {
  padding-left: 0.3rem;
}
.studyinfo-sec2 .cont .evaluate1 .fzpin .font .layui-inline ul {
  padding: 0;
}
.studyinfo-sec2 .cont .evaluate1 .fzpin .font .text {
  color: #999999;
  margin-top: 6px;
}
.studyinfo-sec2 .cont .evaluate1 .fzjut {
  width: 100%;
}
.studyinfo-sec2 .cont .evaluate1 .fzjut .item {
  display: flex;
  align-items: flex-start;
  padding-top: 0.4rem;
  flex-wrap: wrap;
}
.studyinfo-sec2 .cont .evaluate1 .fzjut .item .img {
  width: 0.9rem;
  border-radius: 50%;
  overflow: hidden;
}
@media (max-width: 767px) {
  .studyinfo-sec2 .cont .evaluate1 .fzjut .item .img {
    width: 0.6rem;
  }
}
.studyinfo-sec2 .cont .evaluate1 .fzjut .item .font {
  width: calc(100% - 0.9rem);
  padding-bottom: 0.46rem;
  border-bottom: 1px solid #f4f4f4;
  padding-left: 0.3rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  font-size: 16px;
  padding-top: 8px;
}
@media (max-width: 1580px) {
  .studyinfo-sec2 .cont .evaluate1 .fzjut .item .font {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .studyinfo-sec2 .cont .evaluate1 .fzjut .item .font {
    width: calc(100% - 0.6rem);
    padding-bottom: 0.2rem;
  }
}
.studyinfo-sec2 .cont .evaluate1 .fzjut .item .font .tit {
  color: #000000;
  font-weight: bold;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 6px;
}
@media (max-width: 767px) {
  .studyinfo-sec2 .cont .evaluate1 .fzjut .item .font .tit {
    font-size: 0.28rem;
  }
}
.studyinfo-sec2 .cont .evaluate1 .fzjut .item .font .ftiem {
  display: flex;
  align-items: center;
  width: 60%;
  color: #999999;
  font-size: 14px;
  margin-bottom: 0.16rem;
}
@media (max-width: 767px) {
  .studyinfo-sec2 .cont .evaluate1 .fzjut .item .font .ftiem {
    font-size: 0.24rem;
  }
}
.studyinfo-sec2 .cont .evaluate1 .fzjut .item .font .ftiem .name {
  padding-right: 0.1rem;
  margin-right: 0.1rem;
  position: relative;
}
.studyinfo-sec2 .cont .evaluate1 .fzjut .item .font .ftiem .name:after {
  content: "";
  display: block;
  width: 1px;
  height: 0.8em;
  background-color: #000000;
  opacity: 0.1;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -0.4em;
}
.studyinfo-sec2 .cont .evaluate1 .fzjut .item .font .ftiem .layui-rate {
  padding: 0;
}
.studyinfo-sec2 .cont .evaluate1 .fzjut .item .font .ftiem .layui-rate li i {
  color: #ff9000;
  font-size: 16px;
}
.studyinfo-sec2 .cont .evaluate1 .fzjut .item .font .fz_zan {
  display: flex;
  align-items: center;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  color: #999999;
  margin-bottom: 0.16rem;
}
.studyinfo-sec2 .cont .evaluate1 .fzjut .item .font .fz_zan i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  margin-right: 8px;
}
@media (max-width: 1580px) {
  .studyinfo-sec2 .cont .evaluate1 .fzjut .item .font .fz_zan i {
    width: 16px;
    height: 16px;
  }
}
@media (max-width: 767px) {
  .studyinfo-sec2 .cont .evaluate1 .fzjut .item .font .fz_zan i {
    width: 0.34rem;
    height: 0.34rem;
  }
}
.studyinfo-sec2 .cont .evaluate1 .fzjut .item .font .fz_zan i svg,
.studyinfo-sec2 .cont .evaluate1 .fzjut .item .font .fz_zan i img {
  width: 100%;
  max-height: 100%;
}
.studyinfo-sec2 .cont .evaluate1 .fzjut .item .font .fz_zan i img:nth-child(2) {
  display: none;
}
.studyinfo-sec2 .cont .evaluate1 .fzjut .item .font .fz_zan.on {
  color: #0364dd;
}
.studyinfo-sec2 .cont .evaluate1 .fzjut .item .font .fz_zan.on i img {
  display: none;
}
.studyinfo-sec2 .cont .evaluate1 .fzjut .item .font .fz_zan.on i img:nth-child(2) {
  display: block;
}
.studyinfo-sec2 .cont .evaluate1 .fzjut .item .font .text {
  line-height: 1.5;
  color: #666666;
  width: 100%;
  font-size: 16px;
}
@media (max-width: 1580px) {
  .studyinfo-sec2 .cont .evaluate1 .fzjut .item .font .text {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .studyinfo-sec2 .cont .evaluate1 .fzjut .item .font .text {
    font-size: 0.26rem;
  }
}
.studyinfo-sec2 .basepage {
  margin-top: 0.5rem;
}
/* End */
/* 质量与可靠 */
.qualitybox-sec1 {
  line-height: 0.7rem;
  height: 0.7rem;
  width: 100%;
  background-color: #ffffff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
@media (max-width: 767px) {
  .qualitybox-sec1 {
    height: 0.86rem;
    line-height: 0.86rem;
  }
}
.qualitybox-sec1 .cont {
  background-color: #ffffff;
  width: 100%;
  z-index: 60;
}
.qualitybox-sec1 .cont .qualitybox1_nav {
  width: 100%;
}
.qualitybox-sec1 .cont .qualitybox1_nav .swiper-slide {
  width: auto;
  margin-right: 0.68rem;
}
.qualitybox-sec1 .cont .qualitybox1_nav .swiper-slide .item {
  display: block;
  color: #999999;
  font-weight: bold;
  transition: all 0.4s;
  border-bottom: 2px solid transparent;
}
.qualitybox-sec1 .cont .qualitybox1_nav .on .item {
  border-color: #0364dd;
  color: #0364dd;
}
.qualitybox-sec2 {
  padding: 0.9rem 0 1.2rem;
}
.qualitybox-sec2 .fjut {
  padding: 0 1.24rem 0.75rem;
  text-align: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 0.7rem;
}
@media (max-width: 767px) {
  .qualitybox-sec2 .fjut {
    padding: 0 0 0.75rem;
  }
}
.qualitybox-sec2 .fjut .ftit {
  color: #000000;
  font-weight: bold;
}
.qualitybox-sec2 .fjut .text {
  margin-top: 0.14rem;
  line-height: 1.5;
  color: #666666;
}
.qualitybox-sec2 .cont .item {
  margin-bottom: 0.6rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background-color: #ffffff;
  box-shadow: 0px 0px 21px 0px rgba(235, 235, 235, 0.6);
  border-radius: 0.2rem;
  overflow: hidden;
}
.qualitybox-sec2 .cont .item:last-child {
  margin-bottom: 0;
}
.qualitybox-sec2 .cont .item .font,
.qualitybox-sec2 .cont .item .img {
  width: 50%;
}
@media (max-width: 767px) {
  .qualitybox-sec2 .cont .item .font,
  .qualitybox-sec2 .cont .item .img {
    width: 100%;
  }
}
.qualitybox-sec2 .cont .item .font {
  padding: 0.34rem 0.6rem;
}
@media (max-width: 767px) {
  .qualitybox-sec2 .cont .item .font {
    padding: 0.46rem 0.36rem;
    order: 1;
  }
}
.qualitybox-sec2 .cont .item .font .tit {
  font-weight: bold;
  color: #000000;
  margin-bottom: 0.15rem;
}
.qualitybox-sec2 .cont .item .font .text {
  line-height: 1.625;
  color: #666666;
}
.qualitybox-sec2 .cont .item .img:before {
  padding-top: 59.71428571%;
}
@media (min-width: 768px) {
  .qualitybox-sec2 .cont .item:nth-child(2n) .font {
    order: 1;
  }
}
@media (min-width: 768px) and (min-width: 992px) {
  .qualitybox-sec2 .cont .item:nth-child(2n) .font {
    padding: 0.36rem 1rem;
  }
}
.qualitybox-sec3 {
  padding-bottom: 1.2rem;
}
.qualitybox-sec3 .fzjut {
  text-align: center;
  margin-bottom: 0.5rem;
}
.qualitybox-sec3 .fzjut .tit {
  font-weight: bold;
  color: #000000;
}
.qualitybox-sec3 .fzjut .text {
  color: #666666;
  line-height: 1.625;
  margin-top: 6px;
}
.qualitybox-sec3 .cont .fztit,
.qualitybox-sec3 .cont .item {
  padding: 0.25rem 0.26rem;
  display: flex;
}
.qualitybox-sec3 .cont .fztit .name,
.qualitybox-sec3 .cont .item .name {
  flex-basis: 1;
  flex-shrink: 1;
}
.qualitybox-sec3 .cont .fztit .di1,
.qualitybox-sec3 .cont .item .di1 {
  width: 20%;
  flex-shrink: 0;
}
.qualitybox-sec3 .cont .fztit .di2,
.qualitybox-sec3 .cont .item .di2 {
  width: 73.85%;
  padding-right: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 767px) {
  .qualitybox-sec3 .cont .fztit .di2,
  .qualitybox-sec3 .cont .item .di2 {
    width: 80%;
  }
}
.qualitybox-sec3 .cont .fztit .di3,
.qualitybox-sec3 .cont .item .di3 {
  display: flex;
  align-items: center;
  flex: 1 0 auto;
}
@media (max-width: 767px) {
  .qualitybox-sec3 .cont .fztit .di3,
  .qualitybox-sec3 .cont .item .di3 {
    display: none;
  }
}
.qualitybox-sec3 .cont .fztit .di3 span,
.qualitybox-sec3 .cont .item .di3 span {
  transition: all 0.4s;
  color: #666666;
}
.qualitybox-sec3 .cont .fztit .di3 i,
.qualitybox-sec3 .cont .item .di3 i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 8px;
  margin-left: 10px;
  height: 14px;
}
@media (max-width: 1580px) {
  .qualitybox-sec3 .cont .fztit .di3 i,
  .qualitybox-sec3 .cont .item .di3 i {
    width: 6px;
    height: 12px;
    margin-left: 8px;
  }
}
.qualitybox-sec3 .cont .fztit .di3 i svg,
.qualitybox-sec3 .cont .item .di3 i svg {
  max-width: 100%;
  max-height: 100%;
  transition: all 0.4s;
}
.qualitybox-sec3 .cont .fztit .di3 i svg path,
.qualitybox-sec3 .cont .item .di3 i svg path {
  fill: #999999;
}
.qualitybox-sec3 .cont .fztit {
  background-color: #f5f5f5;
}
.qualitybox-sec3 .cont .fztit .name {
  display: block;
  font-weight: bold;
  color: #666666;
}
.qualitybox-sec3 .cont .item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.qualitybox-sec3 .cont .item .name {
  color: #000000;
  transition: all 0.4s;
}
.qualitybox-sec3 .cont .item:hover .name {
  color: #0364dd;
}
.qualitybox-sec3 .cont .item:hover .di3 span {
  color: #0364dd;
}
.qualitybox-sec3 .cont .item:hover .di3 i svg path {
  fill: #0364dd;
}
/* End */
/* 售后服务 */
.afterbox-sec1 {
  background-color: #f6f8fa;
  padding: 0.9rem 0 1.15rem;
}
.afterbox-sec1 .cont {
  max-width: 1080px;
  margin: 0 auto;
}
.afterbox-sec1 .cont .fzjut {
  text-align: center;
  padding-bottom: 0.36rem;
  margin-bottom: 0.44rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.afterbox-sec1 .cont .fzjut .tit {
  font-weight: bold;
  color: #000000;
}
.afterbox-sec1 .cont .fzjut .text {
  color: #666666;
  line-height: 1.5;
  margin-top: 8px;
}
/* End */
/* 常见问题 */
.faqbanner .cont .form {
  margin-top: 0.22rem;
  max-width: 600px;
  background-color: #ffffff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 4px;
  color: #999999;
  padding: 0.16rem 0.24rem;
}
.faqbanner .cont .form input {
  color: #333333;
  font-size: 16px;
  width: calc(100% - 33px);
}
@media (max-width: 1580px) {
  .faqbanner .cont .form input {
    width: calc(100% - 30px);
  }
}
@media (max-width: 767px) {
  .faqbanner .cont .form input {
    width: calc(100% - 26px);
  }
}
.faqbanner .cont .form .f_sub {
  width: 23px;
  height: 23px;
}
@media (max-width: 1580px) {
  .faqbanner .cont .form .f_sub {
    width: 20px;
    height: 20px;
  }
}
@media (max-width: 767px) {
  .faqbanner .cont .form .f_sub {
    width: 16px;
    height: 16px;
  }
}
.faqbanner .cont .form .f_sub svg {
  max-width: 100%;
  max-height: 100%;
}
.faqbanner .cont .form .f_sub svg path {
  fill: #666666;
  opacity: 1;
}
.faqbox-sec1 {
  padding: 0.8rem 0 0.9rem;
}
.faqbox-sec1 .fznav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.26rem;
}
.faqbox-sec1 .fznav .tit {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .faqbox-sec1 .fznav .tit {
    font-size: 0.26rem;
  }
}
.faqbox-sec1 .fznav .tit i {
  display: block;
  width: 17px;
  overflow: hidden;
}
@media (max-width: 1580px) {
  .faqbox-sec1 .fznav .tit i {
    width: 12px;
  }
}
.faqbox-sec1 .fznav .tit i img {
  width: 100%;
  float: left;
}
.faqbox-sec1 .fznav .tit .text {
  color: #666666;
  padding-left: 6px;
}
.faqbox-sec1 .fznav .tit .text span {
  color: #0364dd;
}
.faqbox-sec1 .fznav .but {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .faqbox-sec1 .fznav .but {
    font-size: 0.26rem;
  }
}
.faqbox-sec1 .fznav .but i {
  display: block;
  overflow: hidden;
  width: 20px;
}
@media (max-width: 1580px) {
  .faqbox-sec1 .fznav .but i {
    width: 16px;
  }
}
.faqbox-sec1 .fznav .but i svg {
  width: 100%;
  height: auto;
  float: left;
}
.faqbox-sec1 .fznav .but i svg path {
  fill: #999;
  opacity: 1;
  transition: all 0.4s;
}
.faqbox-sec1 .fznav .but span {
  color: #999999;
  transition: all 0.4s;
  display: block;
  padding-left: 12px;
}
@media (max-width: 1580px) {
  .faqbox-sec1 .fznav .but span {
    padding-left: 8px;
  }
}
.faqbox-sec1 .fznav .but:hover span {
  color: #0364dd;
}
.faqbox-sec1 .fznav .but:hover i svg path {
  fill: #0364dd;
}
.faqbox-sec1 .coursebox_erro1 {
  padding-top: 0.56rem;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.faqbox-sec1 .cont .item {
  padding: 0.25rem 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.faqbox-sec1 .cont .item:first-child {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.faqbox-sec1 .cont .item .fztit {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  cursor: pointer;
}
.faqbox-sec1 .cont .item .fztit .tit {
  font-weight: bold;
  transition: all 0.4s;
  color: #666666;
  width: calc(100% - 22px);
}
.faqbox-sec1 .cont .item .fztit .but {
  width: 12px;
  height: 8px;
  top: 0.5em;
  overflow: hidden;
  transition: all 0.4s;
  margin-top: 4px;
  position: relative;
}
@media (max-width: 1580px) {
  .faqbox-sec1 .cont .item .fztit .but {
    width: 10px;
    height: 6px;
    margin-top: 3px;
  }
}
.faqbox-sec1 .cont .item .fztit .but svg {
  width: 100%;
  float: left;
  max-height: 100%;
}
.faqbox-sec1 .cont .item .fztit .but svg path {
  fill: #666;
  opacity: 1;
}
.faqbox-sec1 .cont .item .jut {
  padding-top: 0.1rem;
  line-height: 1.5;
  color: #666666;
  display: none;
}
.faqbox-sec1 .cont .item.on .fztit .tit {
  color: #000000;
}
.faqbox-sec1 .cont .item.on .fztit .but {
  transform: rotate(180deg);
}
.faqbox-sec1 .basepage {
  margin-top: 0.6rem;
}
/* End */
/* 资料中心 */
.databox {
  background-color: #f6f8fa;
}
.databox-sec1 {
  padding-top: 0.88rem;
  padding-bottom: 0.9rem;
}
.databox-sec1 .cont {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.databox-sec1 .cont .lt {
  width: 29.2857%;
}
@media (max-width: 991px) {
  .databox-sec1 .cont .lt {
    width: 100%;
    margin-bottom: 0.4rem;
  }
}
.databox-sec1 .cont .lt .fnav {
  background-color: #ffffff;
  border-radius: 10px;
  overflow: hidden;
}
.databox-sec1 .cont .lt .fnav > li {
  border-bottom: 1px solid #f5f5f5;
}
.databox-sec1 .cont .lt .fnav > li > .ftit {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.18rem 0.3rem;
  cursor: pointer;
}
.databox-sec1 .cont .lt .fnav > li > .ftit a {
  display: block;
  width: calc(100% - 20px);
  overflow: hidden;
  color: #666666;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media (max-width: 1580px) {
  .databox-sec1 .cont .lt .fnav > li > .ftit a {
    font-size: 14px;
  }
}
.databox-sec1 .cont .lt .fnav > li > .ftit i {
  width: 9px;
  transition: all 0.4s;
  overflow: hidden;
}
@media (max-width: 1580px) {
  .databox-sec1 .cont .lt .fnav > li > .ftit i {
    width: 7px;
  }
}
.databox-sec1 .cont .lt .fnav > li > .ftit i svg {
  width: 100%;
  max-height: 100%;
}
.databox-sec1 .cont .lt .fnav > li > .ftit i svg path {
  opacity: 1;
  transition: all 0.4s;
  fill: #666666;
}
.databox-sec1 .cont .lt .fnav > li > ul {
  padding: 0 0.3rem 0.3rem;
}
.databox-sec1 .cont .lt .fnav > li > ul > li > .ftit {
  font-weight: bold;
}
.databox-sec1 .cont .lt .fnav > li > ul > li > ul {
  width: 100%;
}
.databox-sec1 .cont .lt .fnav > li > ul > li > ul > li {
  background-color: #f5f5f5;
  padding: 0 0.2rem;
  margin-bottom: 0.12rem;
}
.databox-sec1 .cont .lt .fnav > li > ul > li > ul > li:last-child {
  margin-bottom: 0;
}
.databox-sec1 .cont .lt .fnav > li > ul > li > ul > li .ftit {
  color: #333333;
  font-weight: bold;
}
.databox-sec1 .cont .lt .fnav > li > ul > li > ul > li ul {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 0.3rem;
  padding-top: 0.16rem;
}
.databox-sec1 .cont .lt .fnav > li > ul > li > ul > li ul li {
  margin-bottom: 8px;
}
.databox-sec1 .cont .lt .fnav > li > ul > li > ul > li ul li:last-child {
  margin-bottom: 0;
}
.databox-sec1 .cont .lt .fnav > li > ul > li > ul > li ul li .ftit {
  padding: 0;
  color: #666666;
  font-weight: normal;
}
.databox-sec1 .cont .lt .fnav > li > ul .on > .ftit a {
  color: #0364dd !important;
}
.databox-sec1 .cont .lt .fnav > li > ul .on > .ftit i {
  border-color: #0364dd !important;
}
.databox-sec1 .cont .lt .fnav > li > ul .on > .ftit i:before,
.databox-sec1 .cont .lt .fnav > li > ul .on > .ftit i:after {
  background-color: #0364dd !important;
}
.databox-sec1 .cont .lt .fnav > li > ul .on > .ftit i:after {
  opacity: 0!important;
}
.databox-sec1 .cont .lt .fnav > li.on > .ftit {
  background-color: #f5f5f5;
  color: #000000;
}
.databox-sec1 .cont .lt .fnav > li.on > .ftit i {
  transform: rotate(90deg);
}
.databox-sec1 .cont .lt .fnav ul {
  display: none;
}
.databox-sec1 .cont .lt .fnav ul li .ftit {
  display: flex;
  padding: 0.18rem 0;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  font-size: 16px;
}
@media (max-width: 1580px) {
  .databox-sec1 .cont .lt .fnav ul li .ftit {
    font-size: 14px;
  }
}
.databox-sec1 .cont .lt .fnav ul li .ftit a {
  display: block;
  white-space: nowrap;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 30px);
}
@media (max-width: 1580px) {
  .databox-sec1 .cont .lt .fnav ul li .ftit a {
    width: calc(100% - 26px);
  }
}
.databox-sec1 .cont .lt .fnav ul li .ftit i {
  border: 1px solid #333333;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: flex;
  color: #000;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}
@media (max-width: 1580px) {
  .databox-sec1 .cont .lt .fnav ul li .ftit i {
    width: 16px;
    height: 16px;
  }
}
@media (max-width: 991px) {
  .databox-sec1 .cont .lt .fnav ul li .ftit i {
    width: 12px;
    height: 12px;
  }
}
.databox-sec1 .cont .lt .fnav ul li .ftit i:before,
.databox-sec1 .cont .lt .fnav ul li .ftit i:after {
  content: "";
  display: block;
  width: 50%;
  height: 1px;
  background-color: #333333;
  transition: all 0.4s;
}
.databox-sec1 .cont .lt .fnav ul li .ftit i:before {
  margin-top: -1px;
}
.databox-sec1 .cont .lt .fnav ul li .ftit i:after {
  transform: rotate(90deg);
  margin-top: -1px;
}
.databox-sec1 .cont .lt .fnav ul li .ftit:hover a {
  color: #0364dd;
}
.databox-sec1 .cont .lt .fnav ul li .ftit:hover i {
  border-color: #0364dd;
}
.databox-sec1 .cont .lt .fnav ul li .ftit:hover i:before,
.databox-sec1 .cont .lt .fnav ul li .ftit:hover i:after {
  background-color: #0364dd;
}
.databox-sec1 .cont .gt {
  width: 70.7143%;
  padding-left: 0.45rem;
}
@media (max-width: 991px) {
  .databox-sec1 .cont .gt {
    width: 100%;
    padding-left: 0;
  }
}
.databox-sec1 .cont .gt .data1_cont {
  padding: 0.34rem 0.36rem 0;
  background-color: #ffffff;
  border-radius: 10px;
}
.databox-sec1 .cont .gt .data1_cont .fzqnav {
  border-radius: 10px;
  border: solid 1px rgba(51, 51, 51, 0.1);
  padding: 0 0.3rem;
}
.databox-sec1 .cont .gt .data1_cont .fzqnav .fzitem {
  padding: 0.26rem 0;
  display: flex;
  justify-content: space-between;
  color: #000000;
  font-size: 16px;
  align-items: flex-start;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
}
@media (max-width: 1580px) {
  .databox-sec1 .cont .gt .data1_cont .fzqnav .fzitem {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .databox-sec1 .cont .gt .data1_cont .fzqnav .fzitem {
    flex-wrap: wrap;
  }
}
.databox-sec1 .cont .gt .data1_cont .fzqnav .fzitem:last-child {
  border-bottom: 0;
}
.databox-sec1 .cont .gt .data1_cont .fzqnav .fzitem .name {
  font-weight: bold;
  width: 11%;
}
@media (max-width: 767px) {
  .databox-sec1 .cont .gt .data1_cont .fzqnav .fzitem .name {
    width: 100%;
    margin-bottom: 0.26rem;
  }
}
.databox-sec1 .cont .gt .data1_cont .fzqnav .fzitem .fznei {
  width: 81%;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .databox-sec1 .cont .gt .data1_cont .fzqnav .fzitem .fznei {
    width: 78%;
  }
}
.databox-sec1 .cont .gt .data1_cont .fzqnav .fzitem .fznei .li {
  width: 20%;
  position: relative;
  display: flex;
  user-select: none;
  -webkit-user-select: none;
  cursor: pointer;
  align-items: flex-start;
  padding-right: 10px;
  margin-bottom: 6px;
}
@media (max-width: 1580px) {
  .databox-sec1 .cont .gt .data1_cont .fzqnav .fzitem .fznei .li {
    width: 25%;
  }
}
@media (max-width: 991px) {
  .databox-sec1 .cont .gt .data1_cont .fzqnav .fzitem .fznei .li {
    width: auto;
    margin-right: 0.26rem;
    flex-shrink: 0;
  }
}
.databox-sec1 .cont .gt .data1_cont .fzqnav .fzitem .fznei .li input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.databox-sec1 .cont .gt .data1_cont .fzqnav .fzitem .fznei .li i {
  margin-top: 0.3em;
  width: 16px;
  height: 16px;
  border-radius: 25%;
  border: solid 1px rgba(51, 51, 51, 0.1);
  position: relative;
  transition: all 0.4s;
}
@media (max-width: 1580px) {
  .databox-sec1 .cont .gt .data1_cont .fzqnav .fzitem .fznei .li i {
    width: 14px;
    height: 14px;
  }
}
.databox-sec1 .cont .gt .data1_cont .fzqnav .fzitem .fznei .li i:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all 0.4s;
  background: #0364dd url(../images/zhendasvg1.svg) center / 71.42857143% auto no-repeat;
}
.databox-sec1 .cont .gt .data1_cont .fzqnav .fzitem .fznei .li span {
  color: #000000;
  display: block;
  padding-left: 8px;
  width: calc(100% - 16px);
}
@media (max-width: 1580px) {
  .databox-sec1 .cont .gt .data1_cont .fzqnav .fzitem .fznei .li span {
    width: calc(100% - 14px);
  }
}
.databox-sec1 .cont .gt .data1_cont .fzqnav .fzitem .fznei .li input:checked ~ i {
  border-color: #0364dd;
}
.databox-sec1 .cont .gt .data1_cont .fzqnav .fzitem .fznei .li input:checked ~ i:before {
  opacity: 1;
}
.databox-sec1 .cont .gt .data1_cont .fzqnav .fzitem .fznei .li.on i {
  border-color: #0364dd;
}
.databox-sec1 .cont .gt .data1_cont .fzqnav .fzitem .fznei .li.on i:before {
  opacity: 1;
}
.databox-sec1 .cont .gt .data1_cont .fzqnav .fzitem .fzselect {
  width: 89%;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .databox-sec1 .cont .gt .data1_cont .fzqnav .fzitem .fzselect {
    width: 100%;
  }
}
.databox-sec1 .cont .gt .data1_cont .fzqnav .fzitem .fzselect .li {
  display: flex;
  align-items: center;
  background-color: #f5f5f5;
  border-radius: 4px;
  padding-left: 0.18rem;
  padding-right: 0.1rem;
  margin-right: 14px;
  margin-bottom: 14px;
}
.databox-sec1 .cont .gt .data1_cont .fzqnav .fzitem .fzselect .li:last-child {
  margin-right: 0;
}
@media (max-width: 1580px) {
  .databox-sec1 .cont .gt .data1_cont .fzqnav .fzitem .fzselect .li {
    margin-right: 10px;
    margin-bottom: 10px;
  }
}
.databox-sec1 .cont .gt .data1_cont .fzqnav .fzitem .fzselect .li i {
  cursor: pointer;
  color: #000000;
  display: block;
  width: 10px;
  margin-left: 0.2rem;
}
.databox-sec1 .cont .gt .data1_cont .fzqnav .fzitem .fzselect .li i img,
.databox-sec1 .cont .gt .data1_cont .fzqnav .fzitem .fzselect .li i svg {
  width: 100%;
  float: left;
}
.databox-sec1 .cont .gt .data1_cont .fzqnav .fzitem .fzselect .li i img path,
.databox-sec1 .cont .gt .data1_cont .fzqnav .fzitem .fzselect .li i svg path {
  fill: #666666;
}
.databox-sec1 .cont .gt .data1_cont .fzqnav .fzitem .fzselect .removeall {
  color: #0364dd;
  margin-left: 0.24rem;
  cursor: pointer;
}
.databox-sec1 .cont .gt .data1_cont .fzqnav .fzitem .fzselect.on .removeall {
  display: none;
}
.databox-sec1 .cont .gt .data1_cont .fzqnav .fzitem .but {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1 0 auto;
  user-select: none;
  -webkit-user-select: none;
  color: #000000;
  cursor: pointer;
}
@media (max-width: 767px) {
  .databox-sec1 .cont .gt .data1_cont .fzqnav .fzitem .but {
    width: 22%;
  }
}
.databox-sec1 .cont .gt .data1_cont .fzqnav .fzitem .but span:nth-child(2) {
  display: none;
}
.databox-sec1 .cont .gt .data1_cont .fzqnav .fzitem .but i {
  display: block;
  width: 12px;
  margin-left: 10px;
  overflow: hidden;
}
@media (max-width: 1580px) {
  .databox-sec1 .cont .gt .data1_cont .fzqnav .fzitem .but i {
    width: 10px;
    margin-left: 8px;
  }
}
.databox-sec1 .cont .gt .data1_cont .fzqnav .fzitem .but i svg {
  width: 100%;
  float: left;
}
.databox-sec1 .cont .gt .data1_cont .fzqnav .fzitem .but i svg path {
  fill: #666666;
  opacity: 1;
}
.databox-sec1 .cont .gt .data1_cont .fzqnav .fzitem .but.on span {
  display: none;
}
.databox-sec1 .cont .gt .data1_cont .fzqnav .fzitem .but.on span:nth-child(2) {
  display: block;
}
.databox-sec1 .cont .gt .data1_cont .fzqnav .fzitem .but.on i {
  transform: rotate(-90deg);
}
.databox-sec1 .cont .gt .data1_cont .fzqnav .fzxuan {
  padding-bottom: 0.2rem;
  line-height: 32px;
}
@media (max-width: 1580px) {
  .databox-sec1 .cont .gt .data1_cont .fzqnav .fzxuan {
    line-height: 28px;
  }
}
@media (max-width: 991px) {
  .databox-sec1 .cont .gt .data1_cont .fzqnav .fzxuan {
    line-height: 24px;
  }
}
.databox-sec1 .cont .gt .data1_cont .fzqnav .fzxuan.on {
  display: none;
}
.databox-sec1 .cont .gt .data1_cont .fzqtitle {
  margin-top: 0.26rem;
  display: flex;
  align-items: center;
  margin-bottom: 0.22rem;
}
@media (max-width: 767px) {
  .databox-sec1 .cont .gt .data1_cont .fzqtitle {
    margin: 0.5rem 0 0.36rem;
  }
}
.databox-sec1 .cont .gt .data1_cont .fzqtitle i {
  overflow: hidden;
  width: 18px;
}
@media (max-width: 1580px) {
  .databox-sec1 .cont .gt .data1_cont .fzqtitle i {
    width: 14px;
  }
}
@media (max-width: 767px) {
  .databox-sec1 .cont .gt .data1_cont .fzqtitle i {
    width: 12px;
  }
}
.databox-sec1 .cont .gt .data1_cont .fzqtitle i img {
  width: 100%;
  float: left;
}
.databox-sec1 .cont .gt .data1_cont .fzqtitle .text {
  color: #000000;
  padding-left: 8px;
}
.databox-sec1 .cont .gt .data1_cont .fzqtitle .text span {
  color: #0364dd;
}
.databox-sec1 .cont .gt .data1_cont .fznei .titel1,
.databox-sec1 .cont .gt .data1_cont .fznei .fzlist1 {
  display: flex;
  flex-wrap: wrap;
}
.databox-sec1 .cont .gt .data1_cont .fznei .titel1 .name,
.databox-sec1 .cont .gt .data1_cont .fznei .fzlist1 .name {
  width: 19.36%;
  font-size: 16px;
}
@media (max-width: 1580px) {
  .databox-sec1 .cont .gt .data1_cont .fznei .titel1 .name,
  .databox-sec1 .cont .gt .data1_cont .fznei .fzlist1 .name {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .databox-sec1 .cont .gt .data1_cont .fznei .titel1 .name,
  .databox-sec1 .cont .gt .data1_cont .fznei .fzlist1 .name {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .databox-sec1 .cont .gt .data1_cont .fznei .titel1 .wei1,
  .databox-sec1 .cont .gt .data1_cont .fznei .fzlist1 .wei1 {
    width: 52.39%;
  }
  .databox-sec1 .cont .gt .data1_cont .fznei .titel1 .wei4,
  .databox-sec1 .cont .gt .data1_cont .fznei .fzlist1 .wei4 {
    width: 8.89%;
  }
}
@media (max-width: 767px) {
  .databox-sec1 .cont .gt .data1_cont .fznei .titel1 .wei3,
  .databox-sec1 .cont .gt .data1_cont .fznei .fzlist1 .wei3 {
    display: none;
  }
}
.databox-sec1 .cont .gt .data1_cont .fznei .titel1 {
  width: 100%;
  padding-bottom: 0.16rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
@media (max-width: 767px) {
  .databox-sec1 .cont .gt .data1_cont .fznei .titel1 {
    display: none;
  }
}
.databox-sec1 .cont .gt .data1_cont .fznei .titel1 .name {
  color: #666666;
  font-weight: bold;
}
.databox-sec1 .cont .gt .data1_cont .fznei .titel1 .wei4 {
  text-align: center;
}
.databox-sec1 .cont .gt .data1_cont .fznei .fzlist1 {
  padding: 0.24rem 0 0.26rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
@media (max-width: 767px) {
  .databox-sec1 .cont .gt .data1_cont .fznei .fzlist1 {
    padding: 0.36rem 0;
  }
  .databox-sec1 .cont .gt .data1_cont .fznei .fzlist1:nth-child(2) {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
}
.databox-sec1 .cont .gt .data1_cont .fznei .fzlist1:last-child {
  border-bottom: none;
}
.databox-sec1 .cont .gt .data1_cont .fznei .fzlist1 .name .tit {
  color: #000000;
  font-weight: bold;
  margin-bottom: 7px;
}
@media (max-width: 1580px) {
  .databox-sec1 .cont .gt .data1_cont .fznei .fzlist1 .name .tit {
    margin-bottom: 5px;
  }
}
.databox-sec1 .cont .gt .data1_cont .fznei .fzlist1 .name .text {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #666666;
  margin-bottom: 0.24rem;
}
.databox-sec1 .cont .gt .data1_cont .fznei .fzlist1 .name .jut1 {
  display: flex;
  align-items: center;
  color: #666666;
}
.databox-sec1 .cont .gt .data1_cont .fznei .fzlist1 .name .jut1 i {
  display: block;
  margin: 0 0.16rem;
  width: 2px;
  height: 10px;
  background-color: #000000;
  opacity: 0.2;
}
.databox-sec1 .cont .gt .data1_cont .fznei .fzlist1 .wei1 {
  padding-right: 11%;
}
@media (max-width: 767px) {
  .databox-sec1 .cont .gt .data1_cont .fznei .fzlist1 .wei1 {
    padding-right: 0;
  }
}
.databox-sec1 .cont .gt .data1_cont .fznei .fzlist1 .wei2 {
  padding-right: 0.2rem;
}
.databox-sec1 .cont .gt .data1_cont .fznei .fzlist1 .zwen,
.databox-sec1 .cont .gt .data1_cont .fznei .fzlist1 .but {
  margin-top: 0.36rem;
}
@media (max-width: 767px) {
  .databox-sec1 .cont .gt .data1_cont .fznei .fzlist1 .zwen,
  .databox-sec1 .cont .gt .data1_cont .fznei .fzlist1 .but {
    margin-bottom: 0.16rem;
    margin-top: 0.1rem;
  }
}
.databox-sec1 .cont .gt .data1_cont .fznei .fzlist1 .zwen {
  color: #666666;
  font-weight: bold;
}
.databox-sec1 .cont .gt .data1_cont .fznei .fzlist1 .but {
  display: flex;
  color: #666666;
}
.databox-sec1 .cont .gt .data1_cont .fznei .fzlist1 .but i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
}
@media (max-width: 1580px) {
  .databox-sec1 .cont .gt .data1_cont .fznei .fzlist1 .but i {
    width: 16px;
    height: 16px;
  }
}
@media (max-width: 767px) {
  .databox-sec1 .cont .gt .data1_cont .fznei .fzlist1 .but i {
    width: 14px;
    height: 14px;
  }
}
.databox-sec1 .cont .gt .data1_cont .fznei .fzlist1 .but i img {
  max-width: 100%;
  max-height: 100%;
}
.databox-sec1 .cont .gt .data1_cont .fznei .fzlist1 .but span {
  display: block;
  padding-left: 6px;
}
.databox-sec1 .cont .gt .data1_cont .fznei .fzlist1 .fzbut {
  width: 100%;
}
@media (max-width: 767px) {
  .databox-sec1 .cont .gt .data1_cont .fznei .fzlist1 .fzbut {
    display: flex;
  }
}
.databox-sec1 .cont .gt .data1_cont .fznei .fzlist1 .fzbut .lisk {
  display: flex;
  color: #999999;
  align-items: center;
  font-size: 14px;
  justify-content: center;
  transition: all 0.4s;
  margin-bottom: 0.1rem;
}
@media (max-width: 767px) {
  .databox-sec1 .cont .gt .data1_cont .fznei .fzlist1 .fzbut .lisk {
    justify-content: flex-start;
    margin-right: 0.4rem;
    margin-bottom: 0;
  }
}
.databox-sec1 .cont .gt .data1_cont .fznei .fzlist1 .fzbut .lisk:last-child {
  margin-right: 0;
  margin-bottom: 0;
}
.databox-sec1 .cont .gt .data1_cont .fznei .fzlist1 .fzbut .lisk i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
}
@media (max-width: 1580px) {
  .databox-sec1 .cont .gt .data1_cont .fznei .fzlist1 .fzbut .lisk i {
    width: 14px;
    height: 14px;
  }
}
@media (max-width: 767px) {
  .databox-sec1 .cont .gt .data1_cont .fznei .fzlist1 .fzbut .lisk i {
    width: 12px;
    height: 12px;
  }
}
.databox-sec1 .cont .gt .data1_cont .fznei .fzlist1 .fzbut .lisk i svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.databox-sec1 .cont .gt .data1_cont .fznei .fzlist1 .fzbut .lisk i svg path {
  opacity: 1;
  transition: all 0.4s;
  fill: #999999;
}
.databox-sec1 .cont .gt .data1_cont .fznei .fzlist1 .fzbut .lisk span {
  display: block;
  padding-left: 6px;
}
.databox-sec1 .cont .gt .data1_cont .fznei .fzlist1 .fzbut .lisk span:nth-child(3) {
  display: none;
}
.databox-sec1 .cont .gt .data1_cont .fznei .fzlist1 .fzbut .lisk:hover {
  color: #0364dd;
}
.databox-sec1 .cont .gt .data1_cont .fznei .fzlist1 .fzbut .lisk:hover i svg path {
  fill: #0364dd;
}
.databox-sec1 .cont .gt .data1_cont .fznei .fzlist1 .collect1.on {
  color: #0364dd;
}
.databox-sec1 .cont .gt .data1_cont .fznei .fzlist1 .collect1.on i svg path {
  fill: #0364dd;
}
.databox-sec1 .cont .gt .data1_cont .fznei .fzlist1 .collect1.on span {
  display: none;
}
.databox-sec1 .cont .gt .data1_cont .fznei .fzlist1 .collect1.on span:nth-child(3) {
  display: block;
}
.databox-sec1 .cont .gt .basepage {
  margin-top: 0.5rem;
}
/* End */
/* 资料预览页 */
.datainfo {
  background-color: #f5f6f8;
}
.datainfo-sec1 {
  padding-top: 0.96rem;
  padding-bottom: 0.7rem;
}
.datainfo-sec1 .fztit {
  font-weight: bold;
  color: #000000;
  margin-bottom: 0.2rem;
}
.datainfo-sec1 .fjut {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 0.25rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 0.4rem;
}
@media (max-width: 767px) {
  .datainfo-sec1 .fjut {
    align-items: flex-start;
  }
}
.datainfo-sec1 .fjut .lt {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .datainfo-sec1 .fjut .lt {
    flex-wrap: wrap;
  }
}
.datainfo-sec1 .fjut .lt .wen {
  display: flex;
  align-items: center;
  color: #666666;
  margin-right: 0.22rem;
}
.datainfo-sec1 .fjut .lt .wen i {
  display: block;
  margin: 0 0.16rem;
  width: 2px;
  height: 10px;
  background-color: #000000;
  opacity: 0.2;
}
.datainfo-sec1 .fjut .lt .fen {
  display: flex;
  color: #666666;
}
@media (max-width: 767px) {
  .datainfo-sec1 .fjut .lt .fen {
    width: 100%;
  }
}
.datainfo-sec1 .fjut .lt .fen .share1 {
  display: flex;
  align-items: center;
  margin-left: 0;
}
.datainfo-sec1 .fjut .lt .fen .share1 .help {
  font-size: 12px;
  display: none;
}
.datainfo-sec1 .fjut .lt .fen .share1 .icon-wechat .wechat-qrcode .qrcode {
  width: 100%;
}
.datainfo-sec1 .fjut .lt .fen .share1 .wechat-qrcode {
  left: 50%;
  transform: translateX(-50%);
  height: 160px;
  top: initial;
  bottom: 100%;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .datainfo-sec1 .fjut .lt .fen .share1 .wechat-qrcode {
    width: 3rem;
  }
}
.datainfo-sec1 .fjut .lt .fen .share1 a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: auto;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  border: none;
  line-height: 1;
  padding: 0;
  opacity: 1;
  font-size: 20px;
  color: #666666;
  margin-right: 18px;
}
@media (max-width: 1580px) {
  .datainfo-sec1 .fjut .lt .fen .share1 a {
    font-size: 18px;
    margin-right: 16px;
  }
}
@media (max-width: 991px) {
  .datainfo-sec1 .fjut .lt .fen .share1 a {
    font-size: 16px;
    margin-right: 14px;
  }
}
@media (max-width: 767px) {
}
.datainfo-sec1 .fjut .lt .fen .share1 a:hover {
  color: #0364dd;
  background-color: transparent;
}
.datainfo-sec1 .fjut .but {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .datainfo-sec1 .fjut .but {
    font-size: 0.26rem;
  }
}
.datainfo-sec1 .fjut .but i {
  display: block;
  overflow: hidden;
  width: 20px;
}
@media (max-width: 1580px) {
  .datainfo-sec1 .fjut .but i {
    width: 16px;
  }
}
.datainfo-sec1 .fjut .but i svg {
  width: 100%;
  height: auto;
  float: left;
}
.datainfo-sec1 .fjut .but i svg path {
  fill: #999;
  opacity: 1;
  transition: all 0.4s;
}
.datainfo-sec1 .fjut .but span {
  color: #999999;
  transition: all 0.4s;
  display: block;
  padding-left: 12px;
}
@media (max-width: 1580px) {
  .datainfo-sec1 .fjut .but span {
    padding-left: 8px;
  }
}
.datainfo-sec1 .fjut .but:hover span {
  color: #0364dd;
}
.datainfo-sec1 .fjut .but:hover i svg path {
  fill: #0364dd;
}
.datainfo-sec1 .cont {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.15rem;
}
@media (max-width: 991px) {
  .datainfo-sec1 .cont {
    margin: 0;
  }
}
.datainfo-sec1 .cont .lt,
.datainfo-sec1 .cont .gt {
  padding: 0 0.15rem;
}
@media (max-width: 991px) {
  .datainfo-sec1 .cont .lt,
  .datainfo-sec1 .cont .gt {
    padding: 0;
  }
}
.datainfo-sec1 .cont .lt {
  width: 69.21%;
}
@media (max-width: 991px) {
  .datainfo-sec1 .cont .lt {
    width: 100%;
  }
}
.datainfo-sec1 .cont .lt .fznei {
  border-radius: 10px;
  overflow: hidden;
  background-color: #ffffff;
}
.datainfo-sec1 .cont .lt .fznei .make-text {
  padding-bottom: 0.66rem;
}
.datainfo-sec1 .cont .lt .fzpage {
  background-color: #ededed;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 16px 0;
}
@media (max-width: 1580px) {
  .datainfo-sec1 .cont .lt .fzpage {
    padding: 14px 0;
  }
}
.datainfo-sec1 .cont .lt .fzpage input {
  width: 30px;
  height: 30px;
  background-color: #ffffff;
  border-radius: 4px;
  line-height: 30px;
  color: #666666;
  text-align: center;
  padding: 0 8px;
}
@media (max-width: 1580px) {
  .datainfo-sec1 .cont .lt .fzpage input {
    padding: 0 6px;
    width: 26px;
    height: 26px;
    line-height: 26px;
  }
}
@media (max-width: 991px) {
  .datainfo-sec1 .cont .lt .fzpage input {
    width: 22px;
    height: 22px;
    line-height: 22px;
  }
}
.datainfo-sec1 .cont .lt .fzpage .shu {
  color: #666666;
  margin-left: 10px;
}
.datainfo-sec1 .cont .gt {
  width: 30.79%;
}
@media (max-width: 991px) {
  .datainfo-sec1 .cont .gt {
    width: 100%;
    margin-top: 0.6rem;
  }
}
.datainfo-sec1 .cont .gt .item {
  padding: 0.28rem 0.36rem 0.4rem;
  background-color: #ffffff;
  border-radius: 8px;
  margin-bottom: 0.3rem;
}
@media (max-width: 767px) {
  .datainfo-sec1 .cont .gt .item {
    padding: 0.46rem 0.3rem 0.6rem;
  }
}
.datainfo-sec1 .cont .gt .item .title1 {
  color: #000000;
  font-weight: bold;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 14px;
}
@media (max-width: 1580px) {
  .datainfo-sec1 .cont .gt .item .title1 {
    padding-bottom: 10px;
  }
}
.datainfo-sec1 .cont .gt .item .fzdon .li {
  display: flex;
  align-items: center;
  padding: 0.18rem 0;
  justify-content: space-between;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.datainfo-sec1 .cont .gt .item .fzdon .li .tit {
  display: block;
  width: calc(100% - 0.34rem);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #666666;
  font-weight: bold;
  transition: all 0.4s;
}
.datainfo-sec1 .cont .gt .item .fzdon .li i {
  display: flex;
  width: 0.24rem;
  overflow: hidden;
}
.datainfo-sec1 .cont .gt .item .fzdon .li i svg {
  width: 100%;
  float: left;
}
.datainfo-sec1 .cont .gt .item .fzdon .li i svg path {
  transition: all 0.4s;
  opacity: 1;
  fill: #cccccc;
}
.datainfo-sec1 .cont .gt .item .fzdon .li:hover .tit {
  color: #0364dd;
}
.datainfo-sec1 .cont .gt .item .fzdon .li:hover i svg path {
  fill: #0364dd;
}
.datainfo-sec1 .cont .gt .item .fzpro .li i {
  width: 0.2rem;
}
.datainfo-sec1 .cont .gt .item .fzpro .li i svg path {
  fill: #999999;
}
.datainfo-sec1 .cont .gt .item .fzpro .li:hover i svg path {
  fill: #0364dd;
}
.datainfo-sec1 .cont .gt .form {
  min-height: 100%;
  padding: 0.28rem 0.38rem 0.4rem;
  background-color: #ffffff;
  border-radius: 8px;
}
@media (max-width: 767px) {
  .datainfo-sec1 .cont .gt .form {
    padding: 0.6rem 0.3rem;
  }
}
.datainfo-sec1 .cont .gt .form .title1 {
  font-weight: bold;
  margin-bottom: 0.24rem;
}
.datainfo-sec1 .cont .gt .form .fzit {
  display: flex;
  margin-bottom: 0.15rem;
  border-radius: 8px;
  border: solid 1px #dddddd;
  padding: 0.14rem;
}
.datainfo-sec1 .cont .gt .form .fzit span {
  display: block;
  width: 14px;
  color: #dd0303;
}
.datainfo-sec1 .cont .gt .form .fzit input {
  width: calc(100% - 14px);
  color: #999999;
}
.datainfo-sec1 .cont .gt .form .label1 {
  display: flex;
  align-items: center;
  user-select: none;
  -webkit-user-select: none;
  margin-bottom: 8px;
  color: #999999;
  position: relative;
  font-size: 16px;
}
@media (max-width: 1580px) {
  .datainfo-sec1 .cont .gt .form .label1 {
    margin-bottom: 6px;
    font-size: 14px;
  }
}
.datainfo-sec1 .cont .gt .form .label1 input {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  visibility: hidden;
}
.datainfo-sec1 .cont .gt .form .label1 i {
  border-radius: 4px;
  width: 18px;
  height: 18px;
  border: 1px solid #dddddd;
  transition: all 0.4s;
  display: block;
}
@media (max-width: 1580px) {
  .datainfo-sec1 .cont .gt .form .label1 i {
    width: 14px;
    height: 14px;
  }
}
.datainfo-sec1 .cont .gt .form .label1 i:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all 0.4s;
  background: #0364dd url(../images/zhendasvg1.svg) center / 71.42857143% auto no-repeat;
}
.datainfo-sec1 .cont .gt .form .label1 span {
  display: block;
  padding-left: 10px;
}
.datainfo-sec1 .cont .gt .form .label1 input:checked ~ i {
  border-color: #0364dd;
}
.datainfo-sec1 .cont .gt .form .label1 input:checked ~ i:before {
  opacity: 1;
}
.datainfo-sec1 .cont .gt .form .text {
  width: 100%;
  color: #999999;
  margin-bottom: 0.44rem;
  line-height: 1.5;
}
.datainfo-sec1 .cont .gt .form .text span {
  color: #dd0303;
}
.datainfo-sec1 .cont .gt .form .text a {
  color: #0364dd;
}
.datainfo-sec1 .cont .gt .form .f_sub {
  width: 100%;
  height: 0.56rem;
  background-color: #0364dd;
  border-radius: 0.28rem;
  color: #ffffff;
}
@media (max-width: 767px) {
  .datainfo-sec1 .cont .gt .form .f_sub {
    height: 0.76rem;
    border-radius: 0.38rem;
  }
}
/* End */
/* 公告 */
.announbox {
  background-color: #f5f6f8;
}
.announbox-sec1 {
  padding-bottom: 0.8rem;
}
.announbox-sec1 .fznav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  background-color: #ffffff;
  border-radius: 10px;
  padding: 0.2rem 0.3rem;
  padding-right: 0.6rem;
  margin-bottom: 0.26rem;
}
@media (max-width: 767px) {
  .announbox-sec1 .fznav {
    padding: 0.5rem 0.4rem;
  }
}
.announbox-sec1 .fznav .lt {
  width: 60%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .announbox-sec1 .fznav .lt {
    width: 100%;
    margin-bottom: 0.24rem;
  }
}
.announbox-sec1 .fznav .lt .img {
  width: 2rem;
  border-radius: 8px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .announbox-sec1 .fznav .lt .img {
    width: 100%;
    margin-bottom: 0.24rem;
  }
}
.announbox-sec1 .fznav .lt .img:before {
  padding-top: 62%;
}
.announbox-sec1 .fznav .lt .font {
  padding-left: 0.4rem;
  width: calc(100% - 2rem);
}
@media (max-width: 767px) {
  .announbox-sec1 .fznav .lt .font {
    width: 100%;
    padding-left: 0;
  }
}
.announbox-sec1 .fznav .lt .font .tit {
  font-weight: bold;
  color: #000000;
  margin-bottom: 4px;
}
.announbox-sec1 .fznav .lt .font .text {
  color: #666666;
}
.announbox-sec1 .fznav .but {
  width: 1.8rem;
  height: 0.56rem;
  background-color: #ededed;
  border-radius: 0.28rem;
  color: #999999;
  transition: all 0.4s;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .announbox-sec1 .fznav .but {
    width: 2.4rem;
    height: 0.76rem;
    border-radius: 0.38rem;
  }
}
.announbox-sec1 .fznav .but:hover {
  background-color: #0364dd;
  color: #ffffff;
}
.announbox-sec1 .cont {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -13px;
}
@media (max-width: 1580px) {
  .announbox-sec1 .cont {
    margin: 0 -8px;
  }
}
@media (max-width: 991px) {
  .announbox-sec1 .cont {
    width: 100%;
    margin: 0;
  }
}
.announbox-sec1 .cont .lt,
.announbox-sec1 .cont .gt {
  padding: 0 13px;
}
@media (max-width: 1580px) {
  .announbox-sec1 .cont .lt,
  .announbox-sec1 .cont .gt {
    padding: 0 8px;
  }
}
@media (max-width: 991px) {
  .announbox-sec1 .cont .lt,
  .announbox-sec1 .cont .gt {
    padding: 0;
  }
}
.announbox-sec1 .cont .lt {
  width: 25.21%;
}
@media (max-width: 991px) {
  .announbox-sec1 .cont .lt {
    width: 100%;
    margin-bottom: 0.34rem;
  }
}
.announbox-sec1 .cont .lt .fzmenu {
  height: 100%;
  background-color: #ffffff;
  border-radius: 10px;
  padding: 0.18rem 0.34rem;
}
@media (max-width: 991px) {
  .announbox-sec1 .cont .lt .fzmenu {
    display: flex;
    flex-wrap: wrap;
  }
}
.announbox-sec1 .cont .lt .fzmenu li .tit {
  display: flex;
  align-items: center;
  color: #999999;
  flex-wrap: wrap;
  transition: all 0.4s;
  padding: 0.2rem 0;
}
@media (max-width: 991px) {
  .announbox-sec1 .cont .lt .fzmenu li .tit {
    margin-right: 0.46rem;
  }
}
@media (min-width: 992px) {
  .announbox-sec1 .cont .lt .fzmenu li .tit {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
}
.announbox-sec1 .cont .lt .fzmenu li .tit i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.25rem;
  height: 0.2rem;
}
@media (max-width: 991px) {
  .announbox-sec1 .cont .lt .fzmenu li .tit i {
    width: 0.45rem;
    height: 0.4rem;
  }
}
.announbox-sec1 .cont .lt .fzmenu li .tit i svg {
  max-width: 100%;
  max-height: 100%;
}
.announbox-sec1 .cont .lt .fzmenu li .tit i svg path {
  fill: #999999;
  transition: all 0.4s;
}
.announbox-sec1 .cont .lt .fzmenu li .tit span {
  display: block;
  width: calc(100% - 0.45rem);
  padding-left: 10px;
}
@media (max-width: 1580px) {
  .announbox-sec1 .cont .lt .fzmenu li .tit span {
    padding-left: 8px;
  }
}
@media (max-width: 767px) {
  .announbox-sec1 .cont .lt .fzmenu li .tit span {
    width: auto;
  }
}
.announbox-sec1 .cont .lt .fzmenu li .tit .but {
  width: 0.2rem;
  overflow: hidden;
}
@media (max-width: 991px) {
  .announbox-sec1 .cont .lt .fzmenu li .tit .but {
    display: none;
  }
}
.announbox-sec1 .cont .lt .fzmenu li .tit .but svg {
  width: 100%;
  float: left;
}
.announbox-sec1 .cont .lt .fzmenu li .tit .but svg path {
  transition: all 0.4s;
  fill: #999999;
}
.announbox-sec1 .cont .lt .fzmenu .on .tit {
  color: #0364dd;
}
.announbox-sec1 .cont .lt .fzmenu .on .tit i svg path,
.announbox-sec1 .cont .lt .fzmenu .on .tit .but svg path {
  fill: #0364dd;
}
.announbox-sec1 .cont .gt {
  width: 74.79%;
}
@media (max-width: 991px) {
  .announbox-sec1 .cont .gt {
    width: 100%;
  }
}
.announbox-sec1 .cont .gt .fzjut {
  padding: 0.34rem 0.5rem;
  background-color: #ffffff;
  border-radius: 10px;
  min-height: 7.34rem;
}
.announbox-sec1 .cont .gt .fzjut .fztit {
  color: #000000;
  margin-bottom: 0.18rem;
  font-weight: bold;
}
.announbox-sec1 .cont .gt .fzjut .text {
  line-height: 1.5;
  color: #666666;
  margin-bottom: 0.58rem;
}
.announbox-sec1 .cont .gt .fzjut .hint {
  display: flex;
  color: #333333;
  font-weight: bold;
  align-items: center;
}
.announbox-sec1 .cont .gt .fzjut .hint i {
  display: block;
  width: 22px;
  overflow: hidden;
}
@media (max-width: 1580px) {
  .announbox-sec1 .cont .gt .fzjut .hint i {
    width: 18px;
  }
}
@media (max-width: 767px) {
  .announbox-sec1 .cont .gt .fzjut .hint i {
    width: 16px;
  }
}
.announbox-sec1 .cont .gt .fzjut .hint i img {
  width: 100%;
  float: left;
}
.announbox-sec1 .cont .gt .fzjut .hint span {
  display: block;
  padding-left: 12px;
  width: calc(100% - 22px);
}
@media (max-width: 1580px) {
  .announbox-sec1 .cont .gt .fzjut .hint span {
    padding-left: 8px;
    width: calc(100% - 18px);
  }
}
@media (max-width: 767px) {
  .announbox-sec1 .cont .gt .fzjut .hint span {
    width: calc(100% - 16px);
  }
}
.notaltbox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 888;
  overflow: hidden;
  display: none;
}
.notaltbox .bag {
  width: 100%;
  height: 100%;
}
.notaltbox .cont {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  max-width: 5.65rem;
  background-color: #ffffff;
  box-shadow: 0px 1px 24px 0px rgba(0, 0, 0, 0.16);
  padding: 0.5rem 0.76rem;
  text-align: center;
  border-radius: 10px;
}
@media (max-width: 1260px) {
  .notaltbox .cont {
    max-width: 8.65rem;
  }
}
@media (max-width: 767px) {
  .notaltbox .cont {
    max-width: initial;
  }
}
.notaltbox .cont .close {
  position: absolute;
  right: 0.2rem;
  top: 0.2rem;
  cursor: pointer;
  width: 0.35rem;
  overflow: hidden;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .notaltbox .cont .close {
    width: 0.6rem;
  }
}
.notaltbox .cont .close img {
  width: 100%;
  float: left;
}
.notaltbox .cont .close:hover {
  transform: rotate(360deg);
}
.notaltbox .cont .fztit {
  letter-spacing: -1px;
  color: #000000;
  font-size: 0.28rem;
  font-weight: bold;
  margin-bottom: 8px;
}
@media (max-width: 1580px) {
  .notaltbox .cont .fztit {
    margin-bottom: 4px;
  }
}
@media (max-width: 767px) {
  .notaltbox .cont .fztit {
    font-size: 0.38rem;
  }
}
.notaltbox .cont .text {
  line-height: 1.5;
  color: #666666;
  margin-bottom: 10px;
}
@media (max-width: 1580px) {
  .notaltbox .cont .text {
    margin-bottom: 6px;
  }
}
.notaltbox .cont .img {
  width: 102px;
  margin: 0 auto 24px;
  overflow: hidden;
}
@media (max-width: 1580px) {
  .notaltbox .cont .img {
    width: 80px;
    margin-bottom: 20px;
  }
}
.notaltbox .cont .img img {
  width: 100%;
  float: left;
}
.notaltbox .cont .servicebox_but {
  margin: 0 auto;
  width: 2.1rem;
  color: #0364dd;
  border-color: #0364dd;
  cursor: pointer;
  background-color: transparent;
}
@media (max-width: 767px) {
  .notaltbox .cont .servicebox_but {
    width: 3rem;
  }
}
.criticaltbox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 888;
  overflow: hidden;
  display: none;
}
.criticaltbox .bag {
  width: 100%;
  height: 100%;
}
.criticaltbox .cont {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  max-width: 7.5rem;
  background-color: #ffffff;
  box-shadow: 0px 1px 24px 0px rgba(0, 0, 0, 0.16);
  border-radius: 10px;
}
@media (max-width: 1260px) {
  .criticaltbox .cont {
    max-width: 9.65rem;
  }
}
@media (max-width: 767px) {
  .criticaltbox .cont {
    max-width: initial;
  }
}
.criticaltbox .cont .fztitle {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0.22rem 0.4rem 0.18rem;
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 0.24rem;
}
.criticaltbox .cont .fztitle .tit {
  font-size: 0.28rem;
  font-weight: bold;
  width: calc(100% - 0.46rem);
  padding: ;
  color: #000;
}
@media (max-width: 767px) {
  .criticaltbox .cont .fztitle .tit {
    width: calc(100% - 0.76rem);
    font-size: 0.38rem;
  }
}
.criticaltbox .cont .fztitle .close {
  cursor: pointer;
  width: 0.35rem;
  overflow: hidden;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .criticaltbox .cont .fztitle .close {
    width: 0.6rem;
  }
}
.criticaltbox .cont .fztitle .close img {
  width: 100%;
  float: left;
}
.criticaltbox .cont .fztitle .close:hover {
  transform: rotate(360deg);
}
.criticaltbox .cont .nei {
  padding: 0 0.4rem 0.5rem;
}
.criticaltbox .cont .nei .name {
  color: #000000;
}
.criticaltbox .cont .nei .name span {
  color: #dd0303;
}
.criticaltbox .cont .nei .fzping {
  display: flex;
  align-items: center;
  margin-bottom: 0.24rem;
}
.criticaltbox .cont .nei .fzping .fen {
  padding: 0;
  margin-left: 0.15rem;
}
.criticaltbox .cont .nei .fzping .fen ul {
  padding: 0;
}
.criticaltbox .cont .nei .fzping .fen ul li .layui-icon-rate {
  color: #e5e5e5 !important;
}
.criticaltbox .cont .nei .fzping .fen ul li i {
  font-size: 26px;
}
@media (max-width: 1580px) {
  .criticaltbox .cont .nei .fzping .fen ul li i {
    font-size: 22px;
  }
}
.criticaltbox .cont .nei .fzping .fen ul li i:hover {
  transform: scale(1);
}
.criticaltbox .cont .nei .fzping .fen .layui-icon-rate:before {
  content: "\e67a";
}
.criticaltbox .cont .nei .fzping .fen .layui-rate li i.layui-icon {
  color: #e5e5e5;
}
.criticaltbox .cont .nei .fzping .fen .layui-icon-rate-solid::before {
  color: #0364dd;
}
.criticaltbox .cont .nei .fzping .fen .layui-icon-rate-half::before {
  color: #0364dd;
}
.criticaltbox .cont .nei .fztextarea {
  width: 100%;
  border: solid 1px rgba(0, 0, 0, 0.1);
  margin-top: 0.14rem;
  height: 2.8rem;
  padding: 12px 16px;
  margin-bottom: 0.3rem;
  line-height: 1.625;
  font-size: 16px;
}
@media (max-width: 1580px) {
  .criticaltbox .cont .nei .fztextarea {
    font-size: 14px;
  }
}
.criticaltbox .cont .nei .fzbut {
  display: flex;
  justify-content: center;
}
.criticaltbox .cont .nei .fzbut .but {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.8rem;
  cursor: pointer;
  border-radius: 0.25rem;
  height: 0.5rem;
  margin: 0 8px;
  font-size: 16px;
  color: #333333;
  border: solid 1px rgba(221, 221, 221, 0.7);
}
@media (max-width: 767px) {
  .criticaltbox .cont .nei .fzbut .but {
    font-size: 14px;
    width: 2.2rem;
    height: 0.76rem;
    border-radius: 0.38rem;
  }
}
.criticaltbox .cont .nei .fzbut .f_sub {
  background-color: #0364dd;
  color: #ffffff;
  border-color: #0364dd;
}
/* End */
/* 课件 */
.coursebox-sec1 .cont .gt .fzjut {
  min-height: 8.7rem;
}
.coursebox-sec1 .cont .gt .fzjut .f_video .fztitle {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.2rem;
}
.coursebox-sec1 .cont .gt .fzjut .f_video .fztitle .tit {
  color: #000000;
  font-weight: bold;
  width: 70%;
}
.coursebox-sec1 .cont .gt .fzjut .f_video .fztitle .fztext {
  color: #666666;
}
.coursebox-sec1 .cont .gt .fzjut .f_video .video1 {
  width: 100%;
  background-color: #000000;
  border-radius: 10px;
  overflow: hidden;
  height: 4.4rem;
  margin-bottom: 0.25rem;
}
.coursebox-sec1 .cont .gt .fzjut .f_video .video1 video {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.coursebox-sec1 .cont .gt .fzjut .f_video .fznei .li {
  display: flex;
  justify-content: space-between;
  padding: 0.18rem 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.coursebox-sec1 .cont .gt .fzjut .f_video .fznei .li .tit {
  color: #666666;
  transition: all 0.4s;
  width: 80%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media (max-width: 767px) {
  .coursebox-sec1 .cont .gt .fzjut .f_video .fznei .li .tit {
    width: calc(100% - 70px);
  }
}
.coursebox-sec1 .cont .gt .fzjut .f_video .fznei .li .but {
  display: flex;
  align-items: center;
  color: #999999;
  transition: all 0.4s;
}
.coursebox-sec1 .cont .gt .fzjut .f_video .fznei .li .but i {
  display: block;
  width: 20px;
  margin-right: 8px;
  overflow: hidden;
}
@media (max-width: 1580px) {
  .coursebox-sec1 .cont .gt .fzjut .f_video .fznei .li .but i {
    width: 16px;
  }
}
.coursebox-sec1 .cont .gt .fzjut .f_video .fznei .li .but i svg {
  width: 100%;
  float: left;
}
.coursebox-sec1 .cont .gt .fzjut .f_video .fznei .li .but i svg path {
  transition: all 0.4s;
  fill: #999999;
}
.coursebox-sec1 .cont .gt .fzjut .f_video .fznei .li:hover .tit {
  color: #0364dd;
}
.coursebox-sec1 .cont .gt .fzjut .f_video .fznei .li:hover .but {
  color: #0364dd;
}
.coursebox-sec1 .cont .gt .fzjut .f_video .fznei .li:hover .but i svg path {
  fill: #0364dd;
}
/* End */
/* 考试 */
.examinbox-sec1 .cont .gt .fzjut .fzexamin1 .fztitle {
  font-weight: bold;
  color: #000000;
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin1 .fznei .item {
  padding: 0.24rem 0;
  border-bottom: 1px solid #f4f6f7;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .examinbox-sec1 .cont .gt .fzjut .fzexamin1 .fznei .item {
    padding: 0.6rem 0;
  }
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin1 .fznei .item .font {
  width: 63.21%;
}
@media (max-width: 767px) {
  .examinbox-sec1 .cont .gt .fzjut .fzexamin1 .fznei .item .font {
    width: 100%;
  }
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin1 .fznei .item .font .fzname {
  color: #000000;
  font-weight: bold;
  margin-bottom: 10px;
}
@media (max-width: 1580px) {
  .examinbox-sec1 .cont .gt .fzjut .fzexamin1 .fznei .item .font .fzname {
    margin-bottom: 6px;
  }
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin1 .fznei .item .font .fztext {
  line-height: 1.5;
  color: #666666;
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin1 .fznei .item .fzbut {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  width: 36.79%;
}
@media (max-width: 767px) {
  .examinbox-sec1 .cont .gt .fzjut .fzexamin1 .fznei .item .fzbut {
    width: 100%;
    align-items: flex-start;
    max-width: 100%;
    margin-top: 0.4rem;
  }
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin1 .fznei .item .fzbut .but1,
.examinbox-sec1 .cont .gt .fzjut .fzexamin1 .fznei .item .fzbut .but2 {
  width: 1.4rem;
  height: 0.5rem;
  border-radius: 0.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.16rem;
  transition: all 0.4s;
  border: solid 1px #0364dd;
  color: #0364dd;
}
@media (max-width: 1580px) {
  .examinbox-sec1 .cont .gt .fzjut .fzexamin1 .fznei .item .fzbut .but1,
  .examinbox-sec1 .cont .gt .fzjut .fzexamin1 .fznei .item .fzbut .but2 {
    width: 1.8rem;
  }
}
@media (max-width: 767px) {
  .examinbox-sec1 .cont .gt .fzjut .fzexamin1 .fznei .item .fzbut .but1,
  .examinbox-sec1 .cont .gt .fzjut .fzexamin1 .fznei .item .fzbut .but2 {
    width: 2.4rem;
    height: 0.76rem;
    border-radius: 0.38rem;
  }
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin1 .fznei .item .fzbut .but1:hover {
  background-color: #0364dd;
  color: #ffffff;
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin1 .fznei .item .fzbut .but2 {
  background-color: #2fd574;
  border-color: #2fd574;
  color: #ffffff;
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin1 .fznei .item .fzbut .but2:hover {
  background-color: transparent;
  color: #2fd574;
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin1 .fznei .item .fzbut .return_but {
  display: flex;
  color: #666666;
  justify-content: center;
  margin-top: 0.2rem;
  transition: all 0.4s;
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin1 .fznei .item .fzbut .return_but i {
  display: block;
  width: 18px;
  margin-top: 0.1em;
  overflow: hidden;
}
@media (max-width: 1580px) {
  .examinbox-sec1 .cont .gt .fzjut .fzexamin1 .fznei .item .fzbut .return_but i {
    width: 16px;
  }
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin1 .fznei .item .fzbut .return_but i svg {
  width: 100%;
  float: left;
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin1 .fznei .item .fzbut .return_but i svg path {
  fill: #666666;
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin1 .fznei .item .fzbut .return_but span {
  display: block;
  width: calc(100% - 18px);
  padding-left: 8px;
}
@media (max-width: 1580px) {
  .examinbox-sec1 .cont .gt .fzjut .fzexamin1 .fznei .item .fzbut .return_but span {
    width: calc(100% - 16px);
    padding-left: 6px;
  }
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin1 .fznei .item .fzbut .return_but:hover {
  color: #0364dd;
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin1 .fznei .item .fzbut .return_but:hover i svg path {
  fill: #0364dd;
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin1 .fznei .item .fzbut .fztiem {
  display: flex;
  align-items: flex-start;
  margin-top: 15px;
}
@media (max-width: 1580px) {
  .examinbox-sec1 .cont .gt .fzjut .fzexamin1 .fznei .item .fzbut .fztiem {
    margin-top: 10px;
  }
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin1 .fznei .item .fzbut .fztiem i {
  display: block;
  margin-top: 2px;
  width: 18px;
}
@media (max-width: 1580px) {
  .examinbox-sec1 .cont .gt .fzjut .fzexamin1 .fznei .item .fzbut .fztiem i {
    width: 16px;
  }
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin1 .fznei .item .fzbut .fztiem i img {
  width: 100%;
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin1 .fznei .item .fzbut .fztiem .name {
  display: flex;
  align-items: flex-start;
  padding-left: 8px;
  line-height: 26px;
  width: calc(100% - 18px);
}
@media (max-width: 1580px) {
  .examinbox-sec1 .cont .gt .fzjut .fzexamin1 .fznei .item .fzbut .fztiem .name {
    width: calc(100% - 16px);
    line-height: 24px;
  }
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin1 .fznei .item .fzbut .fztiem .name .countdownhour,
.examinbox-sec1 .cont .gt .fzjut .fzexamin1 .fznei .item .fzbut .fztiem .name .split {
  display: none;
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin1 .fznei .item .fzbut .fztiem .name strong {
  background-color: #0364dd;
  border-radius: 4px;
  display: block;
  padding: 0 5px;
  color: #ffffff;
  margin-left: 8px;
  font-size: 12px;
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin1 .fznei .item .fzbut .fztiem .name span {
  color: #0364dd;
  font-weight: bold;
  display: block;
  margin-left: 8px;
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin1 .fznei .item .fzbut .fztiem .fzqtime1 {
  display: flex;
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin1 .fznei .item .fzbut .fzqbut {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin1 .fznei .item .fzbut .fzqbut .but1,
.examinbox-sec1 .cont .gt .fzjut .fzexamin1 .fznei .item .fzbut .fzqbut .but2 {
  width: 49%;
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fztitle1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 0.24rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
@media (max-width: 767px) {
  .examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fztitle1 {
    padding-bottom: 0.44rem;
  }
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fztitle1 .font {
  width: 48.179%;
  display: flex;
  color: #000000;
  flex-wrap: wrap;
  line-height: 36px;
}
@media (max-width: 1580px) {
  .examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fztitle1 .font {
    line-height: 32px;
  }
}
@media (max-width: 991px) {
  .examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fztitle1 .font {
    line-height: 28px;
  }
}
@media (max-width: 767px) {
  .examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fztitle1 .font {
    width: 100%;
    line-height: 0.46rem;
  }
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fztitle1 .font .ftit1 {
  font-weight: bold;
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fztitle1 .font i {
  width: 12px;
  margin: 0 14px;
  margin-top: 0.36em;
  overflow: hidden;
  display: block;
}
@media (max-width: 1580px) {
  .examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fztitle1 .font i {
    width: 10px;
    margin: 0 10px;
    margin-top: 0.36em;
  }
}
@media (max-width: 767px) {
  .examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fztitle1 .font i {
    margin-top: 0.3em;
  }
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fztitle1 .font i img {
  width: 100%;
  float: left;
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fztitle1 .font .fzname {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 0 0.2rem;
  padding-right: 0.32rem;
  color: #0364dd;
  background-color: rgba(3, 100, 221, 0.1);
  border-radius: 4px;
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fztitle1 .font .fzname .ficon1 {
  display: block;
  overflow: hidden;
  width: 0.18rem;
}
@media (max-width: 767px) {
  .examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fztitle1 .font .fzname .ficon1 {
    width: 0.3rem;
  }
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fztitle1 .font .fzname .ficon1 img {
  width: 100%;
  float: left;
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fztitle1 .font .fzname span {
  display: block;
  padding-left: 10px;
  width: calc(100% - 0.18rem);
}
@media (max-width: 767px) {
  .examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fztitle1 .font .fzname span {
    padding-left: 8px;
    width: calc(100% - 0.3rem);
  }
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fztitle1 .fwenzi {
  width: 51.821%;
  display: flex;
  flex-wrap: wrap;
  padding-left: 0.2rem;
  justify-content: flex-end;
}
@media (max-width: 1260px) {
  .examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fztitle1 .fwenzi {
    justify-content: flex-end;
    width: 42%;
  }
}
@media (max-width: 991px) {
  .examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fztitle1 .fwenzi {
    width: 36%;
  }
}
@media (max-width: 767px) {
  .examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fztitle1 .fwenzi {
    width: 100%;
    max-width: 100%;
    justify-content: flex-start;
    padding-left: 0;
    margin-top: 0.26rem;
  }
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fztitle1 .fwenzi .fztiem {
  display: flex;
  align-items: flex-start;
  margin-right: 0.24rem;
  margin-top: 4px;
}
@media (max-width: 1260px) {
  .examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fztitle1 .fwenzi .fztiem {
    margin-right: 0;
    margin-bottom: 0.16rem;
    justify-content: flex-end;
  }
}
@media (max-width: 767px) {
  .examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fztitle1 .fwenzi .fztiem {
    width: 100%;
    justify-content: flex-start;
  }
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fztitle1 .fwenzi .fztiem i {
  display: block;
  margin-top: 2px;
  width: 18px;
}
@media (max-width: 1580px) {
  .examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fztitle1 .fwenzi .fztiem i {
    width: 16px;
  }
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fztitle1 .fwenzi .fztiem i img {
  width: 100%;
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fztitle1 .fwenzi .fztiem .name {
  display: flex;
  align-items: flex-start;
  padding-left: 8px;
  line-height: 26px;
  width: calc(100% - 18px);
}
@media (max-width: 1580px) {
  .examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fztitle1 .fwenzi .fztiem .name {
    width: calc(100% - 16px);
    line-height: 24px;
  }
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fztitle1 .fwenzi .fztiem .name .countdownhour,
.examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fztitle1 .fwenzi .fztiem .name .split {
  display: none;
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fztitle1 .fwenzi .fztiem .name strong {
  background-color: #0364dd;
  border-radius: 4px;
  display: block;
  padding: 0 5px;
  color: #ffffff;
  margin-left: 8px;
  font-size: 12px;
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fztitle1 .fwenzi .fztiem .name span {
  color: #0364dd;
  font-weight: bold;
  display: block;
  margin-left: 8px;
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fztitle1 .fwenzi .fztiem .fzqtime1 {
  display: flex;
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fztitle1 .fwenzi .but {
  width: 1.2rem;
  height: 36px;
  color: #000;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0364dd;
  border-color: #0364dd;
  border: 1px solid #0364dd;
  transition: all 0.4s;
  border-radius: 18px;
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fztitle1 .fwenzi .but:hover {
  background-color: #0364dd;
  color: #ffffff;
}
@media (max-width: 1580px) {
  .examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fztitle1 .fwenzi .but {
    height: 32px;
    border-radius: 16px;
  }
}
@media (max-width: 991px) {
  .examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fztitle1 .fwenzi .but {
    height: 28px;
    border-radius: 14px;
  }
}
@media (max-width: 1580px) {
  .examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fztitle1 .fwenzi .but {
    width: 1rem;
  }
}
@media (max-width: 767px) {
  .examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fztitle1 .fwenzi .but {
    line-height: 0.46rem;
    width: 1.6rem;
    border-radius: 0.26rem;
  }
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fztitle1 .fwenzi .returnbut {
  display: flex;
  align-items: center;
  margin-left: 0.26rem;
  color: #666666;
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fztitle1 .fwenzi .returnbut i {
  display: block;
  overflow: hidden;
  width: 0.2rem;
}
@media (max-width: 767px) {
  .examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fztitle1 .fwenzi .returnbut i {
    width: 0.4rem;
  }
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fztitle1 .fwenzi .returnbut i svg {
  width: 100%;
  float: left;
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fztitle1 .fwenzi .returnbut i svg path {
  fill: #666666;
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fztitle1 .fwenzi .returnbut span {
  display: block;
  padding-left: 8px;
  width: calc(100% - 0.2rem);
}
@media (max-width: 767px) {
  .examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fztitle1 .fwenzi .returnbut span {
    padding-left: 6px;
    width: calc(100% - 0.4rem);
  }
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fztitle1 .fwenzi .returnbut:hover {
  color: #0364dd;
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fztitle1 .fwenzi .returnbut:hover i svg path {
  fill: #0364dd;
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fznei {
  width: 100%;
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fznei .item {
  padding: 0.22rem 0.24rem;
  width: 100%;
  display: flex;
  align-items: flex-start;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
@media (max-width: 767px) {
  .examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fznei .item {
    padding: 0.66rem 0;
  }
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fznei .item .name {
  flex: 0 1 auto;
  color: #666666;
  font-weight: bold;
  line-height: 24px;
}
@media (max-width: 1580px) {
  .examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fznei .item .name {
    line-height: 22px;
  }
}
@media (max-width: 991px) {
  .examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fznei .item .name {
    line-height: 24px;
  }
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fznei .item .fzjut1 {
  flex: 1 1 auto;
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fznei .item .fzjut1 .ft1 {
  overflow: hidden;
  margin-bottom: 0.22rem;
  line-height: 24px;
}
@media (max-width: 1580px) {
  .examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fznei .item .fzjut1 .ft1 {
    line-height: 22px;
  }
}
@media (max-width: 991px) {
  .examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fznei .item .fzjut1 .ft1 {
    line-height: 24px;
  }
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fznei .item .fzjut1 .ft1 > span,
.examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fznei .item .fzjut1 .ft1 .fztxt,
.examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fznei .item .fzjut1 .ft1 .fbut {
  display: inline-block;
  vertical-align: top;
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fznei .item .fzjut1 .ft1 > span {
  color: #999999;
  padding: 0 10px;
  background-color: #ededed;
  border-radius: 4px;
  margin-right: 6px;
  font-size: 14px;
}
@media (max-width: 767px) {
  .examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fznei .item .fzjut1 .ft1 > span {
    padding: 0 8px;
    line-height: 20px;
    margin-right: 4px;
    font-size: 12px;
  }
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fznei .item .fzjut1 .ft1 .fztxt {
  color: #000000;
  font-weight: bold;
  display: inline;
  line-height: initial;
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fznei .item .fzjut1 .ft1 .fbut {
  display: inline-block;
  margin-left: 0.28rem;
  align-items: center;
  overflow: hidden;
}
@media (max-width: 767px) {
  .examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fznei .item .fzjut1 .ft1 .fbut {
    margin-left: 0.1rem;
  }
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fznei .item .fzjut1 .ft1 .fbut i {
  float: left;
  display: block;
  overflow: hidden;
  width: 0.22rem;
  margin-top: 0px;
}
@media (max-width: 1580px) {
  .examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fznei .item .fzjut1 .ft1 .fbut i {
    margin-top: 4px;
  }
}
@media (max-width: 767px) {
  .examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fznei .item .fzjut1 .ft1 .fbut i {
    width: 0.3rem;
    margin-top: 0.06rem;
  }
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fznei .item .fzjut1 .ft1 .fbut i img {
  width: 100%;
  float: left;
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fznei .item .fzjut1 .ft1 .fbut span {
  margin-top: 0rem;
  float: left;
  color: #000000;
  display: block;
  margin-left: 10px;
}
@media (max-width: 1580px) {
  .examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fznei .item .fzjut1 .ft1 .fbut span {
    margin-left: 8px;
  }
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fznei .item .fzjut1 .fzform .f_textarea {
  width: 100%;
  height: 2.6rem;
  color: #333333;
  border: 1px solid #ddd;
  padding: 12px 16px;
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fznei .item .fzjut1 .fzform .li {
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  display: flex;
  position: relative;
  align-items: flex-start;
  margin-bottom: 16px;
}
@media (max-width: 1580px) {
  .examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fznei .item .fzjut1 .fzform .li {
    margin-bottom: 12px;
  }
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fznei .item .fzjut1 .fzform .li:last-child {
  margin-bottom: 0;
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fznei .item .fzjut1 .fzform .li input {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fznei .item .fzjut1 .fzform .li input:checked ~ i {
  opacity: 1;
  border-color: #0364dd;
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fznei .item .fzjut1 .fzform .li input:checked ~ i:before {
  opacity: 1;
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fznei .item .fzjut1 .fzform .li i {
  transition: all 0.4s;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  border: solid 1px #000000;
  opacity: 0.1;
  position: relative;
  margin-top: 0.2em;
}
@media (max-width: 1580px) {
  .examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fznei .item .fzjut1 .fzform .li i {
    width: 12px;
    height: 12px;
  }
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fznei .item .fzjut1 .fzform .li i:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all 0.4s;
  background: #0364dd url(../images/zhengqueimgfz1.svg) center / 81.25% 56.25% no-repeat;
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fznei .item .fzjut1 .fzform .li span {
  display: block;
  color: #666666;
  padding-left: 12px;
  width: calc(100% - 16px);
}
@media (max-width: 1580px) {
  .examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fznei .item .fzjut1 .fzform .li span {
    padding-left: 8px;
    width: calc(100% - 12px);
  }
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fznei .item .fzjut1 .fzform .active i {
  opacity: 1;
  border-color: #02b017;
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fznei .item .fzjut1 .fzform .active i:before {
  opacity: 1;
  background-color: #02b017;
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fznei .item .fzjut1 .fzform .active2 i {
  opacity: 1;
  border-color: #e33838;
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fznei .item .fzjut1 .fzform .active2 i:before {
  opacity: 1;
  background: #e33838 url(../images/cuowufsscv1.svg) 70% 70% / 75% 74% no-repeat;
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fznei .item .fzjut1 .fzjie1 {
  display: flex;
  justify-content: space-between;
  margin-top: 0.4rem;
  align-items: center;
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fznei .item .fzjut1 .fzjie1 .fen {
  color: #02b017;
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fznei .item .fzjut1 .fzjie1 .but {
  display: inline-block;
  align-items: center;
  overflow: hidden;
}
@media (max-width: 767px) {
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fznei .item .fzjut1 .fzjie1 .but i {
  float: left;
  display: block;
  overflow: hidden;
  width: 0.22rem;
  margin-top: 2px;
}
@media (max-width: 1580px) {
  .examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fznei .item .fzjut1 .fzjie1 .but i {
    margin-top: 4px;
  }
}
@media (max-width: 767px) {
  .examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fznei .item .fzjut1 .fzjie1 .but i {
    width: 0.3rem;
    margin-top: 0.06rem;
  }
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fznei .item .fzjut1 .fzjie1 .but i img {
  width: 100%;
  float: left;
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fznei .item .fzjut1 .fzjie1 .but span {
  margin-top: 0rem;
  float: left;
  color: #02b017;
  display: block;
  margin-left: 10px;
}
@media (max-width: 1580px) {
  .examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fznei .item .fzjut1 .fzjie1 .but span {
    margin-left: 8px;
  }
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fznei .item .fzjut1 .fzjie1.on .fen {
  color: #e33838;
}
.examinbox-sec1 .cont .gt .fzjut .fzexamin2 .fznei .item .fzjut1 .fzjie1.on .but span {
  color: #e33838;
}
.examinbox-sec1 .cont .gt .fzjut .fzjieguo {
  padding: 0.34rem 0;
}
.examinbox-sec1 .cont .gt .fzjut .fzjieguo .name1 {
  color: #02b017;
  margin-bottom: 0.2rem;
}
.examinbox-sec1 .cont .gt .fzjut .fzjieguo .fzwen1 {
  display: flex;
  flex-wrap: wrap;
}
.examinbox-sec1 .cont .gt .fzjut .fzjieguo .fzwen1 .li {
  display: block;
  margin-right: 0.36rem;
  margin-bottom: 0.1rem;
}
/* End */
/* 公司简介 */
.base_next,
.base_prev {
  width: 0.44rem;
  height: 0.44rem;
  background: none;
  margin: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: #ffffff;
  border-radius: 50%;
  opacity: 1;
  border: solid 1px #dddddd;
  transition: all 0.4s;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .base_next,
  .base_prev {
    width: 0.7rem;
    height: 0.7rem;
  }
}
.base_next svg,
.base_prev svg {
  width: 36.36363%;
  max-height: 27.27272727%;
}
.base_next svg path,
.base_prev svg path {
  fill: #666666;
}
.base_next:hover,
.base_prev:hover {
  border-color: #0364dd;
}
.base_next:hover svg path,
.base_prev:hover svg path {
  fill: #0364dd;
}
.about_tit {
  text-align: center;
}
.about_tit .tit {
  font-weight: bold;
  color: #010101;
}
.about_tit .text {
  color: #666666;
  margin-top: 6px;
}
.about-sec1 {
  padding: 0.7rem 0 1.2rem;
}
.about-sec1 .cont {
  display: flex;
  flex-wrap: wrap;
}
.about-sec1 .cont .lt {
  width: 50.43%;
  display: flex;
  padding-right: 2.1rem;
  justify-content: space-between;
  flex-direction: column;
}
@media (max-width: 1580px) {
  .about-sec1 .cont .lt {
    padding-right: 1rem;
  }
}
@media (max-width: 767px) {
  .about-sec1 .cont .lt {
    width: 100%;
    margin-bottom: 0.46rem;
    padding-right: 0;
  }
}
.about-sec1 .cont .lt .fzfont .tit {
  color: #000000;
  margin-bottom: 6px;
  font-weight: bold;
}
.about-sec1 .cont .lt .fzfont .text {
  color: #666666;
  margin-bottom: 0.24rem;
}
.about-sec1 .cont .lt .fzhuzi {
  display: flex;
  flex-wrap: wrap;
}
.about-sec1 .cont .lt .fzhuzi .li {
  padding-right: 0.2rem;
  width: 33.333%;
  margin-bottom: 0.3rem;
}
.about-sec1 .cont .lt .fzhuzi .li .shu {
  color: #0364dd;
  font-weight: bold;
  align-items: flex-end;
  line-height: 0.8;
  margin-bottom: 0.14rem;
}
.about-sec1 .cont .lt .fzhuzi .li .shu span {
  font-size: 0.48rem;
}
.about-sec1 .cont .lt .fzhuzi .li .tit {
  color: #333333;
  font-weight: bold;
}
.about-sec1 .cont .gt {
  width: 49.57%;
  color: #666666;
  line-height: 1.625;
}
@media (max-width: 767px) {
  .about-sec1 .cont .gt {
    width: 100%;
  }
}
.about-sec2 {
  position: relative;
}
.about-sec2 .bag {
  width: 100%;
  background-color: #000000;
  height: 6.8rem;
}
.about-sec2 .bag img {
  opacity: 0.7;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about-sec2 .fzvideo {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 0.82rem;
  height: 0.82rem;
  cursor: pointer;
  background-color: #ffffff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.about-sec2 .fzvideo img {
  width: 0.14rem;
  height: 0.18rem;
  position: relative;
  z-index: 2;
}
.about-sec2 .fzvideo:before,
.about-sec2 .fzvideo:after {
  content: "";
  display: block;
  width: 160%;
  height: 160%;
  background-color: #fff;
  position: absolute;
  left: 50%;
  border-radius: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  opacity: 0;
}
.about-sec2 .fzvideo:hover:before,
.about-sec2 .fzvideo:hover:after {
  animation: abtscale1 2s linear infinite;
}
.about-sec2 .fzvideo:hover:after {
  animation-delay: 1s;
}
@keyframes abtscale1 {
  from {
    transform: translate(-50%, -50%) scale(0.5);
    opacity: 1;
  }
  to {
    transform: translate(-50%, -50%) scale(1.2);
    opacity: 0;
  }
}
.about-sec3 {
  background-color: #f8f8f8;
  padding: 0.7rem 0 1rem;
}
.about-sec3 .about_tit {
  margin-bottom: 0.58rem;
}
.about-sec3 .cont {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.11rem;
}
@media (max-width: 767px) {
  .about-sec3 .cont {
    margin: 0;
  }
}
.about-sec3 .cont .item {
  width: 50%;
  padding: 0 0.11rem;
  margin-bottom: 0.22rem;
}
@media (max-width: 767px) {
  .about-sec3 .cont .item {
    padding: 0;
    width: 100%;
  }
}
.about-sec3 .cont .item .list {
  display: block;
  position: relative;
  border-radius: 0.2rem;
  overflow: hidden;
  z-index: 3;
}
.about-sec3 .cont .item .list .img {
  overflow: hidden;
  background-color: #000000;
}
.about-sec3 .cont .item .list .img:before {
  padding-top: 55.07246377%;
}
.about-sec3 .cont .item .list .img img {
  opacity: 0.7;
  transition: all 0.4s;
}
.about-sec3 .cont .item .list .font {
  width: 100%;
  position: absolute;
  left: 0;
  color: #fff;
  bottom: 0;
  transition: all 0.4s;
  padding: 0.5rem 0.6rem;
  z-index: 2;
}
.about-sec3 .cont .item .list .font .tit {
  font-weight: bold;
}
.about-sec3 .cont .item .list .font .jut {
  padding-top: 0.12rem;
  display: none;
}
@media (max-width: 767px) {
  .about-sec3 .cont .item .list .font .jut {
    display: block;
  }
}
.about-sec3 .cont .item .list .font .jut .text {
  line-height: 1.375;
  height: 2.75em;
  overflow: hidden;
  max-width: 206px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 0.68rem;
}
@media (max-width: 767px) {
  .about-sec3 .cont .item .list .font .jut .text {
    margin-bottom: 0.3rem;
  }
}
.about-sec3 .cont .item .list:hover .img img {
  transform: scale(1.06);
}
.about-sec3 .cont .item .list:hover .font {
  transform: translateY(50%);
  bottom: 50%;
}
.about-sec4 {
  padding: 0.72rem 0 1.26rem;
}
.about-sec4 .about_tit {
  margin-bottom: 0.26rem;
}
.about-sec4 .nav {
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
  margin-bottom: 0.2rem;
}
.about-sec4 .nav .about4_nav {
  width: auto;
  max-width: 100%;
  margin: 0;
}
.about-sec4 .nav .about4_nav .swiper-slide {
  width: auto;
  margin: 0 0.3rem;
}
.about-sec4 .nav .about4_nav .swiper-slide .item {
  color: #666666;
  cursor: pointer;
}
.about-sec4 .nav .about4_nav .on .item {
  color: #0364dd;
}
.about-sec4 .cont {
  position: relative;
}
.about-sec4 .cont .xian {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #dddddd;
  display: flex;
  justify-content: space-around;
  align-items: flex-end;
}
.about-sec4 .cont .xian span {
  width: 1px;
  height: 12px;
  background-color: #dddddd;
}
.about-sec4 .cont .about4_prev,
.about-sec4 .cont .about4_next {
  background-color: #ffffff;
  opacity: 1;
  pointer-events: auto;
  cursor: pointer;
}
.about-sec4 .cont .about4_prev {
  left: initial;
  right: 100%;
}
@media (max-width: 767px) {
  .about-sec4 .cont .about4_prev {
    right: initial;
    left: 0;
  }
}
.about-sec4 .cont .about4_next {
  right: initial;
  left: 100%;
}
@media (max-width: 767px) {
  .about-sec4 .cont .about4_next {
    left: initial;
    right: 0;
  }
}
.about-sec4 .cont .about4_cont {
  width: 100%;
}
.about-sec4 .cont .about4_cont .swiper-slide {
  width: 33%;
  padding-right: 0.3rem;
  padding-left: 0.5rem;
}
@media (max-width: 991px) {
  .about-sec4 .cont .about4_cont .swiper-slide {
    width: 40%;
  }
}
@media (max-width: 767px) {
  .about-sec4 .cont .about4_cont .swiper-slide {
    width: 80%;
  }
}
.about-sec4 .cont .about4_cont .swiper-slide .item {
  width: 100%;
}
.about-sec4 .cont .about4_cont .swiper-slide .item .nei {
  padding-top: 0.78rem;
  overflow: hidden;
}
.about-sec4 .cont .about4_cont .swiper-slide .item .nei .fztit {
  display: flex;
  font-weight: bold;
  align-items: flex-start;
  margin-bottom: 6px;
}
@media (max-width: 1580px) {
  .about-sec4 .cont .about4_cont .swiper-slide .item .nei .fztit {
    margin-bottom: 4px;
  }
}
.about-sec4 .cont .about4_cont .swiper-slide .item .nei .fztit i {
  display: block;
  width: 10px;
  height: 10px;
  border: solid 2px #0364dd;
  border-radius: 50%;
  margin-top: 0.75em;
  position: relative;
  top: -5px;
}
.about-sec4 .cont .about4_cont .swiper-slide .item .nei .fztit i:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: 100%;
  margin-bottom: 2px;
  transform: translateX(-50%);
  width: 1px;
  height: 100vh;
  background-color: #dddddd;
}
.about-sec4 .cont .about4_cont .swiper-slide .item .nei .fztit span {
  display: block;
  width: calc(100% - 10px);
  color: #0666dd;
  padding-left: 8px;
}
@media (max-width: 1580px) {
  .about-sec4 .cont .about4_cont .swiper-slide .item .nei .fztit span {
    padding-left: 6px;
  }
}
.about-sec4 .cont .about4_cont .swiper-slide .item .nei .list {
  padding-left: 18px;
}
@media (max-width: 1580px) {
  .about-sec4 .cont .about4_cont .swiper-slide .item .nei .list {
    padding-left: 16px;
  }
}
.about-sec4 .cont .about4_cont .swiper-slide .item .nei .list .li {
  color: #666666;
  line-height: 1.5;
  position: relative;
  padding-left: 16px;
}
@media (max-width: 1580px) {
  .about-sec4 .cont .about4_cont .swiper-slide .item .nei .list .li {
    padding-left: 12px;
  }
}
.about-sec4 .cont .about4_cont .swiper-slide .item .nei .list .li:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  background-color: #0666dd;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0.75em;
  margin-top: -3px;
}
.about-sec4 .cont .about4_cont .swiper-slide:nth-child(2n) .item {
  padding-top: 0;
}
.about-sec4 .cont .about4_cont .swiper-slide:nth-child(2n) .item .nei {
  padding-top: 0;
  padding-bottom: 0.62rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.about-sec4 .cont .about4_cont .swiper-slide:nth-child(2n) .item .nei .fztit i:after {
  bottom: initial;
  top: 100%;
}
.about-sec5 {
  background-color: #f8f8f8;
  padding: 0.64rem 0 0.72rem;
}
.about-sec5 .about_tit {
  margin-bottom: 0.44rem;
}
.about-sec5 .about5_cont {
  width: 100%;
  margin-bottom: 6px;
}
.about-sec5 .about5_cont .jut {
  margin: 0 -0.1rem;
  display: flex;
  flex-wrap: wrap;
}
.about-sec5 .about5_cont .jut .li {
  width: 20%;
  padding: 0 0.1rem;
  margin-bottom: 0.2rem;
}
@media (max-width: 991px) {
  .about-sec5 .about5_cont .jut .li {
    width: 25%;
  }
}
@media (max-width: 767px) {
  .about-sec5 .about5_cont .jut .li {
    width: 25%;
  }
}
.about-sec5 .about5_cont .jut .li .list {
  overflow: hidden;
  background-color: #ffffff;
  display: block;
  width: 100%;
}
.about-sec5 .about5_cont .jut .li .list:before {
  padding-top: 37.87878788%;
}
.about-sec5 .text {
  color: #999999;
  text-align: center;
  margin-bottom: 0.44rem;
}
.about-sec5 .about5_pagin {
  position: relative;
  margin: 0;
  left: 0;
  bottom: 0;
  top: 0;
  right: 0;
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 0;
}
.about-sec5 .about5_pagin span {
  opacity: 1;
  border-radius: 0;
  width: 0.24rem;
  height: 5px;
  background-color: #000000;
  opacity: 0.1;
  margin: 0 5px;
  transition: all 0.4s;
}
@media (max-width: 1580px) {
  .about-sec5 .about5_pagin span {
    height: 3px;
  }
}
.about-sec5 .about5_pagin .swiper-pagination-bullet-active {
  background-color: #0364dd;
  opacity: 1;
}
.about-sec6 {
  position: relative;
  overflow: hidden;
  padding: 1.08rem 0 1.14rem;
}
.about-sec6 .bag {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.about-sec6 .bag img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about-sec6 .bag img:nth-child(2) {
  display: none;
}
@media (max-width: 1580px) {
  .about-sec6 .bag img {
    display: none;
  }
  .about-sec6 .bag img:nth-child(2) {
    display: block;
  }
}
.about-sec6 .bag:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../images/jianzhaoa1.png) left top / auto 100% no-repeat;
}
.about-sec6 .container {
  position: relative;
  color: #ffffff;
}
@media (max-width: 767px) {
  .about-sec6 .container {
    text-align: center;
  }
  .about-sec6 .container .servicebox_but {
    margin: 0 auto;
  }
}
.about-sec6 .container .fztit {
  font-weight: bold;
  margin-bottom: 10px;
}
@media (max-width: 1580px) {
  .about-sec6 .container .fztit {
    margin-bottom: 6px;
  }
}
.about-sec6 .container .text {
  margin-bottom: 16px;
}
@media (max-width: 1580px) {
  .about-sec6 .container .text {
    margin-bottom: 12px;
  }
}
.about-sec7 {
  padding: 0.8rem 0 0.8rem;
}
.about-sec7 .f_font {
  margin-bottom: 0.54rem;
}
.about-sec7 .f_font .f_tit {
  font-weight: bold;
  margin-bottom: 0.2rem;
}
.about-sec7 .f_font .xian {
  display: block;
  width: 0.64rem;
  height: 1px;
  background-color: #0364dd;
}
@media (min-width: 768px) {
  .about-sec7 .cont {
    column-count: 2;
    column-gap: 0.6rem;
  }
}
.about-sec7 .cont .item {
  break-inside: avoid;
  page-break-inside: avoid;
  margin-bottom: 0.4rem;
}
.about-sec7 .cont .item .list .f_tit {
  margin-bottom: 0.2rem;
  color: #0364dd;
}
.about-sec7 .cont .item .list .text {
  color: #666666;
  line-height: 1.625;
}
.about-sec8 {
  background-color: #ddd;
  padding: 1.2rem 0;
}
.about-sec8 .about_tit {
  margin-bottom: 0.54rem;
}
.about-sec8 .cont {
  position: relative;
}
.about-sec8 .cont .f_jut {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  width: 100%;
  opacity: 0;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
}
.about-sec8 .cont .f_jut .about8_prev,
.about-sec8 .cont .f_jut .about8_next {
  position: absolute;
  top: 50%;
  margin: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.about-sec8 .cont .f_jut .about8_prev {
  left: -0.8rem;
}
@media (max-width: 767px) {
  .about-sec8 .cont .f_jut .about8_prev {
    left: -0.35rem;
  }
}
.about-sec8 .cont .f_jut .about8_next {
  right: -0.8rem;
}
@media (max-width: 767px) {
  .about-sec8 .cont .f_jut .about8_next {
    right: -0.35rem;
  }
}
.about-sec8 .cont .f_jut .about8_cont .f_item .img {
  width: 100%;
  background-color: #f5f5f5;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  padding: 0.6rem 0.3rem;
  overflow: hidden;
  margin-bottom: 0.24rem;
}
.about-sec8 .cont .f_jut .about8_cont .f_item .img img {
  width: auto;
  max-width: 100%;
  height: 2.2rem;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
}
.about-sec8 .cont .f_jut .about8_cont .f_item .f_tit {
  text-align: center;
  color: #333333;
}
.about-sec8 .cont .f_jut .about8_cont .f_item:hover .img img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
}
.about-sec8 .cont .active {
  position: relative;
  pointer-events: auto;
  opacity: 1;
}
/* End */
/* 投资者关系 */
.investorbox_tit {
  display: flex;
  justify-content: space-between;
}
.investorbox_tit .lt .tit {
  font-weight: bold;
}
.investorbox_tit .servicebox_but:hover {
  transform: scale(1);
}
.investorbox-sec1 {
  padding-top: 0.74rem;
  padding-bottom: 1rem;
}
.investorbox-sec1 .investorbox_tit {
  margin-bottom: 0.4rem;
}
.investorbox-sec1 .cont .item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0.28rem 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.investorbox-sec1 .cont .item:last-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.investorbox-sec1 .cont .item .tit {
  width: 74%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #333333;
}
@media (max-width: 991px) {
  .investorbox-sec1 .cont .item .tit {
    width: 70%;
  }
}
@media (max-width: 767px) {
  .investorbox-sec1 .cont .item .tit {
    width: 100%;
  }
}
.investorbox-sec1 .cont .item .time {
  width: 13.28%;
  text-align: center;
  padding: 0 0.1rem;
  border-left: 1px solid #dce1e8;
  line-height: 1;
  border-right: 1px solid #dce1e8;
  color: #999999;
  transition: all 0.4s;
}
@media (max-width: 991px) {
  .investorbox-sec1 .cont .item .time {
    width: 16%;
  }
}
@media (max-width: 767px) {
  .investorbox-sec1 .cont .item .time {
    width: 100%;
    text-align: left;
    margin-top: 0.12rem;
    border: none;
    padding: 0;
  }
}
.investorbox-sec1 .cont .item .but {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 10%;
}
@media (max-width: 767px) {
  .investorbox-sec1 .cont .item .but {
    width: 100%;
    justify-content: flex-start;
    margin-top: 0.12rem;
  }
}
.investorbox-sec1 .cont .item .but i {
  width: 0.2rem;
  display: block;
  overflow: hidden;
}
@media (max-width: 767px) {
  .investorbox-sec1 .cont .item .but i {
    width: 0.56rem;
  }
}
.investorbox-sec1 .cont .item .but i img,
.investorbox-sec1 .cont .item .but i svg {
  float: left;
  width: 100%;
}
.investorbox-sec1 .cont .item .but i img path,
.investorbox-sec1 .cont .item .but i svg path {
  fill: #999999;
  opacity: 1;
  transition: all 0.4s;
}
.investorbox-sec1 .cont .item .but span {
  display: block;
  padding-left: 8px;
  color: #999999;
  transition: all 0.4s;
}
.investorbox-sec1 .cont .item:hover .tit {
  color: #0364dd;
}
.investorbox-sec1 .cont .item:hover .time {
  color: #0364dd;
}
.investorbox-sec1 .cont .item:hover .but i svg path {
  fill: #0364dd;
}
.investorbox-sec1 .cont .item:hover .but span {
  color: #0364dd;
}
.investorbox-sec2 {
  background-color: #f5f7fa;
  padding: 0.9rem 0 0.6rem;
}
@media (max-width: 767px) {
  .investorbox-sec2 {
    padding: 0.9rem 0 0.8rem;
  }
}
.investorbox-sec2 .investorbox_tit {
  margin-bottom: 0.5rem;
}
.investorbox-sec2 .cont {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.2rem;
}
@media (max-width: 767px) {
  .investorbox-sec2 .cont {
    margin: 0;
  }
}
.investorbox-sec2 .cont .item {
  width: 50%;
  padding: 0 0.2rem;
  margin-bottom: 0.4rem;
}
@media (max-width: 767px) {
  .investorbox-sec2 .cont .item {
    padding: 0;
    width: 100%;
  }
}
.investorbox-sec2 .cont .item .list {
  background-color: #ffffff;
  border-radius: 11px;
  padding: 0.38rem 0.5rem 0.44rem;
}
@media (max-width: 767px) {
  .investorbox-sec2 .cont .item .list {
    padding: 0.46rem 0.4rem;
  }
}
.investorbox-sec2 .cont .item .list .fztitle {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 0.24rem;
  border-bottom: 1px solid #ededed;
  margin-bottom: 0.38rem;
}
.investorbox-sec2 .cont .item .list .fztitle .font {
  flex: 1 0 auto;
  display: flex;
  align-items: flex-start;
  padding-right: 0.12rem;
}
.investorbox-sec2 .cont .item .list .fztitle .font i {
  width: 0.6rem;
  display: block;
  overflow: hidden;
}
.investorbox-sec2 .cont .item .list .fztitle .font i img {
  float: left;
  width: 100%;
}
.investorbox-sec2 .cont .item .list .fztitle .font .jut {
  width: calc(100% - 0.6rem);
  padding-left: 0.26rem;
}
.investorbox-sec2 .cont .item .list .fztitle .font .jut .tit {
  color: #333333;
  font-weight: bold;
}
.investorbox-sec2 .cont .item .list .fztitle .font .jut .text {
  color: #666666;
}
.investorbox-sec2 .cont .item .list .fztitle .shu {
  color: #999999;
  line-height: 1;
  flex: 0 1 auto;
  margin-top: 0.2em;
}
.investorbox-sec2 .cont .item .list .nei .li {
  display: flex;
  align-items: flex-start;
  margin-bottom: 8px;
}
@media (max-width: 1580px) {
  .investorbox-sec2 .cont .item .list .nei .li {
    margin-bottom: 6px;
  }
}
.investorbox-sec2 .cont .item .list .nei .li:last-child {
  margin-bottom: 0;
}
.investorbox-sec2 .cont .item .list .nei .li i {
  overflow: hidden;
  display: block;
  margin-top: 0.75em;
  position: relative;
  top: -9px;
  width: 18px;
  height: 18px;
}
@media (max-width: 1580px) {
  .investorbox-sec2 .cont .item .list .nei .li i {
    width: 16px;
    height: 16px;
    top: -8px;
  }
}
.investorbox-sec2 .cont .item .list .nei .li i img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  float: left;
}
.investorbox-sec2 .cont .item .list .nei .li .fzi {
  display: flex;
  color: #666666;
  padding-left: 8px;
  width: calc(100% - 18px);
}
@media (max-width: 1580px) {
  .investorbox-sec2 .cont .item .list .nei .li .fzi {
    width: calc(100% - 16px);
  }
}
.investorbox-sec2 .cont .item .list .nei .li .fzi span {
  color: #333333;
  display: inline;
  flex: 0 0 auto;
  margin-right: 0.2rem;
}
/* End */
/* 公司公告 */
.noticebox {
  background-color: #f5f6f8;
}
.noticebox-sec1 {
  padding-top: 1.28rem;
  padding-bottom: 0.9rem;
}
.noticebox-sec1 .coursebox_tit {
  padding-bottom: 0.3rem;
  margin-bottom: 0;
}
.noticebox-sec1 .noticebox1_nav {
  padding: 0.2rem 0;
}
@media (max-width: 767px) {
  .noticebox-sec1 .noticebox1_nav {
    padding: 0.36rem 0;
  }
}
.noticebox-sec1 .noticebox1_nav .swiper-slide {
  width: auto;
}
.noticebox-sec1 .noticebox1_nav .swiper-slide .item {
  display: block;
  padding: 6px 0.24rem;
  text-align: center;
  border-radius: 18px;
  min-width: 1rem;
  color: #666666;
}
.noticebox-sec1 .noticebox1_nav .on .item {
  background-color: rgba(3, 100, 221, 0.1);
  color: #0364dd;
}
.noticebox-sec1 .basepage {
  margin-top: 0.6rem;
}
/* End */
/* 新闻列表 */
.newbox {
  background-color: #f4f6f7;
}
.newbox .qualitybox-sec1 {
  background-color: #f4f6f7;
}
.newbox_nav {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.1rem;
}
@media (max-width: 767px) {
  .newbox_nav {
    margin: 0;
  }
}
.newbox_nav .lt,
.newbox_nav .gt {
  padding: 0 0.1rem;
}
@media (max-width: 767px) {
  .newbox_nav .lt,
  .newbox_nav .gt {
    padding: 0;
  }
}
.newbox_nav .lt .jut,
.newbox_nav .gt .jut {
  background-color: #ffffff;
  border-radius: 10px;
  height: 100%;
  display: flex;
  align-items: center;
}
.newbox_nav .lt {
  width: 66.4285%;
}
@media (max-width: 767px) {
  .newbox_nav .lt {
    width: 100%;
    margin-bottom: 0.2rem;
  }
}
.newbox_nav .lt .jut {
  width: 100%;
  padding: 0.22rem 0.44rem 0.22rem 0.3rem;
}
@media (max-width: 767px) {
  .newbox_nav .lt .jut {
    padding: 0.36rem 0.3rem;
    flex-wrap: wrap;
  }
}
.newbox_nav .lt .jut .name {
  flex: 0 0 auto;
  color: #333333;
  padding-right: 0.26rem;
}
@media (max-width: 767px) {
  .newbox_nav .lt .jut .name {
    width: 100%;
    margin-bottom: 0.2rem;
  }
}
.newbox_nav .lt .jut .newbox_nav_cont {
  width: auto;
  margin: 0;
  flex: 1 1 auto;
}
@media (max-width: 767px) {
  .newbox_nav .lt .jut .newbox_nav_cont {
    width: 100%;
  }
}
.newbox_nav .lt .jut .newbox_nav_cont .swiper-slide {
  width: auto;
}
.newbox_nav .lt .jut .newbox_nav_cont .swiper-slide .item {
  display: block;
  padding: 6px 0.24rem;
  text-align: center;
  border-radius: 18px;
  min-width: 1rem;
  color: #666666;
}
.newbox_nav .lt .jut .newbox_nav_cont .on .item {
  background-color: rgba(3, 100, 221, 0.1);
  color: #0364dd;
}
.newbox_nav .lt .jut .qie {
  display: flex;
  align-items: center;
  position: relative;
  flex: 0 0 auto;
  padding-left: 0.26rem;
}
@media (max-width: 767px) {
  .newbox_nav .lt .jut .qie {
    display: none;
  }
}
.newbox_nav .lt .jut .qie .newbox_nav_prev,
.newbox_nav .lt .jut .qie .newbox_nav_next {
  position: relative;
  margin: 0;
  top: 0;
  bottom: 0;
  right: 0;
  pointer-events: auto;
  cursor: pointer;
  left: 0;
  line-height: 1;
  width: auto;
  height: auto;
  background: none;
  width: 10px;
  overflow: hidden;
}
.newbox_nav .lt .jut .qie .newbox_nav_prev svg,
.newbox_nav .lt .jut .qie .newbox_nav_next svg {
  width: 100%;
  float: left;
}
.newbox_nav .lt .jut .qie .newbox_nav_prev svg path,
.newbox_nav .lt .jut .qie .newbox_nav_next svg path {
  fill: #999999;
  transition: all 0.4s;
}
.newbox_nav .lt .jut .qie .newbox_nav_prev:hover svg path,
.newbox_nav .lt .jut .qie .newbox_nav_next:hover svg path {
  fill: #0364dd;
}
.newbox_nav .lt .jut .qie span {
  width: 1px;
  height: 0.18rem;
  background-color: #dddddd;
  display: block;
  margin: 0 0.2rem;
}
.newbox_nav .gt {
  width: 33.5715%;
}
@media (max-width: 767px) {
  .newbox_nav .gt {
    width: 100%;
  }
}
.newbox_nav .gt .jut {
  padding: 0.14rem 0.3rem;
}
@media (max-width: 767px) {
  .newbox_nav .gt .jut {
    flex-wrap: wrap;
    padding: 0.36rem 0.3rem;
  }
}
.newbox_nav .gt .jut .name {
  flex: 0 0 auto;
  color: #333333;
  font-weight: bold;
  padding-right: 0.2rem;
}
@media (max-width: 767px) {
  .newbox_nav .gt .jut .name {
    width: 100%;
    margin-bottom: 0.2rem;
  }
}
.newbox_nav .gt .jut .form {
  flex: 1 1 auto;
  border-radius: 8px;
  border: solid 1px #dddddd;
  padding: 4px;
  display: flex;
  align-items: center;
}
.newbox_nav .gt .jut .form .f_sub {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.74rem;
  height: 0.5rem;
  background-color: #0364dd;
  border-radius: 8px;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .newbox_nav .gt .jut .form .f_sub {
    width: 1rem;
    height: 0.7rem;
  }
}
.newbox_nav .gt .jut .form .f_sub img {
  width: 0.2rem;
  height: 0.2rem;
  object-fit: contain;
}
@media (max-width: 767px) {
  .newbox_nav .gt .jut .form .f_sub img {
    width: 0.36rem;
    height: 0.36rem;
  }
}
.newbox_nav .gt .jut .form .f_sub:hover {
  opacity: 0.9;
}
.newbox_nav .gt .jut .form input {
  color: #999999;
  width: calc(100% - 0.74rem);
  padding: 0 15px;
}
@media (max-width: 1580px) {
  .newbox_nav .gt .jut .form input {
    padding: 0 12px;
  }
}
@media (max-width: 767px) {
  .newbox_nav .gt .jut .form input {
    width: calc(100% - 1rem);
  }
}
.newbox-sec1 {
  padding: 0.8rem 0 0.9rem;
}
.newbox-sec1 .newbox_nav {
  margin-bottom: 0.2rem;
}
@media (max-width: 767px) {
  .newbox-sec1 .newbox_nav {
    margin-bottom: 0.46rem;
  }
}
.newbox-sec1 .cont .item {
  display: flex;
  flex-wrap: wrap;
  background-color: #ffffff;
  border-radius: 10px;
  padding: 0.3rem 0.4rem;
  padding-right: 2.7rem;
  margin-bottom: 0.2rem;
}
@media (max-width: 991px) {
  .newbox-sec1 .cont .item {
    padding-right: 0.6rem;
  }
}
@media (max-width: 767px) {
  .newbox-sec1 .cont .item {
    padding-right: 0.4rem;
    margin-bottom: 0.46rem;
  }
}
.newbox-sec1 .cont .item:last-child {
  margin-bottom: 0;
}
.newbox-sec1 .cont .item .time {
  background: url(../images/shiternesz1.jpg) center / cover no-repeat;
  width: 1.6rem;
  display: flex;
  text-align: center;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  padding: 0.42rem 0.44rem;
}
@media (max-width: 767px) {
  .newbox-sec1 .cont .item .time {
    width: 100%;
    padding: 0.5rem 0.4rem 0.56rem;
    display: none;
  }
}
.newbox-sec1 .cont .item .time .shu {
  color: #333333;
  font-size: 0.58rem;
  line-height: 0.8;
  font-weight: bold;
  padding-bottom: 0.2rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 0.2rem;
}
.newbox-sec1 .cont .item .time .ri {
  color: #333333;
  line-height: 0.8;
}
.newbox-sec1 .cont .item .jut {
  width: calc(100% - 1.6rem);
  padding-left: 0.48rem;
  padding-top: 0.14rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .newbox-sec1 .cont .item .jut {
    width: 100%;
    padding-top: 0;
    padding-left: 0;
  }
}
.newbox-sec1 .cont .item .jut .tit {
  font-size: 22px;
  color: #222222;
  font-weight: bold;
  display: block;
  transition: all 0.4s;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 8px;
}
@media (max-width: 1580px) {
  .newbox-sec1 .cont .item .jut .tit {
    font-size: 20px;
    margin-bottom: 6px;
  }
}
@media (max-width: 991px) {
  .newbox-sec1 .cont .item .jut .tit {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .newbox-sec1 .cont .item .jut .tit {
    font-size: 0.3rem;
  }
}
.newbox-sec1 .cont .item .jut .text {
  margin-bottom: 0.2rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 100%;
  color: #666666;
  overflow: hidden;
  line-height: 1.5;
  height: 3em;
}
.newbox-sec1 .cont .item .jut .label1 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.newbox-sec1 .cont .item .jut .label1 .li {
  display: block;
  padding: 6px 16px;
  line-height: 1;
  color: #666666;
  transition: all 0.4s;
  margin-right: 10px;
  margin-top: 10px;
  background-color: #f4f6f7;
  border-radius: 4px;
  font-size: 16px;
}
@media (max-width: 1580px) {
  .newbox-sec1 .cont .item .jut .label1 .li {
    font-size: 14px;
    margin-right: 8px;
    margin-top: 8px;
  }
}
.newbox-sec1 .cont .item .jut .label1 .li:hover {
  background-color: #0364dd;
  color: #ffffff;
}
.newbox-sec1 .cont .item:hover .jut .tit {
  color: #0364dd;
}
.newbox-sec1 .basepage {
  margin-top: 0.5rem;
}
/* End */
/* 新闻详情 */
.newinfobox {
  background-color: #f4f6f7;
}
.newinfobox-sec1 {
  padding: 0.96rem 0 0;
}
.newinfobox-sec1 .cont {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.newinfobox-sec1 .cont .lt {
  width: 74.28%;
  padding-right: 4.28571429%;
}
@media (max-width: 991px) {
  .newinfobox-sec1 .cont .lt {
    width: 100%;
    padding-right: 0;
  }
}
.newinfobox-sec1 .cont .lt .fztitle {
  color: #000000;
  font-weight: bold;
  line-height: 1.20833333;
  margin-bottom: 0.66rem;
}
.newinfobox-sec1 .cont .lt .jut {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding-bottom: 0.34rem;
  border-bottom: 1px solid #dddddd;
  margin-bottom: 0.4rem;
}
@media (max-width: 767px) {
  .newinfobox-sec1 .cont .lt .jut {
    padding-bottom: 0.56rem;
    margin-bottom: 0.6rem;
  }
}
.newinfobox-sec1 .cont .lt .jut .label {
  display: flex;
  flex-wrap: wrap;
  line-height: 1.5;
  color: #666666;
}
@media (max-width: 767px) {
  .newinfobox-sec1 .cont .lt .jut .label {
    margin-bottom: 0.26rem;
  }
}
.newinfobox-sec1 .cont .lt .jut .label span {
  display: block;
}
@media (max-width: 767px) {
  .newinfobox-sec1 .cont .lt .jut .label span {
    margin-right: 0.34rem;
  }
}
.newinfobox-sec1 .cont .lt .jut .label i {
  display: block;
  width: 1px;
  margin: 0 10px;
  height: 15px;
  position: relative;
  margin-top: 0.75em;
  top: -7.5px;
  background-color: #dddddd;
}
@media (max-width: 1580px) {
  .newinfobox-sec1 .cont .lt .jut .label i {
    height: 12px;
    margin: 0 8px;
    top: -6px;
    margin-top: 0.75em;
  }
}
@media (max-width: 767px) {
  .newinfobox-sec1 .cont .lt .jut .label i {
    display: none;
  }
}
.newinfobox-sec1 .cont .lt .jut .fen {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
}
.newinfobox-sec1 .cont .lt .jut .fen .name {
  color: #666666;
}
.newinfobox-sec1 .cont .lt .jut .fen .f_jut {
  display: flex;
  align-items: center;
  margin-left: 0;
}
.newinfobox-sec1 .cont .lt .jut .fen .f_jut .help {
  font-size: 12px;
  display: none;
}
.newinfobox-sec1 .cont .lt .jut .fen .f_jut .icon-wechat .wechat-qrcode .qrcode {
  width: 100%;
}
.newinfobox-sec1 .cont .lt .jut .fen .f_jut .wechat-qrcode {
  left: 50%;
  transform: translateX(-50%);
  height: 160px;
  top: initial;
  bottom: 100%;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .newinfobox-sec1 .cont .lt .jut .fen .f_jut .wechat-qrcode {
    width: 3rem;
  }
}
.newinfobox-sec1 .cont .lt .jut .fen .f_jut a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  border-radius: 50%;
  border: none;
  line-height: 1;
  padding: 0;
  opacity: 1;
  font-size: 16px;
  color: #ffffff;
  background-color: #999999;
  margin: 0 4px;
}
.newinfobox-sec1 .cont .lt .jut .fen .f_jut a:hover {
  background-color: #0364dd;
}
.newinfobox-sec1 .cont .lt .make-text {
  color: #333333;
  margin-bottom: 0.46rem;
}
.newinfobox-sec1 .cont .lt .make-text p,
.newinfobox-sec1 .cont .lt .make-text span {
  color: #333333;
}
.newinfobox-sec1 .cont .lt .fzlabel {
  padding-bottom: 0.4rem;
  border-bottom: 3px solid #999999;
  display: flex;
  align-items: flex-start;
}
@media (max-width: 1580px) {
  .newinfobox-sec1 .cont .lt .fzlabel {
    border-width: 2px;
  }
}
.newinfobox-sec1 .cont .lt .fzlabel .name {
  color: #333333;
  line-height: 1;
  margin-right: 0.24rem;
  margin-top: 20px;
}
@media (max-width: 1580px) {
  .newinfobox-sec1 .cont .lt .fzlabel .name {
    margin-top: 14px;
  }
}
.newinfobox-sec1 .cont .lt .fzlabel .qian {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  line-height: 1;
}
.newinfobox-sec1 .cont .lt .fzlabel .qian .li {
  display: block;
  background-color: rgba(3, 100, 221, 0.1);
  border-radius: 18px;
  margin-right: 0.2rem;
  margin-top: 10px;
  color: #0364dd;
  font-weight: bold;
  transition: all 0.4s;
  padding: 10px 0.28rem;
}
@media (max-width: 1580px) {
  .newinfobox-sec1 .cont .lt .fzlabel .qian .li {
    margin-top: 6px;
    padding: 8px 0.28rem;
  }
}
@media (max-width: 767px) {
  .newinfobox-sec1 .cont .lt .fzlabel .qian .li {
    margin-right: 0.3rem;
  }
}
.newinfobox-sec1 .cont .lt .fzlabel .qian .li:hover {
  background-color: #0364dd;
  color: #ffffff;
}
.newinfobox-sec1 .cont .lt .qie {
  width: 100%;
  padding-top: 0.28rem;
  border-top: 1px solid #e7e7e7;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
}
.newinfobox-sec1 .cont .lt .qie .flt {
  width: 60%;
}
@media (max-width: 767px) {
  .newinfobox-sec1 .cont .lt .qie .flt {
    width: 100%;
    margin-bottom: 0.46rem;
  }
}
.newinfobox-sec1 .cont .lt .qie .flt .li {
  width: 100%;
  display: flex;
  align-items: center;
  font-weight: bold;
}
.newinfobox-sec1 .cont .lt .qie .flt .li div {
  color: #333333;
}
.newinfobox-sec1 .cont .lt .qie .flt .li span {
  color: #999999;
  display: block;
  margin-bottom: 6px;
}
.newinfobox-sec1 .cont .lt .qie .flt .li a {
  color: #999999;
  display: block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.newinfobox-sec1 .cont .lt .qie .flt .li a:hover {
  text-decoration: underline;
}
.newinfobox-sec1 .cont .lt .qie .flt .prev {
  margin-bottom: 0.12rem;
}
@media (max-width: 767px) {
  .newinfobox-sec1 .cont .lt .qie .flt .prev {
    margin-bottom: 0.2rem;
  }
}
.newinfobox-sec1 .cont .lt .qie .fgt .fblack {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #666666;
  transition: all 0.4s;
  width: 1.72rem;
  height: 0.54rem;
  background-color: #ededed;
  border-radius: 0.28rem;
}
@media (max-width: 767px) {
  .newinfobox-sec1 .cont .lt .qie .fgt .fblack {
    height: 0.76rem;
    width: 2.4rem;
    border-radius: 0.38rem;
  }
}
.newinfobox-sec1 .cont .lt .qie .fgt .fblack i {
  display: block;
  width: 14px;
  height: 14px;
  overflow: hidden;
  margin-left: 10px;
}
@media (max-width: 1580px) {
  .newinfobox-sec1 .cont .lt .qie .fgt .fblack i {
    width: 12px;
    height: 12px;
    margin-left: 8px;
  }
}
.newinfobox-sec1 .cont .lt .qie .fgt .fblack i svg {
  width: 100%;
  max-height: 100%;
  object-fit: contain;
  float: left;
}
.newinfobox-sec1 .cont .lt .qie .fgt .fblack i svg path {
  fill: #0364dd;
}
.newinfobox-sec1 .cont .lt .qie .fgt .fblack:hover {
  color: #fff;
  background-color: #0364dd;
}
.newinfobox-sec1 .cont .gt {
  width: 25.72%;
}
@media (max-width: 991px) {
  .newinfobox-sec1 .cont .gt {
    width: 100%;
    margin-top: 0.6rem;
  }
}
.newinfobox-sec1 .cont .gt .fzitem {
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #dddddd;
  margin-bottom: 0.34rem;
}
@media (max-width: 767px) {
  .newinfobox-sec1 .cont .gt .fzitem {
    padding-bottom: 0.6rem;
    margin-bottom: 0.4rem;
  }
}
.newinfobox-sec1 .cont .gt .fzitem:last-child {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
.newinfobox-sec1 .cont .gt .fzitem .fztit {
  line-height: 1;
  font-weight: bold;
}
.newinfobox-sec1 .cont .gt .fzitem .new_proimg {
  margin-top: 0.38rem;
  background-color: #ffffff;
  border-radius: 10px;
  padding: 0 0.2rem;
  overflow: hidden;
  transition: all 0.4s;
}
.newinfobox-sec1 .cont .gt .fzitem .new_proimg .nei {
  width: 100%;
}
.newinfobox-sec1 .cont .gt .fzitem .new_proimg .nei .li {
  display: flex;
  align-items: center;
  padding: 0.3rem 0;
  border-bottom: 1px solid #dddddd;
}
.newinfobox-sec1 .cont .gt .fzitem .new_proimg .nei .li:last-child {
  border-bottom: none;
}
.newinfobox-sec1 .cont .gt .fzitem .new_proimg .nei .li .img {
  width: 1rem;
  overflow: hidden;
  background-color: #ededed;
  border-radius: 4px;
  border: solid 1px #dddddd;
}
@media (max-width: 767px) {
  .newinfobox-sec1 .cont .gt .fzitem .new_proimg .nei .li .img {
    width: 2rem;
  }
}
.newinfobox-sec1 .cont .gt .fzitem .new_proimg .nei .li .img:before {
  padding-top: 82.65306122%;
}
.newinfobox-sec1 .cont .gt .fzitem .new_proimg .nei .li .img img {
  transition: all 0.4s;
}
.newinfobox-sec1 .cont .gt .fzitem .new_proimg .nei .li .font {
  width: calc(100% - 1rem);
  padding-left: 0.24rem;
}
@media (max-width: 767px) {
  .newinfobox-sec1 .cont .gt .fzitem .new_proimg .nei .li .font {
    width: calc(100% - 2rem);
  }
}
.newinfobox-sec1 .cont .gt .fzitem .new_proimg .nei .li .font .tit {
  width: 100%;
  display: flex;
  transition: all 0.4s;
  color: #000000;
  position: relative;
  padding-right: 0.3rem;
}
.newinfobox-sec1 .cont .gt .fzitem .new_proimg .nei .li .font .tit span {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
}
.newinfobox-sec1 .cont .gt .fzitem .new_proimg .nei .li .font .tit i {
  display: block;
  font-style: normal;
  font-size: 14px;
  color: #b8d200;
  position: relative;
  margin-left: 4px;
}
@media (max-width: 767px) {
  .newinfobox-sec1 .cont .gt .fzitem .new_proimg .nei .li .font .tit i {
    font-size: 0.24rem;
  }
}
.newinfobox-sec1 .cont .gt .fzitem .new_proimg .nei .li .font .text {
  color: #666666;
  font-size: 14px;
  line-height: 1.71428571;
  height: 3.42857143em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media (max-width: 767px) {
  .newinfobox-sec1 .cont .gt .fzitem .new_proimg .nei .li .font .text {
    font-size: 0.25rem;
  }
}
.newinfobox-sec1 .cont .gt .fzitem .new_proimg .nei .li:hover .img img {
  transform: scale(1.1);
}
.newinfobox-sec1 .cont .gt .fzitem .new_proimg .nei .li:hover .font .tit {
  color: #0364dd;
}
.newinfobox-sec1 .cont .gt .fzitem .fzbut {
  margin-top: 16px;
  color: #666666;
  cursor: pointer;
  font-weight: bold;
  display: flex;
  align-items: center;
}
.newinfobox-sec1 .cont .gt .fzitem .fzbut span:nth-child(2) {
  display: none;
}
.newinfobox-sec1 .cont .gt .fzitem .fzbut i {
  width: 18px;
  height: 18px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-left: 10px;
  background-color: #cccccc;
}
.newinfobox-sec1 .cont .gt .fzitem .fzbut i:before,
.newinfobox-sec1 .cont .gt .fzitem .fzbut i:after {
  content: "";
  display: block;
  width: 55.55555556%;
  height: 1px;
  transition: all 0.4s;
  background-color: #ffffff;
}
.newinfobox-sec1 .cont .gt .fzitem .fzbut i:after {
  margin-top: -1px;
  transform: rotate(90deg);
}
.newinfobox-sec1 .cont .gt .fzitem .fzbut.on {
  color: #0364dd;
}
.newinfobox-sec1 .cont .gt .fzitem .fzbut.on span {
  display: none;
}
.newinfobox-sec1 .cont .gt .fzitem .fzbut.on span:nth-child(2) {
  display: block;
}
.newinfobox-sec1 .cont .gt .fzitem .fzbut.on i {
  background-color: #0364dd;
}
.newinfobox-sec1 .cont .gt .fzitem .fzbut.on i:after {
  opacity: 0;
}
.newinfobox-sec1 .cont .gt .fzitem .form {
  margin-top: 0.2rem;
  display: flex;
  justify-content: space-between;
  background-color: #ffffff;
  border-radius: 4px;
  border: solid 1px #dcdddf;
  padding: 6px;
}
.newinfobox-sec1 .cont .gt .fzitem .form input {
  color: #999999;
  padding: 0 18px;
  width: calc(100% - 94px);
}
@media (max-width: 1580px) {
  .newinfobox-sec1 .cont .gt .fzitem .form input {
    padding: 0 14px;
    width: calc(100% - 88px);
  }
}
@media (max-width: 767px) {
  .newinfobox-sec1 .cont .gt .fzitem .form input {
    width: calc(100% - 1.1rem);
  }
}
.newinfobox-sec1 .cont .gt .fzitem .form .f_sub {
  width: 94px;
  height: 44px;
  background-color: #0364dd;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
}
@media (max-width: 1580px) {
  .newinfobox-sec1 .cont .gt .fzitem .form .f_sub {
    width: 88px;
    height: 40px;
  }
}
@media (max-width: 767px) {
  .newinfobox-sec1 .cont .gt .fzitem .form .f_sub {
    width: 1.1rem;
    height: 0.66rem;
  }
}
.newinfobox-sec1 .cont .gt .fzitem .fzqtext {
  color: #999999;
  line-height: 1.57142857;
  margin-top: 6px;
}
.newinfobox-sec1 .cont .gt .fzitem .fzqtext a {
  color: #0364dd;
}
.newinfobox-sec1 .cont .gt .fzitem .fzqtext a:hover {
  text-decoration: underline;
}
.newinfobox-sec1 .cont .gt .fzitem .newhot {
  margin-top: 0.32rem;
  border-top: 1px solid #dddddd;
  padding-top: 0.22rem;
}
@media (max-width: 767px) {
  .newinfobox-sec1 .cont .gt .fzitem .newhot {
    margin-top: 0.46rem;
    padding-top: 0.56rem;
  }
}
.newinfobox-sec1 .cont .gt .fzitem .newhot .li {
  display: block;
  margin-bottom: 0.2rem;
}
@media (max-width: 767px) {
  .newinfobox-sec1 .cont .gt .fzitem .newhot .li {
    margin-bottom: 0.4rem;
  }
}
.newinfobox-sec1 .cont .gt .fzitem .newhot .li:last-child {
  margin-bottom: 0;
}
.newinfobox-sec1 .cont .gt .fzitem .newhot .li .tit {
  color: #333333;
  width: 100%;
  line-height: 1.55555556;
  max-height: 3.11111111em;
  overflow: hidden;
  transition: all 0.4s;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-bottom: 10px;
}
@media (max-width: 1580px) {
  .newinfobox-sec1 .cont .gt .fzitem .newhot .li .tit {
    margin-bottom: 6px;
  }
}
.newinfobox-sec1 .cont .gt .fzitem .newhot .li .text {
  color: #666666;
}
.newinfobox-sec1 .cont .gt .fzitem .newhot .li:hover .tit {
  color: #0364dd;
}
.newinfobox-sec2 {
  padding: 1.4rem 0 1.2rem;
}
.newinfobox-sec2 .fztitle {
  color: #333333;
  font-weight: bold;
  margin-bottom: 0.24rem;
}
@media (max-width: 767px) {
  .newinfobox-sec2 .fztitle {
    margin-bottom: 0.56rem;
  }
}
.newinfobox-sec2 .cont .item {
  display: flex;
  flex-wrap: wrap;
  background-color: #ffffff;
  border-radius: 10px;
  padding: 0.3rem 0.4rem;
  padding-right: 2.7rem;
  margin-bottom: 0.2rem;
}
@media (max-width: 991px) {
  .newinfobox-sec2 .cont .item {
    padding-right: 0.6rem;
  }
}
@media (max-width: 767px) {
  .newinfobox-sec2 .cont .item {
    padding-right: 0.4rem;
    margin-bottom: 0.46rem;
  }
}
.newinfobox-sec2 .cont .item:last-child {
  margin-bottom: 0;
}
.newinfobox-sec2 .cont .item .time {
  background: url(../images/shiternesz1.jpg) center / cover no-repeat;
  width: 1.6rem;
  display: flex;
  text-align: center;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  padding: 0.42rem 0.44rem;
}
@media (max-width: 767px) {
  .newinfobox-sec2 .cont .item .time {
    width: 100%;
    padding: 0.5rem 0.4rem 0.56rem;
    display: none;
  }
}
.newinfobox-sec2 .cont .item .time .shu {
  color: #333333;
  font-size: 0.58rem;
  line-height: 0.8;
  font-weight: bold;
  padding-bottom: 0.2rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 0.2rem;
}
.newinfobox-sec2 .cont .item .time .ri {
  color: #333333;
  line-height: 0.8;
}
.newinfobox-sec2 .cont .item .jut {
  width: calc(100% - 1.6rem);
  padding-left: 0.48rem;
  padding-top: 0.14rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .newinfobox-sec2 .cont .item .jut {
    width: 100%;
    padding-top: 0;
    padding-left: 0;
  }
}
.newinfobox-sec2 .cont .item .jut .tit {
  font-size: 22px;
  color: #222222;
  font-weight: bold;
  display: block;
  transition: all 0.4s;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 8px;
}
@media (max-width: 1580px) {
  .newinfobox-sec2 .cont .item .jut .tit {
    font-size: 20px;
    margin-bottom: 6px;
  }
}
@media (max-width: 991px) {
  .newinfobox-sec2 .cont .item .jut .tit {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .newinfobox-sec2 .cont .item .jut .tit {
    font-size: 0.3rem;
  }
}
.newinfobox-sec2 .cont .item .jut .text {
  margin-bottom: 0.2rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 100%;
  color: #666666;
  overflow: hidden;
  line-height: 1.5;
  height: 3em;
}
.newinfobox-sec2 .cont .item .jut .label1 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.newinfobox-sec2 .cont .item .jut .label1 .li {
  display: block;
  padding: 6px 16px;
  line-height: 1;
  color: #666666;
  transition: all 0.4s;
  margin-right: 10px;
  margin-top: 10px;
  background-color: #f4f6f7;
  border-radius: 4px;
  font-size: 16px;
}
@media (max-width: 1580px) {
  .newinfobox-sec2 .cont .item .jut .label1 .li {
    font-size: 14px;
    margin-right: 8px;
    margin-top: 8px;
  }
}
.newinfobox-sec2 .cont .item .jut .label1 .li:hover {
  background-color: #0364dd;
  color: #ffffff;
}
.newinfobox-sec2 .cont .item:hover .jut .tit {
  color: #0364dd;
}
/* End */
/* 人才理念 */
.talentsbox_tit {
  width: 100%;
  text-align: center;
}
.talentsbox_tit .name {
  color: #666666;
  font-weight: bold;
  margin-bottom: 8px;
}
.talentsbox_tit .tit {
  color: #000000;
  font-weight: bold;
  line-height: 1.26315789;
}
.talentsbox-sec1 {
  padding: 1rem 0;
  overflow: hidden;
}
.talentsbox-sec1 .fzcont {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding-bottom: 1rem;
  border-bottom: 1px solid #dddddd;
  margin-bottom: 1rem;
}
.talentsbox-sec1 .fzcont .lt {
  width: 50.2%;
  padding-right: 12.28571429%;
}
@media (max-width: 767px) {
  .talentsbox-sec1 .fzcont .lt {
    width: 100%;
    order: 1;
    margin-top: 0.36rem;
    padding-right: 0;
  }
}
.talentsbox-sec1 .fzcont .lt .fztit {
  color: #000000;
  line-height: 1.26315789;
  font-weight: bold;
  margin-bottom: 0.38rem;
}
@media (max-width: 767px) {
  .talentsbox-sec1 .fzcont .lt .fztit {
    margin-bottom: 0.26rem;
  }
}
.talentsbox-sec1 .fzcont .lt .text {
  color: #666666;
  line-height: 1.625;
  margin-bottom: 0.54rem;
}
@media (max-width: 767px) {
  .talentsbox-sec1 .fzcont .lt .text {
    margin-bottom: 0.36rem;
  }
}
.talentsbox-sec1 .fzcont .lt .fzbut {
  display: flex;
  flex-wrap: wrap;
}
.talentsbox-sec1 .fzcont .lt .fzbut .servicebox_but {
  border: 1px solid #0364dd;
  transform: scale(1);
  margin-right: 16px;
}
@media (max-width: 767px) {
  .talentsbox-sec1 .fzcont .lt .fzbut .servicebox_but {
    margin-right: 0.26rem;
  }
}
.talentsbox-sec1 .fzcont .lt .fzbut .servicebox_but:nth-child(2) {
  margin-right: 0;
  background-color: transparent;
  color: #0364dd;
}
.talentsbox-sec1 .fzcont .lt .fzbut .servicebox_but:nth-child(2):hover {
  background-color: #0364dd;
  color: #ffffff;
}
.talentsbox-sec1 .fzcont .img {
  border-radius: 0.2rem;
  overflow: hidden;
  width: 49.8%;
}
@media (max-width: 767px) {
  .talentsbox-sec1 .fzcont .img {
    width: 100%;
  }
}
.talentsbox-sec1 .fzcont .img:before {
  padding-top: 59.88538682%;
}
.talentsbox-sec1 .item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 0.6rem;
  background-color: #ffffff;
  box-shadow: 0px 0px 21px 0px rgba(235, 235, 235, 0.6);
  border-radius: 0.2rem;
  overflow: hidden;
}
.talentsbox-sec1 .item .lt,
.talentsbox-sec1 .item .img {
  width: 50%;
}
@media (max-width: 767px) {
  .talentsbox-sec1 .item .lt,
  .talentsbox-sec1 .item .img {
    width: 100%;
  }
}
.talentsbox-sec1 .item .lt {
  padding: 5% 4.28%;
}
@media (max-width: 767px) {
  .talentsbox-sec1 .item .lt {
    padding: 0.56rem 0.4rem;
    order: 1;
  }
}
.talentsbox-sec1 .item .lt .tit {
  font-weight: bold;
  color: #000000;
  line-height: 1.33333333;
  margin-bottom: 0.16rem;
}
@media (max-width: 767px) {
  .talentsbox-sec1 .item .lt .tit {
    margin-bottom: 0.24rem;
  }
}
.talentsbox-sec1 .item .img:before {
  padding-top: 59.71428571%;
}
@media (min-width: 768px) {
  .talentsbox-sec1 .item:nth-child(3n) .lt {
    order: 1;
  }
}
.talentsbox-sec2 {
  padding: 0.96rem 0 0.7rem;
  background-color: #f5f7fa;
}
@media (max-width: 767px) {
  .talentsbox-sec2 {
    padding-bottom: 0.6rem;
  }
}
.talentsbox-sec2 .talentsbox_tit {
  max-width: 620px;
  margin: 0 auto 0.44rem;
}
@media (max-width: 767px) {
  .talentsbox-sec2 .talentsbox_tit {
    margin-bottom: 0.54rem;
  }
}
.talentsbox-sec2 .cont {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.15rem;
}
@media (max-width: 767px) {
  .talentsbox-sec2 .cont {
    margin: 0 -0.08rem;
  }
}
.talentsbox-sec2 .cont .item {
  display: block;
  width: 33.333%;
  padding: 0 0.15rem;
  margin-bottom: 0.3rem;
}
@media (max-width: 767px) {
  .talentsbox-sec2 .cont .item {
    padding: 0 -0.08rem;
    width: 100%;
    width: 50%;
    margin-bottom: 0.4rem;
  }
}
.talentsbox-sec2 .cont .item .list {
  background-color: #ffffff;
  border-radius: 8px;
  display: flex;
  height: 100%;
  flex-direction: column;
  padding: 0.4rem 0.4rem 0.45rem;
  align-items: center;
  text-align: center;
}
@media (max-width: 767px) {
  .talentsbox-sec2 .cont .item .list {
    padding: 0.46rem 0.34rem;
  }
}
.talentsbox-sec2 .cont .item .list .img {
  overflow: hidden;
  width: 0.54rem;
  margin-bottom: 0.24rem;
}
@media (max-width: 767px) {
  .talentsbox-sec2 .cont .item .list .img {
    width: 0.74rem;
  }
}
.talentsbox-sec2 .cont .item .list .img img {
  width: 100%;
  float: left;
}
.talentsbox-sec2 .cont .item .list .tit {
  font-weight: bold;
  color: #000000;
  margin-bottom: 0.1rem;
}
.talentsbox-sec2 .cont .item .list .text {
  color: #666666;
  line-height: 1.625;
}
@media (max-width: 767px) {
  .talentsbox-sec2 .cont .item .list .text {
    font-size: 0.24rem;
  }
}
.talentsbox-sec3 {
  overflow: hidden;
  padding: 0.8rem 0 1rem;
}
.talentsbox-sec3 .cont {
  position: relative;
  margin: 0 auto;
  max-width: 8.46rem;
}
@media (max-width: 767px) {
  .talentsbox-sec3 .cont {
    max-width: 100%;
  }
}
.talentsbox-sec3 .cont .talentsbox3_prev,
.talentsbox-sec3 .cont .talentsbox3_next {
  transition: all 0.4s;
  width: 0.64rem;
  height: 0.64rem;
}
.talentsbox-sec3 .cont .talentsbox3_prev svg path,
.talentsbox-sec3 .cont .talentsbox3_next svg path {
  fill: #0364dd;
}
.talentsbox-sec3 .cont .talentsbox3_prev:hover,
.talentsbox-sec3 .cont .talentsbox3_next:hover {
  background-color: #0364dd;
}
.talentsbox-sec3 .cont .talentsbox3_prev:hover svg path,
.talentsbox-sec3 .cont .talentsbox3_next:hover svg path {
  fill: #ffffff;
}
.talentsbox-sec3 .cont .talentsbox3_prev {
  left: -1.62rem;
}
@media (max-width: 767px) {
  .talentsbox-sec3 .cont .talentsbox3_prev {
    left: 0.2rem;
  }
}
.talentsbox-sec3 .cont .talentsbox3_next {
  right: -1.62rem;
}
@media (max-width: 767px) {
  .talentsbox-sec3 .cont .talentsbox3_next {
    right: 0.2rem;
  }
}
.talentsbox-sec3 .cont .talentsbox3_cont {
  width: auto;
  overflow: visible;
  margin: 0 -0.3rem;
}
@media (max-width: 991px) {
  .talentsbox-sec3 .cont .talentsbox3_cont {
    margin: 0 -0.15rem;
  }
}
.talentsbox-sec3 .cont .talentsbox3_cont .swiper-slide {
  padding: 0 0.3rem;
}
@media (max-width: 991px) {
  .talentsbox-sec3 .cont .talentsbox3_cont .swiper-slide {
    padding: 0 0.15rem;
  }
}
.talentsbox-sec3 .cont .talentsbox3_cont .img {
  border-radius: 20px;
  overflow: hidden;
}
.talentsbox-sec3 .cont .talentsbox3_cont .img:before {
  padding-top: 57.56501182%;
}
.public_windows {
  display: none;
  z-index: 10;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  position: fixed;
  width: 556px;
  background-color: #Fff;
  box-shadow: 0px 1px 24px 0px rgba(0, 0, 0, 0.16);
  border-radius: 10px;
  z-index: 555;
}
.public_windows.myset_windows {
  width: 602px;
}
@media (max-width: 991px) {
  .public_windows.myset_windows {
    width: 90%;
  }
}
.public_windows.myset_windows .cn2 .cn6 .cn8 {
  width: 426px;
}
@media (max-width: 991px) {
  .public_windows.myset_windows .cn2 .cn6 .cn8 {
    width: 100%;
  }
}
.public_windows.myset_windows2 {
  width: 602px;
}
@media (max-width: 991px) {
  .public_windows.myset_windows2 {
    width: 90%;
  }
}
.public_windows.myset_windows2 .cn2 .cn6 .cn8 {
  width: 426px;
}
@media (max-width: 991px) {
  .public_windows.myset_windows2 .cn2 .cn6 .cn8 {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .public_windows {
    width: 90%;
  }
}
.public_windows .cn1 {
  border-bottom: 1px solid #e6e6e6;
  padding: 0 0.4rem;
  position: relative;
}
.public_windows .cn1 .cn1a {
  line-height: 0.8rem;
}
.public_windows .cn1 .cn1b {
  width: 0.36rem;
  height: 0.36rem;
  background-color: #ebebeb;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0.4rem;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.4s;
}
@media (max-width: 991px) {
  .public_windows .cn1 .cn1b {
    width: 0.6rem;
    height: 0.6rem;
  }
}
.public_windows .cn1 .cn1b svg {
  width: 0.11rem;
  height: 0.11rem;
}
@media (max-width: 991px) {
  .public_windows .cn1 .cn1b svg {
    width: 0.22rem;
    height: 0.22rem;
  }
}
.public_windows .cn1 .cn1b svg path {
  fill: #999;
  opacity: 1;
  transition: all 0.4s;
}
.public_windows .cn1 .cn1b:hover {
  background-color: #0364dd;
}
.public_windows .cn1 .cn1b:hover svg path {
  fill: #Fff;
}
.public_windows .cn2 {
  padding: 0 0.4rem 0.5rem;
  max-height: 70vh;
  overflow: auto;
}
.public_windows .cn2 .fzicon {
  display: flex;
  align-items: center;
  color: #000000;
  margin-top: 0.24rem;
}
.public_windows .cn2 .fzicon i {
  display: block;
  overflow: hidden;
  margin-right: 8px;
  width: 17px;
}
@media (max-width: 1580px) {
  .public_windows .cn2 .fzicon i {
    width: 15px;
  }
}
.public_windows .cn2 .fzicon i img {
  width: 100%;
  float: left;
}
.public_windows .cn2 .cn3 {
  margin-top: 0.25rem;
  position: relative;
  padding-left: 0.15rem;
  line-height: 1.33333333em;
  color: #000;
}
.public_windows .cn2 .cn3::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
  height: 14px;
  background-color: #0364dd;
}
.public_windows .cn2 .cn4 {
  margin-top: 0.15rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.public_windows .cn2 .cn4 .cn5 {
  color: #000000;
  line-height: 1.5em;
}
@media (max-width: 991px) {
  .public_windows .cn2 .cn4 .cn5 {
    width: 100%;
  }
}
.public_windows .cn2 .cn6 {
  display: flex;
  justify-content: space-between;
  margin-top: 0.2rem;
  flex-wrap: wrap;
}
.public_windows .cn2 .cn6 .cn7 {
  padding-right: 0.15rem;
  flex-shrink: 0;
  line-height: 2.75em;
  color: #000;
  margin: 0  0 0 auto;
}
@media (max-width: 991px) {
  .public_windows .cn2 .cn6 .cn7 {
    width: 100%;
  }
}
.public_windows .cn2 .cn6 .cn7 span {
  margin-right: 0.05rem;
  color: #dd0303;
}
.public_windows .cn2 .cn6 .cn8 {
  width: 3.8rem;
  display: flex;
  border-radius: 4px;
}
@media (max-width: 991px) {
  .public_windows .cn2 .cn6 .cn8 {
    width: 100%;
  }
}
.public_windows .cn2 .cn6 .cn8 label {
  display: flex;
  align-items: center;
  color: #999999;
}
.public_windows .cn2 .cn6 .cn8 label input {
  margin-right: 0.1rem;
  -webkit-appearance: auto;
  width: auto;
  line-height: initial;
}
.public_windows .cn2 .cn6 .cn8.cn8a {
  justify-content: space-between;
}
.public_windows .cn2 .cn6 .cn8.cn8a select {
  width: 31%;
  border-right: 1px solid #efefef;
}
.public_windows .cn2 .cn6 .cn8 select {
  flex-shrink: 0;
  width: 1rem;
  line-height: 0.44rem;
  border: 1px solid #efefef;
  padding: 0 0.15rem;
  border-right: 0;
  cursor: pointer;
  background-image: url(../images/m-img7.png);
  background-size: 9px 6px;
  background-repeat: no-repeat;
  background-position: center right 0.1rem;
}
@media (max-width: 991px) {
  .public_windows .cn2 .cn6 .cn8 select {
    width: 2rem;
    line-height: 0.7rem;
  }
}
.public_windows .cn2 .cn6 .cn8 input,
.public_windows .cn2 .cn6 .cn8 .fztext {
  width: 100%;
  line-height: 0.44rem;
  border: 1px solid #efefef;
  padding: 0 0.15rem;
}
@media (max-width: 991px) {
  .public_windows .cn2 .cn6 .cn8 input,
  .public_windows .cn2 .cn6 .cn8 .fztext {
    line-height: 0.7rem;
  }
}
.public_windows .cn2 .cn9 {
  display: flex;
  justify-content: center;
}
@media (max-width: 991px) {
  .public_windows .cn2 .cn9 {
    line-height: 0.7rem;
    border-radius: 0.35rem;
  }
}
.public_windows .cn2 .cn9 button {
  margin: 0.3rem 0.08rem;
  width: 2.1rem;
  line-height: 0.5rem;
  border-radius: 0.25rem;
  border: 1px solid #0364dd;
  text-align: center;
  color: #0364dd;
  cursor: pointer;
  transition: all 0.4s;
}
.public_windows .cn2 .cn9 button:nth-child(2) {
  border: 1px solid #ddd;
  color: #333333;
}
.public_windows .cn2 .cn9 button:nth-child(2):hover {
  background-color: #ddd;
  color: #fff;
}
.public_windows .cn2 .cn9 button:hover {
  background-color: #0364dd;
  color: #Fff;
}
.public_windows .cn2 .fzselect {
  width: 100%;
}
.public_windows .cn2 .fzselect .cn8.cn8a select {
  width: 100%;
}
.public_windows .cn2 .fzfile .cn8 {
  position: relative;
}
.public_windows .cn2 .fzfile .cn8 .fztext {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.public_windows .cn2 .fzfile .cn8 input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
/* End */
/* 加入我们 */
.joinbox1_form {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.1rem;
}
@media (max-width: 767px) {
  .joinbox1_form {
    width: 100%;
    margin: 0;
  }
}
.joinbox1_form .item {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 0 0.1rem;
  width: 23.2142%;
  margin-bottom: 0.24rem;
}
@media (max-width: 767px) {
  .joinbox1_form .item {
    width: 100%;
    padding: 0;
  }
}
.joinbox1_form .item .name {
  color: #000000;
  font-weight: bold;
  margin-bottom: 0.15rem;
}
.joinbox1_form .item select {
  width: 100%;
  padding: 0 0.2rem;
  color: #999999;
  border-radius: 4px;
  background: url(../images/seleciosivg1.svg) 95% center / 12px auto no-repeat;
  border: solid 1px #dddddd;
  height: 0.5rem;
}
@media (max-width: 767px) {
  .joinbox1_form .item select {
    height: 0.7rem;
  }
}
.joinbox1_form .fzsearch {
  width: 29%;
}
@media (max-width: 767px) {
  .joinbox1_form .fzsearch {
    width: 100%;
    margin-top: 0.2rem;
    margin-bottom: 0;
  }
}
.joinbox1_form .fzsearch .form {
  border-radius: 8px;
  border: solid 1px #dddddd;
  padding: 4px;
  display: flex;
  width: 100%;
  align-items: center;
  height: 0.5rem;
}
@media (max-width: 767px) {
  .joinbox1_form .fzsearch .form {
    height: 0.8rem;
  }
}
.joinbox1_form .fzsearch .form .f_sub {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.74rem;
  height: 100%;
  background-color: #0364dd;
  border-radius: 8px;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .joinbox1_form .fzsearch .form .f_sub {
    width: 1rem;
  }
}
.joinbox1_form .fzsearch .form .f_sub img {
  width: 0.2rem;
  height: 0.2rem;
  object-fit: contain;
}
@media (max-width: 767px) {
  .joinbox1_form .fzsearch .form .f_sub img {
    width: 0.36rem;
    height: 0.36rem;
  }
}
.joinbox1_form .fzsearch .form .f_sub:hover {
  opacity: 0.9;
}
.joinbox1_form .fzsearch .form input {
  color: #999999;
  width: calc(100% - 0.74rem);
  padding: 0 15px;
}
@media (max-width: 1580px) {
  .joinbox1_form .fzsearch .form input {
    padding: 0 12px;
  }
}
@media (max-width: 767px) {
  .joinbox1_form .fzsearch .form input {
    width: calc(100% - 1rem);
  }
}
.joinbox-sec1 {
  padding: 0.9rem 0;
}
.joinbox-sec1 .about_tit {
  margin-bottom: 0.68rem;
}
.joinbox-sec1 .joinbox1_form {
  margin-bottom: 0.26rem;
}
@media (max-width: 767px) {
  .joinbox-sec1 .joinbox1_form {
    margin-bottom: 0.54rem;
  }
}
.joinbox-sec1 .cont {
  margin-bottom: 0.6rem;
}
@media (max-width: 767px) {
  .joinbox-sec1 .cont {
    overflow: auto;
  }
}
.joinbox-sec1 .cont .fztitle {
  background-color: #f5f7fa;
  border-radius: 6px;
}
.joinbox-sec1 .cont .fztitle .name {
  padding: 0.2rem 0;
}
@media (max-width: 767px) {
  .joinbox-sec1 .cont .fztitle .name {
    padding: 0.3rem 0;
  }
}
.joinbox-sec1 .cont .fztitle,
.joinbox-sec1 .cont .tit {
  display: flex;
}
@media (max-width: 767px) {
  .joinbox-sec1 .cont .fztitle,
  .joinbox-sec1 .cont .tit {
    min-width: 700px;
  }
}
.joinbox-sec1 .cont .fztitle .name,
.joinbox-sec1 .cont .tit .name {
  flex: 1 1 auto;
  width: 16.071%;
  color: #333333;
  font-weight: bold;
  text-align: center;
}
.joinbox-sec1 .cont .fztitle .wid1,
.joinbox-sec1 .cont .tit .wid1 {
  text-align: left;
  width: 16.42%;
  padding-left: 0.3rem;
  padding-right: 0.3rem;
}
@media (max-width: 767px) {
  .joinbox-sec1 .cont .fztitle .wid6,
  .joinbox-sec1 .cont .tit .wid6,
  .joinbox-sec1 .cont .fztitle .wid4,
  .joinbox-sec1 .cont .tit .wid4 {
    display: none;
  }
}
.joinbox-sec1 .cont .fztitle .wid7,
.joinbox-sec1 .cont .tit .wid7 {
  width: 8.14%;
}
.joinbox-sec1 .cont .item .tit {
  user-select: none;
  -webkit-user-select: none;
  cursor: pointer;
  padding: 0.26rem 0;
  border-bottom: 1px solid #dddddd;
}
@media (max-width: 767px) {
  .joinbox-sec1 .cont .item .tit {
    padding: 0.34rem 0;
  }
}
.joinbox-sec1 .cont .item .tit .wid7 {
  display: flex;
  align-items: center;
  justify-content: center;
}
.joinbox-sec1 .cont .item .tit .wid7 svg {
  transition: all 0.4s;
  width: 12px;
}
@media (max-width: 1580px) {
  .joinbox-sec1 .cont .item .tit .wid7 svg {
    width: 10px;
  }
}
.joinbox-sec1 .cont .item .tit .wid7 svg path {
  fill: #666666;
  transition: all 0.4s;
}
.joinbox-sec1 .cont .item .jut {
  padding: 0.44rem 0.3rem 0.8rem;
  display: none;
}
@media (max-width: 767px) {
  .joinbox-sec1 .cont .item .jut {
    padding: 0.4rem 0.3rem 0.6rem;
  }
}
.joinbox-sec1 .cont .item .jut .name {
  color: #000000;
  font-weight: bold;
  margin-bottom: 0.1rem;
}
.joinbox-sec1 .cont .item .jut .text {
  color: #666666;
  line-height: 1.875;
  margin-bottom: 0.18rem;
}
.joinbox-sec1 .cont .item .jut .servicebox_but {
  margin-top: 0.3rem;
}
.joinbox-sec1 .cont .item .jut .servicebox_but:hover {
  transform: scale(0.9);
}
.joinbox-sec1 .cont .item.on .tit .wid7 svg {
  transform: rotate(180deg);
}
.joinbox-sec2 {
  padding-bottom: 0;
}
.joinbox-sec2 .fzcont {
  margin-bottom: 0;
}
.joinbox-sec2 .fzcont .lt .text {
  color: #999999;
}
/* End */
/* 加入我们详情 */
.joininfo-sec1 {
  padding-bottom: 1rem;
}
.joininfo-sec1 .cont .gt .fztit1 {
  font-weight: bold;
  line-height: 1;
  margin-bottom: 0.16rem;
}
.joininfo-sec1 .cont .gt .fztext1 {
  color: #666666;
  line-height: 1.625;
  margin-bottom: 0.24rem;
}
@media (min-width: 768px) {
  .joininfo-sec1 .cont .gt .fztext1 {
    padding-right: 1.08rem;
  }
}
.joininfo-sec1 .cont .gt .form {
  background-color: #ffffff;
  border-radius: 8px;
  padding: 0.28rem 0.35rem 0.4rem;
}
@media (max-width: 767px) {
  .joininfo-sec1 .cont .gt .form {
    padding: 0.46rem 0.3rem 0.6rem;
  }
}
.joininfo-sec1 .cont .gt .form .fzit {
  display: flex;
  margin-bottom: 0.15rem;
  border-radius: 8px;
  border: solid 1px #dddddd;
  padding: 0.14rem;
}
.joininfo-sec1 .cont .gt .form .fzit span {
  display: block;
  width: 14px;
  color: #dd0303;
}
.joininfo-sec1 .cont .gt .form .fzit input {
  width: calc(100% - 14px);
  color: #999999;
}
.joininfo-sec1 .cont .gt .form .label1 {
  display: flex;
  align-items: center;
  user-select: none;
  -webkit-user-select: none;
  margin-bottom: 8px;
  color: #999999;
  position: relative;
  font-size: 16px;
}
@media (max-width: 1580px) {
  .joininfo-sec1 .cont .gt .form .label1 {
    margin-bottom: 6px;
    font-size: 14px;
  }
}
.joininfo-sec1 .cont .gt .form .label1 input {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  visibility: hidden;
}
.joininfo-sec1 .cont .gt .form .label1 i {
  border-radius: 4px;
  width: 18px;
  height: 18px;
  border: 1px solid #dddddd;
  transition: all 0.4s;
  display: block;
}
@media (max-width: 1580px) {
  .joininfo-sec1 .cont .gt .form .label1 i {
    width: 14px;
    height: 14px;
  }
}
.joininfo-sec1 .cont .gt .form .label1 i:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all 0.4s;
  background: #0364dd url(../images/zhendasvg1.svg) center / 71.42857143% auto no-repeat;
}
.joininfo-sec1 .cont .gt .form .label1 span {
  display: block;
  padding-left: 10px;
}
.joininfo-sec1 .cont .gt .form .label1 input:checked ~ i {
  border-color: #0364dd;
}
.joininfo-sec1 .cont .gt .form .label1 input:checked ~ i:before {
  opacity: 1;
}
.joininfo-sec1 .cont .gt .form .text {
  width: 100%;
  color: #999999;
  margin-bottom: 0.25rem;
  line-height: 1.5;
}
.joininfo-sec1 .cont .gt .form .text span {
  color: #dd0303;
}
.joininfo-sec1 .cont .gt .form .text a {
  color: #0364dd;
}
.joininfo-sec1 .cont .gt .form .fzfile {
  padding: 6px 10px;
  padding-left: 0;
}
.joininfo-sec1 .cont .gt .form .fzfile .fzwen {
  display: flex;
  align-items: center;
  padding-left: 0.14rem;
  width: calc(100% - 74px);
}
@media (max-width: 1580px) {
  .joininfo-sec1 .cont .gt .form .fzfile .fzwen {
    width: calc(100% - 70px);
  }
}
@media (max-width: 767px) {
  .joininfo-sec1 .cont .gt .form .fzfile .fzwen {
    width: calc(100% - 1.2rem);
  }
}
.joininfo-sec1 .cont .gt .form .fzfile .fzwen span {
  flex: 0 0 auto;
}
.joininfo-sec1 .cont .gt .form .fzfile .fzwen .fzft1 {
  width: 88%;
  white-space: nowrap;
  color: #999999;
  text-overflow: ellipsis;
  overflow: hidden;
}
.joininfo-sec1 .cont .gt .form .fzfile .fzbut {
  padding: 0.08rem 0;
  width: 74px;
  display: flex;
  justify-content: center;
  background-color: #0364dd;
  position: relative;
  color: #ffffff;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  border-radius: 8px;
}
@media (max-width: 1580px) {
  .joininfo-sec1 .cont .gt .form .fzfile .fzbut {
    width: 70px;
  }
}
@media (max-width: 767px) {
  .joininfo-sec1 .cont .gt .form .fzfile .fzbut {
    width: 1.2rem;
  }
}
.joininfo-sec1 .cont .gt .form .fzfile .fzbut input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
}
.joininfo-sec1 .cont .gt .form .fzfile .fzbut span {
  width: auto;
  color: #ffffff;
}
.joininfo-sec1 .cont .gt .form .f_sub {
  width: 100%;
  height: 0.56rem;
  background-color: #0364dd;
  border-radius: 0.28rem;
  color: #ffffff;
}
@media (max-width: 767px) {
  .joininfo-sec1 .cont .gt .form .f_sub {
    height: 0.76rem;
    border-radius: 0.38rem;
  }
}
/* End */
/* 行业应用 */
.industry1_tit {
  padding-bottom: 0.35rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.industry1_tit .tit {
  font-weight: bold;
  color: #000000;
  margin-bottom: 0.14rem;
}
.industry1_tit .text {
  color: #666666;
}
.industry-sec1 {
  background-color: #ffffff;
}
.industry-sec1 .industry1_tit {
  margin-bottom: 0.4rem;
}
@media (max-width: 767px) {
  .industry-sec1 .industry1_tit {
    margin-bottom: 0.6rem;
  }
}
/* End */
/* 应用分类一级 */
.clasifybanner .cont .container .servicebox_but {
  margin-top: 0.3rem;
}
.clasifybanner .cont .container .fz_but {
  display: flex;
  align-items: center;
}
.clasifybanner .cont .container .fz_but .servicebox_but:nth-child(2) {
  transition: all 0.4s;
  align-items: center;
  margin-left: 0.32rem;
}
.clasifybanner .cont .container .fz_but .servicebox_but:nth-child(2) i {
  transform: translateX(0);
}
.clasifybanner .cont .container .fz_but .servicebox_but:nth-child(2):hover {
  background-color: #0364dd;
  border-color: #0364dd;
}
.clasifybox-sec1 {
  padding-top: 0.56rem;
  padding-bottom: 0.7rem;
}
@media (max-width: 767px) {
  .clasifybox-sec1 {
    padding: 1rem 0;
  }
}
.clasifybox-sec1 .ftext {
  color: #666666;
  margin-bottom: 0.46rem;
}
.clasifybox-sec1 .fzqi {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.24rem;
}
.clasifybox-sec1 .fzqi .ftit {
  font-weight: bold;
  color: #000000;
}
.clasifybox-sec1 .fzqi .but {
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  color: #0364dd;
}
.clasifybox-sec1 .fzqi .but span:nth-child(2) {
  display: none;
}
.clasifybox-sec1 .fzqi .but.on span {
  display: none;
}
.clasifybox-sec1 .fzqi .but.on span:nth-child(2) {
  display: block;
}
.clasifybox-sec1 .cont {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.29rem;
}
@media (max-width: 991px) {
  .clasifybox-sec1 .cont {
    margin: 0 -0.2rem;
  }
}
@media (max-width: 767px) {
  .clasifybox-sec1 .cont {
    margin: 0;
  }
}
.clasifybox-sec1 .cont .item {
  width: 33.333%;
  padding: 0 0.29rem;
}
@media (max-width: 991px) {
  .clasifybox-sec1 .cont .item {
    padding: 0 0.2rem;
  }
}
@media (max-width: 767px) {
  .clasifybox-sec1 .cont .item {
    padding: 0;
    width: 100%;
  }
}
.clasifybox-sec1 .cont .item .fzlist {
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.clasifybox-sec1 .cont .item .fzlist .fztitle1 {
  display: flex;
  align-items: center;
  cursor: pointer;
  user-select: none;
  -webkit--user-select: none;
  justify-content: space-between;
  color: #666666;
  padding: 0.25rem 0;
}
@media (max-width: 767px) {
  .clasifybox-sec1 .cont .item .fzlist .fztitle1 {
    padding: 0.36rem 0;
  }
}
.clasifybox-sec1 .cont .item .fzlist .fztitle1 .tit1 {
  transition: all 0.4s;
  width: calc(100% - 27px);
  white-space: nowrap;
  font-weight: bold;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #666666;
}
@media (max-width: 1580px) {
  .clasifybox-sec1 .cont .item .fzlist .fztitle1 .tit1 {
    width: calc(1005 - 22px);
  }
}
.clasifybox-sec1 .cont .item .fzlist .fztitle1 i {
  transition: all 0.4s;
  display: block;
  width: 17px;
  overflow: hidden;
}
@media (max-width: 1580px) {
  .clasifybox-sec1 .cont .item .fzlist .fztitle1 i {
    width: 13px;
  }
}
.clasifybox-sec1 .cont .item .fzlist .fztitle1 i svg {
  width: 100%;
  float: left;
}
.clasifybox-sec1 .cont .item .fzlist .fztitle1 i svg path {
  fill: #999999;
  opacity: 1;
}
.clasifybox-sec1 .cont .item .fzlist .fjut {
  display: none;
  width: 100%;
  padding-bottom: 0.26rem;
}
@media (max-width: 767px) {
  .clasifybox-sec1 .cont .item .fzlist .fjut {
    padding-bottom: 0.4rem;
  }
}
.clasifybox-sec1 .cont .item .fzlist .fjut .li {
  display: block;
  transition: all 0.4s;
  color: #666666;
  font-weight: bold;
  margin-bottom: 14px;
}
@media (max-width: 1580px) {
  .clasifybox-sec1 .cont .item .fzlist .fjut .li {
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .clasifybox-sec1 .cont .item .fzlist .fjut .li {
    margin-bottom: 0.24rem;
  }
}
.clasifybox-sec1 .cont .item .fzlist .fjut .li:last-child {
  margin-bottom: 0;
}
.clasifybox-sec1 .cont .item .fzlist .fjut .li span {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 93%, #0364dd 0%);
  background-size: 0 100%;
  background-repeat: no-repeat;
  transition: all 0.4s;
}
.clasifybox-sec1 .cont .item .fzlist .fjut .li:hover {
  color: #0364dd;
}
.clasifybox-sec1 .cont .item .fzlist .fjut .li:hover span {
  background-size: 100% 100%;
}
.clasifybox-sec1 .cont .item .fzlist.on .fztitle1 .tit1 {
  color: #0364dd;
}
.clasifybox-sec1 .cont .item .fzlist.on .fztitle1 i {
  transform: rotate(180deg);
}
.clasifybox-sec1 .cont .item .fzlist.on .fztitle1 i path {
  fill: #0364dd;
}
.clasifybox-sec2 {
  padding: 1rem 0 0.8rem;
  background-color: #f5f5f5;
}
.clasifybox-sec2 .about_tit {
  margin-bottom: 0.84rem;
}
@media (max-width: 991px) {
  .clasifybox-sec2 .about_tit {
    margin-bottom: 0.5rem;
  }
}
.clasifybox-sec2 .cont {
  display: flex;
  flex-wrap: wrap;
}
.clasifybox-sec2 .cont .item {
  padding: 0 0.3rem;
  margin-bottom: 0.24rem;
  width: 33.333%;
}
@media (max-width: 991px) {
  .clasifybox-sec2 .cont .item {
    padding: 0 0.16rem;
  }
}
@media (max-width: 767px) {
  .clasifybox-sec2 .cont .item {
    width: 100%;
    padding: 0;
    margin-bottom: 0.4rem;
  }
  .clasifybox-sec2 .cont .item:last-child {
    margin-bottom: 0;
  }
}
.clasifybox-sec2 .cont .item .font {
  display: flex;
}
.clasifybox-sec2 .cont .item .font .fzicon {
  width: 0.5rem;
  overflow: hidden;
}
@media (max-width: 767px) {
  .clasifybox-sec2 .cont .item .font .fzicon {
    width: 0.68rem;
  }
}
.clasifybox-sec2 .cont .item .font .fzicon img {
  width: 100%;
  float: left;
}
.clasifybox-sec2 .cont .item .font .tit {
  color: #333333;
  font-weight: bold;
  margin-top: 0.06rem;
  padding-left: 0.2rem;
  width: calc(100% - 0.5rem);
}
@media (max-width: 1580px) {
  .clasifybox-sec2 .cont .item .font .tit {
    width: calc(100% - 0.68rem);
  }
}
.clasifybox-sec2 .cont .item .text {
  color: #666666;
  line-height: 1.5;
  padding-left: 0.7rem;
}
@media (max-width: 767px) {
  .clasifybox-sec2 .cont .item .text {
    padding-left: 0;
    margin-top: 0.22rem;
  }
}
.clasifybox-sec3 {
  padding: 0.96rem 0 1.2rem;
}
@media (max-width: 767px) {
  .clasifybox-sec3 {
    padding-top: 1.1rem;
  }
}
.clasifybox-sec3 .fztitle1 {
  margin-bottom: 0.34rem;
}
.clasifybox-sec3 .fztitle1 .name {
  color: #666666;
  margin-bottom: 4px;
}
.clasifybox-sec3 .fztitle1 .tit {
  color: #000000;
  font-weight: bold;
}
.clasifybox-sec3 .fzcont .fzitem {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  line-height: 30px;
  padding: 0.25rem 0;
}
@media (max-width: 1580px) {
  .clasifybox-sec3 .fzcont .fzitem {
    line-height: 26px;
  }
}
@media (max-width: 767px) {
  .clasifybox-sec3 .fzcont .fzitem {
    padding: 0.36rem 0;
    line-height: 0.5rem;
  }
}
.clasifybox-sec3 .fzcont .fzitem .fzname {
  display: flex;
  width: 165px;
  padding-right: 10px;
  font-weight: bold;
  align-items: flex-start;
}
@media (max-width: 1580px) {
  .clasifybox-sec3 .fzcont .fzitem .fzname {
    width: 150px;
  }
}
@media (max-width: 991px) {
  .clasifybox-sec3 .fzcont .fzitem .fzname {
    width: 140px;
  }
}
@media (max-width: 767px) {
  .clasifybox-sec3 .fzcont .fzitem .fzname {
    width: 100%;
    margin-bottom: 0.2rem;
  }
}
.clasifybox-sec3 .fzcont .fzitem .fzname i {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  margin-top: 0.75em;
  position: relative;
  top: -12.5px;
  width: 25px;
  height: 25px;
}
@media (max-width: 1580px) {
  .clasifybox-sec3 .fzcont .fzitem .fzname i {
    width: 21px;
    height: 21px;
    top: -10.5px;
  }
}
@media (max-width: 767px) {
  .clasifybox-sec3 .fzcont .fzitem .fzname i {
    width: 0.4rem;
    height: 0.4rem;
    top: -0.2rem;
  }
}
.clasifybox-sec3 .fzcont .fzitem .fzname i img {
  max-width: 100%;
  max-height: 100%;
  float: left;
}
.clasifybox-sec3 .fzcont .fzitem .fzname span {
  display: block;
  width: 70%;
  padding-left: 8px;
  width: calc(100% - 25px);
}
@media (max-width: 1580px) {
  .clasifybox-sec3 .fzcont .fzitem .fzname span {
    width: calc(100% - 21px);
  }
}
@media (max-width: 767px) {
  .clasifybox-sec3 .fzcont .fzitem .fzname span {
    width: calc(100% - 0.4rem);
  }
}
.clasifybox-sec3 .fzcont .fzitem .gt {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  padding-right: 1.36rem;
  width: 70%;
  width: calc(100% - 165px);
}
@media (max-width: 1580px) {
  .clasifybox-sec3 .fzcont .fzitem .gt {
    width: calc(100% - 150px);
  }
}
@media (max-width: 991px) {
  .clasifybox-sec3 .fzcont .fzitem .gt {
    padding-right: 0;
    width: calc(100% - 140px);
  }
}
@media (max-width: 767px) {
  .clasifybox-sec3 .fzcont .fzitem .gt {
    width: 100%;
  }
}
.clasifybox-sec3 .fzcont .fzitem .gt .li {
  width: 20%;
  position: relative;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  display: flex;
  font-weight: bold;
  padding-right: 0.12rem;
  align-items: flex-start;
  margin-bottom: 10px;
}
@media (max-width: 1580px) {
  .clasifybox-sec3 .fzcont .fzitem .gt .li {
    margin-bottom: 6px;
  }
}
@media (max-width: 1260px) {
  .clasifybox-sec3 .fzcont .fzitem .gt .li {
    width: 25%;
  }
}
@media (max-width: 991px) {
  .clasifybox-sec3 .fzcont .fzitem .gt .li {
    width: 33.333%;
  }
}
@media (max-width: 767px) {
  .clasifybox-sec3 .fzcont .fzitem .gt .li {
    width: auto;
    margin-bottom: 0.224rem;
    padding-right: 0.48rem;
  }
}
.clasifybox-sec3 .fzcont .fzitem .gt .li input {
  position: absolute;
  top: 0;
  left: 0;
}
.clasifybox-sec3 .fzcont .fzitem .gt .li input:checked ~ i {
  border-color: #0364dd;
}
.clasifybox-sec3 .fzcont .fzitem .gt .li input:checked ~ i:before {
  opacity: 1;
}
.clasifybox-sec3 .fzcont .fzitem .gt .li input:checked ~ span {
  color: #0364dd;
}
.clasifybox-sec3 .fzcont .fzitem .gt .li i,
.clasifybox-sec3 .fzcont .fzitem .gt .li span {
  display: block;
  position: relative;
}
.clasifybox-sec3 .fzcont .fzitem .gt .li i {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: solid 1px #666666;
  margin-top: 0.4em;
  width: 18px;
  height: 18px;
}
@media (max-width: 1580px) {
  .clasifybox-sec3 .fzcont .fzitem .gt .li i {
    width: 14px;
    height: 14px;
  }
}
@media (max-width: 767px) {
  .clasifybox-sec3 .fzcont .fzitem .gt .li i {
    width: 0.26rem;
    height: 0.26rem;
  }
}
.clasifybox-sec3 .fzcont .fzitem .gt .li i:before {
  content: "";
  display: block;
  border-radius: 50%;
  background-color: #0364dd;
  transition: all 0.4s;
  opacity: 0;
  width: 55.55555556%;
  height: 55.55555556%;
}
.clasifybox-sec3 .fzcont .fzitem .gt .li span {
  color: #666666;
  transition: all 0.4s;
  display: block;
  width: calc(100% - 18px);
  padding-left: 10px;
}
@media (max-width: 1580px) {
  .clasifybox-sec3 .fzcont .fzitem .gt .li span {
    width: calc(100% - 14px);
    padding-left: 8px;
  }
}
@media (max-width: 767px) {
  .clasifybox-sec3 .fzcont .fzitem .gt .li span {
    width: calc(100% - 0.26rem);
  }
}
.clasifybox-sec3 .fzcont .fzbut {
  display: flex;
  justify-content: center;
  margin-top: 0.4rem;
}
.clasifybox-sec3 .cont {
  margin-top: 1.06rem;
  border-top: 3px solid #cccccc;
}
@media (max-width: 1580px) {
  .clasifybox-sec3 .cont {
    border-width: 2px;
  }
}
.clasifybox-sec3 .cont .el-table td.el-table__cell,
.clasifybox-sec3 .cont .el-table th.el-table__cell.is-leaf {
  border-bottom: 1px solid #e8eef5;
}
.clasifybox-sec3 .cont .el-table::before,
.clasifybox-sec3 .cont .el-table__fixed-right::before,
.clasifybox-sec3 .cont .el-table__fixed::before {
  display: 1px solid #e8eef5;
}
.clasifybox-sec3 .cont .headbag {
  background-color: #f9f9f9;
  padding: 0;
}
.clasifybox-sec3 .cont .headbag th {
  background-color: transparent;
  padding: 0.2rem 0.26rem;
}
.clasifybox-sec3 .cont .headbag th .fztext {
  font-weight: bold;
  color: #000000;
  text-align: center;
  line-height: 1.625;
}
.clasifybox-sec3 .cont .headbag th input {
  width: 100%;
  background-color: #ffffff;
  border-radius: 4px;
  border: solid 1px #dddddd;
  padding: 12px 14px;
  font-size: 16px;
  margin-top: 10px;
  color: #999999;
}
@media (max-width: 1580px) {
  .clasifybox-sec3 .cont .headbag th input {
    margin-top: 8px;
    padding: 10px 12px;
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .clasifybox-sec3 .cont .headbag th input {
    font-size: 0.26rem;
  }
}
.clasifybox-sec3 .cont .headbag th .fztext2 {
  text-align: left;
}
.clasifybox-sec3 .cont .el-table__body tr.hover-row.current-row > td.el-table__cell,
.clasifybox-sec3 .cont .el-table__body tr.hover-row.el-table__row--striped.current-row > td.el-table__cell,
.clasifybox-sec3 .cont .el-table__body tr.hover-row.el-table__row--striped > td.el-table__cell,
.clasifybox-sec3 .cont .el-table__body tr.hover-row > td.el-table__cell {
  background-color: #f5f7fa;
}
.clasifybox-sec3 .cont .el-table .cell {
  padding: 0;
}
.clasifybox-sec3 .cont .tbodycl td {
  padding: 0.25rem 0.1rem;
}
.clasifybox-sec3 .cont .tbodycl td:nth-child(1) {
  padding: 0.25rem 0.26rem;
}
.clasifybox-sec3 .cont .tbodycl td .list1 {
  text-align: center;
  color: #666666;
  display: block;
  font-weight: bold;
  text-decoration: underline;
}
.clasifybox-sec3 .cont .tbodycl td .list1:hover {
  color: #0364dd;
}
.clasifybox-sec3 .cont .tbodycl td .fzwen {
  text-align: center;
  color: #000000;
  font-weight: bold;
}
.clasifybox-sec3 .cont .tbodycl td .fzfont {
  width: 100%;
  line-height: 26px;
}
@media (max-width: 1580px) {
  .clasifybox-sec3 .cont .tbodycl td .fzfont {
    line-height: 24px;
  }
}
@media (max-width: 767px) {
  .clasifybox-sec3 .cont .tbodycl td .fzfont {
    line-height: 1.625;
  }
}
.clasifybox-sec3 .cont .tbodycl td .fzfont .tit {
  width: 100%;
  display: flex;
  transition: all 0.4s;
  color: #000000;
  position: relative;
}
.clasifybox-sec3 .cont .tbodycl td .fzfont .tit span {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  font-weight: bold;
  text-overflow: ellipsis;
  max-width: 100%;
}
.clasifybox-sec3 .cont .tbodycl td .fzfont .tit i {
  display: block;
  font-style: normal;
  font-size: 14px;
  color: #b8d200;
  position: relative;
  margin-left: 4px;
}
@media (max-width: 767px) {
  .clasifybox-sec3 .cont .tbodycl td .fzfont .tit i {
    font-size: 0.22em;
    margin-top: 2px;
  }
}
.clasifybox-sec3 .cont .tbodycl td .fzfont .tit .hot {
  color: #d8001b;
}
.clasifybox-sec3 .cont .tbodycl td .fzfont .text {
  color: #666666;
  margin-bottom: 0.12rem;
}
@media (max-width: 767px) {
  .clasifybox-sec3 .cont .tbodycl td .fzfont .text {
    font-size: 0.24rem;
  }
}
.clasifybox-sec3 .cont .tbodycl td .fzfont .number1 {
  font-weight: bold;
  color: #999999;
}
@media (max-width: 767px) {
  .clasifybox-sec3 .cont .tbodycl td .fzfont .number1 {
    font-size: 0.22rem;
  }
}
/* End */
/* 应用详情 */
.indusinfobox_nva {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.indusinfobox_nva .swiper-slide {
  width: auto;
  padding: 0 0.25rem;
}
.indusinfobox_nva .swiper-slide .item {
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  color: #999999;
  padding-bottom: 0.26rem;
  font-weight: bold;
  position: relative;
}
.indusinfobox_nva .swiper-slide .item:before {
  content: "";
  display: block;
  width: 0;
  transition: all 0.4s;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 3px;
  background-color: #0364dd;
  margin: 0 auto;
}
@media (max-width: 1580px) {
  .indusinfobox_nva .swiper-slide .item:before {
    height: 2px;
  }
}
.indusinfobox_nva .on .item {
  color: #0364dd;
}
.indusinfobox_nva .on .item:before {
  width: 100%;
}
.indusinfobox-sec1 {
  background-color: #f8f8f8;
  padding: 0.74rem 0 0.8rem;
}
@media (max-width: 767px) {
  .indusinfobox-sec1 {
    padding: 1rem 0 1rem;
  }
}
.indusinfobox-sec1 .fztit {
  font-weight: bold;
  margin-bottom: 0.12rem;
}
.indusinfobox-sec1 .make-text {
  font-size: 18px;
}
.indusinfobox-sec1 .make-text span,
.indusinfobox-sec1 .make-text p {
  font-size: 18px;
}
@media (max-width: 1580px) {
  .indusinfobox-sec1 .make-text {
    font-size: 16px;
  }
  .indusinfobox-sec1 .make-text span,
  .indusinfobox-sec1 .make-text p {
    font-size: 16px;
  }
}
.indusinfobox-sec2 {
  padding: 0.5rem 0 1.2rem;
}
@media (max-width: 767px) {
  .indusinfobox-sec2 {
    padding-top: 1.1rem;
  }
}
.indusinfobox-sec2 .about_tit {
  margin-bottom: 0.52rem;
}
.indusinfobox-sec2 .fz_jut1 {
  border: solid 1px #dddddd;
  border-radius: 0.2rem;
  padding-top: 0.3rem;
}
.indusinfobox-sec2 .container {
  width: 93.75%;
  max-width: 1800px;
}
.indusinfobox-sec2 .cont {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.indusinfobox-sec2 .cont .indusinfobox2_cont {
  width: 100%;
  margin: 0;
  width: 53.88%;
}
@media (max-width: 767px) {
  .indusinfobox-sec2 .cont .indusinfobox2_cont {
    width: 100%;
  }
}
.indusinfobox-sec2 .cont .indusinfobox2_cont .swiper-slide {
  overflow: auto;
}
@media (max-width: 991px) {
  .indusinfobox-sec2 .cont .indusinfobox2_cont .swiper-slide .img {
    width: 700px;
  }
}
.indusinfobox-sec2 .cont .indusinfobox2_cont .img {
  padding: 0.6rem 11.78571429%;
  padding: 0.6rem 2%;
  width: 100%;
}
@media (max-width: 767px) {
  .indusinfobox-sec2 .cont .indusinfobox2_cont .img {
    padding: 0;
  }
}
.indusinfobox-sec2 .cont .indusinfobox2_cont .img img,
.indusinfobox-sec2 .cont .indusinfobox2_cont .img svg {
  width: 100%;
  height: auto;
}
.indusinfobox-sec2 .cont .indusinfobox2_cont .img img rect,
.indusinfobox-sec2 .cont .indusinfobox2_cont .img svg rect,
.indusinfobox-sec2 .cont .indusinfobox2_cont .img img text,
.indusinfobox-sec2 .cont .indusinfobox2_cont .img svg text {
  transition: all 0.4s;
}
.indusinfobox-sec2 .cont .indusinfobox2_cont .img img g,
.indusinfobox-sec2 .cont .indusinfobox2_cont .img svg g {
  display: block;
}
.indusinfobox-sec2 .cont .indusinfobox2_cont .img img .kuangtuhover2,
.indusinfobox-sec2 .cont .indusinfobox2_cont .img svg .kuangtuhover2,
.indusinfobox-sec2 .cont .indusinfobox2_cont .img img g[name*="kuangtu-"][type="0"],
.indusinfobox-sec2 .cont .indusinfobox2_cont .img svg g[name*="kuangtu-"][type="0"],
.indusinfobox-sec2 .cont .indusinfobox2_cont .img img g[name*="kuangtu-"][type="1"],
.indusinfobox-sec2 .cont .indusinfobox2_cont .img svg g[name*="kuangtu-"][type="1"] {
  cursor: pointer;
  background-color: #0364dd;
}
.indusinfobox-sec2 .cont .indusinfobox2_cont .img img .kuangtuhover2:hover text,
.indusinfobox-sec2 .cont .indusinfobox2_cont .img svg .kuangtuhover2:hover text,
.indusinfobox-sec2 .cont .indusinfobox2_cont .img img g[name*="kuangtu-"][type="0"]:hover text,
.indusinfobox-sec2 .cont .indusinfobox2_cont .img svg g[name*="kuangtu-"][type="0"]:hover text,
.indusinfobox-sec2 .cont .indusinfobox2_cont .img img g[name*="kuangtu-"][type="1"]:hover text,
.indusinfobox-sec2 .cont .indusinfobox2_cont .img svg g[name*="kuangtu-"][type="1"]:hover text {
  fill: #fff;
}
.indusinfobox-sec2 .cont .indusinfobox2_cont .img img .kuangtuhover2:hover rect,
.indusinfobox-sec2 .cont .indusinfobox2_cont .img svg .kuangtuhover2:hover rect,
.indusinfobox-sec2 .cont .indusinfobox2_cont .img img g[name*="kuangtu-"][type="0"]:hover rect,
.indusinfobox-sec2 .cont .indusinfobox2_cont .img svg g[name*="kuangtu-"][type="0"]:hover rect,
.indusinfobox-sec2 .cont .indusinfobox2_cont .img img g[name*="kuangtu-"][type="1"]:hover rect,
.indusinfobox-sec2 .cont .indusinfobox2_cont .img svg g[name*="kuangtu-"][type="1"]:hover rect {
  opacity: 1;
  fill: #0364dd;
  stroke: #0364dd;
}
.indusinfobox-sec2 .cont .indusinfobox2_cont .img img .kuangtuhover2:hover rect:nth-child(1),
.indusinfobox-sec2 .cont .indusinfobox2_cont .img svg .kuangtuhover2:hover rect:nth-child(1),
.indusinfobox-sec2 .cont .indusinfobox2_cont .img img g[name*="kuangtu-"][type="0"]:hover rect:nth-child(1),
.indusinfobox-sec2 .cont .indusinfobox2_cont .img svg g[name*="kuangtu-"][type="0"]:hover rect:nth-child(1),
.indusinfobox-sec2 .cont .indusinfobox2_cont .img img g[name*="kuangtu-"][type="1"]:hover rect:nth-child(1),
.indusinfobox-sec2 .cont .indusinfobox2_cont .img svg g[name*="kuangtu-"][type="1"]:hover rect:nth-child(1) {
  fill: #0364dd;
}
.indusinfobox-sec2 .cont .fz_gt {
  border-left: 1px solid #dddddd;
  width: 46.12%;
  position: relative;
  display: none;
  padding: 0.28rem 0.2rem 0.4rem 0.4rem;
}
@media (max-width: 767px) {
  .indusinfobox-sec2 .cont .fz_gt {
    border-top: 1px solid #dddddd;
    width: 100%;
  }
}
.indusinfobox-sec2 .cont .fz_gt .f_close {
  position: absolute;
  right: 0.4rem;
  top: 0.32rem;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  width: 14px;
  overflow: hidden;
}
.indusinfobox-sec2 .cont .fz_gt .f_close img {
  width: 100%;
  float: left;
}
.indusinfobox-sec2 .cont .fz_gt .fz_nei {
  width: 100%;
  padding-right: 0.2rem;
  height: auto;
  max-height: 7rem;
  overflow: auto;
}
.indusinfobox-sec2 .cont .fz_gt .fz_nei .f_font {
  width: 100%;
  margin-bottom: 0.56rem;
}
.indusinfobox-sec2 .cont .fz_gt .fz_nei .f_font .f_tit {
  color: #0364dd;
  font-weight: bold;
  margin-bottom: 4px;
}
.indusinfobox-sec2 .cont .fz_gt .fz_nei .f_font .text {
  color: #666666;
}
.indusinfobox-sec2 .cont .fz_gt .fz_nei .f_nav {
  width: 100%;
  display: flex;
  position: relative;
}
.indusinfobox-sec2 .cont .fz_gt .fz_nei .f_nav:after {
  content: "";
  display: block;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #000000;
  opacity: 0.1;
  position: absolute;
}
.indusinfobox-sec2 .cont .fz_gt .fz_nei .f_nav .li {
  margin-right: 0.32rem;
  line-height: 26px;
  color: #666666;
  position: relative;
  z-index: 2;
  cursor: pointer;
  user-select: none;
  transition: all 0.4s;
  -webkit-user-select: none;
  padding-bottom: 0.16rem;
  border-bottom: 3px solid transparent;
}
@media (max-width: 1580px) {
  .indusinfobox-sec2 .cont .fz_gt .fz_nei .f_nav .li {
    line-height: 24px;
  }
}
@media (max-width: 767px) {
  .indusinfobox-sec2 .cont .fz_gt .fz_nei .f_nav .li {
    line-height: 0.36rem;
    padding-bottom: 0.36rem;
  }
}
.indusinfobox-sec2 .cont .fz_gt .fz_nei .f_nav .on {
  border-color: #0364dd;
  color: #0364dd;
  font-weight: bold;
}
.indusinfobox-sec2 .cont .fz_gt .fz_nei .ind_cont {
  width: 100%;
  position: relative;
}
.indusinfobox-sec2 .cont .fz_gt .fz_nei .ind_cont .f_item {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transition: all 0.4s linear;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  opacity: 0;
  padding-top: 20px;
}
.indusinfobox-sec2 .cont .fz_gt .fz_nei .ind_cont .f_item.on {
  opacity: 1;
  position: relative;
  height: auto;
  overflow: visible;
  visibility: visible;
}
.indusinfobox-sec2 .cont .fz_gt .fz_nei .ind_cont .f_item .fz_list {
  display: block;
  width: 100%;
  padding: 0.18rem 0;
  border-bottom: 1px solid #f0f0f0;
}
.indusinfobox-sec2 .cont .fz_gt .fz_nei .ind_cont .f_item .fz_list .f_tit {
  color: #666;
  font-weight: bold;
}
.indusinfobox-sec2 .cont .fz_gt .fz_nei .ind_cont .f_item .fz_list .f_tit a {
  color: #333333;
}
.indusinfobox-sec2 .cont .fz_gt .fz_nei .ind_cont .f_item .fz_list .f_tit a:hover {
  text-decoration: underline;
}
.indusinfobox-sec2 .cont .fz_gt .fz_nei .ind_cont .f_item .fz_list .f_wen {
  margin-top: 0.1rem;
  display: flex;
  align-items: flex-start;
}
.indusinfobox-sec2 .cont .fz_gt .fz_nei .ind_cont .f_item .fz_list .f_wen .fl1 {
  color: #666666;
  display: flex;
  align-items: center;
  font-weight: bold;
  margin-right: 0.3rem;
}
.indusinfobox-sec2 .cont .fz_gt .fz_nei .ind_cont .f_item .fz_list .f_wen .fl1 a {
  color: #0364dd;
  display: block;
  margin-left: 10px;
}
.indusinfobox-sec2 .cont .fz_gt .fz_nei .ind_cont .f_item .fz_list .f_wen .fl1 a:hover {
  text-decoration: underline;
}
.indusinfobox-sec2 .cont .fz_gt .fz_nei .ind_cont .f_item .fz_list .f_wen .fl1 span {
  font-size: 10px;
  display: inline-block;
  color: #000000;
  opacity: 0.2;
  margin-left: 10px;
}
.indusinfobox-sec2 .cont .fz_gt .fz_nei .ind_cont .f_item .li {
  width: 100%;
  margin-bottom: 20px;
}
.indusinfobox-sec2 .cont .fz_gt .fz_nei .ind_cont .f_item .li .fz_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #f0f0f0;
  border-radius: 4px;
  cursor: pointer;
  padding: 16px 22px;
  color: #333333;
}
@media (max-width: 1580px) {
  .indusinfobox-sec2 .cont .fz_gt .fz_nei .ind_cont .f_item .li .fz_title {
    padding: 12px 18px;
  }
}
.indusinfobox-sec2 .cont .fz_gt .fz_nei .ind_cont .f_item .li .fz_title .tit {
  display: block;
  width: calc(100% - 28px);
}
.indusinfobox-sec2 .cont .fz_gt .fz_nei .ind_cont .f_item .li .fz_title i {
  transition: all 0.4s;
  width: 14px;
  height: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.indusinfobox-sec2 .cont .fz_gt .fz_nei .ind_cont .f_item .li .fz_title i svg,
.indusinfobox-sec2 .cont .fz_gt .fz_nei .ind_cont .f_item .li .fz_title i img {
  width: 100%;
  max-height: 100%;
  height: auto;
}
.indusinfobox-sec2 .cont .fz_gt .fz_nei .ind_cont .f_item .li .fz_title i svg path,
.indusinfobox-sec2 .cont .fz_gt .fz_nei .ind_cont .f_item .li .fz_title i img path {
  fill: #999999;
}
.indusinfobox-sec2 .cont .fz_gt .fz_nei .ind_cont .f_item .li.on .fz_title i {
  transform: rotate(180deg);
}
.indusinfobox-sec2 .cont .fz_gt .fz_nei .ind_cont .f_item .li .jut {
  width: 100%;
  display: none;
}
.indusinfobox-sec2 .cont .fz_gt .fz_nei .ind_cont .f_item .li .jut .flist1 {
  margin-bottom: 0.36rem;
}
.indusinfobox-sec2 .cont .fz_gt .fz_nei .ind_cont .f_item .li .jut .flist1:last-child {
  margin-bottom: 0;
}
.indusinfobox-sec2 .cont .fz_gt .fz_nei .ind_cont .f_item .li .jut .f_t1 {
  color: #333333;
  font-weight: bold;
  padding: 0.26rem 0;
  border-bottom: 1px solid #f0f0f0;
}
.indusinfobox-sec2 .cont .fz_gt .fz_nei .ind_cont .f_item .li .jut .f_but {
  display: flex;
  align-items: center;
  color: #666666;
  transition: all 0.4s;
  font-weight: bold;
}
.indusinfobox-sec2 .cont .fz_gt .fz_nei .ind_cont .f_item .li .jut .f_but i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
}
@media (max-width: 1580px) {
  .indusinfobox-sec2 .cont .fz_gt .fz_nei .ind_cont .f_item .li .jut .f_but i {
    width: 16px;
    height: 16px;
  }
}
.indusinfobox-sec2 .cont .fz_gt .fz_nei .ind_cont .f_item .li .jut .f_but i svg,
.indusinfobox-sec2 .cont .fz_gt .fz_nei .ind_cont .f_item .li .jut .f_but i img {
  width: 100%;
  height: auto;
  max-height: 100%;
}
.indusinfobox-sec2 .cont .fz_gt .fz_nei .ind_cont .f_item .li .jut .f_but i svg path,
.indusinfobox-sec2 .cont .fz_gt .fz_nei .ind_cont .f_item .li .jut .f_but i img path {
  transition: all 0.4s;
  fill: #999;
}
.indusinfobox-sec2 .cont .fz_gt .fz_nei .ind_cont .f_item .li .jut .f_but span {
  display: block;
  width: calc(100% - 18px);
  padding-left: 10px;
}
.indusinfobox-sec2 .cont .fz_gt .fz_nei .ind_cont .f_item .li .jut .f_but:hover {
  color: #0364dd;
}
.indusinfobox-sec2 .cont .fz_gt .fz_nei .ind_cont .f_item .li .jut .f_but:hover i svg path {
  fill: #0364dd;
}
.indusinfobox-sec2 .cont .fz_gt .fz_nei .ind_cont .f_item .li .jut .f_trast {
  margin-bottom: 8px;
  margin-top: 18px;
}
.indusinfobox-sec2 .cont .fz_gt .fz_nei .ind_cont .f_item2 {
  padding-top: 0.22rem;
}
.indusinfobox-sec3 {
  padding: 0.9rem 0 1rem;
}
.indusinfobox-sec3 .about_tit {
  margin-bottom: 0.4rem;
}
.indusinfobox-sec3 .cont {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.125rem;
}
@media (max-width: 767px) {
  .indusinfobox-sec3 .cont {
    margin: 0;
  }
}
.indusinfobox-sec3 .cont .item {
  width: 33.333%;
  padding: 0 0.125rem;
  margin-bottom: 0.26rem;
}
@media (max-width: 767px) {
  .indusinfobox-sec3 .cont .item {
    padding: 0;
    width: 100%;
  }
}
.indusinfobox-sec3 .cont .item .list {
  display: block;
  transition: all 0.4s;
  height: 100%;
  background-color: #f5f7fa;
  border-radius: 0.2rem;
  padding: 0.36rem 0.42rem 0.3rem;
}
.indusinfobox-sec3 .cont .item .list .font .name {
  color: #999999;
  margin-bottom: 0.2rem;
}
.indusinfobox-sec3 .cont .item .list .font .tit {
  color: #000000;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  transition: all 0.4s;
  font-weight: bold;
  margin-bottom: 0.1rem;
}
.indusinfobox-sec3 .cont .item .list .font .text {
  margin-bottom: 0.5rem;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  line-height: 1.5;
  -webkit-line-clamp: 7;
  overflow: hidden;
  color: #666666;
  height: 10.5em;
}
.indusinfobox-sec3 .cont .item .list .jut .time {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 0.25rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 0.28rem;
}
.indusinfobox-sec3 .cont .item .list .jut .time span {
  display: block;
  color: #333333;
  font-weight: bold;
  line-height: 1.625;
  margin-right: 0.4rem;
}
.indusinfobox-sec3 .cont .item .list .jut .time span:last-child {
  margin-right: 0;
}
.indusinfobox-sec3 .cont .item .list .jut .fzne {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.indusinfobox-sec3 .cont .item .list .jut .fzne .but {
  display: flex;
  flex-wrap: wrap;
}
.indusinfobox-sec3 .cont .item .list .jut .fzne .but .li {
  display: flex;
  align-items: center;
  margin-right: 0.22rem;
  color: #999999;
  transition: all 0.4s;
  font-size: 14px;
}
@media (max-width: 1580px) {
  .indusinfobox-sec3 .cont .item .list .jut .fzne .but .li {
    font-size: 12px;
  }
}
@media (max-width: 991px) {
}
@media (max-width: 991px) and (min-width: 768px) {
  .indusinfobox-sec3 .cont .item .list .jut .fzne .but .li:nth-child(2n) {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .indusinfobox-sec3 .cont .item .list .jut .fzne .but .li {
    margin-right: 0.28rem;
  }
}
.indusinfobox-sec3 .cont .item .list .jut .fzne .but .li:last-child {
  margin-right: 0;
}
.indusinfobox-sec3 .cont .item .list .jut .fzne .but .li i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 16px;
}
@media (max-width: 1580px) {
  .indusinfobox-sec3 .cont .item .list .jut .fzne .but .li i {
    width: 14px;
    height: 12px;
  }
}
.indusinfobox-sec3 .cont .item .list .jut .fzne .but .li i svg {
  max-width: 100%;
  max-height: 100%;
}
.indusinfobox-sec3 .cont .item .list .jut .fzne .but .li i svg path {
  fill: #999999;
  opacity: 1;
  stroke: none;
  transition: all 0.4s;
}
.indusinfobox-sec3 .cont .item .list .jut .fzne .but .li span {
  display: block;
  padding-left: 6px;
}
.indusinfobox-sec3 .cont .item .list .jut .fzne .but .li:hover {
  color: #0364dd;
}
.indusinfobox-sec3 .cont .item .list .jut .fzne .but .li:hover i svg path {
  fill: #0364dd;
}
.indusinfobox-sec3 .cont .item .list .jut .fzne .but .collect1 span:last-child {
  display: none;
}
.indusinfobox-sec3 .cont .item .list .jut .fzne .but .on i svg path {
  fill: #0364dd;
}
.indusinfobox-sec3 .cont .item .list .jut .fzne .but .on span {
  color: #0364dd;
  display: none;
}
.indusinfobox-sec3 .cont .item .list .jut .fzne .but .on span:last-child {
  display: block;
}
.indusinfobox-sec3 .cont .item .list .jut .fzne .fzlabe {
  display: flex;
  align-items: center;
  color: #999999;
}
.indusinfobox-sec3 .cont .item .list .jut .fzne .fzlabe i {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  margin-right: 4px;
  width: 22px;
  height: 22px;
}
@media (max-width: 1580px) {
  .indusinfobox-sec3 .cont .item .list .jut .fzne .fzlabe i {
    width: 20px;
    height: 20px;
  }
}
.indusinfobox-sec3 .cont .item .list .jut .fzne .fzlabe i img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.indusinfobox-sec3 .cont .item .list:hover {
  box-shadow: 0px 7px 20px 4px rgba(0, 0, 0, 0.07);
}
.indusinfobox-sec3 .cont .item .list:hover .font .tit {
  color: #0364dd;
}
.indusinfobox-sec3 .cont .swiper-slide {
  width: 33.333%;
  padding: 0 0.125rem;
  margin-bottom: 0.26rem;
}
@media (max-width: 767px) {
  .indusinfobox-sec3 .cont .swiper-slide {
    padding: 0;
    width: 100%;
  }
}
.indusinfobox-sec3 .cont .swiper-slide .item {
  width: 100%;
  padding: 0;
  margin: 0;
}
/* End */
/* 产品中心 */
.productbox {
  background-color: #f6f8fa;
}
.productbox-sec1 {
  overflow: hidden;
  padding: 0.88rem 0 0;
}
@media (max-width: 767px) {
  .productbox-sec1 {
    padding-top: 1rem;
    padding-bottom: 1.2rem;
  }
}
.productbox-sec1 .fztitle1 {
  color: #000000;
  font-weight: bold;
  margin-bottom: 0.1rem;
}
.productbox-sec1 .fztext {
  color: #666666;
  margin-bottom: 0.37rem;
}
.productbox-sec1 .cont {
  display: flex;
  flex-wrap: wrap;
  background-color: #f5f5f5;
}
.productbox-sec1 .cont .fzmenu {
  width: 37.142%;
}
@media (max-width: 767px) {
  .productbox-sec1 .cont .fzmenu {
    width: 100%;
    overflow: auto;
    display: flex;
    display: none;
  }
}
@media (min-width: 768px) {
  .productbox-sec1 .cont .fzmenu {
    padding-bottom: 1.2rem;
  }
}
.productbox-sec1 .cont .fzmenu li {
  width: 100%;
}
@media (max-width: 767px) {
  .productbox-sec1 .cont .fzmenu li {
    width: 4.6rem;
  }
}
.productbox-sec1 .cont .fzmenu li .tit {
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  display: flex;
  align-items: center;
  padding: 0.22rem 0.4rem;
  transition: all 0.4s;
  padding-right: 0.36rem;
  border-left: 6px solid transparent;
}
@media (max-width: 1580px) {
  .productbox-sec1 .cont .fzmenu li .tit {
    border-width: 4px;
  }
}
@media (max-width: 991px) {
  .productbox-sec1 .cont .fzmenu li .tit {
    border-width: 2px;
  }
}
@media (max-width: 767px) {
  .productbox-sec1 .cont .fzmenu li .tit {
    padding: 0.24rem 0.3rem;
  }
}
.productbox-sec1 .cont .fzmenu li .tit i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.48rem;
  height: 0.48rem;
}
@media (max-width: 767px) {
  .productbox-sec1 .cont .fzmenu li .tit i {
    width: 0.56rem;
    height: 0.56rem;
  }
}
.productbox-sec1 .cont .fzmenu li .tit i svg {
  max-width: 100%;
  max-height: 100%;
}
.productbox-sec1 .cont .fzmenu li .tit i svg path {
  fill: #666666;
  transition: all 0.4s;
}
.productbox-sec1 .cont .fzmenu li .tit .fzwen {
  display: block;
  padding-left: 0.4rem;
  padding-right: 0.2rem;
  width: calc(100% - 0.48rem - 9px);
}
@media (max-width: 767px) {
  .productbox-sec1 .cont .fzmenu li .tit .fzwen {
    width: calc(100% - 0.56rem);
    padding-right: 0;
    padding-left: 0.3rem;
  }
}
.productbox-sec1 .cont .fzmenu li .tit .fzwen .t1 {
  color: #000000;
  font-weight: bold;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
  transition: all 0.4s;
  margin-bottom: 2px;
}
.productbox-sec1 .cont .fzmenu li .tit .fzwen .tx {
  transition: all 0.4s;
  color: #666666;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
}
.productbox-sec1 .cont .fzmenu li .tit .but {
  width: 9px;
}
@media (max-width: 767px) {
  .productbox-sec1 .cont .fzmenu li .tit .but {
    display: none;
  }
}
.productbox-sec1 .cont .fzmenu li .tit .but svg {
  width: 100%;
  float: left;
}
.productbox-sec1 .cont .fzmenu li .tit .but svg path {
  fill: #999999;
  transition: all 0.4s;
}
.productbox-sec1 .cont .fzmenu .on .tit {
  border-color: #0364dd;
  background-color: #ffffff;
}
.productbox-sec1 .cont .fzmenu .on .tit i svg path,
.productbox-sec1 .cont .fzmenu .on .tit .but svg path {
  fill: #0364dd;
}
.productbox-sec1 .cont .fzmenu .on .tit .fzwen .t1 {
  color: #0364dd;
}
.productbox-sec1 .cont .gt {
  position: relative;
  background-color: #ffffff;
  width: 62.858%;
}
@media (max-width: 767px) {
  .productbox-sec1 .cont .gt {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .productbox-sec1 .cont .gt {
    padding-bottom: 0.5rem;
  }
}
.productbox-sec1 .cont .gt:after {
  content: "";
  display: block;
  width: 100vw;
  height: 100%;
  position: absolute;
  left: 100%;
  top: 0;
  background-color: #ffffff;
}
.productbox-sec1 .cont .gt .pro_list {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s;
  padding: 0.33rem 0.4rem 0 0.52rem;
}
@media (max-width: 767px) {
  .productbox-sec1 .cont .gt .pro_list {
    padding: 0.66rem 0.34rem 0.5rem;
  }
}
.productbox-sec1 .cont .gt .pro_list .font {
  width: 100%;
  margin-bottom: 0.34rem;
}
@media (max-width: 767px) {
  .productbox-sec1 .cont .gt .pro_list .font {
    margin-bottom: 0.5rem;
  }
}
.productbox-sec1 .cont .gt .pro_list .font .tit {
  color: #000000;
  font-weight: bold;
  margin-bottom: 2px;
}
.productbox-sec1 .cont .gt .pro_list .font .text {
  color: #666666;
}
.productbox-sec1 .cont .gt .pro_list .jut {
  column-width: 50%;
  -moz-column-width: 50%;
  /* Firefox */
  -webkit-column-width: 50%;
  /* Safari and Chrome */
  column-count: 2;
  -moz-column-count: 2;
  /* Firefox */
  -webkit-column-count: 2;
  /* Safari and Chrome */
  column-gap: 0;
  -moz-column-gap: 0;
  -webkit-column-gap: 0;
  margin: 0 -0.3rem;
}
@media (max-width: 991px) {
  .productbox-sec1 .cont .gt .pro_list .jut {
    margin: 0;
    column-count: initial;
    -moz-column-count: initial;
    /* Firefox */
    -webkit-column-count: initial;
    /* Safari and Chrome */
  }
}
.productbox-sec1 .cont .gt .pro_list .jut .fznei {
  break-inside: avoid-column;
  /* 防止元素分割到不同的列中 */
  page-break-inside: avoid;
  /* 防止元素分割到不同的页中，只对第一个元素有效 */
  padding: 0 0.3rem;
  margin-bottom: 0.28rem;
}
@media (max-width: 991px) {
  .productbox-sec1 .cont .gt .pro_list .jut .fznei {
    width: 100%;
    padding: 0;
  }
}
@media (max-width: 767px) {
  .productbox-sec1 .cont .gt .pro_list .jut .fznei {
    padding: 0;
    width: 100%;
    margin-bottom: 0.46rem;
  }
}
.productbox-sec1 .cont .gt .pro_list .jut .fznei .ftit,
.productbox-sec1 .cont .gt .pro_list .jut .fznei .fzli {
  width: 100%;
  padding-left: 0.44rem;
  display: flex;
  justify-content: space-between;
  position: relative;
  padding-bottom: 0.2rem;
}
@media (max-width: 767px) {
  .productbox-sec1 .cont .gt .pro_list .jut .fznei .ftit,
  .productbox-sec1 .cont .gt .pro_list .jut .fznei .fzli {
    padding-bottom: 0.28rem;
  }
}
.productbox-sec1 .cont .gt .pro_list .jut .fznei .ftit:before,
.productbox-sec1 .cont .gt .pro_list .jut .fznei .fzli:before {
  content: "";
  display: block;
  position: absolute;
  left: 0.44rem;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: #dddddd;
}
.productbox-sec1 .cont .gt .pro_list .jut .fznei .ftit .dainy1,
.productbox-sec1 .cont .gt .pro_list .jut .fznei .fzli .dainy1 {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 4px;
  width: 17px;
}
@media (max-width: 1580px) {
  .productbox-sec1 .cont .gt .pro_list .jut .fznei .ftit .dainy1,
  .productbox-sec1 .cont .gt .pro_list .jut .fznei .fzli .dainy1 {
    width: 13px;
  }
}
@media (max-width: 767px) {
  .productbox-sec1 .cont .gt .pro_list .jut .fznei .ftit .dainy1,
  .productbox-sec1 .cont .gt .pro_list .jut .fznei .fzli .dainy1 {
    width: 0.3rem;
  }
}
.productbox-sec1 .cont .gt .pro_list .jut .fznei .ftit .dainy1 svg,
.productbox-sec1 .cont .gt .pro_list .jut .fznei .fzli .dainy1 svg {
  width: 100%;
}
.productbox-sec1 .cont .gt .pro_list .jut .fznei .ftit .dainy1 svg path,
.productbox-sec1 .cont .gt .pro_list .jut .fznei .fzli .dainy1 svg path {
  transition: all 0.4s;
  fill: #999999;
}
.productbox-sec1 .cont .gt .pro_list .jut .fznei .ftit .tit,
.productbox-sec1 .cont .gt .pro_list .jut .fznei .fzli .tit {
  display: block;
  color: #666666;
  font-weight: bold;
  padding-left: 12px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-right: 12px;
  width: calc(100% -17px);
}
@media (max-width: 1580px) {
  .productbox-sec1 .cont .gt .pro_list .jut .fznei .ftit .tit,
  .productbox-sec1 .cont .gt .pro_list .jut .fznei .fzli .tit {
    padding-right: 8px;
    padding-left: 8px;
    width: calc(100% - 14px);
  }
}
@media (max-width: 767px) {
  .productbox-sec1 .cont .gt .pro_list .jut .fznei .ftit .tit,
  .productbox-sec1 .cont .gt .pro_list .jut .fznei .fzli .tit {
    width: calc(100% - 0.3rem);
  }
}
.productbox-sec1 .cont .gt .pro_list .jut .fznei .ftit .tit span,
.productbox-sec1 .cont .gt .pro_list .jut .fznei .fzli .tit span {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 93%, #000 0%);
  background-size: 0 100%;
  background-repeat: no-repeat;
  transition: all 0.4s;
}
.productbox-sec1 .cont .gt .pro_list .jut .fznei .ftit .tit:hover,
.productbox-sec1 .cont .gt .pro_list .jut .fznei .fzli .tit:hover {
  color: #000000;
}
.productbox-sec1 .cont .gt .pro_list .jut .fznei .ftit .tit:hover span,
.productbox-sec1 .cont .gt .pro_list .jut .fznei .fzli .tit:hover span {
  background-size: 100% 100%;
}
.productbox-sec1 .cont .gt .pro_list .jut .fznei .ftit .cart,
.productbox-sec1 .cont .gt .pro_list .jut .fznei .fzli .cart {
  display: flex;
  align-items: center;
  transition: all 0.4s;
  justify-content: center;
  width: 17px;
  height: 18px;
  margin-top: 3px;
}
@media (max-width: 1580px) {
  .productbox-sec1 .cont .gt .pro_list .jut .fznei .ftit .cart,
  .productbox-sec1 .cont .gt .pro_list .jut .fznei .fzli .cart {
    width: 13px;
    height: 14px;
  }
}
@media (max-width: 767px) {
  .productbox-sec1 .cont .gt .pro_list .jut .fznei .ftit .cart,
  .productbox-sec1 .cont .gt .pro_list .jut .fznei .fzli .cart {
    width: 0.3rem;
    height: 0.3rem;
    margin-top: 1px;
  }
}
.productbox-sec1 .cont .gt .pro_list .jut .fznei .ftit .cart svg,
.productbox-sec1 .cont .gt .pro_list .jut .fznei .fzli .cart svg {
  max-width: 100%;
  max-height: 100%;
}
.productbox-sec1 .cont .gt .pro_list .jut .fznei .ftit .cart svg path,
.productbox-sec1 .cont .gt .pro_list .jut .fznei .fzli .cart svg path {
  fill: #999999;
  transition: all 0.4s;
}
.productbox-sec1 .cont .gt .pro_list .jut .fznei .ftit {
  padding-bottom: 0;
}
@media (min-width: 768px) {
  .productbox-sec1 .cont .gt .pro_list .jut .fznei .ftit .cart {
    display: none;
  }
}
.productbox-sec1 .cont .gt .pro_list .jut .fznei .ftit .tit {
  padding-bottom: 0;
  color: #000000;
}
@media (max-width: 767px) {
  .productbox-sec1 .cont .gt .pro_list .jut .fznei .ftit .cart svg path,
  .productbox-sec1 .cont .gt .pro_list .jut .fznei .ftit .dainy1 svg path {
    fill: #000000;
  }
}
.productbox-sec1 .cont .gt .pro_list .jut .fznei .fzli .tit {
  color: #666666;
}
.productbox-sec1 .cont .gt .pro_list .jut .fznei .zhong1 {
  margin-bottom: 0.66rem;
}
@media (max-width: 767px) {
  .productbox-sec1 .cont .gt .pro_list .jut .fznei .zhong1 {
    display: none;
    margin-bottom: 0;
  }
}
.productbox-sec1 .cont .gt .pro_list .jut .fznei .zhong1 .fzli:last-child {
  padding-bottom: 0;
}
.productbox-sec1 .cont .gt .pro_list .jut .fznei .zhong1 .fzli:first-child {
  padding-top: 0.28rem;
}
.productbox-sec1 .cont .gt .pro_list .jut .fznei .zhong1 .fzli:first-child .dainy1 {
  top: 0.28rem;
}
@media (max-width: 767px) {
  .productbox-sec1 .cont .gt .pro_list .jut .fznei .zhong1 .fzli:first-child {
    padding-top: 0.32rem;
  }
  .productbox-sec1 .cont .gt .pro_list .jut .fznei .zhong1 .fzli:first-child .dainy1 {
    top: 0.32rem;
  }
}
.productbox-sec1 .cont .gt .pro_list .jut .fznei .zhong1 .fzli .dainy1:hover svg path,
.productbox-sec1 .cont .gt .pro_list .jut .fznei .zhong1 .fzli .cart:hover svg path {
  fill: #000000;
}
.productbox-sec1 .cont .gt .pro_list .jut .fznei.on .ftit .cart {
  transform: rotate(90deg);
}
.productbox-sec1 .cont .gt .pro_list.active {
  position: relative;
  opacity: 1;
  visibility: visible;
}
/* End */
/* 产品中心-电源管理分类 */
.proclassifybox-sec1 {
  position: relative;
}
@media (max-width: 767px) {
  .proclassifybox-sec1 {
    background-color: #f6f8fa;
    padding-bottom: 1.2rem;
  }
}
.proclassifybox-sec1:before {
  content: "";
  display: block;
  width: 100%;
  height: 88%;
  height: calc(100% - 0.42rem);
  position: absolute;
  top: 0;
  left: 0;
  background-color: #f6f8fa;
}
.proclassifybox-sec1 .breadbox {
  position: relative;
}
.proclassifybox-sec1 .container {
  position: relative;
}
.proclassifybox-sec1 .cont {
  padding-top: 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .proclassifybox-sec1 .cont {
    padding-top: 0.56rem;
  }
}
.proclassifybox-sec1 .cont .font {
  width: 55.715%;
  padding-right: 1.6rem;
  padding-top: 0.22rem;
}
@media (max-width: 767px) {
  .proclassifybox-sec1 .cont .font {
    order: 1;
    padding-top: 0.36rem;
    width: 100%;
    padding-right: 0;
  }
}
.proclassifybox-sec1 .cont .font .tit {
  width: 100%;
  font-weight: bold;
  color: #000000;
  margin-bottom: 6px;
}
.proclassifybox-sec1 .cont .font .text {
  color: #666666;
  margin-bottom: 0.45rem;
}
.proclassifybox-sec1 .cont .font .servicebox_but {
  transform: scale(1);
  width: 1.8rem;
}
@media (max-width: 1260px) {
  .proclassifybox-sec1 .cont .font .servicebox_but {
    width: 2.2rem;
  }
}
@media (max-width: 767px) {
  .proclassifybox-sec1 .cont .font .servicebox_but {
    width: 2.6rem;
  }
}
.proclassifybox-sec1 .cont .font .servicebox_but i {
  transform: translateX(0);
  overflow: hidden;
  width: 17px;
  margin-left: 0;
  margin-right: 10px;
}
@media (max-width: 1580px) {
  .proclassifybox-sec1 .cont .font .servicebox_but i {
    width: 13px;
    margin-right: 8px;
  }
}
@media (max-width: 991px) {
  .proclassifybox-sec1 .cont .font .servicebox_but i {
    width: 10px;
  }
}
@media (max-width: 767px) {
  .proclassifybox-sec1 .cont .font .servicebox_but i {
    width: 0.26rem;
  }
}
.proclassifybox-sec1 .cont .font .servicebox_but i svg {
  width: 100%;
  float: left;
}
.proclassifybox-sec1 .cont .font .servicebox_but i svg path {
  fill: #ffffff;
}
.proclassifybox-sec1 .cont .font .servicebox_but:hover {
  opacity: 0.86;
}
.proclassifybox-sec1 .cont .img {
  width: 44.285%;
  border-radius: 10px;
  border: 1px solid #dddddd;
  overflow: hidden;
}
@media (max-width: 767px) {
  .proclassifybox-sec1 .cont .img {
    width: 100%;
  }
}
.proclassifybox-sec1 .cont .img:before {
  padding-top: 61.93548387%;
}
.proclassifybox-sec2 {
  padding-top: 0.75rem;
  padding-bottom: 1rem;
}
@media (max-width: 767px) {
  .proclassifybox-sec2 {
    padding-top: 0.96rem;
  }
}
.proclassifybox-sec2 .fztext {
  line-height: 1.55555556;
  color: #666666;
  margin-bottom: 0.42rem;
}
.proclassifybox-sec2 .fztit {
  font-weight: bold;
  color: #000000;
  margin-bottom: 0.2rem;
}
.proclassifybox-sec2 .cont {
  display: flex;
  overflow: hidden;
  flex-wrap: wrap;
  margin: 0 -0.29rem;
}
@media (max-width: 767px) {
  .proclassifybox-sec2 .cont {
    margin: 0;
    margin: 0 -0.1rem;
  }
}
.proclassifybox-sec2 .cont .item {
  width: 50%;
  padding: 0 0.29rem;
}
@media (max-width: 767px) {
  .proclassifybox-sec2 .cont .item {
    padding: 0;
    padding: 0 0.1rem;
  }
}
.proclassifybox-sec2 .cont .item .li {
  display: flex;
  align-items: center;
  position: relative;
  padding: 0.25rem 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.proclassifybox-sec2 .cont .item .li span {
  color: #666666;
  transition: all 0.4s;
  display: block;
  font-weight: bold;
  max-width: 80%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: calc(100% - 0.2rem);
  padding-right: 16px;
}
@media (max-width: 1580px) {
  .proclassifybox-sec2 .cont .item .li span {
    padding-right: 12px;
  }
}
@media (max-width: 767px) {
  .proclassifybox-sec2 .cont .item .li span {
    width: calc(100% - 0.3rem);
    padding-right: 8px;
    font-size: 0.26rem;
  }
}
.proclassifybox-sec2 .cont .item .li i {
  opacity: 0;
  transition: all 0.4s;
  width: 0.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .proclassifybox-sec2 .cont .item .li i {
    opacity: 1;
  }
}
.proclassifybox-sec2 .cont .item .li i svg {
  float: left;
  width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.proclassifybox-sec2 .cont .item .li i svg path {
  fill: #666666;
}
.proclassifybox-sec2 .cont .item .li:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 0;
  height: 1px;
  background-color: #0364dd;
  transition: all 0.4s;
}
.proclassifybox-sec2 .cont .item .li:hover:after {
  width: 100%;
}
.proclassifybox-sec2 .cont .item .li:hover span {
  color: #0364dd;
}
.proclassifybox-sec2 .cont .item .li:hover i {
  opacity: 1;
}
.proclassifybox-sec2 .cont .item .li:hover i svg path {
  fill: #0364dd;
}
.proclassifybox-sec2 .fzbut {
  display: flex;
  align-items: center;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  margin-top: 0.3rem;
}
.proclassifybox-sec2 .fzbut span {
  color: #666666;
  font-weight: bold;
}
.proclassifybox-sec2 .fzbut span:nth-child(2) {
  display: none;
}
.proclassifybox-sec2 .fzbut i {
  margin-left: 0.12rem;
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 50%;
  background-color: #dddddd;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .proclassifybox-sec2 .fzbut i {
    width: 0.32rem;
    height: 0.32rem;
  }
}
.proclassifybox-sec2 .fzbut i:before,
.proclassifybox-sec2 .fzbut i:after {
  content: "";
  display: block;
  width: 52%;
  height: 1px;
  background-color: #ffffff;
}
.proclassifybox-sec2 .fzbut i:after {
  margin-top: -1px;
  transform: rotate(90deg);
}
.proclassifybox-sec2 .fzbut.on span {
  display: none;
}
.proclassifybox-sec2 .fzbut.on span:nth-child(2) {
  display: block;
}
.proclassifybox-sec2 .fzbut.on i:after {
  opacity: 0;
}
.proclassifybox-sec3 {
  position: relative;
  overflow: hidden;
  padding-top: 0.7rem;
  padding-bottom: 0.6rem;
}
@media (max-width: 767px) {
  .proclassifybox-sec3 {
    padding: 1rem 0;
  }
}
.proclassifybox-sec3 .bag {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.proclassifybox-sec3 .bag img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.proclassifybox-sec3 .container {
  position: relative;
}
.proclassifybox-sec3 .about_tit .tit {
  color: #ffffff;
  margin-bottom: 0.3rem;
}
.proclassifybox-sec3 .proclassifybox3_cont {
  width: auto;
  margin: 0 -0.14rem;
}
.proclassifybox-sec3 .proclassifybox3_cont .swiper-slide {
  padding: 0 0.14rem;
  width: 33.333%;
  margin-bottom: 0.24rem;
}
.proclassifybox-sec3 .proclassifybox3_cont .swiper-slide .item {
  width: 100%;
}
.proclassifybox-sec3 .proclassifybox3_cont .swiper-slide .item .list {
  width: 100%;
  display: flex;
  transition: all 0.4s;
  align-items: center;
  border: 1px solid transparent;
  background-color: #1d2029;
  box-shadow: 0px 7px 20px 4px rgba(107, 138, 168, 0.07);
  border-radius: 0.2rem;
}
.proclassifybox-sec3 .proclassifybox3_cont .swiper-slide .item .list .font {
  width: 48.888%;
  padding: 0.36rem 0.4rem;
  padding-right: 0;
}
.proclassifybox-sec3 .proclassifybox3_cont .swiper-slide .item .list .font .tit {
  width: 100%;
  font-weight: bold;
  color: #ffffff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.proclassifybox-sec3 .proclassifybox3_cont .swiper-slide .item .list .font .tit span {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 93%, #0364dd 0%);
  background-size: 0 100%;
  background-repeat: no-repeat;
  transition: all 0.4s;
}
.proclassifybox-sec3 .proclassifybox3_cont .swiper-slide .item .list .font .text {
  line-height: 1.375;
  height: 2.75em;
  color: #ffffff;
  transition: all 0.4s;
  opacity: 0.5;
  margin-bottom: 0.17rem;
  margin-top: 4px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.proclassifybox-sec3 .proclassifybox3_cont .swiper-slide .item .list .font .but {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: all 0.4s;
  height: 0.34rem;
  width: 0.34rem;
}
.proclassifybox-sec3 .proclassifybox3_cont .swiper-slide .item .list .font .but svg {
  width: 0.15rem;
}
.proclassifybox-sec3 .proclassifybox3_cont .swiper-slide .item .list .font .but svg path {
  fill: #ffffff;
}
@media (max-width: 767px) {
  .proclassifybox-sec3 .proclassifybox3_cont .swiper-slide .item .list .font .but {
    height: 0.4rem;
    width: 0.4rem;
  }
  .proclassifybox-sec3 .proclassifybox3_cont .swiper-slide .item .list .font .but svg {
    width: 0.16rem;
    max-height: 0.1rem;
  }
}
.proclassifybox-sec3 .proclassifybox3_cont .swiper-slide .item .list .img {
  width: 51.112%;
}
.proclassifybox-sec3 .proclassifybox3_cont .swiper-slide .item .list .img img {
  transition: all 0.4s;
}
.proclassifybox-sec3 .proclassifybox3_cont .swiper-slide .item .list:hover {
  border-color: #4f4f4f;
  background-color: #25282f;
}
.proclassifybox-sec3 .proclassifybox3_cont .swiper-slide .item .list:hover .font .tit span {
  background-size: 100% 100%;
}
.proclassifybox-sec3 .proclassifybox3_cont .swiper-slide .item .list:hover .font .text {
  opacity: 0.6;
}
.proclassifybox-sec3 .proclassifybox3_cont .swiper-slide .item .list:hover .font .but {
  background-color: #0364dd;
  transform: rotate(-45deg);
}
.proclassifybox-sec3 .proclassifybox3_cont .swiper-slide .item .list:hover .img img {
  transform: scale(1.08);
}
.proclassifybox-sec3 .pagin {
  margin-top: 0.26rem;
}
.proclassifybox-sec3 .pagin .proclassifybox3-pagin {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.proclassifybox-sec3 .pagin .proclassifybox3-pagin span {
  width: 10px;
  height: 10px;
  background-color: #c4c4c5;
  opacity: 0.6;
  margin: 0 0.1rem;
}
.proclassifybox-sec3 .pagin .proclassifybox3-pagin .swiper-pagination-bullet-active {
  background-color: #c4c4c5;
  opacity: 1;
}
.proclassifybox-sec4 .cont .item {
  width: 25%;
}
@media (max-width: 991px) {
  .proclassifybox-sec4 .cont .item {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .proclassifybox-sec4 .cont .item {
    width: 100%;
  }
}
/* End */
/* 产品详情 */
.proinfobox-sec1 {
  background-color: #f6f8fa;
  padding: 0.6rem 0 0.76rem;
  border-bottom: 1px solid #e5e5e5;
}
@media (max-width: 767px) {
  .proinfobox-sec1 {
    padding: 1rem 0;
  }
}
.proinfobox-sec1 .font {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 0.6rem;
}
.proinfobox-sec1 .font .fzwen {
  width: 66%;
  width: calc(100% - 3.48rem);
}
@media (max-width: 767px) {
  .proinfobox-sec1 .font .fzwen {
    width: 100%;
  }
}
.proinfobox-sec1 .font .fzwen .label1 {
  color: #b7d300;
  font-weight: bold;
  margin-bottom: 6px;
}
@media (max-width: 1580px) {
  .proinfobox-sec1 .font .fzwen .label1 {
    margin-bottom: 4px;
  }
}
.proinfobox-sec1 .font .fzwen .label1.on {
  color: #d8001b;
}
.proinfobox-sec1 .font .fzwen .title1 {
  font-weight: bold;
  line-height: 1.2;
}
.proinfobox-sec1 .font .fzwen .text {
  color: #666666;
}
.proinfobox-sec1 .font .servicebox_but {
  margin-top: 0.48rem;
  width: 1.48rem;
  height: 0.48rem;
  border-radius: 0.24rem;
}
.proinfobox-sec1 .cont .name {
  color: #000000;
  font-weight: bold;
  padding-bottom: 13px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
}
@media (max-width: 1580px) {
  .proinfobox-sec1 .cont .name {
    margin-bottom: 16px;
    padding-bottom: 10px;
  }
}
.proinfobox-sec1 .cont .jut {
  width: 100%;
  height: 1.9rem;
  overflow: auto;
  padding-right: 0.8rem;
  padding-top: 6px;
}
@media (max-width: 767px) {
  .proinfobox-sec1 .cont .jut {
    height: 3rem;
  }
}
.proinfobox-sec1 .cont .jut .li {
  display: flex;
  margin-bottom: 12px;
  align-items: center;
}
@media (max-width: 1580px) {
  .proinfobox-sec1 .cont .jut .li {
    margin-bottom: 8px;
  }
}
@media (max-width: 767px) {
  .proinfobox-sec1 .cont .jut .li {
    margin-bottom: 0.2rem;
  }
}
.proinfobox-sec1 .cont .jut .li i {
  width: 21px;
  height: 21px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1580px) {
  .proinfobox-sec1 .cont .jut .li i {
    width: 18px;
    height: 18px;
  }
}
@media (max-width: 767px) {
  .proinfobox-sec1 .cont .jut .li i {
    width: 0.32rem;
    height: 0.32rem;
  }
}
.proinfobox-sec1 .cont .jut .li i svg {
  max-width: 100%;
  max-height: 100%;
}
.proinfobox-sec1 .cont .jut .li i svg path {
  transition: all 0.4s;
  fill: #999999;
}
.proinfobox-sec1 .cont .jut .li .tit {
  width: 80%;
  color: #666666;
  transition: all 0.4s;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-left: 10px;
  width: calc(100% - 21px);
}
@media (max-width: 1580px) {
  .proinfobox-sec1 .cont .jut .li .tit {
    width: calc(100% - 18px);
  }
}
@media (max-width: 767px) {
  .proinfobox-sec1 .cont .jut .li .tit {
    width: calc(100% - 0.32rem);
  }
}
.proinfobox-sec1 .cont .jut .li .tit span {
  transition: all 0.4s;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 93%, #000000 0%);
  background-size: 0 100%;
  background-repeat: no-repeat;
}
.proinfobox-sec1 .cont .jut .li:hover i svg path {
  fill: #000000;
}
.proinfobox-sec1 .cont .jut .li:hover .tit {
  color: #000000;
}
.proinfobox-sec1 .cont .jut .li:hover .tit span {
  background-size: 100% 100%;
}
.proinfobox-sec2 .cont {
  border-bottom: 1px solid #e5e5e5;
  top: 0!important;
}
.proinfobox-sec2 .cont .container .qualitybox1_nav .swiper-slide {
  margin-right: 0.6rem;
}
.proinfobox-sec2 .cont .container .qualitybox1_nav .swiper-slide:before {
  content: "";
  display: block;
  position: absolute;
  right: -0.3rem;
  width: 1px;
  height: 0.15rem;
  top: 50%;
  transform: translateY(-50%);
  background-color: #dddddd;
}
.proinfobox-sec2 .cont .container .qualitybox1_nav .swiper-slide:last-child:before {
  display: none;
}
.proinfobox-sec3 {
  padding: 0.7rem 0 1.1rem;
}
@media (max-width: 767px) {
  .proinfobox-sec3 {
    padding-top: 1.1rem;
  }
}
.proinfobox-sec3 .cont {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.proinfobox-sec3 .cont .lt {
  padding-right: 0.52rem;
  width: 65.71%;
}
@media (max-width: 767px) {
  .proinfobox-sec3 .cont .lt {
    width: 100%;
    order: 1;
    margin-top: 0.46rem;
  }
}
.proinfobox-sec3 .cont .lt .tit {
  color: #000000;
  font-weight: bold;
  margin-bottom: 0.34rem;
}
.proinfobox-sec3 .cont .lt .proinfobox3_lt_nav {
  width: 100%;
  border-bottom: 1px solid #dddddd;
  margin-bottom: 0.34rem;
}
.proinfobox-sec3 .cont .lt .proinfobox3_lt_nav .swiper-slide {
  width: auto;
  margin-right: 0.8rem;
}
.proinfobox-sec3 .cont .lt .proinfobox3_lt_nav .swiper-slide .item {
  padding-bottom: 0.2rem;
  border-bottom: 3px solid transparent;
  color: #666666;
  font-weight: bold;
  transition: all 0.4s;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
}
.proinfobox-sec3 .cont .lt .proinfobox3_lt_nav .on .item {
  color: #0364dd;
  border-color: #0364dd;
}
.proinfobox-sec3 .cont .lt .proinfobox3_lt_cont {
  color: #666666;
  position: relative;
}
.proinfobox-sec3 .cont .lt .proinfobox3_lt_cont .item {
  transition: all 0.4s;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  visibility: hidden;
  opacity: 0;
}
.proinfobox-sec3 .cont .lt .proinfobox3_lt_cont .on {
  position: relative;
  visibility: visible;
  opacity: 1;
}
.proinfobox-sec3 .cont .gt {
  position: relative;
  z-index: 2;
  width: 34.29%;
}
@media (max-width: 767px) {
  .proinfobox-sec3 .cont .gt {
    width: 100%;
  }
}
.proinfobox-sec3 .cont .gt .jut {
  position: relative;
}
.proinfobox-sec3 .cont .gt .jut .proinfobox3_gt_cont {
  width: 100%;
  border: solid 1px #dddddd;
  margin-bottom: 14px;
}
@media (max-width: 767px) {
  .proinfobox-sec3 .cont .gt .jut .proinfobox3_gt_cont {
    margin-bottom: 10px;
  }
}
.proinfobox-sec3 .cont .gt .jut .proinfobox3_gt_cont .swiper-slide .img {
  background-color: #ffffff;
  width: 100%;
}
.proinfobox-sec3 .cont .gt .jut .proinfobox3_gt_cont .swiper-slide .img:before {
  padding-top: 64.44444444%;
}
.proinfobox-sec3 .cont .gt .jut .proinfobox3_gt_cont .swiper-slide .fzicon {
  position: absolute;
  right: 0.15rem;
  bottom: 0.14rem;
  width: 0.3rem;
  height: 0.3rem;
}
.proinfobox-sec3 .cont .gt .jut .proinfobox3_gt_cont .swiper-slide .fzicon svg {
  width: 100%;
  max-height: 100%;
}
.proinfobox-sec3 .cont .gt .jut .proinfobox3_gt_cont .swiper-slide .fzicon svg path {
  fill: #999;
}
.proinfobox-sec3 .cont .gt .jut .blk1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  display: none;
  width: 100px;
  height: 100px;
  background-color: #0364dd;
}
.proinfobox-sec3 .cont .gt .jut .prorightimg {
  position: absolute;
  right: calc(100% + 10px);
  top: 0;
  border: solid 1px #dddddd;
  width: 400px;
  height: 400px;
  background-color: #ffffff;
  overflow: hidden;
  display: none;
}
.proinfobox-sec3 .cont .gt .jut .prorightimg img {
  width: auto;
  max-width: initial;
}
.proinfobox-sec3 .cont .gt .proinfobox3_gt_nav {
  width: auto;
  margin: 0 -7px;
}
@media (max-width: 767px) {
  .proinfobox-sec3 .cont .gt .proinfobox3_gt_nav {
    margin: 0 -5px;
  }
}
.proinfobox-sec3 .cont .gt .proinfobox3_gt_nav .swiper-slide {
  width: 25%;
  padding: 0 7px;
}
@media (max-width: 767px) {
  .proinfobox-sec3 .cont .gt .proinfobox3_gt_nav .swiper-slide {
    padding: 0 5px;
  }
}
.proinfobox-sec3 .cont .gt .proinfobox3_gt_nav .swiper-slide .img {
  cursor: pointer;
  width: 100%;
  transition: all 0.4s;
  border: solid 1px #dddddd;
}
.proinfobox-sec3 .cont .gt .proinfobox3_gt_nav .swiper-slide .img:before {
  padding-top: 64.51612903%;
}
.proinfobox-sec3 .cont .gt .proinfobox3_gt_nav .swiper-slide.on .img {
  border-color: #0364dd;
  border-width: 2px;
}
.proinfobox-sec4 {
  background-color: #f5f5f5;
}
.proinfobox-sec4 .cont .item .list {
  background-color: #ffffff;
}
.proinfobox-sec6 {
  background-color: #f4f6f7;
  padding: 0.7rem 0 0.6rem;
}
@media (max-width: 767px) {
  .proinfobox-sec6 {
    padding: 0.9rem 0 0.8rem;
  }
}
.proinfobox-sec6 .about_tit {
  margin-bottom: 0.4rem;
}
.proinfobox-sec6 .cont {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.2rem;
}
@media (max-width: 767px) {
  .proinfobox-sec6 .cont {
    margin: 0;
  }
}
.proinfobox-sec6 .cont .item {
  width: 33.333%;
  padding: 0 0.2rem;
  margin-bottom: 0.4rem;
}
@media (max-width: 767px) {
  .proinfobox-sec6 .cont .item {
    padding: 0;
    width: 100%;
    margin-bottom: 0.36rem;
  }
}
.proinfobox-sec6 .cont .item .list {
  display: block;
  background-color: #ffffff;
  border-radius: 0.2rem;
  overflow: hidden;
}
.proinfobox-sec6 .cont .item .list .img {
  overflow: hidden;
}
.proinfobox-sec6 .cont .item .list .img img {
  transition: all 0.4s;
}
.proinfobox-sec6 .cont .item .list .img:before {
  padding-top: 63.63636364%;
}
.proinfobox-sec6 .cont .item .list .font {
  padding: 0.36rem 0.4rem 0.3rem;
}
.proinfobox-sec6 .cont .item .list .font .tit {
  color: #222222;
  line-height: 1.4;
  height: 2.8em;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 0.68rem;
}
@media (max-width: 767px) {
  .proinfobox-sec6 .cont .item .list .font .tit {
    margin-bottom: 0.44rem;
  }
}
.proinfobox-sec6 .cont .item .list .font .tit span {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 93%, #222222 0%);
  background-size: 0 100%;
  background-repeat: no-repeat;
  transition: all 0.4s;
  color: #222222;
}
.proinfobox-sec6 .cont .item .list .font .jut {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.proinfobox-sec6 .cont .item .list .font .jut .time {
  color: #999999;
}
.proinfobox-sec6 .cont .item .list .font .jut .but {
  width: 0.44rem;
  height: 0.44rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #aaaaaa;
  border-radius: 50%;
  transition: all 0.4s;
}
.proinfobox-sec6 .cont .item .list .font .jut .but svg {
  max-width: 34.09090909%;
  max-height: 34.09090909%;
  object-fit: contain;
}
.proinfobox-sec6 .cont .item .list .font .jut .but svg path {
  fill: #ffffff;
}
.proinfobox-sec6 .cont .item .list:hover .img img {
  transform: scale(1.04);
}
.proinfobox-sec6 .cont .item .list:hover .font .tit span {
  background-size: 100% 100%;
}
.proinfobox-sec6 .cont .item .list:hover .font .jut .but {
  transform: rotate(-45deg);
  background-color: #0364dd;
}
/* End */
/* 产品对比 */
.procompare-sec1 {
  padding: 0.86rem 0 1.2rem;
}
.procompare-sec1 .fztitle {
  font-weight: bold;
  margin-bottom: 0.32rem;
}
.procompare-sec1 .cont .jut_tit {
  display: flex;
  align-items: flex-start;
}
.procompare-sec1 .cont .jut_tit .fzlt .ftable_title,
.procompare-sec1 .cont .jut_tit .fzgt .ftable_title,
.procompare-sec1 .cont .jut_tit .fzlt .fnei,
.procompare-sec1 .cont .jut_tit .fzgt .fnei {
  display: flex;
}
.procompare-sec1 .cont .jut_tit .fzlt .ftable_title .item,
.procompare-sec1 .cont .jut_tit .fzgt .ftable_title .item,
.procompare-sec1 .cont .jut_tit .fzlt .fnei .item,
.procompare-sec1 .cont .jut_tit .fzgt .fnei .item {
  display: block;
  width: 100%;
  width: 25%;
  flex: 0 0 auto;
}
@media (max-width: 991px) {
  .procompare-sec1 .cont .jut_tit .fzlt .ftable_title .item,
  .procompare-sec1 .cont .jut_tit .fzgt .ftable_title .item,
  .procompare-sec1 .cont .jut_tit .fzlt .fnei .item,
  .procompare-sec1 .cont .jut_tit .fzgt .fnei .item {
    width: 33.33%;
  }
}
@media (max-width: 767px) {
  .procompare-sec1 .cont .jut_tit .fzlt .ftable_title .item,
  .procompare-sec1 .cont .jut_tit .fzgt .ftable_title .item,
  .procompare-sec1 .cont .jut_tit .fzlt .fnei .item,
  .procompare-sec1 .cont .jut_tit .fzgt .fnei .item {
    width: 88%;
  }
}
.procompare-sec1 .cont .jut_tit .fzlt .ftable_title .item .li,
.procompare-sec1 .cont .jut_tit .fzgt .ftable_title .item .li,
.procompare-sec1 .cont .jut_tit .fzlt .fnei .item .li,
.procompare-sec1 .cont .jut_tit .fzgt .fnei .item .li {
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  flex: 0 0 auto;
}
@media (max-width: 991px) {
}
@media (max-width: 767px) {
}
.procompare-sec1 .cont .jut_tit .fzlt .ftable_title .item .li:last-child,
.procompare-sec1 .cont .jut_tit .fzgt .ftable_title .item .li:last-child,
.procompare-sec1 .cont .jut_tit .fzlt .fnei .item .li:last-child,
.procompare-sec1 .cont .jut_tit .fzgt .fnei .item .li:last-child {
  margin-bottom: 0;
}
.procompare-sec1 .cont .jut_tit .fzlt .fzfont,
.procompare-sec1 .cont .jut_tit .fzgt .fzfont {
  padding: 0.26rem 0.12rem;
  width: 100%;
  background-color: #f5f5f5;
  text-align: center;
  line-height: 26px;
}
@media (max-width: 1580px) {
  .procompare-sec1 .cont .jut_tit .fzlt .fzfont,
  .procompare-sec1 .cont .jut_tit .fzgt .fzfont {
    line-height: 24px;
  }
}
@media (max-width: 767px) {
  .procompare-sec1 .cont .jut_tit .fzlt .fzfont,
  .procompare-sec1 .cont .jut_tit .fzgt .fzfont {
    line-height: 1.625;
  }
}
.procompare-sec1 .cont .jut_tit .fzlt .fzfont .tit,
.procompare-sec1 .cont .jut_tit .fzgt .fzfont .tit {
  width: 100%;
  display: flex;
  justify-content: center;
  transition: all 0.4s;
  color: #000000;
  position: relative;
}
.procompare-sec1 .cont .jut_tit .fzlt .fzfont .tit span,
.procompare-sec1 .cont .jut_tit .fzgt .fzfont .tit span {
  display: block;
  white-space: nowrap;
  font-weight: bold;
  text-overflow: ellipsis;
  max-width: 100%;
  position: relative;
}
.procompare-sec1 .cont .jut_tit .fzlt .fzfont .tit i,
.procompare-sec1 .cont .jut_tit .fzgt .fzfont .tit i {
  display: block;
  font-style: normal;
  font-size: 14px;
  color: #b8d200;
  position: absolute;
  left: 100%;
  top: -4px;
  margin-left: 4px;
}
@media (max-width: 767px) {
  .procompare-sec1 .cont .jut_tit .fzlt .fzfont .tit i,
  .procompare-sec1 .cont .jut_tit .fzgt .fzfont .tit i {
    font-size: 0.22em;
    margin-top: 2px;
  }
}
.procompare-sec1 .cont .jut_tit .fzlt .fzfont .tit .hot,
.procompare-sec1 .cont .jut_tit .fzgt .fzfont .tit .hot {
  color: #d8001b;
}
.procompare-sec1 .cont .jut_tit .fzlt .fzfont .text,
.procompare-sec1 .cont .jut_tit .fzgt .fzfont .text {
  color: #666666;
  margin-bottom: 0.12rem;
}
@media (max-width: 767px) {
  .procompare-sec1 .cont .jut_tit .fzlt .fzfont .text,
  .procompare-sec1 .cont .jut_tit .fzgt .fzfont .text {
    font-size: 0.24rem;
  }
}
.procompare-sec1 .cont .jut_tit .fzlt .fzfont .number1,
.procompare-sec1 .cont .jut_tit .fzgt .fzfont .number1 {
  font-weight: bold;
  color: #999999;
}
@media (max-width: 767px) {
  .procompare-sec1 .cont .jut_tit .fzlt .fzfont .number1,
  .procompare-sec1 .cont .jut_tit .fzgt .fzfont .number1 {
    font-size: 0.22rem;
  }
}
.procompare-sec1 .cont .jut_tit .fzlt .fnei,
.procompare-sec1 .cont .jut_tit .fzgt .fnei {
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.procompare-sec1 .cont .jut_tit .fzlt .fnei .item .li,
.procompare-sec1 .cont .jut_tit .fzgt .fnei .item .li {
  padding: 0.18rem 0.48rem;
  padding-right: 0.26rem;
}
.procompare-sec1 .cont .jut_tit .fzlt .fnei .item .li .name,
.procompare-sec1 .cont .jut_tit .fzgt .fnei .item .li .name {
  color: #333333;
  font-weight: bold;
}
.procompare-sec1 .cont .jut_tit .fzlt .fnei .item .li .list1,
.procompare-sec1 .cont .jut_tit .fzgt .fnei .item .li .list1 {
  text-align: center;
  display: block;
  text-decoration: underline;
  color: #666666;
}
.procompare-sec1 .cont .jut_tit .fzlt .fnei .item .li .list1:hover,
.procompare-sec1 .cont .jut_tit .fzgt .fnei .item .li .list1:hover {
  color: #0364dd;
}
.procompare-sec1 .cont .jut_tit .fzlt {
  width: 21.4%;
  background-color: #ffffff;
  box-shadow: 9px 0px 16px 0px rgba(0, 0, 0, 0.04);
}
@media (max-width: 991px) {
  .procompare-sec1 .cont .jut_tit .fzlt {
    width: 30%;
  }
}
@media (max-width: 767px) {
  .procompare-sec1 .cont .jut_tit .fzlt {
    width: 40%;
  }
}
.procompare-sec1 .cont .jut_tit .fzlt .fzfont {
  background-color: #ffffff;
}
.procompare-sec1 .cont .jut_tit .fzlt .fnei {
  border-right: none;
  display: block;
}
.procompare-sec1 .cont .jut_tit .fzlt .fnei .item {
  width: 100%;
}
.procompare-sec1 .cont .jut_tit .fzlt .fnei .item .li {
  width: 100%;
}
.procompare-sec1 .cont .jut_tit .fzlt .fnei .item .li:last-child {
  border-bottom: none;
}
.procompare-sec1 .cont .jut_tit .fzgt {
  width: 78.6%;
}
@media (max-width: 991px) {
  .procompare-sec1 .cont .jut_tit .fzgt {
    width: 70%;
  }
}
@media (max-width: 767px) {
  .procompare-sec1 .cont .jut_tit .fzgt {
    width: 60%;
  }
}
.procompare-sec1 .cont .jut_tit .fzgt .fnei {
  position: relative;
  border-left: none;
  overflow: auto;
}
.procompare-sec1 .cont .jut_tit .fzgt .fnei::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 8px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 8px;
}
.procompare-sec1 .cont .jut_tit .fzgt .fnei::-webkit-scrollbar-thumb {
  /*滚动条-滑块*/
  border-radius: 3px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #babec4;
}
.procompare-sec1 .cont .jut_tit .fzgt .fnei::-webkit-scrollbar-track {
  /*滚动条-背景*/
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  background: #e8eef5;
}
.procompare-sec1 .cont .jut_tit .fzgt .fnei .item {
  position: relative;
}
.procompare-sec1 .cont .jut_tit .fzgt .fnei .item .li {
  position: relative;
  z-index: 2;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.procompare-sec1 .cont .jut_tit .fzgt .fnei .item .li:last-child {
  border-bottom: none;
}
.procompare-sec1 .cont .jut_tit .fzgt .fnei .item .li .name {
  text-align: center;
}
.procompare-sec1 .cont .jut_tit .fzgt .fnei .bag {
  display: block;
  position: absolute;
  left: 0%;
  top: 0;
  height: 100%;
  background-color: #f5f5f5;
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
/* End */
/* 产品筛选器 */
.proselebox-sec1 {
  padding: 0.88rem 0 0;
}
.proselebox-sec1 .fztitle1 {
  font-weight: bold;
  color: #000000;
  margin-bottom: 0.32rem;
}
.proselebox-sec1 .fztebut {
  display: flex;
  align-items: center;
  margin-bottom: 0.2rem;
  font-weight: bold;
}
.proselebox-sec1 .fztebut i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.25rem;
  height: 0.25rem;
}
@media (max-width: 767px) {
  .proselebox-sec1 .fztebut i {
    width: 0.36rem;
    height: 0.36rem;
  }
}
.proselebox-sec1 .fztebut i svg {
  width: 100%;
  max-height: 100%;
}
.proselebox-sec1 .fztebut i svg path {
  fill: #666666;
}
.proselebox-sec1 .fztebut span {
  display: block;
  color: #666666;
  width: calc(100% - 0.25rem);
  padding-left: 12px;
}
@media (max-width: 1580px) {
  .proselebox-sec1 .fztebut span {
    padding-left: 18px;
  }
}
@media (max-width: 767px) {
  .proselebox-sec1 .fztebut span {
    width: calc(100% - 0.36rem);
  }
}
.proselebox-sec1 .cont {
  border-top: 3px solid #cccccc;
  background-color: #f9f9f9;
  padding: 0.4rem 0 0.3rem;
}
@media (max-width: 1580px) {
  .proselebox-sec1 .cont {
    border-width: 2px;
  }
}
.proselebox-sec1 .cont .fzjut {
  margin-bottom: 0.25rem;
  margin-bottom: 0.2rem;
}
.proselebox-sec1 .cont .fzjut .name {
  font-weight: bold;
  color: #000000;
  margin-bottom: 0.2rem;
}
@media (max-width: 767px) {
  .proselebox-sec1 .cont .fzjut .name {
    margin-bottom: 0.26rem;
  }
}
.proselebox-sec1 .cont .fzjut .nei {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.29rem;
}
@media (max-width: 991px) {
  .proselebox-sec1 .cont .fzjut .nei {
    margin: 0 -0.2rem;
  }
}
@media (max-width: 767px) {
  .proselebox-sec1 .cont .fzjut .nei {
    margin: 0;
  }
}
.proselebox-sec1 .cont .fzjut .nei .item {
  width: 25%;
  padding: 0 0.29rem;
  padding-bottom: 0.26rem;
}
@media (max-width: 991px) {
  .proselebox-sec1 .cont .fzjut .nei .item {
    padding: 0 0.2rem;
    width: 50%;
    padding-bottom: 0.3rem;
  }
}
@media (max-width: 767px) {
  .proselebox-sec1 .cont .fzjut .nei .item {
    padding: 0;
    width: 100%;
    padding-bottom: 0.4rem;
  }
}
.proselebox-sec1 .cont .fzjut .nei .item .fztit {
  color: #666666;
  font-weight: bold;
}
.proselebox-sec1 .cont .fzjut .nei .item .fit {
  padding-top: 0.14rem;
}
.proselebox-sec1 .cont .fzjut .nei .item .fit .li {
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  display: flex;
  align-items: center;
  color: #666666;
  transition: all 0.4s;
  padding: 0.12rem 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
@media (max-width: 767px) {
  .proselebox-sec1 .cont .fzjut .nei .item .fit .li {
    padding: 0.22rem 0;
  }
}
.proselebox-sec1 .cont .fzjut .nei .item .fit .li i {
  display: block;
  width: 18px;
  overflow: hidden;
}
@media (max-width: 1580px) {
  .proselebox-sec1 .cont .fzjut .nei .item .fit .li i {
    width: 16px;
  }
}
@media (max-width: 767px) {
  .proselebox-sec1 .cont .fzjut .nei .item .fit .li i {
    width: 0.26rem;
  }
}
.proselebox-sec1 .cont .fzjut .nei .item .fit .li i svg {
  width: 100%;
  float: left;
}
.proselebox-sec1 .cont .fzjut .nei .item .fit .li i svg path {
  transition: all 0.4s;
  fill: #666666;
}
.proselebox-sec1 .cont .fzjut .nei .item .fit .li span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  padding-left: 16px;
  width: calc(100% - 18px);
}
@media (max-width: 1580px) {
  .proselebox-sec1 .cont .fzjut .nei .item .fit .li span {
    padding-left: 12px;
    width: calc(100% - 16px);
  }
}
@media (max-width: 767px) {
  .proselebox-sec1 .cont .fzjut .nei .item .fit .li span {
    padding-left: 8px;
    width: calc(100% - 0.26rem);
  }
}
.proselebox-sec1 .cont .fzjut .nei .item .fit .li:hover,
.proselebox-sec1 .cont .fzjut .nei .item .fit .li.on {
  color: #0364dd;
}
.proselebox-sec1 .cont .fzjut .nei .item .fit .li:hover i svg path,
.proselebox-sec1 .cont .fzjut .nei .item .fit .li.on i svg path {
  fill: #0364dd;
}
.proselebox-sec1 .cont .fzbut1 {
  display: flex;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  justify-content: center;
  align-items: center;
  color: #666;
}
.proselebox-sec1 .cont .fzbut1 span:nth-child(2) {
  display: none;
}
.proselebox-sec1 .cont .fzbut1 i {
  transition: all 0.4s;
  display: block;
  overflow: hidden;
  width: 14px;
  margin-left: 10px;
}
@media (max-width: 1580px) {
  .proselebox-sec1 .cont .fzbut1 i {
    width: 12px;
    margin-left: 8px;
  }
}
.proselebox-sec1 .cont .fzbut1 i svg {
  width: 100%;
  float: left;
}
.proselebox-sec1 .cont .fzbut1 i svg path {
  fill: #666666;
  transition: all 0.4s;
}
.proselebox-sec1 .cont .fzbut1.on {
  color: #0364dd;
}
.proselebox-sec1 .cont .fzbut1.on span {
  display: none;
}
.proselebox-sec1 .cont .fzbut1.on span:nth-child(2) {
  display: block;
}
.proselebox-sec1 .cont .fzbut1.on i {
  transform: rotate(180deg);
}
.proselebox-sec1 .cont .fzbut1.on i svg path {
  fill: #0364dd;
}
.proselebox-sec2 {
  padding: 20px 0 1rem;
  padding-left: 0.3rem;
  max-width: 1920px;
  margin: 0 auto;
  overflow: hidden;
}
@media (max-width: 991px) {
  .proselebox-sec2 {
    padding-right: 0.4rem;
    padding-left: 0.4rem;
  }
}
@media (max-width: 767px) {
  .proselebox-sec2 {
    padding-left: 5%;
    padding-right: 5%;
  }
}
.proselebox-sec2 .cont {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}
@media (max-width: 1580px) {
  .proselebox-sec2 .cont {
    margin: 0 -8px;
  }
}
@media (max-width: 767px) {
  .proselebox-sec2 .cont {
    margin: 0;
  }
}
.proselebox-sec2 .cont .gt,
.proselebox-sec2 .cont .lt {
  padding: 0 10px;
}
@media (max-width: 1580px) {
  .proselebox-sec2 .cont .gt,
  .proselebox-sec2 .cont .lt {
    padding: 0 8px;
  }
}
@media (max-width: 767px) {
  .proselebox-sec2 .cont .gt,
  .proselebox-sec2 .cont .lt {
    padding: 0;
  }
}
.proselebox-sec2 .cont .lt {
  width: 15.34%;
}
@media (max-width: 1260px) {
  .proselebox-sec2 .cont .lt {
    width: 22%;
  }
}
@media (max-width: 991px) {
  .proselebox-sec2 .cont .lt {
    width: 100%;
    margin-bottom: 0.6rem;
  }
}
@media (max-width: 767px) {
  .proselebox-sec2 .cont .lt {
    width: 100%;
  }
}
.proselebox-sec2 .cont .lt .fzbut1 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.24rem;
}
.proselebox-sec2 .cont .lt .fzbut1 .hidbut {
  color: #000000;
  font-weight: bold;
  cursor: pointer;
}
.proselebox-sec2 .cont .lt .fzbut1 .hidbut span:nth-child(2) {
  display: none;
}
.proselebox-sec2 .cont .lt .fzbut1 .hidbut.on span {
  display: none;
}
.proselebox-sec2 .cont .lt .fzbut1 .hidbut.on span:nth-child(2) {
  display: block;
}
.proselebox-sec2 .cont .lt .fzbut1 .but {
  cursor: pointer;
  display: flex;
  color: #999999;
  align-items: center;
}
.proselebox-sec2 .cont .lt .fzbut1 .but i {
  display: block;
  width: 16px;
  overflow: hidden;
  margin-right: 6px;
}
@media (max-width: 1580px) {
  .proselebox-sec2 .cont .lt .fzbut1 .but i {
    width: 14px;
  }
}
.proselebox-sec2 .cont .lt .fzbut1 .but i svg,
.proselebox-sec2 .cont .lt .fzbut1 .but i img {
  width: 100%;
  float: left;
}
.proselebox-sec2 .cont .lt .fzbut1 .but i svg path,
.proselebox-sec2 .cont .lt .fzbut1 .but i img path {
  fill: #999999;
}
.proselebox-sec2 .cont .lt .fzbut1 .but i img:nth-child(2) {
  display: none;
}
.proselebox-sec2 .cont .lt .fzbut1 .but:hover {
  color: #0364dd;
}
.proselebox-sec2 .cont .lt .fzbut1 .but:hover i svg path {
  fill: #0364dd;
}
.proselebox-sec2 .cont .lt .fzbut1 .but:hover i img {
  display: none;
}
.proselebox-sec2 .cont .lt .fzbut1 .but:hover i img:nth-child(2) {
  display: block;
}
.proselebox-sec2 .cont .lt .fzjut {
  width: 100%;
}
.proselebox-sec2 .cont .lt .fzjut .fzitem {
  border-radius: 0px 0px 4px 4px;
  border: solid 1px #ededed;
  margin-bottom: 13px;
}
.proselebox-sec2 .cont .lt .fzjut .fzitem:last-child {
  margin-bottom: 0;
}
.proselebox-sec2 .cont .lt .fzjut .fzitem .fztit {
  color: #666666;
  display: flex;
  background-color: #ededed;
  padding: 12px 20px;
}
@media (max-width: 1580px) {
  .proselebox-sec2 .cont .lt .fzjut .fzitem .fztit {
    padding: 10px 18px;
  }
}
@media (max-width: 767px) {
  .proselebox-sec2 .cont .lt .fzjut .fzitem .fztit {
    padding: 0.24rem 0.3rem;
  }
}
.proselebox-sec2 .cont .lt .fzjut .fzitem .fztit .lbael {
  display: flex;
  cursor: pointer;
  width: calc(100% - 24px);
}
.proselebox-sec2 .cont .lt .fzjut .fzitem .fztit .lbael i {
  transition: all 0.4s;
  display: block;
  width: 16px;
  height: 16px;
  position: relative;
  background-color: #ffffff;
  border-radius: 2px;
  border: solid 1px #cccccc;
  margin-top: 0.75em;
  top: -8px;
}
@media (max-width: 1580px) {
  .proselebox-sec2 .cont .lt .fzjut .fzitem .fztit .lbael i {
    width: 14px;
    height: 14px;
    top: -7px;
  }
}
.proselebox-sec2 .cont .lt .fzjut .fzitem .fztit .lbael i:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all 0.4s;
  background: #0364dd url(../images/zhendasvg1.svg) center / 71.42857143% auto no-repeat;
}
.proselebox-sec2 .cont .lt .fzjut .fzitem .fztit .lbael span {
  font-weight: bold;
  display: block;
  padding-left: 8px;
  width: calc(100% - 16px);
}
@media (max-width: 1580px) {
  .proselebox-sec2 .cont .lt .fzjut .fzitem .fztit .lbael span {
    width: calc(100% - 14px);
  }
}
.proselebox-sec2 .cont .lt .fzjut .fzitem .fztit .lbael.on i {
  border-color: #0364dd;
}
.proselebox-sec2 .cont .lt .fzjut .fzitem .fztit .lbael.on i:before {
  opacity: 1;
}
.proselebox-sec2 .cont .lt .fzjut .fzitem .fztit .but {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  transition: all 0.4s;
  position: relative;
  top: 0.75em;
  margin-top: -7px;
  overflow: hidden;
}
@media (max-width: 1580px) {
  .proselebox-sec2 .cont .lt .fzjut .fzitem .fztit .but {
    width: 12px;
    height: 12px;
    margin-top: -6px;
  }
}
.proselebox-sec2 .cont .lt .fzjut .fzitem .fztit .but svg,
.proselebox-sec2 .cont .lt .fzjut .fzitem .fztit .but img {
  width: 100%;
  float: left;
  max-height: 100%;
}
.proselebox-sec2 .cont .lt .fzjut .fzitem .fztit .but svg path,
.proselebox-sec2 .cont .lt .fzjut .fzitem .fztit .but img path {
  fill: #666666;
}
.proselebox-sec2 .cont .lt .fzjut .fzitem .nei {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  padding: 20px 20px 0.28rem;
}
@media (max-width: 1580px) {
  .proselebox-sec2 .cont .lt .fzjut .fzitem .nei {
    padding: 18px 18px 0.32rem;
  }
}
@media (max-width: 767px) {
  .proselebox-sec2 .cont .lt .fzjut .fzitem .nei {
    padding: 0.26rem 0.3rem 0.44rem;
  }
}
.proselebox-sec2 .cont .lt .fzjut .fzitem .nei .fsele {
  width: 100%;
  margin-bottom: 18px;
}
.proselebox-sec2 .cont .lt .fzjut .fzitem .nei .fsele select {
  width: 100%;
  color: #999999;
  background: url(../images/seleciwefacionwewxs1.svg) 92% center / 9px auto no-repeat;
  border-radius: 4px;
  border: solid 1px #dddddd;
  padding: 10px 14px;
}
@media (max-width: 1580px) {
  .proselebox-sec2 .cont .lt .fzjut .fzitem .nei .fsele select {
    padding: 8px 12px;
  }
}
.proselebox-sec2 .cont .lt .fzjut .fzitem .nei .fzradio {
  width: 100%;
  margin-bottom: 20px;
}
@media (max-width: 1580px) {
  .proselebox-sec2 .cont .lt .fzjut .fzitem .nei .fzradio {
    margin-bottom: 16px;
  }
}
.proselebox-sec2 .cont .lt .fzjut .fzitem .nei .fzradio .li {
  display: flex;
  align-items: flex-start;
  color: #666666;
  font-weight: bold;
  position: relative;
  margin-bottom: 12px;
}
.proselebox-sec2 .cont .lt .fzjut .fzitem .nei .fzradio .li:last-child {
  margin-bottom: 0;
}
@media (max-width: 1580px) {
  .proselebox-sec2 .cont .lt .fzjut .fzitem .nei .fzradio .li {
    margin-bottom: 8px;
  }
}
.proselebox-sec2 .cont .lt .fzjut .fzitem .nei .fzradio .li input {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  height: 100%;
  opacity: 0;
}
.proselebox-sec2 .cont .lt .fzjut .fzitem .nei .fzradio .li i {
  transition: all 0.4s;
  display: block;
  width: 16px;
  height: 16px;
  position: relative;
  background-color: #ffffff;
  border-radius: 2px;
  border: solid 1px #cccccc;
  margin-top: 0.75em;
  top: -8px;
}
@media (max-width: 1580px) {
  .proselebox-sec2 .cont .lt .fzjut .fzitem .nei .fzradio .li i {
    width: 14px;
    height: 14px;
    top: -7px;
  }
}
.proselebox-sec2 .cont .lt .fzjut .fzitem .nei .fzradio .li i:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all 0.4s;
  background: #0364dd url(../images/zhendasvg1.svg) center / 71.42857143% auto no-repeat;
}
.proselebox-sec2 .cont .lt .fzjut .fzitem .nei .fzradio .li span {
  font-weight: bold;
  display: block;
  padding-left: 8px;
  width: calc(100% - 16px);
}
@media (max-width: 1580px) {
  .proselebox-sec2 .cont .lt .fzjut .fzitem .nei .fzradio .li span {
    width: calc(100% - 14px);
  }
}
.proselebox-sec2 .cont .lt .fzjut .fzitem .nei .fzradio .li input:checked ~ i {
  border-color: #0364dd;
}
.proselebox-sec2 .cont .lt .fzjut .fzitem .nei .fzradio .li input:checked ~ i:before {
  opacity: 1;
}
.proselebox-sec2 .cont .lt .fzjut .fzitem .nei .fzshuzhi {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-right: 10px;
  margin-bottom: 23px;
}
@media (max-width: 1580px) {
  .proselebox-sec2 .cont .lt .fzjut .fzitem .nei .fzshuzhi {
    margin-bottom: 18px;
  }
}
.proselebox-sec2 .cont .lt .fzjut .fzitem .nei .fzshuzhi .li {
  display: flex;
  align-items: center;
  color: #666666;
}
.proselebox-sec2 .cont .lt .fzjut .fzitem .nei .fzshuzhi .li span {
  font-weight: bold;
  color: #666666;
}
.proselebox-sec2 .cont .lt .fzjut .fzitem .nei .fzshuzhi .li .fzhi {
  width: 60px;
  height: 38px;
  background-color: #ffffff;
  border-radius: 4px;
  text-align: center;
  color: #666;
  margin-left: 6px;
  border: solid 1px #dddddd;
}
@media (max-width: 1580px) {
  .proselebox-sec2 .cont .lt .fzjut .fzitem .nei .fzshuzhi .li .fzhi {
    width: 54px;
    height: 34px;
  }
}
.proselebox-sec2 .cont .lt .fzjut .fzitem .nei .el-slider {
  width: 100%;
  margin-bottom: 10px;
}
@media (max-width: 1580px) {
  .proselebox-sec2 .cont .lt .fzjut .fzitem .nei .el-slider {
    margin-bottom: 4px;
  }
}
.proselebox-sec2 .cont .lt .fzjut .fzitem .nei .el-slider .el-slider__button-wrapper .el-slider__button {
  width: 10px;
  height: 17px;
  background-color: #ffffff;
  border: solid 1px #dddddd;
  border-radius: 0;
}
.proselebox-sec2 .cont .lt .fzjut .fzitem .nei .fzsub1 {
  user-select: none;
  -webkit-user-select: none;
  width: auto;
  color: #999999;
  display: inline-block;
  background-color: #f5f5f5;
  transition: all 0.4s;
  border: solid 1px #dddddd;
  border-radius: 4px;
  padding: 8px 18px;
}
@media (max-width: 1580px) {
  .proselebox-sec2 .cont .lt .fzjut .fzitem .nei .fzsub1 {
    padding: 6px 16px;
  }
}
.proselebox-sec2 .cont .lt .fzjut .fzitem .nei .fzsub1.on {
  background-color: #0364dd;
  color: #ffffff;
  cursor: pointer;
}
.proselebox-sec2 .cont .lt .fzjut .fzitem.active .fztit .but {
  transform: rotate(180deg);
}
.proselebox-sec2 .cont .gt {
  width: 84.66%;
  flex: 1 1 auto;
}
@media (max-width: 1260px) {
  .proselebox-sec2 .cont .gt {
    width: 78%;
  }
}
@media (max-width: 991px) {
  .proselebox-sec2 .cont .gt {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .proselebox-sec2 .cont .gt {
    width: 100%;
  }
}
.proselebox-sec2 .cont .gt .shofen {
  font-weight: bold;
  color: #333333;
  margin-bottom: 0.24rem;
}
.proselebox-sec2 .cont .gt .shofen span {
  color: #0364dd;
}
@media (max-width: 1580px) {
  .proselebox-sec2 .cont .gt .fzlabel {
    border-width: 2px;
  }
}
.proselebox-sec2 .cont .gt .fzlabel .el-table td.el-table__cell,
.proselebox-sec2 .cont .gt .fzlabel .el-table th.el-table__cell.is-leaf {
  border-bottom: 1px solid #e8eef5;
}
.proselebox-sec2 .cont .gt .fzlabel .el-table::before,
.proselebox-sec2 .cont .gt .fzlabel .el-table__fixed-right::before,
.proselebox-sec2 .cont .gt .fzlabel .el-table__fixed::before {
  display: 1px solid #e8eef5;
}
.proselebox-sec2 .cont .gt .fzlabel .headbag {
  background-color: #f9f9f9;
  padding: 0;
}
.proselebox-sec2 .cont .gt .fzlabel .headbag th {
  background-color: transparent;
  padding: 0.2rem 0.26rem;
}
@media (max-width: 767px) {
  .proselebox-sec2 .cont .gt .fzlabel .headbag th {
    padding: 0.4rem 0.3rem;
  }
}
.proselebox-sec2 .cont .gt .fzlabel .headbag th .fztext {
  font-weight: bold;
  color: #000000;
  text-align: center;
  line-height: 1.625;
}
.proselebox-sec2 .cont .gt .fzlabel .headbag th .partwim {
  width: 100%;
}
.proselebox-sec2 .cont .gt .fzlabel .headbag th .partwim .fzfro {
  display: flex;
  align-items: center;
  width: 100%;
  background-color: #ffffff;
  border-radius: 4px;
  border: solid 1px #dddddd;
  padding: 12px 14px;
  font-size: 16px;
  margin-top: 10px;
  color: #999999;
}
@media (max-width: 1580px) {
  .proselebox-sec2 .cont .gt .fzlabel .headbag th .partwim .fzfro {
    margin-top: 8px;
    padding: 10px 12px;
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .proselebox-sec2 .cont .gt .fzlabel .headbag th .partwim .fzfro {
    font-size: 0.26rem;
  }
}
.proselebox-sec2 .cont .gt .fzlabel .headbag th .partwim .fzfro input {
  padding-right: 0.2rem;
  width: calc(100% - 20px);
}
@media (max-width: 1580px) {
  .proselebox-sec2 .cont .gt .fzlabel .headbag th .partwim .fzfro input {
    width: calc(100% - 18px);
  }
}
@media (max-width: 767px) {
  .proselebox-sec2 .cont .gt .fzlabel .headbag th .partwim .fzfro input {
    width: calc(100% - 0.36rem);
  }
}
.proselebox-sec2 .cont .gt .fzlabel .headbag th .partwim .fzfro .fzsub {
  width: 20px;
}
@media (max-width: 1580px) {
  .proselebox-sec2 .cont .gt .fzlabel .headbag th .partwim .fzfro .fzsub {
    width: 18px;
  }
}
@media (max-width: 767px) {
  .proselebox-sec2 .cont .gt .fzlabel .headbag th .partwim .fzfro .fzsub {
    width: 0.36rem;
  }
}
.proselebox-sec2 .cont .gt .fzlabel .headbag th .partwim .fzfro .fzsub img {
  width: 100%;
  float: left;
}
.proselebox-sec2 .cont .gt .fzlabel .headbag th .partwim .fzfro .fzsub img:nth-child(2) {
  display: none;
}
.proselebox-sec2 .cont .gt .fzlabel .headbag th .partwim .fzfro .fzsub:hover img {
  display: none;
}
.proselebox-sec2 .cont .gt .fzlabel .headbag th .partwim .fzfro .fzsub:hover img:nth-child(2) {
  display: block;
}
.proselebox-sec2 .cont .gt .fzlabel .headbag th .fztext2 {
  text-align: left;
}
.proselebox-sec2 .cont .gt .fzlabel .el-table__body tr.hover-row.current-row > td.el-table__cell,
.proselebox-sec2 .cont .gt .fzlabel .el-table__body tr.hover-row.el-table__row--striped.current-row > td.el-table__cell,
.proselebox-sec2 .cont .gt .fzlabel .el-table__body tr.hover-row.el-table__row--striped > td.el-table__cell,
.proselebox-sec2 .cont .gt .fzlabel .el-table__body tr.hover-row > td.el-table__cell {
  background-color: #f5f7fa;
}
.proselebox-sec2 .cont .gt .fzlabel .el-table .cell {
  padding: 0;
}
.proselebox-sec2 .cont .gt .fzlabel .tbodycl td {
  padding: 0.25rem 0.1rem;
}
.proselebox-sec2 .cont .gt .fzlabel .tbodycl td:nth-child(1) {
  padding: 0.25rem 0.2rem;
}
.proselebox-sec2 .cont .gt .fzlabel .tbodycl td .list1 {
  text-align: center;
  color: #666666;
  display: block;
  font-weight: bold;
  text-decoration: underline;
}
.proselebox-sec2 .cont .gt .fzlabel .tbodycl td .list1:hover {
  color: #0364dd;
}
.proselebox-sec2 .cont .gt .fzlabel .tbodycl td .fzwen {
  text-align: center;
  color: #000000;
  font-weight: bold;
}
.proselebox-sec2 .cont .gt .fzlabel .tbodycl td .fzfont {
  width: 100%;
  line-height: 26px;
}
@media (max-width: 1580px) {
  .proselebox-sec2 .cont .gt .fzlabel .tbodycl td .fzfont {
    line-height: 24px;
  }
}
@media (max-width: 767px) {
  .proselebox-sec2 .cont .gt .fzlabel .tbodycl td .fzfont {
    line-height: 1.625;
  }
}
.proselebox-sec2 .cont .gt .fzlabel .tbodycl td .fzfont .tit {
  width: 100%;
  display: flex;
  transition: all 0.4s;
  color: #000000;
  position: relative;
}
.proselebox-sec2 .cont .gt .fzlabel .tbodycl td .fzfont .tit span {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  font-weight: bold;
  text-overflow: ellipsis;
  max-width: 100%;
}
.proselebox-sec2 .cont .gt .fzlabel .tbodycl td .fzfont .tit i {
  display: block;
  font-style: normal;
  font-size: 14px;
  color: #b8d200;
  position: relative;
  margin-left: 4px;
}
@media (max-width: 767px) {
  .proselebox-sec2 .cont .gt .fzlabel .tbodycl td .fzfont .tit i {
    font-size: 0.22em;
    margin-top: 2px;
  }
}
.proselebox-sec2 .cont .gt .fzlabel .tbodycl td .fzfont .tit .hot {
  color: #d8001b;
}
.proselebox-sec2 .cont .gt .fzlabel .tbodycl td .fzfont .text {
  color: #666666;
  margin-bottom: 0.12rem;
}
@media (max-width: 767px) {
  .proselebox-sec2 .cont .gt .fzlabel .tbodycl td .fzfont .text {
    font-size: 0.24rem;
  }
}
.proselebox-sec2 .cont .gt .fzlabel .tbodycl td .fzfont .number1 {
  font-weight: bold;
  color: #999999;
}
@media (max-width: 767px) {
  .proselebox-sec2 .cont .gt .fzlabel .tbodycl td .fzfont .number1 {
    font-size: 0.22rem;
  }
}
.proselebox-sec2 .cont .gt .fzlabel .tacont {
  display: flex;
  flex-wrap: wrap;
}
.proselebox-sec2 .cont .gt .fzlabel .tacont .fztelblt {
  width: 40.33%;
  width: 36%;
  position: relative;
  display: flex;
  padding-left: 0.24rem;
  padding-right: 0.36rem;
  align-items: center;
  justify-content: center;
}
@media (max-width: 991px) {
  .proselebox-sec2 .cont .gt .fzlabel .tacont .fztelblt {
    padding-right: 0.38rem;
  }
}
@media (max-width: 767px) {
  .proselebox-sec2 .cont .gt .fzlabel .tacont .fztelblt {
    width: 100%;
    padding: 0;
  }
}
.proselebox-sec2 .cont .gt .fzlabel .tacont .fztelblt .fzcompare {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ededed;
  border-radius: 4px;
  transition: all 0.4s;
  color: #333333;
  width: 100%;
  height: 48px;
}
@media (max-width: 1580px) {
  .proselebox-sec2 .cont .gt .fzlabel .tacont .fztelblt .fzcompare {
    height: 44px;
  }
}
@media (max-width: 767px) {
  .proselebox-sec2 .cont .gt .fzlabel .tacont .fztelblt .fzcompare {
    height: 0.6rem;
  }
}
.proselebox-sec2 .cont .gt .fzlabel .tacont .fztelblt .fzcompare:hover {
  color: #ffffff;
  background-color: #0364dd;
  opacity: 0.9;
}
.proselebox-sec2 .cont .gt .fzlabel .tacont .fztelblt .fzcompare.on {
  color: #ffffff;
  background-color: #0364dd;
}
.proselebox-sec2 .cont .gt .fzlabel .tacont .fztelblt .fanniu {
  width: 100%;
}
.proselebox-sec2 .cont .gt .fzlabel .tacont .fztelblt .fanniu .but {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ededed;
  border-radius: 4px;
  transition: all 0.4s;
  border: 1px solid #0364dd;
  background-color: transparent;
  width: 100%;
  color: #0364dd;
  height: 38px;
}
@media (max-width: 1580px) {
  .proselebox-sec2 .cont .gt .fzlabel .tacont .fztelblt .fanniu .but {
    height: 34px;
  }
}
@media (max-width: 991px) {
  .proselebox-sec2 .cont .gt .fzlabel .tacont .fztelblt .fanniu .but span {
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  .proselebox-sec2 .cont .gt .fzlabel .tacont .fztelblt .fanniu .but {
    height: 0.56rem;
  }
}
.proselebox-sec2 .cont .gt .fzlabel .tacont .fztelblt .fanniu .but:nth-child(2) {
  background-color: rgba(3, 100, 221, 0.06);
  border-color: rgba(3, 100, 221, 0.06);
  margin-top: 12px;
}
@media (max-width: 1580px) {
  .proselebox-sec2 .cont .gt .fzlabel .tacont .fztelblt .fanniu .but:nth-child(2) {
    margin-top: 10px;
  }
}
.proselebox-sec2 .cont .gt .fzlabel .tacont .fztelblt .fanniu .but:hover {
  color: #ffffff;
  background-color: #0364dd;
}
.proselebox-sec2 .cont .gt .fzlabel .tacont .fztelbgt {
  padding-right: 4px;
  padding-left: 0.44rem;
  width: 64%;
  position: relative;
}
@media (max-width: 767px) {
  .proselebox-sec2 .cont .gt .fzlabel .tacont .fztelbgt {
    width: 100%;
    padding: 0;
  }
}
.proselebox-sec2 .cont .gt .fzlabel .tacont .fztelbgt .fzcheckbox1 {
  width: 16px;
  height: 16px;
  background-color: #ffffff;
  border-radius: 2px;
  border: solid 1px #cccccc;
}
@media (max-width: 1580px) {
  .proselebox-sec2 .cont .gt .fzlabel .tacont .fztelbgt .fzcheckbox1 {
    width: 14px;
    height: 14px;
  }
}
@media (min-width: 768px) {
  .proselebox-sec2 .cont .gt .fzlabel .tacont .fztelbgt .fzcheckbox1 {
    position: absolute;
    top: 50%;
    right: 100%;
    transform: translateY(-50%);
  }
}
.proselebox-sec2 .cont .gt .fzlabel .tacont .fztelbgt .fzcheckbox1:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all 0.4s;
  background: #0364dd url(../images/zhendasvg1.svg) center / 71.42857143% auto no-repeat;
}
.proselebox-sec2 .cont .gt .fzlabel .tacont .fztelbgt .fzcheckbox1:checked {
  border-color: #0364dd;
}
.proselebox-sec2 .cont .gt .fzlabel .tacont .fztelbgt .fzcheckbox1:checked:before {
  opacity: 1;
}
@media (max-width: 767px) {
  .proselebox-sec2 .cont .gt .fzlabel .tacont .fztelblt {
    order: 1;
    margin-top: 0.26rem;
  }
}
/* End */
/* 订购商品 */
.dinshopalt {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: none;
  z-index: 999;
}
.dinshopalt .bag {
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.5;
}
.dinshopalt .cont {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  background-color: #ffffff;
  box-shadow: 0px 1px 0.24rem 0px rgba(0, 0, 0, 0.16);
  border-radius: 10px;
  width: 90%;
  max-width: 7.5rem;
}
@media (max-width: 991px) {
  .dinshopalt .cont {
    max-width: 8.8rem;
  }
}
@media (max-width: 767px) {
  .dinshopalt .cont {
    max-width: 90%;
  }
}
.dinshopalt .cont .f_tit {
  padding: 12px 0.4rem;
  padding-right: 0.24rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 22px;
}
@media (max-width: 767px) {
  .dinshopalt .cont .f_tit {
    padding: 0.3rem 0.36rem;
  }
}
.dinshopalt .cont .f_tit .tit {
  color: #000;
  font-weight: bold;
}
.dinshopalt .cont .f_tit .f_close {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.4s;
  width: 36px;
  height: 36px;
  background-color: rgba(0, 0, 0, 0.08);
}
@media (max-width: 1580px) {
  .dinshopalt .cont .f_tit .f_close {
    width: 32px;
    height: 32px;
  }
}
@media (max-width: 767px) {
  .dinshopalt .cont .f_tit .f_close {
    width: 0.66rem;
    height: 0.66rem;
  }
}
.dinshopalt .cont .f_tit .f_close svg {
  width: 33.33333333%;
  height: 33.33333333%;
}
.dinshopalt .cont .f_tit .f_close svg path {
  fill: #999999;
  opacity: 1;
  transition: all 0.4s;
}
.dinshopalt .cont .f_tit .f_close:hover {
  background-color: #0364dd;
}
.dinshopalt .cont .f_tit .f_close:hover svg path {
  fill: #ffffff;
}
.dinshopalt .cont .fzhong {
  padding: 0 0.4rem 0.5rem;
}
.dinshopalt .cont .fzhong .f_jut {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin-bottom: 0.3rem;
}
@media (max-width: 767px) {
  .dinshopalt .cont .fzhong .f_jut {
    margin-bottom: 0.46rem;
  }
}
.dinshopalt .cont .fzhong .f_jut .img {
  border-radius: 8px;
  border: solid 1px #dddddd;
  width: 26.865%;
  background-color: #f5f5f5;
}
@media (max-width: 767px) {
  .dinshopalt .cont .fzhong .f_jut .img {
    width: 32%;
  }
}
.dinshopalt .cont .fzhong .f_jut .img:before {
  padding-top: 66.66666667%;
}
.dinshopalt .cont .fzhong .f_jut .font {
  padding-left: 0.24rem;
  width: 73.135%;
  padding-top: 4px;
}
@media (max-width: 767px) {
  .dinshopalt .cont .fzhong .f_jut .font {
    padding-left: 0.36rem;
    width: 68%;
  }
}
.dinshopalt .cont .fzhong .f_jut .font .tit {
  color: #000000;
  font-weight: bold;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: 3em;
  margin-bottom: 0.12rem;
}
.dinshopalt .cont .fzhong .f_jut .font .tit span {
  color: #0364dd;
}
.dinshopalt .cont .fzhong .f_jut .font .name {
  color: #999999;
}
.dinshopalt .cont .fzhong .f_tabel {
  border-top: 1px solid #e6e6e6;
  margin-bottom: 0.3rem;
}
@media (max-width: 767px) {
  .dinshopalt .cont .fzhong .f_tabel {
    margin-bottom: 0.46rem;
  }
}
.dinshopalt .cont .fzhong .f_tabel .item {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  border-bottom: 1px solid #e6e6e6;
  padding: 20px;
}
@media (max-width: 1580px) {
  .dinshopalt .cont .fzhong .f_tabel .item {
    padding: 18px;
  }
}
@media (max-width: 767px) {
  .dinshopalt .cont .fzhong .f_tabel .item {
    padding: 10px 0;
    justify-content: space-between;
  }
}
.dinshopalt .cont .fzhong .f_tabel .item .name {
  width: 29%;
}
@media (max-width: 767px) {
  .dinshopalt .cont .fzhong .f_tabel .item .name {
    width: 48%;
    padding: 0.26rem 0;
  }
}
.dinshopalt .cont .fzhong .f_tabel .item .name .f_wen {
  color: #000000;
  font-weight: bold;
  display: flex;
  width: 100%;
  align-items: center;
}
.dinshopalt .cont .fzhong .f_tabel .item .name .f_wen svg {
  opacity: 0.7;
  width: 14px;
  height: 14px;
  margin-left: 4px;
}
@media (max-width: 1580px) {
  .dinshopalt .cont .fzhong .f_tabel .item .name .f_wen svg {
    width: 12px;
    height: 12px;
  }
}
.dinshopalt .cont .fzhong .f_tabel .item .name .f_wen svg path {
  fill: #999999;
  opacity: 1;
}
.dinshopalt .cont .fzhong .f_tabel .item .jiage {
  text-align: center;
  color: #dd0303;
  font-weight: bold;
}
@media (max-width: 767px) {
  .dinshopalt .cont .fzhong .f_tabel .item .jiage {
    text-align: left;
    padding-left: 0.36rem;
  }
}
.dinshopalt .cont .fzhong .f_tabel .item .cn5 {
  position: relative;
  display: flex;
  margin-left: -0.2rem;
  align-items: center;
}
.dinshopalt .cont .fzhong .f_tabel .item .cn5 .cn5j {
  display: none;
  font-style: normal;
}
@media (max-width: 991px) {
  .dinshopalt .cont .fzhong .f_tabel .item .cn5 .cn5j {
    display: block;
  }
}
.dinshopalt .cont .fzhong .f_tabel .item .cn5 .cn5a {
  width: 80%;
  background-color: #fff;
  border-radius: 4px;
  line-height: 32px;
  display: flex;
  padding: 0 0.35rem 0 0.2rem;
  justify-content: space-between;
  position: relative;
}
@media (max-width: 991px) {
  .dinshopalt .cont .fzhong .f_tabel .item .cn5 .cn5a {
    margin: 0;
  }
}
@media (max-width: 767px) {
  .dinshopalt .cont .fzhong .f_tabel .item .cn5 .cn5a {
    margin: 0 auto;
  }
}
.dinshopalt .cont .fzhong .f_tabel .item .cn5 .cn5a::before {
  position: absolute;
  right: 0.1rem;
  top: 50%;
  transform: translateY(-50%);
  background-image: url(../images/process/p-img5.svg);
  width: 9px;
  height: 6px;
  z-index: 2;
  background-size: 9px 6px;
  display: block;
  content: "";
}
.dinshopalt .cont .fzhong .f_tabel .item .cn5 .cn5a .cn5b em {
  font-style: normal;
}
.dinshopalt .cont .fzhong .f_tabel .item .cn5 .cn5a .cn5d em {
  font-style: normal;
}
.dinshopalt .cont .fzhong .f_tabel .item .cn5 .cn5g {
  position: absolute;
  left: 0%;
  width: 80%;
  background-color: #ffffff;
  top: 100%;
  padding-right: 0.35rem;
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1);
  display: none;
  z-index: 5;
}
@media (max-width: 991px) {
}
@media (max-width: 767px) {
  .dinshopalt .cont .fzhong .f_tabel .item .cn5 .cn5g {
    left: 50%;
    transform: translateX(-50%);
  }
}
.dinshopalt .cont .fzhong .f_tabel .item .cn5 .cn5g .cn5a {
  width: 100%;
  padding-right: 0;
  padding-left: 0.2rem;
  border-radius: 0;
}
.dinshopalt .cont .fzhong .f_tabel .item .cn5 .cn5g .cn5a::before {
  background-image: none;
}
.dinshopalt .cont .fzhong .f_tabel .item .cn5 .cn5g .cn5a:hover {
  background-color: #fff;
}
.dinshopalt .cont .fzhong .f_tabel .item .cn5:hover .cn5g {
  display: block;
}
.dinshopalt .cont .fzhong .f_tabel .item .cn6 {
  display: flex;
  justify-content: center;
  align-items: center;
}
.dinshopalt .cont .fzhong .f_tabel .item .cn6 button {
  width: 32px;
  height: 32px;
  border: 1px solid #d9d9d9;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s;
}
.dinshopalt .cont .fzhong .f_tabel .item .cn6 button svg {
  width: 100%;
  height: 100%;
}
.dinshopalt .cont .fzhong .f_tabel .item .cn6 button svg rect {
  fill: #333;
  opacity: 1;
}
.dinshopalt .cont .fzhong .f_tabel .item .cn6 button:hover {
  background-color: #0364dd;
  color: #fff;
}
.dinshopalt .cont .fzhong .f_tabel .item .cn6 button:hover svg rect {
  fill: #fff;
}
.dinshopalt .cont .fzhong .f_tabel .item .cn6 button:nth-child(2) {
  border-radius: 2px 0 0  2px;
}
.dinshopalt .cont .fzhong .f_tabel .item .cn6 button:last-child {
  border-radius: 0 2px 2px 0;
}
.dinshopalt .cont .fzhong .f_tabel .item .cn6 .numinput {
  width: 0.7rem;
  height: 32px;
  border-top: 1px solid #d9d9d9;
  text-align: center;
  border-bottom: 1px solid #d9d9d9;
}
.dinshopalt .cont .fzhong .f_tabel .item .cn6 .numinput::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
.dinshopalt .cont .fzhong .f_tabel .item .cn6 .numinput::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.dinshopalt .cont .fzhong .f_tabel .item .cn6 .numinput[type="number"] {
  -moz-appearance: textfield;
}
.dinshopalt .cont .fzhong .f_tabel .item .wi1 {
  width: 42%;
}
@media (max-width: 767px) {
  .dinshopalt .cont .fzhong .f_tabel .item .wi1 {
    width: 100%;
    border-bottom: 1px solid #e6e6e6;
  }
}
.dinshopalt .cont .fzhong .f_tabel .item .wi2 .f_wen,
.dinshopalt .cont .fzhong .f_tabel .item .wi3 .f_wen {
  justify-content: center;
  text-align: center;
}
.dinshopalt .cont .fzhong .f_tabel .f_title1 {
  padding-top: 10px;
  padding-bottom: 10px;
}
@media (max-width: 767px) {
  .dinshopalt .cont .fzhong .f_tabel .f_title1 {
    display: none;
  }
}
.dinshopalt .cont .fzhong .f_but {
  display: flex;
  justify-content: center;
  align-items: center;
}
.dinshopalt .cont .fzhong .f_but .bit {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 8px;
  color: #333333;
  width: 1.8rem;
  height: 0.5rem;
  border-radius: 0.25rem;
  border: solid 1px #dddddd;
}
@media (max-width: 1580px) {
  .dinshopalt .cont .fzhong .f_but .bit {
    margin: 0 6px;
    height: 0.6rem;
    border-radius: 0.3rem;
  }
}
@media (max-width: 767px) {
  .dinshopalt .cont .fzhong .f_but .bit {
    width: 2.2rem;
    height: 0.74rem;
    border-radius: 0.4rem;
  }
}
@media (min-width: 992px) {
  .dinshopalt .cont .fzhong .f_but .bit:hover {
    border-color: #0364dd;
    color: #0364dd;
  }
}
/* End */
/* 银行支付 */
.paymentbox-sec1 {
  padding: 1.2rem 0;
}
.paymentbox-sec1 .fz_but1 {
  margin-bottom: 0.2rem;
}
.paymentbox-sec1 .cont .f_tit {
  font-weight: bold;
  color: #010101;
  margin-bottom: 0.6rem;
}
.paymentbox-sec1 .cont .f_nei {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.1rem;
}
.paymentbox-sec1 .cont .f_nei .item {
  width: 25%;
  padding: 0 0.1rem;
  margin-bottom: 0.6rem;
}
@media (max-width: 991px) {
  .paymentbox-sec1 .cont .f_nei .item {
    width: 33.333%;
  }
}
@media (max-width: 767px) {
  .paymentbox-sec1 .cont .f_nei .item {
    margin-bottom: 0.4rem;
  }
}
.paymentbox-sec1 .cont .f_nei .item .li {
  display: flex;
  align-items: center;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
}
.paymentbox-sec1 .cont .f_nei .item .li i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  margin-right: 10px;
  border-radius: 50%;
  border: 1px solid #666666;
}
@media (max-width: 1580px) {
  .paymentbox-sec1 .cont .f_nei .item .li i {
    width: 16px;
    height: 16px;
  }
}
@media (max-width: 767px) {
  .paymentbox-sec1 .cont .f_nei .item .li i {
    width: 8px;
    height: 8px;
    margin-right: 8px;
    display: none;
  }
}
.paymentbox-sec1 .cont .f_nei .item .li i:before {
  display: block;
  content: "";
  width: 50%;
  height: 50%;
  background-color: #0364dd;
  border-radius: 50%;
  opacity: 0;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
}
.paymentbox-sec1 .cont .f_nei .item .li .img {
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  border-radius: 0.1rem;
  border: 1px solid #666666;
  width: calc(100% - 28px);
}
@media (max-width: 1580px) {
  .paymentbox-sec1 .cont .f_nei .item .li .img {
    width: calc(100% - 26px);
  }
}
@media (max-width: 767px) {
  .paymentbox-sec1 .cont .f_nei .item .li .img {
    width: calc(100% - 16px);
    width: 100%;
    border-width: 2px;
  }
}
.paymentbox-sec1 .cont .f_nei .item .li .img:before {
  padding-top: 33.33333333%;
}
@media (max-width: 767px) {
  .paymentbox-sec1 .cont .f_nei .item .li .img:before {
    padding-top: 40%;
  }
}
.paymentbox-sec1 .cont .f_nei .item.on .li i {
  border-color: #0364dd;
}
.paymentbox-sec1 .cont .f_nei .item.on .li i:before {
  opacity: 1;
}
.paymentbox-sec1 .cont .f_nei .item.on .li .img {
  border-color: #0364dd;
}
@media (max-width: 767px) {
  .paymentbox-sec1 .cont .f_nei .item.on .li .img {
    border-color: #e60012;
  }
}
.paymentbox-sec1 .fz_but2 {
  margin-top: 0.12rem;
}
/* End */