@charset "utf-8";
/* 主题色(橙色)：#525288 */

.t_syk6{
  min-height: 42vw;
  position:relative;
  z-index: 2;
  background: #fff;
  /* overflow: hidden; */
}
.t_syk6 .z_index_tit{
  position: absolute;
  top: 9.9vw;
  left: 5.2vw;
  z-index: 3;
}
.t_syk6::before{
  display: none;
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 25.13vw;
  height: 100%;
  z-index: 3;
  background: rgba(82,82,136,.7);
}
.t_sykbg{
  position: absolute;
  left: 0;
  top: 0;
  width: 24.7vw;
  height: 100%;
  z-index: 3;
  background: rgba(82,82,136,.7);
}


.t_syk6 .z_index_tit h3{
  color: #fff;
}
.t_syk6 .z_index_tit .bigen{
  opacity: .4;
}

.t_syk6 .t_syk6xin{
  position: relative;
}
.t_syk6xin .t_syk6lun{

}
.t_syk6lun .t_syk6bo{
  position: relative;
}
.t_syk6pic{
  width: 100%;
  position: relative;
}
.t_syk6pic img{
  width: 100%;
}
.t_syk6xin .t_syk6xia{
  position: absolute;
  bottom: 0;
  right: 0;
  width: 75vw;
  z-index: 4;
  border-top:1px solid rgba(255,255,255,.4);
  border-left:1px solid rgba(255,255,255,.4);
}
.t_syk6xia .t_syk6dots{
  width: 100%;
  position: relative;
}

.t_syk6dots li{
  display: inline-block;
  width: 14.2857%;
  height:90px;
  line-height: 90px;
  text-align: center;
  border-right:1px solid rgba(255,255,255,.4);
  position: relative;
  vertical-align: bottom;
  color: #fff;
  cursor: default;
  transition:all .5s ease;
  -webkit-transition:all .5s ease;
  -moz-transition:all .5s ease;
  -ms-transition:all .5s ease;
  -o-transition:all .5s ease;
}
.t_syk6dots li a{
  display: block;
  color: #fff;
  font-size: .942vw;
  position: relative;
}
.t_syk6dots li.t_syk6li .imgbox{
  display: none;
}
.t_syk6dots li.t_syk6li h2{
  font-size: 24px;
  margin-bottom: 9px;
}
.t_syk6dots li.t_syk6li p{
  font-size: 16px;
  height: 48px;
  line-height: 24px;
  text-align: justify;
}
.t_syk6dots li.t_syk6li.on{
  background: #525288;
}
.t_syk6dots li.lookmore{
  background: url(../images/cl-libg.png) no-repeat right bottom;
  background-color: #abb3be;
  background-size: auto 100%;
}
.t_syk6dots li.lookmore a::before{
  content: " ";
  display: inline-block;
  width: 20px;
  height: 1px;
  background: #fff;
  margin-right: 10px;
  vertical-align: middle;
}
.t_syk6dots li.lookmore:hover{
  background-color: #525288;
}
.z_footer_share .foot-item{
	position: relative;
	display: inline-block;
  margin-left: 10px;
}   
.z_footer_share .foot-item.sph-box{
	display: none;
}
.foot-item a{
  display: block;
  width: 27px;
  height: 27px;
  border-radius: 50%;
  cursor:default;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background-color: rgba(153,153,153,.1);
}

.wx {
	background-image: url(../images/icon-wx.png);
}
.mail{
	background-image: url(../images/icon-mail.png);
}
.call{
	background-image: url(../images/icon-call.png);
}
.qq{
	background-image: url(../images/icon-qq.png);
	
}
.foot-item a:hover{
	background-color: #525288;
}
.wx:hover{
	background-image: url(../images/icon-wx-r.png);
}
.mail:hover{
	background-image: url(../images/icon-mail-r.png);
}
.call:hover{
	background-image: url(../images/icon-call-r.png);
}
.qq:hover{
	background-image: url(../images/icon-qq-r.png);
}

.foot-item .pos,.foot-item .text-icon {
	display: none;
	width: 110px;
	padding:2px;
	border-radius:5px;
	max-width: none;
	background: #fff;
	box-shadow: 0 0 5px rgba(0,0,0,.3);
	position: absolute;
	left: 50%;
	margin-left:-55px;
	bottom:40px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.foot-item .text-icon{
  width: 260px;
  text-align: center;
  line-height: 60px;
  color: #666;
  font-size: 16px;
  margin-left: -130px;
}
.foot-item.call-box .text-icon{
  width: 200px;
  margin-left: -120px;
  line-height: 28px;
  padding: 10px 0;
}
.foot-item:hover .pos {
	display: block;
}
.foot-item:hover .text-icon {
	display: block;
}

/* 客户展示列表页 */
.z_about_warp.z_partner_wrap{
  padding-bottom: 1.5vw;
}
.parterOfferlist{
  background: #fff;
  padding: 0 2.5vw 3.5vw;
  min-height: 500px;
}
.parterOfferlist ul{

	/*overflow: hidden;*/
	border-left: 1px solid #e5e5e5;
	border-top: 1px solid #e5e5e5;
}
.parterOfferlist.noneborder ul{
  border-left: none;
	border-top: none;
}
.parterOfferlist ul li{
	float: left;
	width: 20%;
  height: 120px;
	background: #fff;
	position: relative;
	border-bottom: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
}
.parterOfferlist ul li a{
	display: block;
	overflow: hidden;
  height: 100%;
	text-align: center;
  position: relative;
}
.parterOfferlist ul li .imgbox{
  overflow: hidden;
  width: 100%;
  height: 100%;
  padding: 0 45px;
}
.parterOfferlist ul li img{
  width: auto;
  height: auto;
  position: relative;
  /*left: 50%;
  */top: 50%;
  transform: scale(1) translate(0,-50%);
  -webkit-transform: scale(1) translate(0,-50%);
  -moz-transform: scale(1) translate(0,-50%);
  -o-transform: scale(1) translate(0,-50%);
  -ms-transform: scale(1) translate(0,-50%);
  transition: all .5s;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  -moz-transition: all .5s;
}

.parterOfferlist ul li:hover img{
	transform: scale(1.05) translate(0,-50%);
	-webkit-transform: scale(1.05) translate(0,-50%);
	-moz-transform: scale(1.05) translate(0,-50%);
	-o-transform: scale(1.05) translate(0,-50%);
	-ms-transform: scale(1.05) translate(0,-50%);
}
.lookmore{
  text-align: center;
  margin-top: 45px;
}
.lookmore a{
  display: inline-block;
  line-height: 32px;
  position: relative;
  padding: 10px 45px 10px 25px;
  font-size: 16px;
  color: #000;
  background: #f5f5f5;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}
.lookmore a::after{
  content: " ";
  position: absolute;
  display: inline-block;
  width: 14px;
  height: 14px;
  top: 22px;
  right: 20px;
  z-index: 1;
  background-size: 14px auto;
  background-image: url(../images/arrow-down-r.png);
  background-position: center center;
  animation: arr1 0.8s linear 0s infinite;
  -webkit-animation: arr1 0.8s linear 0s infinite;
}
.lookmore a:hover{
  color: #ff8e01;
}

@keyframes arr1{
	0%{transform:translateY(-7px);}
	50%{transform:translateY(0px);}
	100%{transform:translateY(-7px);}
}
@-webkit-keyframes arr1{
	0%{transform:translateY(-7px);}
	50%{transform:translateY(0px);}
	100%{transform:translateY(-7px);}
}
@-moz-keyframes arr1{
	0%{transform:translateY(-7px);}
	50%{transform:translateY(0px);}
	100%{transform:translateY(-7px);}
}
@-o-keyframes arr1{
	0%{transform:translateY(-7px);}
	50%{transform:translateY(0px);}
	100%{transform:translateY(-7px);}
}


/* 企业文化内容页 */
.z_culturebox{
  position: relative;
  display: flex;
  background: #fff;
}
.z_culture_left{
  float: left;
  width: 75%;
  padding: 6.55vw 0 0;
}
.z_culture_list{
  margin-top: 8vw;
}
.z_culture_list ul{
  background: #525288;
}
.z_culture_list ul li{
  float: left;
  width: 33.33%;
  color: #fff;
  text-align: center;
  position: relative;
  height: 260px;
}
.z_culture_list ul li .z_infobox{
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.z_culture_list ul li .icon{
  margin-bottom: 1vw;
}
.z_culture_list ul li h2{
  font-size: 1.25vw;
  margin-bottom: 14px;
}
.z_culture_list ul li p{
  line-height: 32px;
  font-size: 16px;
}
.z_culture_right{
  float: right;
  width: 25%;
  position: relative;
}
.z_culture_right .z_culture_imgbox{
  width: 100%;
  height: 100%;
  
}

.z_culture_right .imgs{
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  transition: ease 1s;
  -webkit-transition: ease 1s;
  -moz-transition: ease 1s;
  -ms-transition: ease 1s;
  -o-transition: ease 1s;
}
.z_culture_info{
  position: absolute;
  top: 50%;
  width: 100%;
  text-align: center;
  left: 0;
  color: #fff;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.z_culture_info .icon{
  width: 75px;
  display: inline-block;
  margin-bottom: 18px;
  
}
.z_culture_info h2{
  font-size: 20px;
  margin-bottom: 15px;
}
.z_culture_info p{
  font-size:24px;
  
}

/* 发展历程 */
.z_about_page.z_about_history{
  background: url(../images/bgmain-his.jpg) repeat-y center center;
}
.historytopbox{
  height: 38.75vw;
  background: url(../images/historybg-sanjiao.png) no-repeat center top;
  background-size: cover;
  padding-top: 8vw;
}
.historybottombox{
  position: relative;
  margin-top: -4.6875vw;
}
.historytoplist{
  width: 74.8958vw;
  height: 23.48958vw;
  background: url(../images/solid-sanjiao.png) no-repeat center bottom;
  background-size: cover;
  margin: 0 auto;
  position: relative;
}
.historytoplist .container{
  width: 62.5vw;
  position: relative;
  height: 100%;
}
.historytoplist ul li{
  width: 20%;
  position: absolute;
}
.historytoplist ul li.index0{
  left: 0;
  bottom: 21.38vw;
}
.historytoplist ul li.index1{
  left: 20%;
  bottom: 15.65vw;
}
.historytoplist ul li.index2{
  left: 40%;
  bottom:9.9125vw;
}
.historytoplist ul li.index3{
  left: 62%;
  bottom: 3.56vw;
}
.historytoplist ul li.index4{
  left: 85%;
  bottom: 4.06vw;
}
.historytoplist ul li h2{
  color: #fff;
  position: relative;
  font-size:1.25vw;
  padding-left: 1.0625vw;
  margin-bottom: 0.4vw;
}
.historytoplist ul li h2::before{
  content: " ";
  display: inline-block;
  position: absolute;
  left: -0.46875vw;
  z-index: 0;
  top: 0.2vw;
  width: 0.9375vw;
  height: 0.9375vw;
  background: #ec8122;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.historytoplist ul li .historytoptext{
  color: #fff;
  position: relative;
  border-left: 2px dashed #ec8122;
  min-height: 5.5vw;
  padding-left: 1.0625vw;
  padding-right: 1.0625vw;
  padding-top: .4vw;
  padding-bottom: .4vw;
}
.historytoplist ul li .historytoptext p{
  font-size: 0.83vw;
  line-height: 1.66vw;
}
.historytoplist ul li .historytoptext::after{
  content: " ";
  display: inline-block;
  position: absolute;
  left: -0.46875vw;
  z-index: 0;
  bottom:-1.375vw;
  width: 0.9375vw;
  height: 0.9375vw;
  background: #ec8122;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

/* 企业优势内容 */
.z_about_warp.advantagebox{
  /* background: transparent; */
}
.advantagelist{
  padding-top: 1.5vw;
  padding-right: 2.86vw;
}
.advantagelist ul li{
  float: left;
  width: 48%;
  overflow: hidden;
  background: #fff;
  padding: 30px;
  margin-right: 4%;
  margin-bottom: 45px;
  height: 180px;
  box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}
.advantagelist ul li .imgbox{
  float: left;
  width: 80px;
  height: 80px;
  padding-top: 15px;
  position: relative;
  text-align: center;
  background: url(../images/ico.png) no-repeat center center;
  overflow: hidden;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.advantagelist ul li img{
  width: 50px;
}
.advantagelist ul li .z_advantage_right{
  float: right;
  width: 78%;
  height: 100%;
  position: relative;
}
.advantagelist ul li .z_advantage_info{
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.advantagelist ul li h2{
  font-size: 22px;
  margin-bottom: 15px;
  color: #000;
}
.advantagelist ul li p{
  font-size: 16px;
  line-height: 28px;
  color: #666;
}

.advantagelist ul li:nth-child(even){
  margin-right: 0;
}

/* 团队展示内容页 */
.z_about_warp.z_teambox{
  padding-left: 0;
  padding-bottom: 0;
}
.z_about_warp.z_teambox .z_index_tit{
  margin-left: 2.86vw;
}
.z_teampicsbox{
  background: #525288;
}
.z_teampicsbox .z_team_left{
  float: left;
  width: 400px;
  height: 400px;
  background: #ff8e01;
  color: #fff;
  position: relative;
  font-size: 18px;
  line-height: 42px;
  /* padding: 0 50px; */
}
.z_team_left .z_team_text{
  position: relative;
  display: inline-block;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
}
.z_team_list{
  float: right;
  width: 800px;
}
.z_team_list ul{

}
.z_team_list ul li{
  width: 50%;
}
.z_team_list ul li a{
  display: block;
  cursor: default;
}
.z_team_list ul li.index1{
  margin-left: 25%;
}
.z_team_list ul li:last-child{
  margin-left: 50%;
}

/* 资质荣誉 */
.z_about_warp.z_honorbox{
  background: transparent;
  padding-bottom: 1.5vw;
  padding-left: 1vw;
}
.z_honorlist{
  position: relative;
  padding:0 80px 6vw;
}
.z_honorlist .swiper-slide{
  width: auto !important;
  padding:0 16px;
}
.z_honorlist .swiper-slide, .z_honorlist .swiper-slide a {
	
}
.z_honorlist .swiper-slide .imgbox img{
  height: 380px;
  width: auto;
}
.z_honorlist span {
	display: inline-block;
	width: 43px;
	height: 43px;
	background: #BFBFBF;
	border-radius: 21px;
	text-align: center;
	line-height: 43px;
	transition: ease 1s;
	outline: none;
	cursor: pointer;
	color: #fff;
  margin-top: -78px;
	-webkit-border-radius: 21px;
	-moz-border-radius: 21px;
	-ms-border-radius: 21px;
	-o-border-radius: 21px;
}
.z_honorlist span.swiper-button-next{

}
.z_honorlist span:hover {
	background: #525288;
}

.majorhonor{
  background: #fff;
  position: relative;
  padding-bottom: 85px;
}
.majorhonor .container{
  position: absolute;
  left: 50%;
  top: 7vw;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.lefthonorimg{
  float: left;
  width: 48%;
  text-align: center;
  padding: 14vw 3.2vw 0;
}
.righthonorimg{
  float: right;
  width: 52%;
  position: relative;
}
.righthonorimg img{
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
}
.righthonortitle{
  position: absolute;
  width: 43.5%;
  height: 9.79vw;
  left: 50%;
  bottom: 11vw;
  padding-top: 0.9375vw;
  z-index: 0;
  border: 2px dashed #dbdbdb;
  text-align: center;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.righthonortitle h2{
  color: #ee8122;
  font-weight: bold;
  font-size: 1.25vw;
  margin-bottom: 0.52vw;
}
.righthonortitle p{
  color: #0d182f;
  font-size: 0.9375vw;
  font-weight: bold;
}

/* 环境展示 */
.environmentcontent{
  background:url(../images/bg-enviro.jpg) repeat-x center center #fff;
  margin-top: 3.5vw;
  margin-bottom: 3.5vw;
  padding-top: 3.75vw;
  padding-bottom: 3.75vw;
}
.environmentright{
  float: right;
  width: 23.33%;
  background: #525884;
  box-shadow: 0 3px 20px rgba(25,24,25,.4);
  padding: 34px 30px;
}
.environmentright .environmenttop{
  border-top: 2px solid #ee8122;
}
.environmentright .environmentbottom{
  border-bottom: 2px solid #ee8122;
}
.environmentright .environmentcolumn{
  width: 140%;
  height: 116px;
  line-height: 116px;
  background: #ee8122;
  color: #fff;
  margin-left: -26%;
  padding-left: 57px;
  margin-top: 30px;
  margin-bottom: 30px;
  box-shadow: 0 3px 20px rgba(25,24,25,.4);
}
.environmentright .environmentcolumn h2{
  line-height: 116px;
  font-size: 24px;
  padding-left: 28px;
  background: url(../images/arrow-en.png) no-repeat left center;
}
.environmentleft{
  float: left;
  width: 76.67%;
  padding: 24px 0;
}
.environmentleft ul li{
  float: left;
  width: 33.33%;
  padding: 0 36px;
  text-align: center;
}
.environmentleft ul li a{
  display: block;
  overflow: hidden;
  position: relative;
  cursor: default;
}
.environmentleft ul li .imgbox{
  border-bottom: 3px solid #ee8122;
}
.environmentleft ul li .imgbox img{
  width: 100%;
  height: auto;
}
.environmentleft ul li .environmenttitle{
  height: 52px;
  line-height: 52px;
  color: #fff;
  font-size: 16px;
}
.environmentleft ul li.even-row{
  margin-top: 36px;
}
.environmentleft ul li.even-row .imgbox{
  border-bottom: none;
  border-top: 3px solid #ee8122;
}
.environmentleft ul li.even-row a{
  padding-top: 52px;
}
.environmentleft ul li.even-row .environmenttitle{
  top: 0;
  position: absolute;
  left: 0;
  width: 100%;
}

.z_about_warp.z_environmentbox{
  display: none;
}
.z_environmentbox .z_index_tit .bigen{
  font-size: 7.8429vw;
}
.z_environment{
  padding-right: 2.86vw;
}
.z_environment ul.gallery {
  display: grid;
  gap: 3px;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-flow: row dense;
}
.z_environment ul.gallery > :nth-child(7n+1) {
  grid-column: span 2;
  grid-row: span 2;
}
.z_environment ul.gallery li{   
  position: relative;
  overflow:hidden;

}
.z_environment ul.gallery li a{
  display: block;
  height: 100%;
}
.z_environment ul.gallery li .imgbox{
  overflow:hidden;
  
}

.z_environment ul.gallery img {
  display: block;
  aspect-ratio: 16/9;
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden;
  transition:all .5s;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transform:scale(1);
  -webkit-transform:scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
}


/* 人才招聘 */
.z_about_jobpage{
  padding-bottom: 3.14vw;
}
.z_about_job{
  width: calc(100% - 18.75vw);
  overflow: hidden;
  background: #fff;
  margin-left: 18.75vw;
  padding: 6.55vw 18.75vw 3.125vw 2.86vw;
  box-sizing: border-box;
}
.z_about_jobleft{
  float: left;
  width: 31.36vw;
  margin-top: 8px;
}
.z_about_jobleft .z_index_tit .bigen{
  left: -22px;
}
.z_about_jobleft .imgbox{
  margin-top: 4.34375vw;
}
.z_about_jobright{
  float: right;
  width: 24.3455vw;
  position: relative;
  margin-top: -3.6125vw;
  padding-bottom: 2.2vw;
}
.z_about_jobright .swiper-slide a{
  display: block;
  cursor: default;
}
.z_about_jobright .swiper-slide .jobtitle{
  font-size: 1.25vw;
  color: #000;
  border-bottom: 1px solid #f7f7f7;
  padding-bottom: 22px;
}
.z_about_jobright .swiper-slide .jobcontent{
  font-size: 16px;
  line-height: 32px;
  color: #666;
  padding-top: 1.7vw;
}
.z_about_jobright .swiper-slide .jobcontent p strong{
  font-size: 18px;
  color: #000;
}
.z-job_hd{
  width: 100%;
  text-align: center;
  bottom: 0;
}
.z-job_hd span.swiper-pagination-bullet{
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 0 7px;
  background: #ababab;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.z-job_hd span.swiper-pagination-bullet-active{
  background: #525288;
  width: 10px;
  height: 10px;
}

/* 应用案例 */
.z_solution{

}
.z_solution li{
  float: left;
  width: 30.83%;
  margin-right: 3.755%; 
	margin-bottom: 42px;
}
.z_solution li a{ 
	display: block; 
	width: 100%; 
	height: 100%;
}
.z_solution li .imgbox{ 
	width: 100%; 
	height: auto; 
	position: relative; 
	overflow: hidden;
}
.z_solution li .casecover{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  z-index: 1;
  background: rgba(0,0,0,.5);
}
.z_solution li .casecover .casecoverinfo{
  position: relative;
  color: #fff;
  font-size: 1.57vw;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.z_solution li .casecoverinfo span{
  font-size: 16px;
  font-weight: bold;
  vertical-align: middle;
  margin: 0 5px;
}

.z_solution li img{
	width: 100%;
	height: auto;
	transform: scale(1,1);
	transition: ease .5s;
	-webkit-transition: ease .5s;
	-moz-transition: ease .5s;
	-ms-transition: ease .5s;
	-o-transition: ease .5s;
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-ms-transform: scale(1,1);
	-o-transform: scale(1,1);
}
.z_solution li .caseinfo{ 
	background: #fff;
	padding: 1.1vw 1.1458vw .7vw; 
	box-sizing: border-box; 
	transition: ease 1s;
}

.z_solution li h2{ 
	font-size:24px; 
	color:#000;
	line-height: 30px; 
	transition: ease .5s;
	margin-bottom: .5vw;
}
.z_solution li p{
	font-size: 16px;
	line-height: 32px;
	color: #666;
}
.z_solution li:hover img{
	transform: scale(1.1,1.1);
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
}
.z_solution li:hover h2{ 
	color: #525288;
}

/* 引导页 */
.sectionindex{
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  background: #525288;
}
.bodybg{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;

}
.bodybg .imgbgs{
  animation: zoombig 3s forwards;
  background-attachment: fixed;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.climg{
  position: absolute;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.climg1{
  left: 50%;
  bottom: -130%;
  width: 60.89vw;
  height: 60.89vw;
  margin-left: -30.445vw;
  animation: animationCogsTwo 12s 1.5s linear infinite forwards;
  -webkit-animation: animationCogsTwo 12s 1.5s linear infinite forwards;
}
.climg2,.climg3{
  width: 15.7vw;
  height: 15.7vw;
}
.climg2{
  bottom: -100%;
  right: 4.3979vw;
  animation: animationCogsOne 10s 2s linear infinite forwards;
  -webkit-animation: animationCogsOne 10s 2s linear infinite forwards;
}
.climg3{
  right: -100%;
  bottom: 6.7vw;
  animation: animationCogsTwo 10s 3s linear infinite forwards;
  -webkit-animation: animationCogsTwo 10s 3s linear infinite forwards;
}

@-webkit-keyframes animationCogsOne{
	0%{
		transform: rotate(0);
	}
	100%{
		transform: rotate(-360deg);
	}
}
@keyframes animationCogsOne{
	0%{
		transform: rotate(0);
	}
	100%{
		transform: rotate(-360deg);
	}
}
@-webkit-keyframes animationCogsTwo{
  0%{
    
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
  }
  100%{
   
    transform:rotate(360deg);
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    -o-transform:rotate(360deg);
  }
}
@keyframes animationCogsTwo{
	0%{
   
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
  }
  100%{
  
    transform:rotate(360deg);
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    -o-transform:rotate(360deg);
  }
}

.logolist{
  position: absolute;
  z-index: 1;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.logolist ul{
  text-align: center;
}
.logolist ul li{
  display: inline-block;
  position: relative;
  width: 17.277vw;
  top: 0;
  text-align: center;
  height: 17.277vw;
  background: #fff;
  margin-right: 5.487vw;
  box-shadow: 0 10px 30px rgba(49,59,59,.3);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
}
.logolist ul li.index1{
  top: -6.178vw;
}
.logolist ul li a{
  display: block;
  height: 100%;
  padding-top: 3.7696vw;
}
.logolist ul li .logoimg{
  margin-bottom: 2.6vw;
}
.logolist ul li .logowords{
  width: 6.649vw;
  height: 1.57vw;
  display: inline-block;
  background-position: center center;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.logolist ul li:hover{
  box-shadow: 0 10px 30px rgba(82,82,136,.3)
}
.logolist ul li.index0:hover,.logolist ul li.index2:hover{
  top: -2.178vw;
}
.logolist ul li.index0:hover .logowords{
  background-image: url(../images/logo-words-r1.png) !important;
}
.logolist ul li.index1:hover{
  top: -4.178vw;
}
.logolist ul li.index1:hover .logowords{
  background-image: url(../images/logo-words-r2.png) !important;
}
.logolist ul li.index2:hover .logowords{
  background-image: url(../images/logo-words-r3.png) !important;
}

/* 案例内容 */
.z_case_head{
  box-sizing: border-box;
  position: relative;
  float: left;
  /* width: 32vw; */
  width: 30vw;
}
.z_case_head h3{
  font-size: 2.4vw;
  color: #000;
  margin-bottom: 1vw;
}
.z_case_head h4{
  font-size: 1.25vw;
  color: #666;
  line-height: 32px;
}
.z_case_head h4.case_shortinfo{
  font-size: 0.9375vw;
  line-height: 1.66vw;
}

.z_case_head h3 span{
  vertical-align: text-top;
}

.z_case_right{
  width: 32.29vw;
  float: right;
}
.z_case_titlepic{
  width: 23.29vw;
  float: right;
}
.casepiclist{

}
.casepiclist li{
  float: left;
  width: 32%;
  margin-right: 2%;
  position: relative;
  margin-bottom: 20px;
}
.casepiclist li a{
  display: block;
  cursor: default;
}
.casepiclist li .imgbox{
  width: 100%;
  height: auto;
  overflow: hidden;
}
.casepiclist li .picnames{
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 12px 20px;
  z-index: 1;
  width: 100%;
  background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.8));
}

.z_case_right ul{
  text-align: right;
}
.z_case_right ul li{
  display: inline-block;
  position: relative;
  margin-left: 1vw;
}
.z_case_right ul li:first-child{
  margin-left: 0;
}
.z_case_right ul li .imgbox{
  height: 8.53125vw;
  width: 100%;
  position: relative;
}
.z_case_right ul li img{
  height:100%;
  width: auto;
  border-bottom: 4px solid #525288;
}
.z_case_right ul li .picnames{
  width: 100%;
  height: 2vw;
  position: absolute;
  left: 0;
  bottom: 0;
  text-align: left;
  z-index: 1;
  line-height: 2vw;
  background-color: rgba(0,0,0,.2);
  color: #fff;
  font-size: 16px;
  padding: 0 1vw;
}

.z_proxq_warp .z-casecontainer {
  position: relative;
  z-index: 1;
  background: #fff;
  padding: 2.86vw 4.375vw;
  padding-bottom: 0;
  box-sizing: border-box;
  margin-bottom: 2.87958vw;
}


.z_case_swiper{
  width: 100%;
  position: relative;
}
.z_case_hd{
  width: 100%;
  text-align: right;
  position: absolute;
  right: 29px;
  bottom: 10px;
  z-index: 1;
}
.z_case_hd li{
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 0 6px;
  background: #ababab;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.z_case_hd li.on{
  background: #525288;
  width: 10px;
  height: 10px;
}
.casecontent{
  position: relative;
  overflow: hidden;
}
.casecontent>img{
  width: 100%;
  height: auto;
}
.casecontent .casecoverbox{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}
.casecontent .casecolumn{
  text-align: center;
  position: absolute;
  padding-top: 10.47vw;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: 2.5vw;
  background: rgba(0,0,0,.5);
}
.casecontent .casecoverbox>img{
  margin-left: 2vw;
  margin-bottom: 1.2565vw;
}
.casetitlebox{
  width: 100%;
  height: 4.29vw;
  padding: 0 2vw;
  background: #525288;
}
.casetitlebox h2{
  line-height: 4.29vw;
  color: #fff;
  font-size: 1.25vw;
}
.casenewstext{
  margin-top: 1vw;
  padding-bottom: 2.62vw;
}
.casenewstext p{
  color: #666;
  line-height: 32px;
  font-size: 16px;
}

/* 展览展会内容 */
.z_xq_flwarp.z_exhibition_wrap{
  padding-top: 1.2vw;
  padding-bottom: 3vw;
}
.exhibition_left{
  float: right;
  width: 45%;
  margin-top: 15px;
}
.exhibition_right{
  float: left;
  width: 50%;
  position: relative;
  overflow: hidden;
}
.exhibition_left h2{
  font-size: 1.57vw;
  color: #000;
  margin-bottom: 1.047vw;
}
.exhibition_left ul li{
  font-size: 16px;
  line-height: 32px;
  color: #666;
}
.exhibition_left ul li strong{
  font-weight: normal;
  color: #333;
}
.z_exhibition_hd{
  width: 100%;
  text-align: right;
  position: absolute;
  right: 29px;
  bottom: 10px;
  z-index: 1;
}
.z_exhibition_hd .swiper-pagination-bullet{
  margin: 0 6px;
  background: #fff;
  opacity: 1;
}
.z_exhibition_hd .swiper-pagination-bullet-active{
  background: #525288;
  width: 10px;
  height: 10px;
}

/* 留言 */
.messageForm ul li label.cur{
	/* border-color:#095099;
	box-shadow: 0px 0px 8px rgba(10, 82, 153,0.15); */
}
.messageForm ul li label.cur p { 
	/* font-size: 12px; 
	top: 3px;  */
	/* color: #095099;  */
}
.messageForm ul li label.cur p.grey{
	color:#999;
}
.messageForm ul li label.cur2{
	/* border-color:#095099;
	box-shadow: 0px 0px 8px rgba(10, 82, 153,0.15); */
}
.messageForm ul li label.error { 
	/* background: rgba(255, 91, 91, 0.1);  
	border-color: #FF5B5B;  */
}

.messageForm ul li label.error p { 
	/* font-size: 14px; 
	top: 12px;  */
	color: #FF5B5B; 
}
.messageForm ul li label.error::after { 
	/* border-color: #FF5B5B transparent transparent transparent;  */
}
.messageForm ul li label.cur1 { 
	/* background: #fff; 
	-webkit-box-shadow: 0px 0px 8px rgba(255, 91, 91, 0.15); 
	box-shadow: 0px 0px 8px rgba(255, 91, 91, 0.15);  */
}
.messageForm ul li label.cur1 p { 
	/* top: 3px; 
	font-size: 12px;  */
}

.messageForm ul li label.error1{
	/* background: rgba(255, 91, 91, 0.05); 
	box-shadow:none;  */
	/* border-color: #FF5B5B; */
}

.sucessbox{
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	opacity: 0;
	display: none;
	z-index: 100;
	background: rgba(0,0,0,.2);
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
}
.sucessbox.on{
	opacity: 1;
	display: block;
}
.sucessbox .successcontainer{
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 101;
	width: 380px;

	padding: 15px 15px;
	border-radius: 5px;
	background: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0,.5);
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
}
.successclose{
	float: right;
	width: 15px;
	height: 15px;
	margin-bottom: 20px;
	background-image: url(../images/close-black.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
}
.messageSuccess { 
	clear: right;
	text-align: center; 
	padding-bottom: 20px;
}
.messageSuccess h3 { 
	font-size: 24px; 
	color: #525288; 
	font-weight: 600; 
	margin-bottom: 14px;
}
.messageSuccess .desc { 
	font-size: 16px; 
	color: #4E5969; 
	padding-top: 5px; 
	
}

/* 搜索列表 */
.columntext{
  text-align: left;
  font-size: 1.57vw;
  color: #fff;
}
.columntext b{
  /* font-weight: bold; */
  color: #daaf12;
}
.searchbox{
  background: #fff;
  padding: 2.6vw;
}
.searchlist li{
	position:relative;
	overflow: hidden;
	line-height: 64px;
	border-bottom:1px solid #dcdddd;
	padding-left: 60px;
	padding-right: 20px;
}
.searchlist li::before{
	content: " ";
	position: absolute;
	left: 28px;
	top: 29px;
	width: 6px;
	height: 6px;
  z-index: 1;
	border-radius: 50%;
	background: #525288;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition:all 0.3s;
	-o-transition:all 0.3s;
}
.searchlist li a{
	float: left;
	width:88%;
	font-size: 16px;
	color:#333;

}
.searchlist li span{
	float: right;
	font-size: 18px;
	color:#555;
	font-family: "arial";
}
.searchlist li:hover{
	background: #fdfbfb;
	transition:all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition:all 0.3s;
	-o-transition:all 0.3s;
}
.searchlist li:hover a{
	color: #525288;
}
.searchlist li:hover::before{
	left: 20px;
}
.tips .pics {
	width: 390px;
	height: 303px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-position: center center;
}
.tips h6{
	font-size:18px;
	text-align: center;
	color:#333;
}
.z_footer .footer_right{
  float: right;
  margin-right: 20px;
  margin-top: 2px;
}
.z_footer .foot-select{
	float: right;
	width: 210px;
	height: 26px;
  text-align: left;
  line-height: 24px;
	border: 1px solid #bfbfbf;
	background-color: #bfbfbf;
	color: #bfbfbf;
	padding: 0 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url("../images/arrow-down.png") no-repeat scroll 95% center transparent;
	cursor: pointer;
	position: relative;
}

.foot-select p{
	font-size: 16px;
}
.foot-select ul{
	display:none;
	position: absolute;
	width: calc(100% + 2px);
	bottom: 25px;
	left: -1px;
	border-top:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;
	z-index:10;
}
.foot-select ul li{
	border-left:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	transition: all .3s;
	background-color: #fff;
}
.foot-select ul li.act{

}

.foot-select a{
	color: #999;font-size: 14px;width: 100%;
	height: 100%;
	display: inline-block;
	/* cursor: default; */
	padding: 10px 0 10px 10px;
}
.foot-select a:hover{
  /* cursor: pointer; */
  color: #daaf12;

}
.foot-select ul li.act a{
    color: #333;
}
.foot-select ul li.act:hover a{
  cursor: pointer;
  color: #daaf12;
}

.z_about_business{
  background-image: url(../images/bg3.jpg);
  padding:3.75vw 18.75vw;
  background-repeat: no-repeat;
  background-position: left top;
  background-size:cover;
}
.z_about_businessinfo{
  text-align: center;
}

.z_about_title{
  /* width: 14.2455vw;
  height: 4.3979vw; */
  color: #fff;
  line-height:2vw;
  /* background: #fff; */
  text-align:center;
  font-size: 1.57vw;
  margin-bottom: 2.34375vw;
  /* letter-spacing: 3px;
  font-weight: bold;
  margin: 0 auto;
  border-radius:1.047vw;
  -webkit-border-radius:1.047vw;
  -moz-border-radius:1.047vw;
  -ms-border-radius:1.047vw;
  -o-border-radius:1.047vw; */
}
.z_about_businessinfo img.bgline{
  display: inline-block;
  width: 47.7vw;
}

.z_about_businessinfo ul{
  width: 75%;
  margin: 0 auto;
}
.z_about_businessinfo ul li{
  float: left;
  /* width: 23.75%;
  margin-right: 1.66%; */
  width: 47%;
  margin-right: 6%;
  background: #fff;
  overflow: hidden;
  position: relative;
  box-shadow: 0 0 20px rgba(72,71,71,.2);
  min-height: 21.4vw;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
.z_about_businessinfo ul li:last-child{
  margin-right: 0;
}
.z_about_businessinfo ul li .imgbox{
  height: 2.565vw;
  width: auto;
  margin-bottom: 1.4vw;
}
.z_about_businessinfo ul li img{
  height: 100%;
  width: auto;
}
.z_about_businessinfo ul li .orginfo{
  padding: 2.5vw 10px 1.4vw;
  position: relative;
  z-index: 1;
}
.z_about_businessinfo ul li h2{
  font-size: 1.1vw;
  color: #000;
  margin-bottom:2vw;
}
.z_about_businessinfo ul li .orgbg{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background-position: center center;
  background-color: #fff;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  transition: all .5s;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -o-transition: all .5s;
}
.z_about_businessinfo ul li .orgtext{
  font-size: 16px;
  color: #000;
  line-height: 32px;
}
.z_about_businessinfo ul li span{
  display: inline-block;
  font-size: 16px;
  color: #333;
  position: relative;
  padding-right: 26px;
}
.z_about_businessinfo ul li span::after{
  content: " ";
  position: absolute;
  right: 0;
  top: 0;
  display: inline-block;
  width: 18px;
  height: 20px;
  background: url(../images/arrow-right.png) no-repeat left center;
  background-size: 100% auto;
  transform: translateX(0);
  transition: ease .5s;
  -webkit-transition: ease .5s;
  -moz-transition: ease .5s;
  -ms-transition: ease .5s;
  -o-transition: ease .5s;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
}
.z_about_businessinfo ul li:hover span::after{
	transform: translateX(10px);
	-webkit-transform: translateX(10px);
	-moz-transform: translateX(10px);
	-ms-transform: translateX(10px);
	-o-transform: translateX(10px);
}
.z_about_businessinfo ul li.index0 .orgbg{
  background-image: url(../images/bgli1.png);
}
.z_about_businessinfo ul li.index1 .orgbg{
  background-image: url(../images/bgli2.png);
}
.z_about_businessinfo ul li.index2 .orgbg{
  background-image: url(../images/bgli3.png);
}
.z_about_businessinfo ul li.index3 .orgbg{
  background-image: url(../images/bgli4.png);
}
.z_about_businessinfo ul li:hover .orgbg{
  background-size: 120% 120%;
}

/* 产品中心封面 */
#solve02_div{
  padding-right: 2.86vw;
}
.phone-ymauto{
  display: none;
}
.autoyanmobox{
	position:relative;
	background-image:url(../images/bg-ym.png);
	background-repeat:no-repeat;
	background-position:left top 20px;
	height: 545px;
	margin-top:40px;
}
.autoyanmobox .autolist {
	position: absolute;
	left:233px;
	top:0;
	width:900px;
}
.autolist li{
	overflow:hidden;
	padding-top:5px;
	padding-bottom:15px;
}
.autolist li .icon-ymleft{
	float:left;
	width:120px;
	height:120px;
	border-radius:50%;
	text-align:center;
	padding-top:20px;
	padding-left:5px;
	padding-right:5px;
	background:#fff;
	border:1px solid #d4d4d4;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-shadow:5px 0 5px rgba(8,1,3,.22);
}
.autolist li .icon-ymleft .icon-ym{
	margin-bottom:10px;
}
.autolist li .icon-ymleft p{
	color:#525288;
  font-size: 16px;
  line-height: 22px;
}
.autolist li .icon-ymright{
	float:right;
	width:750px;
}
.autolist li .icon-ymright h2{
	margin-top:5px;
	font-size:16px;
	color:#000;
	font-weight:bold;
  margin-bottom: 8px;
}
.autolist li .icon-ymright p{
	position:relative;
	font-size:16px;
	line-height:28px;
	color:#333;
	padding-left: 15px;
}
.autolist li .icon-ymright p::before{
	content:" ";
	display:inline-block;
	width:5px;
	height:5px;
	background:#333;
	border-radius:5px;
	position: absolute;
	left: 0;
	top: 11px;
  z-index: 1;
}

.autoproduct{
	padding-top:20px;
	padding-bottom:45px;
}
.autoproduct h2,.qualitybox h2,.productMainbox h1,.productCase h1{
	text-align:center;
	font-size:24px;
	color:#333;
	margin-bottom:60px;
}
.qualitybox .ability-item.index2 .ability-right{
	height:221px;
}

.autoproduct .autotext{
	position:relative;
}
.autotext .autoymbrief{
	width:68.4%;
	background:#fff;
	padding:55px 40px 55px;
	box-shadow:0 0 5px rgba(0,0,0,.2);
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.autoymbrief p{
	color:#333;
	font-size:16px;
  line-height: 28px;
}
.autoymbrief p strong{
  display: block;
  color: #000;
  margin-bottom: 6px;
  margin-top: 5px;
}
.autoymbrief ul{

}
.autoymbrief ul li{
	font-size:16px;
	line-height:28px;
	position:relative;
	color:#333;
	padding-left: 15px;
}
.autoymbrief ul li::before{
	content:" ";
	display:inline-block;
	width:5px;
	height:5px;
	background:#333;
	position: absolute;
	top: 11px;
	border-radius:5px;
	left: 0;
  z-index: 1;
}
.autoymbrief ul li strong{
  font-weight: normal;
  display: inline-block;
  min-width: 120px;
}
.autotext .autoymimg{
	position:absolute;
	width:46.2%;
	top:50%;
	right:0;
	transform:translateY(-50%);
}
.autoymimg img{
	width:100%;
	height:auto;
}
.qualitybox{
  padding-top: 15px;
}
.ability-item{
	margin-bottom:40px;
}
.ability-item .ability-left{
	float:right;
	width:52%;
}
.ability-left img{
	width:100% !important;
	height:auto !important;
}
.ability-item .ability-right{
	float:left;
	width:48%;
	height:378px;
	background-position: left top;
	background-image: url(../images/bg2-2.png);
	background-color:#fff;
	background-repeat: no-repeat;
	background-size:65% auto;
	box-shadow:3px 4px 30px rgba(204,204,204,.7);
	padding:14px 30px;
	box-sizing:border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.ability-item .ability-right h3{
	font-size:24px;
	color:#000;
  margin-top: 20px;
  margin-bottom: 10px;
  line-height: 36px;
	padding-bottom:30px;
	background-image: url(../images/projectIcon.png);
	background-position: left bottom;
	background-repeat: no-repeat;
}
.ability-item .ability-right .ability-text{
	padding-top: 10px;
}
.ability-item .ability-right .ability-text p{
	font-size:16px;
	line-height:32px;
	color:#333;
	text-align:justify;
}

.productMainbox{
  padding-top: 50px;
  padding-bottom: 20px;
}

.apply-ym{
	width:100%;
	/* background:#f7f7f7; */
  padding-top: 20px;
	padding-bottom:40px;
}
.apply-ym h2{
	font-size:24px;
	text-align:center;
	color:#000;
	margin-bottom:40px;
}
.apply-ymtext{

}
.apply-ymtext p{
	padding-left:30px;
	background-image:url(../images/icon-ym4.png);
	background-position: left center;
	background-size:14px auto;
	background-repeat:no-repeat;
	line-height:36px;
	font-size:16px;
	color:#333;
}
.apply-ymtext p strong{
	color:#525288;
}

.productMainbox h1{
  margin-bottom: 45px;
}
.tab_product{
  text-align: center;
  margin-bottom: 45px;
}
.tab_product li{
  font-size: 18px;
  display: inline-block;
  margin: 0 20px;
  line-height: 42px;
  padding: 0 35px;
  color: #000;
  background: #f5f5f5;
}
.tab_product li a{
  display: block;
}
.tab_product li.act{
  background: #525288;
}
.tab_product li:hover{
  background: #525288;
}
.tab_product li.act a{
  color: #fff;
}
.tab_product li:hover a{
  color: #fff;
}
.productsTotal{
  position: relative;
}
.productsTotal .products_item{
  display: none;
}
.productsTotal .swiper-slide{
  padding: 10px;
}
.productsTotal .swiper-slide a{
  display: block;
  overflow: hidden;
  box-shadow: 0 0 5px rgba(204,204,204,.4);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
.productsTotal .swiper-slide .imgbox{
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
  padding: 20px;
  background: #fff;
  border-bottom: 1px solid rgba(82, 82, 136,.05);
  text-align: center;
}
.productsTotal .swiper-slide img{
  width: 100%;
  height: auto;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transition: all .5s;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -o-transition: all .5s;
}
.productsTotal .swiper-slide .imgcover{
  width: 100%;
  height: 100%;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 1;
  text-align: center;
  background: rgba(82, 82, 136,.6);
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
.productsTotal .swiper-slide .imgcover h3{
  font-size: 24px;
  color: #fff;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.productsTotal .swiper-slide .producttitle{
  padding: 20px 16px;
}
.productsTotal .swiper-slide h2{
  font-size: 18px;
  color: #000;
  margin-bottom: 8px;
}
.productsTotal .swiper-slide p{
  font-size: 16px;
  color: #666;
}
.productsTotal .swiper-slide:hover .imgcover{
  opacity: 0;
}
.productsTotal .swiper-slide:hover h2{
  color: #525288;
}
.productsTotal .swiper-slide:hover a{
  box-shadow: 0 0 5px rgba(82, 82, 136,.6);
}
.productsTotal .swiper-slide:hover img{
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
}
.product_btn{
  text-align: center;
  position: relative;
}
.productsTotal .swiper-button-next,.productsTotal .swiper-button-prev{
  display: inline-block;
  position: relative;
	width: 43px;
	height: 43px;
	background-color: #BFBFBF;
	border-radius: 21px;
	text-align: center;
	line-height: 43px;
	transition: ease 1s;
	outline: none;
  top: auto;
  left: auto;
  right: auto;
	cursor: pointer;
	color: #fff;
  margin:20px 15px;
  background-image: none;
	-webkit-border-radius: 21px;
	-moz-border-radius: 21px;
	-ms-border-radius: 21px;
	-o-border-radius: 21px;
}
.productsTotal .swiper-button-prev{

}
.productsTotal .swiper-button-next{
  
}
.productsTotal .swiper-button-next:hover,.productsTotal .swiper-button-prev:hover {
	background-color: #525288;
}

.searchProduct{
  /* padding-top: 40px; */
  padding-bottom: 40px;
}
.formproduct{

  /* overflow: hidden; */
  background: #fff;
  border: 1px solid #bfbfbf;
  border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  -ms-border-radius:5px;
  -o-border-radius:5px;
}
#productform{
  height: 48px;
  /* overflow: hidden; */
}
.formproduct .product_input{
  width: 88%;
  line-height: 48px;
  height: 48px;
  float: left;
  padding: 0 12px;
  border: none;
  font-size: 16px;
  color: #333;
  border-radius: 5px 0 0 5px;
  -webkit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  -ms-border-radius: 5px 0 0 5px;
  -o-border-radius: 5px 0 0 5px;
}
.formproduct .productsubmit{
  float: right;
  width: 100px;
  height: 48px;
  border: none;
  background-image: url(../images/search-black.png);
  background-repeat: no-repeat;
  background-position: center   center;
  background-size: 22px auto;
  border-left: 1px solid #bfbfbf;
  border-radius: 0 5px 5px 0;
  -webkit-border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  -ms-border-radius: 0 5px 5px 0;
  -o-border-radius: 0 5px 5px 0;
}
.no-content{
  width: 100%;
  display: block;
  padding-top: 50px;
  min-height: 400px;
  text-align: center;
  font-size: 20px;
  color: #333;
  margin-top: 20px;
}

.productCase{
  padding-top: 10px;
}
.productCase h1{
  margin-bottom: 50px;
}
.product_caselis ul li{
  float: left;
  width: 24%;
  margin-right: 1.33%;
}
.product_caselis ul li .imgbox{
  width: 100%;
  height: auto;
  overflow: hidden;
  border: 1px solid rgba(204,204,204,.4);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.product_caselis ul li h2{
  font-size: 18px;
  color: #333;
  line-height: 36px;
  text-align: center;
  margin-top: 10px;
}

.product_caselis ul li img{

}
.ymxgpics{
  padding-top: 50px;
}
.ymxgpics h1{
  font-size: 24px;
  color: #000;
  margin-bottom: 50px;
  text-align: center;
}

.ymxgpics .ym_left{
  float: left;
  width: 57.95%;
}
.ymxgpics .ym_right{
  float: right;
  width: 40.16%;
}
.ymxgpics li{
  float: left;
  width: 48.5%;
  margin-right: 3%;
  margin-bottom: 20px;
}
.ymxgpics li:nth-child(even){
  margin-right: 0;
}

/* 产品内容 */
.z_prox_topwarp.z_productbanner{
  padding: 0;
}
.productbanner{
  overflow: hidden;
  position: relative;
  height: 31.1458vw;
}
.productbanner .container{
  position: relative;
  height: 100%;
}
.bannerproductinfo{
  float: right;
  width: 26.75vw;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  text-align: right;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.bannerproductinfo h1{
  font-size: 1.5625vw;
  color: #000;
  /* font-weight: 700; */
  margin-bottom: 1.04vw;
}
.bannerproductinfo h1 span{
  color: #ed852c;
  font-size: 2.5vw;
  margin-right: 2.86vw;
  display: inline-block;
  font-family: 'arial';
}
.bannerproductinfo h1 span.promarginright{
  margin-right: 0;
}
.bannerproductinfo h1 i{
    font-style: normal;
}
.bannerproductinfo h2{
  font-size: 1.25vw;
  color: #666666;
  margin-bottom: 1.04vw;
}
.bannercolumn{
  border-top: 0.15625px solid #ed852c;
  padding-top: 0.9375vw;
  font-size: 0.9375vw;
}
.bannerappearance{
  position: absolute;
  width: 51.458vw;
  left: 0;
  top: 0;
}
.z_proxq_warp .z-container.z_productcontainer{
  padding: 2.8125vw 4.16vw;
}
.prooductcontent-top{
  overflow: hidden;
  position: relative;  
}
.prooductcontent-top::after{
  content: " ";
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 0;
  height: 100%;
  border: 1px dashed #dadada;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.content-top-left{
  float: left;
  width: 48%;
}
.content-top-left ul li{
  color: #000000;
  font-size: 16px;
  margin-bottom: 2.605vw;
}
.content-top-left ul li:last-child{
  margin-bottom: 0;
}
.content-top-left ul li strong{
  display: block;
  font-weight: normal;
  font-size: 1.5625vw;
  margin-bottom: 0.52vw;
}
.content-top-right{
  float: right;
  width: 48%;
}
.product-function ul{
  padding-top: 1.04vw;
}
.product-function ul li{
  font-size: 16px;
  line-height: 28px;
  position: relative;
  padding-left: 25px;
  margin-bottom: 1.19625vw;
}
.product-function ul li:last-child{
  margin-bottom: 0;
}
.product-function ul li span{
  color: #ed852c;
  font-size: 20px;
  font-weight: bold;
  font-family: 'arial';
  position: absolute;
  left: 0;
  top: 0;
}
.productcommontitle{
  padding-left: 1.04vw;
  margin-bottom: 1.458vw;
  font-size: 1.5625vw;
  height: 1.5625vw;
  line-height: 1.5625vw;
  border-left:5px solid #ee8122;
}
.prooductcontent-bottom{
  margin-top: 1.77vw;
  border-top: 1px solid #dcdddd;
  padding-top: 2.1875vw;
}
.prooductcontent-bottom-left{
  float: left;
  width: 52%;
}
.product-bottom-table{
  width: 100%;
}
.product-bottom-table table{
  background: #fff;
  display: block;
  width: 100%;
}
.product-bottom-table table tr td{
  /* display: inline-block; */
  font-size: 16px;
  color: #252833;
  background: #f9f9f9;
  line-height: 28px;
  padding: 2px 12px;
}
.product-bottom-table table.fourtable{
  text-align: center;
}
.product-bottom-table table.fourtable tr td{
  padding: 2px 2px;
    word-break: break-word;
}
.product-bottom-table table tr td:first-child{
  padding-left: 20px;
  background: #252833;
  color: #fff;
  width: 9vw;
}
.product-bottom-table table.fourtable tr td:first-child{

  padding-left: 5px;
  padding-right: 5px;
}
.product-bottom-table table.doubletable tr td:first-child{
  width: 6.7vw;
  padding-left: 16px;
}
.product-bottom-table table tr:nth-child(even) td:first-child{
  background: #2e3949;
}
.product-bottom-table table tr td.graycolor{
  background: #f9f9f9 !important;
  color: #252833;
  padding: 2px 12px;
  width: auto;
}
.prooductcontent-bottom-right{
  float: right;
  width: 39.238%;
}
.prooductcontent-bottom-right.rightwidth100{
  float: left;
}

.product-exampleimg{
  padding: 6px;
  background: #d7dbde;
}

/* 联系我们 */
.z_about_page.z_contact_pagebox{

}
.z_contact_pagebox .z_index_contact{
  padding: 0 0 20px;
  min-height: initial;  
  overflow: hidden;
}
.z_about_page.z_contact_pagebox .z_about_warp{
 
}
.z_contact_pagebox .z_index_contact>img.imgsbg{
  float: right;
  width: 78%;
}
.z_about_page.z_contact_pagebox .z_contact_img{
  top: 8%;
  right: 29%;
  transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  
}
.z_about_page.z_contact_pagebox .z_contact_info{
  left: 0;
  bottom: 18%;
}
.z_about_page.z_contact_pagebox .z_contact_cir{
  box-shadow: 0 5px 15px rgba(82,82,136,.47);
}

@media screen and (max-width:1640px) {
  .z_header_nav{
    width: 82.776%;
  }
  .z_about_businessinfo ul{
    width: 90%;
    
  }
  .z_about_businessinfo ul li{
    min-height: 22vw;
  }
}

@media screen and (max-width:1380px) {
  .z_about_businessinfo ul li{
    min-height: 22.6vw;
  }
  .z_proxq_warp .z-container.z_productcontainer{
    width: 100% !important;
  }
}

@media screen and (max-width:1280px){
  .z_header_nav li{
    margin-right: 5.8%;
  }
}


/* 手机端导航 */
.mc_phone_nav{
  display: none;
  float: right;
  overflow: hidden;
  width: 26px;
  height: 70px;
  margin-left: 15px;
  /* margin-right: 10px; */
}
.mc_menubox{
  width: 26px;
  height: 70px;
  cursor: pointer;
  text-align: center;
  position: absolute;
  top: 0;
}
.mc_menubox .point{
  position: relative;
  display: inline-block;
  width: 26px;
  height:70px;
}
.mc_menubox .point .mc_nav {
  position: absolute;
  top: 35px;
  right: 0;
  z-index: 1000;
  -webkit-transition: all .3s ease-out 0s;
  -moz-transition: all .3s ease-out 0s;
  -ms-transition: all .3s ease-out 0s;
  -o-transition: all .3s ease-out 0s;
  transition: all .3s ease-out 0s;
}
.mc_menubox .point .mc_nav::after,.mc_menubox .point .mc_nav::before {
  content: '';
  position: absolute;
  right: 0;
  -webkit-transition: all .3s ease-out 0s;
  -moz-transition: all .3s ease-out 0s;
  -ms-transition: all .3s ease-out 0s;
  -o-transition: all .3s ease-out 0s;
  transition: all .3s ease-out 0s;
}
.mc_menubox .point .mc_nav, .mc_menubox .point .mc_nav::after, .mc_menubox .point .mc_nav::before {
  display: inline-block;
  width: 26px;
  height: 1px;
  background-color: #525288;
}
.mc_menubox .point .mc_nav::after {
  top: -8px;
}
.mc_menubox .point .mc_nav::before {
  top: 8px;
}
.mc_menubox .point.active .mc_nav {
  background: transparent;
}
.mc_menubox .point.active .mc_nav::after {
  top: 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.mc_menubox .point.active .mc_nav::before {
  top: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.mobile{
  display: none;
  position: fixed;
  width: 100%;
  left: 0;
  top: 70px;
  z-index:1000;
  background-color: #fff;
  height: 100%;
  /* max-height: calc(100vh - 64px); */
  overflow: auto;
  border-top: 1px solid #EAEAEA;
}
.mobilebox {
  /* display: none; */
  width: 100%;
  background-color: #fff;
  height: 100%;
  padding: 10px 0;
}
.mobilebox h4 {
  position: relative;
  padding: 0 20px;
  overflow: hidden;
}
.mobilebox h4::after {
  content: '';
  display: block;
  clear: both;
}
.mobilebox h4 a {
  float: left;
  width: 88%;
  font-size: 16px;
  line-height: 46px;
  color: #333;
  max-width: calc(100% - 36px);
}
.mobilebox .ul2 {
  display: none;
  padding-top: 7px;
  padding-bottom: 8px;
  border-top: 1px solid rgba(0, 0, 0, .1);
}
.mobilebox .ul2 .container_s {
  max-width: 100%;
  padding: 0 25px;
}

.mobilebox .ul1 {
  padding-bottom: 15px;
}
.img_s {
  float: right;
  display: block;
  font-size: 16px;
  line-height: 46px !important;
  color: #333;
  transition: all .36s;
  -webkit-transition:all .36s;
  -moz-transition:all .36s;
  -ms-transition:all .36s;
  -o-transition:all .36s;
}
.mobilebox h5 {
  position: relative;
}

.mobilebox h5::after {
  content: '';
  display: block;
  clear: both;
}

.mobilebox h5 a {
  display: block;
  font-size: 14px;
  line-height: 32px;
  color: #333;
  max-width: calc(100% - 36px);
}

.mobilebox h5 img {
  position: absolute;
  top: 50%;
  right: 5px;
  width: 35px;
  padding: 11px;
  cursor: pointer;
  transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.mobilebox h4.active img.img_s,
.xialaph h5.active img.img_s {
  display: none;
}

.mobilebox h4.active img.img_d,
.mobilebox h5.active img.img_d {
  display: block;
}
.mobilebox h4.active .img_s {
  transform: rotate(180deg);
}

.mobilebox h5.active .img_s {
  transform: rotate(180deg);
}

.mobilebox h4.active .img_s {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}


@media screen and (max-width:768px) {
  .mc_phone_nav {
    display: block;
  }
  .mobile.active{ display: inline-block; }
  .t_syk6 .z_index_tit{
		top: 6.5vw;
		left: 0;
		width: 100%;
		text-align: center;
	}
  .t_syk6xin .t_syk6xia{
    width: 100%;
  }

  .t_syk6dots li{
    height: 48px;
    line-height: 48px;
  }
  .t_syk6dots li.lookmore a::before{
    display: none;
  }
  .z_footer .foot-select,.z_footer .footer_right{
		float: none;
	}
  .z_footer .foot-select{
    width: 100%;
  }
  .z_footer .footer_right{
    margin-right: 0;
    margin-top: 20px;
  }
  .foot-select p{
    font-size: 14px;
  }

  .z_page_bar{
    overflow: hidden;
  }
  
  /* 发展历程 */
  .z_about_page.z_about_history{
    padding: 0;
  }
  .historytopbox{
    height: auto;
    /* background: url(../images/trangle.png) no-repeat center bottom; */
    padding-bottom: 40px;
    padding-top: 40px;
    background: #372975;
  }
  .historytoplist{
    width: 100%;
    height: auto;
    background: none;
  }
  .historytoplist .container{
    width: 100%;
    height: auto;
    padding: 0 15px 0 25px;
  }
  .historytoplist ul li{
    position: relative;
    left: auto !important;
    bottom: auto !important;
    width: 100%;
    margin-bottom: 5px;
  }
  .historytoplist ul li h2{
    color: #ec8122;
    font-size: 20px;
    padding-left: 16px;
  }
  .historytoplist ul li h2::before{
    width: 10px;
    height: 10px;
    left: -4px;
    top: 5px;
  }
  .historytoplist ul li .historytoptext{
    border-left: 1px dashed #ec8122;
    height: auto;
    padding-top: 8px;
    padding-bottom: 16px;
    font-size: 16px;
    line-height: 32px;
    min-height: auto;
    padding-left: 16px;
    padding-right: 0;
  }
  .historytoplist ul li .historytoptext p{
    font-size: 16px;
    line-height: 32px;
  }
  .historytoplist ul li .historytoptext::after{
    display: none;
  }
  .historybottombox{
    background: #372975;
    margin-top: 0;
  }

  /* 企业文化 */
  .z_culturebox{
    display: block;
  }
  .z_culture_left{
    float: none;
    padding-top: 40px;
    width: 100%;
  }
  .z_culture_right{
    float: none;
    width: 100%;
    height: 210px;
  }
  .z_culture_list ul li{
    float: none;
    width: 100%;
    border-bottom: 10px solid #fff;
    height: 220px;
  }
  .z_culture_list ul li .icon{
    margin-bottom: 15px;
  }
  .z_culture_list ul li h2{
    font-size: 20px;
  }
  .z_culture_right .imgs{
    background-size: 100% auto;
  }
  .z_culture_info .icon{
    width: 55px;
  }
  .z_culture_info p{
    font-size: 16px;
  }

  /* 荣誉资质 */
  .z_honorlist .swiper-slide .imgbox img{
  
    height: 180px;
  }
  .z_honorlist{
    padding: 0 15px 40px;
  }
  .z_honorlist .swiper-slide{
    padding: 0 8px;
  }
  #swiper-honor{
    width: 100%;
  }
  .z_honorlist span{
    width: 32px;
    height: 32px;
    line-height: 32px;
    margin-top: -36px;
  }
  .z_honorlist .swiper-button-prev{
    left: 0;
  }
  .z_honorlist .swiper-button-next{
    right: 0;
  }
  .majorhonor{
    padding-bottom: 35px;
    padding-top: 40px;
  }
  .majorhonor .container{
    position: relative;
    left: auto;
    transform: none;
    top: auto;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
  }
  .lefthonorimg{
    float: none;
    width: 100%;
    padding: 35px 15px;
  }
  .righthonorimg{
    float: none;
    width: 100%;
    padding: 0 15px;
  }
  .righthonorimg img{
    vertical-align: top;
    border-top: 2px solid #f78721;
  }
  .righthonortitle{
    position: relative;
    left: auto;
    bottom: auto;
    width: 100%;
    padding-top: 0;
    border: none;
    transform: none;
    height: auto;
    margin-bottom: 25px;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
  }
  .righthonortitle h2{
    font-size: 20px;
    margin-bottom: 10px;
  }
  .righthonortitle p{
    font-size: 16px;
  }


  /* 团队展示 */
  .z_teampicsbox .z_team_left{
    float: none;
    width: 100%;
    height: 250px;
    font-size: 16px;
    padding: 0 20px;
    line-height: 32px;
  }
  .z_about_warp.z_teambox .z_index_tit{
    margin-left: 0;
  }
  .z_team_list{
    float: none;
    width: 100%;
  }
  .z_team_left .z_team_text{
    left: 0;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
  }
  .z_about_warp.z_teambox{
    padding-right: 0;
  }
  .z_team_list ul li{
    width: 100%;
    margin-left: 0 !important;
    margin-top: 5px;
  }

  /* 环境展示 */
  .z_environment{
    padding-right: 0;
  }
  .z_environment ul.gallery{
    grid-template-columns: auto;
  }
  .z_about_warp.z_environmentbox{
    display: block;
  }
  .environmentright{
    display: none;
  }
  .environmentcontent{
    margin-top: -15px;
    margin-bottom: 30px;
    padding: 0 10px;
    padding-bottom: 0;
    background: none;
  }
  .environmentleft{
    float: none;
    width: 100%;
    padding: 0;
  }
  .environmentleft ul li{
    width: 50%;
    padding: 0 5px;
  }
  .environmentleft ul li .environmenttitle{
    color: #0d182f;
  }

  /* 企业优势 */
  .advantagelist ul li{
    float: none;
    width: 100%;
    padding: 25px 10px 20px;
    margin-bottom: 15px;
    height: auto;
  }
  .advantagelist ul li .imgbox{
    width: 60px;
    height: 60px;
    top: 0;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
  }
  .advantagelist ul li .imgbox img{
    width: 32px;
  }
  .advantagelist ul li .z_advantage_right{
    width: 76%;
  }
  .advantagelist ul li h2{
    font-size: 20px;
    margin-bottom: 10px;
  }
  .advantagelist ul li .z_advantage_info{
    top: 0;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
  }

  /* 客户展示 */
  .parterOfferlist{
    padding-bottom: 40px;
  }
  .parterOfferlist ul li{
    width: 25%;
    height: 65px;
  }
  .parterOfferlist ul li .imgbox{
    padding: 0 10px;
  }

  /* 应用案例 */
  .z_solution li{
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .z_solution li .casecover{
    display: none;
  }
  .z_solution li .caseinfo{
    padding: 12px 15px;
  }
  .z_solution li h2{
    font-size: 18px;
  }
  .z_case_head h3{
    font-size: 18px;
  }
  .z_case_head h4{
    font-size: 16px;
  }
  .z_case_head h4.case_shortinfo{
    font-size: 15px;
    line-height: 26px;
    margin-top: 12px;
  }
  .z_case_right,.z_case_titlepic{
    width: 100%;
    margin-top: 15px;
  }
  .casepiclist li{
    float: none;
    margin-right: 0;
    width: 100%;
  }
  .z_proxq_warp.casepic_wrapbox{
    padding-top: 0;
  }
  .z_case_right ul{
    text-align: left;
  }
  .z_case_right ul li .imgbox{
    height: 28.53125vw;
  }
  .z_case_right ul li .picnames{
    height: 32px;
    line-height: 32px;
    font-size: 14px;
  }
  .casecontent .casecolumn{
    display: none;
  }
  .casecontent .casecoverbox>img{
    display: none;
  }
  .casetitlebox{
    height: 36px;
  }
  .casetitlebox h2{
    line-height: 36px;
    font-size: 16px;
  }
  .z_isgood_product{
    padding-bottom: 40px;
  }
  .z_isgood_product ul li p{
    /* font-size: 12px; */
  }

  .z_isgood_product ul li h2{
    font-size: 16px;
  }
  .z_isgood_product ul li .isgood_title::after{
    width: 20px;
    background-size: 100% auto;
  }
  .z_isgood_btn span{
    width: 33px;
    height: 33px;
    line-height: 33px;
    margin-top: 6.5px;
  }
  .z_isgood_btn .swiper-button-next{
    right: 0;
  }
  .z_isgood_btn .swiper-button-prev{
    left: 0;
    margin-left: 0;
  }

  /* 展览展会内容 */
  .exhibition_left{
		float: none;
		width: 100%;
		margin-top: 0;
		margin-bottom: 20px;
	}
	.exhibition_right{
		float: none;
		width: 100%;
	}
  .exhibition_left h2{
    font-size: 20px;
    margin-bottom: 12px;
  }

  /* 服务网点 */
  .z_about_job{
    width:100%;
    margin-left: 0;
    padding: 30px 15px;
  }
  .z_contact_ly{
    padding-bottom: 40px;
  }
  .z_contact_ly .en{
    opacity: .3;
    -webkit-text-stroke: 1px #fff;
    text-stroke: 1px #fff;
  }
  .z_contact_ly .infobox{
    float: none;
    margin-top: 0;
  }
  .z_ly_warp{
    width: 96%;
    margin: 0 auto;
  }
  .sucessbox .successcontainer{
    width: 96%;
  }
  .messageSuccess h3{
    font-size: 20px;
  }
  .messageSuccess .desc{
    font-size: 15px;
  }

  /* 公司简介 */
  .z_about_business{
		padding: 35px 15px;
	}
	.z_about_title{
		width: auto;
		height: auto;
		background: transparent;
		font-size: 22px;
		color: #fff;
		font-weight: normal;
    margin-bottom: 30px;
	}
  .z_about_businessinfo img.bgline{
    display: none;
  }
  .z_about_businessinfo ul li{
    float: none;
    width: 100%;
    min-height: auto;
    margin-right: 0;
    margin-bottom: 15px;
  }
  .z_about_businessinfo ul li a{
    display: block;
    padding: 15px 0;
  }
  .z_about_businessinfo ul li h2{
    font-size: 18px;
  }
  .z_about_businessinfo ul li .imgbox{
    height: 40px;
    margin-bottom: 15px;
  }

  /* 联系我们 */
  .z_about_page.z_contact_pagebox .z_contact_info{
    left: auto;
    bottom: auto;
  }
  .z_about_page.z_contact_pagebox .z_contact_img{
    top: auto;
    right: 30%;
  }
  .z_contact_pagebox .z_index_contact>img.imgsbg{
    float: none;
    width: 100%;
    margin-top: -30px;
  }
  .z_contact_info .desc{
    padding: 20px 0 5px; 
  }

  /* 产品列表 */
  .formproduct .productsubmit{
    width: 32px;
    background-size: 18px auto;
  }
  .z_proxq_itembox li p strong{
    width: 27.9vw;
  }
  
  /* 搜索页面 */
  .columntext{
    padding-left: 15px;
    font-size: 16px;
  }  
  .tips .pics{
    width: 60%;
    height: 200px;
    background-size: 100% auto;
  }
  .tips h6{
    font-size: 16px;
  }
  .searchlist li::before{
    left: 5px;
    top: 21px;
  }
  .searchlist li{
    padding-left: 20px;
    padding-right: 0;
    line-height: 50px;
    margin-bottom: 0;
  }
  .searchlist li a{
    width: 71%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .searchlist li span{
    font-size: 16px;
  }

  .autoyanmobox {
    background-image: none;
    height: auto;
    margin-top: 0;
  }
  .phone-ymauto {
    display: block;
    text-align: left;
    font-size:20px;
    color: #333;
    margin-bottom: 20px;
  }
  .autoyanmobox .autolist{
		position:relative;
		width:100%;
		left:auto;
		top:auto;
	}
	.autolist li{
		box-shadow: 0 0 5px rgba(8,1,3,.22);
		border-radius:8px;
		padding:14px 10px;
		margin-bottom:10px;
	}
	
	.autolist li .icon-ymleft{
		float:none;
		box-shadow:none;
		margin:0 auto;
		margin-bottom:20px;
	}
	.autolist li .icon-ymright{
		float:none;
		width:100%;
	}
	.autolist li .icon-ymright h2{
		text-align:center;
	}
  .productMainbox{
    padding-top: 30px;
    padding-bottom: 0;
  }
  .autoproduct h2, .qualitybox h2, .productMainbox h1, .productCase h1{
    font-size: 20px;
    margin-bottom: 35px;
  }
  .productMainbox h1{
    margin-bottom: 30px;
  }
  .autoproduct{
    padding-bottom: 30px;
  }
  .tab_product{
    margin-bottom: 25px;
  }
  .tab_product li{
    font-size: 16px;
    margin: 0px 8px;
    padding: 0 20px;
  }
  .autotext .autoymimg {
    position: relative;
    width: 100%;
    top: auto;
    right: auto;
    transform: none;
  }
  .autotext .autoymbrief {
    width: 100%;
    padding: 20px 10px;
  }
  #solve02_div{
    padding-right: 0;
  }
  .product_caselis ul li{
    width: 100%;
    margin-bottom: 12px;
  }
  .product_caselis ul li h2{
    font-size: 16px;
    line-height: 32px;
  }
  .ymxgpics{
    padding-top: 12px;
  }
  .ymxgpics h1{
    font-size: 20px;
    margin-bottom: 30px;
  }
  .ymxgpics .ym_left{
    float: none;
    width: 100%;
  }
  .ymxgpics .ym_right{
    float: none;
    width: 100%;
  }
  .ymxgpics li{
    margin-bottom: 8px;
  }

  .z_prox_topwarp.z_productbanner{
    padding-top: 70px;
  }
  .productbanner .container{
    padding-right: 15px;
  }
  .bannerproductinfo{
    width: 46%;
  }
  .bannerproductinfo h1{
    font-size: 16px;
    margin-bottom: 5px;
  }
  .bannerproductinfo h1 span{
    font-size: 22px;
  }
  
  .bannerproductinfo h2{
    font-size: 14px;
    margin-bottom: 5px;
  }
  .bannercolumn{
    border-top: none;
    font-size: 12px;
  }
  .z_proxq_warp .z-container.z_productcontainer{
    margin-top: -40px;
    padding: 35px 15px;
  }
  .content-top-left,.content-top-right,.prooductcontent-bottom-left,.prooductcontent-bottom-right{
    float: none;
    width: 100%;
  }
  .content-top-right{
    margin-top: 30px;
  }
  .prooductcontent-top::after{
    display: none;
  }
  .content-top-left ul li{
    margin-bottom: 15px;
  }
  .content-top-left ul li strong{
    font-size: 20px;
    margin-bottom: 8px;
  }
  .product-function ul li{
    margin-bottom: 10px;
  }
  .prooductcontent-bottom{
    padding-top: 35px;
    margin-top: 35px;
  }
  .productcommontitle{
    padding-left: 14px;
    margin-bottom: 20px;
    font-size: 22px;
    height: 22px;
    line-height: 22px;
    border-left: 3px solid #ee8122;
  }
  .product-bottom-table table tr td:first-child{
    width: auto;
  }
  .prooductcontent-bottom .productcommontitle{
    margin-bottom: 35px;
  }
  .prooductcontent-bottom-right{
    margin-top: 35px;
  }
}