@charset "utf-8";

html {
	font-size: 100px;
}

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

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

.Container-wrapper{
	margin: 0;
}


/*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 {
	width: 100%;
	padding: 0 52px 0 52px;
	background-color: transparent;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 999;
}

/*logo*/
.Hlogo {
	height: 90px;
	line-height: 90px;
	font-size: 0px;
	float: left;
	overflow: hidden;
}

.Hnav {
	width: 820px;
	height: 90px;
	overflow: hidden;
	float: right;
	margin: 0 .48rem 0 0;
}
.Hnav>li:first-child{
	transition: all .6s;
}

.Hnav>li {
	float: left;
	padding: 0 22px;
}

.Hnav .Hname {
	display: block;
	line-height: 90px;
	padding: 0 2px;
	text-align: center;
	font-size: 18px;
	color: #fff;
	position: relative;
}
.Hnav .Hname i{
	position: absolute;
	height: 2px;
	width: 0%;
	display: inline-block;
	left: 0;
	bottom: 16px;
	background-color: #fff;
	transition: all .5s;
}
@media all and (min-width:1000px) {
	.Hnav>li.cur .Hname,
	.Hnav>li:hover .Hname i{
		width: 100%;
	}
}
.Hnav-active .Hname i{
	width: 100%;
}



/*搜索*/
.Hsrch {
	position: relative;
	float: right;
	margin: 0 18px 0 0;
}

.Hsrch-menu {
	display: block;
	width: 38px;
	height: 90px;
	background: url('../images/public/icon-HsrchH.png') no-repeat center center;
	transition: none !important;
	-webkit-transition: none !important;
}

.Hsrch-menu.cur {
	background: url('../images/public/icon-closeH.png') no-repeat center center / 16px auto;
}

.Hsrch-box {
	padding: 0 60px 0 10px;
	width: 330px;
	height: 50px;
	background: #fff;
	position: absolute;
	top: 90px;
	right: 0px;
	z-index: 2;
	display: none;
	font-size: 14px;
	color: #888;
}

.Hsrch-box .text {
	width: 100%;
	height: 48px;
}

.Hsrch-box .btn {
	width: 50px;
	height: 100%;
	background: url('../images/public/icon-Hsrch.png') no-repeat center center;
	position: absolute;
	right: 0px;
	top: 0px;
}

.Hsrch-box i {
	display: block;
	width: 1px;
	height: 16px;
	background: #ccc;
	position: absolute;
	right: 50px;
	top: 50%;
	margin: -8px 0 0;
}

/*语言*/
.Hlang {
	display: block;
	padding: 0 14px;
	height: 90px;
	line-height: 90px;
	font-weight: lighter;
	font-size: 16px;
	color: #fff;
	position: relative;
	float: right;
	margin: 0 24px 0 0;
}
.Hlang:hover{
	color: #333;
}

.Hmenu-btn-hr.Hmenu-btn {
	float: right;
}

/* footer */
.Footer-wrapper{
	width: 100%;
	background-color: #191c21;
	padding: 56px 52px;
}
.Footer-wrapper:after{
    content: "";
    *zoom: 1;
    display: table;
    clear: both;
}

.Footer-L{
	width: 30%;
	overflow: hidden;
	padding: 0 80px 0 0;
	float: left;
}
.Footer-Llogo{
	width: 100%;
	overflow: hidden;
}
.Footer-Llogo img{
	object-fit: cover;
	max-width: 100%;
}
.Footer-Lwords{
	width: 100%;
	overflow: hidden;
	margin-top: 16px;
}
.Footer-Lwords p{
	font-size: 14px;
	color: #67686a;
	margin-top: 2px;
}

.Footer-C{
	width: 48%;
	overflow: hidden;
	float: left;
	padding: 50px 80px 0 0;
	font-size: 0;
}
.Footer-C a{
	display: inline-block;
	font-size: 16px;
	color: #67686a;
	padding: 6px;
	margin: 12px 36px 0 0;
}
.Footer-C a:hover{
	color: #fff;
}



.Footer-R{
	width: 22%;
	float: left;
	padding: 68px 0 0 0;
	position: relative;
}
.Footer-R:after{
    content: "";
    *zoom: 1;
    display: table;
    clear: both;
}
.Footer-Rdh{
	width: 76%;
	float: left;
	overflow: hidden;
}
.Footer-Rdh i{
	width: 34px;
	height: 35px;
	display: inline-block;
	vertical-align: middle;
	background: url('../images/public/footer_dh.png') no-repeat;
	margin: 0 16px 0 0;
}
.Footer-Rdh span{
	display: inline-block;
	vertical-align: middle;
	font-size: 20px;
	color: #fff;
	font-weight: bold;
}
.Footer-Rdh a{
	opacity: .6;
}
.Footer-Rdh a:hover{
	opacity: 1;
}

.Footer-Rlx{
	width: 24%;
	float: right;
	font-size: 0;
	position: relative;
}
.Footer-Rlx:after{
    content: "";
    *zoom: 1;
    display: table;
    clear: both;
}
.Footer-Rlx img{
	display: inline-block;
	width: 34px;
	height: 34px;
	margin: 0 6px;
	opacity: .6;
}
.Footer-Rlx img:hover{
	opacity: 1;
}
.Footer-ewmPic{
	position: absolute;
	top: -150px;
	left: -44px;
	z-index: 99;
	display: none;
}
.Footer-ewmPic img{width: 129px;height: 134px;display: block;opacity: 1;margin: 0;}




/* --------------------控制导航变化-------------------- */

.UPheader-container{
	background-color: rgba(0,0,0,.4);
	box-shadow: none;
}


@media all and (max-width:1600px) {
	.Footer-L{padding: 0 40px 0 0;}
	.Footer-C{padding: 50px 60px 0 0;}
	.Footer-C a {margin: 12px 30px 0 0;}
}

@media all and (max-width:1460px) {
	.Footer-L {
		padding: 0 24px 0 0;
	}
	.Footer-C {
		padding: 50px 40px 0 0;
	}
	.Footer-C a {
		margin: 12px 24px 0 0;
	}
}

@media all and (max-width:1340px) {
	.Footer-Rdh{width: 80%;}
	.Footer-Rlx {width: 20%;}
}

@media all and (max-width:1280px) {
	.Hnav{
		width: 650px;
	}
	.Hnav>li {
		padding: 0 14px;
	}
	.Footer-C a {
		margin: 8px 24px 0 0;
	}
}

@media all and (max-width:1200px) {
	.Hnav{
		width: 540px;
	}
	.Hnav .Hname{font-size: 16px;}
	.Hnav>li {
		padding: 0 8px;
	}
	.Footer-C{width: 38%;}
	.Footer-R{width: 32%;}
	.Footer-Rdh{width: 82%;}
	.Footer-Rlx {width: 18%;}
}


/*移动端适配*/
@media all and (max-width:1000px) {
	.header-container{position: fixed;}
	.Container-wrapper{margin-top: 50px;}
	.Hnav .Hname {
		color: #67686a;
	}
	.Hnav .Hnav-active .Hname{
		color: #0e5f9f !important;
	}
	.header-container {
		background-color: #191c21;
	}
	
	/*-- Header --*/
	.header-container,
	.Hlogo {height: 50px;}
	.Hlogo {line-height: 50px;}
	.Hlogo img {height: 80%;}
	.Hmenu-btn {display: block;}

	/* ----Vinter----- */
	.Hnav {
		height: auto;
		overflow: unset;
	}
	.Hnav>li:first-child {
		margin-left: 0;
		transition: unset;
	}
	.Hnav .Hname i,
	.Hnav-active .Hname i{display: none;}
	.Hlang {
		margin: 0 12px 0 0;
		width: 38px;
		padding: 0;
		text-align: center;
	}
	.Hsrch {
		margin: 0;
	}

	/* footer */
	.Footer-wrapper {
		padding: 44px 16px;
	}
	.Footer-L{width: 100%;padding: 0;}
	.Footer-R{width: 100%;padding: 0;margin-top: 20px;}
	.Footer-C{width: 100%;padding: 0;margin-top: 20px;}

	.Footer-C a{width: 50%;margin: 0;padding: 6px 0;}
	.Footer-Rdh i {margin: 0 8px 0 0;}
}



/* *******************************************************共用部分***************************************************** */
/* banner */
.inside-Banner-box{width: 100%;overflow: hidden;}
.inside-Banner{width: 100%;overflow: hidden;position: relative;}
.inside-Banner img{width: 100%;object-fit: cover;min-height: 220px;}
.inside-Banner-words{position: absolute;width: 100%;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.inside-Banner-words h4{width: 90%;text-align: center;margin-left: 5%;font-size: 36px;color: #fff;font-weight: bold;}
.inside-Banner-words p{width: 90%;text-align: center;margin-left: 5%;font-size: 34px;color: #fff;margin-top: 12px;}

/* sunNav */
.public-Nav-box{width: 100%;overflow: hidden;}
.public-Nav{width: 100%;font-size: 0;border-bottom: 1px solid #ebebeb;text-align: center;}
.public-Nav:after{content: "";*zoom: 1;display: table;clear: both;}
.public-Nav a{display: inline-block;font-size: 16px;color: #333;position: relative;padding: 28px 60px;}
.public-Nav a i{position: absolute;bottom: -1px;left: 0;width: 100%;height: 1px;background-color: #004098;z-index: 3;display: block;opacity: 0;transition: all .4s;}
.public-Nav a:hover{color: #004098;}
.public-Nav-active{color: #004098 !important;}
.public-Nav-active i{opacity: 1 !important;}

/* title */
.public-blackTitle-box,
.public-whiteTitle-box{width: 100%;overflow: hidden;padding: 66px 0 44px 0;}
.public-blackTitle,
.public-whiteTitle{width: 100%;overflow: hidden;text-align: center;}
.public-blackTitle h4,
.public-whiteTitle h4{font-size: 36px;font-weight: bold;}
.public-blackTitle h4{color: #333;}
.public-whiteTitle h4{color: #fff;}
.public-blackTitle p{font-size: 14px;color: #777;line-height: 24px;margin-top: 20px;width: 76%;margin-left: 12%;}

/* fullpage */
.public-fullpage{width: 100%;overflow: hidden;text-align: center;font-size: 0;padding-top: 32px;}
.public-fullpage a{display: inline-block;border: 1px solid #c4c4c4;font-size: 16px;color: #666;width: 42px;height: 42px;line-height: 42px;margin: 6px 6px 0 6px;transition: all .2s;}
.public-fullpage a:first-child,
.public-fullpage a:last-child{font-family: "宋体","Helvetica Neue";}
.public-fullpage a:hover{background-color: #004098;border-color: #004098;color: #fff;}
.public-fullpage a.on{background-color: #004098;color: #fff;border-color: #004098;}

.wtx-link{width: 100%;overflow: hidden;padding-top: 24px;}
.wtx-link a,.wtx-link span{display: inline-block;font-size: 14px;color: #666;margin: 3px 4px;transition: all .3s ease;}
.wtx-link span{margin-left: 0;margin-right: 0;}
.wtx-link a:hover{color: #fff;}

/* -------------------------PC端--------------------------- */

@media all and (max-width:1700px) {}

@media all and (max-width:1460px) {}

@media all and (max-width:1380px) {}

@media all and (max-width:1300px) {}

@media all and (max-width:1280px) {}

@media all and (max-width:1200px) {
	.public-Nav a {padding: 28px 44px;}
	.public-blackTitle-box, .public-whiteTitle-box{padding: 60px 0 40px 0;}
	.public-blackTitle h4, .public-whiteTitle h4{font-size: 32px;}
	.inside-Banner-words h4{font-size: 32px;}
}


/* ------------------------手机端-------------------------- */
/* 置顶 */
.backtop {
    position: fixed;
    right: 3%;
    bottom: 3%;
    z-index: 999999;
    width: 49px;
    height: 44px;
    cursor: pointer;
	display: none;
	background-color: #fff;
	border-radius: 10PX;
}
.backtop img {
    width: 100%;
    height: 100%;
}


@media all and (max-width:1000px) {
	.inside-Banner-words h4 {font-size: 22px;}
	.public-Nav a{padding: 20px 0;width: 33.3333333%;font-size: 14px;text-align: center;}
	.public-Nav{padding: 20px 0;text-align: left;}
	.public-blackTitle-box, .public-whiteTitle-box {padding: 32px 0 24px 0;}
	.public-blackTitle h4, .public-whiteTitle h4{font-size: 24px;}
	.inside-Banner-words p {font-size: 18px;margin-top: 8px;}
	.public-fullpage{padding-top: 28px;}
	
}


/* 侧栏 */
.sideBar-wrapper{position: fixed;top: 50%;right: 0;margin-top: -76px;width: 50px;height: 152px;z-index: 6666;}
.sideBar-wrapper ul li{height: 50px;position: absolute;left: 0;}
.sideBar-wrapper ul li.backTop{top: 0;width: 62px;}
/*.sideBar-wrapper ul li.relQq{top: 51px;width: 126px;transition: all .4s;}*/
.sideBar-wrapper ul li.relDh{top: 51px;width: 172px;transition: all .4s;}
.sideBar-wrapper ul li.relEm{top: 102px;width: 172px;transition: all .4s;}
.sideBar-wrapper ul li.relEwm{top: 153px;width: 62px;}
/*.sideBar-wrapper ul li.relEwm{top: 204px;width: 62px;}*/
.sideBar-wrapper ul li a{display: block;font-family: "Microsoft Yahei";color: #fff;font-size: 14px;height: 50px;line-height: 50px;overflow: hidden;background-color: #000;opacity: .7;border-radius: 6px;}
.sideBar-wrapper ul li a img{display: block;float: left;width: 24px;height: 24px;margin: 12px 12px 14px 14px;}
.sideBar-wrapper ul li a:hover{background: #004098;opacity: 1;}
.sideBar-wrapper ul li.relQq:hover{left: -70px;}
.sideBar-wrapper ul li.relDh:hover{left: -116px;}
.sideBar-wrapper-ewm{position: absolute;top: -144px;left: -144px;background: url('../images/public/side-arr.png') no-repeat bottom right;width: 140px;height: 149px;padding-bottom: 9px;display: none;}
.sideBar-wrapper-ewm img{display: block;background-color: #FFF;width: 140px;height: 140px;}
.sideBar-wrapper ul li.relEwm:hover .sideBar-wrapper-ewm{display: block;}
.sideBar-wrapper ul li.relEm img{width: 26px;height: 20px;margin-top: 15px;}