@charset "utf-8";

/*------------------------------ 通用样式 ------------------------------*/
/* 基础样式 */
html {
	direction: ltr;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
	word-wrap: break-word;
	font: inherit;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

img {
	border: 0;
	vertical-align: middle;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var,
optgroup {
	font-style: inherit;
	font-weight: inherit;
}

del,
ins {
	text-decoration: none;
}

ol,
ul,
li {
	list-style: none;
	list-style-type: none;
}

caption,
th {
	text-align: left;
}

q:before,
q:after {
	content: '';
}

pre {
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	Word-wrap: break-word;
}

* html,
* html body {
	_background-image: url(about:blank);
	_background-attachment: fixed;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

a,
a:link,
a:visited,
a:hover,
a:active {
	text-decoration: none !important;
	display: inline-block;
}

.clearfix {
	zoom: 1;
}

.clearfix:before,
.clearfix:after {
	content: '';
	display: block;
}

.clearfix:after {
	clear: both;
}

html{
	font-size: 100px;
}
body {
	font-family: '苹方-简', 'Microsoft YaHei', '微软雅黑', Helvetica, Arial, sans-serif;
	color: #484949;
	overflow-x: hidden;
	font-size: .14rem;
}

a.anchor {
	position: absolute;
}

/* 导航 */
#header {
	width: 100%;
	height: .64rem;
	background: #fff;
	font-size: .14rem;
	position: fixed;
	top: 0;
	z-index: 99;
	box-shadow: 0 .04rem .12rem 0 rgba(0, 19, 88, .07);
}

#header .logo {
	width: 1.2rem;
	height: .4rem;
	background: url(https://cdn.001.bailian-ai.com/web2/images/common/logo.png) no-repeat;
	background-size: 100% 100%;
	text-indent: -9rem;
	overflow: hidden;
	position: absolute;
	top: .14rem;
	left: .3rem;
}

#header .menu {
	position: relative;
	left: 20%;
}

#header .menu li {
	float: left;
	position: relative;
}

#header .menu li.hasarrow::before {
	content: '>';
	width: .25rem;
	height: .14rem;
	line-height: .14rem;
	text-align: center;
	font-size: .12rem;
	position: absolute;
	top: .25rem;
	right: .02rem;
	transform: rotate(90deg) scaleY(1.4) scaleX(.8);
	font-weight: lighter;
	transition: all .3s ease;
}

#header .menu li a {
	height: .64rem;
	line-height: .64rem;
	color: #666;
	padding: 0 .25rem;
}

#header .menu li a:hover {
	color: #2c51c5;
}

#header .menu .active a {
	color: #2c51c5;
}

#header .menu .active a::after {
	content: '';
	width: calc(100% - 40rem);
	height: .03rem;
	background: #2c51c2;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
}

#header .submenu {
	display: none;
	width: 5.4rem;
	height: 2.5rem;
	padding: .60rem 0 0;
	color: #fff;
	text-align: center;
	background: #fff url(https://cdn.001.bailian-ai.com/web2/images/index/menubg1.jpg) no-repeat;
	background-size: 5.40rem .60rem;
	border: none;
	box-shadow: 0 .04rem .12rem 0 rgba(0, 19, 88, 0.07);
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

#header .submenu::before {
	content: '';
	width: 0;
	height: 0;
	border-width: .06rem;
	border-style: solid;
	border-color: transparent transparent #3058cb transparent;
	position: absolute;
	bottom: 2.50rem;
	left: 50%;
	transform: translateX(-50%);
}

#header li.active .submenu::before {
	display: none;
}

#header .submenu dt {
	width: 100%;
	height: .60rem;
	line-height: .60rem;
	font-size: .20rem;
	position: absolute;
	top: 0;
	left: 0;
}

#header .submenu dd {
	width: calc(100% / 3);
	height: 1.90rem;
	float: left;
	font-size: .16rem;
	position: relative;
	overflow: hidden;
}

#header .submenu dd::before {
	content: '';
	position: absolute;
	z-index: 1;
	left: 50%;
	top: .50rem;
	width: .50rem;
	height: .50rem;
	background: url(https://cdn.001.bailian-ai.com/web2/images/index/menuicon.png) no-repeat;
	background-size: 3.50rem .50rem;
	transform: translateX(-50%);
	cursor: pointer;
}

#header .submenu dd.micon1::before {
	background-position: -.50rem 0;
}

#header .submenu dd.micon2::before {
	background-position: -1.00rem 0;
}

#header .submenu dd.micon3::before {
	background-position: -1.50rem 0;
}

#header .submenu dd.micon4::before {
	background-position: -2.00rem 0;
}

#header .submenu dd.micon5::before {
	background-position: -2.50rem 0;
}

#header .submenu dd.micon6::before {
	background-position: -3.00rem 0;
}

#header .submenu dd:hover,
#header .submenu dd.active {
	background: #f0f4ff;
}

#header .submenu dd a {
	width: 100%;
	height: 1.90rem;
	line-height: 2.45rem;
	color: #666 !important;
	border: none;
	position: relative;
	z-index: 2;
	float: left;
	padding: 0;
	border: 0 !important;
	display: block;
}

#header .submenu dd a:hover,
#header .submenu dd.active a {
	color: #2c51c5 !important;
}

#header .submenu.prd {
	height: 1.8rem;
	padding-top: .98rem;
}

#header .submenu.prd dd {
	width: calc(100% / 3 - .50rem);
	height: .42rem;
	border-radius: .21rem;
	margin: .05rem .05rem .05rem .35rem;
}

#header .submenu.prd dd::before {
	left: .25rem;
	top: -.04rem;
}

#header .submenu.prd dd a {
	line-height: .42rem;
	text-align: left;
	text-indent: .50rem;
}

#header .submenu.small {
	width: 2rem;
	background-position: right top;
}

#header .submenu.small dd {
	width: 100% ;
}

#header .menu li:hover .submenu,
#header .submenu.active {
	display: block !important;
}

#header .menu li.hasarrow:hover::before {
	transform: rotate(270deg) scaleY(1.4) scaleX(.8);
}

#header .contactus {
	height: .30rem;
	line-height: .30rem;
	padding: 0 .18rem;
	margin: .18rem .30rem 0 .65rem;
	color: #fff;
	background: linear-gradient(to right, #2c51c5, #2582eb);
	border-radius: .5rem;
	float: right;
	font-size: .14rem;
}

/* Footer */
#footer {
	background: #373c4d;
}

#footer .content {
	max-width: calc(12.00rem + 12%);
	margin: 0 auto;
	padding-top: .56rem;
	padding: .60rem 6% .30rem;
}

#footer .content .catalog {
	display: flex;
	align-items: unset;
	justify-content: space-between;
	margin-bottom: .50rem;
}

#footer ul {
	line-height: .28rem;
}

#footer ul li.title {
	color: #e6e6e6;
	font-size: .16rem;
	margin-bottom: .04rem;
}

#footer ul li span {
	line-height: .34rem;
	display: inline-block;
	border-bottom: 1px solid #464c60;
}

#footer ul li {
	font-size: .14rem;
	color: #9599a7;
}

#footer ul li em {
	color: #5f6a94;
}

#footer ul a {
	color: #9599a7;
}

#footer ul li em:hover,
#footer ul a:hover {
	color: #fff;
}

#footer .content .catalog h2 {
	color: #fff;
	text-align: center;
	font-size: .18rem;
	line-height: .60rem;
}

#footer .content .copyright {
	margin: 0 auto;
	text-align: center;
	font-size: .14rem;
	line-height: .35rem;
}

#footer .content .copyright a {
	color: #9599a7;
	display: block;
}

#footer .content .copyright a:hover {
	color: #fff;
}

#footer .batb {
	margin: 0 auto;
	text-align: center;
	line-height: .20rem;
}

#footer .batb p {
	float: left;
	margin: 0 0 0 .10rem;
	color: #9599a7;
}



/*弹框*/
.modal {
	display: none;
	filter: alpha(opacity=40);
	opacity: 0.4;
	width: 100%;
	height: 100%;
	background: #000;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 8888;
	touch-action: none;
}

.dlgMsg {
	width: 60%;
	height: 6.2rem;
	border-radius: .1rem;
	padding: .3rem;
	color: #2b2b2b;
	text-align: center;
	background: #fff;
	overflow: hidden;
	position: fixed;
	z-index: 9999;
	left: 20%;
	top: 50%;
	display: none;
	transform: translateY(-50%);
	cursor: not-allowed
}

.dlgMsg.tipsMessage:after {
	content: '';
	background: #3175F7;
	height: 1.15rem;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.dlgMsg .close {
	width: .16rem;
	height: .16rem;
	background-image: url(https://cdn.001.bailian-ai.com/web2/images/index/closeIcon.png);
	background-repeat: no-repeat;
	background-size: .16rem .16rem;
	background-position: right top;
	position: absolute;
	right: .25rem;
	top: .20rem;
	z-index: 2;
	cursor: pointer;
	padding: .20rem;
}

.dlgMsg.tipsMessage .icon {
	width: 1.28rem;
	height: 1.03rem;
	position: absolute;
	left: 50%;
	top: .50rem;
	z-index: 2;
	transform: translate(-50%, 0);
}

.dlgMsg.tipsMessage .icon.success {
	background-image: url(https://cdn.001.bailian-ai.com/web2/images/index/dlg-success.png);
	background-size: 100% 100%;
}

.dlgMsg.tipsMessage .msg1 {
	font-size: .20rem;
	margin-top: 1.80rem;
}

.dlgMsg.tipsMessage .msg2 {
	font-size: .16rem;
	margin-top: .16rem;
}

.dlgMsg.contactForm:before {
	content: '商务合作联系';
	width: 100%;
	height: .30rem;
	line-height: .30rem;
	display: block;
	margin: .20rem auto 0;
	font-size: .30rem;
	color: #2b2b2b;
	font-weight: 300;
}

.dlgMsg.tipsMessage {
	width: 6.00rem;
	height: 3.00rem;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	text-align: center;
	color: #2b2b2b;
	overflow: hidden;
	min-height: auto;
	padding: 0;
}

/*--表单弹窗---*/
.form-contact ul {
	width: calc(100% - .60rem);
	position: absolute;
	top: 1.00rem;
	bottom: 1.00rem;
	overflow: auto;
	margin: 0 auto;
}

.form-contact ul li {
	width: 50%;
	float: left;
	padding: 0 .40rem .10rem;
	position: relative;
	text-align: left;
}

.form-contact ul li.long {
	width: 100%;
}
.form-contact ul li.long2 {
	width: 100%;
	padding: 0.1rem .40rem;
}
.form-contact ul li.long2 input{
	width: auto;
	height: auto;
	display: inline-block;
	vertical-align: middle;
	margin:0 .1rem 0 0;
}
.form-contact ul li.long2 a{
	color: #2a67f6;
}
.form-contact ul li.long2 label.error{
	top:.3rem;
}


.form-contact ul li p {
	font-size: .16rem;
	color: #2b2b2b;
	line-height: .40rem;
	padding-left: .12rem;
}

.form-contact ul li b {
	color: #e85320;
	position: absolute;
	left: .40rem;
	line-height: .50rem;
}

.form-contact ul li input,
.form-contact ul li select {
	width: 100%;
	height: .40rem;
	line-height: .40rem;
	padding: 0 .15rem;
	border: 1px solid #efefef;
	font-size: .18rem;
	color: rgba(43, 43, 43, 0.8);
	background: #fff;
}

.form-contact ul li input::-webkit-input-placeholder {
	color: #fff;
}

.form-contact ul li input.error,
.form-contact ul li select.error {
	border: 1px solid #e85320;
}

.form-contact ul li label.error {
	position: absolute;
	top: .80rem;
	left: .40rem;
	color: #e85320;
}

.form-contact .operate {
	position: absolute;
	bottom: .30rem;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
}

.form-contact .operate button {

	padding: .10rem .70rem;
	/*width: 182rem;*/
	/*height: 45rem;*/
	line-height: .40rem;

	background: linear-gradient(to right, #335ad1, #2581eb);
	border-radius: .22rem;
	color: #fff;
	margin: 0 auto;
	border: none;
	font-size: .16rem;
	cursor: pointer;
}



/* 隐藏政策 */
.dlgMsg.privacy{
	width: 70%;
	height: auto;
	top: 10%;
	bottom: 10%;
	left: 15%;
	text-align: left;
	transform: none;
	cursor: default;
	padding: .2rem .5rem;
}
.privacy h1{
	width: 100%;
	font-size: .40rem;
	text-align: center;
	padding:.2rem 0;
	border-bottom:1px solid #ccc;
	background: #fff;
}
.privacy .contentbox{
	width: 100%;
	top: 1.8rem;
	left:0;
	bottom: .3rem;
	position: absolute;
	overflow: auto;
	padding: 0 .5rem;
}
.privacy .contentbox .p{
	width: 100%;
	padding: .2rem 6%;
	border-bottom:1px solid #ccc;
	font-size: .14rem;
	line-height: .3rem;
	color: #343434;
}
.privacy .contentbox a{
	color:#2a67f6;
}
.privacy .contentbox i{
	font-size: .12rem;
	font-style: normal;
	padding:0 .1rem 0 0;
}

@media (max-width: 1200px) {
	.privacy h1{
		font-size: .3rem;
	}
	.privacy .contentbox{
		top: 1.6rem;
	}
}

@media (max-width: 1070px) {
	#header .menu li a{
		padding:0 .20rem;
	}
}

@media (max-width: 1000px) {
	#header .menu li a{
		padding:0 .10rem;
	}
	#header .menu li.hasarrow::before{
		display: none;
	}
	.privacy h1{
		font-size: .28rem;
	}
	.privacy .contentbox{
		top: 1.5rem;
	}
}

@media (max-width: 900px) {
	html{
		font-size: 50px;
	}
	
	#header .contactus{
		height: .40rem;
		line-height: .40rem;
		margin-top:.14rem;
	}
	#header .menu li.hasarrow a{
		padding:0 .40rem 0 .25rem;
	}
	#header .menu li.hasarrow::before{
		display: block;
	}
	#header .menu li.hasarrow dl a{
		padding:0;
	}
	#header .submenu.small{
		width: 4.00rem;
	}
	
	#footer .content {
		width: 100%;
		max-width: inherit;
		padding: .40rem .40rem .20rem;
	}

	#footer ul a {
		line-height: .40rem;
	}
	#footer .content .copyright a,
	#footer .batb{
		line-height: .50rem;
	}
	#footer .batb p{
		font-size: .18rem;
	}
	
	.privacy h1{
		font-size: .36rem;
	}
	.privacy .contentbox .p{
		line-height: .5rem;
	}
}


@media (max-width: 750px) {

	/* 页头 */
	#header {
		height: .90rem;
	}

	#header .logo {
		width: 1.90rem;
		height: .60rem;
		background-size: auto 100%;
		top: .19rem;
	}

	#header .contactus {
		height: .40rem;
		line-height: .40rem;
		font-size: .18rem;
		margin: .25rem .30rem 0 0;
	}

	/* 导航 */
	#header .menu {
		width: 100%;
		background: #fff;
		position: absolute;
		top: .90rem;
		display: none;
		z-index: 9;
	}

	#header .menu li.hasarrow::before {
		display: none;
	}
	#header .menu li:nth-child(4){
		display: none;
	}

	#header .submenu.small {
		width: 100%;
		box-shadow: none;
	}
	#header .menubtn {
		width: .40rem;
		height: .40rem;
		background: red;
		float: right;
		margin: .25rem .30rem 0 0;
		background: url(https://cdn.001.bailian-ai.com/web2/images/common/menubtn.png) no-repeat;
		background-size: .40rem .80rem;
	}

	#header .menubtn.active {
		background-position: left bottom;
	}

	.menumask {
		width: 100%;
		background: rgba(0, 0, 0, .4);
		position: fixed;
		left: 0;
		top: .90rem;
		bottom: 0;
		right: 0;
		z-index: 9;
		display: none;
	}

	.menumask.active {
		display: block;
	}

	#header .menu li {
		width: 100%;
		padding: 0;
		border-top: 1px solid #e0e0e0;
	}

	#header .menu li a {
		width: 100%;
		height: .90rem;
		line-height: .90rem;
		padding-left: .30rem;
		font-size: .24rem;
		position: relative;
	}

	#header .menu .active a {
		border: none;
	}

	#header .menu .active a::after {
		display: none;
	}

	#header .submenu {
		width: 100%;
		height: 0;
		position: static;
		padding: 0;
		background: none;
		overflow: auto;
		display: block !important;
		box-shadow: none;
		left: 0;
		transform: translateX(0);
	}

	#header .submenu dt {
		display: none;
	}

	#header .submenu dd,
	#header .submenu.prd dd {
		width: 100%;
		height: .90rem;
		line-height: .90rem;
		text-align: left;
		padding: 0 0 0 .70rem;
		margin: 0;
		border: none;
		border-top: 1px solid #e0e0e0;
		border-radius: 0;
		background: none !important;
	}
	
	#header .submenu dd::before{
		background-size: auto 100%;
	}

	#header .submenu::before {
		display: none;
	}

	#header .submenu dd::before {
		left: 0;
		top: -.02rem;
		transform: scale(.8);
		width: .90rem;
		height: .90rem
	}

	#header .submenu dd.micon1::before {
		background-position-x: -1.00rem;
	}

	#header .submenu dd.micon2::before {
		background-position-x: -2.00rem;
	}

	#header .submenu.prd {
		padding: 0;
	}

	#header .submenu.prd dd::before {
		left: 0;
		top: -.02rem;
	}

	#header .submenu.prd dd a {
		line-height: .90rem;
		text-indent: 0;
	}

	#header .menu li a:hover {
		color: #666;
	}

	#header .menu li .slidebtn::after {
		content: '>';
		position: absolute;
		right: .15rem;
		top: 0;
		transform: scaleY(2);
		color: #c6c6c6;
		transition: all 0.2s ease;
	}

	#header .menu li a.active {
		color: #2c51c5;
	}

	#header .menu li .active.slidebtn::after {
		transform: rotate(90deg) scaleY(2);
	}

	/* 页尾 */
	#footer ul li {
		width: 130%;
		line-height: .40rem;
		font-size: .18rem;
	}

	#footer ul li.title {
		margin-bottom: .20rem;
	}

	#footer ul li span {
		padding-bottom: .20rem;
		font-size: .26rem;
	}

	#footer .content .catalog {
		margin: 0;
	}

	#footer .content .catalog ul:nth-child(1),
	#footer .content .catalog ul:nth-child(2),
	#footer .content .catalog ul:nth-child(3) {
		display: none;
	}

	#footer .content .catalog ul:nth-child(4) li:nth-child(2) em {
		width: 100%;
		display: block;
		font-size: .28rem;
		color: #fefeff;
	}

	#footer .content .catalog div {
		margin-top: .40rem;
	}

	#footer .catalog img {
		width: 1.40rem;
	}

	#footer .content .catalog h2 {
		line-height: .60rem;
		font-size: .18rem;
		color: #9499a8;
	}

	#footer ul li em {
		color: #fff !important;
	}

	#footer .content .copyright {
		width: 100%;
		position: relative;
	}

	#footer .content .copyright img {
		width: 1.60rem;
		position: absolute;
		right: 0;
		bottom: 0;
	}

	#footer .content .copyright a {
		font-size: .18rem;
		left: 0;
		bottom: .03rem;
		text-align: left;
	}

	#back-to-top {
		width: .40rem;
		height: .40rem;
		line-height: .50rem;
		text-align: center;
		font-size: .14rem;
		color: #484949;
		border: 1px solid #c5c5c5;
		border-radius: 50%;
		background-color: #fff;
		position: fixed;
		right: .10rem;
		bottom: .80rem;
		z-index: 9;
		display: none;
	}

	#back-to-top::before {
		content: '>';
		position: absolute;
		left: 50%;
		top: -.15rem;
		transform: translateX(-100%) rotate(-90deg) scaleY(2);
	}
	
	
	.dlgMsg.privacy{
		width: 90%;
		left: 5%;
		right: 5%;
	}
	.privacy h1{
		font-size: .28rem;
	}
	.privacy .contentbox .p{
		line-height: .5rem;
	}
}




/* IE10+ specific styles go here */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.home-service ul{
		width: 100%;
	}
	.home-news li p{
		height: 1.50rem;
		overflow: hidden;
	}
	.example-compare dl{
		float:left;
	}
	.example-compare dl:nth-child(2){
		margin-left: 20%;
	}
}