/*
@Author     RZ [<2522216558@qq.com>]
@Copyright  ziyiai.com
@Version    1.0   
@Time       2016-12-7 0:20:01
*/
/* 
    Created on : 2016-12-7, 0:20:01
    Author     : Administrator
*/
/*
@Author     RZ [<2522216558@qq.com>]
@Copyright  ziyiai.com
@Version    1.0   
@Time       2016-12-9 0:28:49
*/
/* 
    Created on : 2016-12-9, 0:28:49
    Author     : Administrator
*/
body,
button,
input,
select,
textarea {
  font: 12px/24px Arial, "Microsoft Yahei", "宋体", sans-serif;
}
.inner-wrapper {
  margin: 0 auto;
  position: relative;
  width: 1000px;
}
a:hover {
  text-decoration: none;
}
.title-img {
  text-align: center;
  margin-bottom: 50px;
}
.w1300 {
  margin: 0 auto;
  position: relative;
  width: 1300px;
}
.clearfix {
  clear: none;
  overflow: visible;
}
.clearfix::after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
.module a.more {
  background-color: #ce002e;
  color: #fff;
  display: block;
  font-size: 18px;
  height: 37px;
  line-height: 37px;
  text-align: center;
  width: 103px;
}
.module-hd {
  position: relative;
  padding: 25px 0;
}
.module-hd .line {
  border-bottom: 2px solid #000000;
  height: 0px;
  top: 50%;
  left: 0;
  position: absolute;
  width: 100%;
}
.module-hd .module-title {
  margin: 0 auto;
  position: relative;
}
.module-hd h2 a {
  display: block;
  text-align: center;
}
.module-white {
  background: #000;
}
.module-white .module-hd .line {
  border-color: #FFF;
}
.module-hd .sub-links {
  color: #555;
  font-size: 16px;
  height: 20px;
  position: absolute;
}
.module-hd .left-top,
.module-hd .left-bottom {
  left: 0;
  text-align: right;
}
.module-hd .right-top,
.module-hd .right-bottom {
  right: 0;
  text-align: left;
}
.module-hd .left-top,
.module-hd .right-top {
  top: 17px;
}
.module-hd .left-bottom,
.module-hd .right-bottom {
  top: 50px;
}
.module-hd .left-top a {
  margin-right: 15px;
}
.module-hd .right-top a {
  margin-left: 15px;
}
.module-hd a {
  color: #555;
  font-size: 16px;
}
.module-hd .sub-links a:hover {
  color: #e00024;
}
.module-hd .sub-links em {
  color: #8a8a8a;
  padding: 5px;
}
.module-hd .sub-links a.close {
  margin: 0;
}
.module-extend .img-cards {
  margin-top: 45px;
  padding-bottom: 45px;
}
.module-bd {
  margin: 0 auto;
  position: relative;
  width: 1000px;
}
.btn-arrow-left,
.btn-arrow-right,
.btn-info,
.btn-open,
.btn-close {
  background: rgba(0, 0, 0, 0) url("../module/ele.png") no-repeat scroll 0 0;
  cursor: pointer;
  height: 29px;
  width: 29px;
}
.btn-info {
  background-position: left top;
}
.btn-info:hover {
  background-position: -29px top;
}
.btn-arrow-left {
  background-position: left -29px;
}
.btn-arrow-right {
  background-position: -29px -29px;
}
.btn-open,
.btn-close {
  height: 91px;
  width: 91px;
}
.btn-open {
  background-position: left -86px;
}
.btn-close {
  background-position: -114px -86px;
}
.max-image {
  overflow: hidden;
}
.max-image img {
  width: 100%;
}
.wrapper-1272 {
  margin: 0 auto;
  min-width: 768px;
  width: 1200px;
}
.gray {
  background: #f5f5f5 none repeat scroll 0 0;
}
.logo-after-header {
  text-align: center;
}
.channel-slide {
  background-color: #000;
  border-bottom: 3px solid #fff;
  border-top: 1px solid #d8d8d8;
  margin-bottom: 50px;
  position: relative;
}
.channel-slide .slider {
  height: 564px;
  overflow: hidden;
  position: relative;
  width: 1000px;
}
.channel-slide .slider li {
  position: absolute;
}
.channel-slide .slider img {
  display: block;
}
.channel-slide .b-line {
  background: rgba(0, 0, 0, 0) url("../global/line-repeat.png") repeat-x scroll 0 0;
  bottom: -33px;
  height: 30px;
  position: absolute;
  width: 100%;
}
.channel-slide .title-mask {
  background: rgba(0, 0, 0, 0) url("../global/mask-851.png") repeat scroll 0 0;
  bottom: 20px;
  height: 95px;
  position: absolute;
  text-align: center;
  width: 851px;
}
.channel-slide .title-mask a {
  color: #fff;
  display: block;
  font-size: 30px;
  margin: 20px auto 15px;
  text-shadow: 1px 1px 3px #000;
}
.channel-slide .title-mask .des {
  color: #fff;
  font-size: 14px;
  margin: 0 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 645px;
}
.channel-slide .triggers-wrapper {
  height: 564px;
  position: absolute;
  right: 26px;
  top: 0;
  width: 180px;
  z-index: 100;
}
.channel-slide .trigger-div {
  height: 505px;
  margin-top: 31px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.channel-slide .triggers .trigger-li {
  border: 5px solid #fff;
  cursor: pointer;
  height: 110px;
  margin-bottom: 8px;
  overflow: hidden;
  width: 170px;
}
.channel-slide .triggers {
  position: absolute;
  top: 0;
}
.channel-slide .triggers img {
  display: block;
  margin: -5px;
}
.channel-slide .trigger-mask {
  border: 5px solid #e30404;
  cursor: pointer;
  height: 110px;
  left: 0;
  position: absolute;
  top: 0;
  width: 170px;
}
.channel-slide .btn {
  background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
  cursor: pointer;
  height: 28px;
  overflow: hidden;
  position: absolute;
  width: 180px;
}
.channel-slide .btn span {
  background-image: url("../global/element.png");
  display: block;
  height: 14px;
  margin: 7px 77px;
  width: 25px;
}
.channel-slide .preBtn {
  top: 0;
}
.channel-slide .preBtn span {
  background-position: -104px -15px;
}
.channel-slide .preBtn:hover span {
  background-position: -104px -43px;
}
.channel-slide .nextBtn {
  bottom: 0;
}
.channel-slide .nextBtn span {
  background-position: -104px -29px;
}
.channel-slide .nextBtn:hover span {
  background-position: -104px -57px;
}
.reviews {
  background: rgba(0, 0, 0, 0) url("../show817/reviews-bg.jpg") repeat scroll 0 0;
  padding-bottom: 10px;
}
.reviews-title {
  background: rgba(0, 0, 0, 0) url("../images/reviews-title.png") repeat scroll 0 0;
  font-size: 0;
  height: 103px;
  margin: 55px auto 65px;
  width: 675px;
}
.reviews img {
  display: block;
}
.reviews-column1 {
  float: left;
}
.reviews-column1 a {
  display: block;
  position: relative;
}
.reviews-column1 a:first-child {
  margin-bottom: 3px;
}
.reviews .mask {
  background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
  color: #fff;
  height: 100%;
  left: 0;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  transition: opacity 0.3s ease 0s;
  width: 100%;
}
.reviews a:hover .mask {
  opacity: 1;
}
.reviews .mask h3 {
  font-size: 18px;
  padding: 50px 20px 30px;
}
.reviews .mask-des {
  font-size: 14px;
  padding: 0 20px 50px;
}
.reviews-column2 {
  background-color: #fff;
  color: #000;
  display: block;
  float: left;
  height: 615px;
  margin-left: 3px;
  margin-right: 3px;
  width: 450px;
}
.reviews-column2 .content2 {
  height: 155px;
  overflow: hidden;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 30px;
}
.reviews-column2 h3 {
  font-size: 18px;
}
.reviews-column2 .des {
  color: #666;
  font-size: 14px;
  margin-top: 20px;
}
.reviews-column3 {
  float: left;
}
.column3-top a {
  float: left;
  position: relative;
}
.column3-top img {
  float: left;
}
.column3-top .suzy {
  background-color: #e75d5a;
  float: left;
  height: 342px;
  width: 307px;
}
.column3-top .suzy h4 {
  background: rgba(0, 0, 0, 0) url("../images/suzy.png") repeat scroll 0 0;
  height: 74px;
  margin: 44px auto 20px;
  width: 248px;
}
.column3-top .suzy h4 a {
  display: block;
  font-size: 20px;
  color: #FFF;
  height: 74px;
  width: 248px;
}
.column3-top .suzy .des {
  padding: 0 30px;
}
.column3-top .suzy .des {
  font-size: 16px;
  color: #fff;
  line-height: 28px;
}
.column3-top .suzy .des a {
  display: block;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.column3-bottom {
  margin-top: 3px;
}
.column3-bottom a {
  float: left;
  position: relative;
}
.column3-bottom a:first-child {
  margin-right: 3px;
}
.reviews .more {
  margin: 35px auto;
}
.street {
  margin-bottom: 50px;
}
.street .module-hd {
  margin-bottom: 35px;
}
.street .module-hd .module-title {
  width: 312px;
}
.street .module-hd h2 a {
  background: rgba(0, 0, 0, 0) url("../title/title-invogue.jpg") no-repeat scroll 0 -174px;
  height: 87px;
}
.module-five {
  min-width: 1000px;
}
.module-five .module-bd {
  position: relative;
}
.module-five .left-mode {
  height: 481px;
}
.module-five .center-mode {
  height: 561px;
}
.module-five .left-mode .bg {
  background: #000 none repeat scroll 0 0;
  height: 355px;
  padding: 35px 0 0 15px;
  position: relative;
  width: 895px;
}
.module-five .left-mode .txtpanels {
  left: 15px;
  position: absolute;
  top: 35px;
}
.module-five .left-mode .txtpanels h3 {
  width: 200px;
}
.module-five .center-mode .bg {
  background: #000 none repeat scroll 0 0;
  height: 410px;
  padding: 30px 0 0;
  position: relative;
  width: 1000px;
}
.module-five .center-mode .txtpanels {
  left: 0;
  position: absolute;
  top: 30px;
  width: 100%;
}
.module-five .left-mode a,
.module-five .center-mode a {
  color: #fff;
}
.module-five .left-mode a:hover,
.module-five .center-mode a:hover {
  color: #e00024;
}
.module-five .left-mode h3 a,
.module-five .center-mode h3 a {
  font-size: 24px;
  font-weight: normal;
  line-height: 30px;
}
.module-five .left-mode .des {
  color: #fff;
  font-size: 14px;
  line-height: 18px;
  margin-top: 20px;
  width: 190px;
}
.module-five .center-mode h3 {
  text-align: center;
}
.module-five .center-mode .des {
  color: #fff;
  font-size: 14px;
  line-height: 18px;
  margin-top: 10px;
  text-align: center;
}
.module-five .left-mode .controls {
  bottom: 20px;
  left: 32px;
  position: absolute;
}
.module-five .center-mode .controls {
  bottom: 30px;
  position: absolute;
  right: 36px;
}
.module-five .btn-prev,
.module-five .btn-next {
  background: rgba(0, 0, 0, 0) url("../global/element.png") no-repeat scroll -71px -203px;
  display: block;
  float: left;
  height: 40px;
  margin-right: 23px;
  margin-top: 4px;
  width: 22px;
}
.module-five .cur-num {
  color: #999;
  float: left;
  font-size: 48px;
  height: 48px;
  line-height: 48px;
}
.module-five .center-mode .cur-num {
  float: none;
}
.module-five .cur-num span {
  color: #fff;
}
.module-five .btn-next {
  background-position: -71px -256px;
}
.module-five .btn-prev:hover {
  background-position: -100px -203px;
}
.module-five .btn-next:hover {
  background-position: -100px -256px;
}
.module-five .left-mode .img-panels {
  bottom: 0;
  position: absolute;
  right: 0;
}
.module-five .center-mode .img-panels {
  bottom: 0;
  left: 37px;
  position: absolute;
}
.module-five .img-panels a {
  float: left;
  margin-left: 10px;
}
.module-five .img-panels img {
  display: block;
}
.module-five .img-panels a:hover,
.module-five .img-panels a.cur {
  border: 5px solid #fff;
  box-shadow: 0 3px 10px #666;
  height: 440px;
  overflow: hidden;
  width: 240px;
}
.module-five .img-panels a:hover img,
.module-five .img-panels a.cur img {
  margin: -5px;
}
.talk-item {
  margin-bottom: 50px;
}
.talk-item .topic-img {
  border: 1px solid #d8d8d8;
  float: left;
  height: 248px;
  overflow: hidden;
  position: relative;
  transition: all 0.3s ease 0s;
  width: 248px;
}
.talk-item .topic-img:hover {
  box-shadow: 0 0 9px #666;
}
.talk-item .topic-img img {
  position: absolute;
  z-index: 100;
}
.talk-item .detail-info {
  border-bottom: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
  border-top: 1px solid #e0e0e0;
  float: right;
  height: 228px;
  margin-top: 9px;
  position: relative;
  width: 230px;
}
.talk-item .item-title {
  background-color: #000;
  color: #fff;
  display: block;
  font-size: 17px;
  height: 48px;
  margin: 27px auto auto -8px;
  padding: 16px 20px;
  position: relative;
  word-break: break-all;
  z-index: 101;
}
.talk-item .item-des {
  color: #666;
  font-size: 14px;
  padding: 20px;
}
.talk-item .item-des a {
  color: #666;
}
.talk-item .item-des a:hover {
  color: #e00024;
}
.module-four {
  min-width: 1000px;
}
.module-four .item-box {
  float: left;
  margin-right: 20px;
  position: relative;
}
.module-four .item-box.last {
  margin-right: 0;
}
.module-four .item-box img {
  display: block;
}
.module-four .item-box .title-mask {
  background: rgba(0, 0, 0, 0) url("../global/mask685.png") no-repeat scroll center top;
  bottom: 20px;
  height: 95px;
  position: absolute;
  width: 100%;
}
.module-four .item-box .title-mask a {
  color: #fff;
  display: block;
  font-size: 26px;
  margin: 20px auto 10px;
  text-align: center;
}
.module-four .item-box .title-mask .des {
  color: #fff;
  font-size: 14px;
  margin: 0 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 440px;
}
.module-four .item-box a span {
  background: rgba(0, 0, 0, 0) url("../global/mask-652.png") no-repeat scroll center top;
  bottom: 20px;
  color: #fff;
  display: block;
  font-size: 26px;
  height: 60px;
  line-height: 60px;
  position: absolute;
  text-align: center;
  text-shadow: 1px 1px 3px #000;
  width: 100%;
}
.highlight {
  background-color: #f2f2f2;
  margin-bottom: 50px;
}
.highlight .module-hd {
  padding-bottom: 25px;
  padding-top: 30px;
}
.highlight .module-hd .module-title {
  width: 290px;
}
.highlight .module-hd h2 a {
  background: rgba(0, 0, 0, 0) url("../title/title-shoes.jpg") no-repeat scroll 0 -172px;
  height: 86px;
}
.ad-scroll {
  margin: 10px auto 20px;
  overflow: hidden;
  position: relative;
  width: 1000px;
}
.ad-scroll span {
  display: block;
}
.ad-scroll .box {
  background-attachment: fixed;
  background-position: center center;
  background-repeat: no-repeat;
  height: 600px;
  margin: 0 auto;
  overflow: hidden;
  width: 100%;
}
.ad-scroll img {
  display: block;
}
.index-slide {
  border-top: 1px solid #d8d8d8;
  margin-bottom: 30px;
}
.index-slide .main {
  height: 400px;
  min-width: 1000px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.index-slide .swiper-container {
  height: 400px;
  overflow: visible;
  position: relative;
  width: 960px;
}
.index-slide .swiper-container .slide-helper-l,
.index-slide .swiper-container .slide-helper-r {
  background: #000 none repeat scroll 0 0;
  height: 400px;
  opacity: 0.5;
  position: absolute;
  right: 960px;
  top: 0;
  width: 960px;
  z-index: 1;
}
.index-slide .swiper-container .slide-helper-r {
  left: 960px;
  right: auto;
}
.index-slide .pagination {
  bottom: 51px;
  z-index: 2;
}
.index-slide .title-mask {
  background: rgba(0, 0, 0, 0) url("../global/slide-mask.png") no-repeat scroll center top;
  bottom: 40px;
  height: 95px;
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}
.index-slide .title-mask a {
  color: #fff;
  font-size: 30px;
  line-height: 62px;
  text-shadow: 0 1px 3px #000;
}
.index-slide .title-mask .des {
  color: #fff;
  font-size: 14px;
}
.index-slide .index-slide-line {
  background: rgba(0, 0, 0, 0) url("../global/line-index.png") no-repeat scroll center top;
  bottom: -43px;
  height: 41px;
  left: 0;
  position: absolute;
  width: 960px;
}
.swiper-container {
  backface-visibility: hidden;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.swiper-wrapper {
  position: relative;
  transform: translate3d(0px, 0px, 0px);
  transition-duration: 0s;
  transition-property: transform, left, top;
  transition-timing-function: ease;
  width: 100%;
}
.swiper-free-mode > .swiper-wrapper {
  margin: 0 auto;
  transition-timing-function: ease-out;
}
.swiper-slide {
  float: left;
  position: relative;
  width: 100%;
}
.swiper-slide img {
  display: block;
}
.pagination {
  bottom: -35px;
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}
.swiper-pagination-switch {
  background-image: url("../global/element.png");
  background-position: -35px 0;
  cursor: pointer;
  display: inline-block;
  height: 9px;
  margin: 0 8px;
  width: 9px;
}
.swiper-active-switch {
  background-position: -44px 0;
}
.arrow {
  cursor: pointer;
  height: 73px;
  margin-top: -36px;
  position: absolute;
  top: 50%;
  width: 57px;
  z-index: 1000;
}
.arrow i {
  background-image: url("../global/element.png");
  height: 73px;
  left: 0;
  position: absolute;
  top: 0;
  width: 57px;
}
.pre-arrow {
  left: 0;
}
.pre-arrow i {
  background-position: 0 -77px;
}
.next-arrow {
  right: 0;
}
.next-arrow i {
  background-position: 0 -150px;
}
.arrow-bg {
  background: rgba(0, 0, 0, 0) url("../global/element.png") repeat scroll 0 -220px;
  height: 73px;
  opacity: 0;
  transition: opacity 1s ease 0s;
}
.swiper-container:hover .arrow-bg {
  opacity: 1;
}
.city {
  padding: 90px 0 50px;
}
.city .box {
  margin: 0 auto;
  position: relative;
  width: 1436px;
}
.city .btn-arrow-left,
.city .btn-arrow-right {
  margin-top: -67.5px;
  position: absolute;
  top: 50%;
  z-index: 4;
}
.city .btn-arrow-left {
  left: 0;
}
.city .btn-arrow-right {
  right: 0;
}
.city .scrollable-panel {
  height: 877px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  width: 1378px;
}
.city .scrollable-panel .clearfix {
  position: absolute;
  width: 3000px;
}
.city .scrollable-panel .slider {
  float: left;
  width: 1378px;
}
.city .padding {
  float: left;
  height: 420px;
  margin-bottom: 38px;
  width: 660px;
}
.city .brand {
  float: left;
  height: 420px;
  margin: 0 15px 38px;
  position: relative;
  width: 300px;
}
.city .brand .btn-info {
  left: -4px;
  margin-top: -14.5px;
  position: absolute;
  top: 50%;
  z-index: 2;
}
.city .brand img {
  float: right;
}
.city .brand a {
  color: #fff;
}
.city .brand .mask {
  background: #a30f28 none repeat scroll 0 0;
  bottom: 0;
  display: none;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.city .brand .mask img {
  left: 50%;
  margin: -94px 0 0 -99px;
  position: absolute;
  top: 50%;
}
.city .brand .mask p {
  bottom: 60px;
  color: #fff;
  font-size: 26px;
  position: absolute;
  text-align: center;
  width: 100%;
}
.city .brand:hover .btn-info {
  background-position: -29px top;
}
.city .brand:hover .mask {
  display: block;
}
.city .brand:hover .btn-info,
.city .brand:hover .mask {
  animation: 0.5s ease 0s normal none 1 running fadeIn;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.ny .icon {
  height: 583px;
  left: 0;
  position: absolute;
  top: -160px;
  width: 695px;
  z-index: 3;
}
.ny .icon p {
  background: #fff none repeat scroll 0 0;
  bottom: 0;
  height: 430px;
  left: 0;
  position: absolute;
  right: 0;
}
.ny .icon .i {
  background: rgba(0, 0, 0, 0) url("../module/city-ny.png") no-repeat scroll center bottom;
  bottom: 0;
  left: 45px;
  position: absolute;
  right: 0;
  top: 0;
}
.ny .icon b {
  bottom: 319px;
  font-size: 25px;
  left: 115px;
  position: absolute;
}
.ld .icon {
  height: 583px;
  position: absolute;
  right: 25px;
  top: -160px;
  width: 695px;
  z-index: 3;
}
.ld .icon p {
  background: #fff none repeat scroll 0 0;
  bottom: 0;
  height: 430px;
  left: 0;
  position: absolute;
  right: 0;
}
.ld .icon .i {
  background: rgba(0, 0, 0, 0) url("../module/city-ld.png") no-repeat scroll center bottom;
  bottom: 0;
  left: 45px;
  position: absolute;
  right: 0;
  top: 0;
}
.ld .icon b {
  bottom: 155px;
  font-size: 25px;
  left: 115px;
  position: absolute;
}
.ml .icon {
  height: 583px;
  left: 0;
  position: absolute;
  top: -160px;
  width: 695px;
  z-index: 3;
}
.ml .icon p {
  background: #fff none repeat scroll 0 0;
  bottom: 0;
  height: 430px;
  left: 0;
  position: absolute;
  right: 0;
}
.ml .icon .i {
  background: rgba(0, 0, 0, 0) url("../module/city-ml.png") no-repeat scroll center bottom;
  bottom: 0;
  left: 45px;
  position: absolute;
  right: 0;
  top: 0;
}
.ml .icon b {
  bottom: 161px;
  font-size: 25px;
  left: 164px;
  position: absolute;
}
.pr .icon {
  height: 583px;
  position: absolute;
  right: 25px;
  top: -160px;
  width: 695px;
  z-index: 3;
}
.pr .icon p {
  background: #fff none repeat scroll 0 0;
  bottom: 0;
  height: 430px;
  left: 0;
  position: absolute;
  right: 0;
}
.pr .icon .i {
  background: rgba(0, 0, 0, 0) url("../module/city-pr.png") no-repeat scroll center bottom;
  bottom: 0;
  left: 45px;
  position: absolute;
  right: 0;
  top: 0;
}
.pr .icon b {
  bottom: 145px;
  font-size: 25px;
  left: 191px;
  position: absolute;
}
.banner-course-wrap {
  background: #000;
}
.banner-course {
  width: 1200px;
  margin: 0 auto;
}
.banner-course .img {
  background: #000 none repeat scroll 0 0;
  float: left;
  overflow: hidden;
  position: relative;
  height: 600px;
}
.banner-course .img600 {
  width: 600px;
}
.banner-course .img300 {
  width: 300px;
}
.banner-course .img img {
  display: block;
  height: auto !important;
  opacity: 0.5;
  transition: opacity 0.2s ease 0s;
  width: 100%;
}
.banner-course .img .info {
  bottom: 55px;
  left: 25px;
  position: absolute;
  right: 25px;
}
.banner-course .img .info .tags {
  background: #d0011d none repeat scroll 0 0;
  color: #fff;
  display: table;
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  margin-bottom: 25px;
  min-width: 50px;
  padding: 0 2px;
  text-align: center;
}
.banner-course .img .info .title {
  background: #000 none repeat scroll 0 0;
  color: #fff;
  font-size: 30px;
  line-height: 40px;
  max-width: 250px;
  min-height: 120px;
  padding: 5px;
  word-break: break-all;
}
.banner-course .img .info .txt {
  color: #fff;
  font-size: 16px;
  margin-top: 25px;
  word-break: break-all;
}
.banner-course .current .info .title {
  background: #d0011d none repeat scroll 0 0;
}
.banner-course .current img,
.banner .img a:hover img {
  opacity: 1;
}
.banner-course .flex img {
  height: 600px;
  left: 50%;
  margin: -300px 0 0 -300px;
  position: absolute;
  top: 50%;
  width: 600px;
}
.articlebox {
  padding: 30px 0;
}
.articlebox img {
  max-width: 100%;
}
.articlebox .title {
  margin: -82px auto 0;
  max-width: 505px;
  position: relative;
}
.articlebox .tags {
  background: #d0011d none repeat scroll 0 0;
  color: #fff;
  display: table;
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  margin-bottom: 25px;
  min-width: 50px;
  padding: 0 2px;
  text-align: center;
}
.articlebox .title h2 {
  background: #fff none repeat scroll 0 0;
  color: #000;
  font-size: 30px;
  line-height: 38px;
  min-height: 66px;
  padding: 5px 10px;
  position: relative;
  word-break: break-all;
}
.articlebox .title h2 span {
  background: #d0011d none repeat scroll 0 0;
  bottom: 0;
  display: none;
  left: -90px;
  position: absolute;
  top: 0;
  width: 90px;
}
.articlebox .title h2 b {
  background: rgba(0, 0, 0, 0) url("../module/ele_g.png") no-repeat scroll 2px -370px;
  height: 58px;
  left: 50%;
  margin: -29px 0 0 -29px;
  position: absolute;
  top: 50%;
  width: 58px;
}
.articlebox .title h2 .arrowleft {
  background-position: -282px -370px;
}
.articlebox .title h2 .arrowleftdown {
  background-position: 0 -424px;
}
.articlebox .title h2 .time {
  background-position: -1000px -1000px;
  font-size: 14px;
}
.articlebox.hover h2,
.articlebox a:hover h2 {
  background: #d0011d none repeat scroll 0 0;
  color: #fff;
}
.articlebox.hover h2 span,
.articlebox a:hover h2 span {
  display: block;
}
.articlebox .signature {
  color: #b0b0b0;
  font-size: 12px;
  margin: 0 auto;
  max-width: 505px;
  padding: 10px 0;
}
.articlebox .signature span {
  background: #000 none repeat scroll 0 0;
  border-radius: 50%;
  display: inline-block;
  height: 4px;
  margin: 0 5px;
  vertical-align: middle;
  width: 4px;
}
.articlebox .txt {
  color: #000;
  line-height: 18px;
  margin: 0 auto;
  max-width: 505px;
  word-break: break-all;
}
.live {
  background: #000 none repeat scroll 0 0;
}
.live .h1-channel {
  margin-bottom: 27px;
}
.live .nav a {
  color: #fff;
}
.live .nav a:hover {
  color: #e60000;
}
.live .articlebox {
  margin: 0 auto 50px;
  width: 1150px;
}
.live .articlebox dt {
  float: left;
}
.live .articlebox img {
  display: block;
  width: 100%;
}
.live .articlebox dd {
  margin-left: 620px;
  padding-top: 80px;
}
.live .articlebox dd .title h2 {
  background: #000 none repeat scroll 0 0;
  color: #fff;
}
.live .articlebox dd .txt {
  color: #fff;
}
.live .articlebox.hover dd h2,
.live .articlebox dd a:hover h2 {
  background: #d0011d none repeat scroll 0 0;
}
.live .list {
  margin: 0 auto;
  width: 1200px;
}
.live .articleboxmin {
  float: left;
  margin: 0 25px;
}
.live .articleboxmin h2 {
  color: #fff;
}
.live .articlebox .signature span {
  background: #b0b0b0 none repeat scroll 0 0;
}
.celebs {
  margin-bottom: 50px;
  overflow: hidden;
}
.celebs-title {
  background: rgba(0, 0, 0, 0) url("../module/images/celebs-title.png") repeat scroll 0 0;
  font-size: 0;
  height: 116px;
  margin: 87px auto 100px;
  width: 735px;
}
.celebs .swiper-btn {
  background-color: #db213f;
}
.celebs .swiper-slide {
  height: 820px;
  position: relative;
}
.celebs .swiper-slide a {
  position: absolute;
}
.celebs .swiper-slide a span {
  bottom: 0;
  color: #fff;
  font-size: 14px;
  opacity: 0;
  padding: 8px 2%;
  position: absolute;
  text-align: center;
  transition: opacity 0.3s ease 0s;
  width: 96%;
}
.celebs .swiper-slide a:hover span {
  opacity: 1;
}
.celebs .swiper-slide a.lp span {
  background-color: rgba(0, 0, 0, 0.8);
}
.celebs .swiper-slide a.rp span {
  background-color: rgba(206, 0, 46, 0.8);
}
.celebs .swiper-slide .c1 {
  height: 304px;
  left: 0;
  top: 223px;
  width: 203px;
}
.celebs .swiper-slide .c2 {
  height: 327px;
  left: 213px;
  top: 67px;
  width: 219px;
}
.celebs .swiper-slide .c3 {
  height: 386px;
  left: 213px;
  top: 404px;
  width: 259px;
}
.celebs .swiper-slide .c4 {
  height: 395px;
  left: 445px;
  top: 0;
  width: 264px;
}
.celebs .swiper-slide .c5 {
  height: 341px;
  left: 481px;
  top: 404px;
  width: 229px;
}
.celebs .swiper-slide .c6 {
  height: 281px;
  left: 730px;
  top: 58px;
  width: 421px;
  padding: 0;
  background: 0;
}
.celebs .swiper-slide .c7 {
  height: 231px;
  left: 730px;
  top: 349px;
  width: 345px;
}
.celebs .swiper-slide .c8 {
  height: 231px;
  left: 730px;
  top: 589px;
  width: 345px;
}
.celebs .swiper-slide .c9 {
  height: 217px;
  right: 0;
  top: 349px;
  width: 217px;
}
.celebs834 .w1300 {
  width: 1378px;
}
.celebs834 .swiper-container {
  background: none;
}
.celebs .swiper-slide span {
  display: none;
}
.celebs834 .swiper-slide .c6 {
  width: 646px;
}
.celebs834 .swiper-slide .c8 {
  width: 546px;
}
.celebs .swiper-slide img {
  display: block;
  height: 100%;
  width: 100%;
}
.celebs .swiper-slide .more1 {
  left: 606px;
  top: 780px;
  display: none;
}
.celebs .swiper-slide .more2 {
  left: 1083px;
  top: 580px;
  display: none;
}
.module-three .module-bd ul {
  width: 1004px;
}
.module-three .module-bd li {
  float: left;
  position: relative;
}
.module-three .module-bd li:hover .tag {
  display: block;
}
.module-three .module-bd li a {
  border-right: 1px solid #fff;
  border-top: 1px solid #fff;
  display: block;
  height: 249px;
  overflow: hidden;
  width: 249px;
}
.module-three .module-bd li img {
  display: block;
  margin-top: -1px;
  transition: all 1s ease 0s;
}
.module-three .module-bd li a:hover img {
  transform: scale(1.1, 1.1) rotate(0.01deg);
}
.module-three .tag {
  background: rgba(0, 0, 0, 0) url("../global/bg_index_tag.png") no-repeat scroll 0 0;
  cursor: pointer;
  display: none;
  height: 42px;
  left: 50%;
  line-height: 19px;
  overflow: hidden;
  padding: 8px 15px 0;
  position: absolute;
  top: 40%;
  width: 161px;
  z-index: 999;
}
.gallery {
  margin-bottom: 50px;
}
.gallery .module-hd {
  margin-bottom: 35px;
}
.gallery .module-hd .module-title {
  width: 440px;
}
.gallery .module-hd h2 a {
  background: rgba(0, 0, 0, 0) url("../title/title-index-2.jpg") no-repeat scroll 0 -767px;
  height: 91px;
}
.index-celebrity {
  margin: 0 auto;
  width: 1000px;
  margin-bottom: 50px;
}
.common-section .aside {
  float: left;
  width: 376px;
}
.common-section .article {
  float: right;
  margin-top: -12px;
  width: 624px;
}
.common-section .article .box {
  display: inline;
  float: left;
  height: 300px;
  margin: 12px 0 0 12px;
  overflow: hidden;
  width: 300px;
}
.common-section .article .small-box {
  width: 196px;
}
.common-section .article .small-box .img p {
  height: 55px;
  line-height: 1.5;
  padding: 5px 10px 0;
  text-indent: 0;
  width: 176px;
}
.toggle-caption {
  cursor: pointer;
  position: relative;
}
.toggle-caption .img {
  border: 1px solid #e3e3e3;
}
.toggle-caption .img p {
  background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
  bottom: 0;
  color: #fff;
  font-size: 16px;
  height: 30px;
  left: 0;
  line-height: 30px;
  overflow: hidden;
  padding-right: 4%;
  position: absolute;
  text-indent: 1em;
  width: 96%;
  display: none;
}
.toggle-caption .img img {
  max-width: 100%;
}
.toggle-caption .caption {
  background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
  height: 100%;
  left: 0;
  padding: 0 28px 0 33px;
  position: absolute;
  top: 0;
  width: 239px;
  display: none;
}
.toggle-caption.small-box .caption {
  padding: 0 18px 0 20px;
  width: 158px;
}
.toggle-caption:hover .caption {
  display: block;
}
.toggle-caption .caption h3 {
  color: #fff;
  font-size: 18px;
  line-height: 22px;
  max-height: 46px;
  overflow: hidden;
  padding-top: 34px;
  font-family: "Microsoft Yahei";
}
.toggle-caption .caption h3 a {
  color: #fff;
  text-decoration: none;
}
.toggle-caption .caption .br {
  background: rgba(0, 0, 0, 0) url("../module/flip-title-bg.png") no-repeat scroll 0 0;
  height: 1px;
  margin: 13px 0;
  overflow: hidden;
}
.toggle-caption .caption .p {
  color: #d9d9d9;
  overflow: hidden;
  font-size: 15px;
  font-family: "Microsoft Yahei";
}
.toggle-caption .caption a.more {
  font-style: italic;
  position: relative;
  text-decoration: none;
  top: 15px;
  color: #f5ae00;
  display: none;
}
.common-section .article .article-list-box {
  background: #e5e5e5 none repeat scroll 0 0;
  height: 274px;
  padding: 26px 22px 0 20px;
  width: 258px;
}
.article-list-box h3 {
  background: rgba(0, 0, 0, 0) url("../images/v2/index-titles-h3.gif") no-repeat scroll 0 0;
  height: 43px;
  margin-bottom: 14px;
  text-indent: -9999px;
}
.article-list-box li {
  background: rgba(0, 0, 0, 0) url("../images/v2/dot-black.gif") no-repeat scroll 12px 13px;
  font-size: 14px;
  line-height: 31px;
  padding-left: 22px;
}
.article-list-box li:hover .intro {
  display: block;
}
.article-list-box.special-box li {
  background-image: url("../module/dot-white.png");
}
.article-list-box li .title {
  height: 31px;
  overflow: hidden;
}
.article-list-box li .intro {
  display: none;
  font-size: 12px;
  height: 54px;
  line-height: 1.5;
  overflow: hidden;
}
.article-list-box li .intro a {
  color: #777;
}
.article-list-box li div .intro {
  display: block;
}
.article-list-box li.first .intro {
  display: block;
}
.article-list-box.special-box li .intro a {
  color: #e7e7e7;
}
.article-list-box li a {
  color: #323232;
}
.article-list-box.special-box li a,
.article-list-box.special-box li a:hover {
  color: #fff;
}
.article-list-box .more {
  margin-top: 7px;
  text-align: right;
}
.article-list-box .more a {
  color: #838383;
}
.article-list-box.special-box .more a {
  color: #fff;
}
.article-list-box .follow-talks {
  display: none;
}
.article-list-box li.first .follow-talks {
  display: block;
}
.style-orange .article .article-list-box.special-box {
  background: #e75d5a none repeat scroll 0 0;
}
.common-slide {
  border: 1px solid #ddd;
  height: 610px;
  overflow: hidden;
  position: relative;
  width: 374px;
}
.common-slide .main li {
  float: left;
  height: 610px;
  position: relative;
  width: 374px;
}
.common-slide .main .caption {
  background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
  bottom: 53px;
  height: 92px;
  left: 17px;
  padding: 0 17px;
  position: absolute;
  width: 284px;
  display: none;
}
.common-slide .main .caption h3 {
  color: #fff !important;
  font-size: 18px;
  height: 45px;
  line-height: 45px;
  overflow: hidden;
}
.common-slide .main .caption h3 a {
  color: #fff;
}
.common-slide .main .caption p {
  color: #b7b7b7;
  height: 30px;
  line-height: 16px;
  overflow: hidden;
}
.common-slide .prev,
.common-slide .next {
  background: rgba(0, 0, 0, 0) url("../module/prev_tm.png") no-repeat scroll 0 0;
  height: 49px;
  left: 0;
  margin-top: -24px;
  position: absolute;
  top: 50%;
  width: 34px;
}
.common-slide .prev:hover,
.common-slide .prev:active {
  background-color: #2E8A5B;
}
.common-slide .next {
  background: rgba(0, 0, 0, 0) url("../module/next_tm.png") no-repeat scroll 0 0;
  left: auto;
  right: 0;
}
.common-slide .next:hover,
.common-slide .next:active {
  background-color: #2E8A5B;
}
/*# sourceMappingURL=module.css.map */