#main{
	width:100%;
}
.figure-container{
	width:100%;
	height:436px;
}
.figure-container img,.cartoon-container img{
	height:100%;
}
.figure-switch-box .container,
.cartoon-switch-box .container{
	position:relative;
}
.arrow-btn{
	position:absolute;
	width:33px;
	height:64px;
	z-index:100;
	top:202px;
}
.figure-switch-box .swiper-slide{
	position: relative;
    overflow: hidden;
}
.figure-switch-box .swiper-slide img {
    position: absolute;
    left: 50%;
    margin-left: -850px;
    top: 0;
    width: 1700px;
}

.arrow-left{
	background-image:url(../images/arrow-left.png);
	background-repeat:no-repeat;
	left:-10px;
}
.arrow-right{
	background-image:url(../images/arrow-right.png);
	background-repeat:no-repeat;
	right:-10px;
}
/*本期要目*/
.principal{
	height:322px;
	border-bottom:1px solid #b6b6b6;
	position:relative;
	padding-top:30px;
}
.principal .title{
	width:100%;
	background-image:url(../images/title-pic.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	height:34px;
	margin-bottom:26px;
	text-align:center;
}
.principal .title span{
	display:inline-block;
	font-size:34px;
	font-weight:bold;
	color:#416261;
	background:#fff;
	line-height:34px;
	padding:0 15px;
}
.principal .article-list{
	float:right;
	width:908px;
}
.principal .catalogue-left{
	width:405px;
	height:218px;
	float:left;
	padding-left:18px;
	padding-right:30px;
	border-right:1px dashed #bfbfbf;
}
.principal .catalogue-right{
	width:428px;
	float:right;
	padding-left:24px;
	height:218px;
}
.principal .foreword-box-text{
	padding:0px 30px;
	background:#f4f4f4;
	color:#3b3b3b;
	font-size:14px;
	line-height:26px;
	height:218px;
}
.principal .foreword-box-text h3{
	font-size:16px;
	line-height: 36px;
	color:#3e6562;
	margin-bottom:4px;
	font-weight:bold;
}
.principal .foreword-box-text p{
	height:130px;
	overflow:hidden;
}
.principal a.lookAll{
	color:#416261;
	line-height:40px;
}
.principal .article-list ul{
    margin-top:0px;
    margin-left:0px;
}

a.more{
	position:absolute;
	bottom:12px;
	right:0;
	color:#416261;
	font-size:14px;
}
/*九宫格*/
.column-group{
	width:100%;
	height:277px;
	border-bottom:1px solid #b6b6b6;
}
.column-group>div{
	float:left;
	height:250px;
	margin-top:14px;
	width:356px;
}
.column-group .box{
	width:320px;
	margin-top:10px;
}
.column-group .left .box{
	margin-left:12px;
}
.column-group .cen .box{
	margin-left:16px;
}
.column-group .right .box{
	margin-left:22px;
}
.column-group>div.cen{
	border-left:1px solid #b6b6b6;
	border-right:1px solid #b6b6b6;
}
.column-group h2.title{
	height:44px;
	position:relative;
	background-image:url(../images/title-bg.png);
	background-repeat:no-repeat;
	line-height:44px;
	color:#fff;
	font-size:25px;
	padding-left:20px;
	font-family: '宋体';
	font-weight:bold;
}
.column-group h2.title a{
	bottom:0;
	font-weight:normal;
}
.column-group .article-list ul{
	margin-top:10px;
	margin-left:10px;
}
.article-list li a:hover{
	color:#416261;
}
 /*专刊*/
 .monograph{
 	margin-top:30px;
 	margin-bottom:30px;
 }
 .monograph a{
 	display:block;
	width:528px;
	height:110px;
 }
 .monograph a img{
 	width:100%;
 	height:100%;
 }
 .monograph a.monograph-left{
 	float:left
 }
 .monograph a.monograph-right{
 	float:right
 }
 /*漫画*/
 .cartoon{
 	height:408px;
 	width:100%;
 	background:#eeeeee;
 }
 .cartoon .cartoon-switch-box{
	position:relative;
 }
 .cartoon-container {
    width: 100%;
    height: 408px;
}
.cartoon-container .swiper-slide{
	position:relative;
	overflow:hidden;
}
.cartoon-container .swiper-slide img{
	position:absolute;
	left:50%;
	margin-left:-850px;
	top:0;
	width:1700px;
}
.index-list li a{
	width:230px;
	display:block;
	float:left;
	overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
}
.index-list li span{
	width:130px;
	text-align:right;
	overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
}
.principal a.more{
	right:0px;
}