@import "public.css";
@import "swiper.min.css";
@import "aos.css";
.rmzx-animation:hover .rmzx-img .rmzx-p,
.rmzx-animation:hover .rmzxl-img .rmzx-p {
  transition: 1.5s all ease-in;
  transform: scale(1.2, 1.2);
}
.font1-cur {
  color: #0090E6;
  transition: 0.2s;
}
.label-color1 {
  background: #269BFF;
}
.label-color2 {
  background: #FF6161;
}
.label-color3 {
  background: #1FB766;
}
.page-font1 {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
}
.title-20 {
  font-size: 20px;
  font-weight: bold;
  color: #333333;
}
.title-14 {
  font-size: 14px;
  font-weight: 400;
}
.font20 {
  font-size: 20px;
  font-weight: 400;
}
.font48 {
  font-size: 48px;
  font-weight: 400;
}
.font26 {
  font-size: 26px;
  font-weight: 400;
}
.font30 {
  font-size: 30px;
  font-weight: 400;
}
.font12 {
  font-size: 12px;
  font-weight: 400;
}
.font18 {
  font-size: 18px;
  font-weight: 400;
}
.font16 {
  font-size: 16px;
  font-weight: 400;
}
.font24 {
  font-size: 24px;
  font-weight: 400;
}
.font32 {
  font-size: 32px;
  font-weight: bold;
}
.crumbs-font1 {
  font-size: 12px;
  font-weight: 400;
  color: #999999;
}
.crumbs-box {
  margin-top: 12px;
  display: flex;
  align-items: center;
}
.crumbs-box li {
  margin-right: 3px;
  font-size: 12px;
  font-weight: 400;
  color: #999999;
}
.crumbs-box li a {
  display: inline-block;
  padding-right: 3px;
  box-sizing: border-box;
  font-size: 12px;
  font-weight: 400;
  color: #999999;
}
.crumbs-box li a:hover {
  color: #0090E6;
  transition: 0.2s;
}
.order-gg {
  display: block;
  width: 100%;
  height: 120px;
  background: url("img/order-gg.png") no-repeat;
  background-size: 100% 100%;
}
.master-pf {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.master-pf .master-name {
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF;
  margin-right: 10px;
  transition: 1s all ease-in;
}
.pf-list {
  transition: 1s all ease-in;
  display: flex;
  align-items: center;
}
.pf-list .pf-item {
  margin-right: 4px;
}
.pf-list .pf-item:last-child {
  margin-right: 0;
}
.pf-list .pf-item img {
  width: 14px;
  height: 14px;
}
.gg-box {
  width: 100%;
  padding: 24px;
  box-sizing: border-box;
  background: #FFF5F3;
}
.gg-box .gg-title {
  font-size: 24px;
  font-weight: bold;
  color: #FF6161;
  text-align: center;
}
.gg-box .gg-label {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 15px;
}
.gg-box .gg-label em {
  display: block;
  width: 80px;
  height: 32px;
  background: #FFD1D1;
  border-radius: 2px;
  color: #333333;
  line-height: 32px;
  text-align: center;
  margin-top: 12px;
  font-size: 14px;
  font-weight: 400;
}
.gg-box .gg-desc {
  width: 100%;
}
.gg-box .gg-desc p {
  width: 100%;
  color: #666666;
  margin-top: 16px;
  font-size: 14px;
  font-weight: 400;
}
.gg-box .gg-desc p:last-child {
  color: #2F80FF;
}
.gg-box .gg-desc .gg-name {
  color: #333333;
  font-weight: bold;
  font-size: 14px;
}
.gg-box .gg-btn-box {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 16px;
}
.gg-box .gg-btn-box a:nth-child(1) {
  background: #FF6161;
  margin-right: 10px;
}
.gg-box .gg-btn-box a:nth-child(2) {
  background: #D6AB7B;
}
.gg-box .gg-btn-box .gg-btn {
  display: block;
  width: 170px;
  height: 35px;
  border-radius: 3px;
  color: #FFFFFF;
  line-height: 35px;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
}
.apply-box {
  width: 402px;
  height: 162px;
  display: block;
  margin-top: 16px;
}
.apply-box img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.author-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.author-text {
  font-size: 12px;
  font-weight: 400;
  color: #BBBBBB;
}
.author-text:hover {
  color: #0090E6;
  transition: 0.2s;
}
.author-l {
  display: flex;
  align-items: center;
}
.author-l img {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  margin-right: 8px;
}
.author-l a {
  margin-right: 8px;
}
.author-l a:last-child {
  margin-right: 0px;
}
.author-r {
  display: flex;
  align-items: center;
}
.author-r .r-item {
  display: flex;
  align-items: center;
  margin-left: 30px;
}
.author-r .r-item:first-child {
  margin-left: 0px;
}
.author-r .r-item img {
  width: 20px;
  height: 20px;
  margin-right: 2px;
}
.label-a {
  max-width: 188px;
  display: inline-flex;
  margin-left: 16px;
}
.author-text3 {
  font-size: 12px;
  font-weight: 400;
  color: #269BFF;
}
.rmzx-bk {
  margin-top: 37px;
}
.rmzx {
  width: 100%;
  height: 680px;
  display: flex;
  margin-top: 24px;
  justify-content: space-between;
}
.rmzx-l {
  width: 498px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.rmzx-l .author-info {
  margin-top: 8px;
}
.rmzx-l .rmzx-item {
  width: 498px;
  height: 330px;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
.rmzx-l .rmzx-img {
  display: block;
  width: 100%;
  height: 100%;
}
.rmzx-l .rmzx-img img {
  width: 100%;
  height: 100%;
  transform: scale(1, 1);
  transition: 1.5s all ease-in;
}
.rmzx-l .rmzx-info {
  width: 100%;
  height: 86px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 18px 18px 15px;
  box-sizing: border-box;
}
.rmzx-l .rmzx-info .rmzx-title {
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  color: #FFFFFF;
  transition: 0.5s all ease-in;
}
.rmzx-l .rmzx-info .rmzx-title:hover {
  transition: 0.5s all ease-in;
  color: #0090E6;
  transition: 0.2s;
}
.rmzx-r {
  width: 720px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.rmzx-r li {
  width: 100%;
  height: 118px;
  display: flex;
  justify-content: space-between;
}
.rmzx-r .rmzxl-img {
  display: block;
  width: 174px;
  height: 100%;
  border: 1px solid #F5F5F5;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
}
.rmzx-r .rmzxl-img .rmzx-p {
  width: 100%;
  height: 100%;
  transition: 1.5s all ease-in;
  transform: scale(1, 1);
}
.rmzx-r .label-list {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  width: 100%;
}
.rmzx-r .label-list li {
  width: 33px;
  height: 18px;
  border-radius: 3px 0px 3px 0px;
  font-size: 12px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 18px;
  justify-content: center;
  margin-right: 4px;
}
.rmzx-r .rmzxr-info {
  width: 534px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.rmzx-r .rmzxr-info .rmzxr-top {
  width: 100%;
}
.rmzx-r .rmzxr-info .rmzxr-top .rmzxr-h2 {
  display: block;
  max-width: 100%;
}
.rmzx-r .rmzxr-info .rmzxr-top h2 {
  font-size: 18px;
  line-height: 24px;
  color: #333333;
}
.rmzx-r .rmzxr-info .rmzxr-top h2:hover {
  color: #0090E6;
  transition: 0.2s;
}
.rmzx-r .rmzxr-info .rmzxr-top .rmzxr-desc {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #999999;
  -webkit-line-clamp: 2;
  margin-top: 10px;
}
.rmzx-r .rmzxr-info .author-text2 {
  font-size: 12px;
  font-weight: 400;
  color: #333333;
}
.rmzx-r .rmzxr-info .author-text {
  font-size: 12px;
  color: #999999;
}
.rmzx-r .rmzxr-info .author-r .r-item {
  margin-left: 24px;
}
.rmwd-bk {
  margin-top: 24px;
  display: flex;
  justify-content: space-between;
}
.rmwd-h2 {
  font-size: 18px;
  font-weight: 400;
  color: #333333;
}
.rmwd-h2:hover {
  color: #0090E6;
  transition: 0.2s;
}
.rmwd-l {
  width: 716px;
}
.rmwd-l .title-box {
  padding-right: 68px;
  box-sizing: border-box;
}
.rmwdl-list {
  height: 720px;
  width: 100%;
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.rmwdl-list .rmwdl-item {
  width: 100%;
  height: 128px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.rmwdl-list .rmwdl-top {
  width: 100%;
}
.rmwdl-list .rmwdl-top .author-info {
  margin-top: 8px;
}
.rmwdl-list .rmwdl-top .label-a .author-text3 {
  margin-right: 8px;
}
.rmwdl-list .rmwdl-top .author-text {
  color: #999999;
}
.rmwdl-list .author-r .r-item {
  margin-left: 24px;
}
.rmwdl-list .author-r .r-item:first-child {
  margin-left: 0;
}
.rmwdl-info {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}
.rmwdinfo-l .master-icon {
  width: 42px;
  height: 42px;
  border-radius: 50%;
}
.rmwdinfo-l .master-name {
  font-size: 12px;
  font-weight: 400;
  color: #333333;
  margin-top: 3px;
  max-width: 42px;
  text-align: center;
}
.rmwdinfo-r {
  width: 658px;
}
.rmwdinfo-r .rmwdr-desc {
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  color: #999999;
  -webkit-line-clamp: 2;
}
.rmwdinfo-r .rmwdr-btn {
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
  line-height: 21px;
  color: #999999;
  margin-top: 1px;
}
.rmwd-r {
  width: 505px;
}
.rmwd-r .rmzx-r {
  margin-top: 24px;
  width: 100%;
  height: 734px;
}
.rmwd-r .rmzx-r .rmzxr-info {
  width: 320px;
}
.rmwd-r .label-a {
  margin-left: 0;
  max-width: 94px;
}
.rmwd-r .rmzxl-img:hover .rmzx-cover {
  opacity: 0;
  transition: 1.5s all ease-in;
}
.rmzx-cover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000000;
  opacity: 0.3;
  border-radius: 4px;
  transition: 1.5s all ease-in;
}
.video-btn {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.video-btn img {
  width: 36px;
  height: 36px;
}
.master-data {
  display: none;
  align-items: center;
  justify-content: center;
  margin-top: 6px;
  width: 100%;
  transition: 1s all ease-in;
}
.master-data .msdata-item {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #FFFFFF;
  transition: 1s all ease-in;
}
.master-data .ms-fg {
  height: 8px;
  width: 1px;
  background: #707070;
  margin: 0 12px;
  display: block;
}
.master-worker {
  margin-top: 26px;
}
.master-worker .swiper-container {
  margin-top: 24px;
}
.master-worker .swiper-img {
  width: 100%;
  height: 100%;
  position: relative;
  cursor: pointer;
}
.master-worker .swiper-img:hover .master-info .master-data {
  display: flex;
  transition: 1s ease-in;
}
.master-worker .master-info {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 280px;
  padding: 25px 0 22px 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: 1s all ease-in;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
}
.master-worker .swiper-slide {
  background: #FFFFFF;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 280px !important;
  height: 375px;
  position: relative;
}
.master-worker .swiper-slide img {
  transition: 300ms;
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.master-worker .swiper-button-prev,
.master-worker .swiper-button-next {
  width: 40px;
  height: 86px;
  background: #FFFFFF;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  opacity: 0.6;
  border-radius: 4px;
  top: 45%;
}
.master-worker .swiper-button-prev {
  left: 10px;
  transition: 0.1s ease-in;
}
.master-worker .swiper-button-prev::after {
  display: block;
  content: '';
  position: absolute;
  top: 32px;
  left: 14px;
  width: 14px;
  height: 28px;
  background: url(img/swi-select.png) no-repeat;
  background-size: 100% 100%;
}
.master-worker .swiper-button-prev:hover {
  background: #269BFF;
  opacity: 0.8;
  transition: 0.1s ease-in;
}
.master-worker .swiper-button-prev:hover::after {
  background: url(img/swi-select.png) no-repeat;
  background-size: 100% 100%;
}
.master-worker .swiper-button-next {
  right: 10px;
  transition: 0.1s ease-in;
}
.master-worker .swiper-button-next::after {
  display: block;
  content: '';
  position: absolute;
  top: 32px;
  left: 14px;
  width: 14px;
  height: 28px;
  background: url(img/swi-select.png) no-repeat;
  background-size: 100% 100%;
  transform: rotate(180deg);
}
.master-worker .swiper-button-next:hover {
  background: #269BFF;
  opacity: 0.8;
  transition: 0.1s ease-in;
}
.master-worker .swiper-button-next:hover::after {
  background: url(img/swi-select.png) no-repeat;
  background-size: 100% 100%;
}
.recom-bk {
  margin-top: 20px;
}
.recomlt-serve {
  display: flex;
  justify-content: space-between;
  width: 636px;
}
.recomlt-serve a {
  display: block;
}
.recomlt-serve li {
  width: 200px;
  height: 327px;
  background: #FFFFFF;
  border-radius: 4px;
  margin-top: 16px;
  transition: 0.5s;
}
.recomlt-serve li .rec-serve {
  width: 100%;
  height: 100%;
  padding: 10px;
  box-sizing: border-box;
}
.recomlt-serve li .rec-img {
  width: 100%;
  height: 180px;
  display: block;
}
.recomlt-serve li .rec-img img {
  width: 100%;
  height: 100%;
}
.recomlt-serve li:hover {
  transform: translateY(-10px);
}
.recomlt-serve .rec-proname {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  text-align: center;
  margin-top: 12px;
}
.recomlt-serve .rec-fbt {
  font-size: 12px;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
  margin-top: 2px;
  text-align: center;
}
.recomlt-serve .rec-pirce {
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: #FF6161;
  text-align: center;
  margin-top: 10px;
}
.recomlt-serve .recbt-box {
  display: flex;
  justify-content: center;
  margin-top: 12px;
}
.recomlt-serve .recbt-box .rec-btn {
  width: 90px;
  height: 26px;
  background: #e60012;
  border-radius: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 400;
  color: #FFFFFF;
}
.recomlt-serve .recbt-box .rec-btn img {
  width: 4px;
  height: 7px;
  margin-left: 3px;
}
.recom-box {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.recom-box .recom-l {
  width: 286px;
  height: 463px;
  margin-top: 16px;
}
.recom-box .recom-l .recoml-img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.recom-box .recom-r {
  width: 938px;
  height: 479px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.recom-box .recomr-gg {
  width: 100%;
  height: 118px;
  border-radius: 4px;
  overflow: hidden;
}
.recom-box .recomr-gg img {
  width: 100%;
  height: 100%;
}
.recom-box .recoml-top {
  display: flex;
  justify-content: space-between;
}
.rx-host {
  width: 286px;
  height: 327px;
  background: #FFFFFF;
  border-radius: 4px;
  margin-top: 16px;
}
.hot-bg {
  border-radius: 4px 4px 0px 0px;
  width: 100%;
  height: 46px;
  background: url("img/hot_bg.png") no-repeat;
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  padding: 0 16px;
  box-sizing: border-box;
}
.hot-bg .hot-title {
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF;
}
.hot-bg .ph-icon {
  width: 13px;
  height: 14px;
  margin-left: 6px;
}
.hot-serve {
  width: 100%;
  padding: 0 16px;
  box-sizing: border-box;
}
.hot-item {
  width: 100%;
  display: flex;
  margin-top: 22px;
}
.hot-item:hover .hot-name {
  color: #0090E6;
  transition: 0.2s;
}
.hot-item:nth-child(1) .hot-xh {
  background: url("img/xh-1.png") no-repeat;
  background-size: 100% 100%;
  font-size: 13px;
  font-weight: bold;
  color: #FFFFFF;
}
.hot-item:nth-child(2) .hot-xh {
  background: url("img/xh-2.png") no-repeat;
  background-size: 100% 100%;
  font-size: 13px;
  font-weight: bold;
  color: #FFFFFF;
}
.hot-item:nth-child(3) .hot-xh {
  background: url("img/xh-3.png") no-repeat;
  background-size: 100% 100%;
  font-size: 13px;
  font-weight: bold;
  color: #FFFFFF;
}
.hot-item .xh-font {
  font-size: 13px;
  font-weight: bold;
  color: #FFFFFF;
}
.hot-item .hot-xh {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  font-size: 16px;
  font-weight: bold;
  color: #999999;
}
.hot-item .xh-font2 {
  font-size: 16px;
  font-weight: bold;
  color: #999999;
}
.hot-item .hot-info {
  width: 224px;
  display: block;
}
.hot-item .hot-name {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  max-width: 100%;
}
.hot-item .hot-pro {
  width: 100%;
  display: flex;
  height: 0px;
  overflow: hidden;
  transition: height 0.3s ease-in;
}
.hot-item .hot-pro-img {
  width: 48px;
  height: 48px;
  border-radius: 2px;
  margin-right: 10px;
}
.hot-item .hot-i-list {
  width: 166px;
  height: 48px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 5px 0;
  box-sizing: border-box;
}
.hot-item .hot-i-list p {
  font-size: 12px;
  font-weight: 400;
  color: #999999;
}
.hot-flex {
  height: 48px !important;
  padding-top: 9px;
}
.index-gg {
  margin-top: 28px;
}
.gg-img {
  width: 100%;
  height: 140px;
  border-radius: 4px;
}
.lunbo-bxo {
  width: 100%;
  height: 560px;
  min-width: 1240px;
  position: relative;
}
.lunbo-bxo .swiper-container {
  min-width: 1200px;
  width: 100%;
  height: 100%;
  z-index: 113;
}
.lunbo-bxo .swiper-container .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background: rgba(0, 0, 0, 0.4);
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.16);
  border-radius: 10px;
}
.lunbo-bxo .swiper-container .swiper-pagination-bullet-active {
  width: 16px;
  height: 8px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.16);
  border-radius: 10px;
}
.lunbo-bxo .swiper-container .swiper-pagination-bullets {
  bottom: 24px;
}
.lunbo-bxo .swiper-wrapper {
  width: 100% !important;
  height: 100% !important;
}
.lunbo-bxo .swiper-slide {
  width: 100% !important;
  height: 100%;
}
.lunbo-bxo .swiper-slide a {
  display: block;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.lunbo-bxo .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.fw-bz {
  margin-top: 24px;
  display: flex;
  justify-content: space-between;
}
.fw-bz .fwbz-item {
  height: 48px;
  display: flex;
  align-items: center;
}
.fw-bz .zb-icon {
  width: 48px;
  height: 100%;
  margin-right: 10px;
}
.fw-bz .zb-title {
  color: #333333;
  font-size: 16px;
  font-weight: 400;
}
.fw-bz .zb-fbt {
  color: #999999;
  margin-top: 2px;
  font-size: 12px;
  font-weight: 400;
}
.fwfw-box {
  margin-top: 24px;
  display: flex;
  height: 224px;
  justify-content: space-between;
}
.fwfw-l {
  width: 298px;
  height: 100%;
  border-radius: 6px;
  background: url("img/fwfw-bg.png") no-repeat;
  background-size: 100% 100%;
  display: flex;
  justify-content: center;
  padding: 0 24px;
  box-sizing: border-box;
  flex-direction: column;
}
.fwfw-l .fwfw-title {
  color: #FFFFFF;
  font-weight: bold !important;
  font-size: 26px;
  font-weight: 400;
}
.fwfw-l .fwfw-text {
  line-height: 20px;
  color: #FFFFFF;
  margin-top: 12px;
  font-size: 14px;
  font-weight: 400;
}
.fwfw-l .fwfw-btn {
  margin-top: 34px;
  width: 90px;
  height: 30px;
  border: 1px solid #FFFFFF;
  border-radius: 15px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 400;
}
.fw-list {
  width: 918px;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
}
.fw-list .fw-item {
  width: 290px;
  height: 100px;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 6px;
  padding: 15px 16px;
  box-sizing: border-box;
  margin-right: 24px;
  margin-top: 24px;
  transition: 0.5s;
}
.fw-list .fw-item:hover {
  transition: 0.5s;
  transform: translateY(-10px);
}
.fw-list .fw-item:nth-child(1),
.fw-list .fw-item:nth-child(2),
.fw-list .fw-item:nth-child(3) {
  margin-top: 0;
}
.fw-list .fw-item:nth-of-type(3n) {
  margin-right: 0px;
}
.fw-list .fw-item a {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.fw-list .fw-icon {
  height: 100%;
  width: 70px;
}
.fw-list .fw-content {
  width: 176px;
}
.fw-list .fw-content .fw-title {
  color: #333333;
  font-size: 18px;
  font-weight: 400;
}
.fw-list .fw-fbt {
  display: flex;
  align-items: center;
  margin-top: 7px;
}
.fw-list .fw-fbt p {
  color: #999999;
  margin-right: 5px;
  font-size: 14px;
  font-weight: 400;
}
.fw-list .fw-fbt .fw-circle {
  flex: 1;
  display: flex;
  align-items: center;
}
.fw-list .fw-fbt .circle {
  width: 13px;
  height: 13px;
  border: 1px solid #999999;
  border-radius: 50%;
  box-sizing: border-box;
  display: inline-flex;
  background: url("img/select-left.png") no-repeat center center;
  background-size: 4px 7px;
}
.fw-team {
  margin-top: 24px;
  height: 322px;
  background: url("img/team-bg.jpg") no-repeat;
  background-size: 100% 100%;
  border-radius: 6px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 0 28px;
  box-sizing: border-box;
}
.team-list {
  display: flex;
  align-items: center;
  height: 274px;
}
.team-list .team-item {
  width: 210px;
  height: 100%;
  margin-right: 25px;
  transition: 0.5s;
}
.team-list .team-item:hover {
  transition: 0.5s;
  transform: translateY(-10px);
}
.team-list .team-item:nth-child(3) {
  margin-right: 0;
}
.team-list .team-item a {
  display: block;
  width: 100%;
  height: 100%;
}
.team-list .team-item a img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.fw-type {
  display: flex;
  margin-top: 24px;
  justify-content: space-between;
}
.fw-type .fwType-item {
  width: 298px;
  height: 316px;
  background: #FFFFFF;
  border-radius: 6px;
  padding: 16px 0;
  box-sizing: border-box;
  transition: 0.5s;
}
.fw-type .fwType-item:hover {
  transition: 0.5s;
  transform: translateY(-10px);
}
.fw-type .fwType-title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 16px;
  box-sizing: border-box;
}
.fw-type .fwType-fg {
  display: block;
  width: 3px;
  height: 16px;
  background: #269BFF;
}
.fw-type .fwType-l {
  display: flex;
  align-items: center;
}
.fw-type .fwType-name {
  color: #333333;
  margin-left: 13px;
  max-width: 200px;
  font-size: 18px;
  font-weight: 400;
}
.fw-type .fwType-name a:hover {
  color: #0090E6;
  transition: 0.2s;
}
.fw-type .fwType-ck {
  color: #999999;
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: 400;
}
.fw-type .fwType-ck:hover {
  color: #0090E6;
  transition: 0.2s;
}
.fw-type .fwType-icon {
  display: block;
  background: url("img/select-left.png") no-repeat;
  width: 4px;
  height: 7px;
  background-size: 100% 100%;
  margin-left: 4px;
}
.fw-type .fwType-fbt {
  color: #999999;
  padding: 0 16px;
  box-sizing: border-box;
  margin-top: 4px;
  font-size: 14px;
  font-weight: 400;
}
.fw-type .fwType-list {
  display: flex;
  padding: 0 16px;
  box-sizing: border-box;
  margin-top: 12px;
  justify-content: space-between;
}
.fw-type .fwType-gg {
  display: block;
  width: 111px;
  height: 224px;
}
.fw-type .fwType-gg img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.fw-type .fwType-fw {
  height: 224px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.fw-type .fwType-piece {
  width: 147px;
  height: 108px;
}
.fw-type .fwType-piece a,
.fw-type .fwType-piece img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.gg-lubo {
  height: 150px;
  margin-top: 24px;
}
.gg-lubo .swiper-container {
  width: 100%;
  height: 100%;
}
.gg-lubo .swiper-container .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background: #000000;
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.16);
  opacity: 0.4;
  border-radius: 10px;
}
.gg-lubo .swiper-container .swiper-pagination-bullet-active {
  width: 16px;
  height: 8px;
  background: #FFFFFF;
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.16);
  opacity: 0.9;
  border-radius: 10px;
}
.gg-lubo .swiper-slide {
  width: 100%;
  height: 100%;
}
.gg-lubo .swiper-slide a {
  display: block;
  width: 100%;
  height: 100%;
}
.gg-lubo .swiper-slide a img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.fw-data {
  margin-top: 24px;
  display: flex;
  height: 485px;
  justify-content: space-between;
}
.fw-data .form-bd1 {
  position: static;
  width: 370px;
  height: 100%;
  background: #FFFFFF;
  border-radius: 4px;
}
.fwData-l {
  height: 100%;
  width: 846px;
  background: #FFFFFF;
  border-radius: 6px;
  padding: 22px 18px;
  box-sizing: border-box;
}
.fwData-l .order-gg {
  margin-top: 22px;
}
.fwData-r {
  width: 370px;
  height: 100%;
  background: #FFFFFF;
  border-radius: 4px;
}
.fw-user {
  width: 100%;
  display: flex;
  align-items: center;
}
.fw-number {
  display: flex;
}
.fw-number .fwn-item {
  width: 33px;
  height: 43px;
  margin-right: 4px;
  background: url("img/usern-bg.png") no-repeat;
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  font-size: 30px;
  font-weight: 400;
}
.fwn-unit {
  font-weight: bold !important;
  color: #FF6161;
  margin-left: 13px;
  font-size: 20px;
  font-weight: 400;
}
.fwn-text {
  font-weight: bold !important;
  color: #333333;
  margin-left: 7px;
  font-size: 20px;
  font-weight: 400;
}
.fwData-list {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 28px;
}
.fwData-list .fwData-item {
  width: 33%;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.fwData-list .fwData-number {
  display: flex;
  align-items: center;
  color: #333333;
  font-size: 16px;
  font-weight: 400;
}
.fwData-list .fwData-number em {
  font-size: 39px;
  font-weight: 400;
  color: #e60012;
  margin-right: 10px;
}
.fwData-list .fwData-fg {
  display: block;
  width: 32px;
  height: 3px;
  background: #EBEBEB;
  margin-top: 8px;
}
.fwData-list .fwData-name {
  color: #333333;
  margin-top: 10px;
  font-size: 14px;
  font-weight: 400;
}
.fwlc-title {
  width: 100%;
  display: flex;
  margin-top: 34px;
  overflow: hidden;
  align-items: center;
}
.fwlc-title .fwlc-bt {
  width: 66px;
  font-weight: bold !important;
  color: #333333;
  font-size: 16px;
  font-weight: 400;
}
.fwlc-title p {
  max-width: 700px;
  margin-left: 10px;
  color: #EBEBEB;
  font-size: 12px;
  font-weight: 400;
}
.lc-list {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 28px;
}
.lc-list .lc-item {
  width: 150px;
  height: 54px;
  display: flex;
  align-items: center;
  position: relative;
}
.lc-list .lc-item:after {
  content: '';
  position: absolute;
  right: -35px;
  top: 15px;
  width: 12px;
  height: 22px;
  background: url("img/select-lc.png") no-repeat;
  background-size: 100% 100%;
}
.lc-list .lc-item:last-child:after {
  display: none;
}
.lc-list .lc-xh {
  font-size: 48px;
  font-weight: normal;
  color: #FF6161;
  font-style: oblique;
}
.lc-list .lc-info {
  margin-left: 10px;
}
.lc-list .lc-info .lc-bt {
  color: #333333;
  font-size: 14px;
  font-weight: 400;
}
.lc-list .lc-info .lc-fbt {
  color: #999999;
  margin-top: 4px;
  font-size: 12px;
  font-weight: 400;
}
.fw-label {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 22px;
}
.fwlb-item {
  width: 100%;
  display: flex;
  align-items: center;
  font-weight: bold !important;
  color: #333333;
  font-size: 14px;
  font-weight: 400;
}
.fwlb-item img {
  width: 26px;
  height: 26px;
  margin-right: 6px;
}
.page-gg .page-img {
  display: block;
  width: 100%;
}
.page-gg img {
  height: 120px;
  width: 100%;
}
.hot-title {
  font-size: 18px;
  font-weight: 400;
  color: #333333;
}
.hot-city {
  margin-top: 24px;
}
.city-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.city-font1 {
  font-size: 16px;
  font-weight: 400;
}
.city-cur {
  background: #0090E6 !important;
  border: 1px solid #0090E6 !important;
}
.city-cur a {
  color: #FFFFFF !important;
}
.city-item {
  height: 33px;
  border-radius: 2px;
  padding: 0 12px;
  box-sizing: border-box;
  margin-top: 16px;
  margin-right: 12px;
  border: 1px solid #EBEBEB;
  transition: 0.2s;
}
.city-item:hover {
  background: #0090E6 !important;
  border: 1px solid #0090E6 !important;
}
.city-item:hover a {
  color: #FFFFFF !important;
}
.city-item a {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 31px;
  color: #333333;
  font-size: 16px;
  font-weight: 400;
}
.find-city {
  margin-top: 24px;
}
.alphabet-list {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 16px;
}
.alphabet-item {
  margin-right: 0;
  width: 35px;
  height: 35px;
  border: 1px solid #EBEBEB;
  box-sizing: border-box;
  transition: 0.2s;
}
.alphabet-item:hover {
  background: #0090E6 !important;
  border: 1px solid #0090E6 !important;
}
.alphabet-item:hover a {
  color: #FFFFFF !important;
}
.alphabet-item a {
  font-size: 18px;
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 33px;
  font-size: 16px;
  font-weight: 400;
}
.find-city-list {
  width: 100%;
}
.find-city-list .find-item {
  width: 100%;
  margin-top: 24px;
}
.find-city-list .find-letter {
  height: 40px;
  background: #F1F3F5;
  padding-left: 16px;
  box-sizing: border-box;
  width: 100%;
  line-height: 40px;
  font-size: 18px;
  font-size: 16px;
  font-weight: 400;
}
.region-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.region-list .city-name {
  margin-right: 40px;
  margin-top: 16px;
}
.region-list a {
  font-size: 16px;
  font-weight: 400;
}
.region-list a:hover {
  color: #0090E6;
  transition: 0.2s;
}
.label-content {
  margin-top: 16px;
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
  border-radius: 4px;
  box-sizing: border-box;
  padding: 20px 25px;
}
.label-title {
  font-size: 32px;
  font-weight: bold;
  color: #333333;
  line-height: 36px;
}
.label-desc {
  line-height: 28px;
  margin-top: 12px;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
}
.label-recom {
  margin-top: 16px;
}
.label-recom .title-box h2 {
  font-size: 20px;
  font-weight: bold;
  color: #333333;
}
.label-recom .recomlt-serve {
  width: 100%;
  justify-content: flex-start;
}
.label-recom .recomlt-serve li {
  margin-right: 17px;
  border-radius: 4px;
  height: auto;
  width: 195px;
}
.label-recom .recomlt-serve li:last-child {
  margin-right: 0;
}
.label-recom .recomlt-serve li .rec-serve {
  background: #F8F8F8;
  padding: 10px 10px 15px;
}
.label-recom .recomlt-serve li .rec-img {
  height: 175px;
}
.label-zx {
  margin-top: 24px;
  display: flex;
  justify-content: space-between;
}
.label-zx .title-box h2 {
  font-size: 20px;
  font-weight: bold;
  color: #333333;
}
.labelzx-r {
  width: 403px;
}
.labelzx-r .rmzx-r {
  width: 100%;
  height: 548px;
  margin-top: 24px;
}
.labelzx-r .rmzx-r .rmzxr-info {
  width: 217px;
}
.labelzx-r .rmzx-r .rmzxr-info .r-item {
  display: flex;
  align-items: center;
}
.labelzx-r .rmzx-r .rmzxr-info .r-item img {
  margin-right: 2px;
  width: 20px;
  height: 20px;
}
.labelzx-r .label-a {
  max-width: 87px;
  margin-left: 0;
}
.labelzx-r .video-btn img {
  width: 36px;
  height: 36px;
}
.labelzx-l {
  width: 820px;
}
.labelzx-l .rmzx-r {
  margin-top: 24px;
  height: 548px;
  width: 100%;
}
.labelzx-l .rmzx-r .rmzxr-info {
  width: 635px;
}
.labelzx-l .label-a {
  max-width: 284px;
}
.label-b {
  margin-top: 18px;
  display: flex;
  justify-content: space-between;
}
.label-b .labelzx-l {
  margin-bottom: 16px;
}
.label-b .labelzx-r {
  margin-bottom: 25px;
}
.label-b .title-box h2 {
  font-size: 20px;
  font-weight: bold;
  color: #333333;
}
.label-left {
  width: 820px;
}
.label-wd {
  width: 100%;
  margin-top: 24px;
}
.label-wd .rmwdl-list {
  height: auto;
  margin-top: 0;
}
.label-wd .rmwdl-list .rmwdl-item {
  margin-top: 24px;
  height: auto;
}
.label-wd .rmwdl-info {
  margin-top: 16px;
}
.label-wd .rmwdinfo-r {
  width: 760px;
}
.label-wd .label-a {
  max-width: 280px;
}
.label-shifu {
  width: 100%;
  margin-top: 24px;
}
.shifu-lsit {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.shifu-lsit .shifu-item {
  width: 403px;
  height: 168px;
  display: flex;
  margin-top: 24px;
  justify-content: space-between;
}
.shifu-lsit .shifu-item .shifu-img-box {
  display: block;
  width: 126px;
  height: 100%;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
}
.shifu-lsit .shifu-item .shifu-img-box img {
  width: 100%;
  height: 100%;
}
.shifu-lsit .shifu-item .shifu-img-box:hover .shifu-cover {
  bottom: 0;
}
.shifu-lsit .shifu-item .shifu-img-box .shifu-cover {
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  left: 0;
  bottom: -100%;
  transition: 1s;
  padding: 10px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  color: #FFFFFF;
  overflow: hidden;
  font-size: 14px;
  font-weight: 400;
}
.shifu-lsit .shifu-item .shfu-info {
  width: 263px;
  height: 100%;
  line-height: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.shifu-lsit .shifu-item .shfu-info .master-pf {
  justify-content: flex-start;
}
.shifu-lsit .shifu-item .shfu-info .master-pf .master-name {
  font-size: 18px;
  color: #333333;
}
.shifu-lsit .shifu-item .shfu-info .master-pf .master-name:hover {
  color: #0090E6;
  transition: 0.2s;
}
.shifu-lsit .shifu-item .shfu-info .master-pf .pf-list {
  flex: 1;
}
.shifu-lsit .shifu-item .shfu-info .master-pf .pf-list .pf-item {
  display: flex;
  align-items: center;
}
.shifu-lsit .shifu-item .shfu-info .shifu-desc p {
  color: #999999;
  margin-top: 6px;
  font-size: 14px;
  font-weight: 400;
}
.shifu-lsit .shifu-item .shfu-info .shifu-desc p:last-child {
  -webkit-line-clamp: 2;
}
.shifu-lsit .shifu-item .shfu-info .shifu-desc .shifu-data {
  color: #269BFF;
}
.shifu-lsit .shifu-item .shfu-info .shifu-desc .shifu-text {
  color: #333333;
}
.label-right {
  box-sizing: border-box;
  width: 403px;
}
.label-special {
  margin-top: 24px;
  width: 100%;
}
.special-list {
  width: 100%;
}
.special-list .special-item {
  width: 100%;
  margin-top: 16px;
}
.special-list .special-top {
  display: flex;
  align-items: center;
  width: 100%;
}
.special-list .special-label {
  position: relative;
  color: #FF6161;
  font-size: 18px;
  font-weight: 400;
}
.special-list .special-label:after {
  content: '';
  position: absolute;
  right: -14px;
  top: 5px;
  height: 16px;
  width: 1px;
  background: #DDDDDD;
}
.special-list .special-title {
  flex: 1;
  margin-left: 28px;
}
.special-list .special-title a {
  color: #333333;
  font-size: 18px;
  font-weight: 400;
}
.special-list .special-title a:hover {
  color: #0090E6;
  transition: 0.2s;
}
.special-list .special-text {
  margin-top: 9px;
}
.special-list .special-text a {
  color: #999999;
  line-height: 20px;
  -webkit-line-clamp: 3;
  font-size: 14px;
  font-weight: 400;
}
.special-list .special-text a:hover {
  color: #0090E6;
  transition: 0.2s;
}
.gg2-box {
  display: block;
  width: 100%;
  height: 212px;
  border-radius: 4px;
  overflow: hidden;
  margin-top: 16px;
}
.gg2-box img {
  width: 100%;
  height: 100%;
}
.label-tj {
  width: 100%;
  margin-top: 16px;
}
.label-data {
  display: flex;
  flex-wrap: wrap;
}
.label-data li {
  margin-top: 12px;
  margin-right: 16px;
}
.label-data li:nth-of-type(3n) {
  margin-right: 0;
}
.labeld-item {
  display: block;
  width: 123px;
  height: 32px;
  background: #F1F3F5;
  border-radius: 2px;
  padding: 0 10px;
  box-sizing: border-box;
  line-height: 32px;
  color: #333333;
  transition: 0.5s;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
}
.labeld-item:hover {
  background: #E0E4E8;
}
.sp-l {
  width: 820px;
}
.sp-l .title-box h2 {
  font-size: 20px;
  font-weight: bold;
  color: #333333;
}
.sp-l .sp-bt {
  color: #333333;
  line-height: 40px;
  margin-top: 4px;
  font-size: 32px;
  font-weight: bold;
}
.sp-l .sp-author .author-info {
  width: 100%;
  display: block;
  margin-top: 11px;
}
.sp-l .sp-author .r-item {
  display: flex;
  align-items: center;
  margin-right: 24px;
}
.sp-l .sp-author .author-l {
  width: 100%;
}
.sp-l .sp-author .author-l img {
  width: 20px;
  height: 20px;
  margin-right: 3px;
}
.sp-l .sp-author .label-a {
  margin-left: 0;
  margin-right: 24px;
  max-width: 374px;
}
.sp-container {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
}
.video-box {
  width: 100%;
  height: 453px;
  margin-top: 24px;
  position: relative;
}
.video-cover {
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
  transition: all 2s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.video-cover .video-btn {
  position: static;
  width: 68px;
  height: 68px;
  cursor: pointer;
}
.video-none {
  opacity: 0;
  visibility: hidden;
  transition: all 2s !important;
}
.intro-bt {
  color: #333333;
  margin-top: 16px;
  font-weight: bold;
  font-size: 16px;
  font-weight: 400;
}
.intro-desc {
  font-weight: 400 !important;
  line-height: 20px;
  color: #999999;
  margin-top: 8px;
  font-size: 16px;
  font-weight: 400;
}
.serve-gg {
  width: 100%;
  height: 158px;
  margin-top: 24px;
  border: 1px solid #F1F3F5;
  border-radius: 4px;
  transition: all 0.5s;
  padding: 12px 130px 12px 12px;
  box-sizing: border-box;
  display: flex;
  position: relative;
  overflow: hidden;
  margin-bottom: 16px;
}
.serve-gg .serve-label {
  width: 75px;
  height: 28px;
  position: absolute;
  left: 0;
  top: 0;
}
.serve-gg .serve-label:before {
  content: '为您推荐';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  color: #FFFFFF;
  line-height: 28px;
  padding-left: 7px;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: 400;
}
.serve-gg .serve-label:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 75px;
  display: block;
  height: 100%;
  box-sizing: border-box;
  border-top: 28px solid #FF6161;
  border-right: 8px transparent solid;
  border-left: none;
  border-bottom: none;
}
.serve-gg:hover {
  box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.1);
  transform: translateY(-10px);
  transition: all 0.5s;
}
.serve-gg .serve-gg-img {
  display: block;
  height: 100%;
}
.serve-gg .serve-gg-img img {
  width: 132px;
  height: 100%;
  border-radius: 2px;
}
.serve-gg .serve-gg-desc {
  display: block;
  height: 100%;
  width: 490px;
  margin-left: 13px;
}
.serve-gg .serve-title {
  color: #333333;
  font-size: 18px;
  font-weight: 400;
}
.serve-gg .serve-title:hover {
  color: #0090E6;
  transition: 0.2s;
}
.serve-gg .serve-fbt {
  color: #999999;
  margin-top: 6px;
  font-size: 14px;
  font-weight: 400;
}
.serve-gg .serve-info {
  display: inline-flex;
  height: 30px;
  width: auto;
  background: #F1F3F5;
  border-radius: 4px;
  margin-top: 6px;
  padding: 0 12px;
  box-sizing: border-box;
  align-items: center;
}
.serve-gg .serve-info em {
  display: block;
  height: 15px;
  background: #DDDDDD;
  width: 1px;
  margin: 0 10px;
}
.serve-gg .serve-item {
  color: #999999;
  font-size: 14px;
  font-weight: 400;
}
.serve-gg .serve-item em {
  color: #DDDDDD;
  display: block;
  padding: 0 10px;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: 400;
}
.serve-gg .fw-btn-group {
  position: absolute;
  right: 30px;
  top: 43px;
}
.serve-gg .fw-btn-group .fw-btn {
  display: block;
  width: 80px;
  height: 30px;
  border-radius: 15px;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
}
.serve-gg .fw-btn-group .fw-btn:nth-child(1) {
  background: #269BFF;
  margin-bottom: 10px;
  color: #FFFFFF;
  line-height: 30px;
}
.serve-gg .fw-btn-group .fw-btn:nth-child(2) {
  border: 1px solid #269BFF;
  box-sizing: border-box;
  color: #269BFF;
  line-height: 28px;
}
.price-box {
  display: flex;
  align-items: flex-end;
  margin-top: 6px;
}
.price-box .price-small {
  color: #FF6161;
  line-height: 20px;
  margin-right: 2px;
  font-size: 14px;
  font-weight: 400;
}
.price-box .price-big {
  color: #FF6161;
  line-height: 30px;
  margin-right: 2px;
  font-size: 24px;
  font-weight: 400;
}
.video-zx {
  margin-top: 16px;
}
.video-zx .labelzx-l {
  width: 100%;
}
.sp-r {
  width: 403px;
}
.sp-r .title-box .title-content h2 {
  font-size: 20px;
}
.sptj-serve {
  width: 100%;
  border: 1px solid #F1F3F5;
  border-radius: 4px;
  padding: 22px 24px;
  box-sizing: border-box;
  margin-bottom: 16px;
}
.sptj-serve .sptj-bt {
  width: 100%;
  display: flex;
  align-items: center;
}
.sptj-serve .sptj-label {
  display: block;
  width: 23px;
  height: 23px;
  background-color: #FF6161;
  border-radius: 50%;
  background-image: url("img/dz.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 15px 16px;
  margin-right: 8px;
}
.sptj-serve .sptj-title {
  color: #333333;
  font-weight: bold !important;
  font-size: 16px;
  font-weight: 400;
}
.sptj-list {
  width: 100%;
}
.sptj-list .sptj-item {
  width: 100%;
  margin-top: 24px;
}
.sptj-list .fwtj-bt {
  width: 100%;
  display: flex;
  align-items: center;
}
.sptj-list .fwtj-bt p {
  overflow: hidden;
  color: #F1F3F5;
  flex: 1;
  margin-left: 5px;
  font-size: 12px;
  font-weight: 400;
}
.sptj-list .sp-fl {
  color: #999999;
  font-size: 14px;
  font-weight: 400;
}
.sptj-list .sp-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  max-height: 90px;
  overflow: hidden;
}
.sptj-list .sp-list li {
  display: flex;
  margin-right: 23px;
}
.sptj-list .sp-list .sp-name {
  display: block;
  color: #333333;
  margin-top: 10px;
  line-height: 20px;
  transition: all 0.3s;
  font-size: 14px;
  font-weight: 400;
}
.sptj-list .sp-list .sp-name:hover {
  color: #0090E6;
  transition: 0.2s;
}
.change-box {
  display: flex;
  align-items: center;
}
.change-box .change-icon {
  width: 20px;
  height: 20px;
  margin-right: 3px;
}
.change-box .change-text {
  color: #666666;
  font-size: 14px;
  font-weight: 400;
}
.video-container {
  display: flex;
  justify-content: space-between;
}
.video-l {
  width: 822px;
}
.video-l .video-list {
  width: 100%;
}
.video-l .video-list .label-a {
  margin-left: 0;
  max-width: 282px;
}
.video-l .video-list .rmzx-r {
  width: 100%;
}
.video-l .video-list .rmzx-r .rmzxr-info {
  width: 636px;
}
.video-l .video-list .rmzx-animation {
  margin-top: 24px;
}
.page-turner {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 24px;
  transition: all 0.3s;
}
.page-turner :hover {
  transition: all 0.3s;
  color: #FFFFFF !important;
  background: #0090E6 !important;
  border: 1px solid #0090E6 !important;
}
.page-turner :hover a {
  color: #FFFFFF !important;
}
.page-turner a {
  width: 106px;
  height: 40px;
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
  border-radius: 20px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #999999;
  font-size: 16px;
  font-weight: 400;
}
.page-turner a:first-child {
  margin-right: 16px;
}
.video-r {
  width: 403px;
}
.video-r .title-box h2 {
  font-size: 20px;
  font-weight: bold;
  color: #333333;
}
.form-bd1 {
  position: absolute;
  top: 54px;
  right: 338px;
  width: 331px;
  height: 444px;
  border-radius: 4px;
  background: #FFFFFF;
  z-index: 122;
  padding: 24px 20px 32px 24px;
  box-sizing: border-box;
}
.form-bd1 .bd-title {
  font-weight: bold !important;
  color: #333333;
  text-align: center;
  font-size: 24px;
  font-weight: 400;
}
.form-bd1 .swiper-container {
  width: 100%;
  height: 24px !important;
  min-width: auto;
  margin-top: 8px;
  margin-bottom: 24px;
}
.form-bd1 .swiper-slide {
  width: 100%;
  color: #999999;
  text-align: center;
  line-height: 24px;
  font-size: 14px;
  font-weight: 400;
}
.form-bd1 .bd-item {
  margin-top: 16px;
  width: 100%;
  position: relative;
}
.form-bd1 .bd-select,
.form-bd1 .bd-input {
  width: 100%;
  padding: 8px 10px;
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
  border-radius: 2px;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: 400;
}
.form-bd1 .bd-code {
  width: 100%;
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
  border-radius: 2px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.form-bd1 .bd-code {
  display: flex;
  align-items: center;
}
.form-bd1 .bd-select {
  cursor: pointer;
}
.form-bd1 .bd-yz {
  width: 60%;
  height: 100%;
  padding: 8px 10px;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: 400;
}
.form-bd1 .bd-yz-btn {
  padding: 8px 10px;
  box-sizing: border-box;
  color: #269BFF;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
}
.form-bd1 .adress-list {
  z-index: 99;
  position: absolute;
  top: 40px;
  left: 0;
  display: none;
  width: 100%;
  height: auto;
  max-height: 500px;
  overflow-y: scroll;
  padding: 10px 10px;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #ebebeb;
}
.form-bd1 .adress-list::-webkit-scrollbar {
  display: none;
}
.form-bd1 .adress-list .adress-item {
  width: 100%;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
}
.form-bd1 .adress-list .adress-item em {
  color: #269BFF;
}
.form-bd1 .sp-liyy {
  width: 100%;
  height: 40px;
  background: #e60012;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  margin-top: 26px;
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
}
.serve-navigation {
  width: 100%;
  height: 480px;
  background: #FFFFFF;
}
.serve-nav {
  display: flex;
  height: 100%;
  justify-content: space-between;
  padding-bottom: 16px;
  box-sizing: border-box;
}
.serve-nav-l {
  position: relative;
}
.serve-nav-list {
  height: 100%;
  width: 235px;
  background: #383D40;
  border-radius: 4px;
  overflow-y: auto;
  padding-bottom: 20px;
  box-sizing: border-box;
}
.serve-nav-list::-webkit-scrollbar {
  width: 4px;
  background: #383D40;
  cursor: pointer;
  border-radius: 4px;
}
.serve-nav-list::-webkit-scrollbar-thumb {
  height: 367px;
  background: #505254;
  border-radius: 10px;
  cursor: pointer;
}
.serve-nav-list .serve-nav-item {
  width: 100%;
  display: flex;
  align-items: center;
  margin-top: 20px;
  box-sizing: border-box;
  padding: 0 20px;
}
.serve-nav-list .serve-nav-item:hover .type-content {
  transform: scale(1);
  transition: all 0.4s;
  opacity: 1;
}
.serve-nav-list .serve-nav-item:before {
  content: '';
  width: 4px;
  height: 4px;
  background: #999999;
  border-radius: 50%;
  margin-right: 6px;
}
.serve-nav-list .serve-nav-item:after {
  content: '';
  width: 5px;
  height: 9px;
  background: url("img/select-left.png") no-repeat;
  background-size: 100% 100%;
  margin-left: 10px;
}
.serve-nav-list .serve-nav-item .serve-name {
  flex: 1;
}
.serve-nav-list .serve-nav-item .serve-name a {
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 400;
}
.serve-nav-list .serve-nav-item .serve-name a:hover {
  color: #0090E6;
  transition: 0.2s;
}
.serve-nav-list .type-content {
  position: absolute;
  right: -638px;
  top: 0;
  width: 642px;
  height: 462px;
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
  border-radius: 4px;
  z-index: 1000;
  overflow-y: auto;
  transition: all 0.4s;
  padding: 16px;
  box-sizing: border-box;
  transform: scale(0);
  opacity: 0;
}
.serve-nav-list .type-content::-webkit-scrollbar {
  width: 4px;
  background: #FFFFFF;
  cursor: pointer;
  border-radius: 4px;
}
.serve-nav-list .type-content::-webkit-scrollbar-thumb {
  height: 367px;
  border-radius: 10px;
  cursor: pointer;
  width: 4px;
  background: #DDDDDD;
}
.serve-nav-list .type-content .type-item {
  margin-bottom: 22px;
}
.serve-nav-list .type-content .type-name {
  font-weight: bold !important;
  color: #333333;
  font-size: 16px;
  font-weight: 400;
}
.serve-nav-list .type-content .serve-list {
  display: flex;
  flex-wrap: wrap;
}
.serve-nav-list .type-content .serve-item {
  margin-top: 8px;
  margin-right: 16px;
  width: 72px;
  transition: 0.5s;
}
.serve-nav-list .type-content .serve-item:nth-of-type(7n) {
  margin-right: 0;
}
.serve-nav-list .type-content .serve-item:hover {
  transition: 0.5s;
  transform: translateY(-4px);
}
.serve-nav-list .type-content .serve-img {
  display: block;
  width: 100%;
  height: 72px;
  border-radius: 4px;
  overflow: hidden;
}
.serve-nav-list .type-content .serve-img img {
  width: 100%;
  height: 100%;
}
.serve-nav-list .type-content .serve-name {
  text-align: center;
  margin-top: 5px;
  width: 100%;
}
.serve-nav-list .type-content .serve-name a {
  display: inline-block;
  color: #333333;
  max-width: 100%;
  font-size: 14px;
  font-weight: 400;
}
.serve-nav-list .type-content .serve-name a:hover {
  color: #0090E6;
  transition: 0.2s;
}
.serve-nav-r {
  height: 100%;
  width: 990px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.serve-nav-r .swiper-container {
  width: 675px;
  height: 100%;
  margin-left: 0;
  margin-right: 0;
}
.serve-nav-r .swiper-container .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background: #000000;
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.16);
  opacity: 0.4;
  border-radius: 10px;
}
.serve-nav-r .swiper-container .swiper-pagination-bullet-active {
  width: 16px;
  height: 8px;
  background: #FFFFFF;
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.16);
  opacity: 0.9;
  border-radius: 10px;
}
.serve-nav-r .swiper-slide {
  width: 100%;
  height: 100%;
}
.serve-nav-r .swiper-slide a {
  display: block;
  width: 100%;
  height: 100%;
}
.serve-nav-r .swiper-slide img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.serve-r-top {
  width: 100%;
  height: 317px;
  display: flex;
  justify-content: space-between;
}
.fwyy-box {
  width: 298px;
  height: 100%;
  border: 1px solid #F1F3F5;
  border-radius: 4px;
  box-sizing: border-box;
  padding: 18px 20px;
}
.fwyy-box .swiper-container {
  width: 100%;
  height: 90px;
}
.fwyy-box .swiper-slide {
  height: 30px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333333;
  opacity: 0.6;
  font-size: 14px;
  font-weight: 400;
}
.fwyy-box .swiper-slide span {
  color: #FF6161;
  margin-right: 5px;
}
.fwyy-box .swiper-slide-active {
  color: #333333;
  opacity: 1;
  font-size: 16px;
  font-weight: 400;
}
.fwyy-title {
  text-align: center;
  display: flex;
  align-items: center;
  position: relative;
  height: 21px;
  margin-bottom: 22px;
}
.fwyy-title .fwyy-line {
  width: 100%;
  height: 1px;
  background: #F1F3F5;
}
.fwyy-title .fwyy-bt {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fwyy-title .fwyy-bt img {
  height: 100%;
  width: 86px;
  background: #FFFFFF;
  padding: 0 6px;
}
.fwyy-label {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 18px;
}
.fwyy-label img {
  width: 52px;
  height: 52px;
}
.fwyy-label p {
  font-weight: bold !important;
  color: #333333;
  margin-top: 5px;
  font-size: 14px;
  font-weight: 400;
}
.fwljyy-btn {
  width: 100%;
  height: 35px;
  background: #e60012;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  margin-top: 18px;
  font-size: 14px;
  font-weight: 400;
}
.fwljyy-btn:hover {
  color: #FFFFFF;
}
.serve-r-list {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.serve-r-list .serve-l-item {
  width: 319px;
  height: 129px;
  border-radius: 6px;
  display: flex;
  padding: 12px 12px 12px 20px;
  box-sizing: border-box;
  justify-content: space-between;
}
.serve-r-list .serve-l-item:nth-child(1) {
  background: #EAF2F3;
}
.serve-r-list .serve-l-item:nth-child(2) {
  background: #F6EDED;
}
.serve-r-list .serve-l-item:nth-child(3) {
  background: #EAF3F1;
}
.serve-r-list .serve-l-item .serve-l-info {
  width: 160px;
}
.serve-r-list .serve-l-item .serve-bt {
  font-weight: bold !important;
  color: #344043;
  margin-top: 10px;
  font-size: 16px;
  font-weight: 400;
}
.serve-r-list .serve-l-item .serve-bt a:hover {
  color: #0090E6;
  transition: 0.2s;
}
.serve-r-list .serve-l-item .serve-fbt {
  line-height: 24px;
  color: #999999;
  margin-top: 5px;
  font-size: 12px;
  font-weight: 400;
}
.serve-r-list .serve-l-item .serve-ljyy {
  display: block;
  margin-top: 15px;
}
.serve-r-list .serve-l-item .serve-ljyy:hover .ljyy-text {
  color: #0090E6;
  transition: 0.2s;
}
.serve-r-list .serve-l-item .serve-ljyy:hover .ljyy-line {
  transition: all 0.3s;
  width: 100%;
  background: #0090E6;
}
.serve-r-list .serve-l-item .serve-ljyy .ljyy-text {
  color: #344043;
  font-size: 14px;
  font-weight: 400;
}
.serve-r-list .serve-l-item .serve-ljyy .ljyy-line {
  display: block;
  width: 26px;
  height: 2px;
  background: #344043;
  margin-top: 4px;
  transition: all 0.3s;
}
.serve-r-list .serve-l-item .serve-img-box {
  display: block;
  height: 100%;
  width: 105px;
  overflow: hidden;
  border-radius: 6px;
}
.serve-r-list .serve-l-item .serve-img-box img {
  width: 100%;
  height: 100%;
  transition: all 0.6s;
}
.serve-r-list .serve-l-item .serve-img-box img:hover {
  transition: all 0.6s;
  transform: scale(1.2, 1.2);
}
.jxfw-box {
  margin-top: 16px;
  height: 275px;
  display: flex;
  justify-content: space-between;
}
.jxfw-box .swiper-container {
  width: 1004px;
  height: 100%;
  background: #FFFFFF;
  padding: 0 8px;
  box-sizing: border-box;
}
.jxfw-box .swiper-container .swiper-slide {
  width: 20%;
  height: 100%;
  padding: 16px 8px;
  box-sizing: border-box;
}
.jxfw-box .swiper-container .swiper-button-prev {
  width: 30px;
  height: 30px;
  background: #999999;
  opacity: 0.4;
  border-radius: 0px 17px 17px 0px;
  top: 45%;
  left: 0;
  transition: 0.1s ease-in;
}
.jxfw-box .swiper-container .swiper-button-prev::after {
  display: block;
  content: '';
  position: absolute;
  top: 8px;
  left: 9px;
  width: 9px;
  height: 14px;
  background: url(img/select-w02.png) no-repeat;
  background-size: 100% 100%;
}
.jxfw-box .swiper-container .swiper-button-prev:hover {
  opacity: 0.7;
  transition: 0.1s ease-in;
}
.jxfw-box .swiper-container .swiper-button-next {
  width: 30px;
  height: 30px;
  background: #999999;
  opacity: 0.4;
  border-radius: 17px 0px 0px 17px;
  top: 45%;
  right: 0;
  transition: 0.1s ease-in;
}
.jxfw-box .swiper-container .swiper-button-next::after {
  display: block;
  content: '';
  position: absolute;
  top: 8px;
  right: 9px;
  width: 9px;
  height: 14px;
  background: url(img/select-w01.png) no-repeat;
  background-size: 100% 100%;
}
.jxfw-box .swiper-container .swiper-button-next:hover {
  opacity: 0.7;
  transition: 0.1s ease-in;
}
.jxfw-box .swiper-container .serve-box {
  width: 100%;
  height: 100%;
  background: #F8F8F8;
  border-radius: 4px;
  padding: 10px;
  box-sizing: border-box;
  transition: 0.5s;
}
.jxfw-box .swiper-container .serve-box:hover {
  transition: 0.5s;
  transform: translateY(-8px);
}
.jxfw-box .swiper-container .serve-box .serve-img {
  display: block;
  width: 100%;
  height: 157px;
  border-radius: 4px;
  overflow: hidden;
}
.jxfw-box .swiper-container .serve-box .serve-img img {
  width: 100%;
  height: 100%;
}
.jxfw-box .swiper-container .serve-box .serve-bt {
  width: 100%;
  color: #333333;
  margin-top: 10px;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
}
.jxfw-box .swiper-container .serve-box .serve-bt a {
  display: inline-block;
  max-width: 100%;
}
.jxfw-box .swiper-container .serve-box .serve-bt a:hover {
  color: #0090E6;
  transition: 0.2s;
}
.jxfw-box .swiper-container .serve-box .serve-price {
  color: #FF6161;
  text-align: center;
  margin-top: 7px;
  font-size: 16px;
  font-weight: 400;
}
.swiper-button-prev {
  width: 30px;
  height: 30px;
  background: #999999;
  opacity: 0.4;
  border-radius: 0px 17px 17px 0px;
  top: 45%;
  left: 0;
  transition: 0.1s ease-in;
}
.swiper-button-prev::after {
  display: block;
  content: '';
  position: absolute;
  top: 8px;
  left: 9px;
  width: 9px;
  height: 14px;
  background: url(img/select-w02.png) no-repeat;
  background-size: 100% 100%;
}
.swiper-button-prev:hover {
  opacity: 0.7;
  transition: 0.1s ease-in;
}
.swiper-button-next {
  width: 30px;
  height: 30px;
  background: #999999;
  opacity: 0.4;
  border-radius: 17px 0px 0px 17px;
  top: 45%;
  right: 0;
  transition: 0.1s ease-in;
}
.swiper-button-next::after {
  display: block;
  content: '';
  position: absolute;
  top: 8px;
  right: 9px;
  width: 9px;
  height: 14px;
  background: url(img/select-w01.png) no-repeat;
  background-size: 100% 100%;
}
.swiper-button-next:hover {
  opacity: 0.7;
  transition: 0.1s ease-in;
}
.jxfw-bg {
  width: 235px;
  height: 100%;
  border-radius: 4px;
}
.tjfw-box {
  margin-top: 16px;
  display: flex;
  justify-content: space-between;
  height: 376px;
  margin-bottom: 16px;
}
.tjfw-box .tjfw-title {
  display: flex;
  align-items: center;
}
.tjfw-box .tjfw-bt {
  font-weight: bold !important;
  color: #333333;
  font-size: 24px;
  font-weight: 400;
}
.tjfw-box .tjfw-bt span {
  color: #269BFF;
}
.tjfw-box .tjfw-label {
  display: block;
  width: 17px;
  height: 17px;
  background: #FFFFFF;
  border: 2px solid #269BFF;
  border-radius: 50%;
  background: url("img/select-b.png") no-repeat center center;
  background-size: 6px 9px;
  margin-left: 7px;
}
.tjfw-l {
  width: 612px;
  height: 100%;
  background: #FFFFFF;
  border-radius: 4px;
  padding: 16px;
  box-sizing: border-box;
}
.tjfw-l .tjfw-content {
  width: 100%;
  height: 302px;
  display: flex;
  margin-top: 12px;
  justify-content: space-between;
}
.tjfw-l .tjfw-item {
  width: 177px;
  height: 100%;
  background: #F8F8F8;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  padding: 16px;
  box-sizing: border-box;
}
.tjfw-l .tjfw-icon {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  border-top: 60px solid #FF6161;
  border-right: 60px solid transparent;
}
.tjfw-l .tjfw-icon:after {
  content: '推荐';
  position: absolute;
  left: 9px;
  top: -53px;
  width: 33px;
  height: 33px;
  color: #FFFFFF;
  transform: rotate(-45deg);
  font-size: 14px;
  font-weight: 400;
}
.tjfw-l .tjfw-img {
  display: block;
  width: 100%;
  height: 145px;
  border-radius: 2px;
  overflow: hidden;
  background: #F8F8F8;
}
.tjfw-l .tjfw-img img {
  width: 100%;
  height: 100%;
}
.tjfw-l .tjfw-info {
  display: inline-block;
  width: 100%;
}
.tjfw-l .tjfw-info .tjfw-i-title {
  color: #333333;
  margin-top: 16px;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
}
.tjfw-l .tjfw-info .tjfw-i-title:hover {
  color: #0090E6;
  transition: 0.2s;
}
.tjfw-l .tjfw-info .tjfw-fbt {
  color: #999999;
  text-align: center;
  margin-top: 6px;
  font-size: 12px;
  font-weight: 400;
}
.tjfw-l .tjfw-info .tjfw-price {
  color: #FF6161;
  text-align: center;
  margin-top: 30px;
  font-size: 18px;
  font-weight: 400;
}
.tjfw-l .tjfw-list {
  width: 389px;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.tjfw-l .tjfw-pices {
  width: 119px;
}
.tjfw-l .tjfw-pices .tjfw-img {
  display: block;
  width: 100%;
  height: 119px;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
}
.tjfw-l .tjfw-pices .tjfw-img img {
  width: 100%;
  height: 100%;
}
.tjfw-l .tjfw-pices .tjfw-img .tjfw-action {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 24px;
  background: rgba(51, 51, 51, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: 400;
}
.tjfw-l .tjfw-pices .tjfw-name {
  color: #333333;
  width: 100%;
  margin-top: 6px;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
}
.tjfw-l .tjfw-pices .tjfw-name a {
  display: inline-block;
  max-width: 100%;
}
.tjfw-l .tjfw-pices .tjfw-name a:hover {
  color: #0090E6;
  transition: 0.2s;
}
.tjfw-r {
  width: 612px;
  height: 100%;
  background: #FFFFFF;
  border-radius: 4px;
  padding: 16px;
  box-sizing: border-box;
}
.gcs-box {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 12px;
}
.gcs-item {
  width: 282px;
}
.gcs-img {
  display: block;
  width: 100%;
  height: 188px;
  position: relative;
}
.gcs-img img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.gcs-img .gcs-tx {
  position: absolute;
  right: 12px;
  bottom: -42px;
  width: 84px;
  height: 84px;
  border: 2px solid #FFFFFF;
  border-radius: 50%;
  overflow: hidden;
  transition: 0.5s ease-in;
}
.gcs-img .gcs-tx:hover {
  transition: 0.5s ease-in;
  transform: rotate(360deg);
}
.gcs-info {
  display: block;
  width: 100%;
  margin-top: 16px;
}
.gcs-info .master-data {
  display: flex;
  width: auto;
  justify-content: flex-start;
}
.gcs-info .master-data .ms-fg {
  background: #DDDDDD;
  height: 12px;
}
.gcs-info .master-data .msdata-item {
  color: #999999;
}
.gcs-info .master-data .msdata-item span {
  color: #269BFF;
}
.gcs-info .fwxm {
  margin-top: 8px;
  color: #999999;
  font-size: 14px;
  font-weight: 400;
}
.gcs-info .fwxm span {
  color: #333333;
}
.gcs-name {
  display: flex;
  width: 180px;
  align-items: center;
  margin-bottom: 20px;
}
.gcs-text {
  font-weight: bold !important;
  color: #333333;
  margin-right: 12px;
  font-size: 16px;
  font-weight: 400;
}
.gcs-pf {
  display: flex;
  align-items: center;
  flex: 1;
}
.gcs-pf li {
  margin-right: 4px;
}
.gcs-pf .xx-icon {
  width: 14px;
  height: 14px;
}
.page-gg2 {
  margin-top: 16px;
  height: 150px;
}
.page-gg2 .page-img {
  display: block;
  width: 100%;
  height: 100%;
}
.page-gg2 img {
  width: 100%;
  height: 100%;
}
.rmfw-box {
  margin-top: 24px;
  margin-bottom: 16px;
}
.rmfw-bk {
  width: 100%;
  display: flex;
  justify-content: space-between;
  height: 514px;
  margin-top: 16px;
}
.rmfw-bk-l {
  width: 235px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.rmfw-bk-l .rmfw-item1 {
  display: block;
  width: 100%;
  height: 366px;
  background: #FFFFFF;
  border-radius: 4px;
  overflow: hidden;
}
.rmfw-bk-l .rmfw-item1 img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.rmfw-bk-l .rmfw-item2 {
  display: block;
  width: 100%;
  height: 132px;
  background: #FFFFFF;
  border-radius: 4px;
  overflow: hidden;
}
.rmfw-bk-l .rmfw-item2 img {
  width: 100%;
  height: 100%;
}
.rmfw-bk-r {
  width: 989px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.rmfw-bk-r .rmfw-item3 {
  display: block;
  width: 587px;
  height: 100%;
  background: #FFFFFF;
  border-radius: 4px;
  overflow: hidden;
}
.rmfw-bk-r .rmfw-item3 img {
  width: 100%;
  height: 100%;
}
.rmfw-bk-r .rmfw-top {
  width: 100%;
  height: 249px;
  display: flex;
  justify-content: space-between;
}
.rmfw-list,
.rmfw-list2,
.rmfw-list3 {
  width: 386px;
  height: 100%;
  display: flex;
  justify-content: space-between;
}
.rmfw-list .rmfw-item,
.rmfw-list2 .rmfw-item,
.rmfw-list3 .rmfw-item {
  width: 185px;
  height: 100%;
  background: #FFFFFF;
  border-radius: 4px;
  padding: 10px;
  box-sizing: border-box;
  transition: 0.3s all;
}
.rmfw-list .rmfw-item:hover,
.rmfw-list2 .rmfw-item:hover,
.rmfw-list3 .rmfw-item:hover {
  transition: 0.3s all;
  transform: translateY(-10px);
}
.rmfw-list .rmfw-img,
.rmfw-list2 .rmfw-img,
.rmfw-list3 .rmfw-img {
  display: block;
  width: 100%;
  height: 162px;
  border-radius: 2px;
  overflow: hidden;
  background: #F8F8F8;
}
.rmfw-list .rmfw-img img,
.rmfw-list2 .rmfw-img img,
.rmfw-list3 .rmfw-img img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.rmfw-list .rmfw-info,
.rmfw-list2 .rmfw-info,
.rmfw-list3 .rmfw-info {
  display: block;
  width: 100%;
}
.rmfw-list .rmfw-name,
.rmfw-list2 .rmfw-name,
.rmfw-list3 .rmfw-name {
  color: #333333;
  margin-top: 10px;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
}
.rmfw-list .rmfw-name:hover,
.rmfw-list2 .rmfw-name:hover,
.rmfw-list3 .rmfw-name:hover {
  color: #0090E6;
  transition: 0.2s;
}
.rmfw-list .rmfw-pirce,
.rmfw-list2 .rmfw-pirce,
.rmfw-list3 .rmfw-pirce {
  margin-top: 6px;
  color: #FF6161;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
}
.rmfw-list2 {
  width: 100%;
  height: 248px;
}
.rmfw-list3 {
  height: 100%;
  width: 386px;
}
.rmfw-list3 .rmfw-fbt {
  color: #999999;
  margin-top: 4px;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
}
.rmfw-list3 .rmfw-pirce {
  margin-top: 15px;
}
.classify-box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.classify-box .classify-item {
  width: 612px;
  height: 320px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-top: 24px;
}
.classify-box .classify-item:nth-child(1) .classify-bg {
  background: url("img/serve-bg01.jpg") no-repeat;
  background-size: 100% 100%;
}
.classify-box .classify-item:nth-child(2) .classify-bg {
  background: url("img/serve-bg02.jpg") no-repeat;
  background-size: 100% 100%;
}
.classify-box .classify-item:nth-child(3) .classify-bg {
  background: url("img/serve-bg03.jpg") no-repeat;
  background-size: 100% 100%;
}
.classify-box .classify-item:nth-child(4) .classify-bg {
  background: url("img/serve-bg04.jpg") no-repeat;
  background-size: 100% 100%;
}
.classify-box .classify-item .title-r {
  width: 386px;
  align-items: center;
  display: flex;
  justify-content: flex-end;
}
.classify-box .classify-item .title-box .title-text {
  font-size: 14px;
  font-weight: 400;
}
.classify-box .classify-item .title-box .title-text:hover {
  color: #0090E6;
  transition: 0.2s;
}
.classify-box .classify-item .type-list {
  display: flex;
  overflow: hidden;
  max-width: 346px;
  flex-wrap: wrap;
  height: 20px;
}
.classify-box .classify-item .type-list .type-item {
  margin-right: 16px;
}
.classify-box .classify-item .type-list .type-item a {
  color: #999999;
  font-size: 14px;
  font-weight: 400;
}
.classify-box .classify-item .type-list .type-item a:hover {
  color: #0090E6;
  transition: 0.2s;
}
.classify-box .classify-content {
  width: 100%;
  display: flex;
  height: 277px;
  justify-content: space-between;
}
.classify-box .classify-content .classify-bg {
  width: 208px;
  height: 277px;
  border-radius: 4px;
  padding-top: 24px;
  box-sizing: border-box;
}
.classify-box .classify-content .classify-text1 {
  color: #FFFFFF;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
}
.classify-box .classify-content .classify-fbt {
  margin-top: 4px;
  text-align: center;
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  font-weight: 400;
}
.fw-lb {
  margin-top: 19px;
}
.fw-lb .fw-data-box li {
  display: none;
}
.fw-lb .swiper-container {
  width: 100% ;
  height: 295px;
  display: block;
  margin-top: 8px;
}
.fw-lb .swiper-container .rmfw-fbt {
  color: #999999;
  margin-top: 4px;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
}
.fw-lb .swiper-container .rmfw-pirce {
  margin-top: 15px;
}
.fw-lb .swiper-container .swiper-slide {
  height: 281px;
}
.fw-lb .swiper-container .swiper-wrapper {
  width: 100%;
  align-items: flex-end;
}
.fw-lb .swiper-container .rmfw-item {
  width: 185px;
  height: 100%;
  background: #FFFFFF;
  border-radius: 4px;
  padding: 10px;
  box-sizing: border-box;
  transition: 0.3s all;
}
.fw-lb .swiper-container .rmfw-item:hover {
  transition: 0.3s all;
  transform: translateY(-10px);
}
.fw-lb .swiper-container .rmfw-img {
  display: block;
  width: 100%;
  height: 162px;
  border-radius: 2px;
  overflow: hidden;
  background: #F8F8F8;
}
.fw-lb .swiper-container .rmfw-img img {
  width: 100%;
  height: 100%;
}
.fw-lb .swiper-container .rmfw-info {
  display: block;
  width: 100%;
}
.fw-lb .swiper-container .rmfw-name {
  color: #333333;
  margin-top: 10px;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
}
.fw-lb .swiper-container .rmfw-name:hover {
  color: #0090E6;
  transition: 0.2s;
}
.fw-lb .swiper-container .rmfw-pirce {
  margin-top: 6px;
  color: #FF6161;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
}
.swiper-block {
  display: flex !important;
}
.fw-nav {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0 52px;
  box-sizing: border-box;
  justify-content: space-between;
}
.fw-nav-cur .fw-line {
  width: 24px !important;
  transition: 0.2s all !important;
}
.fw-nav-cur .fw-nav-name {
  color: #0090E6 !important;
  transition: 0.2s !important;
}
.fw-nav-cur .fw-nav-fbt {
  color: #0090E6 !important;
  transition: 0.2s !important;
}
.fw-nav-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
}
.fw-nav-item:hover .fw-line {
  width: 24px !important;
  transition: 0.2s all !important;
}
.fw-nav-item:hover .fw-nav-name {
  color: #0090E6 !important;
  transition: 0.2s !important;
}
.fw-nav-item:hover .fw-nav-fbt {
  color: #0090E6 !important;
  transition: 0.2s !important;
}
.fw-nav-item .fw-nav-name {
  color: #333333;
  text-align: center;
  font-weight: bold !important;
  font-size: 16px;
  font-weight: 400;
}
.fw-nav-item .fw-nav-fbt {
  margin-top: 4px;
  color: #999999;
  text-align: center;
  margin-bottom: 5px;
  font-size: 12px;
  font-weight: 400;
}
.fw-nav-item .fw-line {
  display: block;
  width: 0;
  transition: 0.2s all;
  height: 2px;
  background: #269BFF;
}
.fw-sort .sort-item {
  width: 100%;
  display: flex;
}
.fw-sort .sort-title {
  color: #333333;
  width: 80px;
  margin-top: 20px;
  font-size: 16px;
  font-weight: 400;
}
.fw-sort .sort-list {
  width: 1100px;
  display: flex;
  flex-wrap: wrap;
  transition: all 1s;
}
.fw-sort .sort-list .sort-label {
  padding: 0 12px;
  box-sizing: border-box;
  height: 27px;
  background: #F5F5F5;
  color: #666666;
  margin-right: 10px;
  margin-top: 20px;
}
.fw-sort .sort-list .sort-label a {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 14px;
  font-weight: 400;
}
.fw-sort .sort-list .sort-label:hover {
  background: #269BFF !important;
  transition: all 0.3s;
}
.fw-sort .sort-list .sort-label:hover a {
  color: #FFFFFF !important;
}
.fw-sort .sort-all {
  width: 60px;
  height: 30px;
  margin-top: 20px;
  align-items: center;
  color: #666666;
  display: none;
  cursor: pointer;
  justify-content: flex-end;
  font-size: 14px;
  font-weight: 400;
}
.fw-sort .sort-all i {
  transition: all 0.3s;
}
.fw-sort .sort-all em {
  display: block;
  width: 11px;
  height: 6px;
  transition: all 0.3s;
  margin-left: 5px;
  background: url("img/select-up.png") no-repeat;
  background-size: 100% 100%;
}
.fw-sort .sort-label-cur {
  background: #269BFF !important;
  transition: all 0.3s;
}
.fw-sort .sort-label-cur a {
  color: #FFFFFF !important;
}
.sort-content {
  margin-top: 24px;
  display: flex;
  justify-content: space-between;
}
.sort-l {
  width: 960px !important;
  flex-wrap: wrap;
  justify-content: flex-start !important;
  display: flex;
  justify-content: space-between;
  height: 100%;
  width: 386px;
}
.sort-l .rmfw-item {
  width: 228px !important;
  height: 331px !important;
  background: #F8F8F8 !important;
  padding: 11px !important;
  margin-right: 16px;
  margin-bottom: 16px;
}
.sort-l .rmfw-item:nth-of-type(4n) {
  margin-right: 0;
}
.sort-l .rmfw-img {
  height: 206px !important;
}
.sort-l .rmfw-item {
  width: 185px;
  height: 100%;
  background: #FFFFFF;
  border-radius: 4px;
  padding: 10px;
  box-sizing: border-box;
  transition: 0.3s all;
}
.sort-l .rmfw-item:hover {
  transition: 0.3s all;
  transform: translateY(-10px);
}
.sort-l .rmfw-img {
  display: block;
  width: 100%;
  height: 162px;
  border-radius: 2px;
  overflow: hidden;
  background: #F8F8F8;
}
.sort-l .rmfw-img img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.sort-l .rmfw-info {
  display: block;
  width: 100%;
}
.sort-l .rmfw-name {
  color: #333333;
  margin-top: 10px;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
}
.sort-l .rmfw-name:hover {
  color: #0090E6;
  transition: 0.2s;
}
.sort-l .rmfw-pirce {
  margin-top: 6px;
  color: #FF6161;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
}
.sort-l .rmfw-fbt {
  color: #999999;
  margin-top: 4px;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
}
.sort-l .rmfw-pirce {
  margin-top: 15px;
}
.sort-r {
  width: 262px;
}
.engineer-bt {
  width: 100%;
  height: 44px;
  background: url("img/ysgcs-bg.png") no-repeat;
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  padding: 0 15px;
  box-sizing: border-box;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 400;
}
.excellent-engineer {
  width: 100%;
  height: 984px;
  border: 1px solid #F1F3F5;
  border-radius: 4px;
  box-sizing: border-box;
}
.excellent-engineer .yy-box {
  width: 100%;
  padding: 0 12px;
  box-sizing: border-box;
}
.excellent-engineer .engineer-yy {
  width: 100%;
  height: 35px;
  background: #269BFF;
  border-radius: 16px;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 400;
}
.engineer-list {
  width: 100%;
  margin-top: 14px;
}
.engineer-item {
  height: 100px;
  display: flex;
  width: 100%;
  padding: 0 10px;
  box-sizing: border-box;
  justify-content: space-between;
  margin-bottom: 24px;
}
.engineer-img {
  display: block;
  width: 75px;
  height: 100%;
  border-radius: 4px;
  overflow: hidden;
}
.engineer-img img {
  width: 100%;
  height: 100%;
}
.engineer-info {
  height: 100%;
  width: 154px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.engineer-top {
  width: 100%;
}
.engineer-top .gcs-name {
  width: 100%;
  margin-bottom: 5px;
}
.engineer-top .gcs-pf {
  justify-content: flex-end;
}
.engineer-top .master-data {
  display: flex;
  width: auto;
  justify-content: flex-start;
}
.engineer-top .master-data .ms-fg {
  background: #DDDDDD;
  height: 12px;
  margin: 0 8px;
}
.engineer-top .master-data .msdata-item {
  color: #999999;
  max-width: 75px;
  font-size: 12px;
  font-weight: 400;
}
.engineer-top .master-data .msdata-item span {
  color: #269BFF;
}
.engineer-desc {
  line-height: 18px;
  color: #999999;
  -webkit-line-clamp: 2;
  font-size: 12px;
  font-weight: 400;
}
.hot-tj {
  width: 100%;
  margin-top: 24px;
}
.hot-tj .hot-title {
  font-weight: bold !important;
  color: #333333;
  font-size: 20px;
  font-weight: 400;
}
.hot-list {
  width: 100%;
}
.hot-list .hot-item {
  width: 100%;
  margin-top: 18px;
}
.hot-list .hot-item:hover .hot-bt {
  color: #0090E6;
  transition: 0.2s;
}
.hot-list .hot-item:nth-child(1) .xh {
  color: #FC0000;
}
.hot-list .hot-item:nth-child(2) .xh {
  color: #FFA200;
}
.hot-list .hot-item:nth-child(3) .xh {
  color: #FFD501;
}
.hot-list .hot-item a {
  display: flex;
  width: 100%;
}
.hot-list .hot-item .xh {
  font-style: oblique;
  color: #999999;
  font-weight: bold;
  margin-right: 12px;
  font-size: 18px;
  font-weight: 400;
}
.hot-list .hot-item .hot-bt {
  flex: 1;
  color: #333333;
  font-size: 16px;
  font-weight: 400;
}
.fw-xq {
  margin-top: 16px;
  display: flex;
  justify-content: space-between;
}
.fw-xq .fw-xq-l {
  width: 450px;
}
.fw-xq .fw-xq-l .fw-xq-top {
  width: 100%;
  height: 340px;
}
.fw-xq .fw-xq-l .fw-xq-top .swiper-container {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.fw-xq .fw-xq-l .fw-xq-top .swiper-wrapper {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.fw-xq .fw-xq-l .fw-xq-top .swiper-slide {
  width: 100%;
  height: 100%;
  border-radius: 4px;
  overflow: hidden;
}
.fw-xq .fw-xq-l .fw-xq-top .swiper-slide img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.fw-xq .fw-xq-l .fw-action {
  margin-top: 12px;
  width: 100%;
  height: 65px;
}
.fw-xq .fw-xq-l .fw-action .swiper-container {
  width: 100%;
  height: 100%;
}
.fw-xq .fw-xq-l .fw-action .swiper-container .swiper-slide-active {
  opacity: 1;
}
.fw-xq .fw-xq-l .fw-action .swiper-container .swiper-button-prev {
  width: 30px;
  height: 100%;
  background: #666666;
  opacity: 0.4;
  top: 22px;
  left: 0;
  border-radius: initial;
  transition: 0.1s ease-in;
}
.fw-xq .fw-xq-l .fw-action .swiper-container .swiper-button-prev::after {
  display: block;
  content: '';
  position: absolute;
  top: 25px;
  left: 10px;
  width: 9px;
  height: 14px;
  background: url(img/select-w02.png) no-repeat;
  background-size: 100% 100%;
}
.fw-xq .fw-xq-l .fw-action .swiper-container .swiper-button-prev:hover {
  opacity: 0.7;
  transition: 0.1s ease-in;
}
.fw-xq .fw-xq-l .fw-action .swiper-container .swiper-button-next {
  width: 30px;
  height: 100%;
  background: #666666;
  opacity: 0.4;
  top: 22px;
  right: 0;
  border-radius: initial;
  transition: 0.1s ease-in;
}
.fw-xq .fw-xq-l .fw-action .swiper-container .swiper-button-next::after {
  display: block;
  content: '';
  position: absolute;
  top: 25px;
  left: 10px;
  width: 9px;
  height: 14px;
  background: url(img/select-w01.png) no-repeat;
  background-size: 100% 100%;
}
.fw-xq .fw-xq-l .fw-action .swiper-container .swiper-button-next:hover {
  opacity: 0.7;
  transition: 0.1s ease-in;
}
.fw-xq .fw-xq-l .fw-action .swiper-wrapper {
  width: 100%;
  height: 100%;
}
.fw-xq .fw-xq-l .fw-action .swiper-slide {
  height: 100%;
  width: 100%;
  opacity: 0.4;
  cursor: pointer;
}
.fw-xq .fw-xq-l .fw-action .swiper-slide img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.fw-xq .fw-xq-r {
  width: 766px;
}
.fw-xq .fw-xq-r .fw-r-top {
  width: 100%;
  height: 246px;
  display: flex;
  justify-content: space-between;
}
.fw-xq .fw-xq-r .fw-info {
  height: 100%;
  width: 538px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.fw-xq .fw-xq-r .fw-name {
  font-weight: bold !important;
  line-height: 40px;
  color: #333333;
  font-size: 32px;
  font-weight: bold;
}
.fw-xq .fw-xq-r .fw-fbt {
  margin-top: 8px;
  color: #999999;
  -webkit-line-clamp: 2;
  font-size: 16px;
  font-weight: 400;
}
.fw-xq .fw-xq-r .price-box {
  width: 100%;
  display: flex;
  margin-top: 16px;
  align-items: center;
}
.fw-xq .fw-xq-r .price-box em {
  font-weight: bold !important;
  color: #FF6161;
  line-height: 60px;
  font-size: 48px;
  font-weight: 400;
}
.fw-xq .fw-xq-r .price-box span {
  color: #FF6161;
  margin-left: 8px;
  margin-top: 8px;
  font-size: 18px;
  font-weight: 400;
}
.fw-xq .fw-xq-r .price-box .price-desc {
  color: #333333;
  margin-left: 32px;
  margin-top: 5px;
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
}
.fw-xq .fw-xq-r .price-box .price-desc:hover {
  color: #0090E6;
  transition: 0.2s;
}
.fw-xq .fw-xq-r .price-box .price-desc .select-iocn {
  display: block;
  background: url("img/select-b.png") no-repeat;
  width: 6px;
  height: 9px;
  background-size: 100% 100%;
  margin-left: 8px;
}
.fw-xq .fw-xq-r .fw-info-b {
  height: 50px;
  border-top: 1px solid #F1F3F5;
  display: flex !important;
  justify-content: flex-start !important;
  display: none;
  align-items: center;
  justify-content: center;
  margin-top: 6px;
  width: 100%;
  transition: 1s all ease-in;
}
.fw-xq .fw-xq-r .fw-info-b .msdata-item {
  color: #999999 !important;
  margin-right: 28px;
}
.fw-xq .fw-xq-r .fw-info-b .msdata-item span {
  color: #FF6161 !important;
}
.fw-xq .fw-xq-r .fw-info-b .msdata-item {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #FFFFFF;
  transition: 1s all ease-in;
}
.fw-xq .fw-xq-r .fw-info-b .ms-fg {
  height: 8px;
  width: 1px;
  background: #707070;
  margin: 0 12px;
  display: block;
}
.fw-xq .fw-xq-r .code-box {
  width: 204px;
  height: 100%;
  border: 1px solid #F1F3F5;
  box-sizing: border-box;
}
.fw-xq .fw-xq-r .code-img {
  width: 100%;
  padding: 15px;
  box-sizing: border-box;
  border-bottom: 1px solid #F1F3F5;
}
.fw-xq .fw-xq-r .code-img img {
  width: 100%;
  height: 170px;
}
.fw-xq .fw-xq-r .code-desc {
  color: #333333;
  text-align: center;
  margin-top: 11px;
  font-size: 16px;
  font-weight: 400;
}
.fw-xq .fw-xq-r .fw-r-bottom {
  width: 100%;
}
.fw-xq .fw-xq-r .fw-r-bottom .fw-lc {
  display: flex;
}
.fw-xq .fw-xq-r .fw-r-bottom .fw-lc li {
  width: 83px;
  height: 90px;
  background: #F1F3F5;
  border-radius: 4px;
  margin-right: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.fw-xq .fw-xq-r .fw-r-bottom .fw-lc li img {
  width: 35px;
  height: 35px;
}
.fw-xq .fw-xq-r .fw-r-bottom .fw-lc li .lc-text {
  margin-top: 12px;
  color: #333333;
  font-size: 12px;
  font-weight: 400;
}
.fw-xq .fw-xq-r .fw-group-button {
  width: 100%;
  display: flex;
  margin-top: 24px;
  justify-content: space-between;
}
.fw-xq .fw-xq-r .fw-group-button .fw-btn {
  display: flex;
  width: 260px;
  height: 45px;
  border-radius: 4px;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 400;
}
.fw-xq .fw-xq-r .fw-group-button .fw-btn span {
  margin-top: 3px;
  font-size: 14px;
  font-weight: 400;
}
.fw-xq .fw-xq-r .fw-group-button .fw-btn1 {
  background: #269BFF;
}
.fw-xq .fw-xq-r .fw-group-button .fw-btn2 {
  background: #FF6161;
}
.fw-xq .fw-xq-r .fw-group-button .fw-btn3 {
  width: 214px;
  height: 45px;
  border: 1px solid #DDDDDD;
  border-radius: 4px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333333;
  font-size: 16px;
  font-weight: 400;
}
.fw-xq .fw-xq-r .fw-group-button .fw-btn3 em {
  display: block;
  width: 33px;
  height: 28px;
  background: url("img/zx-icon.png") no-repeat;
  background-size: 100% 100%;
  margin-right: 10px;
}
.dp-tj {
  margin-top: 16px;
}
.dp-tj .tj-list {
  width: 100% !important;
  flex-wrap: wrap;
  justify-content: flex-start !important;
  display: flex;
  justify-content: space-between;
  height: 100%;
  width: 386px;
}
.dp-tj .tj-list .rmfw-item {
  width: 193px !important;
  height: 281px !important;
  background: #F8F8F8 !important;
  padding: 10px !important;
  margin: 16px 16px 0 0;
}
.dp-tj .tj-list .rmfw-item:nth-of-type(6n) {
  margin-right: 0;
}
.dp-tj .tj-list .rmfw-img {
  height: 175px !important;
}
.dp-tj .tj-list .rmfw-item {
  width: 185px;
  height: 100%;
  background: #FFFFFF;
  border-radius: 4px;
  padding: 10px;
  box-sizing: border-box;
  transition: 0.3s all;
}
.dp-tj .tj-list .rmfw-item:hover {
  transition: 0.3s all;
  transform: translateY(-10px);
}
.dp-tj .tj-list .rmfw-img {
  display: block;
  width: 100%;
  height: 162px;
  border-radius: 2px;
  overflow: hidden;
  background: #F8F8F8;
}
.dp-tj .tj-list .rmfw-img img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.dp-tj .tj-list .rmfw-info {
  display: block;
  width: 100%;
}
.dp-tj .tj-list .rmfw-name {
  color: #333333;
  margin-top: 10px;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
}
.dp-tj .tj-list .rmfw-name:hover {
  color: #0090E6;
  transition: 0.2s;
}
.dp-tj .tj-list .rmfw-pirce {
  margin-top: 6px;
  color: #FF6161;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
}
.dp-tj .tj-list .rmfw-fbt {
  color: #999999;
  margin-top: 4px;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
}
.dp-tj .tj-list .rmfw-pirce {
  margin-top: 15px;
}
.rx-list {
  width: 100% !important;
  display: block !important;
  display: flex;
  justify-content: space-between;
  height: 100%;
  width: 386px;
}
.rx-list .rmfw-item {
  width: 100% !important;
  height: 368px !important;
  background: #F8F8F8 !important;
  padding: 14px !important;
  margin-top: 16px;
  margin-right: 0 !important;
}
.rx-list .rmfw-img {
  height: 229px !important;
}
.rx-list .rmfw-name {
  margin-top: 19px !important;
}
.rx-list .rmfw-item {
  width: 185px;
  height: 100%;
  background: #FFFFFF;
  border-radius: 4px;
  padding: 10px;
  box-sizing: border-box;
  transition: 0.3s all;
}
.rx-list .rmfw-item:hover {
  transition: 0.3s all;
  transform: translateY(-10px);
}
.rx-list .rmfw-img {
  display: block;
  width: 100%;
  height: 162px;
  border-radius: 2px;
  overflow: hidden;
  background: #F8F8F8;
}
.rx-list .rmfw-img img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.rx-list .rmfw-info {
  display: block;
  width: 100%;
}
.rx-list .rmfw-name {
  color: #333333;
  margin-top: 10px;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
}
.rx-list .rmfw-name:hover {
  color: #0090E6;
  transition: 0.2s;
}
.rx-list .rmfw-pirce {
  margin-top: 6px;
  color: #FF6161;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
}
.rx-list .rmfw-fbt {
  color: #999999;
  margin-top: 4px;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
}
.rx-list .rmfw-pirce {
  margin-top: 15px;
}
.fw-xq-fl {
  display: flex;
  justify-content: space-between;
  margin-top: 16px;
}
.fw-xq-fl .fw-fl-l {
  width: 262px;
}
.fw-xq-fl .fw-fl-l .sptj-serve {
  padding: 22px 18px;
  margin-top: 12px;
}
.fw-xq-fl .code-box {
  width: 100%;
  height: 325px;
  background: #FFFFFF;
  border: 1px solid #F1F3F5;
  border-radius: 4px;
}
.fw-xq-fl .code-box .engineer-bt {
  background: url("img/code-bg.png") no-repeat;
  background-size: 100% 100%;
}
.fw-xq-fl .code-box .code-img {
  width: 100%;
  padding: 23px 35px 0 35px;
  box-sizing: border-box;
}
.fw-xq-fl .code-box .code-img img {
  width: 100%;
  height: 192px;
}
.fw-xq-fl .code-box .code-desc {
  text-align: center;
  color: #333333;
  margin-top: 30px;
  font-size: 14px;
  font-weight: 400;
}
.fw-xq-fl .rx-tj {
  width: 100%;
  margin-top: 16px;
}
.fw-xq-fl .gzwd .hot-list .hot-item {
  margin-top: 16px;
}
.fw-xq-fl .gzwd .hot-list .hot-item:nth-child(1) .xh {
  background: #FC0000;
}
.fw-xq-fl .gzwd .hot-list .hot-item:nth-child(2) .xh {
  background: #FFA200;
}
.fw-xq-fl .gzwd .hot-list .hot-item:nth-child(3) .xh {
  background: #FFD501;
}
.fw-xq-fl .gzwd .hot-list .hot-item .xh {
  width: 22px;
  height: 22px;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF !important;
  background: #BBBBBB;
  font-size: 16px;
  font-weight: 400;
}
.fw-xq-fl .fw-fl-r {
  width: 960px;
}
.fw-xq-fl .fw-nav-list {
  width: 100%;
  height: 44px;
  background: #F1F3F5;
  border-radius: 4px 4px 0px 0px;
  overflow: hidden;
  display: flex;
}
.fw-xq-fl .fw-nav-list .fw-nav-cur {
  transition: all 0.3s;
  background: #269BFF !important;
  font-weight: bold !important;
}
.fw-xq-fl .fw-nav-list .fw-nav-cur a {
  transition: all 0.3s;
  color: #FFFFFF !important;
}
.fw-xq-fl .fw-nav-list .fw-nav-item {
  width: 124px;
  height: 44px;
  display: flex;
  transition: all 0.3s;
  font-size: 16px;
  font-weight: 400;
}
.fw-xq-fl .fw-nav-list .fw-nav-item:hover {
  transition: all 0.3s;
  background: #269BFF !important;
  font-weight: bold !important;
}
.fw-xq-fl .fw-nav-list .fw-nav-item:hover a {
  transition: all 0.3s;
  color: #FFFFFF !important;
}
.fw-xq-fl .fw-nav-list .fw-nav-item a {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  color: #333333;
  transition: all 0.3s;
}
.fw-xq-fl .fw-desc {
  width: 100%;
}
/*.fw-xq-fl .fw-desc img {
  width: 100%;
  height: auto;
}*/
.fw-xq-fl .sfbz {
  margin-top: 24px;
  width: 100%;
}
.fw-xq-fl .sf-table {
  width: 100%;
  border-top: 1px solid #F1F3F5;
  margin-top: 24px;
  border-left: 1px solid #F1F3F5;
  box-sizing: border-box;
  transition: 0.5s all;
}
.fw-xq-fl .sf-line {
  width: 100%;
  height: 45px;
  border-bottom: 1px solid #F1F3F5;
  box-sizing: border-box;
  display: flex;
}
.fw-xq-fl .sf-title {
  background: #F1F3F5;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333333;
  font-size: 16px;
  font-weight: 400;
}
.fw-xq-fl .sf-td {
  width: 50%;
  height: 100%;
  color: #333333;
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 1px solid #F1F3F5;
  box-sizing: border-box;
  font-size: 16px;
  font-weight: 400;
}
.fw-xq-fl .fwpj {
  margin-top: 24px;
  width: 100%;
}
.fw-xq-fl .pj-list {
  width: 100%;
}
.fw-xq-fl .pj-list .pj-item {
  width: 100%;
  padding: 16px 0;
  box-sizing: border-box;
  border-bottom: #ebebeb dashed 1px;
}
.fw-xq-fl .pj-list .pj-info {
  width: 100%;
  display: flex;
  height: 40px;
}
.fw-xq-fl .pj-list .pj-info .pj-icon {
  width: 40px;
  height: 100%;
  border-radius: 50%;
}
.fw-xq-fl .pj-list .pj-info .pj-text {
  height: 100%;
  margin-left: 7px;
}
.fw-xq-fl .pj-list .pj-info .pjsf-name {
  font-weight: bold !important;
  color: #333333;
  font-size: 16px;
  font-weight: 400;
}
.fw-xq-fl .pj-list .pj-info .pf-list {
  margin-top: 2px;
}
.fw-xq-fl .pj-list .pj-content {
  margin-top: 10px;
  line-height: 20px;
  color: #333333;
  font-size: 16px;
  font-weight: 400;
}
.fw-xq-fl .pj-list .pj-img-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.fw-xq-fl .pj-list .pj-img {
  width: 155px;
  height: 103px;
  border-radius: 2px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 8px;
  margin-right: 8px;
}
.fw-xq-fl .pj-list .pj-img img {
  width: 100%;
  height: auto;
}
.sf-btn {
  width: 100%;
  display: none;
  align-items: center;
  justify-content: center;
  color: #333333;
  border-bottom: 1px solid #F1F3F5;
  height: 45px;
  background: #F1F3F5;
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
}
.sf-btn .sf-icon {
  border-top: #333333 solid 7px;
  border-left: solid 5px transparent;
  border-right: solid 5px transparent;
  border-bottom: none;
  margin-left: 8px;
  overflow: visible;
}
.zx-box {
  margin-top: 18px;
  display: flex;
  justify-content: space-between;
  height: 411px;
}
.zx-box .zx-item {
  width: 617px;
  height: 100%;
  border: 1px solid #F1F3F5;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
}
.zx-box .zx-img {
  display: block;
  width: 100%;
  height: 100%;
}
.zx-box .zx-img:hover img {
  transition: 1.5s all ease-in;
  transform: scale(1.2, 1.2);
}
.zx-box .zx-img img {
  width: 100%;
  height: 100%;
  transform: scale(1, 1);
  transition: 1.5s all ease-in;
}
.zx-box .zx-info {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 127px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  border-radius: 0px 0px 4px 4px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 16px 0;
  box-sizing: border-box;
}
.zx-box .zx-title {
  padding: 0 20px;
  box-sizing: border-box;
}
.zx-box .zx-title a {
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 400;
}
.zx-box .zx-title a:hover {
  color: #0090E6;
  transition: 0.2s;
}
.zx-box .zx-content {
  width: 100%;
  padding: 0 20px;
  box-sizing: border-box;
  color: #BBBBBB;
  line-height: 18px;
  margin-top: 8px;
  -webkit-line-clamp: 2;
  font-size: 12px;
  font-weight: 400;
}
.zx-box .zx-content:hover {
  color: #0090E6;
  transition: 0.2s;
}
.zx-box .zx-list {
  width: 608px;
  display: flex;
  flex-wrap: wrap;
}
.zx-box .zx-list .zx-item {
  width: 296px;
  height: 198px;
  box-sizing: border-box;
  margin-right: 15px;
  margin-bottom: 16px;
}
.zx-box .zx-list .zx-item:nth-child(2n) {
  margin-right: 0;
}
.zx-box .zx-list .zx-item:nth-child(3),
.zx-box .zx-list .zx-item:nth-child(4) {
  margin-bottom: 0;
}
.zx-box .zx-list .zx-item .zx-info {
  height: 50px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  border-radius: 0px 0px 4px 4px;
}
.zxnews-box {
  margin-top: 24px;
  display: flex;
  justify-content: space-between;
}
.zxnews-box .title-box h2 {
  font-size: 20px;
  font-weight: bold;
  color: #333333;
}
.zxnews-l {
  width: 820px;
}
.zxnews-l .serve-gg {
  margin-top: 17px;
}
.zxnews-l .sp-tj .rmzx-r {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  margin-top: 16px;
}
.zxnews-l .sp-tj .rmzx-r li {
  width: 263px;
  height: auto;
  display: block;
}
.zxnews-l .sp-tj .rmzx-r .rmzxr-info {
  width: 100%;
  height: auto;
}
.zxnews-l .sp-tj .rmzx-r .rmzxl-img {
  width: 100%;
  height: 178px;
  box-sizing: border-box;
}
.zxnews-l .sp-tj .rmzx-r .rmzxr-top h2 {
  color: #333333;
  margin-top: 7px;
  font-size: 16px;
  font-weight: 400;
}
.zxnews-l .sp-tj .rmzx-r .rmzxr-top .rmzxr-desc {
  margin-top: 8px;
  line-height: 18px;
  color: #999999;
  font-size: 12px;
  font-weight: 400;
}
.zxnews-l .rmwd-box {
  margin-top: 24px;
  width: 100%;
}
.zxnews-l .rmwd-box .rmwdl-list {
  height: auto;
}
.zxnews-l .rmwd-box .rmwdl-list .rmwdl-item {
  margin-bottom: 16px;
}
.zxnews-l .rmwd-box .rmwdl-list .rmwdinfo-r {
  width: 760px;
}
.zxzx .rmzx-r {
  margin-top: 24px;
  width: 100%;
  height: 691px;
}
.zxzx .rmzx-r .rmzxr-info {
  width: 635px;
}
.zxnews-r {
  width: 402px;
}
.zxnews-r .zx-type {
  width: 100%;
}
.zxnews-r .zxfl-type {
  width: 100%;
}
.zxnews-r .zxfl-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 24px;
}
.zxnews-r .zxfl-title a {
  font-weight: bold !important;
  color: #269BFF;
  font-size: 16px;
  font-weight: 400;
}
.zxnews-r .zxfl-rj {
  width: 316px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  overflow: hidden;
  max-height: 21px;
}
.zxnews-r .zxrj-item {
  color: #666666;
  margin-left: 20px;
  font-size: 16px;
  font-weight: 400;
}
.zxnews-r .zxrj-item a:hover {
  color: #0090E6;
  transition: 0.2s;
}
.zxnews-r .zxrj-item:nth-child(1) {
  margin-left: 0px;
}
.zxnews-r .zx-label {
  margin-top: 16px;
  width: 100%;
}
.zxnews-r .zx-label .label-data li {
  margin-top: 16px;
}
.rmht-box {
  margin-top: 16px;
}
.rmht-box .zxht {
  width: 100%;
}
.rmht-box .zxht-item {
  margin-top: 16px;
}
.rmht-box .zxht-item .author-info {
  margin-top: 10px;
}
.rmht-box .zxht-item .label-a {
  max-width: 95px;
}
.rmht-box .zxht-item .author-text2 {
  color: #333333;
  font-size: 12px;
  font-weight: 400;
}
.rmht-box .zxht-item .zxht-title {
  color: #333333;
  font-size: 16px;
  font-weight: 400;
}
.rmht-box .zxht-item .zxht-title a:hover {
  color: #0090E6;
  transition: 0.2s;
}
.rmht-box .zxht-item .zxht-desc {
  width: 100%;
  line-height: 18px;
  color: #999999;
  margin-top: 3px;
  -webkit-line-clamp: 2;
  font-size: 12px;
  font-weight: 400;
}
.rmht-box .zxht-item .zxht-desc:hover {
  color: #0090E6;
  transition: 0.2s;
}
.rmht-box .zxht-item .zxht-img-list {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 8px;
}
.rmht-box .zxht-item .zxht-img {
  width: 130px;
  height: 88px;
  border: 1px solid #F5F5F5;
  box-sizing: border-box;
  border-radius: 4px;
  overflow: hidden;
}
.rmht-box .zxht-item .zxht-img img {
  width: 100%;
  height: 100%;
}
.rmht-box .rmzx-r {
  width: 100%;
}
.rmht-box .rmzx-r li {
  height: 100px;
}
.rmht-box .rmzx-r .rmzx-animation {
  margin-top: 16px;
}
.rmht-box .rmzx-r .rmzxl-img {
  width: 150px;
  box-sizing: border-box;
}
.rmht-box .rmzx-r .rmzxr-info {
  width: 245px;
}
.rmht-box .rmzx-r .rmzxr-info .author-r .r-item {
  margin-left: 10px;
}
.rmht-box .rmzx-r .rmzxr-info .rmzxr-top h2 {
  font-size: 16px;
  font-weight: 400;
}
.rmht-box .rmzx-r .rmzxr-info .rmzxr-top .rmzxr-desc {
  line-height: 18px;
  font-size: 12px;
  font-weight: 400;
}
.rmht-box .rmzx-r .label-a {
  max-width: 44px;
  margin-left: 10px;
}
.rmht-box .rmzx-r .author-l img {
  margin-right: 5px;
}
.rmht-box .rmwdl-list {
  margin-top: 16px;
  height: auto;
}
.rmht-box .rmwdl-list .rmwdl-item {
  height: auto;
}
.rmht-box .rmwdl-list .label-a {
  max-width: 94px;
}
.rmht-box .rmwdl-list .rmwd-h2 {
  font-size: 16px;
  font-weight: 400;
}
.rmht-box .rmwdl-list .rmwdinfo-r {
  display: flex;
  height: 61px;
  flex-direction: column;
  justify-content: space-between;
  width: 348px;
}
.rmht-box .rmwdl-list .rmwdinfo-r .rmwdr-desc {
  line-height: 18px;
  color: #999999;
  font-size: 12px;
  font-weight: 400;
}
.rmht-box .labelzx-r {
  width: 100%;
}
.rmht-box .labelzx-r .rmzx-r {
  height: auto;
  margin-top: 0;
}
.rmht-box .labelzx-r .label-a {
  max-width: 87px;
}
.zxlb-box {
  margin-top: 16px;
  display: flex;
  justify-content: space-between;
}
.zxlb-l {
  width: 822px;
}
.zxlb-l .rmzx-r {
  width: 100%;
  height: auto;
}
.zxlb-l .rmzx-r .rmzxr-info {
  width: 635px;
}
.zxlb-l .rmzx-r .label-a {
  max-width: 284px;
}
.zxlb-l .rmzx-r .rmzx-animation {
  margin-top: 24px;
}
.zxlb-l .page-turner {
  margin-top: 16px;
}
.page-form .form-bd1 {
  position: static;
  margin-top: 20px;
  width: 100%;
  height: 182px;
  border: 1px solid #DDDDDD;
  box-sizing: border-box;
  border-radius: 4px;
  padding: 0;
}
.page-form .form-bd1 .form-title-box {
  width: 100%;
  height: 50px;
  background: #F1F3F5;
  border-radius: 4px 4px 0px 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.page-form .form-bd1 .form-title {
  height: 100%;
  display: flex;
  align-items: center;
  color: #333333;
  position: relative;
  padding-left: 20px;
  box-sizing: border-box;
  font-size: 18px;
  font-weight: 400;
}
.page-form .form-bd1 .form-title:after {
  display: block;
  position: absolute;
  left: 0;
  top: 15px;
  content: '';
  width: 4px;
  height: 20px;
  background: #269BFF;
}
.page-form .form-bd1 .form-number {
  display: flex;
  align-items: center;
  color: #333333;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 16px;
  font-weight: 400;
}
.page-form .form-bd1 .bd-item,
.page-form .form-bd1 .sp-liyy {
  width: 227px;
  margin-top: 0;
}
.page-form .form-bd1 .bd-select,
.page-form .form-bd1 .bd-input,
.page-form .form-bd1 .sp-liyy {
  height: 35px;
}
.page-form .form-bd1 .bd-code {
  height: 35px;
}
.page-form .form-bd1 .bd-yz {
  width: 55%;
}
.page-form .form-box {
  height: 130px;
  width: 100%;
  padding: 15px 55px;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.number-list {
  display: flex;
  margin-right: 6px;
}
.number-list .number-item {
  width: 18px;
  height: 20px;
  background: #FF6161;
  border-radius: 2px;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 6px;
  font-size: 16px;
  font-weight: 400;
}
.zxlb-tab {
  width: 822px;
  border: 1px solid #DDDDDD;
  box-sizing: border-box;
  border-radius: 4px;
}
.zxlb-nav {
  width: 100%;
  height: 50px;
  border-bottom: 1px solid #F1F3F5;
  display: flex;
}
.zxlb-nav-item {
  height: 100%;
  margin: 0 20px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  color: #333333;
  white-space: nowrap;
  font-size: 16px;
  font-weight: 400;
}
.zxlb-nav-item:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background: #269BFF;
  transition: 0.3s all;
}
.zxlb-nav-item:hover {
  position: relative;
}
.zxlb-nav-item:hover a {
  font-weight: bold;
  transition: 0.3s all;
  color: #269BFF !important;
}
.zxlb-nav-item:hover:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #269BFF;
  transition: 0.3s all;
}
.zxlb-nav-cur {
  position: relative;
}
.zxlb-nav-cur a {
  font-weight: bold;
  transition: 0.3s all;
  color: #269BFF !important;
}
.zxlb-nav-cur:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #269BFF;
  transition: 0.3s all;
}
.zxlb-label {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 24px 4px 15px;
  box-sizing: border-box;
}
.zxlb-label .zxlb-item {
  height: 35px;
  border: 1px solid #DDDDDD;
  box-sizing: border-box;
  border-radius: 4px;
  margin-left: 16px;
  margin-bottom: 10px;
  transition: 0.3s all;
}
.zxlb-label .zxlb-item:hover {
  background: #269BFF;
  border: 1px solid #269BFF;
}
.zxlb-label .zxlb-item:hover a {
  color: #FFFFFF;
}
.zxlb-label .zxlb-item a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 0 10px;
  box-sizing: border-box;
  color: #999999;
  font-size: 16px;
  font-weight: 400;
}
.zxlb-label .zxlb-item-cur {
  background: #269BFF;
  border: 1px solid #269BFF;
}
.zxlb-label .zxlb-item-cur a {
  color: #FFFFFF;
}
.zxlb-r {
  width: 402px;
}
.zxlb-r .title-box .title-content h2 {
  font-weight: bold !important;
  font-size: 20px;
  font-weight: 400;
}
.zxlb-r .sptj-serve {
  margin-top: 18px;
}
.rt-hot {
  width: 100%;
}
.rt-hot .hot-list .hot-item {
  margin-top: 20px;
}
.rt-hot .hot-list .hot-item .xh {
  display: block;
  width: 26px;
  margin-right: 7px;
}
.rt-hot .hot-list .xh-info {
  width: 369px;
  display: flex;
  align-items: center;
}
.rt-hot .hot-list .label-list {
  display: flex;
}
.rt-hot .hot-list .label-list li {
  width: 26px;
  height: 19px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  margin-left: 5px;
  font-size: 12px;
  font-weight: 400;
}
.cjgz-box {
  margin-top: 16px;
}
.cjgz-box .label-data li {
  margin-top: 16px;
}
.zx-details {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
}
.zx-details .title-box h2 {
  font-size: 20px;
}
.details-l {
  width: 820px;
}
.details-l .rmwdl-list {
  height: auto;
  margin-top: 0;
}
.details-l .rmwdl-list .rmwdinfo-r {
  width: 760px;
}
.details-l .rmwdl-list .rmwdl-item {
  margin-top: 24px;
}
.details-l .info-title {
  line-height: 40px;
  color: #333333;
  font-size: 32px;
  font-weight: bold;
}
.details-l .info-content {
  margin-top: 13px;
  padding-bottom: 24px;
  box-sizing: border-box;
  border-bottom: 1px dashed #EBEBEB;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.details-l .info-content .label-a {
  max-width: 275px;
}
.details-l .info-content .author-text2 {
  color: #333333 !important;
  font-size: 12px !important;
  font-weight: 400 !important;
}
.details-l .serve-gg {
  margin-top: 16px;
}
.details-l .xgwd {
  width: 100%;
  margin-top: 24px;
}
.info-desc {
  position: relative;
  width: 100%;
  padding: 24px 0;
  box-sizing: border-box;
  line-height: 25px;
  color: #333333;
  font-size: 16px;
  font-weight: 400;
}
.info-desc p {
  text-indent: initial !important;
  width: 100%;
  line-height: 25px;
  color: #333333;
  margin-top: 10px;
  font-size: 16px;
  font-weight: 400;
}
.info-desc p img {
  max-width: 100%;
  height: auto;
}
.info-desc img {
  max-width: 100%;
  height: auto;
  margin-top: 10px;
}
.info-no {
  max-height: 766px;
}
.no-login {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 164px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  padding-bottom: 10px;
  box-sizing: border-box;
}
.no-login .no-text {
  font-weight: bold !important;
  color: #269BFF;
  margin-bottom: 4px;
  display: inline;
  width: auto !important;
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
}
.no-login em {
  display: block;
  width: 12px;
  height: 14px;
  background: url("img/select-up-w.png") repeat-y;
  background-size: 100% 7px;
}
.page-turner2 {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin-top: 16px;
}
.page-turner2 a {
  width: 400px;
  height: 90px;
  background: #F5F5F5;
  border-radius: 4px;
  padding: 0 20px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: 0.3s all;
}
.page-turner2 a:hover {
  background: #269BFF;
  transition: 0.3s all;
}
.page-turner2 a:hover p {
  color: #FFFFFF;
  transition: 0.3s all;
}
.page-turner2 a p {
  color: #333333;
  transition: 0.3s all;
  font-size: 16px;
  font-weight: 400;
}
.page-turner2 a p:nth-child(2) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 8px;
}
.details-r {
  width: 402px;
}
.details-r .label-tj {
  margin-top: 0;
}
.details-r .label-data li {
  margin-top: 16px;
}
.details-r .gg-box {
  margin-top: 17px;
}
.wd-box {
  margin-top: 18px;
  display: flex;
  justify-content: space-between;
  height: 411px;
}
.wd-box .zx-list {
  width: 296px !important;
}
.wd-box .zx-list .zx-item {
  margin-right: 0px !important;
}
.wd-box .form-bd1 {
  width: 298px;
  height: 100%;
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
  box-sizing: border-box;
  border-radius: 4px;
  position: static;
  padding: 24px 16px;
}
.wd-box .form-bd1 .number-desc {
  color: #999999;
  margin-top: 7px;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
}
.wd-box .form-bd1 .bd-img {
  width: 100%;
  height: 138px;
  border-radius: 4px;
  margin-top: 26px;
}
.wd-box .form-bd1 .form-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding-top: 8px;
  box-sizing: border-box;
}
.wd-box .form-bd1 .bd-item {
  width: auto;
  margin-right: 3px;
  margin-top: 8px;
}
.wd-box .form-bd1 .bd-item:nth-child(2),
.wd-box .form-bd1 .bd-item:nth-child(4) {
  margin-right: 0;
}
.wd-box .form-bd1 .bd-code {
  width: 182px;
}
.wd-box .form-bd1 .bd-yz {
  padding: 8px 6px;
  width: 53%;
}
.wd-box .form-bd1 .bd-select {
  padding: 8px 3px;
}
.wd-box .form-bd1 .bd-input {
  padding: 8px 6px;
}
.wd-box .form-bd1 .bd-select,
.wd-box .form-bd1 .bd-input {
  height: 35px;
  width: 130px;
}
.wd-box .form-bd1 .bd-yz-btn {
  padding: 8px 4px 8px 0;
}
.wd-box .form-bd1 .sp-liyy {
  width: 78px;
  margin-top: 8px;
  height: 35px;
  font-size: 14px;
  font-weight: 400;
}
.wd-box .number-list {
  width: 100%;
  justify-content: center;
}
.wd-box .number-list .number-item {
  width: 26px;
  height: 34px;
  font-size: 24px;
  font-weight: 400;
}
.wd-box .zx-item {
  width: 617px;
  height: 100%;
  border: 1px solid #F1F3F5;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
}
.wd-box .zx-img {
  display: block;
  width: 100%;
  height: 100%;
}
.wd-box .zx-img:hover img {
  transition: 1.5s all ease-in;
  transform: scale(1.2, 1.2);
}
.wd-box .zx-img img {
  width: 100%;
  height: 100%;
  transform: scale(1, 1);
  transition: 1.5s all ease-in;
}
.wd-box .zx-info {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 127px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  border-radius: 0px 0px 4px 4px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 16px 0;
  box-sizing: border-box;
}
.wd-box .zx-title {
  padding: 0 20px;
  box-sizing: border-box;
}
.wd-box .zx-title a {
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 400;
}
.wd-box .zx-title a:hover {
  color: #0090E6;
  transition: 0.2s;
}
.wd-box .zx-content {
  width: 100%;
  padding: 0 20px;
  box-sizing: border-box;
  color: #BBBBBB;
  line-height: 18px;
  margin-top: 8px;
  -webkit-line-clamp: 2;
  font-size: 12px;
  font-weight: 400;
}
.wd-box .zx-content:hover {
  color: #0090E6;
  transition: 0.2s;
}
.wd-box .zx-list {
  width: 608px;
  display: flex;
  flex-wrap: wrap;
}
.wd-box .zx-list .zx-item {
  width: 296px;
  height: 198px;
  box-sizing: border-box;
  margin-right: 15px;
  margin-bottom: 16px;
}
.wd-box .zx-list .zx-item:nth-child(2n) {
  margin-right: 0;
}
.wd-box .zx-list .zx-item:nth-child(3),
.wd-box .zx-list .zx-item:nth-child(4) {
  margin-bottom: 0;
}
.wd-box .zx-list .zx-item .zx-info {
  height: 50px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  border-radius: 0px 0px 4px 4px;
}
.wd-container {
  margin-top: 24px;
  display: flex;
  justify-content: space-between;
}
.wd-container .title-box h2 {
  font-size: 20px;
}
.wd-l {
  width: 820px;
}
.wd-l .serve-gg {
  margin-top: 16px;
}
.wd-l .zxzx {
  margin-top: 24px;
}
.wd-l .zxzx .rmzx-r {
  height: auto;
  margin-top: 0;
}
.wd-l .rmzx-animation {
  margin-top: 24px;
}
.wd-hot {
  width: 100%;
}
.ph-hot {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 16px;
}
.ph-hot .ph-item {
  width: 262px;
  height: 477px;
  background: #FFFFFF;
  border: 1px solid #F1F3F5;
  border-radius: 4px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ph-hot .ph-item:nth-child(1) .ph-bt {
  background: url("img/ph_01.jpg") no-repeat;
  background-size: 100% 100%;
}
.ph-hot .ph-item:nth-child(2) .ph-bt {
  background: url("img/ph_02.jpg") no-repeat;
  background-size: 100% 100%;
}
.ph-hot .ph-item:nth-child(2) .hot-list .hot-item a {
  align-items: flex-start;
}
.ph-hot .ph-item:nth-child(2) .hot-list .xh-info {
  display: block;
}
.ph-hot .ph-item:nth-child(2) .hot-list .hot-desc {
  line-height: 18px;
  color: #999999;
  margin-top: 8px;
  -webkit-line-clamp: 2;
  font-size: 12px;
  font-weight: 400;
}
.ph-hot .ph-item:nth-child(3) .ph-bt {
  background: url("img/ph_03.jpg") no-repeat;
  background-size: 100% 100%;
}
.ph-hot .ph-item:nth-child(3) .hot-list .hot-item:nth-child(1) .xh {
  background: #FC0000;
}
.ph-hot .ph-item:nth-child(3) .hot-list .hot-item:nth-child(2) .xh {
  background: #FFA200;
}
.ph-hot .ph-item:nth-child(3) .hot-list .hot-item:nth-child(3) .xh {
  background: #FFD501;
}
.ph-hot .ph-item:nth-child(3) .hot-list .hot-item .xh {
  background: #BBBBBB;
  width: 22px;
  height: 22px;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #FFFFFF;
  margin-right: 10px;
  font-size: 16px;
  font-weight: 400;
}
.ph-hot .ph-item:nth-child(3) .hot-list .hot-number {
  color: #999999;
  font-size: 14px;
  font-weight: 400;
}
.ph-hot .ph-more {
  color: #269BFF;
  margin-top: 5px;
  font-size: 14px;
  font-weight: 400;
}
.ph-hot .ph-bt {
  border-radius: 4px 4px 0 0;
  width: 100%;
  height: 44px;
  padding: 0 14px;
  box-sizing: border-box;
  line-height: 44px;
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 400;
}
.ph-hot .hot-list {
  padding: 0 15px;
  height: 395px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
}
.ph-hot .hot-list .hot-item {
  margin-top: 14px;
}
.ph-hot .hot-list .hot-item a {
  align-items: center;
}
.ph-hot .hot-list .hot-item .xh {
  display: block;
  width: 26px;
  margin-right: 7px;
}
.ph-hot .hot-list .xh-info {
  width: 198px;
  display: flex;
  align-items: center;
}
.ph-hot .hot-list .label-list {
  display: flex;
}
.ph-hot .hot-list .label-list li {
  width: 26px;
  height: 19px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  margin-left: 5px;
  font-size: 12px;
  font-weight: 400;
}
.engineer-box {
  margin-top: 16px;
}
.engineer-box .gcs-item {
  width: 262px;
}
.engineer-box .gcs-item .gcs-tx {
  width: 78px;
  height: 78px;
  bottom: -39px;
}
.engineer-box .gcs-img {
  height: 175px;
}
.wd-r {
  width: 402px;
}
.wd-r .label-tj {
  margin-top: 16px;
}
.wd-r .label-data li {
  margin-top: 16px;
}
.wd-r .labelzx-r {
  width: 100%;
  margin-top: 16px;
}
.wd-r .labelzx-r .rmzx-r {
  height: auto;
  margin-top: 0;
}
.wd-r .labelzx-r .rmzx-r .rmzxr-info {
  width: 240px;
}
.wd-r .labelzx-r .rmzx-r .rmzxr-info .rmzxr-top .rmzxr-desc {
  line-height: 18px;
  font-size: 12px;
  font-weight: 400;
}
.wd-r .labelzx-r .rmzx-r .rmzxr-info .rmzxr-top h2 {
  font-size: 16px;
  font-weight: 400;
}
.wd-r .labelzx-r .rmzx-r .rmzxl-img {
  width: 150px;
}
.wd-r .labelzx-r .rmzx-r li {
  height: 100px;
}
.wd-r .labelzx-r .rmzx-animation {
  margin-top: 16px;
}
.wd-r .sptj-serve {
  margin-top: 16px;
}
.wdzt-box {
  width: 100%;
}
.wdzt-imglist {
  width: 100%;
  margin-top: 12px;
}
.wdzt-imglist li {
  width: 100%;
  height: 225px;
  margin-bottom: 16px;
}
.wdzt-imglist a,
.wdzt-imglist img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.wdlist-box {
  margin-top: 24px;
  display: flex;
  justify-content: space-between;
}
.wdlist-box .title-box h2 {
  font-size: 20px;
}
.wdlist-l {
  width: 820px;
}
.wdlist-l .zxlb-nav {
  width: 80%;
  overflow: hidden;
  border-bottom: none;
}
.wdlist-l .zxlb-nav-item {
  margin: 0 18px;
}
.wdlist-l .zxlb-nav-item:nth-child(1) {
  margin: 0 18px 0 0;
}
.wdlist-l .zxlb-label-block {
  border-bottom: 1px solid #F1F3F5 !important;
  box-sizing: border-box !important;
  height: auto !important;
  padding: 24px 4px 15px !important;
  overflow: visible !important;
  transition: 0.5s all;
}
.wdlist-l .zxlb-label {
  border-bottom: transparent;
  overflow: hidden;
  transition: 0.5s all;
  padding: 0;
}
.wdlist-l .zxlb-label .zxlb-item {
  width: 88px;
  margin: 0 16px 10px 0;
}
.wdlist-l .zxlb-label .zxlb-item:nth-of-type(8n) {
  margin-right: 0;
}
.wdlist-l .zxlb-label .zxlb-item a {
  padding: 0 5px;
  overflow: hidden;
}
.wdlist-l .rmwdl-list {
  height: auto;
  margin-top: 0;
}
.wdlist-l .rmwdl-list .rmwdl-item {
  margin-top: 24px;
}
.wdlist-l .rmwdl-list .rmwdinfo-r {
  width: 760px;
}
.wdlist-l .page-form .form-bd1 {
  margin-top: 20px;
}
.wdlist-l .page-turner {
  margin-top: 10px;
}
.wd-nav {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #F1F3F5;
}
.wd-nav .wd-btn {
  width: auto !important;
  display: flex !important;
  background: transparent !important;
  border-bottom: none !important;
  color: #999999 !important;
  width: 100%;
  display: none;
  align-items: center;
  justify-content: center;
  color: #333333;
  border-bottom: 1px solid #F1F3F5;
  height: 45px;
  background: #F1F3F5;
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
}
.wd-nav .wd-btn:hover {
  color: #333333 !important;
}
.wd-nav .wd-btn .sf-icon {
  border-top: #DDDDDD solid 7px !important;
}
.wd-nav .wd-btn .sf-icon {
  border-top: #333333 solid 7px;
  border-left: solid 5px transparent;
  border-right: solid 5px transparent;
  border-bottom: none;
  margin-left: 8px;
  overflow: visible;
}
.wdlist-r {
  width: 402px;
}
.wdlist-r .sptj-serve {
  margin-top: 16px;
}
.wtgz-box {
  width: 100%;
  height: 487px;
  background: #FFFFFF;
  border: 1px solid #F1F3F5;
  box-sizing: border-box;
  border-radius: 4px;
  padding: 20px 15px;
}
.wtgz-box .wtgz-bt {
  color: #333333;
  font-size: 18px;
  font-weight: 400;
}
.wtgz-box .wtgz-search {
  width: 100%;
  height: 40px;
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
  box-sizing: border-box;
  border-radius: 2px;
  margin-top: 16px;
  display: flex;
  align-items: center;
}
.wtgz-box .wtgz-input {
  color: #333333;
  padding: 0 14px;
  box-sizing: border-box;
  height: 100%;
  width: 330px;
  font-size: 14px;
  font-weight: 400;
}
.wtgz-box .wtgz-btn {
  display: flex;
  align-items: center;
  cursor: pointer;
  width: 30px;
  height: 100%;
  background: url("img/search-w.png") no-repeat center center;
  background-size: 16px 16px;
}
.wtgz-box .labeld-item {
  width: 113px;
  height: 30px;
}
.wtgz-box .label-data li {
  margin-right: 15px;
  margin-top: 16px;
}
.wtgz-box .label-data li:nth-of-type(3n) {
  margin-right: 0;
}
.wd-bd {
  margin-top: 16px;
}
.wd-bd .xh-info {
  width: 369px;
  display: flex;
  align-items: center;
}
.wd-bd .xh-info .hot-number {
  color: #999999;
  font-size: 14px;
  font-weight: 400;
}
.wd-bd .hot-list .hot-item {
  margin-top: 16px;
}
.wd-bd .hot-list .hot-item:nth-child(1) .xh {
  background: #FC0000;
}
.wd-bd .hot-list .hot-item:nth-child(2) .xh {
  background: #FFA200;
}
.wd-bd .hot-list .hot-item:nth-child(3) .xh {
  background: #FFD501;
}
.wd-bd .hot-list .hot-item .xh {
  width: 22px;
  height: 22px;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #FFFFFF;
  background: #BBBBBB;
  margin-right: 10px;
  font-size: 16px;
  font-weight: 400;
}
.page-gg3 {
  width: 100%;
  height: 280px;
  margin-top: 16px;
}
.page-gg3 a {
  display: block;
  width: 100%;
  height: 100%;
}
.page-gg3 img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.wdDetails-l {
  width: 820px;
}
.wdDetails-l .zxzx {
  margin-top: 24px;
}
.wdDetails-l .zxzx .rmzx-r {
  height: auto;
  margin-top: 0;
}
.wdDetails-l .zxzx .rmzx-animation {
  margin-top: 24px;
}
.wdDetails-l .wdinfo-content {
  margin-top: 10px;
}
.wdDetails-l .wdinfo-content .author-text3 {
  margin-right: 8px;
}
.wdDetails-l .wd-count {
  width: 100%;
  display: flex;
  align-items: center;
  margin-top: 26px;
}
.wdDetails-l .wd-count .wd-number {
  display: flex;
  align-items: center;
}
.wdDetails-l .wd-count .number-box {
  width: 26px;
  height: 26px;
  background: #269BFF;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 400;
}
.wdDetails-l .wd-count .number-text {
  color: #333333;
  margin-left: 10px;
  font-size: 18px;
  font-weight: 400;
}
.wdDetails-l .wd-count .number-text span {
  color: #269BFF;
}
.wdDetails-l .wd-count .wd-fgx {
  flex: 1;
  margin-left: 12px;
  height: 1px;
  background: #EBEBEB;
}
.wdDetails-l .rmwdl-list {
  height: auto;
  margin-top: 0;
}
.wdDetails-l .rmwdl-list .rmwdinfo-r {
  width: 760px;
}
.wdDetails-l .rmwdl-list .rmwdl-item {
  margin-top: 24px;
}
.wdDetails-l .info-title {
  line-height: 40px;
  color: #333333;
  font-size: 32px;
  font-weight: bold;
}
.wdDetails-l .info-content {
  margin-top: 13px;
  padding-bottom: 24px;
  box-sizing: border-box;
  border-bottom: 1px dashed #EBEBEB;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.wdDetails-l .info-content .label-a {
  max-width: 275px;
}
.wdDetails-l .info-content .author-text2 {
  color: #333333 !important;
  font-size: 12px !important;
  font-weight: 400 !important;
}
.wdDetails-l .serve-gg {
  margin-top: 16px;
}
.wdDetails-l .xgwd {
  width: 100%;
  margin-top: 24px;
}
.master-answers {
  width: 100%;
}
.master-answers .answers-item {
  margin-top: 32px;
}
.master-answers .answers-info {
  width: 100%;
  display: flex;
  height: 44px;
  justify-content: space-between;
}
.master-answers .answers-icon {
  height: 100%;
  width: 44px;
  border-radius: 50%;
}
.master-answers .answers-desc {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-left: 7px;
}
.master-answers .answers-desc p {
  font-weight: bold!important;
  color: #333333;
  font-size: 16px;
  font-weight: 400;
}
.master-answers .answers-desc em {
  color: #999999;
  font-size: 14px;
  font-weight: 400;
}
.master-answers .master-text {
  line-height: 28px;
  color: #333333;
  margin-top: 16px;
  font-size: 16px;
  font-weight: 400;
}
.master-answers .master-text img {
  max-width: 100%;
  height: auto;
}
.master-answers .master-text p {
  font-size: 16px !important;
  line-height: 28px;
  color: #333333;
  font-size: 16px;
  font-weight: 400;
}
.master-answers .answers-l {
  display: flex;
  align-items: center;
}
.master-answers .answers-label {
  width: 74px;
  height: 30px;
  background: #FF6161;
  border-radius: 4px;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 400;
}
.master-no-login {
  max-height: 1200px;
  overflow: hidden;
  position: relative;
}
.wdDetails-r {
  width: 402px;
}
.wdDetails-r .label-tj {
  margin-top: 16px !important;
}
.wdDetails-r .label-tj {
  margin-top: 0;
}
.wdDetails-r .label-data li {
  margin-top: 16px;
}
.wdDetails-r .gg-box {
  margin-top: 17px;
}
.wdfw-list {
  width: 100%;
}
.wdfw-list .wdfw-item {
  width: 100%;
  height: 139px;
  background: #F8F8F8;
  border-radius: 4px;
  margin-top: 16px;
}
.wdfw-list .wdfw-item:hover .wdfw-img img {
  transition: 0.6s ease-in;
  transform: scale(1.2, 1.2);
}
.wdfw-list .wdfw-item a {
  display: flex;
  width: 100%;
  height: 100%;
  padding: 12px;
  box-sizing: border-box;
  justify-content: space-between;
}
.wdfw-list .wdfw-item .wdfw-img {
  width: 114px;
  height: 100%;
  border-radius: 2px;
  overflow: hidden;
}
.wdfw-list .wdfw-item .wdfw-img img {
  width: 100%;
  height: 100%;
  transition: 0.6s ease-in;
  transform: scale(1, 1);
}
.wdfw-list .wdfw-item .wdfw-info {
  height: 100%;
  width: 253px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.wdfw-list .wdfw-item .wdfw-bt {
  color: #333333;
  font-size: 18px;
  font-weight: 400;
}
.wdfw-list .wdfw-item .wdfw-bt:hover {
  color: #0090E6;
  transition: 0.2s;
}
.wdfw-list .wdfw-item .wdfw-fbt {
  color: #999999;
  margin-top: 6px;
  font-size: 14px;
  font-weight: 400;
}
.gcs-lb {
  width: 100%;
  height: 608px;
  position: relative;
}
.gcs-lb .swiper-container {
  width: 100%;
  height: 100%;
}
.gcs-lb .swiper-container .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background: rgba(0, 0, 0, 0.4);
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.16);
  border-radius: 10px;
}
.gcs-lb .swiper-container .swiper-pagination-bullet-active {
  width: 16px;
  height: 8px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.16);
  border-radius: 10px;
}
.gcs-lb .swiper-container .swiper-pagination-bullets {
  bottom: 180px;
}
.gcs-lb .swiper-container .swiper-slide {
  width: 100%;
  height: 100%;
}
.gcs-lb .swiper-container .swiper-slide a {
  display: block;
  width: 100%;
  height: 100%;
}
.gcs-lb .swiper-container .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.gcs-bd {
  position: absolute;
  right: 331px;
  top: 24px;
  z-index: 22;
}
.gcs-bd .form-bd1 {
  width: 297px;
  height: 402px;
  background: #FFFFFF;
  border-radius: 4px;
  position: static;
  padding: 24px 20px;
  box-sizing: border-box;
}
.gcs-bd .form-bd1 .bd-select,
.gcs-bd .form-bd1 .bd-input,
.gcs-bd .form-bd1 .bd-code {
  height: 35px;
}
.gcs-bd .form-bd1 .sp-liyy {
  margin-top: 24px;
}
.gcs-bd .form-title {
  font-weight: bold!important;
  color: #333333;
  text-align: center;
  font-size: 20px;
  font-weight: 400;
}
.gcs-bd .form-title span {
  color: #269BFF;
}
.gcs-lcbox {
  position: absolute;
  width: 100%;
  bottom: 25px;
  z-index: 22;
}
.gcs-lc {
  display: flex;
  justify-content: space-between;
}
.gcs-lc .gcslc-item {
  width: 298px;
  height: 133px;
  background: #FFFFFF;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 22px;
  box-sizing: border-box;
}
.gcs-lc .gcslc-top {
  width: 100%;
  display: flex;
  align-items: center;
  color: #333333;
  font-size: 18px;
  font-weight: 400;
}
.gcs-lc .gcslc-icon {
  width: 31px;
  height: 31px;
  margin-right: 6px;
}
.gcs-lc .gcslc-desc {
  margin-top: 7px;
  width: 100%;
  -webkit-line-clamp: 3;
  line-height: 19px;
  color: #999999;
  font-size: 14px;
  font-weight: 400;
}
.bzlc-box {
  height: 500px;
  background: #F1F3F5;
}
.bzlc-box .title-box {
  justify-content: center;
  padding-top: 26px;
  width: 100%;
}
.bzlc-box .bzlc-img-box {
  width: 100%;
  display: flex;
  justify-content: center;
}
.bzlc-box .bzlc-img {
  width: 399px;
  height: 425px;
  position: relative;
}
.bzlc-box .bzlc-img img {
  width: 100%;
  height: 100%;
}
.bzlc-box .zblc-item {
  position: absolute;
  width: 200px;
  height: 50px;
  background: #FFFFFF;
  border-radius: 4px;
  padding: 0 14px;
  box-sizing: border-box;
}
.bzlc-box .zblc-item1 {
  width: 246px!important;
  position: absolute;
  width: 200px;
  height: 50px;
  background: #FFFFFF;
  border-radius: 4px;
  padding: 0 14px;
  box-sizing: border-box;
}
.bzlc-box .bz-left {
  left: -15px;
  top: 0;
}
.bzlc-box .bz-right {
  right: -15px;
  top: 0;
}
.bzlc-box .bzlc-icon {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  border-radius: 50%;
}
.bzlc-box .bzlc-icon img {
  width: 40px;
  height: 40px;
}
.bzlc-box .zblc-info {
  display: flex;
  align-items: center;
  height: 100%;
}
.bzlc-box .zblc-info span {
  color: #333333;
  font-size: 16px;
  font-weight: 400;
}
.bzlc-box .zblc-info .xh {
  font-size: 20px;
  font-weight: 400;
}
.bzlc-box .bzlc-left01 {
  top: 30px;
  right: 399px;
  transition: 0.5s;
}
.bzlc-box .bzlc-left01:hover {
  right: 419px;
  transition: 0.5s;
}
.bzlc-box .bzlc-left02 {
  top: 126px;
  right: 477px;
  transition: 0.5s;
}
.bzlc-box .bzlc-left02:hover {
  right: 497px;
  transition: 0.5s;
}
.bzlc-box .bzlc-left03 {
  top: 223px;
  right: 454px;
  transition: 0.5s;
}
.bzlc-box .bzlc-left03:hover {
  right: 474px;
  transition: 0.5s;
}
.bzlc-box .bzlc-left04 {
  top: 314px;
  right: 399px;
  transition: 0.5s;
}
.bzlc-box .bzlc-left04:hover {
  right: 419px;
  transition: 0.5s;
}
.bzlc-box .bzlc-left05 {
  top: 30px;
  left: 399px;
  transition: 0.5s;
}
.bzlc-box .bzlc-left05:hover {
  left: 419px;
  transition: 0.5s;
}
.bzlc-box .bzlc-left06 {
  top: 126px;
  left: 477px;
  transition: 0.5s;
}
.bzlc-box .bzlc-left06:hover {
  left: 497px;
  transition: 0.5s;
}
.bzlc-box .bzlc-left07 {
  top: 223px;
  left: 454px;
  transition: 0.5s;
}
.bzlc-box .bzlc-left07:hover {
  left: 474px;
  transition: 0.5s;
}
.bzlc-box .bzlc-left08 {
  top: 314px;
  left: 399px;
  transition: 0.5s;
}
.bzlc-box .bzlc-left08:hover {
  left: 419px;
  transition: 0.5s;
}
.bzlc-box .bzlc-color1 {
  background: #269BFF;
}
.bzlc-box .bzlc-color2 {
  background: #FF6161;
}
.bzlc-box .bzlc-color3 {
  background: #1BBA9F;
}
.bzlc-box .bzlc-color4 {
  background: #FF801E;
}
.bzlc-box .font-color1 {
  color: #269BFF;
  margin-left: 33px;
  margin-right: 5px;
}
.bzlc-box .font-color2 {
  color: #FF6161;
  margin-left: 33px;
  margin-right: 5px;
}
.bzlc-box .font-color3 {
  color: #1BBA9F;
  margin-left: 33px;
  margin-right: 5px;
}
.bzlc-box .font-color4 {
  color: #FF801E;
  margin-left: 33px;
  margin-right: 5px;
}
.bzlc-box .font-color5 {
  color: #FF801E;
  margin-right: 5px;
}
.bzlc-box .font-color6 {
  color: #1BBA9F;
  margin-right: 5px;
}
.bzlc-box .font-color7 {
  color: #FF6161;
  margin-right: 5px;
}
.bzlc-box .font-color8 {
  color: #269BFF;
  margin-right: 5px;
}
.engineer-case {
  margin-top: 24px!important;
  margin-top: 16px;
}
.engineer-case .gcs-item {
  width: 298px!important;
}
.engineer-case .gcs-img {
  height: 199px!important;
}
.engineer-case .gcs-item {
  width: 262px;
}
.engineer-case .gcs-item .gcs-tx {
  width: 78px;
  height: 78px;
  bottom: -39px;
}
.engineer-case .gcs-img {
  height: 175px;
}
.jtfw-box {
  width: 100%;
  height: 375px;
  margin-top: 24px;
  overflow: hidden;
  position: relative;
}
.jtfw-box:hover .jtfw-img {
  transition: 5s;
  transform: scale(1.2, 1.2);
}
.jtfw-img {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  transition: 5s;
  transform: scale(1, 1);
}
.jtfw-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.jtfw-content {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.jtfw {
  height: 100%;
}
.jtfw .title-content {
  width: 100%;
  justify-content: center;
}
.jtfw .title-box {
  padding-top: 32px;
}
.jtfw .title-box .title-content h2 {
  color: #FFFFFF;
  font-size: 32px;
  font-weight: bold;
}
.jtfw .jtfw-desc {
  line-height: 24px;
  color: rgba(255, 255, 255, 0.7);
  margin-top: 16px;
  font-size: 16px;
  font-weight: 400;
}
.jtfw .swiper-container {
  width: 100%;
  height: 230px;
}
.jtfw .swiper-container .swiper-wrapper {
  width: 100%;
  height: 123px;
  margin-top: 32px;
}
.jtfw .swiper-container .swiper-wrapper .swiper-slide {
  height: 100%;
  background: #FFFFFF;
  border-radius: 4px;
  padding: 22px 0;
  box-sizing: border-box;
}
.jtfw .swiper-container .swiper-button-prev,
.jtfw .swiper-container .swiper-button-next {
  width: 38px;
  height: 18px;
  opacity: 1;
  border-radius: initial;
  transition: 0.1s ease-in;
  background: transparent;
  top: 90%;
}
.jtfw .swiper-container .swiper-button-prev:hover,
.jtfw .swiper-container .swiper-button-next:hover {
  opacity: 0.7;
  transition: 0.1s ease-in;
}
.jtfw .swiper-container .swiper-button-prev {
  left: 562px;
}
.jtfw .swiper-container .swiper-button-prev::after {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 38px;
  height: 18px;
  background: url("img/pj-prev.png") no-repeat;
  background-size: 100% 100%;
}
.jtfw .swiper-container .swiper-button-next {
  right: 562px;
}
.jtfw .swiper-container .swiper-button-next::after {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 38px;
  height: 18px;
  background: url("img/pj-next.png") no-repeat;
  background-size: 100% 100%;
}
.jtfw .jtfw-info {
  display: flex;
  align-items: center;
  padding: 0 15px;
  box-sizing: border-box;
  justify-content: space-between;
}
.jtfw .jtfw-info span {
  font-weight: bold !important;
  color: #333333;
  margin-right: 10px;
  font-size: 16px;
  font-weight: 400;
}
.jtfw .jtinfo-l {
  display: flex;
  align-items: center;
}
.jtfw .jtfw-label {
  padding: 0 9px;
  box-sizing: border-box;
  height: 26px;
  background: rgba(38, 155, 255, 0.1);
  border-radius: 4px;
  line-height: 26px;
  color: #269BFF;
  font-size: 14px;
  font-weight: 400;
}
.jtfw .fwpj-desc {
  max-height: 40px;
  line-height: 20px;
  color: #666666;
  -webkit-line-clamp: 2;
  padding: 0 25px;
  box-sizing: border-box;
  position: relative;
  margin-top: 15px;
  font-size: 14px;
  font-weight: 400;
}
.jtfw .fwpj-desc:before {
  content: '';
  position: absolute;
  top: -5px;
  left: -10px;
  width: 26px;
  height: 35px;
  background: url("img/dh-left.png") no-repeat;
  background-size: 100% 100%;
}
.jtfw .fwpj-desc:after {
  content: '';
  position: absolute;
  bottom: -18px;
  right: 12px;
  width: 26px;
  height: 35px;
  background: url("img/dh-right.png") no-repeat;
  background-size: 100% 100%;
}
.fwtj-box {
  margin-top: 24px;
}
.fwtj-box .fwtj-more {
  display: flex;
  align-items: center;
}
.fwtj-box .fw-type {
  max-width: 630px;
  overflow: hidden;
  margin-top: 0;
}
.fwtj-box .fw-item {
  height: 27px;
  margin-right: 10px;
}
.fwtj-box .fw-item a {
  display: block;
  width: 100%;
  height: 100%;
  background: #F5F5F5;
  padding: 0 12px;
  box-sizing: border-box;
  line-height: 27px;
  color: #666666;
  transition: 0.3s;
  font-size: 14px;
  font-weight: 400;
}
.fwtj-box .fw-item:hover a {
  background: #269BFF;
  transition: 0.3s;
  color: #FFFFFF;
}
.fwtj-box .fwtj-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-top: 16px;
}
.fwtj-box .fwtj-list .fwtj-item {
  width: 612px;
  height: 155px;
  margin-right: 16px;
  display: flex;
  justify-content: space-between;
  transition: all 0.5s;
  padding: 5px 5px;
  box-sizing: border-box;
  margin-bottom: 20px;
}
.fwtj-box .fwtj-list .fwtj-item:hover {
  box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.1);
  transition: all 0.5s;
}
.fwtj-box .fwtj-list .fwtj-item:nth-child(2n) {
  margin-right: 0;
}
.fwtj-box .fwtj-list .fwtj-item .fw-img {
  display: block;
  width: 145px;
  height: 100%;
}
.fwtj-box .fwtj-list .fwtj-item img {
  width: 100%;
  height: 100%;
}
.fwtj-box .fwtj-list .fwtj-info {
  height: 100%;
  width: 443px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.fwtj-box .fwtj-list .fwtj-top .price-box {
  margin-top: 15px;
}
.fwtj-box .fwtj-list .fwtj-name a {
  color: #333333;
  font-size: 18px;
  font-weight: 400;
}
.fwtj-box .fwtj-list .fwtj-name a:hover {
  color: #0090E6;
  transition: 0.2s;
}
.fwtj-box .fwtj-list .fwtj-fbt {
  margin-top: 6px;
  color: #999999;
  font-size: 14px;
  font-weight: 400;
}
.list-action {
  display: flex;
  align-items: center;
}
.list-action a {
  display: flex;
  width: 80px;
  height: 30px;
  border-radius: 4px;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  margin-right: 12px;
  font-size: 14px;
  font-weight: 400;
}
.list-action a:nth-child(1) {
  background: #269BFF;
  border: 1px solid #269BFF;
  color: #FFFFFF;
}
.list-action a:nth-child(2) {
  background: #FFFFFF;
  border: 1px solid #269BFF;
  color: #269BFF;
}
.list-action .a-yy {
  background: #269BFF;
  border: 1px solid #269BFF;
  color: #FFFFFF;
}
.list-action .a-zx {
  background: #FFFFFF;
  border: 1px solid #269BFF;
  color: #269BFF;
}
.yy-user {
  width: 100%;
  height: 98px;
  border: 1px solid #DDDDDD;
  border-radius: 4px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  overflow: hidden;
  align-items: center;
  padding-right: 30px;
}
.yy-user .yy-btn {
  display: block;
  width: 120px;
  height: 40px;
  background: #269BFF;
  border-radius: 4px;
  color: #FFFFFF;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
}
.yyyh-l {
  display: flex;
  align-items: center;
  height: 100%;
}
.yyyh-l .yyyh-number {
  width: 240px;
  height: 100%;
  background: #F1F3F5;
  padding: 0 38px;
  box-sizing: border-box;
  text-align: center;
  display: flex;
  align-items: center;
}
.yyyh-l .yyyh-number p {
  color: #333333;
  line-height: 20px;
  font-size: 16px;
  font-weight: 400;
}
.yyyh-l .yyyh-number p span {
  color: #FF6161;
}
.yyyh-l .swiper-container {
  width: 658px;
  height: 63px;
  margin-left: 25px;
}
.yyyh-l .swiper-container .swiper-wrapper {
  width: 100%;
  height: 100%;
}
.yyyh-l .swiper-container .swiper-slide {
  height: 100%;
  width: 100%;
}
.yyyh-l .swiper-container .pj-lsit-item {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
}
.yyyh-l .swiper-container .pj-lsit-item li {
  width: 50%;
  height: 50%;
  position: relative;
  padding-left: 13px;
  box-sizing: border-box;
  color: #333333;
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 400;
}
.yyyh-l .swiper-container .pj-lsit-item li:after {
  position: absolute;
  top: 50%;
  margin-top: -3px;
  left: 0;
  content: '';
  width: 6px;
  height: 6px;
  background: #DDDDDD;
  border-radius: 50%;
}
.gcsfl-box {
  margin-top: 16px;
  display: flex;
  justify-content: space-between;
}
.gcsfl-box .gcsfl-bt {
  color: #333333;
  width: 80px;
  font-size: 16px;
  font-weight: 400;
}
.gcsfl-box .zxlb-label {
  width: 1080px;
  padding: 0;
  transition: 0.5s;
}
.gcsfl-box .zxlb-label .zxlb-item {
  height: 27px;
  background: #F5F5F5;
  border: none;
  border-radius: 0;
  margin-left: 0;
  margin-right: 10px;
  transition: 0.5s all;
}
.gcsfl-box .zxlb-label .zxlb-item:hover {
  background: #269BFF;
}
.gcsfl-box .zxlb-label .zxlb-item:hover a {
  color: #FFFFFF;
}
.gcsfl-box .zxlb-label .zxlb-item a {
  padding: 0 12px;
  color: #666666;
  font-size: 14px;
  font-weight: 400;
}
.gcsfl-box .zxlb-label .zxlb-item-cur {
  background: #269BFF;
}
.gcsfl-box .zxlb-label .zxlb-item-cur a {
  color: #FFFFFF;
}
.gcsfl-box .gcsfl-btn {
  height: 24px;
  width: auto;
  background: transparent;
  color: #999999;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
}
.gcsfl-box .gcsfl-btn:hover {
  color: #333333;
}
.gcsfl-box .gcsfl-btn .more-btn {
  width: 8px;
  height: 5px;
  background: url("img/select-up.png") no-repeat;
  background-size: 100% 100%;
  margin-left: 5px;
  transition: 0.3s;
}
.gcsfl-l {
  display: flex;
  justify-content: flex-start;
}
.gcsfl-list {
  width: 1070px;
}
.setHidden {
  height: 27px;
  overflow: hidden;
  transition: 0.5s;
}
.set-rote {
  transition: 0.3s;
  transform: rotate(180deg);
}
.set-none {
  display: none !important;
}
.gcs-conent {
  display: flex;
  justify-content: space-between;
  margin-top: 32px;
}
.gcs-conent .title-box h2 {
  font-size: 20px;
}
.gcsc-l {
  width: 820px;
}
.gcsc-l .gcsc-title {
  color: #333333;
  text-align: center;
  font-size: 32px;
  font-weight: bold;
}
.gcsc-l .gcsc-fbt {
  color: #999999;
  margin-top: 12px;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
}
.gcsc-l .shifu-lsit {
  justify-content: flex-start;
  padding-top: 9px;
  box-sizing: border-box;
}
.gcsc-l .shifu-lsit .shifu-item {
  margin-right: 14px;
}
.gcsc-l .shifu-lsit .shifu-item:nth-of-type(2n) {
  margin-right: 0;
}
.gcsc-l .page-turner {
  margin-top: 30px;
}
.gcsc-l .page-form .form-bd1 {
  margin-top: 34px;
}
.gcsc-r {
  width: 402px;
}
.gcsc-r .yhpj-box {
  width: 402px;
  border: 1px solid #F5F5F5;
  border-radius: 4px;
  padding: 15px 15px;
  box-sizing: border-box;
}
.gcsc-r .sptj-serve {
  margin-top: 13px;
}
.yhpj-list {
  width: 100%;
}
.yhpj-item {
  padding: 15px 0;
  box-sizing: border-box;
  border-bottom: 1px solid #F5F5F5;
}
.yhpj-item:last-child {
  border-bottom: none;
}
.yhpj-top {
  display: flex;
  justify-content: space-between;
}
.yhpj-info {
  display: flex;
  align-items: center;
}
.yhpj-info h3 {
  font-weight: bold!important;
  color: #333333;
  margin-right: 10px;
  font-size: 16px;
  font-weight: 400;
}
.yhpj-info p {
  height: 24px;
  border: 1px solid #DDDDDD;
  border-radius: 4px;
  padding: 0 6px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  color: #999999;
  font-size: 12px;
  font-weight: 400;
}
.pj-time {
  color: #999999;
  font-size: 12px;
  font-weight: 400;
}
.pj-desc {
  line-height: 20px;
  color: #666666;
  margin-top: 10px;
  -webkit-line-clamp: 3;
  font-size: 14px;
  font-weight: 400;
}
.gcsxq-box {
  margin-top: 24px;
  display: flex;
  justify-content: space-between;
}
.gcsxq-box .title-box h2 {
  font-size: 20px;
}
.gcsxq-l {
  width: 820px;
}
.gcsxq-l .order-gg {
  margin-top: 16px;
}
.gcsxq-info {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.gcsxq-info .gcs-img {
  width: 126px;
  height: 168px;
  border-radius: 4px;
  position: static;
}
.gcsxq-info .gcsxq-dsc {
  display: flex;
  align-items: center;
  font-weight: bold !important;
  color: #333333;
  margin-top: 16px;
  font-size: 24px;
  font-weight: 400;
}
.gcsxq-info .gcsxq-dsc a {
  width: 90px;
  height: 32px;
  background: #FFFFFF;
  border: 1px solid #269BFF;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #269BFF;
  transition: 0.3s;
  margin-left: 16px;
  font-size: 16px;
  font-weight: 400;
}
.gcsxq-info .gcsxq-dsc a:hover {
  background: #269BFF;
  color: #FFFFFF;
  transition: 0.3s;
}
.gcs-tb {
  width: 100%;
  height: 250px;
  display: flex;
  justify-content: space-between;
  margin-top: 28px;
}
.zhpf-box {
  width: 357px;
  height: 100%;
  background: rgba(255, 97, 97, 0.07);
  border-radius: 8px;
  padding: 20px;
  box-sizing: border-box;
}
.zhpf-box .model-A {
  width: 126px;
  height: 126px;
}
.zhpf-box .zhpf-content {
  margin-top: 44px;
}
.zhpf-info {
  width: 100%;
  display: flex;
  justify-content: space-between;
  font-weight: bold !important;
  color: #333333;
  font-size: 16px;
  font-weight: 400;
}
.zhpf-info span {
  color: #FF6161;
}
.zhpf-content {
  display: flex;
  align-items: center;
  margin-top: 17px;
}
.zhpf-data .zhpf-item {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  color: #333333;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 400;
}
.zhpf-data .zhpf-item:last-child {
  margin-bottom: 0;
}
.zhpf-data .zhpf-item span {
  color: #FF6161;
}
.zhpf-data i {
  display: block;
  width: 6px;
  height: 6px;
  background: rgba(255, 97, 97, 0.3);
  margin-right: 8px;
}
.fwzl-box {
  width: 450px;
  height: 100%;
  background: rgba(0, 137, 255, 0.07);
  border-radius: 8px;
  padding: 20px;
  box-sizing: border-box;
}
.fwzl-box .model-A {
  width: 200px;
  height: 200px;
}
.fwzl-box .zhpf-content {
  margin-top: 0px;
  justify-content: space-between;
}
.fwzl-box .zhpf-data i {
  background: #269BFF;
  border-radius: 50%;
  opacity: 0.3;
}
.fwzl-box .zhpf-data .zhpf-item span {
  color: #269BFF;
}
.sfjs-box {
  width: 100%;
  padding: 20px 25px;
  border: 1px solid #F1F3F5;
  box-sizing: border-box;
  border-radius: 4px;
  margin-top: 16px;
}
.sfjs-box .sfjs-item {
  line-height: 24px;
  color: #333333;
  margin-top: 16px;
  font-size: 16px;
  font-weight: 400;
}
.sfjs-box .sfjs-item span {
  color: #999999;
}
.pj-box {
  width: 100%;
  padding: 20px 25px;
  border: 1px solid #F1F3F5;
  box-sizing: border-box;
  border-radius: 4px;
  margin-top: 16px;
}
.pj-box .yhpj-item {
  border-bottom: 1px solid #F5F5F5;
}
.pj-box .sfjs-item {
  line-height: 24px;
  color: #333333;
  margin-top: 16px;
  font-size: 16px;
  font-weight: 400;
}
.pj-box .sfjs-item span {
  color: #999999;
}
.gcsxq-r {
  width: 402px;
}
.gcsxq-r .excellent-engineer {
  height: auto;
  margin-top: 16px;
}
.gcsxq-r .excellent-engineer .engineer-info {
  width: 278px;
}
.gs-gg {
  width: 100%;
  height: 360px;
  background: #666666;
}
.gs-gg a {
  display: block;
  width: 100%;
  height: 100%;
}
.gs-gg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.f-nav-box {
  height: 50px;
  width: 100%;
  border-bottom: 1px solid #DDDDDD;
}
.fnav-box {
  display: flex;
  justify-content: space-around;
  height: 100%;
}
.fnav-box li {
  width: 100px;
  height: 100%;
}
.fnav-box li:after {
  transition: 0.3s;
  content: '';
  display: block;
  position: absolute;
  width: 0;
  bottom: 0;
  left: 35%;
  height: 3px;
  background: #269BFF;
}
.fnav-box li:hover {
  position: relative;
  transition: 0.3s;
}
.fnav-box li:hover a {
  color: #269BFF;
  font-weight: bold;
}
.fnav-box li:hover:after {
  transition: 0.3s;
  content: '';
  display: block;
  position: absolute;
  width: 30%;
  bottom: 0;
  left: 35%;
  height: 3px;
  background: #269BFF;
}
.fnav-box li a {
  width: 100%;
  height: 100%;
  color: #333333;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 400;
}
.fnav-box .fnav-cur {
  position: relative;
  transition: 0.3s;
}
.fnav-box .fnav-cur a {
  color: #269BFF;
  font-weight: bold;
}
.fnav-box .fnav-cur:after {
  transition: 0.3s;
  content: '';
  display: block;
  position: absolute;
  width: 30%;
  bottom: 0;
  left: 35%;
  height: 3px;
  background: #269BFF;
}
.intro-box {
  margin-top: 24px;
}
.infro-img-box {
  width: 100%;
  height: 400px;
  display: flex;
  justify-content: space-between;
  z-index: 11;
}
.infro-l {
  width: 600px;
  height: 100%;
  z-index: 11;
}
.infro-l img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.intro-c {
  width: 288px;
  height: 100%;
  z-index: 11;
}
.intro-c ul {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
}
.intro-c li {
  width: 100%;
  height: auto;
}
.intro-c img {
  height: 192px;
  width: 100%;
  border-radius: 4px;
}
.intro-r {
  width: 320px;
  height: 100%;
  z-index: 11;
}
.intro-r img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.intro-text {
  margin-top: 24px;
  line-height: 28px;
  color: #333333;
  font-size: 16px;
  font-weight: 400;
}
.intro-text p {
  line-height: 28px;
  font-size: 16px;
  font-weight: 400;
}
.jzg-box {
  height: 330px;
}
.jzg-box .title-box {
  margin-top: 42px;
  justify-content: center;
  position: relative;
}
.jzg-box .jzg-tb {
  width: 100%;
  height: 142px;
  display: flex;
  justify-content: center;
  margin-top: 80px;
}
.jzg-box .jzg-tb img {
  width: 966px;
  height: 100%;
}
.fwjz {
  width: 100%;
  height: 492px;
  background: #F4F4F5;
}
.jzg-bt {
  color: #333333;
  font-size: 32px;
  text-align: center;
  position: relative;
}
.line-box {
  width: 100%;
  display: flex;
  justify-content: center;
  position: absolute;
  bottom: -10px;
  left: 0;
}
.jzg-bt-line {
  width: 60px;
  height: 3px;
  background: #269BFF;
}
.fwjz-box {
  height: 100%;
  padding-top: 1px;
  box-sizing: border-box;
}
.fwjz-box .title-box {
  margin-top: 42px;
  justify-content: center;
  position: relative;
}
.fwjz-content {
  width: 100%;
  height: 320px;
  margin-top: 47px;
  display: flex;
  justify-content: center;
}
.fwjz-content .fwjz-center {
  height: 100%;
  width: 234px;
  position: relative;
}
.fwjz-content .fwjz-center fwjz-img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.fwjz-content .fwjz-item {
  width: 382px;
  height: 142px;
  background: #FFFFFF;
  border-radius: 6px;
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.fwjz-content .fwjz-title {
  font-weight: bold !important;
  color: #333333;
  font-size: 16px;
  font-weight: 400;
}
.fwjz-content .fwjz-text1 {
  color: #999999;
  line-height: 22px;
  text-align: right;
  margin-top: 13px;
  padding-left: 10px;
  box-sizing: border-box;
  font-size: 16px;
  font-weight: 400;
}
.fwjz-content .fwjz-text2 {
  text-align: left !important;
  padding-right: 10px !important;
  padding-left: 0 !important;
  color: #999999;
  line-height: 22px;
  text-align: right;
  margin-top: 13px;
  padding-left: 10px;
  box-sizing: border-box;
  font-size: 16px;
  font-weight: 400;
}
.fwjz-content .fwjz-left1 {
  top: 0;
  right: 311px;
  padding: 0 52px 0 20px;
  align-items: flex-end;
  transition: 0.3s;
}
.fwjz-content .fwjz-left1:hover {
  transition: 0.3s;
  right: 340px;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
}
.fwjz-content .fwjz-left1:hover .fwjz-iconl1,
.fwjz-content .fwjz-left1:hover .fwjz-iconl2 {
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
}
.fwjz-content .fwjz-hover1:hover {
  transition: 0.3s;
  right: 340px;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
}
.fwjz-content .fwjz-hover1:hover .fwjz-iconl1,
.fwjz-content .fwjz-hover1:hover .fwjz-iconl2 {
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
}
.fwjz-content .fwjz-hover2:hover {
  transition: 0.3s;
  left: 340px;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
}
.fwjz-content .fwjz-hover2:hover .fwjz-iconl1,
.fwjz-content .fwjz-hover2:hover .fwjz-iconl2 {
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
}
.fwjz-content .fwjz-left2 {
  top: 178px;
  right: 311px;
  padding: 0 52px 0 20px;
  align-items: flex-end;
  transition: 0.3s;
}
.fwjz-content .fwjz-left2:hover {
  transition: 0.3s;
  right: 340px;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
}
.fwjz-content .fwjz-left2:hover .fwjz-iconl1,
.fwjz-content .fwjz-left2:hover .fwjz-iconl2 {
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
}
.fwjz-content .fwjz-right1 {
  top: 0;
  left: 311px;
  padding: 0 20px 0 52px;
  align-items: flex-start;
  transition: 0.3s;
}
.fwjz-content .fwjz-right1:hover {
  transition: 0.3s;
  left: 340px;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
}
.fwjz-content .fwjz-right1:hover .fwjz-iconl1,
.fwjz-content .fwjz-right1:hover .fwjz-iconl2 {
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
}
.fwjz-content .fwjz-right2 {
  top: 178px;
  left: 311px;
  padding: 0 20px 0 52px;
  align-items: flex-start;
  transition: 0.3s;
}
.fwjz-content .fwjz-right2:hover {
  transition: 0.3s;
  left: 340px;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
}
.fwjz-content .fwjz-right2:hover .fwjz-iconl1,
.fwjz-content .fwjz-right2:hover .fwjz-iconl2 {
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
}
.fwjz-content .fwjz-iconl1 {
  position: absolute;
  right: -37px;
  top: 34px;
  height: 74px;
  width: 74px;
  border-radius: 50%;
}
.fwjz-content .fwjz-iconl2 {
  position: absolute;
  left: -37px;
  top: 34px;
  height: 74px;
  width: 74px;
  border-radius: 50%;
}
.fwln-box {
  height: 340px;
  padding-top: 1px;
  box-sizing: border-box;
}
.fwln-box .title-box {
  margin-top: 42px;
  justify-content: center;
  position: relative;
}
.fwln-content {
  width: 100%;
  display: flex;
  justify-content: center;
}
.fwln {
  margin-top: 168px;
  width: 938px;
  border-top: 1px dashed #A2ADB7;
  padding-top: 20px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.fwln-item {
  width: 162px;
  position: relative;
}
.fwln-item p {
  line-height: 24px;
  color: #333333;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
}
.floating {
  width: 100%;
  height: 83px;
  border-radius: 8px;
  position: absolute;
  top: -141px;
  left: 0;
  color: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.4s;
  font-size: 24px;
  font-weight: 400;
}
.floating:hover {
  transition: 0.4s;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
  top: -160px;
}
.fla-label1 {
  display: block;
  width: 11px;
  height: 11px;
  background: #177BD1;
  transform: rotate(45deg);
  position: absolute;
  top: 115px;
  left: 75px;
}
.fla-label2 {
  display: block;
  width: 11px;
  height: 11px;
  background: #D85151;
  transform: rotate(45deg);
  position: absolute;
  top: 115px;
  left: 75px;
}
.fla-line {
  transition: 0.4s;
  height: 38px;
  border-left: 1px dashed #A2ADB7;
  position: absolute;
  bottom: -38px;
  left: 80px;
}
.flbg-color1 {
  background: linear-gradient(180deg, #269BFF 0%, #0F8FE0 5%, #43AFF4 100%);
}
.flbg-color2 {
  background: linear-gradient(180deg, #D24B4B 0%, #F56E6E 100%);
}
.dev-box {
  display: flex;
  justify-content: center;
  margin-top: 37px;
}
.timeline-list {
  margin: 0;
  font-size: 14px;
  list-style: none;
}
.timeline-item:last-child .timeline-item_tail {
  display: none;
}
.timeline-item {
  position: relative;
  padding-bottom: 20px;
}
.timeline-item:hover .timeline-item_node {
  transition: 0.4s;
  box-shadow: 0px 2px 17px rgba(0, 0, 0, 0.3);
}
.timeline-item:hover .tbox-content {
  transition: 0.4s;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
  transform: translateX(20px);
}
.timeline-item_tail {
  position: absolute;
  left: 4px;
  height: 100%;
  border-left: 2px solid #e4e7ed;
}
.timeline-item_node {
  position: absolute;
  transition: 0.4s;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  left: -6px;
  width: 23px;
  height: 23px;
  padding: 4px;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #DDDDDD;
}
.timeline-item_node:after {
  position: absolute;
  content: '';
  display: block;
  width: 15px;
  height: 15px;
  background: #269BFF;
  left: 3px;
  top: 3px;
  border-radius: 50%;
}
.timeline-item_wrapper {
  position: relative;
  padding-left: 20px;
  top: 0px;
}
.timeline-item_timestamp {
  margin-bottom: 8px;
  padding-top: 0px;
  color: #242424;
  line-height: 1;
  font-weight: 700;
  font-size: 13px;
  padding-left: 10px;
}
.tbox {
  padding: 10px;
}
.tbox-content {
  transition: 0.4s;
  background: #f6f6f6;
  padding: 10px;
  width: 600px;
  line-height: 20px;
  color: #333333;
  font-size: 14px;
  font-weight: 400;
}
.company-info {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-top: 50px;
  box-sizing: border-box;
}
.info-item {
  display: flex;
  align-items: center;
  font-weight: bold!important;
  color: #333333;
  margin-bottom: 12px;
  font-size: 16px;
  font-weight: 400;
}
.info-item em {
  display: block;
  width: 30px;
  height: 30px;
  margin-right: 10px;
}
.info-item .info-icon1 {
  background: url("img/lx-phone-icon.png") no-repeat;
  background-size: 100% 100%;
}
.info-item .info-icon2 {
  background: url("img/address-icon.png") no-repeat;
  background-size: 100% 100%;
}
.dt-box {
  margin-top: 45px;
  height: 800px;
  display: flex;
  justify-content: center;
}
#dz-continer {
  width: 1190px;
  height: 100%;
}
.rzgw-box {
  margin-top: 42px;
}
.rzgw-box .title-box {
  margin-top: 42px;
  justify-content: center;
  position: relative;
}
.gw-list {
  width: 100%;
  display: flex;
  justify-content: space-between;
  /*margin-top: 40px;*/
}
.gw-list .gw-item {
  padding: 25px;
  box-sizing: border-box;
  width: 403px;
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
  border-radius: 4px;
  margin-top: 40px;
}
.gw-list .zw-name {
  font-size: 20px;
  font-weight: bold !important;
  color: #333333;
}
.gw-list .zwyq-title {
  margin-top: 18px;
  height: 20px;
  border-left: 3px solid #269BFF;
  display: flex;
  align-items: center;
  padding-left: 7px;
  box-sizing: border-box;
  font-weight: bold !important;
  color: #333333;
  font-size: 16px;
  font-weight: 400;
}
.gw-list .zw-desc {
  line-height: 20px;
  color: #333333;
  margin-top: 15px;
  width: 100%;
  font-size: 14px;
  font-weight: 400;
}
.gw-list .gw-lx {
  margin-top: 16px;
}
.gw-list .gw-lx p {
  color: #269BFF;
  margin-top: 10px;
  font-size: 14px;
  font-weight: 400;
}
.tdfs-box {
  margin-top: 20px;
}
.tdfs-box .title-box {
  justify-content: center;
  position: relative;
}
.tdfs {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 38px;
}
.tdfs .tdfs-info {
  width: 532px;
  height: 129px;
  background: #F2F6FB;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tdfs .td-img {
  width: 90px;
  height: 87px;
}
.tdfs .td-desc {
  margin-left: 25px;
}
.tdfs .td-desc p {
  font-weight: bold !important;
  line-height: 24px;
  color: #333333;
  font-size: 16px;
  font-weight: 400;
}
.tdfs .td-desc p:nth-child(1) {
  margin-bottom: 5px;
}
.search {
  width: 630px;
  height: 45px;
  margin-top: 24px;
  display: flex;
}
.input-box {
  width: 525px;
  height: 100%;
  background: #FFFFFF;
  border: 1px solid #999999;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  box-sizing: border-box;
  padding: 0 10px;
  position: relative;
}
.input-box input {
  width: 100%;
  height: 100%;
  padding-left: 40px;
  box-sizing: border-box;
  color: #333333;
  font-size: 16px;
  font-weight: 400;
}
.input-box i {
  position: absolute;
  top: 7px;
  left: 10px;
  display: block;
  width: 29px;
  height: 29px;
  background: url("img/search-logo.png") no-repeat;
}
.search-button {
  width: 105px;
  height: 100%;
  background: #269BFF;
  border-radius: 0px 4px 4px 0px;
  font-weight: bold !important;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 400;
}
.search-top .zxlb-nav-item {
  margin: 0 25px;
}
.search-top .zxlb-nav-item a {
  color: #666666;
}
.search-top .zxlb-nav-item:nth-child(1) {
  margin-left: 0;
}
.search-result {
  display: flex;
  justify-content: space-between;
  margin-top: 16px;
}
.result-l,
.search-k {
  width: 961px;
}
.fwjg-box {
  margin-bottom: 24px;
}
.fwjg-box .recomlt-serve {
  width: 100%;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 16px;
}
.fwjg-box .recomlt-serve li {
  width: 228px;
  height: 331px;
  margin-right: 16px;
}
.fwjg-box .recomlt-serve li:nth-of-type(4n) {
  margin-right: 0;
}
.fwjg-box .recomlt-serve li .rec-img {
  height: 202px;
}
.fwjg-box .recomlt-serve .rec-proname {
  margin-top: 16px;
}
.fwjg-box .rec-serve {
  background: #F8F8F8;
}
.jghz-text {
  color: #999999;
  display: flex;
  align-items: center;
  margin-top: 10px;
  font-size: 14px;
  font-weight: 400;
}
.jghz-text span {
  color: #FF6161;
}
.zxhz-box {
  margin-bottom: 24px;
}
.zxhz-box .rmzx-r {
  width: 100%;
}
.zxhz-box .rmzx-r .rmzxr-info {
  width: 770px;
}
.zxhz-box .rmzx-animation {
  margin-top: 24px;
}
.zxhz-box .label-a {
  max-width: 276px;
}
.wdhz-box {
  margin-bottom: 24px;
}
.wdhz-box .label-a {
  max-width: 276px;
}
.wdhz-box .rmwdl-list {
  height: auto;
  display: block;
  margin-top: 0;
}
.wdhz-box .rmwdl-list .rmwdl-item {
  margin-top: 24px;
}
.wdhz-box .rmwdinfo-r {
  width: 902px;
}
.sfhz-box {
  margin-bottom: 24px;
}
.hz-title {
  font-weight: bold!important;
  color: #333333;
  display: flex;
  align-items: center;
  font-size: 20px;
  font-weight: 400;
}
.hz-title span {
  color: #FF6161;
}
.jghz-a:hover {
  color: #0090E6;
  transition: 0.2s;
}
.result-r {
  width: 262px;
}
.result-r .title-box h2 {
  font-size: 20px;
}
.rmss {
  margin-bottom: 16px;
}
.rmss .label-data li {
  margin-right: 16px;
  margin-top: 16px;
}
.rmss .label-data li:nth-of-type(2n) {
  margin-right: 0px!important;
}
.search-k {
  margin-top: 16px;
}
.k-box {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.k-box img {
  width: 190px;
  height: 190px;
}
.k-box .k-text {
  margin-top: 16px;
  color: #999999;
  font-size: 16px;
  font-weight: 400;
}
.container-l {
  width: 100%;
  height: 100vh;
  position: relative;
}
.login-bg {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: calc(100vh - 60px);
}
.login-bg .login-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.register-bg {
  position: relative;
}
.register-bg:after {
  content: "";
  background-image: url("img/zc-bg.jpg");
  background-size: 1920px;
  background-position: center center;
  opacity: 0.4;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
}
.login-logo,
.register-logo {
  width: 100%;
  height: 60px;
  background: #FFFFFF;
  padding: 0 28px;
  box-sizing: border-box;
  justify-content: space-between;
  display: flex;
  align-items: center;
}
.register-logo {
  background: transparent;
  z-index: 11;
  position: fixed;
  top: 0;
  left: 0;
}
.login-l {
  display: flex;
  align-items: center;
  height: 100%;
}
.login-l img {
  width: 140px;
  height: auto;
}
.logo-text {
  color: #333333;
  margin-left: 16px;
  font-size: 16px;
  font-weight: 400;
}
.container-zc {
  width: 860px;
  height: 495px;
  background: #FFFFFF;
  opacity: 1;
  border-radius: 4px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  z-index: 11;
}
.container-zc .zc-img {
  height: 100%;
  width: 372px;
}
.container-content {
  width: 1000px;
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: flex-end;
}
.login-form {
  width: 340px;
  height: 468px;
  background: #FFFFFF;
  border-radius: 4px;
  padding: 0 30px;
  box-sizing: border-box;
}
.login-form .fwyy-label {
  margin-top: 25px;
  margin-bottom: 0;
}
.login-form .fwyy-label p {
  font-size: 14px;
  font-weight: 400!important;
  color: #999999;
  margin-top: 8px;
}
.login-bt {
  font-weight: bold!important;
  margin-top: 32px;
  text-align: center;
  color: #333333;
  margin-bottom: 8px;
  font-size: 24px;
  font-weight: 400;
}
.input-item {
  width: 100%;
  position: relative;
  margin-bottom: 16px;
}
.input-item .login-icon {
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 7px;
  top: 8px;
}
.input-item .login-icon1 {
  background: url("img/yh-icon.png") no-repeat;
  background-size: 100% 100%;
}
.input-item .login-icon2 {
  background: url("img/pass-icon.png") no-repeat;
  background-size: 100% 100%;
}
.login-input {
  width: 100%;
  height: 40px;
  border: 1px solid #DDDDDD;
  border-radius: 4px;
  padding: 0 20px 0 40px;
  box-sizing: border-box;
  color: #333333;
  transition: 0.3s;
  font-size: 14px;
  font-weight: 400;
}
.login-input:focus {
  border: 1px solid #269BFF;
  transition: 0.3s;
}
.wjmm-box {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.wjmm-box a {
  color: #269BFF;
  font-size: 12px;
  font-weight: 400;
}
.login-btn {
  width: 100%;
  height: 40px;
  background: #269BFF;
  opacity: 0.4;
  border-radius: 4px;
  margin-top: 24px;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
}
.zc-aciton {
  width: 100%;
  position: relative;
  height: 20px;
  display: flex;
  align-items: center;
  margin-top: 24px;
}
.zc-aciton .zc-bt {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  background: transparent;
  position: absolute;
  justify-content: center;
  left: 0;
  top: 0;
}
.zc-aciton .zc-line-box {
  width: 100%;
  height: 1px;
  background: #EBEBEB;
}
.zc-aciton .zc-tilte {
  display: flex;
  align-items: center;
  color: #333333;
  background: #FFFFFF;
  height: 100%;
  padding: 0 5px;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: 400;
}
.zc-aciton .zc-tilte a {
  color: #269BFF;
}
.login-footer {
  width: 100%;
  position: absolute;
  bottom: 24px;
  left: 0;
  display: flex;
  justify-content: center;
}
.login-footer p {
  width: 800px;
  line-height: 20px;
  color: #333333;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
}
.login-footer p a {
  color: #333333;
  font-size: 14px;
  font-weight: 400;
}
.login-footer p a:hover {
  color: #0090E6;
  transition: 0.2s;
}
.zc-form {
  width: 320px;
  margin-left: 80px;
}
.zc-form .login-bt {
  text-align: left;
  margin-bottom: 4px;
}
.zc-form .login-input {
  padding: 0 16px;
  box-sizing: border-box;
}
.zc-form .dx-box input {
  padding-right: 100px;
}
.zc-form .dx-item {
  padding: 0 10px;
  height: 38px;
  position: absolute;
  right: 0;
  top: 0;
  color: #269BFF;
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
}
.zc-form .login-btn {
  margin-top: 15px;
}
.xy-box {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.xy-box input[type="checkbox"] {
  margin: 0;
}
.xy-box .xy-desc {
  width: 300px;
  color: #333333;
  font-size: 14px;
  font-weight: 400;
}
.xy-box .xy-desc a {
  color: #269BFF;
}
.zc-text {
  color: #333333;
  margin-top: 15px;
  font-size: 14px;
  font-weight: 400;
}
.zc-text a {
  color: #269BFF;
}
.ts-text {
  display: block;
  color: #FF6161;
  margin-top: 5px;
  transition: 0.3s;
  font-size: 12px;
  font-weight: 400;
}
.honor-box .jzg-bt {
  width: 100%;
}
.honor-box .swiper-container {
  margin-top: 47px;
  width: 100%;
  /*height: 180px;*/
}
.honor-box .swiper-container .swiper-slide {
  height: 100% !important;
}
.honor-box .swiper-container .swiper-slide img {
  height: 100%;
  width: 100%;
  border-radius: 4px;
}
.honor-box .swiper-container:last-child {
  margin-top: 30px;
}
#yjdl,
#wdl {
  cursor: pointer;
}
.login-text {
  color: #999999;
  text-align: center;
  margin-bottom: 24px;
  font-size: 12px;
  font-weight: 400;
}
.page-404-box {
  width: 100%;
  height: calc(100vh - 350px);
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-404-box .page-404-one {
  width: 268px;
  height: 268px;
}
.page-404-box .page-404-two-box {
  margin-left: 30px;
}
.page-404-box .page-404-two {
  width: 190px;
  height: 150px;
}
.page-404-box .page-404-text {
  font-size: 18px;
  font-weight: 400;
  line-height: 10px;
  color: #999999;
}
.page-404-box .page-404-button {
  display: inline-block;
  width: 80px;
  height: 30px;
  line-height: 30px;
  border: 1px solid #0474F5;
  border-radius: 18px;
  font-size: 14px;
  font-weight: 400;
  color: #0474F5;
  text-align: center;
  margin-top: 30px;
  transition: 0.3s;
}
.page-404-box .page-404-button:hover {
  background: #0474F5;
  color: #fff;
  transition: 0.3s;
}