.bankswrap .list ol{
    padding: 0;
    overflow: hidden;
}
.bankswrap .list ol li{
    position: relative;
    margin-bottom: 50px;
    overflow: hidden;
    margin-right: 7px;
    display: inline-block;
    vertical-align: top;
    width: calc((100%/3) - 14px);
    margin: 4px 4px;
}
.bankswrap .list ol li a{ position:absolute;top:0;left:0;width:100%; height:100%;}
.bankswrap .list ol li .info{margin: 5px;padding: 10px; transition:all linear .2s;}
.bankswrap .list ol li .info .pic{background-position:50% 50%;background-size: contain;background-repeat:no-repeat;margin-bottom: 15px;border: 2px solid #dcdcdc;}
.bankswrap .list ol li .info .pic img{width:100%;}
.bankswrap .list ol li .info .info-detail{}
.bankswrap .list ol li .info .info-detail h3{
    font-size: 15pt;
    line-height: 120%;
    color: #383838;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
	
}
.bankswrap .list ol li .info .info-detail h2{
    font-size: 15pt;
    line-height: 120%;
    color: #383838;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
	
}
.bankswrap .list ol li .info .info-detail .year{
    font-size: 12pt;
    padding: 10px 0 14px;
    position: relative;
    overflow: hidden;
}
.bankswrap .list ol li .info .info-detail .year:after,
#products-detail .txt-set .product-txt .long:after{
	content:'';
	display:block;
	width:50px;
	height:4px;
	background:#2c2c2c;
	position:absolute;
	left:0;
	bottom: 0;
	z-index: 3;
}
.bankswrap .list ol li .info .info-detail .year:before,
#products-detail .txt-set .product-txt .long:before{
	content:'';
	display:block;
	width:100%;
	height:2px;
	background:#d6d6d6;
	position:absolute;
	left:0;
	bottom: 0;
	z-index: 2;
}
.bankswrap .list ol li .info .info-detail .year .birth{
    float: left;
}
.bankswrap .list ol li .info .info-detail .year .birth b{}
.bankswrap .list ol li .info .info-detail .year .long{
    float: right;
    color: #616060;
}
.bankswrap .list ol li .info .info-detail .whos,
#products-detail .txt-set .product-txt .connectwithit .whos{
    border: 2px solid #d6d6d6;
    text-align: center;
    margin: 15px 0 10px;
    padding: 10px 15px;
    font-size: 14pt;
	overflow:hidden;
}
.bankswrap .list ol li .info .info-detail .whos b,
#products-detail .txt-set .product-txt .connectwithit .whos b{display: block;line-height: 120%;}
.bankswrap .list ol li .info .info-detail .much,
#products-detail .txt-set .product-txt .connectwithit .much{
    text-align: right;
    font-size: 12pt;
}
.bankswrap .list ol li .info .info-detail .much b,
#products-detail .txt-set .product-txt .connectwithit .much b{
    font-size: 20pt;
    color: #d21515;
    margin-right: 5px;
}
#products-detail{
    overflow: hidden;
}
#products-detail .sub-pro-img{
    float: left;
    width: 600px;
}
#products-detail .sub-pro-img p{
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    background-color: #f5f5f5;
}
#products-detail .sub-pro-img p img{
    width: 100%;
}
#products-detail .txt-set{
    float: right;
    width: calc(100% - 650px);
}
#products-detail .txt-set .product-txt{}
#products-detail .txt-set .product-txt h2{
    font-size: 18pt;
    line-height: 130%;
}
#products-detail .txt-set .product-txt h2 span{
    vertical-align: baseline;
}
#products-detail .txt-set .product-txt h4{
    font-size: 18pt;
    line-height: 130%;
}
#products-detail .txt-set .product-txt h3{
    font-size: 12pt;
    margin: 20px 0;
    line-height: 140%;
}
#products-detail .txt-set .product-txt .long{
    position: relative;
	padding-bottom: 15px;
}
#products-detail .txt-set .product-txt .long span{
    color: #565656;
}
#pro-article{
    margin: 40px 0;
}
#pro-article h3{
    border-bottom: 2px solid #9f9f9f;
    font-size: 16pt;
    line-height: 120%;
    padding: 13px;
}
#pro-article .tab_content{
    margin: 13px;
}
#messageList-reply{margin-top: 40px;}

@media screen and (max-width: 1440px) {
}
@media screen and (max-width: 1280px) {
.bankswrap .list ol li{
    width: calc((100%/3) - 14px);
	}
#products-detail .sub-pro-img{
	width:400px;
}
#products-detail .txt-set{
	width: calc(100% - 450px);
}
	

}
@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 768px) {
	.bankswrap .list ol li{width:calc((100%/2) - 14px);}
	.bankswrap .list ol li .info .info-detail h3,
	.bankswrap .list ol li .info .info-detail h2{
		font-size: 14pt;
	}
	#products-detail .sub-pro-img{
		width:100%;
	}
	#products-detail .txt-set{
		width:100%;
		margin-top: 40px;
	}
	
}
@media screen and (max-width: 640px) {
.bankswrap .list ol li{
    width: 46%;
	margin-bottom:20px;
}
.bankswrap .list ol li .info{    margin: 1px;
    padding: 5px;}
	.bankswrap .list ol li .info .pic{    margin-bottom: 7px;    border: 1px solid #dcdcdc;}
	.bankswrap .list ol li .info .info-detail .year{    font-size: 10pt;
    padding: 6px 0 10px;}
}
@media screen and (max-width: 480px) {
	.bankswrap .list ol li .info h3{    font-size: 16px;}
	.bankswrap .list ol li .info .info-detail .whos{font-size: 12pt;padding: 8px 8px;display: none;}
	#products-detail .txt-set .product-txt h2,#products-detail .txt-set .product-txt h4{ font-size:16pt;}
	#products-detail .txt-set{    margin-top: 20px;}
	.bankswrap .list ol li .info .info-detail .much{
		text-align: right;
		font-size: 12pt;
		margin-top: 12px;
	}
}