/*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: #f5f5f5;
max-width: 480px;
margin: 0 auto;
padding-bottom: 80px;
overflow-x: hidden;
}
.w57p{
width: 57%;
margin:0 auto;
}
.w56p {
width: 56%;
margin: 0 auto;
}
.w60p{
width: 60%;
margin:0 auto;
}
.w62p {
width: 62%;
margin: 0 auto;
}
.w90p {
width: 90%;
margin: 0 auto;
}
.w96p {
width: 96%;
margin: 0 auto;
}
.w79p{
width: 79%;
margin: 0 auto;
}
.w74p{
width: 74%;
margin: 0 auto;
}
.w70p{
width: 70%;
margin: 0 auto;
}
.w83p{
width: 83%;
margin: 0 auto;
}
.mt0{
margin-top: 0 !important;
}
.mr0{
margin-right: 0 !important;
}
.clearfix:after {
display: block;
content: '';
height: 0;
clear: both;
visibility: hidden;
}
.clearfix{
clear: both;
}
.pullL{
float: left;
}
.pullR{
float:right;
}
@keyframes scale1 {
0% {
-webkit-transform: scale(1);
opacity: 1;
}
25% {
-webkit-transform: scale(1.1);
opacity: 1;
}
50% {
-webkit-transform: scale(1);
opacity: 1;
}
75% {
-webkit-transform: scale(1.1);
opacity: 1;
}
100% {
-webkit-transform: scale(1);
opacity: 1;
}
}
@keyframes mymove {
0% {
transform: scale(1);
}
25% {
transform: scale(1.1);
}
50% {
transform: scale(1);
}
75% {
transform: scale(1.1);
}
}
@keyframes ballon2 {
0% {
-webkit-transform: translateY(3px);
opacity: 1;
}
25% {
-webkit-transform: translateY(-3px);
opacity: 1;
}
50% {
-webkit-transform: translateY(3px);
opacity: 1;
}
75% {
-webkit-transform: translateY(-3px);
opacity: 1;
}
100% {
-webkit-transform: translateY(3px);
opacity: 1;
}
}
/* 新加坡留学服务 */
.pubwrap{
width: 100%;
box-sizing: border-box;
padding:0 0.75rem;
}
.banner1 {
width: 100%;
height:12rem;
background: url(../images/banner1.jpg) top center no-repeat;
background-size: 100% 100%;
}
.banner1 .pubwrap {
text-align: left;
position: relative;
margin-top: 0;
}
.banner1 .tit_text1 {
height: 1.3rem;
position: absolute;
top: 5.1rem;
left: 1rem;
border-bottom: 2px solid #efdaa5;
}
.banner1 .tit_text1 ul li {
color: #a53800;
height: 1.3rem;
font-size: 0.8rem;
float: left;
margin-right: 0.9rem;
font-weight: bold;
}
.banner1 .tit_text2 {
height: 0.8rem;
position: absolute;
top: 7.1rem;
left: 1.8rem;
}
.banner1 .tit_text2 ul li {
color: #a53800;
width: 3rem;
height:0.9rem;
line-height: 0.9rem;
text-align: center;
font-size: 0.6rem;
float: left;
margin-right: 0.9rem;
border-radius: 0.2rem;
border: 1px solid #f0e5b8;
}
.banner1 .ban1_btn {
position: absolute;
top: 9.6rem;
left: 0.75rem;
right: 0.75rem;
}
.banner1 .ban1_btn a {
display: inline-block;
width: 8.2rem;
height: 1.4rem;
border-radius: 1.3rem;
text-align: center;
line-height: 1.4rem;
font-size: 0.6rem;
color: #fff;
top: 9.2rem;
left: 21rem;
border: 1px solid #ffffff;
transition: all 0.3s;
animation: ballon2 3s infinite;
}
.banner1 .ban1_btn a.mr108 {
margin-right: 0.4rem;
background: linear-gradient(to right, #e4c78b, #faeebd);
color: #dc210e;
border: 1px solid transparent;
box-shadow: 0 2px 0 #ff682d;
}
/* 新加坡留学优势 */
.pubwrap {
text-align: center;
margin: 0 auto;
margin-top: 0.5rem;
}
.pubwrap h3.tit_h3 {
color: #333;
font-size: 1.2rem;
font-weight: bold;
position: relative;
}
.pubwrap h3.tit_h3 span {
color: #e88d18;
}
.pubwrap h3.tit_h3:before {
content: '';
position: absolute;
display: inline-block;
width: 0.6rem;
height: 0.5rem;
left: -0.3rem;
top: 0.6rem;
background: url(../images/ban1_iconL.png) 0 0 no-repeat;
background-size: 100% 0.5rem;
}
.pubwrap h3.tit_h3:after {
content: '';
position: absolute;
display: inline-block;
width: 0.6rem;
height: 0.5rem;
right: -0.3rem;
top: 0.6rem;
background: url(../images/ban1_iconR.png) 0 0 no-repeat;
background-size: 100% 0.5rem;
}
.pubwrap h4.tit_h4 {
width: 12rem;
height: 0.3rem;
margin: 0 auto;
margin-top: 0.3rem;
background: url(../images/new_chan.png) 0 0 no-repeat;
background-size: 100% 0.3rem;
}
.banner2 {
height: 17.5rem;
}
.banner2 .youshi_main {
margin-top: 0.3rem;
position: relative;
}
.banner2 .youshi_main img {
width: 7.3rem;
height:6.9rem;
margin-top: 4.8rem;
position: absolute;
left: 50%;
margin-left: -3.25rem;
}
.banner2 .youshi_main ul li {
width: 8.2rem;
height: 3.4rem;
background: #fff;
box-shadow: 0 0 0.3rem rgba(255, 193, 67, .5);
position: absolute;
}
.banner2 .youshi_main ul li .pullL {
width: 1.5rem;
height: 3.4rem;
line-height: 2.4rem;
color: #f78826;
font-size: 0.85rem;
font-weight:bold;
}
.banner2 .youshi_main ul li .pullR {
width: 6.7rem;
height: 3.4rem;
box-sizing: border-box;
padding-top: 0.2rem;
text-align: left;
box-sizing: border-box;
padding-right: 0.1rem;
}
.banner2 .youshi_main ul li dl dt {
color: #333333;
font-size: 0.6rem;
font-weight: bold;
}
.banner2 .youshi_main ul li dl dd {
color: #5e5e5e;
font-size: 0.5rem;
}
.banner2 .youshi_main ul li:nth-child(4) .pullL {
line-height: 2.8rem;
}
.banner2 .youshi_main ul li.on {
animation: scale1 2s linear infinite;
}
.banner2 .youshi_main ul li:nth-child(1) {
left:0;
top: 0.8rem;
}
.banner2 .youshi_main ul li:nth-child(2) {
width: 5.4rem;
height: 5.8rem;
left: 0;
top: 4.8rem;
}
.banner2 .youshi_main ul li:nth-child(2) .pullL {
width: 1.5rem;
height:5.5rem;
color: #f78826;
font-size: 0.85rem;
font-weight:bold;
}
.banner2 .youshi_main ul li:nth-child(2) .pullR {
width: 3.9rem;
height: 5.5rem;
box-sizing: border-box;
padding-top: 0.2rem;
text-align: left;
box-sizing: border-box;
padding-right: 0.1rem;
}
.banner2 .youshi_main ul li:nth-child(3) {
left: 0.5rem;
top: 11rem;
}
.banner2 .youshi_main ul li:nth-child(4) {
right: -0.3rem;
top: 2rem;
width: 8.2rem;
height: 3.4rem;
}
.banner2 .youshi_main ul li:nth-child(5) {
right: -0.3rem;
top: 10.4rem;
}
/* 免费新加坡留学规划 */
.banner3 {
width: 100%;
height: 19rem;
background: url(../images/form_bg.jpg) top center no-repeat;
background-size: 100% 19rem;
padding-top: 0.8rem;
box-sizing: border-box;
}
.banner3 h5 {
color: #fff;
font-size: 1.4rem;
text-shadow: 0 0.1rem #f96c08;
}
.banner3 .ghtxt {
width: 7.5rem;
height: 1.6rem;
line-height: 1.6rem;
text-align: center;
margin: 0 auto;
font-size:0.9rem;
color: #fff;
font-weight: bold;
border-radius: 1.3rem;
background: linear-gradient(to right, rgba(255,255,255,.1), #f86b07);
}
.banner3 .ghtxt01 {
margin-top: 0.8rem;
}
.banner3 .ghtxt02 {
width: 11.7rem;
background: linear-gradient(to right, #f86b07, rgba(255,255,255,.1));
margin-top: -0.3rem;
}
.banner3 .form_dz {
width:12.5rem;
margin: 0 auto;
margin-top: 0.9rem;
}
.banner3 .form_input {
width:12.5rem;
height: 2.1rem;
border:1px solid #efefef;
border-radius: 0.1rem;
background: #fff;
margin-right: 0.7rem;
margin-bottom: 0.5rem;
}
.banner3 .form_input p {
float: left;
width: 4rem;
height:1.8rem;
box-sizing: border-box;
line-height:1.8rem;
font-size: 0.8rem;
padding-right: 0.1rem;
border-right:1px solid #e5e5e5;
margin-top: 0.2rem;
text-align: right;
margin-left: 0.3rem;
}
.banner3 .form_input:nth-child(1) p {
background: url(../images/name_icon.png) 0 0 no-repeat;
}
.banner3 .form_input:nth-child(2) p {
background: url(../images/tel_name.png) 0 0 no-repeat;
background-position: 0 0.2rem;
}
.banner3 .form_input p img {
display: inline-block;
margin-top: 0.1rem;
margin-right: 0.1rem;
}
.banner3 .form_input input {
width:7.3rem;
height: 1.7rem;
border-radius: 0 0.1rem 0.1rem 0;
border: 0;
outline: none;
font-size: 0.7rem;
}
.banner3 .form_dz .formCode{
width: 12.5rem;
margin:0 auto;
display: flex;
justify-content: space-between;
margin-bottom: 0.5rem;
}
.banner3 .form_dz .formCode .codeInput
{
width:6.5rem;
text-align: center;
text-indent: 0;
height: 2.2rem;
background-color: #fff;
border-radius: 0.2rem;
font-size: 0.7rem;
line-height: 2.2rem;
-webkit-box-sizing: border-box;
box-sizing: border-box;
outline: 0;
border: 0;
color: #000;
margin-left: 0;
}
.banner3 .form_dz .formCode .codetxt{
width: 5.5rem;
background: #e3e3e3;
outline: none;
height: 2.2rem;
cursor: pointer;
font-size: 0.7rem;
border: 0;
color: #000;
border-radius: 0.2rem;
}
.banner3 .form_dz span {
width:12.5rem;
height: 2.1rem;
display: block;
float: left;
border-radius: 0.1rem;
font-size: 1rem;
text-align: center;
line-height: 2.1rem;
color: #de3622;
cursor: pointer;
background: linear-gradient(to bottom, #fff4d7, #ffbd19);
font-weight: bold;
animation: mymove 3s infinite;
}
/* 新加坡院校申请方案 助你一臂之力 */
.banner4 .pubwrap h3.tit_h3{
font-size: 1rem;
}
.banner4 .plan_listmain ul {
margin-top: 1rem;
height: 12.3rem;
margin-bottom: 2rem;
}
.banner4 .plan_listmain ul li {
width: 100%;
height:5.2rem;
float: left;
margin-bottom: 0.8rem;
display: flex;
justify-content: left;
flex-wrap: nowrap;
}
.banner4 .plan_listmain ul li .plan_img {
width:8.2rem;
height: 5.2rem;
box-sizing: border-box;
padding-top: 1.4rem;
padding-left: 0.3rem;
text-align: left;
}
.banner4 .plan_listmain ul li .plan_img01 {
background: url(../images/plan_pic01.jpg) 0 0 no-repeat;
background-size: 100% 5.2rem;
}
.banner4 .plan_listmain ul li .plan_img02 {
background: url(../images/plan_pic02.jpg) 0 0 no-repeat;
background-size: 100% 5.2rem;
}
.banner4 .plan_listmain ul li .plan_img03 {
background: url(../images/plan_pic02.jpg) 0 0 no-repeat;
background-size: 100% 5.2rem;
}
.banner4 .plan_listmain ul li .plan_img dl dt {
font-size: 0.5rem;
color: #fff;
}
.banner4 .plan_listmain ul li .plan_img dl dd {
font-size: 0.7rem;
color: #fff;
font-weight: bold;
}
.banner4 .plan_listmain .plan_list2 {
width: 9.5rem;
height: 5.2rem;
background: #fff;
box-shadow: 0 0 0.3rem rgba(232, 141, 24, 0.3);
box-sizing: border-box;
padding: 0.8rem 0.2rem;
text-align: left;
}
.banner4 .plan_listmain .plan_list2 h4 {
font-size: 0.75rem;
color: #333333;
font-weight: bold;
}
.banner4 .plan_listmain .plan_list2 p {
font-size: 0.5rem;
color: #333333;
line-height: 0.8rem;
margin-top: 0.3rem;
}
.banner4 .plan_listmain a.lijlj {
display: block;
width: 5.9rem;
height: 1.5rem;
margin: 0 auto;
text-align: center;
line-height: 1.5rem;
font-size: 0.8rem;
color: #d04615;
border-radius: 1.3rem;
border: 1px solid #e88d18;
transition: all .3s;
animation: ballon2 3s infinite;
background: linear-gradient(to right, #f4b532, #ffc54c);
border: 1px solid transparent;
box-shadow: 0 2px 0 #ff682d;
margin-bottom: 1.5rem;
}
.banner4 .plan_listmain a.lijlj:hover {
color: #fff;
background: #e88d18;
box-shadow: 0 0 0.3rem #e88d18;
}
/* 新航道留学课程 */
.banner5 {
background: #fff;
width: 100%;
height: 20.5rem;
box-sizing: border-box;
padding-top: 0.5rem;
}
.banner5 .pubwrap {
margin-top: 0;
}
.banner5 .kecheng_list {
margin-top: 0.5rem;
}
.banner5 .kecheng_list ul.kechel01{
width: 100%;
display: flex;
justify-content: center;
flex-wrap: nowrap;
margin-bottom: 1.3rem;
}
.banner5 .kecheng_list ul.kechel02{
width: 100%;
display: flex;
justify-content:space-between;
flex-wrap: nowrap;
margin-bottom: 0.3rem;
}
.banner5 .kecheng_list ul li {
width: 5.5rem;
height: 7.7rem;
transition: all .3s;
}
.banner5 .kecheng_list ul li:hover .top_div {
background: linear-gradient(to right, #ef9828, #f9ac0b);
}
.banner5 .kecheng_list ul li:hover .botmain {
border: 0rem solid #ef9828;
}
.banner5 .kecheng_list ul li .top_div {
width: 5.5rem;
height: 3rem;
border-radius: 3rem 3rem 0 0;
margin: 0 auto;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.banner5 .kecheng_list ul li .botmain {
width: 5.5rem;
height: 4.8rem;
box-sizing: border-box;
border: 1px solid #f5f5f5;
}
/* 椭圆 */
.banner5 .kecheng_list ul li .top_div {
background: #cecece;
}
.banner5 .kecheng_list ul.kechel01 li:nth-child(1) .top_div img {
width: 1.3rem;
height: 1.5rem;
}
.banner5 .kecheng_list ul.kechel01 li:nth-child(1){
margin-right: 0.5rem;
}
.banner5 .kecheng_list ul.kechel01 li:nth-child(2) .top_div img {
width: 1.4rem;
height: 1.4rem;
}
.banner5 .kecheng_list ul.kechel02 li:nth-child(1) .top_div img {
width: 1.5rem;
height: 1.5rem;
}
.banner5 .kecheng_list ul.kechel02 li:nth-child(2) .top_div img {
width: 1.5rem;
height: 1.4rem;
}
.banner5 .kecheng_list ul.kechel02 li:nth-child(3) .top_div img {
width: 2.1rem;
height: 1.3rem;
}
.banner5 .kecheng_list ul li h5 {
color: #333;
font-size: 0.6rem;
height: 0.8rem;
line-height: 0.8rem;
text-align: center;
margin-top: 0.2rem;
font-weight: bold;
}
.banner5 .kecheng_list ul li p {
color: #333;
font-size: 0.4rem;
height: 0.7rem;
line-height: 0.7rem;
text-align: center;
}
.banner5 .kecheng_list ul li a {
display: inline-block;
width: 4.3rem;
height: 0.8rem;
margin: 0 auto;
text-align: center;
line-height: 0.8rem;
font-size: 0.5rem;
color: #e88d18;
border-radius: 1.3rem;
margin-top: 0.3rem;
margin-left: 0.3rem;
border:1px solid #e88d18;
transition: all .3s;
animation: ballon2 3s infinite;
}
.banner5 .kecheng_list ul li a:hover {
border: 0rem solid #e88d18;
color: #fff;
background: #e88d18;
box-shadow: 0 0 0.3rem #e88d18;
}
.banner5 .kecheng_list ul li.cur .top_div {
background: linear-gradient(to right, #ef9828, #f9ac0b);
}
.banner5 .kecheng_list ul li.cur .botmain{
border: 1px solid #f9ac0b;
}
/* 新航道留学课程——留学费用 */
.banner6 {
width: 100%;
height: 43.1rem;
background: url(../images/banner5.jpg) top center no-repeat;
padding-top: 0.5rem;
}
.banner6 .pubwrap {
margin-top: 0;
}
.banner6 .pubwrap h3.tit_h3 {
color: #fff;
}
.banner6 .pubwrap h3.tit_h3:before {
background: url(../images/ban1_iconL2.png) 0 0 no-repeat;
background-size: 100% 0.5rem;
}
.banner6 .pubwrap h3.tit_h3:after {
background: url(../images/ban1_iconR2.png) 0 0 no-repeat;
background-size: 100% 0.5rem;
}
.banner6 .lxfy_main {
margin-top: 1.1rem;
height: 32.7rem;
margin-bottom: 0.8rem;
}
.banner6 .lxfy_main ul li {
width: 17.6rem;
height:11.3rem;
margin-bottom: 0.6rem;
background: url(../images/kclist_bg01.png) 0 0 no-repeat;
background-size:100% 11.3rem;
box-sizing: border-box;
padding: 0 0.6rem;
transition: all .3s;
}
.banner6 .lxfy_main ul li:nth-child(3){
background: url(../images/kclist_bg012.png) 0 0 no-repeat;
background-size:100% 8.8rem;
}
.banner6 .lxfy_main ul li:hover h5 {
background: #f96c08;
color: #fff;
}
.banner6 .lxfy_main ul li:hover a {
border: 1px solid #fff;
color: #fff;
}
.banner6 .lxfy_main ul li div {
text-align: left;
}
.banner6 .lxfy_main ul li h5 {
display: inline-block;
background: #f96c08;
color: #fff;
font-size: 0.8rem;
padding: 0.3rem 0.5rem;
border-radius: 0 0 0.5rem 0.5rem;
}
.banner6 .lxfy_main ul li .bLine {
border-bottom: 1px dashed #fff;
}
.banner6 .lxfy_main ul li .nobLine {
border-bottom: 0 dashed #fff;
}
.banner6 .lxfy_main ul li div.line_text {
padding: 0.3rem 0;
}
.banner6 .lxfy_main ul li div.line_text h6 {
color: #fff;
font-size: 0.7rem;
}
.banner6 .lxfy_main ul li div.line_text p {
color: #fff;
font-size: 0.5rem;
margin-top: 0.1rem;
}
.banner6 .lxfy_main ul li a {
display: inline-block;
width: 6rem;
height: 1.4rem;
margin: 0 auto;
text-align: center;
line-height: 1.4rem;
font-size:0.8rem;
color: #fff;
border-radius: 1.3rem;
margin-top: 0.3rem;
margin-left: 0.3rem;
border: 1px solid #fff;
transition: all .3s;
animation: mymove 3s infinite;
}
.banner6 .lxfy_main ul li:nth-child(2) a {
margin-top: 1.2rem;
}
.banner6 .lxfy_main ul li a:hover {
border: 1px solid #fff;
color: #fff;
}
/* 留学计算器 */
.banner6 .liuxue_code {
width:100%;
height: 7rem;
margin: 0 auto;
background: url(../images/banner5_bg6.png) 0 0 no-repeat;
background-size: 100% 7rem;
box-sizing: border-box;
padding-top: 0.5rem;
}
.banner6 .liuxue_code .pullL {
width: 11rem;
height: 4.5rem;
margin-left: 1.5rem;
}
.banner6 .liuxue_code .pullL p {
font-size: 1.2rem;
color: #ffd584;
text-shadow: 0 0.1rem #ad2f00;
font-weight: bold;
text-align: left;
}
.banner6 .liuxue_code .pullL a {
display: inline-block;
width: 5.9rem;
height: 1rem;
margin: 0 auto;
text-align: center;
line-height: 1rem;
font-size: 0.5rem;
color: #854806;
background: #ffc54a;
border-radius: 1.3rem;
margin-top: 0.5rem;
margin-left: 0.3rem;
box-shadow: 0 0.1rem 0 #ff682d;
}
.banner6 .liuxue_code .pullR {
width: 4.1rem;
height: 4.2rem;
margin-right: 0.5rem;
text-align: center;
}
.banner6 .liuxue_code .pullR img{
width: 4.1rem;
height: 4.2rem;
}
.banner6 .liuxue_code .pullR p{
font-size: 0.5rem;
color: #333333;
}
/* 新航道硬核实力 */
.banner7 {
margin-top: 1rem;
}
.banner7 .pubwrap h4.tit2_h4 {
width: 8.1rem;
height: 0.5rem;
margin: 0 auto;
margin-top: 0.5rem;
background: url(../images/new_chan2.png) 0 0 no-repeat;
background-size: 100% 0.5rem;
}
.banner7 .ulTop {
margin-top: 0.8rem;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.banner7 .ulTop li {
width: 8.2rem;
height: 9.5rem;
background: #fff;
box-shadow: 0 0 0.3rem rgba(0, 0, 0, .1);
box-sizing: border-box;
margin-bottom: 0.8rem;
}
.banner7 .ulTop li .zhengguiz {
width: 5.4rem;
height: 5.6rem;
text-align: center;
line-height: 0.8rem;
background: url(../images/ban7_bg1.png) 0 0 no-repeat;
background-size:100% 5.6rem;
color: #202752;
font-size: 0.5rem;
padding-top: 1.8rem;
box-sizing: border-box;
margin: 0 auto;
margin-top: 0.4rem;
}
.banner7 .ulTop li dl {
text-align: center;
margin-top: 0.4rem;
}
.banner7 .ulTop li dl dt {
color: #333;
font-size: 0.6rem;
}
.banner7 .ulTop li dl dd {
color: #333;
font-size: 0.5rem;
margin-top: 0.3rem;
}
.banner7 ul.rongyu_list {
width:100%;
height: 7rem;
margin-top: -0.2rem;
display: flex;
justify-content:space-between;
flex-wrap: nowrap;
}
.banner7 ul.rongyu_list li {
background: #fff;
width: 5.5rem;
height: 6rem;
text-align: center;
margin-top: 0.3rem;
box-shadow: 0 0 10px rgba(0, 0, 0, .1);
box-sizing: border-box;
padding:0.2rem;
}
.banner7 ul.rongyu_list li img{
width: 5.1rem;
height: 3.5rem;
}
.banner7 ul.rongyu_list li p{
color: #333;
font-size: 0.55rem;
}
/* 留学申请6对1细致服务*/
.sectmain8 {
width: 100%;
height: 44rem;
background: url(../images/banner8.jpg) top center no-repeat;
background-size: 100% 42.5rem;
padding-top: 0.3rem;
position: relative;
margin-top: 0rem;
}
.sectmain8 h3{
color:#fff;
font-size:1.65rem;
margin-top: 3.4rem;
}
.sectmain8 h3::before {
content: ' ';
}
.sectmain8 h3::after {
content: ' ';
}
.sectmain8 h4{
color:#fff;
font-size:0.53rem;
margin-top: 0.5rem;
}
.sectmain8 .xzfw_list{
width: 100%;
margin-top: 0.5rem;
}
.sectmain8 .xzfw_list ul li{
width: 100%;
height: 5.45rem;
background: url(../images/ban8_mbg.png) top center no-repeat;
background-size: 100% 5.45rem;
padding-top: 1rem;
box-sizing: border-box;
padding-left: 0.2rem;
}
.sectmain8 .xzfw_list ul li.guico1 img{
width: 1.6rem;
height: 1.4rem;
background-size: 100% 1.4rem;
}
.sectmain8 .xzfw_list ul li.guico2 img{
width: 1.4rem;
height: 1.4rem;
background-size: 100% 1.4rem;
}
.sectmain8 .xzfw_list ul li.guico3 img{
width: 1.4rem;
height: 1.4rem;
background-size: 100% 1.4rem;
}
.sectmain8 .xzfw_list ul li.guico4 img{
width: 1.1rem;
height: 1.5rem;
background-size: 100% 1.5rem;
}
.sectmain8 .xzfw_list ul li.guico5 img{
width: 1.3rem;
height: 1.4rem;
background-size: 100% 1.4rem;
}
.sectmain8 .xzfw_list ul li.guico6 img{
width: 0.8rem;
height: 1.4rem;
background-size: 100% 1.4rem;
}
.sectmain8 .xzfw_list ul li .xzfw_L{
width: 5.5rem;
height: 4.8rem;
float: left;
text-align: center;
}
.sectmain8 .xzfw_list ul li .xzfw_L p{
width: 100%;
color:#333;
font-size:0.65rem;
font-weight: bold;
padding-top: 0.2rem;
}
.sectmain8 .xzfw_list ul li .xzfw_R{
width: 10.9rem;
height: 4.8rem;
float: left;
text-align: left;
font-size: 0.55rem;
margin-left: 0.5rem;
}
.sectmain8 .xzfw_list ul li .xzfw_R dl dt{
width: 8rem;
color:#d04615;
font-size:0.6rem;
height: 1rem;
line-height: 1rem;
padding-left: 0.3rem;
margin-bottom: 0.3rem;
background: linear-gradient(to right, #f3b35f,rgba(255,255,255,.3));
background: -webkit-linear-gradient(to right, #f3b35f,rgba(255,255,255,.3));
background: -o-linear-gradient(to right, #f3b35f,rgba(255,255,255,.3));
background: -ms-linear-gradient(to right, #f3b35f,rgba(255,255,255,.3));
background: -moz-linear-gradient(to right, #f3b35f,rgba(255,255,255,.3));
}
.sectmain8 .xzfw_list ul li .xzfw_R dl dd{
font-size:0.55rem;
}
.sectmain8 .btn_grop a.zhuanye{
width: 7.5rem;
display: block;
height: 1.5rem;
margin: 0 auto;
text-align: center;
line-height: 1.5rem;
font-size: 0.8rem;
color: #d04615;
border-radius: 1.3rem;
border: 1px solid #e88d18;
transition: all .3s;
animation: ballon2 3s infinite;
background: linear-gradient(to right, #f4b532, #ffc54c);
border: 1px solid transparent;
box-shadow: 0 2px 0 #ff682d;
margin-top: 1.5rem;
}
/* 新加坡留学如何申请 */
.banner9{
height: 16.8rem;
}
.banner9 .ban9_mian{
position: relative;
margin-top: 0.5rem;
}
.banner9 .pubwrap img{
width: 9.9rem;
height: 14.3rem;
position:absolute;
top: 0;
left: -0.75rem;
}
.banner9 .rhsq_picR {
position: absolute;
top: 1.8rem;
right: 0;
z-index: 9;
width: 10.1rem;
height: 9.9rem;
}
.banner9 .rhsq_picR .rhsq_tit {
background: #f09927;
height:3rem;
line-height:1.2rem;
text-align: left;
font-size: 0.8rem;
color: #fff;
box-sizing: border-box;
padding:0.3rem 0.5rem;
}
.banner9 .rhsq_picR .rhsq_main {
width: 10.1rem;
height: 7.8rem;
background: #fff;
box-shadow: 0 0 0.5rem rgba(240, 153, 39, 0.2);
box-sizing: border-box;
padding: 0.5rem 0.5rem;
text-align: left;
color: #5e5e5e;
font-size: 0.55rem;
line-height: 1.1rem;
}
.banner9 .rhsq_picR .btn-group {
width: 5.5rem;
margin: 0 auto;
}
.banner9 .rhsq_picR .btn-group a {
display: inline-block;
width: 5.5rem;
height: 1rem;
margin: 0 auto;
margin-top: 0.2rem;
text-align: center;
line-height: 1rem;
font-size: 0.55rem;
color: #d04615;
border-radius: 1.3rem;
transition: all .3s;
animation: ballon2 3s infinite;
background: linear-gradient(to right, #f4b532, #ffc54c);
box-shadow: 0 2px 0 #ff682d;
}
.banner9 .rhsq_picR .btn-group a.mr65 {
margin-right: 1.6rem;
}
.banner9 .rhsq_picR .btn-group a:hover {
background: #ffc54a;
box-shadow: 0 0.1rem 0 #ff682d;
color: #854806;
}
/* 新加坡留学热门专业 */
.banner10 {
/* margin-top: 3rem; */
height: 20.5rem;
}
.banner10 .rmzy_hotm {
margin-top: 1.5rem;
height: 4.6rem;
margin-bottom: 3.1rem;
}
.banner10 .rmzy_hotm ul li {
width: 100%;
height: 4.6rem;
float: left;
box-sizing: border-box;
border: 0.1rem solid #e97d08;
border-radius: 0.3rem;
margin-bottom: 1.1rem;
position: relative;
box-sizing: border-box;
padding-top: 0.8rem;
}
.banner10 .rmzy_hotm ul li div.tag {
position: absolute;
width: 2.3rem;
height: 2.3rem;
color: #f0cab2;
font-weight: bold;
font-size: 1.8rem;
background: #F7F8FC;
top: -1rem;
left: -0.4rem;
}
.banner10 .rmzy_hotm ul li dl dt {
color: #333333;
font-size: 1.1rem;
font-weight: bold;
position: relative;
}
.banner10 .rmzy_hotm ul li dl dt:after {
position: absolute;
content: "";
width: 2.3rem;
height: 0.1rem;
background: #e97d08;
bottom: -0.1rem;
left: 50%;
margin-left: -1.1rem;
}
.banner10 .rmzy_hotm ul li dl dd {
color: #333333;
font-size: 0.6rem;
margin-top: 0.8rem;
}
/* 新加坡留学热门院校推荐 */
.banner11 {
width: 100%;
height: 17.2rem;
background: url(../images/banner11.jpg) top center no-repeat;
background-size: 100% 21.3rem;
padding-top: 0.5rem;
background-position: center -2rem;
}
.banner11 .pubwrap{
margin-top: 0;
}
.banner11 .pubwrap h3.tit_h3 span {
color: #e53a26;
}
.banner11 .yxtj_list{
margin-top: 0.3rem;
}
.banner11 .yxtj_list {
margin-top: 0.8rem;
}
.banner11 .yxtj_list ul{
width: 100%;
display: flex;
justify-content: space-between;
flex-wrap: nowrap;
}
.banner11 .yxtj_list ul li {
width: 5.8rem;
height:6.5rem;
box-sizing: border-box;
transition: all 0.35s ease-in-out;
}
.banner11 .yxtj_list ul li:hover:after{
position: absolute;
content: "";
width: 2.3rem;
height: 0.1rem;
background: #e97d08;
top: 0;
left: 50%;
margin-left: -1.1rem;
}
.banner11 .yxtj_list ul li img {
display: inline-block;
}
.banner11 .yxtj_list ul li .divImg {
height: 1.4rem;
}
.banner11 .yxtj_list ul li:nth-child(1) img {
width: 3.3rem;
height: 1.5rem;
}
.banner11 .yxtj_list ul li:nth-child(2) img {
width: 4.2rem;
height: 1.5rem;
}
.banner11 .yxtj_list ul li:nth-child(3) img {
width: 4.1rem;
height: 1.55rem;
}
/* 第二排 */
.banner11 .yxtj_list02 ul li:nth-child(1) img {
width: 5.15rem;
height:0.85rem;
}
.banner11 .yxtj_list02 ul li:nth-child(2) img {
width: 2.63rem;
height: 1.65rem;
}
.banner11 .yxtj_list02 ul li:nth-child(3) img {
width: 1.77rem;
height: 1.6rem;
}
.banner11 .yxtj_list ul li p.p1 {
color: #333333;
font-size: 0.7rem;
font-weight: bold;
margin: 0.3rem 0;
}
.banner11 .yxtj_list ul li p.p2 {
color: #d04615;
font-size: 0.5rem;
background: linear-gradient(to right, rgba(255,255,255,.2), #f7ca8e, rgba(255,255,255,.2));
margin-bottom: 0.6rem;
}
.banner11 .yxtj_list ul li a{
display: inline-block;
width:4rem;
height: 1rem;
margin: 0 auto;
text-align: center;
line-height:1rem;
font-size: 0.55rem;
color: #e88d18;
border-radius: 1.3rem;
margin-left: 0.3rem;
border: 1px solid #e88d18;
transition: all .3s;
animation: mymove 3s infinite;
}
.banner11 .yxtj_list ul li a:hover{
background:#e88d18;
color:#fff;
}