<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@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;

}



body {

  background-color: #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;

}





/*banner*/

.banner1 {

  width: 100%;

  height: 420px;

  background: url(../img/banner.jpg) top center no-repeat;

}



.banner2 {

  width: 100%;

  height: 455px;

  background: url(../img/banner2.jpg) top center no-repeat;

}



.banner2 a {
    width: 240px;
    height: 45px;
    border-radius: 40px;
    position: absolute;
    bottom: 64px;
    left: 630px;
    font-size: 22px;
    color: #000;
    text-align: center;
    line-height: 45px;
    border: 3px solid #7c7771;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    background: #fed579;

}



.banner2 a:hover {

  background-color: #f39800;

}



.banner2 a:first-child {

  left:330px;

}



.wrapper {

  width: 1200px;

  height: 100%;

  position: relative;

  margin: 0 auto;

}



/*导语*/

.daoyu {

  padding-top: 40px;

}



.daoyu h6 {

  font-size: 24px;

  color: #ba8646;

  line-height: 26px;

  font-weight: normal;

  padding-left: 44px;

  background: url(../img/dy-img.jpg) left center no-repeat;

}



.daoyu p {

  font-size: 16px;

  color: #333;

  line-height: 34px;

  padding: 10px 0 20px 0;

  text-indent: 36px;

}



/*导航*/

.nav {

  width: 100%;

  height: 72px;

  background-color: #e6e6e6;

}



.nav ul li {

  float: left;

  font-size: 26px;

  color: #000;

  line-height: 72px;

  margin-right: 150px;

  cursor: pointer;

}



.nav ul li:last-child {

  margin-right: 0;

}



.nav ul li:hover {

  color: #ba8646;

  position: relative;

}



.nav ul li:hover:before {

  position: absolute;

  content: '';

  width: 100%;

  height: 2px;

  background-color: #ba8646;

  bottom: 0;

}



.nav ul li.active {

  color: #ba8646;

  position: relative;

}



.nav ul li.active:before {

  position: absolute;

  content: '';

  width: 100%;

  height: 2px;

  background-color: #ba8646;

  bottom: 0;

}



.navtop {

  position: fixed;

  left: 0;

  top: 136px;

  z-index:5;

}



.title {

  text-align: center;

  margin-top: 30px;

}



.title .title-top {

  font-size: 26px;

  line-height: 30px;

  font-weight: normal;

  color: #ba8646;

  font-family: "Impact Regular";

  position: relative;

}



.title .title-top:before {

  position: absolute;

  content: '';

  width: 50px;

  height: 2px;

  background: url(../img/title-left.jpg) no-repeat;

  left: 495px;

  top: 14px;

}



.title .title-top:after {

  position: absolute;

  content: '';

  width: 50px;

  height: 2px;

  background: url(../img/title-right.jpg) no-repeat;

  right: 495px;

  top: 14px;

}



.title .title-bottom {

  height: 52px;

  position: relative;

  line-height: 52px;

}



.title .title-bottom h6 {

  font-family: "Impact Regular";

  font-size: 52px;

  color: #e6e6e6;

  text-align: center;

  letter-spacing: 3px;

}



.title .title-bottom h1 {

  width: 100%;

  display: block;

  font-size: 40px;

  color: #333;

  text-align: center;

  position: absolute;

  top: -2px;

}



.title-fu {

  font-size: 36px;

  text-align: center;

  line-height: 38px;

  padding: 30px 0;

}



/*加拿大留学优势知多少*/

.youshi ul {

  padding-top: 10px;

}



.youshi ul li {

  width: 285px;

  height: 200px;

  float: left;

  margin-top: 20px;

  margin-right: 20px;

  position: relative;

  cursor: pointer;

}



.youshi ul li div {

  width: 285px;

  height: 200px;

  position: absolute;

  left: 0;

  top: 0;

  -webkit-transition: 0.8s ease-in-out;

  -o-transition: 0.8s ease-in-out;

  transition: 0.8s ease-in-out;

  -webkit-backface-visibility: hidden;

          backface-visibility: hidden;

}



.youshi ul li .youshi-icon {

  -webkit-transform: rotateY(0);

          transform: rotateY(0);

}



.youshi ul li .youshi-icon p {

  font-size: 24px;

  color: #fff;

  text-align: center;

  padding-top: 137px;

}



.youshi ul li .youshi-js {

  border-radius: 5px;

  background-color: #ba8646;

  -webkit-transform: rotateY(180deg);

          transform: rotateY(180deg);

}



.youshi ul li .youshi-js h6 {

  font-size: 24px;

  font-weight: normal;

  color: #fff;

  text-align: center;

  line-height: 26px;

  padding-top: 40px;

}



.youshi ul li .youshi-js p {

  font-size: 14px;

  line-height: 22px;

  color: #fff;

  text-align: center;

  padding-top: 26px;

}



.youshi ul li:hover .youshi-icon {

  -webkit-transform: rotateY(-180deg);

          transform: rotateY(-180deg);

}



.youshi ul li:hover .youshi-js {

  -webkit-transform: rotateY(0);

          transform: rotateY(0);

}



.youshi ul .yi .youshi-icon {

  background: url(../img/ys-img1.jpg) no-repeat;

}



.youshi ul .er .youshi-icon {

  background: url(../img/ys-img2.jpg) no-repeat;

}



.youshi ul .san .youshi-icon {

  background: url(../img/ys-img3.jpg) no-repeat;

}



.youshi ul .si {

  margin-right: 0;

}



.youshi ul .si .youshi-icon {

  background: url(../img/ys-img4.jpg) no-repeat;

}



.youshi ul .wu .youshi-icon {

  background: url(../img/ys-img5.jpg) no-repeat;

}



.youshi ul .liu .youshi-icon {

  background: url(../img/ys-img6.jpg) no-repeat;

}



.youshi ul .qi .youshi-icon {

  background: url(../img/ys-img7.jpg) no-repeat;

}



.youshi ul .ba {

  margin-right: 0;

}



.youshi ul .ba a {

  width: 100%;

  height: 100%;

  display: block;

}



.youshi ul .ba .youshi-icon {

  -webkit-transform: rotateY(0);

          transform: rotateY(0);

  background: url(../img/ys-img7.jpg) no-repeat;

}



.youshi ul .ba:hover .youshi-icon {

  -webkit-transform: rotateY(0);

          transform: rotateY(0);

}



/*加拿大留学4大途径*/

.tujing .tujing-gaozhong li {

  width: 360px;

  height: 504px;

  float: left;

  margin-right: 60px;

  border-radius: 10px;

  background-color: #fff;

  margin-top: 30px;

  position: relative;

}



.tujing .tujing-gaozhong li h6 {

  width: 300px;

  height: 50px;

  position: absolute;

  top: -30px;

  left: 30px;

  border-radius: 10px 10px 0 0;

  font-size: 24px;

  font-weight: normal;

  text-align: center;

  line-height: 50px;

  color: #fff;

  background: -webkit-gradient(linear, left top, right top, from(#dbb16a), to(#ba8646));

  background: -webkit-linear-gradient(left, #dbb16a, #ba8646);

  background: -o-linear-gradient(left, #dbb16a, #ba8646);

  background: linear-gradient(to right, #dbb16a, #ba8646);

}



.tujing .tujing-gaozhong li h5 {

  width: 100%;

  font-size: 20px;

  color: #ba8646;

  text-align: center;

  position: absolute;

  top: 40px;

}



.tujing .tujing-gaozhong li .jieshao {

  padding: 0 40px;

  font-size: 16px;

  color: #333;

  line-height: 32px;

  top: 70px;

  position: absolute;

}



.tujing .tujing-gaozhong li .tujing-quan {

  margin-top: 226px;

  width: 208px;

  height: 158px;

  position: relative;

  margin-left: 102px;

}



.tujing .tujing-gaozhong li .tujing-quan span {

  width: 161px;

  height: 160px;

  background: url(../img/gz-img6.png) no-repeat;

  position: absolute;

  left: 0;

  top: 0;

  -webkit-animation: xz360 infinite 50s linear;

       -o-animation: xz360 infinite 50s linear;

          animation: xz360 infinite 50s linear;

}



.tujing .tujing-gaozhong li .tujing-quan p {

  font-size: 20px;

  color: #333;

  position: absolute;

  top: 48px;

  right: 11px;

  font-family: "思源黑体 CN Medium";

}



.tujing .tujing-gaozhong li .tujing-quan.yi {

  background: url(../img/gz-img2.jpg) no-repeat;

}



.tujing .tujing-gaozhong li .tujing-quan.er {

  background: url(../img/gz-img3.jpg) no-repeat;

}



.tujing .tujing-gaozhong li .tujing-quan.er p{

  right: -11px;

}



.tujing .tujing-gaozhong li .tujing-quan.san {

  background: url(../img/gz-img4.jpg) no-repeat;

}



.tujing .tujing-gaozhong li .tujing-quan.si {

  background: url(../img/gz-img5.jpg) no-repeat;

}



.tujing .tujing-gaozhong li a {

  width: 200px;

  height: 46px;

  display: block;

  border-radius: 23px;

  font-size: 18px;

  color: #fff;

  text-align: center;

  line-height: 46px;

  position: absolute;

  bottom: 40px;

  left: 50%;

  margin-left: -100px;

  font-family: "思源黑体 CN Regular";

  background: -webkit-gradient(linear, left top, right top, from(#dbb16a), to(#ba8646));

  background: -webkit-linear-gradient(left, #dbb16a, #ba8646);

  background: -o-linear-gradient(left, #dbb16a, #ba8646);

  background: linear-gradient(to right, #dbb16a, #ba8646);

  -webkit-box-shadow: 0 1px 8px 2px rgba(181, 99, 2, 0.4);

          box-shadow: 0 1px 8px 2px rgba(181, 99, 2, 0.4);

}



.tujing .tujing-gaozhong li:last-child {

  margin-right: 0;

}



.tujing .fangan-gaozhong {

  margin-top: 30px;

}



.tujing .fangan-gaozhong .img-left {

  width: 140px;

  height: 440px;

  float: left;

  border-radius: 10px 0 0 10px;

}



.tujing .fangan-gaozhong .navbar {

  width: 320px;

  float: left;

}



.tujing .fangan-gaozhong .navbar .item {

  width: 320px;

  height: 140px;

  margin-bottom: 10px;

  position: relative;

  cursor: pointer;

}



.tujing .fangan-gaozhong .navbar .item:last-child {

  margin-bottom: 0;

}



.tujing .fangan-gaozhong .navbar .item .yc {

  position: absolute;

  top: 0;

  left: 0;

  display: none;

}



.tujing .fangan-gaozhong .navbar .item img {

  display: block;

}



.tujing .fangan-gaozhong .navbar .item.active .yc {

  display: block;

}



.tujing .fangan-gaozhong .fangan-gz-contion {

  width: 730px;

  height: 440px;

  float: right;

  background-color: #fff;

  position: relative;

}



.tujing .fangan-gaozhong .fangan-gz-contion .fangan-gz-content {

  padding-top: 40px;

}



.tujing .fangan-gaozhong .fangan-gz-contion .fangan-gz-content p {

  padding-left: 60px;

  font-size: 16px;

  color: #333;

  line-height: 36px;

}



.tujing .fangan-gaozhong .fangan-gz-contion .fangan-gz-content a {

  width: 390px;

  height: 54px;

  display: block;

  border-radius: 27px;

  font-size: 18px;

  color: #fff;

  text-align: center;

  line-height: 54px;

  position: absolute;

  bottom: 40px;

  left: 50%;

  margin-left: -195px;

  font-family: "思源黑体 CN Regular";

  background: -webkit-gradient(linear, left top, right top, from(#dbb16a), to(#ba8646));

  background: -webkit-linear-gradient(left, #dbb16a, #ba8646);

  background: -o-linear-gradient(left, #dbb16a, #ba8646);

  background: linear-gradient(to right, #dbb16a, #ba8646);

  -webkit-box-shadow: 0 1px 8px 2px rgba(181, 99, 2, 0.4);

          box-shadow: 0 1px 8px 2px rgba(181, 99, 2, 0.4);

}



.tujing .fangan-gaozhong .fangan-gz-contion .hide {

  display: none;

}



.tujing .gaozhong {

  /*高中*/

  width: 100%;

  height: 1148px;

  margin-top: 30px;

  background: url(../img/gz-img1.jpg) top center no-repeat;

}



.tujing .gaozhong .title-fu {

  color: #fff;

}



.tujing .benke {

  /*本科*/

}



.tujing .benke .tujing-gaozhong li {

  width: 283px;

  height: 560px;

  border-radius: 10px;

  margin-right: 20px;

  border: 1px solid #ba8646;

}



.tujing .benke .tujing-gaozhong li h6 {

  width: 225px;

}



.tujing .benke .tujing-gaozhong li h5 {

  width: 100%;

  font-size: 20px;

  color: #ba8646;

  text-align: center;

  position: absolute;

  top: 40px;

}



.tujing .benke .tujing-gaozhong li .jieshao {

  top: 70px;

  padding: 0 10px 0 22px;

}



.tujing .benke .tujing-gaozhong li .tujing-quan {

  margin-top: 306px;

  margin-left: 62px;

}



.tujing .benke .tujing-gaozhong li .tujing-quan p {

  right: 19px;

}



.tujing .benke .tujing-gaozhong li .tujing-quan.san p {

  text-align: center;

  line-height: 26px;

  top: 24px;

  right: 11px;

}



.tujing .benke .tujing-gaozhong li a {

  bottom: 30px;

}



.tujing .benke .tujing-gaozhong li:last-child {

  margin-right: 0;

}



.tujing .benke .fangan-gaozhong .img-left {

  height: 410px;

}



.tujing .benke .fangan-gaozhong .fangan-gz-contion {

  height: 410px;

  background-color: #f7efdf;

}



.tujing .shuoshi {

  /*硕士*/

  width: 100%;

  height: 1142px;

  margin-top: 50px;

  background: url(../img/ss-img4.jpg) top center no-repeat;

}



.tujing .shuoshi .title-fu {

  color: #fff;

}



.tujing .shuoshi .tujing-gaozhong li {

  width: 283px;

  height: 504px;

  border-radius: 10px;

  margin-right: 20px;

}



.tujing .shuoshi .tujing-gaozhong li h6 {

  width: 225px;

}



.tujing .shuoshi .tujing-gaozhong li h5 {

  width: 100%;

  font-size: 20px;

  color: #ba8646;

  text-align: center;

  position: absolute;

  top: 40px;

}



.tujing .shuoshi .tujing-gaozhong li h5 b {

  font-size: 18px;

  font-weight: normal;

}



.tujing .shuoshi .tujing-gaozhong li .jieshao {

  top: 70px;

  padding: 0 10px 0 22px;

}



.tujing .shuoshi .tujing-gaozhong li .jieshao b {

  color: #ba8646;

}



.tujing .shuoshi .tujing-gaozhong li .tujing-quan {

  margin-top: 228px;

  margin-left: 62px;

}



.tujing .shuoshi .tujing-gaozhong li .tujing-quan p {

  text-align: center;

  line-height: 26px;

  top: 24px;

  right: 11px;

}



.tujing .shuoshi .tujing-gaozhong li .tujing-quan p b {

  font-size: 16px;

  font-weight: bold;

  font-family: "思源黑体 CN Regular";

}



.tujing .shuoshi .tujing-gaozhong li .tujing-quan.san p {

  right: -5px;

}



.tujing .shuoshi .tujing-gaozhong li .tujing-quan.si p {

  top: 48px;

  right: 19px;

}



.tujing .shuoshi .tujing-gaozhong li a {

  bottom: 30px;

}



.tujing .shuoshi .tujing-gaozhong li:last-child {

  margin-right: 0;

}



.tujing .boshi {

  /*博士*/

}



.tujing .boshi .tujing-gaozhong li {

  width: 583px;

  height: 452px;

  border-radius: 10px;

  margin-right: 20px;

  border: 1px solid #ba8646;

}



.tujing .boshi .tujing-gaozhong li h6 {

  width: 490px;

  left: 48px;

}



.tujing .boshi .tujing-gaozhong li h5 {

  width: 100%;

  font-size: 20px;

  color: #ba8646;

  text-align: center;

  position: absolute;

  top: 40px;

}



.tujing .boshi .tujing-gaozhong li .jieshao {

  top: 70px;

  padding: 0 10px 0 22px;

}



.tujing .boshi .tujing-gaozhong li .jieshao.jieshso-bs {

  top: 230px;

}



.tujing .boshi .tujing-gaozhong li a {

  width: 320px;

  bottom: 40px;

  margin-left: -160px;

}



.tujing .boshi .tujing-gaozhong li:last-child {

  margin-right: 0;

}



.tujing .boshi .fangan-gaozhong .img-left {

  height: 380px;

}



.tujing .boshi .fangan-gaozhong .fangan-gz-contion {

  height: 380px;

  background-color: #f7efdf;

}



@-webkit-keyframes xz360 {

  0% {

    -webkit-transform: rotate(0deg);

            transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(360deg);

            transform: rotate(360deg);

  }

}



@-o-keyframes xz360 {

  0% {

    -o-transform: rotate(0deg);

       transform: rotate(0deg);

  }

  100% {

    -o-transform: rotate(360deg);

       transform: rotate(360deg);

  }

}



@keyframes xz360 {

  0% {

    -webkit-transform: rotate(0deg);

         -o-transform: rotate(0deg);

            transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(360deg);

         -o-transform: rotate(360deg);

            transform: rotate(360deg);

  }

}



/*加拿大留学申请注意事项*/

.gonglve .gl-gaozhong {

  /*高中*/

  width: 100%;

  height: 717px;

  margin-top: 30px;

  background: url(../img/gl-img1.jpg) top center no-repeat;

}



.gonglve .gl-gaozhong .title-fu {

  color: #fff;

}



.gonglve .gl-gaozhong .navbar {

  height: 48px;

  border-bottom: 2px solid #ba8646;

}



.gonglve .gl-gaozhong .navbar .item {

  width: 285px;

  height: 48px;

  float: left;

  margin-right: 20px;

  border-radius: 5px 5px 0 0;

  background-color: #e6e6e6;

  font-size: 24px;

  color: #333;

  text-align: center;

  line-height: 48px;

  font-weight: bold;

  cursor: pointer;

}



.gonglve .gl-gaozhong .navbar .item:last-child {

  margin-right: 0;

}



.gonglve .gl-gaozhong .navbar .item.active {

  color: #fff;

  background: -webkit-gradient(linear, left top, left bottom, from(#dbb16a), to(#ba8646));

  background: -webkit-linear-gradient(top, #dbb16a, #ba8646);

  background: -o-linear-gradient(top, #dbb16a, #ba8646);

  background: linear-gradient(to bottom, #dbb16a, #ba8646);

}



.gonglve .gl-gaozhong .gl-gaozhong-contion {

  width: 1200px;

  height: 300px;

  border-radius: 0 0 5px 5px;

  background: url(../img/gl-bg.jpg) repeat;

}



.gonglve .gl-gaozhong .gl-gaozhong-contion .gl-gaozhong-content {

  width: 100%;

  height: 100%;

  position: relative;

}



.gonglve .gl-gaozhong .gl-gaozhong-contion .gl-gaozhong-content p {

  margin-left: 100px;

  font-size: 16px;

  color: #333;

  line-height: 36px;

}



.gonglve .gl-gaozhong .gl-gaozhong-contion .gl-gaozhong-content p:first-child {

  padding-top: 25px;

}



.gonglve .gl-gaozhong .gl-gaozhong-contion .gl-gaozhong-content a {

  width: 420px;

  height: 62px;

  border-radius: 31px;

  display: block;

  position: absolute;

  bottom: 30px;

  left: 50%;

  margin-left: -210px;

  font-size: 18px;

  color: #fff;

  text-align: center;

  line-height: 62px;

  background: -webkit-gradient(linear, left top, right top, from(#dbb16a), to(#ba8646));

  background: -webkit-linear-gradient(left, #dbb16a, #ba8646);

  background: -o-linear-gradient(left, #dbb16a, #ba8646);

  background: linear-gradient(to right, #dbb16a, #ba8646);

  -webkit-box-shadow: 0 1px 8px 2px rgba(181, 99, 2, 0.4);

          box-shadow: 0 1px 8px 2px rgba(181, 99, 2, 0.4);

}



.gonglve .gl-gaozhong .gl-gaozhong-contion .hide {

  display: none;

}



.gonglve .gl-gaozhong .tiaojian {

  width: 1200px;

  height: 202px;

  margin-top: 30px;

  border-radius: 5px;

  background: url(../img/gl-bg.jpg) repeat;

}



.gonglve .gl-gaozhong .tiaojian .img-left {

  width: 230px;

  height: 202px;

  float: left;

  display: block;

  border-radius: 5px 0 0 5px;

}



.gonglve .gl-gaozhong .tiaojian .tiaojian-right {

  width: 942px;

  float: right;

}



.gonglve .gl-gaozhong .tiaojian .tiaojian-right p {

  font-size: 16px;

  color: #333;

  line-height: 36px;

}



.gonglve .gl-gaozhong .tiaojian .tiaojian-right p:first-child {

  padding-top: 25px;

}



.gonglve .gl-benke {

  /*本科*/

}



.gonglve .gl-benke .navbar {

  height: 48px;

  border-bottom: 2px solid #ba8646;

}



.gonglve .gl-benke .navbar .item {

  width: 232px;

  height: 48px;

  float: left;

  margin-right: 10px;

  border-radius: 5px 5px 0 0;

  background-color: #e6e6e6;

  font-size: 20px;

  color: #333;

  text-align: center;

  line-height: 48px;

  font-weight: bold;

  cursor: pointer;

}



.gonglve .gl-benke .navbar .item:last-child {

  margin-right: 0;

}



.gonglve .gl-benke .navbar .item.active {

  color: #fff;

  background: -webkit-gradient(linear, left top, left bottom, from(#dbb16a), to(#ba8646));

  background: -webkit-linear-gradient(top, #dbb16a, #ba8646);

  background: -o-linear-gradient(top, #dbb16a, #ba8646);

  background: linear-gradient(to bottom, #dbb16a, #ba8646);

}



.gonglve .gl-benke .gl-gaozhong-contion {

  width: 1198px;

  height: 299px;

  border: 1px solid #e6e6e6;

  border-top: 0;

  border-radius: 0 0 5px 5px;

  background: url(../img/gl-bg.jpg) repeat;

}



.gonglve .gl-benke .gl-gaozhong-contion .gl-gaozhong-content {

  width: 100%;

  height: 100%;

  position: relative;

}



.gonglve .gl-benke .gl-gaozhong-contion .gl-gaozhong-content p {

  margin-left: 100px;

  font-size: 16px;

  color: #333;

  line-height: 36px;

  padding-right: 100px;

}



.gonglve .gl-benke .gl-gaozhong-contion .gl-gaozhong-content p:first-child {

  padding-top: 25px;

}



.gonglve .gl-benke .gl-gaozhong-contion .gl-gaozhong-content a {

  width: 420px;

  height: 62px;

  border-radius: 31px;

  display: block;

  position: absolute;

  bottom: 30px;

  left: 50%;

  margin-left: -210px;

  font-size: 18px;

  color: #fff;

  text-align: center;

  line-height: 62px;

  background: -webkit-gradient(linear, left top, right top, from(#dbb16a), to(#ba8646));

  background: -webkit-linear-gradient(left, #dbb16a, #ba8646);

  background: -o-linear-gradient(left, #dbb16a, #ba8646);

  background: linear-gradient(to right, #dbb16a, #ba8646);

  -webkit-box-shadow: 0 1px 8px 2px rgba(181, 99, 2, 0.4);

          box-shadow: 0 1px 8px 2px rgba(181, 99, 2, 0.4);

}



.gonglve .gl-benke .gl-gaozhong-contion .hide {

  display: none;

}



.gonglve .gl-yanjius {

  /*研究生*/

  width: 100%;

  height: 658px;

  margin-top: 50px;

  background: url(../img/yjs-bg.jpg) top center no-repeat;

}



.gonglve .gl-yanjius .gl-yjs-sqtj .img-left {

  width: 232px;

  height: 242px;

  display: block;

  float: left;

  border-radius: 5px 0 0 5px;

}



.gonglve .gl-yanjius .gl-yjs-sqtj .navbar {

  width: 234px;

  float: left;

}



.gonglve .gl-yanjius .gl-yjs-sqtj .navbar .item {

  width: 230px;

  height: 78px;

  background-color: #ba8646;

  text-align: center;

  line-height: 78px;

  margin-bottom: 4px;

  color: #fff;

  font-size: 20px;

  cursor: pointer;

}



.gonglve .gl-yanjius .gl-yjs-sqtj .navbar .item:last-child {

  margin-bottom: 0;

}



.gonglve .gl-yanjius .gl-yjs-sqtj .navbar .item.active {

  width: 234px;

  color: #ba8646;

  background: url(../img/gl-bg.jpg) repeat;

}



.gonglve .gl-yanjius .gl-yjs-sqtj .gl-gaozhong-contion {

  width: 734px;

  height: 242px;

  float: right;

  background: url(../img/gl-bg.jpg) repeat;

}



.gonglve .gl-yanjius .gl-yjs-sqtj .gl-gaozhong-contion .gl-gaozhong-content {

  height: 100%;

  position: relative;

}



.gonglve .gl-yanjius .gl-yjs-sqtj .gl-gaozhong-contion .gl-gaozhong-content p {

  padding: 30px 55px 0 55px;

  font-size: 16px;

  color: #333;

  line-height: 24px;

  background: url(../img/gl-img3.png) 30px 37px no-repeat;

}



.gonglve .gl-yanjius .gl-yjs-sqtj .gl-gaozhong-contion .gl-gaozhong-content a {

  width: 240px;

  height: 52px;

  display: block;

  border-radius: 26px;

  font-size: 18px;

  color: #fff;

  text-align: center;

  line-height: 52px;

  position: absolute;

  bottom: 30px;

  right: 30px;

  font-family: "思源黑体 CN Regular";

  background: -webkit-gradient(linear, left top, right top, from(#dbb16a), to(#ba8646));

  background: -webkit-linear-gradient(left, #dbb16a, #ba8646);

  background: -o-linear-gradient(left, #dbb16a, #ba8646);

  background: linear-gradient(to right, #dbb16a, #ba8646);

  -webkit-box-shadow: 0 1px 8px 2px rgba(181, 99, 2, 0.4);

          box-shadow: 0 1px 8px 2px rgba(181, 99, 2, 0.4);

}



.gonglve .gl-yanjius .gl-yjs-sqtj .gl-gaozhong-contion .hide {

  display: none;

}



.gonglve .gl-yanjius .er {

  margin-top: 28px;

}



.gonglve .gl-yanjius .er .navbar .item {

  height: 58px;

  margin-bottom: 3px;

  line-height: 58px;

}



/*加拿大的学校*/

.school {

  width: 100%;

  height: 712px;

  margin-top: 30px;

  background: url(../img/school-img.jpg) top center no-repeat;

}



.school .more {

  width: 217px;

  height: 194px;

  display: block;

  position: absolute;

  top: 259px;

  left: 181px;

}



.school .more img {

  display: block;

}



.school .navbar .item {

  position: absolute;

  cursor: pointer;

}



.school .navbar .item .yc {

  display: none;

}



.school .navbar .item.active .xs {

  display: none;

}



.school .navbar .item.active .yc {

  display: block;

}



.school .navbar .item.yi {

  top: 50px;

  left: 181px;

}



.school .navbar .item.er {

  top: 156px;

  left: 0;

}



.school .navbar .item.san {

  top: 365px;

  left: 0;

}



.school .navbar .item.si {

  top: 468px;

  left: 181px;

}



.school .navbar .item.wu {

  top: 365px;

  left: 360px;

}



.school .navbar .item.liu {

  top: 156px;

  left: 360px;

}



.school .xy-gaozhong-contion .xy-gaozhong-content {

  width: 570px;

  height: 712px;

  float: right;

  position: relative;

  color: #fff;

}



.school .xy-gaozhong-contion .xy-gaozhong-content h1 {

  font-size: 28px;

  color: #fff;

  padding-top: 240px;

  font-family: "思源黑体 CN Medium";

  font-weight: normal;

}



.school .xy-gaozhong-contion .xy-gaozhong-content p {

  font-size: 16px;

  line-height: 34px;

  padding-top: 8px;

}



.school .xy-gaozhong-contion .xy-gaozhong-content a {

  width: 280px;

  height: 52px;

  display: block;

  border-radius: 26px;

  font-size: 18px;

  color: #fff;

  text-align: center;

  line-height: 52px;

  position: absolute;

  bottom: 148px;

  right: 0;

  font-family: "思源黑体 CN Regular";

  background: -webkit-gradient(linear, left top, right top, from(#dbb16a), to(#ba8646));

  background: -webkit-linear-gradient(left, #dbb16a, #ba8646);

  background: -o-linear-gradient(left, #dbb16a, #ba8646);

  background: linear-gradient(to right, #dbb16a, #ba8646);

}



.school .xy-gaozhong-contion .hide {

  display: none;

}



/*新航道前程留学 业界15年领先口碑*/

.koubei {

  width: 100%;

  height: 600px;

  margin-top: 30px;

  background: url(../img/kb-bg.jpg) top center no-repeat;

}



.koubei .navbar .item {

  width: 100px;

  position: absolute;

  cursor: pointer;

}



.koubei .navbar .item p {

  font-size: 26px;

  color: #333;

  text-align: center;

  display: block;

}



.koubei .navbar .item .kb-quan {

  position: relative;

}



.koubei .navbar .item .kb-quan img {

  width: 100px;

  height: 100px;

  display: block;

  border-radius: 50%;

}



.koubei .navbar .item .kb-quan .yc {

  position: absolute;

  top: 0;

  left: 0;

  display: none;

}



.koubei .navbar .item .kb-quan .quan {

  position: absolute;

  top: 0;

  left: 0;

  display: none;

  -webkit-animation: kb360 infinite 50s linear;

       -o-animation: kb360 infinite 50s linear;

          animation: kb360 infinite 50s linear;

}



.koubei .navbar .item.active p {

  margin-top: 100px;

}



.koubei .navbar .item.active .kb-quan .xs {

  display: none;

}



.koubei .navbar .item.active .kb-quan .yc,

.koubei .navbar .item.active .kb-quan .quan {

  display: block;

}



.koubei .navbar .item.yi {

  top: 48px;

  left: 75px;

}



.koubei .navbar .item.er {

  top: 8px;

  left: 253px;

}



.koubei .navbar .item.san {

  top: 266px;

  left: 164px;

}



.koubei .navbar .item.si {

  top: 133px;

  left: 322px;

}



.koubei .navbar .item.wu {

  top: 442px;

  left: 161px;

}



.koubei .navbar .item.liu {

  top: 297px;

  left: 362px;

}



.koubei .navbar .item.qi {

  top: 450px;

  left: 348px;

}



.koubei .koubei-contion {

  width: 535px;

  height: 460px;

  padding-left: 20px;

  padding-top: 40px;

  border-radius: 5px;

  float: right;

  margin-top: 50px;

  background-color: #fff;

  position: relative;

}



.koubei .koubei-contion .koubei-content h6 {

  font-size: 30px;

  color: #333;

  position: relative;

  line-height: 32px;

}



.koubei .koubei-contion .koubei-content h6:before {

  position: absolute;

  content: '';

  width: 6px;

  height: 30px;

  background-color: #ba8646;

  left: -20px;

  top: 0;

}



.koubei .koubei-contion .koubei-content h1 {

  font-size: 24px;

  color: #ba8646;

  font-weight: normal;

  margin: 30px 0;

}



.koubei .koubei-contion .koubei-content p {

  font-size: 18px;

  color: #333;

  line-height: 36px;

  margin-right: 27px;

}



.koubei .koubei-contion .koubei-content a {

  width: 240px;

  height: 52px;

  display: block;

  border-radius: 32px;

  font-size: 26px;

  color: #fff;

  text-align: center;

  line-height: 52px;

  position: absolute;

  bottom: 82px;

  left: 20px;

  font-family: "思源黑体 CN Regular";

  background: -webkit-gradient(linear, left top, right top, from(#dbb16a), to(#ba8646));

  background: -webkit-linear-gradient(left, #dbb16a, #ba8646);

  background: -o-linear-gradient(left, #dbb16a, #ba8646);

  background: linear-gradient(to right, #dbb16a, #ba8646);

  -webkit-box-shadow: 0 1px 8px 2px rgba(181, 99, 2, 0.4);

          box-shadow: 0 1px 8px 2px rgba(181, 99, 2, 0.4);

}



.koubei .koubei-contion .hide {

  display: none;

}



@-webkit-keyframes kb360 {

  0% {

    -webkit-transform: rotate(0deg);

            transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(360deg);

            transform: rotate(360deg);

  }

}



@-o-keyframes kb360 {

  0% {

    -o-transform: rotate(0deg);

       transform: rotate(0deg);

  }

  100% {

    -o-transform: rotate(360deg);

       transform: rotate(360deg);

  }

}



@keyframes kb360 {

  0% {

    -webkit-transform: rotate(0deg);

         -o-transform: rotate(0deg);

            transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(360deg);

         -o-transform: rotate(360deg);

            transform: rotate(360deg);

  }

}



/*你的院校OFFER 我来保驾护航*/

#offer {

  margin-top: 30px;

  padding-bottom: 40px;

}



#offer .arrow {

  width: 15px;

  height: 28px;

  outline: none;

}



#offer .arrow-left {

  background: url(../img/left-img.jpg) no-repeat;

}



#offer .arrow-right {

  background: url(../img/right-img.jpg) no-repeat;

}



#offer ul {

  margin-left: 31px;

}



#offer ul li {

  width: 386px;

  height: 460px;

  float: left;

  margin-bottom: 20px;

}



#offer ul li .offer-list {

  width: 364px;

  height: 458px;

  border-radius: 5px;

  position: relative;

  border: 1px solid #e6e6e6;

}



#offer ul li .offer-list img {

  width: 130px;

  height: 130px;

  display: block;

  margin: 20px auto 0;

}



#offer ul li .offer-list h1 {

  font-size: 20px;

  color: #333;

  text-align: center;

  font-weight: normal;

  margin: 20px 0;

}



#offer ul li .offer-list p {

  padding-left: 20px;

  font-size: 16px;

  color: #333;

  line-height: 34px;

}



#offer ul li .offer-list a {

  width: 240px;

  height: 45px;

  display: block;

  border-radius: 5px;

  font-size: 20px;

  color: #fff;

  text-align: center;

  line-height: 45px;

  position: absolute;

  bottom: 40px;

  left: 50%;

  margin-left: -120px;

  font-family: "思源黑体 CN Regular";

  background: -webkit-gradient(linear, left top, right top, from(#dbb16a), to(#ba8646));

  background: -webkit-linear-gradient(left, #dbb16a, #ba8646);

  background: -o-linear-gradient(left, #dbb16a, #ba8646);

  background: linear-gradient(to right, #dbb16a, #ba8646);

  -webkit-box-shadow: 0 1px 8px 2px rgba(181, 99, 2, 0.4);

          box-shadow: 0 1px 8px 2px rgba(181, 99, 2, 0.4);

}



.yx-footer{

  padding-top: 0;

}



.yx-footer ul{

  padding-top: 30px;

}



.yx-footer .title{

  margin-top: 0;

}

</pre></body></html>