/* #region 初始化 */

* {

  margin: 0;

  padding: 0;

  font-family: regular;

  word-wrap: break-word;

}



:root {

  --active: #d3ab67;

}



body {

  width: 100%;

  overflow-x: hidden;

}



@font-face {

  font-family: regular;

  src: url("../fonts/NotoSansHans-Regular.otf");

}



@font-face {

  font-family: light;

  src: url("../fonts/NotoSansHans-Light-.otf");

}



a {

  text-decoration: none;

  color: #000000;

  display: block;

}



div,

a {

  box-sizing: border-box;

}



input {

  border: none;

  outline: none;

}



li {

  list-style: none;

}



.clearfloat {

  zoom: 1;

}



.clearfloat:after {

  display: block;

  clear: both;

  content: "";

  visibility: hidden;

  height: 0;

} 



html {

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}



img {

  display: block;

}

 

/* #endregion */



/* #region  首页*/

.width {

  width: 88.6%;

  margin: 0 auto;

}



.header {

  padding-left: 5.7%;

  height: 4rem;

  display: flex;

  align-items: center;

}



.logo img {

  width: 8.7rem;

}



.nav {

  flex: 1;

  overflow: hidden;

  display: flex;

  align-items: center;

  padding-left: 3.1%;

}



.nav a {

  line-height: 4rem;

  display: flex;

  align-items: center;

  font-size: 1rem;

  color: #333333;

  margin-left: 5%;

  transition: .1s;

}



.nav .nav_active,

.nav a:hover {

  color: var(--active);

}



.nav a i {

  display: block;

  width: .95rem;

  height: .95rem;

  background: url(../images/index.png) no-repeat;

  background-size: 100% 100%;

  margin-right: .4rem;

  transition: .1s;

}



.nav a:hover i,

.nav .nav_active i {

  background: url(../images/indexc.png) no-repeat;

  background-size: 100% 100%;

}



.phone {

  display: flex;

  align-items: center;

  margin-left: auto;

  background: var(--active);

  height: 100%;

}



.phone_num {

  display: flex;

  align-items: center;

  font-size: 1.5rem;

  font-weight: bold;

  color: #fff;

  padding: 0 1.5rem;

}



.phone_num img {

  width: 1.65rem;

  margin-right: .7rem;

}



.phone_btn {

  height: 100%;

  padding: 0 1.5rem;

  font-size: .8rem;

  color: #fff;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  border-left: .05rem solid #c49e5d;

}



.phone_btn img {

  width: 1.2rem;

  margin: 0 auto;

}



.phone_btn div {

  margin-top: .1rem;

}



.banner {

  position: relative;

}



.banner img {

  width: 100%;

}



.banner_dot {

  position: absolute;

  left: 0;

  bottom: 6.7%;

  width: 100%;

  z-index: 10;

  display: flex;

  justify-content: center;

}



.banner_dot span {

  width: .8rem;

  height: .8rem;

  border-radius: 50%;

  box-sizing: border-box;

  border: .05rem solid #fff;

  background: none;

  opacity: 1;

  margin: 0 .4rem;

  transition: .1s;

  outline: none;

}



.banner_dot .swiper-pagination-bullet-active {

  background: #fff;

}



.index1 {

  background: url(../images/index1_bg.png) no-repeat;

  background-size: 18.95rem auto;

  background-position: 2.3% bottom;

}



.index1_main {

  width: 85%;

  margin: 0 auto;

  padding: 3.5rem 0 3.2rem 0;

  display: flex;

  align-items: flex-start;

}



.index_title div {

  font-size: 1.9rem;

  font-weight: bold;

  color: #484848;

}



.index_title span {

  font-family: light;

  font-size: 1.3rem;

  color: #8d8d8d;

  display: block;

  margin-top: .15rem;

}



.index_btn {

  width: 9.2rem;

  height: 2.5rem;

  display: flex;

  align-items: center;

  justify-content: center;

  border: .05rem solid #000000;

  font-size: .8rem;

  color: #000000;

  border-radius: 30px;

  line-height: 1;

  transition: .1s;

}



.index_btn img {

  width: .25rem;

  margin-left: .4rem;

  transition: .3s;

}



.index_btn:hover {

  color: var(--active);

  border-color: var(--active);

}



.index_btn:hover img {

  transform: translateX(.5rem);

}



.index1 .index_btn {

  margin-top: 3.4rem;

}



.index1_right {

  flex: 1;

  overflow: hidden;

  padding-left: 10%;

  font-size: .8rem;

  line-height: 1.7;

  color: #8d8d8d;

  padding-top: .5rem;

}



.index1_right span {

  color: var(--active);

}



.index2 {

  background: #ededed;

  padding: 2.8rem 0 1.3rem 0;

  position: relative;

  z-index: 10;

}



.index2_top {

  display: flex;

  align-items: flex-end;

  justify-content: space-between;

}



.index2_right {

  display: flex;

  align-items: center;

}



.index2_right ul {

  display: flex;

  align-items: center;

}



.index2_right ul a,

.index2_right li {

  font-size: 1rem;

  color: #989898;

  margin-left: 2.4rem;

  cursor: pointer;

  transition: 50ms;

  padding: .4rem 0;

  position: relative;

}



.index2_right ul a::after,

.index2_right li::after {

  content: '';

  position: absolute;

  left: 50%;

  bottom: 0;

  width: 0;

  transform: translateX(-50%);

  height: 2px;

  background: var(--active);

  transition: .2s;

}



.index2_right .index2_active,

.index2_right ul a:hover,

.index2_right li:hover {

  color: var(--active);

}



.index2_right ul a:hover::after,

.index2_right li:hover::after,

.index2_right .index2_active::after {

  width: 100%;

}



.index2 .index_btn {

  margin-left: 3.6rem;

}



.index2_row {

  padding-top: 2.2rem;

  display: none;

}





.index2_row ul {

  display: flex;

  flex-wrap: wrap;

  align-items: flex-start;

}



.index2_row li {

  width: 23.88%;

  margin-right: 1.49%;

  margin-bottom: 2.5rem;

}



.index2_row li:nth-of-type(4n+4) {

  margin-right: 0;

}



.index2_img {

  overflow: hidden;

  border-radius: .5rem;

}



.index2_img img {

  width: 100%;

  transition: .5s;

}



.index2_text {

  display: flex;

  align-items: center;

  justify-content: space-between;

  margin-top: 1.4rem;

}



.index2_text div {

  flex: 1;

  overflow: hidden;

}



.index2_text h3 {

  font-size: 1rem;

  color: #333333;

  display: block;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  font-weight: normal;

  transition: .1s;

}



.index2_text p {

  font-size: .9rem;

  color: #989898;

  margin-top: .5rem;

}



.index2_text span img {

  width: 2rem;

}



.index2_row li a:hover .index2_img img {

  transform: scale(1.05);

}



.index2_row li a:hover .index2_text h3 {

  color: var(--active);

}



.index3 {

  width: 100%;

  padding: 4.3rem 0 2.5rem 0;

  position: relative;

  overflow: hidden;

}



.index3_img {

  position: absolute;

  z-index: 1;

  bottom: 0;

  right: 0;

  width: 28.65%;

  min-height: 100%;

}



.index3_bg {

  position: absolute;

  right: 0;

  top: 0;

  width: 56%;

  height: 100%;

  background: #f7f7f7;

  z-index: 1;

}



.index3_main {

  display: flex;

  align-items: center;

  position: relative;

  z-index: 10;

}



.index3_left {

  width: 46.5%;

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}



.index3_left li {

  width: 48%;

  padding: 2.5rem 0 1.9rem 0;

  border-radius: .5rem;

  background-image: url(../images/index3_bg1.png);

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

  margin-bottom: 1.35rem;

  text-align: center;

  font-size: 1.2rem;

  color: #bf9040;

  font-weight: bold;

}



.index3_left li:nth-of-type(2) {

  background-image: url(../images/index3_bg2.png);

}



.index3_left li:nth-of-type(3) {

  background-image: url(../images/index3_bg3.png);

}



.index3_left li:nth-of-type(4) {

  background-image: url(../images/index3_bg4.png);

}



.index3_left li img {

  width: 4rem;

  margin: 0 auto;

}



.index3_left li div {

  margin-top: .9rem;

}



.index3_right {

  width: 53.5%;

  padding-left: 4.58%;

  padding-right: 13.8%;

  margin-bottom: 1.35rem;

}



.index3_text {

  margin-top: 1.4rem;

  border-top: 1px solid #e5e5e5;

  padding-top: 1.7rem;

  margin-bottom: 1.35rem;

}



.index3_scroll {

  font-size: .9rem;

  line-height: 1.8;

  color: #333333;

  margin-top: 2rem;

}



.index3_scroll::-webkit-scrollbar {

  width: .5rem;

  height: 1px;

}



.index3_scroll::-webkit-scrollbar-thumb {

  border-radius: 30px;

  background: var(--active);

}



.index3_scroll::-webkit-scrollbar-track {

  border-radius: 30px;

  background: #e1dee9;

}



.footer {

  background: #414042;

  padding: 2rem 0 1.6rem 0;

  position: relative;

}



.footer_main {

  padding: 0 11%;

}



.footer_logo img {

  width: 7.2rem;

  margin: 0 auto;

}



.footer_nav {

  display: flex;

  justify-content: center;

  margin-top: 1.2rem;

  padding-bottom: 1.1rem;

  border-bottom: 1px solid #616062;

}



.footer_nav a {

  font-size: .8rem;

  color: #b6b6b6;

  margin: 0 1.9rem;

  transition: 50ms;

}



.footer_nav a:hover {

  color: #fff;

}



.footer_center {

  margin-top: 1.5rem;

}



.footer_ewm {

  width: 6.6rem;

  height: 2.1rem;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: .8rem;

  color: #fff;

  border: 1px solid #fff;

  border-radius: 30px;

  cursor: pointer;

  margin: 1.5rem auto 0 auto;

  transition: .2s;

  position: relative;

}



.footer_ewm:hover {

  background: #fff;

  color: #414042;

}



.footer_ewm div {

  position: absolute;

  left: 50%;

  bottom: 3rem;

  transform: translateX(-50%);

  width: 11.7rem;

  z-index: 99999;

  background: #fff;

  border: 1px solid #dcdcdc;

  display: none;

}



.footer_ewm div::after {

  content: '';

  position: absolute;

  width: 0;

  height: 0;

  border: .65rem solid transparent;

  border-top: .65rem solid #fff;

  top: 100%;

  left: 50%;

  transform: translateX(-50%);

}



.footer_ewm div img {

  width: 100%;

}



.footer_text {

  font-size: .8rem;

  color: #b6b6b6;

  line-height: 1.7;

  text-align: center;

  margin-top: 1.2rem;

}



.footer_text a {

  display: inline;

  color: #b6b6b6;

}



.pc_none,

.nav_modal,

.nav_icon {

  display: none;

}



.block {

  display: block !important;

}



.fadeInUp2 {

  animation-name: fadeInUp2;

}



.fadeInLeft2 {

  animation-name: fadeInLeft2;

}



.fadeInRight2 {

  animation-name: fadeInRight2;

}



@keyframes fadeInUp2 {

  0% {

    opacity: 0;

    transform: translate3d(0, 2rem, 0);

  }



  100% {

    opacity: 1;

    transform: none;

  }

}



@keyframes fadeInLeft2 {

  0% {

    opacity: 0;

    transform: translate3d(-6rem, 0, 0);

  }



  to {

    opacity: 1;

    transform: none;

  }

}



@keyframes fadeInRight2 {

  0% {

    opacity: 0;

    transform: translate3d(6rem, 0, 0);

  }



  to {

    opacity: 1;

    transform: none;

  }

}



.right_popup {

  position: fixed;

  right: 1%;

  top: 50%;

  transform: translateY(-50%);

  z-index: 999;

  display: none;

}



.right_popup a {

  width: 3.8rem;

  height: 3.8rem;

  border-radius: 50%;

  /* background: rgba(210, 169, 99, .8); */

  background: rgba(0, 0, 0, .5);

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  font-size: .8rem;

  line-height: 1;

  color: #fff;

  text-align: center;

}



.right_popup img {

  width: 1.2rem;

  margin: 0 auto;

}



.right_popup span {

  display: block;

  margin-top: .25rem;

} 



.go_top{

  margin-top: 1rem;

  width: 3.8rem;

  height: 3.8rem;

  border-radius: 50%;

  background: rgba(0, 0, 0, .5);

  display: flex; 

  align-items: center;

  justify-content: center;

  cursor: pointer;

}



.go_top img{

  width: 39.5%;

}



.gotop {

  position: absolute;

  cursor: pointer;

  right: 3%;

  bottom: 15%;

  display: none;

}



.gotop img {

  width: 3.8rem;

  height: 3.8rem;

}



.pc_banner {

  display: block;

}



.phone_banner {

  display: none;

}



.page_img {

  width: 100%;

}



/*

.index3_left li:nth-of-type(4),

.index3_left li:nth-of-type(2),

.index2_row li:nth-of-type(2),

.index_title span,

.nav a:nth-of-type(2) {

  animation-delay: 0.1s;

}



.index2_row li:nth-of-type(3),

.index1 .index_btn,

.nav a:nth-of-type(3) {

  animation-delay: 0.2s;

}





.index2_row li:nth-of-type(4),

.nav a:nth-of-type(4) {

  animation-delay: 0.3s;

}



.nav a:nth-of-type(5) {

  animation-delay: 0.4s;

}

*/



/* animation-delay: 0.2s; */



/* #endregion */



/* #region  企业介绍*/

.bg {

  background: #f7f7f7;

}



.crumbs_nav {

  height: 62px;

  display: flex;

  align-items: center;

  font-size: 16px;

}



.crumbs_nav img {

  width: 17px;

  margin-right: 8px;

}



.crumbs_nav span {

  margin: 0 2px;

}



.crumbs_nav a {

  color: #959595;

  transition: 50ms;

}



.crumbs_nav a:hover,

.crumbs_nav div {

  color: var(--active);

}



.banner2 img {

  width: 100%;

  border-radius: .5rem;

}



.company_main .index_title {

  text-align: center;

}



.company_main {

  padding: 2.2rem 0 4.3rem 0;

}



.company_con {

  width: 88%;

  margin: 2.1rem auto 0 auto;

}



.company_img {

  width: 29.05rem;

  transition: .1s;

}



.company_text {

  font-size: .8rem;

  line-height: 1.7;

  color: #8d8d8d;

  margin-top: 1.3rem;

}



.company_text img {

  display: inline;

  max-width: 100%;

}



.company_text a {

  display: inline;

}



.company_title {

  font-size: 1rem;

  color: var(--active);

  margin-bottom: 1.1rem;

}







/* #endregion */



/* #region  商品-详情*/

.goods {

  padding: 1.4rem 0 4rem 0;

}



.page {

  display: flex;

  justify-content: center;

}



.page a {

  line-height: 2.1rem;

  min-width: 2.1rem;

  border-radius: 1.05rem;

  background: #f2f2f2;

  text-align: center;

  font-size: .8rem;

  color: #333333;

  padding: 0 .5rem;

  margin: 0 .6rem;

  transition: .1s;

}



.page a:first-of-type,

.page a:last-of-type {

  padding: 0 1.1rem;

}



.page .page_active,

.page a:hover {

  background: var(--active);

  color: #fff;

}



.goods .page {

  padding-top: 3.4rem;

}



.show_card {

  background: #fff;

  padding: 2.5rem 2.95%;

  transition: .1s;

}



.show_con {

  padding-bottom: 4.5rem;

}



.show_top {

  display: flex;

  align-items: flex-start;

}



.show_banner {

  width: 23.25rem;

  position: relative;

}



.show_banner .swiper-slide img {

  width: 100%;

  border-radius: .25rem;

}



.show_prev,

.show_next {

  width: 1.7rem;

  height: 1.7rem;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  z-index: 10;

  background: rgb(0, 0, 0, .18);

  cursor: pointer;

  outline: none;

}



.show_prev {

  left: 2.1%;

}



.show_next {

  right: 2.1%;

}



.show_prev img,

.show_next img {

  width: 29.4%;

}



.show_dot {

  position: absolute;

  left: 0;

  bottom: 4%;

  width: 100%;

  display: flex;

  justify-content: center;

  z-index: 10;

}



.show_dot span {

  width: .6rem;

  height: .6rem;

  margin: 0 .35rem;

  background: none;

  border: 1px solid #fff;

  box-sizing: border-box;

  opacity: 1;

  transition: .2s;

  outline: none;

}



.show_dot .swiper-pagination-bullet-active {

  background: var(--active);

  border-color: var(--active);

}



.show_right {

  flex: 1;

  overflow: hidden;

  padding-left: 3.4%;

  padding-top: .8rem;

}



.show_t1 {

  font-size: 1.4rem;

  color: #333333;

  font-weight: normal;

}



.show_t2 {

  font-size: 1rem;

  color: #989898;

  margin-top: .35rem;

}



.show_hr {

  border-top: 1px solid #e5e5e5;

  margin-top: 1.2rem;

}



.show_t3 {

  font-size: 1rem;

  color: #a7a7a7;

  margin-top: 1rem;

}



.show_list {

  display: flex;

  flex-wrap: wrap;

}



.show_list li {

  padding: 0 1.9rem;

  margin-right: 1.3rem;

  margin-top: 1.1rem;

  border: 1px solid #e5e5e5;

  font-size: .9rem;

  line-height: 2.8rem;

  text-align: center;

}



.show_title {

  font-size: 1.4rem;

  font-weight: bold;

  text-align: center;

  color: var(--active);

  margin-top: 2.8rem;

  border-bottom: .3rem solid var(--active);

  padding-bottom: .4rem;

  letter-spacing: 1px;

}



.show_text {

  font-size: .9rem;

  line-height: 1.5;

  color: #333;

  border-top: 1px solid var(--active);

  margin-top: .2rem;

  padding: 1.5rem 0 3rem 0;

}



.show_text a {

  display: inline;

}



.show_text img {

  max-width: 100%;

  display: inline;

}



.show_bottom {

  display: flex;

  align-items: flex-end;

  border-top: 1px solid #e5e5e5;

  padding-top: 1rem;

}



.show_page {

  flex: 1;

  overflow: hidden;

  padding-right: 2rem;

}



.show_page div {

  font-size: .8rem;

  line-height: 2.6rem;

  color: #7f7f7f;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}



.show_page a {

  display: inline;

  color: #323131;

  transition: 50ms;

}



.show_page a:hover {

  color: var(--active);

}



.back {

  width: 11.8rem;

  height: 3.5rem;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: .8rem;

  color: #2f2f2f;

  transition: 50ms;

  margin-left: auto;

  border: 1px solid var(--active);

  border-radius: .25rem;

}



.back img {

  width: 1.65rem;

  margin-right: .9rem;

  transition: .3s;

}



.back:hover {

  color: var(--active);

}



.back:hover img {

  transform: translateX(-0.5rem);

}



/* #endregion */



/* #region  联系我们*/

.contact_con1 {

  padding: 1.5rem 1.3rem 2.3rem 1.3rem;

  background: url(../images/contact_bg.png) no-repeat;

  background-size: cover;

  background-position: right center;

  display: flex;

  align-items: center;

}



.contact_left {

  width: 16.55rem;

  transition: .2s;

}



.contact_right {

  flex: 1;

  overflow: hidden;

  padding-left: 2.75%;

}



.contact_right div {

  font-size: 1.4rem;

  font-weight: bold;

  color: var(--active);

}



.contact_right li {

  display: flex;

  align-items: flex-start;

  line-height: 1.8rem;

  font-size: 1.1rem;

  color: #333333;

  margin-top: 2.3rem;

}



.contact_right li img {

  width: 1.8rem;

  margin-right: 1.2rem;

}



.contact_right li span {

  flex: 1;

  overflow: hidden;

}



.contact_con2 {

  background: #fff;

  padding: 2rem 0 3.6rem 0;

  margin-top: 1.6rem;

}



.contact_title {

  padding: 0 25%;

  text-align: center;

}



.contact_title div {

  font-size: 1.4rem;

  font-weight: bold;

  color: #484848;

}



.contact_title span {

  display: block;

  font-size: .9rem;

  line-height: 1.8;

  color: #8d8d8d;

  margin-top: .65rem;

}



.contact_form {

  padding: .8rem 12% 0 12%;

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}



.contact_form div {

  width: 48%;

  height: 4rem;

  border: 1px solid #e5e5e5;

  display: flex;

  align-items: center;

  padding: 0 1.4rem;

  font-size: .8rem;

  color: #8d8d8d;

  margin-top: 1rem;

}



.contact_form input {

  flex: 1;

  overflow: hidden;

  height: 100%;

  padding-left: 1rem;

  font-size: .8rem;

  color: #333;

}



.contact_form button {

  width: 100%;

  height: 4.3rem;

  display: flex;

  align-items: center;

  justify-content: center;

  border: none;

  outline: none;

  background: var(--active);

  color: #fff;

  font-size: 1rem;

  margin-top: 2.8rem;

  cursor: pointer;

  transition: .1s;

  border-radius: .5rem;

}



.contact_form button:hover {

  opacity: .85;

}



.contact_top {

  padding-bottom: 4.4rem;

}



.contact_con3 {

  display: flex;

}



.contact_card {

  width: 50%;

  background: url(../images/contact_icon.png) var(--active) no-repeat;

  background-size: 47.6% auto;

  background-position: left bottom;

  padding: 3.2rem 0 6.2rem 5.7%;

  color: #fff;

  text-align: right;

}



.contact_map {

  width: 50%;

}



.contact_map img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: center;

}



.contact_t1 {

  font-size: 1.2rem;

  padding-right: 3.4rem;

  margin-bottom: 2rem;

}



.contact_row {

  padding-right: 3.4rem;

  margin-bottom: 3.3rem;

  position: relative;

}



.contact_row:last-of-type {

  margin-bottom: 0;

}



.contact_row div {

  font-size: 1rem;

}



.contact_row span {

  font-size: .9rem;

  display: block;

  margin-top: .25rem;

}



.contact_icon {

  position: absolute;

  width: 4.4rem;

  height: 4.4rem;

  border-radius: 50%;

  background-color: rgba(255, 255, 255, .45);

  right: 0;

  top: 50%;

  transform: translate(50%, -50%);

  padding: .4rem;

  z-index: 999999999999

}



.contact_icon div {

  width: 100%;

  height: 100%;

  background: #fff;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

}



.contact_icon img {

  width: 50%;

}



/* #endregion */



/* #region  修改*/

.index3_title div {

  font-size: .8rem;

  color: #464646;

  letter-spacing: .2rem;

}



.index3_title img {

  width: 1.6rem;

  margin-top: 1.2rem;

}



.index3_label {

  font-size: 1.9rem;

  color: #343434;

  font-weight: bold;

  margin-top: 2.2rem;

  letter-spacing: .1rem;

  position: relative;

}



.index3_label span {

  color: var(--active);

}



.index3_label img {

  width: 2.65rem;

  position: absolute;

  right: -1.5rem;

  bottom: 60%;

}



/* #endregion */



/* #region  */



/* #endregion */