@charset "gb2312";
html, body { margin:0px; padding:0; font:16px/1.5 "Microsoft YaHei" , tahoma, arial, \5FAE\8F6F\96C5\9ED1, "Hiragino Sans GB", sans-serif;  background:#fff;  -webkit-font-smoothing: antialiased; }
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,img,button {border:0;  padding:0; margin:0; font-weight:normal; } 
table,td,tr,th{font-size:12px;}
li{list-style-type:none;list-style:none;}
img{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6,p,em,i,b,span { margin:0; padding:0; font-weight:normal; font-style:normal;}
ol,ul {list-style:none;}
address,cite,code,th {font-weight:normal;font-style:normal;}
img:hover { opacity:1; filter: alpha(opacity=100); }
code, kbd, pre, samp { font-family: courier new, courier, monospace; }
small { font-size: 12px; }
legend { color: #000; }
fieldset, img { border: 0; }
button, input, select, textarea { font-size: 100%; }
.fl { float:left; }
.fr { float:right; }
a { color:#404040; text-decoration:none; }
a:hover{ color:#d6181f; text-decoration:none;}
div,ul,li,h4,h5,dl,dd,dt { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.box { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }

.amn { transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;-moz-transition:all ease-out .3s 0s;-o-transition:all ease-out .3s 0s; }
.amn img { transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;-moz-transition:all ease-out .3s 0s;-o-transition:all ease-out .3s 0s; }
.amn:hover img { -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.05); transform:scale(1.1);}


.header { width:100%; height:500px; margin:0 auto; overflow:hidden; background:url(../images/header.png) center top no-repeat; }

.warp { width:1000px; margin:0 auto; overflow:hidden; }
.w500 { width:500px;}
.w460 { width:460px;}
.w480 { width:480px;}

.marD50 { margin-bottom:50px; }
.marT40 { margin-top:40px; margin-bottom:40px; }


/*头条*/
.tt { width:100%; margin:0 auto; overflow:hidden; float:left;  padding:40px 0 35px 0;  }
.tt h3 { width:100%;  float:left; }
.tt h3 span {  width:100%; float:left; font-size:34px; line-height:34px; font-weight:bold; height:39px; overflow:hidden; margin-bottom:14px; color:#d00; background:url(../images/tt.png) left top no-repeat; padding:0 0 0 70px;  }
.tt h3 p { width:100%;  font-size:16px; color:#666; float:left; font-weight:normal; line-height:24px; }
.tt a { color:#333; }
.tt a:hover { color:#c00; }


/*焦点图*/
.focus { width:500px; height:330px; position:relative; overflow:hidden; }
.focus .piclist { width:100%; position:absolute; }
.focus .piclist li { width:100%; float:left; height:330px; overflow:hidden; }
.focus .piclist li img { width:100%; height:330px; display:block; -webkit-transition:all .3s linear;  -moz-transition:all .3s linear;  -o-transition:all .3s linear; transition:all .3s linear; }
.focus .piclist li:hover img { -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05); transform:scale(1.05); }
.focus .piclist li span { width:500px; height:75px; font-size:20px; line-height:20px; color:#fff;  text-shadow: 1px 1px 0px rgba(0,0,0,1); position:absolute;  text-align:center; background:-webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,0)),to(rgba(0,0,0,.8))); bottom:0px; }
.focus .piclist li span p { height:20px; overflow:hidden; width:90%; float: left; margin-left:5%;  }
.focus .pager { width:100%; height:8px; position:absolute; left:0; bottom:25px; z-index:1; text-align:center;}
.focus .pager ul li { display:inline-block; zoom:1; width:40px; height:8px; margin:0 5px; line-height:99px; overflow:hidden; background:#fff; cursor:pointer;  border-radius:6px;}
.focus .pager ul li.on { background:#f56a3f; }
.focus .prev,.focus .next { width:32px; height:50px; background:rgba(0,0,0,.5); top:140px; cursor:pointer; position:absolute; z-index:9999; text-align:center; line-height:50px; font-size:24px; color:#bbb; font-family: Georgia; font-weight:bold;  }
.focus .prev { left:-32px; border-radius:0 5px 5px 0; }
.focus .next { right:-32px; border-radius:5px 0 0 5px; }
.focus:hover .prev { background:rgba(0,0,0,1); left:0; color:#fff;}
.focus:hover .next { background:rgba(0,0,0,1); right:0; color:#fff;}


/*动态*/
.news { width:100%; float:left; margin-top:-13px; }
.news ul li { width:100%; font-size:16px; line-height:49px; color:#666; overflow:hidden; height:49px; border-bottom:1px dotted #e6e6e6; }
.news ul li b { color:#aaa; padding:0 10px 0 0px; font-weight:bold; font-size:14px;}




/*栏目*/
.lm { width:100%; float:left; background: url(../images/lm_bj.png) center center no-repeat; text-align:center; padding:40px 0; }

.lm2 { width:100%; float:left;  padding:40px 0; }

/*重要讲话*/
.zyjh { width:100%; float:left;} 
.zyjh ul li { width:100%; float:left; margin-bottom:25px; cursor:pointer; }
.zyjh ul li h4 { width:59%; float:right; }
.zyjh ul li h4 span { width:100%; float:left; font-size:17px; color:#333; line-height:24px; font-weight:700;  max-height:48px; overflow:hidden;  }
.zyjh ul li h4 p {width:100%; float:left; font-size:14px; color:#888; line-height:22px; font-weight:normal; padding:10px 0 0 0; height:66px; overflow:hidden; }
.zyjh ul li h5 {  width:36.5%; float:left; height:124px; overflow:hidden;  }
.zyjh ul li h5 img { width:100%; height:124px; display:block;}
.zyjh ul li:hover h4 span { color:#d6181f; }


/*权威解读*/
.qwjd { width:100%; float:left; margin-top:-10px; }
.qwjd ul li { width:100%; float:left;  padding:7px 0;  }
.qwjd ul li h3 { width:4%; float:left; color:#777; font-weight:bold; font-size:14px;  line-height:26px;}
.qwjd ul li h4 { width:96%; float:right; font-size:17px; line-height:26px; color:#404040; }
.qwjd ul li:hover h4 { color:#d6181f; }


/*龙湾进行时*/
.lwjxs { width:100%; float:left; }
.lwjxs ul li { width:31%; float:left; margin-right:3.5%; margin-bottom:30px; cursor:pointer; 
-webkit-transition:-webkit-transform 0.3s ease-out;-moz-transition:-moz-transform 0.3s ease-out;-ms-transition:-ms-transform 0.3s ease-out;-o-transition:-o-transform 0.3s ease-out;transition:transform 0.3s ease-out;}
.lwjxs ul li h3 { width:100%; float:left; padding:28px 10%; background:#f8f8f8; height:440px; }
.lwjxs ul li h3 img { width:100%; height:185px;}
.lwjxs ul li h3 p { width:100%; float:left; font-size:17px; color:#333; line-height:24px; font-weight:700; max-height:48px; overflow:hidden; padding:20px 0 0 0px; }
.lwjxs ul li h3 span { width:100%; float:left; font-size:14px; color:#888; line-height:24px; font-weight:normal; height:120px; overflow:hidden; padding:10px 0 0 0; }
.lwjxs ul li:hover h3 { background:#d6181f; }
.lwjxs ul li:hover {-webkit-transform:scale(0.92) translateY(19px);-moz-transform:scale(0.92) translateY(19px);-ms-transform:scale(0.92) translateY(19px);-o-transform:scale(0.92) translateY(19px);transform:scale(0.92) translateY(19px); }
.lwjxs ul li h3:hover p { color:#fff; }
.lwjxs ul li h3:hover span { color:#fff; }
.lwjxs ul li h4 { width:312px; height:12px; float:left; background:url(../images/yy.png) center top no-repeat; }
.lwjxs ul li:nth-child(3n) { margin-right:0%; }


/*我的初心故事*/
.cxgs { width:100%; float:left;} 
.cxgs ul li { width:48.5%; float:left; margin-bottom:25px; cursor:pointer;  border-bottom:1px dotted #e6e6e6; padding:0 0 25px 0;}
.cxgs ul li h4 { width:59%; float:right; }
.cxgs ul li h4 span { width:100%; float:left; font-size:17px; color:#333; line-height:24px; font-weight:700;  max-height:48px; overflow:hidden;  }
.cxgs ul li h4 p {width:100%; float:left; font-size:14px; color:#888; line-height:22px; font-weight:normal; padding:10px 0 0 0; height:66px; overflow:hidden; }
.cxgs ul li h5 {  width:36.5%; float:left; height:124px; overflow:hidden;  }
.cxgs ul li h5 img { width:100%; height:124px; display:block;}
.cxgs ul li:hover h4 span { color:#d6181f; }
.cxgs ul li:nth-child(2n) { float:right; }


/*为先锋点赞*/
.xfdz { width:100%; float:left; }
.xfdz ul li { width:226px; float:left; margin-right:32px; margin-bottom:30px; }
.xfdz ul li h2 { width:226px; display:block; position: relative; }
.xfdz ul li h2 img { width:196px; height:196px; padding:15px; border-radius:50%;}
.xfdz ul li h2 .border { width:226px; height:226px; border-radius:50%; display:block; position:absolute; top:0; left:0; border:1px solid #c23428; border-left-color:#cdcdcd; border-top-color:#cdcdcd;
-webkit-transition:all .5s ease-in; transition:all .5s ease-in; -webkit-box-sizing:border-box; box-sizing:border-box; }
.xfdz ul li:hover h2 .border {-webkit-transform:rotate(180deg); transform:rotate(180deg); }
.xfdz ul li h3 { width:100%; float:left; font-size:16px; color:#333; line-height:24px; text-align:center; overflow:hidden; height:48px; padding:20px 0 0 0; }
.xfdz ul li:nth-child(4n) { margin-right:0; }
.xfdz ul li:hover h3 { color:#d6181f; }


/*党员干部谈初心*/
.tcx { width:100%; float:left;  }
.tcx ul li { width:48.5%; float:left; background:#f8f8f8; margin-bottom:25px; cursor:pointer;}
.tcx ul li h5 { width:160px; background:#d4151e; text-align:center; float:left;}
.tcx ul li h5 p { width:100%; float:left; padding:8px 0;}
.tcx ul li h5 b { width:100%; float:left; height:20px; overflow:hidden; line-height:20px; font-weight: bold; font-size:16px; color:#fff; display:block;}
.tcx ul li h5 font { width:100%; float:left; height:39px; overflow:hidden; font-size:14px; color:#fff; line-height:18px; padding:3px 5% 0 5%; }
.tcx ul li h5 span {  width:100%; height:100px; overflow:hidden; display:block; }
.tcx ul li h5 span img { width:100%; height:100px; background:#fff; }
.tcx ul li h6 { width:280px;  float:right; padding:17px 20px 0 0;  } 
.tcx ul li h6 span { width:100%; float:left; font-size:17px; color:#333; line-height:24px; font-weight:700;  max-height:72px; overflow:hidden; }
.tcx ul li h6 p { width:100%; float:left; font-size:14px; color:#888; line-height:22px; font-weight:normal; height:66px; overflow:hidden; padding:10px 0 0 0; }
.tcx ul li:hover h6 span { color:#d6181f; }
.tcx ul li:nth-child(2n) { float:right; }




.footer { width:100%; overflow:hidden; margin:0 auto; background:#333; font-size:14px; line-height:24px; color:#fff; margin-top:20px; padding:15px 0;  } 
.footer span { float:right; }

@media screen and (max-width:999px) and (min-width:160px){
.header,.lm,.footer { width:1000px;}
}