.logo {
  text-align: center;
  margin: 85px 0 100px;
}

.container-box {
  background: #fff;
  width: 1200px;
  margin: 0 auto;
  padding: 0 100px;
  box-sizing: border-box;
}

.container-box .pageTitle {
  line-height: 112px;
  color: #c6090f;
  font-size: 36px;
  font-weight: bold;
  text-align: center;
}

.container-box .videoBox {
  height: 650px;
}

.container-box .cloum-box {
  height: 1px;
  background: #c6090f;
  position: relative;
  margin: 60px 0;
}

.container-box .cloum-box span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 24px;
  color: #c6090f;
  font-weight: bold;
  padding: 0 30px;
  background: #fff;
}

.container-box .cloum-box span::before {
  content: '';
  width: 10px;
  height: 10px;
  background: #c6090f;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.container-box .cloum-box span::after {
  content: '';
  width: 10px;
  height: 10px;
  background: #c6090f;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.container-box .cloum-box a.more{
  position: absolute;
  right:0;
  top:-13px;
  width: 66px;
  height: 22px;
  border-radius: 22px;
  font-size: 14px;
  color: #c6090f;
  border: #c6090f 1px solid;
  background: #fff;
  text-align: center;
}

.container-box .gdbxContain {
  height: 488px;
  padding: 10px 320px 10px 10px;
  box-sizing: border-box;
  border: #a37b3c 1px solid;
  position: relative;
}

.container-box .gdbxContain .gdbxVideo {
  width: 100%;
  height: 100%;
}

.container-box .gdbxContain .grsjBox {
  position: absolute;
  right: 0;
  width: 320px;
  height: 517px;
  box-sizing: border-box;
  top: -20px;
  background: #a37b3c;
  padding: 35px 20px 0;
}

.container-box .qgbxxxzx ul {
  overflow: hidden;
}

.container-box .qgbxxxzx ul li {
  width: 240px;
  height: 280px;
  overflow: hidden;
  float: left;
  margin-right: 10px;
  position: relative;
}

.container-box .qgbxxxzx ul li:last-child {
  margin-right: 0;
}

.container-box .qgbxxxzx ul li img {
  width: 100%;
  height: 100%;
}

.container-box .qgbxxxzx ul li p {
  line-height: 42px;
  height: 42px;
  text-align: center;
  position: absolute;
  width: 100%;
  background: rgba(201, 12, 16, 0.4);
  left: 0;
  bottom: 0;
}

.container-box .qgbxxxzx ul li p span {
  color: #fff;
  margin: 10px;
}

.container-box .qgbxxxzx ul li dl {
  position: absolute;
  left: 0;
  bottom: -280px;
  width: 100%;
  height: 100%;
  background: rgba(201, 12, 16, 0.6);
  padding: 40px 20px 0;
  box-sizing: border-box;
  transition: all 0.3s;
}

.container-box .qgbxxxzx ul li dl dt {
  margin-bottom: 30px;
}

.container-box .qgbxxxzx ul li dl dt span {
  font-size: 16px;
  color: #fff;
  display: block;
}

.container-box .qgbxxxzx ul li dl dd {
  line-height: 30px;
  color: #fff;
}

.container-box .qgbxxxzx ul li:hover p {
  display: none;
}

.container-box .qgbxxxzx ul li:hover dl {
  bottom: 0;
}

.container-box .xxppxm {
  overflow: hidden;
}

.container-box .xxppxm .xxppxm_left {
  width: 704px;
  height: 309px;
  margin-top: 17px;
}

.container-box .xxppxm .xxppxm_left .swiper-slide {
  background-position: center;
  background-size: cover;
  width: 500px;
}

.container-box .xxppxm .xxppxm_left .swiper-slide img {
  width: 100%;
  height: 100%;
}

.container-box .xxppxm .xxppxm_left .swiper-slide.swiper-slide-prev,
.container-box .xxppxm .xxppxm_left .swiper-slide.swiper-slide-next {
  filter: blur(2px);
}

.container-box .xxppxm .xxppxm_left .swiper-button-prev {
  width: 42px;
  height: 51px;
  background: url(../images/swiper_left.png) no-repeat center center;
  left: 110px;
}

.container-box .xxppxm .xxppxm_left .swiper-button-next {
  width: 42px;
  height: 51px;
  background: url(../images/swiper_right.png) no-repeat center center;
  right: 110px;
}

.container-box .xxppxm .xxppxm_right {
  width: 264px;
  height: 334px;
  border: #d6d6d6 1px dashed;
}

.container-box .xxppxm .xxppxm_right .module_t {
  height: 43px;
  line-height: 43px;
  font-size: 18px;
  color: #c6090f;
  border-bottom: #f3f3f3 1px solid;
  margin-bottom: 10px;
  padding: 0 10px;
}

.container-box .xxppxm .xxppxm_right .moduleContent {
  padding: 10px;
  line-height: 30px;
}

.container-box .ppxm ul {
  overflow: hidden;
}

.container-box .ppxm ul li {
  width: 312px;
  height: 195px;
  overflow: hidden;
  position: relative;
  float: left;
  margin-right: 32px;
  margin-bottom: 20px;
}

.container-box .ppxm ul li:nth-child(3n) {
  margin-right: 0;
}

.container-box .ppxm ul li img {
  width: 100%;
  height: 100%;
}

.container-box .ppxm ul li p {
  position: absolute;
  width: 100%;
  line-height: 30px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  background: #c90c10;
  left: 0;
  bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 10px;
  box-sizing: border-box;
}

.container-box .ppxm ul li dl {
  position: absolute;
  background: #c90c10;
  left: 0;
  top: 195px;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 15px 15px 0;
  transition: all 0.3s;
}

.container-box .ppxm ul li dl dt {
  font-size: 16px;
  color: #fff;
}

.container-box .ppxm ul li dl dd {
  color: #fff;
  line-height: 25px;
}

.container-box .ppxm ul li:hover dl {
  top: 0;
}

.container-box .yxjyyx ul {
  overflow: hidden;
}

.container-box .yxjyyx ul li {
  width: 316px;
  float: left;
  margin-right: 26px;
  margin-bottom: 20px;
}

.container-box .yxjyyx ul li:nth-child(3n) {
  margin-right: 0;
}

.container-box .yxjyyx ul li .title_img {
  height: 195px;
  position: relative;
  overflow: hidden;
}

.container-box .yxjyyx ul li .title_img img {
  width: 100%;
  height: 100%;
}

.container-box .yxjyyx ul li .title_img dl {
  position: absolute;
  left: 0;
  top: 195px;
  width: 100%;
  height: 100%;
  background: url(../images/item_bg.png) no-repeat center center;
  background-size: 100% 100%;
  padding: 0 20px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  transition: all 0.3s;
}

.container-box .yxjyyx ul li .title_img dl dt {
  color: #fff;
  line-height: 25px;
}

.container-box .yxjyyx ul li p {
  text-align: center;
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.container-box .yxjyyx ul li:hover dl {
  top: 0;
}

.footer {
  height: 80px;
  line-height: 80px;
  text-align: center;
  color: #fff;
  background: #c90c10;
}

.vjs-icon-placeholder {
  color: #fff;
  font-size: 18px;
}

.video-js .vjs-big-play-button {
  line-height: 40px;
}

.translateBox {
  position: absolute;
  left: 0;
  top: 0;
}
.translateBox div {
  color: #fff;
}

.ckxq_btn {
  color: #fff;
}

.pop-window {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, .6);
  z-index: 999;
  display: none;
}

.pop-window .pop-box {
  width: 740px;
  /* min-height: 300px; */
  background: url(../images/dialog_bg.png) no-repeat center center;
  background-size: 100% 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  /* padding: 40px 30px 80px; */
  box-sizing: border-box;
  line-height: 30px;
  /* max-height: 500px; */
}

.pop-window .pop-box .con{
  height:100%;
  padding:40px 30px 80px;
  box-sizing:border-box;
  overflow-y:auto;
  max-height: 500px;
}

.pop-window .pop-box span.close{
  position: absolute;
  cursor: pointer;
  right: -20px;
  top: -20px;
}


.w_nav{
  background: #bd1a1f;
  margin-top: -4px;
}

.w_nav ul{
  width: 1200px;
  margin: 0 auto;
  height:75px;
}


.w_nav ul li{
  float: left;
  position: relative;
}

.w_nav ul li.active::before,.w_nav ul li:hover::before{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #ffd200;
  transform:rotateZ(0deg)skew(-28deg,0deg);
}

.w_nav ul li a{
  font-size: 18px;
  color: #fff;
  font-weight: bold;
  padding: 0 53px;
  height: 75px;
  line-height: 75px;
  display: block;
  position: relative;
  z-index: 99;
}