@charset "utf-8";
/* CSS Document */
.slide01 .bd ul li{
	float:left
}
.slide01 .bd ul li div{
	   background:rgba(0,0,0,.6);
	   top:auto
   }
@media screen and (min-width: 800px){

  .nav_mobile{
		display:none
	}
	
}


@media screen and (max-width: 800px){
   body{
	background:url(http://www.rcx.gov.cn/static/images/bg.jpg) top center no-repeat;
	background-size:100% auto
   }
   .bg_slide,
   .top .fl,
   .right_float,
   .sv_newalert,
   .banner>.fr,
   .nav ul li img,
   .list01.w430>div:nth-child(2),
   .list01.w300>div.fr,
   /*.ztzlBox,*/
   .list01.w300 .tit01:last-child,
   .links,
   .copyright img,
   .copyright .l,
   .box_a01>img{
	   display:none
   }
   .w1200,
   .slide01,
   .w390,
   .w300,
   .w430,
   .slide02 .bd,
   .copyright,
   .slide05,
   .introTab,
   .box_a01,
   .box_a01 div.pd20000,
   .leftNav,
   .rightCon,
   .rightCon div.fr{
	   width:100% !important;
	   box-sizing:border-box
   }
   .banner{
	   text-align:center
   }
   .banner>img,
   .top .fr{
	   float:none;
	   text-align:center
   }
   .banner>img{
	   width:90%;
	   height:auto;
	   vertical-align:middle
   }
   .nav{
	   height:100px;
	   line-height:50px;
       display:none
   }
   .nav ul li{
	   font-size:.9em;
	   width:25%;
	   white-space:nowrap;
	   text-overflow:ellipsis;
	   overflow:hidden
   }
   .main>.pd20{
	   padding:5px
   }
   .slide01 .bd ul li img,
   .slide01,
   .slide05 .bd ul li img{
	   width:100%;
	   height:auto;
	   max-width:100%
   }
   .slide01 .hd .prev, .slide01 .hd .next{
	   top:50%;
	   margin-top:-12px
   }
   .topnews{
	   line-height:1.2em;
	   margin-bottom:.2em !important
   }
   .list01{
	   margin-left:0 !important
   }
   .slide02 .bd{
	   margin:0;
	   padding:1em
   }
   .list01 ul.clear li,
   .rightCon .list01 li{
	   white-space:nowrap;
	   text-overflow:ellipsis;
	   overflow:hidden
   }
   .fd,
   #fddiv{
	   width:100% !important;
	   height:auto !important
   }
   .list01.w390,
   .rightCon div.fr{
	   height:auto !important
   }
   .list01 > a{
	   width:50%;
	   box-sizing:border-box;
	   border:1px solid white
   }
   .footer{
	   padding:0
   }
   .copyright .r,
   .box_a01 div.pd20000{
	   padding:1em;
	   margin:0
   }
   .introTab .title{display: flex;margin-top: 20px;text-align: center;}
   .introTab .title a{
	   width:33%
   }
   .introTab .title{
	   margin-left:0
   }
   .box_a01 > .title{
	   right:auto;
	   width:100%
   }
   .box_a01 div.pd20000{
	   margin-top:50px
   }
   .rightCon{
	   margin-top:1em
   }
   .list01 .tit01{
	   height:auto
   }
   .ldPic img{
	   width:100%;
	   height:auto
   }
   .textCon>.pd20{
	   padding:5px
   }
   
	.nav_mobile{
		float:none;
		width:100%;
		height:40px;
		background-color:#f5f5f5;
		border:1px solid #dfdfdf;
	}
	.nav_mobile>ul>li{
		width:100%;
		line-height:40px;
		text-indent:10px;
		position:relative;
	}
	.nav_mobile>ul>li>a{
		display:block;
		color:#333;
		text-align:center
	}
	.nav_mobile>ul>li>a>img{
		vertical-align:middle;
		margin-left:5px;
		transition:all .2s ease-in 0s;
		-moz-transition:all .2s ease-in 0s;
		-ms-transition:all .2s ease-in 0s;
		-o-transition:all .2s ease-in 0s;
		-webkit-transition:all .2s ease-in 0s;
	}
	.nav_mobile>ul>li>a.show img{
		transform:rotate(180deg);
		-moz-transform:rotate(180deg);
		-ms-transform:rotate(180deg);
		-o-transform:rotate(180deg);
		-webkit-transform:rotate(180deg);
	}
				   
	.nav_mobile>ul>li>ul{
		position:absolute;
		left:-1px;
		top:40px;
		width:100%;
		text-align:center;
		border:1px solid #dfdfdf;
		border-bottom:0;
		height:400px;
        overflow-y:auto;
		display:none;
	}
	.nav_mobile>ul>li>ul>li{
		height:auto;
		line-height:40px;
		border-bottom:1px solid #dfdfdf;
		background-color:#f5f5f5
	}
	.nav_mobile>ul>li>ul>li>a,
	.nav_mobile>ul>li>ul>li>div>ul>li>a{
		display:block;
		color:#777;
	}
	.nav_mobile>ul>li>ul>li>a:hover,
	.nav_mobile>ul>li>ul>li.cur>a,
	.nav_mobile>ul>li>ul>li>div>ul>li>a:hover{
		background-color:#f54343;
		color:white
	}
	.nav_mobile>ul>li>ul>li>div{
		background-color:#dedede;
		display:none
	}
	.nav_mobile>ul>li>ul>li>div>ul>li{
		height:30px;
		line-height:30px
	}
	.slide03{width:100%}
	/*.slide03 .bd ul li img{width: calc(100vw-30px);}*/
    .slide03 .bd ul li img{width: 330px;height:124px;}
    /*2021/11/29*/
    .leftNav {
        box-shadow: 0 15px 0px rgba(0,0,0,0.2);
        margin-bottom: 20px;
    }
    .ldPic span{font-size: 1.4rem;}
    #nav_spec li:nth-child(6),#nav_spec li:nth-child(7){display:none}
}