/* 第一块 */
/* 左侧-产品 */
.slcrbox{
    margin: 25px auto !important;
    display: flex;align-items: flex-start;justify-content: space-between;
    height: 450px;
}
.slcrbox .slbox{
    height: 100%;
    display: flex;flex-direction: column;align-items: flex-start;justify-content: space-between;gap: 10px;
}
.slcrbox .slbox .slItem{
    width: 186px;height: 33px;
    display: flex;align-items: flex-start;
    border-bottom: 1px solid #eee;padding-bottom: 10px;
    position: relative;
    cursor: pointer;
}
.slcrbox .slbox .slItem .slItemImg{
    width: 51px;height: 33px;
    margin-right: 15px;
}
.slcrbox .slbox .slItem .slcenter{
    width: 90px;height: 100%;
    display: flex;flex-direction: column;align-items: flex-start;justify-content: space-between;
}
.slcrbox .slbox .slItem .slcenter .slcone{
    color: #4f4f4f;font-weight: bold;font-size: 14px;line-height: 14px;
    text-align: left;
}
.slcrbox .slbox .slItem .slcenter .slcone:hover{color: #6379fa;}
.slcrbox .slbox .slItem .slcenter .slctwo{
    width: 100%;
    display: flex;align-items: center;justify-content: space-between;
}
.slcrbox .slbox .slItem .slcenter .slctwo .slctwotxt{font-size: 12px;line-height: 12px;color: #4f4f4f;}
.slcrbox .slbox .slItem .slcenter .slctwo .slctwotxt:hover{color: #6379fa;}
.slcrbox .slbox .slItem .slicon{
    color: #4f4f4f;font-weight: bold;font-size: 18px;
    position: absolute;top: 0;right: 0;
}
.slbox .slChild{
    position: absolute;right: -350px;top: 0;z-index: 100;
    background-color: #fff;border: 1px solid #e5e5e5;
    width: 350px;
    padding: 15px;box-sizing: border-box;
    display: none;flex-direction: column;align-items: flex-start;gap: 15px;
}
.slbox .slChild .slChildone{display: flex;flex-direction: column;align-items: flex-start;}
.slbox .slChild .slChildone .childtitle{
    text-align: left;color: #6379fa;font-size: 14px;line-height: 14px;font-weight: bold;
    margin-bottom: 8px;
}
.slbox .slChild .slChildone .childList{
    width: 100%;
    display: flex;flex-wrap: wrap;align-items: center;gap: 9px;
}
.slbox .slChild .slChildone .childList .childitem{
    text-align: left;
    width: 100px;box-sizing: border-box;
    overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
    font-size: 12px;color: #000;
    cursor: pointer;
}
.slbox .slChild .slChildone .childList .childitem:hover{color: #6379fa;}
.slcrbox .slbox .slItem:hover .slChild{display: flex;}
.slcrbox .slbox .slItem:hover .slicon{display: none;}
.slcrbox .scenbox{
    width: 600px;height: 450px;
}
.slcrbox .srbox{
    width: 370px;height: 100%;
    box-sizing: border-box;
    display: flex;flex-direction: column;align-items: flex-start;justify-content: space-between;
}
.slcrbox .srbox .srItem{
    width: 100%;
    overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
    font-size: 14px;line-height: 24px;text-align: left;color: #000;
    border-left: 8px solid #fff;border-right: 8px solid #fff;
    cursor: pointer;
}
.slcrbox .srbox .srItem:nth-child(4n+1){
    overflow: visible;
    border: 8px solid #f5f5f5;
    background: #bb0707;
    color: #fff;font-weight: bold;line-height: 24px;
    position: relative;
    margin-top: 20px;
    padding-left: 8px;box-sizing: border-box;
}
.slcrbox .srbox .srItem:nth-child(4n+1)::after{
    content: '';
    position: absolute;top: -20px;left: -8px;
    width: 370px;height: 1px;
    background: #b4b3b3;
}
.slcrbox .srbox .srItem:first-child{margin-top: 0;}
.slcrbox .srbox .srItem:first-child::after{content: '';height: 0;}


/* 第二块 */
.secTwo{}
.secTwo .secTwobox{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.secTwo .secTwobox .secTwoLeft{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
}
.secTwo .secTwobox .secTwoLeft .stwoImg{
    width: 177px;height: 106px;
    cursor: pointer;
}
.secTwo .secTwobox .secTwoRight{
    width: 1000px;
}
.secTwo .secTwobox .secTwoRight .stwoist{
    width: 100%;
    padding: 20px 120px 0 120px;box-sizing: border-box;
    display: none;flex-wrap: wrap;justify-content: space-between;gap: 12px 0;
}
.secTwo .secTwobox .secTwoRight .cur{display: flex;}
.secTwo .secTwobox .secTwoRight .stwoist .stwoItem{
    width: 350px;
    text-align: left;font-size: 14px;
    position: relative;
    overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
    cursor: pointer;
    padding-left: 20px;box-sizing: border-box;
}
.secTwo .secTwobox .secTwoRight .stwoist .stwoItem::before{
    content: '';
    position: absolute;left: 0;top: 50%;transform: translate(0,-50%);
    width: 8px;height: 8px;border-radius: 50%;background-color: #767676;
}
.secTwo .secTwobox .secTwoRight .stwoist .stwoItem:hover a{ color: #ff0000; }
.secTwo .secTwobox .secTwoRight .stwoist .stwoItem:hover::before{ 
    content: '';
    position: absolute;left: 0;top: 50%;transform: translate(0,-50%);
    width: 8px;height: 8px;border-radius: 50%;
    background: #ff0000; 
}
.secTwo .secTwobox .secTwoRight .stwoist .stwoItem:nth-child(1){
    padding-left: 0;
}
.secTwo .secTwobox .secTwoRight .stwoist .stwoItem:nth-child(1) a{
    color: #4d68ff;font-size: 16px;font-weight: bold;
}
.secTwo .secTwobox .secTwoRight .stwoist .stwoItem:nth-child(1):hover a{color: #ff0000;}
.secTwo .secTwobox .secTwoRight .stwoist .stwoItem:nth-child(1)::before{ content: '';width: 0;height: 0; }
.secTwo .secTwobox .secTwoRight .stwoist .stwoItem:nth-child(2){
    padding-left: 0;
}
.secTwo .secTwobox .secTwoRight .stwoist .stwoItem:nth-child(2) a{
    color: #4d68ff;font-size: 16px;font-weight: bold;
}
.secTwo .secTwobox .secTwoRight .stwoist .stwoItem:nth-child(2):hover a{color: #ff0000;}
.secTwo .secTwobox .secTwoRight .stwoist .stwoItem:nth-child(2)::before{ content: '';width: 0;height: 0; }


/* 第三块-留学活动 */
.syhuodong{
    margin: 35px auto ;
}
.syhuodong .syhdbox{
    display: flex;align-items: flex-start;gap:40px;
    margin-top: 25px;
}
.syhuodong .syhdbox .schdItem{
    display: flex;align-items: center;flex-direction: column;gap: 10px;
}
.syhuodong .syhdbox .schdItem .schdImg{
    width: 270px;height: 165.75px;
    cursor: pointer;
    overflow: hidden;
}
.syhuodong .syhdbox .schdItem .schdImg img{ transition: all .4s; }
.syhuodong .syhdbox .schdItem .schdImg:hover img{ transform: scale(1.1); }
.syhuodong .syhdbox .schdItem .schddes{
    width: 270px;
    display: flex;align-items: center;justify-content: space-between;
}
.syhuodong .syhdbox .schdItem .schddes .hdbtn{
    width: 48%;height:30px;
    display: flex;align-items: center;justify-content: center;
    background: #4d68ff;border-radius: 10px;
    cursor: pointer;
    font-size: 14px;color: #fff;
}
.syhuodong .syhdbox .schdItem .schddes .hdbtn a{color: #fff;}
.syhuodong .syhdbox .schdItem .schddes .hdbtn:nth-child(2){ background: #e7e7e7;color: #424a5c; }


/* 第四块-留学方案 */
.syfangan{margin: 0 auto 35px 0;}
.syfangan .syfanganbox{
    margin-top: 25px;
    display: flex;align-items: flex-start;justify-content: space-between;
}
.syfangan .syfanganbox .fourleft{ display: flex;flex-direction: column;gap: 8px;}
.syfangan .syfanganbox .fourleft .fourleftItem{
    width: 230px;height: 52px;
    background: #f9f9f9; border: 1px solid #eee;border-radius: 10px;
    display: flex;align-items: center;gap: 20px;
    padding-left: 30px;box-sizing: border-box;
    cursor: pointer;
    transition: all .2s;
}
.syfangan .syfanganbox .fourleft .fourleftItem .flImg{width: 51px;height: 33px;}
.syfangan .syfanganbox .fourleft .fourleftItem .flName{font-size: 16px;}
.syfangan .syfanganbox .fourleft .fourleftItemActive{ background: #4c67fc; color: #fff; }
.syfangan .syfanganbox .fourleft .fourleftItem:hover{ background: #4c67fc;color: #fff;}
.syfangan .syfanganbox .fourRight{
    width: 950px;
    display: none;flex-wrap: wrap;align-items: center;gap: 10px;
} 
.syfangan .syfanganbox .cur{display: flex;}
.syfangan .syfanganbox .fourRight .fourImg{width: 310px;height: 165px;cursor: pointer;} 

/* 预约 */
.secFive{
    margin: 0 auto 35px auto;
}
.secFive .yybox{
    width: 100%;height: 146px;
    padding: 23px 30px 10px 255px;box-sizing: border-box;
    background: url('https://xhd-lx-admin.oss-cn-hangzhou.aliyuncs.com/website/bg-dingzhi.png') no-repeat;
}
.secFive .yybox .get-form{
    width: 100%;height: 100%;
    display: flex;flex-direction: column;align-items: center;justify-content: space-between;
}
.secFive .yybox .get-form .get-form-top{
    width: 100%;
    display: flex;flex-wrap: wrap;align-items: flex-start;justify-content: space-between;gap: 8px 0;
}
.secFive .yybox .get-form .get-form-top .gft-item{
    width: 300px;height: 38px;
    display: flex;align-items: center; gap: 10px;
    background-color: #fff;border: 1px solid #dcdfe6;border-radius: 8px;
    box-sizing: border-box;
    position: relative;
}
.secFive .yybox .get-form .get-form-top .gft-item .gfi-img{
    width: 95px;
    color: #888;font-weight: bold;font-size: 14px;line-height: 14px;
    border-right: 1px solid #888;box-sizing: border-box;
}
.secFive .yybox .get-form .get-form-top .gft-item .gfi-input-name{
    width: 190px;height: 100%;border-radius: 0 8px 8px 0;
    padding-left: 5px;box-sizing: border-box;
    font-size: 14px;
}
.secFive .yybox .get-form .get-form-top .gft-item .gfi-getCode{position: absolute;right: 5px;top: 50%;transform: translate(0, -50%);}
.secFive .yybox .get-form .get-form-top .gft-item .gfi-getCode .getYzm{
    border: none;height: 32px;padding: 0 15px;
    background-color: #767676;border-radius: 22px;
    color: #ffffff;font-size: 12px;line-height: 32px;
}
.secFive .yybox .get-form .get-form-top .gft-submit{
    width:300px ;height: 38px;cursor: pointer;
    background: #e12f16;border-radius: 8px;
    font-size: 16px;color: #fff;line-height: 38px;font-weight: bold;
}


/* 留学团队 */
.sytuandui{}
.sytuandui .tundui{margin-top: 25px;}
.sytuandui .tundui .teaimg{
    width: 232px;height: auto;
    cursor: pointer;
}
.sytuandui .tundui .teaname{
    color: #6379fa;
    font-size: 16px;line-height: 16px;
    font-weight: bold;
    margin: 8px auto;
}
.sytuandui .tundui .teapro{font-size: 12px;}
.sytuandui .tundui .teabtn{font-size: 12px;color: #ff0000;font-weight: bold;cursor: pointer;margin: 3px auto 0 auto;}
.sytuandui .tundui .teabtn:hover{ border-bottom: 1px solid #ff0000; width: 103px;}


/* 服务流程 */
.syfwliucheng{margin: 35px 0;}
.syfwliucheng .liubox{
    width: 100%;
    display: flex;align-items: center;justify-content: space-between;
    margin-top: 25px;
}
.syfwliucheng .liubox .liuItem{
    width: 150px;height: 150px;
    border: 1px solid #e5e5e5;
    display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 12px;
    cursor: pointer;
}
.syfwliucheng .liubox .liuItem .liuImgone{display: block;}
.syfwliucheng .liubox .liuItem .liuImgtwo{ display: none; }
.syfwliucheng .liubox .liuItem .liudes{ color: #636363;font-size: 14px;font-weight: bold; }
.syfwliucheng .liubox .liuItem:hover{ background: linear-gradient(to bottom, #8395fc, #3850dd);}
.syfwliucheng .liubox .liuItem:hover .liuImgone{ display: none; }
.syfwliucheng .liubox .liuItem:hover .liuImgtwo{ display: block; }
.syfwliucheng .liubox .liuItem:hover .liudes{ color: #fff; }


/* 院校推荐 */
.syyuanxiao{ margin-bottom: 35px; }
.syyuanxiao .yuanxiaobox{
    margin-top: 25px;
    display: flex;align-items: flex-start;gap: 35px;
}
.syyuanxiao .yuanxiaobox .yxleft{ display: flex;flex-direction: column;gap: 8px;}
.syyuanxiao .yuanxiaobox .yxleft .yxleftItem{
    width: 230px;height: 52px;
    background: #f9f9f9; border: 1px solid #eee;border-radius: 10px;
    display: flex;align-items: center;gap: 20px;
    padding-left: 30px;box-sizing: border-box;
    cursor: pointer;
    transition: all .2s;
}
.syyuanxiao .yuanxiaobox .yxleft .yxleftItem .flImg{width: 51px;height: 33px;}
.syyuanxiao .yuanxiaobox .yxleft .yxleftItem .flName{font-size: 16px;}
.syyuanxiao .yuanxiaobox .yxleft .yxItemActive{ background: #4c67fc; color: #fff; }
.syyuanxiao .yuanxiaobox .yxleft .yxleftItem:hover{ background: #4c67fc;color: #fff;}
.syyuanxiao .yuanxiaobox .yxcenrig{display: none;}
.syyuanxiao .yuanxiaobox .cur{display: flex;}
.syyuanxiao .yuanxiaobox .yxcenter{
    width: 600px;
    display: flex;flex-direction: column;align-items: flex-start;
    margin-right: 35px;
}
.syyuanxiao .yuanxiaobox .yxcenter .yxone{
    width: 100%;
    display: none;align-items: flex-start;gap: 15px;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px;
    margin-bottom: 8px;
}
.syyuanxiao .yuanxiaobox .yxcenter .yxoneactive{display: flex;}
.syyuanxiao .yuanxiaobox .yxcenter .yxone .oneImgname{ display: flex;flex-direction: column;align-items: center;gap: 5px;}
.syyuanxiao .yuanxiaobox .yxcenter .yxone .oneImgname .yxImg{width: 135px;height: 130px;cursor: pointer;}
.syyuanxiao .yuanxiaobox .yxcenter .yxone .oneImgname .yxname{
    width: 135px;
    overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
    font-weight: bold;font-size: 14px;color: #4f4f4f;
}
.syyuanxiao .yuanxiaobox .yxcenter .yxone .yxdes{
    display: flex;flex-direction: column;align-items: flex-start;
    color: #666;
}
.syyuanxiao .yuanxiaobox .yxcenter .yxone .yxdes .desone{ font-size: 14px;font-weight: bold; }
.syyuanxiao .yuanxiaobox .yxcenter .yxone .yxdes .destwo{
    font-size: 12px;text-align: left;
    width: 400px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
    margin-bottom: 10px;
}
.syyuanxiao .yuanxiaobox .yxcenter .yxmore{
    width: 100%;
    display: flex;justify-content: flex-end;
    font-size: 14px;color: #000;font-weight: bold;
    cursor: pointer;
    margin-bottom: 10px;
}
.syyuanxiao .yuanxiaobox .yxcenter .morelist{
    width: 100%;
    display: flex;align-items: flex-start;gap: 13px;
}
.syyuanxiao .yuanxiaobox .yxcenter .morelist .moreItem{
    width: 140px;height: 140px;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 5px;
    cursor: pointer;
}
.syyuanxiao .yuanxiaobox .yxcenter .morelist .moreItem:hover{border: 1px solid #6379fa;}
.syyuanxiao .yuanxiaobox .yxcenter .morelist .moreItem .moitemImg{width: 89px;height: 85px;}
.syyuanxiao .yuanxiaobox .yxcenter .morelist .moreItem .moitemname{
    overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
    font-size: 14px;    width: 100%;
}
.syyuanxiao .yuanxiaobox .yxcenter .morelist a:hover{border: 1px solid #aaa;}
.yxright{  width: 300px; }
.yxright .yxRTitle{
    border-bottom: 1px solid #c9c9c9;
    color: #666666;font-size: 16px;text-align: left;
    padding-bottom: 5px;
    margin-bottom: 15px;
}
.yxright .yxRList{
    width: 100%;height: 150px;
    display: flex;flex-direction: column;align-items: flex-start;justify-content: space-between;
    margin-bottom: 15px;
}
.yxright .yxRList .yxRItem{
    display: flex;align-items: center;gap: 10px;
    font-size: 14px;
}
.yxright .yxRList .yxRItem .yxRnum{
    width: 18px;height: 18px;
    background: #8f8f8f;border-radius: 50%;
    color: #fff;font-size: 14px;line-height: 17px;
}
.yxright .yxRList .yxRItem .yxRinFom{ 
    cursor: pointer;
    width: 260px;
    text-align: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
}
.yxright .yxRList .yxRItem:nth-child(1) .yxRnum{background-color: #ff0000;}
.yxright .yxRList .yxRItem:nth-child(1) .yxRinFom{color: #ff0000;}
.yxright .yxRList .yxRItem:nth-child(2) .yxRnum{background-color: #ff8400;}
.yxright .yxRList .yxRItem:nth-child(2) .yxRinFom{color: #ff8400;}
.yxright .yxRList .yxRItem:nth-child(3) .yxRnum{background-color: #ffc704;}
.yxright .yxRList .yxRItem:nth-child(3) .yxRinFom{color: #ffc704;}

.yxright .search {
    width: 100%;
    display: flex;align-items: flex-start;justify-content: space-between;
}
.yxright .search input {
    width: 180px;height: 32px;
    outline: none;
    border: 1px solid #d2d2d2;
    font-size: 14px;
    padding-left: 10px;
}
.yxright .search .school-search-btn {
    width: 100px;height: 32px;
    background: #6379fa;border-radius: 5px;
    font-size: 14px;color: #fff;line-height: 32px;text-align: center;
    cursor: pointer;
}
.yxright .yxRBtn{
    width: 100%;
    display: flex;flex-wrap: wrap;align-items: flex-start;justify-content: space-between;gap: 10px 0;
    margin-top: 15px;
}
.yxright .yxRBtn .yxBtnItem{
    cursor: pointer;
    width: 144px;height: 36px;
    font-size: 16px;line-height: 36px;text-align: center;
    border-radius: 5px;
}
.yxright .yxRBtn a{color: #fff;}
.yxright .yxRBtn .yxBtnItem:nth-child(1){background: url('https://qcadmin.xhd.cn/r/cms/group/default/resource2020/images/search-item-rank.png') no-repeat;}
.yxright .yxRBtn .yxBtnItem:nth-child(2){ background: url('https://qcadmin.xhd.cn/r/cms/group/default/resource2020/images/search-item-school.png') no-repeat;}
.yxright .yxRBtn .yxBtnItem:nth-child(3){ background: url('https://qcadmin.xhd.cn/r/cms/group/default/resource2020/images/search-item-major.png') no-repeat;}
.yxright .yxRBtn .yxBtnItem:nth-child(1):hover{background: #6379fa;}
.yxright .yxRBtn .yxBtnItem:nth-child(2):hover{background: #0bbc8f;}
.yxright .yxRBtn .yxBtnItem:nth-child(3):hover{background: #ff9131;}

/* 热门专业 */
.syzhuaye{margin: 0 auto 35px 0;}
.syzhuaye .syzybox{
    margin-top: 25px;
    display: flex;align-items: flex-start;gap: 35px;
}
.syzhuaye .syzybox .zyleft{ display: flex;flex-direction: column;gap: 8px;}
.syzhuaye .syzybox .zyleft .zyleftItem{
    width: 230px;height: 52px;
    background: #f9f9f9; border: 1px solid #eee;border-radius: 10px;
    display: flex;align-items: center;gap: 20px;
    padding-left: 30px;box-sizing: border-box;
    cursor: pointer;
    transition: all .2s;
}
.syzhuaye .syzybox .zyleft .zyleftItem .flImg{width: 51px;height: 33px;}
.syzhuaye .syzybox .zyleft .zyleftItem .flName{font-size: 16px;}
.syzhuaye .syzybox .zyleft .zyItemActive{ background: #4c67fc; color: #fff; }
.syzhuaye .syzybox .zyleft .zyleftItem:hover{ background: #4c67fc;color: #fff;}

.syzhuaye .syzybox .zycenrig{display: none;gap: 35px;}
.syzhuaye .syzybox .zycur{display: flex;gap: 35px;}
.syzhuaye .syzybox .zycenter{
    width: 600px;
    display: flex;flex-direction: column;align-items: flex-start;
}
.syzhuaye .syzybox .zycenter .zycentwo{
    display: none;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
}
.syzhuaye .syzybox .zycenter .zycentwoactive{display: flex;}
.syzhuaye .syzybox .zycenter .zycentwo .zyctImg{    width: 268px;height: 210px;}
.syzhuaye .syzybox .zycenter .zycentwo .zycdesbox{
    width: 320px ;
    display: flex;flex-direction: column;align-items: flex-start;gap: 8px;
}
.syzhuaye .syzybox .zycenter .zycentwo .zycdesbox .zydesboxone{ text-align: left;font-weight: bold;font-size: 14px;}
.syzhuaye .syzybox .zycenter .zycentwo .zycdesbox .zydesboxtwo{
    font-size: 12px;color: #858585;text-align: left;
    height: 65px;
    overflow: auto;
}
.syzhuaye .syzybox .zycenter .zycenthree{
    display: flex;align-items: center;justify-content: flex-start;gap: 8px;
    margin-top: 20px;
}
.syzhuaye .syzybox .zycenter .zycenthree .zycthreeItem{
    height: 28px;
    display: flex;align-items: center;justify-content: center;
    border: 1px solid #e5e5e5;box-sizing: border-box;
    font-size: 14px;
    padding: 0 10px;
    cursor: pointer;
}
.syzhuaye .syzybox .zycenter .zycenthree .zycthreeItemActive{ background: #4d68ff;}
.syzhuaye .syzybox .zycenter .zycenthree .zycthreeItemActive a{ color   : #fff;}