@font-face {
	font-family:bigviz;
	src:url(/font/bigviz.eot);
	src:url(/font/bigviz.eot?#iefix) format("embedded-opentype"),url(/font/bigviz.woff) format("woff"),url(/font/bigviz.ttf) format("truetype"),url(/font/bigviz.svg#bigviz) format("svg");
	font-weight:400;
	font-style:normal
}
body,html {
	width:100%;
	height:100%
}
.p-nav {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:65px;
	z-index:100
}
.p-nav>div {
	width:1200px;
	height:100%;
	margin:auto
}
.p-nav .u-logo {
	width:126px;
	height:36px;
	margin:14px 0 14px 16px
}
.p-nav .u-logo img {
	width:100%;
	height:100%
}
.p-nav ul {
	opacity:1;
	transform:scaleY(1);
	transform-origin:0 0;
	transition:opacity .5s ease-in-out,transform .5s ease-in-out
}
.p-nav ul.f-fl {
	margin-left:50px
}
.p-nav ul li {
	float:left;
	display:block;
	width:auto;
	height:64px;
	line-height:64px;
	padding:0 24px;
	text-align:center;
	cursor:pointer
}
.p-nav ul li a,.p-nav ul li span {
	display:block;
	position:relative;
	font-size:16px;
	color:#fff
}
.p-nav ul li a:hover {
	border-bottom:1px solid #fff
}
.p-nav ul li.active a {
	border-bottom:1px solid #fff
}
.p-nav ul li.about-us {
	width:66px
}
.p-nav ul li.phone {
	width:190px;
	padding:0 16px
}
.p-nav ul li.phone a span {
	display:inline-block;
	position:relative;
	top:3.5px;
	width:21px;
	height:21px;
	margin-right:8px;
	background:url(../images/index/phone.svg) no-repeat left center/20px
}
.p-nav ul li.phone a:hover {
	border-bottom:none
}
.p-nav ul li.try {
	width:148px;
	background-image:linear-gradient(90deg,#0293f2 3%,#0063fa 100%);
	height:65px;
	line-height:65px;
	padding:0 16px
}
.p-nav ul li.try a:hover {
	border-bottom:none
}
.p-nav ul li.try:hover {
	background:#005fff;
	background-image:linear-gradient(90deg,#007ccd 3%,#0053d3 100%)
}
.p-nav .showNavButton,.p-nav .sign {
	display:none
}
@media only screen and (max-width:1079px) and (min-width:769px) {
	.p-nav ul li.phone {
	display:none
}
}@media only screen and (max-width:888px) and (min-width:769px) {
	.p-nav ul li {
	padding:0 16px
}
.p-nav ul li.phone {
	width:180px
}
.p-nav ul li.try {
	width:122px;
	padding:0
}
}.m-drop-list {
	position:fixed;
	z-index:200;
	width:176px
}
.m-drop-list .placeholder {
	position:absolute;
	top:-69px;
	right:0;
	left:0;
	width:112px;
	height:70px;
	margin:0 auto
}
.m-drop-list .container {
	background-color:#1e222d;
	border-radius:3px
}
.m-drop-list .u-arrow {
	width:10px;
	height:10px;
	position:absolute;
	border-bottom:0;
	border-left:0;
	transform:rotate(-45deg);
	top:-5px;
	left:0;
	right:0;
	margin:0 auto;
	background:linear-gradient(225deg,#1e222d,#1e222d 50%,transparent 50%,transparent)
}
.m-drop-list li {
	min-width:80px;
	text-align:center
}
.m-drop-list li a {
	display:inline-block;
	width:100%;
	color:#fff;
	line-height:48px;
	padding:0 5px
}
.m-drop-list li:hover {
	background:#343c4f
}
#YSF-BTN-HOLDER {
	display:none
}
.m-net-monitor {
	display:block;
	position:fixed;
	right:0;
	top:50%;
	margin-top:-138px;
	box-sizing:border-box;
	width:67px;
	height:276px;
	z-index:100
}
.m-net-monitor .u-square {
	width:67px;
	height:99px;
	background:#2297e9;
	text-align:center;
	border-bottom:1px solid #1d7fc5;
	cursor:pointer
}
.m-net-monitor .u-square p {
	font-size:10px;
	color:#fff
}
.m-net-monitor .u-square img {
	width:27px;
	height:27px;
	margin-top:27px;
	margin-bottom:5px
}
.m-net-monitor .u-square-2:hover .u-content {
	opacity:1;
	transform:scale(1)
}
.m-net-monitor .u-square:hover {
	background-color:#1d7fc5
}
.m-net-monitor .u-content {
	position:absolute;
	top:5px;
	left:-275px;
	text-align:center;
	padding:20px 24px;
	border:1px solid #ddd;
	border-radius:4px;
	background:#fff;
	opacity:0;
	transform:scale(0);
	transition:transform .2s cubic-bezier(.78,.14,.42,1.28);
	cursor:auto
}
.m-net-monitor .u-content .u-tel-num {
	font-size:24px;
	color:#333;
	line-height:32px;
	padding-left:38px;
	position:relative;
	cursor:pointer
}
.m-net-monitor .u-content .u-tel-num:before {
	content:"";
	display:inline-block;
	width:27px;
	height:27px;
	background:url(../images/index/phone1.png) no-repeat center/cover;
	position:absolute;
	left:0;
	top:2.5px
}
.m-net-monitor .u-content .u-work {
	font-size:16px;
	color:#77848d;
	line-height:22px;
	margin-top:6px
}
.m-net-monitor .u-content .divide {
	width:100%;
	font-size:16px;
	color:#77848d;
	line-height:22px;
	text-align:center;
	margin-bottom:20px
}
.m-net-monitor .u-content .divide span {
	display:inline-block;
	width:calc(50% - 20px);
	height:1px;
	background:#ccc;
	position:relative;
	top:-4px
}
.m-net-monitor .u-content .contact-you {
	font-size:16px;
	line-height:22px;
	background:#198bfd;
	padding:8px 0;
	cursor:pointer
}
.m-net-monitor .u-content:after {
	content:"";
	display:block;
	position:absolute;
	width:6px;
	height:6px;
	background:#fff;
	transform:rotate(45deg);
	border-top:1px solid #ddd;
	border-right:1px solid #ddd;
	top:29.5px;
	right:-4px
}
@media only screen and (max-width:768px) {
	.m-net-monitor {
	top:auto;
	bottom:0;
	width:100%;
	margin-top:0;
	height:50px;
	overflow:visible
}
.m-net-monitor .u-square {
	float:left;
	width:50%;
	height:50px;
	line-height:50px;
	background-color:rgba(163,166,167,.63);
	border-bottom:0
}
.m-net-monitor .u-square:hover {
	background-color:#198bfd
}
.m-net-monitor .u-square p {
	display:inline-block;
	font-size:16px
}
.m-net-monitor .u-square img {
	width:25px;
	height:25px;
	margin:0 5px 0 0;
	position:relative;
	top:6px
}
.m-net-monitor .u-square-2 {
	margin:0;
	position:relative
}
.m-net-monitor .u-square-2:after {
	content:"";
	display:block;
	width:1px;
	height:20px;
	background:#fff;
	position:absolute;
	top:15px;
	right:0
}
.m-net-monitor .u-square-2:hover {
	background-color:rgba(163,166,167,.63)
}
.m-net-monitor .u-square-2:hover .u-content {
	opacity:0;
	transform:scale(0)
}
.m-net-monitor .u-square-2.active {
	background-color:#198bfd
}
.m-net-monitor .u-square-2.active .u-content {
	opacity:1;
	transform:scale(1)
}
.m-net-monitor .u-square-2.active:after {
	display:none
}
.m-net-monitor .u-content {
	top:auto;
	left:0;
	bottom:62px;
	padding:15px 0;
	width:200%
}
.m-net-monitor .u-content .u-tel-num {
	font-size:20px;
	line-height:28px;
	padding-left:0;
	margin-right:3px
}
.m-net-monitor .u-content .u-tel-num:before {
	content:"";
	width:25px;
	height:25px;
	margin-right:5px;
	position:relative;
	top:3.5px
}
.m-net-monitor .u-content .u-work {
	font-size:14px;
	color:#77848d;
	line-height:20px;
	margin:3px 0 5px;
	position:relative;
	top:-2px
}
.m-net-monitor .u-content .divide {
	display:block;
	color:#77848d;
	line-height:20px;
	margin-bottom:10px
}
.m-net-monitor .u-content .divide span {
	display:inline-block;
	width:calc(50% - 38px);
	height:1px;
	background:#999;
	position:relative;
	top:-4px
}
.m-net-monitor .u-content .contact-you {
	display:block;
	width:170px;
	margin:auto;
	font-size:14px;
	line-height:20px;
	background:#198bfd;
	padding:4px 0
}
.m-net-monitor .u-content:after {
	border-top:none;
	border-left:none;
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
	top:auto;
	right:auto;
	left:30px;
	bottom:-4px
}
}.p-container {
	width:100%;
	min-height:100%;
	position:relative;
	padding-bottom:338px
}
.p-ft {
	position:absolute;
	bottom:0;
	width:100%;
	background-color:#171a2a
}
.p-ft.z-contact {
	background:url(../images/ft-img.png) no-repeat center -238px #171a2a
}
.p-ft .u-ft {
	box-sizing:border-box;
	width:1200px;
	height:268px;
	margin:auto;
	padding:20px 0;
	overflow:hidden
}
.p-ft .u-ft .u-ft-lst {
	float:left;
	min-width:120px;
	margin-right:60px
}
.p-ft .u-ft .u-ft-lst h5 {
	margin-bottom:10px;
	font-size:16px;
	color:#fff;
	line-height:25px
}
.p-ft .u-ft .u-ft-lst a,.p-ft .u-ft .u-ft-lst p {
	line-height:20px;
	font-size:14px;
	margin-top:13px;
	color:#fff
}
.p-ft .u-ft .u-ft-lst5 {
	float:right
}
.p-ft .u-ft .u-forbid {
	cursor:text
}
.p-ft .m-cprt {
	background-color:#1d1d1d;
	text-align:center
}
.p-ft .m-cprt p {
	padding:15px 0;
	font-size:12px;
	color:rgba(255,255,255,.3);
	line-height:20px
}
.p-ft .m-cprt p a {
	color:rgba(255,255,255,.3)
}
@media only screen and (max-width:768px) {
	.p-container {
	padding-bottom:430px
}
.p-nav .u-logo {
	margin-left:20px
}
.p-nav>div {
	position:relative;
	width:100%
}
.p-nav .u-nav-f {
	position:absolute;
	width:100%;
	top:65px;
	opacity:0;
	transform:scaleY(0);
	transform-origin:0 0;
	border-bottom:none;
	transition:opacity .5s ease-in-out,transform .5s ease-in-out,background .5s ease-in-out
}
.p-nav .u-nav-f.open {
	background:#1c1e25!important;
	opacity:1;
	transform:scaleY(1);
	border-bottom:1px solid rgba(255,255,255,.3)
}
.p-nav ul {
	width:100%
}
.p-nav ul.f-fl {
	margin-left:0
}
.p-nav ul li {
	width:100%;
	height:50px;
	text-align:left;
	line-height:50px;
	border-bottom:1px #2b2b2e solid;
	padding-left:36px
}
.p-nav ul li .nav-icn {
	float:right;
	width:25px;
	height:25px;
	margin-top:12.5px
}
.p-nav ul li .nav-open {
	background:url(../images/arrow-up.svg) no-repeat center/cover
}
.p-nav ul li .nav-close {
	background:url(../images/arrow-down.svg) no-repeat center/cover
}
.p-nav ul li a,.p-nav ul li span {
	display:inline-block;
	width:100%
}
.p-nav ul li a:hover {
	border-bottom:none
}
.p-nav ul li.active a {
	border-bottom:none
}
.p-nav ul li.about-us {
	width:100%
}
.p-nav ul li.phone {
	width:100%
}
.p-nav ul li.try {
	display:none
}
.p-nav ul .nav-childList li {
	background-color:#202124;
	border-bottom:0;
	padding-left:56px
}
.p-nav.open {
	background:#1c1e25!important
}
.p-nav .sign {
	display:block;
	position:absolute;
	top:0;
	height:65px;
	line-height:65px;
	padding:0 10px;
	right:64px;
	background:#2a62ff;
	font-size:16px
}
.p-nav .sign a {
	color:#fff
}
.p-nav .showNavButton {
	display:block;
	position:absolute;
	top:0;
	right:0;
	overflow:visible;
	width:23px;
	height:23px;
	margin:20.5px
}
.p-nav .showNavButton i {
	display:block;
	height:3px;
	width:100%;
	background:#fff;
	border-radius:3px;
	box-shadow:0 0 1px #fff;
	transition:transform .5s ease-in-out,width .5s ease-in-out,transform-origin .5s ease-in-out
}
.p-nav .showNavButton i:nth-child(2) {
	margin:7px 0
}
.p-nav .showNavButton:active i {
	background:rgba(255,255,255,.8);
	box-shadow:0 0 1px rgba(255,255,255,.8) inset
}
.p-nav .showNavButton .close:nth-child(1) {
	transform:rotate(45deg);
	transform-origin:1px 1px;
	width:31px
}
.p-nav .showNavButton .close:nth-child(2) {
	width:0
}
.p-nav .showNavButton .close:nth-child(3) {
	transform:rotate(-45deg);
	transform-origin:1px 1px;
	width:31px
}
.p-ft .u-ft {
	width:100%;
	padding:20px 25px;
	height:360px
}
.p-ft .u-ft .u-ft-lst1,.p-ft .u-ft .u-ft-lst2,.p-ft .u-ft .u-ft-lst3 {
	margin-right:0;
	width:40%;
	min-width:0;
	height:180px;
	margin-bottom:20px
}
.p-ft .u-ft .u-ft-lst3 {
	border:0
}
.p-ft .u-ft .u-ft-lst2,.p-ft .u-ft .u-ft-lst3 {
	box-sizing:border-box;
	padding-left:30px
}
.p-ft .u-ft .u-ft-lst h5 {
	font-size:14px;
	margin-bottom:15px;
	color:#fff
}
.p-ft .u-ft .u-ft-lst a {
	font-size:12px
}
.p-ft .u-ft .u-ft-lst p {
	margin-top:8px;
	font-size:12px
}
.p-ft .u-ft .u-ft-lst4 {
	display:none
}
.p-ft .u-ft .u-ft-lst5 {
	text-align:left;
	position:relative;
	padding-top:10px;
	border-top:1px solid rgba(74,74,74,.5);
	width:100%;
	margin:0
}
.p-ft .u-ft .u-ft-lst5 h5 {
	margin-bottom:7px
}
.p-ft .u-ft #mammut-download {
	display:none
}
.p-ft .m-cprt {
	padding-left:20px;
	padding-right:20px;
	padding-bottom:50px
}
}@media only screen and (min-width:769px) and (max-width:1200px) {
	.p-nav>div {
	width:100%
}
.p-ft .u-ft {
	width:100%
}
.p-ft .u-ft .u-ft-lst {
	margin-right:20px
}
.p-ft .u-ft .u-ft-lst1 {
	margin-left:10px
}
.p-ft .u-ft .u-ft-lst2 {
	min-width:85px
}
}@media only screen and (min-width:769px) and (max-width:870px) {
	.p-ft .u-ft {
	width:100%
}
.p-ft .u-ft .u-ft-lst {
	margin-right:10px;
	min-width:110px
}
.p-ft .u-ft .u-ft-lst1 {
	min-width:95px
}
.p-ft .u-ft .u-ft-lst2 {
	min-width:85px
}
}@media screen and (max-width:469px) {
	.p-container {
	padding-bottom:450px
}
}@media screen and (max-width:393px) {
	.p-container {
	padding-bottom:470px
}
}.f-col-ct {
	display:block;
	width:100%;
	position:relative;
	overflow:hidden
}
.f-col-1 {
	float:left;
	width:8.333333%
}
.f-col-2 {
	float:left;
	width:16.666667%
}
.f-col-3 {
	float:left;
	width:25%
}
.f-col-4 {
	float:left;
	width:33.333333%
}
.f-col-5 {
	float:left;
	width:41.666667%
}
.f-col-6 {
	float:left;
	width:50%
}
.f-col-7 {
	float:left;
	width:58.333333%
}
.f-col-8 {
	float:left;
	width:66.666667%
}
.f-col-9 {
	float:left;
	width:75%
}
.f-col-10 {
	float:left;
	width:83.333333%
}
.f-col-11 {
	float:left;
	width:91.666667%
}
.f-col-12 {
	float:left;
	width:100%
}
.f-ft-48 {
	font-size:48px;
	color:#fff;
	line-height:67px
}
.f-ft-36 {
	font-size:36px;
	color:#333;
	line-height:50px
}
.f-ft-28 {
	font-size:28px;
	color:#000;
	line-height:40px
}
.f-ft-24 {
	font-size:24px;
	color:#000;
	line-height:33px
}
.f-ft-20 {
	font-size:20px;
	color:#fff;
	line-height:28px
}
.f-ft-18 {
	font-size:18px;
	color:#000;
	line-height:25px
}
.f-ft-16 {
	font-size:16px;
	color:#666;
	line-height:24px
}
.f-ft-14 {
	font-size:14px;
	color:#000;
	line-height:20px
}
.f-ft-12 {
	font-size:12px;
	color:#666;
	line-height:17px
}
.f-ft-32 {
	font-size:32px;
	color:#000;
	line-height:28px
}
.m-container {
	padding:70px 40px;
	width:1200px;
	margin:auto
}
@media only screen and (max-width:1200px) {
	.m-container {
	width:100%
}
}.m-banner {
	//height:668px;
	width:100%;
	position:relative;
	overflow:hidden
}
.m-banner .m-container {
	position:relative;
	left:0;
	height:100%;
	width:100%;
	padding:0;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex
}
.m-banner .slide-container {
	width:100%;
	height:100%;
	transition:left .5s;
	flex:none
}
.m-banner .slide-container-banner-link a {
	display:block;
	width:100%;
	height:100%;
	cursor:pointer
}
.m-banner .slide-container-intro {
	padding:70px 40px;
	padding-left:55px;
	background:url(../images/index/banner.jpg) no-repeat center/cover;
	left:100%
}
.m-banner .slide-container-intro div {
	height:100%;
	width:1200px;
	margin:auto
}
.m-banner .slide-container-intro h1 {
	margin:161px 0 12px
}
.m-banner .slide-container-ddb,.m-banner .slide-container-mammut,.m-banner .slide-container-ntsdb,.m-banner .slide-container-youdata {
	height:540px;
	background-size:auto 580px
}
.m-banner .slide-container-ddb .product-ct,.m-banner .slide-container-mammut .product-ct,.m-banner .slide-container-ntsdb .product-ct,.m-banner .slide-container-youdata .product-ct {
	width:1200px;
	margin:auto;
	padding-left:15px;
	overflow:hidden
}
@media only screen and (max-width:1200px) {
	.m-banner .slide-container-ddb .product-ct,.m-banner .slide-container-mammut .product-ct,.m-banner .slide-container-ntsdb .product-ct,.m-banner .slide-container-youdata .product-ct {
	width:100%
}
}@media only screen and (max-width:768px) {
	.m-banner .slide-container-ddb .product-ct,.m-banner .slide-container-mammut .product-ct,.m-banner .slide-container-ntsdb .product-ct,.m-banner .slide-container-youdata .product-ct {
	padding-left:0
}
}.m-banner .slide-container-ddb .u-info,.m-banner .slide-container-ddb .u-register,.m-banner .slide-container-mammut .u-info,.m-banner .slide-container-mammut .u-register,.m-banner .slide-container-ntsdb .u-info,.m-banner .slide-container-ntsdb .u-register,.m-banner .slide-container-youdata .u-info,.m-banner .slide-container-youdata .u-register {
	width:128px;
	color:#fff;
	display:inline-block;
	height:40px;
	line-height:40px;
	text-align:center;
	border-radius:3px
}
@media only screen and (max-width:768px) {
	.m-banner .slide-container-ddb .u-info,.m-banner .slide-container-ddb .u-register,.m-banner .slide-container-mammut .u-info,.m-banner .slide-container-mammut .u-register,.m-banner .slide-container-ntsdb .u-info,.m-banner .slide-container-ntsdb .u-register,.m-banner .slide-container-youdata .u-info,.m-banner .slide-container-youdata .u-register {
	vertical-align:top
}
}.m-banner .slide-container-ddb .u-info,.m-banner .slide-container-mammut .u-info,.m-banner .slide-container-ntsdb .u-info,.m-banner .slide-container-youdata .u-info {
	background-image:linear-gradient(90deg,#0293f2 3%,#0063fa 100%)
}
.m-banner .slide-container-ddb .u-info:hover,.m-banner .slide-container-mammut .u-info:hover,.m-banner .slide-container-ntsdb .u-info:hover,.m-banner .slide-container-youdata .u-info:hover {
	background-image:linear-gradient(90deg,#007ccd 3%,#0053d3 100%)
}
.m-banner .slide-container-ddb .u-register,.m-banner .slide-container-mammut .u-register,.m-banner .slide-container-ntsdb .u-register,.m-banner .slide-container-youdata .u-register {
	margin-left:24px;
	border:1px solid #fff;
	line-height:38px
}
.m-banner .slide-container-ddb .u-register:hover,.m-banner .slide-container-mammut .u-register:hover,.m-banner .slide-container-ntsdb .u-register:hover,.m-banner .slide-container-youdata .u-register:hover {
	background:#fff;
	color:#000
}
@media only screen and (max-width:1200px) {
	.m-banner .slide-container-ddb .product-ct,.m-banner .slide-container-mammut .product-ct,.m-banner .slide-container-ntsdb .product-ct,.m-banner .slide-container-youdata .product-ct {
	width:1200px
}
.m-banner .slide-container-ddb .product-ct>.f-fl,.m-banner .slide-container-mammut .product-ct>.f-fl,.m-banner .slide-container-ntsdb .product-ct>.f-fl,.m-banner .slide-container-youdata .product-ct>.f-fl {
	padding-left:50px
}
}.m-banner .slide-container-youdata {
	background:url(../images/banner-youdata.png) no-repeat center;
	background-color:#1c1f2e;
	width:100%
}
.m-banner .slide-container-youdata .product-ct>.f-fl {
	width:455px;
	margin:auto;
	color:#fff
}
.m-banner .slide-container-youdata .product-ct>.f-fl h1 {
	padding-top:150px;
	font-size:48px;
	font-weight:lighter;
	margin-bottom:24px
}
.m-banner .slide-container-youdata .product-ct>.f-fl p {
	line-height:33px;
	font-weight:lighter;
	margin-bottom:30px;
	max-width:455px;
	font-size:14px
}
.m-banner .slide-container-youdata .product-ct>.f-fl p.see-intro-video {
	padding-left:25px;
	cursor:pointer;
	background:url(../images/play.png) no-repeat left center/20px
}
.m-banner .slide-container-youdata .product-ct>.f-fr img {
	margin-top:120px
}
.m-banner .slide-container-youdata .see-intro-video {
	padding-left:25px;
	cursor:pointer;
	background:url(../images/play.png) no-repeat left center/20px
}
.m-banner .slide-container-youdata .intro-video-container {
	display:none;
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	background-color:rgba(0,0,0,.5);
	-webkit-box-pack:center;
	-moz-box-pack:center;
	-ms-flex-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
	align-items:center;
	z-index:100
}
.m-banner .slide-container-youdata .intro-video-container .item {
	position:relative
}
.m-banner .slide-container-youdata .intro-video-container video {
	width:973px;
	height:608px
}
@media only screen and (max-width:1000px) {
	.m-banner .slide-container-youdata .intro-video-container .item {
	width:90%;
	height:auto;
	margin:auto
}
.m-banner .slide-container-youdata .intro-video-container video {
	width:100%;
	height:auto
}
}.m-banner .slide-container-youdata .intro-video-container .close-video {
	position:absolute;
	top:-18px;
	right:-18px;
	width:36px;
	height:36px;
	background:url(../images/close-video.png) no-repeat center/cover;
	cursor:pointer;
	border-radius:18px
}
.m-banner .slide-container-youdata .intro-video-container .close-video:hover {
	background:url(../images/close-video.png) no-repeat center/cover,rgba(255,255,255,.1)
}
.m-banner .slide-container-youdata .u-youdata-login {
	height:50px;
	line-height:48px;
	border:1px solid #fff;
	color:#fff;
	text-align:center;
	display:inline-block;
	font-size:16px;
	width:110px
}
.m-banner .slide-container-youdata .u-youdata-login:hover {
	background:rgba(255,255,255,.05)
}
.m-banner .slide-container-youdata .dropdown {
	display:inline-block;
	position:relative;
	z-index:1
}
.m-banner .slide-container-youdata .dropdown .dropdown-content {
	display:none;
	position:absolute;
	top:50px;
	padding-top:5px
}
.m-banner .slide-container-youdata .dropdown .dropdown-content a {
	box-sizing:border-box;
	display:block;
	width:140px;
	height:50px;
	line-height:50px;
	background:#fff;
	text-align:center;
	color:#4a4a4a
}
.m-banner .slide-container-youdata .dropdown .dropdown-content a:first-child {
	border-bottom:1px solid #c2c2c2
}
.m-banner .slide-container-youdata .dropdown .dropdown-content a:hover {
	color:#247af6
}
@media only screen and (max-width:768px) {
	.m-banner .slide-container-youdata .product-ct {
	width:100%
}
.m-banner .slide-container-youdata .product-ct>.f-fl {
	width:100%;
	text-align:center;
	padding-left:0
}
.m-banner .slide-container-youdata .product-ct>.f-fl h1 {
	padding-top:0
}
.m-banner .slide-container-youdata .product-ct>.f-fl p {
	margin-left:auto;
	margin-right:auto
}
.m-banner .slide-container-youdata .product-ct>.f-fr {
	display:none
}
.m-banner .slide-container-youdata .see-intro-video {
	display:none
}
}@media only screen and (max-width:414px) {
	.m-banner .slide-container-youdata {
	height:438px
}
.m-banner .slide-container-youdata .product-ct>.f-fl p {
	max-width:500px;
	width:100%;
	padding:0 30px;
	font-size:14px
}
.m-banner .slide-container-youdata .dropdown1,.m-banner .slide-container-youdata .u-youdata-login {
	display:none
}
}.m-banner .slide-container-ddb,.m-banner .slide-container-mammut,.m-banner .slide-container-ntsdb {
	overflow:hidden
}
.m-banner .slide-container-ddb .f-fl h1,.m-banner .slide-container-mammut .f-fl h1,.m-banner .slide-container-ntsdb .f-fl h1 {
	font-size:48px;
	font-weight:lighter;
	color:#fff;
	margin-bottom:24px;
	padding-top:180px
}
.m-banner .slide-container-ddb .f-fl p,.m-banner .slide-container-mammut .f-fl p,.m-banner .slide-container-ntsdb .f-fl p {
	line-height:33px;
	font-weight:lighter;
	margin:0 auto 30px;
	max-width:455px;
	color:#fff;
	font-size:14px
}
.m-banner .slide-container-ddb img,.m-banner .slide-container-mammut img,.m-banner .slide-container-ntsdb img {
	margin-top:50px
}
@media only screen and (max-width:768px) {
	.m-banner .slide-container-ddb .product-ct,.m-banner .slide-container-mammut .product-ct,.m-banner .slide-container-ntsdb .product-ct {
	width:100%
}
.m-banner .slide-container-ddb .product-ct>.f-fl,.m-banner .slide-container-mammut .product-ct>.f-fl,.m-banner .slide-container-ntsdb .product-ct>.f-fl {
	width:100%;
	text-align:center;
	padding-left:0
}
.m-banner .slide-container-ddb .product-ct>.f-fl h1,.m-banner .slide-container-mammut .product-ct>.f-fl h1,.m-banner .slide-container-ntsdb .product-ct>.f-fl h1 {
	padding-top:0
}
.m-banner .slide-container-ddb .product-ct>.f-fl p,.m-banner .slide-container-mammut .product-ct>.f-fl p,.m-banner .slide-container-ntsdb .product-ct>.f-fl p {
	margin-left:auto;
	margin-right:auto
}
.m-banner .slide-container-ddb .product-ct>.f-fr,.m-banner .slide-container-mammut .product-ct>.f-fr,.m-banner .slide-container-ntsdb .product-ct>.f-fr {
	display:none
}
.m-banner .slide-container-ddb .see-intro-video,.m-banner .slide-container-mammut .see-intro-video,.m-banner .slide-container-ntsdb .see-intro-video {
	display:none
}
}@media only screen and (max-width:414px) {
	.m-banner .slide-container-ddb,.m-banner .slide-container-mammut,.m-banner .slide-container-ntsdb {
	height:438px
}
.m-banner .slide-container-ddb .product-ct>.f-fl p,.m-banner .slide-container-mammut .product-ct>.f-fl p,.m-banner .slide-container-ntsdb .product-ct>.f-fl p {
	max-width:500px;
	width:100%;
	padding:0 30px;
	font-size:14px
}
.m-banner .slide-container-ddb .dropdown1,.m-banner .slide-container-ddb .u-youdata-login,.m-banner .slide-container-mammut .dropdown1,.m-banner .slide-container-mammut .u-youdata-login,.m-banner .slide-container-ntsdb .dropdown1,.m-banner .slide-container-ntsdb .u-youdata-login {
	display:none
}
}@media only screen and (max-width:414px) {
	.m-banner .slide-container-ddb .f-fl p {
	margin-bottom:0
}
}.m-banner .slide-container-mammut {
	background:url(../images/banner-mutt.png) no-repeat center;
	background-color:#1c1f2e
}
.m-banner .slide-container-ntsdb {
	background:url(../images/banner-ntsdb.png) no-repeat center;
	background-color:#1c1f2e
}
.m-banner .slide-container-ddb {
	background:url(../images/banner-ddb.png) no-repeat center;
	background-color:#1c1f2e
}
@media only screen and (max-width:414px) {
	.m-banner .slide-container {
	background:#1c1f2e
}
}.m-banner .slide-button-container {
	position:absolute;
	bottom:168px;
	left:50%;
	transform:translateX(-50%);
	margin:auto;
	z-index:10;
	overflow:hidden
}
@media only screen and (max-width:768px) {
	.m-banner .slide-button-container {
	bottom:60px
}
}.m-banner .slide-button-container .slide-button {
	display:block;
	float:left;
	height:3px;
	background:#ccc;
	background-clip:content-box;
	width:30px;
	transition:width .5s;
	cursor:pointer;
	margin-right:10px
}
.m-banner .slide-button-container .slide-button:last-child {
	margin-right:0
}
.m-banner .slide-button-container .slide-button.active {
	width:40px;
	background:#fff;
	background-clip:content-box
}
@media only screen and (max-width:768px) {
	.m-banner {
	height:438px
}
.m-banner .m-container {
	padding:0;
	text-align:center
}
.m-banner .m-container h1 {
	margin:110px 0 8px;
	font-size:30px;
	line-height:42px
}
.m-banner .m-container p {
	font-size:16px;
	line-height:22px
}
.m-banner .slide-container-intro {
	padding:0;
	background:url(../images/index/banner.jpg) no-repeat 70% center/auto 100%
}
.m-banner .slide-container-intro div {
	height:100%;
	width:100%;
	margin:auto
}
}.m-news {
	position:absolute;
	bottom:0;
	width:100%;
	background:#262c38
}
.m-news .news-container {
	width:1200px;
	height:128px;
	margin:0 auto
}
@media only screen and (max-width:1200px) {
	.m-news .news-container {
	width:auto
}
}.m-news .news-container .news {
	position:relative;
	float:left;
	width:25%;
	height:100%;
	color:#fff;
	padding:17px 20px 0;
	line-height:30px
}
.m-news .news-container .news h3 {
	font-size:16px;
	margin-bottom:14px
}
@media only screen and (max-width:1000px) {
	.m-news .news-container .news h3 {
	margin-bottom:7px
}
}.m-news .news-container .news p {
	line-height:24px
}
.m-news .news-container .news+.news:after {
	content:" ";
	height:100%;
	width:1px;
	position:absolute;
	left:0;
	top:0;
	opacity:.94;
	background-image:linear-gradient(-172deg,rgba(60,61,64,.7) 0,rgba(33,34,43,0) 100%)
}
.m-news .news-container .news.active,.m-news .news-container .news:hover {
	background:rgba(84,84,84,.17)
}
@media only screen and (max-width:768px) {
	.m-news {
	display:none
}
}.m-feature h2.f-ft-28 {
	line-height:40px;
	color:#2e394f;
	margin-bottom:10px
}
.m-feature p.f-ft-16 {
	color:#001b00;
	line-height:32px;
	margin-bottom:49px
}
.m-feature .m-common-tab {
	width:100%;
	background-color:transparent;
	height:120px
}
.m-feature .m-common-tab .tab-item {
	float:left;
	position:relative;
	width:20%;
	height:100%;
	padding-top:44px;
	padding-left:25px
}
.m-feature .m-common-tab .tab-item.active {
	background-image:linear-gradient(-180deg,rgba(2,187,250,0) 0,rgba(1,133,244,.06) 100%)
}
.m-feature .m-common-tab .tab-item.active:after {
	background:#0d7ad6
}
.m-feature .m-common-tab .tab-item img {
	width:45px;
	height:45px;
	vertical-align:middle;
	margin-right:10px
}
.m-feature .m-common-tab .tab-item .txt {
	vertical-align:middle;
	display:inline-block
}
.m-feature .m-common-tab .tab-item .txt span {
	opacity:.6;
	font-size:12px;
	color:#2e394f
}
.m-feature .m-common-tab .tab-item .txt h3 {
	font-size:18px;
	color:#2e394f;
	margin-top:4px;
	line-height:25px
}
.m-feature .m-common-tab .tab-item:after {
	content:" ";
	width:100%;
	height:2px;
	display:block;
	position:absolute;
	left:0;
	bottom:-1px
}
@media only screen and (max-width:1000px) {
	.m-feature .m-common-tab .tab-item {
	padding:0;
	text-align:center
}
.m-feature .m-common-tab .tab-item img {
	margin-right:0
}
.m-feature .m-common-tab .tab-item .txt {
	width:100%
}
}.m-feature .m-common-content {
	background:#fff;
	border:1px solid #dfe3e9;
	box-shadow:0 2px 4px 0 rgba(0,0,0,.08);
	border-radius:3px;
	overflow:hidden
}
.m-feature .m-common-content .content-item {
	display:none
}
@media only screen and (max-width:768px) {
	.m-feature .m-common-content .content-item {
	padding-top:0
}
}.m-feature .m-common-content .content-item.active {
	display:block
}
.m-feature .m-common-content .content-item .part {
	float:left;
	width:50%;
	height:86px;
	margin-top:60px;
	padding-left:71px
}
.m-feature .m-common-content .content-item .part img {
	height:48px;
	width:48px;
	margin-right:20px;
	vertical-align:top
}
.m-feature .m-common-content .content-item .part h3 {
	display:inline-block;
	font-size:20px;
	color:#2e394f;
	line-height:22px
}
.m-feature .m-common-content .content-item .part p {
	width:398px;
	color:#2e394f;
	line-height:24px;
	margin-left:65px;
	margin-top:-10px
}
@media only screen and (max-width:1200px) {
	.m-feature .m-common-content .content-item .part {
	padding-left:30px
}
.m-feature .m-common-content .content-item .part p {
	width:auto
}
}@media only screen and (max-width:768px) {
	.m-feature .m-common-content .content-item .part {
	height:108px
}
}@media only screen and (max-width:700px) {
	.m-feature .m-common-content .content-item .part img {
	display:none
}
.m-feature .m-common-content .content-item .part p {
	margin-top:10px;
	margin-left:0
}
}.m-feature .m-common-content .content-item .footer {
	background:rgba(235,237,239,.2);
	float:left;
	width:100%;
	margin-top:53px;
	text-align:center;
	padding:16px
}
.m-feature .m-common-content .content-item .footer a {
	width:381px;
	height:48px;
	background:#fff;
	border:1px solid #dfe3e9;
	box-shadow:0 2px 4px 0 rgba(0,0,0,.08);
	border-radius:3px;
	color:#185de3;
	display:inline-block;
	line-height:46px
}
@media only screen and (max-width:700px) {
	.m-feature .m-common-content .content-item .footer a {
	width:240px
}
}@media only screen and (max-width:760px) {
	.m-feature .m-container {
	padding:0;
	overflow:hidden;
	padding-bottom:64px
}
.m-feature h2.f-ft-28 {
	padding:70px 40px 0
}
.m-feature p.f-ft-16 {
	padding:0 40px
}
.m-feature .m-tab {
	position:relative
}
.m-feature .m-common-tab {
	height:auto
}
.m-feature .m-common-tab .tab-item {
	width:100%;
	z-index:1;
	border-top:1px solid #d9d9d9;
	height:116px;
	padding:35px 48px;
	text-align:left
}
.m-feature .m-common-tab .tab-item:last-of-type {
	border-bottom:2px solid #dfdfdf
}
.m-feature .m-common-tab .tab-item img {
	width:40px;
	height:40px;
	margin-right:18px
}
.m-feature .m-common-tab .tab-item .txt {
	width:auto
}
.m-feature .m-common-tab .tab-item .txt h3,.m-feature .m-common-tab .tab-item .txt span {
	float:left;
	vertical-align:top;
	margin-top:0;
	font-size:28px;
	line-height:normal;
	color:#000;
	opacity:1
}
.m-feature .m-common-tab .tab-item .txt h3 i,.m-feature .m-common-tab .tab-item .txt span i {
	display:none
}
.m-feature .m-common-tab .tab-item.active {
	margin-bottom:469px;
	border-bottom:2px #dfdfdf dashed;
	background:0 0
}
.m-feature .m-common-tab .tab-item.active .txt h3,.m-feature .m-common-tab .tab-item.active .txt span {
	color:#185de3
}
.m-feature .m-common-tab .tab-item.active:after {
	border-bottom:none;
	border-left:none;
	border-right:4px solid #185de3;
	border-top:4px solid #185de3;
	background:0 0;
	top:47px
}
.m-feature .m-common-tab .tab-item:after {
	content:"";
	border:4px solid #7f7f7f;
	width:21px;
	height:21px;
	top:35px;
	transform:rotate(-45deg);
	border-top:none;
	border-right:none;
	right:48px;
	left:auto;
	bottom:auto
}
.m-feature .m-common-content {
	position:absolute;
	top:0;
	border:0
}
.m-feature .m-common-content .content-item {
	display:block;
	overflow:hidden;
	min-height:116px
}
.m-feature .m-common-content .content-item>div {
	display:none
}
.m-feature .m-common-content .content-item.active {
	margin-top:116px
}
.m-feature .m-common-content .content-item.active>div {
	display:block;
	padding-right:30px
}
}@media only screen and (max-width:526px) {
	.m-feature .m-common-tab .tab-item {
	height:80px;
	padding:20px 28px
}
.m-feature .m-common-tab .tab-item img {
	width:36px;
	height:36px;
	margin-right:10px
}
.m-feature .m-common-tab .tab-item .txt h3,.m-feature .m-common-tab .tab-item .txt span {
	font-size:18px
}
.m-feature .m-common-tab .tab-item.active {
	margin-bottom:544px
}
.m-feature .m-common-tab .tab-item.active:after {
	top:34px;
	border-width:3px
}
.m-feature .m-common-tab .tab-item:after {
	width:14px;
	height:14px;
	top:23px;
	right:28px;
	border-width:3px
}
.m-feature .m-common-content .content-item {
	min-height:80px
}
.m-feature .m-common-content .content-item.active {
	margin-top:80px
}
.m-feature .m-common-content .content-item .part {
	width:100%;
	height:auto;
	margin-top:36px
}
.m-feature .m-common-content .content-item .part p {
	height:48px
}
.m-feature .m-common-content .content-item .footer {
	margin-top:0
}
}.m-services {
	background-color:#f8f9fd
}
.m-services .m-container {
	padding:88px 0 64px
}
.m-services .m-container h2 {
	margin-bottom:48px;
	color:#333;
	letter-spacing:1.56px
}
.m-services .m-container .service-list {
	background:#fff;
	border:1px solid #dfe3e9;
	box-shadow:0 2px 4px 0 rgba(0,0,0,.08);
	border-radius:3px;
	height:380px
}
.m-services .m-container .service-list .service-item {
	float:left;
	width:25%;
	height:100%;
	border-right:1px solid #f7f7f7
}
.m-services .m-container .service-list .service-item .service-up {
	height:206px;
	overflow:hidden
}
.m-services .m-container .service-list .service-item .service-up .service-icon {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-moz-box-pack:center;
	-ms-flex-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
	align-items:center;
	width:100%;
	height:51px;
	margin:64px 0 34px
}
.m-services .m-container .service-list .service-item .service-up .service-icon>div {
	width:80px;
	height:80px
}
.m-services .m-container .service-list .service-item .service-up .service-icon-1 div {
	background:url(../images/index/service-1.svg) no-repeat
}
.m-services .m-container .service-list .service-item .service-up .service-icon-2 div {
	background:url(../images/index/service-2.svg) no-repeat
}
.m-services .m-container .service-list .service-item .service-up .service-icon-3 div {
	background:url(../images/index/service-3.svg) no-repeat
}
.m-services .m-container .service-list .service-item .service-up .service-icon-4 div {
	background:url(../images/index/service-4.svg) no-repeat
}
.m-services .m-container .service-list .service-item .service-up .service-icon-5 div {
	background:url(../images/index/service-5.svg) no-repeat
}
.m-services .m-container .service-list .service-item .service-up h3 {
	position:relative;
	font-size:22px;
	color:#333;
	letter-spacing:1px
}
.m-services .m-container .service-list .service-item .service-up h3:after {
	content:" ";
	position:absolute;
	width:32px;
	height:2px;
	background:#a0acbe;
	bottom:-26px;
	left:0;
	right:0;
	margin:0 auto
}
.m-services .m-container .service-list .service-item .service-down {
	text-align:center;
	margin-top:32px;
	font-size:16px;
	line-height:30px
}
.m-services .m-container .service-list .service-item:last-of-type {
	border-right:0
}
@media only screen and (max-width:768px) {
	.m-services .m-container .service-list {
	height:auto;
	overflow:hidden;
	border-bottom:0
}
.m-services .m-container .service-list .service-item {
	width:50%;
	padding-bottom:20px;
	border-bottom:1px solid #f7f7f7
}
}.m-scrollview {
	position:relative;
	width:100%;
	overflow:hidden
}
.m-scrollview .slide-wrapper {
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	height:100%;
	overflow:visible;
	white-space:nowrap;
	font-size:0
}
.m-scrollview .scroll-slide {
	display:inline-block;
	position:relative;
	overflow:hidden;
	width:100%;
	height:100%;
	flex-shrink:0
}
.m-case {
	overflow:hidden;
	height:675px;
	background-color:#2c2e36
}
.m-case .g-c-bd {
	position:relative;
	max-width:1180px;
	padding:0 10px;
	margin:0 auto
}
.m-case .businesses-bd {
	position:absolute;
	z-index:2;
	width:1180px;
	padding-top:68px;
	margin:0 auto
}
.m-case .businesses-bd h2 {
	font-size:36px;
	color:#f6f8fa;
	letter-spacing:0;
	text-align:center;
	line-height:36px
}
.m-case .businesses-bd .m-solution-desc {
	margin-top:16px;
	color:#fff;
	letter-spacing:0;
	text-align:center;
	line-height:22px
}
.m-case .m-scrollview {
	height:675px
}
.m-case .scroll-slide {
	opacity:0;
	position:absolute;
	-webkit-transition:opacity .3s ease-in-out;
	-moz-transition:opacity .3s ease-in-out;
	transition:opacity .3s ease-in-out
}
.m-case .scroll-slide.active {
	opacity:1;
	z-index:1
}
.m-case .scroll-slide.slide0 {
	background-image:url(../images/solution/finance/banner.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover
}
.m-case .scroll-slide.slide1 {
	background-image:url(../images/solution/retail/banner.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover
}
.m-case .scroll-slide.slide2 {
	background-image:url(../images/solution/industry/banner.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover
}
.m-case .m-solution-business {
	height:675px;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding-top:192px
}
.m-case .m-solution-business .business-bd {
	margin-left:280px;
	width:820px;
	padding:48px 15px 0 98px;
	overflow:hidden
}
.m-case .m-solution-business .business-bd .solution-h4 {
	font-size:26px;
	color:#fff;
	line-height:26px
}
.m-case .m-solution-business .business-bd .solution-item-desc {
	white-space:pre-wrap;
	margin-top:24px;
	font-size:14px;
	color:#fff;
	text-align:justify;
	line-height:22px
}
.m-case .m-solution-business .business-bd .m-solution-link {
	display:inline-block;
	height:44px;
	text-align:center;
	line-height:44px;
	color:#fefefe;
	font-size:16px;
	margin-top:38px;
	background:#3374f2;
	border-radius:2px;
	width:128px
}
.m-case .m-solution-business .business-bd .m-solution-link:hover {
	background:#005fff
}
.m-case .m-solution-business .business-bd .solution-line {
	width:100%;
	height:1px;
	background-color:#65666b;
	margin-top:36px
}
.m-case .control-wrapper {
	max-width:280px;
	position:absolute;
	top:-675px;
	left:10px;
	z-index:3;
	height:600px
}
.m-case .scroll-pager {
	margin:0!important;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding-top:192px;
	width:280px;
	z-index:3
}
.m-case .scroll-pager .active .pager-link {
	background:rgba(0,0,0,.6)
}
.m-case .scroll-pager .pager-link {
	transition:all .2s ease-in-out;
	height:100px;
	line-height:100px;
	text-align:center;
	font-size:16px;
	color:#fff;
	background:#323945;
	border-radius:2px;
	border-bottom:1px solid #1e2531
}
.m-case .scroll-pager .pager-link.active {
	background:#185de3
}
.m-case .scroll-pager .pager-link:last-child {
	border-bottom:0
}
@media only screen and (max-width:1200px) {
	.m-case .businesses-bd {
	width:100%
}
.m-case .m-solution-business .business-bd {
	width:auto;
	margin-left:160px
}
.m-case .control-wrapper .scroll-pager {
	width:200px
}
}@media only screen and (max-width:768px) {
	.m-case .g-c-bd {
	padding:0
}
.m-case .businesses-bd {
	padding:68px 10px 0 10px
}
.m-case .businesses-bd h2 {
	font-size:28px
}
.m-case .businesses-bd h2 span {
	display:none
}
.m-case .m-solution-business .business-bd {
	margin-left:0;
	padding:110px 50px 0
}
.m-case .m-solution-business .business-bd .m-solution-link {
	margin:8px auto 0;
	display:block
}
.m-case .control-wrapper {
	left:0;
	right:0;
	max-width:none;
	width:auto;
	margin:0 40px
}
.m-case .control-wrapper .scroll-pager {
	width:auto;
	margin-top:200px!important;
	padding:0;
	background:#323945;
	border-radius:30px;
	font-size:0
}
.m-case .control-wrapper .scroll-pager .pager-link {
	display:inline-block;
	height:60px;
	line-height:60px;
	width:33.333%;
	border:0;
	border-radius:0;
	background-clip:content-box;
	position:relative;
	transition:all 0s
}
.m-case .control-wrapper .scroll-pager .pager-link span {
	display:none
}
.m-case .control-wrapper .scroll-pager .pager-link:after,.m-case .control-wrapper .scroll-pager .pager-link:before {
	content:" ";
	width:30px;
	height:100%;
	position:absolute;
	top:0;
	background:#323945;
	z-index:-1
}
.m-case .control-wrapper .scroll-pager .pager-link:before {
	left:0
}
.m-case .control-wrapper .scroll-pager .pager-link:after {
	right:0
}
.m-case .control-wrapper .scroll-pager .pager-link:first-child {
	padding-left:29px
}
.m-case .control-wrapper .scroll-pager .pager-link:first-child:before {
	border-top-left-radius:30px;
	border-bottom-left-radius:30px
}
.m-case .control-wrapper .scroll-pager .pager-link:last-child {
	padding-right:29px
}
.m-case .control-wrapper .scroll-pager .pager-link:last-child:after {
	border-top-right-radius:30px;
	border-bottom-right-radius:30px
}
.m-case .control-wrapper .scroll-pager .pager-link.active {
	padding:0 29px
}
.m-case .control-wrapper .scroll-pager .pager-link.active:after,.m-case .control-wrapper .scroll-pager .pager-link.active:before {
	background:#185de3;
	z-index:1
}
.m-case .control-wrapper .scroll-pager .pager-link.active:after {
	border-top-right-radius:30px;
	border-bottom-right-radius:30px
}
.m-case .control-wrapper .scroll-pager .pager-link.active:before {
	border-top-left-radius:30px;
	border-bottom-left-radius:30px
}
}@media only screen and (max-width:526px) {
	.m-case .control-wrapper .scroll-pager .pager-link {
	height:50px;
	line-height:50px
}
}.see-more {
	display:block;
	width:135px;
	height:40px;
	margin:48px auto 0;
	padding:10px 0;
	color:#4575e6;
	background:#fff;
	border:1px solid #4575e6;
	transition:all .2s ease-in-out
}
.see-more:hover {
	color:#fff;
	background:#4575e6
}
.see-more-group {
	margin-top:48px;
	text-align:center
}
.see-more-group .see-more {
	display:inline-block;
	margin:auto 15px auto
}
@keyframes scaleFrom0To1 {
	0% {
	opacity:1;
	transform:scale(.5)
}
100% {
	opacity:1;
	transform:scale(.8)
}
}.f-col-1 {
	float:left;
	width:8.333333%
}
.f-col-2 {
	float:left;
	width:16.666667%
}
.f-col-3 {
	float:left;
	width:25%
}
.f-col-4 {
	float:left;
	width:33.333333%
}
.f-col-5 {
	float:left;
	width:41.666667%
}
.f-col-6 {
	float:left;
	width:50%
}
.f-col-7 {
	float:left;
	width:58.333333%
}
.f-col-8 {
	float:left;
	width:66.666667%
}
.f-col-9 {
	float:left;
	width:75%
}
.f-col-10 {
	float:left;
	width:83.333333%
}
.f-col-11 {
	float:left;
	width:91.666667%
}
.f-col-12 {
	float:left;
	width:100%
}
.m-custom .m-container {
	overflow:hidden;
	position:relative;
	padding:20px 0 30px 0
}
.m-custom .m-container h2 {
	margin-bottom:26px;
	color:#333
}
.m-custom .m-container .logos {
	width:1180px;
	height:220px;
	margin:auto;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	justify-content:space-between
}
.m-custom .m-container .logos .logo {
	flex:none;
	width:280px;
	height:100px;
	padding:6px;
	border:1px solid #dedee0;
	background-clip:content-box;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-moz-box-pack:center;
	-ms-flex-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
	align-items:center;
	transition:all .3s ease-in-out;
	background-repeat:no-repeat;
	background-position:center;
	background-size:50% auto
}
.m-custom .m-container .logos .logo-1 {
	background-image:url(../images/index/logos/1-1.png)
}
.m-custom .m-container .logos .logo-2 {
	background-image:url(../images/index/logos/1-2.png)
}
.m-custom .m-container .logos .logo-3 {
	background-image:url(../images/index/logos/1-3.png)
}
.m-custom .m-container .logos .logo-4 {
	background-image:url(../images/index/logos/1-4.png)
}
.m-custom .m-container .logos .logo-5 {
	background-image:url(../images/index/logos/2-1.png)
}
.m-custom .m-container .logos .logo-6 {
	background-image:url(../images/index/logos/2-2.png)
}
.m-custom .m-container .logos .logo-7 {
	background-image:url(../images/index/logos/2-3.png)
}
.m-custom .m-container .logos .logo-8 {
	background-image:url(../images/index/logos/2-4.png)
}
.m-custom .m-container .logos .logo {
	background-size:auto 75%
}
.m-custom .m-container .logos .logo-7 {
	background-size:auto 60%
}
@media only screen and (max-width:1200px) {
	.m-custom .m-container .logos {
	width:885px;
	height:160px
}
.m-custom .m-container .logos .logo {
	width:210px;
	height:75px
}
}@media only screen and (max-width:900px) {
	.m-custom .m-container .logos {
	width:590px;
	height:170px
}
.m-custom .m-container .logos .logo {
	width:140px;
	height:50px
}
}@media only screen and (max-width:768px) {
	.m-custom .m-container {
	padding:60px 0 120px
}
.m-custom .m-container h2 {
	font-size:22px;
	line-height:31px;
	color:#333;
	margin-bottom:48px
}
.m-custom .m-container .logs log:active {
	animation:scaleFrom0To1 .5s ease-in-out
}
.m-custom .m-container .see-case-more {
	bottom:40px
}
}@media only screen and (max-width:600px) {
	.m-custom .m-container .logos {
	width:354px;
	height:340px
}
}.m-custom .slide-container {
	position:relative;
	width:400%;
	left:0;
	transition:left .5s
}
.m-custom .slide-container .slide-box {
	width:calc(25%);
	float:left
}
.m-custom #slideLogoButtons .slide-button {
	position:absolute;
	cursor:pointer
}
.m-custom #slideLogoButtons .slide-button-left {
	left:20px;
	top:50%
}
.m-custom #slideLogoButtons .slide-button-right {
	right:20px;
	top:50%
}
.m-custom .see-case-more {
	position:absolute;
	left:0;
	bottom:70px;
	width:100%
}
.m-custom1 {
	background:#f5f6f7
}
.m-custom1 .m-container {
	overflow:hidden;
	position:relative;
	padding-bottom:98px
}
.m-custom1 .m-container h2 {
	margin-bottom:64px
}
.m-custom1 .m-container .logos {
	width:1180px;
	margin:auto;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	border-top:1px solid #e6e6e6;
	border-left:1px solid #e6e6e6
}
.m-custom1 .m-container .logos .logo {
	flex:none;
	width:193.249px;
	height:90px;
	background:#fafafa;
	background-clip:content-box;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-moz-box-pack:center;
	-ms-flex-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
	align-items:center;
	transition:all .3s ease-in-out;
	background-repeat:no-repeat;
	background-position:center;
	background-size:50% auto;
	border-right:1px solid #e6e6e6;
	border-bottom:1px solid #e6e6e6
}
.m-custom1 .m-container .logos .logo-1 {
	background-image:url(../images/index/logos/1-2.png)
}
.m-custom1 .m-container .logos .logo-2 {
	background-image:url(../images/index/logos/2-2.png)
}
.m-custom1 .m-container .logos .logo-3 {
	background-image:url(../images/index/logos/3-2.png)
}
.m-custom1 .m-container .logos .logo-4 {
	background-image:url(../images/index/logos/4-2.png)
}
.m-custom1 .m-container .logos .logo-5 {
	background-image:url(../images/index/logos/5-2.png)
}
.m-custom1 .m-container .logos .logo-6 {
	background-image:url(../images/index/logos/6-2.png)
}
.m-custom1 .m-container .logos .logo-7 {
	background-image:url(../images/index/logos/7-2.png)
}
.m-custom1 .m-container .logos .logo-8 {
	background-image:url(../images/index/logos/8-2.png)
}
.m-custom1 .m-container .logos .logo-9 {
	background-image:url(../images/index/logos/9-2.png)
}
.m-custom1 .m-container .logos .logo-10 {
	background-image:url(../images/index/logos/10-2.png)
}
.m-custom1 .m-container .logos .logo-11 {
	background-image:url(../images/index/logos/11-2.png)
}
.m-custom1 .m-container .logos .logo-12 {
	background-image:url(../images/index/logos/12-2.png)
}
.m-custom1 .m-container .logos .logo-13 {
	background-image:url(../images/index/logos/13-2.png)
}
.m-custom1 .m-container .logos .logo-14 {
	background-image:url(../images/index/logos/14-2.png)
}
.m-custom1 .m-container .logos .logo-15 {
	background-image:url(../images/index/logos/15-2.png)
}
.m-custom1 .m-container .logos .logo-16 {
	background-image:url(../images/index/logos/16-2.png)
}
.m-custom1 .m-container .logos .logo-17 {
	background-image:url(../images/index/logos/17-2.png)
}
.m-custom1 .m-container .logos .logo-18 {
	background-image:url(../images/index/logos/18-2.png)
}
.m-custom1 .m-container .logos .logo-19 {
	background-image:url(../images/index/logos/19-2.png)
}
.m-custom1 .m-container .logos .logo-20 {
	background-image:url(../images/index/logos/20-2.png)
}
.m-custom1 .m-container .logos .logo-21 {
	background-image:url(../images/index/logos/21-2.png)
}
.m-custom1 .m-container .logos .logo-22 {
	background-image:url(../images/index/logos/22-2.png)
}
.m-custom1 .m-container .logos .logo-23 {
	background-image:url(../images/index/logos/23-2.png)
}
.m-custom1 .m-container .logos .logo-24 {
	background-image:url(../images/index/logos/24-2.png)
}
.m-custom1 .m-container .logos .logo-25 {
	background-image:url(../images/index/logos/25-2.png)
}
.m-custom1 .m-container .logos .logo-26 {
	background-image:url(../images/index/logos/26-2.png)
}
.m-custom1 .m-container .logos .logo-27 {
	background-image:url(../images/index/logos/27-2.png)
}
.m-custom1 .m-container .logos .logo-28 {
	background-image:url(../images/index/logos/28-2.png)
}
.m-custom1 .m-container .logos .logo-29 {
	background-image:url(../images/index/logos/29-2.png)
}
.m-custom1 .m-container .logos .logo-1 {
	background-size:auto 25%
}
.m-custom1 .m-container .logos .logo-3 {
	background-size:auto 50%
}
.m-custom1 .m-container .logos .logo-5 {
	background-size:auto 37%
}
.m-custom1 .m-container .logos .logo-7 {
	background-size:auto 35%
}
.m-custom1 .m-container .logos .logo-9 {
	background-size:auto 40%
}
.m-custom1 .m-container .logos .logo-10 {
	background-size:auto 40%
}
.m-custom1 .m-container .logos .logo-12 {
	background-size:auto 60%
}
.m-custom1 .m-container .logos .logo-13 {
	background-size:auto 54%
}
.m-custom1 .m-container .logos .logo-14 {
	background-size:auto 30%
}
.m-custom1 .m-container .logos .logo-15 {
	background-size:auto 22%
}
.m-custom1 .m-container .logos .logo-16 {
	background-size:auto 20%
}
.m-custom1 .m-container .logos .logo-19 {
	background-size:auto 26%
}
.m-custom1 .m-container .logos .logo-21 {
	background-size:auto 25%
}
.m-custom1 .m-container .logos .logo-22 {
	background-size:auto 33%
}
.m-custom1 .m-container .logos .logo-23 {
	background-size:auto 40%
}
.m-custom1 .m-container .logos .logo-24 {
	background-size:auto 35%
}
.m-custom1 .m-container .logos .logo-25 {
	background-size:auto 23%
}
.m-custom1 .m-container .logos .logo-29 {
	background-size:auto 23%
}
@media only screen and (max-width:1200px) {
	.m-custom1 .m-container .logos {
	width:725.48px
}
.m-custom1 .m-container .logos .logo {
	width:181.12px;
	height:90.88px
}
}@media only screen and (max-width:900px) {
	.m-custom1 .m-container .logos {
	width:544.36px
}
.m-custom1 .m-container .logos .logo {
	width:135.84px;
	height:68.16px;
	padding:3px
}
}@media only screen and (max-width:768px) {
	.m-custom1 .m-container {
	padding:60px 0 120px
}
.m-custom1 .m-container h2 {
	font-size:22px;
	line-height:31px;
	color:#333;
	margin-bottom:48px
}
.m-custom1 .m-container .logs log:active {
	animation:scaleFrom0To1 .5s ease-in-out
}
.m-custom1 .m-container .see-case-more {
	bottom:40px
}
}@media only screen and (max-width:600px) {
	.m-custom1 .m-container .logos {
	width:272.68px
}
}.m-custom1 .slide-container {
	position:relative;
	width:400%;
	left:0;
	transition:left .5s
}
.m-custom1 .slide-container .slide-box {
	width:calc(25%);
	float:left
}
.m-custom1 #slideLogoButtons .slide-button {
	position:absolute;
	cursor:pointer
}
.m-custom1 #slideLogoButtons .slide-button-left {
	left:20px;
	top:50%
}
.m-custom1 #slideLogoButtons .slide-button-right {
	right:20px;
	top:50%
}
.m-custom1 .see-case-more {
	position:absolute;
	left:0;
	bottom:70px;
	width:100%
}
.product {
	width:100%
}
.product .product-ct {
	width:1200px;
	margin:auto;
	padding-left:15px
}
@media only screen and (max-width:1200px) {
	.product .product-ct {
	width:100%;
	padding-right:15px
}
}@media only screen and (max-width:768px) {
	.product .product-ct {
	padding-left:0
}
}.product .ddb-banner,.product .mammut-banner,.product .ntsdb-banner {
	height:540px;
	overflow:hidden
}
.product .ddb-banner h1,.product .mammut-banner h1,.product .ntsdb-banner h1 {
	font-size:48px;
	font-weight:lighter;
	color:#fff;
	margin-bottom:24px;
	padding-top:195px
}
.product .ddb-banner p,.product .mammut-banner p,.product .ntsdb-banner p {
	line-height:33px;
	font-weight:lighter;
	margin:0 auto 30px;
	max-width:455px;
	color:#fff
}
@media only screen and (max-width:414px) {
	.product .ddb-banner p,.product .mammut-banner p,.product .ntsdb-banner p {
	padding:0 15px
}
}.product .ddb-banner img,.product .mammut-banner img,.product .ntsdb-banner img {
	margin-top:55px
}
.product .ddb-banner .u-register,.product .mammut-banner .u-register,.product .ntsdb-banner .u-register {
	width:128px;
	color:#fff;
	display:inline-block;
	height:40px;
	line-height:40px;
	text-align:center;
	margin-right:24px;
	border-radius:3px;
	background-image:linear-gradient(90deg,#0293f2 3%,#0063fa 100%)
}
.product .ddb-banner .u-register:hover,.product .mammut-banner .u-register:hover,.product .ntsdb-banner .u-register:hover {
	background-image:linear-gradient(90deg,#007ccd 3%,#0053d3 100%)
}
@media only screen and (max-width:768px) {
	.product .ddb-banner .u-register,.product .mammut-banner .u-register,.product .ntsdb-banner .u-register {
	display:block;
	margin:auto auto 20px
}
}@media only screen and (max-width:414px) {
	.product .ddb-banner .u-register,.product .mammut-banner .u-register,.product .ntsdb-banner .u-register {
	display:inline-block
}
}@media only screen and (max-width:1200px) {
	.product .ddb-banner .product-ct,.product .mammut-banner .product-ct,.product .ntsdb-banner .product-ct {
	width:1200px;
	padding-right:0
}
.product .ddb-banner .f-fl,.product .mammut-banner .f-fl,.product .ntsdb-banner .f-fl {
	padding-left:50px
}
}@media only screen and (max-width:768px) {
	.product .ddb-banner,.product .mammut-banner,.product .ntsdb-banner {
	height:450px
}
.product .ddb-banner .product-ct,.product .mammut-banner .product-ct,.product .ntsdb-banner .product-ct {
	width:100%
}
.product .ddb-banner h1,.product .mammut-banner h1,.product .ntsdb-banner h1 {
	padding-top:155px
}
.product .ddb-banner p,.product .mammut-banner p,.product .ntsdb-banner p {
	font-size:14px
}
.product .ddb-banner .f-fl,.product .mammut-banner .f-fl,.product .ntsdb-banner .f-fl {
	float:none;
	text-align:center;
	padding-left:0
}
.product .ddb-banner .f-fr,.product .mammut-banner .f-fr,.product .ntsdb-banner .f-fr {
	display:none
}
}@media only screen and (max-width:414px) {
	.product .ddb-banner,.product .mammut-banner,.product .ntsdb-banner {
	background:#1c1f2e!important
}
}.product .product-function {
	padding-bottom:64px
}
.product .product-function .u-product-tt {
	font-size:28px;
	color:#2e394f;
	letter-spacing:0;
	text-align:center;
	padding-top:60px
}
.product .product-function .content {
	border:1px solid #dbe0e5;
	height:480px;
	margin-top:30px;
	overflow:hidden
}
.product .product-function .content .m-trait-nav {
	float:left;
	width:160px;
	height:100%;
	background-color:#fafafa
}
.product .product-function .content .m-trait-nav .nav-item {
	position:relative;
	height:56px;
	border-bottom:1px solid #dbe0e5;
	background-color:#fafafa;
	text-align:center;
	line-height:56px;
	cursor:default
}
.product .product-function .content .m-trait-nav .active {
	background-color:#fff;
	width:165px;
	border-top:1px solid #dbe0e5;
	height:57px;
	top:-1px;
	box-shadow:0 2px 4px 0 rgba(0,0,0,.08);
	border-radius:3px;
	z-index:1
}
.product .product-function .content .m-trait-nav .active:before {
	content:"";
	width:33.2866px;
	height:32.2866px;
	position:absolute;
	background:#fff;
	right:0;
	border-right:1px solid #dbe0e5;
	transform:rotate(-32.735deg);
	transform-origin:100% 0
}
.product .product-function .content .m-trait-nav .active:after {
	content:"";
	width:33.2866px;
	height:32.2866px;
	position:absolute;
	background:#fff;
	right:0;
	bottom:0;
	border-right:1px solid #dbe0e5;
	transform:rotate(32.735deg);
	transform-origin:100% 100%;
	box-shadow:1px 0 0 0 rgba(0,0,0,.08)
}
.product .product-function .content .m-trait-content {
	border-left:161px solid #dbe0e5;
	height:100%
}
.product .product-function .content .m-trait-content .content-item {
	min-height:31px;
	text-align:center;
	display:none
}
.product .product-function .content .m-trait-content .content-item .item-tags {
	padding:0 30px;
	text-align:left;
	font-size:0;
	padding-bottom:10px
}
.product .product-function .content .m-trait-content .content-item .item-tags li {
	display:inline-block;
	position:relative;
	font-size:18px;
	padding:0 39px 0 43px;
	padding-bottom:10px;
	color:#2e394f
}
.product .product-function .content .m-trait-content .content-item .item-tags li:before {
	content:"• ";
	position:absolute;
	color:#2e394f;
	left:16px
}
.product .product-function .content .m-trait-content .content-item .desc {
	padding:0 30px;
	text-align:left;
	line-height:22px;
	font-size:14px;
	color:#666
}
.product .product-function .content .m-trait-content .content-item .img {
	margin-top:15px;
	text-align:center
}
.product .product-function .content .m-trait-content .content-item .img img {
	max-height:316px
}
@media only screen and (max-width:1200px) {
	.product .product-function .content .m-trait-content .content-item .img img {
	width:100%
}
}.product .product-function .content .m-trait-content .active {
	padding-top:31px;
	display:block
}
@media only screen and (max-width:768px) {
	.product .product-function .content {
	position:relative;
	height:auto
}
.product .product-function .content .m-trait-nav {
	width:100%;
	height:auto
}
.product .product-function .content .m-trait-nav .nav-item {
	width:100%;
	z-index:1;
	border-top:2px solid #d9d9d9;
	min-height:60px;
	padding:0 32px;
	text-align:left;
	font-size:18px;
	line-height:60px
}
.product .product-function .content .m-trait-nav .nav-item:after {
	content:"";
	position:absolute;
	border:2px solid #7f7f7f;
	width:14px;
	height:14px;
	top:16px;
	transform:rotate(-45deg);
	border-top:none;
	border-right:none;
	right:48px;
	left:auto;
	bottom:auto
}
.product .product-function .content .m-trait-nav .nav-item.active {
	margin-bottom:550.2px;
	border-bottom:2px #dfdfdf dashed;
	background:0 0
}
.product .product-function .content .m-trait-nav .nav-item.active:before {
	content:none
}
.product .product-function .content .m-trait-nav .nav-item.active:after {
	border-bottom:none;
	border-left:none;
	border-right:2px solid #185de3;
	border-top:2px solid #185de3;
	background:0 0;
	top:17px;
	right:44px
}
.product .product-function .content .m-trait-content {
	position:absolute;
	top:0;
	border:0
}
.product .product-function .content .m-trait-content .content-item {
	display:block;
	overflow:hidden;
	min-height:60px;
	padding-top:0
}
.product .product-function .content .m-trait-content .content-item .img {
	padding:0 20px
}
.product .product-function .content .m-trait-content .content-item .img video {
	width:100%
}
.product .product-function .content .m-trait-content .content-item .item-tags {
	padding-top:31px
}
.product .product-function .content .m-trait-content .content-item>* {
	display:none
}
.product .product-function .content .m-trait-content .content-item.active {
	margin-top:60px
}
.product .product-function .content .m-trait-content .content-item.active>* {
	display:block
}
}@media only screen and (max-width:414px) {
	.product .product-function .content .m-trait-content .content-item .item-tags li {
	font-size:16px;
	padding:0 34px 10px
}
.product .product-function .content .m-trait-content .content-item:nth-child(2) .item-tags li {
	display:block
}
.product .product-function .content .m-trait-content .content-item:nth-child(2) .desc {
	width:auto;
	margin:0 auto
}
.product .product-function .content .m-trait-content .content-item .img video {
	height:280px
}
}.product .product-function.mammut-function h2 {
	font-size:28px;
	color:#2e394f;
	text-align:center;
	line-height:28px;
	padding-top:64px
}
.product .product-function.mammut-function .mammut-content {
	height:528px;
	margin-top:24px
}
.product .product-function.mammut-function .mammut-content .m-trait-nav {
	float:left;
	width:271px;
	height:100%;
	background:#fff
}
.product .product-function.mammut-function .mammut-content .m-trait-nav .nav-item {
	position:relative;
	height:88px;
	border-right:2px solid #c8c9ca;
	background-color:#fff;
	font-size:18px;
	color:#000;
	text-align:center;
	line-height:88px;
	cursor:default
}
.product .product-function.mammut-function .mammut-content .m-trait-nav .active {
	box-shadow:0 10px 20px 0 #ebf0f5;
	border-right:2px solid #2570d3;
	color:#2570d3;
	z-index:1
}
.product .product-function.mammut-function .mammut-content .m-trait-content {
	padding-left:271px;
	height:100%
}
.product .product-function.mammut-function .mammut-content .m-trait-content .content-item {
	text-align:center;
	opacity:0;
	visibility:hidden;
	height:0;
	padding:0;
	transition:opacity .3s ease-in-out
}
.product .product-function.mammut-function .mammut-content .m-trait-content .content-item .title {
	font-size:20px;
	color:#000;
	letter-spacing:0;
	line-height:26px;
	text-align:left
}
.product .product-function.mammut-function .mammut-content .m-trait-content .content-item .desc {
	height:90px;
	font-size:14px;
	color:#4a4a4a;
	letter-spacing:0;
	text-align:justify;
	line-height:24px;
	margin:23px 0 10px 0
}
.product .product-function.mammut-function .mammut-content .m-trait-content .content-item .img {
	margin-top:10px;
	text-align:center
}
.product .product-function.mammut-function .mammut-content .m-trait-content .content-item .img img {
	max-height:340px
}
@media only screen and (max-width:1200px) {
	.product .product-function.mammut-function .mammut-content .m-trait-content .content-item .img img {
	width:100%
}
}.product .product-function.mammut-function .mammut-content .m-trait-content .active {
	opacity:1;
	height:auto;
	visibility:visible;
	padding:33px 40px 0
}
@media only screen and (max-width:768px) {
	.product .product-function.mammut-function .mammut-content {
	position:relative;
	height:auto
}
.product .product-function.mammut-function .mammut-content .m-trait-nav {
	width:100%;
	height:auto
}
.product .product-function.mammut-function .mammut-content .m-trait-nav .nav-item {
	width:100%;
	z-index:1;
	border-top:1px solid #d9d9d9;
	height:60px;
	padding:0 32px;
	text-align:left;
	font-size:18px;
	line-height:60px;
	border-right:0
}
.product .product-function.mammut-function .mammut-content .m-trait-nav .nav-item:last-child {
	border-bottom:1px solid #d9d9d9
}
.product .product-function.mammut-function .mammut-content .m-trait-nav .nav-item:after {
	content:"";
	position:absolute;
	border:2px solid #7f7f7f;
	width:14px;
	height:14px;
	top:16px;
	transform:rotate(-45deg);
	border-top:none;
	border-right:none;
	right:48px;
	left:auto;
	bottom:auto
}
.product .product-function.mammut-function .mammut-content .m-trait-nav .nav-item.active {
	margin-bottom:490px;
	border-bottom:2px #dfdfdf dashed;
	background:0 0;
	border-right:0
}
.product .product-function.mammut-function .mammut-content .m-trait-nav .nav-item.active:before {
	content:none
}
.product .product-function.mammut-function .mammut-content .m-trait-nav .nav-item.active:after {
	border-bottom:none;
	border-left:none;
	border-right:2px solid #185de3;
	border-top:2px solid #185de3;
	background:0 0;
	top:23px;
	right:48px
}
.product .product-function.mammut-function .mammut-content .m-trait-content {
	position:absolute;
	top:0;
	border:0;
	padding:30px
}
.product .product-function.mammut-function .mammut-content .m-trait-content .content-item {
	display:block;
	overflow:hidden;
	min-height:60px;
	padding:0
}
.product .product-function.mammut-function .mammut-content .m-trait-content .content-item .item-tags {
	padding-top:31px
}
.product .product-function.mammut-function .mammut-content .m-trait-content .content-item>* {
	display:none
}
.product .product-function.mammut-function .mammut-content .m-trait-content .content-item.active {
	margin-top:60px
}
.product .product-function.mammut-function .mammut-content .m-trait-content .content-item.active>* {
	display:block;
	height:auto
}
}@media only screen and (max-width:414px) {
	.product .product-function.mammut-function .mammut-content .m-trait-content .content-item:nth-child(2) .desc {
	font-size:12px
}
}@media only screen and (max-width:414px) {
	.product .product-function.mammut-function .mammut-content .m-trait-nav .nav-item.active {
	margin-bottom:540px
}
.product .product-function.mammut-function .mammut-content .m-trait-nav .nav-item:first-child.active {
	margin-bottom:400px
}
}@media only screen and (max-width:768px) {
	.product .product-function.mammut-function .product-ct {
	overflow:hidden
}
}.product .product-navs {
	background:#fff;
	box-shadow:0 1px 0 0 rgba(0,0,0,.09),0 4px 8px 0 rgba(0,0,0,.04)
}
.product .product-navs.sticky {
	position:fixed;
	top:65px;
	z-index:2;
	width:100%
}
.product .product-navs a {
	display:inline-block;
	line-height:56px;
	font-size:16px;
	color:#2e394f
}
.product .product-navs a+a {
	margin-left:66px
}
@media only screen and (max-width:768px) {
	.product .product-navs {
	display:none
}
}.product .mammut-banner {
	background:url(../images/banner-mutt.png) no-repeat center;
	background-color:#1c1f2e
}
.product .mammut-feature {
	padding-bottom:80px;
	background-color:#fff;
	border:1px solid #e2ebfa
}
.product .mammut-feature h2 {
	font-size:28px;
	text-align:center;
	margin-top:64px;
	margin-bottom:22px;
	color:#2e394f;
	line-height:28px
}
.product .mammut-feature .u-mammut-features {
	margin:0 auto
}
.product .mammut-feature .u-mammut-features img {
	width:100%
}
@media only screen and (max-width:1080px) {
	.product .mammut-feature .u-mammut-features {
	width:100%;
	padding:0 40px
}
}@media only screen and (max-width:768px) {
	.product .mammut-feature {
	padding-bottom:50px
}
.product .mammut-feature h2 {
	margin-top:60px
}
.product .mammut-feature .u-mammut-features {
	padding:0 20px
}
}.product .mammut-book {
	height:160px;
	background:url(../images/product/ntsdb-book.jpg) no-repeat center/cover
}
.product .mammut-book .product-ct {
	padding:0 200px 0 215px
}
.product .mammut-book .detail {
	display:inline-block;
	width:500px;
	margin-top:44px
}
.product .mammut-book .detail img {
	float:left;
	margin-right:25px;
	margin-top:10px
}
.product .mammut-book .detail h2 {
	font-size:22px;
	color:#fff;
	line-height:40px
}
.product .mammut-book .detail p {
	float:left;
	font-size:14px;
	color:#fff;
	letter-spacing:0;
	line-height:32px
}
.product .mammut-book .u-mammut-download {
	float:right;
	color:#fff;
	font-size:18px;
	text-align:center;
	width:160px;
	height:44px;
	line-height:44px;
	background:#3374f2;
	border-radius:3px;
	margin:58px 0
}
.product .mammut-book .u-mammut-download:hover {
	background:#005fff
}
@media only screen and (max-width:1200px) {
	.product .mammut-book .product-ct {
	padding:0 120px 0 135px
}
.product .mammut-book .detail {
	width:330px
}
}@media only screen and (max-width:768px) {
	.product .mammut-book {
	height:80px
}
.product .mammut-book .detail,.product .mammut-book a {
	display:none
}
}.product .youdata-feature {
	padding-bottom:64px
}
.product .youdata-feature h2 {
	font-size:28px;
	text-align:center;
	padding:64px 0;
	line-height:32px;
	color:#2e394f
}
.product .youdata-feature .u-scenes-list {
	width:1130px;
	overflow:hidden;
	margin:0 auto;
	text-align:center
}
.product .youdata-feature .u-scenes-list li {
	height:240px;
	width:33.33%;
	padding:0 69px;
	margin:0
}
.product .youdata-feature .u-scenes-list h3 {
	font-size:20px;
	color:#666;
	line-height:32px;
	margin-top:24px
}
.product .youdata-feature .u-scenes-list p {
	line-height:32px;
	color:#666
}
@media only screen and (max-width:1130px) {
	.product .youdata-feature .u-scenes-list {
	width:100%
}
.product .youdata-feature .u-scenes-list li {
	width:33.33%;
	padding:0 20px
}
}@media only screen and (max-width:768px) {
	.product .youdata-feature {
	padding-bottom:40px
}
.product .youdata-feature h2 {
	padding-top:60px
}
.product .youdata-feature .u-scenes-list li {
	width:100%;
	padding:0 80px;
	margin-bottom:40px
}
.product .youdata-feature .u-scenes-list li:last-child {
	margin-bottom:0
}
}.product .mammut-performance {
	background:#f5f6f7;
	padding-bottom:71px
}
.product .mammut-performance h2 {
	font-size:28px;
	color:#2e394f;
	text-align:center;
	line-height:28px;
	padding:64px 0 26px 0
}
.product .mammut-performance .f-col-ct {
	overflow:visible
}
.product .mammut-performance .u-scenes-list {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap
}
.product .mammut-performance .u-scenes-list .f-fl1 {
	width:348px;
	height:200px;
	background-color:#fff;
	box-shadow:0 4px 8px 0 rgba(12,13,27,.09);
	border-radius:3px;
	padding:29px 42px;
	background-size:auto 96px;
	background-repeat:no-repeat;
	background-position:227px 80px;
	margin-top:32px
}
.product .mammut-performance .u-scenes-list .f-fl1.bg1 {
	background-image:url(../images/product/mammut-performance-1.svg)
}
.product .mammut-performance .u-scenes-list .f-fl1.bg2 {
	background-image:url(../images/product/mammut-performance-2.svg)
}
.product .mammut-performance .u-scenes-list .f-fl1.bg3 {
	background-image:url(../images/product/mammut-performance-3.svg)
}
.product .mammut-performance .u-scenes-list .f-fl1.bg4 {
	background-image:url(../images/product/mammut-performance-4.svg)
}
.product .mammut-performance .u-scenes-list .f-fl1.bg5 {
	background-image:url(../images/product/mammut-performance-5.svg)
}
.product .mammut-performance .u-scenes-list .f-fl1.bg6 {
	background-image:url(../images/product/mammut-performance-6.svg)
}
.product .mammut-performance .u-scenes-list .f-fl1 h3 {
	font-size:16px;
	color:#000;
	line-height:32px;
	margin-bottom:15px
}
.product .mammut-performance .u-scenes-list .f-fl1 p {
	font-size:14px;
	color:#666;
	line-height:24px
}
@media only screen and (max-width:1200px) {
	.product .mammut-performance .u-scenes-list {
	max-width:800px;
	margin:0 auto
}
}@media only screen and (max-width:800px) {
	.product .mammut-performance .u-scenes-list {
	max-width:400px;
	margin:0 auto
}
.product .mammut-performance .u-scenes-list .f-fl1 {
	margin:32px auto 0
}
}.product .ddb-scenes,.product .mammut-scenes,.product .ntsdb-scenes {
	padding-bottom:72px
}
.product .ddb-scenes .u-product-tt,.product .mammut-scenes .u-product-tt,.product .ntsdb-scenes .u-product-tt {
	font-size:28px;
	color:#2e394f;
	letter-spacing:0;
	text-align:center;
	padding:60px 0 56px 0
}
.product .ddb-scenes .m-tab,.product .mammut-scenes .m-tab,.product .ntsdb-scenes .m-tab {
	position:relative
}
.product .ddb-scenes .m-tab .m-common-tab,.product .mammut-scenes .m-tab .m-common-tab,.product .ntsdb-scenes .m-tab .m-common-tab {
	width:100%;
	background-color:#f2f2f2;
	border:1px solid #dbe0e5;
	border-bottom:0;
	height:49px
}
.product .ddb-scenes .m-tab .m-common-tab .tab-item,.product .mammut-scenes .m-tab .m-common-tab .tab-item,.product .ntsdb-scenes .m-tab .m-common-tab .tab-item {
	display:inline-block;
	width:148px;
	text-align:center;
	height:49px;
	line-height:49px;
	font-size:14px;
	float:left;
	cursor:default
}
.product .ddb-scenes .m-tab .m-common-tab .tab-item.active,.product .mammut-scenes .m-tab .m-common-tab .tab-item.active,.product .ntsdb-scenes .m-tab .m-common-tab .tab-item.active {
	color:#006bf9;
	background:#fff;
	border:1px solid #dfe3e9;
	box-shadow:0 2px 4px 0 rgba(0,0,0,.08);
	border-radius:3px;
	height:58px;
	width:190px;
	top:-5px;
	left:-1px;
	position:relative;
	z-index:1;
	line-height:58px
}
@media only screen and (max-width:768px) {
	.product .ddb-scenes .m-tab .m-common-tab .tab-item,.product .mammut-scenes .m-tab .m-common-tab .tab-item,.product .ntsdb-scenes .m-tab .m-common-tab .tab-item {
	width:115px
}
.product .ddb-scenes .m-tab .m-common-tab .tab-item.active,.product .mammut-scenes .m-tab .m-common-tab .tab-item.active,.product .ntsdb-scenes .m-tab .m-common-tab .tab-item.active {
	width:115px
}
}.product .ddb-scenes .m-tab .m-common-content,.product .mammut-scenes .m-tab .m-common-content,.product .ntsdb-scenes .m-tab .m-common-content {
	height:560px;
	border:1px solid #dbe0e5;
	position:relative
}
.product .ddb-scenes .m-tab .m-common-content .content-item,.product .mammut-scenes .m-tab .m-common-content .content-item,.product .ntsdb-scenes .m-tab .m-common-content .content-item {
	padding-top:30px;
	position:absolute;
	opacity:0;
	text-align:center;
	transition:opacity .3s ease-in-out
}
.product .ddb-scenes .m-tab .m-common-content .content-item .desc,.product .mammut-scenes .m-tab .m-common-content .content-item .desc,.product .ntsdb-scenes .m-tab .m-common-content .content-item .desc {
	padding:0 70px;
	text-align:left;
	color:#4a4a4a;
	line-height:30px
}
.product .ddb-scenes .m-tab .m-common-content .content-item.active,.product .mammut-scenes .m-tab .m-common-content .content-item.active,.product .ntsdb-scenes .m-tab .m-common-content .content-item.active {
	opacity:1
}
.product .ddb-scenes .m-tab .m-common-content img,.product .mammut-scenes .m-tab .m-common-content img,.product .ntsdb-scenes .m-tab .m-common-content img {
	width:1000px
}
@media only screen and (max-width:1200px) {
	.product .ddb-scenes .m-tab .m-common-content img,.product .mammut-scenes .m-tab .m-common-content img,.product .ntsdb-scenes .m-tab .m-common-content img {
	width:100%;
	margin-top:50px
}
}@media only screen and (max-width:768px) {
	.product .ddb-scenes .product-ct,.product .mammut-scenes .product-ct,.product .ntsdb-scenes .product-ct {
	padding-right:0
}
}.product .mammut-article {
	padding-bottom:100px
}
.product .mammut-article h2 {
	font-size:30px;
	text-align:center;
	margin-top:80px;
	margin-bottom:50px
}
.product .mammut-article .u-article-more {
	display:block;
	margin:30px auto 0;
	width:200px;
	height:45px;
	line-height:45px;
	color:#fff;
	text-align:center;
	font-size:18px;
	background-color:#16147b
}
.product .mammut-article .u-article-more:hover {
	background-color:#191840
}
.product .mammut-article .u-article-more span {
	display:inline-block;
	width:11px;
	height:11px;
	margin-left:6px;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	transform:rotate(45deg)
}
@media only screen and (max-width:768px) {
	.product .mammut-article {
	padding-bottom:50px
}
.product .mammut-article h2 {
	margin-top:50px;
	margin-bottom:40px
}
}.product .youdata-banner {
	background:url(../images/banner-youdata.png) no-repeat center;
	background-color:#1c1f2e;
	width:100%;
	height:540px
}
.product .youdata-banner .product-ct {
	overflow:hidden
}
@media only screen and (max-width:1200px) {
	.product .youdata-banner .product-ct {
	padding-right:0
}
}.product .youdata-banner .product-ct>.f-fl {
	width:455px;
	margin:auto;
	color:#fff
}
.product .youdata-banner .product-ct>.f-fl h1 {
	padding-top:180px;
	font-size:48px;
	font-weight:lighter;
	margin-bottom:24px
}
.product .youdata-banner .product-ct>.f-fl p {
	line-height:33px;
	font-weight:lighter;
	margin-bottom:30px;
	max-width:455px
}
.product .youdata-banner .product-ct>.f-fl p.see-intro-video {
	padding-left:25px;
	cursor:pointer;
	background:url(../images/play.png) no-repeat left center/20px
}
.product .youdata-banner .product-ct>.f-fl a {
	font-size:16px
}
.product .youdata-banner .product-ct>.f-fr img {
	margin-top:150px
}
.product .youdata-banner .see-intro-video {
	padding-left:25px;
	cursor:pointer;
	background:url(../images/play.png) no-repeat left center/20px
}
.product .youdata-banner .intro-video-container {
	display:none;
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	background-color:rgba(0,0,0,.5);
	-webkit-box-pack:center;
	-moz-box-pack:center;
	-ms-flex-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
	align-items:center;
	z-index:100
}
.product .youdata-banner .intro-video-container .item {
	position:relative
}
.product .youdata-banner .intro-video-container video {
	width:973px;
	height:608px
}
@media only screen and (max-width:1000px) {
	.product .youdata-banner .intro-video-container .item {
	width:90%;
	height:auto;
	margin:auto
}
.product .youdata-banner .intro-video-container video {
	width:100%;
	height:auto
}
}.product .youdata-banner .intro-video-container .close-video {
	position:absolute;
	top:-18px;
	right:-18px;
	width:36px;
	height:36px;
	background:url(../images/close-video.png) no-repeat center/cover;
	cursor:pointer;
	border-radius:18px
}
.product .youdata-banner .intro-video-container .close-video:hover {
	background:url(../images/close-video.png) no-repeat center/cover,rgba(255,255,255,.1)
}
.product .youdata-banner .u-info,.product .youdata-banner .u-register {
	width:128px;
	color:#fff;
	display:inline-block;
	height:40px;
	line-height:40px;
	text-align:center;
	border-radius:3px
}
.product .youdata-banner .u-info {
	background-image:linear-gradient(90deg,#0293f2 3%,#0063fa 100%)
}
.product .youdata-banner .u-info:hover {
	background-image:linear-gradient(90deg,#007ccd 3%,#0053d3 100%)
}
.product .youdata-banner .u-register {
	margin-left:24px;
	border:1px solid #fff;
	line-height:38px
}
.product .youdata-banner .u-register:hover {
	background:#fff;
	color:#000
}
.product .youdata-banner .u-youdata-login {
	height:50px;
	line-height:48px;
	border:1px solid #fff;
	color:#fff;
	text-align:center;
	display:inline-block;
	font-size:16px;
	width:110px
}
.product .youdata-banner .u-youdata-login:hover {
	background:rgba(255,255,255,.05)
}
.product .youdata-banner .two-dimensional-code {
	position:relative;
	display:inline-block;
	box-sizing:border-box;
	width:70px;
	height:50px;
	line-height:48px;
	color:#fff;
	border:1px solid #fff;
	text-align:center;
	margin-left:10px
}
.product .youdata-banner .two-dimensional-code:hover {
	background:rgba(255,255,255,.05)
}
.product .youdata-banner .dropdown {
	display:inline-block;
	position:relative;
	z-index:1
}
.product .youdata-banner .dropdown .dropdown-content {
	display:none;
	position:absolute;
	top:50px;
	padding-top:5px
}
.product .youdata-banner .dropdown .dropdown-content a {
	box-sizing:border-box;
	display:block;
	width:140px;
	height:50px;
	line-height:50px;
	background:#fff;
	text-align:center;
	color:#4a4a4a
}
.product .youdata-banner .dropdown .dropdown-content a:first-child {
	border-bottom:1px solid #c2c2c2
}
.product .youdata-banner .dropdown .dropdown-content a:hover {
	color:#247af6
}
.product .youdata-banner .dropdown2 {
	display:inline-block;
	position:relative;
	z-index:1
}
.product .youdata-banner .dropdown2 .dropdown-content2 {
	display:none;
	position:absolute;
	top:55px;
	left:10px;
	padding-top:2px;
	z-index:100
}
.product .youdata-banner .dropdown2 .dropdown-content2 img {
	margin-top:0;
	width:130px
}
.product .youdata-banner .dropdown2:hover .dropdown-content2 {
	display:block
}
.product .youdata-banner .dropdown2:hover .dropdown-content2 img {
	display:block!important
}
.product .youdata-banner .dropdown3 {
	display:none
}
@media only screen and (max-width:1200px) {
	.product .youdata-banner .product-ct {
	width:1200px
}
.product .youdata-banner .product-ct>.f-fl {
	padding-left:50px
}
}@media only screen and (max-width:768px) {
	.product .youdata-banner .product-ct {
	width:100%
}
.product .youdata-banner .product-ct>.f-fl {
	width:100%;
	text-align:center;
	padding-left:0
}
.product .youdata-banner .product-ct>.f-fl p {
	margin-left:auto;
	margin-right:auto
}
.product .youdata-banner .product-ct>.f-fr {
	display:none
}
.product .youdata-banner .see-intro-video {
	display:none
}
.product .youdata-banner .u-register {
	display:block;
	margin:auto auto 20px
}
}@media only screen and (max-width:414px) {
	.product .youdata-banner {
	background:#1c1f2e!important
}
}.product .youdata-feature {
	background-color:#f8f9fd
}
.product .youdata-feature .u-scenes-list li {
	height:210px
}
.product .youdata-feature .u-scenes-list li img {
	display:inline-block;
	width:48px;
	height:48px
}
@media only screen and (max-width:768px) {
	.product .youdata-feature .u-scenes-list li {
	margin-bottom:10px
}
}.product .ntsdb-performance,.product .youdata-performance {
	padding-bottom:115px;
	background-image:linear-gradient(-180deg,#262c38 0,#1c1f2e 100%)
}
.product .ntsdb-performance .product-ct,.product .youdata-performance .product-ct {
	position:relative
}
.product .ntsdb-performance h2,.product .youdata-performance h2 {
	font-size:28px;
	padding:107px 0 100px 0;
	color:#fff;
	line-height:32px
}
.product .ntsdb-performance .f-col-ct,.product .youdata-performance .f-col-ct {
	height:170px;
	overflow:visible
}
.product .ntsdb-performance .performance-title,.product .youdata-performance .performance-title {
	font-size:20px;
	color:#fff;
	margin-bottom:12px
}
.product .ntsdb-performance .performance-detail,.product .youdata-performance .performance-detail {
	font-size:16px;
	color:#808699
}
.product .ntsdb-performance .performance-number,.product .youdata-performance .performance-number {
	color:#fff;
	width:24px;
	height:24px;
	display:inline-block;
	line-height:24px;
	text-align:center;
	border-radius:12px;
	background:#636e91;
	font-size:18px;
	margin-right:32px
}
.product .ntsdb-performance .f-col-ct+.f-col-ct,.product .youdata-performance .f-col-ct+.f-col-ct {
	margin-top:59px
}
.product .ntsdb-performance .f-col-ct .f-fl,.product .youdata-performance .f-col-ct .f-fl {
	padding:25px 24px 0 24px;
	width:380px;
	height:170px;
	line-height:32px
}
.product .ntsdb-performance .f-col-ct .f-fl .performance-detail,.product .youdata-performance .f-col-ct .f-fl .performance-detail {
	color:#fff
}
.product .ntsdb-performance .f-col-ct .f-fl.active,.product .youdata-performance .f-col-ct .f-fl.active {
	background:#3f4559;
	box-shadow:0 46px 44px 0 rgba(12,13,27,.3),0 1px 4px 0 rgba(12,13,27,.3);
	border-radius:3px
}
.product .ntsdb-performance .f-col-ct .f-fl.active .performance-number,.product .youdata-performance .f-col-ct .f-fl.active .performance-number {
	background-image:linear-gradient(-90deg,#0293f2 3%,#0063fa 100%)
}
.product .ntsdb-performance .f-col-ct .f-fl.active .performance-detail,.product .youdata-performance .f-col-ct .f-fl.active .performance-detail {
	color:#fff
}
.product .ntsdb-performance .f-col-ct .f-fl+.f-fl,.product .youdata-performance .f-col-ct .f-fl+.f-fl {
	margin-left:50px
}
@media only screen and (max-width:1200px) {
	.product .ntsdb-performance .product-ct,.product .youdata-performance .product-ct {
	width:auto
}
.product .ntsdb-performance h2,.product .youdata-performance h2 {
	text-align:center
}
.product .ntsdb-performance .f-col-ct,.product .youdata-performance .f-col-ct {
	width:810px;
	margin:0 auto
}
}@media only screen and (max-width:900px) {
	.product .ntsdb-performance .f-col-ct,.product .youdata-performance .f-col-ct {
	width:auto;
	height:auto
}
.product .ntsdb-performance .f-col-ct .f-fl,.product .youdata-performance .f-col-ct .f-fl {
	margin:0 auto;
	float:none;
	display:block
}
.product .ntsdb-performance .f-col-ct .f-fl+.f-fl,.product .youdata-performance .f-col-ct .f-fl+.f-fl {
	margin-left:auto
}
.product .ntsdb-performance .f-col-ct+.f-col-ct,.product .youdata-performance .f-col-ct+.f-col-ct {
	margin-top:0
}
}.product .ntsdb-performance .product-bg,.product .youdata-performance .product-bg {
	position:absolute;
	right:-283px;
	top:181px
}
@media only screen and (max-width:1200px) {
	.product .ntsdb-performance .product-bg,.product .youdata-performance .product-bg {
	display:none
}
}@media only screen and (max-width:1200px) {
	.product .ntsdb-performance .product-ct,.product .youdata-performance .product-ct {
	padding-right:0
}
}@media only screen and (max-width:414px) {
	.product .ntsdb-performance h2,.product .youdata-performance h2 {
	width:283px;
	margin:0 auto
}
.product .ntsdb-performance .f-col-ct .f-fl,.product .youdata-performance .f-col-ct .f-fl {
	margin:0 20px;
	width:auto
}
.product .ntsdb-performance .f-col-ct .f-fl br,.product .youdata-performance .f-col-ct .f-fl br {
	display:none
}
.product .ntsdb-performance .f-col-ct .f-fl.active,.product .youdata-performance .f-col-ct .f-fl.active {
	background:0 0;
	box-shadow:none
}
.product .ntsdb-performance .f-col-ct .f-fl .performance-title .performance-number,.product .youdata-performance .f-col-ct .f-fl .performance-title .performance-number {
	background-image:linear-gradient(-90deg,#0293f2 3%,#0063fa 100%)
}
.product .ntsdb-performance .f-col-ct .f-fl+.f-fl,.product .youdata-performance .f-col-ct .f-fl+.f-fl {
	margin:0 20px
}
}.product .ntsdb-performance h2 {
	padding-top:51px
}
.product .ntsdb-performance .product-bg {
	position:absolute;
	right:-208px;
	top:234px
}
@media only screen and (max-width:1200px) {
	.product .ntsdb-performance .product-bg {
	display:none
}
}.product .ntsdb-book {
	height:160px;
	background:url(../images/product/ntsdb-book.jpg) no-repeat center/cover
}
@media only screen and (max-width:768px) {
	.product .ntsdb-book {
	height:80px
}
}.product .youdata-device {
	background:#fff;
	padding-bottom:96px;
	overflow:hidden;
	color:#2e394f
}
.product .youdata-device h2 {
	font-size:30px;
	text-align:center;
	margin-top:80px;
	margin-bottom:50px
}
.product .youdata-device .device-picture {
	margin-left:-104px;
	float:left;
	width:807px;
	height:502px;
	margin-top:96px
}
.product .youdata-device .device-picture img {
	width:100%;
	height:100%
}
.product .youdata-device .device {
	float:right;
	margin-top:96px
}
.product .youdata-device .device .device-dsc>div {
	overflow:hidden
}
.product .youdata-device .device .device-dsc>div+div {
	margin-top:45px
}
.product .youdata-device .device .device-dsc>div:last-child .device-icon {
	background:url(../images/product/youdata-iphone.svg) no-repeat center/contain
}
.product .youdata-device .device .device-icon {
	float:left;
	width:46px;
	height:46px;
	background:url(../images//product/youdata-web.svg) no-repeat;
	background-size:contain;
	vertical-align:top;
	margin-right:20px
}
.product .youdata-device .device .device-detail {
	float:left
}
.product .youdata-device .device .device-detail h3 {
	font-size:20px;
	margin-bottom:10px
}
.product .youdata-device .device .device-detail p {
	font-size:16px;
	color:#001b00;
	line-height:28px
}
@media only screen and (max-width:1200px) {
	.product .youdata-device .device-picture {
	width:calc(100% - 323px);
	height:auto
}
.product .youdata-device .device h2 {
	margin-top:40px
}
}@media only screen and (max-width:950px) {
	.product .youdata-device .device {
	float:none
}
.product .youdata-device .device-dsc>div {
	width:360px;
	margin:0 auto
}
.product .youdata-device .device-dsc>div .device-detail p {
	font-size:14px
}
.product .youdata-device .device-picture {
	width:calc(100% - 100px);
	margin:20px auto;
	float:none
}
}@media only screen and (max-width:414px) {
	.product .youdata-device h2 {
	width:251px;
	margin:40px auto 50px
}
.product .youdata-device .device-dsc {
	margin-bottom:35px
}
.product .youdata-device .device-dsc .device-icon {
	float:none;
	display:block;
	margin:0 auto
}
.product .youdata-device .device-dsc .device-detail {
	margin:0 auto;
	float:none
}
.product .youdata-device .device-dsc .device-detail h3,.product .youdata-device .device-dsc .device-detail p {
	text-align:center
}
}.product .youdata-help {
	overflow:hidden;
	background:#f8f9fd
}
.product .youdata-help .product-ct {
	overflow:hidden
}
.product .youdata-help .u-help-list {
	margin:88px auto;
	text-align:center;
	overflow:hidden;
	padding:0 2.5px
}
.product .youdata-help .u-help-list li {
	float:left;
	width:580px;
	height:120px;
	border:1px solid #cacaca;
	vertical-align:top;
	padding:27px 32px;
	background:#fff;
	box-shadow:0 2px 4px 0 rgba(0,0,0,.08),0 1px 8px 0 rgba(0,0,0,.08);
	border-radius:1px
}
.product .youdata-help .u-help-list li h5 {
	float:left;
	font-size:20px;
	line-height:28px;
	margin-bottom:7px;
	margin-top:4px;
	color:#5a6675
}
.product .youdata-help .u-help-list li img {
	float:left;
	margin-right:24px
}
.product .youdata-help .u-help-list li span {
	float:left;
	font-size:16px;
	color:#979797;
	line-height:22px
}
.product .youdata-help .u-help-list li:first-child {
	margin-right:20px
}
@media only screen and (max-width:1200px) {
	.product .youdata-help .u-help-list li {
	float:none;
	margin:10px auto
}
.product .youdata-help .u-help-list li:first-child {
	margin-right:auto
}
}@media only screen and (max-width:768px) {
	.product .youdata-help h2 {
	margin-top:50px
}
.product .youdata-help .u-help-list {
	width:100%
}
.product .youdata-help .u-help-list li {
	width:calc(50% - 10px);
	padding:30px 20px 25px;
	height:auto
}
.product .youdata-help .u-help-list li a {
	overflow:hidden;
	display:block
}
.product .youdata-help .u-help-list li a img {
	float:none;
	margin-right:0
}
.product .youdata-help .u-help-list li h5 {
	display:block;
	float:none;
	font-size:16px
}
}@media only screen and (max-width:420px) {
	.product .youdata-help .u-help-list li {
	width:calc(50% - 10px);
	padding:20px 15px 18px
}
.product .youdata-help .u-help-list li img {
	width:50px
}
.product .youdata-help .u-help-list li h5 {
	font-size:14px
}
}.product .ntsdb-banner {
	background:url(../images/banner-ntsdb.png) no-repeat center;
	background-color:#1c1f2e
}
.product .ddb-arch,.product .ntsdb-arch {
	display:block;
	padding-bottom:64px
}
.product .ddb-arch h2,.product .ntsdb-arch h2 {
	font-size:28px;
	color:#2e394f;
	text-align:center;
	line-height:32px;
	padding:64px 0
}
.product .ddb-arch img,.product .ntsdb-arch img {
	display:block;
	width:980px;
	margin:0 auto
}
@media only screen and (max-width:1100px) {
	.product .ddb-arch img,.product .ntsdb-arch img {
	padding:0 40px;
	width:100%
}
}.product .ddb-function,.product .ntsdb-function {
	padding-bottom:64px;
	overflow:hidden
}
.product .ddb-function h2,.product .ntsdb-function h2 {
	padding:80px 0;
	font-size:28px;
	color:#2e394f;
	text-align:center;
	line-height:32px
}
.product .ddb-function .f-col-4,.product .ddb-function .f-col-6,.product .ntsdb-function .f-col-4,.product .ntsdb-function .f-col-6 {
	border-right:1px solid #dcdee0
}
.product .ddb-function .f-col-4:last-of-type,.product .ddb-function .f-col-6:last-of-type,.product .ntsdb-function .f-col-4:last-of-type,.product .ntsdb-function .f-col-6:last-of-type {
	border-right:0
}
.product .ddb-function .f-col-4,.product .ntsdb-function .f-col-4 {
	height:400px;
	margin-bottom:24px
}
.product .ddb-function .f-col-4 .item,.product .ntsdb-function .f-col-4 .item {
	width:240px;
	padding-top:30px;
	margin-left:49px
}
.product .ddb-function .f-col-6 .item,.product .ntsdb-function .f-col-6 .item {
	width:500px
}
.product .ddb-function .f-col-6:last-child .item,.product .ntsdb-function .f-col-6:last-child .item {
	margin-left:89px
}
.product .ddb-function .item+.item,.product .ntsdb-function .item+.item {
	margin-top:42px
}
.product .ddb-function .item h3,.product .ntsdb-function .item h3 {
	font-size:24px;
	color:#333;
	letter-spacing:0;
	line-height:33px;
	margin-bottom:24px
}
.product .ddb-function .item p,.product .ntsdb-function .item p {
	font-size:14px;
	color:#636363;
	letter-spacing:0;
	line-height:22px;
	height:88px
}
.product .ddb-function img,.product .ntsdb-function img {
	width:596px;
	height:auto;
	margin:0 auto;
	display:block
}
@media only screen and (max-width:1200px) {
	.product .ddb-function .product-ct,.product .ntsdb-function .product-ct {
	padding-right:0
}
.product .ddb-function .f-col-4 .item,.product .ntsdb-function .f-col-4 .item {
	margin:0 auto
}
.product .ddb-function .f-col-6 .item,.product .ntsdb-function .f-col-6 .item {
	margin:10px 20px;
	width:auto
}
.product .ddb-function .f-col-6 .item p,.product .ntsdb-function .f-col-6 .item p {
	height:110px
}
.product .ddb-function .f-col-6:last-child .item,.product .ntsdb-function .f-col-6:last-child .item {
	margin:10px 20px
}
}@media only screen and (max-width:850px) {
	.product .ddb-function .f-col-4 .item,.product .ntsdb-function .f-col-4 .item {
	margin:0 10px;
	width:auto
}
.product .ddb-function .f-col-6 .item p,.product .ntsdb-function .f-col-6 .item p {
	height:auto
}
}@media only screen and (max-width:768px) {
	.product .ddb-function .f-col-4,.product .ddb-function .f-col-6,.product .ntsdb-function .f-col-4,.product .ntsdb-function .f-col-6 {
	width:100%;
	height:auto;
	margin-bottom:0
}
.product .ddb-function .f-col-4 .item,.product .ddb-function .f-col-6 .item,.product .ntsdb-function .f-col-4 .item,.product .ntsdb-function .f-col-6 .item {
	padding:0;
	margin:20px 80px 0 80px
}
.product .ddb-function .f-col-6:last-child .item,.product .ntsdb-function .f-col-6:last-child .item {
	margin:20px 80px
}
}@media only screen and (max-width:596px) {
	.product .ddb-function img,.product .ntsdb-function img {
	width:100%;
	padding:0 30px
}
}.product .ntsdb-function {
	padding-bottom:126px
}
.product .ddb-scenes .u-product-tt,.product .ntsdb-scenes .u-product-tt {
	font-size:28px
}
.product .ddb-scenes .m-common-content .content-item,.product .ntsdb-scenes .m-common-content .content-item {
	position:relative;
	height:100%
}
.product .ddb-scenes .m-common-content .content-item img,.product .ntsdb-scenes .m-common-content .content-item img {
	position:absolute;
	top:50%;
	left:50%;
	width:auto;
	transform:translate(-50%,-50%)
}
@media only screen and (max-width:1200px) {
	.product .ddb-scenes .m-common-content .content-item img,.product .ntsdb-scenes .m-common-content .content-item img {
	width:100%;
	margin-top:90px
}
}@media only screen and (max-width:768px) {
	.product .ddb-scenes .m-tab .m-common-tab .tab-item,.product .ntsdb-scenes .m-tab .m-common-tab .tab-item {
	width:120px
}
.product .ddb-scenes .m-tab .m-common-tab .tab-item.active,.product .ntsdb-scenes .m-tab .m-common-tab .tab-item.active {
	width:120px
}
}@media only screen and (max-width:1200px) {
	.product .ddb-scenes .m-common-content .content-item img {
	width:100%;
	margin-top:0
}
}.product .ntsdb-scenes .m-tab .m-common-content {
	height:400px
}
.product .ntsdb-scenes .content-item img {
	margin-top:40px;
	max-height:275px;
	max-width:1000px
}
.product .ddb-scenes .content-item img {
	max-height:450px
}
.product .ddb-scenes .m-tab .m-common-content .content-item {
	visibility:hidden
}
.product .ddb-scenes .m-tab .m-common-content .content-item.active {
	position:static;
	visibility:visible
}
.product .ddb-banner {
	background:url(../images/banner-ddb.png) no-repeat center;
	background-color:#1c1f2e
}
.product .ddb-performance {
	background:url(../images/product/ddb-performance-bg.jpg) no-repeat center/cover;
	overflow:hidden;
	padding-bottom:88px
}
.product .ddb-performance h2 {
	padding:64px 0 43px;
	font-size:28px;
	color:#fff;
	letter-spacing:0;
	text-align:left
}
.product .ddb-performance .f-col-4 {
	width:calc(33.33% - 13.333px);
	background:rgba(63,69,89,.2);
	box-shadow:0 46px 44px 0 rgba(12,13,27,.3),0 1px 4px 0 rgba(12,13,27,.3);
	border-radius:3px;
	color:#fff;
	padding:40px 40px 0 40px;
	height:210px;
	margin-bottom:20px;
	margin-left:20px
}
.product .ddb-performance .f-col-4 h3 {
	font-size:24px;
	margin-bottom:27px
}
.product .ddb-performance .f-col-4 p {
	text-align:justify;
	line-height:20px
}
.product .ddb-performance .f-col-4:nth-child(3n+2) {
	margin-left:0
}
@media only screen and (max-width:1150px) and (min-width:769px) {
	.product .ddb-performance .f-col-4 {
	width:calc(50% - 13.333px)
}
.product .ddb-performance .f-col-4:nth-child(3n+2) {
	margin-left:20px
}
.product .ddb-performance .f-col-4:nth-child(2n+2) {
	margin-left:0
}
}@media only screen and (max-width:768px) {
	.product .ddb-performance .f-col-4 {
	width:calc(100% - 85px);
	margin:25px 50px
}
.product .ddb-performance .f-col-4:nth-child(3n+2) {
	margin:0 50px
}
}@media only screen and (max-width:768px) {
	.product .ddb-performance h2 {
	margin-left:30px
}
.product .ddb-performance .f-col-4 {
	height:auto;
	min-height:210px;
	padding-bottom:20px
}
}@media only screen and (max-width:414px) {
	.product .mammut-banner {
	height:420px
}
.product .mammut-banner h1 {
	padding-top:120px
}
.product .mammut-banner p {
	padding:0 30px
}
.product .youdata-banner {
	height:420px
}
.product .youdata-banner .product-ct>.f-fl h1 {
	padding-top:120px
}
.product .youdata-banner .product-ct>.f-fl p {
	max-width:500px;
	width:100%;
	padding:0 30px;
	font-size:14px
}
.product .youdata-banner .dropdown3,.product .youdata-banner .u-register {
	display:inline-block
}
.product .youdata-banner .dropdown1,.product .youdata-banner .dropdown2,.product .youdata-banner .u-youdata-login {
	display:none
}
.product .product-function .product-ct {
	padding:0 20px
}
.product .product-function .item .panel-up {
	padding:20px 20px 20px 24px;
	box-sizing:border-box;
	background:#fff;
	cursor:pointer;
	overflow:hidden
}
.product .product-function .item .panel-up .content h3 {
	text-align:left;
	font-size:16px
}
.product .product-function .item .panel-up .content p {
	text-align:left
}
.product .youdata-feature h2 {
	font-size:22px;
	margin-bottom:30px
}
.product .youdata-feature .u-scenes-list li {
	height:auto;
	margin-bottom:20px
}
.product .youdata-feature .u-scenes-list li h3 {
	margin-top:0;
	margin-bottom:12px;
	font-size:16px
}
.product .youdata-feature .u-scenes-list li p {
	font-size:12px;
	line-height:22px
}
.product .mammut-article h2,.product .product-function h2,.product .youdata-help h2 {
	font-size:22px;
	margin-top:60px;
	margin-bottom:30px
}
}.u-article-list {
	margin-bottom:40px
}
.u-article-list li {
	width:1000px;
	padding:40px 0;
	margin:0 auto;
	border-bottom:1px solid #ebeced
}
.u-article-list li:hover {
	border-bottom:1px solid #cacbcc
}
.u-article-list li:hover .u-article-title {
	color:#0065f3
}
.u-article-list li:hover .u-article-author {
	color:#333
}
.u-article-list li:hover .u-article-detail {
	color:#333
}
.u-article-list li:hover img {
	box-shadow:0 2px 13px 0 rgba(0,0,0,.12)
}
.u-article-list li:last-of-type {
	border:none
}
.u-article-list li .u-article-title {
	font-size:20px;
	color:#333;
	margin-bottom:10px
}
.u-article-list li .u-article-author {
	padding-right:10px;
	line-height:20px;
	margin-bottom:14px;
	color:#666
}
.u-article-list li .u-article-detail {
	height:69px;
	text-align:justify;
	overflow:hidden;
	padding-right:10px;
	line-height:23px;
	margin-bottom:10px;
	color:#888
}
.u-article-list li img {
	float:right;
	margin-left:25px;
	width:200px;
	height:140px;
	border:1px solid #ebeced;
	border-radius:2px
}
@media only screen and (max-width:1030px) {
	.u-article-list {
	padding:0 20px
}
.u-article-list li {
	width:100%
}
}@media only screen and (max-width:768px) {
	.u-article-list li {
	height:auto;
	padding:20px
}
.u-article-list li .u-article-author {
	margin-bottom:0
}
.u-article-list li .u-article-detail {
	display:none
}
.u-article-list li img {
	display:none
}
}@media only screen and (max-width:414px) {
	.u-article-list li {
	height:auto
}
.u-article-list li .u-article-title {
	font-size:16px
}
}.article-list-banner {
	height:420px;
	background:url(../images/blog-bg-2.png) no-repeat right 64px/auto 100%,url(../images/blog-bg-1.png) no-repeat left 64px/auto 100%,linear-gradient(90deg,#0076e2,#001e78)
}
.article-list-banner h1 {
	font-size:44px;
	font-weight:lighter;
	padding-top:200px;
	color:#fff;
	text-align:center
}
@media only screen and (max-width:768px) {
	.article-list-banner {
	height:280px
}
.article-list-banner h1 {
	font-size:26px;
	line-height:40px;
	padding-top:130px
}
}.article-list {
	margin-top:50px;
	margin-bottom:100px
}
.m-video {
	width:100%;
	color:#535353
}
.m-video .video-banner {
	width:100%;
	background:url(../images/product/video-banner.jpg) no-repeat center/cover
}
.m-video .video-banner .video-banner-container {
	height:600px;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-moz-box-pack:center;
	-ms-flex-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
	align-items:center;
	-ms-flex-direction:column;
	flex-direction:column
}
.m-video .video-banner .video-banner-container h1 {
	font-size:40px;
	line-height:1.2;
	margin-bottom:26px;
	color:#fff
}
.m-video .video-banner .video-banner-container p {
	font-size:20px;
	margin-bottom:16px;
	line-height:1.2;
	color:#fff
}
.m-video .video-title {
	background:#f6f9fa;
	padding-top:50px
}
.m-video .video-title .video-title-container {
	width:1200px;
	margin:auto;
	text-align:center;
	overflow:hidden
}
.m-video .video-title .video-title-container h2 {
	font-size:24px;
	font-weight:700;
	line-height:1.2;
	margin-bottom:20px
}
.m-video .video-title .video-title-container .p-divider {
	background:#ccc;
	width:60px;
	margin:auto;
	height:4px
}
.m-video .video-title .video-title-container h3 {
	font-size:18px;
	line-height:1.2;
	margin-top:20px
}
.m-video .video-title .video-title-container .cards {
	margin:65px auto 115px;
	width:1020px;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-flow:wrap
}
.m-video .video-title .video-title-container .cards .card {
	width:310px;
	height:300px;
	position:relative;
	border:1px solid #ccc;
	margin:10px 15px;
	box-shadow:0 2px 13px 0 rgba(38,38,38,.19);
	border-radius:3px;
	background:#fff;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-moz-box-pack:center;
	-ms-flex-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
	align-items:center;
	-ms-flex-direction:column;
	flex-direction:column
}
.m-video .video-title .video-title-container .cards .card .name {
	font-size:20px;
	font-weight:700
}
.m-video .video-title .video-title-container .cards .card .card-txt {
	margin:15px 0 20px 0;
	width:224px;
	font-size:14px;
	height:112px;
	line-height:2;
	text-align:justify;
	text-justify:distribute;
	color:#77848d
}
.m-video .video-title .video-title-container .cards .card .play-video {
	border:1px solid rgba(238,238,238,.5);
	position:absolute;
	left:0;
	bottom:0;
	margin:0;
	padding:0;
	color:#969696;
	width:100%;
	border-top:1px solid #ccc;
	height:50px;
	line-height:48px;
	border-radius:4px;
	font-size:14px;
	cursor:pointer
}
.m-video .video-title .video-title-container .cards .card .play-video:hover {
	color:#636363
}
.m-video .video-title .video-title-container .cards .card .play-video .btn-play-s {
	background:url(../images/product/play-btn-2.svg) no-repeat center;
	position:absolute;
	width:26px;
	height:26px;
	top:50%;
	margin:-13px 0 0 0;
	left:50px
}
.m-video .video-title .video-title-container .cards .card .u-icn {
	position:absolute;
	top:-50px;
	left:50%;
	margin-left:-50px;
	width:100px;
	height:100px;
	border-radius:50%
}
.m-video .video-title .video-title-container .cards .card .u-icn-data {
	background:#1fc2a9
}
.m-video .video-title .video-title-container .cards .card .u-icn-report {
	background:#35b1e6
}
.m-video .video-title .video-title-container .cards .card .u-icn-dashboard {
	background:#5582cd
}
.m-video .video-title .video-title-container .cards .card .u-icn:before {
	font:1em/1 bigviz;
	font-size:40px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-20px 0 0 -20px;
	color:#fff
}
.m-video .video-title .video-title-container .cards .card .u-icn-data:before {
	content:"\F151"
}
.m-video .video-title .video-title-container .cards .card .u-icn-report:before {
	content:"\F152"
}
.m-video .video-title .video-title-container .cards .card .u-icn-dashboard:before {
	content:"\F153"
}
@media only screen and (max-width:1200px) {
	.m-video .video-title .video-title-container {
	width:100%
}
}@media only screen and (max-width:1020px) and (min-width:769px) {
	.m-video .video-title .video-title-container .cards {
	width:100%
}
.m-video .video-title .video-title-container .cards .card {
	width:calc(33.33% - 30px)
}
.m-video .video-title .video-title-container .cards .card .card-txt {
	width:100%;
	padding:0 20px
}
.m-video .video-title .video-title-container .cards .card .play-video .btn-play-s {
	left:30px
}
}@media only screen and (max-width:768px) {
	.m-video .video-title .video-title-container .cards {
	width:310px;
	margin:80px auto auto
}
.m-video .video-title .video-title-container .cards .card {
	margin:0 0 70px
}
}.m-video .video-content {
	padding:50px 0 80px
}
.m-video .video-content .video-content-container {
	width:1000px;
	margin:auto
}
.m-video .video-content .video-content-container ul {
	width:100%;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-flow:wrap
}
.m-video .video-content .video-content-container ul li {
	width:230px;
	height:220px;
	margin:25px 10px 0;
	position:relative;
	border:1px solid #ddd;
	box-shadow:0 2px 2px 0 rgba(38,38,38,.19)
}
.m-video .video-content .video-content-container ul li .play-video {
	position:relative;
	width:100%;
	height:146px;
	cursor:pointer
}
.m-video .video-content .video-content-container ul li .play-video img {
	width:100%;
	height:100%
}
.m-video .video-content .video-content-container ul li .play-video .mask {
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background:#1e2d40;
	opacity:0
}
.m-video .video-content .video-content-container ul li .play-video .btn-play-s {
	width:32px;
	height:32px;
	position:absolute;
	left:50%;
	top:50%;
	margin:-16px 0 0 -16px;
	opacity:0;
	background:url(../images/product/play-btn-1.svg) no-repeat center;
	background-repeat:no-repeat
}
.m-video .video-content .video-content-container ul li .play-video:hover .mask {
	opacity:.8
}
.m-video .video-content .video-content-container ul li .play-video:hover .btn-play-s {
	opacity:1;
	z-index:2
}
.m-video .video-content .video-content-container ul li .txt {
	margin:10px
}
.m-video .video-content .video-content-container ul li .txt .tip {
	font-size:12px;
	margin:20px 0 0 0
}
.m-video .video-content .video-content-container ul li .txt .tip .f-fl {
	margin-right:10px
}
@media only screen and (max-width:1000px) {
	.m-video .video-content .video-content-container {
	width:750px
}
}@media only screen and (max-width:750px) {
	.m-video .video-content .video-content-container {
	width:500px
}
}@media only screen and (max-width:500px) {
	.m-video .video-content .video-content-container {
	width:250px
}
}.m-video .intro-video-container {
	display:none;
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	background-color:rgba(0,0,0,.5);
	-webkit-box-pack:center;
	-moz-box-pack:center;
	-ms-flex-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
	align-items:center;
	z-index:100
}
.m-video .intro-video-container .item {
	position:relative
}
.m-video .intro-video-container video {
	width:1000px;
	height:625px
}
@media only screen and (max-width:1000px) {
	.m-video .intro-video-container .item {
	width:90%;
	height:auto;
	margin:auto
}
.m-video .intro-video-container video {
	width:100%;
	height:auto
}
}.m-video .intro-video-container .close-video {
	position:absolute;
	top:-18px;
	right:-18px;
	width:36px;
	height:36px;
	background:url(../images/close-video.png) no-repeat center/cover;
	cursor:pointer;
	border-radius:18px;
	z-index:1
}
.m-video .intro-video-container .close-video:hover {
	background:url(../images/close-video.png) no-repeat center/cover,rgba(255,255,255,.1)
}
.case-banner {
	width:100%;
	box-sizing:border-box;
	background:url(../images/case/case-bg-1.png) no-repeat right 64px/auto 100%,url(../images/case/case-bg-2.png) no-repeat left 64px/auto 100%,linear-gradient(90deg,#0076e2,#001e78);
	padding:160px 0 130px 0;
	text-align:center
}
.case-banner h1 {
	font-size:45px;
	line-height:63px;
	color:#fff
}
.case-banner p {
	max-width:600px;
	line-height:28px;
	margin:11px auto 0;
	font-size:16px;
	font-weight:lighter;
	color:#fff
}
.cases {
	width:100%;
	padding-bottom:40px
}
.cases .case {
	position:relative;
	box-sizing:border-box;
	width:1060px;
	margin:auto;
	padding:60px 0;
	overflow:hidden;
	border-bottom:1px solid #dcdee0
}
.cases .case .case-category {
	font-size:30px;
	color:#666;
	line-height:42px;
	margin-bottom:30px
}
.cases .case .case-img {
	float:left;
	clear:left;
	width:347px;
	margin-right:40px
}
.cases .case .case-img img {
	width:100%;
	height:100%
}
.cases .case .case-info {
	overflow:hidden
}
.cases .case .case-info .case-logo {
	display:inline-block;
	height:50px;
	width:auto
}
.cases .case .case-info .case-logo img {
	height:100%;
	width:auto;
	margin-top:-15px
}
.cases .case .case-info .case-title {
	font-size:32px;
	line-height:45px;
	color:#333;
	margin-top:5px;
	margin-bottom:10px
}
.cases .case .case-info .case-describe {
	font-size:14px;
	height:119px;
	color:#636363;
	letter-spacing:0;
	text-align:justify;
	line-height:24px
}
.cases .case .case-info .case-more {
	float:right
}
.cases .case .case-info .case-more a {
	font-size:14px;
	color:#006bf9
}
.cases .case:last-child {
	border-bottom:0
}
.case-h1 {
	margin-top:110px;
	text-align:center;
	font-size:34px
}
@media only screen and (max-width:768px) {
	.case-banner {
	padding:145px 50px 50px 50px
}
.case-banner h1 {
	font-size:26px;
	line-height:40px
}
.case-banner p {
	line-height:28px;
	margin-top:15px;
	font-size:14px
}
.cases .case {
	width:100%;
	padding:25px
}
.cases .case .case-category {
	font-size:22px;
	margin-bottom:0
}
.cases .case .case-img {
	float:none;
	width:100%;
	max-width:350px;
	height:auto;
	margin:10px 0
}
.cases .case .case-info {
	height:auto
}
.cases .case .case-info .case-logo {
	display:none;
	margin:10px auto;
	height:30px
}
.cases .case .case-info .case-title {
	font-size:18px;
	line-height:40px;
	color:#4a4a4a;
	margin:0
}
.cases .case .case-info .case-describe {
	font-size:14px;
	line-height:24px;
	height:auto
}
.cases .case .case-info .case-more {
	position:relative;
	bottom:0;
	margin-top:15px
}
.case-h1 {
	margin:110px 38px 0;
	font-size:28px;
	line-height:38px
}
}@media only screen and (max-width:1200px) and (min-width:1120px) {
	.case-banner {
	min-width:930px
}
.cases .case .case-img {
	width:45.8%;
	min-width:350px
}
}@media only screen and (max-width:1120px) and (min-width:769px) {
	.cases .case {
	width:100%;
	padding:50px
}
.cases .case .case-img {
	width:45.8%;
	min-width:350px;
	margin-right:40px
}
.cases .case .case-info .case-logo {
	display:none
}
.cases .case .case-info .case-title {
	margin-top:0
}
.cases .case .case-info .case-more {
	bottom:60px
}
}.case-container {
	width:100%
}
.case-container .case-content {
	width:1200px;
	margin:auto;
	padding:65px 160px 104px;
	overflow:hidden
}
.case-container h1 {
	margin:56px auto;
	font-size:36px;
	line-height:50px;
	color:#333;
	text-align:center
}
.case-container h2 {
	margin-bottom:24px;
	font-size:24px;
	color:#333;
	line-height:24px
}
.case-container h2:before {
	content:"";
	display:inline-block;
	width:2px;
	height:22px;
	background-color:#4575e6;
	margin-right:12px;
	position:relative;
	top:2px
}
.case-container h3 {
	font-size:18px;
	color:#333;
	line-height:24px;
	margin-bottom:12px
}
.case-container p {
	font-size:14px;
	letter-spacing:0;
	line-height:26px;
	margin-bottom:32px;
	text-align:justify;
	color:#333
}
.case-container p.list {
	line-height:20px
}
.case-container p.img {
	margin-bottom:16px
}
.case-container hr {
	border:none;
	border-top:1px solid #ccc;
	margin:72px 0 88px
}
.case-container img {
	width:100%;
	border:1px solid #d9d9d9;
	box-shadow:0 0 15px #d9d9d9;
	margin-bottom:32px
}
.case-container .color-6 {
	color:#666
}
.case-container .color-2a {
	color:#2a2a2a
}
@media only screen and (max-width:1200px) {
	.case-container .case-content {
	width:100%;
	padding:65px 13.33% 104px
}
}@media only screen and (max-width:768px) {
	.case-container .case-content {
	padding:65px 50px 60px
}
}.about {
	width:100%;
	margin-top:70px
}
.about .item {
	box-sizing:border-box;
	width:1200px;
	margin:auto;
	padding:80px 0;
	border-bottom:1px solid #d8d8d8;
	overflow:hidden
}
.about .item .img-container {
	width:650px
}
.about .item .img-container img {
	width:100%
}
.about .item:nth-child(odd) .img-container {
	float:left;
	margin-right:60px
}
.about .item:nth-child(even) .img-container {
	float:right;
	margin-left:60px
}
.about .item .txt-container {
	overflow:hidden
}
.about .item .txt-container h3 {
	font-size:30px;
	color:#4a4a4a;
	margin-bottom:21px
}
.about .item .txt-container p {
	font-size:14px;
	color:grey;
	line-height:28px;
	text-align:justify;
	text-indent:2em
}
.about .item .txt-container .u-chat {
	display:block;
	width:167px;
	height:53px;
	background-color:#fff;
	color:#1c73f0;
	text-align:center;
	line-height:51px;
	border:1px solid #1c73f0;
	margin-top:40px
}
.about .item:nth-child(4) {
	border-bottom:none
}
.about .item:nth-child(4) .txt-container p {
	text-indent:0
}
.about .join-us {
	box-sizing:border-box;
	width:100%;
	background-color:#1264db;
	padding:60px 20px 80px;
	overflow:hidden
}
.about .join-us h3 {
	color:#fff;
	margin-bottom:20px;
	font-size:26px;
	text-align:center
}
.about .join-us p {
	color:#fff;
	font-size:18px;
	line-height:30px;
	max-width:846px;
	text-align:center;
	margin:0 auto 40px
}
.about .join-us .u-jobs {
	margin:0 auto;
	display:block;
	width:140px;
	height:50px;
	line-height:48px;
	text-align:center;
	color:#fff;
	border:1px solid #fff
}
@media only screen and (max-width:768px) {
	.about .item {
	padding:50px 20px
}
.about .item .img-container {
	width:100%
}
.about .item .txt-container {
	width:100%!important
}
}@media only screen and (max-width:1200px) {
	.about .item {
	width:100%;
	padding:50px 20px
}
.about .item:nth-child(odd) .img-container {
	float:none;
	margin:auto
}
.about .item:nth-child(even) .img-container {
	float:none;
	margin:auto
}
.about .item .txt-container {
	width:650px;
	margin:20px auto 0
}
}.job-banner {
	margin-top:65px;
	width:100%;
	overflow:hidden;
	background:url(../images/job-banner.png) no-repeat center/auto 100%
}
.job-banner img {
	width:100%;
	min-height:370px;
	visibility:hidden
}
.job-content {
	width:804px;
	margin:auto
}
.job-content .job-intro {
	padding:0 75px
}
.job-content .job-intro h2 {
	font-size:30px;
	font-weight:700;
	padding:20px 0;
	color:#666;
	line-height:1.6
}
.job-content .job-intro p {
	font-size:14px;
	color:#666;
	line-height:25px
}
.job-content .job-intro p:last-of-type {
	color:#2a2a2a
}
.job-content .job-intro p a {
	color:#666
}
.job-content .job-intro hr {
	margin-bottom:20px;
	border:none;
	border-bottom:1px solid #d4d4d6
}
.job-content .job-detail {
	width:100%;
	margin:50px 0;
	border:1px solid #ccc
}
.job-content .job-detail .category {
	box-sizing:border-box;
	height:80px;
	padding:15px 50px;
	border-bottom:1px solid #d4d4d6
}
.job-content .job-detail .category span {
	box-sizing:border-box;
	display:block;
	padding:10px 20px 22px;
	font-size:16px;
	line-height:30px;
	color:#666;
	float:left
}
.job-content .job-detail .category .item-type {
	font-size:18px;
	color:#333;
	padding-left:0;
	font-weight:700
}
.job-content .job-detail .category .item {
	cursor:pointer
}
.job-content .job-detail .category .item:hover {
	color:#09f
}
.job-content .job-detail .category .item.active {
	border-bottom:3px solid #09f;
	color:#333;
	font-weight:700
}
.job-content .job-detail .category-item {
	display:none
}
.job-content .job-detail .category-item.active {
	display:block
}
.job-content .job-detail .category-item .job-list {
	box-sizing:border-box;
	padding:15px 50px;
	overflow:hidden
}
.job-content .job-detail .category-item .job-list div {
	width:50%;
	float:left;
	font-size:14px;
	line-height:34px
}
.job-content .job-detail .category-item .job-list div a {
	color:#666
}
.job-content .job-detail .category-item .job-list div a:hover {
	color:#09f
}
.job-content .job-detail .category-item .item h3 {
	position:relative;
	border-top:1px solid #d4d4d6;
	padding:18px 50px;
	color:#333;
	font-size:18px;
	line-height:28px;
	cursor:pointer
}
.job-content .job-detail .category-item .item h3 i::after {
	position:absolute;
	right:50px;
	top:28px;
	content:"";
	display:block;
	width:0;
	height:0;
	border-style:solid;
	border-width:8px;
	border-color:#999 transparent transparent;
	z-index:-1
}
.job-content .job-detail .category-item .item div {
	display:none;
	border-top:1px solid #d4d4d6;
	padding:30px 50px;
	background-color:#f5f5f5;
	color:#666;
	font-size:14px;
	line-height:30px
}
.job-content .job-detail .category-item .item div h4 {
	margin:6px auto
}
.job-content .job-detail .category-item .item div a {
	display:inline-block;
	padding:8px 20px;
	color:#fff;
	background:#09f;
	border-radius:2px;
	line-height:normal;
	margin-top:6px
}
.job-content .job-detail .category-item .item div ol:nth-of-type(3) {
	margin-left:16px
}
.job-content .job-detail .category-item .item.open h3 {
	font-weight:700
}
.job-content .job-detail .category-item .item.open h3 i::after {
	top:19px;
	border-color:transparent transparent #999
}
.job-content .job-detail .category-item .item.open div {
	display:block
}
@media only screen and (max-width:804px) {
	.job-content {
	width:100%;
	padding:0 5px;
	box-sizing:border-box
}
.job-content .job-intro {
	padding:0 10px
}
.job-content .job-detail {
	box-sizing:border-box
}
.job-content .job-detail .category {
	height:105px;
	padding:15px
}
.job-content .job-detail .category span {
	padding:13px 10px 14px
}
.job-content .job-detail .category .item-type {
	width:100%;
	padding:0
}
.job-content .job-detail .category .item {
	position:relative;
	left:-10px
}
.job-content .job-detail .category-item .job-list {
	padding:15px
}
.job-content .job-detail .category-item .job-list div {
	width:100%
}
.job-content .job-detail .category-item .item h3 {
	padding:15px
}
.job-content .job-detail .category-item .item h3 i::after {
	right:20px;
	top:25px
}
.job-content .job-detail .category-item .item div {
	padding:20px
}
.job-content .job-detail .category-item .item.open h3 i::after {
	top:17px
}
}.support-banner {
	background:url(../images/support/support-bg-2.png) no-repeat right 64px/auto 100%,url(../images/support/support-bg-1.png) no-repeat left 64px/auto 100%,linear-gradient(90deg,#0076e2,#001e78)
}
.support-help .m-container,.support-service .m-container {
	padding-top:50px
}
.support-service .m-container {
	padding:50px 0 100px
}
.support-service .m-container .service-content {
	margin-top:12px
}
.support-service .m-container>.f-col-ct {
	margin-top:50px
}
.support-service .m-container>.f-col-ct .f-col-3 .icon {
	width:100%;
	height:100px;
	margin:0 auto 10px;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-moz-box-pack:center;
	-ms-flex-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
	align-items:center
}
.support-service .m-container>.f-col-ct .f-col-3 h3 {
	color:#333
}
.support-service .m-container>.f-col-ct .f-col-3 p {
	text-align:center;
	margin:15px auto 0;
	color:#333;
	font-size:20px;
	line-height:28px;
	max-width:180px
}
.support-service .m-container>.f-col-ct .f-col-3:nth-child(1) .icon div {
	width:86px;
	height:73px;
	background:url(../images/support/service-1.png) no-repeat center/contain
}
.support-service .m-container>.f-col-ct .f-col-3:nth-child(2) .icon div {
	width:71px;
	height:72px;
	background:url(../images/support/service-2.png) no-repeat center/contain
}
.support-service .m-container>.f-col-ct .f-col-3:nth-child(3) .icon div {
	width:65px;
	height:66px;
	background:url(../images/support/service-3.png) no-repeat center/contain
}
.support-service .m-container>.f-col-ct .f-col-3:nth-child(4) .icon div {
	width:89px;
	height:62px;
	background:url(../images/support/service-4.png) no-repeat center/contain
}
@media only screen and (max-width:768px) {
	.support-service {
	border:none;
	background:#f6f6f6
}
.support-service .m-container {
	padding:44px 0 50px
}
.support-service .m-container h2 {
	font-size:22px;
	line-height:31px;
	color:#000
}
.support-service .m-container>.f-col-ct {
	margin-top:40px
}
.support-service .m-container>.f-col-ct .f-col-3 {
	width:50%
}
.support-service .m-container>.f-col-ct .f-col-3 h3 {
	font-size:15px;
	line-height:21px
}
.support-service .m-container>.f-col-ct .f-col-3 p {
	font-size:14px;
	line-height:22px
}
.support-service .m-container>.f-col-ct .f-col-3:nth-child(1),.support-service .m-container>.f-col-ct .f-col-3:nth-child(2) {
	margin-bottom:60px
}
}.support-help {
	border-top:1px solid #dcdee0;
	text-align:center;
	font-size:0
}
.support-help h2 {
	margin-bottom:40px
}
.support-help .help-mammut,.support-help .help-youdata {
	width:300px;
	height:200px;
	display:inline-block;
	background:#fff;
	border:1px solid #dfe3e9;
	box-shadow:0 2px 4px 0 rgba(0,0,0,.08);
	border-radius:3px;
	vertical-align:middle;
	padding:37px 0
}
.support-help .help-mammut h3,.support-help .help-youdata h3 {
	font-size:20px;
	line-height:28px
}
.support-help .help-mammut p,.support-help .help-youdata p {
	font-size:12px;
	color:#999;
	line-height:17px;
	margin-bottom:20px;
	margin-top:3px
}
.support-help .help-mammut a,.support-help .help-youdata a {
	display:block
}
.support-help .help-mammut a img,.support-help .help-youdata a img {
	width:22px;
	height:22px;
	vertical-align:middle;
	margin-right:8px
}
.support-help .help-mammut a span,.support-help .help-youdata a span {
	font-size:14px;
	color:#666;
	vertical-align:middle
}
.support-help .help-mammut a+a,.support-help .help-youdata a+a {
	margin-top:15px
}
.support-help .help-mammut {
	margin-left:20px
}
@media only screen and (max-width:768px) {
	.support-help .help-mammut {
	display:none
}
}.m-contact-section {
	height:236px;
	background:url(../images/ft-img.png) no-repeat center -2px;
	overflow:hidden
}
.m-contact-section .m-container {
	padding:53px;
	width:1200px;
	margin:auto
}
.m-contact-section .m-container h2 {
	color:#fff;
	letter-spacing:1px;
	line-height:45px;
	font-size:24px;
	margin-bottom:31px
}
.m-contact-section .m-container button[type=submit] {
	display:block;
	width:160px;
	height:44px;
	margin:auto;
	padding:0;
	font-size:16px;
	line-height:42px;
	color:#fff;
	transition:all .2s ease-in-out;
	background:rgba(255,255,255,.19);
	border:1px solid #fff;
	border-radius:3px
}
.m-contact-section .m-container button[type=submit]:hover {
	color:#000;
	background:#fff
}
@media only screen and (max-width:1200px) {
	.m-contact-section .m-container {
	width:100%
}
}.m-contact {
	padding:80px 0 2px;
	background-color:#252525;
	overflow:hidden
}
.m-contact .m-container {
	box-sizing:border-box;
	padding:0 40px 90px;
	width:1200px;
	margin:auto;
	border-bottom:1px solid #444
}
.m-contact .m-container h2 {
	color:#fff
}
.m-contact .m-container>p {
	margin:16px auto 40px;
	color:#fff
}
.m-contact .m-container form {
	box-sizing:border-box;
	width:690px;
	margin:auto
}
.m-contact .m-container form input,.m-contact .m-container form label {
	display:block;
	width:100%;
	color:#000
}
.m-contact .m-container form label {
	margin:23px 0 10px;
	color:#fff
}
.m-contact .m-container form input {
	box-sizing:border-box;
	height:42px;
	padding:12px;
	width:330px
}
.m-contact .m-container form .f-col-6 {
	box-sizing:border-box;
	width:330px
}
.m-contact .m-container form .f-col-6:last-of-type {
	margin-bottom:41px
}
.m-contact .m-container form .f-col-6:nth-child(odd) {
	margin-right:30px
}
.m-contact .m-container form button[type=submit] {
	box-sizing:border-box;
	display:block;
	width:240px;
	height:50px;
	margin:auto;
	padding:0;
	font-size:18px;
	line-height:48px;
	color:#fff;
	background-color:transparent;
	border:1px solid #fff;
	transition:all .2s ease-in-out
}
.m-contact .m-container form button[type=submit]:hover {
	background-color:#4575e6;
	border:1px solid #4575e6
}
.m-contact .m-container form .message {
	display:none;
	text-align:center;
	margin-top:5px;
	color:#00c77a
}
.m-contact .m-container form .warn-message {
	text-align:left;
	color:#e0473f
}
@media only screen and (max-width:1200px) {
	.m-contact .m-container {
	width:100%
}
}@media only screen and (max-width:768px) {
	.m-contact {
	padding:40px 20px;
	border-bottom:1px solid #444
}
.m-contact .m-container {
	border-bottom:none;
	padding:0
}
.m-contact .m-container h2 {
	font-size:18px;
	line-height:25px
}
.m-contact .m-container>p {
	margin:12px auto 5px;
	font-size:12px;
	line-height:17px
}
.m-contact .m-container form {
	width:326px
}
.m-contact .m-container form input {
	width:160px;
	height:36px;
	font-size:14px;
	line-height:20px;
	padding:8px
}
.m-contact .m-container form .f-col-6 {
	width:160px
}
.m-contact .m-container form .f-col-6:nth-child(odd) {
	margin-right:6px
}
.m-contact .m-container form .f-col-6:last-of-type {
	margin-bottom:20px
}
.m-contact .m-container form .message {
	font-size:12px
}
.m-contact .m-container form button[type=submit] {
	width:132px;
	height:32px;
	line-height:32px;
	padding:0;
	font-size:14px
}
}@media only screen and (max-width:360px) {
	.m-contact .m-container form {
	width:100%
}
.m-contact .m-container form input {
	width:100%
}
.m-contact .m-container form .f-col-6 {
	width:100%
}
}.m-apply,.m-modal {
	margin-top:65px
}
.m-apply .m-header,.m-modal .m-header {
	background:#f8f9fd
}
.m-apply .m-header h2,.m-modal .m-header h2 {
	color:#333;
	padding:104px 0 23px
}
.m-apply .m-header p,.m-modal .m-header p {
	color:#333;
	padding:0 30px 67px 30px
}
.m-apply .m-container,.m-modal .m-container {
	padding:48px 0 326px 0;
	width:1180px
}
.m-apply .contact-form .f-col-ct,.m-modal .contact-form .f-col-ct {
	margin-bottom:32px
}
.m-apply .contact-form .f-col-ct:last-of-type,.m-modal .contact-form .f-col-ct:last-of-type {
	margin-bottom:0;
	text-align:center
}
.m-apply .contact-form .f-col-ct label,.m-modal .contact-form .f-col-ct label {
	display:inline-block;
	width:320px;
	font-size:16px;
	color:#333;
	text-align:right;
	padding-right:50px
}
.m-apply .contact-form .f-col-ct label.required,.m-modal .contact-form .f-col-ct label.required {
	padding-right:39px
}
.m-apply .contact-form .f-col-ct label.required:after,.m-modal .contact-form .f-col-ct label.required:after {
	content:"*";
	color:red;
	margin-left:4px;
	vertical-align:middle
}
.m-apply .contact-form .f-col-ct input,.m-apply .contact-form .f-col-ct select,.m-apply .contact-form .f-col-ct textarea,.m-modal .contact-form .f-col-ct input,.m-modal .contact-form .f-col-ct select,.m-modal .contact-form .f-col-ct textarea {
	padding:12px;
	width:540px;
	background:#fff;
	border:1px solid #dedee0;
	border-radius:3px
}
.m-apply .contact-form .f-col-ct input,.m-apply .contact-form .f-col-ct select,.m-modal .contact-form .f-col-ct input,.m-modal .contact-form .f-col-ct select {
	height:48px
}
.m-apply .contact-form .f-col-ct textarea,.m-modal .contact-form .f-col-ct textarea {
	height:120px;
	vertical-align:top
}
.m-apply .contact-form .f-col-ct .authcode,.m-modal .contact-form .f-col-ct .authcode {
	width:181px;
	height:48px;
	margin-left:20px;
	font-size:16px;
	color:#3374f2;
	border-radius:2px;
	border:1px solid #3374f2;
	vertical-align:top;
	background:#fff
}
.m-apply .contact-form .f-col-ct .authcode-input,.m-modal .contact-form .f-col-ct .authcode-input {
	width:335px
}
.m-apply .contact-form .f-col-ct button[disabled].authcode,.m-modal .contact-form .f-col-ct button[disabled].authcode {
	background:#ccc;
	cursor:not-allowed;
	color:#fff;
	border:0
}
.m-apply .contact-form .f-col-ct button[type=submit],.m-modal .contact-form .f-col-ct button[type=submit] {
	background:#3374f2;
	border-radius:2px;
	width:540px;
	height:48px;
	color:#fff;
	font-size:20px;
	border:0;
	margin-left:5px
}
.m-apply .message,.m-modal .message {
	display:none;
	text-align:center;
	margin-top:5px;
	color:#00c77a
}
.m-apply .warn-message,.m-modal .warn-message {
	text-align:left;
	color:#e0473f
}
.m-apply1 {
	margin-top:65px;
	height:500px;
	position:relative
}
.m-apply1 .m-apply-success {
	position:absolute;
	left:0;
	right:0;
	margin:auto;
	width:395px;
	height:auto;
	margin-top:240px
}
.m-apply1 .m-apply-success h2 {
	font-size:32px;
	margin-bottom:10px
}
.m-apply1 .m-apply-success p {
	font-size:16px;
	color:#666
}
@media only screen and (max-width:500px) {
	.m-apply1 .m-apply-success {
	top:0;
	bottom:0;
	height:90px;
	width:auto;
	margin:auto 20px
}
.m-apply1 .m-apply-success h2,.m-apply1 .m-apply-success p {
	text-align:center
}
}.m-mask {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:rgba(0,0,0,.5);
	z-index:500;
	display:none
}
.m-modal {
	background:#fff;
	width:935px;
	position:absolute;
	left:0;
	right:0;
	margin:100px auto 0;
	border-radius:5px
}
.m-modal .header {
	height:60px;
	padding:0 30px
}
.m-modal .header .title {
	font-size:16px;
	color:#666;
	line-height:60px;
	float:left
}
.m-modal .header .close {
	position:relative;
	float:right;
	top:22px;
	cursor:pointer;
	height:20px;
	width:20px
}
.m-modal .header .close:after,.m-modal .header .close:before {
	content:" ";
	height:16px;
	width:1.5px;
	top:2px;
	right:9px;
	border-radius:1px;
	position:absolute;
	background-color:#666
}
.m-modal .header .close:after {
	transform:rotate(-45deg)
}
.m-modal .header .close:before {
	transform:rotate(45deg)
}
.m-modal .body {
	padding:30px
}
.m-modal .body .m-header {
	background:#fff
}
.m-modal .body .m-header h2 {
	padding:0 0 23px 0
}
.m-modal .body .m-header p {
	padding-bottom:42px
}
.m-modal .body .m-container {
	width:auto;
	padding:0
}
.m-modal .body .f-col-ct label {
	width:211px
}
.m-modal .footer {
	height:64px;
	padding:0 40px
}
.m-modal .footer .modal-btn {
	float:right;
	border-radius:2px;
	width:80px;
	height:32px;
	border:0
}
.m-modal .footer .btn-cancel {
	margin-left:16px;
	background:#fff;
	border:1px solid #ccc
}
.m-modal .footer .btn-ok {
	background:#1b9bff;
	color:#fff
}
@media only screen and (max-height:900px) {
	.m-modal {
	margin-top:40px
}
.m-modal .header {
	height:40px
}
.m-modal .body {
	padding:5px 30px
}
.m-modal .body .m-header h2 {
	padding-bottom:5px
}
.m-modal .body .m-header p {
	padding-bottom:20px
}
.m-modal .body .contact-form .f-col-ct {
	margin-bottom:20px
}
}@media only screen and (max-width:1200px) {
	.m-apply .m-container {
	width:768px
}
.m-apply .contact-form .f-col-ct label {
	width:220px
}
.m-apply .contact-form .f-col-ct input,.m-apply .contact-form .f-col-ct select,.m-apply .contact-form .f-col-ct textarea {
	width:448px
}
.m-apply .contact-form .f-col-ct button[type=submit] {
	width:445px;
	margin-left:130px
}
.m-apply .contact-form .f-col-ct .authcode-input {
	width:270px
}
.m-apply .contact-form .f-col-ct .authcode {
	width:150px
}
}@media only screen and (max-width:768px) {
	.m-apply .m-container {
	width:414px
}
.m-apply .contact-form .f-col-ct label {
	text-align:left;
	margin-bottom:10px
}
.m-apply .contact-form .f-col-ct input,.m-apply .contact-form .f-col-ct select,.m-apply .contact-form .f-col-ct textarea {
	width:414px
}
.m-apply .contact-form .f-col-ct button[type=submit] {
	width:350px;
	height:54px;
	margin-left:5px
}
.m-apply .contact-form .f-col-ct .authcode {
	width:115px
}
}@media only screen and (max-width:414px) {
	.m-apply .m-container {
	width:300px;
	padding-left:10px;
	padding-right:10px
}
.m-apply .contact-form .f-col-ct input,.m-apply .contact-form .f-col-ct select,.m-apply .contact-form .f-col-ct textarea {
	width:100%
}
.m-apply .contact-form .f-col-ct button[type=submit] {
	width:100%;
	height:44px
}
.m-apply .contact-form .f-col-ct .authcode-input {
	width:170px
}
.m-apply .contact-form .f-col-ct .authcode {
	width:100px;
	margin:0
}
}.clearfix:after {
	clear:both;
	content:".";
	display:block;
	width:0;
	height:0;
	visibility:hidden
}
.solution {
	text-align:center
}
.solution .title {
	margin-bottom:12px;
	color:#000;
	font-size:16px;
	line-height:22px
}
.solution p {
	color:#666;
	font-size:14px;
	line-height:24px;
	text-align:left
}
.solution .item {
	display:inline-block
}
.solution .m-container {
	width:1180px
}
.solution .solution-banner {
	height:544px;
	text-align:left;
	color:#fff
}
.solution .solution-banner .m-container {
	padding:173px 53px 0
}
.solution .solution-banner h1 {
	font-size:44px;
	line-height:62px
}
.solution .solution-banner p {
	width:739px;
	margin:12px 0 54px;
	color:#fff;
	font-size:18px;
	line-height:32px
}
.solution .solution-banner a {
	display:inline-block;
	width:176px;
	height:40px;
	border:1px solid #fff;
	border-radius:3px;
	color:#fff;
	font-size:16px;
	line-height:38px;
	text-align:center
}
.solution .solution-banner a:hover {
	color:#000;
	background:#fff
}
.solution .solution-background .m-container {
	padding:64px 0 50px
}
.solution .solution-background h2 {
	margin-bottom:58px
}
.solution .solution-background .content {
	width:1074px;
	margin:auto
}
.solution .solution-background .brief {
	width:1074px;
	margin:auto;
	margin-bottom:58px;
	font-size:16px;
	line-height:28px
}
.solution .solution-background .item {
	float:left;
	width:258px;
	margin-right:150px
}
.solution .solution-background .item:last-child {
	margin-right:0
}
.solution .solution-background .title {
	margin-top:23px
}
.solution .solution-background .icon {
	width:44px;
	height:40px;
	margin:auto
}
.solution .solution-case {
	background:#f5f6f7
}
.solution .solution-case .m-container {
	padding:60px 0 84px
}
.solution .solution-case h2 {
	margin-bottom:40px
}
.solution .solution-case img {
	max-width:100%;
	max-height:100%
}
.solution .solution-feature .m-container {
	padding:60px 0
}
.solution .solution-feature h2 {
	margin-bottom:60px
}
.solution .solution-feature .content {
	width:1078px;
	margin:auto
}
.solution .solution-feature .item {
	float:left;
	width:300px;
	height:316px;
	padding:23px 56px 21px 56px;
	margin-right:89px;
	border:1px solid #dae0e2;
	background:#fff;
	box-shadow:0 2px 4px 0 rgba(0,0,0,.08)
}
.solution .solution-feature .item:last-child {
	margin-right:0
}
.solution .solution-feature .title {
	margin:12px 0
}
.solution .solution-feature .icon {
	width:80px;
	height:80px;
	margin:auto;
	padding:4px
}
.solution .solution-value {
	background:#f5f6f7
}
.solution .solution-value .m-container {
	padding:64px 0 82px
}
.solution .solution-value h2 {
	margin-bottom:63px
}
.solution .solution-value .item {
	float:left;
	width:320px;
	height:410px;
	margin-right:110px;
	border:1px solid #dae0e2;
	background:#fff;
	box-shadow:0 2px 4px 0 rgba(0,0,0,.08)
}
.solution .solution-value .item:last-child {
	margin-right:0
}
.solution .solution-value .item img {
	width:100%;
	height:196px
}
.solution .solution-value .item .words {
	padding:21px 30px
}
.solution .solution-value .item .words>div {
	display:inline-block
}
.solution .solution-value .item .words .number {
	float:left;
	color:#2a81f3;
	font-size:32px;
	line-height:45px;
	vertical-align:top
}
.solution .solution-value .item .words .text {
	float:right;
	width:230px;
	margin-top:11px
}
.solution .solution-value .title {
	text-align:left
}
.solution .solution-consult {
	background:url(../images/solution/consult-bg.png) no-repeat center/cover
}
.solution .solution-consult .m-container {
	padding-top:64px
}
.solution .solution-consult h2 {
	margin-bottom:47px;
	color:#fff
}
.solution .solution-consult .content {
	width:1007px;
	margin:auto;
	color:#fff;
	text-align:left;
	margin-bottom:24px
}
.solution .solution-consult .content img {
	width:140px;
	margin-right:111px
}
.solution .solution-consult .content>div {
	display:inline-block;
	width:750px
}
.solution .solution-consult .content .name {
	font-size:24px;
	line-height:33px
}
.solution .solution-consult .content hr {
	width:16px;
	height:4px;
	margin:9px 0 15px;
	background:#fff;
	border:none
}
.solution .solution-consult .content p {
	color:#fff;
	font-size:16px;
	line-height:22px
}
.solution .solution-consult .content .btn {
	width:160px;
	height:40px;
	margin-top:36px;
	border:1px solid #fff;
	font-size:16px;
	line-height:38px;
	text-align:center;
	cursor:pointer;
	color:#fff;
	display:inline-block;
	border-radius:3px
}
.solution .solution-consult .content .btn:hover {
	color:#000;
	background:#fff
}
.solution.industry .solution-banner {
	background:url(../images/solution/industry/banner.png) no-repeat;
	background-size:cover
}
.solution.industry .solution-background .icon-1 {
	background:url(../images/solution/industry/industry-1.svg) round
}
.solution.industry .solution-background .icon-2 {
	background:url(../images/solution/industry/industry-2.svg) round
}
.solution.industry .solution-background .icon-3 {
	background:url(../images/solution/industry/industry-3.svg) round
}
.solution.industry .solution-feature .icon-1 {
	background:url(../images/solution/industry/feature-1.svg) round
}
.solution.industry .solution-feature .icon-2 {
	background:url(../images/solution/industry/feature-2.svg) round
}
.solution.industry .solution-feature .icon-3 {
	background:url(../images/solution/industry/feature-3.svg) round
}
.solution.finance .solution-banner {
	background:url(../images/solution/finance/banner.png) no-repeat;
	background-size:cover
}
.solution.finance .solution-background .icon-1 {
	background:url(../images/solution/finance/finance-1.svg) round
}
.solution.finance .solution-background .icon-2 {
	background:url(../images/solution/finance/finance-2.svg) round
}
.solution.finance .solution-background .icon-3 {
	background:url(../images/solution/finance/finance-3.svg) round
}
.solution.finance .solution-background .icon-4 {
	background:url(../images/solution/finance/finance-4.svg) round
}
.solution.finance .solution-background .brief {
	width:1174px
}
.solution.finance .solution-background .content {
	width:1164px
}
.solution.finance .solution-background .item {
	width:240px;
	margin-right:68px
}
.solution.finance .solution-background .item:last-child {
	margin-right:0
}
.solution.finance .solution-feature .icon-1 {
	background:url(../images/solution/finance/feature-1.svg) round
}
.solution.finance .solution-feature .icon-2 {
	background:url(../images/solution/finance/feature-2.svg) round
}
.solution.finance .solution-feature .icon-3 {
	background:url(../images/solution/finance/feature-3.svg) round
}
.solution.finance .solution-feature .icon-4 {
	background:url(../images/solution/finance/feature-4.svg) round
}
.solution.finance .solution-feature .content {
	width:1180px
}
.solution.finance .solution-feature .item {
	width:268px;
	height:292px;
	margin-right:36px
}
.solution.finance .solution-feature .item:last-child {
	margin-right:0
}
.solution.finance .solution-value .item {
	height:362px
}
.solution.retail .solution-banner {
	background:url(../images/solution/retail/banner.png) no-repeat;
	background-size:cover
}
.solution.retail .solution-background .icon-1 {
	background:url(../images/solution/retail/retail-1.svg) round
}
.solution.retail .solution-background .icon-2 {
	background:url(../images/solution/retail/retail-2.svg) round
}
.solution.retail .solution-background .icon-3 {
	background:url(../images/solution/retail/retail-3.svg) round
}
.solution.retail .solution-feature .icon-1 {
	background:url(../images/solution/retail/feature-1.svg) round
}
.solution.retail .solution-feature .icon-2 {
	background:url(../images/solution/retail/feature-2.svg) round
}
.solution.retail .solution-feature .icon-3 {
	background:url(../images/solution/retail/feature-3.svg) round
}
.solution.retail .solution-feature .item {
	height:292px
}
.solution.retail .solution-value .item {
	height:434px
}
@media only screen and (max-width:1200px) {
	.solution .m-container {
	width:100%
}
.solution .solution-banner p {
	width:700px
}
.solution.finance .m-container,.solution.industry .m-container,.solution.retail .m-container {
	padding-left:30px;
	padding-right:30px
}
.solution.finance .solution-background .brief,.solution.industry .solution-background .brief,.solution.retail .solution-background .brief {
	width:100%
}
.solution.finance .solution-background .content,.solution.industry .solution-background .content,.solution.retail .solution-background .content {
	width:100%
}
.solution.finance .solution-background .item,.solution.industry .solution-background .item,.solution.retail .solution-background .item {
	width:50%;
	padding:0 30px;
	margin:0;
	margin-bottom:50px
}
.solution.finance .solution-feature .content,.solution.industry .solution-feature .content,.solution.retail .solution-feature .content {
	width:100%
}
.solution.finance .solution-feature .item,.solution.industry .solution-feature .item,.solution.retail .solution-feature .item {
	width:50%;
	height:auto;
	padding:23px 10px 21px;
	margin:0;
	border:none;
	box-shadow:none
}
.solution.finance .solution-feature .item>div,.solution.industry .solution-feature .item>div,.solution.retail .solution-feature .item>div {
	height:292px;
	padding:23px 56px 21px 56px;
	border:1px solid #dae0e2;
	background:#fff;
	box-shadow:0 2px 4px 0 rgba(0,0,0,.08)
}
.solution.finance .solution-value .item,.solution.industry .solution-value .item,.solution.retail .solution-value .item {
	width:33.3%;
	height:auto;
	padding:23px 10px 21px;
	margin:0;
	border:none;
	box-shadow:none;
	background:0 0
}
.solution.finance .solution-value .item>div,.solution.industry .solution-value .item>div,.solution.retail .solution-value .item>div {
	height:434px;
	border:1px solid #dae0e2;
	background:#fff;
	box-shadow:0 2px 4px 0 rgba(0,0,0,.08)
}
.solution.finance .solution-value .item .words .text,.solution.industry .solution-value .item .words .text,.solution.retail .solution-value .item .words .text {
	width:calc(100% - 25px)
}
.solution.finance .solution-consult .content,.solution.industry .solution-consult .content,.solution.retail .solution-consult .content {
	width:708px
}
.solution.finance .solution-consult .content>div,.solution.industry .solution-consult .content>div,.solution.retail .solution-consult .content>div {
	width:450px
}
.solution.industry .solution-background .item,.solution.retail .solution-background .item {
	width:33.3%;
	margin-bottom:0
}
.solution.industry .solution-feature .item,.solution.retail .solution-feature .item {
	width:33.3%
}
.solution.industry .solution-feature .item>div,.solution.retail .solution-feature .item>div {
	padding:23px 16px 21px 16px
}
.solution.industry .solution-value .item>div,.solution.retail .solution-value .item>div {
	height:458px
}
.solution.retail .solution-value .item>div {
	height:482px
}
}@media only screen and (max-width:900px) {
	.solution.retail .solution-value .item>div {
	height:554px
}
.solution.retail .solution-feature .item>div {
	height:340px
}
.solution.industry .solution-value .item>div {
	height:528px
}
}@media only screen and (max-width:768px) {
	.solution .m-container {
	width:100%;
	text-align:center
}
.solution .solution-banner {
	height:auto
}
.solution .solution-banner h1 {
	font-size:40px
}
.solution .solution-banner p {
	width:100%;
	padding:0 30px;
	margin-top:63px;
	text-align:justify
}
.solution .solution-banner a {
	margin-bottom:108px
}
.solution.finance .m-container,.solution.industry .m-container,.solution.retail .m-container {
	padding-left:0;
	padding-right:0
}
.solution.finance .solution-background .brief,.solution.industry .solution-background .brief,.solution.retail .solution-background .brief {
	width:100%;
	padding:0 65px
}
.solution.finance .solution-background .item,.solution.industry .solution-background .item,.solution.retail .solution-background .item {
	width:100%;
	padding:0 65px;
	margin-bottom:20px
}
.solution.finance .solution-background .content,.solution.industry .solution-background .content,.solution.retail .solution-background .content {
	width:100%
}
.solution.finance .solution-feature .content,.solution.industry .solution-feature .content,.solution.retail .solution-feature .content {
	width:100%;
	padding:0 65px
}
.solution.finance .solution-feature .item,.solution.industry .solution-feature .item,.solution.retail .solution-feature .item {
	width:100%;
	height:auto
}
.solution.finance .solution-feature .item>div,.solution.industry .solution-feature .item>div,.solution.retail .solution-feature .item>div {
	height:auto
}
.solution.finance .solution-value .content,.solution.industry .solution-value .content,.solution.retail .solution-value .content {
	width:100%;
	padding:0 65px
}
.solution.finance .solution-value .item,.solution.industry .solution-value .item,.solution.retail .solution-value .item {
	width:100%;
	height:auto
}
.solution.finance .solution-value .item>div,.solution.industry .solution-value .item>div,.solution.retail .solution-value .item>div {
	height:auto
}
.solution.finance .solution-value .item .words,.solution.industry .solution-value .item .words,.solution.retail .solution-value .item .words {
	overflow:hidden
}
.solution.finance .solution-value .item .words .text,.solution.industry .solution-value .item .words .text,.solution.retail .solution-value .item .words .text {
	width:calc(100% - 35px);
	padding-right:30px
}
.solution.finance .solution-case .m-container,.solution.industry .solution-case .m-container,.solution.retail .solution-case .m-container {
	padding:60px 65px 84px
}
.solution.finance .solution-consult .m-container,.solution.industry .solution-consult .m-container,.solution.retail .solution-consult .m-container {
	padding:70px 65px
}
.solution.finance .solution-consult .content,.solution.industry .solution-consult .content,.solution.retail .solution-consult .content {
	width:100%;
	text-align:center
}
.solution.finance .solution-consult .content>div,.solution.industry .solution-consult .content>div,.solution.retail .solution-consult .content>div {
	width:100%
}
.solution.finance .solution-consult hr,.solution.industry .solution-consult hr,.solution.retail .solution-consult hr {
	margin:9px auto
}
.solution.finance .solution-consult img,.solution.industry .solution-consult img,.solution.retail .solution-consult img {
	margin:auto;
	margin-bottom:54px
}
}@media only screen and (max-width:414px) {
	.solution .solution-banner h1 {
	font-size:30px
}
.solution.finance .solution-background .brief,.solution.industry .solution-background .brief,.solution.retail .solution-background .brief {
	padding:0 35px
}
.solution.finance .solution-background .item,.solution.industry .solution-background .item,.solution.retail .solution-background .item {
	padding:0 35px
}
.solution.finance .solution-feature .content,.solution.industry .solution-feature .content,.solution.retail .solution-feature .content {
	padding:0 35px
}
.solution.finance .solution-value .content,.solution.industry .solution-value .content,.solution.retail .solution-value .content {
	padding:0 35px
}
.solution.finance .solution-value .item .words,.solution.industry .solution-value .item .words,.solution.retail .solution-value .item .words {
	padding:21px 15px
}
.solution.finance .solution-case .m-container,.solution.industry .solution-case .m-container,.solution.retail .solution-case .m-container {
	padding:60px 35px 84px
}
.solution.finance .solution-consult .m-container,.solution.industry .solution-consult .m-container,.solution.retail .solution-consult .m-container {
	padding:70px 35px
}
}.m-new {
	position:relative;
	box-sizing:border-box;
	width:950px;
	margin:auto;
	height:auto;
	padding:130px 0 60px 0;
	overflow:hidden
}
.m-new .clearfix:before,.m-new .m-new .clearfix:after {
	display:table;
	content:"";
	line-height:0
}
.m-new p {
	text-align:justify
}
.m-new .f-tac {
	text-align:center
}
.m-new h2,.m-new h3 {
	font-weight:700;
	margin:10px 0
}
.m-new h2 {
	font-size:20px
}
.m-new ul {
	margin-bottom:15px;
	list-style:disc;
	padding-left:40px
}
.m-new ol {
	list-style:decimal;
	padding-left:40px;
	margin-bottom:15px
}
.p-news-body {
	line-height:28px;
	font-size:16px;
	padding:0 72px 20px;
	color:#333;
	background:#fff
}
.p-news-body .p-news-title {
	font-size:30px;
	color:#666;
	line-height:38px
}
.p-news-body .p-pub-time {
	font-size:12px;
	color:#77848d;
	margin:14px 0 40px
}
.p-news-body .from {
	color:#77848d
}
.p-news-body .p-news-content,.p-news-body .p-news-intro {
	margin:30px 0
}
.p-news-body .p-news-intro {
	overflow:hidden
}
.p-news-body .p-news-intro img {
	float:right;
	width:306px;
	height:195px;
	margin-left:20px
}
.p-news-body .img-container {
	text-align:center
}
.p-news-body .p-news-content img {
	max-width:100%
}
@media only screen and (max-width:768px) {
	.m-new {
	width:100%;
	padding:100px 20px 30px 20px
}
.p-news-body {
	padding:0
}
.p-news-title {
	font-size:24px;
	line-height:34px
}
.p-pub-time {
	margin:0 0 32px
}
.p-news-intro img {
	float:none;
	margin-left:0;
	width:100%;
	height:100%
}
}.tech-article .p-news-content {
	font-size:14px
}
.tech-article .p-news-content p {
	margin-bottom:15px
}
.tech-article .p-news-content p[align=center] {
	text-align:center
}
.tech-article .p-news-content h2,.tech-article .p-news-content h3,.tech-article .p-news-content h4 {
	font-weight:700;
	margin:20px 0
}
.tech-article .p-news-content h2 strong,.tech-article .p-news-content h3 strong,.tech-article .p-news-content h4 strong {
	font-weight:700
}
.tech-article .p-news-content h2 {
	font-size:21px
}
.tech-article .p-news-content ul {
	margin-bottom:15px;
	list-style:disc;
	padding-left:40px
}
.tech-article .p-news-content ol {
	list-style:decimal;
	padding-left:40px;
	margin-bottom:15px
}
.tech-article .p-news-content code {
	display:block;
	margin-bottom:15px;
	width:100%;
	background:#f0f0f0;
	padding:6.5px;
	overflow-x:auto
}
.tech-article .p-news-content code .hljs-keyword {
	font-weight:700
}
.tech-article .p-news-content code .hljs-comment {
	color:#888
}
.tech-article .p-news-content code .hljs-number {
	color:#080
}
.tech-article .p-news-content code .hljs-title {
	color:#800
}
.tech-article .p-news-content table {
	margin:20px;
	font-size:12px;
	border-collapse:collapse
}
.tech-article .p-news-content table th {
	font-weight:700
}
.tech-article .p-news-content table td,.tech-article .p-news-content table th {
	padding:5px 10px;
	border:1px solid grey
}
.tech-article .p-news-content b {
	font-weight:700
}
.tech-article .p-news-content a {
	text-decoration:underline
}
.tech-article .p-news-content .m-blogtext {
	margin-bottom:15px
}
.blog-page-bar {
	width:1000px;
	margin:auto
}
@media only screen and (max-width:1000px) {
	.blog-page-bar {
	width:100%
}
}.page-bar {
	color:#333;
	cursor:pointer;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-moz-box-pack:center;
	-ms-flex-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
	align-items:center
}
.page-bar .page-number {
	border:1px solid #e9e9e9;
	border-radius:4px;
	padding:8px 13px;
	background:#fff
}
.page-bar .page-number.active {
	border:none;
	color:#fff;
	background:#6186fe;
	border-radius:4px
}
.page-bar .page-number.disable {
	background:#efefef;
	color:#dcdcdc;
	cursor:not-allowed
}
.page-bar .input-page {
	box-sizing:border-box;
	padding:5px 10px;
	border:1px solid #ddd;
	border-radius:5px;
	width:60px
}
.page-bar .go {
	padding:5px 10px;
	background:#fff;
	border:1px solid #6186fe;
	border-radius:3px;
	color:#6186fe;
	transition:background .25s ease-in-out,color .25s ease-in-out
}
.page-bar .go:hover {
	background:#6186fe;
	color:#fff
}
.page-bar .page-mobile {
	display:none
}
.page-bar span {
	margin:0 5px
}
.page-bar span.total-page {
	margin:0 15px
}
@media only screen and (max-width:768px) {
	.page-bar .page-mobile {
	display:inline
}
.page-bar .page-pc {
	display:none
}
}