@charset "utf-8";
/* CSS Document */
@font-face{font-weight:400;font-style:normal;font-family:fontawesome;src:url(http://:/) format("no404"),url(../font-awesome/fontawesome-webfont.woff) format("woff"),url(../font-awesome/fontawesome-webfont.ttf) format("truetype")}
@font-face {
  font-family: 'OpenSans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(../font/OpenSans-300.html) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'OpenSans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(../font/OpenSans-400.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}	
@font-face {
  font-family: 'OpenSans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(../font/OpenSans-600.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(../font/roboto-light.woff) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Regular'), local('Roboto-Regular'), url(../font/roboto-regular.woff) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 600;
  src: local('Roboto SemiBold'), local('Roboto-SemiBold'), url(../font/roboto-bold.woff) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Teko';
  font-style: normal;
  font-weight: 400;
  src: local('Teko Medium Regular'), local('TekoMedium-Regular'), url(../font/Teko-Medium.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/****basic****/
body{color:#444; font-family:Roboto; font-size:0.9rem;font-weight: 400;}
*,li,ol,ul{margin:0;padding:0}
li,ol,ul{list-style:none}
img{max-width:100%}
img{-ms-interpolation-mode:bicubic;border:0;}
.clear{clear:both;margin:0;padding:0;height:0;font-size:0;line-height:0;width:0}
.clearfix{ clear:both;}
a{color:#0c3b64;blr:expression(this.onFocus=this.blur())}
a:hover{color:#00498f}
a:focus{outline:0; text-decoration:none}
a,a:hover{text-decoration:none}
a.link{color:#00498f; text-decoration:underline;}
a.link:hover{color:#274963; text-decoration:underline;}
p{ margin-bottom:0.875rem;color: #666666;font-size: 0.9rem;line-height: 1.5rem;}
b{color:#222; font-size:1.25rem; line-height:1.3rem;margin:15px 0 12px 0; display:block;font-weight: 600;position: relative;}
h2{display:block; margin:0; padding:15px 0; font-size:24px; line-height:26px; font-weight:700;color: #2d2d2d; font-size: 1.5rem;padding: 5px 0 20px 0;}
p strong{color: #333;display: inline-block;padding: 0.25rem 0;}
.layui-layer-title {
    color: #800 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
}
/****header****/
#header{width:100%; height:auto; position:fixed;top:0;z-index:999; background:#3683d5;border-bottom: 1px solid #60a6e1;}
#headerin{width:96%; height:auto; margin:0 auto; max-width:1140px;}
#npj_logo{ height:auto; float:left; margin:0.75rem 1rem 0.75rem 0;}
#npj_logo img{float: left;}
/*language*/
#npj_language{width:auto;float:right;margin:auto;text-align:right;line-height:26px;margin-top:.75rem;height:26px;width:50%}
#npj_language .dropdown-item{display:inline-block;width:auto;font-size:.875rem;padding:0 0 0 1rem;color:#fff;font-weight:400}
#npj_language .dropdown-item:hover{color: #3edaa1;background: none;}
.wrapper{width: 96%;max-width: 1140px;margin: 0 auto;}

/*menu*/
.top-nav{ width:auto;float: right;line-height: 50px;margin: auto;margin-top: 0.5rem;}
.navbar{ padding:0;margin: auto;}
.navbar ul{width: 100%;}
.navbar-collapse{justify-content:flex-end;}
.navbar-light .navbar-nav .nav-item{ padding:0 1.5rem 0 0; }
.navbar-light .navbar-nav a.nav-link{color:#fff;margin: 0;padding: 0 0 9px;font-size:1rem;position:relative;}
.navbar-light .navbar-nav li:nth-last-of-type(1){padding-right: 0;}
.navbar-light .navbar-nav li.active a.nav-link,.navbar-light .navbar-nav li a.nav-link:hover{color: #3edaa1;}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {color: #3edaa1;}
.navbar-light .navbar-nav .dropdown-item{font-weight:400; font-size:0.875rem;padding: 0.25rem 1rem;}
.dropdown-item.active{ background:none; color:#3edaa1;}
.dropdown-item:hover,.dropdown-item.dq{color:#3edaa1;}
.navbar-expand-lg .navbar-nav .dropdown-menu {top: 55px;line-height: 1.5rem;width: auto; background: #fff;}
.navbar-expand-lg .navbar-nav .dropdown-menu li>a{color: #333;}
.navbar-expand-lg .navbar-nav .dropdown-menu li>a:hover,.navbar-expand-lg .navbar-nav .dropdown-menu li>a.dq{color: #3683d5;}
.dropdown-item:active{color: #3edaa1;background: #f8f9fa;}
.navbar-nav .dropdown-menu li ol a{font-size: 13px;display: block;padding: 0.2rem 1.5rem;color: #444;line-height: 1.2rem;}
.navbar-nav .dropdown-menu li ol a:hover,.navbar-nav .dropdown-menu li ol a.dq{color: #3edaa1;}
@media (max-width: 1250.98px) { 
	.top-nav{margin-top: 2rem;}
}
@media (max-width: 1199.98px) { 
  #npj_logo{ padding-left:0.6rem;width: auto;}
	#headerin{padding: 0 0.5rem;}
	.top-nav{margin-top: 0;}	
}

@media (max-width: 991.98px) {
	#npj_language .dropdown-item{padding-top: 0.875rem;}
#npj_logo{margin: 0.5rem 0.5rem 0.625rem 0px;}
#header{position:inherit;height: 100px;}
.npj_language{ display:none;}	
.top-nav{ width:100%;padding-top:0;line-height: 2.5rem;}
.navbar{padding:0.05rem 0rem 0;}
.navbar-light .navbar-nav li.active a.nav-link:before,.navbar-light .navbar-nav>li>a.nav-link:hover:before{ background:none;}
.navbar-light .navbar-nav a.nav-link{ color: #333; font-weight:400;font-size:1rem; border-bottom: 1px solid rgba(0,0,0,.1); margin:0px; padding-left:0.5rem;}
.navbar-light .navbar-nav li.active a.nav-link, .navbar-light .navbar-nav li a.nav-link:hover{background: #ffffff;color: #00498f;}
.dropdown-menu{ border:none;}
.navbar-light .navbar-toggler{ color:#f5fcff; font-size:1.6rem; margin:0.5rem 0.5rem 0 0.75rem;}
#quicknav{display: none;}
}

/****header  END****/

/****banner****/
#npj_banner{width:100%; height:auto;margin:0 auto;position:relative;}
.banner_txt {position: absolute;width: 100%;left:0;top:0;height:100%;margin: 0 auto;padding: 20px 0;}
.banner_txt .wrapper{position: relative;}
.banner_txt .wrapper .bannerinfo{position: absolute;}
.bannerinfo{width:65%;padding:0.5rem 0; color:#fff;margin-top:0;right:0;}
.bannerinfo.ny{margin-top:7%;}
.banner_txt h1{font-size:2rem; line-height:3rem; color:#fff;padding: 1rem 1rem;font-family: Roboto;margin-top: 1rem;background: rgba(0,0,0,.2);text-align: right;}
.banner_txt p{font-size: 1.5rem;color: #fff;line-height: 1.875rem;margin-top: 1rem;}
.banner_pro{text-align: left;margin-top: 1.875rem;width: 46%;}
@media (max-width: 1380px) {.bannerinfo{width: 49%;} }
@media (max-width: 991.98px) {.bannerinfo{width: 56%;padding-top: 0;margin-top: 0.5rem;left:0;right:auto;}.banner_txt h1{font-size: 2rem;line-height: 2.5rem;text-align: left;}#npj_language {margin-top: 0.5rem;width: auto;}}
@media (max-width: 767.98px) {#npj_banner{ display:none;}}
/****banner END****/

/****container****/
#container{width:100%;height:auto;margin:0 auto;background:#fff;margin-top: 105px;}
#npj_container{width:92%;max-width:1140px; margin:0 auto;padding:1.875rem 0; position:relative;overflow: hidden;}

/****mainpro****/
.mainpro{ width:100%;padding: 0 0 2.3rem;background: #f5fcff;}
.mainpro .npj_hometitle{color:#000; font-size:1.5rem;margin-bottom:1.5rem;position:relative;text-align: center;padding:0.5rem 0;font-weight: 600;}
.mainpro .npj_hometitle:before { position: absolute;content: '';bottom: 0;right: 0;left:0; margin: 0 auto;width: 53px; background: #3b3b3b;height: 4px;}
.mainpro ul{display: flex;flex-wrap: wrap;}
.mainpro ul>li{width: 32%;margin: 0 2% 1.5rem 0;float: left;position: relative;overflow: hidden;border-radius: 8px;}
.mainpro ul>li:nth-of-type(3n){margin-right: 0;}
.mainpro ul li ol li.product_img{overflow: hidden;}
.mainpro ul li ol li.product_img img{width: 100%;}
.mainpro ul li ol li.pro_small{position: absolute;width: 120px;height: 120px;border-radius: 50%;bottom:0;right:0;z-index: 111;overflow: hidden;transition: all .2s;}
.mainpro ul li ol li.product_con{position: absolute;width: 100%;height: 50px;bottom:0;left:0;background: rgba(0,0,0,.53);border-radius: 5px;}
.mainpro ul li ol li.product_con a{display: block;width: 100%;height: 100%;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;font-size: 15px;color: #fff;padding: 0 48% 0 10px;text-align: left;}
.mainpro ul li ol li.product_con span{font-size: 14px;color: #000;line-height: 1.5rem;padding: 0.5rem 0;display: block;font-family: Arial;font-weight: 300;}
.mainpro ul>li:hover{border-color: #9ad2f5;}
.mainpro ul>li:hover ol li.product_con{background: rgba(0,0,0,.3);}
.mainpro ul>li:hover ol li.product_con a{color: #7fbdec;}
.mainpro.ny ul>li{width: 49%;}
.mainpro.ny ul>li ol li.product_img a{display: block;font-size: 1.125rem;color: #000d42; padding: 0; margin-bottom: 0.5rem;text-align: center;position: relative;margin-bottom: 0.5rem;}
.mainpro.ny ul>li ol li.product_img a span{display: block;font-family: IMPACT;letter-spacing: 1px;font-size: 1.25rem;margin-bottom: 1.5rem;padding-top: 1.5rem;}
.mainpro.ny ul>li:nth-of-type(3n){margin-right: 2%;}
.mainpro.ny ul>li:nth-of-type(2n){margin-right: 0;}
.mainpro.ny ul>li:hover ol li.product_img a{color: #9bcd41;}
.mainpro.ny ul>li ol li.product_con{padding-top: 0;}

/*******hub_main******/
.hub_main{padding: 0 0;overflow: hidden;}
.hub_main ul>li{width: 32%;float: left;margin: 0 2% 1rem 0;}
.hub_main ul>li:nth-of-type(3n){margin-right: 0;}
.hub_main ul>li:nth-of-type(3n+1){clear: both;}
.hub_main ul>li ol li.product_img{overflow: hidden;border: 1px solid #ccc;}
.hub_main ul>li ol li.product_con a{font-size: 1rem;font-weight: 600;color: #333;display: block;padding: 0.5rem 0;text-align: center;}
.hub_main ul>li ol li.product_con span{font-size: 0.875rem;line-height: 1.5rem;color: #666;transition: all .2s;display: block;text-align: center;}
.hub_main ul>li:hover ol li.product_con a{color: #0016aa;}
.hub_main ul>li:hover ol li.product_img {opacity: .8;}
/*******hub_pro******/
.hub_pro ul>li{width: 49%;float: left;margin: 0 2% 1rem 0;overflow: hidden;}
.hub_pro ul>li:nth-of-type(2n){margin-right: 0;}
.hub_pro ul>li ol li.product_img{;border:1px solid #ccc;overflow: hidden;}
.hub_pro ul>li ol li.product_img img{transition: all .2s;width: 100%;}
.hub_pro ul>li ol li.product_con{text-align: left;padding-top: 1rem;}
.hub_pro ul>li ol li.product_con a{font-size: 1.125rem;font-weight: 600;color: #333;display: block;padding: 0.5rem 0;}
.hub_pro ul>li ol li.product_con span{font-size: 0.875rem;line-height: 1.5rem;color: #666;transition: all .2s;display: block;}
.hub_pro ul>li:hover ol li.product_con a{color: #0016aa;}
.hub_pro ul>li:hover ol li.product_img{opacity: .9}
.hub_pro ul>li:hover ol li.product_img img{transform: scale(1.05);}

/*******company******/
.company{ width:100%;margin:0 auto;padding: 2.5rem 0 1rem;overflow: hidden;}
.company .wrapper{overflow: hidden;border:1px solid #aaaaaa;border-radius: 8px;padding: 1rem 1.125rem 1rem 1.875rem;background: #ecf9ff;}
.company .npj_hometitle{ color:#595959;font-size:1.25rem;padding: 0.5rem 0;line-height: 1.75rem;}

.company .left_txt{float: left;width: 74%;padding-right: 2%;padding-left: 0.5rem;}
.company .left_txt p{font-size: 0.9375rem;color: #343434;line-height: 1.5rem;}
.company .left_txt .more{position: relative;}
.company .left_txt .more a{font-size: 0.9375rem;color: #0158f1;line-height: 22px;}
.company .left_txt .more a:hover{color: #0016aa;text-decoration: underline;}
.company .right_img{float: right;width: 25%;position: relative;}

/*******service******/
.service{padding: 1rem 0;overflow: hidden;}
.service .npj_hometitle{color:#000; font-size:1.5rem;margin-bottom:1.5rem;position:relative;text-align: center;padding:0.5rem 0;font-weight: 600;}
.service .npj_hometitle:before { position: absolute;content: '';bottom: 0;right: 0;left:0; margin: 0 auto;width: 53px; background: #3b3b3b;height: 4px;}
.service p{text-align: center;color: #203a68;font-size: 16px;line-height: 24px;width: 70%;margin: 0 auto 16px;}
.service ul>li{width: 32%;float: left;margin: 0 2% 1rem 0;}
.service ul>li:nth-of-type(3n){margin-right: 0;}
.service ul>li ol li.product_img{z-index: -1;}
.service ul>li ol li.product_con{width: 90%;margin:-38px 5% 0;background: #e6e6e6;padding: 0 0 20px;position: relative;}
.service ul>li ol li.product_con>a{display: block;width: 100%;background: rgba(0,0,0,.63);line-height: 40px;font-size: 16px;color: #fff;text-align: center;position: absolute;top:-40px;left:0;}
.service ul>li ol li.product_con span{display: block;padding: 18px 30px;font-size: 15px;color: #000;line-height: 22px;height: 146px;}
.service ul>li ol li.product_con .more{padding: 5px 30px;}
.service ul>li ol li.product_con .more a{display: block;width: 100%;background: #fff;border-radius: 5px;font-size: 14px;text-align: center;text-transform: uppercase;line-height: 33px;color: #000;transition: all .2s;}
.service ul>li ol li.product_con .more a:hover{background: #8ac5ed;color: #fff;}
.service ul>li:hover ol li.product_con>a{background: rgba(0,0,0,.8);}

/*******case******/
.case{padding: 1rem 0 2rem;}
.case .npj_hometitle{color:#000; font-size:1.5rem;margin-bottom:1.5rem;position:relative;text-align: center;padding:0.5rem 0;font-weight: 600;}
.case .npj_hometitle:before { position: absolute;content: '';bottom: 0;right: 0;left:0; margin: 0 auto;width: 53px; background: #3b3b3b;height: 4px;}
.case ul>li{width: 49%;float: left;margin: 0 2% 2.5rem 0;}
.case ul>li:nth-of-type(2n){margin-right: 0;}
.case ul>li ol li.product_img{overflow: hidden;}
.case ul>li ol li.product_img img{transition: all .2s;}
.case ul>li:hover ol li.product_img img{transform: scale(1.05);}
.case ul>li ol li.product_con a{background: #e5e5e5;height: 61px;display: block;width: 100%;border-radius: 10px;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;text-align: center;color: #050505;font-size: 1rem;font-weight: 600;}
.case ul>li:hover ol li.product_con a{color: #4e94d9;}
a.link{color: #c1363a;text-decoration: underline;}
.flex_box{display: flex;flex-wrap: wrap;}
#npj_sidebar{width: 22%;float: left;}
#npj_sidebar .contact_sidebar{background: #125195;padding: 1.5rem 1.25rem 1rem;margin-top: 1.125rem;border-radius: 5px;}
#npj_sidebar .contact_sidebar p{color: #fff;margin-bottom: 1.25rem;font-size: 0.875rem;}
#npj_sidebar .contact_sidebar p a{color: #fff;}
#npj_sidebar .contact_sidebar p a.txt_indet{padding-left: 50px;}
#npj_sidebar .contact_sidebar p a:hover{color: #e50011;}
#npj_sidebar .contact_sidebar p.tit{font-weight: 600;font-size: 1rem;line-height: 1.25rem;}
#npj_sidebar #npj_productlist{border: 3px solid #f3f3f3; }
#npj_sidebar.fix{position: fixed;top:87px;}
#npj_productlist ul>li{width:100%;margin:0;position:relative;margin-bottom:1rem}
#npj_productlist ul li a{display:block;font-size:1.35rem;line-height:1.875rem;color:#fff}
#npj_right{width:75.4%;float:right}
#npj_productlist ul li ol li.product_con{position:absolute;width:100%;height:100%;top:0;left:0}
#npj_productlist ul li ol li.product_con a{display:block;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;width:100%;height:100%;background:rgba(0,0,0,.5);padding:0 4rem;text-align:center;transition:all .2s}
#npj_productlist ul li:hover ol li.product_con a{background:rgba(0,0,0,.3)}

/*pro_banner*/
.pro_banner{display: flex;flex-wrap: wrap;}
.pro_banner .img_big{width: 60%;float: left;}
.pro_banner .pro_tit{width: 40%;float: right;display: flex;flex-wrap: wrap;align-items: center;}
.pro_banner .img_big2{width: 75%;float: left;}
.pro_banner .pro_tit2{width: 20%;float: right;display: flex;flex-wrap: wrap;align-items: center;}
/*table*/
.auto{width: auto;}
.table-hover tbody tr:hover {background-color: #fff !important;}
.table-responsive{margin-top:.75rem;margin-bottom:20px}
.table{width:100%;max-width:100%;margin-bottom:.5rem;background-color:transparent;}
table,td,tr{border:1px solid #ccc!important}
.table .top{background:#f2f2f2!important}
.table>tbody>tr:nth-of-type(odd){background-color:#fff}
.table>tbody>tr>td{vertical-align:middle;text-align: center;padding:8px;font-size:14px;line-height:18px;word-wrap:break-word}
.table>tbody>tr{width: 100%;}
a.click{font-size:1rem;color:#c8110b;padding:0 .25rem;text-decoration:underline}
a.click:hover{color:#222}

/****inquiry****/
.inquiry{color:#333;position:relative;text-decoration:none!important}
.inquiry:after{content:"Inquiry";display:inline-block;background:#009e52c9;border-radius:2px;color:#fff;text-align:center;padding:5px 16px;white-space:nowrap;line-height:18px;font-size:.875rem;opacity:.7}
.inquiry:hover:after{background:#009e52;opacity:9}

/*left_pic*/
b img{margin-right: 1rem;width: 38px;}
figure{margin-bottom: 0!important;}
.left_pic.left2{width:55%}
.left_pic{width:32%;height:auto;float:right;margin:-1rem 0 10px 4%}
.left_pics{width:100%;height:auto;float:left}
.left_pics a{cursor:default}
.left_pics img{width:100%;text-align:center}
.related_pic{width:100%;height:auto;float:right;text-align:center}
.related_pic a{width:18.4%;height:auto;float:left;margin:12px 2% 12px 0;display:block;text-align:center;color:#666;font-size:12px}
.related_pic a img{width:100%;border:1px solid #ddd}
.related_pic a:hover{opacity:.8}
.related_pic a:nth-of-type(5n){margin-right:0}
.left_pic.left_pic2{float:left;margin:8px 15px 10px 0}
.img_center{width:100%;clear:both;margin:.3rem auto 1.25rem auto;text-align:center}
.img_center img{border:1px #dedede solid;width:100%}
.img_width img{width:100%;margin-bottom:10px}
.img_right3{width:35%;float:right;margin:0 0 .5rem 1rem}
.img_right,.img_right2{width:40%;float:right;margin:0 0 .5rem 1rem}
.img_right a img:hover{opacity:.9}
.img_right2{width:20%}
.img_left{width:50%;float:left;margin:0 1rem 1rem 0}
.img_left2{width:23%;text-align:center;float:left;margin:-2rem 1.5rem 1rem 0}
.img_left2 p,.pro_list3 p{font-size:.875rem;margin-bottom:.5rem}
ul.pro_list3.bor_none img{border:none;padding:0}
ul.shape>li{margin:0 2% 1rem 0;width:49%;float:left}
ul.shape>li:nth-of-type(2n){margin-right:0}
ul.shape>li:nth-of-type(2n+1){clear:both}
ul.shape>li img{width:9%;margin-right:1%}
ul.shape>li>img:nth-of-type(1){width:44%}
ul.shape>li>img:nth-of-type(6n){margin-right:0}
.img_big{width:75%;margin-bottom:1rem}
/*sent*/
.othertitle{float:left;width:100%}
.othertitle span{display:block;width:auto;padding:.5rem 0 .875rem;font-size:1.25rem;line-height:1.75rem;font-weight:700;margin-right:1rem;position:relative;margin-bottom:1rem;color:#3683d5;border-bottom:1px solid #ccc}
.othertitle span:before{content:"";position:absolute;width:158px;height:3px;background:#3683d5;left:0;bottom:-2px}
.othertitle p{display:inline-block;padding-bottom:0;margin-bottom:0}
.abouttxt{width:100%;padding:1rem 20%;margin:3rem auto 0;overflow:hidden;border-radius:0 0 6px 6px;border:1px solid #ccc}
#npj_set_feedback_form{overflow:hidden;height:auto;width:100%;padding:0}
.other_pro{width:100%;overflow:hidden;padding:.5rem 0 1rem}
.other_pro ul{width:100%;display:flex;flex-wrap:wrap}
.other_pro ul>li{width:23.5%;margin:0 2% 0 0;overflow:hidden}
.other_pro ul>li:nth-of-type(4n){margin-right:0}
.other_pro ul li ol{width:100%}
.other_pro ul li ol li.product_img{width:100%;margin-bottom:.5rem}
.other_pro ul li ol li.product_img img{width:100%;border:1px solid #dedede}
.other_pro ul li ol:hover li.product_img img{border-color:#1664ea}
.other_pro ul li ol:hover li.product_con a{color:#1664ea}
.other_pro ul li ol li.product_con{width:100%;margin:0 auto;line-height:18px;text-align:center}
.other_pro ul li ol li.product_con a{color:#333;display:block;line-height:16px;padding:8px 2px;font-size:13px}
/*product*/
.service_ny{display: flex;flex-wrap: wrap;padding: 1.5rem 0;}
.service_ny .left_tit{width: 48%;float: left;display: flex;flex-wrap: wrap;align-items: center;border-right: 1px dashed #ccc;padding: 0 4rem;font-size: 1.875rem;color: #333;line-height: 2.5rem;}
.service_ny .right_detail{width: 52%;float: right;padding-left: 2%;font-size: 0.875rem;line-height: 1.5rem;padding: 1rem 0 1rem 2%;}
.nav-tabs{background-color: #fff;}
.nav-item a.nav-link{ color:#333;padding: .5rem 0.5rem;font-weight: 600;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active,.nav-tabs .nav-link:hover{background: #c8110b;border: none;border-radius: 0;color: #fff;}
.nav-tabs .nav-item{margin-bottom: -2px;}
/*********pro_hub****************/
ul.list2{overflow: hidden;}
ul.list2>li{line-height: 1.35rem;list-style:disc;margin-left: 1.25rem;width: 30%;float: left;}
figure{margin-bottom: 0 !important;}
ul.pro_list4,ul.pro_list3,ul.pro_list2{width: 100%;overflow: hidden;margin-bottom: 6px;}
ul.pro_list2>li{width: 49%;float: left;margin: 0 2% 1rem 0;}
ul.pro_list3>li{width: 32%;float: left;margin: 0 2% 1rem 0;}
ul.pro_list4>li{width: 23%;float: left;margin: 0 2% 1rem 0;}
ul.pro_list4>li:nth-of-type(4n),ul.pro_list3>li:nth-of-type(3n),ul.pro_list2>li:nth-of-type(2n){margin-right: 0;}
ul.pro_list4>li:nth-of-type(4n+1),ul.pro_list3>li:nth-of-type(3n+1),ul.pro_list2>li:nth-of-type(2n+1){clear: both;}
ul.pro_list4>li ol li.product_img a,ul.pro_list3>li ol li.product_img a,ul.pro_list2>li ol li.product_img a{display: block;width: 100%;height: 100%;}
ul.pro_list4>li ol li.product_img a:hover img,ul.pro_list3>li ol li.product_img a:hover img,ul.pro_list2>li ol li.product_img a:hover img{border-color:#27c01c; }
ul.pro_list4>li ol li.product_img img,ul.pro_list3>li ol li.product_img img,ul.pro_list2>li ol li.product_img img{padding: 4px;border:1px solid #ccc;}
ul.pro_list4>li ol li.product_con,ul.pro_list3>li ol li.product_con,ul.pro_list2>li ol li.product_con{font-size: 0.875rem;padding: 0.5rem;color: #333;text-align: center;}
ul.pro_list4>li ol li.product_con a,ul.pro_list3>li ol li.product_con a,ul.pro_list2>li ol li.product_con a{font-size: 0.875rem;color: #333;text-align: center;line-height: 1rem;display: block;}
ul.pro_list4>li ol:hover li.product_con a,ul.pro_list3>li ol:hover li.product_con a,ul.pro_list2>li ol:hover li.product_con a{color: #27c01c;}
ul.pro_list5>li{width: 18.4%;margin: 0rem 2% 1.5rem 0;float: left;text-align: center;}
ul.pro_list5>li:nth-of-type(5n){margin-right: 0;}
ul.pro_list5>li img,ul.pro_list4>li img{padding: 2px;border: 1px solid #eee;}
ul.pro_list3 li span{padding: 0.5rem 0;text-align: center;display: block;}
ul.style1 {margin-left: 1.875rem;padding:0;}
ul.style1 li{list-style:circle;line-height: 1.75rem;font-size: 0.9rem;}
ul.pro_list3>li img{padding: 4px;border:1px solid #ccc;}
ul.pro_list3>li img:hover{border-color: #9bcd41;}
ul.list_style{margin: 0 1.5rem;}
ul.list_style>li{font-size: 0.95rem;line-height: 1.5rem;padding-bottom: 0.25rem; list-style: decimal;color: #666;}
ul.list_style.font>li{font-size: 0.875rem;line-height: 1.5rem;}
.feedback{width:96%;height:auto;margin:0 auto;max-width:1170px}
.feedback p{width:auto;float:left;color:#333;font-size:1.25rem;font-weight:500;text-align:left;margin:0 3rem 0 0}
.feedback a{display:inline-block;width:auto;color:#fff;background:#de3225;font-size:1.125rem;text-transform:uppercase;text-align:center;padding:.5rem 1.25rem}
.feedback a:hover{background:#211e1f}
.contact_inqury{margin:20px 0 10px}
.contact_inqury p{text-align:center}
.contact_inqury p a{border-radius:40px;display:inline-block;color:#fff;padding:12px 30px;background-image:-webkit-linear-gradient(top,#9ad2f5 10%,#0152e9 100%);background-image:-moz-linear-gradient(top,#9ad2f5 10%,#0152e9 100%);border:0 solid transparent;text-align:center;line-height:1.2em;margin:5px;text-decoration:none;transition:all .2s}
.contact_inqury p a:hover{background-image:-webkit-linear-gradient(top,#0152e9 10%,#9ad2f5 100%);background-image:-moz-linear-gradient(top,#0152e9 10%,#9ad2f5 100%);color:#fff}
#npj_producttitle{margin:0 auto 0;height:auto;color:#333;overflow:hidden;padding:.5rem 0;font-size:.875rem;width:100%;float:left;background:#f2f3f2}
#npj_producttitle li{display:inline-block}
#npj_producttitle a{color:#999;padding-right:.2rem}
#npj_producttitle a:hover{color:#9bcd41}
#npj_producttitle li+li::before{padding:0 1rem 0 .6rem;color:#999;content:"/";font-size:.875rem;font-family:fontawesome}
.npj_hometitle.ny{color:#333;font-size:1.75rem;position:relative;padding:0 0 .875rem;font-weight:600;margin-bottom:1rem}
.npj_hometitle.ny:before{content:"";position:absolute;width:60px;height:5px;background:#3566b9;left:0;bottom:0}
.npj_hometitle.ny span{display:block;font-size:1.125rem}

/*contact*/
.contact_info stong{color:#364152!important}
.contact_info a{color:#16db7f}
.contact_info a:hover{color:#27c01c}
.npj_contact{padding:1.5rem 0 0}
.npj_contact p.gs{font-weight:700;font-size:1.25rem}
.npj_contact p{color:#333;line-height:1.5rem;font-size:1rem}
.npj_contact p a{color:#0016aa}
.npj_contact p a:hover{color:#518bed}
.npj_contact #npj_form_title{overflow:hidden;padding-left:2%;background:#f2f2f2;text-align:left;font-weight:700;line-height:40px;font-size:16px;margin-bottom:12px;border-radius:5px 5px 0 0;border-bottom:1px solid #ccc}
.npj_contact #npj_set_feedback_form{overflow:hidden;height:auto;width:100%;float:left;border:1px #ededed solid;text-align:left;padding:0;margin:.5rem 0 1.2rem 0}
/*sitemap*/
#sitemap{width:100%;margin:20px auto;font-size:13px}
#sitemap .name{width:100%;font-size:15px;clear:both;margin-bottom: 1rem;}
#sitemap a{color:#333;width:100%;display:block;background:#eee;font-weight:600;line-height:24px;padding: 0.5rem;}
#sitemap a.sname{font-weight:400;width:100%;color:#333;text-decoration:underline!important;background:0 0}
#sitemap a:hover{text-decoration:underline!important;color: #3683d5;}
#sitemap a.sname:hover{color:#3683d5;text-decoration:none!important}
#sitemap p{margin:0 0 10px}
#sitemap .list_m{width:100%;height:auto;margin:10px 0;overflow:hidden}
#sitemap .list_m a{width:25%;display:block;float:left;color:#888;text-decoration:none;line-height:18px;padding-right:3%;background:0;font-weight:400;margin-bottom:10px}
#sitemap .list_m a:nth-child(4n+1){clear:both}
#sitemap .list_m a:hover{color:#3683d5}
/****Footer****/
.footer_link{padding: 3.125rem 0 1rem;background: url(../images/footer_bg.jpg)no-repeat top center #3a3a3a;overflow: hidden;margin-top: 1rem;}
.footer_link .left_link{width: 65%;float: left;padding-top: 2.5rem;padding-right: 3%;}
.footer_link .right_contact{width: 35%;float: right;padding-top: 1rem;border-left: 1px solid #545454;padding-left: 3%;}
.footer_link .left_link .footer_links{margin-bottom: 2.5rem;}
.footer_link .left_link .footer_links a{font-size: 0.875rem;margin-right: 1.5rem;color: #fff;}
.footer_link .left_link .footer_logol img{margin-right: 1rem;}
.footer_link .left_link .footer_logol a{color: #fff;}
.footer_link .right_contact{text-align: right;color: #fff;}
.footer_link .right_contact p{text-align: right;color: #fff;font-size: 14px;line-height: 22px;}
.footer_link .right_contact .tit{font-size: 1.125rem; color: #fff;margin-bottom: 1.5rem;}
.footer_link .right_contact a{color: #fff;}
.footer_link .right_contact a:hover{color: #3683d5;}
a.txt_indet{padding-left: 31px;}
a.txt_indet2{padding-left: 36px;}
#footer{ width:100%;height:auto; font-size:13px; background: #3a3a3a;}
#npj_footin{margin:0 auto;width:100%;overflow:hidden;text-align:center; max-width:1140px;  overflow:hidden; padding:1.5rem 0 0.75rem;border-top: 1px solid #545454;}
#npj_footin.inqu2{max-width: 1140px;}
#npj_homefooter{overflow:hidden;width:100%;height:auto;margin-bottom:6px}
#npj_homefooter a{padding:0 1.25rem; color:#fff;margin:6px 0; position:relative;font-size:0.875rem;line-height:1rem;}
#npj_homefooter a:hover{color:#9bcd41;}
#npj_coper{margin-top:2px;width:100%;line-height:22px;}
#npj_coper a{display:block;color:#fff;}
#otherlink{clear:both;width:100%;height:auto; padding:8px 0;}
#otherlink a{color:#fff; display:inline-block;padding:0 3px;font-size:12px; margin-right:10px; line-height:16px; border:1px #fff solid;}
#otherlink a span{position:relative;top:0;font-size:12px}
#otherlink a:hover{color:#015af2; border-color:#015af2;}
#otherlink a:hover span{opacity:1;top:-2px;transition:all .3s ease-in-out}
@media (max-width: 1199.98px) {
	.footer_link .title {font-size:1.25rem}
	.company .npj_hometitle{font-size: 1.5rem;padding: 1rem 0;}
	.mainpro .npj_hometitle{font-size: 1.5rem;}
	.mainpro .npj_hometitle p{font-size: 1rem;}
}
@media (max-width: 991.98px) {
	.service ul>li ol li.product_con span {height: 210px;padding: 1rem 0.5rem;}
	.service_ny .left_tit{padding: 0 1rem;font-size: 1.5rem;}
	#npj_producttitle,#npj_sidebar{display: none;}
	#npj_right{width: 100%;}
	#container{margin-top: 0;}
#home_list .home_cot:before{display: none;}
#home_list .npj_hometitle a{font-size:1rem;}
#home_list .npj_pro ul li a,#home_list .npj_contact{font-size:0.8rem;padding-left: 0.25rem;}
}
@media (max-width: 767.98px) {
	.service ul>li{width: 100%;margin: 0 0 1rem;text-align: center;}
	.service ul>li ol li.product_con span {height: auto;}
	.mainpro ul li ol li.pro_small{width: 50px;height: 50px;}
	.mainpro ul>li:nth-of-type(n){width: 49%;margin-right: 2%;clear: none;}
	.mainpro ul>li:nth-child(2n) {margin-right: 0;}
#home_list .npj_pro ul li a,#home_list .npj_contact{font-size:0.8rem;}
	#npj_homefooter a{font-size: 0.75rem;padding: 0 0.5rem;}
	#npj_footin{padding: 1.6rem 0.5rem;}
	#otherlink a {padding: 0 6px;margin-right: 4px;font-size: 12px;}
}
@media (max-width: 575.98px) {
	.img_left{width: 100%;}
	.service_ny{padding: 0rem 0 1rem;}
	.hub_main ul>li{width: 100%;}
	.service_ny .left_tit{width: 100%;border-right:none;border-bottom: 1px dashed #ccc;padding-bottom: 1rem;}
	.case ul>li,.service_ny .right_detail{width: 100%;margin-right: 0;}
	.footer_link .left_link .footer_links{text-align: center;}
	.footer_link .left_link{width: 100%;padding-right: 0;}
	.footer_link .right_contact{width: 100%;padding-left: 0;border-left: none;border-top: 1px solid #545454;}
	.footer_link .left_link .footer_logol img{width: 20%;float: left;margin-right: 0.5rem;;}
	.footer_link .left_link .footer_logol a{font-size: 0.75rem;}
	.npj_hometitle.ny{font-size: 1.25rem}
.pro_hub ul li{ margin-bottom:0px;}	
.pro_hub ul li,.pro_hub ul li:nth-child(2){width:100%;}
.pro_hub ul li:nth-child(1){border: none;}
.pro_hub ul li:nth-child(2){ padding-bottom:1rem;}
	#home_list .npj_contact{padding-top: 0.5rem;}
}
@media (max-width: 400.98px) {
	.img_right2,.img_right,.img_right3{width: 100%;}
	ul.pro_list4>li{width: 48%;}
.mainpro ul>li:nth-of-type(n){width: 100%;margin-right: 0;}
	
}

/****Footer  END****/


/****banner****/