body {
	/*padding-top: 50px;*/
	padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
/*.body-content {
    padding-left: 15px;
    padding-right: 15px;
}*/

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
	white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */

/*public css*/
html {
	overflow-y: scroll;
}

.table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td {
	vertical-align: middle;
	text-align: center;
}

.queryul-list {
	margin-top: 10px;
	margin-bottom: 10px;
}

.tdEdit a {
	color: rgb(95, 196, 211);
}

.pagination > .active > a {
	background-color: rgb(95, 196, 211);
	border-color: rgb(95, 196, 211);
}

/*public css*/

.loginpartialul {
	height: 100%;
	display: inline-block;
}

.loginpartialul li.li-col a {
	text-decoration: none;
	color: rgb(95, 196, 211);
	font-size: 12px;
}

.loginpartialul li {
	line-height: 42px;
	margin-left: 10px;
	float: right;
}

.fr {
	float: right;
}

.frdiv {
	display: inline-block;
	height: 100%;
	box-sizing: border-box;
}

/*public*/
.company-logo {
	height: 38px;
	line-height: 38px;
	margin-top: 10px;
}

.company-logo .logodiv {
	position: relative;
	height: 100%;
	line-height: 38px;
	vertical-align: middle;
	text-align: center;
}

.company-logo img {
	position: absolute;
	top: 50%;
	width: 100%;
	transform: translate(-50%, -50%);
}

.hd-banner {
	height: 40px;
}

.hd-banner .hd-ullist {
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

.hd-banner .hd-ullist {
	height: 40px;
	line-height: 40px;
	/*margin-top: 20px;*/
}

.hd-banner .hd-ullist li {
	height: 40px;
	line-height: 40px;
	font-family: 'Microsoft YaHei';
	font-weight: bold;
	color: rgb(95, 196, 211);
	text-align: center;
	list-style: none;
	border-left: 1px solid rgb(209, 208, 208);
    border-top: 1px solid rgb(209, 208, 208);
    border-bottom: 1px solid rgb(209, 208, 208);
    border-right: 1px solid rgb(209, 208, 208);
}
    .hd-banner .hd-ullist li:not(:last-child) {
    border-right:none;
    }

.hd-ullist > li > a {
	display: block;
	color: rgb(95, 196, 211);
	text-decoration: none;
}

/*.hd-ullist > li:hover {
    border: 1px solid rgb(95,196,211);
    background: rgb(95,196,211);
}

.hd-ullist > li > a:hover {
    color: #fff;
}*/
.hd-banner .hd-ullist .hd-ullist-select {
	border: 1px solid rgb(95, 196, 211);
	background: rgb(95, 196, 211);
	
}

.hd-banner .hd-ullist .hd-ullist-select > a {
	color: #fff;
}

.line-box {
	border-bottom: 2px solid rgb(95, 196, 211);
	margin-top: 20px;
}

.li-col {
	display: inline-block;
	vertical-align: middle;
	/*overflow:hidden;*/
}

.li-col label {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	padding: 0;
	margin: 0;
	height: inherit;
}

.li-col input {
	border-radius: 3px;
	color: #555555;
	vertical-align: middle;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	/*box-sizing: border-box;*/
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	padding: 0;
	margin: 0;
	height: inherit;
}

.li-col select {
	border-radius: 3px;
	color: #555555;
	vertical-align: middle;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	box-sizing: border-box;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	padding: 0;
	margin: 0;
	height: inherit;
	white-space: normal;
}

.cust-sec-list li {
	display: inline-block;
	float: right;
}

.ul-loginlist {
	margin-top: 10px;
}

.nav > li > a {
	padding-left: 5px;
	padding-right: 10px;
	color: rgb(95, 196, 211) !important;
}

.navbar-default .navbar-toggle {
	border-color: rgb(95, 196, 211);
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
	background-color: #dddddd;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: rgb(95, 196, 211);
}

.navbar-default {
	background-color: #fff;
	border-color: #fff;
}

.navbar-brand {
	padding-left: 0;
	padding-right: 0;
}

.dropdown-menu > li > a {
	color: rgb(95, 196, 211);
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
	color: #ffffff;
	text-decoration: none;
	background-color: rgb(95, 196, 211);
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
	background-color: rgb(95, 196, 211);
}

.dropdownul {
	padding-left: 25px !important;
}

.liselect > a {
	border: 1px solid rgb(95, 196, 211) !important;
	background: rgb(95, 196, 211);
	color: #fff;
}
.common-pointer:active,.common-pointer:hover,.common-pointer:focus {
    cursor:pointer;
}

@media (max-width: 767px) {
	.navbar-header {
		width: 100%;
	}
	
	.navbar-brand {
		display: inline-block !important;
		width: 80%;
	}
	
	.navbar-header a img {
		/*height:100%;*/
		width: 80%;
		/*height:38px;*/
	}
	
	.hd-banner .hd-ullist li {
		font-size: 10px;
	}
	
	/*login页面*/
	.login-title .login-title-font {
		height: 20px;
		line-height: 20px;
		font-size: 15px;
		color: #616161;
		margin-bottom: 20px;
		margin-top: 25px;
	}
	
	.login-title .login-title-font span {
		display: inline-block;
		margin-left: 5px;
	}
	
	.login-btn .btn-img {
		height: 30px;
		line-height: 30px;
		font-size: 15px;
		width: 100px;
		border-radius: 2px;
	}
	
	.lg-user-cs {
		height: 30px;
		line-height: 30px;
		font-size: 15px;
		font-weight: 200;
	}
	
	.form-controlcust {
		height: 30px;
		padding: 4px 8px;
		font-size: 15px;
		border-radius: 2px;
		line-height: 30px;
		margin-bottom: 20px;
	}
	
	.col-form-label {
		height: 30px;
		line-height: 30px;
		font-size: 10px;
		margin-bottom: 20px;
	}
	
	/*.login-form-box {
		min-height:300px;
		}*/
	.login-box .container {
		/*padding-top:50px;*/
		box-sizing: border-box;
	}
	
	#ColorComboxList, #StyleComboxList, #Customer, .input-ssmup {
		/*height: 22px;*/
		font-size: 12px;
		width: 45px;
		/*line-height: 30px;*/
	}
	
	.input-ssm {
		font-size: 12px;
		width: 45px;
	}
	
	.input-ssm4 {
		width: 189px;
	}
	
	.li-col {
		font-size: 8px;
		height: 20px;
		line-height: 15px;
		padding-left: 0;
	}
	
	.li-col label {
		height: 20px;
	}
	
	/*.li-col input[type=text] {
		width: 50px;
	}*/
	/*.up-min {
		min-width: 300px;
	}*/
	.upul-min {
		padding-left: 0;
	}
	
	.rightimage {
		margin-left: 0px;
	}
	
	/*.gallery-thumbs {
		max-height: 130px;
		width: 100%;
		box-sizing: border-box;
		padding: 10px 0;
	}

		.gallery-thumbs .swiper-slide {
			opacity: 0.4;
			border: 2px solid #000;
			height:130px;
		}*/
	/*index*/
	.login-square {
		padding-bottom: 5.6537%;
		height: 0;
		width: 100%;
		margin-bottom: 10px;
		margin-top: 10px;
		position: relative;
	}
	
	.login-square .login-cnn {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}
	
	.login-logo {
		display: none;
	}
	
	.login-logo11 {
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover;
		display: inline-block;
	}
	
	.login-form-box {
		margin-top: 0px;
	}
	
	/*pickpicture*/
	.tw-square {
		padding-bottom: 100%;
		height: 0;
		width: 100%;
		position: relative;
	}
	
	.tw-square .tw-con {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}
	
	.tw-squaring {
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover;
		display: inline-block;
	}
	
	.leftimage-square {
		width: 100%;
		padding-bottom: 100%;
		position: relative;
		height: 0;
	}
	
	.rightimage-square {
		width: 100%;
		padding-bottom: 50%;
		position: relative;
		height: 0;
	}
	
	.leftimage-square .leftimage, .rightimage-square .rightimage {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
	.leftimage .leftimage-squaring, .rightimage .rightimage-squaring {
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover;
	}
}


@media (min-width: 768px) {
	.cust.container {
		padding-left: 2.1053%;
		padding-right: 2.1053%;
	}
	
	.navbar-header {
		width: 28%;
	}
	
	.navbar-header a {
		display: inline-block;
		width: 100%;
	}
	
	.navbar-header a img {
		/*height:100%;*/
		width: 100%;
		height: auto;
		/*height:38px;*/
	}
	
	.hd-banner .hd-ullist li {
		font-size: 15px;
	}
	
	/*login页面*/
	.login-title .login-title-font {
		height: 25px;
		line-height: 25px;
		font-size: 20px;
		color: #616161;
		margin-bottom: 25px;
		margin-top: 25px;
	}
	
	.login-title .login-title-font span {
		display: inline-block;
		margin-left: 10px;
	}
	
	.login-btn .btn-img {
		height: 40px;
		line-height: 40px;
		font-size: 20px;
		width: 200px;
		border-radius: 3px;
	}
	
	.lg-user-cs {
		height: 40px;
		line-height: 40px;
		font-size: 20px;
		font-weight: 200;
	}
	
	.form-controlcust {
		height: 40px;
		padding: 5px 9px;
		font-size: 20px;
		line-height: 40px;
		border-radius: 4px;
		margin-bottom: 20px;
	}
	
	.col-form-label {
		height: 40px;
		line-height: 40px;
		font-size: 15px;
		margin-bottom: 20px;
	}
	
	/*.login-form-box {
		min-height:400px;
		}*/
	#ColorComboxList, #StyleComboxList, #Customer, .input-ssmup {
		/*height: 22px;*/
		font-size: 12px;
		width: 53px;
		/*line-height: 30px;*/
	}
	
	.input-ssm {
		font-size: 12px;
		width: 55px;
	}
	
	.li-col {
		font-size: 10px;
		height: 20px;
		line-height: 15px;
		padding-left: 0;
	}
	
	.li-col label {
		height: 20px;
	}
	
	/*.up-min {
		min-width: 470px;
	}*/
	.upul-min {
		padding-left: 0;
	}
	
	/*.rightimage {
		margin-left: 0px;
	}*/
	/*index*/
	.login-square {
		padding-bottom: 5.6537%;
		margin-bottom: 10px;
		margin-top: 10px;
		height: 0;
		width: 100%;
		position: relative;
	}
	
	.login-square .login-cnn {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}
	
	.login-logo {
		display: none;
	}
	
	.login-logo11 {
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover;
		display: inline-block;
	}
	
	.login-form-box {
		margin-top: 60px;
	}
	
	/*pickpicture*/
	.tw-square {
		padding-bottom: 50%;
		height: 0;
		width: 50%;
		position: relative;
	}
	
	.tw-square .tw-con {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}
	
	.tw-squaring {
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover;
		display: inline-block;
	}
	
	.leftimage-square {
		width: 100%;
		padding-bottom: 100%;
		position: relative;
		height: 0;
	}
	
	.rightimage-square {
		width: 100%;
		padding-bottom: 50%;
		position: relative;
		height: 0;
	}
	
	.leftimage-square .leftimage, .rightimage-square .rightimage {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
	.leftimage .leftimage-squaring, .rightimage .rightimage-squaring {
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover;
	}
	
	.input-ssm4 {
		width: 189px;
	}
}

@media (min-width: 992px) {
	.cust.container {
		padding-left: 2.1053%;
		padding-right: 2.1053%;
	}
	
	.navbar-header {
		width: 28%;
	}
	
	.navbar-header a {
		display: inline-block;
		width: 100%;
	}
	
	.navbar-header a img {
		/*height:100%;*/
		width: 100%;
		height: auto;
		/*height:38px;*/
	}
	
	.hd-banner .hd-ullist li {
		font-size: 20px;
	}
	
	/*login页面*/
	.login-title .login-title-font {
		height: 40px;
		line-height: 40px;
		font-size: 25px;
		color: #616161;
		margin-bottom: 20px;
	}
	
	.login-title .login-title-font span {
		display: inline-block;
		margin-left: 8px;
	}
	
	.login-btn .btn-img {
		height: 50px;
		line-height: 50px;
		font-size: 25px;
		width: 270px;
		border-radius: 4px;
	}
	
	.lg-user-cs {
		height: 50px;
		line-height: 50px;
		font-size: 25px;
		font-weight: 200;
	}
	
	.form-controlcust {
		height: 50px;
		padding: 6px 12px;
		font-size: 20px;
		border-radius: 4px;
		margin-bottom: 30px;
	}
	
	.col-form-label {
		height: 50px;
		line-height: 50px;
		font-size: 20px;
		margin-bottom: 30px;
	}
	
	/*.login-form-box {
		min-height:498px;
		}*/
	.login-box .container {
		/*padding-top: 70px;*/
		box-sizing: border-box;
	}
	
	#ColorComboxList, #StyleComboxList, #Customer, .input-ssmup {
		/*height: 22px;*/
		font-size: 12px;
		width: 80px;
		/*line-height: 30px;*/
	}
	
	.input-ssm {
		font-size: 12px;
		width: 80px;
	}
	
	.li-col {
		font-size: 10px;
		height: 25px;
		line-height: 20px;
	}
	
	.li-col label {
		height: 25px;
		line-height: 25px;
	}
	
	/*.up-min {
		min-width: 500px;
	}*/
	/*.rightimage {
		margin-left: 10px;
	}*/
	/*index*/
	.login-square {
		padding-bottom: 50%;
		height: 0;
		width: 50%;
		position: relative;
	}
	
	.login-square .login-cnn {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}
	
	.login-logo {
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover;
		display: inline-block;
	}
	
	.login-logo11 {
		display: none;
	}
	
	.login-form-box {
		margin-top: 0px;
	}
	
	/*pickpicture*/
	.tw-square {
		padding-bottom: 50%;
		height: 0;
		width: 50%;
		position: relative;
	}
	
	.tw-square .tw-con {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}
	
	.tw-squaring {
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover;
		display: inline-block;
	}
	
	.leftimage-square {
		width: 100%;
		padding-bottom: 100%;
		position: relative;
		height: 0;
	}
	
	.rightimage-square {
		width: 100%;
		padding-bottom: 50%;
		position: relative;
		height: 0;
	}
	
	.leftimage-square .leftimage, .rightimage-square .rightimage {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
	.leftimage .leftimage-squaring, .rightimage .rightimage-squaring {
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover;
	}
	
	.input-ssm4 {
		width: 115px;
	}
}

@media (min-width: 1200px) {
	.cust.container {
		padding-left: 2.1053%;
		padding-right: 2.1053%;
	}
	
	.navbar-header {
		width: 28%;
	}
	
	.navbar-header a {
		display: inline-block;
		width: 100%;
	}
	
	.navbar-header a img {
		/*height:100%;*/
		width: 100%;
		height: auto;
		/*height:38px;*/
	}
	
	.hd-banner .hd-ullist li {
		font-size: 20px;
	}
	
	/*login页面*/
	.login-title .login-title-font {
		height: 40px;
		line-height: 40px;
		font-size: 25px;
		color: #616161;
		margin-bottom: 20px;
	}
	
	.login-title .login-title-font span {
		display: inline-block;
		margin-left: 10px;
	}
	
	.login-btn .btn-img {
		height: 50px;
		line-height: 50px;
		font-size: 25px;
		width: 270px;
		border-radius: 4px;
	}
	
	.lg-user-cs {
		height: 50px;
		line-height: 50px;
		font-size: 25px;
		font-weight: 200;
	}
	
	.form-controlcust {
		height: 50px;
		padding: 6px 12px;
		font-size: 20px;
		border-radius: 4px;
		margin-bottom: 30px;
	}
	
	.col-form-label {
		height: 50px;
		line-height: 50px;
		font-size: 20px;
		margin-bottom: 30px;
	}
	
	/*.login-form-box {
		min-height:515px;
		}*/
	.login-box .container {
		box-sizing: border-box;
		/*padding-top: 100px;*/
		box-sizing: border-box;
	}
	
	#ColorComboxList, #StyleComboxList, #Customer, .input-ssmup {
		/*height: 22px;*/
		font-size: 12px;
		width: 80px;
		/*line-height: 30px;*/
	}
	
	.input-ssm {
		font-size: 12px;
		width: 80px;
	}
	
	.li-col {
		font-size: 12px;
		height: 25px;
		line-height: 25px;
	}
	
	.li-col label {
		height: 25px;
		line-height: 25px;
	}
	
	/*index*/
	.login-square {
		padding-bottom: 50%;
		height: 0;
		width: 50%;
		position: relative;
	}
	
	.login-square .login-cnn {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}
	
	.login-logo {
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover;
		display: inline-block;
	}
	
	.login-logo11 {
		display: none;
	}
	
	.login-form-box {
		margin-top: 0px;
	}
	
	/*pickpicture*/
	.tw-square {
		padding-bottom: 33%;
		height: 0;
		width: 33%;
		position: relative;
	}
	
	.tw-square .tw-con {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}
	
	.tw-squaring {
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover;
		display: inline-block;
	}
	
	.leftimage-square {
		width: 100%;
		padding-bottom: 100%;
		position: relative;
		height: 0;
	}
	
	.rightimage-square {
		width: 100%;
		padding-bottom: 50%;
		position: relative;
		height: 0;
	}
	
	.leftimage-square .leftimage, .rightimage-square .rightimage {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
	.leftimage .leftimage-squaring, .rightimage .rightimage-squaring {
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover;
	}
	
	.input-ssm4 {
		width: 189px;
	}
	
	.content-box {
		height: 20px;
	}
}

@media (min-width: 1660px) {
	.cust.container {
		padding-left: 2.1053%;
		padding-right: 2.1053%;
	}
	
	.navbar-header {
		width: 28%;
	}
	
	/*news页面*/
	.container {
		max-width: 1660px;
	}
	
	.company-logo {
		margin-top: 10px;
		height: 38px;
	}
	
	.navbar-header a {
		display: inline-block;
		width: 100%;
	}
	
	.navbar-header a img {
		/*height:100%;*/
		width: 100%;
		height: auto;
		/*height:38px;*/
	}
	
	/*pictureDeatail*/
	.swiper-container {
		/*width: 100%;
		height: 500px;*/
		margin-left: auto;
		margin-right: auto;
	}
	
	.tw-btn-group .btn-default {
		/*border: 1px solid #111111;*/
		border: 1px solid rgb(160, 160, 160);
		padding: 5px 40px;
		border-radius: 10px;
		margin-right: 20px;
	}
	
	/*index*/
	.login-square {
		padding-bottom: 50%;
		height: 0;
		width: 50%;
		position: relative;
	}
	
	.login-square .login-cnn {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}
	
	.login-logo {
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover;
		display: inline-block;
	}
	
	.login-logo11 {
		display: none;
	}
	
	.login-form-box {
		margin-top: 0px;
	}
	
	/*pickpicture*/
	.tw-square {
		padding-bottom: 33%;
		height: 0;
		width: 33%;
		position: relative;
	}
	
	.tw-square .tw-con {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}
	
	.tw-squaring {
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover;
		display: inline-block;
	}
	
	.leftimage-square {
		width: 100%;
		padding-bottom: 100%;
		position: relative;
		height: 0;
	}
	
	.rightimage-square {
		width: 100%;
		padding-bottom: 50%;
		position: relative;
		height: 0;
	}
	
	.leftimage-square .leftimage, .rightimage-square .rightimage {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
	.leftimage .leftimage-squaring, .rightimage .rightimage-squaring {
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover;
	}
	
	.input-ssm4 {
		width: 189px;
	}
	
	.li-col {
		font-size: 14px;
		height: 30px;
		line-height: 25px;
	}
	
	.li-col label {
		height: 30px;
		line-height: 30px;
	}
	
	.content-box {
		height: 80px;
	}
}

@media (min-width: 1920px) {
	.cust.container {
		padding-left: 2.1053%;
		padding-right: 2.1053%;
	}
	
	.navbar-header {
		width: 28%;
	}
	
	.navbar-header a {
		display: inline-block;
		width: 100%;
	}
	
	.navbar-header a img {
		/*height:100%;*/
		width: 100%;
		height: auto;
		/*height:38px;*/
	}
	
	/*news页面*/
	.container {
		max-width: 1900px;
	}
	
	.login-square {
		padding-bottom: 50%;
		height: 0;
		width: 50%;
		position: relative;
	}
	
	.login-square .login-cnn {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}
	
	.login-logo {
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover;
		display: inline-block;
	}
	
	.login-logo11 {
		display: none;
	}
	
	.login-form-box {
		margin-top: 0px;
	}
	
	/*pickpicture*/
	.tw-square {
		padding-bottom: 33%;
		height: 0;
		width: 33%;
		position: relative;
	}
	
	.tw-square .tw-con {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}
	
	.tw-squaring {
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover;
		display: inline-block;
	}
	
	.leftimage-square {
		width: 100%;
		padding-bottom: 100%;
		position: relative;
		height: 0;
	}
	
	.rightimage-square {
		width: 100%;
		padding-bottom: 50%;
		position: relative;
		height: 0;
	}
	
	.leftimage-square .leftimage, .rightimage-square .rightimage {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
	.leftimage .leftimage-squaring, .rightimage .rightimage-squaring {
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover;
	}
	
	.input-ssm4 {
		width: 189px;
	}
	
	.li-col {
		font-size: 14px;
		height: 30px;
		line-height: 25px;
	}
	
	.li-col label {
		height: 30px;
		line-height: 30px;
	}
	
	.content-box {
		height: 80px;
	}
}