@charset "utf-8";
/* CSS Document */
.module{ margin: auto; position: relative; background-position: center top;}
.module .titleBar{ text-transform: uppercase; font-weight: normal; display: flex; justify-content:  center; align-items: center; height: 120px;padding-top: 50px;}
/*
.module .titleBar .line{ width: 40px;height: 2px; overflow: hidden; background-color: #015fc1; margin: 20px;}
.module .titleBar .content{}
*/
.module .more{
	width: 300px;
	height: 50px;
	line-height: 50px;
	background-color: #2a59a7;
	color: #fff;
	display: block;
	margin: auto;
	text-align: center;
	border-radius: 10px;
	margin-top: 50px;
}

@media only screen and (max-width:480px) {
	.module .titleBar{ font-size: 20px; height: 80px;}
}
@media only screen and (min-width : 481px) and (max-width : 1024px) {
	.module .titleBar{ font-size: 24px; height: 100px;}
}
@media only screen and (min-width:1025px) {
	.module .titleBar{ font-size: 32px; height: 100px; }
}
.module .intro{ font-size: 12px; line-height: 2em; text-align: center; color: #999;}


#banner{
	/*background-image: url(../images/bannerBg.png);*/
	background-position: center top;
	background-repeat: no-repeat;
	height: 590px;
	overflow: hidden;
	position: relative;
}



@media only screen and (max-width:480px) {
	#banner{ height: 200px;}
}
@media only screen and (min-width : 481px) and (max-width : 1024px) {
	#banner{ height: 400px;}
}
@media only screen and (min-width:1025px) {
	#banner{ height: 590px;}
}



.articleList.attachStyle_4{
	grid-template-columns:1fr 1fr 1fr;
	grid-gap: 40px;
	padding-top: 30px;
}
.articleList.attachStyle_4 li{
}
.articleList .preview{
	width: 100%;
	height: 240px;
}
.articleList .description{
}


@media only screen and (max-width:480px) {
	.articleList.attachStyle_4{
		grid-template-columns:1fr 1fr;
		grid-gap: 20px;
	}
	.articleList.attachStyle_4 li{
	}
	.articleList .preview{
		height: 120px;
	}
}
@media only screen and (min-width : 481px) and (max-width : 1024px) {
}
@media only screen and (min-width:1025px) {
}












#solution{
}

#solution ul{
	max-width: 1200px;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	margin-top: 80px;
	justify-content: space-between;
}
#solution li{
	width: 200px;
}
#solution strong{
	font-size: 20px;
	color: #2a59a7;
	display: block;
	padding-top: 80px;
	padding-bottom: 30px;
}
#solution p{ text-align: center; width: 80%; margin: auto; font-size: 14px; line-height: 2em; color: #666;}
#solution .iconfont{
	font-size: 70px;
	color: #2a59a7;
}

@media only screen and (max-width:480px) {
	#solution ul{
		justify-content: center;
	}
	#solution li{
		width: 130px;
		padding: 20px 0;
	}
	#solution strong{
		font-size: 12px;
		padding: 20px 0;
	}
	#solution p{font-size: 12px;}
	#solution li p:nth-child(3){ display: none;}
}
@media only screen and (min-width : 481px) and (max-width : 1024px) {
	#solution{
		height: 620px;
	}
}
@media only screen and (min-width:1025px) {
	#solution{
		height: 620px;
	}
}



#news{
	background-image: url(../images/newsBg.jpg);
	height: 745px;
	background-color:#1b3872;
}
#news .titleBar{ color: #fff;}
#news .intro{ color: #fff; margin-bottom: 30px;}
#news .preview{
	width: 320px;
	height: 240px;
}
#news .article{
	width: 320px;
	margin: auto;
}
#news .title{
	height: 4em;
	line-height: 2em;
	text-overflow: ellipsis;
	font-size: 18px;
	padding-top: 10px;
	
}
#news .title a{
	color: #fff;
}
#news .description{
	line-height: 2em;
	height: 4em;
	color: #fff;
}
#news .createDate{
	display: none;
}
#news .newsSwiper {
	max-width: 1400px;
	overflow: hidden;
	margin: auto;
	position: relative;
}
/*
#news .swiper-wrapper {
	max-width: 1200px;
	margin: auto;
}
*/
#news .more{
	background-color: #d1d7e3;
	color: #1a264f;
}

	



@media only screen and (max-width:480px) {
	#news{
		height: auto;
		margin-bottom: 40px;
	}
	#news #newsSwiper1{
		display: none;
	}
	#news #newsSwiper2{
		display: block;
	}
	#news .article{
		width: 160px;
	}
	#news .preview{
		width: 160px;
		height: 120px;
	}
	#news .description{
		display: none;
	}
	#news .title{
		height: 3em;
		line-height: 1.5em;
		font-size: 12px;
		padding-top: 10px;
	}
}
@media only screen and (min-width : 481px) and (max-width : 1024px) {
	#news #newsSwiper1{
		display: block;
	}
	#news #newsSwiper2{
		display: none;
	}
}
@media only screen and (min-width:1025px) {
	#news #newsSwiper1{
		display: block;
	}
	#news #newsSwiper2{
		display: none;
	}
}















#case{
	/*background-image: url(../images/caseBg.png);*/
	/*height: 1090px;*/
	padding-bottom: 40px;
}
#case .title{
	height: 2em;
	text-overflow: ellipsis;
	text-align: center;
	font-size: 18px;
	padding-top: 10px;
}
#case .title a{
	color: #2a59a7;
}
#case .description{
	line-height: 2em;
	height: 4em;
	color: #666;
}
#case .createDate{
	display: none;
}


@media only screen and (max-width:480px) {
	#case .title{
		height: 3em;
		line-height: 1.5em;
		font-size: 14px;
	}
}
@media only screen and (min-width : 481px) and (max-width : 1024px) {
}
@media only screen and (min-width:1025px) {
}





#company{
	background-image: url(../images/companyBg.jpg);
	height: 585px;
	
}
#company .titleBar{
	padding-top: 110px;
	height: 90px;
}
#company p{
	text-align: center;
	font-size: 18px;
}
#company a{
}