/* 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";}
body{ font-family:"microsoft yahei",'sumsung'; font-size:13px; margin:0px; line-height:160%; color:#fff;background: url(../img/bgimg.jpg) no-repeat; background-size: 100% 100%; background-attachment: fixed;}
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:#fff; 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%;}
.login_wrap{}
.wrapper{ width:1260px; margin:0px auto; position:relative;}
.login_top{ height: 120px; position: relative; z-index: 11;}
.login_top .wrapper{ padding-top: 0px;}
.login_sysname{ height:100%; padding:58px 0 0; text-align: center;}
.login_sysname img{ height: 80px; }
.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: 800px; height: 90px; line-height: 40px; font-size: 0px; font-family: '黑体','microsoft yahei'; background: url(img/name.png) no-repeat 50% 50%; background-size: 100% auto; overflow: hidden; }
.login_form{ width: 1080px; height: 560px; z-index:10; margin: 90px 0 0 270px; position: relative; display: block; align-items: center; justify-content: center; background: linear-gradient(#EEFBFF,#FFFFFF); border-radius: 10px; box-shadow: 0 0 15px rgba(0,109,217,0.2);}
.form-right{ float: right; margin: 70px 30px 0; width: 520px; height: 430px;}
.form-wrap{ width: 400px; margin: 0px 0 0 50px; padding-top: 70px;}
/* .login_form:before{ content: ''; display: block; position: absolute; width: 400px; height: 400px; background: url(../img/msg.png) no-repeat 100%; left: 30px; top: 30px; animation: sfdh1 .5s linear; animation-delay:.1s;} */
.login_title{ height: 56px; line-height: 56px; font-size: 24px; color: #333;/* border-bottom: 1px solid #bfbfbf; */ margin:0 auto; text-align: center; position: relative;}
.login_title::before{ content: ''; display: block; height: 1px; right: 0; top: 50%; background: #a6cbde; position: absolute; z-index: -1; width: 30%; opacity: 0.41;}
.login_title:after{ content: ''; display: block; height: 1px; left: 0; top: 50%; background: #a6cbde; position: absolute; z-index: -1; width: 30%; opacity: 0.41;}
.login_title a:link,.login_title a:visited{ display: inline-block; height: 56px; padding:0 20px; color: #333; text-align: center; text-decoration: none;}
.login_title a.on:link,.login_title a.on:visited{/* border-bottom: 2px solid #087AED; */ color: #087aed; }
.ico_title{ background:url(../img/login_title.png) no-repeat; width: 32px; height: 32px; display: inline-block; vertical-align: middle; margin-right: 5px; }
.ico_title.ico_sface{ background-image: url(../img/ico_sface.png);}
.login_con{ min-height: 180px; display: none; padding-top: 20px; }
.login_conwrap{ padding-top: 20px; }
.login_input{ position:relative; text-align:left; overflow:hidden; margin:30px 20px 0px 20px;/* box-shadow: 0 0 3px rgba(11,43,102,.44); */}
.login_input_focus{ background-position:0px bottom;}
.login_input .login_icon{ display:block; width:32px; height:32px; position: absolute; left: 18px; top: 9px;}
.login_input ._user{ background:url(../img/id.png) no-repeat;}
.login_input ._pass{ background:url(../img/pass.png) no-repeat;}
.login_input ._code{ background:url(../img/code.png) no-repeat;}
.code-num{display: inline-block; background: #cccccc; width: 100px; height: 40px;position: absolute; right: 20px; top: 5px;}
.code-input{width: 70% !important;}
.remember-wrap{height: 20px; line-height: 20px; display: inline-block;}
.remember{width: 20px !important; height: 20px !important; margin: 0 10px 0 15px;}
.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: 100%; font-size:18px; border:1px solid #DFF2F9; background-color: #fff; border-radius: 60px; color:#000; padding:12px 8px 12px 60px; outline: none; }
/* .login_input input:focus{ background-color:rgba(66,107,222,.1); border:1px solid #087AED;} */
.inputText{}
div.focus .input_text{ color:#999999;}
.login_btn{ margin-top:50px; text-align: center;}
a.loginbtn,a.resetbtn{ /* background:#0380ba; */ background-image: linear-gradient(#0666C6, #0666C6); border: 1px solid #0666C6; width:100%; height:50px; border-radius: 60px; line-height:48px; display: inline-block; color: #fff; text-align:center; font-size:24px; font-weight:400; text-decoration:none;}
a.loginbtn:link,a.loginbtn:visited{ color:#fff;}
a.loginbtn:hover{/* background:#168dc5; */ background-image: linear-gradient(#375bc1, #375bc1);}
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:1260px; width:100%; color:#003366; margin-top: 120px;}
.footer_text{ text-align:center; right: 0; width:100%; font-size: 16px;}

.login_body{ position:relative;}
.login_body .wrapper{ height: 100%;}
.banner_show { position:fixed; top:50%; left:0; z-index:0; min-width:1000px;}
.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;}
.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:none; 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: none; background-size: 100% auto;/* animation: sfdh1 5s infinite linear; */}
.login_pic_wrap .p_r2{ width: 90px; height: 90px; background-image: none; 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; background-image: none; 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; background-image: none; 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; }

@keyframes jzyc{
	0%{ opacity: 0;}
	100%{ opacity: 0;}
}
@keyframes sfdh1{
	0%{ transform:scale(.2); opacity: 0;}
	25%{ transform:scale(0.4); opacity: .1;}
	50%{ transform:scale(0.6); opacity: .3;}
	75%{ transform:scale(0.8); opacity: .5;}
	100%{ transform:scale(1); 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: 1921px) {
	.login_form{ bottom: 3.7vh;}
}
@media screen and (max-width: 1441px) {
	.login_form{ }
}
*/
@media screen and (max-width: 1367px) {
	.login_footer{ margin-top: 50px;}
}