/*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;
  overflow-x:hidden;
}

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: #f0f0f0;
  max-width: 480px;
  margin: 0 auto;
  overflow-x:hidden;
}
.w64p{
  width: 64%;
  margin:0 auto;
}
.w77p {
  width: 80%;
  margin: 0 auto;
}
.w90p {
  width: 90%;
  margin: 0 auto;
}
.w79p{
  width: 79%;
  margin: 0 auto;
}
.w74p{
  width: 74%;
  margin: 0 auto;
}
.mt0{
  margin-top: 0 !important;
}
.mr0{
  margin-right: 0 !important;
}
@keyframes mymove {
  0%{transform: scale(1);}
  25%{transform: scale(1.1);}
  50%{transform: scale(1);}
  75%{transform: scale(1.1);}
}
@keyframes mymove2 {
  0% {transform: translateY(2px) scale(1);}
  25% {transform: translateY(-2px) scale(1.1);}
  50% {transform: translateY(2px) scale(1);}
  75% {transform: translateY(-2px) 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;}
}
/* 一站式院校申请 */
.wrapCon{
  width: 100%;
  box-sizing: border-box;
  padding:0 0.75rem;
}
.section1 {
  width: 100%;
  height: 21.4rem;
  box-sizing: border-box;
  padding-top:12rem;
  background: url(../images/banner1.jpg) top center no-repeat;
  background-size: 100% 21.4rem;
  text-align: center;
}
.section1 .set_tit{
  width: 17.5rem;
  height: 2.8rem;
  line-height: 2.8rem;
  text-align: center;
  margin:0 auto;
  font-size:1.7rem;
  color:#fff;
  font-weight: bold;
  background:linear-gradient(to right,transparent,#c9302a,transparent);
}
.section1 p{
  margin-top: 1.2rem;
  font-size:0.8rem;
  color:#fff;
}
.section1 p span{
  display: inline-block;
  margin:0 0.5rem;
}
.section {
  text-align: center;
  box-sizing: border-box;
  padding-top: 1.6rem;
}
/* 香港求学优势 */
.section h4 {
  color: #e2e2e2;
  font-size:1.7rem;
  font-weight: bold;
}
.section h4 span{
margin-left: 0.5rem;
}
.section h3 {
  color: #333;
  font-size: 1.2rem;
  position: relative;
  margin-top: -2.2rem;
}
.section h3 span.color1{
  color:#c9302a;
}
.section2 .youshi_list{
  margin-top:1.2rem;
}
.section2 .youshi_list ul{
 width: 100%;
 display: flex;
 justify-content:space-between;
 flex-wrap: wrap;
}
.section2 .youshi_list ul li{
   width: 8.3rem;
   height: 10rem;
   background:#fff;
   box-sizing: border-box;
   padding:0.8rem 0.2rem;
   border-radius: 0.3rem;
   box-shadow:0 0 0.3rem rgba(255,255,255,0.5);
   transition: all .3s;
   margin-bottom: 0.7rem;
}
.section2 .youshi_list ul li img{
  display: inline-block;
  width: 2.9rem;
  height: 2.9rem;
}
.section2 .youshi_list ul li dl{
  margin-top: 0.5rem;
}
.section2 .youshi_list ul li dl dt{
  width: 100%;
  height: 2.4rem;
  border-bottom:1px dashed #cdcccc;
  font-size: 0.7rem;
  color:#333333;
  font-weight: bold;
}
.section2 .youshi_list ul li dl dd{
  font-size: 0.48rem;
  color:#333333;
  margin-top: 0.3rem;
}
.section .btn_grop {
  width: 13.9rem;
  margin: 0 auto;
  display:flex;
  justify-content: space-between;
  flex-wrap: nowrap;
}
.section .btn_grop a {
display: inline-block;
width: 6rem;
height: 1.4rem;
margin-top: 1.1rem;
text-align: center;
line-height: 1.4rem;
font-size: 0.6rem;
border-radius: 1.3rem;
margin-bottom: 2rem;
transition: all .3s;
animation: mymove 3s infinite;
background: #c9302a;
color:#fff;
box-sizing: border-box;
}
.section .btn_grop a.zhuanye{
color: #c9302a;
border:1px solid #c9302a;
background:#F0F0F0;
}
.section .btn_grop a:hover{
color: #fff;
border-radius: 1.3rem;
border:1px solid transparent;
background:#c9302a;
}
/*  新航道香港院校 申请服务*/
.section3 {
width: 100%;
height: 29.8rem;
box-sizing: border-box;
background: url(../images/ban3_bg.jpg) top center no-repeat;
background-size: 100% 29.8rem;
text-align: center;
}
.section3 h3 {
color: #ffffff;
}
.section3 h4{
color: #575976;
}
.section h3 span.color2 {
color: #ffad57;
}
.section3  .sqtj_main{
margin-top: 4rem;
}
.section3  .sqtj_main h3{
color:#fff;
font-size:0.8rem;
text-align: left;
position: relative;
margin-bottom: 0.5rem;
}
.section3  .sqtj_main h3:after{
content:"";
position: absolute;
width:3.2rem;
height: 0.1rem;
background:rgba(255,42,34,0.5);
left:0;
bottom: 0;
}
.section3  .sqtj_main .sbk_main{
width: 100%;
height:5.5rem;
background:#b53b3c;
border-radius: 0.3rem;
margin-top: 0.2rem;
box-sizing: border-box;
padding:0 0.2rem 0 0.5rem; 
margin-bottom: 0.5rem;
}
.section3  .sqtj_main .sbk_main h4{
width: 5.3rem;
height: 0.8rem;
background:#ffad57;
margin:0 auto;
text-align: center;
line-height: 0.8rem;
color:#fff;
font-size:0.6rem;
border-radius: 0 0 0.3rem 0.3rem;
font-weight: normal;
margin-bottom: 0.4rem;
}
.section3  .sqtj_main .sbk_main p{
color:#fff;
font-size:0.5rem;
position: relative;
padding-left: 0.5rem;
text-align: left;
margin-bottom: 0.2rem;
}
.section3  .sqtj_main .sbk_main p:after{
content:"";
position: absolute;
width: 6px;
height: 6px;
background: url(../images/ban3_icon01.png) 0 0 no-repeat;
background-size: 100% 6px;
left:0;
top:5px;
}
/* 服务对象 */
.section3  .sqtj_main .sbk_main2 p{
 margin-bottom: 0.5rem;
}
.section3 .sqtj_main2{
margin-top: 3.8rem;
}
.section3 .sqtj_main2 ul{
 width: 100%;
 height: 5.2rem;
 margin:0 auto;
 margin-top: 1rem;
 display:flex;
 justify-content: space-between;
 flex-wrap:nowrap;
}
.section3 .sqtj_main2 ul li{
width: 5.2rem;
height: 5.2rem;
background:#b53b3d;
border-radius:50%;
text-align: center;
padding-top: 0.7rem;
box-sizing:border-box;
position:relative;
}
.section3 .sqtj_main2 ul li img{
display: inline-block;
}
.section3 .sqtj_main2 ul li:nth-child(1) img{
width: 1.3rem;
height: 1.2rem;
}
.section3 .sqtj_main2 ul li:nth-child(2) img{
width: 1.3rem;
height: 1.3rem;
}
.section3 .sqtj_main2 ul li:nth-child(3) img{
width:1.6rem;
height:1.2rem;
}
.section3 .sqtj_main2 ul li:after{
content:"";
position: absolute;
width: 4.8rem;
height: 4.8rem;
 border:1px dashed #fff;
left:0.15rem;
top:0.15rem;
border-radius: 50%;
}
.section3 .sqtj_main2 ul li p{
color:#fff;
font-size:0.5rem;
padding-top: 0.4rem;
}
/* 一站式精品项目 */
.section4{
width: 100%;
height: 21rem;
box-sizing: border-box;
background: url(../images/ban4_bg.jpg) top center no-repeat;
background-size: 100% 21rem;
}
.section4 .hunshen_main{
width: 100%;
height: 5rem;
margin-top: 2.1rem;
}
.section4 .hunshen_main h4{
width:9.8rem;
height: 1.1rem;
line-height: 1.1rem;
background:#c9302a;
border-radius:0.8rem 0 0.8rem 0;
color:#fff;
font-size:0.6rem;
}
.section4 .hunshen_main dl{
margin-top: 0.5rem;
text-align: left;
}
.section4 .hunshen_main dl dt{
color:#790d0e;
font-size:0.6rem;
font-weight: bold;
}
.section4 .hunshen_main dl dd{
color:#5e5e5e;
font-size:0.55rem;
}
.section4 .hunshen_main dl dd p{
color:#333;
font-size:0.55rem;
margin-top: 0.3rem;
margin-left: -0.2rem;
margin-bottom: 0.2rem;
}
.section4 .hunshen_main2{
border-bottom:none;
margin-top: 1.3rem;
}
.section4 .hunshen_main2 h4{
width:12.4rem;
}
/* 新航道留学课程 */
.section5 {
width: 100%;
height: 28.1rem;
box-sizing: border-box;
background: #fff;
text-align: center;
}
.section5 .kecheng_list{
margin-top: 3rem;
}
.section5 .kecheng_list ul.firstUL {
display:flex;
justify-content:center;
flex-wrap: nowrap;
margin-bottom: 0.5rem;
}
.section5 .kecheng_list ul.secondUL {
display:flex;
flex-wrap: nowrap;
}
.section5 .kecheng_list ul li{
width: 6.5rem;
height: 10.6rem;
margin-right: -0.7rem;
}
.section5 .kecheng_list ul li .top_div{
width: 6.5rem;
height: 3.3rem;
border-radius: 3.3rem 3.3rem 0 0;
margin:0 auto;
text-align: center;
display:flex;
justify-content: center;
align-items: center;
position: relative;
}
/* 竖线 */
.section5 .kecheng_list ul li .top_div:after{
content:'';
position: absolute;
width: 0.2rem;
height: 2.4rem;
top: -2rem;
left: 50%;
margin-left: -0.1rem;
}
.section5 .kecheng_list ul.firstUL li:nth-child(1) .top_div:after{
background: url(../images/ban5_icon012.png) 0 0 no-repeat;
background-size: 100% 2.35rem;
}
.section5 .kecheng_list ul.firstUL li:nth-child(2) .top_div:after{
background: url(../images/ban5_icon022.png) 0 0 no-repeat;
background-size: 100% 2.35rem;
}
.section5 .kecheng_list ul.secondUL li:nth-child(1) .top_div:after{
background: url(../images/ban5_icon032.png) 0 0 no-repeat;
background-size: 100% 2.35rem;
}
.section5 .kecheng_list ul.secondUL li:nth-child(2) .top_div:after{
background: url(../images/ban5_icon042.png) 0 0 no-repeat;
background-size: 100% 2.35rem;
}
.section5 .kecheng_list ul.secondUL li:nth-child(3) .top_div:after{
background: url(../images/ban5_icon052.png) 0 0 no-repeat;
background-size: 100% 2.35rem;
}
/* 椭圆 */
.section5 .kecheng_list ul.firstUL li:nth-child(1) .top_div{
background:#325a93;
}
.section5 .kecheng_list ul.firstUL  li:nth-child(1) .top_div img{
width: 1.3rem;
height: 1.5rem;
}
.section5 .kecheng_list ul.firstUL li:nth-child(2) .top_div{
background:rgba(255,208,89,0.8);
}

.section5 .kecheng_list ul.firstUL li:nth-child(2) .top_div img{
width: 1.4rem;
height: 1.4rem;
}
/* 第二行椭圆 */
.section5 .kecheng_list ul.secondUL li:nth-child(1) .top_div{
background:#64d2a2;
}
.section5 .kecheng_list ul.secondUL li:nth-child(1) .top_div img{
width: 1.5rem;
height:1.5rem;
}
.section5 .kecheng_list ul.secondUL li:nth-child(2) .top_div{
background:rgba(241,75,69,0.8);
}
.section5 .kecheng_list ul.secondUL li:nth-child(2) .top_div img{
width: 1.5rem;
height:1.4rem;
}
.section5 .kecheng_list ul.secondUL li:nth-child(3) .top_div{
background:rgba(105,164,246,0.8);
}
.section5 .kecheng_list ul.secondUL li:nth-child(3) .top_div img{
width: 2.1rem;
height:1.3rem;
}
.section5 .kecheng_list ul li h5 {
color: #333;
font-size: 0.65rem;
height: 0.8rem;
line-height: 0.8rem;
text-align: center;
margin-bottom: 0.2rem;
margin-top: 0.4rem;
font-weight: bold;
}
.section5 .kecheng_list ul li p {
color: #333;
font-size: 0.5rem;
height: 0.7rem;
line-height: 0.7rem;
text-align: center;
}
.section5 .kecheng_list ul li a{
display: inline-block;
width:4.6rem;
height:1.1rem;
margin: 0 auto;
text-align: center;
line-height:1.1rem;
font-size: 0.6rem;
border-radius: 1.3rem;
margin-top: 0.7rem;
margin-left: 0.3rem;
color: #fff;
background:#c9302a;
animation: ballon2 2s linear infinite;
}
.wrapCon2{
width: 100%;
box-sizing: border-box;
padding:0 0.3rem;
}
/* 香港公立大学简介 */
.section6 {
  width: 100%;
  height:40.6rem;
  box-sizing: border-box;
  background: url(../images/ban6_bg.jpg) top center no-repeat;
  background-size:100%  40.6rem;
  text-align: center;
}
.section6 .gldx_list{
margin-left: 0.75rem;
width: 100%;
overflow: hidden;
height: 16.5rem;
margin-top: 2rem;
}
.section6 .gldx_list .gldx_lmain{
top: 0;
left: 0;
overflow-x: auto;
overflow-y: hidden;
height: 17rem;
white-space: nowrap;
}
.section6 .gldx_list ul li{
width: 9.45rem;
height: 15.8rem;
margin-right: 0.35rem;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
-webkit-flex-shrink: 0;
flex-shrink: 0;
display: inline-block;
}
.section6 .gldx_list ul li .aldx_img{
width: 9.45rem;
height: 6.8rem;
overflow: hidden;
}
.section6 .gldx_list ul li img{
width: 9.45rem;
height: 6.8rem;
border-radius:0.3rem 0.3rem 0 0;
}
.section6 .gldx_list ul li .divff{
width: 9.45rem;
height:9rem;
background:#ffffff;
box-sizing: border-box;
padding:0 0.3rem;
}
.section6 .gldx_list ul li dl{
margin-top: -0.1rem;
height:6.5rem;
white-space: normal;
}
.section6 .gldx_list ul li dl dt{
font-size: 0.8rem;
color:#333;
padding-top: 0.5rem;
margin-bottom: 0.5rem;
position: relative;
}
.section6 .gldx_list ul li dl dt:after{
content: '';
position: absolute;
width: 3.1rem;
height: 0.1rem;
background: #c9302a;
bottom: -0.1rem;
left: 50%;
margin-left: -1.6rem;
}
.section6 .gldx_list ul li dl dd{
text-align: left;
color:#5e5e5e;
font-size:0.55rem;
}
.section6 .gldx_list ul li .divff a{
display: inline-block;
width: 6.2rem;
height: 1.1rem;
margin: 0 auto;
text-align: center;
line-height: 1.1rem;
font-size: 0.6rem;
color: #c9302a;
border-radius: 1.3rem;
border: 1px solid #c9302a;
animation: ballon2 2s linear infinite;
}
/* 新航道香港院校申请服务优势 */
.section7 {
width: 100%;
height: 20rem;
box-sizing: border-box;
background: url(../images/ban7_bg.jpg) top center no-repeat;
text-align: center;
}
.section7 h3{ 
color: #fff;
}
.section7 h4{ 
color: #606060;
}
.section7 .wrapCon {
position: relative;
}
.section7 .wrapCon img {
width: 13.45rem;
height: 8.2rem;
margin: 0 auto;
margin-top: 2rem;
display: inline-block;
}
.section7 .wrapCon .ctextlist p{
position: absolute;
color:#262626;
font-size: 0.55rem;
}
.section7 .wrapCon .ctextlist p:nth-child(1){
left:4rem;
top: 8.4rem;
}
.section7 .wrapCon .ctextlist p:nth-child(2){
left: 6rem;
top: 4.8rem;
}
.section7 .wrapCon .ctextlist p:nth-child(3){
left: 10rem;
top: 5.5rem;
}
.section7 .wrapCon .ctextlist p:nth-child(4){
left: 12.2rem;
top: 8.6rem;
}
.section7 .wrapCon .zgp1{
position: absolute;
color:#fff;
font-size: 0.5rem;
left:0.75rem;
top: 2.5rem;
text-align: left;
}
.section7 .wrapCon .zgp2{
position: absolute;
color:#fff;
font-size: 0.5rem;
right: 0.4rem;
top: 1.5rem;
text-align: left;
}
.section7 .wrapCon .zgp3{
position: absolute;
color:#fff;
font-size: 0.5rem;
left:0.75rem;
top: 10.5rem;
text-align: left;
}
.section7 .wrapCon .zgp4{
position: absolute;
color:#fff;
font-size: 0.5rem;
right:0.4rem;
top: 10.5rem;
text-align: left;
}
.section7 .wrapCon a {
display: inline-block;
width:7.8rem;
height:1.3rem;
line-height: 1.3rem;
text-align: center;
color: #fff;
font-size: 0.6rem;
background: #c9302a;
border-radius: 1.3rem;
margin-top: 3.5rem;
box-shadow: 0 5px 10px rgb(229 66 66 / 50%);
animation: ballon2 2s linear infinite;
}
/* 新航道留学申请6对1细致服务 */
.section8 h5.second_tit {
color: #333;
font-size: 0.6rem;
font-weight: normal;
margin-top: 0.3rem;
}
.section8 .sec8_list ul{
width: 100%;
display: flex;
justify-content: space-around;
flex-wrap: wrap;
margin-top: 1.4rem;
}
.section8 .sec8_list ul li{
width:8.5rem;
height: 6.6rem;
margin-bottom: 0.5rem;
background: url(../images/banner8_libg.png) 0 0 no-repeat;
background-size: 100% 6.6rem;
text-align: center;
} 
.section8 .sec8_list ul li h6{ 
font-size: 0.55rem;
height: 1.3rem;
line-height: 1.3rem;
color:#fff;
}
.section8 .sec8_list ul li dl {
margin-top: 0.2rem;
}
.section8 .sec8_list ul li dl dt{
width: 6.6rem;
margin:0 auto;
font-size: 0.6rem;
height: 1rem;
line-height: 1rem;
color:#000;
border-bottom:1px solid #000;
font-weight: bold;
}
.section8 .sec8_list ul li dl dd{
font-size: 0.5rem;
height: 0.8rem;
line-height: 0.8rem;
color:#000;
margin-top: 0.1rem;
}
/* 香港求学好处 */
.section9 {
width: 100%;
height:5rem;
box-sizing: border-box;
background: url(../images/ban9_bg.jpg) top center no-repeat;
background-size: 100% 5rem;
margin-top: 1.3rem;
padding-top: 0;
}
.section9 .wrapCon{
display:flex;
justify-content: space-between;
flex-wrap: nowrap;
}
.section9 .wrapCon .leftText {
width: 18.8rem;
color: #fff;
font-size: 0.5rem;
font-style: oblique;
text-align: left;
}
.section9 .wrapCon .leftText p{
line-height: 1rem;
font-weight: bold;
padding-top: 0.8rem;
}
.section9 .wrapCon .leftText p span{
color: #fee469;
font-size: 0.55rem;
}
.section9 .wrapCon .pullR .free_gh {
display: inline-block;
width: 3.7rem;
height: 3.8rem;
box-sizing: border-box;
color: #be1917;
font-size: 0.8rem;
background: url(../images/guihua_btn.png) 0 0 no-repeat;
background-size:100% 3.8rem;
padding: 0.6rem 0.8rem;
font-weight: bold;
position: relative;
margin-top: 0.8rem;
cursor: pointer;
}
.section9 .wrapCon .pullR .free_gh img {
position: absolute;
width: 1.8rem;
height: 1.8rem;
bottom: 0.6rem;
right: -0.7rem;
animation: mymove2 2s infinite;
}
/* 中国香港留学申请时间规划 */
.section10 .guihua_main{
box-sizing: border-box;
padding-left: 0.75rem;
width: 100%;
overflow: hidden;
height:8rem;
}
.section10 .guihua {
  margin-top: 0.8rem;
  top: 0;
  left: 0;
  overflow-x: auto;
  overflow-y: hidden;
  height:8.5rem;
  white-space: nowrap;
}

.section10 .guihua .guihua_top {
margin-top: 0.8rem;
margin-bottom: 0.8rem;
}
.section10 .guihua .guihua_top li {
width: 3.8rem;
height: 1.1rem;
font-size: 0.6rem;
font-weight:bold;
color: #333;
text-align: center;
position: relative;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
-webkit-flex-shrink: 0;
flex-shrink: 0;
display: inline-block;
}
.section10 .guihua .guihua_top li::before {
position: absolute;
content: '';
width: 3.8rem;
height: 0.3rem;
right: 0;
bottom:-0.3rem;
background: url(../images/gh_bg2.png) no-repeat;
background-size: 100% 0.3rem;
}
.section10 .guihua .guihua_top li:first-child::before {
background: url(../images/gh_bg1.png) no-repeat;
background-size: 100% 0.3rem;
}
.section10 .guihua .guihua_bottom {
margin-top: 0.4rem;
padding-bottom: 2rem;
margin-right: 1rem;
display:flex;
align-items: flex-start;
}
.section10 .guihua .guihua_bottom li {
width: 4rem;
height: 3.2rem;
box-sizing: border-box;
border-right: 1px solid #e5e5e5;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
-webkit-flex-shrink: 0;
flex-shrink: 0;
display: inline-block;
}
.section10 .guihua .guihua_bottom li img {
width: 0.9rem;
height: 0.8rem;
margin: 0 auto 0.2rem;
}
.section10 .guihua .guihua_bottom li p {
font-size: 0.5rem;
color: #333;
text-align: center;
line-height: 0.6rem;
}
.section10 .guihua .guihua_bottom li:last-child {
border-color: transparent;
}
/* 香港留学人气热门专业 */
.section11 {
width: 100%;
height: 31.9rem;
box-sizing: border-box;
background: url(../images/ban10_bg.jpg) top center no-repeat;
background-size: 100% 31.9rem;
margin-top: 1.3rem;
padding-top: 1.6rem;
}
.section11 h3 {
color: #fff;
}
.section11 h4{
color: #2d3244;
}
/* 头部 */
.section11 .zytj_tit{
width: 100%;
height: 2rem;
line-height: 2rem;
margin-top: 1.3rem;
}
.section11 .zytj_tit div{
background: linear-gradient(to bottom, #571a28, rgba(49,27,46,0.5));
background: -webkit-linear-gradient(to bottom #571a28, rgba(49,27,46,0.5));
background: -o-linear-gradient(to bottom, #571a28, rgba(49,27,46,0.5));
background: -ms-linear-gradient(to bottom, #571a28, rgba(49,27,46,0.5));
background: -moz-linear-gradient(to bottom, #571a28, rgba(49,27,46,0.5));
}
.section11 .zytj_tit .shangke_listL {
float: left;
width: 4.5rem;
color:#fff;
font-size:0.8rem;
text-align: center;
}
.section11 .zytj_tit .shangke_listR {
float:right;
width: 12.5rem;
color:#fff;
font-size:0.8rem;
text-align: center;
}
/*热门专业主要内容  */
.section11 .zytj_main{
width:100%;
height: 14.4rem;
margin-bottom: 50px;
}
.section11 .zytj_main .shangke_list_L{
float: left;
width: 4.5rem;
}
.section11 .zytj_main .shangke_list_L ul li{
float: left;
width: 4.5rem;
height: 4.1rem;
line-height:4.1rem;
font-size:0.7rem;
color:#fff;
margin-bottom: 0.5rem;
text-align: center;
border-radius:0.3rem;
}
.section11 .zytj_main .shangke_list_L ul li:nth-child(1){
background: linear-gradient(to right, #e23a1f, #f6563c);
background: -webkit-linear-gradient(to right, #e23a1f, #f6563c);
background: -o-linear-gradient(to right, #e23a1f, #f6563c);
background: -ms-linear-gradient(to right, #e23a1f, #f6563c);
background: -moz-linear-gradient(to right, #e23a1f, #f6563c);
}
.section11 .zytj_main .shangke_list_L ul li:nth-child(2){
background: linear-gradient(to right, #b128f8, #ff38c4);
background: -webkit-linear-gradient(to right, #b128f8, #ff38c4);
background: -o-linear-gradient(to right, #b128f8, #ff38c4);
background: -ms-linear-gradient(to right, #b128f8, #ff38c4);
background: -moz-linear-gradient(to right, #b128f8, #ff38c4);
}
.section11 .zytj_main .shangke_list_L ul li:nth-child(3){
background: linear-gradient(to right, #2aa7ff, #4284ff);
background: -webkit-linear-gradient(to right, #2aa7ff, #4284ff);
background: -o-linear-gradient(to right, #2aa7ff, #4284ff);
background: -ms-linear-gradient(to right, #2aa7ff, #4284ff);
background: -moz-linear-gradient(to right, #2aa7ff, #4284ff);
}
.section11 .zytj_main .shangke_list_L ul li:nth-child(4){
height: 2.1rem;
line-height: 2.1rem;
background: linear-gradient(to right, #ff4800, #f87128);
background: -webkit-linear-gradient(to right, #ff4800, #f87128);
background: -o-linear-gradient(to right, #ff4800, #f87128);
background: -ms-linear-gradient(to right, #ff4800, #f87128);
background: -moz-linear-gradient(to right, #ff4800, #f87128);
}
.section11 .zytj_main .shangke_list_L ul li:nth-child(5){
height: 2.1rem;
line-height: 2.1rem;
background: linear-gradient(to right, #2affa7, #34c489);
background: -webkit-linear-gradient(to right, #2affa7, #34c489);
background: -o-linear-gradient(to right, #2affa7, #34c489);
background: -ms-linear-gradient(to right, #2affa7, #34c489);
background: -moz-linear-gradient(to right, #2affa7, #34c489);
}
.section11 .zytj_main .shangke_list_R{
float:right;
width: 12.5rem;
}
.section11 .zytj_main .shangke_list_R .firstdiv{
width: 12.5rem;
height: 4.1rem;
border-radius:10px;
background:#fff;
box-shadow: 0 0 0.2rem rgba(248,112,40,0.8) inset;
margin-bottom: 0.5rem;
padding-left: 0.5rem;
padding-top: 0.4rem;
box-sizing: border-box;
}
.section11 .zytj_main .shangke_list_R .first_wk{
box-shadow: 0 0 8px rgba(42,167,255,0.8) inset;
}
.section11 .zytj_main .shangke_list_R .first_jy{
height: 2.1rem;
box-shadow: 0 0 8px rgba(248,113,40,0.8) inset;
}
.section11 .zytj_main .shangke_list_R .first_hj{
height: 2.1rem;
box-shadow: 0 0 8px rgba(24,156,102,0.8) inset;
}
.section11 .zytj_main .shangke_list_R .firstdiv ul li{
 float: left;
 width: 3.3rem;
 height:1.3rem;
 line-height: 1.3rem;
 text-align: center;
 font-size:0.6rem;
 margin-right: 0.5rem;
 margin-bottom: 0.5rem;
 border-radius:1.3rem;
}
.section11 .zytj_main .shangke_list_R .first_sk ul li{
border:1px solid #e23a1f;
color:#e23a1f;
}
.section11 .zytj_main .shangke_list_R .first_lg ul li{
border:1px solid #b73cf7;
color:#b73cf7;
}
.section11 .zytj_main .shangke_list_R .first_jy ul li{
border:1px solid #f87128;
color:#f87128;
}
.section11 .zytj_main .shangke_list_R .first_hj ul li{
border:1px solid #189c66;
color:#189c66;
}
.section11 .zytj_main .shangke_list_R .first_lg ul li:last-child{
width: 6.2rem;
}
.section11 .zytj_main .shangke_list_R .first_lg ul li:nth-child(4){
width:4.4rem;
}
.section11 .zytj_main .shangke_list_R .first_wk ul li{
border:1px solid #3575f0;
color:#3575f0;
}
.section11 .wrapCon a {
display: inline-block;
width: 7.8rem;
height: 1.3rem;
line-height: 1.3rem;
text-align: center;
color: #fff;
font-size: 0.6rem;
background: #c9302a;
border-radius: 1.3rem;
margin-top:1rem;
box-shadow: 0 5px 10px rgb(229 66 66 / 50%);
animation: ballon2 2s linear infinite;
}

/* 校区环境 */
.huanjing{
  width: 100%;
  height: auto;
  padding: 1.5rem 0 0;
}

.huanjing h5 {
    color: #606060;
    font-size: 0.72rem;
    line-height:0.96rem;
    text-align:center;
    font-weight: normal;
    margin-top: 0.3rem;
    margin-bottom: 0.6rem;
}
.huanjing a.btnnl {
    margin-top: 1.07rem;
    margin-bottom: 1.58rem;
}
.huanjing a.btnnl {
    display: block;
    width: 6.5rem;
    height: 1.32rem;
    text-align: center;
    line-height: 1.32rem;
    color: #fff;
    background: #e92c32;
    box-shadow: 0 0.07rem 0 #bb1d22;
    border-radius: 0.5rem;
    margin: 0 auto;
    margin-top: 1.07rem;
    margin-bottom: 2.58rem;
    font-size: 0.6rem;
    transition: all .3;
    animation: mymove 3s infinite;
}
.banci_tit{
	padding:0 1rem;
	margin-top:1.52rem;
}
.banci_tit ul{
 display: flex;
 justify-content:space-between;
 flex-wrap:wrap;
}
.banci_tit ul li{
    width:30%;
    height: 1.6rem;
	   line-height: 1.6rem;
    text-align: center;
    background:#ffeddf;
    color:#f6492a;
    font-size: 0.6rem;
    border-radius: 0.2rem;
    border:1px solid #f64a2a;
    cursor: pointer;
}
.banci_tit ul li:first-child{
	width:48%;
	margin-bottom:0.72rem;
}
.banci_tit ul li:nth-child(2){
	width:48%;
	margin-bottom:0.72rem;
}
.banci_tit ul li.cur{
    width:30%;
	   height: 1.6rem;
  		line-height: 1.6rem;
    text-align: center;
    background: linear-gradient(to right, #ff4800, #f87128);
    background: -webkit-linear-gradient(to right, #ff4800, #f87128);
    background: -o-linear-gradient(to right, #ff4800, #f87128);
    background: -ms-linear-gradient(to right, #ff4800, #f87128);
    background: -moz-linear-gradient(to right, #ff4800, #f87128);
    color:#fff;
    font-size: 0.6rem;
    border-radius: 0.2rem;
    position: relative;
}
.banci_tit ul li:first-child.cur{
  	 width:48%;
  	 margin-bottom:0.5rem;
}
.banci_tit ul li:nth-child(2).cur{
	  width:48%;
   	margin-bottom:0.5rem;
}
.banci_tit ul li.cur:after{
	position: absolute;
	top: 1.6rem;
	left: 2rem;
	content:'';
	border-top:10px solid #f75d29;
	border-right:10px solid transparent;
	border-bottom:10px solid transparent;
	border-left:10px solid transparent;
}
.banci_tit ul li:first-child.cur:after{
  left: 3.6rem;
}
.banci_tit ul li:nth-child(2).cur:after{
	 left: 3.6rem;
}

.banci_zhuyao div img{
	margin-top: 0.5rem;
}

.bd{ width:100%; height:auto; background:#3b70fb; padding:0.98rem 0 1.8rem;}
.bd-con{ width:96%; margin:0 auto; overflow:hidden}
.bd-con h6{ font-size: 1.36rem; color:#fff;text-align: center;font-weight: bold;margin-bottom: 0.6rem}
.bd-con h6 span{color:#ef8266 }
.bd-con input,.bd-con select {width: 72%;height:2rem;line-height: 0.8rem;background: #fff;border-radius: 0.18rem;color: #666;font-size: 0.72rem;padding-left: 3%;line-height: 100%;margin:0 auto 0.6rem;border: none; display:block}
.bd-con select {width: 75%;padding-left: 2%;}
::-webkit-input-placeholder{color: #666;}
.bd-con button {width: 80%;display:block;margin:0 auto;height:2.16rem;line-height: 1.6rem;background: linear-gradient(45deg,#f19c76,#ed715c ); background: -webkit-linear-gradient(45deg,#f19c76,#ed715c );color: #fff;font-size: 0.8rem;text-align: center; border-radius: 2rem; }