.wrapn {
  background: url(../img/bg.jpg) no-repeat center top;
  background-size: 100% auto;
  background-attachment: fixed;
}

.nav_box {
  position: fixed;
  z-index: 10;
}

.nav_box .logo {
  width: 250px;
  margin-bottom: 26px;
  margin-left: 20px;
  margin-top: 20px;
}

.nav_box .gan {
  width: 348px;
  height: 22px;
  display: block;
}

.nav_box .nav-inner {
  border: 4px solid #5B4C2C;
  display: inline-block;
  margin-left: 105px;
  background: #C0B599;
}

.nav_box .nav-inner .nav-list {
  width: 200px;
  margin: 3px;
  border: 1px solid #5B4C2C;
  padding: 10px 0;
}

.nav_box .nav-inner .nav-list .nav-item {
  background: url(../img/tabs.jpg) no-repeat center;
  width: 200px;
  height: 50px;
  background-size: 100% auto;
  margin-bottom: 10px;
  text-align: center;
  line-height: 50px;
  font-size: 24px;
  cursor: pointer;
}

.nav_box .nav-inner .nav-list .nav-item a {
  color: #DBD7B1;
  width: 100%;
  display: block;
}

.nav_box .nav-inner .nav-list .on,
.nav_box .nav-inner .nav-list .nav-item:hover {
  background-image: url(../img/tabs_active.jpg);
}

.nav_box .nav-inner .nav-list .on a,
.nav_box .nav-inner .nav-list .nav-item:hover a {
  color: #422C0C;
}

.nav_box .nav-inner .nav-list .nav-item-item {
  background: url(../img/tabsItem.png) no-repeat center;
  background-size: 100% auto;
  width: 183px;
  height: 33px;
  margin: 0 auto;
  margin-bottom: 8px;
  text-align: center;
  line-height: 33px;
  font-size: 18px;
  cursor: pointer;
  color: #F7E5BB;
}

.nav_box .nav-inner .nav-list .nav-item-item::before,
.nav_box .nav-inner .nav-list .nav-item-item::after {
  content: '';
  display: inline-block;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  background: rgba(247, 229, 187, 0.5);
  margin-right: 15px;
  margin-bottom: 5px;
}

.nav_box .nav-inner .nav-list .nav-item-item::after {
  margin-left: 15px;
  margin-right: 0;
}

.nav_box .nav-inner .nav-list .active,
.nav_box .nav-inner .nav-list .nav-item-item:hover {
  background-image: url(../img/tabsItem_active.png);
  color: #422C0C;
}

.nav_box .nav-inner .nav-list .active::before,
.nav_box .nav-inner .nav-list .nav-item-item:hover::before,
.nav_box .nav-inner .nav-list .active::after,
.nav_box .nav-inner .nav-list .nav-item-item:hover::after {
  background: rgba(66, 44, 12, 0.5);
}

.wrap {
  position: relative;
}

.wrap .cont_box {
  width: 1072px;
  margin: 0 auto 30px;
  text-align: center;
}

.tabItem {
  display: none;
  padding: 0 50px 0 50px;
}

.tabItem:nth-child(1) {
  display: block;
}

.tabItem .title {
  text-align: center;
}

.tabItem .subTitle {
  text-align: left;
  margin-top: 20px;
}

.tabItem .subTitle h5 {
  font-size: 24px;
  color: #422C0C;
}

.tabItem .subTitle h5 i {
  background: url(../img/point.png) no-repeat center;
  background-size: 18px 18px;
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-right: 12px;
}

.tabItem .subTitle .text_p {
  margin-top: 10px;
  margin-left: 30px;
  line-height: 28px;
  font-size: 0;
  color: #422C0C;
}

.tabItem .subTitle .yellow {
  color: #422C0C;
}

.tabItem .subTitle .red {
  color: #B12220;
}

.tabItem .subTitle .deepRed {
  color: #AC0000;
}

.tabItem .col2 {
  padding: 0 300px;
  margin: 30px 0;
}

.tabItem .col2_big {
  margin: 30px 0;
}

.tabItem .col_big {
  padding: 0 40px;
  margin: 20px 0 30px;
}

.tabItem .col_big img {
  margin-right: 90px;
}

.tabItem .col8 {
  padding: 0 40px;
  margin: 30px 0;
}

.tabItem .pic {
  margin-top: 20px;
}

.flex_p {
  display: flex;
  margin-left: 30px;
  color: #422C0C;
  line-height: 28px;
  font-size: 0;
}

.flex_p span,
.text_p span{
  font-size: 16px;
}

.flex_p .text_p {
  margin-left: 0!important;
  margin-top: 0!important;
}

.smallIcon {
  display: flex;
  margin: 20px 30px 40px;
}

.smallIcon img {
  margin-right: 70px;
}

.tabs-table {
  margin: 20px 0;
  margin-left: 30px;
}

.tabs-table img {
  width: 100%;
}

.showdetail {
  display: flex;
}

.detail-item {
  position: relative;
  z-index: 1;
  margin-right: 20px;
}

.detail-item .detail-item-left {
  background: url(../img/1-4/detail_show_bg.png) no-repeat center;
  background-size: 100% auto;
  width: 150px;
  height: 150px;
  margin-top: 20px;
}

.detail-item .detail-item-left img {
  width: 138px;
  margin-left: 6px;
  margin-top: 6px;
}

.detail-item .detail-tips {
  text-align: center;
  color: #422C0C;
  opacity: 0.8;
  font-size: 16px;
  line-height: 40px;
  position: relative;
}

.detail-item .detail-tips::before,
.detail-item .detail-tips::after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
  height: 1px;
  background: #422C0C;
  opacity: 0.8;
}

.detail-item .detail-tips::before {
  left: 10px;
}

.detail-item .detail-tips::after {
  right: 10px;
}

.detail-fixed {
  position: absolute;
  top: -20px;
  left: 280px;
  background: url(../img/1-4/detail_right_bg.png) no-repeat center;
  background-size: 100% auto;
  width: 767px;
  height: 700px;
  transform: scale(.9);
}

.detail-fixed .cp-wrapper .nan {
  position: absolute;
  top: 0px;
  left: 184px;
  width: 265px;
}

.detail-fixed .cp-wrapper .nv {
  position: absolute;
  top: 40px;
  left: 372px;
  width: 216px;
}

.detail-fixed .pointItem {
  position: absolute;
  width: 60px;
  height: 60px;
  background: url(../img/1-4/point1.png) no-repeat center;
  background-size: 100% auto;
  cursor: pointer;
}

.detail-fixed .item1 {
  top: 285px;
  left: 80px;
}

.detail-fixed .item2 {
  top: 448px;
  left: 113px;
  background-image: url(../img/1-4/point2.png);
}

.detail-fixed .item3 {
  top: 510px;
  left: 146px;
  background-image: url(../img/1-4/point3.png);
}

.detail-fixed .item4 {
  top: 555px;
  left: 214px;
  background-image: url(../img/1-4/point4.png);
}

.detail-fixed .item5 {
  top: 610px;
  left: 340px;
  background-image: url(../img/1-4/point5.png);
}

.detail-fixed .item6 {
  top: 605px;
  left: 440px;
  background-image: url(../img/1-4/point6.png);
}

.detail-fixed .item7 {
  top: 570px;
  left: 520px;
  background-image: url(../img/1-4/point7.png);
}

.detail-fixed .item8 {
  top: 490px;
  left: 620px;
  background-image: url(../img/1-4/point8.png);
}

.detail-fixed .item9 {
  top: 418px;
  left: 650px;
  background-image: url(../img/1-4/point9.png);
}

.detail-fixed .item10 {
  top: 244px;
  left: 662px;
  background-image: url(../img/1-4/point10.png);
}

.detail-fixed .item11 {
  top: 170px;
  left: 630px;
  background-image: url(../img/1-4/point11.png);
}

.detail-fixed .item12 {
  top: 107px;
  left: 574px;
  background-image: url(../img/1-4/point12.png);
}

.detail-fixed .item1:hover,
.detail-fixed .item1.active {
  background-image: url(../img/1-4/point_hover_1.png);
}

.detail-fixed .item2:hover,
.detail-fixed .item2.active {
  background-image: url(../img/1-4/point_hover_2.png);
}

.detail-fixed .item3:hover,
.detail-fixed .item3.active {
  background-image: url(../img/1-4/point_hover_3.png);
}

.detail-fixed .item4:hover,
.detail-fixed .item4.active {
  background-image: url(../img/1-4/point_hover_4.png);
}

.detail-fixed .item5:hover,
.detail-fixed .item5.active {
  background-image: url(../img/1-4/point_hover_5.png);
}

.detail-fixed .item6:hover,
.detail-fixed .item6.active {
  background-image: url(../img/1-4/point_hover_6.png);
}

.detail-fixed .item7:hover,
.detail-fixed .item7.active {
  background-image: url(../img/1-4/point_hover_7.png);
}

.detail-fixed .item8:hover,
.detail-fixed .item8.active {
  background-image: url(../img/1-4/point_hover_8.png);
}

.detail-fixed .item9:hover,
.detail-fixed .item9.active {
  background-image: url(../img/1-4/point_hover_9.png);
}

.detail-fixed .item10:hover,
.detail-fixed .item10.active {
  background-image: url(../img/1-4/point_hover_10.png);
}

.detail-fixed .item11:hover,
.detail-fixed .item11.active {
  background-image: url(../img/1-4/point_hover_11.png);
}

.detail-fixed .item12:hover,
.detail-fixed .item12.active {
  background-image: url(../img/1-4/point_hover_12.png);
}

.big-video-wrapper {
  display: flex;
  justify-content: center;
  margin: 30px 0;
}

.big-video-wrapper .video-inner {
  width: 1040px;
  border: 3px solid #D2C7B6;
  padding: 2px;
  box-sizing: border-box;
}

.big-video-wrapper video {
  width: 100%;
  height: 100%;
}