@charset "utf-8";
/* CSS Document */


/*@media  (max-width: 1024px) {
   html,body{font-size:10px;font-size:62.5%;}
}

@media (max-width: 760px){
    html,body{font-size:10px;font-size:62.5%;} 
}

@media (max-width: 380px){
    html,body{font-size:10px;font-size:62.5%;}
}*/
 
body.mobNavShow{overflow: hidden;}
.wrap{ width:auto;margin:0 2rem;}
/*.marbot20{ margin-bottom:3rem;}
.yhiden{ overflow-y:hidden;}*/
.searchbut img{ max-width:3.6rem;}
.mob-menu{  display:block;}
.nav{ display:none;}
.top .logo{ max-width:38%;}
.wp_articlecontent img{max-width:100%;text-indent:0px;}
.wp_articlecontent p img{display:block;}
.article .xx{font-size:16px;}
.mobTop .nav{ display: block;position: fixed;background:rgba(0,97,81,.95); top: 0; left: 0;right: 0;bottom: 0;}
.mobTop .nav ul{ padding-top:10rem; display:block; margin:0 2rem;}
.mobTop .nav ul li{ height:auto;border-bottom:1px solid rgba(255,255,255,.2);}
.mobTop .nav ul li h1{ padding:0;font-size: 2rem; height:6rem; line-height:6rem;  position:relative;}
.mobTop .nav ul li h1 span{ display:block; position:absolute; top:0; right:0; font-size:3rem; padding:0 2rem;height:100%; } 
.mobTop .nav ul li h1 span:before{ position:absolute; top:0; right:0;font-size:3rem; content:"+"; height:100%; width:100%; color:#fff;text-align: center; }
.mobTop .nav ul li h1 span.navmoreHide:before{ content:"-";  }
.mobTop .nav ul li h1 b{display:none;}
.mobTop .nav ul li:hover ol{ display:none; }
.mobTop .nav ul li ol{ position:static; margin:1rem;    width: auto; padding-left:2rem; text-align:left; background:none; box-shadow:none;}
.mobTop .nav ul li ol:before{ display:none;}
.mobTop .nav ul li ol h2{ font-size:2rem;  position:relative;}
.mobTop .nav ul li ol h2 b{display:block; position:absolute; top:0; right:0; font-size:3rem; padding:0 2rem;height:100%; }
.mobTop .nav ul li ol h2 b:before{ position:absolute; top:0; right:0;font-size:2.4rem; content:"+"; height:100%; width:100%; color:#fff;text-align: center; }
.mobTop .nav ul li ol h2 b.navmoreHide:before{ content:"-";  }
.mobTop .nav ul li ol div{}
.mobTop .nav ul li ol div:hover dl{ display:none;}
.mobTop .nav ul li ol div dl{ position:static;margin:1rem;width: auto;text-align:left;background:none; padding-left:2rem;  }

.mobTop .logo{ z-index:10; position:relative;}
.mobTop .mob-show{z-index:10; position:relative;}
.mobTop .mob-menuC{  background-image:url(../images/colse.png);}

.tzgglist ul{grid-template-columns: 1fr 1fr;}

.navS{ float:none; width:100%;    overflow: hidden;}
.navS h1{float:left; width:14rem;}
.navS ol{ margin-left:14rem;}
.navS ol h2{float: left;padding: 0 2rem;}
.contS{ margin-left:0;}
.candl{ display:none;}


@media screen and (max-width:1024px){
	
}
@media screen and (max-width:768px){
	.top .logo{    max-width: 58%;}
	.m1 .wrap{grid-template-columns: 1fr;}
	.picnews .swiper-slide img{ height:60vw;}
	.gzdt{grid-column:unset;}
	.gzdtlist ul{ display:block;}
	.tzgglist ul{grid-template-columns: 1fr;}
	.m4{grid-template-columns: 1fr;}
	.jyxx{grid-column:unset;}
	.jyxx ul{ display:block;}
	.m5{grid-template-columns: 1fr;}
	.kjlink{flex-flow:row wrap }
	.kjlink a{ margin-bottom:1rem;}
	.bottom .wrap{flex-flow:row wrap}
	.bottom .botlogo{ display:none;}
}
@media screen and (max-width:480px){
	.top .wrap{margin:0 1rem; padding:1rem 0;}
	
	
}