.service{
	width: 100%;
}

.service-dj{
	width: 100%;
	height: 100%;
    overflow: hidden;

}
.service-img{
	width: 33.33%;
    float: left;
    cursor: pointer;
    overflow: hidden;
    padding: 0rem 0.3rem;
	
}
.service-dj:hover >  img{
    transform: scale(1.1);
}
.service-img img{
    width: 100%;
    height: 100%;
    transition: ease .5s;
    overflow: hidden;

}
.service-border{
	width: 100%;
	margin: 0px;
	padding: 0px;
}
.design{
	width: 100%;
    height: 8rem;
    margin-top: -8rem;
    position: relative;
    background-color: #58bc4c;
    padding: 1.8rem;
}
.design-title{
	font-size: 1.6rem;
	color: #ffffff;
	font-weight: 800;
	text-align: center;
}
.design-en{
	font-size: 1.2rem;
	color: #ffffff;
	text-align: center;
	text-transform: uppercase;
}

.home-zhi{
	font-size: 5rem;
	color: #ffffff;
	text-align: left;
	
}
.industrial-home{
	padding: 1rem;
	
	
}
.industrial img{
	text-align: center;
}
.home-Hardware{
	font-size: 1.5rem;
	color: #444444;

}
.home-more{
	width: 30%;
	height: 1.5rem;
	border:1px solid #ffffff;
	border-radius: 0.3rem;
	margin:0 auto;
	margin-top: 0.5rem;
	text-align: center;
	color: #ffffff;
	cursor: pointer;
}

.Hardware-back{
	height: 780px;
	background: url("../images/index/HWRD.png") center top no-repeat;
}
.Hardware-title{
	font-size: 1.2rem;
	color: #ffffff;
	text-align: center;
	margin-top: 3rem;
}
.Hardware-content{
	font-size: 0.7rem;
	color: #ffffff;
	text-align: center;
	line-height: 1.5rem;
}
.Hardware-programme1{
    background: url(../images/index/HWRD-1.jpg) center top no-repeat;
    float: left;
    
}

.Hardware-programme2{
    background: url(../images/index/HWRD-2.jpg) center top no-repeat;
    float: left;
    margin-left: 1.3rem;
}

.Hardware-programme3{
    background: url(../images/index/HWRD-3.jpg) center top no-repeat;
    float: left;
    margin-left: 1.3rem;

}

.Hardware-programme4{
    background: url(../images/index/HWRD-4.jpg) center top no-repeat;
    float: left;
    margin-left: 1.3rem;
}
.Hardware-effect{
	width: 14rem;
	height: 400px;
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
	
}
.Hardware-effect:hover{
	transform:translate(0,-10px);
	-webkit-transform:translate(0,-10px);
	-moz-transform:translate(0,-10px);
	-o-transform:translate(0,-10px);
	-ms-transform:translate(0,-10px);
	
}
.programme-title{
	font-size: 0.9rem;
	color: #86bf14;
	font-weight: 800;
	text-align: center;
	margin-top: 3rem;
}
.programme-content{
	font-size: 0.7rem;
	color: #58595b;
	width: 9.5rem;
	margin: 0 auto;
	text-indent: 1.2rem;
	margin-top: 3rem;
	line-height: 1.2rem;
	height: 145px;
}
.Software{
	height: 780px;
	background: url("../images/index/softwaredevelopment.png") center top no-repeat;
}
.software-border{
	width: 286px;
	height: 100%;
	float: left;
	text-align: center;
	margin-left: 0.9rem;
	cursor: pointer;
}

.software-app{
	width: 100%;
    height: 400px;
    position: relative;
    top: -400px;
    padding-top: 74px;

}
.software-img{
	width:57px;
	height: 57px;
	background: url("../images/icon/go-01.png") center top no-repeat;
	margin:0 auto;
	opacity: 0;
}

.software-content{
	width: 100%;
	height: 90px;
	border:1px solid #ffffff;
	background-color: #ffffff;
	position: relative;
	margin-top:179px;
}
.software-border:hover >.software-app{
	background:rgba(0,0,0,0.5);
	transition: background 0.4s;

}
.software-border:hover > .software-app .software-img{
	opacity: 1;
	transform:translateY(90px);
	-webkit-transform:translateY(90px);
	-moz-transform:translateY(90px);
  	transition: all 0.4s;

}
.software-border:hover > .software-app .software-content{
	transform:translateY(90px);
	-webkit-transform:translateY(90px);
	-moz-transform:translateY(90px);
  	transition: all 0.4s;
}

.software-border:first-of-type{
	margin-left: 0px;
}
.app-title{
	font-size: 1.2rem;
	color: #333333;
	text-align: center;
	margin-top: 0.9rem;

}
.app-title:hover{
	color: #86bf14;

}
.app-content{
	font-size: 0.7rem;
	color: #8e8e8e;
	text-align: center;
	margin-top: -0.2rem;
	margin-bottom: 0.5rem;
	text-transform:uppercase;
}
.property{
	height: 780px;
	background: url("../images/index/propertyrightsprotection.png") center top no-repeat;
}
.property-border{
	width: 280px;
	height: 100%;
	float: left;
	background-color: #ffffff;
	margin-left: 50px;
	
}
.property-border:first-of-type{
	margin-left: 0px;
}
.property-box{
	width: 100%;
	height: 10px;
	transition:width 2s;
	-moz-transition:width 2s; /* Firefox 4 */
	-webkit-transition:width 2s; /* Safari and Chrome */
	-o-transition:width 2s; /* Opera */
	background-color: #86bf14;
}
/*.property-border:hover >.property-box{
	width: 100%;

}*/
.property-icon{
	width: 100%;
	text-align: center;
	margin-top: 1.5rem;
}
.property-title{
	font-size: 0.9rem;
	color: #444444;
	text-align: center;
	margin-top: 1.5rem;

}
.property-en{
	font-size: 0.6rem;
	color: #8e8e8e;
	text-align: center;
	margin-top: 0.3rem;
	text-transform:uppercase;
}
.property-content{
	width: 170px;
	height: 148px;
	margin: 0 auto;
	text-indent: 1.2rem;
	font-size: 0.7rem;
	color: #444444;
	margin-top: 1.0rem;
	line-height: 1.2rem;
}
.property-arr{
	width: 22px;
	height: 12px;
	margin:0 auto;
	margin-top: 0.5rem;
	cursor: pointer;
	background: url("../images/icon/arrows-grayness.png") center top no-repeat;
}
.property-border:hover > .property-arr{
	background: url("../images/icon/arrows-grayness2.png") center top no-repeat;

}
/*翻转*/
.box-fan{
position: relative;
perspective: 1000px;
width: 100%;
border-right:1px solid #e5e5e5;
border-bottom:1px solid #e5e5e5;
}

.box-fan .box-img{
  transform: rotateX(0);
  transition: all 0.010s ease-in-out 0s;
}
.box-fan:hover .box-img{
  transform: rotateX(-90deg);
}
.box-fan .box-content {
  width: 100%;
  height: 100%; 
  position: absolute;
  top: 0;
  left: 0;
  padding: 0px 0px;
  text-align: left;
  /* background: rgba(0,0,0,0.7); */
  transform: rotateX(90deg);
  transition: all 0.010s ease-in-out 0s;

}
.box-fan:hover .box-content{
  transform: rotateY(0);
}
.brand{
	width: 206px;
	height: 100%;
	float: left;
	margin-left: 6.1rem;
	text-align: center;
}
.brand:first-of-type{
	margin-left: 0rem;
}
.brand:hover >.brand-color{
	background-color: #86bf14;
  	transition: all 0.4s;

}
.brand:hover >.brand-title{
	color: #86bf14;

}
.brand:hover >.brand-en{
	color: #86bf14;

}
.brand:hover >.brand-more{
	
	border:1px solid #86bf14;

}
.brand:hover >.brand-more a{
	color: #86bf14;

}
.brand-color{
	width: 206px;
	height: 206px;
	border-radius:50%;
	padding: 8px;
	text-align: center;
}
.brand-title{
	font-size: 18px;
	color: #444444;
	text-align: center;
	margin-top: 2.5rem;
}
.brand-en{
	font-size: 14px;
	color: #8e8e8e;
	text-align: center;
	margin-top: 0.5rem;
	text-transform:uppercase;
}
.brand-more{
	width: 100px;
	height: 30px;
	border:1px solid #bfbfbf;
	border-radius: 5px;
	text-align: center;
	line-height: 30px;
	margin:0 auto;
	margin-top: 2.8rem;
	cursor: pointer;
}
.brand-more a{
	font-size: 14px;
}
.brand-more:hover{
	border:1px solid #86bf14;
	
}
.brand-more a:hover{
	color: #86bf14;

}
.innovate{
	height: 780px;
	background: url("../images/index/InnovationCampus.png") center top no-repeat;
}
.innovate-border{
	width: 280px;
	height: 100%;
	background-color: #ffffff;
	float: left;
	margin-left: 20px;
  transition: all 0.20s ease-in-out 0s;

}
.innovate-border:first-of-type{
	margin-left: 0px;
}
.innovate-img{
	width: 110px;
	height: 110px;
	margin:0 auto;
	margin-top: 75px;
}
.innovate-title{
	font-size: 18px;
	color: #444444;
	text-align: center;
	margin-top: 3rem;
}
.innovate-en{
	font-size: 12px;
	color: #8c8c8c;
	text-align: center;
	text-transform:uppercase;
	margin-top: 0.5rem;

}
.innovate-more{
	width: 100px;
	height: 30px;
	border:1px solid #bfbfbf;
	border-radius: 5px;
	text-align: center;
	line-height: 30px;
	margin:0 auto;
	margin-top: 2rem;
	cursor: pointer;
}
.innovate-border:hover{
	background-color: #86bf14;
  transition: all 0.20s ease-in-out 0s;

	
}
.innovate-border:hover > .innovate-more {
	border:1px solid #ffffff;
  transition: all 0.20s ease-in-out 0s;

}
.innovate-border:hover > .innovate-more a{
	color: #ffffff;
  transition: all 0.20s ease-in-out 0s;

}
.innovate-border:hover > .innovate-title{
	color: #ffffff;
  transition: all 0.20s ease-in-out 0s;

}
.innovate-border:hover > .innovate-en{
	color: #ffffff;
  transition: all 0.20s ease-in-out 0s;

}
.Welcome{
	font-size: 2rem;
	color: #444444;
	text-align: center;
	margin-top: 5rem;
}
.welcome-to{
	font-size: 1.2rem;
	color:#86bf14;
	text-align: center;
	margin-top: 1rem;
	text-transform:uppercase;

}
.welcome-phone{
	font-size: 2rem;
	color: #444444;
	text-align: center;
	margin-top: 0.5rem;
	margin-bottom: 5rem;
}
/*新闻活动*/
.news-left{
	width: 23.3%;
	height: 21rem;
	padding: 1rem 3rem;
	float: left;
	background-color: #ffffff;
	margin-left: 0.5rem;
}
.news-right{
	width: 73%;
	height: 21rem;
	float: right;
	margin-right: 1rem;
}
.news-content{
	width: 100%;
	height: 5rem;
	margin-top: 0.1rem;
}
.news-content:hover>.news-title{
	color:#86bf14;
}
.news-content:hover>.news-time{
	color:#86bf14;
}
.news-title{
	font-size: 0.9rem;
	color: #444444;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}

.news-time{
	font-size: 0.6rem;
	color: #8e8e8e;
	width: 100%;
	height: 3rem;
	margin-top: 0.3rem;
	line-height: 1.0rem;
}
.active-title{
	width: 85%;
	height: 1.3rem;
	color: #444444;
	margin:0 auto;
	margin-top: 1.5rem;
	overflow: hidden;
	text-overflow: ellipsis;
}
.active-title{
	font-size: 0.9rem;
}
.active-title:hover{
	color: #86bf14;
}
.active-content:hover{
	color: #86bf14;
}
.active-content{
	font-size: 0.7rem;
	color: #8e8e8e;
	width: 85%;
	margin:0 auto;
	margin-top: 1rem;
}
.active-icon{
	width: 1.1rem;
	height: 0.6rem;
	float: right;
	margin-right: 1.5rem;
	margin-top: 1rem;
	cursor: pointer;
	background: url("../images/icon/arrows-grayness.png") center top no-repeat;
}
.active-icon:hover{
	background: url("../images/icon/arrows-grayness2.png") center top no-repeat;

}
.news-more{
	width: 5rem;
	height: 1.5rem;
	margin:0 auto;
	border:1px solid #7d7d7d;
	line-height: 1.5rem;
	text-align: center;
	border-radius: 0.2rem;
	cursor: pointer;
}
.service-more{
	width: 5rem;
	height: 1.5rem;
	margin:0 auto;
	margin-top: 2.5rem;
	border:1px solid #ffffff;
	line-height: 1.5rem;
	text-align: center;
	border-radius: 0.2rem;
	cursor: pointer;
	color: #ffffff;
}
.service-more a{
	color: #ffffff;

}
.news-more:hover{
	border:1px solid #86bf14;
}
.news-more:hover a{
	color: #86bf14;
}

.service-box{
	width: 100%;
	margin:0 auto;
	height: 325px;
	margin-top: 3rem;
	margin-bottom: 6rem;
	position:relative;
}
.service-box1{
	width: 1110px;
	border-top:1px solid #efefef;
	border-left:1px solid #efefef;
}
.experience-box{
	width: 33.3%;height: 100%;border-right:1px solid #d2d2d2;float: left;
}
.number{
	font-size: 70px;
	color: #86bf14;
	text-align: center;
}
.jia-number{
	font-size: 39px;
    position: relative;
    right: 16px;
}
.experience{
	font-size: 18px;
	color: #8e8e8e;
	text-align: center;
	margin-left: -17px;
    margin-top: -10px;
}
@media only screen and (max-width: 1100px) and (min-width: 991px){

  .service-box1 {
    width: 1000px;
  }
}