@charset "UTF-8";
/******科目导航 start*****/
.subject_banner{
    position:relative;
    width:100%;
    min-width:1400px;
    height:300px;
    overflow:hidden;
}
.subject_center{
    position:absolute;
    left:50%;
    transform: translate(-50%,0);
    width:1920px;
    height:300px;
    background:url("../images/subject_banner.jpg") no-repeat center;
    overflow:hidden;
}
/*科目按钮 start*/
.subject_top{
    position:relative;
    width:100%;
    min-height:125px;
    background:#fff;
    border-radius:8px;
    box-shadow:0 0 5px 0 rgba(0,0,0,0.08);
    padding:15px;
    margin:20px auto;
    overflow:hidden;
    box-sizing: border-box;
}
.subject_top dt{
    position:absolute;
    left:15px;
    top:15px;
    width:95px;
    height:95px;
}
.subject_top dd{
    display:flex;
    flex-wrap:wrap;
    width:100%;
    color:#fff;
    font-size:16px;
    padding:7.5px 0 7.5px 100px;
    overflow:hidden;
    box-sizing: border-box;
}
.subject_top dd a{
    width:calc(100%/16);
    line-height:40px;
    text-align: center;
}
.subject_top dd a:hover{
    color:#002fa7;
}
/*科目按钮 end*/

/*科目内容 start*/
.subject_nav{
    width:100%;
    overflow:hidden;
}
.subject_nav li{
    position:relative;
    float:left;
    width:calc((100% - 20px)/2);
    min-height:225px;
    border-radius:10px;
    padding:20px 180px 20px 20px;
    margin:0 20px 20px 0;
    overflow:hidden;
    box-sizing: border-box;
}
.subject_nav li:nth-child(2n){
    margin-right:0;
}
.subject_nav li a.one{
    position:relative;
    z-index:1;
    display:flex;
    width:100%;
    color:#fff;
    font-size:20px;
    font-weight:bold;
    line-height:25px;
    margin-bottom:10px;
}
.subject_nav li a.one img{
    margin-right:5px;
}
.sub_list{
    position:relative;
    z-index:1;
    width:100%;
    overflow:hidden;
}
.sub_list a{
    float:left;
    color:#fff;
    font-size:14px;
    line-height:25px;
    margin-right:10px;
}
.sub_list a:hover{text-decoration:underline;}
.subject_nav li.subject_item1,.subject_nav li.subject_item7,.subject_nav li.subject_item13,
.subject_nav li.subject_item19,.subject_nav li.subject_item25,.subject_nav li.subject_item31{
    background-image: -moz-linear-gradient( -90deg, rgb(41,114,247) 0%, rgb(90,127,247) 49%, rgb(139,140,247) 100%);
    background-image: -webkit-linear-gradient( -90deg, rgb(41,114,247) 0%, rgb(90,127,247) 49%, rgb(139,140,247) 100%);
    background-image: -ms-linear-gradient( -90deg, rgb(41,114,247) 0%, rgb(90,127,247) 49%, rgb(139,140,247) 100%);
}
.subject_nav li.subject_item2,.subject_nav li.subject_item8,.subject_nav li.subject_item14,
.subject_nav li.subject_item20,.subject_nav li.subject_item26,.subject_nav li.subject_item32{
    background-image: -moz-linear-gradient( -90deg, rgb(255,73,74) 0%, rgb(248,131,82) 49%, rgb(240,189,89) 100%);
    background-image: -webkit-linear-gradient( -90deg, rgb(255,73,74) 0%, rgb(248,131,82) 49%, rgb(240,189,89) 100%);
    background-image: -ms-linear-gradient( -90deg, rgb(255,73,74) 0%, rgb(248,131,82) 49%, rgb(240,189,89) 100%);  
}
.subject_nav li.subject_item3,.subject_nav li.subject_item9,.subject_nav li.subject_item15,
.subject_nav li.subject_item21,.subject_nav li.subject_item27{
    background-image: -moz-linear-gradient( -90deg, rgb(49,172,115) 0%, rgb(95,194,154) 49%, rgb(140,216,192) 100%);
    background-image: -webkit-linear-gradient( -90deg, rgb(49,172,115) 0%, rgb(95,194,154) 49%, rgb(140,216,192) 100%);
    background-image: -ms-linear-gradient( -90deg, rgb(49,172,115) 0%, rgb(95,194,154) 49%, rgb(140,216,192) 100%);
}
.subject_nav li.subject_item4,.subject_nav li.subject_item10,.subject_nav li.subject_item16,
.subject_nav li.subject_item22,.subject_nav li.subject_item28{
    background-image: -moz-linear-gradient( -90deg, rgb(172,100,238) 0%, rgb(205,124,207) 49%, rgb(237,147,175) 100%);
    background-image: -webkit-linear-gradient( -90deg, rgb(172,100,238) 0%, rgb(205,124,207) 49%, rgb(237,147,175) 100%);
    background-image: -ms-linear-gradient( -90deg, rgb(172,100,238) 0%, rgb(205,124,207) 49%, rgb(237,147,175) 100%);   
}
.subject_nav li.subject_item5,.subject_nav li.subject_item11,.subject_nav li.subject_item17,
.subject_nav li.subject_item23,.subject_nav li.subject_item29{
    background-image: -moz-linear-gradient( -90deg, rgb(92,99,241) 0%, rgb(131,106,246) 49%, rgb(169,113,250) 100%);
    background-image: -webkit-linear-gradient( -90deg, rgb(92,99,241) 0%, rgb(131,106,246) 49%, rgb(169,113,250) 100%);
    background-image: -ms-linear-gradient( -90deg, rgb(92,99,241) 0%, rgb(131,106,246) 49%, rgb(169,113,250) 100%); 
}
.subject_nav li.subject_item6,.subject_nav li.subject_item12,.subject_nav li.subject_item18,
.subject_nav li.subject_item24,.subject_nav li.subject_item30{
    background-image: -moz-linear-gradient( -90deg, rgb(0,82,252) 0%, rgb(94,141,239) 49%, rgb(26,185,225) 100%);
    background-image: -webkit-linear-gradient( -90deg, rgb(0,82,252) 0%, rgb(94,141,239) 49%, rgb(26,185,225) 100%);
    background-image: -ms-linear-gradient( -90deg, rgb(0,82,252) 0%, rgb(94,141,239) 49%, rgb(26,185,225) 100%); 
}
.subject_nav li::after{
    content: '';
    position:absolute;
    z-index:0;
    right:0;
    top:50%;
    transform:translate(0,-50%);
    width:100%;
    height:101%;
    overflow:hidden;
}
.subject_nav li.subject_item1::after{background:url(../images/anhui.png) no-repeat center right -30px;background-size:auto 100%;}
.subject_nav li.subject_item2::after{background:url(../images/beijing.png) no-repeat center right -2px;background-size:auto 100%;}
.subject_nav li.subject_item3::after{background:url(../images/chongqing.png) no-repeat center right -2px;background-size:auto 100%;}
.subject_nav li.subject_item4::after{background:url(../images/fujian.png) no-repeat center right -2px;background-size:auto 100%;}
.subject_nav li.subject_item5::after{background:url(../images/gansu.png) no-repeat center right -2px;background-size:auto 100%;}
.subject_nav li.subject_item6::after{background:url(../images/guangdong.png) no-repeat center right -2px;background-size:auto 100%;}
.subject_nav li.subject_item7::after{background:url(../images/guangxi.png) no-repeat center right -2px;background-size:auto 100%;}
.subject_nav li.subject_item8::after{background:url(../images/guizhou.png) no-repeat center right -2px;background-size:auto 100%;}
.subject_nav li.subject_item9::after{background:url(../images/hainan.png) no-repeat center right -2px;background-size:auto 100%;}
.subject_nav li.subject_item10::after{background:url(../images/hebei.png) no-repeat center right -2px;background-size:auto 100%;}
.subject_nav li.subject_item11::after{background:url(../images/heilongjiang.png) no-repeat center right -2px;background-size:auto 100%;}
.subject_nav li.subject_item12::after{background:url(../images/henan.png) no-repeat center right -2px;background-size:auto 100%;}
.subject_nav li.subject_item13::after{background:url(../images/hubei.png) no-repeat center right -2px;background-size:auto 100%;}
.subject_nav li.subject_item14::after{background:url(../images/hunan.png) no-repeat center right -2px;background-size:auto 100%;}
.subject_nav li.subject_item15::after{background:url(../images/neimenggu.png) no-repeat center right -2px;background-size:auto 100%;}
.subject_nav li.subject_item16::after{background:url(../images/jiangsu.png) no-repeat center right -2px;background-size:auto 100%;}
.subject_nav li.subject_item17::after{background:url(../images/jiangxi.png) no-repeat center right -2px;background-size:auto 100%;}
.subject_nav li.subject_item18::after{background:url(../images/jilin.png) no-repeat center right -2px;background-size:auto 100%;}
.subject_nav li.subject_item19::after{background:url(../images/liaoning.png) no-repeat center right -2px;background-size:auto 100%;}
.subject_nav li.subject_item20::after{background:url(../images/ningxia.png) no-repeat center right -2px;background-size:auto 100%;}
.subject_nav li.subject_item21::after{background:url(../images/qinghai.png) no-repeat center right -2px;background-size:auto 100%;}
.subject_nav li.subject_item22::after{background:url(../images/shandong.png) no-repeat center right -2px;background-size:auto 100%;}
.subject_nav li.subject_item23::after{background:url(../images/shanghai.png) no-repeat center right -2px;background-size:auto 100%;}
.subject_nav li.subject_item24::after{background:url(../images/shanxi.png) no-repeat center right -2px;background-size:auto 100%;}
.subject_nav li.subject_item25::after{background:url(../images/shanxi2.png) no-repeat center right -2px;background-size:auto 100%;}
.subject_nav li.subject_item26::after{background:url(../images/sichuan.png) no-repeat center right -2px;background-size:auto 100%;}
.subject_nav li.subject_item27::after{background:url(../images/tianjin.png) no-repeat center right -2px;background-size:auto 100%;}
.subject_nav li.subject_item28::after{background:url(../images/xizang.png) no-repeat center right -2px;background-size:auto 100%;}
.subject_nav li.subject_item29::after{background:url(../images/xinjiang.png) no-repeat center right -2px;background-size:auto 100%;}
.subject_nav li.subject_item30::after{background:url(../images/yunnan.png) no-repeat center right -2px;background-size:auto 100%;}
.subject_nav li.subject_item31::after{background:url(../images/zhejiang.png) no-repeat center right -2px;background-size:auto 100%;}
/*科目内容 end*/

/*右侧固定导航 start*/
.right_btn{
    position:fixed;
    z-index:9998;
    right:10px;
    top:50%;
    transform:translate(0,-46%);
    width:100px;
    background:#fff;
    border-radius:6px;
    box-shadow: 0px 0px 19.2px 0.8px rgba(83, 83, 83, 0.1);
    overflow:hidden;
    box-sizing: border-box;
    display:none;
}
.right_btn a{
    float:left;
    width:50px;
    border-radius:6px;
    font-size:13px;
    padding:5px 0;
    text-align:center;
    overflow:hidden;
    box-sizing:border-box;
}
.right_btn a.sel{
    color:#fff;
    background:#002fa7;
}
.right_btn i{
    display:block;
    width:20px;
    height:20px;
    background:url(../images/icon_position.png) no-repeat;
    background-position:0 0;
    text-align: center;
    margin:0 auto 3px;
    cursor:pointer;
}
.right_btn a.sel i{
    background:url(../images/icon_position.png) no-repeat;
    background-position:-20px 0;
}
#return{
    float:left;
    width:50px;
    font-size:13px;
    text-align: center;
    cursor:pointer;
}
.subject_nav li.subject_item32{padding:20px;}
/*右侧固定导航 end*/
/**********科目导航 end**********/