/*通用属性*/
.p55{ padding-top:55px;}
.in_tit_big{ font-size:30px; color:#ec1616; text-align:center; padding-bottom:7px;}
.in_tit_sm{ text-align:center;}
.in_tit_sm h3{ font-size:1.12em; text-transform:uppercase; display:inline-block; margin:0 20px; line-height:normal; font-weight:normal; color:#ffbc3b; }
.mark-left{ background-color:#ffbc3b!important; display:inline-block; position:relative; top:-5px; width:180px; height:1px; overflow:hidden; opacity:0.8;}
.mark-right{ display:inline-block; position:relative; top:-5px;  width:180px; height:1px; overflow:hidden; background-color:#ffbc3b!important; opacity:0.8;}
.in_mews_mor{ display:block; width:144px; height:40px; background-color:#f0f0f0; line-height:40px; text-align:center; color:#555; margin:0 auto; border-radius:2px;}
.in_mews_mor:hover{ background-color:#ec1616; color:#fff;}



/*新闻部分*/
.in_news{ margin-top:2em; margin-bottom:10px;}
.in_news li{ float:left; width:23.5%; margin-right:2%; margin-bottom:25px;}
.in_news li:nth-child(4n){ margin-right:0px;}
.in_news_title{ display:block; font-size:18px; color:#333; text-align:left; margin:11px 0px 7px 0px; padding-bottom:9px; border-bottom:1px solid #e3e3e3;}
.in_news_jpg{ display:block; width:100%; height:auto; margin:0 auto; overflow:hidden;}
.in_news_jpg img{ display:block; width:100%; transition:transform 1s;}
.in_news_content{ font-size:14px; line-height:24px; color:#808080; margin-bottom:0px; height:3.5em; overflow:hidden;}
.in_news li:hover .in_news_title{ color:#ec1616; border-bottom:1px solid #ec1616;}
.in_news li:hover .in_news_jpg img{ transform:scale(1.3,1.3)}


/*新闻部分*/
.in_guanggao img{ display:block; width:100%; margin:45px auto 0px auto;}
/*.in_guanggao2 img{ margin-top:-42px !important;}*/
.in_guanggao3 img{ margin-top:32px !important;}



/*慈善项目*/
.in_xiangmu{ background-image:url(../images/cd-background-1.jpg); background-attachment:fixed; position:relative; min-height:100%; background-size:cover; background-repeat:no-repeat;  background-position:center center; z-index:1; padding-bottom:50px;}
.in_xiangmu ul{ margin-top:28px; margin-bottom:5px;}
.in_xiangmu li{ float:left; width:31.4%; margin-right:2.9%; background-color:#f5f5f5; margin-bottom:35px; box-shadow:2px 8px 8px #c2c2c2;}
.in_xiangmu li:nth-child(3n){ margin-right:0px;}
.in_xiangmu_img{ display:block; width:100%; height:auto; margin:0 auto; overflow:hidden;}
.in_xiangmu_img img{display:block; width:100%; transition:transform 1s;}
.in_xiangmu_title{ display:block; font-size:18px; color:#000; padding:9px 0px 6px 13px;}
.in_xiangmu li p{ font-size:15px; color:#666; padding-left:13px; padding-bottom:15px;}
.in_xiangmu li:hover .in_xiangmu_img img{ transform:scale(1.3,1.3)}
.in_xiangmu li:hover .in_xiangmu_title{ color:#ec1616; text-decoration:underline;}



/*扶贫济困*/
.in_fupin li{ float:left; width:23.5%; margin-right:2%; margin-bottom:25px;}
.in_fupin li:nth-child(4n){ margin-right:0px;}
.in_fupin ul{ margin-top:28px;}
.in_fupin_jpg{ display:block; width:100%; height:auto; margin:0 auto; overflow:hidden;}
.in_fupin li img{display:block; width:100%; transition:transform 1s;}
.in_fupin_title{ display:block; font-size:15px; padding-top:10px; color:#333; text-align:center;}
.in_fupin li:hover img{ transform:scale(1.3,1.3)}
.in_fupin li:hover .in_fupin_title{ color:#ec1616; text-decoration:underline;}




/*关于我们*/
.in_about{ padding-top:65px;}
.in_about ul{ margin-top:26px;}
.in_about li{ float:left;}
.in_about_img{ width:45%; margin-right:5%;}
.in_about_content{ width:50%;}
.in_about_content h3{ font-size:23px; color:#ffb830; margin-bottom:12px;}
.in_about_content p{ display:block; width:100%; font-size:15px; line-height:26px; margin-bottom:20px;}
.in_about_content a{ display:block; width:144px; height:40px; background-color:#f0f0f0; line-height:40px; text-align:center; margin:0 auto; color:#555; border-radius:4px;}
.in_about_content a:hover{ background-color:#f3851a; color:#fff;}


/*list-bar*/
.box{ margin-top:25px;}
.listBar{padding:60px 0px 0px 0px;background:#fff;}
.listBox{text-align:center;margin:0 auto;clear:both;z-index: 2;}
.listContent{display:inline-block;_display:inline-block;*display:inline-block;zoom:1;margin:0 18px;width:360px;background:#f8f8f8;box-sizing: border-box;text-align:center;transition: all .4s cubic-bezier(.4,0,.2,1);border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;}
.listContent:hover{box-shadow:0 0 20px rgba(247,77,77,.7);}
.listTitBar{padding:50px 0 60px 0;background:rgba(223,5,5,1);background-image:url(../images/rankBg.png) ;background-position:left bottom;background-repeat:no-repeat;border-top-left-radius: 4px;border-top-right-radius: 4px;transition: all .4s cubic-bezier(.4,0,.2,1);}
.listTitBar h2{color:#fff;font-size:24px;}
.rankList{padding:0 10px;transition: all .4s cubic-bezier(.4,0,.2,1);}
.rankList table{width:100%;border-collapse: collapse;border:none;color:#666;padding:15px 0 20px;}
.rankList table th,.rankList table td{border:none;text-align:center;font-size:14px;line-height:30px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;padding:0;}
.rankList table th{color:#333;}
.rankList table td span{display:inline-block;width:18px;height:18px;background:#f5f4f3;color:#999;margin-top:6px;line-height:18px;}
.rankList table td span.yellowBg{background:#f7b709;color:#fff;}
.rankBtn{margin:10px 0 20px;text-align:center;font-size:14px;}
.rankBtn a{width:150px;line-height:40px;background:#e7e7e7;text-align:center;color:#999;border-radius:4px;display:inline-block;}
.listContent:hover .rankBtn a,.rankBtn a:hover,.rankBtn a:focus{background:#f54747;color:#fff;}
.hoverList{background:rgba(234,64,64,1);background-image:url(../images/rankBg.png) ;background-position:left bottom;background-repeat:no-repeat;zoom:1;z-index:2;/*-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;transition:all .1s ease-in-out;*/}
.hoverList h2{font-size:26px;}
.ranklistM{padding-bottom:20px;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;transition:all .1s ease-in-out;z-index:2;zoom:1;}
/*list-bar2*/
.listBox{text-align:center;margin:0 auto;clear:both;z-index:2;}
.listBox2 .listContent{box-sizing: border-box;border-radius: 0;}
.listBox2 .listContent:hover{box-shadow:0 0 20px rgba(247,77,77,.8);}
.listBox2 .listTitBar{border-radius: 0;border:1px solid #e5e5e5;border-bottom:0;}
.listBox2 .listTitBar{padding:30px 0 0;background:#f6f7f9;height:110px;transition: all .15s cubic-bezier(.4,0,.2,1);}
.listBox2 .listTitBar h2{color:#222;font-size:24px;margin-bottom:15px;}
.listBox2 .listTitBa p{color:#666;}
.listBox2 .rankList{border:1px solid #e5e5e5;border-top:0;}
.listBox2 .rankList table th,.listBox2 .rankList table td{line-height:35px;}
.listBox2 .rankList table th{border-bottom:1px dotted #e5e5e5;}
.listBox2 .rankList table td span.yellowBg{background:#fd6c03;}
/*.listBox2 .rankList{position:relative;}*/
.listBox2 .rankBtn{opacity:0;margin:0;transition: all .15s cubic-bezier(.4,0,.2,1);}
.listBox2 .block{opacity:1;}
.listBox2 .rankList table{/*margin:15px 0 35px 0;*/}
.listBox2 .listContent:hover .rankBtn a,.listBox2 .rankBtn a:hover,.listBox2 .rankBtn a:focus{background:#ED4040;color:#fff;}
.listBox2 .hoverList{background:#ED4040;border:1px solid #ed4040; border-bottom:0;}
.listBox2 .hoverList h2{color:#fff;}
.listBox2 .hoverList p{font-size:14px;color:#fff;}
.listBox2 .ranklistM{border:1px solid #ed4040;border-top:0;}
.listBox2 .ranklistM table{padding:15px 0 20px;transition: all .15s cubic-bezier(.4,0,.2,1);}
.listContent:hover .listTitBar { background: rgba(223,11,11,0.62);background-image:url(../images/rankBg.png);background-position:left bottom;background-repeat:no-repeat;}



@media (max-width: 959px){
.in_about li{ width:100%;}
.in_about_img{ margin-bottom:20px;}
.listBox .listContent:nth-child(1),.listBox .listContent:nth-child(2){ margin-bottom:40px;}
#container tr{ padding:10px !important;}
.mark-left,mark-right{ width:80px;}
	}
@media (max-width: 869px){
.in_news li,.in_xiangmu li,.in_fupin ul li{ width: 48%; margin-right:4%;}
.in_xiangmu li:nth-child(3n){ margin-right:4%;}
.in_xiangmu li p{ display:inline-block; height:22px; overflow:hidden;}
.in_xiangmu li{ padding-bottom:13px;}
.in_news li:nth-child(2n),.in_xiangmu li:nth-child(2n),.in_fupin ul li:nth-child(2n){ margin-right:0px;}
.listContent{ width:92%; margin-bottom:3.5em; padding:0px; padding-bottom:20px;}
.listContent:nth-child(3){ margin-bottom:0em !important;}
.listTitBar{ background-image:none !important; height:27px !important; padding:15px 0 45px 0;}
}

@media (max-width: 769px){
}







