html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,progress,video{display:inline-block;vertical-align:baseline;}audio:not([controls]){display:none;height:0;}[hidden],template{display:none;}html{*overflow:auto;}a{outline:0;text-decoration:none;background-color:transparent;color:#333;}/*a:hover{text-decoration:underline;}*/a:active,a:hover{outline:0;}b,strong{font-weight:bold;}i,em{font-style:normal;}h1,h2,h3,h4,h5,h6{font-size:100%;}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline;}sup{top:-.5em;}sub{bottom:-.25em;}img{border:0;vertical-align:middle;}textarea{overflow:auto;resize:none;border:0 none;}table{width:100%;border-spacing:0;border-collapse:collapse;table-layout:fixed;}th{font-weight:normal;}li{list-style:none;}button,input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;border:0 none;cursor:pointer;}button,input{line-height:normal;}input,button,select,textarea{font:inherit;line-height:inherit;color:inherit;}button[disabled],input[disabled]{cursor:default;}button,select{text-transform:none;}input[type="checkbox"],input[type="radio"]{padding:0;box-sizing:border-box;}:focus{outline:0;}hr{border:0 none;}.ipt{border:0 none;}.btn,.icon{display:inline-block;*display:inline;*zoom:1;}.btn{text-align:center;white-space:nowrap;cursor:pointer;}.btn:hover{text-decoration:none;}.icon{position:relative;vertical-align:top;}#header:after,#content:after,#footer:after,#nav:after,#main:after,.layout:after,.clearfix:after{clear:both;display:table;content:'';}#nav,#main,.layout,.clearfix{*zoom:1;}.clear{clear:both;display:block;width:100%;height:0;overflow:hidden;}.layout{position:relative;width:1000px;margin:0 auto;}.container{position:relative;overflow:hidden;}.hidden{display:none;}.fl{float:left;}.fr{float:right;}.transparent{background-color:transparent !important;}body,input,button,select,textarea{font:12px/1.5 'Microsoft YaHei',Arial,\5B8B\4F53,sans-serif;word-break:break-all;word-wrap:break-word;color:#333;}.btn:hover{opacity:0.85;filter:Alpha(opacity=85);}.tar{text-align:right;}.vish{visibility:hidden;}

::-moz-placeholder{color:#999;opacity:1;}
:-moz-placeholder{color:#999;opacity:1;}
::-webkit-input-placeholder{color:#999;}
:-ms-input-placeholder{color:#999;}
.icon,.banner-slide .slide-nav li,.banner-slide .prev,.banner-slide .next,.case-slide .prev,.case-slide .next{background:url(../images/z_sprites.png) no-repeat;}
.layout{width:1200px;}
body{padding-top:61px;}
#header{position:fixed;z-index:199;left:0;top:0;width:100%;height:60px;overflow:hidden;border-bottom:1px solid #bfbfbf;background-color:#fff;}
#header .logo{float:left;margin-top:3px;}
#nav,#nav li{float:left;}
#nav{margin-left:90px;font-size:14px;}
#nav li{width:96px;height:60px;line-height:60px;overflow:hidden;text-align:center;}
#nav li a{display:block;}
#nav li:hover,#nav .current{background-color:#ffa815;}
#nav li:hover a,#nav .current a{color:#fff;}
#header .userlr{float:right;height:30px;overflow:hidden;margin-top:15px;font-size:14px;}
#header .userlr a{float:left;height:28px;line-height:28px;padding:0 14px;margin-left:10px;border:1px solid #b9b9b9;border-radius:15px;color:#848484;}
#header .userlr a i{float:left;width:16px;height:16px;margin:6px 5px 0 0;}
#header .userlr .u-login{border-color:#159ee4;color:#0099cb;}
#header .userlr .u-login .icon-login{background-position:0 0;}
#header .userlr .u-reg .icon-reg{background-position:-20px 0;}
@-moz-document url-prefix(){
    #header .userlr a{line-height:26px;}
}

#banner,.banner-slide,.banner-slide .slide-content,.banner-slide .slide-panel{height:400px;overflow:hidden;}
#banner,.banner-slide{position:relative;}
.banner-slide .slide-panel{width:100%;background-repeat:no-repeat;background-position:center;}
.banner-slide .slide-nav{position:absolute;z-index:9;left:0;bottom:16px;width:100%;height:14px;overflow:hidden;text-align:center;}
.banner-slide .slide-nav li{display:inline-block;*display:inline;*zoom:1;width:12px;height:12px;margin:0 4px;background-position:-40px 0;}
.banner-slide .slide-nav .active{background-position:-55px 0;}
.banner-slide .prev,.banner-slide .next{position:absolute;z-index:9;left:50%;top:50%;width:40px;height:40px;margin-top:-20px;}
.banner-slide .prev{margin-left:-550px;background-position:0 -20px;}
.banner-slide .next{margin-left:510px;background-position:-45px -20px;}
.banner-slide .prev:hover{background-position:0 -65px;}
.banner-slide .next:hover{background-position:-45px -65px;}

.login-box{position:absolute;z-index:19;left:50%;top:0;width:424px;height:100%;margin-left:76px;background-color:rgba(86,86,81,0.65);filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#aa565651',EndColorStr='#aa565651');}
.login-box,.login-box a{color:#fff;}
:root .login-box{filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#00000000',EndColorStr='#00000000');}
.login-switch{position:absolute;right:0;bottom:0;}
.login-switch,.login-switch .icon-s{width:43px;height:43px;}
.login-switch .icon-s{position:absolute;}
.login-switch .icon-code{background-position:0 -110px;}
.login-switch .icon-pc{display:none;background-position:0 -565px;}
.login-input{padding:36px 72px;height: 100%;}
.login-input h3,.login-form .login-btn{font-size:18px;}
.login-input h3{height:30px;line-height:30px;overflow:hidden;text-align:center;font-weight:normal;}
.login-form{margin-top:36px;}
.login-form .form-item{margin-bottom:25px;*zoom:1;}
.login-form .form-item:after{content:'';clear:both;display:table;}
.login-form .ipt{width:262px;height:24px;line-height:24px \9;padding:5px 9px;background-color:#fff;font-size:14px;}
.login-form .code,.login-form .code-pic{float:left;}
.login-form .code{width:112px;}
.login-form .code-pic{width:130px;height:34px;margin-left:20px;}
.login-form .btn-item{margin-bottom:12px;}
.login-form .login-btn{width:100%;height:34px;color:#fff;background-color:#0099cb;}
@-moz-document url-prefix(){
    .login-form .login-btn{padding-bottom:2px;}
}
.login-form .remember,.login-form .fr{height:16px;line-height:16px;overflow:hidden;}
.login-form .remember,.login-form .remember .chk{float:left;}
.login-form .remember .chk{margin:2px 4px 0 0;}
.login-form .fr a,.login-form .fr .split{float:left;}
.login-form .fr .split{margin:0 6px;font-size:10px;}
.login-scan{display:none;padding-top:80px;line-height:24px;font-size:14px;text-align:center;}
.login-scan .code{margin:20px 0 40px;}
.login-scan .code img{margin:0 12px;}

.func-intro-section{padding:25px 0 45px;}
.customer-case-section{padding:25px 0 30px;background-color:#edf4f6;}
.sh-service-section{height:483px;padding-top:25px;background:url(../images/shs_bg.jpg) no-repeat center;}

.jzz-box .box-hd{position:relative;z-index:1;height:42px;overflow:hidden;}
.jzz-box .box-hd .hwrap,.jzz-box .box-hd .more{background-color:#fff;}
.jzz-box .box-hd .hwrap,.jzz-box .box-hd .hwrap .s,.jzz-box .box-hd .hwrap .hgroup{float:left;}
.jzz-box .box-hd .hwrap{padding-right:10px;}
.jzz-box .box-hd .hwrap .s{width:8px;height:32px;margin:6px 6px 0 0;border-radius:3px;background-color:#0099cb;}
.jzz-box .box-hd .hwrap .hgroup h3{height:28px;line-height:28px;overflow:hidden;font-size:24px;font-weight:normal;color:#0099cb;}
.jzz-box .box-hd .hwrap .hgroup small{display:block;height:14px;line-height:14px;overflow:hidden;color:#4c4b4b;}
.jzz-box .box-hd .more{float:right;height:25px;padding-left:12px;margin-top:8px;}
.jzz-box .box-hd .more a{display:block;height:23px;line-height:23px;padding:0 7px;border:1px solid #159ee4;border-radius:2px;color:#159ee4;}
.jzz-box .box-hd .line{position:absolute;z-index:-1;left:0;bottom:20px;width:100%;height:1px;background-color:#e4e4e4;}
.jzz-box .box-bd{margin-top:20px;}

.func-intro{height:276px;margin:0 -6px;}
.func-intro li{float:left;width:200px;height:272px;padding:0 15px;overflow:hidden;margin:0 6px;border-bottom:4px solid #fff;background-color:#f4f4f4;-webkit-transition:height .3s ease,margin .3s ease;transition:height .3s ease,margin .3s ease;}
.func-intro li .icon-t{display:block;width:100px;height:100px;margin:38px auto 0;}
.func-intro li .icon-yzgl{background-position:0 -160px;}
.func-intro li .icon-sygl{background-position:0 -260px;}
.func-intro li .icon-sjfx{background-position:0 -360px;}
.func-intro li .icon-cjgl{background-position:0 -460px;}
.func-intro li .icon-dkf{background-image:url(../images/icon_index_dkf.png);}
.func-intro li .icon-jcsj{background-image:url(../images/icon_index_jcsj.png);}
.func-intro li .icon-xtgl{background-image:url(../images/icon_index_xtgl.png);}
.func-intro li .icon-clgl{background-image:url(../images/icon_index_clgl.png);}
.func-intro li .icon-nscz{background-image:url(../images/icon_index_nscz.png);}
.func-intro li .icon-qxsj{background-image:url(../images/icon_index_qxsj.png);}
.func-intro li .icon-tjbj{background-image:url(../images/icon_index_tjbj.png);}
.func-intro li .icon-cxtj{background-image:url(../images/icon_index_cxtj.png);}
.func-intro li .icon-pjjj{background-image:url(../images/icon_pjjj.png);}
.func-intro li .icon-nshj{background-image:url(../images/icon_nshj.png);}
.func-intro li .icon-jcsj{background-image:url(../images/icon_jcsj.png);}
.func-intro li .icon-zzkg{background-image:url(../images/icon_zzkg.png);}
.func-intro li .icon-sfsh{background-image:url(../images/icon_sfsh.png);}
.func-intro li .icon-sygl2{background-image:url(../images/icon_sygl.png);}
.func-intro li:hover{height:292px;margin-bottom:-20px;border-bottom-color:#eca119;background-color:#fff4df;}
.func-intro li:hover .icon-yzgl{background-position:-100px -160px;}
.func-intro li:hover .icon-sygl{background-position:-100px -260px;}
.func-intro li:hover .icon-sjfx{background-position:-100px -360px;}
.func-intro li:hover .icon-cjgl{background-position:-100px -460px;}
.func-intro li:hover .icon-dkf{background-image:url(../images/icon_index_dkf_hover.png);}
.func-intro li:hover .icon-jcsj{background-image:url(../images/icon_index_jcsj_hover.png);}
.func-intro li:hover .icon-xtgl{background-image:url(../images/icon_index_xtgl_hover.png);}
.func-intro li:hover .icon-clgl{background-image:url(../images/icon_index_clgl_hover.png);}
.func-intro li:hover .icon-nscz{background-image:url(../images/icon_index_nscz_hover.png);}
.func-intro li:hover .icon-qxsj{background-image:url(../images/icon_index_qxsj_hover.png);}
.func-intro li:hover .icon-tjbj{background-image:url(../images/icon_index_tjbj_hover.png);}
.func-intro li:hover .icon-cxtj{background-image:url(../images/icon_index_cxtj_hover.png);}
.func-intro li:hover .icon-pjjj{background-image:url(../images/icon_pjjj_hover.png);}
.func-intro li:hover .icon-nshj{background-image:url(../images/icon_nshj_hover.png);}
.func-intro li:hover .icon-jcsj{background-image:url(../images/icon_jcsj_hover.png);}
.func-intro li:hover .icon-zzkg{background-image:url(../images/icon_zzkg_hover.png);}
.func-intro li:hover .icon-sfsh{background-image:url(../images/icon_sfsh_hover.png);}
.func-intro li:hover .icon-sygl2{background-image:url(../images/icon_sygl_hover.png);}


.func-intro li h4{height:24px;line-height:24px;overflow:hidden;margin-top:12px;text-align:center;font-size:16px;}
.func-intro li .fs,.func-intro li .fs p{height:25px;overflow:hidden;}
.func-intro li .fs{border-top:1px solid #f4f4f4;margin-top:5px;text-align:center;color:#888;-webkit-transition:margin .3s ease,padding .3s ease;transition:margin .3s ease,padding .3s ease;}
.func-intro li .fs p{line-height:25px;}
.func-intro li .fs p .w,.func-intro li .fs p .split{display:inline-block;*display:inline;*zoom:1;}
/* .func-intro li .fs p .split{
	position:relative;top:7px;
	width:1px;
	height:11px;
	margin:0 10px;
	background-color:#cfcfcf;
	vertical-align:top;
} */
/*������Կ��Ϊ1px�ߵĽ�������* */
.func-intro li .fs p .split{
    position:relative;
    top:7px;
    width:21px;
    height:11px;
    vertical-align:top;
    text-align:center;
    background:transparent url(../images/web/split.png) center 0 no-repeat;
}
.func-intro li .more{display:block;width:72px;height:22px;line-height:22px;margin:6px auto 0;border:1px solid #c4c4c4;border-radius:12px;color:#888;text-align:center;text-transform:uppercase;}
.func-intro li:hover .fs{height:auto;margin-top:10px;padding-top:7px;border-top-color:#eedab3;}
.func-intro li:hover .fs p .split{background-color:#eedab3;}
.func-intro li:hover .fs p .split{background:transparent url(../images/web/split.png) center -11px no-repeat;}
.func-intro li:hover .more{display:none;}
.func-intro li .fs p .w1{width:1em;}
.func-intro li .fs p .w2{width:2em;}
.func-intro li .fs p .w3{width:3em;}
.func-intro li .fs p .w4{width:4em;}
.func-intro li .fs p .w5{width:5em;}
.func-intro li .fs p .w6{width:6em;}
.func-intro li .fs p .w7{width:7em;}
.func-intro li .fs p .w8{width:8em;}
.func-intro li .fs p .w9{width:8em;}
.func-intro li .fs p .w10{width:10em;}

.customer-case-section .jzz-box .box-hd .hwrap,.customer-case-section .jzz-box .box-hd .more{background-color:#edf4f6;}
.case-slide,.case-slide .slide-content,.case-slide .slide-panel{height:264px;}
.case-slide{position:relative;margin:0 -10px;}
.case-slide .slide-content{overflow:hidden;}
.case-slide .prev,.case-slide .next{position:absolute;top:50%;width:32px;height:57px;margin-top:-29px;}
.case-slide .prev{left:-52px;background-position:-90px 0;}
.case-slide .next{right:-52px;background-position:-130px 0;}
.case-slide .prev:hover{background-position:-90px -60px;}
.case-slide .next:hover{background-position:-130px -60px;}
.case-slide .slide-panel{float:left;width:340px;overflow:hidden;}
.customer-case{overflow:hidden;margin:0 10px;background-color:#fff;}
.customer-case a{display:block;}
.customer-case .pic{height:184px;}
.customer-case .pic img{width:320px;height:184px;}
.customer-case .info{height:44px;padding:17px 10px 17px 58px;border:1px solid #e8e9e9;}
.customer-case .info .logo-wrap,.customer-case .info .logo{width:42px;height:42px;}
.customer-case .info .logo-wrap,.customer-case .info .text{float:left;}
.customer-case .info .logo-wrap{border:1px solid #f4f3f3;}
.customer-case .info .logo{display:table-cell;text-align:center;vertical-align:middle;}
.customer-case .info .text{width:190px;margin-left:16px;color:#4c4b4b;font-size:14px;}
.customer-case .info .name,.customer-case .info .intro{display:block;overflow:hidden;}
.customer-case .info .name{height:24px;line-height:24px;font-size:16px;}
.customer-case .info .intro{height:20px;line-height:20px;}
.customer-case:hover .info{padding-bottom:13px;border-bottom:4px solid #eca119;}

.sh-service{margin:30px -340px 0;}

#footer,#footer a{color:#fff;}
#footer{background-color:#3e3e3e;}
#footer .ft{padding:45px 0 35px;}
#footer .ft dl{float:left;height:120px;margin-left:25px;padding-left:25px;border-left:1px solid #525252;}
#footer .ft dt{margin-top:-8px;}
#footer .ft dt .hgroup{height:30px;overflow:hidden;}
#footer .ft dt .hgroup h3,#footer .ft dt .hgroup small{float:left;}
#footer .ft dt .hgroup h3{height:30px;line-height:30px;font-size:18px;font-weight:normal;}
#footer .ft dt .hgroup small{height:14px;line-height:14px;overflow:hidden;margin:13px 0 0 6px;font-family:Arial;color:#d6d6d6;}
#footer .ft dt .line{position:relative;height:1px;margin-top:4px;background-color:#d6d6d6;}
#footer .ft dt .line .s{position:absolute;left:0;top:-1px;width:100px;height:3px;background-color:#d6d6d6;}
#footer .ft dd{padding-top:15px;}
#footer .service{width:210px;margin-left:0 !important;padding-left:0 !important;border-left:0 none !important;}
#footer .service li{float:left;width:50%;height:24px;line-height:24px;overflow:hidden;}
#footer .service li a{color:#d6d6d6;}
#footer .contact{width:175px;}
#footer .contact .tel{height:24px;line-height:24px;overflow:hidden;margin-bottom:8px;font-size:22px;font-family:Arial;}
#footer .contact .tel .icon-tel{float:left;width:21px;height:22px;margin:1px 6px 0 0;background-position:-50px -110px;}
#footer .contact .p1{height:24px;line-height:24px;overflow:hidden;color:#d6d6d6;}
#footer .leave-message{width:513px;}
#footer .message-form .form-item{float:left;margin-left:15px;}
#footer .message-form .form-item:first-child{margin-left:0;}
#footer .message-form .ipt,#footer .message-form textarea{padding:5px 9px;font-size:14px;}
#footer .message-form .ipt{display:block;width:186px;height:20px;line-height:20px \9;margin-bottom:16px;}
#footer .message-form .msg{width:182px;height:66px;line-height:20px;}
#footer .message-form .submit-btn{width:79px;height:76px;border-radius:0 5px 5px 0;font-size:20px;color:#fff;background-color:#0099cb;}
#footer .fb{height:20px;padding:10px 0;background-color:#333;}
#footer .fb .fl a{margin-right:8px;}
#footer .fb .copyright{float:right;}

.user-reg{padding:36px 0 140px;}
.user-reg .rt{height:32px;overflow:hidden;color:#272727;}
.user-reg .rt .sl,.user-reg .rt h2,.user-reg .rt .ha{float:left;overflow:hidden;}
.user-reg .rt .sl{width:8px;height:32px;border-radius:2px;background-color:#0099cb;}
.user-reg .rt h2{height:32px;line-height:32px;margin-left:12px;font-size:24px;font-weight:normal;}
.user-reg .rt .ha{height:20px;line-height:20px;margin:10px 0 0 20px;font-size:14px;}
.user-reg .rt .ha a{color:#0099cb;text-decoration:underline;}

.reg-steps{height:48px;overflow:hidden;margin:30px 0 45px;font-size:18px;text-align:center;color:#aaa;}
.reg-steps li{float:left;width:333px;height:30px;line-height:30px;overflow:hidden;padding:8px 0;border-bottom:2px solid #bfbfbf;}
.reg-steps li:first-child{width:334px;}
.reg-steps li .n{display:inline-block;*display:inline;*zoom:1;width:30px;height:30px;margin-right:5px;border-radius:50%;font-size:24px;color:#fff;background-color:#aaa;vertical-align:top;font-family:Arial,Helvetica,sans-serif;}
.reg-steps .current{color:#333;border-bottom-color:#0099cb;}
.reg-steps .current .n{background-color:#0099cb;}

.reg-form{padding-left:145px;font-size:14px;}
.reg-form a{color:#0099cb;}
.reg-form .form-item{*zoom:1;margin-bottom:15px;}
.reg-form .form-item:after{content:'';clear:both;display:table;}
.reg-form .lab,.reg-form .ipt,.reg-form .code-pic,.reg-form .radio,.reg-form .radio input,.reg-form select,.reg-form .tips,.reg-form .tips .icon-tips{float:left;}
.reg-form .lab{width:120px;height:36px;line-height:36px;overflow:hidden;margin-right:25px;text-align:right;}
.reg-form .lab em{margin-right:5px;color:#ce2f37;vertical-align:middle;}
.reg-form .ipt,.reg-form select{border:1px solid #aaa;font-size:14px;}
.reg-form .ipt{width:280px;height:24px;line-height:24px \9;padding:5px 9px;}
.reg-form .code{width:135px;}
.reg-form .code-pic{width:135px;height:36px;margin-left:10px;}
.reg-form .func-item{height:20px;line-height:20px;overflow:hidden;margin-bottom:20px;color:#3a3a3a;}
.reg-form .func-item,.reg-form .btn-item{padding-left:145px;}
.reg-form .func-item .chk{float:left;margin:4px 10px 0 0;}
.reg-form .btn{width:300px;height:36px;background-color:#0099cb;color:#fff;font-size:18px;}
.reg-form .ipt:focus{border-color:#0099cb;}
.reg-form .radio{height:16px;line-height:16px;overflow:hidden;margin:10px 32px 0 0;}
.reg-form .radio input{margin:2px 6px 0 0;}
.reg-form select{width:300px;height:36px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(../images/select_arrow.png) no-repeat 265px 0;background-position:300px 0\9\0;padding-top:8px \9;padding-bottom:8px \9;}
.reg-form .tips{height:36px;line-height:36px;overflow:hidden;margin-left:20px;color:#666;}
.reg-form .tips .icon-tips{width:14px;height:14px;margin:12px 5px 0 0;}
.reg-form .tips .icon-error{background-position:-170px 0;}
.reg-form .tips .icon-ok{background-position:-170px -20px;}
.select-crop,.select-crop li{float:left;}
.select-crop{width:330px;margin-bottom:30px;}
.select-crop li{width:82px;line-height:16px;height:74px;overflow:hidden;margin:0 28px 8px 0;text-align:center;cursor:default;}
.select-crop li .cp{display:block;width:80px;height:50px;margin-bottom:6px;border:1px solid #fff;}
.select-crop li .chk{float:left;margin:2px 0 0 1px;}
.select-crop .selected .cp{border-color:#0099cb;}

#header .logo {
    margin-top: 5px;
}
#header .logo img{
    height: 48px;
}
.logo {
    margin: 19px 0 0 2px;
}
.logo img{
    height:37px;
}
#quickChannel {
    left: 210px;
}
.btn.login-btn.zhuce{display:none;}
#banner .login-img{
    display:none;
}
body .login-form i.ipt1{
    display:none;
}
body .login-form i.ipt2{
    display:none;
}
body .login-form i.ipt3{
    display:none;
}
body #header .usernf{
    display:none;
}

.login-form .form-item{
    position: relative;
    margin-bottom:31px;
}
.login-form .form-item .k-widget.k-tooltip-validation{
    position: absolute;
    top:34px;
    left:0px;
}



body.yangda{
    padding-top: 0px;
    overflow:hidden;
}
body.yangda #header{
    height:100px;
    position: static;
}
body.yangda #header .logo img{
    height: 62px;
}
body.yangda .layout{
    margin-top: 15px;
}
body.yangda #banner{
    width:100%;
    height:700px;
    margin:0 0 0;
    padding: 0;
    overflow: visible;
    margin-top: 0;
    background: none;
}
body.yangda #banner .banner-logo{
    overflow: hidden;
    margin-left: 57px;
}
body.yangda #banner .banner-logo>img{
    float:left;
}
body.yangda #banner .banner-logo>span{
    float:left;
    font-size:40px;
    color:#fff;
    font-family: 'Microsoft Yahei';
    margin-left:13px;
    margin-top: 3px;
}
body.yangda .banner-inner{
    width:1200px;
    height:750px;
    margin:0 auto;
    position: relative;
}
body.yangda #banner .login-img{
    display:none;
}
body.yangda #banner .login-img>img{
    width:500px;
    height:450px;
    margin:0;
    padding:0;
    border-radius:20px;
}
body.yangda #banner .login-form .code-pic{
    margin-top: 0px;
    width: 146px;
    height: 50px;
    margin-left: 10px;
}
body.yangda #banner .login-input h3 {
    font-size: 30px;
    text-align: center;
    color: #000;
    margin-top: 70px;
    margin-bottom: 30px;
    height: 40px;
    line-height: 40px;
    font-weight: 800;

    font-family: Source Han Sans CN, Source Han Sans CN;
    font-weight: bold;
    font-size: 40px;
    color: #333333;
    text-align: center;
    font-style: normal;
    text-transform: none;
}
body.yangda #banner .login-form .form-item{
    position: relative;
    margin-bottom: 15px;
}
.logo.yangda img{
    height:47px;
}
body.yangda .login-switch{
    right: 0;
    bottom: 0;
}
body.yangda .login-form{
    margin-top: 29px;
    margin-bottom: 29px;
}
body.yangda .login-dashed{
    margin:0 -10px;
    border-bottom:2px dashed #fff;
}
.login-footer{
    text-align:center;
    color:#878686;
    font-size:13px;
    margin:30px 0;
}

/* *********************            yangda                      ********************* */
html.yangda-html{
    width:100%;
    height:100%;
    background: transparent url(../images/user/yangda/bg.png) center center no-repeat;
    background-size: 100% 100%;
}
.logo.yangda {
    margin: 14px 0 0 20px;
}
body.yangda .login-switch {
    right: 6px;
    bottom: 6px;
}

body.yangda #login-prompt {
    position: absolute;
    bottom: 18px;
    right: 46px;
    color: #000;
    font-size: 13px;
}

body.yangda .login-scan .code #app_code{
    width: 235px;
    margin: 22px 12px;
}
body.yangda #header {
    height: 120px;
    background-color: transparent;
    border-bottom: none;
}
body.yangda .layout {
    margin-top: 65px;
    width: 100%;
    margin-left: 60px;
    /* margin-bottom: 25px; */
}
body.yangda #header .logo img {
    height: 66px;
}
body.yangda #banner{
    position: relative;
}
body.yangda #banner i.uav_1{
    display: inline-block;
    position: absolute;
    width: 182px;
    height: 160px;
    left: -205px;
    top: 165px;
    background: url(../images/user/yangda/uav_1.svg) center center no-repeat;
}
body.yangda #banner i.uav_2{
    display: inline-block;
    position: absolute;
    width: 388px;
    height: 306px;
    left: 1142px;
    top: -73px;
    background: url(../images/user/yangda/uav_2.svg) center center no-repeat;
}
body.yangda #banner .login-box{
    margin-left: 0px;
    overflow: visible;
    position: relative;
    z-index: 0;
    background-color: rgba(206, 206, 199, 0.3);
    width: 1140px;
    height: 700px;
    border-radius: 0px;
    padding-left: 570px;
    margin: 0 auto;
    margin-top: 61px;
    box-sizing: border-box;
    left: 0;
    right: 0;
}
body.yangda #banner .login-box i.pc{
    display: inline-block;
    position: absolute;
    width: 570px;
    height: 700px;
    left: 0px;
    top: 0px;
    background: url(../images/user/yangda/pc.png) center center no-repeat;
    background-size: 100% 100%;
}
body.yangda #banner .login-input  {
    width: 570px;
    padding: 30px 30px;
    float: left;
    margin-left: 1px;
    /* background: url(../images/user/yangda/maizi.png) right bottom no-repeat; */
    background-color: #fff;
    box-sizing: border-box;
}
body.yangda .login-form {
    margin-top: 18px;
    padding: 0 25px;
}
body.yangda #banner .login-form .ipt{
    border-radius: 0px;
    height: 50px;
    width: 462px;
    padding-left: 14px;
    /* border: 1px solid #999; */
    background: #fff;
    color: #999;
    font-size: 16px;
    box-sizing: border-box;
    background: #F5F5F5;
    font-family: Source Han Sans CN, Source Han Sans CN;
    font-weight: 400;
    font-size: 16px;
    color: #999999;
    text-align: left;
    font-style: normal;
    text-transform: none;
}
body.yangda #banner .login-form input:-webkit-autofill {
  background-color: #F5F5F5 !important; /* 例如: #ffffff 或 rgba(255, 255, 255, 0.8) */
  background-image: none !important;
  color: #999 !important; /* 例如: #000000 */
  -webkit-box-shadow: 0 0 0 1000px #F5F5F5 inset !important; /*  延伸背景色到输入框内部 */
    font-size: 16px !important;
    font-family: Source Han Sans CN, Source Han Sans CN;
    font-weight: 400;
    text-align: left;
    font-style: normal;
    text-transform: none;
}
body.yangda #banner .login-form input::-webkit-input-placeholder { /* WebKit browsers */
    font-family: Source Han Sans CN, Source Han Sans CN;
    font-weight: 400;
    font-size: 16px;
    color: #999999;
    text-align: left;
    font-style: normal;
    text-transform: none;
}
body.yangda #banner .login-form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    font-family: Source Han Sans CN, Source Han Sans CN;
    font-weight: 400;
    font-size: 16px;
    color: #999999;
    text-align: left;
    font-style: normal;
    text-transform: none;
}
body.yangda #banner .login-form input::-moz-placeholder { /* Mozilla Firefox 19+ */
    font-family: Source Han Sans CN, Source Han Sans CN;
    font-weight: 400;
    font-size: 16px;
    color: #999999;
    text-align: left;
    font-style: normal;
    text-transform: none;
}
body.yangda #banner .login-form input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    font-family: Source Han Sans CN, Source Han Sans CN;
    font-weight: 400;
    font-size: 16px;
    color: #999999;
    text-align: left;
    font-style: normal;
    text-transform: none;
}
body.yangda #banner .login-form input::-ms-input-placeholder { /* Microsoft Edge */
    font-family: Source Han Sans CN, Source Han Sans CN;
    font-weight: 400;
    font-size: 16px;
    color: #999999;
    text-align: left;
    font-style: normal;
    text-transform: none;
}
body.yangda #banner .login-form input::placeholder { /* Standard syntax */
    font-family: Source Han Sans CN, Source Han Sans CN;
    font-weight: 400;
    font-size: 16px;
    color: #999999;
    text-align: left;
    font-style: normal;
    text-transform: none;
}


body.yangda #banner .login-form .ipt.code {
    width: 302px;
}
/* body.yangda #banner .login-form i.ipt1{
    display:inline-block;
    width:27px;
    height:27px;
    position:absolute;
    top: 17px;
    left: 16px;
    background:url(../images/user/yangda/username.svg) 0 0 no-repeat;
    background-size:100% 100%;
}
body.yangda #banner .login-form i.ipt2{
    display:inline-block;
    width:27px;
    height:27px;
    position:absolute;
    top: 17px;
    left: 16px;
    background:url(../images/user/yangda/password.svg) 0 0 no-repeat;
    background-size:100% 100%;
}
body.yangda #banner .login-form i.ipt3{
    display:inline-block;
    width:27px;
    height:27px;
    position:absolute;
    top: 17px;
    left: 16px;
    background:url(../images/user/yangda/checkCode.svg) 0 0 no-repeat;
    background-size:100% 100%;
} */
body.yangda #banner .login-form .btn-item {
    margin-top: 27px;
}
body.yangda #banner .login-form .login-btn {
    background: #30552B;
    height: 50px;
    line-height: 50px;
    border-radius: 10px;
    font-family: Source Han Sans CN, Source Han Sans CN;
    font-weight: 500;
    font-size: 16px;
    color: #FFFFFF;
    text-align: center;
    font-style: normal;
    text-transform: none;
}
body.yangda #banner ::-webkit-input-placeholder {
    color: #000;
    font-size: 18px;
}
body.yangda #banner ::-moz-placeholder {
    color: #000;
    font-size: 18px;
}
body.yangda #banner :-ms-input-placeholder {
    color: #000;
    font-size: 18px;
}
body.yangda #banner input:-webkit-autofill {
    box-shadow: 0 0 0px 1000px #fff inset;
    transition: background-color 5000s ease-in-out 0s;
    /* -webkit-text-fill-color: #fff; */
}
body.yangda #banner input:-webkit-autofill::first-line {
    font-size: 18px;
    color: #000;
}
body.yangda #banner label.remember.k-checkbox-label {
    color:#aaa;
}
body.yangda .login-dashed {
    display: none;
}
body.yangda #banner .k-widget.k-tooltip-validation{
    position: absolute;
    left:0;
    top: 84px;
    /* bottom: -29px; */
    bottom: inherit;
    font-size: 16px;
}
body.yangda #banner .k-widget.k-tooltip-validation .k-icon.k-i-warning{
    position: relative;
    top: 5px;
}
body.yangda #banner .k-widget.k-tooltip-validation i{
    top: 5px;
}
body.yangda .login-footer {
    margin: 0 auto;
    color: #fff;
    width: 517px;
    height: 90px;
    text-align: left;
    background: rgba(0,0,0, 0.25);
    border-radius: 10px;
    font-size: 17px;
    line-height: 31px;
    padding: 12px 34px;
    box-sizing: border-box;
}


.yangda .login-input-link{
    display: inline-block;
    width: 100px;
    height: 40px;
    line-height: 40px;
    background: #333333;
    border-radius: 23px 23px 23px 23px;
    font-family: Source Han Sans CN, Source Han Sans CN;
    font-weight: 500;
    font-size: 14px;
    color: #FFFFFF;
    text-align: center;
    font-style: normal;
    text-transform: none;
    text-decoration: none;
    position: absolute;
    right: 30px;
    top: 30px;
}


body.yangda #banner .login-form .form-item.rememberWrap{
	text-align: center;
	margin-top: 27px;
}
.login-form .fr{
	font-family: Source Han Sans CN, Source Han Sans CN;
	font-weight: 400;
	font-size: 16px;
	color: #999999;
	text-align: left;
	font-style: normal;
	text-transform: none;
	float: none;
}
.login-form .fr a{
	float: none;
	color: #4A74EA;
	font-size: 16px;
}
body.uc #banner .login-form .form-item.rememberWrap{
	position: relative;
	top: -13px;
    margin-bottom: 1px;
}
.passwordWrap .togglePass {
	display: inline-block;
	border: 0;
	background: none;
	width: 40px;
	height: 40px;
	margin: 2px 0 0 auto;
	background: url(${ctx}/images/eye.png) center center no-repeat;
	cursor: pointer;
	opacity: .3;
	-webkit-transition: .2s ease-out;
	transition: .2s ease-out;
	position: absolute;
	top: 3px;
	left: 414px;
	background-size: 20px;
}
.passwordWrap .togglePass.active{
	opacity: 1;
}
body.uc .login-input{
	padding-top: 166px;
}
body.uc #banner .login-form .form-item {
    margin-bottom: 22px;
}
.selectBtn{
    height: 37px;
	margin-bottom: 25px;
    width: 510px;
}
.selectBtn li{
	float: left;
    height: 37px;
    line-height: 37px;
    width: 120px;
	font-family: Source Han Sans CN, Source Han Sans CN;
	font-weight: 500;
	font-size: 20px;
	color: #999999;
    text-align: center;
	font-style: normal;
	text-transform: none;
	/* border-bottom: 2px solid rgba(0,0,0,0.1); */
}
.selectBtn li.hover{
	color: #333333;
	border-bottom: 5px solid #30552B;
}
.selectWrap{
	height:300px;
	margin-top:20px;
	overflow:hidden;
}
.selectWrap .selectContent{
	height:300px;
}
.selectContent .imgList{
	height:126px;
}
.selectContent .imgList li{
	width:126px;
	height:126px;
	float:left;
	margin:0 5px;
	position: relative;
}
.selectContent .imgList li img{
	width:126px;
	height:126px;
}
.selectContent .imgList li p{
	width:116px;
	height:0px;
	background-color:rgba(187,14,115,0.7);
	text-align: center;
	font-size:12px;
	color:#fff;
	padding:2 5px;
	line-height: 20px;
	position: absolute;
	bottom:0;
	left:0;
	overflow:hidden;
}
.selectContent .intro{
	padding-top:20px;
}
.selectContent .intro li a{
	color:#666;
	font-size:14px;
}
.selectContent .intro li span{
	float:right;
	color:#e20776;
}
.codeButton {
	display: inline-block;
	border: 0;
	background: none;
	width: 100px;
	height: 40px;
	color: #46a5fe;
	margin: 2px 0 0 auto;
	cursor: pointer;
	-webkit-transition: .2s ease-out;
	transition: .2s ease-out;
	position: absolute;
	top: 37px;
    left: 355px;
	background-size: 20px;
	font-family: Source Han Sans CN, Source Han Sans CN;
	font-weight: 400;
	font-size: 16px;
	color: #999999;
	line-height: 22px;
	text-align: center;
	font-style: normal;
	text-transform: none;
}
span.data-wrap .k-widget.k-tooltip-validation {
	position: absolute;
	right: -209px;
	top: 0;
	margin-left: 150px;
}
#loginHeader .header.header-sticky{
	background: transparent;
}
.login-footer{
	display: none;
}
body.yangda #banner .login-form .form-item label{
    font-family: Source Han Sans CN, Source Han Sans CN;
    font-weight: 500;
    font-size: 16px;
    color: #333333;
    text-align: left;
    font-style: normal;
    text-transform: none;
    float: none;
    clear: both;
    width: 458px;
    display: inline-block;
    margin-bottom: 10px;
}

.login-form-container {
  display: flex;
}
.login-form-container .login-form-box {
  flex: 1; /* 等分宽度 */
}
.login-form-container .login-form-box .form-item{
    width: 230px;
}
body.yangda #banner .login-form .login-form-container .login-form-box .ipt{
    width: 225px;
}
body.yangda #banner .login-form div.alert-text {
    font-family: Source Han Sans CN, Source Han Sans CN;
    font-weight: 400;
    font-size: 12px;
    color: #E12E2E;
    line-height: 17px;
    text-align: left;
    font-style: normal;
    text-transform: none;
    padding-left: 0;
    width: 462px;
}
body.yangda #banner .login-form .form-item label em{
    color: #E12E2E;
    position: relative;
    top: 3px;
    margin-left: 4px;
}