<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;
}

.wrapper {
  width: 1200px;
  margin: 0 auto;
}

/*header*/
.header-top{
  width: 100%;
  height: 68px;
  background-color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 6;
}
.header {
  height: 68px;

}

.header .logo {
  float: left;
 width: 89px;
    height: 34px;
    margin-top: 17px;
}

.header ul {
  float: left;
}

.header ul li {
    float: left;
    padding: 0 30px;
    text-align: center;
    position: relative;
    margin-left: 4px;
    font-size: 18px;
    color: #333;
    cursor: pointer;
    line-height: 68px;
}

.header ul li:after{
    position: absolute;
    content: '';
    width: 1px;
    height: 17px;
    background-color: #999;
    right: -6px;
    top: 25px;
}
.header ul li span{
    display: block;
    position: relative;
}
.header ul li span:before{
    position: absolute;
    content: '';
    border: 6px solid transparent;
    border-top-color: #333;
    top: 30px;
    right: -18px;
}
.header ul li span:after{
    position: absolute;
    content: '';
    border: 6px solid transparent;
    border-top-color: #fff;
    top: 29px;
    right: -18px;
}
.header ul li:hover span{
    color: #197acd;
}
.header ul li:hover span:before{
    border-bottom-color: #197acd;
    border-top-color: transparent;
    top: 25px;
}
.header ul li:hover span:after{
    border-bottom-color: #fff;
    border-top-color: transparent;
    top: 26px;
}
.header ul li .yinc{
    width: 90px;
    position: absolute;
    padding: 10px 25px;
    background-color: #fff;
    top: 66px;
    left: 0;
    z-index: 5;
    border-top: 2px solid #197acd;
    display: none;
    box-shadow: 0 0 5px 2px rgba(4, 0, 0, 0.3);
}
.header ul li .yinc a{
    font-size: 14px;
    color: #333;
    line-height: 28px;
    display: block;
}
.header ul li:hover .yinc a{
    color: #333;
}
.header ul li .yinc a:hover,
.header ul li:hover a{
    color: #197acd;
}
.header ul li:hover .yinc{
    display: block;
}
.header ul li:last-child:after{
    background-color: transparent;
}

.header p {
  float: right;
  font-size: 20px;
  color: #f32c1d;
  line-height: 68px;
  background: url(../img/tel-top.png) left center no-repeat;
  padding-left: 36px;
}

/*banner*/
.banner {
  width: 100%;
  height: 715px;
  background: url(../img/ban.jpg) top center no-repeat;
}

.banner a {
  width: 505px;
  height: 60px;
  display: block;
  float: left;
  margin: 610px 0 0 347px;
  cursor: pointer;
}

/*为什么新航道雅思提分快？*/
.title {
  display: block;
  margin: 0 auto;
}

.title2 {
  font-size: 18px;
  position: relative;
  margin: 20px auto 0;
  display: block;
  text-align: center;
}

.title2:before {
  position: absolute;
  content: '';
  height: 1px;
  left: 50%;
  top: -10px;
}

.button {
  font-size: 24px;
  text-align: center;
  height: 46px;
  border-radius: 4px;
  line-height: 46px;
  border: 1px solid transparent;
  display: block;
  margin: 0 auto;
}

.tel {
  font-size: 24px;
  color: #fff;
  text-align: center;
  line-height: 48px;
  margin-top: 10px;
}

.tifenkuai {
  width: 100%;
  height: 726px;
  background: url(../img/tifen.jpg) top center no-repeat;
}

.tifenkuai a{
  width: 100%;
  height: 726px;
  display: block;
}

.tifenkuai .title {
  padding-top: 58px;
}

.tifenkuai .title2 {
  color: #fff;
  width: 342px;
}

.tifenkuai .title2:before {
  width: 342px;
  background-color: #fff;
  margin-left: -171px;
}

.tifenkuai .genghao {
  display: block;
  margin: 390px auto 0;
}

.tifenkuai .button {
  width: 266px;
  color: #f6a53b;
  border-color: #f6a53b;
  margin-top: 32px;
}

/*新航道培训独家优势*/
.youshi {
  width: 100%;
  height: 1203px;
  background: url(../img/youshi.jpg) top center no-repeat;
}

.youshi .title {
  padding-top: 65px;
}

.youshi .title2 {
  color: #c1c1c1;
  width: 342px;
  font-size: 14px;
}

.youshi .title2:before {
  width: 342px;
  background-color: #c1c1c1;
  margin-left: -171px;
}

.youshi ul {
  margin-top: 54px;
}

.youshi ul li {
  width: 358px;
  height: 388px;
  float: left;
  border: 1px solid #fff;
  background-color: #fff;
  cursor: pointer;
  position: relative;
  margin-right: 60px;
  margin-bottom: 20px;
}

.youshi ul li span {
  width: 249px;
  height: 143px;
  display: block;
  margin: 0 auto;
  border-bottom: 1px dashed #dcdcdc;
}

.youshi ul li h6 {
  font-size: 30px;
  color: #333;
  text-align: center;
  font-weight: normal;
  line-height: 70px;
}

.youshi ul li p {
  text-align: center;
  font-size: 20px;
  color: #4c4c4c;
  line-height: 30px;
}

.youshi ul li a {
  width: 128px;
  height: 36px;
  position: absolute;
  border-radius: 4px;
  border: 1px solid #dcdcdc;
  text-align: center;
  line-height: 36px;
  font-size: 18px;
  bottom: 19px;
  left: 115px;
  color: #757575;
}

.youshi ul li:hover {
  border-color: #dc2237;
}

.youshi ul li:hover a {
  border-color: #dc2237;
  background-color: #dc2237;
  color: #fff;
}

.youshi ul .baozhang span {
  background: url(../img/icon1.jpg) center no-repeat;
}

.youshi ul .baozhang:hover span {
  background: url(../img/icon1h.jpg) center no-repeat;
}

.youshi ul .mingshi span {
  background: url(../img/icon2.jpg) center no-repeat;
}

.youshi ul .mingshi:hover span {
  background: url(../img/icon2h.jpg) center no-repeat;
}

.youshi ul .chaozhi {
  margin-right: 0;
}

.youshi ul .chaozhi span {
  background: url(../img/icon3.jpg) center no-repeat;
}

.youshi ul .chaozhi:hover span {
  background: url(../img/icon3h.jpg) center no-repeat;
}

.youshi ul .mingxiao span {
  background: url(../img/icon4.jpg) center no-repeat;
}

.youshi ul .mingxiao:hover span {
  background: url(../img/icon4h.jpg) center no-repeat;
}

.youshi ul .quanwei span {
  background: url(../img/icon5.jpg) center no-repeat;
}

.youshi ul .quanwei:hover span {
  background: url(../img/icon5h.jpg) center no-repeat;
}

.youshi ul .quancheng {
  margin-right: 0;
}

.youshi ul .quancheng span {
  background: url(../img/icon6.jpg) center no-repeat;
}

.youshi ul .quancheng:hover span {
  background: url(../img/icon6h.jpg) center no-repeat;
}

.youshi .button {
  width: 266px;
  color: #de263a;
  border-color: #de263a;
  margin-top: 50px;
}

.youshi .tel {
  color: #191919;
}

/*私人课程定制 助你成功留学*/
.dingzhi {
  width: 100%;
  height: 1010px;
  background: url(../img/dz_bg.jpg) repeat;
}

.dingzhi .title {
  padding-top: 70px;
}

.dingzhi .title2 {
  color: #c1c1c1;
  width: 342px;
  font-size: 14px;
}

.dingzhi .title2:before {
  width: 342px;
  background-color: #c1c1c1;
  margin-left: -171px;
}

.dingzhi ul {
  margin-top: 20px;
}

.dingzhi ul li {
  width: 584px;
  height: 365px;
  float: left;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  margin-top: 28px;
  margin-right: 26px;
  -webkit-box-shadow: 0 0 10px 0 #c0c0c0;
          box-shadow: 0 0 10px 0 #c0c0c0;
}

.dingzhi ul li .peixun {
  width: 584px;
  height: 305px;
  overflow: hidden;
  display: block;
}

.dingzhi ul li .peixun img {
  display: block;
  -webkit-transition: 1s all ease;
  -o-transition: 1s all ease;
  transition: 1s all ease;
}

.dingzhi ul li .kechengyuyue p {
  float: left;
  font-size: 18px;
  color: #525252;
  line-height: 60px;
  margin-left: 20px;
}

.dingzhi ul li .kechengyuyue a {
  width: 126px;
  height: 34px;
  border: 1px solid #dc2237;
  margin: 13px 21px 0 0;
  float: right;
  font-size: 20px;
  color: #dc2237;
  text-align: center;
  line-height: 34px;
  border-radius: 4px;
  cursor: pointer;
}

.dingzhi ul li:hover img {
  -webkit-transform: scale(1.3);
      -ms-transform: scale(1.3);
       -o-transform: scale(1.3);
          transform: scale(1.3);
}

.dingzhi ul .last {
  margin-right: 0;
}

/*除了课程 我们还有极具保障的服务*/
.course {
  width: 100%;
  height: 982px;
  background: url(../img/course.jpg) top center no-repeat;
}

.course .title {
  padding-top: 90px;
}

.course .title2 {
  color: #ccc;
  width: 342px;
  font-size: 16px;
}

.course .title2:before {
  width: 342px;
  background-color: #ccc;
  margin-left: -171px;
}

.course ul {
  margin-top: 56px;
}

.course ul li {
  width: 360px;
  height: 400px;
  float: left;
  background-color: #fff;
  margin-left: 22px;
  margin-right: 26px;
}

.course ul li .course-top {
  width: 360px;
  height: 156px;
}

.course ul li .course-top h6 {
  position: relative;
  text-align: center;
  font-size: 42px;
  color: #bbb;
  line-height: 52px;
  padding-top: 22px;
}

.course ul li .course-top h6:after {
  position: absolute;
  content: '';
  width: 21px;
  height: 4px;
  left: 50%;
  bottom: 0;
  margin-left: -10px;
}

.course ul li .course-top p {
  font-size: 30px;
  color: #333;
  text-align: center;
  line-height: 74px;
}

.course ul li .course-bottom {
  padding-top: 15px;
}

.course ul li .course-bottom p {
  font-size: 20px;
  color: #505050;
  text-align: center;
  line-height: 32px;
}

.course ul li .course-bottom a {
  width: 126px;
  height: 36px;
  border: 1px solid #dcdcdc;
  border-radius: 4px;
  color: #757575;
  font-size: 18px;
  text-align: center;
  line-height: 36px;
  display: block;
  margin: 30px auto 0;
  cursor: pointer;
}

.course ul li:hover .course-bottom a {
  border-color: #dc2237;
  color: #dc2237;
}

.course ul .yi {
  margin-top: 41px;
}

.course ul .yi .course-top {
  background-color: #f3ddfe;
}

.course ul .yi .course-top h6:after {
  background-color: #fa5866;
}

.course ul .er .course-top {
  background-color: #dbf5ff;
}

.course ul .er .course-top h6:after {
  background-color: #58bcff;
}

.course ul .san {
  margin-top: 41px;
  margin-right: 0;
}

.course ul .san .course-top {
  background-color: #fff7db;
}

.course ul .san .course-top h6:after {
  background-color: #f0c55a;
}

.course h5 {
  color: #fff;
  font-size: 30px;
  text-align: center;
  font-weight: normal;
  line-height: 60px;
  margin-top: 100px;
}

.course .button {
  width: 286px;
  color: #dc2237;
  border-color: #dc2237;
  margin-top: 32px;
}

/*底部*/
/*底部*/
.footer {
  height: 148px;
  color: #393939;
}

.footer .footer-wrapper {
  padding-top: 24px;
  width: 920px;
  margin: 0 auto;
}

.footer .footer-wrapper .footer-l {
  float: left;
  border-right: 1px solid #dcdcdc;
  padding: 15px 40px 15px 0;
}

.footer .footer-wrapper .footer-l h4 {
  font-size: 32px;
  font-weight: normal;
  margin-bottom: 5px;
}

.footer .footer-wrapper .footer-l p {
  font-size: 18px;
  text-indent: 65px;
}

.footer .footer-wrapper .footer-r {
  float: left;
  margin-left: 36px;
  padding-top: 5px;
}

.footer .footer-wrapper .footer-r h4 {
  font-size: 26px;
  font-weight: normal;
  background: url(../img/tel-foot.png) left center no-repeat;
  text-indent: 40px;
  margin-left: 135px;
  color: #dc2237;
}

.footer .footer-wrapper .footer-r p {
  font-size: 14px;
  line-height: 28px;
}


/*关于我们-start*/
/*头部*/
.about_top {
  width: 100%;
  height: 80px;
  background-color: #fff;
  box-shadow: 0px 12px 28px 2px rgba(0, 0, 0, 0.04);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
}

.about_top .logo {
  width: 228px;
  height: 50px;
  display: block;
  float: left;
  margin-top: 15px;
}

.about_top .about_nav {
  float: right;
  margin-right: 90px;
}

.about_top .about_nav .about_item {
  float: left;
  margin-left: 25px;
  font-size: 18px;
  color: #333;
  line-height: 80px;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.about_top .about_nav .about_item:hover {
  color: #2469f3;
}

/*banner*/
.about_ban {
  width: 100%;
  height: 462px;
  background: url(../img/about_ban.jpg) top center no-repeat;
}

.about_ban .wrapper {
  height: 100%;
  position: relative;
}

.about_ban p {
  width: 987px;
  height: 42px;
  position: absolute;
  bottom: 72px;
  left: 106px;
  font-size: 24px;
  color: #fff;
  text-align: center;
  line-height: 42px;
  background: url(../img/about_bg.png) no-repeat;
}

/*介绍*/
.about_js {
  width: 100%;
  height: 487px;
  padding-top: 99px;
  background: url(../img/about_js.jpg) top center no-repeat;
}

.about_js .about_jies {
  height: 487px;
  position: relative;
  border-radius: 12px;
  background: url(../img/about_icon1.png) top right no-repeat #fff;
  box-shadow: 0px 12px 28px 2px rgba(221, 221, 221, 0.6);
}

.about_js .about_jies .about_img1 {
  float: left;
  margin: 16px 0 0 16px;
}

.about_js .about_jies .about_icon2 {
  position: absolute;
  top: 408px;
  left: 301px;
}

.about_js .about_jies .about_new {
  position: absolute;
  font-size: 104px;
  line-height: 104px;
  font-weight: bold;
  color: rgba(94, 94, 94, 0.1);
  text-align: center;
  top: -52px;
  width: 100%;
  display: block;
}

.about_js .about_jies dl dd {
  width: 795px;
  float: left;
}

.about_js .about_jies p {
  margin-left: 25px;
  font-size: 18px;
  color: #333;
  line-height: 30px;
  margin-top: 15px;
}

.about_js .about_jies .about_gk {
  width: 214px;
  height: 50px;
  cursor: pointer;
  display: block;
  border-radius: 26px;
  border: 1px solid #5e7aff;
  text-indent: 74px;
  font-size: 18px;
  color: #5e7aff;
  line-height: 50px;
  margin-left: 292px;
  margin-top: 32px;
  background: url(../img/about_play.png) 32px center no-repeat #fff;
}

.about_js .about_jies .about_gk:hover {
  color: #fff;
  box-shadow: 0 0 0 5px rgba(94, 122, 255, 0.2);
  background: url(../img/about_playh.png) 32px center no-repeat #5e7aff;
}

/*专题*/
.about_zt {
  width: 100%;
  height: 598px;
  background: url(../img/about_img2.jpg) top center no-repeat;
}

.about_zt a {
  height: 598px;
  display: block;
}

/*更多人走进新航道*/
.about_zoujin1 {
  width: 100%;
  height: 301px;
  padding-top: 220px;
  background: url(../img/about_img3.jpg) top center no-repeat;
}
.about_zoujin1 .wrapper{
  display: flex;
  justify-content: space-between;
}
.about_zoujin1 a {
  width: 283px;
  height: 278px;
  display: block;
}

.about_zoujin2 {
  width: 100%;
  height: 675px;
  background: url(../img/about_img4.jpg) top center no-repeat;
}
.about_zoujin2 .wrapper{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.about_zoujin2 a {
  width: 283px;
  height: 278px;
  display: block;
}

/*更多人看见新航道*/
.about_kanjian {
  width: 100%;
  height: 640px;
  background: url(../img/about_img5.jpg) top center no-repeat;
}

.about_kanjian a {
  height: 640px;
  display: block;
}

/*更多人选择新航道*/
.about_xhd {
  width: 100%;
  height: 667px;
  background: url(../img/about_img6.jpg) top center no-repeat;
}

/*更多人信赖新航道*/
.about_xl {
  width: 100%;
  height: 526px;
  background: url(../img/about_img7.jpg) top center no-repeat;
}

/*学术品质 立志百年*/
.about_lz {
  width: 100%;
  height: 678px;
  background: url(../img/about_img8.jpg) top center no-repeat;
}
.shipin_tchu{
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 10;
  display: none;
}
.shipin_tchu #video{
  width: 1000px;
  height: 562px;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -500px;
  margin-top: -281px;
  z-index: 12;
  display: none;
  
}
.shipin_tchu .about_close{
  width: 1000px;
  height: 562px;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -500px;
  margin-top: -281px;
  z-index: 11;
  display: none;
}
.shipin_tchu .about_close span{
  width: 40px;
  height: 40px;
  float: right;
  margin-right: -60px;
  background: url(../img/about_close.png) top center no-repeat;
}
.shipin_tchu .about_close span:hover{
  background: url(../img/about_closeh.png) top center no-repeat;
}

/*关于我们-end*/
.yyzz_main{
  width: 800px;
  margin:0 auto;
}
.yyzz_main h3{
position: relative;
text-align: center;
font-size: 30px;
line-height: 34px;
color: #333;
font-weight: normal;
margin-top: 20px;
margin-bottom: 20px;
}
.yyzz_main h3:before {
position: absolute;
content: '';
width: 133px;
height: 21px;
background: url(https://bj.xhd.cn/topic/include/img/about-left.png) no-repeat;
left: 190px;
top: 50%;
margin-top: -10px;
}

.yyzz_main h3:after {
position: absolute;
content: '';
width: 133px;
height: 21px;
background: url(https://bj.xhd.cn/topic/include/img/about-right.png) no-repeat;
right: 190px;
top: 50%;
margin-top: -10px;
}
.yyzz_main img{
width: 800px;
height:auto;
} 
</pre></body></html>