/* 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:0; padding:0;}
ul,li,dl,dt,dd,ol{ list-style:none;}
*{font-family:"Microsoft YaHei",serif;}
body{ font-family:"microsoft yahei",'sumsung',serif; font-size:1rem; margin:0; line-height:160%; color:#111;}
input,button,select{ font-family:"microsoft yahei",'sumsung',serif; font-size:13px; vertical-align:middle;}
::-webkit-scrollbar{width: 10px;height:8px; background-color: rgba(0,0,0,.6);}::-webkit-scrollbar-button,::-webkit-scrollbar-track{display:none}::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,.3);-webkit-border-radius:5px;border-radius:5px}::-webkit-scrollbar-thumb:hover{background-color:#fff}
*{-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:#111; text-decoration:none; outline:none;}
a:hover{ color:#FF0000; text-decoration:underline;}
img{ border:0;}
.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',serif; font-size: 0.8125rem; vertical-align: middle;}
hr{ color:#dadada; height:0; border-top:1px solid #dadada; border-right:0; border-bottom:0; border-left:0; margin:10px 0;}

html,body,.login_wrap{ height:100%;}
.login_wrap{ min-height: 40rem; overflow: hidden; position: relative;}
/* .login_wrap:after{ content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0;} */
.wrapper{ min-width:1200px; margin:0 auto; position:relative;}
.login_top{ height: 13.5rem; position: absolute; z-index: 11; top: 0; left: 0; right: 0;}
.login_top .wrapper{ padding-top: 0;}
.login_sysname{ height:100%; padding: 0 0; text-align: center; width: 49.375rem; position: absolute; right: 11.688rem; top: 8.125rem;}
.login_sysname .login_logo{ display: inline-block; vertical-align: middle; margin:0 10px; line-height: 0; padding: 3px; border-radius: 4px; width: 5.2rem; height: 5.2rem;/* border: 1px solid #E6211A;*/ background-color: #fff; background-image: url(img/logo_gzc@2x.png); background-size: 100% auto; background-position: 50% 50%; background-repeat: no-repeat}
.login_sysname .login_logo .icon{ width: 48px; height: 48px; background-color: #E6211A; border-radius: 4px;}
.login_sysname .login_logo .icon .st0{ fill: #ffffff;}
.login_sysname .login_logo img{ max-height: 100%; width: auto; display: block; }
.login_sysname h1{ display: inline-block; vertical-align: middle; color: #08449A;
    height: 5.375rem;
    line-height: 1.3;
    font-size: 2.5rem;
    font-family: 'microsoft yahei', '黑体',serif;
    font-weight: 600;
    letter-spacing: 2px;
    text-shadow: 1px 4px 0 rgba(0,0,0,.1);
}
.login_sysname .en{
    font-size: 0.85rem;
    line-height: 2;
    /* margin-top: -0.75rem; */
    /* font-weight: 400; */
    letter-spacing: 2.3px;
    text-transform: uppercase;
    /* none默认不处理，uppercase仅有大写字母，capitalize大写字母开头，lowercase仅有小写字母 */
}
.login_form{ background-image: url(img/formbg@2x.png); background-size: 100% 100%; width: 49.375rem; height: 33rem; padding:5rem 11rem; z-index:10; position:absolute; right: 11.688rem; top: 16rem; box-sizing: border-box;}
.login_form:after{ content: ''; display: none; position: absolute; width:550px; height: 550px; background: rgba(30,60,157,.6); left: -20px; top: -20px; animation: sfdh1 .5s linear; animation-delay:.1s; border: 1px solid rgba(193,183,255,.5); border-radius: 100%; z-index: -1;}
.login_title{ font-size: 1.625rem; color: #08449A; line-height: 3.125rem; margin: 0 0; text-align: left; font-weight: 600;/* padding-left: 3.125rem; background-image: url(img/logo_gzc@2x.png);*/ background-size: auto 2.25rem; background-repeat: no-repeat; background-position: 0 50%;}
.login_title:after{ content: ''; display: block; height: 7px; left: 0; right: 0; top: 100%; position: absolute; z-index: -1;}
.login_title a:link,.login_title a:visited{ display: inline-block; height: 50px; padding:0 1.25rem; color: #333; text-align: center; text-decoration: none; font-weight: 600;}
.login_title a.on:link,.login_title a.on:visited{/* border-bottom: 2px solid #1493fa; */ color: #1493fa; }
.login_tab{ position: absolute; right: 5.625rem; top: 1rem; display: block; border-top-right-radius: 2rem; overflow: hidden;}
.login_tab a{ display: block; float: left;}
.login_tab a.on{ display: none;}
.login_tab .ico_title{ width: 3rem; height: 3rem; display: block; margin: 0; background-position: 0 0; background-size: 100% 100%; background-repeat: no-repeat;}
.ico_tpc{ background-image: url(img/login_tpc.png);}
.ico_tcode{ background-image: url(img/login_tcode.png);}
.login_con{ min-height: 11.25rem; display: none; width: 100%; }
.login_conwrap{ padding-top: 1.25rem; }
.login_input{ position:relative; text-align:left; overflow:hidden; margin:1.25rem 0 0 0;/* box-shadow: 0 0 3px rgba(11,43,102,.44); */}
.login_input_focus{ background-position:0 bottom;}
.login_input .login_icon{ display:block; width:1.25rem; height:1.25rem; position: absolute; left: 12px; top: 12px; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%;}
.login_input ._user{ background-image:url(img/icon_user@2x.png);}
.login_input ._pass{ background-image:url(img/icon_pass@2x.png);}
.login_input ._code{ background-image:url(img/icon_code@2x.png);}
.login_input ._ca{ background-image:url(img/icon_ca@2x.png);}
.login_input input{ width: 100%; font-size:1rem; background-color: rgba(247,247,247,0); border-width: 0; border-style: solid; border-color: #666; border-bottom-width: 1px; border-radius: 0; color:#111; height: 2.75rem; line-height: 1.875rem; padding:0.5625rem 0.5625rem 0.5625rem 2.5rem; outline: none; box-sizing: border-box; text-align: left;}
.login_input input:focus{ background-color: rgba(247,247,247,0); border-color: #68b6fb;}
.login_input .layui-form-item{ margin-bottom: 0}
.login_input .layui-form-checkbox[lay-skin="primary"] span{ color: #111;}
.login_input input::placeholder{ color: rgba(0,0,0,.3);}
.login_codeimg{ position:absolute; right:3px; top:3px;}
.login_codeimg img{ display:block; cursor:pointer; height: 2.75rem;}
.login_btn{ margin-top: 3.375rem; text-align: center;}
.showYzm ~ .login_btn{ margin-top: 1.375rem;}
a.loginbtn,a.resetbtn{ background: linear-gradient(to right, #387edb, #6ab8fc); border: 0 solid #387edb; width:100%; height: 3.25rem; border-radius: 2rem; line-height: 3.25rem; display: inline-block; color: #fff; text-align:center; font-size: 1.5rem; font-weight:400; text-decoration:none;}
a.loginbtn:link,a.loginbtn:visited{ color:#fff;}
a.loginbtn:hover{ background:#1e76d0; border-color: #1e76d0;}
a.resetbtn:link,a.resetbtn:visited{ background-color: transparent; margin-left:24px; color:#1493fa; border-color:#b8dbff;display: none;}
a.resetbtn:hover{ background-color: #b8dbff; border-color: #b8dbff;}
.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:0 0 20px 0; line-height: 26px; color: #999; font-size: 16px; text-align: center; display: none;}
.third_login_title{ color: #c7c7c7; text-align: center; position: relative; z-index: 3; display: block; margin: 0 auto 15px; width: 110px;}
.third_login_title:before{ content: ''; background-color: #ededed; height: 1px; top: 50%; width: 100%; right: 100%; position: absolute; z-index: 0;}
.third_login_title:after{ content: ''; background-color: #ededed; height: 1px; top: 50%; width: 100%; left: 100%; position: absolute; z-index: 0;}
.third_login a{ margin-left:0; color: #999;}
.third_login a+a{ margin-left: 60px;}
.third_login a:hover{/* color: #fff;*/ opacity: 0.85; }
.third_icon{ width: 20px; height: 20px; display: inline-block; vertical-align: middle; background-image: url(img/ico_third.png); background-size: 100% auto; background-repeat: no-repeat; border: 1px solid #dfdfdf; border-radius: 50%;}
.third_icon.third_cakey{ background-position: -1px -1px; border-color: #fab020; }
.third_icon.third_face{ background-position: -1px -26px; border-color: #ff4400;}

.concode{}
.concode_img{ width: 156px; height: 156px; margin: 80px auto 15px auto; padding: 8px; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.15);}
.concode_title{ font-size: 16px; text-align: center;}


.login_input .hfits-checkbox{ color: #999; float: right;}
.login_errotips{ height: 40px; margin: 10px 0; display: none;}
.verify-wrap{ font-size: 16px;}
.verify-wrap{width:350px;height:40px;background-color:#f5f5f5;border:1px solid #dfdfdf;margin:0 auto;position:relative;border-radius:6px; overflow: hidden;}
.verify-wrap .drag-btn{position:absolute;left:-1px;top:-1px;width:50px;height:40px;background:#fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAiCAYAAAApkEs2AAAA/UlEQVRYhe3XLc9GYBjG8eN6dkdFIQuqoCiCbj6ob2CCIplRaJKqEHT3c/kAz66Xc/fLnvO3UY7N/jNmxDAMF77AQ57iOH53x5/GccTPuyNUcSg1DqXGodQ4lNr/CC3LEsuyaG8mrEKzLEPXdZjnWWszYRXq+z7yPMc0Tej7XnkzYf2Muq6LoiiwrivatsV1XUrby0Mlx3Huu7fvO5qmUd50kL31QgijTdXD+gq/zvNEVVXwPA9pmipvOqxDj+O4Q4IgQJIkypsuq9Bt21DXNaIoug/VzYRVqHw55J0Kw1BrMyHkXyj/3BHiUGocSo1DqXEota8Jvb/18hP16Z7qL3h/w53n4AAAAABJRU5ErkJggg==) no-repeat center center;background-size:100% 100%;z-index:2;cursor:move;}
.verify-wrap .suc-drag-btn{background:#fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAiCAYAAAApkEs2AAACA0lEQVRYhe2Y2yuDYRzHv7PJYc5zKspYSRMymStXu5NCs5W4csEfwJ+gSA53csg1F4R/gSu0OcWSmNIQkfMcEvu9tdpY79793leo91Nbbft993x6nj2/52kal8v1gX+Ajp4sFstve4jidrsR99sSUlFFlUYVVRpVVGl0SnyJ934VaxczOLpdwd3bufBeWnw+StLrYc1tQ3FqnewxZIk+vz9g7rAHO9dL3z67efXBfTkrPCqymtBqGkaiNoU9FnvpSXJyzx5R8itUQ7WU4cIWnT/qhe9xS3I91VKGC0uUfpPbV4uSajUhQ1CGshxYorRxpGDObECf1Ysm40DM2a+wNhPt7mhUZzvhMI1Aq9HBkFgUUzYSrBkNtiDCkGBES/Eg8pLKwiSdplFB8uRhEzMH3RGzsSC7j9oKe1CT4wi0oEZMeRzITy4XJOM0WkFy2uOE//1O7jA8UWrm1CeJ5dMxlGXYoI/PQrd5AQlavagkZTmwlt4UOHGCnPs9wkw+vl0jSZcWdSZDsz8uas1tD3t99rSL8b0W3Lz4cHy/LrrctYEjlQNr6Y2ptag0NIf10gv/Pvo3akRzlOGe++yTyV4yhAJ9leR6qqUMF7YoXTC6zPPChSMaVEO1ci4lstoTDdxROhE4Fjv/9jUvCIkoISPGv7nhq6JKo4oqjSqqNEIfpf8f/zqf+36643RPeo8AAAAASUVORK5CYII=) no-repeat center center;background-size:100% 100%}
.verify-wrap .drag-progress{position:absolute;left:0;top:-1px;height:40px;width:0;background-color:#7ac23c;color:#fff;font-size:18px;text-align:center;line-height:40px}
.verify-wrap .fix-tips,.verify-msg{width:100%;position:absolute;right:0;left:1px;height:100%;color:#757575;z-index:1;line-height:38px;text-align:center}
.verify-wrap .verify-msg{background-color:#7ac23c;color:#fff;display:none}

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

.login_body{ position:relative; height:100%;}
.login_body .wrapper{ height: 100%; padding-top: 16%; box-sizing: border-box;}
.banner_show { position:absolute; top:0; left:0; z-index:0; width:100%; height: 100%; min-width:1000px; min-height:40rem;}
.banner_show .cell { height: 100%; background-repeat:repeat-x; background-position:center top; display: none;}
.banner_show .con { position:relative; height:100%; background-repeat:no-repeat; background-position:center top;}
.bns_01 { background-image:url(img/bodybg@2x.png); background-position: 50% 100%; background-size: 100% 100%;}
.bns_01 .con { background-image: url(img/pic1@2x.png); background-size: 100% auto; background-position: 50% 100%; background-repeat: no-repeat;}
.bns_02 { background-image:url(img/bodybg@2x.png); background-position: 50% 100%; background-size: 100% 100%;}
.bns_02 .con { background-image: url(img/pic2@2x.png); background-size: auto 41.75rem; background-position: 9.375rem 50%; background-repeat: no-repeat;}
.bns_03 { background-image:url(img/bodybg@2x.png); background-position: 50% 100%; background-size: 100% 100%;}
.bns_03 .con { background-image: url(img/pic3@2x.png); background-size: 43.6875rem auto; background-position: 10.625rem 50%; background-repeat: no-repeat;}
.banner_link { position:absolute; top:0; left:50%; width:500px; height:500px; margin-left:-560px;}
.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;}


.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; }

.area-box{ position: absolute; left: 50%; top: 50%; display: none;}
.area-box .dot{position:absolute;left:0; width:10px;height:10px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#a2a9b4;opacity:1;filter:alpha(opacity=100); display: none;}
.area-box .pulse{position:absolute;top:-20vw;left:-20vw;height:40vw;width:40vw;border:1px solid rgba(164,161,255,.53);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;animation:warn 2s ease-out both; animation-iteration-count:1; z-index: -1;}
.area-box .delay-01{-webkit-animation-delay:0s;-moz-animation-delay:0s;-o-animation-delay:0s;animation-delay:0s}
.area-box .delay-02{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s}
.area-box .delay-03{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s}
.area-box .delay-04{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s}
.area-box .delay-05{-webkit-animation-delay:1.6s;-moz-animation-delay:1.6s;-o-animation-delay:1.6s;animation-delay:1.6s}
.area-box .delay-06{-webkit-animation-delay:2s;-moz-animation-delay:2s;-o-animation-delay:2s;animation-delay:2s}
.area-box .delay-07{-webkit-animation-delay:-1.6s;-moz-animation-delay:-1.6s;-o-animation-delay:-1.6s;animation-delay:-1.6s;top:-350px;left:-350px;height:700px;width:700px; border-width: 0; background-size: 100% 100%; animation:rotate 8s linear alternate; animation-iteration-count: infinite;}
.area-box .delay-08{-webkit-animation-delay:-.4s;-moz-animation-delay:-.4s;-o-animation-delay:-.4s;animation-delay:-.4s;top:-380px;left:-380px;height:760px;width:760px;}
.area-box .delay-09{-webkit-animation-delay:-.8s;-moz-animation-delay:-.8s;-o-animation-delay:-.8s;animation-delay:-.8s;top:-330px;left:-330px;height:660px;width:660px; border-width: 2px;}
.area-box .delay-10{-webkit-animation-delay:-1.2s;-moz-animation-delay:-1.2s;-o-animation-delay:-1.2s;animation-delay:-1.2s;top:-300px;left:-300px;height:600px;width:600px; border-color: rgba(164,161,255,.23);}
/*.area-box .delay-11{-webkit-animation-delay:4s;-moz-animation-delay:4s;-o-animation-delay:4s;animation-delay:4s}*/

.login_leftDate{ position: fixed; left: 10px; top: 30px; z-index: 5; color: #0688e5;}
.login_leftDate .leftDate_weather{ position: relative; transform: scale(1.2); transform-origin: 0; float: left;}
.login_leftDate .leftDate_weather:after{ content:''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.login_leftDate .leftDate_date{ font-size: 16px; padding: .25rem 0 0 20px;}
.login_leftDate .leftDate_time{ font-size: 24px; line-height: 30px; padding: 0 0 0 20px;}
.login_rightDate{ position: fixed; right: 30px; top: 30px; z-index: 5;}
.login_rightDate .rightDate_clock{}
.leftDate_dateTime{ float: left; padding-top: 1.5rem}

@keyframes warn{
    0%{transform:scale(0);opacity:0}
    100%{transform:scale(1);opacity:1}
}
@keyframes rotate{
    0%{transform:scale(1);opacity:1}
    100%{transform:scale(1) rotate(-320deg);opacity:1}
}

@media screen and (max-width: 1441px) {
    .login_sysname .en{ letter-spacing: -0.5px;}
}
@media screen and (max-width: 1367px) {
    
    /* .login_top{ height: 15vh;}
    .login_sysname{ top: 6vh;} */
    .login_sysname .en{ letter-spacing: -0.85px;}
    /* .login_body .wrapper{ padding-top: 10%; } */
}
@media screen and (max-width: 768px) {
	.login_sysname{ width: 100%; right: 0; top: 2rem;}

	.login_footer,
	.wrapper{ min-width: 100%;}
	.banner_show .con,
	.login_leftDate,
	.login_title{ display: none}
	.login_form{ left: 50%; top: 15rem; width: 24.6875rem; height: 16.5rem; padding: 1rem 5rem; transform: translateX(-50%);}
	.login_btn{ margin-top: 1rem;}
	.login_input{ margin-top: 0.65rem}
}