@charset "utf-8";
/* CSS Document */
@import url(reset.css);
@import url(top.css);
@import url(footer.css);



.Main{ margin-top:20px; background-color:#FFF;}

/*焦点图*/
.Focus{ width:633px; height:433px;}
.Focus .pic img { width:100%; height:433px; display: block; }
.Focus .txt-bg { position: absolute; bottom: 0px; z-index: 1; height: 53px; width:100%; background:#000; filter: alpha(opacity=50); opacity: 0.5; overflow: hidden; }
.Focus .txt { position: absolute; bottom: 0px; z-index: 2; height: 53px; width:77%; overflow: hidden; }
.Focus .txt li{ width:98%; height:53px; line-height:53px; position:absolute; bottom:-53px;}
.Focus .txt li a{display: block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-left:10px;font-size: 15px;color:#FFF;transition:all 0.3s;}
.Focus .txt li a:hover{ /*color:#0d99fd; */letter-spacing:1px;}
.Focus .num { position: absolute; z-index:3; bottom:18px; right:10px; }
.Focus .num li{ float:left; width:16px; height:16px; overflow:hidden; margin-right:8px; cursor:pointer; background:#FFF;}
.Focus .num li.on,.Focus .num li:hover{ background:#ee0000;}
.Focus>a{ display:block; width:60px; height:150px; position:absolute; top:140px; top:calc((433px - 150px) / 2); background:url(pin_view_arrows.png) no-repeat; cursor:pointer; opacity:0;filter: alpha(opacity=0); transition:all 0.5s; background-position-y:-170px;}
.Focus>a.prev{ left:10px;}
.Focus>a.next{ right:10px; background-position-x:-80px;}
.Focus:hover>a{ opacity:1;filter: alpha(opacity=100);}
.Focus:hover>a.prev{ left:0;}
.Focus:hover>a.next{ right:0;}



/*公共Title*/
.Title{ height:48px; position:relative; background-color:#f4f4f4; border-top:6px solid #e8e8e8;}
.Title ul{ border-right:10px solid #FFF; position:relative; margin-top:-6px;}
.Title li{position:relative;height:54px;float:left;font-size: 17px;}
.Title li a{ display:inline-block; padding:0 25px; min-width:100px; height:54px; text-align:center; line-height:60px; transition:all 0.5s;}
.Title li.on,.Title li:hover{ background:url(zxfw_ico_1.png) no-repeat center top #FFF;}
.Title li.on a,.Title li:hover a{ color:#0b9bd8; box-shadow:0 -1px 4px 0 #eae9e9 inset;}

.newsList{ display:block; min-height:50px; padding:8px 10px 0;}
.newsList>li{width:97%;height:auto;padding-left:3%;background-image:url(listStyle_1.png);background-repeat:no-repeat;background-position:left center;font-size: 15px;overflow: hidden;line-height:36px; *line-height:34px;}
.newsList>li>a{display:block;float:left;width:79%; width:calc(100% - 100px); overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#333;}
.newsList>li>span{display:block;float:right;text-align:right;width:20%; width:calc(100px); overflow:hidden;white-space:nowrap;text-overflow:ellipsis; color:#929292;}
.newsList>li>a:hover{ color:#0d99fd;}




.TpxwBox{ min-height:270px; padding:15px;}
.TpxwBox .tit{ position:relative; overflow:hidden; height:48px; background-color:#f4f4f4;}
.TpxwBox .tit a{ display:block; width:190px; height:48px; line-height:48px; text-align:center; border-right:10px solid #FFF; background-color:#38c2ff; color:#FFF; font-size:18px;}
.TpxwBox .tpSlide{ width:100%; height:210px;}
.TpxwBox .tpSlide li{ width:278px; height:210px; float:left; margin-right:15px; position:relative; overflow:hidden;}
.TpxwBox .tpSlide li img{ display:block; width:100%; height:185px;}
.TpxwBox .tpSlide li span{display:block;width:100%;text-align:center;line-height: 28px;font-size: 15px;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal;}