@charset "utf-8";  

/**
** 代码制作人: xiex
** 制作时间：2015-07-15
** 文件内容描述：登录页
** 修改日期：无
** 修改内容：无
**********************************************/
body,td,th,button,div,a{font-family:"微软雅黑", Geneva, "sans-serif" , "微软雅黑" , "宋体"; font-size: 12px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,iieldset,input,textarea,p,blockquote,th,td{ margin:0; padding:0;}
table{ border-collapse:collapse; border-spacing:0;}
fieldset,img{ border:0;}
address,caption,cite,code,dfn,em,strong,th,var{ font-style:normal; font-weight:normal;}
ol,ul{ list-style:none;}
a{ text-decoration:none; transition:background-color 0.3s ease 0s, border 0.3s ease 0s, color 0.3s ease 0s, opacity 0.3s ease-in-out 0s;}
caption,th{ text-align:left;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
q:before,q:after{ content:''}
abbr,acrnym{ border:0;}
.textEllipsis{ width:90%; overflow:hidden; display:block; white-space:nowrap; text-overflow:ellipsis; }
.clr{ clear:both; line-height:0px;}
html, body { margin: 0; padding: 0; }



#superContainer { height: 100%; position: relative; }
em{ font-style:normal;}
.section { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.slide { float: left; }
.slide, .slidesContainer { height: 100%; display: block; }
.slides { height: 100%; overflow: hidden; position: relative; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.section.table, .slide.table { display: table; width: 100%; }
.tableCell { display: table-cell; vertical-align: middle; width: 100%; height: 100%; }
.slidesContainer { float: left; position: relative; }
.controlArrow { position: absolute; top: 50%; cursor: pointer; width: 0; height: 0; border-style: solid; margin-top: -38px; }
.controlArrow.prev { left: 15px; width: 0; border-width: 38.5px 34px 38.5px 0; border-color: transparent #fff transparent transparent; }
.controlArrow.next { right: 15px; border-width: 38.5px 0 38.5px 34px; border-color: transparent transparent transparent #fff; }
.scrollable { overflow: scroll; }
.easing { -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; transition: all 0.7s ease-out; }

#fullPage-nav { position: fixed; z-index: 100; margin-top: -32px; top: 50%; opacity: 1; }
#fullPage-nav.right { right: 17px; }
#fullPage-nav.left { left: 17px; }
.fullPage-slidesNav { position: absolute; z-index: 4; left: 50%; opacity: 1; }
.fullPage-slidesNav.bottom { bottom: 17px; }
.fullPage-slidesNav.top { top: 17px; }
#fullPage-nav ul, .fullPage-slidesNav ul { margin: 0; padding: 0; }
#fullPage-nav li, .fullPage-slidesNav li { display: block; width: 14px; height: 13px; margin: 7px; position: relative; }
.fullPage-slidesNav li { display: inline-block; }
#fullPage-nav li a, .fullPage-slidesNav li a { display: block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; text-decoration: none; }
#fullPage-nav li .active span, .fullPage-slidesNav .active span { background: #333; }
#fullPage-nav span, .fullPage-slidesNav span { top: 2px; left: 2px; width: 8px; height: 8px; border: 1px solid #000; background: rgba(0, 0, 0, 0); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position: absolute; z-index: 1; }
.fullPage-tooltip { position: absolute; color: #fff; font-size: 14px; font-family: arial, helvetica, sans-serif; top: -2px; }
.fullPage-tooltip.right { right: 20px; }
.fullPage-tooltip.left { left: 20px; }

html,body{overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);margin:0;padding:0;}
#superContainer{height:100%;position:relative;-ms-touch-action:none;touch-action:none;}
.fp-section{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.fp-slide{float:left;}
.fp-slide,.fp-slidesContainer{height:100%;display:block;}
.fp-slides{z-index:1;height:100%;overflow:hidden;position:relative;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;}
.fp-section.fp-table,.fp-slide.fp-table{display:table;table-layout:fixed;width:100%;}
.fp-tableCell{display:table-cell;vertical-align:middle;width:100%;height:100%;}
.fp-slidesContainer{float:left;position:relative;}
.fp-controlArrow{position:absolute;z-index:4;top:50%;cursor:pointer;width:0;height:0;margin-top:-38px;border-style:solid;}
.fp-controlArrow.fp-prev{left:15px;width:0;border-color:transparent #fff transparent transparent;border-width:38.5px 34px 38.5px 0;}
.fp-controlArrow.fp-next{right:15px;border-color:transparent transparent transparent #fff;border-width:38.5px 0 38.5px 34px;}
.fp-scrollable{overflow:scroll;}
.fp-notransition{-webkit-transition:none!important;transition:none!important;}
#fp-nav{position:fixed;z-index:100;margin-top:-32px;top:50%;opacity:1;}
#fp-nav.right{right:17px;}
#fp-nav.left{left:17px;}
.fp-slidesNav{position:absolute;z-index:4;left:50%;opacity:1;}
.fp-slidesNav.bottom{bottom:17px;}
.fp-slidesNav.top{top:17px;}
#fp-nav ul,.fp-slidesNav ul{margin:0;padding:0;}
#fp-nav ul li,.fp-slidesNav ul li{display:block;width:14px;height:13px;position:relative;margin:7px; margin-bottom:15px;}
.fp-slidesNav ul li{display:inline-block;}
#fp-nav ul li a,.fp-slidesNav ul li a{display:block;position:relative;z-index:1;width:100%;height:100%;cursor:pointer;text-decoration:none;}
#fp-nav ul li a span,.fp-slidesNav ul li a span{top:2px;left:2px;width:10px;height:10px;border-radius:50%;position:absolute;z-index:1;}
#fp-nav ul li .fp-tooltip{position:absolute;top:-2px;color:#fff;font-size:14px;font-family:arial, helvetica, sans-serif;white-space:nowrap;max-width:220px;overflow:hidden;display:block;opacity:0;width:0;}
#fp-nav ul li:hover .fp-tooltip{-webkit-transition:opacity .2s ease-in;transition:opacity .2s ease-in;width:auto;opacity:1;}
#fp-nav ul li .fp-tooltip.right{right:20px;}
#fp-nav ul li .fp-tooltip.left{left:20px;}

#menu { position: fixed; right: 20px; top: 40%; z-index: 10; list-style-type: none; }
#menu li { text-indent:-99em; margin-bottom:14px; cursor:pointer; width:10px; height:10px; border:1px solid #bfbfbf; border-radius:50%; overflow: hidden;}
#menu li:hover,#menu li.active{ background:#2fb3ff; border-color:#2fb3ff;} 
#menu li a{ display:block}


.section { position: relative; overflow: hidden;}

.section .animate_bg { opacity:0; position: absolute; width: 100%; height: 100%;transition:all 1s ease-in-out 0.5s;-webkit-transition:all 1s ease-in-out 0.5s; }
.ltie10 .section .animate_bg{ opacity:1; transform: translate(0,0px);-webkit-transform: translate(0,0px);}/** ie9 **/
.ltie10 .login_modern{opacity:1; }
.section .main_content{ position:relative; height:100%; }
.section_Bg{ display:none; width:100%; position:absolute; left:0px; top:0px;}
.animate_bgW{ position:absolute; width:100%; left:0px; top:0px;}
/********* 大连接 *********/
/*.section1 { background: url(../images/d-bg1.jpg) left top no-repeat; background-size:cover; }*/
.section .bg1_1{ width:172px; height:63px; background:url(../images/bg1_1.png) no-repeat left top; left:303px; top:257px;}
.section .bg1_2{ width:318px; height:32px; background:url(../images/bg1_2.png) no-repeat left top; left:192px; top:350px;}
.section .bg1_1{ transform: translate(-50px,0);-webkit-transform: translate(-50px,0);}
.section .bg1_2{ transform: translate(50px,0);-webkit-transform: translate(50px,0);}
.section1 .animate_bgW{ top:50%; height:116px; margin-top:-18px;display:none;}
.section .bg1_1{ top:0px;}
.section .bg1_2{ top:85px;}

/*** 登录框 ***/
.login_form_wapper{ width:63%; min-width:430px; max-width:536px; height:29.26%; min-height:290px; max-height:320px; position:absolute; left:0px; top:0px; bottom:0px; margin:auto !important; background:url(../images/k.png) center; background-size:100% 100%; }
.login_form { width:100%; height:100%; }
.login_title_t{color:#F48744};
.active .login_modern{ opacity:1;}
.login_modern{ width:100%; height:100%; border-radius:5px; }
.ltie9 .login_modern{}
.login_title{ border-top-left-radius:5px; border-top-right-radius:5px; height:40px; line-height:62px; background:url(../images/login_titleBg.png) repeat left top; text-align:center; color:#dedede; font-size:18px; margin-bottom:25px;font-weight:bold;margin-left:22px;}
.login_form_item{ border-collapse:collapse; width:100%; height:26px; line-height:26px; background:url() no-repeat center; margin:0px auto 10px;}
.login_form_item:after{ display:table; content:""; clear:both;}
.login_form_item_logo {
	border-collapse:collapse; width:100%; height:98px; line-height:98px; background:url() no-repeat center; margin:20px auto 10px;
}
.login_left_div {
	float:left; width:30%; height:26px;
}
.login_right_div {
	float:right; width:70%; height:26px;
}
.login_form_item_left {
	float:right; width:64px; height:26px; line-height:26px; font-size:14px; color:#fff; margin-right:12px;
	text-shadow:#000 3px 3px 5px;
}

.login_form_img1 {
	float:right; margin-right:6px; background:url() no-repeat center; width:98px; height:98px;
}
.login_form_img1 > img {
	width:90px; height:90px; vertical-align: middle;
}
.login_form_img {
	float:left; margin-left:-2px; background:url() no-repeat center; width:312px; height:98px;
}
.login_form_img > img {
	width:276px; height:90px; vertical-align: middle;
}
.login_form_item_password {
	margin-bottom:3px;
}


.login_form_item label{ float:left; text-indent:-9999em; background-color:#c6c6c6; padding:0px; width:32px; height:32px;}
.login_form_item label span{ display:block;}
/* .icon_user{ background:url(../images/icon_user.png) no-repeat center;}
.icon_pwd{ background:url(../images/icon_pwd.png) no-repeat center;}
.icon_lang{ background:url(../images/icon_lang.png) no-repeat center;} */
.error_tips{ height:24px; line-height:24px; color:#d3001d; }
.login_input{
	border:1px solid #585b52; width:260px; height:23px; line-height:23px; outline:none; padding:1px 5px;
	-webkit-box-sizing: content-box;
	   -moz-box-sizing: content-box;
	        box-sizing: content-box;
}
.lui_login_input_div select{ font-size:13px;  border:1px solid #c6c6c6; height:32px; line-height:32px; width:188px;display: block;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.lui_login_input_div select {
		border : 0px;
		outline: 1px inset #c6c6c6; 
		outline-offset: -1px;
	 }
}
.lui_login_font { display:none;
	width:100%; height:42px; line-height:42px; text-align:center; position:absolute; bottom:0px;
}
.lui_login_font_layer { display:none;
	width:100%; height:40px; background-color:#fefaec; position:absolute; bottom:0px; z-index:-1;
	-webkit-opacity:0.4;
	   -moz-opacity:0.4;
	    -ms-opacity:0.4;
	     -o-opacity:0.4;
	        opacity:0.4;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
}
.login_modern .login_input{ background:#eef5ee;}
.login_modern .login_input::-moz-placeholder{color:#cccccc !important;}              /* //ff */
.login_modern .login_input::-webkit-input-placeholder{color:#cccccc !important;}     /* //chrome,safari */
.login_modern .login_input:-ms-input-placeholder{color:#cccccc !important;}          /* //ie10 */

.login_popup_wapper .login_form_item.submit_item{ border:none;}
.login_form_item .form_input{ float:left;}
.input_verity{ margin-right:10px;}

/**** 登录按钮 ****/
.submit_item{ border:none; background:none; height:44px; line-height:44px; margin-top:26px; }
.submit_item .login_left_div { height:44px; }
.submit_item .login_right_div { height:44px; }
.submit_item .btn_submit {
	cursor:pointer; display:inline-block; width:118px; height:40px; line-height:40px; color:#095000; font-size:20px; font-weight:bold; text-align:center;
	background:url(../images/login_form_button.png) no-repeat center; background-size:100% 100%;
}
.submit_item .btn_submit:hover{ background:url(../images/login_form_button-hover.png) no-repeat center; background-size:100% 100%; }
.submit_item .btn_button {
	cursor:pointer; display:inline-block; width:118px; height:40px; line-height:40px; border:none; color:#095000; font-size:20px; font-weight: bold; text-align:center; margin-left:32px;
	background:url(../images/login_form_button.png) no-repeat center; background-size:100% 100%;
}
.submit_item .btn_button:hover { background:url(../images/login_form_button-hover.png) no-repeat center; background-size:100% 100%; }

/*** 多语言下拉框 ***/
.multi_sel{ display:inline-block; font-size:16px; position:absolute; right:194px; top:24px;}
.multi_sel select{ display: none;}
.dropdown{ width:125px; color:#767676; cursor:default; display:block;height:34px;line-height:34px;}
.dropdown .dropdown-input{-moz-user-select: none; 
-webkit-user-select: none; 
-ms-user-select: none; 
-khtml-user-select: none; 
user-select: none; display:block;font-size:16px; padding:0 0px; width:85px; height:34px; line-height:34px; text-align: right; float:left;}
.dropdown .dropdown-icon{background:url(../images/select_dropdown.png) no-repeat center center transparent;-moz-transition: transform 0.5s; /* Firefox 4 */
-webkit-transition: -webkit-transform 0.5s; /* Safari 和 Chrome */
-o-transition: transform 0.5s; /* Opera */display:block; width:20px; float:left;}
.dropdown.sel .dropdown-icon{ transform:rotate(180deg);
-ms-transform:rotate(180deg);   /* IE 9 */
-moz-transform:rotate(180deg);  /* Firefox */
-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
-o-transform:rotate(180deg);  /* Opera */}
.dropdown-options{ padding:10px 0px; position: relative; background-color:#FFF; display:block; margin-top:4px; border:1px solid #afafaf; z-index:1002;}
/*.dropdown-options li:before{ z-index: 11; display:block; content:""; background:url(../images/icon_dropArrow.png) no-repeat left top; width: 22px; height: 5px; position:absolute; left: 35px; top:-5px;}
*/.dropdown-options li a{font-size:16px; text-align:left; color:#454545; cursor:default; display:block; height:34px;line-height:34px;white-space:nowrap;padding:0 20px;}
.dropdown-options li a:hover{color:#129ceb;  cursor:pointer;text-decoration:none;}


.login_form_other{ text-align:center; padding-bottom:10px;}
.login_form_other a{ color:#9a9a9a; cursor:pointer;}
.login_form_other a:hover{ text-decoration:underline; }
.login_form_item .form_input{   }

.login_form_other em{ color:#ddd; margin:0 24px; }
.login_form_other .alter{ color:#4aac7a;}

.form_input.input_verity .login_input{ width:91px; }
.verity_pic{ float:left; height:32px; }
.verity_pic img{ float:left; width:68px; height:32px; margin:0px; padding:0px; border:none;}
.verity_pic .btn_flush{ cursor:pointer; float:left; display:inline-block; height:32px; width:34px; background:#d7d7d7 url(../images/icon_flush.png) no-repeat center;}
.verity_pic .btn_flush:hover{ background-color:#c0c0c0;}

 /********** 协同运营平台 ***********/
.section2 { background: url(../images/login_bg_02.jpg) left top no-repeat; background-size:cover;}
.section .bg2_1{ width:407px; height:41px; background:url(../images/bg2_1.png) no-repeat left top; left:678px; top:257px;}
.section .bg2_2{  left:678px; top:450px;}
.section .bg2_2 a{ font-size:24px; color:#4291be; cursor:pointer;}
.section .bg2_2 em{ color:#535353; margin:0 18px; font-size:24px;}
.section .bg2_1{ transform: translate(0,-50px);-webkit-transform: translate(0,-50px);}
.section .bg2_2{ transform: translate(0,50px);-webkit-transform: translate(0,50px);}
.section2 .animate_bgW{ top:50%; height:260px; margin-top:-119px;}
.section .bg2_1{ top:0px;}
.section .bg2_2{ top:230px;}

/********** KMS ***********/
.section3 { background:#dccebb url(../images/login_bg_03.jpg) left top no-repeat; background-size:cover;}
.section .bg3_1{ width:267px; height:41px; background:url(../images/bg3_1.png) no-repeat left top; left:180px; top:0px;}
.section .bg3_2{ background:url(../images/bg3_2.png) no-repeat left top; left:52px; top:70px;}

.section .bg3_1{ transform: translate(0px,50px);-webkit-transform: translate(0px,50px);}
.section .bg3_2{ transform: translate(0,-50px);-webkit-transform: translate(0,-50px);}
.section3 .animate_bgW{ top:50%; height:100px; margin-top:-40px;}

 /********** 蓝凌KK ***********/
.section4 {  background:#467eab url(../images/login_bg_04.jpg) left top no-repeat; background-size:cover;}
.section .bg4_1{ background:url(../images/bg4_1.png) no-repeat left top; left:820px; top:100px;}
.section .bg4_2{ background:url(../images/bg4_2.png) no-repeat left top; left:580px; top:270px;}
.section .bg4_3{ background:url(../images/bg4_3.png) no-repeat left top; left:220px; top:380px;}
.section .bg4_1{ transform: translate(-20px,0px);-webkit-transform: translate(-20px,0px);}
.section .bg4_2{ transform: translate(50px,0);-webkit-transform: translate(50px,0);}
.section .bg4_3{ transform: translate(0,50px);-webkit-transform: translate(0,50px);}
.section4 .animate_bgW{ height:100%; top:0px;}

 /********** 蓝凌微云 ***********/
.section5 { background:#dccebb url(../images/login_bg_05.jpg) left top no-repeat; background-size:cover;}
.section .bg5_1{ background:url(../images/bg5_1.png) no-repeat left top; left:375px; top:167px;}
.section .bg5_2{ background:url(../images/bg5_2.png) no-repeat left top; left:390px; top:260px;}
.section .bg5_4{ width:367px; height:511px; background:url(../images/bg5_4.png) no-repeat left top; left:780px; bottom:0px;}

.section .bg5_1{ transform: translate(0px,50px);-webkit-transform: translate(0px,50px);}
.section .bg5_2{ transform: translate(0,-50px);-webkit-transform: translate(0,-50px);}
.section .bg5_4{ transform: translate(20px,0px);-webkit-transform: translate(20px,0px);}
.section5 .animate_bgW{ top:50%; height:254px; margin-top:-116px;}
.section .bg5_1{ top:0px;}
.section .bg5_2{ top:109px;}

 

/* 动画 */
.left { transition: all 1.5s;}
.right { transition: all 1.5s;}
.active .left, .ltie10 .left { left: 0;}
.active .right{ left: 50%;}
/* .ltie10 .right { left: 50%;}*/
.godown{ cursor:pointer;}
.godown span { -webkit-animation: aw-pulse 2s 0 linear infinite; animation: aw-pulse 2s 0 linear infinite;}
@-webkit-keyframes fade {
	0% { opacity: 1;}
	50% { opacity: 0.3;}
	100% { opacity: 1;}
}
@keyframes fade {
	0% { opacity: 1;}
	50% { opacity: 0.3;}
	100% { opacity: 1;}
}
 @-webkit-keyframes upanddown {
   0%, 100% {
     bottom: 80px
   }
   50% {
     bottom: 70px
   }
 }
      
 @-webkit-keyframes aw-pulse {
   0%, 100% {
     -webkit-transform: translate3d(0,0,0);
     transform: translate3d(0,0,0);
     -webkit-transform: translate(0px,20px);
     transform: translate(0px,20px);
     -webkit-transform:scale(1);
     transform:scale(1); 
     opacity: 1;
   }
   50% {
     opacity: 0.5;
     -webkit-transform: translate3d(0,10px,0);
     transform: translate3d(0,10px,0);
     -webkit-transform: translate(0px,0px);
     transform: translate(0px,0px);
     -webkit-transform:scale(0.8);
     transform:scale(0.8);
   }
 }
  @keyframes aw-pulse {
   0%, 100% {
     -webkit-transform: translate3d(0,0,0);
     transform: translate3d(0,0,0);
     -webkit-transform: translate(0px,20px);
     transform: translate(0px,20px);
     -webkit-transform:scale(1);
     transform:scale(1); 
     opacity: 1;
   }
   50% {
     opacity: 0.5;
     -webkit-transform: translate3d(0,10px,0);
     transform: translate3d(0,10px,0);
     -webkit-transform: translate(0px,0px);
     transform: translate(0px,0px);
     -webkit-transform:scale(0.8);
     transform:scale(0.8);
   }
 }
/* 动画 */
.active .animate_bg{ opacity:1; transform: translate(0,0px);-webkit-transform: translate(0,0px); }

.main_content{ width:46.87% !important; min-width:700px; max-width:900px; margin:0px auto; }
/***************************** 头部 *****************************************/
.login_header{ height:80px; background:url(../images/header_bg.png) repeat left top; position:fixed; top:0px; left:0px; width:100%; z-index:1002;}
.login_header .main_content{ position:relative;}
.login_logo{  width:420px; height:45px; background:url(../images/landray_logo.png) no-repeat left top; position:absolute; left:0px; top:26px;}
.login_code{ width:114px; height:34px; background:url(../images/icon_code.png) no-repeat left top; position:absolute; top:8px; right:-70px; cursor:pointer;}
.btn_login{ display:inline-block; display:none; height:32px; line-height:32px; background:#3fc5c3; padding:0 27px; color:#fff; font-size:18px; cursor:pointer; border-radius:5px; position:absolute; right:194px; top:24px; }
.btn_login:hover{ background:#37b0ae; color:#Fff;}
.section1.active .btn_login{ opacity:0; transition:all ease-in-out 0.5s;}
.ltie9 .btn_login{ z-index:1003;}

.login_code_wapper{  display:none; /*opacity:0;*/transition:all 0.5s ease-in-out 0.5s;-webkit-transition:height 2s;  width:526px; border:1px solid #afafaf; border-radius:8px; padding:15px 0; background:#fff; position:absolute; right:0px; top:56px; z-index:1111;}
.login_code_wapper i{ display:inline-block; width:32px; height:9px; background:url(../images/icon_codeArrow.png) no-repeat left top; position:absolute; right:80px; top:-8px;}
.login_code_wapper ul { display:table;}
.login_code_wapper ul li{ display:table-cell; *table-layout:fixed; width:25%; text-align:center;}
.login_code_wapper ul li .icon_code{ display:inline-block;  width:75px; height:75px; margin-bottom:5px; }
.login_code_wapper ul li .code_kk5{background:url(../images/code_kk5.png) no-repeat center;}
.login_code_wapper ul li .code_kk{background:url(../images/code_kk.png) no-repeat center;}
.login_code_wapper ul li .code_wy{background:url(../images/code_wy.png) no-repeat center;}
.login_code_wapper ul li .code_wf{background:url(../images/code_wf.png) no-repeat center;}
.login_code_wapper ul li h3{ color:#0f76f7; margin-bottom:6px; line-height:28px; font-size:14px;}
.login_code_wapper ul li p{ color:#353535; font-size:12px; line-height:22px; padding:0px 10px;}
.login_code:hover .login_code_wapper{ opacity:1}

/******************************** 底部导航 ****************************************/
.footer_nav{ opacity:0;transition:all 1s ease-in-out 0.5s;-webkit-transition:all 1s ease-in-out 0.5s; position:absolute; bottom:0px; left:0px; width:100%; z-index:11; background:rgba(0,0,0,0.3);}
.ltie9 .footer_nav{ filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#1F000000,endcolorstr=#1F000000);}
.active .footer_nav{ opacity:1;}
.footer_nav ul{ display:table;  width:100%; color:#fff;}
.footer_nav ul li{ width:33.33%;  display:table-cell;*float:left;*width:33%; transition:all 0.3s ease 0s;}
.footer_nav ul li a{ cursor:text; z-index:111; display:block; padding:8px 0px; color:#fff; font-size:16px; position:relative; padding-left:65px;}
.footer_nav .link-text-wrapper{ font-size:16px;}
.footer_nav ul li p{ font-size:12px; margin-top:5px; }
.footer_nav .link-icon{ /*background-color:rgba(103,103,103,0.5);*/ position:absolute; left:0px; top:0px; display:inline-block; width:50px; height:100%;}
.footerNav_icon1{ background:url(../images/footerNav_icon1.png) no-repeat center;}
.footerNav_icon2{ background:url(../images/footerNav_icon2.png) no-repeat center;}
.footerNav_icon3{ background:url(../images/footerNav_icon3.png) no-repeat center;}
.footerNav_icon4{ background:url(../images/footerNav_icon4.png) no-repeat center;}
.footerNav_icon5{ background:url(../images/footerNav_icon5.png) no-repeat center;}
.footerNav_icon6{ background:url(../images/footerNav_icon6.png) no-repeat center;}
.footerNav_icon7{ background:url(../images/footerNav_icon7.png) no-repeat center;}
.footerNav_icon8{ background:url(../images/footerNav_icon8.png) no-repeat center;}
.footerNav_icon9{ background:url(../images/footerNav_icon9.png) no-repeat center;}
.footerNav_icon10{ background:url(../images/footerNav_icon10.png) no-repeat center;}
.footerNav_icon11{ background:url(../images/footerNav_icon11.png) no-repeat center;}
.footerNav_icon12{ background:url(../images/footerNav_icon12.png) no-repeat center;}
.footerNav_icon13{ background:url(../images/footerNav_icon13.png) no-repeat center;}
.footerNav_icon14{ background:url(../images/footerNav_icon14.png) no-repeat center;}

.section2 .footer_nav ul li{ width:25%;}
.section3 .footer_nav ul li{ width:25%;}

/*************************** 弹出登录框 *******************************/
.login_popup_wapper{ /*filter:alpha(opacity=0);-moz-opacity:0; opacity:0;*/ margin-top:-80px; padding:0px; z-index:1005;display: none; width: 280px; position: fixed; left: 50%; top: 40%; margin-left: -140px;}
.login_popup_wapper .login_modern{ opacity:1; position:relative; left:0px; top:0px; right:0px; z-index:111; margin-top:0px; width:auto; background:#edfdfa;filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7Fedfdfa,endcolorstr=#7Fedfdfa);}
.login_popup_wapper .login_title{ color:#fff; background:#3fc5c3;}
.login_popup_wapper .login_form_item{ margin-bottom:15px; }

.login_popup_wapper .login_form_item label{ background-color:#7bc389; } 

.login_popup_wapper .popup_btnClose{ width:50px; height:50px; background:url(../images/popup_closeBg.png) no-repeat left top; position:absolute; left:50%; margin-left:-25px; top:-65px; cursor:pointer;}
.login_popup_wapper .popup_btnClose span{ transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s; display:inline-block; width:50px; height:50px; background:url(../images/icon_closeL.png) no-repeat center;}
.login_popup_wapper .popup_btnClose:hover span{ -webkit-transform: rotate(180deg); -ms-transform:rotate(180deg);-moz-transform: rotate(180deg);transform: rotate(180deg); }

.lui_common_divlayout{ 
            top:0px; left:0px; z-index:1000; background:#000; width:100%; height:100%; position:fixed; filter:alpha(opacity=60); opacity:0.6;}

.zoomIn{  /*filter:alpha(opacity=100);-moz-opacity:1; opacity:1;*/ animation:zoomIn 0.5s;-webkit-animation:zoomIn 0.5s; transition:all 0.3s ease 0s;}
.zoomOut{opacity:0; animation:zoomOut 0.5s;-webkit-animation:zoomOut 0.5s;transition:all 0.3s ease 0s;}
.login_popup_wapper.zoomIn{display:block!important;}

@-webkit-keyframes zoomIn {
	0% { -webkit-transform: scale(0.5, 0.5);}
	100% { -webkit-transform: scale(1, 1);}
}
@keyframes zoomIn {
	0% { transform: scale(0.5, 0.5);}
	100% { transform: scale(1, 1);}
}
@-webkit-keyframes zoomOut {
    0% { -webkit-transform: scale(1, 1);}
	100% { -webkit-transform: scale(0.5, 0.5);}
}
@keyframes zoomOut {
	 0% { -webkit-transform: scale(1, 1);}
	100% { -webkit-transform: scale(0.5, 0.5);}
}

/******************** 大屏幕适应 **************************/
 @media screen and (min-width:1600px){
    .section3 .animate_bgW{ height:663px; bottom:0px; top:auto;}
    .section .bg3_1{ top:auto; bottom:0px;}
    .section .bg3_2{ top:290px;}
    .section .bg3_3{ top:172px;}
}
/*屏幕宽度小于等于1024*/
@media screen and (max-width:1024px){
	.logo_div { width:304px; height:117px; }
}
/*屏幕宽度在1024和1280之间*/
@media screen and (min-width: 1025px) and (max-width: 1280px){
	.logo_div { width:342px; height:132px; }
}
/*屏幕宽度在1280和1366之间*/
@media screen and (min-width: 1281px) and (max-width: 1366px){
	.logo_div { width:392px; height:152px; }
}
/*屏幕宽度在1366和1439之间*/
@media screen and (min-width: 1367px) and (max-width: 1440px){
	.logo_div { width:417px; height:161px; }
}
/*屏幕宽度在1440和1599之间*/
@media screen and (min-width: 1441px) and (max-width: 1600px){
	.logo_div { width:451px; height:174px; }
}
/*屏幕宽度在1600和1919之间*/
@media screen and (min-width: 1601px) and (max-width: 1920px){
	.logo_div { width:522px; height:201px; }
}
/*屏幕宽度大于等于1920*/
@media screen and (min-width:1921px){
	.logo_div { width:570px; height:220px; }
}


    .bodySmall .section .bg1_1{ }
    .bodySmall .section2 { background: url(../images/login_bg_02s.jpg) left top no-repeat; background-size:cover;}
    .bodySmall .section .bg2_1{ left:578px; top:30px; }
    .bodySmall .section .bg2_2{ left:578px; }
    .bodySmall .section .bg4_1{ left:620px; }
    .bodySmall .section .bg4_2{ left:380px; }
    .bodySmall .section .bg4_3{ left:20px; }

    .bodySmall .section .bg5_1{ left:275px; }
    .bodySmall .section .bg5_2{ left:280px; }
    .bodySmall .section .bg5_4{ left:580px; }


/******************** 添加的代码 **************************/
.login-background-img{
	width: 100%;
    height: 100%;
    background:url(../images/bg.jpg) center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;

    -webkit-animation: fadeIn .8s ease-in-out 0s 1;
       -moz-animation: fadeIn .8s ease-in-out 0s 1;
         -o-animation: fadeIn .8s ease-in-out 0s 1;
        -ms-animation: fadeIn .8s ease-in-out 0s 1;
            animation: fadeIn .8s ease-in-out 0s 1;
    animation-fill-mode: both;
	
}
.login-background-img > img{
    width: 100%;
    height: 100%;
}

#login-bgImg{
  position: absolute;
  z-index: -1;
}
.logo_div{
	 background:url(../images/logo1.png) no-repeat center;
	 background-size:100% 100%;
	 top:6.66%; right:5.72%;
	 position:absolute;
}
   /*下拉弹出窗*/
.login-dropbox{
    position: absolute;
    right: -1px;
    top: -1px;
}
.login-dropbox-toggle{
    width: 45px;
    height: 38px;
    border-top-left-radius:0;
    border-bottom-left-radius:100% 50%;
    overflow: hidden;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1001;
}
.login-dropbox-toggle .iconbox{
    width: 90px;
    height: 38px;
    position: absolute;
    left: 0;
    top: 0;
}
.login-dropbox-toggle .iconbox .icon-PC,
.login-dropbox-toggle .iconbox .icon-QRcode{
    width: 45px;
    height: 37px;
    /* border-top-right-radius: 0px; */
    background-repeat: no-repeat;
    background-position: 50%;
    display: block;
    float: left;
}
.login-dropbox-toggle .iconbox .icon-PC{ background-image: url(../images/login_comp.png);}
.login-dropbox-toggle .iconbox .icon-QRcode{ background-image: url(../images/login_half.png);}

.login-dropbox-menu{
    display: none;
    padding: 10px;
    width: 510px;
    min-height: 256px;
    border-radius: 8px;
    border: 1px solid #d6d6d6;
    /*background: url(../images/login_dropdown_bg.png) repeat 50%;*/
    background-color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1000;
}
.login_iframe .login-dropbox-menu .header{
  /*margin-bottom: 10px;*/
  padding: 2px 15px;
  text-align: left;
  background: none;
}


.login-dropbox-QRcode-list{
    margin: 0;
    padding: 10px 0;
    list-style: none;
}
.login-dropbox-QRcode-list:before,
.login-dropbox-QRcode-list:after{
    display: table;
    content: " ";
}
.login-dropbox-QRcode-list:after{
    clear: both;    
}
.login-dropbox-QRcode-list > li{
    width: 33.33%;
    min-height: 1px;
    float: left;
}
.login-QRcode-box{
    margin: 0 8px;
    text-align: center;
}
.login-QRcode-box .title{
    margin: 5px 0 12px;
    font-size: 16px;
    font-weight: normal;
    white-space: nowrap;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}
.login-QRcode-box .QRcode{
    margin: 0 auto;
    width: 100px;
    height: 100px;
}
.login-QRcode-box .QRcode > img{
  width: 100%;
}
.login-QRcode-box .depict{
    margin-top: 15px;
    font-size: 13px;
    font-weight: normal;
}