/* CSS Document */
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,img{ margin:0px; padding:0px;}
ul,li,dl,dt,dd,ol{ list-style:none;}
*{font-family:"Microsoft YaHei";}
.inputText::placeholder {
	color: #CACFE1;
}
.inputText::-webkit-input-placeholder {
	/* WebKit browsers 适配谷歌 */
	color: #CACFE1;
}
.inputText:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 适配火狐 */
	color: #CACFE1;
}
.inputText::-moz-placeholder {
	/* Mozilla Firefox 19+ 适配火狐 */
	color: #CACFE1;
}
.inputText:-ms-input-placeholder {
	/* Internet Explorer 10+  适配ie*/
	color: #CACFE1;
}
body{ font-family:"microsoft yahei",'sumsung'; font-size:13px; margin:0px; line-height:160%; color:#9b9b9b; background-image:url(img/bg.jpg); background-position: 50% 50%; background-size: 100% 100%; background-attachment: fixed; overflow: hidden; min-height: 680px;}
input,button,select{ font-family:"microsoft yahei",'sumsung'; font-size:13px; vertical-align:middle;}
::-webkit-scrollbar{width: 10px;height:8px}::-webkit-scrollbar-button,::-webkit-scrollbar-track{display:none}::-webkit-scrollbar-thumb{background-color:#1865b2;-webkit-border-radius:5px;border-radius:5px}::-webkit-scrollbar-thumb:hover{background-color:#045dd1}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.clear{ clear:both; font-size:0; line-height:0; height:0;zoom:1; _overflow:hidden;}
a,a:link,a:visited{ color:#9b9b9b; text-decoration:none; outline:none; -moz-outline-style:none;}
a:hover{ color:#FF0000; text-decoration:underline;}
img{ border:0px;}
.fright,.pull-right { float: right !important;}.fleft,.pull-left { float: left !important;}
.nobg{ background:none !important;}
.textAC{ text-align:center;}.textAL{ text-align:left;}.textAR{ text-align:right;}
.red,.red:link,.red:visited{ color:#ff0000;}
.green,.green:link,.green:visited{ color:#0b861f;}
.blue,.blue:link,.blue:visited{ color:#0076cd;}
.fontV{font-family:Verdana, Arial, Helvetica, sans-serif}
.font14{font-size:14px;}
.font11{font-size:11px;}
.textheight24{line-height:24px;}
.iconimg{ display:inline-block; *display:inline; *zoom:1; vertical-align:middle;}
input,button,select{ font-family:"microsoft yahei",'sumsung'; font-size:13px; vertical-align:middle;}
hr{ color:#dadada; height:0px; border-top:1px solid #dadada; border-right:0px; border-bottom:0px; border-left:0px; margin:10px 0px;}

html,body,.login_wrap{ height:100%;}
.wrapper{ width:100%; margin:0px auto; position:relative; height: 100%;}
.login_body > .wrapper:before{ content: ''; display: block; position: absolute; width: 47.875vw; height: 5.6vw; background: url(img/fullname.png) no-repeat; background-size: 100% auto; left: 12.625vw; top: 5.6vh;}
.login_top{ position: relative; z-index: 11;}
.login_top .wrapper{ padding-top: 0px; width: auto;}
.login_sysname{ height:100%; padding:0 0; text-align: center;}
.login_sysname .login_logo{ display: inline-block; vertical-align: middle; margin:0 10px; line-height: 0;}
.login_sysname .login_logo img{ max-height: 100%; width: 3.75vw; height: 3.125vw; display: block; }
.login_sysname .login_logo .logoimg{ background:url(img/logo.png) no-repeat 50% 50%; background-size: 100% 100%; min-width: 40px; min-height: 40px;}
.login_sysname h1{ display: inline-block; vertical-align: middle; width: 9.64vw; height: 2.19vw; font-size: 0px; font-family: '黑体','microsoft yahei'; background: url(img/name.png) no-repeat 50% 0; background-size: auto 100%; overflow: hidden; }
.login_form{ width:38.59vw;
	/*height:25.16vw; */
	height: 26vw;
	padding:3.9vw 9.9vw 0; z-index:10; right: 6.51vw; top: 50%; transform: translateY(-50%); position: absolute; float: right; box-sizing: border-box; background: url(img/formbg.png) no-repeat; background-size: cover;}
.login_form:before{ content: ''; display: block; position: absolute; width: 30.26vw; height: 28.54vw; background: url(img/pic.png) no-repeat; background-size: 100% 100%; right: 48.33vw; top: 50%; transform: translateY(-50%); animation: sfdh1 .5s linear; animation-delay:.1s;}
.login_title{ font-size: 2.6vh; height: 0.625vw; color: #333; margin:0 auto ; text-align: center; position: relative; background-image: url(img/titlebg.png); background-position: 50% 50%; background-repeat: no-repeat;}
.login_title a:link,.login_title a:visited{ display: inline-block; padding:0 20px; color: #333; text-align: center; text-decoration: none; display: none;}
.login_title a.on:link,.login_title a.on:visited{/* border-bottom: 2px solid #2a5be5; */ color: #8a9fee;}
.login_con{
	min-height: 180px;
	display: none;
	/*margin-top: 2.08vw;*/
}
.login_conwrap{ padding-top: 20px; }
.login_input{ position:relative; text-align:left; overflow:hidden; margin:1.04vw 0px 0px 0px;/* box-shadow: 0 0 3px rgba(11,43,102,.44); */}
.login_input_focus{ background-position:0px bottom;}
.login_input .login_icon{ display:block; width:1.25vw; height:1.25vw; position: absolute; left: 16px; top: 0.675vw; background-repeat: no-repeat; background-size: cover;}
.login_input ._user{ background-image:url(img/icon_user.png);}
.login_input ._pass{ background-image:url(img/icon_pass.png);}
.login_input ._code{ background-image:url(img/icon_code.png);}
.login_input .input_text{ position:absolute; left:42px; top:5px; font-size:18px; color:#8d8d8d; z-index:2; cursor:text; line-height:30px; display:inline-block; _display:block;}
.login_input input{ width: 100%; height: 2.6vw; font-size:1.04vw; border:1px solid #3F89EF; background-color: #041870; border-radius: 6px; color:#3DAFFF; padding:10px 8px 10px 2.81vw; outline: none; }
.login_input input:focus{ background-color:#10268C; border:1px solid #3DAFFF;}
.login_input input:focus+._user{ background-image:url(img/icon_user_active.png);}
.login_input input:focus+._pass{ background-image:url(img/icon_pass_active.png);}
.login_input input:focus+._code{ background-image:url(img/icon_code_active.png);}
.inputText{}
div.focus .input_text{ color:#999999;}
.login_btn{ margin-top:1.56vw; text-align: center;}
a.loginbtn,a.resetbtn{ /* background:#0380ba; */ background-image: linear-gradient(#47c9f5, #286dcd); border: 1px solid #286dcd; width:100%; height:2.7vw; border-radius: 6px; line-height:2.6vw; display: inline-block; color: #fff; text-align:center; font-size:1.25vw; font-weight:400; text-decoration:none;}
a.loginbtn:link,a.loginbtn:visited{ color:#fff;}
a.loginbtn:hover{/* background:#168dc5; */ background-image: linear-gradient(#286dcd, #47c9f5);}
a.resetbtn:link,a.resetbtn:visited{ background-color: #20bcde; margin-left:24px; color:#fff;}
a.resetbtn:hover{ background-color: #43cdeb;}
.login_form .btn,.login_form a.btn:link,.login_form a.btn:visited{  display: inline-block; margin: 0 5px; text-decoration: none; background-color: rgba(255,255,255,.3); border:1px solid rgba(0,0,0,.4); padding:3px 5px; border-radius: 3px;}

.login_bot{ position: absolute; bottom: 10px; left: 10px; right: 10px; height: 40px; line-height: 40px; text-align: right; padding:0 40px; font-size: 14px; display: none;}
.login_bot a:link,.login_bot a:visited{ text-decoration: underline; margin-left:8px; }
.third_login{ padding:10px 0 0px 0px; line-height: 26px;}
.third_login a{ margin-left:0; }
.third_login a:hover{/* color: #fff;*/ }
.third_icon{ width: 16px; height: 16px; display: inline-block; vertical-align: middle; background-image: url(img/ico_third.png); background-repeat: no-repeat; margin-right: 3px; }
.third_icon.third_alipay{ background-position: 0 0; }
.third_icon.third_weixin{ background-position: 0 -16px; }
.third_icon.third_weibo{ background-position: 0 -32px; }
.third_icon.third_qq{ background-position: 0 -48px; }
.third_icon.third_cakey{ background-position: 0 -64px; }

.login_footer{/* border-top:3px solid #dddddd; background:#f3f3f3;*/ padding:0px 0px; min-width:1200px; width:auto; overflow:visible; color:#fff;}
.footer_text{ text-align:center; position: fixed; bottom: 20px; right: 0; width:100%; opacity: .3;}

.login_body{ position:relative; height:100vh;}
.login_body .wrapper{ height: 100%;}
.banner_show { position:fixed; top:0; left:0; z-index:0; width:100vw; min-width:1000px; height:100vh;}
.banner_show .cell { position:absolute; top:0; left:0; width:100%; background-repeat:repeat-x; background-position:center top;}
.banner_show .cell .con { position:relative; height:100%; background-repeat:no-repeat; background-position:center top;}
.bns_01 { background-image:none;}
.bns_01 .con {}
.banner_link { position:absolute; top:0; left:0; width:100vw; height:100vw;}
.banner_link i { display:none;}
.banner_control { position:absolute; top:0; right:0; width:10px; margin-left:-5px; display:none;}
.banner_control a { position:absolute; top:400px; width:30px; height:30px; line-height:10; overflow:hidden; background-image:url(img/icon_control.png); background-repeat:no-repeat;}
.banner_control a.left { right:65px; background-position:0 0;}
.banner_control a.left:hover { background-position:0 -30px;}
.banner_control a.right { right:30px; background-position:-30px 0;}
.banner_control a.right:hover { background-position:-30px -30px;}

.login_pic_wrap{ width: 100%; height: 100%; position: relative;}
.login_pic_wrap > div{ position: absolute; background-repeat: no-repeat; background-position: 50% 50%; opacity: 0; background-size: 100% 100% ;}
.login_pic_wrap .p_r1{ width: 20.8vw; height: 20.8vw; background-image: url(img/pic.png); background-size: 100% auto;/* animation: sfdh1 5s infinite linear; */}
.login_pic_wrap .p_r2{ width: 90px; height: 90px; opacity: 0; position: fixed; right: 14.58%; top: 61.85%; animation: sfdh2 5s ease-in-out infinite alternate; animation-delay:.3s;}
.login_pic_wrap .p_r3{ width: 68px; height: 65px; opacity: 0; position: fixed; right: 7.8%; top: 39.2%; animation: sfdh2 3s ease-in-out infinite alternate;}
.login_pic_wrap .p_r4{ width: 29px; height: 29px; opacity: 0; position: fixed; right: 8.4%; top: 52.4%; animation: sfdh3 2s ease-in-out infinite alternate;}
.login_pic_wrap > div.animate{ opacity: 1;}


.delay1 { -webkit-transition-delay: .1s !important; transition-delay: .1s !important;}
.delay2 { -webkit-transition-delay: .6s !important; transition-delay: .6s !important;}
.delay3 { -webkit-transition-delay: .9s !important; transition-delay: .9s !important;}
.delay4 { -webkit-transition-delay: 1.2s !important; transition-delay: 1.2s !important;}
.canvas{ position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; }

/*自定义radio*/
.hfits-radio {overflow: hidden;position: relative;display: inline-block;cursor: pointer;}
.hfits-radio > input {width: 16px;height: 16px;vertical-align: middle;opacity: 0;position: absolute;left: 0px;filter:Alpha(opacity=0);position: static\9;filter:Alpha(opacity=100)\9;cursor: pointer;}
.hfits-radio > .icon {display: inline-block;background-image:url(img/radiobox.png);background-repeat: no-repeat;background-position: -32px 0;width: 16px;height: 16px;vertical-align: middle;display: none\9;}
.hfits-radio > input:disabled + .icon {background-position: 100% 0px;cursor: not-allowed;}
.hfits-radio > input:checked + .icon{background-position: 0 0;}
.hfits-radio > input:checked:disabled + .icon{background-position: -16px 0px;}
.hfits-radio > input:disabled,
.hfits-radio > input:disabled + i + span,
.hfits-radio > input:checked:disabled + i + span {color: #999;cursor: not-allowed;}
/*input.hfits-radio {opacity: 0;filter:Alpha(opacity=0);filter:Alpha(opacity=100)\9;cursor: pointer;}
input.hfits-radio + label {margin-left: -13px;}*/
/*自定义checkbox*/
.hfits-checkbox {overflow: hidden;position: relative;display: inline-block;cursor: pointer;}
.hfits-checkbox > input {width: 16px;height: 16px;vertical-align: middle;opacity: 0;position: absolute;left: 0px;filter:Alpha(opacity=0);position: static\9;filter:Alpha(opacity=100)\9;cursor: pointer;}
.hfits-checkbox > input + .icon {display: inline-block;width: 16px;height: 16px;background-image: url(img/checkbox.png);background-repeat: no-repeat;background-position: -32px 0;vertical-align: middle;display: none\9;}
.hfits-checkbox > input + .icon +span{display: inline-block;vertical-align: middle;margin-left:3px;}
.hfits-checkbox > input:disabled + .icon {background-position: 100% 0;cursor: not-allowed;}
.hfits-checkbox > input:checked + .icon,
.hfits-checkbox > input[checked=checked] + .icon{background-position: 0 0;}
.hfits-checkbox > input:checked:disabled + .icon{background-position: -16px 0;}
.hfits-checkbox > input:disabled,
.hfits-checkbox > input:disabled + i + span,
.hfits-checkbox > input:checked:disabled + i + span {color: #999;cursor: not-allowed;}
/*开关模拟*/
.hfits-group {font-size: 0;display: inline-block;}
.hfits-group + .hfits-group {margin-left: 5px;}
.hfits-group > .hfits-radio {border-radius: 3px;border: 1px solid #D3D3D3;font-size: 14px;margin-right: -1px;}
.hfits-group > .hfits-radio span {padding: 1px 5px;display: inline-block;min-width: 48px;text-align: center;}
.hfits-group > .hfits-radio:first-child,
.hfits-group > .hfits-radio{border-top-right-radius: 0;border-bottom-right-radius: 0;}
.hfits-group > .hfits-radio + .hfits-radio {border-top-left-radius: 0;border-bottom-left-radius: 0;}
.hfits-group > .hfits-radio:last-child{border-top-right-radius: 3px;border-bottom-right-radius: 3px;}
.hfits-group > .hfits-radio > input {position: absolute\9;filter:Alpha(opacity=0)\9;outline: none\9;}
.hfits-group > .hfits-radio > .icon {background-image: none;display: none;}
.hfits-group > .hfits-radio > input:checked~span {background-color: #2D8CF0;color: #fff;}
.hfits-group > .hfits-radio > input:checked:disabled~span {background-color: #4590C3;color: #DADADA;}
/*toggle模拟*/
.hfits-group > .hfits-checkbox {border-radius: 3px;border: 1px solid #D3D3D3;font-size: 14px;margin-right: -1px;}
.hfits-group > .hfits-checkbox span {padding: 1px 5px;display: inline-block;min-width: 48px;text-align: center;}
.hfits-group > .hfits-checkbox:first-child{border-top-right-radius: 0;border-bottom-right-radius: 0;}
.hfits-group > .hfits-checkbox{border-top-right-radius: 0;border-bottom-right-radius: 0;}
.hfits-group > .hfits-checkbox + .hfits-checkbox {border-top-left-radius: 0;border-bottom-left-radius: 0;}
.hfits-group > .hfits-checkbox:last-child{border-top-right-radius: 3px;border-bottom-right-radius: 3px;}
.hfits-group > .hfits-checkbox > input {position: absolute\9;filter:Alpha(opacity=0)\9;outline: none\9;}
.hfits-group > .hfits-checkbox > .icon {background-image: none;display: none;}
.hfits-group > .hfits-checkbox > input:checked~span {background-color: #2D8CF0;color: #fff;}
.hfits-group > .hfits-checkbox > input:checked:disabled~span { background-color: #4590C3;color: #DADADA;}

@keyframes jzyc{
	0%{ opacity: 0;}
	100%{ opacity: 0;}
}
@keyframes sfdh1{
	0%{ transform:scale(.2) translateY(-50%); opacity: 0;}
	100%{ transform:scale(1) translateY(-50%); opacity: 1;}
}
@keyframes sfdh2{
	from{ opacity: .8; display: none; margin-top: 0px;}
	to{ opacity: 1; display: block; margin-top: -20px;}
}
@keyframes sfdh3{
	from{ opacity: .9; display: none; margin-top: 0px;}
	to{ opacity: 1; display: block; margin-top: -15px;}
}
@keyframes sfdh4{
	from{ -webkit-transform: rotate(0deg);}
	to{ -webkit-transform: rotate(360deg);}
}
@media screen and (max-width: 1367px) {
	.login_title{ height: 3vh;}
	.login_input{ margin-top: 15px;}
	.login_btn{ margin-top:3vh;}
}
@media screen and (max-height: 680px) {
	body{ overflow: auto;}
}