@charset "utf-8";
.clearfix::after{display: table;content: '';clear: both;}

.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 }
}

.xxcxmain{margin-top: 35px;}
.slidexxcx{float: left;width: 262px;border-right: 1px solid #dcdcdc;}
.slidexxcxs{width: 230px;}
.slidexxcx h2{font-weight: 700;font-size: 20px;line-height: 30px;border-bottom: 2px solid #f3f3f3;padding-bottom: 17px;}
.slidexxcx h2 span{font-size: 14px;}
.slidexxcxs .slides{border-bottom: 2px solid #f3f3f3;}
.slidexxcxs .slidesn{font-weight: bold;font-size: 14px;line-height: 30px;margin-top: 12px;padding-left: 5px;background: url(../images/public/xcicon2.png) no-repeat center right;}
.slidexxcxs .slidesn::before{display: inline-block;content: '';width: 4px;height: 4px;border-radius: 50%;background: #333;vertical-align: middle;margin-right: 8px;}
.slidexxcxs .slidesnone{font-weight: bold;font-size: 14px;line-height: 30px;margin-top: 12px;padding-left: 5px;}
.slidexxcxs .slidenav{display: none;}
.slidexxcxs .active{display: block;}
.slidexxcxs .slidenav a{display: block;line-height: 30px;font-size: 12px;color: #666;margin: 12px 0;text-indent: 2em;}
.slidexxcxs .slidenav a:hover{color: #368ec9;}

.slidexxcxs .factive,.slidexxcxs a.factive,.slidexxcxs .slidesnone a.active{color: #368ec9;}
.slidexxcxs .factive::before{background: #368ec9;}
.slidexxcxs p.factive{background: url(../images/public/xcicon3.png) no-repeat center right;}


.xxcxlist{float: right;width: 860px;}
.channeln{height: 52px;border-bottom: 1px solid #dcdcdc;background: url(../images/public/xcicon.png) no-repeat left 3px;}
.channeln p{display: inline-block;position: relative;;height: 38px;line-height: 38px;font-size: 26px;text-indent: 45px;}
.channeln p::after{position: absolute;bottom: -14px;left:0;content: '';height: 2px;width: 100%;background: #368ec9;}
.cxlists li,li.xxcxli{height: 40px;line-height: 40px;border-bottom: 1px dashed #f2f2f2;box-sizing: content-box; padding: 5px 0;}
.cxlists li::before,li.xxcxli::before{display: inline-block;content: '';width: 6px;height: 6px; border-radius: 50%;background: #368ec9;vertical-align: middle;margin-right: 8px;}
.cxlists li a,li.xxcxli a{font-size: 14px;color: #4f4f4f;}
.cxlists li a:hover,li.xxcxli a:hover{color: #368ec9;}


@media screen and (max-width:768px){
    .slidexxcx{width: 100%;border-right:none;float: none;}
    .slidexxcxs{width: 100%;}
    .xxcxlist{width: 100%;float: none;margin-top: 20px;}
    .channeln p{font-size: 18px;}
    li.xxcxli{height: auto;line-height: 20px;}
}