@media screen and (min-width: 751px) {
	.m-show{ display: none !important;}
	
/*	pc navigation */
  .menu-head{height: 125px;}
	.nav-mod{ background: #b51909;}
	.nav-mod .nav-link{ display: block; white-space: nowrap;}
	.nav-mod .nav-link:hover{ color: #ff5705;}
	.nav-mod .nav-item{}
	.nav-mod .nav-lv{ opacity: 0; visibility: hidden;
		-webkit-transition: opacity 0.2s, visibility 0.2s;
		transition: opacity 0.2s, visibility 0.2s;
	}
	.nav-mod .nav-lv1{ opacity: 1; visibility: visible; pointer-events: all;width: 1440px;margin: 0 auto;}
	.nav-mod .nav-lv1 > .nav-item{ position: relative; float: left;width: 12%;text-align: center;}
  .nav-mod .nav-lv1 > .nav-item:before,
  .nav-mod .nav-lv1 > .nav-item:after{content: "";position: absolute;top: 15px;height: 21px;width: 1px;opacity: 0.6;background: #b7b7b7;z-index: 3;}
	.nav-mod .nav-lv1 > .nav-item:before{display: none;}
  .nav-mod .nav-lv1 > .nav-item:first-child:before{display: block;left: -1px;}
	.nav-mod .nav-lv1 > .nav-item:after{right: -1px;}
  .nav-mod .nav-lv1 .nav-link{ padding:13px 20px;font-size: 16px;color: #fff;;	}
	.nav-mod .nav-lv2{ position: absolute; left: 0; right: 0; top: 100%; padding: 10px 0; background-color: rgba(140, 13, 0, 0.8);}
	.nav-mod .nav-lv2 .nav-item + .nav-item{ /* margin-top: 8px; */}
	.nav-mod .nav-lv2 .nav-link{ padding: 0 10px; color: #fff;
		-webkit-transition: padding 0.2s;
		transition: padding 0.2s;
	}
	.nav-mod .nav-lv3{ position: absolute; left: 100%; top: 0; padding: 10px; background-color: #fff;}
	.nav-mod .nav-lv3 .nav-item + .nav-item{ margin-top: 8px;}
	.nav-mod .nav-lv3 .nav-link{ padding: 0; color: #474747;
		-webkit-transition: padding 0.2s;
		transition: padding 0.2s;
	}
  .nav-mod .nav-item .nav-item .nav-tit .nav-link{padding: 10px 0;}
	.nav-mod .nav-item:hover > .nav-tit .nav-link{ background: #901003;}
  .nav-mod .nav-item .nav-item:hover > .nav-tit .nav-link{background: #494949;}
	.nav-mod .nav-item:hover > .nav-lv{ opacity: 1; visibility: visible; pointer-events: all;}
	.nav-mod .nav-item.cur > .nav-tit .nav-link{background: #901003;}

  .x-header.fixed{
    position: fixed;
  }
  .x-header.child .nav-mod .nav-lv1 .nav-link{padding: 18px 20px;}
}
@media screen and (max-width: 750px) {
	*, *:before, *:after{
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	body{ font-size: 0.28rem;
		-webkit-overflow-scrolling: touch;
		overflow-scrolling: touch;
	}
	
	.h30{ font-size: 0.45rem;}
	.h28{ font-size: 0.42rem;}
	.h26{ font-size: 0.39rem;}
	.h24{ font-size: 0.36rem;}
	.h22{ font-size: 0.33rem;}
	.h20, .h18{ font-size: 0.3rem;}
	.h16{ font-size: 0.28rem;}
	
	.p-show{ display: none !important;}
	
	.middle-cont{ font-size: 0.28rem;}	
	.x-wrap{ width:100%; padding:0 0.25rem;}
	
	.x-header, .x-footer, .x-container{ min-width: 320px;}
	.x-header{ height: 1rem;}
	.x-header .x-wrap{ padding: 0;}
	.x-header .menu-head{ color:#fff;position: relative; height: 100%; z-index: 1;border-bottom: 1px solid #707070;}
	.x-header .logo{height: auto;line-height: normal; left: 0.25rem; top: 50%; width: 4.8rem;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.x-header .search-icon{background:url(../image/searicon-2.png) no-repeat center;background-size: 99%;width: 0.4rem;height: 0.4rem;position: absolute;right: 1.3rem;top: 0.32rem;}
/*	mobile menu-btn */
	.menu-btn{color: #707070; position: absolute; top: 50%; right: 0.25rem; width: 0.8rem; height: 0.8rem; overflow: hidden; text-align: center;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.menu-btn .line, .menu-btn .line:before, .menu-btn .line:after{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 0.5rem; height: 0; border-top: 2px solid; border-bottom: 2px solid; border-radius: 10px;}
	.menu-btn .line{ top: 0; bottom: 0;
		-webkit-transition: border 0.3s;
		transition: border 0.3s;
	}
	.menu-btn .line:before, .menu-btn .line:after{ content: '';
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		-webkit-transition: transform 0.3s;
		transition: transform 0.3s;
	}
	.menu-btn .line:before{
		-webkit-transform: translateY(-0.2rem);
		transform: translateY(-0.2rem);
	}
	.menu-btn .line:after{
		-webkit-transform: translateY(0.2rem);
		transform: translateY(0.2rem);
	}
	.menu-open{ z-index: 999;}
	.menu-open .line{ border-color: transparent;}
	.menu-open .line:before{
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.menu-open .line:after{
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	
/*	mobile navigation */
	.nav-mod{ position: fixed; top: 0; bottom: 0; left: 0; right: 0; padding-top: 1rem; height: auto; background-color: #fff; overflow: hidden;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;

		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;

		-webkit-transition: transform 0.5s;
		transition: transform 0.5s;
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
	}
	.menu-open .nav-mod{
		-webkit-transform: translateY(0%);
		transform: translateY(0%);
	}
	.nav-mod .search-box, .nav-mod .share-box{ position: relative; padding: 0.2rem 0.25rem;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;

		-webkit-box-flex: 0;
		-webkit-flex-grow: 0;
		-ms-flex-positive: 0;
		flex-grow: 0;
		-webkit-flex-shrink: 0;
		-ms-flex-negative: 0;
		flex-shrink: 0
	}
	.nav-mod .search-box{ border-bottom: 1px solid;}
	.nav-mod .search-txt{ position: relative; width: 0;
		-webkit-box-flex: 1;
		-webkit-flex-grow: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		-webkit-flex-shrink: 1;
		-ms-flex-negative: 1;
		flex-shrink: 1
	}
	.nav-mod .search-txt input{ display: block; width: 100%; height: 0.6rem; font-size: 0.4rem;}
	.nav-mod .search-btn{ position: relative; margin-left: 0.2rem; width: 0.8rem; text-align: center; overflow: hidden;
		-webkit-box-flex: 0;
		-webkit-flex-grow: 0;
		-ms-flex-positive: 0;
		flex-grow: 0;
		-webkit-flex-shrink: 0;
		-ms-flex-negative: 0;
		flex-shrink: 0
	}
	.nav-mod .search-btn:after{ position: absolute; left: 50%; top: 50%; content: '\e853'; font-family:"xfont"; font-size: 2em;
		-webkit-font-smoothing: antialiased;
		-webkit-text-stroke-width: 0.2px;
		-moz-osx-font-smoothing: grayscale;

		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	.nav-mod .share-box{ border-top: 1px solid; text-align: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center
	}
	.nav-mod .share-item{ display: block !important; margin: 0 0.2rem; width: 0.75rem !important; font-size: 0.5rem !important;
		font-family: "xfont" !important;
		font-style: normal;
		-webkit-font-smoothing: antialiased;
		-webkit-text-stroke-width: 0.2px;
		-moz-osx-font-smoothing: grayscale;
	}

	.nav-mod .nav-tit{ padding: 0.1rem 0.25rem;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}
	.nav-mod .nav-tit .arr{ position: relative; display: block; margin-left: 0.2rem; width: 0.8rem; text-align: center; overflow: hidden;
		-webkit-box-flex: 0;
		-webkit-flex-grow: 0;
		-ms-flex-positive: 0;
		flex-grow: 0;
		-webkit-flex-shrink: 0;
		-ms-flex-negative: 0;
		flex-shrink: 0
	}
	.nav-mod .nav-tit .arr:after{ position: absolute; left: 50%; top: 50%; content: '\e834'; font-family:"xfont";
		-webkit-font-smoothing: antialiased;
		-webkit-text-stroke-width: 0.2px;
		-moz-osx-font-smoothing: grayscale;

		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	.nav-mod .nav-tit .nav-link{ display: block; width: 0;
		-webkit-box-flex: 1;
		-webkit-flex-grow: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		-webkit-flex-shrink: 1;
		-ms-flex-negative: 1;
		flex-shrink: 1
	}
  .nav-mod a:hover{
    color: inherit;
  }
	.nav-mod .nav-tit + .nav-lv{ display: none;}
	.nav-mod .nav-lv1{ font-size: 0.26rem; overflow-y: auto; height: 0;
		-webkit-box-flex: 1;
		-webkit-flex-grow: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		-webkit-flex-shrink: 1;
		-ms-flex-negative: 1;
		flex-shrink: 1
	}
	.nav-mod .nav-lv2{ background-color: #fff; font-size: 1em; color: #474747;}
	.nav-mod .nav-lv2 .nav-link{ text-indent: 1em;}
	.nav-mod .nav-lv3{ background-color: #fff; font-size: 0.8em; color: #474747;}
	.nav-mod .nav-lv3 .nav-link{ text-indent: 2em;}
	.nav-mod .nav-item{}
	.nav-mod .nav-item + .nav-item{ border-top: 1px solid #707070;}
	.nav-mod .nav-item.act > .nav-tit .arr:after{ content: '\e833';}
	.nav-mod .nav-lv1 .nav-item.act{ background-color: #b51909; color: #fff;}
	.nav-mod .nav-lv2 .nav-item.act{ background-color: #b51909; color: #fff;}

/*	*****************************************************  */
	


}


/*	mobile style	*/
@media screen and (max-width: 750px){
  .x-footer .f_logo{
    display: none;
  }
  .x-footer .f_l{
    padding-left: 0;
    border: 0;
    width: auto;
    float: none;
  }
  .x-footer .f_l .s{
    padding-bottom: 0;
  }
  .x-footer .f_l .s span{
    display: block;
    padding-left: 0 !important;
  }
  .x-footer .cont{
    padding: 0.3rem 0;
  }
  .p-head{
    padding: 0.20rem 0;
  }
  .p-head .tit{
    font-size: 0.36rem;
  }
  .p-head .tit img{
    width: 0.4rem;
    height: 0.4rem;
    margin-right: 0;
  }
  .p-head .more{
    font-size: 0.24rem;
    padding-right: 0.4rem;
    margin-top: 0.1rem;
  }
  .p-head .more::after{
    width: 0.27rem;
    height: 0.27rem;
    background-size: cover;
    top: 0.05rem;
  }
  .home1-box1{
    width: auto;
    float: none;
  }
  .home1-box1 .cont{
    padding: 0.16rem;
  }
  .home1-box1 .cont .img{
    height: auto;
  }
  .home1-box1 .text{
    padding: 0.25rem 0.14rem 0.35rem;
  }
  .home1-box1 .text .tit{
    font-size: 0.3rem;

  }
  .home1-box1 .text .date{
    font-size: 0.24rem;
    margin-top: 0.1rem;
  }
  .home1-box1 .text .date img{
    width: 0.24rem;
  }
  .home1-box1 .text .desc{
    font-size: 0.24rem;
    height: auto;line-height: 1.6;
    margin-top: 0.1rem;
  }
  .home1-box1 .button{
    width: 2.3rem;
    height: 0.52rem;
    line-height: 0.52rem;
    font-size: 0.24rem;
    margin-top: 0.35rem;
  }
  .home1-box2{
    margin: 0;
    float: none;
    width: auto;
    margin-top: 0.6rem;
  }
  .home1-box1 .button a{
    width: auto;
    padding-right: 0.5rem;
  }
  .home1-box1 .button a::after{
    width: 0.3rem;
    height: 0.3rem;
    background-size: cover;
  }
  .home1-box2 .list .item a{
    padding: 0.16rem 0;
  }
  .home1-box2 .list{
    margin-top: 0.05rem;
  }
  .home1-box2 .list .item .tit{
    padding-left: 0.35rem;
  }
  .home1-box2 .list .item{
    font-size: 0.26rem;
  }

  .home1-box2 .list .item .tit::after,.home1-box2 .list .item .tit::before{
    width: 0.13rem;
    height: 0.13rem;
    border-width: 0.1rem;
  }
  .home1-box2 .list .item .tit::after{
    left: 0.03rem;
  }
  .home1-box3{
    float: none;
    width: auto;
    margin-top: 0.6rem;
  }
  .home1-box3 .list .item .tit{
    font-size: 0.26rem;
    line-height: 0.35rem;
    height: auto;
    margin-top: 0.1rem;
    margin-right: 0;
    padding-left: 0.3rem;
  }
  .home1-box3 .list .item a{
    padding: 0.2rem 0;
  }
  .home1-box3 .list .date{
    width: 1rem;
    height: 1rem;
    background-size: 50%;
  }
  .home1-box3 .list .date .y{
    font-size: 0.35rem;
    top: 0.01rem;
    left: 0.12rem;
  }
  .home1-box3 .list .date .d{
    font-size: 0.32rem;
    bottom: 0.01rem;
    right: 0.12rem;
  }
  .home1{
    padding-bottom: 0.7rem;
    padding-top: 0.2rem;
  }
  .home2 .p-head{
    padding-top: 0.5rem;
  }
  .home2{
    height: auto;
    background-size: cover;
    padding-bottom: 0.5rem;
  }
  .home2 .list .item{
    width: 3.4rem;
    height: 1.84rem;
    margin-bottom: 0.2rem;
    margin-left: 0.2rem !important;
  }
  .home2 .list .item:nth-child(2n+1){
    margin-left: 0 !important;
  }
  .home2 .list .item{
    font-size: 0.27rem;
  }
  .home3{
    padding-top: 0.3rem;
    padding-bottom: 0.4rem;
  }
  .home3-box1{
    float: none;
    margin: 0;
    width: auto;
  }
  .home3-box1 + .home3-box1{
    margin: 0.3rem 0;
  }
  .home3-box1 .list{
    overflow: hidden;
  }
  .home3-box1 .list .item{
    width: 3.4rem;
    height: 2rem;
    float: left;
  }
  .home3-box1 .list .item{
    margin-bottom: 0;
  }
  .home3-box1 .list .item+.item{

    margin-left: 0.2rem;
  }
  .home3-box1 .p-head{
    border: 0;
  }
  .home3-box1 .list .item .middle-cont{
    font-size: 0.28rem;
  }
  .home3-box1 .list .item img{
    margin-right: 0.1rem;
    width: 0.7rem;
    height: 0.7rem;
  }
  .home3-box1 .list .item .tit{
    width: 1.8rem;
  }
  .home3-box2 .list{
    margin-top: 0.1rem;
  }
  .home3-box2 .list .item{
    font-size: 0.26rem;
    padding: 0.15rem 0;
  }
  .home3-box2{
    float: none;
    width: auto;
  }
  .home3-box2 .list .item .tit{
    padding-left: 0.46rem;
  }
  .home3-box2 .list .item .tit::before{
    width: 0.28rem;
    height: 0.28rem;
    top: 0.08rem;
    background-size: 100%;
  }
  .listpage{
    padding: 0.4rem 0;
  }
  .pubc-rbox{
    float: none;
    width: auto;
  }
  .pubc-lbox{
    float: none;
    width: auto;
    margin: 0;
    padding-bottom: 0.6rem;
  }
  .pubc-lbox .nav-list .caption{
    font-size: 0.4rem;
    height: 1rem;
    line-height: 1rem;
    padding-left: 0.3rem;
  }
  .listpage-list .item a{
    padding: 0.16rem 0;
  }
  .listpage-list{
    margin-top: 0.05rem;
  }
  .listpage-list .item .tit{
    padding-left: 0.35rem;
  }
  .listpage-list .item{
    font-size: 0.26rem;
  }

  .listpage-list .item .tit::after,.listpage-list .item .tit::before{
    width: 0.13rem;
    height: 0.13rem;
    border-width: 0.1rem;
  }
  .listpage-list .item .tit::after{
    left: 0.03rem;
  }
  .listpage .page-mod{
    margin-top: 0.4rem;
  }
  .listpage .title .tit{
    font-size: 0.4rem;
    padding-left: 0.2rem;
  }
  .listpage .title .tit::after{
    width: 0.08rem;
    height: 0.36rem;
    top: 0.24rem;
  }
  .listpage .position{
    padding-top: 0.05rem;
  }
  .pubc-lbox .contact .tit{
    width: 2.6rem;
    height: 0.8rem;
    line-height: 0.8rem;
    top: 0.5rem;
    font-size: 0.4rem;
  }
  .pubc-lbox .contact{
    height: 3.4rem;
  }
  .pubc-lbox .contact .box{
    font-size: 0.24rem;
    padding-top: 1.4rem;
    padding-left: 0.6rem;
    line-height: 2;
  }
  .pubc-lbox .nav-list .list{
    font-size: 0.24rem;
    padding: 0 0.25rem;
    padding-bottom: 0.3rem;
  }
  .pubc-lbox .nav-list .list .tit{
    padding: 0.2rem 0.2rem 0.2rem 0.35rem;
  }

.pubc-lbox .nav-list .list > .item.now::after{
  left: -0.25rem;
  right: -0.25rem;
  height: 0.76rem;
}
.pubc-lbox .nav-list .list .tit::before{
  left: 0.05rem;
  width: 0.15rem;
  height: 0.15rem;
}
.pubc-lbox .nav-list{
  margin-bottom: 0.2rem;
}
.listpage .title{
  padding-bottom: 0.1rem;
}
.detail-cont{
  padding: 0.3rem;
}
.detail-cont .titbox .tit{
  font-size: 0.4rem;
}
.detailpage .pubc-lbox{
  margin-top: 0.35rem;
}
.detailpage .position{
  text-align: left;
  padding: 0.3rem 0;
}
.detail-cont .titbox .lt{
  margin-top: 0.2rem;
}
.detail-cont .titbox .lt > div{
  margin: 0 0.1rem;
}
.detail-cont .titbox{
  padding-bottom: 0.4rem;
  margin-bottom: 0.4rem;
}
.detail-cont .cont{
  line-height: 1.6;
  font-size: 0.28rem;
}
.detailpage{
  padding-bottom: 0.4rem;
}
}