html,body {
	font: 16px 微软雅黑, Arial, sans-serif;
}
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;
	outline: none;
}
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;
}
a,a:hover{
	text-decoration: none;
}
img{
	max-width: 100%;
}
.fix {
*zoom:1;
}
.fix:after, .fix:before {
	display: block;
	content: "clear";
	height: 0;
	clear: both;
	overflow: hidden;
	visibility: hidden;
}

.fl{
	float: left;
}
.fr{
	float: right;
}
.por{
	position: relative;
}

/* header */
header{
	padding: 1.25rem 1.5rem 0;
	position: relative;
}
.logo{
	position: absolute;
	left: 1.5rem;
	top: 50%;
	transform: translateY(-50%);
}
.language a{
	display: inline-block;
	padding-right: 1.5rem;
}
.language a span{
	display: inline-block;
	padding-left: 2.5rem;
	font-size: 1.125rem;
	color: #333333;
	line-height: 7.5rem;
	background: url(../images/cn.jpg) left no-repeat;
}
.navList ul li{
	float: left;
	padding: 0 2.25rem;
}
.navList ul li a{
	line-height: 7.5rem;
	display: inline-block;
	font-size: 1.25rem;
	font-weight: bold;
	color: #333333;
}
.navList ul li a:hover{
	color: #02429a;
	background: url(../images/line.jpg) bottom no-repeat;
}
.menu{
	display: none;
}

/* banner */
.banner{
	position: relative;
	z-index: 1;
	overflow: hidden;
}
.banner img{
	width: 100%;
	transition-duration: 5s;
}
.banner:hover img{
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	transition-duration: 5s;
}

/* message */
.messageBox{
	margin-top: 4.5rem;
	background: url("../images/mbg.jpg") no-repeat;
	background-size: cover;
	padding: 2.375rem 0;
}
.messageBox .messText{
	width: 50%;
	float: left;
	color: #ffffff;
}
.messText .m1{
	line-height: 2.75rem;
	color: #a6aec0;
	font-size: 1.375rem;
}
.messText .m2{
	font-size: 1.875rem;
	margin-top: 1.5rem;
	line-height: 2rem;
}
.messText .m3{
	margin-top: 2rem;
	line-height: 2rem;
	color: #a6aec0;
}
.messText .m4{
	background: url("../images/mtel.png") left no-repeat;
	background-size: auto 100%;
	line-height: 3rem;
	padding-left: 4rem;
	margin-top: 3rem;
}
.messText .m4 span{
	font-size: 1.125rem;
}
.messText .m4 strong{
	font-size: 2.25rem;
}

.messageBox .message{
	width: 50%;
	float: left;
	padding-left: 0.75rem;
}
.message .messcolumn{
	margin-bottom: 0.5rem;
}
.message .messcolumn .minputb{
	float: left;
	padding-left: 0.5rem;
}
.minput{
	background-color: #ffffff;
	line-height: 3rem;
	padding-left: 1.25rem;
}
.minput span{
	display: inline-block;
	float: left;
	width: 25%;
}
.minput input{
	width: 75%;
	float: left;
	border: none;
}
.mtextb{
	padding-left: 0.5rem;
	margin-bottom: 0.5rem;
}
.mtextb p{
	line-height: 2rem;
}
.mtextb .mtext{
	padding: 0.5rem 1.25rem;
	background-color: #ffffff;
}
.mtextb .mtext textarea{
	width: 100%;
	border: none;
}
.messcolumn .mbtn{
	width: 10rem;
	height: 3.375rem;
	border: none;
	background-color: #ffffff;
	color: #02429a;
	float: right;
}

.footer{
	background-color: #292929;
	padding: 2.5rem 1.75rem;
}
.footer_nav{
	border-left: 1px solid #111111;
	border-right: 1px solid #505050;
	padding: 0 1rem;
	height: 13rem;
	width: 25%;
	float: left;
}
.fnfirst{
	border-left: none;
}
.fnlast{
	border-right: none;
}
.footer_title{
	line-height: 1rem;
	color: #ffffff;
}
.footer_list{
	margin-top: 1rem;
	line-height: 2.75rem;
}
.footer_list ul li{
	color: #999999;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.footer_list ul li a{
	color: #999999;
}
.footer_ewm{
	margin-top: 1.5rem;
}
.footer_ewm .fewm{
	float: left;
}
.footer_ewm .fewm{
	width: 150px;
}
.footer_ewm .fewmtxt{
	float: left;
	color: #999999;
	padding-left: 1.5rem;
	padding-top: 2.5rem;
	line-height: 2rem;
}
.footerCopy{
	line-height: 3.75rem;
	color: #ffffff;
	background-color: #191919;
	text-align: center;
}
.footerCopy a{
	color: #ffffff;
}

/*右侧工具栏*/
.homeMenu{
	position: fixed;
	top: 50%;
	right: 1.75rem;
	width: 83px;
	z-index: 10000;
	transform: translateY(-50%);
}
.homeMenu ul li{
	margin-top: 0.5rem;
}
.homeMenu ul li a{
	display: inline-block;
	width: 83px;
	height: 83px;
	background: #0044a7;
	border-radius: 8px;
	text-align: center;
	line-height: 2rem;
	color: #ffffff;
	text-decoration: none;
	padding-top: 0.5rem;
	transition-duration: .5s;
}
.homeMenu ul li:hover a{
	background: #fb9316;
	transition-duration: .5s;
}
.homeMenu ul li.wx{
	position: relative;
}
.homeMenu ul li.wx span{
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition-duration: .5s;
}
.homeMenu ul li.wx span img{
	height: 83px;
}
.homeMenu ul li.wx:hover span{
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
	opacity: 1;
	transition-duration: .5s;
}
.homeMenu ul li.tels{
	position: relative;
}
.homeMenu ul li.tels span{
	position: absolute;
	top: 0;
	left: 0;
	line-height: 83px;
	display: block;
	width: 280px;
	background: #fb9316;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	font-size: 1.25rem;
	border-radius: 8px;
	opacity: 0;
	transition-duration: .5s;
}
.homeMenu ul li.tels:hover span{
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
	opacity: 1;
	transition-duration: .5s;
}


@media (max-width:1600px){
	.logo{
		width: 30%;
	}
	.navList ul li a{
		font-size: 1rem;
	}
	.footer_ewm .fewm{
		width: 120px;
	}
	.footer_ewm .fewmtxt{
		padding-top: 1.5rem;
	}
	.minput span{
		width: 25%;
	}
	.minput input{
		width: 75%;
	}
}
@media (max-width:1440px)
{
	.navList ul li{
		padding: 0 10px;
	}
	.messText .m2{
		font-size: 1.75rem;
	}
	.messText .m4{
		margin-top: 2rem;
	}
	.messText .m4 strong{
		font-size: 2rem;
	}
	.minput span{
		width: 30%;
	}
	.minput input{
		width: 70%;
	}


}

@media (max-width:1200px){
	.footer_ewm .fewmtxt{
		display: none;
	}
	.homeMenu{
		display: none;
	}
}

@media (max-width:992px)
{
	header{
		height: 6rem;
	}
	.logo{
		width: 40%;
	}
	.menu{
		display: block;
	}
	.language{
		display: none;
	}
	.navList{
		display: none;
	}
	.messageBox .messText{
		display: none;
	}
	.messageBox .message{
		width: 100%;
		padding: 1rem;
	}
	.footer{
		display: none;
	}
}

@media (max-width:768px)
{
	html,body{
		font-size: 12px;
	}
	header{
		padding: 0 1.5rem;
	}
	.logo{
		width: 70%;
		left: 1rem;
	}
	.messageBox{
		margin-top: 1rem;
		padding: 0 0 1rem;
	}
	.message .mmb{
		margin-bottom: 0.5rem;
	}

	.footerCopy{
		line-height: 2rem;
		padding: 0 1rem;
	}
}