@charset "utf-8";
/* CSS Document */
body,caption,th,h3,h1,h2,h4,h5,h6,h7,ul,li,ol,dl,dt,dd,input,p,td,table{margin:0px; padding:0px;}
caption,th,h3,h1,h2,h4,h5,h6,h7,input{font-weight:lighter;}
fieldset,img {border:0;}
iframe{padding:0px; margin:0px; border:0;}
address,caption,cite,code,dfn,em,strong,small,th,var {font-style:normal;font-weight:normal;}
body, button, input, select, textarea {font:12px/1.5 Arial, Helvetica, sans-serif;color:#474747; font-family:"open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
input,textarea,select {font-family:inherit;font-size:inherit;font-weight:inherit; outline:none;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: block;clear:both;}
.fr{ float:right;}
div{word-break: normal;padding:0; margin:0;}
ol,ul,li{list-style:none; position:relative;}
img{border:0; margin:0px; padding:0px;}
a{color:#474747; text-decoration:none; cursor:pointer; font-weight:lighter; font-size:12px;}
.navitems a:hover {    color: #48609c;}
a:focus {outline:none;}
* html .clearfix {height: 1%;}
body{overflow:hidden;font-size:12px;font-family:"open sans", "Helvetica Neue", Helvetica, Arial, sans-serif}
.loginheader{
 position:absolute;
 top:0;
 width:100%;
 height:72px;
}
.loginmiddle {
    position: absolute;
    top: 75px;
    height: auto;
    bottom: 75px;
    width: 100%;
    background-image: url(../images/bgt.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    text-align: center;
    overflow: hidden;
}
.loginfooter{
 clear:both;
 position:absolute;
 bottom:0;
 width:100%;
 height:72px;
 text-align:center;
 font-size:10pt;
 color:#999;
}.beian{color:#999;font-size:13px;}
.pointerc{cursor:pointer}
.righttopbtn {    position: absolute;    top: 0;    right: 0;    width: 59px;    height: 59px;cursor: pointer;}
.ercodelogin{background: url(../images/qrcodelogin.png);}.pwdlogin{background: url(../images/pwdlogin.png);}
.caiptaltip{padding:2px 0;margin:-12px 0 6px 0; display:none;color:#ff6a00}.ercodediv{display:inline-block;margin:4px}.ercodecontainer{margin:16px 0;display:none}
.headimg{margin:12px 0 0 120px;}.ercodeimg{vertical-align: bottom;width:129px;height:129px}
.sloganimg{margin:160px;}
.rightarea{margin-left:60%;top: 50%;    position: relative;opacity:.9; transform: translateY(-50%);}
.loginarea{background-color:#fff;text-align:center;position:relative;width:380px;border:1px solid #ededed;border-radius:10px;padding:30px 20px 60px}
.logintitlearea{margin:20px 30px 30px}
.logintitle{font-size:16pt;color:#333;margin-bottom:10px}
.loginlan {    position: absolute;    right: 8px;    bottom: 4px;}
.pusername{margin:10px 0 20px 0}
.spanusername{font-size:12pt;color:#666;margin-right:16px;}
.smsbtn{border: 1px solid #3f6dca; color: #fff; padding: 4px; font-size: 14px; background: #3f6dca; margin-left: 4px; width: 106px; }
.ppwd{margin:10px 0}
.spanpwd{font-size:12pt;color:#666;margin-right:18px;}
#pyzm{display: none;text-align:left}
#yzm {    width: 60px;    margin: 0 0 20px 30px;    vertical-align: middle;    height: 25px;    border: solid 1px #bbb;    padding-left: 4px;}
.vercodeimg{height: 26px;}
.error-inf{ text-align:center;margin:8px 0; color:#D20C8A; }
.load{ display:none;text-align:center;margin-top:10px;}
.loadimg{width:32px;height:32px}
.login-btn{margin: 60px 10px 0 9px;padding:8px 0;border-width:1px;border-color:#fff;background-color: #3f6dca;color:#fff;width:322px;font-size:16px}
a{text-decoration: none;}
.lblrmb{font-size:9pt;color:#999;margin-left:4px;}
.armb{font-size:9pt;color:#419deb;margin-left:176px}
.cmydiv{margin-top:10px}
.account {background: #fff url(../images/icon-2.png) no-repeat 10px;}
.pwd {background: #fff url(../images/icon-3.png) no-repeat 10px;}
.login-input {    border-style: solid ;border-width:0 0 1px 0;border-color: #ddd;    height: 40px;    line-height: 40px;    margin: 0 0 20px 0;    outline: none;    padding-left: 40px;    color: black;    width: 280px;    font-size: 14px;}
 /*main page*/
.head{background:#ffffff; height:68px;}
.header{ background-color:#48609c; height:48px; line-height:48px; overflow:hidden;}
.header-logo{ padding:6px 20px 6px 14px;min-width: 151px;    text-align: center;}
.header-right{ position:absolute;right:16px;}
.newsdiv{text-align:center;width:30%;vertical-align:middle;float: right;margin-right: 40%;color: #fff;font-size: 12pt;}
.notvisible{visibility:hidden}
.visible{visibility:visible;}
.fonticoncolor{color:#e1edf8;}
a.fonticoncolor:hover{color:#fff}
.asearchicon{position:absolute;right:110px;color:#e1edf8;z-index: 10;}
.appdiv {
    border: solid 1px #ccc;
    padding: 16px 8px 10px 8px;
    background: #fff;
    text-align: center;
    color: #666;
    display:none;
    margin-top:-2px
}
.appdiv div{margin-top:-36px}
#ai:hover+ .appdiv{display:block}
.app{position:absolute;right:48px;z-index: 10;color:#e1edf8;text-align:right}
.role{display:none;min-width:80px;text-align:center;}
.person-inf { margin-left:10px;vertical-align:top}
.person {
    position: absolute;
    right: 140px;
    color: #e1edf8;
    font-size: 13pt;
    z-index: 10;
}
.callcenterd {
    font-size: 11pt;
    margin: 8px;
    font-weight: bold;
    border-radius: 28px;
    padding: 10px 16px;
    border: 1px solid #5bd45b;
}
.callcenterd:hover{background:#5bd45b;color:#fff;}
.callservice {
    background: #fff;
    margin-top: -10px;
}.callservice li {
    line-height: 28px;
    padding-left: 4px;
}
 .callserviceoff{color:#999!important}
.callservice li:hover {    background:#48609c;}
.callservice li:hover a {color:#fff;}
.callcenter {
    position: absolute;
    right: 144px;
    z-index: 10;
}
.oncallcenter{right:178px!important;}
.onserach{right:326px!important;}
.onserach2{right:360px!important;}
.homeserach {
    position: absolute;line-height:28px;background:#fff;
    right: 110px;
    z-index: 10;
    top: 9px;
}
.mainkw {
    margin-top: -3px !important;
    position: relative;
    vertical-align: text-top;
    border-width: 0;
    font-size: 12px;
    height: 20px;
    width: 140px !important;
    color: #182437;
}
.searchresult {
    min-height: 40px;
    max-height: 450px;
    overflow: auto;
    min-width: 180px;
    max-width: 660px;
    background: #fff;
    margin: 48px 0 0 0;
    padding: 8px;
    position: absolute;
    right: 110px;
    font-size: 13pt;
    z-index: 10;
}
.searchli {
    padding: 6px 4px;
    font-size: 9pt;
    line-height: normal;
    color: #999;
}
.searchlidata {
    padding: 10px 4px ;
    font-size: 9pt;
    line-height: normal;
    color: #666;
}
.searchclear {
    margin-right: 4px;
    float: right;
    line-height: 28px;
}
.searchli:hover{background:#ddd;}
.searchlihead {
    color: #48609c;
    font-size: 10pt;
    line-height: normal;
    padding: 4px;
}
.searchli:hover a,.searchlidata:hover span{font-weight:400;color:#333;}
.searchresultspan {
        font-size: 8pt;
        float: right;
    }
.indicator {
    position: absolute;
    top:-2px;
    right: 80px;
    z-index: 100;
    color: #e1edf8;
    text-align: right;
}
.xhd {
    width: 10px;
    height: 10px;
    position: absolute;
    border-radius: 50%;
    top: 14px;
    right: -2px;
    z-index: 100;
    display:none;
}
.redxhd{background:red}.orangexhd{background:orange}
.indicatordiv {
    background: #48609c;
    padding: 0 10px;
    display:none;
}
.indicator:hover .indicatordiv{display:block}
.personbc{background-color:#48609c;}
.infshow{ display:none;}
.infshow li,.role li{ height:24px; line-height:24px;}
.infshow li a,.role li a{ display:block; padding:0 6px;color:#fff;font-size:10pt;}
.infshow li a:hover,.role li a:hover{ background:#e7ebee; color:#1c84ba;}
.switchicon{color:#fff;font-size:10px}.sdi{color:#48609c}div[role=tabpanel]{border-width:1px 0 0 0!important}.menupanel{background:#f9fafc}
#navigateBar {position:absolute;left:200px;}
#navigateBar li.fr:hover ul{display:block}
    .libar {
        border-right: 1px solid #596c9b;
        padding: 0 16px;
        display: inline-block;
        min-width: 60px;
        text-align: center;
        line-height: 42px;
    }
    .libarselected, .libar:hover {
        border-bottom: 2px solid #13e785;
    }
 .libar:hover a{display:inline-block;}.barclose{right:4px;position:absolute;}
.dropdown-menu {
    position: absolute;
    top: 30px;
    left: auto;
    right:0;
    z-index: 10;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 12px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 3px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    background-clip: padding-box;
}
.dropdown-menu li{padding:0 10px;line-height:22px;cursor:pointer;}.dropdown-menu li:hover{background:#ccc} .dropdown-menu a,.dropdown-menu span{color:#333;}.dropdown-menu li:hover a{display:inline-block;font-weight:bolder}
.navitems{ height:100%;}.navlist{padding:3px 0}
.navitems .navlist a:hover{ border-style:solid;border-width:0 0 0 5px;border-color:#48609c;background:#d0d6e5}
.navtitle{display:block; font-size:14px; height:40px; line-height:40px; overflow:hidden;color:#555;font-weight:400;cursor:pointer}
.navitems .navlist-items{ line-height:26px;}
.navitems .navlist-items ul li{ line-height:28px; display:block; overflow:hidden;white-space:nowrap; }
.navitems .navlist-items ul li a{display:block;}
.shownav:hover{ padding-left:48px}
.child-one:hover{padding-left:31px}
.navitems .navlist a:hover .navitems-span {padding-left:3px}
.aimg{ background:url(../images/menudot.png) no-repeat;width:5px; height:8px;  display:inline-block;}
.child-one{ font-size:9.5pt;color:#666;font-weight:400;cursor:pointer;height:32px;padding:4px 0 4px 36px}.nochildren{padding:4px 0 4px 48px}.nochildren:hover{padding-left:43px}
.child-two{ display:none;}
.navlist-items ul .child-one:hover>span{ color:#48609c }
.navitems-span{margin:10px 2px;padding:4px 0 4px 8px}
.navitems .navtitle .nav{vertical-align: middle; display:inline-block; width:28px;height:24px; margin:10px 10px;}
.shownav{ cursor:pointer;color:#666;font-size:9.5pt;font-weight:400;white-space:nowrap;height:30px;padding:4px 0 0 53px;}
.right{ overflow-y:auto;}
.mbj{position:fixed;left:0;top:0;z-index:99;opacity:.6;background:#000;width:3000px;height:2000px;overflow:hidden;display:none}
.k-notification {border: 0;}
.k-notification-info.k-group {background: rgba(0%,0%,0%,.7);color: #fff;}
.notify {width: 300px;min-height: 100px;}.notify p{ margin: 0 8px 8px 0;      white-space: pre-wrap;    word-wrap: break-word;}
.notify .k-icon {float: left;margin: 20px;}
.notify h3 {padding:20px 0 10px 0;overflow: hidden;    margin-right: 8px;}
.k-notification-customnotify.k-group {text-align:center; background: rgba(0%,0%,0%,.7); color: #fff; }
.customnotify {background:#48609c;   color:#fff;                 width: 240px;                    height: 100px;                    padding: 0 30px;                    line-height: 30px;               }
.customnotify h3 {                    font-size: 1.7em;                    font-weight: normal;                    display: inline-block;                    vertical-align: middle;                }
.margint{margin:8px 0}
.circle{
    width:20px;
    height:20px;
    border-radius:15px;
    border:0;
    margin:10px 0 0 0;
}
.nums {
    color: #fff;
    text-align: center;
    font-size: 9pt;
    font-family:Verdana;
    position: absolute;
    z-index: 2;
    top:-4px; 
}
.nums1{left:6px;}
.nums2{left:2px;}

.icon2 {
    background-color: transparent;
    background-repeat: no-repeat;
    margin-top: -4px;
    margin-left: -12px;
    position: absolute;
}
.desk-icon {
    margin:0 10px;
}
.pullImage {
    width: 40px;
    height: 40px;
    border-radius: 4em;
    border: 1px solid transparent;
    margin-top:3px;
}
.im {
    position: absolute;
    z-index: 1000;
    right: 50px;
    bottom: 50px;
    border: 1px solid #ccc;
    border-radius: 50%;
    width: 30px;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
    margin: auto;
}
.imnum {
    margin-top: -38px;margin-left:16px;
    display: none;
}
.imnum2 {
    background-color: #ec1e35;
    min-width: 12px;
    line-height: 20px;
    border-radius: 15px;
    padding: 0 4px;
    color: #fff;
    text-align: center;
}
.imimgviewtip {
    color: #fff;
    background: #30282d;
    position: absolute;
    left: 50%;
    top: 56%;
    padding: 4px 8px;
    border-radius: 18px;
    display: none;
    margin-left: -36px;
}
.image-viewer-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 20000;
    display: none;overflow:auto;text-align:center;
}
.image-viewer-container .image-viewer-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 32px;
    height: 32px;
    margin: -16px 0 0 -16px;
    background: url(../im/images/app-loading.gif) center center no-repeat;
    background-size: 32px;
}
.image-viewer-container .viewer-close {
    width: 42px;
    height: 42px;
    border-radius: 21px;
    background: url(../im/images/viewer-close.svg) center center no-repeat;
    background-size: 42px;
    position: fixed;
    top: 5px;
    right: 5px;
    z-index: 1;
    cursor:pointer;
    border:none;
}
.image-viewer-container .viewer-toolbar {
        width: 280px;
        height: 55px;
        background-color: rgba(0, 0, 0, 0.85);
        border-radius: 30px;
        position: fixed;
        bottom: 90px;
        left: 50%;
        margin-left: -140px;
    }
.image-viewer-container .viewer-toolbar .viewer-prev {
    left: 22px;
    background: url(../im/images/prev-normal.svg) center center no-repeat;
    background-size: 26px;
}
.image-viewer-container .viewer-toolbar .viewer-zoom-in {
    left: 92px;
    background: url(../im/images/zoom-in-normal.svg) center center no-repeat;
    background-size: 26px;
}
.image-viewer-container .viewer-toolbar .viewer-zoom-out {
    left: 166px;
    background: url(../im/images/zoom-out-normal.svg) center center no-repeat;
    background-size: 26px;
}
.image-viewer-container .viewer-toolbar .viewer-next {
    right: 22px;
    background: url(../im/images/next-normal.svg) center center no-repeat;
    background-size: 26px;
}
.image-viewer-container .viewer-toolbar button {
    background: #fff;
    border: none;
    width: 26px;
    height: 26px;
    display: block;
    position: absolute;
    top: 15px;
    right: 92px;
}
.image-viewer-container .viewer-toolbar button:focus{border:none;outline:none;}