/* 公共样式 --- 全局样式初始化 start */
@charset "utf-8";

body {
  margin: 0px;
  padding: 0px;
  background: #fff;
  font-size: 16px;
}

* {
  margin: 0px;
  padding: 0px;
}

body,
button,
input,
select,
textarea {
  font-family: pingfang SC,
    helvetica neue,
    arial,
    hiragino sans gb,
    microsoft yahei ui,
    microsoft yahei,
    simsun,
    sans-serif !important;
}

ul,
li {
  list-style: none;
}

a:link,
a:active,
a:visited {
  color: #1a1a1a;
  text-decoration: none;
}

a:hover {
  color: #3687f9ed;
  text-decoration: none;
}

img,
a {
  border: none;
}

.clear {
  clear: both;
}

a,
area {
  blr: expression(this.onFocus=this.blur())
}

:focus {
  outline-style: none;
}

a {
  blr: e­xpression(this.onFocus=this.blur())
}

area {
  blr: e­xpression(this.onFocus=this.blur())
}

ul {
  list-style: none;
  padding: 0px;
  margin: 0px
}

/**************滚动条样式**********/

::-webkit-scrollbar {
  width: 10px;
  height: 1px;
}

::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, .3);
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: 0 0 .3125rem rgba(0, 0, 0, 0.2);
  background: rgba(0, 0, 0, .1);
}

.homePage {
  background-color: #f6f6f6;
  width: 100%;
  height: auto;
}

/* 页面背景、宽度初始化 */
/* 公共样式 --- 全局样式初始化 End */

/* 头部导航 --- start */
.bannerTop {
  z-index: 99;
  position: fixed;
  width: 100%;
  display: flex;
  height: 95px;
  line-height: 95px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.3)
}

.bannerTopScroll {
  z-index: 99;
  position: fixed;
  width: 100%;
  display: flex;
  height: 95px;
  line-height: 95px;
  color: #333;
  background-color: #fff;
  box-shadow: 0px 2.76726px 2.21381px 0px rgba(0, 0, 0, 0.02), 0px 6.6501px 5.32008px 0px rgba(0, 0, 0, 0.02);
  border-bottom: 0.5px solid #f0f0f0cc;
}

.bannerTopLoGo {
  flex: 2;
  opacity: 1;
  background: url(../images/banner/logoWhite.png) no-repeat;
  background-position: right;
  background-size: 180px 60px;
}

.bannerTopLoGoScroll {
  flex: 2;
  opacity: 1;
  background: url(../images/banner/logoBlack.png) no-repeat;
  background-position: right;
  background-size: 180px 60px;
}

.bannerTopSelect {
  flex: 6;
  opacity: 1;
  text-align: center;
}

.bannerTopPhone {
  flex: 2;
  opacity: 1;
  background: url(../images/banner/telWhite.png) no-repeat;
  background-position: 80%;
  background-size: 190px 50px;
}

.bannerTopPhoneScroll {
  flex: 2;
  opacity: 1;
  background: url(../images/banner/telBlack.png) no-repeat;
  background-position: 80%;
  background-size: 190px 50px;
}

.bannerTopUl {
  margin: 0 20px 0 180px;
  overflow: hidden;
}

.bannerTopUl li {
  float: left;
  width: calc(100% / 5);
  box-sizing: border-box;
  font-size: 16px;
}

.bannerTopUl li a {
  display: inline-block;
  color: white;
  text-align: center;
  text-decoration: none;
}

.aWhite {
  color: white;
}

.aBlack {
  color: #333;
}

.bannerTopUl li:hover .bannerTopLiA {
  color: #0066F5 !important;
}

.bannerTopLiB {
  font-size: 18px;
  /* text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;  */
}

.bannerTopUlSpan {
  display: inline-block;
  width: 9px;
  height: 6px;
  vertical-align: middle;
  background-size: 100% 100%;
  margin-left: 6px;
  background: url(../images/banner/down.png) no-repeat;
}

.bannerTopUlSpanHide {
  background: url(../images/banner/up.png) no-repeat;
}

.bannerTopUl li:hover .headerListVisibility {
  opacity: 1;
  height: 60px;
}

.headerListNav {
  display: none;
  width: 100vw;
  background-color: rgba(228, 228, 228, 0.9);
  box-shadow: 0px 2.76726px 2.21381px 0px rgba(0, 0, 0, 0.02), 0px 6.6501px 5.32008px 0px rgba(0, 0, 0, 0.02);
  line-height: 60px;
  transition: slideIn 0.5s ease-in-out;
  position: absolute;
  top: 95.5px;
  left: 0;
  right: 0;
  height: 0;
}


/**************手机导航**********/

.sp_nav,
.sjj_nav {
  display: none;
}

.sp_nav {
  width: 30px;
  position: absolute;
  top: 16px;
  right: 15px;
  cursor: pointer;
  color: #f333;
  z-index: 999
}


.sp_nav span {
  display: block;
  width: 30px;
  height: 2px;
  position: absolute;
  transition: all ease 0.35s
}

.sp_nav span {
  background: #fff;
}

.sp_nav_se span {
  width: 24px;
  background: #fff;
}

.sp_nav span:nth-of-type(1) {
  top: 0px
}

.sp_nav span:nth-of-type(2) {
  top: 8px
}

.sp_nav span:nth-of-type(3) {
  top: 16px
}

.sp_nav_se span:nth-of-type(1) {
  top: 20px;
  transform: rotate(45deg)
}

.sp_nav_se span:nth-of-type(2) {
  width: 0
}

.sp_nav_se span:nth-of-type(3) {
  top: 20px;
  transform: rotate(-45deg)
}

.sjj_nav {
  position: fixed;
  z-index: 9;
  width: 100%;
  height: 100vh;
  line-height: 40px;
  top: -120vh;
  left: 0;
  right: 0;
  overflow: auto;
  overflow-x: hidden;
  transition: top ease 0.35s;
  margin: 0 auto
}

.nav_show {
  top: 0;
  padding: 60px 30px;
  background: #333
}

.sjj_nav>ul>li:first-child {
  overflow: hidden;
  border-top: 0
}

.sjj_nav a.sjj_nav_link {
  width: 100%;
  display: block;
}

.sjj_nav ul li i {
  position: absolute;
  right: 0px;
  top: 10px;
  color: rgba(255, 255, 255, .5);
  transform: rotate(0);
  transition: all ease 0.35s;
  height: 30px;
}

.sjj_nav ul li i svg {
  width: 20px;
  height: 20px;
  fill: #555;
}

.sjj_nav ul li .sjj_nav_i_se i {
  transform: rotate(-90deg)
}

.sjj_nav ul li {
  position: relative;
  border-bottom: 1px solid rgba(255, 255, 255, .2);
}

.sjj_nav ul li ul {
  display: none
}

.sjj_nav ul li a {
  color: #ccc;
  display: block;
  padding: 5px 0;
}

.sjj_nav ul li li {
  margin-left: 15px;
}

.sjj_nav ul li li:last-child {
  border-bottom: none;
}

.sjj_nav ul li ul li a {
  color: #999;
  text-align: left;
}

.sjj_nav ul li i svg {
  width: 20px;
  height: 20px;
  fill: #555;
}

.sjj_nav ul li ul li>ul {
  margin-left: 10px
}

.banner {
  display: none;
}

.headerListNavTitle {
  display: flex;
  justify-content: space-between;
  padding-left: 180px;
  margin: 0 auto;
  color: #333;
  cursor: pointer;
}

.TitleWidth1 {
  width: 600px;
}

.TitleWidth2 {
  width: 450px;
}

.TitleWidth3 {
  width: 350px;
}

.TitleWidth4 {
  width: 450px;
}

/* 头部导航 --- End */

/* 底部导航 --- start */
.bottomBanner {
  height: auto;
  width: 100%;
  background-image: url('../images/index/bottomBanner.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  text-align: center;
}

.bottomBannerContent {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  box-sizing: border-box;
  color: #fff;
  padding: 30px 0px 10px 0px;
}

/* .bottomBannerLeft{width: 350px;height: auto;cursor: pointer;}
.bottomBannerLeftTitle{font-size: 30px;letter-spacing: 2px;text-align: left;}
.bottomBannerLeftLogo{background: url(../images/banner/bottomLogo.png) no-repeat;width: 200px;height: 60px;margin: 20px 0;background-size: 80%;} */
.bottomBannerCenter {
  color: #fff;
  height: 30px;
  line-height: 40px;
  display: flex;
  margin-top: 15px;
}

.bottomBannerCenterImg {
  width: 30px;
  height: 30px;
}

.bottomBannerCenterText {
  flex: 9;
  font-size: 14px;
  letter-spacing: 1px;
  text-align: left;
  margin-left: 10px;
}

.bottomBannerCenterText:hover {
  color: #3687f9ed !important;
}

.bottomBannerCenterHide {
  color: #fff;
  height: 80px;
  width: 80px;
  margin-top: 5px;
  margin-left: 50px;
}

.bottomBannerCenterHideImg {
  width: 80px;
  height: 80px;
  display: none;
}

.bottomCenter {
  flex: 1;
  text-align: left;
}

.bottomCenterTitle {
  font-size: 18px;
  letter-spacing: 2px;
  line-height: 45px;
}

.bottomCenterDiv {
  margin-top: 10px;
}

.bottomCenterDivLeft {
  float: left;
}

.bottomCenterDivLeftTop {
  color: #fff;
  height: 30px;
  line-height: 40px;
  display: flex;
  margin-top: 15px;
}

.bottomCenterDivLeftTopLogo {
  flex: 1;
  text-align: right;
}

.bottomCenterDivLeftTopImg {
  width: 20px !important;
  height: 20px;
}

.bottomCenterDivLeftTopText {
  flex: 9;
  font-size: 14px;
  letter-spacing: 1px;
}

.bottomCenterDivLeftBottomImg {
  width: 80px;
  height: 80px;
  background-color: #fff;
  margin-left: 18px;
  margin-top: 10px;
}

.bottomCenterDivLeftBottomImg1 {
  width: 80px;
  height: 80px;
  background: url(../images/index/EWMdouyin.png) no-repeat;
  background-size: 100%;
  margin-top: 10px;
  margin-left: 10px;
}

.bottomCenterDivLeftBottomImg2 {
  width: 80px;
  height: 80px;
  background: url(../images/index/EWMkuaishou.jpg) no-repeat;
  background-size: 100%;
  margin-top: 10px;
  margin-left: 10px;
}

.bottomCenterDivLeftBottomImg3 {
  width: 80px;
  height: 80px;
  background: url(../images/index/EWMshipinhao.jpg) no-repeat;
  background-size: 100%;
  margin-top: 10px;
  margin-left: 18px;
}

.bottomCenterDivLeftBottomImg4 {
  width: 80px;
  height: 80px;
  background: url(../images/index/EWMerixinogngzhognhao.jpg) no-repeat;
  background-size: 100%;
  margin-top: 10px;
  margin-left: 10px;
}

.bottomBannerRight {
  display: flex;
  flex: 1;
  margin-left: 50px;
}

.bottomBannerRightDiv {
  flex: 1;
  box-sizing: border-box;
  text-align: center;
}

.bottomBannerRightDivTitle {
  margin-top: 30px;
  font-size: 16px;
  text-align: left;
  font-weight: 600;
}

.bottomBannerRightDivCenter {
  margin-top: 15px;
}

.bottomRightDivLi {
  line-height: 28px;
  font-size: 14px;
  text-align: left
}

.bottomRightDivLi a {
  color: #fff;
}

.bottomRightDivLi a:hover {
  color: #3687f9ed;
  text-decoration: underline;
}

.floatSpan {
  display: inline-block;
  color: #afafaf;
  float: right;
  font-size: 12px;
  line-height: 21px;
}

.underneathFenGeXian {
  border-bottom: 1px dashed #999;
  width: 1200px;
  margin: 10px auto;
  height: 1px;
}

.underneath {
  width: 1200px;
  margin: 0 auto;
  height: auto;
}

.underneathContainer {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  margin-top: 10px;
}

.underneathContainer ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.underneathContainer ul li {
  float: left;
  box-sizing: border-box;
  margin: 3px;
  width: 105px;
}

.underneathContainer ul li a {
  color: #afafaf;
  font-size: 12px;
}

.underneathContainer:after {
  content: "";
  display: table;
  clear: both;
}

.underneathTitle1 {
  font-size: 28px;
  color: #007bff;
  text-align: left;
}

.underneathTitle2 {
  font-size: 28px;
  color: #f9c63b;
  margin: 10px 0;
  text-align: left;
}

.underneathBottomName {
  font-size: 14px;
  color: #afafaf;
  padding-bottom: 40px;
  text-align: left;
}

/* 底部导航 --- End */
.bannerHigClass {
  color: #0066F5 !important;
}

.routerStyle {
  font-size: 14px;
  letter-spacing: 1px;
  cursor: pointer;
  margin: 0 auto;
  width: 100%;
  margin-top: 10px;
  background: #f6f6f6;
}

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

.blurred {
  filter: blur(5px);
}

.allImgSpan {
  display: inline-block;
  width: 290px;
  font-size: 14px;
  color: #333;
  text-align: center;
  margin-top: 155px;
}

.project-name {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.project-name .contentCenterRight {
  float: none;
  margin-top: inherit;
}

@media screen and (max-width:767px) {
  * {
    box-sizing: border-box;
  }

  .sp_nav,
  .sjj_nav,
  .solutionA section,
  .banner {
    display: block
  }

  .bannerTopSelect,
  #bannerTopPhone,
  .solutionDescription,
  .indexCarousel,
  .czdlzxjrCenter-line,
  .newsContentRight,
  .contentCenter-title .contentCenterMiddle {
    display: none;
  }

  .bannerTopLoGo,
  .bannerTopLoGoScroll {
    background-position: 15px;
    background-size: 103px 35px;
  }

  .bannerTop,
  .bannerTopScroll {
    height: 50px;
    line-height: 50px;
  }

  .bannerTopScroll .sp_nav span {
    background: #333;
  }

  .bannerTopScroll .sp_nav.sp_nav_se span {
    background: #fff;
  }

  .banner .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .IntermediateContainer,
  .IntermediateContentNails,
  .solution,
  .videoContainer,
  .why,
  .new,
  .newBottom,
  .bottomBannerContent,
  .bottomBannerRight,
  .footer-ewm,
  .OSLlCenterImgContentDiv,
  .OScpzzqImgDiv,
  .OSBottom,
  .functionIntroductionNails,
  .productContainerLeft,
  .productContainer,
  .bottomBannerRightDivCenter ul,
  .whyConnygnzs ul,
  .ryGdzxContainer,
  .sbGdzxContainer,
  .jobGdzxContainerRight,
  .jobGdzxContainer,
  .czdlCpjsBOttom,
  .czdlzxjrCenter,
  .czdlzxjrCenter-code,
  .USlxwmNails {
    flex-wrap: wrap;
  }

  .IntermediateContainerBigTu,
  .IntermediateContent>div,
  .IntermediateContainerText,
  .IntermediateContainerBigTuImg,
  .IntermediateContentBnail,
  .IntermediateContentBnail img,
  .solutionFer>div,
  .solutionA,
  .viewFer>div,
  .videoMain,
  .videoContainer,
  .videoSide+div,
  .whyFer>div,
  .whyBigTu,
  .whyText,
  .newFer>div,
  .newContentLeft,
  .newContent,
  .newContentRight,
  .newBottomDiv,
  .bottomBannerContent,
  .underneath,
  .underneathFenGeXian,
  .bottomBannerRight,
  .bottomBannerRightDiv,
  .underneathContainer,
  .OSLl,
  .OSszhgl,
  .OSLlCenterImgContentDiv,
  .OSLlCenterImgContent,
  .OSmbzl,
  .functionIntroduction>div,
  .functionIntroductionBnail,
  .application>div,
  .contentCenterImg,
  .product>div,
  .productContainerLeft,
  .productContainerLeftTopImg,
  .productContainerLeftBottomImg,
  .productContainerRightBottomImg,
  .productContainerRightTopImg,
  .productContainerLeftTopImg+div,
  .productContainerLeftBottomImg+div,
  .productContainerRightBottomImg+div,
  .productContainerRightTopImg+div,
  .contentCenterImgFzcjg,
  .contentCenterImgZnaqd,
  .contentCenterImgFxjsy,
  .rydwContainerLeftBottomImg,
  .rydwContainerLeftBottomImg+div,
  .rydwContainerRightBottomImg,
  .contentCenterImgRydw,
  .sbaqCenter>div,
  .sbaqCenterCarouselContainer,
  .sbaqCenterDescription,
  .sbaqCenterSlide,
  .sbaqCenterDescription,
  .glfmfbDescription,
  .glfmfbCarouselContainer,
  .glfmfbSlide,
  .allImgSpan,
  .contentCenterImgGlfmfb,
  .fxykAppDescription,
  .fxykAppSlide,
  .fxykAppCarouselContainer,
  .whyConnygnzs ul li a,
  .whyConnygnzs ul li .whyConnygnzsLiioc,
  .whyConnygnzs ul li .whyConnygnzsLiioc img,
  .whyConnygnzs ul li .whyConnygnzsLitxt,
  .contentCenterImgFxykapp,
  .routerStyleDiv,
  .yxjxDescription,
  .yxjxCarouselContainer,
  .yxjxSlide,
  .yxjxThumbnails,
  .contentCenterImgYxjx,
  .ryanTop>div,
  .ryanTopDescription,
  .ryanTopSlide,
  .ryanTopCarouselContainer,
  .ryanTopThumbnails,
  .ryanCenter>div,
  .ryanCenterDescription,
  .ryanCenterCarouselContainer,
  .ryanCenterSlide,
  .ryanCenterThumbnails,
  .ryGdzx>div,
  .sbaqTopCarouselContainer,
  .sbaqTop>div,
  .sbaqTopDescription,
  .sbaqTopSlide,
  .sbaqTopThumbnails,
  .sbGdzx>div,
  .sbGdzxContainerLeft,
  .sbGdzxContainerRight,
  .jobaqTop>div,
  .jobaqTopDescription,
  .jobaqTopCarouselContainer,
  .jobaqTopSlide,
  .jobaqTopThumbnails,
  .jobaqCenter>div,
  .jobaqCenterSlide,
  .jobaqCenterCarouselContainer,
  .jobaqCenterDescription,
  .jobaqCenterThumbnails,
  .jobaqBottom>div,
  .jobaqBottomDescription,
  .jobaqBottomSlide,
  .jobaqBottomCarouselContainer,
  .jobaqBottomThumbnails,
  .jobGdzx>div,
  .jobGdzxContainerRightTit,
  .jobGdzxContainerRight,
  .titleny,
  .czdlFhhbCenter,
  .czdlCpjsCenter,
  .czdlCpjsBOttomImg,
  .czdlCpjsBOttomImg1,
  .czdlWlwGysCenter,
  .solutionDiv,
  .czdlzxjrCenter,
  .czdlzxjrCenter .czdlzxjrCenter-tel,
  .czdlzxjrCenter-code>div,
  .newsContentLeft,
  .newsContent,
  .contentCenter-title,
  .connynewlist,
  .connynewlist ul li .new_r,
  .connynewlist ul li .new_pic,
  .connynewlist ul li .new_time,
  .w-100,
  .news_fenye,
  .USLl,
  .USlxwm>div,
  .USlxwmDzH1,
  .container ul li {
    width: 100% !important;
  }

  .IntermediateContent>div,
  .solutionFer>div,
  .viewFer>div,
  .whyFer>div,
  .newFer>div,
  .bottomBanner,
  .routerStyle,
  .OSLl,
  .functionIntroduction>div,
  .application>div,
  .product>div,
  .sbaqCenter>div,
  .ryanTop>div,
  .ryanCenter>div,
  .ryGdzx>div,
  .sbaqTop>div,
  .sbGdzx>div,
  .jobaqTop>div,
  .jobaqCenter>div,
  .jobaqBottom>div,
  .jobGdzx>div,
  .titleny,
  .czdlCpjsCenter,
  .czdlFhhbCenter,
  .czdlWlwGysCenter,
  .czdlzxjr,
  .newsContentLeft,
  .connynewlist,
  .container-fluid,
  .USLl {
    padding-left: 15px;
    padding-right: 15px;
  }

  .IntermediateContainerBigTu,
  .IntermediateContainerBigTuImg,
  .videoMain,
  .videoSide,
  .videoSide+div,
  .whyBigTu,
  .newContentRight,
  .newBottomDiv,
  .OSLlCenterImg1,
  .whyText,
  .sbaqCenterDescription,
  .glfmfbDescription,
  .fxykAppDescription,
  .whyConnygnzs ul li .whyConnygnzsLiioc img,
  .whyConnygnzs ul li .whyConnygnzsLitxt,
  .yxjxDescription,
  .ryanCenterDescription,
  .ryGdzxContainer,
  .sbaqTopDescription,
  .sbGdzxContainer,
  .jobaqTopDescription,
  .jobaqCenterDescription,
  .jobaqBottomDescription,
  .jobGdzxContainer,
  .czdlCpjsBOttomDivText,
  .czdlCpjsBOttomDiv,
  .czdlzxjr,
  .ryanTopDescription,
  .USlxwmBnail img,
  .newstLeftTitle,
  .OSBottomChildDiv {
    height: auto !important;
  }

  .ryGdzxContainer,
  .sbGdzxContainer,
  .jobGdzxContainer,
  .czdlFhhbCenterCenter {
    padding: 30px;
  }

  .IntermediateContainerText,
  .bottomBannerRight,
  .underneathContainer ul,
  .productContainerText,
  .glfmfbSlide,
  .fxykAppSlide,
  .yxjxSlide,
  .ryanTopSlide,
  .sbaqTopSlide,
  .jobaqTopSlide,
  .jobaqBottomSlide,
  .titleny .titlenymain {
    margin-left: inherit !important;
  }

  .solutionA,
  .newBottomDiv,
  .bottomBannerRightDiv,
  .bottomBannerRight,
  .OSLlCenterImgContentDivCld,
  .OScpzzqImgChildDiv,
  .OSBottomChildDiv,
  .productContainerLeft,
  .productContainerLeftTopImg,
  .productContainerRightTopImg,
  .productContainerLeftBottomImg,
  .productContainerRightBottomImg,
  .rydwContainerLeftBottomImg,
  .rydwContainerRightBottomImg,
  .ryGdzxContainerLeft,
  .ryGdzxContainerRight,
  .sbGdzxContainerLeft,
  .jobGdzxContainerLeft,
  .solutionDiv,
  .czdlzxjrCenter-code>div {
    flex: inherit !important;
  }

  .IntermediateContentBnail img,
  .videoMain,
  .videoSide,
  .whyText,
  .newContent,
  .newBottomDiv,
  .OSBottomChildDiv,
  .functionIntroductionBnail,
  .productContainerLeft,
  .whyConnygnzs ul li,
  .czdlCpjsBOttomDivText,
  .czdlCpjsBOttomDivTextBottomSty,
  .czdlCpjsBOttomImg1,
  .czdlzxjrCenter-ewm,
  .newsContentLeft,
  .connynewlist ul li,
  .container ul li,
  .newsDiv,
  .container ul {
    margin: 0 !important;
  }

  #video-container .videosSide {
    margin: 15px;
  }

  .czdlzxjrCenter-code>.czdlzxjrCenter-code-ewm {
    width: 100px !important;
    margin: 0 auto;
  }

  .titleny {
    background-size: 90px;
    background-position: 20px;
  }

  .IntermediateContentBnail,
  .newBottomDiv,
  .OSBottomChildDiv,
  .functionIntroductionBnail,
  .connynewlist ul li {
    margin-bottom: 15px !important;
  }

  .IntermediateContentTabs {
    overflow-x: auto;
    justify-content: flex-start;
    margin-top: 25px;
  }

  .IntermediateContentTab {
    width: auto;
    margin-right: 10px;
    height: inherit;
    line-height: inherit;
    white-space: nowrap;
  }

  .solutionA section {
    padding: 15px 0 20px;
  }

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

  .whyConnygnzs ul li,
  .OSLlCenterImgContentDivCld,
  .OScpzzqImgChildDiv,
  .whyConnygnzs ul li,
  .USlxwmBnail {
    width: 48% !important;
    margin: 0 !important;
  }

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

  .newContentRight,
  .whyConnygnzs ul,
  .czdlCpjsBOttomDivTextBottomSty,
  .newContentRightLogoTitle {
    margin-top: 15px !important;
  }

  .viewFer>div .contentCenterRight {
    margin-top: 80px !important;
    display: block;
  }

  .glfmfbTextDiv,
  .newContentRight,
  .fxykAppTextDiv,
  .yxjxTextDiv,
  .jobaqTopTextDiv,
  .jobaqBottomTextDiv {
    padding: 15px;
  }

  .newContentRight a>div,
  .sbaqCenterTextDiv,
  .czdlWlwGysCenter .solutionFer>div {
    padding: 0 !important;
  }

  .newContentRight-title {
    margin: 15px 0 0 !important;
  }

  .newContentRightLogoText,
  .bottomBannerRightDivTitle,
  .sbaqCenterTextH2,
  .czdlCpjsBOttomDiv,
  .solutionDiv,
  .czdlzxjrCenter-ewm {
    margin-top: 15px !important;
  }

  .bottomBannerRightDivCenter ul {
    display: flex;
  }

  .bottomBannerRightDivCenter ul li {
    margin-right: 10px;
  }

  .bottomBannerRightDivCenter,
  .OSLlCenter,
  .czdlzxjrCenter-phone {
    margin-top: 10px !important;
  }

  .connynewlist ul li .new_time span {
    margin-right: inherit;
    padding-left: 0 !important;
    margin-top: 20px;
    display: block;
  }

  .footer-ewm>div {
    width: 48%;
    flex: inherit !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 15px;
  }

  .czdlzxjrCenter-sm {
    width: 30px !important;
    height: 30px !important;
    top: 8px !important;
  }

  .czdlzxjrCenter-sm+span {
    margin-left: 10px !important;
  }

  .czdlzxjrCenter-tel-img {
    top: 30px !important;
  }

  .czdlCpjsBOttomDiv,
  .container ul li {
    margin-bottom: 15px !important;
  }

  .bottomCenterDivLeftBottomImg4,
  .bottomCenterDivLeftBottomImg1,
  .bottomCenterDivLeftBottomImg2,
  .bottomCenterDivLeftBottomImg3 {
    margin-left: 0;
  }

  .newFer>div .contentCenterRight {
    margin-top: -30px;
  }

  .gsjj,
  .yxkj,
  .fzcjg,
  .fxjsy,
  .rydw,
  .glfmfb,
  .fxykApp,
  .yxjx,
  .ryan,
  .sbaq,
  .jobaq,
  .xwdt,
  .czdl,
  .newsTop,
  .dxal,
  .znaqd,
  .lxwm {
    height: 220px !important;
  }

  .OSszhgl,
  .OSmbzl,
  .czdlWlwGysCenterTop {
    background-position: bottom;
    height: auto;
    line-height: inherit;
  }

  .OSLlCenterImg2,
  .sbaqCenterDescription,
  .fxykAppDescription,
  .yxjxDescription,
  .czdlFhhbCenterCenter,
  .czdlzxjr,
  .newsTop,
  .ryanTopDescription {
    background-size: cover !important;
  }

  .OSLlCenterImg2 {
    height: 350px;
  }

  .OSLlCenterImgContentDivCld {
    margin-bottom: 35px;
  }

  .OSLlCenterImg3,
  .OScpzzqImgChildDivImg1,
  .OScpzzqImgChildDivImg2,
  .OScpzzqImgChildDivImg3,
  .OScpzzqImgChildDivImg4,
  .OScpzzqImgChildDivImg5,
  .OScpzzqImgChildDivImg6,
  .OScpzzqImgChildDivImg7,
  .contentCenterImgFxjsy {
    height: 240px;
  }

  .OScpzzqImgChildDivImgText,
  .whyConnygnzs ul li .whyConnygnzsLitxt span {
    font-size: 14px !important;
  }

  .contentCenterImg,
  .contentCenterImgFzcjg,
  .contentCenterImgZnaqd,
  .contentCenterImgRydw,
  .glfmfbSlide,
  .yxjxSlide,
  .contentCenterImgYxjx,
  .ryanTopSlide,
  .ryanCenterSlide,
  .sbaqTopSlide,
  .sbaqCenterSlide,
  .fxykAppSlide,
  .jobaqTopSlide,
  .jobaqCenterSlide,
  .jobaqBottomSlide,
  .czdlCpjsBOttomImg,
  .czdlCpjsBOttomImg1 {
    height: 200px;
  }

  .productContainerLeftTopImg,
  .productContainerLeftBottomImg,
  .productContainerRightBottomImg,
  .productContainerRightTopImg {
    background-size: cover;
    height: 420px;
  }

  .productContainerLeftTopImg+div,
  .productContainerLeftBottomImg+div,
  .productContainerRightBottomImg+div,
  .productContainerRightTopImg+div,
  .rydwContainerLeftBottomImg+div,
  .rydwContainerRightBottomImg+div,
  .sbaqCenterDescription,
  .ryanTopTextDiv,
  .ryanCenterTextDiv,
  .sbaqTopTextDiv,
  .jobaqCenterTextDiv {
    padding: 15px !important;
  }

  .bottomBannerRightDivTitle {
    font-weight: bolder;
  }

  .sbaqCenterDescription,
  .glfmfbDescription,
  .fxykAppDescription,
  .yxjxDescription,
  .ryanTopDescription,
  .ryanCenterDescription,
  .sbaqTopDescription,
  .jobaqTopDescription,
  .jobaqCenterDescription,
  .jobaqBottomDescription,
  .connynewlist ul li .new_time {
    position: relative;
  }

  .contentCenterImgGlfmfb {
    height: 320px;
  }

  .allImgSpan {
    margin-top: 210px;
  }

  .sbaqCenterNext,
  .glfmfbNext,
  .fxykAppNext,
  .yxjxNext,
  .ryanTopNext,
  .ryanCenterNext,
  .sbaqTopNext,
  .jobaqTopNext,
  .jobaqCenterNext,
  .jobaqBottomNext {
    right: 0;
  }

  .glfmfbPrev,
  .fxykAppPrev,
  .yxjxPrev,
  .ryanTopPrev,
  .ryanCenterPrev,
  .sbaqTopPrev,
  .jobaqTopPrev,
  .jobaqCenterPrev,
  .jobaqBottomPrev,
  .sbaqCenterPrev {
    left: 0;
  }

  .contentCenterImgFxykapp {
    height: 120px;
  }

  .yxjxSlide,
  .yxjxThumbnail {
    background-repeat: no-repeat;
  }

  .yxjxThumbnails {
    overflow-x: auto;
  }

  .yxjxThumbnails .yxjxThumbnail,
  .glfmfbThumbnail,
  .ryanTopThumbnail,
  .ryanCenterThumbnail,
  .sbaqTopThumbnail,
  .jobaqTopThumbnail,
  .jobaqBottomThumbnail {
    height: 90px;
    margin-right: 5px;
    background-position: top;
  }

  .yxjxThumbnails .yxjxThumbnail .allImgSpan,
  .glfmfbThumbnails .glfmfbThumbnail .allImgSpan,
  .ryanTopThumbnail .allImgSpan,
  .ryanCenterThumbnails .allImgSpan,
  .sbaqTopThumbnail .allImgSpan,
  .jobaqTopThumbnail .allImgSpan,
  .jobaqBottomThumbnail .allImgSpan {
    margin-top: 50px !important;
    font-size: 12px;
  }

  .whyText,
  .IntermediateContainerText {
    padding: 20px;
  }

  .jobaqCenterThumbnail {
    height: 50px;
    margin-right: 5px;
    background-position: top;
  }

  .jobaqCenterThumbnail .allImgSpan {
    margin-top: 55px !important;
    font-size: 12px;
  }

  .jobaqCenterThumbnail {
    background-position: center !important;
  }

  .footer-tel {
    font-size: 24px !important;
  }

  .ryGdzxContainerLeftEwm,
  .sbGdzxContainerLeftEwm,
  .jobGdzxContainerLeftEwm {
    width: 60px;
    height: 60px;
    background-size: 100%;
  }

  .ryGdzxContainerRightTit {
    font-size: 20px;
  }

  .ryGdzxContainer,
  .sbGdzxContainer,
  .jobaqBottomDescription,
  .jobGdzxContainer,
  .lxwm {
    background-size: cover;
  }

  .ryGdzxContainerRightCenter,
  .sbGdzxContainerRightCenter,
  .ryGdzxContainerLeftPhoneW,
  .sbGdzxContainerRightTit,
  .jobGdzxContainerRightCenter,
  .jobGdzxContainerLeftPhoneBottom,
  .jobGdzxContainerRightTit,
  .czdlzxjrCenter-text,
  .ryGdzxContainerRightTit {
    font-size: 16px !important;
  }

  .ryGdzxContainerRightCenter,
  .sbGdzxContainerRightCenter {
    margin-top: 10px;
    margin-right: 0;
  }

  .ryGdzxContainerLeftPhoneBottom,
  .sbGdzxContainerLeftPhoneBottom,
  .jobGdzxContainerLeftPhoneBottom {
    margin-top: 0;
  }

  .sbGdzxContainerRightCenter,
  .sbGdzxContainerRight,
  .jobGdzxContainerRightCenter,
  .jobGdzxContainerRightTit,
  .ryGdzxContainerRightTit {
    text-align: left;
  }

  .jobaqCenter>div {
    padding-bottom: 15px;
  }

  .czdlCpjsCenterTop,
  .czdlWlwGysCenterTop {
    line-height: inherit;
  }

  .newsMain img,
  .xmalText img {
    max-width: 100% !important;
    height: auto !important;
  }

  .whyConnygnzs ul li .whyConnygnzsLiioc {
    height: 120px !important;
    width: 120px !important;
  }

  .whyConnygnzs ul li .whyConnygnzsLiioc img {
    width: 60px !important;
    height: 60px !important;
  }

  .whyTextPDIv {
    bottom: 20px;
  }

  .xmalText {
    text-indent: inherit;
  }

  .contentQuan {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
  }

  .USlxwmNails {
    justify-content: space-between;
  }

  .USlxwmBnail {
    flex-grow: inherit;
    margin-bottom: 10px !important;
  }

  .USlxwmDzH1 {
    font-size: 20px;
  }

  .USlxwmDt {
    height: 220px;
  }

  .USlxwmDzText,
  .sbGdzxContainerLeftPhoneW,
  .jobGdzxContainerLeftPhoneW {
    font-size: 16px;
  }

  .newstLeftTitle {
    padding-bottom: 15px;
  }

  .reveal {
    opacity: 1;
    transform: translateY(20px)
  }

  .new {
    margin: 30px auto 0;
  }

  .newBottom {
    margin-top: 15px;
  }

  .OSLlTit span {
    font-size: 24px !important;
  }

  .OSLlTit {
    background-size: 100px;
  }

  .OSszhgl,
  .OSwhln,
  .OSmbzl {
    background-position: bottom left;
  }

  .OSszhgl span,
  .OSwhln span,
  .OSmbzl span {
    font-size: 20px !important;
  }

  .OSBottomChildDiv {
    padding: 15px;
  }

  .newsTitle {
    width: calc(100% - 80px);
  }

  .newsTEXT,
  .routerStyle,
  .sbGdzxContainerRightTit,
  .sbGdzxContainerLeftPhoneTop,
  .ryGdzxContainerLeftPhoneTop,
  .ryGdzxContainerRightTit,
  .jobGdzxContainerRightTit,
  .jobGdzxContainerLeftPhoneTop,
  .sbaqTopTextDiv,
  .ryanTopTextDiv,
  .ryanCenterTextDiv,
  .jobaqTopTextDiv,
  .jobaqCenterTextDiv,
  .jobaqBottomTextDiv,
  .ryanCenterTextDiv,
  .sbaqCenterTextDiv {
    letter-spacing: 0;
  }

  .sbGdzxContainerLeftPhoneW,
  .ryGdzxContainerLeftPhoneW,
  .jobGdzxContainerLeftPhoneW {
    padding-top: 0;
  }

  .sbGdzxContainerRightTit,
  .ryGdzxContainerRightTit,
  .jobGdzxContainerRightTit {
    padding-left: 80px;
    margin-top: -10px;
  }

  .sbGdzxContainerLeftPhoneW,
  .ryGdzxContainerLeftPhoneW,
  .jobGdzxContainerLeftPhoneW {
    line-height: 25px;
  }
}