#indexmain {width:auto; height:auto; margin:0 auto; background:#f0f0f0;}
.indexpro {width:1260px; height:413px; padding:57px 0 30px; margin:0 auto;}

.indexpro .bd {width:auto; height:394px;}

.indexpro .bd li { float: left; width: 226px; height: auto; margin-right:32px; text-align: center;}
.indexpro .bd li a {color: #3d3d39; display: block; width:226px; height: 347px; }

.indexpro .bd li h5 {font-size:16px; font-weight:normal; color:#515050;}
.indexpro .bd img{width:226px; height:315px; margin-bottom:10px; float:left;}
.indexpro .bd li p {padding-bottom: 10px;}
.indexpro .bd li p span { display: inline-block; padding-right: 11px; background: url(../images/arrow.png) no-repeat right center; line-height: 18px; text-transform: uppercase; color: #38b774;}

.indexpro .hd { border-top: 1px solid #dbe1e7; clear: both; height: 18px;}
.indexpro .hd ul {width: 50px; padding-left: 17px; height: 11px; margin: -6px auto 0; background-color: #f0f0f0;}
.indexpro .hd ul li {float: left; width: 11px; height: 11px; margin-right: 14px; border-radius: 6px; background-color: #b5c0cb; overflow: hidden; text-indent: -9999px; cursor: pointer;}
.indexpro .hd ul li.on { background-color: #cf0f32;}

.indexpro .bd li a:hover h5,.indexpro .bd li a:hover p{ background-color: #cf0f32; color: #fff;transition:background-color 0.5s linear 0s}
.indexpro .bd li a:hover img {opacity: 0.8;filter: alpha(opacity=80); background-color: #fff;}
.indexpro .bd li a:hover p span {color: #fff; background-image: url(../images/arrow_hover.png);}