@charset "utf-8";
.column-banner{ background: url(../images/kspj/zyjszg_banner.jpg) no-repeat;height: 111px}
.column-banner h2{ font-size: 36px;color: #368ec9;text-shadow: 2px 2px #fff;line-height: 36px;letter-spacing: 1px;padding: 36px 0 0 4%}
@media screen and (max-width:991px){
 .column-banner{  height: auto;background: cover }
 .column-banner h2{  font-size: 30px;padding: 5% 3% }
}
@media screen and (max-width:450px){
 .column-banner h2{  font-size: 22px;line-height: 30px }
}
.main{ position: relative}
.sidebar{ position: absolute;top: 0;left: 0;width: 130px;height: 100%;    z-index: 1000;}
.sidebar li{ cursor: pointer;padding-bottom: 20px}
.sidebar li a{ display: block;width: 110px;text-align: center;padding: 10px 0;position: relative}
.sidebar li a:after{ content: "";position: absolute;width: 5px;height: 5px;background: #dcdcdc;border-radius: 50%;top: 50%;margin-top: -2px;right: -22px}
.sidebar li.on a{ background-color: #368ec9;border-radius: 3px;color: #fff;position: relative}
.sidebar li.on a:before{ content: "";position: absolute;width: 0;height: 0;right: -7px;top: 50%;margin-top: -7px;border-top: 7px solid transparent;border-left: 7px solid #368ec9;border-bottom: 7px solid transparent}
.sidebar li.on a:after{ content: "";position: absolute;width: 22px;height: 22px;background: url(../images/kspj/icon1.png) no-repeat;top: 50%;margin-top: -11px;right: -31px}
.sidebar.fixed{ position: fixed}
.maincontent{ padding-left: 152px}
.maincontent:before {
    display: block;
    content: '';
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 128px;
    z-index: 100;
    border-right: 1px solid #dcdcdc;
}

@media screen and (max-width:991px){
 .maincontent{  padding-left: 0 }
 .maincontent:before{border:none}
}
.entrance a{ display: block;height: 110px;width: 22.5%;text-align: center;margin-top: 20px;font-size: 18px;font-weight: 700;color: #fff;border-radius: 5px;padding: 15px 0;box-sizing: border-box}
.entrance.kd30 a{ display: block;height: 110px;width: 22.5%;text-align: center;margin-top: 20px;font-size: 18px;font-weight: 700;color: #fff;border-radius: 5px;padding: 15px 0;box-sizing: border-box}
.entrance.kd32 a{ display: block;height: 110px;width: 32%;text-align: center;margin-top: 20px;font-size: 18px;font-weight: 700;color: #fff;border-radius: 5px;padding: 15px 0;box-sizing: border-box}
.entrance.kd48 a{ display: block;height: 110px;width: 48%;text-align: center;margin-top: 20px;font-size: 18px;font-weight: 700;color: #fff;border-radius: 5px;padding: 15px 0;box-sizing: border-box}
.entrance a:hover{ opacity: .8}
.entrance a i{ display: block;width: 46px;height: 68%;background: url(../images/kspj/icon2.png) no-repeat;margin: auto}
.entrance a .wsbm{ background-position: 5px 0}
.entrance a .zkz{ background-position: -246px 0}
.entrance a .cjcx{ background-position: -497px 0}
.entrance a .cjdy{ background-position: -748px 0}
.entrance a .kfgl{ background-position: 5px -161px}
.entrance a .jkjk{ background-position: -246px -161px}
.entrance a .jggl{ background-position: -497px -161px}
.entrance a .xtgly{ background-position: -748px -161px}
.entrance a .pxkh{ background-position: -498px -161px}
.entrance .bg-blue1{ background-color: #387cc3}
.entrance .bg-blue2{ background-color: #41a0d8}
.entrance .bg-green{ background-color: #4294aa}
.entrance .bg-lightgreen{ background-color: #8ac04a}
.entrance .bg-orange{ background-color: #c7a267}

.entrance.hsksrk a{width:18.5%}
.entrance.hsksrk a:last-child{background:#6AA6F5;}
.entrance a i.hgzcx{background: url(../images/kspj/hgzcx2024.png) no-repeat;}
.yxgcccontent .entrance a{width:45%;}
@media screen and (max-width:991px){
 .entrance a{  width: 48% }
}
@media screen and (max-width:450px){
 .entrance a{  font-size: 16px;font-weight: 400;padding: 5px 0 5px;height: 80px }
 .entrance a i{  transform: scale(.8);height: 65% }
}
.entrance.maxbig a{ width: 48%}
.erweima{ padding-right: 110px;position: relative;min-height: 120px;}
.erweima .qrcode{ position: absolute;top: 5px;right: 0;width: 88px;text-align: center}
.erweima .qrcode img{ border: 1px solid #dcdcdc;padding: 2px}
.erweima .qrcode span{ font-size: 14px;display: inline-block;margin-top: 5px}
.entrance-banner{ background: url(../images/kspj/entrance_banner.jpg) no-repeat;height: 111px;position: relative}
.entrance-banner h4{ font-size: 30px;color: #368ec9;text-shadow: 2px 2px #fff;line-height: 36px;letter-spacing: 1px;padding: 36px 0 0 4%;text-align: center}
.entrance-banner a.btn{ position: absolute;background-color: #438fc3;width: 80px;height: 28px;line-height: 28px;border-radius: 18px;right: 20px;bottom: 5px;font-size: 14px;text-align: left;padding-left: 15px}
.entrance-banner a.btn:hover{ color: #fff;opacity: .8}
.entrance-banner a.btn:after{ content: ">";position: absolute;width: 16px;height: 16px;line-height: 15px;color: #4690c3;background-color: #fff;border-radius: 50%;text-align: center;top: 50%;margin-top: -8px;right: 10px}
.entrance-banner.ROVL h4{ font-size: 26px;line-height: 35px;padding-top: 16px}
@media screen and (max-width:991px){
 .entrance-banner{  height: auto;background-size: cover;padding-bottom: 26px }
 .entrance-banner h4{  font-size: 24px;padding: 5% 3% 3% }
 .entrance-banner a.btn{  transform: scale(.8);right: 0;line-height: 30px;height: 30px }
 .entrance-banner.ROVL h4{  font-size: 20px;line-height: 28px }
}
@media screen and (max-width:450px){
 .entrance-banner h4{  font-size: 18px;line-height: 26px }
 .entrance-banner.ROVL h4{  font-size: 16px;line-height: 22px }
}
/*  */
.books{min-height: 100px;}