@charset "utf-8";
/* CSS Author WeChat:iGAME_Max */
/*公用代码*/
body,html{background:none repeat scroll 0 0; font:16px arial,verdana; color:#333; font-family: "Arial", "Microsoft Yahei", "微软雅黑", "Microsoft JhengHei", "微软正黑体", sans-serif;}
::-webkit-scrollbar              {/* 1 */width:6px; background-color:#C7C7C7;}
::-webkit-scrollbar-button       {/* 2 */display: none;}
::-webkit-scrollbar-track        {/* 3 */}
::-webkit-scrollbar-track-piece  {/* 4 */}
::-webkit-scrollbar-thumb        {/* 5 */width:5px;  border-radius:0; background-color:#303030;}
::-webkit-scrollbar-corner       {/* 6 */background-color:#303030;}
::-webkit-resizer                {/* 7 */}
::-webkit-scrollbar:horizontal   {height:6px;}
blockquote,body,button,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;}
label input{vertical-align:middle;text-shadow:none;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

@font-face{font-family:'syht-h';src:url(fonts/SourceHanSansCN-Heavy.ttf);}
@font-face{font-family:'bl-r';src:url(fonts/Barlow-Regular.ttf);}

/* 鼠标样式 */
.cursor{pointer-events:none;z-index:100000;position:fixed;top:0;left:0;width:20px;height:20px;border-radius:50%;overflow:hidden;border:1px solid #303030;background: #303030; opacity:0;transition:width .2s ease-out,height .2s ease-out,transform .2s;transform:translate(-50%,-50%) rotate(0);}
.cursor.active{ width: 20rem; height: 20rem; background: rgba(255,255,255,0.35);}
.cursor.style{ border-color: #fff; background: rgba(255,255,255,0.8); }
/* *:not(a),a{cursor:url(../images/cursor_fill.svg) 11 11,auto} */

a,a:active,a:visited,a:link{-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s; color: #333;}
a:hover{ color: #a28d53;}
a:hover,a:active,a:focus,a:hover,a:link,a:visited{text-decoration:none;text-shadow:none;outline: none;}
img{max-width:100%;border:0;}
i{ font-style: initial;}
table{border-collapse:collapse;}
ul li{list-style:none;}
input,select,textarea{outline:none; resize: none; font-size: 0.875rem;}
.f-l{float:left;}
.f-l,.f-r{display:inline-block;}
.f-r{float:right;}
.t-l{text-align:left;}
.t-c{text-align:center;}
.t-r{text-align:right;}
.top10{margin-top:10px;}
.top20{margin-top:20px;}
.top30,.top40{margin-top:30px;}
.top50{margin-top:50px;}
.top60{margin-top:60px;}
.top70{margin-top:70px;}
.top80{margin-top:80px;}
.bg-white{background:#fff;}
.bg-gray{ background: #f9f9f9;}
.w-90{ width: 91.5%; margin: auto;}
.w-100{width:100%; float: left;}
.w-900{margin:auto; width: 56.25rem;}
.w-1100{margin:auto; width: 67.5rem;}
.w-1200{margin:auto; width: 75rem;}
.w-1300{margin:auto; width: 83.75rem;}
.w-1400{margin: auto; width: 88.75rem;}
.w-1500{margin: auto; width: 97.5rem;}
.w-1600{margin: auto; width: 100rem; }
.w-1700{margin: auto; width: 107.5rem;}
.div-pc{ display: block;}
.div-phone{ display: none;}
.clear::after{ content: ''; display: block; clear: both; }
.zwnr-img{
  margin-top:3%;
  text-align:center;
}
.img-hover{ overflow: hidden;}
.img-hover .img-h{display: block !important; width: 100%; height: 100%; object-fit: cover; transition: all .6s;}
.img-hover:hover .img-h{ transform: scale(1.1);}

/* 布局样式 */
.between-top{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.between-center{ display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; -webkit-justify-content: space-between; -webkit-align-items: center; }
.between-bottom{ display: flex; display: -webkit-flex; justify-content: space-between; align-items: flex-end; -webkit-justify-content: space-between; -webkit-align-items: flex-end; }
.center-center{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.around-center{ display: flex; display: -webkit-flex; justify-content: space-around; align-items: center; -webkit-justify-content: space-around; -webkit-align-items: center; }
.column-between{ display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; justify-content: space-between; -webkit-justify-content: space-between; }
.column-around{ display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; justify-content: space-around; -webkit-justify-content: space-around; }

/* 文字超出隐藏省略号 */
.text-one-hide{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.text-two-hide{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.text-three-hide{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}

/* 手机版按钮 */
.head-btn{width: 2.25rem; height: 1.375rem; float: right;position: relative;cursor: pointer; transform-origin: 0; display: none;}
.head-btn i{ display: block; width: 100%; height: 2px; float: left; background-color: #fff; position: absolute;
	transition: all .6s ease .1s;
	-webkit-transition: all .6s ease .1s;
	-moz-transition: all .6s ease .1s;
}

.app{
  display:none;
}
.head-btn i.bar-top{ top: 0;}
.head-btn i.bar-cen{ top: 50%; margin-top: -1px;}
.head-btn i.bar-bom{ bottom: 0;}
.head-btn.cur i.bar-cen{ opacity: 0;}
.head-btn.cur i.bar-top{ transform:rotate(45deg); margin-top: 0.6rem;}
.head-btn.cur i.bar-bom{ transform:rotate(-45deg); margin-bottom: 0.6rem; }
.head-btn.cur i{ background-color: #fff;}
/*隐藏*/
.overHide{ overflow: hidden;}
.fanye-box .prev,.fanye-box .next{
    z-index: auto!important;
}

.fanye-box{ text-align: center; padding: 2.5rem 0 0; margin: auto;}
.fanye-box .between-center{ /* box-shadow: 0 0 1rem rgba(0,0,0,0.1); border: 1px solid #E4E4E4; */}
.fanye-box a{ cursor: pointer;}
.fanye-box a,.fanye-box span{ width: 2.375rem; height: 2.375rem; line-height: 2.375rem; font-size: 1.25rem; margin: auto; border-radius: 0; margin: 0 0.5rem; border-radius: 100%; color: #808080; position: relative; margin: 0 1.5rem;z-index:23;}
.fanye-box a::before,.fanye-box span::before{ content: ''; width: 100%; height: 100%; border: 1px dashed #808080; position: absolute; left: 0; top: 0; transform: rotate(45deg); z-index: -1; transition: all .6s;}
.fanye-box a:hover,.fanye-box a.curr,.fanye-box a.current,
.fanye-box span:hover,.fanye-box span.curr,.fanye-box span.current{ color: #fff;}
.fanye-box a:hover::before,.fanye-box a.curr::before,.fanye-box a.current::before{ background: #9d1724; border-color: #9d1724;}
.fanye-box .prev,.fanye-box .next{ width: 4rem; height: 4rem; background: url(../images/icon_jt3_r.png) no-repeat center; background-size: 1.25rem;  }
.fanye-box .prev::before,.fanye-box .next::before{ border: none;}
.fanye-box .prev{ background-image: url(../images/icon_jt3_l.png);}
.fanye-box .prev:hover,.fanye-box .next:hover{ color: #fff; }

.all-center-box{ width: 100%; float: left; position: relative; min-height: 70vh; }
.all-center-box::before{ content: ''; width: 100%;}
/* .all-center-box.active{ margin-top: 4.875rem;} */

.text-center{ text-align: center;}

.goTop{ width: 6.25rem; height: 6.25rem; background-color: #303030; position: fixed; right: 0; bottom: 0; z-index: 99; opacity: 0; transition: all .6s; cursor: pointer; }
.goTop::after{ content: ''; width: 3.125rem; height: 3.125rem; background: url(../images/icon_jt1.png) no-repeat center; background-size: 100%; position: absolute; left: 50%; top: 50%; margin: -1.5625rem 0 0 -1.5625rem; transform: rotate(-90deg); }
.goTop:hover::after{ animation: upDown1 1.5s infinite linear;}
.goTop.active{ opacity: 1; }
@keyframes upDown1{
  0%{ transform: translateY(0rem) rotate(-90deg); }
  25%{ transform: translateY(-0.4rem) rotate(-90deg); }
  50%{ transform: translateY(0rem) rotate(-90deg); }
  75%{ transform: translateY(0.4rem) rotate(-90deg); }
  100%{ transform: translateY(0rem) rotate(-90deg); }
}
@keyframes upDown2{
  0%{ transform: translateX(0rem) }
  50%{ transform: translateX(0.5rem) }
  100%{ transform: translateX(0rem) }
}
@keyframes upDown3{
  0%{ transform: translateY(0rem); }
  25%{ transform: translateY(-0.4rem); }
  50%{ transform: translateY(0rem); }
  75%{ transform: translateY(0.4rem); }
  100%{ transform: translateY(0rem); }
}

.tips-box{ background: rgba(0,0,0,0.5); color: #fff; font-size: 1.5rem; position: fixed; left: 50%; top: 50%; z-index: 999; transform: translate(-50%,-50%); border-radius: 0.5rem; padding: 0.6rem 1rem; }

.head-box{ position: fixed; left: 0; top: 0; z-index: 99; transition: all 0.6s; height: 7.875rem; }
.head-box .logo{ width: 7.625rem; display: inline-block;}
.head-box .f-r{ height: 7.875rem;}
.head-box .head-menu ul{ display: flex;}
.head-box .head-menu ul li{ float: left; position: relative; margin-right: 2.875rem; font-size: 1.25rem; }
.head-box .head-menu ul li span{ display: block; color: #fff; line-height: 1.625rem;}
.head-box .head-menu ul li span a{ display: inline-block; color: #fff; position: relative; }
.head-box .head-menu ul li span a::after{ content: ''; width: 0; height: 2px; position: absolute; left: 50%; top: 100%; margin-top: 0.8rem; background: #a28d53; transition: all .6s; }
.head-box .head-menu ul li:hover span a,
.head-box .head-menu ul li.active span a{ color: #a28d53 !important;}
.head-box .head-menu ul li:hover span a::after,
.head-box .head-menu ul li.active span a::after{ width: 100%; left: 0; }
.head-box .language-box{ float: left; font-size: 1.25rem; color: #fff; line-height: 1.625rem; transition: all .6s; }
.head-box .language-box a{ color: #fff;}
.head-box .language-box a:hover{ color: #a28d53 !important;}
.head-box .language-box i{ padding: 0 0.5rem;}

.head-box .head-menu ul li .lv2-menu{ width: 9.75rem; position: absolute; left: 50%; margin-left: -4.875rem; top: 100%; background: url(../images/bg_3.png) no-repeat right bottom #dcc589; background-size: 5.375rem; padding: 1.5rem 0; margin-top: 2rem; transition: all .3s; transform: translate(0,1rem); opacity: 0; pointer-events: none; box-shadow: 0 0 0.625rem rgba(0,0,0,0.1); }
.head-box .head-menu ul li .lv2-menu:before{ content: ''; width: 100%; height: 2rem; position: absolute; left: 0; bottom: 100%;}
.head-box .head-menu ul li .lv2-menu a{ width: 100%; display: block; text-align: center; padding: 0 1.25rem; line-height: 2.5rem; font-size: 1.125rem; }
.head-box .head-menu ul li:hover .lv2-menu{ opacity: 1; transform: translate(0,0); pointer-events: auto;}

.head-search{ width: 1.625rem; height: 1.625rem; background: url(../images/icon_1.png) no-repeat center; background-size: contain; margin-left: 2.875rem; position: relative; cursor: pointer; transition: all .6s; }
.head-search .box1{ width: 12.5rem; height: 2.5rem; background: #fff; border-radius: 0.3125rem; position: absolute; right: 0; top: 50%; display: flex; overflow: hidden; margin-top: -1.25rem; opacity: 0; pointer-events: none; transition: all .6s; transform: translate(2rem,0); }
.head-search .box1 .text{ width: 100%; flex: 1; height: 100%; border: none; font-size: 1.125rem; padding: 0 1rem; }
.head-search .box1 .btns{ width: 2rem; height: 100%; background: url(../images/icon_1_1.png) no-repeat center; background-size: 1rem; border: none; cursor: pointer; }
.head-search:hover .box1{ opacity: 1; pointer-events: auto; transform: translate(0,0); }
.head-btn{ width: 2.75rem; height: 2.75rem; border: 1px solid #fff; background: url(../images/icon_2.png) no-repeat center; background-size: 1.25rem; display: block; margin-left: 2.875rem; transition: all .6s; }

.head-box.active{ background: #fff; box-shadow: 0 0 1rem rgba(0,0,0,0.1);}
.head-box.active .head-menu ul li span a,
.head-box.active .language-box,
.head-box.active .language-box a{ color: #333;}
.head-box.active .head-menu ul li span a::after{ background: #333;}
.head-box.active .head-search{ background-image: url(../images/icon_1_1.png); }
.head-box.active .head-search .box1{ border:1px solid #666;}
.head-box.active .head-btn{ border-color: #333; background-image: url(../images/icon_2_1.png); }
.head-box.active .head-menu ul li span a::after{ background: #a28d53;}

.head-map{ width: 100%; height: 100vh; background: url(../images/bg_5.jpg) no-repeat center; background-size: cover; position: fixed; left: 0; top: 0; z-index: 99; transform: translate(0,-100vh); transition: all .6s; opacity: 0; pointer-events: none; }
.head-map .box-info1 .logo{ width: 7.625rem; display: inline-block;}
.head-map .box-info2{ width: 5rem; height: 5rem; background: url(../images/icon_close1.png) no-repeat center; background-size: contain; float: right; position: relative; z-index: 2; margin-top: -2rem; cursor: pointer; transition: all .4s; }
.head-map .box-info2:hover{ transform: rotate(180deg);}
.head-map .box-info3 ul{ padding: 4.5rem 5rem 0;}
.head-map .box-info3 ul li{ width: 100%; overflow: hidden; text-align: center;}
.head-map .box-info3 ul li span{ width: 100%; float: left; display: block; padding-top: 1.5rem; background: url(../images/icon_7.png) no-repeat top; background-size: auto 1rem; position: relative; }
.head-map .box-info3 ul li span a{ display: inline-block; font-size: 1.625rem; font-weight: bold; color: #a28d53; position: relative; padding: 0 1.25rem;}
.head-map .box-info3 ul li span a::before{ content: ''; position: absolute; top: 50%; right: 100%; border-top: 1px dashed #a28d53; left: -999px; }
.head-map .box-info3 ul li span a::after{ content: ''; position: absolute; top: 50%; left: 100%; border-top: 1px dashed #a28d53; right: -999px; }
.head-map .box-info3 ul li .lv2-menu{ width: 100%; float: left; margin-top: 0.5rem;}
.head-map .box-info3 ul li .lv2-menu a{ display: block; margin-top: 1.5rem; font-size: 1.125rem; }
.head-map .box-info3 ul li:first-child span a::before{ display: none;}
.head-map .box-info3 ul li:last-child span a::after{ display: none;}
.head-map.active{ transform: translate(0,0); opacity: 1; pointer-events: auto;}

.page-banner{ height: 42.5rem; background-position: top center; background-size: 100%; background-attachment: fixed; }
.page-banner .box1{ width: 15rem; height: 6rem; line-height: 6rem; background: url(../images/bg_1.png) no-repeat center; background-size: 100% 100%; color: #fff; text-align: center; font-size: 1.8rem; }


.page-menu{ background: #f6f6f6; position: relative; overflow: hidden;}
.page-menu em{ content: ''; width: 3rem; height: 100%; border-radius: 0 50px 50px 0; position: absolute; left: 0; top: 0; background: #c4b17a; transition: all .6s; }
.page-menu .w-90{ position: relative; z-index: 2;}
.page-menu a{ float: left; line-height: 4.375rem; font-size: 1.125rem; padding: 0 3.125rem; position: relative; }
.page-menu a::after{ content: ''; width: 1.6rem; height: 100%; background: url(../images/icon_3.png) no-repeat center; background-size: 100%; position: absolute; right: 0; top: 0; opacity: 0; transition: all .6s;}
.page-menu a::before{ content: ''; width: 1.6rem; height: 100%; background: url(../images/icon_3.png) no-repeat center; background-size: 100%; position: absolute; left: 0; top: 0; opacity: 0; transition: all .6s;}
.page-menu a+a{ margin-left: 1.5rem;}
.page-menu a.active{}
.page-menu a.active::after,.page-menu a.active::before{ opacity: 1; }
.page-menu a.done{ color: #fff;}

.search-box{ padding: 3rem 0; }
.search-box1{ background: #fff; padding: 1.875rem 2.5rem; display: flex; gap: 1.25rem; }
.search-box1 .box1{ flex: 1; padding: 0 1.25rem; position: relative; }
.search-box1 .box1::before{ content: ''; width: 1.25rem; height: 100%; background: url(../images/line_1_1.png) no-repeat; background-size: auto 100%; position: absolute; left: 0; top: 0;}
.search-box1 .box1::after{ content: ''; width: 1.25rem; height: 100%; background: url(../images/line_1_3.png) no-repeat; background-size: auto 100%; position: absolute; right: 0; top: 0;}
.search-box1 .box1 input{ width: 100%; height: 4.4375rem; border: none; background: url(../images/line_1_2.png) repeat-x; background-size: auto 100%; font-size: 1.125rem; }
.search-box1 .box1.style2{ background: url(../images/icon_jt1.png) no-repeat 97% center; background-size: 1.75rem; }
.search-box1 .box2 input{ width: 9.6875rem; height: 4.4375rem; background: #c4b17a; border: none; color: #fff; font-size: 1.125rem; cursor: pointer;}
.search-box2 ul li{ width: 100%; float: left; background: #fff; margin-top: 1.25rem; padding: 1.25rem; }
.search-box2 ul li a{ width: 100%; float: left; background: #fff; position: relative; padding: 2.4rem 0; }
.search-box2 ul li a::before{ content: ''; width: 100%; border-top: 2px dotted #D8D8D8; position: absolute; left: 0; top: 0; transition: all .6s; }
.search-box2 ul li a::after{ content: ''; width: 100%; border-top: 2px dotted #D8D8D8; position: absolute; left: 0; bottom: 0; transition: all .6s; }
.search-box2 ul li a .box-info1{ padding-right: 1.5rem; height: 12.25rem; border-right: 1px dashed #D8D8D8; font-style: italic; font-size: 0.875rem; color: #333;}
.search-box2 ul li a .box-info1 i{ font-size: 3rem; font-family: '黑体'; font-style: italic; }
.search-box2 ul li a .box-info1::before{ content: ''; width: 0.5rem; height: 0.5rem; background: #D8D8D8; position: absolute; left: 0; top: -0.2rem; transition: all .6s;}
.search-box2 ul li a .box-info1::after{ content: ''; width: 0.5rem; height: 0.5rem; background: #D8D8D8; position: absolute; left: 0; bottom: -0.2rem; transition: all .6s;}
.search-box2 ul li a .box-info2{ flex: 1; padding: 0 1.5rem;}
.search-box2 ul li a .box-info2::after{ content: ''; width: 0.5rem; height: 0.5rem; background: #D8D8D8; position: absolute; right: -0.2rem; bottom: 2.5rem; transition: all .6s;}
.search-box2 ul li a .box-info2::before{ content: ''; height: 2.5rem; border-right: 2px dotted #D8D8D8; position: absolute; right: 0; bottom: 0; transition: all .6s;}
.search-box2 ul li a .box-info2 .box1{ font-size: 1.375rem; color: #333; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; transition: all .6s;}
.search-box2 ul li a .box-info2 .box2{ font-size: 0.875rem; height: 5.5rem; line-height: 1.6; color: #333; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; margin-top: 1rem;}
.search-box2 ul li a .box-info2 .box3{ float: left; margin-top: 0.5rem; height: 2.875rem; line-height: 2.875rem; padding-right: 5.9375rem; font-size: 1.125rem; color: #525252; background: url(../images/icon_jt2.png) no-repeat right; background-size: auto 100%; transition: all .6s;}
.search-box2 ul li a .box-info3{ width: 18.875rem; height: 12.25rem; overflow: hidden; margin-right: 1.75rem;}
.search-box2 ul li a .box-info3 img{ width: 100%; height: 100%; object-fit: cover; display: block; transition: all .6s;}
.search-box2 ul li a:hover .box-info2 .box1{ color: #a9924e;}
.search-box2 ul li a:hover .box-info2 .box3{ color: #9d1724; background-image: url(../images/icon_jt2_1.png);}
.search-box2 ul li a .box-info2 .box3::after{ content: ''; width: 1.875rem; height: 1.875rem; border: 1px solid #525252; position: absolute; top: 50%; right: 2.8rem; margin-top: -1rem; transform: rotate(45deg); transition: all .6s; }
.search-box2 ul li a:hover .box-info2 .box3::after{ transform: rotate(225deg); border-color: #9d1724; }
.search-box2 ul li a:hover .box-info3 img{ transform: scale(1.1);}
.search-box2 ul li a:hover .box-info1::before,
.search-box2 ul li a:hover .box-info1::after,
.search-box2 ul li a:hover .box-info2::after{ background: #c4b17a;}
.search-box2 ul li a:hover::before,
.search-box2 ul li a:hover::after,
.search-box2 ul li a:hover .box-info2::before{ border-color: #c4b17a; }

.search-box2.style2 ul li:first-child{ margin-top: 0;}
.search-box2.style2 ul li .box-info1{ height: auto; padding: 0; }
.search-box2.style2 ul li .box-info2 .box1{ position: relative; padding-left: 3rem; overflow: initial;}
.search-box2.style2 ul li .box-info2 .box1 i{ width: 2.375rem; height: 2.375rem; line-height: 2.375rem; text-align: center; display: inline-block; font-size: 1.125rem; color: #fff; background: url(../images/bg_7.png) no-repeat center; background-size: contain; position: absolute; left: 0; top: -0.2rem; }
.search-box2.style2 ul li a .box-info2 .box1,.search-box2.style2 ul li a .box-info2 .box2{-webkit-line-clamp: initial; height: auto; }
.search-box2.style2 ul li .box-info2 .box4 p{ font-size: 1.125rem; color: #333; line-height: 1.6; }
.search-box2.style2 ul li .box-info2 .box4 span{ width: 12rem; height: 3.125rem; line-height: 3.125rem; background: url(../images/bg_23.png) no-repeat center; background-size: 100%; text-align: center; font-size: 1rem; color: #fff; transition: all .6s; }
.search-box2.style2 ul li .box-info2 .box4 span:hover{ background-image: url(../images/bg_24.png);}

.search-box2.style3 ul li a{ flex-direction: initial;}
.search-box2.style3 ul li a .box-info1{ width: 5.125rem; height: 6.75rem; background: url(../images/bg_16.png) no-repeat center; background-size: 100% 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; padding: 0; margin-left: 1.5rem; transition: all .6s; font-style: initial; }
.search-box2.style3 ul li a .box-info1 i{ font-style: initial; font-weight: bold; font-size: 1.375rem; padding-bottom: 0.8rem; margin-bottom: 0.8rem; position: relative; display: block; }
.search-box2.style3 ul li a .box-info1 i::after{ content: ''; width: 1rem; height: 0.1875rem; background: #c4b17a; position: absolute; left: 50%; bottom: 0; margin-left: -0.5rem; transition: all .6s; }
.search-box2.style3 ul li a .box-info1 p{ font-size: 1.125rem; color: #999; position: inherit; }
.search-box2.style3 ul li a .box-info2 .box2{ height: auto; }
.search-box2.style3 ul li a:hover .box-info1{ background-image: url(../images/bg_16_1.png);}
.search-box2.style3 ul li a:hover .box-info1 i::after{ background: #9d1724;}


.foot-box{ background: url(../images/bg_2.jpg) no-repeat center; background-size: cover; padding: 3.75rem 0; color: #fff; }
.foot-box .top-box .f-l ul{ display: flex; gap: 5rem; }
.foot-box .top-box .f-l ul li span{ display: block; }
.foot-box .top-box .f-l ul li span a{ display: block; font-size: 1.125rem; color: #fff;}
.foot-box .top-box .f-l ul li .lv2-menu a{ display: block; color: rgba(255,255,255,0.5); font-size: 1rem; margin-top: 1.5rem;}
.foot-box .top-box .f-l ul li .lv2-menu a:hover{ color: #fff;}
/* .foot-box .top-box .f-l ul li.style2 .lv2-menu{ display: grid; grid-template-columns: repeat(2,1fr);} */
.foot-box .top-box .f-r{ display: flex; gap: 5rem; }
.foot-box .top-box .f-r .box-info1 .box1{ font-size: 1.125rem;}
.foot-box .top-box .f-r .box-info1 .box2{ margin-top: 1.5rem;}
.foot-box .top-box .f-r .box-info1 .box2 span{ display: block; color: rgba(255,255,255,0.5); font-size: 1rem; line-height: 1rem; display: flex; }
.foot-box .top-box .f-r .box-info1 .box2 p{ margin-top: 1.25rem; font-size: 1.25rem; font-weight: bold; }
.foot-box .top-box .f-r .box-info1 .box2 span i{ background-position: left; background-repeat: no-repeat; width: 1.25rem; height: 1rem; border-right: 1px solid rgba(255,255,255,0.5); display: inline-block; margin-right: 0.4rem; }
.foot-box .top-box .f-r .box-info1 .box2 span i.icon1{ background-image: url(../images/icon_4.png); background-size: 0.75rem; }
.foot-box .top-box .f-r .box-info1 .box2 span i.icon2{ background-image: url(../images/icon_5.png); background-size: 0.75rem; }
.foot-box .top-box .f-r .box-info1 .box3{ display: grid; gap: 1.5rem; grid-template-columns: repeat(2,1fr); margin-top: 1.5rem; position:relative;}
.foot-box .top-box .f-r .box-info1 .box3 a{ color: rgba(255,255,255,0.5); font-size: 0.875rem;}
.foot-box .top-box .f-r .box-info1 .box3 a:hover{ color: #fff;}
.foot-box .top-box .f-r .box-info1 .box3 a img{ width: 2.125rem; height: 2.125rem; }
.foot-box .top-box .f-r .box-info1 .box3 a  span{
  display:none;
  position:absolute;

  top: -22px;
    left: -7rem;
    width: 7rem;
    height: 20rem;
    padding: 1rem;
}
.foot-box .top-box .f-r .box-info1 .box3 a span img{

  width:5rem;
  height:5rem;
}

.foot-box .top-box .f-r .box-info1 .box3 a:hover span{
    display:block!important;
    
  
}


.foot-box .top-box .f-r .box-info1 .box3 a p{ flex: 1; padding-left: 0.625rem;}
.foot-box .lower-box{ text-align: center; margin-top: 6.25rem; font-size: 0.875rem; }
.foot-box .lower-box a{ color: rgba(255,255,255,0.5);}
.foot-box .lower-box a:hover{ color: #fff;}

.news-info1{ background: url(../images/bg_6.jpg) repeat-y center; background-size: 100%; position: relative; padding-bottom: 2.5rem; }
.news-info1::before{ content: ''; width: 100%; height: 100%; background: url(../images/bg_4.png) no-repeat right top; background-size: 64.8125rem; position: absolute; right: 0; top: 0;}
.news-info1 .w-90{ position: relative; z-index: 2;}
.news-info1 .top-box{ font-size: 1rem; line-height: 3.75rem;}
.news-info1 .f-l{ width: 73%; }
.news-info1 .f-l .box-info1{ background: #fff; padding: 1.625rem;}
.news-info1 .f-l .box-info1 .box1{ font-size: 1.75rem; text-align: center; }
.news-info1 .f-l .box-info1 .box2{ border-bottom: 1px solid #c4b17a; padding: 1.5rem 0; font-size: 1rem; }
.news-info1 .f-l .box-info1 .box2 div:nth-child(1){ display: flex; gap: 2.75rem; }
.news-info1 .f-l .box-info1 .box2 div:nth-child(1) span{ height: 1rem; line-height: 1.1rem; background-position: left center; background-repeat: no-repeat;}
.news-info1 .f-l .box-info1 .box2 div:nth-child(1) span:nth-child(1){ background-image: url(../images/icon_8.png); padding-left: 1.375rem;}
.news-info1 .f-l .box-info1 .box2 div:nth-child(1) span:nth-child(2){ background-image: url(../images/icon_9.png); padding-left: 1.5rem;}
.news-info1 .f-l .box-info1 .box2 div:nth-child(2){ display: flex; gap: 0.5rem; line-height: 2.1875rem;}
.news-info1 .f-l .box-info1 .box2 div:nth-child(2) i{ width: 2.1875rem; height: 2.1875rem; line-height: 2.1875rem; display: inline-block; border: 1px solid #c1c1c1; border-radius: 0.4rem; text-align: center; cursor: pointer; transition: all .6s; }
.news-info1 .f-l .box-info1 .box2 div:nth-child(2) i:hover{ border-color: #333;}
.news-info1 .f-l .box-info1 .box3{ font-size: 1.25rem; line-height: 1.8; padding: 1.2rem 0 0; }
.news-info1 .f-l .box-info2{ gap: 2.5rem; margin-top: 1.5rem;}
.news-info1 .f-l .box-info2 a{ width: 100%; background: #fff; box-shadow: 0 1rem 1rem rgba(0,0,0,0.1); padding: 1.5rem 1rem; border-top: 0.25rem solid #c4b17a; color: #333; }
.news-info1 .f-l .box-info2 a .box1 span{ font-size: 1.5rem;}
.news-info1 .f-l .box-info2 a .box1 i{ font-size: 1rem; color: #666;}
.news-info1 .f-l .box-info2 a .box2{ font-size: 1.125rem; line-height: 1.6; height: 3.5rem; margin-top: 1rem; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.news-info1 .f-l .box-info2 a:hover{ border-color: #9d1724;}
.news-info1 .f-r{ width: 25%; position: sticky; top: 9rem; }
.news-info1 .f-r .box-info1{ background: #fff; padding: 1rem; }
.news-info1 .f-r .box-info1 .box1{ border-bottom: 1px solid #d6d6d6; padding-bottom: 0.6875rem; padding-left: 1.5rem; font-size: 1.875rem; position: relative; line-height: 1;}
.news-info1 .f-r .box-info1 .box1::before{ content: ''; width: 0.375rem; height: 1.875rem; background: #c4b17a; position: absolute; left: 0.375rem; top: 0; }
.news-info1 .f-r .box-info1 .box2 ul li{ width: 100%; float: left;}
.news-info1 .f-r .box-info1 .box2 ul li a{ width: 100%; float: left; margin-top: 1.25rem; padding-left: 1.6rem; position: relative;}
.news-info1 .f-r .box-info1 .box2 ul li a::after{ content: ''; width: 0.4375rem; height: 0.4375rem; background: #d2d2d2; border-radius: 100%; position: absolute; left: 0.375rem; top: 0.5rem; transition: all .6s;}
.news-info1 .f-r .box-info1 .box2 ul li a p{ font-size: 1.125rem; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.news-info1 .f-r .box-info1 .box2 ul li a span{ display: block; margin-top: 0.5rem; font-size: 1rem; color: #8a8a8a; }
.news-info1 .f-r .box-info1 .box2 ul li a:hover::after{ background: #c4b17a;}
.news-info1 .f-r .box-info2{ width: 6.5rem; height: 6.5rem; background: #9d1724; border-radius: 100%; float: left; margin-top: 3rem; }
.news-info1 .f-r .box-info2 span{ font-size: 1rem; background: url(../images/icon_jt4.png) no-repeat top; background-size: auto 1.5rem; padding-top: 1.8rem; color: #fff; }

.all-title1{ text-align: center; font-size: 2rem; font-weight: bold; background: url(../images/line_2.png) no-repeat bottom; padding-bottom: 1.25rem; }

.product-box1{ padding: 2.75rem 0; font-size: 1.125rem;}
.product-box1 .box-info2{ line-height: 1.8; text-align: center; margin-top: 2.5rem; }
.product-box1 .box-info3{ margin-top: 2rem;}
.product-box1 .box-info3 a{
  width:100%;
  height:100%;
display: block;
position:relative;
  }
.product-box1 .box-info3 .center-center{ width: 21.875rem; height: 5.5625rem; background: url(../images/bg_9.png) no-repeat center; background-size: auto 100%; color: #fff; font-size: 1.5rem; }
.product-box1 .box-info3 .center-center i{ font-size: 2.5rem; font-style: italic; margin-right: 0.8rem;}
.product-box1 .box-info4{ line-height: 1.8; margin-top: 1.5rem; }
.product-box1 .box-info5{ line-height: 1.8; margin-top: 1.5rem;}
.product-box1 .box-info5 p.icon1{ background: url(../images/icon_10.png) no-repeat left; background-size: auto 1.125rem; padding-left: 1.3rem;}
.product-box1 .box-info5 p.icon2{ background: url(../images/icon_11.png) no-repeat left; background-size: auto 1.125rem; padding-left: 1.25rem;}

.bg-style1{ background: url(../images/bg_4.png) no-repeat right top #fcf9f7; background-size: 64.8125rem; }
.bg-style2{ background: url(../images/bg_8.jpg) repeat-y center;}
.bg-style3{ background: #fcf9f7;}
.bg-style4{ background: url(../images/bg_15.jpg) no-repeat top #fcf9f7; background-size: 100%; }
.bg-style5{ background: url(../images/bg_17.jpg) no-repeat top #fcf9f7; background-size: 100%; }
.bg-style6{ background: url(../images/bg_20.jpg) no-repeat top #fcf9f7; background-size: 100%; }

.list-box1{ padding: 0 0 3rem 0; }
.list-box1 .box-info1{ padding-left: 3.75rem; background: url(../images/icon_12.png) no-repeat left; background-size: 2.4375rem; font-size: 1.5rem; margin-top: 2rem;}
.list-box1 .box-info2 ul{ display: grid; gap: 1.875rem; margin-top: 2rem; grid-template-columns: repeat(3,1fr); }
.list-box1 .box-info2 ul li{ border: 1px solid #c4b17a; padding: 0.625rem; background: url(../images/bg_10.jpg); transition: all .6s; }
.list-box1 .box-info2 ul li .box1{ height: 23.375rem; overflow: hidden;}
.list-box1 .box-info2 ul li .box1 img{ width: 100%; height: 100%; display: block; object-fit: cover; transition: all .6s; }
.list-box1 .box-info2 ul li .box2{ font-size: 1.375rem; padding: 0.875rem 0.625rem 0; font-weight: bold;}
.list-box1 .box-info2 ul li .box3{ font-size: 1.125rem; color: #666; padding: 0 0.625rem 1rem; margin-top: 0.5rem;}
.list-box1 .box-info2 ul li .box3 p{ line-height: 1.5rem; margin-top: 0.5rem; background-position: left; background-size: auto 1.25rem; background-repeat: no-repeat; padding-left: 2rem;}
.list-box1 .box-info2 ul li .box3 p:nth-child(1){ background-image: url(../images/icon_13.png);}
.list-box1 .box-info2 ul li .box3 p:nth-child(2){ background-image: url(../images/icon_14.png);}
.list-box1 .box-info2 ul li:hover{ box-shadow: 0 0 1rem rgba(0,0,0,0.1);}
.list-box1 .box-info2 ul li:hover .box1 img{ transform: scale(1.1);}
.list-box1 .box-info2 ul li:hover .box2{ color: #9d1724;}

.list-box2{ padding: 4.625rem 0;}
.list-box2 ul{ display: grid; gap: 2rem; grid-template-columns: repeat(4,1fr); }
.list-box2 ul li{ width: 100%; height: 35.5rem; }
.list-box2 ul li a{ width: 100%; height: 100%; float: left; background: url(../images/bg_11.png) no-repeat center; background-size: contain; padding: 2.3125rem 2.8125rem; }
.list-box2 ul li a .center-center{ width: 100%; height: 100%; float: left; padding: 0 2.1875rem; color: #fff; position: relative; overflow: hidden; background-size: cover; }
.list-box2 ul li a .center-center::before{ content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.2); }
.list-box2 ul li a .center-center div{ position: relative; z-index: 2; transition: all .6s;}
.list-box2 ul li a .center-center .box1{ width: 7.5rem; height: 7.5rem; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; color: #fff; font-weight: bold; transition: all .6s; margin-top: 9rem; }
.list-box2 ul li a .center-center .box1::after{ content: ''; width: 100%; height: 100%; background: url(../images/bg_12.png) no-repeat center; background-size: contain; transition: all .6s; position: absolute; left: 0; top: 0; }
.list-box2 ul li a .center-center .box2{ font-size: 1.125rem; font-weight: bold; height: 6.25rem; line-height: 1.6; margin-top: 1rem; transition: all .6s; opacity: 0; }
.list-box2 ul li a .center-center .box3{ width: 3.25rem; height: 3.25rem; background: url(../images/icon_jt5.png) no-repeat center; background-size: contain; transition: all .6s; opacity: 0;}
.list-box2 ul li a:hover{ background-image: url(../images/bg_11_1.png);}
.list-box2 ul li a:hover .center-center .box1{ margin-top: 0;}
.list-box2 ul li a:hover .center-center .box1::after{ transform: rotate(180deg);}
.list-box2 ul li a:hover .center-center .box2,.list-box2 ul li a:hover .center-center .box3{ opacity: 1;}

.list-box3{ padding: 4.375rem 0 2.5rem;}
.list-box3 .top-box{ background: url(../images/bg_13.png) no-repeat center; background-size: 100% 100%; padding: 2.25rem 3.125rem; transition: all .6s; }
.list-box3 .top-box .f-l{ width: 50rem; height: 30.9375rem; overflow: hidden;}
.list-box3 .top-box .f-l img{ width: 100%; height: 100%; display: block; object-fit: cover; transition: all .6s;}
.list-box3 .top-box .f-r{ width: 100%; flex: 1; padding-left: 3.375rem; }
.list-box3 .top-box .f-r .box1{ font-size: 1.5rem; color: #b59c54; text-align: center; position: relative; transition: all .6s; }
.list-box3 .top-box .f-r .box1 span{ display: inline-block; position: relative; padding: 0 0 2.5rem;}
.list-box3 .top-box .f-r .box1 span::before{ content: ''; width: 6.875rem; height: 2.1875rem; background: url(../images/line_3.png) no-repeat; background-size: contain; position: absolute; left: -8rem; bottom: 0;}
.list-box3 .top-box .f-r .box1 span::after{ content: ''; width: 6.875rem; height: 2.1875rem; background: url(../images/line_3.png) no-repeat; background-size: contain; position: absolute; right: -8rem; bottom: 0; transform: rotateY(180deg); }
.list-box3 .top-box .f-r .box2{ font-size: 1.125rem; line-height: 2; font-size: 1.125rem; margin-top: 1rem; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
.list-box3 .top-box .f-r .box3{ text-align: center; margin-top: 2.5rem;}
.list-box3 .top-box .f-r .box3 a,.list-box3 .top-box .f-r .box3 span{ display: inline-block; height: 2.875rem; line-height: 2.875rem; padding-right: 5.9375rem; font-size: 1.125rem; color: #525252; background: url(../images/icon_jt2.png) no-repeat right; background-size: auto 100%; transition: all .6s; position: relative;}
.list-box3 .top-box .f-r .box3 a:hover,.list-box3 .top-box .f-r .box3 span:hover{ color: #9d1724; background-image: url(../images/icon_jt2_1.png);}
.list-box3 .top-box .f-r .box3 a::after,.list-box3 .top-box .f-r .box3 span::after{ content: ''; width: 1.875rem; height: 1.875rem; border: 1px solid #525252; position: absolute; top: 50%; right: 2.8rem; margin-top: -1rem; transform: rotate(45deg); transition: all .6s; }
.list-box3 .top-box .f-r .box3 a:hover::after,.list-box3 .top-box .f-r .box3 span:hover::after{ transform: rotate(225deg); border-color: #9d1724; }
.list-box3 .top-box:hover .f-l img{ transform: scale(1.1);}
.list-box3 .top-box.style2+.top-box.style2{ margin-top: 3.125rem;}
.list-box3 .top-box.style2:nth-child(2n){flex-direction: row-reverse;}
.list-box3 .top-box.style2:nth-child(2n) .f-r{ padding: 0 3.375rem 0 0;}
.list-box3 .top-box.style2 .f-l{ width: 63.125rem;}
.list-box3 .top-box.style2 .f-r .box2{ min-height: 9.375rem;}
.list-box3 .top-box.style2 .f-r .box4{ margin-top: 1rem;}
.list-box3 .top-box.style2 .f-r .box4 p{ line-height: 1.5rem; margin-top: 0.5rem; background-position: left; background-size: auto 1.25rem; background-repeat: no-repeat; padding-left: 2rem;}
.list-box3 .top-box.style2 .f-r .box4 p:nth-child(1){ background-image: url(../images/icon_13.png);}
.list-box3 .top-box.style2 .f-r .box4 p:nth-child(2){ background-image: url(../images/icon_14.png);}
.list-box3 .top-box.style2:hover{ background-image: url(../images/bg_13_1.png);}
.list-box3 .top-box.style2:hover .f-r .box1{ color: #9d1724;}

.list-box3 .lower-box ul{ display: grid; gap: 2rem; grid-template-columns: repeat(3,1fr); margin-top: 3.125rem; }
.list-box3 .lower-box ul li{ width: 100%; height: 30.9375rem; position: relative; background: #fff; border-radius: 1.25rem; overflow: hidden; }
.list-box3 .lower-box ul li a{ width: 100%; height: 100%; float: left; position: relative; }
.list-box3 .lower-box ul li a .imgs{ height: 20.25rem; overflow: hidden; border-radius: 1.25rem;}
.list-box3 .lower-box ul li a .imgs img{ width: 100%; height: 100%; display: block; object-fit: cover; transition: all .6s;}
.list-box3 .lower-box ul li a .info{ position: absolute; left: 0; bottom: 0; padding: 1.5rem; z-index: 2; transition: all .6s; background: #fff; border-radius: 1.25rem; overflow: hidden; }
.list-box3 .lower-box ul li a .info::before{ content: ''; width: 100%; height: 100%;  background: url(../images/bg_14.jpg) center; position: absolute; left: 0; top: 0; z-index: -1; transition: all .6s; opacity: 0; }
.list-box3 .lower-box ul li a .info .box1{ font-size: 1.5rem; padding-bottom: 1.25rem; position: relative; color: #333; transition: all .6s;}
.list-box3 .lower-box ul li a .info .box1::after{ content: ''; width: 4.1875rem; height: 0.25rem; background: #fff; position: absolute; left: 0; bottom: 0; transition: all .6s; opacity: 0;}
.list-box3 .lower-box ul li a .info .box2{ font-size: 1rem; line-height: 1.8; height: 0; overflow: hidden; opacity: 0; transition: all .6s; }
.list-box3 .lower-box ul li a .info .box3{ font-size: 1.375rem; color: #333; transition: all .6s;}
.list-box3 .lower-box ul li a .info .box3 i{ width: 3.3125rem; height: 3.6875rem; background: url(../images/icon_jt6.png) no-repeat center; background-size: contain; display: inline-block; transition: all .6s;}
.list-box3 .lower-box ul li a:hover .imgs img{ transform: scale(1.1);}
.list-box3 .lower-box ul li a:hover .info::before,
.list-box3 .lower-box ul li a:hover .info .box1::after{ opacity: 1;}
.list-box3 .lower-box ul li a:hover .info .box1{ color: #fff;}
.list-box3 .lower-box ul li a:hover .info .box2{ height: 3.6rem; opacity: 1; margin: 1rem 0 1.5rem; color: #fff;}
.list-box3 .lower-box ul li a:hover .info .box3{ color: #fff;}
.list-box3 .lower-box ul li a:hover .info .box3 i{ background-image: url(../images/icon_jt5.png);}

.product-box2{ padding: 2.5rem 0;}
.product-box2 .box-info1 ul{display: grid; gap: 2rem; grid-template-columns: repeat(2,1fr); margin-top: 2.75rem;}
.product-box2 .box-info1 ul li{ width: 100%; float: left;}
.product-box2 .box-info1 ul li a{ width: 100%; float: left;}
.product-box2 .box-info1 ul li a .imgs{ height: 24.5625rem; overflow: hidden;}
.product-box2 .box-info1 ul li a .imgs img{ width: 100%; height: 100%; display: block; object-fit: cover; transition: all .6s;}
.product-box2 .box-info1 ul li a .info{ padding: 1.5rem 2.5rem; background: #fff; position: relative; z-index: 1; }
.product-box2 .box-info1 ul li a .info::after{ content: ''; width: 100%; height: 100%; background: url(../images/bg_14.jpg); position: absolute; left: 0; top: 0; z-index: -1; opacity: 0; transition: all .6s;}
.product-box2 .box-info1 ul li a .info span{ display: block; font-size: 1.875rem; font-weight: bold; padding-bottom: 2rem; border-bottom: 1px solid #ccc; color: #333; position: relative; transition: all .6s;}
.product-box2 .box-info1 ul li a .info span::after{ content: ''; width: 0.625rem; height: 0.625rem; background: #74663d; position: absolute; left:0 ; bottom: -0.3125rem; transform: rotate(45deg); transition: all .6s;}
.product-box2 .box-info1 ul li a .info p{ font-size: 1.125rem; color: #999; line-height: 1.6; height: 3.625rem; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-top: 1.5rem; transition: all .6s; }
.product-box2 .box-info1 ul li a:hover .imgs img{ transform: scale(1.1);}
.product-box2 .box-info1 ul li a:hover .info span,.product-box2 .box-info1 ul li a:hover .info p{ color: #fff;}
.product-box2 .box-info1 ul li a:hover .info span::after{ background: #fff; left: 100%;}
.product-box2 .box-info1 ul li a:hover .info span{ border-color: #ffff;}
.product-box2 .box-info1 ul li a:hover .info::after{ opacity: 1;}

.product-box3 .f-l{ width: 72.5rem; padding: 12.5rem 0; }
.product-box3 .f-l .box-info1{ margin-top: 3.5rem; font-size: 1.125rem; line-height: 1.8; text-indent: 2.25rem; }
.product-box3 .f-l .box-info1 p:first-child{ text-indent: 0;}
.product-box3 .f-l .box-info1 p:first-child img{ float: left; margin: -0.5rem -1.5rem 0 2.25rem; }

.myddc-box{ padding: 3.75rem 0; }
.myddc-box .center-block{ background: #fff; padding: 2.5rem 1.5rem; }
.myddc-box .center-block .box-info1{ text-align: center; font-size: 2rem; color: #74663c; }
.myddc-box .center-block .box-info2{ border-top: 2px dotted #D8D8D8; border-bottom: 2px dotted #D8D8D8; padding: 1.5rem 0.75rem 2rem; margin-top: 2rem; position: relative; font-size: 1.125rem; }
.myddc-box .center-block .box-info2::before{ content: ''; width: 0.5rem; height: 0.5rem; background: #D8D8D8; position: absolute; left: 0; top: -0.3rem; transition: all .6s;}
.myddc-box .center-block .box-info2::after{ content: ''; width: 0.5rem; height: 0.5rem; background: #D8D8D8; position: absolute; left: 0; bottom: -0.3rem; transition: all .6s;}
.myddc-box .center-block .box-info2>div::after{ content: ''; width: 0.5rem; height: 0.5rem; background: #D8D8D8; position: absolute; right: -0.2rem; bottom: 2rem; transition: all .6s;}
.myddc-box .center-block .box-info2>div::before{ content: ''; height: 2rem; border-right: 2px dotted #D8D8D8; position: absolute; right: 0; bottom: 0; transition: all .6s;}
.myddc-box .center-block .box-info3{ padding: 2.5rem;}
.myddc-box .center-block .box-info3 table{ width: 100%; border: 1px solid #c4b17a; }
.myddc-box .center-block .box-info3 table tr td{ border-top: 1px solid #c4b17a; padding: 1.5rem; font-size: 1.25rem; text-align: center; }
.myddc-box .center-block .box-info3 table tr td label{ display: inline-flex; gap: 0.625rem; cursor: pointer; }
.myddc-box .center-block .box-info3 table tr td label input{ transform: scale(1.3);}
.myddc-box .center-block .box-info3 table tr td label input[type="radio"] {
  accent-color: #9d1724;
}
.myddc-box .center-block .box-info4 input{ width: 41.8125rem; max-width: 100%; height: 4.6875rem; background: #9d1724; color: #fff; font-size: 1.5rem; border: none; cursor: pointer; }

.search-box3 ul{ display: grid; grid-template-columns: repeat(3,1fr); gap: 2.75rem; }
.search-box3 ul li{ width: 100%; }
.search-box3 ul li a{ width: 100%; float: left; background: #fff;}
.search-box3 ul li a .imgs{ height: 21.875rem; overflow: hidden; position: relative; }
.search-box3 ul li a .imgs img{ width: 100%; height: 100%; display: block; object-fit: cover; transition: all .6s; }
.search-box3 ul li a .imgs i{ width: 4.8rem; height: 4.8rem; background: url(../images/icon_15.png) no-repeat center; background-size: 1.125rem; position: absolute; left: 50%; top: 50%; margin: -2.4rem 0 0 -2.4rem; z-index: 2; transition: all .6s; }
.search-box3 ul li a .imgs i::after{ content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/bg_12.png) no-repeat center; background-size: contain; transition: all .6s; }
.search-box3 ul li a .info{ padding: 1.5rem;}
.search-box3 ul li a .info p{ font-size: 1.375rem; height: 3.625rem; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.search-box3 ul li a .info i{ display: block; margin-top: 1.75rem; color: #666; font-size: 1.125rem; position: relative; }
.search-box3 ul li a .info i::after{ content: ''; width: calc(100% - 5.5rem); border-top: 2px dotted #D8D8D8; position: absolute; right: 0; top: 50%; margin-top: -1px; transition: all .6s; }
.search-box3 ul li a .info i::before{ content: ''; width: 0.5rem; height: 0.5rem; background: #D8D8D8; position: absolute; right: 0; top: 50%; margin-top: -0.2rem; transition: all .6s;}
.search-box3 ul li a:hover .imgs img{ transform: scale(1.1); }
.search-box3 ul li a:hover .imgs i{ background-image: url(../images/icon_15_1.png);}
.search-box3 ul li a:hover .imgs i::after{ background-image: url(../images/bg_12_1.png); }
.search-box3 ul li a:hover .info i::after{ border-color: #c4b17a;}
.search-box3 ul li a:hover .info i::before{ background: #c4b17a;}

.search-box4{ width: 100%; height: 100vh; background: rgba(0,0,0,0.3); position: fixed; left: 0; top: 0; z-index: 999; display: none; }
.search-box4 .center-center{ width: 100%; height: 100%; float: left; }
.search-box4 .center-block{ width: 100%; padding: 3.125rem 3.75rem; background: #fff; position: relative; }
.search-box4 .center-block .closeBtn{ width: 3rem; height: 3rem; background: url(../images/icon_close1.png) no-repeat center; background-size: contain; position: absolute; right: 0; top: -1.5rem; cursor: pointer; transition: all .6s; }
.search-box4 .center-block .closeBtn:hover{ transform: rotate(180deg);}
.search-box4 .center-block .box0{ font-size: 2rem; color: #c4b17a; padding-bottom: 4.25rem; text-align: center; }
.search-box4 .center-block .box1{ display: flex; margin-bottom: 2.3rem; position: relative;}
.search-box4 .center-block .box1 span{ font-size: 1.25rem; font-weight: bold; padding-left: 2.25rem; background: url(../images/icon_16.png) no-repeat left; background-size: 1.6875rem; line-height: 3.375rem; align-self: flex-start; }
.search-box4 .center-block .box1 input,
.search-box4 .center-block .box1 select{ width: 100%; flex: 1; height: 3.375rem; padding: 0 1.6875rem; font-size: 1.25rem; background: #f8f8f8; border: none; appearance: none; }
.search-box4 .center-block .box1 select{ background: url(../images/icon_jt7.png) no-repeat 98% center #f8f8f8; background-size: 1.125rem; cursor: pointer;}
.search-box4 .center-block .box1 textarea{ width: 100%; flex: 1; height: 22.5rem; padding: 0.9rem 1.6875rem; font-size: 1.25rem; background: #f8f8f8; border: none; font-family: "Arial", "Microsoft Yahei", "微软雅黑", "Microsoft JhengHei", "微软正黑体", sans-serif;}
.search-box4 .center-block .box1 img{ width: 7rem; height: 3.375rem; }
.search-box4 .center-block .between-center{ gap: 2.3rem;}
.search-box4 .center-block .box2{ text-align: center;}
.search-box4 .center-block .box2 input{ width: 33rem; height: 3.5rem; background: #9d1724; color: #fff; font-size: 1.3rem; font-weight: bold; text-align: center; border:none; cursor: pointer; }
.search-box4.style2{ display: block; position: relative; height: auto; z-index: 1; padding-top: 3rem; background: #fff;}
.search-box4.style2 .center-block .box1 span{ width: 7.375rem;}
.search-box4.style2 .center-center .w-90{ width: 100% !important;}
.search-box4.style2 .center-block{ background: #ececec;}
.search-box4.style2 .center-block .box1 input,
.search-box4.style2 .center-block .box1 select,
.search-box4.style2 .center-block .box1 textarea{ background-color: #fff;}

.product-box4{ padding: 3.75rem 0;}
.product-box4 .f-l{ width: 50%;}
.product-box4 .f-l .box-info1{ font-size: 1.125rem; line-height: 1.8; margin-top: 3rem; }

.zxyd-box1{ padding: 3.75rem 0;}
.zxyd-box1 ul{ display: grid; gap: 3.375rem; grid-template-columns: repeat(2,1fr); }
.zxyd-box1 ul li{ width: 100%;}
.zxyd-box1 ul li a{ width: 100%; float: left; }
.zxyd-box1 ul li a .imgs{ height: 34.5rem; background: url(../images/bg_18.png) no-repeat center; background-size: contain; display: flex; align-items: center; justify-content: center; }
.zxyd-box1 ul li a .imgs div{ width: 47.25rem; height: 26.875rem; overflow: hidden; border-radius: 6.25rem; }
.zxyd-box1 ul li a .imgs div img{ width: 100%; height: 100%; display: block; object-fit: cover; transition: all .6s; }
.zxyd-box1 ul li a .info{ text-align: center; font-size: 2.25rem; font-weight: bold; color: #333; margin-top: 1.75rem; transition: all .6s;  }
.zxyd-box1 ul li a:hover .imgs div img{ transform: scale(1.1);}
.zxyd-box1 ul li a:hover .info{ color: #9d1724;}

.zxyd-box2{ padding: 3.75rem 0;}
.zxyd-box2 ul{ display: flex; gap: 3.125rem; flex-wrap: wrap; align-content: center; justify-content: center; }
.zxyd-box2 ul li{ width: 46.375rem; float: left; }
.zxyd-box2 ul li a{ width: 100%; float: left; position: relative; }
.zxyd-box2 ul li a img{ width: 100%; float: left; transition: all .6s;}
.zxyd-box2 ul li a p{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: flex; align-items: center; justify-content: center; font-size: 2.2rem; font-weight: bold; color: #f1c79f; }
.zxyd-box2 ul li a:hover img{ opacity: 0.7; }
.zthd-info{ padding: 2.75rem 0;}
.zthd-info .top-box{ position: relative; font-size: 1.5rem; font-weight: bold; text-align: center; padding-bottom: 2.75rem; }
.zthd-info .top-box::after{ content: ''; width: 55%; height: 1px; background: #9d1724; position: absolute; left: 50%; bottom: 0; transform: translate(-50%,0); }
.zthd-info .top-box::before{ content: ''; width: 1.0625rem; height: 1.0625rem; position: absolute; left: 50%; bottom: -0.5312rem; margin-left: -0.5312rem; background: #9d1724; transform: rotate(45deg); }
.zthd-info .lower-box{ margin-top: 3.125rem; font-size: 1.125rem; line-height: 1.8; }

.zthd-box{ padding: 3.125rem 0 5rem;}
.zthd-box .center-block{ margin-top: 3.125rem;}
.zthd-box .center-block .swiper .swiper-slide{ width: 53.125rem; background: #FCF9F7; }
.zthd-box .center-block .swiper .swiper-slide .box1{ height: 33.75rem; overflow: hidden; position: relative; }
.zthd-box .center-block .swiper .swiper-slide .box1::after{ content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; background: rgba(255,255,255,0.7); transition: all .6s; }
.zthd-box .center-block .swiper .swiper-slide .box1 img{ width: 100%; height: 100%; display: block; object-fit: cover; transition: all .6s; }
.zthd-box .center-block .swiper .swiper-slide .box2{ color: #333; margin-top: 1.875rem;}
.zthd-box .center-block .swiper .swiper-slide .box2 span{ display: block; position: relative; font-size: 1.5rem; font-weight: bold; text-align: center; padding-bottom: 2.75rem; color: #bab8b7; }
.zthd-box .center-block .swiper .swiper-slide .box2 span::after{ content: ''; width: 100%; height: 1px; background: #dddbd9; position: absolute; left: 0; bottom: 0; }
.zthd-box .center-block .swiper .swiper-slide .box2 span::before{ content: ''; width: 1.0625rem; height: 1.0625rem; position: absolute; left: 50%; bottom: -0.5312rem; margin-left: -0.5312rem; background: #dddbd9; transform: rotate(45deg); }
.zthd-box .center-block .swiper .swiper-slide .box2 p{ font-size: 1.125rem; line-height: 1.8; margin-top: 2rem; opacity: 0; transition: all .6s; }
.zthd-box .center-block .swiper .swiper-slide .box3{ margin-top: 2.5rem; opacity: 0; transition: all .6s; }
.zthd-box .center-block .swiper .swiper-slide .box3 .center-center{width: 12rem; height: 3.125rem; line-height: 3.125rem; background: url(../images/bg_23.png) no-repeat center; background-size: 100%; text-align: center; font-size: 1rem; color: #fff; transition: all .6s;}
.zthd-box .center-block .swiper .swiper-slide .box3 .center-center span{ color: #fff; padding-right: 1.25rem; position: relative; }
.zthd-box .center-block .swiper .swiper-slide .box3 .center-center span::after{ content: ''; width: 0.8rem; height: 100%; position: absolute; right: 0; top: 0;  background: url(../images/icon_17.png) no-repeat right; background-size: 0.8rem; transition: all .6s; }
.zthd-box .center-block .swiper .swiper-slide .box3 .center-center:hover span::after{ transform: rotate(180deg);}

.zthd-box .center-block .swiper .swiper-slide.swiper-slide-active .box2 p,
.zthd-box .center-block .swiper .swiper-slide.swiper-slide-active .box3{ opacity: 1; }
.zthd-box .center-block .swiper .swiper-slide.swiper-slide-active .box1::after{ opacity: 0;}
.zthd-box .center-block .swiper .swiper-slide.swiper-slide-active .box2 span{ color: #333;}
.zthd-box .center-block .swiper .swiper-slide.swiper-slide-active .box2 span::after{ background: #9d1724;}
.zthd-box .center-block .swiper .swiper-slide.swiper-slide-active .box2 span::before{ background: #9d1724;}
.zthd-box .center-block .swiper .swiper-button-next::after,
.zthd-box .center-block .swiper .swiper-button-prev::after{ display: none;}
.zthd-box .center-block .swiper .swiper-button-next,
.zthd-box .center-block .swiper .swiper-button-prev{ width: 11.25rem; height: 5.875rem; background: url(../images/icon_jt8.png) no-repeat center; background-size: contain; margin-top: -10rem; opacity: 1 !important; left: 5.5rem; }
.zthd-box .center-block .swiper .swiper-button-next{ transform: rotate(180deg); left: auto; right: 5.5rem; }

.zthd-box .center-block .swiper .swiper-slide.swiper-slide-active:hover .box1 img{ transform: scale(1.1);}
.zthd-box .center-block .swiper .swiper-slide.swiper-slide-active:hover .box2 span{ color: #9d1724;}
.zthd-box .center-block .swiper .swiper-slide.swiper-slide-active:hover .box3 .center-center{ background-image: url(../images/bg_24.png);}
.zthd-box .center-block .swiper .swiper-slide.swiper-slide-active:hover .box3 .center-center span::after{ transform: rotate(180deg);}

.product-box5{ padding: 10rem 0 5.5rem; position: relative; }
.product-box5 .f-r{ width: 64.375rem; position: absolute; right: 8.75rem; top: 8rem; padding: 0 9.25rem; }
.product-box5 .f-r .swiper-button-next::after,
.product-box5 .f-r .swiper-button-prev::after{ display: none;}
.product-box5 .f-r .swiper-button-next,
.product-box5 .f-r .swiper-button-prev{ width: 7.5rem; height: 5.875rem; background: url(../images/icon_jt8.png) no-repeat left; background-size: auto 100%; opacity: 1 !important; top: 9.375rem; }
.product-box5 .f-r .swiper-button-next{ transform: rotate(180deg); }
.product-box5 .f-r .swiper .swiper-slide .box-info1 div{ display: inline-block; position: relative;}
.product-box5 .f-r .swiper .swiper-slide .box-info1 div::after{ content: ''; width: 80%; height: 100%; background: url(../images/bg_22.png) repeat-x; background-size: auto 100%; position: absolute; left: 10%; top: 0; }
.product-box5 .f-r .swiper .swiper-slide .box-info1 span{ display: inline-block; line-height: 3.9375rem; color: #f2e0b1; font-family: '仿宋'; font-size: 1.5rem; position: relative; z-index: 2; padding: 0 1.5rem; }
.product-box5 .f-r .swiper .swiper-slide .box-info1 span::after{ content: ''; width: 3.75rem; height: 100%; background: url(../images/bg_22_1.png) no-repeat center; background-size: auto 100%; position: absolute; left:0; top:0; z-index: -1;}
.product-box5 .f-r .swiper .swiper-slide .box-info1 span::before{ content: ''; width: 3.75rem; height: 100%; background: url(../images/bg_22_2.png) no-repeat center; background-size: auto 100%; position: absolute; right:0; top:0; z-index: -1;}
.product-box5 .f-r .swiper .swiper-slide .box-info2{ font-size: 1.125rem; line-height: 2; margin-top: 2.5rem; }
.product-box5 .f-l{ position: relative; }
.product-box5 .f-l .line-box{ width: 1px; height: 100%; background: url(../images/bg_21_1.png) no-repeat top left; background-size: 100vw; position: absolute; left: 0; top: 0; transition: all .6s; }
.product-box5 .f-l ul li{ position: absolute; width: 1.125rem; height: 1.125rem; cursor: pointer; }
.product-box5 .f-l ul li::before{ content: ''; width: 100%; height: 100%; background: rgba(196,177,122,0.25); border-radius: 100%; position: absolute; left: 0; top: 0; transition: all .6s; transform: scale(1.8); }
.product-box5 .f-l ul li::after{ content: ''; width: 100%; height: 100%; background: rgba(196,177,122,1); border-radius: 100%; position: absolute; left: 0; top: 0; transition: all .6s; }
.product-box5 .f-l ul li span{ white-space: nowrap; font-size: 1.25rem; position: absolute; left: 50%; bottom: 2.25rem; transform: translate(-50%,0); transition: all .6s; }
.product-box5 .f-l ul li.active::before{ transform: scale(2.8); background: rgba(160,); }
.product-box5 .f-l ul li.active::after{ transform: scale(1.6); background: #a08740; }
.product-box5 .f-l ul li.active span{ bottom: 2.8rem; color: #a08740; font-size: 1.375rem; }

.product-box5 .f-l ul li:nth-child(1){ left: 7.1875rem; top: 7rem; }
.product-box5 .f-l ul li:nth-child(2){ left: 15.625rem; top: 11.225rem; }
.product-box5 .f-l ul li:nth-child(3){ left: 23.75rem; top: 12.8rem; }
.product-box5 .f-l ul li:nth-child(4){ left: 32.25rem; top: 14.2rem; }
.product-box5 .f-l ul li:nth-child(5){ left: 39.6rem; top: 19.375rem; }
.product-box5 .f-l ul li:nth-child(6){ left: 43.75rem; top: 29.625rem; }
.product-box5 .f-l ul li:nth-child(7){ left: 50rem; top: 38.125rem; }
.product-box5 .f-l ul li:nth-child(8){ left: 62.1875rem; top: 39.2rem; }
.product-box5 .f-l ul li:nth-child(9){ left: 71.25rem; top: 35.7rem; }
.product-box5 .f-l ul li:nth-child(10){ left: 81.875rem; top: 37rem; }
.product-box5 .f-l ul li:nth-child(11){ left: 91.875rem; top: 42.8rem; }
.product-box5 .f-l ul li:nth-child(12){ left: 97.1875rem; top: 50.3rem; }
.product-box5 .f-l ul li:nth-child(13){ left: 102.5rem; top: 56.9rem; }
.product-box5 .f-l ul li:nth-child(14){ left: 111.25rem; top: 55.8rem; }

.home-box1{ height: 100vh; position: relative; overflow: hidden; }
.home-box1 .swiper{ height: 100%;}
.home-box1 .swiper .swiper-slide{ width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; }
.home-box1 .box-info1{ width: 100%; position: absolute; left: 0; bottom: 2rem; z-index: 20; }
.home-box1 .box-info1 i img{ display: inline-block; height: 2.875rem; animation: upDown3 1.5s infinite linear;}
.home-box1 .box-info1 p{ font-size: 0.9375rem; color: #fff; text-shadow: 0 0.1875rem 0.3125rem rgba(0,0,0,0.35);}
.home-box1 .swiper .swiper-pagination{ width: auto; left: auto; bottom: auto; top: 50%; right: 3.25%; margin: 0; display: flex; flex-direction: column; transform: translate(0,-50%) scale(0.7); }
.home-box1 .swiper .swiper-pagination .swiper-pagination-bullet{ width: 4.25rem; height: 4.25rem; background: url(../images/icon_19_1.png) no-repeat center; background-size: contain; opacity: 1; margin: 1rem 0; transition: all .6s; position: relative;}
.home-box1 .swiper .swiper-pagination .swiper-pagination-bullet::after{ content: ''; width: 100%; height: 2.25rem; background: url(../images/icon_19.png) no-repeat center; background-size: auto 100%; position: absolute; left: 0; bottom: 100%; margin-bottom: -0.35rem; }
.home-box1 .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-image: url(../images/icon_19_2.png);}
.home-box1 .swiper .swiper-pagination .swiper-pagination-bullet:first-child::after{ display: none;}

.home-box2{ background: url(../images/ho2_bg.jpg) no-repeat center; background-size: cover; padding: 8.75rem 0; position: relative; overflow: hidden; }
.home-box2::after{ content: ''; width: 1px; height: calc(100% - 17rem); background: #e3e3e3; position: absolute; left: 50%; bottom: 0; }
.home-box2::before{ content: ''; width: 1px; height: 5rem; background: #e3e3e3; position: absolute; left: 50%; top: 2.375rem; }
.home-box2 .w-90{ position: relative; z-index: 2;}
.home-box2 .bg-box{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.home-box2 .bg-box .layer{ width: 100%; height: 100%; }
.home-box2 .bg-box .box1 div{ position: absolute; right: 0; top: -7.7rem; width: 44.1875rem; height: 44.625rem; background: url(../images/ho2_2.png) no-repeat center; background-size: contain;}
.home-box2 .bg-box .box2 div{ position: absolute; left: 0; bottom: 0; width: 12.4375rem; height: 24.25rem; background: url(../images/ho2_1.png) no-repeat center; background-size: contain; }
.home-box2 .top-box p{ font-size: 0.875rem; color: #999; }
.home-box2 .top-box i{ width: 3.75rem; margin-top: 1.25rem; }
.home-box2 .top-box i img{ width: 100%; display: block;}
.home-box2 .lower-box{ display: flex; margin-top: 7.5rem; }
.home-box2 .lower-box .f-l,.home-box2 .lower-box .f-r{ width: 50%;}
.home-box2 .lower-box .f-r{ padding-left: 2.5rem;}
.home-box2 .lower-box .f-r a{ width: 100%; height: 31.625rem; float: left; overflow: hidden; position: relative; }
.home-box2 .lower-box .f-r a img{ width: 100%; height: 100%; display: block; object-fit: cover; transition: all .6s; }
.home-box2 .lower-box .f-r a i{ width: 4.8rem; height: 4.8rem; background: url(../images/icon_15.png) no-repeat center; background-size: 1.125rem; position: absolute; left: 50%; top: 50%; margin: -2.4rem 0 0 -2.4rem; z-index: 2; transition: all .6s; }
.home-box2 .lower-box .f-r a i::after{ content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/bg_12.png) no-repeat center; background-size: contain; transition: all .6s; }
.home-box2 .lower-box .f-r a:hover img{ transform: scale(1.1);}
.home-box2 .lower-box .f-r a:hover i::after{ transform: rotate(180deg); }
.home-box2 .lower-box .f-l{ padding-right: 2.5rem; margin-top: -8rem;}
.home-box2 .lower-box .f-l .all-title1{ background-image: url(../images/line_4.png);}
.home-box2 .lower-box .f-l .box-info1{ font-size: 1.125rem; margin-top: 1.5rem; line-height: 2; text-align: justify; }
.home-box2 .lower-box .f-l .box-info2{ margin-top: 3.125rem;}
.home-box2 .lower-box .f-l .box-info2 a{width: 12rem; height: 3.125rem; display: inline-block; line-height: 3.125rem; background: url(../images/bg_23.png) no-repeat center; background-size: 100%; text-align: center; font-size: 1rem; color: #fff;}
.home-box2 .lower-box .f-l .box-info2 a span{ color: #fff; padding-right: 1.25rem; position: relative; }
.home-box2 .lower-box .f-l .box-info2 a span::after{ content: ''; width: 0.8rem; height: 100%; position: absolute; right: 0; top: 0;  background: url(../images/icon_17.png) no-repeat right; background-size: 0.8rem; transition: all .6s; }
.home-box2 .lower-box .f-l .box-info2 a:hover span::after{ transform: rotate(180deg);}
.home-box2 .lower-box .f-l .box-info2 a:hover{ background-image: url(../images/bg_24.png);}

.home-box3{ min-height: 100vh; padding: 13.9375rem 0 16.25rem; position: relative; overflow: hidden; }
.home-box3 .all-title1{ width: 100%; position: absolute; left:0; top: 3.125rem; color: #74663c; }
.home-box3 .bg-box{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.home-box3 .bg-box:first-child{ width: 104%; height: 104%; left: -2%; top: -2%;}
.home-box3 .bg-box .layer{ width: 100%; height: 100%; }
.home-box3 .bg-box .box1 div{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/ho3_1.jpg) no-repeat center; background-size: 100% 100%; z-index: 2;}
.home-box3 .bg-box .box2 div{ position: absolute; left: 0; bottom: 0; width: 100%; height: 94%; background: url(../images/ho3_2.png) no-repeat top; background-size: 100%; z-index: 2;}
.home-box3 .bg-box .box3 div{ position: absolute; left: 0; top: 0; width: 100%; height: 96%; background: url(../images/ho3_3.png) no-repeat center; background-size: auto 44.8125rem; z-index: 2; }
.home-box3 .bg-box .box4 div{ position: absolute; left: 0; bottom: 0; width: 100%; height: calc(100% - 11rem); background: url(../images/ho3_4.png) no-repeat center; background-size: auto 45.875rem; z-index: 2;}
.home-box3 .box-info1{ width: 36.0625rem; height: 36.0625rem; overflow: hidden; position: relative; z-index: 5; }
.home-box3 .box-info1 .box1{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; transform: scale(1.1); transition: all .6s;  }
.home-box3 .box-info1 .box1 img{ width: 100%; height: 100%; display: block; object-fit: cover; transition: all .6s; }
.home-box3 .box-info1 .box1 .center-center{ width: 100%; height: 122px; background: rgba(0,0,0,0.38); color: #fff; position: absolute; left: 0; bottom: 0; }
.home-box3 .box-info1 .box1 .center-center span{ display: block; font-size: 28px;}
.home-box3 .box-info1 .box1 .center-center p{ font-size: 18px; margin-top: 10px; }
.home-box3 .box-info1 .box1.active{ opacity: 1; transform: scale(1); z-index: 2; }
.home-box3 .box-info1 .box1.active:hover img{ transform: scale(1.1);}
.home-box3 .box-info2{ width: 62.5rem; height: 62.5rem; position: absolute; left: 50%; top: 50%; margin: -31.25rem 0 0 -31.25rem; }
.home-box3 .box-info2 .box2-cen{ width: 100%; height: 100%; }
.home-box3 .box-info2 .center-center{ width: 8.0625rem; height: 8.0625rem; background: url(../images/ho3_5.png) no-repeat center; background-size: contain; color: #fff; cursor: pointer; position: absolute; z-index: 3; transition: all .3s; }
.home-box3 .box-info2 .center-center i{ width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; position: absolute; left: 0; top: 0; font-size: 4rem; font-weight: bold; color:rgba(255,255,255,0.15); }
.home-box3 .box-info2 .center-center span{ font-size: 1.5rem; position: relative; z-index: 2; }
.home-box3 .box-info2 .center-center:hover,
.home-box3 .box-info2 .layer.active .center-center{ background-image: url(../images/ho3_5_1.png); transform: scale(1.1); }
.home-box3 .box-info2 .layer:nth-child(6),
.home-box3 .box-info2 .layer:nth-child(7),
.home-box3 .box-info2 .layer:nth-child(8),
.home-box3 .box-info2 .layer:nth-child(9){ right: 0;}
.home-box3 .box-info2 .layer:nth-child(1) .center-center{ left: 1.5rem; top: 9rem; }
.home-box3 .box-info2 .layer:nth-child(2) .center-center{ left: -4.5rem; top: 22rem; }
.home-box3 .box-info2 .layer:nth-child(3) .center-center{ left: -3.5rem; top: 35rem; }
.home-box3 .box-info2 .layer:nth-child(4) .center-center{ left: 4rem; top: 48rem; }
.home-box3 .box-info2 .layer:nth-child(5) .center-center{ left: 27.25rem; top: 55.5rem; }
.home-box3 .box-info2 .layer:nth-child(6) .center-center{ right: 4rem; top: 48rem; }
.home-box3 .box-info2 .layer:nth-child(7) .center-center{ right: -3.5rem; top: 35rem; }
.home-box3 .box-info2 .layer:nth-child(8) .center-center{ right: -4.5rem; top: 22rem; }
.home-box3 .box-info2 .layer:nth-child(9) .center-center{ right: 1.5rem; top: 9rem; }
.home-box3 .box-info3{ width: 100%; }
.home-box3 .box-info3 .btns{ width: 11.25rem; height: 5.875rem; position: absolute; top: 50%; left: 8.75rem; z-index: 4; margin-top: -2.9375rem; cursor: pointer; }
.home-box3 .box-info3 .btns::after{ content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/icon_jt8.png) no-repeat left; background-size: auto 100%;  }
.home-box3 .box-info3 .btns.style2{ left: auto; right: 8.75rem }
.home-box3 .box-info3 .btns.style2::after{ transform: rotate(180deg);}

.home-box3 .bg-box.wow .box5 div{ transition: all 1s ease 0s; opacity: 0; transform: translate(0,3rem); }
.home-box3 .bg-box.wow .box3 div{ transition: all 2s ease .8s; transform: scale(0.5); opacity: 0; }
.home-box3 .bg-box.wow .box4 div{ transition: all 2s ease 1.6s; transform: scale(0.5); opacity: 0; }
.home-box3 .bg-box.wow.animated .box3 div,
.home-box3 .bg-box.wow.animated .box4 div,
.home-box3 .bg-box.wow.animated .box5 div{ opacity: 1; transform: scale(1); transform: translate(0,0); }
.home-box3 .w-90 .wow .box-info1{ transition: all 2s ease 2.4s; transform: scale(0.5); opacity: 0; }
.home-box3 .w-90 .wow .box-info2 .box2-cen{ transition: all 2s ease 3s; transform: scale(0.5); opacity: 0; }

.home-box3 .w-90 .wow.animated .box-info1{ opacity: 1; transform: scale(1);}
.home-box3 .w-90 .wow.animated .box-info2 .box2-cen{ opacity: 1; transform: scale(1);}

.home-box4{ padding: 6.25rem 0 3.375rem; position: relative; overflow: hidden; }
.home-box4 .bg-box{ width: 106%; height: 106%; position: absolute; left: -3%; top: -3%; }
.home-box4 .bg-box .layer{ width: 100%; height: 100%; }
.home-box4 .bg-box .box1 div{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/ho4_1.png) no-repeat center; background-size: 100% 100%; z-index: 2;}
.home-box4 .bg-box .box2 div{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/ho4_2.png) no-repeat center; background-size: 100% 100%;}
.home-box4 .w-90{ position: relative; z-index: 3;}
.home-box4 .all-title1{ color: #74663c;}
.home-box4 .center-block{ margin-top: 6.25rem;}
.home-box4 .center-block .f-l{ width: 44rem; }
.home-box4 .center-block .f-l .imgs{ height: 26.6875rem; overflow: hidden; }
.home-box4 .center-block .f-l .imgs img{ width: 100%; height: 100%; display: block; object-fit: cover; transition: all .6s;  }
.home-box4 .center-block .f-l .info{ padding: 1.375rem; background: url(../images/bg_14.jpg) center; color: #fff;}
.home-box4 .center-block .f-l .info span{ display: block; font-size: 1.375rem; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.home-box4 .center-block .f-l .info p{ font-size: 1.125rem; line-height: 1.8; margin-top: 0.875rem; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 4rem; }
.home-box4 .center-block .f-l .info i{ display: block; font-size: 1rem; margin-top: 0.875rem;}
.home-box4 .center-block .f-l:hover .imgs img{ transform: scale(1.1);}
.home-box4 .center-block .f-r{ width: 100%; flex: 1;}
.home-box4 .center-block .f-r ul{ display: grid; grid-template-columns: repeat(2,1fr);}
.home-box4 .center-block .f-r ul li{ height: 38.3125rem; padding: 3.5rem 0 0 4.0625rem; border-left: 1px solid #ddd; margin-left: 3.375rem; }
.home-box4 .center-block .f-r ul li a{ width: 100%; float: left; }
.home-box4 .center-block .f-r ul li .box1 span{ display: block; font-size: 1rem; color: #999; }
.home-box4 .center-block .f-r ul li .box1 p{ font-size: 1.5rem; color: #9d1724; margin-top: 0.5rem;  }
.home-box4 .center-block .f-r ul li .box2{ height: 4rem; font-size: 1.25rem; line-height: 1.6; margin-top: 1.5rem; color: #333; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; transition: all .6s; }
.home-box4 .center-block .f-r ul li .box3{ font-size: 1rem; color: #999; margin-top: 2rem; }
.home-box4 .center-block .f-r ul li .box4{ height: 17.875rem; overflow: hidden; margin-top: 1.5rem; }
.home-box4 .center-block .f-r ul li .box4 img{ width: 100%; height: 100%; display: block; object-fit: cover; transition: all .6s; }
.home-box4 .center-block .f-r ul li:hover .box2{ color: #c4b17a;}
.home-box4 .center-block .f-r ul li:hover .box4 img{ transform: scale(1.1);}
.home-box4 .box-info2{ margin-top: 4.6875rem; }
.home-box4 .box-info2 a{width: 12rem; height: 3.125rem; display: inline-block; line-height: 3.125rem; background: url(../images/bg_24.png) no-repeat center; background-size: 100%; text-align: center; font-size: 1rem; color: #fff;}
.home-box4 .box-info2 a span{ color: #fff; padding-right: 1.25rem; position: relative; }
.home-box4 .box-info2 a span::after{ content: ''; width: 0.8rem; height: 100%; position: absolute; right: 0; top: 0;  background: url(../images/icon_17.png) no-repeat right; background-size: 0.8rem; transition: all .6s; }
.home-box4 .box-info2 a:hover span::after{ transform: rotate(180deg);}
.home-box4 .box-info2 a:hover{ background-image: url(../images/bg_23.png);}

.page-menu-lv3 {
    margin-top: 2.5rem;
}

.page-menu-lv3 .between-center {
    gap: 2.5rem;
}

.page-menu-lv3 a {
    display: inline-block;
    position: relative;
    padding: 0 1.25rem;
}

.page-menu-lv3 a span {
    min-width: 7.5rem;
    text-align: center;
    display: block;
    background: url(../images/line_5_2.png) repeat-x;
    background-size: auto 100%;
    line-height: 3.375rem;
    font-size: 1.125rem;
    color: #c4b17a;
    transition: all .6s;
}

.page-menu-lv3 a::after {
    content: '';
    width: 1.25rem;
    height: 100%;
    background: url(../images/line_5_1.png) no-repeat left; 
    background-size: auto 100%;
    position: absolute;
    left: 0;
    top: 0;
    transition: all .6s;
}

.page-menu-lv3 a::before {
    content: '';
    width: 1.25rem;
    height: 100%;
    background: url(../images/line_5_3.png) no-repeat right;
    background-size: auto 100%;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .6s;
}

.page-menu-lv3 a:hover span,.page-menu-lv3 a.active span {
    color: #9d1724;
    background-image: url(../images/line_6_2.png);
}

.page-menu-lv3 a:hover::after,.page-menu-lv3 a.active::after {
    background-image: url(../images/line_6_1.png);
}

.page-menu-lv3 a:hover::before,.page-menu-lv3 a.active::before {
    background-image: url(../images/line_6_3.png);
}

/* 屏幕分辨率放大为 125 */
@media (-webkit-min-device-pixel-ratio: 1.25) {
  /* html,body {zoom:0.9} */
}
/* 屏幕分辨率放大为 150 */
@media (-webkit-min-device-pixel-ratio: 1.5) {
  /* html,body {zoom:0.8} */
}

/* 小于等于多少高度的样式 */
@media screen and (max-height:700px){
  
}
@media screen and (max-height:600px){
  
}
/* 小于等于多少宽度的样式 */
@media screen and (max-width:1800px){
  body,html{ font-size: calc(100vw / 120);}
}
@media screen and (max-width:1440px){
	/* body,html{ font-size: calc(100vw / 100);} */
}
@media screen and (max-width:1366px){
}
@media screen and (max-width:1200px){
}
@media screen and (max-width:1180px){
}
@media screen and (max-width:1024px){
  html,body{ font-size: 78%;}
  .pc{
    display:none;
  }
  .app{
     display:block;
  }
  .w-90{ width: 90% !important;}
  .w-900,.w-1100,.w-1200,.w-1400,.w-1600,.w-1300,.w-1500{ width:90% !important;}
  .div-pc{ display: none;}
  .div-phone{ display: block;}
	.fanye-box{ padding: 1.5rem 0 0;}
	.fanye-box a,.fanye-box span{ width: 2.3rem; height: 2.3rem; line-height: 2.5rem; margin: 0 0.2rem;}
  .fanye-box .prev, .fanye-box .next{ width: 3rem; height: 3rem; background-size: 1rem; }
  .fanye-box a::before, .fanye-box span::before{ display: none;}
  .fanye-box a:hover, .fanye-box a.curr, .fanye-box a.current, .fanye-box span:hover, .fanye-box span.curr, .fanye-box span.current{ color: #9d1724;}
  
  .head-box,.head-box .f-r{ height: 5.1rem;}
  .head-box .head-menu{ display: none;}
  .head-box .logo{ width: 5rem;}
  .head-btn{ width:5.1rem; height:5.1rem; margin-right:-5vw; margin-left: 2rem; background-color:#c4b17a; border: none; background-image: url(../images/icon_2.png) !important; }

  .head-map .box-info1{ display: block;}
  .head-map .box-info1 .logo{ width: 5rem;}
  .head-map .box-info2{ width: 2.75rem; height: 2.75rem; position: absolute; right: 5%; top: 1.1rem; margin-top: 0; }
  .head-map .box-info3 ul{ padding: 0; display: block; overflow: auto; height: calc(100vh - 9rem); }
  .head-map .box-info3 ul::-webkit-scrollbar{ display: none;}
  .head-map .box-info3 ul li{ text-align: left; border-bottom: 1px dashed #C4B17A; padding: 1.5rem 0; }
  .head-map .box-info3 ul li span{ background: none; padding: 0;}
  .head-map .box-info3 ul li span::after{ content: ''; width: 1.8125rem; height: 100%; background: url(../images/icon_jt1.png) no-repeat center; background-size: 100%; position: absolute; right: 0; top: 0; transition: all .6s; }
  .head-map .box-info3 ul li span a{ padding: 0; font-size: 1.25rem; }
  .head-map .box-info3 ul li span a::after,
  .head-map .box-info3 ul li span a::before{ display: none;}
  .head-map .box-info3 ul li .lv2-menu{ margin-top: 0; display: none; }
  .head-map .box-info3 ul li .lv2-menu div{ display: grid; gap: 1.5rem; grid-template-columns: repeat(2,1fr); padding: 1.5rem 1.5rem 0.5rem; }
  .head-map .box-info3 ul li .lv2-menu a{ position: relative; }
  .head-map .box-info3 ul li .lv2-menu a{ display: inline-block; position: relative; padding: 0 1.25rem; margin: 0; }
  .head-map .box-info3 ul li .lv2-menu a p{ min-width: 7.5rem; text-align: center; display: block; background: url(../images/line_5_2.png) repeat-x; background-size: auto 100%; line-height: 3.375rem; font-size: 1.125rem; color: #c4b17a; transition: all .6s; }
  .head-map .box-info3 ul li .lv2-menu a::after{ content: ''; width: 1.25rem; height: 100%; background: url(../images/line_5_1.png) no-repeat left; background-size: auto 100%; position: absolute; left: 0; top: 0; transition: all .6s; }
  .head-map .box-info3 ul li .lv2-menu a::before{ content: ''; width: 1.25rem; height: 100%; background: url(../images/line_5_3.png) no-repeat right; background-size: auto 100%; position: absolute; right: 0; top: 0; transition: all .6s; }
  .head-map .box-info3 ul li .lv2-menu a.active p{ color: #9d1724; background-image: url(../images/line_6_2.png); }
  .head-map .box-info3 ul li .lv2-menu a.active::after{ background-image: url(../images/line_6_1.png); }
  .head-map .box-info3 ul li .lv2-menu a.active::before{ background-image: url(../images/line_6_3.png); }
  
  .head-map .box-info3 ul li span.active::after{ transform: rotate(180deg);}
  
  .page-banner{ height: 20rem; background-size: 57rem;}
  .page-banner .box1{ width: 12rem; font-size: 1.5rem; background-size: contain; }
  
  .page-menu em{ }
  .page-menu .w-90{ overflow: auto; display: flex;}
  .page-menu .w-90::-webkit-scrollbar{ display: none;}
  .page-menu a{ flex-shrink: 0; padding: 0 1rem; }
  .page-menu a.active{ padding: 0 2.3rem;}
  .page-menu a+a{ margin-left: 1.8rem;}
  
  .search-box{ padding: 1.5rem 0;}
  .search-box1{ padding: 1rem; flex-direction: column; gap: 1rem; }
  .search-box1 .box1{ padding: 0 0.8rem;}
  .search-box1 .box1::after,
  .search-box1 .box1::before{ width: 0.8rem;}
  .search-box1 .box1 input{ height: 3rem;}
  .search-box1 .box2 input{ width: 100%; height: 3rem;}
  
  .search-box2 ul li a .box-info1{ padding: 0; border: none; height: auto;}
  .search-box2 ul li a .box-info1 i{ display: none;}
  .search-box2 ul li a .box-info1 p{ position: absolute; right: 1rem; bottom: 1.8rem;}
  .search-box2 ul li a{ flex-direction: column-reverse; padding: 1rem 0;}
  .search-box2 ul li a .box-info2{ padding: 0;}
  .search-box2 ul li a .box-info3{ width: 100%; height: 15rem; margin: 0 0 1rem;}
  .search-box2 ul li a .box-info2 .box2{ margin-top: 0.5rem; height: 4.6rem; }
  
  .search-box2.style2 ul li .box-info2 .box2{ margin-top: 1rem;}
  .search-box2.style2 ul li .box-info2 .box4 span{ margin-top: 1rem;}
  
  .foot-box{ padding: 1.5rem 0;}
  .foot-box .top-box .f-l{ display: none;}
  .foot-box .top-box .f-r{ gap: 1rem;}
  .foot-box .top-box .f-r .box-info1{ width: 50%;}
  .foot-box .top-box .f-r .box-info1 .box3{ gap: 1rem; white-space: nowrap;}
  .foot-box .top-box .f-r .box-info1 .box2 p{ font-size: 1.125rem; margin-top: .5rem; }
  .foot-box .lower-box{ margin-top: 1.5rem;}
  
  .news-info1{ padding-bottom: 1.5rem;}
  .news-info1 .f-l,.news-info1 .f-r{ width: 100%;}
  .news-info1 .f-l .box-info1 .box1{ font-size: 1.8rem;}
  .news-info1 .f-l .box-info1 .box2{ padding: 1rem 0;}
  .news-info1 .f-l .box-info1 .box3{ font-size: 1rem; padding: 1rem 0 0;}
  .news-info1 .f-l .box-info2{ flex-direction: column; gap: 1.5rem;}
  .news-info1 .f-l .box-info2 a{ box-shadow: 0 0.5rem 0.5rem rgba(0,0,0,0.1);}
  
  .news-info1 .f-r{ margin-top: 1.5rem;}
  .news-info1 .f-r .box-info2{ display: none; }
  
  .all-title1{ font-size: 1.6rem;}
  
  .product-box1{ padding: 1.5rem 0;}
  .product-box1 .box-info2,.product-box1 .box-info3{ margin-top: 1.5rem;}
  .product-box1 .box-info3 .center-center{ font-size: 1.3rem; height: 4.8rem;}
  .product-box1 .box-info3 .center-center i{ font-size: 2rem;}
  
  .list-box1{ padding-bottom: 1.5rem;}
  .list-box1 .box-info1{ margin-top: 1.5rem; padding-left: 3rem; }
  .list-box1 .box-info2 ul{ grid-template-columns: repeat(1,1fr); margin-top: 1rem; gap: 1.2rem;}
  .list-box1 .box-info2 ul li .box1{ height: 17rem;}
  .list-box1 .box-info2 ul li .box3{ padding-bottom: 0.5rem;}
  
  .list-box2{ padding: 1.5rem 0;}
  .list-box2 ul{ grid-template-columns: repeat(2,1fr); gap: 0.5rem; }
  .list-box2 ul li{ height: 18rem;}
  .list-box2 ul li a{ padding: 1.4rem;}
  .list-box2 ul li a .center-center{ padding: 0;}
  .list-box2 ul li a .center-center .box1{ margin-top: 0;}
  .list-box2 ul li a .center-center .box2,.list-box2 ul li a .center-center .box3{ display: none;}
  
  .list-box3{ padding: 1.5rem 0;}
  .list-box3 .top-box{ padding: 1.5rem; display: block; background: none; border: 1px solid #453A19; }
  .list-box3 .top-box .f-l{ width: 100% !important; height: 15rem;}
  .list-box3 .top-box .f-r{ padding: 0 !important; margin-top: 1rem;}
  .list-box3 .top-box .f-r .box1{ padding: 0 2rem;}
  .list-box3 .top-box .f-r .box1 span{ font-size: 1.3rem; padding-bottom: 1rem;}
  .list-box3 .top-box .f-r .box1 span::before,
  .list-box3 .top-box .f-r .box1 span::after{ width: 4rem; background-position: bottom;}
  .list-box3 .top-box .f-r .box1 span::before{ left: -4rem;}
  .list-box3 .top-box .f-r .box1 span::after{ right: -4rem}
  .list-box3 .top-box .f-r .box2{ font-size: 1rem; line-height: 1.6; }
  .list-box3 .top-box .f-r .box3{ margin-top: 1rem;}
  .list-box3 .top-box.style2 .f-r .box2{ min-height: initial;}
  .list-box3 .top-box.style2 .f-r .box4{ margin-top: 0.5rem;}
  
  .list-box3 .lower-box ul{ grid-template-columns: repeat(1,1fr); gap: 1.5rem; margin-top: 1.5rem;}
  .list-box3 .lower-box ul li a .info::before,
  .list-box3 .lower-box ul li a .info .box1::after{ opacity: 1;}
  .list-box3 .lower-box ul li a .info .box1{ color: #fff; font-size: 1.3rem; }
  .list-box3 .lower-box ul li a .info .box2{ height: 5.5rem; opacity: 1; margin-top: 1rem; color: #fff;}
  .list-box3 .lower-box ul li a .info .box3{ color: #fff; font-size: 1rem; }
  .list-box3 .lower-box ul li a .info .box3 i{ width: 2.5rem; height: 2.5rem; background-image: url(../images/icon_jt5.png); margin-top: 0.5rem; }
  
  .product-box2{ padding: 1.5rem 0;}
  .product-box2 .box-info1 ul{ margin-top: 1.5rem; grid-template-columns: repeat(1,1fr); gap: 1.5rem; }
  .product-box2 .box-info1 ul li a .imgs{ height: 13rem;}
  .product-box2 .box-info1 ul li a .info{ padding: 1rem 1.5rem;}
  .product-box2 .box-info1 ul li a .info span{ font-size: 1.5rem; padding-bottom: 1.2rem; }
  .product-box2 .box-info1 ul li a .info p{ margin-top: 1rem;}
  
  .product-box3 .f-l{ width: 100%; padding: 1.5rem 0;}
  .product-box3 .f-l .box-info1{ margin-top: 2.5rem;}
  .product-box3 .f-l .box-info1 p:first-child img{ margin: 0 0 1rem; width: 100%; display: block; object-fit: contain; height: 1.9rem; }
  
  .myddc-box{ padding: 1.5rem 0;}
  .myddc-box .center-block .box-info3{ overflow: auto; padding: 0; margin-top: 1.5rem; }
  .myddc-box .center-block{ padding: 1.5rem;}
  .myddc-box .center-block .box-info1{ font-size: 1.8rem;}
  .myddc-box .center-block .box-info2,.myddc-box .center-block .box-info4{ margin-top: 1rem;}
  
  .search-box3 ul{ grid-template-columns: repeat(1,1fr); gap: 1.5rem;}
  .search-box3 ul li a .imgs{ height: 16rem;}
  .search-box3 ul li a .info{ padding: 1rem;}
  .search-box3 ul li a .info p{ font-size: 1.25rem;}
  .search-box3 ul li a .info i{ margin-top: 1rem;}
  
  .search-box2.style3 ul li a{ padding: 1rem;}
  .search-box2.style3 ul li a .box-info1{ margin: 0 1rem 0 0;}
  
  .search-box4 .center-block{ padding: 1.5rem;}
  .search-box4 .center-block .between-center{ display: block;}
  .search-box4 .center-block .box2 input{ width: 100%; font-size: 1.3rem; height: 3.5rem; }
  .search-box4 .center-block .box0{ font-size: 1.5rem; padding-bottom: 1.5rem;}
  .search-box4 .center-block .box1{ margin-bottom: 1.5rem;}
  .search-box4 .center-block .box1 span{ font-size: 1.1rem; background-size: 1.5rem; line-height: 3rem; }
  .search-box4 .center-block .box1 input{ height: 3rem; padding: 0 1.5rem; font-size: 1.1rem;}
  .search-box4 .center-block .box1 textarea{ height: 15rem; padding: 1.2rem 1.5rem; font-size: 1.1rem; }
  .search-box4 .center-block .box1 img{ width: 5rem; height: 3rem;}
  .search-box4.style2{ padding-top: 1rem;}
  .search-box4.style2 .center-block .box1 span{ width: 7rem;}
  .search-box4.style2 .center-block .box2{ margin-top: -1.5rem;}
  
  .product-box4{ padding: 1.5rem 0;}
  .product-box4 .f-l{ width: 100%;}
  .product-box4 .f-l .box-info1{ margin-top: 1.5rem; line-height: 1.6; }
  
  .zxyd-box1{ padding: 1.5rem 0;}
  .zxyd-box1 ul{ grid-template-columns: repeat(1,1fr); gap: 1.5rem; }
  .zxyd-box1 ul li a .imgs{ height: 18rem;}
  .zxyd-box1 ul li a .imgs div{ width: 90%; height: 14rem; border-radius: 3.125rem; }
  .zxyd-box1 ul li a .info{ font-size: 1.6rem; margin-top: 0.5rem; }
  
  .zxyd-box2{ padding: 1.5rem 0;}
  .zxyd-box2 ul{ gap: 1.5rem;}
  .zxyd-box2 ul li a p{ font-size: 2rem;}
  
  .zthd-info{ padding: 1.5rem 0;}
  .zthd-info .top-box{ padding-bottom: 1.8rem;}
  .zthd-info .top-box::after{ width: 70%;}
  .zthd-info .lower-box{ margin-top: 1.8rem; font-size: 1rem; line-height: 1.6; }
  
  .zthd-box{ padding: 1.5rem 0 2rem;}
  .zthd-box .center-block .swiper .swiper-button-next,
  .zthd-box .center-block .swiper .swiper-button-prev{ display: none;}
  .zthd-box .center-block .swiper .swiper-slide{ width: 82%; background: none; padding: 0 0.5rem; }
  .zthd-box .center-block .swiper .swiper-slide .box1{ height: 17rem;}
  .zthd-box .center-block .swiper .swiper-slide .box2 span{ padding-bottom: 1.8rem;}
  .zthd-box .center-block .swiper .swiper-slide .box2 p{ margin-top: 1.8rem;}
  .zthd-box .center-block .swiper .swiper-slide .box3{ margin-top: 1.5rem;}
  
  .product-box5{ padding: 1.5rem 0;}
  .product-box5 .f-l{ display: none;}
  .product-box5 .f-r{ width: 100%; position: initial; padding: 0 5%; }
  
  .product-box5 .f-r .swiper-button-next,
  .product-box5 .f-r .swiper-button-prev{ display: none;}
  .product-box5 .f-r .swiper .swiper-slide .box-info2{ margin-top: 1rem; line-height: 1.6; }
  .product-box5 .f-r .swiper .swiper-slide .box-info1 span{ font-size: 1.2rem;}
  
  .home-box2{ padding: 1.5rem 0;}
  .home-box2::before,.home-box2::after{ display: none;}
  .home-box2 .lower-box{ margin-top: 1.5rem; display: block;}
  .home-box2 .lower-box .f-l{ margin-top: 0;}
  .home-box2 .lower-box .f-l,.home-box2 .lower-box .f-r{ width: 100%; padding: 0;}
  .home-box2 .lower-box .f-l .box-info2{ margin-top: 1.5rem;}
  .home-box2 .lower-box .f-r a{ height: 16rem; margin-top: 1.5rem;}
  .home-box2 .bg-box .box1 div{ width: 50%; height: 16rem; top: 0; right: 0; }
  
  .home-box3{ min-height: auto; padding: 10rem 0 5rem; }
  .home-box3 .box-info1{ width: 20rem; height: 20rem; }
  .home-box3 .box-info3 .btns{ left: 2.5%; width: 3rem; height: 5rem; margin-top: -0.2rem; }
  .home-box3 .box-info3 .btns.style2{ right: 2.5%; }
  .home-box3 .box-info2{ display: none;}
  .home-box3 .bg-box .box3 div{ background-size: auto 25rem; bottom: 0; top: auto; height: 87%; }
  .home-box3 .bg-box.wow{ z-index: 2;}
  .home-box3 .bg-box .layer{ position: absolute; left: 0; top: 0;}
  .home-box3 .w-90{ position: relative; z-index: 3;}
  .home-box3 .bg-box .box2 div{ background-position: bottom;}
  .home-box3 .all-title1{ top: 2rem;}
  
  .home-box4{ padding: 1.5rem 0;}
  .home-box4 .center-block{ margin-top: 1.5rem; display: block;}
  .home-box4 .center-block .f-l{ width: 100%;}
  .home-box4 .center-block .f-l .imgs{ height: 16rem;}
  .home-box4 .center-block .f-l .info p{ line-height: 1.4; height: auto; margin-top: 0.5rem; }
  .home-box4 .center-block .f-l .info i{ margin-top: 0.5rem;}
  .home-box4 .center-block .f-r ul{ grid-template-columns: repeat(1,1fr); }
  .home-box4 .center-block .f-r ul li{ height: auto; border-left: none; border-top: 1px solid #ddd; margin: 1.5rem 0 0; padding: 1.5rem 0 0; }
  .home-box4 .center-block .f-r ul li .box2{ height: auto; margin-top: 0.5rem; }
  .home-box4 .center-block .f-r ul li .box3{ margin-top: 0.5rem;}
  .home-box4 .center-block .f-r ul li .box4{ margin-top: 1rem; height: 16rem; }
  .home-box4 .box-info2{ margin-top: 1.5rem;}
  .page-menu-lv3{ margin-top: 1.5rem;}
  .page-menu-lv3 .between-center{ width: 100%; gap: 1rem; display: grid; grid-template-columns: repeat(3,1fr); }
  .page-menu-lv3 a span{ font-size: 1rem; min-width: initial; line-height: initial; height: 3.375rem; display: flex; align-items: center; justify-content: center; }
  .product-box5 .f-r .swiper .swiper-wrapper{ flex-direction: column; background: #fff; border-radius: 0.5rem; padding: 1rem; box-sizing: border-box; gap: 2rem; }
  .product-box5 .f-r .swiper .swiper-wrapper::after{ content: ''; width: 1px; height: calc(100% - 4rem); background: #c4b17a; position: absolute; left: 1rem; top: 3rem; }
  .product-box5 .f-r .swiper .swiper-slide{ padding-left: 1rem;}
  .product-box5 .f-r .swiper .swiper-slide .box-info1{ display: block; position: relative; }
  .product-box5 .f-r .swiper .swiper-slide .box-info1::after{ content: ''; width: 0.8rem; height: 0.8rem; background: #c4b17a; border-radius: 100%; position: absolute; left: -1.4rem; top: 50%; margin-top: -0.4rem; }
  

}
@media screen and (max-width:768px){
}
@media screen and (max-width:480px){
}
@media screen and (max-width:365px){
}