@charset "UTF-8";
/* 头部 */
#header1 {
  position: fixed;
  left: 0;
  top: 52px;
  z-index: 1111;
}

#header1 .logo1 {
  float: left;
  margin-left: 98px;
  margin-right: 105px;
}

#header1 #menu1 {
  float: left;
  padding-top: 44px;
}

#header1 #menu1 .nav1 li {
  float: left;
  font-size: 14px;
  margin-right: 44px;
  line-height: 1;
}

#header1 #menu1 .nav1 li a {
  font-weight: 600;
  color: #a1825b;
}

/* 动画 */
.all {
  transition-duration: 0.6s;
}

.rightx {
  transform: translateX(100%);
  opacity: 0;
}

.active .rightx {
  transform: translateX(0);
  opacity: 1;
}

.leftx {
  transform: translateX(-100%);
  opacity: 0;
}

.active .leftx {
  transform: translateX(0);
  opacity: 1;
}

.topx {
  transform: translateY(-100%);
  opacity: 0;
}

.active .topx {
  transform: translateY(0);
  opacity: 1;
}

.bottomx {
  transform: translateY(100%);
  opacity: 0;
}

.active .bottomx {
  transform: translateY(0);
  opacity: 1;
}

/* 底部版权 */
.ban {
  position: fixed;
  z-index: 111;
  right: 22px;
  top: 850px;
  font-size: 14px;
  font-weight: 600;
  color: #a1825b;
}

.c0 {
  position: relative;
}

/* 关于我们 */
.tong {
  width: 1200px;
  margin-left: -600px;
  position: relative;
  left: 50%;
}

.c2 {
  background: url(../images/c1.jpg) center 0 no-repeat;
  height: 100%;
}

.c2 .c2x {
  padding-top: 263px;
}

.c2 .c2x .content .c21 {
  width: 644px;
}

.c2 .c2x .content .c21 .c21-1 {
  width: 644px;
  height: 308px;
  position: relative;
}

.c2 .c2x .content .c21 .c21-1 img {
  position: absolute;
  right: 16px;
  z-index: 111;
}

.c2 .c2x .content .c21 .list1 {
  margin-top: 36px;
}

.c2 .c2x .content .c21 .list1 li {
  float: left;
}

.c2 .c2x .content .c21 .list1 li a {
  display: block;
}

.c2 .c2x .content .c21 .list1 li a .tu {
  margin-right: 22px;
}

.c2 .c2x .content .c21 .list1 li a .zi {
  padding-top: 19px;
  color: #a58b7a;
  font-size: 12px;
  line-height: 16px;
  width: 180px;
}

.c2 .c2x .content .c21 .list1 li:nth-child(1) {
  margin-right: 10px;
}

.c2 .c2x .content .c22 {
  width: 500px;
  margin-right: 38px;
  padding-top: 14px;
}

.c2 .c2x .content .c22 dd {
  font-size: 14px;
  color: #c8c8c8;
  line-height: 34px;
  padding-left: 73px;
}

.c2 .c2x .content .c22 a.ck {
  display: block;
  font-size: 12px;
  color: #c8c8c8;
  border: 1px solid #626262;
  display: block;
  line-height: 27px;
  width: 115px;
  margin-top: 42px;
  margin-left: 73px;
  text-align: center;
}

/* 白色款式 */
#section2 {
  background: url(../images/c2.jpg) center 0 no-repeat;
  height: 100%;
}

#section2 .c1 {
  padding-top: 200px;
  position: relative;
}

#section2 .c1 .bt {
  float: left;
  padding-left: 14px;
}

#section2 .c1 .tu1 {
  margin-left: 66px;
}

#section2 .c1 .tu2 {
  right: -270px;
  top: 322px;
  position: absolute;
  z-index: 111;
}

/* 产品 */
#section4 {
  background: url(../images/c3.jpg) center 0 no-repeat;
  height: 100%;
  padding-top: 162px;
}

#section4 .c3 .c3-1 {
  width: 520px;
  box-sizing: border-box;
  padding-top: 5px;
}

#section4 .c3 .c3-1 img {
  transform: translateX(-10px);
}

#section4 .c3 .c3-2 {
  width: 675px;
}

#section4 .c3 .c3-2 .c3-2-2 {
  margin-top: 13px;
}

/* 新闻 */
#section5 {
  background: url(../images/c4.jpg) center 0 no-repeat;
  height: 100%;
  padding-top: 198px;
}

#section5 .c4 .c4-1 {
  margin-left: 38px;
  width: 465px;
}

#section5 .c4 .c4-1 .list2 li {
  padding-bottom: 40px;
  position: relative;
}

#section5 .c4 .c4-1 .list2 li .tu {
  width: 465px;
  height: 176px;
}

#section5 .c4 .c4-1 .list2 li a {
  position: absolute;
  display: block;
  text-align: center;
  width: 359px;
  line-height: 60px;
  background: #fff;
  height: 60px;
  font-size: 14px;
  color: #000000;
  z-index: 1;
  bottom: 0;
  left: 50px;
}

#section5 .c4 .c4-1 .list3 {
  margin-top: 32px;
}

#section5 .c4 .c4-1 .list3 li a {
  padding-left: 4px;
  display: block;
  line-height: 38px;
  border-bottom: 1px solid #fff;
  padding-right: 16px;
  font-size: 14px;
  color: #fff;
}

#section5 .c4 .c4-1 .list3 li a span {
  float: right;
}

#section5 .c4 .c4-2 {
  margin-left: 128px;
  margin-top: 17px;
}

/* 联系我们 */
#section6 {
  background: url(../images/c6.jpg) center 0 no-repeat;
  height: 100px;
}

#section6 .c6 {
  padding-top: 229px;
}

#section6 .c6 .c61 .c61-1 {
  width: 536px;
}

#section6 .c6 .c61 .c61-2 {
  margin-left: 56px;
  line-height: 30px;
  color: #fff;
  font-size: 14px;
  padding-top: 42px;
}

#section6 .c6 .c62 {
  position: relative;
}

#section6 .c6 .c62 .tu {
  position: absolute;
  z-index: 111;
  top: -100px;
  left: 96px;
}

#section6 .c6 .c62 .c62-1 {
  margin-left: 25px;
  padding-top: 122px;
  width: 366px;
}

#section6 .c6 .c62 .c62-2 {
  margin-left: 59px;
  width: 527px;
}