@font-face {
  font-family: play;
  src: url(f/PlayfairDisplay-Regular.ttf);
  font-weight: normal; }
@font-face {
  font-family: play-b;
  src: url(f/PlayfairDisplay-Bold.ttf);
  font-weight: normal; }
#ctoc {
  padding-top: 1px;
  background: #fff;
  font-family: robo;
  line-height: 22px;
  font-size: 16px; }
  #ctoc .tit {
    font-family: play;
    font-size: 30px;
    text-align: center;
    padding: 50px 0 15px;
    position: relative;
    color: #9a5713;
    margin-bottom: 30px;
    font-weight: 500;
    text-transform: uppercase; }
    #ctoc .tit:after {
      width: 180px;
      border-top: 1px solid #9a5713;
      content: "";
      position: absolute;
      bottom: 0;
      left: 50%;
      margin-left: -90px; }

#ct1 {
  margin-top: 37px;
  padding: 60px 0 74px; }
  #ct1 p {
    line-height: 26px;    
    text-align-last: center;
    letter-spacing: -0.2px; }
  #ct1 .tit {
    font-size: 30px;
    padding-bottom: 0;
    margin-bottom: 20px; }
    #ct1 .tit:after {
      display: none; }
  #ct1 a {
    width: 135px;
    height: 35px;
    display: block;
    margin: 30px auto 0;
    background: #9a5713;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 35px;
    font-family: ro-b;
    text-align: center;
    cursor: pointer; }
  #ct1 .ct1 {
    padding: 0 10px 0 30px; }
  #ct1 .c1 {
    width: calc(50% + 15px);
    padding: 0; }
    #ct1 .c1 img {
      margin-top: 17px; }
  #ct1 .c2 {
    width: calc(50% - 15px); }

#ct2 {
  padding-bottom: 40px; }
  #ct2 .row {
    padding-top: 50px; }
    #ct2 .row:nth-child(3) .ct21 {
      margin: 0;
      margin-left: -15px;
      padding: 0 40px 1px 50px; }
      #ct2 .row:nth-child(3) .ct21 .ad {
        width: 100%;
        
        
        padding-right: 7px; }
    #ct2 .row:nth-child(3) .ct22 {
      height: 500px; }
  #ct2 .ct21 {
    background: #f8f8f8;
    padding: 0 50px 1px 40px;
    margin-right: -15px; }
    #ct2 .ct21 p {
      line-height: 24px; }
    #ct2 .ct21 .t {
      padding: 40px;
      font-family: play;
      font-size: 26px;
      color: #9a5713;
      text-align: center;
      font-weight: 500; }
    #ct2 .ct21 a {
      width: 170px;
      height: 36px;
      display: block;
      margin: 40px auto;
      color: #fff;
      font-size: 14px;
      text-transform: uppercase;
      line-height: 35px;
      font-family: ro-b;
      text-align: center;
      cursor: pointer;
      background: #e72053; }
  #ct2 .ct22 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 485px; }

#ct3 {
  background: #f8f8f8 url(i/s32.jpg) no-repeat bottom right; }
  #ct3 .ct31 > p {
    padding-top: 40px;
    font-size: 18px;
    font-style: italic; }
  #ct3 .ct31 .t {
    width: 20%;
    float: left;
    position: relative; }
    #ct3 .ct31 .t p {
      font-size: 18px;
      text-align: center;
      font-family: ro-m;
      color: #9a5713; }
    #ct3 .ct31 .t img {
      display: block;
      margin: 14px auto;
      border-radius: 50%;
      box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.15); }
    #ct3 .ct31 .t:after {
      width: 32px;
      height: 32px;
      background: #dc8832 url(i/nut.png) no-repeat center;
      border-radius: 50%;
      content: "";
      display: inline-block;
      position: absolute;
      right: -16px;
      top: 144px;
      transform: rotate(25deg); }
    #ct3 .ct31 .t:nth-child(5):after {
      display: none; }
  #ct3 .ct31 .t2 {
    padding-top: 110px; }
    #ct3 .ct31 .t2:after {
      transform: rotate(-25deg); }
  #ct3 .ct32 .cmd6 {
    padding: 10px 60px 70px 45px; }
    #ct3 .ct32 .cmd6:nth-child(2) {
      padding: 10px 45px 70px 60px; }
  #ct3 .ct32 .c {
    padding: 30px 0 15px;
    font-size: 18px;
    color: #9a5713;
    font-family: ro-m;
    font-weight: 500; }

#ct4 {
  background: #f3f6fa url(i/s4.jpg) no-repeat left; }
  #ct4 .ctn > p {
    text-align: center; }
  #ct4 .tit {
    padding: 60px 0 25px;
    margin-bottom: 0; }
    #ct4 .tit:after {
      display: none; }
  #ct4 .row {
    padding-top: 70px; }
  #ct4 .it {
    height: 190px;
    padding: 0 20px 0 95px;
    position: relative; }
    #ct4 .it p {
      font-size: 15px;
      line-height: 20px;
      color: #333333; }
      #ct4 .it p:nth-child(2) {
        font-style: italic;
        color: #555555; }
    #ct4 .it .t {
      font-size: 16px;
      font-family: ro-b;
      text-transform: uppercase;
      color: #2d2d2d; }
    #ct4 .it i {
      width: 80px;
      border-top: 1px solid #b7b7b7;
      display: block;
      margin: 5px 0 15px; }
    #ct4 .it:before {
      width: 58px;
      height: 58px;
      display: inline-block;
      content: "";
      background: url(i/s4-1.png) no-repeat center;
      position: absolute;
      top: -5px;
      left: 17px; }
  #ct4 .cmd4:nth-child(2) .it:before {
    background: url(i/s4-2.png) no-repeat center; }
  #ct4 .cmd4:nth-child(3) .it:before {
    background: url(i/s4-3.png) no-repeat center; }
  #ct4 .cmd4:nth-child(4) .it:before {
    background: url(i/s4-4.png) no-repeat center; }
  #ct4 .cmd4:nth-child(5) .it:before {
    background: url(i/s4-5.png) no-repeat center; }
  #ct4 .cmd4:nth-child(6) .it:before {
    background: url(i/s4-6.png) no-repeat center; }
  #ct4 .cmd4:nth-child(7) .it:before {
    background: url(i/s4-7.png) no-repeat center; }
  #ct4 .cmd4:nth-child(8) .it:before {
    background: url(i/s4-8.png) no-repeat center; }

#ct5 {
  position: relative;
  padding-bottom: 130px; }
  #ct5 .tit {
    padding-top: 80px; }
  #ct5 .ct51 .cmd3 {
    height: 180px;
    margin-top: 30px; }
  #ct5 .ct51 .t1 {
    padding-left: 25px; }
  #ct5 .ct51 .t2 {
    padding-right: 25px; }
  #ct5 .ct51 .c {
    font-size: 18px;
    font-family: play-b;
    color: #d20000;
    padding: 7px 0 10px; }
  #ct5 .next, #ct5 .prev {
    width: 50px;
    height: 30px;
    border-radius: 15px 0 0 15px;
    background: #a0a0a0 url(i/next.png) no-repeat center;
    position: absolute;
    bottom: 50px;
    left: 50%;
    margin-left: 8px;
    transform: rotate(180deg);
    cursor: pointer; }
    #ct5 .next:hover, #ct5 .prev:hover {
      background: #314e8c url(i/next.png) no-repeat center; }
  #ct5 .prev {
    transform: rotate(0deg);
    margin-left: -58px; }

#ct6 {
  background: url(i/s6.jpg) no-repeat center; }
  #ct6 .ct61 {
    margin: 125px 0 125px 488px;
    width: 600px;
    height: 340px;
    padding: 0 58px;
    padding: 0 55px;
    letter-spacing: -0.1px; }
    #ct6 .ct61 i {
      font-size: 17px;
      font-family: ro-b;
      color: #d70000;
      font-style: normal; }
    #ct6 .ct61 a {
      width: 136px;
      height: 36px;
      display: block;
      margin: 30px auto 0;
      color: #fff;
      font-size: 14px;
      text-transform: uppercase;
      line-height: 36px;
      font-family: ro-b;
      text-align: center;
      cursor: pointer;
      background: #9a5713; }
  #ct6 .tit {
    font-size: 26px;
    padding: 40px 60px; }
    #ct6 .tit:after {
      display: none; }

#ct7 .ct71 .owl-item {
  height: 300px;
  padding: 5px; }
#ct7 .ct71 .owl-item.active {
  width: 450px !important;
  z-index: 1; }
#ct7 .ct71 .owl-item.center {
  width: 230px !important;
  z-index: 2; }
  #ct7 .ct71 .owl-item.center img {
    position: absolute;
    width: 560px;
    display: inline-block;
    left: -155px;
    z-index: 2;
    top: -34px;
    max-width: unset;
    transition: all 0.5s;
    filter: grayscale(0); }
#ct7 .ct71 img {
  margin-top: 5px auto;
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  position: absolute;
  left: 0;
  top: 0;
  filter: grayscale(100); }
#ct7 .ct71 .owl-stage-outer {
  padding: 50px 10px;
  height: 400px; }
#ct7 .ct71 .owl-dots {
  width: max-content;
  margin: 0 auto;
  border-top: 2px solid #b8b8b8; }
#ct7 .ct71 .owl-dots .owl-dot span {
  width: 60px;
  height: 4px;
  margin: 5px 7px;
  background: transparent;
  display: block;
  position: relative;
  top: -10px;
  border-radius: unset; }
#ct7 .ct71 .owl-dots .owl-dot.active span, #ct7 .ct71 .owl-theme .owl-dots .owl-dot:hover span {
  background: #9a5713; }
#ct7 .ct72 {
  position: relative;
  margin: 0 -25px; }
  #ct7 .ct72 .next, #ct7 .ct72 .prev {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -39px;
    margin-left: 264px;
    cursor: pointer;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2);
    z-index: 3; }
    #ct7 .ct72 .next:after, #ct7 .ct72 .prev:after {
      width: 50px;
      height: 50px;
      content: "";
      display: inline-block;
      position: absolute;
      left: 2;
      top: 0;
      background: url(i/nex.png) no-repeat center; }
    #ct7 .ct72 .next:hover, #ct7 .ct72 .prev:hover {
      background: #9a5713; }
      #ct7 .ct72 .next:hover:after, #ct7 .ct72 .prev:hover:after {
        filter: brightness(0) invert(1); }
  #ct7 .ct72 .prev {
    transform: rotate(180deg);
    margin-left: -299px; }

@media only screen and (max-width: 1366px) {
  #ct1 {
    padding: 40px 0 44px; } }