.section {
  position: relative;
  z-index: 2;
}
.section .back {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.section .wrap {
  margin: 0px auto 40px;
  padding-top: 30px;
}
.section .wrap .title {
  text-align: center;
  margin: 0 0 45px 0;
}
.section .wrap .title span {
  font-size: 20px;
  font-family:Arial, Helvetica, sans-serif;
  
  color: #caa672;
  font-weight: normal;
  display: block;
}
.section .wrap .title p {
  font-size: 13px !important;
  font-weight: normal;
  color: #666;
}
.section .wrap .title .line {
  width: 200px;
  height: 1px;
  background: #e8e8e8;
  margin:15px auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.section .wrap .title .line div {
  width: 80px;
  height: 1px;
  background: #caa672;
}
.section .wrap .content .cut {
  border-bottom: 1px solid rgba(221, 221, 221, 0.3);
  display: flex;
  justify-content: center;
  padding: 0 0 16px 0;
}
.section .wrap .content .cut .joke {
  width: 1254px;
  max-width: 90%;
  display: flex;
}
.section .wrap .content .cut .joke .list {
  padding: 0 14px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-family:Arial, Helvetica, sans-serif;
  font-weight: 400;
  color: #1c1c1c;
  line-height: 24px;
  margin: 0 47px 0 0;
  transition: 1s;
  position: relative;
  cursor: pointer;
}

.section .wrap .content .cut .joke .list:after {
  content: '';
  position: absolute;
  bottom: -17px;
  left: 0;
  width: 0;
  height: 3px;
  background: #caa672;
  transition: 0.7s;
}
.section .wrap .content .cut .joke .list.on,
.section .wrap .content .cut .joke .list:hover {
  background: #caa672;
  color: #fff;
}
.section .wrap .content .cut .joke .list.on:after,
.section .wrap .content .cut .joke .list:hover:after {
  width: 100%;
}
.section .wrap .content .cut .joke .list:not(:last-child):before {
  content: '';
  position: absolute;
  right: -23px;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 36px;
  background: #000000;
  opacity: 0.1;
}
.section .wrap .content .flex {
  width: 1254px;
  margin: 60px auto 0;
}
.section .wrap .content .flex .big {
  display: none;
}
.section .wrap .content .flex .big.on {
  display: flex;
}
.section .wrap .content .flex .big .text {
  margin: 0 40px 0 0;
  width:50%;
  margin-bottom:20px;
}
.section .wrap .content .flex .big .text span {
  font-size: 26px;
  font-family:Arial, Helvetica, sans-serif;
  color: #141414;
}
.section .wrap .content .flex .big .text .address {
  margin: 55px 0 0 0;
  display: flex;
  align-items: center;
}
.section .wrap .content .flex .big .text .address .circle {
  width: 58px;
  height: 58px;
  border: 1px solid #e4e4e4;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(90, 90, 90, 1);
  font-size: 25px;
  transition: 0.6s;
  margin: 0 21px 0 0;
}
.section .wrap .content .flex .big .text .address p {
  font-size: 16px;
  font-weight: 400;
  color: #141414;
  line-height: 38px;
  font-family:Arial, Helvetica, sans-serif;
}
.section .wrap .content .flex .big .text p {
  margin-bottom: 10px;
  color:#666666; font-size:13px;
}
.section .wrap .content .flex .big .text .address:hover .circle {
  background: #caa672;
  border: 1px solid transparent;
  color: #fff;
  margin: 0 28px 0 0;
}
.section .wrap .content .flex .big .code {
  display: flex;
  align-items: center;
}
.section .wrap .content .flex .big .code .border {
  width: 142px;
  height: 143px;
  border: 1px solid #e4e4e4;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 37px 0 0;
}
.section .wrap .content .flex .big .code .pick p {
  font-size: 16px;
  font-family:Arial, Helvetica, sans-serif;
  font-weight: 300;
  color: #333333;
  display: block;
  margin: 0 0 10px 0;
}
.section .wrap .content .flex .big .code .pick h5 {
  font-size: 16px;
  font-family:Arial, Helvetica, sans-serif;
  font-weight: 500;
  color: #333333;
}

@media screen and (max-width: 1600px) {
  .section .wrap .content .flex,
  .section .wrap .content .cut .joke {
   max-width: 80%;
    margin: 0 auto;
	
  }
}