@charset "UTF-8";
/*reset*/
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
display: block;
}
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dd,
p,
select,
textarea {
margin: 0;
}
ol,
ul {
margin: 0;
padding: 0;
list-style: none;
}
a {
color: #333;
background-color: transparent;
-webkit-text-decoration-skip: objects;
text-decoration: none;
}
a:active,
a:hover {
outline: 0;
}
audio,
canvas,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
img {
border: 0;
display: block;
}
svg:not(:root) {
overflow: hidden;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner {
padding: 0;
border: 0;
}
button[disabled],
html input[disabled] {
cursor: default;
}
input,
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
input[type="checkbox"],
input[type="radio"] {
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
textarea {
resize: none;
border: 1px solid #ccc;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
del {
text-decoration: line-through;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
.clearfix:after {
display: block;
content: '';
height: 0;
clear: both;
visibility: hidden;
}
html {
font-size: 12px;
-webkit-tap-highlight-color: transparent;
}
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-family: "Microsoft YaHei", Arial, SimSun, SimHei, sans-serif;
font-size: 14px;
color: #333;
background: #fff;
}
.top_nav {
background: #444546;
}
.top_nav .top_nava_dh {
margin-left: 35px;
}
.top_nav .top_nava_dh .top_nav_cg:hover {
background: rgba(255, 255, 255, 0.9);
}
.top_nav .top_nava_dh .top_nav_cg:hover:before {
background: none;
}
.top_nav .top_nava_dh .top_nav_cg:hover span {
color: #333;
height: 80px;
}
.top_nav .top_nava_dh .top_nav_cg .top_nav_cg_no {
background: rgba(255, 255, 255, 0.9);
top: 80px;
padding-top: 0;
z-index: 9;
}
.top_nav .top_nava_dh .top_nav_cg .top_nav_cg_no a {
color: #333;
}
.top_nav .top_nava_dh .top_nav_cg .top_nav_cg_no a:first-child {
margin-top: -20px;
}
.yx-footer {
padding-top: 1px;
}
.yx-footer .title {
margin-top: 25px;
}
.yx-footer ul {
padding-top: 10px;
}
.wrapper {
width: 1200px;
margin: 0 auto;
}
/*banner*/
.banner {
width: 100%;
height: 455px;
margin-top: 136px;
background: url(../img/ban.jpg) top center no-repeat;
}
.banner a {
width: 235px;
height: 50px;
display: block;
float: left;
font-size: 22px;
color: #fff;
text-align: center;
line-height: 50px;
border-radius: 32px;
border: 1px solid #fff;
margin-top: 360px;
margin-right: 102px;
transition: all 0.3s linear;
}
.banner a:first-child {
margin-left: 285px;
}
.banner a:hover {
border-color: transparent;
background: linear-gradient(to right, #455ffe, #3ca6ff);
}
/*导语*/
.daoyu {
width: 100%;
height: 112px;
background-color: #f2f2f2;
}
.daoyu img {
float: left;
margin-top: 24px;
}
.daoyu p {
width: 1045px;
font-size: 16px;
color: #333;
line-height: 28px;
float: right;
margin-top: 28px;
}
.title_ky {
font-size: 46px;
color: #333;
height: 66px;
line-height: 66px;
text-align: center;
font-weight: bold;
background: url(../img/title_bg.png) center no-repeat;
}
.title_ky b {
color: #5341ff;
}
/*2021届考研形势十分严峻 你急需一份双保险！*/
.baoxian {
margin-top: 30px;
padding-bottom: 40px;
}
.baoxian .baoxian_ky {
margin-top:30px;
}
.baoxian .baoxian_ky li {
width: 284px;
height: 420px;
float: left;
position: relative;
border-radius: 6px;
margin-right: 20px;
background-color: #fff;
box-shadow: 0 0 8px 1px rgba(31, 14, 99, 0.2);
}
.baoxian .baoxian_ky li:last-child {
margin-right: 0;
}
.baoxian .baoxian_ky li .img_top {
border-radius: 6px 6px 0 0;
}
.baoxian .baoxian_ky li span {
position: absolute;
top: 162px;
width: 284px;
height: 45px;
border-radius: 0 45px 0 0;
background-color: rgba(73, 39, 211, 0.8);
font-size: 24px;
color: #fff;
line-height: 45px;
text-indent: 13px;
}
.baoxian .baoxian_ky li p {
font-size: 16px;
color: #5e5e5e;
padding: 0 12px;
line-height: 22px;
margin-top: 12px;
font-weight: bold;
}
.baoxian .baoxian_ky li .img_bottom {
margin: 18px auto 0;
}
.baoxian .baoxian_ky li::after {
position: absolute;
content: '';
width: 34px;
height: 1px;
background-color: #6547d6;
left: 12px;
bottom: 29px;
}
.baoxian .baoxian_lx {
margin-top: 30px;
}
.baoxian .baoxian_lx li {
width: 268px;
height: 89px;
float: left;
font-size: 20px;
color: #fff;
line-height: 28px;
padding-left: 17px;
padding-top: 25px;
margin-right: 15px;
background: url(../img/sl_bg.jpg) no-repeat;
}
.baoxian .baoxian_lx li:last-child {
height: 99px;
margin-right: 0;
padding-top: 15px;
}
/*考研留学双保险五大优势*/
.youshi {
width: 100%;
height: 842px;
padding-top: 30px;
background: url(../img/ys_bg.jpg) top center no-repeat;
background-position: center -36px;
}
.youshi ul li {
width: 240px;
float: left;
margin-top: 380px;
}
.youshi ul li p {
font-size: 18px;
color: #fff;
padding: 0 28px;
}
/*考研后留学怎么申请？不同方案任你选！*/
.fangan {
margin-top: 30px;
}
.fangan .navbar {
width: 600px;
height: 40px;
margin: 40px auto 0;
border-radius: 20px;
background-color: #f5f6fa;
}
.fangan .navbar .item {
width: 120px;
height: 40px;
float: left;
font-size: 16px;
color: #333;
text-align: center;
line-height: 40px;
cursor: pointer;
}
.fangan .navbar .active {
color: #fff;
border-radius: 20px;
background: linear-gradient(to right, #455ffe, #3ca6ff);
}
.fangan .fangan_list ul {
margin-top: 24px;
}
.fangan .fangan_list ul li {
width: 588px;
height: 360px;
float: left;
position: relative;
overflow: hidden;
transition: all 0.3s linear;
}
.fangan .fangan_list ul li h6 {
width: 572px;
text-align: center;
padding: 0 8px;
position: absolute;
top: 156px;
font-size: 40px;
color: #fff;
transition: all 0.3s linear;
}
.fangan .fangan_list ul li h6::after {
position: absolute;
content: '';
width: 86px;
height: 1px;
background-color: #fff;
bottom: -12px;
left: 250px;
}
.fangan .fangan_list ul li p {
font-size: 16px;
color: #fff;
position: absolute;
left: 34px;
top: 140px;
line-height: 32px;
transition: all 0.3s linear;
opacity: 0;
padding-right: 34px;
}
.fangan .fangan_list ul li span {
position: absolute;
left: 34px;
height: 22px;
font-size: 16px;
color: #fff;
padding: 0 5px;
line-height: 22px;
display: block;
opacity: 0;
transition: all 0.3s linear;
border-radius: 0 11px 11px 0;
background: linear-gradient(to right, #f66430, #ff8b39);
}
.fangan .fangan_list ul li:hover h6 {
top: 52px;
text-align: left;
}
.fangan .fangan_list ul li:hover h6::after {
left: 34px;
}
.fangan .fangan_list ul li:hover p {
opacity: 1;
}
.fangan .fangan_list ul li:hover span {
opacity: 1;
}
.fangan .fangan_list ul .flr {
float: right;
}
.fangan .yingguo ul li span {
top: 138px;
}
.fangan .yingguo ul li span:nth-child(5) {
top: 246px;
}
.fangan .yingguo ul li p {
top: 176px;
}
.fangan .yingguo ul li p:last-child {
top: 285px;
}
.fangan .xinxilan ul li {
margin-bottom: 24px;
}
.fangan .xinxilan ul li:first-child:hover h6 {
font-size: 32px;
}
.fangan .btn {
margin-top: 30px;
}
.fangan .btn a {
width: 318px;
height: 62px;
display: block;
float: left;
font-size: 24px;
color: #455ffe;
text-align: center;
line-height: 62px;
border-radius: 32px;
border: 1px solid #455ffe;
margin-right: 142px;
transition: all 0.3s linear;
}
.fangan .btn a:first-child {
margin-left: 208px;
}
.fangan .btn a:hover {
color: #fff;
border-color: transparent;
background: linear-gradient(to right, #455ffe, #3ca6ff);
}
.hide {
display: none;
}
/*考研留学双保险计划 让未来有N+1种选择*/
.xuan {
width: 100%;
height: 546px;
margin-top: 32px;
padding-top: 20px;
background: url(../img/xz_bg.jpg) top center no-repeat;
background-position: center -31px;
}
.xuan .title_ky {
color: #fff;
background: url(../img/title_bg1.png) center no-repeat;
}
.xuan .title_ky b {
color: #ffd965;
}
.xuan ul {
margin-top: 44px;
}
.xuan ul li {
width: 526px;
height: 318px;
float: left;
}
.xuan ul li:first-child {
margin-right: 133px;
}
.xuan ul li span {
width: 100%;
display: block;
text-align: center;
font-size: 30px;
font-weight: bold;
color: #fff;
line-height: 32px;
margin-top: 88px;
}
.xuan ul li p {
margin-top: 20px;
font-size: 20px;
color: #fff;
text-align: center;
line-height: 34px;
}
.xuan a {
width: 318px;
height: 62px;
display: block;
margin: 30px auto 0;
font-size: 24px;
color: #fff;
text-align: center;
line-height: 62px;
border-radius: 32px;
border: 1px solid #fff;
transition: all 0.3s linear;
}
.xuan a:hover {
color: #fff;
border-color: transparent;
background: linear-gradient(to right, #455ffe, #3ca6ff);
}
/*考研留学双保险时间规划 提前备战 更多选择*/
.guihua {
margin-top: 30px;
padding-bottom: 60px;
background: url(../img/gh_bg.jpg) bottom center no-repeat;
}
.guihua img {
margin-top: 58px;
}
/*考研留学成功案例 新航道祝你梦想绽放 */
.anli {
margin-top: 95px;
}
.anli #swiper_al {
padding-top: 56px;
padding-bottom: 10px;
}
.anli #swiper_al .swiper-slide {
width: 300px;
float: left;
}
.anli #swiper_al .anli_list {
width: 280px;
height: 360px;
margin: 0 auto;
border-radius: 6px;
box-shadow: 0 0 8px 1px rgba(31, 14, 99, 0.15);
background: url(../img/al_bg.jpg) no-repeat;
}
.anli #swiper_al .anli_list img {
margin: 0 auto;
}
.anli #swiper_al .anli_list h6 {
font-size: 20px;
text-align: center;
line-height: 22px;
color: #fff;
margin-top: 15px;
position: relative;
margin-bottom: 30px;
}
.anli #swiper_al .anli_list h6::after {
position: absolute;
content: '';
width: 250px;
height: 1px;
background-color: #6f95ff;
left: 15px;
bottom: -8px;
}
.anli #swiper_al .anli_list p {
padding-left: 15px;
font-size: 16px;
color: #fff;
line-height: 18px;
margin-top: 15px;
}
.anli #swiper_al .arrow {
width: 40px;
height: 40px;
top: 216px;
border-radius: 50%;
}
.anli #swiper_al .swiper-button-prev {
background: url(../img/left.png) center no-repeat rgba(0, 0, 0, 0.3);
}
.anli #swiper_al .swiper-button-next {
background: url(../img/right.png) center no-repeat rgba(0, 0, 0, 0.3);
}
/*开启考研留学双规划之旅*/
.guihua_ky {
width: 100%;
height: auto;
padding: 40px 0 40px 0;
background: url(../img/db_bg.jpg) bottom center no-repeat;
}
.guihua_ky .form {
height: 565px;
padding-top: 30px;
border-radius: 8px;
background-color: #fff;
box-shadow: 0 0 8px 1px rgba(31, 14, 99, 0.2);
}
.guihua_ky .guihua_left {
float: left;
margin: 34px 0 0 20px;
}
.guihua_ky .guihua_right {
width: 404px;
float: right;
margin: 34px 69px 0 0;
}
.guihua_ky .guihua_right input {
width: 402px;
height: 55px;
margin-bottom: 15px;
border-radius: 6px;
border: 1px solid #f7f7f7;
background: #f7f7f7;
font-size: 18px;
line-height: 45px;
text-indent: 15px;
outline: none;
}
.guihua_ky .guihua_right input:active, .guihua_ky .guihua_right input:hover {
border: 1px solid #374dd2;
}
.guihua_ky .guihua_right input:last-child {
margin-bottom: 40px;
}
.guihua_ky .guihua_right .formCode{
width: 408px;
margin-bottom: 0;
}
.guihua_ky .guihua_right .formCode .codeInput
{
float: left;
width: 238px;
text-align: center;
height:55px;
background: #f7f7f7;
border-radius: 6px;
font-size: 18px;
line-height: 55px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
outline: 0;
border: 0;
color: #000;
margin-right: 15px;
text-indent:0;
}
.guihua_ky .guihua_right .formCode .codeInput:hover{
border: 1px solid #374dd2;
}
.guihua_ky .guihua_right .formCode .codetxt{
float: right;
width: 150px;
background: #e3e3e3;
outline: none;
height: 55px;
cursor: pointer;
font-size: 18px;
border: 0;
color: #000;
border-radius: 6px;
}
.guihua_ky .guihua_right .lxSubmit {
width: 404px;
height: 60px;
display: block;
border-radius: 6px;
font-size: 18px;
text-align: center;
line-height: 60px;
color: #fff;
cursor: pointer;
background: linear-gradient(to right, #455ffe, #3ca6ff);
}