* {
    margin: 0;
    padding: 0;
    -webkit-appearance: none; /*去掉浏览器默认样式*/
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
    box-sizing: border-box;
}
input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; /*去掉苹果的默认UI来渲染按钮*/}

@media only screen and (max-width:1360px) {
	.wrapper{
		width: 980px;
	}
	.hbanner{
		width: auto;
	}
	.hbanner-txts{
		width: 980px;
	}
	.hbanner{
		background-position:left 35% center;
	}
	.htype li{
		padding-left: 25px; padding-right:25px ;
	}
	.mmain{
		width: 980px;
	}
	.mmain-l{
		width: 240px;
	}
	.mmain-r{
		width: 730px;
	}
	
	
	.mmain-r-bd .infos,
	.mmain-r-hd .current,
	.mmain-r-hd .tit{
		padding-left: 45px; padding-right: 45px;
	}
	.mmain-r-bd .tit,
	.mmain-r-hd .search{
		margin-left: 45px; margin-right: 45px;
	}
	.fnav dl{
		margin-right: 80px;
	}
}
@media only screen and (max-width:1000px) {
.pc {
	display:none;
}
	
.gh {
	position:fixed; right: 3%; top: 0; z-index: 999;
	height:25px;
	width:20px;
	margin-right:0;
	margin-top:25px;
	
	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: #436ef4;
	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: #436ef4;
	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:6px;
}
.gh a:before {
	top:-6px;
}
.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;
}
.fl,.fr{ float: initial;}

	.wrapper{
		width: auto; margin-left: 3%; margin-right: 3%;
	}
	.hheader{
		height: auto; padding-top: 15px;
	}
	.hheader .logo{
		text-align: center; padding-bottom: 15px;
	}
	.hheader .logo img{
		width: 200px;
	}
	.hheader-r{
		/*display: flex;*/
		justify-content: space-between;
	}
	.hheader-r .search{
		width: auto; display: block;
	}
	.hheader-r .ago{
		font-size: 14px; 
		display: block; text-align: center;
	}
	.hheader-r .ago img{
		width: 15px; margin-left: 5px;
	}
	.hbanner{
		    background-position: 75% 185px;
    background-size: 192% auto;
    background-repeat: no-repeat;
	}
	.hbanner-txts-l{
		width: auto; float: none;
	}
	.hbanner-qr{
		display: none;
	}
	.hbanner .txt{
		/*margin-bottom: 220px;*/
		margin-bottom: 73%;
	}
	.hbanner .txt h2{
		font-size: 32px;
	}
	.hbanner .txt h3{
		font-size: 16px;
	}
	.hbanner-txts{
		width: auto;
		padding-top: 180px; text-align: center;
		padding-left: 0;
	}
	.hbanner .btns{
		width: auto;
	}
	.hbanner .btns a{
		min-width: inherit;
		width: 120px; height: 35px; font-size: 12px; line-height: 35px;
		margin: 0 10px;
		margin-bottom: 15px;
		border-radius: 26px;
	}
	.htype{
		padding: 20px 0;
	}
	.htype .wrapper{
		overflow-x: scroll;
	}
	.htype ul{
		white-space: nowrap;
	}
	.htype li{
		min-height: inherit;
		padding-bottom: 20px; padding-top: 20px; background: #f8faff;
		float: none; display: inline-block;
		width: 70%;
		margin: 0 15%;
		margin-right: 20px;
	}
	.htype li .txt{
		display: block;
		white-space: normal; margin-top: 10px;
	}
	.hvideo{
		margin-top: 20px; width: auto;
	}
	.hvideo video{
		width: 100%;
	}
	.htit h2{
		font-size: 28px;
	}
	.htit h3{
		font-size: 16px;
	}
	.fnav{
		display: none;
	}
	.hrow{
		padding-bottom: 0;
	}
	.footer{
		position: relative; border: none;
	}
	.footer .copyright{
		width: auto; float: none;
		padding-right: 120px; padding-top: 10px;
	}
	.footer .qr{
		position: absolute; right: 3%; top: 30px; font-size: 12px;
	}
	.footer .qr img{
		width: 80px; 
	}
	.footer .copyright .txt{
		font-size: 12px;
	}
	
	/*page2*/
	.header{
		height: 70px;
	}
	.header .logo img{
		height: 30px;
	}
	.header-r{
		position: absolute; right: 20px; top: 20px;
	}
	.header-r li{
		line-height: inherit; font-size: 12px; text-align: center;
		margin-left: 20px;
	}
	.header-r li img{
		display: block; margin: 0 auto 7px;
	}
	.mbanner{
		height: 200px;
	}
	.mmain{
		width: auto;
		margin-top: -20px;
		margin-left: 3%;
		margin-right: 3%;
	}
	.mmain-l{
		width: auto; float: none;
	}
	.mmain-r{
		width: auto; float: none;
	}
	.mmain-l-hd{
		font-size: 20px; height: auto; line-height: inherit;
		padding-top: 20px;  padding-bottom: 20px; position: relative;
	}
	.mmain-r-hd{
		height: auto; padding: 20px 0;
	}
	.mmain-r-hd .current{
		padding-left: 20px; padding-right: 20px; font-size: 12px; line-height: 1.3;
	}
	.mmain-r-hd .tit,
	.mmain-r-bd .infos{
		padding-left: 20px; padding-right: 20px; 
	}
	.mmain-r-bd .tit,
	.mmain-r-hd .search{
		margin-left: 20px; margin-right: 20px;
	}
	.mmain-l-hd .gh{
		display: block; position: absolute; margin-top: 20px;right: 20px;
	}
	.mmain-l-bd{
		display: none;
	}
}
@media screen and (min-width:600px) and (max-width:960px){
	.htype{
		padding: 20px 0;
		margin-top: 300px;
}
}