@charset "utf-8";
/* CSS Document */
body {
	margin: 0px;
	padding: 0px;
	color: #646464;
	font-size: 13px;
	font-family: HelveticaNeueLTStdRoman, Arial, Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: none;
	font-style: normal;
}
@font-face {
	font-family: 'HelveticaNeueLTStdLt';
	src: url('../fonts/helveticaneueltstdlt.eot');
	src: url('../fonts/helveticaneueltstdlt.eot') format('embedded-opentype'),  url('/static/fonts/helveticaneueltstdlt.woff2') format('woff2'),  url('/static/fonts/helveticaneueltstdlt.woff') format('woff'),  url('../fonts/helveticaneueltstdlt.ttf') format('truetype'),  url('/static/fonts/helveticaneueltstdlt.svg#helveticaneueltstdlt') format('svg');
}
@font-face {
	font-family: 'HelveticaNeueLTStdRoman';
	src: url('/static/fonts/helveticaneueltstdroman.eot');
	src: url('/static/fonts/helveticaneueltstdroman.eot') format('embedded-opentype'),  url('/static/fonts/helveticaneueltstdroman.woff2') format('woff2'),  url('/static/fonts/helveticaneueltstdroman.woff') format('woff'),  url('/static/fonts/helveticaneueltstdroman.ttf') format('truetype'),  url('/static/fonts/helveticaneueltstdroman.svg#helveticaneueltstdroman') format('svg');
}
ul, ol, li, p, h1, h2, h3, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div, dl, dt, dd, tr, span, a, input, select {
	margin: 0px;
	padding: 0px;
}
input, select {
	font-family: HelveticaNeueLTStdLt, Arial, Helvetica, sans-serif;
}
ul, li {
	list-style: none;
}
a {
	text-decoration: none;
	color: #646464;
	-webkit-text-size-adjust: none;
}
a, area {
blr:expression(this.onFocus=this.blur());
}/*For IE*/
:focus {
	-moz-outline-style: none;
}/*For Firefox*/
a:hover {
	color: #555;
	text-decoration: underline;
}
img, object {
	-ms-interpolation-mode: bicubic;
	border: none;
	height: auto;
	width: auto\9;
	max-width: 100%;
}
.pad {
	padding-top: 12px;
}
.overf {
	overflow: hidden;
}
.wrap {
	max-width: 1080px;
	margin: 0px auto;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.clear {
	clear: both;
	font-size: 0px;
}
#npheader {
	border-top: solid 0px #adadad;/*20240406 edit*/
	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 255, 0.07);/*20240406 edit*/
	-moz-box-shadow: 0 3px 3px rgba(0, 0, 255, 0.07);/*20240406 edit*/
	box-shadow: 0 3px 3px rgba(0, 0, 255, 0.07);/*20240406 edit*/
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9999;
	background: #fff;
	width: 100%;
}
.tdh {
	background: rgba(0, 0, 255, 0.07);/*20240406 edit*/
	padding: 3px 0px;
	color: #fff;
	width: 100%;
	margin: 0px auto;
}
#tdhl {
	overflow: hidden; /*width:60%;*/
}
#tdhl ul {
	overflow: hidden;
}
#tdhl ul li {
	float: left;
	margin-right: 1em;
	line-height: 1.5em;
}
#tdhl ul li.tel {
	background: url(../images/ntel.png) left center no-repeat;
	padding-left: 22px;
}
#tdhl ul li.ema {
	background: url(../images/nema.png) left center no-repeat;
	padding-left: 22px;
}
#tohnav {
	text-align: right;
	line-height: 1.5em;
}
#tdhr {
	text-align: right;
	padding: 3px 0px;
	font-size: 1.05em;
}
#tohnav span {
}
#bettop {
	background: #f8f6f6;
}
#top {
	padding: 1.25em 0px 5px 0px;
}
#nplogo {
	width: 25%;
	padding: 0px 3px;
}
#npdh {
	width: 60%;
	padding-right: 3px;
	padding-top: 0.35em;
	height: 38px;
}
#npdh ul li.requ a {
	display: block;
	background: rgba(0, 0, 255, 0.5);
	width: 134px;
	line-height: 32px;
	color: #fff;
	border-radius: 5px;
	font-weight: normal
}
#npdh ul li.requ a:hover {
	background: #ff8800;
	color: #ffffff;
	border-bottom: none;
}
#npdh ul li.requ {
	padding: 2px 0.15em;
}
#menu {
	height: 36px;
	font-size: 1.15em;
	position: relative;
}
.tsinput {
	width: 89%;
	height: 24px;
	line-height: 24px;
	text-indent: 3px;
	border: none;
	float: left;
	vertical-align: middle;
	outline: none;
}
.tsbtn {
	background: url(/static/images/tocho_06.jpg) right center no-repeat;
	width: 18px;
	height: 24px;
	float: left;
	border: none;
	vertical-align: middle;
	cursor: pointer;
}
#flash {
	width: 100%;
	margin: 0px auto;
	padding-top: 5px;
}
#banner1 {
	width: 100%;
	padding-top: 110px;/*20240406 edit*/
}
.banner {
	max-height: 636px;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
.banner .bd {
	position: relative;
	z-index: 0;
}
.banner .bd ul {
	width: 100% !important
}
.banner .bd li {
	width: 100% !important;
	height: 636px;
	background-repeat: no-repeat;
	background-position: center;/* -webkit-background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: 100%;
    -moz-background-size: cover;
    background-size: 100%;
    background-size: cover;*/}
.banner .bd li img {
	width: 100%;
	max-height: 636px;
}
.banner .hd {
	position: absolute;
	z-index: 100;
	font-size: 14px;
	width: 50%;
	height: 100%;
	left: 24%;
	top: 0;
	color: #fff
}
.banner .hd .bg {
	position: relative;
	z-index: 0;
	max-height: 636px;
	background: #000;
	filter: alpha(opacity=38);
	opacity: 0.38
}
.banner .hd .num {
	width: 100%;
	text-align: center;
	position: absolute;
	z-index: 100;
	bottom: 20px;
	overflow: hidden;
}
.banner .hd .num li {
	display: inline-block;
*display:inline;
	zoom: 1;
	margin: 0 2px;
	width: 10px;
	height: 10px;
	font-size: 0;
	border-radius: 100%;
	background: rgba(0,0,255,0.5);
	cursor: pointer;
}
.banner .hd .num .on {
	background: #ff8800;
}
.banner .prev, .banner .next {
	position: absolute;
	z-index: 100;
	width: 30px;
	height: 30px;
	background: red;
	top: 46%;
	opacity: 0;
}
.banner .next {
	right: 20px;
	background: url(../images/next.png) center no-repeat;
}
.banner .prev {
	left: 20px;
	background: url(../images/prev.png) center no-repeat;
}
.banner:hover .prev, .banner:hover .next {
	opacity: 1;
}
.banner:hover .prev {
	left: 40px;
}
.banner:hover .next {
	right: 30px;
}
.banner-info {
	width: 100%;
	position: absolute;
	top: 36%;
	margin-top: 0px;
	text-align: center;
	z-index: 10;
}
.banner-info span.txt {
	display: block;
	margin-bottom: 30px;
	font-size: 36px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	line-height: 36px;
	text-shadow: 0 3px 3px #777;
}
.banner-info span.txt b {
	display: block;
	font-size: 18px;
	font-weight: normal;
}
.banner-info .btn {
	padding-left: 22px;
	padding-right: 22px;
	display: inline-block;
*display: inline;
	zoom: 1;
	font-size: 16px;
	color: #fff;
	background: #f3000a;
	font-weight: bold;
	line-height: 45px;
	border-radius: 4px;
}
.banner-info .btn:hover {
	-webkit-box-shadow: 0 0 8px 0 #e93d3e;
	-moz-box-shadow: 0 0 8px 0 #e93d3e;
	box-shadow: 0 0 8px 0 #e93d3e;
	text-decoration: none;
}
.ml-220 {
	margin-left: -220px;
}
.mt-25 {
	margin-top: -25px !important;
}
.scroll-top, .scroll-right, .scroll-left, .scroll-bottom, .load-left, .load-top {
	opacity: 0;
	filter: alpha(opacity=0);
}
.wikiBtT {
	opacity: 1;
	filter: alpha(opacity=100);
}
.wikiBtT {
	-webkit-animation-name: wikiBtT;
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-fill-mode: forwards;
}
@-webkit-keyframes wikiBtT {
 0% {
 -webkit-opacity: 0;
 opacity: 0;
		/*filter:alpha(opacity=0);*/
        -webkit-transform: translateY(30px);
}
 60% {
 -webkit-opacity: 1;
 opacity: 1;
		/*filter:alpha(opacity=100);*/
        -webkit-transform: translateY(-15px);
}
 100% {
 -webkit-opacity: 1;
 opacity: 1;
		/*filter:alpha(opacity=100);*/
        -webkit-transform: translateY(0);
}
}
.flexslider {
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
	zoom: 1;
}
.flex-viewport {
	max-height: 2000px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
}
.flexslider .slides {
	zoom: 1;
}
.flexslider .slides li {
	text-align: center;
}
.flexslider .slides li img {
	width: 100%;
	max-height: 450px;
}
/*.flexslider .slides li div { position:absolute;opacity:0.3;filter:alpha(opacity=30); background:#000; color:#fff; top:15%; right:10%; width:25%; padding:5%;}
.flexslider .slides li div a { color:#fff;}*/
.flex-direction-nav a {
	width: 30px;
	height: 50px;
	line-height: 99em;
	overflow: hidden;
	margin: -30px 0 0;
	display: block;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .3s ease;
}
.flex-direction-nav .flex-next {
	background: url(/static/images/arrow-right.png) no-repeat;
	right: 2em;
}
.flex-direction-nav .flex-prev {
	left: 2em;
	background: url(/static/images/arrow-left.png) no-repeat;
}
.flexslider:hover .flex-next {
	opacity: 0.8;
	filter: alpha(opacity=25);
}
.flexslider:hover .flex-prev {
	opacity: 0.8;
	filter: alpha(opacity=25);
}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
	opacity: 1;
	filter: alpha(opacity=50);
}
.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 10px;
	text-align: center;
	z-index: 999;
	padding-top: 10px;
}
.flex-control-nav li {
	margin: 0 1px;
	display: inline-block;
	zoom: 1;
*display:inline;
}
.flex-control-paging li a {
	display: block;
	height: 10px;
	overflow: hidden;
	text-indent: -99em;
	width: 10px;
	background: #aaa;
	margin-right: 5px;
	cursor: pointer;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
}
.flex-control-paging li a.flex-active {
	background: #fff;
}
.slides li span {
	height: auto;
	line-height: 2em;
	padding: 1em 1.5em;
	position: absolute;
	width: 50%;
	font-size: 1.25em;
	top: 30%;
	left: 25%;/*background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important;
filter:Alpha(opacity=50);
background:#000 5; */
	text-align: center;
	color: #fff;
}
.slides li span b {
	font-size: 2em;
	line-height: 2.25em;
	display: block;
}
.babg {
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: 100%;
	-webkit-background-size: cover;
	-moz-background-size: 100%;
	-moz-background-size: cover;
	background-size: 100%;
	background-size: cover;
}
.bdivbox {
	padding: 9% 15%;
	width: 70%;
	text-align: center;
	color: #fff;
}
.bdivbox span {
	display: block;
}
.bdivtext {
	padding: 2.5em 0px;
}
.bdivbox span.flmore a {
	display: block;
	background: #fd8023;
	color: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 10px 3px;
	text-transform: uppercase;
	text-align: center;
}
.bdivbox span.flmore {
	display: block;
	padding: 1em 37%;
}
.areques {
	display: block;
	background: #f16700;
	color: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 6px 10px;
	font-size: 1.35em;
	text-decoration: none;
	text-align: center;
}
a.areques:hover {
	text-decoration: none;
	color: #fff;
}
#banner_list img {
	border: 0px;
}
#banner_bg {
	position: absolute;
	bottom: 0;
	background-color: #000;
	height: 30px;
	filter: Alpha(Opacity=30);
	opacity: 0.3;
	z-index: 1000;
	cursor: pointer;
	width: 980px;
}
#banner_info {
	position: absolute;
	bottom: 0;
	left: 5px;
	line-height: 30px;
	color: #fff;
	z-index: 1001
}
#banner_text {
	position: absolute;
	width: 120px;
	z-index: 1002;
	right: 3px;
	bottom: 3px;
}
#banner ul {
	position: absolute;
	list-style-type: none;
	filter: Alpha(Opacity=75);
	opacity: 0.75;
	z-index: 1002;
	margin: 0;
	padding: 0;
	bottom: 10px;
	right: 45%;
}
#banner ul li {
	width: 8px;
	height: 8px;
	float: left;
	margin: 0px 4px;
	display: block;
	color: #FFF;
	background-color: #fff;
	cursor: pointer;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	font-size: 0px;
}
#banner ul li.on {
	background-color: #f06b1e
}
#banner_list a {
	position: absolute;
}
#toptext {
	padding-top: 2em;
	text-align: center;
}
#toptext h2 {
	font-size: 1.6em;
	line-height: 2em;
	font-weight: bold;
	color: #222222;
}
#toptext {
	font-size: 1.25em;
	line-height: 2em;
	text-align: justify;
}
#inserv {
	padding-top: 0.5em;
}
#inserv ul li span {
	/*text-align: center;*/
	padding: 1.35em 0px;
}
#inmain {
	padding-top: 1.5em;
}
.npgreybg {
	background: #f2f2f2;
	padding: 1em 0px;
	max-width: 1080px;
	margin: 0px auto;
	margin-top: 1.35em;
}
.inabcont b img {
	padding-right: 10px;
	border-radius: 100px;
}
#npinabout h2 {
	font-size: 2em;
	line-height: 2em;
	font-weight: normal;
	color: #313131;
	padding-left: 10px;
}
.inabcont {
	line-height: 2em;
	font-size: 1.15em;
	padding: 0px 10px 1em 10px;
}
.inabmore {
	color: #f06b1e;
	text-align: center;
	padding: 0px 45%;
}
.inabmore a {
	display: block;
	padding: 5px 8px;
	background: #f06b1e;
	color: #fff;
	font-size: 1.15em;
}
#npincate {
	padding: 20px 0px 10px 0px;
}
#npincate ul {
	overflow: hidden;
}
#npincate ul li {
	float: left;
	width: 21.5%;
	padding: 10px 1.7%;
}
#npincate ul li div {
	display: block;
}
#npincate ul li div.npintu {
	text-align: center;
	font-size: 1.65em;
}
#npincate ul li div.npintu b {
	display: block;
	padding: 0px 35%;
	text-align: center;
}
#npincate ul li div.npintu span {
	display: block;
	line-height: 1.75em;
	font-weight: bold;
	color: #313131;
	padding: 8px 0px;
}
#npincate ul li a {
}
#npincate ul li div.npintext {
	line-height: 1.75em;
	color: #606060;
	font-size: 1.15em;
	text-align: center;
}
#npincate ul li div.npintext a {
	color: #606060;
}
#npincate ul li div.npintext span.npcmore a {
	color: #fd8023;
}
#npbotbox {
	padding: 1em 10px;
}
#npbotbox h2 {
	font-size: 1.65em;
	padding: 6px 2px;
	border-bottom: solid 1px #dfdfdf;
	line-height: 1.65em;
}
#npbotnews {
	width: 60%;
}
.npbotnewslist {
	padding-left: 0.2%;
	padding-right: 1.8%;
	padding-top: 1.25em;
}
.npbotnewspic {
	width: 18%;
}
.npbotnewswz {
	width: 80%;
}
.npbotnewswz span {
	display: block;
}
.npbotnewswz span.npbotnewstit {
	font-weight: bold;
	line-height: 1.25em;
	padding: 5px 0px;
	border-bottom: dashed 1px #ddd;
	font-size: 1.2em;
}
.npbotnewswz span.npbotnewscont {
	line-height: 1.75em;
	padding-top: 6px;
	font-size: 1.15em;
}
.npbotnewswz span.npbotnewsdate {
	color: #aaa;
	padding-top: 6px;
}
#npbotlx {
	width: 36%;
}
.npbotlxcont {
	padding: 1.25em 0px;
	line-height: 1.75em;
	font-size: 1.05em;
}
.npbotlxcont img {
	margin-right: 8px;
}
.npbotlxcont .contacttelphone img{
    width: 20px;
}
.npbotlxcont .contactemail img{
    width: 24px;
}
.npbotlxcont .contactlocation img{
    width: 22px;
}
.npbotlxcont span.nplxema {
	display: block;
	margin-top: 6px;
	background: url(/static/images/nextp_32.jpg) left center no-repeat;
	padding-left: 35px;
	font-size: 1.05em;
}
#bottom {
	padding: 10px 0px;
	background: #646464;
	margin: 0px auto;
	width: 100%;
	color: #fff;
	/*margin-top: 2em;*/
	clear: both;
}
#footer {
	padding: 10px;
	font-size: 1.05em;
}
#copy {
	text-align: left;
	line-height: 1.75em;
	width: 75%;
}
#copy a {
	color: #fff;
	padding-left: 8px;
	padding-right: 5px;
}
#copy a:nth-child(1) {
padding-left: 0px;
}
#copy p {
	padding-top: 10px;
}
#bdh {
	line-height: 2em;
}
#botsoc {
	display: block;
	overflow: hidden;
	line-height: 1.75em;
	font-size: 1.25em;
	width: 23%;
	padding-top: 10px;
}
#botsoc span {
	display: block;
	padding: 5px 0px;
	font-size: 1.15em;
	color: #2570b1;
}
#botsoc img {
	float: left;
	margin-right: 10px;
	width: 75px;
}
.copy {
	padding: 1em 5px;
	line-height: 24px;
	clear: both;
	text-align: center;
}
.copy span.pow a {
	color: #bbb;
}
#main {
	padding-top: 1.35em;
	padding-bottom: 3.35em;
	margin-top: 90px;
}
.locabox {
	width: 100%;
	margin: 0px auto;
	padding: 10px 0px;
	border-bottom: solid 1px #e7e7e7;
	text-transform: uppercase;
}
.locatit {
	position: relative;
	line-height: 1.5em;
	color: #8c8b8b;
	padding: 0px 3px;
	margin-top: 20px;
}
.locatit a {
	color: #8c8b8b;
}
.locatit span {
	position: absolute;
	right: 3px;
	top: 10px;
	background: #fff;
	display: block;
	padding: 2px 5px;
	font-size: 13px;
}
.toptu {
	position: relative;
	padding-top: 1.5em;
}
.toptu div.toptutext {
	position: absolute;
	top: 3em;
	left: 2%;
	width: 30%;
	height: 65%;
	font-size: 1.15em;
	padding: 1.5em;
	line-height: 1.65em;
	background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0 !important;
	filter: Alpha(opacity=20);
	background: #000 2;
	color: #fff;
}
#lianx {
	margin-top: 15px;
	border: solid 1px #e8e8e8;
}
.lxcont {
	padding: 8px;
	line-height: 22px;
}
#right {
	width: 77%;
	min-height: 600px;
}
.rbox {
	min-height: 600px;
}
.rbox h2 {
	font-size: 2em;
	padding: 20px 0px 3px 3px;
	position: relative;
	line-height: 1.35em;
	color: #ff8800;
	font-weight: normal;
	text-align:center;
}
.rbox h2 span {
	position: absolute;
	right: 5px;
	bottom: 8px;
	font-size: 13px;
}
.rbox .rboxtxt{
padding-bottom: 10px;
}
.rtop {
	font-size: 1.5em;
	height: 27px;
	line-height: 27px;
	padding: 5px 0px 5px 3px;
	border-bottom: solid 1px #eee;
}
#rtopl {
	width: 15%;
}
#rtopsear {
	width: 65%;
}
#rtopsear span {
	float: right;
	padding: 0px 10px;
	font-size: 13px;
}
.rtsinput {
	width: 55%;
	height: 25px;
	line-height: 20px;
	text-indent: 3px;
	border: solid 1px #d9d9d9;
	float: right;
	vertical-align: middle;
}
.rtsbtn {
	background: url(/static/images/fbupro_07.jpg) no-repeat;
	width: 53px;
	height: 27px;
	float: right;
	vertical-align: middle;
	border: none;
	cursor: pointer;
}
#procate {
	padding: 10px 0px;
}
#procate ul {
	overflow: hidden;
}
#procate ul li {
	float: left;
	width: 21%;
	padding: 2%;
}
#procate ul li span {
	display: block;
}
#procate ul li span.pcimg {
	border: solid 3px #e7e7e7;
}
#procate ul li span.pctext {
	display: block;
	margin-top: 10px;
	background: #f8f8f8;
	border: solid 1px #e7e7e7;
	height: 18px;
	line-height: 18px;
	padding: 5px 0px;
	text-align: center;
}
#procate ul li a {
	color: #333;
}
.npservlist {
	padding: 5px 0px;
}
.npservlist ul {
	overflow: hidden;/*padding-left:3%;*/
	text-align: center;
}
.npservlist ul li {
	width: 33%;/*20240406 edit*/
	padding: 15px 1.5% 3px 1.5%;
	display: inline-block;
	vertical-align: top;
}
.npservlist ul li a {
	display: block;
}
.npservlist ul li img {
	border: solid 1px #e3e3e3;
	border-radius: 48%;
	z-index: 9;
}
.npservlist ul li span {
	padding-top: 6px;
	display: block;
	text-align: center;
}
.npservlist ul li span.ptit {
	font-weight: bold;
	font-size: 1.5em;
	height: 72px;/*20240406 edit*/
}
.npservlist ul li span.ptext {
	line-height: 1.75em;
	color: #7e7e7e;
	overflow: hidden;
	font-size: 1.1em;
}
.npservlist ul li span.ptext a {
	color: #7e7e7e;
}

/*lists_article_cae*/
.article_caelist {
	padding: 5px 0px;
}
.article_caelist ul {
	overflow: hidden;/*padding-left:3%;*/
	text-align: center;
}
.article_caelist ul li {
	width: 33%;/*20240406 edit*/
	padding: 15px 1.5% 3px 1.5%;
	display: inline-block;
	vertical-align: top;
}
.article_caelist ul li a {
	display: block;
}
.article_caelist ul li img {
	border: solid 1px #e3e3e3;
	/*border-radius: 48%;*/
	z-index: 9;
}
.article_caelist ul li span {
	padding-top: 6px;
	display: block;
	text-align: center;
}
.article_caelist ul li span.ptit {
	font-weight: bold;
	font-size: 1.5em;
	height: 72px;/*20240406 edit*/
}
.article_caelist ul li span.ptext {
	line-height: 1.75em;
	color: #7e7e7e;
	overflow: hidden;
	font-size: 1.1em;
}
.article_caelist ul li span.ptext a {
	color: #7e7e7e;
}
/*lists_article_cae end*/

/*lists_article_hnr*/
.article_hnrlist {
	padding: 5px 0px;
}
.article_hnrlist ul {
	overflow: hidden;/*padding-left:3%;*/
	text-align: center;
}
.article_hnrlist ul li {
	width: 25%;/*20240406 edit*/
	padding: 15px 1.5% 3px 1.5%;
	display: inline-block;
	vertical-align: top;
}
.article_hnrlist ul li a {
	display: block;
}
.article_hnrlist ul li img {
	border: solid 1px #e3e3e3;
	/*border-radius: 48%;*/
	z-index: 9;
}
.article_hnrlist ul li span {
	padding-top: 6px;
	display: block;
	text-align: center;
}
.article_hnrlist ul li span.ptit {
	font-weight: bold;
	font-size: 1.5em;
	height: 72px;/*20240406 edit*/
}
.article_hnrlist ul li span.ptext {
	line-height: 1.75em;
	color: #7e7e7e;
	overflow: hidden;
	font-size: 1.1em;
}
.article_hnrlist ul li span.ptext a {
	color: #7e7e7e;
}
/*lists_article_hnr end*/

.npservtitle {
	font-size: 2em;
	padding: 10px 0px 3px 3px;
	position: relative;
	line-height: 1.35em;
	color: #fd8023;
}
.npservintro {
	padding: 10px 3px;
	line-height: 2em;
	font-size: 1.15em;
}
.pvbtn {
	overflow: hidden;
	padding: 1em 3px;
	border-bottom: solid 1px #e7e7e7;
}
.pvbtn span {
	float: left;
	padding-right: 15px;
}
.pvbtn span.share {
	padding-top: 5px;
}
.npservdet {
	padding: 15px 3px;
	line-height: 2em;
	font-size: 1.15em;
	overflow: hidden;
}
.npservdet h3 {
	color: #ff8800;
	line-height: 40px;
}
.npservdet td {
    padding: 10px 0;
}
.npservdet td table {
  border-collapse: collapse; /* 确保表格边框合并为单一边框 */
}
 
.npservdet td table, .npservdet td table th, .npservdet td table td {
  border: 1px solid #cccccc; /* 设置表格、表头、单元格的边框 */
}
.npservdet td table th, .npservdet td table td {
    padding: 2px 5px;
	font-size: 12px;
}
.npservdet img {
	margin-left: 1em;
	margin-right: 1em;
}
.rsnewsbox {
	padding: 1em 3px 1.5em 3px;
}
.npinnewslist {
	padding: 1.5em 3px 5px 3px;
}
.npinnewspic {
	width: 21%;
	float: left;
}
.npinnewsr {
	width: 76%;
	float: right;
}
.npinnewstit {
	font-weight: bold;
	padding: 5px 0px;
	line-height: 1.5em;
	font-size: 1.25em;
	border-bottom: solid 1px #e7e7e7;
}
.npinnewstit a {
}
.npinnewstext {
	padding-top: 10px;
	line-height: 1.85em;
	color: #454545;
}
.npinnewstext a {
	color: #454545;
}
.npinnewsmore {
	padding: 1em 0px;
	text-align: right;
	padding-right: 3px;
	font-weight: bold;
}
.npinnewsmore a {
	color: #ff6600;
}
.rsnewsmore {
	text-align: right;
	padding: 1em 5px;
	display: block;
}
.rsnewsmore a {
	text-decoration: underline;
	font-size: 1.15em;
}
.rsmater {
	padding: 8px 3px 1.5em 3px;
	line-height: 2em;
	font-size: 1.15em;
}
.rsterms {
	padding: 8px 3px 1.5em 3px;
	line-height: 2em;
}
#pvtop {
	overflow: hidden;
	padding: 1.25em 3px;
}
#pvtleft {
	width: 49%;
}
.bpic {
	width: 100%;
	border: solid 1px #f4f4f4;
}
#pvtright {
	width: 47%;
}
#pvtright h3 {
	font-size: 1.35em;
	font-weight: bold;
	color: #333;
	padding: 5px 3px;
	line-height: 1.5em;
	border-bottom: solid 1px #eaeaea;
}
#vcform {
	padding-top: 10px;
	line-height: 24px;
	padding-left: 5px;
	margin-bottom: 10px;
}
#vcbtn {
	padding-top: 1em;
	padding-left: 8px;
}
#vcbtn img {
	margin-right: 8px;
	margin-bottom: 10px;
}
#vcform ul li span#pvprice {
	font-size: 14px;
	color: #C00;
}
.pvqua {
	border: solid 1px #aaa;
	height: 18px;
	line-height: 18px;
	font-size: 13px;
	width: 100px;
}
#vcform ul li {
	overflow: hidden;
	padding-top: 7px;
	line-height: 18px;
	font-size: 13px;
}
#vcform ul li span {
	color: #d71b31;
	font-size: 14px;
}
.vpsel {
	border: solid 1px #ccc;
	font-size: 12px;
}
#vcform li b {
	width: 60px;
	color: #d71b31;
}
.share {
	padding-top: 1em;
	border-top: solid 1px #f8f6f6;
	padding-left: 8px;
}
#alsolike {
	padding-top: 8px;
}
#alsolike h3 {
	font-size: 1.15em;
	padding: 5px 0px 5px 6px;
	margin-top: 8px;
	position: relative;
	background: #f8f6f6;
	line-height: 1.5em;
}
#alsolike h3 span {
	position: absolute;
	left: 45%;
	display: block;
	top: 3px;
	background: #fff;
	padding: 0px 22px;
}
.alsolist {
	padding-top: 5px;
}
.alsolist ul {
	overflow: hidden;
}
.alsolist ul li {
	width: 23%;
	display: inline-block;
	padding: 10px 0.8% 10px 0.9%;
	text-align: center;
}
.alsolist ul li img {
	border: solid 1px #f3f3f3;
}
.alsolist ul li a {
	color: #646464;
	display: block;
}
.alsolist ul li span {
	padding-bottom: 6px;
	line-height: 18px;
	text-align: center;
	display: block;
}
.pagecont {
	padding: 5px 3px;
	line-height: 2em;
	font-size: 1.15em;
}
#ptoptit {
	height: 30px;
	overflow: hidden;
	margin-top: 15px;
	background: #f8f6f6;
}
#ptsort {
	overflow: hidden;
	height: 30px;
}
#ptsl {
	padding-left: 10px;
	height: 35px;
	line-height: 35px;
}
#ptsl a#list {
	padding-left: 25px;
	margin-right: 10px;
}
#ptsl a#gal {
	padding-left: 25px;
	margin-right: 10px;
}
#ptsl a.cur {
	color: #c60000;
}
#ptsr {
	height: 30px;
	line-height: 30px;
	padding-left: 8px;
}
#ptsr select {
	border: solid 1px #d0d0d0;
	line-height: 18px;
}
.rcsort {
	width: 300px;
	padding-left: 10px;
	height: 30px;
	line-height: 30px;
}
#rpage {
	width: 400px;
	line-height: 30px;
	height: 30px;
	text-align: right;
	padding-right: 10px;
}
#rpage a {
	padding: 2px 5px;
	background: #fff;
	border: solid 1px #e7e7e7;
}
#rpage a.cur {
	padding: 2px 5px;
	background: #df0000;
	color: #fff;
}
#rpage a:hover {
	text-decoration: none;
}
.botpad {
	margin-bottom: 15px;
}
#newslist {
	padding: 10px 5px 5px 5px;
}
#newslist ul li {
	padding: 5px 0px 3px 0px;
}
#newslist ul li span {
	display: block;
}
#newslist ul li span.nltit {
	padding: 4px 0px 4px 3px;
	line-height: 18px;
	border-bottom: dotted 1px #ccc;
	font-weight: bold;
	color: #333;
}
#newslist ul li span.nlcont {
	padding-top: 5px;
	line-height: 18px;
	color: #666;
}
#newslist ul li span.nlcont a {
	color: #666;
}
#news {
}
.innewslist {
	padding: 25px 3px 0px 3px;
}
.innewspic {
	width: 20%;
	float: left;
}
.innewsr {
	width: 78%;
	float: right;
}
.innewstit {
	font-size: 1.15em;
	height: 1.5em;
	line-height: 1.5em;
	border-bottom: dotted 1px #ddd;
}
.innewstext {
	padding-top: 6px;
	line-height: 18px;
	color: #9e9e9e;
}
.innewstext a {
	color: #9e9e9e;
}
.innewslist span.more {
	display: block;
	height: 1.5em;
	line-height: 1.5em;
	font-weight: bold;
	padding-top: 6px;
}
#newscont {
	padding: 8px 5px;
	font-size: 1.15em;
}
.nvtit {
	font-size: 1.5em;
	line-height: 1.75em;
	font-weight: bold;
	text-align: center;
	padding: 6px 0px;
	border-bottom: dotted 1px #eee;
}
.nvcont {
	padding: 10px 5px;
	line-height: 20px;
}
#caseview {
	padding: 8px 5px;
	width: 70%;
}
.nvtit {
	height: 35px;
	line-height: 35px;
	font-size: 1.15em;
	font-weight: bold;
	text-align: center;
	padding-top: 10px;
}
.caseviewcont {
	padding: 10px 5px;
	line-height: 20px;
}
.caselist {
	padding-top: 15px;
}
.caselist ul {
	overflow: hidden;
}
.caselist ul li {
	width: 23%;
	display: inline-block;
	padding: 10px 0.8% 10px 0.9%;
	text-align: center;
}
.caselist ul li img {
	border: solid 1px #f3f3f3;
}
.caselist ul li a {
	color: #646464;
	display: block;
}
.caselist ul li span {
	padding-top: 6px;
	line-height: 18px;
	text-align: center;
	display: block;
}
#pvdes {
	clear: both;
	line-height: 18px;
}
#pvdes h3 {
	color: #333;
	height: 25px;
	line-height: 25px;
}
#pvcs {
	position: relative;
}
.pvh4 {
	height: 36px;
	padding-left: 3px;
	font-size: 16px;
	border-bottom: solid 1px #e1e1e1;
	font-weight: bold;
	padding-top: 15px;
}
.pvh4 ul {
	overflow: hidden;
}
.pvh4 ul li {
	float: left;
	height: 36px;
	line-height: 36px;
	margin-right: 5px;
	background: #fff;
	cursor: pointer;
	border: solid 1px #e1e1e1;
	border-bottom: solid 1px #fff;
	position: relative;
	border-top: solid 2px #ff5600;
	padding: 0px 8px;
}
.pvhorder {
	height: 32px;
	padding-left: 3px;
	font-size: 16px;
	border-bottom: solid 1px #e1e1e1;
	font-weight: bold;
	padding-top: 15px;
}
.pvhorder ul {
	overflow: hidden;
}
.pvhorder ul li {
	float: left;
	height: 32px;
	line-height: 32px;
	margin-right: 5px;
	position: relative;
	margin-top: 1px;
	font-size: 0.85em;
	padding: 0px 10px;
}
.large {
	font-size: 1.25em;
	font-weight: bold;
}
.block {
	display: block;
	padding: 10px 5px;
	line-height: 24px;
}
.unblock {
	display: none;
	padding: 10px 5px;
}
.sec1 {
	background: #f5f5f5;
	cursor: pointer;
	color: #303030;
	border: solid 1px #e1e1e1;
	border-bottom: none;
}
.sec2 {
	background: #fff;
	cursor: pointer;
	color: #009240;
	border: solid 1px #e1e1e1;
	border-bottom: solid 1px #fff;
	position: relative;
}
#pviewcont {
	padding: 2em 5px;
}
.pviewtitle {
	font-size: 1.45em;
	text-align: center;
	color: #555;
	padding-left: 3px;
	height: 2em;
	line-height: 2em;
	padding-bottom: 5px;
}
.pviewpic {
	text-align: center;
	padding: 15px 3%;
}
#download {
	padding-top: 10px;
}
#download ul li {
	padding-top: 5px;
	padding-bottom: 8px;
	padding-left: 3px;
	padding-right: 3px;
}
#download ul li span {
	display: block;
}
.dltit {
	font-weight: bold;
	height: 1.75em;
	line-height: 1.75em;
	font-size: 1.25em;
	border-bottom: dashed 1px #ddd;
}
.dlzi {
	line-height: 18px;
	padding-top: 6px;
}
.dlbtn {
	text-align: right;
	padding-right: 8px;
	font-weight: bold;
	font-size: 13px;
}
.dlbtn a {
	color: #005086;
}
#cleft {
    float: left;
	width: 60%;
	padding: 1.5em;
	font-size: 1.15em;
}
.contact_input{
	font-size: 14px;
	padding: 0 15px;
	height: 30px;
	line-height: 30px;
	border: 0;
	/*border-radius: 15px;*/
	width: 65%;
	display: block;
	-webkit-appearance: none;
	transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;
	box-shadow: 0 0px 0px rgba(0,0,0,0.0) inset;
}
.contact_textarea {
	padding: 12px;
	line-height: 24px;
	width: 65%;
	font-size: 16px;
	background: #fff;
	border: 0;
	/*border-radius: 15px;*/
}

#cright {
	width: 35%;
	float: right;
}
#cright h3 {
	background: #ff5600;
	color: #fff;
	font-size: 1.35em;
	padding: 1em 10px;
}
.crlxcont {
	padding: 1em 3px;
	line-height: 1.75em;
	font-size: 1.15em;
}
.cllxcont {
	padding: 0em 5px;
	line-height: 1.75em;
	font-size: 1.05em;
}
#contactform {
	width: 60%;
	float: left;
	font-size: 1.15em;
}
#contactform div {
	margin: 5px 0px;
	padding: 5px 0px;
}
#contactform label {
	width: 40%;
	float: left;
}
#contactform input, #contactform textarea {
	border-radius: 3px;
	border: 1px solid #CCCCCC;
	padding: 4px 0px;
	text-indent: 3px;
	outline: none;
}
#contactform input.asbtn {
	margin-right: 6px;
	background: #ededff;
	color: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 6px 10px;
	font-size: 1.05em;
	text-decoration: none;
	text-align: center;
	border: none;
	cursor: pointer;
	text-indent: 0px;
}
.biglan3 {
	float: left;
	width: 280px;
	background: url('../images/blackbg1.jpg');
	background-repeat: repeat-x;
	margin-right: 0px;
	margin-top: 10px;
	margin-bottom: 15px;
	webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: 10px 10px 10px 10px;
}
#contactformss div {
	margin: 5px 0px;
	padding: 5px 0px;
}
#contactformss label {
	width: 20%;
	float: left;
}
#contactformss input, #contactformss textarea {
	border-radius: 3px;
	border: 1px solid #CCCCCC;
	padding: 4px 0px;
	text-indent: 3px;
	outline: none;
}
#contactformss input.gbbtn {
	display: block;
	background: #7f7fff;
	color: #ffffff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 10px 25px;
	font-size: 1.05em;
	text-decoration: none;
	text-align: center;
	border: none;
	cursor: pointer;
	text-indent: 0px;
}
#contactformss input.gbbtn:hover {
	background: #ff8800;
	color: #ffffff;
	transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
}
.crlxcont {
	float: left;
	width: 100%;
	background: #ededff;
	/*background-repeat: repeat-x;*/
	margin-right: 0px;
	margin-top: 10px;
	margin-bottom: 15px;
/*	webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;*/
	padding: 10px 10px 10px 10px;
}
.crlxcont p, .crlxcont span {
	color: #666666;
}
.contactright {
}
.et_pb_text h3 {
	margin-bottom: 15px;
}
.et_pb_text p {
	line-height: 25px;
	font-size: 14px;
	margin-bottom: 15px;
}
.pagecont {
	font-size: 1.15em;
}
#sitemap ul {
	overflow: hidden;
}
h3.title {
	line-height: 2em;
	padding: 10px 0px;
	font-size: 1.35em;
}
#sitemap ul li {
	float: left;
	width: 21.5%;
	padding: 1em 3% 1em 0px;
	font-weight: bold;
	font-size: 1.25em;
}
#sitemap ul li ul {
	display: block;
	padding-top: 6px;
}
#sitemap ul li ul li {
	float: none;
	display: block;
	width: 100%;
	font-weight: normal;
	font-size: 1em;
}

/************************************************************************************
smaller than 980
*************************************************************************************/

@media screen and (max-width: 1920px) {
.banner {
	max-height: 636px;
	}
.banner .bd li {
	height: 636px;
}
.banner .bd li img {
	max-height: 636px;
}
.banner .hd .bg {
	max-height: 636px;
}

}

@media screen and (max-width: 1680px) {
.banner {
	max-height: 550px;
	}
.banner .bd li {
	height: 550px;
}
.banner .bd li img {
	max-height: 550px;
}
.banner .hd .bg {
	max-height: 550px;
}

}

@media screen and (max-width: 1440px) {
.banner {
	max-height: 480px;
	}
.banner .bd li {
	height: 480px;
}
.banner .bd li img {
	max-height: 480px;
}
.banner .hd .bg {
	max-height: 480px;
}
}

@media screen and (max-width: 1280px) {
.banner {
	max-height: 424px;
	}
.banner .bd li {
	height: 424px;
}
.banner .bd li img {
	max-height: 424px;
}
.banner .hd .bg {
	max-height: 424px;
}
}

@media screen and (max-width: 1024px) {
.banner {
	max-height: 340px;
	}
.banner .bd li {
	height: 340px;
}
.banner .bd li img {
	max-height: 340px;
}
.banner .hd .bg {
	max-height: 340px;
}
}

@media screen and (max-width: 860px) {
#banner1{
    padding-top: 96px;
}
.banner {
	max-height: 284px;
	}
.banner .bd li {
	height: 284px;
}
.banner .bd li img {
	max-height: 284px;
}
.banner .hd .bg {
	max-height: 284px;
}
#main {
	padding-top: 1.35em;
	margin-top: 82px;
}

}

@media screen and (max-width: 768px) {
#banner1{
    padding-top: 96px;
}
.banner {
	max-height: 264px;
	}
.banner .bd li {
	height: 264px;
}
.banner .bd li img {
	max-height: 264px;
}
.banner .hd .bg {
	max-height: 264px;
}
}

@media screen and (max-width: 720px) {
#banner1{
    padding-top: 86px;
}
.banner {
	max-height: 242px;
	}
.banner .bd li {
	height: 242px;
}
.banner .bd li img {
	max-height: 242px;
}
.banner .hd .bg {
	max-height: 242px;
}
.banner .hd .num {
	bottom: 16px;
}
#main {
	padding-top: 1.35em;
	margin-top: 70px;
}

}

@media screen and (max-width: 640px) {
#banner1{
    padding-top: 86px;
}
.banner {
	max-height: 214px;
	}
.banner .bd li {
	height: 214px;
}
.banner .bd li img {
	max-height: 214px;
}
.banner .hd .bg {
	max-height: 214px;
}
.banner .hd .num {
	bottom: 12px;
}
#main {
	padding-top: 1.35em;
	margin-top: 60px;
}
}

@media screen and (max-width: 480px) {
#banner1{
    padding-top: 72px;
}
.banner {
	max-height: 162px;
	}
.banner .bd li {
	height: 162px;
}
.banner .bd li img {
	max-height: 162px;
}
.banner .hd .bg {
	max-height: 162px;
}
.banner .hd .num {
	bottom: 8px;
}
#main {
	padding-top: 1.35em;
	margin-top: 50px;
}

}
@media screen and (max-width: 430px) {
#banner1{
    padding-top: 72px;
}
.banner {
	max-height: 152px;
	}
.banner .bd li {
	height: 152px;
}
.banner .bd li img {
	max-height: 152px;
}
.banner .hd .bg {
	max-height: 152px;
}
.banner .hd .num {
	bottom: 8px;
}
}
@media screen and (max-width: 414px) {
#banner1{
    padding-top: 72px;
}
.banner {
	max-height: 142px;
	}
.banner .bd li {
	height: 142px;
}
.banner .bd li img {
	max-height: 142px;
}
.banner .hd .bg {
	max-height: 142px;
}
.banner .hd .num {
	bottom: 8px;
}
}
@media screen and (max-width: 375px) {
#banner1{
    padding-top: 72px;
}
.banner {
	max-height: 122px;
	}
.banner .bd li {
	height: 122px;
}
.banner .bd li img {
	max-height: 122px;
}
.banner .hd .bg {
	max-height: 122px;
}
.banner .hd .num {
	bottom: 8px;
}
#main {
	padding-top: 1.35em;
	margin-top: 44px;
}

}
@media screen and (max-width: 320px) {
#banner1{
    padding-top: 72px;
}
.banner {
	max-height: 108px;
	}
.banner .bd li {
	height: 108px;
}
.banner .bd li img {
	max-height: 108px;
}
.banner .hd .bg {
	max-height: 108px;
}
.banner .hd .num {
	bottom: 4px;
}
}

@media screen and (max-width: 1080px) {
/* pagewrap */
/*20240406 add*/
#nav .requ{
display: none;
}

/*20240406 add end*/
.wrap {
	width: 98%;
	max-width: 1080px;
}
#npdh {
	width: 60%;
}
.bdivbox {
	right: 5%;
	top: 5%;
	width: 60%;
	height: auto;
	overflow: hidden;
}
.bdivtext {
	padding: 1em 0px;
}
.toptu div.toptutext {
	top: 2em;
	left: 2%;
	width: 75%;/* height:75%;*/
	font-size: 1.15em;
	padding: 1.5em;
	line-height: 1.65em;
	overflow: hidden;
}
.npservlist ul li {
	width: 32%;
}
}

/************************************************************************************
smaller than 800
*************************************************************************************/
@media screen and (max-width: 860px) {
.tsinput {
	width: 75%;
}
#npdh {
	width: 60%;
}
.bdivbox {
	right: 5%;
	top: 5%;
	width: 90%;
	overflow: hidden;
}
.bdivtext {
	padding: 0.5em 0px;
}
.toptu div.toptutext {
	top: 2em;
	left: 2%;
	width: 85%;/* height:75%;*/
	font-size: 1.15em;
	padding: 1.5em;
	line-height: 1.65em;
	overflow: hidden;
}
#inprodlist ul li {
	width: 30%;
	display: inline-block;
	padding: 5px 2% 10px 1%;
}
}

@media screen and (max-width: 790px) {
.bdivbox {
	display: none;
}
.toptu div.toptutext {
	width: 95%;
}
#copy {
	width: 98%;
	float: none;
}
#botsoc {
	width: 98%;
	float: none;
	padding-left: 8px;
}
#bottom {
	min-height: 60px;
}
}

/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 650px) {
/* header */
.toptu div.toptutext {
	top: 2em;
	width: 85%;/* height:75%;*/
	font-size: 1em;
	padding: 0.5em 1.5em;
	line-height: 1.2em;
}
#inprodlist ul li {
	width: 45%;
	display: inline-block;
	padding: 5px 2% 10px 2%;
}
#intel {
	width: 25%;
	font-size: 1em;
}
#insear span {
	font-size: 1em;
	display: block;
	padding: 0px 3px;
}
#botlx h2 {
	font-size: 1.35em;
	line-height: 1em;
}
#rtopl {
	width: 20%
}
.rtop {
	height: auto;
}
#rtopl {
	width: 98%;
}
#rtopsear {
	width: 100%;
}
#rtopsear span {
	padding: 0px;
}
}

/************************************************************************************
nav
*************************************************************************************/
#nav {
	width: 100%; /* 1000 */
	position: absolute;
	top: 0em;
	left: 0em;
}
#nav > a {
	display: none;
}
#nav li {
	position: relative;
}
#nav li a {
	display: block;
}
#nav li a:active {/*
	background-color: #d3d3d3 !important;*/
}
#nav span:after {
	width: 0;
	height: 0;
	border: 0.313em solid transparent; /* 5 */
	border-bottom: none;
	border-top-color: #efa585;
	content: '';
	vertical-align: middle;
	display: inline-block;
	position: relative;
	right: -0.313em; /* 5 */
}
/* first level */

#nav > ul { /* 60 */
	padding: 0px;
}
#nav > ul > li {
	height: 100%;
	float: left;
	padding: 2px 1em;
}
#nav > ul > li.nsec {
	background: url(/static/images/npsv_03.jpg) 96% center no-repeat;
}
#nav > ul > li:nth-child(4) ul, #nav > ul > li:nth-child(5) ul, #nav > ul > li:nth-child(6) ul {
	display: none !important;
}
#nav > ul > li > a {
	height: 100%;
	line-height: 38px; /* 60 (24) */
	text-align: center;
	color: #646464;
	font-weight: bold;
}
#nav > ul > li:not( :last-child ) > a {/*
	border-right: 1px solid #cc470d;*/
}
#nav > ul > li:hover > a, #nav > ul:not( :hover ) > li.active > a {
	color: #333333;
	text-decoration: none;
	border-bottom: 2px solid #ff8800;
}
#nav > ul > li.cur a {
	color: #333333;
	border-bottom: 2px solid #ff8800;
}
/* second level */

#nav li ul {
	display: none;
	position: absolute;
	top: 100%;
	z-index: 99999999;
	width: 100%;
}
#nav li:hover ul {
	display: block;
	padding: 6px 0px;
	left: 0;
	right: 0;
	width: 100%;
	background: #ededff;
	box-shadow: 0 8px 15px rgba(0,0,255,.07);
}
#nav li:not( :first-child ):hover ul {
	left: 13px;
	width: 175px;
	top: 37px;
	border-top: solid 2px #ff8800;
}
#nav li ul a {
	font-size: 0.95em; /* 20 */
	padding: 5px 10px; /* 15 (20) */
	line-height: 1.2em;
	color: #333;
}
#nav li ul li {
	border: none;
}
#nav li ul li a:hover/*, #nav li ul:not( :hover ) li.active a*/ {
	text-decoration: none;
	color: #fff;
	background: #ff8800;
}
#nav li ul ul li a{
    background: #ededff;
	padding: 5px 10px;
}

/* 1000 */@media screen and ( max-width: 1080px ) {
#nav {
	width: 100%;
	position: static;
	margin: 0;
	text-align: center;
}
#nav > ul > li {
	padding: 2px 1.05em;
}
}

@media screen and ( max-width: 1000px ) {
#nav {
	width: 100%;
	position: static;
	margin: 0;
	text-align: center;
}
#nav > ul > li {
	padding: 2px 0.75em;
}
}

@media screen and ( max-width: 860px ) {
#nav > ul > li {
	padding: 2px 0.5em;
}
}

@media screen and ( max-width: 800px ) {
#nav > ul > li {
	padding: 2px 0.35em;
}
}

@media screen and ( max-width: 720px ) {
#nav > ul > li {
	height: 100%;
	float: left;
	padding: 2px 0.15em;
}
}

/* 640 */@media screen and ( max-width: 640px ) {
html {
	font-size: 75%; /* 12 */
}
#nplogo {
	display: block;
	width: 28%;
	padding: 0px 1%;
	margin-top: 0em;
	float: left;
}
#nav {
	position: relative;
	top: auto;
	left: auto;
	/*background: #f1f1f1;20240406 del*/
}
#nav > a {
float: right;
	width: 2.2em; /* 50 */
	height: 2em; /* 50 */
	text-align: left;
	text-indent: -9999px;
	background-color: #ff8800;/*20240406 edit*/
	position: relative;
}
#nav > a:before, #nav > a:after {
	position: absolute;
	border: 4px solid #fff;/*20240406 edit*/
	top: 10%;/*20240406 edit*/
	left: 0;/*20240406 edit*/
	right: 0;/*20240406 edit*/
	content: '';
}
#nav > a:after {
	top: 60%;
}
#nav:not( :target ) > a:first-of-type, #nav:target > a:last-of-type {
	display: block;
}
/* first level */

#nav > ul {
	height: auto;
	display: none;
	position: absolute;
	left: 0;
	right: 2.4em;/*20240406 edit*/
}
#nav:target > ul {
	display: block;
	z-index: 999999999;
	background: #ededff;
	text-align: left;
}
#nav > ul > li {
	width: 100%;
	float: none;
}
#nav > ul > li > a {
	height: auto;
	text-align: left;
	padding: 5px 10px; /* 15 (20) */
	line-height: 1.2em;
}
#nav > ul > li:not( :last-child ) > a {
	border-right: none;
	border-bottom: 1px solid #eee;
}
/* second level */
#nav li:not( :first-child ):hover ul {
	left: 0px;
	width: 100%;
}
#nav li ul {
	position: static;
	padding: 5px 10px; /* 20 */
	padding-top: 0;
	width: 100%;
	display: block;
}
#npbotnews {
	width: 98%;
	padding: 5px 1%;
}
#npbotlx {
	width: 98%;
	padding: 5px 1%;
}
#cleft {
	width: 98%;
	padding: 5px 1%;
	float: none
}
#cright {
	width: 98%;
	padding: 5px 1%;
	float: none
}
.npservlist ul li {
	float: left;
	display: block;
	width: 50%;
	padding: 5px 1%;
}
/*lists_article_cae*/
.article_caelist ul li {
	float: left;
	display: block;
	width: 50%;
	padding: 5px 1%;
}
/*lists_article_cae end*/
/*lists_article_hnr*/
.article_hnrlist ul li {
	float: left;
	display: block;
	width: 50%;
	padding: 5px 1%;
}
/*lists_article_hnr end*/
}
/************************************************************************************
smaller than 480
*************************************************************************************/
@media screen and (max-width: 480px) {
/* disable webkit text size adjust (for iPhone) */
html {
	-webkit-text-size-adjust: none;
}
.fl {
	float: none;
}
.fr {
	float: none;
}
a.abtn {
	display: none;
}
#cnzhnews {
	width: 98%;
	padding: 0px 1%;
	padding-top: 5px;
}
#cnzhcase {
	width: 98%;
	padding: 0px 1%;
	padding-top: 5px;
}
#nplogo {
	display: block;
	width: 38%;
	padding: 0px 1%;
	margin-top: 1em;
	float: left;
}
#npdh {
	float: right;
	width: 55%;
}
#top {
	padding: 10px 0;
}
#toptext h2 {
	line-height: inherit;
}
#cnzhdhl {
	width: 98%;
	padding: 0px 1% 0px 25px;
}
#cnzhdhr {
	width: 98%;
	padding: 10px 1%;
	text-align: left;
}
#toptel {
	width: 92%;
	padding: 5px 1% 5px 30px;
}
.bdivbox {
	width: 90%;
	top: 3%;
	right: 3%;
}
.bdivtext {
	padding: 0.5em;
	height: 80px;
	overflow: hidden;
}
#banner {
	display: none;
}
#npincate {
	margin-top: 120px;
}
#npincate ul li {
	float: none;
	display: block;
	width: 98%;
	padding: 5px 1%;
}
#npincate ul li img {
	display: none;
}
#npinabout h2 {
	line-height: 1.15em;
}
.smdh ul li {
	float: left;
	width: 33.3%;
	text-align: center;
	margin-top: 3px;
}
#incate ul li {
	float: left;
	position: relative;
	width: 47.6%;
	margin: 8px 0.6%;
	height: auto;
}
.npservlist ul li {
	float: none;
	display: block;
	width: 98%;
	padding: 5px 1%;
}
/*lists_article_cae*/
.article_caelist ul li {
	float: none;
	display: block;
	width: 98%;
	padding: 5px 1%;
}	
/*lists_article_cae end*/
/*lists_article_hnr*/
.article_hnrlist ul li {
	float: none;
	display: block;
	width: 98%;
	padding: 5px 1%;
}	
/*lists_article_hnr end*/
.npbotnewspic {
	width: 18%;
	float: left;
}
.npbotnewswz {
	width: 80%;
	float: right;
}
.centbor {
	min-height: inherit;
}
.inprodlist ul li {
	width: 46%;
	padding: 10px 0.8% 10px 0.9%;
	text-align: center;
}
.incaselist ul li {
	width: 46%;
	padding: 10px 0.8% 10px 0.9%;
	text-align: center;
}
#bottu {
	width: 96%;
	padding: 0px 2%;
	padding-top: 10px;
	text-align: center;
}
#botjis {
	width: 96%;
	padding: 0px 2%;
	padding-top: 10px;
}
#botpartner {
	width: 96%;
	padding: 0px 2%;
	padding-top: 10px;
}
#botcert {
	width: 96%;
	padding: 0px 2%;
	padding-top: 10px;
}
.copy {
	margin: 0px;
}
/* content */
#right {
	width: 98%;
	float: none;
	margin: 10px 0;
}
#pvtright {
	width: 98%;
	float: none;
	margin: 10px 0;
}
#pvtleft {
	width: 98%;
	float: none;
}
/* sidebar */
#left {
	width: 98%;
	margin: 0;
	float: none;
}
#pvdet {
	width: 96%;
	padding: 0px 2%;
	padding-top: 10px;
}
#pvcert {
	width: 96%;
	padding: 0px 2%;
	padding-top: 10px;
}
.galleryPicsWraper .product_gallery LI {
	width: 46%;
	padding: 5px 0.8%;
}
.alsolist ul li {
	width: 46%;
}
.caselist ul li {
	width: 46%;
}
#newscont {
	padding: 8px 2%;
	width: 96%;
}
#caseview {
	padding: 8px 2%;
	width: 96%;
}
#lnews {
	width: 98%;
	padding: 0px 1%;
}
#inlianx {
	width: 98%;
	padding: 0px 1%;
}
.inservlist ul li {
	width: 46%;
	padding: 5px 2%;
	float: left;
}
#left {
	width: 98%;
	padding: 0px 1%;
}
#right {
	width: 98%;
	padding: 0px 1%;
}
#pvright {
	width: 98%;
	padding: 0px 1%;
}
#newslist ul li span.nltit {
	padding: 4px 0px;
	line-height: 18px;
	border-bottom: dotted 1px #ccc;
	font-weight: bold;
	color: #333;
}
.prodlist ul li {
	width: 46%;
	padding: 3px 2% 3px 2%;
	float: left;
	text-align: center;
}
#procate ul li {
	width: 46%;
	padding: 3px 2% 3px 2%;
	float: left;
	text-align: center;
}
#rpage {
	width: 98%;
	padding: 0px 1%;
	text-align: left;
}
.rcsort {
	width: 98%;
	padding: 0px 1%;
}
#ptoptit {
	height: auto;
	margin-bottom: 10px;
}

#fdrdiv {
	display: none;
}
.toptu div.toptutext {
	display: none;
}
}

/************************************************************************************
smaller than 320
*************************************************************************************/
@media screen and (max-width: 320px) {
/* disable webkit text size adjust (for iPhone) */
html {
	-webkit-text-size-adjust: none;
}
.prodlist ul li {
	width: 96%;
	padding: 3px 2% 3px 2%;
	text-align: center;
}
#bottom {
	min-height: 60px;
}
}
/************************************************************************************

*************************************************************************************/
.item a {
	color: #fff;
}
.item a:hover {
	text-decoration: none;
}
.slide_style_right p, .slide_style_center p {
	font-size: 1.5em;
}
#npbotbox > #npbotnews > h2, #npbotbox > #npbotlx > h2{
	font-size: 2em;
	line-height: 2em;
	font-weight: bold;
	color: #222222;
}
#npbotbox > #npbotnews > h2 > span {
	float: right;
	font-size: 13px;
	font-weight: normal;
}
#npbotbox > #npbotnews > h2 span a {
	color: #666666;
	text-decoration: none
}
#npbotbox > #npbotnews > h2 span a:hover{
	color: #ff8800;
	text-decoration:underline;
}

/*20240406 add*/
#toptext a{
	color: #0000ff;
	text-decoration: underline
}
#toptext a:hover{
	color: #ff8800;
	text-decoration:none
}
.npservlist ul li img:hover {
	border: solid 1px #ff8800;
	transform: scale(1.05);
	transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	z-index: 9;
}
.npservlist ul li span.ptit .ptit_hover{
display: none;
background: #ededff;
/*min-width: 100px; */
/*text-align: left;*/
position:relative;
left:0;
margin: 0;
top: 10px;
z-index: 99;
cursor:pointer;
border-radius:3px;}
.npservlist ul li span.ptit .ptit_hover p{
padding: 2px 10px;
font-size: 12px;
line-height: 1.5em;}
.npservlist ul li span.ptit .ptit_hover a{
color: #333333;}
.npservlist ul li span.ptit .ptit_hover a:hover{
color: #ff8800;}
/*lists_article_cae*/
.article_caelist ul li img:hover {
	border: solid 1px #ff8800;
	transform: scale(1.05);
	transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	z-index: 9;
}
.article_caelist ul li span.ptit .ptit_hover{
display: none;
background: #ededff;
/*min-width: 100px; */
/*text-align: left;*/
position:relative;
left:0;
margin: 0;
top: 10px;
z-index: 99;
cursor:pointer;
border-radius:3px;}
.article_caelist ul li span.ptit .ptit_hover p{
padding: 2px 10px;
font-size: 12px;
line-height: 1.5em;}
.article_caelist ul li span.ptit .ptit_hover a{
color: #333333;}
.article_caelist ul li span.ptit .ptit_hover a:hover{
color: #ff8800;}
/*lists_article_cae end*/
/*lists_article_hnr*/
.article_hnrlist ul li img:hover {
	border: solid 1px #ff8800;
	transform: scale(1.05);
	transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	z-index: 9;
}
.article_hnrlist ul li span.ptit .ptit_hover{
display: none;
background: #ededff;
/*min-width: 100px; */
/*text-align: left;*/
position:relative;
left:0;
margin: 0;
top: 10px;
z-index: 99;
cursor:pointer;
border-radius:3px;}
.article_hnrlist ul li span.ptit .ptit_hover p{
padding: 2px 10px;
font-size: 12px;
line-height: 1.5em;}
.article_hnrlist ul li span.ptit .ptit_hover a{
color: #333333;}
.article_hnrlist ul li span.ptit .ptit_hover a:hover{
color: #ff8800;}
/*lists_article_hnr end*/
/*20240406 add end*/