body {

  min-width: 1000px;

}

.text-orange {

  color: #ea5503 !important;

}

.product-top {

  text-align: center;

  margin-top: 60px;

}

.product-top .title-en {

  font-size: 30px;

  font-weight: bold;

  color: #ea5503;

  opacity: 0.3;

}

.product-top .title-ch {

  position: relative;

  bottom: 28px;

  font-size: 30px;

  font-weight: bold;

  color: #ea5503;

}

.product-top .little-title {

  font-size: 18px;

  color: #909399;

  margin-top: -20px;

}

.product-top .little-title2 {

  margin-top: 0px;

}

.a-btn .a-btn-arrow {

  display: inline-block;

  width: 14px;

  height: 14px;

  background: url(a-btn-arrow.png);

  vertical-align: middle;

  margin-top: -1px;

}

.index-bg {

  width: 100%;

  height: 660px;

  background: url(index-bg.png) no-repeat 100% 100%;

  text-align: center;

}

.index-bg .title {

  font-size: 72px;

  font-weight: bold;

  color: #FFFFFF;

  padding-top: 220px;

  letter-spacing: 5px;

}

.index-bg .little-title {

  font-size: 30px;

  color: #FFFFFF;

  margin-top: 43px;

}

.index-bg .type-item {

  margin-top: 94px;

  text-align: center;

}

.index-bg .item {

  display: inline-block;

  width: 325px;

  height: 50px;

  line-height: 50px;

  background: -webkit-gradient(linear, left top, right top, from(#ea5503), color-stop(rgba(234, 85, 4, 0.1)), to(rgba(234, 85, 4, 0.1)));

  background: linear-gradient(90deg, #ea5503, rgba(234, 85, 4, 0.1));

  font-size: 24px;

  color: #FFFFFF;

  text-align: left;

  margin-left: 160px;

}

.index-bg .item:first-of-type {

  margin-left: 0px;

}

.index-bg .icon {

  display: inline-block;

  width: 44px;

  height: 30px;

  background: url(ic-type.png);

  margin-left: 30px;

  margin-right: 24px;

  vertical-align: middle;

  margin-top: -5px;

}

.information-inquiry .inquiry-type .type-row {

  text-align: center;

}

.information-inquiry .inquiry-type ul {

  display: inline-block;

}

.information-inquiry .inquiry-type li {

  float: left;

  width: 260px;

  height: 105px;

  background-color: #F6F6F6;

  border-bottom: 2px solid #F6F6F6;

  text-align: center;

  position: relative;

}

.information-inquiry .inquiry-type li a {

  display: block;

  width: 100%;

  height: 100%;

}

.information-inquiry .inquiry-type li a .title {

  font-size: 16px;

  color: #333333;

  margin-top: 5px;

}

.information-inquiry .inquiry-type li:after {

  content: "";

  display: block;

  position: absolute;

  right: 0;

  bottom: 0;

  height: 80px;

  border-left: 1px dashed #868686;

}

.information-inquiry .inquiry-type li:last-of-type:after {

  display: none;

}

.information-inquiry .inquiry-type .icon {

  display: inline-block;

  height: 40px;

  margin-top: 21px;

}

.information-inquiry .inquiry-type .icon1 {

  width: 46px;

  background: url(ic-inquiry-type1.png);

}

.information-inquiry .inquiry-type .icon2 {

  width: 35px;

  background: url(ic-inquiry-type2.png);

}

.information-inquiry .inquiry-type .icon3 {

  width: 39px;

  background: url(ic-inquiry-type3.png);

}

.information-inquiry .inquiry-type .icon4 {

  width: 33px;

  background: url(ic-inquiry-type4.png);

}

.information-inquiry .inquiry-type .icon5 {

  width: 43px;

  background: url(ic-inquiry-type5.png);

}

.information-inquiry .inquiry-type .icon6 {

  width: 36px;

  background: url(ic-inquiry-type6.png);

}

.information-inquiry .inquiry-type .icon7 {

  width: 46px;

  background: url(ic-inquiry-type7.png);

}

.information-inquiry .inquiry-type .icon8 {

  width: 40px;

  background: url(ic-inquiry-type8.png);

}

.information-inquiry .inquiry-type .icon9 {

  width: 34px;

  background: url(ic-inquiry-type9.png);

}

.information-inquiry .inquiry-type .icon10 {

  width: 34px;

  background: url(ic-inquiry-type10.png);

}

.information-inquiry .inquiry-type li:hover {

  border-bottom: 2px solid #ea5503;

}

.information-inquiry .inquiry-type li:hover .title {

  color: #ea5503;

}

.information-inquiry .inquiry-type li:hover .icon1 {

  background: url(ic-inquiry-type1-active.png);

}

.information-inquiry .inquiry-type li:hover .icon2 {

  background: url(ic-inquiry-type2-active.png);

}

.information-inquiry .inquiry-type li:hover .icon3 {

  background: url(ic-inquiry-type3-active.png);

}

.information-inquiry .inquiry-type li:hover .icon4 {

  background: url(ic-inquiry-type4-active.png);

}

.information-inquiry .inquiry-type li:hover .icon5 {

  background: url(ic-inquiry-type5-active.png);

}

.information-inquiry .inquiry-type li:hover .icon6 {

  background: url(ic-inquiry-type6-active.png);

}

.information-inquiry .inquiry-type li:hover .icon7 {

  background: url(ic-inquiry-type7-active.png);

}

.information-inquiry .inquiry-type li:hover .icon8 {

  background: url(ic-inquiry-type8-active.png);

}

.information-inquiry .inquiry-type li:hover .icon9 {

  background: url(ic-inquiry-type9-active.png);

}

.information-inquiry .inquiry-type li:hover .icon10 {

  background: url(ic-inquiry-type10-active.png);

}

.information-inquiry .a-btn {

  display: inline-block;

  width: 347px;

  height: 50px;

  line-height: 50px;

  background: #ea5503;

  border-radius: 25px;

  font-size: 16px;

  color: #FFFFFF;

  margin-top: 28px;

}

.information-inquiry .a-btn-arrow {

  margin-left: 23px;

}

.four-edu {

  text-align: center;

}

.four-edu ul {

  display: inline-block;

}

.four-edu li {

  width: 300px;

  float: left;

  border: 1px solid #C0C4CC;

  border-radius: 20px;

  margin-left: 30px;

  text-align: center;

  padding: 20px 0;

}

.four-edu li:first-of-type {

  margin-left: 0;

}

.four-edu li:hover {

  border: 1px solid #ea5503;

}

.four-edu .icon {

  display: inline-block;

  width: 258px;

  height: 150px;

}

.four-edu .ic-edu-type1 {

  background: url(ic-edu-type1.png);

}

.four-edu .ic-edu-type2 {

  background: url(ic-edu-type2.png);

}

.four-edu .ic-edu-type3 {

  background: url(ic-edu-type3.png);

}

.four-edu .ic-edu-type4 {

  background: url(ic-edu-type4.png);

}

.four-edu .title {

  display: inline-block;

  width: 200px;

  text-align: center;

  font-size: 24px;

  color: #ea5503;

  border-bottom: 1px solid #C0C4CC;

  padding: 12px 0;

  margin-top: 10px;

  margin-bottom: 12px;

}

.four-edu .text {

  font-size: 16px;

  color: #303234;

  margin-bottom: 7px;

}

.four-edu .a-btn {

  display: inline-block;

  width: 200px;

  height: 40px;

  line-height: 40px;

  background: #ea5503;

  border-radius: 5px;

  color: #ffffff;

  font-size: 16px;

  margin-top: 30px;

}

.four-edu .a-btn-arrow {

  margin-left: 15px;

}

.online-evaluation .online-test {

  text-align: center;

}

.online-evaluation .online {

  display: inline-block;

  width: 1300px;

}

.online-evaluation .online-l {

  float: left;

  width: 776px;

  height: 677px;

  background: url(ic-onlineEvaluation-bg.png) no-repeat;

  padding-top: 25px;

  padding-left: 40px;

}

.online-evaluation .problem {

  margin-top: 25px;

}

.online-evaluation .problem .title {

  font-size: 24px;

  color: #303133;

  text-align: left;

}

.online-evaluation .problem .select {

  padding-left: 38px;

  margin-top: 25px;

}

.online-evaluation .problem .label {

  font-size: 16px;

  color: #303133;

  float: left;

  width: 150px;

  position: relative;

  line-height: 22px;

  text-align: left;

}

.online-evaluation .problem .label span {

  cursor: pointer;

}

.online-evaluation .problem .label:last-of-type {

  width: auto;

}

.online-evaluation .problem input[type='radio'] {

  height: 20px;

  -webkit-appearance: none;

  width: 22px;

  height: 22px;

  padding: 0;

  background-color: #fff;

  border: 1px solid #C0C4CC;

  border-radius: 50%;

  outline: none;

  margin-right: 10px;

  cursor: pointer;

  display: inline-block;

  vertical-align: top;

}

.online-evaluation .problem .label input:checked {

  border: 1px solid #ea5503;

}

.online-evaluation .problem input[type='radio']:before {

  content: "";

  display: none;

  width: 14px;

  height: 14px;

  background-color: #ea5503;

  border-radius: 50%;

  position: absolute;

  top: 4px;

  left: 4px;

}

.online-evaluation .problem .label input:checked:before {

  display: block;

}

.online-evaluation .problem input:checked + span {

  color: #ea5503;

}

.online-evaluation .contact {

  margin-top: 55px;

}

.online-evaluation .contact .input-area {

  margin-right: 28px;

  float: left;

  position: relative;

}

.online-evaluation .contact .icon {

  display: inline-block;

  position: absolute;

}

.online-evaluation .contact .icon1 {

  width: 26px;

  height: 26px;

  background: url(ic-user.png);

  left: 12px;

  top: 7px;

}

.online-evaluation .contact .icon2 {

  width: 18px;

  height: 26px;

  background: url(ic-phone.png);

  left: 12px;

  top: 7px;

}

.online-evaluation .contact input {

  width: 165px;

  padding-left: 43px;

  padding-right: 10px;

  height: 40px;

  border: 1px solid #C0C4CC;

  border-radius: 5px;

  color: #303234;

  font-size: 18px;

}

.online-evaluation .contact .a-btn {

  float: left;

  width: 220px;

  height: 40px;

  line-height: 40px;

  background: #ea5503;

  border-radius: 5px;

  color: #ffffff;

  font-size: 18px;

}

.online-evaluation .online-r {

  float: right;

  width: 440px;

  height: 642px;

  padding: 30px 20px;

  background-color: #F6F6F6;

  box-shadow: 0px 0px 8px 1px #A3A3A3;

  border-radius: 10px;

}

.online-evaluation .online-r .title {

  font-size: 24px;

  color: #ea5503;

  text-align: left;

  margin-left: 7px;

  margin-bottom: 35px;

}

.online-evaluation .online-r .check-type {

  width: 100%;

  height: 130px;

  background-color: #ffffff;

  border-top: 10px solid #ea5503;

  margin-bottom: 30px;

}

.online-evaluation .online-r .check-type .type-l {

  font-size: 16px;

  color: #303133;

  float: left;

  height: 80px;

  line-height: 80px;

  border-right: 1px dashed #C0C4CC;

  margin-top: 25px;

  width: 180px;

  padding-left: 40px;

  text-align: left;

}

.online-evaluation .online-r .check-type .a-btn {

  display: inline-block;

  width: 110px;

  height: 40px;

  line-height: 40px;

  background: #ea5503;

  border-radius: 20px;

  font-size: 16px;

  color: #FFFFFF;

  margin-left: 70px;

  margin-top: 45px;

  text-align: center;

}

.choose-school {

  width: 100%;

  min-height: 555px;

  background: url(school-bg.png);

}

.choose-school .product-top {

  padding-top: 70px;

  margin-top: 0;

}

.choose-school .list {

  margin-top: 40px;

  display: inline-block;

}

.choose-school .list .item {

  width: 302px;

  height: 314px;

  background: #FFFFFF;

  box-shadow: 0px 0px 8px 1px #A3A3A3;

  border-radius: 10px;

  float: left;

  margin-left: 30px;

}

.choose-school .list .item:first-of-type {

  margin-left: 0;

}

.choose-school .list .img {

  width: 100%;

  height: 170px;

}

.choose-school .list .img1 {

  background: url(ic-school-1.png);

}

.choose-school .list .img2 {

  background: url(ic-school-2.png);

}

.choose-school .list .img3 {

  background: url(ic-school-3.png);

}

.choose-school .list .img4 {

  background: url(ic-school-4.png);

}

.choose-school .list .title {

  font-size: 24px;

  color: #303133;

  margin: 25px 0;

}

.choose-school .list .a-btn {

  display: inline-block;

  width: 203px;

  height: 40px;

  line-height: 40px;

  background: #ea5503;

  border-radius: 5px;

  color: #ffffff;

  font-size: 16px;

}

.choose-school .list .a-btn-arrow {

  margin-left: 15px;

}

.school-detail {

  width: 100%;

  height: 441px;

  background: url(school-detail-bg.png);

}

.school-detail .content {

  margin: 0 auto;

  width: 1300px;

  padding-top: 40px;

}

.school-detail .title {

  font-size: 30px;

  color: #FFFFFF;

}

.school-detail .detail {

  margin-top: 90px;

  text-align: center;

}

.school-detail .detail .text {

  display: inline-block;

  font-size: 16px;

  color: #FFFFFF;

  margin-right: 30px;

  margin-left: 70px;

}

.school-detail .detail .text1 {

  margin-left: 0;

}

.school-detail .detail .form-item {

  display: inline-block;

  width: 240px;

  height: 40px;

  color: #303133;

  font-size: 16px;

  padding-left: 20px;

  padding-right: 20px;

}

.school-detail .tip {

  font-size: 16px;

  color: #EFEFEF;

  margin-top: 75px;

  text-align: center;

}

.school-detail .a-btn {

  display: inline-block;

  width: 220px;

  height: 40px;

  line-height: 40px;

  background: #ea5503;

  border-radius: 5px;

  color: #ffffff;

  font-size: 16px;

  margin-top: 40px;

}

.large-advantage .content {

  height: 240px;

}

.large-advantage .content-bg {

  width: 100%;

  height: 200px;

  background-color: #ea5503;

  margin-top: 70px;

  text-align: center;

}

.large-advantage .list {

  display: inline-block;

  margin-top: -45px;

}

.large-advantage .item {

  float: left;

  width: 245px;

  height: 290px;

  background: url(advantage-type-bg.png);

  margin-left: 17px;

}

.large-advantage .item .title {

  color: #ffffff;

  font-size: 18px;

  margin-top: 84px;

}

.large-advantage .item .text-row {

  font-size: 16px;

  color: #303133;

  line-height: 24px;

  margin-top: 28px;

}

.large-advantage .item:first-of-type {

  margin-left: 0;

}

.query-edu .content {

  text-align: center;

  padding-bottom: 80px;

}

.query-edu .content-l {

  display: inline-block;

  width: 630px;

  height: 433px;

  background: url(query-edu-1.png);

  font-size: 16px;

  line-height: 36px;

  color: #303133;

  text-align: left;

}

.query-edu .content-l .text-t {

  margin-top: 124px;

  margin-left: 120px;

}

.query-edu .content-l .text-b {

  margin-top: 60px;

  margin-left: 120px;

}

.query-edu .content-r {

  display: inline-block;

  width: 625px;

  height: 453px;

  background: url(query-edu-2.png);

  vertical-align: top;

  margin-top: 26px;

  margin-left: 40px;

}

@media screen and (width: 1920px) {

  /* 联系我们 */

  .footer {

    background-color: #f5f5f5;

    padding-top: 56px;

  }

  .footer .footer-title {

    text-align: center;

  }

  .footer .footer-title .title-ch {

    font-size: 24px;

    color: #222;

    margin-bottom: 11px;

  }

  .footer .footer-title .title-en {

    font-size: 18px;

    color: #666;

  }

  .footer .f-bottom {

    width: 1221px;

    margin: 29px auto 0px auto;

    padding-bottom: 25px;

  }

  .footer .f-bottom .b-left .company {

    margin: 41px 0 37px 0;

    font-size: 16px;

    color: #212121;

  }

  .footer .f-bottom .b-left .site {

    font-size: 14px;

    color: #212121;

    margin-bottom: 16px;

  }

  .footer .f-bottom .b-left .left-box .phone,

  .footer .f-bottom .b-left .left-box .email {

    margin-bottom: 16px;

  }

  .footer .f-bottom .b-left .left-box .phone span,

  .footer .f-bottom .b-left .left-box .email span {

    font-size: 14px;

    color: #212121;

  }

  .footer .f-bottom .b-left .left-box .phone span:first-child,

  .footer .f-bottom .b-left .left-box .email span:first-child {

    display: inline-block;

    width: 328px;

  }

  .footer .f-bottom .b-left .left-box .email {

    margin-bottom: 21px;

  }

  .footer .f-bottom .b-left .left-bottom {

    line-height: 108px;

  }

  .footer .f-bottom .b-left .left-bottom p {

    font-size: 14px;

    color: #212121;

    margin-right: 30px;

  }

  .footer .f-bottom .b-left .left-bottom img {

    margin-right: 60px;

  }

  .footer .f-bottom .b-left .left-bottom img:last-child {

    margin-right: 0px;

  }

  .footer .f-bottom .b-right {

    width: 573px;

    height: 365px;

  }

  .footer .f-bottom .map-iframe {

    width: 100%!important;

  }

}

@media not screen and (width: 1920px) {

  /* 联系我们 */

  .footer {

    background-color: #f5f5f5;

    padding-top: 56px;

  }

  .footer .footer-title {

    text-align: center;

  }

  .footer .footer-title .title-ch {

    font-size: 24px;

    color: #222;

    margin-bottom: 11px;

  }

  .footer .footer-title .title-en {

    font-size: 18px;

    color: #666;

  }

  .footer .f-bottom {

    width: 100%;

    margin: 29px auto 0px auto;

    padding-bottom: 25px;

    text-align: center;

  }

  .footer .f-bottom > div {

    display: inline-block;

    min-width: 1000px;

  }

  .footer .f-bottom .b-left {

    text-align: left;

  }

  .footer .f-bottom .b-left .company {

    margin: 41px 0 37px 0;

    font-size: 16px;

    color: #212121;

  }

  .footer .f-bottom .b-left .site {

    font-size: 14px;

    color: #212121;

    margin-bottom: 16px;

  }

  .footer .f-bottom .b-left .left-box .phone,

  .footer .f-bottom .b-left .left-box .email {

    margin-bottom: 16px;

  }

  .footer .f-bottom .b-left .left-box .phone span,

  .footer .f-bottom .b-left .left-box .email span {

    font-size: 14px;

    color: #212121;

  }

  .footer .f-bottom .b-left .left-box .phone span:first-child,

  .footer .f-bottom .b-left .left-box .email span:first-child {

    display: inline-block;

    width: 328px;

  }

  .footer .f-bottom .b-left .left-box .email {

    margin-bottom: 21px;

  }

  .footer .f-bottom .b-left .left-bottom {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

  }

  .footer .f-bottom .b-left .left-bottom p {

    font-size: 14px;

    color: #212121;

    margin-right: 30px;

  }

  .footer .f-bottom .b-left .left-bottom img {

    margin-right: 60px;

  }

  .footer .f-bottom .b-left .left-bottom img:last-child {

    margin-right: 0px;

  }

  .footer .f-bottom .b-right {

    width: 430px;

    height: 365px;

  }

  .footer .f-bottom .map-iframe {

    width: 100%!important;

  }

  .index-bg .item {

    width: 260px;

    font-size: 18px;

    margin-left: 100px;

  }

  .information-inquiry .inquiry-type li {

    width: 200px;

  }

  .four-edu li {

    width: 250px;

    margin-left: 15px;

  }

  .four-edu li .icon {

    width: 210px;

    background-size: 100% 100%;

  }

  .online-evaluation .online {

    width: 1000px;

  }

  .online-evaluation .online-l {

    width: 600px;

    background-size: 100% 100%;

  }

  .online-evaluation .online-r {

    width: 300px;

    background-size: 100% 100%;

  }

  .online-evaluation .problem .title {

    font-size: 20px;

  }

  .online-evaluation .problem .label {

    width: 115px;

    font-size: 14px;

  }

  .online-evaluation .contact .input-area {

    margin-right: 10px;

  }

  .online-evaluation .contact .input-area input {

    font-size: 14px;

    width: 130px;

  }

  .online-evaluation .contact .a-btn {

    width: 170px;

    font-size: 14px;

  }

  .online-evaluation .online-r .check-type .type-l {

    width: 100px;

  }

  .online-evaluation .online-r .check-type .a-btn {

    margin-left: 20px;

  }

  .choose-school .list .item {

    width: 250px;

  }

  .choose-school .list .item {

    font-size: 20px;

    margin-left: 15px;

  }

  .choose-school .list .a-btn {

    width: 160px;

    font-size: 16px;

  }

  .school-detail .content {

    width: 1000px;

  }

  .school-detail .detail .text {

    margin-right: 10px;

    margin-left: 20px;

  }

  .school-detail .detail .form-item {

    width: 200px;

  }

  .large-advantage .list {

    min-width: 1145px;

  }

  .large-advantage .item {

    width: 220px;

    background-size: 100% 100%;

    margin-left: 10px;

  }

  .large-advantage .item .title {

    font-size: 16px;

  }

  .large-advantage .item .text-row {

    font-size: 14px;

  }

  .query-edu .content-l {

    background-size: 100% 100%;

  }

  .query-edu .content-r {

    background-size: 100% 100%;

    width: 510px;

  }

}

@media screen and (max-width: 1100px) {

  .four-edu {

    padding: 0 60px;

    text-align: center;

  }

  .four-edu li {

    float: none;

    display: inline-block;

    width: 300px;

    margin-left: 30px;

  }

  .four-edu li:nth-of-type(3),

  .four-edu li:nth-of-type(4) {

    margin-top: 30px;

  }

  .four-edu li:nth-of-type(3) {

    margin-left: 0;

  }

  .online-evaluation .online {

    text-align: center;

  }

  .online-evaluation .online-l {

    float: none;

    display: inline-block;

  }

  .online-evaluation .online-r {

    width: 440px;

    float: none;

    display: inline-block;

    margin-top: 30px;

  }

  .choose-school .list .item {

    float: none;

    display: inline-block;

    width: 350px;

    margin-left: 40px;

    margin-bottom: 30px;

  }

  .choose-school .list .item:nth-of-type(3) {

    margin-left: 0;

  }

  .large-advantage .list {

    min-width: 1000px;

  }

  .large-advantage .item {

    width: 190px;

  }

  .large-advantage .item .title {

    font-size: 14px;

    margin-top: 90px;

  }

}

