/* * * * * * * * */


/* 中间内容区域样式     */


/* * * * * * * * */

#content {
  width: 100%;
  /*设置主内容区域水平居中对齐*/
  margin: 0px auto;
  /* height: auto; */
}

@media all and (min-width:800px) {
  #content {
    width: 85%;
    height: auto;
  }
}


/* * * * * * * * * * * */


/* 中间内容区*/


/* * * * * * * * * * * */

.content-ad {
  /*设置文本内容向左对齐*/
  margin: 0px 0px;
}

.content-ad-banner__title {
  /*设置文本内容向左对齐*/
  text-align: left;
  /*设置左外边距和下外边距分别为10px*/
  margin: 0px 0px 10px 10px;
}

.qj_wrapper {
  width: 100%;
  height: auto;
  max-width: 100%;
  margin: 0 auto;
}

.swiper-container {
  width: 100%;
  margin: 0 auto;
  /* position: relative; */
}


/* * * * * * * * * * * * * */


/* 中间内容区- */


/* * * * * * * * * * * * * */

.content-hot {
  /* margin: 5px; */
  /* flex-wrap: wrap; */
  height: auto;
  margin-top: 10px;
}

.content-hot-item {
  box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.05);
  /* border-radius: 5px; */
  overflow: hidden;
  /* background-color: #e1e1e1; */
  margin: 5px;
}


/* * * * * * * * * */


/*中间内容区 内容主导航栏*/


/* * * * * * * * * */

.content-nav {
  margin: 10px;
}


/*鼠标悬停时，设置内容主导航项样式但不包含分隔符*/

.content-nav__item:hover {
  /*设置内容主导航项背景颜色为黑色*/
  background: #474644;
  /*设置内容主导航项边框灰色阴影*/
  box-shadow: -3px 5px 10px #808080;
  /*设置内容主导航项为15px半径圆角*/
  border-radius: 15px;
  /*设置内容主导航项过渡动画*/
  transition: all 600ms linear 0s;
}

.content-nav__item:hover a {
  /*鼠标悬停时，链接字体颜色*/
  color: #FFFFFF;
}


/* * * * * * * * * * */


/*中间内容区      */


/* * * * * * * * * * */

.img1-text {
  /* width: 250px; */
  height: 70px;
  background: #ffffff;
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05);
  opacity: 0.6;
  margin-top: -70px;
  margin-left: -15px;
  /* border: 1px solid red; */
}

.img1-text1 {
  /* width: 300px; */
  height: 70px;
  background: #ffffff;
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05);
  opacity: 0.6;
  margin-top: -70px;
  margin-left: -15px;
  /* border: 1px solid red; */
}

.img1-text3 {
  /* width: 440px; */
  height: 70px;
  background: #ffffff;
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05);
  opacity: 0.6;
  margin-top: -70px;
  margin-left: -15px;
}

@media screen and (max-width:992px) {

  .dd-item1,
  .dd-item2 {
    display: none;
    height: 190px !important;
  }

  .dd-item0 {
    display: none;
    height: 250px !important;
  }
}

.dd-item0 {
  width: 100%;
  height: 250px;
  background: #FFFFFF;
  box-shadow: 10px 20px 20px 10px rgba(0, 0, 0, 0.05);
  opacity: 0.5;
  margin: 0 auto;
  margin-top: 0px;
}

.dd-item0 a {
  text-decoration: none;
}

.dd-item1 a {
  text-decoration: none;
}

.dd-item2 a {
  text-decoration: none;
}

.dd-item1 {
  width: 100%;
  height: 250px;
  background: #FFFFFF;
  box-shadow: 20px 20px 20px 10px rgba(0, 0, 0, 0.05);
  opacity: 0.5;
  margin: 0 auto;
  /* border: 1px solid red; */
  margin-top: 0px;
  /* margin-left: -15px; */
}

.dd-item2 {
  width: 100%;
  height: 250px;
  background: #FFFFFF;
  box-shadow: 10px 20px 20px 10px rgba(0, 0, 0, 0.05);
  opacity: 0.5;
  margin: 0 auto;
  margin-top: 0px;
  /* background-color: beige; */
}

.img1-span font,
.img1-span2 font,
.img1-span3 font,
.img1-span4 font,
.img1-span5 font {
  width: 50px;
  height: 35px;
  font-size: 20px;
  font-family: DINAlternate-Bold, DINAlternate;
  font-weight: bold;
  color: #000000;
  line-height: 35px;
}

.img1-span5 font {
  margin-left: 15px;
}

.img1-span1 font {
  width: 72px;
  height: 33px;
  font-size: 20px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: bold;
  color: #000000;
  line-height: 33px;
}

.img1-span,
.img1-span1,
.img1-span2,
.img1-span3 {
  position: relative;
  top: -50px;
  left: -30%;
}

.img1-span4,
.img1-span5 {
  position: relative;
  top: -50px;
  left: -36%;
}

.business {
  width: 100%;
  /* margin-top: 250px; */
  /* padding-top: 30px; */
  margin: 0 auto;
  /*  border: 1px solid red;
    ; */
}

.ppp font {
  font-size: 25px;
  color: rgba(39, 56, 94, 1);
  line-height: 40px;
  margin: 0 auto;
  text-align: center;
  font-weight: bold;
}

.business1 p {
  font-size: 25px;
  color: rgba(39, 56, 94, 1);
  line-height: 40px;
  margin: 0 auto;
  text-align: center;
  font-weight: bold;
  margin-top: 50px;
}

.business .pa {
  width: 100%;
  /* width: 450px; */
  font-size: 12px;
  font-family: Microsoft YaHei;
  color: rgba(96, 112, 144, 1);
  line-height: 40px;
  margin: 0 auto;
  /* border: 1px solid red; */
}

.d1 {
  /* border: 1px solid red; */
  width: 170px;
  height: 32px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #3D485D;
  line-height: 32px;
  position: relative;
  top: 20px;
  left: 35px;
}

.d1:before {
  content: "";
  position: absolute;
  top: -4px;
  left: 10%;
  /*下划线从右侧开始显示*/
  width: 0;
  height: 100%;
  border-bottom: 2px solid #98A3B7;
  transition: 0.2s all linear;
  /*动画效果*/
}

.d1:hover:before {
  right: 0;
  width: 33%;
}

.d1:hover~.d1:before {
  left: 0;
}

.d1:hover {
  color: #437ABE;
}

.d2 {
  width: 210px;
  height: 32px;
  font-size: 13px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #3D485D;
  line-height: 32px;
  position: relative;
  top: 20px;
  left: 35px;
  /* border: 1px solid black; */
}

.d2:before {
  content: "";
  position: absolute;
  top: -3px;
  left: 7%;
  /*下划线从右侧开始显示*/
  width: 0;
  height: 100%;
  border-bottom: 2px solid #98A3B7;
  transition: 0.2s all linear;
  /*动画效果*/
}

.d2:hover:before {
  right: 0;
  width: 89%;
}

.d2:hover~.d2:before {
  left: 0;
}

.d2:hover {
  color: #437ABE;
}

.d5 {
  width: 170px;
  height: 32px;
  font-size: 13px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #3D485D;
  line-height: 32px;
  position: relative;
  top: 20px;
  left: 35px;
  /* border: 1px solid black; */
}

.d5:before {
  content: "";
  position: absolute;
  top: -3px;
  left: 8%;
  /*下划线从右侧开始显示*/
  width: 0;
  height: 100%;
  border-bottom: 2px solid #98A3B7;
  transition: 0.2s all linear;
  /*动画效果*/
}

.d5:hover:before {
  right: 0;
  width: 85%;
}

.d5:hover~.d5:before {
  left: 0;
}

.d5:hover {
  color: #437ABE;
}

.d3 {
  /* border: 1px solid green; */
  width: 100px;
  height: 32px;
  font-size: 13px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #3D485D;
  line-height: 32px;
  position: relative;
  left: 35px;
  top: 20px;
}

.d3:before {
  content: "";
  position: absolute;
  top: -4px;
  left: 17%;
  /*下划线从右侧开始显示*/
  width: 0;
  height: 100%;
  border-bottom: 2px solid #98A3B7;
  transition: 0.2s all linear;
  /*动画效果*/
}

.d3:hover:before {
  right: 0;
  width: 74%;
}

.d3:hover~.d3:before {
  left: 0;
}

.d3:hover {
  color: #437ABE;
}

.d4 {
  /* border: 1px solid red; */
  width: 100px;
  height: 32px;
  font-size: 13px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  line-height: 32px;
  position: relative;
  left: 35px;
  top: 20px;
}

.d4:before {
  content: "";
  position: absolute;
  top: -4px;
  left: 15%;
  /*下划线从右侧开始显示*/
  width: 0;
  height: 100%;
  border-bottom: 2px solid #98A3B7;
  transition: 0.2s all linear;
  /*动画效果*/
}

.d4:hover:before {
  right: 0;
  width: 55%;
}

.d4:hover~.d4:before {
  left: 0;
}

.d4:hover {
  color: #437ABE;
}

.dyi {
  width: 150px;
  height: 32px;
  font-size: 13px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  /* margin-left: 20px; */
  color: #000000;
  opacity: 0.8;
  line-height: 32px;
  position: relative;
  top: 20px;
  left: 40px;
  /* border: 1px solid red; */
}

.dyi:hover {
  color: #437ABE;
}

.dyi:before {
  content: "";
  position: absolute;
  top: -3px;
  left: 10%;
  /*下划线从右侧开始显示*/
  width: 0;
  height: 100%;
  border-bottom: 2px solid #98A3B7;
  transition: 0.2s all linear;
  /*动画效果*/
}

.dyi:hover:before {
  right: 0;
  width: 53%;
}

.dyi:hover~.dyi:before {
  left: 0;
}

.der {
  width: 160px;
  height: 32px;
  font-size: 13px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #3D485D;
  line-height: 32px;
  margin-left: 13px;
  position: relative;
  top: 20px;
  left: 27px;
  /* border: 1px solid black; */
}

.der:before {
  content: "";
  position: absolute;
  top: -4px;
  left: 10%;
  /*下划线从右侧开始显示*/
  width: 0;
  height: 100%;
  border-bottom: 2px solid #98A3B7;
  transition: 0.2s all linear;
  /*动画效果*/
}

.der:hover:before {
  right: 0;
  width: 48%;
}

.der:hover~.der:before {
  left: 0;
}

.der:hover {
  color: #437ABE;
}

.dsan {
  width: 160px;
  height: 32px;
  font-size: 13px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #3D485D;
  line-height: 32px;
  margin-left: 13px;
  position: relative;
  top: 20px;
  left: 28px;
  /* border: 1px solid black; */
}

.dsan:before {
  content: "";
  position: absolute;
  top: -4px;
  left: 10%;
  /*下划线从右侧开始显示*/
  width: 0;
  height: 100%;
  border-bottom: 2px solid #98A3B7;
  transition: 0.2s all linear;
  /*动画效果*/
}

.dsan:hover:before {
  right: 0;
  width: 55%;
}

.dsan:hover~.dsan:before {
  left: 0;
}

.dsan:hover {
  color: #437ABE;
}

.dwu {
  width: 160px;
  height: 32px;
  font-size: 13px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #3D485D;
  line-height: 32px;
  margin-left: 13px;
  position: relative;
  top: 20px;
  left: 28px;
  /* border: 1px solid black; */
}

.dwu:before {
  content: "";
  position: absolute;
  top: -4px;
  left: 10%;
  /*下划线从右侧开始显示*/
  width: 0;
  height: 100%;
  border-bottom: 2px solid #98A3B7;
  transition: 0.2s all linear;
  /*动画效果*/
}

.dwu:hover:before {
  right: 0;
  width: 33%;
}

.dwu:hover~.dwu:before {
  left: 0;
}

.dwu:hover {
  color: #437ABE;
}

.da1 {
  width: 130px;
  height: 32px;
  font-size: 13px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #000000;
  line-height: 32px;
  /* border: 1px solid red; */
  opacity: 0.8;
  position: relative;
  top: 20px;
  left: 48px;
  /* border: 1px solid red; */
}



.da1:hover {
  color: #437ABE;
}

.da1:before {
  content: "";
  position: absolute;
  top: -4px;
  left: 15%;
  /*下划线从右侧开始显示*/
  width: 0;
  height: 100%;
  border-bottom: 2px solid #98A3B7;
  transition: 0.2s all linear;
  /*动画效果*/
}

.da1:hover:before {
  right: 0;
  width: 75%;
}

.da1:hover~.da1:before {
  left: 0;
}

.da3 {
  width: 100px;
  height: 32px;
  font-size: 13px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  opacity: 0.8;
  color: #000000;
  line-height: 32px;
  position: relative;
  left: 48px;
  top: 25px;
  /* border: 1px solid red; */
}

.da3:before {
  content: "";
  position: absolute;
  top: -4px;
  left: 16%;
  /*下划线从右侧开始显示*/
  width: 0;
  height: 100%;
  border-bottom: 2px solid #98A3B7;
  transition: 0.2s all linear;
  /*动画效果*/
}

.da3:hover:before {
  right: 0;
  width: 55%;
}

.da3:hover~.da3:before {
  left: 0;
}

.da3:hover {
  color: #437ABE;
}

.da5 {
  width: 105px;
  height: 32px;
  font-size: 13px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  opacity: 0.8;
  color: #000000;
  line-height: 32px;
  position: relative;
  left: 48px;
  top: 30px;
  /* border: 1px solid red; */
}

.da5:before {
  content: "";
  position: absolute;
  top: -4px;
  left: 15%;
  /*下划线从右侧开始显示*/
  width: 0;
  height: 100%;
  border-bottom: 2px solid #98A3B7;
  transition: 0.2s all linear;
  /*动画效果*/
}

.da5:hover:before {
  right: 0;
  width: 75%;
}

.da5:hover~.da5:before {
  left: 0;
}

.da5:hover {
  color: #437ABE;
}

.da6 {
  width: 100px;
  height: 32px;
  font-size: 13px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #3D485D;
  line-height: 32px;
  position: relative;
  left: 48px;
  top: 35px;
  /* border: 1px solid red; */
}

.da6:before {
  content: "";
  position: absolute;
  top: -4px;
  left: 18%;
  /*下划线从右侧开始显示*/
  width: 0;
  height: 100%;
  border-bottom: 2px solid #98A3B7;
  transition: 0.2s all linear;
  /*动画效果*/
}

.da6:hover:before {
  right: 0;
  width: 75%;
}

.da6:hover~.da6:before {
  left: 0;
}

.da6:hover {
  color: #437ABE;
}

.da7 {
  width: 130px;
  height: 32px;
  font-size: 13px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  opacity: 0.8;
  color: #000000;
  line-height: 32px;
  position: relative;
  left: 213px;
  top: -108px;
  /* border: 1px solid red; */
}

.da7:before {
  content: "";
  position: absolute;
  top: -4px;
  left: 18%;
  /*下划线从右侧开始显示*/
  width: 0;
  height: 100%;
  border-bottom: 2px solid #98A3B7;
  transition: 0.2s all linear;
  /*动画效果*/
}

.da7:hover:before {
  right: 0;
  width: 75%;
}

.da7:hover~.da7:before {
  left: 0;
}

.da7:hover {
  color: #437ABE;
}

.da8 {
  width: 170px;
  height: 32px;
  font-size: 13px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #3D485D;
  line-height: 32px;
  /* opacity: 0.8; */
  position: relative;
  left: 213px;
  top: -104px;
  /* border: 1px solid red; */
}

.da8:before {
  content: "";
  position: absolute;
  top: -4px;
  left: 10%;
  /*下划线从右侧开始显示*/
  width: 0;
  height: 100%;
  border-bottom: 2px solid #98A3B7;
  transition: 0.2s all linear;
  /*动画效果*/
}

.da8:hover:before {
  right: 0;
  width: 70%;
}

.da8:hover~.da8:before {
  left: 0;
}

.da8:hover {
  color: #437ABE;
}

.da9 {
  width: 170px;
  height: 32px;
  font-size: 13px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #3D485D;
  line-height: 32px;
  position: relative;
  /* opacity: 0.8; */
  top: -99px;
  left: 213px;
  /* border: 1px solid red; */
}

.da9:before {
  content: "";
  position: absolute;
  top: -4px;
  left: 10%;
  /*下划线从右侧开始显示*/
  width: 0;
  height: 100%;
  border-bottom: 2px solid #98A3B7;
  transition: 0.2s all linear;
  /*动画效果*/
}

.da9:hover:before {
  right: 0;
  width: 70%;
}

.da9:hover~.da9:before {
  left: 0;
}

.da9:hover {
  color: #437ABE;
}

.center_middle {
  width: 100%;
  height: 300px;
  margin: 0 auto;
  background-image: url(../image/pic／中台（1200＊250）@2x.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  /* max-width: 1200px; */
  margin-top: 30px;
}

.center_middle-item {
  margin: 0 auto;
  /* width: 450px; */
  width: 666px;
  height: 80px;
  /* border: 1px solid red; */
  background: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0.98) 82%, rgba(255, 255, 255, 0.6) 100%);
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05);
  margin-top: 120px;
  margin-left: 0px;
}

.center_middle-item-p {
  width: 80px;
  height: 33px;
  font-size: 20px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: bold;
  color: #000000;
  line-height: 33px;
  position: relative;
  left: 25px;
  top: 23px;
}

.center_-span {
  margin-left: 77px;
}

.center_-span a {
  left: 5px;
  position: relative;
  top: -18px;
  font-size: 13px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #3D485D;
  line-height: 32px;
  text-decoration: none;
  opacity: 0.5;
}

.center_-span a:hover {
  color: #437ABE;
}

.center_item--hot-text {
  /* width: 420px; */
  height: auto;
  /* background-color: palegoldenrod; */
}

.center_item--hot-text2,
.center_item--hot-text3,
.center_item--hot-text4,
.center_item--hot-text5,
.center_item--hot-text6 {
  position: relative;
  top: 3px;
}

.center_item--hot-text3 {
  position: relative;
  top: 6px;
}

.center_item--hot-text4 {
  position: relative;
  top: 9px;
}

.center_item--hot-text5 {
  position: relative;
  top: 13px;
}

.center_item--hot-text6 {
  position: relative;
  top: 17px;
}


/* .center_item--hot-text1 {
  margin-top: 10px;
}
 */

.center_item--hot-text1,
.center_item--hot-text2,
.center_item--hot-text3,
.center_item--hot-text4,
.center_item--hot-text5,
.center_item--hot-text6 {
  /* width: 420px; */
  height: 95px;
  /* top: 60px; */
  /* border: 1px solid rosybrown; */
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
  border-radius: 1px;
  background-color: white;
  /* position: relative;
   */
  margin-left: -15px;
  /* top: 10px; */
  margin: 0 auto;
  /* margin-top: 10px; */
}

.center_item--hot-text2,
.center_item--hot-text3,
.center_item--hot-text4,
.center_item--hot-text5,
.center_item--hot-text6 {
  margin-top: 12px;
}

.imag_img-hr {
  width: 1px;
  height: 95px;
  background: #E1E6F0;
  /* background-color: #0077AA; */
  border-radius: 1px;
  margin-top: -77px;
  margin-left: 100px;
}

.imag_img {
  width: 100px;
  height: 80px;
  /* background-color: red; */
  /* margin: 0 auto; */
}

.imag_img img {
  width: 40px;
  height: 40px;
  margin-left: 0px;
  margin-top: 25px;
}

.text_item {
  /* background-color: #aaffff; */
  /* width: 200px; */
  height: 42px;
  margin-left: 150px;
  margin-top: 15px;
}

.text_item p {
  width: 200px;
  height: 42px;
  font-size: 15px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #000000;
  line-height: 42px;
  margin-top: -67px;
  text-align: center;
  /* background-color: red; */
}

.center_item--hot-text1:hover {
  background-color: #437ABE;
}

.center_item--hot-text2:hover {
  background-color: #437ABE;
}

.center_item--hot-text3:hover {
  background-color: #437ABE;
}

.center_item--hot-text4:hover {
  background-color: #437ABE;
}

.center_item--hot-text5:hover {
  background-color: #437ABE;
}

.center_item--hot-text6:hover {
  background-color: #437ABE;
}

.text_item p:hover {
  color: white;
}

.center_item {
  width: 100%;
  /* max-width: 1100px; */
  /* height: 560px; */
  margin: 0 auto;
  /* position: relative; */
  background-image: url(../image/pic／热门解决方案／bg@2x.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.change--p font {
  margin: 0 auto;
  font-size: 25px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: bold;
  color: #000000;
  line-height: 44px;
  margin-top: 100px;
}

.change--span {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #3D485D;
  line-height: 28px;
}

.change_item1 {
  width: 100%;
}

.img_a {
  width: 5%;
  height: 5%;
  float: right;
}

.img_b {
  width: 5%;
  height: 5%;
  margin: 0 auto;
}

.change_item1--hr {
  height: 2%;
  /* width: 50%; */
  background: rgba(216, 216, 216, 0);
  border-radius: 4px;
  opacity: 0.88;
  border: 2px dashed #BAC1CE;
  margin-top: 15px;
}

.item_p {
  font-size: 24px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: bold;
  color: #000000;
  line-height: 33px;
  margin: 0 auto;
  /* padding-left: 80px; */
}

.item_pb {
  font-size: 24px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: bold;
  color: #000000;
  line-height: 33px;
  margin: 0 auto;
}

.change_item1--hrb {
  height: 2%;
  background: rgba(216, 216, 216, 0);
  border-radius: 4px;
  opacity: 0.88;
  border: 2px dashed #BAC1CE;
  margin-top: 15px;
}

.change_item1--hrc {
  height: 2%;
  /* background: rgba(216, 216, 216, 0); */
  border-radius: 4px;
  opacity: 0.88;
  /* border: 2px dashed #BAC1CE; */
  margin-top: 15px;
}

.img_c {
  width: 5%;
  height: 5%;
  /* margin: 0 auto; */
  float: left;
}

.item_pc {
  font-size: 24px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: bold;
  color: #000000;
  line-height: 33px;
}


/*  互联网商业发展*/

.center_nav--business {
  margin: 0 auto;
  margin-top: 20px;
}

.center_nav--business-p {
  /*  width: 600px;
  height: 44px; */
  font-size: 22px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #000000;
  line-height: 44px;
  margin-top: 40px;
}

.center_nav--business-it font {
  font-size: 22px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: bold;
  color: #000000;
  line-height: 44px;
  margin-top: 50px;
}

.center_item {
  /* border: 1px solid red; */
  height: auto;
  margin: 0 auto;
  margin-top: 50px;
  max-width: 1200px;
}

.business-item {
  margin-top: 10px;
}

.business-item-text1,
.business-item-text2,
.business-item-text3,
.business-item-text4,
.business-item-text5 {
  width: 95%;
  height: auto;
  background: #FFFFFF;
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  /* margin-left: -10px; */
  margin-top: 10px;
  padding: 10px;
}

.business-item-text1:hover {
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.15);
}

.business-item-text2:hover {
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.15);
}

.business-item-text3:hover {
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.15);
}

.business-item-text4:hover {
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.15);
}

.business-item-text5:hover {
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.15);
}

.text1_imag {
  width: 90%;
  height: auto;
}

.content-hot {
  /* margin: 5px; */
  /* flex-wrap: wrap; */
  height: auto;
  margin-top: 10px;
}

.container_li:hover {
  color: #0077AA;
}

.center_nav--business-text {
  /* max-width: 1100px; */
  margin: 0 auto;
  /* height: auto; */
  /* background-color: wheat; */
  /* border: 1px solid red; */
  margin-top: 50px;
}

.business-text-p {
  width: 364px;
  height: 44px;
  font-size: 24px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #000000;
  line-height: 44px;
  position: relative;
  left: -220px;
  top: 40px;
  /* border: 1px solid rebeccapurple; */
}

.business-text-one-p {
  width: 20%;
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: bold;
  color: #000000;
  line-height: 36px;
  position: relative;
  left: -58px;
  /* border: 1px solid violet; */
}

.business-text-one-imag {
  border-radius: 4px;
  width: 92%;
}

.business-text-one-a {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #3D485D;
  line-height: 28px;
  position: relative;
  left: 54px;
  top: 5px;
}

.business-text-one a:hover {
  color: #0077AA;
}

.business-text-two a:hover {
  color: #0077AA;
}

.business-text-third a:hover {
  color: #0077AA;
}

.business-text-one--p {
  width: 360px;
  height: 28px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #3D485D;
  line-height: 28px;
}

.container_li {
  /* width: 95%; */
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #3D485D;
  line-height: 28px;
  text-align: left;
  /* top: 13px; */
  /* border: 1px solid aqua; */
  margin: 0 auto;
  /* text-align: left; */
}

.container_li span {
  font-size: 12px;
  float: right;
}

@media screen and (max-width:992px) {
  .center_item--hot-text {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
  }

  .imag_img {
    width: 130px;
    height: 50px;
  }

  .text_item {
    margin-left: 0;
  }

  .content-hot {
    padding: 20px 0;
    padding-top: 20px !important;
  }

  .grid-cell-6 {
    width: 130px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 10px;
    box-sizing: border-box;
  }

  .text_item p {
    margin-top: 0;
  }

  .imag_img-hr {
    width: 0;
  }

  .center_item--hot-text1,
  .center_item--hot-text2,
  .center_item--hot-text3,
  .center_item--hot-text4,
  .center_item--hot-text5,
  .center_item--hot-text6 {
    height: 100%;
  }

  .grid {
    flex-wrap: wrap;
  }

  .center_item--hot-text6 {
    top: 13px;
  }

  .center_item--hot-text4 {
    top: 5px;
  }

  .center_item--hot-text2 {
    top: 1;
  }

  .grid-cell-2 {
    width: 100%;
    margin: 10px;
  }

  .text1_imag {
    width: 70px;
    /* height: 56px; */
  }

  .text_item p {
    font-size: 12px;
  }

  /* 查看更多 */
  .b-more {
    display: block;
    margin: 30px auto;
    width: 72px;
    height: 24px;
    line-height: 24px;
    background: rgba(216, 216, 216, 0);
    border-radius: 2px;
    border: 1px solid #437ABE;
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #437ABE !important;
  }

  .center_middle-item {
    width: 100%;
  }

  .content-hot {
    padding: 0px 20px;
    box-sizing: border-box;
    /* flex-direction: column; */
    margin-top: -30px;
  }

  .content-hot-item {
    margin: 11px 0;
  }

  /* change-new */
  .change-new {
    display: flex;
    margin: 50px 0;
  }

  .change-new .c-left {
    width: 40px;
    box-sizing: border-box;
  }

  .change-new .c-left li {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .change-new .c-left img {
    width: 18px;
    height: 18px;
    margin: 4px 0;
  }

  .change-new .c-left p {
    writing-mode: vertical-lr;
    font-size: 14px;
  }

  .change-new .c-left .c-hr {
    margin: 14px 0;
    margin-left: 20px;
    width: 1px;
    border-left: 2px dashed #999;
    height: 220px;
    background: rgba(216, 216, 216, 0);
    border-radius: 4px;
    /* opacity: 0.88; */
  }

  /* 右边 */
  .c-right {
    width: 100%;
    box-sizing: border-box;
    height: 400px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: -28px;
  }

  .c-right .c-class {
    width: 323px;
    height: 82px;
    background: rgba(216, 216, 216, 0);
    border-radius: 4px;
    opacity: 0.88;
    border: 1px dashed #BAC1CE;
  }

  .c-class .c-c {
    display: flex;
    flex-wrap: wrap;
  }

  .c-class .c-c li {
    width: 68px;
    height: 28px;
    background: #F3F8FF;
    border-radius: 4px;
    font-size: 11px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #98A3B7;
    line-height: 28px;
    margin: 6px;
  }

  .c-tow {
    margin: 16px 0;
    display: flex;
  }

  .c-tow .c-t {
    width: 100px;
    height: 60px;
    background: #FFFFFF;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.06);
    border-radius: 4px;
    margin: 0 4px;
    padding: 10px 0;
  }

  .c-p1 {
    font-size: 14px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: bold;
    color: #16181A;
    line-height: 22px;
    margin-bottom: 0;
  }

  .c-p2 {
    font-size: 10px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #16181A;
    line-height: 18px;
    margin-bottom: 0;
  }

  .c-r-hr {
    width: 30px;
    height: 1px;
    background: #3D485D;
    border-radius: 6px;
    margin: 10px 0;
    margin-bottom: 7px;
  }

  .c-three {
    display: flex;
  }

  .c-three .c-th {
    width: 170px;
    padding: 14px 20px;
    background: #F8FBFF;
    border-radius: 4px;
  }

  .c-three .c-th div img {
    width: 18px;
    height: 18px;
  }

  .c-th .c-p2 {
    width: 108;
    text-align: left;
  }

  .c-th .c-th-tit {
    display: flex;
    justify-content: space-between;
  }

  .c-four {
    display: flex;
  }

  .c-four div {
    width: 170px;
    height: 20px;
    margin: 8px 0;
  }

  .c-four div span {
    display: inline-block;
    width: 1px;
    height: 16px;
    border: 1px dashed #BAC1CE;
  }

  .c-five {
    width: 317 px;
    height: 200px;
    padding: 20px;
    background: #FFFFFF;
    box-shadow: 0px 10px 21px 0px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
  }

  .c-five .c-f {
    position: relative;
    width: 275px;
    height: 160px;
    background: #FFFFFF;
    box-shadow: 0px 10px 21px 0px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    padding: 26px 18px;
  }

  .c-five .c-f img {
    position: absolute;
    width: 50%;
    right: -20px;
    bottom: -20px;
  }

  .c-five .c-f .c-f-c {
    display: flex;
    justify-content: space-between;
  }

  .c-five .c-f .c-p1 {
    text-align: left;
    font-size: 16px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: bold;
    color: #16181A;
  }

  .c-five .c-f .c-p2 {
    min-width: 85px;
    display: block;
    height: 18px;
    margin-top: 18px;
    font-family: PingFangSC-Regular, PingFang SC;
    /* font-weight: bold; */
    color: #3D485D;
    line-height: 18px;
  }

  .c-five .c-f .c-p2 p {
    font-size: 12px;
    text-align: left;
  }

  /* 字体调节 */
  .ppp font {
    font-size: 18px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #3D485D;
    line-height: 32px;
    margin-top: 10px;
    position: relative;
    top: 5px;
  }

  .business p {
    position: relative;
    top: -15px;
  }

  .img1-span font,
  .img1-span1 font,
  .img1-span2 font,
  .img1-span3 font,
  .img1-span4 font,
  .img1-span5 font {
    font-size: 18px;
    font-family: DINAlternate-Bold, DINAlternate;
    font-weight: bold;
    color: #3D485D;
    line-height: 32px;
    /* margin-top: 10px; */
  }

  .img1-span3 font {
    position: relative;
    /* left: 20px; */
  }

  .center_nav--business-it font {
    font-size: 16px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #3D485D;
    line-height: 32px;
    margin-top: -10px;
  }

  .change--span,
  .business-text-one-a {
    font-size: 12px;
  }

  .business-text-one-a {
    /* border: 1px solid red; */
    height: 25px;
    margin-top: 5px;
  }

  .center_nav--business-p {
    font-size: 16px;
  }

  .business-item-text1,
  .business-item-text2,
  .business-item-text3,
  .business-item-text4,
  .business-item-text5 {
    width: 100%;
  }

  .business-item {
    padding: 0 20px;
    box-sizing: border-box;
  }

  .business-text-one-p {
    font-size: 14px;
    /* margin-left: 0px; */
    margin-top: 5px;
    /* border: 1px solid red; */
  }

  .center_middle {
    height: 270px;
  }

  .content-hot-item__image {
    height: 160px !important;
  }

  .three-img {
    height: 160px !important;
  }

  .itemm1 {
    height: 150px !important;
  }

  .g-logo {
    flex-direction: row;
  }

  .b-logo {
    width: 100px;
  }

  .img1-text,
  .img1-text1,
  .img1-text3 {
    height: 50px;
    /* margin:-10px; */
    margin-top: -50px;
    background: #FFFFFF;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05);
    opacity: 0.6;
  }

  .img1-span,
  .img1-span1,
  .img1-span2,
  .img1-span3,
  .img1-span4,
  .img1-span5 {
    position: relative;
    top: -46px;
  }

  .img1-span5 {
    position: relative;
    left: -32%;
  }

  .center_item {
    height: 500px;
    margin-top: -60px;
  }

  .wrapper_header_1 {
    /* width: 50px;
    height: 44px; */
    background: rgba(216, 216, 216, 0);
    border-radius: 1px;
    border: 1px solid #FFFFFF;
    position: absolute;
    top: 60%;
    left: 15%;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 22px;
    opacity: 0.8;
  }

  .wrapper_header_2 {
    background: rgba(216, 216, 216, 0);
    border-radius: 1px;
    border: 1px solid #FFFFFF;
    position: absolute;
    top: 70%;
    left: 20%;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 22px;
    opacity: 0.8;
  }

  .wrapper_header_4 {
    background: rgba(216, 216, 216, 0);
    border-radius: 1px;
    border: 1px solid #FFFFFF;
    position: absolute;
    top: 65%;
    left: 20%;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 22px;
    opacity: 0.8;
  }

  .wrapper_header_5 {
    background: rgba(216, 216, 216, 0);
    border-radius: 1px;
    border: 1px solid #FFFFFF;
    position: absolute;
    top: 70%;
    left: 20%;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 22px;
    opacity: 0.8;
  }

  .wrapper_header_1 button {
    max-width: 50px;
    max-height: 16px;
  }

  .wrapper_header_2 button {
    max-width: 50px;
    max-height: 16px;
  }

  .wrapper_header_4 button {
    max-width: 50px;
    max-height: 16px;
  }

  .wrapper_header_5 button {
    max-width: 50px;
    max-height: 16px;
  }

  .wrapper_header_1 font {
    font-size: xx-small;
    margin: 0 auto;
    position: relative;
    top: -6px;
  }

  .wrapper_header_2 font {
    font-size: xx-small;
    margin: 0 auto;
    position: relative;
    top: -15px;
    size: 10px;
  }

  .wrapper_header_4 font {
    font-size: xx-small;
    margin: 0 auto;
    position: relative;
    top: -14px;
    size: 10px;
  }

  .wrapper_header_5 font {
    font-size: xx-small;
    margin: 0 auto;
    position: relative;
    top: -15px;
    size: 10px;
  }

  .business-text-one {
    /* border: 1px solid red; */
    background: #FFFFFF;
    box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    opacity: 0.8;
    margin-top: 30px;
  }

  .business-text-two {
    /* border: 1px solid red; */
    background: #FFFFFF;
    box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    opacity: 0.8;
    margin-top: 20px;
  }

  .business-text-third {
    /* border: 1px solid red; */
    background: #FFFFFF;
    box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    opacity: 0.8;
    margin-top: 20px;
  }

  .pa font {
    font-size: 10px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #98A3B7;
    line-height: 18px;
  }

  .change--p font {
    font-size: 16px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #3D485D;
    line-height: 32px;
    margin-top: 24px;
  }

  .change--span {
    display: none;
  }

  .change--span1 {
    font-size: 10px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #98A3B7;
    line-height: 16px;
  }

  .business1 p {
    font-size: 16px;
  }
}

@media screen and (max-width:992px) {

  .da1,
  .da3,
  .da5,
  .da6 {
    left: 20px;
  }

  .da7,
  .da8 {
    left: 177px;
  }

}