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

/* 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:3.6rem;
	vertical-align:top;
	cursor:pointer;
}

main {
	display:block;
	width:100%; height:100%; overflow:hidden;
	margin:0 auto;
	-webkit-border-radius:0; -moz-border-radius:0; border-radius:0;
}

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


main > .left-box {
	display:block;
	width:100%; height:auto; overflow:hidden;
	background-color:rgba(208,236,255,0.5);
}
main > .left-box > .wrap {
	display:block; box-sizing:border-box;
	margin:0 auto; padding:1.2rem 2rem;
	text-align:center;
}
main > .left-box logo {
	display:inline-block;
	margin-right:1rem;
	width:5.1rem; height:5.1rem; overflow:hidden;
	vertical-align:middle;
	background:url(/image/logo.png) center center no-repeat; background-size:cover;
}
main > .left-box .comp {
	display:inline-block;
	vertical-align:middle;
}
main > .left-box .comp > .company {
	display:block;
	line-height:1.4;
	font-size:1.6rem; color:#4c4c4c; font-weight:bold;
}
main > .left-box .comp > .company-en {
	display:none;
	line-height:1.4;
	font-size:1rem; color:#4c4c4c;
	text-transform:uppercase;
}
main > .left-box .comp > .line {
	display:block;
	width:auto; height:0.1rem; overflow:hidden;
	margin:0.3rem auto 0 auto;
	font-size:0;
	background-color:rgba(76,76,76,0.2);
}
main > .left-box .comp > .sys {
	display:block;
	line-height:1.4;
	margin-top:0.2rem;
	font-size:1.4rem; color:#4c4c4c;
	letter-spacing:0.6rem;
	text-indent:0.4rem;
}


main > .right-box {
	display:block;
	width:calc(100% - 3rem); height:auto; overflow:hidden;
	margin:1rem auto 0 auto; padding-bottom:4rem;
	background-color:rgba(255,255,255,0.96);
	-webkit-border-radius:0.3rem; -moz-border-radius:0.3rem; border-radius:0.3rem;
}
main > .right-box > .wrap {
	display:block; box-sizing:border-box;
	width:calc(100% - 2rem); height:auto; overflow:hidden;
	margin:0 auto; padding:1rem 0 0 0;
}
main > .right-box .cutmenu {
	display:block;
	width:100%; height:3.4rem;
	font-size:0;
	text-align:center;
	border-bottom:0.1rem solid #1770c7;
}
main > .right-box .cutmenu > li {
	display:inline-block;
	width:33.33%; height:3.4rem; line-height:3.4rem;
	margin:0; padding:0;
	font-size:1.2rem; color:#4c4c4c;
	text-align:center;
	cursor:pointer;
}
main > .right-box .cutmenu > li.active {
	height:3.2rem; line-height:3.4rem;
	font-weight:bold; color:#1770c7;
	border-bottom:0.2rem solid #1770c7;
}
main .logform {
	display:block;
	width:calc(100% - 2rem);
	margin:0 auto; padding:1rem 0;
}
main .logform .row {
	display:block;
	font-size:0;
	margin:1rem auto;
}
main .logform .row1 {
	overflow:hidden;
	margin-top:3rem;
}
main .logform .row1 > label {
	float:left; display:inline;
	cursor:pointer;
	font-size:1.1rem; color:#4c4c4c;
}
main .logform .row1 > a {
	float:right; display:inline;
	font-size:1.1rem;
}
main .logform .input-text {
	display:inline-block; box-sizing:border-box;
	width:100%; height:3.6rem; line-height:normal;
	font-size:1.2rem; color:#222;
	text-indent:0.8rem;
	vertical-align:top;
	border:none; outline:none;
	background-color:#f1f5f9;
	-webkit-border-radius:0.3rem; -moz-border-radius:0.3rem; border-radius:0.3rem;
}
main .logform .input-text-sm {
	width:calc(100% - 10rem);
}
main .logform .btn-code {
	display:inline-block;
	width:10rem; height:3.6rem; line-height:normal;
	font-size:1.1rem; color:#4c4c4c;
	cursor:pointer;
	border:0.1rem solid #e0e0e0; outline:none;
	background-color:#f0f0f0;
	-webkit-border-radius:0.3rem; -moz-border-radius:0.3rem; border-radius:0.3rem;
}
main .logform .btn-submit {
	display:block;
	width:100%; height:3.6rem; line-height:normal;
	margin:2rem auto 0 auto;
	font-size:1.2rem; color:#fff;
	cursor:pointer;
	border:none; outline:none;
	background-color:#1770c7;
	-webkit-border-radius:0.3rem; -moz-border-radius:0.3rem; border-radius:0.3rem;
}


main .regform {
	display:block;
	width:calc(100% - 2rem); height:auto; overflow:hidden; overflow-y:auto;
	margin:0 auto; padding:0;
}
main .regform .row {
	display:block;
	font-size:0;
	margin:1rem auto;
}
main .regform .capi {
	display:inline-block;
	width:7rem; height:3.2rem; line-height:3.2rem; overflow:hidden;
	font-size:1rem; color:#4c4c4c;
	vertical-align:top;
}
main .regform .input-text {
	display:inline-block; box-sizing:border-box;
	width:calc(100% - 7rem); height:3.2rem; line-height:normal;
	margin:0; padding:0;
	font-size:1.2rem; color:#222;
	text-indent:0.6rem;
	vertical-align:top;
	border:none; outline:none;
	border-bottom:0.1rem solid #d1d1d1;
	background-color:transparent;
	-webkit-border-radius:0; -moz-border-radius:0; border-radius:0;
}
main .regform .input-text-sm {
	width:calc(70% - 7rem);
}
main .regform .btn-code {
	display:inline-block; box-sizing:border-box;
	width:7rem; height:3.2rem; line-height:normal;
	margin:0; padding:0;
	font-size:1rem; color:#4c4c4c;
	cursor:pointer;
	border:1px solid #e0e0e0; outline:none;
	background-color:#f0f0f0;
	-webkit-border-radius:0.2rem; -moz-border-radius:0.2rem; border-radius:0.2rem;
}
main .regform .btn-submit {
	display:block;
	width:100%; height:3.6rem; line-height:normal;
	margin:2rem auto 0 auto;
	font-size:1.2rem; color:#fff;
	cursor:pointer;
	border:none; outline:none;
	background-color:#1770c7;
	-webkit-border-radius:0.3rem; -moz-border-radius:0.3rem; border-radius:0.3rem;
}
main .regform .img-verify {
	height:3.2rem;
}



main .findform {
	display:block;
	width:calc(100% - 2rem);
	margin:0 auto; padding:0;
}
main .findform .row {
	display:block;
	font-size:0;
	margin:1rem auto;
}
main .findform .capi {
	display:inline-block;
	width:7rem; height:3.2rem; line-height:3.2rem; overflow:hidden;
	font-size:1rem; color:#4c4c4c;
	vertical-align:top;
}
main .findform .input-text {
	display:inline-block; box-sizing:border-box;
	width:calc(100% - 7rem); height:3.2rem; line-height:normal;
	margin:0; padding:0;
	font-size:1.2rem; color:#222;
	text-indent:0.6rem;
	vertical-align:top;
	border:none; outline:none;
	border-bottom:0.1rem solid #d1d1d1;
	background-color:transparent;
	-webkit-border-radius:0; -moz-border-radius:0; border-radius:0;
}
main .findform .input-text-sm {
	width:calc(70% - 7rem);
}
main .findform .btn-code {
	display:inline-block; box-sizing:border-box;
	width:7rem; height:3.2rem; line-height:normal;
	margin:0; padding:0;
	font-size:1rem; color:#4c4c4c;
	cursor:pointer;
	border:0.1rem solid #e0e0e0; outline:none;
	background-color:#f0f0f0;
	-webkit-border-radius:0.2rem; -moz-border-radius:0.2rem; border-radius:0.2rem;
}
main .findform .btn-submit {
	display:block;
	width:100%; height:3.6rem; line-height:normal;
	margin:2rem auto 0 auto;
	font-size:1.2rem; color:#fff;
	cursor:pointer;
	border:none; outline:none;
	background-color:#28a745;
	-webkit-border-radius:0.3rem; -moz-border-radius:0.3rem; border-radius:0.3rem;
}
main .findform .row1 {
	overflow:hidden;
	margin-top:3rem;
	text-align:center;
}
main .findform .row1 > a {
	font-size:1.1rem;
}
main .findform .img-verify {
	height:3.2rem;
}