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

.jrtt{ width:100%; height:85px; overflow:hidden; background:#f7f7f7; position:relative;}
.jrtt .ttTit{ display:block; width:100px; height:100%; background:url(jrtt.png) no-repeat center;}
.jrtt .ttCon{ width:940px; height:100%; margin:0 30px; position:relative;}
.jrtt .ttCon>a{ width:100%; font-size:24px; color:#0d99fd; font-weight:bold; letter-spacing:5px; display:block; text-align:center; line-height:55px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.jrtt .ttCon>p{ width:100%; display:block; font-size:14px; color:#616161; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.News{ width:100%; height:370px; overflow:hidden; position:relative; margin-top:17px;}
.Focus{ width:632px; height:370px; overflow:hidden; position:relative; border:1px solid #dbe9f8;}
.Focus .pic img { width: 632px; height: 370px; display: block; }
.Focus .txt-bg { position: absolute; bottom: 0px; z-index: 1; height: 38px; width:632px; background: #000; filter: alpha(opacity=50); opacity: 0.5; overflow: hidden; }
.Focus .txt { position: absolute; bottom: 0px; z-index: 2; height: 38px; width:500px; overflow: hidden; }
.Focus .txt li{ width:98%; height:38px; line-height:38px; position:absolute; bottom:-38px;}
.Focus .txt li a{ display: block; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding: 0 0 0 10px; font-size: 14px; color: white; transition:all 0.3s;}
.Focus .txt li a:hover{ /*color:#0d99fd; */letter-spacing:1px;}
.Focus .num { position: absolute; z-index: 3; bottom: 17px; right: 8px; }
.Focus .num li{ float: left; width: 12px; height: 7px; overflow: hidden; margin-right:3px; cursor: pointer; background:#FFF; border-radius:3px; }
.Focus .num li.on,.Focus .num li:hover{ background:#00b7ee;}
.Focus>a{ display:block; width:60px; height:150px; position:absolute; top:100px; background:url(pin_view_arrows.png) no-repeat; cursor:pointer;}
.Focus>a.prev{ left:0;}
.Focus>a.next{ right:0; background-position:-80px 0;}
.Focus>a:hover{ background-position-y:-170px;}

.slideTxtBox{ width:467px; height:100%; overflow:hidden; position:relative;}
.slideTxtBox .hd{ height:35px; border-bottom:1px solid #ddd;}
.slideTxtBox .hd li{ float:left; font-size:16px; margin:0 8px;}
.slideTxtBox .hd li a{ display:inline-block; height:100%; line-height:35px; color:#666666; padding:0 5px;}
.slideTxtBox .hd li.on a,.slideTxtBox .hd li:hover a{ border-bottom:1px solid #0d99fd; color:#0d99fd;}
.slideTxtBox .bd ul{ display:block; width:467px; height:320px; padding:7px 0px;}
.slideTxtBox .bd li{ width:97%; height:auto; padding-left:3%; background-image:url(listStyle.png); background-repeat:no-repeat; background-position:3px center; font-size:14px; overflow: hidden; line-height:37px;}
.slideTxtBox .bd li>a{ display:block; float:left; width:79%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#3c3c3c;}
.slideTxtBox .bd li>span{ display:block; float:right; text-align:right; width:20%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.slideTxtBox .bd li>a:hover{ color:#0d99fd;}


.SliderBox{ width:356px; height:270px; overflow:hidden; position:relative; margin-top:20px;}
.SliderBox .hd{ width:100%; height:30px; border-top:1px solid #dddddd; padding-top:1px; background:#FFF;}
.SliderBox .hd li{ float:left; width:134px; height:30px; border:1px solid #FFF; border-bottom:none; border-top:none;}
.SliderBox .hd li a{ display:block; width:100%; height:100%; line-height:30px; text-align:center; font-size:14px; color:#606060;}
.SliderBox .hd li:hover,.SliderBox .hd li.on{ border-color:#ddd; border-top:2px solid #0d99fd; margin-top:-2px;}
.SliderBox .hd li:hover a,.SliderBox .hd li.on a{ color:#0d99fd;}
.SliderBox .bd>ul{ display:block; width:100%; height:240px;}
.SliderBox .bd ul li{ width:95%; height:auto; padding-left:5%; background-image:url(listStyle.png); background-repeat:no-repeat; background-position:3px center; font-size:14px; overflow: hidden; line-height:36px; border-bottom:1px dashed #DDD;}
.SliderBox .bd ul li>a{ display:block; float:left; width:74%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#3c3c3c;}
.SliderBox .bd ul li>span{ display:block; float:right; text-align:right; width:25%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.SliderBox .bd ul li>a:hover{ color:#0d99fd;}
/*附加*/
.SliderBox .bd ol.inhd{ height:31px; border-bottom:1px solid #DDD; float:none !important;}
.SliderBox .bd ol.inhd li{ float:left; margin-right:10px; font-size:14px;}
.SliderBox .bd ol.inhd li a{ display:inline-block; padding:0 5px; height:30px; line-height:31px; color:#7c7c7c;}
.SliderBox .bd ol.inhd li:hover a,.SliderBox .bd ol.inhd li.on a{ border-bottom:2px solid #0d99fd; color:#0d99fd;}

.mtjj{ width:100%;}
.mtjj.SliderBox .bd ul li{ width:98%; padding-left:2%;}
.mtjj.SliderBox .bd ul li>a{ width:79%;}
.mtjj.SliderBox .bd ul li>span{ width:20%;}


.tzgg{ width:100%; height:270px; overflow:hidden; position:relative; margin-top:20px; background:#eeeeee;}
.tzgg>p{ width:100%; height:44px; display:block; position:relative; background:#0d99fd; font-size:16px;}
.tzgg>p a{ display:block; width:100px; height:44px; padding-left:50px; line-height:44px; text-align:center; color:#FFF; position:relative;}
.tzgg>p a i{ display:block; width:27px; height:23px; background:url(lb_write.png) no-repeat center; position:absolute; left:20px; top:10px; animation-duration: 1s; animation-fill-mode: both;}
.tzgg>p a:hover i{ animation-name:bounce;}
.tzgg ul{ width:300px; padding:0 25px;}
.tzgg li{ padding-left:30px; background:url(lb_hui.png) no-repeat left center; overflow:hidden; font-size:14px; line-height:36px; transition:all 0.3s;}
.tzgg li a{ display:block; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.tzgg li:hover{ padding-left:35px;}

.spxw>p a i{ background:url(syj_write.png) no-repeat center; width:29px; height:25px; top:9px;}
.spxw li{ background:url(syj_hui.png) no-repeat left center;}