.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
		.nav{ display: flex;justify-content: space-around; height:50px; line-height:50px; background:#ad0023;  position:relative; z-index:1;  }
		.nav a{ color:#fff;  }
		.nav .nLi{ float:left;  position:relative; display:inline;  }
		.nav .nLi h3{ float:left;  }
		.nav .nLi h3 a{ display:block; padding:0 20px; font-size:16px; font-weight:bold;  }
		.nav .sub{ display:none; width:120px; left:0; top:50px;  position:absolute; background:#ad0023;  line-height:26px; padding:5px 0; }
		.nav .sub li{ zoom:1; text-align: center; height: 40px;font-size:14px; line-height: 40px;}
		.nav .sub a{ display:block; padding:0 10px; }
		.nav .sub a:hover{ background:#FFFFFF; color:#ad0023;  }
		.nav .on h3 a{ background:#FFFFFF; color:#ad4d00;   }

/*导航条  设置宽度为100% 固高58px*/
.navigation{
   width:1200px;
   height:55px;
   margin:0 auto
}

/*轮播图
   固宽100%
   固高550px
*/
.banner{
   width:100%;
   height:450px;
   position:relative;
   z-index: -1;
}
/*广告栏*/
.advertising{
   width:100%;
   height:440px;
}



/*页脚  固高140px 外边距 -100px  背景颜色 黑灰色*/
.footer {
   height: 148px;
   background-color:#444444;

}

/*页脚文案 
    固高140px
    固宽470px
    字体颜色 白色
    字体大小 18px
    字体文本居中
    实现多行文本垂直居中效果
    属性设置元素的垂直对齐
*/
.footer_details{
   float:left;
   width:470px;
   color:#FFFFFF;
   margin-top: 30px;
   line-height: 30px;
   font-size:14px;
   text-align:left;
   display: table-cell;
    vertical-align:middle;
   
}

/*页脚段落 */


/*页脚图片*/
.footer_img{
   float:right;
   height:148px;
   width:298px;

}
/* 中间部分 */
.flexdiv{
    display: flex;
    justify-content: space-between;
}
.ellipsis,
.workdetail span{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.brandcon{
    width: 100%;
min-width:1200px;
    padding:26px 3.8% ;
    background: #ffffff;  
    box-sizing: border-box;
}
.brand{
    width: 61%;
}
.title{
    align-items: center;
    border-bottom: 3px solid #959595;
}
.title p{
    border-bottom:3px solid #b00303;
    color: #b00303;
    width: 150px;
    font-size: 24px;
    font-weight: bold;
    padding-bottom: 10px;
    position: relative;
    bottom: -3px;
}
.title div{
    font-size: 14px;
    padding-bottom: 12px;
    position: relative;
    bottom: -3px;
    color: #7d7d7d;
    padding-right: 19px;
}
.brandetail{
    padding: 26px 0;
}
.leftbrand{
    width: 41%;
}
.rightbrand{
    width: 57%;
}
.leftbrand img{
    width: 100%
}
.leftbrand a{
    text-align: center;
    width: 100%;
    overflow: hidden;
    line-height: 48px;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.rightbrand div{
    padding-bottom: 20px;
	height: 18px;
}
.rightbrand div:last-child {
    padding-bottom: 0;
}
.rightbrand .list{
    width: 71%;
    overflow: hidden;/*溢出隐藏*/
    white-space: nowrap;/*不换行*/
    text-overflow: ellipsis;/*溢出省略号*/
}
.notice{
    width: 34.5%;
}
.noticecon .list{
  padding-top: 20px;
}
.notice .date{
    width: 27%;
    margin-right: 1.5%;
    display: block;
}
.notice .date div{
	width:75px;
	height: 34px;
    
    text-align: center;
    padding: 2px;
    background:#8a1b09;
    color: #ffffff;
    font-size: 24px;

}
.noticecon .date p{
	width: 78px;
	height: 24px;
    color: #50483e;
    text-align: center;
    border: 1px solid #d4d4d4;
    border-top: 0;
    padding: 5px 0;
    font-size: 16px;
}
.noticecon .listdetail{
    line-height: 30px;

}
.works{
    padding:0  3.8% ;
min-width:1200px;
    background:  #f4f4f4 ;
}
.workslist{
    width: 31%;
}
.worktitle{
    font-size: 30px;
    color: #b00303;
    font-weight: bold;
    padding-top:31px; 
    text-align: center;
    
}
.tags{
    color: #b2b2b2;
    padding: 20px 0 30px 0;
    text-align: center;
}
.works .title p{
    width:auto;

}/*信仰初心教育品牌*/
.workdetail{
    padding-top: 20px;
}
.worksimg{
	padding-top: 20px;
    padding-bottom: 12px;
}
.worksimga{
    padding-bottom: 0px;
}
.worksimg img{
    width: 28.6%;
    margin-right: 2.5%;
float:left;
}
.worksimga img{
    width: 28.6%;
    margin-right: 2.5%;
}
.worksimg a{
    line-height: 30px;
}

.workdetail span:first-child{
    width: 84%;
}
.workdetail span{
	float: right;
    display: inline-block;
    vertical-align: middle;
}

.worksbot{
    margin-top: 30px;
    padding-bottom: 35px;
}
.worksbot .worksbotlist{
    background: #ffffff;
    padding: 0 3%;
	line-height: 30px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
    box-sizing: border-box;
    height: 240px;
}
.twoimg{
	display: flex;
	justify-content: space-around;
}

.twoimg img{
    width: 98%;
}
.biaotia {
	text-align: center;
	font-weight: bold;
}
.biaoti_you{
	margin-left: 20px;}
.firstworkdetail {
    padding-top: 21px;
}
.worksbotlist .workdetail{
	display: block;
    padding-top: 6px;
}
.botnav{
    background: #ffffff;
    padding: 28px  3.8%;
}
.botnavcon{
    background-color: #f4f4f4;
}
.botnavcon a,
.botnavcon span{
    display: inline-block;
    height: 46px;
    line-height: 46px;
    padding:0 2%;
    cursor: pointer;
}
.botnavcon span{
    background-color: #c48336;
    color:#ffffff;
    position: relative;
    margin-right: 24px;
	font-size: 18px;
}
.botnavcon div{
    width: 0;
    height: 0;
    border-top: 23px solid transparent;
    border-bottom: 23px solid transparent;
    border-left: 23px solid #c48336;
    position: absolute;
    top: 0;
    right: -23px;
}
/*********************列表页********************/
.list-main{
	overflow: hidden;
	padding-top: 20px;
}
.list-main-left{
	width:240px;
	padding-left: 20px;
	margin-right: 25px;
}
.list-main-right{
	width: 910px;
	padding-bottom: 10px;
}
.list-top{
	width: 240px;
	height: 62px;
	line-height: 62px;
	text-align: center;
	background: #6c0202;
}
.list-top span{
	font-size: 24px;
	color: #fff;
	font-weight: 600;
}
.list-ul{
	border: solid #ccc;
	border-width: 1px 1px 0 1px;
}
.list-ul>li .nav-text{
	height: 50px;
	padding-left: 20px;
	border-bottom: 1px solid #ccc;
	line-height: 50px;
	font-size: 18px;
	color: #3b3b3b;
	text-align: center;
	background: url("../images/list_nav.jpg") no-repeat 70px center;
	cursor: pointer;
}
.list-ul>li.active .nav-text,
.list-ul>li .nav-text:hover{
	color: #fff;
	background: #a92b1f url("../images/list_nav_hover.jpg") no-repeat 70px center;
}
.nav-sub{
	display: none;
	border-bottom: 1px solid #ccc;
}
.list-ul>li.active .nav-sub{
	display: block;
}
.nav-sub li a{
	display: block;
	height: 42px;
	padding-left: 20px;
	line-height: 42px;
	text-align: center;
	font-size: 15px;
	color: #3b3b3b;
	background: url("../images/list_sub_nav.jpg") no-repeat 72px center;
}
.nav-sub li.on a,
.nav-sub li:hover a{
	color: #a92b1f;
	background: url("../images/list_sub_nav_hover.jpg") no-repeat 72px center;
}

.list-main-left .contact-div{
	margin-top: 40px;
}
.list-main-left .contact-div .contact-title{ 
	color: #1d1d1d;
	font-size: 21px;
	height: 33px;
	border-bottom: 1px solid #cccccc;
}
.list-main-left .contact-div .contact-title span{
	padding-left: 6px;
	padding-bottom: 10px;
	position: absolute;
	display: inline-block;
}
.contact-list ul{
	padding-top: 10px;
}
.contact-list ul li{
	padding: 10px 0 10px 6px;
	color: #010101;
	font-size: 14px;

}
.contact-list ul li span{
	color: #e9a554;
}
.pl60{
	padding-left: 56px;
}
/**right**/
.list-right-title{
	overflow: hidden;
	height: 45px;
	line-height: 45px;
	background: #f6f6f6;
}
.list-right-title span{
	padding-left: 10px;
	font-size: 18px;
	color: #a92b1f;
	font-weight: bold;
}
.list-right-title>.fr{
	font-size: 12px;
	color: #787878;
padding-right:10px;
}
.list-con ul li{
	overflow: hidden;
	padding: 10px 0 10px 0;
	font-size: 14px;
	background: url("../images/list_bg.jpg") no-repeat 10px center;
}
.list-con ul li img{
	position: relative;
	top: 6px;
	margin-right:8px;
}
.list-con ul li a{
	color: #191919;
	font-size: 14px;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 700px;
	padding-left: 25px;
}
.list-con ul li a:hover{
	color: #c62724;
}
.list-con ul li span{
	color: #9f9f9f;
	font-size: 14px;
}
/**page**/
.page{
	text-align: center;
	margin-top: 33px;
	height: 27px;
	position: relative;
}
.page input{
	width: 30px;
	height: 22px;
	position: relative;
	border: 1px solid #a9a9a9;
	top:-0.5px;
	line-height: 20px;
}
.page span{
	display: inline-block;
	margin:  0 10px;
	color: #000;
}
.page a{
	border: 1px solid #afd5f5;
	padding: 0px 5px;
	color: #000;
	height: 24px;
	display: inline-block;
}
.page a.active{
	color: #cccccc;
}
.page a.toPage{
	background: #d1e6fa;
	margin-left: 20px;
}

/*list header*/
.list-header{
	height: 360px;
	padding: 45px 0;
	background: #e6e6e6;
	text-align: center;
}
.list-header img{
	width: 1200px;
	height: 100%;
}
/*content*/
.content-title{
	padding: 30px 0 20px;
	font-size: 20px;
	font-weight: 600;
	color: #3d3c3c;
	text-align: center;
}
.content-time{
	padding-bottom: 12px;
	font-size: 12px;
	color: #9a9a9a;
	text-align: center;
}
.content-honor{
	font-size: 14px;
	color: #2e2e2e;
	line-height: 30px;
}
.content-text{
	font-size: 14px;
	color: #2e2e2e;
	line-height: 30px;
	text-indent: 28px;
}
.content-end{
	margin-top: 40px;
	margin-bottom: 20px;
}
.content-end .content-text{
	text-align: right;
}
.content-pic{
	padding: 25px 0;
	text-align: center;
}
.content-pic img{
	width: 500px;
	height: 280px;
}
.share-box{
	text-align: right;
}
.share-box span{
	font-size: 15px;
	color: #444;
}
.share-box img{
	width: 24px;
	height: 24px;
	margin: 0 2px;
	border: none;
}
.page-box{
	margin-top: 30px;
	padding: 30px 0 0;
	border-top: 2px solid #a92b1f;
}
.page-box div{
	font-size: 15px;
	color: #444;
}
.page-box div:hover{
	color: #a92b1f;
}
.page-box div:first-child{
	margin-bottom: 17px;
}