#menu,
#container,
#footer {
  width: 100%;
}
  #gjs {
            width: 25% !important;
            text-align: right !important;
        }
#menu {
  height: 0.73rem;
  position: absolute;
  z-index: 10;
}

#menu.on {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  background: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.on .clearfix .navigation li a{
  color: #000 !important;
}
.on .clearfix #logo .qwe{
  display: none !important;
}
.on .clearfix #logo .qwe1{
  display: block !important;
}
.content,
.project-nav ul {
  width: 100%;
  margin: 0 auto;
  font-size: 14px;
}

#menu .content {
  width: 100%;
}

#menu #logo img {
  margin: 0.20rem 0 0 0.3rem;
  width: 2.06rem;
  min-width: 1.8rem;
}

.navigation {}

.navigation>li {
  display: inline-block;
  margin: 0 0.4rem;
  text-align: center;
}

.navigation li>a {
  display: inline-block;
  width: auto;
  height: 0.7rem;
  font-size: 16px;
  font-family: PingFangSC-Regular;
  font-weight: 400;
  color: rgba(255, 255, 255, 1);
  line-height: 0.8rem;
}

.navigation li.active>a {
  /* color: #165399 !important; */
  border-bottom: 0.03rem solid #165399;
}

.navigation li.on .subnav {
  color: #165399;

  -webkit-animation: opGradient 0.4s;
  animation: opGradient 0.4s;
  opacity: 1;
}

@-webkit-keyframes opGradient {
  0% {
    -webkit-transform: translateY(-10px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    opacity: 1;
  }
}

@keyframes opGradient {
  0% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

.navigation li a:hover,
.navigation li.on>a,
#menu .subnav dl dd a:hover {
  color: #165399 !important;
}

.subnav {
  width: 100%;
  background: rgba(233, 237, 241, 1);
  font-size: 14px;
  padding: 32px 0 40px 0;
  position: absolute;
  left: 0;
  top: 90px;
  z-index: 1111;
  display: none;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}

#menu .subnav dl {
  float: left;
  margin: 0 55px 0 12px;
  text-align: left;
}

#menu .subnav dl dt {
  font-size: 16px;
  color: #222;
  line-height: 32px;
  margin-bottom: 14px;
}

#menu .subnav dl dd {
  line-height: 28px;
}

#menu .subnav dl dd a {
  color: #666;
}

.swiper-container {
  height: auto;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  z-index: 5;
  background: #f8f8f8;
}

.swiper-wrapper {
  position: relative;
  z-index: 10;
}

.swiper-slide {
  position: relative;
  text-align: center;
  float: left;
}

.swiper-slide a {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
}

.swiper-slide img {
  width: 100%;
  height: auto;
  vertical-align: middle;
  position: relative;
}

.swiper-slide .title0 {
  z-index: 2;
  position: absolute;
  top: 28%;
  left: 20%;
  background: rgba(255, 255, 255, 1);
  color: #1c194b;
  font-size: 0.3rem;
  padding: 0.02rem 0.1rem;
  border-radius: 0.02rem;
}

.swiper-slide .title1 {
  z-index: 2;
  position: absolute;
  top: 34%;
  left: 20%;
  font-size: 0.5rem;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  color: rgba(255, 255, 255, 1);
  line-height: 2em;
  text-align: left;
}

.swiper-slide .title2 {
  z-index: 2;
  position: absolute;
  top: 45%;
  left: 20%;
  font-size: 0.14rem;
  font-family: PingFangSC-Regular;
  font-weight: 400;
  color: rgba(255, 255, 255, 1);
  line-height: 2em;
  letter-spacing: 1px;
  text-align: left;
  opacity: 0.7;
}

.swiper-slide .title3 {
  z-index: 2;
  position: absolute;
  top: 54%;
  left: 20%;
  font-size: 0.18rem;
  font-family: PingFangSC-Regular;
  font-weight: 400;
  color: rgba(255, 255, 255, 1);
  line-height: 1.6em;
  text-align: left;
  width: 5.26rem;
}

.swiper-slide .title3 span {
  display: inline-block;
  padding: 2px 16px;
  background: #fff;
  margin-right: 12px;
  color: #111141;
}

.swiper-button-prev {
  width: 0.62rem;
  height: 0.62rem;
  position: absolute;
  top: 50%;
  left: 15%;
  background: url(../image/oval.png) 0 0/100% 100% no-repeat;
  z-index: 10;
}

.swiper-button-next {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  width: 0.62rem;
  height: 0.62rem;
  position: absolute;
  top: 50%;
  right: 15%;
  background: url(../image/oval.png) 0 0/100% 100% no-repeat;
  z-index: 10;
}

.bg_title1 {
  z-index: 2;
  position: absolute;
  top: 30%;
  left: 40%;
  width: 20%;
  font-size: 0.5rem;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  color: rgba(255, 255, 255, 1);
  line-height: 2em;
  text-align: center;
}

.pagination {
  position: absolute;
  height: 1.2em;
  width: 100%;
  bottom: 0.3rem;
  z-index: 100;
}

.pagination .swiper-pagination-switch {
  display: inline-block;
  width: 0.5rem;
  height: 0.04rem;
  background: rgba(255, 255, 255, 1);
  opacity: 0.5;
  margin-right: 0.2rem;
}

.pagination .swiper-active-switch {
  opacity: 1;
}

#footer-top {
  width: 100%;
  height: 188px;
  padding-top: 32px;
  color: #909090;
  background: #222222;
}

#footer-top a {
  color: #909090;
}

#footer-bottom {
  width: 100%;
  height: 40px;
  background: #111111;
  line-height: 40px;
  color: #444444;
  font-size: 14px;
}

.footer-tel img {
  opacity: 0.5;
  margin-bottom: 22px;
}

.footer-tel .tel-text {
  font-size: 16px;
  line-height: 24px;
}

.footer-tel .tel-content {
  font-size: 26px;
  line-height: 42px;
}

.footer-list dl {
  float: left;
  margin-left: 90px;
}

.footer-list dl dt {
  font-size: 16px;
  color: #bbbbbb;
  line-height: 22px;
  margin-bottom: 22px;
}

.footer-list dl dd {
  font-size: 14px;
  line-height: 26px;
}

.fotter-qr {}

.fotter-qr>div {
  width: 134px;
  height: 115px;
  float: left;
}

.fotter-qr>div img {
  margin: 10px 0 0 29px;
  border-radius: 5px;
}

.fotter-qr #appqr {
  background: url(../image/code_bg1.png) 100%/100% no-repeat;
  margin-right: 14px;
}

.fotter-qr #wxqr {
  background: url(../image/code_bg2.png) 100%/100% no-repeat;
}

#menu .subnav dl.margin20 {
  margin-left: 20%;
}

#menu .subnav dl.margin30 {
  margin-left: 30%;
}

#menu .subnav dl.margin40 {
  margin-left: 40%;
}

.index-con {
  padding: 64px 0 78px 0;
}

.index-con h3,
.index-con .content>p {
  text-align: center;
}

.index-con h3 {
  line-height: 48px;
  font-size: 36px;
  font-family: PingFang-SC-Regular;
  color: #333333;
  font-weight: normal;
}

.index-con h4 {
  line-height: 38px;
  font-size: 26px;
  font-weight: 500;
  margin: 50px 30px;
  text-align: center;
}

.index-con .proimg {
  text-align: center;
}

.index-con .content>p.index-con-intro {
  color: #222;
  font-size: 16px;
  line-height: 40px;
  margin-top: 20px;
}

.index-con .content>p {
  font-size: 16px;
  color: #9baeba;
  line-height: 32px;
  margin-bottom: 32px;
}

.index-con li a {
  display: inline-block;
}

.index-product,
.index-product3 {
  background: #F2F2F2;
}


.index-project ul li {
  width: 32%;
  height: 200px;
  float: left;
  margin: 0 15px 15px 0;
  position: relative;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}

.index-product ul li {
  width: 32%;
  /* height: 200px; */
  float: left;
  margin: 0 15px 15px 0;
  position: relative;
  /* box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); */
  overflow: hidden;
}

.index-product3 ul li {
  width: 32%;
  float: left;
  margin: 0 10px 15px 0;
  position: relative;
  overflow: hidden;
}

.twoWidth {
  width: 65% !important;
}

.index-product ul li img,
.index-product3 ul li img,
.index-project ul li img,
.project-con ul li img,
#parking .parking-con5 ul li img,
.index-tag ul li img {
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  width: 100%;
}

.index-product ul li:hover img,
.index-product3 ul li:hover img,
.index-project ul li:hover img,
.project-con ul li:hover img,
#parking .parking-con5 ul li:hover img,
.index-tag ul li:hover img {
  transform: scale(1.05);
}

.index-product ul li p,
.index-product3 ul li p {
  width: 100%;
  position: absolute;
  text-align: center;
  font-size: 26px;
  color: #fff;
  line-height: 45px;
  top: 40%;
  left: 0;
  z-index: 1;
}

.index-project ul li {
  height: 328px;
  background: #fff;
  text-align: center;
}

.index-project ul li h5,
.index-project ul li p {
  padding: 0 20px;
  color: #444444;
}

.index-project ul li h5 {
  color: #222;
  font-size: 18px;
  line-height: 44px;
  margin-top: 10px;
}

.index-product2 ul li,
.index-product4 ul li {
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}

.index-product2 ul li {
  margin: 0 5%;
  background: #fff;
  -webkit-flex: 1;
  /* Chrome */
  -ms-flex: 1;
  /* IE 10 */
  flex: 1;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-box-flex: 1;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;
  /* OLD - Firefox 19- */
}

.index-product4 ul li {
  width: 23%;
  background: #fff;
}

.index-product2 ul li:hover {
  background: #00b3ff;
}

.index-product4 ul li:hover {
  background: rgba(21, 177, 255, 0.712);
}

.index-product2 ul li:hover p,
.index-product4 ul li:hover p {
  color: #fff;
}

.index-product2 ul li a,
.index-product4 ul li a {
  text-align: center;
}

.index-product2 ul li img,
.index-product4 ul li img {
  width: 80%;
  margin-top: 0.4rem;
}

.index-product2 ul li p,
.index-product4 ul li p {
  line-height: 1rem;
  color: #222;
  font-size: 0.24rem;
}

.index-tag {
  background: url(../img/index_tag_bg.png) no-repeat;
}

.index-tag ul li {
  float: left;
  width: 390px;
  margin: 0 5px;
  position: relative;
}

.index-tag ul li a {
  color: #fff;
}

.index-tag ul li div {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.index-tag ul li div h5 {
  text-align: left;
  margin: 30px 30px 24px;
  font-size: 20px;
  font-weight: bold;
}

.index-tag ul li div p {
  padding: 0 24px;
  margin: 5px 0;
}

.index-tag ul li img {
  width: 100%;
  display: block;
}

.index-history {
  background: #fff url(../image/history_bg.png) 0 bottom repeat-x;
  animation: repeatBg 8s linear infinite;
  -webkit-animation: repeatBg 8s linear infinite;
}

#history-con {
  /* background: url(../image/line.png) no-repeat; */
  padding-top: 30px;

  display: -webkit-box;
  /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
  display: -moz-box;
  /* 老版本语法: Firefox (buggy) */
  display: -ms-flexbox;
  /* 混合版本语法: IE 10 */

  display: -webkit-flex;
  /* 新版本语法: Chrome 21+ */

  display: flex;
  /* 新版本语法: Opera 12.1, Firefox 22+ */
}

#history-con dl {
  /* float: left;
  width: 126px; */
  margin-right: 24px;
  color: #222222;
  font-size: 13px;
  -webkit-flex: 1;
  /* Chrome */
  -ms-flex: 1;
  /* IE 10 */
  flex: 1;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-box-flex: 1;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;
  /* OLD - Firefox 19- */
}

#history-con dt {
  /* background: #0082ff;
  width: 64px; */
  line-height: 24px;
  color: #333333;
  font-size:24px;
  margin-bottom: 20px;
  text-align: center;
  border-radius: 10px;
}

#history-con dd {
  line-height: 24px;
  margin-top: 6px;
}

.index-contact .but-tel {
  width: 520px;
  height: 62px;
  line-height: 62px;
  background: #0088ff;
  background: linear-gradient(#00b5ff, #0088ff);
  background: -webkit-linear-gradient(#00b5ff, #0088ff);
  background: -o-linear-gradient(#00b5ff, #0088ff);
  background: -moz-linear-gradient(#00b5ff, #0088ff);
  margin: 0 auto;
  border-radius: 50px;
  color: #fff;
  font-size: 24px;
  text-align: center;
}

.index-contact ul {
  margin-top: 66px;

}

.index-contact ul li {
  float: left;
  padding-left: 62px;
  height: 76px;
  margin: 0 40px;
}

.index-contact ul li h6 {
  font-size: 15px;
}

.index-contact #c-li1 {
  background: url(../image/contact1.png) no-repeat;
}

.index-contact #c-li2 {
  background: url(../image/contact2.png) no-repeat;
}

.index-contact #c-li3 {
  background: url(../img/email.png) no-repeat;
}

.index-contact #c-li4 {
  background: url(../image/contact4.png) no-repeat;
}

.linebg {
  background: url(../image/product_bg.jpg);
  font-size: 14px;
}

.pro-header {
  height: 60px;
  line-height: 60px;
  font-size: 12px;
  color: #2a2a2a;
  border-bottom: 1px solid #ccc;
}

.pro-header p>span {
  color: #c7000b;
}

.pro-left,
.pro-right {
  background: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  margin: 20px 0 100px 0;
  border-radius: 2px;
}

.pro-left {
  width: 248px;
}

.pro-right {
  width: 932px;
}

.proleft-menu h6 {
  height: 54px;
  padding-left: 20px;
  line-height: 54px;
  font-size: 16px;
  color: #333;
  border-bottom: 1px #e5e5e5 solid;
  background: url(../image/drop.png) no-repeat 95% 50%;
  cursor: pointer;
}

.proleft-menu.on h6 {
  background: url(../image/drop_on.png) no-repeat 95% 50%;
}

.proleft-menu.on ul {
  display: block;
}

.proleft-menu ul {
  display: none;
  margin: 10px 0;
}

.proleft-menu ul li {
  line-height: 34px;
  color: #2a2a2a;
  padding: 0 20px;
}

.proleft-menu ul li.active {
  background: #c7000b;
}

.proleft-menu ul li.active a {
  color: #fff;
}

.pro-right {
  padding: 80px 80px 100px;
  color: #2a2a2a;
}

.pro-right h2 {
  font-size: 34px;
  margin-bottom: 80px;
}

.pro-right .pro-content-title,
.pro-right .pro-content-info .pro-content-info-list>p,
.project-details>p {
  border-bottom: 1px #dee3e8 solid;
}

.pro-right .pro-content-title h5,
.project-details h5 {
  font-size: 20px;
  color: #222;
}

.pro-right .pro-content-title p,
.project-details>p {
  font-size: 14px;
  color: #d9d9d9;
  letter-spacing: 2px;
  margin-bottom: 4px;
}

.pro-right .pro-content-info,
.project-details .pro-content-info {
  margin: 24px 0 50px;
}

.pro-right .pro-content-info ul li {
  line-height: 28px;
}

.pro-right .pro-content-info ul li::after,
.pro-right .pro-content-info .pro-content-info-list>p:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.pro-right .pro-content-info ul li span {
  color: #0082ff;
  font-size: 18px;
  line-height: 25px;
  width: 4%;
  display: inline-block;
  float: left;
}

.pro-right .pro-content-info ul li p {
  float: left;
  width: 96%;
}

.pro-right .pro-content-info .pro-content-info-title {
  height: 46px;
  line-height: 46px;
  color: #fff;
  background: #0082ff;
  text-indent: 1em;
}

.pro-right .pro-content-info .pro-content-info-list>p {
  line-height: 46px;
  padding: 0 6px;
}

.pro-right .pro-content-info .pro-content-info-list>p span {
  display: inline-block;
  float: left;
  width: 244px;
}

.pro-right .pro-content-info .pro-content-info-list>p span.product-text {
  width: 480px;
  margin-left: 10px;
}

/* .about-history {
  background: #f8f8ff url(../image/history_bg.png) repeat-x 0 bottom;
  animation: repeatBg 8s linear infinite;
  -webkit-animation: repeatBg 8s linear infinite;
} */

@keyframes repeatBg {
  0% {
    background-position: 0% 100%;
  }

  50% {
    background-position: 80% 100%;
  }

  100% {
    background-position: 0% 100%;
  }
}

@-webkit-keyframes repeatBg {
  0% {
    background-position: 0% 100%;
  }

  50% {
    background-position: 80% 100%;
  }

  100% {
    background-position: 0% 100%;
  }
}

.about-history .content>p {
  margin-bottom: 80px;
}

.about-culture ul li {
  width: 570px;
  float: left;
  margin: 10px;
}

.about-honor,
.about-us-con {
  background: #f8f9fb;
}

.about-honor ul li {
  float: left;
  margin: 35px;
}

.about-us-con ul {
  width: 41%;
  margin-top: 5%;
}

.about-us-con ul li {
  /* float: left; */
  padding-left: 66px;
  margin-bottom: 40px;
}

.about-us-con ul li h6 {
  font-size: 16px;
  line-height: 32px;
}

.about-us-con ul li p {
  line-height: 24px;
}

.about-us-con ul .about-con1 {
  background: url(../image/contact1.png) no-repeat 0 5px;
}

.about-us-con ul .about-con2 {
  background: url(../image/tel_icon.png) no-repeat 0 5px;
}

.about-us-con ul .about-con3 {
  background: url(../image/contact4.png) no-repeat 0 5px;
  /* margin-left: 70px; */
}

.about-us-con ul .about-con4 {
  background: url(../img/email.png) no-repeat 0 5px;
}

.about-us-con ul .about-con5 {
  background: url(../image/contact3.png) no-repeat 0 5px;
  margin-left: 70px;
}

.about-office ul li {
  float: left;
  width: 380px;
  margin: 0px 100px 30px 100px;
}

.about-office ul li h6 {
  font-size: 16px;
}

.fontTitle,
#parking .parking-con5 ul li h5 {
  font-size: 16px;
}

.tabnav {
  width: 100%;
  height: 46px;
  line-height: 46px;
}

.project-nav {
  width: 100%;
  height: 60px;
  line-height: 60px;
}

.tabnav {
  background: #000;
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}

.tabnav.on {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.8);
}

.tabnav ul li,
.project-nav ul li {
  float: left;
  margin-right: 56px;
}

.tabnav ul li a {
  color: #fff;
  padding-bottom: 5px;
}

.tabnav ul li.active a,
.project-nav ul li.active a {
  color: #00b3ff;
}

.project-nav {
  border-bottom: 1px solid #e5e5e6;
  overflow: hidden;
}

.project-nav ul li a {
  padding-bottom: 6px;
  font-size: 16px;
}

.project-nav ul li.active a {
  color: #c7000b;
}

.project-con .content {
  min-height: 930px;
}

.project-con ul li {
  width: 380px;
  float: left;
  margin: 30px 30px 0 0;
  position: relative;
  overflow: hidden;
  animation: showTab 1s ease;
  -webkit-animation: showTab 1s ease;
}

@keyframes showTab {
  0% {
    top: 100px;
  }

  100% {
    top: 0;
  }
}

@-webkit-keyframes showTab {
  0% {
    top: 100px;
  }

  100% {
    top: 0;
  }
}

.project-con .project-tab2 {
  padding-bottom: 100px;
}

.project-con .content {
  display: none;
}

.project-con ul li a {
  display: block;
}

.project-con ul li p {
  width: 100%;
  height: 52px;
  line-height: 52px;
  background: #000;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.36) 0%, rgba(0, 0, 0, 0.7) 100%);
  color: #fff;
  text-indent: 2em;
  position: absolute;
  bottom: 0;
  left: 0;
}

.project-con .project-tab5 ul li {
  height: 370px;
  padding: 118px 30px 0 30px;
  border: 1px solid #ddd;
  color: #333;
  line-height: 24px;
  background: #fff;
}

.project-con .project-tab5 ul li.pro-tab5-li1 {
  background: #fff url(../image/other_icon1.png) no-repeat 50% 20px;
}

.project-con .project-tab5 ul li.pro-tab5-li2 {
  background: #fff url(../image/other_icon2.png) no-repeat 50% 20px;
}

.project-con .project-tab5 ul li.pro-tab5-li3 {
  background: #fff url(../image/other_icon3.png) no-repeat 50% 20px;
}

.project-con .project-tab5 ul li.pro-tab5-li4 {
  background: #fff url(../image/other_icon4.png) no-repeat 50% 20px;
}

.project-con .project-tab5 ul li.pro-tab5-li5 {
  background: #fff url(../image/other_icon5.png) no-repeat 50% 20px;
}

.project-details {
  margin: 30px auto 120px;
  background: #fff;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  padding: 40px 120px 120px;
  position: relative;
}

.project-details #close {
  width: 56px;
  height: 24px;
  font-size: 12px;
  text-align: center;
  line-height: 24px;
  border: 1px solid #000;
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 1;
  cursor: pointer;
}

.project-details h2 {
  font-size: 34px;
  line-height: 68px;
  text-align: center;
}

.project-details .pro-img {
  margin: 40px 0;
}

.banner .banner-info {
  position: absolute;
  left: 10%;
  top: 32%;
  color: #fff;
}

.banner .banner-info h1 {
  font-size: 32px;
  line-height: 46px;
  font-weight: 500;
}

.banner .banner-info p {
  width: 70%;
  font-size: 16px;
  line-height: 24px;
}

.banner .banner-info p.title0 {
  width: 100px;
  line-height: 40px;
  font-size: 20px;
  text-align: center;
  background: #fff;
  color: #222;
  margin-bottom: 10px;
}

.banner .banner-info p.title2 {
  margin-top: -6px;
  margin-bottom: 12px;
  font-size: 0.12rem;
  font-family: PingFangSC-Regular;
  font-weight: 400;
  color: rgba(255, 255, 255, 1);
  line-height: 2em;
  letter-spacing: 1px;
  text-align: left;
  opacity: 0.5;
}






.community-con1 ul li {
  width: 238px;
  float: left;
  margin: 0 32px 0 30px;
}

.community-con1 ul li,
.opration-con ul li {
  text-align: center;
}

.community-con1 ul li h6,
.opration-con ul li h6 {
  font-size: 16px;
  line-height: 32px;
  margin: 20px 0 10px;
}

.opration-con ul li {
  float: left;
  width: 500px;
  margin: 0 70px 0 30px;
}

.opration-con ul li p {
  margin-bottom: 50px;
  line-height: 26px;
  text-align: left;
}

#parking .community-con1 ul li {
  width: 240px;
  margin: 0;
}

#parking .parking-con2 ul li,
#parking .parking-con4 ul li {
  width: 372px;
  height: 540px;
  float: left;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  margin: 0 10px;
  margin-bottom: 20px;
  background: #fff;
}

#parking .parking-con2 ul li {
  text-align: center;
  width: 14%;
}

#parking .parking-con2 ul li .proimg {
  margin: 40px 0 20px 0;
}

#parking .parking-con2 ul li h5 {
  font-size: 24px;
  font-weight: 500;
  color: #222;
  margin-bottom: 10px;
}

#parking .parking-con2 ul li p {
  color: #444;
  padding: 0 46px;
  text-align: left;
  line-height: 24px;
  margin: 5px 0;
}

#parking .content .proimg p {
  color: #444;
  margin: 20px 0 40px;
}

/* 街陌E行 */
.yy_title {
  width: 50%;
  margin: auto;
  text-align: center;
  height: auto;

}


#parking .parking-con4 ul li h5 {
  height: 65px;
  line-height: 65px;
  color: #fff;
  margin-bottom: 16px;
  text-indent: 4em;
}

#parking .parking-con4 ul li p {
  line-height: 26px;
  padding: 0 12px;
}

#parking .parking-con4 ul li.parking-con4-li1 h5 {
  background: #00b3ff url(../image/parking_icon9.png) no-repeat 20px 50%;
}

#parking .parking-con4 ul li.parking-con4-li2 h5 {
  background: #ffbc0e url(../image/parking_icon10.png) no-repeat 20px 50%;
}

#parking .parking-con4 ul li.parking-con4-li3 h5 {
  background: #ff7221 url(../image/parking_icon11.png) no-repeat 20px 50%;
}

#parking .parking-con5 ul li {
  width: 530px;
  float: left;
  margin: 20px 36px;
  cursor: pointer;
}

#parking .parking-con5 ul li h5 {
  line-height: 32px;
  text-align: center;
  margin-top: 12px;
}

#hardware .pro-right h2 {
  margin-bottom: 10px;
}

#hardware .pro-right>p {
  letter-spacing: 2px;
  color: #d9d9d9;
}

.product>img {
  width: 100%;
}

.index-con {
  color: #222;
}

.community-list ul li,
.community-list2 ul li {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.community-list ul li:hover div,
.community-list2 ul li,
.index-product2 ul li,
.index-product4 ul li,
.product-con .product-text h5 span,
.product-con .product-img img,
.jiemo-img img,
.cityPage .index-product2 ul li img,
.cityPage .parking-con2 ul li img,
.parking-con-list ul li img {
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
}

.community-list ul li,
.community-list2 ul li {
  float: left;
}

.community-list ul li {
  width: 48%;
  margin: 8px 8px;
  background: #fff;
}

.community-list ul li div {
  text-align: center;
  width: 69%;
}

.community-list ul li:hover div,
.community-list2 ul li:hover {
  transform: scale(1.02);
}

.community-list ul li h5 {
  font-size: 20px;
  margin-top: 26px;
  margin-bottom: 20px;
  line-height: 28px;
}

.community-list2 {
  background: url(../img/shequ.png) no-repeat;
}

.community-list2 ul li {
  background: #fff;
  text-align: center;
  background: rgba(255, 255, 255, 0.8);
  width: 23%;
  height: 316px;
  margin: 10px 8px 0;
  position: relative;
}

.community-list2 ul li img {
  position: absolute;
  top: -40px;
  left: 50%;
  margin-left: -40px;
}

.community-list2 ul li h5 {
  margin-top: 60px;
  margin-bottom: 20px;
  font-size: 20px;
  line-height: 28px;
}

.community-list2 ul li p {
  font-size: 12px;
  line-height: 24px;
}

.product-content {
  display: none;
}

.product-content.on {
  display: block;
}

.product-con .product-text {
  /* margin-top: -34px; */
  width: 42%;
}

.product-con .product-text h5,
.product-con .product-text h6,
.product-con .product-text p {
  padding-left: 30px;
}

.product-con .product-text h5 {
  font-size: 18px;
  line-height: 40px;
  margin-bottom: 12px;
  position: relative;
}

.product-con .product-text h5 span {
  width: 20px;
  height: 20px;
  background: #165399;
  position: absolute;
  bottom: 11px;
  left: -12px;
}
.product-con .product-text p div {
  width: 20px;
  height: 20px;
  background: #165399;
 
}
.product-con:hover .product-text h5 span {
  transform: rotate(180deg);
}

.product-con:hover .product-img img,
.jiemo-img img {
  transform: scale(1.05);
}

.product-con .product-text h6 {
  font-size: 16px;
  line-height: 30px;
  margin-top: 10px;
  font-weight: normal;
}

.product-text p {
  line-height: 26px;
  font-size: 13px;
  color: #888;

}

.product-icon p,
.product-icon-h6 p {
  background: url(../image/circle_icon.png) no-repeat 6px 8px;
}

.product-icon-h6 h6 {
  padding-left: 0 !important;

}

.pro_function {
  /* width: 80%; */
  margin: auto;
}

.pro_tb {
  width: 100%;
  margin: auto;
  margin-top: 20px;
}

.pro_tb table {
  width: 100%;
  margin: auto;
  border: 1px solid transparent;
  line-height: 35px;
  font-size: 13px;

}

.pro_tb table tr {
  background: #F6F7F7;
  border-bottom: 1px solid #fff;
  /* border-right: 1px solid #fff; */
}

.pro_tb table th,
.pro_tb table td {
  padding-left: 60px;
}

.pro_tb2 table th,
.pro_tb2 table td {
  padding-left: 10px;
}

.pl0 {
  padding: 0 !important;
}

.pro_tb_top {
  background: #165399 !important;
  color: #fff;
}




.product-con .product-img {
  width: 50%;
}

.product-con .product-img-right {
  text-align: right;
}

.product-con .product-img img {
  /* width: 98%; */
  width: 68%;
}

.jiemo-img img {
  width: 95%;
}

.cityPage .index-product2 ul li {
  text-align: center;
}

.cityPage .index-product2 ul li:hover {
  background: none;
}

.cityPage .index-product2 ul li:hover p {
  color: #222;
}

.cityPage .index-product2 ul li img {
  width: 30%;
  margin: 0.4rem 0;
}

.cityPage .index-product2 ul li p {
  line-height: 24px;
  color: #222;
  font-size: 0.18rem;
  height: 1.2rem;
  padding: 0 30px;
}

.cityPage .index-product2 ul li:hover img,
.cityPage .parking-con2 ul li:hover img {
  transform: rotate(360deg);
}

.city-con-footer {
  width: 98%;
  height: 143px;
  margin-top: 1%;
  background: url(../image/city_img2.png) no-repeat;
  background-size: contain;
}

.city-con-footer p {
  float: left;
  text-align: center;
  margin-top: 55px;
  background: url(../image/circle_icon.png) no-repeat 32px 6px;
}

.city-con-plan {
  background: url(../img/jiagou_bg.png) no-repeat bottom left;
  background-size: cover;
}

.city-con-manage {
  background: url(../img/city_img5.png) no-repeat;
  background-size: cover;
}

.city-con-static {
  background: url(../img/city_img10_bg.png) no-repeat;
  background-size: cover;
}

.index-con-white h3 {
  color: #fff;
}

.index-con-white>.content p {
  color: #D9D9D9;
  text-shadow: rgba(0, 0, 0, 1)
}

#parking .product-con h6 {
  margin-bottom: 12px;
}

#parking .product-con strong {
  color: #0F98FF;
}

.city-gray {
  background: #D3D3D5;
}

.cityPage .index-product {
  background: #F8F9FB;
}

.cityPage .index-product p span {
  font-size: 14px;
  line-height: 32px;
}

#parking .index-con.parking-con-list ul li {
  height: auto;
  padding-bottom: 0.48rem;
}

/* .parking-con-list ul li:hover img {
  transform: rotateY(360deg);
} */

#nav {
  display: none;
}

.index-project ul li.nomargin,
.index-contact ul li.nomargin {
  margin: 0;
}

.index-product ul li.nomarginright {
  margin-right: 0;
}

.about-culture .last-li {
  margin-left: 25%;
}

.about-honor ul li.marginleft1 {
  margin-left: 110px;
}

.about-honor ul li.marginleft2 {
  margin-left: 180px;
}

.product-con-special .product-text {
  width: 40%;
  padding-left: 10%;
}

.product-con-special .product-img {
  width: 60%;
}

.text-indent p {
  text-indent: 2em;
}

.product-con .product-text>h5 {
  padding-top: 80px;
}

.product-con .product-text>h5.p40 {
  padding-top: 40px;
}

.product-con .product-text>h5.p10 {
  padding-top: 10px;
}

.product-con .product-text>h5.p20 {
  padding-top: 20px;
}

.product-con .product-text>h5.p0 {
  padding-top: 0px;
}




/* 首页第二模块 */
.index-product2 ul,
.index-product4 ul {
  display: -webkit-box;
  /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
  display: -moz-box;
  /* 老版本语法: Firefox (buggy) */
  display: -ms-flexbox;
  /* 混合版本语法: IE 10 */

  display: -webkit-flex;
  /* 新版本语法: Chrome 21+ */

  display: flex;
  /* 新版本语法: Opera 12.1, Firefox 22+ */
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.mb045 {
  margin-bottom: 0.45rem;
}

.rj3_p1 {
  top: 30% !important;
}

.rj3_p2 {
  top: 45% !important;

}

.rj3_p3 {
  top: 55% !important;
}

.rj3_p2,
.rj3_p3 {
  font-size: 18px !important;
}

.index-p3_1 {
  font-size: 20px !important;
}


.index-contact ul {
  display: -webkit-box;
  /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
  display: -moz-box;
  /* 老版本语法: Firefox (buggy) */
  display: -ms-flexbox;
  /* 混合版本语法: IE 10 */

  display: -webkit-flex;
  /* 新版本语法: Chrome 21+ */

  display: flex;
  /* 新版本语法: Opera 12.1, Firefox 22+ */
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}



.pro_bg {
  background: url(../img/index_tag_bg.png) 0 center no-repeat;
  background-size: cover;
}

.jiagou {
  margin: auto;
  /* width: 80%; */
}

.p00 {
  padding: 0 !important;
}

.mb20 {
  margin-bottom: 20px;
}

.bgMask {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  padding: 64px 0 78px 0;
}


/* 街陌云页面 */



/* 平安社区 */
.h275 {
  height: 275px !important;
}

.xuhao {
  color: #15b0ff;
  font-size: 30px;
  font-weight: 600;
}

.xuhaoH {
  height: 180px;
}

.safe_goujia p {
  width: 4.4rem;
  margin: auto;
  text-align: left;
}

/* 产品中心 */
.pro_9 {
  display: -webkit-box;
  /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
  display: -moz-box;
  /* 老版本语法: Firefox (buggy) */
  display: -ms-flexbox;
  /* 混合版本语法: IE 10 */
  display: -webkit-flex;
  /* 新版本语法: Chrome 21+ */
  display: flex;
  /* 新版本语法: Opera 12.1, Firefox 22+ */

  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;

  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.pro_img2 img {
  width: 58% !important;
}

.popup {
  z-index: 2;
  position: absolute;
  top: 28%;
  right: 20%;
  width: 4rem;
  height: 3.6rem;
  background: rgba(0, 0, 0, 0.9);
  border-radius: 2px;
  color: #fff;
  font-size: 14px;
}

.popup_title {
  display: -webkit-box;
  /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
  display: -moz-box;
  /* 老版本语法: Firefox (buggy) */
  display: -ms-flexbox;
  /* 混合版本语法: IE 10 */
  display: -webkit-flex;
  /* 新版本语法: Chrome 21+ */
  display: flex;
  /* 新版本语法: Opera 12.1, Firefox 22+ */

  width: 100%;
  height: 0.6rem;
  line-height: 0.6rem;
  text-align: center;
  /* color: #73777a; */
  /* border-bottom: 1px solid #d8d8d873; */
  border-bottom: 1px solid #7D7D7E;
  cursor: pointer;
}


/* 登录 */
#tOne,
#tTwo {
  -webkit-flex: 1;
  /* Chrome */
  -ms-flex: 1;
  /* IE 10 */
  flex: 1;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-box-flex: 1;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;
  /* OLD - Firefox 19- */
}


#tOne.active,
#tTwo.active {
  border-bottom: 3px solid #15b0ff;
}

#conOne,
#conTwo {
  width: 100%;
  text-align: center;
  padding: 0.36rem;
  height: 3.0rem;
}

.popup_code,
#phone {
  width: 100%;
  height: 0.42rem;
  line-height: 0.42rem;

  margin-top: 0.3rem;

}

#phone,
#code {
  padding-left: 0.2rem;
  border: 1px solid #ccc;
  font-size: 0.16rem;
}

.popup_code {
  display: -webkit-box;
  /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
  display: -moz-box;
  /* 老版本语法: Firefox (buggy) */
  display: -ms-flexbox;
  /* 混合版本语法: IE 10 */
  display: -webkit-flex;
  /* 新版本语法: Chrome 21+ */
  display: flex;
  /* 新版本语法: Opera 12.1, Firefox 22+ */
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.popup_code_l,
.code_l_replace {
  width: 40%;
  padding: 0 0.1rem;
  font-size: 0.16rem;
  background: #f2f2f5;
  color: #333;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
}

.popup_code_l {
  width: 44.5%;
}

.popup_code_l:hover {
  background: #d9d9d9;
  cursor: pointer;
}

.code_l_replace {
  /* background: #f3f3f5; */
  background-color: #b3b3b4;
  color: #808080;
  display: none;
}

#code {
  width: 50%;
}

#login_container {
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 1600px) {
  .banner .banner-info {
    width: 100%;
    position: absolute;
    left: 5%;
    top: 30%;
    color: #fff;
  }

  .banner .banner-info h1 {
    font-size: 36px;
    line-height: 56px;
    margin-bottom: 16px;
    font-weight: 500;
    letter-spacing: 3px;
  }

}

@media screen and (max-width: 980px) and (min-width: 768px) {
    .content {
        width: 100% !important;
    }
.about-us-con ul{
  width: 34%;
}

    .footer-list dl {
        float: left;
        margin-left: 30px;
    }
}
@media screen and (max-width: 767px) and (min-width: 320px) {
#cd{
  width: 100% !important;
}

  .swiper-button-prev,
  .swiper-button-next {
    display: none;
  }

  .swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 0;
  }

  .pagination .swiper-pagination-switch {
    width: 6px;
    height: 6px;
    ;
  }

  .swiper-slide .title0,
  .swiper-slide .title1,
  .swiper-slide .title2,
  .swiper-slide .title3 {
    left: 10%;
  }

  .swiper-slide .title0 {
    font-size: 0.1rem;
    top: 34%;
  }

  .swiper-slide .title1 {
    top: 49%;
    font-size: 0.2rem;
  }

  .swiper-slide .title2 {
    display: none;
  }

  .swiper-slide .title3 {
    top: 64%;
    font-size: 12px;
  }

  .banner .banner-info h1 {
    font-size: 0.32rem;
  }

  .banner .banner-info p.title0,
  .banner .banner-info p.title2 {
    display: none;

  }

  .banner .banner-info p {
    font-size: 12px;
    width: 100%;
  }

  .swiper-slide .title3 span {
    padding: 0px 6px;
  }

  .content,
  .project-nav ul,
  .index-con li a img,
  .index-con li a,
  .about-culture ul li img,
  .about-customer img {
    width: 100%;
  }


  .index-con h3,
  .product-con .product-text h5 {
    font-size: 28px;
  }

  .heightMax {
    height: 200px;
  }

  .index-con .content>p {
    font-size: 0.20rem;
    margin: 0 12px 12px 12px;
  }

  .safe_p {
    width: 94% !important;
  }


  .index-product ul li,

  .index-project ul li,

  #parking .parking-con4 ul li,
  .community-list.about-honor ul li,
  #parking .parking-con5 ul li,
  .community-list2 ul li,
  .about-culture ul li,
  .about-culture .last-li,
  .cityPage .index-product2 ul li,
  .index-tag ul li {
    width: 98% !important;
    margin: 1%;
    padding-bottom: 5%;
    height: auto;
  }

  #parking .parking-con2 ul li {
    /* width: 98% !important; */
    margin: 1%;
    padding-bottom: 5%;
    height: auto;
  }

  .index-product3 ul li {
    width: 98% !important;
    margin: 1%;
    /* padding-bottom: 5%; */
    height: 200px;
    box-shadow: none;
  }

  .community-list2 ul li {
    margin-bottom: 14%;
  }

  .community-list ul li img {
    /* padding-top: 4%; */
  }

  .community-list ul li .fl,
  .community-list ul li .fr {
    float: none;

  }

  .city-con-footer {
    display: none;
  }

  .product-con .product-text,
  .product-con .product-img,
  .jiemo-img img,
  .community-list ul li div {
    width: 100%;
  }

  .product-con .product-img img,
  .jiemo-img img {
    width: 50% !important;
  }

 #gjs {   
        text-align: center !important;
        }

  .product-con .product-img,
  .jiemo-img {
    margin-top: 20px;
    width: 98%;
    margin: auto;
    float: none;
    text-align: center;
  }

  .jiemo-img {
    width: 92%;
  }

  .jiemo-img img {
    margin: 0.2rem 0;
  }

  .product-con .product-text h5,
  .product-con .product-img-right {
    text-align: center;
  }
  #hn {
            margin-top: 0 !important;
        }
  .product-con .product-text h5 span {
    display: none;
  }

  .product-text p {
    margin: 0 12px;
    font-size: 12px;
  }

  .index-contact .but-tel {
    width: 80%;
    font-size: 0.24rem;
  }

  .index-contact ul li {
    margin: 12px 40px;
  }

  #history-con dl {
    width: 90%;
    margin: 10px 5%;
  }

  #footer-top {
    height: auto;
    padding-bottom: 20px;
  }

  .footer-tel,
  .fotter-qr {
    width: 100%;
    text-align: center;
  }

  .fotter-qr>div {
    width: 36%;
    margin: 20px 0 0 20px;
  }

  .footer-list {
    display: none;
  }

  #footer-bottom {
    height: auto;
    line-height: inherit;
  }

  #footer-bottom>span {
    float: none;
  }

  #menu .content {
    position: relative;
  }

  #nav {
    position: absolute;
    top: 0px;
    right: 0px;
    display: block;
    width: 50px;
    height: 50px;
    background-image: url(../image/topr.png);
    background-size: 23px 19px;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 999;
  }
    #nav1 {
    position: absolute;
    top: 0px;
    right: 0px;
    display: none;
    width: 50px;
    height: 50px;
    background-image: url(../image/th.png);
    background-size: 23px 19px;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 999;
  }
  .gbn .fvg{
  display: none !important;
  }
  .navigation {
    position: absolute;
    top: 57px;
    right: 7px;
    width: 120px;
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 4px;
    display: none;
    /* overflow-y: scroll;
    height: 553px; */
  }
.navigation li ul{
    display: block;
    position: unset;
    width: auto;
   
}
.navigation li ul li a{
  color: #fff;
}
.navigation li ul li{
   background-color: rgba(0, 0, 0, 0) !important
}
  ul.navigation {
    margin: 0px 0 0 0;
    padding: 0;
  }

  .navigation li {
    position: relative;
    width: 100%;
    text-align: center;
    margin: 0;
    text-transform: uppercase;
    background: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 40px;
    color: #fff;
  }

  .tabnav ul li {
    font-size: 16px;
    margin: 0 6px;
  }

  .tabnav {
    bottom: -44px;
  }

  .about-con p {
    padding: 0 10px;
  }

  #history-con {
    background: none;
    display: block;
  }


  .about-history .content>p {
    margin-bottom: 20px;
  }

  .about-honor ul li {
    width: 100%;
    margin: 0;
    text-align: center;
  }

  .about-map img {
    width: 100%;
  }

  .about-us-con ul,
  .about-us-con ul li,
  .about-office ul li {
    width: 90%;
  }

  .about-us-con ul .about-con3,
  .about-us-con ul .about-con5 {
    margin-left: 0;
  }

  .about-office ul li {
    margin: 10px;
  }

  .product-con .product-text h6 {
    font-size: 14px;
    text-align: center;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
.shua{
  text-align: center;
  padding-left: 0 !important;
}
  .pro_tb {
    padding: 0.2rem;
  }

  .pro_tb table th,
  .pro_tb table td {
    padding-left: 0.3rem;
  }

  .pro_tb2 table th,
  .pro_tb2 table td {
    padding-left: 0.1rem;
  }

  .about-honor ul li.marginleft1,
  .about-honor ul li.marginleft2 {
    margin-left: 0;
  }

  .index-project ul li.nomargin {
    margin: 1%;
  }

  .index-contact ul li.nomargin {
    margin: 12px 40px;
  }

  #parking .index-con.parking-con-list ul li {
    width: 31%;
    padding-bottom: 0;
  }

  #parking .index-con.parking-con-list ul li:last-child {
    margin-right: 0;
  }

  #parking .index-con.parking-con-list ul li h5 {
    /* font-size: 0.28rem; */
  }

  #parking .index-con.opration-list-con ul li {
    width: 48%;
  }

  .index-con.community-list ul li {
    width: 48%;
  }

  .index-con.community-list ul li img {
    width: 100%;
   
  }

  .index-con.community-list ul li h5 {
    font-size: 18px;
    margin: 0.2rem 0;
  }

  .index-project ul li h5 {
    color: #444444;
  }

  .index-con.community-list ul li p {
    /* font-size: 0.14rem; */
    min-height: 60px;
    padding: 0 4px;
  }

  #container .popup {
    top: 13%;
    left: 50%;
    margin: 0;
    margin-left: -2rem;
  }

  .index-con {
    padding: 24px 0 24px 0;
  }

  #parking .parking-con2 ul li h5 {
    font-size: 18px;
  }

  #parking .city-content ul li .proimg img {
    width: 20%;
  }

  .img-list.index-product ul li,
  .index-tag ul li {
    padding-bottom: 0;
  }

  .index-product ul li p,
  .index-product3 ul li p {
    font-size: 22px;
  }

  .rj3_p2,
  .rj3_p3 {
    font-size: 17px !important;
  }


  .product-content {
    padding-top: 40px;
  }

  .about-con {
    padding-top: 60px;
  }

  .product-con .product-text>h5,
  .product-con .product-text>h5.p40,
  .product-con .product-text>h5.p10,
  .product-con .product-text>h5.p20,
  .product-con .product-text>h5.p0 {
    padding-top: 20px;
  }

  #menu #logo img {
    min-width: 1.5rem;
  }

  .index-product2 ul li,
  .index-product4 ul li {
    margin: 0 0.8%;
    width: 30%;
  }

  .index-contact ul {
    display: block;
    margin-top: 35px;
  }

  #wxqr {
    float: none;
    margin: auto;
  }

  .phoneFoot {
    text-align: center;
    padding: 10px 0;
  }

  .phoneFootOne,
  .phoneFootTwo {
    display: block;
    float: none;
  }

  .mt20 {
    margin-top: 20px;
  }

  .jiagou {
    margin-top: 0 !important;
  }

  .p0 {
    padding: 0 !important;
  }

  .safe_goujia_user {
    height: 200px;
  }

  .index_link_li {
    height: 2.2rem !important;
  }

  .community-list2 {
    background: url(../img/shequ.png);
  }

  .yy_title {
    width: 100%;
  }

  .jiemo1-img {
    width: 92%;
  }

  .popFooter {
    position: absolute;
    bottom: 0;
  }

  .popbg {

    position: fixed;
    background-image: linear-gradient(to right, #1E126F, #009BBC);
    background-size: contain;
    width: 100%;
    height: 100%;
  }

  .bannerNone {
    display: none;
  }

}


/*加入我们*/
.zhao{
   width: 100%; 
   background-color: #cccccc;
   display: flex;
   justify-content: space-around;
   align-items: center;
   color: #fff;
   height: 0.5rem;
   font-size: 18px;
}

#personnel{
   width: 100%;
   color: #000;
   font-size: 16px;
   border-bottom: 1px dashed #ccc;
   padding-bottom: 10px;
   line-height: 20px;
}

.nr{
  width: 100%;
  height:100%;
  background-color: #f4f2f2;
  margin-top: 2%;
  display: none;
}
.xian{
  width: 80%;
  margin: auto;
 display: flex;
 justify-content: space-between;
}
.nr_left{
  width: 45%;
  margin-top: 6%;
  border-top: 1px dashed #ccc;
}
.nr_right{
  width: 50%;
  margin-top: 6%;
  border-top: 1px dashed #ccc;
  padding-bottom: 0.3rem;
}
ol li{
  text-align: left;
}
.nr_foot{
  margin-top: 10%;
  padding-bottom: 10%;
  color: #15b0ff;
}

h5{
  font-size: 16px;
  margin: 0.2rem;
}
ol li{
  font-size: 13px;
}


/*关于我们的合作优势*/
.hezuo{
  width: 100%;
  height: 2rem;
  display: flex;
  justify-content: center;
}
.hezuo li{
  display: flex;
  justify-content: space-between;
  background-color: #fff;
  margin-right: 0.3rem;
  border:1px solid #cccccc5e;
  /* box-shadow: 0 0 13px #d0d0d0; */
  /* border-radius: 13px; */
  width: 48%;
  float: left;
  margin-bottom: 0.3rem;
}
.he_left{
  margin: auto;
  margin-left: 0.3rem;
}

.he_right h5{
  margin: 0.2rem 0 0.05rem 0.2rem !important;
}
.he_right div{
  padding: 0 0.3rem 0.1rem 0.2rem ;
  color: #b1b1b1;
}

 .iconfont {
  font-size: 26px !important;
  cursor: pointer;
}

.icon-arrow-right-copy-copy-copy {
  color: #15b0ff;
}

.icon-arrowd{
  color: #b1b1b1;
}

/*媒体查询*/
  @media screen and (max-width: 400px) {
.content{
  width: 100% !important;
}
    .he_left{
     margin-left: 0;
    text-align: center;
    position: relative;
    margin-left: 9px;
    }
    .hezuo{
      display: inline;
    }
    .hezuo li{
      float: none;
      width: 100%;
      background-color: #fff;
      
    }
    .he_right div{
      font-size: 13px;
    }
    .xian{
      display: inline;
    }
    .nr_left{
      width: 100%;
  margin-top: 6%;
  border-top: 1px dashed #ccc;
  padding-left: 2%;
}
.nr_right{
  width: 100%;
  margin-top: 6%;
  border-top: 1px dashed #ccc;
  padding-left: 2%;
}

#personnel li{
  font-size: 12px;
}
.nr_foot{
  margin-top: 5%;
  padding-bottom: 0;
  text-align: left;
}
.xm{
  font-size: 15px;
}
 
}

 @media screen and (min-width: 400px) and (max-width: 600px) {
    .hezuo{
      display: inline;
    }

    .hezuo li{
      float: none;
      width: 100%;
      background-color: #fff;  
    }
    .index-con .about-con {
      padding-bottom: 0 ;
    }

}
 @media screen and (min-width: 600px) and (max-width: 1000px) {
  /* .hezuo li{
      float: left;
      width: 45%;
      background-color: #fff;
      
    } */
  .xm{
    width: 100%;
 
  }
  .he_right div{
    font-size: 12px;
    line-height: 21px;
  }
  
        }

@media screen and (min-width: 768px) and (max-width: 900px) {
.navigation{
  width: 81%;
}
#menu #logo img{
  width: 1.06rem;
}
/* .navigation>li{
  margin: 0 0.05rem;
} */
.navigation li>a{
  font-size: 12px;
}
}
@media screen and (min-width: 901px) and (max-width: 1098px) {
.navigation{
  width: 81%;
}
#menu #logo img{
  width: 1.06rem;
}
/* .navigation>li{
  margin: 0 0.12rem;
} */
.navigation li>a{
  font-size: 12px;
}
}
/*修改头部导航*/

.xm{
  float: unset;
    width: 90%;
    text-align: center;
    color: #15b0ff !important;
  font-size: 18px;
  
}

/*轮播*/

#contar {
width: 100%;
height: 100%;
  position: relative;
  border-radius: 10px;
}


#tabs {
  position: absolute;
left: 45%;
bottom: 5%;
}

.tab {
  float: left;
  margin-right: 10px;
  width: 40px;
  height: 3px;
  background: #d3d1d2;
  opacity: 0.5;
  cursor: pointer;
}

.ace {
  background: #fff;
 opacity: 1 !important;
}
/* .btn {
  position: absolute;
  top: 50%;
  margin-top: -35px;
  width: 40px;
  height: 70px;
  color: #d6d3d5;
  font-size: 36px;
  line-height: 70px;
  text-align: center;
  cursor: pointer;
} */


.prev {
  position: absolute;
  top: 40%;
  left: 10%;
  border-radius: 0 5px 5px 0;
  display: none;
  cursor: pointer;
}
#contar:hover .prev{
  display: block;
}
#contar:hover .next{
  display: block;
}
.next {
  position: absolute;
  top: 40%;
  right: 10%;
  transform: rotateY(180deg); 
  border-radius: 5px 0 0 5px;
  display: none;
  cursor: pointer;
}

.content{
  width: 80%;
}

.fox{
  width: 100%;
}

@media screen and (min-width: 1200px) {
        .safe_goujia p {
            width: 85%;
            line-height: 30px;
        }

        .fox {
            width: 80%;
        }

    }

    /*safe页面增加的css*/
            .gs {
            display: flex;
            justify-content:
                space-around;
            width: 100%;
        }

        .fg {
            text-align: left;

            color: #0f98ff;
            z-index: 3;
            font-size: 20px;
            margin-bottom: 0.3rem;
        }

        .fd {
            font-size: 13px;
            color: #000
        }

        .fd1 {
            margin-right: 0.1rem;
        }

        .fd2 {
            margin-left: 0.2rem;
        }

        a {
            text-decoration: none;
        }

        #tab-list {
            width: 78%;

            margin: auto;
        }

        #ul1 {
            display: flex;
            justify-content: space-around;
            height: 32px;
            white-space: nowrap;
            /* overflow-x: hidden; */
            overflow-x: scroll;
        }

        #ul1::-webkit-scrollbar {
            display: none;
        }

        #ul1 li {
            display: inline-block;

            line-height: 30px;
            text-align: center;
            font-size: 18px;
            border-bottom: none;
            margin-left: 5px;
        }

        #ul1 li:hover {
            cursor: pointer;
        }

        #ul1 li.active {
            color: #0f98ff;
            border-bottom: 2px solid #0f98ff;
        }

        #tab-list div {

            border-top: none;
        }

        #tab-list div li {
            height: 30px;
            line-height: 30px;
            text-indent: 8px;
        }

        .show {
            display: block;
        }

        .hide {
            display: none;
        }

        #tab-list {
            width: 78%;

            margin: auto;
        }

        #tab-list1 {
            width: 78%;

            margin: auto;
        }

        #ul2 {
            display: flex;
            justify-content: space-around;
            height: 32px;
            margin-bottom: 0.8rem;
        }

        #ul2 li {
            display: inline-block;

            line-height: 30px;
            text-align: center;
            font-size: 18px;
            border-bottom: none;
            margin-left: 5px;
        }

        #ul2 p {
            display: inline-block;

            line-height: 30px;
            text-align: center;
            font-size: 18px;
            border-bottom: none;
            margin-left: 5px;
        }

        #ul2 li:hover {
            cursor: pointer;
        }

        #ul2 li.active {
            color: #0f98ff;
            border-bottom: 2px solid #0f98ff;
        }

        #tab-list1 div {

            border-top: none;
        }

        #tab-list1 div li {
            height: 30px;
            line-height: 30px;
            text-indent: 8px;
        }

        .show1 {
            display: block;
        }

        .hide1 {
            display: none;
        }

        .hids {
            text-align: center;
            color: #888888;
            font-size: 17px;
            margin: 0.6rem 0;
        }

        .av {
            width: 48%;
        }

        .gbn{
          display: block;
        }