.Header-wrapper{position:fixed; left:0; top:0; z-index:10; width:100%; background:#006764; background-size:auto 50px; border-bottom:2px solid #006764; -webkit-transition:-webkit-transform 300ms, -webkit-opacity 300ms;}


#logo {display:block; width:270px; height:50px;  /*background-size:170px auto;*/ float: left;margin-left: 15px;}
#logo img{display:block; height: 50px;  }



.Header-wrapper .menu-handle {
	position: relative;
	top: 5px;
	float: right;
	width: 40px;
	height: 40px;
	padding: 5px
}

.Header-wrapper .menu-handle span {
	display: block;
	width: 100%;
	height: 2px;
	background: #000;
	-webkit-transition: all ease .3s;
	-o-transition: all ease .3s;
	-moz-transition: all ease .3s;
	transition: all ease .3s;
	-webkit-transform: translate3d(0, 3px, 0);
	-moz-transform: translate3d(0, 3px, 0);
	transform: translate3d(0, 3px, 0)
}

.Header-wrapper .menu-handle span:nth-child(2) {
	-webkit-transform: translate3d(0, 12px, 0);
	-moz-transform: translate3d(0, 12px, 0);
	transform: translate3d(0, 12px, 0)
}

.Header-wrapper .menu-handle span:nth-child(3) {
	-webkit-transform: translate3d(0, 21px, 0);
	-moz-transform: translate3d(0, 21px, 0);
	transform: translate3d(0, 21px, 0)
}

.Header-wrapper .menu-handle.cur span {
	-webkit-transform: translate3d(0, 14px, 0) rotate(45deg);
	-moz-transform: translate3d(0, 14px, 0) rotate(45deg);
	transform: translate3d(0, 14px, 0) rotate(45deg)
}

.Header-wrapper .menu-handle.cur span:nth-child(2) {
	opacity: 0
}

.Header-wrapper .menu-handle.cur span:nth-child(3) {
	-webkit-transform: translate3d(0, 10px, 0) rotate(-45deg);
	-moz-transform: translate3d(0, 10px, 0) rotate(-45deg);
	transform: translate3d(0, 10px, 0) rotate(-45deg)
}



.Header-wrapper .mainnav {
	display: none;
	position: fixed;
	top: 50px;
	left: 0;
	z-index: 98;
	width: 100%;
	bottom: 0;
	padding-bottom: 100px;
	background: #ffffff;
	border-top: 1px solid #ccc
}

.Header-wrapper .mainnav .nav-slider {
	position: relative;
	height: 100%;
	overflow-y: auto
}

.Header-wrapper .mainnav li {
	border-bottom: 1px solid #ccc
}

.Header-wrapper .mainnav li a {
	display: block;
	font-size: 16px;
	line-height: 48px;
	color: #333333;
	padding-left: 20px
}

.Header-wrapper .mainnav li.cur .title a {
	color: #008cd6
}

.Header-wrapper .mainnav li .subnav {
	display: none
}

.Header-wrapper .mainnav li .subnav a {
	padding-left: 40px
}

.Header-wrapper .mainnav .hassub a {
	position: relative
}

.Header-wrapper .mainnav .hassub a:after {
	position: absolute;
	content: '';
	width: 50px;
	height: 50px;
	top: 0;
	right: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../images/upimg.png);
	-moz-background-size: 20px;
	-o-background-size: 20px;
	background-size: 20px;
	-webkit-transition: all ease .3s;
	-o-transition: all ease .3s;
	-moz-transition: all ease .3s;
	transition: all ease .3s
}

.Header-wrapper .mainnav .roll a:after {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg)
}

@media (min-width: 1024px) {
.Header-wrapper .menu-handle, .Header-wrapper .search-handle {
		display: none
	}


.Header-wrapper .mainnav {display: block;float: left;margin: 0 3%;width: 54%;position: static; padding-bottom: 0;background: 0;border-top: 0;}
.Header-wrapper .mainnav .nav-slider {overflow-y: visible}
.Header-wrapper .mainnav li {width: 14%;float: left;text-align: center; border-bottom:none}
.Header-wrapper .mainnav li a {font-size: 15px; padding-left: 0;}
.Header-wrapper .mainnav li .title{display: block;line-height: 100px;height: 100px;font-size: 15px;color: #000;padding-top: 14px;}
.Header-wrapper .mainnav li:hover .title{border-bottom: 1px solid #000; width: 80px; margin: auto;}
.Header-wrapper .mainnav li .subnav {position: relative ;display: none;text-align: center; width: 100%; 
		background-color: rgba(255,255,255,0.8);
-webkit-box-shadow: 0 1px 3px 1px rgba(0,0,0,0.1);
-moz-box-shadow: 0 1px 3px 1px rgba(0,0,0,0.1);
box-shadow: 0 1px 3px 1px rgba(0,0,0,0.1)
	}

.Header-wrapper .mainnav li .subnav a {font-size: 16px;padding-left: 0;border-top: 1px solid #e4e4e4;display: block;    line-height: 48px;}
.Header-wrapper .mainnav li .subnav a.cur, .Header-wrapper .mainnav li .subnav a:hover {color: #ffffff;background-color: #006764 }
.Header-wrapper .mainnav .hassub a:after {display: none}



}










/*--------top19 start--------*/
.nanzeheadercont19 { width: 100%; height: 70px; position: relative; z-index: 101; }

.nanzeheader19 { width: 100%; height: 70px; background-color: #fff; border-bottom: 1px solid #e6e6e6; position: fixed; left: 0; top: 0; }

.nanzelogo19 { display: block; float: left; }

.nanzelogo19 img { display: block; max-width: 100%; height: 69px; }

.nanzeheadernav19 { width: 100%; position: absolute; top: 50px; left: 0; z-index: 10; display: none; overflow-y: auto; overflow-x: hidden; padding-bottom: 76px; background: #fff; }

.nanzeheadernav19 ul { background: #fff; }

.nanzeheadernav19 ul li { font-size: 16px; border-bottom: 1px solid #e6e6e6; position: relative; }

.nanzeheadernav19 ul li a { display: inline-block; padding: 10px 20px; color: #333333; }

.nanzesouslang19 { float: right; padding-top: 16px; }

.nanzesearchicon19, .nanzeshareicon19 { display: inline-block; width: 30px; height: 30px; line-height: 30px; background-color: #b3b3b3; background-position: center; background-repeat: no-repeat; border-radius: 100%; margin-left: 8px; color: #fff; text-align: center; }

.nanzesearchicon19 { background-image: url(../images/top02.png); }

.nanzeshareicon19 { background-image: url(../images/nanze02.png); }

.nanzeshareicon19:hover { background-color: #560c72; }

.nanzesearchicon19:hover { background-color: #560c72; }

.nanzeheadernav19 .nanzesouslang19 { display: block; float: none; text-align: center; }

.nanzepcsouslang19 .nanzeshareicon19 { display: none; }

.nanzecloseshare19 { display: block; width: 20px; height: 20px; background-image: url(../images/top14.png); background-repeat: no-repeat; position: absolute; top: 6px; right: 6px; cursor: pointer; }

.nanzetopshare19 { width: 218px; background-color: #fff; border: 1px solid #d9d9d9; padding: 11px 20px; position: fixed; left: 50%; top: 16%; z-index: 30; display: none; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }

.nanzetopcode19 { display: block; margin: 10px auto; width: 173px; height: 173px; }

.nanzeshowphonenav19 { display: inline-block; width: 28px; height: 23px; background-image: url(../images/top03.png); background-repeat: no-repeat; background-size: 28px; margin-left: 12px; float: right;margin-top: 13px;margin-right: 10px; }

.nanzeshowphonenav19.closenav { background-image: url(../images/top05.png); background-size: 28px;background-color: #fff;  }

.nanzesubnavcont19 { display: none; font-size: 14px; }

.nanzeheadernav19 .nanzesubnavlist19 a { display: block; padding: 6px 36px; }

.nanzeheadernav19 .nanzesubnavlist19 a:hover { color: #560c72; }

.nanzephsearchicon19 { display: inline-block; content: ""; padding: 0 22px; height: 36px; background-color: #006764; background-image: url(../images/top06.png); background-repeat: no-repeat; position: absolute; right: 9px; top: 4px; z-index: 100; cursor: pointer; background-size: 45px; }

.nanzesearchwrap19 { display: block; position: absolute; width: 100%; top: 69px; left: 0; z-index: 100; display: none; }

.nanzesearchwrap19 dl { background: #fff; height: 48px; }

.nanzesearchwrap19 dl dd { width: 20%; float: left; }

.nanzesearchwrap19 dl dd input { background-color: #560c72; width: 100%; height: 48px; cursor: pointer; color: #fff; }

.nanzesearchwrap19 dl dd.nanzeinputtextwrap19 { width: 80%; border: 1px solid #e6e6e6; }

.nanzesearchwrap19 dl dd.nanzeinputtextwrap19 input { width: 100%; height: 46px; background-color: #ffffff; padding-left: 20px; cursor: initial; color: #333; }

.nanzesearchfloat19 { width: 100%; height: 100%; position: fixed; left: 0; top: 0; background-image: url(about:blank); z-index: 100; display: none; }

.nanzesearchwrap19 { display: none; }

@media (min-width: 992px) { .nanzelogo19 img { height: auto; }
  .nanzeheadercont19 { border: none; height: 86px; }
  .nanzeheader19 { height: 86px; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; border: none; }
  .nanzeshowphonenav19 { display: none; }
  .nanzesearchicon19, .nanzeshareicon19 { width: 36px; height: 36px; line-height: 36px; }
  .nanzepcsouslang19 { position: relative; padding-top: 25px; }
  .nanzeheadernav19 .nanzesouslang19 { display: none; }
  .nanzepcsouslang19 .nanzeshareicon19 { display: inline-block; }
  .nanzecloseshare19 { display: none; }
  .nanzetopshare19 { position: absolute; left: 0; top: 86px; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); }
  .nanzeheadernav19 { display: block; position: static; top: 0; padding: 0 !important;    margin: 0 3%;
    width: 54%; float: left; background: none; overflow:visible; }
  .nanzeheadernav19 ul { padding: 0; background: none; }
  .nanzeheadernav19 ul li { width: 14%;float: left;text-align: center;border-bottom: none; }
  .nanzeheadernav19 ul li a {font-size: 15px; padding-left: 0; padding: 0 !important;}
  .nanzeheadernav19 ul li .title{display: block;line-height: 100px;height: 100px;font-size: 15px;color: #000;padding-top: 14px;}
  .nanzeheadernav19 ul li:hover .title{border-bottom: 1px solid #000; width: 80px; margin: auto;}
  .nanzesubnavcont19 { position: relative;
    display: none;
    text-align: center;
    width: 100%;
    background-color: rgba(255,255,255,0.8);
    -webkit-box-shadow: 0 1px 3px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 1px 3px 1px rgba(0,0,0,0.1);
    box-shadow: 0 1px 3px 1px rgba(0,0,0,0.1)}
  .nanzesubnavlist19 { }
  .nanzeheadernav19 .nanzesubnavlist19 a { font-size: 16px;
    padding-left: 0;
    border-top: 1px solid #e4e4e4; text-align: center;
    display: block; padding: 0 !important;
    line-height: 48px; height: 48px; }
  .nanzeheadernav19 .nanzesubnavlist19 a.cur { color: #afea20; font-weight: bold; }
  .nanzeheadernav19 .nanzesubnavlist19 a:last-child { background: none; }
  .headernav .nanzesubnavlist19 a:hover { color: #b3d465; background: none; }
  .nanzephsearchicon19 { display: none; }
  .nanzeheadernav19 .nanzesubnavlist19 a:hover { color: #ffffff;background-color: #006764  }
  
  
  
   }

@media (min-width: 1024px) { 
  .nanzesearchwrap19 { width: 325px; height: 48px; position: absolute; right: 0px; left: auto; top: 86px; z-index: 50; display: none; z-index: 201; }
  .nanzesearchwrap19 dl { height: 48px; }
  .nanzesearchwrap19 dl dd.nanzeinputtextwrap19 input { width: 215px; height: 47px; line-height: 47px; padding: 0 0 0 10px; font-family: 'Microsoft YaHei'; text-align: left; cursor: auto; }
  .nanzesearchwrap19 dl dd { float: left; }
  .nanzesearchwrap19 dl dd input { width: 75px; height: 49px; text-align: center; line-height: 49px; font-family: 'Microsoft YaHei'; cursor: pointer; } 
  }



@media (max-width: 319px) { body { width: 320px; } }

/*--------top19 end--------*/