.about{
	width: 100%;
	height: 690px;
	 
}
.left-ab{
	float: left;
	width: 50%;
	height: 100%;
 
}
.right-ab{
	width: 50%;
	height: 100%;
	 
	float: left;
	font-size: 35px;
	


}
.t-1{
	text-align: right;
	margin-right: 170px;
		line-height: 60px;
}
.t-2{
	font-size: 20px;
	color:#4c4c4c;
	text-align: right;
	margin-right: 170px;
}
.text-1{
	width: 100%;
	height: 350px;
	background: #19335f;
	margin-top: 40px;
}
.a-1{
	font-size: 35px;
	margin-left: 50px;
	color: white;
	margin-top: 0px;
}
.a-1 span{
	font-size: 20px;
}
.a-2{
	font-size: 16px;
	width: 80%;
	color: white;
	line-height: 35px;
	margin-left: 50px;
	margin-top: 40px;
}
.cp-center{
	width: 100%;
	height: 1450px;
	 
}
.p-1{
	color: #19335f;
}
.min{
	width: 90%;
	height: 90%;
	 
	margin: 0 auto;
	margin-top: 40px;
}
.p-1{
	font-size: 24px;
	margin-top: 25px;
}
.p-2{
	font-size: 27px;
	margin-top: 10px;
	color: #19335f;
}
.hg{
	width: 80px;
	height: 8px;
	background: #19335f;
	margin-top: 20px;
}
.min-1{
	width: 100%;
	height: 1020px;
	 
	margin-top: 80px;
}
.more-learn{
	width: 130px;
	height: 40px;
	
	margin: 0 auto;
	margin-top: 40px;
	text-align: center;
	letter-spacing: 5px;
	
	
}
.more-learn a{
	color: white;
	display: inline-block;
	width: 100%;
	height: 100%;
	line-height: 40px;
	background: #19335f;
}
.more-learn :hover{
	background: skyblue;
}
.img-box{
	width: 100%;
	height: 650px;
 
}
.join{
	width: 100%;
	height: 700px;
 background: #ececec;
}
.left-join{
	width: 50%;
	height: 100%;
	float: left;
	 
}
.ul-list{
	width: 70%;
	height: 500px;
	 
	margin-left: 130px;
	line-height: 35px;
	margin-top: 30px;
}
.news{
	width: 100%;
	height: 100px;
	 
}
 
 .left-box1{
	 width: 45%;
	height: 650px;
	margin-left: 0%;
	 
	 margin-top: 50px;
	 float: left;
 }
 .right-box1{
	 width: 45%;
	 height: 80%;
	 margin-left: 10%;
	 float: left;
	 margin-top: 50px;
 }
 .xbox{
	 width: 100%;
	 height: 25%;
	 display: block;
	
	 box-sizing: border-box;
	 border-bottom: 1px solid black;
 }
 .xbox-min{
	 width: 60%;
	 height: 100%;
	  
	 float: left;
 }
 .xbox-min2{
	 float: left;
	 width: 50px;
	 height: 50px;
	 
	 margin-top: 50px;
	 margin-left: 25%;
 }
 .bottom{
 	 width: 100%;
 	 height: 500px;
 	 background: #f1f1f1;
 	border: 1px solid white;
 	border-left: none;
 	border-top: none;
 	border-right: none;
	color: black;
 }
 .title-1{
 	 
 	 font-size: 32px;
 	 margin-left: 10%;
 	 margin-top: 70px;
 }
 .title-2{
 	 
 	 font-size: 21px;
 	 margin-left: 10%;
 	 margin-top: 60px;
 }
 .bottom ul li{
 	 float: left;
 	 margin-left: 5%;
 }
 .bottom ul li a{
 	 
 	 font-size: 16px;
 }
  .bottom ul li a:hover{
 	  color: red;
  }
 
  .qr{
	  width: 100px;
	  height: 100px;
	  float: left;
	  background: red;
	  margin-left: 85%;
  }
  .qr img{
	  width: 100%;
	  height: 100%;
  }
 .news-t{
	 text-align: center;
	 font-size: 35px;
	 color: #5e8585;
 }
 .news-t2{
	 text-align: center;
	 font-size: 30px;
	 color: #19335f;
 }
 .hovereffect {
   width: 410px;
   height: 410px;
   float: left;
   overflow: hidden;
   position: relative;
   text-align: center;
   cursor: default;
   
  
  
   
 }
  
 
 .hovereffect .overlay {
   width: 100%;
   height: 100%;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
   background-color: rgba(0,0,0,0.6);
   opacity: 0;
   filter: alpha(opacity=0);
   -webkit-transform: translate(460px, -100px) rotate(180deg);
   -ms-transform: translate(460px, -100px) rotate(180deg);
   transform: translate(460px, -100px) rotate(180deg);
   -webkit-transition: all 0.2s 0.4s ease-in-out;
   transition: all 0.2s 0.4s ease-in-out;
 }
 
 .hovereffect img {
   display: block;
   position: relative;
   -webkit-transition: all 0.2s ease-in;
   transition: all 0.2s ease-in;
 }
 
 .hovereffect h2 {
 	margin-top: 180px;
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 10px;
   background: rgba(0, 0, 0, 0.6);
 }
 
 .hovereffect a.info {
 	margin-top: 100px;
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   text-transform: uppercase;
   color: #fff;
   border: 1px solid #fff;
   margin: 50px 0 0 0;
   background-color: transparent;
   -webkit-transform: translateY(-200px);
   -ms-transform: translateY(-200px);
   transform: translateY(-200px);
   -webkit-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
 }
 
 .hovereffect a.info:hover {
   box-shadow: 0 0 5px #fff;
 }
 
 .hovereffect:hover .overlay {
   opacity: 1;
   filter: alpha(opacity=100);
   -webkit-transition-delay: 0s;
   transition-delay: 0s;
   -webkit-transform: translate(0px, 0px);
   -ms-transform: translate(0px, 0px);
   transform: translate(0px, 0px);
 }
 
 .hovereffect:hover h2 {
   -webkit-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.5s;
   transition-delay: 0.5s;
 }
 
 .hovereffect:hover a.info {
   -webkit-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.3s;
   transition-delay: 0.3s;
 }
 .img-responsive{
 	width: 100%;
 	height: 100%;
 }