@charset "UTF-8";
.img-wrapper {
  position: relative;
  overflow: hidden;
}

.index-banner .swiper-container {
  z-index: 5;
}
.index-banner .swiper-slide a {
  display: block;
}
.index-banner .swiper-pagination-bullet {
  position: relative;
  width: 12px;
  height: 12px;
  background: #fff;
  opacity: 1;
}
.index-banner .swiper-pagination-bullet::after {
  content: "";
  display: block;
  position: absolute;
  top: -3px;
  left: -3px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid #9e7a66;
  transform: scale(0.8);
  opacity: 0;
  transition: all .3s;
}
.index-banner .swiper-pagination-bullet-active {
  background: #9e7a66;
}
.index-banner .swiper-pagination-bullet-active::after {
  transform: scale(1);
  opacity: 1;
}
.index-banner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px;
}
.index-banner .swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 20px;
}
.index-banner .swiper-button-white {
  width: 39px;
  height: 77px;
  background-size: 39px 77px;
  transition: all .3s;
}
.index-banner .swiper-button-prev {
  left: -64px;
}
@media screen and (max-width: 1550px) {
  .index-banner .swiper-button-prev {
    left: 10px;
  }
}
.index-banner .swiper-button-next {
  right: -64px;
}
@media screen and (max-width: 1550px) {
  .index-banner .swiper-button-next {
    right: 10px;
  }
}
.index-banner .wide {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.index-title h2 {
  font-size: 30px;
  color: #1f1f1f;
}
.index-title .line {
  margin: 0 15px 0 12px;
  flex: 1;
  height: 1px;
  border-top: 1px dashed #c8c8c8;
}
.index-title a {
  font-size: 14px;
  color: #313131;
}
.index-title a i {
  transition: all .3s;
}
.index-title a i:first-of-type {
  transition-delay: 0s;
}
.index-title a i:last-of-type {
  transition-delay: .2s;
}
.index-title a:hover {
  color: #9e7a67;
}
.index-title a:hover i {
  transform: translate(8px, 0);
  opacity: 0;
}
.index-title a:hover i:first-of-type {
  transition-delay: .2s;
}
.index-title a:hover i:last-of-type {
  transition-delay: 0s;
}

.padding-top80 {
  padding-top: 80px;
}

.margin-top45 {
  margin-top: 45px;
}

.index-sec1 {
  padding-bottom: 25px;
}

.index1-con {
  margin-top: 40px;
}

.index1-top {
  margin-bottom: 28px;
  height: 545px;
}

.index1-top-left {
  padding-top: 76px;
  background: #f2f2f2;
  text-align: center;
}
.index1-top-left h4 {
  margin-bottom: 14px;
  font-size: 24px;
  line-height: 24px;
  color: #9e7a67;
}
.index1-top-left h4 .dot {
  margin: 0 8px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #9c7864;
  vertical-align: middle;
}
.index1-top-left p {
  font-size: 14px;
  letter-spacing: 6px;
  color: #8c8c8c;
}
.index1-top-left .img {
  margin-top: 45px;
  margin-bottom: 40px;
  position: relative;
  height: 240px;
}
.index1-top-left .img:hover img{
  transform: translate(0, -10px);
}
.index1-top-left .more {
  margin: 0 auto;
  width: 125px;
  height: 36px;
  line-height: 36px;
  border: solid 1px #b5b5b5;
  text-align: center;
  font-size: 14px;
  color: #3d3d3d;
  transition: all .3s;
}
.index1-top-left .more:hover {
  background: #9e7a67;
  border-color: #9e7a67;
  color: #fff;
}

.index1-top-img {
  position: relative;
  width: 66.7%;
  overflow: hidden;
}
.index1-top-img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
  max-width: none;
  max-height: none;
  transition: all .4s;
}

.index1-top-img:hover img{
  transform: translate(-50%, -50%) scale(1.1);
}

.index1-bottom a {
  display: block;
  padding-top: 29.9%;
  width: 49%;
}
.index1-bottom a:hover .text {
  transform: translate(0, 0);
}
.index1-bottom a:hover img{
  transform: scale(1.1);
}
.index1-bottom a .text {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 52px;
  line-height: 52px;
  background: rgba(158, 122, 102, 0.6);
  text-align: center;
  font-size: 24px;
  color: #ffffff;
  transform: translate(0, 100%);
  transition: all .4s;
}

.index-sec2 {
  padding-bottom: 15px;
}

.index2-con {
  margin-top: 55px;
  overflow: hidden;
}

.index2-top-text {
  flex: 1;
  margin-right: 70px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.index2-top-text .index2-intro h4 {
  font-size: 18px;
  color: #3b3b3b;
}
.index2-top-text .index2-intro h4:first-of-type {
  font-family: Arial;
  font-size: 24px;
  line-height: 36px;
  color: #9f7b68;
}
.index2-top-text .index2-intro p {
  margin-top: 20px;
  line-height: 24px;
  color: #979797;
}
.index2-top-text .index2-strong {
  margin-bottom: 15px;
}
.index2-top-text .index2-strong strong {
  font-weight: bold;
  font-size: 47px;
  color: #946f5b;
}
.index2-top-text .index2-strong p {
  font-family: Arial;
  font-size: 20px;
  line-height: 36px;
  color: #b6b6b6;
}

.index2-swiper{
  width: 630px;
}
.index2-swiper .swiper-slide img{
  transition: all .5s;
}

.index2-swiper .swiper-slide:hover img{
  transform: scale(1.1);
}

.index2-bottom {
  margin-top: 42px;
  padding: 40px 45px;
  border: dashed 1px #d2d2d2;
}
.index2-bottom li {
  flex: 1;
  text-align: center;
  opacity: 0;
}

.index2-bottom li:nth-child(1),.index2-bottom li:nth-child(2),.index2-bottom li:nth-child(3){
  transform: translate(-100%, 0);
}
.index2-bottom li:nth-child(4),.index2-bottom li:nth-child(5),.index2-bottom li:nth-child(6){
  transform: translate(100%, 0);
}
.index2-bottom li:nth-child(2),.index2-bottom li:nth-child(5){
  animation-delay: .3s;
}
.index2-bottom li:nth-child(3),.index2-bottom li:nth-child(4){
  animation-delay: .6s;
}

.index2-bottom li img{
  transition: all .5s;
}

.index2-bottom li:hover img{
  transform: rotateY(360deg);
}

.index2-bottom li .img {
  height: 88px;
}

.index2-bottom li:hover p{
  color: #9e7a67;
}

.index2-bottom li p {
  margin-top: 20px;
  font-size: 16px;
  color: #272727;
}

.index-sec3 {
  padding-bottom: 15px;
}

.index3-con li {
  margin-right: 2.9%;
  width: 31.4%;
  background: #f2f2f2;
  transition: all .5s;
}

.index3-con li:nth-child(2){
  animation-delay: .3s;
}
.index3-con li:nth-child(3){
  animation-delay: .6s;
}

.index3-con li:hover img {
  transform: scale(1.1);
}
.index3-con li:hover {
  background: #9e7a67;
}
.index3-con li:hover .text .time, .index3-con li:hover .text p {
  color: #fff;
}
.index3-con li:nth-child(3n) {
  margin-right: 0;
}
.index3-con li:nth-child(2n) a {
  flex-direction: column-reverse;
}
.index3-con li a {
  display: flex;
  flex-wrap: wrap;
}
.index3-con li .img-wrapper {
  padding-top: 62.2%;
  width: 100%;
}
.index3-con li .text {
  padding: 30px 26px 36px;
  transition: all .5s;
}
.index3-con li .text .time {
  color: #939393;
}
.index3-con li .text p {
  margin-top: 18px;
  height: 48px;
  font-weight: bold;
  font-size: 14px;
  line-height: 24px;
  color: #323232;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.index-sec4 {
  padding-bottom: 15px;
}

.index4-con{
  overflow: hidden;
}

.index4-con .img {
  width: 749px;
}

.index4-con .img img{
  transition: all .4s;  
}

.index4-con .img:hover img{
  transform: translate(15px, 0);
}

.index4-ul {
  padding: 16px 25px 16px 65px;
  width: calc(100% - 749px);
  color: #494848;
  border: solid 1px #e5e5e5;
  border-left: none;
  overflow: hidden;
}
.index4-ul li {
  position: relative;
  padding-right: 80px;
  line-height: 46px;
  color: #494848;
}
.index4-ul li::before {
  content: "";
  display: block;
  position: absolute;
  left: -14px;
  top: 50%;
  margin-top: -2px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #7c7c7c;
}
.index4-ul li a {
  display: block;
  color: #494848;
}
.index4-ul li a:hover {
  color: #9e7a67;
}
.index4-ul li .time {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
}

.index-sec5 {
  padding-bottom: 15px;
}

.swiper-box {
  margin-right: 0.66%;
  width: 24.5%;
}
.swiper-box:last-child {
  margin-right: 0;
}
.swiper-box h4 {
  margin-bottom: 12px;
  text-align: center;
  font-size: 18px;
  color: #313131;
}

.swiper-box .swiper-container{
  background: #f3f3f3;
  height: calc(100% - 36px);
}

.swiper-box .swiper-slide {
  background: #f3f3f3;
}
.swiper-box .swiper-slide ul {
  padding: 22px 10px 50px 26px;
  line-height: 30px;
}
.swiper-box .swiper-slide ul li {
  position: relative;
}
.swiper-box .swiper-slide ul li::before {
  content: "";
  display: block;
  position: absolute;
  left: -14px;
  top: 50%;
  margin-top: -2px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #9e7a67;
}
.swiper-box .swiper-slide ul a {
  color: #393939;
}
.swiper-box .swiper-slide ul a:hover {
  color: #9e7a67;
}
.swiper-box .img-wrapper {
  padding-top: 69.6%;
}
.swiper-box .img-wrapper:hover img{
  transform: scale(1.25);
}
.swiper-box .swiper-pagination-bullet {
  width: 20px;
  height: 2px;
  border-radius: 0;
  background-color: #c1c1c1;
  opacity: 1;
}
.swiper-box .swiper-pagination-bullet-active {
  background-color: #9e7a66;
}
.swiper-box .swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 20px;
}
.swiper-box .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}

.index-sec6 {
  padding-bottom: 80px;
}

.index6-con {
  position: relative;
  margin-top: 50px;
  padding: 0 80px;
}
.index6-con .swiper-container {
  padding: 20px 0;
}
.index6-con .swiper-slide {
  width: 411px;
  height: 342px;
  transition: all .4s;
}

.index6-con .swiper-slide:hover img{
  transform: scale(1.1);
}
.index6-con .swiper-slide:hover p{
  background: #aa8976;
  color: #fff;
}

.index6-con .swiper-slide .img-wrapper {
  padding-top: 69.8%;
  background: #fff;
}
.index6-con .swiper-slide p {
  background: #f3f3f3;
  text-align: center;
  font-size: 16px;
  line-height: 55px;
  color: #313131;
}
.index6-con .cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7);
  transition: all .6s;
}
.index6-con .swiper-slide-active {
  box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.2);
}
.index6-con .swiper-slide-active .cover {
  transform: scale(0);
}
.index6-con .swiper-button-prev, .index6-con .swiper-button-next {
  width: 56px;
  height: 56px;
  border: solid 1px #b5b5b5;
  border-radius: 50%;
  background-size: 18px 34px;
}
.index6-con .swiper-button-prev:hover, .index6-con .swiper-button-next:hover {
  background-color: rgba(158, 122, 102, 0.3);
  border-color: rgba(158, 122, 102, 0.3);
}

/* 浪漫定制 */
.romance-title {
  text-align: center;
}
.romance-title h4 {
  /*font-weight: lighter;*/
  font-size: 38px;
  letter-spacing: 2px;
  color: #222222;
}
.romance-title p {
  display: inline-block;
  position: relative;
  margin-top: 10px;
  font-weight: lighter;
  font-size: 24px;
  letter-spacing: 1px;
  color: #444444;
}
.romance-title p::after, .romance-title p::before {
  content: "";
  display: block;
  position: absolute;
  top: 15px;
  width: 190px;
  height: 1px;
  background: #d7d7d7;
}
.romance-title p::before {
  left: -205px;
}
.romance-title p::after {
  right: -205px;
}

.romance-flow {
  padding-top: 50px;
  padding-bottom: 78px;
  background: #f9f9f9;
}

.romance-flow-con {
  margin-top: 70px;
}
.romance-flow-con li {
  padding: 0 10px;
  flex: 1;
  text-align: center;
  animation: trans60 1.5s ease-out backwards;
}
.romance-flow-con li:nth-child(2),.romance-flow-con li:nth-child(8){
  animation-delay: .2s;
}
.romance-flow-con li:nth-child(3),.romance-flow-con li:nth-child(7){
  animation-delay: .4s;
}
.romance-flow-con li:nth-child(4),.romance-flow-con li:nth-child(6){
  animation-delay: .6s;
}
.romance-flow-con li:nth-child(5){
  animation-delay: .8s;
}

.romance-flow-con li .text{
  margin-top: 25px;
}
.romance-flow-con li .text h5{
  margin-bottom: 12px;
  font-size: 16px;
  color: #cfa368;
}
.romance-flow-con li .text p{
  color: #999;
}


.romance-flow-con .order {
  margin: 0 auto;
  margin-top: 86px;
  width: 300px;
  height: 60px;
  line-height: 60px;
  border-radius: 30px;
  border: solid 1px #9f7b68;
  text-align: center;
  font-weight: lighter;
  font-size: 20px;
  letter-spacing: 1px;
  color: #946f5b;
  transition: all .3s;
}
.romance-flow-con .order:hover {
  background: #9f7b68;
  color: #fff;
}

.romance-sec {
  padding-top: 65px;
  padding-bottom: 45px;
}

.marry_03_list {
  margin-top: 65px;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.marry_03_list .romance-menu li {
  width: 25%;
  height: 72px;
  line-height: 72px;
  border: solid 1px #e5e5e5;
  border-right: none;
  text-align: center;
  font-size: 24px;
  letter-spacing: 1px;
  color: #555555;
  cursor: pointer;
  transition: all .3s;
}
.marry_03_list .romance-menu li:last-child {
  border-right: solid 1px #e5e5e5;
}
.marry_03_list .romance-menu li:hover, .marry_03_list .romance-menu li.on {
  background: #ca9a59;
  border-color: #ca9a59;
  color: #fff;
}



.marry_03_a .intro-img {
  position: relative;
  height: 450px;
  overflow: hidden;
}
.marry_03_a .intro-img .img {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.marry_03_a .intro-img .img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: none;
  max-height: none;
}

.a_mark {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: 284px;
  width: 239px;
  height: 100%;
  z-index: 3;
}

.a_mark_1 {
  width: 239px;
  height: 341px;
  float: right;
  background: url(../images/cust/03_p1.png);
  margin-top: 50px;
  font-size: 12px !important;
}

.a_mark_1 select, .a_mark_2 select, .a_mark_4 select, .a_mark_3 select {
  width: 148px;
  background: none;
  color: #666;
  outline: none;
  height: 24px;
  border: none;
  display: block;
}

select.shape {
  margin: 146px 0 0 67px;
}

select.sizes {
  margin: 40px 0 0 67px;
}

.a_mark_1 input[type='submit'], .a_mark_2 input[type='submit'], .a_mark_4 input[type='submit'], .a_mark_3 input[type='submit'] {
  width: 200px;
  background: none;
  height: 35px;
  text-indent: -999em;
  border: none;
  outline: none;
}

.a_mark_1 input[type='text'], .a_mark_2 input[type='text'], .a_mark_4 input[type='text'], .a_mark_3 input[type='text'] {
  width: 148px;
  background: #fff;
  height: 24px;
  outline: none;
  border: none;
}

input.c_submit {
  margin: 39px 0 0 18px;
}

button, html input[type=button], input[type=reset], input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

.left {
  float: left;
}

.right {
  float: right;
}

.img_none {
  display: none;
}

.box-bj {
  overflow: hidden;
}

.box-a_text {
  width: 1033px;
  overflow: hidden;
  background: #fff;
  margin: 0 auto;
}

.box-a_text em {
  font-style: normal;
  font-weight: 600;
  display: block;
  clear: both;
}

.box-a_text .mode1 {
  height: 516px;
  overflow: hidden;
}

.text_a {
  padding: 92px 0 0 41px;
}

.text_a .title {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 20px;
  color: #363636;
}

.text_a p {
  font-size: 13px;
  width: 382px;
  line-height: 18px;
}

.box-a .hr {
  width: 63px;
  border-top: 1px solid #000;
  display: inline-block;
}

hr {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee;
}

.box-a_text em {
  font-style: normal;
  font-weight: 600;
  display: block;
  clear: both;
}

.text_b{
  overflow: hidden;
}

.text_b .img_lisst {
  width: 407px;
  height: 394px;
  overflow: hidden;
  margin-right: 75px;
}

.text_b .img_lisst li img {
  height: 100%;
  display: block;
}

.text_b .tab_list {
  width: 504px;
  height: 60px;
  margin: 20px 20px 0 0;
}

.text_b .tab_list li {
  width: 84px;
  height: 100%;
  cursor: pointer;
  position: relative;
  text-align: center;
  border-top: 1px solid #000;
  float: left;
}

.text_b .tab_list li .act_list {
  border-top: 1px #ca9a59 solid;
  width: 84px;
  display: none;
  height: 19px;
  position: absolute;
  left: 0;
  top: -1px;
  text-align: center;
}

.act_list img {
  margin: 0 auto;
  margin-top: -18px;
}

.text_b .tab_list li span {
  width: 83px;
  display: block;
  margin-top: 20px;
  height: 20px;
  border-right: 1px solid #e5e5e5;
}

.text_b .tab_list li span.act_text {
  color: #ca9a59;
}

.text_b .tab_list li:last-child span {
  border-right: none;
}

.Prompt {
  text-align: right;
  clear: both;
  color: #ca9a59;
  padding-right: 30px;
}

.text_b .img_lisst.firs_2 {
  width: 442px;
  height: 328px;
  margin: 60px 0 0 60px;
}

.text_b .img_lisst.firs_2 li img {
  width: 100%;
  height: 100%;
  display: block;
}

.text_b .tab_list2 {
  width: 456px;
  height: 60px;
  margin: 20px 20px 0 40px;
}

.text_b .tab_list2 li {
  width: 114px;
  height: 60px;
  cursor: pointer;
  position: relative;
  text-align: center;
  border-top: 1px solid #000;
  display: block;
  float: left;
}

.text_b .tab_list2 li .act_list {
  border-top: 1px #ca9a59 solid;
  width: 100%;
  display: none;
  height: 19px;
  position: absolute;
  left: 0;
  top: -1px;
  text-align: center;
}

.text_b .tab_list2 li span {
  width: 100%;
  display: block;
  margin-top: 20px;
  height: 20px;
  border-right: 1px solid #e5e5e5;
}

.text_b .tab_list2 li:last-child span {
  border-right: none;
}

.text_b .tab_list2 li span.act_text {
  color: #ca9a59;
}

.text_a img {
  vertical-align: top;
}

.text_b .img_lisst.firs_3 {
  width: 487px;
  height: 356px;
  margin: 60px 0 0 60px;
}

.text_b .img_lisst.firs_3 li img {
  width: 100%;
  height: 100%;
  display: block;
}

.text_b .tab_list3 {
  width: 520px;
  height: 60px;
  margin: 20px 20px 0 40px;
}

.text_b .tab_list3 li {
  width: 65px;
  height: 60px;
  cursor: pointer;
  position: relative;
  text-align: center;
  border-top: 1px solid #000;
  display: block;
  float: left;
}

.text_b .tab_list3 li .act_list {
  border-top: 1px #ca9a59 solid;
  width: 100%;
  display: none;
  height: 19px;
  position: absolute;
  left: 0;
  top: -1px;
  text-align: center;
}

.text_b .tab_list3 li span {
  width: 100%;
  display: block;
  margin-top: 20px;
  height: 20px;
  border-right: 1px solid #e5e5e5;
}

.text_b .tab_list3 li:last-child span {
  border-right: none;
}

.text_b .tab_list3 li span.act_text {
  color: #ca9a59;
}

.text_b .img_lisst.firs_4 {
  width: 389px;
  height: 310px;
  margin: 60px 0 0 60px;
}

.text_b .img_lisst.firs_4 li img {
  width: 100%;
  height: 100%;
  display: block;
}

.text_b .tab_list4 {
  width: 456px;
  height: 60px;
  margin: 20px 20px 0 40px;
}

.text_b .tab_list4 li {
  width: 114px;
  height: 60px;
  cursor: pointer;
  position: relative;
  text-align: center;
  border-top: 1px solid #000;
  display: block;
  float: left;
}

.text_b .tab_list4 li .act_list {
  border-top: 1px #ca9a59 solid;
  width: 114px;
  display: none;
  height: 19px;
  position: absolute;
  left: 0;
  top: -1px;
  text-align: center;
}

.text_b .tab_list4 li span.act_text {
  color: #ca9a59;
}

.text_b .tab_list4 li span {
  width: 113px;
  display: block;
  margin-top: 20px;
  height: 20px;
  border-right: 1px solid #e5e5e5;
}

.text_b .tab_list4 li:last-child span {
  border-right: none;
}

.mode4 {
  padding: 30px 22px;
  overflow: hidden;
}
.mode4 h1 {
  margin-top: 30px;
  margin-bottom: 10px;
  font-size: 36px;
}
.mode4 .right.text {
  padding: 12px 20px 0 0;
  width: 444px;
}
.mode4 .left.text {
  padding: 22px 0 0 30px;
}
.mode4 .right img {
  margin-right: 30px;
}
.mode4 p {
  line-height: 20px;
}

.width1033 {
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  width: 1033px;
}

.box-b .a_mark_1 {
  background: url(../images/cust/jj-3.png);
}

.romance-img-text {
  padding: 45px 0;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  align-items: center;
  -webkit-align-items: center;
  font-size: 14px;
  overflow: hidden;
}
.romance-img-text:nth-child(2n) {
  flex-direction: row-reverse;
  -webkit-flex-direction: row-reverse;
}
.romance-img-text:nth-child(2n) .romance-left a {
  padding-right: 0;
  padding-left: 16px;
  background: url(../images/cust/ss-2.png) no-repeat left center;
}
.romance-img-text .romance-left {
  padding-right: 90px;
  width: 50%;
}
.romance-img-text .romance-left h3 {
  margin-bottom: 30px;
  font-size: 20px;
}
.romance-img-text .romance-left p {
  line-height: 24px;
}
.romance-img-text .romance-left a {
  margin-top: 45px;
  display: inline-block;
  padding-right: 16px;
  background: url(../images/cust/sanj.png) no-repeat right center;
}
.romance-img-text .romance-right {
  width: 50%;
}

.box-c .width1033 {
  padding-top: 75px;
}
.box-c .a_mark_1 {
  background: url(../images/cust/03-p2.png);
}
.box-c .romance-img-text {
  padding: 0;
  margin-bottom: 48px;
}

.a_mark_2 {
  width: 239px;
  height: 412px;
  float: right;
  background: url(../images/cust/03-q4.png);
  margin-top: 20px;
}

input.c_name {
  margin: 132px 0 0 67px;
}

input.d_phone {
  margin: 35px 0 0 67px;
}

input.c_time {
  margin: 36px 0 0 100px;
  width: 110px !important;
}

select.c_shop {
  margin: 35px 0 0 70px;
  width: 145px !important;
}

input.c_submit {
  margin: 30px 0 0 18px;
}

.box-d .width1033 {
  margin-top: 60px;
}
.box-d .romance-d{
  overflow: hidden;
}
.box-d .romance-d .text {
  margin-right: 40px;
  flex: 1;
}
.box-d .romance-d .text h3 {
  margin-bottom: 35px;
  font-size: 20px;
}
.box-d .romance-d .text p {
  line-height: 24px;
  font-size: 14px;
}
.box-d .romance-d .text a {
  display: inline-block;
  width: 130px;
  height: 38px;
  background: #e94c81;
  color: #fff;
  font-size: 18px;
  text-align: center;
  line-height: 38px;
  border-radius: 5px;
  margin-top: 50px;
}
.box-d .last-romance-d {
  margin-top: 60px;
}
.box-d .last-romance-d .tc {
  margin-top: 8px;
}
.box-d .remind {
  margin-top: 75px;
}
.box-d .remind h3 {
  margin-bottom: 35px;
  font-size: 20px;
}
.box-d .remind p {
  line-height: 24px;
}

@keyframes pullScale {
  0% {
    transform: scale(0.9);
    opacity: .8;
  }
  100% {
    transform: scale(1.4);
    opacity: 0;
  }
}
.pull {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 0;
  transform: translate(-100%, -50%);
  cursor: pointer;
  display: none;
}
.pull .text {
  position: relative;
  padding: 10px 8px;
  background: #e64883;
  text-align: center;
  color: #fff;
  writing-mode: tb-rl;
  font-size: 14px;
  letter-spacing: 3px;
  z-index: 1;
}
.pull::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #e64883;
  opacity: .8;
  animation: pullScale 3s infinite;
}

/* 联系我们 */
.contact {
  padding-bottom: 100px;
}
.contact.wide{
  overflow: visible;
}

.public-h2 {
  text-align: center;
  font-size: 30px;
  color: #333;
}
.public-h2::after {
  content: "";
  display: block;
  margin: 0 auto;
  margin-top: 20px;
  width: 56px;
  height: 2px;
  background: #946f5b;
}

.contact-sec1 {
  margin-top: 85px;
}
.contact-sec1 .public-h2 {
  font-family: 思源黑体;
  font-weight: bold;
  font-size: 36px;
}
.contact-sec1 .contact1-con {
  margin-top: 60px;
}
.contact-sec1 .contact1-con li {
  padding: 0 20px;
  width: 23%;
  text-align: center;
}
.contact-sec1 .contact1-con li .img {
  margin-bottom: 8px;
  height: 130px;
}
.contact-sec1 .contact1-con li p, .contact-sec1 .contact1-con li .p2 {
  font-size: 18px;
  line-height: 34px;
  color: #424242;
}

#map {
  margin-top: 60px;
  margin-bottom: 110px;
  height: 500px;
  background-color: #777777;
  box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.08);
  border: solid 8px #ffffff;
  font-size: 14px;
}
#map img {
  max-width: none;
  max-height: none;
}

.contact-sec2 {
  padding: 70px 150px 80px;
  background-color: #ffffff;
  box-shadow: 0px 0px 6px 0px rgba(34, 24, 21, 0.23);
  border-radius: 4px;
  margin-top: 6%;
}
.contact-sec2 h3 {
  font-weight: bold;
  font-size: 20px;
}
.contact-sec2 form {
  margin-top: 25px;
  text-align: center;
}
.contact-sec2 form .flex-box{
  overflow: hidden;
}
.contact-sec2 form ::-webkit-input-placeholder {
  font-size: 14px;
  color: #d4d2d2;
}
.contact-sec2 form button {
  margin-top: 75px;
  width: 600px;
  height: 50px;
  background-color: #946f5b;
  border-radius: 5px;
  border: solid 1px #eeeeee;
  font-size: 18px;
  color: #ffffff;
  cursor: pointer;
}
.contact-sec2 .flex-box .input-box {
  margin-right: 40px;
  width: 44.5%;
}
.contact-sec2 .flex-box .input-box input {
  margin-bottom: 30px;
  padding-left: 20px;
  width: 100%;
  height: 50px;
  background-color: #ffffff;
  border: solid 1px rgba(51, 51, 51, 0.2);
  transition: all .5s;
}
.contact-sec2 .flex-box .input-box input:focus {
  border: solid 1px #946f5b;
}
.contact-sec2 .flex-box .input-box input:last-child {
  margin-bottom: 0;
}
.contact-sec2 .flex-box textarea {
  flex: 1;
  padding: 20px;
  border: solid 1px rgba(51, 51, 51, 0.2);
  transition: all .5s;
}
.contact-sec2 .flex-box textarea:focus {
  border: solid 1px #946f5b;
}

/* 联系我们 end */
/* 帮助中心 */
.service {
  padding-bottom: 140px;
  background: #f8f8f8;
}


.service-sec1{
  padding-top: 65px;
  padding-bottom: 85px;
  background: #fff;
}

.service1-ul {
  margin-top: 50px;
}
.service1-ul li {
  width: 25%;
  background: #fff;
  text-align: center;
  cursor: pointer;
  transition: all .5s;
}
.service1-ul li:nth-child(2){
  animation-delay: .2s;
}
.service1-ul li:nth-child(3){
  animation-delay: .4s;
}
.service1-ul li:nth-child(4){
  animation-delay: .6s;
}

.service1-ul li:hover {
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.07);
  transform: translate(0, -8px);
}

.service1-text{
  margin-top: 50px;
  padding: 0 212px;
  text-align: center;
  font-weight: lighter;
  font-size: 18px;
  line-height: 34px;
}


.service-sec2 {
  margin-top: 70px;
  padding-bottom: 90px;
  overflow: hidden;
}

.service2-con {
  margin-top: 60px;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: center;
  -webkit-justify-content: center;
}

.service2-con li{
  margin-right: 62.5px;
  width: 230px;
}

.service2-con li:nth-child(2),.service2-con li:nth-child(4){
  animation-delay: .2s;
}
.service2-con li:nth-child(1),.service2-con li:nth-child(5){
  animation-delay: .4s;
}

.service2-con li:last-child{
  margin-right: 0;
}

.service2-con .text{
  margin-top: 22px;
  text-align: center;
}
.service2-con .text h4{
  margin-bottom: 8px;
  font-size: 24px;
}

.service2-con .text p{
  font-size: 14px;
  line-height: 30px;
  color: #555555;
}

.service2-con li:hover .hex-box2{
  transform: rotateY(360deg);
}

.hex-box2{
  position: relative;
  width: 230px;
  height: 200px;
  overflow: hidden;
  transition: all .8s;
}

.hex-box2 span {
  position: absolute;
  display: block;
  width: 116px;
  height: 116px;
  background: #f8f8f8;
}
.hex-box2 span:nth-of-type(1) {
  top: -16px;
  left: -116px;
  transform-origin: right bottom;
  transform: rotate(30deg);
}
.hex-box2 span:nth-of-type(2) {
  top: -16px;
  right: -116px;
  transform-origin: left bottom;
  transform: rotate(-30deg);
}
.hex-box2 span:nth-of-type(3) {
  bottom: -16px;
  right: -116px;
  transform-origin: left top;
  transform: rotate(30deg);
}
.hex-box2 span:nth-of-type(4) {
  bottom: -16px;
  left: -116px;
  transform-origin: right top;
  transform: rotate(-30deg);
}

.service-sec4{
  padding-top: 70px;
  padding-bottom: 100px;
  background: #fff;
}

.service-sec4 .service4-text{
  margin-top: 40px;
  text-align: center;
  font-size: 18px;
  line-height: 34px;
}

.service-sec4 .service4-con{
  position: relative;
  margin-top: 48px;
  padding: 0 60px;
}

.service4-con .swiper-slide:nth-child(1) img{
  animation-delay: .3s;
}
.service4-con .swiper-slide:nth-child(4) img{
  animation-delay: .3s;
}

.service-sec4 .swiper-button-prev,.service-sec4 .swiper-button-next{
  background-image: none;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background: #fff;
  border: solid 1px #dcdcdc;
  font-size: 25px;
  color: #888;
  transition: all .4s;
}
.service-sec4 .swiper-button-prev:hover,.service-sec4 .swiper-button-next:hover{
  background: #c99361;
  border-color: #c99361;
  color: #fff;
}
.service-sec4 .swiper-button-prev{
  left: 0;
}
.service-sec4 .swiper-button-next{
  right: 0;
}

.service-sec3 {
  margin-top: 70px;
}

.service3-con {
  margin-top: 55px;
}

.service3-ul {
  display: flex;
  display: -webkit-flex;
}
.service3-ul li {
  margin-right: 20px;
  width: 335px;
  height: 200px;
  background: #fff;
  overflow: hidden;
  transition: all .5s;
}

.service3-ul li:nth-child(2){
  animation-delay: .2s;
}
.service3-ul li:nth-child(3){
  animation-delay: .4s;
}
.service3-ul li:nth-child(4){
  animation-delay: .6s;
}

.service3-ul li:hover {
  box-shadow: 0 0 10px #ccc;
}
.service3-ul li:hover .hide-box {
  transform: translate(0, 0);
}
.service3-ul li:last-child {
  margin-right: 0;
}
.service3-ul li a {
  position: relative;
  height: 100%;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
}
.service3-ul li .img {
  margin-right: 18px;
}
.service3-ul li p {
  font-size: 16px;
}
.service3-ul li .hide-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #9e7a67;
  transform: translate(0, -100%);
  transition: all .5s;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  word-break: break-all;
}
.service3-ul li .hide-box p {
  color: #fff;
}

/* 帮助中心 end */
/* 品牌文化 */
.sec1 {
  margin-bottom: 56px;
}
.sec1 .public-h2 {
  margin-top: 65px;
}

.sec2, .sec3, .sec4, .sec5, .sec6 {
  height: 750px;
}

.section {
  position: relative;
  overflow: hidden;
}
.section .pc-img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
  max-width: none;
}
.section .absolute-wide {
  position: absolute;
  top: 15.7%;
  left: 50%;
  transform: translate(-50%, 0);
  margin: 0 auto;
  overflow: hidden;
}
.section .absolute-wide .text {
  margin-left: 100px;
  width: 580px;
}
.section .absolute-wide .text h3 {
  font-family: 思源黑体;
  font-size: 36px;
  color: #393b3e;
}
.section .absolute-wide .text .english {
  font-family: Century Gothic;
  font-size: 20px;
  letter-spacing: 1px;
  color: #555555;
}
.section .absolute-wide .text h5 {
  margin-top: 55px;
  margin-left: -30px;
  font-size: 28px;
  letter-spacing: 1px;
  display: flex;
}
.section .absolute-wide .text .quot {
  font-family: 黑体;
  font-size: 60px;
  color: #555555;
  opacity: 0.4;
}
.section .absolute-wide .text .quot:first-of-type {
  margin-right: 20px;
}
.section .absolute-wide .text .quot:last-of-type {
  margin-left: 20px;
}
.section .absolute-wide .text .text-word {
  font-size: 16px;
  line-height: 36px;
  color: #555555;
}

.h5-img {
  display: none;
  height: 100%;
  width: 100%;
}

/* 品牌文化 end */
/* 爱的双人舞 */
.product-dance .section .pc-img {
  position: static;
  transform: translate(0, 0);
  height: auto;
  max-width: 100%;
}

.dance-title h4 {
  font-weight: bold !important;
  font-family: 思源宋体;
  font-weight: normal;
  font-size: 42px;
}
.dance-title p {
  margin-top: 14px;
}

.dance-sec1 {
  margin-bottom: 0;
}
.dance-sec1 .nei_banner {
  height: 100%;
}

.dance-show-title ul .img {
  height: 80px;
  line-height: 80px;
}
.dance-show-title ul p {
  margin-top: 4px;
  font-size: 14px;
  letter-spacing: 1px;
  color: #aaaaaa;
}

.dance-sec2 {
  position: relative;
  padding-top: 65px;
  padding-bottom: 70px;
  background: #f9f9f9;
}
.dance-sec2 .wide {
  position: relative;
  z-index: 1;
}

.dance2-text {
  margin-top: 45px;
  text-align: center;
  line-height: 30px;
  font-size: 14px;
  color: #777777;
}

.dance-video {
  padding-bottom: 26px;
  margin: 0 auto;
  margin-top: 48px;
  width: 1100px;
  background: url(../images/product/bg01.png) no-repeat bottom center;
}
.dance-video .dance-box {
  position: relative;
  padding-top: 46.3%;
}
.dance-video .dance-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.dance-video .dance-box .btn-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90px;
  height: 90px;
}

.bg1 {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 176px;
  background: #fff;
}

.dance-section-text {
  position: absolute;
  left: 50%;
  top: 50px;
  transform: translate(-50%, 0);
  width: 920px;
  text-align: center;
}
.dance-section-text p {
  font-family: 宋体;
  font-size: 14px;
  line-height: 30px;
  color: #777777;
}

.public-sim-h4 {
  margin-bottom: 25px;
  font-family: 思源宋体;
  font-weight: bold;
  font-size: 42px;
  letter-spacing: 2px;
  color: #222222;
  text-align: center;
}

.dance-mic-h5 {
  font-size: 32px;
  font-weight: lighter;
  letter-spacing: 2px;
  color: #363636;
  text-align: center;
}

.dance-sec3 {
  position: relative;
  height: 930px;
  background: url(../images/product/img02.jpg) no-repeat center;
}

.height10 {
  height: 10px;
  background: #fff;
}

.dance-sec4 {
  height: 930px;
  background: url(../images/product/img03.jpg) no-repeat center;
  background-size: cover;
}
.dance-sec4 .dance-section-text h4, .dance-sec4 .dance-section-text p {
  color: #fff;
}
.dance-sec4 .dance-section-text p {
  opacity: 0.7;
}

.dance-sec5 {
  position: relative;
}
.dance-sec5 .public-sim-h4 {
  margin-bottom: 18px;
}
.dance-sec5 .wide {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dance-sec5 .dance-section-wide {
  float: right;
  text-align: center;
}
.dance-sec5 .dance-section-wide .img {
  text-align: center;
  margin-top: 45px;
}
.dance-sec5 .dance-section-wide .image-ambassador {
  margin-top: 35px;
  font-size: 16px;
  letter-spacing: 1px;
  color: #666666;
}

.dance-wide {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
}

.dance-sec6 {
  padding-top: 55px;
  padding-bottom: 76px;
  background: url(../images/product/img05.jpg) no-repeat center;
  background-size: cover;
}
.dance-sec6 .pc-img {
  height: 100%;
}
.dance-sec6 .public-sim-h4 {
  color: #fff;
}
.dance-sec6 .dance-mic-h5 {
  color: #fff;
  opacity: .7;
}
.dance-sec6 ul {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: space-around;
}
.dance-sec6 ul li {
  margin-top: 65px;
  width: 19.3%;
  text-align: center;
}
.dance-sec6 ul .img {
  height: 190px;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}
.dance-sec6 ul p {
  margin-top: 15px;
  font-size: 16px;
  letter-spacing: 1px;
  color: #aaaaaa;
}

.dance-sec7 .public-sim-h4 {
  margin-bottom: 18px;
}
.dance-sec7 .dance-wide {
  top: 55px;
}

.dance-sec8 {
  padding-top: 70px;
  padding-bottom: 88px;
  background: url(../images/product/img07.jpg) no-repeat top center;
}
.dance-sec8 .public-sim-h4, .dance-sec8 .dance-mic-h5 {
  color: #fff;
}
.dance-sec8 .dance-mic-h5 {
  opacity: .7;
}
.dance-sec8 .wide {
  position: relative;
  z-index: 1;
}

.dance8-con {
  margin-top: 50px;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.dance8-con .img {
  position: relative;
  margin-left: 40px;
  width: 620px;
  height: 724px;
}
.dance8-con .img .tag-text {
  position: absolute;
  top: 50px;
  left: 0;
  padding: 0 40px 0 30px;
  height: 50px;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 0px 25px 25px 0px;
  font-weight: bold;
  font-family: 思源宋体;
  font-size: 18px;
  line-height: 50px;
  letter-spacing: 1px;
  color: #323232;
}
.dance8-con .dance8-right {
  margin-right: 88px;
  padding-top: 35px;
  width: 520px;
  text-align: center;
}
.dance8-con .dance8-right .right-text {
  font-family: 宋体;
  font-size: 14px;
  line-height: 30px;
  color: #fff;
  opacity: .7;
}
.dance8-con .dance8-right .img2 {
  margin-top: 50px;
}

.dance-sec9 {
  padding-top: 70px;
  padding-bottom: 20px;
  background: url(../images/product/img09.jpg) no-repeat center;
  background-size: cover;
}
.dance-sec9 .wide {
  position: relative;
}
.dance-sec9 .tag-text {
  position: absolute;
  bottom: 70px;
  right: 140px;
  padding: 0 40px;
  height: 50px;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 25px;
  font-family: 宋体;
  font-weight: bold;
  font-size: 18px;
  line-height: 50px;
  letter-spacing: 1px;
  color: #323232;
}

.dance9-con {
  margin-top: 66px;
}
.dance9-con .dance9-left {
  margin-left: 106px;
  width: 480px;
  text-align: center;
}
.dance9-con .dance9-left .left-text {
  margin: 40px 0;
  font-family: 宋体;
  font-size: 14px;
  line-height: 30px;
  color: #666666;
}

.dance-sec10 {
  padding-top: 68px;
}

.dance10-ul {
  margin-top: 55px;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.dance10-ul li {
  position: relative;
  padding-top: 31.25%;
  width: 25%;
}
.dance10-ul li:nth-child(2){
  animation-delay: .2s;
}
.dance10-ul li:nth-child(3){
  animation-delay: .4s;
}
.dance10-ul li:nth-child(4){
  animation-delay: .6s;
}

/* 爱的双人舞 end */
/* 发展历程 */
.history {
  padding-top: 70px;
  background: #f5f5f5;
}

.history-con {
  position: relative;
  margin-top: 10px;
  padding-bottom: 70px;
  overflow: hidden;
}
.history-con .bg-line {
  position: absolute;
  left: 0;
  top: 74px;
  height: calc(100% - 74px);
  width: 100%;
  background: url(../images/brand/xian2.png) repeat-y top center;
  z-index: 1;
}
.history-con .mask {
  position: absolute;
  left: 0;
  top: 74px;
  width: 100%;
  height: 0;
  background: url(../images/brand/xian.png) repeat-y top center;
  z-index: 2;
}

.history-box {
  position: relative;
}

.history-intro {
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
}
.history-intro .time {
  margin-right: 20px;
  font-weight: bold;
  font-family: 宋体;
  font-size: 50px;
  line-height: 48px;
  color: #888888;
}
.history-intro .img-time {
  height: 148px;
}
.history-intro .icon-circle {
  position: relative;
  z-index: 3;
  width: 32px;
  height: 32px;
  background: url(../images/brand/c1.png);
}
.history-intro .width50p {
  width: 50%;
}
.history-intro:nth-child(2n) {
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
}
.history-intro:nth-child(2n) .width50p {
  flex-direction: row-reverse;
  -webkit-flex-direction: row-reverse;
}
.history-intro:nth-child(2n) .img-time {
  flex-direction: row-reverse;
  -webkit-flex-direction: row-reverse;
}
.history-intro:nth-child(2n) .history-text {
  margin-left: 0;
  margin-right: 10px;
}
.history-intro:nth-child(2n) .time {
  margin-right: 0;
  margin-left: 20px;
}
.history-intro:nth-child(2n) .hex-box {
  margin-left: 0;
  margin-right: 20px;
}
.history-intro:nth-child(1) .width50p {
  width: 60.6%;
}
.history-intro:nth-child(1) .hex-box {
  margin-left: 50px;
}
.history-intro:nth-child(2) .width50p {
  width: 56.9%;
}
.history-intro:nth-child(3) .width50p {
  width: 62.9%;
}
.history-intro:nth-child(3) .hex-box {
  margin-left: 60px;
}
.history-intro:nth-child(4) .width50p {
  width: 47.2%;
}
.history-intro:nth-child(5) .width50p {
  width: 45.5%;
}
.history-intro:nth-child(6) .width50p {
  width: 51%;
}
.history-intro:nth-child(6) .hex-box {
  margin-right: 50px;
}
.history-intro:nth-child(7) .width50p {
  width: 65.3%;
}
.history-intro:nth-child(7) .hex-box {
  margin-left: 60px;
}
.history-intro:nth-child(8) .width50p {
  width: 56%;
}
.history-intro:nth-child(8) .hex-box {
  margin-right: 60px;
}
.history-intro:nth-child(9) .width50p {
  width: 57.5%;
}
.history-intro:nth-child(10) .width50p {
  width: 54.4%;
}
.history-intro:nth-child(11) .width50p {
  width: 57.4%;
}
.history-intro:nth-child(12) .width50p {
  width: 64.3%;
}
.history-intro:nth-child(12) .hex-box {
  margin-right: 60px;
}
.history-intro:nth-child(13) .width50p {
  width: 55.3%;
}
.history-intro:nth-child(13) .hex-box {
  margin-left: 60px;
}
.history-intro:nth-child(14) .width50p {
  width: 50%;
}
.history-intro:nth-child(15) .width50p {
  width: 54.4%;
}
.history-intro:nth-child(16) .width50p {
  width: 57.4%;
}
.history-intro:nth-child(17) .width50p {
  width: 55.1%;
}
.history-intro:nth-child(17) .hex-box {
  margin-left: 60px;
}
.history-intro:nth-child(18) .width50p {
  width: 64.8%;
}
.history-intro:nth-child(19) .width50p {
  width: 59.8%;
}
.history-intro:nth-child(19) .hex-box {
  margin-left: 60px;
}
.history-intro:nth-child(20) .width50p {
  width: 45.7%;
}
.history-intro:nth-child(21) .width50p {
  width: 46.6%;
}
.history-intro:nth-child(22) .width50p {
  width: 62.6%;
}
.history-intro:nth-child(22) .hex-box {
  margin-right: 60px;
}
.history-intro:nth-child(23) .width50p {
  width: 64.9%;
}
.history-intro:nth-child(24) .width50p {
  width: 53%;
}
.history-intro:nth-child(24) .hex-box {
  margin-right: 60px;
}
.history-intro:nth-child(25) .width50p {
  width: 46.3%;
}
.history-intro:nth-child(26) .width50p {
  width: 55.4%;
}

.hex-box {
  position: relative;
  margin-left: 20px;
  width: 170px;
  height: 148px;
  box-shadow: 0 0 0 4px #fff inset;
  overflow: hidden;
  transform: translate(0, 50px);
  opacity: 0;
  transition: all 1.3s;
}
.hex-box img {
  padding-top: 4px;
  padding-bottom: 4px;
  max-width: none;
  width: 100%;
  height: auto;
}
.hex-box span {
  position: absolute;
  display: block;
  width: 85px;
  height: 88px;
  background: #f5f5f5;
}
.hex-box span:nth-of-type(1) {
  top: -12px;
  left: -82px;
  border-right: 4px solid #fff;
  transform-origin: right bottom;
  transform: rotate(30deg);
}
.hex-box span:nth-of-type(2) {
  top: -12px;
  right: -82px;
  border-left: 4px solid #fff;
  transform-origin: left bottom;
  transform: rotate(-30deg);
}
.hex-box span:nth-of-type(3) {
  bottom: -12px;
  right: -82px;
  border-left: 4px solid #fff;
  transform-origin: left top;
  transform: rotate(30deg);
}
.hex-box span:nth-of-type(4) {
  bottom: -12px;
  left: -82px;
  border-right: 4px solid #fff;
  transform-origin: right top;
  transform: rotate(-30deg);
}

.history-text {
  margin-left: 10px;
  flex: 1;
  font-size: 18px;
  line-height: 34px;
  color: #333333;
  transform: translate(0, 50px);
  opacity: 0;
  transition: all 1.3s;
}

/* 发展历程 end */


/* 验证码 2019.11.22 */
.contact-sec2 form .yzm-box{
  margin-top: 30px;
  overflow: hidden;
}
.contact-sec2 form .yzm-box .input-box{
  margin-right: 40px;
  width: 44.5%;
}
.contact-sec2 form .yzm-box input{
  margin-bottom: 0;
  padding-left: 20px;
  width: 100%;
  height: 50px;
  background-color: #ffffff;
  border: solid 1px rgba(51, 51, 51, 0.2);
  transition: all .5s;
}
.contact-sec2 form .yzm-box .yzm-img{
  width: 120px;
  line-height: 50px;
  text-align: center;
}

/* 验证码 2019.11.22 end */

/*# sourceMappingURL=style.css.map */