@media screen and (max-width: 1280px){
  .container{
    max-width: 1100px;
  }
  .mapmapsvg{
  	width: 900px;
  	height: 600px;
  }
  .nav > ul > li > a{
		padding: 0 0 0 10px;
	}
}
@media screen and (max-width: 1180px){
  .container{
    max-width: 950px;
  }
  .mapmapsvg{
  	width: 700px;
  	height: 470px;
  }
  .esbtn a{
  	font-size: 1em;
  }
  .evb_ani > div:nth-child(1){
  	bottom: 18%;
  }
  .map_sidebar{
    width: 190px;
  }
}

@media screen and (max-width: 990px){
  .container{
    max-width: 740px;
    padding: 0 20px;
  }
  .header .container{
	  max-width: 100%;	
	}
  .cardpost{
  	width: 49%;
  }
  .logo-img{
  	width: 120px;
  	height: 48px;
  }
  .logo_fan img{
  	width: 22px;
  	height: 22px;
  }
  .logo_fan{
  	left: 47px;
  }
  .cardpost_wrap{
  	margin-left: 0;
  	margin-right: 0;
  }
  .contact_miaoli img:first-child{
    left: -15%;
    top: -110%;
    width: 68px;
    height: 81px;
  }
  .contact_miaoli img:last-child{
    right: -15%;
    bottom: -48%;
    width: 75px;
    height: 84px;
  }
  .h_slider_button > div{
  	width: 30px;
  	height: 30px;
  	padding: 10px;
  }
  .listpost a > div{
		display: block;
	}
	.lipo_cate{
		margin-bottom: 10px;
	}
	.lipo_date{
		font-size: 0.9em;
		opacity: 0.5;
	}
}

@media screen and (max-width: 768px){
	[class^="page-"]{
		padding-top: 70px;
	}
	.head_operate .font_size,
	.hbsd_ppl, .foot_deco, .mapsib_list b,
	.hbsd_ppl_2, .map_map,
	.mapDes{
		display: none;
	}
	.h_banner{
    padding: 5vw 0 20vw;
	}
	.h_banner > div,
	.h_slider, .spost_conetent, .spost_category,
	.event_content, .event_detail, .mAp_wrapper > div{
		width: 100%;
		float: initial;
	}
	.home_visual > div{
		padding: 0 5px;
	}
	header{
    padding: 0;
    z-index: 999;
    position: fixed;
    top: 0;
    width: 100%;
    background: #fff;
	}
	.logo{
    margin: 5px 0 0px 20px;
	}
	.header .container{
		padding: 0;
	}
	.headMenu{
		display: none;
		-webkit-animation: fadeIn 0.3s;
		        animation: fadeIn 0.3s;
    position: fixed;
    width: 100%;
    height: 100%;
    float: initial;
    top: 0;
    z-index: 1;
    overflow-y: scroll;
	}
	.m_bg{
		position: absolute;
		top: 0;
		left: 0;
    width: 100%;
    height: 100%;
		overflow: hidden;
		z-index: 0;
	}
	.m_bg:before{
		content: '';
		background: #fff;
		position: absolute;
		z-index: 0;
    top: -22%;
    right: -22%;
    border-radius: 100%;
    -webkit-animation: headbg 0.5s;
            animation: headbg 0.5s;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
	}
	.headMenu > div{
		position: relative;
		z-index: 1;
	}
	.mobile_open,
	.headMenu.open{
		display: block;
	}
	.cardpost{
		width: 100%;
	}
	.nav li{
		display: block;
    text-align: left;
	}
	.nav > ul > li > a{
		border-top: 1px solid #e4ddd3;
    padding: 1em;
    background: #fff;
	}
	.headMenu > div{
    text-align: center;
	}
	.head_operate > div{
		margin: 80px 10px 10px;
	}
	.open_sub{
    width: 3em;
    height: 3.5em;
    line-height: 3.5em;
    text-align: center;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
	}
	.sub-menu{
		padding: 0;
    position: relative;
    left: inherit;
    width: 100%;
    -webkit-animation: ;
            animation: ;
	}
	.open_sub.open{
		-webkit-transform: rotate(180deg);
		    -ms-transform: rotate(180deg);
		        transform: rotate(180deg);
	}
	.sub-menu li:last-child a{border-radius: 0}
	.nav li:hover .sub-menu{display: none;}
	.head_operate, .nav{
		opacity: 0;
		-webkit-animation: fadeIn 0.3s;
		        animation: fadeIn 0.3s;
		-webkit-animation-delay: 0.4s;
		        animation-delay: 0.4s;
		-webkit-animation-fill-mode: both;
		        animation-fill-mode: both;
	}
	.hb_title{
    font-size: 1.4em;
    position: initial;
    top: initial;
    right: initial;
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
    text-align: center;
    color: #87CB82;
    font-weight: bolder;
    padding: 1em;
	}
	.contact_miaoli img:first-child{left: 0;}
	.contact_miaoli img:last-child{	
    right: -5%;
    bottom: -88%;
	}
	.sineven_slide figure{
		padding: 1em;
	}
	.default_page{
    padding: 4em 0;
	}
	.evb_content > div{
		width: 100%;
		display: block;
    position: relative;
    z-index: 5;
	}
	.evb_cta{
		text-align: center;
	}
	.evb_ani > div:nth-child(1){
    bottom: 17%;
    right: 41%;
	}
	.evb_ani > div:nth-child(2){
    top: 28%;
    left: -5%;
	}
	.evb_content{
		padding: 2em 0.5em 1em;
	}
	.sineven_slide figure.slick-center figcaption{
		margin-top: 1em;
	}
	.share_social div{
		margin: 0.5em 0.5em 0 0;
	}
	.spostcate_title{
		margin-bottom: 1em;
	}
	.page-map .sineven_title{
		margin: 0;
	}
	.sineven_title h1{
		margin: 0.5em 0 0.5em;
	}
	.map_sidebar{
		width: 100%;
		top: initial;
		position: initial;
		-webkit-transform: initial;
		    -ms-transform: initial;
		        transform: initial;
	}
	.mapsib_list ul{
		white-space: nowrap;
		overflow-x: scroll;
	}
	.mapsib_list li{
		display: inline-block;
		padding: 1em;
		background: #f1f1f1;
		border-radius: 5px;
		margin: 0 5px 20px;
	}
	.mapsib_list i{
		-webkit-animation: fadeIn 0.2s;
		        animation: fadeIn 0.2s;
    -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
            transform: translateX(10px);
	}
	.mapsib_list{
		height: auto;
    padding: 10px 0;
	}
	.map_getlist {
    position: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    width: 100%;
    border: 1px solid #D8D8D8;
    border-radius: 1em;
    margin: 2em 0 1em 0;
	}
	.mapDes{
		margin: 1em auto;
	}
	.map_main .container{
		padding: 0;
	}
	.map_main{
		padding: 0 20px;
	}
	.map_getlist li{
    padding: .8em 0;
	}
	.map_getlist li:hover{
		background: none;
	}
	.mAp_wrapper > div{padding: 0;}
	.backtop{top: 30px;}
	.ci_item{
		width:100%;
	}
}
@media screen and (max-width: 500px){
	.footer .container{
		padding-top: 9em
	}
	.contact_infos ul{
		padding: 20px 0 50px;
	}
	.ci_item img{
		width: 25px;
		height: 25px;
	}
	.about_cta a{
		margin-bottom: 0.5em;
	}
	.contact_miaoli img:first-child{
    top: -60%;
	}
	.contact_miaoli img:last-child{
    bottom: -28%;
	}
	.footer_links{margin-top: 4em;}
	.hn_posts{
		margin-bottom: 1em;
	}
	.escta{
		margin-bottom: 1em;
	}
	.home_news{
    padding: 12vw 0;
	}
}