body{
    background-color: #f7f7f7;
}
.Width, .wrap {
    width: 1400px;
    /* min-width: 1200px; */
    margin: 0 auto;
}
.header-slide{
    position: relative;
    z-index: 99;
}

/*头部*/
.por{
    background-color: #fff;
}
 .header {
    position: relative;
    height: 74px;
    line-height: 74px;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
}
.logo {
    width: 140px;
    height: 37px;
    margin-right: 76px;
    background-image: url(https://www.huatu.com/images/gw/daohang/logo.png);
    background-repeat: no-repeat;
    overflow: hidden;
    background-size: contain;
}
.logo a {
    display: block;
    text-indent: -9999em;
}
.header-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 46%;
}
.header-nav li {
    cursor: pointer;
    /* font-weight: bold; */
    margin: 0 1%;
    text-align: center;
    font-family:"FZLanTingHeiS-R-GB";
}
.header-nav li i {
    display: inline-block;
    width: 11px;
    height: 7px;
    margin-left: 4px;
    background-image: url(https://www.huatu.com/images/2020css/images/arrow.png);
    background-repeat: no-repeat;
    transition: transform .5s ease;
}
.header-nav li.active, .header-nav li a:hover {
    color: #f3152a;
}
.header-nav li.active i {
    background-image: url(https://www.huatu.com/images/2020css/images/arrow_a.png);
    transform: rotate(180deg);
}
.login {
    color: #f3152a;
    font-size: 18px;
}
.login:hover {
    text-decoration: underline;
}
.more {
    margin-top: -7px;
    font-size: 22px;
    font-weight: bold;
}
.header .search {
    width: 14%;
    height: 34px;
    border: 1px solid #333333;
    line-height: 34px;
    color: #333333;
    font-size: 14px;
    cursor: pointer;
    border-radius: 8px;
    transition: background-color .5s ease;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1%;
}
/* .header .search.active {
    background-color: #f41c2d;
    color: #fff;
} */
/* .header .search.active i {
    background: url(../images/search01.png);
} */
 .header .search i {
    display: block;
    width: 22px;
    height: 22px;
    background: url(https://www.huatu.com/images/gw/daohang/search_icon.png) no-repeat;
    background-size: contain;
}
.tel {
    color: #f3152a;
    font-size: 14px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 11%;
}
.tel i {
    display: block;
    width: 21px;
    height: 21px;
    background: url(https://www.huatu.com/images/gw/daohang/header_tel.png) no-repeat;
    background-size: 100% 100%;
    margin-right: 1%;
}
/*头部结束*/
/*网站导航*/
 .nav-slide {
    height: 0;
    transition: height .5s ease;
    overflow: hidden;
}
.nav-slide.active {
    height: auto;
    border-top: 1px solid #e6e6e6;
    z-index: 2;
}
.nav-l {
    float: left;
    width: 68%;
    margin-top: 40px;
}
.nav-l li {
    margin-bottom: 16px;
}
.nav-title {
    float: left;
    width: 120px;
    font-size: 20px;
}
.nav-type {
    float: left;
    width: 90%;
    line-height: 32px;
}
.nav-type a {
    display: inline-block;
    margin-right: 10px;
}
.nav-r {
    float: left;
    width: 28%;
    height: 100%;
    padding-left: 4%;
    background-color: #f4f4f4;
}
.nav-r_title {
    margin-top: 40px;
    margin-bottom: 40px;
    font-size: 20px;
}
.nav-r a {
    float: left;
    width: 150px;
    margin-bottom: 20px;
}
.download-app-box,.tel_wk {
    position: absolute;
    width: 140px;
    height: 0;
    background: #FFFFFF;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    top: 50px;
    box-sizing: border-box;
    left: 50%;
    margin-left: -70px;
    transition: height .5s ease;
    overflow: hidden;
    cursor: initial;
}
.tel_wk{
    cursor: pointer;
    color: #FF3F47;
    text-align: left;
    padding-left: 10px;

    line-height: 24px;
}
.tel_wk.active {
    padding-top: 10px;
    height: 70px;
}
/*网站导航结束*/
/*辅�?课程*/
 .class-slide {
    height: 0;
    transition: height .5s ease;
    overflow: hidden;
}
.class-slide.active {
    height: auto;
    border-top: 1px solid #e6e6e6;
    z-index: 2;
}
.class-wrap {
    margin-top: 30px;
}
.class-wrap>li {
    float: left;
    height: 280px;
}
.class-wrap01 {
    width: 30%;
    border-right: 1px solid #e6e6e6;
    margin-left: 2%;
}
.class-wrap02 {
    width: 30%;
    border-right: 1px solid #e6e6e6;
    margin-left: 2%;
}
.class-wrap03 {
    width: 30%;
    margin-left: 2%;
}
.class-link .xue_list li {
    margin-bottom: 14px;
}
.class-wrap li:last-child .class-link {
    border-bottom: none;
}
.class-type {
    position: relative;
    float: left;
    width: 128px;
    height: 48px;
    padding-right: 10px;
    margin-top: 8px;
    margin-bottom: 30px;
    background-color: #ffa970;
    background: linear-gradient(to right, #ffc789, #ffa76e, #ff8c59);
    border-radius: 0 20px 0 24px;
    overflow: hidden;
    color: #fff;
    font-size: 18px;
    line-height: 48px;
    text-align: right;
}
.class-type02 {
    background-color: #64b9ea;
    background: linear-gradient(to right, #b7ddfe, #99d0f7, #64b9ea);
}
.class-type03 {
    background-color: #997ce3;
    background: linear-gradient(to right, #f586ab, #c681c7, #997ce3);
}
.class-type img {
    position: absolute;
    top: 0;
    left: 0;
}
.class-type01 img {
    top: 3px;
    left: -2px;
}
.class-type02 img {
    top: 7px;
    left: -4px;
}
.class-type03 img {
    top: 11px;
    left: -10px;
}
.class-more {
    float: right;
    margin-top: 22px;
    margin-right: 32px;
    color: #999;
    font-size: 14px;
}
.class-link ul li {
    margin-bottom: 20px;
}
.class-link ul li:last-child {
    margin-bottom: 0;
}
.class-link ul li a {
    float: none;
    display: block;
    max-width: 94%;
    margin-right: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.class-link ul li a span {
    float: left;
    width: 4px;
    height: 4px;
    margin-top: 8px;
    margin-right: 8px;
    background-color: #d4d4d4;
}
.class-link a {
    float: left;
    margin-bottom: 14px;
    margin-right: 24px;
}
.class-link a:hover {
    text-decoration: underline;
}
/*辅�?课程结束*/
/*华图产品*/
 .pro-slide {
    height: 0;
    transition: height .5s ease;
    overflow: hidden;
}
.pro-slide.active {
    height: auto;
    border-top: 1px solid #e6e6e6;
    padding-top: 20px;
    z-index: 2;
}
.pro-btn {
    float: left;
    width: 48%;
    height: auto;
    padding-top: 10px;
    border-right: 1px solid #e6e6e6;
}
.pro-btn a {
    float: left;
    width: 110px;
    height: 44px;
    margin-bottom: 13px;
    margin-right: 11px;
    border-radius: 40px;
    background-color: #f4f4f4;
    text-align: center;
    line-height: 44px;
    transition: background-color .5s ease;
}
.pro-btn a:hover, .more-btn a:hover, .search-rec a:hover {
    background-color: #f73538;
    color: #fff;
}
.pro-code {
    float: left;
    width: 48%;
    margin-top: 10px;
    margin-left: 28px;
}
.pro-code li {
    float: left;
    margin-right: 30px;
    text-align: center;
}
.pro-code li.active {
    margin-right: 0;
}
.pro-code li img {
    width: 74px;
    height: 74px;
    margin: 0 auto 20px auto;
}
.xcx_code {
    transform: scale(1.3);
}
/*华图产品结束*/
/*更�?下拉*/
 .more-slide {
    height: 0;
    transition: height .5s ease;
    overflow: hidden;
}
.more-slide.active {
    height: auto;
    border-top: 1px solid #e6e6e6;
    z-index: 2;
}
.more-wrap {
    padding-top: 50px;
}
.more-list {
    float: left;
    width: 870px;
    border-right: 1px solid #f1f1f1;
    padding-right: 92px;
}
.more-list li {
    position: relative;
    float: left;
    width: 266px;
    height: 190px;
    margin-right: 32px;
    margin-bottom: 32px;
    background-color: #f7f7f7;
    text-align: center;
    overflow: hidden;
    transition: transform .5s ease;
}
.more-list li:hover {
    transform: translateY(-5px);
}
.more-list li.active {
    margin-right: 0;
}
.more-list li img {
    position: absolute;
    bottom: -60px;
    left: 50%;
    transform: translateX(-50%);
}
.more-list .more-list04, .more-list .more-list05 {
    margin-bottom: 0;
}
.more-list .more-list02 img {
    bottom: -30px;
}
.more-list .more-list03 img {
    bottom: -19px;
}
.more-list .more-list04 img {
    bottom: -6px;
}
.more-list .more-list05 img {
    bottom: -16px;
}
.more-num {
    padding-top: 34px;
    padding-bottom: 10px;
    color: #f52634;
    font-size: 28px;
}
.more-txt {
    line-height: 28px;
    color: #666;
}
.more-btn {
    float: left;
    width: 344px;
    margin-top: 6px;
    margin-left: 66px;
}
.more-btn a {
    float: left;
    width: 130px;
    height: 42px;
    margin-right: 24px;
    margin-bottom: 30px;
    line-height: 42px;
    background-color: #f7f7f7;
    text-align: center;
    border-radius: 40px;
    transition: background-color .5s ease;
}
.more-btn a:nth-child(even) {
    margin-right: 0;
}
/*更�?下拉结束*/
/*搜索*/
 .slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 4px 5px -3px #ccc;
    z-index: 1;
}
.search-slide {
    height: 0;
    transition: height .5s ease;
    overflow: hidden;
}
.search-slide.active {
    height: auto;
    border-top: 1px solid #e6e6e6;
    z-index: 2;
}
.all-class {
    display: block;
    padding-top: 31px;
    padding-bottom: 30px;
}
.slide-l {
    float: left;
    width: 510px;
    display: flex;
}
.slide-l a {
    float: left;
    margin-right: 30px;
    text-align: center;
}
.slide-l img {
    width: 240px;
}
.slide-l a:last-child {
    margin-right: 0;
}
.slide-l p {
    margin-top: 14px;
}
.slide-r {
    float: left;
    width: 730px;
    margin-top: 20px;
    margin-left: 160px;
}
.searchInpt {
    float: left;
    width: 474px;
    height: 56px;
    border: 1px solid #e5e5e5;
    padding-left: 14px;
    border-radius: 6px 0 0 6px;
    font-size: 16px;
}
.searchSub {
    float: left;
    width: 130px;
    height: 58px;
    background-color: #f3152a;
    border-radius: 0 6px 6px 0;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    transition: opacity .5s ease;
}
.searchSub:hover {
    opacity: .9;
}
.search-rec {
    max-height: 104px;
    margin-top: 30px;
    overflow: hidden;
}
.search-rec a {
    float: left;
    height: 42px;
    padding: 0 30px;
    margin-bottom: 14px;
    margin-right: 12px;
    line-height: 42px;
    border-radius: 40px;
    background-color: #f7f7f7;
    transition: background-color .5s ease;
}
/*搜索结束*/
/*顶部导航-app下载�?*/
 .download-app {
    position: relative;
}
.download-app-box {
    position: absolute;
    width: 140px;
    height: 0;
    background: #FFFFFF;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    top: 50px;
    box-sizing: border-box;
    left: 50%;
    margin-left: -70px;
    transition: height .5s ease;
    overflow: hidden;
    cursor: initial;
}
.download-app-box.active {
    height: 157px;
}
.download-app-img {
    border: 5px solid #FF3F47;
    border-radius: 5px;
    margin: 16px 16px 0 16px;
}
.download-app-txt {
    margin-top: 6px;
    margin-bottom: 6px;
    font-size: 14px;
    font-weight: 500;
    color: #333333;
    line-height: 20px;
    letter-spacing: 1px;
    text-align: center;
}
/* 半屏广告 */
.bpgg{
    background: url(../images/bpgg_bg.png) no-repeat;
    background-size: 100% 100%;
    padding: 36px 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    height: 220px;
    transition: all 0.5s ease;
    box-sizing: border-box;
}
.bpgg_left{
    width: 36%;
}
.bpgg_left h1 {
    font-size: 40px;
    font-family: "FZLanTingHeiS-H-GB";
    color: rgb(237, 48, 54);
    line-height: 0.676;
    text-shadow: 0px 2px 0px rgba(255, 255, 255, 0.9);
    margin-right: 2%;
}
.bpgg_leftTit{
    display: flex;
    align-items: flex-end;
    margin-bottom: 4%;
}
.bpgg_leftList{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.bpgg_leftList li{
    border-radius: 30px;
    background-image: -moz-linear-gradient( 90deg, rgb(255,195,63) 0%, rgb(255,234,193) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(255,195,63) 0%, rgb(255,234,193) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(255,195,63) 0%, rgb(255,234,193) 100%);
    box-shadow: inset -0.14px -3.998px 6px 0px rgba(255, 161, 87, 0.84);
    margin-bottom: 3%;
}
.bpgg_leftList li:nth-child(odd){
    width: 60%;
}
.bpgg_leftList li:nth-child(even){
    width:36%;
}
.bpgg_leftList li a{
    display: block;
    font-size: 14px;
    font-family: "FZLanTingHeiS-DB1-GB";
    color: rgb(93, 4, 4);
    line-height: 2.784;
    text-shadow: 1.554px 1.259px 0px rgba(255, 255, 255, 0.6);
    text-align: center;
}
.bpgg_leftList li a i{
    font-style: normal;
    color: #f52323;
}
.bpgg_right{
    width: 60%;
}
.bpgg_right ul{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.bpgg_right ul li{
    width: 32%;
    height: 164px;
    background: url(../images/bpgg_rightBg.png) no-repeat;
    background-size: 100% 100%;

    position: relative;
    overflow: hidden;
}
.bpgg_right ul li a{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.bpgg_rightT{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bpgg_rightT p{
    font-size: 26px;
    font-family: "FZLanTingHeiS-B-GB";
    color: rgb(235, 0, 11);
    margin-top: 4%;
    margin-left: 2%;
}
.bpgg_right ul li span{
    background-image: -moz-linear-gradient( 180deg, rgb(255,173,14) 0%, rgb(255,82,42) 20%, rgb(254,75,35) 52%, rgb(252,68,27) 100%);
    background-image: -webkit-linear-gradient( 180deg, rgb(255,173,14) 0%, rgb(255,82,42) 20%, rgb(254,75,35) 52%, rgb(252,68,27) 100%);
    background-image: -ms-linear-gradient( 180deg, rgb(255,173,14) 0%, rgb(255,82,42) 20%, rgb(254,75,35) 52%, rgb(252,68,27) 100%);
    border-radius: 30px;
    line-height: 1.4;
    padding: .2% 4%;
    color: #fff;
    margin: 4% 0;
}
.bpgg_right ul li i {
    font-size: 18px;
    font-family: "FZLanTingHeiS-DB-GB";
    color: rgb(229, 42, 0);
    font-style: normal;
}
.bpgg_rightJb {
    width: 50%;
    background-color: rgb(252, 69, 27);
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    border-radius: 10px 0 20px 0;
    padding-left: 4%;
}
.bpgg_btn{
    width: 50px;
    position: absolute;
    right: 0;
    top: -0;
    background:#666666;
    color: #fff;
    text-align: center;
    line-height: 1.4;
    cursor: pointer;
}
.sklk_boCon{
    padding-bottom: 10px;
}
.bpgg_active{
    height: 30px;
    transition: all 0.5s ease;
}
.bpgg_active .bpgg_right{
    display: none;
}
.bpgg_active .bpgg_left{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.bpgg_active .bpgg_leftTit{
    width: 30%;
    margin-bottom: 0;
}
.bpgg_active .bpgg_leftList{
    width: 74%;
}
.bpgg_active .bpgg_leftList li{
    width: 23% !important;
    margin-bottom: 0;
    margin:0 1%;
}
/* 全国分校 */
.region{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2%;
    box-sizing: border-box;
}
.region-link {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 88%;
}
.region-link a {
    display: block;
    width: 4%;
    font-size: 14px;
    font-family: "FZLanTingHeiS-M-GB";
    color: rgb(102, 102, 102);
    line-height: 2.461;
    text-align: center;
    margin: 0 1%;
}
/* �?���?�� */
.header_hot{
    border-width: 1px;
    border-color: rgb(231, 231, 231);
    border-style: solid;
    border-radius: 24px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 4px 3.88px 0.12px rgba(234, 234, 234, 0.7);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 2%;
    height: 60px;
}
.header_hotList{
    width: 90%;
    height: 47px;
    overflow:hidden;
    box-sizing: border-box;
}
.header_hotList a{
    display: inline-block;
    line-height: 47px;
    width: 30%
    ;
}
.header_hotList a span{
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #ff0014;
    border-radius: 30px;
}
.header_hotList a p{
    display: inline-block;
    font-size: 16px;
    width: 85%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle;
}
/* 各栏�?���? */
.cont_bg{
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 4px 3.88px 0.12px rgba(239, 239, 239, 0.9);
    padding: 34px 50px ;
    margin-top: 40px;
    box-sizing: border-box;
}
.articleHz{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.articleHz_left {
    width: 22%;
    border-radius: 15px;
    background-color: rgb(255, 255, 255);
    box-shadow: 10px 0px 16px 0px rgba(234, 234, 234, 0.56);
    position: relative;
    overflow: hidden;
    padding: 34px 0 ;
    box-sizing: border-box;
}
.articleHz.cont_bg{
    padding: 0;
}
.articleHz_left ul{
    position: relative;
    z-index: 2;
}
.articleHz_left li {
    font-size: 20px;
    font-family: "FZLanTingHeiS-M-GB";
    color: rgb(51, 51, 51);
    height: 50px;
    line-height: 50px;
    /* padding:0 54px; */
    padding: 0 40px;
    position: relative;
    cursor: pointer;
}
.articleHz_left li:last-child{
    margin-bottom: 0;
}
.articleHz_icon3{
    position: absolute;
    right: 0;
    bottom: -14%;
}
.articleHz_icon2{
    position: absolute;
    right: 30px;
    bottom: 196px;
}

.articleHz_icon1{
    position: absolute;
    left: -12px;
    top: 16px;
}
.articleHz_con{
    width: 74%;
}
.articleHz_box{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 2%;
    display: none;
}
.articleHz_right{
    width: 40%;
    padding: 34px 0 ;
    box-sizing: border-box;
}
.articleHz_center{
    width: 54%;
}

.article_tit{
    font-size: 20px;
    font-family: "FZLanTingHeiS-B-GB";
    color: rgb(51, 51, 51);
    line-height: 1.969;
    border-bottom: 1px solid rgb(231, 231, 231);
    position: relative;
    margin-bottom: 4%;
}
.article_tit::before{
    content: "";
    display: block;
    width:24%;
    height: 3px;
    background-color:#e84b47;
    position: absolute;
    left: 0;
    bottom: -2px;
}
.article_list ul li{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.article_list ul li span{
    width: 16%;
}
.article_right{
    width: 90%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.article_list ul li a{
    display: inline-block;
    color: #333333;
    margin: 0 1%;
}
.article_list ul li a img{
    display: inline-block;
    vertical-align: super;
    max-width: 33px;
}
.articleHz_center .article_list:first-child{
    margin-bottom: 6%;
}
.articleHz_right img{
    height: 235px;
}
.articleHz_swiper2,.articleHz_swiper4,.articleHz_swiper6,.articleHz_swiper8,
.articleHz_swiper10,.articleHz_swiper12,.articleHz_swiper14,.articleHz_swiper16,.articleHz_swiper18{
    margin-top: 8%;
}
.article_active{
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f8f8f8;
}
.articleHz_left ul li .article_activejt{
    display: none;
}
.articleHz_left ul li.article_active .article_activejt{
    display: block;
}
.articleHz_left ul li.article_active::after{
    content: "";
    display: block;
    width: 8px;
    height: 100%;
    background-color: #ff0014;
    position: absolute;
    left: -4px;
    z-index: 2;
    border-radius: 2px;
}
.articleHz_con .articleHz_flex{
    display: flex;
}
/* 备考工�?  */
.cont_tit{
    font-size: 24px;
    font-family: "FZLanTingHeiS-B-GB";
    color: rgb(51, 51, 51);
    border-bottom: 1px solid #ebebeb;
    position: relative;
    line-height: 2.2;
}
.cont_tit::before {
    content: "";
    display: block;
    width: 10%;
    height: 3px;
    background-color: #e84b47;
    position: absolute;
    left: 0;
    bottom: -2px;
}
.cont_tit i{
    color: #ff0014;
    font-style: normal;
}
.bkgj{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.bkgj_left {
    width: 64%;
    margin-right: 1%;
}
.bkgj_left ul{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 4%;
}
.bkgj_left ul li{
    width: 24%;
}
.bkgj_left ul li a{
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    border: 1px solid #ebebeb;
    padding: 4% 8%;
}
.bkgj_text p {
    font-size: 16px;
    font-family: "FZLanTingHeiS-DB-GB";
    color: rgb#333333;
    line-height: 1.4;
}
.bkgj_text i{
    font-size: 12px;
    font-family: "FZLanTingHeiS-M-GB";
    color: #999999;
    font-style: normal;
}
.bkgj_text{
    line-height: 1.4;
    width: 70%;
    margin-left: 4%;
}
.bkgj_left ul li a:hover{
    background-color: #fff3f2;
}
.bkgj_left ul li a:hover p{
    color: #ff0014;
}
.bkgj_left ul li a:hover i{
    color: #ff0014;
}
.bkgj_right img{
    height: 248px;
    border-radius: 20px;
}
/* 备考推�? */
.bktj .cont_tit,.cont_titR,.cont_titR ul{
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 2.2
}
.cont_titR{
    width: 30%;
    /* width: 18%; */
}
.cont_titR ul {
    width: 80%;
    margin-right: 4%;
}
.cont_titR ul li{
    /* width: 30%; */
    width: 80%;
    font-size: 18px;
    line-height: 2.8;
    font-family: "FZLanTingHeiS-M-GB";
    color: rgb(51, 51, 51);
    text-align: center;
    position: relative;
    cursor: pointer;
}
.bktj_TitActive{
    background-color: rgb(242, 242, 242);
    border-radius: 20px 20px 0 0;
}
.cont_titR ul li.bktj_TitActive::after{
    content: "";
    display: block;
    width: 20%;
    height: 4px;
    background-color: #ff0014;
    position: absolute;
    left: 50%;
    bottom: 4%;
    transform: translateX(-50%);
}
.cont_titR a{
    width: 20%;
    border-width: 1px;
    border-color: rgb(255, 0, 20);
    border-style: solid;
    background-color: rgb(255, 255, 255);
    font-size: 13px;
    font-family: "FZLanTingHeiS-R-GB";
    color: rgb(255, 0, 20);
    padding: 0 2%;
    line-height: 1.4;
    border-radius: 30px;
    white-space: nowrap;
    text-align: center;
}
.bktj_box{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top:26px;
}
.bktj_left{
    width: 16%;
    background: url(../images/bktj_left.png) no-repeat;
    background-size: 100% 100%;
    padding: 2% 0;
    border-radius: 10px;
}
.bktj_left ul li{
    text-align: center;
    font-size: 20px;
    font-family: "FZLanTingHeiS-M-GB";
    color: rgb(51, 51, 51);
    line-height: 3;
    cursor: pointer;
}
.bktj_left ul li.bktj_leftActive{
    background: #f51e29;
    color: #fff;
    border-radius: 0 30px 30px 0;
}
.online_xdlist{
    width: 80%;
}
.bktj_right{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.xdlist_item{
    width: 24%;
    margin-bottom: 1%;
}
.xdlist_img{
    height: 190px;
    overflow: hidden;
    border-radius: 20px;
}
.xdlist_img img{
    width: 100%;
    height: 100%;
    border-radius: 20px;
}
.xdlist_text{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4% 2%;
}
.xdlist_name{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 66%;
    font-size: 16px;
}
.xdlist_Btn {
    background-image: -moz-linear-gradient( 180deg, rgb(245,30,41) 0%, rgb(255,71,52) 99%);
    background-image: -webkit-linear-gradient( 180deg, rgb(245,30,41) 0%, rgb(255,71,52) 99%);
    background-image: -ms-linear-gradient( 180deg, rgb(245,30,41) 0%, rgb(255,71,52) 99%);
    border-radius: 30px;
    font-size: 16px;
    color: #fff;
    line-height: 1.4;
    padding: 0 2%;
}
.Width a.xdlist_Btn:hover{
    color: #fff;
}
.zwsj{
    width: 100%;
    text-align: center;
}
/* 走进华图 */
.zjht_top{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.zjht_top li{
    width: 23%;
}
.zjht_box{
    margin-top: 2%;
}
.zjht_top p{
    text-align: center;
    margin-top: 2%;
    font-size: 18px;
    font-family: "FZLanTingHeiS-M-GB";
    color: rgb(51, 51, 51);
}
.zjht_bot{
    margin-top: 2%;
}
.zjht_bot,.zjht_item{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.company-txt{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.zjht_botL{
    width:22%;
    height: 94px;
}
.zjht_botL img{
    width: 100%;
    height: 100%;
}
.zjht_botR{
    width: 76%;
    padding: 0 4%;
}
.company-title {
    font-size: 16px;
    font-family: "FZLanTingHeiS-DB1-GB";
    color: rgb(51, 51, 51);
    line-height: 2.461;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/* 友情链接 */
.yqlj{
    margin-top: 2%;
}
.fLinktit{
    display: flex;
    align-items: center;
    padding-left: 2%;
    margin-bottom:1%;
}
.fLinktit .h3{
    width: 12%;
    font-size: 18px;
    font-family: "FZLanTingHeiS-M-GB";
    color: rgb(102, 102, 102);
    line-height: 2;
    cursor: pointer;
    text-align: center;
    position: relative;
}
.yqlj .cont_bg{
    margin-top: 0;
}
.inx-fLink .fLinkbox li {
    width: 13.4%;
    display: block;
    float: left;
    margin-right: 0.69%;
    line-height: 40px;
    white-space: nowrap;
    border-radius: 6px;
    background-color: rgb(244, 244, 244);
    text-align: center;
    margin-bottom: 1%;
    border-width: 1px;
    border-color: rgb(244, 244, 244);
    border-style: solid;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.inx-fLink .fLinkbox li:hover{
    border-width: 1px;
    border-color: rgb(255, 0, 20);
    border-style: solid;
    background-color: rgb(255, 255, 255);
}
.inx-fLink .fLinkbox li:hover a{
    color: #ff0519;
}
.fLinktit .h3.on::after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid white;
    position: absolute;
    left: 50%;
    top: 118%;
    transform: translateX(-50%);
}
/* �?���?�� */
.bzzx{
    margin: 30px 0;
}
.bzzx_tit{
    background: url(../images/bzzx_cir.png)  no-repeat;
    font-size: 18px;
    font-family: "FZLanTingHeiS-B-GB";
    color: rgb(51, 51, 51);
    margin-bottom: 14%;
}
.bzzx_box{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.bzzx_left{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.bzzx_left.cont_bg{
    margin-top: 0;
    box-shadow: 0px 0px 12.61px 0.39px rgba(232, 232, 232, 0.9);
}
.bzzx_left .bzzx_item{
    width: 14%;
}
.bzzx_left .bzzx_code{
    width: 20%;
} 
.bzzx_left{
    width: 70%;
    background: url(../images/bzzx_bg.png) no-repeat top right;
}
.bzzx_code img{
    border: 8px solid #fad4cf;
    border-radius: 10px;
    margin: 0 auto;
}
.bzzx_code p{
    text-align: center;
    font-size: 16px;
    color: #666666;
}
.bzzx_item  ul li a{
    font-size: 14px;
    font-family: "FZLanTingHeiS-M-GB";
    color: rgb(102, 102, 102);
}
.bzzx_right{
    width: 28%;
    margin-left: 2%;
}
.bzzx_rightItem{
    display: flex;
    align-items: center;
    justify-content:center;
    padding: 6% 0%;
    border-radius: 15px;
    background-image: -moz-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(255,239,236) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(255,239,236) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(255,239,236) 100%);
}
.bzzx_right .bzzx_rightR {
    margin-left: 4%;
}
.bzzx_rightR:last-child{
    margin-top: 4%;
}
.bzzx_rightR p{
    font-size: 20px;
    font-family: "FZLanTingHeiS-H-GB";
    color: rgb(51, 51, 51);
    line-height: 1.4;
}
.bzzx_rightR p i{
    font-style: normal;
    font-size: 14px;
    font-family: "FZLanTingHeiS-M-GB";
    color: rgb(102, 102, 102);
}
.bzzx_rightR b {
    font-size: 18px;
    font-family: "FZLanTingHeiS-H-GB";
    color: rgb(241, 46, 53);
}
.bzzx_rightR span{
    font-size: 16px;
    font-family: "FZLanTingHeiS-M-GB";
    color: rgb(241, 46, 53);
}
.bzzx_rightR p a{
    display: inline-block;
    margin-left: 4%;
    background-image: -moz-linear-gradient( 180deg, rgb(245,30,41) 0%, rgb(255,71,52) 99%);
    background-image: -webkit-linear-gradient( 180deg, rgb(245,30,41) 0%, rgb(255,71,52) 99%);
    background-image: -ms-linear-gradient( 180deg, rgb(245,30,41) 0%, rgb(255,71,52) 99%);
    border-radius: 30px;
    font-size: 14px;
    font-family: "FZLanTingHeiS-M-GB";
    color: rgb(255, 255, 255);
    padding: 0 2%;
    line-height: 1.8;
}

/* 底部 */
/*底部*/
.footer {
    background-color: #333;
}
.footer .footNav {
    position: relative;
    padding: 2% 0;
    z-index: 11;
}
.footer .footNav p a:first-child {
    position: relative;
    z-index: 899;
}
.footer .footNav p {
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    color: #a6a6a6;
}
.footer .footNav p:first-child {
    color: #a6a6a6;
}
.footer .footNav p a {
    display: inline-block;
    padding: 0 6px;
    color: #a6a6a6;
}
.footer .footNav p a:hover {
    color: #fff;
}
/* 右侧�?�� */
.fx_right{
    position: fixed;
    right: 1%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9999;
    width: 70px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 4px 3.88px 0.12px rgba(234, 234, 234, 0.7);
    padding: 40px 4px 1% 4px;
 
    box-sizing: border-box;
}
.fx_right ul li{
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid rgb(234, 234, 234);
    padding-top: 18px;
}
.fx_right ul li:last-child{
    border-bottom: none;
}
.fx_rtGift{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -40px;
}
.fx_right ul li img{
    margin: 0 auto;
}
.fx_right ul li p{
    font-size: 14px;
    font-family: "FZLanTingHeiS-M-GB";
    color: rgb(51, 51, 51);
}
.fx_right ul li div{
    width: 100%;
    height:26px;
}
.fx_right ul li:hover p{
  color: rgb(241, 46, 53);;
}
.fx_rtIcon1 div{
    background: url(../images/fx_rtIcon1.png) no-repeat top center;
    background-size:contain;
}
.fx_rtIcon2 div{
    background: url(../images/fx_rtIcon2.png) no-repeat top center;
    background-size:contain;
}
.fx_rtIcon3 div{
    background: url(../images/fx_rtIcon3.png) no-repeat top center;
    background-size:contain;
}
.fx_rtIcon4 div{
    background: url(../images/fx_rtIcon4.png) no-repeat top center;
    background-size:contain;
}
.fx_right .fx_rtIcon1:hover div{
    background: url(../images/fx_rtIcon1_ac.png) no-repeat top center;
    background-size:contain;
}
.fx_right .fx_rtIcon2:hover div{
    background: url(../images/fx_rtIcon2_ac.png) no-repeat top center;
    background-size:contain;
}
.fx_right .fx_rtIcon3:hover div{
    background: url(../images/fx_rtIcon3_ac.png) no-repeat top center;
    background-size:contain;
}
.fx_right .fx_rtIcon4:hover div{
    background: url(../images/fx_rtIcon4_ac.png) no-repeat top center;
    background-size:contain;
}
.hover-box {
    display: flex;
    flex-direction: column;
    position: relative;
}
.user_pic {
    width: 30px;
    height: 30px;
    border-radius: 50px;
    background: #ccc;
    cursor: pointer;
    line-height: 0!important;
}
.user_choice {
    position: absolute;
    width: 100px;
    height: 60px;
    border: 1px solid #ccc;
    left: -113%;
    top: 100%;
    background: #fff;
    flex-direction: column;
    display: none;
}
.user_choice a {
    font-size: 12px!important;
    height: 30px;
    line-height: 30px!important;
    text-align: center;
}
.hover-box:hover .user_choice {
    display: flex!important;
}
/*考试类型*/
.exam-type {
    padding-bottom: 10px;
}
.exam-type a {
    position: relative;
    float: left;
    width: 102px;
    height: 46px;
    margin-bottom: 12px;
    margin-right: 11px;
    border-radius: 6px;
    background-color: #f4f4f4;
    background-repeat: no-repeat;
    line-height: 46px;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: transform .5s ease;
}
.exam-type1 a{
    width: 128px;
}
.exam-type a:hover, .exam-type a.active {
    transform: translateY(-4px);
    background-image: url(https://www.huatu.com/images/2020css/images/exam_btn.png);
    box-shadow: -3px 3px 8px -4px #fa463f, 3px 3px 8px -4px #fa463f;
    color: #fff !important;
}
.exam-type a.active a {
    color: #fff;
}
.exam-type a:hover i, .exam-type li.active i {
    background-image: url(https://www.huatu.com/images/2020css/images/hot_a.png);
}

/* .exam-type li.del-m {
margin-right: 0;
} */
 /* .exam-type a:nth-child(12n) {
    margin-right: 0;
} */
.exam-type a i {
    display: none;
    position: absolute;
    top: 0;
    right: 4px;
    width: 16px;
    height: 18px;
    background-image: url(https://www.huatu.com/images/2020css/images/hot.png);
    background-repeat: no-repeat;
    background-size: 100%;
    transition: background-image .5s ease;
}
.exam-type a.hotspot i {
    display: block;
}
.exam-type a.specials {
    width: 104px;
    height: 44px;
    border: 1px solid #ccc;
    background-color: #fff;
}
.exam-type a.specials:hover {
    border-color: #f41c2d;
}
.exam-type a.specials:hover a {
    color: #f41c2d;
}

.exam-type a {
    display: block;
}

/*考试类型通栏*/
@media screen and (max-width: 1680px) {
    .bpgg_active .bpgg_leftList {
        width: 70%;
    }
    .article_list ul li a,.article_list ul li span{
        font-size: 14px;
    }
    .articleHz_left li,.bktj_left ul li{
        font-size: 18px;
    }
    
    .Width{
        width: 90% !important;
    }
    .exam-type1 a{
        width: 126px;
    }
}
@media screen and (max-width: 1560px) {
    .bpgg_leftList li a,.region-link a{
        font-size: 12px;
    }
    /* .article_list ul li a img{
        width: 18%;
    } */
    .bpgg_rightT p{
        font-size: 24px;
    }
    .bpgg_rightJb{
        width: 70%;
    }
    .bpgg_right ul li img.bpgg_rightImg{
        width: 100%;
        height: 100%;
    }
    .articleHz_right{
        width: 40%;
    }
    .articleHz_center{
        width: 58%;
    }
    .bzzx_tit{
        font-size: 16px;
    }
    .bzzx_rightItem{
        padding: 8% 0;
    }

}
@media screen and (max-width: 1420px) {
    .Width{
        width: 98% !important;
    }
    .region-link a{
        width: 5%;
        margin: 0 0.4%;
    }
    .header_hotList a p{
        font-size: 12px;
    }
    .articleHz_right{
        width: 40%;
    }
    .articleHz_center{
        width: 58%;
    }
    .bkgj_right{
        width: 28%;
    }
    .bkgj_right img{
        height: 210px;
    }
    .bkgj_left{
        width: 70%;
    }
    .bkgj_text i,.bzzx_item ul li a,.xdlist_Btn{
        font-size: 12px;
    }
    .bzzx_tit{
        font-size: 14px;
    }
    .bzzx_rightR p,.bzzx_rightR b,.xdlist_name{
        font-size: 14px;
    }
    .bzzx_rightR span,.bzzx_rightR p a,.bzzx_rightR p i{
        font-size: 12px;
    }
    .bkgj_left ul li a img{
        width: 28%;
    }
    .bkgj_left ul li{
        width: 24%;
    }
    .company-title,.company-txt span{
        font-size: 12px;
    }
    .bkgj_left ul{
        margin-top: 2%;
    }
    .articleHz_left li,.article_tit{
        font-size: 14px;
    }
    .zjht_top p{
        font-size: 14px;
    }
    .bktj_left ul li,.cont_titR ul li{
        font-size: 16px;
    }
    .cont_titR a{
        font-size: 12px;
    }
    .bpgg_rightT p {
        font-size: 18px;
    }
    .bpgg_right ul li i{
        font-size: 16px;
    }
    .bpgg_right ul li span{
        font-size: 14px;
        line-height: 1.8;
    }
    .zjht_botR {
        width: 70%;
        padding: 0 4%;
    }
    .bzzx_tit{
        margin-bottom: 0;
    }
}