body,html{ height: 100%;margin: 0;background-color: #FFF; color:#555}
*{ box-sizing: border-box;font-size: 14px; margin: 0; padding: 0}
a{text-decoration: none;color:#555}

.top_nav{ height: 85px; border-bottom: 8px solid #820405;}
.top_nav_box{ max-width: 1200px; margin: 0 auto; position: relative;}
    .top_logo{ float: left; position: absolute;top:4px;left: 4px;}
    .top_logo>img{ height: 70px;}
    .top_menu_ico{ float: right; display: none;}
    .top_navs{ position: absolute; right: 0; z-index: 999}
    .top_navs>a{ display: block; float: left; line-height:85px; font-size: 16px;font-weight: bold; width: 90px; text-align: center;}
    .top_navs>a:hover{ background-color: #820405; color: #FFF;}
    .top_navs_bg{ position: fixed;top:0;left: 0;right: 0;bottom: 0;background-color: rgba(255,255,255,0.001); z-index: 998; display: none}
.footer{ background-color:#353535; margin-top: 10px;}
    .footer_box{max-width: 1200px; margin: 0 auto;}
    .foot_nav{ height: 60px; line-height: 50px; margin: 5px; text-align: center;}
        .foot_nav>a{ display: inline-block; width: 90px; color: #EEE;font-size: 16px;font-weight: bold;}
    .footer_val{ height:190px; position: relative; padding: 0 200px;}
        .footer_logo{ position:absolute;top:25px; margin-left: -180px;}
        .footer_logo>img{ width: 140px; float: left}
        .footer_text{ padding-left: 20px; line-height:30px; color: #FFF; padding-top:40px;}
    .footer_coed{ position: absolute;top:0;right: 0;}
        .footer_coed>img{ width: 150px;display: block}
        .footer_coed>p{ line-height: 20px;height: 20px; color: #FFF; width: 150px;overflow: hidden; text-align: center}
    .footer_beian{ line-height:50px; text-align: center;font-size: 14px; color: #EFEFEF; background-color: #2d3236; }

.index_body{ max-width: 1200px; margin: 0 auto;}
.hr_a{ display: block; position: absolute;top:0;bottom: 0;right: 0;left: 0; z-index: 1}
    .ib_title { padding: 30px 0 20px 0; text-align: center}
    .ib_title>img{ height: 75px;}

    .ib_icon_a,.ib_icon_b,.ib_icon_c,.ib_icon_d{ overflow: hidden}
    .ibia_item{ float: left; width: 33.33%; height: 265px;position: relative}
    .ibiai_img{ width: 90%;margin: 0 auto; height: 213px;}
    .ibiai_txt{ text-align: center; line-height: 35px;font-size: 18px;}
    .ibib_item{ float: left; width: 25%; height: 265px;position: relative}
    .ibic_item{ float: left; width: 25%; height: 265px;position: relative}
    .ibici_img{ width: 213px;margin: 0 auto; height: 213px; border-radius: 50%;border: 2px solid #820405;}
    .ibici_txt{ text-align: center; line-height: 45px;font-size: 18px;}
    .ib_icon_d{ max-width: 800px; margin: 0 auto;}
    .ibid_left{ float: left; width: 700px;}
    .ibid_right{ float: left; width: 100px;}
        .ibid_right>dt{ font-size:24px; color: #820405; line-height:50px; }
        .ibid_right>p{ line-height:40px; font-size: 20px;}
.ibid_right>p:before{ display:block; content: ''; width: 0; float: left;height: 0;margin-top: 12px; margin-right: 5px;
        border-top: 8px solid transparent;border-left: 16px solid #820405;border-bottom: 8px solid transparent;}

    .lei_ads{ max-width: 1200px; margin: 10px auto;padding: 5px;border: 4px solid #820405;}
    .lei_ads>img{ width: 100%; }

    .web_address{ max-width: 1200px; margin: 0 auto; line-height: 40px;height: 40px;}
    .web_address>span,.web_address>a{ display: block;float: left; margin: 0 4px;}

    .web_body{ max-width: 1200px; margin: 0 auto; position: relative; padding-left: 270px;}
    .wb_left{  width: 250px; position: absolute;left:0;top:0;}
        .wbl_title{ height: 70px; text-align: center;padding-top: 10px;}
        .wbl_mav{ width: 240px;}
        .wbl_mav>a{ display: block; line-height:50px; border-bottom: 1px dashed #666;font-size: 20px; padding-left: 20px;}
        .wbl_lanxi>p{line-height: 22px; position: relative; padding-left: 60px;}
        .wbl_lanxi>p>span{ display: block; position: absolute;left: 0; width: 60px; text-align: right;}
    .wb_content{  width: 100%;min-height: 450px;}
    .wbc_title{ line-height: 48px; color: #a92425; border-bottom: 4px solid #a92425; font-size: 24px; padding-left: 30px; margin-bottom: 20px;}
    .wbc_page{ padding: 10px;overflow: hidden;}
    .wbc_page>a{ display: block; float: left; padding: 3px 8px; border: 1px solid #d5d5d5; margin-right: 5px; font-size: 16px;}
    .wbc_page .hove{ background-color: #820405; color: #FFF; border: 1px solid #820405;}
    .wbc_page>span{ display: block; float: left; padding: 3px 8px; font-size: 16px;}
    .l_teacher{ overflow: hidden}
    .l_teacher_item{ float: left; width: 50%; position: relative;height: 250px; padding-left: 160px;}
    .l_teacheri_img{width:150px; height: 220px; position: absolute;left: 0;top:0;}
    .l_teacheri_name{ font-size: 30px; line-height: 40px; color: #666; display: block;}
    .l_teacheri_class{ font-size: 16px; line-height: 24px; color: #820405}
    .l_teacheri_content{ height: 150px; overflow: hidden;}

    .wbcc_contentval{ overflow: hidden}
    .wbcc_title{ line-height: 60px; font-size: 24px; text-align: center; color: #a92425}
    .wbcc_imgval{ text-align: center;}
    .wbcc_imgval>img{ max-width: 760px;}
    .wbcc_body{ line-height: 25px; padding-bottom: 20px;}
    .wbcc_body span,.wbcc_body p{ font-size: 16px !important; color: #777 !important;}
    .updown_val{ padding-bottom: 30px;}
    .updown_val>p,.updown_val>p>a{ line-height:28px; font-size:16px;}
    .updown_val>p>a,.updown_val>p>span{ color: #820405!important;}
    .bcc p,.bcc span{ text-align: center}

    .job_list,.job_showval{ overflow: hidden}
    .job_item{ margin-bottom: 20px; overflow:hidden; background-color: #f6f6f6}
    .job_ititle{ line-height: 36px; background-color: #EEE;font-weight: bold; color: #666; padding-left: 15px;}
    .job_ititle,.job_ititle>a{font-size: 16px;}
    .job_ispan{ overflow: hidden}
    .job_ispan>p,.job_itemvals>p{ float: left; width: 33.33%; line-height: 30px;height: 30px; overflow: hidden; padding-left: 10px;color: #777;}
    .job_h2{ font-size: 24px; line-height: 55px;font-weight: bold; color: #999;}
    .job_itemvals{ overflow: hidden; margin-bottom: 15px; max-width: 500px;}
    .job_itemvals>p{ font-size: 16px;}
    .job_infoval span,.job_infoval p{ font-size: 16px !important; color: #999; line-height:26px;}
    .job_smgw{ line-height: 35px;height: 42px;}
    .job_smgw>span{ display: block; float: left; width: 110px; text-align: center; font-size: 14px; border-bottom: 1px solid #444;font-weight: bold;}
    .web_content{ overflow: hidden; padding:20px 0;}
    .web_content span,.web_content p{ font-size: 16px; color: #777; line-height: 25px;}
    .photo_content{overflow: hidden;}
    .p_item{ float: left; width: 25%; height: 200px;}
    .p_photo{ height: 160px; width:92%; margin: 0 auto;overflow: hidden}
    .p_photo>img{ max-height: 100%;}
    .p_tit{ text-align: center; line-height: 35px;height: 35px; overflow: hidden}

    .gjkjbox{ height: 115px; border-bottom: 1px dashed #999; position: relative; padding-left: 150px;}
    .gjkjb_img{ width: 130px; height: 90px; position: absolute;top:10px;left: 10px; }
    .gjkjb_a{ display: block; line-height: 30px; padding-top: 10px; font-size: 16px;font-weight: bold; color: #666;}
    .gjkjb_a:hover{ color: #820405;}
    .gjkjb_sm{ padding-top: 5px;}


@media (max-width: 1000px){
    .p_item{ float: left; width: 25%; height: 160px;}
    .p_photo{ height: 120px; width:92%; margin: 0 auto;overflow: hidden}
}
@media (max-width: 800px) {
    .top_nav{ height: 60px;}
    .top_logo>img{ height:45px;}
    .top_menu_ico{ display: block; position: absolute;right: 5px;top:10px; width: 40px; height: 40px; line-height: 40px; text-align: center; font-size:20px;}
    .top_navs{ width: 120px;top:55px; right: 5px; background-color: #EFEFEF; box-shadow: 0 0 5px rgba(0,0,0,0.3); display: none}
    .top_navs>a{ display: block; line-height:50px; width: 100%; padding: 0 10px;}
    .foot_nav,.footer_coed,.footer_logo{ display: none;}
    .footer_val{ padding: 10px 0; height: auto;}
    .footer_text{padding:0 10px; line-height: 25px;}
    .footer_beian{ font-size: 12px; color: #c2c2c2;}
    .footer_beian>a{font-size: 12px;}
    .ibid_left{ width: auto;}
    .ibid_left>img{ width: 100%;}
    .ibid_right{ width: 100%; margin: 0 10px;overflow:hidden;}
    .ibid_right>p{ float: left; margin-right: 15px; font-size: 16px;}
    .lei_ads{ margin: 0; padding: 0;border: 0;}

    .web_body{ padding: 5px;}
    .wb_left{ position: initial; width: 100%; margin-bottom: 10px;}
    .wbl_lanxi,.wbl_title{ display: none;}
    .wbl_mav{ width: 100%;overflow: hidden}
    .wbl_mav>a{ float: left; line-height: 35px; font-size: 16px; border: 1px solid #dcadad; text-align: center;padding: 0 13px; margin-right: 8px;border-radius: 20px;}
    .l_teacher_item{ width: 100%;}

    .wbcc_imgval>img{ width: 92%; margin: 0 auto;}

}
@media (max-width: 600px){
    .ib_title>img{ height: 50px;}
    .ibia_item{ float: none; width:90vw; margin: 0 auto; height:calc(45vw + 45px);}
    .ibiai_img{ width: 100%; height:45vw;}
    .ibib_item{ width: 45%; height: calc(45vw + 45px);margin:0 3.33%;}
    .ib_icon_b .ibib_item:nth-child(2n +2){ margin-left: 0;}
    .ibici_img{ width:40vw; height: 40vw;}
    .ibic_item{ width: 45%; height: calc(40vw + 45px);margin:0 3.33%;}
    .ib_icon_c .ibic_item:nth-child(2n +2){ margin-left: 0;}
    .job_ispan>p,.job_itemvals>p{ width: 50%;}
    .p_item{ width: 50%; height:calc(32vw + 45px);}
    .p_photo{ height:32vw;}

    .gjkjbox{ height: 100px; padding-left: 120px;}
    .gjkjb_img{ width: 110px; height: 80px;left: 5px;}
}