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

.Main>.f_l{ width:350px; overflow:hidden;}
.Main>.f_r{ width:740px; }

.cjwt{ width:350px; height:395px; overflow:hidden; position:relative; background:#eeeeee;}
.cjwt>p{ width:100%; height:44px; display:block; position:relative; background:#0d99fd; font-size:16px;}
.cjwt>p a{ display:inline-block; height:44px; line-height:44px; text-align:center; color:#FFF; position:relative;}
.cjwt>p a span{ display:block; padding:0 20px; height:0; background:#67adee; transition:height 0.3s;}
.cjwt>p a:hover span{ height:100%;}
.cjwt ul{ width:300px; padding:10px 25px;}
.cjwt li{ padding-left:10px; background:url(listStyle.png) no-repeat left center; overflow:hidden; font-size:14px; line-height:30px; transition:all 0.3s;}
.cjwt li a{ display:block; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.cjwt li:hover{ padding-left:15px;}

.hygq{ height:190px; margin-top:20px;}

.wxBox{ width:370px; height:76px; overflow:hidden; position:relative; margin-top:20px;}
.wxBox li{ display:block; float:left; margin-right:14px; width:168px; height:76px; position:relative; overflow:hidden; background:#0d99fd;}
.wxBox li a{ display:block; width:230px; height:100%; line-height:76px; text-align:center; font-size:18px; color:#FFF; transition:all 0.5s;}
.wxBox li a i{ display:block; width:49px; height:40px; position:absolute; top:18px; left:20px; background:url(wbwx2.png) no-repeat; transition:left 10s 10s; animation-duration: 0.5s; animation-fill-mode: both; animation-name:rotateInDownLeft;}
.wxBox li.wx a i{ width:55px; height:42px; top:17px; left:17px; background-position-y:-50px;}
.wxBox li a:hover{ width:100%;}
.wxBox li a:hover i{ animation-name:rotateOutUpLeft; left:-60px;}


.SliderBox{ width:100%; height:270px; overflow:hidden; position:relative;}
.SliderBox .hd{ width:100%; height:30px; border-top:1px solid #dddddd; padding-top:1px; background:#FFF;}
.SliderBox .hd>li.T{ float:left; width:134px; height:30px; border:1px solid #FFF; border-bottom:none; border-top:none; margin-right:5px;}
.SliderBox .hd>li.T a{ display:block; width:100%; height:100%; line-height:30px; text-align:center; font-size:14px; color:#606060;}
.SliderBox .hd>li.T:hover,.SliderBox .hd>li.T.on{ border-color:#ddd; border-top:2px solid #0d99fd; margin-top:-2px;}
.SliderBox .hd>li.T:hover a,.SliderBox .hd>li.T.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;}


/*互动信箱*/
.hdxx .hd>.f_r a{ display:block; float:left; width:69px; height:24px; overflow:hidden; background:#0d99fd; border-radius:5px; text-align:center; line-height:24px; font-size:14px; color:#FFF; margin:3px;}
.hdxx .hd>.f_r a:hover{ background:#67adee;}
.hdxx .xxBox{ width:740px; height:220px; padding-top:15px;}
.tables{ width:100%; color:#000;}
.tables thead{ line-height:30px; background:#eeeeee; border:none;}
.tables thead th{ padding:0 10px;}
.tables tbody tr{ line-height:33px; font-size:14px;}
.tables td{padding:0 10px;position: relative;}
.tables td a{padding-left:10px;background:url(xjlist.png) no-repeat left center;display: block;width: 325px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}




/*在线访谈*/
.zxft{ height:208px; margin-top:15px;}
.zxft .zxfeCon{ width:740px; height:166px; position:relative; padding-top:10px;}
.zxfeCon .f_l{ display:block; width:260px; height:162px; padding:1px; border:1px solid #DDD; transition:all 0.3s;}
.zxfeCon .f_l img{ display:block; width:100%; height:100%;}
.zxfeCon .f_l:hover{ box-shadow:0 0 5px 0 #666;}
.zxfeCon .f_r{ display:block; width:460px; height:166px; position:relative;}
.zxfeCon .f_r li{ font-size:14px; color:#5b5b5b; line-height:30px; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.zxfeCon .f_r li a{ color:#5b5b5b;}
.zxfeCon .f_r li span{ /*color:#0d99fd;*/}
.zxfeCon .f_r li.jj{overflow: hidden;text-overflow: ellipsis;/*设置成弹性盒子 */display: -webkit-box;/*显示的个数 */-webkit-line-clamp: 2;/* 属性规定框的子元素应该被水平或垂直排列。 */-webkit-box-orient: vertical; white-space: normal;}

/*征集调查*/
.zjdc{ height:187px; margin-top:15px;}
.inCon{ display:block; width:360px; height:148px; overflow:hidden; position:relative; padding-top:7px;}
.inCon dt{ height:30px; border-bottom:1px solid #0e99fd;}
.inCon dt a{ display:inline-block; padding:0 10px 0 40px; height:100%; line-height:30px; font-size:15px; color:#0d99fd; position:relative; overflow:hidden; transition:all 0.5s;}
.inCon dt a i{ display:block; width:19px; height:14px; position:absolute; top:8px; left:15px; background:url(hd_zjdc.png) no-repeat; animation-duration:0.5s; animation-fill-mode: both; animation-name:fadeInLeft; transition:left 1s 10s;}
.inCon dt a:hover{ padding:0 25px; background:#0d99fd; color:#FFF;}
.inCon dt a:hover i{ animation-name:fadeOutLeft; left:-50px;}
.inCon dd{ font-size:14px; color:#6a6a6a; line-height:29px; height:auto; overflow:hidden; padding-left:2%;}
.inCon dd a{ display:block; float:left; color:#6a6a6a; width:77%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.inCon dd span{ display:block; float:right; text-align:center; width:20%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.inCon dd.tit{ background:#ededed; color:#383838;}
.inCon dd.tit a{ color:#383838; padding-left:2%;}
.dc.inCon dt a i{ background-position-y:-20px; width:18px; height:18px; top:6px;}