/*
 *  less 全局变量
 *
 */
/*声明 WebFont*/
@font-face {
  font-family: 'simkai';
  src: url('../font/simkai.eot');
  src: url('../font/simkai.eot?#font-spider') format('embedded-opentype'), url('../font/simkai.woff') format('woff'), url('../font/simkai.ttf') format('truetype'), url('../font/simkai.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*
    字体样式变量
*/
/* 颜色 */
/* 字体 */
.ft-arial {
  font-family: Arial;
}
.ft-Candara {
  font-family: 'Candara';
}
.ft-yahei {
  font-family: 'Microsoft YaHei', 'Microsoft JhengHei';
}
.ft-songti {
  font-family: '\5B8B\4F53';
}
.ft-simkai {
  font-family: 'simkai';
}
/* 大小和粗细 */
.ft-bold {
  font-weight: bold;
}
.ft-normal {
  font-weight: normal;
}
.ft-12 {
  font-size: 12px;
}
.ft-14 {
  font-size: 14px;
}
.ft-16 {
  font-size: 16px;
}
.ft-18 {
  font-size: 18px;
}
.ft-20 {
  font-size: 20px;
}
.ft-22 {
  font-size: 22px;
}
.ft-24 {
  font-size: 24px;
}
.ft-30 {
  font-size: 30px;
}
.ft-40 {
  font-size: 40px;
}
.cursor {
  cursor: pointer;
}
/* 布局样式 */
.pull-left {
  float: left;
}
.pull-right {
  float: right;
}
.clr {
  clear: both;
}
/*clear float*/
.clearfix {
  *zoom: 1;
}
.clearfix:after {
  display: block;
  content: '';
  height: 0;
  clear: both;
}
/* borderbox */
.borderbox {
  box-sizing: border-box;
}
/* 初始化：重置浏览器默认样式 */
html {
  overflow-y: scroll;
}
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
dl,
dt,
dd,
ul,
ol,
div,
li,
table,
thead,
tbody,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
select {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  word-break: break-all;
}
pre {
  white-space: normal !important;
  /*忽略空白，进行换行*/
}
img {
  border: 0 none;
  vertical-align: middle;
}
em {
  font-style: normal;
}
ul,
ol,
li {
  list-style: none;
}
body,
input {
  -webkit-text-size-adjust: none;
  line-height: 1.5;
  font: normal 18px Tahoma, Arial, "simkai", "Microsoft YaHei", sans-serif;
  outline: none;
  color: #333;
}
body {
  background: url(../images/bg.png) repeat 0 0;
}
a {
  text-decoration: none;
  color: #333;
}
select,
input,
a:focus {
  outline: 0;
}
i {
  font-style: normal;
  vertical-align: middle;
}
button {
  background-color: transparent;
  border: 0;
  padding: 0;
  outline: none;
  cursor: pointer;
}
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="time"],
input[type="url"],
input[type="week"],
select {
  display: inline-block;
  width: 200px;
  height: 35px;
  line-height: 33px;
  padding: 0 0 0 6px;
  border: 1px solid #e2e2e2;
  box-sizing: border-box;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.icon {
  display: inline-block;
}
.wcenter {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
.icon-dot {
  width: 16px;
  height: 16px;
  background: url(../images/dot.png) no-repeat 0 0;
}
/*分页控件*/
.pages-cont {
  position: relative;
  overflow: hidden;
  margin: 25px auto;
}
.pages-cont .pages-list {
  position: relative;
  left: 50%;
  float: left;
}
.pages-cont .pages-list .pagination {
  position: relative;
  float: left;
  left: -50%;
  height: 32px;
  line-height: 30px;
  *zoom: 1;
}
.pages-cont .pages-list .pagination:after {
  display: block;
  content: '';
  height: 0;
  clear: both;
}
.pages-cont .pages-list .pagination > li {
  float: left;
  margin-right: 10px;
}
.pages-cont .pages-list .pagination > li > a {
  display: inline-block;
  height: 30px;
  width: 30px;
  text-align: center;
  background: #fff;
  color: #333;
  border: 1px solid #eee;
}
.pages-cont .pages-list .pagination > li.active > a {
  background: #ab2520;
  color: #fff;
  border-color: #ab2520;
}
.pages-cont .pages-list .pagination > li.prev > span,
.pages-cont .pages-list .pagination > li.next > span {
  display: inline-block;
  width: 60px;
  height: 30px;
  text-align: center;
  color: #333;
  background: #fff;
  border: 1px solid #eee;
}
.pages-cont .pages-list .pagination > li.prev > a,
.pages-cont .pages-list .pagination > li.next > a {
  width: 60px;
  height: 30px;
  text-align: center;
  color: #ab2520;
  background: #fff;
  border: 1px solid #ab2520;
}
.pages-cont .pages-list .pagination > li.prev.disable > span,
.pages-cont .pages-list .pagination > li.next.disable > span {
  background: #eee;
  color: #999;
}
/* header */
.header {
  background: url(../images/hd_bg.png) repeat 0 0;
  height: 172px;
}
.header .wcenter {
  background: url(../images/tx.png) no-repeat 600px 0;
}
.header .sitename {
  margin-top: 30px;
  width: 542px;
  height: 140px;
  text-indent: -9999em;
  background: url(../images/logo.png) no-repeat 0 0;
}
.header .info {
  font-size: 24px;
  margin-top: 50px;
}
.header .info li {
  margin-bottom: 10px;
  color: #ab2520;
  display: flex;
  align-items: center;
}
.header .info .icon {
  width: 31px;
  height: 25px;
  margin-right: 18px;
}
.header .info .icon-tel {
  background: url(../images/tel.png) no-repeat 0 0;
}
.header .info .icon-weixin {
  background: url(../images/weixin.png) no-repeat 0 0;
}
.header .nav {
  background: url(../images/nav.png) no-repeat center 0;
  height: 68px;
}
.header .nav ul li {
  float: left;
  line-height: 68px;
}
.header .nav ul li a {
  color: #ffffff;
  padding: 0 30px;
  font-size: 24px;
}
.header .nav ul li a:hover {
  color: #eee295;
}
/* banner */
.banner {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.banner .banner-bg {
  background: url(../images/banner_bg.png) no-repeat center 0;
  width: 100%;
  background-size: 100%;
  height: 554px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.banner .swiper-container {
  width: 100%;
}
.inner-banner .banner-bg {
  height: 330px;
  background: url(../images/inner_banner_bg.png) no-repeat center 0;
  background-size: 100%;
}
.swiper-wrapper img {
  height: 100%;
}
.swiper-container .swiper-pagination-bullet-active {
  background: #ab2520;
}
.gallery-big .swiper-wrapper img {
  width: 100%;
}
/*con*/
.con-title {
  font-size: 30px;
  color: #0a0b0b;
  padding-top: 80px;
  background: url("../images/title.png") no-repeat center 0;
  text-align: center;
  font-weight: normal;
  margin-bottom: 34px;
}
.con {
  padding: 60px 0;
  /*风采*/
  /*新闻*/
}
.con .con-leichanzi {
  background: url("../images/bg-s.png") no-repeat right 20px;
}
.con .con-ys {
  padding: 50px 0;
  background: #e1dbd5 url("../images/footer_bg.png") no-repeat center top;
}
.con .con-ys ul {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  font-size: 18px;
}
.con .con-ys ul li {
  width: 50%;
  padding: 0 50px;
  margin-bottom: 10px;
}
.con .con-intro {
  display: flex;
  justify-content: space-around;
  align-items: center;
  color: #333333;
}
.con .con-intro .con-txt {
  width: 870px;
  line-height: 36px;
}
.con .con-intro .con-txt p a {
  color: #ab2520;
}
.con .con-intro-circle {
  display: flex;
  justify-content: start;
  flex-direction: row;
}
.con .circle {
  padding: 50px 0 0 30px;
}
.con .circle h5 {
  font-size: 36px;
  color: #b52f2e;
}
.con .circle ul {
  font-size: 18px;
  padding: 20px 0;
}
.con .circle ul li span {
  color: #b52f2e;
}
.con .circle p a {
  color: #b52f2e;
}
.con .con-intro-zs {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}
.con .con-intro-zs .td {
  width: 500px;
}
.con .con-intro-zs .td li {
  background-color: #eee;
  border-radius: 10px;
  text-align: center;
  color: #b52f2e;
  font-size: 24px;
  padding: 10px 0;
  margin-bottom: 30px;
}
.con .con-intro-zs .sp {
  flex: 1;
  padding: 0 20px;
}
.con .con-intro-zs .sp .red {
  color: #b52f2e;
}
.con .con-intro-zs .sp p {
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
}
.con .con-intro-zs .sp .detail {
  display: flex;
  justify-content: space-between;
}
.con .con-intro-zs .sp .detail .zs {
  text-align: center;
  font-size: 14px;
}
.con .con-intro-zs .sp .detail .zs img {
  width: 160px;
  margin-top: 10px;
}
.con .con-intro-zs .sp ul {
  padding: 10px 0;
}
.con .con-intro-concat {
  color: #fff;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}
.con .con-intro-concat .td,
.con .con-intro-concat .sp {
  width: 40%;
}
.con .con-intro-concat .td li,
.con .con-intro-concat .sp li {
  font-size: 18px;
  margin-bottom: 20px;
}
.con .con-intro-concat .sp {
  padding-left: 40px;
}
.con .con-intro-concat div.img {
  width: 20%;
  text-align: center;
}
.con .con-intro-concat div.img img {
  width: 180px;
}
.con.con-white-bg {
  background: #ffffff;
}
.con .con-imgs-bg {
  background: #e1dbd5;
  padding: 30px 0;
}
.con.con-news-bg {
  background: url("../images/line_bg.png") no-repeat center 0;
}
.con .con-news-wp {
  display: flex;
  justify-content: space-between;
}
.con .con-news {
  padding-left: 90px;
  width: 50%;
}
.con .con-news h3 {
  width: 160px;
  height: 34px;
  line-height: 34px;
  color: #ffffff;
  text-align: center;
  font-size: 20px;
  background: url(../images/t2.png) no-repeat 0 0;
  font-weight: normal;
}
.con .con-news .news-list {
  margin-top: 30px;
}
.con .con-news .news-list .news-item {
  margin-bottom: 20px;
}
.con .con-news .news-list .news-item h5 {
  display: block;
}
.con .con-news .news-list .news-item h5 span {
  display: block;
  padding-left: 25px;
}
.con-contact {
  background: #b52f2e;
}
/* 图片列表 */
.img-lists {
  display: flex;
  justify-content: start;
}
.img-lists .img-item {
  margin: 0 20px;
}
.img-lists.wrap {
  flex-wrap: wrap;
}
.img-lists.wrap .img-item {
  margin: 10px;
  padding: 20px;
  background: #fff;
  box-shadow: 1px 2px 12px rgba(0, 0, 0, 0.3);
}
.img-lists.wrap .img-item img {
  width: 240px;
  height: auto;
}
.img-lists .img-item > a {
  display: block;
}
.img-lists .img-item img {
  width: 260px;
  height: 173px;
}
.img-lists .img-item .t {
  margin: 12px 0 0 6px;
  font-size: 16px;
}
.img-lists .img-item .t a {
  color: #000;
}
.img-lists .video-item > a {
  position: relative;
}
.img-lists .video-item > a:before {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.2);
}
.img-lists .video-item > a:after {
  display: block;
  content: "";
  width: 48px;
  height: 48px;
  background: url(../images/video_w.png) no-repeat 0 0;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -24px 0 0 -24px;
}
.img-lists .video-item > a:hover:before {
  background: rgba(0, 0, 0, 0.1);
}
/* 课程 */
.img-lists2 {
  display: flex;
  flex-direction: row;
  flex-flow: wrap;
  justify-content: space-between;
}
.img-lists2::after {
  display: block;
  content: "";
  width: 400px;
}
.img-lists2 .img-item {
  width: 400px;
  padding: 0px 50px;
  margin-bottom: 20px;
}
.img-lists2 .img-item img {
  width: 100%;
  border-radius: 50%;
}
.img-lists2 .img-item .t {
  padding: 0 20px;
  margin: 12px 0 0 6px;
}
.img-lists2 .img-item .t h5 {
  font-size: 24px;
  line-height: 32px;
}
.img-lists2 .img-item .t h5 .icon-dot {
  margin-top: -5px;
}
.img-lists2 .img-item .t p {
  font-size: 16px;
  margin: 10px 0 0 24px;
  color: #999;
}
/*新闻列表*/
.news-item.news-item-img {
  display: flex;
}
.news-item.news-item-img img {
  width: 150px;
  height: 100px;
}
.news-item.news-item-img .news-intro {
  flex: 1;
  margin-left: 10px;
}
.news-item h5 {
  display: flex;
  justify-content: space-between;
  font-size: 18px;
  color: #333;
  font-weight: normal;
}
.news-item h5 .time {
  color: #999;
  font-family: normal;
}
.news-item p {
  color: #999999;
  font-size: 14px;
  margin-top: 10px;
}
.ft-bg {
  background: url(../images/footer_bg.png) no-repeat center bottom #fff;
}
.footer {
  border-top: 10px solid #992211;
  position: relative;
  padding: 40px 0 60px 0;
  text-align: center;
}
.footer h5 {
  font-size: 18px;
  color: #000000;
  font-weight: normal;
  margin: 10px 0;
}
.footer p {
  color: #000000;
  font-size: 14px;
  margin-bottom: 10px;
}
.footer .top {
  display: block;
  width: 62px;
  height: 61px;
  position: absolute;
  top: -45px;
  left: 50%;
  margin-left: -31px;
  background: url(../images/top.png) no-repeat 0 0;
  cursor: pointer;
}
.footer .link .icon {
  width: 38px;
  height: 38px;
  margin: 0 5px;
}
.footer .link .icon.icon-chan {
  background: url(../images/link-1.png) no-repeat 0 0;
}
.footer .link .icon.icon-weibo {
  background: url(../images/link-2.png) no-repeat 0 0;
}
/* subnav */
.subnav {
  display: flex;
  justify-content: center;
  margin: 32px 0;
}
.subnav .subnav-item {
  width: 135px;
  height: 54px;
  background: url(../images/s-inner.png) no-repeat 0 0;
  text-align: center;
  line-height: 50px;
  font-size: 24px;
  color: #000000;
  margin: 0 18px;
}
.subnav .subnav-item.active {
  background: url(../images/s-inner-active.png) no-repeat 0 0;
}
.inner .con-title {
  margin-top: 40px;
}
.inner .inner-con {
  padding: 40px 0;
}
.inner .inner-con .news-item {
  margin-bottom: 20px;
}
.inner .inner-con .page {
  background: url(../images/bg-s.png) no-repeat 0 0;
  min-height: 400px;
}
.inner .inner-con .page-con {
  padding: 10px 0 20px 0;
  line-height: 24px;
  font-size: 14px;
}
.inner .inner-con .page-con p {
  margin: 10px 0;
  text-indent: 2em;
}
.inner .inner-con .page-con h3 {
  font-size: 20px;
  margin: 10px 0;
  font-weight: normal;
}
.inner .inner-con .page-con h4 {
  font-size: 18px;
  margin: 10px 0;
  font-weight: normal;
}
.inner .inner-con .page-con h5 {
  font-size: 16px;
  margin: 10px 0;
  font-weight: normal;
}
.inner .inner-con .page-con ul {
  list-style: disc;
}
.inner .inner-con .page-con ol {
  list-style: decimal;
}
.inner .pageInfo-title {
  padding: 0 0 10px 0;
  text-align: center;
}
.inner .pageInfo-title h2 {
  color: #000000;
  font-size: 24px;
  margin-bottom: 15px;
  font-weight: normal;
}
.inner .pageInfo-title p {
  font-size: 14px;
}
.inner .pageInfo-title p span {
  margin-right: 10px;
}
/* photo */
.photo {
  padding: 0 0 30px 0;
}
.photo .photo-bg {
  background: #ceb491;
  padding: 20px 0;
}
.photo .photo-thumb-area {
  position: relative;
}
.photo .photo-thumb-area .btn-thumb {
  position: absolute;
  top: 50%;
  margin-top: -28px;
  width: 56px;
  height: 56px;
  cursor: pointer;
}
.photo .photo-thumb-area .btn-thumb.disabled {
  opacity: 0.4;
}
.photo .photo-thumb-area .btn-thumb.prev {
  background: url(../images/left.png) no-repeat 0 0;
  left: 0;
}
.photo .photo-thumb-area .btn-thumb.next {
  background: url(../images/right.png) no-repeat 0 0;
  right: 0;
}
.photo .photo-thumb-area .photo-thumb {
  width: 915px;
  overflow: hidden;
  margin: 20px auto;
}
.photo .photo-thumb-area .photo-thumb ul {
  display: flex;
  position: relative;
}
.photo .photo-thumb-area .photo-thumb ul li {
  margin: 0 4px 0 0;
  position: relative;
}
.photo .photo-thumb-area .photo-thumb ul li:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.photo .photo-thumb-area .photo-thumb ul li:hover:after,
.photo .photo-thumb-area .photo-thumb ul li.active:after {
  display: none;
}
.gallery-top {
  position: relative;
}
.gallery-top .gallery-big {
  width: 900px;
  overflow: hidden;
  margin: 0 auto;
}
.gallery-top .swiper-button-white {
  position: absolute;
  top: 50%;
  margin-top: -33px;
  width: 66px;
  height: 66px;
  cursor: pointer;
}
.gallery-top .swiper-button-white.disabled {
  opacity: 0.4;
}
.gallery-top .swiper-button-white.swiper-button-prev {
  background: url(../images/prev.png) no-repeat 0 0;
  left: 0;
}
.gallery-top .swiper-button-white.swiper-button-next {
  background: url(../images/next.png) no-repeat 0 0;
  right: 0;
}
.gallery-thumbs {
  width: 900px;
  margin: 10px auto;
  overflow: hidden;
}
.gallery-thumbs .swiper-slide {
  margin: 0 4px 0 0;
  position: relative;
  width: 180px;
}
.gallery-thumbs .swiper-slide img {
  width: 100%;
}
.gallery-thumbs .swiper-slide:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.gallery-thumbs .swiper-slide.swiper-slide-thumb-active:after {
  display: none;
}
.more {
  text-align: right;
  margin-top: -20px;
  margin-bottom: 10px;
}
.color-red {
  color: #ab2520;
}