@charset "utf-8";
/* CSS Author WeChat:iGAME_Max */
/*公用代码*/
body,html{background:none repeat scroll 0 0; font:calc(100vw / 120) arial; color:#333; font-family: "Arial";}
::-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:#37A465;}
::-webkit-scrollbar-corner       {/* 6 */background-color:#333;}
::-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 #37A465;background: #37A465; 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: #37A465;}
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: 93%; margin: auto;}
.w-100{width:100%; float: left;}
.w-900{margin:auto; width: 61.875rem;}
.w-1100{margin:auto; width: 69.4375rem;}
.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: 95rem;}
.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; }

.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: #111111; position: absolute;
	transition: all .6s ease .1s;
	-webkit-transition: all .6s ease .1s;
	-moz-transition: all .6s ease .1s;
}
.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: #111;}
/*隐藏*/
.overHide{ overflow: hidden;}

.fanye-box{ text-align: center; padding: 3rem 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.5rem; height: 2.5rem; line-height: 2.5rem; font-size: 1.125rem; margin: auto; border-radius: 0; margin: 0 0.5rem; border-radius: 100%;}
.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: #37A465;}
.fanye-box .prev,.fanye-box .next{ border: 1px dashed #C9D1D1; line-height: 2.3rem; font-size: 1.4rem; }
.fanye-box .prev:hover,.fanye-box .next:hover{ background: #37A465; border-color: #37A465; color: #fff; }

.all-center-box{ width: 100%; float: left; position: relative; min-height: 70vh; padding-top: 5rem; }
.all-center-box::before{ content: ''; width: 100%;}
/* .all-center-box.active{ margin-top: 4.875rem;} */
.all-center-box>.w-1300{ display: flow-root;}

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

.goTop{ width: 6.25rem; height: 6.25rem; background-color: #37A465; 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); }
}

.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; }

.loading-box{ width: 100%; height: 100%; background: #fff; position: fixed; left: 0; top: 0; z-index: 999; transform-origin: center bottom; display: none; }
.loading-box.active{transition: transform 875ms cubic-bezier(0.8, 0, 0.15, 1); transform: scale(1, 0);}

.head-box{ width: 100%; position: fixed; left: 0; top: 0; z-index: 99; background: #fff; transition: all .6s; border-bottom: 1px solid rgba(230,230,230,0.2); padding: 0 3.75rem; }
.head-box .f-l,.head-box .f-r{ width: 17rem; height: 5rem; display: flex; position: relative; }
.head-box .f-l{ align-items: center; }
.head-box .f-l img{ height: 3rem; }
.head-box .f-r{ align-items: center; z-index: 3; }
.head-box .f-c>ul{ display: flex;}
.head-box .f-c>ul>li{ position: relative;  transition: all .3s;}
.head-box .f-c>ul>li span a{ position: relative; display: block; line-height: 5rem; color: #333; font-size: 1rem; padding: 0 2rem; }
.head-box .f-c>ul>li.menu span a::after{ content: ''; width: 0.8125rem; height: 100%; position: absolute; right: 0.8rem; top: 0; background: url(../images/icon_2.png) no-repeat center; background-size: 100%; transition: all .5s;}
.head-box .f-c>ul>li::after{ content: ''; width: 0; height: 0.1875rem; background: #37A465; position: absolute; left: 50%; bottom: 0; transition: all .3s; }
.head-box .f-c>ul>li .lv2-menu{ width: 100%; position: absolute; left: 0; top: 80%; padding: 1.875rem 0.5rem; text-align: center; border: 1px solid #e6e6e6; background: #fff; opacity: 0; transition: all .3s; pointer-events: none; }
.head-box .f-c>ul>li .lv2-menu a{ display: block;}
.head-box .f-c>ul>li .lv2-menu a+a{ margin-top: 1.5rem;}
.head-box ul li.active span a,
.head-box .f-c>ul>li .lv2-menu a.active{ color: #37A465; font-weight: bold;}
@media screen and (min-width:1024px){
  .head-box .f-c>ul:hover>li span a{ padding: 0 3rem;}
  .head-box .f-c>ul>li:hover .lv2-menu{ top: 100%; opacity: 1; pointer-events: auto;}
  .head-box .f-c>ul:hover>li.menu span a::after{ right: 1.8rem;}
  .head-box .f-c>ul>li:hover::after,
  .head-box .f-c>ul>li.active::after{ width: 100%; left: 0; }
  .head-box:hover{ border-color: rgba(230,230,230,1);}
  .head-box ul li:hover span a{ color: #37A465;}
}

.head-box.active{ background: #fff; box-shadow: 0 0 1rem rgba(0,0,0,0.05);}

.head-box .head-search{ width: 100%; border: 1px solid #DBDBDB; border-radius: 50px; padding: 0 1rem; }
.head-box .head-search .text{ width: 100%; flex: 1; height: 2.75rem; border: none; font-size: 1rem; }
.head-box .head-search .btns{ width: 1.25rem; height: 1.25rem; background: url(../images/icon_1.png) no-repeat center; background-size: 100%; border: none; cursor: pointer; }

.products-menu{ width: 100%; position: fixed; left: 0; top: 5rem; z-index: 98; background: #fff; white-space: nowrap; border-bottom: 1px solid #e6e6e6; opacity: 0; pointer-events: none; transition: opacity .6s; }
.products-menu.active{ opacity: 1; pointer-events: auto;}
.products-menu:before{ content: ''; width: 100%; height: 2.5rem; position: absolute; left: 0; top: 0; background: linear-gradient(0deg,rgba(0,0,0,0),rgba(0,0,0,0.05)); pointer-events: none; }
.products-menu .menus{ height: 100%; padding: 2.25rem 0; background: #F4FAF8; float: left; position: relative; border-right: 1px solid #e6e6e6;}
.products-menu .menus li{ display: block;}
.products-menu .menus li a{ display: block; line-height: 4.125rem; padding: 0 5rem 0 12.375rem ;}
.products-menu .menus li .submenu{ min-height: 100%; position: absolute; left: 100%; top: 0; padding: 2.25rem 0; opacity: 0; pointer-events: none; border-right: 1px solid #e6e6e6;}
.products-menu .menus li .submenu li a{ padding: 0 5rem;}

.products-menu .menus li .submenu>li .sub-submenu{ min-height: 100%; position: absolute; left: 100%; top: 0; padding: 2.25rem 0; opacity: 0; pointer-events: none;}

@media screen and (min-width:1024px){
.products-menu .menus>li>a:hover,
.products-menu .menus>li:hover>a{ background: #37A465; color: #fff;}
.products-menu .menus li .submenu>li>a:hover,
.products-menu .menus li .submenu>li:hover>a{ background: #EAF3F0; color: #37A465;}
.products-menu .menus>li:hover .submenu,
.products-menu .menus li .submenu>li:hover .sub-submenu{ opacity: 1; pointer-events: auto;}
}

.home-box1{ height: 50rem; overflow: hidden; position: relative; }
.home-box1 .swiper{ height: 100%; position: relative;}
.home-box1 .swiper::after{ content: ''; width: 100%; height: 40%; background: linear-gradient(0deg,rgba(0,0,0,0.3),rgba(0,0,0,0)); position: absolute; left: 0; bottom: 0; z-index: 2; pointer-events: none; }
.home-box1 .swiper .swiper-slide{ overflow: hidden;}
.home-box1 .swiper .swiper-slide .slide-inner{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-size: cover; background-position: center; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; color:#fff;}
.home-box1 .swiper .swiper-slide .box1,.home-box1 .swiper .swiper-slide .box2{ max-width: 93.75rem; text-align: center; position: relative; z-index: 2; color: #fff; }
.home-box1 .swiper .swiper-slide .box1{ font-size: 6.25rem; font-weight: bold; }
.home-box1 .swiper .swiper-slide .box2{ font-size: 2rem;}
.home-box1 .swiper .swiper-pagination{ width: auto; left: auto; right: 3rem; bottom: 2.5rem; }
.home-box1 .swiper .swiper-pagination .swiper-pagination-bullet{ background: none; opacity: 1; color: #fff; font-size: 1.0625rem; text-align: center; position: relative; height: auto; font-weight: bold; padding: 0 0.625rem; width: auto; transition: all .6s; }
.home-box1 .swiper .swiper-pagination .swiper-pagination-bullet::after{ content: ''; width: 0; height: 2px; position: absolute; right: 0; top: 50%; margin-top: -1px; background: #fff; transition: all .6s; }
.home-box1 .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ padding-right: 7.5rem;}
.home-box1 .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after{ width: 6.875rem;}
.home-box1 .box-info1{ position: absolute; left: 50%; bottom: 0; transform: translate(-50%,0); z-index: 10; color: #fff; padding-bottom: 5.625rem;}
.home-box1 .box-info1 p{ font-size: 0.8125rem; text-transform: uppercase; }
.home-box1 .box-info1 i{ width: 2px; height: 5rem; background: rgba(255,255,255,0.3); position: absolute; left: 50%; bottom: 0; margin-left: -1px;}
.home-box1 .box-info1 i::after{ content: ''; width: 2px; position: absolute; left: 0; top: 0; height: 1.875rem; background: #fff;  animation: upDown2 1.2s infinite linear;}

@keyframes upDown2{
  0%{ transform: translateY(0rem) }
  50%{ transform: translateY(3.125rem) }
  100%{ transform: translateY(0rem) }
}

@font-face {
  font-family: 'ztys1';
  src: url(fonts/AlibabaPuHuiTi-2-105-Heavy.ttf);
}

.home-box2{ padding: 6.125rem 0; }
.home-box2 .box-info1{ text-align: center;}
.home-box2 .box-info1 span{ display: block; font-size: 2.75rem; font-weight: bold; text-transform: uppercase; font-family: 'ztys1'; }
.home-box2 .box-info1 p{ font-size: 1.0625rem; margin-top: 0.5rem; color:#666; }
.home-box2 .box-info2 ul{ display: grid; gap: 1.6875rem; grid-template-columns: repeat(4, 1fr); margin-top: 0.625rem; }
.home-box2 .box-info2 ul li{ width: 100%; float: left; margin-top: 1.6875rem;}
.home-box2 .box-info2 ul li .center-center{ height: 32.5rem; overflow: hidden; position: relative; z-index: 1; background: #F3F3F3; padding: 0 1.875rem 0;}
.home-box2 .box-info2 ul li .center-center .box1{ text-align: center; font-size: 1.75rem; padding-bottom: 1.2rem; position: relative; font-weight: 400; transition: all .6s ease .2s; }
.home-box2 .box-info2 ul li .center-center .box1::after{ content: ''; width: 1.875rem; height: 2px; background: #37A465; position: absolute; left: 50%; bottom: 0; margin-left: -0.9375rem; transition: all .6s ease .2s;}
.home-box2 .box-info2 ul li .center-center .box2{ font-size: 1rem; color: #fff; line-height: 1.6; height: 17.25rem; margin-top: 1.6875rem; opacity: 0; transition: all .6s; transform: translate(0,1rem); }
.home-box2 .box-info2 ul li .center-center .box3{ width: 11.25rem; height: 3.75rem; background: #37A465; display: flex; align-items: center; justify-content: center; opacity: 0; transform: translate(0,1rem); transition: all .6s ease .2s; }
.home-box2 .box-info2 ul li .center-center .box3 span{ color: #fff; font-size: 0.9375rem; padding-right: 1.75rem; background: url(../images/icon_3.png) no-repeat right; background-size: 1.125rem; transition: all .3s;}
.home-box2 .box-info2 ul li .center-center .box3:hover span{ padding-right: 2.5rem;}
.home-box2 .box-info2 ul li .center-center .box4,
.home-box2 .box-info2 ul li .center-center .box5{ width: 100%; position: absolute; left: 0; z-index: -1; transition: all .6s;}
.home-box2 .box-info2 ul li .center-center .box4{ height: 21.25rem; bottom: 0; padding: 0 1.875rem; display: flex; align-items: center; justify-content: center; }
.home-box2 .box-info2 ul li .center-center .box4 img{ width: 100%; display: block; object-fit: contain;}
.home-box2 .box-info2 ul li .center-center .box5{ height: 100%; bottom: 100%;}
.home-box2 .box-info2 ul li .center-center .box5 img{ width: 100%; height: 100%; object-fit: cover; display: block; }
.home-box2 .box-info2 ul li .center-center .box5::after{ content: ''; width: 100%; height: 100%; background: rgba(0,0,0,0.4); position: absolute; left: 0; top: 0;}
.home-box2 .box-info2 ul li:hover .center-center .box1{ color: #fff;}
.home-box2 .box-info2 ul li:hover .center-center .box1::after{ background: #fff;}
.home-box2 .box-info2 ul li:hover .center-center .box2,
.home-box2 .box-info2 ul li:hover .center-center .box3{ transform: translate(0,0); opacity: 1;}
.home-box2 .box-info2 ul li:hover .center-center .box4{ transform: translate(0,-3rem); opacity: 0;}
.home-box2 .box-info2 ul li:hover .center-center .box5{ bottom: 0;}

.home-box2 .box-info3{ margin-top: 1rem;}
.home-box2 .box-info3 .swiper .swiper-slide{ position: relative; height: 32.5rem; overflow: hidden; position: relative; z-index: 1; background: #F3F3F3; padding: 0 1.875rem 0;}
.home-box2 .box-info3 .swiper .swiper-slide .box1{ text-align: center; font-size: 1.75rem; padding-bottom: 1.2rem; position: relative; font-weight: 400; color: #fff; }
.home-box2 .box-info3 .swiper .swiper-slide .box1::after{ content: ''; width: 1.875rem; height: 2px; background: #fff; position: absolute; left: 50%; bottom: 0; margin-left: -0.9375rem; transition: all .6s ease .2s;}
.home-box2 .box-info3 .swiper .swiper-slide .box2{ font-size: 1rem; color: #fff; line-height: 1.6; height: 17.25rem; margin-top: 1.6875rem; }
.home-box2 .box-info3 .swiper .swiper-slide .box3{ width: 11.25rem; height: 3.75rem; background: #37A465; display: flex; align-items: center; justify-content: center; }
.home-box2 .box-info3 .swiper .swiper-slide .box3 span{ color: #fff; font-size: 0.9375rem; padding-right: 1.75rem; background: url(../images/icon_3.png) no-repeat right; background-size: 1.125rem; transition: all .3s;}
.home-box2 .box-info3 .swiper .swiper-slide .box4,
.home-box2 .box-info3 .swiper .swiper-slide .box5{ width: 100%; position: absolute; left: 0; z-index: -1; transition: all .6s;}
.home-box2 .box-info3 .swiper .swiper-slide .box4{ height: 21.25rem; bottom: 0; padding: 0 1.875rem; display: flex; align-items: center; justify-content: center; }
.home-box2 .box-info3 .swiper .swiper-slide .box4 img,
.home-box2 .box-info3 .swiper .swiper-slide .box5 img{ width: 100%; display: block; object-fit: contain;}
.home-box2 .box-info3 .swiper .swiper-slide .box5{ height: 100%; bottom: 0%;}
.home-box2 .box-info3 .swiper .swiper-slide .box5::after{ content: ''; width: 100%; height: 100%; background: rgba(0,0,0,0.4); position: absolute; left: 0; top: 0;}

.home-box2 .box-info3 .swiper .swiper-slide .box1{ color: #333;}
.home-box2 .box-info3 .swiper .swiper-slide .box1::after{ background: #37A465;}
.home-box2 .box-info3 .swiper .swiper-slide .box2,
.home-box2 .box-info3 .swiper .swiper-slide .box5{ opacity: 0;}
.home-box2 .box-info3 .swiper .swiper-slide .box2{ height: 22rem;}
.home-box2 .box-info3 .swiper .swiper-slide .box3{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0;}



.number-animate{float:left;line-height:5rem;height:5rem;font-size:5rem;overflow:hidden;display:inline-block;position:relative;font-weight: bold;}
.number-animate .number-animate-dot{width:2rem;float:left;text-align:center}
.number-animate .number-animate-dom{width:3rem;text-align:center;float:left;position:relative;top:0}
.number-animate .number-animate-dom span,.number-animate .number-animate-dot span{float:left;width:100%;height:5rem;line-height:1;color:#fff}

.home-box3{ display: grid; grid-template-columns: 1fr 1fr; overflow: hidden;}
.home-box3 .f-l{ width: 100%; height: 100%;}
.home-box3 .f-l img{ width: 100%; height: 100%; object-fit: cover; }
.home-box3 .f-r{ width: 100%;}
.home-box3 .f-r .box-info1{ background: #F3FAF7; height: 38.125rem; padding: 0 8.125rem; }
.home-box3 .f-r .box-info1 .box1{ font-size: 2.75rem; font-family: 'ztys1'; font-weight: bold; text-transform: uppercase; }
.home-box3 .f-r .box-info1 .box2{ font-size: 1.0625rem; color: #666; line-height: 1.8; padding: 2rem 0; text-align: center;}
.home-box3 .f-r .box-info1 .box3{ width: 11.25rem; height: 3.75rem; border:1px solid #37A465; display: flex; align-items: center; justify-content: center; }
.home-box3 .f-r .box-info1 .box3 span{ color: #37A465; font-size: 0.9375rem; padding-right: 1.75rem; background: url(../images/icon_3_h.png) no-repeat right; background-size: 1.125rem; transition: all .3s;}
.home-box3 .f-r .box-info1 .box3:hover span{ padding-right: 2.5rem;}
.home-box3 .f-r .box-info2{ background: #37A465; color: #fff; display: flex;}
.home-box3 .f-r .box-info2 .center-center{ width: 100%; height: 21.875rem; border-left: 1px solid rgba(255,255,255,0.2);}
.home-box3 .f-r .box-info2 .center-center:first-child{ border: none;}
.home-box3 .f-r .box-info2 .center-center .box2{ width: 14.375rem; text-align: center; font-size: 1.125rem; margin-top: 1.5rem; line-height: 1.8; height: 2rem;}

.home-box4{ padding: 5rem 0;}
.home-box4 .box-info1 .box1{ font-size: 2.75rem; font-family: 'ztys1'; font-weight: bold; text-transform: uppercase; }
.home-box4 .box-info1 .box2{ flex: 1; font-size: 1.0625rem; color: #666; padding-left: 7.8125rem; }
.home-box4 .box-info2 ul{ display: grid; gap: 2.125rem; grid-template-columns: repeat(3, 1fr); margin-top: 3.125rem; }
.home-box4 .box-info2 ul li .box1{ height: 21.125rem; overflow: hidden;}
.home-box4 .box-info2 ul li .box1 img{ width: 100%; height: 100%; display: block; transition: all .6s; }
.home-box4 .box-info2 ul li .box2{ font-size: 1.25rem; margin-top: 1rem; height: 5.9375rem; line-height: 1.6; font-weight: bold; padding: 0 0.5rem; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.home-box4 .box-info2 ul li .box3{ font-size: 1rem; color: #666; line-height: 1.6; margin-top: 1rem; padding: 0 0.5rem; }
.home-box4 .box-info2 ul li:hover .box1 img{ transform: scale(1.1);}

.foot-box .top-box{ background: #37A465; padding: 1.25rem 0;}
.foot-box .top-box .f-l img{ height: 3.4375rem;}
.foot-box .top-box .f-r{ display: flex; gap: 1.75rem;}
.foot-box .top-box .f-r a{ display: block;}
.foot-box .top-box .f-r a img{ height: 1.75rem; display: block;}
.foot-box .top-box .f-r a:hover{ transform: rotateZ(10deg);}
.foot-box .cen-box .w-1500{ display: grid; grid-template-columns: repeat(4, 1fr); padding: 2.375rem 0; }
.foot-box .cen-box ul li{ position: relative; padding-left: 1.25rem; line-height: 2.125rem; color: #666;}
.foot-box .cen-box ul li a{ color: #666;}
.foot-box .cen-box ul li a:hover{ color: #37A465;}
.foot-box .cen-box ul li span{ display: block; font-weight: bold; font-size: 1.125rem; padding-bottom: 0.3rem; }
.foot-box .cen-box ul li span::after{ content: ''; width: 0.375rem; height: 0.9375rem; background: #37A465; position: absolute; left: 0; top: 0.55rem; }
.foot-box .lower-box{ border-top: 1px solid #EDEDED; padding: 2.375rem 0; font-size: 0.9375rem; color: #666; }
.foot-box .lower-box a{ color: #666;}
.foot-box .lower-box a:hover{ color: #37A465;}

.page-banner{ background-position: center 5rem; background-attachment: fixed; background-size: 100%; height: 28rem; color: #fff; }
.page-banner .box1{ font-size: 3rem; font-weight: bold; }
.page-banner .box2{ padding-left: 1.8rem; line-height: 1.25rem; font-size: 1rem; margin-top: 2.25rem; background: url(../images/icon_11.png) no-repeat left; background-size: auto 1.2rem; padding-top: 0.2rem; }
.page-banner .box2 a{ color: #fff;}

.products-center{ padding: 5rem 0;}
.products-center .w-1500{ display: flex;}
.products-center .f-l{ width: 21rem; margin-right: 3.375rem; transition: all .3s;}
.products-center .f-l ul{ width: 100%; position: sticky; top: 5rem; }
.products-center .f-l ul li a{ font-size: 1rem; display: block; line-height: 4rem; padding: 0 1rem; position: relative; }
.products-center .f-l ul li span{ display: block; position: relative;}
.products-center .f-l ul li span i{width: 3.125rem; height: 100%; position: absolute; right: 0; top: 0; cursor: pointer; transition: all .3s; pointer-events: none;}
.products-center .f-l ul li span:hover i{}
.products-center .f-l ul ul{ display: none;}


.products-center .f-l>ul>li{ margin-bottom: 2px;}
.products-center .f-l>ul>li>span>a,
.products-center .f-l>ul>li>a{ background-color: #37A465; color: #fff; font-size: 1rem; }
.products-center .f-l>ul>li>span>i::before{ content: ''; width: 16px; height: 2px; background: #fff; position: absolute; left: 50%; top: 50%; margin: -1px 0 0 -8px; }
.products-center .f-l>ul>li>span>i::after{ content: ''; width: 16px; height: 2px; background: #fff; position: absolute; left: 50%; top: 50%; margin: -1px 0 0 -8px; transform: rotate(90deg); transition: all .3s; }
.products-center .f-l>ul>li.active>span>i::after{ transform: rotate(0deg);}

.products-center .f-l>ul>li>ul>li{ border-top: 1px solid #D6EDE2;}
.products-center .f-l>ul>li>ul>li>span>a,
.products-center .f-l>ul>li>ul>li>a{ background-color: #F4FAF8; font-size: 1rem; }
.products-center .f-l>ul>li>ul>li>span>i{ background: url(../images/icon_2.png) no-repeat center; background-size: 13px;}
.products-center .f-l>ul>li>ul>li.active>span>i{ transform: rotate(180deg);}

.products-center .f-l>ul>li>ul>li ul{ padding: 0.5rem;}
.products-center .f-l>ul>li>ul>li ul li a{ line-height: 3.125rem; color: #666; }
.products-center .f-l>ul>li>ul>li ul li a:hover{ color: #37A465;}

.products-center .f-l>ul>li.active>span>a,
.products-center .f-l>ul>li.active>a{ font-weight: bold;}
.products-center .f-l>ul>li.active>ul,
.products-center .f-l>ul>li>ul>li.active>ul{ display: block;}
.products-center .f-l>ul>li>ul>li.active>span>a,
.products-center .f-l>ul>li>ul>li.active>a{ background-color: #DFF1E9;}
.products-center .f-l>ul>li>ul>li ul li.active a{ color: #37A465; font-weight: bold;}

@media screen and (min-width:1024px){
.products-center .f-l.active{ width: 4rem; margin-right: 1rem;}
.products-center .f-l.active ul{}
.products-center .f-l.active ul li span i{ opacity: 0;}
.products-center .f-l.active ul li a{ font-size: 0; transition: none; background-image: url(../images/icon_12.png); background-position: center; background-repeat: no-repeat; background-size: 2.2rem; }
.products-center .f-l.active>ul>li>ul>li>span>a,
.products-center .f-l.active>ul>li>ul>li>a{ background-image: url(../images/icon_17.png); background-size: 2rem;}
.products-center .f-l.active>ul>li>ul>li ul li a{ transition: all .3s; background-image: url(../images/icon_18.png); background-size: 1.8rem;}
.products-center .f-l.active>ul>li>ul>li ul li.active a{ transform: translate(0.5rem,0);}
}

.products-center .f-r{ width: 100%; flex: 1; }
.products-center .f-r .box-info1{}
.products-center .f-r .box-info1 .box1{ width: 4.0625rem; height: 4.0625rem; border: 1px solid #BCE2CE; background: #fff; cursor: pointer; position: relative; box-shadow: 0 0 1rem rgba(0,0,0,0.08);}
.products-center .f-r .box-info1 .box1::after{ content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/icon_9.png) no-repeat center; background-size: 2rem; transition: all .3s; transform: rotate(180deg); }
.products-center .f-r .box-info1 .box1.active::after{ transform: rotate(0deg);}
.products-center .f-r .box-info1 .box2{ width: 100%; flex: 1; margin-left: 0.875rem; display: flex; box-shadow: 0 0 1rem rgba(0,0,0,0.08);}
.products-center .f-r .box-info1 .box2 .text{ width: 100%; flex: 1; height: 4.0625rem; border: 1px solid #efefef; padding: 0 1rem 0 3.125rem; font-size: 1.125rem; background: url(../images/icon_1.png) no-repeat 0.8rem center; background-size: 1.5rem; }
.products-center .f-r .box-info1 .box2 .btns{ width: 8.75rem; height: 4.0625rem; background: #37A465; color: #fff; font-size: 1.25rem; border: none; cursor: pointer; }
.products-center .f-r .box-info2{ border: 1px solid #efefef; margin-top: 1.125rem; box-shadow: 0 0 1rem rgba(0,0,0,0.08);}
.products-center .f-r .box-info2 table{ width: 100%; border: 2px solid #fff; text-align: center; }
.products-center .f-r .box-info2 table thead{ position: sticky; top: 5rem; background: #E5F4EC; font-size: 1rem; font-weight: bold; }
.products-center .f-r .box-info2 table thead tr{}
.products-center .f-r .box-info2 table thead tr th{ height: 4.25rem; padding: 0.625rem 1.25rem; border-bottom: 1px solid #efefef;}
.products-center .f-r .box-info2 table thead tr th p{ font-weight: normal; font-size: 0.875rem;}
.products-center .f-r .box-info2 table tbody tr td{ height: 3.5rem; padding: 0.4rem 1.25rem; transition: all .3s; color: #666; }
.products-center .f-r .box-info2 table tbody tr{ border-top: 1px solid #efefef; transition: all .3s;}
.products-center .f-r .box-info2 table tbody tr:nth-child(2n){ background: #F4FAF8;}
.products-center .f-r .box-info2 table tbody tr:hover td:nth-child(1){ transform: translate(0.8rem,0);}
.products-center .f-r .box-info2 table tbody tr:hover{ background: #E5F4EC;}
.products-center .f-r .box-info2 table tbody tr img{ height: 2.1875rem;}
.products-center .f-r .box-info3{ margin-top: 1.125rem;}
.products-center .f-r .box-info3 select{ height: 2.5rem; font-size: 1rem; border: 1px solid #efefef; padding: 0 0.5rem; cursor: pointer; }
.products-center .f-r .box-info3 .box2 a{ line-height: 2.5rem; font-size: 1rem; border: 1px solid #efefef; float: left; padding: 0 1rem; margin-left: 0.5rem; }
.products-center .f-r .box-info3 .box2 a:hover{ background: #E0F1E9;}
.products-center .f-r .box-info4{ margin: 1.5rem 0 -0.5rem;}

.contact-box1{ padding: 4.375rem 0; position: relative;}
.contact-box1 .box-info1{ width: 41.875rem; background: #fff; border: 2px solid rgba(29,163,99,0.3); border-radius: 0.625rem; position: absolute; left: 50%; top: 34%; padding: 1.625rem; margin-left: -20.5rem; }
.contact-box1 .box-info1 .box1{ font-size: 1.5rem; font-family: 'ztys1';}
.contact-box1 .box-info1 .box2 p{ float: left; line-height: 1.75rem; margin-top: 1.5rem; padding-left: 2rem; background-position: 0 0.2rem; background-repeat: no-repeat; background-size: auto 1.5rem; font-size: 1.25rem; color: #666; }
.contact-box1 .box-info1 .box2 p.icon1{ background-image: url(../images/icon_13.png);}
.contact-box1 .box-info1 .box2 p.icon2{ background-image: url(../images/icon_14.png); margin-left: 2rem;}
.contact-box1 .box-info1 .box2 p.icon3{ background-image: url(../images/icon_15.png);}
.contact-box1 .box-info1 .box3{ width: 3.9375rem; height: 3.9375rem; background: url(../images/icon_15.png) no-repeat center; background-size: 100%; position: absolute; left: 100%; top: 50%; margin: -1.8rem 0 0 3.75rem; }
.contact-box1 .box-info1 .box3::before{ content: ''; width: 5.625rem; height: 5.625rem; background: rgba(55,164,101,0.3); position: absolute; left: 50%; top: 30%; margin-left: -2.8125rem; border-radius: 100%; opacity: 0; transform: rotateX(65deg); animation: pinWave 2s cubic-bezier(0, 0.56, 0.56, 1) infinite; }
.contact-box1 .box-info1 .box3::after{ content: ''; width: 3.75rem; height: 3.75rem; background: rgba(55,164,101,0.5); position: absolute; left: 50%; top: 53%; margin-left: -1.875rem; border-radius: 100%; opacity: 0; transform: rotateX(65deg); animation: pinWave 2s cubic-bezier(0, 0.56, 0.56, 1) infinite .2s; }

@keyframes pinWave {
  0% {
    opacity: 1;
    -moz-transform: scale(0) rotateX(65deg);
    -webkit-transform: scale(0) rotateX(65deg);
    -ms-transform: scale(0) rotateX(65deg);
    -o-transform: scale(0) rotateX(65deg);
    transform: scale(0) rotateX(65deg);
  }
  25% {
    opacity: 0.7;
  }
  50% {
    opacity: 0.25;
  }
  85% {
    opacity: 0;
    -moz-transform: scale(1.1) rotateX(65deg);
    -webkit-transform: scale(1.1) rotateX(65deg);
    -ms-transform: scale(1.1) rotateX(65deg);
    -o-transform: scale(1.1) rotateX(65deg);
    transform: scale(1.1) rotateX(65deg);
  }
}

.contact-box2{ background: #F4FAF8; padding: 5.625rem 0 6.875rem; }
.contact-box2 .box1{ font-size: 2.75rem; font-family: 'ztys1'; }
.contact-box2 .text{ width: 100%; height: 5rem; background: #fff; border: 1px solid #efefef; border-radius: 0.3125rem; padding: 0 1.125rem; font-size: 1.125rem; }
.contact-box2 .box2{ display: grid; gap: 1.5rem; grid-template-columns: repeat(3, 1fr); margin-top: 2.5rem; }
.contact-box2 .box3 textarea{ width: 100%; height: 18.75rem; background: #fff; border: 1px solid #efefef; border-radius: 0.3125rem; padding: 1.125rem; font-size: 1.125rem; margin-top: 1.5rem; font-family: arial; }
.contact-box2 .box4{ margin-top: 1.5rem; display: flex; }
.contact-box2 .box4 .text{ width: 50%;}
.contact-box2 .box4 .text input{ width: 100%; flex: 1; height: 100%; font-size: 1.125rem; border: none; }
.contact-box2 .box4 .text img{ width: 9.375rem; cursor: pointer;}
.contact-box2 .box4 .btns{ width: 15rem; height: 5rem; background: #37A465; color: #fff; font-size: 1.375rem; border: none; border-radius: 0.3125rem; margin-left: 1.5rem; cursor: pointer; }

.about-box1{ padding: 4.375rem 0;}
.about-box1 .box1{ font-size: 2.75rem; font-family: 'ztys1'; }
.about-box1 .box2{ font-size: 1.875rem; margin-top: 3.125rem; color: #37A465; font-weight: bold;}
.about-box1 .box3{ font-size: 1.125rem; margin-top: 0.875rem; line-height: 1.8; color: #666;}
.about-box1 .box4{ margin-top: 2.5rem;}
.about-box1 .box4 img{ width: 100%; display: block;}

.dhstyle1,.dhstyle2{ position: relative;}
.dhstyle1::after,.dhstyle2::after{ content: ''; width: 100%; height: 100%; background: #fff; position: absolute; left: 0; top: 0; z-index: 20; transition: all 0.75s; }
.dhstyle2::after{ left: auto; right: 0; }
.dhstyle1.animated::after,.dhstyle2.animated::after{ width: 0;}

.about-box2{ background: #F4FAF8; padding: 5rem 0 0;}
.about-box2 .f-l{ width: 18.75rem; font-size: 1.875rem; font-family: 'ztys1'; color: #37A465; }
.about-box2 .f-r{ width: 65rem;}
.about-box2 .dhstyle1::after,
.about-box2 .dhstyle2::after{ background: #F4FAF8;}
.about-box2 .f-r .box1{ font-size: 1.125rem; line-height: 1.8; color: #666; }
.about-box2 .f-r .box2{ font-size: 1.25rem; line-height: 2; font-weight: bold; margin-top: 1.25rem; }
.about-box2 .f-r .box3{ margin: 1.8rem 0 5rem;}
.about-box2 .f-r .box3 img{ width: 100%; display: block;}

.about-box3{ padding: 5rem 0;}
.about-box3 .box-info1 i{ width: 1px; height: 11rem; background: #DCDCDC; }
.about-box3 .box-info1 .center-center{ width: 100%; height: 11rem; }
.about-box3 .box-info1 .center-center .number-animate .number-animate-dom span,
.about-box3 .box-info1 .center-center .number-animate .number-animate-dot span{ color: #37A465;}
.about-box3 .box-info1 .center-center .box2{ font-size: 1.25rem; font-weight: bold; margin-top: 1.75rem; }
.about-box3 .box-info2{ font-size: 2.75rem; margin-top: 4.375rem; font-weight: bold; }

.news-box1{ background: #37A465; padding-bottom: 0.25rem; text-align: center;}
.news-box1 a{ min-width: 15rem; line-height: 4.875rem; color: #fff; font-size: 1.25rem; text-align: center; display: inline-block; }
.news-box1 a.active,.news-box1 a:hover{ background: #fff; color: #37A465; }

.news-box2.home-box4 .box-info2 ul{ margin-top: 0;}
.news-box2.home-box4 .box-info2 ul li .box2{ height: auto;}
.news-box2 .box-info3{ margin-top: 5rem;}
.news-box2 .box-info3 a{ background: #E9F6EF; line-height: 3.625rem; color: #666; font-size: 1rem; padding: 0 1.625rem; }
.news-box2 .box-info3 a:hover{ background: #37A465; color: #fff; }
.news-box2.style2{ background: #F4FAF8;}
.news-box2 .box-info4{ font-size: 1.875rem; font-weight: bold; font-family: 'ztys1'; color: #37A465; padding-bottom: 1.25rem;}

.news-box3{ padding: 5rem 0;}
.news-box3 .box-info1 span{ display: block; font-size: 2.25rem; font-weight: bold;}
.news-box3 .box-info1 p{ font-size: 1.25rem; color: #666; margin-top: 1rem; }
.news-box3 .box-info2{ font-size: 1.125rem; line-height: 1.6; padding: 2rem 0; margin-top: 2rem; border-top: 1px solid #DFDFDF; border-bottom: 1px solid #DFDFDF; color: #666; }
.news-box3 .box-info3{ padding-top: 1rem; font-size: 1.125rem; font-weight: bold; }
.news-box3 .box-info3 a{ display: block; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; margin-top: 1rem;}

.quality-box1{ padding: 5rem 0;}
.quality-box1 .box-info1{ font-size: 2.75rem; font-weight: bold; font-family: 'ztys1';}
.quality-box1 .box-info2{ font-size: 1.125rem; line-height: 1.8; margin-top: 1rem; color: #666; }
.quality-box1 .box-info3>.between-center{ margin-top: 4.375rem; margin-bottom: 3rem;}
.quality-box1 .box-info3>.between-center:nth-child(2n){ flex-flow: row-reverse; }
.quality-box1 .box-info3>.between-center .imgs{ width: 56.25rem; height: 30rem; }
.quality-box1 .box-info3>.between-center .imgs img{ width: 100%; height: 100%; object-fit: cover; display: block; }
.quality-box1 .box-info3>.between-center .info{ width: 32.5rem; }
.quality-box1 .box-info3>.between-center .info .box1{ font-size: 1.875rem; font-family: 'ztys1'; font-weight: bold; }
.quality-box1 .box-info3>.between-center .info .box2{ font-size: 1.125rem; margin-top: 0.75rem; margin-bottom: 2.2rem; color: #666; }
.quality-box1 .box-info3>.between-center .info .box2:last-child{ margin-bottom: 0;}

.quality-box2{ padding: 5rem 0; background: #F4FAF8;}
.quality-box2 .box-info1{ font-size: 2.75rem; font-weight: bold; font-family: 'ztys1'; }
.quality-box2 .box-info2{ margin-top: 1.875rem;}
.quality-box2 .box-info2 ul{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 9.375rem; }
.quality-box2 .box-info2 ul li{ margin-top: 2.5rem;}
.quality-box2 .box-info2 ul li a{ width: 100%; line-height: 2rem; height: 2rem; float: left; padding: 0 2.5rem 0 1.125rem; font-size: 1.25rem; background: url(../images/icon_16.png) no-repeat right; background-size: 1.625rem; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; color: #666; }
.quality-box2 .box-info2 ul li a::before{ content: ''; width: 0.375rem; height: 0.375rem; background: #666; border-radius: 100%; position: absolute; left: 0; top: 50%; margin-top: -0.1875rem; transition: all .6s; }
.quality-box2 .box-info2 ul li a:hover{ background-image: url(../images/icon_16_h.png); text-decoration: underline; color: #37A465; }
.quality-box2 .box-info2 ul li a:hover::before{ background: #37A465;}

.cky-consent-container{ position: fixed; width: 27.5rem; box-sizing: border-box; z-index: 9999; border-radius: 0.375rem; bottom: 1rem; left: 1rem; display: none;}
.cky-consent-container .cky-consent-bar{ background: #ffffff; padding: 1.25rem 1.625rem; box-shadow: 0 -1px 0.625rem 0 #acabab4d; border-radius: 0.375rem;}
.cky-notice .cky-title { color: #212121; font-weight: 700; font-size: 1.125rem; line-height: 1.5rem; margin: 0 0 0.75rem 0; text-transform: uppercase;}
.cky-notice-group{ font-size: 0.875rem; line-height: 1.5rem; font-weight: 400; color: #212121;}
.cky-notice-des{ color: #212121; font-size: 0.875rem; line-height: 1.5rem; font-weight: 400;}
.cky-notice-btn-wrapper{ width: 100%; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; margin-top: 1rem;}
.cky-notice-btn-wrapper .cky-btn{ background-color: #fff; font-size: 0.875rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; color: #37A465; border: 0.1875rem solid #37A465; min-width: 7.5rem; text-align: center; line-height: 2.5rem; cursor: pointer; transition: all .6s;}
.cky-notice-btn-wrapper .cky-btn+.cky-btn{ margin-left: 0.625rem;}
.cky-notice-btn-wrapper .cky-btn.active{ background: #37A465; color: #fff; }
.cky-notice-btn-wrapper .cky-btn:hover{ opacity: 0.7; border-radius: 0.625rem;}













/* 屏幕分辨率放大为 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){
  .head-box .head-menu>.center-center{ display: block;}
}
@media screen and (max-height:600px){
  
}
/* 小于等于多少宽度的样式 */
@media screen and (max-width:1660px){
    
}
@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%;}
  .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;}
	.fanye-box a,.fanye-box span{ width: 2.3rem; height: 2.3rem; line-height: 2.3rem; margin: 0 0.2rem;}
  .fanye-box .prev, .fanye-box .next{ line-height: 2.2rem;}
  
  .head-box{ padding: 0 5%;}
  .head-box .f-c{ opacity: 0; pointer-events: none; width: 100%; position: fixed; left: 0; top: 3.6rem; height: calc(100vh - 3.6rem); background: #fff; transition: all .6s; border-top: 1px solid #e6e6e6; margin-top: -1px; overflow: auto;}
  .head-box .f-c>ul{ display: block;}
  .head-box .f-c>ul>li{ width: 100%; float: left;}
  .head-box .f-c>ul>li{ border-bottom: 1px solid #E6E6E6;}
  .head-box .f-c>ul>li span a{ line-height: 3rem; }
  .head-box .f-c>ul>li>.lv2-menu{ float: left; position: relative; opacity: 1; padding: 0 1rem 1rem 3rem; border: none; margin-top: -1rem; pointer-events: auto; display: none; transition: initial;}
  .head-box .f-c>ul>li>.lv2-menu a{ float: left; margin: 1rem 1rem 0 0 !important;}
  .head-box .f-c>ul>li.menu span a::after{ display: none;}
  .head-box .f-c.active{ opacity: 1; pointer-events: auto;}
  .head-box .f-l, .head-box .f-r{ width: auto; height: 3.5rem;}
  .head-box .f-l img{ height: 2.5rem;}
  .head-btn{ display: block; height: 1.45rem;}
  .head-box .head-search{ width: 12rem; margin-right: 1.5rem;}
  .head-box .head-search .text{ height: 2.3rem;}
  .products-menu{ position: relative; top: 0; opacity: 1; pointer-events: auto; border: none; display: none; }
  .products-menu:before{ display: none;}
  .products-menu .menus{ padding: 0 1rem 1rem 3rem; margin-top: -1rem; border: none; background: none; width: 100%;}
  .products-menu .menus li{ width: 100%; float: left;}
  .products-menu .menus li a{ width: 100%; line-height: normal; float: left; margin: 1rem 1rem 0 0 !important; padding: 0 !important;}
  .products-menu .menus li .submenu,
  .products-menu .menus li .submenu>li .sub-submenu{ float: left; position: relative; opacity: 1; pointer-events: auto; left: 0; padding: 0 0 1rem 1rem !important; border: none !important;}
  .products-menu .menus li .submenu>li .sub-submenu li{ width: auto;}
  
  .all-center-box{ padding-top: 3.5rem;}
  
  .home-box1{ height: 14rem;}
  .home-box1 .swiper .swiper-pagination{ bottom: 1rem; right: 1rem;}
  .home-box1 .swiper .swiper-slide .box1, .home-box1 .swiper .swiper-slide .box2{ width: 100%; padding: 0 5%;}
  .home-box1 .swiper .swiper-slide .box1{ font-size: 4rem;}
  .home-box1 .swiper .swiper-slide .box2{ font-size: 1.5rem;}
  .home-box1 .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ padding-right: 4rem;}
  .home-box1 .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after{ width: 3.1rem;}
  .home-box1 .box-info1{ display: none;}
  
  .home-box2{ padding: 2rem 0;}
  .home-box2 .box-info1 span{ font-size: 2rem;}
  .home-box2 .box-info1 p{ margin-top: 0.2rem;}
  
  .home-box3{ display: block;}
  .home-box3 .f-l{ display: none;}
  .home-box3 .f-r .box-info1{ padding: 2rem; height: auto;}
  .home-box3 .f-r .box-info1 .box1{ font-size: 2rem;}
  .home-box3 .f-r .box-info1 .box2{ font-size: 1rem; padding: 1rem 0;}
  .home-box3 .f-r .box-info2{ display: block; padding: 1rem 0;}
  .home-box3 .f-r .box-info2 .center-center{ height: auto; padding: 1rem 0;}
  .home-box3 .f-r .box-info2 .center-center .box2{ width: 100%; height: auto; margin-top: 0;}
  
  .home-box4{ padding: 2rem 0;}
  .home-box4 .box-info2 ul{ gap: 1.5rem; grid-template-columns: repeat(1, 1fr);}
  .home-box4 .box-info2 ul li{ height: auto;}
  .home-box4 .box-info2 ul li .box3{ margin-top: 0.5rem;}
  
  .foot-box .top-box{ padding: 1rem 0;}
  .foot-box .top-box .f-l{ display: none;}
  .foot-box .top-box .f-r{ width: 100%;}
  .foot-box .cen-box .w-1500{ padding: 1rem 0; grid-template-columns: repeat(1, 1fr); display: block;}
  .foot-box .cen-box ul{ float: left; margin-bottom: 0.5rem;}
  .foot-box .lower-box{ padding: 1.5rem 0;}
  
  .page-banner{ height: 13rem; background-position: center 3.5rem; background-size: auto 14rem;}
  .page-banner .box1{ font-size: 2rem;}
  .page-banner .box2{ margin-top: 0.5rem; padding-top: 0.3rem;}
  
  .products-center{ padding: 2rem 0;}
  .products-center .w-1500{ display: block; position: relative;}
  .products-center .w-1500::after{ content: ''; display: block; clear: both;}
  .products-center .f-r{ width: 100%;}
  .products-center .f-r .box-info2{ max-height: 70vh; overflow: auto; }
  .products-center .f-r .box-info2 table thead{ top: 0;}
  
  .products-center .f-l{ width: 100%; height: calc(100% - 4rem); position: absolute; z-index: 10; left: 0; top: 4rem; opacity: 0 !important; pointer-events: none; box-shadow: 0 0 1rem rgba(0,0,0,0.1);}
  .products-center .f-l ul{ top: 7.5rem; background: #fff;}
  .products-center .f-l.active{ opacity: 1 !important; pointer-events: auto;}
  
  .products-center .f-r .box-info1{ position: sticky; top: 3.5rem; z-index: 10; background: #fff; padding: 0.5rem 0; }
  
  .products-center .f-r .box-info3{ display: block;}
  .products-center .f-r .box-info3 .box1{ padding-bottom: 0.5rem;}
  
  .products-center .f-r .box-info1 .box1{ width: 3rem; height: 3rem;}
  .products-center .f-r .box-info1 .box2 .text{ height: 3rem;}
  .products-center .f-r .box-info1 .box2 .btns{ width: 6rem; height: 3rem;}
  
  .contact-box1{ padding: 2rem 0;}
  .contact-box1>img{ display: none;}
  .contact-box1 .box-info1{ position: relative; left: auto; top: auto; margin: 0; width: 100%; float: left;}
  .contact-box1 .box-info1 .box2 p.icon2{ margin-left: 0;}
  .contact-box1 .box-info1 .box2 p{ margin-top: 1rem;}
  .contact-box1 .box-info1 .box3{ display: none;}
  
  .contact-box2{ padding: 2rem 0;}
  .contact-box2 .box1{ font-size: 2rem;}
  .contact-box2 .box2{grid-template-columns:repeat(1, 1fr); gap: 1rem;}
  .contact-box2 .box3 textarea{ margin-top: 1rem; height: 13rem;}
  .contact-box2 .box4{ margin-top: 1rem; display: block;}
  .contact-box2 .box4 .text{ width: 100%;}
  .contact-box2 .box4 .btns{ width: 100%; margin: 1rem 0 0;}
  
  .about-box1{ padding: 2rem 0;}
  .about-box1 .box1{ font-size: 2rem;}
  .about-box1 .box2{ font-size: 1.5rem; margin-top: 1rem; }
  .about-box1 .box3{ font-size: 1rem; margin-top: 0.5rem; line-height: 1.6; }
  .about-box1 .box4{ margin-top: 1rem;}
  
  .about-box2{ padding: 2rem 0 0;}
  .about-box2 .f-l{ width: 100%; font-size: 1.5rem;}
  .about-box2 .f-r{ width: 100%; margin-top: 1rem;}
  .about-box2 .f-r .box1{ font-size: 1rem; line-height: 1.6;}
  .about-box2 .f-r .box2{ font-size: 1.2rem; line-height: 1.6; margin-top: 1rem;}
  .about-box2 .f-r .box3{ margin: 1.5rem 0 2rem;}
  
  .about-box3{ padding: 2rem 0;}
  .about-box3 .box-info1{ display: block;}
  .about-box3 .box-info2{ font-size: 1.5rem; margin-top: 1.5rem;}
  
  .news-box1 a{ min-width: 10rem; line-height: 3.5rem; font-size: 1.1rem; }
  .news-box2 .box-info3{ margin-top: 2rem;}
  
  .news-box3{ padding: 2rem 0;}
  .news-box3 .box-info1 span{ font-size: 2rem;}
  .news-box3 .box-info2{ font-size: 1rem; margin-top: 1rem; padding: 1rem 0; }
  .news-box3 .box-info3{ padding-top: 0.5rem;}
  .news-box3 .box-info3 a{ margin-top: 0.5rem;}
  .news-box2 .box-info4{ font-size: 1.5rem;}
  
  .quality-box1{ padding: 2rem 0;}
  .quality-box1 .box-info1{ font-size: 2rem;}
  .quality-box1 .box-info2{ line-height: 1.6;}
  .quality-box1 .box-info3>.between-center{ margin-top: 1.5rem; margin-bottom: 1.5rem; display: block;}
  .quality-box1 .box-info3>.between-center .imgs{ width: 100%; float: left; height: 14rem; }
  .quality-box1 .box-info3>.between-center .info{ width: 100%; float: left;}
  .quality-box1 .box-info3>.between-center .info .box1{ font-size: 1.5rem; margin-top: 0.8rem;}
  .quality-box1 .box-info3>.between-center .info .box2{ margin-bottom: 0.5rem; margin-top: 0.5rem;}
  
  
  .quality-box2{ padding: 2rem 0;}
  .quality-box2 .box-info1{ font-size: 1.8rem;}
  .quality-box2 .box-info2{ margin-top: 0rem;}
  .quality-box2 .box-info2 ul{ display: block;}
  .quality-box2 .box-info2 ul li{ width: 100%; float: left; margin-top: 1rem; }
  
  .cky-consent-container{ width: 100%; bottom: 0; left: 0;}
  .cky-consent-container .cky-consent-bar{ padding: 1.5rem;}
  
  .home-box4 .box-info1{ display: block;}
  .home-box4 .box-info1 .box2{ padding: 0.5rem 0 0; display: none;}
  
  
}
@media screen and (max-width:768px){
}
@media screen and (max-width:480px){
}
@media screen and (max-width:365px){
}