@charset "utf-8";
/* css 重置 */
.iProBanner ul,.iProBanner li{margin:0; padding:0; list-style:none;}
.iProBanner img{ border:0;  }
.iProBanner a{ text-decoration:none;}

/* 本例子css */
.iProBanner{ 
    width: 100%;
    /* min-width: 1318px; */
    height: 475px;
    overflow: hidden;
    position: relative;
    background: #fff;

}  /* 修改 高度，         修改 最少宽度【暂时不修改】 */


.iProBanner .bd{ position:relative; height:100%; z-index:0;   }
.iProBanner .bd li{ zoom:1; vertical-align:middle; }


.iProBanner .hd {
    position: absolute;
    top: 660px;
    left: 48%;
}

.iProBanner .hd ul{ overflow:hidden; zoom:1; float:left;  }


.iProBanner .hd ul li{
    float: left;
    width: 24px;
    height: 11px;
    cursor: pointer;
    margin-right: 10px;
    background: #bfbfbf;
}

.iProBanner .hd ul li.on{
    background: #d51519;
}


.iProBanner .bd a.prev,
.iProBanner .bd a.next {
    display: block;
    width: 19px;
    height: 33px;
    position: absolute;
    cursor: pointer;
    background: url(/template/images/bt_36.png) no-repeat;
    top: 210px;
    z-index: 500;
}


.iProBanner .bd a.prev {
	left:8px;
	background-position-x:-19px;
}


.iProBanner .bd a.prev:hover {
	background-position-x:0;
}


.iProBanner .bd a.next {
	right:8px;
	background-position-x:-38px;
}

.iProBanner .bd a.next:hover {
	background-position-x:-57px;
}





/* 自行修改 */
#iProBanner .bd ul li .dl_2.clear {
	padding: 50px;
	width: 1180px;
}
#iProBanner .bd ul li .dl_2.clear .left .picBox {
	display: block;
	color: #fff;
	width: 556px;
	height: 373px;
	position: relative;
}
#iProBanner .bd ul li .dl_2.clear .left .picBox img {
	display: block;
	width: 556px;
	height: 373px;
}
#iProBanner .bd ul li .dl_2.clear .left .picBox .picBox {
	display: block;
	margin: 0;
	font-size: 22px;
	position: absolute;
	top: 260px;
	width: 583px;
	min-height: 73px;
	background: url(/template/images/bj_8.png) no-repeat;
	text-indent: 30px;
	padding-top: 12px;
	line-height: 130%;
}
#iProBanner .bd ul li .dl_2.clear .left .picBox .picBox span {
	display: block;
	font-size: 13px;
	text-transform: uppercase;
}
#iProBanner .bd ul li .dl_2.clear .right {
	width: 550px;
}



#iProBanner .bd ul li .dl_2.clear .right dl {
    border-bottom: 1px dashed #ccc;
    padding-top: 18px;
    padding-bottom: 25px;
    line-height: 180%;
}

#iProBanner .bd ul li .dl_2.clear .right .three {
    border-bottom: 0;
}

#iProBanner .bd ul li .dl_2.clear .right .sub_left {
    font-size: 19px;
    font-weight: bold;
    color: #f12933;
    width: 20%;
}
#iProBanner .bd ul li .dl_2.clear .right .sub_right {
    font-size: 16px;
    width: 80%;
    text-align: left;
}



#iProBanner .bd ul li .dl_2.clear .right .four {
	text-align: center;
}



#iProBanner .bd ul li .dl_2.clear .right .four a {
	line-height: 45px;
	width: 136px;
	text-align: center;
	color: #fff;
	font-size: 15px;
	background:#f12933;
	display:inline-block;
}


#iProBanner .bd ul li .dl_2.clear .right .four a:nth-child(2) {
	background:#111;
}

