@charset "utf-8";
/* CSS Document */
/*--@import url("font-awesome/css/font-awesome.css")--*/

.banner{
	height:442px;
	background:url(../images/banner.jpg) center no-repeat
}
.main01{
	padding:50px 0;
	background-color:#f5f9fc
}
.con{
	line-height:40px;
	padding:20px 40px;
	position:relative
}
.con p{
	margin-bottom:20px
}
.con:before{
	content:' ';
	position:absolute;
	left:0;
	top:0;
	width:66px;
	height:48px;
	background:url(../images/before.png) no-repeat
}
.con:after{
	content:' ';
	position:absolute;
	right:0;
	bottom:0;
	width:66px;
	height:48px;
	background:url(../images/after.png) no-repeat
}
.slide01{
	width:664px;
	height:420px;
	overflow:hidden
}
.slide01 .hd{
	position:absolute;
	bottom:10px;
	right:40px;
	z-index:1
}
.slide01 .hd ul li{
	display:inline-block;
	width:8px;
	height:8px;
	border-radius:4px;
	background-color:white;
	margin:4px;
	text-indent:999px;
	cursor:pointer
}
.slide01 .hd ul li.on{
	background-color:red
}
.list{
	width:500px
}
.list ul li{
	line-height:24px;
	padding-left:5%;
	width:95%;
	margin-bottom:40px;
	background:url(../images/dot01.gif) left 11px no-repeat;
}
.main03{
	margin-top:40px;
	padding:40px 0;
	background:url(../images/bg02.jpg) center repeat-y
}
.box01{
	width:387px;
	height:340px;
	background-color:white;
	margin-top:10px;
	border-bottom:5px solid #0067d7
}
.box01>a>h3,
.box01>p{
	padding:20px
}
.box01 ul li{
	padding:15px 0;
	border-bottom:1px solid #dedede
}
.box01 .more a{
	display:block;
	background:url(../images/arrow.jpg) right center no-repeat
}
.slide02{
	width:1200px;
	overflow:hidden
}
.slide02 .bd ul li{
	width:285px;
	height:160px;
	margin-right:20px
}
.slide02 .hd{
	width:100%;
	text-align:center;
	margin:40px 0
}
.slide02 .hd ul li{
	display:inline-block;
	width:14px;
	height:14px;
	border-radius:7px;
	background-color:#b8d4f4;
	cursor:pointer;
	text-indent:-9999px;
	margin:5px
}
.slide02 .hd ul li.on{
	background-color:#0067d7
}
.topnews{
	width:450px;
	background-color:#eef2fa
}
.topnews img{
	width:410px;
	height:275px
}
.topnews h3{
	line-height:30px;
	margin:20px 0
}
.topnews p{
	line-height:28px
}
.view_list{
	width:720px;
	height:500px;
	overflow-y:auto
}
.view_list li img{
	width:184px;
	height:184px;
	border-radius:102px;
	overflow:hidden;
	border:10px solid #eef2fa;
	margin-right:20px
}
.view_list li{
	float:left;
	padding-bottom:20px;
	padding:20px 0;
    width:660px;
}
.view_list li h3{
	margin-bottom:20px;
	line-height:30px
}
.view_list li p{
	line-height:24px
}

.slide01 .bd ul li img{
	width:664px;
	height:420px
}
.box01 a img{
	width:385px;
	height:188px
}
.slide02 .bd ul li img{
	width:285px;
	height:160px
}
.history li{
	background-color:white;
	padding:20px;
	margin-bottom:20px;
	display:inline-block;
    width:1160px;
}
.history li>img{
	border-radius:6px;
	float:left;
	margin-right:20px;
    width:260px;
}
.history li h3{
	font-weight:normal;
	margin-bottom:20px
}
.history li p.grey{
	margin-bottom:20px
}
.main03 .more{
	width:100%;
	text-align:center;
	margin:20px auto
}
.more a{
	display:inline-block;
	width:20%;
	height:40px;
	line-height:40px;
	background-color:#0069c4;
	color:white;
	text-align:center
}
.foot{
	border-top:1px solid #dedede;
	padding:30px 0;
	line-height:30px;
	font-size:16px
}
.foot>a>img{
	position:absolute;
	top:50%;
	margin-top:-29px;
	right:10%
}
.foot>a>img.img1{
	margin-top:-40px;
	left:10%;
	right:auto
}

@media screen and (max-width: 800px){
	
  .banner img{
	  display:none
  }

}
@media screen and (max-width: 800px){
  
  .con:before,
  .con:after,
  .foot img{
	  display:none
  }
  .w1200,
  .list,
  .topnews{
	  width:100%;
	  box-sizing:border-box
  }
  .w1200{
	  width:96%;
	  margin:0 2%
  }
  .banner img{
	  display:block;
	  width:100%;
	  height:auto
  }
  .banner{
	  background:none;
	  height:auto
  }
  .main01{
	  padding:2em 0
  }
  .con{
	  padding:0;
	  margin-top:0
  }
  .con img{
	  float:none;
	  text-align:center;
	  margin:0;
	  margin-top:2em;
	  width:100%
  }
  .slide01,
  .slide01 .bd ul li img,
  .main02>.w1200>a>img,
  .topnews img,
  .view_list{
	  width:100%;
	  height:auto
  }
  .slide01,
  .list ul li{
	  margin-bottom:1em
  }
  .tit{
	  margin-top:0
  }
  .main02>.w1200:nth-child(2)>.tit{
	  display:none
  }
  .topnews:before,
  .view_list:before{
	  content:'主编谈';
	  font-size:36px;
	  font-weight:bold;
	  color:#0069c4;
	  width:100%;
	  text-align:center;
	  height:40px;
	  line-height:40px;
	  padding:20px 0;
	  background-color:white;
	  display:inline-block;
      vertical-align:middle;
  }
  .view_list:before{
	  content:'大咖说'
  }
  

}