@charset "utf-8";
* {box-sizing:border-box;}
html,body {height:100%;}
/*登录页*/
.login-main{background:url(../img/login-bg.jpg) top center no-repeat;background-size:100%;height: 100%;}
.login-logo{width:100%;height:200px;padding:20px 0 0;background:url(../img/login-logo-bg.png) top center no-repeat;position: fixed;top:0;left:0;text-align: center;z-index:2;}
.login-body{position:fixed;top:5%;height:95%;width:94%;left:0;z-index:3;display: flex;align-items: center;justify-content: flex-end;}
.login-box {width:455px;background:#ffffff;border-radius:15px;padding:37px 40px 30px 40px;z-index:3;box-shadow: 0 3px 35px rgba(155,176,213,0.6);}
.login-box > h1{font-size:32px;letter-spacing:2px;padding:0 0 37px 0;font-weight:bold;}
.login-box > h1 label{color:#1465eb;}
.login-box .cakey_txt{padding:0 0 16px;font-size:14.3px;display:block;clear:both;color:#777;line-height: 1.6;}
.login-box .user{background:none;}
.login-box .login-input{border:1px solid #dfdfdf;height:48px;display:block;border-radius:5px;margin-bottom:30px;padding-left:15px;line-height:48px;display:flex;align-items:center;position: relative;}
.login-box .login-input span{width:29px;height:16px;line-height:16px;display:block;position: relative;color:#575f6c;}
.login-box .login-input > span::after{height:14px;width:1px;display:block;content:'';background:#dcdfe6;position: absolute;right:0;top:50%;margin-top:-7px;}
.login-box .login-input input{outline:none;border:none;height:100%;width:320px;line-height:48px;padding-left:10px;font-size:16px;padding-right:40px;}
.login-box .login-btn{padding:10px 0 55px;}
.login-box .login-btn button{font-size:19px;outline:none;border-radius:5px;height:50px;cursor:pointer;width:260px;color:white;background:#1465eb;border:none;float:left;letter-spacing:1px;}
.login-box .login-btn button:hover{background:#2074ff;}
.login-box .login-btn button+button{width:105px;color:#1465eb;background:white;border:2px solid #1465eb;margin-left:10px;letter-spacing:0;font-size:18px;}
.login-box .login-btn button+button:hover{background:#1465eb;border-color:#1465eb;color:#fff;}
.login-box .login-prompt{margin-top:40px;padding:30px 0 0;width:100%;border-top:1px solid #dcdfe6;}
.login-box .login-prompt > h3 {margin-bottom:10px;font-size:18px;font-weight:bold;line-height:1;}
.login-box .login-prompt > p {color:#73777e;line-height: 21px;}
.login-bg{position: fixed;top:0;left:0;width:100%;;z-index:1;}
.login-bg video{width:100%;background: transparent;}

.login-main .bot{position: fixed;bottom:0;left:0;width:100%;;z-index:2;color:#111;padding:15px;line-height:1;text-align: center;background:rgba(255,255,255,0.3);}
.login-body .input__suffix{position: absolute;top:1px;right:1px;user-select:none;padding-right:11px;}
.login-body .input__suffix i{color:#a8abb2;font-size:18px;cursor: pointer;height:44px;display:flex;align-items: center;}
.login-body .input__suffix i.icon-view,.login-body .input__suffix i:hover{color:#1465eb;}
.login-body .input__suffix i.icon-view{display:none;}
.login-body .input__suffix i svg{width:1em;height:1em;}
.login-body input::-ms-reveal,.login-body input::-ms-clear{display: none;}

.login-fiexd {position:fixed;right:calc(6% + 465px);top:5%;height:95%;z-index:15;min-width:80px;border-radius:5px;display:flex;flex-direction:column;justify-content: center}
.login-fiexd-body{height:508px;}
.login-fiexd ul {background:#fff;box-shadow:0px 2px 20px rgba(0,15,34,0.1);border-radius:5px;}
.login-fiexd li a {padding:10px;text-align:center;display:block;position:relative;}
.login-fiexd li a i {font-size:28px;margin:5px 0;display:block;color:#111;}
.login-fiexd li+li a {border-top:1px #e5e5e5 solid;}
.login-fiexd li .default-icon,.login-fiexd li .hover-icon {width:26px;height:26px;display:inline-block;margin:5px 0;}
.login-fiexd li .hover-icon {display:none;}
.login-fiexd li a:hover {background:#0069ea;color:#fff;}
.login-fiexd li a:hover i {color:#fff;}
.login-fiexd li a:hover .default-icon {display:none;}
.login-fiexd li a:hover .hover-icon {display:inline-block;}
.login-fiexd li a:hover .float-region-none {display:block;}
.login-fiexd .float-region-none {position:absolute;top:0;right:100%;padding-right:12px;display:none;}
.login-fiexd .float-region-none.float-region-none-bg-transparent .float-region-none-body {background:none;border-radius:0;box-shadow:none;}
.login-fiexd .float-region-none .float-region-none-body {background:#fff;border-radius:10px;padding:5px;box-shadow:0 2px 15px rgba(0,24,50,.13);}
.login-fiexd .float-region-none img {max-width:300px;}

/*首页*/
.index-body{background:url(../img/indexbg.png) top center no-repeat #f4f6f8;background-size:100%;}
.index-wrapper {padding:0 0 30px 0;}
.index-header {width:100%;padding:20px 1.2% 18px;display:flex;flex-direction:row;justify-content:space-between;flex-wrap:nowrap;}
.index-header .head-logo{width:630px;height:100%;padding-right:30px;}
.index-header .head-logo img{width:100%;}
.index-header .head-nav{flex:1;text-align: right;font-size:0;padding-right:20px;margin-top:-1px;}
.index-header .head-nav li {background:linear-gradient(to bottom,rgba(25,98,219,0) 30%,rgba(25,98,219,0.22) 100%);transform:skewX(-25deg);margin-right:5px;display:inline-block;}
.index-header .head-nav li:hover{background:linear-gradient(to bottom,rgba(23,110,255,0) 30%,rgba(23,110,255,0.45) 100%);}
.index-header .head-nav li.active {background:#1760d9;border-radius:5px;color:white;transform:skewX(-20deg);}
.index-header .head-nav li a{font-weight:bold;display:block;transform:skewX(25deg);font-size:16px;color:#303134;padding:6px 7px 7px 6px;}
.index-header .head-nav li.active a {color:white;transform:skewX(20deg);padding:6px 13px 7px;}
.index-header .head-nav::after {content:'';display:block;clear:both;}
.index-header .head-nav.head-nav-few{padding-right:40px;}
.index-header .head-nav.head-nav-few li a{padding-left:10px;padding-right:10px;}
.index-header .head-nav.head-nav-few li.active a {padding-left:15px;padding-right:15px;}
.index-header .head-tool{}
.index-header .head-tool button{width:75px;height:32px;line-height:28px;font-size:16px;font-weight:bold;border:1px solid #1760d9;border-radius:5px;background:transparent;cursor:pointer;color:#1c63da;}
.index-header .head-tool button .iconfont{font-size:18px;margin-right:3px;vertical-align: top;font-weight:normal;}
.index-header .head-tool button:hover{background:#1760d9;color:#ffff;}

.index-content {width:100%;display:flex;justify-content:space-around;padding:0 0.4%;}
.index-content .left {width:65%;display:flex;flex-direction:column;justify-content:space-between;}
.index-content .right {width:32.5%;}

.index-content .column-box{padding:20px;display: flex;flex-direction: column;background:#ffffff;border-radius:10px;}
.index-content .column-box .column-head {display:flex;justify-content:space-between;vertical-align:middle;line-height: 1;}
.index-content .column-box .column-head > div {display:flex;align-items:center;}
.index-content .column-box .column-head > div > span {height:22px;width:5px;border-radius:10px;background:#1760d9;margin-right:10px;}
.index-content .column-box .column-head > div > h1 {font-size:22px;font-weight:bold;}
.index-content .column-box .column-head .more {font-size:16px;color:#82858a;line-height: 22px;}
.index-content .column-box .column-head .more a{color:#82858a;}
.index-content .column-box .column-head .more a:hover{color:#1760d9;}
.index-content .column-box .column-head .more a i {display:inline-block;margin-top:6px;margin-left:10px;width:15px;height:9px;background:url(../img/more.png) center no-repeat;vertical-align: top;}
.index-content .column-box .column-head .more a:hover i{background:url(../img/more-h.png) center no-repeat;}
.index-content .column-box .column-body{flex:1;overflow: hidden;padding:20px 0 0;}

.index-content .left .left-top{height:600px;border-radius:15px;border:2px solid #ffffff;background:url(../img/top-left-bg.png) center no-repeat;position: relative;}
.index-content .left .left-top .page-title{height:50px;line-height:48px;letter-spacing:1px;color:white;font-weight:bold;padding-left:20px;background:url(../img/column-title-left.png) left top no-repeat;position: absolute;top:-2px;left:-2px;padding-left:10px;}
.index-content .left .left-top .page-title:after{width:49px;height:100%;float:right;background:url(../img/column-title-right.png) no-repeat;content:'';}
.index-content .left .left-top .page-title h1{background:linear-gradient(to right,#236ee9,#1a63dd);font-weight: bold;font-size:21px;height: 100%;float:left;}
.index-content .left .left-top .page-title h1 i{font-weight: normal;font-size:24px;margin-left:9px;margin-right:9px;}
.index-content .left .left-top-wrapper{padding:95px 28px 0 28px;}
.index-content .left .left-top .left-top-wrapper > h2{font-size:22px;color:#333333;}
.index-content .left .left-top .left-top-wrapper > h1{font-size:45px;font-weight:bold;padding-top:10px;color:#0f1828;font-family:"Arial";}
.index-content .left .left-top .left-top-wrapper > h1>span{font-size:22px;font-weight:bold;padding:0 10px;}
.index-content .left .left-top .data{line-height:30px;padding:40px 0px 30px;}
.index-content .left .left-top .data::after{display:block;clear:both;content:'';}
.index-content .left .left-top .data div{padding-right:80px;display: inline-block;}
.index-content .left .left-top .data div i{font-size:26px;color:#1760d9;vertical-align:top;}
.index-content .left .left-top .data div+div i{}
.index-content .left .left-top .data div label{display:inline-block;vertical-align:top;font-size:19px;font-weight:bold;color:#676a74;padding-left:2px;}
.index-content .left .left-top .data div>h2{vertical-align:top;display:inline-block;font-size:28px;margin-left:12px;color:#0f1828;font-weight: bold;font-family:"Arial";}

.index-content .left .left-top .charts-box{display:flex;flex-direction:row;justify-content:space-between;}
.index-content .left .left-top .chart-box{width:49.2%;height:275px;background:rgba(255,255,255,0.87);border-radius:10px;padding-bottom:0;}
.index-content .left .left-top .chart-box .column-body{padding-top:0;}
.index-content .left .left-top .chart-approval{width:100%;height:100%;}

.index-content .left .left-top .chartpie{height:100%;position: relative;}
.index-content .left .left-top .chartpie > ul {width:180px;height:100%;position: absolute;right:50%;top:20px;margin-right:67px;text-align: right;}
.index-content .left .left-top .chartpie > ul li {width:180px;height:90px;position: relative;padding-right:48px;padding-top:20px;cursor: pointer;}
.index-content .left .left-top .chartpie > ul li+li{margin-top:11px;}
.index-content .left .left-top .chartpie > ul li > span{font-size:16px;color:#66686f;position: relative;z-index:2;padding-right: 24px;}
.index-content .left .left-top .chartpie > ul li > span::after{display:block;content:'';position: absolute;top:50%;right:0;margin-top:-8px;width:16px;height:16px;box-sizing: border-box;background:url(../img/stats-circle-01.png) center no-repeat;}
.index-content .left .left-top .chartpie > ul li > h2{font-size:25px;font-family: 'fontYouSheBiaoTiHei';position: relative;z-index:2;padding-right:24px;line-height: 36px;}
.index-content .left .left-top .chartpie > ul li:after{position: absolute;left:0;top:0;width:100%;height:100%;background:url(../img/left_top.png) top left no-repeat;content:'';display: block;z-index:1;}
.index-content .left .left-top .chartpie > ul li:hover:after{background:url(../img/left_top_h.png) top left no-repeat;}
.index-content .left .left-top .chartpie > ul.tab-left li+li:after{transform: rotateX(180deg);}
.index-content .left .left-top .chartpie > ul.tab-left li+li > span::after{background:url(../img/stats-circle-03.png) center no-repeat;}
.index-content .left .left-top .chartpie > ul.tab-right{left:50%;right:auto;margin-right:0;margin-left:67px;text-align: left;}
.index-content .left .left-top .chartpie > ul.tab-right li{padding-right:0;padding-left:48px;}
.index-content .left .left-top .chartpie > ul.tab-right li:after{transform: rotateX(180deg) rotateZ(180deg);}
.index-content .left .left-top .chartpie > ul.tab-right li+li:after{transform:rotateZ(180deg);}
.index-content .left .left-top .chartpie > ul.tab-right li > span{padding-left:23px;padding-right:0;}
.index-content .left .left-top .chartpie > ul.tab-right li > span::after{left:0;background:url(../img/stats-circle-02.png) center no-repeat;}
.index-content .left .left-top .chartpie > ul.tab-right li+li > span::after{background:url(../img/stats-circle-04.png) center no-repeat;}
.index-content .left .left-top .chartpie > ul.tab-right li > h2{padding-left:23px;padding-right:0;}

.index-content .left .left-top .chart-stats-bg {width:211px;height:100%;background:url(../img/dot.png) center no-repeat;margin:0 auto;position: relative;z-index: 2;}
.index-content .left .left-top .chart-stats {width:100%;height:100%;}

.index-content .left .left-bottom {width:100%;height:300px;padding:18px 18px 15px;border-radius:15px;background:#ffffff;}
.index-content .left .left-bottom .chart-new {width:100%;height:100%;}

.index-content .right .right-top {width:100%;height:170px;border:2px solid #ffffff;border-radius:15px;margin-bottom:20px;overflow:hidden;}
.index-content .right .right-top .right-top-head {padding:13px 20px 0 30px;height:52.9%;background:rgba(241,246,255,0.7);}
.index-content .right .right-top .right-top-head i {width:60px;height:65px;display:inline-block;vertical-align:middle;background:url(../img/logo_i.png) center no-repeat;}
.index-content .right .right-top .right-top-head h1 {display:inline-block;font-size:24px;font-weight:bold;vertical-align:middle;padding:10px 0 0 20px;}
.index-content .right .right-top .right-top-head h1::after {position:relative;width:185px;height:25px;left:50%;margin-left:-92.5px;display:block;content:'';background:url(../img/logo_i2.png) center no-repeat;}
.index-content .right .right-top .right-top-head .date {display:flex;flex-direction:column;float:right;text-align:center;justify-content:center;padding:0 5px;position: relative;}
.index-content .right .right-top .right-top-head .date::before {content:'';position:absolute;height:22px;width:1px;background-color:#7c8593;left:-25px;top:50%;margin-top:-11px;display:block;}
.index-content .right .right-top .right-top-head .date h2 {margin:5px 0;font-size:17px;letter-spacing:2px;text-align: center;color:#0f1828;}
.index-content .right .right-top .right-top-head .date h2+h2 {letter-spacing:10px;padding-left:10px;}
.index-content .right .right-top .tool {background:#ffffff;padding:23px 0 0;height:47%;}
.index-content .right .right-top .tool::after {clear:both;display:block;content:'';}
.index-content .right .right-top .tool a {display:inline-block;width:50%;float:left;text-align:center;font-size:19px;position: relative;line-height: 30px;;}
.index-content .right .right-top .tool a+a::before {background:#e0e0e0;width:2px;height:22px;content:'';display: block;position: absolute;left:0;top:50%;margin-top:-11px;}
.index-content .right .right-top .tool a i{font-size:28px;color:#1760d9;vertical-align: top;display: inline-block;margin-right:3px;}

.index-content .right .right-middle {height:410px;margin-bottom:20px;overflow:hidden;}
.index-content .right .right-middle .column-body{margin:5px 0 0;padding:0;}
.index-content .right .right-middle .chart-classification{width:100%;height:100%;padding:1% 0 0;}
.index-content .right .right-middle .chart-classification .swiper-container{width:100%;height:100%;}
.index-content .right .right-middle .chart-classification .swiper-slide{display:flex;flex-direction: column;justify-content: end;padding:20px 0 0;}
.index-content .right .right-middle .chart-classification .progress-bar{height:9px;width:100%;background:#f3f3f5;border-radius:10px;}
.index-content .right .right-middle .chart-classification .progress{height:9px;background:linear-gradient(to right,#498cff,#1760d9);border-radius:10px;width: 0;}
.index-content .right .right-middle .chart-classification .swiper-slide span{padding:0 0 13px;line-height:1;display:block;}
.index-content .right .right-middle .chart-classification .swiper-slide span::after{clear:both;content:'';display:block;}
.index-content .right .right-middle .chart-classification .swiper-slide span>h2{float:left;font-size:16px;color:#0f1528;}
.index-content .right .right-middle .chart-classification .swiper-slide span>h3{float:right;font-size:14px;color:#707277;}
.index-content .right .right-middle .chart-classification .swiper-slide span>h3>label{font-size:19px;color:#2663e0;font-weight: bold;padding:0 5px 0 0;font-family: 'Arial';}

.index-content .right-bottom {width:100%;height:300px;}
.index-content .right-bottom ul {width:100%;padding:10px 0 0;display:flex;flex-wrap:wrap;justify-content:space-between;}
.index-content .right-bottom ul li {width:32%;border-radius:10px;}
.index-content .right-bottom ul li a {display: flex;padding:20px 0;background:linear-gradient(to bottom,#f0f6fd,#ffffff);border-radius: 5px;}
.index-content .right-bottom ul li a:hover{background:linear-gradient(to bottom,#dcecff,#ffffff);text-shadow: -1px -1px 0 rgba(255,255,255,0.5), 1px -1px 0 rgba(255,255,255,0.5),-1px 1px 0 rgba(255,255,255,0.5),1px 1px 0 rgba(255,255,255,0.5);}
.index-content .right-bottom ul li i {width:70px;height:70px;float:left;}
.index-content .right-bottom ul li a span {}
.index-content .right-bottom ul li:nth-child(1) i {background:url(../img/fast_i1.png) center no-repeat;}
.index-content .right-bottom ul li:nth-child(2) i {background:url(../img/fast_i2.png) center no-repeat;}
.index-content .right-bottom ul li:nth-child(3) i {background:url(../img/fast_i3.png) center no-repeat;}
.index-content .right-bottom ul li:nth-child(4) i {background:url(../img/fast_i4.png) center no-repeat;}
.index-content .right-bottom ul li:nth-child(5) i {background:url(../img/fast_i5.png) center no-repeat;}
.index-content .right-bottom ul li:nth-child(6) i {background:url(../img/fast_i6.png) center no-repeat;}
.index-content .right-bottom ul li a::after {display:block;clear:both;content:'';}
.index-content .right-bottom li span>h1 {font-size:16px;font-weight:bold;padding-bottom:8px;padding-top:1px;}
.index-content .right-bottom li span>h3 {font-size:12px;color:#a0a6ad;zoom:0.9;}

@media  (max-width: 1900px) {
    .index-header .head-logo{width:500px;padding-right:40px;}
    .index-header .head-nav li a{font-size: 15px;}
}
@media  (max-width: 1800px) {
    .index-header .head-logo{width:450px;padding-right:30px;}
    .index-header .head-nav li a{font-size: 14px;padding-left:5px;padding-right:5px;}
}
@media  (max-width: 1600px) {
    .index-header .head-logo{width:350px;padding-right:10px;}
    .index-header .head-nav li a{font-size: 12px;}
}