body{
	width:100%;
	height:auto;
	margin: 0;
	display: flex;
	flex-direction: column;
}


.sylbpic{
	width: 100%;
	height:700px;
	
	background-color: black;
	background-image: url('sylbpic1.gif');
	background-size: 100% 100%;
	display: flex;
	align-items: center;
}
.prvbutton{
	width: 40px;
	height:40px;
	background-image: url('sy-picchange.gif');
	transform: scaleX(-1);
	margin-left: 100px;
	margin-right: auto;
	background-size: 100% 100%;
	cursor: pointer;
}
.nextbutton{
	width: 40px;
	height:40px;
	background-image: url('sy-picchange.gif');
	/* transform: scaleX(-1); */
	margin-left: auto;
	margin-right: 100px;
	background-size: 100% 100%;
	cursor: pointer;
}
.ljgd{
	position: relative;
	top:30%;
	width: 160px;
	height: 55px;
	margin-left: auto;
	margin-right: auto;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	
	position:relative;
	
}

.ljgdimg{
	width: 35px;
	height: 20px;
	background-image: url('jt.png');
	background-size: 100% 100%;
	margin-right: 3px;
	
	
}
.ljgdtext{
	margin-left: 10px;
	color: rgb(255,255,255);
	font-size: 16px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.qq{
	position: absolute;
	width: 37px;
	height:37px;
	left: 1%;
	border-radius: 34px; /* 初始为正圆 */
	transition: all 0.5s ease;
	border: 1px solid #ccc;
}
.qq:hover{
	
	 border-radius: 34px 34px 34px 34px; 
	 
}
.enterzpt{
	width: 100%;
	height:550px;
	
}
	
.bigtitle{
	width: auto;
	height:auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 80px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.entitle{
	color:rgb(203,203,203);
	font-size: 23px;
	font-weight: bold;
}
.cntitle{
	font-weight: bold;
	font-size: 45px;
	color: rgb(76,73,72);
}

.zptintroduce{
	width: 1100px;
	height:300px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	display: flex;.
	border: 1px solid #ccc; 
	box-shadow: 1px 1px 3px 1px rgb(230,230,230);
}

.left{
	width: 50%;
	height:100%;
	margin: 0;
	background-image: url('sy-zpt.gif');
	background-size: 100% 100%;
}
.right{
	width: 50%;
	height:100%;
	margin: 0;
	display: flex;
	flex-direction: column;
	
	justify-content: center;
}

.zpttitle{
	width: 80%;
	height:auto;
	font-size:23px ;
	line-height: 35px;
	color: rgb(76,73,72);
	font-weight: bold;
	letter-spacing: 1px;
	margin-left: auto;
	margin-right: auto;
}
.zpttext{
	margin-top: 5px;
	width: 80%;
	height:140px;
	font-size:16spx ;
	line-height: 32px;
	color: rgb(76,73,72);
	letter-spacing: 1px;
	text-align: justify;
	margin-left: auto;
	margin-right: auto;
}
.toUs{
	margin-top: 5px;
	width: 40px;
	height:40px;
	background-color: rgb(182,0,5);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	position: relative;
	left:360px;
	transition: all 0.3s ease;
}
.toUstext{
	width: 68px;
	height:21px;
	margin-right: 10px;
	font-size: 16px;
	color: aliceblue;
	letter-spacing: 1px;
	overflow: hidden;
	display: none;
	
}
.jt{
	width: 25px;
	height:21px;
	background-image: url('jt.png');
	background-size: 100% 100%;
	
}
.aboutzpt{
	width: 100%;
	height:500px;
	margin-top: 20px;
}
.about{
	width: 1000px;
	height:250px;
	
	margin-top: 50px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
}
.aboutcontent{
	width:250px;
	height:300px;
}
#aboutcontent3{
	margin-left: 50px;
}
.aboutcontent-after {
  content: "";
  width: 1px; 
  height: 25%; 
  background-color: #ccc;
  transform: translateX(50%); 
  position: relative;
  top:60%
  
}
.aboutpic1{
	width: 110px;
	height:110px
	;margin-top: 20px;
	background-image: url('sy-10+.gif');
	background-size: cover;
	margin-left: auto;
	margin-right: auto;
	
}
.aboutpic2{
	width: 110px;
	height:110px
	;margin-top: 20px;
	background-image: url('sy-100+.gif');
	background-size: cover;
	margin-left: auto;
	margin-right: auto;
}

.aboutpic3{
	width: 110px;
	height:110px
	;margin-top: 20px;
	background-image: url('sy-100w+.gif');
	background-size:cover;
	margin-left: 65px;
	
	
}

.aboutpic4{
	width: 110px;
	height:110px
	;margin-top: 20px;
	background-image: url('sy-1682w+.gif');
	background-size: cover;
	margin-left: 55px;
	
}
.aboutnum{
	width: 170px;
	height:50px;
	display: flex;
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	
}
.number{
	width: auto;
	height:100%;
	font-size:48px ;
	font-weight: bold;
	color:rgb(182,0,5);
	display: flex;
	justify-content: center;
	
	
}
.right-sup {
	width: auto;
	height:100%;
	font-size: 30px;
	line-height: 30px;
	color:rgb(182,0,5);
	 display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
.right-sup2 {
	width: auto;
	height:100%;
	font-size: 30px;
	line-height: 30px;
	color:rgb(182,0,5);
	 display: flex;
	flex-direction: column;
	justify-content: flex-end;
	margin-left: 5px;
}
.right-sub{
	width: auto;
	height:100%;
	font-size: 30px;
	line-height: 30px;
	color:rgb(93,93,93);
	 display: flex;
	flex-direction: column;
	justify-content: flex-start;
}
.abouttext{
	width:170px;
	height:50px;
	margin-left: auto;
	margin-right: auto;
	font-size: 18px;
	color: rgb(76,73,72);
	letter-spacing: 1px;
	text-align: center;
	margin-top: 15px;
}

.nbtechnology{
	width: 100%;
	height:550px;
	margin-top: 50px;
	background-color: rgb(96.5%,96.5%,96.5%);
}
.technology{
	width: 750px;
	height:200px;
	
	margin-left: auto;
	margin-right: auto;
	display: flex;
	margin-top: 70px;
}

.technologycontent{
	width:250px;
	height:100%;
	
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	cursor: pointer;
}

.technologyimg1{
	width: 80px;
	height:80px;
	background-image: url('sy-zl.gif');
	background-size: 100% 100% ;
}
.technologyimg2{
	width: 80px;
	height:80px;
	background-image: url('sy-rz.gif');
	background-size: 100% 100% ;
}
.technologynum{
	width: 80px;
	height:60px;
	display: flex;
	
	justify-content: center;
}
.Tnum{
	width:auto;
	height:100%;
	font-weight: bold;
	font-size: 48px;
	line-height: 48px;
	color:rgb(182,0,5);
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
.Ttext{
	width:auto;
	height:100%;
	font-size: 25px;
	color:rgb(182,0,5);
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	margin-left: 5px;
}
.technologytext{
	font-size: 18px;
	display: flex;
	color: rgb(76,73,72);
	flex-direction: column;
	justify-content: flex-end;
	height:20px;
	width: auto;
	margin-top: 5px;
	 font-weight: 400;
}
.technology-after {
  content: "";
  width: 1px; 
  height: 25%; 
  background-color: #ccc;
  transform: translateX(50%); 
  position: relative;
  top:65%
  
}

.mainbusiness{
	width: 100%;
	height: 500px;
	display: flex;
	flex-direction: column;
}
.business{
	width: 1100px;
	height:400px;
	display: flex;
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
	
}
.businesscontent{
	width: 150px;
	height:300px;
	margin-left: auto;
	margin-right: auto;
	margin-top:50px ;
	box-shadow: 2px 2px 3px 2px rgb(230,230,230);
	
}
.businessimg1{
	width: 100%;
	height:200px;
	background-image: url('sy-yw1.gif');
	background-size: cover;
	
}

.businessimg2{
	width: 100%;
	height:200px;
	background-image: url('sy-yw2.gif');
	background-size: cover;
}
.businessimg3{
	width: 100%;
	height:200px;
	background-image: url('sy-yw3.gif');
	background-size: cover;
}
.businessimg4{
	width: 100%;
	height:200px;
	background-image: url('sy-yw4.gif');
	background-size: 100% 100%;
}
.businessimg5{
	width: 100%;
	height:200px;
	background-image: url('sy-yw5.gif');
	background-size: 100% 100%;
}
.businessimg6{
	width: 100%;
	height:200px;
	background-image: url('sy-yw6.gif');
	background-size: 100% 100%;
}
.businesstext{
	font-size: 18px;
	height:50px;
	color:rgb(76,73,72);
	font-weight: bold;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
}
.tobusiness{
	width: 110px;
	height:30px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.tobusinesstext{
	width: 52PX;
	height:17px;
	font-size: 13px;
	color: rgb(114,113,113);
}
.tobusinessjz{
	width: 30px;
	height:15px;
	background-image: url('huijz.gif');
	background-size: cover;
	background-repeat: no-repeat;
	margin-left: 5px;
	
}

.synews{
	width:100%;
	height:700px;
	margin-top: 50px;
}
.synewscontent{
	width: 1100px;
		height:330px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 80px;
		display: flex;
		
	}
	
.newsleft{
	width: 40%;
	height:100%;
	box-shadow: 1px 2px 3px 1px rgb(230,230,230);
}
.newsleftimg{
	width: 100%;
	height:70%;
	margin: 0;
	background-image: url('sy-news.jpg');
	background-size: 100% 100%;
}
.newslefttitle{
	width:400px;
	height: auto;
	font-size: 18px;
	color:rgb(76,73,72);
	font-weight: bold;
	margin-left: 20px;
	margin-top: 20px;
	letter-spacing: 1px;
}
.tonews{
	width: 110px;
	height:30px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	margin-left: 10px;
}
.newsright{
	width: 60%;
	height:100%;
	margin: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.newsli{
	width:85%;
	height:70%;
	
	display: flex;
	flex-direction: column;
}
.newsrighttitle{
	width: 100%;
	height:25%;
	cursor: pointer;
	display: flex;
	align-items: center;
	
}

.newstitle{
	width: 85%;
	color:rgb(76,73,72);
	font-size: 18px;
}
.newstime{
	font-size:14px;
	color:rgb(159,160,160);
	margin-left: auto;;
	
}
hr{
	width: 100%;
	border: 1px solid #ccc;
	
	
}
.tonewstitle{
	width: 60px;
	height:auto;
	font-size: 18px;
	color:rgb(182,0,5);
	margin-left: auto;
	margin-right: 35px;
	margin-top: 20px;
	cursor: pointer;
}