.industry{
	margin-top:80px;
}
.industry ul{
	
}
.industry ul li img{
	width:660px;
	height:387px;
	
}
.industry ul li span{
	display:inline-block;
	width:620px;
	height:347px;
	margin:20px;	
	position:relative;
	
}
.industry ul li span h2,
.industry ul li span p{
	padding:0 60px;
}

.inner{
width:100%;
height:100%;

}
/**************边框*****************/
.inner:before,.inner:after,
.outer:before,.outer:after{

position:absolute;
content:"";
display:block;
background:#045EAB;
webkit-transition:-webkit-transform 1s;
transition:-webkit-transform 1s;
transition:transform 1s;
transition:transform 1s,-webkit-transform 1s;
}
.outer:before,.outer:after{left:0;width:100%;height:2px;-webkit-transform:scaleX(0);transform:scaleX(0);}
.inner:before,.inner:after{top:0;width:2px;height:100%;-webkit-transform:scaleY(0);transform:scaleY(0);}

.outer:before{top:0;}
.outer:after{bottom:0;}

.inner:before{left:0;}
.inner:after{right:0;}

.outer:hover:before,
.outer:hover:after{-webkit-transform:scaleX(1);transform:scaleX(1);}

.inner:hover:before,
.inner:hover:after{-webkit-transform:scaleY(1);transform:scaleY(1);}

.outer:before{-webkit-transform-origin:right center;transform-origin:right center;}
.outer:after{-webkit-transform-origin:left center;transform-origin:left center;}
.outer:hover:before{-webkit-transform-origin:left center;transform-origin:left center;}
.outer:hover:after{-webkit-transform-origin:right center;transform-origin:right center;}

.inner:before{-webkit-transform-origin:top center;transform-origin:top center;}
.inner:after{-webkit-transform-origin:bottom center;transform-origin:bottom center;}
.inner:hover:before{-webkit-transform-origin:bottom center;transform-origin:bottom center;}
.inner:hover:after{-webkit-transform-origin:top center;transform-origin:top center;}
/**************边框*****************/

.industry ul li span h2{
	padding-top:70px;	
	font-size: 24px;
	line-height:52px;
	color: #005CAA;
	letter-spacing: 0.4px;
	font-weight:400;
}

.industry ul li span p{
	font-size: 14px;
	color: #666666;
	letter-spacing: 0.23px;
	line-height: 28px;
}
.industry ul li span a.mo-view{
	display:none;
	border: 2px solid #333333;
}
.industry ul li span a.pc-view{
	display:block;
	width:116px;
	margin:40px auto 0 auto;
	text-align:center;
	font-size: 14px;
	height:32px;
	line-height:32px;
	color: #005CAA;
	background:url(../img/industry/arrow2.svg) no-repeat 0 18px ;
}
.industry ul li span:hover a.pc-view{

	background:url(../img/industry/arrow1.svg) no-repeat 0 18px ;
}
.details{
	padding-top:64px;
}
.details h1{
	font-size: 32px;
	letter-spacing: 0;
	text-align: center;
}
.details .info{
	
	text-align:center;
}


.details .info span{
	display:inline-block;
	margin:14px 50px;
	font-size: 14px;
	color: #666666;
}
.details .info span em{
	display:inline-block;
	vertical-align:bottom;
	width:22px;
	height:20px;
	margin:0 8px;
}
.details .info .wx{
	background:url(../img/industry/wx.svg) no-repeat;
}
.details .info .wx:hover{
	background:url(../img/industry/wx2.svg) no-repeat;
}

.details .info .qq{	
	background:url(../img/industry/QQ.svg) no-repeat;
}

.details .info .qq:hover{	
	background:url(../img/industry/QQ2.svg) no-repeat;
}
.details .info .wb{
	background:url(../img/industry/wb.svg) no-repeat;
}
.details .info .wb:hover{
	background:url(../img/industry/wb2.svg) no-repeat;
}
.content{
	margin-top:20px;
	padding-top:12px;
	padding-bottom:42px;
	border-top:1px solid #E2E2E2;
	border-bottom:1px solid #B6B6B6;
}
.content img{
	margin:16px auto;
	text-align:center;
}
.content p{
	/*display:inline-block;*/
	margin:16px 0;
	font-size: 16px;
	color: #666666;
	line-height: 28px;
}
.content p a{
	color:#666666;
}
.turn-page{
	display:flex;
	justify-content:space-between;
	margin-top:24px;
	background:#FFF;
}


.turn-page a{
	display:inline-block;
	width:156px;
	height:40px;
	line-height:40px;
	font-size: 16px;
	color: #666666;
	text-align:center;
	border: 1px solid #B5B5B5;
}

.turn-page a.go-back{
	background:#005CAA;
	border:0;
	color: #FFFFFF;
}


@media screen and (max-width:768px){
	
.w1320{
	padding:0 0.3rem;
	box-sizing: border-box;
}
.industry ul li{
	display:flex;
	flex-wrap:wrap;
	width:100%;
	
}
.industry ul li img{
	width:100%;
	height:4.2rem;
}
.industry ul li .mo-view{
	text-align:center;
}
.industry ul li .mo-view img{
	width:0.8rem;
	
	height:100%;
}
.industry ul li span{
	width:100%;
	margin:0;
	order:1;
	height:auto;
}

.industry ul li span h2{
	font-size: 0.36rem;
	color: #333333;
	padding:0;
}
.industry ul li span p{
	padding:0;
}

.industry ul li span a.pc-view{
	display:none;
}


.industry ul li span a.mo-view{
	width:2.18rem;
	height:0.8rem;
	margin:0.5rem 0;
	display:block;
}
.details{
	padding-top:0.4rem;
}

.details h1{
	font-size:0.36rem;
}

.details .info span.share{
	display:none;
}

.content p{
	font-size: 0.28rem;
	line-height:0.6rem;
	color:#333333;
}

.turn-page{
	font-size:0.36rem;
	height:0.5rem;
	line-height:0.5rem;
}
.turn-page a{
	width:auto;	
	font-size:0.36rem;
	height:0.5rem;
	line-height:0.5rem;
	border:0;
	margin:0;
	padding:0;
	color:#333333;
	
}


.turn-page a.go-back{
	background:0;
	color:#333333;
}


.content img{
	max-width:100%;
	margin:0.5rem auto;
}

.content p{
	width:100%;
	overflow:hidden;
}


	
	
	
	
}