@charset "UTF-8";
/* CSS Document */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  font-size: 14px;
}

body {
  font: 14px 'Arail', 'Microsoft Yahei';
  color: #414141;
  -webkit-text-size-adjust: none;
  min-width: 320px;
}

body {
  position: relative;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

ul,
ol {
  list-style: none;
}

a {
  text-decoration: none;
  color: #333;
}

a:hover,
a:active,
a:focus {
  color: #fff;
  text-decoration: none;
}

input,
select,
textarea {
  outline: none;
}

img {
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}

input[type='button'],
input[type='submit'],
input[type='reset'],
select {
  -webkit-appearance: none;
  border-radius: 0;
}

.break {
  word-break: break-all;
  word-wrap: break-word;
}

header,
footer,
article,
section,
nav,
menu,
hgroup {
  display: block;
  clear: all;
}

.fix {
  zoom: 1;
}

.fix:before,
.fix:after {
  content: '';
  display: table;
}

.fix:after {
  clear: both;
}

/*---------------------------全局页面控制----------------------------*/

body {
  /* line-height: 22px; */
  font-size: 16px;
  color: #333333;
  font-family: '微软雅黑', 'Microsoft YaHei', Helvetica, Arial;
  font-weight: 300;
}

a {
  color: #333333;
}

.img_title {
  text-indent: -9999px;
  margin: 0 auto;
}

.content {
  width: 999px;
  margin: 0 auto;
}

.sign_up_more,
.sign_up_appointment {
  display: inline-block;
  width: 194px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  background-color: #4991dc;
  color: #fff;
  border-radius: 30px;
  font-size: 18px;
}
.sign_up_appointment {
  margin-left: 71px;
  background-color: #ff9125;
}
.fl-h {
  color: white;
  width: 1100px;
  height: 150px;
  border: 1px solid #4991dc;
  border-radius: 10px;
  background-color: #4991dc;
  padding: 30px;
  line-height: 23px;
  text-align: left;
}
.fl-p {
  margin: 0 auto;
  margin-top: 17px;
  width: 94px;
  height: 3px;
  background-color: #0153a1;
}

#nav {
  height: 105px;
  text-align: center;
  background-color: #fff;
}
/* banner */
.banner {
  width: 100%;
  height: 618px;
  background: url(../images/banner.jpg) no-repeat center;
}
/* =====================导语===================== */
.introduction {
  margin: 0 auto;
  margin-top: 43px;
  width: 1036px;
}
.introduction > div {
  float: left;
  width: 160px;
  height: 128px;
  margin-right: 33px;
  font-size: 55px;
  color: #0153a1;
  background: url(../images/introduction.jpg) no-repeat right 12px;
}
.introduction > p {
  color: #242424;
  line-height: 28px;
    font-size: 16px;
}
.part1{
  background: url(../images/part1-bg.jpg) no-repeat center top;
  height: 848px;
}
.part1 .note1{
  background: url(../images/note1.png) no-repeat center top;
  width: 1100px;
  height: 150px;
  margin-top: 10px;
  font-size: 26px;
  font-weight: bold;
  color: white;
}
.part1 .note1 p{
  padding-left: 90px;
  padding-top: 70px;
}
.part1 .note2{
  background: url(../images/part1-1.png) no-repeat center top;
  width: 1100px;
  height: 360px;
  margin-top: 10px;
  font-size: 26px;
  font-weight: bold;
  color: white;
  margin-bottom: 50px;
  margin-top: 30px;
}
.part1 .note2 p{
  padding-top: 250px;
  float: left;
  text-align: left;
  font-weight: 500;
  width: 320px;
  font-size: 20px;
  color: black;
  margin-left: 45px;
}
/* 英文授课优势 */
.one-fl {
  margin: 0 auto;
  width: 1100px;
  text-align: center;
}
.part2{
  background-color: #7ec1fd;
  height: 950px;
  padding-top: 30px;
}
.part2 .note1{
  background: url(../images/part2.jpg) no-repeat center top;
  width: 1100px;
  height: 800px;
  font-size: 26px;
  font-weight: bold;
  color: white;
  border-radius: 35px;
  margin-bottom: 40px;
}
.part2 .note1 ul{
  padding-top: 115px;
  margin-bottom: 218px;
}
.part2 .note1 ul li{
  float: left;
  font-size:16px;
  color: #4991dc;
}
.part2 .note1 ul .li1{
  width: 260px;
  height: 195px;
  background: url(../images/part-01.png) no-repeat center top;
  margin-left: 10px;
  padding-top: 70px;
  line-height: 30px;
  text-align: left;
  padding-left: 60px;
}
.part2 .note1 ul .li2{
  width: 275px;
  height: 195px;
  background: url(../images/part-02.png) no-repeat center top;
  padding-top: 60px;
  line-height: 30px;
  text-align: left;
  padding-left: 80px;
}
.part2 .note1 ul .li3{
  width: 275px;
  height: 195px;
  background: url(../images/part-03.png) no-repeat center top;
  padding-top: 70px;
  line-height: 30px;
  text-align: left;
  padding-left: 80px;
}
.part2 .note1 ul .li4{
  width: 275px;
  height: 220px;
  background: url(../images/part-04.png) no-repeat center top;
  padding-top: 70px;
  line-height: 30px;
  text-align: left;
  padding-left: 80px;
}
.part2 .note1 .li5{
  width: 1055px;
  height: 444px;
  background: url(../images/part-05.png) no-repeat center top;
  margin-left: 18px;
  font-size: 16px;
  color: #4991dc;
  text-align: left;
}
.part2 .note1 .li5 p{
  padding-top: 20px;
  padding-left: 40px;
}

.part3{
  background-color: #e4f1fb;
  padding-top: 30px;
  padding-bottom: 30px;
}
.part3 .note1{
  width: 1100px;
  font-size: 26px;
  font-weight: bold;
  color: white;
  border-radius: 35px;
  margin-bottom: 40px;
  background-color: white;
  border-radius: 20px;
  padding-bottom: 40px;
}
.part3 .note1 .part-3-tou{
  width: 1100px;
  height: 80px;
  border-radius: 20px 20px 0px 0px;
}
.part3 .note1 ul{
  padding-top: 30px;
  width: 800px;
  margin: auto;
  height: 80px;
}
.part3 .note1 ul li{
  float: left;
  font-size:16px;
  color: #4991dc;
  font-size: 26px;
  color: #bebebe;
  float: left;
  width: 130px;
  cursor: pointer;
}
.part3 .note1 .case1{
  width: 250px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  transform: skewX(20deg);
  background-color: #ff9125;
  color: white;
  font-size: 16px;
  margin-left: 30px;
  margin-top: 20px;
}
.part3 .note1 table{
  margin-left: 20px;
  margin-top: 20px;
}
.part3 .note1 .case1 p{
  transform: skewX(-20deg);
}
.part3 table tr td{
  padding: 10px;
}
.part3 .note1 .table_model{
  display: none;
}
.on{
  color: #ff9125 !important;
}
.part4{
  background-color: #7ec1fd;
  padding-top: 30px;
  padding-bottom: 30px;
}
.part4 .note1{
  width: 1100px;
  font-size: 26px;
  font-weight: bold;
  color: white;
  border-radius: 35px;
  margin-bottom: 40px;
  background-color: #4991dc;
  border-radius: 20px;
  padding-bottom: 40px;
}
.part4 .note1 .part-3-tou{
  width: 1100px;
  height: 95px;
  border-radius: 20px 20px 0px 0px;
}
.part4 .note1 ul{
  padding-top: 30px;
  width: 990px;
  margin: auto;
  height: 80px;
}
.part4 .note1 ul li{
  background-color: white;
  float: left;
  font-size:16px;
  color: black;
  font-size: 22px;
  float: left;
  width: 135px;
  height: 35px;
  line-height: 35px;
  cursor: pointer;
  margin-left: 30px;
  position: relative;
}
.part4 .note1 ul li .xian{
  border: 4px solid white;
    position: absolute;
    top: 15px;
    right: -30px;
    width: 30px;
}
.part4 .note1 .qide_model {
  position: relative;
}
.part4 .note1 .qide_model img{
  margin-top: 20px;
  width: 1000px;
  height: 278px;
  border-radius: 0px;
}
.part4 .note1 .qide_model p{
  width: 480px;
  position: absolute;
  right: 100px;
  top: 66px;
  font-size: 22px;
  color: black;
  font-weight: 500;
  text-align: left;
}
.qide_model {
  display: none;
}
.on4{
  background-color: #1552be !important;
  color: white !important;
}
.table_bg{
  background-color: #ffd7b0 !important;
}