@charset "utf-8";
/* CSS Document */
.top{
	height:414px;
	background:url(/static_common/images/guohui/xw_guohui_jczwpt_banner.jpg) top center no-repeat;
	text-indent:-9999px
}
nav{
	height:60px;
	line-height:60px;
	border-top:1px solid #3d94e8;
	background-color:#245399;
	text-align:center
}
nav ul li{
	display:inline-block
}
nav ul li a{
	display:block;
	color:white;
	padding:0 16px
}
nav ul li a:hover{
	background-color:#3d94e8;
	color:white
}
.main .bg_ff{
	margin-top:20px
}
.box{
	width:395px;
	padding:15px;
	box-sizing:border-box
}
.box .tit{
	height:40px;
	line-height:40px;
	border-bottom:1px solid #dedede;
	background:url(../images/tit_bg.gif) left center no-repeat
}
.box .tit h3{
	font-size:20px;
	float:left;
	padding:0 10px;
	color:#245399
}
.box .tit a{
	float:right;
	margin-right:10px;
	padding-right:20px;
	background:url(../images/more.jpg) right center no-repeat
}
.list{
	margin-top:20px
}
.list li{
	padding-left:10px;
	box-sizing:border-box;
	height:20px;
	line-height:20px;
	margin-bottom:20px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	background:url(../images/ico01.gif) left center no-repeat
}
.title01{
	margin:0 15px;
	padding-top:15px;
	height:40px;
	line-height:40px;
	border-bottom:4px solid #dedede
}
.title01 h3{
	font-size:24px;
	font-weight:normal;
	float:left;
	padding:0 30px;
	background:url(../images/ico02.png) left center no-repeat;
	height:40px;
	border-bottom:4px solid #245399
}
.list02{
	padding:15px;
	text-align:center
}
.list02 li{
	display:inline-block;
	margin:15px 5px;
	width:150px;
	height:50px;
	line-height:50px;
	text-align:center;
	background-color:#f5f5f5
}
.list02 li a{
	display:block;
	border:1px solid #dedede
}
.list02 li a:hover{
	background-color:#245399;
	border:1px solid #245399;
	color:white
}
.foot{
	height:auto
}
.foot_nav{
	padding-bottom:20px;
}
.footer{
	padding-top:20px
}
.footer p{

}
.zf01,
.zf02{
	position:absolute; margin-top: 80px;top:0;
}
.zf01{
	left:10%;
}
.zf02{
	right:10%
}
.footer .bg_ff{
	padding:20px 0
}

/*--列表--*/
.inner_bg{
	padding:0 20px;
	box-sizing:border-box
}
.leftNav{
	margin:20px 0;
	width:280px;
	border:1px solid #dedede
}
.leftNav ul>li{
	width:100%;
	line-height:40px;
	text-align:center;
	margin-bottom:10px;
	background-color:#f8f8f8;
}
.leftNav ul>li>ul{
	background-color:#fbfbfb;
	display:none
}
.leftNav ul>li.cur>ul{
	display:block
}
.leftNav ul>li>a{
	display:block
}
.leftNav ul>li>a:hover,
.leftNav ul>li.cur>a{
	background-color:#0085e4;
	color:white
}
.rightCon{
	width:850px;
	margin:20px 0;
	border:1px solid #dedede
}
.rightCon .title{
	width:100%;
	height:40px;
	line-height:40px;
	background-color:#f6f6f6
}
.rightCon .title>h3{
	float:left;
	display:block;
	width:160px;
	text-align:center;
	color:white;
	background-color:#0085e4
}
.rightCon .list01 li{
	padding-left:10px;
	box-sizing:border-box;
	font-size:16px;
	margin-bottom:20px;
	color:#777;
	background:url(../images/dot.gif) left center no-repeat
}
.rightCon .list01 li:hover{
	background-color:#f9f9f9
}
.rightCon .list01 li a{
	color:#555
}
.content{
	padding:20px
}
.content p.date{
	margin-bottom:20px;
	background-color:#f2f2f2;
	padding:5px 0
}
#Zoom p{
	/*font-size:16px;*/
	padding:0;
	margin-bottom:10px;
	line-height:30px
}
.in_nav{
	width:1200px;
    height:70px;
    line-height:70px;
	margin-bottom:-20px;
    text-indent:40px;
    background:url(../images/loc.png) 10px center no-repeat;
}

@media (max-width: 820px) {

.w1200{
	width:98%;
	margin:0 1%;
	box-sizing:border-box
}
.top{
	height:40vw;
	background-size:cover
}
nav{
	height:auto;
	line-height:50px
}
nav ul li{
	float:left;
	width:25%;
	text-align:center;
	white-space:nowrap
}
nav ul li a{
	padding:0
}
.box{
	width:100%;
	margin:0
}
.list li{
	text-overflow:clip;
	overflow:inherit;
	white-space:normal;
	height:auto;
	background-position:0 6px
}
.list02 li{
	float:left;
	width:48%;
	margin:0;
	margin-bottom:20px
}
.list02 li:nth-child(even){
	float:right
}
.foot img,.foot_nav{
	display:inherit;
}

/*---列表---*/
.leftNav,
.in_nav{
	display:none
}
.rightCon{
	width:100%
}
.rightCon .list01 li{
	background-position:0 8px
}
.rightCon .list01 li a{
	display:inline-block;
	width:calc(100% - 120px)
}
.textCon .pd20{
	padding:0
}
.content{
	padding:20px 0
}
.content h3{
	font-size:24px
}
.content p.date{padding:10px}

}

@media (max-width: 425px) { 
  .list li {
    line-height: 2rem;
  }

  nav ul li {
    width: 33%;
  }
}

@media(max-width:820px){
 .top{background-size:130% auto;height:35vw}
 .top a img{width:70%;padding-top:10px}
 .box{width:100%} 
 .list_b li{width:100%}
 .list_icon li{width:100%;margin-bottom: 10px;}
 .zf01, .zf02{position:static;margin:0}
 .foot img, .foot_nav{display:inherit;} 
 .btn01 a{width:100%}
}