@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;
}
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-color: #fff;
max-width: 480px;
margin: 0 auto;
padding-bottom: 80px;
}
/*banner*/
.banner {
width: 100%;
height: 12rem;
padding-top: 5.8rem;
box-sizing: border-box;
position: relative;
background: url(../img/ban.jpg) no-repeat;
background-size: 100% 100%;
}
.banner .ban_gh {
width: 11.9rem;
height: 1.2rem;
border: 1px solid #fff;
font-size: .6rem;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto;
}
.banner .btn_bk {
position: absolute;
bottom: 2.25rem;
left: 50%;
margin-left: -3.55rem;
}
.banner .daoyu {
width: 94%;
height: 3.85rem;
border-radius: .2rem;
position: absolute;
left: 3%;
bottom: -2.75rem;
background: url(../img/dy_bg.png) 0.4rem center no-repeat #fff;
background-size: 1.65rem 2.35rem;
}
.banner .daoyu span {
font-size: .55rem;
color: #333;
line-height: .9rem;
padding-left: 2.55rem;
padding-right: .4rem;
padding-top: .6rem;
display: block;
}
.btn_bk {
width: 7.1rem;
height: 1.15rem;
border-radius: 24px;
font-size: .6rem;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
background: linear-gradient(to right, #f66430, #ff8b39);
}
.nav_qh {
margin-top: 3.75rem;
}
.nav_qh .navbar {
width: 94%;
margin: 0 3%;
display: flex;
justify-content: space-between;
}
.nav_qh .navbar .item {
width: 3.35rem;
height: 1.5rem;
border-radius: .25rem .25rem 0 0;
background-color: #e1e2e5;
font-size: .6rem;
color: #4c4c4c;
font-weight: bold;
display: flex;
justify-content: center;
align-items: center;
margin-right: 0;
}
.nav_qh .navbar .active {
color: #fff;
background: linear-gradient(to right, #f66430, #ff8b39);
}
.nav_qh .navtop {
position: fixed;
top: 0;
left: 0;
z-index: 2;
background-color: #fff;
padding: 3%;
margin: 0;
box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.05);
}
.title_bk {
font-size: 1.1rem;
color: #333;
font-weight: bold;
line-height: 1.15rem;
text-align: center;
position: relative;
}
.title_bk::before {
position: absolute;
content: '';
width: 1.35rem;
height: .9rem;
background: url(../img/title_left.png) no-repeat;
background-size: 100% 100%;
top: .15rem;
}
.title_bk::after {
position: absolute;
content: '';
width: 1.35rem;
height: .9rem;
background: url(../img/title_right.png) no-repeat;
background-size: 100% 100%;
top: .15rem;
}
.duoyang {
padding-bottom: 1.55rem;
background: url(../img/dya_bg.jpg) bottom center no-repeat;
background-size: 18.75rem 20.75rem;
}
.duoyang .du {
width: 94%;
height: 8.35rem;
margin: 0 auto;
padding-top: 1rem;
background-color: #fff;
box-shadow: 0 5px 15px 0 rgba(46, 20, 123, 0.1);
}
.duoyang .du .title_bk::before {
left: 1.05rem;
}
.duoyang .du .title_bk::after {
right: 1.05rem;
}
.duoyang .du .qu_bk {
margin-top: .75rem;
display: flex;
justify-content: space-between;
}
.duoyang .du .qu_bk li {
width: 25%;
position: relative;
}
.duoyang .du .qu_bk li img {
width: 1.4rem;
height: 1.4rem;
margin: .25rem auto 0;
display: block;
}
.duoyang .du .qu_bk li p {
font-size: .5rem;
color: #333;
text-align: center;
line-height: .65rem;
margin-top: .25rem;
}
.duoyang .du .qu_bk li p b {
color: transparent;
}
.duoyang .du .qu_bk li .btn_bk {
width: 3.15rem;
height: .8rem;
font-size: .5rem;
margin: .6rem 0 0 .6rem;
}
.duoyang .du .qu_bk li::before {
position: absolute;
content: '';
width: 1px;
height: 100%;
top: 0;
right: 0;
background-color: #e5e5e5;
}
.duoyang .fangshi {
margin-top: 1.2rem;
}
.duoyang .fangshi .title_bk::before {
left: 1.05rem;
}
.duoyang .fangshi .title_bk::after {
right: 1.05rem;
}
.duoyang .fangshi .dyh_list {
width: 94%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.duoyang .fangshi .dyh_list li {
width: 8.5rem;
height: 5.7rem;
position: relative;
margin-top: 1.5rem;
border-radius: .2rem;
}
.duoyang .fangshi .dyh_list li img {
width: 1.8rem;
height: 1.8rem;
position: absolute;
top: -0.9rem;
border-radius: 50%;
left: 3.35rem;
}
.duoyang .fangshi .dyh_list li h6 {
width: 100%;
font-size: .65rem;
color: #fff;
text-align: center;
line-height: .9rem;
position: absolute;
top: 1.8rem;
}
.duoyang .fangshi .dyh_list li .btn_bk {
width: 4.1rem;
height: .8rem;
font-size: .5rem;
position: absolute;
bottom: .6rem;
left: 2.25rem;
}
.duoyang .fangshi .dyh_list .yi {
background: url(../img/mg_dyimg1.jpg) no-repeat;
background-size: 100% 100%;
}
.duoyang .fangshi .dyh_list .er {
background: url(../img/mg_dyimg2.jpg) no-repeat;
background-size: 100% 100%;
}
.duoyang .fangshi .dyh_list .san {
background: url(../img/mg_dyimg3.jpg) no-repeat;
background-size: 100% 100%;
}
.duoyang .fangshi .dyh_list .si {
background: url(../img/mg_dyimg4.jpg) no-repeat;
background-size: 100% 100%;
}
/*申请费用*/
.feiyong {
width: 100%;
height: 30.85rem;
padding-top: 1.4rem;
background: url(../img/mg_fybg.jpg) no-repeat;
background-size: 100% 100%;
}
.feiyong .title_bk {
color: #fff;
}
.feiyong .title_bk::before {
left: .2rem;
}
.feiyong .title_bk::after {
right: .2rem;
}
.feiyong .tiaojian {
padding: 0 1.65rem;
}
.feiyong .tiaojian h6 {
font-size: .75rem;
color: #333;
text-align: center;
line-height: .85rem;
font-weight: bold;
}
.feiyong .tiaojian span {
font-size: .6rem;
color: #333;
line-height: .95rem;
display: block;
padding-top: .4rem;
}
.feiyong .tiaojian .p_js {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.feiyong .tiaojian p {
margin-top: .4rem;
font-size: .5rem;
color: #333;
line-height: .65rem;
padding-left: .25rem;
position: relative;
}
.feiyong .tiaojian p b {
font-size: .6rem;
color: #f76831;
}
.feiyong .tiaojian p::before {
position: absolute;
content: '';
width: 3px;
height: 3px;
border-radius: 50%;
background-color: #5e5e5e;
left: 0;
top: 5px;
}
.feiyong .yi {
margin-top: 1.8rem;
}
.feiyong .er {
margin-top: 3rem;
}
.feiyong .er p {
width: 48%;
}
.feiyong .san {
margin-top: 4rem;
}
/*时间规划*/
.guihua_bk {
margin-top: 1.5rem;
padding-bottom: 1rem;
}
.guihua_bk .title_bk::before {
left: 2rem;
}
.guihua_bk .title_bk::after {
right: 2rem;
}
.guihua_bk .guihua_sj {
width: 94%;
height: 6.75rem;
overflow-x: auto;
margin: 1.15rem auto 0;
}
.guihua_bk .guihua_sj img {
width: auto;
height: 6.75rem;
}
/*申请方案*/
.fangan {
width: 94%;
height: 9.3rem;
padding: 1.1rem 3% 0 3%;
background-color: #efefef;
}
.fangan .title_bk::before {
left: 2.5rem;
}
.fangan .title_bk::after {
right: 2.5rem;
}
.fangan .fangan_list {
height: 5.6rem;
padding: .85rem 0;
}
.fangan .fangan_list .swiper-slide {
width: 9.2rem;
height: 5.6rem;
margin-right: .6rem;
border-radius: .15rem;
background-color: #fff;
}
.fangan .fangan_list .swiper-slide img {
width: 9.05rem;
height: 5.45rem;
margin: .075rem auto 0;
border-radius: .15rem;
}
/*录取方式*/
.fangshi {
padding: 1.5rem 0;
}
.fangshi .title_bk {
line-height: 1.5rem;
}
.fangshi .title_bk::before {
left: 1.7rem;
top: 1rem;
}
.fangshi .title_bk::after {
right: 1.7rem;
top: 1rem;
}
.fangshi .fangshi_sq {
width: 100%;
height: 7.6rem;
background: url(../img/fs_bg1.jpg) center no-repeat;
background-size: 7.65rem 7.6rem;
margin-top: 3.25rem;
margin-bottom: 4rem;
position: relative;
}
.fangshi .fangshi_sq .fangshi_list {
width: 8.5rem;
height: 5.05rem;
position: absolute;
background: url(../img/fs_bg.jpg) repeat;
background-size: 1rem 1rem;
box-shadow: 0 3px 8px 1px rgba(169, 169, 169, 0.6);
}
.fangshi .fangshi_sq .fangshi_list h6 {
font-size: .55rem;
color: #333;
line-height: 1.15rem;
margin-top: .3rem;
display: flex;
}
.fangshi .fangshi_sq .fangshi_list h6 b {
width: 1.15rem;
height: 1.15rem;
display: flex;
justify-content: center;
align-items: center;
border-radius: .75rem;
color: #fff;
font-size: .55rem;
margin: 0 .15rem;
box-shadow: 0 3px 8px 1px rgba(186, 89, 30, 0.3);
background: linear-gradient(to bottom, #ff8b39, #f66430);
}
.fangshi .fangshi_sq .fangshi_list p {
font-size: .5rem;
color: #666;
line-height: .7rem;
padding: 0 .25rem;
margin-top: .3rem;
}
.fangshi .fangshi_sq .yi {
border-radius: .4rem .4rem 0 .4rem;
top: -2.4rem;
left: .6rem;
}
.fangshi .fangshi_sq .er {
border-radius: .4rem .4rem .4rem 0;
top: -2.4rem;
right: .6rem;
}
.fangshi .fangshi_sq .san {
border-radius: .4rem 0 .4rem .4rem;
bottom: -2.5rem;
left: .6rem;
}
.fangshi .fangshi_sq .si {
border-radius: 0 .4rem .4rem .4rem;
bottom: -2.5rem;
right: .6rem;
}
.fangshi .btn_bk {
margin: 0 auto;
}
/*申请院校*/
.mingxiao {
width: 100%;
height: 14rem;
padding-top: 1.5rem;
background: url(../img/mg_yxbg.jpg) no-repeat;
background-size: 100% 100%;
}
.mingxiao .title_bk {
color: #fff;
}
.mingxiao .title_bk::before {
left: 1.3rem;
}
.mingxiao .title_bk::after {
right: 1.3rem;
}
.mingxiao .mingxiao_list {
padding: 0 0 0 .6rem;
margin-top: 1rem;
}
.mingxiao .mingxiao_list .swiper-slide {
width: 6rem;
height: 6.35rem;
padding-top: .75rem;
margin-right: .4rem;
background: url(../img/yx_bg.png) no-repeat;
background-size: 100% 100%;
}
.mingxiao .mingxiao_list .swiper-slide img {
width: 6rem;
height: 2.15rem;
}
.mingxiao .mingxiao_list .swiper-slide h6 {
font-size: .6rem;
font-weight: normal;
text-align: center;
line-height: .6rem;
margin-top: .3rem;
}
.mingxiao .mingxiao_list .swiper-slide p {
font-size: .4rem;
color: #5e5e5e;
margin-top: .3rem;
padding-left: 1.3rem;
}
.mingxiao .btn_bk {
margin: 1.5rem auto 0;
}
/*英国*/
.yingguo .fangshi .dyh_list .yi {
background: url(../img/yg_dyimg1.jpg) no-repeat;
background-size: 100% 100%;
}
.yingguo .fangshi .dyh_list .er {
background: url(../img/yg_dyimg2.jpg) no-repeat;
background-size: 100% 100%;
}
.yingguo .fangshi .dyh_list .san {
background: url(../img/yg_dyimg3.jpg) no-repeat;
background-size: 100% 100%;
}
.yingguo .fangshi .dyh_list .si {
background: url(../img/yg_dyimg4.jpg) no-repeat;
background-size: 100% 100%;
}
.yingguo .feiyong {
background: url(../img/mg_fybg.jpg) no-repeat;
background-size: 100% 100%;
}
.yingguo .feiyong .yi p {
margin-top: .2rem;
}
.yingguo .feiyong .er {
margin-top: 2.5rem;
}
.yingguo .feiyong .er p {
width: auto;
}
.yingguo .guihua_bk .guihua_sj {
height: 7.6rem;
}
.yingguo .guihua_bk .guihua_sj img {
width: auto;
height: 7.6rem;
}
/*加拿大*/
.jianada .fangshi .dyh_list .yi {
background: url(../img/jnd_dyimg1.jpg) no-repeat;
background-size: 100% 100%;
}
.jianada .fangshi .dyh_list .er {
background: url(../img/jnd_dyimg2.jpg) no-repeat;
background-size: 100% 100%;
}
.jianada .fangshi .dyh_list .san {
background: url(../img/jnd_dyimg3.jpg) no-repeat;
background-size: 100% 100%;
}
.jianada .fangshi .dyh_list .si {
background: url(../img/jnd_dyimg4.jpg) no-repeat;
background-size: 100% 100%;
}
.jianada .feiyong {
background: url(../img/jnd_fybg.jpg) no-repeat;
background-size: 100% 100%;
}
.jianada .feiyong .yi p {
margin-top: .2rem;
}
.jianada .feiyong .er {
margin-top: 4.5rem;
}
.jianada .feiyong .er p {
width: auto;
}
.jianada .feiyong .san {
margin-top: 5.5rem;
}
.jianada .guihua_bk .guihua_sj {
height: 7.6rem;
}
.jianada .guihua_bk .guihua_sj img {
width: auto;
height: 7.6rem;
}
/*澳洲*/
.aozhou .fangshi .dyh_list .yi {
background: url(../img/az_dyimg1.jpg) no-repeat;
background-size: 100% 100%;
}
.aozhou .fangshi .dyh_list .er {
background: url(../img/az_dyimg2.jpg) no-repeat;
background-size: 100% 100%;
}
.aozhou .fangshi .dyh_list .san {
background: url(../img/az_dyimg3.jpg) no-repeat;
background-size: 100% 100%;
}
.aozhou .fangshi .dyh_list .si {
background: url(../img/az_dyimg4.jpg) no-repeat;
background-size: 100% 100%;
}
.aozhou .feiyong {
background: url(../img/jnd_fybg.jpg) no-repeat;
background-size: 100% 100%;
}
.aozhou .feiyong .er {
margin-top: 5.5rem;
}
.aozhou .feiyong .er p:last-child {
width: auto;
}
.aozhou .feiyong .san {
margin-top: 4.5rem;
}
.aozhou .mingxiao .title_bk::before {
left: .3rem;
}
.aozhou .mingxiao .title_bk::after {
right: .3rem;
}
.aozhou .mingxiao .mingxiao_list .swiper-slide p {
padding-left: 0;
text-align: center;
line-height: .75rem;
margin-top: .5rem;
}
/*新西兰*/
.xinxilan .fangshi .dyh_list .yi {
background: url(../img/xxl_dyimg1.jpg) no-repeat;
background-size: 100% 100%;
}
.xinxilan .fangshi .dyh_list .er {
background: url(../img/xxl_dyimg2.jpg) no-repeat;
background-size: 100% 100%;
}
.xinxilan .fangshi .dyh_list .san {
background: url(../img/xxl_dyimg3.jpg) no-repeat;
background-size: 100% 100%;
}
.xinxilan .fangshi .dyh_list .si {
background: url(../img/xxl_dyimg4.jpg) no-repeat;
background-size: 100% 100%;
}
.xinxilan .feiyong {
background: url(../img/xxl_fybg.jpg) no-repeat;
background-size: 100% 100%;
}
.xinxilan .feiyong .er {
margin-top: 3.5rem;
}
.xinxilan .feiyong .er p {
width: auto;
}
.xinxilan .feiyong .san {
margin-top: 3rem;
}
.xinxilan .mingxiao .title_bk {
font-size: .9rem;
}
.xinxilan .mingxiao .title_bk::before {
left: .3rem;
}
.xinxilan .mingxiao .title_bk::after {
right: .3rem;
}
.xinxilan .mingxiao .mingxiao_list .swiper-slide p {
padding-left: 0;
text-align: center;
line-height: .75rem;
margin-top: .5rem;
}
/*直申院校*/
.zhishen {
width: 100%;
height: 19.55rem;
padding-top: 1.25rem;
background: url(../img/zs_bg.jpg) no-repeat;
background-size: 100% 100%;
}
.zhishen .title_bk {
font-size: 1rem;
}
.zhishen .title_bk::before {
left: 0;
}
.zhishen .title_bk::after {
right: 0;
}
.zhishen .koubei {
margin-top: .75rem;
display: flex;
justify-content: space-between;
padding: 0 .6rem;
}
.zhishen .koubei li {
font-size: .55rem;
color: #5e5e5e;
line-height: .95rem;
}
.zhishen .koubei li b {
font-size: .9rem;
color: #f66330;
}
.zhishen .guojia_zs {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: .4rem .6rem 0 .6rem;
}
.zhishen .guojia_zs li {
width: 8.45rem;
height: 5.7rem;
margin-top: .6rem;
}
.zhishen .guojia_zs li h6 {
font-size: .75rem;
color: #fff;
line-height: .95rem;
text-align: center;
margin-top: 1.75rem;
position: relative;
}
.zhishen .guojia_zs li h6::before {
position: absolute;
content: '';
width: 1.05rem;
height: .1rem;
border-radius: 2px;
background: linear-gradient(to left, #ff8b39, #f86e3e);
bottom: -0.25rem;
left: 50%;
margin-left: -.5rem;
}
.zhishen .guojia_zs .yi {
background: url(../img/zs_img1.jpg) no-repeat;
background-size: 100% 100%;
}
.zhishen .guojia_zs .er {
background: url(../img/zs_img2.jpg) no-repeat;
background-size: 100% 100%;
}
.zhishen .guojia_zs .san {
background: url(../img/zs_img3.jpg) no-repeat;
background-size: 100% 100%;
}
.zhishen .guojia_zs .si {
background: url(../img/zs_img4.jpg) no-repeat;
background-size: 100% 100%;
}
.zhishen .btn_bk {
margin: 1.25rem auto 0;
}
/*免费在线留学规划马上开启申请之旅*/
.guihua_bklx {
width: 100%;
height: 12.7rem;
padding-top: 1.2rem;
background: url(../img/yy_bg.jpg) no-repeat;
background-size: 100% 100%;
}
.guihua_bklx .title_bk {
color: #fff;
}
.guihua_bklx .title_bk::before {
left: 3.5rem;
top: .6rem;
background: url(../img/yy_left.png) no-repeat;
background-size: 100% 100%;
}
.guihua_bklx .title_bk::after {
right: 3.5rem;
top: .6rem;
background: url(../img/yy_right.png) no-repeat;
background-size: 100% 100%;
}
.guihua_bklx .lxForm {
width: 94%;
height: 8.75rem;
position: relative;
margin: .9rem auto 0;
border-radius: .2rem;
background-color: rgba(255, 255, 255, 0.8);
}
.guihua_bklx .lxForm input {
width: 7rem;
height: 1.55rem;
margin: .95rem 0 0 .8rem;
border-radius: .3rem;
border: 1px solid #a0a0a0;
font-size: .55rem;
text-indent: 1.5rem;
float: left;
}
.guihua_bklx .lxForm .yi {
background: url(../img/yy_icon1.png) 0.25rem center no-repeat;
background-size: 1rem .9rem;
}
.guihua_bklx .lxForm .er {
background: url(../img/yy_icon2.png) 0.25rem center no-repeat;
background-size: 1rem .9rem;
margin-right: 0;
}
.guihua_bklx .lxForm .san {
background: url(../img/yy_icon3.png) 0.25rem center no-repeat;
background-size: 1rem .9rem;
}
.guihua_bklx .lxForm .si {
background: url(../img/yy_icon4.png) 0.25rem center no-repeat;
background-size: 1rem .9rem;
margin-right: 0;
}
.guihua_bklx .lxForm .formCode{
width:8rem;
margin-bottom: 0;
display: flex;
justify-content: space-between;
margin-left: 0.8rem;
float: left;
}
.guihua_bklx .lxForm .formCode .codeInput
{
width: 4rem;
text-align: center;
text-indent: 0;
height: 1.55rem;
background-color: #fff;
border-radius: 0.2rem;
font-size: 0.5rem;
line-height:1.55rem;
-webkit-box-sizing: border-box;
box-sizing: border-box;
outline: 0;
border: 1px solid #a0a0a0;
color: #000;
margin-left: 0;
}
.guihua_bklx .lxForm .formCode .codetxt{
width: 3.5rem;
background: #e3e3e3;
outline: none;
height: 1.55rem;
cursor: pointer;
font-size: 0.5rem;
border: 0;
color: #000;
border-radius: 0.2rem;
margin-top: 0.95rem;
}
.guihua_bklx .lxForm .lxSubmit {
display:inline-block;
width: 7.9rem;
height: 1.6rem;
border-radius:.2rem;
text-align: center;
line-height: 1.6rem;
font-size: .6rem;
color: #fff;
background: linear-gradient(to left, #ff8b39, #f86e3e);
margin-top: 0.95rem;
margin-left: 0.4rem;
}