body{ margin:0; padding:0; text-align:center;  font-size:12px; font-family:PingFangSC-Semibold, sans-serif;}
table,td,tr,img,ul,li,h1,h2,p,object,param,embed{margin:0; padding:0; border:0;}
img{border:0;}
ul,li{list-style:none;}
a{text-decoration:none; color:#fff; cursor: pointer;}
a:hover{text-decoration:none;}
.clear{clear:both;}
.clearfix{zoom:1;}
.clearfix:after{content:""; display:block; height: 0; clear:both; visibility:hidden;}

/* 公共 */
.pc-container{width: 100%; height: 100%; margin: 45px auto 0 auto; text-align: center; }
.pc-container .main_m{width: 1100px; height: 100%; margin: 0 auto; text-align: center; position: relative;}
.pc-container .main_m img{width: 100%;height: 100%;display: block;}

.pcky .titlebox{display: flex;flex-direction: column;align-items: center;justify-content: center;position: relative;border-bottom: 2px solid #22add8;width: 610px;margin: 0 auto;}
.pcky .titlebox .titlenum{font-size: 42px;line-height: 42px;font-weight: bold;color: transparent;-webkit-background-clip: text;background: -webkit-linear-gradient(to bottom, #96d8ee, transparent);background: linear-gradient(to bottom, #96d8ee, transparent);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;position: absolute;top: -22px;z-index: 1;}
.pcky .titlebox .titledes{color: #22add8;font-weight: bold;font-size: 38px;line-height: 38px;position: relative;z-index: 2;margin-bottom: 10px;}
.pcky .titlebox .titleborder{width: 90px;height: 6px;background: #22add8;position: relative;top: 3px;}


/* 顶部 */
.pc-container .top{height:734px; background:url("../images/top.png") no-repeat top;}
.pc-container .top .topbox{position: relative;padding-top: 605px;box-sizing: border-box;display: flex;flex-direction: column;align-items: center;justify-content: center;}
/* 考研  四六级  专升本 */
.pc-container .top .topbox .topone{position: relative;left: -140px;display: flex;align-items: center;}
.pc-container .top .topbox .topone .toneitem{background: linear-gradient(to right, #fff, 70%, transparent);border-radius: 10px;padding: 8px 50px 8px 20px;color: #00627f;font-weight: bold;font-size: 36px;line-height: 36px;position: relative;}
.pc-container .top .topbox .topone .toneitem .onetrangle{width: 0;height: 0;border-right: 8px solid #fff;border-top: 7px solid transparent;border-bottom: 7px solid transparent;position: absolute;left: -8px;top: 50%;transform: translate(0, -50%);}
/* 线上+线下+网课+录播+直播 */
.pc-container .top .topbox .toptwo{position: relative;width: 100%;background:linear-gradient(to right,#73d4c0,#6ed2c8,#68cfce) ;padding: 4px;border-radius: 15px;box-sizing: border-box;margin-top: 10px;}
.pc-container .top .topbox .toptwo .toptwodes{width: 100%;border-radius: 15px;background:linear-gradient(to right,#e1fffd,#fff,#e4f5ff);padding: 25px 0 50px 0;box-sizing: border-box;color: #333333;font-size: 24px;line-height: 24px;}
.pc-container .top .topbox .toptwo .toptwodes span{color: #077c9f;font-weight: bold;}
/* 深耕教育培训20年 */
.pc-container .top .topbox .toptwo .twoabone{width: 400px;height: 70px;display: flex;align-items: center;justify-content: center;background: #007199;border-radius: 20px 20px 0 0;color: #fff;font-size: 26px;font-weight: bold;line-height: 26px;position: absolute;right: 120px;top: -70px;}
/* 985/211圆梦计划 推免保研指导 考研留学双保险 */
.pc-container .top .topbox .twoabthree{width: 700px;height: 75px;display: flex;align-items: center;justify-content: center;background: linear-gradient(to right, #fcac2f, #e96419);border-radius: 50px;position: absolute;top: 85px;left: 50%;transform: translate(-50%, 0);}
.pc-container .top .topbox .twoabthree .twoabthreedes span{font-size: 24px;line-height: 24px;font-weight: bold; color: transparent;-webkit-background-clip: text;background: -webkit-linear-gradient(to right, #fff, #fff474);background: linear-gradient(to right, #fff, #fff474);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}
.pc-container .top .topbox .twoabthree .twoabthreehot{width: 131px;height: 64px;position: absolute;left: 0;top: -25px;}

/* 26考研怎么学 */
.pc-container .how{margin-top: 160px;}
.pc-container .how .howbox{background-color: #22add8;border-radius: 25px;padding: 8px;box-sizing: border-box;margin-top: 30px;}
.pc-container .how .howbox .howin{background:linear-gradient(to right,#e2fffd,18%,#fff,90%,#e2fffd) ;border-radius: 25px;padding: 95px 20px 145px 20px;box-sizing: border-box;position: relative;margin: 0 auto;display: flex;align-items: center;justify-content: center;}
.pc-container .how .howbox .howin .liuchengborder{width: 90%;height: 240px;margin: 0 auto;border: 4px solid #d3dbde;border-left: none;border-radius: 0 55px 55px 0;box-sizing: border-box;}
.pc-container .how .howbox .howin .liuchengone{width: 100%;display: flex;justify-content: space-between;position: absolute;padding: 0 160px 0 55px;box-sizing: border-box;}
.pc-container .how .howbox .howin .liuchengone .liuitem{display: flex;flex-direction: column;align-items: center;position: relative;}
.pc-container .how .howbox .howin .liuchengone .liuitem .bluedes{color: #22add8;font-weight: bold;font-size: 20px;line-height: 22px;height: 50px;display: flex;align-items: baseline;justify-content: center;}
.pc-container .how .howbox .howin .liuchengone .liuitem .jiantou{width: 24px;height: 24px;margin: 0 0 8px 0;}
.pc-container .how .howbox .howin .liuchengone .liuitem .liuitemdes{color: #333333;font-size: 22px;line-height: 28px;}

.pc-container .how .howbox .howin .liuchengone .liuitem .itempoint{width: 10px;height: 10px;background-color: #00a795; border-radius: 50%;}

.pc-container .how .howbox .howin .jiantoumid{width: 24px;height: 24px;position: absolute;right: 62px;}

/* 多种班型设置 */
.pc-container .setting{margin-top: 65px;}
.pc-container .setting .setbox{width: 100%;margin-top: 30px;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.pc-container .setting .setbox .setitem{width: 250px;height: auto;margin-bottom: 25px;}
.pc-container .setting .setbox .setitem:nth-child(n+5){margin-bottom: 0;}
.pc-container .setting .setbox .setitem .setittop{width: 100%;background: linear-gradient(to bottom, #fff,55%, #d4f0fe);padding: 12px 0;display: flex;flex-direction: column;align-items: center;justify-content: center;border-radius: 25px 25px 0 0;}
.pc-container .setting .setbox .setitem .setittop .settitle{color: #22acda;font-size: 24px;line-height: 24px;font-weight: bold;margin-bottom: 8px;}
.pc-container .setting .setbox .setitem .setittop .setdes{color: #323433;font-size: 22px;line-height: 28px;text-align: center;}
.pc-container .setting .setbox .setitem .setbottom{width: 100%;background: #22acda;border-radius: 0 0 25px 25px;color: #fff;font-size: 24px;line-height: 24px;font-weight: bold;padding: 10px 0;cursor: pointer;}

/* 热门专业定向分析 */
.pc-container .fenxi{margin-top: 65px;}
.pc-container .fenxi .fenxibox{width: 100%;margin-top: 30px;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.pc-container .fenxi .fenxibox .fenxiitem{width: 170px;height: auto;margin-bottom: 25px;position: relative;}
.pc-container .fenxi .fenxibox .fenxiitem .fenxitop{width: 100%;height: 75px;background: linear-gradient(to bottom, #fff,55%, #d4f0fe);display: flex;flex-direction: column;align-items: center;justify-content: center;border-radius: 20px 20px 0 0;color: #22acda;font-size: 22px;line-height: 24px;font-weight: bold;}
.pc-container .fenxi .fenxibox .fenxiitem .fenxibottom{width: 100%;background-color: #007199;border-radius: 0 0 25px 25px;color: #fff;font-size: 24px;line-height: 24px;font-weight: bold;padding: 12px 0;cursor: pointer;box-sizing: border-box;border-top: none;}
.pc-container .fenxi .fenxibox .fenxiitem .handimg{width: 64px;height: 57px;position: absolute;right: 35px;bottom: -20px;}

/* 精细化服务体系 教学质量有口皆碑 */
.pc-container .tixi{margin-top: 65px;position: relative;background-color: #22abd5;padding: 50px 0;}
.pc-container .tixibox{width: 100%;background-color: #0a68b0;padding: 5px;box-sizing: border-box;border-radius: 15px;margin-top: 15px;}
.pc-container .tixibox .tixiin{width: 100%;border: 2px solid #62aeec;box-sizing: border-box;padding: 25px 0; background-color: #fff;border-radius: 15px;display: flex;align-items: center;justify-content: center;}
.pc-container .tixi .tixileft{}
.pc-container .tixi .tixileft .tixiitem{display: flex;flex-direction: column;align-items: end;margin-bottom: 15px;position: relative;}
.pc-container .tixi .tixileft .tixiitem:nth-child(4){margin-bottom: 0;}
.pc-container .tixi .tixileft .tixiitem .tiitemtop{display: flex;align-items: center;}
.pc-container .tixi .tixileft .tixiitem .tiitemtop .toptxt{background: linear-gradient(to left, #d6dee1, transparent);color: #23aed9;font-weight: bold;font-size: 24px;line-height: 24px;padding: 10px 15px 10px 10px;}
.pc-container .tixi .tixileft .tixiitem .tiitemtop .topnum{background: #23aed9;width: 60px;height: 60px;border-radius: 50%;display: flex;align-items: center;justify-content: center;padding: 5px;box-sizing: border-box;position: relative;z-index: 1;left: -10px;}
.pc-container .tixi .tixileft .tixiitem .tiitemtop .topnum .topnumin{border: 1px solid #fff;width: 100%;height: 100%;border-radius: 50%;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 22px;line-height: 22px;font-weight: bold;}
.pc-container .tixi .tixileft .tixiitem .tiitemdes{color: #4e5253;font-size: 22px;line-height: 22px;text-align: right;position: relative;}
.pc-container .tixi .tixileft .tixiitem .desleft{right: 75px;}
.pc-container .tixi .tixileft .tixiitem .desright{left: 65px;}

.pc-container .tixi .tixiiimg{width: 245px;height: 236px;}
.pc-container .tixi .bookimg{width: 155px;height:145px;position: absolute;right: -45px;bottom: -20px;}

.pc-container .tixi .tixibg{position: absolute;left: 0;top: -50px;}
.pc-container .tixi .tixibg img{width: 312px;height:373.6px;}

/* 金牌讲师团 以雄厚师资为你护航 */
.pc-container .huhang{margin-top: 65px;}
.pc-container .huhang .huhangbox{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-evenly;padding: 0 75px;margin-top: 35px;}
.pc-container .huhang .huhangbox .huitem{width: 300px;display: flex;flex-direction: column;align-items: center;}
.pc-container .huhang .huhangbox .huitem .hutop{background-color: #fff;padding: 5px;border-radius: 50%;border: 5px solid #3f82d9;box-shadow: 2px 0 4px 2px #3f82d9;}
.pc-container .huhang .huhangbox .huitem .hutop .huimg{width: 180px;height: 181px;}
.pc-container .huhang .huhangbox .huitem .hubottom{border: 1px solid #3d83d8;box-shadow: 2px 0 4px 2px #a0a9b0; background-color: #fff;width: 265px;padding: 5px 5px 3px 5px;box-sizing: border-box;position: relative;top: -20px;}
.pc-container .huhang .huhangbox .huitem .hubottom .huname{color: #3f82d9;font-size: 22px;line-height: 22px;font-weight: bold;margin-bottom: 5px;}
.pc-container .huhang .huhangbox .huitem .hubottom .hunpro{width: 100%;background: #3f82d9;color: #fff;font-size: 22px;line-height: 22px;padding: 5px 0;}

/* 校区环境展示 舒适温馨 */
.pc-container .env{margin-top: 70px;position: relative;}
.pc-container .env .envbox{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;width: 83%;margin: 35px auto 0 auto;padding: 12px;}
.pc-container .env .envbox .envitem{ display: flex;position: relative;width: 288px;margin-bottom: 25px;}
.pc-container .env .envbox .envitem:nth-child(n+4){margin-bottom: 0;}
.pc-container .env .envbox .envitem .envimg{width: 288px;height: 206px;}
.pc-container .env .envbox .envitem .envname{color: #fff;font-size: 22px;line-height: 22px;position: absolute;left: 50%;transform: translate(-50%, 0);bottom: 11px;}
.pc-container .env .yellowbg{background: linear-gradient(to right, transparent, #eec142, transparent);padding: 10px 0;color: #268aa4;font-size: 20px;line-height: 20px;letter-spacing: 8px;margin-top: 25px;}
.pc-container .env .envbg{position: absolute;right: 0;bottom: 0;}
.pc-container .env .envbg img{width: 513px;height: 504px;}