/* 公共样式 */
.dakuai{
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.kuandu{
	width: 1200px;
}

/* 公共标题 */
.biaoti{
	/*margin: 76px 0px 10px 0px;*/
	margin: 0px 0px 10px 0px;
}
.biaoti .bt{
	
}
.biaoti .bt h3{
	text-align: center;
	font-size: 34px;
	font-weight: 400;
}
/*.biaoti1 .bt h3{*/
/*	text-align: center;*/
/*	font-size: 34px;*/
/*	font-weight: 400;*/
/*}*/
.biaoti .bt span{
	font-size: 19px;
}
.biaoti .yw{
	    text-align: center;
	    color: #2788d9;
	    justify-content: center;
	    display: flex;
		margin: 10px 0px 25px 0px;
}
.biaoti .yw div{
	height: 1px;
	width: 220px;
	background: #9e9e9e;
	margin: 10px 30px;
}

/* 产品中心 */
			.wrap {
			  margin: 50px auto 0 auto;
			  width: 100%;
			  display: flex;
			  flex-wrap: wrap;
			  max-width: 1300px;
			  
			}
			
			.tile {
			      width: 47%;
			      height: 340px;
			      margin: 18px;
			      background-color: #18359b;
			      display: inline-block;
			      background-size: cover;
			      position: relative;
			      cursor: pointer;
			      transition: all 0.4s ease-out;
			      overflow: hidden;
			      color: white;
			      font-family: 'Roboto';
			}
			
			.tile img {
			  height: 100%;
			  width: 100%;
			  position: absolute;
			  top: 0;
			  left: 0;
			  z-index: 0;
			  transition: all 0.4s ease-out;
			}
			
			.tile .text {
			  z-index: 99;
			  position: absolute;
			  height: calc(100% - 26px);
			  position: relative;
			      height: 340px;
			}
			.tile .text h1{
				position: absolute;
				bottom: 40px;
				font-size: 30px;
				font-weight: 800;
				padding: 20px;
				margin-bottom: 45px;
			}
			.tile .text p{
				position: absolute;
				bottom: 0px;
				padding: 20px;
				line-height: 28px;
				font-size: 18px;
				background-color: #3f51b570;
			}
			
			
			.tile h1 {
			  font-weight: 300;
			  margin: 0;
			  text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
			}
			
			.tile h2 {
			  font-weight: 100;
			  font-style: italic;
			  transform: translateX(200px);
			  text-align: center;
			  line-height: 280px;
			}
			
			.tile p {
			  font-weight: 300;
			  transition-delay: 0.2s;
			}
			
			.animate-text {
			  opacity: 0;
			  transition: all 0.6s ease-in-out;
			}
			.animate-text a{
				    background: #ffffff;
				    padding: 20px;
				    border-radius: 10px;
				    color: #14286d;
			}
			
			.tile:hover {
			  /*   background-color:#99aeff; */
			  box-shadow: 0px 35px 77px -17px rgba(0, 0, 0, 0.64);
			  transform: scale(1.05);
			}
			
			.tile:hover img {
			  opacity: 0.2;
			}
			
			.tile:hover .animate-text {
			  transform: translateX(0);
			  opacity: 1;
			}
			
			.dots {
			  position: absolute;
			  bottom: 20px;
			  right: 30px;
			  margin: 0 auto;
			  width: 30px;
			  height: 30px;
			  color: currentColor;
			  display: flex;
			  flex-direction: column;
			  align-items: center;
			  justify-content: space-around;
			}
			
			.dots span {
			  width: 5px;
			  height: 5px;
			  background-color: currentColor;
			  border-radius: 50%;
			  display: block;
			  opacity: 0;
			  transition: transform 0.4s ease-out, opacity 0.5s ease;
			  transform: translateY(30px);
			}
			
			.tile:hover span {
			  opacity: 1;
			  transform: translateY(0px);
			}
			
			.dots span:nth-child(1) {
			  transition-delay: 0.05s;
			}
			
			.dots span:nth-child(2) {
			  transition-delay: 0.1s;
			}
			
			.dots span:nth-child(3) {
			  transition-delay: 0.15s;
			}
			
			@media (max-width: 1000px) {
			  .wrap {
			    flex-direction: column;
			    width: 400px;
			  }
			}

/* 公司简介 */
.gongsijianjie_bj{
	background-image: url(../img/6jianjie.png);
}
.jianjie_tu{
	width: 570px;
	height: auto;
	margin-right: 30px;
	overflow: hidden;
}
.jianjie_tu img{
	width: 590px;
	height: 400px;
	transition: all 0.6s;
}
.jianjie_tu img:hover{transform: scale(1.2);}
.jianjie_gengduo{
	text-align: right;
	width: 100%;
}
.jianjie_gengduo a{
	color: #FFFFFF;
}
.jianjie_gengduo a:hover{
	color: #18359B;
}

/* 我们的优势开始 */
.youshi_bj{
	background-image: url(../img/youshi.png);
	background-size: 100% 100%;
}
.youshi{
	/*width: 60%;*/
	width: 680px;
	height: auto;
}
.youshi .tuwen ul li{
	display: inline-block;
	    margin: 51px 15px;
}
.youshi .tuwen ul li img{
	        height: 100px;
	        width: 100px;
}
.youshi .tuwen ul li h3{
	    /*color: #2788d9;*/
		color: #FFFFFF;
	    text-align: center;
	    font-size: 23px;
	    font-weight: 400;
}
.youshi .tourong{
	    /*margin-top: 73px;*/
	    font-size: 35px;
	    border-bottom: 1px solid #FFFFFF;
	    /*color: #2788d9;*/
		color: #FFFFFF;
	    width: 181px;
	    border-top: 1px solid #FFFFFF;
	    padding: 4px 0px;
}
.youshi .youshi_bt{
	        margin: 10px 0px;
	        font-size: 60px;
	        font-weight: 600;
	        /*color: #2788d9;*/
			color: #FFFFFF;
	        letter-spacing: 10px;
}
.youshi_yw{
	background-color: #2788d9;
	    color: white;
	    font-size: 28px;
	    width: 304px;
	    padding: 5px 14px;
	    letter-spacing: 3px;
}
/* 我们的优势结束 */

/* .新闻中心开始 */
.xinwen_tu{
	width: 100%;
	height: 400px;
	overflow: hidden;
}
.xinwen_tu img{
	width: 100%;
	height: 100%;
	transition: all 0.6s;
}
.xinwen_tu img:hover{transform: scale(1.2);}
.xinwen_xuan{
	width: 80%;
	margin-left: 20px;
}
.xinwen_xuan a:hover{
	color: #18359B;
}