@charset "utf-8";
/* CSS Document */
html, body {
	width:100%; height:100%;
	margin:0; padding:0;
	overflow:hidden;
}

/* banner */
#wrapper {
	position:relative; z-index:100;
	display:block;
	width:100%; height:100%; overflow:hidden;
	/*
	background:#fff url(/image/banner01.jpg) center center no-repeat; background-size:cover;
	*/
	background:#fff;
}

.swiper-container-banner {
	width:100%; height:100%;
}
.swiper-container-banner .swiper-slide {
	background-position:center center;
	background-repeat:no-repeat;
}
.swiper-container-banner .swiper-pagination-bullet {
	width:12px; height:12px;
	background-color:#fff;
}
.swiper-container-banner .swiper-pagination-bullet-active {
	background-color:#d11919;
}


#wrapper-body {
	position:absolute; left:0; top:0; z-index:800;
	display:block;
	width:100%; height:100%;
	overflow:hidden;
}

.img-verify {
	display:inline-block;
	height:44px;
	vertical-align:top;
	cursor:pointer;
}

main {
	display:block;
	width:1000px; height:620px; overflow:hidden;
	margin:7% auto 0 auto;
	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
	-webkit-box-shadow:rgba(0,0,0,0.1) 0 0 10px; -moz-box-shadow:rgba(0,0,0,0.1) 0 0 10px; box-shadow:rgba(0,0,0,0.1) 0 0 10px;
}

footer {
	display:block;
	width:1000px; height:auto; line-height:1.8; overflow:hidden;
	margin:60px auto 0 auto;
	font-size:16px; color:rgba(0,0,0,0.8);
	text-align:center;
}


main > .left-box {
	float:left; display:inline-block;
	width:380px; height:100%; overflow:hidden;
	background-color:rgba(208,236,255,0.5);
}
main > .left-box > .wrap {
	display:block; box-sizing:border-box;
	width:calc(100% - 70px); height:auto; overflow:hidden;
	margin:0 auto; padding:40px 0 0 0;
}
main > .left-box logo {
	display:block;
	width:88px; height:88px; overflow:hidden;
	background:url(/image/logo.png) center center no-repeat;
}
main > .left-box .company {
	display:block;
	line-height:1.4;
	margin-top:10px;
	font-size:26px; color:#4c4c4c; font-weight:bold;
}
main > .left-box .company-en {
	display:block;
	line-height:1.4;
	font-size:16px; color:#4c4c4c;
	text-transform:uppercase;
}
main > .left-box .line {
	display:block;
	width:88px; height:1px; overflow:hidden;
	margin-top:10px;
	font-size:0;
	background-color:rgba(76,76,76,0.4);
}
main > .left-box .sys {
	display:block;
	line-height:1.4;
	margin-top:10px;
	font-size:26px; color:#4c4c4c;
}


main > .right-box {
	float:right; display:inline-block;
	width:calc(100% - 380px); height:100%; overflow:hidden;
	background-color:rgba(255,255,255,0.96);
}
main > .right-box > .wrap {
	display:block; box-sizing:border-box;
	width:calc(100% - 120px); height:auto; overflow:hidden;
	margin:0 auto; padding:40px 0 0 0;
}
main > .right-box .cutmenu {
	display:block;
	width:100%; height:42px;
	font-size:0;
	border-bottom:1px solid #1770c7;
}
main > .right-box .cutmenu > li {
	display:inline-block;
	width:auto; height:42px; line-height:42px;
	margin:0; padding:0 34px;
	font-size:18px; color:#4c4c4c;
	cursor:pointer;
}
main > .right-box .cutmenu > li.active {
	height:41px; line-height:44px;
	font-weight:bold; color:#1770c7;
	border-bottom:3px solid #1770c7;
}
main .logform {
	display:block;
	width:calc(100% - 60px);
	margin:0 auto; padding:10px 0;
}
main .logform .row {
	display:block;
	font-size:0;
	margin:22px auto;
}
main .logform .row1 {
	overflow:hidden;
	margin-top:30px;
}
main .logform .row1 > label {
	float:left; display:inline;
	cursor:pointer;
	font-size:18px; color:#4c4c4c;
}
main .logform .row1 > a {
	float:right; display:inline;
	font-size:18px;
}
main .logform .input-text {
	display:inline-block; box-sizing:border-box;
	width:100%; height:44px; line-height:normal;
	margin:0; padding:0;
	font-size:18px; color:#222;
	text-indent:8px;
	vertical-align:top;
	border:none; outline:none;
	border-bottom:1px solid #d1d1d1;
	background-color:transparent;
}
main .logform .input-text-sm {
	width:calc(100% - 120px);
}
main .logform .btn-code {
	display:inline-block;
	width:120px; height:44px; line-height:normal;
	margin:0; padding:0;
	font-size:15px; color:#4c4c4c;
	cursor:pointer;
	border:1px solid #e0e0e0; outline:none;
	background-color:#f0f0f0;
	-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
}
main .logform .btn-submit {
	display:block;
	width:100%; height:58px; line-height:normal;
	margin:60px auto 0 auto;
	font-size:18px; color:#fff;
	cursor:pointer;
	border:none; outline:none;
	background-color:#1770c7;
	-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
}


main .regform {
	display:block;
	width:calc(100% - 60px); height:auto; overflow:hidden; overflow-y:auto;
	margin:0 auto; padding:0;
}
main .regform .row {
	display:block;
	font-size:0;
	margin:12px auto;
}
main .regform .capi {
	display:inline-block;
	width:120px; height:40px; line-height:40px; overflow:hidden;
	font-size:14px; color:#4c4c4c;
	vertical-align:top;
}
main .regform .input-text {
	display:inline-block; box-sizing:border-box;
	width:calc(100% - 120px); height:40px; line-height:normal;
	margin:0; padding:0;
	font-size:16px; color:#222;
	text-indent:6px;
	vertical-align:top;
	border:none; outline:none;
	border-bottom:1px solid #d1d1d1;
	background-color:transparent;
}
main .regform .input-text-sm {
	width:calc(72% - 120px);
}
main .regform .btn-code {
	display:inline-block;
	width:120px; height:40px; line-height:normal;
	margin:0; padding:0;
	font-size:14px; color:#4c4c4c;
	cursor:pointer;
	border:1px solid #e0e0e0; outline:none;
	background-color:#f0f0f0;
	-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
}
main .regform .btn-submit {
	display:block;
	width:100%; height:50px; line-height:normal;
	margin:30px auto 0 auto;
	font-size:18px; color:#fff;
	cursor:pointer;
	border:none; outline:none;
	background-color:#1770c7;
	-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
}
main .regform .img-verify {
	height:40px;
}



main .findform {
	display:block;
	width:calc(100% - 60px);
	margin:0 auto; padding:0;
}
main .findform .row {
	display:block;
	font-size:0;
	margin:16px auto;
}
main .findform .capi {
	display:inline-block;
	width:120px; height:44px; line-height:44px; overflow:hidden;
	font-size:15px; color:#4c4c4c;
	vertical-align:top;
}
main .findform .input-text {
	display:inline-block; box-sizing:border-box;
	width:calc(100% - 120px); height:44px; line-height:normal;
	margin:0; padding:0;
	font-size:18px; color:#222;
	text-indent:6px;
	vertical-align:top;
	border:none; outline:none;
	border-bottom:1px solid #d1d1d1;
	background-color:transparent;
}
main .findform .input-text-sm {
	width:calc(72% - 120px);
}
main .findform .btn-code {
	display:inline-block;
	width:120px; height:44px; line-height:normal;
	margin:0; padding:0;
	font-size:15px; color:#4c4c4c;
	cursor:pointer;
	border:1px solid #e0e0e0; outline:none;
	background-color:#f0f0f0;
	-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
}
main .findform .btn-submit {
	display:block;
	width:100%; height:58px; line-height:normal;
	margin:30px auto 0 auto;
	font-size:18px; color:#fff;
	cursor:pointer;
	border:none; outline:none;
	background-color:#28a745;
	-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
}
main .findform .row1 {
	overflow:hidden;
	margin-top:30px;
	text-align:center;
}
main .findform .row1 > a {
	font-size:18px;
}