.clear:after {
	display: block;
	clear: both;
	content: '';
}

* {
	padding: 0;
	margin: 0;
}

.L {
	float: left;
}

.R {
	float: right;
}

.rightbox {
	min-width: 1000px;
	margin: 0 auto;
	padding: 0 18%;
}

.companyName {
	margin-left: -2px;
	letter-spacing: 20px;
	text-align: left;
	font-size: 68px;
}

.companyTitle {
	letter-spacing: 28px;
	text-align: left;
	font-size: 30px;
}

.aboutCompany {
	margin-left: 5%;
}

@media screen and (max-width:1200px) {
	.rightbox {
		min-width: 900px;
		margin: 0 auto;
		padding: 0 15%;
	}

	.aboutCompany {
		margin-left: 0;
	}

	.companyName {
		margin-left: -2px;
		letter-spacing: 8px !important;
		text-align: left;
		font-size: 56px;
	}

	.companyTitle {
		letter-spacing: 19px !important;
		text-align: left;
		font-size: 24px;
	}

	.loginbox {
		padding: 30px !important;
		width: 380px !important;
		height: 542px !important;
	}
}

@media screen and (min-width:1201px) and (max-width:1300px) {
	.aboutCompany {
		margin-left: 2%;
	}

	.companyName {
		margin-left: -2px;
		letter-spacing: 8px !important;
		text-align: left;
		font-size: 56px;
	}

	.companyTitle {
		letter-spacing: 19px !important;
		text-align: left;
		font-size: 24px;
	}

	.loginbox {
		padding: 26px !important;
		width: 372px !important;
		height: 532px !important;
	}

	.inputouter {
		margin-top: 26px !important;
	}
}

@media screen and (min-width:1301px) and (max-width:1400px) {
	.rightbox {
		min-width: 1000px;
		margin: 0 auto;
		padding: 0 15%;
	}

	.boxTitle:after {
		width: 22% !important;
	}

	/* .boxTitle:before{width:22%!important;} */
	.companyName {
		margin-left: -2px;
		letter-spacing: 8px !important;
		text-align: left;
		font-size: 60px;
	}

	.companyTitle {
		letter-spacing: 20px !important;
		text-align: left;
		font-size: 26px;
	}

	.aboutCompany {
		margin-left: 6%;
	}

	.loginbox {
		padding: 40px !important;
		width: 400px !important;
		height: 542px !important;
	}
}

@media screen and (min-width:1401px) and (max-width:1600px) {
	.aboutCompany {
		margin-left: 4%;
	}

	.companyName {
		margin-left: -2px;
		letter-spacing: 8px !important;
		text-align: left;
		font-size: 60px;
	}

	.companyTitle {
		letter-spacing: 20px !important;
		text-align: left;
		font-size: 26px;
	}

	.loginbox {
		padding: 40px !important;
		width: 400px !important;
		height: 542px !important;
	}
}

.containerbox {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../images/loginBk1.jpg) center no-repeat;
	background-size: cover;
}

.loginLogo1 {
	display: block;
	width: 173px;
	height: 25px;
	margin-top: 22px;
}

.loginbox {
	margin: 0 auto;
	padding: 40px 50px 40px 50px;
	width: 420px;
	height: 550px;
	background: #fff;
	box-shadow: 0px 0px 35px rgba(255, 255, 255, .6);
}

.color_96 {
	color: #969696;
}

.color_6e {
	color: #6e6e6e;
}

.color_fff {
	color: #fff;
}

.mar_t180 {
	margin-top: 180px;
}

.mar_l_6 {
	margin-left: 6%;
}

.mar_l_8 {
	margin-left: 8%;
}

.f14 {
	font-size: 14px;
}

.f20 {
	font-size: 20px;
}

.f30 {
	font-size: 30px;
}

.inputouter {
	width: 100%;
	height: 40px;
	position: relative;
	border: 1px solid #dcdcdc;
	border-radius: 20px;
}

.inputouter .pass,
.inputouter input {
	width: 80%;
	height: 38px;
	line-height: 40px;
	padding-left: 16px;
	outline: none;
	border: none;
	border-radius: 20px;
}

.inputouter span {
	position: absolute;
	top: 10px;
	left: 16px;
	display: block;
	width: 14px;
	height: 16px;
}

.inputouter .icon_num {
	background: url(../images/logoIcon01.png) center no-repeat;
	background-size: cover;
}

.inputouter .icon_pass {
	background: url(../images/logoIcon02.png) center no-repeat;
	background-size: cover;
}

/* .inputouter:before{content: "|";color:#969696;font-size:16px;position:absolute;top:7px;left:11%;} */
.checknum {
	width: 33%;
	height: 40px;
	line-height: 40px;
	outline: none;
	border: 1px solid #dcdcdc;
	text-align: center;
	border-radius: 20px;
}

.line30 {
	line-height: 30px;
}

.line40 {
	line-height: 40px;
}

.login_btn {
	width: 100%;
	height: 48px;
	line-height: 48px;
	text-align: center;
	border: none;
	outline: none;
	color: #fff;
	background-color: #2980ff;
	font-size: 16px;
	border-radius: 24px;
}

.mar_t10 {
	margin-top: 10px;
}

.mar_t26 {
	margin-top: 26px;
}

.mar_t36 {
	margin-top: 36px;
}

.mar_t40 {
	margin-top: 40px;
}

.mar_l22 {
	margin-left: 22px;
}

.mar_c {
	margin: 0 auto;
}

.btbox {
	width: 100%;
}

.boxTitle {
	position: relative;
	line-height: 72px;
}

.boxTitle:after {
	content: "";
	display: block;
	position: absolute;
	top: 36px;
	width: 23%;
	height: 1px;
	background: #E6E6E6;
}

.boxTitle:before {
	content: "";
	display: block;
	position: absolute;
	top: 36px;
	width: 23%;
	height: 1px;
	background: #E6E6E6;
}

.boxTitle:after {
	right: 4px;
}

.boxTitle:before {
	left: 4px;
}

.mart3 {
	margin-top: 7%;
}

.tableblock {
	width: 100%;
	display: table;
}

.tableblock>* {
	display: table-cell;
	max-width: 0;
	vertical-align: middle;
}

.txt_c {
	text-align: center;
}

.disblock {
	display: block;
}

.copyright {
	width: 100%;
	height: 30px;
	line-height: 30px;
	color: #fff;
	font-size: 14px;
	text-align: center;
	position: absolute;
	bottom: 6px;
}

.copyrightLink {
	height: 30px;
	line-height: 30px;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
}

.copyrightLink:hover {
	color: #FBFBFB;
}

.login-top {
	position: absolute;
	left: 3%;
	top: 0;
	border-bottom: 1px solid rgba(255, 255, 255, .1);
	height: 70px;
	width: 94%;
	line-height: 70px;
	padding-left: 5%;
	padding-right: 5%;
}

/* 2023-12-14新增 */
.containerbox_new {
	width: 100%;
	height: 100vh;
	background: url(../images/s_bg.jpg) center center no-repeat;
	background-size: conver;
}

.containerbox_con_new {
	width: 80%;
	height: 75%;
	background: #fff;
	box-shadow: 0 0 15px rgba(0, 0, 0, .1);
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
	border-radius: 10px;
}

.containerbox_con_newleft {
	float: left;
	width: 50%;
	background: #f7faff;
	height: 100%;
	border-radius: 10px 0 0 10px;
}

.containerbox_con_newright {
	float: right;
	width: 50%;
	height: 100%;
}

/* 北京天创晟源网络科技有限公司 （五公司之一）*/
#main_other,
#main_other1,
#main_other2,
#main_other3,
#main_other4,
#main_other5 {
	display: none;
	width: 100%;
	height: 100vh;
	position: relative;
}

#main_other5 {
	background: url(../images/main_other5bg.jpg) center center  no-repeat;
	background-size: conver;
}

.main_other5_con1 {
	position: absolute;
	width: 45%;
	height: 550px;
	background: #c0e2ff;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 6px;
	display: -webkit-flex;
	/* Safari */
	display: flex;
	box-shadow: 0 0 15px rgba(0, 0, 0, .1);
}

.main_other5_con1left {
	width: 50%;
	text-align: center;
	color: #06223e;
}

.main_other5_con1left img {
	margin-top: 100px;
}

.main_other5_con1left1 {
	margin-top: 60px;
	font-size: 32px;
}

.main_other5_con1left2 {
	margin-top: 15px;
	font-size: 22px;
}

.main_other5_con1right {
	background: #fff;
	width: 55%;
	border-radius: 0px 6px 6px 0px;
}

.main_other5_con1right1 {
	margin: 60px auto;
}

.login_title {
	font-size: 24px;
}

.main_other5_con1right form {
	margin: 85px 50px;
}

/* 北京华客多软件技术有限公司 */
#main_other2 {
	background: url(../images/main_other2bg.jpg) center center  no-repeat;
	background-size: conver;
}

.main_other2conlogin img {
	margin-top: 25px;
}

.main_other2con {
	position: absolute;
	width: 500px;
	height: 550px;
	background: rgba(255, 255, 255, 1);
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 2px;
	box-shadow: 0 0 15px rgba(0, 0, 0, .1);
}

.main_other2con2 {
	width: 80%;
	margin: 35px auto;
}

/*  3、苏州掌宝网络技术有限公司 */
#main_other3 {
	background: url(../images/main_other3bg.jpg) center center  no-repeat;
	background-size: conver;
}
.main_other3login img{margin: 25px ;}
.main_other3con{position: absolute;
	width: 500px;
	height: 500px;
	background: rgba(255, 255, 255, .6);
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 2px;
	box-shadow: 0 0 15px rgba(0, 0, 0, .1);}
	.main_other3contit{margin-top: 85px;text-align: center;color: #333;font-size: 24px;}
	.maimain_other3con1{width: 80%;margin: 25px auto;}
	.maimain_other3con1 .inputouter{background: #fff;}
/* 	4、大连星图科技有限公司 */
.main_other4con{
	width: 500px;
	height: 500px;
	margin: 45px auto;
}
.main_other4contit{text-align: center;font-size: 24px;margin-bottom: 15px;}
/* 1、浙江彩硕信息科技有限公司， */
#main_other1{background: url(../images/main_other1bg.jpg) center center  no-repeat;
	background-size: conver;}
	.main_other1con{position: absolute;width: 500px;
	height: 500px;
	background: rgba(255, 255, 255, 1);
	top: 50%;
	left: 65%;
	transform: translate(-65%, -50%);
	border-radius: 2px;
	box-shadow: 0 0 15px rgba(0, 0, 0, .1);}
	.main_other1con1{width: 80%;margin: 25px auto;}
	.main_other1con1tit{background: #fafafa;height: 50px;line-height: 50px;font-size: 18px;}