@charset "utf-8";
/* CSS Document */

.common_pageControl .pageForm{
	display:none;
}


.columnContent p{
	line-height: 2em;
}

.columnContent p strong{
	line-height: 2em;
}


.common_message2 .form li label{
	width: 20%;
}
.common_message2 .form li .value{
	width: 70%;
}
.articleList.attachStyle4 .preview{
	background-size: contain;
}



.columnContent img{
	max-width: 100%;
	height: auto !important;
}

@media only screen and (max-width:480px) {
	.common_pageControl span.tips{
		display: none;
	}
}
@media only screen and (min-width : 481px) and (max-width : 1024px) {
	.common_pageControl span.tips{
		display: none;
	}
}
@media only screen and (min-width:1025px) {
}









.articleList.attachStyle4 .title{
	line-height: 2em;
	padding-top: 10px;
}


@media only screen and (max-width:480px) {
	.articleList.attachStyle4 li{
			width: 50%;
	}
	.common_message2 .form li label{
		width:20%;
	}
	.articleList.attachStyle4 .preview{
		width: 150px;
		height: 110px;
	}
}
@media only screen and (min-width : 481px) and (max-width : 1024px) {
	.articleList.attachStyle4 li{
		width: 25%;
	}
	.articleList.attachStyle4 .preview{
		width: 150px;
		height: 110px;
	}
}
@media only screen and (min-width:1025px) {
	.articleList.attachStyle4 li{
		width: 25%;
	}
	.articleList.attachStyle4 .preview{
		height: 180px;
	}
}


.attachStyle5 .columnName{ display: none;}











.common_articleProduct .detail .preview{
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}
.common_articleProduct .detail .preview img{
	display: none;
}




.columnContent .searchForm{
	display:none;
}

#columnContent45 .searchForm{
	display:block;
}

.common_message2{
	max-width: 850px;
	margin: auto;
}






#columnContent10{
	max-width: 960px;
	margin: auto;
}
#columnContent10 p{
	text-indent: 2em;
	line-height: 40px;
	margin-top: 20px;
	margin-bottom: 20px;
}







#columnContent41{}
#columnContent41 .common_content{ display: flex;flex-wrap:wrap;}
#columnContent41 .block1{ width:50%; padding-top: 20px;}
#columnContent41 .block1 h1{ font-size: 24px; line-height: 50px; color: #213362;}
#columnContent41 .block1 p{ font-size: 16px; line-height: 40px;}
#columnContent41 .block2{ width:50%; padding-top: 20px;}
#columnContent41 .block2 iframe{ width:100%; height:400px;}






@media only screen and (max-width:480px) {
	#columnContent41 .block1{ width:100%;}
	#columnContent41 .block2{ width:100%;}
}
@media only screen and (min-width : 481px) and (max-width : 1024px) {
}
@media only screen and (min-width:1025px) {
}


.common_content{
	max-width: 1000px;
	margin: auto;
	position: relative;
}


#columnContent6{}
#columnContent6 .articleList { height: 450px;flex-wrap: wrap;
	justify-content: space-around;}
#columnContent6 .articleList li{ width: 20%;}
#columnContent6 .articleList .preview{ width: 100%; height: 100%; border: solid 1px #eee;}
#columnContent6 .articleList .title{ display:none;}
#columnContent6 .common_content{ max-width: 1320px;}
#columnContent6 .tips{ position: absolute; top: 400px; text-align: right; width: 100%;}




@media only screen and (max-width:480px) {
	#columnContent6 .articleList{
		height:auto;
		padding-bottom:50px;
	}
	#columnContent6 .articleList li {
		width: 150px;
		height: 60px;
	}
	#columnContent6 .articleList .preview{ width: 150px; height: 60px;}
	#columnContent6 .tips{ top: 450px;}
}