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

  display: block;

}



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

}



.yx-footer {

  padding-top: 1px;

}



.yx-footer .title {

  margin-top: 25px;

}



.yx-footer ul {

  padding-top: 10px;

}



.wrapper {

  width: 1200px;

  margin: 0 auto;

}



.ban {

  width: 100%;

  height:455px;
  margin-top: 138px;

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

}



.daoyu {

  height: 217px;

  margin-top: -58px;

  position: relative;

  background-color: #fff;

  box-shadow: 0px 0 10px 0 rgba(9, 9, 9, 0.1);

}



.daoyu img {

  position: absolute;

  left: 0;

  top: -6px;

}



.daoyu p {

  font-size: 16px;

  color: #333;

  line-height: 26px;

  padding: 0 36px 0 136px;

}



.daoyu p:nth-child(2) {

  padding-top: 20px;

}



.title_zpj {

  height: 72px;

  background: url(../img/ti_bg.png) bottom center no-repeat;

  font-size: 46px;

  color: #333;

  line-height: 50px;

  text-align: center;

}



.anniu_btn {

  width: 180px;

  height: 40px;

  display: block;

  border-radius: 20px;

  font-size: 16px;

  color: #fff;

  text-align: center;

  line-height: 40px;

  margin: 0 auto;

  background: linear-gradient(to right, #2446f3, #1b81ff);

}



.rmzy {

    margin-top: 30px;
}



.rmzy ul li {

  width: 300px;

  height: 500px;

  float: left;

  margin-top: 30px;

  position: relative;

}



.rmzy ul li h6 {

  position: absolute;

  font-size: 24px;

  color: #fff;

  left: 20px;

  bottom: 50px;

}



.rmzy ul li p {

  position: absolute;

  left: 20px;

  bottom: 20px;

  color: #fff;

  font-size: 16px;

}



.rmzy .anniu_btn {

  margin-top: 40px;

}



.rmlx {

    margin-top: 30px;

}



.rmlx .rmlx_list {

  width: 375px;

  height: 465px;

  float: left;

  margin-top: 30px;

  margin-right: 37px;

  position: relative;

}



.rmlx .rmlx_list img {

  position: absolute;

  top: 26px;

  left: 76px;

}



.rmlx .rmlx_list h6 {

  text-align: center;

  font-size: 76px;

  color: #234af4;

  font-weight: normal;

  line-height: 80px;

  margin-top: 75px;

  position: relative;

}



.rmlx .rmlx_list h6::before {

  position: absolute;

  content: '';

  font-size: 16px;

  color: #999;

  bottom: -24px;

  left: 230px;

}



.rmlx .rmlx_list h5 {

  font-size: 40px;

  color: #333;

  font-weight: normal;

  text-align: center;

  line-height: 42px;

  margin-top: 25px;

}



.rmlx .rmlx_list p {

  font-size: 16px;

  color: #999;

  text-align: center;

  line-height: 24px;

  margin-top: 10px;

}



.rmlx .rmlx_list .anniu_btn {

  width: 132px;

  height: 32px;

  line-height: 32px;

  font-size: 16px;

  position: absolute;

  bottom: 48px;

  left: 50%;

  margin-left: -66px;

}



.rmlx .rmlx_list::after {

  position: absolute;

  content: '';

  width: 100%;

  height: 2px;

  background-color: #ececec;

  left: 0;

  bottom: 0;

}



.rmlx .rmlx_list:hover {

  box-shadow: 0px 0 10px 0 rgba(9, 9, 9, 0.1);

}



.rmlx .rmlx_list:hover::before {

  position: absolute;

  content: '';

  width: 100%;

  height: 7px;

  background: linear-gradient(to right, #2446f3, #1b81ff);

  top: 0;

  left: 0;

}



.rmlx .rmlx_list:nth-child(1) h6::before {

  content: 'American';

}



.rmlx .rmlx_list:nth-child(2) h6::before {

  content: 'Britain';

}



.rmlx .rmlx_list:nth-child(3) h6::before {

  content: 'Europe';

}



.rmlx .rmlx_list:nth-child(4) h6::before {

  content: 'Australia';

}



.rmlx .rmlx_list:nth-child(5) h6::before {

  content: 'Japan';

}



.rmlx .rmlx_list:nth-child(6) h6::before {

  content: 'South&nbsp;Korea';

}



.rmlx .marr0 {

  margin-right: 0;

}



.remengj {

  width: 100%;

  height: 400px;

  margin-top: 70px;

  padding-top: 56px;

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

}



.remengj .title_zpj {

  color: #fff;

}



.remengj ul {

  margin-top: 30px;

  display: flex;

  justify-content: space-between;

}



.remengj ul li {

  width: 240px;

}



.remengj ul li img {

  margin: 0 auto;

}



.remengj ul li h6 {

  font-size: 32px;

  color: #fff;

  text-align: center;

  line-height: 34px;

}



.remengj ul li p {

  text-align: center;

  font-size: 16px;

  color: #ebebeb;

  line-height: 26px;

  margin-top: 20px;

}



.remengj .anniu_btn {

  width: 200px;

  margin-top: 15px;

}



.buzhou {

  margin-top:30px;

}



.buzhou ul {

  width: 1200px;

  height: 192px;

  margin-top: 30px;

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

}



.buzhou ul li {

  width: 140px;

  float: left;

  margin-right: 10px;

  font-size: 24px;

  color: #333;

  text-align: center;

  padding-top: 82px;

}



.xue {

  margin-top: 30px;

}



.xue .youshi {

  height: 925px;

  margin-top: 40px;

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

  position: relative;

}



.xue .youshi .youshi_list {

  width: 448px;

  height: 398px;

  float: left;

}



.xue .youshi .youshi_list h6 {

  width: 88px;

  height: 88px;

  text-align: center;

  line-height: 88px;

  font-size: 40px;

  color: #fff;

  font-weight: normal;

}



.xue .youshi .youshi_list p {

  font-size: 22px;

  color: #fff;

  line-height: 32px;

  margin-top: 20px;

}



.xue .youshi .youshi_list span {

  display: block;

  font-size: 15px;

  line-height: 24px;

  color: #fff;

  margin-top: 15px;

}



.xue .youshi .youshi_list:nth-child(1) {

  margin-left: 143px;

}



.xue .youshi .youshi_list:nth-child(1) h6 {

  margin-left: 113px;

}



.xue .youshi .youshi_list:nth-child(1) p {

  margin-left: 22px;

  text-align: left;

}



.xue .youshi .youshi_list:nth-child(1) span {

  padding-left: 22px;

  text-align: left;

}



.xue .youshi .youshi_list:nth-child(2) {

  margin-left: 19px;

}



.xue .youshi .youshi_list:nth-child(2) h6 {

  margin-left: 248px;

}



.xue .youshi .youshi_list:nth-child(2) p {

  margin-right: 22px;

  text-align: right;

}



.xue .youshi .youshi_list:nth-child(2) span {

  padding-right: 22px;

  text-align: right;

}



.xue .youshi .youshi_list:nth-child(3) {

  margin-left: 143px;

  position: relative;

  margin-top: 87px;

}



.xue .youshi .youshi_list:nth-child(3) h6 {

  position: absolute;

  bottom: -43px;

  left: 113px;

}



.xue .youshi .youshi_list:nth-child(3) p {

  margin-top: 160px;

  margin-left: 22px;

  text-align: left;

}



.xue .youshi .youshi_list:nth-child(3) span {

  padding-left: 22px;

  text-align: left;

}



.xue .youshi .youshi_list:nth-child(4) {

  margin-left: 19px;

  position: relative;

  margin-top: 87px;

}



.xue .youshi .youshi_list:nth-child(4) h6 {

  position: absolute;

  bottom: -43px;

  left: 247px;

}



.xue .youshi .youshi_list:nth-child(4) p {

  margin-top: 160px;

  margin-right: 22px;

  text-align: right;

}



.xue .youshi .youshi_list:nth-child(4) span {

  padding-right: 22px;

  text-align: right;

}



.xue .anniu_btn {

  width: 200px;

  margin-top: 48px;

}



.course {

  width: 100%;

  height: 1220px;

  margin-top: 100px;

  padding-top: 56px;

  margin-bottom: 50px;

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

}



.course .title_zpj {

  color: #fff;

  position: relative;

}



.course .title_zpj::before {

  width: 100%;

  position: absolute;

  content: '夯实艺术技法，竭力激发个体创造力';

  left: 0;

  bottom: -5px;

  font-weight: normal;

  font-size: 18px;

  color: #fff;

  line-height: 22px;

  text-align: center;

}



.course .navbar {

  height: 64px;

  margin-top: 40px;

  display: flex;

  justify-content: space-between;

}



.course .navbar li {

  width: 290px;

  height: 64px;

  font-size: 24px;

  color: #fff;

  text-align: center;

  line-height: 64px;

  position: relative;

  cursor: pointer;

  background-color: #3e59db;

}



.course .navbar li::before {

  width: 100%;

  position: absolute;

  content: '';

  left: 0;

  font-size: 32px;

  line-height: 64px;

  text-align: center;

  color: rgba(255, 255, 255, 0.1);

}



.course .navbar li:nth-child(1)::before {

  content: 'ACESS CLASS';

}



.course .navbar li:nth-child(2)::before {

  content: 'ADVANCE CLASS';

}



.course .navbar li:nth-child(3)::before {

  content: 'APPROACH CLASS';

}



.course .navbar li:nth-child(4)::before {

  content: 'ACTIVITIES CLASS';

}



.course .navbar .active {

  color: #3e59db;

  background: #fff;

}



.course .navbar .active::before {

  color: rgba(62, 89, 219, 0.1);

}



.course .kc_contion {

  background: #fff;

}



.course .kc_list {

  display: none;

  padding: 1px 0 50px 0;

}



.course .kc_list .zhendui {

  padding: 0 22px 0 17px;

  font-size: 16px;

  line-height: 28px;

  color: #333;

  margin-top: 20px;

}



.course .kc_list .zhendui b {

  font-weight: normal;

  line-height: 30px;

  float: left;

}



.course .kc_list .zhendui:nth-child(2) {

  margin-top: 10px;

}



.course .kc_list table {

  width: 97%;

  margin: 40px auto 0;

  border-left: 1px solid #eaeef4;

}



.course .kc_list table tr td {

  text-align: center;

  font-size: 16px;

  color: #35497f;

  line-height: 56px;

  border-bottom: 1px solid #eaeef4;

  border-right: 1px solid #eaeef4;

}



.course .kc_list table .biaoti td {

  font-size: 20px;

  color: #fff;

  line-height: 64px;

  background-color: #545b7b;

}



.course .kc_list table .shen td {

  background-color: #f8f9fb;

}



.course .kc_list .kc_img1 {

  margin: 40px auto 0;

}



.course .kc_list .kc_title {

  width: 240px;

  height: 40px;

  font-size: 20px;

  color: #fff;

  text-align: center;

  line-height: 40px;

  font-weight: normal;

  margin: 30px auto 0;

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

}



.course .kc_list .kc_titlesj {

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

}



.course .kc_list .kc_nr {

  padding: 9px 16px 0 16px;

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

}



.course .kc_list .kc_nr li {

  width: 220px;

  height: 40px;

  margin-top: 40px;

  font-size: 20px;

  color: #3e59db;

  text-align: center;

  line-height: 40px;

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

}



.course .kc_list .kc_ysl {

  padding: 0 16px;

  margin-top: 50px;

  display: flex;

  justify-content: space-between;

}



.course .kc_list .kc_ysl li {

  width: 370px;

  height: 192px;

  position: relative;

}



.course .kc_list .kc_ysl li span {

  left: 16px;

  font-size: 20px;

  color: #fff;

  font-weight: bold;

  position: absolute;

  top: 33px;

}



.course .kc_list .kc_ysl li p {

  padding: 0 16px;

  font-size: 14px;

  line-height: 24px;

  color: #fff;

  position: absolute;

  left: 0;

  top: 80px;

}



.course .show {

  display: block;

}



.course .anniu_btn {

  margin-top: 48px;

}



.dayi {

  width: 100%;

  height: 603px;

  margin-top: 100px;

  margin-bottom: 20px;

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

}



.yuyue {

  width: 100%;

  height: 384px;

  margin-top: 100px;

  padding-top: 64px;

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

}



.yuyue .title_zpj {

  color: #fff;

}



.yuyue .yuyue_input {

  padding: 0 6px;

  margin-top: 35px;

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

}



.yuyue .yuyue_input input {

  width: 538px;

  height: 54px;

  border: 1px solid rgba(255, 255, 255, 0.6);

  border-radius: 4px;

  margin-bottom: 35px;

  font-size: 18px;

  text-indent: 48px;

  color: #fff;

}



.yuyue .yuyue_input .yi {

  background: url(../img/icon1.png) 25px center no-repeat rgba(255, 255, 255, 0.1);

}



.yuyue .yuyue_input .er {

  background: url(../img/icon2.png) 25px center no-repeat rgba(255, 255, 255, 0.1);

}



.yuyue .yuyue_input .san {

  background: url(../img/icon3.png) 25px center no-repeat rgba(255, 255, 255, 0.1);

}



.yuyue .yuyue_input .formCode{

  width: 545px;

  height: 54px;

  margin-bottom: 0;

 

}

.yuyue .yuyue_input .formCode .codeInput

{

  width:323px;

 text-align: center;

  height: 54px;

  background-color: rgba(255, 255, 255, 0.1);

  border-radius: 4px;

  font-size: 18px;

  line-height: 54px;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  outline: 0;

  border: 1px solid rgba(255, 255, 255, 0.6);

  color: #fff;

  margin-right: 30px;

  margin-bottom: 0;

  padding: 0;

  text-indent:0;

  float: left;

}

.yuyue .yuyue_input .formCode .codetxt{

  width: 180px;

  background: #e3e3e3;

  outline: none;

  height: 54px;

  cursor: pointer;

  font-size: 18px;

  border: 0;

  color: #000;

  border-radius: 4px;

  float:right;

}

.yuyue .yuyue_input .lxSubmit_af {

  width: 1200px;

  height: 54px;

  margin:0 auto;

  border-radius: 4px;

  font-size: 18px;

  color: #fff;

  border: 0;

  background: linear-gradient(to right, #3f58db, #4793f1);

}

.yuyue_input input::-webkit-input-placeholder {

  color: #fff;

}

.yuanxiao_list{

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}



.yx_list{

  width: 390px;

  height: 374px;

  margin-top: 35px;

  position: relative;

}



.yx_list .yx_img{

  width: 390px;

  height: 228px;

  box-shadow: 0px 0 10px 0 rgba(29, 40, 62, 0.2);

}



.yx_list .yx_nrlist{

  width: 378px;

  height: 276px;

  position: absolute;

  bottom: 0;

  left: 6px;

  border-radius: 8px 8px 0 0;

  background: #fff;

  box-shadow: 0px 0 10px 0 rgba(29, 40, 62, 0.2);

}



.yx_list .yx_nrlist dl{

  height: 95px;

  position: relative;

  padding: 28px 0 0 13px;

  margin-bottom: 25px;

}



.yx_list .yx_nrlist dl dt{

  float: left;

  width: 95px;

  height: 95px;

}



.yx_list .yx_nrlist dl dd{

  width: 256px;

  float: right;

  margin-left: 14px;

}



.yx_list .yx_nrlist dl dd h6{

  font-size: 20px;

  color: #333;

  line-height: 22px;

  font-weight: normal;

  padding-top: 10px;

}



.yx_list .yx_nrlist dl dd h5{

  font-size: 16px;

  color: #999;

  font-weight: normal;

  line-height: 18px;

  margin-top: 5px;

}



.yx_list .yx_nrlist dl dd h4{

  position: absolute;

  left: 122px;

  bottom: 0;

  font-size: 14px;

  color: #333;

  line-height: 18px;

  font-weight: normal;

}



.yx_list .yx_nrlist dl dd h4 b{

  font-weight: normal;

  color: #5e5e5e;

}



.yx_list .yx_nrlist p{

  font-size: 16px;

  color: #333;

  line-height: 18px;

  padding-left: 13px;

  margin-top: 10px;

}



.yx_list .yx_nrlist p b{

  font-weight: normal;

  color: #5e5e5e;

}



.yuanxiao_yslx .anniu_btn{

  margin: 40px auto;

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