body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0; padding:0; }
table{border-collapse:collapse; border-spacing:0; }
fieldset,img{border:0; }
ol,ul{list-style:none; }
caption,th{text-align:left; }
q:before,q:after{content:''; }
abbr,acronym{border:0; }
em{font-weight:normal; font-style:normal; }
body{font:12px/1.5 宋体,Arial,sans-serif;color: #333;}
a{color: #333;text-decoration:none; transition: .5s;}
a:hover{color:#D0111B; }
input,select,textarea{font-size:14px;color:#333;border:none;outline: 0;background: 0 0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;font-family:'Microsoft Yahei',"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif}
input[type=button],input[type=reset],input[type=submit]{cursor:pointer}
::-webkit-input-placeholder{color:#999}
::-moz-placeholder{color:#999}
::-ms-input-placeholder{color:#999}
select::-ms-expand{display:none}
body{font-family: Arial;}



/* 布局 */
.wp{max-width: 1650px; margin: 0 auto;}
video{outline: none;}
 
.clear{clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }
.tc{text-align:center; }
.tr{text-align:right; }
.tl{text-align:left; }

.dn{display:none; }
.db{display:block; }
.dib{-moz-inline-stack:inline-block; display:inline-block; }
.h20{height:20px; }
/* 裁剪 */
.ofh{overflow: hidden;}
/* 左浮动 */
.fl{float: left;}
/* 右浮动 */
.fr{float: right;}
/* 相对定位 */
.por{position: relative;}
/* 高100% */
.h100full{height: 100%;}
/* 宽100% */
.w100full{width: 100%;}
.allfull{width: 100%;height: 100%;}
/* 默认图片 */
img{width: 100%;vertical-align: middle; transition: .5s;}
 
/* 清除浮动 */
.htover::after{
	content: '';
	display: table;
	clear: both;
}
 


/* 水平居中 */
.mid-w{position: relative;left: 50%;transform: translateX(-50%);}
/* 垂直居中 */
.mid-h{position: relative;top: 50%;transform: translateY(-50%);}
/* 水平+垂直居中 */
.mid-all{position: relative;left: 50%;top: 50%;transform: translate(-50%,-50%);}
	  
	  
	
	.wp1650 {
		max-width: 16.5rem;
		margin: 0 auto;
	}
	.wp1440 {
		max-width: 14.4rem;
		margin: 0 auto;
	}
	.wp1400 {
		max-width: 14rem;
		margin: 0 auto;
	}
	.wp1362 {
		max-width: 13.62rem;
		margin: 0 auto;
	}
	.w33 {
		width: 33.333333%;
	}
	.w50 {
		width: 50%;
	}
	
	.header {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 999;
		transition: .5s;
		color: #fff;
	}
	.header .hdr {
		height: .88rem;
		color: #fff;
	}
	
	.header .logo {
		float: left;
		overflow: hidden;
	}
	.header-all .on{
		background: #fff;
		box-shadow: 0 0 0.1rem rgba(0,0,0,0.2);
	}
	.header-all .on, .on .nav li .tit{
		color: #000;
	}
	.header-all .logo a{
		display: block;
		width: 1.11rem;
		height: .57rem;
	}
	
	.header-all .btns {
		float: left;
		height: .88rem;
		line-height: .88rem; 
		margin-left: .18rem;
		overflow: hidden;
		display: flex;
		align-items: center;
		transition: .5s;
	}
	.header-all .btns:hover{
		transform: rotateY(180deg);
	}
	.header-all .btns img{
		width: .24rem;
		height: .24rem;
	}
	.header-all img.dn{
		display:none;
	}
	.header-all .on img{
		display:none;
	}
	.header-all .on img.dn{
		display:block;
	}
	.nav {
		float: left;
		margin-left: 3.26rem;
	}
	.nav li {
		float: left;
		position: relative;
	}
	.nav li .con {
		height: .88rem;
		position: relative;
	}
	.nav li .tit {
		font-size: 0.18rem;
		font-weight: 400;
		color: #fff;
		position: relative;
		height: .88rem;
		line-height: .88rem;
		margin-right: .08rem;
		padding: 0 0.28rem;
		display: inline-block;
		transition: color .5s;
	}
	.nav li:hover .tit{
		color: #fff;
		background: #D0111B;
		transition:.5s; 
	}
	
	.subnav {
		position: absolute;
		left: 0;
		bottom: 0;
		z-index: 99;
		transform: translate(0, 100%);
		display: none;
		padding: .2rem 0;
		width: 2.68rem;
		min-width: 200px;
		box-sizing: border-box;
		background: #D0111B;
	}
	.subnav a {
		display: block;
		line-height: .34rem;
		font-size: .14rem;
		padding: 0 0.2rem;
		color: #fff;
		transition: .5s;
	}
	.subnav a:hover {
		background: #AB0E15;
	}
	
	.footer {
		display: none;
		line-height: .3rem;
		font-size: .22rem;
		color: #555;
		background: #FAF7F4;
	}
	.footer .wp1650{
		position: relative;
	}
	.footer .logo{
		overflow: hidden;
		width: 1.11rem;
		padding-top: 0.82rem;
		margin-bottom: .28rem;
	}
	.footer a{
		color: #555;
		display: block;
	}
	.footer a:hover{
		opacity: .6;
	}
	.footer .navlist{
		line-height: .2rem;
		font-weight: bold;
		margin-bottom: .48rem;
	}
	.footer .navlist li{
		margin-right: .64rem;
		float: left;
	}
	.footer .navlist li:hover a{
		text-decoration: underline;
	}
	.footer .txts{
		margin-bottom: .14rem;
	}
	.footer .txts img{
		width: .3rem;
		margin-right: .1rem;
	}
	.footer .hf{
		margin-bottom: .32rem;
	}
	.footer .hf a{
		text-decoration: underline;
		margin-right: .22rem;
		display: inline-block;
	}
	.footer .txt{
		line-height: .38rem;
		font-size: .14rem;
		color: #fff;
		background: #A2A2A2;
		padding: 0.2rem 0;
	}
	.footer .g-share{
		margin-bottom: .75rem;
	}
	.footer .g-share .shares{
		display:flex;
	}
	.footer .g-share .share{
		width:.48rem;
		height:.48rem;
		display:flex;
		align-items:center;
		justify-content:center;
		border-radius:50%;
		margin-right:.12rem;
		transition:.5s;
		background:#D6D6D6;
	}
	.footer .g-share .share:hover{
		background:#D0111B;
		transform: translateY(-5px);
		transition: 0.2s; 
	}
	.footer .g-share .share img{
		width:auto;
		height:auto;
		display:block;
		max-width:.5rem;
		max-height:.5rem;
		transition:.5s;
	}
	.footer .g-share .share img.dn{
		display:none;
	}
	.footer .g-share .share:hover img{
		display:none;
	}
	.footer .g-share .share:hover img.dn{
		display:block;
	}
	.footer .g-share .share:last-of-type{
		margin-right:0;
	}

	.footer2{
		line-height: 1.8;
		font-size: .18rem;
		color: #fff;
		/*display: none;*/
	}
	.footer2 .top{
		background: #A60910;
		padding-left: 1.26rem;
		padding-bottom: .56rem;
	}
	.footer2 .logo{
		padding-top: .3rem;
		padding-bottom: .36rem;
	}
	.footer2 .logo a{
		width: 1.11rem;
		display: block;
	}
	.footer2 .itembox{
		display: flex;
	}
	.footer2 .item{
		width: 3.64rem;
	}
	.footer2 .item .tit{
		font-weight: bold;
	}
	.footer2 .item a{
		color: #fff;
	}
	.footer2 .item a:hover{
		text-decoration: underline;
	}
	.footer2 .item2{
		width: 5.54rem;
	}
	.footer2 .item2 .txts{
		display: flex;
		align-items: center;
	}
	.footer2 .item2 .txts .pic{
		width: .42rem;
		margin-right: .12rem;
	}
	.footer2 .item2 .txts .txt{
		width: 4.9rem;
	}
	.footer2 .item2 .txts .txt p{
		font-weight: bold;
	}
	.footer2 .g-share{
		margin-top: .18rem;
	}
	.footer2 .g-share .shares{
		display:flex;
	}
	.footer2 .g-share .share{
		width:.38rem;
		height:.38rem;
		display:flex;
		align-items:center;
		justify-content:center;
		border-radius:50%;
		margin-right:.06rem;
		transition:.5s;
		background:#D6D6D6;
	}
	.footer2 .g-share .share:hover{
		background:#D0111B;
		transform: translateY(-5px);
		transition: 0.2s; 
	}
	.footer2 .g-share .share img{
		width:auto;
		height:auto;
		display:block;
		max-width:.4rem;
		max-height:.4rem;
		transition:.5s;
	}
	.footer2 .g-share .share img.dn{
		display:none;
	}
	.footer2 .g-share .share:hover img{
		display:none;
	}
	.footer2 .g-share .share:hover img.dn{
		display:block;
	}
	.footer2 .g-share .share:last-of-type{
		margin-right:0;
	}
	.footer2 .txt2{
		text-align: center;
		background: #93070F;
		padding: 0.18rem 0;
	}
	

	/* 移动端头部 */
	.header-phone {
		height: 50px;
		background-color: #fff;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 999;
		box-shadow: 0 0 0.1rem rgba(0,0,0,0.2);
		transition: .5s;
	}
	
	.header-phone .hdr {
		height: 100%;
		/* overflow: hidden; */
		position: relative;
	}
	
	.header-phone .hdr::after {
		content: '';
		display: table;
		clear: both;
	}
	
	/* 移动端按钮 */
	.menuBtn {
		position: absolute;
		right: 0px;
		font-size: .32rem;
		display: block;
		cursor: pointer;
		-webkit-transition: .2s;
		-moz-transition: .2s;
		-ms-transition: .2s;
		-o-transition: .2s;
		transition: .2s;
		background: url(../img/icon_menu.png) no-repeat right center;
		background-size: .3rem;
		padding-right: .4rem;
		
	}
	.menuBtn.on{
		background: url(../img/icon_close.png) no-repeat right center;
		background-size: .3rem;
	}
	
	
	.nav-ph {
		position: fixed;
		left: 0;
		right: 0;
		top:50px;
		/* bottom: 0; */
		background-color: #f1f2f5;
		padding-top: 22px;
		display: none;
		overflow-y: auto;
		z-index: 999;
		padding-bottom: 10px;
		max-height: calc(100vh - 50px);
		box-sizing: border-box;
		box-shadow: 0 0 0.1rem rgb(0 0 0 / 20%);
	}
	.nav-ph::after{
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		height: 21px;
		background: url(../img/m_bg_navsub.png) no-repeat top center;
		background-size: 100%;
	}
	.nav-ph li {
		margin-bottom: 8px;
		padding: 8px 0;
	}
	.nav-ph li.on{
		background-color: #eaecf0;
	}
	.nav-ph .con {
		position: relative;
	}
	.nav-ph a{
		padding: 0 .4rem;
	}
	.nav-ph .arr {
		position: absolute;
		right: .4rem;
		top: 0;
		background: url(../img/arr.png) no-repeat center;
		background-size: 100%;
		width: .26rem;
		height: .54rem;
		transition: .5s;
	}
	
	.nav-ph .arr.on {
		background-image: url(../img/arr-on.png);
		transform: rotateZ(90deg);
	}
	
	.nav-ph a {
		font-size: .26rem;
	}
	
	.nav-ph .con>a {
		line-height: .54rem;
		font-size: .38rem;
		margin-bottom: 15px;
	}
	
	.sub-navph {
		padding: 8px 0;
		display: none;
	}
	
	.sub-navph a {
		font-size: 0.26rem;
		color: #777;
	}
	
	.sub-navph dd {
		margin-bottom: .2rem;
	}
	.sub-navph dd:last-of-type{
		margin-bottom: 0;
	}
	.sub-navph dd:hover a,
	.sub-navph dd.on a{
		color: #0066ff;
	}
	.header-phone {
		display: none;
	}
	.header-all .header-phone li.htover{
		margin-left: .4rem;
	}
	.header-all .header-phone .btns{
		margin: 0;
		padding: 0;
		padding-right: .3rem;
	}
	.header-all .header-phone .btns img{
		width: .48rem;
		height: .48rem;
	}
	#scrollToTop {
		position: fixed;
		right: 1.4rem;
		bottom: 1.45rem;
		width: .42rem;
		height: .42rem;
		z-index: 99;
		overflow: hidden;
		background: url(../img/up.png) no-repeat center;
		background-size: 100% 100%;
		cursor: pointer;
		display: none;
	}
	
	@media only screen and (max-width: 750px) {
		body{
			padding-top:50px;
		}
		.w33, .w50{
			width: 100%;
		}
		.header {
			display: none;
		}
	
		.header-phone {
			display: block;
		}
	
		.wp1650,
		.wp1440,
		.wp1400,
		.wp1362,
		.wp{
			max-width: none;
			padding: 0 .4rem;
		}
		.footer {
			line-height: .4rem;
		}
		.footer .logo{
			padding-top: .6rem;
		}
		.footer, .footer .txt{
			font-size: .26rem;
		}
		.footer .navlist {
			display: none;
		}
		.footer .hf a{
			float: none;
			display: block;
		}
		.footer .g-share{
			margin-bottom: .4rem;
		}
		.footer .g-share .share{
			width: .8rem;
			height: .8rem;
		}
		.footer .g-share .share img{
			max-width: .4rem;
			min-height: .4rem;
		}
		.footer2{
			font-size: .26rem;
		}
		.footer2 .top{
			padding: 0 .4rem;
		}
		.footer2 .item{
			display: none;
		}
		.footer2 .item2{
			width: 100%;
		}
		.footer2 .item2 .txts .pic{
			width: .6rem;
		}
		.footer2 .item2 .txts .txt{
			width: calc(100% - 0.74rem);
		}
		.footer2 .g-share{
			margin-bottom: .4rem;
		}
		.footer2 .g-share .share{
			width: .8rem;
			height: .8rem;
		}
		.footer2 .g-share .share img{
			max-width: .8rem;
			min-height: .8rem;
		}
		.footer2 .txt2{
			padding: 0.18rem 0.4rem;
		}
		#scrollToTop{
			right: .5rem;
			bottom: .5rem;
		}
	}