@charset "utf-8";
/* login */
.login_box{width:100%;position:relative;max-width:1920px;overflow:hidden;min-width:1200px;}
/*.login_box a{color:#666;text-decoration:none}*/
.login_box a:hover{color:#FF8000;color: var(--themeColor);text-decoration:underline}
.login_box .login_logo{width:1000px;margin:0 auto;background:#fff;height:90px}
.login_logo .logo{float:left;padding-top: 10px;}
.login_logo .text{float:right;margin:28px 0 0;padding:0 0 0 43px;position: relative;}
.login_logo .text::before{
  font-family: "iconfontxfs" !important;
  font-size: 36px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e62c";
  color:#FF8000;
  color: var(--themeColor);
  position: absolute;
  left: 0;
}

.login_logo .text .tel{    display: block;
  font: bold 20px/20px Arial;
  letter-spacing: 1px;
  color: #666;}
.login_logo .text .day{display:block;color:#000;letter-spacing:1px}
.login_box .login_bg{width:100%;height:450px;position:relative;margin: 0 auto;overflow: hidden;}
.login_bg .tab_title{position:absolute;bottom:25px;text-align:center;width:100%;z-index:100}
.login_bg .tab_title li{
  display:inline-block;
  width:12px;
  height:12px;
  border-radius:12px;
  overflow:hidden;
  background:#000;
  margin:0 5px;
  cursor:pointer;
   /* older safari/Chrome browsers */
   -webkit-opacity: 0.4;
   /* Netscape and Older than Firefox 0.9 */
   -moz-opacity: 0.4;
   /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/
   -khtml-opacity: 0.4;
   /* IE9 + etc...modern browsers */
   opacity: .4;
   /* IE 4-9 */
   filter:alpha(opacity=40);
}
.login_bg .tab_title li.bg{background:#fff}
.login_logo .online_login {
  float: right;
  margin: 29px 0 0 55px;
  height: 32px;
  line-height: 32px;
}
.login_bg .bd img{width:1000px;height:450px;}
.login_logo .online_login a, .login_logo .online_login a:hover {
  font-size: 18px;
  color: #666;
  text-decoration: none;
}
.login_logo .online_login i {
  float: left;
  width: 30px;
  height: 30px;
  border-radius: 30px; 
  margin-right: 7px;
}
.login_logo .online_login i::before{
  font-family: "iconfontxfs" !important;
  font-size: 32px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e621";
  color:#FF8000;
  color: var(--themeColor);
  position: relative;
  bottom: 2px; 
}

.login_bg .tab_content{height:460px;overflow:hidden;display: none;}
.login_bg .baner_bg{height:460px;position:relative}
.login_bg .baner-01{background:url(../../icon/login/pic01_03.jpg) no-repeat center 0}
.login_bg .baner-02{background:url(../../icon/login/pic02_03.jpg) no-repeat center 0}
.login_bg .baner-03{background:url(../../icon/login/pic03_02.jpg) no-repeat center 0}
.login_bg .hide{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0}
.login_bg .baner-01-a{height:460px;background:url(../../icon/login/pic01_01.png) no-repeat center 0;position:absolute;z-index:5;top:0;width:100%}
.login_bg .baner-01-b{height:460px;background:url(../../icon/login/pic01_02.jpg) no-repeat center 0;position:absolute;z-index:3;top:0;width:100%}
.login_bg .baner-b{width:1000px;height:460px;margin:0 auto;position:relative}
.login_bg .baner-02-a{height:109px;width:142px;background:url(../../icon/login/pic02_01.png) no-repeat center 0;position:absolute}
.login_bg .baner-02-b{height:191px;width:441px;background:url(../../icon/login/pic02_02.png) no-repeat center 0;position:absolute;top:90px;left:103px}
.login_bg .baner-02-c{height:52px;width:123px;background:url(../../icon/login/pic02_04.png) no-repeat center 0;position:absolute}
.login_bg .baner-03-a{height:383px;width:263px;background:url(../../icon/login/pic03_01.png) no-repeat center 0;position:absolute;top:67px;left:130px;z-index:5;overflow:hidden}
.baner-03-a.bg{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;animation-iteration-count:1}
@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%) skewX(-15deg);transform:translateX(0%) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);-ms-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%) skewX(-15deg);-ms-transform:translateX(0%) skewX(-15deg);transform:translateX(0%) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%) skewX(0deg);-ms-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}}
.baner-03-a.bg{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
.login_box .login_content{margin:0 0 0 170px;position: absolute;z-index:22;height:1px;left:50%;top:90px;}
.login_content .content,.login_content .content_lc{
  width:330px;
  height:410px;
  background:#fff;
  float:right;
  margin:19px 0 0;
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.30);
  border-radius: 4px; 
}
.content_lc .lc_icon{
  margin: 100px auto;
  display: block;
}
.login_content .tab{height:26px;padding:24px 0 0;}
.login_content .tab span{color:#666;font-size:18px;height:24px;line-height:24px;float:left;text-align:center;cursor:default;width:50%!important;position: relative;}
.login_content .tab span.tab_cooperation{
  float: right;
    /* background: #FF8000; */
    color: #000;
    line-height: 25px;
    /* height: 30px; */
    margin-top: 18px;
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
    font-size: 12px;
    width: 119px;
}
.login_content .tab span.current{
  color:#FF8000;
  color: var(--themeColor);
}
.login_content .tab span.canslien i,.login_content .tab span.canslien_1 i{
  display: none;
}
.login_content .tab span.canslien i{display:block;position: absolute;width:1px;height:20px;background-color: #ccc;right:0;top:2px;}
.login_content .tab span.canslien_1 .canslien_1er{
  background: url(../../icon/login/portraitprimary.png) no-repeat -4px -2px;
}
.login_content .tab span.tab_cooperation .ioc_Front{
  padding: 5px 12px 5px 20px;
  background: url(../../icon/login/handshake.png) no-repeat 2px 1px;
  margin-left: 7px;
}
.login_content .tab span.current .ioc_Front{
  padding: 1px 12px 5px 20px;
  background: url(../../icon/login/handshake_ok.png) no-repeat 2px 1px;
}
.login_content .tab span.tab_cooperation .ioc_after{
  padding: 5px 2px 5px 20px;
  background: url(../../icon/login/ioctin.png) no-repeat 7px 6px;
}
.fadeInTop1 {
  -webkit-animation: animatename 0.2s;
  animation: animatename 0.2s;
 }
 .fadeInTop2 {
  -webkit-animation: animatename 0.4s;
  animation: animatename 0.4s;
 }
 .fadeInTop3 {
  -webkit-animation: animatename 0.6s;
  animation: animatename 0.6s;
 }
 .fadeInTop4 {
  -webkit-animation: animatename 0.8s;
  animation: animatename 0.8s;
 }

.login_content .info{padding:12px 18px 0; position:relative;}
.login_content .info .error{position:absolute;color:#FF8000;color: var(--themeColor);border:1px solid #f9cfab; display:block; background:#f9d7ba url(../../icon/login/login_sprites.png) no-repeat 0 -115px;width:268px;height:22px;top:3px; padding-left:40px; line-height:24px; overflow:hidden;}
.login_content .info .errorer{position:absolute;color:#FF8000;color: var(--themeColor);border:1px solid #f9cfab; display:block; background:#f9d7ba url(../../icon/login/login_sprites.png) no-repeat 0 -115px;width:268px;height:22px;top:3px; padding-left:40px; line-height:24px; overflow:hidden;}
.login_content .info .errorerEperate{position:absolute;color:#FF8000;color: var(--themeColor);border:1px solid #f9cfab; display:block; background:#f9d7ba url(../../icon/login/login_sprites.png) no-repeat 0 -115px;width:268px;height:22px;top:3px; padding-left:40px; line-height:24px; overflow:hidden;}
.login_content .info .input_bk{height:38px;line-height:38px;border:1px solid #ccc;width:100%}
.login_content .info .clearfix{margin-top:20px}
.login_content .info label{float:left;width:38px;height:38px;background-image:url(../../icon/login/login_sprites.png) ;background-repeat:no-repeat}
.login_content .info label.user{background-position:0 -35px}
.login_content .info label.code{background-position:0 -75px}
.login_content .info .palace{
  background-position: 6px 6px;
  background-image:url(../../icon/login/bj_lsin.png)
}
.login_content .info input{float:left;height:38px;line-height:38px;font-size:12px;color:#333;margin-left:12px;border:0;width:244px!important;}
.login_content .info .input_yan{width:102px!important;float:left}
.login_content .info .input_yan input{width:75px!important;}
.login_content .info .input_dx{ position: relative;}
.login_content .clearfix .butt_message{
  background: #F5F5F5;
  border: 1px solid #D3D3D3;
  width: 128px!important;
  height: 40px;
  color: #999999;
  font-size: 12px;
  -webkit-pointer-events:none;
  -ms-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events:none;
}
.login_content .input_dx .butt_message{position: absolute;right:0;top:7px;width: 90px!important;height:26px;line-height: 26px;background-color:#fff;border-width: 0 0 0 1px;font-size: 14px;color:#FF8000; color: var(--themeColor);}
.login_content .info .input_dx .input_bk input{width:186px!important;margin-left:13px;}
.login_content .clearfix .butt_messageer{
  color: #0b5da2;
  pointer-events: stroke;

}
.login_content .info .fang_yan{float:left;width:110px;height:40px;line-height:40px;text-align:center;margin-left:10px}
.login_content .info a{float:left;}
.login_content .info .btn,.content_lc .btn{
  display: block;
  background: #FF661A;
  background: var(--themeColor);
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  width: 100% !important;
  margin: 122px 0 0;
  font-size: 16px;
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
  letter-spacing: 2px;
}
 .content_lc .btn{
  width:294px !important;
  margin-left: 18px;
  display: inline-block;
  text-align: center;
  margin: 40px 18px;
  border:none;  
}
/*.content_lc .btn:hover{
  color: #fff;
  text-decoration: none;
} */
.login_box .footer{width:100%;height:120px;padding-top:25px;}
.footer .row_box{width:822px;margin:0 auto; position:relative;padding-left:178px; padding-top:15px;}
.footer .row_box .row{float:left;width:410px; border-left:1px solid #ccc;padding-left:25px;}
.footer .row_box .row:first-child{ border:0;width:360px;}
.footer .row_box .row.erwei{ position:absolute;left:0;top:0;border:0;}
.footer .row_box .row h5{font-weight:bold; font-size:12px; float:left; margin-right:20px;}
.footer .row_box .row li{float:left; margin-right:20px;}
.footer .row_box .row.erwei li{width:65px; text-align:center; margin-right:13px;color:#666;}
.footer .row_box .row.erwei img{display:block;width:65px;height:65px; margin-bottom:5px;}
.footer .copyright{color:#666; line-height:20px;padding:8px 0 0 203px;width:797px; margin:0 auto;}
/*控制canvs*/
.login_content .info .fang_yan{
  margin-left: 6px;
  background: #F9F9F9;
  border: 1px solid #E9E9E9;
  letter-spacing: 2px;
  height: 38px;
  line-height: 38px;
  font-family: PingFangSC-Semibold;
  font-size: 18px;
  color: #666666;
  letter-spacing: 0;
}

.header{
    width:100%;
    height:120px;
    background: #fff;
}
.header .home_logo{
    margin-left:8%;
    margin-top:25px;
}
.header .header_right{
    float:right;
    margin-right:8%;
    margin-top:44.5px;
}
.header .home_phone{
    margin-right:10px;
}
.header .header_right p{
    display: inline-block;
}
.header .header_right_phone{
    font-size: 16px;
    color: #666666;
    font-weight: bold;
}
.header .header_right_date{
    font-size: 12px;
    color: #2A2A2A;
}
.header .header_right_online{
    margin-left:55px;
}
.info .helogo{
    margin: 24px 66px;
}
.buttonHuo{
    width: 239px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #FF8000;
    background: var(--themeColor);   
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 1px;
    border-radius: 4px;
}
#buttonHuo:hover{
    color: #fff;
}
.buttonHuo:link {color:#fff;text-decoration:none;}
.buttonHuo:hover {color:#fff; text-decoration:underline;text-decoration:none;}
.buttonQui{
    color: #FF8000;
    color: var(--themeColor);
    background:#fff;
    border: 1px solid #FF8000;
    border: 1px solid var(--themeColor);
}
.buttonQui:hover {
    color:#FF8000;
    color: var(--themeColor);
    text-decoration:underline;
    text-decoration:none;
}
.info .wangj{
    color: #808080;
}
.info .wangjreg{
  color: #FF8000;
  color: var(--themeColor);
}
.info .wangjreg::before{
  font-family: "iconfontxfs" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e647";
  color:#FF8000;
  color: var(--themeColor);
  vertical-align: bottom;
}
.info .wangjreg img{
  float: left;
  margin: 0 3px 0 0;
}
.yun_log{
  background:url(../../icon/login/yuner.png) no-repeat center;
  padding: 12px;
}
.axeYun_log{
  background:url(../../icon/login/axeyuner.png) no-repeat center;
  padding: 17px;
}
.wxinyun_log{
  background:url(../../icon/login/icon_wx.png) no-repeat 0 0;
  width: 19px;
  height: 19px;
  float: left;
  margin: 0 3px 0 0;
}
.yuncai_log{
  background:url(../../icon/login/banlogo.png) no-repeat center;

}
.footer{padding-top:20px;}
.tempWrap li{float: left;width:1000px;position: relative;}
.login_background{height:450px;position: absolute;top:0;width: 100%;left:0;z-index: -1;}
.tempWrap li a{width: 1000px;margin: 0 auto;}