@charset "utf-8";
.zc-page-banner {position: relative;margin-top: 100px;overflow: hidden;padding-bottom:50px;}
.zc-page-banner .zc-content {}
.zc-page-banner .zc-title {position: absolute;left:8%;top: 50%;margin-top: -94px;z-index: 4;}
.zc-page-banner .zc-title h3{color: #fff;}
.zc-page-banner .zc-title h2{color: #fff;opacity: .3;clear: both;}
.zc-page-banner .zc-title.right {left:auto;right:8%;text-align: right;}
.zc-page-banner .zc-title.right line {float: right;clear: both;}

.zc-banner-title {position: absolute;left:8%;top: 50%;margin-top: -94px;z-index: 4;}
.zc-banner-title h3{color: #fff;font-size: 30px;padding-bottom: 10px;}
.zc-banner-title h5{color: #fff;font-size: 14px;text-transform: uppercase;font-weight: normal;}
.zc-page-banner .zc-pic {background: #000;overflow: hidden;position: relative; z-index: 3;}
.zc-page-banner .zc-pic img {display: block;margin: auto;}
.zc-page-banner .zc-pic .mark {width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: #000;opacity: .4;}

.zc-page-banner .zc-banner-nav {background:#fff;width:84%;position:absolute;left:8%;bottom:5px;z-index: 40;overflow:hidden;box-shadow:0px 0px 5.52px 2.48px rgba(56, 118, 223, 0.2);}
.zc-page-banner .zc-banner-nav a {display: block;float: left;text-align: center;padding: 33px 0;overflow: hidden;position: relative;}
.zc-page-banner .zc-banner-nav a::after {content: '';display: block;position: absolute;width: 1px;height: 100%;right: 0;top: 0;background: #d7e4f9;}
.zc-page-banner .zc-banner-nav a:last-child::after {display: none;}
.zc-page-banner .zc-banner-nav a i {width: 30px;height: 30px;overflow: hidden;display:inline-block;vertical-align: middle;}
.zc-page-banner .zc-banner-nav a i img{display: block;}
.zc-page-banner .zc-banner-nav a i .svg-inject,
.zc-page-banner .zc-banner-nav a i .svg-inject path {fill: #999!important;}
.zc-page-banner .zc-banner-nav a h3{display:inline-block;vertical-align: middle;font-size: 18px;color: #999;margin-left: 5%;}
.zc-page-banner .zc-banner-nav a:hover,.zc-page-banner .zc-banner-nav a.cur {background: #3876df;}
.zc-page-banner .zc-banner-nav a:hover h3,.zc-page-banner .zc-banner-nav a.cur h3{color: #fff;}
.zc-page-banner .zc-banner-nav a:hover i .svg-inject,
.zc-page-banner .zc-banner-nav a:hover i .svg-inject path,
.zc-page-banner .zc-banner-nav a.cur i .svg-inject,
.zc-page-banner .zc-banner-nav a.cur i .svg-inject path {fill: #fff!important;}

.zc-banner-nav.nav7 a{width: 14.2857143%;}
.zc-banner-nav.nav6 a{width: 16.6666%;}
.zc-banner-nav.nav5 a{width: 20%;}
.zc-banner-nav.nav4 a{width: 25%;}
.zc-banner-nav.nav3 a{width: 33.333333333%;}
.zc-banner-nav.nav2 a{width: 50%;}
.zc-banner-nav.nav1 a{width: 100%;}

.overflow-visible {overflow: visible;}

.zc-page-path {border-bottom: 1px solid #f3f3f3;padding:17px 0;overflow: hidden;color: #bcbcbc;}
.zc-page-path .zc-content{text-align: right;width: 84%;margin: auto;font-size: 14px;}
.zc-page-path a{color: #bcbcbc;font-size: 14px;}
.zc-page-path a.cur{color: #000;}
.zc-page-path a:hover {color: #3876df;}

.zc-banner-mnav {background:#fff;width:100%;position:absolute;left:0;bottom:5px;z-index: 66;box-shadow:0px 0px 5.52px 2.48px rgba(56, 118, 223, 0.2);overflow-x: scroll;overflow-y: hidden; white-space:nowrap;font-size:0;letter-spaceing:-4px;display: none;}
.zc-banner-mnav::-webkit-scrollbar { width:0; height:0; display: none;} 
.zc-banner-mnav div {display:inline-block;text-align: center;padding: 5% 5% 5% 0;position: relative;}
.zc-banner-mnav div::after {content: '';display: block;position: absolute;width: 1px;height: 100%;right: 0;top: 0;background: #d7e4f9;}
.zc-banner-mnav div:last-child::after {display: none;}
.zc-banner-mnav div i {width: 20px;height: 20px;overflow: hidden;display:inline-block;vertical-align: middle;}
.zc-banner-mnav div i img{display: block;}
.zc-banner-mnav div i .svg-inject,
.zc-banner-mnav div i .svg-inject path {fill: #999!important;}
.zc-banner-mnav div h3{display:inline-block;vertical-align: middle;font-size: 15px;color: #999;margin-left: 5%;}
.zc-banner-mnav div.cur {background: #3876df;}
.zc-banner-mnav div.cur h3{color: #fff;}
.zc-banner-mnav div.cur i .svg-inject,
.zc-banner-mnav div.cur i .svg-inject path {fill: #fff!important;}
.zc-banner-mnav.nav6 div {min-width: 140px;}
.zc-banner-mnav.nav5 div {min-width: 130px;}
.zc-banner-mnav.nav4 div {min-width: 120px;}
.zc-banner-mnav.nav3 div {min-width: 23%;}
.zc-banner-mnav.nav2 div {min-width: 40%;}

.zc-page-turn {clear: both;overflow: hidden;text-align: center;padding:50px 0 100px 0;}
.zc-page-turn a{font-size: 16px; border: 1px solid #ccc;overflow: hidden;width: 40px;height: 40px;line-height: 40px;color: #999; display: inline-block;vertical-align: middle;position: relative;}
.zc-page-turn a:hover {border: 1px solid #000;color: #000; }
.zc-page-turn a.on{border: 1px solid #3876df;background: #3876df; color: #fff;}
.zc-page-turn a.prev,.zc-page-turn a.next{position: relative;padding: 0 10px;width: 70px;}
.zc-page-turn a.prev::before,.zc-page-turn a.next::after {font-family: 'font_family';font-size: 24px;line-height: 40px;color: #999;display: none;}
.zc-page-turn a.prev::before {content: '\e610';}
.zc-page-turn a.next::after {content: '\e60f';}

.title{}
.title h3{font-size: 24px;font-family: Microsoft Yahei;padding-bottom: 10px;text-transform: uppercase;}
.title h4{font-size: 20px;text-transform: uppercase;font-weight: normal;font-family:Arial; opacity: .2;}
.title line {width: 40px;height: 1px;display: block;background: #3876df;margin: 20px 0;}

/* product */
.zc-product-content {padding:90px 0 0px 0;}
.zc-product-content .zc-content {overflow: visible;width: 84%;margin: auto;}
.zc-product {position: relative;}
.product {float: left;width: 24.2%;margin-bottom: 20px;margin-right: 1%;}
.product a {text-align: center;display: block;overflow: hidden;border: 1px solid #e5e5e5;}
.product a .zc-pic{overflow: hidden;position: relative;}
.product a .zc-pic ul{display: table;width:100%;height:100%;}
.product a .zc-pic ul li{display: table-cell;vertical-align: middle;}
.product a .zc-pic ul li img{display: block;margin: auto;max-width: 90%;max-height: 90%;}
.product a .zc-text {padding: 0px 0 20px 0;overflow: hidden;}
.product a .zc-text h4{font-size: 18px;padding-bottom: 5px; font-weight: normal;}
.product a .zc-text h5{font-size: 14px;color: #b8b8b8;font-weight: normal;text-transform: uppercase;}
.product a:hover {box-shadow: 0px 0px 5.52px 2.48px rgba(56, 118, 223, 0.2);}
.product a:hover .zc-text h4{color: #3876df;}
.product a:hover .zc-text h5{color: #3876df;opacity: .4;}
.product a:hover .zc-pic ul li img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.product.s4 {margin-right: 0;}

.zc-product-path {background: #f1f1f1;padding:17px 0;overflow: hidden;color: #bcbcbc;margin-top: 100px;}
.zc-product-path .zc-content{text-align: left;width: 84%;margin: auto;font-size: 14px;}
.zc-product-path a{color: #bcbcbc;font-size: 14px;}
.zc-product-path a.cur{color: #000;}
.zc-product-path a:hover {color: #3876df;}

/* brand */
.zc-brand-content {position: relative;overflow: hidden;padding: 100px 0 10px 0;margin-bottom:100px;}
.zc-about-us {overflow: hidden;position: relative;z-index: 4;}
.zc-about-us .zc-left {float: left;width:48%;background: #000;overflow: hidden;}
.zc-about-us .zc-left img {width: 100%;display: block;}
.zc-about-us .zc-right {float: left;width:40%;padding-left: 5%;overflow: hidden;}
.zc-about-us .zc-right .text{color: #8d8d8d;font-size: 16px;line-height: 26px;padding:10px 0 30px 0;overflow: hidden;text-align: justify;}
.zc-bg5 {background: #f3f3f3;position: absolute;top:20px;left: 7%;width: 100%;height:88%;}

.zc-brand-annotation {background: #fff;}
.zc-brand-annotation .zc-pic{}
.zc-brand-annotation .zc-left{position: absolute;width: 35%;padding:3% 5% 2% 5%;overflow: hidden;left:8%;top:20%;z-index: 3;background: #242424;}
.zc-brand-annotation .zc-left .title{}
.zc-brand-annotation .zc-left .title h3{color: #fff;}
.zc-brand-annotation .zc-left .title h4{color: #fff;}
.zc-brand-annotation .zc-left .title line{}
.zc-brand-annotation .zc-left .text{color: #959595;font-size: 16px;line-height: 26px;padding:10px 0 30px 0;overflow: hidden;text-align: justify;}
.zc-brand-annotation .zc-right {position: absolute;width:50%;min-height: 450px; overflow: hidden;right: 8%;top:40%;z-index: 2;background: #f3f3f3; }
.zc-brand-annotation .zc-right ul {display: table;width: 100%;height: 100%;position: absolute;}
.zc-brand-annotation .zc-right ul li {display: table-cell;vertical-align: middle;}
.zc-brand-annotation .zc-right img {display:block; width: 60%;height: auto;margin: auto 10% auto auto;}

.pic {background-position: center center;background-repeat: no-repeat;background-size: cover;}
.img img, .pic img {max-width: 100%;max-height: 100%;margin: auto;padding: 0;border: 0;width: 100%;height: auto;}
.uw-about-culture {position: relative;width: 100%;height: 100%;overflow: hidden;color:#fff;}
.uw-culture-content {position: relative;width: 100%;height: 100%;overflow: hidden;}
.uw-culture-content .img {height: 100%;background: transparent;}
.uw-culture-top {position: relative;overflow: hidden;width: 100%;height: 79%;}
.uw-culture-top-left {float: left;width: 60%;height: 100%;}
.uw-culture-item {float: left;width: 33.3333%;height:50%;overflow: hidden;position: relative;}
.uw-culture-item .text{position: absolute;z-index: 3;left: 50%;top: 50%;transform:translate(-50%,-50%);}
.uw-culture-item .title-1{font-weight: bold;}
.uw-culture-item .text-2{padding-top: 20px;}
.uw-culture-item .pic{position: relative;overflow: hidden;width: 100%;height: 100%;}
.uw-culture-top-right {float: right;width: 40%;position: relative;background: #000;height: 100%;}
.uw-culture-top-right .uw-title {position: absolute;z-index: 22;left: 50%;top: 50%;transform:translate(-50%,-50%);}
.uw-culture-top-right .pic {width: 100%;height: 100%;}
.uw-culture-item.uci1 {background:#8a8a7e;}
.uw-culture-item.uci2 {background:#000;}
.uw-culture-item.uci3 {background:#61615b;}
.uw-culture-item.uci4 {background:#a4c6df;}
.uw-culture-item.uci5 {background:#478fad;}
.uw-culture-item.uci6 {background:#c6c6c6;}
.uw-culture-bottom {position: absolute;z-index: 10;left: 0;bottom:5%;width: 100%;padding:1.5% 0;overflow: hidden;background: #e0e0e0;}
.uw-culture-swiper {width: 90%;margin: auto;}
.uw-culture-swiper .text {background: rgba(255,255,255,.3);border: 1px solid #ccc;box-sizing: border-box;padding:5% 10%;overflow: hidden;width:96%;margin: auto;}
.uw-culture-swiper .title-1{padding-bottom: 5px;}
.uw-culture-swiper .text-2{overflow: hidden;}
.uw-title .uw-line-x{width: 100%;height: 3px;position: relative;margin:10px 0;}
.uw-title .uw-line-x::before {content: '';width: 30%;height: 3px;position: absolute;left: 0;top: 0;z-index: 1;}
.uw-index-swiper .swiper-slide-active .uw-title .uw-title-cn, .uw-index-swiper .swiper-slide-active .uw-title .uw-title-en, .uw-index-swiper .swiper-slide-active .uw-title .uw-line-x, .uw-index-swiper .swiper-slide-active .uw-title .uw-text, .uw-index-swiper .swiper-slide-active .uw-title .viewmore, .uw-index-swiper .swiper-slide-active .uw-title .uw-text-cn, .uw-index-swiper .swiper-slide-active .swiper-slide-active .uw-title .uw-title-cn, .uw-index-swiper .swiper-slide-active .swiper-slide-active .uw-title .uw-title-en, .uw-index-swiper .swiper-slide-active .swiper-slide-active .uw-title .uw-line-x, .uw-index-swiper .swiper-slide-active .uw-title .uw-titlecn, .uw-index-swiper .swiper-slide-active .uw-title .uw-titleen, .uw-index-swiper .swiper-slide-active .uw-index-product-nav {transform: translateX(0px);opacity: 1;}
.uw-title .uw-title-en {font-weight: 800;text-transform: uppercase;}
.uw-title .uw-line-x {background: rgba(255,255,255,.5);}
.uw-title .uw-line-x::before{background: #0091db;}
.uw-culture-item .title-1{font-size:24px;}
.uw-index-swiper .swiper-slide .uw-culture-item.uci5,
.uw-index-swiper .swiper-slide .swiper-slide .uw-text{transform:translateY(200px);opacity:0;transition:all 1s 0.4s;}
.uw-index-swiper .swiper-slide .uw-culture-item.uci3{transform:translateY(200px);opacity:0;transition:all 1s 0.5s;}
.uw-index-swiper .swiper-slide .uw-culture-item.uci4,
.uw-index-swiper .swiper-slide .uw-culture-item.uci6{transform:translateX(-200px);opacity:0;transition:all 1s 0.6s;}
.uw-index-swiper .swiper-slide .uw-culture-item.uci2{transform:translateX(200px);opacity:0;transition:all 1s 0.7s;}
.uw-index-swiper .swiper-slide-active .uw-culture-item.uci2,
.uw-index-swiper .swiper-slide-active .uw-culture-item.uci4,
.uw-index-swiper .swiper-slide-active .uw-culture-item.uci6{transform:translateX(0px);opacity:1;}
.uw-index-swiper .swiper-slide-active .uw-culture-item.uci1,
.uw-index-swiper .swiper-slide-active .uw-culture-item.uci3,
.uw-index-swiper .swiper-slide-active .uw-culture-item.uci5{transform:translateY(0px);opacity:1;}
.uw-width-content {position: relative;width: 94%;height: 100%;overflow: hidden;margin: auto;height: calc(100% - 100px);margin-top: 100px;}
.uw-width-content .uw-content {width: 100%;position: absolute;left: 0;top: 0px;height: 100%;z-index: 11;}
.uw-width-content .img {position: relative;width: 100%;height: 90%;overflow: hidden;}

.zc-brand-team {background: #fff;position:relative;width:100%;height:100%;margin:30px auto;}
.zc-brand-team .zt-left {position: absolute;width: 22%;padding:0;overflow: hidden;left:8%;top:20%;z-index: 3;background: #242424; }
.zc-brand-team .zt-left ul {display: table;width: 100%;height: 100%;position: absolute;}
.zc-brand-team .zt-left ul li {display: table-cell;vertical-align: middle;}
.zc-brand-team .zt-left img {display:block; width: 100%;height: auto;margin: auto;}
.zc-brand-team .zt-right{position: absolute;width:58%;min-height: 250px; overflow: hidden;right: 8%;top:20%;z-index: 2;background: #f3f3f3;}
.zc-brand-team .zt-right .title{}
.zc-brand-team .zt-right .title h3{color: #333;}
.zc-brand-team .zt-right .title h4{color: #333;}
.zc-brand-team .zt-right .title line{}
.zc-brand-team .zt-right .text{color: #959595;font-size: 16px;line-height: 26px;padding:10px 0 30px 0;overflow: hidden;text-align: justify;}


.zc-solution-detail {}
.zc-solution-detail-content {background: #f8f8f8;}
.zc-solution-overview {overflow: hidden;}
.zc-solution-overview .zc-content {width: 84%;margin: auto;}
.zc-solution-overview .zc-left{float: left;width:30%;margin-left:14%;}
.zc-solution-overview .zc-left h3{font-size: 24px;padding-bottom: 10px;}
.zc-solution-overview .zc-left h4{font-size: 20px;text-transform: uppercase;font-weight: normal;font-family:Arial; opacity: .2;}
.zc-solution-overview .zc-right{float: right;width:54%;font-size:16px;line-height: 28px;color: #8d8d8d;text-align: justify;}
.zc-solution-overview .zc-pic {padding-top:50px;overflow: hidden;font-size: 0;}
.zc-solution-overview .zc-pic img{display: inline-block;}
.zc-solution-advantages {padding-top: 100px;overflow: hidden;position: relative;}
.zc-solution-advantages .zc-content {width: 84%;margin: auto;position: relative;z-index: 3;}
.zc-solution-advantages .zc-left{float: left;width:48%;background: #000;}
.zc-solution-advantages .zc-left img {display: block;width: 100%;height: auto;}
.zc-solution-advantages .zc-right{float: left;width:40%;padding-left: 6%;}
.zc-solution-advantages .zc-right .text {color: #666;font-size: 16px;line-height: 28px;padding-top: 30px;overflow: hidden;}
.zc-solution-advantages .zc-bg3 {background: #f6f6f6;width:100%;height:100%;z-index: 1;position: absolute;right: 0;top:0;}
.title{}
.title h3{font-size: 24px;font-family: 'ariblk',Microsoft Yahei;padding-bottom: 10px;text-transform: uppercase;}
.title h4{font-size: 20px;text-transform: uppercase;font-weight: normal;font-family:Arial; opacity: .2;}
.title line {width: 40px;height: 1px;display: block;background: #3876df;margin: 20px 0;}
.zc-solution-functionality {padding-top: 100px;padding-bottom: 100px; overflow: hidden;}
.zc-solution-functionality .zc-content {width: 84%;margin: auto;}
.zc-solution-functionality .zc-right{float: right;width:44%;background: #000;font-size: 0;}
.zc-solution-functionality .zc-right img {display:block;width: 100%;height: auto;}
.zc-solution-functionality .zc-left{float: left;width:41%;padding: 10% 0 0 7%}
.zc-solution-functionality .zc-left .text {padding-top: 50px;overflow: hidden;color: #666;font-size: 14px;line-height: 24px;}
.functionality {padding-bottom: 50px;overflow: hidden;}
.functionality i{display: block;border:1px solid #000;padding:15px;float: left;}
.functionality i img {width: 35px;height: 35px;display: block;}
.functionality li{float: left;width: 80%;padding-left: 5%;overflow: hidden;}
.functionality li h4{font-size: 20px;padding-bottom: 20px;color: #000;}
.functionality li h5{font-size: 16px;line-height: 28px;color: #8d8d8d;font-weight: normal;text-align: justify;}

.font22 {
  font-size: 14px;
}
.font18 {
  font-size: 14px;
}
.l-h34 {
  line-height: 24px;
}
.talent-wrap {width: 84%;margin: auto;padding-bottom: 2%;overflow: hidden;margin-top:8%;}
.talent-wrap .title-1 {text-align: center;font-weight: bold;font-size: 18px;}
.talent-content {overflow: hidden;margin-top: 3%;}
.talent-item {
  width: 90%;
  margin: auto;
    margin-bottom: auto;
  margin-bottom: 1%;
  overflow: hidden;
  clear: both;
  background: #fff;
  padding: 0 5%;
}
.talent-title {
  position: relative;
  padding: 3% 0;
  overflow: hidden;
  cursor: pointer;
}
.talent-title.cur {
  border-bottom: 1px solid #eaebee;
}
.talent-title span {
  padding-left: 20px;
  position: relative;
  display: block;
  font-weight: bold;
}
.talent-title span::before {
  content: '';
  width: 3px;
  height: 20px;
  background: #90c31f;
  position: absolute;
  left: 0;
  margin-top: -10px;
  top: 50%;
}
.talent-title i {
  width: 45px;
  height: 45px;
  border-radius: 100%;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -22.5px;
  background: url('../images/d1.png') center no-repeat;
  border: 1px solid #ededed;
  box-sizing: border-box;
  transition: all .4s ease;
}
.talent-title i {
  width: 40px;
  height: 40px;
  margin-top: -20px;
}
.talent-title.cur i {
  background: url('../images/d1.png') center no-repeat #90c31f;
  border: 1px solid #90c31f;
  transform: rotate(180deg);
  filter: invert(100%);
}
.talent-item-content {
  padding: 0;
  overflow: hidden;
  display: none;
}
.talent-item-top {
  padding: 3% 0;
  overflow: hidden;
  border-bottom: 1px solid #eaebee;
}
.talent-item-top li {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 33%;
  float: left;
}
.talent-item-center {
  padding: 3% 0;
  overflow: hidden;
  border-bottom: 1px solid #eaebee;
}
.talent-item-center strong {
  overflow: hidden;
}
.talent-item-center p {
  margin: 1% 0;
}
.talent-item-bottom {
  padding-top: 2%;
  border-top: 1px solid #eaebee;
  padding-bottom: 5%;
  overflow: hidden;
}
.talent-item-bottom a {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  padding: 15px 40px;
  background: #7040ff;
  color: #fff;
  border-radius: 100px;
}
.talent-item-bottom span {
  display: inline-block;
  vertical-align: middle;
  margin-left: 20px;
}


/* contact */
.zc-contact-content {position: relative;overflow: hidden;padding: 100px 0 10px 0;}
.zc-contact-us {width:84%;margin:auto;overflow: hidden;position: relative;z-index: 4;}
.zc-contact-us .zc-left {float: left;width:50%;background: #000;overflow: hidden;}
.zc-contact-us .zc-left img {width: 100%;display: block;}
.zc-contact-us .zc-right {float: left;width:45%;padding-left: 5%;overflow: hidden;}
.zc-contact-us .zc-right .text{color: #8d8d8d;font-size: 16px;line-height: 26px;padding:10px 0 30px 0;overflow: hidden;text-align: justify;}

.contact-list .contact-item {position: relative;padding-left: 52px;margin-bottom: 24px;}
.contact-list .contact-item::before {content: "";display: block;width: 40px;height: 50px;position: absolute;left: 0;top: 0;}
.contact-list .contact-site::before {background: url(../images/contact-site.png) no-repeat center;background-size: auto;}
.contact-list .contact-item strong {font-size: 24px;line-height: 30px;color: #12298c;text-transform: uppercase;}
.contact-list .contact-item h6 {font-size: 12px;line-height: 20px;color: #0e0e0e;}
.contact-list .contact-tel::before {background: url(../images/contact-tel.png) no-repeat center;background-size: auto;}
.contact-list .contact-fax::before {background: url(../images/contact-fax.png) no-repeat center;background-size: auto;}
.contact-list .contact-email::before {background: url(../images/contact-email.png) no-repeat center;background-size: auto;}


/* news */
.zc-news-content {position: relative;overflow: hidden;padding: 100px 0 0 0;margin-bottom:200px;}
.zc-news-content .zc-content {width: 84%;margin: auto;}

.news {float: left;width: 33%;position: relative;margin:0 0.1% 1% 0.1%;overflow: hidden;}
.news a{display: block;background: #fff;overflow: hidden;border: 1px solid #ebebeb;}
.news a .zc-pic{background: #000;position: relative;overflow: hidden;background-size: cover;}
.news a .zc-pic ul {display: table;width: 100%;height: 100%;}
.news a .zc-pic ul li{display: table-cell;vertical-align: middle;}
.news a .zc-pic img {display: block;margin: auto;width: 100%;opacity: 0;}
.news a .zc-text{padding: 5%;overflow: hidden;}
.news a .zc-text h4{font-size: 16px;font-weight: normal;color:#2e2e2e;padding-bottom: 10px;}
.news a .zc-text h5{font-size: 14px;line-height: 24px; font-weight: normal;color:#2e2e2e;padding-bottom: 20px;opacity: .6;}
.news a .zc-text h6{font-size: 14px;font-weight: normal;opacity: .6;position: absolute;right: 5%;bottom:25px;font-family: Arial;}
.news a .zc-text span.more{font-size: 14px;opacity: .8;}
.news a .zc-text span.more::after {content: '\e60d';font-family: 'font_family';font-size: 15px;line-height: 24px; color: #666;display: inline-block;vertical-align: middle;}
.news a:hover {background: #3876df;}
.news a:hover .zc-text h4{color: #fff;}
.news a:hover .zc-text h5{color: #fff;} 
.news a:hover .zc-text h6{color: #fff;} 
.news a:hover .zc-text span.more{color: #fff;} 
.news a:hover .zc-text span.more::after {color: #fff;}

.zc-news-detail {padding: 100px 0;overflow: hidden;}
.zc-news-detail-content{overflow:hidden;width: 80%;margin: auto;}
.zc-news-left {width: 90%;margin: auto;overflow: hidden;}
.news-title {text-align: center;border-bottom: 1px solid #e5e5e5;padding-bottom: 20px;overflow: hidden;}
.news-title h2 {font-size: 30px;} 
.news-title li {font-size: 14px;color: #999999;padding:10px 0;} 
.zc-news-left .zc-text {padding: 30px 0;overflow: hidden;font-size: 14px;line-height: 24px;color: #333;}
.zc-news-left .zc-text img{}
.zc-page-npr {overflow: hidden;padding: 20px 0;border-bottom: 1px solid #e5e5e5;border-top: 1px solid #e5e5e5;position: relative;}
.zc-page-npr a{position: relative;display: block;font-size: 14px;color: #2e2e2e;}
.zc-page-npr a.prev{position: absolute;left: 0;top: 20px;width: 40%;overflow: hidden;height: 20px;line-height: 20px;}
.zc-page-npr a.next{position: absolute;right: 0;top: 20px;}
.zc-page-npr a.return{margin: auto; width: 100px;}
.zc-page-npr a:hover {color: #3876df;}

.zc-news-right {width: 30%;float: right;overflow: hidden;}
.zc-news-other {border: 1px solid #e5e5e5;padding: 5% 9%; overflow: hidden;margin-bottom: 30px;}
.zc-news-other h2{font-size: 20px;border-bottom: 1px solid #e5e5e5;padding-bottom: 20px;}
.zc-news-other ul{overflow: hidden;padding-bottom: 40px;}
.zc-news-other ul li{border-bottom: 1px solid #e5e5e5;padding:20px 0;overflow: hidden;}
.zc-news-other ul li a{overflow: hidden;display: block;position: relative;}
.zc-news-other ul li a .pic{float: left;width: 50%;margin-right: 5%;}
.zc-news-other ul li a .text{float: left;width:45%;}
.zc-news-other ul li a .text h3{font-size: 16px;color: #000;margin: 10px 0; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.zc-news-other ul li a .text h5{font-size: 14px;color: #999;font-weight: normal;line-height: 22px;overflow: hidden;}
.zc-news-other ul li a h4 {font-size: 16px;color: #999;font-weight: normal;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.zc-news-other ul li a h6 {font-size: 14px;color: #999;font-weight: normal;display:block;position: absolute;right: 0;top: 0;}
.zc-news-other ul li a.style1 {height: 0px;}
.zc-news-other ul li a.style2 {height: 19px;display: block;}
.zc-news-other ul li.cur a.style1 {height: 114px;display: block;}
.zc-news-other ul li.cur a.style2 {height: 0px;}

.zc-news-other ul li a:hover .text h3{color: #3876df;}
.zc-news-tga {border: 1px solid #e5e5e5;padding: 5% 9%; overflow: hidden;margin-bottom: 30px;}
.zc-news-tga h2{font-size: 20px;border-bottom: 1px solid #e5e5e5;padding-bottom: 20px;}
.zc-news-tga ul{overflow: hidden;padding:20px 0 20px 0;}
.zc-news-tga ul a { display: block;float: left;margin: 0 20px 10px 0;color: #999;font-size: 16px;}
.zc-news-tga ul a:hover {color: #3876df;}

.solution a .zc-text {padding: 20px 0;overflow: hidden;}
.solution a .zc-text h4 {font-size: 16px;padding-bottom: 5px;font-weight: normal;}

/* contact */
.zc-contact-content {padding: 70px 0 150px 0;overflow: hidden;}
.zc-contact {width: 66%;margin: auto;overflow: hidden;}
.zc-contact-left {float: left;width: 30%;overflow: hidden;}
.zc-ewm {background: url("../upload/ewm1.jpg") no-repeat;width: 89px;height: 91px;overflow: hidden;text-align: center;padding:13px 10px;margin-top: 50px;}
.zc-ewm img {display: inline-block;}
.zc-contact-right {float: left;width: 60%;margin-left: 10%;overflow: hidden;}
.zc-name {padding: 20px 0;overflow: hidden;}
.zc-name h4{font-size: 20px;padding-bottom: 10px;}
.zc-name h5{font-size: 12px;font-weight: normal;color: #b8b8b8; text-transform: uppercase;}
.zc-add {border-top: 1px solid #ecebec;border-bottom: 1px solid #ecebec;color: #585858; overflow: hidden;padding: 20px 0;font-size: 16px;line-height: 32px;font-family: Arial;}
.zc-add a{font-weight: bold;}

.hid-model .select-li{width: 32.2%;}

.zc-title.center {left: 50%;text-align: center;width: 400px;margin-left: -200px;}
.zc-title.center line {margin: 15px auto;}
.zc-title.center h2 {position: relative;opacity: 1;font-size: 0px;}
.searchinput  {width: 100%;background: #fff;border: none;height: 40px;line-height: 40px;padding: 0 3%;outline: none;}
.searchsubmit {width:30px;background: none;border: none;height: 40px;line-height: 40px;position: absolute;right: 0;top: 0;cursor: pointer;}
.searchsubmit:hover:before {color: #000;}
.searchsubmit:before {content: '\e614';font-family: 'font_family';font-size: 17px;line-height: 30px;color: #666;display: block;}

.zc-mobile-swiper {width:100%;position: relative;margin-bottom: 15%;overflow: hidden;} 
.zc-mobile-swiper .solution{width:90%;margin:5%;}
.zc-mobile-swiper .product {width:90%;margin:5%;}
.zc-mobile-swiper .zc-product-mnav2 {margin: 5% 5% 0 5%;}

.newswrap {display: block;width: 85%;margin: auto;position: relative;margin-top: 4%;}
.newslist {}
.newslist * {display: block;overflow: hidden;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;transition: all .4s ease;}
.newslist li {width: 46%;float: left;}
.newslist li a {border-bottom: 1px solid #eaeaea;border-top: 1px solid #eaeaea;padding: 17px 0;margin-top: -1px;color:#666;}
.newslist li a .text {float: left;width: 85%;}
.newslist li a .text h3 {font-size: 18px;color: #333;padding: 10px 0;font-weight: 300;}
.newslist li a .text h4 {font-size: 14px;color: #999;font-weight: 300;flex: 1;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.newslist li a .date {float: right;width: 12%;border-left: 1px solid #999;padding: 5px 1%;opacity: 0.3;text-align: center;position: relative;}
.newslist a .date h2 {font-size: 38px;color: #333;font-weight: bold;}
.newslist li a .date h5 {font-size: 12px;color: #999;font-weight:300;}
.newslist li a .date i {width: 100%;height: 100%;position: absolute;right: -100px;top: 0;z-index: 1;background: url("../images/right2.svg") center no-repeat #fff;background-size: auto;background-size: 50%;}
.newslist li.n1 {clear: both;}
.newslist li.n2 {float: right;}
.newslist li a:hover {background: #f1f1f1;}
.newslist li a:hover .date h2 {color: #000; }
.newslist li a:hover .text{width:83%;padding-left:2%;}
.newslist li a:hover .text h4 {color: #000;}
.newslist li a:hover .date i {right: 0;}
.newslist li:nth-child(1) a, .newslist li:nth-child(2) a {margin-top: 0px;}
.pagenum {padding: 3% 0 1% 0;overflow: hidden;clear: both;text-align: center;}
.newslist .pagenum {margin-top:5%;margin-bottom:15%;}
.pagenum a {display: inline-block;vertical-align: top;width: 35px;height: 35px;line-height: 35px;text-align: center;border: #ccc 1px solid;color: #999;overflow: hidden;margin: 0 2px;}
.pagenum a.cur, .pagenum a:hover, .pagenum a.on {background: #000;color: #FFF;}
.pagenum a.prev {background: url("../images/left3.svg") center no-repeat;background-size: auto;background-size: 70%;}
.pagenum a.next {background: url("../images/right3.svg") center no-repeat;background-size: auto;background-size: 70%;}

.learnmore-1 {margin-top: 10%;margin-bottom: 10%;margin-left: 0;}
.learnmore-1 a{display: inline-block;border: 1px solid #999;border-radius: 100px;padding: 2px;overflow: hidden;}
.learnmore-1 i{display: inline-block;vertical-align: middle;width: 40px;height: 40px;background: #999;position: relative;border-radius: 100%;}
.learnmore-1 i::after {content: '';width: 14px;height: 2px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #fff;}
.learnmore-1 i::before {content: '';width: 2px;height: 14px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #fff;}
.learnmore-1 span{display: inline-block;vertical-align: middle;color: #999;margin: 0 30px;}
.learnmore-1 a:hover {border: 1px solid #3876df;background: #3876df;}
.learnmore-1 a:hover i {background: #fff;}
.learnmore-1 a:hover i::after,.learnmore-1 a:hover i::before {background: #3876df;}
.learnmore-1 a:hover span {color: #fff;}

.zc-brand-content .title {text-align: center;margin:40px auto;}
.zc-brand-content .title h3 {font-size: 24px;font-family: Microsoft Yahei;padding-bottom: 10px;text-transform: uppercase;}
.zc-brand-content .title h4 {font-size: 20px;text-transform: uppercase;font-weight: normal;font-family: Arial;opacity: .2;}
.zc-brand-content .title line {width: 40px;height: 1px;display: block;background: #3876df;margin: 20px 0;}
.zc-brand-content .title line {margin: 0 auto;margin-top:20px;}

.partywrap {display: block;width: 85%;margin: auto;position: relative;margin-top: 2%;}
.partywrap h5 {text-align: center;font-size: 24px;color: #000000;text-transform: uppercase;}
.partywrap h5 span {margin:0 auto;display: block;width: 100px;height: 5px;background-color: #6eb92b;margin-top: 15px;}
.partywrap h6 {text-align: center;font-size: 24px;color: #000000;text-transform: uppercase;margin-top:70px;}
.partywrap h6 span {margin:0 auto;display: block;width: 50px;height: 5px;background-color: #6eb92b;margin-top: 15px;}
.partywrap div {width: 100%;font-size: 16px;color: #666666;line-height: 30px;margin-top: 15px;text-align: justify;margin-bottom:70px;}
.partywrap p {width: 100%;font-size: 14px;color: #666666;line-height: 30px;margin-top: 15px;text-align: justify;margin-bottom:70px;}