/*
Theme Name: dd18
Theme URI: http://www.ddhlok.com/
Author: 点都软件
Version: 1.0

*/
li {
  list-style: outside none none;
}

.fl_left {
  float: left;
}

.fl_right {
  float: right;
}

.clear {
  clear: both;
}

/**nav样式*/
nav {
  height: 60px;
  transition: all 0.1s;
}


nav .w1125.wactive {
  transition: all 0.5s;
}

nav .w1125 {
  transition: all 0.1s;
}

.anv_active {
  background: rgba(255, 255, 255, 1);
  position: fixed;
  top: 0;
  bottom: 0;
  width: 100%;
  z-index: 9999;
  border-bottom: 1px solid #dddddd;
}

.anv_active2 {
  background: rgba(255, 255, 255, 1);
  border-bottom: 1px solid #dddddd;
}

nav .ben_active .ben_nava {
  color: #000000;
}

.vio {
  width: 100%;
  height: auto;
  position: relative;
}

.vio video {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -9;
}

.bg {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(images/icon/videobg.png) repeat;
  z-index: -100;
}

.bgnewimg {
  background: url(http://www.ddysq.com/wp-content/themes/dd18/css/images/2018Web/bgnewimg.jpg) no-repeat;
  background-size: auto 100%;
}

.logo {
  height: 40px;
  margin-bottom: 8px;
}

.system-btn {
  position: absolute;
  right: 0;
  top: 19px;
}

.system-btn .a1 {
  font-size: 15px;
  color: #fff;
  margin-right: 30px;
}

.anv_active .system-btn .a1 {
  color: #333 !important;
}

.anv_active2 .system-btn .a1 {
  color: #333 !important;
}

.system-btn .a2 {
  font-size: 15px;
  background: #3E87DC;
  border-radius: 15px;
  color: #fff;
  padding: 4px 12px;
}

.logo .logo_a {
  display: inline-block;
  width: 170px;
  height: 39px;
  background: url(images/icon/logo2.png) no-repeat;
}

.logo .logotiv {
  background: url(images/icon/logo2.png) no-repeat;
}

.logofont {
  display: inline-block;
  color: #f82828;
  border-left: 1px solid #3E87DC;
  position: relative;
  top: -3px;
}

.logofont>div:nth-child(1) {
  text-indent: 17px;
}

.logofont>div:nth-child(2) {
  text-indent: 14px;
}

.ben_nav {
  height: 60px;
  margin-left: 40px;
  position: unset !important;
}

.ben_nav .ben_navli {
  float: left;
  margin: 0;
  padding: 0;
  z-index: 99;
}



.ben_navli_active::after {
  content: "";
  display: block;
  width: 100%;
  border-bottom: 3px solid #3E87DC;
  margin-top: -3px;
}

.ben_nav .ben_nava {
  color: #ffffff;
  font-size: 16px;
  padding: 0 20px;
  line-height: 60px;
  text-decoration: none !important;
}

.ben_navno {
  width: 1100px;
  position: absolute;
  top: 60px;
  left: 0;
  background: #fff;
  border-radius: 0px 0px 7px 7px;
  left: 0;
  z-index: 99;
  padding: 16px 30px 36px 30px;
  text-align: left;
  display: none;
  border-bottom: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
}

.ben_navno2 ul li {
  margin-bottom: 10px;
}

.ben_nav li:hover .ben_navno {
  display: block;
}

.ben_navno:hover {
  display: block;
}

.ben_navno>ul:hover {
  display: block;
}



.ben_navno ul {
  float: left;
  width: 25%;
}

.ben_navno-menu-li {
  cursor: pointer;
  margin-bottom: 20px;
  color: #333;
  width: 160px;
  text-align: center;
  border-radius: 8px 8px 8px 8px;
  display: block;
  text-align: center;
  padding: 10px;
  margin: 0 auto;
  margin-bottom: 20px;
  font-size: 16px;
}


.ben_navno-menu-li:hover {
  color: #3E87DC !important;
}

.ben_navno-menu-li-active {
  background: #E2F4FF;
  color: #3E87DC !important;
}





.ben_navno ul li a {
  color: rgba(255, 255, 255, 0.8);
  font-size: 15px;
  padding: 14px 17px;
  transition: all 0.2s;
  text-decoration: none;
  color: rgba(51, 51, 51, 1);
  display: inline-block;
}


.ben_navno ul li .ben_navno-ui-title {
  color: #3E87DC !important;
  font-weight: 500;
  font-size: 17px;
}

.ben_navno ul li a:not(.ben_navno-ui-title):hover {
  text-decoration: underline !important;
  box-shadow: 0px 2px 10px 0px rgba(108, 107, 107, 0.4);
  border-radius: 10px 10px 10px 10px;
}

.ben_navno-menu-item {
  display: none;
  padding-left: 40px;
  width: calc(100% - 220px);
  flex-wrap: wrap;
  padding-top: 20px;

}

.ben_navno-menu-item ul {
  width: 33.33% !important;
}




.ben_navno-menu-item-active {
  display: flex;
}



.ben_slogan {
  width: 1200px;
  height: 510px;
  margin: 8% auto 0 auto;
  text-align: center;
  color: #ffffff;
  position: relative;
}

.ben_slogan div.h1 {
  font-size: 55px;
  margin-bottom: 5%;
  text-align: center;
  width: 100%;
  display: inline-block;
  font-weight: bold;
}

.ben_slogan p {
  font-size: 18px;
  text-align: center;
  width: 100%;
  display: inline-block;
}

.sweiper {
  width: 100%;
  height: 241px;
}

.sweiper li {
  top: 0;
  left: 0;
  display: none;
}

.sweiper .sweiper_active {
  display: block;
}

.vio {
  width: 100%;
  height: auto;
  position: relative;
  padding-top: 10px;
}

.vio video {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -9999;
}

.vio:hover #prev2 {
  display: block;
}

.vio:hover #next2 {
  display: block;
}

@keyframes tiao {
  0% {
    bottom: 2px;
  }

  50% {
    bottom: 8px;
  }

  100% {
    bottom: 2px;
  }
}

/**footer*/
footer {
  background: #373d41;
  position: relative;
  top: -15px;
}

.footerbg {
  width: 100%;
  background: url(css/images/footerbanner.png) no-repeat;
  background-size: cover;
}

.footer-box {
  width: 1100px;
  margin: 0 auto;
}

.footer-contact {
  margin: 0 auto;
  border-bottom: 1px solid rgb(161, 154, 154);
  height: 100px;
  box-sizing: border-box;
  font-size: 0;
  line-height: 100px;
}

.footer-phone-icon {
  margin-right: 2%;
  width: 50px;
  display: inline-block;
  vertical-align: middle;
}

.footer-phone {
  margin-right: 18%;
  display: inline-block;
  vertical-align: middle;
}

.footer-phone p {
  margin-bottom: 5px;
  font-size: 16px;
  line-height: 1;
  color: #fcfcfd;
}

.footer-phone p:last-child {
  margin-bottom: 0px;
}

.footer-contact a {
  display: inline-block;
  vertical-align: middle;
  padding: 0 30px;
  height: 24px;
  border-right: 1px solid #cfd0d1;
  line-height: 24px;
}

.footer-contact a:last-child {
  border-right: none;
}

.footer-contact a span {
  font-size: 16px;
  color: #f9f9fa;
  vertical-align: middle;
}

.footer-contact a:hover span {
  text-decoration: underline;
}

.footer-contact a img {
  margin-right: 5px;
  width: 20px;
  display: inline-block;
  vertical-align: middle;
}

.footer-list {
  margin: 0 auto;
  padding-top: 30px;
  width: 1100px;
  border-bottom: 1px solid rgb(161, 154, 154);
  font-size: 0;
  display: flex;
}

.footer-list dl {
  flex: 3;
  box-sizing: border-box;
}

.footer-list dl:last-child {
  /*   flex: 4; */
}

.footer-list dl dt {
  margin-bottom: 15px;
  display: block;
  font-size: 14px;
  line-height: 1;
  color: #fff;
}

.footer-list dl dd {
  display: block;
  margin-bottom: 15px;
}

.footer-list dl dd:last-child {
  margin-bottom: 0;
}

.footer-list dl dd a {
  font-size: 14px;
  line-height: 1;
  color: rgb(204, 211, 216);
}

.footer-list dl dd a:hover {
  color: #fff;
}

.footer-qr {
  display: inline-block;
  margin-right: 30px;
}

.footer-qr:last-child {
  margin-right: 0;
}

.footer-qr span {
  font-size: 12px;
  line-height: 24px;
  color: #a9b0b4;
}

.footer-img {
  width: 108px;
  height: 108px;
  position: relative;
}

.footer-img img {
  display: block;
  width: 100%;
  height: 100%;
}

.footer-img .footer-line {
  width: 100%;
  height: 0;
  border-bottom: 2px solid #268cf4;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(38, 140, 244, 0.2);
  -webkit-animation: move 5s linear infinite;
  -moz-animation: move 5s linear infinite;
  -ms-animation: move 5s linear infinite;
  -o-animation: move 5s linear infinite;
  animation: move 5s linear infinite;
}

@-webkit-keyframes move {
  from {
    height: 0;
  }

  to {
    height: 108px;
  }
}

@-moz-keyframes move {
  from {
    height: 0;
  }

  to {
    height: 108px;
  }
}

@-ms-keyframes move {
  from {
    height: 0;
  }

  to {
    height: 108px;
  }
}

@-o-keyframes move {
  from {
    height: 0;
  }

  to {
    height: 108px;
  }
}

@keyframes move {
  from {
    height: 0;
  }

  to {
    height: 108px;
  }
}

/* 版权 */
.copyright {
  padding: 10px 0 20px;
  text-align: left;
}

.copyright p {
  font-size: 14px;
  line-height: 24px;
  color: #a9b0b4;
  margin-bottom: 0px;
}

.copyright p a {
  font-size: 0;
}

.copyright p a:hover,
a:hover {
  color: #373d41;
}

.copyright p a span {
  font-size: 14px;
  line-height: 1;
  color: #a9b0b4;
  vertical-align: middle;
}

.copyright p a img:first-child {
  margin-right: 3px;
}

.copyright p a img {
  margin-right: 5px;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  width: 20px;
  height: 20px;
}

.recOpen {
  padding-top: 70px;
  height: 345px;
  background: #f6f8fa;
  box-sizing: border-box;
  text-align: center;
}

.zhzw-jdb p {
  margin-bottom: 5px;
}

.fxtfont .zhzw-jdb .text-list div {
  font-size: 16px;
  padding-bottom: 5px;
}

.fxtfont .zhzw-jdb .text-list div::before {
  content: " | ";
  font-weight: bold;
  font-size: 16px;
  float: left;
  margin-right: 5px;
}

.recOpen a:hover,
a:hover {
  color: #ffffff;
  text-decoration: none;
}

.tranfff:hover {
  color: #fff !important;
  border-color: #fff !important;
}

.ben_slogan .ben_tiao {
  margin-top: 120px;
  display: inline-block;
  width: 31px;
  height: 41px;
  background: url(images/2018Web/jump.png) no-repeat;
  position: relative;
  animation: tiao 1.2s infinite ease-in-out;
  -webkit-animation: tiao 1.2s infinite ease-in-out;
  cursor: pointer;
}

@keyframes tiao {
  0% {
    top: 2px;
  }

  50% {
    top: 8px;
  }

  100% {
    top: 2px;
  }
}

.ben_ljzx {
  margin-top: 10%;
}

.item_center .item_more {
  position: relative;
  border-radius: 20px;
  display: block;
  margin: 0 auto;
  text-align: center;
  overflow: hidden;
  z-index: 9;
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -ms-transition: all 0.8s;
  transition: all 0.8s;
}

.item_center.item_more span {
  z-index: 999;
  position: relative;
}

.item_center .item_more .item_i {
  display: block;
  width: 0;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -99;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}

.item_center .item_more:hover .item_i {
  width: 100%;
}

.item_center .ben_zx:hover {
  border: 1px solid #337ab7;
  color: #ffffff;
}

.ben_zx {
  width: 158px;
  height: 32px;
  border-radius: 16px;
  border: 1px solid #ffffff;
  line-height: 32px;
  color: #ffffff;
}

.ben_zxsp {
  font-size: 15px;
}

.ben-zxi {
  background: #4892ec;
}

.ben_zx a {
  text-decoration: none;
}

/* .site-content{margin-top:70px;margin-bottom: 10px;} */

/* 解决方案-智慧社区css */
h1,
h2,
h3,
h4,
h5 {
  margin: 0;
  padding: 0;
}

.town_intro {
  font-size: 21px;
  text-align: center;
}

.zwbapp-img .town_intro_png {
  max-width: 900px;
  display: block;
  margin: 0 auto;
}

.town_bcenter>img.town_intro_png {
  max-width: 1100px;
  display: block;
  margin: 0 auto;
}

.b_hsize>h4 .town_intro {
  font-size: 21px;
}

.undertake>h4.town_intro {
  font-size: 21px;
}

.town_intro {
  color: #195a9a;
  /* font-weight: bold; */
}

.titlebord {
  font-size: 36px;
  font-weight: bold;
  color: #195a9a;
  display: block;
  padding-bottom: 22px;
}

.b_hsize {
  margin-bottom: 30px;
  font-weight: bold;
}

.get_font_box {
  width: 100%;
  height: auto;
  margin-bottom: 10px;
  font-size: 17px;
  color: #4892ec;
}

.gtb_samllleft {
  margin-left: 22%;
}

.gtb_bigleft {
  margin-left: 30%;
}

.get_border {
  width: 80%;
  height: 300px;
  margin: 4% auto;
}

.get_border>h2 {
  margin-top: 25px;
}

.btnbluebg {
  width: 120px;
  transition: all 0.5s linear;
  z-index: 1;
}

/* css 轮播 */
/* .img_carousel{
  width:100%;
  height:auto;
  display: block;
}
.zhsqimg_list{
  width:100%;
  height:auto;
  position: relative;
}
.zhsqimg_list img{
  width:100%;
  height:auto;
  position:absolute;
  animation: show 8s infinite;
} */
/* 轮播 */
.b_car {
  width: 1380px;
  height: auto;
  overflow: hidden;
  position: relative;
  margin: 0 auto;
}

.b_car>ul.car_list {
  width: 3780px;
  height: auto;
  overflow: hidden;
  position: relative;
}

.b_car>ul.car_list li {
  float: left;
  width: 1380px;
}

#primary>.b_car>ul.car_list li img {
  width: 100%;
  height: 430px;
}

.ctrabbox {
  position: relative;
  top: -35px;
  text-align: center;
  /* background:#1db702; */
}

.ctra {
  width: 11px;
  height: 11px;
  display: inline-block;
  /* border:1px solid #c5c5c5; */
  background: #333;
  opacity: 0.4;
  border-radius: 50%;
  cursor: pointer;
}

.ctrb {
  width: 11px;
  height: 11px;
  display: inline-block;
  margin-left: 5px;
  /* border:1px solid #c5c5c5;
  background: #fff; */
  background: #333;
  opacity: 0.4;
  border-radius: 50%;
  cursor: pointer;
}

/* 第二个轮播 */

/* * {
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
} */

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
  font-size: 0;
}

.clearfix {
  *zoom: 1;
}

/* 层叠轮播 */

.zy-Slide {
  font-size: 12px;
  position: relative;
  width: 780px;
  height: 292px;
  margin: 0 auto;
}

.zy-Slide ul {
  position: relative;
  width: 100%;
  height: 292px;
  margin: 0;
  padding: 0;
}

.zy-Slide li {
  position: absolute;
  list-style: none;
  background: #000;
  width: 0;
  height: 0;
  top: 146px;
  left: 377px;
  z-index: 0;
  cursor: pointer;
  border-radius: 3px;
  margin: 0;
}

.zy-Slide li img {
  width: 100%;
  height: 100%;
  vertical-align: middle;
}

.zy-Slide section:nth-child(1),
.zy-Slide section:nth-child(2) {
  position: absolute;
  top: 40%;
  width: 60px;
  height: 60px;
  border: 1px solid #000;
  border-radius: 50%;
  cursor: pointer;
  font-size: 26px;
  opacity: 0.5;
  color: #000;
  text-align: center;
  line-height: 60px;
  transition: all 0.4s linear !important;
}

.zy-Slide section:nth-child(1) {
  left: -200px;
}

.zy-Slide section:nth-child(1):hover {
  transform: scale(1.06);
}

.zy-Slide section:nth-child(2) {
  right: -200px;
}

.zy-Slide section:nth-child(2):hover {
  transform: scale(1.06);
}

/*背景色 */
.townbuild,
.noone,
.undertake,
.core {
  padding-top: 50px;
  padding-bottom: 5%;
}

.carousel_bottom {
  padding-top: 50px;
  padding-bottom: 50px;
}

.townbuild {
  background: #f0f7fc;
  padding-bottom: 50px;
}

.corebuild {
  background: #eff6fc;
  padding-bottom: 6%;
}

.zhzw_yycj {
  width: 1100px;
  display: flex;
  margin: 0px auto;
}

.zhzw_yycj div {
  flex: 1;
  position: relative;
  overflow: hidden;
  border-radius: 5px;
}

.zhzw_yycj div img {
  transition: all 0.8s;
}

.zhzw_yycj div img:hover {
  transform: scale(1.3);
}

.zhzw_yycj div:not(:last-child) {
  margin-right: 25px;
}

.zhzw_yycj span {
  color: #ffffff;
  font-weight: 700;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.fivecore {
  /* background: linear-gradient(to bottom,#24787A,#06285C); */
}

.noone {
  padding-bottom: 4%;
}

.undertake {
  padding-bottom: 6.5%;
  /* background:linear-gradient(to bottom left,rgb(109, 184, 155),#86EDC6); */
  background: url(css/images/2018Web/downbg.png) center no-repeat;
}

.jbcolor {
  position: relative;
  padding-top: 150px;
  text-align: center;
  font-size: 15px;
  color: #000;
}

.jbcolor_spadd {
  position: relative;
  padding-top: 90px;
  text-align: center;
  font-size: 14px;
  color: #000;
}

.a_box {
  width: 158px;
  height: 32px;
}

.gethref {
  margin: 0 auto;
  line-height: 32px;
  display: block;
  border: 1px solid #5c5c5c;
  border-radius: 20px;
  background: none;
  color: #333;
  text-decoration: none !important;
  overflow: hidden;
  z-index: 9;
  position: relative;
}

.gethrefwhite {
  margin: 0 auto;
  line-height: 32px;
  display: block;
  border: 1px solid #fff;
  border-radius: 20px;
  background: none;
  color: #fff;
  text-decoration: none !important;
  overflow: hidden;
  z-index: 9;
  position: relative;
}

.gethref:hover {
  color: #fff;
  border: 1px solid #4892ec;
}

.get_btn {
  width: 158px;
  height: 32px;
  line-height: 32px;
  color: #000;
  display: block;
  background: #4892ec;
  position: absolute;
  top: 0;
  left: -158px;
  z-index: -2;
  transition: all 0.3s linear;
}

.indexget_btn {
  width: 184px;
  height: 50px;
  line-height: 32px;
  color: #000;
  display: block;
  background: #4892ec;
  position: absolute;
  top: 0;
  left: -158px;
  z-index: -2;
  transition: all 0.4s linear;
}

.getbtnhover {
  left: 0px;
}

.applybtn:hover {
  transform: scale(1.1);
}

/* 关于我们    页面CSS */

.tabs_company {
  padding: 0;
  height: 70px;
  width: 456px;
  margin: 0 auto;
  position: relative;
  margin-bottom: 5px;
}

.img_mask {
  position: absolute;
  z-index: 99;
  background: rgba(0, 0, 0, 0.5);
}

a.ddtab {
  display: block;
  padding: 22px 10px;
  float: left;
  color: #373d41;
  margin-right: 20px;
  cursor: pointer;
  font-size: 18px;
  text-align: center;
  text-decoration: none !important;
}

.ddtab:hover {
  border-bottom: 4px solid #4892ec;
  color: #4892ec;
}

.ddtabactive {
  border-bottom: 4px solid #4892ec;
  color: #4892ec;
}

.lastthree {
  opacity: 0;
}

.whbgc {
  /* background: rgba(0,0,0,.1); */
}

span.tabs_boxmargin {
  display: inline-block;
  margin: 0 auto;
  position: absolute;
  bottom: 0px;
}

.introtab {}

.ddbox {
  position: absolute;
  transition: all 0.6s linear;
}

.corestylecss {
  z-index: 99;
  display: block;
  transition: all 0.6s linear;
}

.conpanyintro {
  height: 1900px;
}

.conpanyintro1 {
  display: none;
}

.companywh1 {
  display: none;
}

.fzlc1 {
  display: none;
}

.callus1 {
  display: none;
}

.callus>.callusbox {
  width: 1135px;
  margin: 0 auto;
}

.companybox {
  width: 100%;
  height: 2230px;
  overflow: hidden;
  position: relative;
}

.companyboxbg {
  background: #fff;
}

.titlenobottom {
  padding-top: initial;
}

.withcompany {
  display: block;
  text-align: justify;
  width: 100%;
  font-size: 17px;
  line-height: 32px;
  margin-bottom: 0 !important;
}

.companydoc {
  padding: 15px 0;
  /* background: url(css/images/2018Web/hezuo2.jpg); */
}

.img_centerauto {
  margin: 0 auto;
}

.img_box_updown {
  margin: 3% 0;
}

.whimgbox {
  float: left;
  width: 500px;
}

.ynzz1 {
  display: block;
  position: relative;
  top: 50px;
  left: 180px;
}

.ynzz {
  display: block;
  position: relative;
  top: 20px;
  left: 123px;
  box-shadow: 6px 6px 15px #b6b6b6;
  border: 2px solid #5b9bd5;
}

.whfontbox {
  color: #195a9a;
  float: left;
  width: 500px;
}

.jzgitemfont {
  color: #195a9a;
}

.ynfont1 {
  width: 500px;
  margin-top: 75px;
  margin-left: 120px;
}

.ynfont {
  width: 500px;
  margin-top: 27px;
  margin-left: 180px;
}

.matchchild>h3 {
  font-size: 20px;
  line-height: 38px;
}

.jzgtbox {
  width: 900px;
  margin: 0 auto;
}

.jzgtbox .jzgitem {
  width: 295px;
  float: left;
  height: 250px;
  text-align: center;
}

.jzgitemfont>p:first-child {
  font-size: 16px;
  font-weight: bold;
  padding-top: 10px;
}

.small_titlebord {
  font-size: 26px;
  font-weight: bold;
  color: #4892ec;
}

@media screen and (max-width: 989px) {
  .splitscreen {
    padding-top: 5%;
  }
}

/* 资质荣誉 */

#ryimgbox {
  position: relative;
}

.box {
  /*      display: inline-block;*/
  padding: 15px 0px 0px 15px;
  float: left;
}

.pic {
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #ccc;
  box-shadow: 0 0 5px #ccc;
}

.pic img {
  width: 165px;
  height: auto;
}

.box:hover {
  transform: scale(2.2);
  transition: all 0.6s ease-in-out;
}

.hoorcar_box {
  position: relative;
  top: 200px;
}

/* hardware accelatator class */
.trans3d {
  -webkit-transform-style: preserve-3d;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform-style: preserve-3d;
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform-style: preserve-3d;
  -ms-transform: translate3d(0, 0, 0);
  transform-style: preserve-3d;
  transform: translate3d(0, 0, 0);

  /*-webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility:hidden;
  backface-visibility:hidden;*/
}

#contentContainer {
  position: absolute;
  margin-left: -500px;
  margin-top: -500px;
  left: 41%;
  top: 250px;
  width: 1000px;
  height: 1000px;
}

#carouselContainer {
  position: absolute;
  margin-left: -500px;
  margin-top: -500px;
  left: 41%;
  top: 41%;
  width: 1000px;
  height: 1000px;
}

.carouselItem {
  width: 320px;
  height: 130px;
  position: absolute;
  left: 41%;
  top: 41%;
  margin-left: -160px;
  margin-top: -90px;
  visibility: hidden;
}

.carouselItemInner {
  width: 320px;
  height: 130px;
  position: absolute;
  /* background-color:rgba(255, 255, 255, .75);
  border:10px solid rgba(255, 255, 255, .5); */
  color: aqua;
  font-size: 72px;
  left: 41%;
  top: 41%;
  margin-left: -160px;
  margin-top: -90px;
  text-align: center;
  padding-top: 50px;
}

/* 行业 */
.hyzs {
  padding-top: 70px;
}

.zsitem {
  float: left;
}

.limarauto {
  position: relative;
  margin: 0 auto;
  width: 810px;
}

.hyzsiround {
  text-align: center;
  width: 150px;
  height: 150px;
  margin-left: 20px;
  margin-bottom: 15px;
  border-radius: 50%;
  color: #fff;
}

.hyzsiround:nth-child(1) {
  padding-top: 35px;
  font-size: 40px;
}

.lightbluebc {
  /* background:#85CFFA; */
  color: #4269bb;
  border: 5px solid #4269bb;
}

.lightredbc {
  color: #1fb47b;
  border: 5px solid #1fb47b;
}

.bluegreenbc {
  color: #ff7f50;
  border: 5px solid #ff7f50;
}

.hyzsisquare {}

.bottomlogo {}

.hydwbg {
  background: url(css/images/2018Web/hydwbg.jpg) no-repeat;
  background-position-y: 60%;
  background-size: cover;
}

/* 大事件 */

.fl {
  float: left;
}

.fr {
  float: right;
}

/*.public*/
.main {
  margin: 0 auto;
  width: 980px;
}

.main {
  padding: 45px 0;
  min-height: 720px;
}

/*history*/
.history {
  background: url(css/images/2018Web/line04.gif) repeat-y 187px 0;
  overflow: hidden;
  position: relative;
}

.history-date {
  overflow: hidden;
}

.history-date h2 {
  background: url(css/images/2018Web/icon06.gif) #fff no-repeat 158px 0;
  height: 30px;
  font-size: 25px;
  font-family: ΢���ź�;
  font-weight: normal;
  padding-left: 45px;
  margin-bottom: 30px;
}

.history-date h2.first {
  position: absolute;
  left: 0;
  top: 0;
  width: 935px;
  z-index: 99;
}

.history-date h2 a {
  color: #4892ec;
  display: inline-block;
  *display: inline;
  zoom: 1;
  background: url(css/images/2018Web/icon08.gif) no-repeat right 41%;
  padding-right: 17px;
  margin: 21px 97px 0 0;
}

.history-date h2 a:hover {
  text-decoration: none;
}

.history-date h2 img {
  vertical-align: -5px;
}

.history-date h2.date02 {
  background: none;
}

.history-date ul li {
  background: url(css/images/2018Web/icon07.gif) no-repeat 180px 0;
  padding-bottom: 50px;
  zoom: 1;
}

.history-date ul li.last {
  padding-bottom: 0;
}

.history-date ul li:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.history-date ul li h3 {
  float: left;
  width: 168px;
  text-align: right;
  padding-right: 19px;
  color: #c3c3c3;
  font: normal 18px/16px Arial;
}

.history-date ul li h3 span {
  display: block;
  color: #d0d0d0;
  font-size: 12px;
}

.history-date ul li dl {
  float: left;
  padding-left: 41px;
  margin-top: -5px;
  font-family: ΢���ź�;
}

.history-date ul li dl dt {
  font: 18px/16px ΢���ź�;
  color: #737373;
}

.history-date ul li dl dt span {
  display: block;
  color: #787878;
  font-size: 12px;
}

.history-date ul li.green h3 {
  color: #1db702;
}

.history-date ul li.green h3 span {
  color: #a8dda3;
}

.history-date ul li.green dl {
  margin-top: -8px;
}

.history-date ul li.green dl dt {
  font-size: 22px;
  line-height: 22px;
}

.history-date ul li.green dl dt a {
  /*background:url(css/images/2018Web/icon09.gif) no-repeat 0 0; width:19px; height:16px;*/
  display: inline-block;
  *display: inline;
  zoom: 1;
  overflow: hidden;
  vertical-align: middle;
  margin-left: 12px;
}

.history-date ul li.green dl dd {
  padding-top: 20px;
  display: none;
}

.history-date ul li.green dl dd img {
  float: left;
}

.history-date ul li.green dl dd p {
  overflow: hidden;
  zoom: 1;
  line-height: 21px;
  color: #787878;
}

.history-date>ul>li:last-child {
  padding-bottom: 10px;
}

.history-date h2.first .more-history {
  font-size: 16px;
  background: transparent;
  margin-left: 30px;
}

.history-date h2.first .more-history:hover {
  text-decoration: underline;
}

*body .history-date ul li dl dt {
  _font-size: 12px !important;
  _font-weight: bold;
}

*body .history-date ul li dl dt span {
  _font-weight: normal !important;
}

*body .history-date ul li.green dl dt a {
  _background: transparent !important;
  *background: transparent !important;
  *font-size: 12px !important;
  _font-weight: normal !important;
}

/* 联系我们 */
.productcompany {
  margin: 4% 0;
}

.fcred>b {
  font-size: 20px;
}

.dottedhr {
  border-top: 2px dotted #185598;
  height: 2px;
  border-width: 2px medium medium;
  -moz-border-top-colors: none;
  -moz-border-right-colors: none;
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  border-image: none;
  margin-top: 5px;
  margin-bottom: 5px;
}

.division {
  color: #555555;
  font-size: 16px;
  font-weight: bold;
}

.cpfont {
  color: #555;
  text-align: left;
}

.baidumap {
  /* border:1px solid #e6e6e6; */
  width: 680px;
  margin: 0 auto;
  padding-top: 50px;
}

.imgmap {
  border: 1px solid #e6e6e6;
}

.fcred {
  color: red;
}

/* 设置锚点 */

#honor {
  position: relative;
  top: -50px;
}

#intro {
  position: relative;
  top: -25px;
}

#culture {
  position: relative;
  top: -25px;
}

#contact {
  position: relative;
  top: -25px;
}

/* 智慧政务 */
.zhzwcarousel {
  width: 100%;
  border: 1px solid #c6c6c6;
  overflow: hidden;
}

.zhzwcimg {
  width: 1380px;
  height: auto;
}

.zhzwimglist {
  padding: 0;
  margin: 0;
  width: 2800px;
  position: relative;
}

.zhzwimglist li {
  float: left;
}

.zcitemlist {
  margin-left: 10%;
}

.zcitemlist .zcitem {
  float: left;
  margin-right: 5%;
}

/* 外层圆 */
.bigcore {
  width: 410px;
  height: 410px;
  border: 2px solid #666666;
  text-align: center;
  position: relative;
  margin: 0 auto;
  border-radius: 50%;
  top: 80px;
  margin-bottom: 80px;
  z-index: 5;
}

.roundimg {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  position: relative;
  line-height: 17px;
  text-align: center;
  z-index: 10;
  position: absolute;
  transition: all 0.7s linear;
  font-weight: 800;
}

.corefont>p:nth-child(1) {
  margin: 0;
  padding-top: 50px;
}

.corefont>p:nth-child(2) {
  margin: 0;
  padding-top: 5px;
}

/* 1 */
.coreone {
  left: 126px;
  top: -64px;
  background: #53c1e6;
}

.coreoneani {
  top: -200px;
  opacity: 0;
}

/* 2 */
.coretwo {
  right: -64px;
  top: 64px;
  background: #63e0ff;
}

.coretwoani {
  top: -200px;
  right: -230px;
  opacity: 0;
}

/* 3 */
.corethree {
  right: -20px;
  bottom: -10px;
  background: #60e298;
}

.corethreeani {
  right: -220px;
  bottom: -200px;
  opacity: 0;
}

/* 4 */
.corefour {
  left: -20px;
  bottom: -10px;
  background: #ffc281;
}

.corefourani {
  left: -220px;
  bottom: -200px;
  opacity: 0;
}

/* 5 */
.corefive {
  left: -64px;
  top: 64px;
  background: #ff7976;
}

.corefiveani {
  top: -200px;
  left: -230px;
  opacity: 0;
}

.dindofont {
  font-size: 32px;
  font-weight: 1000;
  text-align: center;
  line-height: 410px;
  color: #4892ec;
}

.corefont {
  display: inline-block;
  text-align: center;
  color: #fff;
  font-size: 20px;
}

#tonewstop:hover {
  animation: jumpbottom 0.9s linear;
  animation-iteration-count: 1;
  cursor: pointer;
}

@keyframes jumptop {
  0% {
    top: 0px;
  }

  35% {
    top: -50px;
  }

  70% {
    top: 0px;
  }

  85% {
    top: -25px;
  }

  100% {
    top: 0px;
  }
}

@keyframes jumpbottom {
  0% {
    bottom: 3%;
  }

  35% {
    bottom: 6%;
  }

  70% {
    bottom: 3%;
  }

  85% {
    bottom: 4%;
  }

  100% {
    bottom: 3%;
  }
}

/* 新闻页面 */

.top_singleimg {
  text-align: center;
}

.news_tem {
  padding-bottom: 1%;
  border-bottom: 1px dotted #c6c6c6;
}

.shortnews {
  padding-top: 10px;
  margin-left: -10px;
}

.news_title {
  font-size: 22px;
  text-align: center;
  padding-top: 1%;
}

.news_title>a {
  color: #4892ec;
}

.news_title a:hover {
  color: #268cf4;
  text-decoration: underline;
}

.news_data {
  color: #555;
  font-size: 18px;
  float: right;
  display: block;
  text-align: center;
  padding: 1%;
}

.news_excerpt {
  font-size: 18px;
  color: #555;
  padding-top: 1%;
  display: inline-block;
}

.news_excerpt>p {
  margin-bottom: 0;
}

.news_item_more {
  display: inline-block;
  float: right;
  right: 1%;
  position: relative;
  font-size: 15px;
  color: #2e96f6;
}

.news_img {
  display: inline-block;
  width: 80%;
  margin-top: 10px;
  margin-left: 5px;
  overflow: hidden;
  padding: 5px;
  border: 1px solid #c5c5c5;
}

.news_img>img {
  width: 100%;
}

.news_item_more a:hover {
  color: #2e86f4;
  decoration: underline;
}

.imgfontnews {
  padding-top: 2%;
}

#newstop {
  position: relative;
  top: -90px;
}

#tonewstop {
  position: fixed;
  right: 1%;
  bottom: 3%;
  display: inline-block;
  width: 80px;
  height: 80px;
  background: #337ab7;
  border-radius: 50%;
  text-align: center;
  line-height: 89px;
  color: #fff;
  font-size: 22px;
  z-index: 99;
  display: none;
}

a:active {
  text-decoration: none;
}

/* 分页跳转 */
#btnpage {
  display: inline-block;
}

.pagebtn {
  padding: 11px 14px;
  color: #fff;
  background: #268cf4;
  border-radius: 6px;
}

.Pagination {
  margin-top: 3%;
  margin-bottom: 3%;
  font-size: 14px;
  color: #c5c5c5;
}

.btn_box {
  display: inline-block;
  position: relative;
  right: 8%;
  float: right;
}

.updownbtn {
  padding: 11px 14px;
  color: #268cf4;
  background: #e6e6e6;
  border-radius: 6px;
  margin-left: 2%;
  margin-right: 2%;
}

.updownbtn:hover {
  cursor: pointer;
  color: #288cf9;
  background: #e8e8e8;
}

/*商务合作*/

.fl {
  float: left;
}

.center_color {
  text-align: center;
  color: #195a9a;
}

/*轮播图*/

* {
  margin: 0;
  padding: 0;
  font-family: "微软雅黑";
}

#primary>.b_c>ul li img {
  width: 1390px;
}

.b_c {
  margin-top: -10px;
  margin-left: -40px;
  width: 1390px;
  overflow: hidden;
}

.b_c>ul {
  width: 5600px;
  position: relative;
}

.b_c>ul li {
  float: left;
  width: 1390px;
}

.formstyle {
  width: 900px;
  margin: 0 auto;
  padding-top: 50px;
  padding-bottom: 100px;
  box-shadow: 0 0 15px rgba(182, 196, 196, 0.8);
}

/* 平安社区 */
.pasqmain {
  padding-top: 40px;
}

.font_bborder {
  margin: 0 25px;
  font-size: 16px;
  padding: 20px 23px;
  box-shadow: 0 0 15px rgba(186, 204, 207, 0.7);
  text-align: justify;
}

.blacktit {
  font-size: 36px;
  font-weight: 560;
  color: #000;
}

/* 新闻页分页框 */
.pagination {
  padding: 25px 0px;
  position: relative;
  right: -49%;
}

.news_tabs {
  width: 500px;
  margin: 0 auto;
  padding-top: 20px;
}

.news_listtab {
  display: inline-block;
}

/* .newstab{
  float: left;
  margin-right:25px;
  text-align: center;
  width:150px;
  height:50px;
} */
.newtab {
  display: inline-block;
  padding: 0px 32px;
  line-height: 43px;
  margin-right: 25px;
  border: 1px solid #4892ec;
  border-radius: 50px;
  color: #4892ec;
  font-size: 20px;
  text-decoration: none;
}

.newtab:nth-last-child(1) {
  margin-right: 0px;
}

.newtab:hover {
  text-decoration: none;
  background: #4892ec;
  color: #fff;
}

.newtab:active {
  text-decoration: none;
}

newtab:visited {
  text-decoration: none;
}

/* 新闻单页 */
.container {
  width: 1000px;
  padding: 40px 20px;
}

.pageborbox {
  width: 1100px;
  margin: 20px auto;
  margin-bottom: 80px;
  box-shadow: 0 0 15px rgba(186, 204, 207, 0.7);
}

#postNextPrev {
  padding-top: 30px;
  margin-bottom: -30px;
}

.contation img {
  position: absolute;
  top: 41%;
  left: 41%;
  transform: translate(-41%, -41%);
}

.news_single_content {
  padding: 3% 0;
  font-size: 16px;
}

.pagingation {
  font-size: 16px;
}

.essayhref a:hover {
  color: #337ab7;
  text-decoration: underline;
}

.downessay {
  float: right;
}

/*轮播图*/

* {
  margin: 0;
  padding: 0;
}

#primary>.b_c>ul li img {
  width: 1390px;
}

.b_c {
  margin-top: -10px;
  margin-left: -40px;
  width: 1390px;
  overflow: hidden;
}

.b_c>ul {
  width: 5600px;
  position: relative;
}

.b_c>ul li {
  float: left;
  width: 1390px;
}

/*社区是集合人、车、房三大属性的万亿金矿*/

#primary>.sqjk {
  color: #195a9a;
  margin-bottom: 50px;
}

#primary>.sqjk>h2 {
  display: inline-block;
  color: #195a9a;
  font-size: 36px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 22px;
  padding-top: 50px;
}

#primary>.sqjk>div>h4 {
  color: #195a9a;
  font-size: 18px;
  width: 1000px;
  text-align: left;
  text-indent: 2em;
  margin: 0 auto;
  line-height: 1.5;
  padding: 24px;
  box-shadow: 0 0 15px rgba(200, 200, 200);
  color: #555;
  margin-bottom: 20px;
}

/*新形势下，传统社区升级智慧社区是必然趋势*/

#primary>.xxqs {
  height: 695px;
  background: #eff6fc;
  margin-top: 63px;
}

/*拥抱点都智慧社区，挑战万亿市场机会*/

/*灵活的商务合作体系*/

.lhtx {
  height: 660px;
  background: #fbfbff;
}

.lhtx>h2 {
  padding-top: 50px;
  display: inline-block;
  color: #195a9a;
  font-size: 36px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 22px;
}

.lhtx>div>h4 {
  color: #195a9a;
  font-size: 18px;
  width: 1000px;
  text-align: center;
  text-indent: 2em;
  margin: 0 auto;
  padding-bottom: 36px;
  line-height: 1.5;
}

/*科学计划*/

.kxcarouse {
  background: url(css/images/2018Web/swbg.jpg) no-repeat;
  background-position: center center;
  background-size: cover;
  width: 100%;
  height: 580px;
  padding-top: 20px;
  padding-bottom: 50px;
}

.carousebox {
  width: 946px;
  position: relative;
  margin: 0 auto;
  padding: 30px 0px;
}

.box_img {
  width: 946px;
  height: 150px;
  overflow: hidden;
  position: relative;
  top: 150px;
}

.box_img ul li {
  position: absolute;
  display: none;
}

.box_img ul li a {
  display: block;
  text-decoration: none;
  width: 946px;
  height: 150px;
  text-align: center;
  color: #fff;
  transition: all 0.5s linear;
}

.box_tab {
  position: absolute;
  top: -30px;
  text-align: center;
  width: 950px;
  margin: 0 auto;
}

.box_tab a {
  display: inline-block;
  width: 100px;
  height: 100px;
  font-size: 10px;
  margin: 0 auto;
  margin-right: 20px;
  color: #333;
}

.box_tab a img {
  /* width:80%; */
}

.box_img a h3 {
  font-size: 28px;
  margin-bottom: 10px;
}

.box_img a p {
  font-size: 18px;
}

.box_tab a {
  opacity: 0.6;
}

.box_tab a.active {
  transform: scale(1.17);
  opacity: 1;
}

/*考察申请*/

#primary>.kcsq {
  width: 100%;
  padding-bottom: 60px;
  padding-top: 30px;
}

#primary>.kcsq>ul li {
  clear: both;
  width: 247px;
  text-align: center;
  margin: 0 auto;
  margin-top: 10px;
}

/*团队风采 */
.team h2 {
  padding-top: 36px;
  display: inline-block;
  color: #195a9a;
  font-size: 36px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 36px;
}

.team>div>h4 {}

/*人才理念*/
.rcln>h2 {
  padding-top: 16px;
  display: inline-block;
  color: #195a9a;
  font-size: 36px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 22px;
}

.rcln>div>h4 {
  color: #333;
  font-size: 18px;
  width: 1000px;
  text-align: left;
  text-indent: 2em;
  margin: 0 auto;
  padding-bottom: 36px;
  line-height: 1.5;
}

.rcln>ul li {
  color: #195a9a;
  width: 1000px;
  text-align: left;
  margin: 0 auto;
  padding-bottom: 16px;
  line-height: 1.5;
}

.rcln>ul li h3 {
  font-size: 18px;
}

.rcln>ul li p {
  font-size: 14px;
  color: #333;
}

/*福利待遇*/
.fldy>h2 {
  padding-top: 16px;
  display: inline-block;
  color: #195a9a;
  font-size: 36px;
  font-weight: bold;
  text-align: center;
  padding-bottom: 36px;
}

.BB {}

.BC {
  width: 260px;
  font-size: 16px;
  color: #195a9a;
  display: inline-block;
  vertical-align: top;
  line-height: 1.5;
  text-align: left;
  margin: 0px 60px;
}

.BD {
  text-align: left;
  color: #195a9a;
  font-size: 18px;
  font-weight: 500;
  padding: 5px 0 16px;
  line-height: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.BE,
.BF,
.BG {
  width: 72px;
  height: 72px;
  display: inline-block;
  background-image: url(css/images/gzjg1.png);
  background-size: cover;
  float: left;
  margin-top: 17px;
}

.BF {
  background-image: url(css/images/gzjg2.png);
}

.BG {
  background-image: url(css/images/gzjg3.png);
}

.BH {
  margin-left: 88px;
  width: 133px;
}

.BH p {
  color: #666;
  font-size: 14px;
}

.BI {
  display: inline-block;
  width: 100%;
  height: 0;
  overflow: hidden;
}

/*招聘职位*/
.zpzw>h2 {
  padding-top: 16px;
  display: inline-block;
  color: #195a9a;
  font-size: 36px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 22px;
}

.zpzw>.jobs {
  text-align: left;
}

.lxwm {
  width: 82%;
  margin: 0 auto;
  text-align: left;
  padding-bottom: 40px;
}

.lxwm>h2 {
  padding-top: 16px;
  display: inline-block;
  color: #195a9a;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 22px;
}

.lxwm>div p {
  color: #666666;
  font-size: 14px;
}

/**/

/*核心价值*/
.hxjz>h2 {
  padding-top: 32px;
  display: inline-block;
  color: #195a9a;
  font-size: 36px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 36px;
}

/* 智慧园区 */
li.yqzsitem {
  float: left;
  width: 200px;
  padding-bottom: 20px;
  border-top: 5px solid #4892ec;
  box-shadow: 0 0 5px rgba(186, 204, 207, 0.7);
  background: rgba(255, 255, 255, 0.89);

  position: absolute;
}

.yqzsitem:hover {
  transform: scale(1.02);
  box-shadow: 0 0 15px rgba(186, 204, 207, 0.7);
}

li.yqzsitem .yqintro {
  text-align: center;
}

ul.yqintro {
  font-size: 16px;
}

ul.yqintro li {
  padding: 1px 0;
}

ul.yqintro>li:nth-child(1) {
  font-size: 20px;
  padding-top: 25px;
  color: #555;
  font-weight: bold;
}

div.yqzsbox {
  padding-top: 30px;
  position: relative;
  width: 1200px;
  height: 400px;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
  /* background: rgba(0,0,0,.2); */
}

div.yqzsbox img {
  display: inline-block;
  position: absolute;
  top: -78%;
}

div.yqzsbox img:hover {
  transform: scale(1.02);
  opacity: 0.9;
}

.zhyq_yqzss {
  background: fbfbfb;
  /* background: url(css/images/2018Web/yqbg1.jpg) no-repeat;
  background-size: cover;
  background-position-y: -400%; */
}

/* 短文hov显示 */

.yqfwintro {
  top: 33%;
  left: 6%;
  opacity: 0;
  transition: all 0.5s linear;
}

.yqgkintro {
  top: 27%;
  left: 51%;
  opacity: 0;
  transition: all 0.5s linear;
}

.yqzsintro {
  top: 41%;
  left: 78%;
  opacity: 0;
  transition: all 0.5s linear;
}

.yycjimgtwo {
  left: 20%;
}

.yycjimgthree {
  left: 40%;
}

.yycjimgfour {
  right: 20%;
}

.yycjimgfive {
  right: 0%;
}

/* 核心价值 */
.hxjzbox {
  width: 1100px;
  height: 500px;
  padding: 30px 0;
  position: relative;
  margin: 0 auto;
  overflow: hidden;
}

.hxjzone {
  position: absolute;
  top: 50px;
  left: 115px;
}

.hxjzone>p {
  padding-top: 20px;
  width: 230px;
  font-size: 16px;
}

.hxjztwo {
  position: absolute;
  top: 78px;
  left: 805px;
}

.hxjztwo>p {
  padding-top: 20px;
  width: 230px;
  font-size: 16px;
}

.hxjzthree {
  position: absolute;
  top: 290px;
  left: 115px;
}

.hxjzthree>p {
  padding-top: 20px;
  width: 230px;
  font-size: 16px;
}

.hxjzfour {
  position: absolute;
  top: 331px;
  left: 805px;
}

.hxjzfour>p {
  padding-top: 20px;
  width: 230px;
  font-size: 16px;
}

.hxjzfive {
  position: absolute;
  top: 528px;
  left: 115px;
}

.hxjzfive>p {
  padding-top: 20px;
  width: 230px;
  font-size: 16px;
}

.hxjzsix {
  position: absolute;
  top: 595px;
  left: 805px;
}

.hxjzsix>p {
  padding-top: 20px;
  width: 230px;
  font-size: 16px;
}

.loverspan {
  font-size: 20px;
  font-weight: bold;
  vertical-align: middle;
}

/*招贤纳士*/

.talentintrobox {
  width: 1070px;
  margin: 0 auto;
  padding: 30px 0;
}

.rclnbox {
  width: 203px;
  height: 268px;
  display: inline-block;
  vertical-align: top;
  text-align: justify;
  box-shadow: 0 0 15px rgba(160, 174, 177, 0.7);
  position: relative;
}

.rclnbox:hover {
  animation: tiao 0.8s;
  box-shadow: 0 0 5px 2px #4892ec;
}

.rclnbox:nth-last-child(2) {
  /* margin-left: 18%;
  margin-top: 4%; */
}

.rclnbox:nth-last-child(1) {
  /* margin-left: 7%;
  margin-top: 4%; */
}

.rclnbox>.town_intro {
  padding-top: 15px;
}

.b_hsize .town_intro {
  line-height: 35px;
}

.zwbapp-img {
  width: 60%;
  margin: 0px auto;
}

.hxys_text {
  margin-left: 30px;
}

.hxys_text span {
  color: #5097ed;
  font-weight: 700;
  display: inline-block;
  width: 90%;
  padding: 0px 10px;
}

.hxys_text li {
  padding: 10px 20px;
  line-height: 25px;
}

.hxys_text li img {
  float: left;
  margin-top: 5px;
  width: 4%;
}

.rclnintro {
  padding: 15px;
  text-align: justify;
}

.jgintro div {
  float: left;
}

.titlescenter {
  text-align: center;
}

.font_bborder span {
  width: 90px;
  /* text-align: center; */
  display: inline-block;
  border-left: 6px solid #4892ec;
  margin-right: 20px;
}

.font_bborder span:nth-last-child(1) {
  margin-right: 0px;
}

.jgbox {
  float: left;
}

.jgbox div {
  float: left;
}

.jgbox {
  width: 310px;
}

.jgbox:nth-last-child(1) {
  margin-left: 70px;
}

.jgbox:nth-last-child(2) {
  margin-left: 70px;
}

.jgbox:nth-last-child(3) {
  margin-left: 40px;
}

.jobjgimg {
  width: 40%;
}

.jobjgimg>img {
  width: 60%;
}

.jgintro {
  width: 60%;
  margin-left: -36px;
}

.szjgbox {
  padding: 60px 0;
  width: 1120px;
  margin: 0 auto;
}

.jgtitle {
  display: inline-block;
  font-size: 20px;
  color: #555;
  margin-bottom: 11px;
}

.jgfont {
  font-size: 16px;
  color: #717678;
}

/* 招聘 */
.zpbox {
  width: 1100px;
  height: 800px;
  margin: 0 auto;
}

.zpclass,
.zpgwbox {
  float: left;
}

.zpclass {
  width: 200px;
  height: 730px;
  margin-top: 50px;
  box-shadow: 5px -3px 7px 0px rgba(230, 230, 210, 0.7);
  /* background:rgb(240, 243, 243) */
}

.zpclass ul li {
  padding: 15px 0;
  text-indent: 30px;
  font-size: 16px;
  transition: all 0.3s linear;
}

.zpclass ul li:hover {
  /* background: #F5F5F5; */
  cursor: pointer;
  transform: scale(1.08);
}

/* 具体岗位 */
.zpgwbox {
  width: 860px;
  height: 730px;
  overflow: hidden;
  position: relative;
  margin-top: 50px;
  margin-left: 30px;
}

.requirebox dt {
  margin-top: 15px;
}

.wrap li>span {
  display: block;
  background-color: #f2f2f2;
  position: relative;
}

.wrap {
  width: 850px;
  height: 700px;
  position: absolute;
}

.requirebox {
  color: #6d6a6a;
}

.requirebox dl {
  text-indent: 13px;
}

.jistx {}

.yunytx,
.yingxtx,
.keftx,
.xiangmtx,
.zhictx {
  display: none;
}

.wrap li {
  width: 850px;
  height: 50px;
  overflow: hidden;
  margin-bottom: 5px;
  /* padding: 8px; */
}

ul li.checked {
  height: 440px;
}

.wrap li>span {
  height: 50px;
  line-height: 52px;
  text-indent: 20px;
}

.wrap li .requirebox {
  height: 300px;
  line-height: 300px;
  padding: 8px;
}

/* 旋转箭头 */
.roratelb {
  width: 15px;
  height: 15px;
  display: inline-block;
  margin-right: 30px;
  border-top: 1px solid #6a6a6a;
  border-right: 1px solid #6a6a6a;
  transform: rotate(45deg);
  position: absolute;
  right: 15px;
  top: 18px;
  transition: all 0.3s linear;
}

.trandeg {
  transform: rotate(135deg);
  background: #000;
}

.firstjob .roratelb {
  top: 13px;
}

/* pws系统 */
.xtzsbox {
  width: 100%;
}

.centerclear {
  width: 1100px;
  margin: 0 auto;
}

.centerclear div {
  float: left;
  line-height: 21px;
}

.xtjsfont {
  width: 550px;
  height: 540px;
}

.xtjsimg {
  width: 550px;
  height: 540px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.entry {
  margin-top: 15px;
}

.entry:first-child {
  margin-top: 40px;
}

.entry>p {
  margin-left: 20px;
  margin-bottom: 0px;
}

.entry>p>i {
  font-style: normal;
  color: red;
}

.entry>p:nth-child(1) {
  font-family: "Microsoft YaHei";
  border-left: 5px solid #4892ec;
  color: #4892ec;
  font-size: 20px;
  text-indent: 8px;
}

.sxtfont>.entry>p:nth-child(1) {
  line-height: 21px;
}

.entry>p:nth-child(2) {
  color: #5c5c5c;
  font-size: 15px;
  line-height: 30px;
}

.sxtfont>.entry>p:nth-child(2) {
  color: #5c5c5c;
  font-size: 15px;
  line-height: 40px;
}

.sxtfont>.entry:first-child {
  margin-top: 65px;
}

/* 第三部分 */
.zzt {
  width: 850px;
  margin-left: 2%;
  display: block;
  float: left;
}

.zzt li.zftzzt {
  height: 50px;
  width: 0%;
  margin-bottom: 20px;
  background: #185598;
  position: relative;
  overflow: hidden;
}

li.zftzzt>span {
  position: absolute;
  font-size: 16px;
  line-height: 50px;
  display: inline-block;
}

li.zftzzt>span:nth-child(1) {
  right: 20px;
  color: #fff;
}

.zzttitle {
  width: 200px;
  float: left;
}

.zzttitle>li {
  height: 50px;
  margin-bottom: 20px;
  line-height: 50px;
  font-size: 18px;
  font-weight: bold;
  color: #185598;
}

.zzttitle>li>span {
  display: block;
  position: relative;
  left: 50px;
}

.Line {
  background: #fff none repeat scroll 0 0;
  border-radius: 100%;
  color: #1398fd;
  display: block;
  font-size: 30px;
  height: 130px;
  line-height: 100px;
  margin: 0 auto 17px;
  text-align: center;
  width: 130px;
  padding-top: 15px;
}

.numtext {
  color: #fff;
}

/* 七大系统 */
.xtbigbox {
  width: 1100px;
  height: 450px;
  margin: 0 auto;
  border-radius: 16px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 15px rgba(180, 176, 176, 0.7);
}

.sxtcenter {
  width: 1100px;
  height: 600px;
  position: absolute;
  display: none;
}

.pwsxttab>.sxtimg>img {
  display: block;
  margin-top: 77px;
  margin-left: -10px;

  width: 80%;
}

.pwsxttab:nth-child(even)>.sxtimg>img {
  margin-left: 0px;
}

.sxtfont {
  width: 400px;
  float: left;
}

.sxtfont>.entry {
  margin-left: 50px;
  width: 350px;
}

.sxtcenter:nth-child(even)>.sxtfont>.entry {
  margin-left: -40px;
}

.sxtimg {
  width: 700px;
  float: left;
  height: 400px;
  display: flex;
  justify-content: center;
  align-items: center;
  /* border: 1px solid #4892ec; */
}

.cosxttab>.sxtimg>img.town_intro_png {
  width: 90%;
  display: block;
  margin-top: 60px;
}

.zwbapp-img .town_intro_png {
  width: 100%;
}

.cosxttab:nth-child(odd)>.sxtimg>img {
  margin-left: 0px;
}

.cosxttab:nth-child(even)>.sxtimg>img {
  margin-left: 0px;
}

.zhzw_lb .sevenlist li {
  flex: 1;
}

.zhzw_lb .sevenlist {
  display: flex;
}

.sevenlist>li {
  float: left;
  width: 157px;
  height: 80px;
  text-align: center;
  line-height: 80px;
  font-size: 18px;
  font-weight: bold;
}

.jcctro,
.cwctro,
.khctro,
.xtctro,
.ssctro,
.abctro,
.xcctro,
.zlctro,
.ccctro,
.rsctro,
.znctro,
.sqctro,
.jcctro2,
.cwctro2,
.khctro2,
.xtctro2,
.ssctro2,
.abctro2,
.xcctro2,
.zlctro2,
.ccctro2,
.rsctro2,
.znctro2,
.sqctro2,
.jcctro3,
.cwctro3,
.khctro3,
.xtctro3,
.ssctro3,
.abctro3,
.xcctro3,
.zlctro3,
.ccctro3,
.rsctro3,
.znctro3,
.sqctro3,
.jcctro4,
.cwctro4,
.khctro4,
.xtctro4,
.ssctro4,
.abctro4,
.xcctro4,
.zlctro4,
.ccctro4,
.rsctro4,
.znctro4,
.sqctro4,
.jcctro5,
.cwctro5,
.khctro5,
.xtctro5,
.ssctro5,
.abctro5,
.xcctro5,
.zlctro5,
.ccctro5,
.rsctro5,
.znctro5,
.sqctro5 {
  color: #4892ec;
}

.sevenlist>li:hover {
  cursor: pointer;
}

.colorfontbg {
  background: #4892ec;
  color: #fff;
}

.sevenlist>li:not(:first-child) {
  border-top: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
}

.sevenlist>li:nth-child(7) {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.zhzw_lb .sevenlist>li:nth-child(5) {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.sevenlist>li:first-child {
  border: 1px solid #dbdbdb;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.imgcenterfour {
  width: 1100px;
  margin: 0 auto;
}

.imgcenterfour>li {
  float: left;
  width: 275px;
  height: 300px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.pwscfintro {
  font-size: 20px;
  color: #4892ec;
  padding-top: 15px;
  padding-bottom: 7px;
}

.pwscf {
  color: #727070;
  line-height: 30px;
  font-size: 16px;
}

/* BDP系统 */
.fxtcenter {
  width: 1100px;
  height: 450px;
}

.fxtcenter:nth-child(odd) .fuzzybor {
  margin-left: 60px;
}

.fxtfont {
  width: 400px;
  float: left;
}

.zhzw_text .text-list div p {
  color: #4892ec;
  display: inline-block;
  width: 380px;
  font-size: 17px !important;
  font-weight: 700;
  line-height: 25px;
}

.fxtfont .zhujan_minzheng .text-list div p {
  color: #333333;
  font-weight: 500;
  font-size: 16px;
}

.fxtfont .text-list div {
  font-size: 18px;
  color: #4892ec;
  padding-bottom: 10px;
}

.fxtfont .text-list p {
  font-size: 14px;
  color: #333333;
}

.fxtfont .text-list div::before {
  content: " | ";
  font-weight: bold;
  font-size: 18px;
  float: left;
  margin-right: 5px;
}

.zlg4-text {
  width: 100%;
  position: absolute;
  top: 65%;
  right: 0%;
  text-align: center;
  font-size: 18px;
  color: #4892ec;
}

.fxtfont>.fuzzybor {
  width: 300px;
  font-size: 18px;
  text-align: justify;
  color: #5f5c5cda;
  padding: 10px;
  margin-top: 50px;

  line-height: 30px;
  /* box-shadow: 0 0 15px rgba(182, 196, 196, 0.8); */
  margin-left: 35px;
}

.fuzzybor>p:first-child {
  color: #0f5aa5;
}

.fxtimg {
  width: 700px;
  float: left;
  height: 400px;
  display: flex;
  justify-content: center;
  align-items: center;
  /* border: 1px solid #4892ec; */
}

.fxtimg>img {
  width: 80%;
}

.fourlist>li {
  float: left;
  width: 275px;
  height: 80px;
  text-align: center;
  line-height: 80px;
  font-size: 18px;
  font-weight: bold;
}

.fourlist>li:first-child {
  border-radius: 25px 0 0 0;
}

.fourlist>li:last-child {
  border-radius: 0 25px 0 0;
}

.fourlist>li:hover {
  cursor: pointer;
}

.fourlist>li:not(:first-child) {
  border-top: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
}

.fourlist>li:first-child {
  border: 1px solid #dbdbdb;
}

@keyframes mo {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.pstnr {
  position: relative;
}

.bdprc {
  position: absolute;
  width: 10%;
}

.imgati1 {
  display: block;
  width: 35%;
  margin: 0 auto;
  animation: mo 10s linear infinite;
}

.imgatiitem1 {
  top: -50px;
  left: 490px;
}

.imgatiitem2 {
  top: 80px;
  left: 680px;
}

.imgatiitem3 {
  top: 290px;
  left: 615px;
}

.imgatiitem4 {
  top: 290px;
  left: 375px;
}

.imgatiitem5 {
  top: 80px;
  left: 310px;
}

.fixedcenter {
  width: 1100px;
  height: 550px;
  margin: 0 auto;
}

.dsjimg {
  display: block;
  position: absolute;
  width: 1000px;
  margin-left: 50px;
}

.stargif {
  top: 25px;
  width: 56%;
  margin-left: 242px;
}

/* 云服务 */
.pills {
  text-align: center;
}

.pills li {
  display: inline-block;
}

.pills li a.pill {
  display: inline-block;
  width: 132px;
  margin: 0px 25px;
  padding: 40px 0px 80px 0px;
  position: relative;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  text-decoration: none;
}

.pills li a.pill.active {
  opacity: 0.8;
  -webkit-transiton: opacity 0.3s linear;
  -moz-transiton: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}

.pills .arrow_big {
  display: none;
  width: 54px;
  height: 33px;
  position: absolute;
  left: 40px;
  bottom: -10px;
}

.pill.active .arrow_big {
  display: block;
}

.pills .pill_cloud .arrow_big {
  background: url(css/images/icon/pill_cloud_a.jpg) 0px 0px no-repeat;
}

.pills .pill_doller .arrow_big {
  background: url(css/images/icon/pill_doller_a.jpg) 0px 0px no-repeat;
}

.pills .pill_vip .arrow_big {
  background: url(css/images/icon/pill_vip_a.jpg) 0px 0px no-repeat;
}

.pills .pill_prof .arrow_big {
  background: url(css/images/icon/pill_prof_a.jpg) 0px 0px no-repeat;
}

.pills .pill_mobile .arrow_big {
  background: url(css/images/icon/pill_mobile_a.jpg) 0px 0px no-repeat;
}

.pills li a.pill.pill_cloud {
  background: url(css/images/icon/pill_cloud.jpg) 0px 0px no-repeat;
}

.pills li a.pill.pill_doller {
  background: url(css/images/icon/pill_doller.jpg) 0px 0px no-repeat;
}

.pills li a.pill.pill_vip {
  background: url(css/images/icon/pill_vip.jpg) 0px 0px no-repeat;
}

.pills li a.pill.pill_prof {
  background: url(css/images/icon/pill_prof.jpg) 0px 0px no-repeat;
}

.pills li a.pill.pill_mobile {
  background: url(css/images/icon/pill_mobile.jpg) 0px 0px no-repeat;
}

.panels {
  height: 260px;
}

.panel {
  display: none;
}

.panel.active {
  display: block;
  height: 100%;
  color: #fff;
  opacity: 0.8;
  -webkit-transiton: opacity 0.3s linear;
  -moz-transiton: opacity 0.3s linear;
  -o-transiton: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}

.active.panel_cloud {
  background: #00a0ea;
}

.active.panel_doller {
  background: #22ad38;
}

.active.panel_vip {
  background: #ae5da0;
}

.active.panel_prof {
  background: #019e97;
}

.active.panel_mobile {
  background: #f39801;
}

.panel_txt {
  width: 960px;
  margin: 0 auto;
  padding: 0px 20px;
  padding-top: 60px;
}

.panel_txt div {
  margin-bottom: 20px;
  font-size: 22px;
  font-weight: bold;
  color: white;
}

.panel_txt p {
  line-height: 28px;
  font-size: 16px;
  color: white;
}

.VIPbox {
  width: 1100px;
  margin: 0 auto;
  /* border: 1px solid ; */
}

.vipxmboxi {
  width: 203px;
  height: 330px;
  display: inline-block;
  vertical-align: top;
  text-align: justify;
  border: 1px solid #c6c6c6;
  position: relative;
}

.vipxmboxi:not(:first-child) {
  margin-left: 16px;
}

.vipxmboxi:hover {
  animation: tiao 1s;
  box-shadow: 0 0 5px 2px #4892ec;
  border: none;
}

.vipxmboxi>div:nth-child(1) {
  text-align: center;
  padding: 20px 0px;
}

.vipxmboxi>div>img {
  width: 100px;
}

.vipxmboxi>p {
  text-align: center;
}

.vipxmboxi>p:nth-child(2) {
  font-size: 18px;
  color: #262525;
  margin-top: 10px;
}

.vipxmboxi>p:nth-child(3) {
  font-size: 14px;
  text-align: justify;
  color: #626262;
  padding: 3px 15px;
}

/* small 按钮体验 */
.jryfw {
  position: absolute;
  left: 60px;
  bottom: 25px;
  text-align: center;
  font-size: 14px;
  color: #000;
}

.jryfw:hover {
  transform: scale(1.12);
  transition: all 0.4s linear;
}

.yfwbtn_box {
  width: 85px;
  height: 25px;
}

.yfwgethref {
  margin: 0 auto;
  line-height: 25px;
  display: block;
  border: 1px solid #5c5c5c;
  border-radius: 20px;
  background: none;
  color: #333;
  text-decoration: none !important;
  overflow: hidden;
  z-index: 9;
  position: relative;
}

.yfwget_btn {
  width: 85px;
  height: 25px;
  line-height: 25px;
  color: #000;
  display: block;
  background: #4892ec;
  position: absolute;
  top: 0;
  left: -85px;
  z-index: -2;
  transition: all 0.4s linear;
}

/* EGS系统 */
div {
  /* border:1px solid; */
}

.egsmkfont {
  padding-top: 8%;
  padding-left: 4%;
  padding-right: 2%;
  padding-bottom: 12%;
  font-size: 18px;
  /* color:rgb(110, 103, 103); */
  color: rgb(8, 163, 206);
  /* box-shadow: 0 0 15px rgba(206, 206, 247, 0.7) */
}

.egsmkfont>p {
  font-size: 22px;
}

.spacingbottom>div {
  margin-bottom: 50px;
}

.bbfs>h1 {
  padding-top: 50px;
  margin-bottom: 22px;
  font-size: 36px;
  text-align: center;
  font-weight: bold;
  color: #195a9a;
}

.bbfs>h5 {
  margin-bottom: 50px;
  font-size: 21px;
  text-align: center;
  color: #195a9a;
}

@media screen and (max-width: 450px) {
  .egsmkfont {
    font-size: 14px;
  }

  .egsmkfont>p {
    font-size: 16px;
  }

  .bbfs>h1 {
    font-size: 20px;
    margin-bottom: 10px;
  }

  .bbfs>h5 {
    font-size: 14px;
  }
}

/* IOT系统 */
.sxtcenter:nth-child(odd) .fuzzybor {
  margin-left: 35px;
}

.iotcjbox,
.iotcjboxt {
  width: 1100px;
  height: 360px;
  margin: 0 auto;
  transition: all 0.6s linear;
}

.iotcjbox>img:hover {
  transform: scale(1.1);
  opacity: 0.9;
}

.iotcjboxt>img:hover {
  transform: scale(1.1);
  opacity: 0.9;
}

.iotcjbox>img:not(:first-child) {
  margin-left: 20px;
}

.iotcjboxt>img:not(:first-child) {
  margin-left: 20px;
}

.iotxttab>.sxtimg>img {
  width: 80%;
  margin-top: 50px;
  margin-left: 10px;
}

.list-img .sxtimg img {
  height: 100%;
}

.iotxttab>.fxtfont>.fuzzybor {
  margin-top: 54px;
}

.iotxttab:nth-child(odd)>.sxtimg>img {
  margin-left: 10px;
}

/* COS系统 */
.eightlg {
  width: 1100px;
  height: 600px;
  margin: 0 auto;
}

.lgihtitem {
  width: 275px;
  height: 300px;
  text-align: center;
  float: left;
  box-sizing: border-box;
}

.lgihtitem:nth-child(1) {
  border: 1px solid #c3c3c3;
}

.lgihtitem:nth-child(2),
.lgihtitem:nth-child(3),
.lgihtitem:nth-child(4) {
  border-top: 1px solid #c3c3c3;
  border-right: 1px solid #c3c3c3;
  border-bottom: 1px solid #c3c3c3;
}

.lgihtitem:nth-child(5) {
  border-right: 1px solid #c3c3c3;
  border-bottom: 1px solid #c3c3c3;
  border-left: 1px solid #c3c3c3;
}

.lgihtitem:nth-child(6),
.lgihtitem:nth-child(7),
.lgihtitem:nth-child(8) {
  border-right: 1px solid #c3c3c3;
  border-bottom: 1px solid #c3c3c3;
}

.lgiimgblock {
  display: block;
  margin: 0 auto;
  padding: 30px 0px 15px;
}

.litemfont>p:first-child {
  font-size: 20px;
  padding-top: 10px;
}

.lgihtitem:hover {
  border: none;
  animation: tiao 1s;
  box-shadow: 0 0 5px 2px #4892ec;
}

/* 智能门禁 */
.fgncenter {
  width: 1100px;
  height: 450px;
}

.fgncenter:nth-child(odd) .fuzzybor {
  margin-left: 60px;
}

.fgnfont {
  width: 400px;
  float: left;
}

.fgnfont>.fuzzybor {
  width: 300px;
  color: #0f5aa5;
  font-size: 18px;
  text-align: left;
  padding: 10px;
  margin-top: 20px;
  line-height: 30px;
  /* box-shadow: 0 0 15px rgba(182, 196, 196, 0.8); */
  margin-left: 35px;
}

.cirul li {
  list-style: disc;
  margin-left: 20px;
}

.cirul {
  color: #5f5c5cda;
}

.fgnimg {
  width: 700px;
  float: left;
  height: 400px;
  display: flex;
  justify-content: center;
  align-items: center;
  /* border: 1px solid #4892ec; */
}

.fgnimg>img {
  width: 90%;
}

.imageLI {
  margin-top: 59px;
}

.yktLi {
  list-style: none !important;
  height: 48px;
  line-height: 48px;
  padding-left: 20px;
  width: 400px;
  background-color: #f6f6f6;
}

.topLi {
  margin-top: 30px;
}

/* 智能充电 */
.cdxttab>.fxtimg>img {
  width: 30%;
}

.cdxttab:nth-child(odd)>.fxtimg>img {
  margin-left: 155px;
}

.cdxttab:nth-child(odd)>.fxtfont>.fuzzybor {
  margin-left: 170px;
}

.cdxttab:nth-child(even)>.fxtimg>img {
  margin-left: 170px;
}

.cdxttab:nth-child(even)>.fxtfont>.fuzzybor {
  margin-left: 170px;
}

.cdyjphone {
  padding: 20px 0 40px 0;
}

.cdyjphone>div {
  float: left;
  width: 340px;
  height: 450px;
  /* border: 1px solid; */
  text-align: center;
}

.cdyjphone>.cdphoneimg img {
  /* display: block; */
  margin: 0 auto;
}

.phonefixed {
  width: 70%;
  position: absolute;
  left: 52px;
}

.cdphoneimg {
  position: relative;
}

.cdyjphone>div:not(:first-child) {
  margin-left: 40px;
}

.ioslist>img {
  position: absolute;
}

.iosimg {
  width: 55%;
  top: 59px;
  left: 79px;
  display: none;
}

/*  */
.cdlf>div {
  width: 280px;
  font-size: 16px;
  text-align: right;
  color: #5f5c5cda;
  margin-left: 56px;
  padding: 23px 0;
}

.cdlf>div:hover {}

.cdlf>div>.cdfpf {
  font-size: 16px;
  font-weight: bold;
}

.cdrf>div {
  width: 280px;
  font-size: 16px;
  text-align: left;
  color: #5f5c5cda;
  margin-left: 0px;
  padding: 23px 0;
}

.cdrf>div:hover {}

.cdrf>div>.cdfpf {
  font-size: 16px;
  font-weight: bold;
}

/* 智能对讲 */
.djhxlist>.djhx {
  float: left;
  width: 366px;
  height: 140px;
}

.djhx>div {
  float: left;
}

.djhx>div:nth-child(1) {
  width: 107px;
  padding-top: 10px;
}

.djhx>div:nth-child(2) {
  width: 250px;
}

.djhxfont>p:first-child {
  font-size: 18px;
  font-weight: bold;
  color: #5c5c5c;
}

.djhxfont>p {
  font-size: 16px;
  /* color: 5c5c5c; */
}

.djhxfont {
  padding: 20px 30px 0px 20px;
  text-align: justify;
}

.djhxjzlist>.djhxjz {
  float: left;
}

.djhxjz {
  width: 212px;
}

.djhxjz:not(:first-child) {
  margin-left: 10px;
}

.djhxjz>img {
  display: block;
  margin: 0 auto;
}

.djhxjzfont {
  text-align: center;
  padding: 20px 8px 0px;
  height: 85px;
  background: #4892ec;
  color: #fff;
}

/* 智能梯控 */
.tkhxlist {
  padding-top: 30px;
}

.tkhxlist>div {
  float: left;
  width: 366px;
  height: 200px;
}

.tkhx>div>img {
  display: block;
  margin: 0 auto;
  padding-bottom: 15px;
}

.tkhxfont>p {
  font-size: 16px;
  text-align: center;
  padding: 0 72px;
  /* color:#5c5c5c; */
}

.tkhxfont>p:first-child {
  font-size: 18px;
  font-weight: bold;
  color: #5c5c5c;
}

.tkhx:nth-child(4),
.tkhx:nth-child(5),
.tkhx:nth-child(6) {
  padding-top: 15px;
}

/* 智能监控 */
.jkhzbg {
  background: url(css/images/2018Web/jkbg.jpg) no-repeat;
}

/* 智能云设备 */
.ysblist {
  padding-top: 30px;
}

.ysblist>.ysbitem {
  display: inline-block;
  margin-bottom: 30px;
  margin-right: 20px;
  width: 255px;
  height: 350px;
  box-sizing: border-box;
  border: 1px solid #dcdcdc;
  text-align: center;
  cursor: pointer;
  transition: 0.2s;
  overflow: hidden;
}

.ysblist>.ysbitem:nth-child(4) {
  margin-right: 0;
}

.ysblist>.ysbitem:nth-child(8) {
  margin-right: 0;
}

.ysblist>.ysbitem:nth-child(12) {
  margin-right: 0;
}

.ysbimg {
  width: 120px;
  height: 120px;
  margin: 0 auto;
  margin-top: 40px;
  /* background: url(css/images/2018Web/ysb01.png) no-repeat center center; */
}

.ysbitem:hover .ysbimg {
  transition: 0.8s;
  transform: rotateY(360deg);
}

.ysbitem:hover {
  background: #4892ec;
  border: 1px solid #4892ec;
}

.ysbitem:hover .ysbintro,
.ysbintro>h3 {
  color: #fff;
}

.ysbitem:hover .ysbintro>h3 {
  color: #fff;
}

.ysbintro {
  font-size: 16px;
  line-height: 25px;
  color: #585656;
  padding: 30px 20px 0px;
}

.ysbintro>h3 {
  font-size: 18px;
  color: #195a9a;
  padding-bottom: 12px;
}

.ysft {
  width: 200px;
  height: 80px;
  margin: 0 auto;
  text-align: center;
  font-size: 16px;
  line-height: 29px;
  padding-top: 5px;
}

.ysbjz {
  width: 215px;
  display: inline-block;
  font-size: 16px;
  text-align: center;
}

.ysbjz>p {
  padding-top: 15px;
}

/* 智能水电表 */
.cirul p {
  margin-left: 20px;
}

#dbcj>img {
  display: inline-block;
  width: 204px;
  transition: all 0.3s linear;
}

#dbcj {
  width: 1100px;
  margin: 0 auto;
  border: 1px solid #9b9696;
  border-radius: 5px;
  padding: 5px;
}

#dbcj>img:hover {
  opacity: 0.88;
  transform: scale(0.98);
}

#dbcj>img:not(:nth-child(1)) {
  margin-left: 12px;
}

/* 智能APP */
.abLayout {
  margin: 0 auto;
}

.abLayout>.fgnimg:first-child {
  float: left;
  -moz-justify-content: left;
  -webkit-justify-content: left;
  justify-content: left;
}

.abLayout>.fgnimg:last-child {
  float: right;
  -moz-justify-content: right;
  -webkit-justify-content: right;
  justify-content: right;
  justify-content: flex-end;
}

.sjbg {
  background: rgba(0, 0, 0, 0) url("css/images/2018Web/sjbz1.png") no-repeat scroll center top;
}

.w120 {
  width: 120px;
}

.w100 {
  width: 100px;
}

.ml10 {
  margin-left: 10%;
}

.mr10 {
  margin-right: 10%;
}

.mt_25 {
  margin-top: -25px;
}

.ml_4 {
  margin-left: -4%;
}

.mr_4 {
  margin-right: -4%;
}

.sjbtitle {
  font-size: 18px;
  font-weight: bold;
  color: rgba(51, 51, 51, 1);
  line-height: 24px;
}

.sjstitle {
  width: 370px;
  font-size: 16px;
  color: rgba(51, 51, 51, 1);
  line-height: 32px;
}

.jmstitle {
  font-size: 14px;
  color: rgba(51, 51, 51, 1);
  line-height: 32px;
}

.orange_line {
  width: 40px;
  height: 4px;
  background: rgba(255, 111, 36, 1);
  margin: 20px 0px 15px;
}

.green_line {
  width: 40px;
  height: 4px;
  background: #00be00;
  margin: 20px 0px 15px;
}

.sjty .gethref {
  margin-left: 0px;
}

.jmappInfo {
  width: 1100px;
  margin: 0 auto;
}

.jmappInfo .list_jmapp:not(:last-child) {
  margin-bottom: 18px;
}

.list_jmapp .jmtrbig:not(:last-child) {
  margin-right: 18px;
}

.jmtrbig {
  width: 202px;
  border-radius: 6px;
  transition: all 0.3s ease-in-out;
}

.jmtrbig:hover {
  transform: scale(1.18);
  box-shadow: 0px 0px 13px #ababab;
}

/* 调用 */
.colorbg {
  background: #4892ec;
  color: #fff;
}

.colorbg2 {
  background: #4892ec;
  color: #fff;
}

.colorbg3 {
  background: #4892ec;
  color: #fff;
}

.colorbg4 {
  background: #4892ec;
  color: #fff;
}

.colorbg5 {
  background: #4892ec;
  color: #fff;
}

.bybgc {
  background: #4892ec;
  color: #fff;
}

.bluecolor {
  color: #185598;
}

.guard {
  font-size: 31px;
  font-weight: bold;
  color: #195a9a;
  display: block;
  padding-bottom: 22px;
}

.locationDiv {
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 9rem;
}

.skill {
  font-family: "微软雅黑";
  font-weight: bold;
  font-size: 18px;
  color: #333333;
  margin-bottom: 20px;
}

.skill1 {
  width: 290px;
  font-family: "微软雅黑";
  line-height: 28px;
}

.art {
  position: absolute;
  top: 200px;
  right: 270px;
}

.skillDiv {
  margin-top: 50px;
}

.skillDiv p {
  font-family: "微软雅黑";
  font-size: 16px;
  color: #333333;
}

.masking {
  width: 220px;
  height: 36px;
  background-color: #000000;
  opacity: 0.5;
  position: absolute;
  bottom: 0;
  text-align: center;
  font-family: "微软雅黑";
  color: #ffffff;
  line-height: 36px;
  font-size: 16px;
}

.masking1 {
  width: 180px;
  height: 36px;
  background-color: #000000;
  opacity: 0.5;
  position: absolute;
  bottom: 0;
  text-align: center;
  font-family: "微软雅黑";
  color: #ffffff;
  line-height: 36px;
  font-size: 16px;
}

.imgLeft,
.imgLeft2,
.imgLeft3,
.imgLeft4,
.imgLeft5 {
  position: absolute;
  left: 29rem;
  top: 165px;
  cursor: pointer;
  z-index: 5;
}

.imgRight,
.imgRight2,
.imgRight3,
.imgRight4,
.imgRight5 {
  position: absolute;
  right: 29rem;
  top: 165px;
  cursor: pointer;
  z-index: 5;
}

@media screen and (max-width: 1680px) {
  .cpuBan {
    height: 100%;
    position: absolute;
    left: -50%;
    margin-left: 640px;
  }

  .imgLeft,
  .imgLeft2,
  .imgLeft3,
  .imgLeft4,
  .imgLeft5 {
    left: 19rem;
  }

  .imgRight,
  .imgRight2,
  .imgRight3,
  .imgRight4,
  .imgRight5 {
    right: 19rem;
  }
}

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

  .imgLeft,
  .imgLeft2,
  .imgLeft3,
  .imgLeft4,
  .imgLeft5 {
    left: 15rem;
  }

  .imgRight,
  .imgRight2,
  .imgRight3,
  .imgRight4,
  .imgRight5 {
    right: 15rem;
  }
}

@media screen and (max-width: 1440px) {
  .cpuBan {
    height: 100%;
    position: absolute;
    left: -50%;
    margin-left: 490px;
  }

  .imgLeft,
  .imgLeft2,
  .imgLeft3,
  .imgLeft4,
  .imgLeft5 {
    left: 9rem;
  }

  .imgRight,
  .imgRight2,
  .imgRight3,
  .imgRight4,
  .imgRight5 {
    right: 9rem;
  }

  .skill {
    margin-bottom: 10px;
  }

  .skill1 {
    line-height: 23px;
  }

  .skillDiv {
    margin-top: 30px;
  }

  .skillDiv p {
    margin-bottom: 5px;
  }

  .art {
    right: 200px;
  }
}

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

  .imgLeft,
  .imgLeft2,
  .imgLeft3,
  .imgLeft4,
  .imgLeft5 {
    left: 6rem;
  }

  .imgRight,
  .imgRight2,
  .imgRight3,
  .imgRight4,
  .imgRight5 {
    right: 6rem;
  }
}

@media screen and (max-width: 1366px) {
  .cpuBan {
    height: 100%;
    position: absolute;
    left: -50%;
    margin-left: 300px;
  }

  .imgLeft,
  .imgLeft2,
  .imgLeft3,
  .imgLeft4,
  .imgLeft5 {
    left: 6rem;
  }

  .imgRight,
  .imgRight2,
  .imgRight3,
  .imgRight4,
  .imgRight5 {
    right: 6rem;
  }

  .skill {
    margin-bottom: 10px;
  }

  .skill1 {
    line-height: 23px;
  }

  .skillDiv {
    margin-top: 30px;
  }

  .skillDiv p {
    margin-bottom: 5px;
  }

  .art {
    right: 180px;
  }
}

@media screen and (max-width: 1280px) {
  .cpuBan {
    height: 100%;
    position: absolute;
    left: -50%;
    margin-left: 280px;
  }

  .imgLeft,
  .imgLeft2,
  .imgLeft3,
  .imgLeft4,
  .imgLeft5 {
    left: 3rem;
  }

  .imgRight,
  .imgRight2,
  .imgRight3,
  .imgRight4,
  .imgRight5 {
    right: 3rem;
  }

  .skill {
    margin-bottom: 10px;
  }

  .skill1 {
    line-height: 23px;
  }

  .skillDiv {
    margin-top: 20px;
  }

  .skillDiv p {
    margin-bottom: 5px;
  }

  .art {
    right: 125px;
    top: 190px;
  }
}