@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,span,b,form,font,input,button,textarea,p,a,img,table,tr,td,th,i,strong{margin:0;padding:0;box-sizing:border-box;}
input,button,select,textarea{outline:none;}li{list-style:none;}img{border:0 none;}textarea{resize:none}
/* body{color:#333;word-break:break-all;word-wrap:break-word;height:100%;font-size:14px;font-family:\5FAE\8F6F\96C5\9ED1,\9ED1\4F53,\5B8B\4F53;} */
/* a{color:#333;text-decoration:none;outline:none;} */
body{color:#333;line-height: 1.5;}
a{color:#00045f;text-decoration:none;outline:none;}
img {display: inline-block;}
table{width:100%;border-collapse:collapse;border-spacing:0;}
/*clearfix*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}


/* 背景 */
body {
	overflow-x: hidden;
}
.bg-fff {
	background: #fff;
}
.bg-f9 {
	background: #f9f9f9;
}
.bg-blue {
	background: #3ca5f6;
}
.bg-f5 {
	background: #f5f5f5;
}
.bg-f5f5ff {
	background: #f5f5ff;
}
.bg-eaf2fb {
	background-color: #eaf2fb;
}

/* 溢出隐藏 */
.over-hidden {
	overflow: hidden;
	_height: auto;
}
.over-hid {
	overflow: hidden;
	_height: 100%;
}
.over-ell {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: normal;
}

/* 页面宽度 */
.box-w {
	width: 1100px;
	margin: 0 auto;
}
@media screen and (max-width: 1024px) {
	.box-w {
		width: 100%;
		margin: 0 auto;
	}
}

/* 左浮动 */
.pull-left {
	float: left;
	_display: inline;
}

/* 右浮动 */
.pull-right {
	float: right;
	_display: inline;
}

/* 字体大小 */
.font-s0 {
	font-size: 0px;
}
.font-s12 {
	font-size: 12px;
}
.font-s14 {
	font-size: 14px;
}
.font-s16 {
	font-size: 16px;
}
.font-s18 {
	font-size: 18px;
}
.font-s20 {
	font-size: 20px;
}
.font-s22 {
	font-size: 22px;
}
.font-s24 {
	font-size: 24px;
}
.font-s26 {
	font-size: 26px;
}
.font-s28 {
	font-size: 28px;
}
.font-s30 {
	font-size: 30px;
}
.font-s32 {
	font-size: 32px;
}
.font-s36 {
	font-size: 36px;
}
.font-s38 {
	font-size: 38px;
}
.font-s40 {
	font-size: 40px;
}
.font-s46 {
	font-size: 46px;
}
.font-s52 {
	font-size: 52px;
}
.font-s60 {
	font-size: 60px;
}
.font-s70 {
	font-size: 70px;
}
.font-s76 {
	font-size: 76px;
}

/* 文字加粗 */
.bold-true {
	font-weight: bold;
}
.bold-false {
	font-weight: normal;
}

/* 文字颜色 */
.color-000 {
	color: #000;
}
.color-666 {
	color: #666;
}
.color-999 {
	color: #999;
}
.color-ccc {
	color: #ccc;
}
.color-fff {
	color: #fff;
}
.color-blue {
	color: #3290ff;
}
.color-0034af {
	color: #0034af;
}
.color-00045f {
	color: #00045f;
}
.color-red {
	color: #ff5c4b;
}
.color-5d6a82 {
	color: #5d6a82;
}

/* 对齐 */
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
.text-center {
	text-align: center;
}
.text-justify {
	text-align: justify;
	text-justify: inter-ideograph;
}
.ver-top {
	vertical-align: top;
}
.ver-middle {
	vertical-align: middle;
}

/* 间距 */
.lh-13 {
	line-height: 1.3;
}
.lh-17 {
	line-height: 1.7;
}
.lh-px20 {
	line-height: 20px;
}
.lh-px26 {
	line-height: 26px;
}
.mt-75 {
	margin-top: -75px;
}
.mt-px5 {
	margin-top: 5px;
}
.mt-px10 {
	margin-top: 10px;
}
.mt-px15 {
	margin-top: 15px;
}
.mt-px20 {
	margin-top: 20px;
}
.mt-px25 {
	margin-top: 25px;
}
.mt-px30 {
	margin-top: 30px;
}
.mt-px40 {
	margin-top: 40px;
}
.mt-px50 {
	margin-top: 50px;
}
.mt-px60 {
	margin-top: 60px;
}
.mt-px70 {
	margin-top: 70px;
}
.mt-px80 {
	margin-top: 80px;
}
.mt-px100 {
	margin-top: 100px;
}
.mt-px130 {
	margin-top: 130px;
}
.mb-px20 {
	margin-bottom: 20px;
}
.mb-px30 {
	margin-bottom: 30px;
}
.ml-px10 {
	margin-left: 10px;
}
.ml-px20 {
	margin-left: 20px;
}
.ml-px25 {
	margin-left: 25px;
}
.ml-px30 {
	margin-left: 30px;
}
.ml-px50 {
	margin-left: 50px;
}
.ml-px90 {
	margin-left: 90px;
}
.ml-px110 {
	margin-left: 110px;
}
.mr-px10 {
	margin-right: 10px;
}
.mr-px20 {
	margin-right: 20px;
}
.mr-px30 {
	margin-right: 30px;
}
.pl-px30 {
	padding-left: 30px;
}
.ptb-px10 {
	padding-top: 10px;
	padding-bottom: 10px;
}
.ptb-px30 {
	padding-top: 30px;
	padding-bottom: 30px;
}
.ptb-px50 {
	padding-top: 50px;
	padding-bottom: 50px;
}
.ptb-px70 {
	padding-top: 70px;
	padding-bottom: 70px;
}
.plr-px15 {
	padding-left: 15px;
	padding-right: 15px;
}
.plr-px20 {
	padding-left: 20px;
	padding-right: 20px;
}
.plr-px40 {
	padding-left: 40px;
	padding-right: 40px;
}
.p-px20 {
	padding: 20px;
}

/* 宽度 */
.w-100 {
	width: 100%;
}
.w-px100 {
	width: 100px;
}
.w-px300 {
	width: 300px;
}
.w-px320 {
	width: 320px;
}
.w-px350 {
	width: 350px;
}
.w-px400 {
	width: 400px;
}
.w-px470 {
	width: 470px;
}
.w-px430 {
	width: 430px;
}

/* 高度 */
.h-px96 {
	height: 96px;
}
.h-px180 {
	height: 180px !important;
}
.h-px360 {
	height: 360px !important;
}
.h-px380 {
	height: 380px !important;
}
.h-px620 {
	height: 620px;
}

/* 按钮 */
.blue-btn {
	display: inline-block;
	padding: 15px 40px;
	color: #fff;
	background: #377cff;
	border-radius: 56px;
}
.white-btn {
	color: #0034af;
	background-color: #fff;
}
.btn-r4 {
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 4px;
}
.blue-btn:hover {
	color: #fff;
	background: #2867e0;
}
.white-btn:hover {
	color: #0034af;
	background-color: rgba(255,255,255,.9);
}
.btn-line-orange {
	padding: 7px 0;
	text-align: center;
	font-size: 18px;
	color: #000;
	border-radius: 40px;
	border: 2px solid #f7993f;
	background-color: #fef3ea;
}

/* 边框 */
.bor-s-f1 {
	border: 1px solid #f1f1f1;
}
.bor-t-eee {
	border-top: 1px solid #eee;
}
.bor-b-ccc {
	border-bottom: 1px solid #ccc;
}
.bor-b-eee {
	border-bottom: 1px solid #eee;
}
.rounded-10 {
	border-radius: 10px;
}
.shadow-5 {
	box-shadow: 0 0 5px 2px rgba(0,0,72,.1);
}

/* 块元素 */
.dis-flex {
	display: flex;
}
.flex-1 {
	flex: 1;
}
.flex-wrap {
	flex-wrap: wrap;
}
.flex-3 {
	flex: 1 0 30%;
}
.dis-inl {
	display: inline-block;
}
.dis-block {
	display: block;
}
.dis-none {
	display: none;
}

/* 隐藏 */
.d-hide {
	display: none;
}

/* 定位 */
.pos-rel {
	position: relative;
}
.pos-abs {
	position: absolute;
}

/* 鼠标形状 */
.cursor-pointer {
	cursor: pointer;
}

/* 过渡效果 */
.product-list .swiper-slide:hover {
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
}

/* 默认表单 */
.default-form {
	width: 260px;
	height: 42px;
	line-height: 42px;
	border-radius: 6px;
	padding: 0 15px;
	vertical-align: middle;
	box-sizing: border-box;
	border: 1px solid #ccc;
}
.default-form::placeholder {
	color: #ccc;
}
textarea.default-form {
	line-height: 26px;
}

/* 产品banner */
.ban-box {
	width: 100%;
	height: 520px;
}
.ban-box a.btn {
	height: 50px;
	color: #fff;
	border-radius: 5px;
	text-align: center;
	line-height: 50px;
	font-size: 20px;
	display: inline-block;
	border: 2px solid #fff;
	margin-top: 20px;
	padding: 0 20px;
}
.ban-box a.btn:hover {
	opacity: 0.8;
	filter: Alpha(opacity=80);
}

/* 阴影方块列表 */
.shadow-block > li {
	float: left;
	width: 250px;
	height: 290px;
	padding: 34px 20px 0;
	margin-right: 33px;
	border-radius: 10px;
	box-sizing: border-box;
	box-shadow: 0 0 5px 2px #f5f5f5;
}
.shadow-block > li:last-child {
	margin-right: 0;
}

/* 切换Tab */
.switch-tab {
	display: inline-block;
	border-radius: 60px;
	background-color: #f3f8ff;
}
.switch-tab a {
	display: inline-block;
	width: 220px;
	line-height: 50px;
	text-align: center;
	font-size: 18px;
	color: #00045f;
	border-radius: 60px;
}
.switch-tab a.tab-active {
	color: #fff;
	background: linear-gradient(to right, #3846c9, #3f75e5);
}

/* 成功案例 */
.typ-cus li {
	width: 184px;
	height: 62px;
	border: 1px solid #eee;
	background: #fff;
	text-align: center;
	float: left;
	border-radius: 6px;
	margin: 34px 17px 0;
}

/* 试用流程 */
.process-list {
	width: 830px;
	height: 150px;
	margin: 70px auto 0;
	border-top: 6px solid #eaf2fb;
}
.process-list > li {
	width: 210px;
	float: left;
	position: relative;
	margin-top: -40px;
	margin-left: 66px;
	text-align: center;
}
.process-list > li::after {
	content: "";
	width: 20px;
	height: 29px;
	position: absolute;
	top: 22px;
	right: -45px;
	display: inline-block;
	background: url(/wp-content/uploads/images/index/index-ico35.png) no-repeat;
}
.process-list > li:first-child {
	margin-left: -100px;
}
.process-list > li:last-child {
	float: right;
	margin-left: auto;
	margin-right: -100px;
}
.process-list > li:last-child::after {
	display: none;
}
.process-list > li > strong {
	display: inline-block;
	width: 74px;
	line-height: 74px;
	color: #fff;
	font-size: 20px;
	background: url(/wp-content/uploads/images/index/index-ico34.png) no-repeat;
}

/* 观点洞察 */
.view-list li {
	line-height: 26px;
	font-size: 16px;
	padding: 15px 0;
	position: relative;
	margin-right: 20px;
	border-bottom: 1px solid #eee;
}
.view-list li:before {
	position: absolute;
	content: "\2022";
	color: #666;
	font-size: 20px;
	top: 50%;
	left: -15px;
	margin-top: -13px;
}
.view-list li a:hover {
	color: #006efd;
}

/* 浏览器底部立体阴影 */
.browser-piece > div {
	position: relative;
	z-index: 2;
}
.browser-piece::before {
	content: " ";
	position: absolute;
	width: 118%;
	height: 74%;
	left: -9%;
	top: 13%;
	background-color: #f3f6ff;
	border-radius: 10px;
}
.browser-piece::after {
	content: " ";
	position: absolute;
	width: 110%;
	height: 84%;
	left: -5%;
	top: 8%;
	background-color: #eaedff;
	border-radius: 10px;
}

/* 旋转 */
@keyframes rotate360 {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}