*{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
body{
   width: 100%;
　  font: normal 100% Helvetica, Arial, sans-serif;
}
a{
	text-decoration:none!important;
}
ul li{
	list-style: none; 
}
.banner{
	display: block;
}
.p_banner{
	display: none;
}


/*联合开发*/
.research{
   width: 100%;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   margin-top:110px;
   overflow:hidden;
}
.research .title{
   width: 100%;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
}
.research .title span{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 50px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #00adbc;
}
.research .title p{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 35px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 4px;
	color: #383838;
}
.research_img{
	width: 1597px;
	height: 617px;
	background-color: #f3f9fe;
	margin-top: 48px;
	display: block;
}
.research_imgtwo{
	display: none;
}


/*生产设施*/
.facilities{
  width: 100%;
  height: 880px;
  background-image: url(../images/facilities.png);
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 123px;
  
}
.facilities .content{
	width: 650px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	border-bottom: 1px solid #000;
	margin-left: 157px;
}

.facilities .content .title{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.facilities .content .title span{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 67px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 68px;
	letter-spacing: 0px;
	color: #00adbc;
}
.facilities .content .title p{
	font-family: Verdana, Helvetica, sans-serif;
    font-size: 48px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 5px;
	color: #383838;
	margin-top: 42px;
}

.facilities .content .gmpc{
	display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-top: 168px;
    margin-bottom: 47px;
}
.facilities .content .gmpc p{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 1px;
	color: #383838;
	margin-bottom: 0;
}



/*智能质造*/
.intelligence{
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	/*align-items: center;*/
	margin-top: 75px;
	margin-bottom: 138px;
}
.intelligence .title{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.intelligence .title span{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 50px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 56px;
	letter-spacing: 0px;
	color: #00adbc;
}
.intelligence .title p{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 35px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 64px;
	letter-spacing: 2px;
	color: #383838;
}
.p_intelligencehide{
	width: 100%;
	display: none;
}
.pc_intelligencehide{
	display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.intelligence .content{
	width: 90%;
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin-top: 64px;
}
.intelligence .content .content_item{
	width: 26%;
	background-color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	border-bottom: 1px solid #383838;
}
.intelligence .content .content_item img{
   width: 100%;
}
.content_item span{
	display: none;
}
.content_item h3{
	display: none;
}
.intelligence .content .content_item p{
	font-size: 21px;
	line-height: 37px;
	letter-spacing: 2px;
	color: #111111;
	opacity: 0.7;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	margin-top: 36px;
	margin-bottom: 45px;
}
.intelligencetwo{
	display: none;
}
.content_item:hover .intelligenceone{
	display: none;
}
.content_item:hover .intelligencetwo{
   display: block;
}


/*全球足迹*/
.footprint{
	width: 100%;
    background-image: url(../images/map.png);
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 116px;
} 

.footprint .content{
	width: 650px;
	display: block;
	margin-top: 100px;
	margin-left: 157px;
}

.footprint .content .title{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.footprint .content .title span{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 67px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 68px;
	letter-spacing: 0px;
	color: #00adbc;
}
.footprint .content .title p{
	font-family: Verdana, Helvetica, sans-serif;
    font-size: 48px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 5px;
	color: #383838;
	margin-top: 42px;
	margin-bottom: 0;
}

.footprint .content .team{
	display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-top: 158px;
    margin-bottom: 58px; 
}
.footprint .content .team p{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 50px;
	letter-spacing: 1px;
	color: #383838;
	margin-bottom: 0;
}
.footprint .content .team .line{
	width: 100%;
	height: 1px;
	background-color: #383838;
	margin-top: 58px;
	margin-bottom: 22px;
}

.p_content{
	display: none;
}


@media screen and (max-width:667px){
  
	.banner{
		display: none;
	}
	.p_banner{
		display: block;
		width: 100%;
	}

	/*联合开发*/
	.research{
	   width: 100%;
	   display: flex;
	   flex-direction: column;
	   justify-content: center;
	   align-items: center;
	   margin-top:3.6rem;
	}
	.research .title{
	   width: 100%;
	   display: flex;
	   flex-direction: column;
	   justify-content: flex-start;
	   align-items: flex-start;
	   padding-left: 1.5rem;
	}
	.research .title span{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 32px;
        font-weight: bolder;
		font-stretch: normal;
		letter-spacing: 0px;
		line-height: 2rem;
		color: #00adbc;
	}
	.research .title p{
		font-family: Verdana, Helvetica, sans-serif;
		font-size: 26px;
        font-weight: bolder;
		font-stretch: normal;
		letter-spacing: 4px;
		color: #383838;
	}
	.research_img{
		width: 1597px;
		height: 617px;
		background-color: #f3f9fe;
		margin-top: 48px;
		display: none;
	}
    .research_imgtwo{
    	display: block;
    	width: 86%;
    	margin: 0 auto;
    }
    .research_imgtwo img{
    	width: 100%;
    }
    .research_item{
    	width: 100%;
    	display: flex;
    	flex-direction: column;
    	justify-content: flex-start;
    	align-items: flex-start;
    }
    .research_item span{
    	font-family: OPPOSans-B;
		font-size: 16px;
		font-weight: bolder;
		font-stretch: normal;
		line-height: 24px;
		letter-spacing: 0rem;
		color: #00adba;
    }
    .research_item p{
    	font-family: OPPOSans-R;
		font-size: 12px;
		font-weight: normal;
		font-stretch: normal;
		line-height: 22px;
		letter-spacing: 2px;
		color: #383838;
		opacity: 0.7;
    }
    .research_line{
    	width: 100%;
    	border-top:1px solid  #868686;
    	margin-bottom: 18px;
    }

    /*生产设施*/
	.facilities{
	  width: 100%;
	  height: 540px;
	  background-image: url(../images/p_facilities.png);
	  background-size: 100% 100%;
	  display: flex;
	  flex-direction: column;
	  justify-content: center;
	  align-items: center;
	  margin-top: 26px;
	  
	}
	.facilities .content{
		width: 92%;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		border-bottom: 1px solid #000;
		padding-left: 0px;
		box-sizing: border-box;
		margin-left: 0px;
	}

	.facilities .content .title{
	  display: flex;
	  flex-direction: column;
	  justify-content: flex-start;
	}
	.facilities .content .title span{
	    font-family: Arial, Helvetica, sans-serif;
	    font-size: 28px;
		font-weight: bolder;
		font-stretch: normal;
		line-height: 28px;
		letter-spacing: 0px;
		color: #00adbc; 
	}
	.facilities .content .title p{
		font-family: Verdana, Helvetica, sans-serif;
	    font-size: 26px;
		font-weight: bolder;
		font-stretch: normal;
		letter-spacing: 0px;
		color: #383838;
		margin-top: 14px;
	}

	.facilities .content .gmpc{
		display: flex;
	    flex-direction: column;
	    justify-content: flex-start;
	    margin-top: 260px;
	    margin-bottom: 10px;
	}
	.facilities .content .gmpc p{
	    font-family: Arial, Helvetica, sans-serif;
	    font-size: 12px;
		font-weight: normal;
		font-stretch: normal;
		line-height: 12px;
		letter-spacing: 1px;
		color: #383838;
		margin-bottom: 0;
	}

	/*智能质造*/
    .intelligence{
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		margin-top: 46px;
		margin-bottom: 68px;
		/*overflow: scroll;
		position: relative;*/
	}
	.intelligence .title{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.intelligence .title span{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 28px;
		font-weight: bolder;
		font-stretch: normal;
		line-height: 32px;
		letter-spacing: 0px;
		color: #00adbc;
	}
	.intelligence .title p{
	    font-family: Arial, Helvetica, sans-serif;
	    font-size: 25px;
		font-weight: bolder;
		font-stretch: normal;
		line-height: 26px;
		letter-spacing: 2px;
		color: #383838;
		margin-top: 12px;
	}
	.pc_intelligencehide{
		display: none;
	}
	.p_intelligencehide{
		width: 100%;
		display: block;
		overflow: scroll;
		position: relative;
		margin-top: 26px;
	}
	.intelligence .content{
		width: 850px;
		height: 540px;
		display: flex;
		justify-content: space-around;
		align-items: flex-start;
		margin-top: 0px;
		overflow: hidden;
		/*position: relative;*/
	}
	.intelligence .content .content_item{
		width: 240px;
		background-color: #fff;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		border-bottom: 1px solid #fff;
	}
	.intelligence .content .content_item img{
	   width: 100%;
	}
	.content_item h3{
		display: block;
		font-family: OPPOSans-B;
		font-size: 20px;
		font-weight: bolder;
		font-stretch: normal;
		letter-spacing: 2px;
		color: #00adba;
		margin-top: 26px;
	}
	.content_item span{
		display: block;
		font-family: OPPOSans-R;
		font-size: 10px;
		font-weight: normal;
		font-stretch: normal;
		letter-spacing: 1px;
		color: #3e3e3f;
		margin-top: 8px;
	}
	.intelligence .content .content_item p{
		font-size: 12px;
		line-height: 21px;
		letter-spacing: 2px;
		color: #111111;
		opacity: 0.7;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		overflow: hidden;
		margin-top: 12px;
		margin-bottom: 45px;
	}
	.intelligencetwo{
		display: none;
	}
	.content_item:hover .intelligenceone{
		display: inline;
	}
	.content_item:hover .intelligencetwo{
	   display: inline;
	}






	/*全球足迹*/
	.footprint{
		width: 100%;
	    background-image: none;
	    display: flex;
	    flex-direction: column;
	    justify-content: center;
	    margin-bottom: 86px;
	} 

	.footprint .content{
		width: 650px;
		margin-top: 100px;
		margin-left: 157px;
		display: none;
	}

	.p_content{
		display: block;
	}
	.p_content .title{
	  display: flex;
	  flex-direction: column;
	  justify-content: center;
	  align-items: center;
	}
	.p_content .title span{
	    font-family: Arial, Helvetica, sans-serif;
	    font-size: 28px;
		font-weight: bolder;
		font-stretch: normal;
		line-height: 28px;
		letter-spacing: 0px;
		color: #00adbc;
	}
	.p_content .title p{
		font-family: Verdana, Helvetica, sans-serif;
	    font-size: 25px;
		font-weight: bolder;
		font-stretch: normal;
		letter-spacing: 5px;
		color: #383838;
		margin-top: 8px;
		margin-bottom: 0;
	}
	.p_content .title text{
		font-family: OPPOSans-R;
		font-size: 12px;
		font-weight: normal;
		font-stretch: normal;
		line-height: 12.5px;
		letter-spacing: 2px;
		color: #383838;
		margin-top: 30px;
	}
	.p_map{
       width: 100%;
       margin-top: 30px;
	}





}