.index_one {
    margin-top: 20px;
}

.index_one_left {
    width: 59%;
    float: left;
}

.index_one_right {
    width: 40%;
    float: right;
}

.one_title {
    height: 40px;
    margin-bottom: 8px;
}

.one_title_bg {
    float: left;
    width: 160px;
    height: 40px;
    line-height: 40px;
    background: url(../images/index_titBg01.png) no-repeat;
}

.one_title_bg01 {
    width: 170px;
    background: url(../images/index_titBg02.png) no-repeat;
}

.one_title_w {
    width: 100%;
    background: #12438f;
}

.one_title_w .one_title_bg {
    background: 0;
}

.one_title_bg h3 {
    float: left;
    line-height: 40px;
    font-size: 16px;
    color: #fff;
}

.index_more {
    float: right;
    line-height: 40px;
    color: #12438f;
    margin-right: 10px;
}

.one_title_w .index_more {
    color: #fff;
}

.one_title_bg span {
    display: inline-block;
    width: 28px;
    height: 28px;
    margin: 6px 4px 0 6px;
    background: url(../images/index_icon.png) no-repeat;
}

.one_title_bg span.index_icon01 {
    background-position: 0 0;
}

.one_title_bg span.index_icon02 {
    background-position: -28px 0;
}

.one_title_bg span.index_icon03 {
    background-position: -56px 0;
}

.one_title_bg span.index_icon04 {
    background-position: -84px 0;
}

.one_title_bg span.index_icon05 {
    background-position: -112px 0;
}

.one_title_bg span.index_icon06 {
    background-position: -140px 0;
}

.one_title_bg span.index_icon07 {
    background-position: -168px 0;
}

.one_title_bg span.index_icon08 {
    background-position: -196px 0;
}

.one_title_bg span.index_icon09 {
    background-position: -224px 0;
}

.one_title_bg span.index_icon10 {
    background-position: -252px 0;
}

.one_title_bg span.index_icon11 {
    background-position: -280px 0;
}

.one_title_bg span.index_icon12 {
    background-position: -308px 0;
}

.one_link {
    overflow: hidden;
    background: #fff;
    padding: 7px 10px;
    border-top: 3px solid #12438f;
    border-right: 1px #dcdcdc solid;
    border-left: 1px #dcdcdc solid;
    border-bottom: 1px #dcdcdc solid;
}

.one_link ul li {
    border-bottom: 1px #dcdcdc dashed;
    padding-left: 13px;
    background: url(../images/new4.jpg) no-repeat left center;
    font-size: 14px;
    height: 38px;
    line-height: 38px;
}

.one_link ul li:last-child {
    border-bottom: none;
}

.one_link ul li a {
    float: left;
    color: #000000;
    line-height: 38px;
    width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.one_link ul li a:hover {
    color: #12438f;
    font-weight: bold
}

.one_link ul li span {
    float: right;
    color: #9a9899;
    margin-right: 10px;
}

.index_two_l {
    float: left;
    width: 49.5%;
}

.index_two_r {
    float: right;
    width: 49.5%;
}

.index_three_con {
    overflow: hidden;
    margin: 4px 0;
}

.fore_left {
    /* width: 254px; */
    width: 37%;
    height: 148px;
    float: left;
}

.fore_left img {
    width: 100%;
    height: 100%;
}

.fore_right {
    width: 60%;
    float: right;
}

.fore_right_title {
    font-size: 16px;
    font-weight: bold;
    padding-top: 10px;
}

.fore_right_title a:hover {
    color: #12438f;
    font-weight: bold;
}

.fore_right_title_t {
    line-height: 24px;
    height: 48px;
    color: #868686;
    font-size: 14px;
    margin-top: 10px;
    overflow: hidden;
}

.fore_right_date {
    color: #9a9899;
    font-size: 14px;
    margin-top: 16px;
}

.fore_box_title {
    width: 590px;
    height: 49px;
    background: url(../images/04.jpg) no-repeat center;
}

.fore_box_title .tileft {
    font-size: 16px;
    color: #FFFFFF;
    line-height: 40px;
    float: left;
}

.fore_box_title .tiright {
    color: #FFFFFF;
    line-height: 40px;
    float: right;
}

.fore_box_title .tiright a {
    font-size: 14px;
    color: #12438f;
    line-height: 40px;
    float: right;
}

.fore_right_title {
    width: 300px;
    font-size: 16px;
    font-weight: bold;
    padding-top: 10px;
}

.fore_right_title a:hover {
    color: #12438f;
    font-weight: bold;
}

.fore_right_title_t {
    line-height: 24px;
    height: 48px;
    color: #868686;
    margin-top: 10px;
    overflow: hidden;
}

.fore_right_date {
    color: #9a9899;
    margin-top: 16px;
}

.yantao {
    width: 458px;
    margin-top: 8px;
}

.yantao ul {
    padding: 0px;
    margin: 0px auto;
}

.yantao ul li {
    width: 445px;
    border-bottom: 1px #dcdcdc dashed;
    padding-left: 13px;
    background: url(../images/new4.jpg) no-repeat left;
    font-size: 14px;
    line-height: 38px;
}

.yantao ul li a {
    color: #000000;
    font-size: 14px;
    line-height: 38px;
}

.yantao ul li a:hover {
    color: #12438f;
}

.yantao ul li a .span {
    float: right;
    color: #9a9899;
}

.xueke {
    border-top: 3px #12438f solid;
    border-right: 1px #dcdcdc solid;
    border-bottom: 1px #dcdcdc solid;
    background-color: #ffffff;
    height: auto;
    overflow: hidden;
}

.xueke_left {
    width: 20%;
    float: left;
}

.xkgl_bg {
    height: 168px;
    background-color: #ebeffa;
}

.other_service {
    height: 168px;
    background: #ebeff9;
}

.personnel_training {
    height: 336px;
    background: #ebeff9;
}

.xshd_height {
    height: 291px;
    background: #ebeff9;
}

.xueke_left ul li {
    height: 55px;
    line-height: 55px;
    text-align: center;
    background-color: #ebeffa;
    border-bottom: 1px #ffffff solid;
}

.xueke_left ul li a {
    color: #204897;
    font-size: 14px;
}

.xueke_left ul li:hover {
    color: #ffffff;
    background-color: #12438f;
    display: block;
}

.xueke_left ul li:hover a {
    color: #ffffff;
}

.xueke_left ul li a:hover {
    color: #ffffff;
    background-color: #12438f;
    display: block;
}

.xueke_right {
    width: 76%;
    margin: 5px 2% 0;
    float: right;
}

.xueke_right ul {
    display: none;
}

.xueke_right ul li {
    height: 40px;
    background-color: #ebeffa;
    border-bottom: 1px #dcdcdc dashed;
    padding-left: 13px;
    background: url(../images/new4.jpg) no-repeat left;
    line-height: 40px;
}

.xueke_right ul li:last-child {
    border-bottom: 0;
}

.xueke_right ul li a {
    display: inline-block;
    color: #000000;
    height: 38px;
    line-height: 38px;
    width: 60%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.xueke_right ul li a:hover {
    color: #12438f;
    font-weight: bold;
}

.xueke_right ul li span {
    float: right;
    color: #9a9899;
    margin-right: 10px;
}

.xueke_right .fore_left {
    width: 210px;
    height: 136px;
}

.xueke_right .fore_right {
    width: 58%;
}

.xueke_right .index_three_con {
    margin: 16px 0 22px 0;
}

.xueke_right .fore_right_title_t {
    height: 72px;
}

.adv {
    width: 100%;
    margin: 20px auto 0 auto;
}

.adv img {
    width: 100%;
    height: 100%;
}

.index_six {
    margin-bottom: 20px;
    overflow: hidden;
}

.index_six_l {
    width: 70%;
    float: left;
}

.index_six_r {
    width: 29%;
    float: right;
}

.fengcai_left {
    width: 820px;
    float: left;
}

.fengcai_left_title {
    width: 820px;
    height: 40px;
    background: #12438f;
    margin-bottom: 10px;
}

.fengcai_left_title .tileft {
    font-size: 16px;
    color: #FFFFFF;
    line-height: 41px;
    float: left;
}

.fengcai_left_title .tiright {
    color: #FFFFFF;
    line-height: 42px;
    float: right;
}

.fengcai_left_title .tiright a {
    font-size: 14px;
    color: #ffffff;
}

.fengcai_box {
    /* padding: 0px 10px; */
    /* background: #fff; */
    margin-top: 18px;
    height: 256px;
    /* padding-top: 10px; */
}

.fengcai_box_prev {
    width: 28px;
    height: 44px;
    float: left;
}

.fengcai_right {
    width: 360px;
    float: right;
}

.fengcai_right_img {
    height: 97px;
    width: 100%;
    margin-bottom: 15px;
    overflow: hidden;
}

.fengcai_right_img:last-child {
    margin-bottom: 0;
}

.fengcai_right_img a img {
    display: inline-block;
    width: 100%;
    height: 97px;
}

.fengcai_right_img img {
    cursor: pointer;
    transition: all 0.6s;
}

.fengcai_right_img img:hover {
    transform: scale(1.2);
}

.fengcai_right_imgtow {
    height: 97px;
}

@media (max-width: 1366px) {
    .fore_right {
        width: 53%;
    }
    .fore_left {
        width: 44%;
    }
}

@media (max-width: 1024px) {
    .fore_left {
        width: 44%;
    }
    .fore_right {
        width: 53%;
    }
}


/* 首页banner轮播 */

.fullSlide {
    width: 100%;
    height: auto;
    /* height: 550px; */
    /* background: #000; */
    position: relative;
}

.fullSlide .bd {
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    z-index: 0;
}

.fullSlide .bd ul {
    width: 100% !important;
    height: auto;
    /* height: 550px; */
    position: relative;
}

.fullSlide .bd ul li {
    width: 100% !important;
    height: auto;
    /* height: 550px; */
    overflow: hidden;
    text-align: center;
    /* position: absolute;

    top: 0;

    left: 0; */
}

.fullSlide .hd {
    /* background: url(../images/touming.png) repeat-x; */
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    position: absolute;
    bottom: 10px;
    left: 0;
}

.fullSlide .hd ul {
    text-align: center;
    padding-top: 5px;
}

.fullSlide .hd ul li {
    width: 8px;
    height: 8px;
    display: inline-block;
    line-height: 9999px;
    margin: 5px;
    overflow: hidden;
    cursor: pointer;
    background: url(../images/tg_flash_p.png) repeat scroll -16px 0;
}

.fullSlide .hd ul .on {
    background-position: 0 0;
}


/* 首页图文轮播css */

.pgwSlider {
    width: 100%;
    /* height: 420px; */
}

.pgwSlider .ps-current {
    float: left;
    width: 74%;
    overflow: hidden;
    /* height: 420px; */
    position: relative;
    font-size: 1rem;
}

.pgwSlider .ps-current span {
    position: absolute;
    width: 96%;
    padding: 2%;
    background: rgba(0, 0, 0, 0.7);
    left: 0;
    bottom: 0;
    color: #fff;
}

.pgwSlider .ps-current img {
    max-width: 100%;
    min-width: 100%;
    height: 416px;
    display: block;
}

ul.pgwSlider,
.pgwSlider>ul {
    float: right;
    width: 25%;
    padding: 0;
    list-style: none;
    margin: 0;
}

ul.pgwSlider>li,
.pgwSlider>ul>li {
    height: 50px;
    margin-bottom: 6px;
    overflow: hidden;
    position: relative;
    opacity: 0.6;
    filter: alpha(opacity=60);
    font-size: 0.8rem;
}

ul.pgwSlider>li:last-child,
.pgwSlider>ul>li:last-child {
    margin-bottom: 0;
}

ul.pgwSlider>li span,
.pgwSlider>ul>li span {
    display: block;
    width: 98%;
    position: absolute;
    bottom: 0;
    padding: 1%;
    color: #fff;
    background: rgba(0, 0, 0, 0.7);
    overflow: hidden;
    text-overflow: ellipsis;
}

ul.pgwSlider>li:hover,
.pgwSlider>ul>li:hover {
    opacity: 1 !important;
}

ul.pgwSlider>li img,
.pgwSlider>ul>li img {
    width: 100%;
    min-height: 100%;
    display: block;
}

@media (min-width: 481px) {
    ul.pgwSlider>li,
    .pgwSlider>ul>li {
        width: 100% !important;
    }
}

@media (max-width: 480px) {
    .pgwSlider .ps-current {
        margin-bottom: 6px;
        font-size: 0.9rem;
    }
    .pgwSlider .ps-current img {
        width: 100%;
        min-height: inherit;
    }
    .pgwSlider .ps-current,
    ul.pgwSlider,
    .pgwSlider>ul {
        width: 100%;
    }
    ul.pgwSlider>li,
    .pgwSlider>ul>li {
        float: left;
        min-height: 50px;
        max-height: 70px;
        min-width: 20%;
    }
    ul.pgwSlider>li span,
    .pgwSlider>ul>li span {
        white-space: nowrap;
    }
}


/* 法律法规、案例资料、网上课堂、警钟长鸣css样式 */

.main_box {
    width: 100%;
    position: relative;
}

.wrap_link {
    height: 320px;
    clear: both;
}

.box_ul_li {
    width: 24%;
    height: 300px;
    box-shadow: 3px 2px 30px rgba(0, 0, 0, .1);
    float: left;
    text-align: center;
    position: relative;
    transition: all .6s ease-out;
}

.box ul li h3 {
    padding-top: 30px;
    color: #333;
    font-size: 18px;
}

.box ul li p {
    margin-top: 7px;
    color: #666;
}

.box ul li img {
    width: 60%;
    padding: 0 20%;
    height: 121px;
    position: absolute;
    right: 0;
    bottom: 60px;
    transition: all .6s ease-out;
}

.box ul .on {
    width: 28%;
    height: 300px;
    background-color: #6ab0e8;
    text-align: left;
}

.box ul .on h3 {
    padding-left: 30px;
    color: #FFF;
    float: left;
}

.box ul .on p {
    float: left;
    margin-left: 12px;
    color: #FFF;
    padding-top: 25px;
}

.box ul .on img {
    width: 86%;
    padding: 0 7%;
    height: 60%;
    position: absolute;
    right: 0;
    bottom: 10%;
}

@media (max-width: 1024px) {
    .box ul .on h3 {
        float: inherit;
    }
    .box ul .on p {
        float: inherit;
        padding: 0 0 0 30px;
        margin-left: 0;
    }
}


/* 专家风采无缝动画 */

.picScroll {
    position: relative;
    overflow: hidden;
    margin-top: 10px;
}

.temWrap {
    position: relative;
    overflow: hidden;
    margin: 0 46px;
}

.temWrap ul li {
    float: left;
    background: #e8edf1;
    width: 142px;
    height: 268px;
    overflow: hidden;
    text-align: center;
    margin-right: 6px;
}

.temWrap ul li：hover {
    box-shadow: 1px 10px 5px #eee;
}

.temWrap ul li a img {
    display: block;
    width: 142px;
    height: 189px;
    margin: 0 auto;
}

.temWrap ul li a span {
    display: inline-block;
    width: 30px;
    height: 2px;
    background: #12438f;
}

.temWrap ul li a h4 {
    font-size: 13px;
    color: #000;
    font-weight: normal;
    line-height: 20px;
}

.temWrap ul li a p {
    color: #808283;
    font-size: 12px;
    line-height: 20px;
    overflow: hidden;
    padding: 0 5px;
}

.temWrap ul li:hover {
    background: #12438f;
}

.temWrap ul li:hover span {
    display: inline-block;
    width: 130px;
    height: 2px;
    background: #fff;
}

.temWrap ul li:hover h4 {
    color: #fff;
}

.temWrap ul li:hover p {
    color: #fff;
}

.picScroll .prev,
.picScroll .next {
    background: url(../images/scroll-left.jpg) no-repeat scroll 0 0;
    display: block;
    width: 28px;
    height: 44px;
    position: absolute;
    left: 0px;
    top: 86px;
}

.picScroll .next {
    background: url(../images/scroll-right.jpg) no-repeat scroll 0 0;
    left: auto;
    right: 0px;
}


/* 首页-今日关注、公告通知样式 */

.tabs_w {
    height: 40px;
    margin-bottom: 8px;
}

.tabs_w .tabs {
    float: left;
}

.tabs_w .tabs li {
    float: left;
    width: 160px;
    height: 40px;
    line-height: 40px;
}

.tabs_w .tabs li:hover {
    background: url(../images/index_titBg01.png) no-repeat;
}

.tabs_w .tabs li:hover a {
    color: #fff;
}

.tabs_w .tabs li.active {
    background: url(../images/index_titBg01.png) no-repeat;
}

.tabs_w .tabs li.active a {
    color: #fff;
}

.tabs_w .tabs li a {
    font-size: 16px;
}

@media (max-width: 1024px) {
    .tabs_w .tabs li.active {
        width: 145px;
        background: url(../images/index_titBg01-.png) no-repeat;
    }
}

.xshd_height {
    height: 291px;
    background: #ebeff9;
}