@charset "utf-8";
html{ font-size: 100px; }
@font-face {
  font-family: "HarmonyOS_Sans_Regular";
  src: url('../fonts/HarmonyOS_Sans_Regular.ttf');
}

@font-face {
  font-family: "HarmonyOS_Sans_Light";
  src: url('../fonts/HarmonyOS_Sans_Light.ttf');
}

@font-face {
  font-family: "Montserrat-Medium";
  src: url('../fonts/Montserrat-Medium.otf');
}

@font-face {
  font-family: "Montserrat-Regular";
  src: url('../fonts/Montserrat-Regular.otf');
}

body{font-family:Arial, Helvetica, sans-serif; /*font-family: Montserrat-Regular,sans-serif;*/  color:#5a5a5a; font-size:16px;}
*{margin:0px;padding:0px;list-style: none; }
img{border:0px; max-width: 100%;}
a{text-decoration:none;color:#333;}
a:hover{color:#F40000}
i{ font-style: normal; }
em{ font-style:normal;}
.clear{clear:both;}
.l{float:left;}
.r{float:right;}
.layui-layer-setwin .layui-layer-close2 {
    right: -6px!important;
    top: -6px!important;
}
.bak{-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;  display: block; }
.bak:hover,a:hover .bak {-webkit-transform:scale(1.08); -moz-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08);}

.pic,.pic1{ overflow: hidden; margin: auto; position: relative;}
.pic span{ background-repeat: no-repeat; background-position: center; background-size: cover; display: block;}
.pic span img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; transition: all 0.5s;}

.pic1 span{background-repeat: no-repeat; background-position: center; background-size:contain; display: block;}
.pic1 span img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: contain; transition: all 0.5s;}



.w1200{ width: 1360px; margin: auto; max-width: 94%; }
.content{ margin:40px auto; }
.middle{ margin: 20px auto;  }

.top{ margin: auto; position: fixed; left: 0; top: 0; width: 100%; height: 90px; background: none; z-index: 9999; transition: all 0.5s;display: flex; align-items: center;  }
.top:hover{background:#000;}
.logo img{ height: 50px; }
.nav{  font-size: 18px; }
.nav li{ float: left; text-align: center; position: relative; z-index: 999; margin-left: 60px;}
.nav li a{ display: block; color: #ccc; height: 50px; line-height: 50px; }
.nav li a:hover{color: #fff;  }
.nav li.on a{color: #fff;}

.nav li .sub-box1{ position:absolute;text-transform:none; top:50px; left: -95%;  width:300%; overflow: hidden; height: 0px; display: block; z-index: 999; transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out;  z-index: -1;opacity:0; filter:alpha(opacity=0); -webkit-box-shadow: 0 0px 5px rgba(0,0,0,0.2); -moz-box-shadow: 0 0px 5px rgba(0,0,0,0.2); -o-box-shadow: 0 0px 5px rgba(0,0,0,0.2);box-shadow: 0px 0px 5px rgba(0,0,0,0.2); }

.nav li:hover .sub-box1{ display: block; height: auto; z-index: 1;opacity:1; filter:alpha(opacity=1); }
.nav li .sub-box{ background:rgba(190,4,0,0.95);; }
.nav li .sub-box a{ display: block; margin: auto; font-size: 14px;  color: #fff; height: auto; line-height: 1; padding:15px 10px; text-align: center; border-bottom: #8A3936 1px solid;  }
.nav li .sub-box a:hover{ background: #8A3936; color: #fff; }


.top.fix{ background: #000; }

.box{ border-bottom: #ddd 1px solid; padding:0.5rem 0; }
.index_dh{  text-align: center;  }
.index_dh h2{ font-size: 0.48rem;  display: block; margin:auto; font-weight: bold; font-family: Montserrat-Regular; color: #000;}
.index_dh i{ display: block; font-size: 30px; color: #F40000; margin: 10px auto 0px auto;}
.index_dh p{ margin:10px auto; font-size: 18px;}
.index_dh p.bai{ color: #fff; }
/*.index_dh1 h2{color: #F40000;}*/

.about{ margin:20px auto; text-align: center;}
.about .tit{ font-size: 0.36rem; margin:0 auto 20px auto }
.about p{ line-height: 1.8; width: 60%; margin:auto; }

.shuzi ul{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); text-align: center; margin:0.5rem auto 0 auto; width: 800px; }
.shuzi ul li .con{ border-radius: 100%; border:#ddd 1px solid; width: 200px; height: 200px; margin:auto;  display: flex; align-items: center;  justify-content: center; }
.shuzi ul li .con .num{ font-size: 0.36rem; color: #F40000; font-weight: bold; }
.shuzi ul li .con .text{ margin-top: 10px; }


.pic_list{ margin:30px auto; display: grid;  grid-template-columns: repeat(3, minmax(0px, 1fr)); gap:50px; }
.pic_list li a{ display: block; position: relative; }
.pic_list li .pic{ z-index: 2; border-radius: 20px; }
.pic_list li .pic span{ padding-top:100%; }
.pic_list li .con{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;   display: flex; align-items: center;  justify-content: center; background: rgba(144,53,52,0.9); opacity: 0; transition: all 0.5s; z-index: 1; }
.pic_list li .con .text{ padding:0 20px; text-align: center;color: #fff; }
.pic_list li .con .text h3{ margin-bottom: 10px; font-size: 20px; }
.pic_list li .con .text p{ line-height: 1.8; /*text-align:justify;*/ }
.pic_list li .con .text em{ width: 150px; height: 45px; line-height: 45px; margin:auto; margin-top: 20px; display: block; background: #fff; border-radius: 45px;  color: rgba(144,53,52,0.9); }
.pic_list li a:hover .con{ opacity: 1; z-index: 3;  border-radius: 20px; }
.pic_list li a:hover .bak{webkit-transform: scale3d(1.07, 1.07, 1);transform: scale3d(1.07, 1.07, 1);}

.pic_list1{ margin:30px auto; display: grid;  grid-template-columns: repeat(3, minmax(0px, 1fr)); gap:50px; }
.pic_list1 li{ position: relative; padding-bottom: 60px; }
.pic_list1 li a{ display: block; }
.pic_list1 li .pic{ z-index: 2; border-radius: 20px; }
.pic_list1 li .pic span{ padding-top:100%; }
.pic_list1 li .con{ margin-top: 20px;}
.pic_list1 li .con .text{ padding:0 20px;  }
.pic_list1 li .con .text h3{  font-size: 20px; }
.pic_list1 li .con .text p{ margin:15px auto; color: #FF7606; font-size: 22px; font-weight: bold; /*text-align:justify;*/ }
.pic_list1 li .con .text em{height: 45px; line-height: 45px; margin:auto; margin-top: 20px; display: block; background: #FF7606; border-radius: 45px;  color: #fff; text-align: center; display: block; position: absolute; bottom: 10px; left: 0; width: 100%; }

.pic_list1 li a:hover .bak{webkit-transform: scale3d(1.07, 1.07, 1);transform: scale3d(1.07, 1.07, 1);}
.pic_list1 li a:hover .con .text em{ background: #F40000; }

.pic_list1 .con dl{ margin:10px auto; }
.pic_list1 .con dl .pic1{ width: 30px; height: 30px; display: inline-block; margin-right: 1px; border:#fff 1px solid; border-radius: 100% }
.pic_list1 .con dl .pic1 span{border-radius: 100%}
.pic_list1 .con dl .pic1:hover{border:#333 1px solid;}

.more{margin:auto;}
.more a{ display: block; text-align: center; color: #F40000; }
.more a i{ font-size: 0.56rem; }
.more a:hover{ color: #333; }

.box1{ background-color: #000;background-repeat: no-repeat; background-position: center center; background-size: cover; display: block; }
.pj_box{ }
.index_dh2 { }
.index_dh2 h2{ color: #fff; }
.index_dh2 i{  }

.pj_list li{ margin:35px auto; }
.pj_list li a{ color: #999999; }
.pj_list li .pic{border-radius: 10px;}
.pj_list li .pic span{ padding-top: 120%; }
/*.pj_list li p{ line-height: 2; text-align:justify; margin-bottom: 15px;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;}*/
.pj_list li h3{ margin:10px auto;  color: #fff; text-align: center; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;  font-size: 16px;}
.pj_list li .text{ margin:10px auto; }
.pj_list .swiper-pagination-bullet{ background: #fff;opacity: .8; margin: 0 5px!important; width: 5px; height: 5px; border-radius:100%; outline: none; }
.pj_list .swiper-pagination-bullet-active{ background: #F40000; }



.shili_list{ margin:30px auto; display: grid;  grid-template-columns: repeat(3, minmax(0px, 1fr)); gap:30px; }
.shili_list li a{ display: block; }
.shili_list li .pic{border-radius: 10px;}
.shili_list li .pic span{ padding-top:66%; }

.shili_list li .text h3{ font-size: 20px; margin:20px auto 10px auto; }
.shili_list li .text p{ line-height: 1.8; color: #666;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}

.foot{ background: #282828; margin: auto; padding:30px 0px; color: #cccccc;  }
.foot a{ color: #ccc; }
.foot_logo{ margin:auto; border-bottom: #fff 2px solid;  display: flex; align-items: center; font-size: 22px; padding-bottom: 20px; margin-bottom: 40px; color: #fff;}
.foot_logo img{ height: 40px; margin-right: 20px; }

.foot_nr dl{ float: left; width: 30%; }
.foot_nr dl.dl3{ width: 20%; float: right;  }
.foot_nr dl dt{ color: #fff; font-size: 20px; margin-bottom:20px; }
.foot_nr dl dd{ margin:10px auto; line-height: 1.6; }
.foot_nr dl dd a:hover{ opacity: .8; }
.foot_nr dl dd a i{ padding-right: 10px; }

.bq{ margin:20px auto; text-align: center; }
.bq a{ margin-left: 10px; }

.bolang{-webkit-mask-image: url(../images/foot.png);}
@keyframes wp_wave_mask_ani {
	0% { -webkit-mask-position-x: 0; }
	100% { -webkit-mask-position-x: 100vw;}
}
.wp_wave_mask_ani {
	width: 100%;height:90px; background-color: #000; -webkit-mask-size: 100% 100%;-webkit-mask-repeat: repeat; animation: wp_wave_mask_ani linear 5s infinite;
}



.nbanner{ margin: auto; position: relative;  }
.nbanner .pic span{ padding-top: 28.125%; }
.nbanner .text{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;display: flex; align-items: center; font-size: 0.36rem; color: #fff;  }
.nbanner .text p{text-align: center; display: block; margin:auto; text-transform:uppercase; }
.n_dh{ margin: 45px auto;  text-align: center; }
.n_dh a{ display: inline-block;  font-size: 20px; margin: 10px 20px; font-weight:bold }
.n_dh a:hover{color: #F40000;  }
.n_dh a.on{color: #F40000; }




/*返回顶部*/
#goTopBtn{ position:fixed; right: 0px; bottom: 50px; width: 38px; height: 38px; background: #999; color: #fff; text-align: center;  border-radius: 100%; z-index: 99999; cursor: pointer; }
#goTopBtn i{ font-size: 22px;line-height: 38px; }


.pic_list2{ margin:auto; }
.pic_list2 li{ background: #f7f7f7;position: relative; }
.pic_list2 li a{display: flex; align-items: center;  }
.pic_list2 li .pic{ width: 50%; }
.pic_list2 li .pic span{ padding-top:100%; }
.pic_list2 li .con{ width: 50%; display: flex; align-items: center; }
.pic_list2 li .con .text{ padding:40px 80px; }
.pic_list2 li .con .text h3{ font-size: 26px; font-weight: bold; color: #000; }
.pic_list2 li .con .text .text_con{ margin-top:20px; color: #666; line-height: 1.8; }
.pic_list2 li a.iconfont{ display: block; position: absolute; right: 30px; bottom: 30px; font-size:0.4rem; }
.pic_list2 li:nth-child(2n) a.iconfont{ right: auto; left: 30px; }
.pic_list2 li .tz{ margin:auto; }
.pic_list2 li .tz p{background: #fff; height: 30px; line-height: 30px; padding:0 10px; margin:10px auto; color: #333;}
.pic_list2 li .tz p i{ font-size: 20px; color: #04705B; font-weight: bold;padding-right: 5px; }
.pic_list2 li .price{ margin:20px auto; font-size: 24px; color: #333; }
.pic_list2 li em{ width: 120px; height: 40px; line-height: 40px; text-align: center; background: #8A3936; color: #fff; display: block; border-radius: 40px;  }
.pic_list2 li:hover em{ background: #F40000; }
.wap{ display: none; }