@charset "gb2312";
*{ margin:0px; padding:0px; border:0; }
body { -webkit-text-size-adjust: 100%;}
html,body {width:100%;  background:#fff ;  margin:0px; padding:0;  font:16px/1.5 "Microsoft YaHei" , tahoma, arial, \5FAE\8F6F\96C5\9ED1, "Hiragino Sans GB", sans-serif; }
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; } 
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; transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s; }
a:hover{ color:#c52226; text-decoration:none;}
.cl { clear:both;}
div,ul,li,h1,h2,h3,h4,h5,h6,dl,dd,dt,p,i,em,b,span,td,tr { 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; }
.amn img { transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s; }
.amn:hover img { -webkit-transform:scale(1.05);  transform:scale(1.05);}



.warp { width:1200px; margin:0 auto; }
.warp2 { width:1200px; margin:0 auto; }

/*头部*/
.header { width:100%; margin:0 auto; height:575px; position: relative;  background: url("../images/header.jpg") center top no-repeat;}

.tit {  width:1200px; position:absolute; top:72px; left:50%; margin-left:-600px;  text-align: center;}
.tit {  -webkit-animation:tit 1s ease .5s backwards; animation:tit 1s ease .5s backwards; }
@keyframes tit
{
0%   { -webkit-transform:scale(.5);  opacity:0;}
50% { -webkit-transform:scale(1.2);  opacity:.5;}
100% { -webkit-transform:scale(1);  opacity:1;}
}
@-webkit-keyframes tit
{
0%   { -webkit-transform:scale(4);  opacity:0;}
100% { -webkit-transform:scale(1);  opacity:1;}
}

/*头条*/
.tt { width:100%; float: left; padding:45px 45px 40px 45px; text-align: center; }
.tt span { width:100%; float:left; margin-bottom:16px; font-size:36px; line-height:50px; color:#333; font-weight:bold; }
.tt span b { display:inline-block; background:#d50004; padding:0 15px; line-height:40px;  vertical-align:top;  font-size:22px; color:#fff; margin-top:5px; border-radius:5px; margin-right:15px; }
.tt p { width:100%;  font-size:16px; color:rgba(0,0,0,.6); float:left; font-weight:normal; line-height:30px;  }


.w54 { width:56%;}
.w43 { width:40.5%;}

.swiper-container { margin:0 auto; position:relative; overflow:hidden; list-style:none; padding:0; z-index:1;margin-bottom: 40px; }
.swiper-wrapper { position: relative; width:100%; height:382px; z-index:1; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
.swiper-slide { width:100%; height:100%; position:relative; -webkit-flex-shrink:0; -ms-flex-negative:0; flex-shrink:0; }
.swiper-slide h3 { width:100%; height:100%; position: absolute;}
.swiper-slide h3 img { width:100%; height:100%; }
.swiper-slide h3 span { width: 100%;  position:absolute; bottom:0; float:left; padding:20px 30px 50px 30px; font-size:22px; line-height:24px; color:#fff; text-shadow:1px 1px 5px rgba(0,0,0,.8); background:-webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,0)),to(rgba(0,0,0,.8)));position:absolute;  text-align:center;   }

.swiper-button-prev,.swiper-button-next { width:50px; height:60px; top:50%; margin-top:-30px; cursor:pointer; position:absolute; z-index:99; text-align:center; line-height:60px; font-size:50px; color:#fff; font-family:"\5B8B\4F53";  font-weight:bold; text-shadow:1px 1px 5px rgba(0,0,0,.2); }
.swiper-button-next { right:15px;}
.swiper-button-prev { left:15px;}

.swiper-pagination { position:absolute; text-align:center;  z-index:10;bottom:20px; left:0; width:100%; }
.swiper-pagination-bullet { width:10px; height:10px; display:inline-block; border-radius:100%; background:#fff; border-radius:6px; cursor:pointer; margin:0 4px;}
.swiper-pagination-bullet-active{ opacity:1; background:#f56a3f; width:40px; }


/*新闻*/
.news { width:100%; float:right; margin-top: -10px; }
.news ul li { width:100%; float: left; font-size:16px; color:#666;line-height:48px; height:48px; overflow:hidden; padding:0 0 0 35px; background: url(../images/yuan.png) left center no-repeat;  border-bottom:1px dashed #e6e6e6}

.newslist { width:100%; float:right; margin-bottom:55px; margin-top: -10px; }
.newslist ul li { width:100%; float: left; font-size:16px; color:#666;line-height:50px; height:50px; overflow:hidden; padding:0 0 0 35px; background: url(../images/yuan.png) left center no-repeat;  border-bottom:1px dashed #e6e6e6}
.newslist ul li span { color:#999; float:right; font-size:14px; }


.more { float:right; margin-top:24px; }
.more a { display:inline-block; font-size:16px; color:#555; background:#f8f8f8; padding:0 16px; line-height:42px; border-radius:3px;  }
.more a:hover { color:#fff; background:#c52226;  }

.lm { width:100%; float:left; margin:0 auto; overflow:hidden; text-align:center; padding:50px 0; }


/*学思践悟*/
.bj1 { width: 100%; float: left;  background: url(../images/bj1.jpg) center top no-repeat; margin-top: 55px;}
.xsjw { width:100%; float:left; margin-bottom: 40px; }
.xsjw ul li { width:32%; float:left; margin-right:2%; margin-bottom:20px; height:145px; overflow:hidden; padding:18px 25px 0 25px; background:#fff; border-bottom:15px solid #fff; transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s; }
.xsjw ul li span { width:100%; float:left; line-height:26px; font-size:18px; font-weight:bold; overflow:hidden; max-height:52px; color:#333; }
.xsjw ul li p { width:100%; float:left;  color:#999; font-size:14px; line-height:23px; font-weight:normal; padding:11px 0 0 0; }
.xsjw ul li:hover { background:#c52226;  border-bottom:15px solid #c52226;}
.xsjw ul li:hover span { color:#fff; }
.xsjw ul li:hover p { color:#fff; }
.xsjw ul li:nth-child(3n) { margin-right:0; }


/*循迹溯源*/
.xjsy { width:100%; float:left; margin-bottom: 30px; } 
.xjsy ul li { width:31.6%; float:left; margin-right:2.6%;  margin-bottom:30px; }
.xjsy ul li h3 { width:100%; height:230px; display:block; overflow:hidden; }
.xjsy ul li h3 img { width:100%; height:100%; }
.xjsy ul li h4 { width:100%; float:left; color:#333; line-height:25px; font-size:16px; font-weight: bold;  height:55px;  overflow: hidden; padding:15px 25px 0 25px; background:#f6f6f8;  border-bottom: 15px solid #f6f6f8;
transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s; }


.xjsy ul li:hover h4 { background:#c52226; color: #fff;  border-bottom: 15px solid #c52226;}
.xjsy ul li:hover h4 span { color:#fff;}
.xjsy ul li:hover h4 p { color:rgba(255,255,255,.8);}
.xjsy ul li:nth-child(3n) { margin-right:0; }



/*评论文章*/
.bj2 { width: 100%; float: left;  background: url(../images/bj2.jpg) center center no-repeat; padding: 0 0 60px 0; }
.plwz { width:100%; float:left; }
.plwz ul li { width:48%; float:left; color:#333; line-height:45px; font-size:16px; margin-bottom:15px; border: 1px dotted #d2d2d2;  background:url(../images/titbj.png) left center no-repeat #fff; height:45px; overflow:hidden; padding:0 25px 0 45px;  border-radius:5px;}
.plwz ul li:nth-child(2n) { float:right; }




.footer { width: 100%; float:left; color:#fff; line-height:30px; font-size:15px; text-align: center; padding:14px 0;   background:linear-gradient(135deg,#ea2d1a 0,#c10c19 100%); }
.footer font { margin-left: 14px; }
.footer strong { margin-left: 10px; }



@media screen and (max-width:800px) {

	
/*头部*/
.header { width:100%; margin:0 auto; height: 12rem; background-size: cover; }

.tit {  width:100%; position:absolute; top:2rem; left:0; margin-left:0;  text-align: center;}
.tit img { width: 90%; height: auto; }	

	
	
	

.warp { width:100%; padding:0 5%; }	
.warp2 { width:100%; padding:0 3%; }	


.tt { width:100%; margin:0 auto; overflow:hidden; padding:6% 0; }
.tt span {  width:100%; float:left; margin-bottom:.9rem; font-size:1.5rem; line-height:2rem; font-weight:bold; }
.tt span b { padding:0 .7rem; line-height:1.9rem;  vertical-align:top;  font-size:1rem;  margin-top:.1rem; border-radius:3px; margin-right:.7rem; }
.tt p { width:100%; font-size:.9rem; float:left; line-height:1.5rem;  }

.w54 { width:100%; float: left;}
.w43 { width:100%; float: left;}

/*焦点图*/
.swiper-container { margin:0 auto; position:relative; overflow:hidden; list-style:none; padding:0; z-index:1; margin-bottom:2%; margin-top:0; }
.swiper-wrapper { position: relative; width:100%; height:12rem; z-index:1; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
.swiper-wrapper img { width:100%; height:100%; }
.swiper-slide { width:100%; height:100%; position:relative; -webkit-flex-shrink:0; -ms-flex-negative:0; flex-shrink:0; }
.swiper-slide h3 img { width:100%; height:100%; }
.swiper-slide h3 span {  padding:5% 5% 4% 5%;  font-size:1.1rem; font-weight:600; line-height:1.5rem;  }
	
.swiper-button-prev,.swiper-button-next { width:2.5rem; height:3rem; line-height:3rem; margin-top:-1.8rem; font-size:2rem; text-align: center;  text-shadow:1px 1px 5px rgba(0,0,0,.5); }
.swiper-button-next { right:0;}
.swiper-button-prev { left:0;}
	
.swiper-pagination {  display: none; }
	

.news { width:100%; float:left; margin-top:0; }
.news ul li { width:100%; font-size:.95rem; line-height:1.4rem; height: auto; padding:.6rem 0 .6rem 32px; background: url(../images/yuan.png) left .6rem no-repeat;}

.newslist { margin-bottom:8%;}
.newslist ul li {width:100%; font-size:.95rem; line-height:1.4rem; height: auto; color: #333; padding:.6rem 0 .6rem 32px; background: url(../images/yuan.png) left .6rem no-repeat;}
.newslist ul li span { display:none; }



.more { float:right; margin-top:5%; }
.more a { font-size:.95rem;  padding:0 .9rem; line-height:2.3rem; background:#c52226; color: #fff;  }

.lm { width:100%; float:left; padding:6% 0; margin:0 auto; }
.lm img { width: 50%; height: auto; }


/*学思践悟*/
.bj1 { width: 100%; float: left;  background: url(../images/bj1.jpg) center top no-repeat #f0f0f8; margin-top:0; padding:0 0 5% 0; }
.xsjw { width:100%; float:left; margin-bottom:-3%; }
.xsjw ul li { width:100%; float:left; margin-right:0; margin-bottom:3%; height:auto; overflow:auto; padding:.9rem 5%; border-bottom:0px solid #f6f6f8; }
.xsjw ul li span { width:100%; float:left; line-height:1.5rem; font-size:1rem;  overflow:auto; max-height:auto;  }
.xsjw ul li p { line-height:1.5rem; font-size:.9rem; padding:.5rem 0 0 0; }
.xsjw ul li:hover { background:#fff;  border-bottom:0 solid #c52226;}
.xsjw ul li:hover span { color:#333; }
.xsjw ul li:hover p { color:#999; }


/*循迹溯源*/
.xjsy { margin-bottom:0%; } 
.xjsy ul li { width:100%; float:left; margin-right:0;  margin-bottom:6%; }
.xjsy ul li h3 { width:100%; height:auto; }
.xjsy ul li h3 img { width:100%; height:13rem; }
.xjsy ul li h4 {  height:auto; overflow:auto; padding:.7rem 0 0 0; background:#fff; border-bottom:0 solid #f6f6f8;  line-height:1.5rem; font-size:1rem;  font-weight:bold; overflow:auto; max-height:auto;}
	
.xjsy ul li:hover h4 { background:none; border-bottom:0 solid #c52226; color:#333;}




/*评论文章*/

.bj2 { width: 100%; float: left;  background: url(../images/bj2.jpg) center bottom no-repeat #fcf7f3; padding: 0 0 5% 0; }
.plwz { width:100%; float:left; margin-bottom: -3%; }
.plwz ul li { width:100%; font-size:.95rem; line-height:1.4rem; margin-bottom:3%;  background:url(../images/titbj.png) -10px center no-repeat #fff; height:auto; overflow:hidden; padding:.5rem 1rem .5rem 35px; }



.footer { width: 100%; float:left;  line-height:1.5rem; font-size:.95rem; padding:.6rem 0; }
.footer font { display: none; }
}
