﻿html, body{font-family:"微软雅黑",'Roboto-Regular'; font-size:100%; background:#fff; color:#666666 !important; margin:0 auto; padding:0;}
a{text-decoration: none; color:#333; outline:none;}
a:focus,a:hover {color:#f07203; outline:none;text-decoration: none;}
a:hover {text-decoration: none; color:#f07203;}
ul,li { list-style:none; display:block;  margin:0; padding:0;}
body, div, span, h5, h6, p, blockquote, pre, a, abbr, acronym, address{margin:0;padding:0;border:0;font-size:.14rem;font:inherit;vertical-align:baseline;}
img {border:0;vertical-align:bottom;}
* {line-height: 1;outline: none;}
*,header,footer{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*:before,*:after {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;line-height: 1;}
h1, h2, h3,h4, h5, h6 {margin: 0;font-weight: normal;}
ul, ol,li {margin: 0;}
p {margin: 0;}
.img {display:block;max-width:100%;height:auto;}
h5{font-size:.18rem;color:#595757;text-transform:uppercase;}
header,footer {
	padding: 0!important;
	margin: 0!important;
	height: auto;
	}
.mainContent {
	width:auto;
	/* width:1600rem; */
	max-width:14rem;
	margin: auto;
	height: auto;
	height: 100%;
	
}

/*--top--*/
/*header{position:fixed; top:0; z-index:9999;   z-index:999; background-attachment:fixed;}
header .headerbg{position:fixed; top:0; background:#fff;filter:alpha(opacity=100); opacity:1; width:100%; min-height:100rem; z-index:-1; }*/
header{ width:100%; background:#fff;height:auto; }

.head_top {
	height:.45rem;
	background: #b41f23;
	font-size: .18rem;
	color:#fff;
}
.head_top_box {
	width: 100%;
	height:100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.head_top_box_item:nth-child(2) {
	margin-right: -.3rem;
}
.head_top_box_item span::after{
	content: '';
	display: inline-block;
	width: .01rem;
	height:.18rem;
	border-right: .01rem solid #fff;
	margin: auto .1rem;
	line-height: 1;
	position: relative;
	top:.02rem;
}
.head_top_box_item span:last-child::after{
	content: '';
	display: none;
	width: 0;
	height:100%;
	margin: 0;
	border-right: 0;
}
.head_mid_box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height:.8rem;
	padding: .14rem 0;
	
}
.head_mid_box_logo {
	height:100%;
	width:1.6rem;
	overflow: hidden;
}
.head_mid_box_logo a, .head_mid_box_logo img {
	display: block;
	width: 100%;
	height:100%;
	overflow: hidden;
}
.head_mid_box_search {
	width:5.5rem;
	height:.4rem;
	display: flex;
	background: #e5e5e5;
	margin-left: .5rem;
}
.head_mid_box_search_box {
	width:4.7rem;
	height:100%;
	overflow: hidden;
}
.head_mid_box_search_box input {
	width:100%;
	height:100%;
	border: none!important;
	padding: 0 .2rem;
	background: #e5e5e5;
	font-size: .14rem;
	display: block;
}
.head_mid_box_search_btn {
	height:100%;
	width:.8rem;
	background: #b41f23 url('../image/head3.jpg') no-repeat;
	background-size: 100% 100%;
	
}

.head_mid_box_box {
	height:.28rem;
	display: flex;
}
.head_mid_box_box p {
	display: flex;
	align-items: center;
	font-size: .18rem;
	font-weight: bold;
	margin-right: .3rem;
	color:#000;
}
.head_mid_box_box p:last-child{
	margin-right: 0;
}
.head_mid_box_box p:first-child::before {
	content: '';
	display: block;
	width:.28rem;
	height:.28rem;
	margin-right: .12rem;
	background: url('../image/head1.jpg') no-repeat;
	background-size: 100% 100%;
}
.head_mid_box_box p:last-child::before {
	content: '';
	display: block;
	width:.28rem;
	height:.28rem;
	margin-right: .12rem;
	background: url('../image/head2.jpg') no-repeat;
	background-size: 100% 100%;
}
.head_nav {
	min-height:1.3rem;
	height: auto;
	background: url('../image/head4.png');
	background-repeat: repeat-y;
	background-size: 100% 100%;
	margin-bottom: .2rem;
}
.head_nav_cont.mainContent {
	width:14.3rem;
	max-width:14.3rem;
	
}
.head_nav_cont {
	min-height:1.3rem;
	height: auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: .05rem 0;
}
.head_nav_cont a {
	display: flex;
	height:.5rem;
	border-radius: .02rem;
	width: auto;
	padding: 0 .125rem;
	justify-content: center;
	align-items: center;
	background: rgba(0,0,0,.1);
	font-size: .2rem;
	color:#fff;
	overflow: hidden;
	margin: .05rem .15rem;
	border-radius: .04rem;
	
}

.head_nav_cont a.active, .head_nav_cont a:hover {
	/* background: url('../image/head5.jpg'); */
	background: #b41f23;
}



.footer_main {
	background: #000;
	height: 2.90rem;
	overflow: hidden;
	
}
.footer_main_box {
	display: flex;
	align-items: center;
	padding: .6rem 0 .45rem;
}
.footer_main_box_logo {
	width:2.06rem;
	height:1.83rem;
	overflow: hidden;
	margin-left: .9rem;
	margin-right: .4rem;
}
.footer_main_box_logo img {
	display: block;
	width:100%;
	height:100%;
	
}
.footer_main_box_info {
	width:8rem;
}
.footer_main_box_info h3 {
	margin-bottom: .6rem;
}
.footer_main_box_info h3, .footer_main_box_info h3 span, .footer_main_box_info h3 a {
	font-size: .24rem;
	color:#717171;
}

.footer_main_box_info h3 span::after{
	content: '';
	display: inline-block;
	width: .01rem;
	height:.18rem;
	border-right: .01rem solid #fff;
	margin: auto .2rem;
	line-height: 1;
	position: relative;
	top:.02rem;
}
.footer_main_box_info h3 span:last-child::after{
	content: '';
	display: none;
	width: 0;
	height:100%;
	margin: 0;
	border-right: 0;
}

.footer_main_box_info_share {
	width: 5.5rem;
	margin: 0 auto .3rem;
	display: flex;
}

.footer_main_box_info_share_item {
	position: relative;
	width:.6rem;
	height:.6rem;
	position: relative;
	margin: auto .2rem;
	
}
.footer_main_box_info_share_item:nth-child(1) {
	background: url('../image/foot1.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.footer_main_box_info_share_item:nth-child(1):hover {
	background: url('../image/foot1h.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.footer_main_box_info_share_item:nth-child(2) {
	background: url('../image/foot2.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.footer_main_box_info_share_item:nth-child(2):hover {
	background: url('../image/foot2h.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.footer_main_box_info_share_item:nth-child(3) {
	background: url('../image/foot3.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.footer_main_box_info_share_item:nth-child(3):hover {
	background: url('../image/foot3h.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.footer_main_box_info_share_item:nth-child(4) {
	background: url('../image/foot4.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.footer_main_box_info_share_item:nth-child(4):hover {
	background: url('../image/foot4h.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.footer_main_box_info_share_item:nth-child(5) {
	background: url('../image/foot5.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.footer_main_box_info_share_item:nth-child(5):hover {
	background: url('../image/foot5h.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.footer_main_box_info_share_item:hover .footer_main_box_info_share_item_hov {
	display: block;
}
.footer_main_box_info_share_item_hov {
	width:.9rem;
	height:.95rem;
	background: url('../image/foot_bg.png') no-repeat;
	background-size: 100% 100%;
	position: absolute;
	overflow: hidden;
	top:-1.1rem;
	left:50%;
	margin-left: -.45rem;
	display: none;
}
.footer_main_box_info_share_item_hov img {
	width:100%;
	height:.9rem;
	display: block;
}

.footer_main_box_info p {
	text-align: center;
	font-size: .18rem;
	color:#717171;
}

.footer_main_box_info p span:first-child {
	display: inline-block;
	line-height: 1;
	margin-right: .3rem;
}
.foot_bot {
	height:1rem;
	padding: .25rem;
	font-size: .14rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	background: #333;
}
.foot_bot p {
	font-size: .14rem;
	color:#fff;
}


.utilsBox {
	position: fixed;
	width:.5rem;
	height:2.1rem;
	position: fixed;
	top:50%;
	right:1.6rem;
	margin-top: -1rem;
	z-index: 99999;
}
.utilsBox_item {
	width:100%;
	height:.5rem;
	border-top:.01rem solid #e5e5e5;
	border-left:.01rem solid #e5e5e5;
	border-right:.01rem solid #e5e5e5;
	position: relative;
}
.utilsBox_item:nth-child(3) {
	margin-bottom: .1rem;
}
.utilsBox_item:last-child, .utilsBox_item:nth-child(3) {
	border-bottom:.01rem solid #e5e5e5;
}

.utilsBox_item_cont {
	width:2.12rem;
	height:.5rem;
	background: rgba(0,0,0,.8);
	position: absolute;
	top:0;
	left:-2.25rem;
	display: none;
	font-size: .18rem;
	color:#fff;
	font-weight: bold;
	overflow: hidden;
}
.utilsBox_item:hover .utilsBox_item_cont {
	display: flex;
	justify-content: center;
	align-items: center;
}

.utilsBox_item:nth-child(1) {
	background: url('../image/util1.png') no-repeat;
	background-size: 100% 100%;
}
.utilsBox_item:nth-child(1):hover {
	background: url('../image/util1h.png') no-repeat;
	background-size: 100% 100%;
}
.utilsBox_item:nth-child(2) {
	background: url('../image/util2.png') no-repeat;
	background-size: 100% 100%;
}
.utilsBox_item:nth-child(2):hover {
	background: url('../image/util2h.png') no-repeat;
	background-size: 100% 100%;
}
.utilsBox_item:nth-child(3) {
	background: url('../image/util3.png') no-repeat;
	background-size: 100% 100%;
}
.utilsBox_item:nth-child(3):hover {
	background: url('../image/util3h.png') no-repeat;
	background-size: 100% 100%;
}

.utilsBox_item:nth-child(4) {
	background: url('../image/toTop.png') no-repeat;
	background-size: 100% 100%;
	cursor:pointer;
}
.utilsBox_item:nth-child(4):hover {
	background: url('../image/toToph.png') no-repeat;
	background-size: 100% 100%;
}

.utilsBox_item:nth-child(3) .utilsBox_item_cont {
	height:3.9rem;
	top:-1rem;
	padding: .2rem .1rem;
} 
.utilsBox_item_cont_itm {
	width:.88rem;
	height:1.1rem;
	margin-bottom: .12rem;
}
.utilsBox_item_cont_itm:last-child, .utilsBox_item_cont_itm:last-child-1 {
	margin-bottom: 0;
}
.utilsBox_item_cont_itm_img {
	height:.88reem;
	overflow: hidden;
	margin-bottom: .05rem;
}
.utilsBox_item_cont_itm_img img {
	width:100%;
	height:100%;
	display: block;
}
.utilsBox_item_cont_itm p {
	font-size: .14rem ;
	text-align: center;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.utilsBox_item:nth-child(3):hover .utilsBox_item_cont {
	justify-content: space-between;
	flex-wrap: wrap;
}




@media screen and (max-width: 900px) {
    .head_top {
		height: auto;
		padding: .3rem 0 .1rem;
	}
	.head_top .mainContent {
		max-width:18.6rem;
	}
	.head_top_box_item:nth-child(2) {
		margin-right: 0;
	}
	.head_top_box_item span::after{
		content: '';
		display: inline-block;
		width: .05rem;
		height:.4rem;
		border-right: .01rem solid #fff;
		margin: auto .3rem;
		line-height: 1;
		position: relative;
		top:.03rem;
	}
	/* .head_top_box_item span:last-child::after{
		content: '';
		display: none;
		width: 0;
		height:100%;
		margin: 0;
		border-right: 0;
	} */
	.head_top_box_item span {
		
	}
	.head_top_box {
			flex-wrap: wrap;
			justify-content: flex-start;
	}
	.head_top_box_item {
		margin: auto .6rem;
		margin-bottom: .2rem;
		font-size: .5rem;
	}
	.head_mid_box {
		height:2.5rem;
		padding: .5rem 0;
	}
	.head_mid_box_logo {
		width: 4.5rem;
	}
	.head_mid_box_box {
		display: none;
	}
	
	.head_mid_box_search {
		margin-left: 0;
		height:1.5rem;
		width:12rem;
	}
	.head_mid_box_search_box {
		width: 8.8rem;
	}
	.head_mid_box_search_box input {
		font-size: .6rem;
		padding: 0 .6rem ;
	}
	.head_mid_box_search_btn {
		width:3.5rem;
	}
	.head_nav {
		margin-bottom: .4rem;
		padding: .4rem 0 .03rem;
		margin-bottom: .6rem;
	}
	.head_nav_cont {
		
	}
	.head_nav_cont a {
	    height: 1.3rem;
	    padding: 0 .4rem;
	    font-size: .6rem;
	    margin: .2rem .2rem;
	    border-radius: .1rem;
	}
	
	
	
	.footer_main {
		height:auto;
	}
	.footer_main_box_logo {
		display: none;
	}
	.footer_main_box {
		padding: 1rem 0 .8rem;
	}
	.footer_main_box_info h3 {
		text-align: center;
		font-size: .6rem;
	}
	.footer_main_box_info h3, .footer_main_box_info h3 span, .footer_main_box_info h3 a {
		font-size: .6rem;
		margin-bottom: 1rem;
	}
	.footer_main_box_info h3 span::after {
		width:0;
		height:0;
	}
	
	.footer_main_box_info_share {
		width: 15rem;
		margin-bottom: .6rem;
	}
	.footer_main_box_info_share_item {
		width: 1.5rem;
		height:1.5rem;
		margin: auto .7rem;
	}
	.footer_main_box_info_share_item_hov {
	    width: 2rem;
	    height: 2.1rem;
	    background: url(../image/foot_bg.png) no-repeat;
	    background-size: 100% 100%;
	    position: absolute;
	    overflow: hidden;
	    top: -2.3rem;
	    left: 50%;
	    margin-left: -1rem;
	    display: none;
	}
	.footer_main_box_info_share_item_hov img {
		height:2rem;
	}
	.footer_main_box_info p {
		font-size: .6rem;
	}
	.footer_main_box_info {
		width:17rem;
		margin: auto;
	}
	.footer_main_box_info p span {
		display: block;
		
	}
	.footer_main_box_info p span:first-child {
		margin-right: 0;
		margin-bottom: .3rem;
	}
	.foot_bot {
		padding: .4rem 1rem;
		min-height:2rem;
		height:auto;
		overflow: hidden;
		font-size: .6rem;
	}
	.foot_bot p {
		font-size: .4rem;
		text-align: center;
	}
	
	.utilsBox {
		display: none;
	}
	
	
}