@font-face {
  font-family: "ddjbt";font-weight:normal;src:url("../woff/2vhwcc.woff") format("woff");
  font-display: swap;
}
.ddjb{font-family: "ddjbt";}
.flex{display:flex;justify-content:space-between;flex-wrap:wrap;}
.flexc{align-items: center;}
.flex-left{display:flex;flex-wrap:wrap}
.flex-center{display:flex;flex-wrap:wrap;justify-content: center;}
.flex-right{display:flex;flex-wrap:wrap;justify-content: flex-end;}
.flex-v-center{display:-webkit-flex;display:flex;flex-direction:column;justify-content:center}
.flex-v{display:-webkit-flex;display:flex;flex-direction:column;justify-content:space-between;}
.flex-v-bottom{display: -webkit-flex;display: flex;align-items: flex-end;flex-wrap: wrap;justify-content: left;}
.nysjkf{line-height: 1.4em;}
.sjkf_1{background: url(../png/tadv9e.png) no-repeat left bottom;background-size: cover;border-radius: 5px;padding: 50px}
.sjkf_1 .tit {color: #fff;margin-bottom: 50px}
.sjkf_1 .tit a{color: #fff;}
.sjkf_1 .tit .h4{font-size: 32px;}
.sjkf_1 .tit ul li{margin-left: 50px;font-size: 20px}
.sjkf_1 .tit ul li a:hover{text-decoration: underline;}
.sjkf_1 .apiNum{width:50%;background: linear-gradient(to right,rgba(0,0,0,.05) 0%,rgba(0,0,0,0) 100%);padding:20px 15% 20px 40px;border-radius: 10px 0 0 10px}
.sjkf_1 .apiNum ul li{width: 33.3333%;color: #fff;text-align: center;padding: 15px 0}
.sjkf_1 .apiNum ul li .num {margin-bottom:10px}
.sjkf_1 .apiNum ul li .num span{color: #0087ff;font-size: 42px;display: inline-block;line-height: 1em}
.sjkf_1 .apiNum ul li p{font-size: 20px}


.sjkf_2 {padding: 50px 0 30px}
.sjkf_2 .hd{margin-bottom: 35px}
.sjkf_2 .hd ul li{font-size: 28px;line-height: 1em;padding-bottom: 15px;margin: 0 20px;opacity: .6;cursor: pointer;position: relative;}
.sjkf_2 .hd ul li:after{content: '';position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;height: 3px;background: #004ca2;transition: .3s;width: 0}
.sjkf_2 .hd ul li.on{color: #004ca2;opacity: 1}
.sjkf_2 .hd ul li.on:after{width: 100%;}
.sjkf_2  .partList li a{display: block;}
.sjkf_2  .partList li{width:calc(16.6666% - 10px);margin: 0 5px 10px;background: #ebf4ff;padding: 12px 0;text-align: center;display: flex;justify-content: center;flex-direction: column;box-sizing: border-box;border-radius: 5px}
.sjkf_2  .partList li:hover{box-shadow: 2px 2px 15px rgba(0,76,162,.4)}
.sjkf_2  .typeList li{width:calc(16.6666% - 20px);margin: 0 24px 24px 0;background: #ebf4ff;padding: 20px 0;text-align: center;box-sizing: border-box;border-radius: 5px}
.sjkf_2  .typeList li:hover{box-shadow: 2px 2px 15px rgba(0,76,162,.4)}
.sjkf_2  .typeList li:hover img{transform: rotateY(360deg);transition: .8s;}
.sjkf_2  .typeList li:nth-child(6n){margin-right: 0}
.sjkf_2  .typeList li img{width: 58px;height: 58px;margin-bottom: 10px}
.sjkf_3{padding-bottom: 40px;}
.sjkf_3 .items{width: calc(50% - 20px);}
.sjkf_3 .items1 .tit{background: url(../png/e9pnpc.png) no-repeat left center;background-size: cover;border-radius: 5px}
.sjkf_3 .items2 .tit{background: url(../png/xczvgb.png) no-repeat left center;background-size: cover;border-radius: 5px}
.sjkf_3 .tit{height: 120px;padding: 0 10%;position: relative;display: flex;justify-content: center;flex-direction: column;}
.sjkf_3 .tit .h4{font-size: 28px;color: #fff;}
.sjkf_3 .tit .h4:after{content: '';;display: block;height: 10px;width: 140px;transform: skewX(-35deg);margin-top: 10px;}
.sjkf_3 .items1 .tit .h4:after{background:  linear-gradient(to right,#11aaff 0%,rgba(0,0,0,0) 100%);}
.sjkf_3 .items2 .tit .h4:after{background:  linear-gradient(to right,#5a63ff 0%,rgba(0,0,0,0) 100%);}
.sjkf_3 .tit a{position: absolute;left: 40%;display: block;line-height: 28px;border: 1px solid #fff;border-radius: 30px;font-size: 15px;color: #fff;transition: .3s;width: 88px;text-align: center;}
.sjkf_3 .tit a:hover{letter-spacing: .2em;}
.sjkf_3 .items .list{padding: 15px 10px 0;}
.sjkf_3 .items .list li{padding: 8px 100px 8px 10px;position: relative;}
.sjkf_3 .items .list li:before{content: '';width: 4px;height: 4px;border-radius: 50%;background: #888;left: 0;top: 17px;position: absolute;}
.sjkf_3 .items .list li span{position: absolute;top: 8px;right: 0;color: #888;font-size: 16px;}

.sjkf_4{padding: 50px 0;background: url(../png/o8lajt.png) no-repeat center;background-size: cover;}
.sjkf_4 .getData {position: absolute;top:80px}
.sjkf_4 .getData1 {left:0}
.sjkf_4 .getData2 {right:0}
.sjkf_4 .getData li{width: 200px;height: 60px;background: #c2dfff;margin-bottom: 10px;text-align: center;display: flex;justify-content: center;flex-direction: column;position: relative;}
.sjkf_4 .getData1 li.on:after{content: '';border: 10px solid transparent;border-left-color: #2c7dd4;position: absolute;left: 100%;top: 50%;transform: translateY(-50%);}
.sjkf_4 .getData2 li.on:after{content: '';border: 10px solid transparent;border-right-color: #2c7dd4;position: absolute;right: 100%;top: 50%;transform: translateY(-50%);}
.sjkf_4 .getData li a{color: #2c7dd4;}
.sjkf_4 .getData li.on{background-color:#2c7dd4 ;}
.sjkf_4 .getData li.on a{color:#fff ;}
.sjkf_4 .hd{margin-bottom: 35px}
.sjkf_4 .hd ul {text-align: center}
.sjkf_4 .hd ul li{font-size: 26px;line-height: 1em;padding-bottom: 15px;margin: 0 20px;opacity: .6;cursor: pointer;position: relative;display: inline-block}
.sjkf_4 .hd ul li:after{content: '';position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;height: 3px;background: #004ca2;transition: .3s;width: 0}
.sjkf_4 .hd ul li.on{color: #004ca2;opacity: 1}
.sjkf_4 .hd ul li.on:after{width: 100%;}
.sjkf_4 #echarts{height: 400px;}
.sjkf_4 #echarts1{height: 400px;}
.sjkf_4 #echarts2{height: 400px;}

.sjkf_4 .echarts_box{width: 68%;position: relative;top: -10px;margin:0 auto;}
.sjkf_4 .echarts0{opacity: 0;visibility:hidden;}
.sjkf_4 .echarts1{position: absolute;top: 0;left:0;width:100%;opacity: 0;visibility:hidden;}
.sjkf_4 .echarts2{position: absolute;top: 0;left:0;width:100%;opacity: 0;visibility:hidden;}
.sjkf_4 .echarts.show{z-index: 10;opacity: 1;visibility: visible;transition: .3s}


.sjkf_5{padding: 50px 0 80px;background: url(../png/w7n0ry.png) #f4f5f7 no-repeat center;background-size: cover;}
.sjkf_5 .tit{position: relative;text-align: center;margin-bottom: 35px;}
.sjkf_5 .tit a{position: absolute;top: 10px;right: 0;color: #004ca2;font-size: 16px;}

.sjkf_5 .tit span{font-size: 28px;line-height: 1em;padding-bottom: 10px;margin: 0 20px;position: relative;color: #004ca2;display: inline-block;line-height: 1.2em;}
.sjkf_5 .tit span:after{content: '';position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;height: 3px;background: #004ca2;transition: .3s;width:100%}
.sjkf_5 ul li{background: #fff;width: calc(25% - 30px);box-shadow: 0 0 10px rgba(0,0,0,.1);text-align: center;padding: 40px 20px;box-sizing: border-box;border-radius: 5px;}
.sjkf_5 ul li .apppic{margin-bottom: 15px;width: 100px;height: 100px;}
.sjkf_5 ul li h4{margin-bottom: 5px;}
.sjkf_5 ul li a{display: block;}
.sjkf_5 ul li .d{display: block;width: 110px;height: 32px;border: 1px solid #00409d;text-align: center;line-height: 31px;font-size: 16px;margin: 20px auto 0;border-radius: 30px;color: #00409d;transition: .3s;}
.sjkf_5 ul li:hover .d{letter-spacing: .1em}
.sjkf_5 ul li:hover{box-shadow: 2px 2px 15px rgba(0,76,162,.4)}

@media(max-width: 1500px){
.sjkf_1 .apiNum ul li .num span{font-size: 40px}
.sjkf_1 .apiNum{width: 60%}
.sjkf_4 .getData{position: relative;top:0;width: 100%;display: flex;justify-content:center;flex-wrap: wrap}
.sjkf_4 .getData li{width: 18%;margin: 0 1% 20px;padding: 0 10px}
.sjkf_4 .getData li.on:after{display: none}
.sjkf_4 .echarts_box{width: 100%}
}

@media(max-width: 1280px){
.sjkf_1 .tit ul{width: 100%;margin-top:30px}
.sjkf_1 .tit ul li{margin-left: 0}
.sjkf_1 .apiNum{width: 100%;padding: 30px 50px;box-sizing: border-box;background: rgba(0,0,0,.05);border-radius: 10px}
.sjkf_1 .tit .h4{width: 100%;text-align: center;line-height: 1.2em}
.sjkf_2 .typeList li{width: calc(25% - 18px);margin-right: 24px}
.sjkf_2 .typeList li:nth-child(6n) {margin-right: 24px;}
.sjkf_2 .typeList li:nth-child(4n) {margin-right: 0;}

.sjkf_2 .partList li{width: calc(25% - 10px);}

.sjkf_3 .items{width: 100%}
.sjkf_3 .items1{margin-bottom: 30px}

.sjkf_5 ul li{width: calc(25% - 20px);padding: 20px}
.sjkf_4 .getData li{height: 50px}
}

@media(max-width: 900px){
.sjkf_1{padding: 30px}
.sjkf_1 .apiNum{width: 100%;padding: 20px 20px;}
.sjkf_2 .partList li{width: calc(33.33333% - 10px);}
.sjkf_1 .apiNum ul li .num span{font-size: 35px}
.sjkf_5 ul li{width: calc(50% - 20px);margin-bottom:30px }
}

@media(max-width: 640px){
.sjkf_1 .tit .h4{line-height:1.4em;font-size: 26px;text-align: center;width: 100%}
.sjkf_1 .apiNum ul li{width: 50%}

.sjkf_2 .typeList li{width: calc(33.333333% - 12px);margin-right: 18px;margin-bottom: 18px}
.sjkf_2 .typeList li:nth-child(6n) {margin-right: 18px;}
.sjkf_2 .typeList li:nth-child(4n) {margin-right: 18px;}
.sjkf_2 .typeList li:nth-child(3n) {margin-right: 0;}
.sjkf_2 .partList li{width: calc(50% - 10px);}
.sjkf_3 .tit a{left: auto;right: 5%}
.sjkf_3 .tit{height: 100px}
.sjkf_5 ul li{width: calc(50% - 10px);margin-bottom:30px ;padding: 20px 10px}
.sjkf_5{padding-bottom: 40px}
.sjkf_5 ul li .d{font-size: 14px}
.sjkf_5 .tit{text-align: left;}
.sjkf_4 .getDatap{display: block;white-space: nowrap;overflow: auto;margin-bottom: 10px}
.sjkf_4 .getData{display: inline-block}
.sjkf_4 .getData li{width: 31.33333%}

.sjkf_4 .getData{position: relative;top:0;width:auto;overflow: auto;white-space: nowrap;margin-bottom: 15px}
.sjkf_4 .getData li{width: auto;margin: 0 15px 0 0;padding:  10px 15px;display: inline-block;height:auto}
}

@media(max-width: 480px){
.sjkf_1 .tit .h4{font-size:6.5vw;}
.sjkf_1 .apiNum ul li {padding: 10px 0}
.sjkf_1 .apiNum ul li .num span{font-size: 6.5vw}
.sjkf_1 .apiNum{padding: 20px 0}
.sjkf_1 .apiNum ul li p,.sjkf_1 .tit ul li{font-size: 3.8vw}
.sjkf_1{padding: 30px 15px}
.sjkf_1 .tit{margin-bottom: 30px}
.sjkf_2 .hd ul li,.sjkf_3 .tit .h4,.sjkf_5 .tit span{font-size: 5.5vw}
.sjkf_2 .partList li{font-size: 3.5vw;padding: 10px 0}
.sjkf_4 .hd ul li{font-size: 5vw}
.sjkf_5 ul li{width:100%}
}


.app .ctit{margin-bottom: 30px}
.app .ctit span{color: #015293;font-size: 28px}
.app .ctit span:before{content: '';width: 5px;height: 26px;border-radius:5px;background: #015293;display: inline-block;vertical-align: -3px;margin-right: 10px}
.app{margin-bottom:30px}
.app ul li{float: left;margin-right: 2%;width: 23.5%;background: #f9f9f9;padding: 25px 0;text-align: center;margin-bottom:30px}
.app ul li p{padding: 4px 0}
.app ul li p.time{font-size: 14px;color: #666}
.app ul li img{display: inline-block;}
.app ul li img.apppic{margin-bottom: 10px}
.app ul li a.d{color: #015293;display: inline-block;margin-top: 15px;transition: .3s}
.app ul li a.d:hover{letter-spacing: .1em}
.app ul li:nth-child(4n){margin-right:0}