.comtop .cn{position: relative;top: 0;}
/* kfpt start */
.kfpt{padding: 30px 0;}
.kfdata,.kfarea{padding: 0 30px;}
.kfdata ul{font-size: 0;background: #F0F6FC;}
.kfdata li{display: inline-block;padding: 35px 0;;width: 20%;;font-size: 16px;color: #808080;text-align: center;}
.kfdata li .data{margin-bottom: 20px;;font-size: 28px;font-weight: bold;color: #2056AB;}
.kfdata li:hover{background: #E4EEF7;}

.kfarea{margin-top: 20px;}
.kfarea ul{font-size: 0;text-align: justify;text-align-last: justify;}
.kfarea li{display: inline-block;width: 16%;margin: 25px 0;;font-size: 18px;text-align: center;text-align-last: center;}
.kfarea li img{height: 60px;margin-bottom: 10px;}
/* kfpt end */
/* sjtj start */
.sjtjbox{padding: 30px 0 50px;width: 100%;background: url(../images/sjkf/sjtjbg.png) no-repeat top center;}
.chartsNav{width: 15.36%;}
.chartsNav li{position: relative;;height: 80px;line-height: 80px;color: #fff;font-size: 18px;cursor: pointer;}
.chartsNav li div{position: absolute;left: 0;top: 0;padding-left: 25px;width: 100%;height: 100%;background: #2D508A;transition: all .3s;}
.chartsNav li div{border-bottom: 1px solid #fff;}
.chartsNav li div:after{display: none;;position: absolute;right: 15px;top: 50%;margin-top: -8px;width: 16px;height: 16px;background: url(../images/sjkf/arrow.png) center center;content: '';background-size: 100%;}
.chartsNav li.on div{background-color: #3971CC;width: 110.67%;}
.chartsNav li.on div::after{display: block;}
.chartsNav li img{vertical-align: middle;margin-right: 30px;  width: 36px;}
.charts{width: 81.8%;height: 480px;background-color: #fff;box-shadow: 0px 2px 36px #bac6d9;}
#echarts{width: 100%;height: 100%;}
/* sjtj end */
/* sjfb start */
.sjfbbox{width: 100%;padding: 50px 0;background-color: #FAFAFA;}
.sjfbbox .container > div .comlist span{font-size: 18px;color: #A6A6A6;}
.sjfb,.sjjd{padding: 20px;}
/* sjfb end */
/* tjnb start */

.tjgbbox{padding: 40px 0;}
.tjgbbox > div{width: 48.72%;}
.tjcon{margin-top: 20px;}
.tjcon .imgbox{width: 28%;position: relative;}
.tjcon .imgbox img{width: 100%;}
.tjcon .imgbox p{position: absolute;left: 0;top: 0;font-size: 20px;color: #fff;padding: 3px 20px;background: #475DB3;border-radius: 0 0 5px 0;}
.tjcon .gblist{width: 68%;}
.tjcon .gblist li{overflow: hidden;width: 100%;height: 41px;line-height: 41px;font-size: 1.125em;;white-space: nowrap;text-overflow: ellipsis;}

.tjcon .njlist{width: 70%;overflow: hidden;}
.tjcon .njlist ul{text-align: justify;text-align-last: justify;margin-top: -23px;}
.tjcon .njlist li{display: inline-block;margin-top: 20px;;width: 31%;height: 68px;line-height: 68px;font-size: 1.125em;;background-color: #E6EDF5;text-align: center;text-align-last: center;}
.tjcon .njlist li a{ white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;  overflow: hidden;display: block;padding: 0px 15px; font-weight: bold;}
/* tjnb end */

@media (max-width: 1420px) {
    .tjcon .gblist li{font-size: 16px;height: 37px;line-height: 37px;}
    .tjcon .njlist ul{margin-top: -15px;}
    .tjcon .njlist li{margin-top: 15px;height: 61px;line-height: 61px;}
}
@media (max-width: 1200px){
    .kfdata li .data{font-size: 22px;}
    .kfarea li img{height: 46px;}
    .sjtjbox{background-size: 100% 100%;}
    .chartsNav{width: 100%;}
    .chartsNav li{float: left;width: 16.66%;text-align: center;}
    .chartsNav li div{padding-left: 0;}
    .chartsNav li.on div{width: 100%;}
    .chartsNav li img{margin-right: 10px;margin-left: -20px;}
    .charts{width: 100%;}
    .sjfbbox{padding: 30px 0;}
    .tjgbbox{padding: 30px 15px;}
    .tjcon .imgbox{width: 35%;}
    .tjcon .gblist,.tjcon .njlist{width: auto;float: none;}
    .sjfb, .sjjd{margin-bottom: 15px;}
    .tjgbbox > div{width: auto;float: none;margin-bottom: 20px;}
    .tjcon .imgbox {display: none;}
}
@media (max-width: 768px){
    .tjcon .imgbox{width: 38%;}
    .tjcon .njlist li{height: 49px;line-height: 49px;}
}
@media (max-width: 425px){
    .kfdata li .data{font-size: 18px;}
    .kfdata, .kfarea{padding: 0 10px;}
    .kfdata li{width: 33.3%;}
    .kfarea li{width: 32%;font-size: 14px;}
    .chartsNav li{width: 50%;height: 55px;line-height: 55px;font-size: 14px;}
    .charts{height: 300px;}
    .sjtjbox{margin-top: 20px;padding: 20px 0;}
    .sjfbbox{padding: 20px 0;}
    .sjjd{margin-top: 20px;}
    .sjfbbox .container > div .comlist span{font-size: 14px;}

    .tjgbbox{padding: 15px;}
    .tjgbbox > div{width: 100%;}
    .tjnj{margin-top: 20px;}
    .tjcon{margin-top: 10px;}
    .tjcon .njlist ul{margin-top: -10px;}
    .tjcon .njlist li{font-size: 16px;margin-top: 10px;}
}