.indexnavs {
    width: 100%;
    overflow: hidden;
    background: #fcf9fc;
}

.swiperside {
    width: 1200px;
    height: 415px;
    margin: 0 auto;
    position: relative;
}

.swiperside .lftnavs {
    width: 190px;
    height: 415px;
    background: #fff;
    float: left;
}

.swiperside .lftnavs ul {
    width: 100%;
    padding: 20px 0;
}

.swiperside .lftnavs ul li {
    width: 100%;
    height: 46px;
    line-height: 46px;
    position: relative;
    cursor: pointer;
}

.swiperside .lftnavs ul li a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

.swiperside .lftnavs ul li:hover {
    background: #00c2ff;
}

.swiperside .lftnavs ul li:hover .hidenavs {
    display: block;
}

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

.swiperside .lftnavs ul li:hover .iconfont {
    color: #fff;
}

.swiperside .lftnavs ul li p {
    font-size: 16px;
    color: #666666;
    margin-left: 50px;
}

.swiperside .lftnavs ul li .iconfont {
    position: absolute;
    top: 0;
    right: 10px;
    font-size: 14px;
    color: #999999;
}

.swiperside .hidenavs {
    display: none;
    backdrop-filter: saturate(180%) blur(6px);
    background-color: rgba(255, 255, 255, 0.9);
    position: absolute;
    top: 0;
    left: 190px;
    z-index: 10;
    min-height: 46px;
}

.swiperside .hidenavs .mainnavside {
    min-height: 46px;
    line-height: 46px;
}

.swiperside .hidenavs .mainnavside a {
    color: #333;
    margin: 0 30px 0 30px;
    white-space: nowrap;
}

.swiperside .hidenavs .mainnavside a:hover {
    color: #00c0fc;
}


/* 轮播图 */

.swiperside .banners {
    width: 1200px;
    height: 400px;
    margin-top: 15px;
    position: relative;
    overflow: hidden;
    float: right;
}

.swiperside .banners .slidebox {
    width: 1200px;
    height: 400px;
    position: absolute;
    top: 0;
    left: 0;
}

.swiperside .banners .slidebox li {
    float: left;
    width: 1200px;
    height: 400px;
    left: 0;
    top: 0;
}

.swiperside .banners .slidebox li img {
    display: block;
    width: 1200px;
    height: 400px;
    object-fit: cover;
}

.dot {
    position: absolute;
    width: 100%;
    text-align: right;
    bottom: 38px;
    left: 0;
}

.dot p {
    margin-right: 58px;
}

.dot b {
    width: 24px;
    height: 6px;
    display: inline-block;
    background: #979f9d;
    margin: 0 3px;
    margin-top: 6px;
    cursor: pointer;
    font-weight: normal;
}

.dot .cur {
    background: #fff;
}


/* 测评 */

.assessbox {
    width: 1200px;
    margin: 15px auto;
    overflow: hidden;
}

.assessbox ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.assessbox li {
    flex: 1;
    margin-left: 20px;
    height: 150px;
    background: #fff;
    padding: 0 20px;
    position: relative;
}

.assessbox li:first-child {
    margin-left: 0;
}

.assessbox li h1 {
    font-size: 18px;
    color: #666666;
    font-weight: normal;
    margin: 20px 0 10px 0;
}

.assessbox li p {
    font-size: 13px;
    color: #999999;
    margin: 0 0 23px 0;
}

.assessbox li a {
    display: block;
    width: 88px;
    height: 28px;
    line-height: 28px;
    border-radius: 14px;
    text-align: center;
    font-size: 13px;
}

.assessbox li img {
    width: 100px;
    height: 100px;
    position: absolute;
    right: 10px;
    bottom: 0;
}

.cpbtn1 {
    color: #3fcd76;
    border: 1px solid #3fcd76;
}

.cpbtn1:hover {
    background: #3fcd76;
    color: #fff;
}

.cpbtn2 {
    color: #ffa258;
    border: 1px solid #ffa258;
}

.cpbtn2:hover {
    background: #ffa258;
    color: #fff;
}

.cpbtn3 {
    color: #57d6ff;
    border: 1px solid #57d6ff;
}

.cpbtn3:hover {
    background: #57d6ff;
    color: #fff;
}

.cpbtn4 {
    color: #ff8065;
    border: 1px solid #ff8065;
}

.cpbtn4:hover {
    background: #ff8065;
    color: #fff;
}


/* 我们的品牌 */

.mybrand {
    width: 100%;
    background: #f1f9ff;
    overflow: hidden;
}

.mybrand .brandbox {
    width: 1200px;
    height: 537px;
    margin: 0 auto;
    background: #f1f9ff;
}

.mybrand .brandbox .brandlft {
    width: 450px;
    margin-top: 100px;
    float: left;
    overflow: hidden;
}

.mybrand .brandbox .brandlft h1 {
    font-size: 30px;
    color: #333333;
    font-weight: bold;
    margin-bottom: 40px;
}

.mybrand .brandbox .brandlft p {
    font-size: 14px;
    color: #666666;
    line-height: 20px;
}

.mybrand .brandbox .brandlft a {
    display: block;
    width: 240px;
    height: 60px;
    line-height: 60px;
    border-radius: 30px;
    background: #00c2ff;
    color: #fff;
    font-size: 18px;
    text-align: center;
    margin-top: 80px;
}

.mybrand .brandbox .brandrit {
    width: 664px;
    height: 456px;
    float: right;
    margin-top: 30px;
}

.mybrand .brandbox .brandrit img {
    width: 664px;
    height: 456px;
}


/* 我们的产品 */

.myproduct {
    width: 100%;
    background: #fcf9fc;
    overflow: hidden;
    padding-bottom: 40px;
}

.myproduct .cp {
    width: 257px;
}

.myproduct ul {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 40px;
}

.myproduct ul li,
.myproduct ul li a {
    display: block;
    width: 390px;
    height: 234px;
}

.myproduct ul li {
    background: #fff;
    margin-bottom: 15px;
}

.myproduct ul li:hover {
    box-shadow: 0 0 15px #d3ebfe;
}

.myproduct ul li img {
    width: 170px;
    height: 234px;
    float: left;
}

.myproduct ul li .msgs {
    width: 180px;
    float: right;
    margin-right: 20px;
    margin-top: 50px;
}

.myproduct ul li .msgs h1 {
    color: #333333;
    font-size: 17px;
    margin-bottom: 20px;
}

.myproduct ul li .msgs p {
    color: #999999;
    font-size: 14px;
    height: 50px;
    line-height: 24px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.myproduct ul li .msgs .probtn {
    width: 110px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 15px;
    position: relative;
    font-size: 14px;
    margin-top: 30px;
}

.myproduct ul li:hover .msgs .probtn {
    background-color: #00c2ff;
    color: #fff;
}

.purplebtn {
    border: 1px solid #00c2ff;
    color: #00c2ff;
}

.purplebtn .iconfont {
    color: #00c2ff;
}

.bluebtn {
    border: 1px solid #57bedb;
    color: #57bedb;
}

.bluebtn .iconfont {
    color: #57bedb;
}

.greenbtn {
    border: 1px solid #3dc0ae;
    color: #3dc0ae;
}

.greenbtn .iconfont {
    color: #3dc0ae;
}

.yellowbtn {
    border: 1px solid #f9954f;
    color: #f9954f;
}

.yellowbtn .iconfont {
    color: #f9954f;
}

.myproduct ul li .msgs .probtn .iconfont {
    font-size: 12px;
    position: absolute;
    top: 0;
    right: 13px;
}


/* 成功案例 */

.successcase {
    width: 100%;
    height: 745px;
    background: url(../img/successbgc.jpg) center center no-repeat;
    overflow: hidden;
}

.successcase .titlebox {
    width: 220px;
}

.successcase .titlebox .line {
    background: #fff;
}

.successcase .titlebox h1 {
    color: #fff;
}

.successcase .successnav {
    width: 400px;
    height: 56px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 40px auto;
}

.successcase .successnav .navs {
    width: 160px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    border-radius: 28px;
    background: #b9babc;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
}

.successcase .successnav .navs.active {
    background: #217db5;
}

.successcase .successbox {
    width: 1200px;
    height: 440px;
    margin: 0 auto;
    position: relative;
    display: none;
}

.successcase .successbox.active {
    display: block;
}

.successcase .successbox .hd a {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #adaba9;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

.successcase .successbox .hd a .iconfont {
    font-size: 20px;
    color: #fff;
}

.successcase .successbox .hd a.prev {
    position: absolute;
    top: 168px;
    left: -80px;
}

.successcase .successbox .hd a.next {
    position: absolute;
    top: 168px;
    right: -80px;
}

.successcase .successbox .cp_main {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    flex-wrap: nowrap
}

.successcase .successbox .cp_main .only {
    width: 330px;
    height: 440px;
    background: #fff;
    border-radius: 5px;
    margin: 0 35px;
    position: relative;
}

.successcase .successbox .cp_main .only a {
    display: block;
    width: 330px;
    height: 440px;
}

.successcase .successbox .cp_main .only a .img-box {
    width: 100%;
    height: 200px;
}

.successcase .successbox .cp_main .only a .img-box img {
    width: 100%;
    max-height: 200px;
    object-fit: cover;
}

.successcase .successbox .cp_main .only .msgbox {
    height: 205px;
    padding: 15px 20px 20px 20px;
    overflow: hidden;
    position: relative;
}

.successcase .successbox .cp_main .only .msgbox .tit {
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 22px;
    color: #333333;
}

.successcase .successbox .cp_main .only .msgbox .tit img {
    width: 40px;
    height: 40px;
    float: left;
}

.successcase .successbox .cp_main .only .msgbox .tit span {
    float: left;
}

.successcase .successbox .cp_main .only .msgbox .tit .student {
    width: 135px;
    margin: 0 20px;
}

.successcase .successbox .cp_main .only .msgbox h2 {
    font-size: 18px;
    color: #666666;
    font-weight: 700;
    margin: 10px 0;
}

.successcase .successbox .cp_main .only .msgbox .contentbox {
    width: 100%;
    height: 45px;
    font-size: 13px !important;
    color: #999999 !important;
    line-height: 22px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.successcase .successbox .cp_main .only .msgbox h6 {
    font-size: 14px;
    color: #24afff;
    position: absolute;
    left: 135px;
    bottom: 20px;
    font-weight: normal;
}


/* 海量名师 */

.famteacher {
    width: 100%;
    background: #fff;
    overflow: hidden;
    padding-bottom: 60px;
}

.famteacher .titlebox {
    width: 220px;
}

.famteacher .subtit {
    font-size: 17px;
    color: #999999;
    margin: 18px 0 50px 0;
    text-align: center;
    font-weight: normal;
}


/* 老师轮播图 */

.famteacher .teacherfamousebox {
    width: 1200px;
    height: 480px;
    margin: 50px auto 0 auto;
    position: relative;
}

.famteacher .teacherfamousebox .hd a {
    width: 44px;
    height: 44px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

.famteacher .teacherfamousebox .hd a .iconfont {
    font-size: 40px;
    color: #bfbfbf;
}

.famteacher .teacherfamousebox .hd a.prev {
    position: absolute;
    top: 180px;
    left: -65px;
}

.famteacher .teacherfamousebox .hd a.next {
    position: absolute;
    top: 180px;
    right: -65px;
}

.famteacher .teacherfamousebox .teachmain {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    flex-wrap: nowrap
}

.famteacher .teacherfamousebox .teachmain .list {
    width: 280px;
    height: 480px;
    margin: 0 26px 0 0;
}

.famteacher .teacherfamousebox .teachmain .list .orderbtn {
    display: none;
    width: 158px;
    height: 40px;
    border: 1px solid #24afff;
    color: #24afff;
    font-size: 18px;
    text-align: center;
    line-height: 40px;
    border-radius: 24px;
    margin: 13px auto;
}

.famteacher .teacherfamousebox .teachmain .list .orderbtn.active {
    display: block;
}

.famteacher .teacherfamousebox .teachmain .list .orderbtn:hover {
    background: #24afff;
    color: #fff;
}

.famteacher .teacherfamousebox .teachmain .only {
    width: 280px;
    height: 412px;
    background: #fff;
    border-radius: 10px 10px 0 15px;
}

.famteacher .teacherfamousebox .teachmain .only:hover .msgbox {
    background: #00c2ff;
}

.famteacher .teacherfamousebox .teachmain .only:hover .msgbox .tit h1 {
    color: #fff;
}

.famteacher .teacherfamousebox .teachmain .only:hover .msgbox .tit span {
    color: #fff;
    border: 1px solid #fff;
}

.famteacher .teacherfamousebox .teachmain .only:hover .msgbox p {
    color: #fff;
}

.famteacher .teacherfamousebox .teachmain .only a {
    display: block;
    width: 280px;
    height: 412px;
}

.famteacher .teacherfamousebox .teachmain .only a .img-box {
    width: 280px;
    height: 302px;
}

.famteacher .teacherfamousebox .teachmain .only a .img-box img {
    width: 280px;
    height: 302px;
    object-fit: cover;
}

.famteacher .teacherfamousebox .teachmain .only .msgbox {
    height: 90px;
    padding: 10px 15px;
    background: #f8f8f8;
    border-radius: 0 25px 0 18px;
}

.famteacher .teacherfamousebox .teachmain .only .msgbox .tit {
    width: 100%;
    height: 26px;
    margin-bottom: 10px;
}

.famteacher .teacherfamousebox .teachmain .only .msgbox .tit h1 {
    font-size: 20px;
    color: #333333;
    line-height: 26px;
    font-weight: normal;
    float: left;
}

.famteacher .teacherfamousebox .teachmain .only .msgbox .tit span {
    float: right;
    display: inline-block;
    padding: 0 10px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    color: #333333;
    font-size: 14px;
    border: 1px solid #333333;
    border-radius: 8px 0 8px 0;
}

.famteacher .teacherfamousebox .teachmain .only .msgbox p {
    font-size: 14px;
    color: #666666;
    line-height: 22px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-indent: 2em;
}


/* 合伙人加盟 */

.joinbox {
    width: 100%;
    padding-bottom: 85px;
    background-color: #f1f9ff;
    overflow: hidden;
}

.joinbox .titlebox {
    width: 258px;
}

.joinbox .joinmsg {
    width: 1200px;
    margin: 33px auto 0 auto;
    overflow: hidden;
    position: relative;
}

.joinbox .joinmsg .mapbox {
    width: 733px;
    height: 423px;
    float: left;
}

.joinbox .joinmsg .mapbox img {
    width: 733px;
    height: 423px;
}

.joinbox .joinmsg .gsdetail {
    width: 424px;
    height: 423px;
    float: right;
    padding-left: 35px;
    border-left: 4px solid #00c2ff;
    position: absolute;
    right: -25px;
    top: 0;
}

.joinbox .joinmsg .gsdetail h6 {
    height: 90px;
    font-size: 14px;
    color: #666666;
    line-height: 20px;
    margin-bottom: 15px;
    font-weight: normal;
}

.joinbox .joinmsg .gsdetail .allmsgbox {
    width: 377px;
    padding: 20px 10px;
    background-color: #fff;
    margin-bottom: 46px;
}

.gsdetail .allmsgbox h1 {
    font-size: 14px;
    color: #333333;
    line-height: 40px;
    margin-bottom: 20px;
}

.gsdetail .allmsgbox ul {
    width: 100%;
    overflow: hidden;
}

.gsdetail .allmsgbox ul li {
    display: flex;
    width: 100%;
    overflow: hidden;
    margin: 12px 0;
}

.gsdetail .allmsgbox ul li .iconfont {
    font-size: 20px;
    color: #38bfe7;
    margin-right: 12px;
    float: left;
}

.gsdetail .allmsgbox ul li p {
    width: 330px;
    font-size: 14px;
    color: #666666;
    float: left;
}

.gsdetail a {
    display: block;
    width: 240px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border-radius: 30px;
    background-color: #00c2ff;
    color: #fff;
    font-size: 17px;
}


/* 媒体报道 */

.reportbox {
    width: 100%;
    background-color: #fff;
    overflow: hidden;
    padding-bottom: 67px;
}

.reportbox .titlebox {
    width: 214px;
}

.reportmain {
    width: 1200px;
    height: 500px;
    margin: 40px auto 0 auto;
}

.reportmain .reportlft {
    width: 407px;
    height: 500px;
    float: left;
}


/* 媒体报道图片 */

.reportmain .reportlft .sliderWrap {
    position: relative;
    width: 407px;
    height: 500px;
}

.banner-TAL {
    width: 380px;
    height: 480px;
}

.banner-TAL.msgmain {
    background: #fff;
    box-shadow: 0 0 20px -1px #d1d1d1;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}

.banner-TAL.navsside {
    background: #00c0fd;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 5;
}

.focus-circlet {
    position: absolute;
    top: 0;
    right: 0;
    height: 240px;
    width: 28px;
    padding: 120px 0;
    z-index: 99;
}

.focus-nav {
    position: relative;
    height: 240px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.focus-nav .focus-arrow {
    position: absolute;
    top: 0;
    left: 0;
    height: 240px;
}

.focus-nav .focus-arrow a {
    position: absolute;
    display: block;
    font-size: 20px;
    color: #fff;
    overflow: hidden;
}

.focus-nav .focus-arrow a.arrow-top {
    top: 0;
    left: 7px;
}

.focus-nav .focus-arrow a.arrow-down {
    bottom: 0;
    left: 7px;
}

.focus-switch {
    width: 28px;
}

.focus-switch li {
    margin: 8px auto;
    width: 10px;
    height: 10px;
    background: #a8eafe;
    border-radius: 50%;
    background-position: 0 -18px;
}

.focus-switch li.selected {
    background-position: 0 0;
    background: #fff;
}

.focus-switch li a {
    display: block;
    width: 18px;
    height: 18px;
    text-indent: -999px;
    overflow: hidden;
}

.viewport {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.viewport ul.item {
    position: absolute;
    width: 380px;
    font-size: 0;
}

.viewport ul.item li {
    vertical-align: bottom;
    width: 100%;
    height: 480px;
    position: relative;
}

.viewport ul.item li img.reportimg {
    width: 380px;
    height: 198px;
}

.viewport ul.item li .msgbox {
    padding: 0 20px;
    height: 282px;
}

.viewport ul.item li .msgbox h1 {
    font-size: 22px;
    color: #333;
    line-height: 28px;
    font-weight: normal;
    margin: 10px 0 15px 0;
}

.viewport ul.item li .msgbox .msgdetail,
.all div.only .msgdetail {
    width: 100%;
    font-size: 14px;
    color: #999999;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-indent: 2em;
}

.all {
    display: flex;
}

.viewport ul.item li .msgbox a {
    display: block;
    width: 88px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    text-align: center;
    color: #41baff;
    border: 1px solid #41baff;
    border-radius: 15px;
    margin: 20px 0 0 0;
}

.viewport ul.item li img.iconimg {
    width: 155px;
    height: 100px;
    position: absolute;
    bottom: 0;
    right: 0;
}

.reportmain .reportrit {
    width: 723px;
    height: 500px;
    float: right;
}

.reportmain .reportrit .news {
    width: 100%;
    overflow: hidden;
    margin-bottom: 30px;
}

.reportmain .reportrit .news:last-child {
    margin-bottom: 0;
}

.reportmain .reportrit .news a {
    display: block;
}

.reportmain .reportrit .news .newslft {
    width: 212px;
    height: 145px;
    float: left;
}

.reportmain .reportrit .news .newslft img {
    width: 212px;
    height: 145px;
}

.reportmain .reportrit .news .newsrit {
    width: 490px;
    height: 145px;
    float: right;
    border-bottom: 1px solid #efefef;
}

.reportmain .reportrit .news .newsrit .tits {
    width: 100%;
    overflow: hidden;
    margin: 13px 0;
    font-size: 18px;
    color: #333333;
}

.reportmain .reportrit .news .newsrit .tits span {
    color: #45aaff;
    margin-right: 7px;
}

.reportmain .reportrit .news .newsrit p {
    font-size: 13px;
    color: #999999;
    line-height: 24px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-indent: 2em;
}

.reportmain .reportrit .news .newsrit h6 {
    margin-top: 20px;
    text-align: right;
    font-size: 13px;
    color: #999999;
    font-weight: normal;
}


/* 自主创新 */

.innovateside {
    width: 100%;
    overflow: hidden;
    background-color: #f1f9ff;
    padding-bottom: 37px;
}

.innovateside .titlebox {
    width: 214px;
}

.innovateside .innovatebox {
    width: 1200px;
    overflow: hidden;
    margin: 40px auto 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.innovateside .innovatebox .bigimg {
    width: 396px;
    height: 250px;
    margin-bottom: 7px;
}

.innovateside .innovatebox .smallimg {
    width: 195px;
    height: 250px;
    margin-bottom: 7px;
}


/* 学术支持院校 */

.coorganize {
    width: 100%;
    background: #fff;
    overflow: hidden;
    padding: 0;
}

.coorganize .titlebox {
    width: 285px;
}

.coorganize ul {
    width: 1200px;
    margin: 30px auto 55px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    overflow: hidden;
}

.coorganize ul li {
    width: 220px;
    height: 70px;
}

.coorganize ul li img {
    width: 100%;
    height: 100%;
}

.province {
    font-size: 18px;
    font-weight: 700;
    margin: 20px 0;
    color: #2caeff;
}


/* 视频 */

.modal-content .modal-body {
    width: 100%;
    padding: 0 !important;
    position: relative;
}

.modal-content .modal-body .closevideo {
    width: 30px;
    height: 30px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -40px;
    right: 0;
}

.modal-content .modal-body .closevideo .iconfont {
    color: #eee;
    font-size: 30px;
}

.modal-content .modal-body .video-js {
    width: 100%;
}

.modal-dialog {
    width: 720px !important;
    margin: 90px auto !important;
}

.modal-dialog .qcdxs_video-dimensions {
    height: 409.5px !important;
}



/*2024-5-11 志愿填报 start*/
.gbcbox {
    width: 100%;
    height: 400px;
}

.titlebox.problem {
    width: 610px;
}


/* �㊤����刻�絖��絖�����������鐚� */

.problembox {
    height: 307px;
    margin: 50px auto 80px auto;
    position: relative;
}

.problembox .list {
    width: 320px;
    height: 80px;
    padding: 15px;
    background-color: #fff;
    box-shadow: 0 0 20px #eeeeee;
    display: flex;
    /*flex-wrap: wrap;*/
    align-items: center;
    justify-content: space-between;
}

.problembox .box1 {
    position: absolute;
    top: 0;
    left: 75px;
    z-index: 5;
    transition: top .2s linear;
}

.problembox .box1:hover {
    box-shadow: 0 0 20px #d0fae4;
    top: -15px;
}

.problembox .box2 {
    position: absolute;
    bottom: 10px;
    left: 40px;
    z-index: 5;
    transition: bottom .2s linear;
}

.problembox .box2:hover {
    box-shadow: 0 0 20px #d0fae4;
    bottom: 25px;
}

.problembox .box3 {
    position: absolute;
    top: 0;
    right: 75px;
    z-index: 5;
    transition: top .2s linear;
}

.problembox .box3:hover {
    box-shadow: 0 0 20px #d0fae4;
    top: -15px;
}

.problembox .box4 {
    position: absolute;
    bottom: 10px;
    right: 40px;
    z-index: 5;
    transition: bottom .2s linear;
}

.problembox .box4:hover {
    box-shadow: 0 0 20px #d0fae4;
    bottom: 25px;
}

.problembox .proimg {
    width: 476px;
    height: 307px;
    position: absolute;
    top: 0;
    left: 360px;
    z-index: 10;
}

.problembox .list .imgbox {
    width: 68px;
    height: 68px;
}

.problembox .list .imgbox img {
    width: 100%;
    height: 100%;
}

.problembox .list .msgbox {
    width: 240px;
}

.problembox .list .msgbox h1 {
    font-size: 18px;
    color: #333333;
    margin: 0 0 10px 0;
    font-weight: normal;
}

.problembox .list .msgbox p {
    font-size: 14px;
    color: #999999;
    line-height: 24px;
}


/* ����篌��� */

.titlebox.ppys {
    width: 222px;
}

.ppadvantage {
    overflow: hidden;
    margin: 50px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.ppadvantage .list {
    width: 320px;
}

.ppadvantage .list .topside {
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 20px;
}

.ppadvantage .list .topside .imgbox {
    width: 68px;
    height: 68px;
}

.ppadvantage .list .topside .imgbox img {
    width: 100%;
    height: 100%;
}

.ppadvantage .list .topside h1 {
    font-size: 18px;
    color: #333333;
    line-height: 30px;
    margin-left: 15px;
}

.ppadvantage .list p {
    font-size: 16px;
    line-height: 30px;
    color: #999999;
}


/* 篋у��篁�膸� */

.prodetail {
    width: 100%;
    background-color: #fff;
}

.prodetail.pro1 {
    height: 500px;
    position: relative;
    background: #f5f5f5;
    /* background: url(../img/TalentAbility_test/talent_cpbgc2.jpg) center center no-repeat; */
}

.prodetail .titspro {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.prodetail .titlebox {
    width: 222px;
}

.prodetail .mainpro {
    height: 100%;
    position: relative;
    margin: 0 auto
}

.prodetail .mainpro .imgpro {
    width: 530px;
    height: 400px;
}

.prodetail .mainpro .imgpro img {
    width: 100%;
    height: 100%;
}

.prodetail .mainpro .imgpro.lft {
    position: absolute;
    left: 0;
    bottom: 0;
}

.prodetail .mainpro .imgpro.rit {
    position: absolute;
    right: 0;
    bottom: 0;
}

.prodetail .mainpro .promsgbox {
    width: 560px;
    height: 400px;
    padding: 0 40px;
    display: flex;
    flex-direction: column;
}

.prodetail .mainpro .promsgbox.lft {
    position: absolute;
    bottom: 0;
    left: 0;
}

.prodetail .mainpro .promsgbox.rit {
    position: absolute;
    bottom: 0;
    right: 0;
}

.prodetail .mainpro .promsgbox h1 {
    font-size: 22px;
    color: #333333;
    position: relative;
    display: inline-block;
    padding-bottom: 16px;
    margin-bottom: 10px;
}

.prodetail.pro2 .mainpro .promsgbox h1 {
    margin-top: 20px;
}

.prodetail.pro1 .mainpro .promsgbox h1 {
    margin-top: 80px;
}

.prodetail .mainpro .promsgbox p {
    width: 390px;
    font-size: 16px;
    color: #666;
    line-height: 30px;
    margin-bottom: 30px;
}

.prodetail .mainpro .promsgbox p span {
    color: #666666;
}
.prodetail .mainpro .promsgbox a{
        display: block;
        width: 200px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        font-size: 16px;
        color: #fff;
        background-color: #07c160;
        border-radius: 6px;
}

.prodetail .mainpro img.iconslft {
    position: absolute;
    width: 50px;
    top: 160px;
    left: -30px;
}


/* ��篁������≧�腮� */

.serviceprocess .servicemain {
    margin: 50px auto;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.serviceprocess .servicemain .list {
    width: 245px;
    border: 2px solid #f2f2f2;
    border-radius: 5px;
    padding: 20px;
    position: relative;
    margin: 30px;
}

.serviceprocess .servicemain .list .topside {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.serviceprocess .servicemain .list .topside h1 {
    font-size: 45px;
    color: #333333;
}

.serviceprocess .servicemain .list .topside .iconfont {
    font-size: 40px;
    color: #bebebe;
}

.serviceprocess .servicemain .list p {
    font-size: 16px;
    margin-top: 10px;
    color: #333;
}

.serviceprocess .servicemain .list .iconfont.iconjiantou {
    font-size: 30px;
    color: #d7d7d7;
    position: absolute;
    top: 50px;
    right: -80px;
}


/* .serviceprocess .servicemain .csmsgbox {
    width: 100%;
    height: 288px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
}

.serviceprocess .servicemain .csmsgbox img.cscp {
    width: 282px;
    height: 288px;
}

.serviceprocess .servicemain .csmsgbox .msglist {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.serviceprocess .servicemain .csmsgbox .msglist.box1 {
    position: absolute;
    top: 32px;
    right: 790px;
}

.serviceprocess .servicemain .csmsgbox .msglist.box2 {
    position: absolute;
    top: 128px;
    right: 870px;
}

.serviceprocess .servicemain .csmsgbox .msglist.box3 {
    position: absolute;
    bottom: 32px;
    right: 790px;
}

.serviceprocess .servicemain .csmsgbox .msglist.box4 {
    position: absolute;
    top: 32px;
    left: 790px;
}

.serviceprocess .servicemain .csmsgbox .msglist.box5 {
    position: absolute;
    top: 128px;
    left: 870px;
}

.serviceprocess .servicemain .csmsgbox .msglist.box6 {
    position: absolute;
    bottom: 32px;
    left: 790px;
}

.serviceprocess .servicemain .csmsgbox .msglist img {
    width: 33px;
    height: 39px;
}

.serviceprocess .servicemain .csmsgbox .msglist p {
    font-size: 18px;
    color: #333333;
    margin: 0 10px;
} */


/* ����罅�箴� */

.successstory .casebox {
    height: 430px;
    margin: 50px auto;
    position: relative;
}

.successstory .casebox .hd a {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

.successstory .casebox .hd a .iconfont {
    font-size: 22px;
    color: #999;
}

.successstory .casebox .hd a.prev {
    position: absolute;
    top: 180px;
    left: -65px;
}

.successstory .casebox .hd a.next {
    position: absolute;
    top: 180px;
    right: -65px;
}

.successstory .casebox .casemain {
    width: 1180px;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    flex-wrap: nowrap
}

.successstory .casebox .casemain .list {
    width: 1180px;
    height: 430px;
    position: relative;
    box-shadow: 0 0 20px #eeeeee;
}

.successstory .casebox .casemain .list .msgbox {
    width: 530px;
    height: 370px;
    background-color: #fff;
    padding: 30px;
    float: left;
    position: relative;
}

.successstory .casebox .casemain .list .msgbox h1 {
    font-size: 30px;
    color: #333333;
    margin-bottom: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.successstory .casebox .casemain .list .msgbox h2 {
    font-size: 20px;
    color: #333;
    margin-bottom: 10px;
}

.successstory .casebox .casemain .list .msgbox p {
    font-size: 16px;
    color: #666;
    line-height: 30px;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.successstory .casebox .casemain .list .msgbox p span {
    color: #333;
    font-weight: bold;
}

.successstory .casebox .casemain .list .msgbox a {
    display: block;
    width: 200px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background-color: #07c160;
    border-radius: 6px;
    margin-top: 28px;
}

.successstory .casebox .casemain .list .imgbox {
    width: 590px;
    height: 430px;
    float: right;
    overflow: hidden;
    border-radius: 16px;
}

.successstory .casebox .casemain .list .imgbox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/*2024-5-11 志愿填报 end*/

/*2024-5-13 生涯剧本杀 start*/
.jubensha .problemboxjbs {
    width: 1200px;
    margin: 110px auto 50px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.jubensha .problemboxjbs .list {
    width: 240px;
    padding: 0 20px 20px 20px;
    background-color: #fff;
    border-radius: 10px;
    position: relative;
}
.jubensha .problemboxjbs .list{
    position: relative;
    top:0;
    
}
.jubensha .problemboxjbs .list:hover{
    box-shadow:0 0 15px #d3ebfe;
    top:-15px;
    transition: top .2s linear;
}
.jubensha .problemboxjbs .list .imgbox {
    width: 70px;
    height: 70px;
    position: absolute;
    top: -40px;
    left: 10px;
}

.jubensha .problemboxjbs .list .imgbox img {
    width: 100%;
    height: 100%;
}

.jubensha .problemboxjbs .list h1 {
    font-size: 22px;
    color: #333333;
    margin: 40px 0 20px 0;
    font-weight: normal;
}

.jubensha .problemboxjbs .list p {
    font-size: 16px;
    color: #999999;
    line-height: 30px;
    text-align: left;
}
/*2024-5-13 生涯剧本杀 end*/