@charset "utf-8";
body { margin: 0; padding: 0; font-size: 12px }
body,
html { height: 100% }
input { outline: 0 }
body,
button,
input,
select,
textarea { font-family: "微软雅黑", verdana, "宋体", "黑体" }
a { text-decoration: none; transition: all .3s; }
.bg-container { position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 100%; background: url(mainbg.jpg) no-repeat; background-size: cover; }
.logo-plane { position: absolute; top: 20px; left: 50px; z-index: 99; text-align: center; }
.k-login-top-logo { width: 400px; height: 300px; margin: 0 auto; background-size: contain;  !important; background-repeat: no-repeat; }

/* 登录图轮播切换效果 2020年1月06日 13:04:29 */
.k-login-dt-image-loading { position: absolute; top: 50%; width: 500px; height: 20px; margin-top: -10px; text-align: center; }
.k-login-dt-image-loading div { color: #FFFF99; }
.k-login-dt-image { border-bottom-left-radius:100px ; overflow: hidden;}
.k-login-dt-image ul { margin: 0; padding: 0; list-style-type: none; overflow: hidden; width: 500px; height: 500px; position: relative; }
.k-login-dt-image ul li { position: absolute; left: 500px; width: 500px; height: 500px; background-size: 100% 100%; }
.k-login-dt-image-count { position: absolute; bottom: 45px; right: 0; width: 120px; text-align: center; }
.k-login-dt-image-count ul { margin: 0px; padding: 0px; list-style-type: none; overflow: hidden; }
.k-login-dt-image-count ul li { display: inline; margin: 0 5px; }
.k-login-dt-image-count ul li div { display: inline; }
.k-login-dt-image-count a,
.k-login-dt-image-count a:link,
.k-login-dt-image-count a:visited { text-decoration: none; display: inline-block; background: #fff; width: 10px; height: 10px; border-radius: 5px; }
.k-login-dt-image-count a:hover,
.k-login-dt-image-count a.hover { text-decoration: underline; background: #0386f8; }
.k-login-dt-image-count a span { display: none; }
.k-login-middle { width: 100%; /*overflow:hidden;*/ height: 500px; position: relative; }
.k-login-layout { width: 100%; height: 500px; position: relative; }
.k-login-layout-content { width: 100%; height: 500px; position: relative; }
.k-login-custom_img {/*width:998px;*/ height: 500px; position: absolute; left: 0px; top: 0px; z-index: 90; }
.k-login-style-select { display: none; }
.login-wrap { position: relative; width: 100%; height: 100%; min-height: 750px; }
.login-box { width: 1010px; height: 500px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 20; }
.k-login-box { width: 510px; height: 500px; position: absolute; right: 0; top: 0; z-index: 40; background-color: #fff; border-top-right-radius: 100px; box-shadow: 0px 15px 45px 0px rgba(0, 110, 251, 0.38); }
.login-box-tit { color: #0385f8; width: 400px; margin: 0 auto; margin-top: 30px; margin-bottom: 20px }
.login-box-tit h2 { font-size: 30px; font-family: "微软雅黑", "宋体"; font-weight: normal; margin-bottom: 30px; text-align: center; font-weight: bold; }
.k-login-inputbox2 { width: 400px; height: 50px; padding-top: 20px; }

.k-forget-pwd { color: #00b1fd; font-size: 22px; font-family: "微软雅黑", "宋体"; text-align: right; }
.k-forget-pwd a { color: #00b1fd; }
.k-forget-pwd a:hover { color: #f00; }
.k-login-inputbox { width: 400px;padding: 0; position: relative; transition: all .3s; margin: 0 auto; }

/*.k-login-inputbox:hover {border-bottom:2px solid #01a147;}*/
.k-login-inputbox#userButtonPanel { border: none; }
.k-login-inputbtn { margin-top: 30px; }
.k-login-inputbtn input { font-size: 20px; font-family: "微软雅黑", "宋体"; width: 400px; height: 48px; line-height: 48px; text-align: center; border-radius:5px;/* border-top-right-radius: 35px; border-bottom-left-radius: 35px;*/ border: none; color: #fff; cursor: pointer; background-image: -moz-linear-gradient(0deg, rgb(96, 214, 250) 0%, rgb(83, 141, 252) 100%); background-image: -webkit-linear-gradient(0deg, rgb(96, 214, 250) 0%, rgb(83, 141, 252) 100%); background-image: -ms-linear-gradient(0deg, rgb(96, 214, 250) 0%, rgb(83, 141, 252) 100%); box-shadow: 0px 2px 5px 0px rgba(0, 46, 106, 0.2); }
.k-login-inputbtn-button-hover,
.k-login-inputbtn input:hover { background: #538dfc; color: #fff; }
.k-login-inputname { margin: 10px 0; }
.k-login-inputname div {/*width:48px; height:48px; */transition: all .3s; }
#userNamePanel .k-login-inputname div {	/*background: url(icon01.png) no-repeat 0 0;*/ }
.k-login-inputbox#userNamePanel:hover .k-login-inputname div {/*	background: url(icon01.png) no-repeat 0 -48px;*/ }
#userPassPanel .k-login-inputname div {	/*background: url(icon02.png) no-repeat 0 0;*/ }
.k-login-inputbox#userPassPanel:hover .k-login-inputname div {	/*background: url(icon02.png) no-repeat 0 -48px;*/ }
#userCodePanel .k-login-inputname div {	/*background: url(icon03.png) no-repeat 0 0;*/ }
.k-login-inputbox#userCodePanel:hover .k-login-inputname div {	/*background: url(icon03.png) no-repeat 0 -48px;*/ }
.k-login-inputname div span { font-size: 20px; color: #94bbce; }
.k-login-inputleft { width: 100%; height: 48px; line-height: 48px; background: #e5f5ff; border-radius: 5px; vertical-align: middle; text-align: left; }
.k-login-inputleft input,
.k-login-inputyz input { height: 46px; line-height: 46px; border: 0; font-size: 16px; padding-left: 10px; color: #333; font-family: "verdana", "Microsoft yahei", "微软雅黑"; /*background: #f0f;*/ }
.k-login-inputleft input { width: 100%; background: none; }
.k-login-inputyz input { width: 320px; line-height: 46px; background: #e5f5ff; height: 46px;border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
.k-login-inputright { display: none; width: 150px; height: 40px; line-height: 40px; background-color: #fbfbfb; vertical-align: middle; padding-top: 4px; font-size: 22px; font-family: "verdana", "Microsoft yahei", "微软雅黑"; color: #b1b5b9; position: absolute; left: 10px; top: 0px; }
.k-login-inputyz { width: 100px; height: 37px; background: #FFF; line-height: 37px; float: left; border-right: 0px; border-radius: 5px 0px 0px 5px; }
.k-login-inputbox.is-yzm { padding-top: 0; }
.k-login-inputyzimg { width: 110px; height: 46px; line-height: 46px; background: #fbfbfb; /*border: 1px solid #D9D9D9;*/ float: right; }
.k-login-inputbox { padding-top: 0; }
.k-login-inputyzimg img { height: 100% }
#k-caption,
.k-login-custom_mask { display: none; }
.copyright-wrap { position: absolute; left: auto; bottom: 10px; text-align: center; width: 100%; font-size: 12px; z-index: 8 }
.copyright { margin-bottom: 20px; line-height: 40px; font-size: 18px; color: white; }

.sesei {	/*position: absolute;*/
z-index: 30; top: 0; left: 0; height: 460px; width: 100%; background: url(SCSEI.png) no-repeat center top; -webkit-clip-path: polygon(100% 0, 100% 38%, 52% 38%, 52% 100%, 0 100%, 0 0); clip-path: polygon(100% 0, 100% 38%, 52% 38%, 52% 100%, 0 100%, 0 0); }
.cleardata { text-align: center; padding: 20px 0; }
.cleardata span { color: #00b1fd; font-size: 22px; cursor: pointer; }
.cleardata span:hover { color: #f00; }

/*动画*/
.picMod { width: 680px; height: 650px; overflow: hidden; position: relative; float: left; }
.picMod .el_a { position: absolute; }
.picMod .m2 { z-index: 1; bottom: 30px; left: 66px; }
.picMod .m1 { z-index: 2; bottom: 190px; left: 180px; opacity: 0; }
.picMod .c1 { z-index: 3; left: 50px; bottom: 400px; }
.picMod .c2 { z-index: 3; right: 30px; bottom: 230px; opacity: 0; }
.picMod .c3 { z-index: 3; right: 90px; bottom: 70px; opacity: 0; }
.picMod .l01 { z-index: 4; bottom: 40px; left: 60px; }
.picMod .l02 { z-index: 4; bottom: 340px; left: 210px; }
.picMod .l03 { z-index: 4; bottom: 480px; left: 270px; }
.picMod .l04 { z-index: 4; bottom: 375px; left: 320px; }
.picMod .l05 { z-index: 4; bottom: 412px; left: 415px; }
.picMod .l06 { z-index: 4; bottom: 335px; left: 520px; }
.picMod .l08 { z-index: 4; bottom: 30px; left: 470px; }
.picMod .l00 { z-index: 1; bottom: 240px; left: 320px; }
.picMod .l02,
.picMod .l03,
.picMod .l04,
.picMod .l05,
.picMod .l06 { width: 38px; text-align: center; }
.picMod .l02 span,
.picMod .l03 span,
.picMod .l04 span,
.picMod .l05 span,
.picMod .l06 span { display: block; color: #fff; font-size: 14px; }
.picMod .l02 span { font-size: 18px; }
.picMod .l03 span { font-size: 16px; }
.picMod .l06 span { opacity: 0.8; filter: alpha(opacity=80); }
.picMod .l04 span { opacity: 0.6; filter: alpha(opacity=60); }
.picMod .l02 { animation: myline01 4s linear infinite; animation-fill-mode: forwards; }
@keyframes myline01 {
	0% { bottom: 340px; }
	40% { bottom: 320px; }
	100% { bottom: 340px; }
}
.picMod .l03 { animation: myline02  3.5s linear .5s infinite; animation-fill-mode: forwards; }
@keyframes myline02 {
	0% { bottom: 480px; }
	40% { bottom: 460px; }
	100% { bottom: 480px; }
}
.picMod .l04 { animation: myline03  4s linear  infinite; animation-fill-mode: forwards; }
@keyframes myline03 {
	0% { bottom: 375px; }
	40% { bottom: 360px; }
	100% { bottom: 375px; }
}
.picMod .l05 { animation: myline04  3.2s linear .6s infinite; animation-fill-mode: forwards; }
@keyframes myline04 {
	0% { bottom: 412px; }
	40% { bottom: 400px; }
	100% { bottom: 412px; }
}
.picMod .l06 { animation: myline05  5s linear .2s infinite; animation-fill-mode: forwards; }
@keyframes myline05 {
	0% { bottom: 335px; }
	40% { bottom: 310px; }
	100% { bottom: 335px; }
}
.picMod .m1 { animation: twinkling 6s ease-in-out infinite; animation-fill-mode: forwards; }
@keyframes twinkling {
	0% { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); }
	30% { opacity: 0.6; filter: alpha(opacity=60); -webkit-transform: scale(.9); }
	60% { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); }
	100% { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); }
}
.bubbles > .particle { opacity: 0; position: absolute;    /*初始颜色为荧光色，透明度为0.7*/ background-color: rgba(115, 235, 255, 0.8);    /*使用bubbles动画，持续时间18秒，缓慢进入，无限循环*/ animation: bubbles 18s ease-in infinite; border-radius: 100%; }

/*css keyframes 动画*/
@keyframes bubbles {
	0% { opacity: 0; }
	5% { opacity: 1; transform: translate(0, -20%); }

	/*这里-8000%表示是气泡的8000%*/
	100% { opacity: 0; transform: translate(0, -8000%); }
}
.picMod .c1 { animation: fadeInUp1 2s ease-in-out; }
.picMod .c2 { animation: fadeInUp 1.5s ease-in-out .5s; animation-fill-mode: forwards; }
.picMod .c3 { animation: fadeInUp 1s ease-in-out .8s; animation-fill-mode: forwards; }
@keyframes fadeInUp1 {
	from { opacity: 0; -webkit-transform: translate3d(0, 80px, 0); transform: translate3d(0, 80px, 0); }
	to { opacity: 1; -webkit-transform: none; transform: none; }
}
@keyframes fadeInUp {
	from { opacity: 0; -webkit-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); }
	to { opacity: 1; -webkit-transform: none; transform: none; }
}
.picMod .submid { width: 100%; height: 100%; animation: zoomIn 1s ease-in-out; }
@keyframes zoomIn {
	from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); }
	50% { opacity: 1; }
}



@media screen and (max-width:1920px) { }
@media screen and (max-width:1680px) { 
/*	.k-login-middle {  height: 560px; }
	.k-login-layout {  height: 560px;  }
	.k-login-layout-content {  height: 560px; }
	.k-login-custom_img { height: 560px;  }
	.login-box { width: 1080px; height: 560px; }
	.k-login-box { width: 540px; height: 560px;border-top-right-radius: 100px;  }
	.k-login-dt-image { border-bottom-left-radius:100px ;}
	.login-box-tit { width: 400px; margin-top: 30px; margin-bottom: 20px }
	.login-box-tit h2 { font-size: 40px;  margin-bottom: 0px;  }
	.k-login-inputbox2 { width: 400px; height: 50px; padding-top: 10px; }
	.k-login-inputbox { width: 400px;padding:0 0 10px 0;  }
	.k-login-dt-image ul{ width: 540px;height:560px; }
	.k-login-dt-image ul li{width: 540px;height: 560px; }
	.k-login-dt-image-loading{ width: 540px; }
	.logo-plane{top: 20px;left: 60px;}
	.k-login-top-logo{ width: 420px;height: 300px; }
	.k-login-inputbtn input{ width: 400px;height: 70px;line-height: 70px; border-top-right-radius: 30px;border-bottom-left-radius: 30px;font-size: 30px}

	.k-login-inputbtn{ margin-top: 20px; }*/
	.copyright{margin-bottom: 0; line-height: 30px  }
}
@media screen and (max-width:1440px) { 
/*	.k-login-middle {  height: 540px; }
	.k-login-layout {  height: 540px;  }
	.k-login-layout-content {  height: 540px; }
	.k-login-custom_img { height: 540px;  }
	.login-box { width: 1080px; height: 540px; }
	.k-login-box { width: 540px; height: 540px;border-top-right-radius: 100px;  }
	.k-login-dt-image { border-bottom-left-radius:100px ;}
	.login-box-tit { width: 400px; margin-top: 20px; margin-bottom: 20px }
	.login-box-tit h2 { font-size: 34px;  margin-bottom: 0px;  }
	.k-login-inputbox2 { width: 400px; height: 50px; padding-top: 10px; }
	.k-login-inputbox { width: 400px;padding:0;  }
	.k-login-dt-image ul{ width: 540px;height: 540px; }
	.k-login-dt-image ul li{width: 540px;height: 540px; }
	.k-login-dt-image-loading{ width: 540px; }
	.logo-plane{top: 20px;left: 90px;}
	.k-login-top-logo{ width: 380px;height: 240px; }
	.k-login-inputbtn input{ width: 400px;height: 60px;line-height: 60px; border-top-right-radius: 20px;border-bottom-left-radius: 20px;font-size: 30px}
	.copyright{margin-bottom: 0; line-height: 30px  }
	.k-login-inputbtn{ margin-top: 20px; }*/
}
@media screen and (max-width:1366px) { 
	/*.k-login-middle {  height: 500px; }
	.k-login-layout {  height: 500px;  }
	.k-login-layout-content {  height: 500px; }
	.k-login-custom_img { height: 500px;  }
	.login-box { width: 1080px; height: 500px; }
	.k-login-box { width: 540px; height: 500px;border-top-right-radius: 100px;  }
	.k-login-dt-image { border-bottom-left-radius:100px ;}
	.login-box-tit { width: 400px; margin-top: 30px; margin-bottom: 20px }
	.login-box-tit h2 { font-size: 30px;  margin-bottom: 0px;  }
	.k-login-inputbox2 { width: 400px; height: 50px; padding-top: 10px; }
	.k-login-inputbox { width: 400px;padding:0;  }
	.k-login-dt-image ul{ width: 540px;height: 500px; }
	.k-login-dt-image ul li{width: 540px;height: 500px; }
	.k-login-dt-image-loading{ width: 540px; }
	.logo-plane{top: 20px;left: 90px;}
	.k-login-top-logo{ width: 380px;height: 240px; }
	.k-login-inputbtn input{ width: 400px;height: 60px;line-height: 60px; border-top-right-radius: 20px;border-bottom-left-radius: 20px;font-size: 30px}
	.k-login-inputname{ margin: 10px 0 5px 0;  }
	.k-login-inputleft{ height: 50px;line-height: 50px; }
	.k-login-inputleft input, .k-login-inputyz input{ height: 50px;line-height: 50px; }
	.k-login-inputyzimg{height: 48px;line-height: 48px;  }
	.copyright{margin-bottom: 0; line-height: 30px  }
	.k-login-inputbtn{ margin-top: 10px; }*/
}