/************************************reset********************************/

root {display: block;}
html, body, div, label, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, p, blockquote, th, td ,img,textarea{border: 0px;margin: 0px;outline: 0px;padding: 0px;}
fieldset, img { border: 0; }
img { display:inline-block; }
:focus { outline: 0; }
li {display: list-item;text-align: -webkit-match-parent;}
em, i, u {font-style: normal;}
h1, h2, h3, h4, h5, h6 {font-weight: normal; }
abbr, acronym { border: 0; font-variant: normal; }
input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }
code, kbd, samp, tt { font-size:100%; }
input, button, textarea, select { *font-size: 100%;font-family2:"Microsoft YaHei";}
ol, ul { list-style: none outside none; }
table { border-collapse: collapse; border-spacing: 0;}
caption, th { text-align: left; }
:link, :visited, ins { text-decoration: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/************************************body********************************/
html{}
body{ padding-bottom: 0;background-color: #efefef;min-height: 100%;font-family:  Arial,"PingFang SC", Helvetica, sans-serif ;font-size: 14px;color: #000;line-height: 1.5; background-position:center top; background-repeat:no-repeat;}
a{ color: #266aa9} 
a:hover{ text-decoration:underline; color: #62A0DB} 

.row{margin-right:0px; margin-left: 0px;}
.margin-top{ margin-top:10px}
.r_f{ float:right}
.l_f{ float:left}
.mleft{ margin-left:10px;}
.margin{ margin:15px;}
.taleft{ text-align:left}
.tacenter{ text-align:center}
.taright{ text-align:right}
.border{ border:1px solid #ddd; padding:10px; height:60px; line-height:36px; margin-bottom:20px; }
.border span{ display:block; height:100%;}
.alert{ margin-top:20px;}
.clearfix:after{display: block;content: ".";	height: 0;	visibility: hidden;	clear: both;font-size: 0;line-height: 0;}
.clear{ clear:both;display: block;height: 0;font-size: 0;line-height: 0; overflow:hidden}
.blk{ clear:both;display: block;height: 12px;font-size: 0;line-height: 0; overflow:hidden}

.maudit{ color:green}
.mnoaudit{ color:red}

.page-content { background: #fff;margin: 0;padding:0px 15px;}
.relative{ position:relative}

/************************************topnav********************************/
.topnav{width:100%;  background:#25598b;  height: 45px;    overflow: hidden; }
.portal .topnav{display:none}
.navmenu{width:1300px; height: 45px; margin:0 auto; line-height:42px; position:relative;}
.navmenu ul{ float:right; }
.navmenu ul li{ float:left;  padding:0 18px }
.navmenu ul li a{height: 42px; line-height:42px;padding:0 5px; text-align:center; color: #fff; font-size:18px; display:block;}
.navmenu ul:hover a{ }
.navmenu ul:hover a:hover{ border-bottom:3px solid #fff; text-decoration:none;}
.navmenu ul a.on{ border-bottom:3px solid #2163ad} 
.navmenu ul li.on  a{border-bottom:3px solid #fff;}
.topnav .nav{ position:absolute;left:20px;top:0; font-size:16px;color: #fff;}  
.topnav .nav a{ color: #fff;height:40px; line-height:40px; padding-bottom:2px; } 
.topnav .nav a:hover{ text-decoration:none; border-bottom:1px solid #fff; color: #fff} 
.topnav .nav .logout{ margin-left:12px;}

/************************************header********************************/
.header {background: #edf8ff;height:100px; overflow:hidden; position:relative;width:100%;margin:0 auto; z-index:123; left:0; top:0;}
.portal .header {background: none;height:80px; background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));background-image: linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));background-repeat: repeat-x;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(0, 0, 0, 0.5)', endColorstr='rgba(0, 0, 0, 0)', GradientType=1);}
.header .container{margin: auto; display:block; width:1200px;height:80px; position:relative;}
.header .logo {margin: auto; display:block; width:480px; text-align:center;height:90px;background: url(../images/home/logo-blue.png) no-repeat 0px center;float: left;}
.portal .header .logo { height:70px;background: url(../images/home/logo.png) no-repeat 0px center;}
.header .container .nav{ margin-top:20px; margin-right:20px; float:right; font-size:16px;color: #fff; display:none;} 
.portal .header .container .nav{display:block;}
.header .container .nav a{ color: #fff;height:40px; line-height:40px; padding-bottom:2px; } 
.header .container .nav a:hover{ text-decoration:none; border-bottom:1px solid #fff; color: #fff} 
.header .container .nav .logout{ margin-left:12px;}
.header .container .nav .nav-login{  margin-left:12px;}
.header .container .nav .nav-login i{display:none;}
.header .container .nav .nav-personal{margin-left:20px;}

.header .search{  height:42px; position:absolute; text-align:left; top:25px; right:0; border:1px solid #25598b; background:#fff; border-radius:5px; overflow:hidden;}
.portal .header .search{display:none}
.header .search #keyword{ padding:0;height:42px;line-height:42px; width:340px; background:#fff;padding-left:10px; border:0;vertical-align:middle }
 

.header .search #keyword::-webkit-search-cancel-button:hover{background-position:-212px 0}
.header .search input[type="submit"]{width:60px;height: 42px; background:url(../images/home/ico-search.png) no-repeat  center center #25598b; border:0;vertical-align:middle; cursor:pointer }

.psearch{ padding-bottom:15px; line-height:35px;}

/************************************menu********************************/
.banner{background: url(../images/main/bg_banner.jpg) no-repeat center center #62a0db;width: 100%; height:150px; overflow: hidden;  z-index:2;}

.menu{width:450px; float:left; height: 40px; margin:0 auto;margin-top:20px; line-height:40px; position:relative; display:none;}
.portal .menu{display:block;}
.menu ul{width:450px; }
.menu ul li{ float:left;  padding:0 18px }
.menu ul li a{height: 40px; line-height:40px;padding:0 5px; text-align:center; color: #fff; font-size:18px; display:block;}
.menu ul:hover a{ }
.menu ul:hover a:hover{ border-bottom:5px solid #fff; text-decoration:none;}
.menu ul a.on{ border-bottom:5px solid #ffa200} 
.menu ul li.on  a{border-bottom:5px solid #fff;}


.portal .header.scroll {
    position: fixed;height:60px;
    top: 0; 
    z-index: 10000;
    background:#25598b;
}
.portal .header.scroll  .container{height:60px;}
.portal .header.scroll .logo {height:60px;}
.portal .header.scroll .menu{margin-top:10px;}
.portal .header.scroll .container .nav{margin-top:10px;}

/************************************slides********************************/
#slides,
.slides_container,
.slides_container img{width: 1200px;height: 250px;}
#slides {margin: 0px auto;position: relative;z-index: 9;}
.slides_container {overflow: hidden;position: relative;z-index: 100;} 
#slides .next,#slides .prev{ display:none}  
#slides .pagination{margin:0px auto;bottom:5px;position:absolute;z-index:102;right:18px; }
#slides .pagination li{float:left;margin:0 1px;}
#slides .pagination li a{display:block;width:15px;height:0;padding-top:15px;background-image:url(/Scripts/slides/pagination.png);background-position:0 -2px;float:left;overflow:hidden;}
#slides .pagination li a:hover{background-position:0 -17px;}
#slides .pagination li.current a{background-position:0 -32px;}

/************************************mcontent********************************/
.main{}
.Personal .main{ margin:10px 0 20px;}
.Personal .blk{ height:15px;}
.main .container{}
.wrapper{display:block;width: 1200px;margin: 0px auto;}
.wrapper.word{height: 160px;padding: 40px 0 80px; position:relative;}
.wrapper.search{height: 54px; position:relative;}
.wrapper .search-box{ width: 720px;margin: 0px auto; padding-top:60px;}
.search-box .search-keyword {
    float: left;
    width: 600px;
    height: 54px;
    padding: 5px 20px;
    box-sizing: border-box;
    font-size: 18px;
    color: #fff;
    border: none;
    outline: none;
    background: rgba(255, 255, 255, .5); 
}
.search-box .search-keyword:-ms-input-placeholder {
    color: #fff;
}

.search-box .search-keyword::-moz-placeholder {
    color: #fff;
}
.search-box .search-keyword:-moz-placeholder {
    color: #fff;
}

.search-box .search-keyword::-webkit-input-placeholder {
    color: #fff;
}

.search-box .search-btn {
    float: left;
    width: 120px;
    height: 54px;
    font-size: 20px;
    color: #fff;
    border: none;
    background: #2163ad;
    cursor: pointer; 
}
.search-box .search-btn:hover {}

.wrapper.nav{padding:20px 0;}
.wrapper.nav ul{height: 125px;  display: flex;justify-content: space-between;}
.wrapper.nav ul li {flex: 1;margin-right: 20px;}
.wrapper.nav ul li:last-child{margin-right: 0;}
.wrapper.nav ul li img{box-shadow: 0 0 8px 0 rgba(0,0,0,0.2); border-radius:5px;}
.wrapper.nav ul li img:hover{box-shadow: 0 0 8px 0 rgba(255,255,255,0.2); border-radius:5px;}

.wrapper.link{margin:20px auto 40px;  padding:30px 0;background-color: rgba(0, 0, 0, 0.3); background-color: rgba(37, 89, 139, 0.7);border-radius:5px; }
.wrapper.link ul{ display: flex;justify-content: space-between;}    
.wrapper.link ul li {flex: 1; text-align:center;}
.wrapper.link ul li img{ width:55px; height:55px;}
.wrapper.link ul li span{ display:block; color:#fff; line-height:30px;}


.main .container.bg-white{ background:#fff;}
.main .container.bg-grey{ background:#f7f7f7;}

 
/************************************mcontent********************************/

.Contents{width: 1200px;margin: 0px auto 14px; padding:70px 0 0; }

.serviceContent{background:#f8f8f8;}

.Main{/*background:url(../images/home/bg_service.jpg) center top no-repeat;*/ padding:20px  0 }
.Service .Main{background:url(../images/home/bg_service.jpg) center top no-repeat; }
.Main .container{margin:auto; width: 1170px;padding:12px 15px;background: rgba(255, 255, 255, 0.9);}

.pageMain{ position:relative;width: 1170px;padding:12px 15px;background:#fff; border-bottom:3px solid #d8d8d8\9;_border-bottom:3px solid #d8d8d8;*border-bottom:3px solid #d8d8d8;border-bottom:0px solid #d8d8d8\9\0; -webkit-box-shadow: 0 3px 4px rgba(0,0,0,.28);box-shadow: 0 3px 4px rgba(0,0,0,.28);}
.pageMain .pageLeft{ position:absolute; left:5px; top:10px;  display:block; overflow:auto; width:180px;  line-height:21px; background:#fff}
.pageMain .pageContent{margin:0; margin-left:190px;width: 960px;}

.Contents .cl{ float:left; width:595px}
.Contents .cr{ float:right; width:595px}

.Contents .cl2{ float:left; width:393px; margin-right:10px;width:595px; height:160px}
.Contents .cr2{ float:right; width:393px;width:595px; height:160px}
.Contents .cl2 .panel dd,
.Contents .cr2 .panel dd{height:100px}
/*.mcontent .nav{ position:relative;height:40px;border-bottom:1px solid #eee; margin-bottom:15px;}
.mcontent .nav .title{ color:#266aa9; font-weight:bolder; line-height:38px; display:block; font-size:18px; border-bottom:2px solid #266caa; padding:0 6px 0 2px; position:absolute} */
.Contents .nav{ font-size:20px; color:#000;}
.Contents .nav .title{ font:inherit}

/*tagHeader*/
.tagHeader{height:36px;  z-index:999;}
.tagHeader ul{border-bottom: 1px solid #eee;height: 32px;}
.tagHeader ul li{ float:left; height:30px; line-height:30px; color:#62a0db; text-align:center; padding:0; margin:0 15px 0 0;font-weight:bolder}
.tagHeader ul li.on,
.tagHeader ul li:hover{ background:#fff; border-bottom:3px solid #62a0db;padding-top:0px;  }
.tagHeader ul li a{ color:#000;}
.tagHeader ul li.on a{ color:#62a0db;}
.tagHeader ul li a:hover{ text-decoration:none}

.alert{}
.alert-danger{}
/*toptool*/
.toptool{ position:relative; margin:0px 0 12px}
.panelTitle{ color:#000; height:40px; line-height:25px;  font-size:20px;}
/*panelBar*/
.panelBar{ right:0; top:0;height:35px; }
.panelBar ul{}.panelBar li{float:left;display:block; overflow:hidden;height:30px; margin-right:10px}

.panelBar li.line{ display:none;}
.panelBar li.search{ display:none;}

.panelBar li a{display:block;padding:0 18px; background:#62a0db;border-radius: 5px; }
.panelBar li a:hover{ background:#92bfea; text-decoration:none}
.panelBar li a span{display:block;overflow:hidden;height:30px;padding:0;line-height:30px;cursor:pointer; color:#fff}
/*new toolBar button 13-02-01*/
.panelBar .toolBar a.add{background:#51cf4b;}
.panelBar .toolBar a.add:hover{background:#68db62;}
.panelBar .toolBar a.file,
.panelBar .toolBar a.sign,
.panelBar .toolBar a.submit{background:#51cf4b;background:#06cd6a;}
.panelBar .toolBar a.file:hover,
.panelBar .toolBar a.sign:hover,
.panelBar .toolBar a.submit:hover{background:#00a56f;background:#68db62;}
.panelBar .toolBar a.delete,
.panelBar .toolBar a.del{background:#ea4e4e;}
.panelBar .toolBar a.delete:hover,
.panelBar .toolBar a.del:hover{background:#f27d7d;}
.panelBar .toolBar a.edit{background:#eaaa4e;}.panelBar .toolBar a.edit:hover{background:#f1bc70;}
.panelBar .toolBar a.refresh{background:#7e92a5;}.panelBar .toolBar a.refresh:hover{background:#a8b2bc;}
.panelBar .toolBar a.back,
.panelBar .toolBar a.csign{background:#e8ae30;background:#ffba08;} 
.panelBar .toolBar a.back:hover,
.panelBar .toolBar a.csign:hover{background:#de9a08;} 

.panelBar .toolBar a.print{}  
.panelBar .toolBar a.print:hover{}

.panelBar .toolBar a.word{background:rgb(11,63,145);}  
.panelBar .toolBar a.word:hover{background:rgb(43,87,154);background:rgb(43,124,211);}

.panelBar .toolBar a.pdf{background:rgb(160,30,44);background:rgb(229,39,39);}  
.panelBar .toolBar a.pdf:hover{background:rgb(251,47,0);}

.panelBar .toolBar a.print{background:#fcfcfc; border:1px solid #888; color:#222; cursor:pointer; }  
.panelBar li a.print span{color:#444; height:28px; line-height:28px;}
.panelBar .toolBar a.print:hover{background:#fff; border:1px solid #666;}
.panelBar li a.print:hover span{color:#222;}

.panelBar2{ padding-top:8px}

/*serviceSearch*/ 
.serviceSearch{ padding:5px; text-align:right; position:absolute;right:25px; top:20px;}
.serviceSearch .sformBox input{ border:1px solid #ccc; padding:0 8px; height:36px;line-height:36px; width:240px; margin-right:2px;}
.serviceSearch .sformBox button{ margin:0 5px; border:0; height:38px; line-height:36px;background:#25598b; width:60px; color:#fff; cursor:pointer; font-size:15px;}
.serviceSearch .sformBox #serviceResetBtn{ background:#aaa; display:none;}
/*serviceLabel*/ 
.serviceLabel{ padding:8px 5px 5px;}
.draft .serviceLabel,
.done .serviceLabel,
.file .serviceLabel,
.trace .serviceLabel,
.bedoing .serviceLabel{ display:none}
.serviceLabel div{ clear:both; position:relative; margin-bottom:8px;}
.serviceLabel label{color:#222; position:absolute; top:0; left:0; height:28px; line-height:28px;width:80px; font-size:16px;}
.serviceLabel ul{ margin-left:82px;}
.serviceLabel ul li{*display:block; *float:left;}
.serviceLabel ul li{ display:inline-block; height:28px; line-height:28px;  margin:1px 3px;}
.serviceLabel ul li a{ display:inline-block; height:28px; line-height:28px; padding:0 7px;border-radius: 5px; font-size:16px; text-decoration:none;color: #000;}
.serviceLabel ul li .on,.serviceLabel ul li .active,.serviceLabel ul li a:hover{background:#62a0db;color:#fff; cursor:pointer}
.serviceLabel ul li a:hover{background: rgba(98, 160, 219, .6);background:#62a0db;color:#fff; cursor:pointer}
.serviceLabel ul li.active a{color:#fff;}
.serviceLabel ul li em{color:#666;}
.serviceLabel ul li .on em,.serviceLabel ul li .active em,.serviceLabel ul li a:hover em{background:#62a0db;color:#fff; cursor:pointer}

.serviceLabel #starget{ border-bottom:1px solid #eee; padding-bottom:5px;} 
.serviceLabel #stype{ border-bottom:1px solid #eee; padding-bottom:5px;} 
.serviceLabel #sdept{ border-bottom:1px solid #eee; padding-bottom:5px;} 
.serviceLabel #sway{ border-bottom:1px solid #eee; padding-bottom:5px;} 

/*serviceList*/ 
.serviceList{padding:0 0px; margin-right:60px; margin:auto; width:1200px; }
.serviceList .h4{ clear:both; display:block; margin-top:10px; padding-left:8px; color:#666; font-weight:normal; font-size:16px;}
.serviceList ul{ clear:both; margin-bottom:20px; overflow:hidden;height:1%;}
.serviceList ul li{ float:left; width:280px; height:120px; margin:10px 7px; padding: 0;background: #fff;border: 1px solid #d8d8d8;} 
.serviceList ul li:hover{ box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);transition: all 0.2s; cursor:pointer}
.serviceList ul li a{color:#000; text-decoration:none; padding:0 0px; display:block;position:relative;} 
.serviceList ul li .sdept{ margin:0; padding:0 15px; font-size:16px; font-weight:normal; overflow:hidden; text-overflow: ellipsis;white-space: nowrap;height:40px; line-height:40px;border-bottom: 1px solid #d8d8d8;} 
.serviceList ul .simg{  position:absolute; left:8px; top:48px; text-align:center; width:80px; }
.serviceList ul img{ width:60px;height:60px;}
.serviceList ul .scont{ margin-left:92px; margin-right:10px; padding-top:18px;}
.serviceList ul li h3{ margin:0; padding:0; font-size:14px; width:100%; font-weight:normal; height:24px; line-height:24px;} 
.serviceList ul li span{ display:block; line-height:20px;}
.serviceList ul li .desc{overflow:hidden;line-height:22px; text-overflow: ellipsis;white-space: nowrap; color:#b0b0b0;}
.serviceList ul li .star{ margin-top:5px; background: url(../images/main/ico_star.png) repeat-x 0 -18px; height:16px; width:80px;overflow:hidden; display:none }
.serviceList ul li .star span{background: url(../images/main/ico_star.png) repeat-x 0 0; height:16px; }
.serviceList .none{height:120px; margin:10px 0 20px; padding-top:280px; text-align:center;background: url(../images/home/emptys.png) no-repeat center #fff; background-size:150px; color:#888}


.serviceDetail{padding:0 0px; height:400px; margin:10px auto 20px; width:1200px; } 
.serviceDetail .none{height:120px; margin:10px 0 20px; padding-top:280px; text-align:center;background: url(../images/home/empty.png) no-repeat center #fff; background-size:150px; color:#888}

/*panel*/ 
.panel { clear:both; padding: 12px 15px;background: #fff;/*border-bottom: 3px solid #d8d8d8\9;_border-bottom: 3px solid #d8d8d8;border-bottom: 0px solid #d8d8d8\9\0;-webkit-box-shadow: 0 3px 4px rgba(0,0,0,.28);box-shadow: 0 3px 4px rgba(0,0,0,.28);*/}
.panel dt{color: #000;height: 40px;}
.panel dt h2{line-height: 25px;font-size: 20px;}
.panel dt span{ display:block; font-family:Arial; color:#b9b9b9; font-weight:normal; font-size:14px; line-height:20px;}
.panel dd{ height:220px; overflow:hidden;}
/*ul.img*/   
.panel dd ul.img {padding:20px 0 0; }
.panel dd ul.img li{  float:left;width:271px;padding:3px; height:88px;*height:80px;height:80px\0;  margin:0 5px 0 0 ; position:relative; }
.panel dd ul.img a{ display:block; height:70px; height:64px; padding:6px; color:#000; text-decoration:none; cursor:pointer }
.panel dd ul.img a:hover2{ border/*\**/:2px solid #f4f4f4 \9;border:2px solid #f4f4f4\0;border:0px solid #fff\9\0}
.panel dd ul.img a:hover{ *border:2px solid #f4f4f4;border:2px solid #f4f4f4\0;}
@media all and (min-width:0px){ .panel dd ul.img a:hover{border:0px solid #fff\0;} }
.panel dd ul.img a:hover{ -webkit-box-shadow: 0 0 10px rgba(0,0,0,.1);box-shadow: 0 0 10px rgba(0,0,0,.18);}
.panel dd ul.img .simg{  position:absolute; left:2px; top:10px; text-align:center; width:80px; }
.panel dd ul.img img{ width:64px;height:64px;}
.panel dd ul.img .scont{ margin-left:75px; margin-right:2px; padding-top:10px;}
.panel dd ul.img li h3{ margin:0; padding:0; font-size:14px; width:100%; font-weight:normal; overflow:hidden; text-overflow: ellipsis;white-space: nowrap;height:24px; line-height:24px;} 
.panel dd ul.img li span{ display:block; line-height:20px;}
.panel dd ul.img li .desc{overflow:hidden;line-height:18px; text-overflow: ellipsis;white-space: nowrap; color:#b0b0b0;}
.panel dd ul.img li .star{ margin-top:5px; background: url(../images/main/ico_star.png) repeat-x 0 -18px; height:16px; width:80px;overflow:hidden; display:none  }
.panel dd ul.img li .star span{background: url(../images/main/ico_star.png) repeat-x 0 0; height:16px; }

/*热门服务*/ 
.panel dd ul.img.PopularService li.sli-3,.panel dd ul.img.PopularService li.sli-7{ margin-left:40px;}

/*ul.txt*/   
.panel dd ul.txt{padding:8px 0 0 2px; } 
.panel dd ul.txt li{  float:left;width:49%;height:28px; line-height:28px;*height:20px;height:24px\0; *line-height:20px;line-height:24px\0;  margin:0 0 0 0; padding:0;  position:relative}
.panel dd ul.txt li a{ color:#000;}
.panel dd ul.txt li a:hover{ text-decoration:underline; color: #2163ad} 
.panel dd ul.txt li h3{ margin:0; padding:0; font-size:15px; width:100%; font-weight:normal; overflow:hidden; text-overflow: ellipsis;white-space: nowrap;}  
/*.list*/ 
.panel dd ul.list {padding:10px 0 0; }
.panel dd ul.list li{ float:none; clear:both; width:100%;height:24px; line-height:24px;*height:22px;height:22px\0; *line-height:22px;line-height:22px\0;   position:relative}
.panel dd ul.list li a{ color:#000;font-size:14px;}
.panel dd ul.list li a:hover{ text-decoration:underline; color: #2163ad} 
.panel dd ul.list li span{ display:block; line-height:24px;}
.panel dd ul.list li span.title{  margin-right:80px;overflow:hidden; text-overflow: ellipsis;white-space: nowrap;}
.panel dd ul.list li span.date{ position:absolute; right:0; top:0; text-align:right;color:#aaa}
.panel dd ul.list li span.hotTrue{ color:#f00}
 
/*table*/ 
.table{ width:100%; border:1px solid #c8c8c8; border-collapse:collapse}
.table th,
.table td{border:1px solid #c8c8c8; padding:7px 3px; text-align:center }
.table thead,
.table .head{ background-color:#d1e6f9; color:#333} 
.table tbody tr,
.table .tbody{background:#fff;} 
.table tr.alt { background:#e6f3fc;}  
.table tr.over {background:#d1e6f9;}  
.table td.none{background:#eee; color:#666} 
.table .btn{float:left;position:relative;left:50%}
.table .btn a{ float:left;position:relative;left:-50%; padding:0 12px; line-height:25px; display:block; text-align:center; color:#fff; margin:0 6px;background:#62a0db; }
.table .btn-min a{padding:0 5px;margin:0 3px;} 
.table .btn a:hover{ background:#397ab9; text-decoration:none}
.table a.delete{background:#ea4e4e;}
.table a.delete:hover:hover{background:#d42a2a;}
.table a.edit{background:#eaaa4e;}.table a.edit:hover{background:#f1bc70;}
.table a.info{background:#7e92a5;}.table a.info:hover{background:#596774;}

/*content*/
.content{ line-height:160%;padding:15px 15px; font-size:14px; }
.content p,.content div{ line-height:160%; margin-bottom:10px;}
.content img{ max-width:100%;}
.content h1{line-height:160%; margin:5px 0;}
.content table{ max-width:100%; border-collapse:collapse; }
.content table[border="1"]{ border:1px solid #ccc}
.content table[border="1"] td{ border:1px solid #ccc}
.content table p{margin:0;} 
.content a{color:#006cc4;text-decoration:none}
.content a:hover {text-decoration:underline;color:#2e8acb} 

body.personal{background: #f1f1f1;}
/*PersonContent*/
.PersonContent{ padding:0 0 4px; overflow:hidden; height:1%; width:1300px;  margin:auto;}
.PersonContent .blk{ height:20px;}
.PersonContent .panel{ padding:10px; border-radius:5px;}
.PersonContent .welcome{ height:40px;padding-top:25px; position:relative}
.PersonContent .welcome h3{  display:inline}
.PersonContent .welcome .lastLogin{ margin-left:20px;}
.PersonContent .welcome .password{ margin-left:20px;}
.PersonContent .cl,.PersonContent .cr{width: 480px; float:left;margin-right:20px;}
.PersonContent .cr{ float:left}
.PersonContent .cs{width: 300px; float:right;  height:1%; overflow:hidden;}
.PersonContent .cs .panel{}

.PersonContent .cl dt,.PersonContent .cr dt{ height:20px; line-height:20px; position:relative; border-bottom:1px solid #eee; padding:2px 0 5px; }
.PersonContent .cl dt h2,.PersonContent .cr dt h2{border-left: 3px solid #4F9CEE;height:18px;line-height:18px;  font-size:16px; font-weight:bold; width:80px; padding:0 1px 0 7px;}
.PersonContent .cl dt h2 a,.PersonContent .cr dt h2 a{color:#222;}
.PersonContent .cl dt .more,.PersonContent .cr dt .more{ position:absolute; right:0; top:2px;font-size:14px;color:#999;} 

.PersonContent .cs dt{ height:20px; line-height:20px; position:relative; border-bottom:1px solid #eee; padding:2px 0 5px; }
.PersonContent .cs dt h2{border-left: 3px solid #4F9CEE;height:18px;line-height:18px;  font-size:16px; font-weight:bold; width:80px; padding:0 1px 0 7px;}
.PersonContent .cs h2 a{color:#222;}
.PersonContent .cs .more{ position:absolute; right:0; top:2px;font-size:14px;}


/*.work*/ 
.PersonContent dd{ height:280px;padding-top:10px; position:relative}
.PersonContent dd ul.work {padding:0px 0 0; }
.PersonContent dd ul.work li{ float:none; clear:both; height:28px; line-height:28px;position:relative;background: url(../images/main/order-icons.png) no-repeat -60px -62px;; padding-left:13px;}
.PersonContent dd ul.work li.new1{ background: url(../images/main/order-icons.png) no-repeat -43px -64px;}
.PersonContent dd ul.work li:hover{}

.PersonContent dd ul.work li a{ color:#000;font-size:15px; background:#fff; display:block; cursor:pointer}
.PersonContent dd ul.work li a:hover{ text-decoration:none;border-bottom:0px solid #2163ad; background-color:#fcfcfc color: #2163ad} 
.PersonContent dd ul.work li a:hover span{ text-decoration:none; color: #2163ad} 
.PersonContent dd ul.work li span{ display:block; line-height:28px;}
.PersonContent dd ul.work li span.title{  margin-right:80px;overflow:hidden; text-overflow: ellipsis;white-space: nowrap;}
.PersonContent dd ul.work li.new1 span{ font-weight:bold}
.PersonContent dd ul.work li span.flow{ display:inline; font-weight:normal; margin-left:5px; color:#999;}
.PersonContent dd ul.work li span.date{ position:absolute; right:0; top:0; text-align:right;color:#444}
.PersonContent dd ul.work li span.hotTrue{ color:#f00}
.PersonContent dd div.none{ line-height:200px; color:#ccc; text-align:center}
.PersonContent dd div.loading{ width:100%; line-height:200px; color:#aaa; text-align:center; position:absolute; left:0; top:0}

/*workList*/
.workList{padding:10px 20px; padding:0; width:1300px; margin:auto; position:relative;}
.workList dd{ height:auto;}
.workList .panelTitle{ display:none}

/*workContent*/
.workContent{ padding:0 0; overflow:hidden; height:1%; width:1300px; margin:auto;}
.workContent .panel h2{ color2:#3d51b4}
.workContent .panel dd{ height:120px;}
.workContent .panel .flowNode{ padding:10px 0 0; display: flex;flex-wrap: nowrap; overflow-y:auto; }
.workContent .panel .flowNode li{ /*float:left;*/ width:140px; height:36px; padding-top:70px; background: url(../images/flow/bg_flownode.png) no-repeat 0 0;}
.workContent .panel .flowNode li.on div{ font-weight:bolder; color:#f30;}
.workContent .panel .flowNode .line{  background-position:right 0; width:18px; margin:0 3px;}
.workContent .panel .flowNode .site1-0{ background-position:41px  -300px;}
.workContent .panel .flowNode .site2-0,
.workContent .panel .flowNode .site2-1{ background-position:-97px -300px;}
.workContent .panel .flowNode .site2-2{ background-position:-236px -300px;}
.workContent .panel .flowNode .site2-3,
.workContent .panel .flowNode .site99-0,
.workContent .panel .flowNode .site99-1,
.workContent .panel .flowNode .site99-2,
.workContent .panel .flowNode .site99-3,
.workContent .panel .flowNode .site99-5{ background-position:-374px -300px;}

.workContent .panel .flowNode  .site1-0.done{ background-position:41px  -150px;}
.workContent .panel .flowNode .site2-0.done,
.workContent .panel .flowNode .site2-1.done{ background-position:-97px -150px;}
.workContent .panel .flowNode .site2-2.done{ background-position:-236px -150px;}
.workContent .panel .flowNode .site2-3.done,
.workContent .panel .flowNode .site99-0.done,
.workContent .panel .flowNode .site99-1.done,
.workContent .panel .flowNode .site99-2.done,
.workContent .panel .flowNode .site99-3.done,
.workContent .panel .flowNode .site99-5.done{ background-position:-374px -150px;}

.workContent .panel .flowNode  .site1-0.on{ background-position:41px  0;}
.workContent .panel .flowNode .site2-0.on,
.workContent .panel .flowNode .site2-1.on{ background-position:-97px 0;}
.workContent .panel .flowNode .site2-2.on{ background-position:-236px 0;}
.workContent .panel .flowNode .site2-3.on,
.workContent .panel .flowNode .site99-0.on,
.workContent .panel .flowNode .site99-1.on,
.workContent .panel .flowNode .site99-2.on,
.workContent .panel .flowNode .site99-3.on,
.workContent .panel .flowNode .site99-5.on{ background-position:-374px 0;}

.workContent .panel .flowNode div{ display:block; line-height:18px; text-align:center;overflow:hidden; text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; color:#5b5b5b }
.workContent .panel .flowNode div{ *display:block;}

.workContent .wcl{ float:left; width:900px;overflow:hidden; height:1%; padding:20px; background-color:#fff;}
.workContent .wcl .toptool{margin-bottom:8px}
.workContent .wcl .toptool .panelTitle{ display:none}
.workContent #formArea h1.work,
.workContent #formArea h2.work,
.workContent #formArea h3.work{ letter-spacing:2px; font-family2:"simhei"; font-weight:bolder; }
 /*.workContent #formArea table,
.workContent #formArea table th,
.workContent #formArea table td,*/
.workContent table.tabWork,
.workContent table.tabWork th,
.workContent table.tabWork td{ border-color:#779cc6; background-color:#f2f8fc; background-color:#e6f0fd} 
.workContent #formArea textarea,
.workContent #formArea input[type=text]{ border:1px solid #ccc; padding:4px}
.workContent #formArea .inerr{ border:1px solid #fc4545; background-color:#fdf6f6;}
 /*wcr*/	
.workContent .wcr{ float:right; width:300px;overflow:hidden;height:1%;  padding:20px ; background-color:#fff; }
.workContent .wcr h3{ float:left; font-size:16px; width:68px;font-size:13px; width:56px; margin:0 5px 0 0; cursor:pointer; text-align:center; height:21px; line-height:18px; color:#666;}
.workContent .wcr h3.on{ border-bottom:2px solid #2163AD; font-weight:bold; color:#000}
.workContent .wcr h3:last-child{ margin:0;}
.workContent .wcr dd{ clear:both; padding:6px 0; overflow:auto ;}
.workContent .wcr dd div{ line-height:150%; position:relative}
.workContent .wcr dd div.cont{ padding-top:10px;}
.workContent .wcr ul{ padding-right:8px;position:static }
.workContent .wcr ul li{ position:relative; height:auto; padding:5px 0; border-bottom:1px solid #eee;}
.workContent .wcr ul li span{font-size:14px;display:block;} 
.workContent .wcr ul li .name{  margin-right:80px; font-weight:bolder}
.workContent .wcr ul li .state{ display:block;font-size:12px;  position:absolute;width:80px; text-align:right; top:5px; right:0;}
.workContent .wcr ul li .handle{ display:block; background:#fefefe; padding-left:12px; font-size:12px;}
.workContent .wcr ul li .log{ font-size:12px;}
.workContent .wcr ul li.none{ font-size:12px; text-align:center; color:#999; border:0}

 /*formBar*/	
.workContent .formBar { height:32px; position:relative; margin-top:15px; padding:15px 0 0; border-top:1px solid #eee; overflow:hidden; }
.workContent .formBar ul{float:left;position:relative;left:50%}
.workContent .formBar li{ float:left; line-height:32px;position:relative;left:-50%; padding:0px 6px;}
.workContent .formBar li button{ height:32px; min-width:100px;color:#fff; border:0;border-radius: 2px; font-size:14px; cursor: pointer; margin:0 5px; border-radius:5px;}
.workContent .formBar li button[type="submit"]{background:#62a0db;  }	
.workContent .formBar li button[type="submit"]:hover{background:#92bfea; background:#397ab9; }	
.workContent .formBar li button.close{background:#ea4e4e;  }	
.workContent .formBar li button.close:hover{background:#f27d7d;background:#d42a2a; }
.workContent .formBar .btn{ min-width:0;padding:0 8px; line-height:28px;height:28px; display:block; text-align:center; color:#fff;background:#62a0db; cursor:pointer;margin:2px 0 0 } 
.workContent .formBar .btn:hover{ background:#397ab9; text-decoration:none}
.workContent .formBar .close{background:#ea4e4e;}
.workContent .formBar .close:hover:hover{background:#d42a2a;}
.workContent .formBar .edit{background:#eaaa4e;}.formBar a.edit:hover{background:#f1bc70;}
.workContent .formBar .confim{background:#51cf4b;}
.workContent .formBar .confim:hover{background:#30b22a;}
.workContent .formBar .confim:disabled{background:#6eb16b; color:#ccc; cursor:default}
.workContent .formBar .reset{background:#7e92a5;}
.workContent .formBar .reset:hover{background:#627a90;}
.workContent .formBar .clear{background:#e8ae30;}
.workContent .formBar .clear:hover{background:#de9a08;}
.workContent .formBar button[type="submit"]:disabled,
.workContent .formBar button[type="submit"]:disabled:hover{background:#355573; color:#acb4bc; cursor:default}
.workContent .formBar li button[type="submit"].sub{background:#51cf4b;background:#06cd6a;}
.workContent .formBar li button[type="submit"].sub:hover:hover{background:#2ea528;}
.workContent .formBar li button[type="submit"].sub:disabled,
.workContent .formBar li button[type="submit"].sub:disabled:hover{background:#31782e; color:#9dbb9b; cursor:default}

.workContent .formBar li button.close:disabled,
.workContent .formBar li button.close:disabled:hover{background:#aa4848;color:#baa0a0; }

/*ListContent*/
.ListContent{}
.ListContent .panel{ min-height:400px;}

/*注册*/
/**{font-family:Microsoft Yahei}.content{padding:0}*/
.form-main-list{ padding-left:380px;}
.form-main-list .form-group{padding:22px 0} 
.form-main-list .form-group .form-item{padding:8px 0 8px 0px;color:#000}
.form-item .form-label{display:inline;float:left;width:70px;height:37px;line-height:37px;text-align:right; padding-right:15px;}
.form-main-list .form-group .form-item .nick-size{display:none}.form-main-list .form-group .form-item .sub-title{color:#7f7f7f;font-size:9pt}.form-main-list .form-group .form-item .form-label{font-size:14px;height:33px;line-height:33px}.form-main-list .form-group .form-item .form-label .star{color:red;vertical-align:middle;margin-right:4px}.form-main-list .form-group .form-item .form-text{height:33px;line-height:33px;padding:0;width:300px;padding-left:7px;border:1px solid #ccc;background:#fff;outline:0;color:#000;font-size:14px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s}
.form-main-list .form-group .form-errors{ color:red; font-weight:bold;}
.form-main-list .form-group .form-item .form-text:focus{background-color:#e9fbfe;border-color:#69c5dd}
.form-main-list .form-group .form-item .form-pass{width:174px;}
.form-main-list .form-group .form-item .form-btn{ display:inline; padding-left:10px;}
.form-main-list .form-group .form-item .form-msg{ display:inline; padding-left:5px;}
.form-main-list .form-group .form-item .form-msg-error{ color:red;}
.form-main-list .form-group .form-item .input-validation-error{border:1px solid #F85D5F;}
.form-main-list .form-group .form-item .field-validation-error{ color:red;}
.form-main-list .form-group .form-item select{border:1px solid #ccc;background:#fff;height:33px;line-height:33px;font-size:14px;width:310px;}
.form-main-list .form-group .form-item select option:first-child{color:#999; }
.form-main-list .form-group .form-item .mobile-text .mobile-text-code{background-color:transparent;border:1px solid #ccc;width:50px;height:33px;line-height:33px;left:0;top:0}.form-main-list .form-group .form-item .mobile-text .mobile-text-input{width:210px;padding-left:6px;margin-left:51px}.form-main-list .form-group .form-item #J_MobileCheck{border:2px solid\9;border-top:2px solid\9}.form-main-list .form-group .form-item #J_MobileCodeForm .form-item .btn-normal:hover{color:#fff}.form-main-list .form-group .form-item #J_MobileCodeForm #J_BtnMobileCode{font-size:9pt}.form-main-list .form-group .form-item .nc_scale{width:267px}.form-main-list .account-set{border-bottom:1px dashed #ccc}.btn-large,.form-item .btn-normal{display:inline-block;min-width:140px;height:36px;padding:0 30px 1px;background:#008fb2;line-height:33px;font-size:14px;color:#fff;text-align:center;outline:0}.btn-large:hover,.form-item .btn-normal:hover{background:#00a2ca;color:#fff}.ks-dialog{border:none;border-top:2px solid #00a2ca;box-shadow:0 0 10px #666}.ks-dialog .ks-overlay-close-x{color:#999}.ks-dialog .ks-overlay-close-x:hover{color:#363636}.ks-dialog .btn-normal{min-width:140px}.ks-dialog .btn:hover{color:#404040}.ks-dialog .btn-disabled{background-color:#ededed;cursor:pointer}.ks-dialog .btn-disabled:hover{background-color:#ededed;border-color:#ededed;color:#999;cursor:default}.err-input{background:#fff8f3;border-color:#e00}.form-checkbox{margin-top:3px;width:1pc;height:1pc}.form-label-b{color:#000}
.form-main-list .form-group .form-item.item-button{ padding-left:120px;}

.pass-button { width: 110px; height: 36px;border: 1px solid #ccc; background: #f7f7f7; color: #666;    line-height: 33px;text-align:center; cursor:pointer;}
.pass-button-submit { height: 35px; font-size: 16px; font-weight: bold; cursor: pointer; color: #fff;background-image: none; border-radius: 0px; border: none;-moz-border-radius: 0px; -webkit-border-radius: 0px;transition: .3s; -moz-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;background-color: #2163ad;width:200px;}

/******************分页样式属性******************/ 
.pages{ padding-top:12px; position:relative}
.pages .count{}
.pager { position:absolute; top:12px; right:0;}

.pager a{margin:0 5px;} 
.pager a:hover{ }
.pager .noper, 
.pager  .noper:hover{cursor: not-allowed;color: #aaa;text-decoration:none}  
 
.pager .active{ font-weight:bolder}



/*这是右侧导航代码的样式表*/
.directory-nav{position: fixed; right:50px; top:40px; padding: 12px 0 20px 32px; }
.directory-nav li{height: 34px;line-height: 34px;  position: relative;}
.directory-nav li a{ cursor:pointer}
.directory-nav .l1{  }
.directory-nav .l2{ text-indent:0.6em;}
.directory-nav .l1 a{font-size: 16px;}
.directory-nav .l2 a{font-size: 14px;}
.directory-nav,.directory-nav a{ color: #666;}
.directory-nav .cur a{ color: #266aa9;}

.directory-nav .line{ position: absolute; left:4px; top: 5px; bottom: 5px; z-index: 1; width: 2px; background: #ddd;}
.directory-nav .c-top,.directory-nav .c-bottom{ position: absolute; left: 0; z-index: 2;
display: block; width: 10px; height: 10px; font-size: 0; line-height: 0;
background: url(../images/dnav/directory-nav.png) no-repeat 0 -69px;
}
.directory-nav .c-dot{
position: absolute; left:-32px; top: 50%; z-index: 2; margin-top: -5px;
display: block; width: 10px; height: 10px; font-size: 0; line-height: 0;
background: url(../images/dnav/directory-nav.png) no-repeat -275px 0;
}

.directory-nav .c-top{ top: 0}
.directory-nav .c-bottom{ bottom: 0}
.directory-nav .cur-tag{
position: absolute; left: -1px; top:30px; z-index: 5; margin-top: -6px;
display: block; width: 19px; height: 13px; font-size: 0; line-height: 0;
background: url(../images/dnav/directory-nav.png) no-repeat -271px -37px;
-webkit-transition:top .3s ease 0s;
transition:top .3s ease 0s;
} 

/************************************footer********************************/
.footer {height: 200px; background:#2c303b; line-height:30px;text-align: center;width: 100%;color: #fff; z-index:1;} 
.footer .container{ width:1200px; margin:auto;}
.footer .info{  }


/* side-list */
.side-list {
  position: fixed;
  top: 0px;
  right: 20px;
    height: 100%;
    box-sizing:border-box; 
  text-align: center;
  z-index:999999999;
 display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
 
.side-list .side-item {
  position: relative;
  height: 48px;
  margin: 0 1px 10px;
  cursor: pointer;
}
.side-list .side-item:last-child {
	height: 82px;
}

.side-list .side-item .img {
  width: 48px;
  height: 48px;
  margin: 0 auto;
  background-color: #25598b;
  border-radius: 48px;
  position:relative;
}

.side-list .side-item .img em{
    position:absolute; top:-5px;right:-5px; border-radius:15px; padding:0 3px; min-width:15px; text-align: center;
    background-color:#ec6c1f;color:#fff;background-color:#ff2323;
}
.side-list .side-item .ifont,.side-list .side-item .af{
	font-size: 24px;
    color: #fff;
    display: inline-block;
    width: 48px;
    text-align: center;
    height: 48px;
    line-height: 48px;
    border-radius: 50%;
    background-color: #25598b;
}
.side-list .side-item .personal {
  position: absolute;
  transition: all 0.3s;
  margin-top: 0;
  right: 0px;  
  text-align: left;
}
.side-list .side-item  a{text-decoration:none}
.side-list .side-item .itext{ display:none;}
.side-list .side-item .personal .itext{ 
    color:#fff; line-height:48px; max-height:48px;  margin-left:20px; overflow:hidden;display:none;
}
.side-list .side-item .personal .ifont,.side-list .side-item .personal .af{
  position: absolute;
  top: 0;
  right: 0;
}
.side-list .side-item .personal .hide-text {
  display: none;
  position: absolute;
  left: 0;
  line-height: 48px;
  color: #fff;
  font-size: 14px;
  text-indent: 22px;
  transition: all 0.3s linear 1s;
  vertical-align: middle;
  opacity: 0;
}
.side-list .side-item .personal:hover {
  width: 128px;
}
.side-list .side-item .personal:hover .itext{ display:block;}
.side-list .side-item .personal:hover .hide-text {
  display: inline-block;
  opacity: 1;
}

.side-list .side-item .side-hide {
  display: none;
  position: absolute;
  top: 0px;
  right: 74px;
  width: 306px;
  transition: all 0.3s;
  z-index: 1001;
}
 
.side-list .side-item .side-hide .hide-content {
  width: 284px;
  padding:10px 22px;
  background-color: #fff;
  border: 1px solid #2163ad;
  border-radius: 4px;
  font-size: 0;
}
.side-list .side-item .side-hide .hide-content.share-qrcode{
  width: 115px;
  height: 112px;
  padding: 5px;
  float: right;
  margin-right: 22px;
}
.side-list .side-item .side-hide .hide-content.share-qrcode .side-title {
  font-size: 16px;
}
.side-list .side-item .side-hide .hide-content .side-title {
  font-size: 20px;
  font-weight: bold;
  color: #000000;
}
.side-list .side-item .side-hide .hide-content a {
  display: inline-block;
  width: 33%;
  margin-top: 0;
  transition: all 0.3s;
}
.side-list .side-item .side-hide .hide-content a.hide-header{  display: block; width:100%; }
.side-list .side-item .side-hide .hide-content a .text {
  display: block;
  font-size: 16px;
  color: #000000;
  margin-top: 15px;
  transition: all 0.3s;
}
.side-list .side-item .side-hide .hide-content a:hover .text {
  color: #006fe0;
}
.side-list .side-item .side-hide::after {
  position: absolute;
  width: 10px;
  height: 10px;
  content: '';
  top: 22px;
  left: 279px;
  border-left: 1px solid #62A0DB;
  border-top: 1px solid #62A0DB;
  transform: rotate(135deg);
  background-color: #fff;
}
.side-list .side-item:hover .side-hide {
  display: block;
}
.side-list .side-item .side-hide .hide-content .side-serv {
    display: grid; 
    flex-wrap: wrap;
    justify-content: space-between;
    grid-template-columns: repeat(3, 33%);
    grid-gap: 0px; 
    margin-bottom:10px;
}
.side-list .side-item .side-hide .hide-content .side-serv a{ padding:20px 0 0; width:100%; overflow:hidden;} 
.side-serv a img{width:24px;height:24px;}
.side-list .side-item .side-hide .hide-content .side-serv a .text{ font-size: 14px; margin-top: 8px; padding:0; line-height:120%;white-space: normal;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}

.side-list .side-item .side-hide .hide-content .side-bs {
    display: grid; 
    flex-wrap: wrap;
    justify-content: space-between;
    grid-template-columns: repeat(3, 33%);
    grid-gap: 0px; 
    margin-bottom:10px;
}
.side-list .side-item .side-hide .hide-content .side-bs a{ padding:20px 0 0; width:100%; overflow:hidden;} 
.side-bs a img{width:32px;height:32px;}
.side-list .side-item .side-hide .hide-content .side-bs a .text{ font-size: 15px; margin-top: 8px; padding:0; line-height:120%;white-space: nowrap; 
    text-overflow: ellipsis;overflow:hidden;text-overflow: ellipsis;}

.link-floatnav-top{position:fixed;bottom:-30px;right:20px;width:48px;height:48px;line-height:48px;border-radius:50%;transition:bottom 0.5s;font-size: 14px;color:#FFF;background:#25598b;text-align:center;cursor:pointer;display:none; text-decoration:none;}
.link-floatnav-top:hover{color:#fff; text-decoration:none;}
.link-floatnav-top.active{bottom:15px;}

/*preloader */
#preloader,.preloader {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #fff;
    z-index: 1000000;
}

.sk-three-bounce {
    margin: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: white;
} 
.sk-three-bounce .sk-child {
    background: #2163ad;
}  
.preloader {
    position: absolute;
    width: 100%;
    height: 80%; 
    background: none;
    z-index: 1000000;
}
.preloader .sk-three-bounce {background: none;}
.preloader .sk-three-bounce .sk-child {background: #ccc;}
.sk-three-bounce .sk-child {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-color: #003c88;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
    animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
}

.sk-three-bounce .sk-bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.sk-three-bounce .sk-bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes sk-three-bounce {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes sk-three-bounce {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}