/*!****** lib.css *******/
/*!-----------------[初始化]--------------*/
*,:after,:before{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:0!important;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}

body{color:#333;font-size:14px;line-height:1.5;font-family:'Microsoft Yahei',"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif}
img{max-width:100%;border:none}

a{color:#333;text-decoration:none}





/* 头部  */
.header {position: fixed;width: 100%;top: 0;left: 0;right: 0;z-index: 999;transition: 0.45s;}
.header.active {transform: translateY(-110px);}
.head-wrap {position: relative;background: #fff;height: 110px;line-height: 110px;transition: 0.85s;}
.hwl {float: left;}
.header .head-logo {position: relative;display: inline-block;vertical-align: middle;z-index: 99;}
.head-logo img {display: block;width: 100%;}
.head-logo .img1 { display:block;}
.head-logo .img2 { display: none;}
.hwtxt {display: inline-block;vertical-align: middle;line-height: 1.6;border-left: 1px solid #D3D3D5;padding-left: 15px;margin-left: 15px;font-weight: bold;}
.pwtxt{ display:none}
.ht1 {color: #0D2982;font-size: 20px;}
.ht1 strong {color: #FA8605;}
.ht2 {font-size: 16px;color: #707070;}
.hwr {float: right;}
.hricon {display: inline-block;vertical-align: middle;text-align: center;width: 36px;height: 36px;line-height: 36px;border: 1px solid #999999;border-radius: 50%;color: #999999;font-size: 20px;}
.hrtxt {display: inline-block;vertical-align: middle;margin-left: 10px;font-size: 15px;color: #737373;line-height: 1.3;}
.htphone {
	display: block;
	font-family: "bahnschrift";
	color: #0D2982;
	font-size: 28px;
	background: -webkit-gradient(linear, left top, right top, color-stop(0, #32377A), color-stop(.4, #0D2982), color-stop(.5, white), color-stop(.6, #32377A), color-stop(1, #32377A));
	-webkit-background-clip: text;
	/* 设置对象中的文字填充颜色 这里设置为透明 */
	-webkit-text-fill-color: transparent;
	/* 每隔2秒调用下面的CSS3动画 infinite属性为循环执行animate */
	-webkit-animation: animate 1.3s infinite;
	overflow: hidden;
}
@-webkit-keyframes animate {
	from {
		background-position: -100px;
	}
	to {
		background-position: 100px;
	}
}

@keyframes animate {
	from {
		background-position: -100px;
	}
	to {
		background-position: 100px;
	}
}

/* 导航  */
.nav { display: block; box-sizing: border-box;background: #32377A;height: 55px;line-height:55px; width:1200px; margin:0px auto;}
.nav > ul { float: left; }
.nav > ul > li { display: inline-block; vertical-align: top; position: relative; width:160px; text-align:center}
.nav > ul > li > a { display: block; font-size: 16px; color: #fff; font-weight:600}
.nav > ul > li.on { background:#F6A307; }
.nav > ul > li > .on{color:#fff;background:#F6A307;}
.nav > ul > li.on > a { color: #fff; }
.nav > ul > li.on:hover > a { color: #fff; }
.nav > ul > li:hover > a { color: #fff; }
.nav .addition { float: right; }
.nav .addition > div { display: inline-block; vertical-align: top; position: relative; margin: 0 12px; font-size: 12px; color: #666; cursor: pointer; }
.nav .addition > div i { display: inline-block; vertical-align: top; font-size: 16px; }
.nav .addition > div em { position: relative; display: inline-block; vertical-align: top; }
.nav .addition > div em span { display: none; position: absolute; z-index: 99; top: 70%; left: 0; width: 120px; height: 120px; padding: 5px; border: 1px solid #ddd; background: #fff; }
.nav .addition > div em span img { width: 100%; height: 100%; }
.nav .addition > div em:hover span { display: block; }
.nav .addition > div a { display: inline-block; vertical-align: top; font-size: 16px; color: #666; }
.nav .addition > div:before { position: absolute; top: 50%; right: -12px; height: 12px; width: 1px; content: ''; margin-top: -7px; background: #ccc; }
.nav .addition > div:last-child:before { display: none; }
.nav .addition > div:hover { color: #ED2836; }
.nav .addition > .a0 .a1:hover, .a0 .a2:hover, .a0 .a3:hover, .nav .addition > div:hover i { color: #ED2836; }
.nav .down_nav {display: none;position: absolute;top: 100%;line-height: initial;left: 0;width:100%;background: #32377A;z-index:999;}
.nav .down_nav > a {display: inline-block; width:100%;vertical-align:  top;background:#32377A;font-size: 15px;color: #fff;line-height: 53px;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.nav .down_nav > a:hover { background:#F6A307; color: #fff; }

.push-nav, .bg-nav { display: none; }
/* 导航end  */


.mtop {height: 165px;}
.w1200 {width: 1280px;margin: 0 auto;}
.target{overflow:hidden}
.wrap_1400 { width:100%; margin: 0 auto; background: #32377A;}


@media (max-width: 1240px) { 

  .nav { position: fixed; top: 0; right: 0; z-index: 997; width: 300px; height: 100%; padding: 60px 3%; margin: 0; background: #fff; box-sizing: border-box; }
  .nav.close-nav { -webkit-transition: -webkit-transform .3s ease; transition: transform .3s ease; -webkit-transform: translate(300px, 0); transform: translate(300px, 0); }
  .nav.open-nav { -webkit-transform: translate(0, 0) !important; transform: translate(0, 0) !important; -webkit-transition: -webkit-transform .5s; transition: transform .5s; }
  .nav > ul { float: none; width: 100%; max-height: 100%; overflow: auto; }
  
  .nav > ul > li { display: block; float: none; width: 100%; margin: 0; padding: 0; line-height: 1; text-align: center; }
  .nav > ul > li > a { display: block; padding: 20px 0; font-size: 16px; border-bottom: 1px solid #e5e5e5; color: #333; line-height: 1; }
.nav > ul > li:hover > a { color: #ff6600; }
  .nav > ul > li.Have > a { pointer-events: none; }
  .nav .addition { float: none; width: 100%; }
  .nav .addition > div { display: inline-block; width: 50%; text-align: center; border-bottom: 1px solid #ddd; margin: 0; }
  .nav .addition > div:before { right: 0; }
  .nav .down_nav { position: static; width: 100%; padding: 0; margin: 0; border: none; background: transparent; }
  .nav .down_nav:before { display: none; }
  .nav .down_nav > a {width:100%;padding: 15px 0px;line-height: 20px;display:  block;}
  .push-nav { display: block; position: absolute; top: 5px; right: 3%; z-index: 998; width: 56px; height: 65px; }
  .push-nav .nav-toggle { display: block; position: absolute; left: 50%; top: 50%; border: 0; background-image: none; border-radius: 4px; cursor: pointer; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
  .push-nav .nav-toggle span { display: block; position: relative; z-index: 1; width: 36px; height: 3px; margin-bottom: 8px; background: #2B2C2D; border-radius: 3px; -webkit-transform-origin: 33px; transform-origin: 33px; -webkit-transition: all .5s; transition: all .5s; }
  .push-nav .nav-toggle span:last-child { margin-bottom: 0; }
  .push-nav.on .nav-toggle span { opacity: 1; background: #ED2836; }
  .push-nav.on .nav-toggle span:nth-child(3) { -webkit-transform: rotate(45deg); transform: rotate(45deg); }
  .push-nav.on .nav-toggle span:nth-child(2) { -webkit-transform: scale(0); transform: scale(0); }
  .push-nav.on .nav-toggle span:nth-child(1) { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
  .bg-nav { display: none; position: fixed; top: 0; left: 0; z-index:1; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.75); animation: fade-in .43s ease 0s; -webkit-animation: fade-in .43s ease 0s; }


}
@media (max-width: 640px) {
  .nav { padding: 50px 2%; width: 220px; }
  .nav.close-nav { -webkit-transform: translate(220px, 0); transform: translate(220px, 0); }
  .nav > ul > li > a { padding: 15px 0; font-size: 14px; }
  .nav .down_nav > a{ width:100%}
  .nav .addition > div { font-size: 12px; }
  .nav .addition > div i { margin: 0; }
  .nav .addition > div:before { height: 10px; }
  .push-nav { right: 0; width: 50px; height: 50px; }
  .push-nav .nav-toggle span { width: 25px; height: 2px; margin-bottom: 6px; -webkit-transform-origin: 24px; transform-origin: 24px; }
 }



@media screen and (max-width: 1200px) {
.head-write,
	.headContact {
		display: none;
	}
	.menu-handler,
	.menuBox {
		display: block;
	}
	.header {
		height: 55px;
		position: fixed;
		top: 0 !important;
		left: 0;
		box-shadow: 0 0 3px #eee; 
	}
	.header .head-logo {
		width: 110px;
		top: 0px;
		display: block;
		left:0px;
	}
	.head-logo .img1 { display:none;}
.head-logo .img2 { display:block ;}
	.mtop {
		height: 55px;
	}
	.head-wrap {
		height: 55px;
		line-height: 55px;
	}
.hwtxt {
		display: none;
	}
.pwtxt{ display: inline-block;vertical-align: middle; margin-top:18px}
.pwtxt .tags{display:flex; margin:0px }
.pwtxt .tag{box-sizing:border-box;padding:0px;line-height:14px;text-align:center;border:1px solid #FF6600;border-radius:2px;color:#fff;font-size:10px;margin-right:4px; background:#FF9900; font-family: Arial, Helvetica, sans-serif}
.hrtxt {
		font-size: 12px;
		margin-left: 5px;
	}
	.htphone {
		font-size: 16px;
	}
	.hwr {
		margin-right: 35px; display:none;
	}
	.w1400 {
		width: 90%;
	}
	.w1200 {
		width: 98%; margin:0px auto;
	}

	
}