@charset "utf-8";
/* CSS Document */
html,body{font-family: "SimSun";}
.ptcol3{width:30%; float: left;}
.ptcol5{width:50%; float: left;}
.ptcol7{width:70%; float: left;}

.margin-r{margin-right:10px;}

.con{background: #fff; margin-bottom: 10px;}
.spacing{padding:10px;}

.pt-title1{height: 38px; line-height: 38px; border-bottom: 2px solid #f5f5f5; padding:0 16px 0 16px;}
.pt-title1>.fa{line-height: 40px; color:#808080;}
.pt-title1 h3{font-size: 14px; font-weight: bold; color:#808080; float: left; margin-left:8px;}
.pt-title1 span{float: right;}
.pt-title1 span .fa{margin-left:12px; cursor: pointer; color:#cecfd0;}

.pt-title2{height: 38px; line-height: 38px; padding:0 16px 0 16px;}
.pt-title2 h3{font-size: 14px; font-weight: bold; color:#595c61; float: left; padding-left:20px;}
.pt-title2 h3.i1{background: url(images/title2-i1.png) left center no-repeat;}
.pt-title2 h3.i2{background: url(images/title2-i2.png) left center no-repeat;}
.pt-title2 h3.i3{background: url(images/title2-i3.png) left center no-repeat;}
.pt-title2 h3.i4{background: url(images/title2-i4.png) left center no-repeat;}
.pt-title2 span{float: right;}
.pt-title2 span .fa{margin-left:12px; cursor: pointer; color:#cecfd0;}

/* ----------------- desktop1 ----------------- */
.desktop1{padding:10px;}

.pt-ifocus{}
.pt-ifocus img{width:100%;}

.panel-refesh{background: url(images/panel-refresh.gif) no-repeat;}
.panel-plus{background: url(images/panel-plus.gif) no-repeat;}
.panel-more{background: url(images/panel-more.gif) no-repeat;}

.d-list{}
.d-list li{border-bottom: 1px solid #ebebeb; margin:0 14px; padding:10px 16px;}
.d-list li h5{color:#808080; font-size: 14px; font-weight: bold; margin-bottom: 10px;}
.d-list li h5 span{float: right; font-weight: normal; color:#bfbfbf;}
.d-list li a{display:block; line-height: 22px; color:#8a8a8a;}
.d-list li:hover{background: #fafbff;}
.d-list li:hover h5, .d-list li:hover h5 span, .d-list li:hover a{color:#6ca3f5;}

.d-list2 {padding:10px 24px;}
.d-list2 li{line-height: 32px; height: 32px; overflow: hidden; padding:0 14px;}
.d-list2 a{color:#8a8a8a; float: left;}
.d-list2 span{color:#8a8a8a; float: right;}
.d-list2 li:hover{background: #f5f8ff;}
.d-list2 li:hover a,.d-list2 li:hover span{color:#6ca3f5;}

.gdimg{padding:12px; overflow:hidden;}
.gdimg li{ width:110px; padding:12px 12px 4px; float: left; height:auto; text-align: center;}
.gdimg li:hover{background: #e8e8e9;}
.gdimg li img{ width:86px; height:86px; padding-bottom:8px;}
.gdimg li h5{ height:30px; line-height: 30px; font-size: 14px; font-family: 'Microsoft YaHei'; overflow:hidden;text-overflow:ellipsis; white-space:nowrap; font-weight: normal;}

.easyui-calendar{ margin:0 auto; border:0 none;border-bottom:1px solid #f5f5f5;}
.calendar-header{background: #fff;}
.calendar-body th{/* border-top:1px solid #f5f5f5; */ background: #fff;}

.time{padding-bottom: 16px;}
.timeline {border-left:2px solid #e6eaf5; margin:10px 0 0 20px; padding:4px 10px 10px 0;}
.timeline ul{position:relative; top:0; left:-4px;}
.timeline li{color:#8a8a8a; cursor: pointer; margin-top:10px; background: url(images/timeline.png) 0 5px no-repeat; z-index: 999; padding-left:20px;}
.timeline p span{}
.timeline p{line-height: 22px;}
.timeline li:hover{color:#6ca3f5;}

.stat{margin:22px 20px 0px 20px;}
.stat h5{font-weight: normal; color:#595c61; font-size: 14px; margin-bottom: 8px;}
.stat h5 span{font-weight: bold; margin-right:4px;}
.stat-percent{position: relative;}
.stat-percent span{position:absolute; right:0; top:-5px;}
.progress{height: 8px; background: #ebeffa; border-radius: 8px; margin-right: 40px;}
.progress-bar{height: 8px; border-radius: 8px;}
.m-colorbg-blue{background: #b5bcf5;}
.m-color-blue{color:#b5bcf5; font-weight: bold;}
.m-colorbg-pink{background: #f48f9f;}
.m-color-pink{color:#f48f9f; font-weight: bold;}
.m-colorbg-orange{background: #fad596;}
.m-color-orange{color:#fad596; font-weight: bold;}
.m-colorbg-pink{background: #f48f9f;}
.m-color-pink{color:#f48f9f; font-weight: bold;}
.m-colorbg-purple{background: #e1c8fa;}
.m-color-purple{color:#e1c8fa; font-weight: bold;}
.m-colorbg-green{background: #abf5e9;}
.m-color-green{color:#abf5e9; font-weight: bold;}

.iconlist{margin:6px 0 0 10px;}
.iconlist li{float: left; text-align: center; width:80px; height: 88px;}
.iconlist li a{display: block; width: 50px; height: 50px; line-height: 50px; border-radius: 10px; text-align: center; margin:0 auto;}
.iconlist li a .fa{color:#fff; font-size: 24px; display: block; line-height: 50px;}
.iconlist li a:hover{opacity: 0.8;}
.iconlist li span{display: block; color:#7a7c80; font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; height: 28px; line-height: 28px;}
.iconcolor0 a{background: #8ed28e;}
.iconcolor1 a{background: #faba82;}
.iconcolor2 a{background: #f488b4;}
.iconcolor3 a{background: #e6d68a;}
.iconcolor4 a{background: #7cd6d0;}
.iconcolor5 a{background: #bc9ce6;}
.iconcolor6 a{background: #94a4f0;}
.iconcolor7 a{background: #fa9090;}
.iconcolor8 a{background: #e098de;}
.iconcolor9 a{background: #f0ce7e;}
.iconcolor10 a{background: #8ac8e6;}
.iconcolor11 a{background: #7cd6a0;}
.iconcolor12 a{background: #86b6e0;}
.iconcolor13 a{background: #b4d688;}
.iconcolor14 a{background: #a8a8f0;}
.iconcolor15 a{background: #f0a68c;}

/* ----------------- desktop2 ----------------- */
.desktop2{padding:10px;}

.desktop2 .con{border:1px solid #dcdfe6; border-radius: 10px; margin-right:10px;}

.per-count{margin-bottom: 10px; height: 76px;}
.per-count li{height: 75px; width:25%; color:#fff; float: left;}
.per-count li div{height:75px; margin-right: 10px; border-radius: 10px;}
.per-count li span{font-size: 32px; line-height: 75px; font-family: "SimHei"; float: right; margin-right: 20px;}
.per-count li h5{float:left; height:75px; padding:44px 0 0 80px; font-size: 14px; font-weight: bold;}
.per-count li i{background: url(images/count-line.png) no-repeat; float: left; width:42px; height: 75px;}
.count-orange{background: #e6b85c; border-top:1px solid #f5e393;}
.count-orange h5{ background: url(images/count-icon1.png) 8px 0 no-repeat;}
.count-green{background: #a3cc52; border-top:1px solid #daeb83;}
.count-green h5{ background: url(images/count-icon2.png) 8px 0 no-repeat;}
.count-red{background: #e69973; border-top:1px solid #f5d6b8;}
.count-red h5{ background: url(images/count-icon3.png) 8px 0 no-repeat;}
.count-blue{background: #73ace6; border-top:1px solid #b8def5;}
.count-blue h5{ background: url(images/count-icon4.png) 8px 0 no-repeat;}

/* ------------------ tab -------------- */
.tab{font-size: 14px; font-weight: bold; color: #808080; line-height: 38px; height: 38px; display:inline-block; margin-right:10px;}
.tab:hover, .tab-hot{color:#87addc; cursor:pointer;}

/* ----------------- desktop3 ----------------- */
.desktop3{padding:10px 0; font-size: 14px;}
.desktop3 .con{border:1px solid #dcdfe6; border-radius: 10px; margin-right:10px;}

.notice{}
.notice-con{margin:0 18px 10px 10px; padding:0 10px 0 16px; height: 36px; line-height: 36px; background: #fffefc; overflow: hidden; position: relative;}
.notice span{float: left; padding-left:0px; font-weight: bold; color:#efa940; font-size: 14px; }
.notice span .fa{margin-right: 8px;}
.notice .notice-move{position: absolute; left:120px; top:0; width:90%;}
.notice a{ color:#efa940; margin-right: 26px;}
.notice a:hover{color:#ff9900;}

.image-text{margin:10px 0;}
.image-text img{width:100%; height: 116px; margin:0 0 12px 0;}
.image-text p{line-height: 24px;}
.image-text a{display: block; text-align: right; color:#efa940;}
.image-text a:hover{color:#ff9900;}

.serve{margin:10px 0;}
.serve a.serve-btn1{display: block; height: 68px; background: url(images/serve-m1.png) 12px 0 repeat-x; margin-bottom: 16px;}
.serve a.serve-btn1 span{display: block; height: 68px; background: url(images/serve-l1.png) no-repeat;}
.serve a.serve-btn1 em{display: block; height: 68px; margin-left:12px; background: url(images/serve-r1.png) top right no-repeat;}
.serve a.serve-btn2{display: block; height: 68px; background: url(images/serve-m2.png) 12px 0 repeat-x; margin-bottom: 16px;}
.serve a.serve-btn2 span{display: block; height: 68px; background: url(images/serve-l2.png) no-repeat;}
.serve a.serve-btn2 em{display: block; height: 68px; margin-left:12px; background: url(images/serve-r2.png) top right no-repeat;}
.serve a.serve-btn3{display: block; height: 68px; background: url(images/serve-m3.png) 12px 0 repeat-x;}
.serve a.serve-btn3 span{display: block; height: 68px; background: url(images/serve-l3.png) no-repeat;}
.serve a.serve-btn3 em{display: block; height: 68px; margin-left:12px; background: url(images/serve-r3.png) top right no-repeat;}

.archives_search{ margin:70px 60px 60px 60px;}
.archives_search .archives_search_logo{height: 32px; line-height: 32px; background: url(images/archives/archives_search_logo.png) no-repeat; font-family: "SimHei"; font-size: 22px; color:#808080; font-style: italic; padding-left:48px; font-weight:bold; width: 160px; margin:0 auto;}
.archives_search .switch{margin:30px auto 16px; text-align: center;}
.archives_search .switch span{display:inline-block; height: 28px; cursor: pointer; line-height: 25px; background: #fff; border:1px solid #ebebeb; color:#898989; padding:0 12px; border-radius: 8px; margin:0 6px 0 0;}
.archives_search .switch span.hit{background:#58a2dc; border:1px solid #58a2dc; color:#fff;}
.bordercenter{text-align: center;}
.archives_border{background: #f5f5f5; padding:5px; border-radius: 4px; display:inline-block;text-align:left;}
.archives_border .sercase{background: #fff; border-radius: 4px; height: 30px; float: left;}
.archives_border .sercase select{float: left; border:0 none; background:transparent;  margin:0 0 0 6px; height:30px; line-height: 30px; font-size: 14px; color:#525252;}
.archives_border .sercase input{/*float: left;*/ background:#fff; border:0 none; height:30px; line-height: 30px; width:232px; /* width:430px; */ padding:0 4px; font-family: "SimSun"; font-size: 14px; color:#525252;}
.archives_border .sercase .textbox{border:0 none; margin-top:-3px;}
.archives_border .sercase .combo-arrow{background-color: #fff;}
.archives_border .sbtn1{ float: left; height:30px; background:#58a2dc url(images/archives/sbtnicon.png) center center no-repeat; width:52px; height:30px; border:0 none; cursor: pointer; border-top-right-radius: 4px; border-bottom-right-radius: 4px;}

.staging{background:#faeabe url(images/stagingbg.png) right top no-repeat; height: 68px; text-align: center; line-height: 60px; border:4px solid #fff;}
.staging a{display: block; color:#f0a535; font-size:20px; font-style: italic; font-weight: bold; font-family: "SimHei";}
.staging a span{display:inline-block; color:#f08c78; font-size:24px; margin:0 0 0 18px;}

.d-list3 {}
.d-list3 li{line-height: 32px; height: 32px; overflow: hidden; padding:0;}
.d-list3 a{color:#8a8a8a; float: left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:52%;}
.d-list3 span{color:#8a8a8a; float: right;}
.d-list3 li:hover a,.d-list3 li:hover span{color:#6ca3f5;}

.text-scroll{ overflow:hidden; position:relative; margin:10px 0;}
.text-scroll ul{position:absolute; top:0px; width: 88%;}

.wrapper{margin:10px 0;}


/* ----------------- desktop4 ----------------- */
.desktop4{padding-right:22px;}
.file-retrieval-spacing{margin: 12px 0; padding: 0 0px 0 12px; height: 160px; border-radius: 6px;}
.file-retrieval-bg1{height: 160px; border-radius: 6px; background:#fff url(images/file-retrieval-bg1.png) left bottom no-repeat;}
.file-retrieval-bg2{height: 160px; border-radius: 6px; background: url(images/file-retrieval-bg2.png) right center no-repeat;}
.file-retrieval-con{width: 900px; margin:0 auto; padding: 64px 0 0 0;}
.file-retrieval-logo{height: 32px; line-height: 32px; background: url(images/archives/archives_search_logo.png) no-repeat; font-family: "SimHei"; font-size: 24px; color:#808080; font-style: italic; padding-left:48px; font-weight:bold; width: 160px; float: left;}
.file-retrieval-con .bordercenter{text-align: center;}
.file-retrieval-con .archives_border{background: #f5f5f5; padding:5px; border-radius: 4px; display:inline-block;text-align:left;}
.file-retrieval-con .archives_border .sercase{background: #fff; border-radius: 4px; height: 32px; float: left;}
.file-retrieval-con .archives_border .sercase select{float: left; border:0 none; background:transparent;  margin:0 0 0 6px; height:32px; line-height: 32px; font-size: 14px; color:#525252;}
.file-retrieval-con .archives_border .sercase input{background:#fff; border:0 none; height:32px; line-height: 32px; width:462px;  padding:0 4px; font-family: "SimSun"; font-size: 14px; color:#525252;}
.file-retrieval-con .archives_border .sercase .textbox{border:0 none; margin-top:-3px;}
.file-retrieval-con .archives_border .sercase .combo-arrow{background-color: #fff;}
.file-retrieval-con .archives_border .sbtn1{ float: left; height:32px; background:#58a2dc url(images/archives/sbtnicon.png) center center no-repeat; width:52px;border:0 none; cursor: pointer; border-top-right-radius: 4px; border-bottom-right-radius: 4px;}

.i-list3 {}
.i-list3 li{line-height: 32px; height: 32px; overflow: hidden; padding:0;}
.i-list3 a{color:#666666; float: left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:70%;}
.i-list3 a i{color: #e0e0e0; margin: 0 6px 0 0;}
.i-list3 a em{font-weight: bold; margin: 0 4px 0 0;}
.i-list3 span{color:#bfbfbf; float: right;}
.i-list3 li:hover a,.i-list3 li:hover span{color:#6ca3f5;}

.card-btn{padding: 14px 0px 0px 14px;}
.card-btn-w{width: 50%; float: left; position: relative; margin: 0 0 14px 0;}
.card-btn-con{border-radius: 6px; margin-right: 14px; height: 137px;}
.card-orange{background: #fa9e25;}
.card-blue{background: #4995fe;}
.card-skyblue{background: #45d0f5;}
.card-green{background: #4ad985;}
.card-btn-con h4{font-size: 20px; font-family: "SimHei"; font-weight: normal; color: #fff; text-align: right; padding: 26px 30px 20px 0px;}
.card-btn-con h5{color: #fff; font-size: 20px; font-family: "SimHei"; font-weight: normal; text-align: left; padding: 0px 0px 0px 38px;}
.card-btn-con h5 a{color: #fff; font-size: 40px; font-family: "SimHei"; font-weight: normal; margin-right: 16px;}
.card-btn-con h5 a:hover{text-decoration: underline;}
.card-btn-con i{ display: inline-block; width: 26px; height: 26px; position: absolute; right: 45px; bottom: 30px;}
.card-btn-i1{background: url(images/card-btn1.png) no-repeat;}
.card-btn-i2{background: url(images/card-btn2.png) no-repeat;}
.card-btn-i3{background: url(images/card-btn3.png) no-repeat;}
.card-btn-i4{background: url(images/card-btn4.png) no-repeat;}