@media only screen and (max-width:1500px) {
	.wrap{
		width: 1100px; margin-left: auto; margin-right: auto;
	}
}
@media only screen and (max-width:1101px) {
	.wrapper,.wrap{
		width: auto; margin-left: 3%; margin-right: 3%;
	}
	.fl,.fr,.left,.right{
		float: none; width: auto;
	}
		
.gh {
	position:fixed; right: 3%; top: 0; z-index: 99;
	height:25px;
	width:25px;
	margin-right:0;
	margin-top:20px;
	
	transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	cursor:pointer;
}
.gh.selected {
	transform: rotate(90deg);
}
.gh a {
	background-color: #919191;
	display: block;
	height: 2px;
	margin-top: -2px;
	position: relative;
	top: 50%;
	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	width: 100%;
}

.gh a:after, .gh a:before {
	background-color: #919191;
	content: "";
	display: block;
	height: 2px;
	left: 0;
	position: absolute;
	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	width:100%;
}
.gh a:after {
	top:8px;
}
.gh a:before {
	top:-8px;
}
.gh.selected a:after, .gh.selected a:before {
	top: 0;
}
.gh.selected a:before {
	transform: translateY(0px) rotate(-45deg);
	-webkit-transform: translateY(0px) rotate(-45deg);
	-ms-transform: translateY(0px) rotate(-45deg);
}
.gh.selected a:after {
	transform: translateY(0px) rotate(45deg);
	-webkit-transform: translateY(0px) rotate(45deg);
	-ms-transform: translateY(0px) rotate(45deg);
}
.gh.selected a {
	background-color: transparent !important;
}
.header-box{
	height: 60px;
}
	.header{
		height: 60px;
	}
	.header .logo img{
		width: 150px;
	}
	.header-r{
		position: fixed; left: 0; right: 0; top: 60px; bottom: 0; overflow-y: auto; background: rgba(255,255,255,0.95); border-top: 1px solid #eee; padding-top: 0; display: none;
	}
	.mnav{
		display: block;
	}
	.mnav li{
		display: block; margin-left: 0;text-align: center;
	}
	.header .search{
		 display: block; margin: 10px 20px 0 20px;
	}
	.header .search-btn{
		display: none;
	}
	.header .search-box{
		display: block; width: 100%; position: static;
	}
	.header .lag{
		margin-left: 0; text-align: center; display: block;
	}
	.banner{
		height: 400px;
	}
	.banner-info{
		padding-top: 120px;
	}
	.banner-info h2{
		font-size: 22px;
	}
	.banner-info h4{
		font-size: 18px;
	}
	.banner-info .btn{
		margin-top: 30px; line-height: 40px; height: 40px; font-size: 14px;
	}
	.habout{
		padding-top:70px;
	}
	.banner-img video{
	    width: 100%;
	    /*height: 155%;*/
	    left: 0;
	}
	.mtit{
		margin-bottom: 40px;
	}
	.mtit h2{
		font-size: 22px;
	}
	.mtxt,
	.mtxt1{
		padding-left: 0; padding-right: 0;
	}
	.habout .mtxt{
		margin-bottom: 40px;
	}
	.habout-listbg{
		height: 150px; background-size:auto 150px ;
	}
	.habout-list .swiper-button-prev{
		left: 0;
	}
	.habout-list .swiper-button-next{
		right: 0;
	}
	.mgoodslist,
	.mnewslist{
		margin: 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.mgoodslist li,
	.mnewslist li{
		margin: 3px 0; width: 49%;
	}
	.mgoodslist .img img,
	.mnewslist .img img{
		width: 100%;
	}
	.mgoodslist .img h3{
		font-size: 16px; left: 10px; right: 10px; bottom: 10px;
	}
	.mgoodslist .info{
		padding-top:25%;
	}
	.mgoodslist .info .tit{
		font-size: 18px; margin-bottom: 10px;
	}
	.mgoodslist .info .more{
		font-size: 14px;
	}
	.hgoods{
		padding-bottom: 0;
	}
	.hnews{
		padding:70px 0 ;
	}
	.mnewslist .info{
		padding: 15px 0;
	}
	.mnewslist .tit{
		font-size: 16px; margin-bottom: 10px;
	}
	.mnewslist .txt{
		font-size: 14px;
	}
	.hnews-more{
		padding-top: 0;
	}
	.hworld{
		height: 380px; padding-top: 100px;
	}
	.hworld h2{
		font-size: 24px;
	}
	.hworld h4{
		font-size: 18px; margin-bottom: 30px;
	}
	.hworld .btn{
		line-height: 40px; font-size: 14px; padding: 0 25px; margin: 0 10px;
	}
	.footer{
		padding: 25px 0; font-size: 12px;text-align: center;
	}
	.footer .line{
		padding: 0 10px;
	}
	.mbanner,
	.mbanner-box,#map{
		height: 240px;
	}
	.maptit{
	font-size:18px;padding-bottom:6px;
}

.maptxt{
	font-size:14px;
}
	.mabout,
	.mabout-zr,
	.mabout-jj,
	.mabout-wh,
	.mgoods{
		padding-top: 50px;
	}
	.mabout-zr .mtxt,
	.mabout-wh .list ul,
	.mgoods .mtxt,
	.mgoods-list{
		padding-bottom: 50px;
	}
	.mabout-jj .list,
	.mgoods .mtabsub{
		margin-bottom: 50px;
	}
	.mabout-jj .mtxt{
		margin-bottom: 40px;
	}
	.mtabhd ul{
		display: flex;
		flex-wrap: wrap; margin: 0;
		
	}
	.mtabhd li{
		font-size: 16px; margin: 0; padding:5px 0; width: 33.33%;text-align: center;
	}
	.mtabhd li.active, .mtabhd li:hover{
		border-width: 1px;
	}
	.mtabhd li:after{
		height: 1px;
	}
	.mabout-bj{
		padding-top: 50px;
	}
	.minvest .mtabbd{
		padding-top: 30px;
	}
	.minvest{
		padding: 40px 0;
	}
	.mabout-jj .list ul{
		margin: 0;
		display: flex;
		flex-wrap: wrap;
		
	}
	.mabout-jj .list li{
		width: 31.33%; margin: 5px 1%; padding: 35px 10px; height: auto;
	}
	.mabout-jj .list .num{
		font-size: 32px; margin-bottom: 10px;
	}
	.mabout-jj .list h3{
		font-size: 14px;
	}
	.mabout-wh .list ul{
		display: flex; margin: 0;
		flex-wrap: wrap;
	}
	.mabout-wh .list li{
		width: 31.33%; margin: 5px 1%; height: auto;
	}
	.mabout-wh .list .info{
		padding: 20px 10px;
	}
	.mabout-wh .list .info h3{
		font-size: 18px;
	}
	.mabout-wh .list .info p{
		font-size: 12px; line-height: 1.4;
	}
	.mtabsub .pl235{
		padding-left: 0;
	}
	.mgoods .mtabhd{
		margin-bottom: 20px;
	}
	.mtabsub ul{
		margin: 0;
		display: flex;
		flex-wrap: wrap;
	}
	.mtabsub li{
		font-size: 14px; line-height: 1.3; margin-right: 0; padding: 10px 0;text-align: center;
		width: 33.33%;
	}
	.mgoodslist1{
		margin: 0; display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.mgoodslist1 li{
		margin: 8px 0; width: 48%;
	}
	.mgoodslist1 img{
		width: 100%;
	}
	.mgoodslist1 .info{
		padding: 8px 10px; position: static; display: block;text-align: center; line-height: 1.4; opacity: 1;
	}
	.mtabsub li:after{
		height: 1px;
	}
	.mgoodslist1 .info h3{
		font-size: 14px; margin-bottom: 3px;
	}
	.mgoodslist1 .info .txt{
		font-size: 12px;
	}
	.minvest-list li{
		line-height: 40px; font-size: 14px;
	}
	.minvest-list .date{
		width: 110px;
	}
	.minvest-list .tit{
		width: 58%;
	}
	.minvest-list .pdf{
		width: 15px; height: 20px; background-size:cover ; display: block;
	}
	.pagination{
		margin-top: 30px;
	}
	.minvest-info-l,
	.minvest-info-r{
		float: none; width: auto;
	}
	.minvest-info-l{
		margin-bottom: 30px;
	}
	.minvest-info-l .tit{
		margin-bottom: 15px; font-size: 18px;
	}
	.minvest-info-l .info{
		padding: 20px 0;
	}
	.minvest-info-l .info .txt{
		font-size: 14px;
	}
	.minvest-info-l .info .price{
		margin-bottom: 15px;
	}
	.minvest-info-l .info .price big{
		font-size: 30px;
	}
	.minvest-info-l .info .price .icon{
		margin-left: 20px;
	}
	.minvest-info-l .info .price .icon img{
		height: 25px;vertical-align: bottom;
	}
	.minvest-info-l .list{
		margin-bottom: 20px;
	}
	.minvest-info-l .list li{
		padding: 12px 0;
	}
	.minvest-info-l .list h3{
		font-size: 12px;
	}
	.minvest-info-l .list .txt{
		font-size: 16px;
	}
	.minvest-info-l .time,
	.minvest-info-l .source{
		font-size: 14px;
	}
	.minvest-info-l .time{
		margin-bottom: 20px;
	}
	.pagination a{
		margin-right: 0; padding: 5px; margin: 1px; font-size: 14px;
	}
	.mjob,
	.mcontact,
	.mnews{
		padding: 50px 0;
	}
	.mjob .mtabhd{
		margin-bottom: 35px;
	}
	.mjoblist ul{
		margin: 0; overflow: visible;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.mjoblist li{
		width: 49%; margin: 3px 0; height: auto; padding:10px 15px;
	}
	.mjoblist .hd{
		font-size: 16px; line-height: 1.4; margin-bottom: 10px;
	}
	.mjoblist .hd h3{
		float: none; margin-bottom: 3px;
	}
	.mjoblist .hd .pay{
		float: none;
	}
	.mjoblist .bd{
		font-size: 12px; line-height: 1.4;
	}
	.mjob .mtabhd{
		height: auto; overflow: hidden;
	}
	.mtabhd .return{
		font-size: 13px; line-height: 35px;
	}

	.mjob-info .hd{
		padding-bottom: 30px;
	}
	.mjob-info .hd .tit{
		font-size: 18px;
	}
	.mjob-info .hd .txt{
		font-size: 12px;
	}
	.mjob-info .bd{
		padding-bottom: 20px;
	}
	.mjob-info .ft{
		font-size: 15px;
	}
	.mcontact .mtabbd,
	.mnews .mtabbd,
	.mpages{
		padding-top: 35px;
	}
	.mcontact-info{
		width: auto; margin-bottom: 30px; display: block; padding-right: 0;
	}
	.mcontact-form{
		width: auto; display: block;
	}
	.mcontact-info h2{
		font-size: 18px;
	}
	.mcontact-info h3,
	.mcontact-info h4,
	.mcontact-info .txt{
		font-size: 14px;
	}
	.mcontact-form .left{
		font-size: 14px; width: 60px;
	}
	.mcontact-form .right{
		width: calc(100% - 65px);
	}
	.mcontact-form .input-box1{
		width:90px;
	}
	.mcontact-form .line{
		margin-left: 5px; margin-right: 5px; width: 10px;
	}
	.mcontact-form .input-box2{
		width: calc(100% - 120px);
	}
	.mcontact-form .btn{
		font-size: 14px; line-height: 40px;
	}
	.mcontact-form select,
	.mcontact-form .text,
	.mcontact-form textarea{
		padding-left: 10px; padding-right: 10px;
	}
	.mpages{
		font-size: 14px;
	}
	.mdetail-ft.mpages{
		display: flex;
		justify-content: space-between;
	}
	
	.mpages span{
		margin-right: 30px; margin: 3px;
	}
	.mdetail-box{
		padding-top: 40px;
	}
	.mdetail,
	.mabout-lc{
		padding: 50px 0;
	}
	.mdetail-hd{
		padding-bottom: 30px;
	}
	.mdetail-hd h1{
		padding-bottom: 10px; font-size: 20px;
	}
	.mdetail-hd .time{
		font-size: 14px;
	}
	.mdetail-bd{
		font-size: 14px;
	}
	.habout-list .line{
		width: 40px;
	}
	.mabout-lc .list li{
		padding-top: 35px;
	}
	.mabout-lc .list .dot{
		margin-bottom: 10px;
	}
	.mabout-lc .list .date{
		font-size: 12px;
	}
	.mabout-lc .list .ftline{
		top: 40px;
	}
	.mabout-lc .list li.on .date{
		font-size: 15px;
	}
	.mabout-lc .list li.on .line{
		height: 100px;
	}
	.mabout-lc .list-txt{
		padding: 30px 0;
	}
	.mabout-lc .list dl{
		top: 20px; width: 200px;font-size: 12px;
	}
	.minheight{
		min-height: calc(100vh - 149px);
	}
	.msearch{
		padding: 40px 0;
	}
	.msearch-box{
		width: auto; margin-bottom: 30px;height: 50px;
	}
	.msearch-box .text{
		width: calc(100% - 90px); height: 50px; padding-left: 25px; padding-right: 20px; font-size: 16px;
	}
	.msearch-box button{
		font-size: 15px; border-left-width: 1px; top: 10px;
	}
	.msearch-list li{
		padding: 20px 0; line-height: 1.4;
	}
	.msearch-list li h3{
		font-size: 16px; margin-bottom: 5px;
	}
	.msearch-list li p{
		font-size: 12px;
	}
}