﻿/* 头部开始 */
header {
  position: relative;
  height: 486px;
  width: 100%;
  background: url('./head_bg.png') no-repeat center;
}
.sxz_width {
  width: 1182px;
  margin: 0 auto;
}
.zt_back {
  display: block;
  width: 140px;
  height: 50px;
  border-radius: 5px;
  background: url('./back_bg.png') no-repeat center left 22px;
  background-color: #b10b0e;
  font-size: 18px;
  color: #fff;
  line-height: 50px;
  text-indent: 2.6em;
  opacity: 0.7;
  float: right;
  margin-top: 30px;
}
.zt_back:hover {
  color: #fff;
}
.zt_logo {
  height: 50px;
  display: block;
  float: left;
  padding-top: 32px;
}
nav {
  position: absolute;
  bottom: 10px;
  left: 50%;
  padding: 0 8px;
  box-sizing: border-box;
  line-height: 55px;
  transform: translate(-50%, 0);
}
nav a {
  display: inline-block;
  /*width: 100px;*/
  text-align: center;
  font-size: 20px;
  color: #fff;
  font-weight: 700;
  padding: 0 45px;
  position: relative;
}
nav a::after {
  position: absolute;
  width: 2px;
  height: 20px;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
  display: block;
  content: '';
  background-color: #f55450;
}
nav a:first-child {
  background: url('./sy_2.png') no-repeat center left 35px;
}
nav a:first-child:hover {
  background: url('./sy_1.png') no-repeat center left 35px;
}
nav a:last-child::after {
  display: none;
}
nav a:hover {
  color: #fff4b8;
}
nav a.on {
  color: #fff4b8;
}
nav a:first-child.on {
  background: url('./sy_1.png') no-repeat center left 15px;
}
/* 头部结束 */

/* 内容开始 */
.sxz_wkjg_left {
  width: 566px;
  min-height: 100%;
  float: left;
}

.sxz_tw li {
  margin-top: 27px;
}

.sxz_wkjg_head {
  height: 28px;
  width: 100%;
  overflow: hidden;
}

.sxz_wkjgh_bg {
  width: 474px;
  height: 100%;
  display: inline-block;
}

.sxz_bofang {
  display: block;
  height: 46px;
  width: 46px;
}

.sxz_wkjgh_bg1 {
  background: url('./ds_head_bg1.png') no-repeat center;
}
.sxz_wkjgh_bg2 {
  background: url('./ds_head_bg2.png') no-repeat center;
}
.sxz_wkjgh_bg3 {
  background: url('./ds_head_bg3.png') no-repeat center;
}
.sxz_wkjgh_bg4 {
  background: url('./ds_head_bg4.png') no-repeat center;
}
.sxz_wkjgh_bg5 {
  background: url('./ds_head_bg5.png') no-repeat center;
}

.sxz_wkjgh_gd {
  width: 64px;
  height: 26px;
  border-radius: 13px;
  background-color: #ea0a0b;
  color: #fff;
  font-size: 16px;
  line-height: 26px;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  float: right;
}
.sxz_wkjgh_gd:hover {
  color: #fff;
}
.ds_yl_img {
  display: block;
  height: 70px;
  float: left;
  width: 125px;
  overflow: hidden;
}
.ds_yl_img img {
  transition: all ease 0.5s;
}
.ds_yl_img:hover img {
  transform: scale(1.25);
}
.ds_yl_font {
  float: right;
  height: 70px;
  width: 422px;
  overflow: hidden;
}
.ds_yl_font a {
  font-size: 16px;
  color: #666666;
  display: block;
  height: 54px;
  line-height: 24px;
}
.ds_yl_font span {
  font-size: 16px;
  color: #999999;
}

.sxz_wkjg_right {
  float: right;
  height: 320px;
  width: 566px;
}
.sxz_sp {
  box-sizing: border-box;
  padding: 9px;
  height: 320px;
  border: 1px solid #ea0a0b;
  position: relative;
}

.list_wz ul {
  margin-top: 18px;
}

.list_wz li a {
  position: relative;
  color: #666666;
  font-size: 16px;
  height: 45px;
  line-height: 45px;
  width: 480px;
  display: inline-block;
  box-sizing: border-box;
  padding-left: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.list_wz li a:hover {
  color: #ea0a0b;
}
.list_wz li a::after {
  height: 5px;
  width: 5px;
  border-radius: 50%;
  position: absolute;
  content: '';
  display: block;
  top: 50%;
  left: 4px;
  transform: translate(0, -50%);
  background-color: #222222;
}
.list_wz li span {
  font-size: 14px;
  color: #999999;
  line-height: 45px;
  display: inline-block;
  height: 45px;
  vertical-align: top;
}
.content > ul > li {
  margin-top: 50px;
}
.content > ul {
  margin-bottom: 40px;
}

/* 轮播图开始 */

.device {
  width: 566px;
  height: 320px;
  padding: 9px;
  box-sizing: border-box;
  margin: 5px auto;
  position: relative;
  border: 1px solid #ce2020;
}

.device .arrow-left {
  background: url(./left_j1.png) no-repeat left top;
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translate(0, -50%);
  width: 35px;
  height: 60px;
  z-index: 2;
}

.device .arrow-left:hover {
  background: url(./left_j2.png) no-repeat left top;
}

.device .arrow-right {
  background: url(./right_j2.png) no-repeat left bottom;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translate(0, -50%);
  width: 35px;
  height: 60px;
  z-index: 2;
}
.device .arrow-right:hover {
  background: url(./right_j1.png) no-repeat left bottom;
}

.device .swiper-slide {
  height: 100%;
  width: 100%;
  position: relative;
}

.device .swiper-slide img a {
  display: block;
  height: 100%;
  width: 100%;
}

.device .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
}

.swiper-container {
  height: 100%;
  width: 100%;
}

.content-slide {
  padding: 20px;
  color: #fff;
}

.pagination {
  position: absolute;
  right: 30px;
  text-align: center;
  bottom: 25px;
  z-index: 2;
}

.swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #cfcccc;
  margin: 0 3px;
  cursor: pointer;
}

.swiper-active-switch {
  background: #fff;
}
.sxz_zz {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50px;
  background: rgba(0, 0, 0, 0.6);
}
.sxz_zz a {
  font-size: 18px;
  line-height: 50px;
  padding-left: 20px;
  display: inline-block;
  width: 400px;
  box-sizing: border-box;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* 轮播图结束 */

/* 第二哥轮播图开始 */
.sxz_dianying {
  height: 206px;
  width: 100%;
  position: relative;
  background: url('./lunbodibu.png') no-repeat center / 100%;
}
.sxz_lunboqiege {
  overflow: hidden;
  position: absolute;
  bottom: 32px;
  right: 19px;
  width: 917px;
  height: 80px;
}
.sxz_lunboqiege .arrow-left {
  position: absolute;
  display: block;
  height: 40px;
  width: 20px;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  background: url(./right_11.png) no-repeat left top;
  z-index: 2;
}
.sxz_lunboqiege .arrow-left:hover {
  background: url(./right_22.png) no-repeat left top;
}
.sxz_lunboqiege .arrow-right {
  position: absolute;
  display: block;
  height: 40px;
  width: 20px;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  background: url(./left_12.png) no-repeat left top;
  z-index: 2;
}
.sxz_lunboqiege .arrow-right:hover {
  background: url(./left_21.png) no-repeat left top;
}
.sxz_dianying .swiper-two {
  width: 933px;
  height: 80px;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
}
.swiper-two .swiper-slide {
  height: 100%;
  width: 100%;
  position: relative;
}
.swiper-two a {
  display: block;
  width: 94%;
  height: 100%;
}
.swiper-two a img {
  display: block;
  width: 100%;
  height: 100%;
}

/* 第二个轮播图结束 */
/* 内容结束 */

/* 底部开始 */
footer {
  height: 221px;
  width: 100%;
  background: url('./footer_bg_02.png') no-repeat center;
}
/* 底部结束 */
