html,
body {
	width: 100%;
    height: 100%;
}

@media screen and (min-width: 751px) {
	.nave {
		position: fixed;
		right: 0;
		top: 0.4882rem;
		padding: 0.0488rem;
		border-left: 1px solid #ececec;
		z-index: 111111111;
	}
	.nave ul {
		width: 100%;
		height: 100%
	}
	.nave a {
		width: 100%;
		text-align: center;
		cursor: pointer;
		transition: all 1s;
		-webkit-transition: all 1s;
		-moz-transition: all 1s;
		-ms-transition: all 1s;
		-o-transition: all 1s;
		font-size: 0.0781rem;
		position: relative;
		margin-bottom: 0.0703rem;
		color: #969696;
		display: block;
	}
	.nave a span {
		font-size: 0.0546rem;
		display: block;
	}
	.nave a em {
		font-size: 12px;
		display: block;
	}
	.nave a:nth-child(even) {
		/*background: #fff*/
	}
	.nave .current {
		color: #4b4b4b;
	}
	.nave .current i {
		height: 100%;
		width: 4px;
		display: block;
		position: absolute;
		background-color: #eb5635;
		left: -0.054rem;
	}
	.nave a:nth-child(2).current {
		/*background: #333645*/
	}
	.nave a:nth-child(3).current {
		/*background: #76d241*/
	}
	.main_box {
		width: 100%;
		height: 100%;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		background: white;
	}
	.main_box>div {
		width: 100%;
		position: relative;
	}
	.page1 {
		padding-bottom: 0.3066rem;
		background: url(../images/mkbg1.png) left top no-repeat, url(../images/mkbg2.png) right bottom no-repeat;
		background-size:0.1972rem 0.58rem, 0.2812rem 0.7851rem;
	}
	.contactBox .page1 {
		padding-bottom: 0.3066rem;
		background: url(../images/mkbg1.png) left top no-repeat, url(../images/mkbg2.png) right bottom no-repeat,#faf7f5;
		background-size:0.1972rem 0.58rem, 0.2812rem 0.7851rem;
	}
	.contactBox .page2 {
		padding-bottom: 0.33rem;
		background: white;
	}
	.page2 {
		padding-bottom: 0.33rem;
		background: #faf7f5;
	}
	.page3 {
		padding-bottom: 0.2343rem;
		background: url(../images/mkbg4.png) 75% 40% no-repeat, white;
		background-size: 1.0742rem 1.0234rem;
	}
	.abTitle {
		font-size: 0;
		color: #eb5635;
		text-align: center;
		padding-top: 0.1171rem;
	}
	.abTitle h3 {
		font-size: 0.0703rem;
	}
	.abTitle em {
		font-size: 1px;
		height: 2px;
		width: 0.25rem;
		display: inline-block;
		background: #eb5635;
		margin: 0.0351rem 0;
	}
	.abTitle i {
		font-size: 0.0273rem;
		display: block;
	}
	.pageItem {
		margin-top: 0.1269rem;
	}
	.mob_pageItem{
		height: 0;
		overflow: hidden;
	}
	.page1 .item,
	.page2 .item {
		font-size: 0;
	}
	.page1 .item p,
	.page2 .item p {
		font-size: 16px;
		line-height: 19px;
		text-align: justify;
	}
	.contactBox .page1 .item p,
	.contactBox .page2 .item p {
		font-size: 14px;
		line-height: 35px;
		text-align: justify;
	}
	.page1 .item p{
		text-indent: 2em;
	    margin: 0 0.1rem;
        line-height: 30px;
	}
	.page1 .item:after,
	.page2 .item:after {
		content: "";
		clear: both;
		display: block;
	}
	.item .itemLeft {
		/* float: left;
		width: 45%; */
	}
	.item .itemRight {
		/* width: 50%;
		float: right; */
	}
	.item .gsimg{
		max-width: 100%;
		display: block;
	    margin: 20px auto;
	}
	.item .itemRight img {
		width: 100%;
		height: 100%;
		display: block;
	}
	.item .kh{
		height: 15px;
	}
	.pageItem ul {
		font-size: 0;
	}
	.pageItem ul li {
		width: 25%;
		text-align: center;
		display: inline-block;
		font-size: 0.0507rem;
	}
	.pageItem li img {
		display: block;
		margin: 0 auto;
		width: 0.3906rem;
		height: 0.3906rem;
	}
	.pageItem li span {
		display: block;
		margin-top: 0.0585rem;
	}
	.pageItem li em {
		font-size: 14px;
		color: #4b4b4b;
		display: block;
		margin-top: 0.0273rem;
	}
	.listItem {
		font-size: 0;
	}
	.listItem:after {
		content: "";
		clear: both;
		display: block;
	}
	.listItem .img_about8 {
		width: 1.2109rem;
		height: 0.5625rem;
		display: inline-block;
		float: left;
	}
	.liaR {
		margin-top: 0.125rem;
		float: right;
		width: 46%;
	}
	.listItem p {
		color: #4b4b4b;
		line-height: 30px;
		font-size:14px;
	}
	.liaL {
		float: left;
		margin-top: 0.131rem;
		width: 46%;
	}
	.listItem .img_about7 {
		width: 1.2109rem;
		height: 0.5625rem;
		display: inline-block;
		float: right;
	}
	.mpjl {
		margin-bottom: 0.1191rem;
	}
	.welCon {
		padding-bottom: 0.7812rem;
		background: url(../images/mkbg2.png) right top no-repeat, url(../images/mkbg3.png) left bottom no-repeat, white;
		background-size: 0.2812rem 0.7851rem, 0.3945rem 0.996rem;
	}
	.welBan {
		width: 100%;
		height: 0.7031rem;
		background: url(../images/welBan.jpg) no-repeat;
		background-size: 100% 100%;
	}
	.welUl {
		font-size: 0;
		margin-top: 0.1464rem;
	}
	.welUl:after {
		content: "";
		display: block;
		clear: both;
	}
	.welUl li {
		text-align: center;
		width: 33.33%;
		display: inline-block;
		float: left;
	}
	.welUl p {
		text-align: center;
		font-size: 14px;
		color: #4b4b4b;
		margin-bottom: 0.121rem;
	}
	.welUl img {
		margin: auto;
		width: 0.3867rem;
		height: 0.6855rem;
	}
	.welUl li:nth-of-type(3) img {
		width: 0.6464rem;
		height: 0.7734rem;
	}
	.pcImg{
		display: block;
	}
	.h5Img{
		display: none;
	}
	.pageItem .contact {
		font-size: 0;
	}
	.pageItem .contact li {
		display: inline-block;
		width: 33.3333%;
		color: #4b4b4b;
		text-align: center;
		float: left;
	}
	.pageItem .contact li img{
		width: 0.289rem;
		height: 0.289rem;
		display: block;
	}
	.pageItem .contact li .mobcoImg{
		display: none;
	}
	.pageItem .contact:after {
		content: "";
		clear: both;
		display: block;
	}
	.pageItem .contact li h4 {
		font-size: 0.0468rem;
		margin-top: 0.0325rem;
	}
	.pageItem .contact li p {
		margin-top: 0.0385rem;
		font-size: 14px;
	}
	.pageItem .contact li p:nth-of-type(1) {
		margin-top: 0.0585rem;
		font-size: 14px;
	}
	.page2 .item .itemLeft {
		/* width: 30%; */
	}
	.page2 .item .itemRight {
		width: 100%;
		height: 0.9375rem;
	}
	.page2 .itemRight .conmap {
		width: 100%;
		height: 100%;
	}
	.page2 .itemRight #allmap span {
		width: 100%;
		height: 100%;
		margin: 0;
		font-family: "Source Han Sans CN";
	}
	.headBox h2{
		display: none;
	}
	.diswen.inCenteres{
		background: url(../images/mkbg1.png) left top no-repeat,url(../images/mkbg2.png) right center no-repeat,white;
		background-size: 0.1972rem 0.58rem,0.2812rem 0.7851rem;
	}
	.disCon{
		width: 100%;
		height: 100%;
		display: block;
	}
	.distitle{
		font-size: 0;
	    color: #000;
	    text-align: center;
	    padding-top: 0.1171rem;
	    padding-bottom: 0.0214rem;
	    border-bottom: 1px solid #ececec;
	}
	.distitle h3{
		font-size: 0.0503rem;
	}
	.distitle em{
		font-size: 12px;
		margin-top: 0.01rem;
    	display: block;
	}
	.liscent{
		width: 82%;
		margin: auto;
		padding: 0.1542rem 0 0.5208rem;
	}
	.liscent p{
		font-size: 15px;
		display: block;
		line-height: 30px;
		color: #4b4b4b;
	}
	.liscent p img{
		max-width: 100%;
		display: block;
		margin:0px auto;
	}
	.infor_ul li {
	    height: 44px;
	    line-height: 44px;
	    border-bottom: 1px solid #e5e0d8;
	    margin: 0 41px;
	    cursor: pointer;
	    position: relative;
	}
	.infor_ul li a {
	    color: #323138;
	    font-size: 14px;
	    display: block;
	    height: 100%;
	}
	.infor_ul a span {
	    float: left;
	    width: 70%;
	    display: -webkit-box;
	    text-overflow: ellipsis;
	    -webkit-line-clamp: 1;
	    -webkit-box-orient: vertical;
	    overflow: hidden;
	}
	.infor_ul a em {
	    float: right;
	}
	.infor_ul li a:hover{
		color: #FF0000;
	}
	.pageItem .tdsh {
		font-size: 0;
	}
	.pageItem .tdsh li{
		width: 33%;
		height: 0.5468rem;
		display: inline-block;
		float: left;
		text-align: left;
	    position: relative;
	}
	.pageItem .znq li{
		float: right;
		position: relative;
	}
	.pageItem .tdsh li img{
		width: 0.7421rem;
		height: 100%;
		display: block;
	}
	.tdsh li p{
		line-height: 20px;
		width: 100%;
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
	}
	
	/* jianhu */
	.jzjhBox{
		background: url(../images/mkbg2.png) right top no-repeat, url(../images/mkbg3.png) left bottom no-repeat, white;
		background-size: 0.2812rem 0.7851rem, 0.3945rem 0.996rem;
	}
	.jhBox{
		padding-bottom: 0.19rem;
		min-height: 800px;
		padding-top: 0.16rem;
	}
	.jhBox:after{
		content: "";
		display: block;
		clear: both;
	}
	.jhBanner{
		background: url(../images/jhpcbanner.jpg) no-repeat center;
		background-size: 100% 100%;
		height: 0.78125rem;
	}
	.itemNav{
		float: left;
	}
	.itemNav:after,.itemList:after{
		content: "";
		display: block;
		clear: both;
	}
	.itemNav li{
		width: 0.33rem;
		text-align: center;
		padding: 0.02rem 0;
		background: #ECECEC;
		color: #EB5635;
		font-size: 0.04rem;
		border-radius: 4px;
		margin-bottom: 0.02rem;
		cursor: pointer;
	}
	.itemNav .active{
		background: #EB5635;
		color: white;
	}
	.itemList{
		float: right;
		width: 80%;
	}
	.itemList li.active{
		display: block;
	}
	.itemList li{
		display: none;
	}
	.itemList li h4{
		font-size: 0.03rem;
		color: #EB5635;
		margin-bottom: 0.05rem;
	}
	.itemList li p{
		line-height: 30px;
		text-indent: 2em;
		font-size: 0.03rem;
		display: block;
	}
	.itemList li h5{
		line-height: 30px;
		font-size: 0.03rem;
		display: block;
	}
	.itemList li span{
		font-size: 0.03rem;
		line-height: 30px;
		display: block;
	}
	.itemList li img{
		max-width: 100%;
		display: block;
	}
}

@media screen and (max-width: 750px) {
	.head,.headBox{
		background: #1f0802;
	}
	.headBox h2{
		font-size: 0.18rem;
	    text-align: center;
	    color: white;
	    line-height: 0.57rem;
	    display: block;
	}
	.goBack{
		width: 0.6rem;
		height: 100%;
		background: url(../images/mob_goback.png) center no-repeat;
		background-size: 0.28rem 0.225rem;
		display: block;
		float: left;
		border-right: 1px solid #dcdcdc;
		position: absolute;
		left: 0;
	}
	.comLogo{
		display: none;
	}
	.change-btn{
	    padding: 0.195rem;
    	right: 0;
    	top: 0;
    	transform: translate(0);
    	background: #eb5635;
	}
	.change-btn i{
		background: white;
	}
	.comNav ul{
		background: #eb5635;
	}
	.comNav a{
		color: white;
		font-size: 0.18rem;
	}
	.comNav li:nth-last-of-type(1){
		border-bottom: none;
	}
	.welBan{
		width: 100%;
		height: 3.64rem;
		background: url(../images/mob_welBan.jpg) no-repeat;
		background-size: 100% 100%;
	}
	.welCon{
		margin: 0 0.15rem;
	}
	.abTitle {
		text-align: center;
		border-bottom: 1px solid #dcdcdc;
		padding: 0.45rem 0 0.23rem;
	}
	.abTitle h3{
		font-size: 0.21rem;
		color: #000;
	}
	.abTitle i{
		font-size: 0.12rem;
		color: #4b4b4b;
	}
	.welUl{
		padding-bottom: 2rem;
	}
	.welUl li{
		margin-top: 0.333rem;
	}
	.welUl p{
		font-size: 0.15rem;
		color: #4b4b4b;
	}
	.welUl .pcImg{
		display: none;
	}
	.welUl .h5Img{
		display: block;
		height:3.51rem;
		margin-top: 0.285rem;
		margin-left: 0.7rem;
	}
	.disCon{
		width: 100%;
		height: 100%;
		display: block;
	}
	.distitle{
		font-size: 0;
	    color: #4B4B4B;
	    text-align: center;
	    padding-top: 0.45rem;
	    padding-bottom: 0.23rem;
	    border-bottom: 1px solid #ececec;
	    margin: auto;
	    width: 92%;
	}
	.distitle h3{
		font-size: 0.21rem;
		color: #000000;
	}
	.distitle em{
		font-size: 0.12rem;
		margin-top: 0.1rem;
    	display: block;
	}
	.liscent{
		width: 92%;
		margin: auto;
		padding: 0.1562rem 0 0.5208rem;
	}
	.liscent p{
		font-size: 0.15rem;
		display: block;
		line-height: 30px;
		color: #4b4b4b;
	}
	.liscent p img{
		max-width: 100%;
		margin:10px auto;
		display: block;
	}
	.nave{
		display: none;
	}
	.page1{
		padding: 0 0.15rem 0.15rem;
		background: white;
	}
	.contact{
		padding-top: 0.3rem;
	}
	.pageItem .contact li{
		text-align: center;
	}
	.pageItem .contact li img{
		display: none;
	}
	.pageItem .contact li .mobcoImg{
		width: 1.11rem;
		height: 1.11rem;
		display: block;
		margin:0 auto 0.15rem;
	}
	.pageItem .contact li em{
		width: 2.45rem;
		height: 1px;
		background: #DCDCDC;
		display: block;
		margin:0.25rem auto 0.29rem;
	}
	.contact h4{
		display: none;
	}
	.contact h4,.contact p{
		font-size: 0.15rem;
		line-height: 30px;
		color: #4B4B4B;
	}
	.page2{
		overflow: hidden;
		padding: 0 0.15rem 0.745rem;
		position: relative;
		background: url(../images/mkbg1.png) left top no-repeat,url(../images/mkbg2.png) right center no-repeat,url(../images/mkbg3.png) left bottom no-repeat,#FAF7F5;
		background-size: 0.1972rem 0.58rem,0.2812rem 0.7851rem, 0.3945rem 0.996rem;
	}
	.contact .itemRight{
		width: 100%;
		height: 1.6rem;
	}
	.itemRight .conmap{
		width: 100%;
		height: 100%;
	}
	.page2 .contact p{
		font-size: 0.15rem;
		line-height: 30px;
		color: #4B4B4B;
	}
	.itemLeft{
		padding: 0.1rem 0;
	}
	.item p{
		font-size: 0.15rem;
		color: #4B4B4B;
		margin-top: 0.1rem;
		text-indent: 2em;
		text-align: justify;
	}
	.itemRight img{
		max-width: 100%;
	}
	.item .gsimg{
		max-width: 100%;
		display: block;
	}
	.item .kh{
		height: 0!important;
	}
	.pc_pageItem{
		display: none;
	}
	.mob_pageItem{
		height: 3.1rem;
		width: 100%;
		overflow: hidden;
		margin: 0.4rem auto 0;
		position: relative;
	}
	.mob_pageItem .swiper-container{
	}
	.mob_pageItem .swiper-slide{
		background-size: 2.16rem 100%;
		height: 100%;
		float: left;
		background-position:center;
		background-repeat: no-repeat;
	}
	.leftdb{
		position: absolute;
		left: -46%;
		height: 3.1rem;
		width: 2.16rem;
		background: url(../images/mob_about0.png) no-repeat;
		background-size: 100% 100%;
		z-index: 2;
		bottom: 0.745rem;
	}
	.rightdb{
		position: absolute;
		right: -46%;
		height: 3.1rem;
		width: 2.16rem;
		background: url(../images/mob_about0.png) no-repeat;
		background-size: 100% 100%;
		z-index: 2;
		bottom: 0.745rem;
	}
	.swiper-button-prev{
		width: 0.4rem;
		height: 0.4rem;
		background: url(../images/leftIcon.png) no-repeat;
		background-size: 100% 100%;
		position: absolute;
		top: 50%;
		left: 0;
		transform: translateY(-50%);
		z-index: 3;
	}
	.swiper-button-next{
		width: 0.4rem;
		height: 0.4rem;
		background: url(../images/rightIcon.png) no-repeat;
		background-size: 100% 100%;
		position: absolute;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
		z-index: 3;
	}
	.page3 {
		padding: 0 0.15rem;
		padding-bottom: 0.965rem;
		background: white;
	}
	.page3 p{
		font-size: 0.15rem;
		color: #4B4B4B;
		margin-top: 0.1rem;
	}
	.listItem img{
		width: 100%;
	}
	.mob_none{
		display: none;
	}
	.infor_ul {
	    padding: 0.1rem 0.15rem 1rem;
	    border-top: 1px solid black;
	}
	.infor_ul li {
	    height: 0.2rem;
	    line-height: 0.2rem;
	    margin-top: 0.1rem;
	    overflow: hidden;
	    padding-bottom: 0.1rem;
	    border-bottom: 1px solid #e5e0d8;
	}
	.infor_ul li a {
        font-size: 0.15rem;
	    display: block;
	    height: 0.4rem;
	    color: #4B4B4B;
	}
	.infor_ul a span {
	    float: left;
	    width: 70%;
	    display: -webkit-box;
	    text-overflow: ellipsis;
	    -webkit-line-clamp: 1;
	    -webkit-box-orient: vertical;
	    overflow: hidden;
	}
	.infor_ul a em {
	    float: right;
	}
	.infor_ul li a:hover{
		color: #FF0000;
	}
	.main_box #footitem{
		position: relative;
	}
	.allMian{
		min-height: 100%;
		position: relative;
	}
	.inCenteres{
		padding-bottom: 2.67rem;
	}
	.listItem .tdsh{
		font-size: 0;
		margin-top: 0.2rem;
	}
	.listItem .tdsh li{
		display: inline-block;
		width: 50%;
		box-sizing: border-box;
		padding: 0 1%;
	}
	.listItem .tdsh li img{
		width: 100%;
	}
	.listItem .tdsh .lithree{
		display: block;
		width: 100%;
	}
	/* jzjh */
	
	.jhBox{
		min-height: 3rem;
		padding: 0.16rem 0.1rem 0.19rem;
	}
	.jhBox:after{
		content: "";
		display: block;
		clear: both;
	}
	.jhBanner{
		background: url(../images/jhpcbanner.jpg) no-repeat center;
		background-size: 100% 100%;
		height: 0.78125rem;
	}
	.itemNav{
		float: left;
		width: 26%;
	}
	.itemNav:after,.itemList:after{
		content: "";
		display: block;
		clear: both;
	}
	.itemNav li{
		text-align: center;
		background: #ECECEC;
		color: #EB5635;
		font-size: 0.04rem;
		border-radius: 4px;
		margin-bottom: 0.1rem;
		cursor: pointer;
		padding: 0.05rem 0;
	}
	.itemNav .active{
		background: #EB5635;
		color: white;
	}
	.itemList{
		float: right;
		width: 70%;
	}
	.itemList li.active{
		display: block;
	}
	.itemList li{
		display: none;
	}
	.itemList li h4{
		font-size: 0.03rem;
		color: #EB5635;
		margin-bottom: 0.05rem;
	}
	.itemList li p{
		line-height: 26px;
		text-indent: 2em;
		font-size: 0.03rem;
		display: block;
	}
	.itemList li h5{
		line-height: 26px;
		font-size: 0.03rem;
		display: block;
	}
	.itemList li span{
		font-size: 0.03rem;
		line-height: 26px;
		display: block;
	}
	.itemList li img{
		max-width: 100%;
		display: block;
	}
	
}