﻿@charset "utf-8";
/*
 * name:layout
 * author:ciecc
 * date:2018-07-27
 */
body{
    font-family:'\5FAE\8F6F\96C5\9ED1';
    color:#000;
	background:#fff;
    font-size:14px;
	min-width: 1200px;
	font-family: "SourceHanSansCN Bold","Microsoft Yahei","\5b8b\4f53";
}
.clearfix{
	clear: both;
}
.pull-left{
	float: left;
}
.pull-right{
	float: right;
}
a{cursor: pointer;}

/******辅助*******/

.w1200{width:1200px;width:1200px\0; +width:1200px; _width:1200px;margin:0 auto;}
.f-w1100{width:1100px;width:1100px\0; +width:1100px; _width:1100px; }
.f-w1040{width:1040px;width:1040px\0; +width:1040px; _width:1040px;}
.f-w1000{width:1000px;width:1000px\0; +width:1000px; _width:1000px;}
.f-w980{width:980px;width:980px\0; +width:980px; _width:980px;}
.f-w940{width:940px;width:940px\0; +width:940px; _width:940px;}
.f-w680{width:680px;width:680px\0; +width:680px; _width:680px;}
.f-w500{width:500px;width:500px\0; +width:500px; _width:500px;}
.f-w390{width:390px;width:390px\0; +width:390px; _width:390px;}
.f-w460{width:460px;width:460px\0; +width:460px; _width:460px;}
.f-w720{width:720px;width:720px\0; +width:720px; _width:720px;}
.f-ml20{margin-left:20px;}
.f-mr20{margin-right:20px;}
.f-mr15{margin-right:15px;}

.f-mt15{margin-top:15px;}
.f-mt10{margin-top:10px;}
.f-mt20{margin-top: 20px;}
.f-mt30{margin-top: 30px;}
.f-mt40{margin-top: 40px;}
.f-mt60{margin-top: 60px;}
.f-pt10{padding-top: 10px;}
.f-pt20{padding-top: 20px;}
.f-pt30{padding-top: 30px;}
.f-mt15-f{margin-top:-15px;}
.f-mt10-f{margin-top:-16px;}
.f-ml22-f{margin-left:-22px;}

.f-mb15{margin-bottom:15px;}
.f-mb10{margin-bottom:10px;}

.f-w240{width:240px;}
.f-w300{width:300px;}
.f-w310{width:310px;}
.f-w340{width:340px;}
.f-w350{width:350px;}
.f-w360{width:360px;}
.f-w400{width:400px;}

.f-w420{width:420px;}
.f-w440{width:440px;}
.f-w490{width:490px;}
.f-w373{width:373px;}
.f-w584{width:584px;}
.f-w836{width:836px;}
.f-w328{width:328px;}
.f-w280{width:280px;}
.f-w160{width:160px;margin-top: 18px;}
.f-w580{width: 580px;}
.f-mr25{margin-right:25px;}
.f-pr40{padding-right:40px;}

.mar-top60{
	margin-top: 60px;
}



/*//banner大图*/
.banner-datu{
	width: 1200px; 
	height: 600px; 
	margin: 0 auto 0px;
}
.banner-datu img{
	width: 100%;
	height: 100%;
}


/*左图右新闻开始*/

/*// 大图和主题报道开始*/
/*焦点�?*/
/*.img-lef {
	margin-left: 100px;
}*/
.index_focus .lft_picbox{width:1200px;height:700px;overflow:hidden;float:left;margin: 0 auto;}
.index_focus .lft_pic{height: 700px;}
		.pannel-image, .index_focus img{width:100%;height:600px !important;}
	
		.slider-carousel{position:relative;width:100%;height:700px;overflow:hidden;}
		.slider-carousel .item{width:100%;height:700px;}
		
		.slidesjs-pagination{overflow:hidden;zoom:1;position:absolute;right:-120px;top:570px;height:12px;z-index:10;overflow:hidden; }
		.slidesjs-pagination-item{float:left;}
		.slidesjs-pagination-item a{ width: 10px;height: 10px; border-radius: 50%; display: inline-block;background: #fff;opacity: 0.9; margin-left: 4px;text-indent:-9999em;}
		.slidesjs-pagination-item a.active{ _margin:0 2px 0 2px; border-radius: 12px; width:20px;height:10px;}
		
		.subtitle, .subtitle h5{width: 1200px !important;  text-align: center;}
		.slider-carousel .titBg{position:absolute; width:100%; height:34px; top:620px; z-index:1;}
		.slider-carousel .subtitle{position:absolute;  height:34px; top:620px; z-index:2; background: none; opacity: 0.9; cursor: pointer;}
	
		.slider-carousel .subtitle a{text-decoration:none; font-weight:normal; color:#1a1a1a; font-size:18px; line-height: 34px; border-bottom:1px solid #e50516; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-left:5px; padding: 0 20px 20px 20px; }
		.slider-carousel .subtitle a:hover{ cursor: pointer;}
		.slidesjs-container{ overflow:visible !important}
		


/*标题-更多*/
.posi-rel{
	position: relative;
}
.more_div {
    /*margin-top: 6px;*/
    position: absolute;
    right: 0;
    top: 13px;
}
.more_div a {
   
    padding: 5px 2px;
    cursor: pointer;
    border-radius: 2px;
    color: #777;
}
.more_div a:hover {
    color: #e50516;
    transition: 0.3s;
}


/*要闻开始*/

.yw_ul li {
    border-bottom: 1px dashed #ccc;
    padding: 24px 0 10px;
}
.text_box {
    padding: 0px 0 8px;
    display: inline-block;
}
.text_box a h3 {
    line-height: 32px;
    font-size: 22px;
    color: #1a1a1a;
}
.text_box a p {
    color: #666;
    font-size: 14px;
    line-height: 24px;
   
    margin-top: 8px;
}
.yw_ul li:hover{
	border-bottom: 1px dashed #e50516;
	transform: 0.5s;
}
.yw_ul li:hover a h3{
	color: #e50516;
	transform: 0.5s;
}



/*要闻结束*/

/*伟大征程开始*/
.wdzc-con li:nth-child(odd) {
    margin-right: 50px;
}

.features-block {
	float: left;
    /*cursor: pointer;*/
	width: 575px;
    height: 200px;
    position: relative;
    padding: 40px 30px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 15px;
    background: #CC170F;
}

.features-block:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ffffff;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    border: 1px solid #C3401C;
}

.features-block:hover:before {
    -webkit-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
}

.features-block .contents {
    position: relative;
}

.features-block .contents h2{
    font-size: 22px;
    font-weight: 600;
    
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    color: #1a1a1a;
}
.features-block .contents h2:hover{
	color: #e50516;
}
.features-block .contents .text{
    margin-top: 14px;
    color: #777;
    font-size: 14px;
    line-height: 28px;
    text-indent: 2em;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;

}
.text-wdzc{
    color: #e50516;
    font-size: 14px;
    display: block;
    margin-top: 15px;
}
/*伟大征程结束*/

/*时代风采*/
.sdfc_con {
  
    float: left;
    margin-top: 30px;
}
.sdfc_con li{
	float: left;
	width: 380px;
	
}
.sdfc_con li:nth-child(2), .sdfc_con li:nth-child(3){
	margin-left: 30px;
}
.sdfc_con li a img{
	width: 100%;
	height: 226px;
}
.sdfc_con li p {
	margin-top: 10px;
	color: #555;
}


/*各地动态*/
.list-gddt {
    margin-top: 50px;
}
.list-gddt li {
    line-height: 40px;
    
    color: #404040;
    background: url(https://www.redcross.org.cn/Templets/zhuanti/images/icon_05.png) 0 10px no-repeat;
    background-size: 18px;
    padding-left: 20px;
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 24px;
    float: left;
    display: block;
    width: 575px;
}
.list-gddt li:nth-child(odd) {
    margin-right: 50px;
}

.list-gddt li a {
    color: #1a1a1a;
    overflow: hidden;
    /* max-height: 80px; */
    display: block;
    letter-spacing: 1px;
    font-size: 20px;
    font-family: "微软雅黑";
    line-height: 40px;
    padding-left: 20px;
    padding-bottom: 24px;
}


/*//内容区域*/
.newbox{
	width: 1200px;
	margin: 60px auto 0px;
}
.news_head {
    border-bottom: 1px solid #e5e5e5;
    height: 42px;
}
.news_head .news_title h2 {
    font-size: 26px;
    border-left: 4px solid #e50516;
    padding-left: 20px;
    font-weight: 600;
}
.tpsp-more_div a {
    padding: 6px 12px;
    cursor: pointer;
    border-radius: 2px;
}
.tpsp-more_div a:hover {
	color: #e50516;
	transition: 0.3s;
}
.sptp_con-left{
	width: 570px;
  height: 200px;
  float: left;
  margin-top: 30px;
}
.sptp_con-left li{
	float: left;
	width: 270px;
	/*height: 180px;*/
	overflow: hidden;
}
.sptp_con-left li:nth-of-type(even){
	margin-left: 30px;
}
.sptp_con-left li a img{
	width: 100%;
	height: 160px;
}
.sptp_con-left li p {
	margin-top: 10px;
	color: #555;
}

.bot-fixed {
    text-align: right;
    margin-right: 20px;
    margin-top: 20px;
    height: 60px;
}
.bot-fixed a {
    color: #fff;
    background: red;
    border-radius: 20px;
    padding: 8px 20px;
    cursor: pointer;
}
