@charset "utf-8";
/* CSS Document */
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,table,th,td,img,div,dl,dt,dd,input,select{margin:0;padding:0; border:none; box-sizing:border-box;}
body{font:14px "Microsoft Yahei", arial,"Hiragino Sans GB",Tahoma,Helvetica,STHeiti;color:#333;background:#fff; overflow-x:hidden; width:100%; min-width:1200px;}
ul,ol,li{list-style:none;}
em{font-style: normal;}
img{vertical-align:middle; max-width:100%;}
table{ border-collapse: collapse; border-spacing: 0;}
iframe{ display: block; border: none;}
a{cursor:pointer; text-decoration: none;}
a:hover{color: #005cb9;}
button,input,select{border:none; background:none; appearance:none; -moz-appearance:none; -webkit-appearance:none; outline:none;}
input:focus,button:focus,select:focus{outline:none;}
input:-webkit-autofill {background-color: transparent; transition: background-color 50000s ease-in-out 0s}
.width{width:1200px; margin:0 auto;}
.Mover{ transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out; cursor: pointer;}
.Mover:hover{ transform:translate(0,-5px);-webkit-transform:translate(0,-5px);-moz-transform:translate(0,-5px); -o-transform:translate(0,-5px);-ms-transform:translate(0,-5px);}
.con_bg{ background: linear-gradient(to bottom,#bdf3c2,#2dbcff); }
.con_bg01{ background:url("../img/dbbg.png") no-repeat center bottom, linear-gradient(to bottom,#bdf3c2,#2dbcff); padding-bottom: 50px; }
.bg_b{ background: url("../img/bg_b.png") repeat-y center; padding-bottom: 10px; }
.bg_c{ display: block; margin: 0 auto;}
input::placeholder{ color:#999;}
.mt-80{ margin-top:80px;}
.mt-50{ margin-top:50px;}
.pt-50{ padding-top: 50px;}

/*top*/
.top{ height:50px; display: flex; justify-content: space-between; align-items: center; }
.top .top_l{ display: flex; align-items: center;}
.top li{ line-height:50px; height:50px; font-size:16px; color:#333; padding:0 4px; text-align:center;}
.top li a{padding-right:8px; color:#333;}
.top li a:hover{color:#005cb9;}
.top li a img{ max-width:110px;}

.banner{ height:924px; background: url("../img/banner.jpg?v=0331")  center top no-repeat; background-size:cover;}
.banner h1{ width: 100%; text-align: center; color: #fff; font-size: 0px; margin-bottom: 700px;}

/*标题*/
.title{ text-align: center; padding-top: 20px; display: flex; justify-content: center;}
.title h3{ height: 80px; color: #005cb9; background: linear-gradient( to left,#fffef0,#fffba5 10%,#fffba5 90%,#fffef0); padding: 0 40px; line-height: 80px; font-size: 38px; border: 1px dashed #1188ff; border-radius: 10px; text-shadow: 2px 2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, -2px -2px 0 #fff; }
.title h3 img{ margin: 0 10px;}

/*学习资料领取*/
.zxlq{ background: #fff; border-radius: 10px; box-shadow: 0 0 10px rgba(33,39,145,0.3); display: flex; justify-content: space-between; align-items: center; padding: 30px 50px; border: 2px solid #1188ff; }
.zxlq_l{ display: flex; flex-direction: column; align-items: center;}
.zxlq_l p { font-size: 26px; color: #1188ff; margin-bottom:10px; font-weight: bolder;}
.zxlq_l>div{ width: 174px; height: 40px; background: url("../img/zxlq_l.png") no-repeat center; font-size: 20px; line-height: 40px; padding-left: 20px; color: #fff;}
.zxlq form{width:80%;}
.zxlq form ul{ display: flex; justify-content: space-between; align-items: center; border-radius: 50px; height: 66px; border: 1px solid #2190ff; padding-left: 20px;}
.zxlq form ul li{ display: flex; justify-content: space-between; align-items: center; height: 64px;}
.zxlq form ul li:not(:nth-child(3)){width: calc((100% - 230px)/2);}
.zxlq form ul li:nth-child(3){ width: 230px;}
.zxlq form ul li span{ width: 60px; text-align: center; border-right: 2px solid #ccc;}
.zxlq form ul li input{ flex: 1; font-size: 15px; color: #222; height: 64px; padding-left:15px;}
.zxlq form ul li input#refer{ background: url("../img/plane.png") no-repeat 20% center, linear-gradient(to bottom,#1eb7fa,#2e87ff); border-radius: 0 50px 50px 0px; color: #fff; font-size: 18px; cursor: pointer;}

/*特色教学 保驾护航*/
.serve_box{ display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; padding:40px 80px 0px; border-radius: 14px;}
.serve_list{ display: flex; align-items: center; margin-bottom: 40px;}
.serve_list:nth-child(n+3){ margin-bottom: 0px;}
.serve_l{ width: 164px; height: 164px; }
.serve_r{ width: 320px; height:150px; background: #fff;  padding: 20px; box-shadow: 0 0 10px #22abfb; border-radius: 0 8px 8px 0px;}
.serve_r h4{ background: #2e89ff; border-radius: 0 21px 21px 0px; display: inline-block; padding: 8px 20px; font-size: 20px; color: #fff; }
.serve_r p{ font-size: 16px; color: #333; margin-top:12px; line-height:28px;}

/*咨询*/
.zixun{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 0 40px; margin-top: 60px;}
.zixun .zxlist{ width: 260px; background: #fff; border-radius: 12px; border: 1px solid #30b4fb; box-shadow: 0 0 10px #ddd; text-align: center; position: relative; padding-top: 50px; margin-bottom:60px;}
.zixun .zxlist .image{ position: absolute; top: -35px; left: 50%; transform: translateX(-50%);}
.zixun .zxlist .t{ font-size: 22px; color: #2e88ff; font-weight: bolder; letter-spacing: 2px; margin-bottom:15px;}
.zixun .zxlist .con{ font-size: 16px; line-height: 30px; color: #666; margin-bottom: 15px;}
.zixun .zxlist hr{ width:70%; background: #2e88ff; height: 2px; border: none; display: block; margin:0 auto;}
.more{ text-align: center;}
.more a{padding: 12px 80px; background: linear-gradient( to left, #1eb7fa, #2e87ff); border-radius:50px; color: #fff; font-size: 18px; letter-spacing: 1px; font-weight: bolder;}

/*问题解答*/
.wenti{ width: 100%; height: 470px; background: url("../img/wtbg.png") no-repeat center top; margin-top: -80px; padding-top:180px;}
.wenti ul{ display: flex; justify-content: space-around; align-items: center; margin: 40px 0px;}
.wenti ul li{ display: inline-block; padding: 10px 35px;  color: #fff; border-radius: 30px; border: 2px solid #fff; font-size: 16px; transition: all 0.4s ease-in-out; cursor: pointer;}
.wenti ul li:hover{ transform: translateY(-4px);}

/*面试大礼包*/
.mslb_box{ padding: 0 40px;}
.mslb_t{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px;}
.mslb_t li{ width: 33%; border: 1px dashed #1eb7fa;}
.mslb_b h3{ text-align: center; font-size: 36px; line-height: 50px; color: #2e87ff; }
.mslb_b h3 img{ margin: 0 10px;}
#demo ul{ display: flex; justify-content: space-between; align-items: center; padding: 25px 15px 0px; }
#demo ul li{ width: 270px; height:50px; display: flex; align-items: center; background: #fff; border-radius: 6px; padding-left: 10px; border: 1px solid #2e87ff;}
#demo ul li span{ width: 26px; text-align: center;}
#demo ul li label{ width: auto; font-size: 16px; line-height: 50px; color: #333;}
#demo ul li input{ width: 160px; font-size: 16px; color: #222; height: 50px;}
#demo ul li:last-child{ width: 200px; padding-left: 0px; background: none; border: none;}
#demo ul li .tjbtn{ width: 200px; background:linear-gradient(to bottom,#1eb7fa,#2e87ff); cursor: pointer; color: #fff; height: 50px; border-radius: 50px; font-size: 18px;}

/*面试列表*/
.kcxl{ display: flex; justify-content: center; align-items: center;}
.kcxl a{ width: 18%; background: #1eb7fa; border-radius:40px; margin:0 8px 30px; color: #fff; font-size:16px; text-align: center; line-height:46px;}
.kcxl a.on{ background: #2e87ff; color: #fff;}

/*面试课程*/
.kc_con{ padding: 0 40px; margin-top: 40px;}
.kc_con .kc_yh{ width:100%; background:#fbfeff; padding:20px 20px 10px;}
.kc_con .kc_yh p{ font:15px/28px "Microsoft YaHei"; color:#333; padding-left:10px;}
.kc_con .kc_yh .tip1{ display: inline-block; color:#fff; font-size:22px; font-weight:bold; line-height:42px; margin-left: -35px; padding: 0 40px; margin-bottom: 10px; background: linear-gradient(to bottom, #1eb7fa,#2e87ff); border-radius:0 8px 8px 0; text-align: center;}
.kc_con .kc_yh p .tip2{ color:#2e87ff; font-size:15px; font-weight:bold;line-height: 30px;}
.kc_con .kc_yh p span{ color:#004e9d; font-weight: bolder; font-size: 16px;}

/*课程列表*/
.kcxl_table{ background:#fff; margin: 10px 0px; box-shadow: 0 0 10px #0fb3ff; display: none; border-radius: 8px 8px 0px 0px; display: none; }
.kcxl_table table{ width:100%;}
.kcxl_table table th {background:#358cff; font-size:18px; line-height: 56px; border: 1px solid #a0dfff; color: #fff; font-weight: bold; }
.kcxl_table table td{padding:5px; font-size:14px; line-height: 30px; color: #333; border: 1px solid #a0dfff; text-align: center;}
.kcxl_table table tr:nth-child(2) td:nth-child(6){ text-align:left;}
.kcxl_table table td b{ font-weight:bold;color:#004e9d;}
.kcxl_table table td em{ font-weight:bold;color:#2e87ff;}
.kcxl_table table td a{ font-size:14px;line-height:30px; display:inline-block; color: #fff; padding:0 12px; margin:5px auto; border-radius:30px; background:#2e87ff; cursor: pointer; }
.kcxl_table table td a:hover{ opacity: 0.8;}

/*师资团队*/
.team{ padding: 0 40px;}
.team div{ width: 60%; background: linear-gradient(to bottom, #1eb7fa,#2e87ff); line-height: 66px; color: #fff; text-align: center; border-radius: 50px; font-size: 24px; font-weight: bolder; margin: 40px auto 0; }
.team div:hover{ background: linear-gradient(to top, #1eb7fa,#2e87ff); box-shadow: 0 0 10px #a0dfff; }