/* 动态效果 */

[class*="anim"]:hover,
[class*="anim"] * {
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
}

/* 鼠标经过时字体颜色变化*/
.animhover:hover {
  color: #0d6ed2 !important;
}

/*特殊放大*/
.aninlarge:hover {
  transition: all 0.8s ease-in-out;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  -ms-transition: all 0.8s ease-in-out;
  transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
}

/* 鼠标经过时背景色变化*/
.animbtn:hover {
  color: #fff !important;
  background-color: #0d6ed2 !important;
  border-color: #0d6ed2 !important;
}

/* 鼠标经过时放大*/
.animlarge:hover {
  transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
}

/* 鼠标经过时图片放大 */
.animenlarge:hover img {
  transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
}

/* 鼠标经过时旋转*/
.animrotate:hover {
  transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
}

.animrota {
  transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
}

/* 鼠标经过时图片旋转 */
.animrevolve:hover img {
  transform: rotate(-360deg);
  -o-transform: rotate(-360deg);
  -ms-transform: rotate(-360deg);
  -moz-transform: rotate(-360deg);
  -webkit-transform: rotate(-360deg);
}

/* 鼠标经过时边框阴影变化*/
.animbsh:hover {
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1);
}

/* 鼠标经过时上移*/
.animmove:hover {
  transform: translate(0, -10px);
  -o-transform: translate(0, -10px);
  -ms-transform: translate(0, -10px);
  -moz-transform: translate(0, -10px);
  -webkit-transform: translate(0, -10px);
}

.animmover:hover {
  transform: translate(10px, 0px);
  -o-transform: translate(10px, 0px);
  -ms-transform: translate(10px, 0px);
  -moz-transform: translate(10px, 0px);
  -webkit-transform: translate(10px, 0px);
}

/* 鼠标经过时高亮*/
.animfilter:hover {
  filter: brightness(1.15);
}

/* 动态效果end */

/**/
a {
  text-decoration: none !important;
}

.wd32 {
  width: 32%;
}

.wd48 {
  width: 48%;
}

.wd67 {
  width: 67%;
}

.wd83 {
  width: 83%;
}

.ht50 {
  height: 50%;
}

.px20 {
  padding: 20px;
}

.ptb10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.ptb20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.plr20 {
  padding-left: 20px;
  padding-right: 20px;
}

.mt100 {
  margin-top: 100px;
}

.mr0 {
  margin-right: 0 !important;
}

.mr40 {
  margin-right: 40px;
}

.mb15 {
  margin-bottom: 15px;
}

.colbfb {
  color: #bfbfbf;
}

.bg1b2 {
  background-color: #1b243a;
}

.bg1e1 {
  background-color: #1e1e1e;
}

.bgtr {
  background-color: transparent !important;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.container {
  width: 1300px;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
}

.bshadow {
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
}

.icons {
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

/* 晋中首页内容区域 */
/* 版心 */
.jinzhong_bx {
  width: 1200px;
  margin: auto;
}

.jinzhong_banner {
  /* height: 476px; */
  height: 400px;
  background-size: 100% 100%;
  
}

.jinzhong_container {
  position: relative;
  /* top: -7vh; */
  /* top: 6vh; */
}
/* 125分辨率适配  */
/* @media (max-width: 1919px) and (min-width: 768px) {
  html {
      zoom: 60%;
  }
  @-ms-viewport { width: 1920px; }
}*/


.containerpolicybox {
  margin: 0 auto;
  width: 1400px;
  position: relative;
  height: 100px;
}
.jinzhong_policy {
  width: 1200px;
  transform: translateY(-79px);
  display: flex;
  justify-content: space-between;
  height: 150px;
  /* height: 213px;; */
  z-index: 999;
  position: relative;
  overflow: hidden;
  /* box-shadow: 0px 15px 40px rgba(0, 0, 0, 0.10); */
  /* border-radius: 10px; */
}
.jz-yysf-xgwjswi {
  width: 1200px;
  display: flex;
  justify-content: space-between;
  height: 150px;
  z-index: 999;
  position: relative;
  overflow: hidden;
}
.swiper_bg_ridus {
  width: 1640px;
  height: 140px;
}

.jinzhong_pyitem {
  display: flex;
  align-items: center;
  width: 360px;
  height: 140px;
  padding: 18px 60px 18px 0;
  background: #fff;
  /* box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.1); */
  /* box-shadow: 0px 15px 40px rgba(0, 0, 0, 0.10); */
  border-radius: 10px !important;

}

.jinzhong_pyitemac {
  border-radius: 10px !important;
  box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.1);
}
.lbtswiper-slidebg {
  display: flex !important;justify-content: space-between !important;background: none !important;
}
.swiper-containerpolicy .swiper-slide {
  text-align: left !important;
  border-radius: 10px !important;
}
.swiper-containerpolicy .swiper-wrapper {
  transform: translateY(0)
}

  

.jinzhong_pyimg {
  width: 190.53px;
  height: 104px;
}

.jinzhong_pyimg img {
  width: 100%;
  height: 100%;
}

.jinzhong_pytitle {
  padding: 14px 0 9px 0;
  color: #303040;
  font-size: 20px;
}
.jinzhong_pytitle:hover { 
  color: #0d6ed2;
}
jz_Newslbgimg1
.jinzhong_pytest {
  line-height: 23px;
  font-size: 14px;
  color: #8B8DA1;
}

.jinzhong_pyconinr {
  padding-left: 2px;
  width: 167px;
}


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

.twollipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.threellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.jinzhong_center {
  padding-top: 0px;
}

.jinzhong_notice {
  display: flex;
  align-items: center;
  margin: 102px auto 30px auto;
  padding: 0 12px 0 22px;
  width: 1198px;
  height: 52px;
  background: rgba(255, 255, 255, 0.39);
  box-shadow: 0px 0px 20px rgba(216, 216, 216, 0.62);
  opacity: 1;
  border-radius: 28px;
}

.jingzhong_message {
  width: 24.86px;
  height: 26.93px;
  background: url(../images/message.png) no-repeat;
  background-size: 100% 100%;
}

.jingzhong_gongao {
  margin: 0 0px 0 14px;
  color: #4A84F7;
  font-size: 16px;
  font-weight: 700;
}

.jingzhong_mgte1 {
  width: 460px;
  position: relative;
  color: #333333;
  font-size: 14px;
  padding-left: 13px;
  margin: 0 30px 0 9px;
}

.jingzhong_mgte1:hover {
  color: #4A84F7;
}

.jinzhong_titlebd:hover {
  color: #4A84F7;
}



.jingzhong_mgte2:hover {
  color: #4A84F7;
}

.jingzhong_mgte1::before {
  content: '';
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #333333;
  top: 7px;
  margin-left: -10px;
}

.jingzhong_mgte2 {
  padding-left: 13px;
  width: 460px;
  position: relative;
  color: #333333;
  font-size: 14px;
}

.jingzhong_mgte2::before {
  content: '';
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #333333;
  top: 7px;
  margin-left: -9px;
}

.jinzhong_tit_box {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.jinzhong_tit_leftbg {
  width: 119px;
  height: 22px;
  background: url(../images/jinzhong_tit_leftbg.png) no-repeat;
  background-size: 100% 100%;
}

.jinzhong_tit_rightbg {
  width: 119px;
  height: 22px;
  background: url(../images/jinzhong_tit_rightbg.png) no-repeat;
  background-size: 100% 100%;
}

.jinzhong_tit_tile {
  margin: 0 20px;
  color: #222222;
  font-size: 28px;
}

.jinzhong_gypon {
  position: relative;
  width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  /* justify-content: space-between; */
  gap: 26px;
  margin-top: 49px;
  padding-bottom: 63px;
}

.jinzhong_gyitem {
  padding: 32px 30px 0 30px;
  width: 280px;
  height: 220px;
  background: rgba(255, 255, 255, 0.39);
  box-shadow: 0px 15px 40px rgba(0, 0, 0, 0.1);
  opacity: 1;
  border-radius: 10px;

  border-bottom: 7px solid #4A84F7;
}
.jinzhong_gyitem:hover .jinzhong_gytitle {
  color: #4A84F7;
}
.jinzhong_gytitle {
  font-weight: 700;
  font-size: 18px;
  color: #303040;
  padding-bottom: 19px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.jinzhong_gytest {
  font-size: 14px;
  line-height: 27px;
  color: #8A8DA1;
}

.forllipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

.jinzhong_Popular {
  width: 1200px;
  margin: 0 auto;
  margin-top: 30px;
  margin-bottom: 50px;
  display: flex;
  padding: 0 50px 0 30px;
  align-items: center;
  height: 100px;
  background: url(../images/jingzhong_Popular.png) no-repeat;
  background-size: 100% 100%;
}

.jinzhong_emprise {
  width: 1028px;
  display: flex;
  padding-top: 14px;
  flex-wrap: wrap;
}

.jinzhong_empitem::before {
  content: '';
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #fff;
  top: 7px;
  margin-left: -10px;
}

.jinzhong_Popgys {
  font-weight: 700;
  width: 130px;
  position: relative;
  top: -1vh;
  margin-right: 49px;
  font-size: 24px;
  color: #FFFFFF;
}

.jinzhong_Popgys::after {
  content: '';
  position: absolute;
  top: 48px;
  left: 0;
  bottom: 44px;
  width: 30px;
  border-bottom: 3px solid #FFFFFF;
}

.jinzhong_empitem {
  padding-bottom: 10px;
  position: relative;
  margin-right: 72px;
  display: flex;
  font-size: 16px;
  color: #fff;
}

.jingzhong_scene {
  padding-top: 63px;
  height: 626px;
  background: url(../images/jingzhong_scene.png) no-repeat;
  background-size: 100% 100%;
}

.jinzhong_ghfhybg {
  width: 1398px;
  margin: 0 auto;
  padding: 0 100px;
  margin-top: 59px;
  height: 196px;
  background: url(../images/jingzhong_borderbg.png) no-repeat;
  background-size: 100% 100%;
}


.jingzhong_szhzx {
  padding-top: 72px;
  height: 758px;
  background: url(../images/jingzhong_szhzx.png) no-repeat;
  background-size: 100% 100%;
}

.jinzhong_gypnpzh {
  margin-left: 2px;
  margin-top: 71px;
  width: 872px;
  height: 289px;
  background: rgba(255, 255, 255, 0.39);
  box-shadow: 0px 15px 40px rgba(0, 0, 0, 0.06);
  opacity: 1;
  border-radius: 20px;
}

.jinzhong_tit_rightbgitem:nth-child(1) {
  background: url(../images/jinzhong_tit_rightbgitem1.png) no-repeat;
  background-size: 100% 100%;
}

.jinzhong_tit_rightbgitem:nth-child(2) {
  background: url(../images/jinzhong_tit_rightbgitem2.png) no-repeat;
  background-size: 100% 100%;
}

.jinzhong_tit_rightbgitem:nth-child(3) {
  background: url(../images/jinzhong_tit_rightbgitem3.png) no-repeat;
  background-size: 100% 100%;
}

.jinzhong_tit_rightbgitem:nth-child(4) {
  background: url(../images/jinzhong_tit_rightbgitem4.png) no-repeat;
  background-size: 100% 100%;
}

.jinzhong_tit_rightbgitem:nth-child(5) {
  background: url(../images/jinzhong_tit_rightbgitem5.png) no-repeat;
  background-size: 100% 100%;
}

.jinzhong_tit_rightbgitem:nth-child(6) {
  background: url(../images/jinzhong_tit_rightbgitem6.png) no-repeat;
  background-size: 100% 100%;
}

.jinzhong_tit_rightbgitem {
  padding: 26px 70px 0 35px;
  margin-bottom: 30px;
  width: 31.3%;
  height: 165px;
  box-shadow: 0px 15px 40px rgba(0, 0, 0, 0.1);
}

.jinzhong_tit_rtbox {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  transform: translateY(66px);
}

.jinzhong_title12 {
  font-weight: 700;
  font-size: 16px;
  color: #303040;
  padding-bottom: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.jinzhong_titlebd {
  width: 269px;
  position: relative;
  font-size: 14px;
  line-height: 28px;
  color: #8B8DA1;
  padding-left: 18px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.jinzhong_titlebd::before {
  content: '';
  position: absolute;
  width: 5px;
  height: 5px;
  background: #4077f5;
  border: 2px solid #A0C0FF;
  border-radius: 50%;
  opacity: 1;
  top: 7px;
  margin-left: -17px;
}

.slider {
  position: relative;
  overflow: hidden;
}

.slider-items {
  display: flex;
}

.jinzhong_slider-item {
  padding: 3px 97px 0 100px;

}

.slider-prev {
  position: absolute;
  top: 50%;
  left: 40px !important;
  transform: translateY(-50%);
  padding: 10px;
  cursor: pointer;
  border: none;
  background: transparent;
  width: 20px;
  height: 28.42px;
  background: url(../images/slider-prev_active.png) no-repeat;
  background-size: 100% 100%;
}

.slider-next {
  position: absolute;
  top: 50%;
  right: 40px !important;
  transform: translateY(-50%);
  padding: 10px;
  cursor: pointer;
  border: none;
  width: 20px;
  height: 28.42px;
  background: url(../images/slider-next.png) no-repeat;
  background-size: 100% 100%;

}

.slider-prev {
  left: 0;
}

.slider-next {
  right: 0;
}

.slider-dots {
  display: flex;
  justify-content: center;
  margin: 20px 0;
}

.slider-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #fff;
  margin: 0 5px;
  cursor: pointer;
}

/* .slider-dot.active {
  background-color: #f00;
} */


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

.jinzhong_swriperimg {
  width: 280px;
  height: 195px;
  border-radius: 20px;
}

.jinzhong_swriper_info {
  margin-left: 27px;
  width: 368px;
}

.jinzhong_sp_te {
  color: #333333;
  font-size: 20px;
  font-weight: 700;
  padding-bottom: 16px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.jinzhong_sp_itest {
  font-size: 14px;
  line-height: 28px;
  color: #8B8DA1;
  opacity: 1;

}

.jinzhong_sp_btn {
  cursor: pointer;
  color: #326DD5;
  text-align: center;
  font-size: 14px;
  margin-top: 12px;
  width: 97px;
  height: 31px;
  line-height: 31px;
  background: rgba(255, 255, 255, 0.39);
  border: 1px solid #326DD5;
  border-radius: 20px;

}

.jinzhong_sp_btn:hover {
  background-color: #326DD5;
  color: #fff;
}

.jingzhong_industry {
  background: url(../images/jingzhong_industry.png) no-repeat;
  background-size: 100% 100%;
}

.jingzhong_consxf {
  width: 1320px;
  margin: 0 auto;
  overflow-x: hidden;
  padding-top: 100px;
  transform: translateY(10px);
  top: 3px;
  height: 893px;
  background: url(../images/jingzhong_indys.png) no-repeat;
  background-size: 100% 100%;
}

.jinzhong_fn_insty {
  display: flex;
  margin-top: 61px;
  transform: translateX(134px);
  height: 89px;
  border-radius: 10px 0px 0px 10px;
}

.jinzhong_fn_cyL {
  font-weight: 700;
  font-size: 22px;
  border-radius: 10px 0px 0px 10px;
  width: 167px;
  height: 89px;
  background-color: #4F77F3;
  color: #fff;
  text-align: center;
  line-height: 89px;
}

.jinzhong_fn_item {
  cursor: pointer;
  position: relative;
  width: 304px;
  display: flex;
}


.jinzhong_fn_item_acbg {
  background: url(../images/jinzhong_fn_item_acbg.png) no-repeat;
  background-size: 100% 100%;

}

.jinzhong_fn_yeyl {
  font-weight: 700;
  padding: 40px 39px 0 34px;
  color: #222222;
  font-size: 22px;
}

.jinzhong_fn_num {
  padding-top: 21px;
  font-size: 30px;
  color: #4F77F3;
  font-weight: 700;
}

.jinzhong_fn_shula {
  color: #8B8DA1;
  font-size: 12px;
  float: right;
}

.jinzhong_fn_item_acbg .jinzhong_fn_right_bg {
  display: block;
  background: url(../images/jinzhong_fn_right_bg.png) no-repeat !important;
  background-size: 100% 100%;
  width: 10px;
  height: 14.21px;
  position: absolute;
  top: 39px;
  right: 28px;
}

.jinzhong_fn_right_rabff {
  display: block;
  background: url(../images/jinzhong_fn_right_rabff.png) no-repeat;
  background-size: 100% 100%;
  width: 10px;
  height: 14.21px;
  position: absolute;
  top: 39px;
  right: 28px;
}

.jinzhong_fn_cyL_bgc {
  display: flex;
  background: rgba(255, 255, 255, 0.39);
  box-shadow: 0px 0px 10px rgba(79, 119, 243, 0.17);
}

.jinzhong_xqdjbox {
  transform: translateX(132px);
  margin-top: 57px;
  display: flex;

}

.jinzhong_xqdj_left {
  margin-right: 48px;
}

.jinzhong_wyfsbox {
  margin-bottom: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
  width: 516px;
  height: 59px;
  background: #F0F0F0;
  border-radius: 10px 10px 0px 0px;
}

.jinzhong_wyfsbox div:nth-child(1) {
  color: #02BFA7;
  font-size: 18px;
  font-weight: 700;
}

.jinzhong_wyfsbox div:nth-child(2) {
  cursor: pointer;
  width: 110px;
  height: 30px;
  background: #02BFA7;
  border-radius: 20px;
  text-align: center;
  line-height: 30px;
  color: #fff;
}

.jz_content_xfscbox {
  margin-right: 15px;
}

.jinzhong_smarket {
  width: 543px;
  padding: 0 10px 0 18px;
  height: 56px;
  line-height: 56px;
  display: flex;
  border-bottom: 1px solid #E3EDF6;
}

.jinzhong_sericebbox {
  display: flex;
  align-items: center;
}
.jinzhong_sericebbox div:nth-child(1) {
  font-size: 14px;
  color: #172D45;
}

.jinzhong_fw_bgblue {
  margin-right: 9px;
  width: 35.14px;
  margin-top: 7px;
  text-align: center;
  line-height: 16px;
  color: #fff;
  height: 22.36px;
  background: url(../images/jinzhong_fw_bgblue.png) no-repeat;
  background-size: 100% 100%;
}

.jinzhong_fw_org {
  margin-right: 9px;
  width: 35.14px;
  margin-top: 7px;
  text-align: center;
  line-height: 16px;
  color: #fff;
  height: 22.36px;
  background: url(../images/jinzhong_fw_bgtinarorg.png) no-repeat;
  background-size: 100% 100%;
}

.jinzhong_fw_green {
  margin-right: 9px;
  width: 35.14px;
  margin-top: 7px;
  text-align: center;
  line-height: 16px;
  color: #fff;
  height: 22.36px;
  background: url(../images/jinzhong_fw_bgtinargreen.png) no-repeat;
  background-size: 100% 100%;
}

.jinzhong_fw_bgtinar {}

.jinzhong_xqdj_right .jinzhong_smarket div:nth-child(1) {
  color: #172D45;
  font-size: 14px;
}

.jinzhong_sericebbox div:nth-child(2) {
  color: #172D45;
  font-size: 14px;
}

.jinzhong_cqyxq {
  color: #172D45;
  font-size: 14px;
}

.jinzhong_details {
  font-size: 13px;
  color: #8B8DA1;
  cursor: pointer;
}

.clo249FFF {
  color: #249FFF !important;

}

.bgcclo249FFF {
  background-color: #249FFF !important;
}

.jinzhong_zyqhebox {
  padding-top: 63px;
  height: 626px;
  background: url(../images/jinzhong_zyqhebox.png) no-repeat;
  background-size: 100% 100%;
}

.jingzhong_szjrqrq {
  text-align: center;
  line-height: 400px;
  width: 1200px;
  height: 400px;
  background: rgba(255, 255, 255, 0.79);
  box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.06);
  opacity: 1.6;
  border-radius: 10px;
  font-size: 28px;
  color: #666666;
}

.jinzhong_zcyzgjbox {
  padding-top: 63px;
  height: 626px;
  background: url(../images/jinzhong_zcyzgjbox.png) no-repeat;
  background-size: 100% 100%;
}

.jinzhong_fw_wd100 {
  width: 200px;
}

.jinzhong_nwsbox {
  padding-top: 53px;
  height: 860px;
  background: url(../images/jinzhong_centermc.png) no-repeat;
  background-size: 100% 100%;
}

.right_disabled {
  pointer-events: none;
  position: absolute;
  top: 50%;
  right: 40px !important;
  transform: translateY(-50%);
  padding: 10px;
  cursor: pointer;
  border: none;
  width: 20px;
  height: 28.42px;
  background: url(../images/slider-next_disabled.png) no-repeat !important;
  background-size: 100% 100% !important;
}

.left-prevdisabled {
  position: absolute;
  top: 50%;
  left: 40px !important;
  transform: translateY(-50%);
  padding: 10px;
  cursor: pointer;
  border: none;
  background: transparent;
  width: 20px;
  height: 28.42px;
  background: url(../images/slider-prev.png) no-repeat;
  background-size: 100% 100%;
}

.box {
  position: relative;
}


.swiper-button-next_left {
  width: 20px;
  left: 25px;
  right: auto;
  height: 28.42px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url(../images/slider-prev_active.png) no-repeat;
  background-size: 100% 100%;
  z-index: 10;
  cursor: pointer;
}


.swiper-button-prev_right {
  width: 20px;
  right: 25px;
  height: 28.42px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url(../images/slider-next.png) no-repeat;
  background-size: 100% 100%;
  z-index: 10;
  cursor: pointer;
}

.jinzhong_smarket:hover div:nth-child(1):hover,
.jinzhong_smarket:hover div:nth-child(2):hover {
  cursor: pointer;
  color: #3c7ff3;
}

.jinzhong_details:hover {
  color: #3c7ff3;
}

.swiper-slide {}

@media only screen and (min-width: 3840px) {
  .jinzhong_banner {
    width: 1920px;
    margin: 0 auto;
  }

  .swiper-slide {
    background-size: 100% 100%;
  }
}

/* 项目对接 */
.jz_cotinar {
  padding-top: 10px;
  margin-top: 86px;
  background: #F7F7F7;
  
  height: 1510px;
}

.jz_hdtab {
  height: 180px;
  background-color: #fff;
}

.jz_wx {
  width: 1200px;
  margin: 0 auto;
}

.fa-jzhome {
  padding-left: 22px;
  position: relative;
}

.fa-jzhome::before {
  content: '';
  position: absolute;
  top: .1px;
  width: 15.99px;
  height: 15px;
  margin-left: -19px;
  background: url(../images/home.png) no-repeat;
  background-size: 100% 100%;
  color: #181b22;
  font-size: 18px;

}

.col5C6780 {
  color: #5C6780;
}

.pb10_5 {
  padding-bottom: 10.5px;
}

.jz_mbconent {
  padding: 20px 0 20px 27.5px;
}

.jd_jptitle {
  padding-top: 10px;
  padding-left: 27.5px;
  padding-left: 47.5px;
}

.col165 {
  color: #4B84F7;

}

.befor-tit {
  position: relative;
}

.befor-tit::before {
  content: "";
  width: 3px;
  height: 22px;
  top: 50%;
  margin-top: -11px;
  background: #4B84F7;
  border-radius: 6px 6px 6px 6px;
  display: inline-block;
  position: absolute;
  left: -12px;
}

.jz_tabbox {
  padding-left: 35px;
  padding-right: 20px;
  padding-top: 20px;
  padding-bottom: 15px;
}

.jz_hylx {
  font-size: 16px;
  color: #333333;
  margin-right: 20px;
  height: 27px;
  line-height: 27px;
}

.jz_tabitem {
  font-size: 16px;
  color: #333333;
  margin-right: 27px;
  border-radius: 2px;
  height: 27px;
  line-height: 27px;
  padding: 0 10px;
}
.jz_tabitem2 {
  font-size: 16px;
  color: #333333;
  margin-right: 27px;
  border-radius: 2px;
  height: 27px;
  line-height: 27px;
  padding: 0 10px;
}
.jz_tabitem3 {
  font-size: 16px;
  color: #333333;
  margin-right: 27px;
  border-radius: 2px;
  height: 27px;
  line-height: 27px;
  padding: 0 10px;
}

.jz_tabitem_active {
  cursor: pointer;
  background-color: #D5E3FF;
  color: #4B84F7;

}

.jz_tabitem:hover {
  cursor: pointer;
  color: #4B84F7;
  background-color: #D5E3FF;

}
.jz_tabitem2:hover {
  cursor: pointer;
  color: #4B84F7;
  background-color: #D5E3FF;
}
.jz_tabitem3:hover {
  cursor: pointer;
  color: #4B84F7;
  background-color: #D5E3FF;
}

.jz_input_coniar {
  padding-top: 22px;
  display: flex;
  padding-left: 17px;
  padding-bottom: 20px;
  border-top: 1px solid #EAEAEA;
  margin: 0 35px;
}

.jz_gjc {
  color: #333333;
  font-size: 16px;
  margin-right: 16px;
  height: 32px;
  line-height: 32px;
}

.jz_pr_input {
  width: 260px;
  height: 32px;
  padding-left: 10px;
  border-radius: 2px;
  border: 1px solid #E8E8E8;
}

.jz_pr_input::placeholder {
  color: #AAAAAA;
}

.jz_btn_cinftr {
  cursor: pointer;
  width: 65px;
  height: 35px;
  border-radius: 2px;
  text-align: center;
  line-height: 35px;
  background-color: #4B84F7;
  color: #fff;
  margin-left: 10px;
}

.jz_pritembox {
  margin-top: 30px;
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
}

.jz_project_item {
  padding: 30px 24px 0 24px;
  width: 384px;
  height: 261px;
  background: #FFFFFF;
  box-shadow: 0px 0px 12px 1px rgba(82, 96, 120, 0.1);
  border-radius: 10px 10px 10px 10px;
}

.jz_prtitle {
  color: #181B22;
  font-size: 20px;
  font-weight: 700;
  padding-bottom: 25px;
  border-bottom: 1px solid #E5E5E5;
}

.jz_prolx {
  display: flex;
  padding-top: 34px;
}

.jz_prolx span:nth-child(1) {
  width: 66.4px;
}

.jz_prolx span:nth-child(2) {
  width: 263px;
}

.jz_xmdetal {
  padding-top: 10px;
  line-height: 22px;
}


.jz_pageconitar {
  margin: 0 auto;
  margin-bottom: 37px;
}

/* 项目对接详情 */
.jz_pjdeatilsbox {
  padding: 0 35px 62px 35px;
}

.jz_details_title {
  padding: 60px 0;
  text-align: center;
  font-size: 28px;
  color: #333333;
  font-weight: 700;
}

.jz_timebox {
  padding: 0 128px 30px 139px;
  display: flex;
  justify-content: space-between;

  border-bottom: 1px solid #DDDDDD;
}

.col999999 {
  color: #999999;
}

.jz_details_hy {
  padding-top: 30px;
  padding-bottom: 5px;
}

.clo8A8DA1 {
  color: #8A8DA1;
}

.jz_details_jy div:nth-child(2) {
  line-height: 25px;
}

.jz_details_jy {
  display: flex;
}

.jz_detials_content {
  padding: 0 134px 0 142px;
}

.jz_detausername {
  padding-top: 30px;
  display: flex;
  padding-bottom: 14px;
}

.jz_detausephton {
  display: flex;
}

.jz_seekadvice {
  margin-top: 80px;
  padding-left: 14px;
  font-size: 18px;
  color: #4B84F7;
  font-weight: 700;
  position: relative;
}

.jz_seekadvice::before {
  content: "";
  width: 4px;
  height: 20px;
  top: 54%;
  margin-top: -11px;
  background: #4B84F7;
  border-radius: 6px 6px 6px 6px;
  display: inline-block;
  position: absolute;
  left: 1px;
}

.jz_lxrinfobox {

  display: flex;
}

.jz_lxr_input {
  padding-left: 10px;
  margin-left: 38px;
  width: 260px;
  height: 32px;
  background: #FFFFFF;
  border-radius: 2px 2px 2px 2px;
  opacity: 1;
  border: 1px solid #E8E8E8;
}

.jz_lxr_input::placeholder {
  color: #AAAAAA;
  padding-left: 12px;
}

.jz_lxr_Continar {
  position: relative;
  z-index: 999;
  margin-top: 39px;
  display: flex;
  height: 32px;
  line-height: 32px;
}

.jz_lxr_inputcotent {
  position: relative;
  padding-top: 8px;
  margin-left: 38px;
  padding-left: 10px;
  width: 673px;
  height: 118px;
  background: #FFFFFF;
  border-radius: 2px 2px 2px 2px;
  opacity: 1;
  border: 1px solid #E8E8E8;
}

.jz_lxr_inputcotent::placeholder {
  color: #AAAAAA;
  padding-left: 12px;
}

.jz_lxr_Continarnr {
  position: relative;
  margin-top: 30px;
  display: flex;
  height: 118px;
  line-height: 118px;
}

.jz_details_sumbit {
  margin: 40px 0 0 87px;
  width: 160px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  color: #fff;
  background: #4B84F7;
  border-radius: 4px 4px 4px 4px;
  opacity: 1;
}

.jz_lxr_Continarnr::before {
  left: 286px;
  content: '';
  position: absolute;
  width: 732px;
  height: 385px;
  background: url(../images/jz_details_bg.png) no-repeat;
  background-size: 100% 100%;
  top: -106px;
}

.jz_cotinardetails {
  height: 934px !important;
}


/* 云服务商 */
.jz_cloudservices {}

.jz_Companybox {
  margin-top: 81px;
  width: 100%;
  height: 350px;
  background: url(../images/jz_Companybg.png) no-repeat;
  background-size: 100% 100%;
}

.jz_Companycontinar {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.jz_compay_logo {
  margin: 47px 0 8px 0;
  width: 138px;
  height: 99px;
}

.jz_compay_logo img {
  width: 100%;
  height: 100%;
}

.jz_compay_title {
  color: #181B22;
  font-weight: 700;
  font-size: 20px;
}

.jz_compay_details {
  margin-top: 17px;
  width: 1200px;
  color: #5C6780;
  line-height: 24px;
  font-size: 14px;

}

.jz_open {
  color: #4984F7;
  font-size: 14px;
}

.fs-p14 {
  font-size: 14px;
}

.jz_compay_details p {
  font-size: 14px;
}

.jz_phtoncontinar {
  display: flex;
  height: 24px;
  align-items: center;
  margin-top: 17px;
}

.jz_comphton {
  margin-right: 6px;
  width: 19px;
  height: 19px;
  background: url(../images/jz_comphton.png) no-repeat;
  background-size: 100% 100%;
}

.jz_coplxfs {
  font-weight: 700;
  font-size: 18px;
  color: #4B84F7;
}

.jz_comyphotn {
  font-weight: 700;
  font-size: 18px;
  color: #4B84F7;
}

.jz_comprehensive {
  display: flex;
  align-items: center;
  margin: 30px auto 35px auto;
  width: 1200px;
  padding-left: 35px;
  height: 60px;
  background: rgba(255, 255, 255, 0.39);
  box-shadow: 0px 0px 12px rgba(82, 96, 120, 0.1);
  opacity: 1;
  border-radius: 10px;
}

.jz_compaycenter {}

.jz_pageview {
  position: relative;
  display: flex;
}

.jz_pagezhbox {
  margin-right: 29px;

  color: #4B84F7;
  font-size: 16px;
}

.jz_count {

  margin-right: 39px;
  font-size: 16px;
}

.jz_comptopbox {
  position: absolute;
  top: 4.5px;
  right: 30px;
}

.jz_comptoparro {
  cursor: pointer;
  margin-bottom: 3px;
  width: 0;
  height: 0;
  border: 6.5px solid transparent;
  border-bottom-color: #000000;
}

.col8a8{
  color: #8a8a8a;
}

.on{
  color: #000;
}

.jz_compbottomarro {
  cursor: pointer;
  width: 0;
  height: 0;
  border: 6.5px solid transparent;
  border-top-color: #000000;
}

.jz_comprlistconinr {
  display: flex;
  flex-wrap: wrap;
}

.jz_compritem {
  display: flex;
  padding: 35px 15px 0 35px;
  width: 100%;
  height: 180px;
  background: rgba(255, 255, 255, 0.39);
  box-shadow: 0px 0px 12px rgba(82, 96, 120, 0.1);
  opacity: 1;
  border-radius: 10px;
  margin-bottom: 25px;
}

.jz_comprlogo {
  margin-right: 29px;
  width: 110px;
  height: 110px;
  background: rgba(255, 255, 255, 0.39);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.11);
  opacity: 1;
  border-radius: 6px;
}

.jz_comprlogo img {
  width: 100%;
  height: 100%;
}

.jz_comprtitle {
  width: 997px;
  color: #181B22;
  font-size: 20px;
  font-weight: 700;
}

.jz_comprempbox {
  margin: 13px 0 6px 0;
  display: flex;
}

.jz_comprecotent {
  width: 841px;
  margin-right: 34px;
  line-height: 24px;
  width: 841px;
  font-size: 14px;
  font-weight: 400;
  color: #5C6780;
}

.jz_comymeny {
  margin: 3px 0 5px 0;
  color: #FF4C29;
  font-size: 16px;
}

.jz_comyyear {

  font-size: 12px;
  color: #2C2C2C;
}

.jz_comylsexook {
  font-size: 14px;
  color: #2C2C2C;
}

.jz_comylgoumai {
  font-size: 14px;
  color: #2C2C2C;
}

.jz_comEntre {
  font-size: 16px;
  color: #4B84F7;
}

.jz_compreneurship {
  font-size: 16px;
  color: #4B84F7;
}


/* 专家信息详情 */
.jz_usercontinar {
  display: flex;
  padding: 43px 0 44px 33px;
  margin: 30px 0;
  width: 1200px;
  height: 207px;
  background: rgba(255, 255, 255, 0.39);
  box-shadow: 0px 0px 12px rgba(82, 96, 120, 0.1);
  opacity: 1;
  border-radius: 6px;
}

.jz_userimg {
  margin-right: 34px;
  width: 120px;
  height: 120px;
}

.jz_userimg img {
  width: 100%;
  height: 100%;
}

.jz_infousername {
  font-size: 16px;
  color: #2C2C2C;
  font-weight: 700;
}

.jz_infouserjianjie {
  height: 16px;
  margin: 5px 0 12px 0;
  font-size: 12px;
  color: #5C6780;
}

.jz_infouserbgcont {
  padding: 10px 76px 0 10px;
  width: 867px;
  height: 58px;
  background: url(../images/jz_infouserbgcont.png) no-repeat;
  background-size: 100% 100%;
}

.jz_infouserbgcont p {
  height: 35px;
  color: #2C2C2C;
  font-size: 12px;
}

.jz_Personalresume {
  padding: 41px 30px 38px 30px;
  box-shadow: 0px 0px 12px rgba(82, 96, 120, 0.1);
  opacity: 1;
  border-radius: 6px;
  background: #fff;
}

.jz_Personttitle {
  padding-left: 3px;
  position: relative;
  font-size: 16px;
  font-weight: 600;
  color: #2C2C2C;
}

.jz_Personttitle::before {
  content: '';
  position: absolute;
  top: 11%;
  left: -6px;
  width: 3px;
  height: 18px;
  background: #4A84F7;
}

.jz_presron_content {
  width: 627px;
  line-height: 26px;
  margin: 19px 0 30px 0;
}

.col2C2C2C {
  font-size: 14px;
  color: #2C2C2C;
}

.jz_presron_content:nth-last-child(1) {
  margin-bottom: 0;
}

/* 首页新版改动开始 */
.jz_newsbtn {
  cursor: pointer;
  margin: 26px 0 37px 0;
  text-align: center;
  color: #4077F5;
  font-size: 14px;
}
.jz_newsbtn:hover {
  color: #303040;
}

.jz_Digitalcontent {
  height: 100px;
  padding: 0 230px;
}

.jz_Digitalitem {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.jz_Digital1IMG {
  width: 75px;
  height: 55px;
}

.jz_Digital1IMG img {
  width: 100%;
  height: 100%;
}

.jz_Digitalname {
  cursor: pointer;

  padding: 13px 0;
  text-align: center;
  font-weight: 700;
  font-size: 16px;
  color: #2C324C;
}

.jz_digActive {
  border-bottom: 2px solid #4A84F7;
  color: #4A84F7;
}

.jz_Navigationbarbox {
  padding: 13px 0 10px 0;
  position: fixed;
  left: 20px;
  top: 27%;
  width: 75px;
  height: 390px;
  background: #fff;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.05);
  opacity: 1;
  border-radius: 10px;
  z-index: 99999;
  opacity: 0;
}

.jz_Navigationbarbox_tight {
  padding: 13px 0 10px 0;
  position: fixed;
  right: 20px;
  top: 33%;
  width: 45px;
  height: 329px;
  background: #fff;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.05);
  opacity: 1;
  border-radius: 23px;
  z-index: 99999;
}

.Navigationbaritem {
  cursor: pointer;
  display: flex;
  /* flex-direction: column; */
  align-items: center;
  border-bottom: 1px solid #EFEFEF;
  padding-left: 10px;
}
.Navigationbaritem_rg {
  cursor: pointer;
  border-bottom: 1px solid #EFEFEF;
}
.Navigationbarimg1,.Navigationbarimg2,.Navigationbarimg3,.Navigationbarimg4 {
  margin: 0 auto;
}


.Navigationbarnamecol {
  color: #898DA1 !important;
}

.Navigationbaritem:nth-last-child(1) {
  border-bottom: none;
}

.Navigationbarimg {
  width: 24px;
  height: 27px;
}

.Navigationbarimg img {
  width: 100%;
  height: 100%;
}

.Navigationbarname {
  width: 24px;
  margin: 0 auto;
  padding-top: 4px;
  padding-bottom: 6px;
  color: #898DA1;
  font-size: 12px;
}

.jz_Multipleindustries {
  margin-top: 45px;
}

.jz_Multiple_item {
  position: relative;
  padding-top: 250px;
  margin-right: 5px;
  width: 152px;
  height: 368px;

}

.jz_Multiple_item:nth-child(1) {
  background: url(../images/jz_Multiple1.png) no-repeat;
  background-size: 100% 100%;
}

.jz_Multiple_item:nth-child(2) {
  background: url(../images/jz_Multiple2.png) no-repeat;
  background-size: 100% 100%;
}

.jz_Multiple_item:nth-child(3) {
  background: url(../images/jz_Multiple3.png) no-repeat;
  background-size: 100% 100%;
}

.jz_Multiple_item:nth-child(4) {
  background: url(../images/jz_Multiple4.png) no-repeat;
  background-size: 100% 100%;
}

.jz_Multiple_item:nth-child(5) {
  background: url(../images/jz_Multiple5.png) no-repeat;
  background-size: 100% 100%;
}

.jz_Multiple_item:nth-child(6) {
  background: url(../images/jz_Multiple6.png) no-repeat;
  background-size: 100% 100%;
}

.jz_Multiple_item:nth-child(7) {
  background: url(../images/jz_Multiple7.png) no-repeat;
  background-size: 100% 100%;
}

.jz_Multiple_img {
  width: 38px;
  height: 38px;
}

.jz_Multiple_img img {
  width: 100%;
  height: 100%;
}

.jz_overlay {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 38, 113, 0) 0%, #002671 48%, rgba(0, 38, 113, 0.99) 100%);
  box-shadow: 0px 15px 40px rgba(0, 0, 0, 0.06);
  opacity: 0.65;
  border-radius: 10px;
}

.jz_Multest {
  padding-top: 14px;
  font-size: 16px;
  font-weight: 700;
  color: #FFFFFF;
}

.jz_Multcontent {
  position: relative;
  z-index: 99;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* hover */
.tsfoods_directory_item {
  position: relative;
  margin-right: 5px;
  width: 152px;
  height: 368px;
  box-sizing: border-box;
  border-radius: 10px;
}

.tsfoods_directory_item:nth-child(1) {
  background: url(../images/jz_Multiple1.png) no-repeat;
  background-size: 100% 100% !important;

}

.tsfoods_directory_item:nth-child(2) {
  background: url(../images/jz_Multiple2.png) no-repeat;
  background-size: 100% 100% !important;

}

.tsfoods_directory_item:nth-child(3) {
  background: url(../images/jz_Multiple3.png) no-repeat;
  background-size: 100% 100% !important;
}

.tsfoods_directory_item:nth-child(4) {

  background: url(../images/jz_Multiple4.png) no-repeat;
  background-size: 100% 100% !important;
}

.tsfoods_directory_item:nth-child(5) {

  background: url(../images/jz_Multiple5.png) no-repeat;
  background-size: 100% 100% !important;
}
.Navigationsize {
  width: 24px !important;
  height: 32px !important;
}
.Navigationbarite1 {
  background: url(../images/jz_Naviger1.png.png) no-repeat;
  background-size: 100% 100% !important;
}

.Navigationbarite2 {
  background: url(../images/jz_Naviger2.png.png) no-repeat;
  background-size: 100% 100% !important;
}

.Navigationbarite3 {
  background: url(../images/jz_Naviger3.png.png) no-repeat;
  background-size: 100% 100% !important;
}

.Navigationbarite4 {
  background: url(../images/jz_Naviger4.png.png) no-repeat;
  background-size: 100% 100% !important;
}

.Navigationbarite5 {
  background: url(../images/jz_Naviger5.png.png) no-repeat;
  background-size: 100% 100% !important;
}

.Navigationbarite6 {
  background: url(../images/jz_Naviger6.png.png) no-repeat;
  background-size: 100% 100% !important;
}

.Navigationbarite7 {
  background: url(../images/jz_Naviger7.png.png) no-repeat;
  background-size: 100% 100% !important;
}

.Navigationbarite8 {
  background: url(../images/jz_Naviger8.png.png) no-repeat;
  background-size: 100% 100% !important;
}

.tsfoods_directory_item:nth-child(6) {
  background: url(../images/jz_Multiple6.png) no-repeat;
  background-size: 100% 100% !important;
}
/* .jz_boritemridus:hover {
  color: #4A84F7;
} */
.jz_conetitem:hover .jz_contername {
  color: #4A84F7;
}
/* .jz_Multest:hover {
  cursor: pointer;
  color: #4A84F7;
} */
.Navigationbarite1:hover {
  background: url(../images/jz_Navigerhover1.png.png) no-repeat;
  background-size: 100% 100% !important;
}


.Navigationbarite2:hover {
  background: url(../images/jz_Navigerhover2.png.png) no-repeat;
  background-size: 100% 100% !important;
}

.Navigationbarite3:hover {
  background: url(../images/jz_Navigerhover3.png.png) no-repeat;
  background-size: 100% 100% !important;
}

.Navigationbarite4:hover {
  background: url(../images/jz_Navigerhover4.png.png) no-repeat;
  background-size: 100% 100% !important;
}

.Navigationbarite5:hover {
  background: url(../images/jz_Navigerhover5.png.png) no-repeat;
  background-size: 100% 100% !important;
}

.Navigationbarite6:hover {
  background: url(../images/jz_Navigerhover6.png.png) no-repeat;
  background-size: 100% 100% !important;
}

.Navigationbarite7:hover {
  background: url(../images/jz_Navigerhover7.png.png) no-repeat;
  background-size: 100% 100% !important;
}

.Navigationbarite8:hover {
  background: url(../images/jz_Navigerhover8.png.png) no-repeat;
  background-size: 100% 100% !important;
}

.jz_Popularheaer_swpier {
  height: 140px;
  margin-top: 8px;
  display: flex;
  flex-direction: column;
}

.tsfoods_directory_item:nth-child(7) {

  background: url(../images/jz_Multiple7.png) no-repeat;
  background-size: 100% 100% !important;
}

.directory_item_active .directory_item_box {
  display: block;
}

.directory_item_active1 .directory_item_box {
  display: block;
}

.directory_item_active2 .directory_item_box {
  display: block;
}

.directory_item_active3 .directory_item_box {
  display: block;
}

.directory_item_active4 .directory_item_box {
  display: block;
}

.directory_item_active5 .directory_item_box {
  display: block;
}

.directory_item_active6 .directory_item_box {
  display: block;
}

.directory_item_active7 .directory_item_box {
  display: block;
}

.directory_item_eng_1,
.directory_item_eng_2 {
  color: #ffffff;
  font-size: 18px;
}

.directory_item_active .directory_item_title_box {

  display: none;
}

.directory_item_active1 .directory_item_title_box {
  display: none;
}

.directory_item_active2 .directory_item_title_box {
  display: none;
}

.directory_item_active3 .directory_item_title_box {
  display: none;
}

.directory_item_active4 .directory_item_title_box {
  display: none;
}

.directory_item_active5 .directory_item_title_box {
  display: none;
}

.directory_item_active6 .directory_item_title_box {
  display: none;
}

.directory_item_active7 .directory_item_title_box {
  display: none;
}

.directory_item_active {
  transition: width .3s ease-in-out;
  padding: 159px 0 0 37px;
  width: 242px;
  background: url(../images/jz_zbicon_big1.png) no-repeat !important;
  background-size: 100% 100%;
}

.directory_item_active1 {
  transition: width .3s ease-in-out;
  padding: 159px 0 0 37px;
  width: 242px;
  background: url(../images/jz_zbicon_big2.png) no-repeat !important;
  background-size: 100% 100%;
}

.directory_item_active2 {
  transition: width .3s ease-in-out;
  padding: 159px 0 0 37px;
  width: 242px;
  background: url(../images/jz_zbicon_big3.png) no-repeat !important;
  background-size: 100% 100%;

}

.directory_item_active3 {
  transition: width .3s ease-in-out;
  padding: 159px 0 0 37px;
  width: 242px;
  background: url(../images/jz_zbicon_big4.png) no-repeat !important;
  background-size: 100% 100%;
}

.directory_item_active4 {
  transition: width .3s ease-in-out;
  padding: 159px 0 0 37px;
  width: 242px;
  background: url(../images/jz_zbicon_big5.png) no-repeat !important;
  background-size: 100% 100%;
}

.directory_item_active5 {
  transition: width .3s ease-in-out;
  padding: 159px 0 0 37px;
  width: 242px;
  background: url(../images/jz_Multiple6ds.png) no-repeat !important;
  background-size: 100% 100%;
}

.directory_item_active6 {
  transition: width .3s ease-in-out;
  padding: 159px 0 0 37px;
  width: 242px;
  background: url(../images/jz_zbicon_big7.png) no-repeat !important;
  background-size: 100% 100%;
}

.directory_item_active7 {
  transition: width .3s ease-in-out;
  padding: 159px 0 0 37px;
  width: 242px;
  background: url(../images/jz_zbicon_big7.png) no-repeat !important;
  background-size: 100% 100%;
}

.directory_item_title {
  font-size: 16px;
  color: #fff;
  font-weight: 700;
}

.directory_item_box {
  display: none;
}

.directory_item_content {
  width: 374px;
  font-size: 16px;
  line-height: 30px;
  color: #fff;
  margin-top: 30px;
}

.directory_item_link {
  position: absolute;
  display: block;
  width: 130px;

  height: 44px;
  line-height: 44px;
  font-size: 16px;
  color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  text-align: center;
  border-radius: 20px;
  border: solid 1px #ffffff;
  margin-top: 20px;
}

.directory_item_link:hover {
  color: #fff;
  opacity: 0.8;
}

.jz_Multcontent {
  position: relative;
  z-index: 99;
  display: flex;
  flex-direction: column;
  align-items: center;
}



.jz_Multiple_img img {
  width: 100%;
  height: 100%;
}

.jz_overlay {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 38, 113, 0) 0%, #002671 48%, rgba(0, 38, 113, 0.99) 100%);
  box-shadow: 0px 15px 40px rgba(0, 0, 0, 0.06);
  opacity: 0.65;
  border-radius: 10px;
}

.jz_Multest {
  padding-top: 14px;
  font-size: 16px;
  font-weight: 700;
  color: #FFFFFF;
}

.jz_Multcontentdd {
  position: relative;
  z-index: 99;
  left: 6px;
}

.jz_boritemridus {
  width: 180px;
  padding-left: 12px;
  font-size: 14px;
  color: #fff;
  position: relative;
}

.jz_boritemridus::before {
  position: absolute;
  margin-top: 7px;
  left: 0px;
  content: '';
  position: absolute;
  width: 7px;
  height: 7px;
  background-color: #fff;
  border-radius: 50%;
}

.jz_eco-innovationbox {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
}

.jz_ecotitle {
  font-weight: 700;
  padding-left: 37px;
  line-height: 141px;
  width: 598px;
  height: 120px;
  background: url(../images/jz_ecotitleleft.png) no-repeat;
  background-size: 100% 100%;
  color: #fff;
  font-size: 16px;
  transition: .4s ease-in-out;
}
.jz_ecotitle:hover{
  padding-left: 47px;
  cursor: pointer;
 }
 .jz_ecotitleright:hover{
  padding-left: 47px;
  cursor: pointer;
 }

.jz_ecotitleright {
  font-weight: 700;
  padding-left: 37px;
  line-height: 141px;
  width: 590px;
  height: 106px;
  background: url(../images/jz_ecotitlerright.png) no-repeat;
  background-size: 100% 100%;
  color: #fff;
  font-size: 16px;
  transition: .4s ease-in-out;
}

.jz_centercount {
  display: flex;
}

.jz_conetitem {
  cursor: pointer;
  margin-right: 15px;
  padding-top: 11px;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 106px;
  height: 100px;
  background: rgba(255, 255, 255, 0.39);
  box-shadow: 0px 0px 20px rgba(64, 119, 245, 0.22);
  opacity: 1;
  border-radius: 6px;
}

.jz_conetitem_Active {
  border-bottom: 6px solid #4A84F7;

}

.jz_conterimg {
  width: 47px;
  height: 47px;
}

.jz_conterimg img {
  width: 100%;
  height: 100%;

}

.jz_contername {
  margin-top: 7px;
  font-size: 16px;
  color: #000000;
}


.jz_Elastichost {
  cursor: pointer;
  padding: 22px 20px 0 23px;
  margin-top: 18px;
  width: 590px;
  height: 88px;
  background: rgba(255, 255, 255, 0.39);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.09);
  opacity: 1;
  border-radius: 6px;
}

.jz_Elastichost_title {
  font-weight: 700;
  color: #303040;
  font-size: 16px;
}

.jz_Elastichost_tset {
  margin-top: 7px;
  color: #8A8DA1;
  font-size: 14px;
}

.jz_Elastichost:hover .jz_Elastichost_title {
  color: #4B84F7;
}

.jz_ecotitleright_bg1 {
  padding: 41px 0 0 44px;
  margin-top: 21px;
  width: 100%;
  height: 203px;
  background: url(../images/jz_ecotitleright1.png) no-repeat;
  background-size: 100% 100%;
}

.jz_ecotitleright_bg2 {
  padding: 41px 0 0 44px;
  margin-top: 21px;
  width: 100%;
  height: 203px;
  background: url(../images/jz_ecotitleright2.png) no-repeat;
  background-size: 100% 100%;
}

.jz_ecotitleright_title {
  padding-bottom: 18px;
  color: #fff;
  font-weight: 700;
  font-size: 16px;
}

.jz_ecotitleright_borderids {
  width: 520px;
  position: relative;
  padding-bottom: 13px;
  padding-left: 12px;
  color: #fff;
  font-size: 14px;
  transition: .4s ease-in-out;
}
.jz_ecotitleright_borderids:hover{
  margin-left: -10px;
 }

.jz_ecotitleright_borderids::before {
  position: absolute;
  top: 21%;
  left: 0px;
  content: '';
  width: 7px;
  height: 7px;
  background-color: #fff;
  border-radius: 50%;
}

.jz_Popularsuppliers {
  padding-top: 63px;
  height: 566px;
  background: url(../images/jz_Popularsuppliers.png) no-repeat;
  background-size: 100% 100%;
}

.jz_Popularcontianr {
  display: flex;
}

.jz_PopularTabbox {
  margin-right: 10px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 364px;
  height: 332px;
  background: rgba(255, 255, 255, 0.39);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.09);
  opacity: 1;
  border-radius: 6px;
}

.jz_Populartabitem {
  cursor: pointer;
  padding-left: 19px;
  padding-right: 19px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 288px;
  height: 54px;
  opacity: 1;
  border-radius: 6px;

}

.jz_Populartabitem_active .jz_Populartabitemname {
  font-weight: 700;
}

.jz_Populartabitemname {
  width: 210px;
  font-size: 16px;
  color: #303040;
}
.jingzhong_tooattilehover:hover {
  cursor: pointer;
  color: #000;
}
.jz_Populartarrow  {
  width: 10px;
  height: 13px;
background: url(../images/jz_arow_jtblu.png) no-repeat;
background-size: 100% 100%;
  font-size: 19px;
  color: #303040;
}
.jz_Populartabitem_active .jz_Populartarrow {
  width: 10px;
  height: 13px;
background: url(../images/jz_arow_jt.png) no-repeat;
background-size: 100% 100%;
  font-size: 19px;
  color: #303040;
}

.jz_Populartabitem_active {
  background: linear-gradient(90deg, #3575F8 0%, #4DA0F9 100%);
  box-shadow: 0px 0px 6px rgba(79, 119, 243, 0.17);
}

.jz_Populartabitem_active .jz_Populartabitemname {
  width: 210px;
  color: #fff;
  font-size: 16px;
}

.jz_Populartabitem_active .jz_Populartarrow {
  color: #fff;
  font-size: 19px;
}
.jz_s1croll_continar{
  padding: 20px 0;
}
.jingzhong_btnlook {
  margin-left: 40px;
  width: 60px;
  
  color: #4a84f7;
}
.jingzhong_btnlook:hover{
  color: #000;
 }
.jz_Popularsupper {
  animation: fadein 0.5s;
  width: 826px;
  height: 332px;
  background: #fff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}

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

.jz_Popularlogo {
  width: 136px;
  height: 70px;
  background: rgba(255, 255, 255, 0.39);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}

.jz_Popularlogo img {
  width: 100%;
  height: 100%;
}

.swiper-slide2_cotent {
  width: 100%;
  height: 100%;
}

.jz_Popularheaer {
  width: 100%;
}

.jz_Popularbtn {
  cursor: pointer;
  width: 86px;
  height: 31px;
  background: rgba(255, 255, 255, 0.39);
  border: 1px solid #4A84F7;
  opacity: 1;
  border-radius: 20px;
  font-size: 14px;
  text-align: center;
  line-height: 31px;
  color: #4A84F7;
}

.jz_Popularbtn:hover {
  background-color: #4A84F7;
  color: #fff;
}

.jz_Populartest {
  height: 39px;
  margin: 13px 0 16px 0;
  font-size: 14px;
  color: #8B8DA1;
}

.jz_zsproduct {
  display: flex;
  font-size: 16px;
  font-weight: 700;
  color: #4A84F7;
}
.jz_zsproduct:hover{
  color: #000;
 }
.jz_zsproductnum {
  font-size: 16px;
  color: #4A84F7;
}

.jz_zsproduct_box {
  width: 710px;
  margin-top: 15px;
  display: flex;
  justify-content: space-between;
}

.jz_zsproduct_item {
  padding: 12px;
  width: 350px;
  height: 72px;
  background: rgba(239, 245, 255, 0.89);
  opacity: 1;
  border-radius: 4px;
}

.jz_zsproduct_logog {
  margin-right: 13px;
  width: 48px;
  height: 48px;
  background: rgba(255, 255, 255, 0.39);
  opacity: 1;
  border-radius: 4px;
}

.jz_zsproduct_coniantad {
  display: flex;
}

.jz_zsproduct_logog img {
  width: 100%;
  height: 100%;
}

.jz_zsproduct_rightet div:nth-child(1) {
  text-align: left;
  width: 260px;
  color: #2C2C2C;
  font-size: 16px;
}

.jz_zsproduct_righjer {
  color: #FF4C29;
  font-weight: 700;
  font-size: 14px;
  padding-top: 6px;
  text-align: left;
}

.jz_zsproduct_righyear {
  font-weight: 400;
  font-size: 14px;
  color: #2C2C2C;
}

.jz_digitaltransformation {
  padding-top: 63px;
  height: 512px;
  background: url(../images/jz_Popularsuppliersds.jpg) no-repeat;
  background-size: 100% 100%;
}

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

.jz_digitaltcontitem {
  cursor: pointer;
  padding: 31px 30px 33px 30px;
  width: 378px;
  height: 254px;
  background: rgba(255, 255, 255, 2.39);
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.06);
  opacity: 1;
  border-radius: 10px;
}

.jz_digitaltcontitle {
  font-weight: 700;
  font-size: 16px;
  color: #303040;
}

.jz_digitaltcontitem:hover .jz_digitaltcontitle {

  color: #4A84F7;

}

.jz_titlebg1 {
  width: 27px;
  height: 3px;
  background-color: #4A84F7;
}

.jz_titlebg2 {
  width: 12px;
  height: 3px;
  background-color: #F1B2B0;
}

.jz_titlebgbox {
  display: flex;
  margin: 28px 0 27px 0;
}

.jz_digtacontent {

  line-height: 28px;
  color: #8B8DA1;
  font-size: 14px;
}

.jz_digtabtndetails {
  margin-top: 20px;
  width: 48px;
  font-size: 12px;
  padding-bottom: 4px;
  border-bottom: 1px solid #4A84F7;
  color: #4A84F7;
}

.jz_digtabtndetails:hover {
  color: #303040;
}

.Industrialsupplychain {
  position: relative;
  padding-top: 63px;
  height: 1107px;
  background: url(../images/Industrialsupplychain.png) no-repeat;
  background-size: 100% 100%;
}

.Industriaconiar {
  display: flex;
  justify-content: space-around;
}

.IndustTbaitm {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-bottom: 3px solid transparent;
}

.IndustTbaitmimg {
  width: 38px;
  height: 38px;

}

.IndustTbaitmnameactive {
  border-bottom: 3px solid #4177F5;
}

.IndustTbaitm:hover {
  border-bottom: 3px solid #4177F5;
}

.IndustTbaitmname {
  padding: 9px 0;
  color: #303040;
  font-weight: 700;
  font-size: 14px;
}

.IndustTbaitmnameactive .IndustTbaitmname {
  font-weight: 700;
  font-size: 14px;
  color: #4B84F7;
}

.IndustTbaitmimg1 {
  background: url(../images/IndustTbaitmimg1.png) no-repeat;
  background-size: 100% 100%;
}

.IndustTbaitm:hover .IndustTbaitmimg1 {
  background: url(../images/IndustTbaitmimg_active1.png) no-repeat;
  background-size: 100% 100%;
}

.IndustTbaitm:hover .IndustTbaitmname {
  color: #4B84F7;
}

.IndustTbaitm:hover .IndustTbaitmimg2 {
  background: url(../images/IndustTbaitmimg_active2.png) no-repeat;
  background-size: 100% 100%;
}

.IndustTbaitm:hover .IndustTbaitmimg3 {
  background: url(../images/IndustTbaitmimg_active3.png) no-repeat;
  background-size: 100% 100%;
}

.IndustTbaitm:hover .IndustTbaitmimg4 {
  background: url(../images/IndustTbaitmimg_active4.png) no-repeat;
  background-size: 100% 100%;
}

.IndustTbaitm:hover .IndustTbaitmimg5 {
  background: url(../images/IndustTbaitmimg_active5.png) no-repeat;
  background-size: 100% 100%;
}

.IndustTbaitm:hover .IndustTbaitmimg6 {
  background: url(../images/IndustTbaitmimg_active6.png) no-repeat;
  background-size: 100% 100%;
}

.IndustTbaitm:hover .IndustTbaitmimg7 {
  background: url(../images/IndustTbaitmimg_active7.png) no-repeat;
  background-size: 100% 100%;
}

.IndustTbaitmimg2 {
  background: url(../images/IndustTbaitmimg2.png) no-repeat;
  background-size: 100% 100%;
}

.IndustTbaitmimg3 {
  background: url(../images/IndustTbaitmimg3.png) no-repeat;
  background-size: 100% 100%;
}

.IndustTbaitmimg4 {
  background: url(../images/IndustTbaitmimg4.png) no-repeat;
  background-size: 100% 100%;
}

.IndustTbaitmimg5 {
  background: url(../images/IndustTbaitmimg5.png) no-repeat;
  background-size: 100% 100%;
}

.IndustTbaitmimg6 {
  background: url(../images/IndustTbaitmimg6.png) no-repeat;
  background-size: 100% 100%;
}

.IndustTbaitmimg7 {
  background: url(../images/IndustTbaitmimg7.png) no-repeat;
  background-size: 100% 100%;
}

/* 选中图片 */
.IndustTbaitmnameactive .IndustTbaitmimg1 {

  background: url(../images/IndustTbaitmimg_active1.png) no-repeat;
  background-size: 100% 100%;
}

.IndustTbaitmnameactive .IndustTbaitmimg2 {
  background: url(../images/IndustTbaitmimg_active2.png) no-repeat;
  background-size: 100% 100%;
}

.IndustTbaitmnameactive .IndustTbaitmimg3 {
  background: url(../images/IndustTbaitmimg_active3.png) no-repeat;
  background-size: 100% 100%;
}

.IndustTbaitmnameactive .IndustTbaitmimg4 {
  background: url(../images/IndustTbaitmimg_active4.png) no-repeat;
  background-size: 100% 100%;
}

.IndustTbaitmnameactive .IndustTbaitmimg5 {
  background: url(../images/IndustTbaitmimg_active5.png) no-repeat;
  background-size: 100% 100%;
}

.IndustTbaitmnameactive .IndustTbaitmimg6 {
  background: url(../images/IndustTbaitmimg_active6.png) no-repeat;
  background-size: 100% 100%;
}

.IndustTbaitmnameactive .IndustTbaitmimg7 {
  background: url(../images/IndustTbaitmimg_active7.png) no-repeat;
  background-size: 100% 100%;
}

/* 选中图片 */
.jz_Traditionalindustries {
  margin: 0 auto;
  width: 1320px;
  height: 733px;
  padding: 90px 92px 0 104px;
  background: url(../images/jz_Traditionalindustries.png) no-repeat;
  background-size: 100% 100%;
}

.jz_Traditionheader {
  display: flex;
  height: 54px;
}

.jz_Traditiontitle {
  margin-right: 20px;
  line-height: 54px;
  color: #303040;
  font-size: 16px;
}

.jz_Traditionitem {
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-right: 19px;
  width: 316px;
  height: 54px;
  background: url(../images/jz_Traditionitembg.png) no-repeat;
  background-size: 100% 100%;
}

.jz_Traditionitemname {
  font-weight: 700;
  color: #303040;
  font-size: 16px;
}
.jz_Traditionitemname:hover{
  color: #4B84F7;
 }

.jz_Traditionitememp {
  font-size: 14px;
  color: #FFFFFF;
}
.jz_Traditionitememp:hover{
  /* color: #000; */
  text-decoration: underline;
 }
.jz_Traditionitemcount {
  color: #FFFFFF;
  font-size: 24px;
}

.jz_TraditionTabbox {
  width: 1103px;
  display: flex;
  margin-top: 38px;
  height: 90px;
  border-radius: 6px;
  background-color: #F3F6FE;
}

.jz_TraditionTabtest1 {
  color: #303040;
  font-size: 16px;
  font-weight: 700;
}

.jz_TraditionTabtest2 {
  font-weight: 400;
  font-size: 14px;
  color: #8A8DA1;
}

.jz_TraditionTabitem {
  position: relative;
  cursor: pointer;
  height: 98px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 275px;
}

.comm_header_jinzhong_username:hover {
  cursor: pointer;
  color: #000;
}
.comm_header_jinzhong_homebg {
  width: 28px;
  margin-left: -2px;
}
.jz_TraditionTabitem:hover ,.jz_TraditionTabtest1:hover ,.jz_TraditionTabtest2:hover {
  color: #4B84F7;
}
.jz_NewsConsultitle:hover {
  color: #4B84F7;
}

.jz_TraditionTabibgLf {
  position: absolute;
  right: 0;
  content: '';
  width: 1px;
  height: 30px;
  padding-right: 66px;
  border-right: 1px solid #95AFFF;
  opacity: .5;
}

.jz_TraditionTabitemActive .jz_TraditionTabibgLf:nth-child(2) {
  border: none !important;
}

.jz_TraditionTabitemActive {
  height: 98px;
  background: url(../images/jz_TraditionTabitemActive.png) no-repeat;
  background-size: 100% 100%;
}

.jz_tab-nav4 li:nth-child(2) .jz_TraditionTabitemActive {
  background: url(../images/jz_TraditionTabitemActive_cent.png) no-repeat !important;
  background-size: 100% 100%;
}
/* .jz_tab-nav4 li:nth-child(2) .jz_TraditionTabitem:hover{
  background: url(../images/jz_TraditionTabitemActive_cent.png) no-repeat !important;
  background-size: 100% 100%;
} */

.jz_tab-nav4 li:nth-child(3) .jz_TraditionTabitemActive {
  background: url(../images/jz_TraditionTabitemActive_cent.png) no-repeat !important;
  background-size: 100% 100%;
}

.jz_tab-nav4 li:nth-child(4) .jz_TraditionTabitemActive {
  background: url(../images/jz_TraditionTabitemActive_rgiht.png) no-repeat !important;
  background-size: 100% 100%;
}

.jingzhong_toozhf {
  margin: 0 6px;
  width: 14px;
  height: 14px;
  background: url(../images/jz_zhuanhuan.png) no-repeat;
  background-size: 100% 100%;
}

.jz_TraditionTabitemActive .jz_TraditionTabtest1 {
  color: #fff;
}

.jz_TraditionTabitemActive .jz_TraditionTabtest2 {
  color: #fff;
}

.jz_Traditiondetialsbox {
  display: flex;
}
.jz_Traditilsitempd {
  padding: 0 10px 0 18px;
}
.jz_Traditilsitem {
  padding: 0 10px 0 18px;
  height: 56px;
  line-height: 56px;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #E3EDF6;
  padding-bottom: 23px;
}

.jz_Traditilsitem10 {
  height: 56px;
  width: 266px;
  color: #172D45;
  font-size: 14px;
}

.jz_Traditilsitem .jz_Traditilsitem10:hover,
.jz_Traditilsitem11:hover {
  color: #4177F5;
}

.jz_Traditilsitem11 {
  margin-left: 22px;
  color: #8B8DA1;
  font-size: 13px;
}

.jz_Traditiondetleft {
  width: 530px;
  margin-right: 42px;
}


.jingzhong_industrycompany {
  width: 1200px;
  margin: 0 auto;
  height: 112px;
  transform: translateY(-60px);
  background: url(../images/jingzhong_industrycompany.png) no-repeat;
  background-size: 100% 100%;
}

.jingzhong_industryflex {
  display: flex;
}

.jingzhong_tooawoe {
  text-align: center;
  width: 60px;
  height: 22px;
  background: url(../images/jingzhong_tooawoe.png) no-repeat;
  background-size: 100% 100%;
  color: #4177F5;
}

.jingzhong_tooattile {
  padding: 0 14px 0 4px;
  font-weight: 700;
  color: #fff;
  font-size: 16px;
}

.jingzhong_toogong {
  text-align: center;
  width: 19px;
  height: 19px;
  line-height: 19px;
  background: #fff;
  border-radius: 4px;
  color: #2D76C4;
  border: 1px solid #2D76C4;
  font-size: 12px;
}

.jingzhong_tooname {
  padding: 0 4px;
  color: #fff;
  font-size: 14px;
}

.jingzhong_toonamebg {
  text-align: center;
  width: 19px;
  height: 19px;
  line-height: 19px;
  background: #ebf7f7;
  border: 1px solid #ebf7f7;
  border-radius: 4px;
  color: #179990;
  font-size: 12px;
}

.jingzhong_industryflex {

  display: flex;
  align-items: center;
  margin-bottom: 14px;
}

.jingzhong_industryboxleft {
  padding-top: 27px;
  padding-left: 291px;
}

.jingzhong_industryboxbtotm {
  padding-left: 332px;
}

.jz_NewsConsultation {
  padding-top: 63px;
  height: 614px;
  background: url(../images/jingzhong_tooawoe.jpg) no-repeat;
  background-size: 100% 100%;
}

.jz_NewsConsulconintr {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

.jz_NewsConsulswiper {
  padding: 20px;
  width: 560px;
  height: 353px;
  background: rgba(255, 255, 255, 0.39);
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.08);
  opacity: 1;
  border-radius: 10px;
}

.jz_NewsConsulllct {
  position: relative;
  padding: 31px 30px 0 27px;
  width: 619px;
  height: 353px;
  background: rgba(255, 255, 255, 0.39);
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.08);
  opacity: 1;
  border-radius: 10px;
}

.jz_NewsConsulswiimg {
  width: 520px;
  height: 258px;
  opacity: 1;
  border-radius: 10px !important;
}

.jz_NewsConsulswiimg img {
  width: 100%;
  height: 100%;
  border-radius: 10px !important;
}
.jz_zsproduct_hoverbtn:hover{
  cursor: pointer;
color: #249FFF !important;
}
.jz_NewsConsultitle {
  width: 520px;
  padding: 15px 0 5px 0;
  font-weight: 700;
  font-size: 16px;
  color: #303040;
}

.jz_NewsConsultime {
  font-size: 14px;
  color: #8B8DA1;
}

.jz_NewsConsucontnet {
  display: flex;
  flex-direction: column;
  text-align: left;
}

.jz_Newslctboox {
  display: flex;
}

.jz_Newslbgimg {
  margin-top: 5px;
  text-align: center;
  line-height: 22px;
  color: #fff;
  width: 60px;
  height: 30px;
}

.jz_Newslbgname {
  width: 461px;
  color: #303040;
  font-size: 16px;
  font-weight: 700;
}

.jz_Newslbgname:hover {

  color: #4B84F7;
}

.jz_Newslbgtime {
  padding-top: 9px;
  color: #8B8DA1;
  font-size: 14px;
}

.jz_Newsltighttset {
  padding: 0px 0 13px 0;
  margin-left: 43px;
}

.jz_line {

  left: 105px;
  position: absolute;

}

.jz_linebd {
  position: relative;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  border: 1px solid #bcc9e5;
}

.jz_linextiao {
  position: absolute;
  left: 50%;
  height: 48px;
  border-left: dashed 1px #A7B8DC;
}

.jz_Newslbgimg1 {
  background: url(../images/jz_Newslbgimg1.png) no-repeat;
  background-size: 100% 100%;
}

.jz_Newslbgimg2 {
  background: url(../images/jz_Newslbgimg2.png) no-repeat;
  background-size: 100% 100%;
}

.jz_Newslbgimg3 {
  background: url(../images/jz_Newslbgimg3.png) no-repeat;
  background-size: 100% 100%;
}

.jz_Newslbgimg4 {
  background: url(../images/jz_Newslbgimg4.png) no-repeat;
  background-size: 100% 100%;
}

.jz_Newslbgimg5 {
  background: url(../images/jz_Newslbgimg5.png) no-repeat;
  background-size: 100% 100%;
}

.Navigationbarimg1 {
  width: 26px;
  height: 26px;
  background: url(../images/jz_Navigationbg1.png) no-repeat;
  background-size: 100% 100%;
}

.Navigationbarimg1:hover {
  background: url(../images/NavigationbarimgActive1.png) no-repeat;
  background-size: 100% 100%;
}

.Navigationbarimg2:hover {
  background: url(../images/NavigationbarimgActive2.png) no-repeat;
  background-size: 100% 100%;
}

.Navigationbarimg3:hover {
  background: url(../images/NavigationbarimgActive3.png) no-repeat;
  background-size: 100% 100%;
}

.Navigationbarimg4:hover {
  background: url(../images/NavigationbarimgActive4.png) no-repeat;
  background-size: 100% 100%;
}

.Navigationbarimg2 {
  width: 26px;
  height: 26px;
  background: url(../images/jz_Navigationbg2.png) no-repeat;
  background-size: 100% 100%;
}

.Navigationbarimg3 {
  width: 26px;
  height: 26px;
  background: url(../images/jz_Navigationbg3.png) no-repeat;
  background-size: 100% 100%;
}

.Navigationbarimg4 {
  width: 26px;
  height: 26px;
  background: url(../images/jz_Navigationbg4.png) no-repeat;
  background-size: 100% 100%;
}

.NavigationbarimgActi .NavigationbarimgActive1 {
  background: url(../images/NavigationbarimgActive1.png) no-repeat;
  background-size: 100% 100%;
}

.NavigationbarimgActi .NavigationbarimgActive2 {
  width: 26px;
  height: 26px;
  background: url(../images/NavigationbarimgActive2.png) no-repeat;
  background-size: 100% 100%;
}

.NavigationbarimgActi .NavigationbarimgActive3 {
  width: 26px;
  height: 26px;
  background: url(../images/NavigationbarimgActive3.png) no-repeat;
  background-size: 100% 100%;
}

.NavigationbarimgActi .NavigationbarimgActive4 {
  width: 26px;
  height: 26px;
  background: url(../images/NavigationbarimgActive4.png) no-repeat;
  background-size: 100% 100%;
}

/* tab切换1 */
.jz_tab-nav1 {
  margin-bottom: 10px;
}

.jz_tab-nav1 ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: space-around;
}

.jz_tab-nav1 li {
  margin-right: 10px;
  cursor: pointer;
}

.jz_tab-content1 {
  display: flex;
}

.jz_tab-nav1 li.jz_active1 {
  color: #fff;
  border-bottom: 2px solid #4A84F7;
  color: #4A84F7;
}

.jz_active1 .jz_Digitalname {
  color: #4A84F7;
}

.jz_Digitalname:hover {
  color: #4A84F7;
}

.jz_tab-nav1 li:hover {
  border-bottom: 2px solid #4A84F7;

}

.jz_tab-content1 .jz_content-item1 {
  display: none;
}

.jz_tab-content1 .jz_content-item1.jz_active1 {
  display: block;
}

.jz_contentcontinar1 {
  flex-wrap: wrap;
  gap: 25px;
  display: flex;
}

/* tab切换2 */
.jz_tab-nav2 {
  margin-bottom: 10px;
}

.jz_tab-nav2 ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.jz_tab-nav2 li {
  cursor: pointer;
}

.jz_tab-nav2 li.jz_active2 {
  color: #fff;
}

.jz_tab-content2 .jz_content-item2 {
  display: none;
}

.jz_tab-content2 .jz_content-item2.jz_active2 {
  display: block;
}

/* tab切换3 */
.jz_tab-nav3 {
  margin-bottom: 10px;
}

.jz_tab-nav3 ul {
  margin: 0;
  padding: 0;
  list-style: none;
  /* display: flex; */
}

.jz_tab-nav3 li {
  cursor: pointer;
}

.jz_tab-nav3 li.jz_active3 {
  color: #fff;
  animation: fadein 0.5s;
}

.jz_tab-content3 {
  padding: 27px 54px 0 51px;
  transition: all .35s;
}

.jz_tab-content3 .jz_content-item3 {
  display: none;
}

.jz_tab-content3 .jz_content-item3.jz_active3 {
  animation: fadein 0.5s;
  display: block;
}
@keyframes fadein {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
/* 切换4css */
.jz_tab-nav4 {
  margin-bottom: 10px;
}

.jz_tab-nav4 ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.jz_tab-nav4 li {
  cursor: pointer;
}

.jz_tab-nav4 li.jz_active4 {
  color: #fff;
}

.jz_tab-content4 .jz_content-item4 {
  display: none;
}

.jz_Tradiconianr {
  margin-top: 50px;
  display: flex;
}

.jz_tab-content4 .jz_content-item4.jz_active4 {
  display: block;
}

.jz_content_xfsc {
  margin-top: 56px;
  display: flex;
  justify-content: space-between;
}

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

.jz_Exhibitioitem {
  margin-right: 43px;
  margin-bottom: 55px;
  display: flex;
}

.jz_Exhibitiimg {
  position: relative;
  width: 170px;
  height: 100px;
  background: rgba(255, 255, 255, 0.39);
  border: 1px solid #E3EDF6;
  opacity: 1;
  border-radius: 4px;
}

.jz_Exhibitiimg img {
  width: 100%;
  height: 100%;
}

.jz_Exhibitiimg_arrwo {
  position: absolute;
  top: 1px;
  left: -6px;
  width: 99px;
  height: 32px;
  background: url(../images/jz_Exhibitiimg_arrwo.png) no-repeat;
  background-size: 100% 100%;
  text-align: center;
  color: #fff;
}

.jz_Exhibrighttitle {
  width: 326px;
  padding: 2px 0 6px 0;
  font-weight: 700;
  color: #172D45;
  font-size: 16px;
}

.jz_Exhibrighttitle:hover {
  cursor: pointer;
  color: #4B84F7;
}

.jz_Exhibrightcontent {
  margin-left: 20px;
}

.jz_Exhibrighlfet {
  display: flex;
  padding-bottom: 7px;
  font-size: 13px;
  color: #8B8DA1;
}

.jz_Exhibrighttiyeader {
  display: block;
width: 230px;
margin-left: 3px;
  color: #172D45;
  font-size: 14px;
}


.jz_Exhibitionactivities {
  margin-top: 59px;
}

#jz_scrollbox1 {
  height: 76px;
  overflow-y: hidden;
  overflow-x: hidden;
}
.jingzhong_industrtop {
  padding-left: 291px;
}
.swiper-slide1 {
  width: 100% !important;
  height: 100% !important;
  background: url(../images/jinzhong_banner.png) no-repeat center center !important;
}

.jz_show {
  opacity: 1;
}

/* .NavigationbarimgActi .Navigationbarname{
  color: #4277de;
} */
.jz_nav_active .Navigationbarname{
  color: #4277de;
}



.zhezhao1 {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background: rgb(0,0,0,.4);
  opacity: 1.5;
  z-index: 9999;
}
.jz_codebox {
  position: relative;
}
.jz_codeboximg {
  cursor: pointer;
  right: 1px;
  position: absolute;
  top: 12px;
  width: 95px;
  height: 38px;
}
.jz_codeboximg img{
  width: 100%;
  height: 100%;
 }
.tankuang1 {
  position: relative;
  background: #fff;
  width: 622px;
  height: 552px;
  background: rgba(255,255,255,1);
box-shadow: 0px 2px 3px rgba(36,56,90,0.15);
border-radius: 4px;
  margin: 8% auto;
}

#header {
  height: 40px;
}

#header-right {
  cursor: pointer;
  position: absolute;
  width: 25px;
  height: 25px;
  border-radius: 5px;
  color: #000;
  right: 0px;
  top: 0px;
  text-align: center;
}
#header-right2 {
  cursor: pointer;
  position: absolute;
  width: 25px;
  height: 25px;
  border-radius: 5px;
  color: #000;
  right: 10px;
  top: 10px;
  text-align: center;
}
.zhezhao2_title {
  height: 44px;
  line-height: 44px;
  padding-left: 24px;
  font-size: 14px;
  color: #303040;
  font-weight: 700;
  background: rgba(245,245,245,0.79);
border-radius: 4px 4px 0px 0px;
} 
.zhezhao2_gometitl {
  font-weight: 700;
  padding: 21px 0 11px 24px;
  
font-size: 16px;
  color: #303040;
}
.tk_tab {
  display: flex;
  justify-content: space-between;
}

.tkitem {
  text-align: center;
  margin-top: 30px;
  width: 45%;
  height: 90px;
  line-height: 140px;
}

.tkitem:nth-child(1) {
  background-image: url(../images/tankuang1_bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.tkitem:nth-child(2) {
  background-image: url(../images/tankuang1_bg2.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
#header-right {
  top: 24px;
  right: 25px;
  width: 15px;
  height: 15px;
  background-image: url(../images/jz_tkclose.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
#header-right2 {
  top: 16px;
  right: 25px;
  width: 11px;
  height: 11px;
  background-image: url(../images/jz_tkclose.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.jz_tkbg1 {
  width: 100%;
  height: 62px;
  line-height: 62px;
  background-image: url(../images/jz_tkbg1.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.jz_tktitle {
  font-weight: 700;
color: #303040;
  padding-left: 37px;
  font-size: 16px;
}
.jz_fg_inputcotent {
  position: relative;
  padding-top: 8px;
  margin-left: 10px;
  padding-left: 10px;
  width: 440px;
  height: 170px;
  background: #FFFFFF;
  border-radius: 2px 2px 2px 2px;
  opacity: 1;
  background: #F0F2F5;
  border: 1px solid #DCDFE6;
  font-size: 14px;
}
.jz_fg_inputcotent::placeholder{ 
  color: #8F939A;
  font-size: 14px;
}
.jz_inputcotinar1{
  margin-top: 22px;
  display: flex;
}
.jz_fkname1 {
  text-align: right;
  margin-left: 61px;
  font-size: 14px;
  width: 61px;
  color: #606266;
}
.jz_fg2_input {
  margin-left: 10px;
  padding-left: 10px;
  width: 444px;
  height: 40px;
  background: #FFFFFF;
  border-radius: 2px 2px 2px 2px;
  opacity: 1;
  background: #F0F2F5;
border: 1px solid #DCDFE6;
border-radius: 2px;
font-size: 14px;
}
.jz_fg2_input::placeholder{
  font-size: 14px;
  color: #8F939A;
 }
.jz_btnclose {
  cursor: pointer;
  width: 92px;
height: 36px;
border: 1px solid #DCDFE6;
opacity: 1;
border-radius: 4px;
text-align: center;
line-height: 36px;
font-size: 14px;
}
.tankuang_inputbox .jz_inputcotinar1:nth-child(2) {
  margin-top: -8px !important;
}
.jz_btnsubmit {
  cursor: pointer;
  margin-left: 10px;
  width: 92px;
height: 36px;
background: #4B84F7;
border-radius: 4px 4px 4px 4px;
opacity: 1;
color: #fff;
text-align: center;
line-height: 36px;
font-size: 14px;
}


/* 评价弹框 */

.zhezhao2 {
  margin-top: 165px;
  position: absolute;
  right: 60px;
  top: 0px;
  width: 376px;
  height: 180px;
  opacity: 1.5;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
  z-index: 9999;
}

 .zhezhao3 {
  position: absolute;
  right: 60px;
  top: 0px;
  width: 340px;
  height: 140px;
  opacity: 1.5;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
  padding: 20px;
  z-index: 9999;
}
.zhezhao3::before{
  border: 10px solid transparent;
  border-left-color: #fff;
  content: " ";
  height: 0;
  left: 100%;
  margin-top: -20px;
  position: absolute;
  top: 50%;
  width: 0;
 }

.float-config-star-expand {
  align-items: center;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
  height: 100%;
  padding: 24px;
  position: relative;
  width: 100%;
}

.float-config-star-expand::before { 
  border: 8px solid transparent;
  border-left-color: #fff;
  content: " ";
  height: 0;
  left: 100%;
  margin-top: -20px;
  position: absolute;
  top: 50%;
  width: 0;
}

.Homepagereview {
  position: relative;
}
.zhezhao2_testbx {
  margin: 21px 66px 11px 24px;
  width: 302px;
  display: flex;
  justify-content: space-between;
}
.zhezhao2_btemany ,.zhezhao2_yeaemany {
color: #c2c2c2;
font-size: 12px;
}
.zhezhao2_itemnumcontianr {
  margin-left: 24px;

}
.zhezhao2_itemnum {
  margin-right: 7px;
  background: #fff;
    border: 1px solid #595959;
    border-radius: 2px;
    color: #191919;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    height: 18px;
    letter-spacing: 0;
    line-height: 17px;
    text-align: center;
    width: 18px;
    border-radius: 4px;
}
.jz_tkactive {
  color: red;
} 
.jz_tooplesubmit{
  margin-right: 10px;
  width: 65px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  border: 1px solid #000;
  border-radius:15px;
  color: #191919;
}
.jz_toopleclose{
  width: 65px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  border: 1px solid #000;
  border-radius:15px;
  color: #191919;
} 
.jz_zhezbtncotinar {
  display: flex;
  float: right;
  margin-right: 24px;
  margin-top: 21px;
}
.jz_zclose_btn {
  cursor: pointer;
  width: 72px;
  height: 28px;
border: 1px solid #DCDFE6;
opacity: 1;
border-radius: 2px;
text-align: center;
line-height: 28px;
border-radius: 4px;
font-size: 12px;
}
.jz_zsubmit_btn {
  cursor: pointer;
  margin-left: 8px;
  width: 72px;
  height: 28px;
background: #4B84F7;
color: #fff;
text-align: center;
line-height: 28px;
border-radius: 4px;
font-size: 12px;
}

.jz_numactive {
  border: none;
  background-color:#4B84F7;
  color: #fff;
}

/* lbt */
.containerpolicybox .swiper-button-prev, .swiper-button-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 999;
  width: 20px;
  height: 20px;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  color: #000;
  text-align: center;
  line-height: 20px;
  cursor: pointer;
  /* display: none; */
}
.containerpolicybox .swiper-button-prev {
  top: 16%;
  left: 38px;
  width:35px;
  height:35px;
  line-height: 35px;
  background: #fff;
  text-align: center;
  box-shadow: 0px 15px 40px rgba(0, 0, 0, 0.3);
    border-radius: 50%;
    color: #8a8da1 !important;
}

.containerpolicybox .swiper-button-next {
  top: 16%;
  right: 38px;
  width:35px;
  height:35px;
  line-height: 35px;
  background: #fff;
  text-align: center;
  box-shadow: 0px 15px 40px rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    color: #8a8da1 !important;

}
.containerpolicybox .swiper-button-prev {
    box-shadow: 0px 15px 40px rgba(0, 0, 0, 0.2);
}
.containerpolicybox .swiper-button-next:after  {
  
  padding-left: 3px;
  font-size: 16px;
  color: #8e91a4;
}
.containerpolicybox .swiper-button-prev:after {
  padding-left: 0px;
  font-size: 16px;
}
/* 应用示范 */
.jz-application.swiper-button-prev,.jz-application.swiper-button-next{
  top: 91% !important;
  opacity: .8;
}
.jz-application-xgwjitem {
  display: flex;
  align-items: center;
  width: 301px;
  height: 135px;
  padding: 18px  18px 0;
  background: #fff;
  background: url(../images/jz-yysf-xgwj-bg.png);
  border-radius: 10px !important;

}
.jz-application-top{
  display: flex;
  width: 1200px;
  margin: -80px auto 0;
  box-shadow: 0px 15px 40px rgba(0,0,0,0.06);
  border-radius: 10px;
  padding-bottom: 10px;
  padding-left: 15px;
  align-items: center;
  background: #fff;
  z-index: 999;
  position: relative;
}

.jz-application-top img{
  width: 200px;
}

.jz-application-top-content{
  width: 650px;
  margin-left: 30px;
  text-align: left;
}

.jz-application-top-content h3{
  font-size: 20px;
  font-weight: bold;
  color: #303040;
}

.jz-application-top-content div{
  line-height: 23px;
  font-size: 14px;
  color: #8b8da1;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  margin-top: 10px;
}

.jz-application-top-button{
  width: 110px;
  height: 36px;
  background: #4B84F7;
  border-radius: 4px;
  font-size: 14px;
  text-align: center;
  line-height: 36px;
  color: #fff;
  margin-left: 170px;
  position: relative;
  z-index: 1;
}

.jz-application-top-button:hover{
  cursor: pointer;
  animation: OpacityBreath 2s ease-in-out infinite;
}


.application-item-title{
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 60px auto 20px;
  color: #222;
  font-size: 28px;
}

.application-item-title img{
  width: 25px;
  margin-right: 20px;
}

.application-item-title img:nth-child(2){
  margin-left: 20px;
}

.application-product{
  width: 100%;
  height: 700px;
  text-align: center;
  padding-bottom: 150px;
  background: url("../images/application-damo-prod-bg.png");
}

.application-product a{
  color: #4077F5;
  margin-top: 20px;
  font-size: 14px;
  transition: .5s ease-in-out;
}

.application-product a:hover{
  color: #303040;
}

.application-swiper-title{
  display: flex;
  height: 43%;
}
.application-swiper-title img{ 
  border-radius: 10px;
}
.application-swiper-title a img{
  display: inline;
  width: 11px;
  height: 11px;
  margin-right: 5px;
  margin-bottom: 3px;
  border-radius: 10px;
}

.application-swiper-title-item1{
  text-align: left;
  margin-left: 12px;
  display: flex;
}

.application-swiper-title-item1 a{
  margin-top: 0;
  color: #fff;
  text-decoration: underline !important;
  margin-left: 48px;
}

.application-swiper-title-item1 h3{
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  transition: .5s ease-in-out;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
}

.application-swiper-title-item1 h3:hover{
  text-decoration: underline;
}

.application-swiper-title-item2{
  text-align: left;
  margin-left: 12px;
  display: flex;
}

.application-swiper-title-item2 div{
  margin-top: 10px;
  margin-left: 12px;
}

.application-swiper-title-item2 div:nth-child(1){
  font-size: 14px;
  color: #fff;
  /* margin-top: 20px; */
}

.application-swiper-title-item2 div div{
  min-width: 81px;
  height: 28px;
  border: 1px solid #fff;
  text-align: center;
  line-height: 25px;
  color: #fff;
  font-size: 12px !important;
  margin-left: 10px;
}

.application-swiper-title-item2 div div:hover{
  cursor: pointer;
}

.application-swiper-title-item2 div div:nth-child(1){
  margin-left: 0;
}

.application-swiper-content{
  color: #fff;
  font-size: 14px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 70px;
  text-align: left;
  line-height: 24px;
}

.application-swiper-button{
  display: flex;
  margin-top: 20px;
}

.application-swiper-button div{
  background: #fff;
  border-radius: 4px;
  font-size: 14px;
  width: 158px;
  height: 34px;
  line-height: 34px;
  color: #4A84F7;
  margin-right: 10px;
  overflow: hidden;
  position: relative;
  transition:.2s;
}

.application-swiper-button div img{
  width: 20px;
  height: 20px;
  display: inline;
  margin-right: 7px;
}

.application-swiper-button div:hover {
  background-color: #fff;
  animation: OpacityBreath 2s ease-in-out infinite;
  cursor: pointer;
}

.application-solution{
  background: url("../images/solution-bg.png")no-repeat;
  background-size: 100% 100%;
  padding-top: 10px;
  height: 723px;
}

.application-solution a{
  color: #4077F5;
  margin: 0 auto;
  display: block;
  width: 70px;
  font-size: 14px;
  transition: .5s ease-in-out;
}

.application-solution a:hover{
  color: #000;
}

.application-solution-content{
  background: url("../images/solution-content-bg.png")no-repeat;
  height: 480px;
  background-size: 72% 100%;
  padding-top: 60px;
  max-width: 1920px;
  margin: 35px auto 0;
}

.application-solution-content ul{
  width: 162px;
}

.application-solution-content ul li{
  display: flex;
  font-size: 14px;
  color: #fff;
  padding: 10px 20px;
  margin-bottom: 10px;
  box-sizing: border-box;
  border-radius: 4px;
}

.solution-bar-active{
  background: #fff !important;
  color: #4a84f7 !important;
  font-weight: bold !important;
  border-radius: 4px;
  border-left: 4px solid #00aee6;
  padding-left: 16px !important;
}

.solution-bar-img{
  width: 22px;
  height: 22px;
  margin-right: 10px;
}

.solution-bar-img1{
  background: url("../images/solution-bar-white1.png")no-repeat;
  background-size: 100% 100%;
}
.solution-bar-img2{
  background: url("../images/solution-bar-white2.png")no-repeat;
  background-size: 100% 100%;
}
.solution-bar-img3{
  background: url("../images/solution-bar-white3.png")no-repeat;
  background-size: 100% 100%;
}
.solution-bar-img4{
  background: url("../images/solution-bar-white4.png")no-repeat;
  background-size: 100% 100%;
}
.solution-bar-img5{
  background: url("../images/solution-bar-white5.png")no-repeat;
  background-size: 100% 100%;
}
.solution-bar-img6{
  background: url("../images/solution-bar-white6.png")no-repeat;
  background-size: 100% 100%;
}
.solution-bar-img7{
  background: url("../images/solution-bar-white7.png")no-repeat;
  background-size: 100% 100%;
}

.solution-bar-active .solution-bar-img1{
  background: url("../images/solution-bar-bule1.png")no-repeat;
  background-size: 100% 100%;
}
.solution-bar-active .solution-bar-img2{
  background: url("../images/solution-bar-blue2.png")no-repeat;
  background-size: 100% 100%;
}
.solution-bar-active .solution-bar-img3{
  background: url("../images/solution-bar-blue3.png")no-repeat;
  background-size: 100% 100%;
}
.solution-bar-active .solution-bar-img4{
  background: url("../images/solution-bar-blue4.png")no-repeat;
  background-size: 100% 100%;
}
.solution-bar-active .solution-bar-img5{
  background: url("../images/solution-bar-blue5.png")no-repeat;
  background-size: 100% 100%;
}
.solution-bar-active .solution-bar-img6{
  background: url("../images/solution-bar-blue6.png")no-repeat;
  background-size: 100% 100%;
}
.solution-bar-active .solution-bar-img7{
  background: url("../images/solution-bar-blue7.png")no-repeat;
  background-size: 100% 100%;
}

.application-solution-content ul li:hover{
  color: #4A84F7;
  background: #fff;
  border-left: 4px solid #00aee6;
  border-radius: 4px;
  padding-left: 16px;
  font-weight: bold;
  cursor: pointer;
}

.application-solution-content ul li:hover .solution-bar-img1{
  background: url("../images/solution-bar-bule1.png")no-repeat;
  background-size: 100% 100%;
}
.application-solution-content ul li:hover .solution-bar-img2{
  background: url("../images/solution-bar-blue2.png")no-repeat;
  background-size: 100% 100%;
}
.application-solution-content ul li:hover .solution-bar-img3{
  background: url("../images/solution-bar-blue3.png")no-repeat;
  background-size: 100% 100%;
}
.application-solution-content ul li:hover .solution-bar-img4{
  background: url("../images/solution-bar-blue4.png")no-repeat;
  background-size: 100% 100%;
}
.application-solution-content ul li:hover .solution-bar-img5{
  background: url("../images/solution-bar-blue5.png")no-repeat;
  background-size: 100% 100%;
}
.application-solution-content ul li:hover .solution-bar-img6{
  background: url("../images/solution-bar-blue6.png")no-repeat;
  background-size: 100% 100%;
}
.application-solution-content ul li:hover .solution-bar-img7{
  background: url("../images/solution-bar-blue7.png")no-repeat;
  background-size: 100% 100%;
}

.solution-content{
  width: 1010px;
  margin-left: 20px;
  display: none;
}

.solution-content-show{
  display: block !important;
}

.solution-content img{
  width: 330px;height: 145px;
  margin-left: 50px;
}

.solution-content-item1{
  width: 100%;
  background: #fff;
  height: 190px;
  border-radius: 10px;
  display: flex;
  padding: 25px;
  position: relative;
}

.solution-content-item1:hover{
  cursor: pointer;
}
.solution-content-item1:hover h3{
  color: #4a84f7;
}

.solution-content-item1 div h3{
  font-size: 16px;
  font-weight: bold;
  transition: .5s  ease-in-out;
  color: #303040;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.solution-content-item1 div div{
  font-size: 14px;
  color: #8B8DA1;
  margin-top: 15px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  /* height: 42px; */
}

.solution-content-item1 img{
  width: 330px;
  height: 145px;
  border-radius: 6px;
}

.solution-content-button{
  background: #4B84F7;
  border-radius: 4px;
  text-align: center;
  font-size: 14px;
  line-height: 36px;
  width: 110px;
  height: 36px;
  color: #fff !important;
  margin-top: 27px !important;
  position: relative;
  z-index: 1;
  position: absolute;
  top: 100px;
  /* left: 0; */
}

.solution-content-button:hover{
  cursor: pointer;
  animation: OpacityBreath 2s ease-in-out infinite;
  opacity: 1;
}

@keyframes OpacityBreath {
  0% {
      opacity: 1;
  }

  50% {
      opacity: 0.65;
  }

  100% {
      opacity: 1;
  }
}

.solution-content-item2{
  width: 100%;
  display: flex;
  margin-top: 10px;
}

.solution-content-item2-child{
  background: #fff;
  border-radius: 10px;
  width: 50%;
  padding: 25px;
  position: relative;
  height: 162px;
}

.solution-content-item2-child:hover{
  cursor: pointer;
}
.solution-content-item2-child:hover h3{
  color: #4a84f7;
}

.solution-content-item2-child:nth-child(2){
  margin-left: 10px;
}

.solution-content-item2-child h3{
  font-size: 16px;
  font-weight: bold;
  transition: .5s ease-in-out;
  color: #303040;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.solution-content-item2-child div{
  font-size: 14px;
  color: #8B8DA1;
  margin-top: 10px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  /* height: 42px; */
}
.solution-content-item2-child a{
  margin: 20px 0 0;
  position: absolute;
  top: 100px;
}

.solution-content-item2-child a:hover{
  color: #4a84f7;
  animation: linkJump 1s ease-in-out infinite ;
  text-decoration: underline !important;
}

@keyframes linkJump{
  0%{
    margin-left: 0;
  }

  50%{
    margin-left: 5px;
  }

  100%{
    margin-left: 0;
  }
}

.application-transformation{
  width: 100%;
  height: 697px;
  background: url("../images/transformation-bg.png")no-repeat;
  background-size: 100% 100%;
  padding-top: 60px;
}

.application-transformation h3{
  margin-top: 0;
}

.application-transformation a{
  color: #4077F5;
  margin: 0 auto;
  display: block;
  width: 70px;
  font-size: 14px;
  transition: .5s ease-in-out;
}

.application-transformation a:hover{
  color: #000;
}

.transformation-content{
  width: 1200px;
  display: flex;
  margin: 35px auto 0;
}

.transformation-content-item{
  width: 32% !important;
  background: #fff;
  border-radius: 10px;
  padding: 40px;
  height: 458px;
  margin-left: 25px !important;
}

.transformation-content-item-content{
  width: 100% !important;
  margin-top: 0 !important;
  position: relative;
}

.transformation-content-item-content:hover{
  cursor: pointer;
  text-decoration: none !important;
}

.transformation-content-item:hover{
  cursor: pointer;
}
.transformation-content-item:hover h3{
  color: #4a84f7;
}

.transformation-content-item:nth-child(1){
  margin-left: 0;
}

.transformation-content-item h3{
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 28px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: .5s ease-in-out;
  color: #303040;
}

.transformation-content-item div{
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  color: #5C6780; 
  /* height: 60px; */
}

.transformation-content-item-content span{
  color: #4A84F7;
  font-size: 14px;
  display: block;
  margin-top: 28px;
  position: absolute;
  top: 330px;
}

.transformation-content-item-content span:hover{
  animation: linkJump 1s ease-in-out infinite;
  text-decoration: underline !important;
}

.typical-search{
  display: flex;
  width: 1200px;
  margin: 0 auto;
  padding-top: 300px;
  position: relative;
}

.transformation-content-item-content img{
  width: 304px;
  height: 182px;
  border-radius: 6px;
}

.typical-search input{
  width: 512px;
  box-shadow: 0px 0px 8px rgba(1,105,220,0.25);
  border-radius: 4px 0 0 4px;
  padding-left: 20px;
  font-size: 14px;
  color: #181B22;
}

.typical-search-button{
  background: #4b84f7;
  width: 48px;
  height: 48px;
  padding: 14px;
  border-radius: 0 4px 4px 0;
}

.typical-search-button img{
  /* transition: .5s ease-in-out; */
}

.typical-search-button:hover{
  cursor: pointer;
}

.typical-search-button:hover img{
  /* transform: scale(1.1); */
}

.typical-content{
  width: 1200px;
  margin: 0 auto;
}

.typical-content-item-title{
  display: flex;
  width: 45%;
}
.typical-content-item-title img{
  width: 70px;
  height: 70px;
}

.typical-content-item-title span img{
  display: inline;
  width: 11px;
  height: 11px;
  margin-right: 5px;
  margin-bottom: 3px;
}

.typical-content-item-title-item1{
  text-align: left;
  margin-left: 12px;
  display: flex;
}

.typical-content-item-title-item1 span{
  margin-top: 0;
  color: #4b84f7;
  text-decoration: underline !important;
  margin-left: 48px;
  transition: .5s ease-in-out;
  white-space: nowrap;
}

.typical-content-item-title-item1 span:hover{
  color: #000;
}

.typical-content-item-title-item1 h3{
  color: #181b22;
  font-weight: bold;
  font-size: 16px;
  transition: .5s ease-in-out;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
}

.typical-content-item-title-item1 h3:hover{
  text-decoration: underline;
}

.typical-content-item-title-item2{
  text-align: left;
  margin-left: 12px;
  display: flex;
}

.typical-content-item-title-item2 div{
  margin-top: 10px;
  margin-left: 12px;
}

.typical-content-item-title-item2 div:nth-child(1){
  font-size: 14px;
  color: #5C6780;
  /* margin-top: 20px; */
}

.typical-content-item-title-item2 div div{
  min-width: 81px;
  height: 28px;
  border: 1px solid #5C6780;
  text-align: center;
  line-height: 25px;
  color: #5C6780;
  font-size: 12px !important;
  margin-left: 10px;
}

.typical-content-item-title-item2 div div:hover{
  cursor: pointer;
}

.typical-content-item-title-item2 div div:nth-child(1){
  margin-left: 0;
}

.typical-content-item{
  height: 188px;
  background: rgba(255,255,255,0.39);
  box-shadow: 0px 0px 15px rgba(82,96,120,0.1);
  opacity: 1;
  border-radius: 10px;
  padding: 26px 34px;
  margin-top: 25px;
  /* display: flex; */
}

.typical-content-item:hover h3{
  color: #4a84f7;
}

.typical-content-item a{
  display: flex;
}

.typical-content-item-content{
  color: #5C6780;
  font-size: 14px;
  line-height: 26px;
  margin-top: 20px;
  width: 840px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.typical-content-item-tag{
  margin-top: 15px;
  margin-left: 130px;
}

.typical-content-item-tag div{
  width: 158px;
  height: 34px;
  border: 1px solid #4A84F7;
  opacity: 1;
  border-radius: 4px;
  display: flex;
  color: #4a84f7;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  margin-top: 15px;
  position: relative;
  z-index: 1;
}

.typical-content-item-tag div::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 0;
  height: 100%;
  left: 0;
  background-color: #AAC6FF18;
  transition: ease-in-out .5s;
}

.typical-content-item-tag div:hover::before {
  width: 100%;
}

.typical-content-item-tag div img{
  width: 19px;
  height: 19px;
  margin-right: 10px;
}

.cloud-as-service-provider{
  display: flex;
  margin-top: 20px;
  width: 600px;
}

.cloud-as-service-provider div{
  font-size: 14px;
  color: #5C6780;
  margin-left: 40px;
}

.cloud-as-service-provider a{
  font-size: 14px;
  color: #4a84f7;
  margin-left: 12px;
  transition: .3s ease-in-out;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 400px;
}

.cloud-as-service-provider a:hover{
  cursor: pointer;
  color: #222;
  text-decoration: underline !important;
}

.get-connect-information{
  color: #fff;
  font-size: 14px;
  background: #4a84f7;
  display: flex;
  width: 158px;
  height: 34px;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  float: right;
  margin-top: -35px;
  margin-right: 10px;
}

.get-connect-information:hover{
  cursor: pointer;
  animation: OpacityBreath 2s ease-in-out infinite;
}

.get-connect-information img{
  width: 20px;
  height: 20px;
  margin-right: 10px;
}

.typicial-detail-bar{
  width: 1200px;
  margin-left: -30px;
  display: flex;
  border-bottom: 1px solid #ddd;
  margin-bottom: 47px;
}

.typicial-detail-bar a{
  width: 140px;
  height: 50px;
  text-align: center;
  font-size: 16px;
  line-height: 50px;
}

.typicial-detail-bar a:nth-child(1){
  border-top-left-radius: 6px;
}

.typicial-detail-bar a:hover{
  color: #fff;
  background: #4a84f7;
}

.typicial-detail-bar-active{
  background: #4a84f7;
  color: #fff;
}


/* 云服务超市 */
.cloude-application{
  height: 805px;
  background: url("../images/new-cloud-app-bg.png")no-repeat;
  background-size: 100% 100%;
  padding-top: 63px;
}

.cloude-application a{
  color: #4077F5;
  margin: 0 auto;
  display: block;
  width: 70px;
  font-size: 14px;
  transition: .5s ease-in-out;
}

.cloude-application a:hover{
  color: #000;
}

.cloude-item-title{
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  color: #222;
  font-size: 28px;
}

.cloude-item-title img{
  width: 31px;
  height: 34px;
  margin-right: 20px;
}

.cloude-item-title img:nth-child(2){
  margin-left: 20px;
}

.cloude-application-content{
  display: flex;
  width: 1200px;
  flex-wrap: wrap;
  margin: 23px auto 0;
}

.cloude-application-content-item{
  width: 280px;
  height: 260px;
  background: #fff;
  box-shadow: 0px 6px 20px rgba(0,0,0,0.06);
  opacity: 1;
  border-radius: 10px;
  padding: 52px 30px;
  margin-left: 26.6px;
  margin-top: 27px;
}

.cloude-application-content-item img{
  border-radius: 10px;
}

.cloude-application-content-item:nth-child(1),
.cloude-application-content-item:nth-child(5){
  margin-left: 0;
}

.cloude-application-content-item img{
  width: 50px;
  height: 50px;
}

.cloude-application-content-item:hover{
  cursor: pointer;
}

.cloude-application-content-item:hover h3{
  color: #4a84f7;
}

.content-item-title{
  width: 80%;
}

.content-item-title h3{
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  color: #303040;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  transition: .3s ease-in-out;
}

.coloerfull-line{
  background-color: #F1B2B0;
  height: 3px;
  width: 40px;
  margin-top: 25px;
}

.coloerfull-line div{
  background: #4A84F7;
  width: 25px;
  height: 3px;
}

.content-item-content{
  font-size: 14px;
  color: #8a8da1;
  line-height: 28px;
  margin-top: 26px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cloude-api-market{
  background: url("../images/api-market-bg.png")no-repeat;
  background-size: 100% 100%;
  height: 558px;
  padding-top: 5px;
}

.cloude-api-market a{
  color: #4077F5;
  margin: 0 auto 50px;
  display: block;
  width: 70px;
  font-size: 14px;
  transition: .5s ease-in-out;
}

.cloude-api-market a:hover{
  color: #000;
}

.api-market-content{
  width: 1200px;
  display: flex;
  margin: 0 auto;
  padding: 0 45px;
}

.recent-hot-spots{
  background: url("../images/recent-hot-spots-bg.png")no-repeat;
  background-size: 100% 100%;
  width: 300px;
  height: 310px;
  padding: 45px 55px;
  position: relative;
}

.recent-hot-spots h3{
  font-size: 16px;
  color: #fff;
  font-weight: bold;
  margin-bottom: 18px;
}

.hot-spots-list{
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.hot-spots-list-content{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  /* animation: scroll 10s linear infinite; */
  /* animation-fill-mode: forwards; */
  /* animation-delay: 1s; */
}

.hot-spots-list-content:hover{
  animation-play-state: paused;
}

.animate{
  animation: scroll 5s linear;
  animation-fill-mode: forwards;
}

.hot-spots-list-content > div {
  width: 100%;
  /* 滚动的项目需要有具体的高度 */
  height: 30px;
  align-items: center;
  color: #fff;
  font-size: 14px;
  margin-top: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.hot-spots-list-content > div:hover{
  cursor: pointer;
  text-decoration: underline
}

.hot-spots-list-content span{
  color: #fff;
  margin-right: 10px;
  font-size: 14px;
}

.hot-spots-list-content div:nth-child(-n+3) span{
  color: #E7F540;
}
@keyframes scroll {
  0%{
      top:0 
  }
  100% {
      /* 需要滚动内容的总高度 */
      top: -220px;
  }
} 

.api-market-classification{
  display: flex;
  flex-wrap: wrap;
  width: 80%;
}

.api-classification-item{
  width: 140px;
  height: 140px;
  background: #fff;
  box-shadow: 0px 0px 12px rgba(71,124,245,0.18);
  opacity: 1;
  border-radius: 10px;
  text-align: center;
  padding: 24px;
  margin-left: 20px;
  margin-bottom: 20px;
  transition: .5s ease-in-out;
}

.api-classification-item img{
  width: 60px;
  height: 60px;
  margin: 0 auto;
  transition: .5s ease-in-out;
}

.api-classification-item div{
  font-size: 16px;
  font-weight: bold;
  margin-top: 10px;
}

.api-classification-item:hover{
  box-shadow:
            0 0 0 #4a84f720,
            0 0 0 #4a84f720,
            inset -7px -7px 12px #4a84f730,
            inset 7px 7px 12px #4a84f730;
}

.api-classification-item:hover img{
  transform: scale(1.1);
  
}

.cloud-infrastructure{
  background: url("../images/cloud-Infrastructure-bg.png")no-repeat;
  background-size: 100% 100%;
  padding-top: 60px;
  height: 606px;
}

.cloud-infrastructure a{
  color: #4077F5;
  margin: 0 auto 50px;
  display: block;
  width: 70px;
  font-size: 14px;
  transition: .5s ease-in-out;
}

.cloud-infrastructure a:hover{
  color: #000;
}

.cloud-infrastructure-content{
  display: flex;
  width: 1200px;
  margin: 0 auto;
}

.cloud-infrastructure-list{
  width: 180px;
  height: 348px;
  background: rgba(255,255,255,0.39);
  box-shadow: 0px 0px 12px rgba(0,0,0,0.12);
  opacity: 1;
  border-radius: 10px;
  padding: 20px 0;
}

.infrastructure-list-item{
  display: flex;
  align-items: center;
  padding: 9px 0;
  height: 60px;
}

.infrastructure-list-item div{
  font-size: 14px;
  color: #222;
}

.infrastructure-list-item img{
  width: 39px;
  height: 39px;
  margin-right: 20px;
}

.infrastructure-line{
  background: transparent;
  width: 4px;
  height: 48px;
  margin-right: 26px;
}

.infrastructure-list-item:hover{
  background: linear-gradient(to right,#deecff,transparent);
  cursor: pointer;
}

.list-item-active{
  background: linear-gradient(to right,#deecff,transparent);
}

.list-item-active .infrastructure-line{
  background: #4a84f7;
}

.infrastructure-list-item:hover .infrastructure-line{
  background: #4a84f7;
  
}

.cloud-infrastructure-inner{
  display: none;
  flex-wrap: wrap;
  width: 80%;
  margin-left: 20px;
}

.inner-active{
  display: flex;
}

.infrastructure-inner-item{
  width: 470px;
  height: 164px;
  box-shadow: 0px 0px 12px rgba(0,0,0,0.12);
  opacity: 1;
  border-radius: 10px;
  background: url("../images/cloud-infrastructure-inner-bg.png")no-repeat;
  background-size: 100% 100%;
  padding: 25px 60px 25px 28px;
}

.infrastructure-inner-item:hover{
   cursor: pointer;
}

.infrastructure-inner-item:hover h3{
  color: #4a84f7;
}

.infrastructure-inner-item:nth-child(even){
  margin-left: 20px;
}
.infrastructure-inner-item:nth-child(1),
.infrastructure-inner-item:nth-child(2){
  margin-bottom: 20px;
}

.infrastructure-inner-item h3{
  font-size: 16px;
  font-weight: bold;
  color: #222;
  transition: .3s ease-in-out;
}

.infrastructure-inner-line{
  width: 48px;
  height: 2px;
  background: linear-gradient(to right,#4077F5,#fff);
  margin-top: 12px;
}

.infrastructure-inner-item-content{
  font-size: 14px;
  font-weight: 400;
  color: #8A8DA1;
  margin-top: 12px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 40px;
}

.infrastructure-inner-item a{
  margin-left: 0;
  margin-top: 12px;
}

.infrastructure-inner-item a:hover{
  color: #4a84f7;
  animation:linkJump 1s ease-in-out infinite ;
}

.cloude-service-provider{
  background: url("../images/cloude-service-provider-bg.png")no-repeat;
  background-size: 100% 100%;
  height: 630px;
  padding-top: 60px;
}

.cloude-service-provider a{
  color: #4077F5;
  margin: 0 auto 50px;
  display: block;
  width: 70px;
  font-size: 14px;
  transition: .5s ease-in-out;
}
.cloude-service-provider a:hover{
  color: #000;
}

.cloude-service-content{
  width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}

.service-provider-item{
  width: 590px;
  height: 176px;
  box-shadow: 0px 0px 12px rgba(0,0,0,0.11);
  background: #fff;
  opacity: 1;
  border-radius: 10px;
  padding: 30px;
  margin-bottom: 20px;
}

.service-provider-item:nth-child(even){
  margin-left: 20px;
}

.service-provider-item:hover{
  cursor: pointer;
}

.service-provider-item:hover .service-provider-item-title div{
  color: #4a84f7;
}

.service-provider-item-title{
  display: flex;
  align-items: center;
}

.service-provider-item-title img{
  width: 120px;
  height: 58px;
  box-shadow:  0px 0px 12px rgba(82,96,120,0.12);
  margin-right: 18px;
}

.service-provider-item-title div{
  font-weight: bold;
  font-size: 16px;
  color: #222;
  transition: .3s ease-in-out;
}

.service-provider-content{
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #8A8DA1;
  opacity: 1;
  margin-top: 15px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.expert-consultation{
  background: url("../images/expert-consultation-bg.png")no-repeat;
  background-size: 100% 100%;
  height: 512px;
  padding-top: 60px;
}

.expert-consultation a{
  color: #4077F5;
  margin: 0 auto 50px;
  display: block;
  width: 70px;
  font-size: 14px;
  transition: .5s ease-in-out;
}
.expert-consultation a:hover{
  color: #000;
}

.expert-consultation-content{
  display: flex;
  width: 1200px;
  margin: 0 auto;
}
.expert-consultation-content-item{
  width: 384px;
  height: 254px;
  background: #fff;
  box-shadow: 0px 0px 20px rgba(0,0,0,0.06);
  opacity: 1;
  border-radius: 10px;
  padding: 30px;
  margin-left: 20px;
  position: relative;
}

.expert-consultation-content-item:nth-child(1){
  margin-left: 0;
}

.expert-consultation-content-item h3{
  font-size: 16px;
  font-weight: bold;
  line-height: 28px;
  color: #222;
  opacity: 1;
  transition: .3s ease-in-out;
}

.expert-consultation-content-item:hover{
  cursor: pointer;
}

.expert-consultation-content-item:hover h3{
  color: #4a84f7;
}

.expert-consultation-tag{
  font-size: 12px;
  font-weight: 400;
  width: 66px;
  height: 22px;
  border: 1px solid #8A8DA1;
  color: #8a8da1;
  line-height: 20px;
  text-align: center;
  opacity: 1;
  margin-top: 10px;
}

.consultation-content{
  font-size: 14px;
  line-height: 28px;
  color: #8B8DA1;
  opacity: 1;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 10px;
  height: 78px;
  width: 316px;
  position: absolute;
  bottom: 75px;
}

.consultation-button{
  width: 81px;
  height: 28px;
  background: linear-gradient(141deg, #5DB0FA, #3676F9,#5DB0FA);
  opacity: 1;
  text-align: center;
  background-size: 200%;
  line-height: 28px;
  color: #fff;
  margin-top: 10px;
  transition: .5s all;
  background-position: 0;
  position: absolute;
  bottom: 30px;
  left: 30px;
}

.consultation-button:hover{
  cursor: pointer;
  background-position: 100%;
}

/* 转型案例详情 */
.Transformation_continar  {
  padding: 0 30px;
  display: flex;
  justify-content: space-between;
}
.Transformation_img {
  margin-right: 30px;
  width: 400px;
  height: 216px;
}
.Transformation_img img{
  width: 100%;
  height: 100%;
 }
 .Transformation_content {
  width: 710px;
 }
  .Transformation_content:hover h4 {
  color: #00aee6;
 }
 .Transformation_content h4 {
  font-size: 20px;
  color: #181B22;
  font-weight: 700;
  margin-top: 47px;
  margin-bottom: 14px;
 } 
 .Transformation_details p{
  color: #5C6780;
  font-size: 14px;
line-height: 24px;
 }
 .Transformation_titlebf {
  padding-left: 10px;
  position: relative;
  font-weight: 700;
  font-size: 16px;
color: #181B22;
margin-bottom: 20px;
 }
 .Transformation_titlebf::before{
   position: absolute;
   top: 11%;
   margin-left: -10px;
  content: '';
  width: 3px;
  height: 18px;
  background-color: #4A84F7;
  }
  .Transformation_titletset{
    margin: 20px 0 25px 0;
    width: 1145px;
color: #181B22;
font-size: 14px;
  }
  .Transformation_titleimg1 {
    width: 836px;
    height: 258px;
    margin-bottom: 42px;
  }
  .Transformation_titleimg1 img{
    width: 100%;
    height: 100%;
  }
  .Transformation_titleimg2 {
    width: 836px;
    height: 438px;
    margin-bottom: 42px;
  }
  .Transformation_titleimg2 img{
    width: 100%;
    height: 100%;
  }
  .Transformation_titleimg3 {
    width: 836px;
    height: 206px;
    margin-bottom: 42px;
  }
  .Transformation_titleimg3 img{
    width: 100%;
    height: 100%;
  }
  .Transformation_titleimg4 {
    width: 836px;
    height: 345px;
    margin-bottom: 42px;
  }
  .Transformation_titleimg4 img{
    width: 100%;
    height: 100%;
  }
  .jz_Solutioncontinar {
    height: 653px;
    background: url(../images/jz_Solutioncontinar.png)no-repeat;
    background-size: 100% 100%;
  }
  .jz_Solutiontitle {
    padding: 30px 0 50px 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .jz_Solutiontitle_leftbgb ,.jz_Solutiontitle_rightbgb{
    width: 31px;
    height: 34px;
 
  }
  .jz_Solutiontitle_leftbgb img {
    width: 100%;
    height: 100%;
  }
  .jz_Solutiontitle_rightbgb img,.jz_Solutiontitle_rightbgb img{
    width: 100%;
    height: 100%;
  }
  .jz_Solutiontitle_ttile {
    margin: 0 19px;
    font-size: 28px;
color: #222222;
  }

  .hot-point-mock{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 285px;
    height: 100px;
    border-radius: 0 0 10px 10px;
    background: linear-gradient(to bottom,transparent,#4077F5);
  }

  .jz_Solutionproduct_box {
    display: flex;
    justify-content: center;
  }
  .jz_Solutionproduct_item {
    margin-right: 20px;
    padding: 30px;
    width: 330px;
    height: 440px;
    background: rgba(255,255,255,0.39);
    box-shadow: 0px 0px 12px rgba(82,96,120,0.12);
    opacity: 1;
    border-radius: 10px;
    position: relative;
  }
  .jz_Solutionproduct_img {
    width: 270px;
    height: 180px;
  }
  .jz_Solutionproduct_img img {
    width: 100%;
    height: 100%;
  }
.jz_Solutionproduct_title {
  padding: 30px 0 20px 0;
font-size: 20px;
font-weight: 700;
color: #303040;
}  
.jz_Solutionproduct_info {
  /* padding: 0 0 25px 0; */
  font-size: 14px;
  line-height: 24px;
  color: #8B8DA1;
}
.jz_Solutionproduct_btn {
  margin-top: 23px;
  text-align: center;
  line-height: 28px;
  width: 81px;
  height: 28px;
  border: 1px solid #4077F5;
  font-size: 12px; 
  color: #4077F5;
  position: absolute;
  top: 360px;
}
.jz_Solutionproduct_btn:hover{
  cursor: pointer;
  color: #000;
 }
 .jz_Solutionproduct_item:hover .jz_Solutionproduct_title {
  color: #4077F5;
 }
 .jz_SolutionAllcontinar {
  /* position: relative; */
  padding-top: 35px;
/* height: 977px; */
background: url(../images/jz_SolutionAllcontinar.png)no-repeat;
    background-size: 100% 100%;
 }
 .jz_SolutionAll_tabbox {
  padding-top: 42px;
  width: 235px;
height: 799px;
border-radius: 10px;
background: url(../images/jz_SolutionAll_tabbox.png)no-repeat;
    background-size: 100% 100%;
 }
 .jz_SolutionAll_tabcontinar {
  width: 1200px;
  display: flex;
  padding-bottom: 100px;
 }
 .jz_SolutionAll_content {
  padding: 30px 20px 0px 20px;
  margin-top: 20px;
  width: 964px;
  height: 762px;
  overflow: hidden;
  /* height: 3810px; */
  background: rgba(255,255,255,0.89);
  box-shadow: 0px 0px 12px rgba(0,0,0,0.07);
  opacity: 1;
  border-radius: 10px;
}
.jz_Solut_title {
margin-left: 13px;
color: #FFFFFF;
font-size: 14px;
}
.jz_Solut_tab_bgcontinar {
  cursor: pointer;
  margin-bottom: 10px;
  padding-left: 29px;
  display: flex;
  margin-left: 26px;
  align-items: center;
  width: 182px;
  height: 64px;
} 
 .jz_nav_active .jz_Solut_tab_bgcontActive .jz_Solut_title{
  font-weight: 700;
  font-size: 16px;
color: #4077F5;
}
.jz_nav_active .jz_Solut_tab_bgcontActive {
  background: url(../images/jz_Solut_tab_bgcontinarbg.png)no-repeat;
  background-size: 100% 100%;
} 

.jz_Solut_tab_bg {
  width: 35px;
  height: 35px;
  background: url(../images/jz_Solut_tab_bg1.png)no-repeat;
    background-size: 100% 100%;
}
.jz_nav_active .jz_Solut_tab_bgcontActive .jz_Solut_tab_bgActive {
  background: url(../images/jz_Solut_tab_bgActive1.png)no-repeat;
  background-size: 100% 100%;
}
.jz_nav_active .jz_Solut_tab_bgcontActive .jz_Solut_tab_bgActive2 {
  background: url(../images/jz_Solut_tab_bgActive2.png)no-repeat;
  background-size: 100% 100%;
}
.jz_nav_active .jz_Solut_tab_bgcontActive .jz_Solut_tab_bgActive3 {
  background: url(../images/jz_Solut_tab_bgActive3.png)no-repeat;
  background-size: 100% 100%;
}
.jz_nav_active .jz_Solut_tab_bgcontActive .jz_Solut_tab_bgActive4 {
  background: url(../images/jz_Solut_tab_bgActive4.png)no-repeat;
  background-size: 100% 100%;
}
.jz_nav_active .jz_Solut_tab_bgcontActive .jz_Solut_tab_bgActive5 {
  background: url(../images/jz_Solut_tab_bgActive5.png)no-repeat;
  background-size: 100% 100%;
}
.jz_nav_active .jz_Solut_tab_bgcontActive .jz_Solut_tab_bgActive6 {
  background: url(../images/jz_Solut_tab_bgActive6.png)no-repeat;
  background-size: 100% 100%;
}
.jz_nav_active .jz_Solut_tab_bgcontActive .jz_Solut_tab_bgActive7 {
  background: url(../images/jz_Solut_tab_bgActive7.png)no-repeat;
  background-size: 100% 100%;
}
.jz_Solut_tab_bg2 {
  background: url(../images/jz_Solut_tab_bg2.png)no-repeat;
  background-size: 100% 100%;
}
.jz_Solut_tab_bg3 {
  background: url(../images/jz_Solut_tab_bg3.png)no-repeat;
  background-size: 100% 100%;
}
.jz_Solut_tab_bg4 {
  background: url(../images/jz_Solut_tab_bg4.png)no-repeat;
  background-size: 100% 100%;
}
.jz_Solut_tab_bg5 {
  background: url(../images/jz_Solut_tab_bg5.png)no-repeat;
  background-size: 100% 100%;
}
.jz_Solut_tab_bg6 {
  background: url(../images/jz_Solut_tab_bg6.png)no-repeat;
  background-size: 100% 100%;
}
.jz_Solut_tab_bg7 {
  background: url(../images/jz_Solut_tab_bg7.png)no-repeat;
  background-size: 100% 100%;
}


/* 切换6 */
/* .jz_tab-nav6 {
  margin-bottom: 10px;
}

.jz_tab-nav6 ul {
  margin: 0;
  padding: 0;
  list-style: none;
} */

/* .jz_tab-nav6 li {
  cursor: pointer;
}

.jz_tab-nav6 li.jz_active3 {
  color: #fff;
  animation: fadein 0.5s;
}

.jz_tab-content6 {
  height: 100%;
  overflow-x: hidden;
  transition: all .35s;
}

.jz_tab-content6 .jz_content-item6 {
  display: none;
}

.jz_tab-content6 .jz_content-item6.jz_active6 {
  animation: fadein 0.5s;
  display: block !important;
}
@keyframes fadein {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
} */

.jz_content-item6_title {
  width: 80px;
  position: relative;
font-weight: 700;
  color: #4077F5;
  font-size: 16px;
  padding-bottom: 18px;
}
.jz_content-item6_bd {
border-bottom: 1px solid #DDDDDD;
margin-bottom: 30px;

}
.jz_content-item6_title::before {
  position: absolute;
bottom: 0;
  content: '';
  width: 100%;
  height: 3px;
  background-color: #4077F5;
}
.jz_content-item6_continar {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.jz_content-item6_item {
  margin: 0 0 20px 0;
  padding: 25px;
  width: 442px;
  height: 162px;
  background: #f6f7fd;
  border-radius: 10px;
  position: relative;
}
.jz_content-item6_item h4{ 
  font-weight: 700;
color: #303040;
font-size: 16px;
}
.jz_content-item6_item:hover h4{ 
  color: #4077F5;
 }
.jz_content-item6_info {
  padding-top: 12px;
  color: #8B8DA1;
  font-size: 14px;
}
.jz_content-item6_btn {
  padding-top: 18px;
  font-size: 14px;
  color: #4077F5;
  position: absolute;
  top: 100px;
}
.jz_content-item6_btn:hover{
  cursor: pointer;
  color: #000;
}

.jz_tab-content6 {
  overflow: auto;
  height: 100%;
}
.jz_tab-content6::-webkit-scrollbar {
  width: 6px;  
  height: 10px;
}
.jz_tab-content6::-webkit-scrollbar-thumb {
  border-radius: 3vw;
  background: #DDDDDD;
}
.jz_content-item6_empbox{
  padding-right: 13px;
  /* min-height: 400px; */
}
.Ji4vj8IQ {
  width: 235px;
  min-height: 100px;
  flex-shrink: 0;
}
.jz_navs_box_filed {
  touch-action: none;
  position: fixed;
  left: auto;
  top: -18px;
}
.jz_navs_box_filed2 {
 position: absolute;
 bottom: 200px;
}

.jz_Solutioncontinard {
  padding-top: 30px;
  background-color:#f7f7f7;
}
.jz_classiccase_contianr {
  gap: 23px;
  display: flex;
  flex-wrap: wrap;
  width: 1200px;
  margin:  0 auto;
}
.jz_classiccase_item:hover  h4 {
  color: #00aee6;
}
.jz_classiccase_item {
  padding: 30px 24px 0 24px;
  width: 384px;
height: 372px;
background: rgba(255,255,255,0.39);
box-shadow: 0px 0px 12px rgba(82,96,120,0.1);
opacity: 1;
border-radius: 10px;
}
.jz_classiccase_img img {
  width: 100%;
  height: 100%;
}
.jz_classiccase_item h4 {
  padding: 23px 0 14px 0;
  font-weight: 700;
color: #181B22;
font-size: 20px;
}
.jz_classiccase_info {
  font-size: 14px;
color: #5C6780;

line-height: 24px;
}
.jz_PlanDetails {
  padding-top: 113px;
}
.jz_PlanDetails .jz_PlanDetails_titleblue{
color: #4a84f7;
font-weight: 700;
font-size: 40px;
}
.jz_PlanDetails_title {
  font-weight: 700;
font-size: 40px;
  color: #2c324c;
}
.jz_PlanDetails_info1 {
font-size: 16px;
  padding-top: 14px;
color: #2C324C;
}
.jz_PlanDetails_info {
  font-size: 16px;
color: #2C324C;
}
.jz_PlanDetails_btn {
  cursor: pointer;
  padding: 10px 0 0 25px;
  margin-top: 22px;
  width: 158px;
height: 44px;
/* line-height: 44px; */
background: #4A84F7;
border: 1px solid #4A84F7;
border-radius: 4px;
}
.jz_PlanDetails_name {
  margin-top: 2px;
  color: #fff;
font-size: 14px;
}
.jz_PlanDetails_phtotn {
 margin-right: 5px;
  width: 20px;
  height: 20px;
  background: url(../images/jz_PlanDetails_phtotn.png)no-repeat;
  background-size: 100% 100%;
}
.jz_PlanDetailsconetent {
  /* height: 1631px; */
  background-color: #f7f7f7;
}
.jz_PlanDetailsconetent {
  padding-top: 30px;
}
.jz_PlanDetalis_contianr {
  width: 1200px;
height: 1577px;
background: rgba(255,255,255,0.39);
box-shadow: 0px 0px 12px rgba(82,96,120,0.12);
opacity: 1;
border-radius: 10px;
}
/* 部门服务 */
.DepartmentalServices_continar {
  transform: translateY(-56px);
  margin: 0 auto;
  width: 1200px;
}
.DepartmentalServices_list {
  display: flex;
  justify-content: space-between;
  height: 188px;
background: rgba(255,255,255,1.39);
box-shadow: 0px 0px 15px rgba(82,96,120,0.1);
opacity: 1;
border-radius: 10px;
margin-bottom: 25px;
}
.Departmental_content {
  width: 629px;
  padding: 26px 0 0 34px;
}
.Departmental_content h4{
  color: #181B22;
  font-size: 20px;
  font-weight: 700;
}
.Departmental_rightbg {
width: 571px;
}
.Departmental_rightbg img {
  width: 100%;
  height: 100%;
}
.Departmental_test {
  color: #5C6780;
  font-size: 14px;
  margin: 14px 0;
line-height: 26px;
}
.Departmental_btn {
  cursor: pointer;
  text-align: center;
  line-height: 36px;
  width: 110px;
  height: 36px;
  background: #4B84F7;
  border-radius: 4px;
  color: #fff;
}
.Departmental_btn:hover {
  color: #000;
 }

 .DepartmentalServices_list:hover  h4{
color: #4B84F7;
 }


 /* 产业主题馆 */
.tab-fanwrap {
  position: relative;
}
.tab-fanwrap .nav-wrap {
  height: 58px;
  background-color: rgba(255, 255, 255, 0.46);
}
.navFix {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
}
.nav-wrap.navFix {
  background-color: #fff;
  box-shadow: 0 7px 10px 0 rgba(0,0,0,0.1);
}
.tab-fanwrap .tab-item {
  height: 100%;
}
.tab-fanwrap .tab-item .icons {
  width: 45px;
  height: 45px;
}
.icon-cytab-1 {
  background-image: url(../images/icon-cytab-1.png);
}
.icon-cytab-2 {
  background-image: url(../images/icon-cytab-2.png);
}
.icon-cytab-3 {
  background-image: url(../images/icon-cytab-3.png);
}
.icon-cytab-4 {
  background-image: url(../images/icon-cytab-4.png);
}
.tab-fanwrap .tab-item+.tab-item {
  margin-left: 140px;
}
.tab-fanwrap .tab-item span {
  color: #303040;
  font-size: 16px;
  margin-left: 5px;
  padding-right: 6px;
}
.tab-fanwrap .tab-item.on span, .tab-fanwrap .tab-item:hover span {
  color: #4A84F7;
}
.tab-fanwrap .tab-item.on {
  border-bottom: 3px solid #4B84F7;
}
.qygy .application-item-title,
.qyxq .application-item-title,
.dbqy .application-item-title,
.xmcg .application-item-title {
  margin-top: 0;
  padding-top: 60px;
}
.cy-tab-nav .cy-tab-item {
  width: 146px;
  height: 36px;
  color: #303040;
  font-size: 14px;
  cursor: pointer;
  position: relative;
  border-radius: 28px;
  border: 2px solid #fff;
  box-shadow: 0 0 20px rgba(216,216,216,0.62);
  background: linear-gradient(180deg, #D4E0FB 0%, #FFFFFF 100%);
}
.cy-tab-nav .cy-tab-item+.cy-tab-item {
  margin-left: 40px;
}
.cy-tab-nav .cy-tab-on, .cy-tab-nav .cy-tab-item:hover {
  top: 7px;
  height: 106px;
  color: #fff;
  padding-bottom: 10px;
  border: 0;
  box-shadow: none;
  background: url(../images/bg-cytab-on.png) no-repeat center;
}
.cy-content {
  z-index: 1;
  position: relative;
  height: 470px;
  padding: 40px 50px;
  background: url(../images/bg-qygy.png) no-repeat center;
}
.cy-content .cy-content-item {
  position: relative;
  height: 100%;
  display: none;
}
.cy-content .cy-content-item.cy-content-on {
  display: block;
}
.cy-qygy {
  overflow: hidden;
  max-height: 280px;
  margin-left: -40px;
}
.cy-qygy .cy-qygy-item {
  width: 530px;
  height: 56px;
  margin-left: 40px;
  border-bottom: 1px solid #E3EDF6;
}
.cy-qygy-item p {
  width: 76%;
  color: #172D45;
  font-size: 14px;
}
.cy-qygy-item:hover p {
  color: #4177F5;
}
.cy-qygy-item span {
  color: #8B8DA1;
  font-size: 13px;
}
.more-block {
  left: 0;
  bottom: -40px;
  width: 100%;
  height: 150px;
}
.cy-content .btn-more {
  width: 112px;
  height: 34px;
  line-height: 32px;
  color: #4077F5;
  font-size: 14px;
  text-align: center;
  border-radius: 17px;
  border: 1px solid #4379F5;
}
.btn-more:hover {
  margin-top: -10px;
}
.qyxq {
  top: -154px;
  height: 704px;
  padding-top: 150px;
  position: relative;
  background: url(../images/bg-qyxq.png) no-repeat center;
}
a.jz_newsbtn {
  display: block;
}
.qyxq-box {
  gap: 26px;
}
.qyxq-item {
  width: 280px;
  height: 300px;
  padding: 30px 20px;
  display: inline-block;
  background-color: #fff;
  box-shadow: 0 0 12px rgba(82,96,120,0.1);
  border-radius: 10px;
}
.qyxq-item h5 {
  color: #222;
  font-size: 16px;
  font-weight: bold;
  line-height: 28px;
}
.qyxq-item:hover h5 {
  color: #4B84F7;
}
.qyxq-item span {
  color: #5C6780;
  font-size: 12px;
  line-height: 30px;
}
.qyxq-item p {
  color: #222;
  font-size: 12px;
  line-height: 30px;
  width: 166px;
}
.qyxq-item .col4b84 {
  color: #4B84F7;
}
.qyxq-price {
  width: 240px;
  height: 80px;
  padding: 20px 0 20px 20px;
  background: rgb(247,248,250);
}
.qyxq-price div+div {
  position: relative;
  padding-left: 20px;
  width: 140px;
}
.qyxq-price div+div:before {
  content: '';
  position: absolute;
  top: 10px;
  left: 0;
  width: 1px;
  height: 41px;
  background-color: #E5E5E5;
}
.qyxq-price p {
  width: auto;
  color: #5C6780;
  font-size: 14px;
  line-height: 28px;
}
.qyxq-price span {
  font-size: 14px;
  line-height: 28px;
}
.qyxq-price .dside-price-num {
  color: #4177F5;
  font-size: 20px;
}
.dbqy {
  height: 613px;
  margin-top: -154px;
  background: url(../images/bg-dnqy.png) no-repeat center;
}
.dbqy .swiper-container {
  height: 360px;
  margin-top: 60px;
}
.swiper-grid-column>.swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}
.dbqy .dbqy-item {
  height: 138px;
  padding: 20px;
  border: 3px solid #FFFFFF;
  background: linear-gradient(180deg, #F4F5F8 0%, #FFFFFF 100%);
  box-shadow: 0 0 12px rgba(83,83,83,0.15);
  border-radius: 10px;
}
.dbqy-item .pic {
  width: 184px;
  height: 98px;
  overflow: hidden;
  border-radius: 6px;
  background-color: #fff;
}
.dbqy-item .pic img {
  max-width: 100%;
  border-radius: 6px;
}
.dbqy-item h5 {
  color: #222;
  font-size: 16px;
  font-weight: bold;
  line-height: 40px;
}
.dbqy-item:hover h5 {
  color: #4177F5;
}
.dbqy-item span {
  height: 26px;
  color: #5C6780;
  font-size: 12px;
  line-height: 24px;
  padding: 0 12px;
  display: inline-block;
  border-radius: 2px;
  background-color: #EDF3FF;
}
.dbqy .swiper-pagination {
  left: 0;
  bottom: 0;
  width: 100%;
}
.dbqy .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  opacity: 1;
  margin: 0 3px;
  background-color: rgba(155,192,255,0.39);
}
.dbqy .swiper-pagination-bullet-active {
  width: 20px;
  border-radius: 10px;
  background-color: #4A84F7 !important;
}
.xmcg {
  height: 512px;
  background: url(../images/bg-xmcg.png) no-repeat center;
}
.xmcg-box {
  margin-left: -24px;
}
.xmcg-item {
  width: 384px;
  height: 254px;
  padding: 30px;
  margin-left: 24px;
  background-color: #fff;
  box-shadow: 0 0 20px rgba(0,0,0,0.06);
  border-radius: 10px;
}
.xmcg-item h5 {
  color: #222;
  font-size: 16px;
  font-weight: bold;
  line-height: 28px;
}
.xmcg-item:hover h5 {
  color: #4B84F7;
}
.xmcg-item p {
  color: #5C6780;
  font-size: 14px;
  line-height: 28px;
}
.xmcg-item p span {
  color: #5C6780;
  font-size: 14px;
}
.xmcg-item .btn-more {
  display: inline-block;
  width: 81px;
  height: 28px;
  color: #fff;
  font-size: 12px;
  text-align: center;
  line-height: 28px;
  margin-top: 15px;
  transition: .5s all;
  background-image: linear-gradient(141deg, #5DB0FA, #3676F9,#5DB0FA);
  background-position: 0;
  background-size: 200%;
}
.xmcg-item:hover .btn-more {
  background-position: 100%;
}

@media only screen and (min-width: 1920px) {
  .jz_comm_bannner {
    width: 100% !important;
    background-size: 100% 100% !important;
  }
}

.accordion_continar {
  width: 100%;
display: flex;
justify-content: space-between;
}
.Coursehomeitem {
position: relative;
transition: .3s;
width: 152px;
height: 368px;
border-radius: 10px;
float: left;
}

.Coursehomeitem:nth-child(1) {
background: url(../images/jz_Multiple1.png) no-repeat;
background-size: 100% 100%; 
}

.Coursehomeitem:nth-child(2) {
background: url(../images/jz_Multiple2.png) no-repeat;
background-size: 100% 100%; 
}

.Coursehomeitem:nth-child(3) {
background: url(../images/jz_Multiple3.png) no-repeat;
background-size: 100% 100%; 
}

.Coursehomeitem:nth-child(4) {
background: url(../images/jz_Multiple4.png) no-repeat;
background-size: 100% 100%; 
}

.Coursehomeitem:nth-child(5) {
background: url(../images/jz_Multiple5.png) no-repeat;
background-size: 100% 100%; 
}
.Coursehomeitem:nth-child(6) {
background: url(../images/jz_Multiple6.png) no-repeat;
background-size: 100% 100%; 
}
.Coursehomeitem:nth-child(7) {
background: url(../images/jz_Multiple7.png) no-repeat;
background-size: 100% 100%; 
}

.accordion_continar .Coursehomebig:nth-child(1){
background: url(../images/jz_zbicon_big1.png) no-repeat;
background-size: 100% 100%; 
}
.accordion_continar .Coursehomebig:nth-child(2){
background: url(../images/jz_zbicon_big2.png) no-repeat;
background-size: 100% 100%; 
}
.accordion_continar .Coursehomebig:nth-child(3){
background: url(../images/jz_zbicon_big3.png) no-repeat;
background-size: 100% 100%; 
}
.accordion_continar .Coursehomebig:nth-child(4){
background: url(../images/jz_zbicon_big4.png) no-repeat;
background-size: 100% 100%; 
}
.accordion_continar .Coursehomebig:nth-child(5){
background: url(../images/jz_zbicon_big5.png) no-repeat;
background-size: 100% 100%; 
}
.accordion_continar .Coursehomebig:nth-child(6){
background: url(../images/jz_Multiple6ds.png) no-repeat;
background-size: 100% 100%; 
}
.accordion_continar .Coursehomebig:nth-child(7){
background: url(../images/jz_zbicon_big7.png) no-repeat;
background-size: 100% 100%; 
}
.Coursehomebig {
width: 242px;
height: 368px;
}


.Coursehomeitem_title {
color: #7789a2;
font-size: 22px;
padding-bottom: 24px;
}
.Coursehomeitem_border {
width: 56px;
height: 5px;
background-color: #afd8ff;
border-radius: 2px;
}
.Coursehomeitem_titleff {
color: #fff;
font-size: 22px;
padding-bottom: 24px;
}
.Coursehomeitem_borderff {
width: 56px;
height: 5px;
background-color: #fff;
border-radius: 2px;
}
.Coursehomeitem_contentff {
font-size: 18px;
color: #ffffff;
width: 360px;
height: 72px;
margin: 23px 0 33px 0;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
.Coursehomeitem_btnff {
cursor: pointer;
font-size: 16px;
color: #ffffff;
} 
.Coursehomeitem_btnff:hover{
color: #000;
}
/* 手风琴控制显示 */
.Coursehomebig .Coursehomeitem_content{
display: none;
}
.Coursehomebig  .Coursehomeitem_Active_content{
padding: 159px 0 0 37px;
display: block !important;
}

/* 官网团购 */
.gwtg_bg {
  padding-top: 320px;
  padding-bottom: 60px;
  min-height: 1526px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: 1920px;
}
.gwtg_bg .pic.pat {
  top: -230px;
  left: 0;
  width: 543px;
  height: 119px;
}
.gwtg_box {
  width: 1200px;
  margin: 0 auto;
  padding: 5px;
  background-color: #F96741;
  border-radius: 20px;
  border: 1px solid #FFEDB2;
  box-shadow: 0 0 20px rgba(227,12,12,0.15);
}
.gwtg_box > div {
  width: 1190px;
  margin: 0 auto;
  padding: 42px 36px;
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 0 0 20px rgba(255,0,0,0.2);
}
.gwtg_box .gwtg_item {
  height: 175px;
  padding: 24px 32px;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0 0 15px rgba(82,96,120,0.1);
}
.gwtg_box .gwtg_item+.gwtg_item {
  margin-top: 23px;
}
.gwtg_item .pic {
  width: 242px;
  height: 127px;
  border-radius: 10px;
}
.gwtg_item .pic img {
  border-radius: 10px;
}
.gwtg_item .txts {
  width: 647px;
  margin-left: 28px;
}
.gwtg_item .txts h5 {
  font-size: 18px;
  font-weight: bold;
  line-height: 29px;
  color: #181B22;
}
.gwtg_item .txts .notes {
  height: 52px;
  font-size: 14px;
  line-height: 26px;
  color: #5C6780;
  margin-top: 10px;
}
.gwtg_item .notes span {
  font-size: 14px;
  color: #181B22;
}
.gwtg_item .txts .gwtg_date {
  margin-top: 10px;
}
.gwtg_item .gwtg_date > span {
  font-size: 15px;
  line-height: 30px;
  color: #181B22;
}
.gwtg_item .gwtg_date .open_time {
  font-size: 14px;
  font-weight: bold;
  line-height: 28px;
  color: #FF0000;
  margin-left: 16px;
}
.gwtg_item .gwtg_date .end_time,
.gwtg_item .gwtg_date .end_time p {
  font-size: 16px;
  line-height: 32px;
  color: #181B22;
}
.gwtg_item .gwtg_date .end_time span {
  width: 43px;
  height: 43px;
  font-size: 27px;
  font-weight: 600;
  color: #fff;
  margin: 0 10px;
  border: 1px solid #F9DB9F;
  background: linear-gradient(180deg, #FF9D19 0%, #FF6200 40%, #FF7600 100%);
  box-shadow: 0 1px 3px rgba(242,0,0,0.16);
  border-radius: 10px;
}
.gwtg_item .btn_opt {
  width: 102px;
  height: 36px;
  margin-left: 34px;
  border-radius: 4px;
}
.btn_remind {
  background: linear-gradient(180deg, #FFA041 0%, #FE6600 100%);
  box-shadow: 0 0 6px rgba(254,102,0,0.49);
}
.btn_offered {
  background: linear-gradient(180deg, #FF906F 0%, #FF0000 100%);
  box-shadow: 0 0 6px rgba(254,20,17,0.42);
}
.btn_remind .icons {
  width: 15px;
  height: 14px;
  background-image: url(../images/icon-clock.png);
}
.btn_offered .icons {
  width: 17px;
  height: 16px;
  background-image: url(../images/icon-cart.png);
}
.gwtg_box .btn_opt span {
  font-size: 12px;
  line-height: 15px;
  color: #fff;
  margin-left: 7px;
}
.gwtg_box .btn_opt:hover span {
  margin-left: 10px;
}

/* 团购详情 */
.gwtg_bg .introduce {
  top: -210px;
  left: 0;
  width: 560px;
}
.gwtg_bg .introduce h3 {
  font-size: 26px;
  font-weight: bold;
  line-height: 32px;
  color: #fff;
  letter-spacing: 10px;
}
.gwtg_bg .introduce > p {
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  margin-top: 12px;
  padding-right: 46px;
}
.gwtg_bg .introduce > p a {
  right: 0;
  bottom: 0;
  font-size: 16px;
  color: #EBFF00;
}
.gwtg_bg .gwtg_date {
  margin-top: 20px;
}
.introduce .gwtg_date > span {
  font-size: 16px;
  line-height: 32px;
  color: #fff;
}
.introduce .gwtg_date .end_time {
  font-size: 16px;
  line-height: 32px;
  color: #fff;
}
.gwtg_bg .gwtg_date .end_time span {
  width: 43px;
  height: 43px;
  font-size: 27px;
  font-weight: 600;
  color: #fff;
  margin: 0 10px;
  border: 1px solid #F9DB9F;
  background: linear-gradient(180deg, #FF9D19 0%, #FF6200 40%, #FF7600 100%);
  box-shadow: 0 1px 3px rgba(242,0,0,0.16);
  border-radius: 10px;
}
.introduce .end_time p {
  font-size: 16px;
  line-height: 32px;
  color: #fff;
  margin-left: 10px;
}
.gwtg_box .gwtg_pro {
  padding-left: 25px;
  padding-right: 25px;
}
.gwtg_box .gwtg_pro > div {
  height: 146px;
  padding: 22px 32px;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0 0 15px rgba(82,96,120,0.1);
}
.gwtg_pro > div+div {
  margin-top: 23px;
}
.gwtg_pro .pic {
  width: 102px;
  height: 103px;
  border-radius: 5px;
}
.gwtg_pro .pic img {
  border-radius: 5px;
}
.gwtg_pro .txts {
  width: 782px;
  margin-left: 28px;
}
.gwtg_pro .txts h5 {
  font-size: 18px;
  font-weight: bold;
  line-height: 28px;
  color: #181B22;
}
.gwtg_pro .progress_bar {
  width: 400px;
  height: 12px;
  margin-top: 13px;
  border-radius: 6px;
  background-color: #E9E9E9;
}
.gwtg_pro .progress_bar p {
  height: 100%;
  font-size: 12px;
  font-weight: bold;
  line-height: 12px;
  text-align: right;
  color: #fff;
  padding-right: 5px;
  border-radius: 6px;
  background: linear-gradient(270deg, #FF0000 0%, #FF6F48 100%);
}
.gwtg_pro .txts > p {
  font-size: 12px;
  line-height: 28px;
  color: #181B22;
  margin-top: 12px;
}
.gwtg_pro .txts > p span {
  font-size: 12px;
  color: #FF0000;
}
.gwtg_pro .opt_div {
  width: 130px;
  text-align: right;
  margin-left: 34px;
}
.opt_div .gwtg_price {
  font-size: 22px;
  line-height: 18px;
  color: #FF4C29;
}
.opt_div .gwtg_price i {
  font-size: 11px;
  margin-right: -7px;
}
.gwtg_pro .opt_div div > i {
  font-size: 12px;
  line-height: 16px;
  text-decoration: line-through;
  color: #5C6780;
}
.gwtg_pro .btn_opt {
  width: 102px;
  height: 36px;
  margin-top: 17px;
  margin-left: 27px;
  border-radius: 4px;
}
.gwtg_bg .jz_pageconitar {
  margin-bottom: 0;
}
.gwtg_bg .current,
.gwtg_bg .pageDiv .turndown {
  font-size: 14px;
  background-color: #FF0000;
}

/* 官方团购详情 */
.col181b {
  color: #181B22;
}
.colff4c {
  color: #FF4C29;
}
.pro-info .idle-item-detail-img {
  width: 292px;
}
.pro-info .pic-top {
  height: 292px;
}
.pro-info .swiper-slide {
  height: 100%;
  overflow: hidden;
  background-size: cover;
  background-position: center;
}
.pic-top .swiper-slide {
  border-radius: 8px;
}
.pro-info .pic-thumbs {
  height: 86px;
  padding: 10px 0;
}
.pic-thumbs .swiper-slide {
  border-radius: 4px;
}
.pic-thumbs .swiper-slide-thumb-active {
  border: 2px solid #4A84F7;
}
.pro-info .idle-item-detail-title h3 {
  line-height: 32px;
}
.pro-price {
  width: 630px;
  height: 80px;
  padding: 0 30px;
  margin-top: 20px;
  border-radius: 6px;
  background-color: #F4F4F4;
}
.pro-price .original-price {
  margin-left: 3px;
  line-height: 20px;
  text-decoration: line-through;
}
.pro-details p {
  line-height: 30px;
}
.pro-details p+p {
  margin-top: 5px;
}
.pro-details p span {
  width: 70px;
  display: inline-block;
}
.pro-details label {
  width: 128px;
  height: 38px;
  border-radius: 6px;
  background-color: #F0F0F0;
}
.pro-details label button {
  width: 38px;
  height: 100%;
  font-size: 16px;
  color: #181B22;
  border: 0;
  cursor: pointer;
}
.pro-details label input {
  height: 100%;
  width: calc(100% - 76px);
  font-size: 16px;
  color: #181B22;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  background-color: transparent;
}
.pro-info .btn_opt {
  width: 200px;
  height: 36px;
  margin-top: 20px;
  border-radius: 4px;
  box-shadow: none;
  background: #FF0000;
}
.jz_Personalresume .pro_txts p {
  margin-bottom: 10px;
  line-height: 30px;
}
.jz_Personalresume .pro_pic img {
  max-width: 100%;
}

/* 填写订单信息 */
.col4a84 {
  color: #4A84F7;
}
.fill_infor .address_box {
  height: 140px;
  margin-top: 16px;
  padding: 20px 30px;
  background: rgba(248,252,255,0.39);
  border: 3px solid #B2CCFF;
  border-radius: 8px;
}
.address_infor p {
  line-height: 30px;
}
.fill_infor .address_btn:before {
  content: '';
  position: absolute;
  top: -10px;
  left: -50px;
  width: 1px;
  height: 55px;
  background-color: #ddd;
}
.fill_infor .address_btn a {
  width: 120px;
  height: 32px;
  border-radius: 4px;
  border: 1px solid #4B84F7;
}
.fill_infor .address_btn a+a {
  margin-left: 16px;
}
.btn_switch .icons {
  width: 14px;
  height: 12px;
  margin-right: 5px;
  background-image: url(../images/icon-switch.png);
}
.btn_add .icons {
  width: 14px;
  height: 14px;
  margin-right: 5px;
  background-image: url(../images/icon-add.png);
}
.fill_infor .order_table tr {
  border-radius: 0 0 6px 6px;
}
.fill_infor .order_table tr:first-child {
  border-radius: 6px 6px 0 0;
}
.fill_infor .order_table tr+tr {
  border-top: 1px solid #EDEDED;
}
.fill_infor .order_table th {
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  color: #333;
  height: 46px;
  background-color: #EDEDED;
}
.fill_infor .order_table th:first-child {
  width: 500px;
}
.order_table th+th {
  border-left: 2px solid #fff;
}
.fill_infor .order_table td {
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  color: #181B22;
  height: 66px;
  padding: 0 30px;
  background-color: #F7F7F7;
}
.order_table .pic {
  width: 38px;
  height: 38px;
  border-radius: 5px;
}
.order_table img {
  width: 100%;
  height: 100%;
  border-radius: 5px;
}
.order_table td h5 {
  width: 360px;
  text-align: left;
  margin-left: 16px;
}
.invoice_box {
  height: 48px;
  line-height: 48px;
  padding: 0 30px;
  margin-top: 16px;
  background: #F7F7F7;
  border-radius: 6px;
}
.invoice_box label input {
  width: 14px;
  height: 14px;
  border-radius: 2px;
  border-color: #8A8DA1;
}
.all_details {
  width: 312px;
  height: 158px;
  line-height: 30px;
  padding: 15px 30px;
  background-color: #F7F7F7;
  border: 1px solid #FF4C29;
  border-radius: 2px;
}
.all_details > div+div {
  margin-top: 2px;
}
.order_submit {
  width: 200px;
  height: 47px;
  color: #fff;
  font-size: 16px;
  margin-top: 30px;
  border-radius: 4px;
  background-color: #FF0000;
}
.popup_bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 9999;
  background-color: rgba(0,0,0,.2);
  display: none;
}
.popup_box {
  width: 642px;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 3px 6px rgba(36,56,90,0.15);
}
.popup_add,
.popup_change,
.popup_invoice {
  display: none;
}
.popup_box .popup_title {
  height: 62px;
  padding: 0 30px;
  background-color: #F5F5F5;
  border-radius: 8px 8px 0 0;
}
.popup_title h3 {
  font-size: 16px;
  font-weight: bold;
  color: #303040;
}
.popup_close {
  width: 11px;
  height: 11px;
  background-image: url(../images/jz_tkclose.png);
}
.popup_box .popup_content {
  padding: 44px 60px 44px 47px;
}
.popup_content .address_opt {
  max-height: 370px;
  overflow-y: auto;
  margin: 0 -20px;
}
.popup_content .address_opt::-webkit-scrollbar {
  width: 6px;
  height: 10px;
}
.popup_content .address_opt::-webkit-scrollbar-thumb {
  border-radius: 3vw;
  background: #DDDDDD;
}
.popup_content form div+div {
  margin-top: 24px;
}
.popup_content .flex-start > span {
  font-size: 14px;
  text-align: right;
  line-height: 20px;
  color: #606266;
  width: 70px;
  margin-right: 20px;
}
.popup_content label input[type="text"] {
  width: 444px;
  height: 40px;
  font-size: 14px;
  padding: 0 15px;
  border-radius: 4px;
  background-color: #F0F2F5;
  border: 1px solid #DCDFE6;
}
.popup_content .pick-area {
  width: 444px !important;
  height: 40px;
  background-color: #F0F2F5;
}
.popup_content .pick-show {
  height: 40px;
  border: 1px solid #DCDFE6;
}
.popup_content .pick-show span {
  font-size: 14px;
}
.popup_content .pick-list li {
  font-size: 14px;
}
.popup_content .option label {
  cursor: pointer;
}
.popup_content .option label+label {
  margin-left: 20px;
}
.popup_content input[type="radio"] {
  display: none;
}
.popup_content .option span {
  width: 212px;
  height: 40px;
  color: #606266;
  font-size: 14px;
  background-color: #F0F2F5;
  border: 1px solid #DCDFE6;
  border-radius: 4px;
}
.popup_content .option .option_checked span {
  color: #4A84F7;
  border: 2px solid #4A84F7;
  background-repeat: no-repeat;
  background-position: calc(100% + 2px) calc(100% + 2px);
  background-image: url(../images/bg-check.png);
  background-size: 34px 40px;
}
.address_opt label {
  display: block;
  position: relative;
}
.address_opt label+label {
  margin-top: 20px;
}
.address_opt div {
  width: 520px;
  height: 108px;
  margin: 0 auto;
  padding: 15px;
  position: relative;
  background-color: #F0F2F5;
  border: 1px solid #DCDFE6;
  border-radius: 4px;
}
.address_opt label:hover div {
  border: 2px solid #4A84F7;
}
.address_opt .option_checked div {
  border: 2px solid #4A84F7;
  background-repeat: no-repeat;
  background-position: calc(100% + 2px) calc(100% + 2px);
  background-image: url(../images/bg-check.png);
  background-size: 34px 40px;
}
.address_opt p {
  font-size: 14px;
  line-height: 26px;
  color: #606266;
}
.address_opt p span {
  width: 56px;
  font-size: 14px;
  text-align: right;
  color: #8F939A;
  margin-right: 10px;
  display: inline-block;
}
.address_opt .default {
  position: absolute;
  top: 15px;
  right: 40px;
  font-size: 14px;
  color: #4A84F7;
}
.popup_btn {
  margin-top: 40px;
}
.popup_btn a {
  width: 92px;
  height: 36px;
  font-size: 14px;
  border-radius: 4px;
}
.popup_btn a+a {
  margin-left: 16px;
}
.popup_btn .btn_cancle {
  color: #606266;
  border: 1px solid #DCDFE6;
}
.popup_btn .btn_save {
  color: #fff;
  background-color: #4B84F7;
}

/* 下单_支付订单 */
.submit_box {
  height: 140px;
  padding: 0 30px;
  background-color: #F8FCFF;
  border: 3px solid #B2CCFF;
  border-radius: 8px;
}
.submit_box .icons {
  width: 30px;
  height: 30px;
  background-image: url(../images/icon-cgb.png);
}
.submit_box p,
.order_infor p {
  line-height: 30px;
}
.order_infor p+p {
  margin-top: 5px;
}
.order_infor p span {
  width: 70px;
  display: inline-block;
}
.order_infor p a {
  margin-left: 7px;
  text-decoration: underline !important;
}
.zf_option label {
  cursor: pointer;
}
.zf_option label+label {
  margin-left: 22px;
}
.fill_infor .zf_option input[type="radio"] {
  display: none;
}
.zf_option div {
  width: 164px;
  height: 54px;
  background-color: #fff;
  border: 1px solid #C9C9C9;
  border-radius: 2px;
}
.zf_option .option_checked div {
  border-color: #4A84F7;
}
.zf_wx .icons {
  width: 25px;
  height: 23px;
  background-image: url(../images/icon-zf-wx.png);
}
.zf_zfb .icons {
  width: 24px;
  height: 24px;
  background-image: url(../images/icon-zf-zfb.png);
}
.zf_yl .icons {
  width: 43px;
  height: 27px;
  background-image: url(../images/icon-zf-yl.png);
}

/* 下单_支付成功 */
.success_box {
  padding-top: 30px;
  padding-bottom: 100px;
}
.success_box .icon-cg {
  width: 55px;
  height: 55px;
  background-image: url(../images/icon-cgg.png);
}
.success_box .success_btn a {
  width: 200px;
  height: 47px;
  font-size: 16px;
  border-radius: 4px;
}
.success_btn .btn_return {
  color: #fff;
  background-color: #4A84F7;
}
.success_btn .btn_view {
  margin-left: 20px;
  color: #181B22;
  background-color: #ddd;
}
.jz_inputbefore {
  position: relative;
}
.jz_inputbefore::before {
  position: absolute;
  content: "*";
  color: #FF4C29;
  left: -5px;
  top: 2px;
  font-size: 20px;
}
.jz_inputbefore2 {
  position: relative;
}
.jz_inputbefore2::before {
  position: absolute;
  content: "*";
  color: #FF4C29;
  left: 8px;
  top: 2px;
  font-size: 20px;
}

.jz_infobewteen {
  display: flex;
  justify-content: space-between;
}
.jz_infodetails_btn {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100px;
height: 44px;
background: rgba(74,132,247,1.39);
border: 1px solid #4A84F7;
border-radius: 4px;
}
.jz_infodetails_btnbg {
  width: 19px;
  height: 21px;
  background: url(../images/jz_infodetails_btnbg.png)no-repeat;
  background-size: 100% 100%
}
.jz_infodetails_zx {
  margin-left: 5px;
  color: #fff;
font-size: 14px;
}
.jz_Traditilslx {
margin: 0 58px;
font-size: 14px;
}

.jz_Traditilslx_blue {
  color: #4F77F3;
}
.jz_Traditilslx_green {
  color: #2DBC85;
}
.jz_Traditilslx_org {
  color: #FF7C24;
}
.jz_Traditilslx_red {
  color: #FF1C1C;
}
.IntelligentHardware_wx {
  width: 1300px;
  margin: 0 auto;
}

.ExpertInformation_topcontianr {
  width: 1200px;
height: 140px;
background: rgba(255,255,255,0.39);
box-shadow: 0px 0px 12px rgba(82,96,120,0.1);
opacity: 1;
border-radius: 10px;
}
.ExpertInformation_toptabbox {
  display: flex;
  align-items: center;
  padding: 19px 36px 14px 34px;

}
.xpertInformation_tablx {
  color: #333333;
 font-size: 16px;
}
.xpertInformation_tab {
  padding: 0 13px;
  margin-left: 10px;
  color: #333333;
 font-size: 16px;
}
.ExpertInformation_topborder {
  margin: 0 36px 0 34px;
  border: 1px solid #EAEAEA;
}
.ExpertInformation_searchbox {
  display: flex;
  align-items: center;
  margin-left: 52px;
  margin-top: 23px;
}
.ExpertInformation_seagjc {
  color: #333333;
  font-size: 16px;
  height: 32px;
  line-height: 32px;
  margin-right: 32px;
}
.ExpertInformation_seaginput {
  padding-left: 12px;
  width: 260px;
  height: 32px;
  border: 1px solid #E8E8E8;
}
.ExpertInformation_seabtn {
  cursor: pointer;
margin-left: 12px;
  text-align: center;
  line-height: 34px;
  width: 70px;
height: 34px;
background: #4B84F7;
opacity: 1;
border-radius: 4px;
color: #fff;
}
.ExpertInformation_seabtn::placeholder {
  color: #AAAAAA;
}
.xpertInformation_tabActive {
  padding: 0 13px;
  height: 28px;
  line-height: 28px;
  color: #4A84F7;
  background-color: #E8F0FF;
}
.xpertInformation_tab:hover {
  cursor: pointer;
  padding: 0 13px;
  height: 28px;
  line-height: 28px;
  color: #4A84F7;
  background-color: #E8F0FF;
}
.IntelligentHardware_content{
  padding-top: 30px;
}
.IntelligentHardware_productbox {
  margin-top: 30px;
 display: flex;
 flex-wrap: wrap;
 gap: 24px;
}
.Intelligent_item{
  padding: 30px 24px 0 24px;
  width: 282px;
height: 374px;
background: rgba(255,255,255,1.39);
box-shadow: 0px 0px 12px rgba(82,96,120,0.1);
border-radius: 10px;
}
.Intelligent_item:hover h4{ 
color: #4A84F7;
}
.Intelligent_itembg {
width: 134px;
height: 134px;
} 
.Intelligent_itembg img{
  width: 100%;
  height: 100%;
 }
.Intelligent_itemimg{
  padding: 24px 50px;
}
.Intelligent_item h4{ 
  font-weight: 700;
  margin: 23px 0 14px 0;
  color: #181B22;
font-size: 20px;
}
.Intelligent_emprise {
  color: #333;
font-size: 14px;
}
.Intelligent_empinfo{
  margin-top: 14px;
color: #5C6780;
font-size: 12px;
}

.pic.pic-center {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.pic.pic-center img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.jz_painpost_btn {
  cursor: pointer;
  border-radius: 5px;
  width: 110px;
  height: 40px;
  background-color: #4a84f7;
  text-align: center;
  line-height: 40px;
  color: #fff;
  font-size: 14px;
}
.jz_digtionhg_tabfelx {
  margin-top: 19px;
  display: flex;
}
.jz_digtionhg_tabitem {
  cursor: pointer;
  width: 100px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  border-radius: 4px;
font-size: 16px;
color: #181B22;
}
.jz_digtionhg_tabitemActive {
  background: rgba(75,132,247,1.39);
  color: #fff;
  font-weight: bold;
}
.jz_digtionhg_inputflex {
  display: flex;
  align-items: center;
  margin-top: 30px;
}
.jz_digtionhg_inputlabel {
color: #5C6780;
font-size: 16px;
}
.jz_digtionhg_input {
  width: 300px;
  height: 32px;
}
.jz_digtionhg_input input{
  width: 100%;
  height: 100%;
border-radius: 2px;
border: 1px solid #E8E8E8;
padding-left: 12px;
 }
 .jz_digtionhg_input input::placeholder{
  font-size: 12px;
color: #AAAAAA;
  }
  .jz_digtionhg_radio {
    margin-top: 40px;
    padding-bottom: 18px;
    display: flex;
    border-bottom: 1px solid #EAEAEA;
  }
  .jz_digtionhg_rdlabe {
    margin-right: 20px;
    font-size: 16px;
color: #5C6780;
  }
  .jz_digtionhg_itembox label {
    margin-right: 40px;
    height: 21px;
    line-height: 21px;
  }
  .jz_pro_ardio {
    cursor: pointer;
    background-color: red;
  }
  .jz_pro_ardio:checked+span {
    font-size: 14px;
    color: #008FFF;
  }
  
  .jz_idleitems_select {
    display: flex;
    align-items: center;
  }
  
  .jz_pro_ardiotest {
    color: #606266;
    font-size: 14px;
    padding: 0 53px 0 7px;
  }
  .jz_digtionhg_checkbox {
    margin-top: 21px;
    margin-bottom: 25px;
    border-bottom: 1px solid #EAEAEA;
  }
  .jz_digtionhg_checkitem input[type=checkbox] {
    margin-bottom: 18px;
  }
  .jz_pro_checkbox {
    margin-right: 45px;
font-size: 16px; 
color: #333333;
  }
.jz_digtionhg_gjc {
color: #5C6780;
font-size: 16px;
margin-left: 17px;
}
.jz_digtionhg_timecontinar {
  display: flex;
  align-items: center;
  margin-bottom: 17px;
}
#jz_digtionhgdemo {
  width: 300px;
height: 34px;
background: rgba(244,245,249,1.39);
border: 1px solid #4A84F7;
border-radius: 4px;
}
.jz_digtionhg_cx_btn {
  cursor: pointer;
  margin: 0 17px 0 19px;
  width: 70px;
height: 34px;
background: rgba(75,132,247,1.39);
opacity: 1;
border-radius: 4px;
text-align: center;
line-height: 34px;
color: #fff;
}
.jz_digtionhg_cx_clear {
  cursor: pointer;
  width: 70px;
height: 34px;
border: 1px solid #DCDFE5;
border-radius: 4px;
text-align: center;
line-height: 34px;
color: #5F6266;
}
.jz_digtionhg_content{
  margin-top: 24px;
background: rgba(255,255,255,0.39);
box-shadow: 0px 0px 12px rgba(82,96,120,0.1);
opacity: 1;
border-radius: 10px;
}
.jz_digtionhg_list {
padding: 30px 30px 0 21px;
  height: 122px;
  border-bottom: 1px solid #EEEEEE;
}
.jz_dig_bg {
  background: rgba(255,255,255,0.39);
box-shadow: 0px 0px 12px rgba(82,96,120,0.1);
}

.jz_digtionhg_list_title {
color: #333333;
font-weight: bold;
font-size: 16px;
}
.jz_digtionhg_list_bot {
  display: flex;
    margin-top: 20px;
 
}
.jz_digtionhg_fbdw {
  display: flex;
}
.jz_digtionhg_fbdw span:nth-child(1) {
  color: #5C6780;
font-size: 14px;
padding-left: 29px;
position: relative;
}
.jz_digtionhg_fbdw span:nth-child(1)::before {
 content: '';
 position: absolute;
 left: 9px;
 top: 1px;
 width: 16px;
 height: 16px;
 background: url(../images/jz_digtionhg_fbdw.png)no-repeat;
 background-size: 100% 100%;
}
.jz_digtionhg_fbdw span:nth-child(2) {
  width: 205px;
  color: #333333;
font-size: 14px;
}

.jz_digtionhg_fbtime span:nth-child(1) {
  padding-left: 29px;
  position: relative;
  color: #5C6780;
font-size: 14px;
}
.jz_digtionhg_fbtime span:nth-child(1)::before {
  content: '';
  position: absolute;
  left: 10px;
  top: 1px;
  width: 16px;
  height: 16px;
  background: url(../images/jz_digtionhg_fbtime.png)no-repeat;
  background-size: 100% 100%;
 }
.jz_digtionhg_fbtime span:nth-child(2) {
  color: #333333;
font-size: 14px;
}
.Datadownload_title {
  position: relative;
  padding-left: 23px;
  margin-top: 20px;
color: #4B84F7;
font-size: 26px;
font-weight: 700;
}
.Datadownload_title::before{
  content: '';
  position: absolute;
  left: 7px;
  top: 7px;
  width: 4px;
height: 23px;
background: rgba(75,132,247,1.39);
opacity: 1;
border-radius: 100px;
 }
 .Datadownload_continar {
  display: flex;
  height: 32px;
  align-items: center;
 }
 .Datadownload_label  {
  font-size: 16px;
color: #5C6780;
 }
 .Datadownload_inputbox {
  margin-left: 32px;
  width: 260px;
  height: 32px;
  width: 260px;
height: 32px;
background: rgba(255,255,255,0.39);
border: 1px solid #E8E8E8;
opacity: 1;
border-radius: 2px;
 }
 .Datadownload_inputbox input{
  padding-left: 12px;
  width: 100%;
  height: 100%;
  }
  .informationxz_list {
    padding-right: 30px;
    height: 180px;
    border-bottom: 1px solid #EEEEEE;
  }
  .informationxz_list h4 {
    padding-top: 31px;
    padding-left: 30px;
    padding-bottom: 20px;
    font-weight: 700;
color: #333333;
font-size: 17px;
  }
  .informationxz_info {
    padding-bottom: 20px;
    padding-left: 30px;
    font-size: 14px;
color: #5C6780;
  }
  .informationxz_btn {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 128px;
    margin-left: 30px;
height: 34px;
background: rgba(240,244,254,0.39);
border: 1px solid #4A84F7;
border-radius: 4px;
  }
  .informationxz_drwo {
    width: 17.53px;
    height: 19.66px;
    background: url(../images/informationxz_drwo.png)no-repeat;
    background-size: 100% 100%;
  }
  .informationxz_drwo_tit {
    font-size: 14px;
color: #4A84F7;
margin-left: 10px;
  }
  .Datadownload_inputbox input::placeholder {
  color: #AAAAAA;
  }
  .informationxz_search {
    cursor: pointer;
    width: 70px;
height: 34px;
background: rgba(75,132,247,1.39);
border-radius: 4px;
text-align: center;
line-height: 34px;
margin-left: 11px;
font-size: 16px;
color: #fff;
  }
  .informationxz_list:hover h4 {
    color: #008FFF;
  }