@charset "utf-8";

/* CSS Document */
/*-----whole-----*/
/*-----whole-----*/
html {
	font-size: 100px;
}

body {
	position: relative;
	overflow-x: hidden;
}

body.resizing * {
	transition: none !important;
	-webkit-transition: none !important;
	-moz-transition: none !important;
}



/*clearfix*/
.clearfix {
	*zoom: 1
}

.clearfix:before,
.clearfix:after {
	display: table;
	content: ""
}

.clearfix:after {
	clear: both
}

/*初始化按钮*/
.btn {
	display: inline-block;
	text-align: center;
	padding: 0px;
	border: 0px;
	margin: 0px;
	position: relative;
	cursor: pointer;
}

.btn span {
	display: inline-block;
}

/*通用img*/
img.rollover {
	position: absolute;
	top: 0px;
	left: 0px;
	opacity: 0;
	filter: Alpha(opacity=0);
	z-index: 2;
}

input.text,
textarea.text {
	display: block;
	padding: 0px;
	width: 100%;
	border: 0px;
	background: none;
	margin: 0px;
}

/*--- Header ---*/
.Header-wrapper {
	z-index: 99;
}

.header-container {position: absolute;top:0;left:50%;width: 100%;height: 72px;background: rgba(255,255,255,.8);z-index: 999;width: 80%;padding: 0 3%;transform:translateX(-50%);transition: all .3s;display: flex;justify-content:space-between;align-items:center;}
.header-container:hover {background: rgba(255,255,255,1)}
.header-container.on{width: 100%;}
.header-container .Hnav{display: flex;justify-content:space-between;width: 50%;height: 100%}
.header-container .Hnav li{position: relative;height: 100%}
.header-container .Hnav li a{color:#000;text-transform: uppercase;font-size: 18px;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;display: block; line-height: 72px;padding: 0 15.6px;}
.header-container .Hnav li a:hover{color:#fff;background: #004e98;}
 
/*logo*/
.Hlogo {
	font-size: 0px;
	overflow: hidden;
}

.Hlogo img{height: 35px}


/*搜索*/
.nav-right{display: flex;justify-content:space-between;align-items:center;}
.Hsrch-box{padding:0 33px 0 10px;width:120px;height:40px;border:1px solid #333;border-radius:20px;position:relative;z-index:2;font-size:14px;color:#888}
.Hsrch-box .text{width:100%;height:37px;color:#333;text-indent:5px;background:0 0;border:0;outline:0}
input::-webkit-input-placeholder{color:#333}
input::-moz-input-placeholder{color:#333}
input::-ms-input-placeholder{color:#333}
.Hsrch-box .btn{width:29px;height:100%;position:absolute;right:10px;top:12px;color:#333}
 
 .Footer-Scheme-box{width:100%;overflow:hidden;background-color:#004e98;padding:60px 0}
.Footer-Scheme{width:1280px;margin:0 auto}
.Footer-SchemeL{width:50%;float:left;font-size:36px;height:54px;color:#fff;overflow:hidden;font-weight:700}
.Footer-SchemeR{width:30%;float:right;height:54px;overflow:hidden;border-bottom:1px solid #fff;line-height:54px;text-align:right;position:relative}
.Footer-SchemeR>a{font-size:16px;color:#fff;display:inline-block}
.Footer-SchemeR>a:before{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background-color:#fff;transition:all .4s}
.Footer-SchemeR>a:hover:before{width:100%}
.Footer-SchemeR>a i{width:7px;height:11px;display:inline-block;vertical-align:middle;background-repeat:no-repeat;background-image:url(../images/footer_arrow.png);margin:-2px 0 0 10px;transition:all .6s}
.Footer-SchemeR>a:hover i{margin:-2px 0 0 14px}
.Footer-container{padding:40px 0;color:#fff;margin-top:0;background:#3a3635}
.Footer-wordsBox{width:1280px;margin:0 auto}
.Footer-wordsBoxL{width:39%;float:left;overflow:hidden}
.Footer-wordsBoxL-pic{height:38px;overflow:hidden}
.Footer-wordsBoxL-pic img{height:38px}
.Footer-wordsBoxL-words{width:100%;font-size:16px;color:#aaa;line-height:24px;padding:24px 0 44px 0}
.Footer-wordsBoxL-words p{width:80%}
.Footer-wordsBoxL-icon{width:100%;padding:10px 0 0 0;position:relative}
.Footer-wordsBoxL-icon:after{content:"";display:table;clear:both}
.Footer-ewm{position:absolute;z-index:9;width:160px;height:160px;bottom:46px;left:26%;display:none}
.Footer-ewm img{width:100%;height:100%}
.Footer-wordsBoxL-icon a{width:34px;height:26px;overflow:hidden;display:inline-block;margin:0 12px 0 0;text-align:center;vertical-align:middle;transition:all .5s;opacity:.6}
.Footer-wordsBoxL-icon a:hover{transform:translateY(-4px);opacity:1}
.Footer-wordsBoxR{width:100%;display:flex;justify-content:space-between;overflow:hidden}
.Footer-wordsBoxRL{width:44%;float:left;overflow:hidden}
.Footer-wordsBoxRL ul{width:74%;overflow:hidden;margin-left:16%}
.Footer-wordsBoxRL ul li{padding:10px 0;font-size:16px;color:#aaa;text-indent:1em;position:relative;transition:all .6s}
.Footer-wordsBoxRL ul li:after{content:"";position:absolute;left:0;bottom:0;width:28%;height:1px;background-color:#3d3d41;transition:all .4s}
.Footer-wordsBoxRL ul li:hover:after{width:100%}
.Footer-wordsBoxRL ul li:hover{color:#fff}
.Footer-wordsBoxRR{width:25%;float:right;overflow:hidden}
.Footer-wordsBoxRR ul{width:100%;margin-top:-10px;overflow:hidden}
.Footer-wordsBoxRR ul li{padding:10px 0;font-size:16px;color:#aaa;text-indent:1em;position:relative;transition:all .6s}
.Footer-wordsBoxRR ul li:after{content:"";position:absolute;left:0;bottom:0;width:28%;height:1px;background-color:#3d3d41;transition:all .4s}
.Footer-wordsBoxRR ul li:hover:after{width:100%}
.Footer-wordsBoxRR ul li:hover{color:#fff}
.Footer-Bottom{padding:30px 0;background-color:#3a3635;text-align:center;font-size:14px;color:#8e8e8e;border-top:1px solid #4a4a4a}
.Footer-Bottom p{width:94%;margin-left:3%}



@media all and (max-width:1340px) {
	.Footer-Scheme {
		width: 94%;
		margin-left: 3%;
	}
	.Footer-wordsBox {
		width: 94%;
		margin-left: 3%;
	}
	.Footer-wordsBoxRL ul {
		width: 90%;
		margin-left: 6%;
	}
	.Footer-wordsBoxRR ul {
		width: 94%;
		margin-left: 6%;
	}
	.Footer-Scheme-box {
		padding: 48px 0;
	}
}