html {
  display: table;
  width: 100%;
}

body {
  margin: 0 auto;
  padding: 0;
  color: #494848;
  background: #ffffff;
  min-width: 1440px;
  /* min-width: 1200px; */
  /* overflow: hidden; */
}

.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

em,
i {
  font-style: normal;
}

/*头部*/
img {
  border: 0;
}

.header-text {
  width: 536px;
  height: 190px;
  margin-top: -250px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 99;
}

.headbg_text_box span {
  color: #fff;
  font-size: 50px;
  margin-left: 10px;
  margin-right: 10px;
}

.menu {
  display: flex;
  align-items: center;
  height: 70px;
  line-height: 70px;
  float: left;
  text-align: left;
}

.menu > a {
  font-size: 16px;
  color: #fff;
  display: inline-block;
  margin-left: 1.5625rem;
  /* margin-left: 1rem; */
  padding: 0 0.625rem;
  box-sizing: border-box;
}

.menu .live-png {
  padding: 0;
}

.menu > .jobdetail {
  font-size: 16px;
  color: #000;
  display: inline-block;
  margin-left: 25px;
  padding: 0 10px;
  box-sizing: border-box;
}

.menu > a.select {
  /* background: none;
  color: #194ac3; */
  background-color: #0d52b3;
  color: #fff;
}

.logo {
  vertical-align: middle;
  display: inline-block;
}

.header-line > div > .right {
  /* float: right; */
  position: relative;
  /* display: flex; */
  /* width: calc(100% - 866px - 221px); */
}

.submenu2 {
  display: none;
  border-radius: 4px;
  width: 222px;
  height: 106px;
  text-align: center;
  line-height: 46px;
  background-color: #fff;
  color: #000;
  position: absolute;
  left: 0px;
  top: 70px;
}

.right:hover.right .submenu2 {
  display: block;
}

.header-line > div > div > a.cockpit {
  background: url(../img/index/roomlight2.png);
  background-size: 100% 100%;
  display: inline-block;
  width: 120px;
  height: 35px;
  line-height: 26px;
  margin: 16.5px 4px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  border-radius: 5px;
}

.header-line > div > div > a.cockpit.a1 {
  width: 140px;
  background: url(../img/index/cclight2.png);
  background-size: 100% 100%;
}

.header-line > div > div > a.cockpit.a2 {
  width: 170px;
  background: url(../img/index/numlight2.png);
  background-size: 100% 100%;
}

.header-line > div > div > a.cockpit.a3 {
  width: 160px;
  background: url(../img/index/numlight3.png);
  background-size: 100% 100%;
}

.header-line > div > div > a.cockpit:hover {
  background: url(../img/index/roomdark2.png);
  background-size: 100% 100%;
}

.header-line > div > div > a.cockpit.a1:hover {
  background: url(../img/index/ccdark2.png);
  background-size: 100% 100%;
}

.header-line > div > div > a.cockpit.a2:hover {
  background: url(../img/index/numdark2.png);
  background-size: 100% 100%;
}

.header-line > div > div > a.cockpit.a3:hover {
  background: url(../img/index/roomdark3.png);
  background-size: 100% 100%;
}

.header-line > div > a.cockpit {
  display: inline-block;
  float: right;
  width: 130px;
  height: 29px;
  line-height: 26px;
  margin: 21.5px 0;
  text-align: center;
  font-size: 14px;
  color: #fff;
  border-radius: 5px;
}

.header-line > div > a.cockpit.cockpitChange {
  display: inline-block;
  float: right;
  width: 130px;
  height: 29px;
  line-height: 26px;
  margin: 21.5px 0;
  text-align: center;
  font-size: 14px;
  color: #000;
  border-radius: 5px;
}

/* .header-line > div > a.cockpit:last-child:after{ content: ''; display: inline-block; width: 1px; height: 15px; background: #fff; margin-left: 18px; vertical-align: middle; } */
.header-line > div > a.cockpit i {
  display: inline-block;
  width: 19px;
  height: 19px;
  background: url(../img/cockpit.png) center no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin-left: 5px;
  transition: all linear 0.3s;
}

.header-line > div > a.cockpit.cockpitChange i {
  display: inline-block;
  width: 19px;
  height: 19px;
  background: url(../img/cockpit.png) center no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin-left: 5px;
  transition: all linear 0.3s;
}

.header-line > div > a.cockpit:hover {
  box-shadow: 0 0 17px rgba(0, 0, 0, 0.3);
  transition: all linear 0.3s;
  /* transform: translateX(5px); */
  background-color: #0d52b3;
  color: #fff;
}

.header-line > div > a.cockpit.cockpitChange:hover {
  box-shadow: 0 0 17px rgba(0, 0, 0, 0.3);
  transition: all linear 0.3s;
  /* transform: translateX(5px); */
  background-color: #0d52b3;
  color: #fff;
}

.header-line > div > span.line {
  display: block;
  float: right;
  margin: 0 16px 0 10px;
  margin-top: 26px;
  float: right;
  width: 2px;
  height: 18px;
  line-height: 18px;
  background-color: #fff;
}

#ds-reset .ds-avatar img {
  -webkit-animation-name: rotateInDownLeft;
  -moz-animation-name: rotateInDownLeft;
  -o-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

.logo-line {
  width: 2px;
  height: 43px;
  margin-top: 22px;
  display: block;
  background: #e2e2e2;
}

.cclogo {
  background: url(../img/cclogo.png) no-repeat center left;
  height: 40px;
  display: inline-block;
  vertical-align: middle;
  width: 124px;
}

.logo-text {
  height: 50px;
  display: block;
  margin-top: 20px;
  margin-left: 10px;
  width: 150px;
  float: left;
  text-align: left;
}

.logo-text div {
  color: #494949;
  font-size: 14px;
  padding-top: 2px;
}

.logo h1 {
  color: #484848;
  font-size: 22px;
  padding-top: 2px;
  margin-right: 4px;
}

.logo-abc {
  color: #484848;
}

img {
  display: block;
}

a {
  text-decoration: none;
  font-size: 14px;
  font-family: "微软雅黑";
  color: #4f4f4f;
}

#footer div.foot-mail a:hover {
  text-decoration: underline;
  color: #ffffff;
}

#footer div.foot-menu a:hover {
  text-decoration: underline;
  color: #ffffff;
}

li {
  list-style-type: none;
}

.headerBanner {
  width: 100%;
  height: 420px;
  margin-top: 80px;
}

.banner2 {
  width: 100%;
  height: 420px;
  overflow: hidden;
  position: relative;
}

.banner2 .box {
  width: 100%;
}

#box2 {
  width: 100%;
  margin: 0 auto;
  height: 100%;
}

.banner2 .box ul {
  overflow: hidden;
  position: absolute;
  left: 0px;
  height: 100%;
  width: 100%;
}

.banner2 .box li {
  float: left;
  height: 100%;
  width: 100%;
}

.banner2 ol {
  position: absolute;
  bottom: 20px;
  left: 47%;
  z-index: 10;
}

#box2 ol {
  position: absolute;
  top: 200px;
  left: 30px;
  width: 8px;
  z-index: 10;
}

#box2 ol li {
  float: left;
  margin: 5 0px;
  display: block;
  width: 8px;
  height: 18px;
  background: url(../img/headerbaner/tg_flash_p2.png) center no-repeat;
  cursor: pointer;
}

#box2 ol li.on {
  background: url(../img/headerbaner/tg_flash_p.png) center no-repeat;
}

.banner2 ol li {
  float: left;
  margin: 0 5px;
  display: block;
  width: 8px;
  height: 8px;
  background: url(../img/headerbaner/tg_flash_p2.png) no-repeat;
  cursor: pointer;
}

.banner2 ol li.on {
  background: url(../img/headerbaner/tg_flash_p.png) no-repeat;
}

/*头部end*/

/*正文*/
.content-menu {
  color: #494848;
  font-size: 12px;
  text-align: left;
  width: 1130px;
  padding-top: 20px;
  margin: 0px auto;
}

.content-menu > span > a {
  color: #959595;
  font-size: 12px;
}

#content {
  clear: both;
  width: 1440px;
  margin: 0 auto;
}

@media screen and (max-width: 1200px) {
  #content {
    clear: both;
    width: 1440px;
    margin: 0 auto;
  }
}

.setion {
  width: 1200px;
  margin: 20px auto 0 auto;
  font-size: 14px;
  text-align: left;
  padding: 0;
  clear: both;
}

.mb {
  margin-bottom: 20px;
}

.mb40 {
  margin-bottom: 40px;
}

.mt100 {
  margin-top: 60px;
}

.mb100 {
  margin-bottom: 60px;
}

.entittle {
  clear: both;
  padding-top: 60px;
  margin: 0 auto;
  height: 27px;
}

.entittle1 {
  clear: both;
  padding-top: 40px;
  margin: 0 auto;
  height: 27px;
}

.setion-tittle1 {
  margin-top: 30px;
  margin-bottom: 45px;
  color: #494848;
  font-family: "微软雅黑";
  font-size: 24px;
  text-align: center;
}

.setion-tittle3 {
  padding-top: 60px;
  padding-bottom: 40px;
  color: #494848;
  font-family: "微软雅黑";
  font-size: 24px;
  text-align: center;
}

.setion-tittle8 {
  padding-top: 60px;
  color: #494848;
  font-family: "微软雅黑";
  font-size: 24px;
  text-align: center;
}

.setion-tittle {
  margin-top: 30px;
  margin-bottom: 60px;
  color: #494848;
  font-family: "微软雅黑";
  font-size: 24px;
  text-align: center;
}

.mt15 {
  margin-top: 15px;
}

.setion-tittle7 {
  color: #959595;
  font-family: "微软雅黑";
  font-size: 18px;
  text-align: center;
}

.setion-tittle2 {
  color: #959595;
  font-family: "微软雅黑";
  font-size: 18px;
  text-align: center;
  height: 40px;
  line-height: 40px;
}

.news {
  width: 1130px;
  width: 1190px\9;
  overflow: hidden;
}

.news-left {
  width: 351px;
  height: 445px;
  margin-right: 37px;
  position: relative;
}

.news-left:last-child {
  margin-right: 0px !important;
}

.news-left1 {
  width: 351px;
  height: 380px;
  margin-right: 37.5px;
  position: relative;
}

.news-left1:last-child {
  margin-right: 0px !important;
}

.news-left-tittle {
  font-family: "微软雅黑";
  width: 351px;
  height: 238px;
  font-size: 18px;
  color: #ffffff;
  position: relative;
  bottom: 238px;
  background: url(../img/mengc.png);
}

.news-left-tittle div {
  position: relative;
  width: 291px;
  left: 30px;
  height: 60px;
  bottom: -138px;
  line-height: 30px;
  overflow: hidden;
}

.news-center {
  width: 351px;
  height: 445px;
  margin: 0 20.5px;
  border-left: 1px solid #e2e2e2;
  border-right: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
}

.news-center-tittle {
  font-family: "微软雅黑";
  width: 310px;
  font-size: 18px;
  color: #494848;
  margin: 0 auto;
  text-align: left;
  padding: 10px;
}

.news-center-tittle1 {
  font-family: "微软雅黑";
  width: 310px;
  font-size: 18px;
  color: #494848;
  margin: 0 auto;
  text-align: left;
  padding-top: 10px;
}

/*.news-left:hover{opacity: 0.8;}
.news-left:hover .new-pop{display: block;}*/
.textpop {
  width: 350px;
  border-radius: 5px;
  height: auto;
  background: #ffffff;
  filter: alpha(opacity=60);
  opacity: 1;
  -moz-opacity: 1;
  position: absolute;
  left: 0;
  bottom: 0;
}

.new-pop {
  background: #ffffff;
  width: 350px;
  border-radius: 0 0 5px 5px;
  height: auto;
  display: none;
  /*position: relative;
	top: -169px;*/
  line-height: 200%;
  border-left: 1px solid #e2e2e2;
  border-right: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
}

.fw-text {
  width: 850px;
  height: 270px;
  margin-top: -270px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 9;
}

@media only screen and (min-width: 1600px) {
  .fw-text {
    margin-top: -320px !important;
    height: 320px !important;
  }
}

@media only screen and (min-width: 1880px) {
  .fw-text {
    margin-top: -350px !important;
    height: 350px !important;
  }
}

.news-center-tittle div {
  border-left: 1px solid #000000;
  padding-left: 10px;
}

.news-center-content {
  color: #959595;
  font-family: "微软雅黑";
  font-size: 14px;
  width: 320px;
  margin: 0 auto;
  padding: 10px;
  height: 40px;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  overflow: hidden;
  line-height: 24px;
}

.news-center-content1 {
  color: #959595;
  font-family: "微软雅黑";
  font-size: 14px;
  width: 320px;
  margin: 0 auto 15px;
  padding: 10px;
  height: 40px;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  overflow: hidden;
  line-height: 24px;
}

.news-day {
  color: #959595;
  font-family: "微软雅黑";
  font-size: 14px;
  width: 320px;
  margin: 0 auto;
  padding-top: 5px;
}

.news-btn {
  background: url(../img/news-btn.png) no-repeat;
  color: #494848;
  font-family: "微软雅黑";
  font-size: 14px;
  width: 121px;
  height: 41px;
  line-height: 41px;
  text-align: center;
  margin: 30px auto;
  display: block;
}

/*介绍菜单*/
.jsdetail {
  width: 1130px;
}

.jsdetail-list {
  width: 274.5px;
  height: 340px;
  background: #ffffff;
}

.yycj-list {
  width: 253px;
  margin-left: 39.33px;
}

.yycj-list:first-child {
  margin-left: 0px;
}

.yycj-text {
  font-size: 18px;
  padding-top: 20px;
  padding-bottom: 60px;
  text-align: center;
}

/*.jsdetail-list:hover{
	width: 274.5px;
	height: 420px;
	background: #007eff;
}*/

.ghyyyicon {
  margin-top: 80px;
  background: url(../img/314.png) center top no-repeat;
  width: 100%;
  height: 80px;
  display: block;
}

.zzyyicon {
  margin-top: 80px;
  background: url(../img/86.png) center top no-repeat;
  width: 100%;
  height: 80px;
  display: block;
}

.jhzlicon {
  margin-top: 80px;
  background: url(../img/1100.png) center top no-repeat;
  width: 100%;
  height: 80px;
  display: block;
}

.mt1 {
  margin-top: 15px;
}

.jjfalicon {
  margin-top: 80px;
  background: url(../img/jjfa1.png) center top no-repeat;
  width: 100%;
  height: 80px;
  display: block;
}

/*.jsdetail-list:hover .jjfalicon{
	background: url(../img/jjfa2.png) center no-repeat;
}
.jsdetail-list:hover .jhzlicon{
	background: url(../img/jhzl2.png) center no-repeat;
}
.jsdetail-list:hover .ghyyyicon{
	background: url(../img/ghyyy2.png) center no-repeat;
}
.jsdetail-list:hover .yfwicon{
	background: url(../img/yfw2.png) center no-repeat;
}
.jsdetail-list:hover .jsdetail-tittle1{
	color: #FFFFFF;
}
.jsdetail-list:hover .jsdetail-tittle2{
	color: #FFFFFF;
}
.jsdetail-list:hover .jsdetail-btn{
	color: #007eff;
}*/
.jsdetail-tittle1 {
  font-size: 18px;
  color: #494848;
  text-align: center;
  height: 40px;
  line-height: 40px;
}

.jsdetail-tittle2 {
  font-size: 14px;
  color: #959595;
  height: 25px;
  line-height: 25px;
  text-align: center;
}

.jsdetail-btn {
  width: 110px;
  height: 40px;
  font-size: 14px;
  line-height: 40px;
  text-align: center;
  border: 1px solid #e2e2e2;
  background: #ffffff;
  margin: 0 auto;
  color: #494848;
  margin-top: 50px;
}

/*介绍菜单*/

/*轮播正文*/
.lb-text {
  position: relative;
  clear: both;
  top: -380px;
  padding: 10px;
  color: #ffffff;
}

/*轮播正文*/

/*我们的优势*/
.ysdetail-list {
  width: 282.5px;
  height: 320px;
}

.ysdetail {
  width: 1130px;
  height: 330px;
}

/*.ysdetail-list:hover{
	width: 274.5px;
	height: 420px;
	background: #FFFFFF;
	cursor: pointer;
}*/
.bgysicon {
  background: url(../img/bgys1.png) center no-repeat;
  width: 100%;
  height: 140px;
  display: block;
}

.xtysicon {
  background: url(../img/xtys1.png) center no-repeat;
  width: 100%;
  height: 140px;
  display: block;
}

.zhysicon {
  background: url(../img/zhys1.png) center no-repeat;
  width: 100%;
  height: 140px;
  display: block;
}

.ppysicon {
  background: url(../img/ppys1.png) center no-repeat;
  width: 100%;
  height: 140px;
  display: block;
}

/*.ysdetail-list:hover .bgysicon{
	background: url(../img/bgys2.png) center no-repeat;
}
.ysdetail-list:hover .xtysicon{
	background: url(../img/xtys2.png) center no-repeat;
}
.ysdetail-list:hover .zhysicon{
	background: url(../img/zhys2.png) center no-repeat;
}
.ysdetail-list:hover .ppysicon{
	background: url(../img/ppys2.png) center no-repeat;
}
.ysdetail-list:hover .ysdetail-btn{display: block;}*/
.ysdetail-tittle2 {
  margin: 0 auto;
  font-size: 14px;
  color: #959595;
  width: 190px;
  line-height: 25px;
  text-align: center;
}

.ysdetail-btn {
  width: 232px;
  height: 40px;
  font-size: 14px;
  line-height: 40px;
  text-align: center;
  border: 1px solid #e2e2e2;
  background: #007eff;
  margin: 0 auto;
  color: #ffffff;
  display: none;
  margin-top: 50px;
}

/*我们的优势*/

/*智慧产品*/
.zhcp {
  margin-top: -241px;
  margin-bottom: 60px;
}

.lbcontent {
  width: 1130px;
  margin: 0 auto;
  position: relative;
}

.product-menu {
  width: 600px;
  margin: 0 auto;
  margin-top: 40px;
}

.product-menu li {
  margin-left: 20px;
  width: 80px;
  height: 33px;
  line-height: 33px;
  text-align: center;
  cursor: pointer;
}

.product-menu li:hover {
  color: #ffffff;
  background: url(../img/product-menu.png) no-repeat;
}

.current {
  color: #ffffff;
  background: url(../img/product-menu.png) no-repeat;
}

.product-lefticon {
  width: 54px;
  height: 437px;
  background: url(../img/left.png) no-repeat left center;
  cursor: pointer;
}

.product-righticon {
  width: 54px;
  height: 437px;
  cursor: pointer;
  background: url(../img/right.png) no-repeat right center;
}

.product-content {
  width: 990px;
  height: 437px;
  padding-bottom: 50px;
}

.li-deatil {
  display: none;
  color: #ffffff;
  margin: 0 auto;
}

.li-deatil-tittle {
  padding-top: 130px;
  font-size: 72px;
  padding-left: 80px;
}

.li-deatil-tittle1 {
  padding-top: 12px;
  font-size: 14px;
  padding-left: 80px;
}

.li-deatil-btn {
  color: #494848;
  text-align: center;
  width: 138px;
  height: 42px;
  line-height: 42px;
  margin-left: 80px;
  margin-top: 60px;
  background: url(../img/li-deatil-btn.png) no-repeat;
}

div[data-name="product-cc"] {
  background: url(../img/cc-bg.png) no-repeat;
}

.li-deatil {
  background: url(../img/cc-bg.png) no-repeat;
}

/*智慧产品*/

/*战略合作伙伴*/
.zlhzhb {
  margin-left: auto;
  margin-right: auto;
  width: 1130px;
  clear: both;
}

.zlhzhb div:first-child {
  margin-left: 0px;
}

.zlhzhb div {
  float: left;
  height: 106px;
  margin-left: 24px;
  width: 277px;
  border: 1px solid #e2e2e2;
  box-sizing: border-box;
  transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
}

.huawei {
  background: url(../img/huawei.png) no-repeat center;
}

.ibm {
  background: url(../img/ibm.png) no-repeat center;
}

.zgdx {
  background: url(../img/zgdx.png) no-repeat center;
}

.shunfeng {
  background: url(../img/shunfeng.png) no-repeat center;
}

.tianhu {
  background: url(../img/tianhu.png) no-repeat center;
}

.dashi {
  background: url(../img/dashi.png) no-repeat center;
}

.gjxx {
  background: url(../img/guojiaxinxi.png) no-repeat center;
}

.liantong {
  background: url(../img/liantong.png) no-repeat center;
}

.yidong {
  background: url(../img/yidong.png) no-repeat center;
}

.shenhua {
  background: url(../img/shenhua.png) no-repeat center;
}

.john {
  background: url(../img/john.png) no-repeat center;
}

.jiesuan {
  background: url(../img/jiesuan.png) no-repeat center;
}

.zlhz-btn {
  width: 121px;
  height: 41px;
  font-size: 14px;
  line-height: 41px;
  text-align: center;
  background: url(../img/zlhz-btn.png) no-repeat center;
  margin-left: auto;
  margin-right: auto;
  color: #ffffff;
  clear: both;
  cursor: pointer;
}

.zlhz-btn1 {
  width: 121px;
  height: 41px;
  font-size: 14px;
  line-height: 41px;
  text-align: center;
  background: url(../img/zlhz-btn1.png) no-repeat center;
  margin-left: auto;
  margin-right: auto;
  color: #ffffff;
  clear: both;
  cursor: pointer;
}

/*战略合作伙伴*/

/*正文end*/

/*尾部*/
#footer {
  margin: 0;
  padding: 0;
  width: 100%;
  background: #181a27;
  clear: both;
  min-width: 1200px;
  position: relative;
}

#footer .footerBox {
  width: 1440px;
  /* width: 80%; */
  margin: 0 auto;
  position: relative;
}

.footer-content {
  height: 250px;
  width: 1440px;
  /* width: 100%; */
  margin: 0 auto;
  color: #959595;
  font-family: "微软雅黑";
  font-size: 14px;
  text-align: left;
}

.footer-content a {
  color: #fff;
  font-family: "微软雅黑";
  font-size: 14px;
  display: inline-block;
}

.footLeft .company{ padding-left: 25px; display: flex; align-items: center; margin-top: 13px; color: #fff; }
.footLeft .company a{ display: flex; align-items: center; margin-left: 10px; }
.footLeft .company a img{ width: 16px; height: 17px; margin-right: 3px; }


@media screen and (max-width: 1200px) {
  #footer .footerBox {
    margin: 0 20px;
  }
}

@media screen and (max-width: 1640px) and (min-width: 1201px) {
  /* #footer .footerBox {
			margin: 0 100px;
		} */
}

.Alogo {
  line-height: 70px;
  float: left;
}

.foot-menu {
  width: 430px;
  height: 180px;
}

.pt20 {
  padding-top: 20px;
}

.cf {
  clear: both;
}

.lf {
  float: left;
}

.rf {
  float: right;
}

.foot-menu ul {
  width: 142px;
  height: 168px;
  margin-top: 60px;
  float: left;
}

.foot-menu ul li {
  height: 30px;
  line-height: 30px;
}

.foot-lx {
  width: 350px;
  height: 180px;
  margin-top: 60px;
  margin-left: 50px;
}

#footer .foot-lx a:hover {
  text-decoration: none;
}

.foot-tel {
  line-height: 60px;
  height: 60px;
  clear: both;
  position: relative;
}

.foot-tel i {
  background: url(../img/tel-icon.png) no-repeat;
  width: 15px;
  height: 35px;
  display: block;
  position: absolute;
  left: -10px;
  top: -5px;
}

.foot-tel span {
  padding-left: 10px;
  min-width: 340px;
  line-height: 25px;
  display: block;
  word-break: break-word;
}

.foot-btn {
  background: url(../img/zx-btn.png) no-repeat;
  color: #ffffff;
  font-family: "微软雅黑";
  font-size: 14px;
  width: 197px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  margin: 5px 0;
  opacity: 0.8;
  margin-right: 70px;
}

.foot-btn:hover {
  opacity: 1;
}

.foot-mail {
  line-height: 20px;
  height: 20px;
  clear: both;
}

.foot-mail i {
  background: url(../img/message.png);
  width: 16px;
  height: 14px;
  margin-top: 3px;
  display: block;
}

.foot-mail span {
  padding-left: 10px;
}

.foot-erwei {
  width: 30%;
  margin-top: 50px;
}

.erwei {
  width: 80px;
  margin-left: 20px;
  float: right;
}

.erwei img {
  margin-top: 10px;
  width: 80px;
  height: 80px;
}

.erwei div {
  text-align: center;
  width: 174px;
  height: 60px;
  line-height: 60px;
}

.erwei p {
  font-size: 12px;
  color: #fff;
  text-align: center;
  margin-top: 5px;
}

.foot-end {
  height: 65px;
  line-height: 65px;
  width: 1130px;
  margin: 0 auto;
  color: #959595;
  font-family: "微软雅黑";
  font-size: 14px;
  text-align: left;
  border-top: 1px solid #5f5f5f;
}

.foot-end a {
  color: #959595;
}

.foot-end a:hover {
  text-decoration: underline;
  color: #fff;
}

.foot-end span {
  padding-left: 10px;
}

.foot-top {
  background: url(../img/top.png);
  width: 48px;
  height: 48px;
  position: fixed;
  bottom: 180px;
  z-index: 666;
  margin-left: 1180px;
  display: none;
  filter: alpha(opacity=80);
  opacity: 0.8;
}

.foot-top:hover {
  filter: alpha(opacity=100);
  opacity: 1;
}

.aner-tittle {
  color: #494848;
  font-family: "微软雅黑";
  font-size: 20px;
  text-align: center;
  margin-top: 60px;
  margin-bottom: 20px;
}

.text-tittle {
  width: 1130px;
  border-bottom: 1px solid #e2e2e2;
}

.text-tittle span {
  text-align: center;
  width: 90px;
  height: 45px;
  line-height: 30px;
  display: block;
  font-size: 18px;
  color: #494848;
  border-bottom: 2px solid #007eff;
}

.text {
  width: 1130px;
  text-align: left;
  font-size: 16px;
  margin-top: 12px;
}

/*尾部end*/

.fj {
  color: #004ad3;
  text-decoration: underline;
  display: block;
  padding-top: 15px;
  margin-left: 20px;
}

.pop-btns {
  border: none;
  font-size: 12px;
  background: url("../images/popbtns.png") center center no-repeat;
  width: 90px;
  height: 30px;
  margin-left: 20px;
  cursor: pointer;
  color: #494949;
}

.popup_delete_content em {
  width: 235px;
  text-align: left;
  word-wrap: break-word;
  font-style: normal;
  color: #494848;
  display: block;
  font-size: 18px;
  font-weight: 500;
  padding-top: 40px;
  font-family: 微软雅黑;
  padding-left: 150px;
}

.popup_delete_content {
  background: url("../img/popup_delete_content_bg.png") no-repeat scroll 95px
    65px;
  height: 80px;
  min-width: 400px;
  text-align: center;
}

#updatexmformFile {
  margin-left: 13px;
  padding-bottom: 30px;
}

span.popup_btn_save {
  background: #367cfd;
}

.fadetail {
  width: 1130px !important;
}

.zlhzhb {
  width: 1130px !important;
}

.khjzdetail {
  width: 1130px !important;
}

.fwfadetail {
  width: 1130px !important;
}

.khjzdetail-list {
  margin-left: 54px !important;
}

.khjzdetail-list:first-child {
  margin-left: 0 !important;
}

.joinus {
  width: 1130px;
  margin: 0 auto;
}

/*媒体查询*/
@media only screen and (min-width: 1400px) {
  .lb-text {
    top: -410px;
  }
}

@media only screen and (min-width: 1600px) {
  .header-text {
    margin-top: -320px !important;
  }

  .fadetail {
    width: 1180px !important;
  }

  .khjzdetail {
    width: 1180px !important;
  }

  .zlhzhb {
    width: 1180px !important;
  }

  .joinus {
    width: 1140px;
  }

  .lb-text {
    top: -450px;
  }
}

@media only screen and (min-width: 1880px) {
  .header-text {
    margin-top: -350px !important;
  }

  .lb-text {
    top: -500px;
  }
}

/*媒体查询end*/

/*智慧产品轮播*/
.banner3 ol li {
  margin-left: 20px;
  width: 80px;
  height: 33px;
  line-height: 33px;
  text-align: center;
  cursor: pointer;
  float: left;
  z-index: 99;
}

.banner3 ol {
  width: 600px;
  margin: 0 auto;
}

.banner3 {
  width: 990px;
  overflow: hidden;
  position: relative;
  margin: 0 auto;
}

.banner3 .box3 ul {
  overflow: hidden;
  position: absolute;
  left: 0px;
}

.banner3 .box3 li {
  float: left;
}

.banner3 .box3 {
  width: 990px;
  margin-top: 60px;
  border-radius: 5px;
}

.l_btn {
  z-index: 9;
  cursor: pointer;
  width: 57px;
  height: 62px;
  background: url(../img/left.png) no-repeat center;
  position: absolute;
  left: 0px;
}

.r_btn {
  z-index: 9;
  cursor: pointer;
  width: 57px;
  height: 62px;
  background: url(../img/right.png) no-repeat center;
  position: absolute;
  right: 0px;
}

/*新闻标题菜单*/
.box4 li {
  margin-left: 20px;
  width: 1130px;
  height: 60px;
  line-height: 60px;
  text-align: left;
  cursor: pointer;
  z-index: 99;
}

.box4 li a {
  font-size: 18px;
}

.banner4 {
  width: 950px;
  overflow: hidden;
  position: relative;
  margin: 0 auto;
  height: 60px;
}

.banner4 .box4 ul {
  overflow: hidden;
  position: absolute;
  left: 0px;
}

.banner4 .box4 {
  width: 950px;
  border-radius: 5px;
}

.l_btn1 {
  z-index: 9;
  cursor: pointer;
  width: 26px;
  height: 20px;
  background: url(../img/hw_u_395993.png) no-repeat center;
  position: absolute;
  right: 0px;
  top: 10px;
}

.r_btn1 {
  z-index: 9;
  cursor: pointer;
  width: 26px;
  height: 20px;
  background: url(../img/hw_u_395995.png) no-repeat center;
  position: absolute;
  right: 0px;
  top: 32px;
}

.newsmenu {
  padding-bottom: 15px;
  height: 60px;
}

.tittle-news {
  width: 166px;
  height: 60px;
  line-height: 60px;
  background: url(../img/homepage_news_01.png) no-repeat;
  text-align: center;
  font-size: 18px;
  color: #494848;
}

/*新闻标题菜单end*/

/*头部内容*/
#header {
  width: 100%;
  /* min-width: 1640px; */
  min-width: 1200px;
  height: 550px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}

.select {
  background: #3380ff;
  color: #fff;
}

.header-line {
  width: 100%;
  height: 70px;
  background: rgba(255, 255, 255, 0.1);
  position: fixed;
  top: 0;
  z-index: 999;
  min-width: 1200px;
  font-family: "微软雅黑";
  clear: both;
}

.header-line > div {
  display: flex;
  height: 100%;
  margin: 0 auto;
  position: relative;
  padding: 0 5%;
  justify-content: space-between;
  /* width: 1640px; */
  /* width: 1440px; */
}

.header-line > div.submenu {
  display: none;
  padding: 0px;
  position: relative;
  left: 9.5%;
}

.header-line > div > a {
  line-height: 70px;
}

.header-content {
  width: 1003px;
  height: 960px;
  margin: 0 auto;
  overflow: hidden;
}

.head-demo {
  width: 335px;
  height: 334px;
}

.head-demo > div {
  width: 303px;
  height: 334px;
  background: #fff;
  border-radius: 5px;
  margin-top: 30px;
  margin-left: 16px;
}

.headdemo {
  width: 303px;
  height: 213px;
  border-radius: 5px 5px 0 0;
  overflow: hidden;
}

.headdemo img {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.headdemo img:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

.headdemo-title {
  height: 24px;
  width: 260px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-left: 20px;
  margin-top: 14px;
  margin-bottom: 8px;
}

.headdemo-title a {
  font-size: 18px;
}

.headdemo-title a:hover {
  color: #007eff;
}

.headdemo-text {
  height: 40px;
  line-height: 20px;
  width: 260px;
  margin: 0 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.headdemo-text a {
  font-size: 12px;
  color: #959595;
}

.headdemo-text a p {
  color: #959595;
}

.headdemo-text a:hover {
  text-decoration: underline;
}

.headdemoday {
  margin: 0 auto;
  width: 260px;
  font-size: 12px;
  margin-top: 5px;
}

.head-btn {
  background: url(../img/headbtn.png) no-repeat bottom;
  opacity: 0.8;
  filter: alpha(opacity=80);
  width: 128px;
  height: 39px;
  line-height: 39px;
  margin: 0 auto;
  text-align: center;
  margin-top: 40px;
  cursor: pointer;
}

.head-btn:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

.head-btn a {
  display: inline-block;
  width: 100%;
  height: 100%;
}

/*头部内容end*/

/*正文*/
#content .section {
  width: 1003px;
  margin: 0 auto;
  clear: both;
  text-align: center;
}

.contenttitle {
  font-size: 36px;
  text-align: center;
}

.logo-icon {
  background: url(../img/logo.png) no-repeat;
  width: 175px;
  margin: 0 auto;
  height: 55px;
  margin-top: 35px;
}

.logo-icon-text {
  color: #3380ff;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin-top: 24px;
}

.contenttitletext {
  text-align: center;
  line-height: 30px;
  margin-top: 26px;
}

.contenttitletext_tit {
  text-align: center;
  line-height: 30px;
  margin-top: 16px;
  font-size: 24px;
}

.banner2 .box li img {
  width: 100%;
  vertical-align: top;
}

.sectiondemo {
  width: 200px;
  margin-left: 41px;
}

.sectiondemo:first-child {
  margin-left: 0;
}

.sectiondemoicon {
  height: 98px;
  width: 88px;
  margin: 0 auto;
}

.sectiondemoicon1 {
  background: url(../img/1324.png) no-repeat center;
}

.sectiondemoicon2 {
  background: url(../img/1310.png) no-repeat center;
}

.sectiondemoicon3 {
  background: url(../img/505.png) no-repeat center;
}

.sectiondemoicon4 {
  background: url(../img/439.png) no-repeat center;
}

.sectiondemotittle {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}

.sectiondemotext {
  margin: 0 auto;
  height: 25px;
  line-height: 25px;
  color: #959595;
  width: 182px;
}

.sectiondemotext.mgtp {
  margin-top: 15px;
}

section {
  display: none;
}

.section-bz {
  width: 1003px;
  height: 590px;
  margin: 0 auto;
  margin-top: -586px;
  color: #ffffff;
  text-align: center;
}

.bz-title {
  text-align: center;
  font-size: 36px;
}

.bz-icondiv {
  width: 874px;
  height: 135px;
  margin-left: 13.5px;
  margin-top: 85px;
  display: inline-block;
}

.bz-icondiv1 {
  width: 89px;
  height: 135px;
}

.jiahao {
  width: 107.25px;
  height: 89px;
  background: url(../img/jiahao.png) no-repeat center;
}

.bz-icon-text {
  text-align: center;
  width: 100%;
  margin-top: -20px;
  font-size: 24px;
}

.bz-text {
  font-size: 18px;
}

.bznum {
  font-size: 60px;
  font-family: "arial black";
}

.bz-icondiv1 img {
  position: relative;
  left: 20.5px;
  top: -70px;
  z-index: 10;
}

.bz-icon:hover {
  transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -o-transform: rotate(360deg);
}

.bz-icon {
  height: 89px;
  width: 89px;
  z-index: 50;
  position: relative;
  transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
}

.bz-icon1 {
  background: url(../img/bz-icon1.png);
}

.bz-icon2 {
  background: url(../img/bz-icon2.png);
}

.bz-icon3 {
  background: url(../img/bz-icon3.png);
}

.bz-icon4 {
  background: url(../img/bz-icon4.png);
}

.bz-icon5 {
  background: url(../img/bz-icon5.png);
}

.dxfademo {
  width: 230px;
  margin-left: 27.6666px;
}

.dxfademo img {
  filter: alpha(opacity=80);
  opacity: 0.8;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.dxfademo img:hover {
  filter: alpha(opacity=100);
  opacity: 1;
}

.dxfademo:first-child {
  margin-left: 0;
}

.dxfademo-title a {
  font-size: 18px;
  font-weight: bold;
}

.dxfademo-title a:hover {
  color: #3380ff;
}

.dxfademo-text a {
  color: #959595;
  line-height: 22px;
}

.dxfademo-text {
  text-align: left;
}

.dxfademo-title {
  text-align: left;
}

.dxfademo-text a:hover {
  text-decoration: underline;
}

.xq-btn {
  background: url(../img/xq-btn.png) no-repeat;
  opacity: 0.8;
  filter: alpha(opacity=80);
  width: 124px;
  height: 39px;
  line-height: 39px;
  display: block;
  margin: 0 auto;
  text-align: center;
  color: #ffffff;
}

.xq-btn:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

.section-mob {
  width: 100%;
  height: 665px;
  margin-top: 28px;
  background-image: url(../img/cc_bg.jpg);
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-position: center 0;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  zoom: 1;
}

.mobleft {
  background: url(../img/mob.png) no-repeat bottom;
  width: 430px;
  height: 605px;
  margin-top: 61px;
}

.mobleft-content {
  width: 374px;
  height: 502px;
  position: relative;
  left: 28px;
  top: 103px;
  overflow: hidden;
}

.mobleft-contentimg {
  position: relative;
  top: 57px;
}

.mobleft-content1 {
  background: url(../img/cc_s05.jpg) no-repeat;
}

.mobleft-content2 {
  background: url(../img/mob-fw.png) no-repeat;
}

.mobleft-content3 {
  background: url(../img/mob-hd.png) no-repeat;
}

.mobleft-content4 {
  background: url(../img/mob-ht.png) no-repeat;
}

.mobleft-contentimg span {
  width: 93.5px;
  height: 40px;
  display: block;
  cursor: pointer;
}

.mobright {
  width: 504px;
  height: 605px;
  margin-top: 61px;
  text-align: center;
  color: #ffffff;
}

.mobright-logo {
  background: url(../img/mob-logo.png) no-repeat;
  width: 113px;
  height: 113px;
  margin: 8px auto 0;
}

.mobright-icon1 {
  width: 64px;
  height: 85px;
  margin-left: 10px;
}

.mobright-icon2 {
  width: 60px;
  height: 85px;
  margin-left: 80px;
}

.mobright-icon3 {
  width: 70px;
  height: 85px;
  margin-left: 80px;
}

.mobright-icon4 {
  width: 49px;
  height: 85px;
  margin-left: 80px;
}

.mobright-text {
  font-size: 18px;
  text-align: left;
  padding-top: 44px;
  line-height: 30px;
}

.mobright-xzbtn {
  border-radius: 3px;
  width: 504px;
  height: 75px;
  margin-top: 67px;
  cursor: pointer;
  position: relative;
  z-index: 60;
}

.mobright-xzbtn p {
  background-color: #ec981a;
  filter: alpha(opacity=70);
  opacity: 0.7;
  position: absolute;
  top: 0;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  width: 504px;
  height: 75px;
  cursor: pointer;
}

.mobright-xzbtn p:hover {
  filter: alpha(opacity=100);
  opacity: 1;
}

.mobright-xzbtn span {
  position: absolute;
  top: 0;
  left: 165px;
  z-index: 50;
}

.xzbtn {
  width: 150px;
  height: 32px;
  color: #ffffff;
  display: inline-table;
  margin-top: 22px;
  font-size: 18px;
  font-weight: bold;
}

.xzbtn i {
  width: 32px;
  height: 32px;
  background: url(../img/xzbtner.png) no-repeat;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

#erweishadeDiv {
  position: absolute;
  left: 33px;
  top: 25px;
  display: none;
  background: rgba(0, 0, 0, 0.7);
  width: 409px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
  z-index: 990;
  height: 907px;
}

.xiazaierwei {
  width: 318px;
  height: 352px;
  filter: alpha(opacity=100);
  opacity: 1;
  z-index: 998;
  position: absolute;
  left: 80px;
  top: 102px;
  display: none;
}

.f2bgdiv {
  height: 685px;
  width: 100%;
  margin: 0;
  clear: both;
}

.whychose {
  height: 178px;
  width: 178px;
  margin: 0 auto;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ase-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.whychose1 {
  background: url(../img/whychose1.png) no-repeat center bottom;
}

.whychose2 {
  background: url(../img/whychose2.png) no-repeat center bottom;
}

.whychose3 {
  background: url(../img/whychose3.png) no-repeat center bottom;
}

.whychose4 {
  background: url(../img/whychose4.png) no-repeat center bottom;
}

.whychose:hover {
  -webkit-transform: translate3d(0, -5px, 0);
  -moz-transform: translate3d(0, -5px, 0);
  -o-transform: translate3d(0, -5px, 0);
  transform: translate3d(0, -5px, 0);
}

.whychosetext {
  margin-left: auto;
  margin-right: auto;
  color: #959595;
  width: 196px;
  text-align: center;
}

.who_content {
  width: 1003px;
  height: 360px;
  margin: 0 auto;
}

.who_content > span {
  display: block;
}

.who_logo {
  width: 224px;
  height: 58px;
  margin: 0 auto;
}

.who_txt {
  opacity: 1;
  transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
}

.who_txt_1 {
  width: 228px;
  position: relative;
  left: 0;
  top: 58px;
}

.who_txt_2 {
  width: 300px;
  position: relative;
  left: 287px;
  top: -86px;
}

.who_txt_3 {
  width: 400px;
  position: relative;
  left: 615px;
  top: -120px;
}

.who_txt_4 {
  width: 302px;
  position: relative;
  left: 339px;
  top: -110px;
}

.who_txt_5 {
  width: 220px;
  position: relative;
  left: 800px;
  top: -145px;
}

.who_txt_6 {
  width: 169px;
  position: relative;
  left: 210px;
  top: -110px;
}

.who_txt_7 {
  width: 330px;
  position: relative;
  left: 537px;
  top: -135px;
}

.who_txt_8 {
  width: 315px;
  position: relative;
  left: 30px;
  top: -110px;
}

.who_txt_9 {
  width: 480px;
  position: relative;
  left: 458px;
  top: -176px;
}

/*.who_txt_1:hover{transform: scale(1.1);opacity:1;}
.who_txt_2:hover{transform: scale(1.1);opacity:1;animation-duration: 0.15s;animation-iteration-count: 3;animation-name: pulse;}
.who_txt_3:hover{transform: scale(1.1);opacity:1;}
.who_txt_4:hover{transform:rotateX(360deg) scale(1.1) ;opacity:1;}
.who_txt_5:hover{transform: scale(1.1);opacity:1;animation-duration: 0.15s;animation-iteration-count: 2;animation-name: shake;}
.who_txt_6:hover{transform:scale(1.1) ;opacity:1;}
.who_txt_7:hover{transform: scale(1.1);opacity:1;animation-duration: 0.15s;animation-iteration-count: 2;animation-name: swing;}
.who_txt_8:hover{opacity:1;transform: scale(1.1);}
.who_txt_9:hover{transform: scale(1.1);opacity:1;animation-delay: 300ms;animation-duration: .25s;animation-iteration-count: 3;animation-name: pulse;}*/
/*正文end*/

/*cc+*/
.headleft {
  background: url(../img/phone.png) no-repeat bottom;
  width: 347px;
  height: 687px;
  background-size: 100% 100%;
}

.headright {
  width: 504px;
  height: 640px;
  text-align: left;
  color: #ffffff;
  margin-top: 18px;
}

.cclogotext {
  font-size: 36px;
  margin-left: 38px;
  line-height: 50px;
}

.cctext {
  font-size: 18px;
  line-height: 30px;
  padding-top: 28px;
}

.ccpc a {
  color: #ffffff;
}

.ccpc a:hover {
  text-decoration: underline;
}

.mobright-xzbtn1 {
  display: flex;
  justify-content: space-between;
  width: 504px;
  height: 75px;
  margin-top: 35px;
  cursor: pointer;
}

.xzbtn1:hover,
.xzbtn2:hover {
  filter: alpha(opacity=100);
  opacity: 1;
}

.xzbtn1 {
  display: inline-block;
  width: 49%;
  height: 75px;
  line-height: 75px;
  text-align: center;
  background: #7097e7;
  font-size: 18px;
  font-weight: bold;
  color: #ffffff;
  cursor: pointer;
  filter: alpha(opacity=80);
  opacity: 0.8;
  border-radius: 3px;
}

.xzbtn2 {
  display: inline-block;
  width: 49%;
  height: 75px;
  line-height: 75px;
  text-align: center;
  background: #00ce5c;
  font-size: 18px;
  font-weight: bold;
  color: #ffffff;
  cursor: pointer;
  filter: alpha(opacity=80);
  opacity: 0.8;
  border-radius: 3px;
}

.ccheadtitle {
  font-weight: bold;
  font-size: 24px;
}

.tittle-line {
  height: 1px;
  width: 85px;
  border-bottom: 1px solid #ffffff;
  z-index: 98;
  margin-top: 14px;
}

.smactitle {
  font-size: 24px;
}

.mob-demo {
  width: 327px;
  height: 650px;
  position: relative;
  left: 10px;
  top: 10px;
  overflow: hidden;
  border-radius: 30px;
}

.mobdemo-foot {
  position: absolute;
  bottom: 0;
}

.mobdemo-lunbo {
  width: 375px;
  height: 564px;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 58px;
}

.pics {
  width: 5000px;
  height: 524px;
  position: relative;
  top: 40px;
  left: 0;
}

.pics > li {
  float: left;
  list-style: none;
  width: 375px;
}

.pics_pre {
  width: 32px;
  height: 32px;
  position: absolute;
  top: 45%;
  left: 0;
  background: url("img/arrow_left.png");
  cursor: pointer;
  display: none;
}

.pics_next {
  width: 32px;
  height: 32px;
  position: absolute;
  top: 45%;
  right: 0;
  background: url("img/arrow_right.png");
  cursor: pointer;
  display: none;
}

.pics_list {
  width: 100%;
  height: 40px;
  position: absolute;
  top: 0;
  background: #ffffff;
  opacity: 1;
  filter: opacity(100%);
  cursor: pointer;
  text-align: center;
}

.pics_list > li {
  width: 93.5px;
  height: 39px;
  line-height: 40px;
  background: #ffffff;
  cursor: pointer;
  float: left;
  margin: 0px;
  left: 0;
  position: relative;
  list-style: none;
}

.border {
  border-bottom: 1px soild #575c67;
}

.cc-reveal {
  width: 375px;
  height: 500px;
  margin-left: 26px;
  margin-top: 104px;
}

.partner > div {
  filter: alpha(opacity=80);
  opacity: 0.8;
}

.partner > div:hover {
  filter: alpha(opacity=100);
  opacity: 1;
}

.partnerItem {
  float: left;
  height: 60px;
  margin: 20px 37px 0 0;
  width: 169px;
  border: 1px solid #e2e2e2;
  box-sizing: border-box;
  opacity: 0.8;
  transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  overflow: hidden;
}

.partnerItem:nth-child(6n) {
  margin: 20px 0 0 0;
}

.partnerItem:hover {
  opacity: 1;
}

.scroll-box {
  text-align: center;
  color: #fff;
}

.scroll-box .one {
  font-size: 36px;
}

.scroll-box .two {
  font-size: 24px;
}

.f2bgdiv .advantage {
  overflow: hidden;
  height: 514px;
}

.f2bgdiv .advantage > div {
  width: 1100px;
  height: 385px;
}

.f2bgdiv .advantage > div .sectiondemo {
  margin-left: 67px;
  position: relative;
  top: 0px;
}

.f2bgdiv .advantage > div .sectiondemo:first-child {
  margin-left: 0px;
}

.f2bgdiv.active .advantage > div .sectiondemo {
  top: 0px;
}

.header_ccbg {
  height: 100%;
}

.section.brand {
  overflow: hidden;
  position: relative;
}

.section.brand .brand-con {
  width: 1100px;
}

.section.brand .brand-con .sectiondemo {
  margin-left: 68px;
}

.section.brand .brand-con .sectiondemo:first-child {
  margin-left: 0px;
}

.brand .brand-line {
  width: 1100px;
  position: absolute;
  top: 110px;
}

.brand .brand-line i {
  background: url(../img/g-line.png) no-repeat;
  width: 115px;
  height: 10px;
  display: inline-block;
}

.brand .brand-line .one {
  margin-left: -95px;
}

.brand .brand-line .two {
  margin-left: 145px;
}

.brand .brand-line .three {
  margin-left: 157px;
}

.header-content .slick-box {
  width: 1000px;
  height: 397px;
  margin: 0 auto;
}

.header-content .slick-bb {
  width: 1003px;
  position: relative;
}

.header_lz {
  width: 100%;
  height: 708px;
  position: absolute;
  top: 0;
}

.header_lz_nn {
  padding: 60px 0;
}

.header_lz_box {
  position: relative;
  width: 1100px;
  height: 708px;
  margin: 0 auto;
}

.header_lz_nn_box {
  position: relative;
  width: 1003px;
  height: auto;
  margin: 0 auto;
}

.header_lz_bb {
  position: absolute;
  width: 1100px;
  height: 560px;
  left: 50%;
  overflow: hidden;
  margin-top: -240px;
  top: 50%;
  margin-left: -550px;
}

.scroll-box {
  height: 80px;
}

.scroll-box > div {
  height: 90px;
}

.headbg-text {
  position: absolute;
  width: 1003px;
  margin-left: -501.5px;
  left: 50%;
}

.headbg-text div {
  font-size: 36px;
  color: #fff;
  margin-left: 10px;
  margin-right: 10px;
}

/*正文end*/

/*cc+ end*/

.header_bannerBg {
  height: 550px;
  width: 100%;
  position: relative;
}

.header_bannerBg:after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.headerTran .header_bannerBg:after {
  background: rgba(0, 0, 0, 0);
}

.header_bannerBg > div {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  color: #fff;
  position: absolute;
  z-index: 2;
}

.header_bannerBg > div > div {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
  text-align: left;
  padding: 100px 20px;
  box-sizing: border-box;
}

.header_bannerBg > div > div h3 {
  font-size: 50px;
  color: #fff;
  font-weight: 500;
  letter-spacing: 10px;
  margin-bottom: 22px;
  margin-top: 140px;
  text-align: center;
}

.header_bannerBg > div > div span {
  font-size: 24px;
  position: relative;
}

.header_bannerBg > div > div span:after {
  content: "";
  display: inline-block;
  width: 39px;
  height: 3px;
  background: #fff;
  position: absolute;
  bottom: 0;
  left: 556px;
}

.header_bannerBg > div > div p {
  font-size: 20px;
  text-align: center;
  margin-top: 50px;
}

.header_bannerBg > div > div.otherBannerBox > p {
  font-size: 20px;
}

.otherRemarkBox {
  width: 100%;
  height: 72px;
  line-height: 72px;
  background: #fff;
  padding: 0 35px;
  box-sizing: border-box;
  display: flex;
  color: #181a27;
  margin-top: 66px;
}

.otherRemarkBox .e1 {
  width: 250px;
  height: 30px;
  background-size: contain;
  margin: auto 40px auto 0;
}

.otherRemarkBox .e2 {
  font-size: 18px;
  font-style: normal;
}

/*  首页修改  */
.banner2 .slick-font {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1000px;
  text-align: center;
  margin-left: -500px;
  margin-top: -50px;
}

.banner2 .slick-font .font-a {
  font-size: 48px;
  color: #fff;
}

.banner2 .slick-font .font-b {
  font-size: 36px;
  color: #fff;
  margin-top: 25px;
}

.banner2 .slick-font .font-b font {
  font-size: 14px;
  display: inline-block;
  margin-right: 5px;
  margin-left: 5px;
  vertical-align: middle;
}

/*.banner2 .slick-dots li.slick-active button,.banner2 .slick-dots li.slick-active button:before{ width: 30px; }*/

.headbg-text .font-a {
  font-size: 48px;
  color: #fff;
}

.headbg-text .font-b {
  font-size: 36px;
  color: #fff;
  margin-top: 25px;
}

.headbg-text .font-b font {
  font-size: 14px;
  display: inline-block;
  margin-right: 5px;
  margin-left: 5px;
  vertical-align: middle;
}

.headbg-text .font-c {
  font-size: 36px;
  color: #fff;
  margin-top: 10px;
}

.headbg-text .font-c font {
  font-size: 14px;
  display: inline-block;
  margin-right: 5px;
  margin-left: 5px;
  vertical-align: middle;
}

.news-dy {
  height: 503px;
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}

.news-dy .newsDy-tt {
  font-size: 36px;
  text-align: center;
  margin-top: 35px;
  width: 1003px;
  text-align: center;
}

.news-dy .newsDy-list {
  margin-top: 0px;
  width: 1100px;
  height: 322px;
}

.news-dy .newsDy-list .newsDy-left {
  float: left;
  width: 470px;
}

.news-dy .newsDy-list .m-con {
  margin-top: 50px;
  border-bottom: 1px solid #e2e2e2;
  padding-bottom: 20px;
  margin-bottom: 10px;
}

.news-dy .newsDy-list .m-con .m-conart {
  float: left;
  width: 270px;
  margin-left: 20px;
}

.news-dy .newsDy-list .m-con .mcon-b {
  display: inline-block;
  overflow: hidden;
  width: 170px;
  height: 170px;
  float: left;
}

.news-dy .newsDy-list .m-con img {
  background-color: #999;
  width: 170px;
  height: 170px;
  opacity: 0.85;
  filter: alpha(opacity=85);
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.news-dy .newsDy-list .m-con img:hover {
  opacity: 1;
}

.news-dy .newsDy-list .m-con .m-conart a.ahover {
  font-size: 18px;
  display: inherit;
  margin-bottom: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 265px;
  height: 20px;
  line-height: 20px;
}

.news-dy .newsDy-list .m-con .m-conart a.ahover:hover {
  color: #007eff;
}

.news-dy .newsDy-list .m-con .m-conart p {
  font-size: 14px;
  color: #959595;
}

.news-dy .newsDy-list .mcdet {
  height: 100px;
  line-height: 25px;
  display: inline-block;
  width: 270px;
  color: #959595;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.news-dy .newsDy-list .mcdate {
  font-size: 12px;
  margin-top: 12px;
}

.news-dy .newsDy-list .mcdet:hover {
  text-decoration: underline;
}

.news-dy .newsDy-list .m01-ul {
  margin-top: 0px;
}

.news-dy .newsDy-list .m01-ul li {
  height: 30px;
  line-height: 30px;
}

.news-dy .newsDy-list .m01-ul li a {
  width: 280px;
  float: left;
  overflow: hidden;
  height: 30px;
  line-height: 30px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.news-dy .newsDy-list .m01-ul li a:hover {
  text-decoration: underline;
}

.news-dy .newsDy-list .m01-ul li span {
  color: #959595;
  float: right;
}

.news-dy .newsDy-list .m01-ul li i {
  color: #494949;
  float: left;
  margin-right: 8px;
}

.news-dy .newsDy-list .newsDy-right {
  float: left;
  width: 470px;
  margin-left: 50px;
}

.news-dy .more-c {
  width: 1000px;
  text-align: center;
  margin-top: 35px;
}

.news-dy .more {
  background: url(../img/wt-more.png) no-repeat;
  width: 115px;
  height: 40px;
  display: inline-block;
  text-align: center;
  line-height: 42px;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.news-dy .more:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

.section-mob .cc_tt {
  text-align: center;
  color: #fff;
  font-size: 36px;
  margin-top: 110px;
}

.section-mob .cc_ttcon {
  width: 900px;
  color: #fff;
  text-align: center;
  font-size: 18px;
  margin: 0 auto;
  margin-top: 90px;
  line-height: 40px;
}

.section-mob .cc-icoList {
  margin-top: 40px;
}

.section-mob .cc-icoList li {
  float: left;
  width: 200px;
  text-align: center;
}

.section-mob .cc-icoList li img {
  text-align: center;
  width: 90px;
  height: 90px;
  margin: 0 auto;
}

.section-mob .cc-icoList li p {
  color: #fff;
  margin-top: 10px;
}

.section-mob .more-c {
  width: 1000px;
  text-align: center;
  margin-top: 90px;
}

.section-mob .more {
  background: url(../img/wt-more.png) no-repeat;
  width: 115px;
  height: 40px;
  display: inline-block;
  text-align: center;
  line-height: 42px;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.section-mob .more:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

.menu > span a.select:hover {
  background: #3380ff;
  color: #fff;
}

.cnzz_boxs {
  width: 65px;
}

.cnzzBox {
  position: absolute;
  bottom: 115px;
  left: 0;
  width: 20px;
  height: 20px;
  display: inline-block;
}

.section-mobbb {
  overflow: hidden;
}

.section-mobbb .cc_tt {
  text-align: center;
  color: #fff;
  font-size: 36px;
  margin-top: 20px;
}

.section-mobbb .cc_ttcon {
  width: 900px;
  color: #fff;
  text-align: center;
  font-size: 18px;
  margin: 0 auto;
  margin-top: 90px;
  line-height: 40px;
}

.section-mobbb .cc-icoList {
  margin-top: 40px;
}

.section-mobbb .cc-icoList li {
  float: left;
  width: 200px;
  text-align: center;
}

.section-mobbb .cc-icoList li img {
  text-align: center;
  width: 90px;
  height: 90px;
  margin: 0 auto;
}

.section-mobbb .cc-icoList li p {
  color: #fff;
  margin-top: 10px;
}

.section-mobbb .more-c {
  width: 1000px;
  text-align: center;
  margin-top: 90px;
}

.section-mobbb .more {
  background: url(../img/wt-more.png) no-repeat;
  width: 115px;
  height: 40px;
  display: inline-block;
  text-align: center;
  line-height: 42px;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.section-mobbb .more:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

.CNZZCom {
  position: absolute;
  bottom: 0px;
  height: 66px;
  width: 100%;
}

.CNZZCom .CNZZ_span {
  width: 1130px;
  margin: 0 auto;
  height: 66px;
  line-height: 65px;
}

.CNZZCom .CNZZ_right {
  width: 60px;
  float: right;
  margin-top: 28px;
}

.CNZZCom {
  position: absolute;
  bottom: 0px;
  height: 66px;
  width: 80px;
}

.CNZZCom .CNZZ_span {
  width: 80px;
  margin: 0 auto;
  height: 66px;
  line-height: 65px;
}

.CNZZCom .CNZZ_right {
  width: 60px;
  float: right;
  margin-top: 30px;
}

.ebsgovicon {
  position: absolute;
  bottom: 0px;
  height: 50px;
  width: 80px;
}

.headbg_text_box .a {
  font-size: 48px;
}

.headbg_text_box .b {
  font-size: 36px;
  margin-top: 25px;
}

/*      */
#content .conTitle img {
  width: 270px;
  height: 85px;
  margin: 0 auto;
}

.sitemap_box {
}

.sitemap_box .one {
  width: 950px;
  margin: 0 auto;
}

.sitemap_box .site_two {
  text-align: left;
  width: 1220px;
  margin-top: 5px;
}

.sitemap_box .site_two > a {
  display: inline-block;
  width: 100px;
  background-color: #9c9c9c;
  font-size: 18px;
  color: #fff;
  text-align: center;
  height: 45px;
  line-height: 45px;
}

.sitemap_box .site_two > a:hover {
  background-color: #6f6f6f;
}

.sitemap_box .site_two .site_a {
  margin-left: 132px;
}

.sitemap_box .site_two .site_b {
  margin-left: 27px;
}

.sitemap_box .site_three {
  text-align: left;
  width: 1200px;
  margin-top: 15px;
}

.sitemap_box .site_three span {
  display: inline-block;
}

.sitemap_box .site_three .s_line {
  background: url(../img/site_02.png) no-repeat;
  width: 40px;
  height: 45px;
}

.sitemap_box .site_three .s_branch {
  background: url(../img/site_03.png) no-repeat;
  width: 190px;
  height: 45px;
}

.sitemap_box .site_three .s_disa {
  margin-left: 60px;
}

.sitemap_box .site_three .s_disb {
  margin-left: 119px;
}

.sitemap_box .site_three .s_disc {
  margin-left: 114px;
}

.sitemap_box .site_three .s_disd {
  margin-left: 189px;
}

.sitemap_box .site_three .s_dise {
  margin-left: 187px;
}

.sitemap_box .site_four {
  margin-top: 15px;
  text-align: left;
  margin-bottom: 150px;
}

.sitemap_box .site_four > div {
  float: left;
}

.sitemap_box .site_four .site_fa {
  width: 140px;
}

.sitemap_box .site_four .site_fa a {
  display: inline-block;
  background-color: #3281ff;
  text-align: center;
  margin-bottom: 10px;
  color: #fff;
  font-size: 14px;
  width: 110px;
  padding: 10px;
  line-height: 16px;
}

.sitemap_box .site_four .site_fb {
  width: 350px;
}

.sitemap_box .site_four .site_fb a {
  display: inline-block;
  background-color: #3281ff;
  text-align: center;
  margin-bottom: 10px;
  color: #fff;
  font-size: 14px;
  width: 110px;
  padding: 10px;
  line-height: 16px;
}

.sitemap_box .site_four > div a:hover {
  background-color: #2e5593;
}

.sitemap_box .site_four .fa_a {
  margin-left: 13px;
}

.sitemap_box .site_four .fa_b {
  margin-left: 0px;
}

.sitemap_box .site_four .fa_b a {
  margin-left: 13px;
  margin-right: 25px;
}

.sitemap_box .site_four .fa_c {
  margin-left: -14px;
}

.sitemap_box .site_four .fa_d {
  margin-left: 93px;
}

.sitemap_box .site_four .fa_e {
  margin-left: 95px;
}

.f48 {
  font-size: 48px;
}

#advantage {
  overflow: hidden;
}

/* 改版 2020-03-24 by xiaojia */
.fellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}

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

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

.footLeft {
  padding-top: 40px;
  width: 70%;
}

.footerInfo {
  display: flex;
  font-size: 14px;
  align-items: center;
  color: rgba(255, 255, 255, 1);
  margin-top: 10px;
}

.footerInfo span {
  display: flex;
  margin-right: 25px;
}

.footerInfo img {
  height: 16px;
  margin-right: 10px;
}

.footLeft p.title {
  color: #fff;
  font-size: 21px;
  line-height: 34px;
}

.footLeft p.f-b {
  font-weight: bold;
  font-size: 24px;
  color: rgba(255, 255, 255, 0.76);
  line-height: 40px;
}

.footLeft p.f-b span {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.51);
}

.footLeft p.company {
  font-size: 14px;
  color: #fff;
  margin-top: 15px;
  padding-left: 25px;
}

.footerInfo p {
  color: rgba(255, 255, 255, 0.76);
}

.newContent {
  width: 1200px;
  margin: 0 auto;
  padding: 0 36px 50px 36px;
  box-sizing: border-box;
}

#newsList {
  display: flex;
  flex-wrap: wrap;
}

.newsList {
  width: 32%;
  margin: 20px 2% 20px 0;
}

.newsList:nth-child(3n) {
  margin: 20px 0;
}

.newsList a {
  display: inline-block;
  width: 100%;
  height: 100%;
  padding: 20px;
  box-sizing: border-box;
  background-color: #fff;
  overflow: hidden;
  transition: all 0.5s;
}

/* .newsList a:hover{ background-color:rgba(247,247,247,1); } */
.newsList a > div.pic {
  width: 394px;
  height: 230px;
  overflow: hidden;
}

.newsList a .newsImg {
  width: 394px;
  height: 230px;
  overflow: hidden;
  transition: all 0.5s;
}

.newsList a:hover h4 {
  color: #194ac3;
  text-align: left;
}

.newsList a:hover p.newsDescribe {
  text-decoration: underline;
}

.newsList a:hover i {
  color: #194ac3;
}

.newsList a:hover .newsImg {
  transform: scale(1.1);
}

.newsImg {
  width: 100%;
  height: 230px;
}

.newsInfo {
  width: 100%;
  margin-right: 20px;
}

.newsTime {
  color: #96979d;
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
}

.newsTime i {
  margin-right: 24px;
  color: #000;
}

.newsInfo h4 {
  color: #001324;
  width: 100%;
  font-weight: 600;
  padding: 0;
  margin: 10px 0;
  font-size: 16px;
  height: 42px;
  text-align: left;
}

.newsDescribe {
  color: #5a5a5a;
  line-height: 18px;
  margin-top: 10px;
  margin-bottom: 20px;
}

.planContent {
  width: 100%;
  background: #f5f8fd;
}

.planContent > div {
  width: 1440px;
  margin: 0 auto;
  padding: 50px 36px;
  box-sizing: border-box;
}

.planContent .planListBox {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.planItem {
  width: 48%;
  height: 230px;
  padding: 8px;
  box-sizing: border-box;
  background: #fff;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
}

.planItem .imgBox {
  width: 214px;
  height: 214px;
  overflow: hidden;
  line-height: 214px;
  text-align: center;
}

.planItem .imgBox img {
  width: 100%;
  height: 100%;
  vertical-align: middle;
}

.planItem .planInfo {
  width: calc(100% - 241px);
  display: flex;
}

.planItem .planInfo > div.info {
  /* width: 300px; */
  padding: 33px 0;
  box-sizing: border-box;
}

.planItem .planInfo > div.pay {
  width: calc(100% - 635px);
  display: flex;
  align-items: center;
}

.planItem .planInfo h3 {
  color: #001324;
  font-size: 24px;
  line-height: 24px;
  position: relative;
}

.planItem .planInfo div.payIcon {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* .planItem .planInfo h3:before{ content: ''; display: inline-block; width: 4px; height: 22px; background: #FF6B20; position: absolute; top: 2px; left: 0; } */
.planItem .planInfo div.payIcon a {
  display: inline-block;
  width: 114px;
  height: 42px;
  background: #0052d9;
  line-height: 42px;
  text-align: center;
  color: #fff;
  font-size: 18px;
}

.planItem .planInfo div.pay a:hover {
  opacity: 0.9;
}

.planItem .planInfo p.remark {
  color: #5a5a5a;
  font-size: 16px;
  line-height: 24px;
  height: 72px;
  overflow: hidden;
  margin: 20px 0 18px 0;
}

.planItem .planInfo p.time {
  color: red;
  font-size: 26px;
  line-height: 35px;
  margin-bottom: 10px;
}

.planItem .planInfo div.pay > div {
  margin: 0 auto;
}

.planDetailContent {
  width: 100%;
  background: #f5f8fd;
  padding: 20px 0 70px 0;
}

.planDetailContent > div {
  width: 1200px;
  margin: 0 auto;
}

.planDetailBox {
  margin: 25px 0 0 0;
  background: #fff;
  padding: 36px 30px;
  border-radius: 10px;
}

.planDetailBox .detailHeader {
  margin-top: 15px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 22px;
}

.planDetailBox .detailHeader > div {
  width: 78%;
  display: flex;
}

.planDetailBox .detailHeader > div i {
  display: inline-block;
  width: 21px;
  height: 23px;
  background: url(../img/plan.png) center no-repeat;
  margin: 12px 0;
}

.planDetailBox .detailHeader > div h3 {
  width: calc(100% - 31px);
  padding-left: 10px;
  color: #001324;
  font-size: 30px;
  line-height: 47px;
}

.planDetailBox .detailHeader a {
  display: inline-block;
  padding: 0 20px;
  height: 47px;
  align-items: center;
  display: flex;
  border-radius: 10px;
  background: #182eb2;
  line-height: 47px;
  text-align: center;
  color: #fff;
  font-size: 18px;
}

.planDetailBox .detailHeader a em {
  font-size: 24px;
  font-style: normal;
  margin-left: 10px;
}

.planDetailBox .detailHeader a:hover {
  opacity: 0.9;
}

.planDetailBox .introduction {
  color: #5a5a5a;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 15px;
}

.otherBox {
  display: flex;
}

.otherBox p {
  color: #999999;
  font-size: 18px;
  padding: 0 22px;
  position: relative;
  border-right: 1px solid #afafaf;
}

.otherBox p:first-child {
  padding: 0 22px 0 0;
}

.otherBox p:last-child {
  border-right: 0;
}

.planDetailUE {
  width: 100%;
  overflow: hidden;
  margin-top: 25px;
}

.planDetailUE img {
  max-width: 100%;
}

.paySuccess,
.unpay {
  width: 100%;
  background: #fff;
  padding: 70px;
  box-sizing: border-box;
  text-align: center;
  display: none;
}

.paySuccess p,
.paySuccess p span,
.unpay p {
  font-size: 20px;
  color: #5a5a5a;
  line-height: 30px;
}

.paySuccess div,
.unpay div {
  width: 455px;
  display: flex;
  justify-content: space-between;
  margin: 60px auto;
}

.unpay div {
  width: 157px;
}

.paySuccess div a,
.unpay div a {
  width: 157px;
  height: 61px;
  background: #182eb2;
  line-height: 61px;
  text-align: center;
  font-size: 24px;
  color: #fff;
  border-radius: 10px;
  overflow: hidden;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.paySuccess div a:hover {
  opacity: 0.9;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.paySuccess div a.unClick {
  opacity: 0.7;
}

.paySuccess h3,
.unpay h3 {
  font-size: 24px;
  color: #111111;
}

.unpay p {
  margin-bottom: 30px;
}

.aboutUsNav {
  width: 1440px;
  text-align: center;
  margin: 46px auto;
}

.aboutUsNav > div {
  display: inline-block;
  cursor: pointer;
  width: 183px;
  height: 53px;
  line-height: 53px;
  color: #1e1e1e;
  font-size: 22px;
  text-align: center;
  border-radius: 30px;
}

.aboutUsNav > div.select {
  background-color: #000;
  color: #fff;
}

.projectServiceNav {
  width: 1200px;
  height: 60px;
  text-align: center;
  position: relative;
  z-index: 99;
  bottom: 60px;
  background: rgba(255, 255, 255, 0.1);
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  border-radius: 8px 8px 0 0;
  overflow: hidden;
}

.projectServiceNav > div {
  display: inline-block;
  cursor: pointer;
  width: 25%;
  height: 60px;
  line-height: 60px;
  color: #fff;
  font-size: 18px;
  text-align: center;
  position: relative;
}

.projectServiceNav > div:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 35px;
  background: rgba(255, 255, 255, 0.3);
  position: absolute;
  right: 0;
  top: 12.5px;
}

.projectServiceNav > div:last-child:after,
.projectServiceNav > div.select:after {
  content: "";
  display: none;
}

.projectServiceNav > div.select {
  background-color: #198df3;
  color: #fff;
}

.projectServiceNav > div.select:before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 60px;
  background-color: #198df3;
  position: absolute;
  left: -1px;
  top: 0;
}

.parkPlan {
  width: 100%;
  margin-top: -60px;
}

.parkPlan > div.plan1 {
  width: 100%;
  background-color: #f7f7f7;
  padding-bottom: 100px;
  min-width: 1200px;
}

.parkPlan > div.plan1 > div {
  width: 1200px;
  margin: 0 auto;
}

.secondLevel {
  width: 100%;
  height: 71px;
  border-left: 7px solid #313131;
  padding-left: 40px;
  margin: 40px 0 0 0;
}

.secondLevel h4 {
  font-size: 32px;
  line-height: 32px;
  color: #040404;
  padding: 0;
  margin: 0;
  font-weight: normal;
}

.secondLevel p {
  font-size: 17px;
  color: #545454;
  margin-top: 18px;
}

.secondLevel.newSecondLevel {
  width: 1200px;
  height: 238px;
  background: url(../img/project/ccplus.jpg) center no-repeat;
  border: none;
  padding: 60px 70px;
  box-sizing: border-box;
}

.secondLevel.newSecondLevel h4 {
  color: #fff;
  font-size: 36px;
  line-height: 60px;
}

.secondLevel.newSecondLevel p {
  font-size: 18px;
  color: #fff;
  margin-top: 15px;
}

.contentTitle {
  font-size: 28px;
  text-align: center;
  color: #040404;
  margin: 60px 0;
}

.tabItemList {
  width: 100%;
  margin-top: 77px;
}

.tabItemList > div {
  width: 294px;
  height: 481px;
  position: relative;
  float: left;
  margin-right: 8px;
  cursor: default;
}

.tabItemList > div em {
  position: absolute;
  left: 91px;
  z-index: 2;
  display: inline-block;
  width: 112px;
  height: 112px;
  background-color: #1a84e0;
  text-align: center;
  line-height: 112px;
  border-radius: 50%;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ase-in-out 0s;
}

.tabItemList > div em img {
  display: inline-block;
  width: 45%;
}

.tabItemList > div > div {
  position: absolute;
  width: 100%;
  height: 400px;
  background-color: #fff;
  position: absolute;
  top: 80px;
  z-index: 1;
  padding: 85px 20px 0 20px;
  box-sizing: border-box;
}

.tabItemList > div > div h5 {
  font-size: 22px;
  color: #001324;
  margin-bottom: 25px;
  text-align: center;
}

.tabItemList > div > div p {
  font-size: 16px;
  color: #5a5a5a;
  line-height: 33px;
  text-align: center;
}

.tabItemList > div:last-child {
  margin-right: 0;
}

.tabItemList > div:hover em {
  -webkit-transform: translate3d(0, -5px, 0);
  -moz-transform: translate3d(0, -5px, 0);
  -o-transform: translate3d(0, -5px, 0);
  transform: translate3d(0, -5px, 0);
}

.parkPlan > div.plan2 {
  width: 100%;
}

.parkPlan > div.plan2 > div {
  width: 1200px;
  margin: 0 auto 70px auto;
}

.projectCost {
  width: 100%;
}

.projectCost > div {
  float: left;
  width: 15%;
  margin-right: 6.25%;
  cursor: default;
}

.projectCost > div:last-child {
  margin-right: 0;
}

.projectCost > div h4 {
  font-size: 23px;
  height: 41px;
  color: #001324;
  text-align: right;
  line-height: 41px;
  margin-bottom: 24px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ase-in-out 0s;
}

.projectCost > div h4 i {
  display: inline-block;
  width: 40px;
  height: 41px;
  vertical-align: middle;
  float: left;
}

.projectCost > div h4 i.c1 {
  background: url("../img/c1.png") center no-repeat;
  background-size: contain;
}

.projectCost > div h4 i.c2 {
  background: url("../img/c2.png") center no-repeat;
  background-size: contain;
}

.projectCost > div h4 i.c3 {
  background: url("../img/c3.png") center no-repeat;
  background-size: contain;
}

.projectCost > div h4 i.c4 {
  background: url("../img/c4.png") center no-repeat;
  background-size: contain;
}

.projectCost > div h4 i.c5 {
  background: url("../img/c5.png") center no-repeat;
  background-size: contain;
}

.projectCost > div p {
  color: #5a5a5a;
  font-size: 16px;
  line-height: 26px;
  text-align: left;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ase-in-out 0s;
}

.projectCost > div:hover h4 {
  -moz-transform: scale(1.3);
  -webkit-transform: scale(1.3);
  -o-transform: scale(1.3);
  color: #1485e1;
}

.projectCost > div:hover p {
  -moz-transform: scale(1.3);
  -webkit-transform: scale(1.3);
  -o-transform: scale(1.3);
}

.serviceProcess,
.operation > div.serviceProcess {
  width: 100%;
  background-color: #313131;
}

.serviceProcess > div.operation,
.serviceProcess > div {
  width: 1200px;
  margin: 0 auto;
  padding-bottom: 50px;
}

.serviceProcess > div .contentTitle {
  color: #fff;
}

.processList {
  width: 100%;
}

.processList > div {
  width: 15%;
  text-align: center;
  float: left;
}

.processList > div:last-child {
  margin-right: 0;
}

.processList > div em {
  display: inline-block;
  width: 116px;
  height: 116px;
  border-radius: 50%;
  border: 3px solid rgba(255, 255, 255, 0.5);
  text-align: center;
  line-height: 116px;
  position: relative;
}

.processList > div em:after {
  content: "";
  display: inline-block;
  width: 122px;
  height: 122px;
  position: absolute;
  top: -3px;
  left: -3px;
  transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
}

.processList > div:hover em:after {
  background: url(../img/bz-icon5.png) center no-repeat;
  background-size: 100% 100%;
  transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -o-transform: rotate(360deg);
}

.processList > div:hover em {
  border-color: transparent;
}

.processList > div em img {
  width: 45%;
  display: inline-block;
}

.processList > div h4 {
  font-size: 20px;
  color: #fff;
  text-align: center;
  margin: 16px 0;
}

.processList > div > div p {
  text-align: center;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.7);
  line-height: 30px;
}

.processList > i {
  float: left;
  display: inline-block;
  border-left: 20px solid #fff;
  border-top: 11px solid transparent;
  border-bottom: 11px solid transparent;
  margin: 50px 2px 0 2px;
}

.classicCase {
  width: 100%;
}

.classicCase > div {
  width: 1200px;
  margin: 0 auto;
}

.caseList {
  width: 100%;
  padding-bottom: 70px;
}

.caseList > div {
  width: 273px;
  background-color: #f7f7f7;
  float: left;
  margin-right: 36px;
}

.caseList > div > a {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.caseList.bgWhite > div {
  background-color: #fff;
}

.caseList > div:last-child {
  margin-right: 0;
}

.caseList > div .caseImg {
  width: 273px;
  height: 273px;
  border-radius: 5px;
  overflow: hidden;
  filter: alpha(opacity=80);
  opacity: 0.8;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.caseList > div > a:hover .caseImg {
  filter: alpha(opacity=100);
  opacity: 1;
}

.caseInfo {
  width: 100%;
  text-align: center;
  padding: 20px;
  box-sizing: border-box;
}

.caseInfo h4 {
  color: #001324;
  font-size: 19px;
}

.caseInfo p {
  color: #5a5a5a;
  font-size: 15px;
  line-height: 21px;
  text-align: left;
}

.caseList > div > a:hover .caseInfo h4 {
  color: #194ac3;
}

.appBox {
  width: 100%;
  display: none;
  margin-top: -60px;
}

.appBox > div.plan1 {
  width: 100%;
  min-width: 1200px;
}

.appBox > div.plan1 > div {
  width: 1200px;
  margin: 0 auto;
}

.ccplusBox {
  width: 100%;
  height: 1082px;
  background: url("../img/0283.jpg") center no-repeat;
  background-size: cover;
  display: none;
}

.threeLevel {
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: space-around;
  margin: 50px auto 44px auto !important;
}

.appBox > div.plan1 > div.threeLevel {
  margin-top: 50px;
}

.threeLevel > div {
  color: #1e1e1e;
  font-size: 22px;
  text-align: center;
  padding: 0 25px;
  min-width: 150px;
  border: 1px solid #eef1f6;
  box-sizing: border-box;
  height: 62px;
  line-height: 62px;
  display: inline-block;
  cursor: pointer;
  border-radius: 15px;
  background: #fff;
  box-shadow: rgba(169, 169, 169, 0.3) 0px 0px 30px 5px;
}

.threeLevel > div.select {
  background: no-repeat;
  color: #182eb2;
  position: relative;
}

.threeLevel > div.select:after {
  content: "";
  display: inline-block;
  width: 61px;
  height: 4px;
  background-color: #182eb2;
  position: absolute;
  bottom: -46px;
  left: 50%;
  margin-left: -30px;
}

.threeLevel > div.select:before {
  content: "";
  display: inline-block;
  border-top: 15px solid #fff;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  position: absolute;
  bottom: -15px;
  left: 50%;
  margin-left: -12px;
}

.mobImg {
  position: absolute;
  width: 5000px;
  height: 683px;
  overflow: hidden;
}

.mobImg li {
  width: 324px;
  height: 100%;
  float: left;
}

.mobImg li img {
  width: 100%;
}

ul.mobNav {
  width: 100%;
  position: absolute;
  height: 60px;
  bottom: 0;
  left: 0;
  background-size: contain !important;
}

ul.mobNav li {
  width: 25%;
  height: 100%;
  float: left;
  cursor: pointer;
}

ul.mobNav li.select {
  background: none;
}

/*ul.mobNav li.m1.select{ background: url(../img/m1-1.jpg) 0 3px no-repeat; }
ul.mobNav li.m2.select{ background: url(../img/m2-1.jpg) 102.25px 3px no-repeat; }
ul.mobNav li.m3.select{ background: url(../img/m3-1.jpg) center no-repeat; }*/

.ddkBox {
  width: 100%;
  display: none;
}

.ddkBox > div {
  width: 1200px;
  margin: 0 auto;
}

.ddkDes {
  width: 100%;
  height: 554px;
  background-color: #f7f7f7;
  overflow: hidden;
}

.ddkDes > div {
  float: left;
}

.ddkDesLeft {
  width: 434px;
  height: 100%;
  padding: 42px;
  box-sizing: border-box;
}

.ddkDesLeft p {
  color: #5a5a5a;
  font-size: 18px;
  line-height: 34px;
  margin-top: 25px;
}

.ddkDesRight {
  width: 766px;
  height: 100%;
  background: url(../img/ddk1.jpg) center no-repeat;
}

.ddkInfo {
  margin-top: 28px;
  text-align: center;
}

.ddkInfo > em {
  display: inline-block;
  border-top: 13px solid #313131;
  border-left: 11.5px solid transparent;
  border-right: 11.5px solid transparent;
  margin-bottom: 20px;
  background-color: #fff;
}

.conTitle {
  font-size: 28px;
  text-align: center;
  color: #040404;
}

.smallTitle {
  font-size: 18px;
  text-align: center;
  color: #545454;
  margin-top: 20px;
  font-weight: normal;
}

.ddkList {
  width: 100%;
  margin: 60px 0;
}

.ddkList > div {
  width: 16.66%;
  padding: 0 0.5%;
  box-sizing: border-box;
  text-align: center;
  float: left;
  cursor: default;
}

.ddkList > div > div {
  width: 188px;
  height: 152px;
  background-color: #3d3d3d;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 10px;
  display: inline-block;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ase-in-out 0s;
}

.ddkList > div:hover > div {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  box-shadow: rgba(169, 169, 169, 0.5) 0px 0px 30px 5px;
}

.ddkList > div > div img {
  width: 40%;
  display: inline-block;
}

.ddkList > div p {
  height: 44px;
  font-size: 18px;
  color: #262727;
  line-height: 22px;
  text-align: center;
}

.chooseUs {
  width: 100%;
  background-color: #f7f7f7;
  min-width: 1200px;
}

.chooseUs > div {
  width: 1200px;
  margin: 0 auto;
  padding: 70px 0;
  box-sizing: border-box;
}

.chooseUseItem > div {
  float: left;
  width: 25%;
  text-align: center;
  margin-top: 70px;
}

.chooseUseItem > div a {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.chooseUseItem > div em {
  display: inline-block;
  width: 112px;
  height: 112px;
  background-color: #1a84e0;
  border-radius: 50%;
  text-align: center;
  line-height: 112px;
  margin-bottom: 20px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ase-in-out 0s;
}

.chooseUseItem > div em img,
.weAre > div > div > div em img {
  display: inline-block;
  width: 45%;
}

.chooseUseItem > div p {
  color: #001324;
  font-size: 22px;
}

.chooseUseItem > div:hover em {
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ase-in-out 0s;
}

.indexCase {
  text-align: center;
}

.indexCase .caseList > div {
  width: 273px;
  margin-right: 36px;
}

.indexCase .caseList > div a {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.indexCase .caseList > div:last-child {
  margin-right: 0;
}

.indexCase .caseList > div .caseImg {
  width: 100%;
}

.indexCase .caseInfo h4 {
  margin-bottom: 0;
}

.moreProject {
  display: inline-block;
  width: 175px;
  height: 57px;
  border: 1px solid #bfbfbf;
  box-sizing: border-box;
  text-align: center;
  line-height: 55px;
  color: #001324;
  font-size: 16px;
  margin-bottom: 70px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ase-in-out 0s;
}

.moreProject:hover {
  background-color: rgba(0, 0, 0, 0.04);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ase-in-out 0s;
}

.weAre {
  width: 100%;
  background-color: #f7f7f7;
  padding: 70px 0;
  min-width: 1200px;
}

.weAre > div {
  width: 1200px;
  margin: 0 auto;
}

.weAre > div > div {
  width: 100%;
  text-align: center;
}

.weAre > div > div > div {
  display: inline-block;
  margin: 60px 60px 0 60px;
}

.weAre > div > div > div a {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.weAre > div > div > div em {
  display: inline-block;
  width: 112px;
  height: 112px;
  border-radius: 50%;
  border: 6px solid #1a84e0;
  box-sizing: border-box;
  line-height: 100px;
  text-align: center;
  margin-bottom: 25px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ase-in-out 0s;
}

.weAre > div > div > div:hover em {
  -webkit-transform: translate3d(0, -5px, 0);
  -moz-transform: translate3d(0, -5px, 0);
  -o-transform: translate3d(0, -5px, 0);
  transform: translate3d(0, -5px, 0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ase-in-out 0s;
}

.weAre > div > div > div p {
  color: #343333;
  font-size: 16px;
  line-height: 28px;
  width: 185px;
}

.partnerBox {
  padding: 70px 0;
  background-color: #f7f7f7;
  width: 100%;
  min-width: 1200px;
}

.partnerBox > div {
  width: 1200px;
  margin: 0 auto;
}

.informationBox {
  padding: 70px 0 0 0;
  background-color: #fff;
  width: 100%;
  min-width: 1200px;
}

.informationBox > div {
  width: 1200px;
  margin: 0 auto;
}

.informationBox .informationItemList {
  width: 100%;
  display: flex;
  justify-content: space-between;
  text-align: left;
  margin-bottom: 70px;
  margin-top: 60px;
}

.informationBox .informationItemList .item {
  width: 373px;
  height: 349px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 17px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}

.informationBox .informationItemList .item > a {
  display: inline-block;
  width: 100%;
  height: 100%;
  opacity: 0.8;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.informationBox .informationItemList .item > a:hover {
  opacity: 1;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.informationBox .informationItemList .item .imgBox {
  width: 100%;
  height: 210px;
  border-radius: 10px 10px 0 0;
  /* border: 1px solid transparent; */
  /* box-sizing: border-box; */
}

.informationBox .informationItemList .item .infoBox {
  width: 100%;
  height: 164px;
  padding: 15px;
  border-radius: 0 0 10px 10px;
  box-sizing: border-box;
}

.informationBox .informationItemList .item .infoBox h3 {
  font-size: 18px;
  color: #111111;
  line-height: 32px;
}

.informationBox .informationItemList .item .infoBox p {
  font-size: 14px;
  color: #333333;
  line-height: 20px;
  height: 40px;
  margin-top: 5px;
}

.informationBox .informationItemList .item .infoBox p.time {
  color: #999999;
  height: 24px;
  margin-top: 10px;
  font-size: 14px;
}

.zx {
  background: url(../img/logozx.jpg) no-repeat center;
}

.lkl {
  background: url(../img/lkl.jpg) no-repeat center;
}

.zsyh {
  background: url(../img/zsyh.jpg) no-repeat center;
}

.msyh {
  background: url(../img/msyh.jpg) no-repeat center;
}

.payh {
  background: url(../img/payh.jpg) no-repeat center;
}

.zrgj {
  background: url(../img/zrgj.jpg) no-repeat center;
}

.yp {
  background: url(../img/yp.jpg) no-repeat center;
}

.rightNav {
  position: fixed;
  right: 0px;
  bottom: 50%;
  transform: translateY(50%);
  z-index: 999;
}

.rightNav .showRightNav {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.rightNav .showRightNav:hover .rightNav-top {
  background-color: #004ad3 !important;
}

.rightNav .showRightNav:active .info {
  background-color: #004ad3 !important;
  /* display: block !important; */
}

.rightNav .showRightNav img {
  vertical-align: middle;
}

.showNav {
  display: block !important;
}

.rightNav-top {
  width: 130px;
  display: block;
  /* height: 340px; */
  margin: 0 auto;
  background-color: #fff;
  /* border-radius: 10px; */
  box-shadow: 0 0 9px 3px rgba(0, 14, 41, 0.13);
  position: relative;
  padding: 10px;
}

/*.rightNav-top > div { width: 68px; height: 68px; }*/
/* .rightNav-top div {
		display: inline-block;
		width: 68px;
		height: 68px;
		float: left;
	} */
.rightNav-top .rightNavitem {
  padding: 6px 0;
  height: 32px;
  overflow: hidden;
  border-bottom: 1px solid #ddd;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
}

.rightNav-top .rightNavitem:nth-last-child(1) {
  border-bottom: none;
}

.rightNav-top .rightNavitem:nth-child(1) {
  height: 196px;
}

.rightNav-top .rightNavitem.select2 {
  height: 185px;
}

.rightNav-top .rightNavitem .rightNav-head {
  display: flex;
  align-items: center;
  justify-content: start;
}

.rightNav-top .rightNavitem:hover.rightNav-head span {
  color: #004ad3;
}

.rightNav-head span {
  font-size: 16px;
  color: #000;
}

.rightNav-head span.p1 {
  font-size: 16px;
  color: #004ad3;
}

.rightNav-top .rightNavitem.select2 .rightNav-head span {
  color: #004ad3;
}

.rightNav-top .rightNavitem.select2 .rightNav-head .qrcode {
  background: #fff url(../img/qrcode-1.png) center no-repeat;
  margin-right: 10px;
  width: 30px;
  height: 30px;
  background-size: 80%;
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);
  filter: white;
  transition: all linear 0.3s;
}

.rightNav-top .rightNavitem.select2 .rightNav-head .sina {
  background: #fff url(../img/sina-1.png) center no-repeat;
  margin-right: 10px;
  width: 30px;
  height: 30px;
  background-size: 80%;
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);
  filter: white;
  transition: all linear 0.3s;
}

.rightNav-top .rightNavitem.select2 .rightNav-head .applet {
  background: #fff url(../img/applet-1.png) center no-repeat;
  margin-right: 10px;
  width: 30px;
  height: 30px;
  background-size: 80%;
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);
  filter: white;
  transition: all linear 0.3s;
}

.rightNav-top .rightNavitem .rightNav-head .phone {
  margin-right: 10px;
  display: inline-block;
  width: 30px;
  height: 30px;
  /* float: left; */
  background: #fff url(../img/phone1-1.png) center no-repeat;
  background-size: 80%;
  border-radius: 10px 10px 0 0;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
}

.rightNav-top .rightNavitem .rightNav-head .qrcode {
  background: #fff url(../img/qrcode-1.png) center no-repeat;
  margin-right: 10px;
  width: 30px;
  height: 30px;
  background-size: 80%;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: white;
  transition: all linear 0.3s;
}

/* .rightNav-top>div.wechat {
		background: #fff url(../img/WeChat.png) center 20.5px no-repeat;
		background-size: 33px 27px;
		border-radius: 0;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
	} */

.rightNav-top .rightNavitem .rightNav-head .sina {
  background: #fff url(../img/sina-1.png) center no-repeat;
  margin-right: 10px;
  width: 30px;
  height: 30px;
  background-size: 80%;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: white;
  transition: all linear 0.3s;
}

.rightNav-top .rightNavitem .rightNav-head .applet {
  background: #fff url(../img/applet-1.png) center no-repeat;
  margin-right: 10px;
  width: 30px;
  height: 30px;
  background-size: 80%;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: white;
  transition: all linear 0.3s;
}
.rightNavBox-aboutDemand {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  margin-top: 10px;
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 100%;
  background-color: #1d66cc;
  color: white;
}
.rightNavBox-aboutDemand img {
  width: 24px;
  height: 24px;
  margin-right: 10px;
}

.rightNav-bottom {
  display: none;
  margin: 0 auto;
  width: 68px;
  height: 68px;
  border-radius: 10px;
  box-shadow: 0 0 9px 3px rgba(0, 14, 41, 0.13);
  background: #fff url(../img/top-1.png) center no-repeat;
  background-size: 35% 35%;
  transition: all linear 0.3s;
  display: none;
  -webkit-transition: all linear 0.3s;
  /* Safari */
}

.rightNav-bottom:hover {
  background: #2093fa url(../img/top-1-1.png) center no-repeat;
  background-size: 35% 35%;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  /* Safari */
}

.rightNav-top .tip {
  /* position: absolute; */
  width: 130px;
  min-height: 136px;
  background-color: #fff;
  border-radius: 10px;
  /* box-shadow: 0 0 9px 3px rgba(0, 14, 41, .13); */
  right: 0px;
  padding: 12px 6px;
  box-sizing: border-box;
  display: block;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  /* Safari */
}

.rightNav-top .tip .p1 {
  color: #7d7d7d;
  font-size: 20px;
  font-weight: bold;
  text-align: left;
}

.rightNav-top .tip .p2 {
  color: #818181;
  font-size: 13px;
  /* font-weight: bold; */
  margin: 3px 0 2px 0;
  text-align: center;
}

.rightNav-top .tip .p3 {
  color: #1453d6;
  font-size: 16px;
  text-align: center;
  font-weight: bold;
}

.rightNav-top .tip .p4 {
  color: #1453d6;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
}

.rightNav-top .phone .tip {
  width: 300px;
}

.rightNav-top .applet .tip {
  width: 260px;
}

.qrcodeIcon {
  display: inline-block;
  width: 103px;
  height: 103px;
  background: url(../img/CC_app.png) center no-repeat;
  background-size: 104% 104% !important;
  /* float: left; */
}

.qrcode .tip p,
.wechat .tip p,
.sina .tip p,
.applet .tip p {
  width: 80px;
  color: #1453d6;
  font-size: 20px;
  font-weight: bold;
  float: left;
  margin: 25px 0 0 12px;
  overflow: hidden;
}

.applet .tip p {
  width: 110px;
}

.rightNav-top > div.phone:hover .tip,
.rightNav-top > div.qrcode:hover .tip,
.rightNav-top > div.wechat:hover .tip,
.rightNav-top > div.sina:hover .tip,
.rightNav-top > div.applet:hover .tip {
  display: block;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  /* Safari */
}

/* 头部导航二级菜单 */
.submenu {
  text-align: center;
}

.submenu > div {
  width: 130px;
  background-color: #fff;
  position: absolute;
  /* left: 301px; */
  left: 211px;
  display: none;
  -webkit-animation: sun-header-show 0.35s;
  animation: sun-header-show 0.35s;
}

.submenu > div.otherParkService {
  /* left: 407px; */
  left: 321px;
}

@media screen and (max-width: 1320px) {
  .submenu > div.otherParkService {
    left: 299px;
  }
}

@media screen and (max-width: 3000px) and (min-width: 2001px) {
  .submenu > div.projectService {
    left: 455px;
  }
}

@media screen and (max-width: 2000px) and (min-width: 1460px) {
  .submenu > div.projectService {
    left: 430px;
  }
}

.submenu > div ul,
.submenu > div ul li {
  width: 100%;
}

.submenu > div ul li {
  height: 50px;
}

.submenu > div ul li a {
  display: inline-block;
  width: 100%;
  height: 100%;
  font-size: 18px;
  line-height: 50px;
  color: #3a3d3d;
}

.submenu > div ul li a:hover {
  background-color: #f7f7f7;
  color: #194ac3;
}

@keyframes sun-header-show {
  0% {
    opacity: 0;
    margin-top: -30px;
  }

  100% {
    opacity: 1;
    margin-top: 0px;
  }
}

@keyframes sun-header-hide {
  0% {
    opacity: 1;
    transform: translate(0);
  }

  100% {
    opacity: 0;
    transform: translate(-100);
  }
}

/*==========以下部分是Validform必须的===========*/
.Validform_checktip {
  line-height: 20px;
  /*height:20px;*/
  height: auto;
  overflow: hidden;
  color: #999;
  font-size: 12px;
}

.Validform_right {
  color: #71b83d;
  padding-left: 20px;
  white-space: nowrap;
}

.Validform_wrong {
  color: red;
  padding-left: 20px;
  white-space: nowrap;
}

.Validform_loading {
  padding-left: 20px;
}

.Validform_error {
  background-color: #ffe7e7;
}
#Validform_msg {
  color: #7d8289;
  font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif;
  width: 260px;
  -webkit-box-shadow: 2px 2px 3px #aaa;
  -moz-box-shadow: 2px 2px 3px #aaa;
  background: #fff;
  position: absolute;
  top: 0px;
  right: 50px;
  z-index: 99999;
  display: none;
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999');
}

#Validform_msg .iframe {
  position: absolute;
  left: 0px;
  top: -1px;
  z-index: -1;
}

#Validform_msg .Validform_title {
  line-height: 25px;
  height: 25px;
  text-align: left;
  font-weight: bold;
  padding: 0 8px;
  color: #fff;
  position: relative;
  background-color: #000;
}

#Validform_msg a.Validform_close:link,
#Validform_msg a.Validform_close:visited {
  line-height: 22px;
  position: absolute;
  right: 8px;
  top: 0px;
  color: #fff;
  text-decoration: none;
}

#Validform_msg a.Validform_close:hover {
  color: #cc0;
}

#Validform_msg .Validform_info {
  padding: 8px;
  border: 1px solid #000;
  border-top: none;
  text-align: left;
}

.order-form .form-item input.Validform_error,
.order-form .text-area-item .Validform_error {
  border-color: #ff8400;
}

.headerBanner .slick-prev {
  left: 8%;
  top: 110px;
}

.headerBanner .slick-next {
  right: 8%;
  top: 110px;
}

.caseNav {
  margin-top: 20px;
  /* width: 100%; */
  text-align: left;
  font-size: 16px;
  margin-left: 124px;
}

.caseNav a {
  font-size: 16px;
}

.caseNav a.base {
  color: #959595;
}

.caseNav a:hover {
  text-decoration: underline;
}

.caseNav em {
  display: inline-block;
  margin: 0 5px;
}

.caseNav2 span {
  display: inline-block;
  font-size: 20px !important;
  cursor: pointer;
  /* width: 100%; */
  min-width: 140px;
  height: 55px;
  line-height: 55px;
  padding: 0 10px;
  margin: 0 10px;
}

.caseNav2 span.select {
  color: #0d52b3;
  background: #fff;
}

.palyVideoBox {
  width: 210px;
  height: 51px;
  border-radius: 30px;
  border: 1px solid #fff;
  box-sizing: border-box;
  color: #fff;
  font-size: 20px;
  line-height: 48px;
  text-align: center;
  cursor: pointer;
  position: absolute;
  z-index: 100;
  bottom: 133px;
  left: 50%;
  margin-left: -105px;
}

.palyVideoBox i {
  display: inline-block;
  width: 23px;
  height: 23px;
  background: url(../img/project/play.png) center no-repeat;
  vertical-align: text-top;
  margin-right: 10px;
}

.palyVideoBox:hover {
  background: rgba(255, 255, 255, 0.08);
}

.videoBox {
  width: 33.9%;
  height: 309px;
  background: #fff;
  position: fixed;
  top: 32%;
  left: 33%;
  z-index: 999;
  box-shadow: rgba(169, 169, 169, 0.3) 0px 0px 30px 5px;
  border-radius: 5px;
  display: none;
  overflow: hidden;
  padding: 25px 0;
}

.videoBox > div {
  width: 100%;
  height: 100%;
  position: relative;
}

.videoBox > div i.close {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../img/closeIcon.png) center no-repeat;
  background-size: contain;
  position: absolute;
  z-index: 2;
  right: 10px;
  top: -22px;
  cursor: pointer;
  opacity: 0.5;
}

.videoBox > div i.close:hover {
  opacity: 1;
}

.videoBox > div > div {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
}

.jdgkBox {
  width: 100%;
  display: none;
}

.jdgkBox > div {
  width: 100%;
}

.jdgkBox > div .header {
  width: 100%;
  background: #f4f6ff;
}

.jdgkBox > div .header > div {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  padding: 60px 0;
}

.jdgkBox > div .header > div .hleft {
  width: 400px;
}

.jdgkBox > div .header > div .hleft h3 {
  width: 191px;
  height: 60px;
  border-radius: 30px;
  margin: 60px 0 35px 0;
  background: linear-gradient(to right, #1931b4, #429dff);
  font-size: 24px;
  color: #fff;
  line-height: 60px;
  text-align: center;
}

.jdgkBox > div .header > div .hleft p {
  color: #333333;
  font-size: 16px;
  line-height: 24px;
}

.jdgkBox > div .header > div .hRight {
  width: 700px;
}

.jdgkBox > div .tdBox {
  width: 1200px;
  margin: 0 auto;
}

.jdgkBox > div .tdBox .mbList {
  width: 100%;
}

.jdgkBox > div .tdBox .mbList > div {
  width: 277px;
  height: 378px;
  float: left;
  margin-right: 30px;
}

.jdgkBox > div .tdBox .mbList > div > div {
  width: 277px;
  height: 378px;
  float: left;
  text-align: center;
  background: #fff;
  border: 1px solid #dee4ef;
  border-radius: 8px;
  box-shadow: 0px 0px 10px #dee4ef;
  padding: 52px 0;
  box-sizing: border-box;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ase-in-out 0s;
}

.jdgkBox > div .tdBox .mbList > div > div em {
  display: inline-block;
}

.jdgkBox > div .tdBox .mbList > div > div h3 {
  font-size: 24px;
  color: #111111;
  margin: 20px 0;
}

.jdgkBox > div .tdBox .mbList > div > div .itemBox {
  width: 83%;
  margin: 0 auto;
}

.jdgkBox > div .tdBox .mbList > div > div p {
  font-size: 16px;
  color: #333333;
  line-height: 24px;
  text-align: left;
}

.jdgkBox > div .tdBox .mbList > div:last-child {
  margin-right: 0;
}

.jdgkBox > div .tdBox .mbList > div > div:hover {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  box-shadow: rgba(169, 169, 169, 0.3) 0px 0px 30px 5px;
}

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

.gncjItem {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 60px;
}

.gncjItem .itemLeft {
  width: 614px;
  height: 273px;
  background: #fff;
  border-radius: 8px;
  border: 1px solid #e0e6f0;
  box-shadow: rgba(169, 169, 169, 0.3) 0px 0px 30px 5px;
  padding: 12px;
  box-sizing: border-box;
}

.gncjItem .itemRight {
  width: 548px;
  padding: 96px 0 0 12px;
  box-sizing: border-box;
}

.gncjItem .itemRight h3 {
  color: #111111;
  font-size: 24px;
  line-height: 24px;
  font-weight: bold;
}

.gncjItem .itemRight h3 i,
.wlotherBox .witemBox h3 i {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #182eb2;
  border-radius: 50%;
  margin-right: 5px;
  vertical-align: middle;
}

.gncjItem .itemRight p {
  color: #333333;
  font-size: 16px;
  line-height: 24px;
  margin-top: 18px;
}

.wlotherBox {
  width: 100%;
  background: #f4f6ff;
}

.wlotherBox > div {
  width: 1200px;
  margin: 0 auto;
  padding: 80px 0;
}

.wlotherBox .witemBox {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

.wlotherBox .witemBox .wleft {
  width: 783px;
  height: 309px;
  box-shadow: rgba(169, 169, 169, 0.3) 0px 0px 30px 5px;
  padding: 10px;
  border-radius: 8px;
  box-sizing: border-box;
}

.wlotherBox .witemBox h3 {
  font-size: 18px;
  color: #111111;
  line-height: 62px;
}

.wlotherBox .witemBox .imgBox {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin: 10px 0;
}

.wlotherBox .witemBox .imgBox img {
  width: 377px;
  height: 207px;
}

.wlotherBox .witemBox .wright {
  width: 397px;
  height: 309px;
  box-shadow: rgba(169, 169, 169, 0.3) 0px 0px 30px 5px;
  padding: 10px;
  border-radius: 8px;
  box-sizing: border-box;
}

.payContentBox {
  width: 700px;
  height: 494px;
  position: fixed;
  top: 50%;
  background: #fff;
  border-radius: 15px;
  z-index: 1000;
  left: 50%;
  margin-left: -350px;
  margin-top: -247px;
  overflow: hidden;
  display: none;
}

.payContentBox > div {
  width: 100%;
  height: 100%;
  position: relative;
}

.payContentBox > div i.close {
  position: absolute;
  right: 21px;
  top: 18px;
  width: 21px;
  height: 21px;
  background: url(../img/close.png) center no-repeat;
  cursor: pointer;
}

.payContentBox > div .header {
  width: 100%;
  height: 55px;
  border-bottom: 1px solid #e8e8e8;
  text-align: center;
  line-height: 55px;
  color: #111111;
  font-size: 21px;
}

.payContentBox .payDetail {
  width: 100%;
  height: 167px;
  display: flex;
  padding: 20px;
  box-sizing: border-box;
  border-bottom: 1px solid #e8e8e8;
}

.payContentBox .payDetail .img {
  width: 127px;
  height: 127px;
  border-radius: 15px;
  overflow: hidden;
  margin-right: 15px;
}

.payContentBox .payDetail .img img {
  width: 100%;
  height: 100%;
}

.payContentBox .payDetail .planInfoBox {
  padding: 20px 0;
  box-sizing: border-box;
  height: 127px;
  width: calc(100% - 150px);
}

.payContentBox .payDetail .planInfoBox h3 {
  color: #001324;
  font-size: 18px;
}

.payContentBox .payDetail .planInfoBox > div.otherBox {
  display: flex;
  margin: 15px 0;
}

.payContentBox .payDetail .planInfoBox > div.otherBox p {
  color: #999999;
  font-size: 14px;
  padding: 0 22px;
  position: relative;
  line-height: 14px;
  border-right: 1px solid #afafaf;
}

.payContentBox .payDetail .planInfoBox > div.otherBox p:first-child {
  padding: 0 22px 0 0;
}

.payContentBox .payDetail .planInfoBox > div.otherBox p:last-child {
  border-right: 0;
}

.payContentBox .payDetail .planInfoBox > p {
  color: #fe1515;
  font-size: 18px;
}

.payContentBox .payContentInfo {
  width: 100%;
  padding: 15px;
  box-sizing: border-box;
}

.payContentBox .payContentInfo > p {
  color: #111111;
  font-size: 16px;
  text-align: center;
  margin-bottom: 10px;
}

.payContentBox .payContentInfo > p span {
  font-size: 24px;
  color: #fe1515;
}

.payContentBox .payContentInfo > div.payQRCodeBox {
  display: flex;
}

.payContentBox .payContentInfo > div.payQRCodeBox > div {
  width: 100%;
  text-align: center;
}

.payContentBox .payContentInfo > div.payQRCodeBox > div > div {
  width: 150px;
  height: 150px;
  margin: 0 auto;
  border: 1px solid #4ab415;
  box-sizing: border-box;
  padding: 10px;
}

.payContentBox .payContentInfo > div.payQRCodeBox > div > div.zfb {
  border-color: #02aaee;
}

.payContentBox .payContentInfo > div.payQRCodeBox > div > div div {
  width: 130px;
  height: 130px;
}

.payContentBox .payContentInfo > div.payQRCodeBox > div > p {
  text-align: center;
  font-size: 18px;
  color: #9a9a9a;
  display: flex;
  align-items: center;
  width: 95px;
  margin: 10px auto;
}

.payContentBox .payContentInfo > div.payQRCodeBox > div > p img {
  margin-right: 5px;
}

.mask {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  display: none;
}

.payWait {
  display: none;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  text-align: center;
  font-size: 18px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -142px;
  z-index: 1111;
  height: 45px;
  padding: 0 20px;
  line-height: 45px;
  border-radius: 10px;
  width: 285px;
  box-sizing: border-box;
}

.bqTip {
  text-align: center;
  margin-top: 68px;
  color: #484949;
}

.caseInfoBox {
  background: #fff;
  padding: 44px 78px;
  box-sizing: border-box;
  margin-bottom: 60px;
}

.caseInfoBox .text {
  width: 100%;
  text-align: justify;
}

.topTitle {
  font-size: 44px;
  color: #1c1c1c;
  margin-bottom: 45px;
}

/* 总裁驾驶舱 */
.cockpitBox {
  width: 100%;
  margin-top: -30px;
}

.cockpit1 {
  height: 888px;
  background: url(../img/cockpitBg.png) center no-repeat;
  background-size: 101% 100%;
}

.cockpit1 > div {
  width: 1440px;
  margin: 0 auto;
  padding: 90px 0 56px 0;
  box-sizing: border-box;
  text-align: center;
}

.cockpit1 > div h3 {
  font-size: 48px;
  color: #1c1c1c;
}

.cockpit1 > div h3.fontST{
  font-family: "宋体", "SimSun", sans-serif;
}

.cockpit1 > div p {
  font-size: 18px;
  margin-top: 20px;
}

.cockpit1 > div img {
  margin: 42px auto 0 auto;
}

.cockpit1 > div .Pad-pic {
  width: 1000px;
  height: 500px;
  margin: auto;
}

.cockpit1 > div .cockpitPad {
  cursor: pointer;
  width: 70%;
  transition: all 1s ease-in-out;
}

.cockpit1 > div .cockpitPad:hover {
  /* transform: scale(1.2); */
  width: 80%;
}

.cockpit2 {
  width: 100%;
  height: 715px;
  background: #f3f5f8;
}

.cockpit2 > div {
  width: 1440px;
  margin: 0 auto;
  padding: 80px 0;
  box-sizing: border-box;
}

.featureItemBox {
  width: 100%;
  display: flex;
  flex: 1;
  justify-content: space-between;
}

.featureItemBox .item {
  padding: 50px 32px;
  box-sizing: border-box;
}

.featureItemBox.featureItem3 .item {
  width: 30%;
  height: 443px;
  cursor: pointer;
  background: #fff;
  border-radius: 20px;
  text-align: center;
  padding: 78px 32px 50px 32px;
  transition: all 0.5s;
}

.featureItemBox.featureItem3 .item:hover {
  box-shadow: 2px 2px 12px 2px rgba(0, 0, 0, 0.25);
}

.featureItemBox.featureItem4 .item:hover {
  box-shadow: 2px 2px 12px 2px rgba(0, 0, 0, 0.25);
}

.featureItemBox.featureItem3 .item:hover .img img {
  transform: scale(1.1);
}

.featureItemBox.featureItem4 .item {
  cursor: pointer;
  width: 23.5%;
  height: 470px;
  background: #fff;
  border-radius: 20px;
  text-align: left;
  padding: 50px 32px;
  transition: all 0.5s;
}

.featureItemBox.featureItem4 .item.changeH {
  height: 400px;
}

.featureItemBox .item .img {
  width: 135px;
  height: 135px;
  margin: 0 auto;
  text-align: center;
  vertical-align: middle;
}

.featureItemBox.featureItem4 .item .img {
  margin: auto;
  transition: all 0.5s;
}

.featureItemBox.featureItem4 .item:hover .img img {
  transform: scale(1.1);
}

.featureItemBox .item .img img {
  max-width: 100%;
  max-height: 100%;
  transition: all 0.5s;
}

.featureItemBox .item h4 {
  font-size: 24px;
  color: #191919;
  margin-top: 30px;
  text-align: center;
}

.featureItemBox .item .info {
  margin-top: 10px;
}

.featureItemBox .item p {
  font-size: 16px;
  color: #96979d;
  line-height: 28px;
  margin: 10px 0;
  /* text-align: justify; */
}

.featureItemBox .item .section {
  font-size: 16px;
  color: #96979d;
  line-height: 28px;
  margin: 10px 0;
  text-align: justify;
}

/*.featureItemBox.featureItem4 .item p{ font-size: 18px; line-height: 32px; }*/

.cockpit3 > div {
  width: 1440px;
  margin: 0 auto;
  padding: 80px 0;
  box-sizing: border-box;
}

.cockpitMenu {
  display: flex;
  justify-content: center;
}

.ddk-Menu {
  display: flex;
  justify-content: center;
}

.cockpitMenu > div {
  font-size: 24px;
  color: #181a27;
  margin: 0 27px;
  cursor: pointer;
}

.ddk-Menu > div {
  font-size: 24px;
  color: #181a27;
  margin: 0 27px;
  cursor: pointer;
}

.cockpitMenu > div.currentItem {
  color: #0d52b3;
}

.cockpit3 > div.active {
  color: #0d52b3;
}

.cockpitMenu > div.currentItem:after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 4px;
  background: #0d52b3;
}

.ddk-Menu > div.active:after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 4px;
  background: #0d52b3;
}

.cockpitSwiper,
.ddk-Swiper {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 750px;
  border-radius: 20px;
  border: 1px solid #e7e7e9;
  margin-top: -7px;
  text-align: center;
  padding: 60px;
  box-sizing: border-box;
}

.cockpitSwiper .swiper-item,
.ddk-Swiper .swiper-item {
  display: flex;
  width: 9999px;
}

.currentInfo {
  display: block;
  width: 1440px !important;
  height: 700px;
}

.currentInfo h3 {
  font-size: 40px;
  line-height: 52px;
  margin-left: -110px;
}

.currentInfo p {
  font-size: 16px;
  color: #373737;
  line-height: 24px;
  width: 980px;
  margin-top: 30px;
  margin-left: 184px;
}

.currentInfo p.p2 {
  margin-top: 0;
}

.cockpitSwiper img,
.ddk-Swiper img {
  position: absolute;
}

.cockpitSwiper img.left,
.ddk-Swiper img.left {
  top: 50%;
  left: 40px;
  cursor: pointer;
}

.cockpitSwiper img.right,
.ddk-Swiper img.right {
  top: 50%;
  right: 40px;
  cursor: pointer;
}

.currentInfo .computer {
  width: 1400px;
  height: 530px;
  margin: 20px 100px 0 -40px;
  background: url(../img/project/computer.png) no-repeat center;
  background-size: contain;
}

.currentInfo .computer.delBgc {
  width: 1000px;
  height: 530px;
  margin: 20px 40px 0 40px;
  background: url("");
  background-size: contain;
}

.currentInfo .computer.delBgc img.bgc5 {
  margin-left: 127px;
  margin-top: 50px;
  width: 1000px;
  /* height: 400px; */
}

.currentInfo .computer > img {
  margin-left: 389px;
  margin-top: 50px;
  /* display: inline-block; */
  width: 640px;
}

/* 运营服务平台CC+ */
.ccplus {
  width: 100%;
  /* width: 1900px; */
  margin-top: -30px;
  display: none;
}

.ccplus .ccplus1 {
  height: 1016px;
  background: url(../img/project/CC+bg.png) center no-repeat;

}

.ccplus .ccplus1 > div {
  width: 1440px;
  margin: 0 auto;
  display: flex;
  padding: 176px 20px;
  box-sizing: border-box;
}

.ccplus .ccplus1 > div .left {
  width: 40%;
}


.ccplus .ccplus1 > div .left .cc_title {
  font-size: 42px;
  color: #1c1c1c;
  line-height: 64px;
}
.ccplus .ccplus1 > div .left .lit{
  margin: 8px 0;
}

.ccplus .ccplus1 > div .left .lit img {
  width: 24px;
  height: 24px;
  display: inline-block;
  margin-right: 15px;
}
.ccplus .ccplus1 > div .left .lit span {
  display: inline-block;
  color: #191919;
  font-size: 18px;
  transform: translateY(1px);
}

.ccplus .ccplus1 > div .left > p {
  font-size: 18px;
  line-height: 32px;
  color: #191919;
  margin-top: 30px;
}

.ccplus .ccplus1 > div .left > img {
  margin-top: 54px;
}

.ccplus .ccplus1 > div .left .downLoadUseDoc {
  display: inline-block;
  width: 270px;
  height: 52px;
  background: #0d52b3;
  color: #fff;
  font-size: 18px;
  line-height: 52px;
  text-align: center;
  margin-top: 34px;
}

.ccplus .ccplus1 > div .left .downLoadUseDoc i {
  display: inline-block;
  width: 22px;
  height: 20px;
  background: url(../img/project/download.png) center no-repeat;
  vertical-align: middle;
  margin-right: 5px;
}

.qrCodeDownLoad {
  display: flex;
  margin-top: 40px;
}

.qrCodeDownLoad > div:first-child {
  margin-right: 30px;
}

.qrCodeDownLoad > div {
  text-align: center;
}

.qrCodeDownLoad > div img {
  width: 122px;
  height: 122px;
  margin: 0 auto;
}

.qrCodeDownLoad > div p {
  font-size: 14px;
  color: #1c1c1c;
  line-height: 24px;
  margin-top: 10px;
}

.ccplus .ccplus1 > div .right {
  transform: translateY(20px);
  width: 830px;
  height: 593.7px;
  margin: 0 auto;
  background: url(../img/project/right_bg.png) no-repeat;
  background-size: 100% 100%;

}


.ccplus .ccplus2 {
  position: relative;
 height: 989px;
 background: url(../img/project/ccplus2bg.png) center no-repeat;
  background-size: 100% 100%;
  padding-top: 74px;
}
.ccplus .ccplus2 .ccplus2title{
  height: 64px;
  line-height: 64px;
  text-align: center;
  font-size: 48px;
  color: #FFFFFF;
  margin-bottom: 140px;

}
.ccplus .ccplus2 .main{
  display: flex;
  justify-content: space-between;

}
.ccplus .ccplus2 .main .left{
  flex: 2;
  position: relative;
}
.ccplus .ccplus2 .main .left .box{
  width: 100%;
}
.ccplus .ccplus2 .main .center{
  flex: 1.5;
  display: flex;
  justify-content: space-between;
}
.ccplus .ccplus2 .main .right{
  flex: 2;
  position: relative;

}
.ccplus .ccplus2 .main .right .box{
  width: 100%;
}

.ccplus .ccplus2 .main .center .leftimg{
  /* flex: 1; */
  width: 226px;
  height: 498px;
}
.ccplus .ccplus2 .main .center .jg{
  width: 44px;
}
.ccplus .ccplus2 .main .center .rightimg{
  /* flex: 1; */
   width: 226px;
  height: 498px;
}

.ccplus .ccplus2 .main .center .leftimg img{
  width: 100%;
  height: 100%;
}
.ccplus .ccplus2 .main .center .rightimg img{
  width: 100%;
  height: 100%;
  
}


.ccplus .ccplus2 .divimg{
  padding-left:35px ;
  padding-right:31px ;

}
.ccplus .ccplus2 .divimg span{
  display: inline-block;
  box-sizing: border-box;
  line-height: 60px;
  font-size: 20px;
  color: #181A27;
}
.ccplus .ccplus2 .divimg img{
  display: inline-block;
  box-sizing: border-box;
  line-height: 60px;
  width: 40px;
  height: 40px;
}
.ccplus .ccplus2 .d1{
  display: inline-block;
  box-sizing: border-box;
  line-height: 60px;
  width: 194px;
  height: 60px;
  background-color: #fff;
  border-radius: 34px;
  position: absolute;
  top: 41px;
  right: 84px;
}
.ccplus .ccplus2 .d2{
  display: inline-block;
  box-sizing: border-box;
  line-height: 60px;
  width: 194px;
  height: 60px;
  background-color: #fff;
  border-radius: 34px;
  position: absolute;
  top: 170px;
  right: 237px;
}
.ccplus .ccplus2 .d3{
  display: inline-block;
  box-sizing: border-box;
  line-height: 60px;
  width: 194px;
  height: 60px;
  background-color: #fff;
  border-radius: 34px;
  position: absolute;
  top: 287px;
  right: 166px;
}
.ccplus .ccplus2 .d4{
  display: inline-block;
  box-sizing: border-box;
  line-height: 60px;
  width: 194px;
  height: 60px;
  background-color: #fff;
  border-radius: 34px;
  position: absolute;
  top: 415px;
  right: 115px;
}
.ccplus .ccplus2 .d5{
  display: inline-block;
  box-sizing: border-box;
  line-height: 60px;
  width: 194px;
  height: 60px;
  background-color: #fff;
  border-radius: 34px;
  position: absolute;
  top: 41px;
  left: 84px;
}
.ccplus .ccplus2 .d6{
  display: inline-block;
  box-sizing: border-box;
  line-height: 60px;
  width: 194px;
  height: 60px;
  background-color: #fff;
  border-radius: 34px;
   position: absolute;
  top: 170px;
  left: 237px;
}
.ccplus .ccplus2 .d7{
  display: inline-block;
  box-sizing: border-box;
  line-height: 60px;
  width: 194px;
  height: 60px;
  background-color: #fff;
  border-radius: 34px;
  position: absolute;
  top: 287px;
  left: 166px;
}
.ccplus .ccplus2 .d8{
  display: inline-block;
  box-sizing: border-box;
  line-height: 60px;
  width: 194px;
  height: 60px;
  background-color: #fff;
  border-radius: 34px;
  position: absolute;
  top: 415px;
  left: 115px;
}

.ccplus .ccplus3{
 position: relative;
 height: 840px;
 background-color: #fff;
  padding-top: 82px;
}
.ccplus .ccplus3 .ccplus3title{
  height: 64px;
  line-height: 64px;
  font-size: 48px;
  color: #1C1C1C;
  text-align: center;
  margin-bottom: 50px;
}
.ccplus .ccplus3 .mian{
 display: flex;
 justify-content: space-between;
 align-items: center;
} 

.ccplus .ccplus3 .left{
 flex: 1;
 text-align: center;
} 
.ccplus .ccplus3 .left .content{
  box-sizing: border-box;
  width: 100%;
  display: flex;
  padding-left: 30%;
} 


.ccplus .ccplus3 .left .title{
  margin-bottom: 60px;
  text-align: left;
  padding-left: 32%;
}
.ccplus .ccplus3 .left .title span{
  display: inline-block;
} 
.ccplus .ccplus3 .left .title .span1{
  color: #1C1C1C;
  font-size: 30px;
} 
.ccplus .ccplus3 .left .title .span2{
  width: 2px;
  height: 27px;
  transform: translateY(4px);
  background-color: #96979D;
  margin-left: 16px;
  margin-right: 20px;
} 
.ccplus .ccplus3 .left .title .span3{
  font-size: 18px;
  color: #96979D;
  transform: translateX(-3px);
} 

.ccplus .ccplus3 .left .mainContent{
  
  display: flex;
  width: 670px;
  flex-wrap: wrap;
  /* height: 240px; */
} 
.ccplus .ccplus3 .left p{
  box-sizing: border-box;
  width: 220px;
  height: 78px;
  padding-left: 20px;
  margin-bottom: 12px;
  text-align: left;
} 
.ccplus .ccplus3 .left p img{
  display: inline-block;
  margin-right: 15px;
  width: 50px;
  height: 50px;
  line-height: 78px;
  transform: translateY(-3px);
} 
.ccplus .ccplus3 .left p span{
  display: inline-block;
  color: #181A27;
  font-size: 20px;
  line-height: 78px;

} 

.ccplus .ccplus3 .right{

  box-sizing: border-box;
 flex: 0.7;
 display: flex;
 justify-content: center;
} 
.ccplus .ccplus3 .right img{
  /* width: 266px;
  height: 583px; */

} 

.ccplus .ccplus4{
  height: 717px;
  background: url(../img/project/cc3_bg.png) center no-repeat;
  background-size: 100% 100%;
  display: flex;

}
.ccplus .ccplus4 .left{
 flex: 1;
 box-sizing: border-box;
 padding-top: 198px;
} 
.ccplus .ccplus4 .left .title{
  margin-bottom: 60px;
}
.ccplus .ccplus4 .left .title span{
  display: inline-block;
} 
.ccplus .ccplus4 .left .title .span1{
  color: #1C1C1C;
  font-size: 30px;
} 
.ccplus .ccplus4 .left .title .span2{
  width: 2px;
  height: 27px;
  transform: translateY(4px);
  background-color: #96979D;
  margin-left: 16px;
  margin-right: 20px;
} 
.ccplus .ccplus4 .left .title .span3{
  font-size: 18px;
  color: #96979D;
  transform: translateX(-3px);

} 

.ccplus .ccplus4 .left .mainContent{
  display: flex;
  width: 610px;
  flex-wrap: wrap;
  /* height: 240px; */
} 

.mainContent p:hover{
  background-color: #fff;
  border-radius: 10px;
  box-shadow: #ccc 0px 0px 4px 3px;
}
.ccplus .ccplus4 .left p{
  /* padding: 0 25px; */
  text-align: left;
  box-sizing: border-box;
  width: 200px;
  height: 78px;
  padding-left: 20px;
  margin-bottom: 12px;
} 
.ccplus .ccplus4 .left p img{
  display: inline-block;
  margin-right: 20px;
  width: 50px;
  height: 50px;
  line-height: 78px;
  transform: translateY(-3px);
} 
.ccplus .ccplus4 .left p span{
  display: inline-block;
  color: #181A27;
  font-size: 20px;
  line-height: 78px;

} 

.ccplus .ccplus4 .right{
  flex: 0.9;
  box-sizing: border-box;
  padding: 55px 0;
  display: flex;
  justify-content: center;
} 
.ccplus .ccplus4 .right img{
  /* width: 258px; */
  /* height: 568px; */

} 


/* 物联数据平台 */
.ddk {
  width: 100%;
  margin-top: -30px;
  display: none;
}

.ddk .ddk1 {
  height: 888px;
  background: url(../img/project/ddkBg.png) center no-repeat;
}

.ddk1 > div {
  width: 1440px;
  margin: 0 auto;
  padding: 90px 0 56px 0;
  box-sizing: border-box;
  text-align: center;
}

.ddk1 > div h3 {
  font-size: 48px;
  color: #1c1c1c;
}

.ddk1 > div p {
  width: 1000px;
  font-size: 18px;
  margin: 20px auto 0px;
  text-align: left;
}

.ddk1 > div img {
  margin: 42px auto 0 auto;
}

.ddk2 {
  background: #f3f5f8;
}

.ddk2 > div {
  width: 1440px;
  margin: 0 auto;
  padding: 90px 0 56px 0;
  box-sizing: border-box;
  text-align: center;
}

.ddk2 .featureItemBox.featureItem4 .img {
  margin: 0 auto;
}

.wiseYJ {
  width: 100%;
  margin-top: -30px;
  /* display: none; */
}

.wiseYJ .block-ctn1 {
  height: 888px;
  background: url(../img/project/ddkBg.png) center no-repeat;
}

.wiseYJ .block-ctn1 .content {
  width: 1440px;
  height: 100%;
  margin: 0 auto;
  padding: 90px 0 56px 0;
  box-sizing: border-box;
  text-align: left;
  display: flex;
  justify-content: space-between; align-items: center;
}

.wiseYJ .block-ctn1 .content .left{ width: calc(100% - 711px); }
.wiseYJ .block-ctn1 .content .left img{ width: 88px; height: 88px; }

.wiseYJ .block-ctn1 .content h3 {
  font-size: 48px;
  color: #1c1c1c;padding-left: 10px;
}

.wiseYJ .block-ctn1 .content p {
  width: 610px;
  font-size: 18px;
  line-height: 32px;
  margin: 20px 0 0 0;
  text-align: left;padding-left: 10px;
}

.wiseYJ .block-ctn1 .content img.cockpitLogo {
  width: 711px;
}



.wiseYJ .block-ctn2 {
  height: 881px;
  background: url(../img/project/yjContent2Bg.png) center no-repeat;
}

.wiseYJ .block-ctn2 .content {
  width: 1440px;
  padding: 80px 0 170px 0;
  margin: 0 auto;
  box-sizing: border-box;
  text-align: center;
}

.wiseYJ .block-ctn2 .content .content-title {
  color: #1c1c1c;
  font-size: 48px;
  text-align: center;
  margin-bottom: 64px;
}
.wiseYJ .block-ctn2 .content .contentBox{ position: relative; height:635px; background: url(../img/project/ygbg.png)  center no-repeat; background-size: 635px; display: flex; justify-content: center; }
.wiseYJ .block-ctn2 .content .contentBox .yjComputer{ height: 480px; margin-top: 78px; }
.wiseYJ .block-ctn2 .content .contentBox .navList{ margin-top: 78px; }
.wiseYJ .block-ctn2 .content .contentBox .navList >div{ width: 346px;height: 128px;background: linear-gradient( 180deg, #E8F1FE 0%, #F4F6FC 100%); margin-bottom: 43px;
  border-radius: 8px; border: 2px solid #FFFFFF; display: flex; align-items: center; padding: 0 32px; box-sizing: border-box;font-size: 24px;  color: #181A27; }
.wiseYJ .block-ctn2 .content .contentBox .navList >div img{ width: 128px; height: 128px; }

.wiseYJ .block-ctn3 {height: 1120px; background: #f3f5f8;}
.wiseYJ .block-ctn3 .content {
  width: 1440px;
  height: 100%;
  padding: 80px 0 170px 0;
  margin: 0 auto;
  box-sizing: border-box;
  text-align: center;
}
.wiseYJ .block-ctn3 .content .contentBox{ width: 100%; display: flex; flex-wrap: wrap; position: relative; }
.wiseYJ .block-ctn3 .content .contentBox >div{ width: 50%; height: 490px; background: #fff; padding: 80px 48.5px; box-sizing: border-box; }
.wiseYJ .block-ctn3 .content .contentBox >div.hasbg{ background: url(../img/project/yjTableBg.png)  center no-repeat; background-size: contain; }
.wiseYJ .block-ctn3 .content .contentBox >div h3{ font-weight: bold; font-size: 36px; color: #1C1C1C; margin-bottom: 49px; }
.wiseYJ .block-ctn3 .content .contentBox >div > div{ display: flex; align-items: center; justify-content: space-between; }
.wiseYJ .block-ctn3 .content .contentBox >div > div p{ font-size: 24px;  color: #181A27; }
.wiseYJ .block-ctn3 .content .contentBox >div > div img{ width: 301px; height: 170px;max-width: 100%; max-height: 100%;transform-origin: center center; }
.wiseYJ .block-ctn3 .content .contentBox >div > div > div > div{ height: 170px; margin-bottom: 30px; cursor: pointer; display: flex; align-items: center;}
.wiseYJ .block-ctn3 .content .contentBox >div .columns3 img{ width: 200px; height: 112.5px; }
.wiseYJ .block-ctn3 .content .contentBox >div > div > div > div:hover{ position: absolute; width: 1440px; height: 980px; background: rgba(0, 0, 0, .95); top: 0; left: 0; z-index: 10;  }
.wiseYJ .block-ctn3 .content .contentBox >div > div > div > div:hover img{ width: 1440px; height: auto; /* 放大图片 */transition: all 0.5s ease; }

.wiseYJ
  .block-ctn2
  .content
  .func-ctn
  .func-item
  .img-ctn1
  .img-group
  img:nth-child(2n) {
  position: relative;
  bottom: -40px;
}

.wiseYJ
  .block-ctn2
  .content
  .func-ctn
  .func-item
  .img-ctn1
  .img-group
  img:not(:last-child) {
  margin-right: 43px;
}

.wiseYJ
  .block-ctn2
  .content
  .func-ctn
  .func-item
  .img-ctn1
  .img-group
  img:hover {
  transform: scale(1.3);
}

.wiseYJ .block-ctn2 .content .func-ctn .func-item .img-ctn2 .img-group {
  margin-bottom: 20px;
}

.wiseYJ .block-ctn2 .content .func-ctn .func-item .img-ctn2 .img-group img {
  width: 130px;
  height: 282px;
  margin-bottom: 30px;
  transition: all 0.5s;
}

.wiseYJ
  .block-ctn2
  .content
  .func-ctn
  .func-item
  .img-ctn2
  .img-group
  .img-horization {
  width: 250px;
  height: 161px;
}

.wiseYJ
  .block-ctn2
  .content
  .func-ctn
  .func-item
  .img-ctn2
  .img-group
  img:not(:last-child) {
  margin-right: 33px;
}

.wiseYJ
  .block-ctn2
  .content
  .func-ctn
  .func-item
  .img-ctn2
  .img-group
  img:hover {
  transform: scale(1.3);
}

.wiseYJ .block-ctn2 .content .func-ctn .func-item .img-ctn3 .img-group img {
  width: 130px;
  height: 282px;
  margin-bottom: 20px;
  transition: all 0.5s;
}

.wiseYJ
  .block-ctn2
  .content
  .func-ctn
  .func-item
  .img-ctn3
  .img-group
  .img-horization {
  width: 298px;
  height: 247px;
}

.wiseYJ
  .block-ctn2
  .content
  .func-ctn
  .func-item
  .img-ctn3
  .img-group
  img:not(:last-child) {
  margin-right: 50px;
}

.wiseYJ
  .block-ctn2
  .content
  .func-ctn
  .func-item
  .img-ctn3
  .img-group
  img:hover {
  transform: scale(1.3);
}

.wiseYJ .block-ctn2 .content .func-ctn .func-item .img-ctn4 .img-group {
  display: flex;
  align-items: center;
  width: 680px;
}

.wiseYJ .block-ctn2 .content .func-ctn .func-item .img-ctn4 .img-group img {
  width: 130px;
  height: 282px;
  margin-bottom: 30px;
  transition: all 0.5s;
}

.wiseYJ
  .block-ctn2
  .content
  .func-ctn
  .func-item
  .img-ctn4
  .img-group
  .img-horization {
  width: 378px;
  height: 213px;
  margin-right: 63px;
}

.wiseYJ
  .block-ctn2
  .content
  .func-ctn
  .func-item
  .img-ctn4
  .img-group
  img:hover {
  transform: scale(1.3);
}

.wiseYJ .block-ctn2 .content .func-ctn .func-item .img-ctn5 img {
  transition: all 0.5s;
}

.wiseYJ .block-ctn2 .content .func-ctn .func-item .img-ctn5 img:hover {
  transform: scale(1.2);
}

.aiEyes {
  width: 100%;
  margin-top: -30px;
}

.aiEyes .block-ctn1 {
  height: 888px;
  background: url(../img/project/ddkBg.png) center no-repeat;
}

.aiEyes .block-ctn1 .content {
  width: 1440px;
  height: 100%;
  margin: 0 auto;
  padding: 90px 0 56px 0;
  box-sizing: border-box;
  text-align: center;
}

.aiEyes .block-ctn1 .content h3 {
  font-size: 48px;
  color: #1c1c1c;
}

.aiEyes .block-ctn1 .content p {
  width: 1000px;
  color: #191919;
  font-size: 18px;
  text-align: center;
  line-height: 1.5;
  margin: 20px auto 0px;
}

.aiEyes .block-ctn1 .content img {
  margin: 42px auto 0 auto;
}

.aiEyes .block-ctn2 {
  background: #f3f5f8;
}

.aiEyes .block-ctn2 .content {
  width: 1440px;
  padding: 90px 0 136px 0;
  margin: 0 auto;
  box-sizing: border-box;
  text-align: center;
}

.aiEyes .block-ctn2 .content .content-title {
  color: #1c1c1c;
  font-size: 48px;
  text-align: left;
  margin-bottom: 73px;
}

.aiEyes .block-ctn2 .content .func-ctn {
  width: 100%;
  display: flex;
}

.aiEyes .block-ctn2 .content .func-ctn .func-item {
  flex: 1;
  width: calc((100% - 27 * 3) / 4);
  height: 453px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: 20px;
  background: #fff;
  cursor: pointer;
  transition: all 0.5s;
}

.aiEyes .block-ctn2 .content .func-ctn .func-item img {
  transition: all 0.5s;
}

.aiEyes .block-ctn2 .content .func-ctn .func-item:hover {
  box-shadow: 2px 2px 12px 2px rgba(0, 0, 0, 0.25);
}

.aiEyes .block-ctn2 .content .func-ctn .func-item:hover img {
  transform: scale(1.1);
}

.aiEyes .block-ctn2 .content .func-ctn .func-item:not(:last-child) {
  margin-right: 27px;
}

.aiEyes .block-ctn2 .content .func-ctn .func-item .name {
  color: #181a27;
  font-size: 30px;
  margin: 24px 0;
}

.aiEyes .block-ctn2 .content .func-ctn .func-item .desc {
  text-align: center;
}

.aiEyes .block-ctn2 .content .func-ctn .func-item .desc p {
  width: 70%;
  color: #96979d;
  font-size: 18px;
  line-height: 1.5;
  text-align: left;
  margin: 0 auto;
}

.aiEyes .block-ctn3 {
  height: 1146px;
  background: url(../img/project/img-smzqjk.png) center no-repeat;
}

.aiEyes .block-ctn3 .content {
  width: 1440px;
  height: 100%;
  padding: 138px 0 211px 0;
  margin: 0 auto;
  box-sizing: border-box;
  text-align: center;
}

.aiEyes .block-ctn3 .content .content-title {
  color: #1c1c1c;
  font-size: 48px;
}

.aiEyes .block-ctn3 .content .block-desc {
  color: #191919;
  font-size: 18px;
  margin: 44px 0 125px 0;
}

.aiEyes .block-ctn3 .content .func-ctn {
  display: flex;
  align-items: center;
  height: 543px;
}

.aiEyes .block-ctn3 .content .func-ctn .func-item {
  /* flex: 1; */
  width: 25%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 437px;
  border: 1px solid #e1e1e1;
  background: #fff;
  cursor: pointer;
  overflow: hidden;
  transition: width linear 0.5s;
}

.aiEyes .block-ctn3 .content .func-ctn .func-item .name {
  color: #181a27;
  font-size: 30px;
  margin: 23px 0;
}

.aiEyes .block-ctn3 .content .func-ctn .func-item .desc {
  width: 100%;
  text-align: center;
}

.aiEyes .block-ctn3 .content .func-ctn .func-item .desc p {
  color: #96979d;
  font-size: 18px;
  line-height: 1.8;
  text-align: center;
  margin: 0 auto;
}

.aiEyes .block-ctn3 .content .func-ctn .func-item .img-desc {
  display: none;
  margin-top: 49px;
}

.aiEyes .block-ctn3 .content .func-ctn .selected {
  width: 576px;
  height: 543px;
  background: url("../img/project/bg-smzqjk.png") no-repeat;
}

.aiEyes .block-ctn3 .content .func-ctn .selected .img-desc {
  width: 90%;
}

.aiEyes .block-ctn3 .content .func-ctn .selected .name,
.aiEyes .block-ctn3 .content .func-ctn .selected .desc p {
  color: #fff;
}

.aiEyes .block-ctn3 .content .func-ctn .selected .img-icon {
  display: none;
}

.aiEyes .block-ctn3 .content .func-ctn .selected .img-desc {
  display: block;
}

.zsManage {
  width: 100%;
  margin-top: -30px;
}

.zsManage .block-ctn1 {
  height: 888px;
  background: url(../img/project/ddkBg.png) center no-repeat;
}

.zsManage .block-ctn1 .content {
  width: 1440px;
  height: 100%;
  margin: 0 auto;
  padding: 90px 0 56px 0;
  box-sizing: border-box;
  text-align: center;
}

.zsManage .block-ctn1 .content h3 {
  font-size: 48px;
  color: #1c1c1c;
}

.zsManage .block-ctn1 .content p {
  width: 1000px;
  color: #191919;
  font-size: 18px;
  text-align: center;
  line-height: 1.5;
  margin: 20px auto 0px;
}

.zsManage .block-ctn1 .content img {
  margin: 42px auto 0 auto;
}

.zsManage .block-ctn2 {
  background: #f3f5f8;
}

.zsManage .block-ctn2 .content {
  width: 1440px;
  padding: 90px 0 124px 0;
  margin: 0 auto;
  box-sizing: border-box;
  text-align: center;
}

.zsManage .block-ctn2 .content .content-title {
  color: #1c1c1c;
  font-size: 48px;
}

.zsManage .block-ctn2 .content .desc {
  color: #191919;
  font-size: 18px;
  margin: 42px 0 82px 0;
}

.zsManage .block-ctn2 .content .func-ctn {
  display: flex;
  justify-content: space-between;
}

.zsManage .block-ctn2 .content .func-ctn .func-item {
  position: relative;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  cursor: pointer;
}

.zsManage .block-ctn2 .content .func-ctn .img-ctn:hover .icon {
  transition: all 0.5s;
  transform: scale(1.2);
}

.zsManage .block-ctn2 .content .func-ctn .img-ctn:hover {
  box-shadow: 0 0 3px 3px #ccc;
  transition: all 0.5s;
}

.zsManage .block-ctn2 .content .func-ctn .func-item .img-ctn {
  width: 120px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 2px solid #fff;
  background: linear-gradient(to bottom, #e8f1fe, #f4f6fc);
}

.zsManage .block-ctn2 .content .func-ctn .func-item .name {
  color: rgba(24, 26, 39, 0.6);
  font-size: 24px;
  margin-top: 30px;
}

.zsManage .block-ctn2 .content .func-ctn .func-item .arrow {
  position: absolute;
  top: 60px;
  right: -36px;
}

.zsManage .block-ctn3 {
  height: 796px;
  background: url(../img/project/zs-ht-bg.png) center no-repeat;
}

.zsManage .block-ctn3 .content {
  width: 1440px;
  padding: 90px 0 124px 0;
  margin: 0 auto;
  box-sizing: border-box;
  text-align: center;
}

.zsManage .block-ctn3 .content .content-title {
  color: #1c1c1c;
  font-size: 48px;
}

.zsManage .block-ctn3 .content .desc {
  color: #191919;
  font-size: 18px;
  margin: 42px 0 101px 0;
}

.zsManage .block-ctn3 .content .func-ctn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
}

.zsManage .block-ctn3 .content .func-ctn .func-item {
  width: 228px;
  height: 240px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: url("../img/project/zs-icon-bg.png") no-repeat;
  cursor: pointer;
  transition: all 0.5s;
}

/* .zsManage .block-ctn3 .content .func-ctn .func-item:hover {
	box-shadow: 2px 2px 12px 2px rgba(0, 0, 0, 0.25);
} */

.zsManage .block-ctn3 .content .func-ctn .func-item:hover img {
  transition: all 0.5s;
  transform: scale(1.2);
}

.zsManage .block-ctn3 .content .func-ctn .func-item:nth-child(4) {
  position: relative;
  left: -6px;
}

.zsManage .block-ctn3 .content .func-ctn .func-item:nth-child(5) {
  position: relative;
  left: -10px;
}

.zsManage .block-ctn3 .content .func-ctn .func-item:nth-child(6) {
  position: relative;
  left: -12px;
}

.zsManage .block-ctn3 .content .func-ctn .func-item:nth-child(2n) {
  position: relative;
  top: 60px;
}

.zsManage .block-ctn3 .content .func-ctn .func-item .name {
  color: #181a27;
  font-size: 24px;
  margin-top: 10px;
}

.zsManage .block-ctn3 .content .ht-line {
  margin-top: 10px;
}

.zsManage .block-ctn4 {
  height: 776px;
  background: url(../img/project/qd-bg.png) center no-repeat;
}

.zsManage .block-ctn4 .content {
  width: 1440px;
  padding: 106px 0 125px 0;
  margin: 0 auto;
  box-sizing: border-box;
  text-align: center;
}

.zsManage .block-ctn4 .content .content-title {
  color: #fff;
  font-size: 48px;
}

.zsManage .block-ctn4 .content .desc {
  margin: 42px 0 90px 0;
}

.zsManage .block-ctn4 .content .desc p {
  color: #fff;
  font-size: 18px;
  line-height: 2;
}

.zsManage .block-ctn4 .content .img-ctn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

@keyframes runCircle {
  to {
    transform: rotate(360deg);
  }
}

.zsManage .block-ctn4 .content .img-ctn .circle {
  position: absolute;
  top: 58px;
  left: 92px;
  animation: runCircle 3s linear infinite;
}

/* 右边导航栏关闭图标 */
.nav-close {
  position: fixed;
  right: 0px;
  bottom: 0px;
  width: 78px;
  height: 78px;
  background-color: #0052d9;
  background: url(../img/index/close2.png);
  display: none;
  cursor: pointer;
  z-index: 999;
}

/* 头部导航栏样式 */
.indexHeader {
  position: fixed;
  justify-content: space-between;
  top: 0;
  z-index: 999;
  width: 100%;
  /* height: 80px; */
  height: 70px;
  background: #ffffff;
  display: flex;
  align-items: center;
  padding: 0 5%;
  box-sizing: border-box;
  transition: all linear 0.3s;
}

.live-header {
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  background: #07071f;
}

.indexHeader.nextBg {
  background-color: rgba(255, 255, 255, 0.1);
  /* opacity: 0.1; */
  transition: all linear 0.3s;
}

.indexHeader.nextBg .headerNav > div > a,
.indexHeader.nextBg .submenu ul li a {
  color: #fff;
}

.live-header .headerNav > div > a,
.live-header .submenu ul li a {
  color: #fff;
}

.indexHeader.nextBg a.cockpit {
  color: #fff;
}

.indexHeader.nextBg a.cockpit:first-child:after {
  background: #fff !important;
}

.indexHeader.nextBg .headerNav > div.select > a:after {
  color: #fff;
  background-color: #0d52b3;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}

.indexHeader.nextBg .submenu ul li a:hover {
  color: #fff;
}

.bigApp {
  position: absolute;
  width: 170px;
  left: -170px;
  bottom: 20px;
  box-shadow: 0 0 9px 3px rgba(0, 14, 41, 0.13);
}

@media screen and (max-width: 1440px) {
  /* .header-line>div>.right {
			width: calc(100% - 550px - 221px);
		} */
}

@media screen and (max-width: 1640px) and (min-width: 1440px) {
  .submenu > div.projectService {
    left: 414px;
  }

  .submenu > div.otherParkService {
    left: 315px;
  }
}

@media screen and (max-width: 1441px) and (min-width: 1359px) {
  .submenu > div.projectService {
    left: 420px;
  }
}

@media screen and (max-width: 1377px) and (min-width: 1350px) {
  .menu > a {
    margin-left: 10px;
  }

  .menu > .jobdetail {
    margin-left: 10px;
  }

  .header-line > div.submenu {
    left: 8.5%;
  }

  .submenu > div.otherParkService {
    left: 287px;
  }

  .submenu > div.projectService {
    left: 376px;
  }
}

@media screen and (max-width: 1350px) {
  .header-line > div {
    padding: 0;
  }

  .header-line > div.submenu {
    left: 4.5%;
  }
}

@media screen and (max-width: 1350px) and (min-width: 1321px) {
  .submenu > div.projectService {
    left: 448px !important;
  }
}

@media screen and (max-width: 1320px) {
  .submenu > div.projectService {
    left: 380px !important;
  }
}

.right-flex-box {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.right-flex-title div {
  color: white;
  font-size: 16px;
}
.right-form-flex-clo {
  display: flex;
  flex-direction: column;
}
.mg-5 {
  margin: 2.5px;
}
.right-form-flex-row {
  width: 430px;
  display: flex;
}
.right-form-flex-row input {
  width: 200px;
  padding-left: 5px;
  height: 30px;
  margin-right: 5px;
}
.right-form-flex-row textarea {
  width: 100%;
  padding-left: 5px;
  margin-left: 2.5px;
  margin-top: 2.5px;
  /* margin-right: 6px; */
}
.right-form-button-box button {
  margin-top: 5px;
  height: 25px;
  width: 150px;
  background: #0c89f7;
  border: none;
  color: white;
}

.demand-box-bg {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  box-shadow: rgba(169, 169, 169, 0.3) 0px 0px 30px 5px;
  display: none;
  overflow: hidden;
}

.demand-box {
  width: 1200px;
  height: 600px;
  position: fixed;
  display: none;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 99999999999999;
}
.demand-box-cancle {
  position: absolute;
  right: 0;
  top: 0;
  transform: translate(100%, -100%);
}
.demand-left,
.demand-right {
  width: 50%;
  height: 100%;
  background-color: #ffffff;
}
.demand-left img {
  width: 100%;
  height: 100%;
}
.demand-right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.demand-right-box {
  width: 70%;
  margin: 0 auto;
}
.demand-right-content div {
  display: flex;
  align-items: center;
}
.demand-right-content div label {
  width: 80px;
  text-align: end;
}
.required:before {
  content: "* ";
  color: red;
}
.demand-right-content div input {
  flex: auto;
  height: 40px;
  margin: 5px 0;
  margin-left: 10px;
  padding-left: 5px;
  border: 1px solid #dbdbdb;
}
.demand-right-buttom div textarea {
  width: 100%;
  box-sizing: border-box;
  height: 100px;
  padding: 5px;
  margin: 5px 0;
  border-color: #dbdbdb;
}
.demand-right-buttom .button-box {
  display: flex;
  justify-content: center;
  align-items: center;
}
.demand-right-buttom .button-box button {
  margin-top: 10px;
  width: 200px;
  height: 40px;
  color: white;
  background-color: #0c89f7;
  border: none;
  font-family: "Microsoft YaHei-Bold";
  font-size: 17px;
  font-weight: Bold;
}
.demand-p {
  font-family: "Microsoft YaHei-Bold";
  font-size: 17px;
  font-weight: Bold;
  margin: 5px 0;
}

/* 提交需求成功弹出框 */
.demand-message-success-box {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  box-shadow: rgba(169, 169, 169, 0.3) 0px 0px 30px 5px;
  display: none;
  overflow: hidden;
}
.demand-message-imgBox {
  width: 300px;
  /* box-sizing: border-box; */
  padding: 30px 0;
  position: fixed;
  left: 50%;
  top: 25%;
  transform: translate(-50%, -50%);
  z-index: 99999999999999;
  background-color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 5px;
  /* justify-content: center; */
}
.demand-message-imgBox img {
  width: 80px;
  height: 80px;
}
.demand-message-imgBox span {
  /* margin-top: 10px; */
  font-size: 17px;
  color: #081427;
  font-weight: 700;
  font-family: "Microsoft YaHei-Bold";
}

/* 生态伙伴 */
.ecoContent {
  width: 100%;
  background: #edf0f6;
}

.ecoContent > div {
  width: 1440px;
  margin: 0 auto;
  padding: 50px 36px;
  box-sizing: border-box;
  overflow: hidden;
}

.ecoJoinBtn{  width: 344px;height: 80px;line-height: 80px;background: #0D52B3;border-radius: 53px;text-align: center;font-size: 30px; margin: 42px auto;color: #fff;cursor: pointer;}

.ecoTitle{ font-weight: 400; font-size: 48px; color: #1C1C1C; text-align: center;}
.ecoContent .contentBox{ width: 100%; position: relative; margin: 50px 0; }
.ecoContent .contentBox .bg{ width: 80%; margin: 0 auto; }
.ecoContent .contentBox .typeList >div{ position: absolute;width: 350px; min-height: 76px; }
.ecoContent .contentBox .typeList >div:nth-child(1){ top: 35px; left: 136px; }
.ecoContent .contentBox .typeList >div:nth-child(2){ top:193px; left: 75px; }
.ecoContent .contentBox .typeList >div:nth-child(3){ top: 351px; left: 75px; }
.ecoContent .contentBox .typeList >div:nth-child(4){ top: 509px; left: 200px; }
.ecoContent .contentBox .typeList >div:nth-child(5){ top: 35px; right: 136px; }
.ecoContent .contentBox .typeList >div:nth-child(6){ top:193px; right: 75px; }
.ecoContent .contentBox .typeList >div:nth-child(7){ top: 351px; right: 75px; }
.ecoContent .contentBox .typeList >div:nth-child(8){ top: 509px; right: 200px; }
.ecoContent .contentBox .typeList >div >div{ width: 350px; min-height: 76px; background: #FFFFFF;box-shadow: 0px 9px 20px 1px rgba(12,70,152,0.34);border-radius: 66px; display: flex; padding: 17px; box-sizing: border-box; align-items: center;  transition: all .5s ease-in-out; }
.ecoContent .contentBox .typeList >div>div:hover{  transform: scale(1.1);  box-shadow: 0px 9px 20px 1px rgba(12,70,152,0.4); }
.ecoContent .contentBox .typeList >div>div img{ width: 42px; height: 42px; }
.ecoContent .contentBox .typeList >div>div p{ font-weight: 400; font-size: 24px; color: #181A27; margin-left: 20px; line-height: 31px; }