/*
 * 站点首页样式
 */

/*#region banner样式 */

.wr-banner li {
  background-position: center;
  height: 601px;
  position: relative;
}

.wr-banner li.slider-1 {
  background-image: url("Images/home/slider-1.jpg");
}

.wr-banner li.slider-2 {
  background-image: url("Images/home/slider-22.png");
}

.wr-banner li.slider-3 {
  background-image: url("Images/home/slider-3.png");
}

.wr-banner li.slider-4 {
  background-image: url("Images/home/slider-4.png");
}

/*#region 第一屏 */

.home-link {
  position: absolute;
  text-align: center;
  width: 100%;
}

.home-link a {
  color: #fff;
  font-size: 24px;
  width: 161px;
  display: inline-block;
  height: 50px;
  line-height: 50px;
  text-align: center;
  margin: 0 15px;
  border-radius: 10px;
}

.slider-1 .home-link {
  bottom: 90px;
  margin-left: -42px;
}

.slider-1 .wr-register {
  background-color: #f7b409;
  box-shadow: 3px 3px #cd8611;
}

.slider-1 .wr-register:hover {
  background-color: #d6a21e;
}

.slider-1 .wr-detail {
  background-color: #a79b7d;
  box-shadow: 3px 3px #756c57;
}

.slider-1 .wr-detail:hover {
  background-color: #bbaf90;
}

/*#endregion */

/*#region 第二屏 */

.slider-2 .total-num {
  position: absolute;
  text-align: center;
  width: 100%;
  bottom: 230px;
  color: #fff;
  font-size: 24px;
  margin-left: 290px;
}

.slider-2 .total-num .orange {
  color: #f0dab0;
  font-size: 32px;
}

.slider-2 .home-link {
  bottom: 130px;
  margin-left: 130px;
}

.slider-2 .wr-register {
  background-color: #9ec9c8;
  box-shadow: 3px 3px #6f8c8c;
}

.slider-2 .wr-register:hover {
  background-color: #a2dad9;
}

.slider-2 .wr-detail {
  background-color: #f5a377;
  box-shadow: 3px 3px #ac7253;
}

.slider-2 .wr-detail:hover {
  background-color: #e8ad8d;
}

/*#endregion */

/*#region 第三屏 */

.slider-3 .total-percent {
  position: absolute;
  bottom: 350px;
  text-align: center;
  width: 100%;
  color: #fff;
  font-size: 19px;
}

.slider-3 .total-percent .red {
  color: #e95f5f;
}

.slider-3 .total-percent .font-29 {
  font-size: 29px;
}

.slider-3 .home-link {
  bottom: 130px;
}

.slider-3 .wr-register {
  background-color: #66c2e1;
  box-shadow: 3px 3px #48879d;
}

.slider-3 .wr-register:hover {
  background-color: #7ac3dc;
}

.slider-3 .wr-detail {
  background-color: #e2a300;
  box-shadow: 3px 3px #9f7200;
}

.slider-3 .wr-detail:hover {
  background-color: #f7b409;
}

/*#endregion */

/*#region 第四屏 */

.slider-4 .home-link {
  bottom: 110px;
  margin-left: -405px;
}

.slider-4 .wr-detail {
  background-color: #d4a52f;
  box-shadow: 3px 3px #957321;
}

.slider-4 .wr-detail:hover {
  background-color: #f7b409;
}

/*#endregion */

/*#region 箭头和小圆点 */

.unslider-arrow {
  top: 280px;
  margin: 0 100px;
}

.unslider-nav {
  position: absolute;
  width: 100%;
  top: 620px;
}

.unslider-nav ol li {
  width: 0px !important;
  height: 0px !important;
  border: 0 !important;
}

/*#endregion */

/*#endregion */

/*#region 我们的服务 */

.wr-service {
  width: 1000px;
  margin: 0 auto;
  text-align: center;
  padding: 40px 0;
}

.wr-service .our-service,
.wr-listen .sent,
.wr-partner .sent {
  text-align: center;
  font-size: 34px;
  margin: 0;
}

.wr-service .line,
.wr-listen .line,
.wr-partner .line {
  display: inline-block;
  width: 165px;
  border-bottom: 1px solid #000;
  position: relative;
  top: -12px;
}

.wr-service .sent,
.wr-listen .sent,
.wr-partner .sent {
  margin: 0 40px;
}

.wr-service .face-to {
  text-align: center;
  margin: 25px 0 50px;
  color: #66717e;
}

.wr-service .service-object {
}

.wr-service .service-object li {
  display: inline-block;
  margin: 0 38px;
  cursor: pointer;
  font-size: 24px;
}

.wr-service .service-object li.select {
  color: #ffa817;
}

/*#endregion */

/*#region 中间介绍 */

.introduce {
  width: 1000px;
  margin: 0 auto;
}

.introduce .wrap {
  padding: 70px 30px;
  position: relative;
}

.introduce .left,
.introduce .right {
  width: 49%;
  display: inline-block;
  vertical-align: top;
}

.introduce .right {
  text-align: center;
}

.introduce .identity {
  font-size: 32px;
}

.introduce .know-detail {
  float: right;
  font-size: 15px;
  background-color: #d2807c;
  padding: 2px 20px;
  color: #fff;
  border-radius: 5px;
  margin: 10px 15px;
}

.introduce .details {
  text-align: justify;
  font-size: 15px;
  padding-right: 15px;
  height: 170px;
  color: #66717e;
}

.introduce .link {
  color: #12b4a4;
  text-decoration: underline;
  margin-right: 3px;
}

.introduce .triangle {
  border-top: 30px solid #f7f7f7;
  display: inline-block;
  border-left: 25px solid #fff;
  border-right: 25px solid #fff;
  position: absolute;
  top: 0;
}

.introduce .highschool .triangle {
  left: 135px;
}

.introduce .student .triangle {
  left: 360px;
}

.introduce .staff .triangle {
  left: 590px;
}

.introduce .enterprise .triangle {
  left: 840px;
}

/*#endregion */

/*#region 听听TA的声音 */

.wr-listen {
  width: 1000px;
  margin: 0 auto;
  text-align: center;
  padding: 75px 0;
}

.wr-listen .her-words {
  margin-top: 50px;
}

.wr-listen .content {
  width: 750px;
  display: inline-block;
  padding: 0 15px;
  display: inline-block;
  color: #66717e;
  text-align: left;
}

.wr-listen .left-quote {
  top: -16px;
  vertical-align: top;
  position: relative;
}

.wr-listen .famous-star {
  padding: 0;
  margin-top: 60px;
  height: 111px;
}

.wr-listen .famous-star li {
  display: inline-block;
  width: 25%;
  border-top: 1px solid #ffcf7f;
  padding-top: 15px;
  float: left;
  cursor: pointer;
}

.wr-listen li .left,
.wr-listen li .right {
  display: inline-block;
  vertical-align: top;
  text-align: left;
}

.wr-listen .left {
  width: 35%;
}

.wr-listen .right {
  width: 60%;
}

.wr-listen .left img {
  border-radius: 50%;
  width: 80px;
  height: 80px;
}

.wr-listen .right .name {
  font-size: 24px;
  margin: 0;
}

.wr-listen .right .job {
  font-size: 14px;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #66717e;
}

.wr-listen li.select {
  border-top: 1px solid #ff9451;
}

/*#endregion */

/*#region 合作伙伴 */

.wr-partner {
  width: 1000px;
  margin: 0 auto;
  text-align: center;
  padding: 80px 0;
}

.wr-partner ul {
  padding: 0;
  margin-top: 60px;
}

.wr-partner ul li {
  display: inline-block;
  width: 18%;
  margin: 0 3%;
}

.wr-partner ul li img {
  width: 100%;
}

/*#endregion */

/*w2019/03/09*/

.slider-1 .home-link {
  margin-left: 256px;
}

.home-link a.wr-shortcut {
  width: auto;
  background-color: #ff7200;
  box-shadow: 3px 3px #c85110;
  padding: 0 10px 0 20px;
}

.home-link a.wr-shortcut:hover {
  background: #e56701;
}

.wr-main-row .wr-wrap {
  width: 1000px;
  margin: 0 auto;
}

.wr-backdrop {
  background: url(Images/home/backdrop_bg.png) no-repeat center 0;
}

.wr-block-headlines {
  position: relative;
  text-align: center;
  font-size: 34px;
  padding-top: 45px;
}

.wr-block-headlines:after,
.wr-block-headlines:before {
  content: "";
  height: 1px;
  background: #000;
  width: 157px;
  top: 72px;
  display: block;
  position: absolute;
}

.wr-block-headlines:after {
  right: 165px;
}

.wr-block-headlines:before {
  left: 165px;
}

.wr-headline-txt {
  font-size: 18px;
  text-align: center;
  color: #66717e;
  padding: 10px 0;
}

.wr-backdrop-item {
  float: left;
  width: 240px;
  margin: 20px 20px 0;
}

.wr-iconbox {
  width: 150px;
  height: 150px;
  margin: 0 auto;
  padding: 10px;
  box-sizing: border-box;
  border-radius: 50%;
  border: 1px solid #ffa817;
}

.wr-home-icons {
  background: url(Images/home/home-icons.png) no-repeat #fff;
  border-radius: 50%;
  width: 127px;
  height: 127px;
  display: inline-block;
}

.wr-home-tortuous {
  background-position: 0 0;
}

.wr-home-clocks {
  background-position: -130px 0;
}

.wr-home-organization {
  background-position: -260px 0;
}

.wr-home-nail {
  background-position: -390px 0;
}

.wr-backdrop-item h3 {
  font-size: 20px;
  text-align: center;
  font-weight: bold;
}

.wr-backdrop-item p {
  font-size: 14px;
  color: #66717e;
}

.wr-backdrop-c {
  padding: 0;
  margin: 0 -60px;
}

.wr-root-txt {
  padding: 115px 0 50px;
  width: 320px;
  margin: 0 auto;
  text-align: center;
  font-size: 14px;
  color: #66717e;
}

.wr-root-txt p {
  font-size: 20px;
  color: #393939;
  font-weight: bold;
}

.wr-rootbox {
  background: url(Images/home/h-rootbg.png) center 0 no-repeat;
}

/*.pointing-line{position: absolute;}
.wr-hdot{width:14px; height: 14px; display: block; background: #ffa817; position: absolute; border-radius: 50%;}
.dot1{left:300px; top:60px;}
.dot2{left:355px; top:-30px;}
.dot3{left:355px; top:-30px;}*/

.wr-backdrop-c {
  margin-top: 75px;
}

.graybg {
  background: #f7f7f7;
}

.wr-block-content {
  padding-bottom: 40px;
}

.wr-lnbg {
  background: url(Images/home/evaluation-idea_bg.png) no-repeat center 0;
  height: 611px;
  display: block;
}

.wr-evaluation-idealist li {
  background: url(Images/home/circle.png) no-repeat 0 5px;
  padding-left: 35px;
  margin-bottom: 20px;
}

.wr-evaluation-idealist li p {
  font-size: 18px;
  color: #66717e;
}

.wr-s-icon {
  width: 67px;
  height: 67px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

.wr-icon-highschool {
  background: url(Images/home/highschool.png) no-repeat;
}

.wr-icon-students {
  background: url(Images/home/students.png) no-repeat;
}

.wr-icon-staff {
  background: url(Images/home/staff.png) no-repeat;
}

.wr-icon-enterprise {
  background: url(Images/home/enterprise.png) no-repeat;
}

.service-object {
  border-bottom: 1px solid #ffa817;
  padding-left: 0;
}

.service-object li {
  float: left;
  margin: 30px 25px 40px;
  width: 200px;
  font-size: 24px;
}

.service-object li a {
  color: #333;
  display: block;
  position: relative;
}

.service-object li a:hover {
  color: #ffa817;
}

.service-object li a:after,
.service-object li a:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  display: none;
}

.service-object li a:before {
  top: 108px;
  right: 78px;
  border-width: 26px 26px 0px 26px;
  border-color: #ffa817 transparent transparent transparent;
}

.service-object li a:after {
  top: 107px;
  right: 78px;
  border-width: 26px 26px 0px 26px;
  border-color: #f7f7f7 transparent transparent transparent;
}

.service-object li.hover a {
  color: #ffa817;
}

.service-object li.hover a:after,
.service-object li.hover a:before {
  display: block;
}

.wr-object-txt {
  float: left;
  width: 490px;
  padding: 0 0 0 30px;
}

.wr-object-txt .details {
  height: 110px;
}

.wr-object-txt .details p {
  font-size: 14px;
  margin-bottom: 0;
  color: #66717e;
}

.wr-object-txt .header {
  margin-bottom: 20px;
}

.wr-object-txt .header h3 {
  font-size: 32px;
}

.wr-object-txt .header a {
  float: right;
  background: #ffa817;
  color: #fff;
  border-radius: 5px;
  font-size: 14px;
  padding: 3px 20px;
  margin-top: 4px;
}

.wr-object-img {
  float: right;
  padding: 0 30px 0 0;
  text-align: center;
}

.wr-object-txt .link {
  color: #ffa817;
  text-decoration: underline;
  margin-right: 3px;
  margin-top: 50px;
  display: inline-block;
}

.wr-object-introduce {
  padding-top: 50px;
  height: 330px;
}

.wr-button-container {
  text-align: center;
  padding-top: 20px;
}

.wr-button-container span {
  display: inline-block;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #f4f4f4;
  border: 1px solid #a9a9a9;
}

.wr-button-container span.hover {
  background: #ffa817;
  border-color: #ffa817;
}

.wr-newsbox {
  width: 470px;
  float: left;
}

.wr-newsimg {
  width: 470px;
  height: 220px;
  overflow: hidden;
  margin-bottom: 40px;
}

.wr-newsimg img {
  width: 100%;
}

.wr-newscontent .header {
  float: left;
  margin-right: 15px;
}

.wr-newscontent .header span {
  background: #c00606;
  font-size: 18px;
  color: #fff;
  padding-top: 5px;
  border-radius: 3px;
  position: relative;
  height: 64px;
  width: 35px;
  text-align: center;
  word-wrap: break-word;
  word-break: break-all;
  display: inline-block;
}

.wr-newscontent .header span:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  top: 21px;
  right: -10px;
  border-width: 10px 0px 10px 10px;
  border-color: transparent transparent transparent #c00606;
}

.wr-newscontent-info {
  border-left: 1px solid #c8c8c8;
  overflow: hidden;
  padding: 0 20px;
}

.wr-newscontent-info a {
  display: block;
}

.wr-newscontent-info h3 {
  font-size: 18px;
  margin: 10px 0 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #323232;
}

.wr-newscontent-info a:hover h3 {
  color: #ffa817;
}

.wr-newscontent-info p {
  font-size: 18px;
  color: #66717e;
  margin-bottom: 0;
  line-height: 26px;
}

.wr-newslistbox {
  float: right;
  width: 470px;
}

.news-info div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.news-info .wr-a {
  font-size: 14px;
  color: #66717e;
  line-height: 32px;
}

.news-info .wr-q {
  line-height: 35px;
  color: #333;
}

.wr-newslist {
  padding-left: 0;
}

.wr-newslist li {
  margin-bottom: 10px;
}

.wr-newslist a {
  display: block;
  padding: 12px 0;
  border: 1px solid #ffa817;
  background: #fff;
}

.wr-newslist .wr-datetime {
  width: 100px;
  height: 70px;
  float: left;
}

.wr-newslist .wr-datetime span {
  display: block;
  text-align: center;
  color: #333;
}

.wr-newslist .wr-datetime .day {
  font-size: 40px;
  font-weight: bold;
  line-height: 47px;
}

.wr-newslist .wr-datetime .month {
  font-size: 12px;
}

.news-info {
  border-left: 1px solid #ffa817;
  overflow: hidden;
  padding: 0 25px;
}

.wr-newslist a:hover {
  background: #ffa817;
}

.wr-newslist a:hover .wr-datetime span {
  color: #fff;
}

.wr-newslist a:hover .news-info {
  border-left-color: #fff;
}

.wr-newslist a:hover .news-info div {
  color: #fff;
}

.wr-lookover {
  text-align: center;
}

.wr-lookover a {
  border: 1px solid #ffa817;
  background: #fff;
  padding: 8px 35px;
  display: inline-block;
  margin: 30px 40px;
  font-size: 18px;
  color: #333;
}

/*二级页面新闻*/

.wr-newspage .wr-banner {
  background: url(Images/news/news_banner.jpg) no-repeat center;
  height: 400px;
  display: block;
}

.wr-header {
  text-align: center;
  font-size: 24px;
  color: #979797;
  margin: 40px;
}

.wr-sub-maincontent .wr-wrap {
  width: 1000px;
  margin: 0 auto;
}

.wr-newslist-plane,
.wr-faq-plane {
  padding: 25px 0 35px;
}

.wr-newslist-plane .wr-newslist {
  margin: 0 -25px;
}

.wr-newslist-plane .wr-newslist li {
  float: left;
  width: 475px;
  margin: 15px 25px;
}

.tn-pagination {
  margin-top: 35px;
}

.tn-pagination .tn-pagination-btn a,
.tn-pagination .tn-pagination-btn span {
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 3px 10px;
}

.tn-pagination .tn-pagination-btn span.tn-selected,
.tn-pagination .tn-pagination-btn a:hover {
  background: #ffa817;
  border-color: #ffa817;
}

.wr-faqpage .wr-banner {
  background: url(Images/news/faq_banner.jpg) no-repeat center;
  height: 400px;
  display: block;
}

.faq-a {
  background: #fdf6ea;
  padding: 15px 25px 15px 50px;
  font-size: 15px;
}

.faq-a p {
  line-height: 28px;
  text-align: justify;
}

.faq-a span {
  font-size: 24px;
  line-height: 1px;
}

.wr-faq-item {
  margin-bottom: 35px;
}

.wr-news-details {
  font-size: 15px;
}

.wr-news-detailbox h2 {
  font-size: 24px;
  text-align: center;
  font-weight: bold;
  margin: 50px 0 20px;
}

.wr-news-detailbox p.wr-fb-datetime {
  font-size: 18px;
  text-align: center;
}

.wr-news-details {
  margin: 35px 0 50px;
}

.wr-bottom-links {
  text-align: center;
  margin-bottom: 35px;
}

.wr-bottom-links a {
  border: 1px solid #c8c8c8;
  border-radius: 3px;
  color: #656565;
  padding: 3px 10px;
  display: inline-block;
  margin: 0 20px;
}

.wr-bottom-links a:hover {
  background: #38b4a4;
  border-color: #38b4a4;
  color: #fff;
}