@charset "utf-8";

.qc-navigation {
	position: relative;
	z-index: 100;
	height: 65px;
	width: 100%
}

.qc-grids [class*=qc-unit] {
	display: inline-block;
	zoom: 1;
	letter-spacing: normal;
	word-spacing: normal;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.qc-grids.qc-with-slot [class*=qc-unit] {
	padding-left: 10px;
	padding-right: 10px
}

.qc-unit-1-2 {
	width: 50%
}

.qc-unit-1-3 {
	width: 33.3333%
}

.qc-unit-1-4 {
	width: 25%
}

.qc-unit-1-5 {
	width: 20%
}

.qc-unit-1-6 {
	width: 16.6667%
}

.qc-unit-1-8 {
	width: 12.5%
}

.qc-unit-16-24 {
	width: 66.6667%
}

.qc-unit-8-24 {
	width: 33.3333%
}

.npf-mod-wrap.mod-wrap-our-service {
	background-color: #fff;
	padding: 40px 0
}

.d-tb {
	display: table;
	width: 100%;
	table-layout: fixed
}

.d-tbc {
	display: table-cell
}

.mod-wrap-our-service .d-tbc-first,.mod-wrap-our-service .d-tbc-last {
	width: 17%
}

.service-item {
	border-left: 1px solid #DCDDDE;
	height: 80px;
	font-size: 14px;
	text-align: center;
	display: block
}

.first-service-item {
	text-align: left
}

.mod-wrap-our-service .d-tbc:first-child .service-item {
	border-left: 0
}

.sr-only,.visually-hidden {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px,1px,1px,1px);
	padding: 0 !important;
	border: 0 !important;
	height: 1px !important;
	width: 1px !important;
	overflow: hidden
}

.service-item .term {
	display: inline-block;
	height: 77px
}

.service-item .term-1 {
	width: 116px;
	background-image: url(../images/npf-201610311448.png);
	background-position: -269px -444px
}

.service-item .term-2 {
	width: 133px;
	background-image: url(../images/npf-201610311448.png);
	background-position: 0px -444px
}

.service-item .term-3 {
	width: 103px;
	background-image: url(../images/npf-201610311448.png);
	background-position: -387px -444px
}

.service-item .term-4 {
	width: 132px;
	background-image: url(../images/npf-201610311448.png);
	background-position: -135px -444px
}

.service-item .term-5 {
	width: 143px;
	background-image: url(../images/npf-201610311448.png);
	background-position: -444px -364px
}

.npf-mod-wrap {
	padding: 90px 0;
	min-width: 320px;
	position: relative
}

.npf-mod-wrap .npf-mod-inner {
	max-width: 1180px;
	padding-left: 10px;
	padding-right: 10px;
	margin: 0 auto
}

.npf-mod-wrap .npf-mod-title {
	text-align: center
}

.npf-mod-wrap .npf-mod-title h3 {
	font-size: 36px;
	line-height: 52px;
	color: #000;
	font-weight: 400
}

.npf-mod-des-text {
	font-size: 18px;
	line-height: 22px;
	color: #666;
	margin-top: 5px
}

.npf-mod-wrap .npf-mod-content {
	position: relative;
	margin-top: 70px
}

.npf-mod-wrap .npf-mod-box {
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: 10px
}

.npf-mod-wrap .npf-mod-footer {
	margin-top: 55px;
	text-align: center
}

.npf-banner {
	position: relative;
	max-width: 2550px;
	padding: 0;
	margin: 0 auto;
	font-size: 0;
	overflow: hidden;
	text-align: right;
	background-image: -moz-linear-gradient(120deg,#3048bf 0,#2274e6 100%);
	background-image: -webkit-linear-gradient(120deg,#3048bf 0,#2274e6 100%);
	background-image: -ms-linear-gradient(120deg,#3048bf 0,#2274e6 100%);
	background-image: linear-gradient(-60deg,#3048bf,#2274e6);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2277e6', endColorstr='#3048bf', GradientType=1 )
}

.npf-banner:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(../images/banner-bg-bottom.png);
	background-position: bottom center;
	background-repeat: no-repeat
}

.npf-banner .npf-mod-content {
	margin-top: 0
}

.npf-banner-content {
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 2;
	text-align: left;
	color: #fff;
	padding-top: 6.5%;
	padding-left: 3%;
	margin-bottom: 7.5%
}

.npf-banner-title {
	font-size: 54px;
	font-weight: 400;
	margin-bottom: 20px
}

.npf-banner-text {
	font-size: 22px
}

.npf-banner-text p {
	margin-bottom: 10px
}

.npf-banner .npf-banner-btn {
	margin-top: 40px
}

.npf-banner-btn {
	display: inline-block;
	border: 1px solid #fff;
	height: 43px;
	line-height: 43px;
	color: #fff;
	font-size: 20px;
	padding: 0 70px
}

.npf-banner-btn:hover {
	background-color: #fff;
	color: #2669db
}

.npf-banner-img {
	width: 700px;
	height: 480px;
	margin-top: 20px;
	margin-bottom: 70px
}

.npf-skin-blue .npf-banner {
	background-image: -moz-linear-gradient(120deg,#2274e6 0,#0daeff 100%);
	background-image: -webkit-linear-gradient(120deg,#2274e6 0,#0daeff 100%);
	background-image: -ms-linear-gradient(120deg,#2274e6 0,#0daeff 100%);
	background-image: linear-gradient(-120deg,#2274e6,#0daeff);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0daeff', endColorstr='#2274e6', GradientType=1 )
}

.npf-skin-blue .npf-banner-btn:hover {
	color: #139cf7
}

.npf-skin-lite-blue .npf-banner {
	background-image: -moz-linear-gradient(120deg,#0daeff 0,#09c4d5 100%);
	background-image: -webkit-linear-gradient(120deg,#0daeff 0,#09c4d5 100%);
	background-image: -ms-linear-gradient(120deg,#0daeff 0,#09c4d5 100%);
	background-image: linear-gradient(-120deg,#0daeff,#09c4d5);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#09c4d5', endColorstr='#0daeff', GradientType=1 )
}

.npf-skin-lite-blue .npf-banner-btn:hover {
	color: #0abee0
}

.npf-process {
	background-color: #fff
}

.npf-process-wrapper {
	padding-bottom: 50px;
	margin: 130px auto 0;
	width: 800px
}

.npf-process-items {
	position: relative;
	border-top: dashed 1px #6255f9
}

.npf-process-item {
	text-align: center;
	position: absolute;
	top: -57px;
	width: 75px
}

.npf-process-item-1 {
	left: -30px
}

.npf-process-item-2 {
	left: 230px
}

.npf-process-item-3 {
	left: 495px
}

.npf-process-item-4 {
	right: -30px
}

.npf-process-icon {
	display: block;
	width: 58px;
	height: 58px;
	margin: 7px auto 0
}

.npf-process-item-1 .npf-process-icon {
	background-image: url(../images/npf-201610311448.png);
	background-position: -122px -523px
}

.npf-process-item-2 .npf-process-icon {
	background-image: url(../images/npf-201610311448.png);
	background-position: -62px -523px
}

.npf-process-item-3 .npf-process-icon {
	background-image: url(../images/npf-201610311448.png);
	background-position: -242px -523px
}

.npf-process-item-4 .npf-process-icon {
	background-image: url(../images/npf-201610311448.png);
	background-position: -182px -523px
}

.npf-process-tips {
	display: block;
	width: 116px;
	height: 50px;
	background-image: url(../images/npf-201610311448.png);
	font-size: 16px;
	color: #fff;
	text-align: center;
	line-height: 59px;
	position: absolute;
	top: 93px;
	left: -21px;
	background-position: -492px -444px
}

.npf-table {
	background-color: #fff
}

.npf-table-items {
	margin: 0 auto;
	border-left: solid 1px #e7e7e7;
	border-top: solid 1px #e7e7e7;
	font-size: 0
}

.npf-table-item>td,.npf-table-item>th {
	text-align: center;
	border-right: solid 1px #e7e7e7;
	border-bottom: solid 1px #e7e7e7;
	padding: 7px;
	vertical-align: middle;
	line-height: 1.5;
	background-color: #fff;
	width: 114px;
	height: 80px;
	font-size: 14px;
	font-weight: 400;
	color: #333
}

.npf-table-item-head>th {
	height: 30px;
	background-color: #e7e7e7;
	border-color: #fff
}

.npf-table-item-head>th:last-child {
	border-right-color: #e7e7e7
}

.npf-table-item.weak td,.npf-table-item.weak th {
	color: #999
}

.npf-table-item.strong>td,.npf-table-item.strong>th {
	color: #f0a400
}

.npf-table-item.strong>td:first-child,.npf-table-item.strong>th:first-child,.npf-table-item.weak>td:first-child,.npf-table-item.weak>th:first-child {
	color: #333
}

.npf-table .table-icon-down {
	display: inline-block;
	width: 10px;
	height: 12px;
	background-image: url(../images/npf-201610311448.png);
	vertical-align: middle;
	margin-left: 2px;
	background-position: -626px -72px
}

.npf-speciality {
	margin-top: -274px
}

.npf-speciality-head {
	width: 164px;
	height: 164px;
	padding: 8px;
	text-align: center;
	border-radius: 100%;
	margin: 0 auto;
	background-image: url(../images/npf-201610311448.png);
	background-position: -444px -182px
}

.npf-speciality-img {
	width: 100%;
	height: 100%;
	padding: 40px;
	box-sizing: border-box
}

.npf-speciality-body h4 {
	text-align: center;
	font-size: 18px;
	font-weight: 400;
	margin: 24px 0 12px;
	color: #333
}

.npf-speciality .text {
	line-height: 24px;
	font-size: 14px;
	padding: 0 8%;
	color: #666
}

.npf-speciality .qc-unit-1-3 .npf-speciality-head {
	width: 204px;
	height: 204px;
	background-image: url(../images/npf-201610311448.png);
	background-position: 0px -222px
}

.npf-speciality .qc-unit-1-3 .text {
	padding: 0 5%
}

.npf-speciality .qc-unit-1-3 .npf-speciality-img {
	padding: 60px
}

.npf-skin-blue .npf-speciality-head {
	background-image: url(../images/npf-201610311448.png);
	background-position: -222px -222px
}

.npf-skin-blue .npf-speciality .qc-unit-1-3 .npf-speciality-head {
	background-image: url(../images/npf-201610311448.png);
	background-position: -222px 0px
}

.npf-skin-lite-blue .npf-speciality-head {
	background-image: url(../images/npf-201610311448.png);
	background-position: -444px 0px
}

.npf-skin-lite-blue .npf-speciality .qc-unit-1-3 .npf-speciality-head {
	background-image: url(../images/npf-201610311448.png);
	background-position: 0px 0px
}

.npf-advantage .npf-mod-box {
	border: 1px solid #e6e8ed;
	position: relative
}

.npf-advantage-head {
	text-align: center
}

.npf-advantage-icon {
	position: absolute;
	left: 0;
	top: 0;
	width: 100px;
	height: 100px
}

.npf-advantage-head img {
	margin-top: 40px
}

.npf-advantage-body h4 {
	text-align: center;
	font-size: 18px;
	font-weight: 400;
	margin: 24px 0 12px;
	color: #333
}

.npf-advantage .text {
	line-height: 24px;
	font-size: 14px;
	height: 100px;
	padding: 0 8%;
	color: #666
}

.npf-case .npf-mod-box {
	text-align: center
}

.npf-case .npf-mod-box img {
	width: 90px;
	height: 90px
}

.npf-case .npf-mod-box .text {
	margin-top: 5px;
	font-size: 14px;
	color: #666
}

.show-more-case a {
	font-size: 14px;
	text-align: center;
	display: block;
	margin-top: 30px
}

.carousel-case {
	overflow: hidden;
	max-width: 1180px;
	margin-right: 1px
}

.links {
	color: #0070cc
}

.links:hover {
	color: #008bff
}

.carousel-case .case-slide {
	display: none
}

.carousel-case:hover .case-slide {
	display: block
}

.case-list {
	height: 325px;
	overflow: hidden;
	transition-duration: 1.68s
}

.carousel-case .case-item-body h4 {
	color: #333;
	font-size: 18px;
	font-weight: 400;
	margin: 30px 0 12px
}

.carousel-case .case-item-body .case-desc {
	line-height: 24px;
	font-size: 14px;
	color: #666;
	text-align: left
}

.carousel-case .case-wrap .case-desc {
	text-align: center
}

.carousel-case li {
	position: relative;
	text-align: center;
	font-size: 16px;
	border-right: 1px solid #c9e5f5
}

.carousel-case li:last-child {
	border-right: 0
}

.carousel-case .case-item-head {
	height: 139px
}

.carousel-case .case-item {
	margin-top: 20px;
	box-sizing: border-box;
	width: 295px;
	height: 295px;
	font-size: 16px;
	display: inline-block;
	vertical-align: top;
	text-align: center
}

.carousel-case .case-item-footer {
	padding: 0 9.9%
}

.carousel-case li:hover .case-hover {
	display: block
}

.case-wrap img {
	margin-top: 25px;
	max-width: 100%
}

.case-wrap h4 {
	margin-top: 35px
}

.case-hover {
	width: 98%;
	position: absolute;
	left: 1%;
	top: 0;
	padding: 0;
	display: none;
	background-color: #fff;
	background-color: rgba(255,255,255,.95);
	bottom: 0;
	text-align: left;
	-webkit-box-shadow: 0 3px 20px #d7e8f3;
	box-shadow: 0 3px 20px #d7e8f3
}

.case-hover .case-item-body {
	line-height: 25px;
	padding: 0 9.9%
}

.case-hover .case-item-footer {
	text-align: right;
	font-size: 14px;
	line-height: 14px;
	margin-top: 25px
}

.case-slide-left {
	left: 0;
	background-image: url(../images/npf-201610311448.png);
	background-position: -589px -364px
}

.case-slide-right {
	right: 0;
	background-image: url(../images/npf-201610311448.png);
	background-position: -404px -222px
}

.slide-dis-slide-left {
	background-image: url(../images/npf-201610311448.png);
	background-repeat: no-repeat;
	cursor: default;
	background-position: -404px -294px
}

.slide-dis-slide-right {
	background-image: url(../images/npf-201610311448.png);
	background-repeat: no-repeat;
	cursor: default;
	background-position: -626px 0px
}

.case-slide-point-list {
	float: left;
	font-size: 0;
	width: 100%;
	text-align: center
}

.case-slide-point-list .point {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	margin: 0 5px;
	background-color: #c3dcf0;
	cursor: pointer
}

.case-slide-point-list .point-active {
	background-color: #0070cc
}

.case-slide a {
	position: absolute;
	top: 140px;
	width: 20px;
	height: 70px;
	z-index: 1
}

.npf-comparsion-table {
	width: 1160px;
	margin: 0 auto;
	border-right: solid 1px #e7e7e7;
	border-top: solid 1px #e7e7e7
}

.npf-comparsion-table .col1,.npf-comparsion-table .col2,.npf-comparsion-table .col3,.npf-comparsion-table .col4 {
	width: 25%
}

.npf-comparsion-table th {
	font-weight: 400;
	font-size: 16px;
	height: 60px;
	background-color: #e5e5e5
}

.npf-comparsion-table td {
	font-size: 14px;
	height: 50px;
	background-color: #fff
}

.npf-comparsion-table td,.npf-comparsion-table th {
	text-align: center;
	border-left: solid 1px #e7e7e7;
	border-bottom: solid 1px #e7e7e7;
	color: #333
}

.npf-comparsion-table td>div {
	display: block;
	position: relative;
	padding: 0 30px;
	height: 50px;
	line-height: 50px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	word-break: break-word
}

.npf-comparsion-table td>div:before {
	content: '';
	position: absolute;
	width: 0;
	height: 100%;
	display: inline-block;
	vertical-align: middle
}

.npf-comparsion-table .prev-text {
	color: #666
}

.npf-comparsion-table td>div span {
	display: inline-block;
	line-height: 1.5;
	vertical-align: middle
}

.npf-comparsion-table .stress-item {
	border: 1px solid #2668db;
	color: #f0a400
}

.npf-comparsion-table th.stress-item {
	position: relative;
	color: #fff
}

.npf-comparsion-table th.stress-item>.gradient {
	background-color: #2668db;
	position: absolute;
	left: -1px;
	left: -moz-calc(-2px);
	right: -1px;
	bottom: 0;
	top: -30px;
	line-height: 91px;
	height: 91px
}

.npf-comparsion-table .bor-left-white {
	border-left: solid 1px #fff
}

.npf-comparsion-table .stress-last-item {
	border-bottom: none
}

.npf-comparsion-table .stress-last-item>div:after {
	content: '';
	height: 30px;
	width: 100%;
	position: absolute;
	left: -1px;
	top: 100%;
	background-color: #fff;
	border: 1px solid #2668db;
	border-top: none
}

.npf-comparison-colum-3 .col1,.npf-comparison-colum-3 .col2,.npf-comparison-colum-3 .col3 {
	width: 33.3%
}

.npf-skin-blue .npf-comparsion-table th.stress-item>.gradient {
	background-color: #129ff9
}

.npf-skin-blue .npf-comparsion-table .stress-item,.npf-skin-blue .npf-comparsion-table .stress-last-item>div:after {
	border-color: #129ff9
}

.npf-skin-lite-blue .npf-comparsion-table th.stress-item>.gradient {
	background-color: #0abee0
}

.npf-skin-lite-blue .npf-comparsion-table .stress-item,.npf-skin-lite-blue .npf-comparsion-table .stress-last-item>div:after {
	border-color: #0abee0
}

.npf-faq {
	background-color: #f3f3f3;
	padding-bottom: 100px
}

.faq-list {
	margin-top: 80px
}

.faq-list>li {
	margin-bottom: 10px
}

.faq-list li.show-answer {
	margin-bottom: 0
}

.faq-list .show-answer .faq-item-bd {
	display: block
}

.faq-item-title {
	position: relative;
	padding: 15px 10px 15px 42px;
	background-color: #fff;
	color: #333;
	cursor: pointer;
	line-height: 20px;
	font-weight: 700
}

.faq-item-title:before {
	content: '+';
	position: absolute;
	left: 18px;
	top: 15px;
	margin: auto;
	font-size: 20px;
	font-weight: 400;
	line-height: 20px;
	color: #d6d6d7
}

.show-answer .faq-item-title:before {
	content: '×'
}

.faq-item-bd {
	display: none;
	margin-bottom: 10px;
	border-top: 1px solid #dcdcdc;
	background-color: #fff;
	padding-left: 15px;
	padding-right: 15px
}

.faq-item-inner {
	padding-top: 15px;
	padding-bottom: 16px
}

.faq-item-detail {
	color: #74777c;
	font-size: 14px
}

.faq-item-detail li {
	line-height: 23px
}

.npf-apply {
	color: #fff;
	background-image: -moz-linear-gradient(120deg,#3048bf 0,#2274e6 100%);
	background-image: -webkit-linear-gradient(120deg,#3048bf 0,#2274e6 100%);
	background-image: -ms-linear-gradient(120deg,#3048bf 0,#2274e6 100%);
	background-image: linear-gradient(-60deg,#3048bf,#2274e6);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2277e6', endColorstr='#3048bf', GradientType=1 )
}

.npf-apply:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(../images/apply-bg.png);
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat
}

.npf-apply .npf-mod-inner {
	z-index: 1;
	position: relative
}

.npf-apply.npf-mod-wrap .npf-mod-title h3 {
	color: #fff;
	text-align: center
}

.npf-apply.npf-mod-wrap .npf-mod-content .col1 {
	max-width: 620px;
	margin: 30px auto 40px
}

.npf-apply.npf-mod-wrap .npf-mod-content .col2 {
	max-width: 480px;
	margin: 30px auto 40px
}

.npf-apply.npf-mod-wrap .npf-mod-content ul {
	font-size: 14px;
	line-height: 26px;
	overflow: hidden
}

.npf-apply.npf-mod-wrap .npf-mod-content li strong {
	font-size: 16px;
	display: table-cell;
	width: 5em
}

.npf-apply.npf-mod-wrap .npf-mod-content li span {
	display: table-cell
}

.npf-apply.npf-mod-wrap .npf-mod-footer .btn {
	display: block;
	margin: auto;
	font-size: 20px;
	color: #fff;
	border: 1px solid #fff;
	height: 43px;
	line-height: 43px;
	text-align: center;
	border-radius: 2px;
	width: 9em
}

.npf-apply.npf-mod-wrap .npf-mod-footer .btn:hover {
	background-color: #fff;
	color: #2669db
}

.npf-apply.npf-mod-wrap .col2 {
	text-align: center
}

.npf-apply.npf-mod-wrap .col2>li {
	width: 50%;
	float: left
}

.npf-skin-blue .npf-apply {
	background-image: -moz-linear-gradient(120deg,#2274e6 0,#0daeff 100%);
	background-image: -webkit-linear-gradient(120deg,#2274e6 0,#0daeff 100%);
	background-image: -ms-linear-gradient(120deg,#2274e6 0,#0daeff 100%);
	background-image: linear-gradient(-120deg,#2274e6,#0daeff);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0daeff', endColorstr='#2274e6', GradientType=1 )
}

.npf-skin-blue .npf-apply.npf-mod-wrap .npf-mod-footer .btn:hover {
	color: #129ff9
}

.npf-skin-lite-blue .npf-apply {
	background-image: -moz-linear-gradient(120deg,#0daeff 0,#09c4d5 100%);
	background-image: -webkit-linear-gradient(120deg,#0daeff 0,#09c4d5 100%);
	background-image: -ms-linear-gradient(120deg,#0daeff 0,#09c4d5 100%);
	background-image: linear-gradient(-120deg,#0daeff,#09c4d5);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#09c4d5', endColorstr='#0daeff', GradientType=1 )
}

.npf-skin-lite-blue .npf-apply.npf-mod-wrap .npf-mod-footer .btn:hover {
	color: #0abee0
}

.npf-carousel {
	height: 840px;
	background-image: -moz-linear-gradient(120deg,#3048bf 0,#2274e6 100%);
	background-image: -webkit-linear-gradient(120deg,#3048bf 0,#2274e6 100%);
	background-image: -ms-linear-gradient(120deg,#3048bf 0,#2274e6 100%);
	background-image: linear-gradient(-60deg,#3048bf,#2274e6);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2277e6', endColorstr='#3048bf', GradientType=1 )
}

.npf-carousel.npf-mod-wrap .npf-mod-title h3 {
	color: #fff
}

.qc-grids {
	font-size: 0
}

.npf-carousel .carousel-slide-area {
	height: 779px;
	position: relative
}

.npf-carousel .carousel-switch-icon {
	position: absolute;
	margin-top: -26px;
	width: 52px;
	height: 52px;
	top: 248px
}

.npf-carousel .carousel-switch-left {
	left: 30px;
	background-image: url(../images/npf-201610311448.png);
	background-repeat: no-repeat;
	background-position: -302px -523px
}

.npf-carousel .carousel-switch-left:hover {
	background-image: url(../images/npf-201610311448.png);
	background-position: -356px -523px
}

.npf-carousel .carousel-switch-right {
	right: 30px;
	background-image: url(../images/npf-201610311448.png);
	background-repeat: no-repeat;
	background-position: -410px -523px
}

.npf-carousel .carousel-switch-right:hover {
	background-image: url(../images/npf-201610311448.png);
	background-position: -464px -523px
}

.npf-carousel .carousel-slide-box {
	margin-top: 75px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center 0
}

.npf-carousel .carousel-slide-box>li {
	display: none
}

.npf-carousel .carousel-slide-box>.active {
	display: list-item
}

.npf-carousel .carousel-slide-head {
	margin-top: 10px;
	height: 502px
}

.npf-carousel .carousel-slide-head img {
	display: block;
	margin-left: auto;
	margin-right: auto
}

.npf-carousel .carousel-slide-body {
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	width: 490px;
	padding-bottom: 130px;
	color: #fff;
	font-size: 14px;
	line-height: 24px;
	text-align: center
}

.npf-carousel .carousel-slide-body .carousel-item-title {
	font-size: 24px
}

.npf-carousel .carousel-lr-text-items {
	margin-top: 35px
}

.npf-carousel .carousel-point-slide {
	position: absolute;
	bottom: 100px;
	bottom: 70px;
	width: 100%;
	text-align: center;
	font-size: 0
}

.npf-carousel .carousel-point-slide>li {
	position: relative;
	display: inline-block;
	margin-right: 3px;
	margin-left: 3px;
	width: 16px;
	height: 16px;
	padding: 3px;
	box-sizing: border-box;
	cursor: pointer
}

.npf-carousel .carousel-point-slide>li:before {
	content: '';
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	border: 1px solid #fff;
	border-radius: 50%;
	box-sizing: border-box
}

.npf-carousel .carousel-point-slide .carousel-focus {
	cursor: default
}

.npf-carousel .carousel-point-slide .carousel-focus:before {
	background-color: #fff
}

.npf-skin-blue .npf-carousel {
	background-image: -moz-linear-gradient(120deg,#2274e6 0,#0daeff 100%);
	background-image: -webkit-linear-gradient(120deg,#2274e6 0,#0daeff 100%);
	background-image: -ms-linear-gradient(120deg,#2274e6 0,#0daeff 100%);
	background-image: linear-gradient(-120deg,#2274e6,#0daeff);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0daeff', endColorstr='#2274e6', GradientType=1 )
}

.npf-skin-lite-blue .npf-carousel {
	background-image: -moz-linear-gradient(120deg,#0daeff 0,#09c4d5 100%);
	background-image: -webkit-linear-gradient(120deg,#0daeff 0,#09c4d5 100%);
	background-image: -ms-linear-gradient(120deg,#0daeff 0,#09c4d5 100%);
	background-image: linear-gradient(-120deg,#0daeff,#09c4d5);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#09c4d5', endColorstr='#0daeff', GradientType=1 )
}

.npf-steps {
	background: #0daeff;
	background: -moz-linear-gradient(-45deg,#0daeff 0,#2274ef 100%);
	background: -webkit-linear-gradient(-45deg,#0daeff 0,#2274ef 100%);
	background: linear-gradient(135deg,#0daeff 0,#2274ef 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0daeff', endColorstr='#2274e6', GradientType=1 );
	color: #fff
}

.npf-steps.npf-mod-wrap .npf-mod-title h3 {
	color: #fff
}

.npf-steps .npf-mod-content {
	font-size: 0;
	margin-top: 110px
}

.npf-steps-box dt {
	margin-bottom: 70px;
	position: relative
}

.npf-steps-box dt:before {
	content: "";
	position: absolute;
	border-top: 2px solid #90d4f9;
	margin-bottom: 70px;
	width: 100%;
	left: 33.3333%;
	top: 30px;
	margin-left: 60px
}

.npf-steps-box dt.last:before {
	display: none
}

.npf-steps-box dt i {
	background-image: url(../images/npf-201610311448.png);
	display: inline-block;
	width: 60px;
	height: 60px;
	font-size: 24px;
	line-height: 60px;
	z-index: 1;
	position: relative;
	background-position: 0px -523px
}

.npf-steps-box {
	display: inline-block;
	width: 33.33333%;
	text-align: center;
	font-size: 14px;
	vertical-align: top;
	margin-bottom: 145px
}

.npf-steps-box h3 {
	font-weight: 400;
	font-size: 24px;
	margin-top: 40px;
	margin-bottom: 20px
}

.npf-steps-box p {
	width: 275px;
	text-align: left;
	margin: 0 auto;
	line-height: 24px
}

.npf-step-text {
	display: none
}

.npf-framework-vertical {
	font-size: 0
}

.npf-framework-vertical .vertical-item {
	display: none
}

.npf-framework-vertical .vertical-item.current {
	display: block
}

.npf-framework-vertical .vertical-item-head {
	margin: 0 auto
}

.npf-framework-vertical .vertical-item-body {
	padding: 0 10%
}

.npf-framework-vertical .vertical-item-body h4 {
	color: #333;
	font-size: 18px;
	font-weight: 400;
	margin: 24px 0 12px
}

.npf-framework-vertical .vertical-item-body .text {
	line-height: 24px;
	font-size: 14px;
	color: #666;
	text-align: left
}

.npf-framework-vertical .section-case-content .text {
	text-align: center
}

.npf-framework-vertical.column-4 .vertical-item {
	width: 25%
}

.npf-framework-vertical.column-3 .vertical-item {
	width: 33%
}

.npf-framework-vertical.column-2 .vertical-item {
	width: 50%
}

.npf-framework-tab {
	font-size: 0
}

.npf-framework-tab li {
	display: inline-block;
	vertical-align: top;
	margin: 0 1px
}

.npf-framework-tab .tab-item {
	display: inline-block;
	height: 55px;
	line-height: 55px;
	width: 170px;
	text-align: center;
	background: #fff;
	font-size: 18px;
	color: #404a58;
	transition: .2s ease background
}

.npf-framework-tab .tab-item:hover {
	background: #cde8ff
}

.npf-framework-tab .current .tab-item {
	position: relative;
	background: #0070cc;
	color: #fff
}

.npf-framework-tab .current .tab-item:after {
	content: '';
	border: 8px solid transparent;
	border-top-color: #0070cc;
	position: absolute;
	bottom: -16px;
	left: 50%;
	margin-left: -8px
}

.npf-framework-tab-cnt {
	display: none
}

.npf-framework-tab-cnt.current {
	display: block
}

.npf-framework-list {
	margin-top: 10px;
	font-size: 14px;
	line-height: 1.8;
	color: #666
}

.npf-framework-list li {
	position: relative;
	padding-left: 20px
}

.npf-framework-list li:after {
	content: '';
	position: absolute;
	left: 7px;
	top: 10px;
	width: 6px;
	height: 6px;
	background: #98b2ba;
	border-radius: 50%
}

.npf-framework {
	position: relative;
	padding: 0;
	min-width: 320px;
	font-size: 0;
	background: #edf7ff;
	overflow: hidden
}

.npf-framework .framework-inner {
	display: table;
	margin: 0 auto;
	padding-left: 10px;
	padding-right: 10px;
	min-width: 320px;
	max-width: 1180px
}

.npf-framework .framework-title {
	margin-bottom: 5px;
	height: 56px
}

.npf-framework .framework-title h3 {
	position: absolute;
	left: 0;
	width: 100%;
	font-size: 34px;
	line-height: 56px;
	font-weight: 400;
	color: #333;
	text-align: center
}

.npf-framework .framework-title>span {
	font-size: 18px;
	line-height: 22px;
	color: #666;
	display: inline-block
}

.npf-framework .framework-content {
	overflow: hidden;
	position: relative;
	margin-top: 40px
}

.npf-framework .left-side {
	width: 74%;
	display: table-cell;
	vertical-align: top;
	padding: 80px 0
}

.npf-framework .right-bg {
	position: relative;
	display: table-cell
}

.npf-framework .right-side {
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	color: #000;
	padding-left: 10%;
	margin-top: 240px;
	position: relative;
	margin-bottom: 60px
}

.npf-framework .right-side .title {
	font-size: 16px;
	font-weight: 700
}

.npf-framework .right-side .head .title {
	font-size: 24px;
	font-weight: 400;
	margin-bottom: 20px;
	color: #000
}

.npf-framework .right-side .head .title,.npf-framework .right-side .litter-title {
	line-height: 28px
}

.npf-framework .fw-img {
	position: relative;
	margin: 20px auto 0;
	max-width: 830px;
	height: 620px
}

.npf-framework .fw-img .img-bg,.npf-framework .fw-img .img-content {
	position: absolute;
	top: 0;
	left: 0
}

.npf-framework .fw-img .img-bg {
	z-index: 10
}

.npf-framework .fw-img .img-content {
	z-index: 15;
	width: 100%
}

.npf-framework .m-fw-img {
	display: none
}

.npf-framework .right-bg .right-bg-img {
	position: absolute;
	height: 100%;
	height: 10000px;
	top: 0;
	left: 0;
	width: 1000px;
	background: url(../images/bigdata-fw-bg.png) -82px 210px no-repeat #e3f1fc
}

.npf-framework .right-bg .body {
	margin-top: 25px;
	padding-top: 30px;
	border: 1px dashed #bdccd8;
	border-width: 1px 0 0
}

.npf-framework .right-bg .head,.npf-framework .right-bg .product {
	padding: 0
}

.npf-framework .right-bg .product {
	margin: 15px 0
}

.npf-framework .body .text {
	margin-bottom: 5px
}

.npf-framework .framework-title .m-text {
	display: none
}

.npf-framework .m-tips {
	display: none;
	font-size: 12px;
	text-align: center;
	color: #999;
	margin-top: 15px
}

.npf-framework .links {
	color: #0070cc
}

.npf-framework .links:hover {
	color: #008bff
}

@media screen and (min-width:767px) and (max-width:1199px) {
	.qc-navigation,.qc-navigation .navigation-inner,.tc-footer {
		min-width: 1000px
	}
}

@media screen and (max-width:768px) {
	.mod-scroll-btn,.qc-navigation {
		display: none
	}

	.qc-navigation-mobile {
		display: block
	}

	.tc-footer {
		min-width: 320px;
		padding-bottom: 40px
	}

	.tc-footer .tc-footer-columns {
		display: none
	}

	.tc-footer .column-certification,.tc-footer .column-follow {
		width: auto;
		margin-left: 10px;
		margin-right: 10px
	}

	.tc-footer .columns h3,.tc-footer .columns ul {
		padding-left: 30px
	}

	.tc-footer .column-certification .certification .ct-img img {
		max-width: 100%
	}

	.tc-footer .column-certification>h3 {
		padding-left: 0
	}

	.npf-scroll-top {
		display: none;
		right: 20px;
		bottom: 100px;
		border: 0;
		width: 44px;
		height: 44px;
		background-image: url(../images/npf-media2-201610311448.png);
		background-size: 44px 44px;
		position: fixed;
		z-index: 100;
		background-position: 0px 0px
	}
}

@media screen and (max-width:414px) {
	.tc-footer .columns,.tc-footer .tc-footer-copyright .department {
		display: none
	}

	.tc-footer .tc-footer-copyright .links .line-2 .slide {
		display: block
	}

	.tc-footer .tc-footer-copyright .department,.tc-footer .tc-footer-copyright .department a {
		font-size: 14px
	}
}

@media screen and (max-width:768px) {
	.qc-unit-md-1-2 {
		width: 50%
	}

	.qc-unit-md-1-4 {
		width: 25%
	}
}

@media screen and (max-width:414px) {
	.qc-unit-sm-1-1 {
		width: 100%
	}
}

@media screen and (max-width:768px) {
	.npf-mod-wrap.mod-wrap-our-service {
		padding-top: 0;
		padding-bottom: 0;
		border-top: 1px solid #eee
	}

	.npf-mod-wrap.mod-wrap-our-service .npf-mod-inner {
		padding-right: 0;
		padding-left: 0
	}

	.mod-wrap-our-service .d-tbc {
		display: inline-block;
		width: 25%;
		padding-top: 25px;
		padding-bottom: 25px
	}

	.mod-wrap-our-service .d-tbc:nth-child(3) {
		display: none
	}

	.mod-wrap-our-service .first-service-item,.mod-wrap-our-service .last-service-item {
		text-align: center
	}

	.mod-wrap-our-service .service-item .sr-only {
		position: relative !important;
		height: auto !important;
		width: auto !important;
		color: #797c80;
		font-size: 20px;
		display: block
	}

	.mod-wrap-our-service .service-item .sr-only.t-1 {
		font-size: 36px
	}

	.mod-wrap-our-service .service-item .term {
		background-image: none;
		display: none
	}
}

@media screen and (max-width:540px) {
	.mod-wrap-our-service .service-item {
		height: auto
	}

	.mod-wrap-our-service .service-item .sr-only {
		font-size: 16px
	}

	.mod-wrap-our-service .service-item .sr-only.t-1 {
		font-size: 20px
	}
}

@media screen and (max-width:375px) {
	.mod-wrap-our-service .service-item .sr-only {
		font-size: 14px
	}

	.mod-wrap-our-service .service-item .sr-only.t-1 {
		font-size: 18px
	}
}

@media screen and (max-width:768px) {
	.npf-mod-wrap {
		padding: 60px 0
	}

	.npf-mod-wrap .npf-mod-inner {
		padding-left: 3.9%;
		padding-right: 3.9%
	}

	.npf-mod-wrap .npf-mod-content {
		margin-top: 40px
	}

	.npf-mod-wrap .npf-mod-content.qc-grids {
		margin-left: -10px;
		margin-right: -10px
	}

	.npf-mod-des-text {
		font-size: 16px
	}

	.npf-mod-wrap .npf-mod-footer {
		margin-top: 30px
	}
}

@media screen and (max-width:414px) {
	.npf-mod-wrap {
		padding: 40px 0
	}

	.npf-mod-wrap .npf-mod-inner {
		padding-right: 7.2%;
		padding-left: 7.2%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}

	.npf-mod-wrap .npf-mod-title h3 {
		font-size: 26px;
		line-height: 38px
	}

	.npf-mod-wrap .npf-mod-box {
		margin-top: 0;
		margin-bottom: 30px
	}
}

@media screen and (max-width:768px) {
	.npf-banner:after {
		display: none
	}

	.npf-mod-wrap.npf-banner .npf-mod-inner {
		padding-left: 0;
		padding-right: 0
	}

	.npf-banner-img {
		width: 48.6%;
		height: auto;
		margin-top: 0;
		margin-bottom: 0
	}

	.npf-banner-title {
		font-size: 36px;
		margin-bottom: 0
	}

	.npf-banner-text {
		font-size: 16px
	}

	.npf-banner-btn {
		padding: 0 47px;
		font-size: 16px;
		height: 35px;
		line-height: 35px
	}

	.npf-banner .npf-banner-btn {
		margin-top: 0;
		position: absolute;
		bottom: 0
	}

	.npf-mod-wrap.npf-banner {
		padding-top: 0;
		padding-bottom: 0
	}

	.npf-banner .npf-mod-content {
		margin-top: 0
	}
}

@media screen and (max-width:640px) {
	.npf-banner-img {
		height: auto;
		width: 56%
	}

	.npf-banner-text {
		font-size: 14px;
		width: 14em
	}

	.npf-banner-text p {
		margin-bottom: 0
	}

	.npf-banner-btn {
		padding: 0 47px;
		font-size: 16px
	}

	.npf-banner-title {
		font-size: 26px
	}
}

@media screen and (max-width:440px) {
	.npf-banner-img {
		width: 75.8%;
		height: auto;
		margin-right: -25%
	}

	.npf-banner-title {
		width: 10em
	}

	.npf-banner-text {
		font-size: 16px;
		margin-top: 5px
	}

	.npf-banner .npf-banner-btn {
		height: 30px;
		line-height: 30px;
		font-size: 14px;
		padding: 0 25px
	}

	.npf-mod-wrap.npf-banner {
		padding-top: 0;
		padding-bottom: 0
	}

	.npf-banner .npf-mod-content {
		margin-top: 0
	}
}

@media screen and (max-width:320px) {
	.npf-banner-title {
		font-size: 24px;
		margin-bottom: 5px
	}

	.npf-banner-text p {
		margin-bottom: 5px
	}
}

@media screen and (max-width:768px) {
	.npf-process-item {
		top: -53px
	}

	.npf-process-icon {
		width: 48px;
		height: 48px
	}

	.npf-process-item-1 .npf-process-icon {
		background: url(../images/icon-process-retina-1@2x.png);
		-webkit-background-size: cover;
		background-size: cover
	}

	.npf-process-item-2 .npf-process-icon {
		background: url(../images/icon-process-retina-2@2x.png);
		-webkit-background-size: cover;
		background-size: cover
	}

	.npf-process-item-3 .npf-process-icon {
		background: url(../images/icon-process-retina-3@2x.png);
		-webkit-background-size: cover;
		background-size: cover
	}

	.npf-process-item-4 .npf-process-icon {
		background: url(../images/icon-process-retina-4@2x.png);
		-webkit-background-size: cover;
		background-size: cover
	}

	.npf-process-tips {
		width: 112px;
		height: 41px;
		background: url(../images/icon-process-tips-retina@2x.png);
		-webkit-background-size: cover;
		background-size: cover;
		line-height: 49px;
		top: 84px;
		left: -18px
	}

	.npf-process-wrapper {
		width: auto;
		margin-left: 70px;
		margin-right: 50px;
		margin-top: 100px
	}

	.npf-process-items {
		height: 191px;
		border-right: dashed 1px #6255f9;
		border-bottom: dashed 1px #6255f9
	}

	.npf-process-item-2 {
		left: auto;
		right: 15%
	}

	.npf-process-item-3 {
		top: auto;
		left: auto;
		right: 15%;
		bottom: -30px
	}

	.npf-process-item-4 {
		top: auto;
		right: auto;
		left: -30px;
		bottom: -30px
	}
}

@media screen and (max-width:414px) {
	.npf-process-wrapper {
		margin-left: 30px;
		margin-right: 10px
	}
}

@media screen and (max-width:768px) {
	.npf-table-items {
		display: block;
		border: none;
		text-align: center
	}

	.npf-table-items tbody,.npf-table-items thead {
		display: inline
	}

	.npf-table-item {
		display: inline-block;
		width: 28%;
		vertical-align: top
	}

	.npf-table-item>td,.npf-table-item>th {
		display: block;
		height: 42px;
		width: auto;
		font-size: 12px
	}

	.npf-table-item>td .unit-text,.npf-table-item>th .unit-text {
		display: inline-block;
		vertical-align: middle;
		line-height: 1.5
	}

	.npf-table-item>td:before,.npf-table-item>th:before {
		content: '';
		display: inline-block;
		width: 0;
		height: 100%;
		vertical-align: middle
	}

	.npf-table-item-head {
		width: 16%
	}

	.npf-table-item-head>th {
		height: 42px;
		border-color: #fff
	}

	.npf-table-item-head>th:last-child {
		border-bottom-color: #e7e7e7
	}

	.npf-table-item>td:first-child,.npf-table-item>th:first-child {
		background-color: #e7e7e7;
		border-color: #fff
	}

	tbody .npf-table-item:last-child>td:first-child {
		border-color: #e7e7e7
	}

	.npf-table-item.weak td,.npf-table-item.weak th,.npf-table-item>td:first-child,.npf-table-item>th:first-child {
		color: #666
	}

	.npf-table .table-icon-down {
		background: url(../images/table-icon-down-retina@2x.png);
		-webkit-background-size: cover;
		background-size: cover
	}
}

@media screen and (max-width:768px) {
	.npf-speciality {
		margin-top: -60px
	}

	.npf-skin-blue .npf-speciality .qc-unit-1-3 .npf-speciality-head,.npf-skin-blue .npf-speciality-head,.npf-skin-lite-blue .npf-speciality .qc-unit-1-3 .npf-speciality-head,.npf-skin-lite-blue .npf-speciality-head,.npf-speciality .qc-unit-1-3 .npf-speciality-head,.npf-speciality-head {
		width: 48px;
		height: 48px;
		padding: 20px;
		border: 4px solid rgba(0,0,0,.04);
		background-image: none
	}

	.npf-speciality .qc-unit-1-3 .npf-speciality-img,.npf-speciality-img {
		padding: 0
	}

	.npf-speciality-img img {
		width: 48px;
		height: 48px
	}

	.npf-speciality .qc-unit-1-3 .text,.npf-speciality .text {
		padding: 0 5.8%
	}

	.npf-advantage .text {
		overflow: hidden
	}
}

@media screen and (max-width:639px) {
	.npf-speciality .qc-unit-1-3 {
		width: 100%
	}

	.npf-skin-blue .npf-speciality .qc-unit-1-3 .npf-speciality-head,.npf-skin-lite-blue .npf-speciality .qc-unit-1-3 .npf-speciality-head,.npf-speciality .qc-unit-1-3 .npf-speciality-head {
		width: 40px;
		height: 40px;
		padding: 17px;
		border: 2px solid rgba(0,0,0,.04);
		position: absolute
	}

	.npf-speciality .qc-unit-1-3 .npf-speciality-img {
		padding: 0
	}

	.npf-speciality .qc-unit-1-3 .npf-speciality-img img {
		width: 40px;
		height: 40px
	}

	.npf-speciality .qc-unit-1-3 .npf-speciality-body {
		padding-left: 88px
	}

	.npf-speciality .qc-unit-1-3 .npf-speciality-body h4 {
		text-align: left;
		font-size: 16px
	}

	.npf-speciality .qc-unit-1-3 .text {
		padding: 0;
		font-size: 14px
	}
}

@media screen and (max-width:414px) {
	.npf-skin-blue .npf-speciality-head,.npf-skin-lite-blue .npf-speciality-head,.npf-speciality-head {
		width: 40px;
		height: 40px;
		padding: 17px;
		border: 2px solid rgba(0,0,0,.04);
		position: absolute
	}

	.npf-speciality-img {
		padding: 0
	}

	.npf-speciality-img img {
		width: 40px;
		height: 40px
	}

	.npf-speciality-body {
		padding-left: 88px
	}

	.npf-speciality-body h4 {
		text-align: left;
		font-size: 16px
	}

	.npf-speciality .text {
		padding: 0;
		font-size: 14px
	}
}

@media screen and (max-width:414px) {
	.npf-advantage-head {
		position: absolute;
		width: 78px;
		height: 78px
	}

	.npf-advantage-icon {
		width: 50px;
		height: 50px;
		background-size: 50px 50px
	}

	.npf-advantage-body h4 {
		text-align: left;
		font-size: 16px
	}

	.npf-advantage-head img {
		margin-top: 24px;
		width: 40px;
		height: 40px
	}

	.npf-advantage .text {
		padding: 0;
		font-size: 14px
	}

	.npf-advantage-body {
		padding-left: 78px;
		padding-right: 10px
	}
}

@media screen and (max-width:768px) {
	.npf-unit-case {
		width: 25%
	}

	.carousel-case li:nth-child(4) {
		border-right: 0
	}
}

@media screen and (max-width:500px) {
	.npf-case .npf-mod-box img {
		width: 45px;
		height: 45px
	}
}

@media screen and (min-width:769px) {
	.npf-mod-wrap {
		min-width: 1000px
	}

	.carousel-case {
		min-width: 980px
	}
}

@media screen and (max-width:768px) {
	.carousel-case .case-item {
		width: 25%;
		height: auto
	}

	.carousel-case .case-item-body h4 {
		margin-top: 0;
		margin-bottom: 0;
		font-size: 16px
	}

	.case-wrap img {
		margin-top: 0;
		max-width: 90%;
		max-height: 90%
	}

	.carousel-case .case-item-head {
		height: 115px
	}

	.carousel-case .case-slide,.carousel-case .case-slide-point,.carousel-case li:hover .case-hover,.carousel-case:hover .case-slide {
		display: none
	}

	.case-list {
		height: 180px;
		overflow: hidden;
		width: 100% !important
	}
}

@media screen and (max-width:735px) {
	.carousel-case .case-item {
		padding: 0 0 25px
	}
}

@media screen and (max-width:540px) {
	.carousel-case .case-item {
		width: 50%
	}

	.carousel-case li {
		border-right: 0
	}

	.case-list {
		height: auto
	}

	.case-item-body {
		margin-top: 0
	}
}

@media screen and (max-width:414px) {
	.carousel-case .case-item {
		width: 50%;
		padding-bottom: 0;
		margin-bottom: 28px;
		border-right: none
	}

	.carousel-case .case-wrap .head-img {
		max-width: 70%;
		max-height: 70%
	}

	.carousel-case .case-item-head {
		height: 100px
	}

	.carousel-case .case-item-body h4 {
		margin-bottom: 5px
	}
}

@media screen and (max-width:1200px) {
	.npf-comparsion-table {
		width: 980px
	}
}

@media screen and (max-width:768px) {
	.npf-comparsion-table {
		width: 100%
	}

	.npf-comparsion-table .prev-text {
		display: none
	}
}

@media screen and (max-width:414px) {
	.npf-comparsion-table td>div {
		padding: 0 10px
	}

	.npf-comparsion-table th {
		height: 30px;
		font-size: 14px
	}

	.npf-comparsion-table th.stress-item>.gradient {
		top: -15px;
		line-height: 46px;
		height: 46px
	}

	.npf-comparsion-table .stress-last-item>div:after {
		height: 15px
	}
}

@media screen and (min-width:415px) and (max-width:768px) {
	.faq-list {
		margin-top: 50px
	}
}

@media screen and (max-width:414px) {
	.faq-list {
		margin-top: 20px
	}

	.faq-item-bd {
		padding-left: 42px
	}
}

@media screen and (max-width:768px) {
	.npf-apply.npf-mod-wrap .npf-mod-footer .btn {
		padding: 0 25px;
		font-size: 16px;
		height: 35px;
		line-height: 35px
	}
}

@media screen and (max-width:414px) {
	.npf-apply.npf-mod-wrap .npf-mod-footer .btn {
		height: 30px;
		line-height: 30px;
		font-size: 14px;
		padding: 0;
		margin-top: 20px
	}
}

@media screen and (max-width:500px) {
	.npf-apply.npf-mod-wrap .col2>li {
		width: 100%
	}
}

@media screen and (max-width:768px) {
	.npf-carousel,.npf-carousel .carousel-slide-area {
		height: auto
	}

	.npf-carousel .carousel-slide-box>.active,.npf-carousel .carousel-slide-box>li {
		display: list-item;
		border-top: 1px solid hsla(0,0%,100%,.5)
	}

	.npf-carousel .carousel-slide-box>li:first-child {
		border-top: 0
	}

	.npf-carousel .carousel-slide-box {
		margin-top: 0
	}

	.npf-carousel .carousel-slide-head {
		margin-top: 30px;
		height: auto
	}

	.npf-carousel .carousel-slide-body {
		padding-bottom: 30px;
		width: auto
	}

	.npf-carousel .carousel-slide-box img {
		max-width: 100%
	}

	.npf-carousel .carousel-point-slide,.npf-carousel .carousel-switch {
		display: none
	}

	.npf-carousel .carousel-lr-text-items {
		margin-top: 15px
	}
}

@media screen and (max-width:768px) {
	.npf-steps .npf-mod-content {
		margin-top: 50px
	}

	.npf-steps-box {
		display: block;
		width: 100%;
		margin-bottom: 50px;
		border-bottom: 1px solid #38abf7;
		padding-bottom: 30px
	}

	.npf-steps-box dt {
		display: none;
		margin-bottom: 30px
	}

	.npf-steps-box:last-child {
		border: 0
	}

	.npf-steps-box h3 {
		font-size: 20px
	}

	.npf-steps-box p {
		text-align: center;
		margin: 0 15%;
		width: auto
	}

	.npf-step-text {
		display: inline-block
	}
}

@media screen and (max-width:414px) {
	.npf-steps-box p {
		margin: 0
	}
}

@media screen and (min-width:769px) {
	.npf-framework {
		min-width: 1000px
	}

	.npf-framework .framework-inner {
		min-width: 980px
	}
}

@media screen and (max-width:768px) {
	.npf-framework {
		padding: 60px 0
	}

	.npf-framework .framework-inner {
		padding-left: 0;
		padding-right: 0;
		width: 100%
	}

	.npf-framework .framework-title {
		height: auto
	}

	.npf-framework .framework-title h3 {
		position: static;
		font-size: 30px;
		margin-left: 3.9%;
		margin-right: 3.9%;
		width: auto
	}

	.npf-framework .framework-title>span {
		font-size: 16px;
		margin-left: 3.9%;
		margin-right: 3.9%
	}

	.npf-framework .left-side {
		padding-top: 0;
		padding-bottom: 0;
		width: 100%
	}

	.npf-framework .framework-content {
		margin-right: 7.2%;
		margin-left: 7.2%
	}

	.npf-framework-tab {
		text-align: center;
		margin-bottom: 30px;
		width: 100%;
		display: table
	}

	.npf-framework-tab li {
		display: table-cell;
		padding-left: 2px
	}

	.npf-framework .fw-img,.npf-framework .right-bg,.npf-framework-tab .current .tab-item:after {
		display: none
	}

	.npf-framework .m-fw-img .img,.npf-framework-tab .tab-item {
		width: 100%
	}

	.npf-framework .framework-title .m-text,.npf-framework .m-fw-img,.npf-framework .m-tips {
		display: block
	}
}

@media screen and (max-width:700px) {
	.npf-framework {
		padding: 50px 0
	}
}

@media screen and (max-width:640px) {
	.npf-framework .framework-title h3 {
		font-size: 24px
	}
}

@media screen and (max-width:540px) {
	.npf-framework-tab .tab-item {
		font-size: 14px
	}
}

@media screen and (max-width:414px) {
	.npf-framework {
		padding: 40px 0
	}

	.npf-framework .framework-title h3 {
		font-size: 26px;
		line-height: 38px;
		margin-right: 7.2%;
		margin-left: 7.2%
	}

	.npf-framework .framework-title .m-text,.npf-framework .framework-title>span {
		margin-right: 7.2%;
		margin-left: 7.2%
	}

	.npf-framework-tab .tab-item {
		height: 50px;
		line-height: 50px
	}
}

#MAXIM {
	content: "tig20161209175137"
}