.bankswrap .list ol{
    padding: 0;
    overflow: hidden;
}
.bankswrap .list ol li{
    float: left;
    width: 25%;
    position:relative;
    height: 260px;
}
.bankswrap .list ol li a{ position:absolute;top:0;left:0;width:100%; height:100%;}
.bankswrap .list ol li .info{border: 2px solid #e5e5e5;
    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;}
.bankswrap .list ol li .info .pic img{width:100%;}
.bankswrap .list ol li .info h3{text-align:center;border-bottom:1px solid #c5c5c5;padding-bottom:10px;margin-bottom:10px;font-size: 18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.bankswrap .list ol li .info span{ text-align:center;color:#5a5a5a; font-size:14px; display:block;}
#products-detail{
    overflow: hidden;
}
#products-detail .sub-pro-img{
    float: left;
    width: 48%;
}
#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: 48%;
}
#products-detail .txt-set .product-txt{}
#products-detail .product-txt h2{
    font-size: 19pt;
}
#products-detail .product-txt h2 span{
    color: #585bbb;
    vertical-align: baseline;
    margin-right: 13px;
}
#products-detail .product-txt h3{
    font-weight: normal;
    font-size: 12pt;
    line-height: 180%;
    margin: 30px 0;
}
#products-detail .product-txt .connectwithit{}
#products-detail .product-txt .connectwithit ul{}
#products-detail .product-txt .connectwithit ul li{
    display: inline-block;
    vertical-align: top;
}
#products-detail .product-txt .connectwithit ul li a{}
#products-detail .product-txt .connectwithit ul li a img{}
#products-detail .product-txt .connectwithit ul li.phone-type{
    border: 1px solid #bebebe;
    border-radius: 15px;
    font-size: 28pt;
    font-weight: bold;
    padding-right: 23px;
	margin-left: 10px;
}
#products-detail .product-txt .connectwithit ul li.phone-type a{
    color: #545454;
    display: inline-block;
    line-height: 100%;
}
#products-detail .product-txt .connectwithit ul li.phone-type a img{
    margin: 23px;
    vertical-align: middle;
}
.otherp{margin-top: 50px;}
#tabSp{
    color: #7d7d7d;
    font-size: 12pt;
    line-height: 150%;
    margin: 50px 0;
}
#messageList-reply{margin-top: 40px;}
.message-board section{
    background: #f8f8f8;
    margin: 20px 0;
    overflow: hidden;
}
.message-board .info{
    overflow: hidden;
    margin: 20px;
}
.message-board .info .pic{background-repeat:no-repeat;background-position:50% 50%;background-size:cover;float: left; display:none;}
.message-board .info .pic img{width:100%;}
.message-board .info .detail{
}
.message-board .info .creditor-detail{margin-top: 15px;}
.message-board .info .creditor-detail h4{
    font-size: 13pt;
    line-height: 110%;
}
.message-board .info .creditor-detail h5{
    font-size: 12pt;
    line-height: 110%;
    font-weight: normal;
    color: #909090;
}
.message-board .info .creditor-detail h4 a{
    display: inline-block;
    background: #eacb4e;
    color: #927b1c;
    padding: 2px 15px;
}
.message-board .info .creditor-detail h4 a:hover{color: #ffffff;}
.message-board .info .creditor-detail h4 a img{vertical-align: middle;margin-right: 12px;width: 40px;margin-top: 5px;line-height: 100%;}
.message-board .info .creditor-detail p{
    text-align: right;
    color: #909090;
}
.message-board .info .creditor-detail p b{
    color: #4cac8f;
}

@media screen and (max-width: 1440px) {
	#products-detail .product-txt .connectwithit ul li a img{
    width: 70px;
}
	#products-detail .product-txt .connectwithit ul li.phone-type a img{
    margin: 11px;
    width: 47px;
}
	#products-detail .product-txt .connectwithit ul li.phone-type{padding-right: 10px;}
}
@media screen and (max-width: 1280px) {
.bankswrap .list ol li{
    width: 33%;
}
#products-detail .product-txt .connectwithit ul li.phone-type{    font-size: 20pt;}
#products-detail .product-txt .connectwithit ul li.phone-type a img{
    width: 35px;
    margin: 16.5px 10px;
}
}
@media screen and (min-width: 1025px) {
	.bankswrap .list ol li:hover .info{border: 2px solid #2d96cd;}
}

@media screen and (max-width: 1024px) {
	#products-detail .product-txt .connectwithit ul li.phone-type a img{width: 34px;}
}
@media screen and (max-width: 768px) {
#products-detail .sub-pro-img{
    width: 100%;
}	
#products-detail .txt-set{
    width: 100%;
    margin-top: 30px;
}
.message-board .info .pic{
    width: 160px;
}
.message-board .info .creditor-detail{
    margin: 0;
}
.message-board .info .creditor-detail h4 a img{    width: 30px;}
.message-board .info .creditor-detail h5{
    margin: 20px 0 11px;
}

}
@media screen and (max-width: 640px) {
.bankswrap .list ol li{
    width: 50%;
}
	.bankswrap .list ol li .info{border: 1px solid #e5e5e5;
    margin: 2px;
    padding: 7px;}
.message-board .info .pic{
    width: 100px;
}
.message-board .info{
    margin: 10px;
}

}
@media screen and (max-width: 480px) {
	.bankswrap .list ol li .info h3{    font-size: 16px;}
	#products-detail .product-txt .connectwithit ul li a img{
    width: 55px;
}
	#products-detail .product-txt .connectwithit ul li.phone-type{
    border-radius: 8px;
}
	#products-detail .product-txt .connectwithit ul li.phone-type a img{
	margin: 10px 10px;
	}
	#messageList-creditor .message-board .info .pic{
	width: 70px;
	}
	#messageList-creditor .message-board .info .detail{
	width: calc(100% - 90px);
	}
	#messageList-creditor .message-board .info .creditor-detail h4 a{
    padding: 3px 10px;
    font-size: 10pt;
}
.message-board .info .creditor-detail h4 a img{
    width: 25px;
    vertical-align: middle;
    margin-top: 0;
}
.message-board .info .creditor-detail p,
.message-board .info .creditor-detail h5{font-size: 10pt;}

}